/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	width: 100%;
}

[class*='col-'] {
	float: left;
	padding-right: 20px;
}

[class*='col-']:last-of-type {
	padding-right: 0px;
}

.grid {
	width: 100%;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}




.partslistingheader {
	width:100%;
	background-color:#efefef;
	border-bottom:0px solid #BEBEBE;
	border-top:0px solid #BEBEBE;
	margin-bottom:0px;
}



.moreinfo {
margin-left: 0px;
color: #014F9E;
padding: 0px;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:700;
position: relative;
text-justify:distribute;
border-radius:4px;

}
.moreinfo2 {
padding: 0px 0px;

}
p { padding: 0px 0px; }

#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
 
.accordionButton {	
	width: 100%;
	float: left;
	color: #ffffff;
	background: #28477b; /* Old browsers */
	background: -moz-linear-gradient(top, #28477b 0%, #213a62 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28477b), color-stop(99%,#213a62)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #28477b 0%,#213a62 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #28477b 0%,#213a62 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #28477b 0%,#213a62 99%); /* IE10+ */
	background: linear-gradient(to bottom, #28477b 0%,#213a62 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28477b', endColorstr='#213a62',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	}
 
.accordionButton2 {	
	width: 100%;
	float: left;
	color: #ffffff;
	background: rgb(235,235,235); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(240,240,240,1) 43%, rgba(247,247,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(43%,rgba(240,240,240,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(240,240,240,1) 43%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(240,240,240,1) 43%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(240,240,240,1) 43%,rgba(247,247,247,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(240,240,240,1) 43%,rgba(247,247,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	}
 
.accordionContent {	
	width: 100%;
	float: left;
	background: #efefef;
	display: none;
	}


.arrow { /* The circle inside the menu */
    width: 25px;
    height: 25px;
    background: #2C4E86;
    box-shadow: inset 0 1px 0 #2F2F2F, 0 1px 0 #1A1A1A;
    border-radius: 50%;
    position: absolute;
    top: 14px;
    right: 15px;
    bottom: 0;
    margin: auto 0;
}


.arrow:before { /* The white arrow inside the circle */
    	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-right: 3px solid #E4E3E3;
	border-top: 3px solid #EFEFEF;
	position: absolute;
	right: 9px;
	top: 2px;
	margin-top: 5px;
	margin-right: 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}


.grid-pad {
	padding: 0px 0px 0px 0px;
}


.grid-pad > [class*='col-']:last-of-type {
	padding-right: 0px;
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
	border-bottom:1px solid #FF9933;
        background: #EFEFEF;
	
}

.col-1-1-1 {
	width: 98%;
	display:block;
	border:0px solid #FF9933;
}

.col-2-3, .col-8-12 {
	width: 100%;
	margin-top:0px;
	border-bottom:0px solid #B2B2B2;
	border-top:0px solid #B2B2B2;
        background:#efefef;
}

.col-1-2, .col-6-12 {
	width: 100%;
	border-bottom:1px solid #2C4E86;
        background:#EFEFEF;
	
}

.col-1-3, .col-4-12 {
	width: 100%;
	height: 38px;
	margin-top:10px;
	border-bottom:2px solid #335B9C;
	border-top:2px solid #335B9C;
        background:#2C4E86;
}

.footer, .col-3-12 {
	position:absolute;
	bottom:0;
	width: 100%;
	padding-left:15px;
	border-top:1px solid #000000;
	background:#efefef;
}

hr {
    padding: 0px;
    margin: 0px;    
}

.partslisting {
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 3px;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-top:0px solid #BCBCBC;
	background:#efefef;
}

.mobile-category {
padding-top: 1px;
padding-bottom: 6px;
padding-left: 8px;
margin-top: 0px;
margin-bottom:-5px;
margin-left:0px;
color: #ffffff;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
text-shadow: 2px 2px 2px #363636;
background:#2C4E86;
border:solid #AAAAAA 1px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

.mobile-subcategory {
padding-top: 1px;
padding-bottom: 6px;
padding-left: 8px;
margin-bottom:-5px;
margin-left:0px;
color: #000000;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
background:#c1c1c1;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

table.rounded-orange {
	float:right;
	width: 48%;
	border:2px solid #FF9933;
	margin-bottom: 15px;
	padding:25px 15px 35px 15px;
	background:#ffffff;
	border-radius:8px
	}	
	
table.rounded-blue {
	float:left;
	width: 48%;
	border:2px solid #3399FF;
	padding:15px;
	margin-right: 5px;
	background:#ffffff;
	border-radius:8px
	}