/*  
Website: Calre Valley Accomodation
Description: general theme
Author URI: ipacktechnolgies.com
*/

/*************************** ROAMFREE ***************************/

/* Mini blue buttons stuff */
.mini-blue-button{    background:#62c2e3 url(http://www.roamfree.com/images/mini-button-back.gif) repeat-x left top;  font-size:9px; display:block;  font-weight:bold; color:#FFF;  font-family:Verdana,Arial,Helvetica,sans-serif;  border-top:2px double #b4dfef; border-left:2px double #b4dfef;  border-bottom:2px double #0079a0; border-right:2px double #0079a0;  text-align:center; padding:1px}
.mini-blue-button:hover{color:#FC0}
.mini-blue-button.disabled{ background:#666;  color:#ccc;  border:2px outset #777;  cursor:default}
.mini-blue-button:hover.disabled{color:#ccc}
#panes .mini-blue-button{color:#FFF;}
#panes .mini-blue-button:hover{color:#FC0}
#sDate {color:#000}
.paymentVersion{ width:75px; margin:5px 5px 0 5px; padding:2px}
 
/* New search results grid */
.shiftDatesLeft{width:20px; float:left; margin-right:5px}
.shiftDatesRight{width:20px; float:left; margin-left:5px}
.ratingVersion{width:50px; margin-bottom:2px; padding:2px}
span.background-highlight{font-size:.9em; margin-top:.4em; margin-bottom:.4em; padding:.6em 1em; display:block; background-color:#e6eefa; border:dotted #aec2db 1px; font-weight:bold}
.searchResultsTable{border-collapse:collapse; width:100%; margin-bottom:20px; margin-top:35px; clear:both}
.searchResultsTable .hovered{background:#d7eaf0}
.searchResultsTable .selectedDays{font-size:11px; color:#FFF; text-align:center; border:1px solid #FF8A00; border-bottom:0; background:#F90; white-space:nowrap; padding:0px 3px 2px 3px; cursor:help}
.searchResultsTable td.selected{background:#FFB}
.searchResultsTable td[class='dataRow w-end selected']{background:#FF9}
.searchResultsTable td[class='dataRow w-end sold selected']{background:#F90; color:#FFF}
.searchResultsTable td[class='dataRow sold selected']{background:#F90; color:#FFF}
.searchResultsTable .tableHeading{font-size:12px; font-weight:bold; text-transform:uppercase; color:#47acd9; padding-bottom:7px; vertical-align:bottom}
.searchResultsTable .tableHeading strong{color:#F06000}
.askHotel{background:url(http://www.roamfree.com/images/hotel.jpg) no-repeat right bottom}
.searchGlobal{background:url(http://www.roamfree.com/images/global.jpg) no-repeat right bottom}
.holidayHouses{background:url(http://www.roamfree.com/images/holidayHouses.jpg) no-repeat right bottom}
.tableHeading span{cursor:help; background:#FFF; border:2px solid #FFF}
.searchResultsTable .shiftDatesBackward{color:#666; font-weight:bold; font-size:11px; text-align:left; padding-bottom:7px; vertical-align:top}
.searchResultsTable .shiftDatesBackward .shiftLeftContainer{float:left}
.searchResultsTable .shiftDatesForward{color:#666; font-weight:bold; font-size:11px; text-align:right; padding-bottom:7px; vertical-align:top}
.searchResultsTable .shiftDatesForward .shiftRightContainer{float:right}
 #infoHover{ border:1px solid #AAA;  padding:7px;  background:#FFC;  position:absolute;  left:-1000px;  top:-1000px;  width:260px;  font-size:11px;  z-index:10}

/* Header rows - also used to control the width of the columns */
.searchResultsTable .headerRow{color:#FFF; background:#47acd9; text-align:center; font-weight:bold; font-size:11px; width:4%; padding:3px 2px; border:1px solid #FFF; line-height:11px}
.searchResultsTable .headerRow .day{text-transform:uppercase; font-size:9px; display:block; white-space:nowrap}
.searchResultsTable .headerRow .number{ font-size:13px; display:block; margin:2px 0; color:#FC0; line-height:7px}
.searchResultsTable .headerRow .month{ font-size:9px; display:block}
 
 /*Start Styles for A-like Cat B properties*/
.searchResultsTable .headerRow2{color:#FFF; background:#ff9600; text-align:center; font-weight:bold; font-size:11px; width:4%; padding:3px 2px; border:1px solid #FFF; line-height:11px}
.searchResultsTable .headerRow2 .day{text-transform:uppercase; font-size:9px; display:block; white-space:nowrap}
.searchResultsTable .headerRow2 .number2{ font-size:13px; display:block; margin:2px 0; color:#000; line-height:7px}
.searchResultsTable .headerRow2 .month{ font-size:9px; display:block}
.searchResultsTable .weekend2{background:#FFBE6B; color:#555}
.searchResultsTable .weekend2 .number2{color:#F60}
.searchResultsTable .w-end2{background:#FFEBDE}

/*End Styles for A-like Cat B properties*/
.searchResultsTable .place-name{text-align:left; width:33%; padding-left:10px; font-size:12px}
.searchResultsTable .weekend{background:#CBE2EB; color:#555}
.searchResultsTable .weekend .number{color:#F60}

/* into the data rows now... */
.searchResultsTable .dataRow{border:1px solid #d8d8d8; text-align:center; font-weight:bold; color:#555; font-size:10px; vertical-align:middle; padding:2px}
.searchResultsTable .dr-place-name{text-align:left; font-weight:normal; border-right:0}
.searchResultsTable .dr-place-name a{color:#333; text-decoration:underline}
.searchResultsTable .dr-place-name a:hover{color:#369}
.searchResultsTable .dr-place-name .apName{color:#333; display:block; padding-left:7px; font-size:13px}
.searchResultsTable .dr-place-name .apMaxGuests{color:#777; display:block; padding-left:7px; font-size:9px}
.searchResultsTable .dr-place-name .apLocation{color:#757575; display:block; font-size:10px; padding-left:7px}
.searchResultsTable .bookingAndRating{text-align:center; width:2%; border-left:0; padding:2px 5px}
.searchResultsTable .unavailable{font-weight:normal; color:#F00; font-size:11px; padding:8px}
.searchResultsTable .w-end{background:#f0f0f0}
.searchResultsTable .sold{text-transform:uppercase; color:#F60}

/*** search form ***/
div#roamfree-holder {border:1px solid #ccc;padding: 0 5px;-moz-border-radius: 10px/10px;-webkit-border-radius: 10px 10px;border-radius: 10px/10px}
form#roamfreedatepicker {margin-bottom:5px;border-bottom:1px solid #ccc;clear:both;height:40px;background:#E2E2E2}
#roamfreedatepicker dd,#roamfreedatepicker dt {margin:0;padding:0;float:left}
#roamfreedatepicker dt {padding:12px 3px 0 5px;}
#roamfreedatepicker #sDate {border:1px solid #ccc;font-family: tahoma;font-size: 10px;line-height: 11px;height: 12px;padding: 3px;width: 80px;}
#roamfreedatepicker #searchDates {margin: 3px 0 0 15px;background:#fff}
#roamfreedatepicker label {margin-top:20px;font-weight:bold;color: #666;font-size: 9px;font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;}
#roamfreedatepicker #sDate, #roamfreedatepicker select  {margin-top:10px}  






/*************************** V3TRAVEL CSS ***************************/



/* Start Search Results */
.search_results{width:100%; clear:left}
.search_results_heading{width:100%; margin-top:10px}
.search_results_rates_message{text-align:right; margin-top:5px}
.search_results_box{}
table.search_results_table{width:100%; font-size:13px !important}
tr.search_results_table_header{text-align:left}
th.search_results_table_header_product{}
th.search_results_table_header_commencing{}
th.search_results_table_header_concluding{}
th.search_results_table_header_price{text-align:right}
th.search_results_table_header_select{text-align:center}
tr.search_results_table_row{text-align:left}
tr.search_results_table_alternate{text-align:left}
td.search_results_table_col_product{}
td.search_results_table_col_commencing{}
td.search_results_table_col_concluding{}
td.search_results_table_col_price{text-align:right}
td.search_results_table_col_select{text-align:center}
.search_results_button_section{clear:both}
.search_results_button_container{float:right}
.search_results_button{text-align:center}
.search_results_button a{}
.search_results_heading{border-bottom: 2px solid #6D6DBF; color: #5A6668; font-size: 22px; margin: 0px 0px 5px 0px;}
.search_results_rates_message{font-size: 7pt;}
table.search_results_table {font-size: 8pt;}
tr.search_results_table_header {font-size: 9pt; background: #B580FF; color: #ffffff;}
tr.search_results_table_row {background: #F0E6FF; color: #000000}
tr.search_results_table_row_alternate {background: #DABFFF; color: #000000;}
.search_results_button{cursor:pointer;background:url(../images/v3travel/btnBook.png) no-repeat top center;width: 62px;height:43px}
.search_results_button:hover{background:url(../images/v3travel/btnBook.png) no-repeat top center;}
.search_box_button a { font-weight:bold;}
.search_result_button a { font-weight:bold;}
/* End Search Results */
/* Product Information*/
/*Popup controller div*/
.pob_product_details{text-align:left; width:650px; border:solid 1px #EA7B32; background:#f2f3f2 url(../images/v3travel/cross_48.png) no-repeat right top}
.pob_calendar_strip_product_name_cell >.pob_product_details{margin:22px 0px 0px 50px}
.pob_product_details_header{height:15px}
.pob_product_details_table{}/*Popup controller table*/
.pob_product_details_content_cell{padding:0 15px 15px 15px; max-height:380px; overflow:auto; overflow-x:hidden}
.pob_product_heading{border:none 2px gray; border-bottom-style:solid; padding-bottom:3px; margin-bottom:5px}
.pob_product_heading_name{}
img.pob_product_description_image{max-width:200px; max-height:133px; margin:5px}
.pob_product_details .product_name{margin-bottom:10px}
.pob_product_details .product_description{margin-bottom:15px; padding:0 10px}

.pob_product_description h4{margin:3px 0 10px; font:bold 14px Tahoma,Arial,Helvetica,Serif; color:#54575e}
.pob_product_description h4 span{font-size:11px; font-weight:normal; color:#666}
.pob_product_description_text{}

#search_results_box_products_label{ font-size:18px;  padding-top:15px}

.pob_calendar_strip_product_name_text, .pob_product_details{cursor:pointer}
div.pob_product_details{position:absolute; padding:10px; border:solid 1px #EA7B32; margin:-180px 0 0 20px; display:none}
div.pob_product_details img{max-width:300px}
div.product_name{font-weight:bold}

/*** ace ***/
#search_results_box_products_label{font-size:18px;  padding-top:5px}
.pob_calendar_strip_product_name_text, .pob_product_details{cursor:pointer}
div.pob_product_details, div#panes div#book div.pob_product_details{position:absolute; padding:10px; border:solid 1px #EA7B32; margin:-180px 0 0 20px; display:none}
div.pob_product_details img{max-width:300px; float:right; margin-top:20px}
.product_images{float:right}
div.product_name{font-weight:bold}
/*** form in book tab ***/
form#availabilityForm{margin-bottom:5px; border-bottom:1px solid #ccc; clear:both; height:40px; background:#fff;     -moz-border-radius:7px/7px;     -webkit-border-radius:7px 7px;     border-radius:7px/7px}
#availabilityForm dd, #availabilityForm dt{margin:0; padding:0; float:left}
#availabilityForm dt{padding:12px 3px 0 5px}
#availabilityForm #date{border:1px solid #ccc; font-family:tahoma; font-size:10px; line-height:11px; height:12px; padding:3px; width:80px}
#availabilityForm label{margin-top:20px; font-weight:bold; color:#666; font-size:9px; font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif}
#availabilityForm #Submit, #availabilityForm #date, #availabilityForm select{margin-top:10px}
#availabilityForm img.ui-datepicker-trigger{padding:0 3px 0 5px; cursor:pointer}
/***search results***/
.search_results_heading, div.css-panes div.search_results_heading, 
#ucDiscoveryBodySection_ucSearchResults_pnlRatesMessage, div.css-panes div#ucDiscoveryBodySection_ucSearchResults_pnlRatesMessage, 
.alternativeResults, div.css-panes div.alternativeResults, .noresultsBookBtn, div.css-panes div.noresultsBookBtn{display:none}
.expand, div.css-panes div.expand{cursor:pointer; padding:0 0 0 25px; background:url(../adminimages/icons/calendar.gif) no-repeat 5px center; margin:3px 0 0 0; font-size:14px}
.expand:hover{text-decoration:underline}
.warnNoResults, div.css-panes div.warnNoResults{padding-left:25px; margin:0 0 10px 0; color:#fff; background:#B580FF url(../adminimages/icons/warning.png) no-repeat 5px center}
#ucDiscoveryBodySection_ucSearchResults_btnBuy{display:block; width:100%; height:100%}

/*** search form ***/
#formSearchBox{background-color:#EEE}
#formSearchBox th{color:#0D5E8B; font-size:120%}
#commencingDayAccomm-element, #commencingMonthAccomm-element{float:left}
#formSearchBox #commencingMonthAccomm-element{margin-right:15px}
#formSearchBox img#datepickerimg{cursor:pointer}
#formSearchBox table{margin:auto}
#formSearchBox table tr.v3formhead{background-color:#0D5E8B; color:#fff}
p.info, p.error{color:#0D5E8B; margin-top:15px; text-indent:25px;     font-weight:bold; background:url('../adminimages/icons/exclamation.gif') no-repeat left top}
p.error{color:#f66}
#formSearchBox #concessionsAccomm-label, #formSearchBox #concessionsAccomm-element{display:none}

/***search results***/
.search_results_heading, 
#ucDiscoveryBodySection_ucSearchResults_pnlRatesMessage, 
.alternativeResults, .noresultsBookBtn{display:none}
.expand{cursor:pointer; padding:0 0 0 25px; background:url(../adminimages/icons/calendar.gif) no-repeat 5px center; margin:3px 0 0 0; font-size:14px}
.expand:hover{text-decoration:underline}

.warnNoResults{padding-left:25px; margin:0 0 10px 0; color:#fff; background:#B580FF url(../adminimages/icons/warning.png) no-repeat 5px center}
#ucDiscoveryBodySection_ucSearchResults_btnBuy{display:block; width:100%; height:100%}






/*************************** SITE CSS ***************************/



/* ======================================== Generic elements =================================================================  */

body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; }

h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal}
p{line-height:17px}
ul,ol { list-style: none; }
input, select, textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464}
a{color:#065480; text-decoration:none}
a:hover{color:#9cbf25; text-decoration:none}
a img{border:0}

.clear{ clear:both;}


#wrapper:after,#header:after,#middle:after, #footer:after, .middle-section:after, .content:after, .data:after, .section:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }


/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html .middle-section{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */
/* \*/ * html .section{height:1px} /* */


.colleft{float:left; width:auto }
.colright{float:right;width:auto}

.right{text-align:right}
.center{text-align:center}

.content{width:auto;}
.data{width:100%;}	

.floatright{float:right;}
.floatrightimage { float:right; margin-left:15px; width:250px;}
h1{font-size:26px; color:#333; font-weight:bold; padding:0px 0px 10px; letter-spacing:-1px}
h2{font-size:22px; font-weight:bold; padding:0 0 5px; background:url(/images/dot-line.gif) repeat-x left bottom}
h2, h2 a{ color:#333}
h2 span, h2 a span{ color:#9cbf25}

h3{font-size:18px; }
h4{font-size:16px; color:#065480; font-weight:bold }

h5{font-size:12px; font-weight:bold;}


/* ======================================== Wrapper =================================================================  */

#wrapper{ width:100%; height:auto; margin:0 auto;}


/* ======================================== Header ==========================================================  */

/* ---------------- Header Container-------------- */

#header-container{ width:100%;height:auto; background:url(/images/header-bg.gif) repeat-x left top }
#header{ width:980px; padding:0px; margin:0 auto;}

/* ---------------- Header Logo -------------- */

#header #logo{ float:left; width:301px;padding:0px;height:125px;}
#header #logo img{margin:5px 0px 0px}



/* ---------------- Top Links -------------- */

ul.top-links{  float:right; padding:11px 0 0 ;width:auto}
ul.top-links li{ float:left;padding:0 0 0 50px; width:auto}
ul.top-links li a{ display:block; float:left;width:auto; padding:0px; height:88px; font-size:0px; text-indent:-9999px }

ul.top-links li a.attraction{ width:93px;height:88px;  background:url(/images/m-attraction.gif) no-repeat left top;}
ul.top-links li a.attraction:hover{ background:url(/images/m-attraction-ov.gif) no-repeat left top;}

ul.top-links li a.wineries{ width:93px;height:88px;  background:url(/images/m-wineries.gif) no-repeat left top;}
ul.top-links li a.wineries:hover{ background:url(/images/m-wineries-ov.gif) no-repeat left top;}

ul.top-links li a.accommodation{ width:129px;height:88px;  background:url(/images/m-accommodation.gif) no-repeat left top;}
ul.top-links li a.accommodation:hover{background:url(/images/m-accommodation-ov.gif) no-repeat left top;}

ul.top-links li a.eatingout{ width:87px;height:90px;  background:url(/images/m-eatingout.gif) no-repeat left top;}

ul.top-links li a.eatingout:hover{ height:90px;  background:url(/images/m-eatingout-ov.gif) no-repeat left top;}
  


/* =================================== Middle Container Structure ====================================================  */

#middle-container{ width:100%; height:auto; padding:0px;
                   /*background:url(/images/middle-bg.gif) repeat-x left top*/
}
#middle{ width:980px; padding:7px 0 0; margin:0px auto;}

/* ----------------  slideshow -------------- */
	
#middle .slideshow{ width:966px;padding:7px; margin:0px; height:274px; background:#fff}
#middle .slideshow img{ display:block}


/* ----------------  middle-section -------------- */

.middle-section{ width:100%;margin-top:35px}


	#left-sidebar{ float:left;width:192px;padding:0px;}
	#main{ float:left;width:754px; padding:0px 15px;}
	#right-sidebar{ float:left;width:192px;padding:0px}


/* =================================== left-sidebar ====================================================  */

/* ----------------  navBox -------------- */

.navBox{ width:192px; background:url(/images/nav-bot.gif) no-repeat left bottom; padding:0 0 6px}
.navBox .ntop{ background:url(/images/nav-top.gif) no-repeat left top; height:6px; font-size:0px }
.navBox .content{border-left:1px solid #dfdcdc;border-right:1px solid #dfdcdc; width:190px}


.nav-links { width:100%}
.nav-links li{ width:100%; float:left;padding:0; background:url(/images/nav-bg.gif) repeat-x left bottom }
.nav-links li a{float:left; width:auto; display:block; font-size:12px; font-weight:bold;background:url(/images/bullet-gray.gif) no-repeat 8px 8px; padding:7px 0px 7px 26px; }

.nav-links li a:hover{background:url(/images/bullet-blue.gif) no-repeat 8px 8px;}


/* =========================================  Middle  ================================================================  */

/* ----------------  featuredBox -------------- */

.featuredBox{}

.featuredBox a.featuredItem{background:url(/images/down.gif) no-repeat 100% 20px;display: block; padding:15px 0px 2px;position: relative;}
.featuredBox a.featuredItem:hover{ color:#333!important; background:url(/images/down.gif) no-repeat 100% 20px;}

.featuredBox a.featuredItemup{background:url(/images/up.gif) no-repeat 100% 20px;padding:15px 0px 2px;display: block;position: relative; }
.featuredBox a.featuredItemup:hover{ color:#333!important;background:url(/images/up.gif) no-repeat 100% 20px;}



/* ---------------- featuredList -------------- */

.featuredList{width:100%;padding:0px; margin:0px; }
.feature-data{width:auto;padding:15px 0px 10px; float:left; margin-bottom:0px; border-bottom:1px solid #e4e4e4 }

.feature-data .col1,.feature-data .col2,.feature-data .col3, .feature-data .doublecolumn{float:left; padding:0px 8px 0px 0px;width:auto }

#panes h4, #panes h3, #panes h2, #panes a {
    color: #84bd1b;
}
#panes a.moreinfo {
	color:#FFFFFF; !important
}
div.planner-tab {
	min-height:300px
}
/*col1+col2+col3:754px;*/
.feature-data .col1{width:135px;}
.feature-data .col2{width:450px}
.feature-data .col3{width:118px; }
.feature-data .col4{width:80px;float:right;}
.feature-data .col4 h4{font-size:12px;}
.feature-data .doublecolumn{width:568px;}

.feature-data .col1 img, .discovery_results_provider_info_image_cell img 
{padding:4px; border:1px solid #e2e2e2; background:#FFFFFF}
.feature-data .col2 h3, .feature-data .doublecolumn h3{color:#09C;font-size:18px; font-weight:normal; border:none; background:none; margin-bottom:5px; display:block;}
.feature-data .col1 .view img{border:0px; vertical-align:middle; background:none;}

.feature-data p{margin-bottom:8px;}
.feature-data span.price{font-size:27px; font-weight:bold; color:#0d5e8b;}

.feature-data .col3 strong{ padding-bottom:5px; display:block}

#planner-form a, .feature-data .moreinfo, .infowindow .moreinfo{background:url(/images/more-info.png) no-repeat 0 0; height:29px; color:#FFFFFF; font-weight:bold; line-height:30px; display:block; padding:0 0 0 10px}
#planner-form a:hover, .feature-data .moreinfo:hover,  .infowindow .moreinfo:hover{background:url(/images/more-info.png) no-repeat 0 -29px; color:#fff }
.infowindow .moreinfocontainer {width:100px;margin-left:30px; }



/* =================================== right-sidebar ====================================================  */

/* ----------------  blueBox -------------- */

.blueBox{ width:192px; background:url(/images/blueBox-bot.gif) no-repeat left bottom; padding:0 0 6px}
.blueBox .ntop{ background:url(/images/blueBox-top.gif) no-repeat left top; height:40px; font-size:20px; }
.blueBox .ntop h3{ color:#fff; font-weight:bold; line-height:33px; padding:3px 0 0 10px}
.blueBox .content{ background:#eaf1f5;border-left:1px solid #cadbe4;border-right:1px solid #cadbe4; width:190px; padding:10px 0px}

.blueBox h5.step{background:url(/images/stepBg.gif) no-repeat left top; color:#fff; font-weight:bold; padding:3px 0px 3px 18px}
.blueBox .boxText{padding:5px 8px 10px}

p.more{ position:relative; text-align:right; padding:0px; margin:10px 0 0 0px}
p.more a{background:url(/images/more-icon.gif) no-repeat scroll right; font-weight:bold; padding:0px 16px 0px 0px}
p.more a:hover{color:#9cbf25}


/* ---------------- login button -------------- */

.login-btn {cursor:pointer;padding-right:24px;line-height:25px;vertical-align:middle;display:block;display:inline-block;background:url(/images/button.gif) no-repeat right top; margin:5px 0 0 }
.login-btn span{height:25px;padding-left:12px;line-height:25px;font-size:12px;color:#fff;font-weight:bold;display:block; display:inline-block;background:url(/images/button.gif) no-repeat left top; }
.login-btn:hover{background-position:100% -25px;}
.login-btn:hover span {background-position:0 -25px; color:#fff}

/* ============ Login Page =================== */

.loginscreenshot {margin:25px;}
#loginformholder, #registerholder{float:left; width:260px;border-right: 1px solid #999; }
#registerholder {border:0;}
strong.registernow {
color:#222222;
display:block;
font-size:20px;
letter-spacing:-0.05em;
line-height:24px;
margin:10px 0 10px;
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}
#loginformholder dd, #registerholder dd {clear:both;margin:0;}
#loginformholder label,#registerholder label{font-size:16px;font-weight:bold;}
#loginformholder #username,#registerholder #customer_email, #loginformholder #password,#registerholder #password , #registerholder #customer_postcode, #registerholder #username{clear:both; height:28px;font-size:18px;float:left;padding-top:2px;width:250px}
#registerholder { padding-left:15px;float:left;}
#registerholder p {padding:;line-height:auto;}

/* ============ Login Tab ======================*/
#panes #loginform dl.zend_form,
#panes #registrationform dl.zend_form{float:left; width:200px;border-right: 1px solid #999; }
#panes #registrationform dl.zend_form {border:0;}
#panes #loginform dl.zend_form dd, 
#panes #registrationform dl.zend_form dd{clear:both;margin:0;}
#panes #loginform dl.zend_form label,
#panes #registrationform dl.zend_form label{font-size:14px;font-weight:bold;}
#panes #loginform dl.zend_form #username,
#panes #registrationform dl.zend_form #customer_email, 
#panes #loginform dl.zend_form #password,
#panes #registrationform dl.zend_form #password, 
#panes #registrationform dl.zend_form #customer_postcode, 
#panes #registrationform dl.zend_form #username{clear:both; height:18px;font-size:14px;float:left;padding-top:2px;width:180px}
#panes #registrationform dl.zend_form { padding-left:15px;float:left;}
#panes #registrationform dl.zend_form p {padding:;line-height:auto;}
#panes ul.errors {color: #f33;}
#panes ul.success {color: #1e8f2b;}

/* ==============================================  Footer   ===========================================================  */

#footer-container{	width:100%;	height:auto;padding:0px; margin:10px 0 0;background:url(/images/footer-bg.gif) repeat-x left top;}
#footer{ width:980px; padding:12px 0px 10px; margin:0 auto}
#footer .footer-left{ float:left;width:700px; padding:10px 0 0 0 }
#footer .footer-right{ float:right;width:200px;}

#footer ul li{display:inline; line-height:22px}
#footer ul li a{padding:0px 8px; font-weight:bold; }
#footer .copyright{ font-size:12px; color:#999;margin-top:10px; padding:0px 0px 8px;}
#footer .copyright a{  padding:0px 6px}


/* subpages */
#winerymap{width:300px; float:left}
.infowindow{width:244px; float:left; border:1px solid #999; padding:3px; margin:10px 0px 0px 10px; text-align:center}

.stars{    list-style-image:none;     list-style-position:outside;     list-style-type:none;     width:125px;     height:25px;     margin:0;     padding:0}
.stars li, ul.profile-details .stars li{    display:inline;     width:25px;     height:25px;     background-image:url('/images/icons/rating-star.gif');  background-position:0 -25px;  float:left;  padding-left:0;  margin:0}
.stars li.nostar{ background-position:0 0}
ul.profile-details .stars li{width:25px; height:25px}
/* =============== planner ===================== */
#planner ul{margin-left:10px}
#planner li{clear:both}
#planner li .plannerthumb{background-color:#2C3A4B; border:1px solid #65798F; float:left; height:40px; width:50px; margin-bottom:7px; overflow:hidden; text-align:center}
#planner li .plannerdetail{color:#888; float:right; font-size:12px; font-weight:normal; padding-top:2px; width:100px}
.weather{ padding:4px; margin-bottom:2px; width:185px; overflow:hidden}
.weather img{vertical-align:middle; float:left; margin-right:4px}
/* ============= Profile Page ===============  */
.profile-avatar{border:5px solid #E4E3D1}
.profile-addfriend{background:transparent url(../images/user_add.png) no-repeat scroll 0 2px; padding:3px 3px 3px 20px}
.profile-message{background:transparent url(../images/Mail_16x16.png) no-repeat scroll 0 2px; padding:3px 3px 3px 20px}
.profile-star{background:transparent url(../images/Star_16x16.png) no-repeat scroll 0 2px; padding:3px 3px 3px 20px}
dy #community-wrap div.profile-box{background:#FFF none repeat scroll 0 0; border:1px solid #ECEBEB; margin:0; padding:8px}
.profile-avatar{border:5px solid #E4E3D1; float:left}
div.profile-info{margin:0 0 0 190px}
div.profile-info .contentheading{border:medium none !important}
div.profile-name{color:#333; font-size:22px; font-weight:700; margin:0 0 10px}
div#profile-status{border-bottom:1px dotted #ECEBEB; color:#666; font-size:11px; width:100%}
#profile-status-edit{cursor:pointer; float:right; font-size:10px; text-align:right; width:50px}
ul.profile-details{margin:10px 0 0; padding:0}
ul.profile-details li{background:transparent none repeat scroll 0 0; display:inline; float:left; padding:0; width:58%}
ul.profile-details li.title{font-weight:700; width:38%}

/* ========================== Accommodation Page ============================ */
.facility{padding:5px; border:1px solid #999; background-color:#C2FAFE; float:left; margin:2px}
ul.facilitieslist li{border-right:1px solid #FFF; border-top:1px solid #FFF; float:left; font-size:1.1em; font-weight:bold; padding:6px 12px; background-color:#053247; color:#FFF}
ul.facilitieslist{list-style-type:none}
div.weather{padding:auto}

/* ================================ Planner ================================= */
#planner-items{ /*background-color:red; */ float:left;  width:540px}
#planner-items div.col2{ width:245px; !important}
#planner-map{ /*background-color:black; */ height:320px;  margin:0 0 50px 610px;  width:320px}
#planner-form fieldset{ background-color:#4c557a;   color:#8dd16b;  font-weight:bold}
#planner-form{ margin:auto;  width:300px}
#planner-form fieldset span{ background-color:#4c557a;  border:double 3px #ccc;  font-size:15px}
#planner-form legend{ font-weight:bold}
#planner-form label{ cursor:pointer}
#planner-form #result{ color:#4c557a}
.dragdropitem{ cursor:pointer;  color:#000}
#plannerDays li{border:1px solid black; min-height:50px}
.droppable a#removeDay{font-size:60%}
.dd_handle{cursor:move}

/* ======================= slideshow ======================= */
#ifocus{width:980px; float:left; height:270px; margin-bottom:40px}
#ifocus_pic{display:inline; position:relative; float:left; width:675px; height:270px; overflow:hidden}
#ifocus_piclist{position:absolute}
#ifocus_piclist li{width:675px; height:270px; overflow:hidden; display:none}
#ifocus_piclist img{width:675px; height:270px}
#ifocus_btn{display:inline; float:right; width:276px; margin:0}
#ifocus_btn li{width:276px; height:70px; cursor:pointer; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60)}
#ifocus_btn img{width:266px; height:68px; margin:0 0 0 11px}
#ifocus_btn .current{background:url(../images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100)}
#ifocus_opdiv{position:absolute; left:0; bottom:0; width:675px; height:45px; background:#FFF; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70)}
#ifocus a{color:#000}
#ifocus_tx{position:absolute; left:10px; bottom:12px; font-size:18px; font-weight:bold; color:#000}
#ifocus_tx .normal{display:none}
#ifocus_tx ul li{padding:10px 0 0 28px; background:url(../images/bullet.png) no-repeat 0 9px!important}
#ifocus_tx ul li img{margin-right:10px}
/* ===================== Search Box ==================== */
#formSearchBox select, #formRoamfree select{border:1px solid #C8C8C8; margin-bottom:8px; padding:5px 3px; width:60px}
#formSearchBox td, #formRoamfree td{text-align:center}
#formRoamfree #sDate-td dd{float:left}
#formSearchBox #commencingMonthAccomm{width:180px}
#formRoamfree #sDate{font-size:150%; color:#0D5E8B; text-align:center}
#loading{width:100px; height:100px; position:fixed; top:50%; left:50%; background:url(../images/ajax-loader.gif) no-repeat center transparent; text-align:center; padding:10px; font:normal 16px Tahoma,Geneva,sans-serif; margin-left:-50px; margin-top:-50px; z-index:2; overflow:auto; display:none}
.divloading{background:url(../images/ajax-div-loader.gif) no-repeat 15px center transparent; text-align:center; color:#47ACD9; font-size:12px; font-weight:bold}
.divloading strong{color:#F06000}
#v3Loading.divloading {height:51px; width: 350px; margin: auto;padding-top:18px;font-size:1.5em}
.discovery_provider_grid_next_button{display:inline-block; width:64px; height:30px; background:white url(../images/v3travel/btnNext.png) no-repeat scroll center}

/*** errors ***/
ul.errors li, ul.info li, ul.success li{    color:#C00;     background:url('../adminimages/icon_error.gif') no-repeat left top;     border:0px}
ul.info, ul.errors, ul.success{    display:block;     background:url('../adminimages/informationbar_right.gif') no-repeat right top;     height:30px;     overflow:hidden;     margin-top:5px;     margin-bottom:10px !important;     padding:0px !important;     font-size:12px !important;     font-weight:bold;     cursor:pointer;     border:0px;     font-style:italic}
ul.info li, ul.errors li, ul.success li{  display:block;   height:30px;   padding:6px 10px 0px 35px}
ul.info li{    color:#0D5E8B;     font-weight:bold;     background:url('../adminimages/icon_info.gif') no-repeat left top}
ul.success li{    color:#1e8f2b;     font-weight:bold;     background:url('../adminimages/icon_success.gif') no-repeat left top}

/* ================ Planner ================== */
/*.plannerwinerywines{padding:4px; border:#000 3px solid; background:#FFF}
*/
.droppable{min-height:80px}

/* navigation */
#nav{background:#fff url(/images/h300_reverse_tab.png); border-bottom:1px solid #CCC; height:104px; width:610px;                 margin-top:10px}

#nav ul{width:610px; margin:0 auto}

#nav li{border-right:1px solid #ddd; float:left; padding-left:1px; width:150px; list-style-type:none; text-align:center; margin-top:0px}

#nav a{color:#333; display:block; padding:6px; position:relative; word-spacing:-2px; font-size:11px; height:93px; text-decoration:none}

#nav a.current{background:url(/images/down_large.jpg)}

#nav img{background-color:#fff; border:1px solid #ccc; margin:3px 0 5px 43px; padding:4px; display:block}

#nav strong{display:block; font-size:13px}

/* panes */
#panes{background:#C5C4C4 url(/images/h300_reverse.png) repeat scroll 0 0; border-color:#ccc; border-style:solid; border-width:0px 1px 1px; width:730px; margin-bottom:-20px;  overflow:hidden; padding:5px 10px 20px 10px;/* must be relative so the individual panes can be absolutely positioned */position:relative}

#flight, .active, #calroot{-moz-border-radius:4px}
div.dd_handle h4{padding-top:15px}
div.dd_handle img{margin:10px 25px}
/*******************************************************************************
PLANNER DATE PICKER
*******************************************************************************/
#holiday{font-family:sans-serif; background:#333 url(/plugins/jqtools/img/gradient/h80.png); height:56px; padding:12px 0 12px 30px; color:#ddd; font-size:11px; width:520px; margin:0 auto; -moz-box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666}

#holiday label{float:left; width:215px; display:block; padding:6px; border:1px solid transparent; margin-right:30px}

#holiday .active{background-color:#fff; color:#333; border:1px solid #ccc; border-bottom:0}

.active input{color:#333; text-shadow:none}

/* date input */
.date{float:left; display:block; border:0; background-color:transparent; font-size:18px; color:#fff; text-shadow:0 0 1px #000; width:180px; cursor:pointer}

/* date input trigger element */
.caltrigger{display:block; width:30px; height:32px; float:left; background:url(/plugins/jqtools/icon.jpg) no-repeat 0 0; margin-top:-8px; -moz-border-radius:3px; -webkit-border-radius:3px}

.active .caltrigger{background-position:0 -32px}
/* calendar root element */
#calroot{font-family:sans-serif; background-color:#fff; border:1px solid #ccc; border-width:0 1px 1px; padding-top:10px; height:160px; width:227px; display:none; margin:0 0 0 -7px; z-index:90; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead{padding:2px 0; height:22px}

#caltitle{font-size:14px; color:#0150D1; float:left; text-align:center; width:160px; line-height:20px; text-shadow:0 1px 0 #ddd}

#calnext, #calprev{display:block; width:20px; height:20px; background:transparent url(/plugins/jqtools/prev.gif) no-repeat scroll center center; float:left; cursor:pointer; margin-left:9px}

#calnext{background-image:url(/plugins/jqtools/next.gif); float:right; margin-right:9px}

#calprev.caldisabled, #calnext.caldisabled{visibility:hidden}

/* year/month selector */
#caltitle select{font-size:10px}

/* names of the days */
#caldays{height:14px; border-bottom:1px solid #ddd}

#caldays span{display:block; float:left; width:32px; text-align:center; font-size:11px}

/* container for weeks */
#calweeks{background-color:#fff; margin-top:4px}

/* single week */
.calweek{clear:left; height:22px}

/* single day */
.calweek a{display:block; float:left; width:31px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666; -moz-border-radius:3px; -webkit-border-radius:3px}

/* different states */
.calweek a:hover, .calfocus{background-color:#ddd}

/* sunday */
a.calsun{color:red}

/* offmonth day */
a.caloff{color:#ccc}

a.caloff:hover{background-color:rgb(245,245,250)}

/* unselecteble day */
a.caldisabled{background-color:#efefef !important; color:#ccc!important; cursor:default}

/* current date */
#calcurrent{background-color:#498CE2; color:#fff}

/* today */
#caltoday{background-color:#999; color:#fff}

/*******************************************************************************
PAGINATION
*******************************************************************************/
.paginationControl{border:0;  padding:0; font-size:14px; text-align:center; margin:3px 0 0 0}
.paginationControl a{border:solid 1px #DEDEDE; margin-right:2px}
.paginationControl .previous-off, .paginationControl .next-off{color:#888; display:inline-block; font-weight:normal; padding:3px 4px}
.paginationControl .next a, .paginationControl .previous a{font-weight:bold; border:solid 1px #FFF}
.paginationControl .active{color:#000; font-weight:bold; display:inline-block; padding:4px 8px}
.paginationControl a:link, .paginationControl a:visited{display:inline-block; padding:3px 6px; text-decoration:none}
.paginationControl a:hover{text-decoration:none; border:1px solid #999}

.search_results_table td {vertical-align:middle; !important}

.mini-darkblue-button{background:#b46ade;font-size:9px;height:15px; display:block;width:45px;font-weight:bold; color:#FFF;  font-family:Verdana,Arial,Helvetica,sans-serif;  border-top:2px double #d8b6f5; border-left:2px double #d8b6f5;  border-bottom:2px double #b64bd1; border-right:2px double #8c16b3;  text-align:center; padding:1px}
.mini-darkblue-button:hover{color:#FC0}
.searchresProdName {float:left;margin-right:3px;margin-top: 3px;width:280px}
.mini-darkblue-button {float:left;margin: 5px 0;}
div.css-panes .searchresProdName {width:260px}
#panes a.mini-darkblue-button {color:#fff}
#panes a.mini-darkblue-button:hover {color:#FC0}

div.css-panes div#roamfree-holder, div.css-panes div#roamfree-holder div, div.css-panes div div{display:block; min-height:0px; padding:0; border:0}
div.css-panes #map{height:450px}
div.css-panes #objectmap{width:710px}

/*** form in book tab ***/
form#availabilityForm{margin-bottom:5px; border-bottom:1px solid #ccc; clear:both; height:40px; background:#fff;     -moz-border-radius:7px/7px;     -webkit-border-radius:7px 7px;     border-radius:7px/7px}
#availabilityForm dd, #availabilityForm dt{margin:0; padding:0; float:left}
#availabilityForm dt{padding:12px 3px 0 5px}
#availabilityForm #date{border:1px solid #ccc;color:#000; font-family:tahoma; font-size:10px; line-height:11px; height:12px; padding:3px; width:80px}
#availabilityForm label{margin-top:20px; font-weight:bold; color:#666; font-size:9px; font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif}
#availabilityForm #Submit, #availabilityForm #date, #availabilityForm select{margin-top:10px}
#availabilityForm img.ui-datepicker-trigger{padding:0 3px 0 5px; cursor:pointer}

/* ===================== Accommodation Tabs ================= */
#tabsouter{        background:#fff;         height:104px;         width:610px;                 margin-top:10px}
#panes.accommtabs {margin:0;padding:0;border:none}

#tabs ul{        width:610px;         margin:0 auto}

#tabs li{        border-right:1px solid #ddd;         float:left;         padding-left:1px;         width:120px;         list-style-type:none;         text-align:center;         margin-top:0px}

#tabs a{        color:#333;         display:block;         padding:6px;         position:relative;         word-spacing:-2px;         font-size:11px;         height:93px;         text-decoration:none;                 border:1px solid #CCC}

#tabs a.current{        background:url(/images/down_large.jpg);                 border-bottom:none;                 height:99px}

#tabs img{        background-color:#fff;         border:1px solid #ccc;         margin:3px 0 5px 25px;         padding:4px;         display:block}

#tabs strong{        display:block;         font-size:13px}
#panes{        background:#C5C4C4 url(/images/h300_reverse.png) repeat scroll 0 0;  border:1px solid #ccc;  width:740px;  clear:both; top:-5px;   overflow:hidden; position:relative}
.sidebar_input{    width:180px;     height:29px;     border:0;     font-size:1.2em;     color:#636B75;     padding:3px 24px 0 12px;     margin-bottom:15px;     background:url("../images/sidebar-input.gif") left top no-repeat}
#subscriberForm .sidebar_input.invalidValue{background-image:url("../images/sidebar-input-invalid.gif") !important}

#availabilityForm #concessions1-label, #availabilityForm #concessions1-element{display:none}

/*** wines ***/
#availablewines{}
.wineInfo {display:block;float:left;width:230px;margin-bottom:15px;text-align:center}
.wineInfo h3 {color:#065480;font-size:1.2em;text-align:center;height:32px;overflow:hidden}
.wineInfo strong {color:#9CBF25;}