@charset "utf-8";

html {
margin: 0px;
padding: 0px;
height: 100%;
}

body {
height: 100%;
margin: 0px;
background: #D9F0F9 url(/images/bg.png) repeat-x bottom;
background-attachment: fixed;
color: #000000;
font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
}

p, h3, dl, ul, td {
font-size: 0.8em;
line-height: 1.3em;
}

p, h3, dl, ul { /* justified text for above, minus td */
text-align: justify;
}

ul {
/*margin-top: -5px;*/
margin-bottom: -8px;
list-style-image: url(/images/bullet.png);
}

li { /* works better than line-height when using custom bullets */
padding-bottom: 0.9em;
}

li.registered { /* grey version for already registered domains */
list-style-image: url(/images/bullet_dim.png);
color: #959595;
}

a {
color: #009BD6;
}

a:visited {
color: #E39300;
}

a:hover {
color: #004660;
}

h1 {
position: relative;
margin: 20px 0px -7px 0px;
padding-bottom: 1px;
background: url(/images/underline_blue.png) repeat-x bottom;
color: #009BD6;
font-size: 1.2em;
}

.first-header { /* fixes sIFR headers next to subnavs */
margin: 20px 0px -7px 0px; /* otherwise sIFR jumps up, leaves gap below */
padding-right: 7.1em; /* keeps text from overlapping with brochure link */
padding-bottom: 1px; /* otherwise IE 6 covers up dotted underline */
background: url(/images/underline_blue.png) repeat-x bottom;
}

.long-header { /* when using first-header but not using subnav or attachment and title is long */
padding-right: 0em;
}

.first-header h1 {
display: inline; /* otherwise sIFR bumps h1 below subnav div */
background: none; /* dotted underline taken care of by parent div */
}

.first-header a { /* 'brochure' link */
z-index: 1; /* meant to keep brochure link over h1 if they ever conflict */
position: absolute;
right: 25px;
font-size: 0.8em; /* match paragraph text */
font-weight: normal;
line-height: 120%; /* stops IE from cutting off bottom of text when no icon present */
}

.first-header img { /* PDF (or DOC) icon */
width: 16px;
height: 16px;
margin-right: 3px;
border: 0px;
}

h2 {
clear: left; /* as long as subnav floats left, it's best to keep this on */
/*margin: -4px 0px -7px 0px;*/
margin-bottom: -7px;
padding-bottom: 1px;
background: url(/images/underline_grey.png) repeat-x bottom;
font-size: 1.0em;
font-weight: bold;
}

h2 a, h2 a:visited { /* keeps it black so it doesn't clash with h1 */
color: #000000;
text-decoration: none;
}

h2 a:hover { /* placed down here to override other settings */
color: #004660;
}

h3 {
margin-bottom: -0.6em;
}

#container {
min-height: 100%;
background-image: url(/images/middlebg.png);
background-repeat: repeat;
behavior: url(/style/iepngfix.htc);
width: 730px;
margin: auto;
padding: 0px;
}

#header {
position: relative; /* allows tabs */
margin: auto;
width: 674px;
height: 122px;
background-color: #FFFFFF;
}

#header img { /* logo banner */
width: 674px;
height: 104px;
border: 0px;
}

.tab { /* networx and hosting */
position: absolute;
right: -110px;
display: block;
width: 121px;
text-indent: -9999px;
}

#networx-tab {
height: 40px;
background-image: url(/images/networx_tab_off.png);
}

#networx-tab:hover {
background-image: url(/images/networx_tab_hover.png);
}

#hosting-tab {
top: 40px;
height: 62px;
background-image: url(/images/hosting_tab_on.png);
}

#menu {
z-index: 1; /* lets menu expand if anchors don't fit on one line */
position: relative;
top: -20px;
width: 653px; /* header img is 674px */
margin: auto;
padding: 5px 0px 2px 0px;
border: 1px solid #FFFFFF;
background: #009BD6 url(/images/menubg.png);
background-repeat: repeat-x;
font-size: 0.9em; /* smaller menu items for hosting */
text-align: center;
line-height: 175%; /* to prevent anchor overlaps if they don't fit on one line */
}

#menu a {
padding: 5px 3px 1px 3px;
border: 1px solid #DCDCDC;
background: #FCFCFC url(/images/buttonbg.png) repeat-x bottom;
color: #000000;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-shadow: #808080 0px 2px 2px; /* Safari only */
}

#menu a:hover {
background: #FCFCFC url(/images/buttonbg_on.gif) repeat-x bottom;
}

a#menu-active {
border: 1px solid #009BD6;
color: #009BD6;
text-shadow: none; /* Safari only */
}

#content {
position: relative; /* allows subnav to show on IE 6 */
margin: 0px 28px 0px 28px;
padding: 1px 24px 24px 24px;
background-color: #FFFFFF;
}

#subnav {
position: relative;
z-index: 1; /* covers up the h1 underline */
float: left; /* this would look good as 'right' if we can get the brochure link to move */
/* margin: 23px 0px 15px 15px; --- dimensions for 'right' */
margin: 23px 15px 15px 0px;
padding: 3px 3px 0px 3px;
border: 1px solid #DCDCDC;
background-color: #FFFFFF;
}

#subnav a {
display: block;
margin-bottom: 3px;
padding: 3px 5px 2px 5px;
border: 1px solid #DCDCDC;
background: #DCDCDC url(/images/buttonbg.png);
background-repeat: repeat-x;
color: #000000;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#subnav a:hover {
background: #FCFCFC url(/images/buttonbg_on.gif) repeat-x bottom;
}

a#subnav-active {
border: 1px solid #F1AC2C;
}

#current-date, #maxmail {
margin: 10px 0px 10px 0px;
}

#current-date {
/*color: #009BD6;*/
color: #808080;
}

#maxmail {
position: relative; /* prevents disappearing in IE 6 */
float: right;
}

#weblite-badge {
z-index: 1;
position: absolute;
top: 19px;
left: -3px;
behavior: url(/style/iepngfix.htc);
width: 118px;
height: 92px;
border: 0px;
}

#footer { /* holds bottom tagline and legal line */
width: 674px;
margin: auto;
background-color: #FFFFFF;
}

#footer-top { /* 'from first mile...' */
clear: both; /* prevents subnav from overflowing into footer, just in case */
padding-bottom: 1px;
margin: 0px 24px 0px 24px;
background: url(/images/underline_grey.png) repeat-x bottom;
color: #009BD6;
font-size: 1.0em;
/*letter-spacing: 0.20em; - other slogan*/
letter-spacing: 0.15em;
text-align: right;
}

#footer-middle { /* 'maXimum access...' */
padding: 1px 0px 6px 0px;
margin: 0px 24px 0px 24px;
color: #009BD6;
font-size: 1.0em;
font-weight: bold;
letter-spacing: 0.35em;
text-align: right;
}

#footer-bottom { /* actual bottom line */
padding: 5px;
border-top: 1px solid #DCDCDC;
background: #DCDCDC url(/images/buttonbg.png);
background-repeat: repeat-x;
font-size: 0.7em;
color: #5C5C5C;
text-align: right;
}

#footer-bottom a { /* copyright link */
color: #5C5C5C;
text-decoration: none;
}

#footer-bottom a:hover { /* enwin link */
text-decoration: underline;
}

#legal {
float: left;
}

.enwin { /* formatting for 'EnWin' */
font-size: 0.8em;
text-transform: uppercase;
}

.product { /* display a product name in bold and italics */
/*font-weight: bold;
font-style: italic;

-- has been turned off by request */
}

.more-link { /* 'more...' */
margin-left: 0.5em;
font-style: italic;
}

dl { /* definition list */
clear: left;
}

dt { /* definition term */
font-weight: bold;
}

dd { /* definition description */
margin: 0px 0px 20px 10px;
padding-left: 15px;
background: url(/images/bullet.png);
background-repeat: no-repeat;
}

.terms { /* shrink the legal text */
font-size: 0.825em;
text-align: justify;
}

.terms ol {
margin-bottom: 0px;
font-size: 0.825em;
padding-left: 15px;
}

.terms ol ol {
font-size: 1.0em;
list-style-type: lower-roman;
}

#availability-outer { /* the box to check if a domain name is available */
float: right;
border-bottom: 5px solid #FFFFFF;
border-left: 10px solid #FFFFFF;
background: #BFE6F5 url(/images/menubg.png) repeat-x bottom;
font-size: 0.9em;
text-align: center;
line-height: 150%;
/*overflow: hidden;*/
}

#availability-form { /* so that the thick white border and thin blue one can coexist */
border: 1px solid #009BD6;
padding: 5px;
}

#availability-form { /* most browsers add annoying space before and after forms */
margin: 0em;
}

#availability-form input, #availability-form select { /* input box and dropdown */
border: 1px solid #DCDCDC;
background: #DCDCDC url(/images/buttonbg.png);
background-repeat: repeat-x;
font-weight: bold;
text-align: center;
}

#availability-form select { /* looks better */
background-color: #F4F4F4;
text-align: left;
}

#availability-types {
margin-top: 5px;
color: #FFFFFF;
font-size: 0.7em;
line-height: 100%;
}

#whois-prices { /* pricing footer at the bottom of availability check page */
clear: both;
margin-top: 35px;
padding-top: 10px;
background: url(/images/underline_grey.png) repeat-x top;
font-size: 0.6em;
color: #505050;
text-align: center;
line-height: 150%;
}

#whois-prices span { /* TLDs */
color: #000000;
}

table.packages {
width: 100%;
text-align: center;
border-spacing: 1px;
}

table.packages td {
padding: 3px;
}

tr.row-top td { /* each cell in a row inherets the styling */
/*background-color: #009BD6;*/
background: #BFE6F5 url(/images/menubg.png) repeat-x bottom;
/*background: #009BD6 url(/images/menubg.png) repeat-x;
color: #FFFFFF;*/
font-weight: bold;
}

tr.row-section td {
background: #DCDCDC url(/images/buttonbg.png) repeat-x;
/* background: #FFFFFF url(/images/buttonbg.png) repeat-x bottom; */
color: #009BD6;
/*color: #555555;*/
}

tr.row-top td.section-name { /* the very top-left cell ('top') */
text-transform: uppercase;
}

tr.row-section td.section-name { /* left cell of section rows */
font-weight: bold;
}

tr.row-even td {
background-color: #FFFFFF;
white-space: nowrap; /* keeps MB and GB on same line */
}

tr.row-odd td {
background-color: #F1F1F1;
white-space: nowrap;
}

tr.row-even td.feature, tr.row-odd td.feature { /* feature names */
text-align: left;
white-space: normal;
}

.checkmark { /* package availability */
width: 16px;
height: 16px;
/* too many checks to use transparent png hack in IE 6, so using gifs */
}