
body {margin: 0px; padding: 0px; background: #9bb6c8 url(/images/layout/sitebg2.gif) repeat-x top; font-family: Tahoma, Georgia, Arial; font-size: 12px; }

input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#clear {clear: both;}

/* ALL PAGES - FONT & LINK STYLING */

/*h1 {font-family: sans-serif, Helvetica, Verdana; color: #256089; font-size: 24px;}*/
h1 {font-family: sans-serif, Helvetica, Verdana; color: #464646; font-size: 24px;}
h2 {font-family: sans-serif, Helvetica, Verdana; color: #256089; font-size: 20px;}
h3 {font-family: sans-serif, Helvetica, Verdana; color: #70ae4d; font-size: 16px;}
h4 {font-family: sans-serif, Helvetica, Verdana; color: #9bb6c8; font-size: 14px; margin: 15px 0px 5px 0px; padding: 0px;}
.blue {color: #0f4a73;}
.orange {color: #ff7b0f;}
a {color: #0d4972;} a:hover {color: #fd7903;}
a.orange {color: #ff7b0f;} a.orange:hover {color: #ffb477;}

ul {margin: 0 0 0 20px; padding: 0; list-style: square; font-size: 12px;}
ul li {padding: 4px 0; margin: 0 10px 0 0;}


/* ALL PAGES - COMMON LAYOUT FORMATTING */

#sorrymessage {font-size: 14px;  border-bottom: 1px solid #dee0e3; padding: 10px; margin: 0 0 20px 0;}

#layout-outtercontainer {width: 970px; margin: 0px auto;}
#layout-banner {height: 138px; position: relative; background: #ffffff;}
	#layout-banner a {text-decoration: underline;}
	#layout-banner a:hover {text-decoration: none;}
	#layout-banner-logo {background: url(/images/layout/imagematte.gif) no-repeat 0px -19px; width: 310px; height: 65px; position: absolute; left: 30px; top: 28px;}
	#layout-banner-links {width: 400px; font-size: 10px; color: #bfbebe; position: absolute; right: 30px; top: 40px; text-align: right;}
	#layout-banner-call {width: 400px; font-size: 14px; letter-spacing: .03em; color: #bfbebe; font-weight: bold; position: absolute; right: 30px; top: 60px; text-align: right;}
	#layout-banner-call strong {color: #989797;}
	#layout-banner-mention {width: 400px; font-size: 10px; color: #0f4a73; position: absolute; right: 30px; top: 80px; text-align: right;}	
	#layout-banner-promo {width: 400px; font-size: 9px; color: #464646; position: absolute; right: 27px; top: 78px; text-align: right;}
#layout-error {padding: 20px; background: #ffffff url(/images/layout/bodybg.gif) top repeat-x;}	
	#layout-error-message {border: 1px solid #FF0000; background: #ff7b0f; padding: 20px 10px 20px 150px; color: #FFFFFF; font-weight: bold; font-size: 14px; position: relative;}
	#layout-error-message #message-icon {width: 48px; height: 45px; position: absolute; left: 50px; top: 15px; background: url(/images/layout/imagematte.gif) no-repeat -701px -380px;}
#layout-body {background: #ffffff url(/images/layout/bodybg.gif) top repeat-x;}		
	#body-padding {padding: 20px 20px;}
	#layout-body-toptagline {margin: 0px 0px 10px 0px;}
	#layout-body-title {border-bottom: 1px dotted #dee0e3;}
		#layout-body-title h1 {margin: 0 0 15px 0; padding: 0;}
	#layout-body-left {width: 700px; float: left; margin: 10px 0px;}
		#layout-body-left.homepage {width: 615px; float: left; margin: 10px 0px; padding: 0px 0px 10px 0px;}		
		#layout-body-left.layoutwidth2 {width: 615px; float: left; margin: 0;}
		#layout-body-left.layoutwidth3 {width: 615px; float: left; margin: 0; border-right: 1px solid #dee0e3;}		
	#layout-body-right {width: 210px; float: right; margin: 0;}
		#layout-body-right.homepage {width: 300px; float: right; margin: 10px 0px; padding: 0px 0px 10px 0px;}		
		#layout-body-right.layoutwidth2 {width: 300px; float: right; margin: 10px 0px;}
		#layout-body-right.layoutwidth3 {width: 300px; float: right; margin: 10px 0px;}		
	#layout-body-narrowsearch {padding: 10px 10px; margin: 0 0 20px 0; background: #f3f3f3; border-left: 1px solid #dee0e3;}
		#layout-body-narrowsearch #bywhat {padding: 10px 0; margin: 10px 0; background: #f3f3f3; border-bottom: 1px solid #dee0e3;}	
		#layout-body-narrowsearch #bywhat li {font-weight: bold;}
		#layout-body-narrowsearch #bywhat li a {font-weight: normal;}
		#layout-body-narrowsearch #bywhat ul#amenities {list-style: none; margin: 0; padding: 0;}
		#layout-body-narrowsearch #bywhat ul#amenities li {list-style: none; font-weight: normal; margin: 0; padding:  3px 0;}		
		#layout-body-narrowsearch h1 {color: #555555; font-size: 16px; display: block; margin: 0 0 10px 0; padding: 0;}
		#layout-body-narrowsearch strong {display: block; margin: 0 0 8px 0; padding: 0; color: #ff7b0f; font-size: 14px;}
		#layout-body-narrowsearch #bywhat a#btn-update {display: block; width: 47px; height: 17px; margin: 10px 0 0 0; background: url(/images/layout/imagematte.gif) -350px -447px no-repeat;}
	#layout-body-paging {border-top: 1px dotted #dee0e3; font-size: 14px; text-align: right; padding: 10px 0;}
		#layout-body-paging a {text-decoration: none; margin: 0 0 0 20px;}	
	#layout-body-adblock-728-90 {margin: 15px 0;}
#ratinghelp { background: url(/images/layout/imagematte.gif) -360px -410px no-repeat; padding: 3px 0 3px 30px; font-weight: bold; cursor: pointer;}
#layout-footer {height: 100px; position: relative; width: 970px; margin: 15px auto 5px auto; background: #0d4972;}	
	#layout-footer #logo {width: 191px; height: 44px; position: absolute; top: 25px; left: 10px; background: url(/images/layout/imagematte.gif) -320px -19px no-repeat;}
	#layout-footer #footer-links {width: 500px; position: absolute; top: 25px; right: 20px; color: #FFFFFF; font-size: 11px; text-align: right; line-height: 22px;}
	#layout-footer #footer-links a {color: #FFFFFF;}
	#layout-footer #footer-links a:hover {text-decoration: none;}
	
#menu-topmenu {width: 920px; height: 28px; position: absolute; left: 20px; bottom: 0px;}	
	#menu-topmenu a {background: url(../../images/layout/imagematte.gif) left -106px no-repeat; display: inline-block; color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none;
		line-height: 27px; text-align: center; text-transform: uppercase; margin: 0px 2px 0px 0px; cursor: pointer;}
	#menu-topmenu b {background: url(../../images/layout/imagematte.gif) right -106px no-repeat; height: 27px; display: block; margin: 0px 0px 0px 10px; padding: 0px 20px 0px 10px;}
	#menu-topmenu a:hover {background-position: left -135px; text-decoration: none;}
	#menu-topmenu a:hover b {background-position: right -135px;}
	
#layout-graybg {background: url(/images/theme/general/hotel-bg.gif) 0% -26px no-repeat; width: 100%; border-right: 1px solid #dee0e3; padding: 0 0 0 0; font-size: 14px;}
#layout-graybg #layout-graybg-btmcorner {background: url(/images/theme/general/hotel-bg.gif) 0% 100% no-repeat; height: 4px; position: relative;}
#layout-graybg #layout-graybg-btmcorner #layout-graybg-rghtbtmcorner {background: url(/images/theme/general/hotel-bg.gif) 100% 100% no-repeat; width: 5px; height: 4px; position: absolute; 
		right: -1px; bottom: 0px;}	
	
/* ALL PAGES - FORM FORMATTING - USE FOR HOTEL SEARCH FORMS */

#form-hotel form {margin: 0px; padding: 0px;}
#form-hotel input, #form-hotel textarea, #form-hotel select {font-size: 15px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #8cbce2; padding: 2px;}
#form-hotel.popup input, #form-hotel.popup textarea, #form-hotel.popup select {font-size: 12px;}
#form-hotel-resultpage input, #form-hotel-resultpage textarea, #form-hotel-resultpage select {font-size: 12px; font-family: Arial, Helvetica, sans-serif; 
	border: 1px solid #8cbce2; padding: 2px;}
#form-hotel {background: url(/images/theme/general/hotel-bg.gif) 0% -26px no-repeat; width: 100%; border-right: 1px solid #dee0e3; padding: 10px 0 10px 0; color: #FFFFFF; 
	font-size: 14px; border-bottom: 1px solid #dee0e3;}
	#form-hotel #title {font-size: 14px; line-height: 25px;}
	#form-hotel.popup #title {font-size: 12px; line-height: 24px;}
	#form-hotel a#btn-searchhotels {width: 178px; height: 40px; background: url(/images/layout/imagematte.gif) 3px -266px no-repeat; display: block;}
	#form-hotel a#btn-searchhotels:hover {background-position: -179px -266px;}
	#form-hotel a#btn-updatesearch {width: 134px; height: 23px; background: url(/images/layout/imagematte.gif) 0px -337px no-repeat; display: block;}
		#form-hotel a#btn-updatesearch:hover {background-position: -145px -337px;}
	#form-hotel #form-hotel-btmcorner {background: url(/images/theme/general/hotel-bg.gif) 0% 100% no-repeat; height: 4px; position: relative;}
	#form-hotel #form-hotel-btmcorner #form-hotel-rghtbtmcorner {background: url(/images/theme/general/hotel-bg.gif) 100% 100% no-repeat; width: 5px; height: 4px; position: absolute; 
		right: -1px; bottom: 0px;}
	#form-hotel-items {background: #88a6bb; margin: 0px 10px 6px 10px;}	
	#form-hotel-items #hppadding {padding: 15px 13px;}
	#form-hotel-items #padding {padding: 8px 13px;}
	#form-hotel-items #form-hotel-items-row1 {border-bottom: 1px solid #FFFFFF;}
	#form-hotel-items #form-hotel-items-row2 {border-bottom: 1px solid #FFFFFF; background: #9bb6c7;}
	#form-hotel-items #form-hotel-items-row3 {background: #b4cad7; padding: 15px 10px;}
	#form-hotel-items #form-hotel-items-row4 {background: #b4cad7; padding: 7px 10px;}
#form-hotel-resultpage {display: none;}
#form-hotel-resultpage #title {font-size: 12px; line-height: 14px;}

#popup-row1 {background: #88a6bb; border-bottom: 1px solid #FFFFFF; padding: 10px;}
#popup-row2 {border-bottom: 1px solid #FFFFFF; background: #9bb6c7; padding: 10px;}

/* HOMEPAGE STYLING - Top Destinations */

#layout-tophoteldestinations {background: #fbfbfb; border: 1px solid #f3f3f3; color: #88a6bb;}
	#layout-tophoteldestinations #moreways {background: #f3f3f3; padding: 5px 10px; color: #212d3e;}
	#layout-tophoteldestinations ul {list-style: none;}
	#layout-tophoteldestinations ul li {list-style: none;}
	#layout-tophoteldestinations a {color: #5f8aa8; text-decoration: none;}
	#layout-tophoteldestinations a:hover {color: #fd7903; text-decoration: none;}
#layout-aboutus {font-size: 12px; line-height: 16px;}

/* COUNTRY PAGE STYLING */

#letters {height: 22px; margin: 20px 0 0 0;}
#letters ul {margin: 10px 0 0 0; padding: 0;}
#letters ul li {display: inline; margin: 0 5px 0 0; padding: 0 0 15px 0;}
#letters a {padding: 8px 15px; margin: 0 0 4px 0; background: #b4cad7; color: #FFFFFF; font-weight: bold;}
#letters a:hover {background: #dee0e3; color: #898989; text-decoration: none;}
#letters a.selected {background: #256089; color: #FFFFFF; text-decoration: none;}
#lettercols {width: 20%; float: left; margin: 20px 0 15px 0; padding: 15px; color: #666666;}
#lettercols ul {margin: 0 0 0 20px; padding: 0; list-style: square; font-size: 12px;}
#lettercols ul li {padding: 4px 0; margin: 0 10px 0 0;}
#lettercols h2 {margin: 0px; padding: 0px;}

/* MULTI COLUMNS */

#multicols {}
#multicols #twocols {width: 49%; float: left; margin: 0 0 0 0; padding: 0;}
#multicols #quadcols {width: 20%; float: left; margin: 0 0 15px 0; padding: 15px;}
#multicols #quadcols ul, #multicols #twocols ul {margin: 0 0 0 20px; padding: 0; list-style: square; font-size: 12px;}
#multicols #quadcols ul li, #multicols #twocols ul li {padding: 4px 0; margin: 0 10px 0 0;}
ul#ulmulticols {width: 100%;}
ul#ulmulticols {margin: 0 0 0 10px; padding: 0;}
ul#ulmulticols li {width: 46%; float: left; padding: 5px 0; margin: 0 0 0 20px;}

