/*  ===================== layout ================= */

/* simple browser reset */

* {
    margin:0;
    padding:0;
    border:0;
}

html, body 
{
    height:100%;
}

BODY 	
{
    background: #333 none no-repeat fixed 50% 100%;
    font-size: 12px;
    font-family: arial, verdana, sans-serif;
}

/* center the main pagewrap */
#pagewrap
{
    background: transparent url(images/background.gif) repeat-y;
    margin: 0 auto;
	width: 960px;
	min-height: 100%;
	height: auto;
	overflow: hidden;
}


#banner
{
    background-image:url(../site/Look_Flash/images/banner.jpg);	
	background-repeat:no-repeat;
	height:160px;
	width: 100%;
}


#topbar
{
    clear:both;
    height:20px;
    padding-top:5px;
    color: black;
    background-color: Gray;
    background-image:url(images/background-menu-horz.gif);
	background-repeat:repeat;
    font: 10px verdana, arial, sans-serif;
}

#topbar #date, #currentAgentName, #currentBookingName
{
    display: inline;
    float:left;
}

#logout
{
    display:block;
    float:right;
    padding-right:20px;
}

#main, #menu
{
     min-height:600px;
     height: 100% !important;
     height:600px;
}

#menu
{
    float:left;
    width: 140px;
    padding-top:10px;
}

.menulinks
{
    display:block;
}

#images
{
    float:left;
    margin: 10px 20px 0 0;
}

#images img
{
    display: block;
    margin-bottom: 10px;
}

#content
{
    padding-top:10px;
    float: left;
    width: 680px;
}

#backtotop img
{
    display:block;
}

#backtotop
{
    position:fixed !important; /*for IE6 position-fixed hack */
    position:absolute; /* IE6 position-fixed hack */
    bottom:20px;
}

#footer
{
    clear:both;
}

#footer .footertext {border:none;width:100%;}
#footer .copytext {padding:8px 15px 0 15px;display:block;}
#footer td.right {text-align:right;}

/* -----------  option info and booking transactions layout ------------ */

#optioninfo, #optioninforesults, #supplierinfo, #bookingtransactions
{
    background-color: white;
}

 #supplierinfo #pagewrap, #bookingtransactions #pagewrap
{
    width:auto; 
    background-image: none;
    height:auto !important;
}

#optioninfo #pagewrap, #optioninforesults #pagewrap
{
    width:auto; 
    display:inline-block; 
    min-width:100%;
    background-image: none;
    height:auto !important;
}

#optioninfo #logo, #optioninfo #banner, #optioninfo #topbar, #optioninfo #menu, #optioninfo #menu,
#optioninforesults #logo, #optioninforesults #banner, #optioninforesults #topbar, #optioninforesults #menu, #optioninforesults #menu,
#bookingtransactions #logo, #bookingtransactions #banner, #bookingtransactions #topbar, #bookingtransactions #menu, #bookingtransactions #menu,
#supplierinfo #logo, #supplierinfo #banner, #supplierinfo #topbar, #supplierinfo #menu, #supplierinfo #menu
{
    display:none;
}

#optioninfo a#rates, #optioninfo a#product, #optioninfo a#gallery,
#optioninforesults a#rates, #optioninforesults a#product, #optioninforesults a#gallery
{
    position:absolute;
    top:0;
    left:0;
    display:none;
}


/* ----------- blockUI message ----------- */

div.blockMsg
{
    padding: 0;
    margin: 0;
    width: 30%;
    top: 40%;
    left: 35%;
    text-align: center;
    color: #000;
    border: 3px solid #aaa;
    background-color: #fff;
    cursor: wait;
} 

.blockMessageImage 
{
	background:url(images/loading.gif);
	height: 66px;
	width: 66px;
	margin: 0px auto 2px auto; 
}

/* -----------  the rest of the styles ------------ */

td.right {text-align:right;}
.nowrap {white-space: nowrap;}
B 
{
	color:#777777;
}	
ol, ul {margin:0 0 20px 40px;}	
		
a:link		{ color: #003399; text-decoration: none }

a:visited	{ color: #003399; text-decoration: none }

a:active	{ color: #6666FF; text-decoration: none }

a:hover		{ color: #66CCFF; text-decoration: none }

input, select
{
    border: solid 1px gray;
    height:18px;
}
input[type="text"],input[type="password"]
{
    width:180px;
}
 /* THE NEXT LINE CONTROLS THE DEFAULT FONT SIZE */

TABLE		{ COLOR: #000000; FONT: 12px arial, verdana, sans-serif; font-weight: normal }

TD	    	{ COLOR: #000000; FONT: 12px arial, verdana, sans-serif; font-weight: normal; vertical-align:top; }

.title 		{ COLOR: #7D8FB1; FONT: 16px arial, sans-serif; font-weight: bold }

.subtitle 	{ COLOR: #7D8FB1; FONT: 12px arial, sans-serif; font-weight: bold; margin: 10px 0 5px 0; }

.heading	{ COLOR: #7D8FB1; FONT: 20px arial, sans-serif; font-weight: bold }

.subheading	{ COLOR: #7D8FB1; FONT: 18px arial, sans-serif;  }

.phonetitle 	{ color: #000099; font: 13px arial, verdana, sans-serif; font-weight: bold }

.copytext 	{ COLOR: #666666; FONT: 10px arial, verdana, sans-serif; font-weight: bold }

.quotechoice 	{ COLOR: #000099; FONT: 14px arial, verdana, sans-serif; font-weight: normal }

.optionalRate  
{
	text-decoration: line-through; 
	color: red;
}

tr.menu-section td
{
    height:35px;
    padding-top:5px;
}

#menu-sidebar
{
    width:150px;
}

.menulinks	
{ 
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
	padding-left: 8px;
	height: 25px; 
}

.menulinks.subItem
{
	padding-left:25px;
}

.menu-separator
{
    padding: 0;
    height: 2px;
}

.iButton
{
	background-image: url(images/button.gif);
	FONT-FAMILY: arial, verdana, helvetica, sans;
	color: #000066;
	height: 20px;
	cursor:hand;
	width: 100px;

	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
    text-align: center;
	padding: 0px 2px 0px 2px;

	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
}

.info .iButton
{
    width: 40px;
}

.disabled, a.disabled, .menulinks.disabled, .iButton.disabled, *[disabled]
{
    color: gray;
}

A.ButtonAnchor, A.ButtonAnchor:link, A.ButtonAnchor:visited, A.ButtonAnchor:active, A.ButtonAnchor:hover
{ 
    display:block;
    min-width: 100px;
    
	text-decoration:none;
	text-align:center;
	height:15px; 
	margin-top:1px;
	margin-bottom:1px;
	margin-right:5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 0px 2px 0px 2px;
	font-size: 10px;
}

a.ButtonAnchor .back
{
	float:left;
}
a.ButtonAnchor .next
{
	float:right;
}

A.ButtonAnchor, A.ButtonAnchor:link, A.ButtonAnchor:visited, A.ButtonAnchor:active, A.ButtonAnchor:hover
{
	background-color: #447B99;
	color:#dddddd;  
}

A.ButtonAnchor:hover
{
	background-color: #0000aa;
	color:#eeeeee;
}

.titleblock .heading	
{ 
    FONT-SIZE: 16px;
}

.titleblock .subheading	
{ 
    FONT-SIZE: 12px;
    font-weight:bold;
}

SELECT 
{
	COLOR: #333333;
	FONT: 11px verdana, geneva, arial, sans-serif;
}

IMG 
{
	border-width:0px;    
}


IMG.supplierThumbNail
{
    width: 130px;
    height: 130px;
    border-color: #7D8FB1;
    BORDER: #447B99 1px solid;
}

#searchResults, #tariffResults
{
    clear:both;
}

.resultList.right {text-align:right;}
table.resultList {margin:0 0 15px 0;width:100%;}
th.resultList {padding: 5px 4px;background-color: #666666;color: White;text-align:left;}
th.w10 {width:10%;}
th.w15 {width:15%;}
th.W40 {width:40%;}
TR.resultList
{
    BORDER-BOTTOM: #447B99 1px solid;
    PADDING-RIGHT: 2pt;
    PADDING-LEFT: 2pt;
    PADDING-TOP: 2pt;
    background-color: White;
    color: Black;
    border-bottom: 1px solid #CCCCCC;
    padding: 3px;
}

TD.resultList
{
    PADDING-RIGHT: 4pt;
    PADDING-LEFT: 4pt;
    PADDING-BOTTOM: 4pt;
    PADDING-TOP: 4pt;
    vertical-align: top;
}
.nameField
{
    width:10px;
    padding-top:10px;
    white-space: nowrap;
}
.resultList.description
{
	width: 255px;
    text-align:left;
}

.resultList.moreinfolink
{
    width:96px;
    text-align: left;
}

.resultList.rate
{
    width:90px;
    text-align:left;
}

.resultList.availability
{
    width:70px;
    text-align:left;
}

.resultList.action
{
    width:70px;
    text-align:left;
}
.resultList.action a.ButtonAnchor
{
    min-width: 50px;
    width:auto;
}

TR.serviceRow
{
    PADDING-RIGHT: 2pt;
    PADDING-LEFT: 2pt;
    PADDING-TOP: 2pt;
    background-color: White;
    color: Black;
}


TR.NewServiceRow
{
    PADDING-RIGHT: 2pt;
    PADDING-LEFT: 2pt;
    PADDING-TOP: 2pt;
    background-color: #ffeeee;
    color: Black;
}

td.subheading
{
     vertical-align:bottom;
}

td.supplierDetail
{
    vertical-align: bottom;
    text-align: right;
}

.turnedOff
{
    display:none;
}

.error_text 
{
	vertical-align:top;
	line-height:50px;

    font-size: 8pt;
	font-weight : bold;	

	color : red;
}

.bold_text
{
	font-weight:bold;
}


.tableborder {border: #666666 1px solid;background-color:#EEEEEE;padding:5px;width:100%;}
.tableborder td {padding:3px;}

.box
{
padding:3px;
    border: #447B99 1px solid;
    background-color:#EEEEEE;
}
.box td {padding:1px 3px 3px;}


#searchType label
{
    display:inline;
}

.roomheader 
{
	font-size:10px;
}

.big_error_text 
{
	font-size : 18pt;
	color : Red;
	font-weight : bold;
}

.fyistyle
{
	background-color:#ffffd0;
	border: 1px solid black;	
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

.FlashImageWidth
{
	width:120px;
}


.PageWidth
{
	width:680px;
}


#toggleSearchPanel, #toggleSearchPanel a
{
    text-align:right;
    font-size:10px;
    text-decoration:none;
}

#currentAgentName, #currentBookingName
{
    text-align:right;
    padding-left:50px;
}

#loginPanel
{
    margin: 10px;
}

#loginPanel td
{
    padding: 3px;
}


/* ---------- TARIFF PAGE -------------- */

/* Obscured tariff */

.xslgray
{
	margin: 5px 5px 60px 5px;
	border-collapse: collapse;	
	background-color: #f7f5f5;
	color: #aaa;
	font-style: italic;
	font-size: 0.9em;
}

.xslgray tr
{

	font-style: italic;
}

.xslgray a
{
	color: #999;
	font-weight: bold;
}

/* Main Tariff table */

table.xsl
{
/*    border: medium groove #C0C0C0; */
    margin: 15px 0px 10px 0px;
    border-collapse: collapse;
    font-size: 12px;
    width:100%;
}

/* headings */

.xsl th
{
	height:35px;
}

.tariffHeader
{
	min-width: 50px;
	background-color: #7D8FB1;
	color: White;  
	margin-top:12px;
	padding-top:3px;
	text-align: center;
    font-size:11px;
    height:20px;
}

.xsl th .name, .xsl th .name .tariffHeader
{
    width: 200px;
}

.xsl th.blank
{
    min-width: 10px;
}

.xsl td
{
    border: 1px solid #eee;
    font-size: 1.1em;
    padding: 0 4px 0 4px;
}

/* info section */

.supplier, .description, .comment, .class
{
    text-align: left;
}

.supplier
{
  	font-weight: bold;  
}

.optcode
{
    text-align: left;
    font-size: small;
}

/* rateset section */

.xsl td.name, .ratename
{
    text-align: left;
}

.minscu, .staypay, .currency,
.single, .twin, .double, .triple, .quad, .extraadult, .extrachild,
.adult, .child, .infant, 
.childbreak1,  .childbreak2, .childbreak3, .childbreak4, .childbreak5, .infantbreak1, .infantbreak2, .infantbreak3, .infantbreak4, .infantbreak5,    
.paxbreak1, .paxbreak2, .paxbreak3, .paxbreak4, .paxbreak5, .paxbreak6, .paxbreak7, .paxbreak8, .paxbreak9, .paxbreak10, .paxbreak11, .paxbreak12,
.extras_adult1, .extras_adult2,.extras_adult3,.extras_adult4,.extras_adult5,
.extras_child1, .extras_child2,.extras_child3,.extras_child4,.extras_child5,
.extras_infant1, .extras_infant2,.extras_infant3,.extras_infant4,.extras_infant5,
.adultages, .childages, .infantages, .sellbefore, .chargedextras, .focextras
{
    text-align: center;
}

.NA
{
	color: #aaa;
	text-align: center;
}

/* extra nights */

.xsl tr.extranightrate td
{
    font-style: italic;
}

.unknown td
{
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    font-style: italic;
    color: #FF0000;
}

/* Search  */

/* searchActions */

#searchActionsTop, #searchActions
{
    margin: 10px 0 0 0;
}

#tariffbutton, #expandAll, #selectAll
{
    display:block;
    float:left;
    height:18px;
    margin: 0 5px 0 0;
}

#expandAll span , #selectAll span
{
    padding: 2px 2px 2px 0;
}

#searchbutton
{
    display:block;
    float:right;
}

#expandAllLabel
{
	color: #777;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 20px;
}

#selectAllLabel
{
	color: #333;
	font-weight: bold;
	font-style: italic;
}

#searchbutton
{
    display: inline-block;
    text-align: right;
}

#tariffsearch .grouping
{
    margin-top: 12px;
    padding-left: 12px; 
}

#tariffsearch .grouping .option
{
    padding-left: 30px; 
    	border-bottom: 1px solid #CCCCCC;
}

#tariffsearch .groupinfo span, #tariffsearch .detail span
{
    margin-left: 7px;
    font-size: 12px;
}


#tariffsearch .supplier
{
	color: #333;
	font-weight: bold;
}

#tariffsearch .description
{
	color: #005985;
}

#tariffsearch .group
{
    border-bottom: 1px solid #CCCCCC;
    padding: 3px;
}

#tariffsearch .comment
{
	font-size: 10px;
	color: #005985;
}

.expander, .expander img, .expander img, .checkbox, .checked img, .unchecked img
{
	height: 14px;
}

.expanded .expand, .collapsed .collapse 
{
    display:none;
}

.expanded .collapse, .collapsed .expand 
{
    display:inherit;
}

.checked .check, .unchecked .uncheck 
{
    display:inherit;
}

.checked .uncheck, .unchecked .check 
{
    display:none;
}

#tariffActionsTop, #tariffActions
{
    margin: 10px 0;
}

#printButtonTop, #printButton
{
    margin: 0 5px 0 0;
    float:left;
}
#tariffActionsTop button, #tariffActions button
{
    float:left;
}

button#searchAgainButtonTop, button#searchAgainButton
{
    float:right;
}


/* ---------- Product Search PAGE -------------- */

#productsearch .searchConsole
{
	margin-bottom: 0px;
}

#productsearch  .searchConsolePanel
{
	margin-bottom: 0px;
}

#productsearch .grouping, #productsearchresults .grouping
{
    margin-top: 12px;
    padding-left: 12px; 

}

#productsearch .grouping .option, #productsearchresults .grouping .option
{
    padding-left: 30px; 
	border-bottom: 1px solid #CCCCCC;
    padding: 3px;
}

#productsearch .groupinfo span, #productsearch .detail span, #productsearchresults .groupinfo span, #productsearchresults .detail span
{
    margin-left: 7px;
    font-size: 12px;
}

#productsearch .group
{
    border-bottom: 1px solid #CCCCCC;
    padding: 3px;
}

#productsearch .supplier, #productsearchresults .supplier
{
	color: #333;
	font-weight: bold;
}

#productsearch .description, #productsearchresults .description
{
	color: #005985;
}

#productsearch .comment, #productsearchresults .comment
{
	font-size: 10px;
	color: #005985;
}

/* ---------- Availability Search PAGE -------------- */

#availabilitysearch .grouping, #availabilitysearchresults .grouping
{
    margin-top: 12px;
    padding-left: 12px; 
}

#availabilitysearch .grouping .option, #availabilitysearchresults .grouping .option
{
    padding-left: 30px; 
}

#availabilitysearch .groupinfo span, #availabilitysearch .detail span, #availabilitysearchresults .groupinfo span, #availabilitysearchresults .detail span
{
    margin-left: 7px;
    font-size: 12px;
}


#availabilitysearch .supplier, #availabilitysearchresults .supplier
{
	color: #333;
	font-weight: bold;
}

#availabilitysearch .description, #availabilitysearchresults .description
{
	color: #005985;
}

#availabilitysearch .comment, #availabilitysearchresults .comment
{
	font-size: 10px;
	color: #005985;
}

#availGrid 
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	border-spacing: 0;
}

.availOpt
{
    width:17px;
    height:17px;    
}

#availGrid tr
{
	padding: 0px;
	margin: 0px;
}

#availGrid tr td
{
	margin: 0px;
	padding: 5px 2px;
	border-top: 1px solid #ccc;
}

#availGrid .availablity, #availGrid .label
{
	font-size: 10px;
}

#availGrid .label
{
	width: 185px;
	padding: 2px;
}

#availGrid .availablity
{
	width: 15px;
	text-align: center;
	border-left: 1px solid #ccc;
}


.navigation
{
	width: 100%;
	overflow: hidden;
}

.back
{
	float: left;
	width: 50%;
	text-align: right;
}

.next
{
	float: right;
	width: 50%;
	text-align: right;
}

.previous
{
	float: left;
	width: 50%;
}


#availGrid .month
{
	text-align: right;
	border: none;
}

#availGrid .availablity a, #availGrid
{
	color:	#333;
	text-decoration: none;
}

#availGrid .availablity a:hover
{
	text-decoration: underline;
}

#availGrid .RQ
{
	background-color: #fdc689;
}

#availGrid  .OK, #availGrid  .FS
{
	background-color: #c4df9b;
}

#availGrid .NO
{
	background-color: #fbc6c8;
}

#availGrid .highlight
{
	background-color: #eee;
	border: 1px solid #ccc;
}

#availGrid .highlight .RQ
{
	background-color: #fea340;
}

#availGrid .highlight .OK, #availGrid .highlight .FS
{
	background-color: #45d058;
}

#availGrid .highlight .NO
{
	background-color: #f68d91;
}

#availabilitysearch .expander img, #availabilitysearchresults .expander img, #productsearch .expander img, #productsearchresults .expander img
{
	position: relative; top: 4px; left: 3px;
}





/************************  SearchParams **********************/

/*
#ucSearchConsoleHeader
{
    position:relative;
    top:0;
    left:0;
    background-color: #eeeeee;
    border: 1px solid #666666;
    margin: 0 0 10px 0;
}
*/

#ucSearch
{
    position:relative;
    top:0;
    left:0;
    border: 1px solid gray;
    font-size: 12px;
    margin: 0 0 10px 0;
}

/* Groupings */
#ucSearch p
{
    font-weight: bold;
    COLOR: #7D8FB1;
}

#ucSearch_serviceGroupSection, #ucSearch_locationGroupSection
{
    width: 290px;
    padding: 10px;
    text-align:left;
}

#ucSearch_serviceGroupSection
{
    border-right: 1px solid gray;
}

#ucSearch_locationGroupSection
{
    position:absolute;
    top:0;
    left:311px;
}

#ucSearch_filterGroupSection,#ucSearch_medialibraryGroupSection
{
    position:relative;
    top:0;
    left:0;
    border-top: 1px solid gray;
    padding: 10px;
}

#ucSearch_serviceGroupSection select, #ucSearch_locationGroupSection select
{
    width:142px;
}

/* margins between sections */ 
#ucSearch_serviceGroupSection div, #ucSearch_locationGroupSection div, #ucSearch_filterGroupSection div, #ucSearch_medialibraryGroupSection div
{
    margin: 5px 0 5px 0;
}

/* dates */

#ucSearch_fromDateSection , #ucSearch_toDateSection
{
    position:relative;
    top:0;
    left:0;
}

#ucSearch_fromDate_calendar, #ucSearch_toDate_calendar
{
	position: absolute;
	z-index:1000000;
}

#ucSearch_fromDateSection select, #ucSearch_toDateSection select, #ucSearch_fromDateSection IMG, #ucSearch_toDateSection IMG
{
    vertical-align: middle;
    height: 18px;
    margin-right: 5px;
}

#ucSearch_fromDateSection select, #ucSearch_toDateSection select
{
    width: 45px;
}

select#ucSearch_fromDate_year, select#ucSearch_toDate_year
{
    width: 55px;
}

/*#ucSearch_toDateSection, #ucSearch_scuSection
{
    position:absolute;
    top:10px;
    left:323px;
}*/


/* other filters */

#ucSearch_mapToggleIcon
{
    vertical-align: middle;
    width:18px;
}

#ucSearch_roomSection span
{
    display:inline-block;
    margin-right:10px;
}

#ucSearch_roomSection select
{
    width:40px;
}

#ucSearch_roomSection div label, #ucSearch_roomSection span label
{
    position:static;
    display:block;
    width:40px;
}

#ucSearch label
{
    display: inline-block;
    width:80px;
    font-size: 12px;
    text-align: left;
    vertical-align:middle;
}

#ucSearch select, #ucSearch input
{
    height: 18px;
}

#ucSearch_sortSection span
{
    display: inline-block;
    width: 142px;
}

#ucSearch_medialibrarySection span
{
    display: inline-block;
    width: 290px;
}

#ucSearch_minAvailabilitySection label
{
    width: 70px;
}

label#ucSearch_minAvailabilitySectionLabel
{
    width: 120px;
}
#ucSearch_minAvailabilitySection input
{
    border:none;
    vertical-align:bottom;
}


#ucSearch_searchAllSection
{
    padding-left: 82px;
    height:20px;
    position:relative;
    top:0;
    left:0;
}

#ucSearch_searchAllSection label
{
    width:auto;
    position:absolute;
    top:3px;
    left: 100px;
}
/*-------------------------------------Media Library----------------------------------------*/
#medialibrary .parent, #mediaContent .parent
{
	background-color: #FFFFFF;
	color: #003399;
	margin-top: 20px;

}

#medialibrary .parent td
{
	padding: 3px 0;
	margin: 0 0 0 0;
	color: #003399;
	font-weight: bold;
}

table#medialibrarytable
{
	width: 100%;
	/*border-collapse: collapse;*/
	border-spacing: 0 3px;
}

table#medialibrarytable td
{
	margin: 0;
    color : #005985;
}

table#medialibrarytable .initialized td
{

	border-bottom: 1px solid #CCCCCC;
    padding: 3px;
}

.galleryLink, .galleryLink a
{
	color: #003399;
	text-align: right;
	padding-right: 5px;
}
/* ------------------------ MORE INFO PAGE ---------------------------- */

#optioninfo, #optioninforesults, #bookingtransactions
{
    background-image: none;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

#bookingTransactionsDiv
{    
    padding:20px;
}

.dataTables_wrapper
{
    padding-top:20px;
}

#optioninfo .banner_logo, #optioninforesults .banner_logo, #supplierinfo .banner_logo
{
    margin-bottom:3px;
    padding-bottom:3px;
}

#supplierContent, .option
{ 
    width: 100% - 40px;
    overflow:hidden;
}

#supplierContent .mainblock
{
    float:left;
    width:50%;
    background-color:Transparent;
    margin: 3px;
    padding: 0px;
}

#supplierContent .sideblock
{
    float:right;
    width:40%;
    background-image: none;
    margin: 3px;
    padding: 0px;
}

#productContent .mainblock
{
    float:left;
    width:310px;
    background-color:Transparent;
    margin: 3px;
    padding: 0px;
}

#productContent .sideblock
{
    float:right;
    width:40%;
    background-color: #eee;
    background-image: none;
    margin: 3px;
    padding: 0px;
}

#supplierContent .halfblock
{
    float:left;
    width:44%;
    margin: 3px;
}
.clear
{
	clear: both;
}

.separator
{
	border-bottom: 1px solid #cccccc;	
	margin-bottom: 10px;
	margin-top: 5px;
}

.spacer
{
	margin-bottom: 10px;
}

.alignright
{
	text-align: right;
}

.bold
{
	font-weight: bold;
}

#productContent .title
{
	margin-bottom: 0px;
	font-size: 1.3em;
	color: #7D8FB1;
	font-weight: bold;
	padding-left:10px;
	padding-top:3px;
}

#productContent .info, #supplierContent .info
{
	margin-top: 0px;
	margin-bottom: 12px;
	padding-left:10px;
	padding-bottom:3px;
    font-size: 1em;
	color: #888;
}

#supplierContent .notes .note
{
    padding: 0px 0px 10px 0px;
}

#productContent .notes .note
{
    padding: 3px 3px 3px 3px;
    border-bottom: 1px dotted #888;
}

#productContent .notes table, #supplierContent .notes table
{
    width:auto;
}

#productContent .logos, #supplierContent .logos
{
}

#productContent .logos img, #supplierContent .logos img
{
    max-width:100%;
    max-height:100%;
}

#productContent .amenities
{
    background-color: #eee;
    padding-left:3px;
    padding-top:3px;
	border-bottom: 1px dotted #888;	
}

#supplierContent .amenities ul, #supplierContent .amenities ul
{
    background-color: #eee;
    padding-left:10px;
    padding-top: 10px;
	font-weight: normal;
	margin:0 0 10px 10px;
}

#supplierContent .amenities, #supplierContent .amenities
{
    background-color: #eee;
	padding-bottom: 10px;
}

#supplierContent li.amenity
{
    background-color: #eee;
    display: list-item;
    list-style-image: url("theme/images/amenity.png");
    list-style-position: inside;
}

#productContent .amenity
{
    display: list-item;
    list-style-image: url("theme/images/amenity.png");
    list-style-position: inside;
    font-size: 12px;
    font-weight: normal;
    padding-left:20px;
    margin: 0 0 10px 10px;
}

#productContentEnd, #supplierContentEnd
{
    clear:both;
}

#supplierContent .label
{
    color: #7D8FB1;
	font-size: 14px;
	font-weight: bold;
}

#productContent .label
{
	color: #7D8FB1;
	font-size: 14px;
	font-weight: bold;
}

#productContent #errorText
{
    font-size: 16px;
}

#optioninfo #close, #optioninforesults #close, #supplierinfo #close
{
    text-align: center;
    margin-left:45%;
    padding-bottom:10px;
}

#optioninfo .banner_logo, #optioninfo .banner_logo_repeat,
#optioninforesults .banner_logo, #optioninforesults .banner_logo_repeat
{
    display:none;
}

#supplierContent .amenities ul, #supplierContent .amenities ul
{
    	padding-left:10px;
    	padding-top: 0px;
    	padding-bottom: 0px;
	    font-weight: normal;
}

#productContent .productContentText
{
    color: #7D8FB1;
    font: 18px arial,sans-serif;
}

#ucRateDate, #ucTravelDate, #ucServiceDate, #dateFrom, #dateTo
{
    height: 22px;
    position:relative;
    top:0;
    left:0;
}

#ucRateDate_calendar, #ucTravelDate_calendar, #ucServiceDate_calendar,  #dateFrom_calendar, #dateTo_calendar
{
	position: absolute;
	z-index:1000000;
}

#ucRateDate select, #ucTravelDate select, #ucServiceDate select, #dateFrom select, #dateTo select,
#ucRateDate img, #ucTravelDate img, #ucServiceDate img, #dateFrom img, #dateTo img
{
    vertical-align: middle;
    height: 18px;
    margin-right: 5px;
}

#ucRateDate select, #ucTravelDate select, #ucServiceDate select, #dateFrom select, #dateTo select
{
    width: 45px;
}

select#ucRateDate_year, select#ucTravelDate_year, select#ucServiceDate_year, select#dateFrom_year, select#dateTo_year
{
    width: 55px;
}

/*  GALLERY */

.productContentList
{
	text-align: left;
	width:100%;
}


.gallery_left
{
	float:left;
	width: 400px;
	padding-left:20px;
}

.gallery_thumbnails
{
	float: right;
	width: 200px;
}

.gallery
{
	padding:3px;
	width: 400px;
}

.img_gallery
{
	border: solid 1px #888;
	width: 200px;
}

.gallery_thumbnail
{
	padding:3px;
	border: solid 1px #000000;
	width: 150px;
	text-align: center;
	vertical-align: middle;
}

.resize {
	width: 300px;
	height : auto;
}

.resize_thumbnail {
	width: auto;
	height : 50px;
}

/*   OptionInfo   TABS         */
             
#tabNavigation 
{
	font-weight: bold;
	line-height: 33px;
	vertical-align:middle;
	text-align: LEFT;
    margin-left:10px;
    zoom:1;
}

#tabNavigation ul 
{
    list-style: none;
    list-style-position:inside;
}

#tabNavigation li
{
    display: inline;
}

#tabNavigation a
{
    background-color: #999;
    color: #333;
	cursor: pointer;
    padding: 3px 5px;
    text-decoration: none;
}

#tabNavigation a.selected, #tabNavigation a:hover 
{
    background-color: #333;
    color: white;
    padding-top: 7px;
}

#tabNavigation a:focus 
{
    outline: 0;
}

.tab_content 
{
	border: 1px solid #000;
	padding: 10px;
	margin: 0;
	background-color: #ffffff;
	text-align: left;
}
/* end tabs */

.bg_td
{
	background-image: url('images/td_bg.jpg');
	background-repeat: repeat-y;
}

.tx_smaller
{
	font-size: 0.8em;	
}

.optionparams td
{
    padding: 1px;
}

table.room
{
    width: 630px;
    text-align: left; 
    border: 1px solid black;
    background-color:#ffffff;
}
table.room.active
{
    background-color:#eeeeee;
}
table.room tr.roomHeader td.info
{
    width:150px;
}
table.room td.paxnum
{
    width:60px;
}
table.room td.roomtype
{
    width:135px;
}
table.room td.maxadults
{
    width:90px;
}
table.room td.maxpax
{
    width:130px;
}

#quoteOrBooking input, #optOutstandingPayment input, #optFutureBillingExpected input, #optTravelDate input
{
    border:none;
    padding-right:5px;
}

#rates #destinationService
{
    display:none;
}

table.pax
{
    width:620px;
}

table.pax input[type="text"]
{
    width:125px;
}

table.pax .paxtitle input[type="text"]
{
    width:50px;
}

.pax .info, .paxtitle
{
    width:45px;
    text-align:left;
}

.firstname, .surname
{
   width:125px;
   text-align:center
}

td.dob
{
   width:200px;
}

.dob input
{
    border:none;
    vertical-align:middle;
    margin-right:3px;
    margin-left:5px;
}

#CloseWindow
{
	font-size: 16px;
}

.copytext
{
    display:block;
    margin: 10px;
}
/*----------------------------------------Gallery-------------------------------------------*/

#slideshow img
{
	width: 300px;
}

/*-----------------------------Media LibraryGallery-------------------------------------------*/
#medialibrarygallery #pagewrap
{
    background: transparent url(images/background_gallery.gif) repeat-y;
}

#medialibrarygallery #resultsPanel
{
	margin-top: 10px;
	
}

#galleryMediaLibrary
{
	margin: 10px;
	padding: 5px;
	width:auto;
	border: 1px solid #666666;

}

#galleryList
{
	width: 100%;
	overflow: hidden;
}

.galleryItem
{
	width: 200px;
	height: 250px;
	float: left;
	padding: 10px;
	margin: 5px;
	border: 1px solid #ccc;
	background-color: #eee;
}

.galleryImage img
{
	max-width: 200px;
}

.galleryImage img
{
	max-height: 200px;
}

#closeLink
{
	text-align: center;
}
/*-----------------------------OptionInfo.aspx rates grid -------------------------------------------*/

.rateGridLabelColumn
{
	white-space: nowrap;
	min-width: 150px;
}

#optrates .rateCell
{
	white-space: nowrap;
	min-width: 60px;
	text-align: right;
}

td.freerate
{
    text-decoration: line-through;
    color: red;
}

td.compulsoryExtra
{
}

#rateGridValueAdds .dateFrom, #rateGridValueAdds .dateTo, #rateGridValueAdds .valueAddType
{
    white-space: nowrap;
}

#rateGridValueAdds .valueAddDescription
{
    width: 90%;
}

/*-----------------------------PDF wrapper -------------------------------------------*/

#pdfWrapper
{
    background-color: white;    
    
}