﻿html, body
{
    line-height: 16px;
    color: #555555;
    background-image: url('/images/bg.png');
    margin: 0;
    padding: 0;
    overflow: -moz-scrollbars-vertical;
    font-size: 13px;
    height: 100%;
    font-family: 'Segoe UI', 'Century Gothic', sans-serif;
}

img {border: 0; text-decoration:none; vertical-align: middle;}

FORM {margin : 0px;}
select, input {color: #555555; padding: 1px; font-family: 'Segoe UI', 'Century Gothic', sans-serif;}

#p_all {height: 100%;}
#p_shadow {background-image: url('/images/bg_shadow.png'); background-repeat: repeat-y;}
#p_header {width: 960px; height: 160px; min-height: 160px; background-image: url('/images/bg_h.png'); margin: 0 0 0 10px;}
#p_menu {width: 960px; height: 40px; min-height: 40px; background: #e49d05 url('/images/b_bg.png') repeat-x; margin: 0 0 0 10px;}
#p_content {width: 960px; margin: 0 0 0 10px; padding: 0 0 20px 0;  background-color: #efefef;}
#p_footer {width: 960px; clear: both; margin: 0 0 0 10px; padding: 0;}

.pic250 {padding: 0; -webkit-box-shadow: 0 0 5px #e0e0e0; -moz-box-shadow: 0 0 5px #e0e0e0; box-shadow: 0 0 5px #e0e0e0;}
.pic360 {margin: 0; padding: 0;}
.pic640{padding: 1px; -webkit-box-shadow: 0 2px 5px #e0e0e0; -moz-box-shadow: 0 2px 5px #e0e0e0; box-shadow: 0 2px 5px #e0e0e0;}

.bb{border: 1px solid #3c6795; background: #FFFFFF;}
.bb_popup{border: 2px solid #3c6795;}
.bb_popup_rebate{border: 3px solid #3c6795; background: #FFFFFF;}
.bb1{border: 1px solid #3c6795;}
.bbpic{border: 3px solid #3c6795;}
.bb_pic{border: 3px solid #3c6795;}
.bb_pic_tiny{border: 2px solid #3c6795;}
.bb_staff{border: 1px solid #f5f5f5;}

div {margin: 0; padding: 0; outline: none;}
div.menu_footer{float: left; padding-right: 30px; line-height: 16px; color: #555555; text-decoration: none; text-align: left; font-size: 11px; text-shadow: 0 -1px 1px #24466a;}
div.menu_footer a {color:#e8e8e8; text-decoration: none; display: block;}
div.menu_footer a:hover {color: #ecbc16; text-decoration: none;}
div.btn_show{float:left; width:170px; height: 40px; padding: 2px 0 2px 6px; margin: 0;}
div.bg-menu {background-image: url('/images/b_bg.png'); height: 50px; min-height: 50px; width: 920px; background-repeat: repeat-x;}
div.qs {background-color: #ebebeb; padding: 20px 0 20px 0; border: 1px solid #cccccc;}

div.build {padding: 10px 0 10px 0; margin: 3px 0 3px 0;}
div.build:hover {background-color: #ffffff;}

div.widget {margin-top: 10px; margin-bottom: 10px; z-index: 0;}
ul.tabnav {margin: 0px; padding: 0px; list-style: none; display: table; white-space:nowrap; margin-bottom: 10px;}
ul.tabnav li {display: inline; list-style: none; margin: 0px;}
ul.tabnav li a {text-decoration: none; font-weight: normal; padding: 5px 10px 5px 10px; outline: none; color: #e8e8e8; background: #3c6795; text-shadow: 0 -1px 1px #24466a; margin: 0 1px 0 0;}
ul.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background: #e7a809 url('/images/b_bg.png') repeat-x; color: #111111; text-shadow: 0 1px 0 #bbbbbb;}
div.tabdiv {}
div.ui-tabs-hide {display: none;}

h1 {font-size: 22px; margin: 0; padding: 5px 0 5px 0; font-weight: normal; font-family: 'Segoe UI', 'Century Gothic', sans-serif;}
h2 {font-size: 16px; line-height: 22px; margin: 0; padding: 0 0 5px 0; font-weight: normal;}
h3 {font-size: 16px; line-height: 22px; color: #555555; padding: 0; margin: 0; font-weight: normal;  display: inline;}
h4 {font-size: 14px; line-height: 19px; color: #555555; padding: 0; margin: 0 0 5px 0;  display: inline; font-weight: normal;}

TD {font-size: 12px; color: #555555; line-height: 17px; font-family: 'Segoe UI', 'Century Gothic', sans-serif; text-align: left; text-shadow: 0 1px 0 #fff;}
.description {padding: 5px 0 5px 0;}
.title {font-size: 18px; line-height: 21px; color: #555555;}
.box{color: #555555; background-color: #e8e8e8;}
.small{font-size: 12px; line-height: 15px; }
.msg{font-size: 13px; line-height: 22px; color: #555555; font-weight: bold; padding: 10px;}
.feature{line-height: 16px;}
.title_show {line-height: 24px; font-weight:bold; color: #555555;}
.line {background-image: url('/images/line.gif'); min-height: 5px; height: 5px; background-repeat: repeat-x; }
.comment {font-size: 11px; color: #555555; line-height: 15px;}
.header{font-size: 12px; line-height: 24px; font-weight: normal; padding: 4px 0 5px 0; background-color: #e8e8e8;}
.footer {font-size: 11px; line-height: 16px; padding-right: 5px; color: #e8e8e8; text-shadow: 0 -1px 1px #24466a;}
.footer_moreinfo {display: none; padding: 10px 0 10x 0;}
.footer_title {font-size: 14px; line-height: 20px; color: #e8e8e8; width:100%; display: inline-block; border-bottom: 1px dotted #cccccc; margin: 0 0 5px 0; padding: 0;}
.ff {font-size: 12px; color: #555555;}
.ff_loancal {font-size: 12px; color: #555555; width: 100px; text-align: right;}
.ff1 {font-size: 12px; width: 160px; padding: 1px;}
.ff2 {font-size: 12px; width: 150px;}
.ff3 {font-size: 12px; width: 190px;}
.ffb {font-size: 12px; color: #555555; padding: 2px 12px 2px 12px; text-shadow: 0 1px 0 #fff;}
.ffh {font-size: 12px; width: 140px; color: #555555; padding: 1px;}
.price_show {font-size: 20px; font-weight: bold; line-height: 24px; font-family: Georgia, sans-serif;}
.special_show {font-size: 20px; font-weight: bold; line-height: 24px; font-family: Georgia, sans-serif; color: #b67500;}
.price {font-size: 15px; line-height: 20px; font-weight: bold; font-family: Georgia, sans-serif;}
.selected {}
.slist {padding: 1px 0 1px 0;}

.coupon {text-align: center; padding-top: 5px; font-size: 20px; color: #b67500; font-weight: bold; line-height: 26px;}
.title_coupon {font-size: 20px; line-height: 28px;}
.coupon_description {text-align: justify; padding-top: 10px; line-height: 13px;}
.coupon_price {text-align: center; padding-top: 5px; font-size: 24px; color: #b67500; font-weight: bold; font-family: Georgia; line-height: 30px;}

.lbl_footer{padding-left: 4px; padding-right: 4px;}
.lbl_price{font-size: 18px; font-weight: bold; line-height: 24px; font-family: Georgia, sans-serif;}
.lbl_msrp {font-size: 15px; font-weight: bold; line-height: 24px; font-family: Georgia, sans-serif; text-decoration: line-through;}
.lbl_price_special{font-size: 18px; font-weight: bold; line-height: 24px; color:#b67500; font-family: Georgia, sans-serif;}
.lbl_price_wholesale{font-size: 18px; font-weight: bold; line-height: 24px; color:#b67500; font-family: Georgia, sans-serif;}

.st {padding-right: 7px;}
.st-f {background-color: #f5f5f5;}
.st1 {padding-bottom: 3px; padding-right: 7px;}
.st_h {padding-bottom: 1px; padding-right: 7px; text-align: right;}
.st_search {padding-left: 5px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; font-size: 12px; line-height: 15px;}
.st_quicksearch {color: #555555; padding: 2px 2px 8px 2px;}
.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: #555555;}
a:hover {color: #b67500;}
  
a.link_header {color:#555555; text-decoration: underline; font-weight: bold;}
a.link_header:Hover {color: #b67500; font-weight: bold;}

a.link_qd {color:#555555; text-decoration: none; display: block;  border-bottom: 1px dotted #cccccc;
           background-image: url('/images/qd_black.png'); background-position: right top; background-repeat: no-repeat;}
a.link_qd:Hover {color: #b67500; background-image: url('/images/qd_red.png'); background-position: right top; }

a.link_footer {color: #e8e8e8; text-decoration: none;}
a.link_footer:Hover {color: #ecbc16; text-decoration: underline;}

a.link_build {color: #555555; text-decoration: none;}
a.link_build:Hover {color: #b67500;}

a.link_sitemap {color: #555555; text-decoration: none; font-size: 12px;}
a.link_sitemap:Hover {color: #b67500; text-decoration: underline;}

a.link_paging {color: #444444; font-size: 13px; display: inline-block; padding: 5px 12px 5px 12px; font-weight: normal;
               text-decoration: none; margin: 3px 0 3px 0; border: 1px solid #cccccc;
               background-color: #e8e8e8; text-shadow: 0 1px 0 #fff;
               }
a.link_paging:Hover {background: #e7a809 url('/images/b_bg.png') repeat-x; color: #111111; text-shadow: 0 1px 0 #bbbbbb;}

a.toplink {color:#555555; text-decoration: underline; text-align: right; padding: 0 0 20px 0; display: block; font-size: 10px;}
a.toplink:Hover {color: #b67500;}

.lbl_paging {padding-left: 7px; padding-right: 7px; }
.lbl_paging_current{padding-left: 7px; padding-right: 7px;}

ul#topnav {margin: 0 10px 0 10px; padding: 0; list-style: none; display: inline-block; height: 40px; outline: none; z-index: 200;}
ul#topnav li {display: inline-block; float: left; position: relative; height: 40px; 
              outline: none; z-index: 200; margin: 0; padding: 0;}
ul#topnav li a
{
  clear: both; font-family: 'Segoe UI', sans-serif; display: inline-block; height: 40px;
  overflow: visible; cursor: pointer; text-decoration: none; line-height: 40px; 
  font-size: 14px; font-weight: normal; color: #111111; padding: 0 18px 0 18px;
  text-shadow: 0 1px 0 #bbbbbb;
}
ul#topnav li:hover a {color: #e8e8e8; background: #3c6795; text-shadow: 0 -1px 1px #24466a;}
ul#topnav li a.mma {clear: both; text-indent: 13px; background: url('/images/icon_down.png'); background-repeat: no-repeat;}
ul#topnav li:hover a.mma {color: #e8e8e8; background: #3c6795 url('/images/icon_down_f.png') no-repeat;}

ul#topnav li .sub {position: absolute; top: 40px; left: 0; float: left; display: none;  background-color: #3c6795; color: #e8e8e8;
                   -webkit-box-shadow: 2px 2px 2px #cccccc; -moz-box-shadow: 2px 2px 2px #cccccc; box-shadow: 2px 2px 2px #cccccc;
                   z-index: 200; width: 210px; padding: 10px 0 10px 0;}
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{clear: both; margin: 0; padding: 0; width: 100%; height: 28px; border-bottom: 1px dotted #5580ae;}
ul#topnav .sub ul li a {float: none; text-indent: 28px; height: auto; text-transform: none; font-size: 13px; font-weight: normal;
                        padding: 0; margin: 0; display: block; text-align: left; color: #e8e8e8; line-height: 28px; text-shadow: 0 -1px 1px #24466a;
                        background: url('/images/icon_arrow.png'); background-repeat: no-repeat;}
ul#topnav .sub ul li a:hover {background: #e7a809 url('/images/b_bg.png') repeat-x; color: #111111; text-shadow: 0 1px 0 #bbbbbb;}
