/******************************************************************************************  
*			UPDATE THE tmpl_main-external-use.css TOO
*******************************************************************************************/




/*******************  
*	DEFAULTS
********************/

a			{ color: #403724; text-decoration: underline }
a:hover			{ color: #403724; text-decoration: none }

body			{ color: #584c31; font: normal 11px verdana, arial; line-height: 130% }
table			{ padding: 0px; margin: 0px; border-collapse: collapse; }
table td		{ padding: 0px; margin: 0px; border-collapse: collapse; vertical-align: top }
img			{ border: 0px; margin: 0px }
form			{ margin: 0px }
a.submit,
input.submit		{ background: #584c31; color: #cab68c; border: 1px solid #000; font: bold 11px verdana; padding: 3px 6px; text-decoration: none; cursor: pointer }
a.submit		{ padding: 4px 6px }

h1			{ font: normal 20px arial, verdana, arial; line-height: 100%; margin: 15px 0 10px }
h2			{ font: bold 16px arial; margin: 18px 0 10px }
h3			{ font: bold 12px tahoma, arial; margin: 15px 0px }

h1.iconAlisal		{ background: url(images/icon-alisal.png) no-repeat; padding: 3px 0 5px 35px; }

h2.detailed		{ padding: 5px 0 4px; background: url(images/heading-bg.png) no-repeat center; text-align: center; margin: 20px 0 15px }
h2.topActive		{ padding-left: 65px }
h2.quicklinkActive	{ padding-left: 150px }

h1 a.subLink, h2 a.subLink { float: right; display: block; padding-top: 7px; font: normal 11px verdana }

a.backToTop		{ color: #cab68c; float: right; font: normal 10px verdana, arial; margin-top: 23px; text-decoration: none } 
a.backToTop:hover	{ color: #584c31; border-bottom: 1px dotted #584c31; } 

a.backToTopDivFix	{ margin-top: 13px }

ul			{ list-style-position: inside }

table.inputForm		{ margin-bottom: 15px }
table.inputForm th	{ text-align: right; vertical-align: top }
table.inputForm th,
table.inputForm td	{ padding: 4px 5px }

/*******************  
*	STRUCTURE
********************/

#container		{ margin: 0px auto; width: 682px; background: url(images/content-bg.png) repeat-y }
#header img		{ vertical-align: bottom } 
#header object		{ display: block; margin: 0 0 0 5px; padding: 0 }

#header .banner 	{ float: right }
#header .home	 	{ width: 278px; height: 122px; display: block; background: url(images/logo.jpg) no-repeat; text-indent: -9000px; text-decoration: none; overflow: hidden; }
#header .reservations 	{ width: 278px; height: 60px; display: block; background: url(images/logo.jpg) no-repeat bottom; text-indent: -9000px; text-decoration: none; overflow: hidden; }

UL#nav			{ height: 28px; font-size: 12px; text-align:left; padding: 0; margin: 0 0 0 5px; list-style: none }
UL#nav LI.top		{ float: left; margin: 0px; }
UL#nav A.top		{ height: 28px; background: transparent url(images/menu.png) no-repeat; display: block; text-indent: -9000px; text-decoration: none; overflow: hidden; }

#nav #about A.top		{ background-position: 0px 0px; width: 67px }
#nav #about A.top:hover,
UL#nav.about #about A.top	{ background-position: 0px -28px; }

#nav #rooms A.top		{ background-position: -67px 0px; width: 126px }
#nav #rooms A.top:hover,
UL#nav.rooms #rooms A.top	{ background-position: -67px -28px; }

#nav #activities A.top	{ background-position: -193px 0px; width: 87px }
#nav #activities A.top:hover,
UL#nav.activities #activities A.top	{ background-position: -193px -28px; }

#nav #fitnesscenter A.top		{ background-position: -280px 0px; width: 162px }
#nav #fitnesscenter A.top:hover,
UL#nav.fitnesscenter #fitnesscenter A.top	{ background-position: -280px -28px; }

#nav #meetings A.top	{ background-position: -442px 0px; width: 86px }
#nav #meetings A.top:hover,
UL#nav.meetings #meetings A.top		{ background-position: -442px -28px; }

#nav #dining A.top		{ background-position: -528px 0px; width: 69px }
#nav #dining A.top:hover,
UL#nav.dining #dining A.top	{ background-position: -528px -28px; }

#nav #contact A.top	{ background-position: -597px 0px; width: 75px }
#nav #contact A.top:hover,
UL#nav.contact #contact A.top	{ background-position: -597px -28px; }

#footer			{ color: #d4b77e; height: 45px; font: normal 10px arial; text-align: center; background: #584c31 url(images/footer-bg.png) no-repeat; padding: 4px 15px 0 15px }

#footer A		{ color: #d4b77e; text-decoration: none; margin: 0 5px }
#footer A:hover		{ color: #fff; text-decoration: none; border-bottom: 1px dotted #fff }

#footer ul		{ padding: 0 0 20px; margin: 5px 0 0; list-style-type: none; text-align: left }
#footer ul li		{ float: left; padding: 0px 3px; width: 165px }
#footer li A		{ color: #b29a63; text-decoration: none; margin: 0 }
#footer li A:hover	{ color: #f2deb1; text-decoration: none; border-bottom: 1px dotted #fff }

#footer dl		{ padding: 0; margin: 0; font: normal 11px verdana }
#footer dt		{ padding: 0; margin: 15px 0 5px }
#footer dt a		{ font-weight: bold }
#footer dd		{ padding: 0 0 4px 0px; margin: 0 }

.content		{ padding: 5px 22px 15px 22px }
.content img		{ background: #fff; padding: 1px; border: 2px solid #4d3c18 }
.content ul li		{ margin-bottom: 6px }

#quicklinks 		{ float: right; margin: 5px -17px 5px 8px; text-align: center; background: url(images/quicklinks-bg.jpg) no-repeat; }
#quicklinks ul		{ font: bold 12px arial, tahoma; height: 94px; width: 167px; margin: 0; padding: 38px 0 0; list-style-type: none; text-align: left }
#quicklinks li 		{ margin: 0 0 5px 0; padding: 0 0 4px; background: url(images/quicklinks-separator.png) no-repeat bottom center }
#quicklinks li.last	{ background-image: none }
#quicklinks li span,
#quicklinks li a	{ color: #584c31; text-decoration: none; padding-left: 35px }
#quicklinks li a:hover	{ color: #312a1b; text-decoration: none; background: url(images/quicklinks-icon.png) no-repeat 16px 2px }

.content .onPage		{ float: right; padding: 0 0 1px; margin: 15px 0 10px 8px; width: 156px; text-align: center; font-size: 10px; background: url(images/onpage-line.png) no-repeat bottom center; list-style-type: none }
.content .onPage li		{ padding: 0; margin: 0 }
.content .onPage li a		{ height: 14px; display: block; text-decoration: none; background: url(images/onpage-bg.png) no-repeat; padding: 2px 0 2px; }
.content .onPage li a:hover	{ color: #000 }

.content .catMenu		{ float: right; padding: 0 0 1px; margin: 5px 0 10px 8px; width: 156px; font-size: 11px; background: url(images/onpage-line.png) no-repeat bottom center; list-style-type: none }
.content .catMenu li		{ padding: 0; margin: 0 }
.content .catMenu li a		{ height: 14px; display: block; text-decoration: none; background: url(images/onpage-bg.png) no-repeat; padding: 2px 0 2px 15px; }
.content .catMenu li a:hover	{ color: #000 }


/*******************
*	IE 6
********************/

* html #quicklinks	{ margin-right: -8px }


/*******************  
*	CONTENT
********************/


table.columns		{ }
table.columns td	{ text-align: center; font: bold 11px arial; color: #000; padding-top: 15px }
table.columns td img	{ margin-bottom: 3px }
table.columns td a	{ font: normal 10px arial; color: #8b6f32; text-decoration: none }
table.columns td a:hover { color: #8b6f32; text-decoration: underline }
table.columns td span	{ display: block; font: bold 11px verdana; color: #584c31 }

table.featured		{ width: 100% }
table.featured td	{ width: 25% }

table.slideshow		{ width: 480px }
table.slideshow td	{ width: 33% }

table.cols2		{ width: 480px }
table.cols2 td		{ width: 50% }

.box1				{ background: url(images/box-bg.png) no-repeat bottom left; padding-bottom: 10px; margin-top: 20px }
.box1 h1			{ background: url(images/box-header-bg.png) no-repeat; padding: 8px 0 5px 42px; margin: 0 0 12px; font-size: 18px }
.box1 h3,	
.box1 p				{ margin-left: 15px; margin-right: 15px }
.box1 img.floatLeft		{ float: left; margin: 0 10px 0 15px }
.box1 div.info			{ float: right; width: 150px; border-left: 1px solid #584c31; margin-left: 10px; padding: 5px 0 10px 10px }

.box1 .productDetails		{ float: right; width: 465px; min-height: 155px }
.box1 .productDetails p		{ margin-left: 0; margin-top: 0; }
.box1 .productDetails ul 	{ padding-left: 0 }

.box1 .productImages		{ float: left; margin-left: 15px }
.box1 .productImages a		{ text-decoration: none }
.box1 .productImages a span 	{ display: block; padding-top: 2px }
.box1 h1 .price			{ display: block; float: right; margin-right: 20px }

.box1 .actions			{ text-align: right; float: right; margin-right: 20px; clear: right; width: 440px }
.box1 .actions select		{ font-size: 11px; vertical-align: top; margin: 2px 10px 0 0 }

.box2				{ background: url(images/box2-bg.png) no-repeat bottom left; width: 281px; padding: 0 12px 15px; margin: 20px 10px 0 0 }
.box2 h2			{ background: url(images/box2-bg.png) no-repeat; padding: 8px 12px 5px; margin: 0 -12px 12px; font-size: 16px }

.box3				{ background: url(images/box3-bg.png) no-repeat bottom left; padding-bottom: 10px; margin-top: 20px }
.box3 h1			{ background: url(images/box3-bg.png) no-repeat; padding: 8px 0 12px 42px; margin: 0 0 12px; font-size: 18px }
.box3 h3,	
.box3 p				{ margin-left: 15px; margin-right: 15px }
.box3 img.floatLeft		{ float: left; margin: 0 10px 0 15px }
.box3 div.info			{ float: right; width: 150px; border-left: 1px solid #584c31; margin-left: 10px; padding: 5px 0 10px 10px }

.box3 .productDetails		{ float: right; width: 465px; min-height: 155px }
.box3 .productDetails p		{ margin-left: 0; margin-top: 0; }
.box3 .productDetails ul 	{ padding-left: 0 }

.box3 .productImages		{ float: left; margin-left: 15px }
.box3 .productImages a		{ text-decoration: none }
.box3 .productImages a span 	{ display: block; padding-top: 2px }
.box3 h1 .price			{ display: block; float: right; margin-right: 20px }

.box3 .actions			{ text-align: right; float: right; margin-right: 20px; clear: right; width: 440px }
.box3 .actions select		{ font-size: 11px; vertical-align: top; margin: 2px 10px 0 0 }


table.data1		{ margin: 0 auto; }
table.data1 td		{ border: 1px solid #4d3c18; padding: 6px 10px; vertical-align: middle } 
table.data1 td.left	{ backgroundf: #fff }
table.data1 td.right	{ background: #E9DBB6; text-align: center; font-weight: bold }
table.data1 blockquote	{ margin: 5px 0 5px 20px }

.list1			{ background: url(images/separator.gif) no-repeat bottom center; padding: 15px 0 5px }
.list1 h2		{ margin-top: 0 }
.list1 p.title		{ font-size: 10px; font-weight: bold; margin: 2px 0 10px }
.list1Odd		{ background: #F4E1BC; margin-left: -17px; padding-left: 15px; margin-right: -17px; padding-right: 15px }
.list1Odd h2.detailed	{ background: url(images/heading-bg-odd.png) no-repeat center }

.iconBox-blue,
.iconBox-white,
.iconBox-red		{ width: 10px; height: 10px; border: 1px solid #4d3c18; margin: 0 auto }

.iconBox-blue		{ background: blue }
.iconBox-white		{ background: white }
.iconBox-red		{ background: red }

.content .golfNav	{ float: right; margin-top: 6px; border: 0; padding: 0 }

.form1 td		{ padding: 4px }
.form1 .title		{ text-align: right; font-weight: bold; width: 130px; vertical-align: middle; padding-right: 10px }

.map			{ text-align: center }
.map iframe		{ padding: 1px; border: 2px solid #4d3c18 }

ul.noIndent		{ margin-left: 0; padding-left: 0 }
ul.noIndent li		{ margin-left: 20px; padding-left: 0 }

/*******************  
*	FAQ
********************/

OL.faqListQ		{ border-bottom: 1px solid #aaaaaa; padding-bottom: 20px }
OL.faqListQ LI		{ padding-bottom: 5px }

OL.faqListA LI.item	{ padding-bottom: 10px }
OL.faqListA LI.item H4	{ margin: 10px 0 5px; font-size: 14px }
OL.faqListA .file	{ padding: 3px 0px 0px 0px; font-weight: bold }
OL.faqListA .file A	{ font-weight: normal }
OL.faqListA p.top 	{ text-align: right }
OL.faqListA p.top a	{ color: #cab68c; font: normal 10px verdana, arial; text-decoration: none } 
OL.faqListA p.top a:hover	{ color: #584c31; border-bottom: 1px dotted #584c31; } 


/*******************  
*	PRODUCT
********************/

table.products 			{ width: 100% }
table.products td		{ width: 50%; background: url(images/product-box-bg.png) repeat-y -15px }
table.products td .left		{ float: left; width: 105px; }
table.products td .left img	{ padding: 2px; vertical-align: top }
table.products td .right	{ float: right; width: 179px; padding-right: 6px }
table.products td.spacer	{ width: 30px; border: 0; background: none }
table.products td.spacer div	{ width: 30px }
table.products tr.spacer td	{ width: 100%; border: 0; background: none }
table.products tr.spacer td div	{ height: 20px }

table.products .special		{ background: url(images/icon-special-small.gif) no-repeat top right }
table.products td h4		{ font: bold 14px arial; margin: 0 0 8px; padding-bottom: 6px }
table.products td h4 a		{ }
table.products td .price	{ color: #444; font: bold 14px arial,verdana; padding: 8px 0 0 }
table.products td .was		{ color: red; text-align: center; margin-top: 3px; text-decoration: line-through }
table.products td .content	{ font-size: 10px; line-height: 120%; padding: 0 0 4px }
table.products td .more a	{ float: right; background: url(images/button-bg.png) repeat-x; color: #333; display: block; font: bold 11px arial; padding: 2px 6px; margin-top: 7px }
table.products td .more a:hover	{ text-decoration: none; background: #E39A07 }


UL.box			{ width: 188px; border: 1px solid #cccccc; background: #f7f7f7; font-size: 11px; float: right; margin: 0px 0px 10px 10px; padding: 0px; list-style: none }
UL.box LI		{ padding-left: 10px; margin-bottom: 5px; }
UL.box LI.price		{ font-size: 14px }
UL.box LI.strike	{ text-decoration: line-through; color: #777 }
UL.box LI.title		{ background: #555555; font-weight: bold; padding: 3px 10px; color: #fff }
UL.box LI.share		{ color: blue; font-weight: bold }
UL.box LI.iconNote	{ background: url(images/icon-page.gif) no-repeat 8px center; padding-left: 30px; }
UL.box LI.iconStar	{ background: url(images/icon-star.gif) no-repeat 8px center; padding-left: 30px; }
UL.box LI.iconCart	{ background: url(images/icon-cart.gif) no-repeat 8px center; padding-left: 30px; }
UL.box LI.iconVideo	{ background: url(images/icon-video.gif) no-repeat 8px center; padding-left: 30px; }

UL.box2			{ font-size: 11px; padding: 0px; margin: 0px; list-style: none; }
UL.box2 LI		{ padding-left: 0px; margin-bottom: 10px }
UL.box2 LI.available	{ font-style: italic; }
UL.box2 LI.share	{ color: blue; font-weight: bold }

.category		{  }

.viewCart		{ float: right; margin-top: -5px; padding: 0 0 0 10px; background: transparent url(images/box2-bg.png) no-repeat scroll left bottom }
.viewCart a		{ padding: 4px 10px 5px 0; display: block; background: transparent url(images/box2-bg.png) no-repeat scroll right bottom; text-decoration: none }
.viewCart a:hover	{ color: #000 }

/*******************
*  SINGLE IMAGE GALLERY
********************/

.GallerySingle		{ width: 188px; background: #f7f7f7; border: 1px solid #cccccc; clear: right; font: normal 11px arial; float: right; margin-left: 10px; margin-bottom: 10px; text-align: center }
.GallerySingle DIV, .GallerySingle A
			{ padding: 3px 5px 4px 5px }
.GSdisplay		{ background: #555555; color: #ffffff; padding: 2px 0px; margin-bottom: 8px; font-weight: normal }
#GSnext			{ background: #555555; color: #ffffff; float: right  }
#GSnextOff		{ background: #555555; color: #aaaaaa; float: right; display: none }
#GSprev			{ background: #555555; color: #ffffff; float: left; display: none }
#GSprevOff		{ background: #555555; color: #aaaaaa; float: left }
.GSenlarge		{ font: 10px arial; padding-top: 0px }

/*******************  
*	CART
********************/

#cart 			{ border-collapse: collapse; width: 100%; margin-top: 10px }
#cart TD		{ padding: 6px; border: 1px solid #DED2B8; font-size: 11px }
#cart TR.cartHead TD	{ font-size: 11px; background: #584c31; color: #fff; text-align: center }

#cart .qty		{ width: 30px; vertical-align: middle }
#cart .itemname		{ text-align: left }
#cart .price		{ width: 60px; text-align: center }
#cart .remove		{ width: 60px; vertical-align: middle; text-align: center }
#cart .items  		{  }
#cart .odd		{ background: #FBF7EE }
#cart .items .itemDesc	{ font-size: 9px }

#cartTotal 		{ border-collapse: collapse; width: 100% }
#cartTotal TD 		{ padding: 5px 6px; border: 1px solid #DED2B8; background: #FBF7EE; text-align: right }
#cartTotal TH 		{ font-size: 12px; font-weight: normal; width: 80%; text-align: right; padding: 5px 6px; border: 1px solid #DED2B8; background: #FBF7EE }

#cartEmpty		{ padding: 10px; background: #FFFFCC; border: 1px solid #ccc; text-align: center; margin-top: 10px }

.cartLinks		{ padding: 10px 0px; text-align: right }
* html .cartLinks INPUT	{ vertical-align: middle }

.couponBox		{ background: #f7f7f7; border: 1px solid #cccccc; width: 50%; line-height: 100%; padding: 10px; margin-bottom: 10px }


UL.cartNav		{ margin: 16px 0 0 60px; padding: 0 0 10px; font: bold 10px arial; text-transform: uppercase; list-style: none; }
UL.cartNav LI		{ width: 100px; padding: 22px 0px 0px 0px; display: block; float: left; margin: 0px; text-align: center; line-height: 100% }
UL.cartNav LI.start	{ background: url(images/cart-nav-start.gif) no-repeat center 4px }
UL.cartNav LI.startOn	{ background: url(images/cart-nav-start-on.gif) no-repeat center 4px }
UL.cartNav LI.done	{ background: url(images/cart-nav-done.gif) no-repeat center 4px }
UL.cartNav LI.on	{ background: url(images/cart-nav-on.gif) no-repeat center 4px }
UL.cartNav LI.off	{ background: url(images/cart-nav-off.gif) no-repeat center 4px; color: #bdc1c5 }
UL.cartNav LI.end	{ background: url(images/cart-nav-end-off.gif) no-repeat center 4px; color: #bdc1c5 }
UL.cartNav LI.endOn	{ background: url(images/cart-nav-end-on.gif) no-repeat center 4px }


/**** MULTI BUTTON NAVIGATION ****/
UL.buttonNav		{ padding: 15px 0px; margin: 0px; list-style: none; text-align: right }
UL.buttonNav LI		{ display: inline; padding-left: 10px; vertical-align: middle }

#orderCust		{ width: 100%; margin-bottom: 5px }
#orderCust TH		{ width: 50%; border: 1px solid #DED2B8; background: #584c31; color: #fff; margin: 0px; padding: 4px; text-align: left; font-size: 12px }
#orderCust TD		{ width: 50%; border: 1px solid #DED2B8; padding: 4px }


/*******************  
*	UTILS
********************/

.noDisplay		{ display: none }
.noTop			{ margin-top: 0 }
.noBottom		{ margin-bottom: 0 }
.content .noBorder	{ border: 0; padding: 0 }
.floatLeft		{ float: left; margin: 0 10px 10px 0 }
.floatRight		{ float: right; margin: 0 0 10px 10px }
.textCenter		{ text-align: center }
.noBackground		{ background-image: none }
.small			{ font-size: 10px }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */