/* Header */

h1 {display: block; height: 100px; width: 425px; background: transparent url(graphics/header_logo.gif) no-repeat top left; padding: 0; margin: 0; text-indent: -5000px; position: absolute; top: 0; left: 0;}
h2 {font: 30px Arial, sans-serif; letter-spacing: -.05em; margin: 20px 60px 22px 10px;}
h3 {font: 16px "Trebuchet MS", Arial, sans-serif; color: #069; font-weight: bold; letter-spacing: -0.5px; maring: 0; padding: 0;}

#topshop {margin: 0; padding: 0; list-style-type: none;}
#topshop ul {margin: 0; padding: 0; list-style-type: none;}
#topshop li {display: inline; margin: 0; padding: 0; text-indent: 0;}

#topshop .account a:link {display: block; height: 35px; width: 122px; background: transparent url("graphics/topshop_account.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .account a:visited {display: block; height: 35px; width: 122px; background: transparent url("graphics/topshop_account.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .account a:hover {display: block; height: 35px; width: 122px; background-image: url("graphics/topshop_account.gif"); background-position: 0 0;}
#topshop .account a:active {display: block; height: 35px; width: 122px; background-image: url("graphics/topshop_account.gif"); background-position: 0 0;}
#topshop .account {background: url("graphics/topshop_account.gif") no-repeat top left; position: absolute; top: 65px; left: 443px; text-indent: -9000px; }

#topshop .order a:link {display: block; height: 35px; width: 126px; background: transparent url("graphics/topshop_order.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .order a:visited {display: block; height: 35px; width: 126px; background: transparent url("graphics/topshop_order.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .order a:hover {display: block; height: 35px; width: 126px; background-image: url("graphics/topshop_order.gif"); background-position: 0 0;}
#topshop .order a:active {display: block; height: 35px; width: 126px; background-image: url("graphics/topshop_order.gif"); background-position: 0 0;}
#topshop .order img {position: absolute; top: 65px !important; left: 572px; text-indent: -9000px; padding: 0; margin: 0;}

#topshop .basket a:link {display: block; height: 35px; width: 149px; background: transparent url("graphics/topshop_basket.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .basket a:visited {display: block; height: 35px; width: 149px; background: transparent url("graphics/topshop_basket.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topshop .basket a:hover {display: block; height: 35px; width: 149px; background-image: url("graphics/topshop_basket.gif"); background-position: 0 0;}
#topshop .basket a:active {display: block; height: 35px; width: 149px; background-image: url("graphics/topshop_basket.gif"); background-position: 0 0;}
#topshop .basket {background: url("graphics/topshop_basket.gif") no-repeat top left; position: absolute; top: 65px; left: 705px; text-indent: -9000px; }

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

#topnav {margin: 0; padding: 0; list-style-type: none;}
#topnav ul {margin: 0; padding: 0; list-style-type: none;}
#topnav li {display: inline; margin: 0; padding: 0; text-indent: 0;}

#topnav .home a:link {display: block; height: 41px; width: 81px; background: transparent url("graphics/topnav_home.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .home a:visited {display: block; height: 41px; width: 81px; background: transparent url("graphics/topnav_home.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .home a:hover {display: block; height: 41px; width: 81px; background-image: url("graphics/topnav_home.gif"); background-position: 0 0;}
#topnav .home a:active {display: block; height: 41px; width: 81px; background-image: url("graphics/tonnav_home.gif"); background-position: 0 0;}
#topnav .home {background: url("graphics/topnav_home.gif") no-repeat top left; position: absolute; top: 100px; left: 0px; text-indent: -9000px; }

#topnav .blog a:link {display: block; height: 41px; width: 62px; background: transparent url("graphics/topnav_blog.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .blog a:visited {display: block; height: 41px; width: 62px; background: transparent url("graphics/topnav_blog.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .blog a:hover {display: block; height: 41px; width: 62px; background-image: url("graphics/topnav_blog.gif"); background-position: 0 0;}
#topnav .blog a:active {display: block; height: 41px; width: 62px; background-image: url("graphics/tonnav_blog.gif"); background-position: 0 0;}
#topnav .blog {background: url("graphics/topnav_blog.gif") no-repeat top left; position: absolute; top: 100px; left: 88px; text-indent: -9000px; }

#topnav .service a:link {display: block; height: 41px; width: 185px; background: transparent url("graphics/topnav_service.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .service a:visited {display: block; height: 41px; width: 185px; background: transparent url("graphics/topnav_service.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .service a:hover {display: block; height: 41px; width: 185px; background-image: url("graphics/topnav_service.gif"); background-position: 0 0;}
#topnav .service a:active {display: block; height: 41px; width: 185px; background-image: url("graphics/tonnav_service.gif"); background-position: 0 0;}
#topnav .service {background: url("graphics/topnav_service.gif") no-repeat top left; position: absolute; top: 100px; left: 157px; text-indent: -9000px; }

#topnav .links a:link {display: block; height: 41px; width: 69px; background: transparent url("graphics/topnav_links.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .links a:visited {display: block; height: 41px; width: 69px; background: transparent url("graphics/topnav_links.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .links a:hover {display: block; height: 41px; width: 69px; background-image: url("graphics/topnav_links.gif"); background-position: 0 0;}
#topnav .links a:active {display: block; height: 41px; width: 69px; background-image: url("graphics/tonnav_links.gif"); background-position: 0 0;}
#topnav .links {background: url("graphics/topnav_links.gif") no-repeat top left; position: absolute; top: 100px; left: 349px; text-indent: -9000px; }

#topnav .about a:link {display: block; height: 41px; width: 308px; background: transparent url("graphics/topnav_about.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .about a:visited {display: block; height: 41px; width: 308px; background: transparent url("graphics/topnav_about.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .about a:hover {display: block; height: 41px; width: 308px; background-image: url("graphics/topnav_about.gif"); background-position: 0 0;}
#topnav .about a:active {display: block; height: 41px; width: 308px; background-image: url("graphics/tonnav_about.gif"); background-position: 0 0;}
#topnav .about {background: url("graphics/topnav_about.gif") no-repeat top left; position: absolute; top: 100px; left: 425px; text-indent: -9000px; }

#topnav .contact a:link {display: block; height: 41px; width: 131px; background: transparent url("graphics/topnav_contact.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .contact a:visited {display: block; height: 41px; width: 131px; background: transparent url("graphics/topnav_contact.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .contact a:hover {display: block; height: 41px; width: 131px; background-image: url("graphics/topnav_contact.gif"); background-position: 0 0;}
#topnav .contact a:active {display: block; height: 41px; width: 131px; background-image: url("graphics/tonnav_contact.gif"); background-position: 0 0;}
#topnav .contact {background: url("graphics/topnav_contact.gif") no-repeat top left; position: absolute; top: 100px; left: 740px; text-indent: -9000px; }

#topnav .sitemap a:link {display: block; height: 41px; width: 115px; background: transparent url("graphics/topnav_sitemap.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .sitemap a:visited {display: block; height: 41px; width: 115px; background: transparent url("graphics/topnav_sitemap.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .sitemap a:hover {display: block; height: 41px; width: 115px; background-image: url("graphics/topnav_sitemap.gif"); background-position: 0 0;}
#topnav .sitemap a:active {display: block; height: 41px; width: 115px; background-image: url("graphics/tonnav_sitemap.gif"); background-position: 0 0;}
#topnav .sitemap {background: url("graphics/topnav_sitemap.gif") no-repeat top left; position: absolute; top: 100px; left: 878px; text-indent: -9000px; }


#header img {margin: 0; padding: 0;}
#header {margin: 0 auto; padding: 0; width: 993px; height: 141px; position: relative; background: transparent url(graphics/header_bg.gif) no-repeat top left;}


/* Left Column & Category Tree */

#lc {width: 186px; background-color: #666; min-height: 600px; background: transparent url(graphics/lc_bg.gif) repeat top left; padding-left: 14px;}
#lc form input {margin: 0 0 0 -2px; padding: 0; height: 24px; width: 124px; vertical-align: top; border: none; background-color: #999;}
#lc form input.text {padding-top: 4px; padding-left: 3px; height: 20px; width: 121px; font: 14px "Trebuchet MS", Arial, sans-serif; font-weight: bold; }
#lc form input.go {width: 40px; margin-left: 5px;}

#lc a:link {text-decoration: none; color: #fff; font: 14px "Trebuchet MS", Arial, sans-serif; font-weight: bold; line-height: 15px;}
#lc a:visited {text-decoration: none; color: #fff; font-weight: bold; font-size: 14px; line-height: 15px;}
#lc a:hover {text-decoration: none; color: #fff; font-weight: bold; font-size: 14px; line-height: 15px;}
#lc a:active {text-decoration: none; color: #fff; font-weight: bold; font-size: 14px; line-height: 15px;}

#lc .lc_current {font: 14px "Trebuchet MS", Arial, sans-serif; text-decoration: none; color: #fff; font-weight: bold; line-height: 15px;}

#lc p { color: #fff; font: 14px "Trebuchet MS", Arial, sans-serif; font-weight: bold; line-height: 15px;}

/* Content Section */

#content {width: 793px;}
.sides {background: transparent url(graphics/border_sides.gif) repeat-y 0 100%; width: 793px;}
.bottom {background: url(graphics/border_bottom.gif) 100% 100% no-repeat}
.top {background: url(graphics/border_top.gif) 0 0 no-repeat; padding: 25px 9px 26px 12px; min-height: 500px;}


/* Footer */

#footer {position: relative; text-align: right; color: #999; margin: 0 auto;}
#footer ul {list-style-type: none; margin: 0 0 5px 0; padding: 0; text-indent: 0;}
#footer ul li {display: inline; background: transparent url(graphics/footer_pipe.gif) no-repeat center right; padding-right: 6px; margin-right: 1px;}
#footer ul li.last {margin-right: 0; padding-right: 0; background: none;}
#footer ul li a:link {font: 12px Arial; color: #565656; font-weight: normal; text-decoration: none;}
#footer ul li a:visited {font: 12px Arial; color: #565656; font-weight: normal; text-decoration: none;}
#footer ul li a:hover {font: 12px Arial; color: #565656; font-weight: normal; text-decoration: underline;}
#footer ul li a:active {font: 12px Arial; color: #565656; font-weight: normal; text-decoration: underline;}

#footer p {font-size: 12px; margin: 0; padding: 0;}
#footer p a:link {text-decoration: none; color: #999;}
#footer p a:visited {text-decoration: none; color: #999;}
#footer p a:hover {text-decoration: none; color: #999;}
#footer p a:active {text-decoration: none; color: #999;}


/* Category Page Template */


/* Product Page */


/* Order Pages */

#other_form {width: 751px;}
#bask_table {width: 751px;}
#bask_table tr {height: 24px;}
#bask_table input {padding: 0; margin: 0;}


/* Storefront (Home Page) */


/* General Identifiers */

#wrap {width: 993px; padding: 0; margin: -8px auto 0 auto; background-color: #fff; position: relative;}

/* General Elements */

p {font-color: #565656}
img {border: 0;}

body {background-color: #fff; font: 16px/20px "Trebuchet MS", Arial, sans-serif; margin-bottom: 0;}
a:link {color: #333399;}
a:visited {color: #663399;}


/* General Classes */


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

.left {float: left; margin: 20px 40px 28px 30px;}
.right {float: right; margin: 20px 57px 28px 40px !important;}

/* Content Page */
#contentPage {padding-left:30px; width:690px;}
#content_ul li {list-style-type:disc;}
#vtop td {vertical-align: top;}

/* Tabs Section */

#ebx_tabs_wrap {width: 300px;}
#ebx_tabs_content {}

#ebx_tabs_tab1 {}
#ebx_tabs_tab1 .ebx_tabs_on {}
#ebx_tabs_tab2 {}
#ebx_tabs_tab2 .ebx_tabs_on {}
#ebx_tabs_tab3 {}
#ebx_tabs_tab3 .ebx_tabs_on {}

#ebx_tabs_wrap {}
ul#ebx_tabs_tabs {}
ul#ebx_tabs_tabs li.ebx_tabs_on {border: 1px solid #2b8ba5 !important; border-bottom: 1px solid #fff !important; color: #000 !important; position: relative; bottom: -1px;}
ul#ebx_tabs_tabs li.ebx_tabs_off {background-color: #fff !important; color: #000 !important; border: 1px solid #2b8ba5 !important; position: relative; bottom: -1px;}
#ebx_tabs_content {text-align: left; border: 1px solid #2b8ba5 !important;}