/* General */
BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background: #FFFFFF url("../images/frame/body-bg.gif") repeat-x left top;
}
img {border:0px;}
ul li {list-style: disc;}
.relax {
	clear: both;
	height: 0;
	line-height: 0%;
	font-size: 0;
}
ul.disc li {list-style:disc inside; padding-left:10px;}

/*  Page  */
#page {
    margin: auto;
    text-align: left;
    width: 974px;
}
a.breadcrumblink, a.breadcrumblink:link, a.breadcrumblink:active, a.breadcrumblink:visited {color: #666666; text-decoration: underline; font-weight:normal;}
a.breadcrumblink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #FFFFFF; color: #cc0000; text-decoration: underline; padding-left: 2px; padding-right: 2px; }
.breadcrumb { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; background-color: #FFFFFF; padding-left: 2px; padding-right: 2px; }
.bodySpacer { background-color: #c9c9c3; height: 1px; }
.pageTitle {margin-bottom:10px;}
.pageDescription {margin:0px 0px 10px 0px;}
.shadow-top {background: #ffffff url("../images/frame/page-top.gif") repeat-x left top; height:12px;}
.shadow-left {background: url("../images/frame/page-left.gif") no-repeat left top;}
.shadow-right {background: url("../images/frame/page-right.gif") no-repeat right top;}

/*  Header  */
.header {background: url("../images/frame/header-bg.gif") repeat-x left bottom;}
.header A.logo {
    float: left;
    display: inline;
    margin: 29px 0 0 28px;
    line-height: 0%;
    font-size: 1px;
}
.top-pic {
    float: right;
    line-height: 0%;
    font-size: 1px;
    width: 575px;
    text-align: right;
}
.since {
    float: right;
    width: 575px;
    text-align: right;
    margin: 4px 0 0 0;
}
.since P {
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    padding: 0 10 0 0;
    line-height: 24px;
    margin:0px;
}

/* Left Margin */
.left-nav {
    width: 172px;
    float: left;
}
.left-nav UL {
    margin:0px;
    padding:0px;
}    
.left-nav UL LI {
    list-style: none;
    width: 100%;
    float: left;
    position: relative;
}
.left-nav UL LI A {
    background: url("../images/frame/menu-blue.gif") no-repeat left top;
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    padding: 3px 0 4px 30px;
    position: relative;
    font-weight: normal;
}
.left-nav UL LI A:visited, .left-nav UL LI A:active
{
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    padding: 3px 0 4px 30px; 
    position: relative;
    font-weight: normal;
}
.left-nav UL LI A:HOVER {
    background-position: left bottom !important;
    text-decoration: none;
    color: #ffffff;
    font-weight:normal;
}
.left-nav UL LI UL LI A:link,.left-nav UL LI UL LI A:visited,.left-nav UL LI UL LI A:active {
    padding-left: 44px;
    background: url("../images/frame/menu-grey.gif") no-repeat left top;
}
.left-nav .icon-orange {
    position: absolute;
    left: 2px;
    top: 5px;
    z-index: 5;
}
.left-nav .icon-bag {
    position: absolute;
    left: 2px;
    top: 4px;
    z-index: 5;
}
.left-nav .icon-sheet {
    position: absolute;
    left: 25px;
    top: 2px;
    z-index: 5;
}

/* Right Margin */
.list-links {
    width: 195px;
    padding-bottom: 5px;
}
.list-links TD {
    font-size: 11px;
    line-height: 20px;
    padding-left: 2px;
}
.list-links A:link, .list-links A:active, .list-links A:visited  {
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}
.list-links A:HOVER {text-decoration: none; color:#cc0000;}
.prod-tab {
    margin-top: 5px;
    width: 190px;
    background: #ffffff;
}
.prod-tab, .prod-tab TD, .prod-tab TH {
    border: 1px solid #999999;
    border-collapse: collapse;
}
.prod-tab .prod-name {width: 130px;}
.prod-tab .quantity {width: 30px;}
.prod-tab TH {
    font-size: 10px;
    color: #ffffff;
    background: #336699;
    text-align: left;
    padding: 4px 7px;
}
.prod-tab TD {
    font-size: 10px;
    padding: 3px 7px;
}
.prod-tab INPUT {
    font-size: 11px;
    padding: 0px;
    border: none;
    background: none;
    height:13px;
}
.prod-tab .prod-name INPUT {width: 130px;}
.prod-tab .quantity INPUT {width: 30px;}
.sidebar {
    width: 203px;
    float: right;
    margin-bottom: 10px;
}
.small-box {
    width: 100%;
    float: left;
    background: url("../images/frame/sidebar-bg.gif") repeat-y left top;
}
.small-box .top {
    width: 100%;
    float: left;
    background: url("../images/frame/sidebar-top.gif") no-repeat left top;
}
.small-box .bottom {
    width: 100%;
    float: left;
    background: url("../images/frame/sidebar-bottom.gif") no-repeat left bottom;
}
.small-box.mar-top {margin-top: 6px;}
.small-box .cont {padding: 5px;}
.small-box H2 IMG {display: block;}
BUTTON.blue-btn {
    text-align: center;
    padding: 2px 0;
    margin: 0px;
    width: 82px;
    background: url("../images/frame/blue-button.gif") no-repeat left top;
    border: none;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    line-height: 15px;
}
BUTTON.blue-btn.add-to-cart {
    float: left;
    display: inline;
    margin: 4px 0 0 55px;
}
.login-form {margin-top: 3px;}
.login-form .login-input {
    font-size: 11px;
    background: #edbd3d;
    border: 1px solid #333333;
    padding: 2px 4px;
    width: 132px;
    float: left;
    margin: 2px 0 0 0;
    height: 18px;
}
.login-form .blue-btn {
    float: left;
    display: inline;
    margin: 4px 10px 0 0;    
}
.login-form A.forgot-pass {
    float: left;
    font-size: 10px;
    margin-top: 6px;
}
.qp-form .blue-btn {
    float: left;
    display: inline;
    margin: 4px 0 0px 55px;
}
.search-form SELECT, .search-form INPUT {
    font-size: 11px;
    background: #ffffff;
    border: 1px solid #a5a7b2;
    float: left;
    margin: 3px 0px 2px 0px;
    height: 20px;
}
.search-form SELECT {width: 190px;}
.search-form .active {
    width: 190px;
    padding: 2px 4px;
    color: #000000;
}
.search-form .idle {
    width: 190px;
    padding: 2px 4px;
    color: #888888;
}
.search-form .option-0 {
    color: #888888;
}
.search-form .blue-btn {
    float: left;
    display: inline;
    margin: 4px 0 2px 55px;
}
/*  Footer  */
.footer {
    font-family: "Times New Roman", Times, serif;
    padding: 0 0 10px 0;
    text-decoration: none;
}
.blue-bottom {
    background: #336699 url("../images/frame/blue-right.gif") no-repeat right bottom;
    height: 77px;
}
.blue-bottom P, .blue-bottom A {color: #ffffff; font-weight: bold;}
.blue-bottom A:link,.blue-bottom A:visited, .blue-bottom A:active  {text-decoration: underline; color:#ffffff;}
.blue-bottom A:HOVER {text-decoration: none; color:#002d62;}
.order-catalogs {
    float: left;
    width: 158px;
    display: inline;
    margin: 22px 0 0 18px;
}
.order-catalogs P {
    font-size: 16px;
    color: #ffffff;
    line-height: 19px;
    padding:0px;
    margin:0px;
}
.catalog-link {
    float: left;
    margin: 11px 0 0 0;
    border-left: 1px solid #ffffff;
    padding: 0 0 0 18px;
}
.catalog-link P {
    font-size: 12px;
    color: #ffffff;
    line-height: 14px;
    padding: 4px 0;
    margin:0px;
}
.bottom-footer {
    width: 911px;
    margin: 7px 0 0 0;
    float: left;
}
.footer .credit-cards {float: right; line-height: 0%;}
.bottom-footer P {
    font-size: 11px;
    margin: 10px 0 0 0;
    color: #000000;
    font-weight: normal;
    padding:0px;
}
.bottom-footer P span.large-text {font-size: 12px; font-weight: bold;}
.bottom-footer A:link, .bottom-footer A:visited, .bottom-footer A:active {color: #000000; font-weight: normal;}
.bottom-footer A:hover {color: #cc0000; font-weight: normal;}

/* Content */
.description-map {
    float: left;
    width: 430px;
    display: inline;
    margin: 2px 72px 0px 12px;
}
.description-map P {
    color: #333333;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    line-height: 17px;
    margin: 8px 0 0 0;
    padding:0px;
}
.description-map P.note {
    font-size: 12px;
    color: #666666;
    line-height: 12px;
}
.flash-map {
    margin: 9px 0 0 0;
}
.flash-map .photo-box {
    line-height: 0%;
    font-size: 1px;
    padding: 1px 0px 1px 0px;
    display:inline-block;
    position:relative;
}
#onthefly1 {
    position:absolute;
    top:19px;
    left:-74px;
    width:164px;
    visibility:hidden;
}
#onthefly2 {
    position:absolute;
    top:44px;
    left:98px;
    width:164px;
    visibility:hidden;
}
#onthefly3 {
    position:absolute;
    bottom:65px;
    left:114px;
    width:135px;
    visibility:hidden;
}
#onthefly4 {
    position:absolute;
    bottom:67px;
    left:103px;
    width:135px;
    visibility:hidden;
}
#onthefly5 {
    position:absolute;
    bottom:56px;
    left:120px;
    width:135px;
    visibility:hidden;
}
#onthefly6 {
    position:absolute;
    top:50px;
    left:-73px;
    width:164px;
    visibility:hidden;
}
.onthefly-left {
    color:#333333;
    font-size: 10px;
    font-weight:bold;
    line-height:12px;
    text-align:center;
    padding:5px 25px 5px 5px;
}
.onthefly-right {
    color:#333333;
    font-size: 10px;
    font-weight:bold;
    line-height:12px;
    text-align:center;
    padding:5px;
}
.flyout-right-top {width:135px; height:11px; background: url("../images/content/popup-right-top.png") no-repeat left top;}
.flyout-right-mid {width:135px; background: url("../images/content/popup-right-mid.png") repeat-y  left top;}
.flyout-right-bot {width:135px; height:40px; background: url("../images/content/popup-right-bot.png") no-repeat left bottom;}
.flyout-right2-top {width:164px; height:13px; background: url("../images/content/popup-right2-top.png") no-repeat left top;}
.flyout-right2-mid {width:164px; background: url("../images/content/popup-right2-mid.png") repeat-y  left top;}
.flyout-right2-bot {width:164px; height:15px; background: url("../images/content/popup-right2-bot.png") no-repeat left bottom;}
.flyout-left-top {width:164px; height:13px; background: url("../images/content/popup-left-top.png") no-repeat left top;}
.flyout-left-mid {width:164px; background: url("../images/content/popup-left-mid.png") repeat-y  left top;}
.flyout-left-bot {width:164px; height:15px; background: url("../images/content/popup-left-bot.png") no-repeat left bottom;}
.grad-large {background: url("../images/frame/grad-bg.gif") repeat-y left top; border-right:1px solid #9a9a9a;}
.grad-top {background: url("../images/frame/grad-top.gif") no-repeat left top;}
.grad-bottom {background: url("../images/frame/grad-bottom.gif") no-repeat left bottom;}
.home-main {
    margin:100px 0px 0px 100px;
    width: 457px;
}
a.home-link:link, a.home-link:visited, a.home-link:active {
    color: #cc0000;
    font-size: 16px;
}
a.home-link:hover {
    color: #336699;
    font-size: 16px;
    text-decoration: none;
}
.image-area {
    position: relative;
    line-height: 0%;
}
.loading { position: absolute; width: 557px; height: 300px; z-index: 8; left: 182px; border: 0px none #666666; top: 75px; background-color: #ffffff; }
.myaccount UL {margin:5px 0px 0px 33px; padding:0px;}
.text-image-area {
    position: absolute;
    left: -1px;
    top: 183px;
    width: 558px;
    height: 98px;
    background: url("../images/content/text-image-area.png") no-repeat left top;
}
.inputFieldBody, .inputField {border: 1px #999999 solid; }
.inputQtyBody { border: 1px #999999 solid;}

#catDDList1 li { list-style-type:square;}
#catDDList2 li { list-style-type:disc;}
#catDDList3 li{ list-style-type:circle;}
#catDDList4 li{ list-style-type:disc;}
#catDDList5 li{ list-style-type:circle;}
.catDDList li {position:relative; left:-10px;}
#mfrDDList1 li { list-style-type:square;}
#mfrDDList2 li { list-style-type:disc;}
#mfrDDList3 li{ list-style-type:circle;}
#mfrDDList4 li{ list-style-type:disc;}
#mfrDDList5 li{ list-style-type:circle;}
.mfrDDList li {position:relative; left:-10px;}


/****** HTML BLENDER ******/
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
LABEL, BUTTON {cursor: pointer;}
H1, H2, H3, H4, H5, H6, FORM, OL {
	padding: 0;
	margin: 0;
}
.page-container {padding: 16px 16px 0 16px;}

/*  Content  */
.content {padding: 3px 0 10px 0;}
.content H1 {
    font-size: 23px;
    line-height: 25px;
    color: #333333;
}
.content H2 {
    font-size: 13px;
    color: #333333;
}
.product-list H1 {padding: 10px 0 6px 0;}
.product-list H2 {padding: 10px 0 10px 0;}
.content P, .content UL LI, .content OL LI {
    font-size: 12px;
    color: #333333;
    margin:0px;
    padding:0px;
}
.content-area A {color: #333333; text-decoration: underline;}
.content-area A:HOVER {text-decoration: none;}
.center-col {
    float: left;
    width: 557px;
}
.content-area {
    float: left;
    display: inline;
    margin: 0 0 0 5px;
    width: 765px;
}
.product-list {padding-bottom: 20px;} 
.breadcrumbs {
    border-bottom: 1px solid #c9c9c3;
    padding-bottom: 8px;
}
.breadcrumbs UL LI {
    font-size: 11px;
    color: #666666;
    list-style: none;
    display: inline;
    margin:0px;
    padding:0px;
}
.breadcrumbs A {
    color: #666666;
    text-decoration: underline;
}
.breadcrumbs A:HOVER {text-decoration: none;}
.breadcrumbs STRONG {text-decoration: underline;}
.sort-by LABEL {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    margin-right: 5px;
}
.sort-by SELECT {
    font-size: 12px;
    color: #7a7a7a;
}
A.top-of-page {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    float: left;
}
.products {
    width: 100%;
    float: left;
}
.prod-box {
    width: 268px;
    float: left;
    display: inline;
    text-transform: uppercase;
    padding: 12px 0;
}
.prod-box.right {float: right;}
.prod-box .photo {
    width: 110px;
    float: left;
    display: inline;
    margin-right: 8px;
    line-height: 0%;
} 
.prod-box .description {
    width: 142px;
    float: left;
}
.prod-box .price {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    line-height: 18px;
}
.prod-box INPUT {
    font-size: 11px;
    color: #333333;
    background: #ffffff;
    border: 1px solid #999999;
    padding: 2px 8px;
    width: 22px;
    float: left;
    margin: 0 6px 0 40px;
    display: inline;
}
.prod-box LABEL {
    font-size: 12px;
    color: #333333;
    float: left;
    display: inline;
    margin: 0 18px 0 0;
} 
.red-text {color: #cc0000;}
.grey-border {
    line-height: 0%;
    font-size: 1px;
    border-bottom: 1px solid #c9c9c3;
    width: 100%;
    float: left;
}
.buttons-line {
    width: 100%;
    float: left;
    border-top: 1px solid #c9c9c3;
    border-bottom: 1px solid #c9c9c3;
    padding: 7px 0;
    margin: 12px 0 0 0;
}
.buttons-line A {
    float: left;
    display: inline;
    margin: 0 8px 0 4px;
}
.buttons-line A.view-cart {
    background: url("../images/icons/cart.gif") no-repeat left top;
    padding: 2px 0 2px 26px;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.buttons-line A.view-cart:HOVER {text-decoration: underline;}
A.button {
    width: 82px;
    display: block;
    line-height: 19px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
A.button.blue {
    background: url("../images/frame/blue-button.gif") no-repeat left top;
    color: #ffffff;
}
A.button.orange {
    background: url("../images/frame/orange-button.gif") no-repeat left top;
    color: #000000;
}
.pages {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}
.pages P {padding: 0 13px 0 4px;}
.right-pages {float: right;}
.left-pages {
    float: left;
    width: 223px;
}
.col-items {
    width: 200px;
    float: left;
}
.col-items LABEL, .col-items SELECT {
    font-size: 12px;
    color: #333333;
}
/* use for debug
    border-width:1px;
    border-style:solid;
    border-color:red;
*/