/* This Style Sheet is organized to hold all styles for print */
/* The styles in this style sheet have been tested to work on IE7, FireFox2, and Safari3 */
/* The divs in this style sheet have exact dimensions and placement and should not be adjusted. */
/* Ideally no one should need to edit this style sheet. */
/* Author: Alex Melo, alex.melo@springswindowfashions.com */
 
* {margin:0;padding:0;font-family:arial, sans-serif;font-size:11px;}
body {font-family:arial, sans-serif;font-size:11px;}

h1 {font-size: 16px;font-weight:bold;margin-bottom:20px;}
h2.productTitle {color:#4e6517;font-size:16px;text-transform:uppercase;margin-bottom:10px;}
h3.productStyle {font-size:14px;background-color:#c8d5a6;padding:5px 10px 5px 10px;margin-bottom:10px;text-decoration:underline;}
h4 {font-size:12px;color:#4e6517;margin-bottom:10px;}
h4.sectionTitle {font-size:12px;margin-top: 15px;margin-bottom:5px;}
h5 {font-size:11px;font-weight: bold;padding-left:5px;margin-top:15px;margin-bottom:3px;color:#4e6517;}

a:link, a:visited {color:#4e6517;}/* Color is gray */
a:hover, a:active {color:#3d4626;}
#topHeader a.greenLink:link, #topHeader a.greenLink:visited {color:#168f34;} /*This Green is for the Green by Nature Link */
#topHeader a.greenLink:hover, #topHeader a.greenLink:active {color:#4e6517;} /*This Green is for the Green by Nature Link */

#wrapper{width:960px;min-height:0;}

/* Keep left and right padding set to zero to prevent*/
/* the bottom border expanding out */
#topHeader {width:960px;padding:5px 0px 5px 0px;border-bottom:solid 5px #000000;}
#topHeader img {margin-left:10px;}
.headNav {position:relative;left:280px;text-align:right;font-size:10px;}

/* This div contains the sideNav and the Content. The background image will be used
	When the content gets longer than sideNav. It will help appear as though it was 
	the same height	 */	
#main {float:left;width: 960px;min-height:0px;background-color: #FFFFFF;}

/*  This is the left side bar. It includes the navigation styles that are in this 
	column. The sideNav container will be 178px wide and be an olive green color. */	
#sideNav{display:none;}



/*  This is the content area. There will be a two divs for the page content. One for only the homepage,
	and the other for the rest of the pages. The main difference between the content from the homepage 
	and other pages is the 	background image and the left margin setting. */	
/* Margin-Left is needed to create the space gap between the side navigation*/	
/* and the content container. Please do not change this setting! */
#content{width:920px;min-height:1%;float:left;padding-top:10px;padding-bottom:15px;padding-left:0px;margin-left:20px;}
#content p {margin-bottom:8px;}

#homecontent{background:url(../images/home_bkgrd_roller_shade.jpg) no-repeat left top;width:782px;height:auto;float:right;padding-top:10px;padding-bottom:15px;padding-left:0px;}
#homecontent h1, #homecontent p{padding-left:20px;padding-right:5px;}

span.breadcrumbs {display:block;padding-left:0px;margin-bottom:20px;font-size:10px;}

/* This is a container that is only used on the Homepage */
#module {float:left;background-color:#FFFFFF;width:742px;font-size:11px;margin-top:114px;margin-left:20px;padding:10px 0px 13px 0px;}


/* The rest of these div classes are used for the product detail pages. They all have specific width. */
/* Adjusting the width on any of these classes will more than likely break the layout of the pages! */
/* Please DO NOT change these settings! */
div.productInfo {float:left;width:620px;min-height:1%;margin:10px 0 10px 0px;}
div.productInfo img {float:left;margin:0 20px 0 0;}

div.productFeatures {float:left;margin-right:0px;width:200px;}
div.productFeatures ul {list-style:outside disc;margin-left:20px;}

div.productDocs {float:right;padding-bottom:25px;padding-left:5px;border-left:solid 1px #c8d5a6;width:202px;}
div.productDocs  ul {list-style:none;}

div.resources {background-color:#ecf0e0;float:right;border:solid 1px #c8d5a6;margin:10px 0 10px 0;padding:5px 5px 15px 5px;width:190px;}
.resources ul {list-style:none;}
.filesize {font-size:10px;}

ul.noBullet {list-style:none;margin-left:10px;}
ul.indent {margin-left:20px;}

.chart {border-collapse:collapse; border:solid 2px #000000;}
.chart th {font-size:11px;background-color: #c8d5a6;border:solid 2px #000000;border-bottom:solid 1px #000000;padding:2px;}
.chart td {font-size:10px;padding:2px;text-align:center;border-left:solid 1px #000000;border-bottom:solid 1px #000000;}
.chart ul {list-style: outside disc;margin-left:20px;text-align:left;}

.hardware {border-collapse:collapse;}
.hardware th {font-size:11px;background-color: #c8d5a6;border:solid 1px #000000;padding:2px;}
.hardware td {font-size:10px;padding:2px;text-align:center;border-left:solid 1px #000000;border-bottom:solid 1px #000000;}
.hardware ul {list-style: outside disc;margin-left:20px;text-align:left;}

td.dashline {border-bottom:dashed 1px #000000;}
td.solidline {border-left:solid 1px #000000;}
td.boldline {border-left:solid 2px #000000;}
td.bolddash {border-left:solid 2px #000000;border-bottom:dashed 1px #000000;}
td.noSideBorder {border-left:none;}
td.noBorder {border:none;}



/* **** FOOTER CONTAINER ***** */
#footer {clear:both;width:960px;font-size:10px;text-align:center;padding-top:10px;border-top:solid 2px #000000;}
#windowImg {display:none;}