/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/


.ui-tabs { position: relative; padding: 10px 0 0 0px; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding:0; text-indent:-99999px;position:relative;left:25px; }
.ui-tabs .ui-tabs-nav li { margin:0; padding:0; list-style: none; float: left; position: relative; height:209px; white-space: nowrap; background:url("/images/david-groshen-hair-products.jpg") no-repeat; }
.ui-tabs .ui-tabs-nav li a { float: left; display:block; width:100%; height:100%  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding:0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.naviOne {width:141px;background-position:-760px 0px !important;}
.naviTwo {width:170px; background-position:-901px 0px !important;}
.naviThree {width:148px; background-position:-1071px 0px !important;}
.naviFour {width:158px; background-position:-1219px 0px !important;}
.naviFive {width:143px; background-position:-1377px 0px !important;}

.naviOne.ui-tabs-selected, .naviOne:hover {background-position:0px 0px !important;}
.naviTwo.ui-tabs-selected, .naviTwo:hover {background-position:-141px 0px !important;}
.naviThree.ui-tabs-selected, .naviThree:hover {background-position:-311px 0px !important;}
.naviFour.ui-tabs-selected, .naviFour:hover {background-position:-459px 0px !important;}
.naviFive.ui-tabs-selected, .naviFive:hover {background-position:-617px 0px !important;}

.productListing {
height:260px;
width:790px;
padding:0 0px 0 71px;
padding-top:46px;
background:url("/images/product-bg.jpg") no-repeat;
}

.productListingFirst {
background:none;
}

.productImage {
width:140px;
float:left;
}

.productContent {
width:570px;
float:left;
padding-top:0px;
}


.productContent h3 span {
font-size:18px;
padding-left:30px;
color:#009999 !important;
}

.productContent p {
line-height:120% !important;
margin:0 0 10px 0;padding:0;
font-style:italic;
}

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