/* Tabs START */
.tabs {}
.ui-tabs-hide { position: absolute; left: -55555em; top: -55555em; }
.tabs > UL  { display: block; height: 30px; margin: 0; padding: 0 0 7px 0; background: #1779bb url('../../img/bg.tabs.png') no-repeat 0 bottom; }
.tabs > UL LI { float: left; margin: 0 1px 0 0; padding: 0; list-style: none; }
.tabs > UL LI A { display: block; width: 161px; height: 30px; background: url('../../img/products/sprites.tabsProducts.png') no-repeat 0 0; }

.ui-tabs-panel { background-color: #FFF; }
.tabs #tab-Adult A { background-position: 0 0; }
.tabs #tab-Adult A:hover { background-position: 0 -30px; }
.tabs #tab-Adult A.ui-tabs-selected { background-position: 0 -60px; }
.tabs #tab-Child A { background-position: 0 -90px; }
.tabs #tab-Child A:hover { background-position: 0 -120px; }
.tabs #tab-Child A.ui-tabs-selected { background-position: 0 -150px; }
.tabs #tab-all-products A { background-position: 0 -180px; }
.tabs #tab-all-products A:hover { background-position: 0 -210px; }
.tabs #tab-all-products A.ui-tabs-selected { background-position: 0 -240px; }

/* Tabs END */

#tabs-all-products .PageTitle h1, #tabs-Child .PageTitle h1, #tabs-Adult .PageTitle h1 {padding:4px 15px 0 0;}
#tabs-all-products .PageTitle P, #tabs-Child .PageTitle P, #tabs-Adult .PageTitle P { font-size:11px;}
#tabs-Child .PageTitle P { margin-top:-4px !important;}
#tabs-Adult .PageTitle P, #tabs-Child .PageTitle P, #tabs-all-products .PageTitle P {padding-left:10px !important;}

.products .ContentRoundBot { background: #FFFFFF url('../../img/bg.grad-btm-white.png') no-repeat left bottom;}

.ProductTitle { margin: -2px 0 20px 0; width:410px; }
.ProductTitle H1,
.ProductTitle P { }
.ProductTitle H1 { margin: 0 0 10px 0; padding: 0; color: #e21c37;}
.ProductTitle H1 .note {font-size: 22px;}

.ProductTitle P { margin: -5px 0 0 0; color: #1679be; text-transform: uppercase; }

.product-list { margin: 0; padding: 0; list-style: none;}

.product-list LI { float: left; display: block; width: 240px; height: 225px; margin: 0 0 30px 0; padding: 0 25px 0 25px; background: url('../../img/bg.product-pipe.jpg') no-repeat 0 0; }
* HTML .product-list LI { margin: 0 0 25px 0; }
*:first-child+HTML .product-list LI { margin: 0 0 25px 0; }
#tabs-all-products .product-list LI {width:240px;}

.product-list LI.First,
.product-list LI.row-first { background: none;}
#tabs-all-products .product-list LI.First, #tabs-all-products .product-list LI.row-first{padding-left:0;}
.product-list LI H3 { font-size: 12px; margin: 0 0 .2em 0; }
.product-list LI H3 SUP {font-size: 10px;}
.product-list LI H3 .note{ font-size: 10px; display:none;}
.product-list LI H3 A { color: #0c5692; text-decoration: none; }

#tabs-all-products .pane-bot {margin-top:-40px; *margin-top:-30px; height:20px;}

.vertical a, .vertical div, .vertical > H3 {float:left;}
.vertical div.productDescription a, .vertical div.productDescription h3, .vertical div.productDescription p {float:none;}
.vertical div.productDescription {width:150px; padding:106px 0 0 10px;}
.product-list LI.vertical P.description { width: 170px; color: #666; }
#tabs-all-products .product-list LI.vertical P.description { width: 160px;}

/*"New" image in the corner of each new product START*/
.newImageContainer {height:115px; margin-top:-7px;}
.vertical .newImageContainer {width:80px; height:165px;}
.newImageContainer > IMG {position:relative;top:0; left:0; z-index:50;}
.newImageContainer .reflect {position:relative; top:-28px; left:7px;}
/*"New" image in the corner of each new product END*/

.product-list LI P.description {width:240px;}
.reflect {padding:0;}

.product-wrapper { min-height: 500px; }
.product-wrapper .Column { padding-left: 40px; }
.product-wrapper .column-right { float: right; width: 560px !important; }
.product-wrapper .column-left {}

.product-detail { }
.product-menu { margin: 0; padding: 0; list-style: none; width:100%; }
.product-menu LI { margin: 0 0 5px 0; }
.product-menu LI A { display: block; }
.product-menu LI#get-coupon A { height:48px; width:217px; padding-bottom:5px; background: url('../../img/products/btn.get-coupon.gif') no-repeat; background-position: 0 0; }
.product-menu LI#buy-now A {height: 25px; width:86px; background: url('../../img/products/sprites.product-btns.png') no-repeat; background-position: 0 -25px; }
.product-menu LI#read-the-label A {height: 25px; width:120px; background: url('../../img/products/sprites.product-btns.png') no-repeat; background-position: 0 -50px; }

.product-menu LI#buy-now, .product-menu LI#read-the-label {float:left;}
.product-menu LI#buy-now {padding-right:10px;}

#product-page-top { padding-bottom: 20px; }
#product-page-top .Column { width: 50%; }
#product-page-top .column-left {  }
#product-page-top .column-right { text-align: right; }

/*Dropdown Products START*/

#dropdown-products { margin-right: 15px; }
#btn-back { margin-left: 25px; }

#dropdown-wrapper { position: relative; z-index: 200; }
#dropdown-wrapper .dropdown-link {float: right; display: block; width: 165px; height: 20px; margin: 0 12px 0 0; padding: 7px 0 0 9px; background: url('../../img/sprites.dropdown-products.png') no-repeat left top; text-align: left; text-transform: uppercase; text-decoration: none; font: 10px Arial; }
#dropdown-wrapper .dropdown-link SPAN { position: relative; z-index: 1001; }

#dropdown-wrapper .dropdown-products { position: absolute; z-index: 1000; right: 12px; width: 620px; }

* HTML #dropdown-wrapper .dropdown-products { right: 24px; }

#dropdown-wrapper .dropdown-products .dropdown-content {  background: url('../../img/sprites.dropdown-products-tile.png') repeat-y 0 0; }

* HTML #dropdown-wrapper .dropdown-products .dropdown-content { zoom: 1; }
*:first-child+HTML #dropdown-wrapper .dropdown-products .dropdown-content { zoom: 1; }

#dropdown-wrapper .dropdown-products .product-list { margin: 0; padding: 0; }
* HTML #dropdown-wrapper .dropdown-products .product-list { margin: 0 0 0 -20px; padding: 0; }

#dropdown-wrapper .dropdown-products .product-list LI { width: 112px; height: 100px; margin: 0 0 25px 20px; padding: 15px 0 0 20px; background: url('../../img/bg.product-pipe-sm.png')no-repeat 0 0; text-align: left; }
#dropdown-wrapper .dropdown-products .product-list LI.First { background: none; }
#dropdown-wrapper .dropdown-products .product-list LI H3 { /*float: left; clear: both;*/ font-size: .92em; }

#dropdown-wrapper .dropdown-products .dropdown-cap { height: 42px; background: url('../../img/sprites.dropdown-products-over.png') no-repeat 0 0; }
#dropdown-wrapper .dropdown-products .dropdown-bot { height: 30px; clear: both; float: none; background: url('../../img/sprites.dropdown-products-bot-trans.png') no-repeat 0 0; }

/*Dropdown vertical products. Uses ugly hardcode! START*/
#tabs-Adult #dropdown-wrapper .dropdown-products .product-list .vertical {width:123px !important;}
#tabs-Child #dropdown-wrapper .dropdown-products .product-list .vertical {width:183px !important;}
#dropdown-wrapper .dropdown-products .product-list .vertical h3 {padding:70px 0 0 10px;}
#tabs-Adult #dropdown-wrapper .dropdown-products .product-list .vertical h3 {width:70px;}
#tabs-Child #dropdown-wrapper .dropdown-products .product-list .vertical h3 {width:130px;}
#tabs-Child #dropdown-wrapper .dropdown-products .product-list LI {margin-left:0; padding-left:25px;}
/*Dropdown vertical products END*/

/*Dropdown Products END*/

/* Subtabs START */

.sub-tabs { margin: 30px 0 0 -25px; }
.sub-tabs > UL { height: 40px; background: url('../../img/bg.sub-tabs.png') no-repeat 0 0; margin-left:0 !important; }
.sub-tabs > UL LI { float: left; margin: 0 1px 0 0; padding: 0; list-style: none; display:block; }
.sub-tabs > UL LI A { height: 40px; width:75px; display:block; background:  url('../../img/products/sprites.product-sub-tabs.png') no-repeat 0 0; }
.sub-tabs #tab-uses A { width: 75px; background-position: 0 0; }
.sub-tabs #tab-uses A:hover { background-position: 0 -40px; }
.sub-tabs #tab-uses A.ui-tabs-selected { background-position: 0 -80px; }
.sub-tabs #tab-warnings A { width: 95px; background-position: 0 -120px; }
.sub-tabs #tab-warnings A:hover { background-position: 0 -160px; }
.sub-tabs #tab-warnings A.ui-tabs-selected { background-position: 0 -200px; }
.sub-tabs #tab-faq A { width: 90px; background-position: 0 -240px; }
.sub-tabs #tab-faq A:hover { background-position: 0 -280px; }
.sub-tabs #tab-faq A.ui-tabs-selected  { background-position: 0 -320px; }
.sub-tabs .ui-tabs-panel { padding: 0 0 0 14px; }
.sub-tabs .ui-tabs-panel #tabs-faq { padding: 0; }

.product-accordion { margin: 0 0 0 -10px; padding: 0 0 1px 0; list-style: none; background: url('../../img/bg.sub-tabs-bot.jpg') no-repeat left bottom; list-style-type:none !important; }
.product-accordion LI { background-color: #FFF;  padding-bottom:20px; margin:0; color:#396a92; padding-right:150px;}
.product-accordion LI.even { background: #FFF url('../../img/bg.accordion-row.png') repeat-y left top; }
.product-accordion LI A { display: block; padding: 20px 0 0 15px; color: #0c5692; font-weight: bold; text-decoration: none; background: url('../../img/sprites.accordion-arrows.png') no-repeat 0 23px; }
.product-accordion LI A.current { padding: 20px 0 0 15px; background-position: 0 bottom; color: #e21c37 !important;}
.product-accordion LI DIV {display:none;}

#tabs-Child { }
#products-children LI { width: 200px; margin-right: 0; }
#tabs-all-products .product-list { padding: 30px 0 0 70px; }

#tabs-uses .product-accordion LI, #tabs-warnings .product-accordion LI {padding: 15px 150px 1em 0; color: #0c5692; }
#tabs-uses .product-accordion li ul, #tabs-warnings .product-accordion li ul {list-style-type:square !important; margin-left:16px; }
#tabs-uses .product-accordion LI ul li, #tabs-warnings .product-accordion LI ul li {padding:0; background:none; }
#tabs-uses,#tabs-warnings, #tabs-faq {padding-left:12px;}

#tabs-faq {color: #0c5692; }
#tabs-faq A {color: #0c5692; font-weight:bold; text-decoration:none; }

.ui-accordion .ui-accordion-li-fix {padding-left:0;}

/* Subtabs END */

.productDescriptionImage {margin:auto;}

.column-right ul {list-style-type:square; margin-left:14px;}
.product-wrapper .column-right p {padding-right:70px;}

.footnoteProduct {padding-top:15px; width:250px;}
.footnoteLanding { position:relative; top:-30px; left:65px; clear:both;}
.footnoteLanding div {float:left; padding-right:20px;}

a.viewBackOfTheBox {font-weight: bold; margin:25px 0 0 28px;}

/*"Back of the Box" popup additional styling START*/
.backOfTheBox {
	padding:0 20px;
	background:#FFF !important;
	border:1px solid #CCC;
}

.backOfTheBox div#fancy_close {
	top: 7px !important;
	right: -17px !important;
}
/*"Back of the Box" popup additional styling END*/


/********* Scrollable START *********/
div.scrollable {
  
  /* required settings */
  position:relative;
  float:left;
  overflow:hidden;    
  width: 871px; 
  height:250px;  
  
  /* custom decorations */
  padding:10px 0; 

}

/* 
  root element for scrollable items. Must be absolutely positioned
  and it should have a super large width to accomodate scrollable items.
  it's enough that you set width and height for the root element and
  not for this element.
*/
div.scrollable UL.product-list {  
  /* this cannot be too large */
  width:20000em;  
  position:absolute;
  clear:both;   
  
  /* decoration */
  margin-left:10px;
}

/* single scrollable item */
div.scrollable UL.product-list LI {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 247px;
}

/* active item */
div.scrollable UL.product-list LI.active {
}

div.scrollable UL.product-list LI A {
	padding:0;
}

A.controll{
    width: 30px;
    height: 250px;
    cursor: pointer;
    position: relative;
    float:left;
}
A.next{
    background: transparent url(../../img/carousel-skin/next-horizontal.png) no-repeat 0 0;
}

A.next:hover {
   background-position: -30px 0;
}

A.next .active {
   background-position: -60px 0;
}

A.prev{
    background: transparent url(../../img/carousel-skin/prev-horizontal.png) no-repeat 0 0;
}

A.prev:hover {
   background-position: -30px 0;
}

A.prev .active {
   background-position: -60px 0;
}

A.disabled, A.disabled:hover {
	background-position:-90px 0;
	cursor:default;
}
/********* Scrollable END *********/

/********* Buy now button START *********/
.rightCornerBuyNow {float:right; margin:0 30px 0 20px;}
/********* Buy now button END *********/

/********************* Buy Now Popup START*******************/

.buyNowPopup {
  width: 755px !important;
  height: 331px !important;
}

.buyNowPopup #fancy_content {
  width: 755px;
  height: 331px;
  background:url(../../img/products/bg.buy-now-popup.gif) top left no-repeat;
  padding:40px 50px;
  top:0 !important;
  left:0 !important;
  bottom:0 !important;
  right:0 !important;
}

.buyNowPopup #fancy_close {
  top:15px;
  right:13px;
}

.buyNowPopup .PageTitle {
	margin:0 !important;
}

.buyNowPopup .PageTitle IMG {
	float:left;
}

.buyNowPopup .PageTitle P {
	font-size:13px; 
	width:470px;
	margin-top:0 !important;
}

.buyNowPopup .buyNowNote {
	margin-top:20px;
	width:600px;
	font-size:11px;
}

.buyNowPopup .calloutsContainer {
	margin:60px 0 0 130px;
}

.buyNowPopup .calloutsContainer A {
	margin-right:10px;
}
/******************** Buy Now Popup END*********************/