html {
	min-height: 100%;
	background: #1a0033;
    	background: -moz-linear-gradient(top, #1a0033, #000);
    	/* Chrome, Safari:*/
    	background: -webkit-gradient(linear,
                left top, left bottom, from(#1a0033), to(#000));
    	/* MSIE */
    	filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#1a0033', EndColorStr='#000', GradientType=0);

}

body {
	font-family:arial,sans-serif;
	font-size: 62.5%;
	color: #444;
	/*
	background: #000 url('../img/bg_strip.png') repeat-x top;
	background: #1a0033;
	*/
	margin:0;
	padding:0;
}


div#container {
	margin-top: 0px;
	margin:0 auto; /* center, not in IE5 */
	width:960px;
	/*background: white;*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
        position: relative;
        height: 175px;
        background: transparent url('../img/header.png') no-repeat left bottom;
        z-index: 9;

}

div#header img {
	border: 0;
}

div#header h2 {
	color: #212121;
	font-size: 3.5em;
	text-align: right;
	margin-right: 200px;
	margin-top: 7px;
}

/* root element for tabs  */
.top_tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:39px;
	position: relative;
	top: 100px;
	left: 200px;
	width: 760px;
	overflow: hidden;
	z-index: 9;
}

/* single tab */
.top_tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.top_tabs a { 
	background: url(../img/toptab_sprite.png) no-repeat 0 0;
	font-size: 11px;
	display:block;
	height: 39px;  
	line-height:3.9em;
	width: 105px;
	text-align:center;	
	text-decoration:none;
	color:#bbb;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	font-weight: normal;
}

.top_tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.top_tabs a:hover {
	background-position: 0 -39px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.top_tabs .current, .top_tabs .current:hover, .top_tabs li.current a {
	background-position: 0 -39px;		
	cursor:default !important; 
	color:#fff !important;
}

h3, h2 {
	margin-top: 0px;
}

div#content {
	clear: both;
	margin: 0px;
	
	border: none;
	position: relative;
	top: -14px;
	margin-bottom: -14px;

	background: #80b808;
    	background: -moz-linear-gradient(top, #4b7e15, #92ce02);
    	/* Chrome, Safari:*/
    	background: -webkit-gradient(linear,
                left top, left bottom, from(#4b7e15), to(#92ce02));
    	/* MSIE */
    	filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#4b7e15', EndColorStr='#92ce02', GradientType=0);

	overflow: hidden;
}

/* Navigation Column */
div#navcol {
	float: left;
	color: #fff;
	width: 240px;
	overflow: hidden;
}


div#navcol .white_strip {
	height: 3px;
	width: 240px;
	background: transparent url('../img/white_strip_horizontal_2px.png') no-repeat -10px 0px;
}

div#navcol .nav_heading {
	padding-left: 50px;
	background: transparent url('../img/bullet.png') no-repeat 16px 1px;
	height: 30px;
	font-size: 1.2em;
	line-height: 2.5em;
	font-weight: bold;
}

div#navcol .nav_spacer {
	background: transparent url('../img/white_strip_horizontal_2px.png') no-repeat 0px 5px;
	height: 12px;
	width: 240px;
}

div#navcol ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div#navcol ul li {
	height: 20px;
	display: block;
}

div#navcol ul li a {
	padding-left: 50px;
	text-decoration: none;
	display: block;
	color: #fff;
	height: 20px;
	line-height: 1.8em;
	font-size: 1.1em;
	font-weight: normal;
}

div#navcol ul li:hover a {
	background: #91cc02;
	color: #00cc33;
	cursor: pointer;
	color: #fff;
}

div#navcol ul li a span {
        position: relative;
        top: -1px;
}

/* Content Column */
div#contcol {
	float: left;
	width: 700px;
	padding: 0px 10px 20px 10px;
	background: #fff;
	background: #fff url('../img/content_header.png') no-repeat 0px 0px;
	min-height: 400px;
	font-size: 1.1em;
}

div#contcol h3 {
	color: #fff;
	width: 660px;
	background: transparent url('../img/bullet.png') no-repeat 6px 8px;
	padding: 0px 0px 0px 40px;
	font-size: 1.1em;
	line-height: 3.5em;
	font-weight: bold;
}

div#contcol img {
	border: none;
}

div#subnav {
	border: 1px solid gray;
	text-align: center;
}

div#subnav a {
	text-decoration: none;
	padding-right: 30px;
}

div#subnav a:hover {
	color: #00cc33;
}


/* Footer Styling Start */
#footer {
	/*background: #000;
	background: #1a0033;
	*/
	padding-bottom: 15px;

}

#footer #top_strap {
	background: #666;
	height: 100px;
}

#footer h3 {
	margin: 0px;
	padding: 0px;
}
#footer #top_strap #footer_details {
	width: 960px;
	height: 100px;
	margin: 0px auto;
	position: relative;
}

.footer_company, .footer_products, .footer_support, .footer_contact {
	color: #fff;
}

.footer_company, .footer_products, .footer_support {
	float: left;
	padding: 10px 0px 0px 15px;
	width: 150px;
}

.footer_company {
	padding-left: 30px;
}

.footer_contact {
	float: right;
	width: 350px;
	padding: 10px 30px 0px 0px;
	text-align: right;
}

#footer #top_strap h3 {
	color: #00a2ff;
	font-size: 1.2em;
}

#footer #top_strap ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#footer #top_strap a {
	text-decoration: none;
	color: #fff;
}

#footer #top_strap a:hover {
	text-decoration: underline;
}

#footer #top_strap .footer_contact h3 {
	font-size: 2.7em;
	color: #92cd03;
	margin: 0px -4px 0px 0px;
	padding: 0px;
	line-height: 1.1em;
	letter-spacing: 0.1em;
}

#footer #top_strap .footer_contact h4 {
	font-size: 1.4em;
	color: #00a2ff;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
}

#footer #top_strap .footer_contact h4 a,
#footer #top_strap .footer_contact h4 a:hover {
	color: #00a2ff;
	text-decoration: none;
}

#footer #top_strap .footer_contact h5 {
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	color: #fff;
	line-height: 1.4em;
}

#footer #top_strap .footer_contact h5 a,
#footer #top_strap .footer_contact h5 a:hover {
	text-decoration: none;
}

#footer #top_strap .browser_logos {
	clear: both;
	width: 127px;
	height: 16px;
	margin: 0px auto;
	background: transparent url('../img/browser_logos.png') no-repeat left top;
}

#footer #bottom_strap {
	color: #fff;
	text-align: center;
	line-height: 2em;
	height: 20px;

	/* Auto Center Content Start */
	width:960px;
	margin:0px auto;
	/* Auto Center Content End */

	background: #91cc02;
    	/* Mozilla: */
    	background: -moz-linear-gradient(top, #4b7d16, #91cc02);
    	/* Chrome, Safari:*/
    	background: -webkit-gradient(linear,
                left top, left bottom, from(#4b7d16), to(#91cc02));
    	/* MSIE */
    	filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#4b7d16', EndColorStr='#91cc02', GradientType=0);
}

#footer #spacer {
	/*background: #000000;*/
}
/* Footer Styling End */

/*
div#footer {
	clear: both;
	border-top: 1px solid gray;
	height: 100px;
	background: #aaa;
	text-align: center;
	padding: 2px 0px 0px 0px;
	font-size: smaller;
	vertical-align: middle;
}

div#footer img {
	border: none;
}
*/

form {
	display:inline;
}

a {
	color: #444;
	font-weight: bold;
}

div.figure {
  float: right;
  border: 0.01em silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  padding: 0em 0em 0em 0em;
  margin: 0.5em 0em 0em 0em;
}

#links img {
	border: none;
}

img {
	border: 3px double silver;
}


.content_header {
	font-weight: bold;
}

.hostingoption {
	width: 50%;
	text-align: center;
	border: 0px solid gray;
	padding: 5px;
	padding-bottom: 30px;
	vertical-align: top;
}

.hostingoption a {
	color: #00cc33;
	text-decoration: none;
}

.message {
	font-weight: bold;
	color: red;
}

table tr th {
	text-align: right;
	vertical-align: middle;
}

table tr td {
	vertical-align: bottom;
}

.section_heading {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.validation_error {
	background-color: #ffd0d0;
}

input[type=checkbox] {
	margin-left: 0px;
	margin-bottom: 0px;
	vertical-align: bottom;
}

.submit, .input {
	display: inline;
}

.submit {
	position: relative;
	top: -1px;
	left: 5px;
}

#credit_card_section, #debit_order_section {
	display: none;
}

#CaptchaImage {
	display: inline;
}

#CaptchaImage img {
	vertical-align: bottom;
}

.suspended {
	background: red;
	color: white;
	font-weight: bold;
	text-align: center;
}

.select_domain a {
	/*
	padding-left: 20px;
	padding-right: 20px;
	*/
	text-decoration: none;
}

.select_domain tr:hover a {
	/*
	background: #343434;
	color: #00cc33;
	*/
	cursor: pointer;
	display: block;
}

.breadcrumb {
	position: relative;
	top: -5px;
	left: -5px;
	padding-bottom: 0px;
}

.breadcrumb a {
	color: #444;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

.current_domain {
	display: inline;
	color: red;
}

.note_link {
	color: red;
	text-decoration: none;
	font-weight: bold;
}

#email_warning_message, #email_accept_message {
	padding: 5px;
	background: red;
	color: white;
	font-size: 0.8em;
	display: none;
}

#email_verification {
	display: none;
}

.moderate_heading {
	width: 100%;
}
.moderate_heading th {
	text-align: left;
	background: #00cc33;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	
}
.moderate_heading td {
	padding: 0px 5px 0px 5px;
	margin: 0px;
}

.security_check {
	width: 700px;
	text-align: center;
}