BODY {font-size:11px;}
.product-list LI A:focus { -moz-outline-style: none;}

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

/* 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-Child .PageTitle P {padding-top:0 !important; margin-top:-4px;}
#tabs-Adult .PageTitle P, #tabs-Child .PageTitle P, #tabs-all-products .PageTitle P {padding-left:10px !important;}

.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 START*/
.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 !important; 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;}
/*Vertical END*/

/*"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*/

DIV.productDescription {width:220px;}
.product-list LI P.description {width:210px;}
.reflect {padding:0;}

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

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

/********* 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 *********/
.buyNowBtn {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*********************/