span#leftarrow {
top: 170px;
left: 0;
	background: url(/_include/gui/leftarrow.png) no-repeat;
opacity: .6;
}

span#rightarrow {
top:170px;
right: 0;
	background: url(/_include/gui/rightarrow.png) no-repeat;
opacity: .6;
}

.slidearrow {
position: absolute;
height: 150px;
width: 75px;
z-index: 1000;
display: block;
}


div.hero {
	position: relative;
	border: 1px solid #D8DDAF;
	width: 647px;
	float: left;
	font: normal 12px "arial","helvetica",sans-serif;
	margin: 0 0 20px 0;
}
	#feat { float: left; width: 300px; margin-left: 11px;}
	#feat .featured { border: 1px solid #d8ddaf;}
	#feat .featured .title { border-bottom: 1px solid #d8ddaf; padding: 12px 12px 12px 70px;}
	#feat .featured .ctn { padding-left: 13px; padding-top:11px; padding-bottom:11px; padding-right:13px; line-height: 17px;}
	#feat .featImg { margin-left: 15px; margin-bottom: 4px; border:3px solid #e1e3e2;}
   	#feat .featImgOn { margin-left: 15px; margin-bottom: 4px; border:3px solid #e293bd; }
	
div.hero a {
	color: #9EA227;
	text-decoration: none;
	}

div.hero div.feature {
	padding: 0 9px;
	width: 629px;
	height: 278px;
	float: left;
	}
	

div.hero div.feature img {
/*	width: 643px; */
	margin: 0px 0px 0px -7px;  
	border: none;
}
	
div.hero div.feature img.bigslide {
	height: 155px; 
	margin: 0px 0px 0px -7px;  
	border: none;
}

div.hero div.feature h2 {
	padding: 0px;
	margin: 6px 0px 6px 0px;
	font-size: 18px;
	height: 22px;
	overflow: hidden;
	}
	
div.hero div.feature p {
	padding: 0px;
	margin: 0px;
	width: 224px;
	float: left;
	line-height: 16px;
	overflow: hidden;
}

	
div.hero div.feature ul.topsites {
	padding: 0px 0px 0px 12px;
	margin:  0px 0px 0px 12px;
	border-left: 1px solid #D8DDAF;
	float: left;
	font-size: 12px;
	line-height: 16px;
	}
	
div.hero div.feature ul.topsites li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 16px;
	overflow: hidden;
	}


div.hero div.navigation ul {
	width: 645px;
	float: left;
	margin: 0px;
	padding: 0px 1px;
	border: none;
	background: url(/_include/gui/carousel/navigation-bkd.png) #fff 0 7px repeat-x;
	}
	
div.hero div.navigation ul li {
	list-style: none;
	float: left;
	width: 129px;
	}
	
div.hero div.navigation ul li a {
	display: block;
	padding: 13px 6px 6px 6px;
	text-align: center;
	float: left;
	}
	
div.hero div.navigation ul li a:hover,
div.hero div.navigation ul li.selected a {
	background: url(/_include/gui/carousel/navigation-sct.png) no-repeat;
	color: #fff;
	}
	
div.hero div.navigation ul li a span.image {
	border: 1px solid #D8DDAF;
	padding: 2px;
	float: left;
	width: 112px;
	margin-bottom: 2px;
	background: #fff;
	}
		
	
div.hero div.navigation ul li a span.image img {
	width: 112px;
	height: 36px;
	border: none;
	}

	
div.hero div.navigation  ul li a span.text {
	line-height: 1.2em;
	display: block;
	font-size: 11px;
	width: 118px;
	float: left;
	height: 26px;
	overflow: hidden;
	}
	


	
div.hero div.pagination {
	font-size: 11px;
	line-height: 24px;
	color: #555;
	float: left;
	width: 647px;
	border-top: 1px solid #D8DDAF;
	}
	
div.hero div.pagination span.view {
	float: left;
	margin-left: 9px;
	}

div.hero div.pagination span.sequential {
	float: right;
	width: 56px;
	margin: 3px 9px;
	}
	
div.hero div.pagination span.sequential a {
	display: block;
	height: 18px;
	width: 22px;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	margin-left: 6px;
	}
	
div.hero div.pagination span.sequential a.previous {
	background: url(/_include/gui/carousel/prev.png) no-repeat;
	}
	
div.hero div.pagination span.sequential a.next {
	background: url(/_include/gui/carousel/next.png) no-repeat;
	}

#promo {
padding: 0;
}



span.leftarrow {
top: 0;
left: 0;
	  z-index: 1000;
	background: url(/_include/gui/leftarrow.png) no-repeat;
}

span.rightarrow {
top:0;
right: 0;
	   z-index: 1000;
	background: url(/_include/gui/leftarrow.png) no-repeat;
}