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

ALWAYS INTERACTIVE
www.alwaysinteractive.com

V1 - Kleenmaid - October 2008

Blue: #19809D
Dark Grey: #58585A

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

html, body, div, 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;
}
fieldset, img {
	border: none;
}
caption, th {
	text-align: left;
}
table {
	border-collapse: collapse;
}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
#header ul,
#nav ul,
#footer ul,
#menu ul,
ul.catalogueList,
ul.productList,
.productList .menu ul,
.productList .assurance ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/********** LAYOUT **********/

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
}
.clear {
	clear: both;
}
img {
	behavior: url(/iepngfix.htc);
	border: 0;
}
img.left, .left {
	float: left;
	margin: 3px 13px 16px 0;
}
img.right, .right {
	float: right;
	margin: 2px 0 16px 20px;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
	color: #333;
}
.bold-italic {
	font-weight: bold;
	font-style: italic;
}
.blue {
	color: #19809d;
}
.blue-bold {
	color: #19809d;
	font-weight: bold;
}
.blue-italic {
	font-style: italic;
	color: #19809d;
}
p {
	padding: 5px 0;
	line-height: 1.8em;
}
a:link, a:active, a:visited {
	color: #19809D;
	text-decoration: underline;
}
a:hover {
	color: #58585a;
}
h1 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #58585a;
	padding-bottom: 15px;
}
h1 span {
	font: 12px Arial, Helvetica, sans-serif;
	color: #19809D;
	margin-top: 5px;
	float: right;
}
h2 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #58585a;
	padding-bottom: 8px;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #58585a;
	padding-bottom: 6px;
}
h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #58585a;
	padding: 10px 0 4px 0;
}
hr {
	border: none;
	height: 1px;
	background-color: #CCC;
	margin: 10px 0;
}
.hide {
	display: none;
	visibility: hidden;
}
    
/********** CONTAINER **********/

#container {
	width: 968px;
	margin: 0 auto;
	position: relative;
	background: #FFF url(/images/layout/bg.png) repeat-x;
}

/********** HEADER **********/

#header {
	clear: both;
	height: 142px;
	background: url(/images/layout/header10.jpg) no-repeat;
	padding: 50px 0 0 0;
}
#header a {
	width: 210px;
	height: 0;
	padding-top: 65px;
	margin: 0 0 0 10px;
	overflow: hidden;
	display: block;
	
}
#container.cooking #header {
	background: url(/images/layout/header06.jpg) no-repeat;
}
#container.refrigeration #header {
	background: url(/images/layout/header05.jpg) no-repeat;
}
#container.dishwasher #header {
	background: url(/images/layout/header03.jpg) no-repeat;
}
#container.laundry #header {
	background: url(/images/layout/header04.jpg) no-repeat;
}
#container.professional-series #header {
	background: url(/images/layout/header02.jpg) no-repeat;
}
#container.product-accessories #header {
	background: url(/images/layout/header01.jpg) no-repeat;
}
#container.enviromental #header {
	background: url(/images/layout/header09.jpg) no-repeat;
}
#container.home #header {
	background: url(/images/layout/header10.jpg) no-repeat;
}
#container.awards #header {
	background: url(/images/layout/header11.jpg) no-repeat;
}
#container.rewards #header {
	background: url(/images/layout/header13.jpg) no-repeat;
}
	
/********** NAVIGATION **********/

#nav {
	padding: 58px 0 0 6px;
	position: relative;
	z-index: 3;
}
    #nav a {
	    color: #707172;
	    font: bold 14px Arial, Helvetica, sans-serif;
	    text-transform: uppercase;
	    text-decoration: none;
	    display: block;
	    background: none;
	    padding: 9px 10px 8px !important;
    }
    #nav a:hover {
		color: #19809D;
		background: url(/images/layout/nav.gif) top center no-repeat;
    }
    
#container.rewards#nav #rewards a,
#container.cooking #nav #cooking a,
#container.refrigeration #nav #refrigeration a,
#container.dishwasher #nav #dishwasher a,
#container.laundry #nav #laundry a,
#container.professional-series #nav #professional-series a,
#container.product-accessories #nav #product-accessories a,
#container.enviromental #nav #enviromental a {
	color: #19809D;
	background: url(/images/layout/nav.gif) top center no-repeat;
}

    #nav ul li {
		float: left;
		position: relative;
		display: inline;
    }
    #nav ul li ul {
		position: absolute;
		left: 0;
		display: block;
		visibility: hidden;
    }
    #nav ul li ul li {
		display: list-item;
		float: none;
    }
    #nav ul li ul li ul {
		top: 0;
    }
    #nav ul li ul li a {
		font: 10px Arial, Helvetica, sans-serif;
		width: 160px;
		background: #f1f1f1 none !important;
		padding: 4px 5px !important;
		margin: 0 0 0 10px;
		color: #58585A !important;
		border-bottom: 1px solid #c2c2c2;
display: inline-block;
    }
    #nav ul li ul li a:hover {
		background: #12809e none !important;
		color: #FFF !important;
		border-bottom: 1px solid #14677e;
    }
    #nav ul li ul li ul li a {
		background: #FAFAFA none !important;
		margin: 0;
		border-left: 1px solid #c2c2c2;
    }
    #container #nav ul li#cooking ul li ul li a,
    #container #nav ul li#refrigeration ul li ul li a,
    #container #nav ul li#dishwasher ul li ul li a,
    #container #nav ul li#laundry ul li ul li a,
    #container #nav ul li#professional-series ul li ul li a,
    #container #nav ul li#product-accessories ul li ul li a {
		/*margin: 0 0 0 180px;*/
    }
    #container #nav ul li#enviromental ul li ul li a {
		margin: 0 0 0 -340px;
		border-left: none;
		border-right: 1px solid #c2c2c2;
    }


/********** HOME **********/

.home-slideshow {
	width: 543px;
	height: 563px;
	margin: -61px 0 0 -25px;
	_margin: -61px -26px 0 -26px;
	position: relative;
	z-index: 2;
}
		
/********** CONTENT **********/
			
#content #col01 {
	width: 142px;
	min-height: 495px;
	float: left;
	background: url(/images/layout/content-left.jpg) top right no-repeat;
}			
#content #col02 {
	width: 495px;
	min-height: 495px;
	float: left;
	background: #FFF none;
	padding: 5px 24px 25px 24px;

}	
	
#content #col02 .box {
	margin: -6px -8px 0 10px;
	width: 248px;
	float: right;
}
#content #col02 .box2 {
	margin:-6px 3px 0 -5px;
	width: 248px;
	float: left;
}
#content #col02 .box .top,
#content #col02 .box2 .top {
	width: 248px;
	height: 16px;
	background: url(/images/layout/box-top.png) no-repeat;
	_background: url(/images/layout/box-top.gif) no-repeat;
}
#content #col02 .box .bottom,
#content #col02 .box2 .bottom {
	width: 248px;
	background: url(/images/layout/box-bottom.png) bottom no-repeat;
	_background: url(/images/layout/box-bottom.gif) bottom no-repeat;
	padding-bottom: 17px;
}
#content #col02 .box .content,
#content #col02 .box2 .content {
	padding: 0 22px 3px;
	background: url(/images/layout/box-bg.png) repeat-y;
	_background: url(/images/layout/box-bg.gif) repeat-y;
}
#content #col02 .box h1 {
	padding:5px 0 0;
}
#content #col02 .box2 h1 {
	padding:5px 0 6px;
	font-size: 17px;
}
#content #col02 .box h2,
#content #col02 .box2 h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #19809D;
	padding:10px 0 4px;
}
	
#content #col03 {
	width: 230px;
	min-height: 495px;
	_height: auto;
	float: left;
	background: url(/images/layout/content-right.jpg) top left no-repeat;
	padding: 40px 20px 25px 20px;
	_padding: 40px 20px 25px 20px;
}		
#content #col03 input {
	width: 158px;
	height: 15px;
}		
#content #col03 .box {
	margin: 7px 0 0 -7px;
	width: 248px;
}
#content #col03 .box .top {
	width: 248px;
	height: 16px;
	background: url(/images/layout/box-top.png) no-repeat;
	_background: url(/images/layout/box-top.gif) no-repeat;
}
#content #col03 .box .bottom {
	width: 248px;
	background: url(/images/layout/box-bottom.png) bottom no-repeat;
	_background: url(/images/layout/box-bottom.gif) bottom no-repeat;
	padding-bottom: 17px;
}
#content #col03 .box .content {
	padding: 0 20px 3px 20px;
	background: url(/images/layout/box-bg.png) repeat-y;
	_background: url(/images/layout/box-bg.gif) repeat-y;
}
#container.laundry #content #col02 {
	background: #FFF url(/images/layout/header04-bottom.jpg) 233px 0 no-repeat;
	padding-top: 50px;
}
#container.refrigeration  #content #col02 {
	background: #FFF url(/images/layout/header05-bottom.jpg) 468px 0 no-repeat;
	padding-top: 45px;
}

/********** MENU **********/
			
#menu {
	margin: 40px 0 0 0;
	border-top: solid 1px #b0b0b0;
}
#menu a {
	color: #58585a;
	width: 137px;
	height: 17px;
	padding: 3px 0 0 5px;	
	background: url(/images/layout/menu.png) 0 -60px no-repeat;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
#menu a:hover {
	background-position: 0 -20px;
}
#menu li.main a {
	color: #FFF;
	background: url(/images/layout/menu.png) 0 -40px no-repeat;
}
#menu li.main a:hover {
	background-position: 0 0;
}
#menu .selected a {
	color: #FFF !important;
	background-position: 0 0 !important;
	cursor: default;
}

/********** ECOMMERCE - Catalogue **********/

.cataloguebreadcrumbs {
	display: block;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #58585a;
	padding: 0 0 20px;
}
.cataloguebreadcrumbs a {
	color: #58585a;
	text-decoration: none;
}
.cataloguebreadcrumbs a:hover {
	text-decoration: underline;
}
.catalogueItemNotFound {
	height: 0;
}

.productItem,
.productItemLast,
.catalogueItem,
.catalogueItemLast {
	float: left;
overflow: visible;
}
.productItem .product-list,
.productItemLast .product-list,
.catalogueItem .catalogue-list,
.catalogueItemLast .catalogue-list {
	margin: 0 20px 0 0;
}
.productItemLast .product-list,
.catalogueItemLast .catalogue-list {
	margin: 0;
}
.productItem h4,
.productItemLast h4,
.catalogueItem h4,
.catalogueItemLast h4 {
	padding-top: 4px;
}
.small-image a {
	width: 230px;
	height: 120px;
	padding: 3px;
	border: 1px solid #AAA;
	display: block;
	overflow: hidden;
}
.small-image a:hover {
	border-color: #12809E;
}
.small-image img {
	width: 230px;
	height: 120px;	
}
.catalogue-list {
	width: 236px;
	height: 165px;
}
.product-list {
	width: 236px;
	height: 175px;
}





/********** ECOMMERCE - Product **********/

.productList h3 .code {
	color: #1a809d;
	font-weight: normal;
}
.productList h4 a {
	text-decoration: none;
}
.productList h4 a:hover {
	color: #12809e;	
	text-decoration: underline;
}
.productList h4 .code {
	color: #1a809d;
	font-weight: normal;
}
.productList .large-image {
	border: solid 1px #b2b2b2;
	text-align: center;
	padding: 0px;
	width: 483px;
	_width: 483px;	
overflow: hidden;
}
.productList .poplets {
	margin: 10px 0 10px 10px;
	float: right;
}
.productList .poplets img {
	border: 1px solid #888;
	margin: 1px 0;
}
.productList .description {
	padding: 11px 0 0 0;
	margin: 0 0 15px;
}
.productList .menu {
	display: block;
	clear: both;
	width: 490px;
	text-align: center;
}
.productList .menu li {
	display: inline;
	padding: 0 1px 0 0;
}
.productList .menu a {
	font: 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #c2c2c2;
	padding: 4px 8px;
	text-decoration: none;
	color: #444;
}
.productList .menu a:hover {
	background-color: #AAA;
}
.productList .menu .main a {
	background-color: #186d8b;
	color: #FFF;
}
.productList .menu .main a:hover {
	background-color: #13566d;
}
.productList .assurance {
	width: 493px;
	height: 130px;
	margin-left: 0px;
	padding: 12px 0 0 2px;
	background: url(/images/layout/assurance.png) no-repeat -22px; 
}
.productList .assurance ul {
	padding: 2px 0 0 25px;
}
.related-products {
	margin: 25px 0 10px 0px;
}
#product-dropdown {
	width: 475px;
	margin: 5px auto;
	color: #FFF;
}
#product-dropdown .box {
	background-color: #308ca7;
	padding: 10px;
}
#product-dropdown h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF;
}
.productTable .product-list {
margin: 5px;
}				
/********** FOOTER **********/	
    			
#footer {
	width: 543px;
	margin: 15px 0 0 142px;
	padding: 5px 0;
	font: 9px Arial, Helvetica, sans-serif;
	border-top: solid 1px #888;
	color: #888;
	clear: both;
	text-align: center;
}		
#footer div {
	padding: 2px 0 5px;
}			
#footer ul li {
    display: inline;
    padding: 2px 4px;
}		  			
#footer a {
	font-size: 10px;
	color: #888;
	text-decoration: none;
}	 	  			
#footer a:hover {
	color: #12809e;	
	text-decoration: underline;
}	 
	
/********** STORE LOCATOR **********/	
	
.store-locator {
	padding: 0 0 15px;
}
.store-locator a {
	color: #58585a;
	text-decoration: none;
}
.store-locator a:hover {
	text-decoration: underline;
}

.store-locator-details {
	
}
.store-locator-details .photo {

	padding: 0 0 15px;
}
.store-locator-details .map {
	width: 230px;
	height: 200px;
	margin:25px 0 0 10px;
	float: right;
}

.store-locator-details h2 {
	padding:20px 0 8px;
}
.store-locator-details h3 {
	font-size: 13px;
	padding:8px 0 6px;
}
#testimonials {
 	display: none;
}
.testimonials{
	padding:0 0 15px 0;
	margin-bottom: 15px;
	border-bottom:solid 1px #cccccc;	
}	
.content .testimonials{
	padding:0;
	margin-bottom: 0;
	border-bottom: none;	
}
.testimonials p{
	background:url('/images/layout/quote2.gif') bottom right no-repeat;
	padding-bottom: 15px;
	*padding-bottom: 18px;
	_padding-bottom: 18px;
}
.testimonials p span{
	display: block;
	float: left;
	width: 24px;
	height: 20px;
	background:url('/images/layout/quote1.gif') top left no-repeat;
	padding:0 0 1px;
}
.testimonials h3{
	font-size: 12px;
}
.testimonials h3 span{
	color: #19809D;
}

/********** MORE **********/

#blank {
	padding: 20px;
}
#assurance-all,
#assurance-noinstall,
#assurance-lifetime {
	display: none;
}
/********** AWARDS**********/
.awards-image a {
	width: 145px;
	height: 80px;
	padding: 3px;
	border: 1px solid #AAA;
	display: block;
	overflow: hidden;
}
.awards-image a:hover {
	border-color: #12809E;
}
.awards-image img {
	width: 145px;
	height: 80px;	
}


.cat_button_register {
background:transparent url(/agents/images/register.png) repeat scroll 0 0;
border:medium none;
color:#79A331;
font-size:1px;
height:34px;
text-align:right;
width:115px;
}



.cat_button_register:hover {
background:transparent url(/agents/images/register-mouse.png) repeat scroll 0 0;
border:medium none;
color:#79A331;
font-size:1px;
height:34px;
text-align:right;
width:115px;
}

.cat_button_login {
background:transparent url(/agents/images/login.png) repeat scroll 0 0;
border:medium none;
color:#79A331;
font-size:1px;
height:34px;
text-align:right;
width:115px;
}



.cat_button_login:hover {
background:transparent url(/agents/images/login-mouse.png) repeat scroll 0 0;
border:medium none;
color:#79A331;
font-size:1px;
height:34px;
text-align:right;
width:115px;
}

.cat_button_retrieve {
background:transparent url(/agents/images/retrieve.png) repeat scroll 0 0;
border:medium none;
color:#79A331;
font-size:1px;
height:34px;
text-align:right;
width:115px;
}



.cat_button_retrieve:hover {
background:transparent url(/agents/images/retrieve-mouse.png) repeat scroll 0 0;
border:medium none;
color:#79A331;
font-size:1px;
height:34px;
text-align:right;
width:115px;
}


.book-service {
padding:0 0 0 10px;
}