@charset "utf-8";
html, body, ul, li, dt, dd, dl, sup, h1, h2, h5, form, fieldset, legend, input.checkbox, input.radio, th, td {margin:0; padding:0; text-align:left;}
.clfl {clear:both; height:0; font-size: 1px; line-height: 0px;}
a img, :link img, :visited img, fieldset, input.checkbox, input.radio, input.but {border:none}
a {text-decoration:none; font-weight: bold; color: #3f0d1b}
a:hover { text-decoration: underline; color: #cc0000 }
table{border-collapse:collapse; border-spacing:0; font-size:inherit;}
body {font-size:100%; line-height:1.125em; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#4d414b; width:100%;}
table.lo {width:100%; height:100%}
td.content {width:1000px; height:100%}
/* FOOTER */
.footerL {width: 50%; background: bottom right repeat-x url(i/footer_left.jpg)}
.footer {width: 1000px; height:136px; background: no-repeat url(i/footer.jpg)}
.footer img.credits {margin-top:40px;}
.footer .links {float:right; margin:0 12px 0 0; z-index: 2; top: -48px; position: relative;}
.footerR {width:50%; background:bottom left repeat-x url(i/footer_right.jpg);}
/* LAYOUT HP */
#hp .bgL {width:50%; background:top right repeat-x url(i/background_left.jpg)} 
#hp .bgR {width:50%; background:top left repeat-x url(i/background_right.jpg)} 
#hp .head {width:1000px; height:400px; background: no-repeat url(i/bg_head_hp.jpg); clear: both; overflow: hidden;}

/* LAYOUT INN */
#in .bgL {width:50%; background:top right repeat-x url(i/background_in_left.jpg)} 
#in .bgR {width:50%; background:top left repeat-x url(i/background_in_right.jpg)} 
#in .head {width:1000px; height:280px; background: no-repeat url(i/bg_head_in.jpg); clear: both; overflow: hidden;}

/* INVISIBLES */
.head h1, .head h2, .head strong, .area strong, .footer strong, table.hp th b {display:none;}

/*HP*/
#hp .head p { margin:182px 0 0 96px; font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#000; line-height: 1.68em; width:508px;}
#hp .head dl {float:right; width:164px; font-size: 10px; font-weight: bold; margin:40px 3px 0 0; padding-right:3px }
#hp .head dl dt {margin:8px 0; line-height: 11px; color:#3f0d1b}
#hp .head dl dt a {color:#cc0000}
#hp .head .nav {margin:77px 0 0 68px}

div.content { min-height: 264px; background: url(i/bg_content_hp.jpg) top repeat-x;}
#hp div.content .area { width:201px; background: url(i/bg_content_hp_r.jpg) no-repeat top right; float: right; height: 264px }
div.content .area p { width:158px; font-size: 0.6875em; margin: 126px 0 0 28px; color: #3f0d1b; }
div.content .area p a {color: #cc0000}

table.hp {width:734px; margin-left: 42px; height:auto; }
table.hp th#features{width:405px; height: 27px; background: url(i/bg_th_featured.gif);}
table.hp th#options{width:177px; background: url(i/bg_th_options.gif);}
table.hp th#download{width:152px; background: url(i/bg_th_download.gif);}
table td.flex {height:100%; vertical-align: top}

table.hp td#features {background: #fff top repeat-x url(i/bg_features.jpg); width: 405px;}
table.hp td#features ul {padding: 8px 0;  margin: 0 22px;}
table.hp td#features ul li {list-style: url(i/li_bul.png); margin:0.18em 0; color:#4d414b; font-size: 0.68em;}
table.hp td#features p {margin:1em 22px 0 0; color:#4d414b; font-size: 0.68em; font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;}
table.hp td#features p b {color:#cd000f}
table.hp td#options {background: #fee4e1 bottom repeat-x url(i/bg_options.jpg); padding: 0px 5px 8px 24px; width: 148px; }
table.hp td#options ul {padding: 4px 0;  margin: 8px 0}
table.hp td#options ul li { list-style: none outside url(i/li_arrow.png); margin: 12px 0; color:#3F0D1B; font-size: 0.645em; font-weight: bold;}
table.hp td#optionsB {height:65px; background: transparent url(i/bg_options_b.gif) top no-repeat; text-align: center; vertical-align: top; padding-top: 12px;}
table.hp td#download, table.in td#utils {background: #52cbff top repeat-x url(i/bg_downloads.jpg); padding: 14px 6px 16px 5px;}
table.hp td#download table td a, #in td#main table td a {font-size: 0.68em; font-weight:bold; color: #cc0000; margin: 1em 0 0 0; display: block;}
table.hp td#download table td a img, #in td#main table td a img {margin: 0 2px 0 0}
table.hp td#downloadB {height:65px; background: transparent url(i/bg_download_b.gif) top no-repeat; text-align: center; vertical-align: top; padding-top: 16px;}

/* IN */
#in .head .nav {margin:102px 0 0 68px; }
#in div.content .area { width:201px; background: url(i/bg_content_in_r.jpg) no-repeat top right; float: right; height: 264px }
#in div.content .sub { width:201px; background: url(i/bg_content_hp.jpg) no-repeat top right; float: right; height: 264px }
.sub ul {margin: 0 0 0 48px}
.sub ul li { list-style: none outside url(i/li_arrow_sub.png); margin: 6px 0; color:#3F0D1B; font-size: 0.645em; font-weight: bold;}

table.in {width:734px; margin-left: 42px; height:auto; }
table.in th#main{width:546px; height: 27px; background: url(i/bg_in_main.jpg); white-space:nowrap}
table.in th#utils{width:189px; background: url(i/bg_in_utils.jpg);}
table.in td#main {background: #fff top repeat-x url(i/bg_main.jpg); width:546px; height:288px; vertical-align:top}
table.in td#main p, table.in td#main form, table.in td#main form table, #in td#main h1, #in td#main h2 {margin:1em 22px; color:#4d414b; font-size: 0.68em}
#in td#main ul {margin:1em 4em; color:#4d414b; font-size: 0.68em; list-style: url(i/li_arrow.png); }
table.in td#main p b, table.in td#utils b {color:#cd000f}

table.in td#main p.limg {padding: 15px 13px; background:#fff; border:#edf4f8 1px solid; float:left; display: inline; /*inline 4 bug in ie6*/}
table.in td#main p.rimg {padding: 15px 13px; background:#fff; border:#edf4f8 1px solid; float:right}

table.in td#main form table {font-size:11px;}
table.in td#utils p {font-size: 0.68em; font-weight:bold; margin:1em 0 1em 8px; display: block;}
table.in td#utils address {font-size: 0.68em; font-weight:bold; margin:1em 0 1em 8px; display: block;}
table.in td#utilsB {width: 189px; height:65px; background: transparent url(i/bg_utils_b.gif) top no-repeat; text-align:center; vertical-align: top; padding-top: 16px; font-size: 0.58em; color:#4aace7 }
#in td#main h1 {color:#2384bf; text-transform:capitalize; font-size:.8em}
#in td#main h2 {color:#346275; text-transform:capitalize}

/* skin conditions toggle */
th#main div {float:right; font-size:10px; text-align:right; cursor:pointer; margin:8px 12px 0 0; color:#ada8a3}
.hotspot {cursor:pointer;}

/* FORMS */
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align: middle}
fieldset {font-size:11px; padding: 5px 0;}
#in td#main label {display:block; float:left; width:88px; margin:6px 0px 2px 18px;} 
input.fieldin {font-size: 12px; margin:4px 0px; width: 218px;}
input#Address {width: 308px;}
textarea {font-size: 12px; line-height:18px; margin:5px 0px; width:308px; height:148px;}
span.required {color: #e03939;}
input.but {background:no-repeat transparent url(i/bg_submit.gif); width: 108px; height: 31px; cursor: pointer; font-size: 11px; font-weight: bold; color: #333300;}
 /* END FORM */