/*----- 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:#000000;
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:130px;
position:relative;
}
#logo{
position:absolute;
top: 10px;
left: 10px;
text-align: left;
}
#logo img{
}
#free{
width:auto;
height:auto;
position:absolute;
top: 10px;
right: 3px;
text-align: right;
font:12px tahoma,arial,sans-serif;
color: #676767;
}
#search{
width:982px;
height:44px;
position:absolute;
top: 74px;
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: #ffffff;
text-align: right;
padding: 0;
font:12px/22px tahoma,arial,sans-serif
}
#user a{
color: #ffffff;
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:40px;
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;
}
#columns{
margin:0 auto;
padding:0px;
width:982px;
height: auto;
clear: both;
}
#column-left{
margin-bottom:40px;
width:190px;
float:left;
}
*html #column-left{
margin-bottom:20px;
}
#column-center{
margin-left:15px;
width:602px;
float:left;
}
#column-right{
margin-bottom:40px;
padding: 0px;
float:right;
width:161px;
}
*html #column-right{
margin-bottom:20px;
}

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

#pagefooter{
width:982px;
clear: both;
border-top: 1px solid #e20700;
padding: 15px 0 0 0;
margin: 5px 0 5px 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/20px 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:#e20700;
}
.leftmenuactive1{
padding: 0 0 0 25px;
font:bold 12px/20px tahoma, verdana,sans-serif;
background: url(images/left-menu-btn-bgr2.gif) no-repeat top left;
}
.leftmenuactive1 a{
color:#000000;
font:bold 12px/20px tahoma, verdana,sans-serif;
text-decoration: none;
}
.leftmenu2{
padding: 0 0 0 30px;
font:normal 11px/14px tahoma, verdana,sans-serif;
}
.leftmenuactive2 {padding: 0 0 0 30px;}
.leftmenuactive2 a{
font:bold 11px/14px tahoma, verdana,sans-serif;
}

#staticleftmenu{
margin:0 0 17px 0;
padding: 29px 0 11px 0;
position:relative;
clear: both;
float: left;
width: 190px;
background-color: #fdf37a;
}
#staticleftmenu-top{
position: absolute;
top:0px;
left:0px;
color:#000000;
width: 190px;
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: 12px;
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:#000000;
width: 157px;
height: auto;
clear: both;
padding: 3px 0 3px 17px;
font:normal 12px tahoma, verdana,sans-serif;
background: url(images/staticleftmenu-li.gif) no-repeat top left;
border-top: 1px solid #ffffff;
}
#staticleftmenu li a{
color:#000000;
font:normal 12px 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: #fdf37a;
}
#shoppingbag-top{
position: absolute;
top:0px;
left:0px;
color:#000000;
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:#000000;
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
}
#yellow{
margin:0 0 17px 0;
padding: 0px;
float:left;
width: 161px;
background-color: #fed100;
}
*html #yellow{
float:none;
clear: both;
}
#yellow-top{
color:#000000;
width: 161px;
height: 33px;
float: left;
padding: 0px;
text-align: center;
font:bold 12px/33px tahoma, verdana,sans-serif;
background: url(images/blue-top.gif) no-repeat top left;
}
#yellow-bot{
width: 161px;
height: 13px;
float: left;
padding: 0px;
background: url(images/blue-bot.gif) no-repeat bottom left;
}
#yellow-cont{
color:#000000;
padding: 0 13px;
text-align: left;
font:normal 12px tahoma, verdana,sans-serif;
}
#yellow-span{
padding-top:10px;
float:left;
width: 132px;
}
#yellow-cont a{
color: #000000;
font:normal 12px tahoma,arial,sans-serif;
text-decoration: underline;
}
#yellow-cont a:hover{
color: #000000;
font:normal 12px tahoma,arial,sans-serif;
text-decoration: none;
}
#staticrightmenu{
margin:0 0 17px 0;
padding: 0px;
float:left;
width: 161px;
background-color: #fdf37a;
}
#staticrightmenu-top{
color:#000000;
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;
}
#staticrightmenu-bot{
width: 161px;
height: 12px;
float: left;
padding: 0px;
background: url(images/staticrightmenu-bot.gif) no-repeat bottom left;
}
#staticrightmenu ul{
margin:0px;
padding: 0;
clear: both;

}
#staticrightmenu li{
list-style:none;
color:#000000;
width: 127px;
height: auto;
clear: both;
padding: 3px 0 3px 17px;
font:normal 12px tahoma, verdana,sans-serif;
background: url(images/staticrightmenu-li.gif) no-repeat top left;
border-top: 1px solid #ffffff;
}
#staticrightmenu li a{
color:#000000;
font:normal 12px tahoma, verdana,sans-serif;
text-decoration: none;
}
#nletter{
margin:0 0 17px 0;
padding: 0px;
float: left;
width: 161px;
background-color: #fdf37a;
}

#nletter-top{
color:#000000;
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: 12px;
padding: 0px;
float: left;
background: url(images/staticrightmenu-bot.gif) no-repeat bottom left;
}
#nletter-cont{
color:#000000;
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: #000000;
font:normal 12px tahoma,arial,sans-serif;
text-decoration: underline;
}
#nletter-cont a:hover{
color: #000000;
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;
}
#topsellers{
margin:0 0 17px 0;
padding: 29px 0 11px 0;
position:relative;
clear: both;
float: left;
width: 161px;
background-color: #fdf37a;
}
#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: 12px;
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 #ffffff;
}
#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:#e33e7b;
font:bold 14px tahoma, verdana,sans-serif;
}
#topsellers .more{
position: absolute;
bottom:0px;
left:0px;
color:#00addd;
font:normal 11px tahoma, verdana,sans-serif;
text-decoration: none;
}
#topsellers .more a{
color:#00addd;
font:normal 11px tahoma, verdana,sans-serif;
text-decoration: underline;
}