/* =============================================
   =   stylesheet to overide STA Travel CSS    =
   ============================================= = = = */

/* fix sta header in ie6 & 7 */
div#header div.nav { width: 600px; }
div#header div.section { width: 760px; }
div.darkOpaque { width: 650px; overflow:hidden; }

h2 { padding-top: 10px; }

div.secondary { margin-right:20px; margin-top: 5px;width:170px; }
div.secondary img { padding:0; margin:4px 0; }
div.secondary p { padding-bottom: 10px; }


/* search input panel */
div.mainContentTop img { padding: 5px; }
img#searchandbook  { padding: 5px 5px 5px 8px; }
div#searchbox { padding:20px 10px 20px 20px; width: 200px; margin-left: 30px; margin-top:10px; margin-bottom: 30px; background-color:#222222; border:1px solid #666666; }
div#searchbox h3 { display:none; }
div#searchbox label { width:100%; display:block; }
div#searchbox input#searchbox-btn { background:url(/images/sta/v2/Buttons/search.png) no-repeat bottom center !important; }



/*div#ventureSearchButton input#searchbox-btn { border:1px solid red; content: " (/images/sta/v2/Buttons/search.png" attr(src) ") "; }
input[src="/images/sidepanels/btn-searchbox.png"]
 content: " (http://www.alistapart.com" attr(href) ") ";border:2px solid red; background:url(/images/sta/v2/Buttons/search.png) no-repeat bottom center !important;}*/
/*
.useThis { border:2px solid green;background-image: url(/images/sta/v2/Buttons/go.png); }*/


/* results output */
div#results-options-top { padding-bottom: 10px; }
.result {
	background:url(/images/sta/v2/resultsBG.gif) no-repeat top left;height:180px; width:581px; padding:10px; float:left;
	position: relative;
	}
.result h3 { width:300px; font-size: 1.1em; margin-left:10px; margin-top:0; float: left;}
.result p.description { margin-left:10px; width:310px; float: left; }
/*.result p.price { margin-left:10px; width:90px;margin-right:5px; margin-top:-10px;float: right; text-align:right; }*/

.result p.price {
	position: absolute;
	float:right;
	text-align:right;
	width:90px;
	top:35px;
	right:10px;
}

/*.result p.view { margin-left:10px; width:90px; margin-right:5px; margin-top:-5px; float: right; text-align:right; }*/
.result p.view {
	position: absolute;
	float:right;
	text-align:right;
	width:90px;
	top:115px;
	right:10px;
}
.result p.view a { background:url(/images/sta/v2/Buttons/next.png) no-repeat top left; width: 80px; height: 20px; font-size:0; display: block; margin-left:28px; }
.result ul { width: 280px; display: inline !important ;float: left; }
img.thumb { width: 150px; height: 100px; background:url(/images/sta/v2/fauxBorder.gif) no-repeat top left; padding:2px 2px 50px 2px; display:block; float:left !important; }


#results-options-top { width: 300px; float: left; }

/* details page */
div#placementSummary { width: 580px; }
div#placementSummary div#placementImagev2 { width: 320px; float: left; }
div#placementSummary div#placementImagev2 img { margin-bottom: 20px; }
div#placementSummary h2 { padding-top: 20px; }
div#placementAvailability { width: 240px; float: left; }
div.placementSelects label {  width:80px; padding-bottom:10px; clear:both; float:left; }
div.placementSelects select { margin-bottom:10px; }
p#placement-standard-price { font-weight: 600; }
.tabContent { width: 500px; }
.tabContent h2 { clear: both; }

/* new placement details */
span.standardPrice{font-size:1.2em; font-weight:bold;letter-spacing:0px}
span.promoPrice{font-size:1.2em; font-weight:bold;letter-spacing:0px}
span.normalPrice{font-size:1.0em; font-weight:normal; font-style:normal; text-decoration:line-through;letter-spacing:0px}

/* new price elements */
#placement-standard-price { font-size:1.2em; font-weight:bold;}
#placement-promo-price span#new-price { font-size:1.2em; font-weight:bold;}
#placement-promo-price span#old-price { font-size:1.0em; font-weight:normal; font-style:normal; text-decoration:line-through; }

/* destinations page */
.torn_maxwidth { width: 600px; }
p.torn_greyBox { margin:0; }
.torn_beigeBox { background:url(/images/sta/v2/placementBG.gif) no-repeat top left;height:180px; width:580px; padding:10px; float:left; }
.torn_beigeBox img { padding:2px 10px 50px 2px; display:block; float:left !important; }
.torn_beigeBox h3 { padding-left:14px; padding-bottom: 5px; /*jm width:300px;*/ display:block; float: left; }
.torn_beigeBox ul { padding-left: 10px; width: 270px; float: left; }
.torn_beigeBox li { width: 130px; float: left; }


/* about page */
div.aboutSubpage img { border:0; margin-top:15px; margin-right:10px; padding-bottom:10px;}
div.aboutSubpage h3 { width: 430px; }
div.aboutSubpage p { margin:0; }


/* tefl page */
.torn_width350 { background:none; /*jm height: 230px;*/ display:block; }
.torn_width350 img { padding:0; border:2px solid white !important; }
.torn_maxwidth { margin-top: 30px; }
.torn_yellow { padding:0; }
.torn_beige_content p { font-size: 1.2em; width: 360px; padding-left: 15px; float: left;}


/* sorry, no placements were found */
#fadeLineBox { background:url(/images/sta/v2/placementBG.gif) no-repeat top left;height:180px; width:580px; padding:10px; float:left; }
#fadeLineBox img { padding:2px 30px 50px 2px; display:block; float:left !important;  border:0; }
#fadeLineBox h3 { padding-left:14px; padding-bottom: 5px; width:300px; float: left; }
#fadeLineBox ul { padding-left: 10px; margin-bottom: 12px; width: 270px; float: left; }
#fadeLineBox li { width: 230px; float: left; }
#fadeLineBox p { width: 400px; }
#fadeLineBox_end { margin-right: 400px; width: 250px !important;  }



/* worlds at your feet sidepanel map */
div#sidepanel-map { width: 230px; margin-left: 30px;  }
div#sidepanel-map div.sidepanel-inner { background:transparent url(/images/sta/v2/destinations.gif) no-repeat scroll center top; margin-top:0; padding:10px 6px 7px; } /* or png */
div#sidepanel-map div.sidepanel-inner h3 { color: #333333; padding: 4px; }
div#sidepanel-map div.sidepanel-inner p.btn {  padding: 3px 10px 0 45px; }

ul#placementTabs li { display: inline;  padding: 0 20px; cursor:hand !important; cursor: point !important;}
.tabContent { border:1px solid #cccccc; padding:0 20px; background-color: #111111; }

div#searchbox-adv-btn a { width:118px; height:26px; display:block; font-size:0;
                          background:transparent url(/images/sta/v2/Links/en/lnk-search.gif) no-repeat scroll left top; }

div#ventureSearchButton { margin-left:70px; padding-top:10px; } /* remove margin to left align search button */

#tabPlacementNav ul {
	padding:0 !important;
	margin:10px 0px 0px 10px !important;
	position:relative;
	top:1px;
	width:500px;
	height: 19px;
}
#tabPlacementNav ul li {
	margin:0 2px 0 0!important;
	padding:0!important;
	list-style:none;
	float:left;
	cursor:pointer;
	height:34px;
	width:96px;
}
#tabPlacementNav ul li em { margin-left:-5000px; }
ul#placementTabs li#tab1 { background: url(/images/sta/v2/tabs/overview_off.png) no-repeat left; }
ul#placementTabs li#tab2 { background: url(/images/sta/v2/tabs/factfile_off.png) no-repeat left; }
ul#placementTabs li#tab3 { background: url(/images/sta/v2/tabs/testimonials_off.png) no-repeat left;  }
ul#placementTabs li#tab4 { background: url(/images/sta/v2/tabs/video_off.png) no-repeat left; }
ul#placementTabs li#tab5 { background: url(/images/sta/v2/tabs/needhelp_off.png) no-repeat left;  }
ul#placementTabs li#tab6 { background: url(/images/sta/v2/tabs/gallery_off.png) no-repeat left; }
ul#placementTabs li#tab7 { background: url(/images/sta/v2/tabs/stories_off.png) no-repeat left; }
ul#placementTabs li#tab1.hover { background: url(/images/sta/v2/tabs/overview_on.png) no-repeat left; }
ul#placementTabs li#tab2.hover { background: url(/images/sta/v2/tabs/factfile_on.png) no-repeat left; }
ul#placementTabs li#tab3.hover { background: url(/images/sta/v2/tabs/testimonials_on.png) no-repeat left; }
ul#placementTabs li#tab4.hover { background: url(/images/sta/v2/tabs/video_on.png) no-repeat left; }
ul#placementTabs li#tab5.hover { background: url(/images/sta/v2/tabs/needhelp_on.png) no-repeat left;}
ul#placementTabs li#tab6.hover { background: url(/images/sta/v2/tabs/gallery_on.png) no-repeat left; }
ul#placementTabs li#tab7.hover { background: url(/images/sta/v2/tabs/stories_on.png) no-repeat left; }
ul#placementTabs li#tab1.active { background: url(/images/sta/v2/tabs/overview_on.png) no-repeat left; }
ul#placementTabs li#tab2.active { background: url(/images/sta/v2/tabs/factfile_on.png) no-repeat left; }
ul#placementTabs li#tab3.active { background: url(/images/sta/v2/tabs/testimonials_on.png) no-repeat left; }
ul#placementTabs li#tab4.active { background: url(/images/sta/v2/tabs/video_on.png) no-repeat left; }
ul#placementTabs li#tab5.active { background: url(/images/sta/v2/tabs/needhelp_on.png) no-repeat left; }
ul#placementTabs li#tab6.active { background: url(/images/sta/v2/tabs/gallery_on.png) no-repeat left; }
ul#placementTabs li#tab7.active { background: url(/images/sta/v2/tabs/stories_on.png) no-repeat left; }

/* STA country switcher for store.onlinetefl.com  19-9-11 JM */
#dialogue {border-radius: 5px;background-color: #000; width: 190px; height: 80px;padding: 20px;}
#dialogue p, #dialogue a {color: #fff; font: normal 13px/16px Arial, Helvetica, sans-serif;}
#dialogue p {margin: 0 0 9px 0;}
#dialogue a {color:#fc0; text-decoration: none; font-weight: bold;}
#dialogue a:hover {text-decoration: underline;}
#dialogue select {display: block; margin-bottom: 13px; width: 185px; border: 1px solid #ccc;/* background: #fff;*/}
#dialogue input[type=submit] {color: #06c; -webkit-appearance: none; background: #fff; border: 1px solid #ccc; border-radius: 5px; font: bold 12px /14px Arial, Helvetica, sans-serif;padding: 4px 6px;margin: 0 6px 0 0; cursor: pointer;}
div#fancybox-outer, div#fancybox-content {background-color: #000 !important; border: 0;border-radius: 5px;}