﻿body {
background-color: #fdf2ca;
width: 975px;
height: 575px;
font: 14px Verdana;
}
p {
margin-left:15px;
}
td {
padding: 5px;
vertical-align: top;
text-align: center;
}
td.emailLt {
padding: 5px 5px 5px 0;
text-align: right;
vertical-align: top;
font-weight: bold;
}
td.emailRt {
padding: 5px 0 5px 5px;
text-align: left;
vertical-align: middle;
}
a.menu:link {
text-decoration: none;
color: #F3C300;
}
a.menu:visited {
text-decoration: none;
color: #F3C300;
}
a.menu:hover {
text-decoration: none;
color: #FFFFFF;
}
a.lgImage:link {
text-decoration: none;
color: #3A613A;
}
a.lgImage:visited {
text-decoration: none;
color: #3A613A;
}
a.lgImage:hover {
text-decoration: none;
color: #000000;
}
.ZipState {
margin-left: 45px;
width: 400px;
border: 1px solid red;
}
.header {
position:relative;
left: -5px;
top: -10px;
width: 985px;
height: 100px;
background: #fdf2ca url(../images/Parchment.gif) no-repeat;
}
.upperStripe {
background: #ffffff url(../images/Stripe.gif) repeat-x;
width: 985px;
height: 5px;
position: relative;
left: -5px;
top: -10px;
}
.menuBar {
position: relative;
left: 0px;
top: 5px;
background-color: #3A613A;
height: 20px;
width: 985px;
}
.menuTable {
width: 100%;
}
.menuCell {
padding: 0px  20px 0px 20px;
color: #F3C300;
font: bold 13px Verdana;
text-align: center;
}
.btnDivPrev {
position: relative;
left: 120px;
top: 35px;
margin-top: 10px; 
margin-bottom: 10px;
text-align: center; 
width:120px; 
}
.btnDivLt {
position: relative;
left: 120px;
top: 0px;
margin-top: 10px; 
margin-bottom: 10px;
text-align: center; 
width:120px; 
}
.btnDivRt {
position: relative;
left: 360px;
top: -37px;
margin-top: 10px; 
text-align: center; 
width:80px; 
}
.lowerStripe {
background: #ffffff url(../images/Stripe.gif) repeat-x;
position: relative;
left: 0px;
top: 0px;
width: 985px;
height: 5px;
}
.mainContent {
margin-left: 10px;
padding-top:10px;
padding-bottom: 10px;
height:475px;
}
.homeLt {
position:relative; 
left:45px; 
top: 30px; 
width: 350px; 
height: 325px;
}
.homeRt {
position: absolute; 
left: 525px; 
top: 40px; 
width:350px; 
height:350px;
}
.styleSel {
text-align: left;
margin-top: 10px;
padding: 0px 2px 0px 2px;
}
.matlSel {
padding: 0 5px 0 5px;
vertical-align: top;
text-align:left;
}
.imgWindow {
width:852px; 
height:700px;
}
.imgTitle {
font-weight: bold;
position:absolute;
left:55px;
top:0px; 
height: 20px; 
margin:5px;
width:360px;
}
.imgClose {
position:absolute;
left:430px;
top:0px;
height:20px;
width:380px;
margin:5px;
text-align:right;
font-weight: bold;
}
.imgPosition {
position: relative;
top:15px;
left:0px;
}
.basic {
font: 13px Verdana;
color: #000000;
}
.error {
font: bold 15px Verdana;
color: #FF0000;
}
.footerStripe {
background: #ffffff url(../images/Stripe.gif) repeat-x;
background-color: #fdf2ca;
position: absolute;
left: 0px;
width:100%;
}
.footerIntro {
background: #ffffff url(../images/Stripe.gif) repeat-x;
background-color: #fdf2ca;
position:absolute;
left:0px;
top:495px;
width:100%;
}
.sizeSelTop {
height: 35px;
}
.sizeSel {
border-top: 1px solid black;
height: 35px;
}
.instruction {
color: #3a613a;
font: bold 18px Verdana;
}
.title { 
color: #3a613a;
font: bold 14px Verdana;
}
.cover {
position: absolute;
left: 20px;
top: 80px;
width: 225px;
height: auto;
}
.pavillion {
position: absolute;
left: 255px;
top: 150px;
width: 225px;
height: auto;
}
.deck {
position: absolute;
left: 490px;
top: 80px;
width: 225px;
height: auto;
}
.kitchen {
position: absolute;
left: 725px;
top: 120px;
width: 225px;
height: auto;
}