body { margin:0; padding:10px; font:75% "lucida sans unicode",verdana, arial, sans-serif; background:#000; color:#fff; line-height:1.5em; }
/* THIS BODY TAG EFFECTS THE WEB PAGE EDITORS STYLE */
input, textarea { font-family:"lucida sans unicode",verdana, arial, sans-serif; }
table { font-size:1em; }
a { color:#c29a5f; text-decoration:underline; }
a:hover { text-decoration:none; }
a img.noback, a:hover img.noback { background:none; padding:0; border:none; }
h1 { font-size:1.6em; color:#dbbb0c; line-height:1.3em; padding-bottom:3px; margin:0; border-bottom: 1px solid #40414c; font-weight:bold;} 
h2 { font-size:1em; color:#c29a5f; letter-spacing:1px; text-transform:uppercase; margin-bottom:0; } 
h3 { font-size:1.2em; line-height:1.1em; color:#2991f8; text-align: center } 
iframe {border: 1px solid #d9e7f5; padding: 4px}
h4 { font-size:1.2em; line-height:1.2em; background:#0a9300; color:#fff; padding:2px 3px 3px 3px; border:1px solid #087a00; border-bottom:3px solid #087a00; } 
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 { border:1px solid #d9e7f5; padding:4px; margin-right:10px; margin-bottom:10px; } 
img.clsbordermiddle { border:1px solid #d9e7f5; padding:4px; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:1px solid #d9e7f5; padding:4px; margin-left:10px; margin-bottom:10px; }
.datatable { }
.datatable th { background:#e20909; color:#fff; font-weight:bold; border:1px solid #fff; padding:1px 3px; }
.datatable td {border: 1px solid #40414c; padding:4px; }
.notes { font-size:0.8em; color:#e20909; } 
.shout { font-size:1.1em; color:#2991f8; font-weight:bold; border:1px solid #f7f3d5; padding: 6px } 
.shout2 { border:3px double #b5b9c2; padding:5px; font-weight:bold; line-height:1.3em; } 
.submit, .reset { width:70px; cursor:pointer; border:0; }
.submit { background:#c29a5f; color:#000; }
.reset { background: white; color:#000; }
.quote, blockquote { background:url(../template/spectrum_back.gif) #e4e8f1 repeat-x top; color:#3c414b; padding:7px; clear:both; font-family:monospace; }
.caption { background:url(../template/spectrum_back.gif) #eaedf4 no-repeat; width:165px; padding:7px; margin:0 0 10px 10px; float:right; font-size:0.9em; border:1px solid #dfe3ec; border-top:0; } 
.custom1 {  } 
.custom2 {  } 
.border { border:1px solid #d9e7f5; padding:4px; } 
.noborder { border:0; }
.datatable input {width: 264px}
textarea {width: 264px}
.spectrum { background:url(../template/spectrum.gif); height:3px; font-size:0.1em; }
.clear { clear:both; text-align:center; color:#6f7077; }
.clear1 {clear: both; line-height: 0; height: 0; font-size: 0 }
#shelf { background:url(../template/shelf_back.jpg) #1c1d1f repeat-x top left; text-align:left; margin:0 auto; color:white; padding:40px 0 15px 0;  }
#top_container { width:770px; margin:0 auto; }
#pull_far_outer { background:#C3C9D0; height:78px; text-align:right; }
#pull_outer { width:750px; margin:0 auto; }
#pull_outer img { border:0; margin-right:-4px; }
#pull_outer a>/**/img { margin-right:-3px; }
#pull { height:17px; float:right; }
#pull img { border:0; } 
#pull a { display: block; background:url(../template/contact_button.gif) no-repeat; color:white; border:0; width:63px; height:17px; }
#pull a:hover { background:url(../template/contact_button.gif) no-repeat right; }
#pull a span, #home a span { display:none; }
#top_left { float:left; width:200px; margin-right:15px; }
#top_left h5, #top_mid h5 { font-size:0.9em; margin:7px 0 1px 0; padding:0; color:#53555c; }
#top_left p { margin:10px 0 16px 0; padding:0; }
#top_mid a { text-decoration:none; color:white; border-bottom:1px dashed #6f7077; }
#top_mid a:hover { border-bottom:1px solid #6f7077; } 
#top_mid { float:left; padding-top:23px; }
#top_right { float:right; }
#contact_form fieldset { padding:10px 12px 6px 12px; width:297px; border:1px dashed #53555c; display:block; }
#contact_form select, #contact_form input, #contact_form textarea { display:block; width:190px; float:left; margin-bottom:5px; padding:2px 4px; background:#28292b; border:1px solid #4b4c4f; color:#fff; font-family:"lucida sans unicode", arial, sans-serif; overflow:hidden; font-size:1em;  }
#contact_form label { float:left; text-align:right; width:91px; padding-right:5px; font-size:1em; }
#contact_form textarea { height:100px; }
#contact_form br { clear:left; }
#contact_form .submit, #contact_form .reset { width:50px; margin:5px 0; cursor:pointer; float:right; border:0; }
#contact_form .submit { margin-right:4px; background:#53555c; color:#fff; }
#contact_form .reset { background:#2f3139; color:#fff; }
#container { width:754px; margin:30px auto; text-align:left; font-size:1.2em; }
#vhbc { text-align:right; padding:0 10px 0 15px; height:20px; }
#search { float:left; height:17px; margin-bottom:-3px; }
#search form { margin:0; padding:0; }
#search .searchbox { background:#fff; border:1px solid #d1d3da; width:160px; color:#35363a; font-size:0.8em; margin:-1px 0 5px 0; height:13px; }
#search #go { padding:0; margin:0; vertical-align:top; }
#viewcart, #home, #bookmark, #contact { float:right; }
#viewcart a span, #home a span, #bookmark a span, #contact a span { display:none; }
#viewcart a, #home a, #bookmark a, #contact a { height:17px; display:block; }
#bookmark { width:70px; }
#bookmark a { background:url(../template/bookmark_button.gif) no-repeat; }
#bookmark a:hover { background:url(../template/bookmark_button.gif) right no-repeat; }
#viewcart { width:69px; }
#viewcart a { background:url(../template/viewcart_button.gif) no-repeat; }
#viewcart a:hover { background:url(../template/viewcart_button.gif) right no-repeat; }
#home { width:46px; }
#home a { background:url(../template/home_button.gif) no-repeat;  }
#home a:hover { background:url(../template/home_button.gif) right no-repeat; }
#top_info { clear:both; background:url(../template/top_inner.gif) bottom no-repeat; margin-top:-2px; }
#top_inner { height:250px; background:url(../template/top_back.gif) top no-repeat; color:black; padding:0px 12px 0 12px; }
#sitelogo { height:85px; line-height:70px; font-size:1.7em; float:left; color:#8b0000; }
#extra { float:right; height:70px; line-height:70px; }
#top_pic { height:140px; clear:both; background:url(../template/top_pic.jpg) no-repeat;  }
#menu { height:30px; line-height:0.8em; }

#left_col { background:url(../template/left_col.gif) repeat-y; float:left; width:212px; margin:0; }
#nav, #nav ul { padding:0; margin:0; list-style:none; width:178px; text-align:left; }
#nav a {margin-left:12px; display:block; width:176px; padding-left:7px; color: #ffcc00; height:25px; line-height:24px;  font-weight:normal; text-decoration:none; border-left:1px solid #40414c; border-right: 1px solid #40414c}
#nav a:hover {  text-decoration:none; background:#c29a5f; color: white; }
#nav li { float:left; width:183px; }
#nav li ul { position:absolute; width:183px ; left:-999em; }
#nav li ul ul { margin:-27px 0 0 183px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-27px 0 0 183px; }
#nav li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
#nav .nav_child, #nav .nav_child2 {  }
#nav .nav_parent a { background:url(../template/nav_parent_out.gif) no-repeat right; }
#nav .nav_parent a:hover { background:url(../template/nav_parent_over.gif) no-repeat #d1eeff right; color: #2991f8;}
#nav .nav_child a { background:#f7f3d5; border-bottom:1px solid white;}
#nav .nav_child a:hover  { background:#d1eeff; color: #2991f8;}
#nav .nav_parent2 a { background:url(../template/nav_parent_out.gif) no-repeat #D1EEFF right; }
#nav .nav_parent2 a:hover { background:url(../template/nav_parent_over.gif) no-repeat #378CD5 right; }
#nav .nav_child2 a { background:#D1EEFF; }
#nav .nav_child2 a:hover  { background:#378CD5; }
#nav #active { cursor:default; background:#40414c; color:#fff;}

#product_menu { background:url(../template/product_bottom.gif) bottom no-repeat; width:212px; padding:0 0 110px 0; margin:0px 0 0 0; list-style-type:none; }

#extra2 { height:24px; width: 212px; background:url(left_col_bottom.gif) no-repeat bottom;}
#right_col { float:right; width:500px; padding:5px 25px 2px 0; }
#pagebody { background:url(../template/pagebody_back.gif) no-repeat right bottom; font-size:1.1em; line-height:1.4em; min-height:250px;}
#pagebody strong { color:#c29a5f;  }


#bottom { clear:both; margin-top:20px; padding-top:7px; text-align:center; background:url(bottom_back.gif) bottom repeat-x; padding-bottom:20px; font-size: 1.1em}
#bottom p { margin:12px 0; }
#valid { font-size:0.9em; }
#valid a { background:url(../template/tick.gif) #bbbfce left no-repeat; color:#fff; padding:0 2px 1px 16px; text-decoration:none; }
#valid a:hover { background:url(../template/tick.gif) #e20909 left no-repeat; }
#end, #end a { color:#91949e; text-decoration:none; font-size:0.9em; }
#end a:hover { color:#e20909; }
#spectrum_bottom { background:url(../template/spectrum.gif); height:8px; font-size:0.1em; }
#contact_top {background:url(contact_details.gif) no-repeat; width: 185px; height: 26px; margin-left: 12px; margin-top: 25px}
#contact_details {background:url(contact_back.gif) repeat-x bottom; width: 161px; border:1px solid #40414c; border-top: 0; margin-left: 12px; padding: 11px; color: white; font-size: 0.8em}
#opening_times {background:url(opening_times.gif) no-repeat top; margin-left: 12px; width: 185px; padding-top: 148px; text-align: center; margin-top: 20px}
#contact_details b {color: #c29a5f}
#contact_details a { color:#fff; }

#pagebody ul { line-height:16px; margin-left: 10px; padding: 0; font-size: 0.8em; }
#pagebody li { list-style-type:none; padding-left:15px; background:url(bullet.gif) no-repeat left top; }
#secondlist ul { line-height:16px; margin-left: 25px; padding: 0; font-size: 1em; }
#secondlist li { list-style-type:square; padding-left:5px; background:url(bullet.gif) no-repeat left top; }


#main h2 {margin: 0}

.divider { border-bottom:1px dashed #fff; clear:both; }

.invalid { background:url(invalid.gif) #fff no-repeat left; }

#home_flash { width:230px; height:230px; float:left; margin:15px 15px 15px 0; }