/*
********************************
Filename: 	template.css
Theme: 	Todo1
********************************
*/






/* add user overrides here */











html {
	color: #444 !important;
	background-image: none !important;
	background-color: #fff !important;
	padding-bottom: 0 ! important;
	}

body {
	font-family: arial, sans-serif;
	font-size: small;
	color: #444 ! important;
	background:#fff ! important;
	background-repeat: repeat-y ! important;
	background-position: center ! important;
	margin: 0 ! important;
	}


div#container {
	width: 1010px;
	float: none !important;
	margin-left: auto ! important;
	margin-right: auto ! important;
	background-color: #fff ! important;
	margin-bottom: 0 ! important;
	padding-bottom: 0 ! important;
	}
	
/* ---------------- typography ands links ----------------- */

.indent a:link,
.indent a:visited,
.indent a:active,
#module1 a:link,
#module1 a:visited,
#module1 a:active,
#module2 a:link,
#module2 a:visited,
#module2 a:active {
	text-decoration: underline;
	color: #3333cc;
	}
	
.indent a:hover { 
	text-decoration: none; 
	color: #fff ! important; 
	background: #0099cc;
	}
	
#module1 h3 a:hover,
#module2 h3 a:hover { 
	text-decoration: none; 
	color: #fff ! important; 
	background: #0099cc;
	}

h1 {
	font-size: 220%;
	line-height: 100%;
	margin: 12px 0 18px 0;
	color: #002288 !important;
	}

h2 {
	font-size: 160%;
	line-height: 100%;
	margin: 12px 0 18px 0;
	color: #004d8c !important;
	}

h3 {color: #004d8c !important; margin: 6px 0;}

h3 a { 
	color: #3333cc;
	margin: 8px 0;
	}

h3.niceLink a { 
	display: block;
	text-decoration: none;
	color: #006699;
	background:  #f2f2f2;
	text-align: center;
	margin: 0;
	padding: 8px;
	font-family: arial, sans-serif;
	border-top: 3px solid #ccc;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
	border-left: 3px solid #ccc;
	}

h3.niceLink a:hover { 
	color: #fff ! important;
	background:  #006699;
	}
	
#logo  {
	color: #fff !important; 
	}	

#logo a  {
	text-decoration: none !important; 
	}
	
#sidebar p { 
	padding: 4px;
	}

p {padding: 4px 0;}

/* --------------- custom home page elements -------------- */

/* --------------- custom home page elements -------------- */


#column_1 {
       float: left;
       width: 396px;
       margin-right: 7px;
       min-height: 400px;
       }

#column_2 {
       float: left;
       width: 300px;
       margin-right: 7px;
       min-height: 400px;
       }

#column_3 {
       float: right;
       width: 300px;
       min-height: 400px;
       }

#column_1 h2,
#column_2 h2,
#column_3 h2,
#seeevents h2 {
       margin: 4px 0 6px 0;
       padding: 4px 0 4px 6px;
       color: #3366cc;
       background: #f2f2f2;
       border: 1px solid #ccc;
       font-size: 18px;
       }

#column_1 hr,
#column_2 hr,
#column_3 hr {
       border: none 0;
       border-top: 1px dotted #333;/*the border #FAF4E3 #E4F7FA*/
       width: 98%;
       height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
       }

#seeevents {
	float: left;
	position: relative;
	margin: 0 0 5px 0;
	display: block;
	width: 700px;
	}

#isango {
	width: 300px;
	height: 624px;
	background: url(/themes/todo1/images/isango.jpg) no-repeat top left;
	}

#innerisango {
	padding: 14px 22px;
	color: #fff ! important;
	font-size: 20px ! important;
	}

#innerisango a {
	color: #ffcc00;
	}

#findrestaurant {
  padding-left:110px;
  padding-bottom:10px;
  padding-top:10px;
  font-size:9pt;
  font-family: georgia, serif;
  font-weight: normal;
  color: #555;
  }

.todos h3,
.deals h3,
.attractions h3,
.activities h3 {
       font-family: georgia, serif;
       font-weight: normal;
       font-size: 17px;
       color: #555;
       margin: 0 0 6px 0;
       padding: 4px 0 2px 6px;
       }

/*
.deals h2 {
       margin: 4px 0 6px 0;
       padding: 1px 0 2px 5px ! important;
       color: #fff ! important;
       background: #3366cc ! important;
       font-size: 17px ! important;
       border: none ! important;
       }
       */

.deals h4 {
       float: left;
       font-size: 16px;
       color: #555;
       margin: 0 0 6px 10px;
       padding: 5px 0 2px 20px;
       }

.todos p,
.deals p,
.attractions p,
.activities p {
       font-family: arial, sans-serif;
       font-size: 12px;
       letter-spacing: 1px;
       color: #333;
       margin: 0 0 6px 0;
       padding: 0 4px 4px 6px;
       }

.deals p {
       float: left;
       display: block;
       font-family: arial, sans-serif;
       font-size: 12px;
       letter-spacing: 1px;
       color: #333;
       font-weight: bold;
       margin: 0 0 6px 30px;
       padding: 0 4px 4px 2px;
       }


.todos img,
.activities img,
.attractions img {
       float:right;
       margin: 4px 10px 6px 0;
       border: 1px solid #333;
       }


.deals img {
       float:left;
       margin: 4px 0px 6px 10px;
       border: 1px solid #333;
       }

.eventholder {
	font-size: 11px ! important;
	 text-align: center;
	 width: 110px;
       float:left;
       margin: 4px 0px 6px 6px;
       }

.eventholder p {
       margin: 4px 0 0 0;
       color: #3366cc;
	 width: 110px;
       }

.eventholder img {
	padding: 0 15px;
	}

.eventmonth {
	font-size: 12px;
	}

.picholder {
       float:left;
       width: 140px;
	font-size: 11px ! important;
       margin: 4px 0px 6px 36px;
       text-align: center;

       }

.picholder p {
       margin: 4px 0 0 0;
	 width: 140px;
	 color: #3366cc;
	text-decoration: underline;
       }

.picholder p:hover {
       text-decoration: none;
	 color: #222;
       }


.picholder img {
       border: 1px solid #333;
       }


#column_1 ul,
#column_2 ul,
#column_3 ul {
	list-style: none;
	font-size: 100%;
	margin-left: 0;
	padding: 0 4px 6px 4px;
	}	

.todos li a,
.attractions li a,
.deals li a,
.activities li a {
	font-family: arial, sans-serif;
	color: #3366cc;
	font-weight: normal;
	background: url(/themes/tripplanner1/images/point2.png) no-repeat -0 3px;
	padding: 1px 0 1px 14px;
	border-top: 1px dotted #ccc;
	text-decoration: none;
	display: block;
	}

.todos li a:hover,
.attractions li a:hover,
.deals li a:hover,
.activities li a:hover {
	color: #000066;
	font-weight: normal;
	text-decoration: none;
	background-color: #FAF4E3;
	}


.ViatorFindTTD { width: 300px ! important; }
.ViatorFindTTD select { margin:2px 0; padding:2px 0; line-height:1.5; }
.ViatorFindTTD .pas { font-family:'Arial','Helvetica','Verdana',sans-serif; font-size: 11px; line-height:1.5; }
.ViatorFindTTD .pas img { border: 0; vertical-align: middle; }
.ViatorFindTTD .pas form { margin-bottom: 0; }
.ViatorFindTTD .pas #calendar p { margin: 0; }
.ViatorFindTTD .pas #preview_calendar p { margin: 0; }
.ViatorFindTTD .pas #pascountry, 
.ViatorFindTTD .pas #pasregion { width: 100%; }
.ViatorFindTTD .pas .btn { width: 50px; float: right; margin-bottom: 9px; margin-top: 9px; background-color:#F58025; }
.ViatorFindTTD .pas .btn button { font-weight: bold; text-align: center; font-size: 11px; background: transparent none repeat scroll 0 0; border:0 none; color:#FFFFFF; cursor:pointer; margin:0; padding:0; width:100%; }
.ViatorFindTTD .pas_activities .dd { width: 30%; }
.ViatorFindTTD .pas_activities .mmyy { width: 50%; }
.ViatorFindTTD .pas .module_header { background-color: #F2F2F2; color: #ffffff; }
.ViatorFindTTD .pas .module_body { background-color: #F2F1EF; margin-bottom: 5px; padding: 9px 9px 0 9px; }
.ViatorFindTTD .pas input, .pas select { font-family: 'Arial','Helvetica','Verdana',sans-serif; font-size: 11px; }
.ViatorFindTTD .pas h3 { font-weight: bold ! important; padding: 3px 9px; text-align: left; font-size: 18px ! important; margin: 0; color:#004D8C ! important; }
.ViatorFindTTD .pas_activities label { width: 85%; float: left; text-align: left; margin: 2px 0 ! important;}
.ViatorFindTTD .pas_activities .checkbox { width:1.5em; float: left; margin: 2px 0; }
.ViatorFindTTD .pas_activities p { margin: 0; padding: 0; }

/* Clearing
-------------------------------------------------------------- */
.ViatorFindTTD .pas .module_body:after,
.ViatorFindTTD .pas #calendar p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ViatorFindTTD .pas .module_body,
.ViatorFindTTD .pas #calendar p { display: inline-block; }

* html .ViatorFindTTD .pas .module_body,
* html .ViatorFindTTD .pas #calendar p { height: 1%; }

.ViatorFindTTD .pas .module_body,
.ViatorFindTTD .pas #calendar p { display: block; }

/* --------------------- search -------------------- */
	
#search_engine {margin: 30px 0; ! important}

#search { 
	padding: 20px 4px 0 0;
	width: 230px;
	clear: right;
	float: right;
	}
	
html*#search { 
	padding: 0 18px 0 0;
	width: 222px;
	clear: right;
	float: right;
	}	
	
input {padding: 1px; margin: 0;}

input.searchfield {
	border: 1px solid #ccc; 
	float: left;
	width: 150px;
	}
	
.searchbutton {
	float: right;
	display: block;
	background: url(/themes/todo1/images/search.png) top left;
	width: 69px;
	height: 19px;
	margin-top: -1px;
	cursor: hand;
	}
	
#search a,
#search p { 
	margin: 4px 0 0 0;
	padding: 0;
	}
		

textarea { 
	width: 97%; 
	height: 20em; 
	padding: 3px; 
	}
	
	
/* --------------------- log in nav -------------------- */	
	
#sub_nav {
	width: 450px;
	float: right;
	padding: 3px 14px 0 0;
	}

#sub_nav ul {float: right;}

#sub_nav li {
	float: left; 
	display: inline;
	color: #004d8c ! important;
	}

#sub_nav li a { 
	text-decoration: none;
	color: #004d8c ! important;
	font-size: 85%;
	padding: 8px 2px;
	}

#sub_nav li a:hover {
	color: #004d8c ! important;
	text-decoration: underline;
	}

/* --------------------- new main nav -------------------- */

#main_nav {
	width: 1010px;
	float: left;
	background: #004d8c ! important;
	}
	
#main_nav ul {float: left; margin: 0; padding-left: 0;}	

#main_nav li {
	float: left; 
	display: inline;
	padding: 5px 0 5px 0;
	font-size: 110%;
	}

#main_nav a { 
	text-decoration: none;
	color: #fff ! important;
	letter-spacing: 1px;
	padding: 6px 8px;
	}	
	
#main_nav li a:hover { 
	text-decoration: none;
	color: #004d8c ! important;
	letter-spacing: 1px;
	background: #fff ! important;
	}
	
#main_nav li li a {
	display: block;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px dotted #555;
	margin-top: -10px;
	}

#main_nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: #004d8c ! important;
	padding: 0.5em 0 1em 0;
	margin-top: 7px;
	width: 160px;
	z-index: 10;
	}

#nav li>ul {
	top: auto;
	left: auto;
	}

#nav li li {
	display: block;
	float: none;
	font-size: 80%;
	margin-bottom: -7px;
	}

#nav li:hover ul, li.over ul {
	display: block;	
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	margin-top: 5px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	position: relative;
	cursor: default;
	}	


/* --------------------- end new nav --------------- */	

	
	
/* --------------------------------------------------------- */	
/* ----------------- basic layout elements ----------------- */	
/* --------------------------------------------------------- */
	
/* --------------------- header --------------- */	

div#header {
	width: 1010px;
	height: auto;
	background: #fff;
	margin: 0 0 4px 0;
	}				

#logo {
	font-family: 'trebuchet ms', sans-serif;
	color: #fff;
	float: left;
	margin: 0 0 0 10px;
	max-width: 480px;
	}
	
#title {
	font-family: 'trebuchet ms', sans-serif;
	float: left;
	margin: 20px 0 0 8px;
	}	
	
#title div.destname {
	font-size: 300%;
	line-height: 55%;
	padding: 6px 0 4px 0;
	margin: 0;
	font-family: 'trebuchet ms', sans-serif;
	color: #cc0000;
	letter-spacing:-1px;
	font-weight:bold;
	border:medium none;
	text-decoration:none;
	word-spacing: -8px;
	}
	
#title span.tagline {
	font-size: 200%;
	font-family: 'trebuchet ms', sans-serif;
	font-weight: bold;
	color: #ff9c00;
	padding: 0 0 0 100px;
	margin: 0;
	}

	
div#content_home {
	/*float: left;
	width: 740px;
	min-height: 300px;
	margin: 10px 0 30px 20px;*/
	}

.text_holder {
	min-height: 100px;
	}

/* -------------------- Main Pic ------------------- */	

#mainpic {
	float: left;
	position: relative;
	margin: 0 0 5px 0;
	display: block;
	width: 700px;
	height: 204px;
	}
	
#overlay {
	position: absolute;
	top:0;
	left:0;
	width: 700px;
	height: 204px;
      background: url(/themes/todo1/images/overlay.png) no-repeat left top;
      z-index: 10;
	}			
	
	
/* -------------------- 4 ways ------------------- */


#planit {
       margin: 18px 0 0 0;
       display: block;
       width: 396px;
       height: 200px;
   margin-left: auto;
   margin-right: auto;
   background:url(/themes/todo1/images/planit_bg.png) no-repeat left top;
       }

/* -------------------- buttons ------------------- */

#button_quick {
       float: right;
       clear: right;
   display: block;
       width:150px;
       height:42px;
       color:#FFF;
       font-weight:normal;
       padding:0 5px 3px 5px;
       background:url(/themes/todo1/images/quick_button.png) no-repeat left top;
       cursor:pointer;
       border:none;
       text-decoration: none;
       margin: 8px 20px 0 0;
       }

#button_browse {
       float: right;
       clear: right;
   display: block;
       width:150px;
       height:42px;
       color:#FFF;
       font-weight:normal;
       padding:0 5px 3px 5px;
       background:url(/themes/todo1/images/browse_button.png) no-repeat left top;
       cursor:pointer;
       border:none;
       text-decoration: none;
       margin: 0 20px 0 0;
       }

#button_dream {
       float: right;
       clear: right;
   display: block;
       width:150px;
       height:42px;
       color:#FFF;
       font-weight:normal;
       padding:0 5px 3px 5px;
       background:url(/themes/todo1/images/dream_button.png) no-repeat left top;
       cursor:pointer;
       border:none;
       text-decoration: none;
       margin: 0 20px 0 0;
       }

#button_theme {
       float: right;
       clear: right;
   display: block;
       width:150px;
       height:42px;
       color:#FFF;
       font-weight:normal;
       padding:0 5px 3px 5px;
       background:url(/themes/todo1/images/theme_button.png) no-repeat left top;
       cursor:pointer;
       border:none;
       text-decoration: none;
       margin: 0 20px 0 0;
       }

#button_quick:hover,
#button_browse:hover,
#button_dream:hover,
#button_theme:hover {background-position:left bottom;}


#button_quick span,
#button_browse span,
#button_dream span,
#button_theme span {display: none;}
	
/* ------------- sidebar and sidebar elements ------------- */	
	
#sidebar {
	/*width: 210px;
	float: right;
	margin: 20px 20px 0 0;*/
	}

#message {
	background: #f9f9f9;
	padding: 8px 12px;
	margin: 0 0 10px 0;
	border: 1px solid #ddd;
	}

.sidebar_module2 {
	overflow: hidden;
	width: 170px;
	height: 360px;
	margin: 0 0 0 70px;
	padding-top: 24px;
	}


/* ------------------------ footer ----------------------- */

div#footer {
	clear: both;
	width: 1010px;
	margin: 10px 0 0 0;
	padding: 18px 0;
	background: #fff ! important;
	color: #777 !important;
	font-size: 90%;
	}

div#footer a {
	color: #bbb;
	font-size: 90%;
	}

div#footer p {
	margin: 3px 6px;
	}

		
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-table;}
/* backslash hack hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end Mac hack */	


/* ------------------- theme buttons ------------------- */

    
.commonBtns a,
.commonBtns a:visited {
	font-family: arial, sans-serif;
	font-size: 13px; 
	background: url(/themes/classic_seafoam/images/button-left-sprite.png) no-repeat 0px -1px ! important;
    	}
    
.commonBtns a span,
.commonBtns a:visited span {
	font-family: arial, sans-serif;
	font-size: 13px;
	background: url(/themes/classic_seafoam/images/button-right-sprite.png) no-repeat right -1px ! important;
	color: #fff;
    	}

	
.commonBtns a:hover {
	background: transparent url(/themes/classic_seafoam/images/button-left-sprite.png) no-repeat 0 -36px ! important;
	color: #fff;
   	}
    
.commonBtns a:hover span {
	background: transparent url(/themes/classic_seafoam/images/button-right-sprite.png) no-repeat right -36px ! important;
	color: #fff;
    	}
	
.commonBtns a:active {
	background: transparent url(/themes/classic_seafoam/images/button-left-sprite.png) no-repeat 0px -71px ! important;
	cursor: pointer;
	color: #fff;
    	}
	
.commonBtns a:active span {
	background: transparent url(/themes/classic_seafoam/images/button-right-sprite.png) no-repeat right -71px ! important;
	cursor: pointer;
	color: #fff;
    	}


/* ----------- "View My Interary" button - used on destination summary page----*/

 .interaryBtn {
	font-family: arial, sans-serif;
	font-size: 13px; 
	background:transparent url(/themes/classic_seafoam/images/button-left-sprite.png) no-repeat 0px -1px;
    	}

.interaryBtn span {
	background: transparent url(/themes/classic_seafoam/images/button-right-sprite.png) no-repeat right -1px;
	color: #fff;
    	}

.interaryBtn:hover {
	background: transparent url(/themes/classic_seafoam/images/button-left-sprite.png) no-repeat 0 -36px;
	color: #fff;
    	}

.interaryBtn:hover span {
    	background: transparent url(/themes/classic_seafoam/images/button-right-sprite.png) no-repeat right -36px;
	color: #fff;
    	}	



/* ---------- Ininerary Page Stuff ------------- */

.bucket h2 {
	color: #222 ! important; 
	}

.personal_shopper h2.personal_shopper_title  {
	font-size: 120%;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #333 ! important;
	background: #ffe775 ! important;
	border: none ! important;
	}

tr.itinerary_days td.day-label,
tr.itinerary_days td#showAddNote1,
tr.itinerary_days td#showAddNote2,
tr.itinerary_days td#showAddNote3,
tr.itinerary_days td#showAddNote4,
tr.itinerary_days td#showAddNote5,
tr.itinerary_days td#showAddNote6,
tr.itinerary_days td#showAddNote7,
tr.itinerary_days td#showAddNote8,
tr.itinerary_days td#showAddNote9,
tr.itinerary_days td#showAddNote10 {
	color: #222 ! important;
	background: #ffe775 ! important;
	}	

tr.itinerary_days td.day-label a:link {
	color: #000099 ! important;
	}

tr.itinerary_days {
	border: none ! important;
	}

tr.restaurant_days {
	background: #ccc ! important;
	border: none ! important;
	color: #444 ! important;
	}

tr.itinerary_days td.day-label a:link {
	color: #000099 ! important;
	}

td.trip_info ul.bullets a,
tr.restaurant_days a,	
td#showAddNote1 a,
td#showAddNote2 a,
td#showAddNote3 a,
td#showAddNote4 a,
td#showAddNote5 a,
td#showAddNote6 a,
td#showAddNote7 a,
td#showAddNote8 a, 
td#showAddNote9 a,
td#showAddNote10 a  {color: #006699 ! important;}

td.trip_info ul.bullets li a.mainInfoLink:hover,
tr.restaurant_days a:hover,
td#showAddNote1 a:hover,
td#showAddNote2 a:hover,
td#showAddNote3 a:hover,
td#showAddNote4 a:hover,
td#showAddNote5 a:hover,
td#showAddNote6 a:hover,
td#showAddNote7 a:hover,
td#showAddNote8 a:hover, 
td#showAddNote9 a:hover,
td#showAddNote10 a:hover  {color: #666 !important;}

#itemList thead tr.backgroundLightColor td.header-no-border {border: none ! important;}

#hotel_plus a:link {color: #cc0000 !important;}


/* ---------- Generic Images (2) ------------- */

#singleColumnMainImage {border: none !important; background: transparent url(/themes/blueberry/images/generic.png) top left no-repeat;}
#brandedSmallImage {border: none !important; background: transparent url(/themes/blueberry/images/lil_generic.png) top left no-repeat;}


/* --------------------------------------------------------- */
/* ----------------- End Theme Specific -------------------- */
/* --------------------------------------------------------- */	



/* ---------- CSS THAT IS OVERRIDDEN ------------- */

.messageContainer h2 {color: #004d8c !important;}

a:link, 
a:active,  
a:visited {color: #3366cc;}

a:hover {
	text-decoration: none;
	color: #222 !important;
	}
	
div#topNav2,
div#topNav2 a {background: #fff none repeat scroll 0%;}

div#topNav2 a span {
	background: #fff none repeat scroll 0%;
	border-right: 1px solid #ccc;
	}

div#topNav2 a:hover span,
div#topNav2 a:hover {background: $topNav2HoverColor none repeat scroll 0%;}

.tabEdgeLft,
.tabEdgeRt {background: #fff none repeat scroll 0%;}

.redText {color:#FFE2AF;}

.backgroundLightColor, 
.backgroundLightColor2 {background-color: #f2f2f2;}

.backgroundDarkColor, 
.backgroundDarkColor2 {background-color: #888;}

#prodWidgetTitle {background: #fff none repeat scroll 0% 50%;}

.textHighlightColor {color: #ccc;}

.border1pxColor {
	background-color: #f2f2f2 ! important;
	color: #555 ! important;
	}

.border1pxColor h2 {
	color: #333 ! important;
	}

.border1pxColor a {
	color: #006699 ! important;
	}

.bt_subtitle_click {
	background-color: #f2f2f2 ! important;
	color: #555 ! important;
	}

/* ------------- maps ---------------*/

.imageTab {}

#finderControl {
	background: #f2f2f2;
	border: 4px solid #ccc;
	}

#finderControl li a {color: #3366cc !important;}

#finderControl em {color: #444 !important;}

#itemsParent em,
#itemsParent li,
#itemsParent li a {color: #444;}

#itemsParent .siteCriteria {color: #444;}

#finderLeft h3 {color: #444 !important;}

.border1pxColor {border:1px solid #ccc;}

.navCurrent a:link, 
.navCurrent a:visited, 
.navCurrent a:hover, 
.navAllowed a:link, 
.navAllowed a:visited {color: #3366cc;}

.navCurrent {border-color:#3366cc;}

img.amazonRating{
	background-color: #fff; 
	border: 1px solid #ccc; 
	}
	

/* ---------- Browse Tabs --------- */

#browseNav ul.tabs li {
	/*background: #fff none repeat scroll 0%; */
	border-color: #ccc;
	border-top: 3px solid #e2e2e2;
	}

#browseNav ul.tabs li.view_current a {
	color: #555; 
	}

#browseNav ul.tabs li:hover { 
	border-bottom: none;
	border-top: 3px solid #009999; 
	background: #fff; 
	}

#browseNav ul.tabs li.current { 
	border-top: 4px solid #006699; 
	background: #fff;
	margin-top: -1px; 
	}

#browseNav ul.tabs li a:hover {color: #009999 ! important;}

/* -------------- Browse ------------ */

#itemsWrapper div.criteria {
	background: #f2f2f2;
	border-color: #ccc;
	}

/* ----------- Common Lists Layout ( Browse, Details, Guide ) ------ */

#itemList h3 { border-bottom: 1px solid #ccc; }

#itemList div.items h3 { border-bottom: 1px solid #ccc;  }

#itemList table { border-collapse: collapse;  width: 100%; }
#itemList table tr.resultRow td { border-bottom: 1px dotted #ccc; }

#itemList table tr.resultRow2 td { border-top: 1px dotted #ccc; }

#itemList table td.image img,
#itemList table td.image_3 img,
#itemList table td.image1 img {  border: 1px solid #ccc ! important; }

#itemList table td.image1 img {  border: 1px solid #ccc; }
#itemList table td.summary ul b { color: #444;   }

#itemList table td.price { width: 80px;  }
#itemList table th { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;  }

#itemList strong { color: #444; }

div#itemList h2 {color: #004d8c !important;}

div.bucket {
	background-color: #ffc;
	border-color: #ccc;
	color: #444 ! important;
	}

div.bucket a {color: #444 !important;}
div.bucket .small {color: #333 !important;}
.bucketItem {color: #444 !important;}
.bucketItem ul li a,
.bucketItem ul li a:link,
.bucketItem ul li a:visited,
.bucketItem ul li a:hover,
.bucketItem ul li a:active {color: #444 !important;}

div#bucketWarning {color: #444;}

div.estimatedTime {border-color: #ccc;}

div.instructions {
	background: #99ccff;
	border-color: #99ccff;
	color: #555;
	}

#tickets_now_form {color: #444;}


/* ------------- Site Details ----------- */

.tips_box {background: #fff;}

.navBlocked {color: #ccc;}

.experts_box {
	background-color: #f2f2f2;
	border:1px solid #ccc;
	}

#info-hover {
	background: #f2f2f2 none repeat scroll 0% 50%;
	border-color: #ccc;
	}



.spotlightSection {background-color: #f2f2f2;}


/* --------------- Trip Guide ---------------- */

tr.tripItineraryRow {background: #fff;}

li a.mainInfoLink, 
li a.mainInfoLink:link, 
li a.mainInfoLink:visited {color:#006699;}

table.personal-info,
table.personal-info tr.trip_info,
table.personal-info tr.trip_info td.trip_info {background-color: #f2f2f2 !important;}

#showDayNote1,
#showDayNote2,
#showDayNote3,
#showDayNote4,
#showDayNote5,
#showDayNote6,
#showDayNote7,
#showDayNote8,
#showDayNote9,
#showDayNote10 {
	background: transparent !important;
	color: #555 !important;
	}

div.tripGuideTabs ul.leftTabs li a {
	background: #f2f2f2 none repeat scroll 0% 50%;
	border-color:  #ccc;
	color: #3366cc;
	}

div.summary {color: #888;}

div.tripGuideTabs ul.leftTabs a.selected {border-left:4px solid #ccc;}


/* ---------------- misc ---------- */

div.gmapSiteList .body {background: #fff;}

span.bt_subtitle_click {
	background: #ccc;
	color: #555 ! important;
	}

.image img {border: 1px solid #ccc !important;}


/* ----------- Dream Trips Page ------------ */

.trip_notes {color: #ccc;}

.dream_trip_days {background: #f2f2f2;}


/* ----------- Trip Themes Page ------------ */

.theme_row_odd {background: #f2f2f2;}

.themeText {color: #555 ! important;}

.theme h2 {
	color: #006699 ! important;
	font-size: 150%;
	}

/* ----------- Itinerary Page ------------ */

	
#itemList table td.header-no-border { border: 1px solid #ccc; }

td.add {border-bottom: 1px dotted #888 !important;}
	
.yellow_box .bucket li a {color: #006699 !important;}

#tripDescriptionComtrol a {color: #3366cc;}

#centerColumn {color: #444;}

.login_box {background: #f2f2f2;}

address {color: #444;}

#prodWidget .border1pxColor {border: #ccc !important;}

#prodWidget {
	color:#444 !important;
	background: #f2f2f2 !important;
	}

#prodWidget h2 {color: #004d8c !important;}

#prodWidget a, #prodWidget a:link,
#prodWidget a:visited, #prodWidget a:hover,
#prodWidget a:active  {color: #006699 !important;}

#itemsWrapper div.criteria a, #itemsWrapper div.criteria a:link,
#itemsWrapper div.criteria a:visited, #itemsWrapper div.criteria a:hover,
#itemsWrapper div.criteria a:active {color: #006699 !important;}

div#trip_home_page_login a, 
div#trip_home_page_login a:link,
div#trip_home_page_login a:visited,
div#trip_home_page_login a:hover,
div#trip_home_page_login a:active {color: #3366cc !important;}

div.products_box a,
div.products_box a:link,
div.products_box a:visited,
div.products_box a:hover,
div.products_box a:active {color: #3366cc !important;}

div.filterMenu a,
div.filterMenu a:link,
div.filterMenu a:visited,
div.filterMenu a:hover,
div.filterMenu a:active {color: #006699 !important;}

div.experts_box a,
div.experts_box a:link,
div.experts_box a:visited,
div.experts_box a:hover,
div.experts_box a:active {color: #006699 !important;}

div.spotlightSection a,
div.spotlightSection a:link,
div.spotlightSection a:visited,
div.spotlightSection a:hover,
div.spotlightSection a:active {color: #006699 !important;}

table.siteDetailsSection a,
table.siteDetailsSection a:link,
table.siteDetailsSection a:visited,
table.siteDetailsSection a:hover,
table.siteDetailsSection a:active {color: #3366cc !important;}

div.criteria div.item form#searchForm div.commonBtns b {color: #444 !important;}
div.criteria div.item form#locationForm div.commonBtns b {color: #444 !important;}

div.criteria ul#alphabetList li strong {color: #444 !important;}
div.criteria ul              li strong {color: #444 !important;}

div#prodWidget div span.bold {color: #444 !important;}
div#prodWidget div div.prodWidgAttrLabel {color: #444 !important;}
div#prodWidget div div.prodWidgAttrLabel b {color: #444 !important;}

div.experts_box div h1 {color: #002288 !important;}
div.experts_box div table tbody tr td {color: #444 !important;}
div.experts_box div table tbody tr td div em {color: #444 !important;}

table tbody tr td div.prodAttrLabel {color: #444 !important;}
table.prodCols tbody tr td table tbody tr td div span {color: #444 !important;}

div#trip_home_page_login div.login_box div h2 {color: #222 !important;}
div#trip_home_page_login div.login_box div form.form {color: #555 !important;}

div#trip_home_page_login div.login_box div form.form a.normal,
div#trip_home_page_login div.login_box div form.form a.normal:link,
div#trip_home_page_login div.login_box div form.form a.normal:visited,
div#trip_home_page_login div.login_box div form.form a.normal:hover,
div#trip_home_page_login div.login_box div form.form a.normal:active {color: #006699 !important;}

td.shopper_image table tbody tr td div span {color: #444 !important;}

div#dblRowDblColRow4-col2 div.editToolsWidget h2 {color: #004d8c !important;}

div#dblRowDblColRow4-col2 div.editToolsWidget ul li a,
div#dblRowDblColRow4-col2 div.editToolsWidget ul li a:link,
div#dblRowDblColRow4-col2 div.editToolsWidget ul li a:visited,
div#dblRowDblColRow4-col2 div.editToolsWidget ul li a:hover,
div#dblRowDblColRow4-col2 div.editToolsWidget ul li a:active {color: #006699 !important;}

div#dblRowDblColRow4-col2 div.look {color: #555 !important;}
div#dblRowDblColRow4-col2 div.look strong {color: #555 !important;}

div#dblRowDblColRow4-col2 div.look a,
div#dblRowDblColRow4-col2 div.look a:link,
div#dblRowDblColRow4-col2 div.look a:visited,
div#dblRowDblColRow4-col2 div.look a:hover,
div#dblRowDblColRow4-col2 div.look a:active {color: #006699 !important;}

.edit-dropDown,
.edit-siteName {
	background: #f2f2f2 !important;
	color: #555 !important;
	}

.edit-dropDown a,
.edit-siteName a {
	color: #006699 !important;
	}

span.redText {color:#cc0000 !important;}

ul.plain {color: #444;}

.personal_shopper h2 {color: #004d8c;}

.personal_shopper {color: #444 !important;}

.personal_shopper img {border: 1px solid #888;}

h4 {color: #004d8c;}

.centerColumnContent .left h1 {color: #002288;}

.centerColumnContent a:hover {color: #222 !important;}

tr.backgroundLightColor {
	background: #f2f2f2;
	border: none !important;
	color: #444;
	}

tr.resultRow, 
tr.resultRow2 {border-bottom: 1px dotted #888 !important;}

#newtab_body {
	background: #fff;
	color: #444 !important;
	border: 1px solid #999;
	}

#newtab_body p {color: #444 !important;}

#newtab_body b, 
#newtab_body address, 
#newtab_body tr.resultRow p {color: #444 !important;}

#newtab_body .abstract p {color: #444 !important;}

#newtab_body h2, 
#newtab_body h1, 
#newtab_body h4 {color: #004d8c !important;}

table.siteDetailsSection {background: #f2f2f2 !important;}

table.siteDetailsSection ul.bullets {color: #444 !important;}

#newtab_body table.siteDetailsSection h2.TitleSimilar {color: #004d8c !important;}

#newtab_body table.siteDetailsSection tbody tr td ul.bullets {color: #444 !important;}

.filterDestination strong,
.filterDestination b {color: #222 ! important;}


/* ------------------ New Tabs (Browse Details) ------------------ */
	
#newtab a:hover, 
#newtab li.current a {color: #3366cc !important;}

div#newtab_nav ul#newtab li.current a span,
div#newtab_nav ul#newtab li.current a:link span,
div#newtab_nav ul#newtab li.current a:visited span,
div#newtab_nav ul#newtab li.current a:hover span,
div#newtab_nav ul#newtab li.current a:active span {color: #000;}
div#newtab_nav ul#newtab li a:hover span {color: #000;}

.products_box {
	border: 1px solid #ccc;
	background: #f2f2f2;
	}

.outer_box {border: 1px solid #ccc;}


/* ---------- itinerary page ------------ */

ul.small_button li a,
ul.small_button li.add a {
	text-decoration: none !important;
	border: none;
	}

	
/* ---------- edit itinerary page ------------ */

.edit-upDown {background: #f2f2f2 !important;}

.editView .normal,
.editView .bold {color: #222 !important;}

.editToolsWidget {
	background: #ddd !important;
	}

div#edit_itinerary_wrapper div.editToolsWidget h2 {
	color: #222 ! important;
	}

.trip_info i {color: #444;}

.yellow_box .backgroundDarkColor { border: 1px solid #ccc !important;}
	
div#mySiteList div.bucket div.win ul.bullets li a:link, 
div#mySiteList div.bucket div.win ul.bullets li a:active,
div#mySiteList div.bucket div.win ul.bullets li a:visited {color: #006699 !important;}

div#mySiteList div.bucket div.win ul.bullets li a:hover  {color: #666 !important;}

td.day-label a:link, 
td.day-label a:visited {color: #888 ! important;}

td.day-label a:hover, 
td.day-label a:active {color: #444 ! important;}

div.column2Content div {color: #444 !important;}

td.goalName {color: #444;}

div.gmapFinderItem {color: #ffc;}

div.gmapFinderItem a:link, 
div.gmapFinderItem a:visited {color: #444 ! important;}

div.gmapFinderItem a:hover, 
div.gmapFinderItem a:active {color: #444 ! important;}

div.finderItems ul li a:link, 
div.finderItems ul li a:visited {color: #444 ! important;}

div.finderItems ul li a:hover, 
div.finderItems ul li a:active {color: #444 ! important;}

div.unplanned_attractions {
	color: #555 ! important;
	background: #ffe775 ! important; 
	}

div.unplanned_attractions div h2 {
	color: #222 ! important;
	font-size: 150%;
	}

div.unplanned_attractions div.edit-upDown {background-color: #f2f2f2 ! important;}

div.unplanned_attractions a:link, 
div.unplanned_attractions a:visited {color: #006699 ! important;}

div.unplanned_attractions a:hover, 
div.unplanned_attractions a:active {color: #006699 ! important;}


/* --------------- Google Maps for Trip Planner  begin  --------------- */

div.gmapSite {color: #f2f2f2 ! important;}

div.gmapSite div a:link, 
div.gmapSite div a:visited {color: #444 ! important;}

div.gmapSite div a:hover, 
div.gmapSite div a:active {color: #f2f2f2 ! important;}

ul.plain  li.current a:link, 
ul.plain  li.current a:visited {color: #888 ! important;}

ul.plain  li.current a:hover, 
ul.plain  li.current a:active {color: #ffc ! important;}


/* ---------- Google Maps for Trip Planner  end ------------ */

div.inner_space div#items div {color: #444! important;}

#calendarDiv,
#calendarDiv .todaysDate {color: #333 !important;}


/* -------------- Trip Guide Footer ------------- */

div.printContent div.GrayText {color: #fff;}

div.printContent div.GrayText a:link,  
div.printContent div.GrayText a:visited {color: $cdivPrintContentAColor ! important;}

div.printContent div.GrayText a:hover,  
div.printContent div.GrayText a:active {color: #3366cc ! important;}

.trip_info i,
#specialShowNote {color: #555 ! important;}


/* -------- Personal Shopper and Activities Pages -------- */

div.spotlightSection .subTitle {color: #222 ! important;}

div.spotlightSection, 
div.spotlightSection td {color: #555 ! important;}

.prodColsNarrow b,
.prodColsNarrow tbody a:link,
.prodCols b,
.prodCols tbody a:link,
.criteria-prods a {color: #006699 ! important;}

.prodColsNarrow h2,
.prodCols h2 { 
	color: #222 ! important;
	font-size: 150% ! important;
	}

.criteria b,
.criteria h3,
.criteria-prods h3 {color: #222 ! important;}

tr.resultRow td.add {border-bottom: 1px dotted #ccc !important;}

.gray_box { 
	color: #555 ! important;
	background: #f2f2f2;
	padding: 10px;
	border: 1px solid #ccc !important;
	}

.gray_box h2 {color: #222 ! important;}

.gray_box a {color: #006699 ! important;}

.listTitle,
.listingsSiteContainer {
	color: #555 ! important;
	background: #f2f2f2 ! important
	}

.listingsSiteContainer a:link {color: #006699 ! important;}

.gocard .body {
	background: #222 ! important;
	color: #fff ! important;
	}

.gocard .body a:link,
.gocard .body a:hover  {
	color: #fff ! important;
	}

.bucket .border1pxColor {
	background-color: #cc0000 ! important;
	color: #555 ! important;
	}

.bucket .win .bucketItem li a:link {
	color: #006699 ! important;
	}

#itemList .backgroundLightColor,
#itemList .backgroundLightColor strong,
div.instructions strong,
#instructionsMore,
#instructionsMore b,
#instructionsMore li {color: #222 ! important;}

#info-hover {color: #555 ! important;}

.tripBuilder-hdrNav .navBlocked {color: #444 ! important;}

.abstract li {
	list-style-type: none ! important;
	margin: 4px 0;
	}

td.border1pxColor strong,
td.trip_info strong {color: #222 ! important;}


/* -------------- Browse Details------------- */

#newtab_body .photo_footer a:link,
#newtab_body .photo_footer a:active,
#newtab_body .photo_footer a:visited,
#newtab_body .inner_space a:link,
#newtab_body .inner_space a:active,
#newtab_body .inner_space a:visited {color: #006699 ! important;}

#newtab_body .inner_space, 
#newtab_body .inner_space #items,
#newtab_body .inner_space #items p,
#newtab_body .inner_space #items #itemList,
#newtab_body .inner_space #items #itemList b,
#newtab_body .inner_space #items #itemList .tips_box,
#newtab_body .inner_space #items #itemList .termDef,
#newtab_body .inner_space table,
#newtab_body .inner_space table tbody tr td address,
#newtab_body .inner_space table tr,
#newtab_body .inner_space table td,
#newtab_body .inner_space table td strong,
#newtab_body .inner_space #viewtravelertip #firstitem, 
#newtab_body .inner_space #viewtravelertip,
#newtab_body .inner_space #userRevs,
#newtab_body .inner_space #items #itemList strong {color: #555 ! important;}

#newtab_body .inner_space h1,
#newtab_body .inner_space h2,
#newtab_body .inner_space h3,
#newtab_body .inner_space h4,
#newtab_body .inner_space p,
#newtab_body .inner_space b,
#newtab_body .photo_footer,
#newtab_body .inner_space table.siteDetailsSection h2.TitleSimilar {color: #222 ! important;}



.small-space {
clear:both; 
height: 10px;
}