/* Main Body */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0; padding: 0; border: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
color: #333;
background-color: #EBEBEB;
margin: 0;
padding: 0;
font-size: 100%;
text-align:center;
}
#wrapper { 
width:840px;
text-align:center;
margin: 0 auto;
border: 0;
background-image:url(../images/ViaVia_Background.gif);
background-repeat: repeat-y;
background-position: center;
}
#content_container { width:800px; margin:0 auto; border:0; background-color:#FFF; text-align:left;}

/* Paragraph */
p { font-size: 80%; margin-bottom:10px; }
b, strong { font-weight:bold; color:#741019; }

/* Links */
a, a:visited { color: #741019; text-decoration:none; }
a:hover, a:active { text-decoration:underline; color:#8D5355; }

/* Headers */
h1 {
font-family:"35 Helvetica Thin", Arial, Helvetica, sans-serif;
color:#741019;
font-weight:lighter;
text-transform:uppercase;
font-size:240%;
margin-bottom:15px;
}
h2 {
font-family:"45 Helvetica Light", Arial, Helvetica, sans-serif;
color:#741019;
font-weight:lighter;
text-transform:uppercase;
font-size:110%;
margin: 15px 0 3px 0;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
color:#741019;
font-weight:bold;
font-size:80%;
margin-top:5px;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
color:#741019;
font-weight:normal;
font-size:100%;
margin-bottom:10px;
}
h5 {
font-family:Arial, Helvetica, sans-serif;
color:#741019;
font-weight:normal;
font-size:100%;
margin-bottom:5px;
}

/* Bulleted List */
.Bullets { list-style:inside; margin-bottom: 5px; color: #741019; }
.listText { color: #333; font-size: 85%;
}

/* Nav Header */
#header { height:122px; margin:0 }

/* Main Image Area */
#main_image { height:206px; margin:0; padding-bottom:20px; }

/* Main Content */
#main { margin:0 20px; padding:0; }

/* Hamper List */
#left_col { width:340px; float:left; margin-right:60px; padding-bottom:20px;}
#left_col p { margin:0; padding:5px; }
#left_col h2 { font-size:80%; font-weight:normal; text-align:right; background:#741019; padding:5px; margin:0; color:#FFF; }

#right_col { width:340px; float:left; padding-bottom:20px;}
#right_col p { margin:0; padding:5px; }
#right_col h2 { font-size:80%; font-weight:normal; text-align:right; background:#741019; padding:5px; margin:0; color:#FFF; }

.tab_odd { background:#F1E8E8; }
.left_text { font-weight:bold; float:left; }
.hamper_img {border-top: solid 1px #FFF; }


/* Footer */
#footer { text-align:center; background-color:#EBEBEB; margin:0; padding-bottom:15px; }
#footer p { color:#666; font-size:70%; margin-bottom:5px; }
#footer a, a:visited { color:#666; text-decoration:none; text-transform:uppercase; font-weight:normal; }
#footer a:hover, a:active { color:#999; text-decoration:underline; }


/* Additional classes */
.clearit{ clear:both; }
.hr { color:#CCC; margin: 10px 0; }
.Left_Image { float:left; margin:0 20px 20px 0; border: solid 1px #CCC; }
.Right_Image { float:right; margin:0 0 20px 20px; border: solid 1px #CCC; }
.Body_Image { float:left; margin:5px 50px 5px 0; padding:0; border: solid 1px #CCC; }
.Body_ImageRight { float:right; margin:0 0 5px 40px; padding:0; border: solid 1px #CCC; }
.BodyRed { color:#741019; }
.hampers { background:#741019; padding:5px; margin-bottom:10px; border-top: solid 1px #FFF; font-weight:bold; color:#FFF; }
.hampersBody { padding:5px; margin:0;background:#F1E8E8;}
.hampersBody_WhiteBack { padding:5px; margin:0;}
.smallText { font-size:65%; margin-bottom:5px; }

/* Forms */
fieldset  { font-family: Arial, Helvetica, sans-serif; }

/* Email Form */
input.emailForm { font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #666; background-color: #FFF; border: solid 1px #333; margin:5px 10px 5px 10px; padding-left:5px; width:175px;  height: 15px; } 
input.emailForm:hover { background-color: #E3CFD1; border: solid 1px #741019; color: #000; cursor: pointer; }
input.emailForm:focus { color: #000; background-color: #FFF;  border: solid 1px #741019; cursor: text; }
input.emailFormBtn { font-size: 85%; vertical-align: middle; font-weight: bold; text-align: center; text-transform: uppercase; color: #741019; margin:5px 10px; border: solid 1px #666; cursor: pointer; }
input.emailFormBtn:hover, a:active { color: #8D5355; }

/* Contact Form */
label { font-size:85%; font-weight:normal; text-align:left; position:relative; display:block; float:left; width:90px; }
input.contactForm { font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #666; background-color: #FFF; border: solid 1px #333; margin:5px 10px 5px 10px; padding-left:5px; width:250px;  height: 15px; } 
input.contactForm:hover { background-color: #F1E8E8; border: solid 1px #741019; color: #000; cursor: pointer; }
input.contactForm:focus { color: #000; background-color: #FFF;  border: solid 1px #741019; cursor: text; }
textarea.contactForm { font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #666; background-color: #FFF; border: solid 1px #333; margin:5px 10px 5px 10px; padding-left:5px; width:250px; } 
textarea.contactForm:hover { background-color: #F1E8E8; border: solid 1px #741019; color: #000; cursor: pointer; }
textarea.contactForm:focus { color: #000; background-color: #FFF;  border: solid 1px #741019; cursor: text; }
input.contactFormBtn { font-size: 85%; vertical-align: middle; font-weight: bold; text-align: center; text-transform: uppercase; color: #741019; margin:5px 10px; border: solid 1px #666; cursor: pointer; }
input.contactFormBtn:hover, a:active { color: #8D5355; }