/**
 * Style sheet for the CheckoutController
 *
 * REL:		tandrtrailer.com
 * PATH:	/public_html/css/controllerStyles/checkout.css
 *
 */

.bold {font-weight: bold;}
#notice {
	width: 618px;
	
	-webkit-box-shadow: 0px 6px 10px #A9D0F5;
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
        border-radius: 4px;
}
img.completeIcon {margin: 0; vertical-align: middle; border: none;}

#sectionContainer {
	border-top: 1px solid #ccc;
	margin-top: 18px;
	padding-top: 18px;
}

.section {
	float: left;
	width: 32.5%;
}
.section:first-child {
	float: left;
	border: none;
	padding-left: 0;
	margin-left: 0;
}
	.section h3 {
		color: #069;
	}
	
	.section a:hover {
		color: #084B8A;
	}
ul li {
	list-style-type: none;
}

dl {
	font-weight: normal;
	margin: 5px 0;
	/*border: 1px red solid;*/
}

dl dt {
	clear: both;
	margin: 0 2px 0 0;
	float: left;
	padding: 4px 0;
	text-align: right;
	/*border: 1px blue solid;*/
}

dl dt label {padding: 0; margin: 0;}

dl dd {
	float: left;
	margin: 0 0 0 2px;
	padding: 4px 0;
	text-align: left;
	/*border: 1px solid green;*/
}

dl.makeOfferForm {width: 320px; height: 340px; /*border: 1px solid red;*/}
dl.makeOfferForm dt {width: 120px; /*border: 1px solid blue;*/}
dl.makeOfferForm dd {width: 190px; /*border: 1px solid green;*/}

dl.sendToFriendForm {width: 320px; height: 230px; /*border: 1px solid red;*/}
dl.sendToFriendForm dt {width: 120px; /*border: 1px solid blue;*/}
dl.sendToFriendForm dd {width: 190px; /*border: 1px solid green;*/}

dl.trailerDetails {width: 332px; float: left; height: 340px; /*border: 1px solid red;*/}
dl.trailerDetails dt {width: 120px; /*border: 1px solid blue;*/}
dl.trailerDetails dd {width: 200px; /*border: 1px solid green;*/}

dl.trailerDetailsShort {width: 332px; height: 60px; float: left; /*border: 1px solid red;*/}
dl.trailerDetailsShort dt {width: 120px; /*border: 1px solid blue;*/}
dl.trailerDetailsShort dd {width: 200px; /*border: 1px solid green;*/}

dl.stockNo {width: 220px; height: 30px;}
dl.stockNo dt {width: 90px;}
dl.stockNo dd {width: 100px;}

dl.sort {width: 115px; height: 50px;}
dl.sort dt {width: 15px;}
dl.sort dd {width: 90px;}

h4 {margin: 0;}

/* dealerInfo styles */
#dealerInfo {
	clear: both;
	float: left;
	margin: 0 18px 0 0;
	padding: 3px;
}

#dealerInfo ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 1em;
}

#dealerInfo h4 {font-weight: bold; text-decoration:underline; margin: 5px 0; color: #666666; clear: both;}

#dealerInfo .tools {height: 80px; text-align: center}

/* trailer listing styles */
#trailersContainer {
	float: left;
	margin-left: 18px;
	width: 564px;
}
	#trailersContainer div.trailerListing {
		clear: both;
		border: 1px dotted #333;
		margin: 5px 0;
		height: 83px;
	}
		#trailersContainer div.trailerListing img {
			float: left;
			border: 1px solid #000;
			vertical-align: middle;
			margin: 3px;
		}
		#trailersContainer div.trailerListing div {
			float: left;
			margin: 0 0 0 18px;
			padding: 3px;
		}
			#trailersContainer div.trailerListing div h3 {
				color: #8A0808;
			}
		
#imagesContainer {
	float: left;
	text-align: center;
	margin: 0 0 0 6px;
}
	#imagesContainer h4 {
		margin: 0 0 10px 0;
		color: #666666;
	}
	#imagesContainer img {
		clear: both;
		margin: 5px 0;
		float: left;
	}

/* viewAction styles */
#trailerContainer {
	float: left;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 675px;
	
	-webkit-box-shadow: 0px 6px 10px #636363; 
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
        border-radius: 4px;
}

	#trailerContainer h3 {
		text-align: center;
		margin: 4px; 0;
	}
		#trailerContainer h3 a {
			color: #8A0808;
		}
		#trailerContainer h3 a:hover {
			color: #3B0B0B;
			text-decoration: underline;
		}
	#trailerContainer h4 {
		color: #333;
		font-weight: bold;
		text-align: left;
		margin: 4px; 0;
	}
	
	#trailerContainer h4.caption {
		color: #333;
		text-align: center;
		margin: 3px; 0;
	}

#dlContainer {
	margin: 0;
	padding: 0;
	min-height: 350px;
	font-size: 10px;
}

#dojoxLightboxDialog_underlay {background-color: #000;}

#TRMakeOfferDialog {
	border: 1px solid #000;
	background-color: #fff;
	-webkit-box-shadow: 0px 6px 10px #636363; 
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
        border-radius: 4px;
}
#TRMakeOfferDialog_underlay {
	background-color: #000;
}

#TRSendToFriendDialog {
	border: 1px solid #000;
	background-color: #fff;
	-webkit-box-shadow: 0px 6px 10px #636363; 
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
        border-radius: 4px;
}
#TRSendToFriendDialog_underlay {
	background-color: #000;
}