@charset "UTF-8";
/* CSS Document */


/* *************
   Global styles
   ************* */
   
body {
	margin: 0px;
	font-family: 'Lato', sans-serif;
}
/* ************
   Top section
   ************ */
.logoandnav {
	height: 80px;
	width: 929px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
}
.logoandnav img{
	display:inline-block;
	float:left;
}
.items {
	float:right;
}
.items li {
	font-size:12px;
	display:inline-block;
	width:100px;
	height:25px;
	text-align:center;
	vertical-align:middle;
	padding-top:7px;
}
.focus {
	color:#FFF;
	background-color:#36447e;
}
.otherlinks {
	color:#333;
	font-size:12px;
}
.focus a{
	color:#FFF;
	background-color:#36447e;
	text-decoration:none;
}
.otherlinks a{
	color:#333;
		text-decoration:none;
}
.banner {
	height: 345px;
	padding: 20px;
	background-color:#fbfbfb;
		text-align:center;
}
.banner img{
	margin-left:auto;
	margin-right:auto;
}
.divider {
	width:890px;
	height:30px;
	border-top:#36457e dotted 2px;
	border-bottom:#36457e dotted 2px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	vertical-align:middle;
}
.breadcrumb {
	width: 200px;
	float: left;
	line-height:30px;
}
.printfunction {
	width: 155px;
	float: right;
}
.mainbody {
	width:920px;
	margin-left:auto;
	margin-right:auto;
}
.profilecol1 {
	text-align:center;
	width: 33%;
	height: 130px;
	margin-top: 10px;
	display:inline-table;
}
.profilecol2 {
	text-align:center;
	width: 33%;
	height: 130px;
	margin-top: 10px;
	display:inline-table;
}
.profilecol3 {
	text-align:center;
	width: 33%;
	height: 130px;
	margin-top: 10px;
	display:inline-table;
}
.spacer {
	height:30px;
}
/* ******************
   End of top section
   ****************** */
.contactform {
	background-color: #ececec;
	width: 890px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:20px;
	height: 630px;
	border-radius: 4px;
}
.orderformchrome {
	background-color: #ececec;
	width: 890px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:20px;
	height: 1000px;
	border-radius: 4px;
}
.orderformmang{
	background-color: #ececec;
	width: 890px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:20px;
	height: 800px;
	border-radius: 4px;
}
.orderformother{
	background-color: #ececec;
	width: 890px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:20px;
	height: 850px;
	border-radius: 4px;
}
.orderformcol1 {
	width: 33%;
	height: 130px;
	margin-top: 10px;
	display:inline-table;
}
.orderformcol2 {
	width: 33%;
	height: 130px;
	margin-top: 10px;
	display:inline-table;
}
.orderformcol3 {
	width: 33%;
	height: 130px;
	margin-top: 10px;
	display:inline-table;
}
.selector {
	vertical-align: top;
	margin-right:10px;
	margin-top:3px;
}
.item {
	display: inline-block;
	vertical-align: top;
	margin-right:10px;
}
.title{
	font-size:20px;
	color:#36457e;
}
.quantity {
	height:30px;
	display:inline-block;
	padding-top:3px;
	vertical-align: middle;
	line-height:30px;
	margin-top:3px;
}
.measure {
	display:inline;
}
.formimput {
	margin-left: 0px;
	margin-top: 10px;
	height: 40px;
}
.comments {
	margin-left:10px;
	margin-top:5px;
	font-family: 'Lato', sans-serif;
	font-size:16px;
}
.formlabelcomments {
	margin-left: 20px;
	margin-top: 0px;
}
.formimput input {
	height: 30px;
	line-height: 18px;
	font-size: 18px;
	color:#666;
}
.formimput textarea {
	height: 30px;
	line-height: 18px;
	font-size: 18px;
	color:#666;
	font-family: 'Lato', sans-serif;
}
.formlabel {
	margin-left: 0px;
	margin-top: 0px;
}
.description {
	font-size:11px;
	color:#666;
	font-style:italic;
}
#submitform {
	height: 30px;
	width: 155px;
	margin-left: 0px;
	margin-top: 20px;
}
#footnote {
	margin-left:0px;
	margin-top:10px;
}
/* ********************
   End of Global styles
   ******************** */

/* *************
   Footer Styles
   ************* */
.footer {
	background-color: #36457e;
	height: 360px;
	width: 100%;
	color: #CCC;
}
.footer a{
	color: #CCC;
	text-decoration:none;
}
.footerwrapper{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}
.col {
	width: auto;
	float: left;
	background-color: #36457e;
}
.col2 {
	width: auto;
	float: left;
	background-color: #36457e;
}
.details1 {
	margin-left: 0px;
	margin-top: 20px;
	width: 350px;
	background-image: url(../images/map.png);
	background-repeat: no-repeat;
}
.details2 {
	margin-left: 0px;
	margin-top: 20px;
	width: 300px;
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
}
.details3 {
	margin-left: 0px;
	margin-top: 20px;
	width: 300px;
	background-image: url(../images/mail.png);
	background-repeat: no-repeat;
}
.details4 {
	margin-left: 0px;
	margin-top: 20px;
	width: 300px;
	background-image: url(../images/email.png);
	background-repeat: no-repeat;
}
.details5 {
	margin-left: 0px;
	margin-top: 20px;
	width: 300px;
	background-image: url(../images/sitemap.png);
	background-repeat: no-repeat;
}
.detailstext {
	margin-left: 50px;
	width: 300px;
	display: inline-table;
}
/* ********************
   End of footer styles
   ******************** */
