@charset "utf-8";

*{padding: 0; margin: 0;}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #8e817c;
    background-color: #8e817c;
    font-size: 10pt;
    line-height: 15pt;
    margin-bottom: 30px;
}
h1 {
    font-size: 1.5em;
    color: #da4620;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 7px;
    margin-left: 0px;
}
h2 {
    font-size: 11.5pt;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}


h3 {
    font-size: 1.3em;
    display: inline;
    font-weight: bold;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
h5 {
    font-size: 1.2em;
    display: inline;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
    width: 947px;
    margin-right: auto;
    margin-left: auto;
}
#topper {
   color: #FFFFFF;
}

#topper #topLeft, #topper #topRight {
   position: relative;
   margin-top: 15px;
   margin-bottom: 10px;	 
}

#topper #topLeft {
    float:left;	 
}

#topper #topRight {
    float:right;	 
}


#navigation {
    height: 32px;
    width: 947px;
    background-color: #da4620;
}

#navigation .home a {
    float: left;
    display: block;
    width: 79px;
    height: 32px;
    background-image: url(../images/nav-home.jpg);
    margin-left: 5px;
    }

#navigation .company a {
    float: left;
    display: block;
    width: 84px;
    height: 32px;
    background-image: url(../images/nav-company.jpg);
    }

#navigation .products a {
    float: left;
    display: block;
    width: 92px;
    height: 32px;
    background-image: url(../images/nav-products.jpg);
    }
    
#navigation .services a {
    float: left;
    display: block;
    width: 80px;
    height: 32px;
    background-image: url(../images/nav-services.jpg);
    }   

#navigation .faq a {
    float: left;
    display: block;
    width: 50px;
    height: 32px;
    background-image: url(../images/nav-faq.jpg);
    }

#navigation .community a {
    float: left;
    display: block;
    width: 153px;
    height: 32px;
    background-image: url(../images/nav-community.jpg);
    }   

#navigation .resources a {
    float: left;
    display: block;
    width: 139px;
    height: 32px;
    background-image: url(../images/nav-resources.jpg); 
    }
    
#navigation .showroom a {
    float: left;
    display: block;
    width: 128px;
    height: 32px;
    background-image: url(../images/nav-display.jpg);  
    }

#navigation .contact a {
    float: left;
    display: block;
    width: 132px;
    height: 32px;
    background-image: url(../images/nav-location.jpg); 
    }
            
#navigation a:hover {
    background-position: bottom;
    }
    
#navigation .active{
    background-position: bottom;
}
#mid {
    height: 156px;
}

#mid #col1 {
    background-image: url(../images/home-left.jpg);
    width: 580px;
    background-repeat: no-repeat;
    float: left;
    padding-top: 332px;
}
#mid #col1 #text {
    padding-top: 18px;
    font-size: 1.1em;
    line-height: 2em;
    padding-right: 20px;
    padding-left: 15px;
    font-weight: bold;
    color: #FFFFFF;
}
#mid #col2 {
    background-image: url(../images/home-right.jpg);
    background-repeat: no-repeat;
    width: 366px;
    float: left;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
}
#mid #col2 .products-table-home td {

}
.products-table-home {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #FFFFFF;
    font-weight: bold;
}
.products-table-home .title {
    padding-left: 25px;
    font-size: 19px;
    font-weight: normal;
}

.products-table-home .icon {
    padding-left: 25px;
}

.products-table-home img {
    padding-right: 10px;
    vertical-align: middle;
}


#mid #col2 #text {
    padding-top: 23px;
    padding-right: 10px;
    line-height: 1.5em;
    font-weight: normal;
}

#mid #col2 #text2 {
    padding-top: 23px;
    padding-right: 10px;
    line-height: 1.5em;
    font-weight: normal;
    color: #FFFFFF;
}
#mid  #col2  #text2  .block {
    background-image: url(../images/block1.gif);
    background-repeat: no-repeat;
    padding-left: 30px;
}
#footer {
    margin-top: 20px;
    clear: both;
    color: #FFFFFF;
}

#image-left-interior {
    float: left;
    width: 581px;
    line-height: 0px;
    font-size: 0px;
}
#image-right-interior {
    float: left;
    width: 366px;
    line-height: 0px;
    font-size: 0px;
}

#image-left-contractors {
    float: left;
    width: 710px;
    line-height: 0px;
    font-size: 0px;
}
#image-right-contractors {
    float: left;
    width: 237px;
    line-height: 0px;
    font-size: 0px;
    background-color: #ede8e2;
    height: 156px;
}
#image-right-contractors .text {
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 25px;
    font-size: 9pt;
    line-height: normal;
}

#image-right-contractors .text ul {
    list-style-type:none;
    line-height: 1.8em;
    margin-left: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#image-right-contractors .text li {
    padding-left:16px;
    background-position:0px 10px;
    background-color: transparent;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
}

#main-content #col1-contractors {
    float: left;
    width: 200px;
    padding-top: 20px;
    text-align: left;
    padding-right: 0px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #8e817c;
    padding-left: 20px;
}
#main-content #col2-contractors {
    float: left;
    width: 500px;
    padding-left: 25px;
    padding-bottom: 35px;
    padding-top: 20px;
}

#cart-list {
    background-color: #FFFFFF;
    color: #DA4620;
    height: 20px;
    float: right;
    display: inline;
    width: 722px;
    text-align: right;
    padding-right: 40px;
    font-size: 0px;
    line-height: 0px;
}
#cart-back {
    background-color: #DA4620;
    float: left;
    width: 185px;
    height: 20px;
    display: inline;
    font-size: 0px;
    line-height: 0px;
}
#cart-back img {
    padding-top: 2px;
}

#main-content {
    background-color: #FFFFFF;
    float: left;
    width: 947px;
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 8.5pt;
    color: #8e817c;
	 min-height: 600px;/* set here min height  */
	 height: auto !important;/* overwrite the height */
	 height: 600px;/* this is also the min height for IE */ 	 
}
#main-content #col1 {
    float: left;
    width: 170px;
    padding-top: 20px;
    text-align: right;
    padding-right: 15px;
}
#main-content #col2 {
    float: left;
    width: 350px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #8e817c;
    padding-left: 25px;
    padding-bottom: 35px;
    padding-top: 20px;
}
#main-content #col3 {
    float: right;
    width: 320px;
    padding-right: 25px;
    padding-top: 20px;
}
#main-content #col4 {
	width: 670px;
	margin-left: 185px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8e817c;
}
#col1 #subnav1 {
    padding-left: 15px;
}

#col3 .text {
    padding-left: 35px;
    padding-top: 7px;
}

.clear  {
height:0px;
line-height:0px;
font-size:0px;
margin:0;
padding:0;
clear:both;
border:0;
}

.title1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 2em;
color: #E8E8E8;
background-color: #4c4c4c;
background-image: url(../images/bg-title1.gif);
background-repeat: no-repeat;
padding-left: 50px;
font-weight: bold;
background-position: left 1px;
}
    
.title2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 2em;
color: #E8E8E8;
background-color: #4c4c4c;
background-image: url(../images/bg-title2.gif);
background-repeat: no-repeat;
padding-left: 50px;
font-weight: bold;
background-position: left 1px;
}

.products-table {
}

.products-table img {
    border: 1px solid #B0B0B0;
}

.products-table td {
}

.products-table .pricing {

}

.products-table .pricing img {
    border-style: none;
    vertical-align: middle;
}

.products-table .pricing a img {
    border-style: none;
    vertical-align: middle;
}

.products-table .category_text ul {
    padding-left: 37px;
    margin-top: 2px;
    margin-right: 20px;
    margin-bottom: 10px;        
}

.products-table .category_text ol {
    padding-left: 37px;
    margin-top: 2px;
    margin-right: 20px;
    margin-bottom: 10px;        
}

.products-table .category_text ol li {
    background-image:none;
    padding-left:2px;
}

.products-table .category_text ul li {
    background-image:none;
    list-style-type:disc;
    padding-left:2px;
}

.category_text ul {
    padding-left: 37px;
    margin-top: 2px;
    margin-right: 20px;
    margin-bottom: 10px;        
}

.category_text ol {
    padding-left: 20px;
    margin-top: 2px;
    margin-right: 20px;
    margin-bottom: 10px;        
}

.category_text ol li {
    background-image:none;
    padding-left:2px;
}

.category_text ul li {
    background-image:none;
    list-style-type:disc;
    padding-left:2px;
}

.product-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 2em;
    color: #E8E8E8;
    background-color: #4c4c4c;
    background-image: url(../images/bg-title1.gif);
    background-repeat: no-repeat;
    padding-left: 143px;
    font-weight: bold;
    background-position: left 1px;
}
.contact-table {
    border: 1px solid #4C4C4C;
    color: #4C4C4C;
}
.contact-table td   {
    padding-bottom: 6px;
    padding-left: 8px;
}

.askTheExpert-table {
    /*border: 1px solid #4C4C4C;*/
    color: #4C4C4C;
}
.askTheExpert-table td   {
    padding-bottom: 6px;
    padding-left: 8px;
}

.shopping-list {
    color: #333333;
    font-size: 1em;
}
.shopping-list td {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}
.shopping-list .list-title {
    color: #FFFFFF;
    background-color: #333333;
}
.checkout {
    font-size: 1.2em;
    color: #da4620;
    font-family: Arial, Helvetica, sans-serif;
}
.checkout td {
    padding-bottom: 8px;
}

.smaller1 {
    font-size: .8em;
}
.orange {
    color: #da4620;
}
.hr {
    font-size: 0px;
    line-height: 0px;
    height: 1px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    background-image: url(../images/hr.gif);
    background-repeat: repeat-x;
}
.map {
    margin-top: 35px;
    border: 1px solid #B0B0B0;
    margin-bottom: 7px;
}
.company-text {
    font-size: 11.5pt;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.product-subnav {
    margin-top: 10px;
}
.job-openings td {
    padding-bottom: 7px;
    font-size: 1.1em;
}
.employment-app {
    border: 1px solid #4C4C4C;
}

.employment-app td {
    padding-bottom: 5px;
    padding-right: 8px;
}
.error {
	padding: 20px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #8E817C;
	background-color: #F7F5F4;
}
.spacer {
	font-size: 0px;
	line-height: 0px;
	height: 5px;
}


ul {
    list-style-type:none;
	line-height: 1.5em;
    margin-left: 0px;
    padding: 0px;
    margin-top: 7px;
    margin-right: 0px;
    margin-bottom: 0px;
}

li {
    padding-left:13px;
	background-position:0px 5px;
    background-color: transparent;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
	margin-bottom: 8px;
}

#col1 ul {
    list-style-type:none;
    line-height: 1.5em;
    margin-left: 0px;
    padding: 0px;
    margin-top: 7px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#col1 li {
    padding-left:0px;
    background-image: none;
    margin-top: 15px;
}

a:link   { text-decoration: none; color: #bdafa9;}
a:active { text-decoration: none; color: #bdafa9; } 
a:visited   { text-decoration: none; color: #bdafa9; }
a:hover  { text-decoration: none; color: #bdafa9; }

.title1 a:link   { text-decoration: none; color: #ffffff;}
.title1 a:active { text-decoration: none; color: #ffffff; } 
.title1 a:visited   { text-decoration: none; color: #ffffff; }
.title1 a:hover  { text-decoration: none; color: #ffffff; }

#main-content .product-title a:link   { text-decoration: none; color: #ffffff;}
#main-content .product-title a:active { text-decoration: none; color: #da4620; }    
#main-content .product-title a:visited   { text-decoration: none; color: #ffffff; }
#main-content .product-title a:hover  { text-decoration: none; color: #da4620; }

#main-content a:link   { text-decoration: none; color: #da4620;}
#main-content a:active { text-decoration: none; color: #da4620; }   
#main-content a:visited   { text-decoration: none; color: #da4620; }
#main-content a:hover  { text-decoration: none; color: #da4620; }

#main-content .title1 a:link   { text-decoration: none; color: #E8E8E8;}
#main-content .title1 a:active { text-decoration: none; color: #da4620; }   
#main-content .title1 a:visited   { text-decoration: none; color: #E8E8E8; }
#main-content .title1 a:hover  { text-decoration: none; color: #da4620; }

#main-content .product-subnav a:link   { text-decoration: none; color: #8e817c;}
#main-content .product-subnav a:active { text-decoration: none; color: #da4620; }   
#main-content .product-subnav a:visited   { text-decoration: none; color: #8e817c; }
#main-content .product-subnav a:hover  { text-decoration: none; color: #da4620; }

h5 a:link   { text-decoration: none; color: #ffffff;}
h5 a:active { text-decoration: none; color: #bdafa9; }  
h5 a:visited   { text-decoration: none; color: #ffffff; }
h5 a:hover  { text-decoration: none; color: #bdafa9; }

#footer a:link   { text-decoration: none; color: #ffffff;}
#footer a:active { text-decoration: none; color: #ffffff; } 
#footer a:visited   { text-decoration: none; color: #ffffff; }
#footer a:hover  { text-decoration: none; color: #ffffff; }

#topper #topRight a:link   { text-decoration: none; color: #ffffff;}
#topper #topRight a:active { text-decoration: none; color: #ffffff; } 
#topper #topRight a:visited   { text-decoration: none; color: #ffffff; }
#topper #topRight a:hover  { text-decoration: none; color: #ffffff; }

.products-table-home a:link   { text-decoration: none; color: #ffffff;}
.products-table-home a:active { text-decoration: none; color: #C1BAB7; }    
.products-table-home a:visited   { text-decoration: none; color: #ffffff; }
.products-table-home a:hover  { text-decoration: none; color: #C1BAB7; }

#subnav1 a:link   { text-decoration: none; color: #8e817c;}
#subnav1 a:active { text-decoration: none; color: #da4620; }    
#subnav1 a:visited   { text-decoration: none; color: #8e817c; }
#subnav1 a:hover  { text-decoration: none; color: #da4620; }

#image-right-contractors .text a:link   { text-decoration: none; color: #da4620;}
#image-right-contractors .text a:active { text-decoration: none; color: #4B4441; }  
#image-right-contractors .text a:visited   { text-decoration: none; color: #da4620; }
#image-right-contractors .text a:hover  { text-decoration: none; color: #4B4441; }

#areaAnswer,
#Answer {
	font-weight: bold;
}

div#col2 div#gallery-column-left, div#col2 div#gallery-column-right {
	width:50%;
}

div#col2 div#gallery-column-left {
	float:left;
}
div#col2 div#gallery-column-right {
	float:right;
}

div#col2 div#gallery-column-left img, div#col2 div#gallery-column-right img {
	padding-bottom:2%;
}

div#col2 div#gallery-column-left p, div#col2 div#gallery-column-right p {
	padding:1% 1% 1% 1%;
	margin:1% 1% 1% 1%;
}


/*********************/


form.cmxform fieldset {
  margin-bottom: 10px;
  font-size: 80%;
  padding-bottom: 30px;
  color: #8e817c;
}

form.cmxform ul {
	list-style-type: none;
	background-image: none;
}
form.cmxform li {
	list-style-type: none;
	background-image: none;

}

form.cmxform input.text { 
	height: 15.5pt;
	line-height: 15pt;
	margin-bottom:9px;
}

form.cmxform .error input.text {
	height: 15.5pt;
	line-height: 15pt; 
	 margin-bottom:9px;
}

form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  	color:#8e817c;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
  color: #8e817c;
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}