/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 740px;	
	height:164px;
	
	
	/* custom decorations */
	padding:0px 0;
	/*
	border-top:1px outset #ccc;
	border-bottom:1px outset #ccc;
	background-color:#efefef;
	background: url(/images/productscollerbkg.png) 50% 50% repeat-x;*/				
}

div.relatedproducts
{
	width: 802px;	
	height:177px;
	background: url(/images/scrollable/background.jpg) repeat-x;
	
}

div.moreinfo
{
	width:802px;
	color:#6d6d6d;
	font-family: Arial;
	font-size:9px;
	text-align:center;
}
/* 
	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 div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
	top:10px;
	
}

/* single scrollable item */
div.scrollable div.items div.product {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:156px;
	padding:25px 0px;
	font-size:10px;
	font-family: 'Arial';
	font-weight:bold;
	color: #0f5683;
	cursor:pointer;
	
	/*border:1px outset #ccc;
	background-color: #ddd; */
	margin-right: 30px;	
	-moz-border-radius:5px;
}

div.scrollable div.items div.module {
	float:left;
	/* custom decoration */
	width:269px;
	margin-right:4px;
}


div.itemcell {
	width:150px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:white;
	display:block;
}

/* active item 
div.scrollable div.items div.active {		
	background-color:#444;
} */

li.prodtile 
{
	height:25px;
	display:block;
	vertical-align:bottom;
	list-style:none;
	border:1px solid;
}

li.product
{
	list-style:none;
}

td.prodtitle
{
	font-size:11px;
	height:30px;
	vertical-align:bottom;
	text-transform:uppercase;
	padding-bottom:2px;
}


div.scrollable div.items div.child-product {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:156px;
	padding:0px 0px;
	font-size:10px;
	font-family: 'Arial';
	font-weight:bold;
	color: #0f5683;
	cursor:pointer;
	
	/*border:1px outset #ccc;
	background-color: #ddd; */
	margin-right: 30px;	
	-moz-border-radius:5px;
}


#item-related-child-prod-119
{
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:156px;
	padding:25px 0px;
	font-size:10px;
	font-family: 'Arial';
	font-weight:bold;
	color: #0f5683;
	cursor:pointer;
	/*
	border:1px outset #ccc;
	background-color: #ddd; */
	margin-right: 30px;	
	-moz-border-radius:5px;
}

#item-related-child-prod-142
{
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:156px;
	padding:25px 0px;
	font-size:10px;
	font-family: 'Arial';
	font-weight:bold;
	color: #0f5683;
	cursor:pointer;
	/*
	border:1px outset #ccc;
	background-color: #ddd; */
	margin-right: 30px;	
	-moz-border-radius:5px;
}


#item-related-child-prod-115
{
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:156px;
	padding:0px 0px;
	font-size:10px;
	font-family: 'Arial';
	font-weight:bold;
	color: #0f5683;
	cursor:pointer;
	/*
	border:1px outset #ccc;
	background-color: #ddd; */
	margin-right: 30px;	
	-moz-border-radius:5px;
}

#item-related-child-prod-138
{
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:156px;
	padding:0px 0px;
	font-size:10px;
	font-family: 'Arial';
	font-weight:bold;
	color: #0f5683;
	cursor:pointer;
	/*
	border:1px outset #ccc;
	background-color: #ddd; */
	margin-right: 30px;	
	-moz-border-radius:5px;
}

/* Product sizes css */
#advil-extra-strength-liqui-gels-sm
{
	width:113px;
	height:89px;	
}

#advil-liqui-gels-sm
{
	width:113px;
	height:89px;	
}

#advil-extra-strength-caplets-sm
{
	width:113px;
	height:89px;	
}

#advil-tablets-sm
{
	width:108px; 
	height:88px;
}

#advil-caplets-sm
{
	width:112px; 
	height:88px;	
}

#advil-gel-caplets-sm
{
	width:108px;
	height:89px;	
}

#advil-cold-and-sinus-caplets-sm
{
	width:112px; 
	height:89px;	
}

#advil-cold-and-sinus-liqui-gels-sm
{
	width:115px;
	height:89px;	
}

#advil-cold-and-sinus-plus-sm
{
	width:112px;
	height:88px;	
}

#advil-cold-and-sinus-day-and-night-sm
{
	width:114px;
	height:131px;	
}

#childrens-advil-cold-sm
{
	width:47px;
	height: 126px;
} 

#childrens-advil-suspension-sm
{
	width:46px;
	height: 127px;	
}

#advil-pediatric-drops-sm
{
	width:49px;
	height:131px;	
}

#junior-strength-advil-chewables-sm
{
	width:112px;
	height:92px;	
}