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

body{
margin:0px;
color:#000000;
background-color:#ffffff;
font:11px tahoma,verdana,sans-serif;
}
a,table a{
color:#ff0004;
font:11px 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{
padding-left: 4px;
}
select{
padding-left:4px;
}
/* Page layout */

#container{
width:982px;
margin: 0 auto;
padding:0px;
text-align:left
}
#pageheader{
width:982px;
height:140px;
position:relative;
}
#logo{
width:231px;
height:81px;
position:absolute;
top: 5px;
left: 5px;
text-align: left;
}
#logo img{
}
#free{
width:auto;
height:auto;
position:absolute;
top: 5px;
right: 3px;
text-align:right;
font:12px tahoma,arial,sans-serif;
color: #676767;
}
#free #first{
font:bold 22px "Times New Roman", Times, serif;
color: #ffffff;
padding: 33px 10px 0 0;
}
#free #second{
padding: 6px 0 0 0;
}
#search{
width:982px;
height:44px;
position:absolute;
top: 89px;
left: 0px;
background:url(images/search-bgr.gif) repeat-x;
}

.search-go{
float:left;
padding:0 0 0 9px
}
#search-left{
width:11px;
height:44px;
float: left;
background:url(images/search-left.gif) no-repeat left;
}
#search-right{
width:11px;
height:44px;
float: right;
background:url(images/search-right.gif) no-repeat right;
}
#search-inputs{
float:left;
padding:11px 0 0 0px;
width:500px;
}
.search-input{
float:left;
margin:0px 0 0 0;
width:auto;
}
.category{
float:left;
padding:0px;
width:auto;
}

#call{
text-align: right;
width:auto;
height:44px;
float: right;
color: #ffffff;
padding: 0 7px 0 0;
font:12px tahoma,arial,sans-serif
}
#user{
clear: both;
width:auto;
height:22px;
color: #676767;
text-align: right;
padding: 0;
font:12px/22px tahoma,arial,sans-serif
}
#user a{
color: #676767;
font:12px/22px tahoma,arial,sans-serif;
text-decoration: underline;
}
#key{
clear: both;
text-align: right;
width:auto;
height:22px;
color: #ffffff;
padding: 0;
font:12px/22px tahoma,arial,sans-serif
}
#topmenu{
position:absolute;
top:55px;
left:261px;
width:auto;
height:34px;
}
#topmenu a{
color:#FFFFFF;
display: block;
float: left;
height: 34px;
font-size:12px;
font-weight: bold;
text-decoration:none;
margin-right: 1px;
padding-right: 26px; /* sliding doors padding */
text-decoration: none;
background: transparent url('images/topmenu_a.gif') no-repeat scroll bottom right;
}
#topmenu a span{
background: transparent url('images/topmenu_span.gif') no-repeat bottom left;
display: block;
line-height: 34px;
padding: 0 0 0 30px;
}
#topmenu a:hover, #topmenu a.active{
background: transparent url('images/topmenu_a.gif') no-repeat scroll top right;
display: block;
float: left;
height: 34px;
margin-right: 1px;
padding-right: 26px; /* sliding doors padding */
text-decoration: none;
}
#topmenu a:hover span, #topmenu a.active span{
background: transparent url('images/topmenu_span.gif') no-repeat top left;
display: block;
line-height: 34px;
padding: 0 0 0 30px;
}
#topmenu a span.bas{
background: transparent url('images/topmenu_span_basket.gif') no-repeat bottom left;
display: block;
line-height: 34px;
padding: 0 0 0 32px;
}
#topmenu a:hover span.bas{
background: transparent url('images/topmenu_span_basket.gif') no-repeat top left;
display: block;
line-height: 34px;
padding: 0 0 0 32px;
}
#columns{
margin:0 auto;
padding:0px;
width:982px;
clear: both;
height: auto;
}
#column-left{
margin:0px;
width:162px;
float:left;
}
#column-center{
margin-left:15px;
width:630px;
float:left;
}
#column-right{
margin:0px;
padding: 0px;
float:right;
width:161px;
}

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

#pagefooter{
width:982px;
clear: both;
border-top: 1px solid #e0e0e0;
padding: 17px 0 0 0;
margin: 0 0 15px 0;
float: left;
}
#botmenu{
width:982px;
clear: both;
color:#747474;
text-align: center;
font:normal 12px tahoma, verdana,sans-serif;
}
#botmenu a{
text-transform: capitalize;
color:#747474;
font:bold 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
#botmenu a:hover{
text-transform: capitalize;
color:#747474;
font:bold 12px tahoma, verdana,sans-serif;
text-decoration: underline;
}
#copy{
width:982px;
clear: both;
color:#b7b7b7;
padding: 20px 0 0 0;
text-align: center;
font:normal 11px tahoma, verdana,sans-serif;
}
#copy a{
color:#b7b7b7;
font:normal 11px tahoma, verdana,sans-serif;
text-decoration: none;
}
#pics{
width:982px;
clear: both;
color:#b7b7b7;
padding: 20px 0 0 0;
text-align: center;
font:normal 11px tahoma, verdana,sans-serif;
}
#pics a{
color:#b7b7b7;
font:normal 11px tahoma, verdana,sans-serif;
text-decoration: none;
}
/* Left column styles */

#category-list ul{
margin:0 0 17px 0;
padding: 0;
clear: both;
}
#category-list li{
list-style:none;
}
.leftmenu0{
color:#000000;
padding: 0 0 1px 11px;
font:bold 12px/29px tahoma, verdana,sans-serif;
background: url(images/left-menu-btn-bgr.gif) no-repeat top left;
}
#category-list .leftmenu0 a{
color:#000000;
font:bold 12px/29px tahoma, verdana,sans-serif;
text-decoration: none;
}
.leftmenuactive0{
color:#ffffff;
padding: 0 0 1px 11px;
font:bold 12px/29px tahoma, verdana,sans-serif;
background: url(images/left-menu-btn-bgr-act.gif) no-repeat top left;
}
#category-list .leftmenuactive0 a{
color:#ffffff;
font:bold 12px/29px tahoma, verdana,sans-serif;
text-decoration: none;
}
.leftmenu1{
padding: 0 0 0 25px;
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/20px tahoma, verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenu1 a:hover{
color:#ff0000;
}
.leftmenuactive1{
padding: 0 0 0 25px;
font:bold 12px/22px tahoma, verdana,sans-serif;
background: url(images/left-menu-btn-bgr2.gif) no-repeat top left;
}
.leftmenuactive1 a{
color:#000000;
font:bold 12px/22px tahoma, verdana,sans-serif;
text-decoration: none;
}
/*---------------------------*/
.leftmenu2{
padding: 0 0 0 30px;
font:normal 12px tahoma, verdana,sans-serif;
color:#000000;
}
#category-list .leftmenu2 a{
color:#000000;
font:normal 12px/20px tahoma, verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenu2 a:hover{
color:#ff0000;
}
.leftmenuactive2{
padding: 0 0 0 30px;
font:bold 12px/22px tahoma, verdana,sans-serif;
}
.leftmenuactive2 a{
color:#000000;
font:bold 12px/22px tahoma, verdana,sans-serif;
text-decoration: none;
}
/*----------------------------*/
#staticleftmenu{
margin:0 0 17px 0;
padding: 29px 0 11px 0;
position:relative;
clear: both;
float: left;
width: 161px;
background-color: #efefef;
}
#staticleftmenu-top{
position: absolute;
top:0px;
left:0px;
color:#ffffff;
width: 161px;
height: 29px;
padding: 0px;
text-align: center;
font:bold 12px/29px tahoma, verdana,sans-serif;
background: url(images/staticleftmenu-top.gif) no-repeat top left;
}
#staticleftmenu-bot{
position: absolute;
bottom:0px;
left:0px;
width: 161px;
height: 11px;
padding: 0px;
background: url(images/staticleftmenu-bot.gif) no-repeat bottom left;
}
*html #staticleftmenu-bot{
bottom:-1px;
}
#staticleftmenu ul{
margin:0px;
padding: 0;
clear: both;
}
#staticleftmenu li{
list-style:none;
color:#676767;
width: 128px;
height: 22px;
padding: 0 0 0 17px;
font:normal 12px/22px tahoma, verdana,sans-serif;
background: url(images/staticleftmenu-li.gif) no-repeat top left;
border-top: 1px solid #e0e0e0;
}
#staticleftmenu li a{
color:#676767;
font:normal 12px/22px tahoma, verdana,sans-serif;
text-decoration: none;
}


/* Right column styles */
#shoppingbag{
margin:0 0 17px 0;
padding: 29px 0 86px 0;
position:relative;
clear: both;
float: left;
width: 161px;
background-color: #efefef;
}
#shoppingbag-top{
position: absolute;
top:0px;
left:0px;
color:#ffffff;
width: 161px;
height: 29px;
padding: 0px;
text-align: center;
font:bold 12px/29px tahoma, verdana,sans-serif;
background: url(images/bag-top.gif) no-repeat top left;
}
#shoppingbag-bot{
position: absolute;
bottom:0px;
left:0px;
width: 148px;
height: 50px;
padding: 36px 0 0 13px;
background: url(images/bag-bot.jpg) no-repeat bottom left;
}
*html #shoppingbag-bot{
bottom:-1px;
}
#shoppingbag-bot a{
color:#FFFFFF;
background:url(images/btn-bgr.gif) repeat-x;
float: left;
font:bold 11px/22px tahoma,arial,sans-serif;
text-align:center;
text-decoration: none;
height:22px;
padding: 0 11px 2px 11px;
}
#shoppingbag-info{
color:#000000;
padding: 0 5px 0 13px;
text-align: left;
font:normal 12px tahoma, verdana,sans-serif;
}
#shoppingbag-info #items{
padding-top:10px;
float:left
}
#shoppingbag-info #total{
padding-top:5px;
float:left
}
#green{
margin:0 0 17px 0;
padding: 0px;
float:left;
width: 161px;
background-color: #a2ca00;
}
*html #green{
float:none;
clear: both;
}
#green-top{
color:#ffffff;
width: 161px;
height: 33px;
float: left;
padding: 0px;
text-align: center;
font:bold 12px/33px tahoma, verdana,sans-serif;
background: url(images/green-top.gif) no-repeat top left;
}
#green-bot{
width: 161px;
height: 12px;
float: left;
padding: 0px;
background: url(images/green-bot.gif) no-repeat bottom left;
}
#green-cont{
color:#ffffff;
padding: 0 13px;
text-align: left;
font:normal 12px tahoma, verdana,sans-serif;
}
#green-span{
padding-top:10px;
float:left;
width: 132px;
}
#green-cont a{
color: #ffffff;
font:normal 12px tahoma,arial,sans-serif;
text-decoration: underline;
}
#green-cont a:hover{
color: #ffffff;
font:normal 12px tahoma,arial,sans-serif;
text-decoration: none;
}
#staticrightmenu{
margin:0 0 17px 0;
padding: 29px 0 11px 0;
position:relative;
clear: both;
float: left;
width: 161px;
background-color: #efefef;
}
#staticrightmenu-top{
position: absolute;
top:0px;
left:0px;
color:#ffffff;
width: 161px;
height: 29px;
padding: 0px;
text-align: center;
font:bold 12px/29px tahoma, verdana,sans-serif;
background: url(images/staticrightmenu-top.gif) no-repeat top left;
}
#staticrightmenu-bot{
position: absolute;
bottom:0px;
left:0px;
width: 161px;
height: 11px;
padding: 0px;
background: url(images/staticrightmenu-bot.gif) no-repeat bottom left;
}
*html #staticrightmenu-bot{
bottom:-1px;
}
#staticrightmenu ul{
margin:0px;
padding: 0;
clear: both;
}
#staticrightmenu li{
list-style:none;
color:#676767;
width: 128px;
height: 22px;
padding: 0 0 0 17px;
font:normal 12px/22px tahoma, verdana,sans-serif;
background: url(images/staticrightmenu-li.gif) no-repeat top left;
border-top: 1px solid #e0e0e0;
}
#staticrightmenu li a{
color:#676767;
font:normal 12px/22px tahoma, verdana,sans-serif;
text-decoration: none;
}
#nletter{
margin:0 0 17px 0;
padding: 0px;
float: left;
width: 161px;
background-color: #efefef;
}
#nletter-top{
color:#ffffff;
width: 161px;
height: 29px;
padding: 0px;
float: left;
text-align: center;
font:bold 12px/29px tahoma, verdana,sans-serif;
background: url(images/staticrightmenu-top.gif) no-repeat top left;
}
#nletter-bot{
width: 161px;
height: 11px;
padding: 0px;
float: left;
background: url(images/staticrightmenu-bot.gif) no-repeat bottom left;
}
#nletter-cont{
color:#666666;
padding: 0 7px;
text-align: left;
font:normal 12px tahoma, verdana,sans-serif;
}
#nletter-text{
padding-top:10px;
float:left;
width: 144px;
}
#nletter-cont a{
/*color: #ffffff;*/
font:normal 12px tahoma,arial,sans-serif;
text-decoration: underline;
}
#nletter-cont a:hover{
/*color: #ffffff;*/
font:normal 12px tahoma,arial,sans-serif;
text-decoration: none;
}
#nletter-in{
padding-top:10px;
float:left;
width: 144px;
}
#nletter-but{
padding-top:10px;
float:left;
width: 144px;
}
#nletter .button{
margin-top: 10px;
float: right;
}
#nletter input.nl{
width:138px;
margin-top: 10px;
float: left;
}
#nletter ul{
margin:0px;
padding: 0;
clear: both;
}
#nletter li{
list-style:none;
color:#676767;
width: 128px;
min-height: 22px;
padding: 0 0 0 17px;
font:normal 12px/22px tahoma, verdana,sans-serif;
background: url(images/staticleftmenu-li.gif) no-repeat top left;
border-top: 1px solid #e0e0e0;
}
#nletter li a{
color:#676767;
font:normal 12px/22px tahoma, verdana,sans-serif;
text-decoration: none;
}

#topsellers{
margin:0 0 17px 0;
padding: 29px 0 11px 0;
position:relative;
clear: both;
float: left;
width: 161px;
background-color: #efefef;
}
#topsellers-top{
position: absolute;
top:0px;
left:0px;
color:#ffffff;
width: 161px;
height: 29px;
padding: 0px;
text-align: center;
font:bold 12px/29px tahoma, verdana,sans-serif;
background: url(images/topsellers-top.gif) no-repeat top left;
}
#topsellers-bot{
position: absolute;
bottom:0px;
left:0px;
width: 161px;
height: 11px;
padding: 0px;
background: url(images/topsellers-bot.gif) no-repeat bottom left;
}
*html #topsellers-bot{
bottom:-1px;
}
#topsellers .prod{
clear: both;
padding-top: 8px;
margin-top: 8px;
float: left;
width: 142px;
border-top: 1px solid #e0e0e0;
}
#topsellers .name{
color:#000000;
clear: both;
padding: 0px;
text-align: left;
font:normal 12px tahoma, verdana,sans-serif;
}
#topsellers .name a{
color:#000000;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
#topsellers .name a:hover{
color:#000000;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: underline;
}
#topsellers .info{
clear: both;
padding-top: 8px;
}
#topsellers .image{
float: left;
width: 61px;
height: 61px;
padding: 1px 3px 3px 1px;
background: url(images/topsellers-image.gif) no-repeat top left;
text-align: center;
}
#topsellers .image img{
vertical-align: middle;
}
#topsellers .price-more{
float: right;
width: 72px;
height: 63px;
text-align: left;
position: relative;
}
#topsellers .price{
position: absolute;
top:0px;
left:0px;
color:#ff0000;
font:bold 14px tahoma, verdana,sans-serif;
}
#topsellers .more{
position: absolute;
bottom:0px;
left:0px;
color:#83a400;
font:normal 11px tahoma, verdana,sans-serif;
text-decoration: none;
}
#topsellers .more a{
color:#83a400;
font:normal 11px tahoma, verdana,sans-serif;
text-decoration: underline;
}
/* ------ home banner ------*/
#home-banner{
float: left;
width: 645px;
height: 150px;
}
#home-banner .new {
float: left;
padding-right:5px;
width: 210px;
height: 150px;
background: url(images/new-product.jpg) no-repeat top left;
}
#home-banner .hot {
float: left;
padding-right:5px;
width: 210px;
height: 150px;
background: url(images/hot-product.jpg) no-repeat top left;
}
#home-banner .sale {
float: left;
padding:0px;
width: 205px;
height: 150px;
background: url(images/sale-product.jpg) no-repeat top left;
}
#home-banner .prod-name {
width:100%;
clear:both;
}
#home-banner .prod-name h3 {
color:#676767;
font:bold 12px tahoma, verdana,sans-serif;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}
#home-banner .general-block {
clear:both;
float: left;
vertical-align: top;
width:100%;
}
#home-banner .image-block {
float: left;
width:auto;
}
#home-banner .description-block {
float: right;
text-align:left;
vertical-align: top;
width:117px;
}
#home-banner .image-block img {
border: 1px solid #b2b2b2;
text-align:left;
margin: 0px 5px 5px 5px;
}
#home-banner .description-block ul {
margin:0px;
padding: 0px;
text-align:left;
vertical-align: top;
}
#home-banner .description-block li {
color:#676767;
margin:0px;
padding: 0px 3px 0px 0px;
text-align:left;
font:normal 11px tahoma, verdana,sans-serif;
list-style-image: url(images/bullet.gif);
}
#home-banner .price-block {
clear:both;
width:100%;
text-align:left;
padding-left:5px;
color:#ffffff;
font:bold 18px tahoma, verdana,sans-serif;
}