/* CSS Document */

html, body, p, div, td, th, li, a, h1, h2, h3, h4, h5, input, select, textarea, button
{
    font-family:Verdana, Arial, Helvetica, sans-serif;    
    font-size: 11px;
    color: #000;
    line-height: 14px;    
}

body
{
    background-color: #fff;
}

strong, em {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


:focus { /* removes the dotted line around links when clicked */
	outline: 0;
}



p {
	margin:0 0 14px 0;
}

a {
	color:#2761b3;
	text-decoration:underline;
	
}

p a {
	padding:2px 0; /* ensures line-height of 14px doesn't interrupt multi-line links */
}

	a:hover {
		color:#003160;
	}

h1
{
	font-size:20px;
	font-weight:bold;
	margin:0 0 6px 0;
	color:#003580;
}

h2 { 
	font-size:12px;
	font-weight:bold;
	margin:0 0 6px 0;
	color:#003580;
}

h3 { 
	font-size:11px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#000;
}

h4 { 
	font-size:11px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#000;
}
h5 { 
	font-size:12px;
	font-weight:bold;
	margin:0;
	color:#003580;
}

.error
{
    color:Red;
}

#header
{
    min-width:900px;
}
/*
#title.en.IE6
{    
    padding-left: 485px;
    background-color: #2C5F94;
    background-image:url(/Content/_img/backgrounds/travel.tours.expert_home_ie6.jpg);
    background-repeat: no-repeat;
    height: 43px;    
}

#title.fr.IE6
{
    padding-left: 485px;
    background-color: #2C5F94;
    background-image:url(/Content/_img/backgrounds/specialistes_circuits_voyages_home_ie6.jpg);
    background-repeat: no-repeat;
    height: 43px;    
}
*/

#header #title
{
    background:url(/Content/_img/backgrounds/bkgnd-banner-top.jpg) 0 0 repeat-x;
    height: 75px;        
}

#header #title.fr div.content
{
    background:url(/Content/_img/backgrounds/banner-top-fr.jpg) 0 0 no-repeat;
    height: 75px;    
}

#header #title.en div.content
{    
    background: url(/Content/_img/backgrounds/banner-top-en.jpg) 0 0 no-repeat;
    height: 75px;
}
 
#header #title div.content img
{
    padding-left: 810px;
    padding-top: 25px;
    max-width: 116px;
}
 
#header #title.enr div.content img
{
    padding-top: 26px;
}

#title img#title_sentence
{
    padding-left: 10px;
    margin-left: 40px;
}

#title #TO_Logos
{
    background-color: #ffffff;    
    margin-left: 160px;
    width: 242px;
    height: 75px;
    color:#ffffff;
}
 
.rounded_corners {
    width: 200px;    
    text-align: center;
    padding: 5px;
    background-color: #ffffff;
    white-space: nowrap;
    -moz-border-radius:10px;
    -khtml-border-radius:10px; 
    -webkit-border-radius:10px;         
    behavior:url(/Content/_img/backgrounds/border-radius.htc);     
}

.preview_msg
{    
    padding-top:5px;
    padding-bottom:5px;
    background-color: Yellow;
    float:right;
}

#menucontainer
{    
    background-color: #0b3774;    
    border-top-color: #fff;    
    height: 20px;
    z-index: 9001;
    min-width:900px;
}

#menucontainer.en
{
    padding-left: 30px; 
}

#menucontainer.fr
{
    padding-left: 2px;         
}

#menucontainer img
{    
    vertical-align: middle;
}

#menucontainer .menu_element .submenu  
{
    display: none; 
    position: absolute;    
    padding: 10px 10px 10px 10px;
    background-color: #0b3774;    
    color: #fff;
    z-index: 9000;
}

#menucontainer .menu_element .submenu a
{    
    display:block;
    text-transform: uppercase;    
    text-decoration: none;
    color: #fff;
}

#menucontainer .menu_element .submenu a:hover
{    
    color:#003580;
    text-decoration: underline;
    color: #fff;
}

#menucontainer div
{
    display: inline;
}

#menucontainer div .separator
{
    color: #fff;
    font-size: 8px;
    vertical-align: middle;
    display:inline;    
}

#main {
  min-height:400px;
  height:auto !important;
  height:400px;
}

#pageContent {
	float:left;
	width:669px;
	height:526px;
	border:1px solid #939598;
}

	#paddedContent {
		padding:11px 25px 0 40px;
	}

	#availability {
		border:1px solid #7faccd;
		width:356px;
		padding:8px 12px;
	}
	
		.pricingImage {
			margin-bottom:5px;
		}
	
		.pricingTable {
			width:100%;
		}
		
			.pricingTable td {
				vertical-align:top;
				padding-right:5px;
			}
	

#recommendations {
	position:relative;
	margin:8px 0 7px 0;
}




#scroll-container {
	overflow: hidden;
	height: 208px;
	width: 619px;
	position: relative;
}
#scroll-content {
	position: relative;
	top: 0;
	background-color:yellow;
}


#scroll-controls {
	position: absolute;
	top: 0;
	left: 0;
	height: 234px;
	width: 619px;
}
#scroll-controls a.up-arrow {
	display: block;
	height: 13px;
	width: 619px;
	position: absolute;
	top: 0px;
	left: 0;
}
#scroll-controls a.up-arrow:hover {
	
}
#scroll-controls a.down-arrow {
	display: block;
	height: 13px;
	width: 619px;
	position: absolute;
	top: 221px;
	left: 0;
}
#scroll-controls a.down-arrow:hover {
	
}




.navOffer {
	width:619px;
	height:13px;
	
}


.offer {
	background-color:#e5eef5;
	padding:7px 15px;
	width:589px; /* added for IE to odd behaviour like yellow highlighting */
	
}


.offer h2 {
	font-size:11px;
	color:#003160;
	line-height:14px;
	font-weight:bold;
	margin:0;
}

	.offer h2 span {
		float:right;
	}

.offer h3 {
	font-size:11px;
	color:#005a9c;
	line-height:14px;
	font-weight:bold;
	margin:0;
}

	.offer h3 span {
		margin:0 0 0 10px;
	}
	
		.offer h3 span img {
			margin:0 4px 0 0;
		}

.offer p {
	margin:0;
}



.offerDivider {
	line-height:1px;
	height:2px;
	background-color:#fff;
	font-size:1px;
}



#vacationPartners {
	
}

	#vacationPartners p {
		margin:0 0 5px 0;
		padding:10px 0 0 0;
		font-size:10px;
	}
	
	#vacationPartners img {
		margin-right:15px;
	}









#sidebar {
	float:right;
	width:161px;
}

	
	
	
	#navSidebar {
		margin:4px 0 6px 0;
		border-top:1px solid #bcbdc0;
	}
	
		#navSidebar div {
			border-bottom:1px solid #bcbdc0;
		}
		
			#navSidebar div a {
				padding:0;
			}









	#actions {
		margin:5px 0 11px 0;
		
	}
	
		#signUp {
			text-align:right;
			margin:0 0 11px 0;
			height:11px;
		}
		
		
			
		
			#signUp input.signupbtnEn,
			#signUp input.signupbtnFr {
				/*margin-right:10px;*/
				
				
			}
			
			
			
			
	
		
				.addthis_toolbox,
				.addthis_default_style {
					
				}
		
		
				div.addthis_toolbox a {
					font-size:10px;
				}
		
			#signUpTable {
				width:100%;
			}
			
				#signUpTable th,
				#signUpTable td {
					white-space:nowrap;
					vertical-align:middle;
				}
				
				#signUpTable th {
					
				}
				
				#signUpTable td {
					
				}
			
		
	#logo {
		
	}
	
		#logo img {
			display:block;
		}


.advantageTable {
	margin-top:15px;
}

	.advantageTable th,
	.advantageTable td {
		
	}
	
	.advantageTable th {
		padding-right:20px;
	}
	
	.advantageTable td {
		padding-left:20px;
	}

.perfectOfferTable {
	width:100%;
}

	.perfectOfferTable th,
	.perfectOfferTable td {
		vertical-align:top;
	}
	
	.perfectOfferTable th {
		text-align:right;
	}
	
	.perfectOfferTable td {
		padding-top:15px;
	}


/*#################### Lists. ####################*/

/* Unordered */

ul {
	list-style-type:none; /* remove automatic bullet */	
	padding: 0 0 0 15px; /* move bullet to the right (add padding-left) */
	margin: 0 0 14px 0; /* complete list margins */
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

	ul li {
		background-repeat: no-repeat; 
		background-position: 0 6px; /* position from 'Left' 'Top' */
		padding: 0 0 0 10px; /* define distance of text from bullet */
		margin: 0 0 3px 0; /* define list items */
	}
	
ul ul { /* nested unordered list */
	margin:3px 0 3px 0;
}

ul ol { /* nested ordered list */
	margin:3px 0 3px 0;
}

	ul ol li {
		background-image:none;
	}



/* Ordered */

ol {
	list-style-type:decimal;
    padding: 0 0 0 35px; /* move number to the right (add padding-left) */
	margin: 0 0 14px 0; /* Move number using left-margin */
	line-height:14px;
}

	ol li {
		padding: 0 0 0 0; /* define distance of text from bullet */
		margin: 0 0 15px 0; /* define list items */
	}

ol ol {
	margin:3px 0 3px 0;
	padding-left:25px;
}

ol ul {
	margin:3px 0 3px 0;
	padding-left:5px;
}

	ol ul li {
		padding: 0 0 0 10px;
	}


/* linkList - used for text situations that need list-type spacing, but no (or custom) bullets */

ul.linkList { 
	list-style-type:none;
	padding: 0 0 0 0; 
	margin: 0 0 14px 0; 
	line-height:14px;
}

	ul.linkList li {
		background-image: none; 
		background-repeat: no-repeat; 
		padding: 0 0 0 0; 
		margin: 0 0 4px 0; 
	}
	
		ul.linkList li img { /* in case there is a graphic bullet added inline */
			display:inline;
			margin-right:8px;
			vertical-align:middle;
		}






/*#################### Misc. ####################*/





.copyRight {
	color:#999999;
	font-size:10px;
}

.highlight {
	font-weight:bold;
	color:#015596;
}



.lettrine { /* image at the beginning of a paragraph */
	float:left;
	padding:0 10px 10px 0;
}





.clearMe {
	clear:both;
	line-height:1px;
}

sup {
	vertical-align:text-top;
	font-size:10px;
}

sub {
	vertical-align:text-bottom;
	font-size:10px;
}

noscript p {
	color:#d80406;
	margin:0 0 14px 0;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.noFlash {
	border:4px double #d80406;
	width:auto;
	padding:10px;
}


.imgLoad { /* used if preloading images without body onload call */
	position:absolute;
	left:-16000px;
}

.nowrapMe {
	white-space:nowrap;
}

.pageBreakMe {
	page-break-before: always;
}

.finishMe {
	background-color:yellow;
	border:1px solid red;
	padding:0px;
	font-weight:normal;
	font-size:11px;
}

/*#################### CircuitSearch ####################*/
#CircuitSearch
{
    margin-top: 47px;
    width: 237px;
    height: 185px;
    background-color: #0A2B64;
    filter: alpha(opacity=85);
    -moz-opacity: 0.80;
    opacity: 0.85;
    padding-left:16px;
    font-family: verdana;        
}

#CircuitSearch .title
{
    color: #09B8E7;
    font-size: 18px;
    padding-top: 12px;
    font-family: verdana;
    padding-bottom: 4px;
}

#CircuitSearch .subTitle
{
    color:White;
    font-size: 11px;    
    font-weight: bold;
    font-family: verdana;
    padding-top: 7px;
    padding-bottom: 1px;
}

#CircuitSearch select
{
    width: 217px;
    font-family: Verdana;    
}

#CircuitSearch #btnSearch
{
    background-color: #07B5E7;
    color: #fff;
    text-transform: uppercase;
    font-weight:bold;
    border-style:none;
    width: 62px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 1px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 5px;
    cursor: pointer;
    float: right;
}

#CircuitSearch #btnSearch.hovered
{
    background-color: #fff;
    color: #07B5E7;    
}
/*
#CircuitSearch input #btnSearch span
{
    font-size: 6px;
    vertical-align: middle;
    padding-bottom: 3px;
    margin-top:0px;
}
*/
/*#################### end CircuitSearch ####################*/

/*#################### Advertisements ####################*/
.CircuitsAdvertisements
{
    cursor:pointer;
    padding-bottom: 10px;
    background-position: left;
    background-image: url(../../Content/_img/special-offer-left-arrow.png);
    margin-top: 3px;
    width: 229px;
    height: 75px;
    background-color: #0A2B64;
    filter: alpha(opacity=85);
    -moz-opacity: 0.80;
    opacity: 0.85;
    padding-left: 24px;
    font-family: verdana;
    background-repeat: no-repeat;
}

.CircuitsAdvertisements .title
{
    padding-top: 13px;    
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.CircuitsAdvertisements .subTitle
{
    color:White;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;    
}

.CircuitsAdvertisements .price
{
    white-space: nowrap;
    color: #09B8E7;
    font-size: 17px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;    
    display:inline;
}
    .CircuitsAdvertisements .price span.more
    {
        margin-left: 150px;
        font-weight: normal;        
        color: #09B8E7;
        font-size: 14px;
        font-family:Arial, Helvetica, sans-serif;       

    }

/*#################### end Advertisements ####################*/

/*####################  Departure Box ####################*/
.CircuitsDepartures
{
    padding-top: 10px;    
    padding-bottom: 10px;
    cursor:pointer;    
    background-position: left;    
    margin-top: 3px;
    width: 229px;    
    background-color: #FFFFFF;
    filter: alpha(opacity=85);
    -moz-opacity: 0.80;
    opacity: 0.85;
    padding-left: 24px;
    font-family: verdana;
    background-repeat: no-repeat;        
}

.CircuitsDepartures .title
{   
    color:#0A2B64; 
    font-size: 11px;
    font-weight: bold;
}

.CircuitsDepartures .subTitle
{
    color:#0A2B64;
    font-size: 11px;
    font-weight: bold;    
}

.CircuitsDepartures a
{    
    font-weight: normal;        
    color: #09B8E7;
    font-weight: bold;
    font-size: 11px;
}

/*#################### end Departure Box ####################*/
.jquery-corner
{

}
/*#################### Photo Descriptor ####################*/

#PhotoDescriptor 
{
    background-image: url('../../Content/_img/photo-descriptor-bkgnd.png');
    background-repeat:no-repeat;
    background-position:left;    
}

#PhotoDescriptor #textContent
{
    padding-bottom: 5px;
    margin-top: 18px;
    width: 229px;
    height: 68px;
    padding-left: 24px;
    font-family: verdana;
}

#PhotoDescriptor img
{
    float:right;
    vertical-align:top;
}

#PhotoDescriptor .title
{
    padding-top: 13px;    
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#PhotoDescriptor .content
{
    color: #74D2F6;
    font-size: 11px;
    font-family: Verdana;
    display: inline;
}

#PhotoDescriptor span
{
    margin-right: 10px;
    padding-left: 5px;
    color: #09B8E7;
    font-size: 10px;
}

/*#################### End Photo Descriptor ####################*/


