/* Skin */
.tabs-nav { list-style: none; margin: -1px -1px 0 0; padding: 0 0 0 4px; background:#FFF; display: block; }
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.tabs-nav li { float: left;  margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ display: none; }
.tabs-enabled .tabs-nav li,
.tabs-nav li.tab-selected { display: block; }
.tabs-nav a, .tabs-nav a span.title { display: block; padding: 0 10px; background: url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/tabBox/tab5.png) no-repeat; }
.tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #FFF; font-size: 80%; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ }
.tabs-nav li.tab-selected a { color: #FFF; }
.tabs-nav li.tab-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */ text-decoration:none; }
.tabs-nav a { background-position: 100% -100px; text-decoration:none; }
.tabs-nav a span.title { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0; }
*>.tabs-nav a span.title { /* hide from IE 6 */ width: auto; height: auto; }
.tabs-nav li.tab-selected a span.title { padding-top: 7px; }
.tabs-nav li.tab-selected a span.title, .tabs-nav a:hover span.title, .tabs-nav a:focus span.title, .tabs-nav a:active span.title { background-position: 0 -50px; }
.tabs-nav a span { background-position: 0 0; }
.tabs-nav li.tab-selected a:link, .tabs-nav li.tab-selected a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
.tabs-container { border-top: 1px solid #CCC; padding: 1em 0 5px 8px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ }

.tabs-container { display: none; }
.tabTarg-selected { display: block; }

/* SPECIFIC STYLING FOR THE TABS AND CONTENT */
/*#showExpertRecommendationDiv {display:none;}  - Russ killed this */

div#customer-care #support, div#customer-care #learn, div#customer-care #dwightCare {
	/* OLD HEIGHT */
	   /*height: 158px;	*/
	
	/* BILL HEIGHT */
	height: 130px; position:relative; }


div#customer-care #learn div { font-size:80%; width:150px; position:absolute; top:45px; left:8px; }
div#customer-care #learn div p { margin:0 0 5px 0; line-height:1.2em; }
div#customer-care #support p.learn-more, div#customer-care #dwightCare p.learn-more { position: absolute; bottom: 12px; left: 102px; font-size: 80%; text-align: center; font-weight: bold; }		

/* THIS IS FOR THE BILL THING */
div#customer-care #support p.learn-more { bottom:19px; left:138px; }
div#customer-care #dwightCare p.learn-more { bottom:2px; left:138px; }

div#customer-care #support p.learn-more a, div#customer-care #dwightCare p.learn-more a { width:100px; height:22px; display: block; text-indent: -99999px; }
div#customer-care #learn p.gotoadvisor { position:absolute; bottom:1px; left:6px; font-size:75%; font-weight:bold; width:132px; padding-top: 5px; text-align:center; }
div#customer-care #support h2.customerbox, 
div#customer-care #learn h2.customerbox { position:absolute; color:#333; top:-12px; left:0; width:240px; text-align:center; letter-spacing: -0.02em; font-size:95%; }
div#customer-care #learn p.article { padding:4px 0 4px 20px; background-image:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/tabBox/icon-article1.gif); background-position: 0 4px; background-repeat:no-repeat; }
div#customer-care #learn p.video { padding:4px 0 4px 20px; background-image:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/tabBox/icon-video1.gif); background-position: 0 4px; background-repeat:no-repeat; }

/* CARE BOX MESSAGING - BILL */
div#customer-care .billLetter #support, div#customer-care #learn { background:transparent url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/tabBox/bg-why-Bill2.gif) no-repeat bottom right; }

/* CARE BOX MESSAGING - NORMAL 12/30/08 A-B testing */
div#customer-care .dwightCare #support { background:transparent url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/tabBox/bg-why-7.gif) no-repeat bottom right; }
div#customer-care .dwightCare #support p.learn-more { bottom:-4px; }

/* CARE BOX MESSAGING - NORMAL */
div#customer-care #expertRecommendation { background:transparent url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/tabBox/need-help-deciding.png) no-repeat bottom right; } 	
div#customer-care #expertRecommendation { height: 168px; position:relative; border-left:solid 1px #ccc; }
div#customer-care #expertRecommendation .customerbox { position:absolute; top:45px; left:88px; width:150px; font-size:97.5%; text-align:center; }
div#customer-care #expertRecommendation .customerboxHeadline { color:#ff9710; font-size:14px; font-weight:bold; }
div#customer-care #expertRecommendation .customerboxEmail { font-style:italic; color:#287dfe; font-size:14px; font-weight:bold; }
div#customer-care #expertRecommendation .customerboxCall { color:#274784; font-size:14px; font-weight:bold; }

/* Get the right gear */

div#get-the-right-gear-container { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/tabBox/get-the-right-gear.png) no-repeat scroll 0 0; height:168px; border-left:solid 1px #ccc; }
div#get-the-right-gear { padding: 40px 0 0 105px; color:#ff9710; font-size:14px; font-weight:bold; text-align:center; }
div#get-the-right-gear a { color:#ff9710; }
div#get-the-right-gear p { color:#274784; }
    
/* Just Call Crutchfield */
div#just-call-container { height:240px; }
div#just-call-block-phone { top:100; left:30px; color:#365FD2; font-size:16px; font-weight:bold; padding:158px 0 0 12px; width:180px; display:block; height:20px; }
div#just-call-block-link a { display:block; height:20px; width:76px; text-indent:-99999px; }
div#just-call-block-link { height:24px; margin:128px 5px 0; float:right; width:76px; }
div#just-call-container #contact-block { width:215px; display:block; float:left; height:20px; margin:0 0 5px 14px; clear:both; }
div#just-call-container #contact-block .emailBox { background:transparent url(//a248.e.akamai.net/pix.crutchfield.com/mega-nav/masthead/icons/mail.png) no-repeat scroll left center; float:left; font-size:11px; line-height:20px; margin-right:6px; }
div#just-call-container #contact-block .chatBox { background:transparent url(//a248.e.akamai.net/pix.crutchfield.com/mega-nav/masthead/icons/chat.png) no-repeat scroll left center; float:left; font-size:11px; line-height:20px; margin-right:6px; margin-left:4px; }
div#just-call-container #contact-block .callBackBox { background:transparent url(//a248.e.akamai.net/pix.crutchfield.com/mega-nav/masthead/icons/callBack.png) no-repeat scroll left center; float:left; font-size:11px; line-height:20px; display:inline; } 
div#just-call-container #contact-block .callBackBox a, div#just-call-container #contact-block .chatBox a, div#just-call-container #contact-block .emailBox a { margin:0 0 0 20px; }

#just-call-block-advisors-waiting { font-size:12px; color:#365FD2; display:block; width:215px; margin-left:14px; height:35px; position:absolute; clear:both; }
#just-call-back-waiting-block { display:block;position:relative;height:18px;width:210px;margin: 3px 0; }
#just-call-block-times { float:left; font-size:12px; color:#666; display:block; width:215px; margin:3px 0 0 14px; padding:0px; height:28px; clear:both; position:absolute; }
#just-call-block-advisors-waiting .advisor-num { color:#FFFFFF; font-size:13px; font-weight:bold; text-align:center; margin:0px; }
#just-call-block-advisors-waiting .advisor-numBlock { background-color:#268028; border:1px solid #5ED54C; float:left; height:25px; width:25px; margin-right:5px; margin-top:0;text-align:center; }

.advisor-call-block-msg { margin-top:7px; display:block; height:28px; }