


* {outline:none;}

body { position:relative;}

#hcShell { width:565px; background:url(../images/HiddenCosts-title.jpg) no-repeat; float:right;}

#hcCopy { width:486px; margin-top:5px; margin:60px 0 0 30px; float:left; display:inline;}

#hcCopy p {color:#414141; padding:0 0 10px 0; margin:0;}

.hcItem      { height:20px; margin-bottom:10px; clear:both;}
.hcItem span { height:20px; width:23px; float:left; display:block; font-size:11px; text-align:center; font-weight:bold; margin:0;}

.hcItem p   { color:#414141; padding:0 !important;}
.hcItem p b { font-size:15px; padding:0 0 0 10px; font-weight:normal;}

.hcItem p a b {text-decoration:underline !important;}

.hcItem p a       { color:#414141; display:block; height:23px; padding:3px 0 0 0}
.hcItem p a:link, .hcItem p a:visited { text-decoration:none; background:url(../images/HiddenCosts-linkBtn-off.gif) no-repeat;}
.hcItem p a:hover, .hcItem p a:active { text-decoration:none; background:url(../images/HiddenCosts-linkBtn-on.gif) no-repeat; color:#9e894a;}
.hcItem p a:hover span, .hcItem p a:active span { color:#FFFFFF;}

.hcText  { margin:0 0 10px 35px !important;}



/*--- side ----*/
#hcSide, #hcSideTop, #hcSideMid, #hcSideBot { width:144px;}
#hcSide     { margin-top:60px;}
#hcSideTop  { height:14px; background:url(../images/HiddenCosts-sideTop.gif) no-repeat;}
#hcSideMid  { background:url(../images/HiddenCosts-sideTile.gif) repeat-y;}

#hcSideBot   {}
#hcSideBot a { display:block; height:48px; background: url(../images/HiddenCosts-sideButton.gif) no-repeat;}

#hcSideMid p  { margin:0; padding:8px; text-align:left; color:#000000; font-size:9px; line-height:13px;}
#hcSideMid h1 { margin:0; padding:0 8px; text-align:left; color:#000000; font-size:15px;}



/*--- contact box ----*/
#contact    { width:600px; height:332px; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
#contact h1 { color:#000000; font-size:26px; line-height:32px; padding:20px 30px 10px 30px; margin:0;}
#contact p  { color:#000000; font-size:12px; line-height:12px; padding:0 0 18px 30px; margin:0; float:left;}

.ctCol        { width:270px; height:14px; margin:0 0 8px 20px; float:left;}
.ctCol input, .ctCol textarea, .ctCol select  { padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; float:right;}
.ctCol p      { width:100px; float:left; text-align:right; padding:0 !important;}
.ctCol p.wide { width:160px;}


.field1    { width:155px;float:right; border:1px solid #999999;}
.field2    { width:100px;float:right; border:1px solid #999999;}
.fieldWide { width:270px; border:1px solid #999999;}
.btn       { border:none; background:#CCCCCC; letter-spacing:.5em; padding:4px 8px 4px 12px;}
.btn:hover { background:#999999; cursor:pointer;}
.clearAll  { clear:both; height:4px; font-size:1px;}
.clearLeft  { clear:left; height:4px; font-size:1px;}
.clearRight  { clear:right; height:4px; font-size:1px;}
