/* ------------------------------------------------------------------------------*/ 
/*	Designed and Produced by Carlson Digital - a division of Carlson Marketing.  */
/*	Build start date:                                                            */
/*	Developer:                                                                   */
/*			                                                                     */
/*	Accessories Specific CSS                                                     */
/*			                                                                     */
/* ------------------------------------------------------------------------------*/


/*----------------------------------*/
/* x. Page Overrides                */

#navCol {
	min-height:430px;
	height:auto !important;
	height:430px;
	border: 0 /* Not sure why this is double in this section ? */
}

/*-----------------------------------*/
/* x. Content	                     */

#pageContainer {
	width: 617px;
	float: left;
	border-left: 1px solid #fff;
	background: #fff;
}

#page {
	float: right;
	background: #fff;
	min-height:430px;
	height:auto !important;
	height:430px;
}

/*----------------------------------*/
/* x. Accessory Detail              */
	
#accessoriesDetail {
	background: #ccc;
	float: left;
	border-bottom: 1px solid #fff;
}

	#accessoriesDetail img {
		float: left;
	}

	#accessoriesDetail #specifications {
		float: right;
		background: #aaa;
		position: relative;
		min-height: 283px;
		height: auto !important; /* for real browsers */
		height: 283px; /* for IE */
		padding: 20px 30px 10px 20px;
		width: 182px;
	}
	
		#accessoriesDetail #specifications h3 {
			color: #333;
			font: bold 1.4em arial, helvetica, sans-serif;
		}

		/* Definition list of prices etc... */
		#accessoriesDetail #specifications dl {
			margin: 10px 0;
			}

			#accessoriesDetail #specifications dl dt {
				float: left;
				clear: left;
				width: 8em;
			}

			#accessoriesDetail #specifications dl dd {
				float: none;
				margin: 0 0 0.5em 8em;
			}

			#accessoriesDetail #specifications p.footnote {
				color: #666666;
				font-size: 0.9em;
			}

			/*
			* html #specifications dl dt {
				margin: 0;
			}
			*/


			#secondaryDisclaimer {
				position: absolute;
				float: right;
				top: 355px;
				right: 0;
				width: 233px;
			}
			
			#secondaryDisclaimer p {
				padding: 10px 10px 0 20px;
				
				
			}
			
			#secondaryDisclaimer p.secondaryDisclaimer {
				font-weight: bold;
			}

#printDetails {
	background: #87bfda;
	width: 192px;
	position: absolute;
	right: 0;
	top: 314px;
	padding: 10px 20px;
	text-align: right;
	border-bottom: 1px solid #fff;
	
	
}

	#printDetails form {
		float: right;
	}

	#printDetails h4 {
		display: block;
		float: left;
		text-align: right;
		color: #fff;
		width:142px;
		font-size: 1.6em;
		font-weight: normal;
	}

	#printDetails input {
		margin-top: 2px;
	}

/*----------------------------------*/
/* x. Accessories Page Thumbs (UL)  */

ul.accessories {
	list-style-type: none;
	width: 437px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	background: #fff;
	}

	ul.accessories li {
		float: left;
		width: 145px;
		background: #fff url(/a/img/accessories/moreArrow.gif) no-repeat 100% 100%;
		border-right: 1px solid #fff;
		font-weight: bold;
		border-bottom: 1px solid #fff;
	}


		ul.accessories li.third {
			border-right: 0px;
		}

		ul.accessories li a {
			display: block;
			color: #333;
			background: #fff;
			width: 145px;
			text-decoration: none;
			min-height: 35px;
		}

		ul.accessories li a img {
			background: #F00;
		}

		ul.accessories li.roofSpoilerBrakeLight a {
			background: url(/a/img/accessories/roofSpoilerBrakeLight.jpg) no-repeat 0 0;
		}

		ul.accessories li.thuleRoofRack a {
			background: url(/a/img/accessories/thuleRoofRack.jpg) no-repeat 0 0;
		}

			ul.accessories li a:hover,
			ul.accessories li.selected a {
				color: #1D3D7A;
			}

			ul.accessories li.selected  {
				background: #ccc url(/a/img/accessories/moreArrow.gif) no-repeat 100% 100%;
			}

			ul.accessories li:hover {
				background: #ccc url(/a/img/accessories/moreArrow.gif) no-repeat 100% 100%;
			}

			ul.accessories li a span {
				display: block;
				padding: 5px 15px 5px 5px;
			}
			



#searchContainer form {
	padding: 0px;
	background: #666;
	color: #fff;
}

	#searchContainer form fieldset {
		padding: 10px;
	}

	#searchContainer form fieldset span.label {
		display: block;
		margin: 3px 0;
	}

	#searchContainer form fieldset select {
		width: 155px;
	}


	#searchContainer form fieldset.submit {
		padding: 0;
		background: #aaa;
	}
	
	#searchContainer #submitBox {
		background: #87bfda;
		width: 140px;
		_width: 140px;
		margin: 0;
		padding: 10px 20px;
		text-align: right;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		float: right;
	}

		#searchContainer #submitBox input {
			margin-top: 2px;
		}

		#searchContainer #submitBox h4 {
			display: block;
			float: left;
			text-align: right;
			color: #fff;
			width: 90px;
			font-size: 1.6em;
			font-weight: normal;
		}
		
#searchContainer {
	
}

#subContent {
	background: #7b9ab7;
}