﻿html, body
{
    line-height: 16px;
    background-image: url('images/bg.png');
    color: #333333;
    margin: 0;
    padding: 0;
    overflow: -moz-scrollbars-vertical;
    font-size: 12px;
    height: 100%;
}

img {border: 0; text-decoration:none; vertical-align: middle;}

FORM {margin : 0px;}

#p_all {background-image: url('images/bg600.png'); background-repeat: repeat-x; min-height: 500px; height: 100%;}
#p_shadow {background-image: url('/images/bg_main.png'); background-repeat: repeat-y;}
#p_header {width: 960px; height: 190px; min-height: 190px; background-image: url('/images/bg_header.jpg'); margin: 0 0 0 10px; padding: 0; background-repeat: no-repeat;}
#p_menu {width: 960px; height: 40px; min-height: 40px; background-image: url('/images/b_bg.png'); margin: 0 0 0 10px; padding: 0; background-repeat: no-repeat;}
#p_content {width: 960px; background-image: url('/images/bg_content.png'); margin: 0 0 0 10px; padding: 0 0 10px 0;  background-repeat: repeat-y;}
#p_footer {width: 960px; clear: both; margin: 0 0 0 10px; padding: 0; background-image: url('/images/bg_footer.png'); background-repeat: no-repeat;}

.pic250 {padding: 0; border: 2px solid #c1c1c1;}
.pic360 {border: 1px solid #c1c1c1;}
.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 #c1c1c1; background: #FFFFFF;}
.bb_popup{border: 2px solid #cccccc; background-image: url('/images/bg_popup.png');}
.bb_popup_rebate{border: 3px solid #c1c1c1; background: #FFFFFF;}
.bb1{border: 1px solid #c1c1c1;}
.bbpic{border: 3px solid #c1c1c1;}
.bb_pic{border: 3px solid #c1c1c1;}
.bb_pic_tiny{border: 2px solid #c1c1c1;}
.bb_staff{border: 1px solid #c1c1c1;}

div {margin: 0px; padding: 0px; outline: none;}
div.menu_footer{float:left; padding-right: 30px; line-height: 15px; color:#333333; text-decoration: none; font-size: 12px; text-align: left;}
div.btn_show{float:left; width:170px; height: 30px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px;}
div.bg-menu {background-image: url('/images/b_bg.png'); height: 50px; min-height: 50px; width: 920px; background-repeat: repeat-x;}

h1 {font-size: 20px; line-height: 24px; color: #333333; font-weight: normal; margin: 0px; padding: 0px;}
h2 {font-size: 12px; line-height: 17px; color: #333333; margin: 0px; padding: 0px;}
table { }

TD
{font-size: 12px; color: #333333; line-height: 16px; font-family: 'Century Gothic', Helvetica, Arial, Sans-Serif; text-align: left;}
.h_line {height: 120px; outline: none; width: 2px; background:url(/images/h_line.png) 100% 0 no-repeat;}
.description {font-size: 13px; line-height: 15px; padding: 5px 0 5px 0;}
.title {font-size: 16px; line-height: 21px; color: #333333; font-weight: bold;}
.box{color: #333333; background-image: url('images/bg_box.png');}
.small{font-size: 12px; line-height: 15px; }
.msg{font-size: 14px; line-height: 22px; color: #333333; font-weight: bold; padding: 10px;}
.feature{font-size: 12px; line-height: 16px;}
.title_show {font-size: 16px; line-height: 24px; font-weight:bold; color: #333333;}
.line {background-image: url('/images/line.gif'); min-height: 5px; height: 5px; background-repeat: repeat-x; }
.comment {font-size: 11px; color: #333333; line-height: 15px;}
.header{font-size: 12px; color: #333333; line-height:24px; font-weight: bold; height: 24px; background-image: url('images/bg_box.png');}
.footer {color: #333333; font-size: 12px; line-height: 15px;}
.footer_line {color: #333333; font-size: 11px; line-height: 15px; padding: 0 5px 0 5px;}
.ff {font-size: 12px; line-height: 15px; color: #333333; font-family: 'Century Gothic', Helvetica, Arial, Sans-Serif;}
.ff_loancal {font-size: 12px; color: #333333; 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: #333333; font-family: 'Century Gothic', Helvetica, Arial, Sans-Serif;}
.ffh {font-size: 12px; font-family: 'Century Gothic', Helvetica, Arial, Sans-Serif; width: 115px; color: #333333; }
.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 {}

.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_msrp {font-size: 15px; font-weight: bold; line-height: 24px; font-family: Georgia, 'Century Gothic', Helvetica, Arial, Sans-Serif; text-decoration: line-through;}
.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: 12px; line-height: 15px;}
.st_quicksearch {color: #222222; padding: 2px 2px 8px 2px; font-size: 12px;}
.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: #333333;}
a:hover {color: #990000; text-decoration: none;}
  
a.link_header {color:#333333; text-decoration: underline; font-weight: bold;}
a.link_header:Hover {color: #990000; text-decoration: none; font-weight: bold;}

A.link_footer {color:#333333; text-decoration: none;}
A.link_footer:Hover {color: #990000; text-decoration: underline;}

a.link_sitemap {color: #333333; text-decoration: none; font-size: 11px;}
a.link_sitemap:Hover {color: #990000; text-decoration: underline; font-size: 11px;}

A.link_paging {color:#333333; 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 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; display: inline-block; height: 40px;
  overflow: visible; cursor: pointer; text-decoration: none; line-height: 40px; 
  font-size: 14px; font-weight: normal; color: #cccccc; padding: 0 14px 0 14px;
  text-shadow: 0 -1px 1px #111111;
}
ul#topnav li:hover a {color: #cccccc; background: #222; text-shadow: 0 -1px 1px #330000;}
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: #cccccc; background: #222 url('/images/icon_down.png') no-repeat;}
ul#topnav li.mmb {margin-top: 5px;}
ul#topnav li.bline {display: block; float: left; position: relative; height: 40px; outline: none; width: 2px; margin: 5px 0 0 0; background:url(/images/b_line.png) 100% 0 no-repeat; z-index: 100;}

ul#topnav li .sub {position: absolute; top: 40px; left: 0; float: left; display: none; background-color: #222; color: #ccc;
                   -webkit-box-shadow: 2px 2px 2px #666; -moz-box-shadow: 2px 2px 2px #666; box-shadow: 2px 2px 2px #666;
                   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: 25px;}
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: #cccccc; line-height: 25px; text-shadow: 0 -1px 1px #330000;
                        background: url('/images/icon_arrow.png'); background-repeat: no-repeat;}
ul#topnav .sub ul li a:hover {background: #ccc url('/images/icon_arrow_f.png') no-repeat; color: #222; text-shadow: 0 -1px 1px #ddd; border: 1px solid #222;}

.infowindow {color: #333333; text-shadow: 0 0 0;}
div#map_canvas {clear: both; color: #333333; text-shadow: 0 1px 0 #fff;}
div#directions {clear: both;  background: #222222;}
div#directions table {border-width: 0; border-collapse: collapse;}
div#directions td {background: #222222; border-width: 1px; border-color: #333333;}
div#directions th {clear: both; color: #333333; background: #222222;}
