
/* Layout */
#introduction {
	width:785px;
	}
	
#inner_image {
	float: right;
	margin-right:0;
	position: relative;
}	
.imagecaption {
background: #931e0a;
text-align: right;
padding: 6px 17px;
position: absolute;
top: 279px;
right: 0;
font-size: 11px;
color: #dcd6cb;
}
.clear {
clear: both;
}
#leftcopy {
float: left; width: 326px;
}
#rightcopy  {
float: right; width: 409px; position: relative; height: 339px;
}
#flashCoverInner{
position: absolute; left: 0; top: 0;
}

/* Navigation */
.HorizontalExpandMenu {background:#b05e19; float:left; width:775px; padding:7px 0 7px 10px;}
.HorizontalExpandMenu a:visited,
.HorizontalExpandMenu a:link {
	color:#fff;
	float:left;
	text-decoration:none;
	border-right:1px #693b15 solid;
	padding:0 10px;
	}	
.HorizontalExpandMenu a:hover {text-decoration:underline;}
.HorizontalExpandMenuCurrentPage a:visited,
.HorizontalExpandMenuCurrentPage a:link {text-decoration:none;}

/* Feature Products on Tourism Data */

.featureproductborder img {border: 3px solid #fff;}
.featureproduct {background: #f1eee8; float: left; position: relative; margin-right:10px;}
#featureproductwhole_3 .featureproduct {width: 30%; width:31%;  min-height: 300px;}
#featureproductwhole_2 .featureproduct {width: 48%; min-height: 230px;}
#featureproductwhole_1 .featureproduct {width: 95%; padding-bottom: 10px;}
.featureproduct:hover {background:#FFFAEF;}
.featureproductborder {padding: 10px;}
#featureproductwhole_2 .featureproductdescription {width: 60%; float:right;}
#featureproductwhole_1 .featureproductdescription {width: 83%; float:right;}
#featureproductwhole_2 .featureproductborder img, #featureproductwhole_1 .featureproductborder img 
{float: left; margin: 10px 10px 0 0;}
.featureproduct h4 a{font-size: 13px; text-decoration: none;}
.featureproduct h4 a:hover {text-decoration: underline;}
.featureproductmoreinfo { padding-top: 10px; background: url(../../shared/images/more_arrow.gif) top left no-repeat; width: 99px; height: 32px; padding: 5px 0 0 5px; position: absolute; top: -15px; right: 5px;}
.featureproductmoreinfo a {text-decoration: none; color: #fff; font-size: 11px;}
.featureproductmoreinfo a:hover {text-decoration: underline;}

/*My Trip Planner log in page*/
#contactToolsLogin label
{text-align: right; float: left; display: block; width: 170px; margin-right: 10px; }
#contactToolsLogin input
{width: 170px; border: 1px solid #dfdfdf; height: 15px; padding: 3px; color: #666666;}
#contactToolsLogin .submitRow input
{background: #931E0A; width: 90px; color: #E9E6E0; height: 30px; border: 1px solid #7d1605; margin: 10px 0 20px 180px; padding: 3px 0;}
#contactToolsLogin div {margin-bottom: 5px;}

/*My Trip Planner detail page*/
#itineraryButtons a, .confirmClearItinerary a 
{padding: 3px 0 0 30px; height: 29px; display: inline-block; text-decoration: none;}
#itineraryButtons a.clearItinerary, .confirmClearItinerary a#clear
{background: url(/custom/templates/page/shared/images/trip_plannerbuttons.gif) top left no-repeat;}
.confirmClearItinerary a#cancel {padding: 0 0 0 0; margin-right: 15px; color: #931e0a;} 
#itineraryButtons a.login {background: url(/custom/templates/page/shared/images/tripplanner_login2.gif) no-repeat; width: 79px; height: 0; display: inline-block; padding: 32px 0 0 0; overflow: hidden;}
#itineraryButtons a.emailItinerary {margin-right: 20px; background: url(/custom/templates/page/shared/images/trip_plannerbuttons.gif) left -30px  no-repeat;} 
#itineraryButtons a.activeItineraries {background: none; font-weight: bold; color: #f68a4a; margin-left: -45px;} 
#itineraryButtons a.submitItinerary
{background: url(/custom/templates/page/shared/images/trip_plannerbuttons.gif) left -62px no-repeat;} 
#itineraryButtons a.register
{background: url(/custom/templates/page/shared/images/tripplanner_register.gif) no-repeat; width: 79px; height: 0; display: inline-block; padding: 32px 0 0 0; overflow: hidden; margin: 0 0 0 0; }
#itineraryButtons a.login
{margin-right: 0;}

/*My Trip Planner listing page*/
.itineraryItem {float: left; clear: both; margin-top: 10px; position: relative; background: #fff; width: 734px; padding: 10px;}
.itineraryInfo{float: left; width: 580px;}
.itineraryImage {float: left; width: 130px;}
.itineraryImage a img {border: 1px solid #E9E6E5; padding: 6px; background: #fff;}
.itineraryContact {float: left; width: 603px; color:#A5A3A3; font-size:11px; padding-bottom: 10px; margin: 5px 0;}
.itineraryContact div {display: inline; padding-left: 7px; background: url(/custom/templates/page/shared/images/contact_bgline.jpg) left top no-repeat;}
.itineraryHeader {height: auto; clear:both; width: 734px; float: left; padding-bottom: 5px; margin-bottom: 10px;border-bottom: 3px solid #e7e5e5;}
.itineraryHeader h3 {margin: 0; padding: 0; width: 250px; float: left;}
.itineraryHeader h3 a {padding: 3px 20px 0 0;
background: url(/custom/templates/operator/images/button_titlemore.gif) right center no-repeat;}
.itineraryHeaderPrice {text-align: right; float: left; width: auto;font-size: 14px; font-weight: bold;}
.startdate, .enddate {font-size: 10px; display: inline-block;}
.dateControls a {margin-left: 390px;}
.itineraryDates {float: right;}
.itineraryDates .startdate { float:left; margin-right:10px;}
.itineraryDates .enddate { float:left;padding-right:80px; }
.startdate strong, .enddate strong {color: #555654;}
.itineraryDates .dateControls {font-size:10px; position:absolute; right:10px; top:9px;}
.itineraryDates a.addDates, .itineraryNote a.addNoteLink
{width: 88px; height: 0; padding-top: 26px; display: block; overflow: hidden;}
.itineraryDates .addDate {position:absolute;top:35px;right:15px; width: 280px; padding-right: 15px;}
.itineraryDates a.addDates {position: relative; 
background: url(/custom/templates/page/shared/images/tripplanner_date.gif) no-repeat;}
#column1 .itineraryDates table td, #column1 table.tpFormTable td {border: 0;}

.itineraryRemove {width: 119px; height: 26px; float: inherit;}
.itineraryRemove a, a.travelPlannerRemoveButton {background: url(/custom/templates/page/shared/images/tripplanner_remove_add.jpg) left -26px no-repeat;width: 119px; height: 0; padding-top: 26px; display: block; overflow: hidden;}
.moreInfo {width: 86px; height: 32px; float: right;}
.moreInfo a {width: 114px; height: 0; padding-top: 32px;  display: block; overflow: hidden; 
background: url(/custom/templates/page/shared/images/tripplanner_more.gif) no-repeat;}
.itineraryNote {position: absolute; left: 270px; bottom: 16px; background: #fff;}
.itineraryNote a.addNoteLink {background:url(/custom/templates/page/shared/images/tripplanner_remove_add.jpg) bottom left no-repeat;}
.itineraryNote a.deleteNoteLink {background:url(/custom/templates/page/shared/images/tripplanner_delete.gif) no-repeat; height: 0; padding-top: 20px; width: 33px; display: block; overflow: hidden; position:  absolute; right: 5px; top: 5px;}
.itineraryListingNote {background: #f7f6db; padding: 2px 30px 5px 2px; border: 1px solid #e2dcd1; position: relative;}
.itineraryListingNote h4, .itineraryListingNote pre{padding: 0 20px 0 0; margin: 0;}
#itineraryButtons {margin-bottom: 10px;}
#itineraryButtons a.myItinerary {background: url(/custom/templates/page/shared/images/tripplanner_back.gif) no-repeat left top;}
#itineraryListOuter {width: 755px;float: left;}
#introduction .tpmessage {font-weight: bold; padding: 5px 0; width: auto; margin-bottom: 5px;}
#activeItineraries table td, #activeItineraries table th {padding: 7px 10px;}


/*Shared with My Trip and Tourism Data products map view*/
.sortTitle, .onlineBookingLabel {display: none;}
.searchPageNavOuter, #itinerarySort {background: #CFC6B5; height: 30px; width: 720px; padding: 10px 20px 0 15px; margin-bottom: 10px; float: left;}
.travelPlannerAddRemoveButtons {width: 119px; height: 26px; float: inherit;}
.travelPlannerAddRemoveButtons a.travelPlannerAddButton {background: url(/custom/templates/page/shared/images/tripplanner_remove_add.jpg) left top no-repeat;width: 119px; height: 0; padding-top: 26px; display: block; overflow: hidden;}

/* Webcams */
.webcamContainer {border:1px solid #bbb; padding:10px; background:#fff; height:270px; width:360px; margin-bottom:20px;}
.webcamContainer:hover {border-color:#999;}
