/*----- Shop general header and footer template styles -----*/
*{
margin:0;
padding:0;
border:0
}
body{
background:url(images/bgr.jpg) #F3F4F5 repeat-x top;
color:#666666;
font:11px arial,tahoma,verdana,sans-serif
}
a,table a{
color:#009933
}
a:hover{
text-decoration:underline
}
a img{
border:0 none
}
table{
color:#666666
}
p{
color:#666666
}
li{
list-style:none
}
input, textarea,select{
border:1px solid #333333;
padding:1px 3px;
font:11px tahoma,arial,sans-serif
}
select{
padding:1px;
font:11px tahoma,arial,sans-serif
}
input.checkbox{
border:0
}
/*--- GENERAL LAYOUT ---*/
#page{
width: 888px;
background:url(images/bgr-pic.jpg) no-repeat top left;
}
/*--- Search ---*/
#search{
height:25px;
padding:0 0 0 7px
}
.search-input input{
border: 1px solid #333333;
float:left;
width:140px;
padding:2px;
background:#ffffff;
}
.search-go{
float:left;
margin:0 0 0 3px
}
/*--- COLUMNS ---*/
#columns{
padding:0 0 20px 35px
}
/*--- LEFT COLUMN ---*/
#leftcol{
color: #ffffff;
width:193px;
/*width:290px;*/
float:left
}
#leftcol h1{
color: #D7DAE1;
width:250px;
background: none;
text-align: left;
font-weight: normal;
padding-top: 0px;
position: absolute;
top: 5px; left: 35px;
}
.logo{
margin: 33px 0 20px 0;
}
/*--- Title page left column ---*/
#leftcol2{
color: #ffffff;
width:290px;
float:left
}
#leftcol2 h1{
color: #D7DAE1;
width:250px;
background: none;
text-align: left;
font-weight: normal;
padding-top: 0px;
position: absolute;
top: 5px; left: 35px;
}
#leftcol2 h4{
color:#009933;
font-size: 12px;
text-decoration: underline;
}
#leftcol2 h5{
color:#ffffff;
font-size: 11px;
background:url(images/hl-dot.gif) repeat-x bottom;
padding:3px;
clear: both;
}
.vcard{
padding: 10px 6px;
color: #ffffff;
background:url(images/ariol.gif) no-repeat center center;
}
#leftcol2 .vcard p{
color: #ffffff
}
#leftcol2 .vcard p a{
color: #ffffff
}
#leftcol2 p{
color: #666666;
padding: 5px 0 3px 0
}

/*- Rounded borders left box -*/
.ch{
clear:both;
background:url(images/top.gif) no-repeat top left;
line-height:8px;
height:8px
}
.ch-{
background:url(images/top-.gif) no-repeat top right;
line-height:8px;
height:8px
}
.c{
background:url(images/bgr.gif) repeat-y left
}
.c-{
padding:5px;
background:url(images/bgr-.gif) repeat-y right
}
.cb{
background:url(images/bot.gif) no-repeat top left;
height:8px
}
.cb-{
background:url(images/bot-.gif) no-repeat top right;
height:8px
}
/*--- Category list styles ---*/
ul.category{
padding:11px 0
}
ul.category li{
color:#FFFFFF;
margin:4px 0;
padding:2px 0 0 15px;
background:#A4ADBA;
font-weight:bold;
/*line-height:18px;
min-height:18px*/
height: 16px;
}
ul.category li a{
color:#FFFFFF;
text-decoration:none
}
ul.category li a:hover{
color:#EFEFEF;
text-decoration:underline
}
ul.category li.leftmenuactive0{
background: #BBC2CB
}
ul.category li.leftmenu1,ul.category li.leftmenuactive1{
font-weight: normal;
font-style: italic;
padding:0 0 0 25px;
background: #9BA5B3;
display: block;
height: auto;
}
/*- Cart, Info boxes  -*/
.box-green, .box-grey{
color: #333333;
padding: 5px 0;
/*margin:5px 0;*/
text-align: center;
border-top:3px double #BBC2CB;
border-bottom:3px double #BBC2CB;
background: #ffffff;
}
.box-grey{
color: #ffffff;
background: #818E9F
}
/*--- CENTER COLUMN ---*/
#centercol{
width:540px;
float:left;
margin:0 0 0 16px
}
/*--- Title page center column ---*/
#centercol2{
width:455px;
float:left;
margin:0 0 0 16px
}
#centercol3{
width:644px;
float:left;
margin:0 0 0 16px
}
.grad{
padding: 10px 0 5px 0;
background:url(images/section-bgr.gif) #ffffff repeat-x top;
text-align:center;
}
/*- Top menu -*/
.topmenu{
text-transform: uppercase;
line-height: 25px;
color:#FFFFFF;
text-align:center;
font-weight: bold;
}
.topmenu a, .footer a{
padding: 0 3px;
color:#FFFFFF;
text-decoration:none;
font-weight: bold;
}
.topmenu a:hover,.footer a:hover{
text-decoration:underline
}
/*--- Footer menu ---*/
.footer{
width: 888px;
padding: 6px 0;
color:#738193;
text-align: center;
text-transform: uppercase;
border-top: 1px solid #B1BAC4;
}
.footer a{
color:#738193;
text-decoration:none
}
.footer i{
font-size: 10px;
text-transform: none;
font-weight: normal;
}
/*- Borders -*/
#border-grey{
border: 1px solid #B1BAC4;
}
#border-white{
clear: both;
background:url(images/section-bgr.gif) #ffffff repeat-x top;
border: 1px solid #ffffff;
}
h1{
text-align: center;
margin:0 0 10px 0;
color:#009933;
background:url(images/hdr-bgr.gif) no-repeat top center;
font-size:11px;
line-height:16px;
height: 16px;
}
h6{
font-size:15px;line-height:22px;height: 22px;
text-align: center;
margin:0 0 10px 0;
color:#009933;
font-size:15px;
line-height:22px;
height: 22px;
}
#slogan h1{
margin: 0;
padding: 0;
background: none;
font-size: 11px;
text-align: center;
color: #009933
}
#centercol #slogan h1 a{
color: #ffffff;
}
#centercol h1 a{
color:#009933;
}
h2{
background:url(images/hl-dot-gr.gif) repeat-x bottom;
padding:0 0 3px 5px;
margin:5px 0;
line-height:17px;
height: 17px;
color:#009933;
font-size:11px
}
/*--- Products wrapper---*/
.products{
clear:both
}
.thumbwrap,.thumbwrap2{
float:left;
width:138px;
padding:0 0 8px 0;
margin:5px;
}
.thumbwrap3{
text-align: center;
float:left;
width:138px;
padding:0 0 8px 0;
margin:5px 2px 0 6px;
}
.thumbwrap2{
background: none;
margin:5px;
}
.thumbwrap3 h3{
padding:12px 0;
/*line-height: 28px;*/
height: 11px;
background:url(images/hl-shadow.gif) no-repeat bottom;
}
.thumbwrap3 ul{
margin: 0 0 0 15px;
background:url(images/vl-dot.gif) repeat-y left;
}
.thumbwrap3 li{
text-align: left;
padding: 2px 0 2px 20px;
background:url(images/title-item.gif) no-repeat left center;
}
.thumbwrap3 li a{
text-decoration: none;
color: #333333;
}
.thumbwrap h3,.thumbwrap h3 a, .thumbwrap2 h3 a, .thumbwrap3 h3 a{
color:#009933;
text-decoration: none;
font-size:11px
}
.thumbwrap h3, .thumbwrap2 h3{
text-align: center;
margin:4px 0 0;
}
.thumbwrap p{
text-align: center;
}
.thumb, .thumb2{
background:url(images/thumb-bgr.gif) no-repeat center;
text-align:center;
height:74px
}
.thumb2{
background:url(images/thumb-bgr2.gif) no-repeat center;
}
.thumb img, .thumb2 img{
margin:3px 0 0
}
.name{
text-align: center;
margin:4px 0 0;
}
.name a{color:#009933;font-size:11px;font-weight: bold;text-decoration: none;}


/*--- MISC. ---*/
.fix, .hl{
clear:both;
line-height:1px;
height:1px
}
.spacer{
clear: both;
padding:7px 10px;
line-height:16px;
}
.hl{
height: 2px;
line-height: 2px;
background:url(images/hl-dot.gif) repeat-x center;
clear: both;
}
img.fl{
float:left;
margin:0 7px 7px 0
}
.fl{
float:left
}
.fr{
float:right
}
.ar{
text-align:right
}
.ac{
text-align:center
}

.checkout a{
font:11px tahoma,arial,sans-serif;
display:block;
width:95px;
height:21px;
padding-left:25px;
padding-top:9px;
border:0px; 
color:#339900; 
background:url(images/button.gif) no-repeat; 
text-align:left;
vertical-align:middle;
font-weight:bold;
text-decoration:none;
}

.checkout a:hover{
text-decoration:none;
}