/* general cleaning - updated may19th 2009 */

body{

    margin:0;

    font-family: Arial, Helvetica, sans-serif;

    background:url(/images/grass-bg.jpg);

}

html{

    height: 100%;

}


.result
{
    display:block;
}

* :focus {

    outline: 0;

}

a {

    cursor: pointer;

}

.displayblock{

    display:block; text-align:center;

}

.clearboth{

    clear:both;

}

p {

    padding: 0;

    margin: 0;

}

blockquote{

    margin: 0 0 0 30px;

}

.floatleft{

    float:left;

}

.floatright{

    float:right;

}

.nopadding{

    padding:0 !important;

}

.nomargin{

    margin: 0 !important;

}

.textcenter{

    text-align: center;

}

img {

    padding: 0;

    margin: 0;

    border: 0;

}

ul {

    margin: 0;

    padding: 0;

}

ol {

    margin:0;

    padding:0;

}

form, 

fieldset, 

legend {

    margin: 0;

    padding: 0;

    border: none;

    display: inline;

}



embed,

object {

    display: block;

    margin: 0;

    padding: 0;

}

.hidden {

    display: none !important;

}

.singlelinebreak {

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

}



/* end of cleaning */



#topheader{

    width: 934px;

    margin: auto auto;

    overflow: hidden;

    background:url(/images/topheader-bg.jpg) no-repeat;

}   

.logo{

    display: block;

    float: left;

}

#topsearch{

    width: 330px;

    padding: 21px 0 0 150px;

    float: left;

}

#topsearch label{

    display: block;

    float: left;

    color: #333;

    font-size: 12px;

    padding: 4px 5px 0 14px;

}

.topsearchfield{

    width: 200px;

    padding: 2px 2px 2px 2px;

    float: left;

    margin: 0 5px 0 0;

    font-size: 12px;

    color: #333;

    

}



#topheaderright{

    width: 250px;

    float: right;

    text-align: right;

    color: #222;

    font-size: 11px;

    padding: 8px 0 0 0;

}

#topheaderright a{

    text-decoration: none;

    color: #222;

    font-size: 11px;

}

#topheaderright a:hover{

    color: #2c6927;

}

.topphone{

    font-size: 23px;

    font-weight: bold;

}

.toptag{

    font-size: 12px;

    font-weight: bold;

    color: #1d6518;

}





#maincontainer{

    width: 922px;

    margin: auto auto;

    overflow: hidden;

}

.pagebanner{

    border-top: 4px solid #000;

    border-right: 4px solid #000;

    border-left: 4px solid #000;

    display: block;

    clear: both;

}



#featuredproducts a img{

    display: block;

}



#leftcontent{

    width: 212px;

    overflow: hidden;

    float: left;

}



#specialoffer{

    padding: 10px 0 0 0;    

}

#specialoffer h2{

    display: block;

    background:url(/images/bestsellers-bg.jpg) repeat-x #d1d1d1;

    border: 1px solid #dfdfdf;

    padding: 0 4px 0 4px;

    color: #111;

    font-size: 24px;

    margin: 0 0 5px 0;

}

#specialoffer{

    text-align: center; 

    border: 1px solid #b7b7b7;

    padding: 1px;

}

#specialoffer a{

    display: block;

    padding: 5px;

    font-size: 12px;

    color: #111;

    text-decoration: none;

    font-weight: bold;

}

#specialoffer a:hover{

    color: #287e22;

}

#specialoffer p{

    display: block;

    line-height: 24px;

    font-size: 12px;

    color: #2c8626;

    font-weight: bold;

}













.bg-red{

    background: #cc0000;

    padding: 3px;

}

.bg-darkred{

    background: #a10101;    

    padding: 3px;

}

.bg-black{

    background: #000;   

}

.bg-green{

    background: #1f6819;    

}

.saletext{

    color: #FFF !important; 

    font-size: 20px !important;

}



#miniblog{

    clear: both;

    border: 1px solid #b7b7b7;

    padding: 1px;

    margin: 10px 0 0 0;

}

#miniblog-content{

    padding: 0 5px 5px 5px;

}

#miniblog h2{

    display: block;

    background:url(/images/bestsellers-bg.jpg) repeat-x #d1d1d1;

    border: 1px solid #dfdfdf;

    padding: 0 4px 0 4px;

    color: #111;

    font-size: 24px;

    margin: 0 0 5px 0;

}



.navbox{

    border: 1px solid #b6b6b6;

    padding: 1px;

    margin: 10px 0 0 0;

}

.navbox h2{

    display: block;

    background:url(/images/bestsellers-bg.jpg) repeat-x #d1d1d1;

    padding: 5px;

    font-size: 18px;

    margin: 0;

    font-weight: normal;

    color: #222;

}

.leftlinks{

    width: 196px;

    margin: auto auto;

    overflow: hidden;

    padding: 10px 0 10px 0;

}

.leftlinks li{

    list-style-type: none;  

    float: left;

    clear: left;

    width: 196px;

}

.leftlinks li a{

    font-size: 12px;

    color: #222;

    padding: 4px 0 4px 11px;

    display: block;

    width: 196px;

    border-bottom: 1px dashed #b4b4b4;

    text-decoration: none;

}

.leftlinks li a:hover{

    background: #f8f7f7;

    color: #548b43;

}

.leftlinks li a:active{

    background: #f3f3f3;

    color: #548b43;

}

.noborder{

    border: none !important;

}

.leftnavimg{

    border: 3px solid #111;

    display: block

}

.leftnavimg{

    display: block;

    margin: 0 auto 8px auto;

    border: 2px solid #111;

}



#grasscontainer{

    width: 1000px;

    margin: auto auto;

    background: url(/images/grassbg2.png) repeat-y;

    overflow: hidden;
    z-index: 2;
    position: relative;

}



#categories{

    width: 946px;

    margin: auto auto;

}



#menucontent{width:946px; height:61px; position:relative; z-index: 10; background: #000;}

#menucontent ul.menu { margin:0; padding:0; list-style:none; position:absolute; height:61px; display: block;} 

#menucontent ul.menu li.level1 {float:left; height:61px;}

#menucontent ul.menu li.level1 a.level1a  {display:block; float:left; height:61px;} 



#menucontent ul.menu li.lawnmowers{background: url('/images/toplinks/lawnmowers_off.jpg') no-repeat; width: 99px; }

#menucontent ul.menu li.lawnmowers:hover { background: url('/images/toplinks/lawnmowers_on.jpg') no-repeat; width: 99px; }

#menucontent ul.menu li.level1a.lawnmowers1:hover{background: url('/images/toplinks/lawnmowers_on.jpg') no-repeat; width: 99px;} 



#menucontent ul.menu li.quads{background: url('/images/toplinks/quads_off.jpg') no-repeat; width: 62px; }

#menucontent ul.menu li.quads:hover { background: url('/images/toplinks/quads_on.jpg') no-repeat; width: 62px; }

#menucontent ul.menu li.level1a.quads1:hover{background: url('/images/toplinks/quads_on.jpg') no-repeat; width: 62px;}



#menucontent ul.menu li.tractors{background: url('/images/toplinks/tractors_off.jpg') no-repeat; width: 62px; }

#menucontent ul.menu li.tractors:hover { background: url('/images/toplinks/tractors_on.jpg') no-repeat; width: 62px; }

#menucontent ul.menu li.level1a.tractors1:hover{background: url('/images/toplinks/tractors_on.jpg') no-repeat; width: 62px;}



#menucontent ul.menu li.hedgecutters{background: url('/images/toplinks/hedgecutters_off.jpg') no-repeat; width: 105px; }
#menucontent ul.menu li.hedgecutters:hover { background: url('/images/toplinks/hedgecutters_on.jpg') no-repeat; width: 105px; }
#menucontent ul.menu li.level1a.hedgecutters1:hover{background: url('/images/toplinks/hedgecutters_on.jpg') no-repeat; width: 105px;}


#menucontent ul.menu li.gardenvacs{background: url('/images/toplinks/gardenvacs_off.jpg') no-repeat; width: 92px; }
#menucontent ul.menu li.gardenvacs:hover { background: url('/images/toplinks/gardenvacs_on.jpg') no-repeat; width: 92px; }
#menucontent ul.menu li.level1a.gardenvacs1:hover{background: url('/images/toplinks/gardenvacs_on.jpg') no-repeat; width: 92px;}


#menucontent ul.menu li.gardenshredders{background: url('/images/toplinks/trailers_off.jpg') no-repeat; width: 80px; }
#menucontent ul.menu li.gardenshredders:hover { background: url('/images/toplinks/trailers_on.jpg') no-repeat; width: 80px; }
#menucontent ul.menu li.level1a.gardenshredders1:hover{background: url('/images/toplinks/trailers_on.jpg') no-repeat; width: 80px;}


#menucontent ul.menu li.chainsaws{background: url('/images/toplinks/chainsaws_off.jpg') no-repeat; width: 84px; }
#menucontent ul.menu li.chainsaws:hover { background: url('/images/toplinks/chainsaws_on.jpg') no-repeat; width: 84px; }
#menucontent ul.menu li.level1a.chainsaws1:hover{background: url('/images/toplinks/chainsaws_on.jpg') no-repeat; width: 84px;}


#menucontent ul.menu li.brushcutters{background: url('/images/toplinks/brushcutters_off.jpg') no-repeat; width: 95px; }
#menucontent ul.menu li.brushcutters:hover { background: url('/images/toplinks/brushcutters_on.jpg') no-repeat; width: 95px; }
#menucontent ul.menu li.level1a.brushcutters1:hover{background: url('/images/toplinks/brushcutters_on.jpg') no-repeat; width: 95px;}


#menucontent ul.menu li.cultivators{background: url('/images/toplinks/snowblow_off.jpg') no-repeat; width: 94px; }
#menucontent ul.menu li.cultivators:hover { background: url('/images/toplinks/snowblow_on.jpg') no-repeat; width: 94px; }
#menucontent ul.menu li.level1a.cultivators1:hover{background: url('/images/toplinks/snowblow_on.jpg') no-repeat; width: 94px;}


#menucontent ul.menu li.gardenhandtool{background: url('/images/toplinks/gardenhandtool_off.jpg') no-repeat; width: 89px; }
#menucontent ul.menu li.gardenhandtool:hover { background: url('/images/toplinks/gardenhandtool_on.jpg') no-repeat; width: 89px; }
#menucontent ul.menu li.level1a.gardenhandtool1:hover{background: url('/images/toplinks/gardenhandtool_on.jpg') no-repeat; width: 89px;}


#menucontent ul.menu li.gardenaccessories{background: url('/images/toplinks/gardenaccessories_off.jpg') no-repeat; width: 84px; }
#menucontent ul.menu li.gardenaccessories:hover { background: url('/images/toplinks/gardenaccessories_on.jpg') no-repeat; width: 84px; }
#menucontent ul.menu li.level1a.gardenaccessories1:hover{background: url('/images/toplinks/gardenaccessories_on.jpg') no-repeat; width: 84px;}



#menucontent ul.menu li div.submenulist {
    min-width: 180px; 
    position:absolute; 
    left:-999999px; 
    top:56px; 
    color:#fff;
    font-size:11px;
    background: url(/images/dropdownbg.jpg) repeat-x #E0E0E0; 
    padding:1px 1px 6px 1px; 
    border:1px solid #434343; 
    z-index:999;
} 


#menucontent ul.menu :hover div.lawnmowers {left:8px;} 
#menucontent ul.menu :hover div.tractors {left:99px;}
#menucontent ul.menu :hover div.quads {left:160px;} 
#menucontent ul.menu :hover div.brushcutters {left:328px;}
#menucontent ul.menu :hover div.chainsaws {left:425px;}
#menucontent ul.menu :hover div.gardenshredders {left:510px;}
#menucontent ul.menu :hover div.gardenvacs{left:317px;}  
#menucontent ul.menu :hover div.hedgecutters {left:222px;} 
#menucontent ul.menu :hover div.cultivators {left:575px;} 
#menucontent ul.menu :hover div.gardenhandtool {left:678px;} 
#menucontent ul.menu :hover div.gardenaccessories {left:755px;} 


#menucontent ul.menu li div.submenulist div.menuoption {display:block; float:left; width:180px;}

.menuoption .submenuinfo{padding:0px 17px 0px 18px; border-right:1px dashed #666;}



.menuoption .submenutitle{height:27px; line-height:27px; background:#000; font-weight:bold; font-size:13px; color:#fff; padding:0px 18px 0px 18px;  text-align:left;}



.submenuinfo ul{padding:10px 0px; list-style:none;}

.submenuinfo li{padding:2px 0px; list-style:none;}



.submenuinfo li a{color: #333; text-decoration: none;}

.submenuinfo li a:hover{color: #1e641b;}



#menucontent table { border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; } /* IE6 only */ 



/* Blog Classes */

.blogwidth{

    padding: 0 10px 0 10px;

    width: 660px;

}

A.blogheadline{

    font-size: 14px; 

    color: #111; 

    text-decoration: none;

    font-weight: bold;

}

A.blogheadline:hover{

    text-decoration: underline;

}

.blogdate{

    font-size: 14px;

    color: #1a6015;

    font-weight: bold;

    padding: 4px 0 4px 0;

}

.blogdescription{

    font-size: 11px;

    color: #222;

    padding: 0 0 10px 0;

}

.blogdescription img {

    float: right !important;

    width: 150px !important;

    height: auto !important;

}

.description  {
font-size: 12px; font-family: Arial;

}

A.blogreadmore, A.blogreadall{

    font-size: 11px;

    color: #3f44f5;

    text-decoration: none;

}

A.blogreadmore:hover, A.blogreadall:hover{

    text-decoration: underline;

}







/* footer */

#footerlinks{

    background: url(/images/footer-bg.jpg) repeat-x #2d8726;

    padding: 8px;

    width: 934px;

    margin: auto auto;

    font-size: 11px;

    color: #FFF;

    text-align: center;

    clear: both;

}

#footerlinks a{

    font-size: 11px;

    color: #FFF;

    text-decoration: none;

}

#footerlinks a:hover{

    color: #8bdd85;

}

#bottomfooter{

    width: 934px;

    margin: auto auto;

    font-size: 11px;

    color: #297f22;

    padding: 10px 0 10px 0;

    overflow: hidden;

}

#bottomfooter a{

    text-decoration: none;

    color: #8d8d8d;

}

#bottomfooter a:hover{

    color: #073d02;

}









/*     23rd October  ***********************************************************************************************************************/



/*  replace maincontent style with this one */ 

#maincontent{

    float: right;

    width: 700px;

    padding: 10px 0 0 0;

    overflow: hidden;

}



/* brand new styles */



.breadcrumbs{

    font-size: 11px;

    color: #6a6a6a;

    padding: 0 0 5px 0;

    width: 100%;

    float: left;

}

.breadcrumbs a{

    font-size: 11px;

    color: #6a6a6a;

    text-decoration: none;

}

.breadcrumbs a:hover{

    text-decoration: underline;

}





.product-amounts{

    font-size: 11px;

    color: #6a6a6a;

    padding: 0 0 5px 0;

    width: 150px;

    float: right;

    text-align: right;

}

.catitem-container{
    width: 720px;   
}
.catitem{
    border: 1px solid #b6b6b6;
    text-align: center;
    width: 156px;
    padding: 1px;
    float: left;
    margin: 0 20px 18px 0
}
.catitem p{
    display: block;
    padding: 5px;
    line-height: 12px;
}
.catitem a{
    font-size: 12px;
    color: #111;
    text-decoration: none;
    font-weight: bold;
}
.catitem a:hover{
    color: #287e22;
}
.catitem img{
    display: block;
    margin: auto auto;
}



.bestsellers{

    clear: both;

    /* width: 730px; */

}

.bestsellers h2{

    display: block;

    width: 690px;

    background:url(/images/miniblog-bg1.jpg) repeat-x #2c8725;

    border: 1px solid #10480c;

    padding: 0 4px 4px 4px;

    color: #FFF;

    font-size: 24px;

    margin: 0 0 5px 0;

}

.bestseller-item{

    border: 1px solid #b6b6b6;
    text-align: center;
    width: 220px;
    padding: 1px;
    float: left;
    margin: 0 14px 14px 0; 

}

.bestseller-item a{

    display: block;

    padding: 5px;

    font-size: 12px;

    color: #FFF;

    text-decoration: none;

    font-weight: bold;

}

.bestseller-item a:hover{

    color: #8bdd85;

}

.bestseller-item p{

    display: block;

    line-height: 24px;

    font-size: 12px;

    color: #2c8626;

    font-weight: bold;

}



.filterresults{

    padding: 5px;

    margin: 10px 0 0 0;

    clear: both;

    background: #1f6819;

    overflow:hidden;

    width: 690px;

}

.filterresults fieldset{

    width: 350px;

    float: left;

}

.filterresults label{

    font-size: 12px;

    color: #FFF;

    font-weight: bold;

    padding: 0 5px 0 0;

}

.filterresults a{

    font-size: 12px;
    color: #FFF;
    font-weight: bold;
    padding: 0 5px 0 0; text-decoration:none;

}

.filterresults select{

    font-size: 12px;

    color: #333;

}



.pageresults{
    text-align: right;
}

.pageresults p{
    padding: 2px 0 0 0;
}

.pageresults ul{
    list-style-type: none;
    font-size: 11px;
    color: #FFF; float:right;
}

.pageresults ul li{
    float: left;
    padding: 1px 5px 0 0;
}

.pageresults ul li a{
    display: block;
    border: 1px solid #3d8f36;
    background: #2a2a2a;
    font-size: 11px;
    color: #FFF;
    text-decoration: none;
    padding: 1px 5px 1px 5px;
}

.pageresults ul li a:hover{
    background: #3c8935;
}


a.bash  {
    background: #fff !important; font-weight:bold !important; color: Black !important;
}

.prodlist-single{

    margin: 10px 0 10px 0;  

    padding: 0 0 15px 0;

    border-bottom: 1px solid #979797;

    overflow: hidden;

    width: 698px;

}

.prodlistimage{

    border: 1px solid #777;

    padding: 1px;

    display: block;

    float: left;

}

.prodlistimage img{

    display: block;

}

.prodlist-info{

    width: 510px;

    float: right;

}

.prodlist-btn{

    display: block;

    float: right; 

    margin: 0 0 0 10px;

}   

.prodlist-info h1{
    font-size: 15px;
    color: #1d6518;
    margin: 0;
    padding: 0 0 10px 0;
}

.prodlist-info a{

    font-size: 15px; 
    text-decoration: none; font-weight:bold;
    color: #1d6518;
    margin: 0;
    padding: 0 0 10px 0;

}

.prodlist-info p{
    font-size: 12px;
    color: #3a3a3a;
    padding: 0 0 10px 0;
}



.prodlist-info .prices, #productdetails .prices{

    padding: 5px 0 5px 0;

    border-top: 1px dashed #777;

    border-bottom: 1px dashed #777;

    margin: 0 0 10px 0;

}

.prodlist-info .prices p, #productdetails .prices p{

    padding: 0;

    color: #1f6819;

    font-size: 15px;

}

.prodlist-info .prices p span, #productdetails .prices p span{

    padding: 0;

    color: #111;font-weight: bold;

    font-size: 22px;

}


#productwrapper
{
    float:left;
    width:320px;
}


#largeproductimage{

    border: 1px solid #ababab;

    width: 320px;

    float: left;

    text-align: center;

}

#aditinonalimages{

    border-bottom: 1px solid #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab;

    width: 320px;

    float: left;

    text-align: left; padding: 5px 0;

}


#productdetails{

    width: 350px;

    float: right;

}

#productdetails h1{

    margin: 0;

    color: #111;

    padding: 0 0 10px 0;

    font-size: 17px;

}

.brandlogo{

    display: block;

    padding: 10px 0 30px 0;

}

#productdetails fieldset{

    clear: both;

    padding: 10px 0 0 0;

}

.qtyfield{

    width: 50px;

    text-align: center;

    color: #333;

    margin: 8px 15px 0 0;

    display: block;

    float: left;

}

.addtobasket-formbtn{

    display:block;

    float: left;

}

#homecontent{

    margin: 0 0 10px 0;

    overflow: hidden;

}

#homecontent p{

    padding: 0 0 10px 0;

    font-size: 12px;

    color: #111;

    text-align: justify;

}

.hometitleimage{

    display: block;

    padding: 0 0 10px 0;

}

#homecontent-rightcol{

    width: 370px;

    float: right;

}   

#homeimages{

    width: 324px;

    float: left;

}

#homeimage-content{

    padding: 5px;   

    background: #000;

    overflow: hidden;

    width: 314px;

    margin: 0 0 5px 0;

}

#homeimage-container{

    width: 314px;

    height: 236px;

    overflow: hidden;

    position: relative;

    margin: 0 0 10px 0;

}

#homeimage-images{

    width: 2000px;

    position: relative;

    left: 0px;

}

#homeimagethumbs{

    overflow: hidden;   

}

#homeimagethumbs img{

    padding: 0 10px 0 0;

    display: block;

    float: left;

}

div.further_information {

    margin: 22px 0 0 0;

}

div.further_information ul.tabs {

    display: none;

    font-size: 13px;

    font-weight: bold;

    list-style-type: none;

    margin: 0;

    overflow: hidden;

    padding: 0;

    text-align: center;

    width: 100%;

}

div.further_information ul.tabs li {

    display: inline;

    float: left;

    margin: 0 2px 0 0;

}



div.further_information ul.tabs li a {

    background: #dcdcdc;

    color: #000;

    display: block;

    height: 22px;

    overflow: hidden;

    padding: 5px 0 0 0;

    text-decoration: none;

    width: 150px;

    border-top: 1px solid #a8a8a8;

    border-left: 1px solid #a8a8a8;

    border-right: 1px solid #a8a8a8;

    border-bottom: 1px solid #a8a8a8;

}

div.further_information ul.tabs li a.current,

div.further_information ul.tabs li a:active,

div.further_information ul.tabs li a:focus,

div.further_information ul.tabs li a:hover {

    background: #FFF;

    border-bottom: 1px solid #fff;

}

div.further_information div.content {

    float: none;

    overflow: hidden;

    padding: 10px 0 0 10px;

    width: 688px;

    border: 1px solid #a8a8a8;

    margin: -1px 0 0 0;

}

div.further_information div.content h2 {

    color: #808080;

    font-size: 15px;

    font-weight: normal;

    line-height: 18px;

    margin: 0;

    padding: 0 15px 12px 0;

}

div.further_information div.content p {

    color: #2c2c2c;

    font-size: 12px;

    line-height: 18px;

    margin: 0;

    padding: 0 15px 18px 0;

}

div.further_information div.content span.bg_bottom {

    background: url("//images/further_information_bottom.png") no-repeat;

    clear: both;

    display: block;

    height: 5px;

    overflow: hidden;

    width: 702px;

}

.assprod{

    width: 160px;

    float: left;

    margin: 0 10px 0 0;

    text-align: center;

}

.assprod a.link{

    font-size: 13px;

    color: #111;

    text-decoration: none;

    padding: 5px 0 15px 0;

    display: block;

    font-weight: bold;

}

.assprod a:hover.link{

    color: #666;

}

.assprod p{

    font-size: 20px !important;

}































/************* changes to css **************/

#featuredproducts{

    padding: 10px 0 10px 0;

    overflow: hidden;

}

#featuredproducts a{

    border: 1px solid #c1c1c1;

    display: block;

    float: left;

    padding: 3px;

    margin: 0 6px 0 0;

}

#featuredproducts a:hover{

    border: 1px solid #7f7f7f;

}





.bestsellers{

    clear: both;

    width: 940px;

    overflow: hidden;

}

.bestsellers h2{

    display: block;

    width: 100%;

    background:url(/images/bestsellers-bg.jpg) repeat-x #d1d1d1;

    border: 1px solid #dfdfdf;

    padding: 0 4px 0 4px;

    color: #111;

    font-size: 24px;

    margin: 0 0 5px 0;

}

.bestseller-item{

    border: 1px solid #b6b6b6;

    text-align: center;

    width: 216px;

    padding: 1px;

    float: left;

    margin: 0 14px 14px 0;

}

.moremargin{

    margin: 0 20px 20px 0;

}

.bestseller-item a{

    display: block;

    padding: 5px;

    font-size: 12px;

    color: #111;

    text-decoration: none;

    font-weight: bold;

}

.bestseller-item a:hover{

    color: #287e22;

}

.bestseller-item p{

    display: block;

    line-height: 24px;

    font-size: 12px;

    color: #2c8626;

    font-weight: bold;

}

.bg-grey{

    background: #dedede;    

}

.saletext{

    color: #111 !important; 

    font-size: 20px !important;

}









#homeimage-content{

    padding: 3px;   

    background: none;

    border: 1px solid #dfdfdf;

    overflow: hidden;

    width: 314px;

    margin: 0 0 5px 0;

}



#topsearch{

    width: 330px;

    padding: 6px 0 0 150px;

    float: left;

}

.viewspareparts{

    display: block; 

}


#topbarwrapper{
    width:100%;
    margin:0 auto;
    height:30px;
    line-height:30px;
    color:#000;
    overflow:hidden;
    font-size:11px;
    background:url(/images/borderbottom.jpg) no-repeat bottom center;
}

.topsectionLB{
    float:left;
    color:#000; margin-left:110px;

}


.topsectionL{
    float:left;
    color:#000;

}

.topsectionR{
    float:right;
    color:#000;

}

.topsectionL a, .topsectionR a{
    text-decoration:none;
    color:#000;
}

.topsectionL a:hover, .topsectionR a:hover{
    text-decoration:none;
    color:#2c6927;
}

.basket
{
    margin:0;
    padding:0;
    float:left;
}

.checkoutBTN
{
    float:left;
    margin:5px 0 0 0;
    padding:0 0 0 5px;
}


.video
{
    float:right;
    margin:3px 0 0 0;
    padding:0 30px 0 0;
}

/*Login*/

.loginbox
{
    width:210px;
    padding:0 10px;
    float:left;
}

.loginheader
{
    color:#fff;
    width:210px;
    font-size:large;
    background:#000;
    text-align:center;
}

.logincontent
{
    border: 1px solid #000000; 
    height: 115px;
    width:198px;
    float:left;
    padding:5px;
    font-size:12px;
}

.logincontent label
{
    float:left;
    padding:0 5px 0 0;
    width:60px;
}

.logininput
{
    float:left;
    width:125px;
}

.logincontent p
{
    padding:0;
    margin:3px 0;
    float:left;
}

.loginbuttons
{
    text-align:center;
    margin:10px 0 0 0;
    width:198px;
}

.soloBTN {margin:30px 0 0 0 !important;}
.loginBTN {margin:5px 0;}
/* __sprites */

.icons-sprite {
	background-image: url(/images/icons_sprite.png);
	background-color: transparent;
	background-repeat: no-repeat;
}
/* __contactSlide */
body .slide-out-div {
	position: fixed;
	padding: 16px 20px 8px;
	z-index: 12000;
	width: 364px;
	background: #f9f9f9;
	border-top: 1px solid #f9f9f9;
	color: fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	-webkit-box-shadow: 1px 1px 1px #fff;
	box-shadow: 1px 1px 1px #fff;
}
.slide-out-div a {top: 8px;}
.slide-out-div a:hover {background-position: left bottom;}
.slide-out-div p {
	text-transform: capitalize;
	color: rgba(48, 47, 43, .6);
	font-family: MuseoCustom, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 15px;
	text-shadow: 0 1px rgba(255, 255, 255, 1);
}
.slide-out-div hr {
	border-bottom: 1px solid white;
	border-top: 1px solid #E1E1E1;
	border-left: none;
	margin-bottom: 13px;
}
.slide-out-div .viewFeedback {
	background: url('../images/contact_tab.png') no-repeat left bottom;
	width: 44px;
	height: 152px;
	display: block;
	text-indent: -99999px;
	outline: none;
	position: absolute;
	top: 157px;
	right: -44px;
	z-index: 9;
}
.panelContact {
	text-align: left;
	font-family: Segoe UI;
	font-size: 15px;
	color: #281F19;
}
.panelContact input {
	margin-bottom: 10px;
}
.panelContact .input {
	border: none;
	font-size: 14px;
	padding: 8px 8px 8px 34px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 230px;
	color: #777;
	border: 1px solid #F4F4F4;
}
.panelContact .name {background-color: #fff;background-position : -0px -27px;}
.panelContact .email {background-color: #fff;background-position : -0px -60px;}
.panelContact .textarea {
	border: none;
	font-size: 14px;
	padding: 8px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 350px;
	color: #777;
	display: block;
	float: left;
	height: 120px;
	margin-bottom: 4px;
	font-family: Arial;
	border: 1px solid #F4F4F4;
}
.panelContact .submit {
	padding: 0 0 1px 8px;
	margin: 6px -12px 0 0;
	float: left;
	clear: both;
}
.panelContact .submit:hover {background-position: bottom;}
.panelContact .input::-webkit-input-placeholder {color: #777;}
.panelContact .input:-moz-placeholder {color: #777;}
.panelContact .textarea::-webkit-input-placeholder {color: #777;}
.panelContact .textarea:-moz-placeholder {color: #777;}
.panelContact .submit {
	background: #4b9146;
	background: -moz-linear-gradient(top, #4b9146 0%, #448140 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b9146), to(#448140));
	border: 1px solid #3f723c;
	border-bottom: 1px solid #3f723c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 0 #59a954;
	-webkit-box-shadow: inset 0 1px 0 0 #59a954;
	box-shadow: inset 0 1px 0 0 #59a954;
	color: white;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 1;
	padding: 7px 0 8px 0;
	text-align: center;
	text-shadow: 0 -1px 0 #386535;
	width: 150px;
}
.panelContact .submit:hover {
	background: #448340;
	background: -moz-linear-gradient(top, #448340 0%, #3f763b 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#448340), to(#3f763b));
	-moz-box-shadow: inset 0 1px 0 0 #56a151;
	-webkit-box-shadow: inset 0 1px 0 0 #56a151;
	box-shadow: inset 0 1px 0 0 #56a151;
	cursor: pointer;
}
.panelContact .submit:active {
	border: 1px solid #1C4161;
	border-bottom: 1px solid #153552;
	-moz-box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
}
/* __feedback form */

.loginBTN{margin:5px 0;}

/* __sprites */

.icons-sprite { 
    background-image: url(/images/icons_sprite.png); 
    background-color: transparent; 
    background-repeat: no-repeat; 
 } 




.slide-out-div a {top: 8px;}
.slide-out-div a:hover {background-position: left bottom;}

.slide-out-div p{
    text-transform: capitalize;
    color: rgba(48, 47, 43, .6);
    font-family: MuseoCustom, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px;
    text-shadow: 0 1px rgba(255, 255, 255, 1);
}

.slide-out-div hr{
    border-bottom: 1px solid white;
    border-top: 1px solid #E1E1E1;
    border-left: none;
    margin-bottom: 13px;
}

.panelContact {
	text-align: left;
	font-family: Segoe UI;
	font-size: 15px;
	color: #281F19;
}
.panelContact input {margin-bottom: 10px;}
.panelContact .input {
	border: none;
	font-size: 14px;
	padding: 8px 8px 8px 34px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 230px;
	color: #777;
	border: 1px solid #F4F4F4;
}
.panelContact .name {background-color: #fff;background-position  : -0px -27px;}
.panelContact .email {background-color: #fff;background-position  : -0px -60px;}
.panelContact .textarea {
	border: none;
	font-size: 14px;
	padding: 8px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 350px;
	color: #777;
	display: block;
	float: left;
	height: 120px;
	margin-bottom: 4px;
	font-family: Arial;
	border: 1px solid #F4F4F4;
}
.panelContact .submit {
	padding: 0 0 1px 8px;
	margin: 6px -12px 0 0;
	float: left;
	clear: both;
}
.panelContact .submit:hover {background-position: bottom;}
.panelContact .input::-webkit-input-placeholder {color: #777;}
.panelContact .input:-moz-placeholder {color: #777;}
.panelContact .textarea::-webkit-input-placeholder {color: #777;}
.panelContact .textarea:-moz-placeholder {color: #777;}
.panelContact .submit {
	background: #4b9146;
	background: -moz-linear-gradient(top, #4b9146 0%, #448140 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b9146), to(#448140));
	border: 1px solid #3f723c;
	border-bottom: 1px solid #3f723c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 0 #59a954;
	-webkit-box-shadow: inset 0 1px 0 0 #59a954;
	box-shadow: inset 0 1px 0 0 #59a954;
	color: white;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 1;
	padding: 7px 0 8px 0;
	text-align: center;
	text-shadow: 0 -1px 0 #386535;
	width: 150px;
}
.panelContact .submit:hover {
	background: #448340;
	background: -moz-linear-gradient(top, #448340 0%, #3f763b 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#448340), to(#3f763b));
	-moz-box-shadow: inset 0 1px 0 0 #56a151;
	-webkit-box-shadow: inset 0 1px 0 0 #56a151;
	box-shadow: inset 0 1px 0 0 #56a151;
	cursor: pointer;
}
.panelContact .submit:active {
	border: 1px solid #1C4161;
	border-bottom: 1px solid #153552;
	-moz-box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
}
/* __feedback form */
.feedbackWrap {
    padding: 0 9px 5px 9px;
    width: 365px;
    height: 268px;
    color: fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
    -webkit-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
}

.main_area_category_overview{ overflow: hidden; }

.main_area .product_outer3 .feedbackForm {
	text-align: left;
	font-family: Segoe UI;
	font-size: 15px;
	color: #281F19;
}
.main_area .product_outer3 .feedbackForm input {margin-bottom: 10px;float:left;}
.main_area .product_outer3 .feedbackForm .input {
	border: none;
	font-size: 14px;
	padding: 8px 8px 8px 34px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 230px;
	color: #777;
	border: 1px solid #eee;
}
.main_area .product_outer3 .feedbackForm .name {background-color: #fff;background-position: -0px -27px;}
.main_area .product_outer3 .feedbackForm .email {background-color: #fff;background-position  : -0px -60px;}
.main_area .product_outer3 .feedbackForm .textarea {
	border: none;
	font-size: 14px;
	padding: 8px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 350px;
	color: #777;
	display: block;
	float: left;
	height: 120px;
	margin-bottom: 10px;
	font-family: Arial;
	border: 1px solid #eee;
}
.main_area .product_outer3 .feedbackForm .submit {
	padding: 0 0 1px 8px;
	margin: 6px -12px 0 0;
	float: left;
	clear: both;
}
.main_area .product_outer3 .feedbackForm .submit:hover {background-position: bottom;}
.main_area .product_outer3 .feedbackForm .input::-webkit-input-placeholder {color: #777;}
.main_area .product_outer3 .feedbackForm .input:-moz-placeholder {
color: #777;
}
.main_area .product_outer3 .feedbackForm .textarea::-webkit-input-placeholder {
color: #777;
}
.main_area .product_outer3 .feedbackForm .textarea:-moz-placeholder {
color: #777;
}
.main_area .product_outer3 .feedbackForm .submit {
	background: #4b9146;
	background: -moz-linear-gradient(top, #4b9146 0%, #448140 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b9146), to(#448140));
	border: 1px solid #3f723c;
	border-bottom: 1px solid #3f723c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 0 #59a954;
	-webkit-box-shadow: inset 0 1px 0 0 #59a954;
	box-shadow: inset 0 1px 0 0 #59a954;
	color: white;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 1;
	padding: 7px 0 8px 0;
	text-align: center;
	text-shadow: 0 -1px 0 #386535;
	width: 150px;
}
.main_area .product_outer3 .feedbackForm .submit:hover {
	background: #448340;
	background: -moz-linear-gradient(top, #448340 0%, #3f763b 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#448340), to(#3f763b));
	-moz-box-shadow: inset 0 1px 0 0 #56a151;
	-webkit-box-shadow: inset 0 1px 0 0 #56a151;
	box-shadow: inset 0 1px 0 0 #56a151;
	cursor: pointer;
}
.main_area .product_outer3 .feedbackForm .submit:active {
	border: 1px solid #1C4161;
	border-bottom: 1px solid #153552;
	-moz-box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
}

.feedbackWrap {
	padding: 0 9px 5px 9px;
	width: 365px;
	height: 268px;
	color: fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	-webkit-box-shadow: 1px 1px 1px #fff;
	box-shadow: 1px 1px 1px #fff;
}
.main_area_category_overview {
	overflow: hidden;
}
.main_area .product_outer3 .feedbackForm {
	text-align: left;
	font-family: Segoe UI;
	font-size: 15px;
	color: #281F19;
}
.main_area .product_outer3 .feedbackForm input {
	margin-bottom: 10px;
	float:left;
}
.main_area .product_outer3 .feedbackForm .input {
	border: none;
	font-size: 14px;
	padding: 8px 8px 8px 34px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 230px;
	color: #777;
	border: 1px solid #eee;
}
.main_area .product_outer3 .feedbackForm .name {
	background-color: #fff;
	background-position : -0px -27px;
}
.main_area .product_outer3 .feedbackForm .email {
	background-color: #fff;
	background-position : -0px -60px;
}
.main_area .product_outer3 .feedbackForm .textarea {
	border: none;
	font-size: 14px;
	padding: 8px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 350px;
	color: #777;
	display: block;
	float: left;
	height: 120px;
	margin-bottom: 10px;
	font-family: Arial;
	border: 1px solid #eee;
}
.main_area .product_outer3 .feedbackForm .submit {
	padding: 0 0 1px 8px;
	margin: 6px -12px 0 0;
	float: left;
	clear: both;
}
.main_area .product_outer3 .feedbackForm .submit:hover {
	background-position: bottom;
}
.main_area .product_outer3 .feedbackForm .input::-webkit-input-placeholder {
color: #777;
}
.main_area .product_outer3 .feedbackForm .input:-moz-placeholder {
color: #777;
}
.main_area .product_outer3 .feedbackForm .textarea::-webkit-input-placeholder {
color: #777;
}
.main_area .product_outer3 .feedbackForm .textarea:-moz-placeholder {
color: #777;
}
.main_area .product_outer3 .feedbackForm .submit {
	background: #4b9146;
	background: -moz-linear-gradient(top, #4b9146 0%, #448140 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b9146), to(#448140));
	border: 1px solid #3f723c;
	border-bottom: 1px solid #3f723c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 0 #59a954;
	-webkit-box-shadow: inset 0 1px 0 0 #59a954;
	box-shadow: inset 0 1px 0 0 #59a954;
	color: white;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 1;
	padding: 7px 0 8px 0;
	text-align: center;
	text-shadow: 0 -1px 0 #386535;
	width: 150px;
}
.main_area .product_outer3 .feedbackForm .submit:hover {
	background: #448340;
	background: -moz-linear-gradient(top, #448340 0%, #3f763b 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#448340), to(#3f763b));
	-moz-box-shadow: inset 0 1px 0 0 #56a151;
	-webkit-box-shadow: inset 0 1px 0 0 #56a151;
	box-shadow: inset 0 1px 0 0 #56a151;
	cursor: pointer;
}
.main_area .product_outer3 .feedbackForm .submit:active {
	border: 1px solid #1C4161;
	border-bottom: 1px solid #153552;
	-moz-box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #396936, 0 1px 0 0 #eee;
}

.page_navigation
{
    margin: 10px 10px 5px 0;
}

.page_navigation , .alt_page_navigation{
    padding-bottom: 10px;
    float:left;
}

.page_navigation a, .alt_page_navigation a
{
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding:5px 7px;
    margin:2px;
    color:white;
    text-decoration:none;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    background-color:#DB5C04;
}
.page_navigation a:hover, .alt_page_navigation a:hover{
   background-color:#a64400; 
}
.active_page{
    background-color: #efefef !important;
    color:black !important;
    cursor: default;
}   

.leafs-left{
    width: 468px; height: 322px;
    position: absolute;
    left: 0; top: 0;
    z-index: 1;
    background: url(../images/leafs-left.png) no-repeat;
}

.leafs-right{
    width: 468px; height: 322px;
    position: absolute;
    right: 0; top: 0;
    z-index: 1;
    background: url(../images/leafs-right.png) no-repeat;
}

.winter-left{
    width: 528px; height: 100%;
    position: absolute;
    left: 0; top: 0;
    z-index: 1;
    background: url(../images/winter-left.png) no-repeat;
}

.winter-right{
    width: 482px; height: 100%;
    position: absolute;
    right: 0; top: 0;
    z-index: 1;
    background: url(../images/winter-right.png) no-repeat;
}