body { background:white; padding:25px; font-size:70%; color:#4e350a; font-family:tahoma, arial, sans-serif; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; color: #4e350a}
table p {margin: 0 0 10px 0;}
ul { list-style-type:square; }

a {color: #a36e14;}
a:hover {text-decoration: none}
h1 {font-size: 4.3em; color: #4e350a; font-weight: normal; border-bottom: 1px solid #ffedd3; margin-top: 0; margin-left: -10px; margin-bottom: 10px; }
h2 {font-size: 1.4em; border: 1px solid #ffedd3; border-left: 3px solid #ffedd3; letter-spacing: 1px; color: #ffcc00; padding: 2px 4px}
h3 {font-size: 1.4em; color: #a36e14; letter-spacing: 1px; }
h4 {font-size: 1.3em; color: #ffcc00; letter-spacing: 1px; }
img.clsleft {margin-right:10px; margin-bottom:10px;}
img.clsmiddle {margin-right:10px; margin-left:10px; margin-bottom:10px;}
img.clsright {margin-left:10px; margin-bottom:10px;}
img.clsborderleft {margin-right:10px; margin-bottom:10px; padding: 4px; border: 1px solid #e6cfa3;} 
img.clsbordermiddle {margin-right:10px; margin-left:10px; margin-bottom:10px; padding: 4px; border: 1px solid #e6cfa3;} 
img.clsborderright {margin-left:10px; margin-bottom:10px; padding: 4px; border: 1px solid #e6cfa3;} 
.datatable th {}
.datatable td {border: 1px solid #e6cfa3; padding: 4px}
.datatable p {}
.notes {font-size: 0.9em; color: #ffcc00;}
.shout {font-size: 1.1em; color: #a36e14;  font-weight: bold}
.shout2 {font-size: 1.3em; color: #ffcc00; letter-spacing: 2px; font-weight: bold}
.submit {background: #533f1d; color: white; padding: 2px; font-size: 0.9em; font-weight: bold; border: 0; letter-spacing: 1px}
.reset {background: #a36e14; color: white; padding: 2px; font-size: 0.9em; font-weight: bold; border: 0; letter-spacing: 1px}
.quote {border: 1px solid #ffedd3; border-left: 3px solid #ffedd3; border-bottom: 3px solid #ffedd3; padding: 8px}
.caption {float: right; width: 150px; margin: 0 0 10px 10px; padding: 8px; background:url(caption_back.gif) repeat-y right #ff9600; color: white; font-weight: bold; font-size: 0.9em}
.custom_1 {background: #533f1d; padding: 5px; color: white; text-align: center; font-weight: bold; width: 140px; margin-bottom: 8px; border: 2px solid #705528}
.custom_2 {background: #a36e14; padding: 5px; color: white; text-align: center; font-weight: bold; width: 140px; margin-bottom: 8px; border: 2px solid #c18a2c}
.custom_2 a {color: #4e350a}
.border {padding: 4px; border: 1px solid #e6cfa3;}
.noborder {border: 0; padding: 0}
.clear {clear: both; line-height: 0; height: 3px}


#container {width: 950px; margin:21px auto 0 auto; text-align: left} 
#head {height: 110px; width: 950px; background:url(head_back.png) no-repeat;}
#sitelogo {float: left; width: 400px; height: 110px; padding-left: 25px}
#head_right {float: right; width: 268px; height: 110px; text-align: right}
#hbc {height: 40px; margin: 30px 15px 0 0; font-size: 0.9em; width: 253px; color: #a36e14; }
#hbc a {color: #85795b; text-decoration: underline}
#hbc a:hover {text-decoration: none; color: #a36e14}
#hbc .book {height: 14px; padding:3px 0; padding-left: 17px; background:url(book_out.gif) no-repeat left}
#hbc .home {height: 14px; padding:3px 0; padding-left: 17px; background:url(home_out.gif) no-repeat left}
#hbc .contact {height: 14px; padding:3px 0; padding-left: 17px; background:url(contact_out.gif) no-repeat left}
#hbc .cart {height: 14px; padding:3px 0; padding-left: 17px; background:url(cart_out.gif) no-repeat left}
#call {height: 40px; width: 235px; background: url(call_back.gif) no-repeat; margin: 0 13px 0 20px; text-align: center;}
#call img { margin-top: 17px}

#search {height: 40px; width: 235px; margin: 0 13px 0 20px; text-align: center; padding: 0; position: relative; top: 0; left: 0}
#search form {margin: 0; padding: 0}
#search .searchbox {width: 152px; border: 0; font-size: 0.9em; padding: 3px 4px 1px 4px; background:url(search_back.gif) no-repeat; height:17px; position: absolute; top: 17px; left: 20px}
#go2 {position: absolute; top: 17px; left: 185px}
#date {clear: both; background:url(date_back.gif) no-repeat; color: black; height: 17px; margin-bottom: 6px; text-align: right}
#top_menu {clear: both; background:url(menu_back.gif) no-repeat; color: white; height: 23px; padding-top: 14px; margin-bottom: 6px; text-align: center}


#nav { height:23px; text-align:center; margin:0; padding:0; font-size: 1.1em}
#nav ul, #nav ul ul { text-align:left}
#nav li { display:inline; position:relative; top:0px; margin-right:-3px; }
#nav li a { padding:10px 8px; text-decoration:none;   }
#nav li ul { margin:0; padding:0; display:none; position:absolute; top:33px;  }
#nav li>/**/ul { top:23px; }
#nav ul ul { margin:0 0 0 160px; display:block; padding:0; display:none; position:absolute; top:0;  } 
#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav ul li a { display:block; width:144px; left:0; }
#nav #active { color:#000; cursor:default; }
#nav li a { color:white; font-weight:bold; }
#nav li a:hover { color:#a36e14; }
#nav ul li a:hover, #nav ul ul li a:hover { background:#555; }
#nav .nav_parent a { padding-right:18px; background:url(nav_top_out.gif) no-repeat right}
#nav .nav_parent a:hover {background:url(nav_top_over.gif) no-repeat right  }
#nav .nav_child a { padding:5px 8px; background: #ff9600; border-top: 1px solid #000}
#nav .nav_child a:hover {background: #ffcc00; color: #000}
#nav .nav_parent2 a { background:url(nav_top_parent_out.gif) no-repeat right #ff9600;  }
#nav .nav_parent2 a:hover { background:url(nav_top_parent_over.gif) no-repeat right #ffcc00; color: #000}
#nav .nav_child2 a {background: #ff9600; border-left: 1px solid black}
#nav .nav_child2 a:hover {background: #ffcc00;}



#left {float: left; width: 190px; margin-bottom: 6px}
#left h5 {background: #a36e14; color: white; padding: 5px; margin: 0 0 6px 0; font-size: 1.1em; border: 2px solid #c18a2c}
#left h5.sign {background: #533f1d; border: 2px solid #705528}
#left h5.evening {background: #533f1d; border: 2px solid #705528}
#left h5.c_details {margin-top: 6px}
#left_menu, #left_menu1, #left_menu2 {width: 186px; border: 2px solid #fff; background: #f2efd7; margin-bottom: 6px}


#product_menu, #product_menu ul, #product_menu1, #product_menu1 ul, #product_menu2, #product_menu2 ul { padding:0; margin:0; list-style:none; width:186px; text-align:left; }
#product_menu a, #product_menu1 a,  #product_menu2 a{ display:block; width:179px; padding-left:7px; color:#4e350a; height:20px; line-height:20px; font-weight:normal; background:#f2efd7; text-transform:uppercase; letter-spacing:1px; text-decoration:none; }
#product_menu a:hover, #product_menu1 a:hover, #product_menu2 a:hover { background: #dad29f; }
#product_menu li { text-indent:0; background:none; float:left; width:186px; }
#product_menu li ul { position:absolute; width:185px; left:-999em; }
#product_menu li ul li a { height:25px; line-height:25px; width:171px; }
#product_menu li ul li a:hover {}
#product_menu li ul ul { margin:-26px 0 0 186px;  }
#product_menu li:hover ul ul, #product_menu li.sfhover ul ul { left:-999em;  }
#product_menu li:hover ul, #product_menu li li:hover ul, #product_menu li.sfhover ul, #product_menu li li.sfhover ul { left:auto; margin:-26px 0 0 186px; }
#product_menu li li:hover ul, #product_menu li li.sfhover ul { left:auto; margin:-26px 0 0 180px; }
#product_menu li ul ul { margin:-1em 0 0 10em; }
#product_menu li:hover ul ul, #product_menu li:hover ul ul ul, #product_menu li.sfhover ul ul, #product_menu li.sfhover ul ul ul { left:-999em; }
#product_menu li:hover ul, #product_menu li li:hover ul, #product_menu li li li:hover ul, #product_menu li.sfhover ul, #product_menu li li.sfhover ul, #product_menu li li li.sfhover ul { left:auto; }
#product_menu .nav_parent a { background:url(../template/nav_parent.gif) no-repeat right; }
#product_menu .nav_parent a:hover { background:url(../template/nav_parent_over.gif) #f8f8f8 no-repeat right; color: #ffcc00}
#product_menu .nav_child a, #product_menu .nav_child2 a { background: #ff9600; border-left:2px solid #000; border-bottom: 1px solid #ffedd3; color: white}
#product_menu .nav_child a:hover, #product_menu .nav_child2 a:hover { background: #fff; border-left:2px solid #ffcc00; color: #070f44}
#product_menu #active { background:#f8f8f8; cursor:default; color: #ff9600}
#product_menu .nav_child #active, #product_menu .nav_child #active {background: #ff9600; color: #000}

#sign_newsletter {width: 174px; border: 2px solid white; background: #f2efd7; padding: 6px; font-size: 1.1em}
#sign_newsletter form {padding: 0; margin: 0}
input.sign_newsletter {border: 2px solid #ffedd3; width: 166px; }
#sign_newsletter #go {margin: 4px 0 0 110px}

#contact_details {width: 162px; border: 2px solid white; background: #f2efd7; padding: 12px; font-size: 1.1em}
#contact_details b {color: #a36e14}

#right {width: 753px; float: right}
#top_pic {width: 753px; height: 145px; }
#pagebody {width: 699px; border: 2px solid white; background:url(pagebody_back.gif) repeat-x bottom #f2efd7; margin: 6px 0; padding: 10px 25px 20px 25px; font-size: 1.1em; min-height: 819px}
#pagebody p {margin: 0 0 10px 0; line-height: 1.3em}
#pagebody form {margin: 0; padding: 0}

#copyright {width: 946px; background: #a36e14; border: 2px solid #c18a2c; text-align: center; color: white; height: 21px; clear: both; padding-top: 10px; margin-bottom: 6px}
#bottom {height: 65px; width: 950px; background:url(bottom_back.png) repeat-x; margin-bottom: 30px }
#valid {float: left; height: 40px; background:url(bottom_left1.gif) no-repeat; padding: 25px 0 0 20px;  color: #a36e14}
#sitewizard {float: right; height: 40px; background:url(bottom_right1.gif) no-repeat right; text-align: right; padding: 25px 20px 0 0; color: #a36e14}


.sIFR-flash {visibility: visible !important; margin: 0;}

.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0;display: block; overflow: hidden;
} 
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {	visibility: hidden;}

#side_1 {width: 350px; padding-left: 15px; margin-left: 15px; float: right; border-left: 1px solid #e6cfa3; margin-top: 5px}
#side_2 {width: 154px; padding-left: 15px; margin-left: 15px; float: right; border-left: 1px solid #e6cfa3; margin-top: 5px}

#best1, #best2 {border-right: 1px solid #e6cfa3; padding: 0 10px}
#best3 {padding: 0 10px}
li.heading, .heading a {background: #a36e14; padding: 0; text-align: center}

.best_info {background: #a36e14; border: 2px solid #c18a2c; color: white; font-weight: bold; text-align: center; padding: 4px}.best_info a {color: #4e350a}