body {
padding:0;
margin-top:0;
font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 14px;	font-weight: normal; color: #000000;
background-color: #7DC243;
}

#container {
width: 960px;
height: 600px;
background-image:url(../images/house.gif);
background-repeat: no-repeat;
background-position: top center;
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
}

#clearance {
position: absolute;
left: 375px;
top: 240px;
height: 66px;
width: 194px;
background-image:url(../images/clearance.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0;
margin: 0;
padding-top: 25px;
}

#menu {
position: absolute;
left: 375px;
top: 317px;
height: 283px;
width: 194px;
background-image:url(../images/door.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0;
margin: 0;
padding-top: 28px;
}

#menu ul, #clearance ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#menu a, #clearance a {
text-decoration: none;
display: block;
height: 28px;
color: #fff;
font-weight: bold;
text-align: center;
}

#menu a:hover, #clearance a:hover {
color: #FFDE00;
} 

#menu input {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 56px;
}

#menu input.submit
{
color: #fff;
background: #048FD2;
border: 3px outset #006DCE;
margin-top: 7px;
font-weight: bold;
}

#living {
width:275px;
height: 230px;
position: absolute;
top: 320px;
left: 60px;
} 

#living a {
display: block;
background-image:url(../images/living.gif);
background-repeat: no-repeat;
width:275px;
height: 230px;
text-indent: -9000px;
}

#living a:hover {
background-position: -277px 0px;
background-repeat: no-repeat;
}

#living p {
font-size: 3em;
}


#living img {
border: none;
} 

#plumbing {
width:229px;
height: 226px;
position: absolute;
top: 80px;
left: 70px;
} 

#plumbing a {
display: block;
background-image:url(../images/plumbing.gif);
background-repeat: no-repeat;
width:269px;
height: 226px;
text-indent: -9000px;
}

#plumbing a:hover {
background-position: -270px 0px;
background-repeat: no-repeat;
}




#plumbing img {
border: none;
}

#kitchen {
width:279px;
height: 242px;
position: absolute;
top: 320px;
left: 620px;
} 

#kitchen a {
display: block;
background-image:url(../images/kitchen.gif);
background-repeat: no-repeat;
width:279px;
height: 242px;
text-indent: -9000px;
}

#kitchen a:hover {
background-position: -280px 0px;
background-repeat: no-repeat;
}



#kitchen img {
border: none;
}

#bathroom {
width:275px;
height: 230px;
position: absolute;
top: 80px;
left: 620px;
} 

#bathroom a {
display: block;
background-image:url(../images/bathroom.gif);
background-repeat: no-repeat;
width:279px;
height: 242px;
text-indent: -9000px;
}

#bathroom a:hover {
background-position: -276px 0px;
background-repeat: no-repeat;
}

#bathroom img {
border: none;
}

#pipeline {
position: absolute;
background-image:url(../images/pipelinemerchants.gif);
background-repeat: no-repeat;
background-position: top left;
width:468px;
height:69px;
}

#checkout {
position: absolute;
color: #fff;
text-align: left;
font-weight: bold;
font-size: 0.9em;
top: 5px;
right: 100px;
}

#checkout a {
padding: 5px;
text-decoration: none;
display: block;
height: 28px;
color: #fff;
font-weight: bold;
background-image:url(../images/cart.gif);
background-repeat: no-repeat;
background-position: 60px 3px;
width: 82px;
height: 30px;
}

#checkout a:hover {
background-image:url(../images/cartover.gif);
color: #FFDE00;
}

#body {
position: absolute;
left: 255px;
top: 218px;
width: 450px;
color:#fff;
font-size: 0.9em;
text-align: center;
}

#imagesl {
position: absolute;
top: 180px;
left: 20px;
width:200px;
margin: 0;
padding: 0;
}

#imagesr {
position: absolute;
top: 180px;
left: 740px;
width:200px;
margin: 0 ;
padding: 0;
}



#imagesl p, #imagesr p {
padding-left: 42px;
color:#fff;
font-weight: bold;
font-size: 1.2em;
}

#hmenu {
position: absolute;
text-decoration: none;
color: #fff;
font-weight: bold;
top: 45px;
left:10px;
}

#hmenu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#hmenu li {
display: inline;
}

#hmenu li a {
float: left;
color: #fff;
text-decoration: none;
padding: 0.2em 0.5em;
}

#hmenu li a:hover {
color: #FFDE00;
}

#hmenu li a.selected {
border: 1px solid #fff;
}


#banner {
position: absolute;
width: 960px;
height: 140px;
margin-top: 70px;
}

#banner img {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
border: 1px solid #fff;
clear: right;
margin-top: 5px;
}

#banner p {
font-size: 1.6em;
font-weight: bold;
color: #fff;
margin: -90px 0 0 0;
padding: 0px 20px 0 20px;
}

.floatl {
float: left;

}

.floatr {
float: right;
}

#bodytext {
position: absolute;
left: 7px;
top: 100px;
width: 925px;
background-color: #048FD2;
padding: 10px;
color: #fff;
font-size: 0.9em;
}

#bodytext h2 {
font-size: 1em;
text-align: center;
}

#bodytext a {
text-decoration: none;
color: #fff;
}

#bodytext a:hover {
color: #FFDE00;
}

#form {
width: 500px;
float: right;
padding: 0;
}

.category {
float: left;
width: 210px;
border-right: 1px solid #fff;
padding: 0 10px 0 10px;
min-height: 580px;
height: 580px;
}

.category1 {
float: left;
width: 210px;
padding: 0 10px 0 10px;
}

.category img, .category1 img {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #fff;
}

h1 {
padding:0;
margin-top: 0;
font-size:1.5em;
}

#boxl {
position: absolute;
top: 0px;
left: 20px;
width:200px;
margin: 0;
padding: 0;
}

#boxr {
position: absolute;
top: 0px;
left: 740px;
width:200px;
margin: 0 ;
padding: 0;
}

#boxl p, #boxr p {

}

#contact {
/*position: absolute;
top: 0;
left: 390px;*/
width: 300px;
color: #fff;
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}

#contact h2 {
margin-bottom: -15px;
border: 1px solid #fff;
}

.outline {
border: 1px solid #fff;
padding: 0;
}



.outline p {
text-align: center;
}

#body h2 {
margin-top: 0px;
text-align: center;
font-size: 2em;
}

#categorycontainer {
width: 800px;
display: block;
margin-left: auto;
margin-right: auto;
}

.category ul li ul, .category1 ul li ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.category ul li ul li, .category1 ul li ul li {
background: url(../images/arrow.gif) left center no-repeat; 
padding-left: 15px;
font-size: 0.9em;
margin-top: 0;
}

.category ul li, .category1 ul li  {
font-weight: bold;
color: #D3E5ED;
margin-top: 8px;
}

.product {
border: 1px solid #fff;
width: 270px;
float: left;
height: 240px;
margin-left:15px;
margin-right: 15px; 
margin-bottom:10px;
text-align: center;
background: #fff;
color: #7DC243;
font-weight: bold;
}

.product img {
margin-bottom: 10px;
margin-top: 10px;
border: none;
}

#bodytext .product a {
color: #048FD2;
font-weight: bold;
}

#bodytext .product a:hover {
color: #7DC243;
}

.banner1 {
height: 45px;
text-align: center;
}

.detail {
height: 600px;
}

.detail img {
float: left;
margin-right: 15px;
border:1px solid #fff;
margin-bottom:300px;
}

#bodytext .detail a {

font-weight: bold;
color: #FFDE00;
}

#bodytext .detail a:hover {
color: #fff;
}

.basket {
border: 1px solid #fff;
margin-top: 10px;
padding-left: 5px;
width: 400px;
}

#total {
border: 3px double #048FD2;
width: 400px;
position: absolute;
top: 100px;
right: 10px;
padding: 5px;
background: #fff;
color: #048FD2;
}

.floatr a, .floatl a {
border: 3px double #fff;
width: 80px;
text-align: center;
width: 60px;
padding: 3px 15px;
}

#bodytext a.button {
width: 140px;
height: 30px;
border: 3px double #fff;
display: block;
margin-left: 360px;
text-align: center;
padding-top: 15px;
}

a.button:hover {
background: #7DC243;
color: #fff;
}

.border a {
border: 3px double #fff;
width: 80px;
text-align: center;
width: 60px;
padding: 3px 15px;
}

#bodytext .floatr a:hover,#bodytext .button a:hover, #bodytext .floatl a:hover {
background: #7DC243;
color: #fff;
}

.border a:hover {
background: #7DC243;
color: #fff;
}

.error {
color: yellow;
font-weight: bold;
}

.prices {
border: 3px double #048FD2;
color: #005BC3;
background-color: #fff;
margin-left: 360px;
margin-right: 20px;
padding-left: 10px;
}

.red {
color: red;
}

#websyche {
color: #fff;
font-size: 0.65em;
position: absolute;
bottom: -25px;
right: 15px;
}

#websyche a, #websyche1 a {
text-decoration: none;
color: #fff;
} 

#websyche a:hover, #websyche1 a:hover  {
color: yellow;
}

#websyche1 {
color: #fff;
font-size: 0.65em;
position: absolute;
bottom: -155px;
right: 15px;
}

.description {
font-size: 0.8em;
color: #289728;
margin-top: 30px;
}

#bodytext .termsl {
font-size: 0.9em;
text-align: left;
}

#bodytext .termsl a {
text-decoration: underline;
}

#bodytext .red {
text-decoration: underline;
color: red;
}