* {margin: 0;padding: 0;}
body {font-size:62.5%;font-family:Arial, Helvetica, sans-serif;margin:0;background:url(../images/jpd-backg.gif) 50% 0 no-repeat #FFF;}
h1 {margin: 0;font-size:1.4em;padding:12px 0 6px 5px;color:#333;}
h2 {margin:6px 0 4px 0;font-size:1.3em;line-height:110%;color:#333;}
h3 {margin:6px 0 3px 0;font-size:1.2em;line-height:110%;color:#333;}
h4 {margin:4px 0 2px 0;font-size:1.2em;line-height:110%;color:#333;}
p {margin:3px 0 2px 0;}
input, textarea {font-family:Arial, Helvetica, sans-serif;}

ul {margin-left: 25px;}
img {border: none;}
a {text-decoration:none;color:#333;}
a:hover {color:#000;}

#container {
	margin: 0 auto;
	font-size:1.2em;
	line-height:112%;
	background:#FFF;
	/*
	min-width: 830px;
	max-width: 956px;
	width:expression(document.body.clientWidth < 830? "830px" : document.body.clientWidth > 956? "956px" : "auto");
	*/
	width: 956px;
}
#page {margin:0 15px 15px 15px;}
#header {position:relative;height:155px;background:#FFF; text-align: center;}
.head {height:128px;background:#333;padding-right:20px;background:url(../images/headback.jpg) repeat-y top left #333; text-align: left;}
#logo {position:absolute;left:0;top:0;z-index:5;}
#headerimg {position:absolute;left:0;top:0;z-index:1;}
.telsearch {position:absolute;right:20px;top:0;clear:both;width:500px;z-index:3;}
.telsearchfloat {float:right;margin-left:30px;}
.telsearch form {width:222px;float:right;text-align:right;position:relative;}
.telsearch form input {color:#666;}
p.search {margin:3px 45px 0 0;}
input.search {background:#EDEDED;color:#666;font-size:11px;font-weight:bold;padding:2px;margin-top:2px;}
.go {margin:0;position:absolute;right:0;}
a.tabs  {background:url(../images/tab-back.jpg) left bottom no-repeat #666;padding:4px 10px 6px 10px;color:#FFF;margin-left:6px;margin-bottom:10px;display:block;float:right;z-index:10;}
a:hover.tabs  {color:#FF0;}
a.tabs_login  {background:url(../images/loggedin1.gif) left bottom no-repeat #666;width:275px;height:25px;color:#000;margin-left:6px;margin-bottom:10px;display:block;float:right;z-index:10;font-size:9pt;}


#body {clear:both;position:relative;margin:10px 20px 20px 20px;background:none;}

#beds #right {border-top:#9C0 solid 10px;} #beds h1 {background:url(../images/bg-beds.jpg) repeat-x top;}
#baths #right {border-top:#FF0 solid 10px;} #baths h1 {background:url(../images/bg-baths.jpg) repeat-x top;}
#kitchens #right {border-top:#FC0 solid 10px;} #kitchens h1 {background:url(../images/bg-kitchens.jpg) repeat-x top;}
#accessories #right {border-top:#F60 solid 10px;} #accessories h1 {background:url(../images/bg-accessories.jpg) repeat-x top;}
#sinks #right {border-top:#F00 solid 10px;} #sinks h1 {background:url(../images/bg-sinks.jpg) repeat-x top;}
#appliances #right {border-top:#F39 solid 10px;} #appliances h1 {background:url(../images/bg-appliances.jpg) repeat-x top;}
#american #right {border-top:#C0C solid 10px;} #american h1 {background:url(../images/bg-american.jpg) repeat-x top;}
#range #right {border-top:#609 solid 10px;}
/*#range h1 {background:url(../images/bg-right.jpg) repeat-x top;}*/



#right {float:right;width:78%;background:none;}

/*Top Navigation*/
#topnav {margin: 0 auto; width: 902px; height: 30px;}
#topnav a {padding:5px 2px 6px; float:left; border-right:#999 dashed 1px; display:block;}
a:hover.nav-home {background:url(../images/bg-home.jpg) no-repeat;}
a:hover.nav-lighting {background:url(../images/bg-beds.jpg) no-repeat;}
a:hover.nav-baths {background:url(../images/bg-baths.jpg) no-repeat;}
a:hover.nav-kitchens {background:url(../images/bg-kitchens.jpg) no-repeat;}
a:hover.nav-accessories {background:url(../images/bg-accessories.jpg) no-repeat;}
a:hover.nav-sinks {background:url(../images/bg-sinks.jpg) no-repeat;}
a:hover.nav-appliances {background:url(../images/bg-appliances.jpg) no-repeat;}
a:hover.nav-american {background:url(../images/bg-american.jpg) no-repeat;}
a:hover.nav-range {background:url(../images/bg-range.jpg) no-repeat;}

a.nav-home {border-top:#FFF solid 6px;}
a.nav-lighting {border-top:#9C0 solid 6px;}
a.nav-baths {border-top:#FF0 solid 6px;}
a.nav-kitchens {border-top:#FC0 solid 6px;}
a.nav-accessories {border-top:#F60 solid 6px;}
a.nav-sinks {border-top:#F00 solid 6px;}
a.nav-appliances {border-top:#F39 solid 6px;}
a.nav-american {border-top:#C0C solid 6px;}
a.nav-range {border-top:#609 solid 6px;}


/*Left Navigation*/
#leftcolumn {width:20%;height:auto;float:left;background: url(../images/livechat_img.jpg) 0 0 no-repeat #FFF;}
.livechat_btn {padding-bottom:42px;clear:both;}
.leftnav {border:#CCC solid 1px;clear:both;padding-bottom:15px;}
.leftnav h3, .leftnav p {margin:0;}
.leftnav h3 a {padding:10px 7px 10px 7px;display:block;}
.leftnav p a {padding:2px 7px 4px 7px;display:block;}

/*Left Navigation Section Colours*/
#home .leftnav {border:#CCC solid 1px;}
#home .leftnav h3 a:hover, #home .leftnav p a:hover {background:#FF0;}
#beds .leftnav {border:#9C0 solid 1px;}
#beds .leftnav h3 a:hover, #beds .leftnav p a:hover {background:#9C0;}
#baths .leftnav {border:#FF0 solid 1px;}
#baths .leftnav h3 a:hover, #baths .leftnav p a:hover {background:#FF0;}
#kitchens .leftnav {border:#FC0 solid 1px;}
#kitchens .leftnav h3 a:hover, #kitchens .leftnav p a:hover {background:#FC0;}
#accessories .leftnav {border:#F60 solid 1px;}
#accessories .leftnav h3 a:hover, #accessories .leftnav p a:hover {background:#F60;}
#sinks .leftnav {border:#F00 solid 1px;}
#sinks .leftnav h3 a:hover, #sinks .leftnav p a:hover {background:#F00;}
#appliances .leftnav {border:#F39 solid 1px;}
#appliances .leftnav h3 a:hover, #appliances .leftnav p a:hover {background:#F39;}
#american .leftnav {border:#C0C solid 1px;}
#american .leftnav h3 a:hover, #american .leftnav p a:hover {background:#C0C;}
#range .leftnav {border:#609 solid 1px;}
#range .leftnav h3 a:hover, #range .leftnav p a:hover {background:#609;}

#highlights {height:238px;background:url(../images/dropshad.gif) bottom right no-repeat;padding-right:8px;clear:both;margin-bottom:6px;}
.highlight {width:49.7%;height:198px;float:left;margin:auto;text-align:center;padding:15px 0 15px 0;border-bottom:#FFF solid 1px;}
a:hover.highlight {background:#F0F0F0;}

.borderfat {height:1%;padding:12px;margin-top:3px;background:#F0F0F0;clear:both;}

a.item {
	float:left;
	width:25%;
	background:url(../images/corner.gif) right bottom no-repeat #FFF;
	text-align: center;
	height: 180px;
}
a:hover.item {background:#F0F0F0 url(../images/corner.gif) right bottom no-repeat;cursor:pointer;}
.itemarea {border-right:#F0F0F0 solid 1px;height:180px;text-align:center;}
.itemimage {height:120px;clear:both;}
.images {margin:15px auto 10px auto;}

a.item2 {float:left;width:50%;background:url(../images/corner.gif) right bottom no-repeat #FFF;}
a:hover.item2 {background:#F0F0F0 url(../images/corner.gif) right bottom no-repeat;cursor:pointer;}
.itemarea2 {padding:15px;border-right:#F0F0F0 solid 1px;border-bottom:#F0F0F0 solid 1px;height:100px;}
.itemimage2 {height:120px;clear:both;}

a.item3 {float:left;width:50%;background:url(../images/moreinfo.gif) right bottom no-repeat #FFF;}
a:hover.item3 {background:#F0F0F0 url(../images/moreinfo.gif) right bottom no-repeat;cursor:pointer;}
.itemarea3 {padding:15px;border-right:#F0F0F0 solid 1px;border-bottom:#F0F0F0 solid 1px;height:145px;}
.itemimage3 {height:120px;clear:both;}

.item4 {background:#FFF;clear:both;}
.itemarea4 {padding:15px;/*border-right:#F0F0F0 solid 1px;*/ min-height: 230px;}
.itemimage4 {clear:both;}
ul.features {width:40%;padding:10px;padding-left:25px;background:#FCC;margin:4px 0 8px 0;}

.itemarea4 a {width:35%;height:15px;padding:3px 4px 3px 4px;color:#FFF;font-weight:bold;display:block;background:url(../images/kitchenbacks.gif) right top no-repeat #999;}
.itemarea4 a:hover {display:block;background:url(../images/kitchenbacks-ov.gif) no-repeat right top #FC0;color:#000;}

a.item4a {float:left;width:100%;background:url(../images/moreinfo.gif) right bottom no-repeat #FFF;}
a:hover.item4a {background:#F0F0F0 url(../images/moreinfo.gif) right bottom no-repeat;cursor:pointer;}
.itemarea4a {padding:15px;border-bottom:#F0F0F0 solid 1px;height:100px;}
.itemimage4a {height:80px;clear:both;}


.bullets {}
.clear {height:1px;clear:both;}
.floatleft {float:left;}
.floatright {float:right;}

.swatches {margin-top:4px;width:15px;height:15px;border:1px solid #F0F0F0;}
#appliances a:hover .swatches {border:1px solid #F39;}

.price {color:#F00;font-size:1.6em;font-weight:bold; padding: 4px;}
.title {height: 28px;}

#base_wrapper {background:url(../images/gradback.jpg) repeat-x top #FFF;height:100px;}
.base {color:#333;width:860px;margin:0 auto 0 auto;padding:12px 0 20px 0;}

.currentSearch {font-size: 85%; color: #DDD; }

/*
 * GENERAL 
 */
.center {text-align: center;}
.banners {margin: 50px auto 25px auto;}
.banners p {text-align: center;}