@import url("./960grid/reset.css");
@import url("./960grid/text.css");
@import url("./960grid/960.css");

/* PluroTech/WebToMed style.css */

/* Containers */
html {
	overflow:scroll-y; overflow-y: scroll !important;
}

body {
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #636363;
}


#container-outer-top {
	background:url(../../assets/images/body-bg.jpg) repeat-x top left;
}


#container-outer-bottom {
	background:url(../../assets/images/body-bottom-bg.gif) repeat-x bottom left;
}

#container-inner-top {
	background:url(../../assets/images/header-bg.jpg) no-repeat top center;
}


#container-inner-bottom {
	background:url(../../assets/images/container-inner-bottom-bg.gif) repeat-x bottom center;
}

#container-shadow  {
	width: 1000px;
	background: url(../../assets/images/container-shadow.png) repeat-y left top;
	margin: 0 auto;
	padding: 0;
}

/* Anchor */
a {
 color:#269926;
}

a:hover {
 color:#269926;
 text-decoration:none;
}

/* List */


hr.line {
	margin: 25px 0 25px 0;
}

/* Main  */

#main {
	background:url(../../assets/images/body-bg.gif) repeat-y left top;
}

#subpage-main {
	background:url(../../assets/images/subpage-body-bg.gif) repeat-y left top;
}

#gallery-main {
	background:url(../../assets/images/gallery-body-bg.gif) repeat-y left top;
}


/* Header */

#header {
	width: 960px;
	height: 411px;
	margin: 0 auto;
	padding: 0;
}

#header-logo a{
	display: block;
	width: 275px;
	height: 185px;
	margin: 0 0 0 20px;
}

#header-nationwide-delivery a{
	display: block;
	width: 155px;
	height: 135px;
	margin: 0 ;
	float: right;
}
	

#header-banner{
	width: 960px;
	height: 360px;
	background:url(../../assets/images/header.jpg) left top no-repeat ;
	text-indent: -9999px;
	}

	/* Header - Menu */
	#header-menu  {
		width: 960px;
		height: 51px;
		background:url(../../assets/images/nav-bg.jpg) left top no-repeat ;
		padding:0 0 0 0px;
		font-size: 12px;
	}
	
	/* Drop Down Menu */
	#multi-ddm {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#multi-ddm > li {
		float: left;
		padding:0;
		margin:0;
	}
	
	#multi-ddm > li > a {
		display:block; 
		text-align: center;
		text-decoration:none;
		padding:0; margin: 0;
		background:url(../../assets/images/nav-arrow.gif) no-repeat 135px 16px;
		padding: 13px 15px 5px 0;
		color:#7a1b0d;
	}

	#multi-ddm > li > a#home {
		width: 170px;
		background:url(../../assets/images/nav-arrow.gif) no-repeat 115px 16px;
	}
	
	#multi-ddm > li > a#home.current {
		background:url(../../assets/images/nav-arrow-current.gif) no-repeat 112px 19px;
		color: #333; 
		text-decoration: underline;
		font-weight:bold;
	}

	#multi-ddm > li > a#about-us {
		width: 180px;
		background:url(../../assets/images/nav-arrow.gif) no-repeat 134px 16px;
	}
	
	#multi-ddm > li > a#about-us.current {
		background:url(../../assets/images/nav-arrow-current.gif) no-repeat 132px 19px;
		color: #333; 
		text-decoration: underline;
		font-weight:bold;
	}

	#multi-ddm > li > a#products {
		width: 185px;
		background:url(../../assets/images/nav-arrow.gif) no-repeat 138px 16px;
	}
	
	#multi-ddm > li > a#products.current {
		background:url(../../assets/images/nav-arrow-current.gif) no-repeat 138px 19px;
		color: #333; 
		text-decoration: underline;
		font-weight:bold;
	}
	
	#multi-ddm > li > a#gallery {
		width: 180px;
		background:url(../../assets/images/nav-arrow.gif) no-repeat 129px 16px;
	}
	
	#multi-ddm > li > a#gallery.current {
		background:url(../../assets/images/nav-arrow-current.gif) no-repeat 129px 19px;
		color: #333; 
		text-decoration: underline;
		font-weight:bold;
	}
	
	#multi-ddm > li > a#contact-us {
		width: 170px;
		background:url(../../assets/images/nav-arrow.gif) no-repeat 134px 16px;
	}
	
	#multi-ddm > li > a#contact-us.current {
		background:url(../../assets/images/nav-arrow-current.gif) no-repeat 134px 19px;
		color: #333; 
		text-decoration: underline;
		font-weight:bold;
	}
	
	#multi-ddm > li > .parent-hover, #multi-ddm > li > a.active {
		background:url(../../assets/images/nav-arrow-current.gif) no-repeat 134px 19px;
		color:#a31c09;
		text-decoration: underline;
	}
	
	#multi-ddm > li ul {
		display: none;
		list-style: none;
		position: absolute;
		margin: 12px 0 0 2px;
		z-index: 90;
		padding: 0;
	}
	
	#multi-ddm > li ul a {
		display: block;
		width: 180px;
		padding: 7px 5px 7px 25px;
		text-decoration: none;
		font-weight: normal;
		font-size: 10pt;
		color: #ffffff;
		background: #70180c;
		filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	}
	
	#multi-ddm > li ul li a.first {}
	#multi-ddm > li ul .child-hover1 {color:#e1f1ff; background-color:#a31c09;}
	#multi-ddm > li ul .child-hover2 {color:#e1f1ff; background-color:#a31c09;}
	#multi-ddm > li ul .child-hover3 {color:#e1f1ff; background-color:#a31c09;}
	#multi-ddm > li ul .child-hover4 {color:#e1f1ff; background-color:#a31c09;}
	#multi-ddm > li ul li ul {margin: 0 0 0 0; position: absolute;}
	#multi-ddm span {float: right;}

/* Body */

	/* Block - Welcome */
	
#body-main h1.welcome-heading{font-size:15px; font-family: Arial, Helvetica, sans-serif; color:#a40000; margin: 10px 0 10px 0; font-weight: bold;}
#body-main h2{font-size:14px; font-family: Arial, Helvetica, sans-serif; color:#363636; margin: 5px 0 5px 0; line-height: 18px; font-weight: bold;}
#body-main h3.estimate{
	font-size:18px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#269926; font-weight:normal; 
	margin: 5px 0 0 0;
	background:url(../../assets/images/phone-icon.gif) no-repeat left 4px;
	padding: 6px 0 7px 35px;
	}
#body-main h3 {
	line-height: 18px;
}
	
.black{font-size:18px; font-family: Arial, Helvetica, sans-serif; color:#111111; font-weight:bold; margin: 5px 0 5px 0;}
#body-main p.lowercase{font-size:18px; font-family: Arial, Helvetica, sans-serif; color:#a40000; margin: 10px 0 10px 0;}

.one {
	color: #FFF;
	background: transparent url(../../assets/images/one-icon.gif) no-repeat left top;
	padding: 8px 11px 12px 9px;
}

#body-main h1.products-heading {
	font-size: 18px;
	margin: 0;
	font-weight: bold;
	padding: 0;
}

#body-main p.products-subhead {
	font-size: 15px;
	color: #898989;
	border-bottom: 1px solid #CCC; 
	padding: 0 0 5px 0;
}


	.body-content-section {
		background: #f6f6f6;
		border: 1px solid #ebebeb;
		margin: 0 0 30px 0;
		padding: 25px 30px 30px 40px;
		}
		
	.body-subpage-content-section {
		background: #f6f6f6;
		border-right: 1px solid #ebebeb;
		border-left: 1px solid #ebebeb;
		margin: 0 0 30px 0;
		padding: 25px 30px 30px 40px;
		}
		
	#covers-description-image{
		height: 483px;
		background:url(../../assets/images/cover-description.jpg) no-repeat 42px top;
		margin:0;
	}
		
	.body-gallery-content-section {
		background: #f6f6f6;
		border-right: 1px solid #ebebeb;
		border-left: 1px solid #ebebeb;
		margin: 0 0 30px 0;
		padding: 25px 30px 30px 40px;
		}
	
	#body-before-after {
		background:url(../../assets/images/before-after-banner.jpg) no-repeat left top;
		width: 620px;
		height: 420px;
		text-indent: -9999px;
	}

	#body-welcome-heading {
		color:#FFFFFF;
		font-family:'Times New Roman', Times, serif;
		font-size:22px;
		border-bottom:1px dotted #6aa0c4;
	}


	#body-text p {
		margin-bottom:15px;
		line-height:18px;
	}
	
	.body-welcome-section {
		background: #f6f6f6;
		border: 1px solid #ebebeb;
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	.body-welcome-text {
		padding: 25px 30px 30px 40px;
	}


	#body-welcome-text p {
		margin-bottom:15px;
		line-height:18px;
	}
	
	/* Products Page */
	
	p.product-name{
		background: transparent url(../../assets/images/bullet.gif) no-repeat left 5px;
		padding:0 0 0 15px;
		
	}
	
	#covers-aluminum {
		width:365px;
		height:70px;
		background:url(../../assets/images/covers-aluminum.jpg) no-repeat left top;
		border-bottom: 1px solid #ccc;
		margin: 0 0 15px 0;
		padding: 30px 0 0 175px;
	}
	
	#covers-concrete {
		width:365px;
		height:70px;
		background:url(../../assets/images/covers-concrete.jpg) no-repeat left top;
		border-bottom: 1px solid #ccc;
		margin: 0 0 15px 0;
		padding: 30px 0 0 175px;
	}
	
	#covers-patio {
		width:365px;
		height:70px;
		background:url(../../assets/images/covers-patio.jpg) no-repeat left top;
		border-bottom: 1px solid #ccc;
		margin: 0 0 15px 0;
		padding: 30px 0 0 175px;
	}
	
	#covers-fiber-glass {
		width:365px;
		height:70px;
		background:url(../../assets/images/covers-fiber-glass.jpg) no-repeat left top;
		border-bottom: 1px solid #ccc;
		margin: 0 0 15px 0;
		padding: 30px 0 0 175px;
	}
	
	#covers-high-windows {
		width:365px;
		height:70px;
		background:url(../../assets/images/covers-high-window.jpg) no-repeat left top;
		border-bottom: 1px solid #ccc;
		margin: 0 0 15px 0;
		padding: 30px 0 0 175px;
	}
	
	#covers-wells {
		width:365px;
		height:85px;
		background:url(../../assets/images/covers-specials.jpg) no-repeat left top;
		margin: 0 0 25px 0;
		padding: 15px 0 0 175px;
	}
	
	
	/* Scenes */
	table.scenes {
		padding: 0;
		margin: 15px 0 25px 0;
	}
	
	table.scenes p {
		margin: 0;
		padding: 8px 0 0 0;
	}
	
	table.scenes img {
		margin: 0;
		padding: 0;
	}
	
	table.scenes td {
		width: 270px;
		height: 192px;
		padding: 0;
		margin: 0;
	}
	table.scenes img {
		padding: 0 0 5px 0;
	}
	
	.img-right {
		float: right;
	}
	
	.img-left {
		float: left;
	}
	table.scenes td.td-right {
		width: 260px;
		padding: 0 0 0 10px;
	}
	
	#scenes-before-after {
		width: 540px;
		height: 341px;
		background:url(../../assets/images/scenes-before-after.jpg) no-repeat left top;
		margin: 0 0 20px 0;
	}
		
	
	/* Contact Form */
	table.contact_us_form td {
		background: #f6f6f6;
	}
	
	/* Products */
	#products-box {
		width: 543px;
		height: 524px;
		background:url(../../assets/images/products-box-bg.gif) no-repeat left top;
		margin: 25px 0 5px 0;
		clear: both;
	}
	
	#products-left {
		float: left;
	}
	
	#products-right {
		float: right;
	}
	
	#product-custom-covers {
		width: 237px;
		height: 140px;
		padding: 34px 0 0 34px;
	}
	
	#product-security-system {
		width: 237px;
		height: 140px;
		padding: 34px 0 0 34px;
	}
	
	#product-grates {
		width: 237px;
		height: 140px;
		padding: 34px 0 0 34px;
	}
	
	#product-custom-overlays {
		width: 237px;
		height: 140px;
		padding: 34px 0 0 34px;
	}
	
	#product-picture-scenes {
		width: 237px;
		height: 140px;
		padding: 34px 0 0 34px;
	}
	
	#product-lighting-systems {
		width: 237px;
		height: 140px;
		padding: 34px 0 0 34px;
	}
	
	#product-custom-covers a{
		display: block;
		width: 169px;
		height: 26px;
		background:url(../../assets/images/001.jpg) no-repeat left top;
		text-align: right;
		padding: 79px 35px 0 0;
	}
	
	#product-security-system a{
		display: block;
		width: 169px;
		height: 27px;
		background:url(../../assets/images/002.jpg) no-repeat left top;
		text-align: right;
		padding: 78px 35px 0 0;
	}
	
	#product-grates a{
		display: block;
		width: 169px;
		height: 27px;
		background:url(../../assets/images/003.jpg) no-repeat left top;
		text-align: right;
		padding: 78px 35px 0 0;
	}
	
	#product-custom-overlays a{
		display: block;
		width: 169px;
		height: 26px;
		background:url(../../assets/images/004.jpg) no-repeat left top;
		text-align: right;
		padding: 79px 35px 0 0;
	}
	
	#product-picture-scenes a{
		display: block;
		width: 169px;
		height: 26px;
		background:url(../../assets/images/005.jpg) no-repeat left top;
		text-align: right;
		padding: 79px 35px 0 0;
	}
	
	#product-lighting-systems a{
		display: block;
		width: 169px;
		height: 27px;
		background:url(../../assets/images/006.jpg) no-repeat left top;
		text-align: right;
		padding: 78px 35px 0 0;
	}



/* Body - Bar */
#body-bar {
	width:284px;
	background:url(../../assets/images/sidebar-bg.gif) repeat-x left top;
	padding: 7px 0 0 16px;
	color: #FFF;
	font-weight: lighter;
	margin: 0 0 0 10px;;
}

#body-bar strong {
	color: #FFF;
	font-weight: bold;
}

#benefits-box {
	width: 261px;
	height: 342px;
	background:url(../../assets/images/benefits-box.gif) no-repeat left top;
	padding: 0 4px 0 4px;
	margin: 0 0 25px 0;
	font-size: 12px;
}

#benefits-box ul li {
	
	padding: 3px 0 8px 30px;
}

h2.sidebar-title {
	color: #70180c;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px 8px;
	padding: 5px 0 0 0;
}


.thin {
	font-weight: lighter;
}

li.danger {
	background:url(../../assets/images/danger-icon.gif) no-repeat left top;
	margin: 5px 0 0 0;
}

li.kid {
	background:url(../../assets/images/kid-icon.gif) no-repeat 2px top;
}

li.performance {
	background:url(../../assets/images/perf-icon.gif) no-repeat left 7px;
}

li.weight {
	background:url(../../assets/images/guy-icon.gif) no-repeat left top;
}

li.animal {
	background:url(../../assets/images/animal-icon.gif) no-repeat left 9px;
}

li.cleaning {
	background:url(../../assets/images/cleaning-icon.gif) no-repeat 4px top;
}

li.umbrella {
	background:url(../../assets/images/umbrella-icon.gif) no-repeat 2px 1px;
}

li.energy {
	background:url(../../assets/images/energy-icon.gif) no-repeat left 6px;
}

#testimonials-box {
	width: 250px;
	background:url(../../assets/images/testimonials-box.jpg) no-repeat left top;
	padding: 0 15px 0 4px;
	border-bottom: 1px solid #646464;
	margin: 0;
	font-size: 12px;
}

.testimonial {
	font-style: italic;
	padding: 5px 6px 5px 12px;
	text-align:justify;
}

.person-testimonial {
	font-weight: bold;
	text-align: right;
	padding: 0 3px 20px 0;
}


#call-banner {
	width: 269px;
	height: 230px;
	background:url(../../assets/images/call-banner.jpg) no-repeat left top;
	margin: 25px 0 0 0;
	border-bottom: 1px solid #646464;
	text-indent: -9999px;
}

#call-banner-subpage {
	width: 269px;
	height: 210px;
	background:url(../../assets/images/call-banner.jpg) no-repeat left top;
	margin: 25px 0 20px 0;
	border-bottom: 1px solid #646464;
	text-indent: -9999px;
}

/* Seals */
#guaranteed-seal {
	width:261px;
	height: 160px;
	background:url(../../assets/images/guaranteed-seal.jpg) no-repeat center top;
	margin: 75px 0 30px 0;
	text-indent: -9999px;
}

#best-price-seal {
	width:261px;
	height: 160px;
	background:url(../../assets/images/best-price-seal.jpg) no-repeat center top;
	margin: 30px 0 30px 0;
	text-indent: -9999px;

}

#discounts-seal {
	width:261px;
	height: 160px;
	background:url(../../assets/images/discounts-seal.jpg) no-repeat center top;
	margin: 30px 0 45px 0;
	text-indent: -9999px;

}

/* Footer */
#footer {
	font-size: 12px;
	margin: 0 auto;
	width: 960px;
	color: #efefef;
}
	#bottom-seals {
		width: 960px;
		height: 185px;
		background:url(../../assets/images/bottom-seals.jpg) no-repeat left top;
		text-indent: -9999px;
	}
	
	#bottom-seals-gallery {
		width: 960px;
		height: 185px;
		background:url(../../assets/images/bottom-seals-gallery.jpg) no-repeat left top;
		text-indent: -9999px;
		margin: 65px 0 0 0;
	}
	
	/* Footer - Banners */
	#banners-container {
		width: 960px;
		height: 158px;
		background:url(../../assets/images/banners-bg.gif) repeat-x left top;
		padding: 30px 0 0 0;
	}
	
	#builder-program-banner a{
		width: 300px;
		height: 150px;
		background:url(../../assets/images/builder-program-banner.jpg) no-repeat left top;
		display: block;
		text-indent: -9999px;
	}
	
	#gallery-banner a{
		width: 300px;
		height: 150px;
		background:url(../../assets/images/gallery-banner.jpg) no-repeat left top;
		display: block;
		text-indent: -9999px;
	}
	
	#nationwide-delivery-banner a{
		width: 300px;
		height: 150px;
		background:url(../../assets/images/nationwide-delivery-banner.jpg) no-repeat left top;
		display: block;
		text-indent: -9999px;
	}

	/* Footer - Menu */
	
	#footer-menu {
		width: 875px;
		height: 71px;
		padding: 20px 85px 0 0;
		clear: both;
	}
	
	ul.footer-menu {
		clear: left;
	}
	
	ul.footer-menu li {
		list-style:none;
		float:left;
		padding:0; 
		margin:0; 
	}

	ul.footer-menu a {
		display:block; 
		float:left;
		color:#efefef; 
		text-decoration:none;
		padding:0 25px 0 25px;
	}
	
	ul.footer-menu a.footer-home {
		display:block; 
		float:left;
		color:#efefef; 
		text-decoration:none;
		padding:0 25px 0 10px;
	}

	ul.footer-menu a:hover {
		display:block; 
		color:#efefef; 
		text-decoration:underline;
	}

	
	#bbb-logo {
		width: 137px;
		height: 52px;
		background:url(../../assets/images/bbb-logo.gif) no-repeat left top;
		float:right;
		text-indent: -9999px;
	}
	
	.copyright {
		margin: 35px 0 10px 10px;
	}
	
	#footer-copy {
		width: 525px;
		float: left;
	}

	.content-img {
		margin: 15px 0 20px 0;
	}
	
	ul.content-list {
		margin: 0 0 5px 0; 
	}
	
	ul.content-list li {
		background: transparent url(../../assets/images/bullet.gif) no-repeat left 4px;
		list-style:none;
		padding:0 0 0 15px;
		margin: 0 0 14px 15px;

	}


/* Contact Form */
.formLabel {padding-bottom:10px;}

.formField {padding-bottom:10px;}

.formLabel{
	padding:5px 15px 5px 5px;
	background:white;
	text-align:right;
	width:120px;
	vertical-align:middle;
}

.formField{
	padding:5px 5px 5px 15px;
	background:white;
	text-align:left;
	vertical-align:middle;
}

.formField input {width:200px;}

.field_normal 			{ border: 1px solid #a2a2a2; }
.field_required			{ border: 1px solid #a2a2a2; }
.field_error			{ border: 1px solid #b93319; background-color:white; }
.field_label_required	{ font-weight:bold; }
.field_label_error		{ font-weight:bold; color:#b93319; }
.field_error_message 	{ font-size:10px; color:#b93319;}