/*

Tabs - important styles to ensure accessibility in print


Tabs - not important for accessibility, just for the look of it...

*/

.pagetabs {
	font-size:80%;
	font-weight:bold;	
	line-height:normal;
	margin:5px 0 0 0;
/*    border-bottom:1px solid #0D3692; */
    border-bottom:1px solid #CCC;
	}
.pagetabs:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.pagetabs ul.anchors {
	margin-left:10px;
/*	padding:10px 0 0 0; */
	list-style:none;
	}
.pagetabs ul.anchors li {
	display:inline;
	margin:0;
	margin-right:10px;
	padding:0;
	}
.pagetabs ul.anchors li a {
	float:left;
	background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/backgrounds/prodViewTab-L.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
.pagetabs ul.anchors li a span.tabInner {
	float:left;
	display:block;
	background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/backgrounds/prodViewTab-R.gif) no-repeat right top;
	padding:5px 14px 4px 8px;
	color:#333; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.pagetabs ul.anchors li a span.tabInner {float:none;}
/* End IE5-Mac hack */
.pagetabs ul.anchors li a:hover span.tabInner {
	color:#000;	}
.pagetabs ul.anchors li a:hover,
.pagetabs ul.anchors li.tabs-selected a {
	background-position:0% -42px; }
.pagetabs ul.anchors li a:hover span.tabInner,
.pagetabs ul.anchors li.tabs-selected span.tabInner {
	background-position:100% -42px;
	color:#FFF;
	}
.pagetabs ul.anchors li.tabs-selected span.tabInner {	
background-position:100% -42px;
	color:#FFF;
	}
.fragment {
    /*border-top:1px solid #0D3692;*/
    background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/backgrounds/bg-fragment.jpg) repeat-x top left;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    margin: 0 10px 10px 10px;
    padding-top:10px;
    clear:left; }
	
	
/* ======================================================== *
 * OUTLET STYLES
 * ======================================================== */   
/* prodViewTab-L-Outlet.png prodViewTab-R-Outlet.png */  


body#outlet .pagetabs {
	font-size:80%;
	font-weight:bold;	
	line-height:normal;
	margin:5px 0 0 0;
/*    border-bottom:1px solid #0D3692; */
    border-bottom:1px solid #CCC;
	}
body#outlet  .pagetabs:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

body#outlet  .pagetabs ul.anchors {
	margin-left:10px;
/*	padding:10px 0 0 0; */
	list-style:none;
	}
body#outlet  .pagetabs ul.anchors li {
	display:inline;
	margin:0;
	margin-right:10px;
	padding:0;
	}
body#outlet  .pagetabs ul.anchors li a {
	float:left;
	background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/backgrounds/prodViewTab-L-Outlet.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
body#outlet .pagetabs ul.anchors li a span.tabInner {
	float:left;
	display:block;
	background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/backgrounds/prodViewTab-R-Outlet.png) no-repeat right top;
	padding:5px 14px 4px 8px;
	color:#333; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
body#outlet .pagetabs ul.anchors li a span.tabInner {float:none;}
/* End IE5-Mac hack */
body#outlet .pagetabs ul.anchors li a:hover span.tabInner {
	color:#000;	}
body#outlet  .pagetabs ul.anchors li a:hover,
body#outlet  .pagetabs ul.anchors li.tabs-selected a {
	background-position:0% -42px; }
body#outlet .pagetabs ul.anchors li a:hover span.tabInner,
body#outlet .pagetabs ul.anchors li.tabs-selected span.tabInner {
	background-position:100% -42px;
	color:#FFF;
	}
body#outlet .pagetabs ul.anchors li.tabs-selected span.tabInner {	
background-position:100% -42px;
	color:#FFF;
	}
body#outlet .fragment {
    /*border-top:1px solid #0D3692;*/
    background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/backgrounds/bg-fragment.jpg) repeat-x top left;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    margin: 0 10px 10px 10px;
    padding-top:10px;
    clear:left; }