@charset "utf-8";
/* CSS Document */

body {
	background: #ffffff url(../images/priestley-bg.gif) repeat-x top center;
	margin: 0 55px 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000033;

}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0072bc;
}

a.text:link{
	color: #000033;
}

a.text:visted {
	color: 000033;
}

a.text:hover {
	color: #FFFFFF;
	
}

a.text:active {
	color: #000033;
}

a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #ffffff;
}

a:hover {
	text-decoration: none;
	color: #0099FF;
}

a:active { 
	color: #ffffff;
	text-decoration: none;
}


	
div#navbar {
	background: #ffffff url(../images/nav-bg.jpg) no-repeat top center;
	padding: 0;
	margin: 0;
	width: 980px;
}

.nav {
	margin: 0 0 0 645px;
	padding: 0;
	height: 28px;
	width: 350px;
}

.heading {
	padding: 20px 0 20px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0072bc;
}

.main-bg {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	height: auto;
}

.left-content a {
	color: #000033;
}

.left-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	padding: 0 0 20px 30px;
	margin: 0;
}



.phonemessage {
	padding: 5px 0 10px 30px;
}

.right-content {
	padding: 10px 0 10px 80px;
	margin: 0;
}

.buttons {
	padding: 10px 0 10px 30px;
	
}

.footer {
	background-color: #0072bc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 10px 20px 10px 20px;
	width: 940px;
	height: 60px;
}

.form-header {
	background-color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: 420px;
	padding: 5px 0 5px 5px;
	margin: 0 0 0 30px;
}


#form-order {
	margin: 0;
	padding: 0;
}

#details-box {
	margin: 0 0 10px 30px;
	padding: 10px 0;
	width: 425px;
	height: 320px;
}

#quantity-weight-box {
	margin: 0 0 0 30px;
	padding: 10px 0;
	width: 425px;
	height: 740px;
}

.form-labels-details {
	margin: 10px 0 0 0;
	padding: 0 60px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
}

.form-labels {
	margin: 10px 0 0 0;
	padding: 0 60px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
}

.form-fields-box {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 425px;
}

.label-box {
    float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 120px;
}

.fields-box {
	float: right;
	margin: 0;
	padding: 0 50px 0 0;
	width: 250px;
}

.form-fields-details {
	margin: 10px 0 0 0;
	padding: 0 0 0 50px;
}

.form-fields {
	margin: 10px 0 0 0;
	padding: 0;
	background-color: #ffffff;
	border: 0;
	
}

.form-radio {
	margin: 0 0 0 30px;
	padding: 0;
}

.radio-label {
	margin: 0;
	padding: 0 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#promo-box {
	margin: 0 0 0 30px;
	padding: 10px 0;
	width: 425px;
	height: 250px;
}

.promo-box-label {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 160px;
}

.promo-labal {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.radio-orders {
	float: right;
	margin: 0 0 5px 0;
	padding: 10px 0 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #A4E1F9;
	width: 250px;	
	
}

.orderbox {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 425px;
}

.footer-box {
	float: left;
	background-color: #0072bc;
	padding: 20px 0 10px 0;
	margin: 0 0 0 10px;
	width: 550px;
}

.expo-box {
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	width: 170px;
	height: auto;
}

.expo-text {
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	width: 140px;
}

.expo-img {
	float: right;
	margin: 0;
	padding: 5px 0 0 0;
	height: 30px;
	width: 30px;
}