/* Overrides */
#productsList
{
	margin: 0 190px 0 10px;
	padding: 0;

}

#productsList ul li
{
	border-top: 1px #666666 dotted;
	border-bottom: none;
}
#productsList dt a
{
	font-size: 10px;
}

/* Tab Section Styles */
#tabList
{
	width: 538px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
/* commented to remove rounded corner*/
	/*background: url(../images/products/tab_bg.gif) no-repeat left bottom;*/
	
	clear: left;
}

#tabList p
{
	margin: 0;
	padding: 2px 11px;
}

#tabList #tabs
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	/*background: #FFF0C1 url(../images/products/tab_line.gif) no-repeat left bottom;*/
	background: #FFF0C1;
	border-bottom: 3px #03F solid;
	height: 25px;
}

/* kozakan (04.20.2006) - Change tabs from images to text
#tabList #tabs li
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
} */

/* Common li attributes for most tabs (We'll make the default background gray
   since only one tab can be selected at a time (blue) */
#tabList #tabs li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	background-image: url(../images/common/gray_tab.jpg);
	width: 89px;
	height: 25px;
	text-align: center;
}

/* Common a attributes for most tabs (gray ones) */
#tabList #tabs li a
{
	color: #666666;
	/*color: #333333;*/
	display:block;
	text-decoration: none;
	/*margin-top:5px;*/
}

#tabList #tabs li a:hover
{
	text-decoration: underline;
}

/* Common h2 attributes for most tabs (gray ones) */
#tabList #tabs h2
{
	margin-top:6px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: none;
	/*color: #333333;*/
	color: #666666;
}

/* Overrides for selected(blue) tab */
#tabList #tabs li.selected
{
	background-image: url(../images/common/blue_tab.jpg);
}

#tabList #tabs li.selected a, #tabList #tabs li.selected h2
{
	color: white;
}

#tabList label
{
	float: right;
}

/* moved into en_US/common.css...
#tabList button
{
	width: 80px;
	height: 18px;
	padding: 0;
	margin: 0 0 0 4px;
	background: #CCD6EB url(../images/products/compare.gif);
	border: none;
}
*/

.relatedInfo
{
	margin-top: 4px;
	font-size: 10px;
/*
	background: url(../images/products/relatedtop.gif) repeat-y;*/
	background: url(../images/products/relatedtop_body.gif) repeat-y;
	float: right;
	width: 178px;
}
.relatedInfo h6
{
	margin: 0;
	padding: 8px 2px 6px 8px;
	font-size: 11px;
	color: #039;
	text-transform: uppercase;
	background: url(../images/products/relatedtop_top.gif) no-repeat;
}
.relatedInfo ul
{
	list-style: none;
	list-style-image:none;
	margin: 0 10px 4px 0;
	padding: 0;

}
.relatedInfo li
{
	margin: 0;
	padding: 2px 6px;
	background:none;
	color:red;
}
.relatedInfo ul li:before
{

}
.relatedInfo a
{
	color: #4D4D4D;
	text-decoration: none;
/*	padding-left: 8px;
	background: url(../images/common/arrow.gif) no-repeat 0 3px;*/
}

.relatedInfo a:link
{
	color: #4D4D4D;	
}
.relatedInfo a:visited
{
	color: #800080;	
}

.relatedInfo a:hover, .relatedInfo a:active
{
	color: #4D4D4D;
	text-decoration: underline; 	
}

.relatedInfo img { display: block; }

#featureList
{
	/*margin: 4px 190px 4px 10px;*/
	color: #039;
}

#featureList li
{
	color: #039;
	padding-bottom: 6px;
}


#yellowLongBox
{
	font-size: 10px;
	background: url(../images/common/yellowlongtop.gif) no-repeat;
	width:538px;
	padding: 0px;
	margin: 0 0 10px 0;
}
#yellowLongBox h6, #yellowLongBox h5
{
	margin: 0;
	padding: 8px 2px 2px 8px;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	
}

#yellowLongBox table
{
	width: 538px;
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
	background: url(../images/common/yellowlongbottom.gif) no-repeat left bottom;
}
#yellowLongBox ul
{
	width: 538px;
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
	background: url(../images/common/yellowlongbottom.gif) no-repeat left bottom;
	list-style-image: none;
}

#yellowLongBox li
{
	margin-left: 5px;
	padding: 2px 1px;
	background: url(../images/common/arrow.gif) no-repeat 0 7px;	
}

#yellowLongBox a
{
	color: #039;
	text-decoration: none;
	padding-left: 8px;

}
#yellowLongBox a:link
{
	color: #039;		
}

#yellowLongBox a:visited
{
	color: #800080;		
}

#yellowLongBox a:hover, #yellowLongBox a:active
{
	color: #039;	
	text-decoration: underline;
}

#yellowLongBox td
{
	text-align: center;
	padding: 8px;
}

#yellowLongBox td img
{
	border: 1px #333 solid;
}

#yellowLongBox td a
{
	font-weight: bold;
	text-decoration: none;
	padding-left: 0px;
	background: none;
}

#demoDetail
{
	margin: 0 190px 0 10px;
	padding: 0;

}

#demoDetail .icon
{
	float:left;

}
#demoDetail h5
{
	margin: 0px;
	padding:0px;
	font-size: 12px;
	font-weight: bold;
}
#demoDetail a:link, #demoDetail .videolist a:link
{
	color: #039;
}
#demoDetail a:visited, #demoDetail .videolist a:visited
{
	color: #800080;		
}

#demoDetail a:hover, #demoDetail a:active, #demoDetail .videolist a:hover, #demoDetail .videolist a:active
{
	color: #039;
}

#demoDetail .videolist img
{
	vertical-align: middle;
	padding-top: 10px;
}
#demoDetail .videolist a
{
	padding-left : 20px;
	font-size: 12px;
	font-weight: bold;
}

#demoDetail div.details
{
	margin-left:60px;
	padding-left: 5px;
}

#spec
{
	margin: 0 190px 0 10px;
	padding: 0;
}

#spec table th
{
	font-weight: bold;
	padding-left: 0px;
	text-align:left;
	width: 40%;
	font-size: 12px;	
}

#spec table td
{
	font-weight: normal;
	padding-left: 0px;
	text-align:left;
	padding:3px;
	font-size: 12px;	
}

#productsTab
{
	background: url(../images/products/tab_bg_body.gif) repeat-y;
	border-right: 1px solid blue;
	border-bottom: 1px solid blue;
	padding: 5px 0px 5px 5px;
/* Peekaboo bug fix for IE 6 */
	height:1%;
}

#tabList #productsTab h3
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 12px;
	text-transform: uppercase;	
	color: #003399;	
}
/* Styles added to override the features styles 
(#tabList #productsTab ul li div strong .cmsblue, #tabList #productsTab ul li div strong)
	for Black Headers. Currently there are some 
	headers that has class to be cmsblue.. but has to show up as black
	Need to take the definition out once the cmsblue class is taken 
	out of ektron.
*/

/*#tabList #productsTab ul li div strong .cmsblue, #tabList #productsTab ul li div  .cmsblue strong
{
	color: black;
}
*/

#productsTab #paging
{
	margin-left: 10px;
}

/* Style info for Demo Video Tab */
#productsTab .file
{
	margin-left: 10px;
}

#productsTab h3
{
	padding-left: 5px;
}

#productsTab table tr td
{
	font-size:11px;
}