td { margin: 0px; padding: 0px; };
tr { margin: 0px; padding: 0px; };
table { margin: 0px; padding: 0px; };

#maincopy-selector { 
    width: 948px; 
    margin: 0px; 
    padding: 0 0 0 0px; 
    min-height: 150px; 
    float: left; 
    background-color: #FFFFFF; 
}

#SeeAbove { 
    width: 848px; 
}

#ModelDetailRow img { 
    vertical-align: top; 
}

#ModelDetailRow a { 
    padding: 10px ; 
    margin: 10px ; 
}

#maincopy-right { 
    background: white; 
    width: 0px;
}
/****************
#maincopy-left img { 
    border: 1px solid #ffffff;
}

#price_bg {
    position: relative;
    background: url(./bg-fader-new.gif) 4px 0 no-repeat;
    height: 28px;
    width: 221px;
}

#price_bg div {
    position: absolute;
    cursor: default;
    top: 4px;
}

#price_info {
    text-align: center;
}

****************/
#bold {
    font-weight: bold;
}


/*li.dim {
    color: #c0c0c0 ;
}

li.diff {
    background-color: #6EC7EC;  
}
*/

#top_selector_menu {
    height: 34px;
    width: 100% ; 
    background-color: default ;  
    padding: 0px;
    margin: 0px 0px 10px 0px ;
    border-bottom: 2px solid #c0c0c0 ;
}


#top_selector_menu .navFeedback {
    padding: 10px 0px 0px 10px;
    margin:  0px;
    display: inline ;
    float: left;
}

#top_selector_menu .navButton {
    padding: 2px 15px 2px 0px ;
    margin:  0px;
    height: 30px ;
    display: inline ;
    float: right;
}

 /******************* model detail box **************************************/
.selectorItem h4 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-weight: bold;
     color: #195197;
     line-height: 12px;
     display: block;
     padding: 0px;
     margin: 0px;
     width: 120px;
 }
.selectorItem ul {
     margin: 0px;
     padding: 0px;
}
.selectorItem li {
     display: block;
     background-position: left;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px; /* was 12px - brushed nickel didn't fit at that size */
     font-style: normal;
     color: #195197;
     font-weight: bold;
     padding-right: 4px;
     padding-left: 4px;
     margin: 0px;
     padding-top: 5px;
     padding-bottom: 5px;
     float: left;
     text-align: left;
     list-style-type: none;
     line-height: 12px;
 }

.selectorItem {
     margin: 0px;
     padding: 0px;
     border: 2px solid #195197;
 }
.selectorItem img {
     margin: 0px;
     padding: 0px;
 }
.selectorItem .finish {
     width: 73px;
     text-align: right;
 }
.selectorItem .price {
     color: #FFFFFF;
     background-color: #195197;
 }
.top {
     padding-left: 2px;
 }
.mid {
}
.bottom {
}
.itemContainer {
     background-image: url(shadow.jpg);
     height: 216px;
     width: 166px;
     padding-right: 8px;
     padding-bottom: 8px;
     background-repeat: no-repeat;
     background-position: left top;
     float: left;
 }
 /*********************************************************/

.compare {
     float: right;
     margin: 0px;
     padding-top: 0px;
     padding-right: 2px;
     padding-bottom: 0px;
     padding-left: 0px;
 }


.top { 
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #195197;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-right-color: #195197;
    border-left-color: #195197;
    padding-left: 2px;
}

.compare { 
    float: right;
    margin: 0px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.mid { 
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-right-color: #195197;
    border-left-color: #195197;
}

.bottom { 
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #195197;
    border-left-color: #195197;
    border-bottom-width: 1px;
    border-bottom-color: #195197;
}

tr .Details1 li {
    padding: 5px ;
    text-align: left ;
    border-bottom-style: solid;
    border-bottom-color: #195197;
}

tr .Details2  td {
    background-color: #c0c0c0;
    height: 180px;
}

.DetailsOff { 
    display: none ;
}

#ShowerDetails {
    background-color: #c0c0c0 ; 
    position: absolute; 
    width: 149px;
    border-top: 2px solid #808080 ;
    border-left: 1px solid #195197 ;
    border-right: 1px solid #195197 ;
    border-bottom: 1px solid #195197 ;
}

/*popup styles*/
#overDiv { 
    background-color: #E0E0E0;
    position: absolute;
/*    width: 149px; */
    width: 133px;
    margin: 0px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #808080;
    border-right-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #195197;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
 }
    
#overDiv li{
    margin: 0px;
    padding: 2px;
    list-style-type: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    width: 90%;
 }
    
#overDiv ul{ 
    padding: 0px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
 }
    

#ClosePopup { 
    float:right; 
    padding: 1px; 
    text-align: center;
    font-size: 9px;
    margin: auto;
    border: 1px solid #b0b0b0;
    background-color: #ffffff;
    color: #b0b0b0;
    width: 10px;
    height: 10px;
}
#ClosePopup:hover { 
    background-color: #b0b0b0;
    color: #e0e0e0;
    text-decoration: none;
}

/************************************************************************************/
/************************************  top menu controls ****************************/
/************************************************************************************/

.toprow { border-top-width: 2px; border-top-style: solid; border-top-color: #7BA5CC; margin: 0px; font-weight: bold; background-color: #D1EEFA; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2C61A1; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; text-align: center; }

#topbar { /*    background-color: #D1EEFA;*/ margin: 0px; padding: 10px; width: 928px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFFFFF; border-bottom-color: #FFFFFF; background-color: #D1EEFA; }

#topbar .intro {
    float: left;
    width: 240px;
    padding-right: 10px;
}

.bottomrow {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #7BA5CC;
    margin: 0px;
    background-color: #D1EEFA;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}


#controler ul { margin: 0px; padding: 0px; }
#controler li { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }

a.menu_on { text-decoration: none; background-image: url(./check_on.png); background-repeat: no-repeat; background-color: #D1EEFA; background-position: left center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #195197; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 22px; }
	
a.menu_off  { text-decoration: none; background-image: url(./check_off.png); background-repeat: no-repeat; background-color: #D1EEFA; background-position: left center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #195197; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 22px; }

 
a.menu_on:hover {
    text-decoration: underline;
    background-image: url(./check_on.png);
    background-repeat: no-repeat;
    background-position: left center;
}
 
a.menu_off:hover {
    text-decoration: underline;
    background-image: url(./check_off.png);
    background-repeat: no-repeat;
    background-position:  left center;
}

.bottomrow a.menu_off {
    text-decoration: none;
    background-image: url(./check_off.png);
    background-repeat: no-repeat;
    background-color: #D1EEFA;
    background-position: left center;
    display: block;
    padding-left: 22px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}


.bottomrow a.menu_off:hover {
    text-decoration: underline;
    background-image: url(./check_off.png);
    background-repeat: no-repeat;
    background-position: left center;

    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 22px;
}

.bottomrow a.menu_on {
    text-decoration: none;
    background-image: url(./check_on.png);
    background-repeat: no-repeat;
    background-color: #D1EEFA;
    background-position: left center;
    display: block;
    padding-left: 22px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}

 
.bottomrow a.menu_on:hover {
    text-decoration: underline;
    background-image: url(./check_on.png);
    background-repeat: no-repeat;
    background-position:  left center;
    display: block;
}


#sortingBar a.sort_off {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #D1EEFA;
    text-decoration: underline;
    font-weight: normal;
}

#sortingBar a.sort_on {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}

#sortingBar a.sort_off:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
}

#sortingBar a.sort_on:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

#sortingBar .spacer { margin: 0px; padding: 10px; width: 928px; }


.middlerow { vertical-align: top; background-color: #D1EEFA; padding-right: 5px; padding-left: 5px; margin: 0px; padding-top: 0px; padding-bottom: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; }

.middleright { vertical-align: top; background-color: #D1EEFA; padding-right: 5px; padding-left: 5px; margin: 0px; padding-top: 0px; padding-bottom: 0px; }

.middleleft{ background-color: #D1EEFA;
    margin: 0px;
    padding: 0px;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #195197;
}

.topleft { background-image: url(./left_border.gif); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; }

.topright { background-image: url(./right_border.gif); background-repeat: no-repeat; background-position: right top; margin: 0px; padding: 0px; }

.bottomright { background-image: url(./right_border.gif); background-repeat: no-repeat; background-position: right bottom; margin: 0px; padding: 0px; }

.bottomleft { background-image: url(./left_border.gif); background-repeat: no-repeat; background-position: left bottom; margin: 0px; padding: 0px; }

h1 {
    font-size:24px;
    font-weight:normal;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 10;
    padding-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #2C61A1;
}

#topbar .intro p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2E62A2;
    margin: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#sortingBar { font-family: Arial, Helvetica, sans-serif; background-color: #2C3F6A; width: 948px; font-size: 12px; font-weight: bold; color: #FFFFFF; margin: 0px; padding: 0px; }

#sortingBar .sortNumber {
    float: left;
}

#sortingBar .sortPrice {
    float: right;
}

#sortingBar h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0px;
    padding: 10px;
}

#sortingBar ul {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin: 0px;
    list-style-type: none;
    display: inline;
    padding: 0px;
}

#sortingBar li {
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    margin: 0px;
    padding: 5px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/**********************************************************/
/****** shower head side by side comparison styles  *******/
/**********************************************************/

.container {
     margin: 5px;
     float: left;
/*     width: 30%;    */
     background-color: #195197;
     background-position: left top;
     text-align: left;
     font-family: Arial, Helvetica, sans-serif;
     color: #FFFFFF;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     font-size: 12px;
     font-weight: bold;
     border: 2px solid #195197;
 }

.container .header li {
    padding: 0px;
    margin: 0px;
    border: 0px;
 }

.header {
    color: #FFFFFF;
    background-color: #195197;
    padding: 0px;
    display: inline;
    text-align: center;
    white-space: nowrap ;
 }

.ViewDetails {
    float: right;
    margin: 3px ;
}

/* basic item listing */
.infoRow1 {
     border-top-width: 1px;
     border-bottom-width: 1px;
     border-top-style: solid;
     border-bottom-style: solid;
     border-top-color: #FFFFFF;
     border-bottom-color: #FFFFFF;
     margin: 0px;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
 }

/* feature listing */
.infoRow2 {
     border-top-width: 1px;
     border-bottom-width: 1px;
     border-top-style: solid;
     border-bottom-style: solid;
     border-top-color: #FFFFFF;
     border-bottom-color: #FFFFFF;
     margin: 0px;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
 }

/* function listing */
.infoRow3 {
     border-top-width: 1px;
     border-bottom-width: 1px;
     border-top-style: solid;
     border-bottom-style: solid;
     border-top-color: #FFFFFF;
     border-bottom-color: #FFFFFF;
     margin: 0px;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
 }
/* store listing */
.infoRow4 {
     border-top-width: 1px;
     border-bottom-width: 1px;
     border-top-style: solid;
     border-bottom-style: solid;
     border-top-color: #FFFFFF;
     border-bottom-color: #FFFFFF;
     margin: 0px;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
 }

.photo {
     margin: 0px;
     padding: 0px;
     background-color: #FFFFFF;
 }

.container ul {
     text-align: left;
     display: block;
     margin: 0px;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
 }

.container li {
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #0066FF;
     list-style-position: inside;
     list-style-type: square;
     padding-top: 5px;
     padding-right: 0px;
     padding-bottom: 8px;
     padding-left: 10px;
     margin: 0px;
 }

.noMatch    {
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #CCCCCC;
     list-style-position: inside;
     list-style-type: none;
     padding-top: 5px;
     padding-right: 0px;
     padding-bottom: 8px;
     padding-left: 10px;
     margin: 0px;
     background-color: #CCCCCC;
     text-align: left;
     color: #666666;
     font-weight: normal;
     vertical-align: middle;
 }

.container a.buyNow {
    color: #e0e0e0;
 }


.container td.spacer {
    background-color: #ffffff;
 }