/* CSS Document */

@import url('/styles/brandedheader.css');

body {
  margin:0;
  padding:0;
  background: #8d7e43 url(../images/bodybckgrd.jpg) repeat-x 0 0;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:62.5%;
  color:#454545;
}

a {
color:#701b19;
outline:none;
}

#header {
float:left;
margin-left:27px;
padding-left:15px;
padding-bottom:40px;
background:#fff;
width:934px;
}

#navbar-small{
	width: 275px;
}

/* Find a Contractor*/
#contractor {
	width:285px;
	position:absolute;
	top:90px;
	right:0;
}

#contractor .contractor-link {
	margin-top:2px;
	padding-left:44px;
}

.textbox{
	width:64px;
	font-size:.9em;
	vertical-align:top;
	margin-left:-3px;
}

.find {
	position:absolute;
	right:2.9em;
}
	

#wrapper {
  position:relative;
  background:url(../images/int_wrapper.jpg) repeat-y 0 0;  
  width: 1000px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
}
  
#container {
  background:url(../images/int_container.jpg) no-repeat 0 0;
  width:1000px;
  min-height:474px;
  } 

#footer {
text-align:center;
color:#333;
margin: 0 auto;
clear:both;
padding-top:45px;
padding-bottom:0;
background:#8d7e43 url(../images/int_footer.jpg) no-repeat 0 0;
width: 1000px;
height:100px;
font-size:1.1em;
}

#footer li{
position: relative;
bottom: 13px;
display:inline;
padding:0 30px 0 0;
}

#footer a {
color:#fff;

}

#footer li.social{
	bottom: 0;
	padding: 0;
	margin: 0;
	overflow: auto;
}

#footer li.social a img{
	width: 40px;
	height: 40px;
	border: 0;
}

/* CONTENT*/

#content {
float:left;
margin-right:15px;
margin-top:22px;
margin-left:16px;
font-size:1.2em;
width:500px;
padding:0px;
}


#content h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
font-style:oblique;
font-size:1.6em;
margin-bottom:20px;
}

#content .head {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
margin-bottom:0;
margin-right:200px;
font-style:normal;
}

#content h2 sup  {
font-size:.6em;
}


#content h3 {
font-weight:bold;
font-size:1em;
margin-bottom:0;
}


#content h4 {
font-weight:bold;
font-size:1.3em;
margin-bottom:5px;
margin-right:200px;
}

#content h5 {
font-weight:bold;
font-size:1.2em;
margin-top:2px;
margin-bottom:-3px;
margin-right:200px;
}

#content .subh2 {
font-weight:bold;
font-size:1.1em;
margin-bottom:20px;
margin-right:200px;
margin-top:-15px;
}


#content p {
margin: 0 20px 10px 0;
}

#content ul, ol {
margin: 0 20px 10px 20px;
}

#content .feature-image {
margin:0;
}

#content .secondary-image {
margin:-15px -5px 0 -5px;
}

#content .sub-image {
float:right;
margin:10px 200px 0 -5px;
}

#content .testimonial {
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:0;
	font-size:1.1em;
	margin-left:14px;
}

/* rounded corners */

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#e1d9c5; margin:0 5px;}
.b2f {height:1px; background:#e1d9c5; margin:0 3px;}
.b3f {height:1px; background:#e1d9c5; margin:0 2px;}
.b4f {height:2px; background:#e1d9c5; margin:0 1px;}
.contentf {background: #e1d9c5 url(../images/quote-1.jpg) no-repeat top left; }
.contentf div {margin-left: 5px;}

#content .name {
font-size:.9em;
margin-top:0;
text-align:right;
margin-right:40px;
}

.float-half {
  float: left;
  width: 42%;
}

#prodfeature {
width:495px;
min-height:185px;
float:left;
background:#D3CCB2 url(../images/prodfeature_bckgrd.jpg);
margin-bottom:0;
}

#content .single {
background:#D3CCB2 url(../images/prodfeature_bckgrdsingle.jpg);
min-height:0;
}

#content .single ul {
margin-left:-36px;
}

#content .single p {
width:400px;
}

#content .single h3 {
width:411px;
}

#prodfeature .bottom {
width:495px;
float:left;
}

#prodfeature .thumb {
border:2px solid #ece6d6;
margin: 0;
}

#prodfeature .feature {
width:120px;
margin-top:25px;
margin-left:10px;
float:left;
font-size:.9em;
text-align:center;
}

#prodfeature ul {
margin-bottom:4px;
margin-left:99px;
margin-top:14px;
padding-bottom:5px;
width:340px;
}
#prodfeature ul.seven{
	width: 465px;
}

#prodfeature ul li {
display:inline;
}

#prodfeature li {
margin-bottom:0;
padding:0 2px 0 5px;
}

#prodfeature p {
padding-top:5px;
clear:right;
float:right;
width:320px;
background:#ECE6D6;
}

#prodfeature .list {
	line-height:20px;
	}

#prodfeature .caption {
	font-size:.9em;
	font-style:italic;
}

#prodfeature .thumbwrap {
	width:75px;
	font-size:.8em;
	float:left;
	text-align:center;
	padding-right:5px;
}

#prodfeature .thumbwrap img {
	clear:right;
}


#prodfeature .thumbwrap a {
	text-decoration:none;
}

#prodfeature h3 {
clear:right;
float:right;
padding-top:5px;
width:331px;
margin:0 10px;
}

.tabs {
	background:#d3cbb2 url(../images/prodfeature_top.jpg) no-repeat 0 0;
	padding-top:5px;
}
	
.tabNavigation a {
text-decoration:none;
padding-left:5px;
margin-right:0;
}

.tabNavigation.seven a{
	font-size: 12px;
	letter-spacing: -1px;
}

#prodfeature .tabNavigation a:hover {
    background:#b8ae97 url(../images/tab_leftHOVER.jpg) no-repeat scroll left top;
    padding-bottom:6px;
	padding-top:5px;
	color:#FFF;
}

#prodfeature .tabNavigation a:hover span {
	background:#b8ae97 url(../images/tab_rightHOVER.jpg) right top no-repeat;
	padding-top:5px;
	color:#FFF;

}

.tabNavigation a span {
text-decoration:none;
padding-right:2px;
margin-left:0;
}
.activetab {
background:#ECE6D7 url(../images/tab_left.jpg) left top  no-repeat ;
color:#B82126;
margin-right:0;
padding-top:5px;
padding-bottom:6px;
}

.tabNavigation .activetab a:hover {
	background:#ECE6D7 url(../images/tab_left.jpg) left top  no-repeat ;
    color:#B82126;
    margin-right:0;
    padding-top:5px;
    padding-bottom:6px;
	
}

.tabNavigation .activetab a:hover span {
	background:#ECE6D7 url(../images/tab_right.jpg) right top no-repeat;
    margin-left:0;
    padding-right:5px;
    padding-top:5px;
}

.activetab span {
background:#ECE6D7 url(../images/tab_right.jpg) right top no-repeat;
margin-left:0;
padding-right:5px;
padding-top:5px;
}

#feature-area {
margin-left:-21px;
width:886px;
padding-bottom:10px;
}

#flash-feature {
background:#D3CBB2 none repeat scroll 0 50%;
float:left;
padding:5px 0 0 0;
width:569px;
}



#promo-area {
padding:20px 35px 0 0;
width:170px;
float:right;
}

#promo {
border-bottom:1px solid #a4945c;
margin-bottom:8px;

}

#promo p {
margin:2px 0 8px 7px;

}

.content-thumbs .caption {
	font-size:.9em;
	font-style:italic;
}

.content-thumbs .thumbwrap {
	width:75px;
	font-size:.8em;
	float:left;
	text-align:center;
	padding:0 8px 25px 8px;
	height:120px;
}

.content-thumbs .thumbwrap img {
	clear:right;
	border:1px solid #ecebe6;
}


.content-thumbs .thumbwrap a {
	text-decoration:none;
}

/*=========ACCORDION============ */

.ui-icon {
height:16px;
width:16px;
}

.ui-state-default .ui-icon {
	background:url(../images/accordion-arrow-right.png) no-repeat 6px 2px;
}

.ui-state-active .ui-icon {
		background:url(../images/accordion-arrow-down.png) no-repeat 2px 5px;

}

.ui-accordion .ui-accordion-header .ui-icon {
	left:0.5em;
	margin-top:-8px;
	position:absolute;
	top:50%;
}

.ui-accordion .ui-accordion-header {
	background:#d3cbb2 url(../images/accordion-header-bckgrd.jpg) repeat-x 0 0;
	cursor:pointer;
	margin-top:1px;
	padding-left:2em;
	position:relative;
	outline:none;
}

.ui-corner-all {
-moz-border-radius:4px;
-webkit-border-radius: 4px; /* Safari, Chrome */
border-radius: 4px;
}

.ui-corner-top {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}

.ui-corner-bottom {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active  {
border:1px solid #ecebe6;
color:#333;
font-weight:normal;
}

.ui-state-default  {
border:1px solid #ecebe6;
}

.ui-state-default:hover {
border:1px solid #a5a5a5;
}

.ui-state-default a:hover {
color:#333;
}

.ui-state-default a {
color:#696969;
}


.ui-widget-content {
	border:1px solid #ecebe6;
}

.ui-accordion .ui-accordion-content {
border-top:0 none;
margin-bottom:2px;
margin-top:-2px;
overflow:hidden;
padding:1em 2.2em;
top:1px;
}

.ui-accordion-icons .ui-accordion-header a {
padding-left:2.2em;
}


.ui-accordion .ui-accordion-header a {
display:block;
font-size:1.2em;
padding:0.5em 0.5em 0.5em 0.7em;
text-decoration:none;
}

.ui-widget-content .caption {
	font-size:.9em;
	font-style:italic;
}

.ui-widget-content .thumbwrap {
	width:75px;
	font-size:.8em;
	float:left;
	text-align:center;
	padding:0 8px 10px 8px;
	height:120px;
}

.ui-widget-content .thumbwrap img {
	clear:right;
}


.ui-widget-content .thumbwrap a {
	text-decoration:none;
}

#content .ui-widget-content p {
clear:both;
margin:10px 0;
}

#accordion h4 {
	margin-right:0;
	clear:both;
}

.ui-widget-content .accordion-content-desc {
	padding-bottom:10px;
}

#accordion .accordion-content-wrapper {
	margin: 0 auto;
}

#accordion {
	margin-top:30px;
}


/*========= PRODUCT OVERVIEW PAGE============ */

#content #overview {
	width:465px;
	text-align:left;
}

#content #overview .section {
	background:url(../images/overview-section-bckgrd.jpg) repeat-x 0 0;
	width:100%;
	clear:both;
	padding:15px;
	overflow:hidden;
	border-bottom:1px solid #ecebe6;
	margin-bottom:10px;

}

#content #overview .section img {
	float:left;
	margin-right:20px;
}

#content #overview .section .text {
	float:left;
}

#content #overview .section h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:1.3em;
	margin-bottom:0;
	margin-top:0;
}

#content #overview .section h2 a {
	text-decoration:none;
}

#content #overview .section h2 a:hover {
	color:#B82126;
}

/*========= NAVIGATION ==========*/

#navigation {
	background:transparent url(../images/navbckgrd.jpg) no-repeat 0 0;
	font-size:1.2em;
	left:8px;
	margin-left:28px;
	padding-left:0px;
	position:absolute;
	top:135px;
	width:930px;
	height:38px;
	z-index:80;

}

ul.topnav {  
	list-style: none;
	padding: 11px 0;
	margin-top:0;
	margin-left: 15px;    
	font-size: 1em;
	text-align:left;
	position:relative;
}  

ul.topnav li {    
	margin: auto;  
	padding: 0 5px 10px 5px;  
	position: relative;
	display:inline;
}  

ul.topnav li a{  
	padding: 12px 0 30px 5px;  
	color: #fff;    
	text-decoration: none;  
	display:inline;
	background-image:url(../images/arrow.jpg);
	background-position:10% -100%;
	background-repeat:no-repeat;

}

ul.topnav li a:hover{ 
	color:#eeeeee;
	background-image:url(../images/arrow.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;

} 

ul.topnav li a.js:hover {
	background-image:url(../images/arrow.jpg);
	background-position:50% -100%;
	background-repeat:no-repeat;
}

ul.topnav li ul.subnav {  
	list-style: none;  
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
	left: 0; 
	top: 24px;  
	background: #333;  
	margin: 0; padding: 0;     
	width: 170px;
	display:none;
}  

ul.topnav li ul.subnav li{  
	margin: 0; padding: 0;  
	border-top: 1px solid #252525; /*--Create bevel effect--*/  
	border-bottom: 1px solid #444; /*--Create bevel effect--*/  
	clear: both;  
	width: 168px;
	float:left;
}  

html ul.topnav li ul.subnav li a {  
	float: left;  
	width: 130px;  
	background: #333;  
	padding: 7px 20px;
	color:#bbb;
	font-size:.95em;
}  

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
	background: #222;  
	}
	
#navigation #professionals {
	background:url(../images/pros.jpg) no-repeat 0 0;
	position:absolute;
	right:0;
	top:0;
	width:97px;
}

ul#professionals.topnav li ul.subnav  {
width:148px;
}
ul#professionals.topnav li ul.subnav li {
width:146px;
}
html ul#professionals.topnav li ul.subnav li a {
font-weight:normal;
padding:7px 20px;
text-transform:none;
width:108px;
}

ul#professionals.topnav li a {
font-weight:bold;
padding-left:34px;
text-transform:uppercase;
}


/* LEFT NAVIGATION */
#nav {
float:left;
clear:left;
width:200px;
width:220px;
margin:45px 0 20px 35px;
}

#nav ul{
list-style:none;
margin:0;
padding-left:0;
}

#nav ul ul{
background:#f2eddd;
margin-bottom:0;
padding-left:0;
border-top:1px solid #ecebe6;
margin-top:6px;
}

#nav ul ul ul{
background:#f2eddd;
margin-bottom:0;
border-top:none;
}

#nav ul li{
font-size:1.3em;
font-weight:bold;
padding:10px 0;
padding-left:0;
text-indent:30px;

}

#nav ul li li{
font-size:1em;
font-weight:normal;
padding:6px 0 6px 40px;
text-indent:0;
}

#nav ul li li li{
font-size:.95em;
font-weight:normal;
padding:5px 0 5px 15px;
text-indent:0;
}


#nav a{
color:#701b19;
text-decoration:none;
}

#nav a.activelink {
color:#b82126;
text-decoration:none;
background:none;
}

#nav .award {
	margin-left:-30px;
}

#nav .blog-widget {
	background:#fff;
	margin-left:13px;
	margin-top:20px;
	padding:10px;
}


/* NO-PROMO */

.no-promo #wrapper {
background:url(../images/nopromo_wrapper.jpg) repeat-y 0 0;
}

.no-promo #container {
background:url(../images/nopromo_container.jpg) no-repeat 0 0;
}

.no-promo #footer {
background:#b75e27 url(../images/nopromo_footer.jpg) no-repeat 0 0;
}

.no-promo #content p {
margin-right:0;
}

.register #content table {
width:170px;
margin-right:5px;
}

/* HOME */

#promo-area-home {
margin-left:40px;
float:left;
}

.home #promo {
clear:left;
margin-left:0px;
margin-right:15px;
padding:20px 5px 30px 5px;
width:380px;
height:100px;
margin-bottom:0;
}

.home #promo h3 {
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:normal;
text-transform:uppercase;
margin-top:10px;
margin-bottom:0;
}

.home #promo p {
font-size:1.1em;
margin: 4px 0 4px 0px;
}

.home #promo img {
float:left;
margin:0 5px 2px 3px;
}

.home .sub-feature {
background:url(../images/visualizer-feature-bckgrd.jpg) no-repeat 0 0;
float:left;
left:52px;
width:317px;
margin-top:20px;
margin-right:45px;
border:1px solid #c4c3b5;
position:relative;
}

.home #rss a {
	font-size:12px;
	font-weight:bold;
}

.home #rss {
	border:1px solid #C4C3B5;
	float:left;
	font-size:11px;
	margin-top:20px;
	padding:20px;
	position:relative;
	width:270px;
	height:264px;
}

.home #rss h2 {
	font-size:14px;
	color:#666;
	margin-top:0;
	margin-bottom:0;
}

.home #rss .snippet {
	display:none;
}

.home .blog-widget {
	border:none;
	float:right;
	margin-top:20px;
	margin-right:20px;
}

.home #wrapper {
background:url(../images/wrapper.jpg) repeat-y 0 0; 
}

.home #container {
background:url(../images/container.jpg) no-repeat 0 0;
position:relative;
}

.home #content {
clear:both;
margin-top:20px;
padding:0;
width:890px;
left:40px;
position:relative;
top:0;
}


.home #content p {
margin-right:0;
}



.home #content h2 {
clear:left;
padding-top:15px;
margin-bottom:3px;
}

.home #cssdropdown .mainitemshome {
visibility:hidden;
}

.home #footer {
background:url(../images/footer.jpg) no-repeat 0 0;
}


/* Single Column */

.singlecolumn #wrapper {
	position:relative;
	background:url(../images/single_wrapper.jpg) repeat-y 0 0; }
	
.singlecolumn #container {
	background:url(../images/single_container.jpg) no-repeat 0 0; }
	
.singlecolumn #footer {
	background:#8d7e43 url(../images/single_footer.jpg) no-repeat 0 0; }
	
.singlecolumn #content {
	width:800px;
	padding-left:90px;
	text-align:center;
}

/* Gallery */

.gallery #wrapper {
	position:relative;
	background:url(../images/gallery_wrapper.jpg) repeat-y 0 0; }
	
.gallery #container {
	background:url(../images/gallery_container.jpg) no-repeat 0 0;
	overflow:auto;
	 }
	
.gallery #footer {
	background:#8d7e43 url(../images/gallery_footer.jpg) no-repeat 0 0; }
	
.gallery #content {
	width:640px;
}


/* sitemap */

.sitemap #wrapper {
	position:relative;
	background:url(../images/gallery_wrapper.jpg) repeat-y 0 0; }
	
.sitemap #container {
	background:url(../images/gallery_container.jpg) no-repeat 0 0; }
	
.sitemap #footer {
	background:#8d7e43 url(../images/gallery_footer.jpg) no-repeat 0 0; }
	
.sitemap #content {
	width:640px;
	/* margin-top:44px; */
}

.sitemap #content ul{
	font-size:1.1em;
	font-weight:bold;
	list-style:none;
}

.sitemap #content ul ul{
	font-size:.95em;
	font-weight:normal;
	list-style:disc;
	margin-left:0px;
	padding-left:0;
}

.sitemap #content ul ul li{
	margin-left:15px;
	
}
	
	
/* TABLES */


#form-table
{
	font-size:.9em;
}

#form-table .family {
	font-size:1.2em;
	margin-top:10px;
}

.stepone {
	margin-top:-6px;
}

#content table {
  width:480px;
  margin: .5em 10px 1em 0;
}
#content form table {
  margin: 0 0 1em 0;
}
#content thead tr {
  background-color: #2f4c48;
  color: #fff;
}

#content thead tr a {
  color: #fff;
}

#content thead tr a:visited {
  color: #fff;
}

#content thead tr,
#content thead th {
  font-weight: bold;


}


#content th {
  padding: 5px 5px 2px;
  text-align: left;
    background:#8d7e47;
	color:#FFF;
}
  
#content th.align-right {
  text-align: right;
}
#content td {
  padding: 5px 10px;
  border-bottom:1px solid #aaa;
}

#content td h2 {
font-family:Arial, Helvetica, sans-serif;
 font-size:1.2em;
 font-style:normal;
 font-weight:bold;
 margin-bottom:4px;
 margin-right:0;
 
}

#content td h3 {
 margin-top:2px;
 margin-right:0;
}

#content td p {
 margin-right:0;
}

#content td ul {
 margin-left:0;
}

#content td li {
 margin-left:-20px;
}

#content table #click {
  width:270px;
  font-size: 1em;
  clear:both;
  padding-top:10px;
}

#content table #click p {
margin:0;
}

#content table #click img {
border:1px solid #272727;
}

#content table ul {
margin-right:0;
}

.magnify {
	position:absolute;
	border: thin groove;
	border-width: 1px;
	border-color:#000000;
	left:350px;
	visibility: hidden;
	z-index: 1;
	clear:both;
}


/*LIGHTBOX*/

#lightbox{
	background-color:#fff;
	padding: 5px;
	
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;}


#keyboardMsg{ float: right; }
#closeButton{ top: 2px; right: 2px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}


#HowToBuyControl_trProduct td.product-label 
{
	padding: 12px 0 0 4px;
}
#HowToBuyControl_trProduct td.product-label a.change-selection {
	padding-left: 2em;
	font-size: 8pt;
}
#HowToBuyControl_tblHTB 
{
	width: 450px;
}

#content #conForm table{
	width: 500px;
}

#content #conForm table td{
	border-bottom: none;
}

#content #HowToBuyControl_pnlResults h2{
	margin-bottom: 5px;
	font-size: 1.4em;
}

/*-------- CONTACT FORM ---------*/

#inviteform{
}

#inviteform .field-column{
	padding:10px;
}
	
#inviteform .field-column-submit{
	padding:15px 0px 0px 20px;
}