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

body{
margin:0px;
background-color:#3daf4c;
font:11px tahoma,verdana,sans-serif;
}
a,table a{
color:#5FC253;
font:bold 11px tahoma,verdana,sans-serif;
}
a:hover{
text-decoration:underline
}
a img{
border:0 none;
}
table{
color:#333333;
}
div,h1,h2,h3,h4,h5,form,img{
margin:0;
padding:0;
border:0 none
}
p{
padding:0 5px 0 0;
color:#000000;
font:11px tahoma,verdana,sans-serif;
}
h1{
color:#5FC253;
font:bold 11px tahoma,verdana,arial,sans-serif;
margin:0;
}
h2{
color:#5FC253;
font:bold 11px tahoma,verdana,arial,sans-serif;
margin:0 0 10px 0;
}
h3{
color:#5FC253;
font:bold 11px tahoma,verdana,arial,sans-serif;
margin:0 0 10px 0;
}
h4{
color:#5FC253;
font:bold 11px verdana,tahoma,arial,sans-serif;
margin:0px 0 10px 0;
}
h5{
color:#5FC253;
font:bold 11px verdana,tahoma,arial,sans-serif;
margin:0 0 10px 0;
}
h6{
color:#5FC253;
font:bold 11px tahoma,verdana,arial,sans-serif;
margin:0 0 10px 0;
}
input{
border:1px solid #B2B2B2;
padding-left:3px;
font:11px tahoma,verdana,arial,sans-serif;
border-style: inset;
}
select{
padding-left:3px;
font:11px tahoma,verdana,arial,sans-serif
}
input.checkbox{
border:0;
}
/* Page layout */

#container{
width:871px;
margin: 0 auto;
padding:0;
text-align:left;
}
#top{
width:871px;
margin: 10px 0;
padding:0;
text-align:left;
float: left;
background:url(images/bgr-top.jpg) #ffffff no-repeat top center;
}
#bottom{
width:871px;
margin: 0px;
padding:0;
text-align:left;
float: left;
background:url(images/bgr-bottom.jpg) no-repeat bottom center;
}
#content{
width:781px;
margin: 0 auto;
padding:0;
text-align:left;
position:relative;
}
#pageheader{
width:781px;
height:181px;
position:relative;
}
#logo{
position:absolute;
top:32px;
left:4px;
width: 120px;
height: 143px;
z-index:50;
}
#logo img{
width: 120px;
height: 143px;
}
#eos{
position:absolute;
top:63px;
left:122px;
width: 87px;
height: 68px;
z-index:50;
}
#eos img{
width: 87px;
height: 68px;
}
.hdr-content{
float:left;
width:550px;
height:155px;
border:1px solid #ff0000;
}
#titlepic{
margin:20px 0 0 13px;
float:left;
width: auto;
height: auto;
}
#titlepic img{
border:2px solid #ffffff;
width:362px;
height: 148px
}
#login{
position:absolute;
top:20px;
right:0px;
width:208px;
height:101px;
background:url(images/login-bgr.gif) no-repeat top center;
color:#ffffff;
}
#languages{
position:absolute;
top:20px;
right:218px;
width:200px;
height:12px;
text-align:right;
}
#languages img{
border:0;
}
#login a{
color:#ffffff;
font:normal 11px tahoma,verdana,arial,sans-serif;
}
#login h3{
text-transform:uppercase;
font:normal 10px tahoma,verdana,arial,sans-serif;
color:#ffffff;
margin:0 0 5px;
padding:2px 0;
}
input.sign-in{
border:0;
color:#047132;
background:url(images/btn-bgr.gif) no-repeat;
font:9px/14px tahoma,verdana,arial,sans-serif;
text-transform: uppercase;
text-align:center;
width:64px;
height:14px;
padding-bottom: 2px;
}
#admin{
text-align:center;
color:#047132;
width:208px;
height:85px;
text-transform: uppercase;
}
#admin a{
color:#047132;
text-decoration:underline;
text-transform:capitalize;
font:11px tahoma,verdana,arial,sans-serif;
}
#slogan h1{
font-weight:normal;
text-transform:uppercase;
font-size:10px;
color:#ff6600;
padding:7px 0 0;
float:right;
clear:both;
width:365px
}
#search{
height:auto;
width:169px;
margin-bottom:10px;
background:url(images/search-box.gif) no-repeat;
}
#search-box {
display:block;
width:147px;
height:100px;
padding:6px 11px;
}
#search-box .search-title{
text-align:left;
text-transform:capitalize;
color: #666666;
margin-bottom:4px;
font:11px tahoma,verdana,arial,sans-serif;
}
#search-box .search-input{
padding:2px 2px; 
width:143px;
text-align:left;
border:1px solid #6BBA4C;
margin-bottom:6px;
}
#search-box .search-type span{
display:block;
height:20px;
background:url(images/btn-e-search.gif) #6ABA4B no-repeat right;
text-decoration:none;
color:#ffffff;
}
#search-box .search-type span{
float:left;
display:block;
height:20px;
font: 10px/20px tahoma,verdana,sans-serif;
text-decoration:none;
color:#ffffff;
padding-right:5px;
}
#search-box .search-type img{
float:left;
}
#search-ink{
float:left;
}
#search-laser{
float:right;
}
#search-advanced{
display:block;
height:106px;
width:169px;
background:url(images/search-box2.gif) no-repeat;
padding:12px 11px 1px 11px;
}
#search-advanced select{
width:147px;
margin-bottom:10px;
}
input.si{
padding:2px 2px;
float:left; 
width:115px;
text-align:left;
margin:10 0 2px;
border-style: inset;
}
.login-left{
float:left;
width:70px;
color:#047132;
padding:10px 0 0 5px;
text-align:right;
}
.login-right{
float:left;
padding:8px 0 0 3px;
color: #047132;
}
#login-button{
float:left;
padding:6px 0 0 59px; 
}
#login-button a{
color:#047132;
display: block;
float: left;
height: 14px;
font:9px/14px verdana,tahoma,arial,sans-serif;
text-transform: uppercase;
font-weight: normal;
text-decoration:none;
margin-right: 0px;
padding-right: 8px; /* sliding doors padding */
text-decoration: none;
background: transparent url('images/login_a.gif') no-repeat scroll top right;
}
#login-button a span{
background: transparent url('images/login_span.gif') no-repeat top left;
display: block;
padding: 0 0 0 8px;
}
#register{
clear:both;
padding:3px 3px 0 59px;
color:#047132;
}
#register a{
color:#047132;
text-align:right;
}
#login-help{
float:left;
padding:13px 0px 2px 15px; 
color: #047132;
}
#login-help a{
color: #047132;
text-decoration: none;
}
#login-help a:hover{
color: #047132;
text-decoration: underline;
}
#menu{
position:absolute;
bottom:15px;
left:0px;
width:780px;
height:27px;
background-color: #006232;
color: #ffffff;
float:left;
margin:0;
text-align: left;
}
#menu-left{
width:80px;
height:27px;
background:url(images/menu-left.gif) no-repeat top left;
color: #ffffff;
float:left;
margin:0;
}
#menu-right{
width:10px;
height:27px;
background:url(images/menu-right.gif) no-repeat top right;
color:#ffffff;
float:right;
margin:0;
}
.menu-elem{
width:auto;
height:17px;
color: #ffffff;
font:bold 11px tahoma,arial,sans-serif;
background:url(images/separator.gif) no-repeat top left;
float:left;
padding: 4px 10px 0 34px;
display: inline;
}
.menu-elem a{
color:#ffffff;
font:bold 11px tahoma,arial,sans-serif;
text-decoration: none;
}
#topmenu{
width: 390px;
color:#FFFFFF;
font:10px/31px tahoma,Verdana,sans-serif;
float: right;
text-align: center;
text-transform: capitalize;
}
#topmenu a{
color:#FFFFFF;
font:10px tahoma,Verdana,sans-serif;
text-decoration:none
}
#columns{
margin:0 auto;
padding:0px;
width:780px;
clear: both;
height: auto;
}
#column-left{
margin-left:0px;
width:169px;
float:left;
}
#column-left ul.menulist{
background: #ffffff;
margin:0;
padding:0;
clear: both;
}
#column-left .menulist li{
list-style:none;
background:url(images/right-menu-btn-bgr.gif) no-repeat left center;
padding: 2px 0 2px 25px;
line-height:16px;
font-weight: bold;
}
#column-left .menulist li a:hover{
color:#ff6600;
}
#column-center{
margin-left:12px;
width:595px;
float:right;
}
#column-right{
color:#000;
margin-left:12px;
float:left;
width:181px;
}
#column-right td{
}
#column-right ul.newestlist{
margin:0 10px;
padding: 0;
clear: both;
}
#column-right .newestlist li{
list-style:none;
border-bottom: 1px solid #fff;
padding: 3px 0;
}
#column-right ul.menulist{
background: #ffffff;
margin:0;
padding:0;
clear: both;
}
#column-right .menulist li{
list-style:none;
background:url(images/right-menu-btn-bgr.gif) no-repeat left center;
padding: 2px 0 2px 25px;
line-height:16px;
font-weight: bold;
}
#column-right li a, #column-left li a{
color:#000;
text-decoration: none;
}
#column-right li a:hover{
color:#ff6600
}
.fix{clear: both;}
.orange-marker{
color:#ff6600;
font-weight:bold;
}
#pagefooter{
width:781px;
clear: both;
height:63px;
float: left;
margin-top: 20px;
text-align: center;
}
#pagefooter a{
text-decoration: none;
}
#botmenu{
padding: 6px 10px 0 0;
width: auto;
float: right;
color: #ffffff;
text-align: right;
font:bold 11px tahoma,verdana,arial,sans-serif;
text-transform: capitalize;
}
#botmenu a{
color: #ffffff;
font:bold 11px tahoma,verdana,arial,sans-serif;
text-transform: capitalize;
}
#copy{
width: auto;
text-align: left;
color: #ffffff;
font:11px tahoma,verdana,arial,sans-serif;
padding: 6px 0 0 10px;
float: left;
}
#copy a{
font:11px tahoma,verdana,arial,sans-serif;
color: #ffffff;
text-decoration: none;
padding: 0 8px;
}
#copy a:hover{
font:11px tahoma,verdana,arial,sans-serif;
color: #ffffff;
text-decoration: underline;
}
/* Left column styles */

#category-list ul{
margin:0;
padding: 0;
clear: both;
}
#category-list li{
list-style:none;
}
#category-list .leftmenu0{
color:#047132;
padding:7px 0 4px 25px;
font:bold 11px tahoma,verdana,sans-serif;
background:#ccea7f url(images/left-menu-btn-bgr.gif) no-repeat left top;
width:144px;
height:auto;
}
#category-list .leftmenu0 a{
color:#047132;
font:bold 11px tahoma,verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenu0first{
color:#047132;
padding:1px 0 4px 25px;
font:bold 11px tahoma,verdana,sans-serif;
background:#ccea7f url(images/left-menu-btn-bgrfirst.gif) no-repeat left top;
width:144px;
height:auto;
}
#category-list .leftmenu0first a{
color:#047132;
font:bold 11px tahoma,verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenu0end{
color:#047132;
padding: 0px 0 0px 25px;
font:bold 11px tahoma,verdana,sans-serif;
background: url(images/left-menu-bgr.gif) no-repeat left center;
}
#category-list .leftmenu0end a{
color:#047132;
font:bold 11px tahoma,verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenuactive0{
color:#047132;
padding: 0 0 10px 25px;
font:bold 11px/16px tahoma,verdana,sans-serif;
background:#ccea7f url(images/left-menu-btn-bgr.gif) no-repeat left bottom;
width: 144px;
height:auto;
}
#category-list .leftmenuactive0 a{
color:#047132;
font:bold 11px tahoma,verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenu1{
color:#047132;
padding: 0px 0 2px 33px;
font:normal 11px/16px tahoma,verdana,sans-serif;
background: #ccea7f url(images/left-menu-btn-bgr2-out.gif) no-repeat left center;
}
#category-list .leftmenu1 a{
color:#047132;
font:normal 11px/16px tahoma,verdana,sans-serif;
text-decoration: none;
}
#category-list .leftmenu1 a:hover{
text-decoration: underline;
}
#category-list .leftmenu1active{
color:#047132;
padding: 0px 0 2px 33px;
font:normal 11px/16px tahoma,verdana,sans-serif;
background: #ccea7f url(images/left-menu-btn-bgr2-out.gif) no-repeat left center;
}
#category-list .leftmenu1active a{
color:#047132;
font:normal 11px/16px tahoma,verdana,sans-serif;
text-decoration: underline;
}
#category-list .leftstaticmenu0{
color:#ffffff;
padding: 7px 0 0 25px;
font:bold 11px tahoma,verdana,sans-serif;
background: url(images/left-menu-btn-bgr5.gif) no-repeat left top;
width: 143px;
height: 16px;
}
#category-list .leftmenustatic0 a{
color:#ffffff;
font:bold 11px tahoma,verdana,sans-serif;
text-decoration: none;
}
#category-list .leftstaticmenu0first{
color:#ffffff;
padding:0 0 0 25px;
font:bold 11px tahoma,verdana,sans-serif;
background: url(images/left-menu-btn-bgr5first.gif) no-repeat left top;
width: 143px;
height: 16px;
}
#category-list .leftmenustatic0first a{
color:#ffffff;
font:bold 11px tahoma,verdana,sans-serif;
text-decoration: none;
}
#category-list .leftstaticmenu1{
color:#ffffff;
padding: 0 0 2px 33px;
font:normal 11px/16px tahoma,verdana,sans-serif;
background:#6ABA4B url(images/left-menu-btn-bgr5-out.gif) no-repeat left center; 
width:135px;
}
#category-list .leftstaticmenu1 a{
color:#ffffff;
font:normal 11px/16px tahoma,verdana,sans-serif;
text-decoration: none;
}
#category-list .leftstaticmenu1 a:hover{
text-decoration: underline;
}
#category-list .leftstaticmenuactive1{
color:#ffffff;
padding: 0 0 2px 33px;
font:normal 11px/16px tahoma,verdana,sans-serif;
background:#6ABA4B url(images/left-menu-btn-bgr5-out.gif) no-repeat left center;
width:135px;
}
#category-list .leftstaticmenuactive1 a{
color:#ffffff;
font:normal 11px/16px tahoma,verdana,sans-serif;
text-decoration: underline;
}

.leftmenuactive1{
color:#047132;
padding:0px 0 2px 33px;
font:11px/16px tahoma,verdana,sans-serif;
background:#ccea7f url(images/left-menu-btn-bgr2.gif) no-repeat left center;
}
#category-list .leftmenuactive1 a{
color:#047132;
font:11px/16px tahoma,verdana,sans-serif;
font-weight: normal;
text-decoration: underline;
}
.leftmenu2{
padding: 2px 0 2px 35px;
font:bold 11px/16px tahoma,verdana,sans-serif;
background: url(images/left-menu-btn-bgr3.gif) no-repeat left center;
}
.leftmenu2 a{
color:#000000;
font:bold 11px/16px tahoma,verdana,sans-serif;
text-decoration: none;
}
.leftmenuactive2{
padding: 2px 0 2px 35px;
font:bold 11px/16px tahoma,verdana,sans-serif;
background: url(images/left-menu-btn-bgr3.gif) no-repeat left center;
}
.leftmenuactive2 a{
color:#000000;
font:bold 11px/16px tahoma,verdana,sans-serif;
text-decoration: none;
}
.leftmenu3{
padding: 2px 0 2px 43px;
font:11px/16px tahoma,verdana,sans-serif;
background: url(images/left-menu-btn-bgr4.gif) no-repeat left center;
}
.leftmenu3 a{
color:#000000;
font:11px/16px tahoma,verdana,sans-serif;
text-decoration: none;
}
.leftmenuactive3{
padding: 2px 0 2px 43px;
font:11px/16px tahoma,verdana,sans-serif;
background: url(images/left-menu-btn-bgr4.gif) no-repeat left center;
}
.leftmenuactive3 a{
color:#000000;
font:bold 11px/16px tahoma,verdana,sans-serif;
text-decoration: none;
}
#basket-items {
display:block;
height:84px;
width:168px;
background:url(images/green-box2.gif) no-repeat;
}
#basket-items ul {
padding:7px 11px;
}
#basket-items ul li{
color:#ffffff;
font: 11px/20px tahoma,verdana,sans-serif;
border-bottom:1px solid #78AF63;
}
#basket-items .button {
display:block;
height:20px;
background:url(images/btn-e-checkout.gif) #CDEA80 no-repeat right;
padding-right:10px;
float:right;
margin-right:11px;
text-decoration:none;
}
#basket-items .button img{
float:left;
}
#basket-items .button span{
float:left;
display:block;
height:20px;
font: 11px/20px tahoma,verdana,sans-serif;
text-decoration:none;
color:#006233;
cursor:hand;
}
/* Right column styles */
#column-right h3, #column-left h3{
text-transform: uppercase;
color:#000000;
font:11px/9px tahoma,verdana,tahoma, Arial,sans-serif;
padding:0 0 0 10px
}
.mblock-right h4{
background:url(images/hl-blue-dot.gif) repeat-x bottom;
color:#2F4A71;
font:10px tahoma,verdana,tahoma, Arial,sans-serif;
text-transform: uppercase;
padding: 0 0 3px 0;
}
.mblock-right2 h4{
text-transform: uppercase;
color:#000000;
font:11px/37px tahoma,verdana,tahoma, Arial,sans-serif;
text-align: center;
}
.mblock-right table{
color:#454545;
width:100%;
}
.mblock-right td a.button{
text-transform: uppercase;
color:#FFFFFF;
background:#2F4A71;
font:10px tahoma,verdana,tahoma,arial,sans-serif;
text-align:center;
text-decoration: none;
display:block
}
.mblock-right td a:hover.button{
color:#FFFFFF;
background:#F7A34E;
}
.mblock-right{
padding:0 8px 2px 8px;
background:#F8EFD0;
}
.mblock-right-cap{
height: auto;
}
.mblock-right2{
background:#eeeeee;
}
.mblock-right2-top{
background:url(images/right-menu-top.gif) no-repeat top;
line-height: 37px;
height: 37px
}
.mblock-right2-bot{
background:url(images/right-menu-bottom.gif) no-repeat bottom;
height: 7px
}
#ftr-left{
width: 11px;
height: 27px;
background:url(images/ftr-left.gif) no-repeat top left;
float:left;
margin: 0px 0 0 0;
}
#ftr-right{
width: 11px;
height: 27px;
background:url(images/ftr-right.gif) no-repeat top right;
float:right;
margin: 0px 0 0 0;
}
#ftr{
width: 781px;
height: 27px;
background-color: #006232;
color: #ffffff;
margin: 0px auto;
padding:0px;
}
.ar{
text-align:center;
display:block;
padding: 10px 0 10px 0;
}
.ar a{
text-align:center;
}

#nav {
margin:0;
padding:0;
float:left;
height:32px;
width:auto;
color:#ffffff;
list-style:none;	
}

#nav a{
text-decoration: none;
}

#nav li {
position:relative;
margin:0;
padding:0;
float:left;
width:auto;
height:27px;
}

#nav li a{
display:block;
padding:0 13px 0 16px;
float:left;
height:27px;
width:auto;
background:#006232 url(images/separator.gif) no-repeat top left;
font:bold 11px/27px tahoma,arial,sans-serif;
color:#ffffff;
}

#nav li a:hover{
text-decoration:underline;
}

#nav li a.first{
background:none;
}

#nav li ul {
position:absolute;
left:0px;
top:-999px;
margin:0;
padding:0;
float:left;
width:100px;
font:normal 11px tahoma,arial,sans-serif;
color: #ffffff;
list-style:none;
}

#nav li:hover ul, #nav li.sfhover ul {
top:27px;
}

#nav li:hover ul li, #nav li.sfhover ul li {
position: static;
}

#nav li:hover ul li, #nav li.sfhover ul li {
padding:4px 0 4px 10px;
float:left;
width:111px;
height:auto;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#ffffff;
background:#6ABA49 url(images/sub-bgr.gif) no-repeat bottom left;
font:normal 11px tahoma,arial,sans-serif;
}

#nav li:hover ul li:hover, #nav li.sfhover ul li.sfhover {
color: #006233;
/*background:url(images/sub-bgr-on.gif) no-repeat top left;*/
background-color: #CCEA7F;
background-image: none;
}

#nav li:hover ul li a, #nav li.sfhover ul li a{
padding:0;
height:auto;
background:none;
color:#ffffff;
font:normal 11px tahoma,arial,sans-serif;
text-decoration:none;
}

#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover {
color:#006233;
text-decoration:underline;	
}

#nav li:hover ul li.subbot, #nav li.sfhover ul li.subbot{
width:123px;
height:8px;
background:url(images/sub-bot.gif) no-repeat top left;
padding:0;
border:none;
}
/*
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}*/
#product_range{
background:url(images/dot.gif) repeat-y left;
float:left;
width:240px;
display:block;
margin:0;
padding-left:10px;
}
#product_range h1{
margin:0;
color:#5FC253;
font:bold 11px/15px tahoma,verdana,arial,sans-serif;
text-transform:none;
padding:0 0 10px 0;
}
.thumb{
float: left;
display: block;
text-align:center;
height:auto;
width:70px;
margin: 5px 5px 5px 0px;
}
.thumb img{
text-align:center;
margin:0px 0 0 0;
}
.thumb2{
float: left;
display: block;
text-align:center;
height:auto;
width:99px;
margin: 5px 5px 5px 0px;
}
.thumb img{
text-align:center;
margin:0px 0 0 0;
}
.longbutton a{
color:#047132;
display: block;
float:left;
height:14px;
font:9px/14px verdana,tahoma,arial,sans-serif;
font-weight: normal;
text-decoration:none;
margin-right: 0px;
padding-right: 8px; /* sliding doors padding */
text-decoration: none;
background: transparent url('images/login_a.gif') no-repeat scroll top right;
}
.longbutton a span{
background: transparent url('images/login_span.gif') no-repeat top left;
display: block;
padding: 0 0 0 8px;
}