/* CSS Document */

table {
margin: 10px 10px 0 10px; 
font-size: .9em;
border-collapse: collapse;
width: 98%;
border: 1px solid #dddddd;
}
th, td {
padding: 0.1em 1.2em;
}
caption {
font-size: 1.2em;
font-weight: bold;
margin: 1em 0;
}
col {
border-right: 1px solid #ccc;
}
thead {
color: #CC0000;
height: 35px;
background: url(../images/gray_bar.jpg) repeat-x left center;
border-top: 1px #ccc;
border-bottom: 1px #ccc;
}
th 
{
color: #CC0000;
height: 35px;
background: url(../images/gray_bar.jpg) repeat-x left center;
border-top: 1px #ccc;
border-bottom: 1px #ccc;
font-size: 1.4em;
font-weight: normal;
text-align: left;
}
.odd {
background-color: #edf5ff;
}
tr: hover {
background-color: #3d80df;
color: #fff;
}
thead tr: hover {
background-color: transparent;
color: inherit;
}

/*Start of product detail page*/

.detailLayout{
width: 600px;
}
.detailLayout_image{
float: left;
padding: 0 10px 0 0;
}
.detailLayout_list{
float: right;
width: 230px;
padding: 20px 5px 0 0;
}
.detailLayout_list h3{
font-size: 1.1em;
border-bottom: none;
color: black;
margin-left:-15px;
}
.detailLayout_Description{
font-size: 1.2em;
font-weight: bold;
margin-left: 20px;
color: #CC0000;
}
.detailLayout_sku{
font-size: 1em;
border-bottom: none;
color: #878787;
margin-left: 20px;
}
.detailLayout_list ul{
border:none;
font-size: 1.1em;
color: #878787;
}
.detailLayout_list li{
list-style:square;
font-size: .9em;
margin-left: -35px;
}
.detailLayout_instructions{
margin-left: 0;
}
.detailLayout_ProductLine {font-size: .9em;}



/*Search Area, Drop Downs, Buttons*/
#searcharea {
height: 35px;
margin:10px 0 0 0;
}
div>#searcharea {padding-top:6px;}
#searcharea h3 {
font-size:1em;
color:gray;
}
#searcharea form input {
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
font-size: .8em;
background-color: #ffffff;
}
#searcharea a{
font-size:.8em;
font-weight:bold;
color:#546DAF;
}
#clearfix form input {
width: 100px;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
font-size: .8em;
background-color: #ffffff;
}
select {
 background-color: white;
 border: 1px solid #999999;
 color: #6d6d6d; 
}
input.blue {
background-color: #546DAF; 
font-weight: bold; 
font-size: 1em; 
color: white;
}

/*Product Search Page*/
tr[align="right"] td[colspan="5"] {text-align:left;}
tr[align="right"] td[colspan="5"] table {width:50%;}
tr[align="right"] td table tbody tr td {margin:0; padding:0; font-size:12px;}


/* Marketing Materials 2 */ 

#materials2 div {
	float:right;
	width:160px;
	height:150px;
	}
	
#materials2 a {
	text-decoration:underline; 
	}
	
#materials2 p {
	color: #878787;
	margin: none;
	margin-left: 2px;
	}
	
#materials2 img {
	border: solid 1px #999;
	}
	
#materials2 a:hover {
	text-decoration:underline;
	color:#cc0000;
	}	

/* Three Column Layout iPhone */

#threecolip_main{
/*margin: 0 165px 0 165px; Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
float:left;
width: 470px;
padding: 0 0 10px 0;
}
	
#threecolip_left{
float: left;
width: 165px; /*Width of left column in pixel*/
/*margin-left: -800px; Set margin to that of -(MainContainerWidth)*/
margin: 0;
padding: 0 0 40px 0;
}

#threecolip_right{
float: right;
width: 160px; /*Width of right column*/
/*margin-left: -165px; Set left margin to -(RightColumnWidth)*/
margin: -400px 0 0 200px;
padding: 60px 0 10px 10px;
}

*html #threecolip_right{
float: right;
width: 160px; /*Width of right column*/
/*margin-left: -165px; Set left margin to -(RightColumnWidth)*/
margin: -410px 0 0 200px;
padding: 0px 0 10px 10px;
}

#threecolip_main .innertube h1 {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:inherit;
	font-weight:lighter;
	color:#cc0000;
	border-bottom: 1px solid #c1c1c1;
	}

#threecolip_main p {
	padding:0px 12px 0px 10px;
	color:#6d6d6d;
	}
	
.threecolip_wideright {
background:url(../images/background2col_wright.gif) repeat-y;
}

/*Apple 3G */
#apple3g ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666;
	}

#apple3g blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:1em;
	width: 90%;
	color:#666;
	}

/*Sup*/
sup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	bottom: 0.8ex;
	height: 0;
	line-height: 1;
	vertical-align: middle;
	_vertical-align: middle;
	position: relative;
}

/* Two Column Lists */
#twocol_main .content{
float:left;
width: 620px;
padding: 0 0 5px 5px;
margin: 0 0 0 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#twocol_main b {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#cc0000;
}
#twocol_main .content ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:disc inside;
margin-left: 0;
padding-left: 1.3em;
text-indent: -1em;
width:500px;
}

/* SOLIO */


#product_info {
width:620px;
float:left;
margin:10px 60px 10px 0;
}
#product_info2 {
width:620px;
float:left;
margin:0 60px 0 0;
}
#product_info2 img {
float:right;
margin:0.6em 0 10px 25px;
}
#product_info2 p {
line-height:16px;
margin-top:10px;
}
.texts {
color: #666666;
margin:10px 0 10px 0;
margin-left:-0.8em;
}
#family {
width:300px;
float: inherit;
margin:10px 20px 5px 0;
}
#specs {
width:300px;
float: inherit;
margin:10px 0 5px 0;
}
.line {
border:#999999 solid 1px;
}
.monoA {
color:#CC0000;
font-size:14px;
margin-top:8px;
}
.red {
color:#CC0000;
font-size:15px;
margin-bottom:5px;
}
.name {	
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #494949;
line-height: 18px;
font-weight: bold;
}
.squ {	
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: normal;
color: #0066CC;
}
.sup {	
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
bottom: -0.8em;
height: 0;
line-height: 0.5em;
vertical-align: top;
_vertical-align: top;
position: relative;
}
#solio {
font-size:13px;
margin-left:-0.8em;
border-collapse: collapse;
width: 620px;
border:none;
}