/*
	RESETS & BASICS
*/
*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; 
									  background: url('../images/background-white-orng-h280.gif') top center repeat-x; }
.floatLeft, .floatleft				{ float: left; }
.floatRight, .floatright			{ float: right; }
.clear								{ clear: both; }
a									{ outline: none; }
a img, img							{ border: none; -ms-interpolation-mode: bicubic; }
ul									{ list-style: none; margin: 0; }
table								{ text-align: left; }
td									{ padding:30px;  vertical-align: top; }
td.leftline							{ padding:30px;  vertical-align: top; border-left: 1px solid #fc9b5b; }

#nav-main table						{ border: collapse-all; margin:0; padding:0; text-align: right; }
#nav-main td						{ vertical-align: top; }

td.tight							{ padding:4px; }
td.item								{ margin-bottom:15px; border-bottom: 1px solid #fc9b5b; }

table.grid							{ border: collapse-all; margin:0; padding:8px; text-align: left;}
td.swatch						{ padding:2px; text-align: center;}
.swatch-thumb img, a img						{ margin:2px; padding:2px; border: 1px; border-color:#666; }

/*
	UTILITY
*/
.button, .button:visited			{ background: url(/images/button-bg.png) top center repeat-x;
									  padding: 4px 6px 3px 6px; border: 1px solid green; cursor: pointer;
									  font-weight: bold; color: white; white-space: nowrap; }
.button:hover						{ background: white; color: black; }
hr.subdivider						{ border: 3px solid #f1f1f1; margin: 15px 0; }
.product-codes						{ display: none; color: white; }
.price								{ font-weight: bold; font-size: 18px; }
.highlight							{ background: #fff2b6; padding: 4px; }
.thumbnail 							{ border:1px dashed #CCCCCC; display:block; float:left; margin: 5px; padding: 3px;
									  width: 125px; text-align: center; font-size: 14px; text-decoration: none; }
.thumbnail img 						{ margin-bottom: 5px; }
.thumbnail:hover 					{ border: 1px dashed black; background-color: #fff2b6; text-decoration: none; color: black; }


/*
	TYPOGRAPHY
*/
a, a:visited						{ text-decoration: none; color: #11932f; }
a:hover								{ color: #00ec06; }
p									{ margin: 0 0 15px 0; }
h1, h2, h3, h4,						{ margin: 0; }
h1									{ font-size: 32px; line-height: 42px; letter-spacing: -1px; }
h2									{ font-size: 20px; line-height: 26px; }
h3									{ font-size: 28px; margin: 0 0 15px 0; line-height: 25px; }
h4									{ font-size: 12px; text-transform: uppercase; letter-spacing: 1px; 
									  color: #33CC00; font-weight: bold; line-height: 25px; }
h5									{ font: bold 12px; color:#999; }


#content h5.product-name						{ font: bold 20px; text-transform: uppercase; 
									  margin-bottom: 10px; }


#sub-nav h2								{  font-size: 32px; color: #fff; text-align: right;}


/*
	PAGE LAYOUT
*/
#page-wrap							{ width: 900px; margin: 0 auto; min-height: 100%; height: auto !important; 
									  height: 100%; position: relative; }



#header								{ width: 100%; margin: 0 auto; }
									
#nav-main								{ width: 250px; margin: 0; float:left;}


/*
	NavContainer
*/
#nav		 	                 	{ float: right; margin: 0 auto; display:inline; }

#navcontainer 	                 	{ display:inline;  float: right; }


#navcontainer ul					{ padding: 10px; color: White; font: 12px arial, helvetica, sans-serif; }
#navcontainer ul li 				{ display: inline; }
#navcontainer ul li a				{ padding: 0.5em 1em; color: White; text-decoration: none; border-right: 1px solid #fff; }
#navcontainer ul li a:hover			{ background-color: #33CC00; color: #fff; }

#sub-nav								{ width: 900px; clear:both;}

#content								{ width: 100%; margin: 0 auto; padding:50px; position: relative; }
#stage									{ width: 100%; margin: 20px auto 0; padding:0; position: relative; }

#product						{ width: 100%; padding: 40px; }
									
#home-button						{ position: absolute; left: 0px; bottom: 0px; height: 110px; width: 230px;
									  display: block; text-indent: -9999px; text-align: left; outline: none; }

#main-content						{ padding: 10px 0; }
#push								{ height: 276px; }
#product-right						{ width: 480px; float: right; }								  
.top-prod, .top-prod:visited 		{ width: 195px; display: block;
									  background: url(/images/topprod-bg.jpg) top center repeat-x #fff9d9;
									  padding: 10px; margin: 0 10px 10px 0; float: left; color: black;
									  font-size: 14px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;
									  -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.top-prod:hover 					{ background: #0d7e29; color: white; }
.top-prod img 						{ float: left; margin-right: 5px; padding: 3px; border: 1px dashed #ccc; }
.pro-series-title 					{ color: green; }

#product-select-option select       { width: 185px; }

/*
	FOOTER
*/
#footer								{ background: url('../images/background-footer-yellow.gif') top center repeat-x; color: white; font-size: 12px; clear: both; position: relative; min-height: 400px; height: auto !important; height: 400px;}
#footer-wrap						{ width: 900px; margin: 0 auto; padding: 15px 0; min-height: 100%; height: auto !important; height: 100%; position: relative; }
																		
																		


#footer a							{ color: #33CC00; }
#footer a:hover						{ color: #000; }
#footer ul							{ text-transform: uppercase; margin-top: 13px; font-size: 12px; }
#footer ul li						{ margin-bottom: 1px; line-height: 21px; }