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

body {
background-color: #FFFFFF;
color: #1d5f99;
font-family: Arial, Helvetica, sans-serif;
margin-top: 0px;
}

img {
border: 0;
vertical-align: bottom;
}

#outer {
width: 100%;
}

#header {
text-align: left;
width: 980px;
height: 175px;
}

#nav {
width: 980px;
height: 40px;
text-align: left;
}

#mainHeader {
width: 980px;
height: 75px;
}

#orderMainheader {
width: 980px;
height: 75px;
background-image: url(../media/general/main-background.jpg);
}

#orderMainheaderX {
width: 980px;
height: 843px;
background-image: url(../media/general/main-background.jpg);
}

#main {
width: 980px;
background-image: url(../media/general/main-background.jpg);
}

#mainHome {
width: 980px;
}

#mainVending {
width: 980px;
height: 769px;
background-image: url(../media/vending/vending-background.jpg);
}

#mainBase {
width: 980px;
height: 10px;
background-image: url(../media/general/main-base.jpg);
background-repeat: no-repeat;
}

#orderMainbase {
width: 980px;
height: 30px;
background-image: url(../media/general/order-main-base.jpg);
background-repeat: no-repeat;
}

#base {
width: 920px;
height: 40px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
}

.mainLeft {
float: left;
width: 450px;
padding-top: 30px;
padding-left: 63px;
padding-bottom: 20px;
}

.mainRight {
float: right;
width: 370px;
padding-top: 30px;
padding-right: 20px;
padding-bottom: 20px;
}

H1 {
font-size: 14px;
color: #1d5f99;
font-family: Arial, Helvetica, sans-serif
text-align: left;
}

H2 {
font-size: 12px;
color: #1d5f99;
font-family: Arial, Helvetica, sans-serif
text-align: left;
}

H3 {
font-size: 11px;
color: #1d5f99;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

H3 a {
color: #1d5f99;
text-decoration: none;
}

H4 {
font-size: 10px;
color: #1d5f99;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

H4 a {
font-size: 10px;
color: #1d5f99;
}

P {
font-size: 14px;
color: #1d5f99;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
text-align: left
}

P a {
font-size: 14px;
color: #1d5f99;
}

ul {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
line-height: 120%;
padding: 0;
margin: 0;
}

li {
margin-left: 20px;
padding: 0;
}

.white {
color: #FFFFFF;
}

.stSideimage {
padding-top: 20px;
}

.fltR {
float: right;
}

.fltL {
float: left;
}

.mainText {
padding-left: 63px;
padding-top: 30px;
padding-bottom: 30px;
width: 500px;
position: relative
}

.maintextTest {
padding-left: 63px;
padding-top: 30px;
padding-bottom: 30px;
width: 470px;
position: relative
}

.topImage {
padding-top: 30px;
padding-left: 62px;
padding-right: 63px;
width: 855px;
text-align: center;
position: relative
}

.maintextFull {
padding-left: 63px;
padding-right: 63px;
padding-top: 30px;
padding-bottom: 30px;
width: 854px;
position: relative
}

.mainTitle {
padding-top: 110px;
padding-left: 63px;
width: 320px;
}

.orangeText {
font-size: 14px;
color: #f26531;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
text-align: left
}

.redText {
font-size: 14px;
color: #ed1f24;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
text-align: left
}

.blackText {
font-size: 14px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
text-align: left
}

label {
	text-align: left;
	font-size: 12px;
	color: #1d5f99;
}