/* Header */
h4 {display: block; height: 48px; width: 293px; background: transparent url(graphics/blue_logo.gif) no-repeat top left; padding: 0; margin: 0; text-indent: -9000px; cursor: pointer; position: relative; top: 7px; left: 8px;}
h1 {font: bold 20px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif;}
h2 {font: bold 18px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif;}

#header {margin: 1px; padding: 0; height: 69px; background: transparent url(graphics/header_bg.gif)}

#topshop {margin: 0; list-style-type: none; padding: 0; text-indent: 0; position: absolute; top: 12px; left: 395px;}
#topshop li {display: inline; margin: 0; padding: 0; text-indent: 0;}

#topshop .storefront a:link {display: block; width: 89px; height: 17px; background: transparent url("graphics/ts_storefront.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .storefront a:visited {display: block; width: 89px; height: 17px; background: transparent url("graphics/ts_storefront.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .storefront a:hover {display: block; width: 89px; height: 17px; background-image: url("graphics/ts_storefront.gif"); background-position: 0 0;}
#topshop .storefront a:active {display: block; width: 89px; height: 17px; background-image: url("graphics/ts_storefront.gif"); background-position: 0 0;}
#topshop .storefront {background: url("graphics/ts_storefront.gif") no-repeat top left; position: absolute; top: 0; left: 0; text-indent: -9000px; }

#topshop .productlist a:link {display: block; width: 92px; height: 17px; background: transparent url("graphics/ts_productlist.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .productlist a:visited {display: block; width: 92px; height: 17px; background: transparent url("graphics/ts_productlist.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .productlist a:hover {display: block; width: 92px; height: 17px; background-image: url("graphics/ts_productlist.gif"); background-position: 0 0;}
#topshop .productlist a:active {display: block; width: 92px; height: 17px; background-image: url("graphics/ts_productlist.gif"); background-position: 0 0;}
#topshop .productlist {background: url("graphics/ts_productlist.gif") no-repeat top left; position: absolute; top: 0; left: 124px; text-indent: -9000px; }

#topshop .mybasket a:link {display: block; width: 82px; height: 17px; background: transparent url("graphics/ts_mybasket.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .mybasket a:visited {display: block; width: 82px; height: 17px; background: transparent url("graphics/ts_mybasket.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .mybasket a:hover {display: block; width: 82px; height: 17px; background-image: url("graphics/ts_mybasket.gif"); background-position: 0 0;}
#topshop .mybasket a:active {display: block; width: 82px; height: 17px; background-image: url("graphics/ts_mybasket.gif"); background-position: 0 0;}
#topshop .mybasket {background: url("graphics/ts_mybasket.gif") no-repeat top left; position: absolute; top: 0; left: 264px; text-indent: -9000px; }

#topshop .myaccount a:link {display: block; width: 91px; height: 17px; background: transparent url("graphics/ts_myaccount.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .myaccount a:visited {display: block; width: 91px; height: 17px; background: transparent url("graphics/ts_myaccount.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .myaccount a:hover {display: block; width: 91px; height: 17px; background-image: url("graphics/ts_myaccount.gif"); background-position: 0 0;}
#topshop .myaccount a:active {display: block; width: 91px; height: 17px; background-image: url("graphics/ts_myaccount.gif"); background-position: 0 0;}
#topshop .myaccount {background: url("graphics/ts_myaccount.gif") no-repeat top left; position: absolute; top: 21px; left: 0; text-indent: -9000px; }

#topshop .productsearch a:link {display: block; width: 112px; height: 17px; background: transparent url("graphics/ts_productsearch.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .productsearch a:visited {display: block; width: 112px; height: 17px; background: transparent url("graphics/ts_productsearch.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .productsearch a:hover {display: block; width: 112px; height: 17px; background-image: url("graphics/ts_productsearch.gif"); background-position: 0 0;}
#topshop .productsearch a:active {display: block; width: 112px; height: 17px; background-image: url("graphics/ts_productsearch.gif"); background-position: 0 0;}
#topshop .productsearch {background: url("graphics/ts_productsearch.gif") no-repeat top left; position: absolute; top: 21px; left: 124px; text-indent: -9000px; }

#topshop .checkout a:link {display: block; width: 89px; height: 72px; background: transparent url("graphics/ts_checkout.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .checkout a:visited {display: block; width: 89px; height: 72px; background: transparent url("graphics/ts_checkout.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .checkout a:hover {display: block; width: 89px; height: 72px; background-image: url("graphics/ts_checkout.gif"); background-position: 0 0;}
#topshop .checkout a:active {display: block; width: 89px; height: 72px; background-image: url("graphics/ts_checkout.gif"); background-position: 0 0;}
#topshop .checkout {background: url("graphics/ts_checkout.gif") no-repeat top left; position: absolute; top: 21px; left: 264px; text-indent: -9000px; }


/* #content {width: 543px; background-color: #4f6680;} */
#content {width: 554px !important;}

#content h2 {margin: 19px 25px 10px 16px;}
#content h3 {margin: 19px 25px 10px 16px;}
#content h4 {margin: 19px 25px 10px 16px;}
#content p {margin: 0 25px 10px 16px;}
#content ul, #content ol {margin: 0 25px 10px 0;}

#content a:link {color: #1d5874;}
#content a:visited {color: #774b4b;}

#other a:link {color: #1d5874;}
#other a:visited {color: #774b4b;}



/* Left Column & Category Tree */
/*
div.lc {border: 1px solid #dde1e6; background-color: #edeff2; margin-top: 6px; padding-bottom: 10px;}
*/
#lc {width: 198px; padding-left: 8px; background: #fff url(graphics/lc_bg.gif) repeat-y 0 6px; border-right: none; color: #18526e; margin-top: 6px;}
#lc a:link {color: #648a9d; text-decoration: none; font: 11px/15px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif;}
#lc a:visited {color: #648a9d; text-decoration: none; font: 11px/15px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif;}
#lc a:hover {color: #648a9d; text-decoration: underline; font: 11px/15px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif;}
#lc a:active {color: #648a9d; text-decoration: none; font: 11px/15px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif;}
#lc b {color: #18526e; font-style: italic !important; font: 11px/15px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif;}

#lc p {font: 11px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; margin: 6px; color: #648a9d;}
#lc form {margin: 0; padding: 0 0 3px 0;}
#lc form input.search {width: 142px; height: 17px; font: 11px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; margin: 0 2px 0 5px; padding: 3px 0 0 2px; border: 0;}
#lc form input.go {position: relative; top: 7px;}

#lc img.title {margin: 8px 0 6px 6px;}

#lc hr {color: #e7eaed; background: #e7eaed; border: 0; height: 1px; margin: 6px 0;}

#category_tree {margin: 0 0 0 6px;}
#category_tree ul {margin-bottom: 0; padding-bottom: 0;}

#lc img.signup {margin: 6px 0 6px 6px;}

/* Footer */

#footer {padding: 7px 7px 10px 0; margin: 1px;}
#footer ul {margin: 0; list-style-type: none; padding: 0; text-indent: 0; text-align: right;}
#footer ul li {display: inline; margin: 0 3px 0 0; padding:  0 6px 0 0; text-indent: 0; font: 11px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; border-right: 1px solid #a79682;}
#footer ul li.last {border-right: none; margin-right: 0; padding-right: 0;}
#footer ul li a:link {color: #7e7875;}
#footer ul li a:visited {color: #7e7875;}
#footer ul li a:hover {color: #7e7875;}
#footer ul li a:active {color: #7e7875;}
#footer p {font: 11px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; color: #a79682; text-align: right; margin: 8px 0 0 0; padding: 0;}



/* Category Page Template */

#cat_prods {margin: 0 25px 10px 16px; font: 12px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif !important;}
#cat_prods td {font: 12px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif !important;}
p.catprod_name {margin: 0 0 4px 0 !important;}
p.catprod_code {margin: 0 0 0 0 !important; color: #333;}

/* Product Page */

b.fship {color: #2c8d6e;}
#dsl_image {width: 150px; height: 350px;}
#drp_image {width: 150px; height: 350px;}
#fx_image {width: 150px; height: 350px;}

/* Product Tabs */

#maintab {margin: 20px 0 0 0!important; height: 29px; padding: 0 !important;}
.shadetabs li {background-color: #fff; display: block; float: left; margin: 0; padding: 1px; height: 26px; border: 1px solid #ddd;}
.shadetabs li a:link {background-color: #ececec; display: block; font-weight: bold; text-decoration: none !important; height: 16px; padding: 4px 10px 6px 10px; color: #6e6e6e !important;}
.shadetabs li a:hover {background-color: #ececec; display: block; font-weight: bold; text-decoration: none !important; height: 16px; padding: 4px 10px 6px 10px; color: #6e6e6e !important;}
.shadetabs li a:active {background-color: #ececec; display: block; font-weight: bold; text-decoration: none !important; height: 16px; padding: 4px 10px 6px 10px; color: #6e6e6e !important;}
.shadetabs li a:visited {background-color: #ececec; display: block; font-weight: bold; text-decoration: none !important; height: 16px; padding: 4px 10px 6px 10px; color: #6e6e6e !important;}
.shadetabs li.selected {border-bottom: 1px solid #fff; background-color: #fff;}
.shadetabs li.selected a:link {background-color: #fff; background-image: none !important; text-decoration: none !important; color: #000 !important;}
.shadetabs li.selected a:hover {background-color: #fff; background-image: none !important; text-decoration: none !important; color: #000 !important;}
.shadetabs li.selected a:active {background-color: #fff; background-image: none !important; text-decoration: none !important; color: #000 !important;}
.shadetabs li.selected a:visited {background-color: #fff; background-image: none !important; text-decoration: none !important; color: #000 !important;}
.tabcontent {border: 1px solid #ddd; padding: 10px 10px 40px 10px;}

/*
#ebx_tabs_wrap {margin:0 0 0 13px; padding:3px 0px;}
ul#ebx_tabs_tabs {padding-left: 5px; padding-right: 5px; margin-bottom: 3px; margin-left: 0;}
ul#ebx_tabs_tabs li {font: 12px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; padding: 3px 5px; margin:0 3px 0 0;}
ul#ebx_tabs_tabs li.ebx_tabs_off {border: 1px solid #4F647B; border-bottom:none; background-color: #4F647B; color: #fff;}
ul#ebx_tabs_tabs li.ebx_tabs_on {border: 1px solid #4F647B; border-bottom: 1px solid #fff; color: #5C5C5C;}
#ebx_tabs_content {border: 1px solid #4F647B; font: 12px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; padding: 10px; height: auto; margin-top: 0 !important;}
*/
h2 font {font: bold 20px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif;}
table.font_control, table.font_control td {font: 12px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif !important;}
b.prod_price {font-size: 18px; font-weight: normal; color: #CC0000;}
.price_ranges {font-size: 17px; font-weight: bold; color: #CC0000; letter-spacing: -1px;}
.price {font-size: 18px; font-weight: bold; color: #CC0000;}

#links_box {margin: 13px 0 0 0;}
#links_box p {margin: 0 0 3px 0 !important;}



/* Order Pages */

#other {padding: 0 13px 13px 13px;}
#other h2 {margin: 19px 25px 10px 0;}
#other h3 {margin: 19px 25px 10px 0;}
#other h4 {margin: 19px 25px 10px 0;}
#other p {margin: 0 13px 10px 0;}



/* Storefront (Home Page) */

td.sfnt {background-color: #fff !important;}

#sfnt_blue {color: #000; font: 13px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; background: #ffffff url(graphics/sfnt_house.jpg) no-repeat top left; margin: 1px;}
#sfnt_blue img {margin: 19px 0 12px 15px;}
#sfnt_blue p {margin: 0; padding: 0 285px 20px 14px; margin-bottom: 0;}
#sfnt_blue a:link {color: #000;}
#sfnt_blue a:visited {color: #000;}
#sfnt_blue a:hover {color: #000;}
#sfnt_blue a:active {color: #000;}

#sfnt_brown {color: #000; font: 12px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; background-color: #fff; margin: 1px; padding-bottom: 13px;}
#sfnt_brown h3 {padding-top: 13px; margin: 0 13px 11px 16px; color: #51657b;}
#sfnt_brown table {margin: 0 0 0 16px; width: 526px;}
#sfnt_brown table td {width: 33%; vertical-align: top;}
#sfnt_brown table td p {width: 150px; margin-top: 5px; margin-bottom: 0;}
#sfnt_brown table td.last {padding-right: 0;}
#sfnt_brown table td a:link {color: #495f78;}
#sfnt_brown table td a:visited {color: #495f78;}
#sfnt_brown table td a:hover {color: #495f78;}
#sfnt_brown table td a:active {color: #495f78;}

#sfnt_beige {color: #000; font: 12px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; background-color: #fff; margin: 1px;}
#sfnt_beige img {float: left; margin: 0 12px 15px 12px;}
#sfnt_beige h3 {padding-top: 13px; margin: 0 13px 5px 12px; color: #51657b;}
#sfnt_beige p {margin: 0 25px 0 0; padding-bottom: 17px;}
#sfnt_beige a:link {color: #51657b;}
#sfnt_beige a:visited {color: #51657b;}
#sfnt_beige a:hover {color: #51657b;}
#sfnt_beige a:active {color: #51657b;}

#sfnt_gray {color: #000; font: 12px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif; background-color: #fff; margin: 0; clear: both; margin: 1px;}
#sfnt_gray p {margin: 0; padding: 16px 25px 0 15px;}
#sfnt_gray p.last {margin: 0; padding: 13px 25px 16px 15px;}
#sfnt_gray a:link {color: #495f78;}
#sfnt_gray a:visited {color: #495f78;}
#sfnt_gray a:hover {color: #495f78;}
#sfnt_gray a:active {color: #495f78;}





/* General Elements, Identifiers and Classes */

address {margin: 16px 25px 10px 16px; font-style: normal;}
img {border: 0;}
body {margin: 0; padding: 0; background-color: #ebede3; font: 13px Tahoma, Myriad, "Trebuchet MS", Futura, sans-serif;}
a:link {}
a:visited {}

#wrap {width: 760px; margin: 0 auto 0 auto; background-color: #fff; position: relative; padding: 0 4px 0 4px; background: #fff url(graphics/wrap_bg.gif) repeat-y top left;}

.clear {clear: both;}
div.clear {margin: 0;}

p.error {color: red; margin: 0 25px 0 16px !important;}
p.faq_q {font-weight: bold; margin: 0 25px 0 16px !important;}
p.faq_a {margin: 0 25px 10px 16px !important;}