﻿html{
	height:100%;
}

body{
	height:100%;
	font-size:12px;
	color:#000000;
	font-family:arial,sans-serif;
	background:#fff url(../../images/global/mowerExchange/body_bg.gif) repeat-x 0px 0px;
	margin:0px;
}

.orange
{
    color:#FB7C00;
}

.red
{
    color:#FF0000;
}

#bodyContainer{
	width:960px;
	margin:auto;
}

#mainBody{
	padding-top:0;
}

#mainBody #leftSide{
	width:194px;
	float:left;
	background-color:#ffffff;
}

#mainBody #leftSide #comeAndTrade{
	background:#e4e1de url(../../images/global/mowerExchange/comeAndTradeTop_bg.gif) no-repeat 0px 0px;
	height:790px;
}

#mainBody #leftSide #comeAndTrade .top{
	
	padding-top:12px;
}

#mainBody #leftSide #comeAndTrade .top .toplogo {
	margin-left:5px;
	margin-top:12px;
}

#mainBody #leftSide #comeAndTrade .top .topbutton {
	margin-left:18px;
}

#mainBody #leftSide #comeAndTrade .top h3{
	color:#ffffff;
	font-family:arial,sans-serif;
	font-size:14px;
	padding:0 0 20px 14px;
	margin:0px 1px 0px 1px;
	background:#F3791F;
}

#mainBody #leftSide #comeAndTrade .top a img
{
    border:0px;
}

#mainBody #leftSide #comeAndTrade .top ul{
	list-style:none;
	padding:4px 12px 0 15px;
	line-height:13px;
	margin-left:0px;
}

#mainBody #leftSide #comeAndTrade .top ul li{
	margin-bottom:18px;
}

#mainBody #leftSide #comeAndTrade .top ul li strong{
	display:block;
}

#mainBody #leftSide #comeAndTrade .top ul li a{
	display:block;
	color:#cc7e46;
	font-weight:bold;
	text-decoration:none;
	margin-top:6px;
}

#mainBody #leftSide #comeAndTrade .top ul li a.calendarLink{
	padding-left:20px;
	background:transparent url(../../images/global/mowerExchange/calendarLink.gif) no-repeat 0px  2px;
}

#mainBody #leftSide #comeAndTrade .top ul li a.directionsLink{
	padding-left:20px;
	background:transparent url(../../images/global/mowerExchange/directionsLink.gif) no-repeat 1px  2px;
}

#mainBody #leftSide #comeAndTrade p{
		margin:5px 0 12px 18px;
		width:170px;
		line-height:14px;
}

#mainBody #leftSide #comeAndTrade .middle{
    padding:2px 0px;
    margin-left:1px;
    margin-top:15px;
    width:192px;
    background-color:#ed762f;
}

#mainBody #leftSide #comeAndTrade .middle h3{
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    margin-left:22px;
    width:160px;
}

#mainBody #leftSide #comeAndTrade .bottom{
	background:transparent url(/assets/images/global/mowerExchange/comeAndTradeBottom_bg.gif) no-repeat 0px bottom;
}

#mainBody #leftSide #comeAndTrade .bottom ul{
	list-style:none;
	padding:15px 16px 10px  15px;
	line-height:13px;
	margin-left:0px;
	margin-top:0px;
}

#mainBody #leftSide #comeAndTrade .bottom ul li{
	margin-bottom:18px;
}

#mainBody #leftSide #comeAndTrade .bottom ul li strong{
	display:block;
}

#mainBody #leftSide #comeAndTrade .bottom ul li a{
	display:block;
	color:#cc7e46;
	font-weight:bold;
	text-decoration:none;
	margin-top:6px;
}

#mainBody #leftSide #comeAndTrade .bottom ul li a.calendarLink{
	padding-left:20px;
	background:transparent url(../../images/global/mowerExchange/calendarLink.gif) no-repeat 0px  2px;
}

#mainBody #leftSide #comeAndTrade .bottom ul li a.directionsLink{
	padding-left:20px;
	background:transparent url(../../images/global/mowerExchange/directionsLink.gif) no-repeat 1px  2px;
}

#mainBody #leftSide #aboutConvert{
	background:transparent url(../../images/global/mowerExchange/aboutConvert_bg_short.gif) no-repeat 0px 0px;
	height:430px;
	width:194px;
	margin-top:160px;
}

#mainBody #leftSide #aboutConvert a img{
    border:none;
}

#mainBody #leftSide #aboutConvert .learnbug{
    border:none;
    position:relative;
    left:-26px;
    top:10px;
}

#mainBody #leftSide #aboutConvert h3{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
}

#mainBody #leftSide #aboutConvert img{
	margin:14px 0 8px 31px;
}

#mainBody #leftSide #aboutConvert p{
	width:178px;
	margin:15px 0 0 9px;
}

#mainBody #leftSide #aboutConvert p strong{
	display:block;
}

#mainBody #leftSide #aboutConvert span{
	font-weight:bold;
}

#mainBody #leftSide #aboutConvert ul{
padding-left:0px;
margin:2px 0 0 23px;
width:160px;
}

#mainBody #leftSide #aboutConvert ul li{
margin-bottom:5px;
}

#mainBody #rightSide{
	width:747px;
	float:left;
	margin-left:18px;
}

#mainBody #rightSide #pageTitle h1{
	color:#303030;
	font-size:26px;
	margin-top:0px;
	font-weight:bold;
	margin-bottom:10px;
}

#mainBody #rightSide #rightSideMainContent{
	background:transparent url(../../images/global/mowerExchange/rightSideIntro_bg.gif) no-repeat 0px 0px;
	width:749px;
	height:145px;
}


#mainBody #rightSide #rightSideMainContent #whyBlackAndDecker{
	margin-left:18px;
	padding-top:12px;
}

#mainBody #rightSide #rightSideMainContent #whyBlackAndDecker h3{
	color:#303030;
	font-weight:bold;
	font-family:arial;
	font-size:20px;
	margin-top:0px;
	margin-bottom:12px;
}

#mainBody #rightSide #rightSideMainContent #whyBlackAndDecker p{
	color:#3c3c3c;
	font-size:14px;
	width:697px;
	margin-top:12px;
}

#mainBody #rightSide #featuredTop{
	background:transparent url(../../images/global/mowerExchange/productDetailTop.jpg) no-repeat 0px 0px;
	width:749px;
	height:287px;
}

#mainBody #rightSide #featuredTop #featuredProducts{
	margin-left:18px;
	margin-top:10px;
	padding-top:6px;
}

#mainBody #rightSide #featuredTop #featuredProducts h2{
	color:#303030;
	font-weight:bold;
	font-size:18px;
	margin-left:15px;
	padding-top:10px;
	margin-top:0px;
}

#mainBody #rightSide  #featuredTop #featuredProducts #compareMowersBtn{
	display:block;
	cursor:pointer;
	text-indent:-10000px;
	text-decoration:none;
	width:108px;
	height:16px;
	background:transparent url(../../images/en-us/mowerExchange/compareBtn.gif) no-repeat 0px 0px;
	position:absolute;
	right:37px;
	top:349px;
	z-index:10;
}

#mainBody #rightSide #featuredTop #featuredProducts div span:hover{
	cursor:pointer;
}

#mainBody #rightSide #featuredTop #featuredProducts .product{
	float:left;
	width:315px;
}

#mainBody #rightSide #featuredTop #featuredProducts img.mainImage{
	border:2px solid #cdcdcd;
	position:relative;
	left:18px;
}

#mainBody #rightSide #featuredTop #featuredProducts .selected img.mainImage{
	border:2px solid #cdcdcd;
}


#mainBody #rightSide #featuredTop #featuredProducts .product#featuredProduct1{
	width:347px;
	height:220px;
	padding-top:20px;
	margin-left:-6px;
}

#mainBody #rightSide #featuredTop #featuredProducts .product#featuredProduct2{
	width:347px;
	height:220px;
	padding-top:20px;
	margin-left:18px;
}

#mainBody #rightSide #featuredTop #featuredProducts .product a.productLink{
	margin-top:6px;
	display:block;
	text-align:center;
	color:#3c3c3c;
	font-weight:bold;
	font-size:15px;
}

#mainBody #rightSide #featuredTop #featuredProducts .product img.learnMore{
    width:113px;
    height:22px;
	background:transparent url(../../images/en-us/mowerExchange/btn_learnMoreOff.gif) no-repeat 0px 0px;
	margin-top:10px;
	margin-left:114px;
	border:0px;
}

#mainBody #rightSide #featuredTop #featuredProducts .product.selected {
	background:transparent url(../../images/global/mowerExchange/productOnBackground.gif) no-repeat 0px 0px;
}

#mainBody #rightSide #featuredTop #featuredProducts .product.selected img.learnMore{
    width:113px;
    height:22px;
	background:transparent url(../../images/en-us/mowerExchange/btn_learnMoreOn.gif) no-repeat 0px 0px;
	margin-top:10px;
	margin-left:114px;
	border:0px;
}

#mainBody #rightSide #featuredTop #featuredProducts .product.selected a.productLink{
    color:#3c3c3c;
}

#mainBody #rightSide #featuredTop #featuredProducts .product a.productLink img{
	position:relative;
	top:2px;
	border:0px;
}

#mainBody #rightSide #productDetails #tabs2, #secondPhotoCarousel{
	display:none;
}

#mainBody #rightSide #productDetails{
	background:transparent url(../../images/global/mowerExchange/productDetailBottom.gif) no-repeat 0px 0px;
	width:749px;
	height:370px;
	position:relative;
	top:0px;
}


#mainBody #rightSide  #productDetails  #compareMowersBtn:hover
{
    cursor:pointer;
}

#mainBody #rightSide #productDetails .yui-navset{
	position:absolute;
}

#mainBody #rightSide #productDetails .yui-navset h2{
	color:#303030;
	font-weight:bold;
	font-size:18px;
	margin-left:15px;
	padding-top:10px;
	margin-top:0px;
}

.yui-navset-top .yui-nav
{
    position:absolute !important;
    margin-top:10px !important;
}

.yui-navset .yui-content{
	height:315px;
	left:9px;
	position:relative;
	top:36px;
	width:732px;
}

.featuresTab{
	
}

.featuresTab .leftSide{
	float:left;
	width:317px;
	height:315px;
}

.featuresTab .leftSide .featuredDetailImage{
	margin:14px 0 0 11px;
}

.featuresTab .rightSide{
	float:left;
	width:410px;
	border-left:1px solid #dbdbdb;
	height:315px;
}

.featuresTab .rightSide h3{
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	margin-top:18px;
	margin-bottom:12px;
}

.featuresTab .rightSide ul{
	list-style:none;
	margin:10px 0px 0px 20px;
	padding:0px;
}

.featuresTab .rightSide li{
	background:transparent url(../../images/global/mowerExchange/box.gif) no-repeat 0px 3px;
	color:#3e3e3e;
	padding-left:7px;
	margin-bottom:20px;
	line-height:12px;
	width:374px;
}

.techTab h3, .photosTab h3, .videoTab h3{
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	margin-top:8px;
	margin-bottom:3px;
}

.videoTab p
{
    margin-left:20px;
}

.techTab table{
line-height:13px;
margin-left:20px;
width:600px;
margin-top:17px;
}

.techTab table td{
vertical-align:top;
}

.techTab table td.cellHeading{
width:138px;
font-weight:bold;
}

.techTab p{
margin:5px 0px 0px 23px;
font-size:10px;
}

.techTab .energyStar{
position:absolute;
right:9px;
top:23px;
}

.techTab .energyStar img
{
    border:0px;
}

.photosTab{

}

.photosTab .leftSide{
width:525px;
height:315px;
float:left;
position:relative;
padding-top:1px;
}

.photosTab .leftSide .mainImage{
	margin:13px 0 0 5px;
}

.photosTab .rightSide{
width:205px;
height:315px;
float:left;
position:relative;
top:10px;
}

.photosTab .rightSide ol{
padding:0px;
margin:0px;
list-style:none;
}

.photosTab .rightSide #yui-gen6, .photosTab .rightSide #yui-gen11{
	position:absolute;
	left:85px;
	top:3px;
	background:transparent url(../../images/global/mowerExchange/topBtn.gif) no-repeat 0px 0px;
	border:0px;
	height:20px;
	width:20px;
	text-indent:-10000px;
	outline:none;
}


.photosTab .rightSide #yui-gen7, .photosTab .rightSide #yui-gen12{
	position:absolute;
	left:85px;
	top:284px;
	background:transparent url(../../images/global/mowerExchange/bottomBtn.gif) no-repeat 0px 0px;
	border:0px;
	height:20px;
	width:20px;
	text-indent:-10000px;
}

.photosTab .rightSide .yui-carousel-content{
top:29px;
left:8px;
}

.photosTab .yui-carousel-nav ul{
display:none;
}
/*
.photosTab .verticalCarousel{
	height:253px;
	overflow:hidden;
	position:absolute;
	top:25px;
}
*/

.photosTab .rightSide .row{
	display:block;
	margin:5px 0;
	height:57px;
}

.photosTab .rightSide .row img{
	border:1px solid #d5d5d5;
}

.photosTab .rightSide .row img.selected{
	border:1px solid #FB7C00;
}

.photosTab .rightSide .row img:hover{
    cursor:pointer;
}

.photosTab .rightSide #my-photoCarousel1, .photosTab .rightSide #my-photoCarousel2
{
    height: 307px !important;
}

.photosTab .rightSide #my-photoCarousel2 ol, .photosTab .rightSide #my-photoCarousel2, .photosTab .rightSide #my-photoCarousel1, .photosTab .rightSide #my-photoCarousel1 ol{
width:200px !important;
}

.videoTab{
	padding:15px 12px;
}

/*CSS Hacks to get second carousel working*/
#my-photoCarousel2 .yui-carousel-content{
overflow:hidden;
height:255px !important;
}

#yui-gen9{
top:253px !important;
}

#yui-gen10{
top:506px !important;
}

#outDoorProducts{
	margin-top:25px;
	width:749px;
	height:220px;
	background:transparent url(../../images/global/mowerExchange/outDoorProducts_bg.gif) no-repeat 0px 0px;
}

#outDoorProducts h2{
	font-weight:bold;
	color:#303030;
	padding-top:18px;
	margin-left:18px;
}


/*Carosel*/

#outDoorProducts .yui-carousel-nav {
	position:absolute;
	top:43px;
}

#outDoorProducts .yui-carousel{
	padding-left:37px;
	padding-right:12px;
}

#outDoorProducts .yui-carousel-pager-item {
	display:none;
}

#outDoorProducts .yui-carousel-nav ul{
	list-style:none;
}

#outDoorProducts .yui-carousel-first-button button, #outDoorProducts .yui-carousel-next-button button{
		width:22px;
		height:22px;
		text-indent:-10000px;
		border:0px;
		z-index:20;
		position:absolute;
}

#outDoorProducts .yui-carousel-first-button button{
		background:transparent url(../../images/global/mowerExchange/leftBtn.gif) no-repeat 0px 0px;
		left:-23px;
		display:none;
}

#outDoorProducts .yui-carousel-next-button button{
		background:transparent url(../../images/global/mowerExchange/rightBtn.gif) no-repeat 0px 0px;
		left:671px;
		outline:none;
		display:none;
}

#outDoorProducts .yui-carousel-element{
	
}

#outDoorProducts .yui-carousel-element li {
		border:0px !important;
		clear:left;
}



#my-carousel{
	width:682px !important;
	height:151px;
	position:relative;
}

#outDoorProducts .yui-carousel-content{
	width:670px !important;
}

.carouselProduct{
	width:325px;
	height:136px;
	background:#f2f1ef;
	border:1px solid #dbdbdb;
	position:relative;
	margin-right:15px;
}

.carouselProduct .carouselProductImage{
	float:left;
	border:1px solid #cdcdcd;
	margin:12px 0 0 12px;
}

.carouselProduct .rightSide, .carouselProductRightSide{
	float:left;
	width:163px;
	text-align:left;
	margin:12px 0 0 12px;
	line-height:12px;
}



.carouselProduct .rightside .carouselProductLink{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	line-height:14px;
}

.carouselProduct .carouselProductLink img{
	border:0px;
	position:relative;
	top:2px;
	left:4px;
}

.carouselProduct  p{
	margin:13px   0 0 0;
}

li:active
{
  outline: none !important;
}

#overlay1{
	background:url(../../images/global/mowerExchange/overlay.png) repeat 0 0;
	position:absolute;
	z-index:100;
	top:83px !important;
	padding:8px 8px 8px 6px;
	visibility:hidden;
}


#overlayBorder{
	background:#f1efed;
	border:1px solid #e4e2e1;
	width:685px
}

#overlay1 .overlayHeader{
	margin:4px;
	height:45px;
	border:1px solid #d5d4d3;
	background:#fff;
	position:relative;
}

#overlay1 .overlayHeader h2{
	margin:10px 0 0 15px;
	font-weight:bold;
	color:#2c2c2c;
	font-size:18px;
}

#hideCompareBtn{
	color:#2c2c2c;
	font-weight:bold;
	font-size:10px;
	border:1px solid #2c2c2c;
	position:absolute;
	top:4px;
	display:block;
	height:12px;
	right:5px;
	text-align:center;
	width:11px;
}

#hideCompareBtn:hover{
	cursor:pointer;
}


#overlay1 table.mainTable{
	color:#3e3e3e;
	margin:15px;
	border-collapse:collapse;
}

#overlay1 table.mainTable .orange
{
    font-weight:bold;
}

#overlay1 table.mainTable a img
{
    border:0px;
}

#overlay1 table.mainTable tr.altCell{
	background:#e8e4e1;
	border-top:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
}

#overlay1 table.mainTable td{
	vertical-align:top;
	text-align:center;
	padding:8px 10px;
	width:176px;
}

#overlay1 table.mainTable td.border{
	border-right:1px solid #bdbdbd;
}

#overlay1 table.mainTable td.model{
	/*font-weight:bold;
	font-size:16px;*/
}

#overlay1 table.mainTable td td{
	padding:5px 0;
	width:213px;
}

#overlay1 table.mainTable td.colspaned
{
    width:650px;
}

#overlay1 table.mainTable td table{
	width:403px;
}

#overlay1 table.mainTable td td.rightSide{
	padding-left:24px;
}

#overlay1 table.mainTable td.imageTD{
	text-align:center;
}

#overlay1 table.mainTable td ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#overlay1 table.mainTable td ul li{
	margin-bottom:3px;
}

#overlay1 table.mainTable td.titleCell{
	font-weight:bold;
	text-align:left;
	width:238px;
	padding-left:15px;
}

#overlay1 #overlayEventInfo{
	position:absolute;
	color:#ee7630;
	font-size:14px;
	font-weight:bold;
	width:212px;
	top:82px;
	left:40px;
}

