/*
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;}
.center a {color:#000;}
.center a:hover {color:#f90;}
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: 100px; overflow: hidden;}
#header #brand {padding: 10px 0 0 0; width: 296px;}
#brand {z-index:500; float:none}
#brand img {width:296; height:90;}

/* SEARCHBOX */
#searchbox {float: right; width: 375px; text-align: right; background: url(images/h-search.gif) no-repeat 0 45px; padding: 38px 0 0; margin: -20px 10px 0px 299px;}
#searchbox form select {width: 140px;z-index: 100; top:0px;}
#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 #000; background-color: #000; color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;font-weight:bold;}
#searchbox form .submit input:hover {color: #000; border-color: #ff0; background-color: #ff0; cursor: pointer;}


/* PAGE */
#body {margin: 0; padding: 0;}
#page {width: 795px; float: right;}

/*Header Link*/
#headlink { float:right; text-align:right; width:500px; height:25px; padding: 5px 0px 0px 0px; margin:10px 10px 10px 0px; font-size:12px; font-weight:normal; color:#ff9900}
#headlink a {color:#c0c0c0;z-index: 200;}
#headlink a:visited {color: #c0c0c0;}
#headlink a:hover {color: #000;}
#headlink a:active {color: #000;}

/* RIGHT BAR */
#rightbar {float: right; width: 180px;margin: 0;padding: 0;}
#cart-widget {background-color: #ddd; margin: 5px 0;}
#cart-widget h2 {width: 180px; height: 22px; padding: 0; margin: 0; background: #ffc300 url(images/h-cart.gif) no-repeat; text-indent: -9999px;}

#member {background-color: #666; margin-bottom: 5px; font-weight:bold; color: #fff}
#member h2 {width: 180px; height: 28px; 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 #000; background-color: #000; color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;font-weight:bold;}
#member form .submit input:hover {color: #000; border-color: #ff0; background-color: #ff0; cursor: pointer;font-weight:bold;}
#member a {color: #fff}
#member a:hover {color: #ff9900;}
#member a:active {color: #ff9900;}

/*twitter*/
#twitter {width: 180px; font-weight:bold; color: #fff; text-align:left; font-size: 14px;}
#twitter h2 {height: 45px; padding: 0; margin: 0; background: url(images/h-twitter.jpg) no-repeat; text-indent: -9999px;}
#twitter ul li {list-style-type: none; height:20px; margin:0 0 0 36px; padding: 5px 0 0 10px ;}
#twitter .mrd2h ul  li {background-color:#eee; border-bottom: 1px  dotted #ccc;}
#twitter .digital2home ul li {background-color:#eee;}
#twitter .mrd2h ul li:hover  {background-color:#bbb}
#twitter .digital2home ul li:hover {background-color:#bbb}
#twitter a {color:#000;}
#twitter a:visited {color: #000;}
#twitter a:hover {color: #000;font-size: 14px;}
#twitter a:active {color: #000;}


/*search-style*/
#search-style {margin-bottom: 5px;}

/*TOP SALE*/
#topsales {text-align:left; margin-bottom: 5px;}
#topsales h2 {width: 180px; height: 40px; 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: #005447; width: 970px; border-style:solid;border-width:5px;border-color:#000;}*/
#banner, #still-banner {background-color: #000; width: 970px;}
#banner, #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: 400px; 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 #0054476; padding: 1px; margin: 0;}
/*#bannerinfo .thumbs a:hover img.thumb {border: 1px solid #fff; padding: 1px;}*/
#bannerinfo .thumbs a:hover img.thumb {border: 1px solid #ff0; padding: 1px; }

/*productslide*/
#productslide {margin: 0 0 5px 0; width: 970px;height: 170px;background-color: #fff;padding: 0; float: left; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc;overflow: hidden;}
#productslide .productslider {float:left; margin: 10px 30px; padding:0;background-color: #000;}
#productslide .productslider img {margin: 0 5px; width:100; height:150}
#productslide .prev {float: left;height:150px; width: 15px;margin:20px 0;padding:0;}
#productslide .next {float: left;height:150px; width: 15px;margin:20px 0 ;padding:0;}

/* CONTENT */
#content {width: 610px; padding: 0 0 5px 0; margin: 0; float: left;}

#newproducts {}
#newproducts h2 {
height:29px;
width: 610px;
margin:0 0 5px  0;
padding:0;
text-indent:-9999px; background: url(images/h-product-new.gif) no-repeat;}
#newproducts .newproduct {width: 590px; height: 150px;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: 15px; color: #000; margin: 0; padding: 0;}
#newproducts h4.excerpt {width: 480px; font-size: 12px; color: #222; margin: 10px; padding: 3px 0 2px 0;line-height: 16px; font-weight: normal;}
/*#newproducts h4.iconmore {height: 19px; width: 67px; margin: 5px 0 5px 500px; padding-right: 20px; background: url(images/more.jpg) no-repeat ; }*/
#newproducts h4.iconmore {height: 19px; width: 67px; float:right; background: url(images/more.jpg) no-repeat ; }
/*#newproducts h4.iconmore {position: relative; right: 10px; bottom: 10px;}*/
#newproducts h4 {font-size: 12px; color: #ff9900; margin: 0; padding: 3px 0 2px 0;line-height: 13px;}
#newproducts h5 {font-size: 11px; color: #444; margin: 0; padding: 0; line-height: 14px;}
#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 50px auto; display:block; float:left; padding: 0 10px 0 0; }

#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: 29px;
width: 610px;
margin:5px 0;
padding:0;
text-indent:-9999px; background: url(images/h-product-popular.gif) no-repeat;}
#popularproducts .popularproduct {width: 286px; float: left; padding: 7px; margin: 0 3px 5px 0; height: 145px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc;overflow: hidden;}
/*#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:29px;
width: 610px;
margin:5px 0;
padding:0;
text-indent:-9999px; background: url(images/h-news.gif) no-repeat;}
#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:29px;
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;}

/* Activity */
#activity {width: 610; padding: 0;margin: 0;}
#activity h2 {
height:29px;
width: 610px;
margin:5px 0;
padding:0;
text-indent:-9999px; background: url(images/h-activity.jpg) no-repeat;}
.activity {margin-bottom: 5px;}
.activity .thumbnail{width: 100px;height: 100px;padding: 2px;border: ; border: 1px solid #ccc; float: left;margin: 0;}
.activity-info{float: right;width: 495px;}
.activity-info h3{padding: 0;margin: 0 0 5px;}
.activity-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: #fff; margin: 0;}
.shop-info {border-left: 2px solid #000; border-right: 2px solid #000; padding: 5px 23px; border-bottom: 2px solid #000;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 #ccc;}

/* 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: #999;background-color: #000; width: 15px;height: 15px; border: 1px solid #000;text-align: center;}
ol.snap_nav li.snap_selected a {color: #ff0;font-weight:bold; }
ol.snap_nav li a{color: #fff;}
ol.snap_nav li a:hover{color: #ff0;font-weight:bold;}


/* 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: 29px; 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; border-bottom: 1px dotted #aaa; background-color: #333; list-style-type: none; padding: 8px 0px 5px 10px; }
#productnav .mainmenu a { color:#fff;}
#productnav .mainmenu:hover {background-color:#000; }

#productnav .expanded { background-color:#000; }
#productnav .expanded a { color:#ff0;}

#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:#fff0; padding:5px 0 4px 0; }*/
#productnav ul.submenu li {border-bottom: 1px dotted #999; list-style-position: inside; list-style-image: url(images/menu-sub-bullet.gif); background-color:#bbb; padding:5px 0px 4px 0px; }
#productnav ul.submenu li a {color: #000; padding: 7px 20px 5px 0px; margin: 0; vertical-align: 1px;}
#productnav ul.submenu li a:hover { color: #000; font-weight:bold;}
/*#productnav ul.submenu li a:hover { color: #ff0; text-decoration:underline;}*/

/*Gallery*/
#hotgallery, #newgallery, #randomgallery {text-align:center; margin-bottom: 5px;}
#hotgallery h2, #newgallery h2, #randomgallery h2  { height: 31px; text-indent: -9999px; margin: 0; padding: 0;}
#hotgallery h2 {background-image: url(images/h-hot-gallery.jpg);}
#newgallery h2 {background-image: url(images/h-new-gallery.jpg);}
#randomgallery h2 {background-image: url(images/h-random-gallery.jpg);}
#hotgallery ul, #newgallery ul, #randomgallery ul {padding: 0; margin: 0;}
#hotgallery ul li, #newgallery ul li, #randomgallery ul li {border-bottom: 1px dotted #fff; background-color: #ddd; list-style-type: none; padding: 5px 10px;}
#hotgallery ul li h3, #newgallery ul li h3, #randomgallery ul li h3 {font-size: 12px; padding: 0 0 3px; margin: 0; color: #000;}
#hotgallery ul li p, #newgallery ul li p, #randomgallery ul li p {font-size: 10px; line-height: 14px; padding: 0; margin: 0; color: #000;}
#hotgallery img, #newgallery img, #randomgallery img {border: 3px solid #999;} 
#hotgallery ul li:hover {background-color: #bbb;}
#newgallery ul li:hover {background-color: #bbb;} 
#randomgallery ul li:hover {background-color: #bbb;}

/*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: 34px; 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: #ccc; list-style-type: none; padding: 5px 10px;}
#branches ul li h3 a {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: #555;}
/*#branches ul li h3 a:hover {color: #f90}*/
#branches ul li:hover {background-color: #aaa}

/*ºÑµÃµèÒ§æ ·ÕèãªéªÓÃФèÒÊÔ¹¤èÒ*/
#banners {margin-bottom: 5px;}

/*MSN*/
#msnim {margin:5px 0 5px 0; text-align:center; width: 180px;}
#msnim h2 {background-image: url(images/h-msnim.gif); height: 87px; text-indent: -9999px; margin: 0; padding: 0;}
#msnim ul {padding: 0; margin: 0;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #ddd}
#msnim ul li {border-bottom: 1px dotted #fff; list-style-type: none; padding: 5px 10px;}
#msnim ul li h3 a {font-size: 12px; padding: 0 0 3px; margin: 0;color: #000; text-decoration: none;}
#msnim ul li p {font-size: 11px; line-height: 14px; padding: 0; margin: 0; color: #666;}
/*#msnim ul li h3 a:hover {color: #f90}*/
#msnim ul li:hover {background-color: #bbb}

/* 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#m0 a {background-position: 0px 0px; width: 296px;}
#navdrop #mainnav li#m1 a {background-position: -296px 0px; width: 87px;}
#navdrop #mainnav li#m2 a {background-position: -383px 0px; width: 110px;}
#navdrop #mainnav li#m3 a {background-position: -493px 0px; width: 127px;}
#navdrop #mainnav li#m4 a {background-position: -620px 0px; width: 85px;}
#navdrop #mainnav li#m5 a {background-position: -705px 0px; width: 87px;}
#navdrop #mainnav li#m6 a {background-position: -792px 0px; width: 97px;}
#navdrop #mainnav li#m7 a {background-position: -889px 0px; width: 81px;}
/* OVER STATES */

#navdrop #mainnav li#m1 a:hover {background-position: -296px -35px;}
#navdrop #mainnav li#m2 a:hover {background-position: -383px -35px;}
#navdrop #mainnav li#m3 a:hover {background-position: -493px -35px;}
#navdrop #mainnav li#m4 a:hover {background-position: -620px -35px;}
#navdrop #mainnav li#m5 a:hover {background-position: -705px -35px;}
#navdrop #mainnav li#m6 a:hover {background-position: -792px -35px;}
#navdrop #mainnav li#m7 a:hover {background-position: -889px -35px;}
/* PRESSED STATES */

#navdrop #mainnav li#m1 a:active {background-position: -296px -70px;}
#navdrop #mainnav li#m2 a:active {background-position: -383px -70px;}
#navdrop #mainnav li#m3 a:active {background-position: -493px -70px;}
#navdrop #mainnav li#m4 a:active {background-position: -620px -70px;}
#navdrop #mainnav li#m5 a:active {background-position: -705px -70px;}
#navdrop #mainnav li#m6 a:active {background-position: -792px -70px;}
#navdrop #mainnav li#m7 a:active {background-position: -889px -70px;}
/* SELECTED STATES */

#navdrop.m1 #mainnav li#m1 a {background-position: -296px -105px;}
#navdrop.m2 #mainnav li#m2 a {background-position: -383px -105px;}
#navdrop.m3 #mainnav li#m3 a {background-position: -493px -105px;}
#navdrop.m4 #mainnav li#m4 a {background-position: -620px -105px;}
#navdrop.m5 #mainnav li#m5 a {background-position: -705px -105px;}
#navdrop.m6 #mainnav li#m6 a {background-position: -792px -105px;}
#navdrop.m7 #mainnav li#m7 a {background-position: -889px -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 {position: absolute; top: 0; border: 1px solid #888; border-bottom-width: 0; z-index: 100; background-color: #bbb; 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: #000;}
/*.dropmenudiv a:hover {color: #fff;}*/
.dropmenudiv a:hover {color: #000;}
.dropmenudiv a:visited {color: #000;}
.dropmenudiv a:active {color: #000;}
/*IE only hack*/
* html .dropmenudiv a {width: 100%;}
.dropmenudiv a:hover {background-color: #ffff00;}
/*.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: #000; text-align: center;}
#footer #copy {}
#footer #copy a {color: #fff;}
#footer #copy a:hover {color: #ff0;}
/* 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 #000; background-color: #000; color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
input:hover.button {color: #000; border-color: #ff0; background-color: #ff0; 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:#000; color:#fff}
#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; }