body {background: #FFFFFF; margin: 0px; padding: 20px 20px 40px 0px;}
body, td, p {font: 12px Arial, Verdana, Sans-serif; color: #666666;}
input, select, textarea {font: 10px Arial, Verdana, Sans-serif; color: #666666; background-color: #FFFFFF; border: 1px solid #CCCCCC;}
table {border: 0px}


/* --     layout    -- */
.logocell {padding-left: 20px; padding-bottom: 15px;}
.headercell {background: url(/images/header_red.jpg) no-repeat bottom; font-size: 24px; color: #FFFFFF; padding: 8px 21px 2px 21px}
.headersmcell {background: url(/images/elements/header_redsm.jpg) no-repeat; font: bold 14px; color: #FFFFFF; padding: 4px 17px 2px 17px}
.contentbonus {font-size: 12px; color: #CC0000; padding: 8px 15px 15px 15px; border-bottom: 1px solid #CC0000;}
.menucell {background: url(/images/nav/menu_bg.jpg) no-repeat; vertical-align: top;}
.menutable {vertical-align: top;}
table.menutable td {padding: 0px 19px 0px 19px;}

.featurecell {background: #CC0000 url(/images/home/templates_bg.gif) no-repeat;}
.boxes {background: url(/images/home/boxes_bg.gif) no-repeat;}
.contentcell {vertical-align: top; padding-top: 6px;}
.contentinternal {vertical-align: top; padding-top: 2px;}
.content2 {vertical-align: top; padding: 20px 20px 40px 40px;}
.footer {font-size: 10px; color: #717171; background: #F2F2F2;}


/* --     layers -note-were 11px higher on "top" for IE   -- */
#features {position: absolute; left: 222px; top: 110px; height: 240px; width: 380px;}
#Layer1 {position:absolute; left:205px; top:383px; width:179px; height:230px; z-index:1;}
#Layer2 {position:absolute; left:403px; top:383px; width:179px; height:230px; z-index:1;}
#Layer3 {position:absolute; left:601px; top:383px; width:179px; height:230px; z-index:1;}
#Layer4 {position:absolute; left:797px; top:383px; width:179px; height:230px; z-index:1;}
#Layer5 {position:absolute; left:247px; top:165px; width:403px; height:386px; z-index:1;}
#Layer6 {position:absolute; left:791px; top:45px;  width:200px;  height:43px; z-index:111;}
/* --     for firefox allow more distance from the top!    
html>body #features {position: absolute; left: 222px; top: 110px; height: 240px; width: 380px;}
html>body #Layer1 {position:absolute; left:205px; top:383px; width:179px; height:230px; z-index:1;}
html>body #Layer2 {position:absolute; left:403px; top:383px; width:179px; height:230px; z-index:1;}
html>body #Layer3 {position:absolute; left:601px; top:383px; width:179px; height:230px; z-index:1;}
html>body #Layer4 {position:absolute; left:797px; top:383px; width:179px; height:230px; z-index:1;}
html>body #Layer5 {position:absolute; left:247px; top:165px; width:403px; height:386px; z-index:1;}
-- */


/* --     text styles    -- */
h1,h2,h3,h4,h5,h6 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
h1 {font: normal 18px Arial, Verdana, Sans-serif; color: #CC0000; line-height: 22px; margin: 0px 0px 3px 0px; padding: 0px 0px 3px 14px;}
.description {font-size: 9px; vertical-align: top; text-align: right; color: #666666; padding-bottom: 30px;}
.header1 {font-size: 14px; color: #CC0000; line-height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.header2 {font-size: 18px; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.testimonials {font-size: 11px; color: #CC0000;}
.testimonials2 {padding: 8px 50px 0px 0px; vertical-align: top;}
.testimonials3 {padding: 8px 0px 0px 50px; vertical-align: top;}
.testimonialssite {padding-top: 4px; vertical-align: top;}
.error {font-weight: bold; color: #CC0000;}
.validation {font-weight: bold; font-size: 10px; color: #CC0000;}

/* --     text links     -- */
a:link {color: #CC0000; text-decoration: underline;}
a:visited {color: #CC0000; text-decoration: underline;}
a:hover {color: #333333; text-decoration: underline;}

.menu {font-size: 13px; color: #8E8E8E; text-decoration: none; white-space: nowrap;}
A.menu:link {font-size: 13px; color: #8E8E8E; text-decoration: none; line-height: 19px;}
A.menu:visited {font-size: 13px; color: #8E8E8E; text-decoration: none; line-height: 19px;}
A.menu:hover {font-size: 13px; color: #CC0000; text-decoration: none; line-height: 19px;}

.features {font-size: 12px; color: #FFFFFF; line-height: 22px;}
A.features:link {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 22px;}
A.features:visited {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 22px;}
A.features:hover {font-size: 12px; font-weight: bold; color: #FAE6E6; text-decoration: underline; line-height: 22px;}

.infolinks {font-weight: bold; font-size: 11px; color: #CC0000; text-align: right;}
A.infolinks:link {font-weight: bold; font-size: 11px; color: #CC0000; text-decoration: none;}
A.infolinks:visited {font-weight: bold; font-size: 11px; color: #CC0000; text-decoration: none;}
A.infolinks:hover {font-weight: bold; font-size: 11px; color: #CC0000; text-decoration: underline;}

.credits {font-size: 10px; color: #717171;}
A.credits:link {font-size: 10px; color: #717171; text-decoration: none;}
A.credits:visited {font-size: 10px; color: #717171; text-decoration: none;}
A.credits:hover {font-size: 10px; color: #999999; text-decoration: underline;}

.sitemap {font-size: 10px; color: #B2B2B2; text-align: center;}
A.sitemap:link {font-size: 10px; color: #B2B2B2; text-decoration: none;}
A.sitemap:visited {font-size: 10px; color: #B2B2B2; text-decoration: none;}
A.sitemap:hover {font-size: 10px; color: #666666; text-decoration: underline;}

.darklink {font-size: 10px; color: #FFFFFF;}
A.darklink:link {font-size: 10px; color: #FFFFFF; text-decoration: none;}
A.darklink:visited {font-size: 10px; color: #FFFFFF; text-decoration: none;}
A.darklink:hover {font-size: 10px; color: #FCF2F2; text-decoration: underline;}

/* --     tables     -- */
#listcontainer {background-color: #F5F5F5; border-top: 1px solid #CC0000; border-right: 1px solid #CC0000; border-left: 1px solid #CC0000; font-weight: bold; color: #CC0000;}/* --     background-color: #FCF2F2     -- */
#listcontainer td {background-color: #F5F5F5; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CC0000; font-weight: bold; color: #CC0000; text-align: center;}
#listcontainer td.dark {background-color: #CC0000; font-weight: bold; color: #FFFFFF; text-align: left;}
#listcontainer td.divide {border-right: 1px solid #CC0000; font-weight: bold; color: #CC0000; text-align: left;}
#listcontainer td.dividesub {border-right: 1px solid #CC0000; font-weight: bold; font-size: 10px; color: #CC0000; text-align: left; padding-left: 10px;}

#listcontainer td.plain {background-color: #F5F5F5; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CC0000; font-weight: normal; color: #666666; text-align: left;}