@charset "UTF-8";

/* CSS Document */

/*
   background: #231f20 rgb(35,31,32)
   page border: #333132 rgb(51,49,50)
   page inner background: #ffffff rgb(255,255,255)
   
   nav
   nav-text: #ffffff rgb(255,255,255)
   nav-text hover bkgd: #7c7878 rgb(124,120,120)
   dropdown text: #231f20 rgb(35,31,32)
   dropdown hover text: #ffffff rgb(255,255,255)
   dropdown hover bkgd: #867676 rgb(134,118,118)
   
   footer [in order top - bottom]
   gray line: #636466 rgb(99,100,102)         [above and below green bar 1px]
   green bar: #a7bd00 rgb(167,189,0)
   white: #ffffff rgb(255,255,255)
   green gray: #474742 rgb(71,71,66)
   lighter gray: #4d4d4f rgb(77,77,79)
   
   text
   light gray text: #77787b rgb(119,120,123)
   medium gray text: #8a8c8e rgb(138,140,142)
   dark gray text: #4d4d4f rgb(77,77,79)
   light blue text: #dde4ec rgb(221,228,236)     [tables on product detail page]
   green: #a7bd00 rgb(167,189,0)
   
   
   light green: #f6f8e5 rgb(246,248,229)
   border: #f0f0f1 rgb(240,240,241)           [around product Info and Divder]
   
   #tester blue: #9ab7d3 rgb(154,183,211)
*/


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



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

h1.pg-header { font-size: 24px; letter-spacing: 0px; }

h1.series-header { font-size: 24px; letter-spacing: 0px; padding: 0; }

h2.siteTitle { font-size: 33px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

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

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

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

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

	p a:active { color: #a7bd00; text-decoration: underline; }
	
#pg-size {width: 976px; height: auto; margin: auto; background: #231f20; }
		
#pg-contianer { width: 960px; height: auto; margin:auto; background:#333132; padding: 8px 8px 8px 8px; }

#pg-contentContainer { width: 960px; height: auto; background: #ffffff; clear:both; }

#pg-LongFlashContaienr { width: 956px; padding: 4px 0 4px 4px; height: auto; border-bottom: solid 1px #000000; display: none; }

#greenBoxWgrayBorderL { width: 866px; padding: 15px 15px 15px 15px; margin: 0 0 20px 0; border: solid 1px #f0f0f1; background: #f6f8e5; }

#warningMessage { padding: 0 0 15px 0; }


/* Header */
#headerContainer { width: 976px; height: auto; margin: auto; padding: 15px 0 0 0; background: url(../images/bkgd/headerFlowerBKGD.jpg) no-repeat bottom right; }

#headerLogo { width: 246px; height: 82px; padding: 10px 0 0 0; margin: 0 0 0 0; float: left; background: none; }

#headerSearchContainer { width: 376px; height: 50px; float: right; display: none; }

	/* Crum Nav */
	#crumNavContainer { height: 12px; width: 971px; clear: both; padding: 0 0 8px 2px; }
	
	.crumNavText { font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px; }

	/* Navigation */	
	#navContainer { padding: 0 0 2px 5px; margin: 20px 0 0 0; background: none; display: none; }
		
/* Products */


/* Gallery */
#galleryPgContainer { width: 896px; padding: 20px 32px  32px; margin: 0; }

#gallerySectionTitleContainer { border-bottom: 1px solid #a7bd00; width: 100%; margin: 0 0 5px 0; }

#gallerySubTitleCintainer { border-bottom: 1px solid #a7bd00; width: 100%; margin: 0 0 5px 0; }
	
	/* Gallery - Main Page */
	#galleryMainPgBox { width:896px; padding: 0 0 10px 0; }
	
	#galleryMainPgImgBoxL { padding: 0 7px 0 0; border-right: 1px solid #a7bd00; float: left }
	
	#galleryMainPgImgBoxR { padding: 0 0 0 7px; float: left }
	
	/* Gallery - Photo Page */
	#galleryPhotoPgContainer { width:896px; padding: 0 0 0 0; margin: 0 0 0 0; }
	
	#galleryPhotoPgLgImg { border-right: 1px solid #a7bd00; float: left; width: 528px; height:528px; padding: 0 9px 0 0; }
	
	#galleryPhotoSelectorContainer { float: right; width: 346px; height: auto; }
	
	.galleryPhotoInfoBox { width: 316px; padding: 15px 15px 15px 15px; background: #f6f8e5; height: 274px; }
	
	.galleryProdUsedBox { border-bottom: 1px solid #a7bd00; padding: 10px 0 10px 0; margin: 0 0 40px 0; }
	
		.galleryProdUsedBox img { float: left; padding: 0 15px 0 0; }
	
	.galleryPhotoFeatList { padding: 0 0 0 17px; }
	
	.galleryPhotoTypeSelectorBox { width: 316px; padding: 15px 15px 15px 15px; margin: 9px 0 0 0; border: 1px solid #a7bd00; }
	
		/* Photo Changer */	
		.galleryPhotoChangerBox { background: #d8d9da; width:334px; padding: 6px 6px 6px 6px; margin: 9px 0 0 0; }
		
		.galleryPhotoChangerOuterBox { margin:0 0 0 0; padding:0; width:334px; position:relative; height:104px; }
		
		#scrollData { margin:0; padding:0; width:334px; height:104px; overflow:hidden; }
		
		.galleryPhotoArrows { padding: 5px 0 0 155px; clear: both; }
		
		.galleryPhotoChangeImg { float:left;margin:0 0 3px 0; border-right: 1px solid #646465; padding: 0 3px 0 3px; }
		
		.galleryPhotoChangeImg img { border: 2px solid #ffffff; }
		
		
		
		
/* Contact */
#contactPgContainer { width: 896px; padding: 20px 32px 0 32px; margin: 0; }

.requiredField { width: 866px; border-bottom: 2px solid #a7bd00; padding: 3px 0 3px 0; }

	.requiredField p { text-align: right; font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #a7bd00; line-height: 14px; }
	
		.requiredField p a:link { color: #a7bd00; text-decoration:underline; }
		
		.requiredField p a:visited { color: #4c4c4e; text-decoration:underline; }
		
		.requiredField p a:hover { color: #5e4f4a; text-decoration: none; }
		
		.requiredField p a:active { color: #a7bd00; text-decoration:underline; }
	
#contactFormContainer { width: 821px; padding: 20px 15px 0 30px; }

.contact-form-left { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #4c4c4e; line-height: 16px; width: 320px; float: left; }

.form-field { font-family: Helvetica, Arial, sans-serif; color: #4c4c4e; padding: 7px 0 7px 0; font-size:11px; border-bottom: 1px solid #a7bd00; }

.buttons-field { font-family: Helvetica, Arial, sans-serif; color: #4c4c4e; padding: 10px 0 10px 0; position: relative;  }

.fieldlable { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:#4c4c4e; width: 125px; margin-right: 1em; float: left; }

.regformfield { font-family: Helvetica, Arial, sans-serif; font-size: 10px; border: 1px solid #a7bd00; }

.textformfield { font-family: Helvetica, Arial, sans-serif; font-size: 12px; border: 1px solid #a7bd00; }

.contact-form-right { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #4c4c4e;width: 320px; float: left; margin: 0 0 0 50px }


/* Request a Brochure */
#brochureFormContainer { width: 821px; padding: 20px 15px 10px 30px; background: url(../images/logos/brochureImg.jpg) no-repeat bottom right; }

.brochure-form-left { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #4c4c4e; line-height: 16px; width: 320px; float: left; }

.brochure-form-right { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #4c4c4e;width: 320px; float: left; margin: 0 0 0 50px; }


/* SSC Search */
#SSCsearchContainer { width: 500px; float: left; }

.SSCsearchFormContainer { width: 400px; }

.SSCsearchForm { width: 280px; float: left; }

.SSCsearchButton { width: 80px; float: right; padding: 15px 20px 0 0; }

.SSCcanadaButton { float: right; width: 150px }


/* Footer */
#footerContainer { width: 100%; background: #4d4d4f; margin: 6px 0 50px 0; }

.footerGreenLine { width: 100%; background: #a7bd00; border-top: solid 1px #636466; border-bottom: solid 1px #636466; height:2px; display: none; }

#footerFlashContainer { background: url(../images/bkgd/footerFlashBKGD.gif) repeat-x top left; height: 128px; width: 100%; display: none; }

.footerFlash { width: 961px; height: 128px; border-left: solid 1px #4d4d4f ; border-right: solid 1px #4d4d4f; margin:auto; }

#footerLinkCotiner { width: 976px; padding: 10px 0 40px 0; margin:auto; }

.footerLinks { text-align: right; font-size: 10px; color: #ffffff; font-family: Helvetica, Arial, sans-serif; line-height: 14px; }

	.footerLinks a:link { color: #ffffff; text-decoration: none; }
	
	.footerLinks a:visited { color: #ffffff; text-decoration: none; }
	
	.footerLinks a:hover { color: #ffffff; text-decoration: underline; }
	
	.footerLinks a:active { color: #ffffff; text-decoration: underline; }


/* clearIt */
.clearIt { height: 1px; clear:both; width: 100%; }
.clearIt5 { height: 5px; clear:both; width: 100%; }
.clearIt10 { height: 10px; clear:both; width: 100%; }
.clearIt15 { height: 15px; clear:both; width: 100%; }
.clearIt20 { height: 20px; clear:both; width: 100%; }