body {
margin: 0px;
padding: 0px;
font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #333;
text-align: center;
background: #a2a2a2 url(../images/bodybg.png) repeat-x;
}
#header {
position: relative;
width: 930px;
padding: 30px 25px 0px;
height: 230px;
margin: auto;
background: #fff url(../images/topbg.png) no-repeat;
}
#header img {
display: block;
}
img {
border: none;
}
p {
margin: 0px 0px 10px;
}
a:link {
color: #8CA018;
}
a:visited {
color: #B49350;
}
a:hover, a:active {
color: #4e2029;
}
#flashcontent {
position: absolute;
left: 25px;
top: 175px;
width: 930px;
height: 50px;
}
#container {
width: 930px;
margin: auto;
text-align: left;
padding: 0px 25px;
background: url(../images/midbg.png) repeat-y;
}
.divider {
display: block;
width: 100%;
height: 1px;
clear: both;
}
#footer {
padding: 0px 13px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background-color: #b9d300;
}
#footer td {
height: 50px;
}
#footer a:link, #footer a:visited {
color: #fff;
text-decoration: none;
}
#footer a:hover, #footer a:active {
color: #4e2029;
}
#bottom {
width: 980px;
height: 40px;
margin: auto;
background: url(../images/bottom.png) no-repeat;
}
.leftcol {
width: 260px;
padding-bottom: 20px;
vertical-align: top;
background-color: #ececec;
}
.leftcol h2 {
font: 1.6em Arial, Helvetica, sans-serif;
color: #4e2029;
margin: 20px 13px 10px;
}
.leftcol h3, .rightcol h3 {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #fff;
margin: 0px 0px 20px;
padding: 5px 13px;
background-color: #752F3D;/*b9d300*/
}
.leftcol p {
margin: 0px 13px 10px;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}
.leftcol a:link, .leftcol a:visited {
color: #8CA018;
text-decoration: none;
}
.leftcol a:hover, .leftcol a:active {
color: #4e2029;
}
#fp_content {
width: 660px;
margin-left: 10px;
}
#fp_content .leftcol {
width: 340px;
vertical-align: top;
background-color: #fbfbfb;
}
#fp_content .rightcol {
vertical-align: top;
background-color: #fbfbfb;
border-left: 5px solid #f7f7f7;
}
#contentcol #fp_content h2 {
margin: 0px 0px 10px;
padding: 10px;
font: 1.6em Arial, Helvetica, sans-serif;
line-height: normal;
color: #fff;
background-color: #b9d300;
}
.imgborder {
border: 1px solid #fff;
}
.imgborder1 {
display: block;
border: 15px solid #E0E0E0;
}
#contentcol {
width: 670px;
vertical-align: top;
background: #f7f7f7;
padding-top: 10px;
}
#content_lining {
width: 640px;
margin: 0px 0px 0px 10px;
padding: 20px 10px 15px;;
background: #f7f7f7 url(../images/contentcol_top.png) repeat-x;
}
#contentcol h1 {
font: 2em Arial, Helvetica, sans-serif;
color: #8A9D00;
margin: 0px 0px 20px;
}
#contentcol h2 {
font: 1.6em Arial, Helvetica, sans-serif;
color: #A0B700;
margin: 20px 0px 10px;
}
#contentcol h3 {
font: bold 1.3em Arial, Helvetica, sans-serif;
color: #333;
margin: 15px 0px 5px;
}
#contentcol h3.illustration {
color: #fff;
margin: 0px;
padding: 10px;
border-bottom: 2px solid #BBBBBB;
}
#contentcol h2.product {
font: 1.6em Arial, Helvetica, sans-serif;
color: #fff;
background-color: #b9d300;
margin: 20px 0px 15px;
padding: 5px;
}
#contentcol p, #contentcol td {
line-height: 150%;
vertical-align: top;
}
#contentcol ul, #contentcol ol {
margin-top: 0px;
line-height: 150%;
}
#contentcol li {
margin-bottom: 5px;
}
.floatright {
float: right;
margin: 0px 0px 10px 15px;
}
.center {
text-align: center;
margin: 10px auto;
}
/*?*/.box {
padding: 10px;
color: #fff;
background-color: #A2B900;
}
.table1 {
background-color: #fff;
}
.table1 th {
font-weight: bold;
color: #fff;
background-color: #b9d300;
border-right: 1px solid #f7f7f7;
}
.table1 td {
border-right: 1px solid #f7f7f7;
}
.oddrow {
background-color: #E9E9E9;
}
.illustration_wrap {
margin: 15px 0px 20px 0px;
color: #fff;
background-color: #b0b0b0;
}
.illustration_wrap td {
padding: 10px;
}
.illustration_wrap img {
display: block;
border: 1px solid #f7f7f7;
}
.text_wrap {
margin: 15px 0px 20px 0px;
padding-bottom: 10px;
color: #fff;
background-color: #b0b0b0;
}
.text_wrap p {
margin: 10px;
}
.text_wrap .number {
padding: 2px 6px;
color: #fff;
text-align: center;
background-color: #752f3d;
border: 1px solid #fff;
}
.number {
padding: 1px;
font: bold 0.8em/normal Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
background-color: #752f3d;
border: 1px solid #fff;
border-bottom: 0px;
}
#subnav {
margin-left: 10px;
}
#subnav:after {
content: "";
display: block;
height: 0;
clear: both;
}
#subnav a:link, #subnav a:visited {
display: block;
float: left;
margin-right: 1px;
padding: 4px 8px;
color: #fff;
text-decoration: none;
background-color: #B9B9B9;
}
#subnav a:hover, #subnav a:active {
color: #fff;
text-decoration: none;
background-color: #999;
}
#subnav a.current {
color: #000;
background-color: #e9e9e9;
border-right: 1p
}
.floatleft {
float: left;
margin: 5px 15px 10px 0px;
}









/*suckerfish menu styles*/
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float: left;
/*width: 260px;*/
}
#nav li { /* all list items */
position: relative;
float: left;
width: 260px;
cursor:pointer;
}
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left: 260px;
margin-top: -2.6em;
border-left: 1px solid #fff;
}
#nav li ul.two_lines_link { /* apply if link breaks into 2 rows */
margin-top: -4.3em;
}
#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}
#nav li a {
display: block;
/*width: 234px;*/
padding: 0.4em 13px;
font: 1.1em Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #fff;
text-decoration: none;
background-color: #4e2029;
border-bottom: 1px solid #695253;
}
#nav li a:hover {
color: #4e2029;
background-color: #b9d300;
border-bottom: 1px solid #fff;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav a.current {
color: #4e2029;
background-color: #b9d300;
border-bottom: 1px solid #fff;
}


/* qTip styles */
div#qTip {
width: 280px;
padding: 8px;
border: 1px solid #b9d300;
display: none;
background-color: #fff;
color: #000;
text-align: left;
font-weight: bold;
position: absolute;
z-index: 1000;
opacity: 0.85;
}
/*div#qTipLinks {
padding: 13px;
}*/
div#qTipLinks a:link, div#qTipLinks a:visited {
color: #8CA018;
text-decoration: none;
font-weight: normal;
}
div#qTipLinks a:hover, div#qTipLinks a:active {
color: #333;
font-weight: bold;
}