/* ================================================================== *
 * TITLE  : RECOMMENDED PRODUCTS  |  crutch-recommend-box.css         *
 * ================================================================== */

/* ================================================= *
 * MAIN CONTAINER                                    *
 * ================================================= */
.feature-container {
	width:640px; 
}

	
/* ================================================= *
 * RECOMMENDED TAB                                   *
 * ================================================= */
.feature-container .feature-tab {
	/*background:#FFF url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/recommend-box/bg-feature-tab.gif);*/
	/* background:#FFFFFF url(//a248.e.akamai.net/pix.crutchfield.com/ca/new/recommendedproducts/recommendedProductsTabs_01.gif) repeat scroll 0% 0%; */
	background-image:none;
	background-color:#BEDDFF;
	font-weight:bold;
	color: #224488;
	/*font-size:12px;
	color:#224488;
	display:block;
	float:left;
	margin:0 3px 0 3px;
	padding-left:12px; */ 
}
.feature-container .feature-tab span {
	background:#FFF url(//a248.e.akamai.net/pix.crutchfield.com/ca/new/recommendedproducts/recommendedProductsTabs_02.gif) 100% 0;
	display:block;
	float:left;
	line-height: 24px;
	padding-right:12px;
	font-weight:bold; 
}
.feature-container .feature-tab span a.why {
	font-size:85%;
	color:#FFF;
	font-weight: normal; 
}

/* ================================================= *
 * THE FULL MONTY TAB                                *
 * ================================================= */
.the-full-monty {
    border-bottom:8px solid #0A2F80;
    float:left;
    width:100%;
    margin-bottom:8px; }
.the-full-monty .view-all-tab {
	background:#FFF url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/recommend-box/bg-feature-tab.gif);
	font-size:12px;
	color:#FFF;
	display:block;
	float:left;
	margin:0 3px 0 3px;
	padding-left:12px; 
}
.the-full-monty .view-all-tab span {
	background:#FFF url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/recommend-box/bg-feature-tab.gif) 100% 0;
	display:block;
	float:left;
	line-height: 24px;
	padding-right:12px;
	font-weight:bold; 
}


/* ================================================= *
 * RECOMMENDED TAB - JTip                            *
 * ================================================= */

.feature-tab a.whats-this:hover {
	cursor:help;
}
.featured-product-explanation {
	font-size: 95%; }
.featured-product-explanation h3 {
	display:none;
}
.featured-product-explanation ul {
	list-style-type:square;
	margin-left:14px;
}
.featured-product-explanation ul li {
	margin-bottom: 6px; }

/* ================================================= *
 * MAIN CONTENT                                      *
 * ================================================= */
.feature-content {
	width:640px;
	background: transparent url(//a248.e.akamai.net/pix.crutchfield.com/ca/new/recommendedproducts/box-main-LC.gif) no-repeat scroll 50% 0pt;
	float:left;
	margin-top:-1px; 
}	
.feature-content .featureList {
	background: transparent url(//a248.e.akamai.net/pix.crutchfield.com/ca/new/recommendedproducts/box-main-LC-bottom.gif) no-repeat 50% 100%;
	border:none;
	clear:both;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 0 0;
	overflow:auto;
	/*padding:0 0 10px 0; */
	padding: 0;
	min-height: 260px;
}
.feature-content .featureList li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	width:213px;
	position: relative;
}
.feature-content .featureList li.budgetFriendly {
	margin-left: 1px; 
}

/* ================================================= *
 * ICON                                              *
 * ================================================= */
.featureIcon {
	position:absolute;
	top: 16px;
	left: 5px;
	display:none; 
}

/* ================================================= *
 * TITLE                                             *
 * ================================================= */
.featureTitle h3 {
	height: 28px;
	line-height: 26px;
	text-align: center;
	color: #666;
	font-size: 14px; 
}
.featureTitle h3 img {
	padding-top:4px; 
}

/* ================================================= *
 * THUMBNAIL                                         *
 * ================================================= */
.featureThumb {
	width:106px;
	height:96px;
	margin: -8px auto 2px auto; 
}
.featureThumb a.featureThumbImg {
	display: block; 
}
.featureThumb a.featureThumbImg img {
	background: #FFF;
	padding: 3px;
	border: 1px solid #CCC; 
}

/* ================================================= *
 * PRODUCT NAME/DESCRIPTION                          *
 * ================================================= */
.featureTitleDesc {
	min-height: 55px;
	margin-top: 6px;
	/*border-top: 1px solid red;
	border-bottom: 1px solid red;*/
}
.featureTitleDesc .featureTitle { 
	text-align: center;
	font-weight:bold;
	font-size: 90%;
	margin-bottom: 3px; 
}
.featureTitleDesc .featureDesc {
	text-align: center;
	font-size: 80%;
	color: #333; 
}

/* ================================================= *
 * PRICE/ACTION                                      *
 * ================================================= */
.featurePriceAction {
	/*margin-top:10px;	
	border-top: 1px solid #ccc;*/
	margin-bottom: 10px;
	padding-top: 6px;
}
.featurePriceAction .featurePrice {
	width:100px;
	float: left;
}
.featurePriceAction .featureAction {
	width:100px;
	float: right;
}
.featurePriceAction .featurePrice .price {
	color:#FF7800;
	font-size:16px;
	font-weight:bold;
	padding-left: 10px; 
	font-family:Arial, Helvetica, sans-serif;
}
.strike {
	text-decoration:line-through; 
}
.featurePriceAction .featurePrice .rebate {
	color:#666;
	font-size:9px;
	padding-left: 10px; 
}
.featurePriceAction .featureAction .featureCart {
	padding-left: 5px;
	padding-right:10px;
	padding-top:3px; 
}
.featurePriceAction .featureAction .featureCartExtra {
	color:#666;
	font-size:9px;
	padding-left: 12px;
	padding-right:10px; 
}

/* ================================================= *
 * EXTRA DIV - REVIEWS                               *
 * ================================================= */
.featureExtra {
	clear: both;
}
.featureExtra .featureStarRating {
	width: 200px;
	margin: 8px auto;
	text-align: center;
	color:#666;
	font-size:9px; 
}