/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*** LAYOUT STRUCTURE ***/

body, html {
	color: #fff;
	background-color: #000;
	font-size: 10pt;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#mainContainer {
	width: 800px;
	margin: 0 auto;
	min-height: 100%;
	color: #000;
	background: #fff url(/images/columns-background.gif) repeat-y;
	text-align: left;
}

#mainContainerNoCol {
	width: 800px;
	margin: 0 auto;
	min-height: 100%;
	color: #000;
	background: #fff url(/images/left-column-background.gif) repeat-y;
	text-align: left;
}

#mainContainerNoCols {
        width: 800px;
        margin: 0 auto;
        min-height: 100%;
        color: #000;
        text-align: left;
	background: #fff;
}

* html #mainContainer {
	height: 100%;
}

* html #mainContainerNoCol {
	height: 100%;
}

* html #mainContainerNoCols {
        height: 100%;
}

.clear { clear: both; }

/**************************
HEADER
**************************/
#top-row {
	width: 100%;
	height: 123px;
}
#top-row-home {
	display: block !important;
	width: 800px;
	height: 261px;
}
#header {
	background: #fff url(/images/header-right.gif) no-repeat bottom right;
	width: 100%;
	height: 71px;
}
#header-logo {
	display: block !important;
	width: 239px !important;
	height: 71px !important;
	background: #fff url(/images/onyxlogo.jpg) no-repeat top left;
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
	padding-left: 214px;  
}
* html .outer {
	padding-right: 158px;
}
.outerNoCol {
	padding-left: 214px;  
}
* html .outerNoCol {
	padding-right: 0;
}
.outerNoCols {
        padding-left: 0;
}       
* html .outerNoCols {
        padding-right: 0;
}

.inner {
	width: 587px;
	padding-bottom: 30px;
}
* html .inner {
	width: 100%;
}

.innerNoCols {
        width: 800px;
        padding-bottom: 30px;
}
* html .innerNoCols {
        width: 100%;
}

.float-wrap {
	float: left;
	width: 634px;
	margin-left: -213px;
}

.float-wrapNoCol {
	float: left;
	width: 790px;
	margin-left: -213px;
}
* html .float-wrapNoCol {
	width: 790px;
}

.float-wrapNoCols {
        float: left;
        width: 790px;
        margin-left: 0;
}
* html .float-wrapNoCols {
        width: 790px;
}

#content {
	float: right;
	width: 413px;
	color: #000;
	background: #fff;
}
* html #content {
	position: relative;
}

#contentNoCol {
	float: right;
	width: 570px;
	color: #000;
	background: #fff;
}
* html #contentNoCol {
	width: 570px;
	position: relative;
}
#contentNoCols {
        float: right;
        width: 790px;
        color: #000; 
        background: #fff;
}
* html #contentNoCols {
        width: 790px;
        position: relative;
}

.contentWrap{
	padding: 0;
}
.contentWrap ol, .contentWrap ul {
	margin: 3px 0 5px 35px;
}
.contentWrap li {
	padding-bottom: 2px;
}

/**************************
LEFT COLUMN
**************************/
#left {
	float: left;
	width: 213px;
	font-size: 8pt;
}
* html #left {
	position: relative;
}
#left ul {
	list-style: none;
	padding-bottom: 4px;
}
#left li {
	padding-bottom: 2px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
	float: right;
	width: 158px;
	font-size: 8pt;
}
* html #right {
	position: relative;
	margin-right: -158px;
}
#right ul {
	list-style: none;
	padding-bottom: 4px;
}
#right li {
	padding-bottom: 2px;
}
/**************************
FOOTER
**************************/
#footer {
	width: 800px;
	height: 30px;
	margin: 0 auto;
	margin-top: -30px;
	text-align: center;
	color: #fff;
	background: #315677;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*** LAYOUT STYLE ***/

#footer-menu {
	float: left;
	position: relative;
	width: 50%;
	margin: 7px 0 0 3px;
}
#footer-copy {
	font-size: 8pt;
	float: right;
	position: relative;
	margin: 7px 3px 0 0;
}
#footer a {
	font-weight: normal;
	text-decoration: none;
	font-size: 8pt;
	color: #fff;
	background: #315677;
}
#footer a:hover {
	font-weight: normal;
	text-decoration: underline;
	font-size: 8pt;
	color: #fff;
	background: #315677;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* HTML TAGS STYLE */

h1, h2, h3 {
	font-weight: bold;
	padding-bottom: 5px;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}

a {
	color: #f00;
	background-color: transparent;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
}
a:hover {
	color: #f00;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	outline: 0;
}
a:focus {
	outline: 0;
}

.bodymedium a {
	color: #000;
	background-color: transparent;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
}
.bodymedium a:hover {
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}
.bodymedium a:active {
	outline: 0;
}
.bodymedium a:focus {
	outline: 0;
}

img {
	border: 0;
}

input {
	border: 1px solid #999;
	padding: 1px;
	color: #666;
	background: #fff;
	font-size: 8pt;
}
textarea {
	border: 1px solid #999;
	padding: 1px;
	color: #666;
	background: #fff;
	font-size: 8pt;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* MENU */

#menu-container {
	background: url(/images/menu_bg.gif) repeat-x top center;
	clear: both;
	width: 100%;
	height: 26px;
	text-align: center;
	vertical-align: top;
}

#menu {
	display: block !important;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.alt {  
        display: none;
}

/* button 1 */

a.button1 {
	display: block !important;
	width: 104px !important;
	height: 26px !important;
	background-image: url(/images/button1.gif) !important;
	background-position: 0 0 !important;
	float: left;
	clear: none;
}

a.button1:hover {
	background-position: -104px 0 !important;
}

a.button1on {
	display: block !important;
	width: 104px !important;
	height: 26px !important;
	background-image: url(/images/button1.gif) !important;
	background-position: -104px 0 !important;
	float: left;
	clear: none;
}

/* button 2 */

a.button2 {
	display: block !important;
	width: 79px !important;
	height: 26px !important;
	background-image: url(/images/button2.gif) !important;
	background-position: 0 0 !important;
	float: left;
	clear: none;
}

a.button2:hover {
	background-position: -79px 0 !important;
}

a.button2on {
	display: block !important;
	width: 79px !important;
	height: 26px !important;
	background-image: url(/images/button2.gif) !important;
	background-position: -79px 0 !important;
	float: left;
	clear: none;
}

/* button 3 */

a.button3 {
	display: block !important;
	width: 86px !important;
	height: 26px !important;
	background-image: url(/images/button3.gif) !important;
	background-position: 0 0 !important;
	float: left;
	clear: none;
}

a.button3:hover {
	background-position: -86px 0 !important;
}

a.button3on {
	display: block !important;
	width: 86px !important;
	height: 26px !important;
	background-image: url(/images/button3.gif) !important;
	background-position: -86px 0 !important;
	float: left;
	clear: none;
}

/* button 4 */

a.button4 {
	display: block !important;
	width: 62px !important;
	height: 26px !important;
	background-image: url(/images/button4.gif) !important;
	background-position: 0 0 !important;
	float: left;
	clear: none;
}

a.button4:hover {
	background-position: -62px 0 !important;
}

a.button4on {
	display: block !important;
	width: 62px !important;
	height: 26px !important;
	background-image: url(/images/button4.gif) !important;
	background-position: -62px 0 !important;
	float: left;
	clear: none;
}

/* button 5 */

a.button5 {
	display: block !important;
	width: 86px !important;
	height: 26px !important;
	background-image: url(/images/button5.gif) !important;
	background-position: 0 0 !important;
	float: left;
	clear: none;
}

a.button5:hover {
	background-position: -86px 0 !important;
}

a.button5on {
	display: block !important;
	width: 86px !important;
	height: 26px !important;
	background-image: url(/images/button5.gif) !important;
	background-position: -86px 0 !important;
	float: left;
	clear: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* SUBMENU */

#submenu-container {
	clear: both;
        background: url(/images/submenu_bg.gif) repeat top center;
        width: 100%;
        height: 26px;
        margin: 0;
        padding: 0;
	border: 0;
	font-size: 8pt;
	font-weight: normal;
        text-align: center;
        vertical-align: top;
}

#submenu {
        display: block !important;
        margin: 0;
        padding: 0;
        border: 0;
}

#submenu li {
        display: inline;
        list-style-type: none;
        margin: 0;
        padding: 0;
        border: 0;
}

/* sub 1 */

a.sub1 {
        display: block !important;
        float: left;
        clear: none;
	margin: 0;
	padding: 3px 7px 2px 7px;
	font-weight: normal;
        text-decoration: none;
        color: #fff;
        background-color: transparent;
}

a.sub1:hover {
	color: #fff;
	background-color: #457BA8;
	font-weight: normal;
        text-decoration: underline;
}

a.sub1on {
	color: #fff;
	background-color: #457BA8;
	display: block !important;
	float: left;
	clear: none;
	font-weight: normal;
	margin: 0;
	padding: 3px 7px 2px 7px;
	text-decoration: underline;
}

a.sub1on:hover {
	color: #fff;
	background-color: #457BA8;
	font-weight: normal;
}

/* sub 2 */
       
a.sub2 {             
        display: block !important;
        float: left; 
        clear: none;
        margin: 0;   
        padding: 3px 7px 2px 7px;
        font-weight: normal;
        text-decoration: none;
        color: #fff; 
}
             
a.sub2:hover {
	color: #fff;
        background-color: #457BA8;
        font-weight: normal;
        text-decoration: underline;
}
         
a.sub2on {       
        color: #fff;
        background-color: #457BA8;
        display: block !important;
        float: left;
        clear: none;
        font-weight: normal;
        margin: 0;
        padding: 3px 7px 2px 7px;
        text-decoration: underline;
}

a.sub2on:hover {
	color: #fff;
	background-color: #457BA8;
	font-weight: normal;
}

/* sub 3 */
       
a.sub3 {             
        display: block !important;
        float: left; 
        clear: none;
        margin: 0;   
        padding: 3px 7px 2px 7px;
        font-weight: normal;
        text-decoration: none;
        color: #fff; 
}
             
a.sub3:hover {
	color: #fff;
        background-color: #457BA8;
        font-weight: normal;
        text-decoration: underline;
}
         
a.sub3on {       
        color: #fff;
        background-color: #457BA8;
        display: block !important;
        float: left;
        clear: none;
        font-weight: normal;
        margin: 0;
        padding: 3px 7px 2px 7px;
        text-decoration: underline;
}

a.sub3on:hover {
	color: #fff;
	background-color: #457BA8;
	font-weight: normal;
}

/* sub 4 */
       
a.sub4 {
        display: block !important;
        float: left;
        clear: none;
        margin: 0;
        padding: 3px 7px 2px 7px;
        font-weight: normal;
        text-decoration: none;
        color: #fff;
}
 
a.sub4:hover {
	color: #fff;
        background-color: #457BA8;
	font-weight: normal;
        text-decoration: underline;
}
 
a.sub4on {
        color: #fff;
        background-color: #457BA8;
        display: block !important;
        float: left;
        clear: none;
        font-weight: normal;
        margin: 0;
        padding: 3px 7px 2px 7px;
        text-decoration: underline;
}

a.sub4on:hover {
	color: #fff;
	background-color: #457BA8;
	font-weight: normal;
}

/* sub 5 */
       
a.sub5 {             
        display: block !important;
        float: left; 
        clear: none;
        margin: 0;   
        padding: 3px 7px 2px 7px;
        font-weight: normal;
        text-decoration: none;
        color: #fff;
}
             
a.sub5:hover {
	color: #fff;
        background-color: #457BA8;
        font-weight: normal;
        text-decoration: underline;
}
         
a.sub5on {       
        color: #fff;
        background-color: #457BA8;
        display: block !important;
        float: left;
        clear: none;
        font-weight: normal;
        margin: 0;
        padding: 3px 7px 2px 7px;
        text-decoration: underline;
}

a.sub5on:hover {
	color: #fff;
	background-color: #457BA8;
	font-weight: normal;
}

/* left column */

#domain-search {
	background: #edf0f3;
	border-bottom: 1px dotted black;
	text-align: center;
}

input.domain-search {
	border: 1px solid #305677;
	padding: 1px;
	color: #666;
	background: #fff;
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.domain-search-table {
	width: 95%;
	margin: 10px 0 10px 0;
}

#start-here {
	background: url(/images/domain_search.gif) no-repeat top left;
	width: 212px;
	height: 30px;
}

table.services td {
        padding: 0 10px 10px 0;
}

table.your-cart {
	width: 100%;
	background: #edf0f3;
	border-bottom: 1px dotted black;
}

#virtual-container {
	border-bottom: 1px dotted black;
}

#virtual-hosting {
	background: url(/images/virtualhosting.gif) no-repeat top left;
	width: 212px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
}

#managed-container {
	border-bottom: 1px dotted black;
}

#managed-hosting {
	background: url(/images/managedhosting.gif) no-repeat top left;
	width: 212px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
}

#colocated-container {
	border-bottom: 1px dotted black;
}

#colocated-hosting {
	background: url(/images/colocatedhosting.gif) no-repeat top left;
	width: 212px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
}

#information-left {
	color: #666;
	background: transparent;
	border-bottom: 1px dotted black;
	padding-left: 15px;
	text-align: left;
}

/*right column */

#right p {
	margin: 8px 5px 8px 10px;
	padding: 0;
	border: 0;
}

table.signup {
	width: 157px;
}

table.signup td {
	padding: 10px 0 0 10px;
}

#four-step-container {
	width: 157px;
	color: #000;
	background: #edf0f3;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: black;
}

#four-step-signup {
	background: url(/images/4stepsignup.gif) no-repeat top left;
	width: 157px;
	height: 30px;
}

img.more-button {
	float: right;
	clear: both;
	display: block;
	top: 0;
	right: 0;
	margin: 0 10px 5px 0;
}

#features-container {
	width: 157px;
	display: table;
	margin: 0;
	padding: 0;
	border-width: 0 0 0 0;
	border-style: dotted;
	border-color: black;
	vertical-align: middle;
}

#account-features { 
	background: url(/images/account_features.gif) no-repeat top left;
	width: 157px;
	height: 17px;
	margin: 0;
	padding: 0;
	border: 0;
}

table.features {
	width: 157px;
	margin: 0;
	padding: 0;
}

table.features td {
	margin: 0;
	padding: 10px 0 0 10px;
	border: 0;
}

#testimonials-container {
	color: #000;
	background-color: #ffc;
	width: 157px;
	margin: 0;
	padding: 0;
	border-width: 1px 0 1px 0;
	border-style: dotted;
	border-color: black;
}

#information-container {
	color: #666;
	background: transparent;
	width: 157px;
	margin: 0;
	padding: 0;
        border-width: 0 0 1px 0;
        border-style: dotted;
        border-color: black;
}

/* home page */

#home-hdr-row {
	background: #002146;
	width: 100%;
	height: 133px;
	border-bottom: 5px solid #315677;
}

#home-hdr-image {
	background: url(/images/home-hdr-image.jpg) no-repeat top left;
	width: 476px;
	height: 133px;
	float: left;
	clear: none;
	position: relative;
}

#home-hdr-text {
	background: url(/images/home-hdr-text.gif) no-repeat top center;
	width: 324px;
	height: 133px;
	float: left;
	clear: none;
	position: relative;
}

#home-header {
	background: url(/images/header-home.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
}

/* hosting page */

#hosting-overview-header {
	background: url(/images/header-hosting-overview.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

#hosting-virtual-header {
	background: url(/images/header-hosting-virtual.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

#hosting-managed-header {
	background: url(/images/header-hosting-managed.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

#hosting-colocated-header {
	background: url(/images/header-hosting-colocated.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

.section-top {
	display: block;
	border-top: 1px dotted black;
}

.section {
	display: block;
	border-bottom: 1px dotted black;
	padding-bottom: 20px;
}

.overview-virtual {
	background: url(/images/overview_virtual.gif) no-repeat top left;
	width: 116px;
	height: 20px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

.overview-managed {
	background: url(/images/overview_managed.gif) no-repeat top left;
	width: 127px;
	height: 20px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

.overview-colocated {
	background: url(/images/overview_colocated.gif) no-repeat top left;
	width: 143px;
	height: 20px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

img.more-button-white {
	float: right;
	clear: both;
	display: block;
	top: 0;
	right: 0;
	margin: 0 10px 5px 0;
}

/** TEXT TABLE ***/

.table-text {
	width: 90%;
	margin-left: 5px;
	border: 1px solid #000;
}

.table-text-header {
	white-space: pre;
	font-size: 7pt;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
}

.table-text th {
	color: #fff;
	background: #666;
	text-align: center;
	border-bottom: 1px solid #000;
}

.table-text td {
	text-align: center;
}

.table-text td.left {
	text-align: left;
}

.nowrap {
	white-space: pre;
}

.blue-row {
	background-color: #def;
}

/** FORMS TABLE ***/

.table-form {

}

/* support page */

#support-header {
	background: url(/images/header-support.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

#request-support-header {
	background: url(/images/header-request-support.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

/* company page */

#company-header {
	background: url(/images/header-company.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

#company-infrastructure-header {
	background: url(/images/header-infrastructure.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

/* terms page */

#terms-header {
	background: url(/images/header-terms.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

/* privacy page */

#privacy-header {
	background: url(/images/header-privacy.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

/* signup page */

#signup1-header {
	background: url(/images/signup-step1.gif) no-repeat top left;
	width: 402px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

#signup2-header {
	background: url(/images/signup-step2.gif) no-repeat top left;
	width: 402px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

#signup3-header {
	background: url(/images/signup-step3.gif) no-repeat top left;
	width: 402px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

#signup4-header {
	background: url(/images/signup-step4.gif) no-repeat top left;
	width: 402px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

/* error page */

#error-header {
	background: url(/images/404error.gif) no-repeat top left;
	width: 402px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

/* login */

.login-container {
        width: 300px;
        margin: 25px auto;
        padding: 0;
        border: 0;
}
        
.login-container td {
        margin: 1px;
        padding: 0;
        border: 0;
}
        
.login-table {
        width: 100%;
        margin: 0;
        padding: 1px;
        border: 0;
}

.login-table td {
        margin: 0;
        padding: 0;
        border: 0;
}

.login-bg {
        background: #999;
}

.login-header {
        background: #ddd;
        margin: 0;
        padding: 0;
        border: 0;
}

.login-table .login-header {
        margin: 0;
        padding: 10px;
        border: 0;
}

.login-content-td {
        background: #efefef;
        margin: 0;
        padding: 0;
        border: 0;
}

.login-content {
        width: 100%;
        margin: 0;
        padding: 5px;
        border-top: 1px solid #999;
}

.login-content td {
        margin: 0;
        padding: 3px;
        border: 0;
        text-align: left;
        vertical-align: top;
}

input.login-button {
        border: 1px outset;
        cursor: pointer;
        font-size: 9pt;
        font-weight: normal;
        margin: 0px 0px 0px 1px;
        padding: 1px 1px 1px 1px;
        background: url(/images/login-button.gif) repeat-x top center;
}

input {
        border: 1px solid #999;
        padding: 1px;
        background: #fff;
        font-size: 11px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000;
}

.alert {
        color: #f00;
}

/* mail.onyxlight.net */

#mail-header {
	background: url(/images/maildotonyxlight.gif) no-repeat top left;
	width: 302px;
	height: 33px;
	margin: 20px 0 0 0;
}

/* eof */