/* -------------------------------------------------------------- 
   
   aboutus.css
   * Version:   1 (27/02/2008)

   Created on 27 Februray 2008, 15:00
   @author vtao
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 

   About us pages:
   1. About Viator


-------------------------------------------------------------- */

.all_about_us { background: #e0dbd5 url(bg_container.gif) repeat-y top left; }

.about_us#content { background-color: #fff; }
.about_us #main {/* width: 350px; width: 790px; */ width: 584px; padding: 13px; }
.about_us .has_rhs#main { padding: 10px 13px; width: 350px; }
.about_us .link_to_viator#main { padding: 10px 13px; width: 794px; }
.about_us #marketing { float: left; width: 220px; }
/*.about_us .wide#main { width: 584px; }*/
.about_us h2 { color: #F58025; font-size: 13px; font-weight: bold; line-height: 1.5; }
.about_us #marketing { margin-top: 10px; font-size: 11px; }



/* -------------------------------------------------------------- 

  Old aboutus marketing modules style

-------------------------------------------------------------- */

/* the last marketing container has no bottom border */
.about_us #marketing .last { border: 0; padding-bottom: 0; margin-bottom: 10px; }

.about_us .content_intro h2 { color: #FFFFFF; font-size: 34px; font-weight: bold; padding: 10px 20px; line-height: 1.3; }
.about_us .content_intro h2.content_desc { color: #FFFFFF; font-size: 16px; font-weight: normal; margin-top: -25px; padding: 15px 20px; line-height: 1.3; }

.about_us .jump-to-top { background-color: #F5F2DF; border-bottom: 1px solid #ABDEEE; float: left; margin: 9px 0 18px; padding: 9px 0; width: 100%; }
.about_us .wide .jump-to-top ul { width: 520px; }

.about_us .wide .jump-to-top li { float: left; width: 145px; }
.about_us .jump-to-top ul li { list-style-type: none; background: transparent url(icon_dot_blue_circle.gif) no-repeat scroll 0 6px; padding-left: 16px; }
.about_us .jump-to-top a { color: #E37222; font-weight: bold; }

.about_us .back-to-top { clear: both; font-size: 11px; text-align: right; line-height: 1.4;}
.about_us .back-to-top a { background: transparent url(icon_btop_old.gif) no-repeat scroll left center; font-weight: bold; padding-left: 10px; }

.about_us .subtitle { color: #42a7cc; font-weight: bold; }

.about_us h3 { line-height: 1; color: #E37222; padding: 5px 0 0; font-weight: bold; }

ul.about-us { margin: 0; }
ul.about-us li { list-style-type: none; padding-left: 10px; padding-bottom: 3px; background: transparent url('icon_dot_orange_circle.gif') no-repeat 0 6px;}

.about_us #main h2 { color: #143c5f; font-size: 18px; font-weight: normal; line-height: 1.3;  }
.about_us #main .CC h2{ color: #E37222; font-size: 13px; font-weight: bold;  line-height: 1.5;  }


.center-module{
	background: #f5f2df url('bg_aboutus_centermodule.gif') no-repeat bottom right;	
	clear: left;
	float: left;
	margin: 5px 0;
	padding-bottom: 2px;
	width: 355px;
}

.center-module-header{
	background: #f5f2df url('bg_aboutus_centermodule.gif') no-repeat top left;	
	float: left;
	width: 355px;
}

.center-module-wrapper{
	float: left;
	margin: 0 0 3px;
	padding: 0 0 5px;
	width: 355px;
	background: transparent url('bg_aboutus_centermodule.gif') repeat-y -355px 0;	
}


.center-module .center-module-header h3, .center-module .center-module-header h2{
	padding: 7px 9px 0;
}

.center-module p{
	padding: 0 9px;
	margin-bottom: 9px;
}

.center-module ul{
	/*list-style: disc url('/images/list-blue-circle.gif') outside;*/
	margin: 0 5px 0 9px;
}

.center-module ul ul{
	/*list-style: disc url('/images/list-blue-arrow.gif') outside;*/
	margin: 0;
}

.center-module .float-left img { margin-left: 9px; }
.center-module .float-right img { margin-right: 9px; }


.CC h1, 
.CC h2, 
.CC h3, 
.CC h4, 
.CC h5, 
.CC h6 { clear: none; }

.CC p { margin: 0 0  5px; }
.CC ul { margin: 0 0 9px 10px; }

.RC { font-size: 11px; line-height: 1.4; }
.RC ul { margin: 0 0 9px; /*list-style: url('icon_dot_blue_circle.gif') outside; */clear: both; }
.RC ul li { padding: 0 0 0 12px; list-style-type: none; background: transparent url('icon_dot_blue_circle.gif') no-repeat 0 6px; }

.RC h3 a { color: #e37222; }
.RC ol { margin: 0; padding: 0 9px 0 25px; }
* html .RC ol { padding-left: 30px; /*for IE6 */ }


.CC h2, .RC h4 { font-size: 13px; line-height: 1.5; }
/*.CC h2.medium, .RC h4.medium { font-size: 16px; }*/
.CC h3.medium { border-left: 1px solid #abdeee; border-right: 1px solid #abdeee; padding-left: 10px; }
.sent .CC p { border-left: 1px solid #abdeee; border-right: 1px solid #abdeee; margin-bottom: 0; padding-bottom: 5px; }
.CC h2.large, .RC h4.large { font-size: 18px; line-height: 18px; }
.RC h4 { clear: none; color: #e37222; margin: 0; padding: 0; }
.RC { border-bottom: 1px solid #abdeee; padding-bottom: 10px; margin-bottom: 10px; clear: both; }
.RC p { margin: 0; padding: 0; }
.RC img { margin: 2px 0px; }
.photo-grab-1d img{ display: inline; float: left; margin-right: 5px; }
.RC .float-right { width: 89px; float: right; text-align: right; }
.RC .float-left { width: 89px; float: left; }

.CC p.view a { font-size: 11px; }
.CC p.view { margin-right: 9px; font-weight: bold; text-align: right; clear: both; }

.center-module .center-module-wrapper p.view { margin-right: 0; }
.browse p.view { padding-top: 5px; margin-bottom: 0; }

/*center column browsers */
.CC { margin-bottom: 5px; clear: both; }
.CC h2, .CC h4 { color: #e37222; margin: 0; padding-bottom: 5px; }
.CC ul li { padding: 0 0 0 16px; list-style-type: none; background: transparent url('icon_dot_blue_circle.gif') no-repeat 0 6px; }

.about_us .browse .browser1a, 
.about_us .browse .browser1b, 
.about_us .browse .browser1d, 
.about_us .browse .browser1e { float: left; width: 117px; /*this is the width for three columns */ }

.about_us .browse .browser1c, 
.about_us .CC .grab-1a,  
.about_us .CC .grab-1b { float: left; width: 175px !important;	/* width for 2 columns */ margin: 0; }
/*.about_us .browse .browser1c ul { padding-left: 10px; }*/

.about_us .browse .browser1c  p.view, 
.about_us .CC .grab-1a  p.view,  
.about_us .CC .grab-1b  p.view { width: 95% !important; }

/* a wide marketing module with lists in 3 columns and no background */
.browse-wide3col ul { width: 175px; float: left; }
* html .browse-wide3col ul { width: 195px; }
/* end wide marketing module */

.CC .grab-1a h2, .CC .grab-1b h2 { border: 0; float: none; }
.grab .center-module-wrapper { margin-top: -12px; }

/* when the center-promos have a background colour */
.center-promo-1b .center-module-header { height: 3px; }
.center-promo-1b .center-module-wrapper { _margin-top: -3px; }
.center-promo-1b .center-module-wrapper h2 { border: 0; }

.center-promo-1a ul, .center-promo-1b ul{ width: 190px !important; w\idth: 190px; float: left; /*filter for IE 6 , somehow a part of it gets hidden*/ }
.center-promo-1c p, .center-promo-1d p, .center-promo-1f p.subtitle, .center-promo-1g p.subtitle, .customer-care-1d p { margin-left: 0 !important; /*filter for IE 6 , somehow a part of it gets hidden*/ }
.center-promo-1e div { float: left; width: 175px; }
.center-promo-1f div, .center-promo-1g div, .customer-care-1a div { float: left; width: 114px; margin-right: 3px; }

.customer-care-1a { padding: 8px 13px; border-bottom: 1px solid #E0DBD5; }
.customer-care-1a div { width: 144px; } 
.customer-care-1a h2 { font-size: 21px; font-weight: bold; line-height: 1.2; color: #00759A; }

.center-promo-1f div p.view, .center-promo-1g div p.view, .customer-care-1a div p.view { width: 90% !important; }
.center-promo-1g ul { list-style: url('icon_dot_blue_circle.gif') outside; margin: 0; padding: 0 0 0 16px; }

/* mostly used for center columned multi columned lists, so that everything aligns*/
.CC .float-right { float: right; margin-right: 0; }
.CC .float-left { float: left; margin-left: 0; }
.CC .float-left img { margin-top: 0; margin: 0 9px 9px 0; }
* html .CC .float-left img { margin-bottom: 0; }

/* End of CSS */

/* ** css for about us marketing modules ** */

/*
.travellinks ul { font-size: 11px; }
.travellinks ul a { font-weight: bold; }*/
.about #wrapper{ background: #42A7CC url('verticalseparatorRHS.gif') repeat-y top right; }
.about #content{ background-color: transparent; }

/*Safari 1.3+ hacks: invalid CSS2, but VALID CSS3*/
.wide .jump-to-top li:only-child:empty, .wide .jump-to-top li:not(:only-child):empty { background: transparent no-repeat 6px left;}

/* this should go in the main marketing css */
* html .browse .browser1c { width: 195px; }


/* end css */