/* ======================================================== *
 * TITLE  : LEARNING CENTER |  crutch-lc.css                *
 * CREATED: 01 May 2007     |  UPDATED: 02 May 2007         *
 * ======================================================== */

/* ======================================================== *
 * LEARNING CENTER CONTENT CONTAINER STYLES
 * ======================================================== */
#learning-center {
/*	background:#999; */
	background: #e8e8e8; 
	border:1px solid #999;
	clear:both;
	width:100%;
	position:relative;
	margin-top:20px; }
#learning-center:after {
	content:"."; 
	display:block; 
	font-size:0; 
	clear:both; 
	visibility:hidden; }
	
#learning-center .lc-head {
	border-bottom:1px solid #999;
	margin-bottom:4px; }
#learning-center .lc-head h3 {
	margin:0;
	padding:0; }
	
#learning-center .lc-clear {
	clear:left; }
#learning-center .lc-more {
	clear:left;
	border-top:1px solid #999;
	padding:4px 0 7px 8px;	 }
#learning-center .lc-more a {
	background: url(//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/v3.0/icons/bullet-go-small.gif) no-repeat right;
	padding-right:16px; }

#learning-center  h2.full-styled
{
	padding: 10px;
	text-indent:-9000px;
	overflow:hidden;
	background:url(//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/core/learn/learn-module/lc-headerB.gif) no-repeat 5px 3px;

}

	
/* ======================================================== *
 * TWO-BLOCK LAYOUT (LEARNING CENTER)
 * ======================================================== */
.lc-block1 { /* Parent Wrapper for inside boxes */
 	margin:  0;
 	display: inline; /* IE Hack */
 	width: 310px;
 	float: left;
 	padding: 5px; 	
 	text-align: center;
	background:transparent;
	min-height:100px;
	position:relative;	}
	* html .lc-block1 {height:100px; } /* IE Min-Height Hack */
.lc-block2 { /* Parent Wrapper for inside boxes */
 	margin: 0px 0 5px 2px;
 	display: inline; /* IE Hack */
 	width: 305px;
 	float: left;
 	padding: 5px;
 	text-align: center;
	background:transparent;
	min-height:100px;
	position:relative;	}
	* html .lc-block2 {height:100px; } /* IE Min-Height Hack */

/* ======================================================== *
 * LEARNING CENTER BLOCK CONTENT
 * ======================================================== */
dl.lc-block-content {
	width: 100%;
	/*overflow: auto;*/
	margin: 0;
	clear:left;
	/* border-bottom:1px solid #CCC;
	padding-bottom:14px; */}
dl.lc-block-content dt { 	
	float: left; }
dl.lc-block-content dt a.lc-img {
    display:block;
    position:relative; }
dl.lc-block-content dt a.lc-img img {
/*	padding:4px;
	background:#fff;
	border:1px solid #ccc; */
	 }
dl.lc-block-content dt a.lc-img:hover img {
/*	border:1px solid #248; */ }

dl.lc-block-content dd {
	margin: 0 0 0 134px;
	padding: 0;
	/*float:left;
	display:block;*/
	text-align:left;
	width:165px; }
dl.lc-block-content dd.title,
dl.lc-block-content dd.title a {
	font-weight: bold;
	padding-top:8px; }
dl.lc-block-content dd.byline {
	font-size: 10px;
	margin-bottom:4px; }
dl.lc-block-content dd.copy {
	font-weight:normal; }
dl.lc-block-content dd.action,
dl.lc-block-content dd.see-more {
	margin-top:4px; }
dl.lc-block-content dd.action a {
	background: url(//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/v3.0/icons/right-arrow-green.gif) no-repeat left center;
	padding:1px 0 1px 18px; }
dl.lc-block-content dd.see-more a {
	/*background: url(//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/v3.0/icons/zoom.gif) no-repeat left center; */
	padding:1px 0 1px 0px; }

/* ======================================================== *
 * LEARNING CENTER BOLT-ON (ADDITIONAL ARTICLES/VIDEOS)
 * ======================================================== */	
.lc-additional-content {
	background: #e8e8e8;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding-top:4px;
	margin-left:2px;
	}
* html .lc-additional-content {
	padding-top:0; }
.lc-additional-content {
	margin-top:0;}
.lc-additional ul {
	margin:0 10px 20px 16px;
	list-style-type:none;
	padding-top:5px; }
	.lc-additional ul li {
		padding:2px 0; }
.lc-additional ul li a {
	background: url('//a248.e.akamai.net/pix.crutchfield.com/v3.0/icons/arrow-ltblue-R.gif') no-repeat 0 4px;
	padding-left: 10px; }
.lc-additional-content  h4 {
    cursor: pointer;
	padding-left:10px;
	color:#5d5d5d;
	text-decoration:underline;
	margin:0; }
.lc-additional-content h4:hover {
	color:#08e;
	text-decoration:underline; }
.lc-additional-content  h4.collapsed {
	background: url('//a248.e.akamai.net/pix.crutchfield.com/core/learn/learn-module/lc-more-tab-down-fullB.gif') no-repeat top left;
	cursor: pointer;}
.lc-additional-content  h4.expanded {	
	background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/core/learn/learn-module/lc-more-tab-up-fullB.gif') no-repeat top left;
	cursor: pointer;}