@charset "utf-8";
/* Bill's Used Auto Parts CSS */
/**********************************/
/***********Site Colors************/
/**********************************/
.green {
	color:#00a15f;	
}
.dark-green {
	color:#00804a;	
}
.yellow {
	color:#ff2;	
}
.green-bg {
	background-color:#00a15f;	
}
.dark-green-bg {
	background-color:#00804a;	
}
.yellow-bg {
	background-color:#ff2;	
}


/**********************************/
/**********General Styles**********/
/**********************************/

html {
	height:100%;	
}

body, div, span, img {
	margin:0;
	padding:0;
	background:transparent none no-repeat 0 0;
	border:0;
}

body {
	background:#ccc;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 0.85em;
	height: 100%;
	letter-spacing: normal;
	line-height: 1.5em;
}
p {
	margin:1em 0;
	padding:0;
}
p.first {
	margin-top:0;
}
p.last {
	margin-bottom:0;
}
p.single {
	margin:0;
}
.top {
	margin-top:0 !important;	
}
.bottom {
	margin-bottom:0 !important;
}

#main-wrap {
	background: url("../images/body-bg.png") repeat scroll 50% 50% #EFEFEF;
	border-bottom: 2px solid #999;
	padding: 12px 0;
}
#main-content {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #CDCDCD;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 0 3px 0 #999999;
	margin: 0 auto;
	overflow: auto;
	padding: 24px 0;
	width: 960px;
}
#main-content p {
	text-align: justify;
}
#associations {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #CDCDCD;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 0 3px 0 #999999;
	margin: 0 auto 12px auto;
	overflow: auto;
	padding: 12px 36px;
	width: 888px;	
}

a.association-logo {
	margin-left:42px;
}

a.association-logo img {
	border:0 !important;	
	padding-bottom:37px;
}
a.association-logo img.noPadding {
	padding:0 !important;
}
a.association-logo.first {
	margin:0;
}

/***************************************/
/**************link styles**************/
/***************************************/

a:link {
	color:#00804a;
}    
a:visited {
	color:#00804a;
}  
a:hover {
	color:#06d902;
}  
a:active {
	color:#00804a;
} 

/***************************************/
/***********heading styles**************/
/***************************************/

h1 {
	font-size: 1.75em;
	font-weight: bold;
	line-height: 1.2em;
	margin:0 0 0.5em 0;
	text-shadow: 1px 1px 0.025em #CCCCCC;
	font-family:"Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
}

h2 {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 1em;
}

h2.shadow {
	text-shadow: 1px 1px 0.025em #ddd;	
}
h2.dark-shadow {
	text-shadow: 1px 1px 0.025em #444;	
}

h2.upper {
	text-transform:uppercase;	
}

h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 1em;
}

/***************************************/
/*************list styles***************/
/***************************************/

ol, ul {
	margin:1em 0 0 0;
	padding-left:1em;
}
ul li {
	margin:0.5em 0em 0.5em 1em;
	font-weight:normal;
	padding-left:0.5em;
}
ol li {
	margin-left:1.5em;
	font-weight:normal;
	margin-bottom:1.2em;
	padding-left:0em;
}

/***************************************/
/*************grid styles***************/
/***************************************/

.grid {
	float:left;	
	overflow:auto;
	margin-left:36px;
}

.grid.first {
clear:left;
}

.grid.one {
width:41px;
}

.grid.two {
width:118px;
}

.grid.three {
width:195px;
}

.grid.four {
width:272px;
}

.grid.five {
width:349px;
}

.grid.six {
width:426px;
}

.grid.seven {
width:503px;
}

.grid.eight {
width:580px;
}

.grid.nine {
width:657px;
}

.grid.ten{
width:734px;
}

.grid.eleven {
width:811px;
}

.grid.twelve {
width:888px;
}

.grid.padded {
	padding:12px 24px !important;	
}

.grid.two.padded {	
width:70px;	
}	
	
.grid.three.padded {	
width:147px;	
}	
	
.grid.four.padded {	
width:224px;	
}	
	
.grid.five.padded {	
width:301px;	
}	
	
.grid.six.padded {	
width:378px;	
}	
	
.grid.seven.padded {	
width:455px;	
}	
	
.grid.eight.padded {	
width:532px;	
}	
	
.grid.nine.padded {	
width:609px;	
}	
	
.grid.ten.padded {	
width:686px;	
}	
	
.grid.eleven.padded {	
width:763px;	
}	
	
.grid.twelve.padded {	
width:840px;	
}

.grid.top-margin {
	margin-top:24px;	
}



/***************************************/
/*************font styles***************/
/***************************************/
.font-nexa {
	font-family: 'nexa_boldregular',Verdana,Geneva,sans-serif !important;
}
@font-face {
	font-family: "nexa_boldregular";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/Nexa_Free_Bold-webfont.eot");
	src: url("../fonts/Nexa_Free_Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa_Free_Bold-webfont.woff") format("woff"), url("../fonts/Nexa_Free_Bold-webfont.ttf") format("truetype"), url("../fonts/Nexa_Free_Bold-webfont.svg#nexa_boldregular") format("svg");
}
.font-chunk {
	font-family: 'ChunkFiveRegular';	
}
@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('../fonts/Chunkfive-webfont.eot');
	src: url('../fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Chunkfive-webfont.woff') format('woff'),
	   url('../fonts/Chunkfive-webfont.ttf') format('truetype'),
	   url('../fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/***************************************/
/**************text styles**************/
/***************************************/

strong {
	font-weight:bold;	
}

em {
	font-style:italic;	
}


/***************************************/
/*************image styles**************/
/***************************************/

a img {
	border:none !important;	
}

.imgContainer {
	margin:2em 0;	
}

.imgCaption {
	font-size:0.85em;
	text-align:center;
	display:block;
}

/***************************************/
/************header styles**************/
/***************************************/
#header-wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 12px solid #00A15F;
    min-width: 962px;
    position: relative;
}

#main-header {
	overflow:auto;
	margin:0 auto;
	width:960px;
	height:120px;
	background:url(../images/credit-card-logos.png) no-repeat 788px 0px;	
}

#header-info {
	float:left;
	width:232px;
	font-weight:bold;
	line-height:1.25em;
	color:#00a15f;
	color:#00804a;
	font-size:0.9em;
	padding:6px 0;
	text-shadow:1px 1px 0.05em #ddd;	
}

#parts-search-button {
	width:495px;	
	float:left;
	text-align:center;
	margin:12px 0 0 0;	
}

#parts-search-button a {
	background: none repeat scroll 0 0 #222;
	border-width:2px;
	border-style:solid;
	border-color:#eee #bbb #ccc #ddd;
	border-radius: 15px 15px 15px 15px;
	color: #FFFFFF;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1em;
	padding: 6px 12px;
	text-decoration: none;
	text-transform: uppercase;
	display:inline-block;
}

#parts-search-button a:hover {
	background: none repeat scroll 0 0 #000;
	border-color:#ccc #ddd #eee #bbb;
	color:#00a15f;
	color:#00d11e;
}

#logo {
	float:left;
}

#logo a { 
	background:url(../images/bills-used-parts-logo.png) no-repeat;
	height:64px;
	width:495px;
	display:block;
	text-indent:-9999px;
}


/*********************************/
/************Slideshow************/
/*********************************/

.no-js-content.home {
	display:block;
	background:#fff;
	width:960px;
	position:relative;
	z-index:0;
}

body.js-enabled .no-js-content {
	display:none !important;	
}

body.js-enabled #slideshow-container, body.js-enabled #office-photos {
	display:block !important;	
}

#slideshow-container {
	display:none;
	background:#fff;
	width:960px;
	position:relative;
	z-index:0;
}

#prev {
	position:absolute;
	top:50%;
	margin-top:-19px;
	z-index:20;
	left:39px;
}

#next {
	position:absolute;
	top:50%;
	margin-top:-19px;
	z-index:30;
	right:39px;
}

#next a img, #prev a img {
	border:none;	
}

#slideshow, #static-slide {
	width:960px;
	margin:0 0 24px 0;
	font-family:Verdana, Geneva, sans-serif;
	height:320px;
	position:relative;
	z-index:10;
}
.slide-item {
	padding:0px 36px;
	width:888px;
	overflow:auto;
}

.slide-image {
	height:320px; /*for some reason web-kit browsers are requiring height to be set once the first transition occurs*/
}

.slide-text {
	color:#fff;
	float:left;
	text-align:left;
/*	background:url(../images/black-75.png) transparent;*/
	position:absolute;
	bottom:0px;
	padding:24px;
	width:840px;	
}

.slide-text p {
	margin:0;
	line-height:1.3em;
	text-align:justify;
	font-size:1.75em;
	font-weight:bold;
	text-shadow:2px 2px 0.5em #222;
}




/***************************************/
/**************menu styles**************/
/***************************************/
#menu-wrap {
    background: none repeat scroll 0 0 #00A15F;
    border-bottom: 6px solid #FFFF22;
    border-top: 1px solid #008A53;
    min-width: 962px;
}


#menu {
	margin:0 auto;
	overflow:auto;
	text-align:center;
	width:960px;
}
#nav, #nav ul {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	line-height:18px;
	z-index:100;
	text-align:center;
}
#nav a {
	display: block;
	padding:3px 1.5em;
	font-weight:bold;
	color:#fffff0;
	background:#00a15f;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:#333 0px 1px 0.05em;
}
/*#nav a.parent {
	border-left:1px solid #00804a;
	border-right:1px solid #00ba6d;		
}
#nav a.first-parent {
	border-right:1px solid #00ba6d;		
}
#nav a.last-parent {
	border-left:1px solid #00804a;
}*/
#nav li {
/*	float: left;*/
	margin:0;
	padding:0;
	display:inline-block;
}
#nav li a:hover {
	color:#fffff0;
	background:#00804a;
	border-color:#00804a;
	color:#ff2;
}
#nav li ul {
	position: absolute;
	width: 0.5em;
	left: -999em;
	font-size:10px;
	text-align:left;
}
#nav li ul li a {
	width: 12em;
	background:#00a15f;
	border-top:#00663c solid 1px;
	border-right:#00663c solid 1px;
	border-left:#00663c solid 1px;
}
a.last-item {
	border-bottom:#00663c solid 1px;
}
#nav li ul li a:hover {
	background:#00804a;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/***************************************/
/*************image styles**************/
/***************************************/

.image-left {
	float:left;
	margin:0 24px 0 0;	
}
.image-right {
	float:right;
	margin:0 0 0 24px;	
}

/***************************************/
/***********cut sheets styles***********/
/***************************************/

ul#cut-sheets li a {
	color:#fff;
}

ul#cut-sheets a:hover {
	color:#06d902;
}

ol#cut-sheet-instructions {
	margin:1em 0;
	padding-left:0.5em;
}
ol#cut-sheet-instructions li {
	margin:0.5em 0 0.5em 1.5em;
}

/***************************************/
/*************ara styles****************/
/***************************************/

hr.separator {
	border-width:1px 0 0 0;
	border-color:#ddd;
	border-style:solid;
	margin:2em 0;	
}

table th {
	border-bottom:1px solid #ccc;
	font-weight:bold;	
	margin:0;
	padding:6px 12px;
}

table tbody {
	padding:0;
	margin:0;	
}


table#araNav, table#damageCodes, table.araGuide { 
	font-size:0.9em;
	line-height:1.4em;	
	background:#efefef;	
	margin:1em 0;
	padding:0;
	border:1px solid #ccc;
	border-collapse:collapse;
}

table + h2, p + h2, span.codes + h2, .returnTop + h2 {
	margin-top:2em;	
}

.center {
	text-align:center;	
}
#araNav .col1, #araNav .col3 {
	width:197px;	
	border-right:1px solid #ccc;
}
#araNav .col2, #araNav .col4 {
	width:198px;
	border-right:1px solid #ccc;
}
#araNav tr td {
	border-top:1px solid #ccc;
}
#araNav a:link {
	text-decoration:none;	
}
#araNav a:hover {
	text-decoration:underline;
}
sup a {
	text-decoration:none;	
}
.returnTop {
	float:right;
	padding-left:36px;	
}
#damageCodes th {
	text-align:center;	
}

#araNav td, #damageCodes td, .araGuide td {
	padding:3px 12px;
	margin:0;	
}

#damageCodes td.col1, #damageCodes td.col2 {
	width:96px;	
}
#damageCodes td.col3 {
	width:157px;	
}

.araGuide th {
	text-align:left;
}

.araGuide tr td {
	border-top:1px solid #ccc;
	vertical-align:top;
}

.araGuide td.col1 {
	width:160px;
	border-right:1px solid #ccc;	
}
.araGuide td.col2, .araGuide td.col3 {
	width:208px;	
	border-right:1px solid #ccc;
}
.araGuide td.col4 {
	width:214px;	
}
th.col1, th.col2, th.col3 {
	border-right:1px solid #ccc;
}

/******************************/
/**********team styles*********/
/******************************/

.teamBlock {
	clear:both;
	overflow:auto;
	border:1px solid #ccc;
	margin:0 36px 1em 36px;	
}

.teamBlock .grid.first {
	margin-left:0;
}
p.padded {
	padding:36px;
	margin:0;
	text-align:left !important;
	font-size:1.25em;	
	line-height:1.75em;
}
.teamBlock figure {
	margin:0;
	padding:0;	
}
.teamBlock figure img {
	width:100%;
	height:auto;	
}
.teamInfo {
	float:left;
	width:530px;		
}
.teamImage {
	float:left;
	margin-left:36px;
	width:320px;	
}

.teamBlock h2 {
	background:#00a15f;
	color:white;
	padding:0.25em 36px;
	font-size:1.5em;
	margin:0;
	text-shadow:rgba(0,0,0,.5) 1px 1px 2px;
	text-transform:uppercase;	
}

.teamBlock strong {
	 color:#005934;
}


/******************************/
/*********table styles*********/
/******************************/

table {
	width:100%;
	border-collapse:collapse;
}

tr:nth-of-type(even) {
	background:#eee;
}

th {
	background:#eee;
}
td,th {
	padding:0.5em;
	border:1px solid #ccc;
}

table.contactTable {
	font-size:0.8em;	
}

.addressInfo {
	float:left;
	width:280px;		
}
.phoneInfo {
	float:left;
	margin-left:36px;
	width:280px;	
}
.addressInfo p, .phoneInfo p{
	margin-top:0;	
}
.mainContact {
	overflow:auto;
	margin:0 0 1em 0;	
}
.mainContact strong {
	 color:#005934;	
}
/***************************************/
/************footer styles**************/
/***************************************/

#footer {
	clear: both;
	font-size: 0.9em;
	margin: 0 auto;
	overflow: auto;
	padding: 0.5em 0;
	text-align: center;
	width: 960px;
	color:#222;
}