/*
Theme Name:  D2H
Theme URI: http://www.tigeridea.com/
Description: for Digital2Home
Version: 0.5
Author: Chris (Menn) Talawat
Author URI: http://www.imenn.com/
Tags: Digital2Home
*/
/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: "Lucida Grande", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* GENERAL */
body {padding:0; background: #fff; color: #333; font-size: 12px; line-height: 16px;}
p {margin: 0 0 12px 0;}
a {color: #cc0000; text-decoration: none;}
a:visited {color: #aa0000;}
a:hover {color: #ff9900;}
a:active {color: #f00;}
blockquote {margin: 1.5em; padding: 1em; color: #999; font-style: italic; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
blockquote .rt {display: block; text-align: right;}
strong {font-weight: bold;}
em {font-style: italic;}
acronym, abbr {border-bottom: 1px solid #8fb7bf;}
small {font-size: 9px;}
sup, sub {font-size: 75%;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
hr {width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
h1 {font-size: 17px; font-weight: bold; margin: 0 0 14px;}
h2 {font-size: 15px; font-weight: bold; margin: 0 0 12px;}
h3 {font-size: 13px; font-weight: bold; margin: 0 0 8px;}
.small {font-size: 9px;}
.medium {font-size: 10px; line-height: 15px;}
.center {text-align: center;}
ul, ol {margin: 0; padding-left: 13px; text-indent: 0;}
ul li {padding: 1px 0; list-style-type: disc; list-style-position: outside;}
ol li {padding: 1px 0; list-style-type: decimal; list-style-position: outside;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}
.boxborder {border: 1px solid #999;}
.date {font-size: 10px; color: #777; padding: 0 0 5px;}
/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 6px; margin: 10px 5px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 3px 4px 5px; margin: 0;}
/* End captions */
/* GALLERY */
.gallery-caption{font-size: 10px;color: #666;}
/* HEADER */
#container {width: 980px; margin: 0 auto; background-color: #fff;}
#header {padding: 0; margin: 0; height: 70px; overflow: hidden;}
#header #brand {padding: 10px 0 0 0; width: 300px;}
#header #brand #logo {}
/* SEARCHBOX */
#searchbox {float: right; width: 375px; text-align: right; background: url(images/h-search.gif) no-repeat 0 45px; padding: 38px 0 0; margin: 0;}
#searchbox form select {width: 140px;z-index: 100; top: -200px;}
#searchbox form .submit input {-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 1px 3px; text-decoration: none; border: 1px solid #f90; background-color: #f90; color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#searchbox form .submit input:hover {color: #fff; border-color: #f90; background-color: #c34300; cursor: pointer;}
/* PAGE */
#body {margin: 0; padding: 0;}
#page {width: 795px; float: right;}
/* RIGHT BAR */
#rightbar {float: right; width: 180px;margin: 0;padding: 0;}
#cart-widget {background-color: #feffbc; margin: 5px 0;}
#cart-widget h2 {width: 180px; height: 20px; padding: 0; margin: 0; background: #ffc300 url(images/h-cart.gif) no-repeat; text-indent: -9999px;}
#member {background-color: #feffbc; margin-bottom: 5px;}
#member h2 {width: 180px; height: 20px; padding: 0; margin: 0; background: #ffc300 url(images/h-member.gif) no-repeat; text-indent: -9999px;}
#member form .submit input {-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 1px 3px; text-decoration: none; border: 1px solid #f90; background-color: #f90; color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#member form .submit input:hover {color: #fff; border-color: #f90; background-color: #c34300; cursor: pointer;}
/*TOP SALE*/
#topsales {text-align:left}
#topsales h2 {width: 180px; height: 46px; padding: 0; margin: 0; background: #8cc63f url(images/h-topsales.gif) no-repeat; text-indent: -9999px;}
#topsales img.topicon {padding: 0 0 0 60px;}
#topsales h3 {font-size: 12px; color: #000; margin: 0; padding: 0;}
#topsales h4 {font-size: 11px; color: #ff9900; margin: 0; padding: 3px 0 2px 0;}
#topsales h5 {font-size: 10px; color: #444; margin: 0; padding: 0; line-height: 12px;}
#topsales h5.iconfree {padding-left: 30px; background: url(images/free.gif) no-repeat 0 1px;}
#topsales h4 strong {color: #e00; font-weight: bold; font-size: 13px;}
#topsales-1 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank1.gif) no-repeat 10px 6px;}
#topsales-2 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank2.gif) no-repeat 10px 10px;}
#topsales-3 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank3.gif) no-repeat 10px 10px;}
#topsales-4 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank4.gif) no-repeat 10px 10px;}
#topsales-5 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank5.gif) no-repeat 10px 10px;}
#topsales-6 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank6.gif) no-repeat 10px 10px;}
#topsales-7 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank7.gif) no-repeat 10px 10px;}
#topsales-8 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank8.gif) no-repeat 10px 10px;}
#topsales-9 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank9.gif) no-repeat 10px 10px;}
#topsales-10 {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px 8px; border-bottom: 1px solid #ccc; background: url(images/rank10.gif) no-repeat 10px 10px;}

.padder {padding: 5px 10px; margin: 0;}
.padder p {padding: 0 0 5px; margin: 0;}
/* BANNER */
#banner, #still-banner {background-color: #000; width: 610px;}
#still-banner { margin-bottom: 3px; }
#banner #mainpic, #still-banner #still-mainpic {background: url(images/banner-bg-1.gif) no-repeat; padding: 5px 5px 0; height: 240px;}
#banner #bannerinfo, #still-banner #still-bannerinfo {height: 30px; background: url(images/banner-bg-3.gif) no-repeat 0 25px;}
#bannerinfo .caption, #still-bannerinfo .caption {float: left; color: #ccc; width: 290px; overflow: hidden; padding: 7px 0 0 5px }
#bannerinfo .caption a, #still-bannerinfo .caption a { color: #ccc; }
#bannerinfo .caption a:hover, #still-bannerinfo .caption a:hover { text-decoration:underline; }
#bannerinfo .thumbs {float: right; width: 295px; overflow: hidden; text-align: right; padding: 3px 5px 0 0}
#bannerinfo .thumbs .selected img.thumb {border: 1px solid #aaa; padding: 1px;float: none;}
#bannerinfo .thumbs a img.thumb {border: 1px solid #000; padding: 1px; margin: 0;}
#bannerinfo .thumbs a:hover img.thumb {border: 1px solid #fff; padding: 1px;}
/* CONTENT */
#content {width: 610px; padding: 0 0 5px 0; margin: 0; float: left;}
#newproducts {}
#newproducts h2 {
height:33px;
width: 610px;
margin:5px 0;
padding:0;
text-indent:-9999px; background: url(images/h-product-new.gif) no-repeat;}
#newproducts .newproduct {width: 184px; height: 190px;padding: 7px; margin: 0 0 5px 0; float: left; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc;overflow: hidden;}
#newproducts h3 {font-size: 12px; color: #000; margin: 0; padding: 0;}
#newproducts h4 {font-size: 11px; color: #ff9900; margin: 0; padding: 3px 0 2px 0;line-height: 12px;}
#newproducts h5 {font-size: 10px; color: #444; margin: 0; padding: 0; line-height: 12px;}
#newproducts h5.iconfree {display: inline;padding-left: 30px; background: url(images/free.gif) no-repeat 0 1px;}
#newproducts h4 strong {color: #e00; font-weight: bold; font-size: 13px;}
#newproducts img.newproduct-thumb { margin: 0 auto 0 auto; display:block; }
#featuredproducts {width: 610px; padding: 5px 0; margin: 0;}
#featuredproducts h2 {
height:33px;
width: 610px;
margin:5px 0;
padding:0;
text-indent:-9999px; background: url(images/h-product-featured.gif) no-repeat;}
#featuredproducts .featuredproduct {width: 288px; float: left; padding: 7px; margin: 0 5px 5px 0; border-bottom: 2px dotted #ccc; height: 142px; overflow: hidden;}
#featuredproducts h3 {font-size: 12px; color: #000; margin: 0; padding: 0;}
#featuredproducts h4 {font-size: 11px; color: #ff9900; margin: 0; padding: 1px 0 1px 0;}
#featuredproducts h5 {font-size: 10px; color: #444; margin: 0; padding: 0; line-height: 12px;}
#featuredproducts h4 strong {color: #e00; font-weight: bold; font-size: 13px;}
#featuredproducts img.featuredproduct-thumb {float: left; margin: 0 10px 0 0;}

#popularproducts {width: 610px; padding: 5px 0; margin: 0;}
#popularproducts h2 {
height:33px;
width: 610px;
margin:5px 0;
padding:0;
text-indent:-9999px; background: url(images/h-product-popular.gif) no-repeat;}
#popularproducts .popularproduct {width: 288px; float: left; padding: 7px; margin: 0 0 5px 0; border-bottom: 2px dotted #ccc; height: 145px; overflow: hidden;}
.popular-info{float: right;width: 180px;}
.popular-info ul {padding: 0;margin: 2px 0 0;}
.popular-info ul li{ list-style-type: circle; list-style-image: url(images/arrow.gif);font-size: 11px;padding: 0;margin: 3px 0 0; line-height: 1.2em; list-style-position: inside; opacity: 1;}
#popularproducts h3 {font-size: 12px; color: #000; margin: 0; padding: 0;}
#popularproducts h4 {font-size: 11px; color: #ff9900; margin: 0; padding: 1px 0 1px 0;}
#popularproducts h5 {font-size: 10px; color: #444; margin: 0; padding: 0; line-height: 12px;}
#popularproducts h5.iconfree {display: inline;padding-left: 30px; background: url(images/free.gif) no-repeat 0 1px;}
#popularproducts h4 strong {color: #e00; font-weight: bold; font-size: 13px;}
#popularproducts img.popularproduct-thumb {float: left; margin: 0;}
/*newsletter*/
#newsletter {background-color: #feffbc; margin-bottom: 5px;}
#newsletter h2 {width: 180px; height: 20px; padding: 0; margin: 0; background: #ffc300 url(images/h-newsletter.jpg) no-repeat; text-indent: -9999px;}
#newsletter form .submit input {-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 1px 3px; text-decoration: none; border: 1px solid #f90; background-color: #f90; color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#newsletter form .submit input:hover {color: #fff; border-color: #f90; background-color: #c34300; cursor: pointer;}


/*NEWS */
#newss {width: 610; padding: 0;margin: 0;}
#newss h1 {height: 35px; padding: 8px 17px 0 0; margin: 0 0 0 30px; color: #fff; display: inline-block; background: url(images/headbar-bg.gif) repeat-x;}
#newss h2 {height:33px; width: 610px; margin:5px 0; padding:0; text-indent:-9999px;}
.news {margin-bottom: 5px;}
.news .thumbnail{width: 100px;height: 100px;padding: 2px;border: ; border: 1px solid #ccc; float: left;margin: 0;}
.news-info{float: right;width: 495px;}
.news-info h3{padding: 0;margin: 0 0 5px;}
.news-info p{font-size: 11px;}

/* SCOOP */
#scoops {width: 610; padding: 0;margin: 0;}
#scoops h2 {
height:33px;
width: 610px;
margin:5px 0;
padding:0;
text-indent:-9999px; background: url(images/h-scoop.gif) no-repeat;}
.scoop {margin-bottom: 5px;}
.scoop .thumbnail{width: 100px;height: 100px;padding: 2px;border: ; border: 1px solid #ccc; float: left;margin: 0;}
.scoop-info{float: right;width: 495px;}
.scoop-info h3{padding: 0;margin: 0 0 5px;}
.scoop-info p{font-size: 11px;}
/* PAGE CONTENT*/
#page-content {width: 560px; padding: 5px 24px 5px 24px; margin: 0; float: left; border: 1px solid #ccc;}
#post-content {width: 560px; padding: 5px 24px; margin: 0; float: left; border: 1px solid #ccc;}
.entry p {font-size: 13px; line-height: 1.3em;margin: 15px 0;}
.entry h1 {margin: 17px 0 7px;}
.entry h3 {padding: 10px 0 2px; color: #ff6600;}
.entry img.size-medium {}
.posts {padding: 0 0 5px;margin: 0 0 10px;}
.posts h2 {margin: 12px 0 4px;padding: 0;}
#contact-form {padding: 10px 20px; margin: 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; background-color: #ddd;}
/* LIST PRODUCT */
#breadcrumb {text-align: left; font-size: 12px; background-color: #f0f0f0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 600px; padding: 2px 5px;}
.filters-listpage {font-size: 11px; color: #666; padding: 8px 0; border-bottom: 2px dotted #ccc; width: 610px;}
.filters-listpage select {font-size: 11px;}
.filters {float: left; width: 45%;}
.listpage {float: right; width: 54%; text-align: right; padding: 3px 5px 0 0;}
.product {width: 590px; padding: 10px; border-bottom: 2px dotted #ccc;}
.product .price-box {text-align: left; float: right; width: 200px; background-color: #fff;}
.product .thumb-box {float: left;}
.product .detail-box {text-align: left; margin-left: 115px;}
.product .detail-box h2 {margin: 0 0 8px;}
.product .detail-box ul li {font-size: 12px; line-height: 13px; list-style-image: url(images/arrow.gif); list-style-position: outside; list-style-type: circle; margin-left: 0px;}
.price-box h3{ padding: 5px 7px 3px;margin: 0;font-size: 12px;color: #b54700;}

.price-brand { color: #9d2783; }
.price-d2h { color: #fb7630; }
.price-fair { color: #005a9f; }

.price-1 { color: #9d2783 !important; }
.price-2 { color: #ff3300 !important; }
.price-3 { color: #663333 !important; }
.price-4 { color: #FF6600 !important; }
.price-5 { color: #660000 !important; }
.price-6 { color: #FF0099 !important; }
.price-7 { color: #330099 !important; }
.price-8 { color: #3399CC !important; }
.price-9 { color: #66CC00 !important; }
.price-10 { color: #660066 !important; }

h4.price-desc {font-size: 11px; padding: 2px 7px 7px;border-bottom: 1px solid #fff;font-weight: normal;}
div.iconfree {width: 36px; height: 16px; float: left; background: url(images/free.gif) no-repeat 7px 3px;}
/* VIEW PRODUCT */
#viewproduct {text-align: left; width: 610px; padding: 5px 0; margin: 0; float: left;}
#product-title {background: url(images/headbar.gif) no-repeat; height: 35px;}
#product-title h1 {height: 35px; padding: 8px 17px 0 0; margin: 0 0 0 30px; color: #fff; display: inline-block; background: url(images/headbar-bg.gif) repeat-x;}
#product-pic {float: left; padding: 5px; width: 200px; text-align: center;}
#product-desc { float: right; width: 380px; padding: 10px;}
#product-desc ul li {font-size: 12px; line-height: 13px; list-style-image: url(images/arrow.gif); list-style-position: outside; list-style-type: circle; margin-left: 0px;}
#product-desc #prices {text-align: left; padding: 10px 5px; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; margin: 10px 0 0; background-color: #eee;}
#product-desc #prices strong {color: #b41600;}
a.add2cart {display: block; width: 95px; height: 20px; margin-top: 10px; margin-left: 3px; background-image: url(images/add2cart.gif); text-indent: -9999px;}
a:hover.add2cart {background-position: left bottom;}
#product-thumbs {padding: 5px 0;}
#product-thumbs a img {padding: 3px;}
#product-thumbs a:hover img {border: 1px solid #aaa; padding: 2px;}
#product-spec {padding: 10px 0;}
#product-spec h2 {height: 22px; background: url(images/h-product-spec.gif) no-repeat; padding: 8px 0 0 12px; color: #fff; margin: 0; border-bottom: 1px solid #fff;}
#product-spec table {width: 100%;}
#product-spec table th {background-color: #ddd; width: 25%; border-right: 1px solid #fff; border-bottom: 1px solid #efefef; padding: 2px 4px; color: #000;}
#product-spec table td {background-color: #f7f5d3; border-bottom: 1px solid #fff; padding: 2px 4px;}
#product-related {text-align: left; padding: 0;}
#product-related h2 {height: 21px; background: url(images/h-product-related.gif) no-repeat; padding: 9px 0 0 12px; color: #000; margin: 0;}
#product-rels {border-left: 2px solid #edbe00; border-right: 2px solid #edbe00; padding: 5px; border-bottom: 2px solid #fc0;}
.product-rel {width: 115px; height: 180px;text-align: center; float: left; padding: 2px;font-size: 11px;}
#product-discuss {padding: 10px 0;}
#product-discuss h2 {height: 22px; background: url(images/h-product-spec.gif) no-repeat; padding: 8px 0 0 12px; color: #fff; margin: 0; border-bottom: 1px solid #fff;}
#product-discuss table {width: 100%; }
#product-discuss table th {background-color: #ddd; border-right: 1px solid #fff; border-bottom: 1px solid #efefef; padding: 2px 4px; color: #000;}
#product-discuss table td {background-color: #f7f5d3; border-bottom: 1px solid #fff; padding: 2px 4px;}

/* ABOUT US */
.shop {padding: 0;margin-bottom: 10px;}
.shop h2 {height: 21px; background: url(images/h-shop.gif) no-repeat; padding: 9px 0 0 12px; color: #000; margin: 0;}
.shop-info {border-left: 2px solid #fd9c1f; border-right: 2px solid #fd9c1f; padding: 5px 23px; border-bottom: 2px solid #fd9c1f;width: 510px;}
.shop-info .wp-caption {margin-left: auto;margin-right: auto;}
.shop-info .size-thumbnail{float: left;margin-right: 10px;width: 50px;height: 50px;border: 2px solid #fac223;}

/* SNAP - GLOSSARY*/
ol.snap_nav { list-style-type: none; padding: 0;margin: 10px 0 0;}
ol.snap_nav li{display: inline;margin:0 0 0 2px; padding:0 2px 0 2px; color: #fdc78f;background-color: #f68b1f; width: 15px;height: 15px; border: 1px solid #ff9300;text-align: center;}
ol.snap_nav li.snap_selected {background-color: #000;}
ol.snap_nav li a{color: #fff;}
ol.snap_nav li a:hover{color: #fc0;}


/* LEFT BAR */
#leftbar {float: left; width: 180px;margin: 0;padding: 0;}
#productnav {text-align: left; margin-bottom: 5px;}
#productnav h2 {background-image: url(images/h-categories.gif); height: 35px; text-indent: -9999px; margin: 0; padding: 0;}
#productnav a.expanded { padding: 0 10px 0 0; margin: 0; background-image:url(images/menu-bullet.gif); background-repeat:no-repeat; float:left; overflow:hidden; height:12px; width:14px; background-position:0 -12px; }
#productnav a.collapsed { padding: 0 10px 0 0; margin: 0;  background-image:url(images/menu-bullet.gif); background-repeat:no-repeat; float:left; overflow:hidden; height:12px; width:14px; background-position:0 0; }

#productnav .mainmenu { padding: 0; margin: 0;}
#productnav .mainmenu { border-bottom: 1px dotted #aaa; background-color: #eee; list-style-type: none; padding: 8px 0 5px 10px; }
#productnav .mainmenu a { }
#productnav .mainmenu:hover {}

#productnav .expanded { background-color:#f90; }
#productnav .expanded a { color:#fff; }

#productnav ul.submenu {  }
#productnav ul.submenu li { border-bottom: 1px solid #fba62a; list-style-position: inside; list-style-image: url(images/menu-sub-bullet.gif); background-color: #fff; padding:5px 0 4px 0; }
#productnav ul.submenu li a {color: #000; padding: 7px 20px 5px 0px; margin: 0; vertical-align: 1px;}
#productnav ul.submenu li a:hover { color: #f90;}
/*Gallery*/
#gallery {text-align:center; margin-bottom: 5px;}
#gallery h2 {background-image: url(images/h-gallery.jpg); height: 25px; text-indent: -9999px; margin: 0; padding: 0;}
#gallery ul {padding: 0; margin: 0;}
#gallery ul li {border-bottom: 1px dotted #fff; background-color: #ffcc00; list-style-type: none; padding: 5px 10px;}
#gallery ul li h3 {font-size: 12px; padding: 0 0 3px; margin: 0; color: #000;}
#gallery ul li p {font-size: 10px; line-height: 14px; padding: 0; margin: 0; color: #666;}

/*doyouknow*/
#doyouknow {text-align:center; margin-bottom: 5px;}
#doyouknow h2 {background-image: url(images/h-doyouknow.gif); height: 35px; text-indent: -9999px; margin: 0; padding: 0;}
#doyouknow h3 {font-size: 15px; margin: 0; color: #0000ff; background-color: #feffbc; padding: 10px 10px; border-bottom: 2px dotted #ffcc00;}
#doyouknow ul {text-align: left; padding: 0; margin: 0;}
#doyouknow ul li {font-size: 12px; line-height: 14px; color: #000000; border-bottom: 2px dotted #ffcc00; background-color: #feffbc; list-style-type: none; padding: 5px 10px;}
#doyouknow p {text-align: right; font-size: 10px; line-height: 14px; padding: 0; margin: 0; color: #666; background-color: #feffbc;}

/*whatnew*/
#whatnew {text-align:center; margin-bottom: 5px;}
#whatnew h2 {background-image: url(images/h-whatnew.gif); height: 35px; text-indent: -9999px; margin: 0; padding: 0;}
#whatnew h3 {font-size: 15px; margin: 0; color: #0000ff; background-color: #ddd; padding: 10px 10px; border-bottom: 2px dotted #339900;}
#whatnew ul {text-align: left; padding: 0; margin: 0;}
#whatnew ul li {font-size: 12px; line-height: 14px; color: #000000; border-bottom: 2px dotted #fff; background-color: #ddd; list-style-type: none; padding: 5px 10px;}
#whatnew p {text-align: right; font-size: 10px; line-height: 14px; padding: 0; margin: 0; color: #000000; background-color: #ddd;}


/*Branches*/
#branches {margin-bottom: 5px;}
#branches h2 {background-image: url(images/h-branches.gif); height: 25px; text-indent: -9999px; margin: 0; padding: 0;}
#branches #sidepic {height: 120px;}
#branches ul {padding: 0; margin: 0;}
#branches ul li {text-align: left; border-bottom: 1px dotted #fff; background-color: #ddd; list-style-type: none; padding: 5px 10px;}
#branches ul li h3 {font-size: 12px; padding: 0 0 3px; margin: 0; color: #000;}
#branches ul li p {font-size: 10px; line-height: 14px; padding: 0; margin: 0; color: #666;}
#banners {margin-bottom: 5px;}

/*MSN*/
#msnim {margin-bottom: 5px;}
#msnim h2 {background-image: url(images/h-branches.gif); height: 25px; text-indent: -9999px; margin: 0; padding: 0;}
#msnim #sidepic {height: 120px;}
#msnim ul {padding: 0; margin: 0;}
#msnim ul li {text-align: left; border-bottom: 1px dotted #fff; list-style-type: none; padding: 5px 10px;}
#msnim ul li h3 {font-size: 12px; padding: 0 0 3px; margin: 0; color: #000;}
#msnim ul li p {font-size: 10px; line-height: 14px; padding: 0; margin: 0; color: #666;}
#msnim {margin-bottom: 5px;}

/* DROP DOWN MENU */
#navdrop {margin: 0; padding: 0 0 5px; height: 35px;}
#navdrop #mainnav {margin: 0; padding: 0;}
#navdrop #mainnav li {display: inline;}
#navdrop #mainnav li a {float: left; height: 0px; padding-top: 35px; overflow: hidden; background-image: url(images/nav.gif); background-repeat: no-repeat;}
/* BUTTONS */
#navdrop #mainnav li#m1 a {background-position: 0px 0px; width: 95px;}
#navdrop #mainnav li#m2 a {background-position: -95px 0px; width: 130px;}
#navdrop #mainnav li#m3 a {background-position: -225px 0px; width: 143px;}
#navdrop #mainnav li#m4 a {background-position: -368px 0px; width: 114px;}
#navdrop #mainnav li#m5 a {background-position: -482px 0px; width: 94px;}
#navdrop #mainnav li#m6 a {background-position: -576px 0px; width: 118px;}
#navdrop #mainnav li#m7 a {background-position: -694px 0px; width: 101px;}
/* OVER STATES */
#navdrop #mainnav li#m1 a:hover {background-position: 0px -35px;}
#navdrop #mainnav li#m2 a:hover {background-position: -95px -35px;}
#navdrop #mainnav li#m3 a:hover {background-position: -225px -35px;}
#navdrop #mainnav li#m4 a:hover {background-position: -368px -35px;}
#navdrop #mainnav li#m5 a:hover {background-position: -482px -35px;}
#navdrop #mainnav li#m6 a:hover {background-position: -576px -35px;}
#navdrop #mainnav li#m7 a:hover {background-position: -694px -35px;}
/* PRESSED STATES */
#navdrop #mainnav li#m1 a:active {background-position: 0px -70px;}
#navdrop #mainnav li#m2 a:active {background-position: -95px -70px;}
#navdrop #mainnav li#m3 a:active {background-position: -225px -70px;}
#navdrop #mainnav li#m4 a:active {background-position: -368px -70px;}
#navdrop #mainnav li#m5 a:active {background-position: -482px -70px;}
#navdrop #mainnav li#m6 a:active {background-position: -576px -70px;}
#navdrop #mainnav li#m7 a:active {background-position: -694px -70px;}
/* SELECTED STATES */
#navdrop.m1 #mainnav li#m1 a {background-position: 0px -105px;}
#navdrop.m2 #mainnav li#m2 a {background-position: -95px -105px;}
#navdrop.m3 #mainnav li#m3 a {background-position: -225px -105px;}
#navdrop.m4 #mainnav li#m4 a {background-position: -368px -105px;}
#navdrop.m5 #mainnav li#m5 a {background-position: -482px -105px;}
#navdrop.m6 #mainnav li#m6 a {background-position: -576px -105px;}
#navdrop.m7 #mainnav li#m7 a {background-position: -694px -105px;}
.dropmenudiv {position: absolute; top: 0; border: 1px solid #888; border-bottom-width: 0; z-index: 100; background-color: #777; width: 142px; visibility: hidden; text-align: left;}
.dropmenudiv a {width: auto; display: block; text-indent: 2px; border-bottom: 1px solid #888; padding: 5px 0 5px 8px; text-decoration: none; font-weight: bold; color: #fff;}
.dropmenudiv a:hover {color: #fff;}
.dropmenudiv a:visited {color: #fff;}
.dropmenudiv a:active {color: #fff;}
/*IE only hack*/
* html .dropmenudiv a {width: 100%;}
.dropmenudiv a:hover {background-color: #555;}
/* COMMENT */
.commentlist {padding: 0;}
.commentlist a, .commentlist a:hover, .commentlist a:visited {color: #000;}
.commentlist h3 {font-size: 13px; line-height: 14px; margin: 0; padding: 0; color: #666;}
.commentlist p {font-size: 11px; padding: 0 0 0 3px;}
.commentlist .comment-box {margin-left: 50px; padding-right: 10px;}
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li .avatar {float: left;}
.commentlist li {border: 1px solid #E4E4E4; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 5px; margin: 10px 0pt 3px; background: #F3F3F3;}
.commentlist li.alt {background: #FEFEFE;}
.commentlist li cite {font-style: normal; font-weight: bold;}
#commentform p {}
#commentform select {width: 130px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 97%; padding: 2px;}
#commentform #submit {margin: 0; float: right;}
h3#comments {margin-top: 25px;}
#commentform p {margin: 5px 0; padding: 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {font-weight: normal; font-size: 9px; color: #777; margin: 0; padding: 3px 0; display: block;}
/* FOOTER */
#footer {margin: 15px 0 0 0; padding: 5px; font-size: 8px; color: #fff; background-color: #f90; text-align: center;}
#footer #copy {}
#footer #copy a {color: #fff;}
#footer #copy a:hover {color: #f9b279;}
/* Added by Jong */
#product-pic .unselected {display: none;}
#product-pic .selected {display: block;}
#products .unselected {}
#products .selected {background-color: #eee;}
/* Rock's version added by Jong */
#productnew .noright {margin-right: 0px !important; }
#productnew .boxnew .body {height: 150px;}
#productnew .texttop {text-align: right;}
#productnew a {color: #df352d;}
#productnew .selected {background-color: #eee;}
#productnew .selected a {text-decoration: underline;}
#productnew a img {border: 0px none; padding: 3px;}
#productnew .selected a img {border: 1px solid #999; padding: 2px;}
#productintro .body .homebox_body {height: 125px; text-align: right;}
#productintro .body .noright {width: 275px; margin-right: 0px !important; }
#productintro .body .homebox_body img.thumb {margin: 0 0px 5px 10px !important; }
#productintro .selected {background-color: #eee;}
#productintro .selected a {text-decoration: underline;}
#productintro a {color: #df352d;}
#productintro a img {border: 0px none; padding: 3px;}
#productintro .selected a img {border: 1px solid #999; padding: 2px;}
#productpop .body .homebox_body {height: 125px; text-align: right;}
#productpop .body .noright {width: 275px; margin-right: 0px !important; }
#productpop .body .homebox_body img.thumb {margin: 0 0px 5px 10px !important; }
#productpop .selected {background-color: #eee;}
#productpop a {color: #df352d;}
#productpop .selected a {text-decoration: underline;}
#productpop a img {border: 0px none; padding: 3px;}
#productpop .selected a img {border: 1px solid #999; padding: 2px;}
#topfive .selected {background-color: #eee;}
#topfive a {color: #df352d;}
#topfive .selected a {text-decoration: underline;}
#topfive a img {border: 0px none; padding: 3px;}
#topfive .selected a img {border: 1px solid #999; padding: 2px;}

#productlist.block .unselected, #page #productlist.block .selected {border-bottom: 1px dotted #ccc; padding: 10px;}
#productlist.block .selected {background-color: #eee;}
#productlist.inline .unselected, #page #productlist.inline .selected {float: left; text-align: center; padding: 5px;}
#productlist .unselected .hide img {border: 1px dotted #ccc; padding: 3px;}
#productlist .unselected img {border: 1px solid #ccc; padding: 3px;}
#productlist .selected img {border: 2px solid #666; padding: 2px;}
#productlist .selected a {text-decoration: underline;}
#productlist.block .unselected img {border: 0px none; padding: 4px;}
#productlist .unselected .hide {opacity: 0.4; filter: alpha(opacity = 40);}
#productlist .price_panel {float: right; width: 150px; border: 1px solid #000; text-align: center;}
#productlist .price_panel .desc {background-color: #333; color: #fff; padding: 2px;}
#productlist .price_panel h3 {font-size: 20px; font-weight: bold; background-color: #333; color: #fff; padding: 5px;}
#productlist .price_panel .shown {padding: 2px; font-size: 9px;}
#productlist .price_panel .premium {padding: 2px; font-size: 9px;}
#productlist.inline .quick_panel {font-size: 10px; padding: 2px;}
#productlist.inline .quick_panel a {text-decoration: none;}
#productlist .thumb_panel {float: left;}
#productlist.block .detail_panel h2 {font-size: 16px; font-weight: bold; margin-bottom: 10px;}
#productlist.inline .detail_panel {height: 3.5em;}
#checkout td.selection { width:25px; }
#checkout td.price { width:75px; text-align:right; }
.list_index {float: right; width: 35px; text-align: center; line-height: 20px; padding: 3px;}
.list_index .index {font-size: 24px; font-weight: bold;}
.selected .list_index {border: 1px solid #000;}
.product .list_index {border: 1px solid #ccc;}
.admin table {border-collapse: collapse;}
.admin th {text-align: left; vertical-align: top; padding: 1px;}
.admin td {text-align: left; vertical-align: top; padding: 1px;}
.admin td.colhead {width: 250px;}
.admin .box{border:1px solid #ccc; padding:3px;}
input.button {-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 1px 3px; text-decoration: none; border: 1px solid #f90; background-color: #f90; color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
input:hover.button {color: #fff; border-color: #f90; background-color: #c34300; cursor: pointer;}

.admin .long {width: 400px;}
.admin .medium {width: 300px;}
.admin .short {width: 100px;}
.admin h2 {margin-top: 15px; margin-bottom: 5px; border-bottom: solid 1px #ccc; background-color: #efefef;padding: 3px 2px;font-size: 14px;}
#images .default, #page #images .picture,#page #images .removed {float: left;}
#images .image_default_panel, #page #images .image_picture_panel, #page #images .image_removed_panel {text-align: center; height: 3em;}
#images .default img {border: 2px solid #666; padding: 2px;}
#images .picture img {border: 1px solid #ccc; padding: 3px;}
#images .removed img {border: 1px dotted #333; padding: 3px; opacity: 0.4; filter: alpha(opacity = 40);}
#images .default .image_default_panel {display: block;}
#images .default .image_picture_panel {display: none;}
#images .default .image_removed_panel {display: none;}
#images .picture .image_default_panel {display: none;}
#images .picture .image_picture_panel {display: block;}
#images .picture .image_removed_panel {display: none;}
#images .removed .image_default_panel {display: none;}
#images .removed .image_picture_panel {display: none;}
#images .removed .image_removed_panel {display: block;}
.required {color: #FF0000;}
.error {color: #FF0000; margin-top: 5px; margin-bottom: 5px;}
.paging {}
.left-col {float: left; width: 50%}
.right-col {float: left; width: 50%; text-align: right;}
#productlist.block ul {list-style: outside;}
#productlist.block li {margin-left: 15px;}
#productdetail h1 {font-size: 16px;}
#productdetail ul {list-style: outside;}
#productdetail li {margin-left: 15px;}
#productdetail #productdetailname {margin-bottom: 10px;}
#productdetail .detail_panel {}
#productdetail #image_panel {position: absolute;}
#productdetail #image_panel img {display: block; margin: 0 auto 0 auto;}
#productdetail #image_panel .unselected {display: none;}
#productdetail #image_panel .selected {display: block;}
#productdetail #selection_panel {margin-top: 10px;}
#productdetail #selection_panel img {border: 0px none; padding: 3px;}
#productdetail #selection_panel a:hover img {border: 2px solid #ccc; padding: 1px;}
#productdetail .price_panel {margin-top: 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding-top: 10px; padding-bottom: 10px;}
#all-products table {width: 100%; border-bottom: 1px solid #999; border-collapse: collapse;}
#all-products td {padding: 1px; border-top: 1px dotted #ccc; vertical-align: baseline;}
#all-products td.price_optional { border-top: 1px none; }
#all-products td.alter {background-color: #f6f6f6;}
#all-products td.name {width: 400px; text-align: left;}
#all-products td.price {width: 200px; text-align: right;}
#all-products td.premium {text-align: right;}
#comparison-form table {width: 100%; border-collapse: collapse;}
#comparison-form td {padding: 1px 0 1px 0; vertical-align: middle;}
#comparison-form td.checkbox {width: 30px; text-align: center;}
#comparison-form td.name {text-align: left;}
#comparison-results table { border-collapse: collapse;}
#comparison-results td.head {font-weight: bold; background-color:#f90; }
#comparison-results td {text-align: center; vertical-align: baseline; border-bottom: 1px dotted #ccc; padding: 3px;}
#comparison-results td.spec_def {text-align: left; width: 200px; background-color:#eee; border-right: 1px solid #ccc; }
#comparison-results td.spec_value {width: 150px;}
#comparison-results td.identical {background-color: #eee;}
#search-products td.colhead { width: 250px; }
#cart table {width: 100%; border-collapse: collapse;}
#cart td {vertical-align: top; padding: 5px; border-bottom: 1px dotted #ccc;}
#cart #cart-form-nav {background-color:#CCCCCC;
margin:2px 0;
padding:5px;
text-align:right;}
#page .admin h4 {margin-top: 10px;}

table.stretch { width: 100% }
th.right, td.right { text-align:right; }

/* HEAD COLOR */
.headbox {height: 20px;padding: 6px 8px 0;font-size: 13px;font-weight: bold;margin: 4px 0 0;}
.headcolor-1 {background-color: #f68b1f;color: #000;}
.headcolor-2 {background-color: #ffca02;color: #000;}
.headcolor-3 {background-color: #8cc63e;color: #000;}
.headcolor-4 {background-color: #bfbfbf;color: #000;}
.headcolor-5 {background-color: #f4de2b;color: #000;}
.headcolor-6 {background-color: #f4bb18;color: #000;}
.headcolor-7 {background-color: #f27318;color: #000;}
.headcolor-8 {background-color: #f95325;color: #000;}
.headcolor-9 {background-color: #f6a035;color: #000;}
.headcolor-10 {background-color: #f3ce15;color: #000;}
.headcolor-11 {background-color: #e17f1d;color: #fff;}
.headcolor-12 {background-color: #eaac30;color: #fff;}
.headcolor-13 {background-color: #606060;color: #fff;}
.headcolor-14 {background-color: #d2a80a;color: #fff;}
.headcolor-15 {background-color: #bcb4a7;color: #fff;}
.headcolor-16 {background-color: #d6500f;color: #fff;}
.headcolor-17 {background-color: #c58813;color: #fff;}
.headcolor-18 {background-color: #d7c114;color: #fff;}
.headcolor-19 {background-color: #a9ae1a;color: #fff;}
.headcolor-20 {background-color: #7c9e11;color: #fff;}


/* ADMIN NAVDROP */
#admin-navdrop {margin: 0 0 5px; padding: 8px; height: 17px; background-color: #6a6a6a; border-top: 2px solid #91c33e;color: #fff;}
#admin-navdrop a {color: #fc0;font-weight: bold;}
#admin-navdrop a:hover{color: #f7e771;}
.clearspace { clear:both; }