@charset "UTF-8";

/* CSS Document */

/*
   background: #000000 rgb(0,0,0)
   text: #5e4f4a rgb(94,79,74)
   nav-text: #b0a58f rgb(176,165,143)
   nav-hover: #e6e3dc rgb(230,227,220)
   red: #9c3022 rgb(156,48,48)
   white: #FFFFFF rgb(255,255,255)
   border: #b2b2b1 rgb(178, 178,177)           [around entry fields]
   lightgray-text: #c2c2c2 rgb(194,194,194)    [login and footer]
   
   #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: #000000; font-size: 1px;
	
	scrollbar-3dlight-color:#a8594c;
	scrollbar-arrow-color:#a8594c;
	scrollbar-base-color:#a8594c;
	scrollbar-darkshadow-color:#a8594c;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#a8594c;
	scrollbar-shadow-color:#a8594c;
	scrollbar-track-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

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

h1.pg-headerW { font-size: 24px; letter-spacing: 0px; padding: 0; margin: 0 0 15px 0; }

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

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

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

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

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

	p a:active { color: #302c3d; text-decoration: underline; }
	
.whiteTextRed { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: 16px; }

	.whiteTextRed a:link { color: #9d3022; text-decoration:none; }

	.whiteTextRed a:visited { color: #9d3022; text-decoration: none; }

	.whiteTextRed a:hover { color: #9d3022; text-decoration: underline; }

	.whiteTextRed a:active { color: #9d3022; text-decoration: underline; }
	
.whiteTextWhite { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: 16px; }

	.whiteTextWhite a:link { color: #ffffff; text-decoration:none; }

	.whiteTextWhite a:visited { color: #ffffff; text-decoration: none; }

	.whiteTextWhite a:hover { color: #ffffff; text-decoration: underline; }

	.whiteTextWhite a:active { color: #ffffff; text-decoration: underline; }

.red { color: #9d3022; }

#pg-contianer { width: 960px; height: auto; margin:auto; }

#pg-contentContainer { width: 100%; height: auto; background: #ffffff; clear:both; }

/* Header */
#pgLogin { width: 960px; padding: 10px 0 10px 0; height: 18px; }

.pgLogin-Text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #c2c2c2; line-height: 16px; text-align: right; }

	.pgLogin-Text a:link { color: #c2c2c2; text-decoration:none; font-weight:bold; }

	.pgLogin-Text a:visited { color: #c2c2c2; text-decoration: none; font-weight:bold; }

	.pgLogin-Text a:hover { color: #9d3022; text-decoration: underline; }

	.pgLogin-Text a:active { color: #c2c2c2; text-decoration: none; }
	
#pgHeader { background: URL(../images/headerNav/woodgrainHeader2.jpg) right center repeat-y; height: 109px; width:960px; margin: 0; padding: 0; }

.logo { float: left; height: 109px; width: 285px; margin: 0; padding: 0; }

.siteTitle { float: left; margin: 40px 0 0 170px; width: 450px; padding: 0; }
	
	/* Navigation */
	#navContainer { background: URL(../images/headerNav/navBKGD.jpg) no-repeat center; width: 960px; height: 29px; margin: 0; padding: 0; }
	
	#navContainerLanding { background: URL(../images/headerNav/navBKGD.jpg) no-repeat center #000000; width: 960px; height: 29px; padding: 5px 0 5px 0; margin: 0; }
	
	#navContainer img { float: left; }
	
	.navItem { padding: 6px 30px 5px 30px; float: left; }
	
	.navText { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #b0a58f; }
		
		.navText a:link { color: #b0a58f; text-decoration:none; }

		.navText a:visited { color: #b0a58f; text-decoration: none; }
	
		.navText a:hover { color: #9d3022; text-decoration: none; }
	
		.navText a:active { color: #9d3022; text-decoration: none; }
	
		.navText img { padding: 0 5px 0 0; }
		
	.dropdown { position: relative; background: #e6e3dc; padding: 0 30px 0 5px; margin: 0 0 0 0; visibility: hidden; height: auto; width: auto; }
	
	.dropdownItem { padding: 6px 0 6px 0; }
	
	/* Page Title / Curmb Nav */	
	#pgTitleContainer { padding: 25px 0 25px 35px; }

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

		.crumNav a:link { color: #9d3022; text-decoration:none; }
	
		.crumNav a:visited { color: #9d3022; text-decoration: none; }
	
		.crumNav a:hover { color: #9d3022; text-decoration: underline; }
	
		.crumNav a:active { color: #302c3d; text-decoration: underline; }


/* Login */
#loginContainer { background: url(../images/bkgd/loginBKGD.jpg) no-repeat top left; width: 960px; height:480px; }

#loginContent { padding: 30px 0 0 40px; width: 550px; }

#loginBox { width:385px; margin: 25px 0 0 36px; position: relative; padding: 45px 0 0 35px; }

.loginLable { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #9c3022; width: 125px; float: left; }

.loginInput { float: left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; border: solid 1px #b2b2b1; }

.loginForgot { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: 14px; width: 240px; float: left; padding: 5px 0 0 0; }

	.loginForgot a:link { color: #9d3022; text-decoration: underline; }

	.loginForgot a:visited { color: #9d3022; text-decoration: underline; }

	.loginForgot a:hover { color: #9d3022; text-decoration: underline; }

	.loginForgot a:active { color: #9d3022; text-decoration: underline; }

.loginButton { float: left; }

#loginBottomCenterText { text-align: center; width: 420px; padding: 30px 0 0 36px; clear: both; }

#fgtBox { width:385px; margin: 45px 0 0 36px; position: relative; padding: 45px 0 0 35px; }


/* Welcome */
#welcomeContainer { background: url(../images/bkgd/welcomeBKGD.jpg) no-repeat top left; width: 960px; height:480px; }

#welcomeContent { padding: 30px 0 0 40px; width: 500px; height:450px; position: relative; }

#welcomeItemsContainer { padding: 20px 0 20px 0; }

#welcomeItems { width: 300px; padding: 5px 0 5px 30px; height: 20px; }

.faceBookLogo { position: absolute; bottom: 35px; right: 90px; height: 25px; width: 75px; }


/* Forms / Documents */
#formsDocsConatiner { padding: 0 65px 35px 65px; width: 830px; } /* General Container Size */



/* General Items Box and Link */
#directionStatment { padding: 0 60px 15px 0; width: 760px; }

#items { width: 750px; padding: 15px 30px 15px 50px; margin: 0; }

#itemsImg { width: 250px; float: right; padding: 0; margin:0; }

#itemsContainer { width: 350px; float: left; }

#itemsIndented { width: 350px; padding: 5px 30px 5px 0; height: 20px; }

#itemsBottom { width: 150px; padding: 15px 30px 5px 40px; height: 20px; float: left; }

	.itemsHeader { font-size: 14px; font-weight: bold; color: #9c3022; }

	.itemsLink { width: 400px; float: left; height: 14px; padding: 0; margin: 0; }
	
	.itemsLinkText { font-size: 12px; color: #5e4f4a; font-weight: bold; }
	
		.itemsLinkText a:link { color: #5e4f4a; text-decoration: none; }
		.itemsLinkText a:visited { color: #5e4f4a; text-decoration: none; }
		.itemsLinkText a:hover { color: #9c3022; text-decoration: underline; }
		.itemsLinkText a:active { color: #5e4f4a; text-decoration: none; }
		
	.itemsDate { width: 100px; float: left; height: 14px; padding: 0; margin: 0; }
	
	.itemsDateText { font-size: 12px; color: #5e4f4a; }
	
	
/* Retailer Listing */
#RetailerListingConatiner { margin: 0 45px 35px 45px; width: 850px; padding: 10px 10px 10px 10px; background: none; }

#RetailerListingConatinerMid { margin: 0 45px 15px 45px; width: 850px; padding: 10px 10px 10px 10px; background: #e6e6e6; }

#RetailerListingDirecStatement { padding: 0 100px 15px 45px; width: 815px; }

.retialerListingTitle { font-size: 12px; font-weight: bold; }

.retialerListingStoreName { font-size: 14px; color: #9c3022; }

.retailerListingButton { background: #d9d9d9; float: right; width: auto; padding: 5px 5px 4px 5px; margin:0 0 0 10px; }

	/* Add/Edit Retailer */
	.addEditLeft { float: left; width: 360px; padding: 10px 0 20px 40px; }
	
	.addEditRight { float: right; width: 360px; padding: 10px 50px 20px 0; }
	
	.addEditFieldContainer { width: 355px; border-bottom: solid 1px #9c3022; padding: 8px 8px 7px 8px; margin: 0; float: left; }
	
	.addEditLable { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #9c3022; width: 150px; float: left; }

	.addEditInput { float: left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; border: solid 1px #b2b2b1; }
	
	.addEditButton { float: right; }


/* Footer */
#footer-container { width: 960px; height: auto; margin: 0px; padding: 10px 0 0 0; }

.copywrite { width: 400px; float: left; }

.footer-links { width: 560px; float: right; text-align: right; }	

.footer-text { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #c2c2c2; line-height: 16px; }

	.footer-text a:link { color: #c2c2c2; text-decoration:none; font-weight:bold; }

	.footer-text a:visited { color: #c2c2c2; text-decoration: none; font-weight:bold; }

	.footer-text a:hover { color: #9d3022; text-decoration: underline; }

	.footer-text a:active { color: #c2c2c2; text-decoration: none; }
	
	
.clearIt { clear: both; font-size: 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; }