/****************************************************** 
	Title:    Tubs Outlet
	Author:   Wizzard
******************************************************/

/********************** body & wrapper */

body {
	font-family: "Trebuchet MS";
}

	body.home #navWrapper, body.details #navWrapper, body.listing #navWrapper, body.contact #navWrapper {
		min-width: 1030px;
		height: 66px;		
		margin-bottom: -2px;
		padding: 0;
		position: relative;
		z-index: 2;
		background: url('../images/backgrounds/bgr-navWrapper.png') repeat-x left top;
	}
	
	body.home #headerWrapper, body.details #headerWrapper, body.listing #headerWrapper, body.contact #headerWrapper {
		min-width: 1030px;
		height: 361px;		
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 1;
		background: url('../images/backgrounds/bgr-headerWrapper.gif') repeat-x left top;	
	}
	
	body.home #mainWrapperTop, body.details #mainWrapperTop, body.listing #mainWrapperTop, body.contact #mainWrapperTop {
		min-width: 1030px;
		height: 1150px;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 2;
		background: url('../images/backgrounds/bgr-mainWrapperTop.gif') repeat-x left top;
	}
	
	body.contact #mainWrapperTop {
		z-index: 3;
		height: auto;
		min-height: 300px;
	}
	
	body.details #mainWrapperTop {
		z-index: 3;
		min-height: 1150px;
		height: auto;
		margin-bottom: -49px;
	}
	
	body.listing #mainWrapperTop { 
		min-height: 1150px;
		height: auto;
		margin-bottom: -49px;
	}
	
	body.home #mainWrapperBottom, body.details #mainWrapperBottom, body.listing #mainWrapperBottom, body.contact #mainWrapperBottom {
		min-width: 1030px;
		height: 109px;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 2;
		background: url('../images/backgrounds/bgr-mainWrapperBottom.png') repeat-x left top;
	}
	
	body.home #wrapperBottom, body.details #wrapperBottom, body.listing #wrapperBottom, body.contact #wrapperBottom {
		min-width: 1030px;
		height: 330px;
		margin: -2px 0 0 0;
		padding: 0;
		position: relative;
		z-index: 1;
		background: url('../images/backgrounds/bgr-headerWrapper.gif') repeat-x left top;
	}
	
	body.contact #mainWrapperBottom {
		margin-top: -49px;
	}
	
/*********************** header */

#headerFirstNav {
	width: 1030px;
	height: 64px;
	margin: 0 auto;
}
	
	#headerFirstNav ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		#headerFirstNav ul li {
			float: left;
			display: block;
			height: 64px;
			background-image: url('../images/backgrounds/bgr-headerNavFirst.png');
			background-repeat: no-repeat;
		}
		
			#headerFirstNav ul li a {
				display: block;
				height: 64px;
				margin-left: 2px;
			}
				
				#headerFirstNav ul li.active a {
						background: url('../images/backgrounds/bgr-headerAct.png') repeat-x left bottom;
					}
				
				#headerFirstNav ul li a span {
					display: none;	
				}
				
		#navHome {
			width: 85px;
			background-position: 0 0;
		}
		
		#navHome:hover {
			background-position: 0 -64px;
		}
		
			#navHome a {
				width: 83px;
			}
			
		#full-soak-walk-in-tubs {
			width: 216px;
			background-position: -85px 0;
		}
		
		#full-soak-walk-in-tubs:hover {
			background-position: -85px -64px;
		}
		
			#full-soak-walk-in-tubs a {
				width: 214px;
			}
		
		#jetted-walk-in-tubs {
			width: 190px;
			background-position: -301px 0;
		}
		
		#jetted-walk-in-tubs:hover {
			background-position: -301px -64px;
		}
		
			#jetted-walk-in-tubs a {
				width: 188px;
			}
			
		#accessories {
			width: 143px;
			background-position: -493px 0;
		}
		
		#accessories:hover {
			background-position: -493px -64px;
		}
		
			#accessories a {
				width: 141px;
			}	
			
		#fAQ {
			width: 84px;
			background-position: -636px 0;
		}
		
		#fAQ:hover {
			background-position: -636px -64px;
		}
		
			#fAQ a {
				width: 82px;
			}	
			
		#freeShipping {
			width: 312px;
			background-position: -720px 0;
		}
		
		#freeShipping:hover {
			background-position: -720px 0;
		}
		
			#freeShipping a {
				width: 312px;
			}	
			
#headerSecondNav {
	width: 1030px;
	height: 130px;
	margin: 0 auto;
	padding: 0;
}
	
	#headerSecondNav div {
		float: left;
		width: 162px;
		height: 104px;
		margin: 0 42px 0 0;
		padding: 25px 0 0 0;
		background: url('../images/backgrounds/logo-tubsOutlet.png') no-repeat left bottom;
	}
		
		#headerSecondNav div a {
			display: block;
			width: 162px;
			height: 104px;
		}
		
			#headerSecondNav div a span {
				display: none;
			}
	
	#headerSecondNav h1 {
		float: right;
		margin: 26px 0 0 0;
		font-size: 1.7em;
		color: #171c21;
		width: 149px;
		height: 60px;
		background: url('../images/backgrounds/headerContacts.png');
		text-indent:-9999px;
	}
	
	#headerSecondNav h2 {
		display: none;
		clear: right;
		float: right;
		width: 149px;
		height: 22px;
		background: url('../images/backgrounds/callUsNumber.png');
	}
		
		#headerSecondNav h2 span {
			display: none;
		} 
		
	#headerSecondNav ul {
		float: left;
		margin: 116px 0 0 0;
		padding: 0 50px 0 0;
		list-style-type: none;
	}
	
		#headerSecondNav ul li {
			float: left;
			display: block;
			height: 10px;
			background-image: url('../images/backgrounds/bgr-headerNavSecond.png');
			background-repeat: no-repeat;
		}
		
		#headerSecondNav ul li a {
				display: block;
				height: 10px;
				margin-left: 13px;
			}
				
				#headerSecondNav ul li a span {
					display: none;	
				}
		
		#bestSellers {
			width: 94px;
			background-position: 0 0;
		}
		
		#bestSellers:hover {
			background-position: 0 -10px;
		}
		
			#bestSellers a {
				width: 79px;
				margin-left: 0 !important;
			}
			
		#priceQuote {
			display:none !important;
			width: 101px;
			background-position: -94px 0;
		}
		
		#priceQuote:hover {
			background-position: -94px -10px;
		}
		
			#priceQuote a {
				width: 73px;
			}
		
		#customerService {
			width: 123px;
			background-position: -207px 0;
		}
		
		#customerService:hover {
			background-position: -207px -10px;
		}
		
			#customerService a {
				width: 111px;
			}
		
		#about {
			width: 64px;
			background-position: -330px 0;
		}
		
		#about:hover {
			background-position: -330px -10px;
		}
		
			#about a {
				width: 37px;
			}
		
		#contact {
			width: 67px;
			background-position: -394px 0;
		}
		
		#contact:hover {
			background-position: -394px -10px;
		}
		
			#contact a {
				width: 52px;
			}
		
	#headerSecondNav form fieldset {
		float: right;
		clear: right;
		margin: 16px 0 0 0;
		width: 284px;
	}
		
		#search {
			float: left;
			position: relative;
			z-index: 2;
			padding: 4px 0 0 22px;
			width: 201px;
			height: 21px;
			font-size: 1.4em;
			color: #9b9b95;
			border: 1px solid #9da6a9;
			background: #ffffff url('../images/backgrounds/searchLen.gif') no-repeat 4px 4px;
		}
		
		#searchSubmit {
			float: left;
			margin-left: 2px;
			display: block;
			width: 56px;
			height: 29px;
			cursor: pointer;
			border: none;
			background: url('../images/backgrounds/searchButton.png') no-repeat left top;
		}

/*********************** footer */

#mainWrapperBottom ul {
	width: 1024px;
	margin: 0 auto;
	padding: 72px 0 0 0;
	list-style-type: none;
}

	#mainWrapperBottom ul li {
		float: left;	
	}

	#mainWrapperBottom ul li.last {
		margin-right: 0;
	}
	
		#mainWrapperBottom ul li a {
			display: block;
			height: 14px;
			background-image: url('../images/backgrounds/footerNav.png');
			background-repeat: no-repeat; 
		}
		
		#footerHome {
			width: 53px;
			background-position: 0 0;
		}
		
		#footerHome:hover {
			background-position: 0 -14px;
		}
		
		#footerFullSoak {
			width: 183px;
			background-position: -53px 0;
		}
		
		#footerFullSoak:hover {
			background-position: -53px -14px;
		}
		
		#footerJettedWalk {
			width: 161px;
			background-position: -237px 0;
		}
		
		#footerJettedWalk:hover {
			background-position: -237px -14px;
		}
		
		#footerAccessories {
			width: 120px;
			background-position: -398px 0;
		}
		
		#footerAccessories:hover {
			background-position: -398px -14px;
		}
		
		#footerFAQ {
			width: 63px;
			background-position: -518px 0;
		}
		
		#footerFAQ:hover {
			background-position: -518px -14px;
		}
		
		#customService {
			width: 160px;
			background-position: -581px 0;
		}
		
		#customService:hover {
			background-position: -581px -14px;
		}
		
		#privacyPolicy {
			width: 135px;
			background-position: -741px 0;
		}
		
		#privacyPolicy:hover {
			background-position: -741px -14px;
		}
		
		#footerAbout {
			width: 74px;
			background-position: -878px 0;
		}
		
		#footerAbout:hover {
			background-position: -878px -14px;
		}
		
		#footerContact {
			width: 75px;
			background-position: -950px 0;
		}
		
		#footerContact:hover {
			background-position: -950px -14px;
		}
		
			#mainWrapperBottom ul li a span {
				display: none;
			}
			
#footer {
	width: 1030px;
	height: 292px;
	margin: 0 auto;
}

	#footer form fieldset {
		float: left;
		margin: 20px 0 0 0;
	}
		
		#footer form fieldset p { 
			float: left;
			width: 116px;
			font-size: 1.3em;
			color: #666b6d;
			line-height: 14px;
		}
		
		#footer form fieldset input {
			float: left;
		}
		
			#newsletter {
				width: 219px;
				height: 21px;
				color: #737376;
				font-size: 1.4em;
				margin: 1px 2px 0 0;
				padding: 4px 0 0 6px;
				border: 1px solid #9ea5a8;
				background-color: #ffffff;	
			}
			
			#emailSubmit {
				width: 64px;
				height: 29px;
				margin: 1px 30px 0 0;
				padding: 0;
				cursor: pointer;
				border: none;
				background: url('../images/backgrounds/button-SignUp.png') no-repeat left top;
			}
			
	#footer a {
		float: left;
		display: block;
		width: 27px;
		height: 27px;
		margin-top: 21px;
		color: #171C21;
		text-decoration: none;
	}
	
	#footer a:hover { 
		text-decoration: underline;
	}
	
	#facebook {
		margin: 0 4px 0 6px;
		background: url('../images/backgrounds/facebook.png') no-repeat left top;
	}
	
	#twitter {
		background: url('../images/backgrounds/twitter.png') no-repeat left top;
	}
		
		#footer a span {
			display: none;
		}
	
	#ccIcons {
		float: right;
		margin: 22px;
		width: 240px;
		height: 27px;
		background: url('../images/backgrounds/ccIcons.png') no-repeat left top;
	}
		
		#ccIcons span {
			display: none;
		}
	
	#footerContent {
		float: left;
		margin-left: 9px;
		width: 1012px;
		height: 204px;
		text-align: center;
		font-family: "Arial";
		color: #5D6970;
		font-size: 1.1em;
	}
		
		#footerContent h2 {
			font-size: 1.1em;
			color: #171c21;
			margin: 10px 0 24px 0;
		}
		
		#footerContent p {
			margin-bottom: 20px;
		}
		
		#footerContent p.last {
			margin-bottom: 0;
		}

/*********************** FF 3.6 bug padding */

input.vPadding, #mainListingLeft input.vPaddng { 
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

#mainListingLeft input.vPaddng {
	padding-bottom: 2px !important;
}

/*********************** validation classes */

input.notValid, textarea.notValid {
	border: 1px solid #ff4500 !important;
	background-color: #FFF9F9 !important;
}

/*********************** wito-home */

#main {
	width: 1030px;
	margin: 0 auto;
}

	 #rotator {	 	
	 	float: left;
		margin-top: -220px;
	 	width: 1033px;
		height: 453px;
		background: url('../images/backgrounds/bgr-rotator.png') no-repeat left top;
	 }
 		
		#tabs {
			float: left;
			position: relative;
			z-index: 4;
			margin: 400px 0 0 30px;
			padding: 0;
			list-style-type: none;
		}
		
			#tabs li {
				float: left;
				width: 25px;
				height: 25px;
				margin-right: 6px;
			}
			
			#tabs li:hover {
				cursor: pointer;
			}
			
			#tabs li.last {
				margin-right: 0;
			}
			
			#tabs li span {
				display: none;
			}
			
			#enjoyRelaxation {
				background-image: url('../images/backgrounds/rotatorTabs.png');
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			
			#enjoyRelaxation.current {
				background-position: 0 -25px;
			}
			
			#affordableLuxury {
				background-image: url('../images/backgrounds/rotatorTabs.png');
				background-repeat: no-repeat;
				background-position: -25px 0;
			}
			
			#affordableLuxury.current {
				background-position: -25px -25px;
			}
			
			#enjoyFreeShipping {
				background-image: url('../images/backgrounds/rotatorTabs.png');
				background-repeat: no-repeat;
				background-position: -50px 0;
			}
			
			#enjoyFreeShipping.current {
				background-position: -50px -25px;
			}
		
		#output {
			position: relative;
			z-index: 3;
			margin: 21px 0 0 22px;
			padding: 0;
			list-style-type: none;
		}
		
			#output li {	
				position: absolute;	
			}
			
				#output li img {
					width: 990px;
					height: 411px;
				}
				
				#output li a span {
					display: none;
				}
				
				#shopOurList a {
					display: block;
					width: 240px;
					height: 20px;
					position: absolute;
					top: 286px;
					right: 72px;
					background: url('../images/backgrounds/emptyPixel.png') repeat-x left top;
				}
				
				#shopNow a {
					display: block;
					width: 101px;
					height: 23px;
					position: absolute;
					top: 242px;
					left: 30px;
					background: url('../images/backgrounds/emptyPixel.png') repeat-x left top;
				}
	
	#infoBlock {
		float: left;
		width: 1025px;
		height: 267px;
		margin: 26px 0 80px 6px;
		padding: 0;
		list-style-type: none;	
	}
	
		#infoBlock li {
			position: relative;
			float: left;
			margin-right: 26px;
			width: 321px;
			height: 266px;
			border: 1px solid #d1d2d3;
			background-color: #eef4f6;
		}
		
		#infoBlock li.last {
			margin-right: 0;
		}
		
			#infoBlock li h2 {
				margin: 20px 0 -8px 20px;
				font-size: 1.7em;
				color: #171c21;
			}
			
			#infoBlock li h1 {
				margin: 0 0 16px 20px;
				font-size: 2.3em;
				color: #171c21;
			}
			
			#infoBlock li p {
				width: 292px;
				height: 120px;
				margin: 0 0 0 16px;
				font-size: 1.3em;
				color: #464646;
			}
				
			#infoBlock li a {
				position: absolute;
				bottom: 22px;
				left: 14px;
				display: block;
				height: 39px;
				background-image: url('../images/backgrounds/buttonsMain.png');
				background-repeat: no-repeat;
			} 
				
			#aboutUs {
				width: 117px;
				background-position: 0 0;
			}
			
			#aboutUs:hover {
				background-position: 0 -39px;
			}
			
			#viewProducts {
				width: 170px;
				background-position: -117px 0;
			}
			
			#viewProducts:hover {
				background-position: -117px -39px;
			}
			
			#getAQuote {
				width: 145px;
				background-position: -287px 0;
			}
			
			#getAQuote:hover {
				background-position: -287px -39px;
			}
				
				#infoBlock li a span {
					display: none;
				}
				
	#mainInnerNav {
		float: left;
		width: 1024px;
		height: 32px;
		margin: 0 0 8px 6px;
	}
	
		#mainInnerNav h2 {
			float: left;
			font-size: 2.7em;
			color: #171c21;
		}
		
		#mainInnerNav h2.fix {
			display:block;
			height:20px;
			width:226px;
			background-image: url('../images/backgrounds/browseProducts.gif');
		}
		
		#mainInnerNav ul {
			float: right;
			margin: 3px 0 0 0;
			padding: 0;
			list-style-type: none;
		}

			#mainInnerNav ul li {
				float: left;
				margin-left: 13px;
			}
			
			#mainInnerNav ul li.last {
				margin-right: 0;
			}
			
				#mainInnerNav ul li a {
					display: block;
					width: 94px;
					height: 29px;
					cursor: pointer;
					background-image: url('../images/backgrounds/mainInnerNav.png');
					background-repeat: no-repeat;
				}
				
				#mainInnerNav ul li a span {
					display: none;
				}
				
				#topSellers {
					background-position: 0 -56px;
				}
				
				#topSellers:hover {
					background-position: 0 -29px;
				}
				
				#topSellers.active {
					background-position: 0 0;
				}
				
				#newProducts {
					background-position: -94px -56px;
				}
				
				#newProducts:hover {
					background-position: -94px -29px;
				}
				
				#newProducts.active {
					background-position: -94px 0;
				}
				
				#pickOfTheWeek {
					background-position: -188px -56px;
				}
				
				#pickOfTheWeek:hover {
					background-position: -188px -29px;
				}
				
				#pickOfTheWeek.active {
					background-position: -188px 0;
				}
	
	div.line {
		float: left;
		margin: 0 0 0 6px;
		width: 1024px;
		height: 1px;
		background-color: #cccccc;
	}
	
		div.line span {
			display: none;
		}
	
	#topSellersTab {
		display: block;
	}
	
	#newProductsTab, #pickOfTheWeekTab {
		display: none;		
	}
	
	#main ul.products {
		float: left;
		width: 1024px;
		height: 342px;
		margin: 55px 0 52px 6px;
		padding: 0;
		list-style-type: none;
	}
		
		#main ul.products li {
			position: relative;
			float: left;
			width: 210px;
			height: 355px;
			opacity: 1;
			margin: 0 61px 0 0;
		}
		
		#main ul.products li.last {
			margin-right: 0;
		}
		
		#main ul.products li:hover {
			opacity: 1;
		}
		
			#main ul.products li a img {
				width: 210px;
				height: 163px;
				margin: 0 0 28px 0;
			}
			
			#main ul.products li h2 {
				font-size: 1.7em;
				color: #171c21;
				width: 208px;
				margin: 0 0 8px 1px;
			}
			
			#main ul.products li p {
				font-size: 1.4em;
				color: #464646;
				width: 208px;
				margin: 0 0 0 1px;				
			}
			
			#main ul.products li a.shop {
				position: absolute;
				left: 0;
				bottom: 0;
				display: block;
				width: 94px;
				height: 29px;
				background: url('../images/backgrounds/buttonShopNow.png') no-repeat left top;
			}
			
				#main ul.products li a.shop span {
					display: none;
				}

/*********************** wito-details */

#thankYouPopUp, #contactThankYou {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -184px;
	margin-top: 0 !important;
	width: 368px;
	height: 239px;
	z-index: 110;
	background: url('../images/backgrounds/ThankYouPopUp.png') no-repeat left top;
}
	#thankYouPopUp span.close, #contactThankYou span.close {
		position: absolute;
		cursor: pointer;
		width: 36px;
		height: 13px;
		bottom: 15px;
		right: 21px;
	}
	
		#thankYouPopUp span.close span, #contactThankYou span.close span {
			display: none;
		}
	
#mainInnerWrapper {
	margin: 0 auto;
	width: 1030px;
}

	body.details #main {
		position: relative;
		width: 1030px;
		min-height: 1423px;
		margin-top: -224px;
		float: left;
		background: url('../images/backgrounds/bgr-mainDetails.png') no-repeat left top;
		padding-bottom: 75px;
	}
	
		#breadCrumbs {
			float: left;
			margin: 40px 0 0 50px;
			padding: 0;
			list-style-type: none;
		}
			
			#breadCrumbs li {
				float: left;
				font-weight: bold;
				margin-right: 14px;
				padding-left: 16px;
				background: url('../images/backgrounds/breadCrumbsSep.png') no-repeat left center;
			}
			
			#breadCrumbs li.first {
				padding-left: 0;
				background: none;
			}
			
			#breadCrumbs li.last {
				margin-right: 0;
			}
				
				#breadCrumbs li a {
					font-size: 1.3em;
					color: #999999;
					text-decoration: none;
				}
				
					#breadCrumbs li a:hover {
						text-decoration: underline;
					}
					
					#breadCrumbs li.last a:hover {
						text-decoration: none;
					}
		
		#paging {
			float: right;
			margin: 40px 60px 0 0;
			width: 125px;
			height: 15px;
			background: url('../images/backgrounds/bgr-mainDetailsPaging.gif') no-repeat center center;
		}
			
			#paging a {
				font-size: 1.3em;
				font-weight: bold;
				color: #999999;
				text-decoration: none;				
			}
			
			#prev {
				float: left;
				padding-left: 12px;
				background: url('../images/backgrounds/mainDetailsPagingPrev.png') no-repeat left center;
			}
			
			#next {
				float: right;
				padding-right: 12px;
				background: url('../images/backgrounds/mainDetailsPagingNext.png') no-repeat right center;
			}
			
			#paging a:hover {
				text-decoration: underline;
				color: #171c21;
			}
		
		body.details #main div.line {
			width: 921px;
			margin: 12px 0 0 50px;
		}
		
		#imageArea {
			position: relative;
			float: left;			
			width: 440px;
			min-height: 525px;
			margin: 50px 60px 70px 50px;
		}
			
			#zoomFix {
				position: absolute;
				left: 0;
				top: 354px;
				z-index: 100;
				width: 277px;
				height: 30px;				
			}
			
			#imageArea img.detailsImg {
				width: 401px;
				height: 355px;
				margin-bottom: 30px;
			}
			
			#zoom {
				width: 57px;
				height: 22px;
				margin-bottom: 16px;
				float: left;
				margin-top: -22px;
				margin-right: 3px;
				margin-left: 278px; 
				cursor: pointer !important;
				background: url('../images/backgrounds/buttonsDetailsImgArea.gif') no-repeat 0 0;
			}
			
			#reset {
				position: relative;
				z-index: 100;
				width: 57px;
				height: 22px;
				margin-top: -22px;
				margin-bottom: 16px;
				float: left;
				background: url('../images/backgrounds/buttonsDetailsImgArea.gif') no-repeat -57px 0;
			}
				#imageArea a span {
					display: none;
				}
		
			body.details #main #imageArea div.line {
				float: left;
				width: 397px;
				margin: 0 0 10px 0;
			}
			
			#imageArea ul {
				float: left;
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			
				#imageArea ul li {
					float: left;
					margin-right: 14px;
					opacity: 0.5;
				}
				
				#imageArea ul li:hover, #imageArea ul li.active {
					opacity: 1;
				}
				
				#imageArea ul li.last {
					margin-right: 0;
				}
				
					#imageArea ul li a img {
						width: 75px;
						height: 76px;
						border: solid 1px #999;
					}
			
		#productInfo {
			float: left;
			margin: 38px 0 20px 0;
			width: 414px;
			min-height: 240px;
		}
		
			#productInfo h1 {
				font-size: 3.2em;
				color: #171c21;
				margin-bottom: -8px;
			}
			
			#productInfo h2 {
				font-size: 1.5em;
				color: #464646;
				margin-bottom: 20px;
				margin-top: 10px;
			}
			
			#productInfo p {
				font-size: 1.3em;
				color: #464646;
				margin-bottom: 10px;
			}
		
		body.details #main form {
			float: left;
		}
		
			body.details #main form h2 {
				font-size: 1.5em;
				color: #464646;
				font-weight: bold;
			}
			
			body.details #main form fieldset {
				margin-top: 8px;
				width: 412px;
				height: 241px;
				border: 1px solid #cccccc;
				background-color: #ecf7fb;
			}
			
				body.details #main form fieldset input  {
					height: 21px;
					margin: 0 0 9px 18px; 
					padding: 4px 0 0 4px;
					color: #7f7f7f;
					font-size: 1.2em;
					border: 1px solid #bdc6c9;
					background-color: #ffffff;
				}
				
				body.details #main form fieldset input.name{
					width: 370px;
					margin-top: 21px;
				}
				
				body.details #main form fieldset input.phone, body.details #main form fieldset input.email {
					width: 179px;
				}
				
				body.details #main form fieldset input.email  {
					margin-left: 3px;
				}
				
				body.details #main form fieldset textarea {
					width: 370px;
					height: 89px;
					margin-left: 18px;
					padding: 4px 0 0 4px;
					color: #7f7f7f;
					font-size: 1.9em;
					border: 1px solid #bdc6c9;
					background-color: #ffffff;
					background: #ffffff url('../images/backgrounds/bgr-detailsTextarea.gif') no-repeat right bottom;
				}
				
				body.details #main form fieldset input.submit {
					float: right;
					margin: 8px 18px 0 0;
					width: 116px;
					height: 29px;
					border: none;
					cursor: pointer;
					background: #ffffff url('../images/backgrounds/buttonGetInstantQuote.png') no-repeat left top;
				}
	
		#detailsNavTab {
			clear: both;
			float: left;			
		}
		
			#detailsNavTab ul {
				margin: 0 0 0 50px;
				padding: 0;
				list-style-type: none;
			}

				#detailsNavTab ul li {					
					float: left;
					margin-right: 36px;
				}
				
				#detailsNavTab ul li.last {
					margin-right: 0;
				}
				
					#detailsNavTab ul li a {
						cursor: pointer;
						font-size: 1.4em;
						color: #171c21;
						text-decoration: none;
					}
					
					#detailsNavTab ul li a.active {
						float: left;
						margin-top: -5px;
						font-size: 2em;
						font-weight: bold;
						color: #0093d0;
					} 
					
					#detailsNavTab ul li a:hover {
						border-top: 1px solid #0093d0;
					}
					
					#detailsNavTab ul li a.active:hover {
						border-top: none;
					}
				
		#overviewTab, #specificationTab, #shoppingInfoTab, #customReviewTab {
			width: 900px;
			min-height: 607px;
			float: left;
			margin: 36px 0 0 50px;			
		}
			
			#overviewTab h2, #customReviewTab h2 {
				float: left;
				font-size: 1.7em;
				font-weight: bold;
				color: #171c21;
			}
			
			#overviewTab p, #customReviewTab p {
				float: left;
				margin: 12px 0 50px 0;
				clear: both;
				font-size: 1.3em;
				color: #464646;
			}
			
			#overviewTab p { 
				margin-bottom: 5px;
				float: none;
			}
			
			#overviewTab hr { 
				clear: both;
				margin: 10px auto;
				border: none;
				border-top: solid 1px #ccc;
			}
			
			#overviewTab ul {
				clear: both;
				margin: 8px 0 0 0;
				padding: 0;
				list-style-type: none;
			}
			
				#overviewTab ul li {
					padding-left: 12px;
					font-size: 1.3em;
					color: #464646;
					background: url('../images/backgrounds/detailsFeaturesUlSep.png') no-repeat left 8px;
				}
	
	#specificationTab, #shoppingInfoTab, #customReviewTab {
		display: none;
	}
	
	#customReviewTab h2 {
		clear: left;
	}
		
		#customReviewTab form {
			clear: both;
		}
		
			#main #customReviewTab form fieldset {
				width: 412px;
				height: 386px;
			}
				
				#main #customReviewTab form fieldset input {
					margin: 18px 0 0 18px;
					width: 370px;
					height: 21px;
				}
				
				#main #customReviewTab form fieldset div h5 {
					float: left;
					clear: both;
					font-size: 1.2em;
					color: #767b7d;
					margin: 18px 30px 0 22px
				}
				
				#price h5 {
					margin-right: 47px !important;
				}
				
				#value h5 {
					margin-right: 43px !important;					
				}
				
					#main #customReviewTab form fieldset div ul {
						float: left;
						margin: 18px 0 0 0;
						padding: 0;
						list-style-type: none;
					}
					
						#main #customReviewTab form fieldset div ul li {
							float: left;
							width: 17px;
							height: 17px;
							margin-right: 20px;
							cursor: pointer;
							background: url('../images/backgrounds/reviewRating.png') no-repeat left top;
						}
						
						#main #customReviewTab form fieldset div ul li.rating {
							background: url('../images/backgrounds/reviewRating.png') no-repeat -17px top;
						}
						
						#main #customReviewTab form fieldset div ul li.last {
							margin-right: 0;
						}
						
							#main #customReviewTab form fieldset div ul li span {
								display: none;
							}
					
				#main #customReviewTab form fieldset textarea {
					margin-top: 18px;
					height: 118px;
				}
				
				#main #customReviewTab form fieldset input.submit {
					width: 130px;
					height: 29px;
					margin: 8px 18px 0 0;
					background: url('../images/backgrounds/buttonSubmitReview.png') no-repeat left top;
				}

/*********************** wito-listing */

body.listing #main {
	width: 1030px;
	min-height: 1423px;
	margin-top: -224px;
	float: left;
	background: none;
}
	
	#mainListingAccessories {
		float: left;
		width: 1030px;
		height: 323px;
		background: url('../images/backgrounds/bgr-mainListingTop.png') no-repeat left top;
	}
		
		#mainListingAccessories img {
			width: 988px;
			height: 272px;
			margin: 25px 0 0 21px;
		}

	body.listing #main #breadCrumbs {
		margin: 40px 0 40px 0;
	}	
	
	#mainListingLeft {
		clear: both;
		float: left;
		margin-right: 30px;
		width: 200px;
		height: 880px;
		background: url('../images/backgrounds/bgrMainListingLeft.gif') no-repeat right top;
	}
	
		#mainListingLeft h2 {
			width: 200px;
			margin-bottom: 20px;
			font-size: 1.6em;
			line-height: 18px;
			color: #000000;
		}
			
		#mainListingLeft h3 {
			width: 200px;
			margin-bottom: 30px;
			font-size: 1.4em;
			color: #000000;
		}
		
		#mainListingLeft form {
			float: left;
			margin: 0 0 30px 0;
		}
			
			#mainListingLeft form fieldset {
				width: 162px;
				height: 160px;
			}
			
				#mainListingLeft form fieldset input, #mainListingLeft form fieldset select {
					width: 174px;
					height: 19px;
					margin-bottom: 11px;
					padding: 2px 0 0 2px;
					color: #9a9b9d;
					font-size: 1.2em;
					border: 1px solid #999999;
				}
				
				#mainListingLeft form fieldset select {
					padding: 0;
					width: 176px;
					height: 21px;
				}
				
				#mainListingLeft form fieldset input.submit {
					float: right;
					width: 73px;
					height: 25px;
					cursor: pointer;
					border: none;
					background: url('../images/backgrounds/buttonSubmit.png') no-repeat right top;
				}
		
		#mainListingLeft h1 {
			float: left;
			font-size: 1.5em;
			color: #2e3237;
			margin: 0 0 10px 30px;
		}
		
		#mainListingLeft div {
			float: left;
			width: 168px;
			height: 208px;
			background: url('../images/backgrounds/shopWithConfidence.png') no-repeat left top;
		}
		
			#mainListingLeft div span {
				display: none;
			}
		
		#mainListingRight {
			float: left;
			width: 800px;
		}
		
			#listingNav {
				float: left;
				width: 800px;
			}
			
				#listingNav h1 {
					float: left;
					font-size: 1.3em;
					color: #a7a8aa;
				}
				
					#listingNav h1 span {
						color: #171c21;
					} 
					
			#listingNav a.viewAll {
				float: left;
				margin-left: 8px;
				padding-left: 10px;
				font-size: 1.3em;
				color: #22a1d6;
				text-decoration: none;
				background: url('../images/backgrounds/bgr-mainDetailsPaging.gif') no-repeat left center;
			}
			
			#listingNav a.viewAll:hover {
				text-decoration: underline;
			}
			
			#listingNav form {
				float: left;
				margin: 0 18px 0 24px;
			}
				
				#listingNav form fieldset select {
					float: left;
					width: 143px;
					height: 20px;
					margin-right: 8px;
					font-size: 1.2em;
					color: #9a9b9d;
					padding: 0 0 0 2px;
					border: 1px solid #999999;
				}
				
				#listingNav form fieldset select.last {
					margin-right: 0;
				}
			
			#listingNav #paging {
				float: right;
				margin: 0;
			}
			
		#mainListingRight div.line {
			float: left;
			margin: 10px 0 60px 0;
			height: 1px;
			width: 800px;
			background-color: #cccccc;
		}
		
		#mainListingRight ul {
			float: left;
			margin: 0;
			padding: 0;
			list-style-type: none;
			/*background: url('../images/backgrounds/bgr-Line-Tall.gif') repeat-y left 370px;*/
		}
			
			#mainListingRight ul div.line {
				margin: 70px 0 76px 0;
			}
			
			#mainListingRight ul li {
				float: left;
				width: 214px;
				min-height: 284px;
				opacity: 1;
				margin-right: 78px;
				margin-bottom: 120px;
			}
			
			#mainListingRight ul li.secondRow {
				
			}
			
			#mainListingRight ul li.last {
				margin-right: 0;
			}
			
			#mainListingRight ul li:hover {
				opacity: 1;
			}
			
			#mainListingRight ul li:hover a.view {
				display: block;
			}
			
					#mainListingRight ul li img {
						width: 211px;
						height: 163px;
						position: relative;
						z-index: 2;
					}
					
					#mainListingRight ul li a.view {
						display: none;
						float: left;
						width: 95px;
						height: 31px;
						margin: -70px 0 0 60px;
						position: relative;
						z-index: 3;
						background: url('../images/backgrounds/buttonShopNowListing.png') no-repeat left top;
					}
						
						#mainListingRight ul li a span {
							display: none;
						}
			
				#mainListingRight ul li h1 {
					margin: 44px 0 14px 0;
					font-size: 1.7em;
					color: #171c21;
				}
				
					#mainListingRight ul li h1 a { 
						color: #171c21;
						text-decoration: none;
					}
				
				#mainListingRight ul li p {
					font-size: 1.4em;
					color: #464646;
				}

/*********************** wito-contact */

body.contact #main {
	width: 1030px;
	min-height: 573px;
	margin-top: -224px;
	float: left;
	background: url('../images/backgrounds/bgr-mainContact.png') no-repeat left top;
}
	
	#customerServiceDiv {
		width: 988px;
		height: 135px;
		margin: 26px 0 0 22px;
	}
		
		#customerServiceDiv img {
			width: 988px;
			height: 135px;
		}

	body.contact #main #breadCrumbs {
		margin: 10px 0 10px 22px;	
	}
	
	#customerServiceNav {
		clear: both;
		float: left;
		margin-left: 22px;
		min-height: 783px;
		width: 191px;
		border-width: 1px 1px 0 1px;
		border-color: #dcdbdb;
		border-style: solid;
		background: url('../images/backgrounds/bgr-customerServiceNav.gif') repeat-y left top;
	}
			
		#customerServiceNav ul {
			margin: 0 0 0 10px;
			padding: 0;
			list-style-type: none;
		}
		
			#customerServiceNav ul li {
				margin-top: 10px; 
			}
		
				#customerServiceNav ul li a {
					font-size: 1.4em;
					color: #0093d0;
					text-decoration: none;	
				}
				
				#customerServiceNav ul li a:hover {
					text-decoration: underline;
				}
				
				#customerServiceNav ul li.active a {
					 color: #464646;
					 font-weight: bold;
				}
				
				#customerServiceNav ul li.active a:hover {
					text-decoration: none;
				}
		
		#customerContent {
			float: left;
			margin: 0 0 0 22px;
			width: 537px;
			min-height: 523px;
		}
		
			#customerContent h1 {
				margin-bottom: 6px;
				width: 530px;
				font-size: 3.6em;
				color: #0093d1;
			}
			
			#customerContent p, #customerContent ul {
				width: 530px;
				font-size: 1.4em;
				color: #040402;
			}
			
			#customerContent ul { 
				padding-left: 40px;
				width: 500px;
			}
			
			#customerContent hr { 
				border: none;
				border-top: solid 1px #999;
				margin: 10px auto;
			}
		
		#customerContact {
			float: left;
			margin-left: 19px;
			width: 213px;
			height: 308px;
			border: 1px solid #b9cdd6;
			background: #f1f7f9 url('../images/backgrounds/bgr-contactLines.png') no-repeat 15px 44px;
		}
		
			#customerContact h2 {
				margin: 12px 0 25px 22px;
				font-weight: bold;
				font-size: 1.6em;
				color: #35383d;
			}
			
			#customerContact h3 {
				clear: both;
				margin: 0 0 6px 14px;
				font-size: 	1.4em;
				color: #0093d0;
			}
				
				#customerContact h3 span {
					font-weight: bold;
				}
			
			#customerContact a {
				float: left;
				margin: 2px 0 30px 14px;				
				text-decoration: none;
				font-size: 1.4em;
				color: #4e4e4e;
			}
			
			#customerContact a:hover {
				text-decoration: underline;
			}
			
			#customerContact h4 {
				margin: 0 0 34px 14px;
				font-size: 1.2em;
				color: #0093d0;
			}
			
			#customerContact img {
				margin: 4px 0 0 14px;
			}
			
body.contact .red_star { color: #cc0000; }

	
	body.contact h4 {
		font-size: 1.2em;
		font-style: italic;
		color: #797979;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	body.contact form {
		padding-bottom : 100px;
	}
	
	body.contact form#newsletter-validate-detail { 
		padding-bottom: 0;
	}
	
		body.contact form label {
			float: left;
			font-size: 1.2em;
			color: #424242;
			padding-top: 25px;
			padding-right: 15px;
			width: 50%;
			
		}
		
		body.contact form label.left { 
			width: 40%;
		}
		
		body.contact form label input {
			margin-top: 5px;
			height: 19px;
			padding-top: 3px;
			border: 1px solid #c5c5c5;
			margin-left: 0;
			background: url(../images/backgrounds/input_bgr.gif) left top repeat-x;
		}
		
			body.contact form fieldset label input.name {
				width: 195px;
				
			}
			
			body.contact form fieldset label input.email, 
			body.contact form fieldset label input.phone {
				width: 320px;
				
			}
			
			body.contact form fieldset label select {
				width: 214px;
				margin-top: 5px;
				
			}
			
			body.contact form fieldset label input#order {
				width: 240px;
				
			}
			
			body.contact form fieldset label textarea {
				margin-top: 5px;
				padding-top: 5px;
				border: 1px solid #c5c5c5;
				width: 415px;
				height: 100px;
				background: url(../images/backgrounds/input_bgr.gif) left top repeat-x;
			}
			
			body.contact form a, body.contact form button {
				clear: both;
				display: block;
				width: 105px;
				background-color: transparent;
				margin: 15px 0 15px 315px;
				border: none;
				padding: 0;
				padding-top: 25px;
			}
			
			body.contact form button:hover { cursor: pointer; }

table.specs { 
	font-size: 1.3em;
	color: #464646;
}

table.specs th { 
	display: block;
	width: 120px;
	margin-right: 44px;
	padding: 6px;
	font-weight: bold;
}

table.specs td { 
	padding: 2px;
}

/****** sitemap *******/
ul.sitemap { 
	margin: 25px auto;
	list-style: none;
}

ul.sitemap li { 
	list-style-type: disc;
	margin: 3px 0 0 25px;	
}

ul.sitemap li a { 
	color: #777;
}

ul.sitemap li.heading { 
	color: #3366FF;
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
}

#closeup {
	height: 380px;
}