@import url('/css/editor.css');
@import url('/css/thickbox.css');

*
{
margin: 0;
padding: 0;
font-size: 1.0em;
text-decoration: none;
outline: none;
font-weight: normal;
list-style: none;
border: none;
}

body 
{
background: #ca7e20 url(img/body-background.jpg) no-repeat left top;
font-family: Lucida Grande, Verdana;
font-size: 10px;
color: #584b10;
}

/* GLOBAL STYLES - see Editor.css-----------------------------------------------------------------------*/


/* MASTER PAGE
----------------------------------------------------------------------------------------------------------------*/

#wrapper
{
position: relative;
width: 865px;
margin: 12px auto 0 auto;
background: url(img/wrapper-background.gif) repeat-y center top;
}

#content
{
float: right;
width: 650px;
margin-bottom: 10px;
border-top: solid 3px #ffdb45;
border-right: solid 3px #ffdb45;
clear: right;
}

#footer
{
width: 650px;
clear: both;
padding: 15px 0 15px 215px;
text-align: center;
}

#footer img 
{
margin-left: -5px;
}

#footer p
{
margin-top: 5px;
font-size: 1.1em;
margin-bottom: 0;
}

/* Main Navigation - See also Superfish section at end of this CSS file
----------------------------------------------------------------------------*/

#navMain
{
float: left;
width: 183px;
overflow: visible !important;
overflow: hidden; /*to fix the nav width in IE6*/
border-top: solid 3px #ffdb45;
border-right: solid 3px #ffdb45;
border-left: solid 3px #ffdb45;
background: #6fad32 url(img/navmain-background.png) repeat-x left top;
}

#navMain li
{
margin-left: 0;
list-style: none;
}

#logo
{
margin: -13px 0 0 -10px !important; margin-top: 0;
height: 205px;
}

#SiteToggle
{
margin: 0 0 15px 0 !important;
margin: -13px 0 15px 0;
height: 30px;
}

*+html #SiteToggle {margin: -13px 0 15px 0 !important;}

#navMain h2, #SiteToggle h2 a, #Calendar h2 a
{
float: left !important; float: none;
display: block;
width: 183px;
text-indent: -9999px;
margin-top: 10px;
margin-bottom: 0;
}

#SiteToggle h2 a
{
height: 36px;
margin-top: 0;
margin-bottom: 0;
}

#Calendar
{
width: 174px;
padding-left: 4px;
margin: 10px 0 0 0;
text-align: center;
}

#Calendar h2 a
{
width: 174px;
height: 58px;
margin-top: 0;
margin-left: 5px;
text-align: center;
}

#ThingsToDo h2 {background: url(img/navmain-thingstodo.gif) no-repeat left top;}
#AboutOurCompany h2 {background: url(img/navmain-company.gif) no-repeat left top;}
#AreaInfo h2 {background: url(img/navmain-areainfo.gif) no-repeat left top;}
#Calendar h2 {background: url(img/navmain-calendar.gif) no-repeat left top;}
h2#MediaPlanners a {background: url(img/nav-meeting-planners.png) no-repeat left top;}
/*h2#MediaPlanners a:hover {background: url(img/nav-meeting-planners-hover.png) no-repeat left top;}*/
h2#MediaPlanners a:hover {background: url(img/nav-meeting-planners-hover2.png) no-repeat left top; cursor: default;}

.nav a
{
width: 183px;
height: 25px;
background: url(img/navitem-background.gif) no-repeat left bottom;	
line-height: 25px;
text-indent: 15px;
font-size: 11px;
font-weight: bold;
font-family:Tahoma; 
color: #fff;
}

.nav li a:hover
{
background-position: right bottom;
}

#navAds
{
float: left;
width: 174px;
padding-left: 4px;
margin-top: 40px;
}

#navAds a
{
width: 174px;
}

/* Sub Navigation
----------------------------------------------------------------------------*/
#navSub
{
float: left;
width: 646px;
padding: 10px 0 0 4px;
margin-top: 284px; /* height of branding */
background: #fff url(img/navsub-background.png) repeat-x left top;
}

#navSub ul {float: left;}

#navSub li
{
float: left;
margin-left: 0;
padding-right: 8px;
background: url(img/navsub-li-background.gif) no-repeat right top;
list-style: none;
}
#navSub li.last {background: none; padding-right: 4px;}

#navSub li a
{
display: block;
height: 60px;
text-indent: -9999px;
}

#navSub a#brochure {background-image: url(img/icon-brochure.gif); width: 128px;}
#navSub a#locations {background-image: url(img/icon-locations.gif); width: 142px;}
#navSub a#deals {background-image: url(img/icon-deals.gif); width: 103px;}
#navSub a#giftcards {background-image: url(img/icon-giftcards.gif); width: 129px;}
#navSub a#contact {background-image: url(img/icon-contact.gif); width: 108px;}

/* CONTENT
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#branding
{
float: left;
width: 648px;
height: 282px;
margin-top: -372px !important; /* height of branding 282px + height of subnav 70px */
border: solid 1px #fff;
overflow: hidden;
}
*+html #branding
{
margin-top: -354px !important;
}

#contentMain
{
float: left;
width: 630px;
padding: 20px 10px;
background-color: #fff;
}


/* Reservation Page
---------------------------------------------------------------------------------------------------------------*/

#reservation-time
{
margin-bottom: 20px;
}

#reservation-time label
{
text-align: left;
}

#reservation-info
{
margin-bottom: 20px;
}

#reservation-info .label-long
{
width: 200px;
margin-right: 15px;
text-align: left;

}

#reservation-form fieldset
{
float: left;
width: 50%;
margin-bottom: 15px;
}

#reservation-form.form label {width: 95px;}

.form input.input-short  {width: 50px;}
#more-info {float: left; line-height: 20px;}

#reservation-newsletter
{
clear: left;
}

#reservation-form.form #reservation-newsletter label
{
text-align: left;
width: 200px;
}
.radio
{
line-height: 14px;
}

#reservation-form.form #reservation-newsletter .radio label
{
clear: none;
width: auto;
text-align: left;
}

#reservation-form textarea
{
margin-bottom: 20px;
}

#reservation-form #comments 
{
clear: left;
width: 100%;
text-align: center;
}

#reservation-form #comments label {display: none;}
#reservation-form #comments h3
{
text-align: left;
margin-left: 20%;
}
#reservation-form #comments textarea 
{
float: none;
width: 60%;
margin-bottom: 5px;
}
#reservation-form input.btn
{
clear: both;
float: none;
}

/* Contest Page
---------------------------------------------------------------------------------------------------------------*/
#register-to-win {margin: 15px 0;}

#register-to-win fieldset {margin-bottom: 20px;}

#register-to-win p
{
margin-bottom: 15px;
font-weight: bold;
}

#register-to-win label 
{
width: 200px;
}

#register-to-win label span {font-size: 9px;}

#hear-about input
{
width: 100px;

}

#hear-about #options {margin: 0 auto; width: 350px;}

#hear-about input[type="checkbox"]
{
float: left;
width: 15px; height: 15px;
}

#questions label
{
clear: left;
float: none;
width: auto;
padding-bottom: 15px;
text-align: left;
}

#questions input 
{
float: none;
}

#register-to-win .btn
{ 

margin: 0 auto;
}


/* Online Store Pages
----------------------------------------------------------------------------------------------------------------*/
input[type=button], input[type=submit] {
 cursor: pointer;
}

#storenav, #storenav a
{
font-size:18px;
color:#990000;
}

#breadcrumbs 
{
margin:10px 0 10px 0;
font-family:Verdana, Arial, Times New Roman;
font-size:9px;
line-height:1.5;
background-color:#FCF9B4;
color:#CC6600;
}

#breadcrumbs a
{
color:#CC6600;
}

#store h1, #store h1 a
{
margin-bottom: 10px;
font-size:18px;
color: #004D91;
}

#store h2, #store h2 a
{
margin-bottom: 0;
font-size:16px;
color:#6FAD30;
}

#store h3
{
margin-bottom: 15px;
padding:2px;
border-bottom: solid 1px #FCF9B4;
background-color:#FCF9B4;
font-size:14px;
font-weight:normal;
letter-spacing:.2em;
color:#6FAD30;
}

#store h3 a 
{
clear:both;
float:right;
font-size:11px;
}

/* View Categories */

.product-category
{
width: 300px;
float: left;
margin: 15px 5px;
text-align: center;
}

#store .product-category .img-shadow
{
margin: 0 50px !important;
}

.products
{
position: relative;
width: 200px;
margin: 10px 5px;
text-align: center;
}

#store .products h2, #store .products h2 a
{
clear: left;
font-size: 12px;
line-height: 14px;
font-weight: bold;
color: #2C73B0;
}

#store .products .img-shadow
{
margin: 0 50px !important;
}


/* View Product */

#product-img
{
float: left;
margin-right: 15px;
}

#GalleryImages
{
clear: left;
float: left;
margin-top: 10px;
}

#GalleryImages li
{
list-style: none;
}

#product-detail
{
float: left;
width: 360px;
font-size: 12px;
}

#product-detail label
{
clear: left;
float: left;
width: 60px;
padding-bottom: 10px;
font-weight: bold;
}

#product-detail span
{
float: left;
}

#product-detail select
{
float: left;
border: solid 1px #AFA783;
color: #584b10;
}


/* View Cart */

.cart-grid .btn-update
{
font-size: 11px;
}

.cart-grid input {
border: solid 1px #afa783;
}

#order-total.cart-grid
{
border: none;
}

#order-total.cart-grid th
{
font-size: 11px;
line-height: 1.5em;
text-align: right;
color: #584b10;
border-bottom: none;
}

#order-total.cart-grid td
{
width: 100px;
text-align: right;
}

#order-total.cart-grid select
{
border: solid 1px #AFA783;
color: #584b10;
}

/* Checkout */

.CheckoutLoadingPanel 
{
width:150px;
height:50px; 
float:right;
}

.CheckoutLoadingPanel h1 {color:#900;}

.form .field-shipsame
{
clear: none;
text-align: left;
}

.checkout-validation /*  - - - - - won't seem to affect validations...*/
{
float: right;
width: 250px;
background-color: Yellow;
font-size: 12px;
}

.checkout-validation span
{
width: 240px;
background-color: Orange;
} 

.continueButton input, .backButton input
{
float: left;
width: auto;
margin-right: 5px;
padding: none;
font-size: 11px;
}

.review-customer
{
float: left;
width: 33%;
margin: 0 1px 5px 1px;
}

#store .review-customer h3
{
margin-bottom: 10px;
font-size: 13px;
letter-spacing: 0;
}

#store .review-customer h3 a
{
margin: -19px 13px 0 0;
}
*+html #store .review-customer h3 a {margin-top: -22px;}

#review-order-btns .continueButton input, #review-order-btns .backButton input
{
float: right;
margin: inherit 0 inherit 5px;
}

.thankyoupanel label 
{
	width:200px;
	font-weight:bold;
}

#view-order-customer-info, #view-order-product-info
{
width: 100%;
font-size: 12px;
border-collapse: collapse;
}

#view-order-totals
{
float: right;
width: 200px;
margin-top: 20px;
font-size: 12px;
}

#view-order-customer-info th, #view-order-product-info th
{
margin-bottom: 15px;
padding: 2px 5px;
border-right: solid 2px #fff;
background-color: #fcf9b4;
font-size: 14px;
text-align: left;
font-weight: normal;
letter-spacing: 0.2em;
color: #6fad30;
}
/*
#view-order-product-info th:first-child
{
width: 200px;
background-color: Yellow;
}*/

#view-order-customer-info td, #view-order-product-info td
{
padding: 5px;
}


/*----------------
input {
	display: block;
	margin-top: 3px;
}

select {
	float: left;
	display: block;
}

label.field-first,
label.field-address,
label.field-city,
label.field-email,
label.field-cc {
	clear: left;
}

label.field-first,
label.field-last,
label.field-city,
label.field-email,
label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

label.field-first input,
label.field-last input,
label.field-email input,
label.field-city input,
label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
}

label.field-first select
{
	margin:0 5px 0 0;
}

label.field-shipsame input
{
	float:left;
	margin-top:-5px;
}

label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

label.field-zip {
	float: left;
	width: 80px;
}

label.field-zip input {
	float: left;
	width: 80px;
}

label.field-address,
label.field-cc {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

label.field-address input,
label.field-cc input {
	float: left;
	width: 310px;
	padding: 0px;
}

  
.displayBox img { background-color: #ddd; padding: 15px; border: 1px solid #888 } 

/* NAV SUPERFISH 
----------------------------------------------------------------------------------------------------------------*/

.nav 
{
line-height:1.0;
margin-bottom:1.5em;
}

.nav ul {background:#fff;} /*IE6 needs this*/

.nav li 
{
float: left;
list-style:none;
position:relative;
z-index:900;
}

.nav a 
{
display:block;
text-decoration:none;
}

.nav li ul 
{
top:-999em;
position:absolute;
}

.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {	
}

.nav li:hover ul, /* pure CSS hover is removed below */ 
ul.nav li.sfHover ul 
{
left:183px;
top:-1px;
border: solid 1px #417F17;
width: 183px;
z-index: 950;
}

ul.nav li.sfHover ul li.sfHover ul 
{
left: 183px;
} 

.nav li:hover li ul,
.nav li.sfHover li ul 
{
top:-999em;
}

.nav li li:hover ul, /* pure CSS hover is removed below */ 
ul.nav li li.sfHover ul 
{
left:9.45em;
top:-1px;
}

.nav li li:hover li ul,
.nav li li.sfHover li ul 
{
top:-999em;
}

.nav li li li:hover ul, /* pure CSS hover is removed below */ 
ul.nav li li li.sfHover ul 
{
left:9.45em;
top:-1px;
}

/*following rule negates pure CSS hovers so submenu remains hidden and JS controls when and how it appears*/ 
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul 
{
top: -999em;
}