﻿
/* ===[ Product Feature (Flash)]=== */
#product_feature {
    margin-top: 20px;
    float: left;
    clear: left;
    width: 100%;
    background-color: #fff;
    min-height: 300px;
}

#product_feature .flash_container {
    float: right;
}

#product_feature .secondary {
    width: 535px;
    float: left;
    margin-top: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #6298c2;
}

#product_feature .secondary h2 {
    color: #003d6b;
    font-size: 14px;
    font-family: DaxOTWideMedium, Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

#product_feature .feature_list {
    width: 210px;
    float: left;
    padding-left: 30px;
}

#product_feature .feature_list .logos {
    margin: 25px 0 25px 20px
}

#product_feature .feature_list ul {
    list-style: none
}

#product_feature .feature_list ul.info {
    display: none;
    margin-bottom: 10px;
}

#product_feature .feature_list ul.info li {
    margin-left: 0
}

#product_feature .feature_list ul {
    margin: 15px 0 25px 0
}

#product_feature .feature_list ul h3 {
    background: url("/Content/images/furniture/bg_product_label.png") no-repeat scroll right top transparent;
    font-size: 14px;
    height: 23px;
    padding: 4px 0 0 10px;
    color: #fff;
}

#product_feature .feature_list ul li {
    padding-bottom: 10px;
}
#product_feature .feature_list ul li ul li {
    background: url("/Content/images/furniture/icon_tab.png") no-repeat scroll left top transparent;
    font-size: 14px;
    padding: 2px 0 15px 20px;
    text-decoration: none;
    color: #0695d6;
    cursor: pointer;

}

#product_feature .feature_list ul li ul li.open 
{
    background: url("/Content/images/furniture/icon_tab_down.png") no-repeat scroll left top transparent;
}


#product_feature .feature_list ul li ul li p  {
    color: #003D6B;
    margin-top: 10px;
}

#product_feature .feature_list ul li a {
    text-decoration: none;
    color: #244a8f;
}

#product_feature .feature_list ul li img {
    vertical-align: middle
}



#product_feature .flash_container {
/*    width: 535px;*/
    float: left;
/*    background-color: #CCC;*/
/*    height: 300px;*/
}


ul.flashgroupheader
{
	list-style: none outside none;
	margin-left: 0;
	margin-top: 15px;
}

ul.flashgroupheader li
{
	margin-left: 75px;
	float: left;
}

ul.flashgroupheader li a
{
	background: url(/Content/images/icons/icon_tab.png) no-repeat scroll left top transparent;
	padding: 2px 0 15px 20px;
	font-size: 14px;
	text-decoration: none;
	color: #003D6B;
}

.flash_container
{
	position: relative;
}
.feature_0
{
	position: absolute;
	top: 25px;
	left: 0px;

}
.feature_1, .feature_2
{
	position: absolute;
	top: 80px;
	left: 20px;
}

#product_feature .secondary
{
	float: none;
	clear: left;
}

#product_feature.Black,#product_feature.Black .feature_list ul h3, #product_feature.Black a
{
	background:black; 
	color:#fff;
}

#product_feature.Black img
{
	margin-left: -40px;
}

#product_feature.Black .secondary p
{
	padding-left: 8px;
}

#product_feature.Black #moviewrap
{
	height: 485px !important;
}


.iconholder
{
    width: 100%;
}



/* Styles for the HTML5 section */
#zone
{
    position: relative;
    padding: 10px;
    top: 35px;
}
#zone ul {
    list-style: none;
    clear: both;
}

ul.imgcontrol li
{
    display: block;
    float: left;
    width: 104px;
    height: 69px;
    border: 1px solid #ccc;
    margin: 18px 16px 0 0 ;   
}
ul.displayArea
{
    position: relative;
}
ul.displayArea li img
{
    position: absolute;
    top: 15px;
    left: 0px;
    border: 1px solid #ccc;
    padding: 7px;
}

ul.displayArea li ul li
{
    width: 18px;
    height: 18px;
    background: url("images/furniture/icon_tab.png") no-repeat scroll 0 0 transparent;
    list-style: none;
    position: absolute;
    cursor: pointer;
}

ul.displayArea li ul li:hover
{
    width: 18px;
    height: 18px;
    background: url("images/furniture/icon_tab_down.png") no-repeat scroll 0 0 transparent;
    list-style: none;
    position: absolute;
}

ul.displayArea li ul li p
{
    position: absolute;
    background: url("images/furniture/homepromonavbg.png") repeat-x scroll 0 0 transparent;
    color: white;
    font-size: 16px;
    padding: 10px;
    display: none;
    margin-top: 30px;
    
}

