@charset "utf-8";
/* Bluestne bathrooms */



body {
background-color:#414142;
padding:0px;
margin:0px auto 0px auto;
font-family:Arial, Helvetica, sans-serif;
}

img {
border:none;
}

a {
text-decoration:none;
color:#888888;
}

a:hover {
text-decoration:none;
color:#000000;
}

a.onpage {
text-decoration:none;
color:#593353;
}

div, h1, h2, h3 {
margin:0px;
padding:0px;
}



.clear {
clear:both;
}

.pageshell {
width:946px;
padding:30px 0px 0px 0px;
margin:0px auto 0px auto;
}


.pageshell img {
display:block;
}


.homepage {
background-image:url(/images/homeimage510.jpg);
width:946px;
height:510px;
float:left;
/*background-color:#99CC66;*/
}

.home_nav {
background-color:#FFFFFF;
height:125px;
float:left;
width:330px;
}

.home_nav img {
padding:20px;
float:left;
}

.home_nav .nav {
padding:20px 20px 0px 0px;
float:left;

}


.home_content {
width:330px;
height:170px;
background-color:#636467;
padding:0px;
margin:215px 0px 0px 0px;
float:left;
}

.home_content h1 {
font-size:120%;
padding:25px 40px 5px 30px;
color:#ffffff;
line-height:20px;
font-weight:normal;
}

.home_content p {
font-size:75%;
padding:0px 40px 10px 30px;
color:#FFFFFF;
}




.thumb_wrapper {
        padding:10px 0px 0px 20px;
        margin:0px;
        float:left;
}


.thumb {
        width:80px;
        float:left;
}




.nav ul {
padding:8px;
margin:0px;
list-style:none;
}

.nav li{
padding:0px;
margin:0px;
line-height:13px;
}

.nav li a {
font-size:70%;
font-weight:bolder;
}


.footer {
float:right;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 10px;
}

.footer p {
font-size:80%;
margin:0px;
color:#BCBEC0;
}

.footer a {
text-decoration:none;
color:#BCBEC0;
}

.footer a:hover {
text-decoration:underline;
}






.gen_page {
width:946px;
/*height:650px;*/
float:left;
background-image:url(/images/gen_bg.gif)
}

.gen_nav {
background-color:#FFFFFF;
height:135px;
float:left;
width:946px;
}

.gen_nav img {
padding:20px;
float:left;
}

.gen_nav .nav {
padding:20px 20px 0px 0px;
float:left;
}

.gen_left {
background-color:#818285;
width:316px;
/*height:510px;*/
float:left;
}

.gen_left h1 {
font-size:140%;
color:#FFFFFF;
padding:30px 40px 10px 20px;
font-weight:lighter;
}

.gen_left h3 {
font-size:100%;
color:#FFFFFF;
padding:0px 0px 10px 20px;
font-weight:bold;
line-height:14px;
}

.gen_left p {
font-size:75%;
color:#BCBEC0;
padding:0px 50px 20px 20px;
margin:0px;
font-weight:lighter;
line-height:14px;
}

.gen_left p a {
font-size:100%;
color:#BCBEC0;
font-weight:bold;
}

.gen_left p a:hover {
font-size:100%;
color:#ffffff;
font-weight:bold;
}


.gen_right {
background-color:#636466;
width:630px;
/*height:510px;*/
padding:0px 0px 30px 0px;
float:right;
}

.gen_right h1 {
font-size:170%;
color:#FFFFFF;
padding:20px 120px 0px 40px;
font-weight:lighter;
}

.gen_right h2 {
font-size:170%;
color:#BCBEC0;
padding:0px 120px 30px 40px;
font-weight:lighter;
}


.gen_right p {
font-size:80%;
color:#DCDDDE;
padding:0px 120px 0px 40px;
font-weight:lighter;
}

.prod_left {
background-color:#818285;
width:316px;
/*height:510px;*/
float:left;
}

.prod_right {
background-color:#636466;
width:630px;
/*height:510px;*/
float:right;
}

.prod_left h1 {
font-size:140%;
color:#FFFFFF;
padding:30px 40px 10px 20px;
font-weight:lighter;
}

.prod_left p {
font-size:75%;
color:#BCBEC0;
padding:0px 50px 0px 20px;
margin:0px;
font-weight:lighter;
}

.prod_left p a {
font-size:100%;
color:#BCBEC0;
font-weight:normal;
}

.prod_left p a:hover {
color:#ffffff;
}



form {
        padding:0px 0px 0px 0px;
        margin:30px 0px 0px 20px;
        float:left;
        width:370px;
}

.gen_right form p {
        /*border:1px solid #009966;*/
        float:left;
        padding:0px;
        margin:0px;
}

label {
        float:left;
        color:#cccccc;
        line-height:18px;
}

input, textarea {
        float:right;
        width:210px;
        padding:1px;
        margin:0px 0px 5px 0px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:100%;
}

input.submit {
        width:100px;
        clear:both;
}

#product_container {
    position: relative;
}
div.product_description {
    position: absolute;
    bottom: 0px;
    width: 276px;
    background-color: white;
    font-size: 60%;
    padding: 15px 20px 10px 20px;
    color: gray;
}

div.prod_left {
    position: relative;
    padding-bottom: 50px;
    height: 335px;
}


div.errorExplanation {
	border: 1px dashed #CCC;
	width: 580px;
	margin: 0 0 10px 0;
	padding: 10px 5px;
}

div.errorExplanation h2 {
	font-size: 110%;
	color: #FFF;
	margin: 0;
	padding: 0;
}

div.errorExplanation p {
	float: none;
	margin: 10px 0 0 0;
	padding: 0;
}

div.errorExplanation ul {
	color: #CCC;
	font-size: 75%;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
}