﻿html {
  overflow: -moz-scrollbars-vertical;
}

img {border:none; text-decoration:none; vertical-align:middle;}


FORM {margin : 0px;}

.shadow {background-image: url('images/bg.png'); width: 980px; background-repeat: repeat-y;}
#p_header {width: 960px; height: 200px; min-height: 200px; margin: 0; padding: 0;}
#p_content {width: 960px; background-image: url('images/bg_main.png'); margin: 0; padding:0;}
#p_likeit {width: 960px; background-image: url('images/bg_main.png'); margin: 0; padding:0;}
#p_slideshow {width: 960px;}
#p_footer {width: 960px; clear:both; padding-bottom: 10px; text-align: center; margin: 0; padding: 0;}

.pic250 {padding: 1px; border: 1px solid #EBEBEB; -webkit-box-shadow:0px 2px 4px #c7c4c2; -moz-box-shadow:0px 2px 4px #c7c4c2; box-shadow:0px 2px 4px #c7c4c2;}
.pic360 {border: 1px solid #EBEBEB;}
.pic640{padding: 1px; -webkit-box-shadow:0px 2px 5px #c7c4c2; -moz-box-shadow:0px 2px 5px #c7c4c2; box-shadow:0px 2px 4px #c7c4c2;}

.bb{border: 1px solid #e8e8e8; background: #FFFFFF;}
.bb_popup{border: 2px solid #e8e8e8; background-image: url('/images/bg_popup.png');}
.bb_popup_rebate{border: 3px solid #e8e8e8; background: #FFFFFF;}
.bb1{border: 1px solid #e8e8e8;}
.bbpic{border: 3px solid #e8e8e8;}
.bb_pic{border: 3px solid #e8e8e8;}
.bb_pic_tiny{border: 2px solid #e8e8e8;}
.bb_staff{border: 1px solid #e8e8e8;}

div {margin: 0px; padding: 0px; outline: none;}
.menu_footer{float:left; padding-right: 30px; line-height: 14px; color:#000000; text-decoration: none; font-size: 11px; text-align: left;}
.btn_show{float:left; width:170px; height: 30px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px;}
.bg-menu {background-image: url('/images/b_bg.png'); height: 50px; min-height: 50px; width: 920px; background-repeat: repeat-x;}

h1 {font-size: 22px; line-height: 24px; color: #000000; font-weight: normal; margin: 0px; padding: 0px;}
h2 {font-size: 12px; line-height: 17px; color: #000000; margin: 0px; padding: 0px;}
table { }

TD
{font-size: 12px; color: #000000; line-height: 16px; font-family: Century Gothic, Helvetica, Arial, Sans-Serif; text-align: left;}
.description {font-size: 13px; line-height: 15px; padding: 5px 0 5px 0;}
.title {font-size: 16px; line-height: 21px; color: #000000; font-weight: bold;}
.box{font-size: 12px; line-height: 17px; color: #000000; background-color: #e8e8e8;}
.small{font-size: 12px; line-height: 15px; }
.msg{font-size: 14px; line-height: 22px; color: #000000; font-weight: bold; padding: 10px;}
.feature{font-size: 12px; line-height: 16px;}
.title_show {font-size: 16px; line-height: 24px; font-weight:bold; color: #000000;}
.line {background-image: url('/images/line.gif'); min-height: 5px; height: 5px; background-repeat: repeat-x; }
.comment {font-size: 11px; color: #000000; line-height: 15px;}
.header{font-size: 12px; color: #000000;  background-color: #e8e8e8; line-height:24px; font-weight: bold; height: 24px;}
.footer {color:#000000; font-size: 11px; line-height: 14px;}
.ff {font-size: 12px; line-height: 15px; color: #000000; font-family: Century Gothic, Helvetica, Arial, Sans-Serif;}
.ff_loancal {font-size: 12px; color: #000000; width: 100px; text-align: right; font-family: Century Gothic, Helvetica, Arial, Sans-Serif;}
.ff1 {font-size: 12px; line-height: 18px; width: 160px; font-family: Century Gothic, Helvetica, Arial, Sans-Serif;}
.ff2 {font-size: 12px; line-height: 18px; width: 150px; font-family: Century Gothic, Helvetica, Arial, Sans-Serif;}
.ff3 {font-size: 12px; line-height: 18px; width: 190px; font-family: Century Gothic, Helvetica, Arial, Sans-Serif;}
.ffb {font-size: 12px; color: black; font-family: Century Gothic, Helvetica, Arial, Sans-Serif;}
.ffh {font-size: 12px; font-family: Century Gothic, Verdana; width: 130px; color: #000000; }
.price_show {font-size: 20px; font-weight: bold; line-height: 24px; font-family: Georgia, Century Gothic, Verdana;}
.special_show {font-size: 20px; font-weight: bold; line-height: 24px; font-family: Georgia, Century Gothic, Verdana; color: #990000;}
.price {font-size: 15px; line-height: 20px; font-weight: bold; font-family: Georgia, Century Gothic, Verdana;}
.selected {background-color: #edf7fa;}

.lbl_footer{padding-left: 4px; padding-right: 4px;}
.lbl_price{font-size: 18px; font-weight: bold; line-height: 24px; font-family: Georgia, Century Gothic, Helvetica, Arial, Sans-Serif;}
.lbl_price_special{font-size: 18px; font-weight: bold; line-height: 24px; color:#990000; font-family: Georgia, Century Gothic, Verdana;}
.lbl_price_wholesale{font-size: 18px; font-weight: bold; line-height: 24px; color:#339900; font-family: Georgia, Century Gothic, Verdana;}

.st {padding-right: 7px;}
.st1 {padding-bottom: 3px; padding-right: 7px;}
.st_search {padding-left: 5px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; font-size: 11px; line-height: 15px;}
.st_quicksearch {color: #EFEFEF; padding: 3px 3px 8px 3px;}
.st_summary {padding-right: 10px; font-size: 12px; line-height: 17px;}
.st_form {padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 4px;}

a img {text-decoration: none; border: none;}

a:link, a:Active, a:Visited {color: #000000;}
a:hover {color: #990000; text-decoration: none;}
  
a.link_header {color:#000000; text-decoration: underline; font-weight: bold;}
a.link_header:Hover {color: #990000; text-decoration: none; font-weight: bold;}

A.link_footer {color:#000000; text-decoration: none;}
A.link_footer:Hover {color: #990000; text-decoration: underline;}

a.link_sitemap {color: #000000; text-decoration: none; font-size: 11px;}
a.link_sitemap:Hover {color: #990000; text-decoration: none; font-size: 11px;}

A.link_paging {color:#000000; text-decoration: underline; font-size:13px;}
A.link_paging:Hover {color: #990000; text-decoration: none; font-size:13px;}

.lbl_paging {padding-left: 7px; padding-right: 7px;}
.lbl_paging_current{padding-left: 7px; padding-right: 7px;}

ul#topnav {margin: 0 0 0 20px; padding: 0; list-style: none; display: inline-block; height: 30px; outline: none;}
ul#topnav li {display: inline-block; float: left; position: relative; margin: 0 10px 0 10px; padding: 0; height: 30px; outline: none;}
ul#topnav li a
{
  display: inline-block; height:30px; padding: 0 0 0 2px; margin: 0px;
  background:url(images/b_matrix.png) 0 0 no-repeat; background-position: 0 -40px;
  overflow:visible; cursor:pointer; text-decoration: none; 
}
ul#topnav li a>span{display: inline-block; height: 30px; margin: 0px; padding: 0px; background:url(/images/b_matrix.png) 100% 0 no-repeat; background-position: 100% -40px;}
ul#topnav li:hover a:hover, a:focus, ul#topnav li.m-new a:hover {background-position: 0 0px;}
ul#topnav li:hover a.mma, ul#topnav .mm a:hover {background-position: 0 0px;}
ul#topnav li:hover a.mma>span, ul#topnav .mm a:hover {background-position: 100% 0px;}
    
ul#topnav li .sub {position: absolute; top: 36px; left: 0px; float: left; display: none; z-index: 999999;}
ul#topnav li .row {clear: both; float: left; width: 100%;}
ul#topnav li .sub ul{list-style: none; margin: 0; margin-left: 0px; padding: 0; width: 210px; float: left;}
ul#topnav li .sub ul li{margin: 0; padding: 0; width: 100%; height: 20px;}
ul#topnav .sub ul li a {float: none; text-indent: 0; height: auto; background: url('/images/s_bg.png'); padding: 0px; margin: 0px; display: block;}
ul#topnav .sub ul li a:hover {background: url('/images/s_bg_f.png');}

ul#brands {margin: 0 0 0 20px; padding: 0; list-style: none; display: inline-block; height: 50px; outline: none;}
ul#brands li {display: inline-block; float: left; position: relative; margin: 0 8px 0 8px; padding: 0; height: 50px; outline: none;}

