/** Banner Section **/
.gradientBanner254 {
    border-bottom:1px solid #CECECE;
    height:254px;
}

.gradientBanner154 {
    border-bottom:1px solid #CECECE;
    height:154px;
}

.gradientBanner180 {
    border-bottom:1px solid #CECECE;
    height:180px;
}

.contentMaxWidth {

    width: 940px;
}

img {border: none;}


div.productGridMainDiv {
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    border:0px solid silver;
    overflow: hidden;
}


/** product grid **/
.columnGrid {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    float:left;
}
div.columnGrid h3 {
    color: #7b6e68;
    padding-top: 5px;
    margin-left: 4px;
    padding-bottom: 3px;
    font-size: 1.1em;
}
div.columnGrid h3 span{
    color: #8c8c8c;
    font-size: .6em;
    padding-top: 8px;
    padding-bottom: 5px;
    
}
div.columnGrid h3 a{
    color: #8c8c8c;
    text-decoration: underline;
    margin-left: 10px;
}
div.columnGrid h3 a:hover{
    color: #8c8c8c;
    text-decoration: underline;
}
div.divStyle {
    margin-bottom:20px;
    /* padding-left: 12px; */
}

/** PRODUCT GRID TILES  */

/* layout */
.productGrid{
    float:left;
    margin: 10px;
}

/* PRODUCT TILE WRAPPER */
.productGrid .productTile {
    position: relative;
    height: 160px;
    width: 284px;
/*  background-color: #e6e6e5; */
}
/* hover state div */
div.productBuy {
    left:-999em;
    position: absolute;
    top:0px;
    width: 100px;
    height: 100px;
    cursor: pointer;
    overflow: hidden;
}

.productGrid a {
    text-decoration: none;
    color:#555555;
}
/* hover offset is 198v */
div.product_8 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_shampoo_8.jpg);
    background-position: 0px 0px;
}
div.product_8_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_shampoo_8.jpg);
    background-position: 0px -160px;
}
div.product_9 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_conditioner_9.jpg);
    background-position: 0px 0px;
}
div.product_9_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_conditioner_9.jpg);
    background-position: 0px -160px;
}
div.product_10 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_leavein_10.jpg);
    background-position: 0px 0px;
}
div.product_10_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_leavein_10.jpg);
    background-position: 0px -160px;
}

/* hover offset is 352v */
div.product_1 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_ss_1.jpg);
    background-position: 0px 0px;
}
div.product_1_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_ss_1.jpg);
    background-position: 0px -160px;
}
div.product_3 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_sc_3.jpg);
    background-position: 0px 0px;
}
div.product_3_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_sc_3.jpg);
    background-position: 0px -160px;
}
div.product_5 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_st_5.jpg);
    background-position: 0px 0px;
}
div.product_5_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_st_5.jpg);
    background-position: 0px -160px;
}
div.product_2 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_ws_2.jpg);
    background-position: 0px 0px;
}
div.product_2_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_ws_2.jpg);
    background-position: 0px -160px;
}
div.product_4 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_wc_4.jpg);
    background-position: 0px 0px;
}
div.product_4_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_wc_4.jpg);
    background-position: 0px -160px;
}
div.product_6 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_wt_6.jpg);
    background-position: 0px 0px;
}

div.product_6_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_wt_6.jpg);
    background-position: 0px -160px;
}

div.product_42 {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_restyling.jpg);
    background-position: 0px 0px;
}

div.product_42_hover {
    background-image: url(/images/css/082009/nofrizz_grid/tile_bg_restyling.jpg);
    background-position: 0px -160px;
}

div.detailText {
    width: 190px;
    position: absolute;   
    margin-left: 86px;
    margin-top:10px;
}
div.style div.detailText {
    
}

div.detailText h3 {
    color:#000;
    padding-left: 0px;
    margin-left: 0px;
    font-size:13px;
}

.detailText p.productTargetType {
    font-size: .88em;
}

.detailText p.price {
    font-size: .88em;
}
/* TILE STYLE EXCEPTIONS */
/* force wrapp of text */
/* div.product_1 div.detailText h3 ,div.product_3 div.detailText h3 ,div.product_5 div.detailText h3 {
    width:100px;
}
*/
/* slightly lowered text */
div.divCare div.detailText ,div.divPrepare div.detailText {
    padding-top: 3px;
}


/*  TILE STYLE end */


/** **/
/** SLIDE SHOW BANNER **/

/* be sure to check IEx_09.css */
div.banner_bg {
    z-index: 100;
    border:0px solid #999999;
    float:left;
    height: 100%;
    width: 100%;
}
div#banner_left {
    width:324px;
    border:0px solid #999999;
    float:right;
    color: black;
    font-size: 1.2em;
}
div#banner_right {
    margin-left:330px;
    border:0px solid #9900ff;
}

/* with no-op extended hit area */
div#banner_left h1 {
    padding-top: 26px;
    padding-bottom: 6px;
}

div#banner_left p {
    padding-left: 8px;
    font-weight: 200;
}

div#banner_left .banner_need_help {
    padding-top: 18px;
    padding-left: 8px;
    margin-bottom: 0px;
    color: blue;
    font-weight: normal;
}
div#banner_left .banner_need_help a{
    text-decoration: none;
}
div#banner_left .banner_need_help a:visited{
    text-decoration: none;
    color: blue;
}
div#banner_left .banner_need_help img{
    margin-top: 7px;
    margin-left: -2px;
}

/* holiday 2009 */

div#banner_left_holiday {
    width:480px;
    border:0px solid #999999;
    float:right;
    color: black;
    font-size: 1.2em;
}

div#banner_left_holiday p {
    padding-top: 8px;
    padding-left: 8px;
}

div#banner_left_holiday .header {
    font-size:1.52em; 
}

div#banner_left_holiday .banner_highlight_holiday{
    padding-top: 4px;
    padding-left: 0px;
    margin-bottom: 0px;
    color: blue;
    font-weight: normal;
}

div#banner_left_holiday .banner_button_holiday{
    padding-top: 14px;
    padding-left: 8px;
    margin-bottom: 0px;
}

/** SLIDE SHOW BANNER END **/



/** BEFORE & AFTER **/

div#beforeafter div.row {
    height: 196px;
    width: 880px;
    margin-top:3px;
    margin-bottom:12px;
    position: relative;
    border: 0px solid #099;
}

div#beforeafter div.divider {
    height:2px;
    margin-left: 380px;
    width: 400px;
    border-bottom: 1px solid #ccc;
}

div#beforeafter div.row .rowItem{
    width: 880px;
    height: 196px;
    border: 0px solid #099;
    position: absolute;
    top:0px;
}
div#beforeafter div.row .hidden{
   display: none;
}

div#beforeafter div.row .rowImages{
    height: 196px;
    width: 350px;
    border: 0px solid #900;
    display: inline;
    position: absolute;
}
div#beforeafter div.row img{
    margin-right:10px;
}

div#beforeafter div.row .rowCopy{
    height: 180px;
    width: 500px;
    position: absolute;
    left:370px;
    padding-top: 10px;
    margin-top: 5px;
}
.rowCopy h3 {
    
}
.rowCopy span{ 
    background-image:url();
    background-position: top right;
    background-repeat: no-repeat;
    background-color:none;
    color:#000;
    font-size: 16px;
    margin-top:30px;
    padding-top:12px;
    padding-bottom:14px;
}
.rowCopy span.straight1 {
    background-image:url(/images/rating_1.gif);
    padding-right: 42px;
}
.rowCopy span.straight2 {
    background-image:url(/images/rating_2.gif);
    padding-right: 42px;
}
.rowCopy span.straight3 {
    background-image:url(/images/rating_3.gif);
    padding-right: 42px;
}
.rowCopy span.wave1 {
    background-image:url(/images/rating_4.gif);
    padding-right: 42px;
}
.rowCopy span.wave2 {
    background-image:url(/images/rating_5.gif);
    padding-right: 42px;
}
.rowCopy span.wave3 {
    background-image:url(/images/rating_6.gif);
    padding-right: 42px;
}

.rowCopy p {
    margin-top:22px;
    font-size: 12px;
    color:#999999;
}

div.navControl {
    position: absolute;
    margin-top:140px;
    margin-left:370px;
}

div.navControl a {
    font-size:13px;
    color:#999;
    text-decoration: none;
}
div.navControl a:hover {
    color:#666;
    text-decoration: none;
}
div.navControl a.highlighted {
    font-size:13px;
    color:#666;
    font-weight: 700;
}
div.navControl span {
    padding:0px 10px;
}

/** BEFORE & AFTER end **/


div#stylers .banner_need_help {
    padding-top: 18px;
    padding-left: 8px;
    margin-bottom: 0px;
    color: blue;
    font-weight: normal;
}
div#stylers .need_help a{
    text-decoration: none;
}
div#stylers .need_help a:visited{
    text-decoration: none;
    color: blue;
}
div#stylers .need_help img{
    margin-top: 7px;
    margin-left: -2px;
}