@charset "utf-8";
/* CSS Document */

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

p {
        line-height:18px;
        padding:0px;
        margin:0px;
}

a {
        color:#FFFFFF;
        font-family:Geneva, Arial, Helvetica, sans-serif;
        text-decoration:none;
        line-height:18px;
}

a:hover {
        text-decoration:underline;
}




img {
        border:none;
}


.clear {
        clear:both;
}



/* header & top line */

.topline {
        height:80px;
        background-color:#333333;
        margin-bottom:5px;
        margin-left: auto;
        margin-right: auto;
        margin-top:0px;

}

.header {
        margin-left: auto;
        margin-right: auto;
        margin-top:0px;
        margin-bottom:0px;
        height:80px;
        width:900px;
        background-color:#00467f;
}

.header div.logo {
        float:right;
        padding:16px;
}

.header div.top_nav {
        margin:30px 0px 0px 15px;
        padding:0px;
        float:left;
}

.header div.top_nav p {
        color:#FFFFFF;
}

.header div.top_nav a {
        font-size:75%;
        padding: 0px 15px;
        font-weight:bold;
}


/* content */

.content {
        margin-left: auto;
        margin-right: auto;
        width:900px;
        float:none;
        margin-bottom:0px;
        padding:0px;
}








/* generic pages */





.range_body {
        width:740px;
        float:left;
        padding:0px;
        margin:0px;
}

.range_body img {
        display:block;
}

.range_background {
        background-color:#FFFFFF;
        float:left;
        padding:0px;
        margin:0px;
}

.inside_background {
        background-image:url(/images/inside_bg.gif);
        float:left;
        padding:0px;
        margin:0px;
}


/* left nav */

.left_nav {
        width:160px;
        float:left;
        background-color:#00467f;
}

.left_nav ul {
        list-style:none;
        padding: 30px 20px 30px 20px;
        margin:0px 0px 0px 0px;
}

.left_nav ul.lvl2, .left_nav ul.lvl2 ul {
        list-style:none;
        padding: 0;
        margin:0;
}

.left_nav ul.lvl2 li {
        padding: 0;
}

.left_nav ul.lvl2 li a {
        padding: 5px 0 5px 20px;
}

.left_nav ul.lvl2 li ul li {
        padding: 0;
}

.left_nav ul.lvl2 li ul li a {
        padding: 5px 0 5px 40px;
}

.left_nav li {
        border-bottom:1px #FFF dotted;
}

.left_nav li li {
        border-top: 1px #FFF dotted;
        border-bottom: none;
}

.left_nav li a {
        margin: 0;
        padding: 5px 0;
        font-size:75%;
        line-height:18px;
        display: block;
}

.left_nav .range_sub_nav {
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 10px;
}

.left_nav .range_sub_nav li {
        border:none;
        padding:0px 0px 0px 0px;
        margin:0px 0px 10px 0px;
        line-height:14px;
}

.left_nav .range_sub_nav li a {
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        line-height:5px;
}


.left_nav .range_sub_sub_nav {
        margin:0px 0px 0px 5px;
        padding:10px 0px 0px 10px;
}


.left_nav div.gen_widgets {
        width:160px;
        float:left;
        margin: 0px;
        padding:0px;
        background-color:#bbb2a6;
}

.left_nav div.nav_widget {
        width:160px;
        margin:0px 0px 0px 0px;
        float:left;
        padding:20px 0px 20px 0px;
}

.left_nav div.nav_widget_seperator {
        border-top:1px dotted #000;
        width:120px;
        margin:0px 20px;
        _margin: 0px 10px;
        float:left;
        padding:0px;
}

.nav_widget h3 {
        margin:0px 20px 10px 20px;
        font-size:75%;
        font-weight:normal;
        padding:0px 0px 0px 0px;
}

.nav_widget p {
        margin:0px 20px 0px 20px;
        font-size:75%;
        font-weight:bold;
        line-height:16px;
        padding:0px 0px 0px 0px;
}

.nav_widget p a {
        color:#333333;
}









/* main body */

.main_body {
        float:left;
        background-color:#FFFFFF;
        width:523px;
        padding:0px 0px 30px 0px;

}

.main_body h1 {
        padding:40px 90px 10px 40px;
        color:#aca196;
        font-size:160%;
        font-weight:normal;
        margin:0px;
}
.main_body h1 span {
        color:#58585a;
}

.main_body h2 {
        padding:0px 90px 10px 40px;
        color:#aca196;
        font-size:110%;
        font-weight:bold;
        margin:0px 0px 0px 0px;

}

.main_body h3 {
        padding:0px 90px 10px 40px;
        margin:0px 0px 0px 0px;
        color:#aca196;
        font-size:90%;
        font-weight:normal;
        /*float:left;*/
}


.main_body p {
        padding:0px 90px 10px 40px;
        color:#333333;
        font-size:70%;
        font-weight:normal;
        /*float:left;*/
}

.main_body a {
        color:#00467F;
        font-weight:normal;
}

.main_body ul {

}

.main_body li {
        padding:0px 90px 0px 10px;
        margin-left:20px;
        color:#333333;
        font-size:70%;
        font-weight:normal;
        line-height:16px;
}

.main_body form {
    padding-left: 20px;
}
/* generic right links */

.generic_right_col {
        float:right;
        width:216px;
        height:434px;
        background-color:#bbb2a6;
        padding:0px 0px 0px 0px;
}


/* form stuffs */

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

.main_body form p {
        /*background-color:#00FFFF;*/
        float:left;
        padding:0px;
        margin:0px;
}

label {
        /*font-size:70%;*/
        float:left;
        width:140px;
        color:#333333;
        line-height:18px;
}

input, textarea {
        color:#333333;
  clear: right;
        float:right;
        width:200px;
        padding:2px;
        margin:0px 0px 5px 0px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:100%;
}

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




input.radio {
        float:right;
        width:13px;
        height:13px;
        padding:0px;
        margin:2px 182px 6px 6px;

}

label.radio {
        float:right;
        line-height:18px;
        /*font-size:80%;*/
}






.sinks_shell {
        padding:0px 0px 0px 40px;
        float:left;
}



.sinkandtap_holder_primary {
        float:left;
        margin:0px 13px 13px 0px;
}

.sinkandtap_holder_secondary {
        float:left;
        margin:0px 13px 13px 0px;
}

.sinks_shell img {
        float:inherit;
}

.sinks_shell .sinkandtap_holder_primary p {
        color:#333333;
        font-size:65%;
        float:inherit;
        padding:0px 0px 0px 1px;
        width:212px;
        clear:left;
        line-height:12px;
}

.sinks_shell .sinkandtap_holder_secondary p {
        color:#333333;
        font-size:65%;
        float:inherit;
        padding:0px 0px 0px 3px;
        width:130px;
        clear:left;
        line-height:12px;
}

.sinks_shell p span {
        color:#990000;
        font-weight:bold;
}





.image_switcher_shell {
        margin:0px 0px 0px 40px;
        padding:0px 0px 0px 0px;
        float:left;
}

.image_switcher_shell .swapper_image {
        margin:0px 10px 0px 0px;
        padding:0px 0px 0px 0px;
        float:left;
}

.image_switcher_shell .thumbs {
        width:200px;
        float:left;
}

.image_switcher_shell .thumbs p {
        padding:0px;
        margin:0px;
}


.accessories_wrapper {
        margin:0px 0px 0px 40px;
        padding:0px 0px 0px 0px;
}


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

.accessories_shell p {
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        width:140px;
}


.range_guide_holder {
        float:left;
}


.range_guide_wrapper {
        float:left;
        padding:0px;
        margin:0px 0px 0px 40px;
}

.range_guide_shell {
        float:left;
        padding:0px;
        margin:0px 20px 15px 0px;
}

.range_guide_shell {
        float:left;
        width:130px;
}


.range_guide_shell p {
        float:left;
        padding:0px;
        margin:0px 0px 0px 0px;
        line-height:12px;
        font-size:65%;
}




.easy_living_shell {
        float:left;
        padding:0px 0px 0px 0px;
        margin:0px 0px 15px 40px;
        width:440px;
}

.easy_living_shell img {
        float:left;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
}

.easy_living_shell p {
        float:left;
        padding:0px 0px 0px 10px;
        margin:0px 0px 0px 0px;
        width:280px;
}

.easy_living_shell p span {
        font-weight:bold;
}

.easy_living_shell a {
        float:right;
        font-size:70%;
}






.manufacturer_links {
        padding:0px;
        margin:0px 0px 0px 40px;

}


.manufacturer_links      img {
        padding:0px;
        margin:0px 6px 0px 0px;

}




.range_column {
float:left;
width:110px;
padding:0px 0px 0px 40px;
}


.range_column h2 {
font-size:100%;
padding:5px 0px 5px 0px;
}

.range_column p {
padding:0px 0px 20px 0px;
margin:0px;
}
#gallery {
    margin-top: 20px;
    padding: 0px 40px 10px 40px;
}
.gallery_item {
    background-color:#DDDDDD;
    float:left;
    margin:0px 6px 10px 0px;
    padding:0px;
    width: 200px;
}
.gallery_item h3 {
    font-size:70%;
    font-weight:bold;
    margin:0px;
    padding:6px 6px 0px 8px;
}
.gallery_item p {
    font-size:70%;
    font-weight:normal;
    margin:0px;
    padding:0px 6px 8px 8px;
}

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

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

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

div.errorExplanation ul {
        color: #CCC;
        margin: 10px 0 0 0;
        padding: 0 0 0 20px;
}
div.footer {
  color: white;
  padding: 5px;
  font-size: 80%;
  text-align: right;
}