@charset "UTF-8";

/* CSS Document */

/*
   background: #ffffff rgb(255,255,255)
   
   Title
   tan: #845e3a rgb(132,94,58)
   
   Nav
   gray: #77787b rgb(119,120,123)
   
   Text
   gray/blue: #5a6666 rgb(90,102,102)
   light gray/footer: #bfbfc1 rgb(191,191,193)
   gray/footer links: #77787b rgb(119,120,123)
   
   Lines
   gray: #77787b rgb(119,120,123)
   tan: #9d7e61 rgb(157,126,97)   
*/

/* Resets Styles in all browsers */
* { padding: 0; margin: 0; border:0; }



html, body {
	margin: 0; padding: 0; background-color: #ffffff; font-size: 1px;
	
	scrollbar-3dlight-color:#845e3a;
	scrollbar-arrow-color:#845e3a;
	scrollbar-base-color:#845e3a;
	scrollbar-darkshadow-color:#845e3a;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#845e3a;
	scrollbar-shadow-color:#845e3a;
	scrollbar-track-color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
}

h1.header-links { font-size: 14px; letter-spacing: 0px; text-shadow: black 0 0 5px; }

h1.pageTitle { font-family: Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 0px; font-weight: normal; color: #845e3a; padding: 0 0 0 0; margin: 0 0 0 0; }



p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #5a6666; line-height: 20px; }

	p a:link { color: #5a6666; text-decoration:none; }

	p a:visited { color: #5a6666; text-decoration: none; }

	p a:hover { color: #845e3a; text-decoration: underline; }

	p a:active { color: #5a6666; text-decoration: underline; }
	
.textLG { font-size: 14px; font-weight: bold; }

	.textLG a:link { font-weight: bold; text-decoration: none; }
	
	.textLG a:visited { font-weight: bold; text-decoration: none; }
	
	.textLG a:hover { font-weight: bold; text-decoration: underline; }
	
	.textLG a:active { font-weight: bold; text-decoration: underline; }

a:link { color: #5a6666; text-decoration:none; }

a:visited { color: #5a6666; text-decoration: none; }

a:hover { color: #845e3a; text-decoration: underline; }

a:active { color: #5a6666; text-decoration: underline; }


#pageContainer { width: 960px; margin: auto; padding: 0 0 0 0; }


/* Header */
#headerContainer { width: 960px; padding: 30px 0 0 0; margin: 0 0 0 0; }

#haderLogoNavContainer { width: 650px; margin: 0 0 0 135px; }

#headerLogo { margin: 0 0 10px 125px; padding: 0 20px 10px 20px; border-bottom: solid 1px #9d7e61; float: left; }
	
	/* Navagation - Go to the ddsmoothmenu.css */
	
	/* Title - Crum Nav */
	#titleCrumContainer { padding: 0 30px 20px 20px; width: 910px; }
	
	#crumNavContainer { padding: 5px 0 0 0; }
	
	.crumNav { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #5a6666; font-weight: bold; line-height: 16px; }

		.crumNav a:link { color: #bfbfc1; text-decoration:none; font-weight: normal; }
	
		.crumNav a:visited { color: #bfbfc1; text-decoration: none; font-weight: normal; }
	
		.crumNav a:hover { color: #845e3a; text-decoration: underline; font-weight: normal; }
	
		.crumNav a:active { color: #bfbfc1; text-decoration: underline; font-weight: normal; }

/* Home Page */
#homepageFlashContianer { width: 960px; height: 473px; border-top: solid 1px #9d7e61; border-bottom: solid 1px #9d7e61; }


/* Collection Page */
#collectionGroupContianer { width: 960px; height: 473px; border-top: solid 1px #9d7e61; border-bottom: solid 1px #9d7e61; background: #330099; }


/* Series Page */
#collectionContianer { width: 960px; height: 473px; border-top: solid 1px #9d7e61; border-bottom: solid 1px #9d7e61; background: #330099; }
	
	/* Series Scrolling Items */
	#collectionImgChanger { background: #ffffff; width: 200px; padding: 0 2px 0 2px; height: 473px; float: left; margin: 0 0 0 30px; }
	
		.collectionImgChangerArrow { cursor:pointer; padding: 7px 0 0 8px; clear: both; }
		
		.scrollerOuterBox { float:left; margin:0 0 0 0; padding: 0 0 0 0; width:200px; position:relative;height:400px; }
		
		#scrollData { margin:0;padding:0 0 0 0;width:200px;height:400px;overflow:hidden; }
		
		.itemBox { float: left; width: 100px; }
		
		.itemImg { padding: 5px 5px 5px 5px; }
	
	#collectionContent { float: left; width: 630px; height: 473px; }
		
		.itemLrgImg { float: left; width: 425px; height: 425px; padding: 48px 0 0 0; }
		
		#collectionTextContainer { width: 190px; float: left; padding: 200px 0 0 10px; }
		
		#collectionText { padding: 0 0 0 10px; width:200px; position:relative; }
		
		/*#prodData { position: absolute; top:220px; left: 0; width: 400px; }*/
		#prodData { padding: 20px 0 0 0; width: 250px; }

/* Genral Page */
#GenContianer { width: 960px;  padding: 10px 0 30px 0; border-top: solid 1px #9d7e61; border-bottom: solid 1px #9d7e61; }

#GenContianerSM { width: 960px;  padding: 10px 0 10px 0; border-top: solid 1px #9d7e61; border-bottom: solid 1px #9d7e61; }


/* Finishes */
#finishContainer { width: 960px; }

#finishList { padding: 10px 0 10px 20px; width: 940px; border-bottom: solid 1px #9d7e61; }

	#finishListColum { width: 270px; float: left; padding: 0 0 0 0; margin: 0 60px 0 0; }

.finishTitleText { font-size: 14px; font-weight: bold; }

#finishInfoColumContaienr { padding: 10px 20px 0 20px; width: 920px; }

	#finishInfoColum1 { width: 236px; float: left; position: relative; padding: 8px 50px 0 0; height: 420px; }
	
		.finishInfoIMG { position: absolute; bottom: 0; right: 1px; }
	
	#finishInfoColum2 { width: 246px; float: left; position: relative; border-left: solid 1px #9d7e61; border-right: solid 1px #9d7e61; padding: 8px 40px 0 40px; height: 420px; }
	
		.finishInfoIMG2 { position: absolute; bottom: -5px; right: 1px; }
	
	#finishInfoColum3 { width: 256px; float: left; position: relative; padding: 8px 30px 0 20px; height: 420px; }
	
		#finishClearCoatItems { width: 80px; float: left; padding: 15px 0 0 0; }
		
		.finishInfoIMG3 { position: absolute; bottom: -11px; right: -20px; }
		
#finishPopUpContainer { width: 500px; height: 500px; background: #f1f2f2; }

	#finishPopUpIMG { width: 425px; height: 425px; margin: 10px 38px 0 37px;  border: solid 1px #9d7e61; background: #ffffff; }
	
	#finishPopUpText { width: 405px; padding: 5px 10px 5px 10px; margin: 5px 38px 5px 37px; }


/* About */
#aboutGenContianer { width: 960px;  padding: 10px 0 30px 0; border-top: solid 1px #9d7e61; border-bottom: solid 1px #9d7e61; background: url(../images/bkgd/aboutBKGD.jpg) bottom; }

#aboutContainer { width: 520px; }


/* Contact */
#contactContentContianer { width: 960px;  padding: 10px 0 50px 0; border-top: solid 1px #9d7e61; border-bottom: solid 1px #9d7e61; background: url(../images/bkgd/contact_BKGD.jpg) bottom; }

#contactContainer { width: 820px; padding: 20px 20px 0 40px; }

	#contactLeftColum { width: 400px; padding: 0 0 0 0; float: left; }
	
	#contactRightColum { width: 400px; padding: 0 0 0 20px; float: left; }

	.contactFormItem { width: 400px; padding: 5px 0 5px 0; clear: both; }

	.contactLable { width: 150px; font-size: 12px; padding: 0 20px 0 0; color: #58595b; float: left; }
	
	.contactInput { border: solid 1px #58595b; font-size: 12px; float: left; }
	
	.contactButtonContainer { width: 700px; margin: 0 0 0 0; padding: 10px 0 0 0; }
	
	.contactButton { width: 200px; padding: 10px 0 0 575px; clear:both; }
	
	.required { color:#8b8d09; font-size:11px; text-align: right; width: 800px; }


/* Download */
#downloadContainer { width: 960px; }

#downloadType { padding: 40px 40px 40px 20px; width: 900px; border-bottom: solid 1px #9d7e61; }

#downloadTypeTitle { width: 880px; }

	.downloadTypeTitleText { font-size: 14px; font-weight: bold; }
	
#downloadItemColum { width: 270px; float: left; padding: 0 12px 0 12px; }


/* Legal */
#legalContainer { padding: 0 40px 0 40px; width: 880px; }

.legalCopy { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #5a6666; line-height: 16px; padding:0 0 15px 0; }

	.legalCopy a:link { color: #5a6666; text-decoration:none; }

	.legalCopy a:visited { color: #5a6666; text-decoration: none; }

	.legalCopy a:hover { color: #845e3a; text-decoration: underline; }

	.legalCopy a:active { color: #5a6666; text-decoration: underline; }


/* Footer */
#pageFooter { width: 900px; padding: 10px 30px 30px 30px; }

#copyWrite { width:300px; float: left; }

	.copyWriteText { font-size: 11px; color: #bfbfc1; padding: 3px 0 0 0; font-family: Helvetica, Arial, sans-serif; }
	
		.copyWriteText a:link { color: #bfbfc1; text-decoration: none; }
		.copyWriteText a:visited { color: #bfbfc1; text-decoration: none; }
		.copyWriteText a:hover { color: #bfbfc1; text-decoration: underline; }
		.copyWriteText a:active { color: #bfbfc1; text-decoration: none; }
		
#footerLink { width:300px; float: right; }

	.footerLinkText { font-size: 14px; color: #77787b; text-align: right; font-family: Helvetica, Arial, sans-serif; }
	
		.footerLinkText a:link { color: #77787b; text-decoration: none; }
		.footerLinkText a:visited { color: #77787b; text-decoration: none; }
		.footerLinkText a:hover { color: #77787b; text-decoration: underline; }
		.footerLinkText a:active { color: #77787b; text-decoration: none; }


/* Clear It */
.clearIt { clear: both; font-size: 1px; height:1px; }

.clearIt5 { clear: both; font-size: 1px; height:5px; }

.clearIt10 { clear: both; font-size: 1px; height:10px; }

.clearIt15 { clear: both; font-size: 1px; height:15px; }

.clearIt20 { clear: both; font-size: 1px; height:20px; }