/* Suggested order:
 *
 * display
 * list-style
 * position (t, r, b, l)
 * z-index
 * float
 * clear
 * width
 * height
 * min-height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * line-height
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* Table Of Contents:

	Universal Elements
	
	Navigation
	   Crutchfield.com Links
	   Global Navigation Tabs
	   Selected Tab
	   Search Form
	
	Right Rail General
	Right-rail Blocks
	   See Products
	   FOMA (Find out more about)
	   Rate Print Email
	   Direct TV
	   Installation Videos
	   Polls
	   Subscribe to Email
	   
	Footer
	
	Columnar Layouts
	
	Articles
	   Article Heading
	   Article Summary
	   Charts
		
	Homepage / R and R
	
	Learning Center
	
	Search results page
	
	Sitemap
	
	Poll Results
	Rate Landing Page
	Custom Car Center
	Custom Car Calendar
	RSS
	Misc
*/


/* ------------------------------[ Universal Elements ]-------------------------- */

body {}

body {
	margin: 0;
    padding: 0;
    background-color: #FFF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
	}

/* IE and Firefox style lists with opposite uses of padding and margin.  Make them the same.*/
ul, ol {
    margin-left: 0;
    padding-left: 40px;
	}

address {
	margin-left: 15px;
    font-style: normal;
	}

p {
	margin-top: 0; /* for articles override more specifically elsewhere when needed */
	padding-top: 0; /* for articles override more specifically elsewhere when needed */
	font-size: 11px;
    line-height: 1.7em;
	}

img {
    border: none;
	}

h1, h2 {
	color: #1F2739;
	}

h1 {
    font-size: 18px;
	}

h2 {
    font-size: 16px;
	}

h3 {
	margin-bottom: 0; /* for articles override more specifically elsewhere when needed */
	padding-bottom: 0; /* for articles override more specifically elsewhere when needed */
	color: #2B3449;
    font-size: 14px;
	}

h4 {
	color: #2B3449;
    font-size: 11px;
	}
	
a:link,
a:visited {
    color: #3366cc;
    font-weight: normal;
    text-decoration: underline;
	}

a:hover,
a:active {
    color: #000;
	}

dl.article_list dd {
    margin: 0 0 1em 0;
    padding: 0;
	}

hr {
	border: 0;
	color: #c2c2c2;
	background-color: #c2c2c2;
	height: 1px;
	margin: 20px 0;
	}
	

/* ----------------------------------[ Navigation ]------------------------------ */

#masthead {
	height: 90px;
	border-top: 2px solid #153E83;
	border-right: 1px solid #153E83;
	border-left: 1px solid #153E83;
    background: #345BA8 url("//a248.e.akamai.net/pix.crutchfield.com/ca/global/nav_bg_stripes_02.gif") repeat-x;
	}

#logo { 
	margin: 4px 10px 10px 8px; 
	}
	
	
/* -------[ Crutchfield.com Links ]------- */

#crutchnav {
	position: absolute;
    top: 0;
    right: 0;
	height: 20px;
	margin: 2px 2px 0 0;
    padding: 0;
	border-bottom: 0 solid #002C83;
    border-left: 0 solid #002C83;
    background-color: #1A3D7F;
	}

#crutchnav ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
	}

#crutchnav ul li {
	display: block;
    float: left;
	margin: 0;
	padding: 0;
    color: #fff;
    font: normal 10px/18px Verdana, Arial, sans-serif;
    text-align: center;
	}
  
#crutchnav ul li a {
	display: block;
	float: left;
    height: 20px;
	margin: 0;
	padding: 0 7px;
    border-right: 1px dotted #8DA9E2;
	background: #1A3D7F;
    color: #fff;
	text-decoration: none;
    text-align: center;
	}

#crutchnav ul li a:hover {
	background: #062663;
	color: #fff;
    text-decoration: none;
	}

#crutchnav img {
    display: block;
	}

#crutchnav ul li.phone {
    height: 20px;
	padding: 0 7px 0 7px;
	font: normal 10px/18px Verdana, Arial, sans-serif;
    text-align: center;
	}

#crutchnav ul li a.lastlink {
    border: 0;
	}


/* -------[ Global Navigation Tabs ]------- */


#globalnav {
	list-style: none;
    position: absolute;
    top: 64px;
    left: 180px;
	margin: 0;
    padding: 0;
    background-color: #2f549d;
    text-align: center;
	}

#globalnav li {
    float: left;
    margin: 0 2px 0 0;
    padding: 0;
	text-align: center;
	}

#globalnav li a {
    display: block;
    float: left;
	height: 25px;
	margin: 0;
	padding: 0 11px;
	border-top: 1px solid #3359A5;
	border-bottom: 1px solid #87A0D0;
	background: #C8D5F0;
    color: #18397B;
    font: normal 10px/11px Verdana, Arial, sans-serif;
    text-decoration: none;
	text-align: center;
	}

#globalnav li a:hover {
	border-top: 1px solid #D8E3F8;
	border-bottom: 2px solid #D8E3F8;
	background: #D8E3F8;
	color: #000;
    text-decoration: none;
	}


/* -------[ Selected Tab ]------- */

#globalnav li.selected a {
    border-top: 1px solid #FFF;
    border-bottom: 2px solid #FFF;
	background: #FFF;
	color: #E93D01;
	font-weight: bold;
	}

	
/* -------[ Search Form ]------- */

#searchform {
    position: absolute;
    top: 56px;
    left: 12px;
    width: 160px;
	}

#searchform label {
    color: #C8D5F0;
    font-size: 10px;
	}

#searchform input.text {
	width: 120px;
    height: 14px;
	border: 1px solid #002C83;
    background: #FFF;
    font-size: 11px;
	}

#searchform input.img {
    border: 0;
    vertical-align: bottom;
	}
	


/* -----------------------------[ Right Rail General ]------------------------------ */

#sidebar {
    position: absolute;
    top: 100px; /* changed from 80 to 100 to make room for breadcrumb */
    right: 0;
	width: 226px;
	padding: 0 8px 0 16px;
	}
	*html #sidebar {
    width: 194px; /* box model fix */
	}
	
/* Every sidebar element needs vertical whitespace.  To cancel this, add the novspace class. */
#sidebar div {
	width: 192px;
    margin: 15px 0;
	padding: 14px 16px;
	border: solid 1px #d8d9dd;
	background: #fff url("//a248.e.akamai.net/pix.crutchfield.com/ca/global/blocks/fade_up.gif") repeat-x bottom;
	}
	
#sidebar div.novspace {
    margin: 0;
	}

#sidebar div {
    text-align: center;
	}

#sidebar div div { /* for things like Center Bugs that have 2 nested divs */
    width: 0;
    margin: 0;
	padding: 0;
	border-style: none;
	background: none;
	}
	
#sidebar div h2 {
	margin: 0;
	padding: 0;
	color: #E93D01;
	font-size: 14px;
	}
	
#sidebar div h2 strong {
   	text-transform: uppercase;
	}
	
#sidebar div p {
	margin: 0;
	padding: 0;
	color: #3e4555;
	}
	
#sidebar div ul {
    list-style: none;
    margin: 10px 0 10px 30px;
    padding: 0;
	}

#sidebar div li {
	list-style-type: disc;
	margin-bottom: 8px;
	color: #ff7800;
	text-align: left;
	}
	

/* -----------------------------[ Right-rail Blocks ]------------------------------ */

/* -------[ See Products ]------- */

#sidebar div.crutch_box {
    width: 224px;
	padding: 0;
	}

#sidebar ul.featured_products {
    margin: 0;
    padding: 8px 0 0 0;
	}

#sidebar ul.featured_products li {
    margin: 0 0 0 30px;
	}
	
#sidebar ul.featured_products li.product {
	list-style: none;
    margin: 0 0 5px 0;
    padding-bottom: 0;
	border-bottom: 1px dotted #82838E;
	}
	
#sidebar ul.featured_products li #featured p {
    margin-top: 0;
	padding-top: 0;
	}
	
#sidebar ul.featured_products li.product h2 {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 11px;
	}
	
#sidebar ul.featured_products li.product h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	}
	
#sidebar ul.featured_products li.product p.price {
	font-weight: bold;
	}
	
#sidebar ul.featured_products li.product p.review {
	margin: 8px 0 12px 0;
	font-size: 10px;
	}
	
#sidebar ul.featured_products ul {
    list-style: none;
    margin: 0;
    padding: 0;
	}

#sidebar ul.featured_products li {
	margin-bottom: 8px;
	color: #000;
	text-align: left;
	}

#sidebar #why_shop_here
{
	display: block;
}
	
/* -------[ FOMA (Find out more about) ]------- */

#sidebar h2.foma {
	font-size: 12px;
	}

#sidebar h2.foma strong {
	font-size: 13px;
	font-style: normal;
	text-transform: uppercase;
	}


/* -------[ Rate Print Email ]------- */
	

#sidebar div.rate_print_email {
	margin: 30px 0 0 0;
	padding: 0;
	border-style: none;
	background: none;
	}
	
#sidebar div.rate_print_email ul {
	margin: 0;
	padding: 0;
	}
	
#sidebar div.rate_print_email li {
	list-style: none;
	margin: 0 0 10px 0;
	paddding: 0;
	}
	
#sidebar div.rate_print_email form, 
#sidebar div.rate_print_email input,
#sidebar div.rate_print_email img {
	margin: 0;
	paddding: 0;
	}
	
#sidebar div.rate_print_email .rate {
	}
	
#sidebar div.rate_print_email .print {
	}
	
#sidebar div.rate_print_email .email {
	}
	
	
/* -------[ Direct TV ]------- */

.direct_tv_box {}


.car_showroom_box img {
	margin-top: 10px;
	}

#sidebar div.expert_help p.details {
	margin: 8px 0;
	text-align: left;
	}

	
/* -------[ Installation Videos ]------- */

.install_videos_box ul {
	background: #fff url("//a248.e.akamai.net/pix.crutchfield.com/ca/global/blocks/film_reel.jpg") no-repeat bottom right;
	}

#sidebar div.install_videos_box ul {
    margin-left: 16px;
	}
	
/* -------[ Polls ]------- */

.poll_box h2 {
	background: #fff url("//a248.e.akamai.net/pix.crutchfield.com/ca/global/blocks/poll_icon.gif") no-repeat bottom left;
	}

#sidebar div.rss_box h2 {
	margin-bottom: 8px;
	}
	
#sidebar div.rss_box p {
	padding: 4px 0;
	text-align: center;
	}

#sidebar div.rss_box img {
	padding: 5px 0;
	}
	
/* -------[ Subscribe to Email ]------- */
.subscribe_box p {
	text-align: left;
	}

.subscribe_box img {
	float: right;
	}

.subscribe_box p a:link,
.subscribe_box p a:visited,
.subscribe_box p a:hover,
.subscribe_box p a:active {
	clear: right;
	text-align: center;
	}

#sidebar div.article_image_box p {
	margin-top: 10px;
	color: #374156;
	font-size: 10px;
	line-height: 1.2em;
	text-align: left;
	}


/* -----------------------------[ Footer ]------------------------------ */

#footer {
	clear: both;
    margin: 30px 280px 0 20px; /* Make right/left-margin the same as #content so it stays right under #content */
    padding: 2px 0;
	background: #345BA8 url("//a248.e.akamai.net/pix.crutchfield.com/ca/global/nav_bg_stripes.gif") repeat-x;
	font-size: smaller;
	text-align: center;
	}

#footer.nosidebar	{ /* override pages with no sidebar like LC home and car */
	margin-right: 20px;
	}
	
#footer li {
    display: inline;
    margin: 0;
    padding: 0 10px;
	border-left: 1px solid #C8D5F0;
	line-height: 1.9em;
	}

#footer a:link,
#footer a:visited {
    color: #fff;
	text-decoration: none;
	}
	
#footer a:hover,
#footer a:active {
    color: #fff;
	text-decoration: underline;
	}
	
#footer li.first-child {
    border-left: none;
	}

p.edit {  /* these links are internal only */
	margin: 20px;
	}

/* ----------------------------------[ Columnar Layouts ]------------------------------ */

.col_left {
	float: left;
    clear: left;
    width:48%;
	}
	
	/*ie fix*/
	div.col_left ul.category_links {
	width:auto;
	padding-left:15px;
	}
  

.col_right {
    float: right;
    clear: right;
	width: 48%;
	margin-left: 10px;
	}

.col_3_0,
.col_3_1,
.col_3_2 {
	float: left;
    width: 30%;
	margin-left: 20px;
	}

.col_3_0 {
    clear: left;
	}


/* -----------------------------[ Articles ]------------------------------ */

div#advisor-container 
{
    min-width:800px;
    position:relative;
}

div#advisor-container div#inner-container 
{
    display:block;
}


#content {
    margin: 0 280px 0 20px; /* margin right makes way for sidebar */
	}

#content.nosidebar	{ /* override pages with no sidebar like LC home and car */
	margin-right: 20px;
	}

.edit { /* for messages to Josh */
	color: red;
	}
	
.Caption {
	color: #374156;
	font-weight: bold;
	font-size: 10px;
	}
	
.caption { /* in case there are case inconsistencies */
	color: #374156;
	font-weight: bold;
	font-size: 10px;
	}

#content ul li {
	margin-bottom: 10px;
	line-height: 1.7em;
	}
	
#content ol li {
	margin-bottom: 10px;
	line-height: 1.7em;
	}
	
#content blockquote {
	margin: 28px;
	line-height: 1.7em;
	}

/* -------[ Article Heading ]------- */

.article_heading {
	margin: 16px 0;
	}

.article {}

.article_date {
	color: #57595E;
	font-size: 11px;
	}

.learning_center .article_date {
	display: none;
	}
	
.article_title {
	margin: 0 0 6px 0;
	padding: 0;
	color: #1F2739;
	font-weight: normal;
	}

.article_author {
    margin: 0 0 14px 0;
	padding: 0;
	}
		
/* -------[ Article Summary ]------- */

p.article_summary {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fafafa;
	}
	
/* -------[ Next Page Links ]------- */

.next_page_links li {
	margin-bottom: 4px;
	}
	
.next_page_links li.current a {
	color: #1F2739;
	font-weight: bold;
	text-decoration: none;
	}
	
/* -------[ Charts ]------- */

table.chart,
table.chart tr,
table.chart td,
table.chart td ul,
table.chart td ul li {
	padding: 0;
	margin: 0;
	}

table.chart {
	border-top: 1px solid #CACED7;
	}

table.chart tr {
	}

table.chart th {
	padding: 6px;
	background-color: #3b5fa5;
	color: #fff;
	border-right: 1px solid #CACED7;
	border-bottom: 1px solid #CACED7;
	}
	
		
	table.chart th a {
	color: #fff;
	font-weight:bold;
	}
	
	table.chart th a:hover {
	color:#000;
	}
	
	
table.chart td {
	padding: 6px;
	background-color: white;
	border-right: 1px solid #CACED7;
	border-bottom: 1px solid #CACED7;
	}
	
table.chart .first {
	border-left: 1px solid #CACED7;
	}
	
table.chart td ul {
	margin-left: 16px;
	}
	
table.chart td ul li {
	margin-bottom: 8px;
	}

/* -------[ Everything You Need box ]------- */

#etyn {
	float: right;
	width: 200px;
	margin: 8px;
	padding: 8px;
	border: solid 1px #C1C9D8;
	background: #fff url("//a248.e.akamai.net/pix.crutchfield.com/ca/global/blocks/fade_up.gif") repeat-x bottom;
	}
	
#etyn h3 {
	height: 20px;
	margin: 0 0 6px 0;
	background: #fff url("//a248.e.akamai.net/pix.crutchfield.com/ca/global/etyn_check.gif") no-repeat top left;
	color: #424C62;
	font-size: 12px;
	text-align: center;
	}

#etyn p {
	margin: 0;
	padding: 6px 0 8px 0;
	border-bottom: 1px solid #E4EAF7;
	font-size: 11px;
	line-height: 1.5em;
	}

#etyn p a:link strong {
	font-weight: normal;
	}
		

/* -----------------------------[ Homepage / R and R ]------------------------------ */

.other-story img.thumb {
	float: left;
	}
	
.other-story {
	position: relative;
	clear: left;
	min-height: 107px;/* img height plus 10px; */
	padding: 8px 0;
	border-bottom: 1px dotted #8ca3d1;
	border-right: 1px dotted #fff; /* hack otherwise IE wouldn't display the border bottom */
	}

*html .other-story { /* because IE doesn't support min-height but treats height like min-height */
	height: 107px;
	}

.other-story h3 {
	margin: 0 0 4px 110px;
	font-size: 12px;
	font-weight: bold;
	}

.other-story p {
	margin: 0 0 0 110px;
	}


/* -----------------------------[ Learning Center ]------------------------------ */

p.category_index_all {
    clear: both;
	}

div.category_index {
    margin-left: 250px;
	}

.category_image,
.category_thumb {
    float: left;
    clear: left;
	}

.category_index div.col_left {
    clear: none;
	}

ul.category_links {
    margin-top: 4px;
    margin-left: 0;
    padding-left: 0;
	}

.category_links li {
	margin-left: 0;
    padding-right: 4px;
    padding-left: 0;
	}

h2.category_index {
    margin-bottom: 0;
	color: black;
	}
	

/* -----------------------------[ Search results page ]------------------------------ */

#searchresults p.searchheadline {
    margin: 0;
	font-size: larger;
	}

#searchresults p.searchsummary {
    margin: 0em 2em;
	}

.info_box {
    border: 1px solid #FC0;
	}

.top_line {
    border-top: 1px dotted #8ca3d1;
	}

p.see_more {
    text-indent: 2em;
	}

h1.search_category,
h1.search_category {
    margin-bottom: 8px;
    font-size: medium;
	}

p.search_headline {
    margin-bottom: 0;
    line-height: 1.2;
	}

p.search_summary {
    line-height: 1.2;
	}

.search_term {
    font-weight: bold;
	}

span.search_num {
    font-weight: bold;
	}
	

/* -----------------------------[ Sitemap ]------------------------------ */

.sitemap h2 a:link,
.sitemap h2 a:visited {
	color: #3366cc;
	}

.sitemap h2 {
	margin-bottom: 1em;
	}
	

/* -----------------------------[ Poll Results ]------------------------------ */

.poll_results th {
    font-weight: normal;
    text-align: left;
	}

table.poll_results {
    margin: auto;
    border-width: 1px;
    border-color: gray;
    border-style: solid none;
	}

p.poll_votecount {
    text-align: center;
	}

.poll_pastresults,
p.poll_questiontext {
    margin: 10px 200px;
	}


/* -----------------------------[ Rate Landing Page ]------------------------------ */

.labelled_item label {
	display: block;
	float: left;
	width: 200px;
	}
	
label {
	font-weight: bold;
	}
	
.labelled_item {
	margin-bottom: 8px;
	}

	
/* -----------------------------[ Custom Car Center ]------------------------------ */

.customcar_header {
    background-image: url("//a248.e.akamai.net/pix.crutchfield.com/ca/carshow/header_line.gif");
    background-repeat: repeat-x;
	}
.customcar_header2 {
    background-image: url("//a248.e.akamai.net/pix.crutchfield.com/ca/carshow/ccc_showroom.gif");
    background-repeat: repeat-x;
	}
	
h1.featured_story {
	clear: both;
	margin: 5px 0;
	padding: 3px;
	background: #647177;
    color: white;
    font-size: 12px;
	}

.featured_story tr.odd td {
    background: #EFF1F1;
	}

.featured_story tr.even td {
    background: #D8DBDD;
	}

.customcar h1 {
	margin-top: 15px;
    padding: 4px;
    background: #647177;
    color: white;
    font-size: 12px;
	}

.customcar_featured {
	height: 200px;
    text-align: center;
	}

.customcar_featured img {
    display: block;
    margin: auto;
	}

.customcar_archived {
    clear: both;
    margin-top: 10px;
	}

.customcar_archived img {
    margin-bottom: 10px;
	}

	
/* -----------------------------[ Custom Car Calendar ]------------------------------ */

table.calendar caption {
	padding: 4px;
	background-color: #647177;
    color: white;
    font-weight: bold;
    text-align: left;
	}

table.calendar {
    width: 100%;
    margin-top: 15px;
	}

table.calendar th {
	width: 80px;
    text-align: left;
	}


/* -----------------------------[ RSS ]------------------------------ */

#callout {
	float: right;
	width: 220px;
	margin: 0;
	padding: 8px;
	border: solid 1px #C1C9D8;
	background: #fff url("//a248.e.akamai.net/pix.crutchfield.com/ca/global/blocks/fade_up.gif") repeat-x bottom;
	text-align: center;
	}
	
#callout strong a:link,
#callout strong a:visited,
#callout strong a:hover,
#callout strong a:active {
	font-weight: bold;
	}

/* -----------------------------[ Misc ]------------------------------ */

p.breadcrumb {
    margin: 6px 0 4px 20px;
	}


/*****************************************
 BEGIN: Code for Optimum Online Greeting
 *****************************************/

/* set background images for corners */
 #specialGreeting { background-color: #DADADA; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
 .sg-top div  { background: url(//a248.e.akamai.net/pix.crutchfield.com/promotions/sg-tl-1.gif) no-repeat top left; }
 .sg-top      { background: url(//a248.e.akamai.net/pix.crutchfield.com/promotions/sg-tr-1.gif) no-repeat top right; }
 .sg-bot div  { background: url(//a248.e.akamai.net/pix.crutchfield.com/promotions/sg-bl-1.gif) no-repeat bottom left; }
 .sg-bot      { background: url(//a248.e.akamai.net/pix.crutchfield.com/promotions/sg-br-1.gif) no-repeat bottom right; }

.sg-top div, 
.sg-top, 
.sg-bot div, 
.sg-bot { /* height and width details */
    width: 100%;
    height: 10px;
    font-size: 1px; 
	}
	
#specialGreeting .sg-content  { margin: 0 5px; width: 767px; height:auto; }

#specialGreeting { width: 777px; margin: 1.5em; display:block; }

#specialGreeting #sg-image { /* left side (image) */
	margin-right: 569px;
	text-align:center;	
	background:transparent;	
	}

#specialGreeting img.border {	
	padding:5px;
	background-color:#fff;
	border:1px solid #000; 
	}

#specialGreeting #sg-offer { /* right side (greeting/offer) */
	float:right;
	width:565px;
	text-align:center;
	margin-top:7px; 
	}

#specialGreeting #sg-offer2 { /* alternate display */
	width:100%;
	text-align:center;
	margin:4px 0px;
	display:block; 
	} 

#specialGreeting #sg-offer2 div {
	padding:0px 35px;	
	}

/*****************************************
 END: Code for Optimum Online Greeting
 *****************************************/





/* -----------------------------[ new index 02-05-2007]------------------------------ */

div#index h2 {
	clear:both;
	
	padding:0 0 2px 0;
	margin:10px 0 5px 0;
	border-bottom: 1px dotted #8ca3d1;
	border-right: 1px dotted #fff; /* hack otherwise IE wouldn't display the border bottom */
}
*html div#index h2 {
margin-top:0px;
}

	ul.column {
	margin-left:0px;
	padding:0px;
	list-style-type:none;
}

ul.column li {
	background: url(//a248.e.akamai.net/pix.crutchfield.com/ca/global/triangle_bullet.gif) no-repeat;
	background-position: 0 .6em;
	padding-left:20px;
	margin-left:10px;
	width:40%;
}
	
	ul.column li.left {
	float:left;
	width:40%;
	margin-right:10px;
}

ul.column li img {
float:left;
padding:0 10px 0 0;
}
	
	
	/* -----------------------------[ custom car center  12-28-2007]------------------------------ */

	div.ccc-images 
	{
	    text-align:center;
	}
		div.ccc-images p.Caption 
		{
		    margin-bottom:20px;
		}