/* Devon Metal Sheets CSS */


body {
background-color: #ccc;
font-size: 12px;
font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#111;  
padding-top:20px;
padding-bottom:30px;
margin:0px;
text-align: center;
line-height: 19px;
}


#content { 	
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
width: 750px;
background: #CEE0FF;
}

#banner {
width: 100%;
background:#aaa;
height: 150px;
}

#nav {
width: 100%;
background:#fff;
height: 37px;
}

#main, #mainprod {
padding: 50px;
padding-top: 30px;
padding-bottom: 30px;
}

#footer {
font-size: 16px;
text-align:center;
font-weight:bold;
color: #111;
}

#jump {
background:#fff;
text-align:center;
padding-top: 8px;
margin-top: 25px;
height: 28px;
}

.btn, .btnl {
float:left;
padding-left: 50px;
padding-right: 50px;
border-right: 1px solid #ccc;
margin-top: 8px;
font-weight:bold;
}

.btnl {border-right: 0px;}
.sub {font-size: 16px;}
.calign {text-align:center;}

.imgc {text-align: center; }
.imgl {float:left; padding-right: 25px;}
.imgr {float:right; width: 185px; text-align:right;}
.imgrm {float:right; width: 185px; margin-top: -10px; text-align:right;}

hr {color:#B6B6B6;  background-color:#B6B6B6; height:1px;border: none;}
*:first-child+html hr {color:#fff; background-color:#fff; border-top: 1px solid #B6B6B6; margin-top: -2px;}
*html hr {color:#fff; background-color:#fff; border-top: 1px solid #B6B6B6; margin-top: -2px;}

.cute {border: 1px solid #aaa; font: 12px arial; color: #666; padding:4px; margin-right: 12px; width: 192px; margin-bottom: 10px;}
.txtarea {border: 1px solid #888; font: 12px arial; color: #444; padding:4px; margin-right: 10px; width: 626px; margin-bottom: 10px; height: 120px;}
.calignform {text-align:center; width: 635px;}
.form {margin-top: 5px;}

.floatfull {width: 700px; margin-left: 0px;}
.floatleft {display:inline-table; width: 160px; padding-right: 2px; margin-top: 15px; vertical-align:top;}
*:first-child+html .floatleft {float:left; padding-right: 6px;}
.floatleft img {border: 1px solid #B6B6B6;}
.textphp {padding: 5px;  border-bottom: 1px solid #B6B6B6; padding-bottom: 8px;}
.phpstrong {padding-bottom: 5px; font-weight:bold;}

*html .floatleft {float:left;}

a { 
color: #111;
text-decoration: none; 
}

a:hover {
text-decoration:underline;
}

/*Fix IE*/
*html .floatfull {width: 680px;}
*html .floatleft {padding-right: 4px;}
*html #mainprod {padding-right: 20px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn, .btnl {margin-top: 10px;}
.textphp {padding-top: 8px;}
}