@charset "utf-8";
/* CSS Document */



/* Home slider */
#wnte{
width:963px;
height:398px;
border:1px solid #B1A7A2;
background:#fff;
margin-bottom:20px;
position:relative;
overflow:hidden;

}
#wnte .items {width:20000em; position:absolute; left:0px; clear:both;}
#wnte .items div {outline:none; margin:0; padding:0; float:left; width:963px; height:398px; overflow:hidden;}
#wnte .items a{outline:none;}

#whatsnew-nav{
margin:0; padding:0;
width:100px;
height:5px;
position:relative;
float:left;
top:358px;
left:27px;
z-index:1000;
/* top -15, left 25 */
}
#whatsnew-nav a{
display:block;
width:15px;
height:15px;
margin:0 7px 0 0;
padding:0;
background:#fff;
border:1px solid #02834a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#02834a;
text-decoration:none;
text-align:center;
vertical-align:middle;
float:left;
outline:none;
cursor:pointer;
}
#whatsnew-nav li{
float:left; 
margin:0; 
padding:0; 
text-indent:0; 
list-style-type:none;
list-style-image:none;
}
#whatsnew-nav a:hover{
border-color:#B70100;
color:#B70100;
text-decoration:none;
outline:none;
}
#whatsnew-nav a.current{
border-color:#B70100;
color:#B70100;
text-decoration:none;
outline:none;
}

/* Accordion */
#accordion_wrap{
width:963px;
height:398px;
border:1px solid #B1A7A2;
background:#fff;
margin-bottom:20px;
}
#accordion{
border:none;
outline:none;
width: 302px;
height:398px;	
float:right;
background:#fff;
-background:#fff;
margin-right:1px;
}
.element_wrap{
height:398px;
width:658px;
}
/* tillers accordion */
div.taccord-size{
height:25px; /* was 31px */
width:302px;
cursor:pointer;
cursor:hand;
background-color:#FFF;
overflow:hidden;
}
#accordion .tpane {
border:none;
outline:none;
display:none;
height:273px; /* was 273px */ /*with 9" 247px */
overflow:hidden;
background:#fff;
text-align:left;
}

div.taccordiontab1{
background:url(../content/tillers/accordion/2cycle_tiller_deluxe_over.gif) top left no-repeat;
}
div.taccordiontab1.current{
background:url(../content/tillers/accordion/2cycle_tiller_deluxe_down.gif) top left no-repeat;
}
div.taccordiontab1:hover{
background:url(../content/tillers/accordion/2cycle_tiller_deluxe_down.gif) top left no-repeat;
}

div.taccordiontab2{
background:url(../content/tillers/accordion/2cycle_tiller_over.gif) top left no-repeat;
}
div.taccordiontab2.current{
background:url(../content/tillers/accordion/2cycle_tiller_down.gif) top left no-repeat;
}
div.taccordiontab2:hover{
background:url(../content/tillers/accordion/2cycle_tiller_down.gif) top left no-repeat;
}

div.taccordiontab3{
background:url(../content/tillers/accordion/4cycle_tiller_deluxe_over.gif) top left no-repeat;
}
div.taccordiontab3.current{
background:url(../content/tillers/accordion/4cycle_tiller_deluxe_down.gif) top left no-repeat;
}
div.taccordiontab3:hover{
background:url(../content/tillers/accordion/4cycle_tiller_deluxe_down.gif) top left no-repeat;
}

div.taccordiontab4{
background:url(../content/tillers/accordion/4cycle_tiller_over.gif) top left no-repeat;
}
div.taccordiontab4.current{
background:url(../content/tillers/accordion/4cycle_tiller_down.gif) top left no-repeat;
}
div.taccordiontab4:hover{
background:url(../content/tillers/accordion/4cycle_tiller_down.gif) top left no-repeat;
}

div.taccordiontab5{
background:url(../content/tillers/accordion/xp_tiller_over.gif) top left no-repeat;
}
div.taccordiontab5.current{
background:url(../content/tillers/accordion/xp_tiller_down.gif) top left no-repeat;
}
div.taccordiontab5:hover{
background:url(../content/tillers/accordion/xp_tiller_down.gif) top left no-repeat;
}

div.taccordiontab6{
background:url(../content/tillers/accordion/electric_tiller_over.gif) top left no-repeat;
}
div.taccordiontab6.current{
background:url(../content/tillers/accordion/electric_tiller_down.gif) top left no-repeat;
}
div.taccordiontab6:hover{
background:url(../content/tillers/accordion/electric_tiller_down.gif) top left no-repeat;
}

#accordion .tpane img{
border:none;
outline:none;
}
#telement1{
border:none;
position:absolute;
z-index:10;
height:398px;
width:658px;
background:url(../content/tillers/accordion/2cycle_tiller_deluxe_large.jpg) no-repeat;
}
#telement2{
border:none;
position:absolute;
z-index:9;
height:398px;
width:658px;
background:url(../content/tillers/accordion/2cycle_tiller_large.jpg) no-repeat;
}
#telement3{
border:none;
position:absolute;
z-index:8;
height:398px;
width:658px;
background:url(../content/tillers/accordion/4cycle_tiller_deluxe_large.jpg) no-repeat;
}
#telement4{
border:none;
position:absolute;
z-index:7;
height:398px;
width:658px;
background:url(../content/tillers/accordion/4cycle_tiller_large.jpg) no-repeat;
}
#telement5{
border:none;
position:absolute;
z-index:7;
height:398px;
width:658px;
background:url(../content/tillers/accordion/xp_tiller_large.jpg) no-repeat;
}
#telement6{
border:none;
position:absolute;
z-index:7;
height:398px;
width:658px;
background:url(../content/tillers/accordion/electric_tiller_large.jpg) no-repeat;
}

/* cordless products accordion */
div.cpaccordiontab1{
height:31px;
width:302px;
background-color:#FFF;
background:url(../content/cordless-products/accordion/cordless_hedge_trimmer_over.gif) top left no-repeat;
cursor:pointer;
cursor:hand;
}
div.cpaccordiontab1.current{
background:url(../content/cordless-products/accordion/cordless_hedge_trimmer_down.gif) top left no-repeat;
}
div.cpaccordiontab1:hover{
background:url(../content/cordless-products/accordion/cordless_hedge_trimmer_down.gif) top left no-repeat;
}

div.cpaccordiontab2{
height:31px;
width:302px;
background-color:#FFF;
background:url(../content/cordless-products/accordion/cordless_grass_and_shrub_shear_over.gif) top left no-repeat;
cursor:pointer;
cursor:hand;
}
div.cpaccordiontab2.current{
background:url(../content/cordless-products/accordion/cordless_grass_and_shrub_shear_down.gif) top left no-repeat;
}
div.cpaccordiontab2:hover{
background:url(../content/cordless-products/accordion/cordless_grass_and_shrub_shear_down.gif) top left no-repeat;
}


#accordion .cppane {
border:none;
outline:none;
display:none;
height:335px;
overflow:hidden;
background:#fff;
text-align:left;
}
#accordion .cppane img{
border:none;
outline:none;
}

#cpelement1{
border:none;
position:absolute;
z-index:11;
height:398px;
width:658px;
background:url(../content/cordless-products/accordion/cordless_hedge_trimmer_large.jpg) no-repeat;
}
#cpelement2{
border:none;
position:absolute;
z-index:10;
height:398px;
width:658px;
background:url(../content/cordless-products/accordion/cordless_grass_and_shrub_shear_large.jpg) no-repeat;
}

/* compost accordion */
div.ctaccordiontab1{
height:31px;
width:302px;
background-color:#FFF;
background:url(../content/composters/accordion/tab1_over.gif) top left no-repeat;
cursor:pointer;
cursor:hand;
}
div.ctaccordiontab1.current{
background:url(../content/composters/accordion/tab1_down.gif) top left no-repeat;
}
div.ctaccordiontab1:hover{
background:url(../content/composters/accordion/tab1_down.gif) top left no-repeat;
}
div.ctaccordiontab2{
height:31px;
width:302px;
background-color:#FFF;
background:url(../content/composters/accordion/tab2_over.gif) top left no-repeat;
cursor:pointer;
cursor:hand;
}
div.ctaccordiontab2.current{
background:url(../content/composters/accordion/tab2_down.gif) top left no-repeat;
}
div.ctaccordiontab2:hover{
background:url(../content/composters/accordion/tab2_down.gif) top left no-repeat;
}
div.ctaccordiontab3{
height:31px;
width:302px;
background-color:#FFF;
background:url(../content/composters/accordion/tab3_over.gif) top left no-repeat;
cursor:pointer;
cursor:hand;
}
div.ctaccordiontab3.current{
background:url(../content/composters/accordion/tab3_down.gif) top left no-repeat;
}
div.ctaccordiontab3:hover{
background:url(../content/composters/accordion/tab3_down.gif) top left no-repeat;
}
#accordion .ctpane {
border:none;
outline:none;
display:none;
height:304px;
background:#fff;
text-align:left;
}
#accordion .ctpane img{
border:none;
outline:none;
}
#ctelement1{
border:none;
position:absolute;
z-index:10;
height:398px;
width:658px;
background:url(../content/composters/accordion/tab1_large.jpg) no-repeat;
}
#ctelement2{
border:none;
position:absolute;
z-index:9;
height:398px;
width:658px;
background:url(../content/composters/accordion/tab2_large.jpg) no-repeat;
}
#ctelement3{
border:none;
position:absolute;
z-index:8;
height:398px;
width:658px;
background:url(../content/composters/accordion/tab3_large.jpg) no-repeat;
}

/* home_v2 accordion */
div.haccordiontab1{
height:31px;
width:302px;
background-color:#FFF;
background:url(../content/home/accordion/tab1_over.gif) top left no-repeat;
cursor:pointer;
cursor:hand;
}
div.haccordiontab1.current{
background:url(../content/home/accordion/tab1_down.gif) top left no-repeat;
}
div.haccordiontab1:hover{
background:url(../content/home/accordion/tab1_down.gif) top left no-repeat;
}
div.haccordiontab2{
height:31px;
width:302px;
background-color:#FFF;
background:url(../content/home/accordion/tab2_over.gif) top left no-repeat;
cursor:pointer;
cursor:hand;
}
div.haccordiontab2.current{
background:url(../content/home/accordion/tab2_down.gif) top left no-repeat;
}
div.haccordiontab2:hover{
background:url(../content/home/accordion/tab2_down.gif) top left no-repeat;
}
div.haccordiontab3{
height:31px;
width:302px;
background-color:#FFF;
background:url(../content/home/accordion/tab3_over.gif) top left no-repeat;
cursor:pointer;
cursor:hand;
}
div.haccordiontab3.current{
background:url(../content/home/accordion/tab3_down.gif) top left no-repeat;
}
div.haccordiontab3:hover{
background:url(../content/home/accordion/tab3_down.gif) top left no-repeat;
}
#accordion .hpane {
border:none;
outline:none;
display:none;
height:304px;
background:#fff;
text-align:left;
}
#accordion .hpane img{
border:none;
outline:none;
}
#helement1{
border:none;
position:absolute;
z-index:10;
height:398px;
width:658px;
background:url(../content/home/accordion/tab1_large.jpg) no-repeat;
}
#helement2{
border:none;
position:absolute;
z-index:9;
height:398px;
width:658px;
background:url(../content/home/accordion/tab2_large.jpg) no-repeat;
}
#helement3{
border:none;
position:absolute;
z-index:8;
height:398px;
width:658px;
background:url(../content/home/accordion/tab3_large.jpg) no-repeat;
}

/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:24px;
	border-bottom:1px solid #B1A7A2;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	background: url(../general/tab.gif) no-repeat top left;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:15px;
	letter-spacing:200%;
	line-height:130%;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	display:block;
	height: 23px;  
	width: 121px;
	text-align:center;	
	padding:0px;
	margin:0px 2px 0px 0px;	
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: 0px -23px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: 0px -23px;		
	cursor:default !important; 
	color:#fff !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;	
}
.panes div{
	border:1px solid #B1A7A2;
	border-top:none;
	padding:18px 12px 12px;
}

/* collapsing menu -------------------------------------------------- collapsing menus */
h2.trigger {
	color:#63A323;
	padding: 0 0 0 15px;
	background:url(../buttons/plus.gif) left center no-repeat;
}
h2.trigger:hover{
cursor:pointer;
}
h2.active {
background:url(../buttons/minus.gif) left center no-repeat;
}

h2.more_trigger {
	font-size:12px;
	padding: 0 0 0 15px;
	margin-bottom:12px;
	text-decoration:underline;
	background:url(../buttons/plus.gif) left center no-repeat;
}
h2.more_trigger:hover{
cursor:pointer;
}
h2.active {
background:url(../buttons/minus.gif) left center no-repeat;
}
.toggle_container {
	overflow: hidden;
	clear: both;
}
div.more_trigger {
	font-size:12px;
	font-weight:bold;
	color:#63A323;
	padding: 0 0 0 15px;
	margin-bottom:12px;
	text-decoration:underline;
	background:url(../buttons/plus.gif) left center no-repeat;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}
div.more_trigger:hover{
cursor:pointer;
}
div.active{
background:url(../buttons/minus.gif) left center no-repeat;
}

/* fade in/out home page element (from UK site) */
.images {position:relative;	height:398px; width:963px; float:left;}
.images div {display:none; position:absolute; top:0; left:0; height:398px;}
.slidetabs{
	display:block;
	position:absolute;
	z-index:99;
	width:200px;
	height:20px;
	top:370px;
	left:662px;
}
.slidetabs a{
	display:block;
	float:left;
	width:15px;
	height:14px;
	padding:1px 0 0;
	border:1px solid #006732;
	margin-right:7px;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#006732;
	text-decoration:none;
	font-weight:bold;
	}
.slidetabs a:hover{
	background:#fff;
	border:1px solid #b70100;
	color:#b70100;
	text-decoration:none;
	}
.slidetabs a.current{
	background:#fff;
	border:1px solid #b70100;
	color:#b70100;
	text-decoration:none;
	}
	
/* image slider from mantis-product-template */
/* temp doc for slide show / scrollable */
div.scrollwrapper{
	width:616px;
	margin-top:10px 0px 8px; 
	border:1px solid #b1a7a2;
	padding:1px;
	}
.scrollable {
	float:left;
	position:relative;
	overflow:hidden;
	width: 616px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:616px;
}
.scrollable .active {
	position:relative;
	cursor:default;
}

a.browse {
	cursor:pointer;
	display:block;
	height:160px;
	width:42px;
	top:30%;
	cursor:pointer;
	z-index:1000;
	position:relative;
}


/* chainsaw image hotspot styles -------------------------------------------------- chainsaw image hotspot styles */
.callout-wrap{position:relative; width:616px; height:360px;}
#highlight{z-index:9; display:block; visibility:hidden; width:16px; height:16px; background:url(../content/electric-chainsaw/callouts/circle-highlight.png) top left no-repeat; position:absolute;}
#highlight2{z-index:9; display:block; visibility:hidden; width:16px; height:16px; background:url(../content/electric-chainsaw/callouts/circle-highlight.png) top left no-repeat; position:absolute;}
.hl1{
	visibility:visible !important;
	top:116px;
	left:335px
}
.hl2{
	visibility:visible !important;
	top:116px;
	left:275px
}
.hl3{visibility:visible !important; top:220px; left:525px}
.hl4{visibility:visible !important; top:117px; left:113px}
.hl5{visibility:visible !important; top:198px; left:432px}
.hl6{visibility:visible !important; top:184px; left:242px}
.hl7{visibility:visible !important; top:208px; left:275px}
.hl8{visibility:visible !important;	top:209px; left:306px}
.hl8a{visibility:visible !important; top:209px; left:224px}
.hl9{visibility:visible !important; top:231px; left:353px}


.callout-large{display:none; width:616px; height:360px; position:absolute; top:2px; left:2px; z-index:9999}
.callout-close{display:block; float:right; width:38px; height:42px; cursor:pointer; cursor:hand}
.amap{display:block; cursor:pointer; cursor:hand; position:absolute; z-index:99}
.circle-h{
	display:block;
	cursor:pointer;
	cursor:hand;
	position:absolute;
	z-index:999;
	width:16px;
	height:16px;
	text-indent:-9999px; color:#FFF; text-decoration:none;
}
.circle-h:hover{background:url(../content/electric-chainsaw/callouts/circle-highlight.png) top left no-repeat;}