﻿div#MainContent 
{
    margin:0px auto 70px;
    overflow:auto;
    position:relative;
}
div#panelMain
{
	background: #c0c0c0;
	margin: 20px auto 0px;

}
div#panelRight
{
	background: #c0c0c0;
	position:relative;
}
div#panelLeft
{
	background: #c0c0c0;
	padding:10px 0px;	
}
div#panelSummary
{
	background: #fff;
	height: 100%;
	margin: 10px 0px;
}
div#panelSummary a.simButton
{
    border:none;
    color:#FFF;
    background:#48B1DC;
    display:inline-block;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    height:20px;
    height:20px;
    margin:0 0 0;
    padding:5px 20px;
    cursor:default;
    text-align:left;
}
div#panelSummary a.simButton:hover
{
    border:none;
    color:#FFF;
    background:#f58b13;
}
div#panelSummary input.submit
{
    border:none;
    color:#FFF;
    background:#48B1DC;
    display:inline-block;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    text-align:left;
	height:28px;
	margin:0;
	padding:0 20px 3px;
	width:128px;
	text-align:left;
}
div#panelSummary input.submit:hover
{
	border:none;
	color:#FFF;
	background:#f58b13;
}
div#panelSummary div.pricingInfo
{
   width: 160px;
   float: left;
}  
div#panelSummary div.padding
{
    padding: 3px 0px;
    width:200px;
    
}  
div#panelSummary span.alignRight
{
   float:right;
   padding: 0px 5px;
}   
div#panelDetail
{
	color: #646464;
	background: #fff;
	margin: 10px 0px;
	overflow:auto;
}
div.customSelected { 	
	display:block;
	cursor:pointer;
	margin:0px;
	padding-top:5px;
	background:#fefefe;
	visibility:visible;
	color: #646464;
	width:194px;
}
div.customSelected h1
{
    color: #646464;
    font-size:12px;
    font-weight:bold;
    line-height:14px;
    float:left;
    vertical-align:bottom;
    padding-top:2px;
}
div.customSelected img 
{
    padding:0px 0px 0px 10px;
}
div.customSelected p  
{
    border-top:1px solid #CFCFCF;
    
	text-decoration:none;
	color: #646464;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	line-height:13px;
	display:inline-block;
	width:200px;
    margin:0px;
    padding:0 0 10px;
	overflow:visible;
	vertical-align:top;
	float:left;
}
div#panelSpec
{
	background: #fffffe; 
	height: 100%;
	padding: 0px 0px;/*  -------- ToDO  -------*/
	margin: 0px auto 0px;
}
div.spec
{ 
	width:710px;
	margin:  0px 0px  0px;
	padding: 0px 0px ;
	background:#fffffe;float:left;
}
div.selected
{
	background:#ddd;
	height:100%;
	border-top:1px solid #AAAAAA;
	border-left:none;
	margin:0px auto;width:700px;
	padding:5px;float:left;
	font-weight:bold;color:#fe3100;
}
div.selected div
{
    float:left;   
    font-weight:bold;
    color:#666;
    width:560px; 
}
div.selections
{ 
	width:100%;
	margin: 0px;
	background:#fff;
	float:left;
	display:none; /*------------------------------*/
}	
div.selectedSpec
{
	background: #fff;
	margin: 0px 0px;
	width: 140px;height:100%;
	float:left;text-align:center;	
	padding:0px;  
}
div.selectedSpec img
{
    margin: 30px auto 0px;
	width: 135px;
	padding:0px;
	border:0px solid #ccc;
}
div.specOptions{
	background: #fffffe;
	margin: 0px 0px;
	width: 570px;
	border-left:0px solid #ccc;
	float:right;
}
div.optionContainer
{
    float:right;
/*  background:;  -------- ToDO  -------*/
    margin: 0px;    
    width:570px;
    padding:10px 0px;

}
div.optionContainer h1.specBanner
{
	margin:10px auto 0px;
	padding:0px;	
	float:left;
	line-height:0px;	
}
div.optionContainer h1.specBanner img
{
	width:560px;
}

div.availOptions
{   float:left;
    width:570px;
    margin: 0px auto;  
    background:#fffffe;
    position:relative;
    overflow:auto; 
}
/* This is the iconview of options
------------------------*/
div.options{
	background: transparent;
	margin: 0px 0px 15px;
	padding:0px;
	width: 110px;
	float:left;
	text-align:center;
}
div.options:hover,div.options *:hover{
    background:#EEE;
    color:#000;
}
div.options h3 {text-align:center;padding:2px;}
div.options h3 img{width:102px;text-align:center;}
div.options ul
{	
	margin: 0;
	padding: 0;
	list-style: none;
	
}
div.options li
{	
	float: left;
	list-style: none;
	color: #646464;
	padding: 0 2px;
	background:#ffffff;	
} 
div.options ul.shortSpec
{
	border-top:1px solid #eee;
	padding:0 0 0 25px;
	margin:0px;
	list-style-position:outside;
	color: inherit;
	clear:both;text-align:left;
	font-size:10px;
	height:35px;
	line-height:11px;
	overflow:hidden;
}
div.options ul.shortSpec li {
	list-style-type:square;
	float: none;
	border:none;
	border-left: 1px solid #ddd;
}
div.options ul.compareSpec 
{
    float: right;
	padding:0px;
	margin-bottom:0px;
	font-size:11px; 
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
div.options ul.compareSpec input
{
	height:1.2em;
	width:1.2em;
	margin-top:-2px;
}
div.options ul.compareSpec li
{ 
    padding:0 3px;
}
div.options ul li.pIcon img
{
    height:10px;
    vertical-align:middle;
}
div.options ul li,div.options ul li *
{
    background:transparent;
    color:inherit;
}
div.options ul li.pPrice
{
	font-size: 11px;
    margin-top:2px;
}
li.pSelected input{
	height: 1.2em;
	width: 1.2em;
	color: #999;
	margin-top:-1px;
}
/* This is the listview of options
------------------------*/    
div.optionsList:hover
{
    background:#ccc;
    color:#000;
}
div.optionsList table
{
    margin:2px 0px;
    padding:0px;
}
div.optionsList table td
{
    padding:0px 3px;margin:0px;
    text-align:left;
    vertical-align:top;
    border: 0px solid red;
}
div.optionsList table td.pSelected input
{
    padding:0px;
    margin-top: 1px;
}
div.optionsList table td.pSelected
{ 
    width:20px;
}
div.optionsList table td.pDes
{ 
    text-align:left;
    width:400px;font-size:11px;
    padding:0px;
    line-height:14px;
    vertical-align:middle;

}
div.optionsList table td.pPrice
{
    text-align:right;
    font-size:11px;
    width:55px;
    padding-right:5px;
	line-height:14px;
	vertical-align:middle;

 }
div.optionsList table td.pIcon
{ 
    text-align:center;
}
div.optionsList table td.pIcon img
{
    height:14px;
    margin-top:4px;
}
div.optionsList table td.pCompare input
{ 
    margin-top:-1px;  
	height:1.2em;
	width:1.2em;
}
div.optionsList table a.pDetailURL
{
	display:block;
	width: 17px;
	height:17px;
	margin-top:3px;
	background:transparent url(/Images/zoomPix3.gif) no-repeat top left;
}
td.pSelected input {
	height: 1.5em;
	width: 1.5em;
	color: #999;
}
a.pDetailURL
{
	margin-top:4px;
	background:transparent; /* ---  url(/Images/zoomPix3.gif) no-repeat top left;  ---*/
}
.IconMaxH {
    max-height: 550px;
    height: expression( this.scrollHeight > 550 ? "550px" : "auto" ); /* sets max-height for IE */
}
a.pCompare
{
	display:block;
	float:right;
	padding:0px 10px;
	margin:0px 0px 0px 0px;
	background:yellow;
    cursor:pointer;
    border:3px solid orange;
}
p.singleChoice
{
	display:inline;
	float:right;
	height:0;
	padding-right:23px;
}
p.singleChoice a img,
p.singleChoice a.pDetailURL
{
	display:inline-block;	
}
td.pBanner
{
    text-align:left;
    font-size:11px;
    padding:10px;
    margin:0px;
}

/* after speed
-------------------------*/

div.selectedText
{
    padding:0 0 0 20px;
    margin:0;
    cursor:default;
}
div.selectedTextAjax
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    cursor:hand;
    border:medium none;
    color:#FFFFFF;
    display:block;

    background:transparent url(/images/switch_plus.gif) no-repeat scroll 3px 4px;
}

