BODY { } /*this needs be be here*/




#contentLead {
	float: left;
	position: relative;
	top: 4px;
	left: 2px;
	/*left:6px;
	margin:0px 0px 0px 6px;*/
	/*margin:6px 0 10px 10px;	*/
	padding:0;
	clear:both;
	
	}
	
*html	#contentLead {
	margin-left:5;
	}
	
#spacer {
	margin:0px 0 0px 14px;	
	padding:0;
	clear:both;
	}
		


/****************************************
 main body styles                       *
*****************************************/	
.toggleopacity img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	}

.toggleopacity:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	}

.toggleopacity img {
	border: 1px solid #ccc;
	}

.left {
	margin:0;
	padding:0;
	float: left;
	width: 531px;
	/*width: 512px;*/
	}

.right {
	margin:0;
	padding:0;
	float: left;
	width: 230px; }

#marginRight {
	margin-left:5px;
	
	
/*	background: url("//a248.e.akamai.net/pix.crutchfield.com/elements/index_rightmargin_bg.gif") top left no-repeat; */
	}

#homeLead {
	
	float: left;
	margin-left:0px;
	/*margin-left:7px;*/
	}	

#targetNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:left;
	width: 238px;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	}

#targetNav li { 
	margin: 0;
/*	background-color: #E9F4FF;
	border-top:1px dashed #ABCAE9; */
	width: 238px;
	font-size:90%;
	}

#targetNav a {
	display: block;
	color: #0F72D9;
/*	background-color: #E9F4FF; */
	width: 210px;
	height: 15px;
	padding: 18px 0 14px 28px ;
	text-decoration: none;
	}

*html #targetNav a{
	width: 238px;
		padding-top:19px;
}

#targetNav a:hover {
/*	background-color: #FFF; */
	color: #0F72D9;
	}

#targetNav a img {
	margin-top:0;
	padding-right: 5px;
	}
	
	#targetNav li.t5 a img {
	margin-top:0;
	padding-right: 0px;
	}


#targetNav li.t1 a {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav3_f01.jpg') no-repeat bottom right;}
#targetNav li.t2 a {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav3_f02.jpg') no-repeat bottom right;}
#targetNav li.t3 a {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav3_f03.jpg') no-repeat bottom right;}
#targetNav li.t4 a {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav3_f04.jpg') no-repeat bottom right;}
#targetNav li.t5 a {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav2_f05.jpg') no-repeat bottom right;}
#targetNav li.t1 a:hover {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav3_f06.jpg') no-repeat bottom right;}
#targetNav li.t2 a:hover {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav3_f07.jpg') no-repeat bottom right;}
#targetNav li.t3 a:hover {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav3_f08.jpg') no-repeat bottom right;}
#targetNav li.t4 a:hover {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav3_f09.jpg') no-repeat bottom right;}
/*
#targetNav li.t5 a:hover {background: transparent url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_rightNav2_f10.jpg') no-repeat bottom center;} 
*/


#targetNav li.t6 {
	margin:0 0 0 0;
	padding-right: 0px;
	padding-left: 24px;
	padding-top: 21px;
	padding-bottom: 7px;
	background-image:url(//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/btn_subscribe1.jpg);
	background-repeat:no-repeat;
	}



#learningCenter {
	width: 747px;
	position: relative;
	top: 6px;
	clear: both;
	margin-top: 0px;
	text-align:left;
	}
	
#learningCenter div.content {
	width:747px;
	border:1px solid #CCC;
	background: #FFF url('//a248.e.akamai.net/pix.crutchfield.com/canada/homepage/bg_lc_sm.jpg') no-repeat bottom right;
	margin:0 auto;
	text-align:left;
	padding:0;
	height:90px;
	min-height:90px; 

	}
	
	*html #learningCenter div.content {
	width:749px;
	}
	
#learningCenter div.content h2 {	
	font-size:16px;
	font-weight:bold;
	color:#0077D7;
	margin:5px; 
	}
	
		
#learningCenter .CA1 {
	width:200px;
	float:left;
	margin:0 0 0 14px; 
	}
	
#learningCenter .CA2 {
	width:300px;
	margin:0 0 0 230px; 
	}

#learningCenter a.article, #learningCenter a.article {
	background: url('//a248.e.akamai.net/pix.crutchfield.com/elements/bgLC-li.gif') no-repeat top left;
	padding-left: 10px;
	display:block;
	margin-top:8px;
	margin-bottom:3px;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	color:#06C; 
	}
	
#learningCenter .CA1 a:hover, #learningCenter .CA2 a:hover {
	text-decoration:none;
	color:#000; 
	}
	
#learningCenter .CA1 span, #learningCenter .CA2 span { 
	color:#777;
	font-weight:normal;
	font-size:10px; 
	margin-left:11px; 
	}
	
#learningCenter a.byline,  #learningCenter a.byline a:visited{	
	color:#F60;
	font-weight:normal;
	text-decoration:none;
	}

	
	

	

	


/******************************************
	clear class                             *
*******************************************/

.clearboth { 
clear: both;
}


/******************************************
	value add     THESE ARE OLD & CAN BE DELETED                   *
*******************************************/

#valuestrip {
clear:both;
float:left;
}

#valuestrip h3 {
font-size:18px;
color:0077d7;
display:block;
margin:5px 0px 3px 0px ;
padding:0px;
width:100%;
}

#valuestrip table {
margin-top:-45px;
}

*html #valuestrip table {
margin-top:-47px;
}

#valuestrip td {
font-weight:normal;
text-align:center;
font-size:11px;
line-height::1.4em;
}

#valuestrip a {
color:0077d7;
text-decoration:underline;
}

#valuestrip a:hover {
color:#000;
text-decoration:none;
}


#valuestrip td em {
display:block;
font-style:normal;
}




/*
#valuestrip ul {
margin-top:-30px;
padding:0;
}

#valuestrip li {
list-style-type:none;
width:100px;
font-size:10px;
text-align:center;
clear:both;
border:1px solid black;
float:right;
}

#valuestrip li em {
display:block;
font-size:12px;
font-style:normal;
}
*/






/*****************************************
	value-container*
******************************************/

table #value-container {
	margin:0px 0 10px 0;
	clear:both;

	text-align:center;
	}

table #value-container a span {	
	position:absolute;
	text-decoration:underline;

	text-align:center;
	font-size:11px;
	}

table #value-container a:hover span {	
	text-decoration:none;
	}

table #value-container span#kudos    {
	margin-top:160px;
	margin-left:-80px;
	}

table #value-container span#tech    {
margin-top:147px;
margin-left:-115px;
}

table #value-container span#cs    {
margin-top:147px;
margin-left:-137px;
}

table #value-container span#sales    {
margin-top:147px;
margin-left:-137px;
}









/*****************************************
	awards                                *
******************************************/
#awards {
padding:0;
margin:0;
	}

#awards p {
margin:0;
padding:0;
margin-left:190px;
color:#999;
}

#awards table {
	}
	
	
/*****************************************
	Featured Products                    *
******************************************/
	
	
	
#products {
	padding: 0;
	margin: 0px auto 12px -6px;
	/*margin: 0px auto 12px auto;*/
	clear: both;
	/*width: 770px;*/
	width: 776px;
	/*background: #ffffff url('images/newFeaturedProducts_r1_c1.gif') bottom left no-repeat;*/
	/*background: #ffffff url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/products_r2_c1.gif') bottom left no-repeat;*/
	background: #ffffff url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/featureBottom.gif') bottom left no-repeat;
	padding-bottom: 4px;
	float: left;
	
}

#products img {
border:none;
}

h4#T2 {
	background: #ffffff url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/featuredProducts_770.gif') top left no-repeat;
	/*background: #ffffff url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/products_r1_c1.gif') top left no-repeat;*/
	margin: 0;
	padding: 6px 46px 0 300px;
	font-size: 12px;
	font-weight: normal;
	color: #0066CC;
	text-align: right;
	height: 32px;
	line-height: 33px;
	overflow: hidden;
}

.productRow {
	padding-top: 4px;
	padding-bottom: 2px;
	width: 100%;
	margin: auto;
	text-align: center;
	float: left;
	
}

.productBox {
	position: relative;
	/*left: 8px;
	margin-right: 7px;*/
	left: 8px;
	margin-right: 7px;
	float: left;
	width: 183px;
	/*width: 178px;*/
	height: 167px;
	/*height: 155px;*/
	padding: 0;
	/*background: #fff url('//a248.e.akamai.net/pix.crutchfield.com/elements/productBox_bg.gif') bottom left no-repeat;*/
	background: #fff url('//a248.e.akamai.net/pix.crutchfield.com/canada/graphics/homepage/featureProductBottom.gif') bottom left no-repeat;
	text-align: center;
	font-weight: normal;
}

.productBox h3.white {
	background: #3690F2;
	padding: 2px;
	margin: 0;
	color: #ffffff;
	font-family: Verdana, Arial, Tahoma, Sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	display: block;
	padding-top: 5px;
	padding-bottom:5px;
}

.productBox h3.white a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.productBox h3.white a:hover {
	text-decoration: underline;
}

/*

.productBox a.productBoxImage {
	float:left;
	margin: 0px;
	width: 178px;
	height:75px;
	padding-top: 25px;
	padding-bottom: 5px;
	position:absolute;
	display:inline;
	text-align: bottom center;
	vertical-align:baseline;
	bottom:42px;
	left:0;

}


.productBox a.productBoxImage img {
bottom:1px;
}
*/


.productBox h4 {
	color: #0D3692;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2em;
	width: 96%;
	width:160px;	
	margin: 5px auto 0 auto;
	text-align:center;
	
}


/*
* html .productBox h4 {
	overflow: hidden;
	font-weight: normal;
	line-height: 1.2em;	
	width: 96%;
}
*/

.productBox h4 a {
	color: #0077d7;
	font-weight: normal;
	text-decoration: underline;
}

.productBox h4 a:hover {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}


* html .productBox h4 a {
	overflow: hidden;
	font-weight: normal;
	text-decoration: underline;
}

div.productBox table {
width:100%;
height:80px;
border:none;
margin-top:10px;
}

div.productBox table tr td{
text-align:center;
}