@import "jquery.fancybox.css";
@import "redscroll.css";

/* Reset All Styles
-------------------------------------------------------------------- */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none; }

/* Structure
----------------------------------------------------*/

body {
	background: #ccc;
	font-size: 13px;
	font-family: Georgia;
  height: 100%;
}

#wrapper {
	width: 780px;
	margin: 0 auto;
	border: 1px solid #666;
	background-color:#fff;
}

a:link,
a:visited {
  color: #3D5C71;
  text-decoration: none;
}

a:hover {
  color: #430E11;
}

#sub_page_content_panel {
	float: left;
	width: 525px;
	margin: 40px 10px 10px 5px;
	overflow: hidden;
}

#sub_page_content_panel h3 {
	margin: 0;
}

#main.utility #sub_page_content_panel {
	width: auto;
}

#footer {
	width: 776px;
	padding: 1px;
	clear: both;
	border: 1px solid #c9c9c9;
}
/* Header
----------------------------------------------------*/

/* Logo */

#header h1 {
	position: relative;
}

#header h1 a {
	background: url(/images/logo.png) no-repeat;
	text-indent: -9999px;
	width: 170px;
	height: 147px;
	display: block;
	position: absolute;
	top: 4px;
	left: 30px;
	z-index: 9999;
}

#header h1.subpage a {
	background: url(/images/logo_sm.png) no-repeat;
	text-indent: -9999px;
	width: 123px;
	height: 110px;
	display: block;
	position: absolute;
	top: 4px;
	left: 30px;
}


/*
 * Main Nav
 * ---------------------------------------------------*/

div#tagline {
	background: #571415;
}

div#tagline ul {
	float: right;
	padding: 0 10px;
	margin: 8px 0;
}

div#tagline ul li {
	float: left;
	color: #fff;
	font-style: italic;
	font-size: 1.1em;
	margin-left: 14px;
	border-right: double 5px #bb3234;
	padding-right: 12px;
}

div#tagline ul li a:link,
div#tagline ul li a:visited {
	color: #fff;
	text-decoration: none;
}

div#tagline ul li a:hover {
	text-decoration: underline;
}

div#mainNav {
	clear: both;
	border-top: 20px solid #e71737;
}

div#mainNav ul {
	float: right;
	margin: 10px 10px;
}
 
div#mainNav ul li {
	float: left;
	margin-right: 10px;
	border-right: 1px solid #571415;
	padding: 1px 9px 1px 0;
}

div#mainNav ul li.last {
	padding-right: 0;
	margin-right: 0;
}

div#mainNav ul li a {
	color: #571415;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.05em;
}

/* Home page
-----------------------------------------------------------*/
/* Promo */

#hero span.address {
	display: block;
	position: absolute;
	top: 4px;
	right: 50px;
	color: #fff;
	font-size: 1.3em;
}

/* Easy Slider */

#hero {
	position: relative;
	width:768px;
	height:291px;
	margin: 0 auto;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
	
#slider, #slider li{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/ 
	width:768px;
	height:291px;
	overflow:hidden; 
}

span#prevHero a,
span#nextHero a {
	width: 20px;
	height: 32px;
	position: absolute;
	top: 140px;
	display: block;
	cursor: pointer;
}

span#prevHero a {
	left: 5px;
	background: url("/images/arrow_left.gif") no-repeat;
}
span#nextHero a {
	right: 5px;
	background: url("/images/arrow_right.gif") no-repeat;
}					

/* // Easy Slider */

div.hm_product_panel {
	width: 470px;
	margin-top: 10px;
	float: left;
}


div#hm_product_panel {
	border: 1px solid #ccc;
	width: 443px;
	padding: 10px 6px;
	margin-left: 6px;
}

div#hm_homebanner {
	background: #3b2e23 url("/images/bg_about_prowns.gif") right no-repeat;
	padding: 5px;
	margin-bottom: 30px;
}

div#hm_homebanner p {
	color: #fff;
	padding: 4px;
	width: 360px;
	font-size:0.9em;
}

/* Product Listings */

ul#hm_productListings {
	margin: 20px 0;
}

dl.hm_productDesc {
	clear: both;
	width: 430px;
	line-height: 1.4em;
	margin: 0 0 10px 8px;
}

dl.hm_productDesc dt,
dl.hm_productDesc dd.productDescription,
dl.hm_productDesc dd.productReadMore {
	width: 250px;
	float: right;
}

dl.hm_productDesc dt a:link, 
dl.hm_productDesc dt a:visited,
dl.hm_productDesc dt a:hover {
	color: #3d5c71;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}

dl.hm_productDesc dd.productImage {
	float: left;
	margin: 0 5px;
	clear: none;
}

dl.hm_productDesc dd.productImage img {
	border: 1px solid #969696;
	padding: 1px;	
}

dl.hm_productDesc dd.productDescription {
	clear: right;
	color: #000;
	font-size: 1em;
	margin: 7px 0;
}

dl.hm_productDesc dd.productReadMore {
	clear: right;
	background: url(/images/bar.gif) left bottom no-repeat;
	padding-bottom: 20px;
}

dl.hm_productDesc dd.productReadMore a {
	background: url(/images/read_more_lg.gif) no-repeat;
	display: block;
	padding-left: 35px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	color: #3d5c71;
	line-height: 1.25em;
}

dl.hm_productDesc dd.productReadMore a:hover {
	color: #430e11;
}

dl.hm_productDesc dt.productTitle a {
}

dl.hm_productDesc dt.productTitle a:hover {
	color: #430e11;
}

/* manufacturers */

ul#manufacturers {
	margin: 18px 0;
}

ul#manufacturers li {
	text-align: center;
	margin: 8px 0;
}

/* Side Panel : Home */

div#hm_secondary_panel {
	float: left;
	width: 300px;
	margin: 0 5px 0 2px;
}

div#hm_callout {
	width: 257px;
	padding: 10px 20px 40px;
	margin: 30px 0 10px;
	text-align: left;
	background: url("/images/bg_home_right.gif") top repeat-x;
	border-bottom: 1px solid #d3d3d3;
}

.hm_callout_top {
} 

.hm_callout_mid {	
}

.hm_callout_bot {
}


div#hm_callout h2 {
	background: none;
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: bold;
}

div#hm_callout h2 span {
	float: none;
	color: #11293e;
}


div#hm_callout li {
	color: #333;
	font-weight: bold;
	margin: 5px 0;
}

div#hm_callout a:link,
div#hm_callout a:visited {
	color: #31495e;
	text-decoration: none;
	margin-top: 20px;
	display: block;
	font-weight: bold;
}

div#hm_callout a:hover {
	text-decoration: underline;
}

div#hm_secondary_content {
	margin-left: -10px;
	width: 298px;
	padding-left: 15px;
	padding-top: 20px;
}

div#hm_secondary_content a {
	background: url(/images/read_more_sm.gif) no-repeat;
	padding-left: 34px;
	color: #3d5c71;
	line-height: 1.25em;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 25px;
	display: block;
}

div#hm_secondary_content a:hover {
	color: #430e11;
}

#hm_secondary_content ul {
	margin-bottom: 10px;
}

#hm_secondary_content li {
	list-style: disc;
	margin: 10px 0 10px 20px;
}

div#hm_secondary_content h3 {
	font-weight: bold;
	font-size: 1em;
	margin: 8px 0;
}

div#hm_secondary_content p {
	margin: 3px 0 5px;
	font-size: 0.98em;
	line-height: 1.4em;
}

img.whatsnew {
	padding: 3px;
	border: 1px solid #ccc;
	margin: 3px 10px 13px 3px;
}

/* Sub page
--------------------------------------------*/

#main {
	min-height: 100%;
}

div#sub_page_panel_shadow {
	width: 226px;
	margin-top: 30px;
	float: left;
	min-height: 100%;
}

div#sub_page_panel {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 203px;
	padding: 10px 6px;
}

/* Sub Nav */

div#sub_nav ul {
	border: 1px solid #373737;
	width: 192px;
	background: #430E11;
}

div#sub_nav ul li {
	border-bottom: 1px solid #89051E;
}

div#sub_nav ul li a,
div#sub_nav ul li a:link,
div#sub_nav ul li a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;	
	padding: 3px 5px;
	display: block;
}

div#sub_nav ul li.active a:link, 
div#sub_nav ul li.active a:visited,
div#sub_nav ul li.active a:hover {
	background: #d90b2b;
}

div#sub_nav ul li a:hover {
	background: #89051E;
}


div#sub_nav ul ul {
	border: 0;
	width: auto;
	background: #8e0d1e;
	display: none;
}

div#sub_nav ul li.active ul a:link,
div#sub_nav ul li.active ul a:visited {
	background: #8e0d1e;
	color: #fff;
}

div#sub_nav ul li.active ul a:hover {
	color: #ccc;
}

div#sub_nav ul li.active ul li.active a {
  color: #ccc;
}

div#sub_nav ul .active ul {
	display: block;
}



/* Quote Panel */

#sub_callout_testimonial blockquote {
	border: 1px solid #373737;
	width: 172px;
	background: #e71737;
	margin-top: 10px;
	padding: 10px;
}

q,
cite {
	display: block;
	color: #fff;
	font-size: 1.2em;
}

cite {
	font-size: 1em;
	margin-top: 6px;
	text-align: right;
}

/* Sub Page content */

#sub_page_content_panel p {
	margin: 10px 0;
	padding: 3px 0;
	line-height: 1.3em;
}

#sub_page_content_panel p a {
	color: #571415;
	text-decoration:underline;
}

#sub_page_content_panel p a:hover {
	text-decoration:none;
}

/* Flickr Gallery - History */

#historicalImages {
	float: right;
	margin: 10px 10px 60px;
	border: 2px solid #333;
	position: relative;
	width: 170px;
	height: 170px;
}

#historicalImages li {
	float: left;
	width: 170px;
	height: 170px;
	overflow: hidden;
	text-align: center;
}

#historicalImages li img {
}

#controls {
	position: absolute;
	top: 170px;
	right: -2px;
	border: 1px solid #000;
	height: 20px;
	width: 172px;
	background: #430e11;
}

span#prevBtn a,
span#nextBtn a {
	display: block;
	float: left;
	width: 76px;
	height: 16px;
	text-transform: uppercase;
	padding: 2px 5px;
	background: #430e11;
	text-align: center;
	text-decoration: none;
	color: #fff;
}		

span#prevBtn a:hover,
span#nextBtn a:hover {
	background: #89051e;
}

#historicalImages small {
  position: relative;
  top: 25px;
}

/* Meet our staff
---------------------------------------------*/

ul#staff {
	margin-top: 20px;
}

ul#staff li {
	clear: both;
}


ul#staff dt {
	float: right;
	font-size: 1.2em;
	font-weight: 600;
	margin-top: 10px;
	font-weight:bold;
}

ul#staff dt span {
	font-size: .8em;
	color: #430e11;
	padding-left: 4px;
	border-left: 1px solid #430e11;
}

ul#staff dt,
ul#staff dd.bio {
	width: 405px;
}

ul#staff dd.bio {
	float: right;
	line-height: 1.3em;
	font-size: 1em;
	margin-top: 3px;
}

ul#staff dd.img {
	clear: left;
	float: left;
	margin: 10px 5px 0 0;
}

/* Directions 
---------------------------------------------*/

#map_area {
	margin: 20px 0 20px 30px;
}

#map_panel {
	width: 354px;
	float: left;
	border: 2px solid #571415;
	margin-right: 5px;
}

#map_driving_panel {
	width: 300px;
	float: left;
	border: 2px solid #571415;
	height: 254px;
	color: #571415;
}

#map {
	width: 350px;
	height: 250px;
	padding: 1px;
	border: 1px solid #fff;
}

#main #map h2 {
	font-size: 1em;
	background: none;
	width: auto
}

#direction_form input.button {
	clear: both;
	margin: 10px auto;
	display: block;
}

#direction_form label {
	margin: 5px 0 3px 10px;
}

#direction_form input.form-field {
	clear: both;
	display: block;
	margin: 0 5px 10px 10px;
	width: 250px;
}

#main #map_driving_panel h3 {
	margin: 0 0 10px;
	font-size: 1.3em;
	color: #fff;
	background: #571415;
	padding: 10px;
}

#map_driving_panel p {
	font-size: 1.2em;
	padding: 10px;
}

#directions {
	clear: both;
	padding-left: 0px !important;
}

/* Contact Form
------------------------------------------------*/

#contact_panel {
	width: 410px;
	float: left;
	border: 2px solid #571415;
	color: #571415;
	margin: 5px 25px 20px 0;
}

#contact_side_panel {
	float: left;
	width: 270px;
}

#main #contact_panel h3 {
	margin: 0 0 10px;
	font-size: 1.3em;
	color: #fff;
	background: #571415;
	padding: 10px;
}

#contact_form input.button {
	margin: 10px auto;
	display: block;
}

#contact_form label {
	margin: 5px 0 3px 10px;
}

#contact_form input.form-field {
	clear: both;
	display: block;
	margin: 0 5px 10px 10px;
	width: 250px;
}

fieldset.interests,
fieldset.newsletter {
  margin: 20px 10px;
  border: 1px solid #ccc;
  padding: 10px;
  width: 340px;
}

fieldset.interests legend,
fieldset.newsletter legend {
  margin: 10px 0 8px;
}

#contact_form fieldset.interests label,
#contact_form fieldset.interests input,
#contact_form fieldset.interests legend,
#contact_form fieldset.newsletter label,
#contact_form fieldset.newsletter input,
#contact_form fieldset.newsletter legend {
  margin: 0;
  padding: 0;
  width: auto;
  
}

#contact_form fieldset.interests legend {
  display: block;
}

#contact_form fieldset.newsletter legend {
  display: block;
}

#contact_form textarea {
  display: block;
  clear: both;
  margin-left: 10px;
  width: 360px;
  height: 200px;
}



/* Service Area
------------------------------------------------*/

table#service_areas {
	background: #fff;
	border-spacing: 2px;
	border-collapse: separate;
}

table#service_areas th {
	background: #571415;
	padding: 3px;
	color: #fff;
}

table#service_areas th.divider,
table#service_areas td.divider {
	display: block;
	margin-right: 20px;
}

table#service_areas td {
	padding: 3px 5px;
	margin-right: 1px;
}

/* Products Area */

dl.manufacturer_listing {
	border: 1px dotted #ccc;
	padding: 5px;	
	margin: 15px 0;
}

dl.manufacturer_listing dt {
	font-size: 1.2em;
	margin: 5px 0;
	font-weight:bold;
}

dl.manufacturer_listing dd {
	line-height: 1.34em;
	margin: 5px 0;
}
/* Product Materials */

.material {
  border:1px solid #999999;
  padding:20px;
  margin-bottom: 10px;
}

.material .thumb {
  float: left;
  width: 93px;
  margin-right: 10px;
}

.material .details {
  float: left;
  width: 380px;
}

#sub_page_content_panel .material .details p {
  margin: 0 0 5px;
  padding: 0 0 5px
}

/* Product Type Overview  */

div.banner {
	border: 1px solid #a1a1a1;
	width: 521px;
	margin: 14px auto;
}

.productTypes {
	margin-top: 23px;
}

#main .productTypes h3,
#main .products h3 {
  color: #04121e;
  background: none;
  font-family: Georgia;
  font-weight: bold;
  font-size: .9em;
}


.productTypes ul {
	border: 1px solid #999;
	padding: 20px 0;
}

.productTypes ul li {
	float: left;
	margin: 0 5px;
	width: 100px;
	text-align: center;
  display: block;
}

.products .productListing li.odd {
  clear: left;
}

.products .productListing li.even {
}

/* Window Exterior shutters Category Landing Page */
.cat_1 .productTypes ul li,
.cat_3 .productTypes ul li {
  height: 160px;
  width: auto;
  padding: 0 5px;
  overflow: hidden;
}

/* Products listing */

.products p img {
	float: left;
	margin: 5px 10px 5px 0;
}

.products ul.productNav {
	margin-bottom: 20px;
}

.products ul.productNav li {
	margin: 3px 0;
	width: auto;
	height: auto;
	text-align: left;
  display: inline;
}

.products ul.productNav li a:link,
.products ul.productNav li a:visited {
  border-right: 1px solid #8a9096;
  padding-right: 4px;
  color: #04121e;
  font-size: .8em;
  text-transform: uppercase;
}

.products ul.productNav li.last a {
  border: 0;
  padding-right: 0;
}

.listing .products ul.productNav li#listing a:link,
.listing .products ul.productNav li#listing a:visited,
.colors .products ul.productNav li#colors a:link,
.colors .products ul.productNav li#colors a:visited,
.glass .products ul.productNav li#glass a:link,
.glass .products ul.productNav li#glass a:visited,
.hardware .products ul.productNav li#hardware a:link,
.hardware .products ul.productNav li#hardware a:visited,
.features .products ul.productNav li#features a:link,
.features .products ul.productNav li#features a:visited,
.sidelites .products ul.productNav li#sidelites a:link,
.sidelites .products ul.productNav li#sidelites a:visited,
.transoms .products ul.productNav li#transoms a:link,
.transoms .products ul.productNav li#transoms a:visited,
.grids .products ul.productNav li#grids a:link,
.grids .products ul.productNav li#grids a:visited,
.materials .products ul.productNav li#materials a:link,
.materials .products ul.productNav li#materials a:visited,
.construction .products ul.productNav li#construction a:link,
.construction .products ul.productNav li#construction a:visited {
  color: #8e0d1e;
}

.products ul.productListing {
  border: 1px solid #999;
  padding: 20px 5px;
  width: 510px;
  overflow: hidden;
}

.products .productListing li {
  float: left;
  margin: 0 5px 15px;
  width: 240px;
  text-align: left;
  min-height: 100px;
  height: auto !important;
  height: 100px;
  display: inline-block;
}

.products .productListing li.odd {
  
}

.products .productListing li.even {
  
}


.products .productListing li .thumbs,
.products .productListing li .productDetails {
  margin: 0;
  padding: 0;
  float: left;
}

.products .productListing li .thumbs {
	margin-right: 10px;
  text-align: center;
}

.products .productListing li .thumbs .reflect {
  margin: 0 auto;
  text-align: center;
}

.products .productListing li .productDetails {
  width: 140px;
}

#main .products .productListing li h3 {
	background: none;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
}

#main .products .productListing li h4 {
  text-align: left;
  margin: 0;
  font-size: .8em;
}

#main .products .productListing li p {
  margin: 0;
  padding: 0;
  font-size: .8em;
}


#sub_page_content_panel .productTypes ul li p {
	padding: 0;
	margin: 0;
	line-height: normal;
}

/* Pagination */

#pagination {
	clear: both;
  position: relative;
  z-index: 9999;
  margin: 20px 0;
}

#pagination .resultsLabel {
  background: #b8ccd8;
  padding: 3px;
  color: #333;
  width:514px;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid #ccc;
}

#pagination ul {
  margin-top: 10px;
}

#pagination li {
	display: inline;
	margin-right: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  background: #b8ccd8;
}

#pagination li a:link,
#pagination li a:visited {
  color: #333;
}

/* Catalog */

ul.catalogNav {
  background: url("/images/bg_catalog.gif") repeat-x;
  height: 30px;
  border-top: 2px solid #999;
}

ul.catalogNav li a:link,
ul.catalogNav li a:visited {
  background: url("/images/icon_catalog.gif") no-repeat left;
  padding-left: 17px;
  font-size: .9em;
  text-transform: uppercase;
  display: block;
  height: 18px;
  line-height: 1.8em;
  float: right;
  margin: 3px 10px;
  color: #333;
}

/* Colors */

#main .products h4 {
	margin: 0;
	font-size: .8em;
}

ul.colors {
	margin: 0 0 10px;
	clear: both;
}

ul.colorSet {
  border:1px solid #999999;
  margin-bottom:10px;
  padding:10px;
}

ul.colors li,
ul.shutterColors li,
ul.tableColors li,
ul.patioColors li {
	width: 118px !important;
  height: 43px !important;
  min-height: 0;
  text-align: left;
  margin: 1px 3px 26px 0;
  float: left;
  border: 1px solid #ccc;
  font-size: 9px;
  position: relative;
  display: block;
}

ul.colors li span,
ul.shutterColors li span,
ul.tableColors li span,
ul.patioColors li span {
  position: absolute;
  bottom: -26px;
  left: 0px;
  display: block;
  text-align: left;
  width: 118px;
  height: 23px;
}

ul.tableColors {
  margin-bottom: 36px;
}

ul.inlineImg li {
  width: 75px !important;
  height: 75px !important;
  text-indent: 0;
  border: none;
  margin-right: 5px;
  position: relative;
  text-align: center;
}

ul.inlineImg li span {
  bottom: -26px;
  width: 75px !important;
  text-align: center;
}

ul.ideal li.linen {background: url("/images/products/windows/colors/ideal_linen.jpg") no-repeat;}
ul.ideal li.almond {background: url("/images/products/windows/colors/ideal_almond.jpg") no-repeat;}
ul.ideal li.brownwhite {background: url("/images/products/windows/colors/ideal_saharawhite.jpg") no-repeat;}
ul.ideal li.mediumwhite {background: url("/images/products/windows/colors/ideal_dkoak.gif") no-repeat;}
ul.ideal li.lightwhite {background: url("/images/products/windows/colors/ideal_ltoak.gif") no-repeat;}
ul.ideal li.white {background: url("/images/products/windows/colors/ideal_white.jpg") no-repeat;}

ul.encore li.colonialwhite {background: #e9e8e4;}
ul.encore li.beige {background: #c3c1aa;}
ul.encore li.lightoak {background: url("/images/products/windows/colors/encore_lightoak.jpg");}
ul.encore li.mediumoak {background: url("/images/products/windows/colors/encore_mediumoak.jpg");}
ul.encore li.cherry {background: url("/images/products/windows/colors/encore_cherry.jpg");}

ul.encore li.bronze {background: #2a2311;}
ul.encore li.clay {background: #c0bea9;}
ul.encore li.evergreen {background: #194d26;}
ul.encore li.beige {background: #c4bfa9;}

ul.pella li.pine {background: url("/images/products/windows/colors/pella_pine.jpg");}


li.snow {background: #f5f5f6;}
li.white {background: #fff;}
li.almond {background: #F1ECC7;}
li.cafe {background: #f4f1e7;}
li.chateau {background: #ead8bb;}
li.beige {background: #dcd5c0;}
li.sandstone {background: #b5b1a3;}
li.sterling_gray {background: #c7c0c0;}
li.clay {background: #857d6d;}
li.geneva_blue {background: #7e96a6;}
li.forest_green {background: #2c6152;}
li.mount_berry {background: #883528;}
li.bronze {background: #58595b;}
li.brown {background: #674634;}
li.coal_black {background: #231f20;}
li.black {background: #000;}
li.earthtone_brown {background: #352C1E;}
li.primrose_yellow {background: #fbf5e3;}
li.enzian_blue {background: #4c6676;}
li.vallis_red {background: #bf2131;}
li.hunter_green {background: #243B30;}
li.cranberry {background: #39001C;}

li.toffee {background: url("/images/products/doors/colors/toffee.jpg")}
li.american_cherry {background: url("/images/products/doors/colors/american_cherry.jpg")}
li.chestnut {background: url("/images/products/doors/colors/chestnut.jpg")}
li.cinnamon {background: url("/images/products/doors/colors/cinnamon.jpg")}
li.nutmeg {background: url("/images/products/doors/colors/nutmeg.jpg")}
li.hazelnut {background: url("/images/products/doors/colors/hazelnut.jpg")}
li.coffee_bean {background: url("/images/products/doors/colors/coffee_bean.jpg")}

li.nat_oak {background: url("/images/products/doors/colors/nat_oak.jpg")}
li.lt_oak {background: url("/images/products/doors/colors/light_oak.jpg")}
li.oak {background: url("/images/products/doors/colors/oak.jpg")}
li.dk_oak {background: url("/images/products/doors/colors/dark_oak.jpg")}
li.walnut {background: url("/images/products/doors/colors/walnut.jpg")}
li.cherry {background: url("/images/products/doors/colors/cherry.jpg")}
li.dk_mahogany {background: url("/images/products/doors/colors/dk_mahogany.jpg")}


.shutterColors li.white {background: #f1eff0}
.shutterColors li.black {background: #131210}
.shutterColors li.wedgewoodblue {background: #5c777e}
.shutterColors li.clay {background: #9f958c}
.shutterColors li.federalbrown {background: #59423c}
.shutterColors li.musketbrown {background: #454140}
.shutterColors li.tuxedogrey {background: #585453}
.shutterColors li.wicker {background: #c4b39F}
.shutterColors li.burgundyred {background: #7f443c}
.shutterColors li.forestgreen {background: #3e5c50}
.shutterColors li.classicblue {background: #314c5d}
.shutterColors li.wineberry {background: #6c3437}
.shutterColors li.brightwhite {background: #f5f5f5}
.shutterColors li.midnightgreen {background: #2B453A}
.shutterColors li.midnightblue {background: #1e3e49}
.shutterColors li.bordeaux {background: #603638}
.shutterColors li.colonialgreen {background: #6d7156}
.shutterColors li.moss {background: #4e5a42}
.shutterColors li.sage {background: #a5a897}
.shutterColors li.plum {background: #3d3540}

ul.patioColors li.tru1 {background: url(/images/products/doors/colors/trueview_1.jpg)}
ul.patioColors li.tru2 {background: url(/images/products/doors/colors/trueview_2.jpg)}
ul.patioColors li.tru3 {background: url(/images/products/doors/colors/trueview_3.jpg)}
ul.patioColors li.tru4 {background: url(/images/products/doors/colors/trueview_4.jpg)}
ul.patioColors li.tru5 {background: url(/images/products/doors/colors/trueview_5.jpg)}
ul.patioColors li.tru6 {background: url(/images/products/doors/colors/trueview_6.jpg)}

ul.tableColors li.capitol {background: url(/images/products/covers/colors/Capitol.jpg)}
ul.tableColors li.colonial {background: url(/images/products/covers/colors/Colonial.jpg)}
ul.tableColors li.consti {background: url(/images/products/covers/colors/Consti.jpg)}
ul.tableColors li.franklin {background: url(/images/products/covers/colors/Franklin.jpg)}
ul.tableColors li.jeffer {background: url(/images/products/covers/colors/Jeffer.jpg)}
ul.tableColors li.montic {background: url(/images/products/covers/colors/Montic.jpg)}
ul.tableColors li.mtvernon {background: url(/images/products/covers/colors/MtVernon.jpg)}
ul.tableColors li.patriot {background: url(/images/products/covers/colors/Patriot.jpg)}
ul.tableColors li.potomac {background: url(/images/products/covers/colors/Potomac.jpg)}
ul.tableColors li.washington {background: url(/images/products/covers/colors/Washington.jpg)}
ul.tableColors li.chestn {background: url(/images/products/covers/colors/Chestn.jpg)}
ul.tableColors li.cinnamon {background: url(/images/products/covers/colors/cinnamon.jpg)}
ul.tableColors li.cranberry {background: url(/images/products/covers/colors/Cranberry.jpg)}
ul.tableColors li.glacier {background: url(/images/products/covers/colors/glacier.jpg)}
ul.tableColors li.saddle {background: url(/images/products/covers/colors/saddle.jpg)}
ul.tableColors li.sand {background: url(/images/products/covers/colors/Sand.jpg)}
ul.tableColors li.black {background: url(/images/products/covers/colors/Black.jpg)}
ul.tableColors li.ivory {background: url(/images/products/covers/colors/Ivory.jpg)}
ul.tableColors li.whitenw {background: url(/images/products/covers/colors/whitenw.jpg)}
ul.tableColors li.black {background: url(/images/products/covers/colors/Black.jpg)}
ul.tableColors li.brown {background: url(/images/products/covers/colors/Ivory.jpg)}
ul.tableColors li.burga {background: url(/images/products/covers/colors/Burga.jpg)}
ul.tableColors li.green {background: url(/images/products/covers/colors/Green.jpg)}
ul.tableColors li.tan {background: url(/images/products/covers/colors/Tan.jpg)}

/* Features and options */

ul.featureSet,
ul.optionSet {
  border:1px solid #999999;
  margin-bottom:10px;
  padding:20px;
}

ul.featureSet li,
ul.optionSet li {
  list-style: disc;
  margin: 5px 0 5px 10px; 
}

ul.energy {
  background: url("/images/products/windows/features/energystar.gif") no-repeat 440px 16px;
}

ul.design {
  background: url("/images/products/windows/features/feature_open.jpg") no-repeat 410px 16px;
}

/* Patio and table pad Colors */

.products ul.patioColors {
  border: 1px solid #999;
  padding: 20px 5px 30px;
  margin-bottom: 20px;
}

/* Glass */

.glassContainer {
  border: 1px solid #999;
  padding:20px;
}

.glassContainer li {
display:block;
float:left;
margin-right:20px;
width:93px;
}

/* Grids */

.products .grids {
  border: 1px solid #999;
  padding:20px;
  background: #f3f6ef;
  margin-bottom: 10px;
}

.products .grids.white {
  background: #fff;
}

.products .grids .gridGroup {
  margin-bottom: 20px;
}

#main .products .grids h4 {
  font-size: .8em;
}

/* Hardware */

.patioHardware a {
  float: left;
  margin-right: 10px;
}

.products .hardware,
.products .showerGlass,
.products .colors {
  border: 1px solid #999;
  padding:10px 4px 20px;
  margin-bottom: 20px;
}

.colorSet .colors,
.colorGroup .colors {
  border: 0 !important;
  padding: 0 !important;
}

.hardwareGroup ul {
  margin: 10px 0 20px;
}

.hardwareGroup li,
.constructionGroup li,
.showerGlass li {
  float: left;
  margin: 0 3px;
  width: 102px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
  text-align: center;
}

.constructionGroup li,
.glassGroup li {
  width: 115px;
  min-height: 200px;
  height: auto !important;
  height: 200px;
  text-align: left;
  font-size: .9em;
   margin: 0 5px;
}

.constructionGroup li h5,
.glassGroup li h5 {
  font-size: .9em;
}

.hardwareGroup ul.proviaStorm li {
  width: auto;
  margin-right: 20px;
  margin-bottom: 20px;
   min-height: 115px;
  height: auto !important;
  height: 115px;
}

.hardwareGroup li h5 {
  font-size: .8em;
  clear: both;
  display: block;
  margin-top: 2px;
}

/* Storm Hardware */

.products .hardware .hardwareGroup a {
  float: none;
}

.products .hardware li {
  margin-bottom: 20px;
}

.products .hardware li a {
  margin-right: 10px;
}

/* Patio Hardware */

.products .hardware li.patio_hardware_1 {
  background: url("/images/products/doors/hardware/patio_hardware1.jpg") no-repeat;
}

.products .hardware li.patio_hardware_2 {
  background: url("/images/products/doors/hardware/patio_hardware2.jpg") 20px 0 no-repeat;
  height: 144px;
}

.products .hardware li.patio_hardware_3 {
  background: url("/images/products/doors/hardware/patio_hardware3.jpg") 20px 0 no-repeat;
  height: 144px;
}

.products .hardware li.patio_hardware_4 {
  background: url("/images/products/doors/hardware/patio_hardware4.jpg") no-repeat;
}

.products .hardware li.patio_hardware_5 {
  background: url("/images/products/doors/hardware/patio_hardware5.jpg") no-repeat;
}

/* Storm Features */

.features li.storm_features_1 {
	background: url("/images/products/doors/features/storm_features1.gif") no-repeat;	
}

.features li.storm_features_2 {
	background: url("/images/products/doors/features/storm_features2.gif") no-repeat;	
}

.features li.storm_features_3 {
	background: url("/images/products/doors/features/storm_features3.gif") no-repeat;	
}

.features li.storm_features_4 {
	background: url("/images/products/doors/features/storm_features4.gif") no-repeat;
}

.features li.storm_features_5 {
	background: url("/images/products/doors/features/storm_features5.gif") no-repeat;
}

/* Sidelites */

.sidelitesContainer {
  border: 1px solid #999;
  padding:20px;
}

.sidelitesContainer li {
display:block;
float:left;
margin-right:20px;
width:93px;
}

/* Transoms */

.transomContainer {
	border: 1px solid #999;
  padding:20px;
}  

.transomContainer li {
  display:block;
  float:left;
  margin-right:20px;
  width:93px;
}		
	
/* Photo Gallery */

div#photoGalleryContainerTop {
	background: url("/images/imageViewer/bg_productViewer_top.gif") no-repeat top right #424242;
	height: 7px;
	width: 532px;
	overflow: hidden;	
}

div#photoGalleryContainerBot {
	background: url("/images/imageViewer/bg_productViewer_bot.gif") no-repeat top right;
	height: 6px;
	width: 532px;
	overflow: hidden;	
}
div#photoGalleryContainer {
	width: 532px;	
	background: url("/images/imageViewer/bg_productViewer_mid.gif") repeat-y right #424242;
	margin: 0;
	overflow: hidden;
}

ul#galleryList {
	list-style: none;
	width: 490px;
	padding: 30px 10px 10px;
	background: url("/images/deco_dk.gif") no-repeat top;
	margin: 0 auto;
}

ul#galleryList li {
	padding: 0;
	margin: 10px;
	list-style: none;
	float: left;
}

ul#galleryList li img {
	border: 1px solid #c5c7c6;
	width: 99px;
	height: 97px;
}

ul#galleryList li a:hover img {
	border: 1px solid #fff;
}

/* FAQ */

#faq_callout {
	text-align: right;
}

#faq_block {
	padding-top: 5px;
}

#faq_block a {
	color: #571415;
	text-decoration:underline;
}

#faq_block a:hover {
	text-decoration:none;
}

#faq_block ul {
	margin-bottom: 25px;
}

#faq_block ul li {
	list-style: none;
	margin: 8px 0 8px 15px;
	color: #3d5c71;
}

dl.faqs {
	margin-bottom: 10px;
	margin-top:25px;
}

dl.faqs dt {
	margin: 12px 0 0px;
	font-weight:bold;
}

dl.faqs dd {
	margin: 0px 0 20px 0;
}

/* Testimonials */

.testimonials {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.testimonial {
	width: 200px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color:#efefef;
}

.testimonials .odd {
	float: left;
	margin: 10px 10px 10px 0;
}

.testimonials .even {
	float: right;
	margin: 10px 0 10px 10px;
}

.testimonial blockquote {
}

.testimonial q,
.testimonial cite {
	color: #430E11;
}

.testimonial q {
	font-size: 1.3em;
}

.testimonial cite {
	text-align: right;
	font-size: 1em;
	margin-top: 8px;
}

/* Footer
--------------------------------------------*/

#footer {
  
}

#footer p {
	text-align:center;
	padding: 3px;
}

#footer .paymentOptions {
  padding: 5px 0;
  color: #fff;
  background: #333;
  margin-top: 10px;
}

#footer .paymentOptions img {
  vertical-align: middle;
  margin-right: 10px;
}

#footer p.copyright {
  text-align: center;
  font-size: .8em;
  margin-top: 5px;
}

/* General */

.last {
	border: none !important;
}

.clear {
	clear: both;
}

/* Headers */

#main h2 {
	background: url("/images/bg_underline.gif") repeat-x bottom;
	padding: 0 5px 7px;
	font-size: 1.42em;
	color: #333;
	clear: both;
	text-transform: uppercase;
}

#main.sub h2,
#main.utility h2 {
	background: url("/images/bg_underline_large.gif") repeat-x bottom left;
}

#main.sub #openLetter h2 {
	width: 98%;
}
	

#main h2 span {
	float: left;
}

#main h2 a {
	font-size: 0.55em;
	color: #666;
	text-decoration: none;
	float: right;
	position: relative;
	top: 8px;
}

#main h3 {
	font-size: 0.98em;
	background: #333;
	color: #fff;
	padding: 5px;
}

#main h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0;
	color: #430e11;
}

dl.manufacturer_listing dt {
	font-size: 0.98em;
	background: #333;
	color: #fff;
	padding: 5px;
}
input.button {
	background: #571415;
	color: #fff;
	padding: 1px;
	border: none;
	border: 1px solid #333;
}

strong {
	font-weight: bold;
}

div.shadow_box_right {
	background: url("/images/shadow_right.gif") repeat-y top right #fff;
}

img.contact_us {
	padding: 3px;
	border: 1px solid #ccc;
	margin: 3px 0;
}

img.about {
	padding: 3px;
	border: 1px solid #ccc;
	margin: 3px 10px 13px 3px;
}


table#showroomHours {
	float: left;
	margin: 15px 0 15px 5px;
	border: 1px solid #ccc;
	color: #571415;
	width: 240px;
}

table#showroomHours caption {
	text-align: center;
	margin-left: 29px;
	margin-bottom: 2px;
}

table#showroomHours th {
	border-bottom: 1px solid #571415;
	text-align: center;
}

table#showroomHours td {
	margin: 7px;
	padding: 2px 5px;
}

blockquote.addr {
	margin-left: 10px;	
	line-height: 1.2em;
	font-size: 1.21em;
	padding-top: 5px;
	float: left;
}

blockquote.addr a {
	color: #3d5c71;
	font-weight: bold;
}

dl.manufacturer_listing img {
	width: 100px;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 1px;
}

ul#manufacturers img {
	
}

/* Coupons */

.coupons {
	padding: 0 10px 0 10px;
	font-size: 1em;
	color: #000;
	background-color: #eee;
	border: 2px dashed #571415;
	width:450px;
	margin: 5px 0 15px 10px;	
}

.heading_coupon {
	font-size: 1.5em;
	font-weight: bold;
	color: #571415;
}

.title_coupon {
	font-size: 1.5em;
	font-weight: bold;
}

/* Community */

.community ul {
	margin: 20px 0;
}

.community dl {
	margin: 10px 0 20px;
}

.community ul li {
	list-style: square;
	margin: 5px 0 5px 15px;
}

.community dl dt {
	font-weight: bold;
	margin: 10px 0 3px;
}

/* Open Letter */

#openLetter {
	background: #fff;
	border: solid #000;
	border-width: 1px 3px 3px 1px;
	width: 500px;
	margin: 30px auto 30px;
	overflow: hidden;
	padding: 20px;
}

#openLetter p {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.1em;	
	margin: 10px 0 10px 2px;
}

#openLetter .author {
	font-style: italic;
	font-family: "Brush Script MT", cursive;
	font-size: 1.8em;
}

div.proceed {
	margin-bottom: 30px;
}

div.proceed a:link,
div.proceed a:visited {
	text-decoration: none;
	background:transparent url(/images/read_more_lg.gif) no-repeat scroll 0 0;
	color:#3D5C71;
	display:block;
	font-size:1em;
	font-weight:bold;
	line-height:1.25em;
	padding-left:35px;
	text-decoration:none;
	margin: 0 auto;
	width: 180px;
}

div.proceed a:hover {
	text-decoration: underline;
}

/* Survey */



#surveyMeasureUp li {
	margin: 10px 10px 20px;
}

#surveyMeasureUp li ul li {
	margin: 5px 0;
}

#surveyMeasureUp label {
	margin: 0 5px;
}

#surveyMeasureUp select {
	margin: 0 5px;
}

#surveyMeasureUp h3 {
	margin-bottom: 5px;
	font-size: 1em;
}

#surveyMeasureUp h3 label {
	margin: 0;
}

#surveyMeasureUp li div {
	margin: 10px 0;
}

#topReasonsList,
#topThreeReasons {
	float: left;
	margin-top: 20px;
}

#topThreeReasons {
	margin-left: 10px;
}

#topReasonsList {
	width: 200px;
	margin-left: 20px;
}

#topReasonsList li {
	background: url("/images/drag_handle.gif") no-repeat;
	padding-left: 20px;
	margin-left: 5px;
	cursor: pointer;
	display: block;
}



#topThreeReasons li {
	width: 200px;
	height: 10px;
	padding: 10px;
	background: #efefef;
	border: 1px solid #ddd;
	list-style: decimal inside;
	display: list-item;
}

#topThreeReasons li.active {
	background: #f7f6c2;
}


#surveyMeasureUp textarea {
	width: 600px;
	height: 100px;
}

#surveyMeasureUp ul.indent {
	margin-left: 15px;
}

#surveyMeasureUp ul.indent legend {
	margin-bottom: 5px;
}

#surveyMeasureUp ul.indent li {
	margin: 20px 0;
}

/* Error */

.error li {
	color: #ff0000;
	font-size: 1.25em;
	margin: 3px 0 3px 10px !important;
	list-style: disc inside;
}

/* Admin
---------------------------------------------------------- */

.productAdmin #sub_page_content_panel h3 {
  margin: 3px 0 5px;
}

/* Overview Table */
.productAdmin #sub_page_content_panel table {
  width: 80%;
  border-collapse: separate;
  border-spacing: 1px;
}

.productAdmin #sub_page_content_panel table th {
  background: #000;
  color: #fff;
  padding: 2px 5px;
  margin: 1px;
}

.productAdmin #sub_page_content_panel table td.title {
  width: 240px;
}

.productAdmin #sub_page_content_panel table th.type,
.productAdmin #sub_page_content_panel table td.type,
.productAdmin #sub_page_content_panel table th.del,
.productAdmin #sub_page_content_panel table td.del {
  text-align: center;
}

.productAdmin #sub_page_content_panel table td a:link,
.productAdmin #sub_page_content_panel table td a:visited {
  padding: 2px 5px;
  display: block;
}

.productAdmin #sub_page_content_panel table td a:hover {
  background: #333 !important;
  color: #fff;
}

.productAdmin #sub_page_content_panel table tr.odd td,
.productAdmin #sub_page_content_panel table tr.odd td a:link,
.productAdmin #sub_page_content_panel table tr.odd td a:visited {
  background: #ccc;
}

.productAdmin #sub_page_content_panel table tr.even td,
.productAdmin #sub_page_content_panel table tr.even td a:link,
.productAdmin #sub_page_content_panel table tr.even td a:visited {
  background: #ddd;
}

.productAdmin #sub_page_content_panel a.add,
.productAdmin #sub_page_content_panel a.backTo {
  margin: 5px 0;
  display: block;
}

.productAdmin #sub_page_content_panel ul {
  margin-bottom: 20px;
}

.productAdmin #sub_page_content_panel li {
  margin: 5px 0;
}

.productAdmin li label {
  display: block;
  margin-bottom: 3px;
}

.productAdmin textarea {
  width: 80%;
  height: 60px;
}

.productAdmin h2 span {
  float: right !important;
}

.productAdmin h2 span a {
  float: none !important;
}

/* Self Clearing Floats
----------------------------------------------------- */
div#tagline:after,
div#tagline ul:after,
div#mainNav:after,
div#mainNav ul:after,
#main:after,
dl.hm_productDesc:after,
.sub:after,
div#photoGallery ul:after,
div#photoGalleryContainer:after,
#main h2:after,
ul#galleryList:after,
.testimonials:after,
#controls:after,
.productTypes ul:after,
.products ul.productNav:after,
ul.colors:after,
.products p:after,
ul.hardware:after,
ul.grids:after,
.products ul.productListing:after,
.material:after,
.glassContainer:after,
.sidelitesContainer:after,
.transomContainer:after,
.hardwareGroup ul:after,
.glassGroup ul:after,
.products ul.patioColors:after,
ul.tableColors:after,
ul.patioHardware li:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}