﻿html {
margin: 0;
padding: 0; 
} 

a, a:link {
color: #F60; 
text-decoration: none; 
} 

.textbox {
}

a:visited {
color: #F60; 
text-decoration: none; 
} 

a:hover {
color: red; 
text-decoration: underline; 
}

/* Navigation Styles */ 

ul#nav {
/*float: left;*/ /* This fixes Opera, so leave for now */ 
margin: 0; 
padding: 55px 0 0 285px; 
list-style: none; 
} 

ul#nav li {
margin: 0; 
padding: 0; 
display: inline; 
}
 
ul#nav li.level1 {
float: left; 
} 

ul.dropdown {
position: absolute; 
top: 80px; 
margin: 0; 
padding: 0; 
background: white; 
border-left: 2px solid #F60; 
border-right: 2px solid #F60; 
list-style: none;
display: none; 
z-index: 100; 
}
 
ul.prod {
left: 274px; 
} 

ul.feat {
left: 396px; 
} 

ul.faqs {
left: 512px; 
} 

ul.dropdown li a {
display: block; 
margin: 0; 
padding: 5px; 
width: 100%; 
text-decoration: none; 
color: black; 
border-bottom: 2px solid #F60; 
} 

ul.dropdown>li a {
width: auto; 
}
 
ul.dropdown li a:visited {
color: black; 
text-decoration: none; 
}
 
ul.dropdown li a:hover {
color: white; 
background: #F60; 
text-decoration: none; 
}
 
ul#nav li.submenu:hover ul.dropdown, ul#nav li.sfhover ul.dropdown {
display: block; 
} 

/* Content Styles */ 
#contentArea {
width: 760px; 
/* IE Box Model Hack below under Hacks */ 
margin: 0; 
padding: 0; 
}
 
#contentSB {
width: 545px; 
margin: 0; 
padding: 0 0 0 25px; 
}
 
#contentNOSB {
width: 742px; 
margin: 0; 
padding: 0; 
}
 
#contentNOSBpad {
padding: 0 25px; 
width: 742px; 
}
 
.sb {
background: white url(images/contentbg_sidebar.gif) top right repeat-y; 
}
 
.nosb {
background: white url(images/contentbg_nosidebar.gif) top right repeat-y; 
}
 
h3 { 
margin: 0; 
color: #F60; 
font-weight: bold; 
font-size: 18px; 
}
 
h3.main {
padding: 25px 0 12px 0;
} 

p {
margin: 0 0 1em; 
}
 
.footnote {
font-size: 11px; 
color: gray; 
font-style: italic; 
}
 
.reg {
font-size: 11px; 
position: relative; 
top: -6px; 
left: 0; 
}
 
.highlight, .subhead {
font-weight: bold; 
color: #F60; 
margin-bottom: 0; 
}
 
.shortpage {
padding-bottom: 25px; 
}
 
.shortpagetwo {
padding-bottom: 125px; 
} 

hr {
visibility: hidden;
} 

.prodlist {
margin-top: 0; 
}
 
.prodpagebox {
float: left; 
margin: 0; 
padding: 25px 25px 0; 
width: 370px; 
}
 
.prodpage {
margin: 0; 
padding: 0; 
list-style: none; 
background: white; 
border-left: 1px solid #F60; 
border-top: 1px solid #F60; 
}
 
.prodpage li {
margin: 0; 
padding: 0; 
border-bottom: 1px solid #F60; 
}
 
.prodpage a {
color: black; 
background: white; 
text-decoration: none; 
display: block; 
position: relative; 
top: 10px; 
left: 0px; 
margin-left: 15px; 
padding: 3px 8px; 
}
 
.prodpage a:visited {
color: black; 
text-decoration: none; 
}
 
.prodpage a:hover {
color: white; 
background: #F60; 
text-decoration: none; 
}
 
img.floatright {
float: right; 
padding: 3px 0 10px 10px; 
} 

img.floatleft {
float: left; 
padding: 0 15px 10px 0; 
} 

#sidebar {
float: right; 
width: 210px; 
height: 100%; 
margin: 0; 
padding: 0; 
background: url(images/sidebar_corner.gif) top left no-repeat; 
}
 
#sidebar img.prodshot {
position: relative; 
left: 37px; 
top: 20px; 
}
 
#sidebar img.areashot {
position: relative; 
left: 24px; 
}
 
#where {
float: right; 
width: 160px; 
padding: 0; 
margin: 0 0 10px 20px; 
background: #F90 url(images/wherebox_bot.gif) bottom left no-repeat; 
}
 
#where h5 {
font-size: 14px; 
font-weight: bold; 
color: white; 
background: #F60 url(images/wherebox_top.gif) top left no-repeat; 
padding: 8px 15px; 
margin: 0; 
}
 
#where ul {
margin: 0; 
padding: 8px 15px 12px; 
list-style: none; 
}
 
ul.faqsq {
margin: 0; 
padding: 0; 
list-style: none; 
}
 
dl.faqs {
margin: 5px 0 15px 0; 
}
 
dl.faqs dt {
font-weight: bold; 
}
 
dl.faqs dd {
margin: 3px 0 0 10px; 
} 

a.nonlink {
color: black; 
text-decoration: none; 
}
 
a.nonlink:link {
color: black; 
text-decoration: none; 
} 

a.nonlink:visited {
color: black; 
text-decoration: none; 
} 

a.nonlink:hover {
color: black; 
text-decoration: none; 
} 

/* Footer Styles */ 
#footer {
width: 760px;
height: 50px; 
} 

.ftsb {
background: #FFD800 url(images/contentbot_sidebar.gif) top left no-repeat; 
}
 
.ftnosb {
background: #FFD800 url(images/contentbot_nosidebar.gif) top left no-repeat; 
} 

#footlinks {
float: right; 
padding: 32px 28px 0 0; 
}
 
#footlinks a {
color: black; 
text-decoration: none; 
}
 
#footlinks a.border {
border-right: 1px solid black; 
padding-right: 8px; 
}
 
#footlinks a:visited {
color: black; 
text-decoration: none; 
} 

#footlinks a:hover {
color: red; 
text-decoration: none; 
}
 
#footlinks b {
display: none; 
} 

/* Clear those Floats */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
 
.clearfix {
display: inline-table;
} 

/* Hides from IE-mac \*/ 
* html .clearfix {
height: 1%;
} 

.clearfix {
display: block;
}
 
/* End hide from IE-mac */ /* Hacks */ 
#contentSB {
voice-family: "\"}\""; 
voice-family:inherit; 
width: 520px; 
}
 
#contentNOSBpad {
voice-family: "\"}\""; 
voice-family:inherit; 
width: 692px; 
}
 
.prodpagebox {
voice-family: "\"}\""; 
voice-family:inherit; 
width: 320px; 
}
 
table {
border: none; 
margin: 0; 
padding: 0; 
color: black; 
font: 12px/15px verdana, helvetica, arial, sans-serif; 
}
 
td {
padding: 5px 0 0 2px; 
}
 
.fields {
font: 12px verdana, helvetica, arial, sans-serif; 
}
 
.reqd {
color: red; 
}
 
.notreqd {
visibility: hidden; 
}
 
.leftcolumn {
text-align: right; 
width: 35%; 
}
 
.checkbox {
float: left; 
}
 
td.optin span {
margin: 0 0 0 20px; 
padding: 0; 
display: block; 
}
 
#sub {
padding: 25px 0 25px; 
}
 
input:focus {
background: #FFFFCC 
}