* html .pnghelper img {
visibility: hidden;
}
* html .pnghelper {
width: 1px;
height: 1px;
}
* html a.pnghelper {
cursor: pointer;
}
/* --- LOOK AND FEEL STYLES --- */
html,body {
border: 0px;
margin: 0px;
background: #f2f2f2 url(../images/page-bg.gif) top left repeat-x;
font: normal 14px/17px Arial,sans-serif;
}
h1 {
color: #0b79b4;
font: bold 18px/18px Verdana,sans-serif;
margin: 0px;
padding: 14px 0px 0px 0px;
}
h3 {
margin: 0px;
color: #c97;
font: bold 14px/14px Arial,sans-serif;
padding: 8px 0px 0px 0px;
}
p {
margin: 0px;
padding: 8px 0px;
}
form {
margin: 0px;
padding: 0px;
}
div.goldborder {
background-color: white;
border: 1px solid #c90;
padding: 2px;
}
/* --- HEADER --- */
div.header {
position: relative;
z-index: 1;
border: 2px solid white;
height: 85px;
width: 97%;
margin: 0px auto 0px auto;
}
div.contentheader {
position: relative;
z-index: 1;
border: 2px solid white;
height: 170px;
width: 97%;
margin: 0px auto 0px auto;
}
div.tongue {
position: absolute;
top: 0px;
left: 0px;
}
div.contentheader div.tongue {
top: -38px;
left: -20px;
clip: rect(38px 366px 184px 20px);
}
a.logo {
position: absolute;
top: 4px;
left: -4px;
}
a.logo img {
border: none;
}
/* --- BODY --- */
div.mainbody {
position: relative;
z-index: 0;
width: 97%;
margin: 0px auto 0px auto;
background: white url(../images/body-bg.gif) bottom left repeat-x;
}
div.leftcolumn {
float: left;
padding: 10px 0px 0px 10px;
width: 336px;
}
div.leftcolumn div.zipsearch h2,div.zipsearch h2 {
color: #0b79b4;
width: auto;
background: none;
margin: 0px 0px 8px 0px;
padding: 0px 0px 4px 0px;
border-bottom: 2px groove white;
font: normal 14px/18px Tahoma,sans-serif;
letter-spacing: -1px;
text-transform: uppercase;
}
input.text {
margin: 0px;
padding: auto auto auto 2px;
border: 1px solid #bbc6d2;
width: 129px;
height: 19px;
font: normal 12px/12px Tahoma,sans-serif;
color: #0b79b4;
}
div.leftcolumn h2 {
width: 205px;
margin: 10px 0px 0px 0px;
padding: 20px 13px 8px 13px;
font: bold 14px/14px Franklin Gothic,Futura,Arial Narrow,Tahoma,sans-serif;
text-transform: uppercase;
color: black;
background: url(../images/h2-sidebar-bg.png) top left no-repeat;
}
div.leftcolumn div.ancshadow {
width: 189px;
background: url(../images/anc-sidebar-head.png) top left no-repeat;
}
div.leftcolumn div.ancbody {
color: white;
width: 189px;
padding: 0px 14px;
background: url(../images/anc-sidebar-bg.png) top left repeat-y;
}
div.leftcolumn div.ancbody a {
color: white;
}
div.content {
margin: 0px 40px 0px 189px;
}
/*
Content pages
*/
div.contentbody {
position: relative;
z-index: 0;
width: 97%;
margin: 0px auto 0px auto;
background: white url(../images/body-bg.gif) bottom left repeat-x;
}
div.contentbody div.leftcolumn {
width: 189px;
}
div.contentbody div.leftcolumn h2 {
width: 245px;
}
div.contentbody div.leftcolumn div.ancshadow {
width: 189px;
overflow: hidden;
}
div.contentbody div.leftcolumn div.ancbody {
width: 243px;
}
div.contentbody div.content {
margin-left: 220px;
}
div.contentbody div.footer {
margin-left: 220px;
}
div.corpaddress {
border: 1px solid #bfd3e4;
margin-top: 10px;
width: 249px;
padding: 10px;
color: #666;
}
div.contentbody div.leftcolumn div.corpaddress h2,div.contentbody div.leftcolumn h2.plain {
width: auto;
background: none;
margin: 0px;
padding: 0px 0px 4px 0px;
color: #2c6ca6;
}
div.contentbody div.leftcolumn h2.plain {
color: black;
}
div.sidebar {
padding-top: 5px;
}
div.sidebar ul a {
text-decoration: none;
}
div.sidebar ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.sidebar ul ul {
padding: 0px 0px 0px 25px;
}
/* --- FOOTER --- */
div.footer {
clear: both;
margin: 0px 27px 0px 360px;
border-top: 1px solid #dddddd;
text-transform: uppercase;
padding: 11px 0px;
}
div.copyright {
float: left;
color: #999;
font: bold 10px/10px Tahoma,sans-serif;
}
div.staticlinks {
text-align: right;
color: #999;
font: normal 10px/10px Tahoma,sans-serif;
word-spacing: 10px;
}
div.staticlinks a {
text-decoration: none;
color: #999;
word-spacing: 0px;
}
div.staticlinks a:hover {
color: black;
}
div.signup table td, div.signup table th {
padding: 1px 0px;
}
div.signup table th {
padding-right: 6px;
font-weight: normal;
text-align: right;
}
div.signup input.button {
width: auto;
background-position: top right;
background-repeat: no-repeat;
font: bold 11px/11px Arial,sans-serif;
text-transform: uppercase;
padding-right: 20px;
}
div.signup input.text {
width: 250px;
}
div.signup select {
margin: 0px;
padding: auto auto auto 2px;
border: 1px solid #bbc6d2;
width: 250px;
height: 19px;
font: normal 12px/12px Tahoma,sans-serif;
color: #0b79b4;
}
table.sample {
border-width: 1px;
border-spacing: ;
border-style: dotted;
border-color: gray;
border-collapse: collapse;
background-color: white;
}
table.sample th {
border-width: 1px;
padding: 1px;
border-style: none;
border-color: black;
background-color: white;
-moz-border-radius: ;
}
table.sample td {
border-width: 1px;
padding: 1px;
border-style: none;
border-color: black;
background-color: white;
-moz-border-radius: ;
}
.description { color: #33445c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #ffffff; text-align: left; vertical-align: top; padding: 2px 0px 2px 0px; }
div.img-dec {
background: url('../images/shadow.gif') no-repeat bottom right;
clear: right;
float: right;
margin: 0 0 15px 25px;
padding: 0;
position: relative;
}
div.img-dec img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}
div.img-ilus {
background: url('../images/shadow.gif') no-repeat bottom right;
margin: 10px 5px;
padding: 0;
position: relative;
}
div.img-ilus img {
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
vertical-align: bottom;
}
h2 {
clear: both;
}