/*
COLORS
 
CJ Spray blue = #004477
Navy blue = #005c90 
Product title blue =  #0088bb
Hover state blue = #66ccff
Pale divider lines = #e4eeee   
Orange = #ffaa00
Copy/Nav grey = #666666 
Nav hover bg = #fafaf0

*/


/* ----------------
    DEFAULTS
    ------------- */  
body {
    margin: 0; 
    color: #666;
    text-align: center;
	font: 12px/16px verdana, helvetica, arial, sans-serif;
	background: #e4eeee url(../images/bg_content.gif) 50% 0 repeat-y;
}
body.popup {
	background: white;
}

h1, h2, h3, h4, h5, h6 {
    color: #005c90;    
    font-weight: normal;
}  

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
    color: #4b4b4b;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #582779;
}
a.noHref { color: inherit !important; }

h1 { font-size: 1.2em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; font-weight: bold; color: #0088bb;}
h4 { font-size: 0.9em; font-weight: bold;}
h5 { font-size: 0.9em; }
h6 { font-size: 0.9em; } 

h1 { 
    margin: 0;
    color: #3f2b16;
    padding: 0; 
} 
    #top h1 {
        width: 450px;
    }

h2 {
    margin-top: 0;
} 

h3 {
    
}  

a,
a:link,
a:visited {
    color: #0088CC;
    outline: none;
}
a:hover,
a:active {
    color: #66ccff;
}    

a img {
    border: none;
}

a, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 1em;
    line-height: 1.5em;
    border-collapse: collapse;
} 

table td { text-align: left;}

fieldset { border: none; }
legend { }

p {
	margin-top: 0;
}

hr {
    color: #f0f0f0;
    background-color: #f0f0f0;
    height: 1px; 
    border: 0;
    margin: 0 10px;
}   

/*ul, ol {
    clear: both;
}*/

ol {
}  

li {
} 

blockquote, q {
    margin: 1em 2em;
    padding: 1em;
    border-left: 1px solid #dcd6c6;
    font-style: italic; 
    font-size: 1.2em;   
    color: #666; 
}   

small,
.small { 
    font-size: .8em;
} 

address {  
    padding-bottom: 1em;
    border-bottom: 1px dashed #e4eeee;
}
/* ----------------
    END DEFAULTS
    ------------- */
    
    
    
/* ----------------
    STUCTURE
    ------------- */ 
#wrapper {
    width: 850px;
    min-height: 400px; 
    margin: 0 auto;
    text-align: left; 
    background-color: #fff;
} 

#header {
    height: 110px; 
    background: #e4eeee url(../images/bg_header.gif) 0 0 repeat-x;
}  

#headerInner {
    width: 850px; 
    height: 110px;
    margin: 0 auto; 
    position: relative; 
}                  
    #headerInner h1 {
        position: absolute;
        top: 25px;
        left: 0; 
    }
    #headerInner h1 a {
        text-indent: -9999px;   
        display: block;
        width: 215px;
        height: 65px;
        background: url(../images/logo_cjspray.gif) 0 50% no-repeat;
    }  
    #headerInner h2,
    #headerInner h3 {
        margin: 0;
        position: absolute;
        right: 0;
        top: 40px;
    }  
    #headerInner h2 {
        width: 302px;  
        height: 20px;
        text-indent: -9999px;
        background: url(../images/header_tagline.gif) 0 0 no-repeat;
    }
    #headerInner h3 { 
        top: 64px;
        width: 253px;  
        height: 18px;
        text-indent: -9999px;
        background: url(../images/header_contact.gif) 0 0 no-repeat;
    } 

#nav,
#top {  
    position: relative;
    height: auto;
}
#navTop {
    min-height: 120px;
}
#navTop, #navBottom, #top { padding: 10px; position: relative; }
#navTop, #top { border-bottom: 1px solid #e4eeee;  }

	body.includeNav #nav {
		float: left;
		border-right: 1px solid #e4eeee;
		width: 208px;
		left: 1px;
		z-index: 70;  
	}
	body.includeNav #top {
		float: left;
		width: 620px;
	}
    body.home #navTop {
        min-height: 300px;
        border-bottom: 0;
    }
    body.home #nav {
        border-right: 1px solid #e4eeee;
        border-bottom: 1px solid #e4eeee;
    } 
    body.home #top {
        min-height: 300px;
    }
    body.internal #top {  
	    background-position: 100% 50%;
	    background-repeat: no-repeat;
	}
    body.homeowner-tip-selector #top,
    body.homeowner-spray-tip-info #top {
   		background-position: 80% 0% !important;
    }
    body.homeowner-airless-sprayer #top {
   		background-position: 100% 0% !important;
    }


#nav,
#columnSub {
    position: relative;  
    width: 189px;
}    
#columnSub {
    padding: 10px;
}
body.home #columnSub {
    width: 209px;
}

#columnSub,
#columnMain {
    float: left;
    position: relative; 
    min-height: 140px;
}   
    #columnSub {
        float: right;
    }  
	   .productCategory #columnMain { 
	        padding: 20px 25px 25px 25px;  
	    }                   
    body.home #columnMain,
    body.internal #columnSub {
        background: url(../images/bg_cornerfade.jpg) 0 1px no-repeat;
    }

#columnMain {
	float: left;   
    padding: 25px 30px 30px 30px;  
    width: 580px;
    border-right: 1px solid #e4eeee;
}
	body.home #columnMain {
	    width: 560px;
	    clear: left;
	}
    body.internal #columnMain {
        width: 369px;
    }
    body.homeowner-paint-sprayers #columnMain {
        padding: 10px;
        width: 410px;
    }
    body.contact-us #columnMain,
    body.material-manufacturers #columnMain {
   		width: 349px !important;
    }  
    body.contact-us #columnSub,
    body.material-manufacturers #columnSub {
    	width: 209px !important;
    }  
    
    
body.oneColumnPage #columnMain {
    width: 790px;
    border-right: none;
}
body.oneColumnPageWithNav #columnMain {
    width: auto;
}

body.includeNav #wrapperInner {
    float: left;
    width: 640px;
    border-left: 1px solid #e4eeee;  
}
body.home #wrapperInner {
	float: none;
    border-left: 0; 
    width: 850px;
}

#footer { 
    height: 50px;  
    clear: both; 
    text-align: center;
    background: url(../images/bg_footer.gif) 0 0 repeat-x;
    padding-bottom: 50px;
}              

/* ----------------
    END STRUCTURE
    ------------- */ 



/* ----------------
    MAIN NAV
/* Headers */
#nav h1,
#nav h2 {
   margin: 20px 0 0 10px;
}
#nav h1, #nav h2,
#nav h1 a, #nav h2 a {
   color: #005c90;   
   font-weight: normal;
   text-transform: uppercase;  
   text-decoration: none;
}
#nav h1 a:hover, #nav h2 a:hover,
#nav h1 a:active, #nav h2 a:active {
   text-decoration: underline;
}

/* Main Menu */
#nav ul {           
    margin: 0;
	padding: 3px 3px 3px 10px; 
	list-style: none;
	position: relative; /* ie6/ie7 z-index issue */
	z-index: 1000;
}
#nav ul li {
	margin: 0;
	padding: 0;
	position: relative;
	/* alt style in ie6.css */
}   

#nav ul a {   
	display: block;
	text-decoration: none;
	padding: 2px;
	color: #666666;
}
#nav ul a:hover,
#nav ul li.hasFlyOut:hover,
#nav ul li.hover:hover,
#nav ul a:active { 
    color: #666;
    background-color: #fafaf0;
} 
#nav ul ul {
	background-color: #fafaf0;
	margin-bottom: 4px;
}
#nav ul ul a {
	padding-left: 19px;
	margin-left: -6px;
	background: #fafaf0 url(../images/bullet.gif) 4px 50% no-repeat;
}
#nav ul ul a:hover {  
	color: #666;
	background-color: #fff;
}
#nav ul ul li.active a {
    background-image: url(../images/bullet_orange.gif)
}

#nav li.active {
    font-weight: bold;
}                    
#nav li.active ul {   
    font-weight: normal;
}

/* Main Nav Hover Menu */

#nav ul ul.flyout {
	position: absolute;
	top: 0; 
	display: none; 
	left: 133px; 
	z-index: 150;
	width: 175px;
}

#nav ul li:hover ul.flyout,
#nav ul li.hover ul.flyout { display: block; }

/* Search */

#nav .search {  
    padding: 10px 0;
    margin-top: 2em;
    width: 190px; 
    text-align: left;
    background-color: #e4eeee;
}  
    body.home #nav .search {
        position: absolute;
        bottom: 10px;
    } 
    #nav .search h2 {
    	padding-left: 10px;
    }
    #nav .search form {
        margin: 0 10px;
    }
    #nav .search p {
        margin: 0;
        padding: 0;
    }

#nav .searchField {
    width: 120px;
    height: 19px;
    border: 1px solid #a4bbc0; 
    float: left; 
    padding: 0;
} 
.searchButton {
    float: right;
	border: 0 solid #e4eeee;
	border-width: 1px 0 0 1px;
}
	.searchButton:hover {
		border-width: 0 1px 1px 0;
		border-color: #d0d6da;
	}
	.searchButton:active {
		border-color: #e4eeee;
		border-width: 1px 0 0 1px;
	}

#nav h2 {
    margin: 0 0 10px 0;  
} 

#nav .search button { 
    border: 0;   
    cursor: pointer;
    color: #fff;
    background-color: #0088bb;
}

.search p.disclaimer { clear: both; font-size: 0.833em; }
#nav .search p.disclaimer { padding: 0.5em 12px 0 12px; }

#inlineSearch .searchField { float: left; height: 19px; padding: 0; margin-right: 10px; }
#inlineSearch .searchButton { float: left; }

/* ----------------
    END MAIN NAV
    ------------- */ 
    
/* ----------------
    SUB NAV
    ------------- */
#subNav {
    margin: 0 -10px 0 -10px;
    padding: 8px 0 0 20px;
    list-style: none; 
    clear: both; 
    border-top: 1px solid #e4eeee;
} 
    #subNav li {
        float: left;
    } 
    #subNav a,
    #subNav a:visited { 
        color: #0088cc;         
        padding: 3px 10px;
        border-left: 1px solid #ccc;
    } 
        #subNav li.first a {
            border: none !important;
        }
    #subNav a:hover,
    #subNav a:active {
        color: #66ccff;
    }
    #columnMain #subNav {
	    border-top: none;
	    font-size: 0.9em;
	    margin-bottom: 1.5em;
	} 
    
/* ----------------
    END SUB NAV
    ------------- */
    
/* ----------------
    HEADER NAV ITEMS
------------- */
#toolbar ul,
#sections ul {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
    display: block;
    width: auto;
    white-space: nowrap;
} 
    #toolbar ul {
        margin: 6px 6px 0 0;
    } 
    #sections ul {
        margin-bottom: 3px;
    }
    #toolbar li,
    #sections li { 
        margin: 0;
        display: inline;
        padding: 0 3px;
    }
    #toolbar li {
        border-left: 1px solid #fff;
    }  
    #sections li {
        border-left: 1px solid #efefef;
    }                            
    #toolbar li.first,
    #sections li.first {
        border: none;
    }
    
#toolbar {  
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    height: 30px;
    font-size: 10px;
    color: #fff;
    background: url(../images/bg_toolbar.gif) 0 0 no-repeat; 
} 
    #toolbar a {
        color: #fff;
        text-decoration: none; 
        padding: 0 3px;
    } 
    #toolbar li.active a {
        color: #efefef;
    } 
    
#sections {  
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    color: #ffaa00;
} 
    #sections a {
        color: #ffaa00;
        text-decoration: none; 
        padding: 0 3px;
    } 
    #sections li.active a {
        color: #004477;
    } 
    #sections a:hover,
    #sections li.active a:hover {
        color: #66ccff;
    }
    
/* ----------------
    END HEADER NAV ITEMS
------------- */    
    
    
    
/* ----------------
    MISC STYLES
    ------------- */
#columnMain h1 {
    color: #ffaa00;
    margin: 0 0 10px 0;  
    padding-bottom: 10px;
    border-bottom: 1px dashed #e4eeee;
}                                     
    #columnMain h1 span {
        font-size: .8em;
        color: #666;
        display: block; 
        margin-top: 5px;
    }   
    
    
body.internal #top h1 {
    color: #ffaa00;
    font-size: 30px;
    margin: 20px;
}
.sIFR-active #top h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 30px;
  padding-bottom: 0; 
  margin-bottom: 0;
}  

body.internal #top p {
    color: #999; 
    font-size: 1.1em;
    font-style: italic;  
    margin: 1em 20px;
}  
    body.internal #top p#breadCrumbs {
        font-style: normal;
        font-size: .8em;
    }
    #breadCrumbs a.active {
    	text-decoration: none;
    }
    #breadCrumbs a,
    #breadCrumbs a:link,
    #breadCrumbs a:visited {
        color: #666666;
    } 
    #breadCrumbs a:hover,
    #breadCrumbs a:active {
        color: #0088cc;
    } 

body.internal #top img {
    float: right;
    margin: -5em 20px 20px 20px; 
    /*position: absolute;
        right: 20px;
        top: 20px;   */
}
    
body.internal #columnMain h2 {
    color: #004477;
    font-weight: bold;
}
    
body.internal #columnMain b {
    /*color: #0088BB;*/
} 
    
#columnSub ul {
    margin: 0 0 5px 30px; 
    padding: 0;
} 
	#columnSub ul ul {
	    margin-left: 1em;
	} 
    body.internal #columnSub ul,
    body.internal #columnSub ol {
    margin-bottom: 0;
    }
    body.internal #columnSub div.checklist ul,
    body.internal #columnSub div.checklist ol {
        font-size: .8em;
        margin: 15px;
    }
    body.internal #columnSub div.checklist ul {
        list-style-image: url(../images/bullet_square.gif);
    } 
#columnSub h3 {
    margin: 20px 0 0 15px;
} 
#columnSub a.more {
    margin-left: 15px;
}

.button {
	position: relative; /* hasLayout Fix */
	background: url(../images/bg_button_lg.jpg) 100% 100% no-repeat;
}    
    .button a {
        display: block;           
        color: #0088bb;      
        margin: 5px 0 10px 0;
        padding: 10px 30px 10px 10px;  
        border: 1px solid #e4eeee; 
        font-size: 1.2em;
        line-height: 1.2em;
        text-decoration: none; 
        text-transform: uppercase;
        background: url(../images/bullet_lg.gif) 95% 50% no-repeat;
    }  
    .button a:hover { 
        border: 1px solid #a4bbc0;
        background-image: url(../images/bullet_lg_orange.gif);
    } 
    
#footer,
#footer a {
    color: #999999;
    font-size: .9em;
}                 
    #footer ul {
        margin: 0;
        padding: 10px 0;
        list-style: none;
    }  
    #footer li { 
        display: inline;
        border-left: 1px solid #999999;
    }   
    #footer li.first {
        border-left: none;
    } 
    #footer li a {
        padding: 5px;
    }   
    #footer li a:hover {
        color: #66CCFF;
    }   
    #footer p {
        clear: left;
        margin: 0;
        font-weight: bold;
    }
    #footer p.plauditCredit a {
        font-weight: normal;
        font-size: 0.8em;
        text-decoration: none;
    }
   	#footer p.plauditCredit a:hover {
        color: #66CCFF;
    } 

#flash {
    position: relative;
    font-size: 1.2em;
    line-height: 1.1em;
    text-transform: uppercase;  
}
    #flash a {
        color: #fff;
        text-decoration: none; 
        line-height: 1.1em; 
    }  
    #flash a.flashContentMain {
        position: absolute;
        bottom: 25px;
        left: 25px;
        width: 220px;
    }
    #flash a.flashContentSub {
        position: absolute;
        bottom: 25px;
        left: 425px;
        width: 160px;
    } 

div.note,
div.alert {
	color: black;
	font-size: 0.9em;
	border: 0 solid #DDD;
	border-width: 1px 0 1px 0;
}
div.alert {
	background: 3px 10px url(../images/alert-icon.gif) no-repeat;
	padding: 0 0 0 44px;
}

#columnMain img.floatLeft {
	float: left;
	margin: 0 20px 10px 5px;
}
#columnMain img.floatRight {
	float: right;
	margin: 0 5px 10px 20px;
}

ul.additionalLinks,
ul.videoLinks {
	font-size: .8em;
	margin: 0 0 2em 0;
	padding: 5px 5px 5px 35px;
	border: 1px solid #e4eeee;
	background-color: #f5fafa;
}
ul.videoLinks {
	list-style-image: url(../images/video-icon.gif);
}
li.videoLink {
	list-style-image: url(../images/video-icon.gif);
}
ul.videoLinks li {
	line-height: 1.1em;
	padding: 2px 0;
}

/* ----------------
    END MISC STYLES
    ------------- */  
    
    
    
/* ----------------
    PRODUCTS
    ------------- */
.product,
.product dd,
.product a.productImage {
    width: 125px;
}
.product {
    float: left;
    margin: 0 20px 0 0;
    height: 280px; 
    padding: 0 0 12px 0;
    border: 1px solid #fff;
    position: relative;
}
	body.home .product,
	body.home .product dd,
	body.home .product a.productImage {
        width: 143px;
    }
    body.productPage .product,
	body.productPage .product dd,
	body.productPage  .product a.productImage {
	    width: auto;
	}
    body.productPage .product {
    	height: auto;
    }
    body.productPage .product dt a,
    body.productPage .product dt a:hover {
    	font-size: 0.9em;
    	line-height: 1em;
    	background-image: none;
    }
    body.productPage .product dd .price {
    	font-size: 1.3em;
    }

.product dl,
.product dt,
.product dd {
    margin: 0;
    padding: 0;
    text-align: left;
}
    .product dl {
        position: absolute;
        left: 0;
        margin: 2px 4px;
    } 
    .product dt {
        font-weight: normal;
        font-size: 0.97em;
        padding-top: 5px;
    }  
    .product dd {
        padding-top: 2px;
    }  
    body.home .product dt,
    body.home .product dd {
    } 
        .product a {   
        	display: block;
        }
        .product dt a {    
            color: #0088bb;
            padding-right: 20px;
            display: inline-block;
            background: url(../images/bullet_lg.gif) 100% 50% no-repeat;
            text-decoration: none;
            line-height: 1.2em;
        }   
        .product a.productImage {
			display: block;
			height: 160px;
			background-image: url(../images/product-thmb.png);
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}
       		.product a.productImage img {}
        .product dt a:hover { 
            color: #66ccff; 
            background-image: url(../images/bullet_lg_orange.gif);
        }    
        .product sup {
            font-size: 10px;
            line-height: 1em;
            display: block;
            padding: 0;
            margin: 0;
            float: left;
        }  
        .product dd .price {
            font-size: 1.4em;
            line-height: 1em;
            color: #ffaa00;
            float: right;
            white-space: nowrap;
        }  
        
.productDeal {               
    padding: 10px;
    background-color: #e4eeee;
}  
    .productDeal h1 {
        font-size: 1.7em;
        line-height: 1em;
        color: #005c90;  
        text-transform: uppercase;
    } 
    .productDeal p { 
        margin: 0;
        font-size: .8em;
    } 
    .productDeal p.tag {
        text-transform: uppercase; 
        color: #005c90; 
        margin: 1em 40px 1em 0;
    } 
    .productDeal .action {   
        padding: 10px; 
        margin: 5px -9px;
        background-color: #fff;
    }  
        .productDeal .action form {
            float: right;
        }

.pricing {
    margin: 0 -10px 10px -10px;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #e4eeee;
}
    .pricing p {
        color: #a9bfc4;
        text-transform: uppercase;
        margin: 0;
    }
    .pricing h4,
    .productLinks h4 {
        color: #a9bfc4;
        text-transform: uppercase;  
        font-weight: normal;  
        margin: 0;
    }              
    .pricing h4 {
        float: left;
    }              
    .pricing span.price {
    	padding-left: 4px;
    } 
    .productPage .pricing span.price {
        font-size: 1em;
        color: #005C90;
    } 
    .pricing .msrp {
    }
    .pricing form {
        float: right;
        margin-top: 10px;
    }
    .pricing .ourPrice {
    	clear: both;
    	padding-top: 4px;
    }
    .pricing .ourPrice h4 {
    	font-size: 1em;
    	padding-bottom: 2px;
    }
    .productPage .pricing .ourPrice span.price {
        font-size: 2.1em;
        color: #FFAA00;
    } 
.price {
    color: #ffaa00; 
    font-size: 1.4em;
}  

.productLinks {       
    margin: 10px -10px;
    padding: 20px;
    border-top: 1px solid #e4eeee;
    background: url(../images/bg_cornerfade.jpg) 0 1px no-repeat;
    min-height: 70px;
} 
    body.internal #columnSub .productLinks ul {  
        list-style: disc;
        padding: 0;
    } 
    
.otherModels {
    margin-top: 10px;
}    
    .otherModels h2 {
        text-transform: uppercase;
    }  
    .otherModels .product.thumbnail {
        float: none;
        margin: 0;
        width: auto; 
        min-height: 0; 
        border: none;
    } 
    .otherModels .product.thumbnail img {
        float: left;
        border: 1px solid #e4eeee;
    }
    .otherModels .product.thumbnail dl {   
        margin: 0 0 0 60px;
        width: 125px;
    }

.gallery {
    height: 340px;
    text-align: center;      
    margin-bottom: 20px;
    border-bottom: 1px dashed #e4eeee;
}    
.gallery .thumbnails {
    float: right;
    width: 60px;
}               
    .gallery .thumbnails a {
        width: 50px;
        height: 50px;  
        display: block;
        margin: 4px 0;
        padding: 1px;
        background-color: #e4eeee;
        border: 3px solid #fff;
    }  
    .gallery .thumbnails a:hover {
        border-color: #e4eeee;
    }
    .gallery .thumbnails a.active {
        background-color: #FFAA00;
        border-color: #fff;
    }
    
/* ----------------
    END PRODUCTS
    ------------- */ 


/* ----------------
    TABLES
    ------------- */
/* general syling */
table th,
table .tableRowMain {
	background-color: #005c90 !important;
	font-weight: bold;
	color: white;
}
table th a,
table .tableRowMain a {
	color: white;
}

table th,
table td {
	text-align: center;
	padding: 5px 3px;
}
table tr.oddRow td {
	background: #fafcfc;
}
table.data td {
	border-top: 1px solid #e4eeee;
}
table th.first,
table td.first {
	text-align: left;
	width: 200px;
	background-color: #f3f8f8;
	border-right: 1px solid #e4eeee;
}
table td.note {
	font-size: 0.8em;
	text-align: left;
}

table .tableColumn01,
table .tableColumn02,
table .tableColumn03 {
	color: #000;
	font-weight: bold;
}
table .tableColumn01 {
	background-color: #fff;
}
table .tableColumn02 {
	background-color: #f5fafa;
}
table .tableColumn03 {
	background-color: #dceaef;
}

/* specific table syling */
body.homeowner-sprayer-comparison table.comparisonChartTable {
	margin-top: 2em;
}
table.selectorTable,
table.comparisonChartTable {
	width: 100%;
	margin-bottom: 1em;
	border-bottom: 1px solid #e4eeee;
	clear: both;
}
table.selectorTable {
	margin-bottom: 2em;
}
	table.selectorTable th {
		width: 33%;
	}
	
table.productSpecs {
    width: 100%; 
    background-color: #e4eeee;
    font-size: .8em; 
    margin: 0;
}              
    table.productSpecs th {
        color: #0088BB;
        text-align: left;
    }
    table.productSpecs td {
        width: 50%; 
        padding: .5em;
        text-align: left;
    } 

div.popup table td.tl,
div.popup table td.t,
div.popup table td.tr,
div.popup table td.body,
div.popup table td.bl,
div.popup table td.b,
div.popup table td.br {
	border: none;
}

table.shippingOptions { }
	table.shippingOptions td { padding: 0; }
	table.shippingOptions label { width: auto; float: none; margin: 0; padding: 0; top: 0; }
		table.shippingOptions label input { display: block; float: left; }
	
.paymentArea label { width: auto; float: none; margin: 0; padding: 0; top: 0; }
	

/* ----------------
    END TABLES
    ------------- */


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

form label {
	display: block;
	width: 60px;
	top: -1px;
	line-height: 23px;
	margin-bottom: -25px;
}
form .long-label label {
	width: auto;
	margin-bottom: 0;
}
form .inputText,
form .selectOneMenu {
	display: block;
	width: 154px;
	margin-left: 100px;
	margin-bottom: 4px;
	border:1px solid #CCCCCC;
}
form select {
	border:1px solid #CCCCCC;
}
form .long-label .inputText,
form .long-label .selectOneMenu {
	width: auto;
	margin-left: 0;
}
form .inputTextStateWrapper,
form .inputTextZipCodeWrapper {
	float: left;
}
	form .inputTextStateWrapper {
		margin-right: 15px;
	}
	form .inputTextStateWrapper .inputText {
		width: 30px;
	}
	form .inputTextZipCodeWrapper label {
		width: 30px;
	}
	form .inputTextZipCodeWrapper .inputText {
		width: 67px;
		margin-left: 30px;
	}
	
form label.comments  {
	width: 300px;
	margin-bottom: 0;
}
form textarea.comments {
	padding: 2px;
	height: 6em;
	width: 260px;
	clear: both;
}
form input:hover,
form select:hover,
form textarea:hover {
	border-color: #a8caca;
}
form input:focus,
form select:focus,
form textarea:focus {
	background-color: #ffffe5;
	border: 1px solid #c0d4d4;
}

form.theSelector {
	margin-bottom: 2em;
}
	form.theSelector label {
		width: 275px !important;
		font-weight: bold;
		color: #000;
	}
	form.theSelector select {
		display: block;
		width: 180px;
		margin-left: 275px !important;
		margin-bottom: 4px;
	}
	



/* ----------------
    FORM ELEMENTS
    ------------- */
fieldset {
	border: 1px solid #e4e4e4;
	margin: 2em 0 0 0;
}
	fieldset ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		fieldset li {
			clear: both;
			padding: .5em;
		}
		
fieldset legend {
	font-weight: bold;
	margin: 0;
}
fieldset .inputText,
fieldset .inputTextarea,
fieldset .inputTextareaSmall {
    width: 170px;
    overflow: auto;
    padding: 4px;
}
fieldset .inputTextarea {
	height: 8em;
	width: 300px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 1.1em;
}
fieldset .inputTextareaSmall {
	height: 4em;
}
fieldset p.submit {
	text-align: center;
}

div.errors {
	background: #FFFCD7 url(../images/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	width: 100%;
}
	div.errorsInner {
		padding: 1em 10px 1em 90px;
		background: url(../images/big_error.gif) 15px 50% no-repeat;
		min-height: 65px;
	}
	div.errorsInner ul {
		margin: 0;
		padding: 0;
	}
label span {
	color: red;
}

form fieldset {
	border: 0;
	margin: 0;
	padding: 5px;
}
form div.fieldArea {
	padding-left: 150px;
	position: relative;
	margin-bottom: 5px;
}
	body.login form div.fieldArea {
		padding-left: 100px;
	}
	body form .howHearFieldArea {
		padding-left: 0;
	}
		body form .howHearFieldArea label {
			position: static;
			width: auto;
			margin-bottom: 0;
		}
		body form .howHearFieldArea select {
			width: 250px;
		}
form div.fieldArea.required,
.fieldRequiredDesc {  left: -10px; position: relative; }
form div.fieldArea.required { padding-left: 160px; }
	form div.fieldArea.required label,
	.fieldRequiredDesc { padding-left: 6px; border-left: 4px solid #e4eded; }
	
form .fieldArea label {
	position: absolute;
	left: 0px;
	display: block;
	width: 180px;
}

.message { font-size: 10px; display: block; position: relative; top: -1px; }
.error { color: red; }
    
/* ----------------
    ENTRY PAGE
    ------------- */
body.entry-page #columnMain h1 {
	font-size: 32px;
	line-height: 1em;
	border-bottom: none;
	padding-bottom: 0;
}
body.entry-page ul#setionLinks {
	list-style: none;
	margin: 0;
	padding: 0;
}
body.entry-page ul#setionLinks li.homeowner,
body.entry-page ul#setionLinks li.professional,
body.entry-page ul#setionLinks li.industrial {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	display: block
}
body.entry-page ul#setionLinks li.last {
	margin-right: 0;
}
body.entry-page ul#setionLinks li.homeowner a,
body.entry-page ul#setionLinks li.professional a,
body.entry-page ul#setionLinks li.industrial a {
	cursor: pointer; /* For IE */
	display: block;
	width: 270px;
	height: 300px;
	background-color: #edf5f5;
	background-repeat: no-repeat;
	position: relative;
	
	font-size: 1.25em;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
body.entry-page ul#setionLinks li.homeowner a {
	background-image: url(../images/entry-page/sectionLinks-homeowner.jpg);
}
body.entry-page ul#setionLinks li.professional a {
	background-image: url(../images/entry-page/sectionLinks-professional.jpg);
}
body.entry-page ul#setionLinks li.industrial a {
	background-image: url(../images/entry-page/sectionLinks-industrial.jpg);
}

body.entry-page ul#setionLinks li.homeowner a:hover,
body.entry-page ul#setionLinks li.professional a:hover,
body.entry-page ul#setionLinks li.industrial a:hover {
	text-decoration: underline;
}
body.entry-page ul#setionLinks li a span {
	display: block;
	width: 100%;
	border-top: 1px solid white;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 18% 0 18% 0;
	background: #a9bec3 url(../images/entry-page/sectionLinks-bg.gif) repeat-x;
}
body.entry-page ul#setionLinks li a:hover span {
	background: #ffae0c url(../images/entry-page/sectionLinks-bg-hover.gif) repeat-x;
}
/* ----------------
    END ENTRY PAGE
    ------------- */





input[type="text"],
input[type="password"],
inputText,
textarea {
    border: 1px solid #ccc; 
    padding: 5px;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 1em;
} 

.alignCenter {
    text-align: center;
}         



/* -----------------
	BUTTONS
------------------ */
form input.inputButton,
form input.inputButton:active,
form input.inputButton:focus {
	font: 9px verdana,helvetica,arial,sans-serif;
	line-height: 17px; /* font size plus top and bottom padding */
	padding: 4px 8px;
	letter-spacing: 0.3px;
	top: 1px;
	background-color: #005C90;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	border: 0 solid #fff;
	border-width: 1px 0 0 1px;
	display: block;
	width: auto;
  	overflow: visible;
}
form input.inputButton {
	float: left;
}
form input.inputButton:hover {
	border-width: 0 1px 1px 0;
	border-color: #d0d6da;
}
form input.inputButton:active {
	border-color: #fff;
	border-width: 1px 0 0 1px;
}
	form input.addToCart {
		padding: 0 !important;
	}
	form input.add {
		padding-right: 18px !important;
		background: #005C90 url(../images/cart/icon_add.gif) 100% 50% no-repeat !important;
	}
	form input.checkOut,
	form input.placeOrder,
	form input.nextCheckout {
		padding-right: 18px !important;
		background: #005C90 url(../images/icon_arrow.gif) 100% 50% no-repeat !important;
		float: right;
	}
	form input.previousCheckout {
		padding-left: 18px !important;
		margin-right: 4px;
		background: #005C90 url(../images/icon_arrow_prev.gif) 0 50% no-repeat !important;
	}
	
	form input.remove {
		width: 17px;
		height: 17px;
		border: 0;
		background: #a4bbc0 url(../images/cart/icon_remove.gif) 0 0 no-repeat !important;
		text-indent: -9999px;
		margin: 1em .5em;
	}
		form input.remove:hover { background-color: #005C90; border: 0; }
		
	form input.update {
		background-color: #77CC00 !important;
		margin-left: 5px;
	}
	form input.submit {
		padding-right: 18px !important;
		background: #005C90 url(../images/icon_arrow.gif) 100% 50% no-repeat !important;
	}
		body.login form input.submit {
			float: right;
			margin-right: 118px;
		}
	form input.misc {
		padding-right: 18px;
		background: #a4bbc0 url(../images/icon_arrow.gif) 100% 50% no-repeat !important;
	}
	form input.cancel {
		padding-right: 18px !important;
		margin-right: .5em;
		background: #CC0000 url(../images/cart/icon_x.gif) 100% 50% no-repeat !important;
	}
	form input.edit,
	form input.delete {
		text-decoration: none;
		padding: 3px 12px 3px 3px;
		font-size: .8em;
		text-transform: uppercase;
	}
	form .edit {
		color: #77CC00;
		background: url(../images/cart/icon_edit.gif) 100% 50% no-repeat !important;
	}
	form .delete {
		color: #CC0000;
		background: url(../images/cart/icon_delete.gif) 100% 50% no-repeat !important;
	}
	
/* -----------------
	ACTION ELEMENTS - add, edit, delete links
------------------ */
.actions {
	display: block;
	float: right;
	margin: 0 1em 0 0;
	width: 7em;
	text-align: right;
}
	a.edit,
	a.delete {
		margin: 0;
		text-decoration: none;
		padding: 3px 12px 3px 3px;
		font-size: .7em;
		text-transform: uppercase;
	}
	a.edit {
		color: #77CC00;
		background: url(../images/cart/icon_edit.gif) 100% 50% no-repeat;
	}
	a.delete {
		color: #CC0000;
		background: url(../images/cart/icon_delete.gif) 100% 50% no-repeat;
	}
	a.edit:hover,
	a.delete:hover {
		background-position: 100% 55%;
	}




/* -----------------
	PRODUCT ELEMENTS
------------------ */	
table.data {
	width: 100%;
	margin-bottom: 1em;
	border-bottom: 1px solid #e4eeee;
}	
	table.data th {
		background-color: #005c90;
		color: #fff;
		text-align: left;
	}
	table.data td {
		text-align: left;
		border-top: 1px solid #e4eeee;
	}

#succesCheckout {
	width: 435px;
}
	#succesCheckout table.data {
		width: auto;
	}

table.data th.subtotal,
table.data td.subtotal {
	text-align: right;
	padding-right: 10px;
}
table.data td.description { width: 450px; }
table.data td.quantity { width: 6em; }
table.data td.quantity .fieldArea { margin: 0; padding: 0; }
table.data td.quantity input { width: 5em; }

table.data tr.odd td,
.odd {
	background-color: #f6f9f9;
}

.price {
	font-size: 1em;
	color: #A4BBC0;
   	font-family: helvetica, arial, verdana, sans-serif;
}
	body.productPage .productDeal .price {
		font-size: 1.7em;
		color: #FFAA00;
	}
.subTotalAmount {
	font-weight: bold;
	color: #FFAA00;
}
.productTitle {
	/* no styling needed now. left here for future purposes */
}
.productChangeOptions {
	display: block;
	font-size: .8em;
	color: #a4bbc0 !important;
}
.thumbnail img {
	border: 1px solid #e4eeee;
}
.discount,
.tax {
	font-size: .8em;
	color #a4bbc0;
	display: block;
}


.cartTotalDetails {
	float: right;
}
	.cartTotalDetails td {
		border: 0;
		text-align: right;
		padding: 0 0 2px 4px;
	}



/* ----------------
    CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    the ID or class is the parent of the floated items
    ------------- */ 
#wrapper:after,
#wrapperInner:after,
#top:after,
#columnSub:after,
.pricing:after,
.product.thumbnail:after,
.search:after,
fieldset li:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

#wrapper,
#top,
#columnSub,
.pricing,
.product.thumbnail,
.search,
fieldset li { 
	display: inline-block; 
	_height: 1%;
}

/* Hides from IE-mac \*/
#wrapper,
#wrapperInner,
#top, 
#columnSub,
.pricing,
.product.thumbnail,
.search,
fieldset li { display: block; }
/* ----------------
    END CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    ------------- */
 
 	
/* ----------------
	MISC
    ------------- */
.clear {clear: both;}

.checkoutControls { display: block; clear: both; padding-top: 15px; }

.cartEstimateTaxAndShipping { position: relative; }
.cartEstimateTaxAndShipping #shipToStatus { position: absolute; left: 300px; margin-top: -30px; display: block; }
.shipToBox #shipToStatus { position: absolute; right: 50px; top: 2em; }
#paymentStatus img, #shipToStatus img { vertical-align: middle; }
#paymentStatus span, #shipToStatus span { margin-left: 5px; font-size: 10px; }

.loginFormBoxed,
.saveAccountForm,
.paymentArea,
.shipToBox,
.paymentArea .creditCardInfo {
	display: block;
	width: 450px;
	padding: 10px;
	border: 1px solid #e4eeee; 
	background: #FFF url(../images/bg_button_lg.jpg) 100% 100% no-repeat;
	position: relative;
}

.saveAccountForm {
	padding: 20px;
	float: right;
	width: 300px;
}

.searchForm {
	width: 582px;
	background-color: #E4EEEE;
	position: relative;
	border: 1px solid #E4EEEE;	
}
	.searchForm .fieldArea {
		margin: 10px 20px;
		padding-left: 75px;
	}
	.searchForm .fieldArea label {
		width: 75px;
		color: #005C90;
		text-transform: uppercase;
	}
	.searchForm .searchButton {
		position: absolute;
		left: 260px; top: 12px;
		background: #FFF url(../images/btn_search.gif) 0 0 no-repeat;
		width: 40px;
		height: 21px;
		text-indent: -99999999px;
		cursor: pointer;
	}

.loginFormBoxed {
	padding: 20px;
	float: right;
	width: 230px;
	z-index: 20;
}
	#loginForm .fieldArea { padding-left: 90px; }
	#loginForm label { width: 90px; }
	
.shipToBox .differentShipping { padding: 15px 15px 5px 15px; }

.paymentArea .creditCardInfo { padding: 15px 15px 5px 15px; width: 415px; }

.paymentArea label { display: inline; }
.paymentArea .cardOwner label { float: none; padding: 0; margin: 0; }
.paymentArea .cardOwner input { padding: 0; margin: 0; }
.paymentArea td { padding: 0; text-align: left; }

.canadaShippingNotice {
	background: #FFFCD7 url(../images/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 0 0 1em;
	padding: 1em;
	font-weight: bold;
	font-size: .9em;
}

#checkoutForm {
	padding-top: 21px;
	display: block;
}

.pagination { text-align: center; width: 540px; position: relative; border-top: 1px dashed #E4EEEE; padding-top: 1.5em; padding-right: 50px; margin-top: 0.5em; }
	.pagination .pageInfo {
		position: absolute;
		right: 10px;
		padding-top: 2px;
		font-size: 0.8em;
		color: #999999;
	}
	.pagination a.current {
		font-weight: bold;
    	text-decoration: none;
        color: #999999;
    }
	.pagination .previous,
	.pagination .next {
		font-size: 0.9em;
        line-height: 1em;
        text-decoration: none; 
        text-transform: uppercase;
        color: #666666;
     }
	.pagination .previous {
		text-align: left;
        padding: 10px 10px 10px 18px;  
        background: url(../images/bullet_lg_prev.gif) 0 50% no-repeat;
    } 
	    .pagination .previous:hover {
	        color: #0088CC;
	        background: url(../images/bullet_lg_orange_prev.gif) 0 50% no-repeat;
	     }
    .pagination .next {
		text-align: right;
        padding: 10px 18px 10px 10px;  
        background: url(../images/bullet_lg.gif) 100% 50% no-repeat;
    }
		.pagination .next:hover {
	        color: #0088CC;
	        background: url(../images/bullet_lg_orange.gif) 100% 50% no-repeat;
	     }
    .pagination .page {
        padding: 10px 5px;  
    }
	
	
	

div.relatedProducts {
	border-top: 1px dashed #E4EEEE; padding-top: 0.2em; margin-top: 2em;
	clear: both;
}
ul.relatedProducts {
	list-style: none;
	padding: 0;
	margin: 0;
}
	.relatedProducts li {
		padding: 0 0 5px 60px;
		margin: 0 10px 0 0;
		width: 112px;
		position: relative;
		height: 50px;
		display: block;
		float: left;
	}
	.relatedProducts div.productImage,
	.relatedProducts img {
		border: 1px solid #E4EEEE;
		position: absolute;
		left: 0;
		width: 50px; height: 50px;
	}
	.relatedProducts div.productImage {
		background: url(../images/product-small-thmb.png) no-repeat 50% 50%;
	}
	.relatedProducts span.productName,
	.relatedProducts span.price {
		text-decoration: none;
		display: block;
	}
	.relatedProducts span.productName {
		color: #004477;
		padding-top: 5px;
		font-size: 0.95em;
		line-height: 1em;
	}
		.relatedProducts a:hover span.productName {
			color: #0088BB;
		}
	.relatedProducts span.price {
		color: #666666;
		font-size: 0.95em;
	}
	

.searchResults {
	position: relative;
}
.searchResults .result {
	padding: 10px 0;
	border-top: 1px dashed #E4EEEE;
	min-height: 50px;
}
.searchResults .resultProduct {
	padding-left: 60px;
}
	.searchResults .result h3 {
		margin: 0;
		padding: 0;
	}
		.searchResults .result h3 a {
			color: #005C90;
		}
		.searchResults .result h3 a:hover {
			color: #66CCFF;
		}
		.searchResults .result h3 .price {
			font-weight: normal;
			margin-left: 3px;
		}
	.searchResults .result p {
		margin: 0;
		padding: 0;
		padding-right: 5px;
	}
	.searchResults .result em {
		background-color:#FFFCCC;
		font-style: normal;
		font-weight: bold;
	}
	.searchResults .resultProduct img,
	.searchResults .resultProduct div.productImage {
		border: 1px solid #E4EEEE;
		position: absolute;
		left: 0;
		width: 50px; height: 50px;
	}
	.searchResults .resultProduct div.productImage {
		background: url(../images/product-small-thmb.png) no-repeat 50% 50%;
	}