body {background: url(/images/sitebuilder/templates_bg.jpg) repeat-x #FFFFFF; margin: 0px; padding: 12px 0px 12px 18px;}
body, td, p {font: 11px 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    -- */
.idnumber {color: #999999; font-size: 10px; padding-bottom: 2px;}
.templateholder {padding: 1px; border: 1px solid #A6A6A6;}
.colorsbg {background: url(/images/elements/template_colours_bg.jpg) no-repeat #F6F6F6; padding: 7px 10px 7px 10px;}
.selectcell {padding-right: 9px;}

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

/* --     layers -note-were 11px higher on "top" for IE   -- */
#features {position: absolute; left: 222px; top: 110px; height: 240px; width: 380px;}
#LayerExample {position:absolute; left:791px; top:45px;  width:200px;  height:43px; z-index:111;}


/* --     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: 28px; color: #CC0000; line-height: 20px; 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;}