/* CSS Document */
#container {
width:800px;
}

#top {
background-image:url(../img/top.png);
width:800px;
height:39px;
}

#bot {
background-image:url(../img/bot.png);
width:800px;
height:44px;
}

#mid {
background-image:url(../img/mid.png);

background-repeat:repeat-y;
padding-left:50px;
padding-right:50px;
}

#header {
background-image:url(../img/header.jpg);
width:687px;
height:240px;
background-repeat:no-repeat;
background-position:center;
}

#nav {
background-image:url(../img/nav.png);
background-repeat:no-repeat;
background-position:center;
width:679px;
height:39px;
margin-top:3px;
margin-left:2px;
}

#nav p {
text-align:center;
font-family:Lucida Fax, "Times New Roman", Times, serif;
font-size:11pt;
color:#FFFFFF;
margin:0;
padding:0;
line-height:39px;
}

#nav p a:visited, #nav p a:link {
color:#FFFFFF;
text-decoration:none;
}

#nav p a:hover {
text-decoration:underline;
}

h1 {
background-image:url(../img/h1.png);
background-repeat:no-repeat;
background-position:center center;
width:672px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
margin:0;
font-size:20pt;
padding-top:0.7em;
padding-bottom:0.7em;
font-weight:100;
}

h3 {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12pt;
font-weight:100;
border-bottom:#cccccc 1px solid;
width:672px;
margin:0;
padding-top:0.3em;
padding-bottom:0.3em;
}

h5 {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12pt;
font-weight:100;
border-bottom:#cccccc 1px solid;
margin:0;
padding-top:0.3em;
padding-bottom:0.3em;
}


p {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:8pt;
margin:0em;
padding-left:1em;
padding-right:2em;
padding-bottom:1em;
vertical-align:middle;
}

li {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:8pt;
margin:0;
padding:0;
padding-left:1em;
padding-right:2em;
padding-bottom:1em;
vertical-align:middle;
}

a:link, a:visited {
text-decoration:underline;
color:#666666;
}

a:hover {
text-decoration:none;
}

.product1 {
background-image:url(../img/box.jpg);
background-repeat:no-repeat;
background-position:center;
height:178px;
width:151px;
padding-top:20px;
/*padding-left:5px;*/
float:left;
text-align:center;
margin-left:10px;
margin-right:10px;
}

img {
border-style:none;
}

.product1 h2 {
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:100;
text-align:center;
padding: 0.5em 1em 0 1em;
}

.product1 h2 a {

color:white;
}

.product1 p {
text-align:right;
}

#product2 {
background-image:url(../img/prod2.png);
background-repeat:no-repeat;
background-position:center;
height:191px;
padding-left:30px;
padding-right:30px;
padding-top:20px;
}

#product2 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
font-weight:100;
color:#666666;
}

#product2 img {
float:right;
border:#FFFFFF thick solid;
}

/*FORM INFO*/
fieldset {
padding:1em;
border:#CCCCCC 1px dashed;
}

legend {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#666666;
}

form p {
clear:left;
margin:0;
padding:0;
padding-top:5px;
}

form p label {
float:left;
width:45%;
font-family: bold Arial, Helvetica, sans-serif;
color:#666666;
text-align:right;
}

input.txt {
color: #333333;
background-color: #FFFFFF;
border: 1px inset #CCCCCC;
width: 40%;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}

input.btn {
color: #333333;
background-color: #cccccc;
border: 1px outset #FFFFFF;
}

textarea {
width:90%;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}