body {width: 100%;background-image: url(/Assets/layout_images/concrete_seamless.png);background-position: center;font: 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #384749; overflow: auto;}
#wrapper-bg {display: block; background-color: #fff;margin-top:12px;border: 1px solid #878E8E;box-shadow: 0 0 10px rgba(12, 3, 25, 0.8); }
#headcontainer {display:block;background-color: #fff}
#wrapper {display: block;margin: 0px auto; margin-top: 10px; max-width: 100%; }
#bodycontainer {display: block; margin: auto; padding-top: 22px; max-width: 1272px;}
.ol li {margin-left: 12%}
#trim {display: block; background-color: #444; height:3px;}
.micro_trim {display: block; background-color: #444; height:1px; margin: .5% 0 .2% 0;}
#trim-1 {display: block; background-color: #444; height:3px; margin: .5% 0 .2% 0;}
#trim-2 {display: block; background-color: #115868; height:0px; margin: 0 1% 0 1%;}
#trim-3 {display: block; background-color: #115868; height:3px; margin: 0 1% 0 1%;}
.center {display:block; text-align: center;}
.Header {display: block; background-color: #A2CCD7; height:20px;margin: 5px 5px;}
.Header p {margin-left:5px;color: #666;}
.title_bar {display: block;width: 99%; background-color: #A2CCD7; height:20px;margin: 5px 5px;}
.title_bar h3 {padding-left: 10px;}
.Item_Header {display: block; background-color: #888; height:20px;margin: 5px 5px;margin-top:-15px;}
.Item_Header p {margin-left:5px;color: #fff;}
#example_img {margin-top: 5%;margin-bottom: 5%}
.SD_link {background-color: #CCC;margin-left:1.4%}
.SD_link a img {display:block; margin-left: auto; margin-right: auto;margin-top: 10px;margin-bottom: 10px;}
.SD_link_title {background-color: #AAA;}
.SD_link_title a {text-align: left;margin-left: 2.5%;}

#PullPartPrice {display: block; background-color: #F4F4F4; vertical-align: top; border-style: solid; border-width: 1px; border-color: #D6D6D6;}
#PullPartPrice img {margin-top: 5px;} 

#PartPrice {display: block; background-color: #F4F4F4; vertical-align: top; border-style: solid; border-width: 1px; border-color: #D6D6D6;height: 40px;}
#PartPrice img {margin-top: 5px;} 
#HeaderList {background-color: #D6D6D6;padding-top:10px;}
#HeaderList2 {background-color: #D6D6D6;}
.DisplayImage {margin: 5% 20% auto;}
.TBDisplayImage {margin: 10% 0% auto;}
#gallery_links {padding: 15px 0 15px 0;}
.S3 ol li {margin:25px;margin-left:30%; float:left}
.S1 ol li {float:left; margin:25px; margin-left: 30%;}
.S6  {font: 12px Verdana, Arial, Helvetica, sans-serif;color: #888;}
.S6 ol {margin-top: 20px;margin-left:5%}

#footer h3,ul,img {text-align: center;margin-top:-5px;}
#footer ul a {font: 9px/12px Verdana, Arial, Helvetica, sans-serif;color: #FFF; height: 35px;}
#footer {display: block;margin: 0px auto; max-width: 100%; background-color: #2E7283;overflow: hidden;}

#Item {margin: 25px 5px 5px 30px;}
.Price {font: 9px/12px Verdana, Arial, Helvetica, sans-serif;color: #888;}
.PartNo {font: 9px/12px Verdana, Arial, Helvetica, sans-serif;color: #888;}
.full_kit {margin: 0% .5% 1% 5%;}
.full_kit h3{text-align: center;margin: 5px;}
.full_kit ul li { margin-left: 3px;}
.full_kit ul {margin-bottom: 25px;}
.slide_show {padding: 0 5px 0 5px;}
#CaptionBox {background-color: #e2b282;padding-top: 12px; padding-bottom: 10px;font: 15px/18px Verdana, Arial, Helvetica, sans-serif;}
.AuthorizeNetSeal {display: block; position: center;}
.credit-cards img{display: block; margin-left: auto; margin-right: auto;} 

#prod-intro {margin-top: 3%;}
#bullets li {text-align: left; margin-left: 20%; margin-bottom: 10px;}
#bullets p {text-align: left; margin-top: 25px;}

#spec td, th {border: 2px solid #444;text-align: left;}
#spec table {border-collapse: collapse;margin: 2% 2%;}
#spec table {width: 96%}
spec table {border-collapse: collapse; width: 96%;background: #FFF;}
#spec td, th {background-color: #FFFFF;color: #333; padding: 15px;}
#spec th {background-color: #CCC;color: #333;padding: 15px;}
#spec tr:nth-child(odd){background-color: #f2f2f2}

/*#cutout-header {background-color: #CCC; margin: 2%; padding-top:3px; padding-bottom: 3px; }
#cutout p, a {margin: 2% 5%;}*/

#maintenance-header {background-color: #CCC; margin: 2%; padding-top:3px; padding-bottom: 3px; }
#maintenance a  {margin: 5px;}
#maintenance p  {margin: 2% 5%;}

#Detail_dwg li {text-align: left; margin-left: 20%; margin-top: 2.8%;padding-top: 2%;}
#Line_dwg {display: block; background: #FFFFFF;}


/*============================ Screen Size  < 930px ====================================*/
@media only screen and (max-width: 930px) {
#clearfixII {clear: both;}
.span_1_of_4 {width: 48.2%;}
#trim-2 {display: block; background-color: #444; height:3px; margin: .5% 0 .2% 0;}	
.b {list-style-type: square;;font: 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #384749;}
.pic100txt li {float:left;margin:0 auto 0 35%;}
.pic101txt li {float:left;margin:0 auto 0 35%;}
.pic100txt {padding-top:25px;}
.pic101txt {padding-top:25px;}
#Right_Pic  {margin: 10px 10px 0 auto;padding-left: 2px;}
}


#Right_Pic img {margin: 0 5px 0 auto;padding-left: 2px;}
#Right_Pictxt {margin-left: 2px;}

	
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	#Left_Pic {width: 80%; padding-left: 10%;}
	#Right_Pic {width: 80%; padding-left: 10%;}
	#Left_Pictxt {width: 80%; padding-left: 10%;}
	#Right_Pictxt {width: 80%; padding-left: 10%;}
	#credit-cards img {width: 80%;}
}


