/*----- Shop general header and footer template styles -----*/

body{
margin:0px;
color:#000000;
font:12px tahoma,verdana,sans-serif;
background:url(images/bgr.gif) repeat;
}
a,table a{
color:#28AACA;
font:12px tahoma,verdana,sans-serif;
}
a:hover{
text-decoration:underline
}
a img{
border:0 none
}
table{
color:#333333;
}
div,h1,h2,h3,h4,h5,p,form{
margin:0;
padding:0;
border:0 none
}
input.checkbox{border:0}
input.text{
width: 97%;
border:0;
color:#000000;
font:normal 11px tahoma,arial,sans-serif;
text-align:left;
height:18px;
background: #f7f7f7;
padding: 4px 5px 0 5px;
border-left: 1px solid #626262;
border-top: 1px solid #626262;
}
select{
padding-left:4px;
}
/* Page layout */

#container{
width:934px;
margin: 0 auto;
padding:0px 8px;
text-align:left;
background-color: #ffffff;
display: block;
}
#wrapper{
width:934px;
margin: 0 auto;
padding:0px;
text-align:left;
display: block;
}
#pageheader{
width:934px;
height:206px;
position:relative;
}
#logo{
width:205px;
height:57px;
position:absolute;
top: 9px;
left: 15px;
}
#topmenu1{
position:absolute;
top:0px;
right:0px;
width:auto;
height:28px;
}
#topmenu1 a{
color:#ffffff;
display: block;
float: left;
height: 28px;
font-size:12px;
font-weight: normal;
background-color: #8c8c8c;
text-decoration:none;
padding-right: 15px; /* sliding doors padding */
text-decoration: none;
}
#topmenu1 a span{
background-color: #8c8c8c;
display: block;
line-height: 28px;
padding: 0 0 0 15px;
}
#topmenu1 a:hover, #topmenu1 a.active{
background-color: #e0e0e0;
display: block;
color:#626262;
float: left;
height: 28px;
padding-right: 15px; /* sliding doors padding */
text-decoration: none;
}
#topmenu1 a:hover span, #topmenu1 a.active span{
background-color: #e0e0e0;
color:#626262;
display: block;
line-height: 28px;
padding: 0 0 0 15px;
}
#manuf{
position:absolute;
top:40px;
right:0px;
width:auto;
height:26px;
}
#manuf img{
margin: 0px 5px;
}
#search{
width:904px;
height:38px;
position:absolute;
top: 78px;
left: 0px;
background-color: #d1d1d1;
padding: 0px 15px;
}
#key{
float:left;
padding:0px;
width:auto;
height:38px;
color: #ffffff;
font:12px/38px tahoma,arial,sans-serif;
}
#search-inputs{
float:right;
padding:8px 0 0 0px;
height:30px;
width:auto;
}
input.button-search{
border:0;
color:#ffffff;
background-color: #da1a7f;
font:bold 11px tahoma,arial,sans-serif;
text-align:center;
height:30px;
width: 65px;
padding: 0;
float: left;
}
input.si{
border:0;
color:#000000;
font:normal 11px tahoma,arial,sans-serif;
background:url(images/search-input.gif) no-repeat top right;
text-align:left;
float: left;
height:18px;
width: 111px;
padding: 4px 50px 0 5px;
margin-right: 10px;
}
#topmenu2{
width:904px;
height:47px;
position:absolute;
top: 116px;
left: 0px;

padding: 0px 15px;
background:url(images/topmenu2-bgr.gif) #ca1976 repeat-x top;
}
#topmenu2links{
width:auto;
height:47px;
float: left;
}
#topmenu2links a{
color:#ffffff;
margin-right: 2px;
display: block;
float: left;
height: 47px;
font:bold 12px/47px tahoma,arial,sans-serif;
text-decoration:none;
padding:0px 15px; /* sliding doors padding */
text-decoration: none;
}
#topmenu2links a:hover, #topmenu2links a.active{
margin-top: 2px;
margin-right: 2px;
background-color: #eeeeee;
color: #626262;
font:bold 12px/43px tahoma,arial,sans-serif;
display: block;
float: left;
height: 45px;
padding-right: 15px; /* sliding doors padding */
text-decoration: none;
}
#colors{
width:6px;
height:61px;
position:absolute;
top: 206px;
left: -14px;
background:url(images/colors.gif) no-repeat top left;
}
.category{
float:left;
padding:0px;
width:auto;
}
#call{
text-align: right;
width:auto;
height:47px;
float: right;
color: #ffffff;
padding: 0;
font:normal 12px/47px tahoma,arial,sans-serif
}
#call a{
float: none;
color: #ffffff;
font:normal 12px/47px tahoma,arial,sans-serif;
text-decoration: none;
}
#call a:hover{
float: none;
color: #ffffff;
font:normal 12px/47px tahoma,arial,sans-serif;
text-decoration: underline;
}

#user-menu{
position:absolute;
top:0px;
right:20px;
}

#path{
width:904px;
height:29px;
position:absolute;
top: 163px;
left: 0px;
color: #000000;
font:normal 11px/29px tahoma,arial,sans-serif;
background-color: #eeeeee;
padding: 0px 15px;
}
#path a{
color: #000000;
font:bold 11px/29px tahoma,arial,sans-serif;
text-decoration: none;
}
#path a:hover{
color: #000000;
font:bold 11px/29px tahoma,arial,sans-serif;
text-decoration: underline;
}
#columns{
margin:0 auto;
padding:0px;
width:934px;
float: left;
clear: both;
height: auto;
background: transparent url('images/train.gif') no-repeat bottom right;
}
#column-left{
margin:0px;
width:164px;
float:left;
}
#column-center{
margin-left:10px;
width:585px;
float:left;
}
#column-right{
padding: 0px;
float:right;
width:165px;
}

.fix{clear: both; height: 25px; line-height: 25px;}
.orange-marker{
color:#ff6600;
font-weight:bold;
}

#pagefooter{
width:950px;
margin: 0 auto;
clear: both;
padding: 0px;
display: block;
}
#botmenu{
width:930px;
clear: both;
color:#848484;
padding: 10px;
text-align: center;
font:normal 11px tahoma, verdana,sans-serif;
}
#botmenu a{
text-transform: capitalize;
color:#848484;
font:bold 11px tahoma, verdana,sans-serif;
text-decoration: none;
padding: 0px 5px;
}
#botmenu a:hover{
text-transform: capitalize;
color:#e9299d;
font:bold 11px tahoma, verdana,sans-serif;
text-decoration:underline;
padding: 0px 5px;
}
#copyright{
width:700px;
float: left;
color:#626262;
background-color: #ffffff;
padding: 15px 10px 20px 10px;
text-align: left;
font:normal 11px tahoma, verdana,sans-serif;
}
#copyright a{
color:#626262;
font:normal 11px tahoma, verdana,sans-serif;
text-decoration: none;
}
#copyright a:hover{
text-decoration:underline
}
#createdby{
width:140px;
float: right;
color:#626262;
background-color: #ffffff;
padding: 15px 10px 20px 10px;
text-align: center;
font:normal 11px tahoma, verdana,sans-serif;
}
#createdby a{
color:#4fb7cf;
font:bold 11px tahoma, verdana,sans-serif;
text-decoration: none;
}
#createdby a:hover{
text-decoration:underline
}
/* Left column styles */
#category-list{
margin:0;
padding-bottom: 5px;
background-color: #f4f4f4;
float: left;
width: 164px;
}
#category-list h3{
margin:0;
padding-left:10px;
color:#626262;
font:bold 12px/29px tahoma, verdana,sans-serif;
background-color: #e0e0e0;
}
#category-list ul{
margin:0;
padding: 0;
clear: both;
}
#category-list li{
list-style:none;
}
.leftmenu0{
color:#f446a6;
border-top: 1px solid #ffffff;
padding: 0 0 0px 11px;
font:bold 12px/29px tahoma, verdana,sans-serif;
}
#category-list .leftmenu0 a{
color:#f446a6;
font:bold 12px/29px tahoma, verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenu0 a:hover{
text-decoration:underline
}
.leftmenuactive0{
border-top: 1px solid #ffffff;
color:#f446a6;
padding: 0 0 0px 11px;
font:bold 12px/29px tahoma, verdana,sans-serif;
}
#category-list .leftmenuactive0 a{
color:#f446a6;
font:bold 12px/29px tahoma, verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenuactive0 a:hover{
text-decoration:underline
}
.leftmenu1{
padding: 0 0 5px 27px;
font:normal 12px tahoma, verdana,sans-serif;
background: url(images/left-menu-btn-bgr2.gif) no-repeat top left;
}
#category-list .leftmenu1 a{
color:#000000;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenu1 a:hover{
text-decoration:underline
}
.leftmenuactive1{
padding: 0 0 5px 27px;
font:bold 12px tahoma, verdana,sans-serif;
background: url(images/left-menu-btn-bgr2act.gif) no-repeat top left;
}
.leftmenuactive1 a{
color:#000000;
font:bold 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
.leftmenuactive1 a:hover{
text-decoration:underline
}

#staticleftmenu{
margin:15px 0 0 0;
padding-bottom: 5px;
background-color: #f4f4f4;
float: left;
width: 164px;
}
#staticleftmenu h3{
margin-bottom:10px;
padding-left:10px;
color:#626262;
font:bold 12px/29px tahoma, verdana,sans-serif;
background-color: #e0e0e0;
}
#staticleftmenu ul{
margin:0;
padding: 0;
clear: both;
}
#staticleftmenu li{
list-style:none;
}
.staticleftmenu{
padding: 0 0 7px 27px;
font:normal 12px tahoma, verdana,sans-serif;
background: url(images/staticmenu.gif) no-repeat top left;
}
#staticleftmenu .staticleftmenu a{
color:#000000;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
#staticleftmenu .staticleftmenu a{
text-decoration: underline;
}
#left-block{
margin:15px 0 0 0;
padding-bottom: 10px;
background-color: #f4f4f4;
float: left;
width: 164px;
}
#left-block h3{
margin-bottom:10px;
padding:0px;
color:#ffffff;
font:bold 12px/29px tahoma, verdana,sans-serif;
background-color: #28aaca;
text-align: center;
}
#left-block ul{
margin:0;
padding: 0;
clear: both;
}
#left-block li{
list-style:none;
padding: 0px 7px;
font:normal 12px tahoma, verdana,sans-serif;
color: #000000;
}
#left-block li a{
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: underline;
color: #000000;
}

/* Right column styles */
#shoppingbag{
margin:0;
padding-bottom: 10px;
background-color: #f4f4f4;
float: left;
width: 165px;
}
#shoppingbag h3{
margin-bottom:10px;
padding-left:10px;
color:#ffffff;
font:bold 12px/29px tahoma, verdana,sans-serif;
background-color: #28aaca;
}
#shoppingbag-info{
color:#000000;
padding: 0 10px;
text-align: left;
font:normal 12px tahoma, verdana,sans-serif;
}
#shoppingbag-info #items{
padding:0px;
float:left
}
#shoppingbag-info #total{
padding-top:8px;
float:left;
width: 145px;
}
#shoppingbag-info #chec{
padding-top:8px;
float:left;
width: 145px;
}
#shoppingbag-info #chec a{
color:#ffffff;
text-transform: uppercase;
background-color: #28aaca;
float: right;
font:bold 12px/22px tahoma,arial,sans-serif;
text-align:center;
text-decoration: none;
height:22px;
padding: 0 11px;
}

#ulogin{
margin-top:15px;
padding-bottom: 10px;
background-color: #f4f4f4;
float: left;
width: 165px;
}
*html #ulogin{
padding-bottom: 0px;
}
#ulogin h3{
margin-bottom:10px;
padding-left:10px;
color:#626262;
font:bold 12px/29px tahoma, verdana,sans-serif;
background-color: #e0e0e0;
}
#ulogin-form{
padding: 0 5px;
float: left;
width: 155px;
}
#usermenu{
padding: 0 5px;
float: left;
width: 155px;
}
#usermenu h4{
padding: 0 5px 10px 10px;
font:bold 12px tahoma, verdana,sans-serif;
text-align: left;
}
#usermenu ul{
margin:0;
padding: 0;
clear: both;
}
#usermenu li{
list-style:none;
}
.userlink{
padding: 0 0 7px 27px;
font:normal 12px tahoma, verdana,sans-serif;
background: url(images/staticmenu.gif) no-repeat top left;
}
#usermenu .userlink a{
color:#000000;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
#usermenu .userlink a{
text-decoration: underline;
}
input.log{
border:0;
color:#000000;
font:normal 11px tahoma,arial,sans-serif;
text-align:left;
float: left;
height:18px;
width: 144px;
padding: 4px 5px 0 5px;
margin-bottom: 8px;
border-left: 1px solid #626262;
border-top: 1px solid #626262;
}
#ulogin-form a{
padding-top: 4px;
color:#626262;
font:normal 11px tahoma,arial,sans-serif;
text-decoration: underline;
float: left;
}
#ulogin-form a{
text-decoration: underline;
}
#ulogin-form input.login{
width:50px;
border: 0px;
color:#ffffff;
text-transform: uppercase;
background-color: #626262;
font:bold 12px/22px tahoma,arial,sans-serif;
text-align:center;
text-decoration: none;
height:22px;
padding: 0px;
float: right;
}
#topsellers{margin:0;padding:15px 5px 10px;background-color: #f4f4f4;float: left;width: 155px;}
#topsellers h3{margin:0px;padding-left:10px;color:#ffffff;font:bold 12px/29px tahoma, verdana,sans-serif;background-color: #ca1976;}
#topsellers .prod{clear: both;padding-top: 8px;margin-top: 8px;float: left;width: 100%;border-top: 1px solid #ffffff;}
#topsellers .name{clear: both;padding: 0px;text-align: left;}
#topsellers .name a{color:#626262;text-decoration: none;font-weight:bold}
#topsellers .name a:hover{text-decoration: underline;}
#topsellers .info{clear: both;padding-top: 8px;}
#topsellers .image{float: left;width: 65px;height: 65px;padding: 0px;text-align: center;}
#topsellers .image img{width: 65px;height: 65px;border: 1px solid #c5c5c5;vertical-align: middle;}
#topsellers .price-more{float: right;width: 75px;height: 63px;text-align: left;position: relative;}
#topsellers .price{position: absolute;top:15px;left:0px;color:#27aaca;font:bold 14px tahoma, verdana,sans-serif;}
#topsellers .more{
position: absolute;
bottom:0px;
left:0px;
color:#626262;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
#topsellers .more a{
color:#626262;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: underline;
}
#staticrightmenu{
margin:15px 0 0 0;
padding-bottom: 5px;
background-color: #f4f4f4;
float: left;
width: 165px;
}
#staticrightmenu h3{
/*
margin-bottom:10px;
padding-left:10px;
color:#626262;
font:bold 12px/29px tahoma, verdana,sans-serif;
background-color: #e0e0e0;
*/
margin:0;
padding-left:10px;
color:#626262;
font:bold 12px/29px tahoma, verdana,sans-serif;
background-color: #e0e0e0;
}
#staticrightmenu ul{
margin:0;
padding: 0;
clear: both;
}
#staticrightmenu li{
list-style:none;
}
.staticrightmenu{
padding: 0 0 7px 27px;
font:normal 12px tahoma, verdana,sans-serif;
background: url(images/staticmenu.gif) no-repeat top left;
position:relative;
}
#staticrightmenu .staticrightmenu a{
color:#000000;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
#staticrightmenu .staticrightmenu a:hover{
text-decoration: underline;
}

#staticrightmenu .leftmenu0 a{
color:#f446a6;
font:bold 12px/29px tahoma, verdana,sans-serif;
text-decoration: none;
}
#staticrightmenu .leftmenu0 a:hover{
text-decoration:underline
}
#staticrightmenu .leftmenuactive0 a{
color:#f446a6;
font:bold 12px/29px tahoma, verdana,sans-serif;
text-decoration: none;
}
#staticrightmenu .leftmenuactive0 a:hover{
text-decoration:underline
}
#staticrightmenu .leftmenu1 a{
color:#000000;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
#staticrightmenu .leftmenu1 a:hover{
text-decoration:underline
}
#cj{
background-color:#F4F4F4;
float:left;
margin:15px 0 0;
padding-bottom:10px;
width:165px;
text-align:center
}
#cj h3 {
background-color:#E0E0E0;
color:#626262;
font-family:tahoma,verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:29px;
margin:0 0 5px;
padding-left:10px;
}
#cj_related{

}
#cj_related img {
border-top:1px solid #d1d1d1;
margin:3px;
padding:5px 30px;
}
#cj_related a {
 text-decoration:none;
}