/*
* styling by Lunya
* for HTML with "" header
*/
BODY {
margin: 0px;
padding: 20px 30px 10px 30px;
/*font-family: Arial, Helvetica, sans-serif;*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
background: #FFFFFF;
}
TABLE {
border-collapse: collapse;
border: 0px solid #000000;
}
TABLE TD {
padding: 0px;
vertical-align: top;
}
/*
** BOF FIX: default font size **
if you need to change font size in another table
creat new css style like:
TABLE.test TD {font-size: 16px} -
TABLE TD.test {font-size: 16px} +
*/
TABLE.base{
margin: 17px 0px 0px 0px;
border: 2px solid #BEBEBE;
background: #FFFFFF;
}
TABLE.base TD{
font-size: 10px;
}
/** EOF FIX: default font size **/
A{ border: 0px; }
IMG{ border: 0px; }
INPUT.form-text,
INPUT.form-password,
TEXTAREA{
border: 1px solid #7B9EBC;
background: #F4F4F4;
font-weight: normal;
}
/* ==================== BOF: HEADER ==================== */
.header{
}
.header .header-top{
background: url(img/header-top-bg.gif) repeat-x;
text-align: center;
}
.header .header-top .top-links{
}
.header .header-top .top-links .link,
.header .header-top .top-links .link-border{
}
.header .header-top .top-links .link A{
color: #FFFFFF;
text-decoration: none;
}
.header .header-top .top-links .link{
padding: 0px 10px 0px 10px;
font-size: 13px;
font-weight: bold;
}
.header .header-image{
background: #050608;
}
.header .header-forms{
background: url(img/header-forms-bg.gif) repeat-x;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
}
.header .header-forms INPUT.form-text,
.header .header-forms INPUT.form-password{
border: 1px solid #CCCCCC;
}
.header .header-forms .welcome{
color: #C92F2F;
font-weight: bold;
margin: 20px 0px 0px 10px;
}
.header .header-forms .login-form{
margin: 15px 0px 0px 10px;
}
.header .header-forms .login-form .login,
.header .header-forms .login-form .pass{
padding: 7px 0px 0px 0px;
}
.header .header-forms .login-form .submit{
padding: 4px 0px 0px 0px;
}
.header .header-forms .search-form .infoBoxHeading{
display: none;
}
.header .header-forms .search-form{
padding: 10px 5px 0px 5px;
}
.header .header-forms .search-form .input{
padding: 12px 0px 0px 0px;
}
.header .header-forms .search-form .input .label{
font-size: 12px;
font-weight: bold;
color: #666666;
}
.header .header-forms .search-form .submit{
padding: 8px 0px 0px 0px;
}
.header .header-forms .account-area{
padding: 10px 0px 0px 0px;
text-align: center;
}
.header .header-forms .account-area,
.header .header-forms .account-area A{
color:#666666;
font-weight: bold;
text-decoration: none;
font-size: 11px;
}
.header .header-forms .account-area .account{
margin: 5px 0px 0px 0px;
}
/* ==================== EOF: HEADER ==================== */
/* ==================== BOF: MAIN PART ==================== */
.main-part{
padding: 1px 0px 0px 0px;
}
/*--------- bof: LEFT MENU ---------*/
.left-menu{
padding: 0px 0px 20px 0px;
font-size: 12px;
}
.left-menu .lm-categories-block{
background: #E1E1E1;
padding: 10px 3px 10px 15px;
}
.left-menu .lm-categories-block .title,
.left-menu .lm-information-block .title{
color: #ea232a;
font-weight: bold;
}
.left-menu .lm-categories-block .lm-links{
padding: 5px 0px 0px 5px;
}
.left-menu .lm-categories-block .lm-links .link{
background: url(img/marker1.gif) no-repeat left center;
padding: 5px 0px 5px 17px;
}
.left-menu .lm-categories-block .lm-links .link A{
color: #000184;
text-decoration: none;
font-size: 15px;
font-weight: bold;
}
.left-menu .lm-categories-block .lm-links .link A .link-selected,
.left-menu .lm-categories-block .lm-links .link A B{
text-decoration: underline;
}
.left-menu .lm-categories-block .infoBoxHeading{
display: none;
}
/*.left-menu .lm-categories-block .lm-links .link A{
color: #666666;
font-size: 12px;
text-decoration: none;
}*/
.left-menu .lm-image-block{
padding: 2px 0px 2px 0px;
}
.left-menu .lm-information-block{
background: #E1E1E1;
padding: 10px 3px 10px 15px;
}
.left-menu .lm-information-block .lm-links{
padding: 5px 0px 0px 5px;
}
.left-menu .lm-information-block .lm-links .link{
background: url(img/marker1.gif) no-repeat left center;
padding: 3px 0px 3px 17px;
}
.left-menu .lm-information-block .lm-links .link A{
color: #000184;
text-decoration: none;
font-weight: bold;
font-size: 15px;
}
.left-menu .lm-information-block .lm-links .link A.selected{
text-decoration: underline;
}
.left-menu .side-bar-image{
text-align: center;
margin: 2px 0px 5px 0px;
}
/*--------- eof: LEFT MENU ---------*/
/*--------- bof: CONTENT ---------*/
.content{
padding: 2px 0px 10px 20px;
font-size: 12px;
}
.content A,
.content A:hover{
color: #E92229;
}
.content .productListing-heading{
background: #E1E1E1;
color: #666666;
}
.content .pageHeading{
color: #E92229;
font-weight: bold;
background: url(img/content-header-bg.gif) repeat-x;
font-size: 12px;
padding: 5px 0px 5px 15px;
}
.content .productListing .productListing-data{
color: #666666;
}
.content .pageHeading A,
.content .pageHeading A:hover{
color: #E92229;
font-weight: bold;
}
.content .infoBoxHeading,{
background: #E1E1E1;
color: #E92229;
}
.content .infoBox-HeadTable .infoBoxHeading{
background: #E1E1E1;
color: #E92229;
}
.content .infoBoxHeading A,
.content .infoBoxHeading A:hover{
color: #E92229;
}
.content .infoBoxHeading IMG{
display: none;
}
/*----- bof: HOME PAGE -----*/
.content .home-page{
padding: 0px 5px 0px 0px;
}
.content .home-page .text{
color: #666666;
padding: 5px 5px 10px 5px;
}
.content .home-page .category{
float: left;
width: 195px;
height: 230px;
/*border: 1px solid #CCCCCC;*/
margin: 5px 5px 5px 5px;
padding: 3px 20px 5px 2px;
}
.content .home-page .category .catg_name{
color: #00018a;
font-weight: bold;
padding: 0px 0px 5px 15px;
}
.content .home-page .category .catg_desc{
color: #666666;
font-size: 11px;
padding: 5px 0px 5px 0px;
height: 80px;
}
.content .home-page .category .catg_link A{
color:#E9202A;
font-weight: bold;
padding: 0px 0px 0px 15px;
background: url(img/marker4.gif) no-repeat left center;
}
.content .home-page .new-products{
}
.content .home-page .new-products .product{
float: left;
min-height: 160px;
width: 200px;
/*border: 1px solid #CCCCCC;*/
text-align: center;
margin: 5px 10px 5px 10px;
}
.content .home-page .new-products .product .products-name,
.content .home-page .new-products .product .products-price{
color: #535353;
font-weight: bold;
margin: 3px 0px 5px 0px;
}
/*----- eof: HOME PAGE -----*/
/*----- bof: CATEGORIES PAGE -----*/
.content .categories-listing-page{
}
.content .categories-listing-page .category{
/*height: 150px;*/
margin: 10px 0px 10px 0px;
}
.content .categories-listing-page .category .categories_info{
width: 170px;
text-align: center;
}
.content .categories-listing-page .category .categories_info .categories_name{
color: #00018a;
font-weight: bold;
font-size: 13px;
}
.content .categories-listing-page .category .categories_subcategories{
padding: 20px 0px 0px 0px;
}
.content .categories-listing-page .category .categories_subcategories .sub-category{
float: left;
background: url(img/marker5.gif) no-repeat left top;
padding: 0px 10px 0px 15px;
width: 150px;
margin: 0px 0px 5px 0px;
font-size: 11px;
}
.content .categories-listing-page .category .categories_subcategories .sub-category A{
color: #EA2127;
font-weight: bold;
}
.content .categories-listing-page .category .categories_subcategories .sub-category SPAN.no-products{
color: #666666;
font-weight: bold;
}
/*----- eof: CATEGORIES PAGE -----*/
/*----- bof: PRODUCTS LISTING -----*/
.content .products-listing-page{
}
.content .products-listing-page .products-listing-header{
margin: 0px 0px 5px 0px;
}
.content .products-listing-page .products-listing-header .listing-header{
font-size: 10px;
font-weight: bold;
color: #EA2225;
vertical-align: bottom;
padding: 3px;
}
.content .products-listing-page .products-listing-content{
border: 1px solid #666666;
height: 50px;
margin: 0px 0px 3px 0px;
}
.content .products-listing-page .products-listing-content .listing-content{
font-size: 12px;
vertical-align: middle;
padding: 3px;
color: #000000;
}
.content .products-listing-page .image-popup{
position: absolute;
overflow: visible;
margin-top: -50px;
margin-left: -30px;
}
.content .products-listing-page .image-popup IMG{
border: 2px solid #CCCCCC;
}
/*----- eof: PRODUCTS LISTING -----*/
/*----- bof: PRODUCTS INFO -----*/
.content .products-info-page .products-info{
margin: 5px 0px 0px 0px;
}
.content .products-info-page .products-info .products-images-area{
}
.content .products-info-page .products-info .products-images-area .image1{
text-align: center;
}
.content .products-info-page .products-info .products-images-area .image1 A{
text-decoration: none;
}
.content .products-info-page .products-info .products-images-area .image1 A .link-text{
text-decoration: underline;
color: #D94140;
}
.content .products-info-page .products-info .products-images-area .small-images{
text-align: center;
margin-top: 10px;
}
.content .products-info-page .products-info .products-images-area .small-images .image{
margin: 0px 5px 0px 5px;
}
.content .products-info-page .products-info .products-description-area{
padding: 0px 0px 0px 5px;
}
.content .products-info-page .products-info .products-description-area .products-name-price{
color: #545454;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 7px 0px;
}
.content .products-info-page .products-info .products-description-area .products-description{
color: #000000;
font-size: 12px;
}
.content .products-info-page .products-info .products-description-area .products-buttons{
margin: 5px 0px 0px 0px;
}
.content .products-info-page .products-specifications{
margin-top: 15px;
}
.content .products-info-page .products-specifications .specifications-title{
color: #E92124;
font-size: 10px;
font-weight: bold;
background: #E0E1E3;
border-bottom: 1px solid #999999;
padding: 4px 0px 4px 7px;
}
.content .products-info-page .products-specifications .specifications-header{
color: #E92124;
font-size: 10px;
font-weight: bold;
padding: 4px 0px 4px 7px;
}
.content .products-info-page .products-specifications .specifications-content{
color: #000000;
font-size: 12px;
padding: 4px 0px 4px 7px;
background: #E1E1E1;
}
/*----- eof: PRODUCTS INFO -----*/
/*----- bof: CONTACT US -----*/
.content .contact-us-page .text{
margin: 3px 0px 10px 0px;
font-size: 12px;
color: #666666;
}
.content .contact-us-page .input-label{
color: #666666;
font-weight: bold;
}
.content .get-directions-area{
}
.content .get-directions-area .input-field{
margin: 0px 0px 5px 0px;
}
.content .get-directions-area .input-field .label{
color: #666666;
font-weight: bold;
}
.content .get-directions-area .input-field INPUT{
width: 200px;
}
.content .get-directions-area .button-submit{
padding: 10px 0px 0px 0px;
}
/*----- eof: CONTACT US -----*/
/*----- bof: REQUEST A QUOTE -----*/
.content .request-quote-page{
}
.content .request-quote-page .text{
margin: 3px 0px 3px 0px;
font-size: 12px;
color: #666666;
}
.content .request-quote-page .step{
color: #E92229;
font-weight: bold;
font-size: 13px;
margin: 15px 0px 5px 0px;
}
.content .request-quote-page .sub-step{
color: #000000;
font-weight: bold;
font-size: 12px;
margin-top: 5px;
margin-bottom: 3px;
}
.content .request-quote-page .input-label{
color: #000000;
font-size: 12px;
}
.content .request-quote-page .step1 .input-label{
}
.content .request-quote-page .step2 .input-label,
.content .request-quote-page .step3 .input-label{
float: left;
margin-right: 5px;
margin-bottom: 3px;
}
.content .request-quote-page .step2 .input-label{
width: 200px;
}
.content .request-quote-page .step2 .selection .input-label{
width: auto;
}
.content .request-quote-page .step2 .selection .input-field{
margin-right: 0px;
}
.content .request-quote-page .step3 .input-label{
width: 300px;
}
.content .request-quote-page .step2 .input-field,
.content .request-quote-page .step3 .input-field{
float: left;
margin-right: 30px;
}
/*----- eof: REQUEST A QUOTE -----*/
/*--------- eof: CONTENT ---------*/
/*--------- bof: RIGHT MENU ---------*/
.right-menu TD{
font-size: 11px;
}
.right-menu .right-menu-image{
text-align: center;
}
.right-menu .box{
margin: 0px 0px 5px 0px;
}
.right-menu .box .box-content{
background: url(img/box1-bg.gif) repeat-y;
padding: 0px 7px 0px 4px;
}
.right-menu .box .box-content .box-title{
font-size: 12px;
font-weight: bold;
color: #CD0000;
padding: 0px 0px 0px 10px;
}
.right-menu .box .box-content .box-info{
padding: 7px 3px 0px 3px;
}
.right-menu .box .box-content .box-info .box-info-item{
background: url(img/marker2.gif) no-repeat left top;
padding: 0px 0px 2px 15px;
}
.right-menu .box .box-content .box-info .box-info-item .box-info-item-title{
color: #535353;
font-weight: bold;
}
.right-menu .box .box-content .box-info .box-info-item .box-info-item-content{
color: #8B8B8B;
font-weight: bold;
}
.right-menu .box .box-content .box-info .box-info-item A,
.right-menu .box .box-content .box-info .box-info-item A:hover{
color: #CD0000;
}
.right-menu .box .box-content .box-border{
height: 4px;
font-size: 4px;
background: url(img/box1-border.gif) no-repeat left;
margin: 3px 0px 3px 8px;
}
.right-menu .specials .infoBoxHeading{
display: none;
}
.right-menu .specials .name{
padding: 2px 0px 0px 0px;
}
.right-menu .specials .name A{
font-size: 11px;
font-weight: bold;
color: #666666;
}
.right-menu .specials .price{
padding: 0px 0px 6px 0px;
}
.right-menu .specials .price .productOldPrice,
.right-menu .specials .price .productSpecialPrice{
font-size: 11px;
font-weight: bold;
color: #666666;
}
.right-menu .operations .side-bar-image{
margin: 0px 0px 10px 0px;
}
/*--------- eof: RIGHT MENU ---------*/
/* ==================== EOF: MAIN PART ==================== */
/* ==================== BOF: FOOTER ==================== */
.footer{
background: url(img/footer-bg.gif) repeat-x;
text-align: center;
}
.footer .footer-links{
padding: 16px 0px 8px 0px;
font-size: 11px;
}
.footer .footer-links .link{}
.footer .footer-links .link A{
color: #000000;
text-decoration: none;
}
.footer .footer-copy{
color: #000000;
font-size: 11px;
}
/* ==================== EOF: FOOTER ==================== */