/* HomeCrest CSS Document */
/*
-----------------
Dealer.css

/assets/css/dealer/

This file is used with the /dealer/ and /hmgmt/ sections
------------------ */

body {
	background-color: #fff;
	color: #595959;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}


/* Text Formatting
---------------------- */

	/* -- headers -- */
		h1 { font-size: 170%; }
		
		h2 { font-size: 140%; }
		
		h3 { font-size: 125%;}
		
		h4 { font-size: 105%; }
		
		h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #000; }
		h1, h2 { text-transform: uppercase; }
		
		h1 { padding-bottom: 10px; margin-bottom: 10px; }
		h2 { padding-bottom: 3px; margin-bottom: 3px; }
		h3, h4 {
			padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
			margin-bottom: 0px; margin-left: 0px; margin-right: 0px;
			}

		span.title {
			font-size: 11px;
			display: block;
			padding-top: 4px;
			padding-bottom: 2px;
			}
	
	/* -- content -- */
		p { margin-top: 0px; padding-bottom: 1em; line-height: 1.5em; text-align: left; }
		
		.error-text {
			font-style: italic;
			font-weight: bold;
			color: #C00;
			}

		p.customChoice { padding-bottom: 0; }
		span.uppercase { text-transform: uppercase; }
		.blueHighlight { color: #5c81aa; }


	/* -- links -- */
		a { color: #801e0a; } /* old:5c1507 */
		a:visited { color: #801e0a; }
		a:active { color: #5c81aa; }
		a:hover { color: #5c81aa; }

		a img { border: 0; } /* force any image that happens to be a link not have a border */


/* Structure div's w/content styles
----------------------------------- */

	/* utility : start */
	#utility {
		background-color: #fff;
		width: 800px;
		height: 20px;
		margin: 0; padding: 0;
		}
		#utility a {
			text-decoration: none;
			}
		#utility a:hover {
			color: #5c81aa;
			}
		#utility ul {
			margin: 0;
			padding: 0;
			background-color: #fff;
			}
			#utilityNav li {
				list-style-type: none;
				float: right;
				text-align: center;
				padding-left: 10px; padding-right: 10px;
				padding-top: 6px; padding-bottom: 6px;
				font-size: 10px;
				background-color: #fff;
				}
			/* Nav BG - tan */
			#utilityNav li.linkBg {
				background-color: #e8e4d7;
				}
		/* utility : end */


	/* banner : start */
	#banner {
		background-color: #fff;
		width: 800px;
		height: 74px;
		margin: 0; padding: 0;
		}

		#HomeCrestLogo {
			width: 209px;
			height: 51px;
			border: 0px;
			margin-left: 25px;
			float: left;
			}

		#banner ul {
			margin: 0;background-color: #fff;
			padding: 0;
			float: right;
			}
				
		.search li {
			list-style-type: none;background-color: #fff;
			text-align: right;
			font-size: 10px;
			padding: 2px 0;
			}

		.search input {
			color: #666;
			background-color: #fff;
			font-weight: normal;
			border-width: 1px;
			border-color: #000;
			border-style: solid;
			padding: 2px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			}
			
		.search .btnGO {
			color: #fff;
			font-weight: bold;
			background-color: #801e0a;
			border-width: 1px;
			border-color: #999;
			border-style: solid;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
	/* banner : end */


	/* navWrap : start */
	#navWrap {
		background-color: #fff;
		width: 800px;
		height: 30px;
		padding-left: 9px;
		background-image: url(../../../images/site/nav-bg.gif);
		background-position: left;
		background-repeat: repeat-y;
		font-size: 10px;
		}
		#navWrap ul {
			margin-bottom: 0; margin-top: 0; margin-right: 0;margin-left: 0px;
			padding: 0;
			width: 791px;
			float: left;
			border-bottom-color: #999; border-bottom-style: solid; border-bottom-width: 1px;

			}


		/* mainNav : start */
		#mainNav li {
			list-style-type: none;
			float: right;
			text-align: center;
			margin: 0; padding-top: 6px; padding-bottom: 7px;
			padding-left: 10px; padding-right: 10px;
			background-color: #fff;
			}
		
			/* Nav BG - tan */
			#mainNav li.linkBg {
				background-color: #e8e4d7;
				}
			#mainNav a {
				text-decoration: none;
				}
			#mainNav a:hover {
				color: #5c81aa;
				}
		/* mainNav : end */

		#breadcrumb {
			margin-left: -41px;
			padding-top: 10px; padding-bottom: 10px; padding-left: 41px;
			text-transform: uppercase;
			width: 740px;
			font-size: 10px;
			}
			#breadcrumb a { text-decoration: none; }
	/* navWrap : end */


	/* mainWrap : start */
	#mainWrap {
		width: 750px;
		margin: 0;
		padding-left: 50px;
		padding-right: 0px;
		clear: both;
		}
	#mainWrapHomePage {
		width: 790px;
		margin: 0;
		padding-left: 10px;
		padding-right: 0px;
		clear: both;
		}
		.homeBG { /* bg without grey bar used on home and select pages */
			background-color: #fff;
			background-image:  url(../../../images/site/main-bg-dealer.gif);
			background-position: left;
			background-repeat: repeat-y;
			}
		.regularBG { /* grey side bar used on most pages */
			background-color: #fff;
			background-image: url(../../../images/site/main-bg.gif);
			background-position: left;
			background-repeat: repeat-y;
			}
		#mainWrap p {
			padding-top: 0;
			}

		/* colRight : start */
		#colRight {
			clear: both;
			float: right;
			width: 155px;
			text-align: center;
			}
			#choiceSelector {
				color: #000;
				font-size: 10px;
				width: 125px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 10px;
				padding: 5px; 
				text-align: left;
				vertical-align: top;
				background-color: #c2bba2;
				border-bottom-color: #801e0a; border-bottom-style: solid; border-bottom-width: 1px;
				border-left-color: #801e0a; border-left-style: solid; border-left-width: 1px;
				border-right-color: #801e0a; border-right-style: solid; border-right-width: 1px;
				border-top-color: #801e0a; border-top-style: solid; border-top-width: 1px;
				}
				#choiceSelector hr {
					width: 118px;
					border-color: #801e0a; border-style: solid;
					}
		/* colRight : end */

	/* content : start */
	#content {
		margin-top: 10px;
		width: 710px;
		float: left;
		}

	#contentWnav { /* use this content wrap when you will have a secondary navigation */
		margin-top: 10px;
		margin-left: 10px;
		width: 625px;
		}
		#contentNavWrap {
			float: left;
			margin-top: 20px;
			display: block; width: 130px;
			margin-left: 15px;
			margin-right: 15px;
			z-index: 100;
			}
			#contentNav {
				background-color: #fff; border-color: #999; border-width: 1px; border-style: solid;
				text-align: center;
				padding: 4px;
				z-index: 101; position: relative;
				width: 120px;
				}
				#contentNav h3 { text-align: center;
					color: #801e0a;
					font-weight: bold;
					background-color: #e8e4d7;
					border-color: #999; border-width: 1px; border-style: solid;
					padding: 4px;
					margin-top: -15px;
					z-index: 102; position: relative;
					}
				
				#contentNav h4 {
					text-align: left;
					color: #000;
					font-weight: bold;
					margin-top: 10px; margin-bottom: 0;
					padding: 0;
					font-size: 10px;
					}
				#contentNav p {
					text-align: left;
					color: #666;
					padding: 0;
					margin: 0;
					font-size: 10px;
					}
				#contentNav ul {
					margin-top: 3px; margin-bottom: 0px;
					margin-left: 0px; margin-right: 0px;
					padding: 0;
					}
					#contentNav li {
						list-style-type: none;
						text-align: center;
						padding-top: 3px; padding-bottom: 3px;
						}
				#contentNav a {
					text-decoration: none; color: #5c81aa;
					}
				#contentNav a:hover {
					color: #000;
					}




	/* Footer Styles
	------------------------ */
	#hrBar {
		clear: both;
		background-color: #801e0a;
		width: 799px;
		height: 12px;
		border-right-color: #999; border-right-style: solid; border-right-width: 1px;
		}
		#hrBarBorder {
			/* Inside border for the red footer bar */
			clear: both;
			margin-left: 9px; height: 12px;
			border-left-color: #999; border-left-style: solid; border-left-width: 1px;
			}

	#hrBottom {
		clear: both;
		background-color: #fff;
		height: 5px; width: 789px;
		margin-left: 9px;
		border-bottom-color: #999; border-bottom-style: solid; border-bottom-width: 1px;
		border-left-color: #999; border-left-style: solid; border-left-width: 1px;
		border-right-color: #999; border-right-style: solid; border-right-width: 1px;
		}

	#footer {
		clear: both;
		background-color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#999;
		width: 789px;
		margin-left: 9px;
		margin-top: 5px;
		vertical-align: top;
		margin-bottom: 20px;
		text-align: left;
		}
		#footer p {
			padding: 0; margin: 0; clear: both;
			}
		#footer ul {
			margin: 0;
			padding: 0;
			}
			#footerNav li {
				color: #666;
				list-style-type: none;
				float: left;
				padding-left: 2px; padding-right: 2px;
				padding-top: 0; padding-bottom: 4px;
				text-transform: uppercase;
				}
		#footer a {
			text-decoration: none;
			border-bottom-color: #999; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 1px;
			}
		#footer a:hover {
			text-decoration: none;
			border-bottom-color: #801e0a; 
			}
	/* Footer Styles : end */




	/* Nav Borders - utility and main nav
	------------------------------------- */

	#HomePageBottom {
		clear: both;
		background-color: #fff;
		width: 789px;
		margin-left: 9px;
		border-bottom-color: #999; border-bottom-style: solid; border-bottom-width: 1px;
		border-left-color: #999; border-left-style: solid; border-left-width: 1px;
		border-right-color: #999; border-right-style: solid; border-right-width: 1px;
		}
		#IntroCopy {
			width: 350px;
			height: 130px;
			padding: 10px;
			border-right-color: #999; border-right-style: solid; border-right-width: 1px;
			float: left;
			}
		#CustomChoiceCopy {
			width: 220px;
			height: 130px;
			padding: 10px;
			border-right-color: #999; border-right-style: solid; border-right-width: 1px;
			float: left;
			}
		#ComplementsCopy {
			width: 279px;
			height: 130px;
			padding: 10px;
			float: left;
			}



	/* Footer Styles : end */



	/* Nav Borders - utility and main nav
	------------------------------------- */
	.borderLeft {
		border-left-width: 1px;
		border-left-color: #999;
		border-left-style: solid;
		}
	.borderRight {
		border-right-width: 1px;
		border-right-color: #999;
		border-right-style: solid;
		}
	.borderTop {
		border-top-width: 4px;
		border-top-color: #e8e4d7;
		border-top-style: solid;
		}
	.borderBottom {
		border-bottom-width: 1px; border-bottom-color: #e8e4d7; border-bottom-style: solid;
		}
	.currentPage { /* Highlight for current active page */
		border-top-width: 4px;
		border-top-color: #801e0a;
		border-top-style: solid;
		}
	.whiteTop { /* Highlight for non active pages */
		border-top-width: 4px;
		border-top-color: #fff;
		border-top-style: solid;
		}
	.whiteBottom {
		border-bottom-width: 1px; border-bottom-color: #fff; border-bottom-style: solid;
		}
	/* Nav Borders : end */




	div.PageTop {
		clear: both;
		text-align: right;
		text-transform: uppercase;
		font-size: 9px;
		margin-right: 20px;
		margin-top: 8px;
		margin-bottom: 15px;
		}
		div.PageTop a { text-decoration: none; }
		
		
		

			/* Content Styles : end */



	/* form Formatting
	---------------------- */

	form { margin: 0; padding: 0; }

	.btnSubmit {
		color: #fff;
		font-weight: bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		background-color: #801e0a;
		border-width: 1px;
		border-color: #999;
		border-style: solid;
		padding: 2px 6px;
		margin-top: 4px;
		text-transform: uppercase;
		}


	#search input {
		color: #666;
		background-color: #fff;
		font-weight: normal;
		border-width: 1px;
		border-color: #000;
		border-style: solid;
		padding: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		}

	#search .btnGO {
		color: #fff;
		font-weight: bold;
		background-color: #801e0a;
		border-width: 1px;
		border-color: #999;
		border-style: solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

	#choiceSelector select {
		background-color: #f1eee7;
		color: #333;
		background-color: #fff;
		font-weight: normal;
		font-size: 11px;
		border-width: 1px;
		border-color: #000;
		border-style: solid;
		width: 120px;
		}

	#choiceSelector .btnSubmit {
		color: #fff;
		font-weight: bold;
		font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #801e0a;
		border-width: 1px;
		border-color: #999;
		border-style: solid;
		padding: 2px 12px;
		margin-top: 8px;
		}

	.productChoice .btnSubmit {
		color: #fff;
		font-weight: bold;
		font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #801e0a;
		border-width: 1px;
		border-color: #999;
		border-style: solid;
		padding: 2px 12px;
		margin-top: 8px;
		}

	.productChoice select {
		background-color: #f1eee7;
		color: #333;
		background-color: #fff;
		font-weight: normal;
		font-size: 11px;
		border-width: 1px;
		border-color: #000;
		border-style: solid;
		width: 120px;
		}

	#scrapbookNav input {
		color: #666;
		font-weight: normal;
		border-width: 1px;
		border-color: #801e0a;
		border-style: solid;
		padding: 1px;
		width: 130px;
		}
	#scrapbookNav textarea {
		color: #666;
		font-weight: normal;
		border-width: 1px;
		border-color: #801e0a;
		border-style: solid;
		padding: 1px;
		}

	#scrapbookNav .btnSubmit {
		color: #fff;
		font-weight: bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		background-color: #801e0a;
		border-width: 1px;
		border-color: #999;
		border-style: solid;
		padding: 2px 6px;
		margin-top: 4px;
		width: 95px;
		}


	/* contact form(s) style */
	table.contactform td {
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 3px;
		padding-right: 3px;
		text-align: left;
		font-size: 11px;
		}
	table.contactform td.header {
		text-align: right;
		width: 150px;
		}
	table.contactform td.header td.input, span {
		font-size: 10px; font-style: italic;
		}
	table.contactform td.headerBorder {
		border-bottom-color: #F2F2F2;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		}

	table.contactform td.input {
		text-align: left;
		padding-left: 4px;
		}
	table.contactform td.inputBorder {
		border-left-color: #ccc;
		border-left-style: solid;
		border-left-width: 1px;
		}
	table.contactform td.input input {
		background-color: #F2F2F2;
		font-size: 11px;
		border-width: 1px; border-color: #ccc; border-style: solid;
		padding: 3px;
		}
	table.contactform td.input .checkbox {
		background-color: #F2F2F2;
		font-size: 11px;
		}
	table.contactform td.input select {
		background-color: #F2F2F2;
		font-size: 11px;
		border-width: 1px; border-color: #ccc; border-style: solid;
		padding: 3px;
		}
	table.contactform td.input textarea {
		background-color: #F2F2F2;
		font-size: 11px;
		border-width: 1px; border-color: #ccc; border-style: solid;
		padding: 3px;
		}


	/* form styles : end */