/*
The following table gives font size % based on desired pizel size as related to default browser size.
Default browser px = 16px
font-size: 100.00%; 
To use px=12 as default calculate your font size % using:
font-size: 12/16*100 
or generically font-size = DesiredDefaultPX / 16 * 100
So for 12 px
12/16*100 = 75%
font-size: 75%; 
For 18 px
18/16*100 = 112.5%
font-size: 112.5%; 
For 11 px
font-size: 68.75%;

Then use em for everything else.
*/

html{
/*	background:url(images/redsand.jpg) repeat-y; color: #454545; */
	background: #fff; color: #454545;
	/* get rid of page shift by forcing scroll bar */
	min-height: 100%; margin-bottom: 1px;
}   
body { 
font-size: 100.00%;
padding: 0; margin: 0; 
font: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", "sans serif";
line-height: 1.25em; 
background-color:#FFF;
color: #454545; 	
/* text-align:center; removed for SoThink Menu */
}
strong {
	font-weight:bold;
}

/* links */
a { color: #003B6E; background: inherit; outline:none; }
a:hover { color: #9EC068; background: inherit; outline:none;}	
/* for pdfs */
/*
a[href $='.pdf'] { 
 padding-right: 20px;
 background: transparent url(/images/pdf.png) no-repeat center right;
 outline:none; 
}
*/
/* for jpg */
/* 
a[href $='.jpg'] { 
 padding-right: 20px;
 background: transparent url(/images/image.png) no-repeat center right;
 outline:none; 
}
*/

/* headings */

h1, .head1 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; }
h2, .head2 { font: bold 1.2em Arial, Sans-Serif; margin: 0; padding: 0; }
h3, .head3 { font: bold 1.1em Arial, Sans-Serif; margin: 0; padding: 0; }
h4, .head4 { font: bold 1.0em Arial, Sans-Serif; margin: 0; padding: 0; }
h1 a, h2 a, h3 a, h4 a { color: #2b2b2b; background: #fff; text-decoration: none; outline:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #2b2b2b; background: #FFF;  outline:none; }

dl
{
	border: 1px solid #000;
	padding: 10px;
	float: left;
	margin-right: 1em;
}
dl.nobox
{
	border:none;
	padding: 10px;
	float: left;
	margin-right: 1em;
	width:98%;
}

dt { font-weight: bold; }

dd
{
	margin: 0;
	padding: 10px;
}


sup { font-size:10px; }


/* div spacer: usage <div><div class="spacer">&nbsp;</div><div class="container">blah</div><div class="spacer>&nbsp;</ div> */
div.spacer { clear:both;}

/* abbr acronim to display as dotton line with help div popup */
/* usage: 
<span class="help" title="Expanded text">Title Attr</span> or <abbr title="Expanded text">abbr</abbr> or use acronym */
abbr, acronym, .help 
{
	border-bottom:1px dotted #333;
	cursor:help;
	font-style: italic;
}

input {
	vertical-align:middle;
	background-color:#ddeaf8;
}


/* input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; } */
input:focus {
		border-color: #CCC;
		background-color:#ddeaf8;
		outline: none;
}
/* 
input.search { 
	width: 179px; 
	border: 2px; 
	padding: 0px 0px; 
	color: #1E67A8; 
	font-weight: bold; 
}
*/

input.button { padding: 1px; } 




/* Rounded Borders START*/
/* 
Concept from: http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml
Example:
<div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
Lorem ipsum dolor sit amet consectetur adipisicing elit
</div></div></div></div></div></div></div></div> 
*/
.t {background: url(1x1b.gif) 0 0 repeat-x; width: 100%}
.b {background: url(1x1b.gif) 0 100% repeat-x}
.l {background: url(1x1b.gif) 0 0 repeat-y}
.r {background: url(1x1b.gif) 100% 0 repeat-y}
.ll {background: url(ll.gif) 0 100% no-repeat}
.lr {background: url(lr.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px} 
/* Rounded Borders END */

/* content holder */
/* Was: had to change for jump in IE when using menues
#bodycontent { 
margin: 0px auto; 
width: 960px;
text-align:left;
}
*/
#bodycontent { 
	margin: auto; 
	width: 960px;
	text-align:left;
}

#bodycontent_test { 
	margin: auto; 
	width: 960px;
	text-align:left;
	background-color:#FFF;
}

#maincontent{ 
	position: relative;
	top: 1.5em; /*9px;*/
	width: 100%;
	background-color:#fff;
	padding:2px;
}

#maincontent_new { 
	position: relative;
	top: 1.5em; /*9px;*/
/*	width: 100%; */
	background-color:#fff;
	padding:2px;
	margin:0px;
}

#product_content_fullv2
{
	position: relative;
	/*	width: 956px; */
	float: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	padding:4px;
	margin:0px;
}

img.valign
{
	text-align: left;
	margin:10px;
	padding:0px;
	vertical-align:middle;
}
img.floatLeft { 
	float: left; 
	margin: 10px; 
	padding:0px;
	vertical-align:middle;
}
img.image
{
	text-align: left;
	margin:10px;
}

/* footer  */
#footer 
{
	clear:both; 
	padding: 20px 0 10px 0;
	text-align:center;
}
#nojavamenu
{
	clear:both; 
	padding: 20px 0 10px 0;
	text-align:left;
}
.inline 
{
	display:inline; 
}
.right{
/*	text-align:right; */
	float: right;
}

.textcontent{ 
	position: relative;
	width: 100%;
	margin: 0 0;
}
.product_content_left_text
{
	position: relative;
	width: 100%;
}
.product_content_full_text
{
	position: relative;
	width: 100%;
}
.product_content_bottom
{ 
	clear:both; 
	width: 100%;
}
.product_content_bottom_text
{
	position: relative;
	width: 100%;
}
/* .product_content_full_text h1 { font: bold 1.25em Arial, Sans-Serif; margin: 0; padding: 0; } */

.product_content_full_text h2 { font: bold 1.25em Arial, Sans-Serif; margin: 0; padding: 0; /* color:#FFF;  background-color:#488938; */ }

.product_content
{
	position: relative;
	width: 100%;
}
.commission
{
	margin:4px;
}
table.commission_table
{
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	width:50%; 
/*	border-spacing:0;
	padding: 0;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	width:50%; 
	border-style:solid;
	border:medium;
	border-color:#000;
	background-color:#ffffff;
*/
}
table.commission_table th
{
	border-width: 1px;
	padding: 1px;
	font-weight:bold;
	
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius:;
}
table.commission_table td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

.product_table_halfs
{
	padding: 0;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	width:100%;
	background-color:#ffffff;
}
.info_table_halfs {
	padding: 0;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	width:100%;
	background-color:#ffffff;
/*	border-collapse:collapse; */
}

.info_table_halfsv2
{
	padding: 0;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	width:100%;
	background-color:#ffffff;
	border-collapse:collapse;
}

.product_table_halfs caption, .info_table_halfs caption, .info_table_halfsv2
{
	font: bold 2em Arial, Sans-Serif;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	padding: 0;  
	text-align:center;
	width:98%;
	background-color:#EAEFFF;
}
.info_table_column, .info_table_halfsv2 
{
	background-color:#EAEFFF; /*#EAEFFF;*/
	border: 2px solid #FFF; 
}

.product_table_halfs th
{
	text-align:center;
	border-bottom-color:black;
}

.info_table_halfs th, .info_table_halfsv2 th
{
	text-align:left;
	border-bottom-color:black;
}
.product_table_halfs tr, .info_table_halfs tr, .info_table_halfsv2 tr
{
	text-align:left;
	padding: 0;  
}
.product_table_halfs td, .info_table_halfs td
{
	width:48%;
	vertical-align:top;
/*		border:2px;
padding:1em; */
	border-spacing:2em;
}
.product_table_halfs h1, .info_table_halfs h1, .info_table_halfsv2  h1{font: bold 1.7em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */ }
.product_table_halfs h2, .info_table_halfs h2, .info_table_halfsv2  h2{font: bold 1.2em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}
.product_table_halfs h3, .info_table_halfs h3, .info_table_halfsv2 h3{font: bold 1.1em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}

.product_table_thirds
{
	width:30%;
	background-color:#E9E9E9;
	margin:1px;
}
.product_table_quarters
{
	padding: 0;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	width:98%;
	background-color:#ffffff;
}
.product_table_quartersv2
{
	padding: 0;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	width:100%;
	background-color:#ffffff;
	border-collapse:collapse;
}
.product_highlight_column {
	background-color:#FFFFFF; /*#EAEFFF;*/
	border: 3px solid #DDD;
/*	padding:5px; */
/*	width:24%; */
}
.product_normal_column {
	border: 2px solid #FFF; 
/*	padding:5px; */
/*	width:24%; */
}
.product_normal {
	border: 2px solid #FFF; 
/*	padding:5px; */
/*	width:24%; */
}

.product_table_quarters caption
{
	font: bold 2em Arial, Sans-Serif;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	padding: 0;  
	text-align:center;
	width:98%;
	background-color:#EAEFFF;
}
.product_table_quarters th
{
	text-align:center;
/*	border:1px;*/
	border-bottom-color:black;
}
.product_table_quarters tr
{
	text-align:left;
	padding: 0;  
}
.product_table_quarters td
{
	width:25%;
/*		border:2px;
padding:1em; */
	border-spacing:2em;
}

.product_table_quarters h1{font: bold 1.7em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */ }
.product_table_quarters h2{font: bold 1.2em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}
.product_table_quarters h3{font: bold 1.1em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}

.product_table_fifths
{
	padding: 0;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	width:98%;
	background-color:#ffffff;
}
.product_table_sixths
{
	table-layout:fixed;
	padding: 0;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	width:99%;
	background-color:#999999;
	border:1px;
}


.product_table_fifths caption, product_table_sixths caption
{
	font: bold 2em Arial, Sans-Serif;
	margin-left:2px;
	margin-right:2px;
	margin-bottom: 0; 
	padding: 0;  
	text-align:center;
	width:98%;
	background-color:#EAEFFF;
}
.product_table_fifths th
{
	text-align:center;
	border-bottom-color:black;
}

.product_table_sixths th
{
	text-align:left;
	border:1px;
	background-color:#A8C7F4;
	font-weight: bold;
}

.product_table_fifths tr
{
	text-align:left;
	padding: 0;  
}
.product_table_sixths tr
{
	text-align:left;
	padding: 0;
}
.product_table_fifths td
{
	width:15%;
	border-spacing:2em;
}
.product_table_sixths td
{
	width:19%;
	border-spacing:2em;
	padding: 2px;
}
.product_table_fifths h1, product_table_sixths  h1{font: bold 1.7em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */ }
.product_table_fifths h2, product_table_sixths  h2{font: bold 1.2em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}
.product_table_fifths h3, product_table_sixths  h3{font: bold 1.1em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}

.product_table_feature {
	text-align:left;
}
.product_table_feature_sixths {
	text-align:left;
	border-spacing:0px;	
}
.product_table_column1, .product_table_column2, .product_table_column3, .product_table_column4, .product_table_column5, .product_table_column6
{
	background-color:#EAEFFF; /*#EAEFFF;*/
}
.product_table6_column1 {
	background-color:#A8C7F4;
}

.thirds_main{
	text-align:left;
	float: left;
	width: 32%;
	background: #eaefff;
	margin: 5px 2px;
	color: #000;
	padding: 2px;
}

.thirds, .thirds_left, .thirds_right{
	text-align:left;
	float: left;
	width: 32%;
	background: #eaefff;
	margin: 5px 2px;
	color: #000;
	padding: 2px;
}
.thirds_leftv2{
	text-align:left;
	float: left;
	width: 32%;
	background: #eaefff;
	margin: 12px 2px 5px 2px;
	color: #000;
	padding: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
.thirds_rightv2{
	text-align:left;
	float: right;
	width: 32%;
	background: #eaefff;
	margin: 12px 2px 5px 2px;
	color: #000;
	padding: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
.thirds_focusv2{
	text-align:left;
	float: left;
	width: 32%;
	background: #eaefff;
	margin: 5px 2px 5px 6px;
	color: #000;
	padding: 2px;
/*	border-style:outset; */
	border-radius: 4px;
	-moz-border-radius: 4px;
	border-style:ridge;
	border-color:#06F;
	border-width:2px;
}
.thirdscaption {
	text-align:left;
	float: left;
	width:97%;
	background: #eaefff;
	margin: 0px 4px 4px 4px;
	color: #000;
	padding: 0px;
}
.thirds h1{font: bold 1.7em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */ }
.thirds h2{font: bold 1.2em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}
.thirds h3{font: bold 1.0em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}

.thirds_left h1{font: bold 1.2em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */ }
.thirds_left h2{font: bold 1.1em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}
.thirds_left h3{font: bold 1.0em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}

.thirds_right h1{font: bold 1.2em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */ }
.thirds_right h2{font: bold 1.1em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}
.thirds_right h3{font: bold 1.0em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}

.thirds_main h1{font: bold 1.2em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */ }
.thirds_main h2{font: bold 1.1em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}
.thirds_main h3{font: bold 1.0em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}

.thirdsv2 h1, .thirds_focusv2 h1{font: bold 1.9em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */ }
.thirdsv2 h2, .thirds_focusv2 h2{font: bold 1.7em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}
.thirdsv2 h3{font: bold 1.5em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}
.thirds_focusv2 h3{font: bold 1.6em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}

.center {
	text-align:center;
	width:100%;
	margin:auto 0px;	
	padding: 0px 2px;
}
.justcenter {
		text-align:center;
}


.quarterscaption
{
	font: bold 1.5em Arial, Sans-Serif;
	margin-left:2px;
	margin-right:2px;
	margin-right: 0;
	margin-bottom: 0; 
	padding: 0;  
	text-align:center;
	background-color:#EAEFFF;
	width:99%;
}
.quarterscaption h2{ font: bold 1.0em Arial, Sans-Serif; margin: 0; padding: 0; color:#FFF;
background-color:#666;}

/* .quarterscaption h2{font: bold 1.0em "Arial", Sans-Serif; margin: 0; } */


.captionleft
{
	font: bold 2em Arial, Sans-Serif;
	margin-left:2px;
	margin-right:2px;
	margin-right: 0;
	margin-bottom: 0; 
	padding: 0;  
	text-align:left;
	background-color:#EAEFFF;
	width:97%;
}

.full 
{
	text-align:left;
	float: left;
	width: 100%;
	background: #eaefff;
	margin: 2px 1px 2px 1px;
	color: #000;
	padding: 2px;
}
.full_tab
{
	text-align:left;
/*
	float: left;
*/
	background: #eaefff;
	color: #000;
	margin: 2px 1px 2px 1px;
	padding: 4px;  
	width:auto;
}
.full_tab_text 
{
	width:94%;
	text-indent:8px;
	margin: 0px 2px;
	padding: 0px 8px 0px 0px;  
}
.halfs{
	text-align:left;
	float: left;
	width: 48%;
	background: #eaefff;
	margin: 2px 2px;
	color: #000;
	padding: 2px;
}
.left_halfs{
	text-align:left;
	float: left;
	width: 49%;
	background: #eaefff;
	margin: 2px 1px 2px 0px;
	color: #000;
	padding: 4px;
}
.right_halfs{
	text-align:left;
	float: right;
	width: 49%;
	background: #eaefff;
	margin: 2px 0px 2px 1px;
	color: #000;
	padding: 4px;
}

.caption
{
	font: bold 1.2em Arial, Sans-Serif;
	margin-left:2px;
	margin-right:2px;
	margin-right: 0;
	margin-bottom: 0; 
	padding: 0;  
	text-align:center;
	background-color:#EAEFFF;
	width:98%; 
}
.captionv2
{
	font: bold 1.2em Arial, Sans-Serif;
	margin-left:2px;
	margin-right:2px;
	margin-right: 0;
	margin-bottom: 0; 
	padding: 0;  
	text-align:center;
	background-color:#EAEFFF;
/*	width:98%; */
	border-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;

}

.caption h2{font: bold 1.2em "Arial", Sans-Serif; margin: 0; }
.captionv2 h2{font: bold 1.8em "Arial", Sans-Serif; margin: 0; }


.caption_halfs, .caption_full_width
{
	font: bold 1.2em Arial, Sans-Serif;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 0; 
	padding: 0;  
	text-align:center;
	background-color:#EAEFFF;
	width:100%;
}
.caption_halfs h2{font: bold 1.0em "Arial", Sans-Serif; margin: 0; }

.quarters{
	text-align:left;
	float: left;
	width: 24%;
	background: #eaefff;
	margin: 2px 3px;
	color: #000;
	padding: 2px;
}
.quarters_left{
	text-align:left;
	float: left;
	width: 24%;
	background: #eaefff;
	margin: 2px 2px 2px 0px;
	color: #000;
	padding: 2px 3px;
}
.quarters_right{
	text-align:left;
	float: left;
	width: 24%;
	background: #eaefff;
	margin: 2px 0px 2px 3px;
	color: #000;
	padding: 2px 3px;
}
.quarters-image{
	text-align:center;
	float: left;
	width: 24%;
	background: #ffffff;
	margin: 5px 2px;
	color: #000;
	padding: 2px;
}


.quarters h1{font: bold 1.7em "Arial", Sans-Serif; margin: 0; letter-spacing: 0px; }
.quarters h2{font: bold 1.2em "Arial", Sans-Serif; margin: 0; letter-spacing: 0px;}
.quarters h3{font: bold 1.0em "Arial", Sans-Serif; margin: 0; letter-spacing: 0px;}

.topspacer1px {
	position: relative;
	margin-top:1px;
	}
.topspacer2px {
	position: relative;
	margin-top:2px;
	}
.topspacer5px {
	position: relative;
	margin-top:5px;
	}
.topspacer6px {
	position: relative;
	margin-top:6px;
	}
.topspacer7px {
	position: relative;
	margin-top:7px;
	}
.topspacer8px {
	position: relative;
	margin-top:8px;
	}
.topspacer9px {
	position: relative;
	margin-top:9px;
	}
.topspacer10px {
	position: relative;
	margin-top:10px;
	}
.topspacer15px {
	position: relative;
	margin-top:15px;
	}
.topspacer20px {
	position: relative;
	margin-top:20px;
	}

#product_content_left
{ 
	position: relative;
	width: 74%;
	float: left;
}
#product_content_full
{ 
	position: relative;
	width: 100%;
	float: left;
}
#product_content_right
{ 
	position: relative;
	width: 25%; 
	float: right;
}

.indent10
{
	padding: 0px 0px 0px 10px;
}

/* page header */
#header { height: 75px; }
#sitelogo
{
	padding: 0px 0px 0px 0px; 
}
#sitelogo h1
{
	text-indent:-9999px;/*Hide Text, keep for SEO*/
	margin:0;
	height:55px;
	width:350px;
/*	
	background:transparent url("/images/active-server-logo.gif") no-repeat scroll;
*/
	background:transparent url("//d3ir3y6ij3xhw6.cloudfront.net/img/active-server-logo.gif") no-repeat scroll;  

}

#logo { 
	padding: 0px 0px 0px 0px; 
}
#logo1 { 
	padding: 0px 0px 0px 2px; 
}
#logo p { margin: 0; padding: 0 0 0 0; color: #808080; background: #fff; }

#logo h1 { font: bold 3.0em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1; */}
#logo1 h1 { font: bold 3.0em "Arial", Sans-Serif; margin: 0; /* letter-spacing: -1px; */}

/* #top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; } */


/* domain name search form */
#domain_search { 
	float: right;
	clear: both;
	color: #000;
	padding: 4px 0px 0px 5px;
	margin:  0px 0px 0px 5px;
	
}
#domain_search p { padding: 0; margin: 0; }

input.domain{
	width: 150px;
	background: #fff;
	color: #000; 
	border-color:#336699;
	border-style:solid;
	border-width:1px;
	height:1.5em;
	/*
	border: 1px;
	padding: 0px 0px 2px 0px;
	outline: 0px;
	font-weight:normal;
	list-style-type: none;
*/
}
input.domainext{ 
	width: 5em; 
	border: 1px;
	color: #000; 
	font-weight:normal;
	border-color:#336699;
	border-style:solid;
	border-width:1px;
}
select.domainext{
	background-color:#FFF;
	border: 1px;
	border-color:#336699;
	border-style:solid;
	height:1.7em;
	margin:0 0;
	padding:0;
	vertical-align:middle;
}



/* Grey seperators */
.header_seperator { clear: both; height: 8px; background: #dedede; color: #000; margin:2px 0 2px 0;}
.body_seperator { clear: both; height: 4px; background: #dedede; color: #000; margin:2px 0 2px 0;}
.breadcrumb_seperator { clear: both; height: 1px; background: #dedede; color: #000; margin:2px 0 2px 0;}
.tab_seperator { clear: both; height: 1px; background: #dedede; color: #000; margin:2px 0 2px 0;margin: 2px;}
.section_seperator { clear: both; height: 1px; background: #000; color: #000; margin:2px 0 2px 0;margin: 2px;}
.section_seperator2 { clear: both; height: 1px; background: #dedede; color: #000; margin:2px 0 2px 0;margin: 2px;}
.section_seperator_grey { clear: both; height: 1px; background: #dedede; color: #000; margin: 1px 0 1px 0;}

.title { color: #808080; background: #fff; }
.title0 { color: #2B2B2B; background: #fff; }
.title1 { color: #808080; background: #fff; }


/* Buttons */
.buttons, .buttons_right { text-align: right; padding: 5px 5px 5px 0;}
.buttons_center {text-align:center; padding: 5px 5px 5px 0;}
.buttons_left {text-align:left; padding: 5px 5px 5px 0;}
.left_articles .buttons { float: right; height: 20px; }

.bluebutton, .bluebtn  {
	padding: 1px 4px 1px 4px;
	color: #fff;
	text-decoration: none;
	background: #39c;
	font-size: .9em;
}

.bluebutton:hover, .bluebutton:focus,.bluebtn:hover,.bluebtn:focus 
{ 
	background:#CACACA; 
	color: #fff; 
}
/*
.bluebtnlong,.bluebtn  {
	padding: 1px 4px 1px 4px;
	color: #fff;
	text-decoration: none;
	background: #39c;
	font-size: .9em;
}
.bluebtnlong:hover,.bluebtnlong:focus
{ 
	background:#CACACA; 
	color: #fff; 
}
*/
.bluebtnlong:hover, .bluebtnlong:focus	{background-color: #00c0ff; color: #ffffff;}

.bluebtnlong {
	color: #fff;
	background-color: #39c; 
	padding:1px 4px 1px 4px;
	text-decoration: none;
	font-size: .9em;
	font-weight:bold;
	border:1px solid rgba(0,0,0,0.4);
	border-radius: 5px; 
	box-shadow: 0px 0px 2px rgba(0,0,0,.5);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}


.bluebtnlongy,{
	color: #fff;
	background: #39c;
	text-decoration: none;
/*	display: inline-block; */
	padding:5px 10px 6px 10px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);

	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));
}


/*
.bluebtn { background: #488EB2 url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(images/hoverbtn.gif) no-repeat; color: #fff; }
*/

.wizardbtnlong { 
	background: #488EB2; 
	width: 75px;
	height:2.0em;
	padding: 0 1em 1em 1em;
	color: #fff; 
	text-decoration: none; 
}

.wizardbtnlong :hover{ background: #488EB2; color: #fff; }


/* lists and form elements */
ul{padding:0 0 0 6px; margin: 0 0 0 2px;}
li{padding:0 0 0 2px; margin-left:10px; list-style:inherit}
li.disc {list-style-type: disc}
li.circle {list-style-type: circle}
li.square {list-style-type: square}
li.none {list-style-type: none}


.25pct { width:25%; }

.5pct { width:5%; }

#sharepoint_table
{
width:70%;
border:0;
padding:2px;
background-color:#eaefff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;

}

#sharepoint_table.th
{
border-bottom: 1px solid #000;
}

tr.even
{
	background-color:#dff2e9;
}
tr.odd
{
	background-color:#ffffff;
}
/* ------- Tabbed Content ------------ */
#tabbed_box {
	margin: 0px auto 0px auto; 
	width:100px;
	text-align: left; 	
} 
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#ffffff;
	letter-spacing:1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#000;
	font-weight:normal;
	font-size:2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
/*	
	text-transform:uppercase;
	top:-4px;
	top:0;
	left:6px;
	letter-spacing:0px;
*/
}

/* Area tabs and tabbed content is in */
.tabbed_area {
/*	border:1px solid #494e52; *//* dark grey */
	background-color:#ffffff; /*Top area behind tabs*/
	padding:1px;
	text-align: left; 
}
/* Style the tabs */
ul.tabs {
	margin:0px; 
	padding:0px;
}
ul.tabs li {
	list-style:none;
	display:inline;
	border-bottom: 1px solid #eaefff;
}
ul.tabs li a { /* default top tab*/
	background-color:#fff; /* tab color */
	color: #000; /* text color */
	padding:8px 7px 8px 7px; /* size of tab itself */
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #000; 
	border-bottom: 1px solid #eaefff;
/*	border:1px solid #464c54; *//* dark grey */
}
ul.tabs li a:hover {
	background-color:#fff; /* On mouseover go to darker color */
	color:#000; /* text color */
	border-bottom: 1px solid #eaefff;
/*	border-color:#2f343a; */
}
ul.tabs li a.active { /* This is the topmost (seleted or active) tab */
	background-color:#eaefff;
	color:#000000;
	border:1px solid #000; 
	border-bottom: 1px solid #eaefff;
}
ul.tabs li a.inactive { /* This is the topmost (seleted or active) tab */
	background-color:#ffffff;
	color:#000000;
	border:1px solid #464c54; 
	border-bottom: 1px solid #eaefff;
}
ul.tabs { /* Between tabs and containing div */
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}

.tab_content /* Tabbed content */
{
	background-color:#ffffff;
/*	padding:10px; 
	border:1px solid #464c54;
*/
}
#content_2{ display:none; }
#content_3{ display:none; }
#content_4{ display:none; }
#content_5{ display:none; }
#content_6{ display:none; }
#content_7{ display:none; }
.green
{
	color:#090;
	letter-spacing:1px;
}

#BreadCrumbBar
{
	margin-top: 7px;
	margin-right: 10px;
	font-size: .75em;
	color: #abcdef;
/*	text-shadow: #000000 2px 2px 2px; */
	background-color: #34251F;
}
#BreadCrumbBar
{
	float: left;
	margin-left: 15px;
}
.breadCrumb
{
	display: inline;
}
.checkmarkimage
{
	width: 16px;
	height:16px;
   display: block;
   margin-left: auto;
   margin-right: auto 
}


.breadcrumb{
font: bold .8em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-transform: capitalize;
}

.breadcrumb a{
background: transparent url("/images/breadcrumbw.gif") no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a.end{
	background-image: none;
/* background: transparent url("/images/blank.gif") no-repeat center right; */
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}
.blueshopsite{
	color:#041f56;
}
.bluebold{
	color:#041f56;
	font-style:italic;
}
.redshopsite, .reditalic{
	color:#9a0500;
	font-style: italic;
}
.greenitalic{
	color:#0C0;
	font-style: italic;
}

/* Alert display - Usage: <p class="alert">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> 
Requires exclamation point image See: http://www.famfamfam.com/lab/icons/silk/ */
.alert {
	background: #fff6bf url(/images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
	

/* Used by jQuery Form Wizard */
.step span, .step div {
	font-weight:normal;
}

/* Used by jQuery validate plugin */
input.error { border: 1px dotted red; }
label.error { color: red; padding-left: .5em; vertical-align: top; } 

.align-left
{
	text-align:left;
}
.align-bottom
{
	vertical-align:bottom;
}


.blueform
{
	background:#EAEFFF;
	padding: 0 4px 0 4px;
}

.warning {
	color:#F00;
}

/*--- Standard Form using CSS  --------- */
label {
  font-size: 1em;
}

/* In case we want a box around a form */
.form-box 
{
	background-color: #FBFBFA; /* Almost white */
/*	
	background-color: #F9FFFE; 
	border:1px solid #000; 
*/
	font-weight:normal;
	margin:5px auto;
	padding: 10px 10px;
}

div.ReCaptchaDIV{
	margin: 0 auto 0 auto;
	text-align:center;
	width: 50%;
}

/* --------------------- Text Sizes and Effects ---------------------- */
.smalltext {font-size: .7em;}
p.indent { text-indent: 1.5em;}

p.stb { margin-top: 1em; } /* (small/medium/large) thematic break */
p.mtb { margin-top: 2em; }
p.ltb { margin-top: 3em; }
.pad4 { padding-left:4px; }
.pad8 { padding-left:8px; }

/* 
--------------- CSS Based order forms  --------------
*/
form fieldset {
  clear: both; /* note that this clear causes inputs to break to left in ie5.x mac */
  border-color: #000;
  border-width: 1px 0 0 0;
  border-style: solid none none none; /* Just a line at the top */
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
}

form fieldset.blank {
  clear: both; /* note that this clear causes inputs to break to left in ie5.x mac */
  border-color: #000;
  border-width: 0 0 0 0;
  border-style: none none none none; /* Just a line at the top */
  padding: 2px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 1.5em;
  padding: 4px 4px;
}




/*
From: http://www.websiteoptimization.com/speed/tweak/forms/
See also: http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
*/

/* Used by jQuery validate plugin */
form.freeQuote {}
form.freeQuote label.error { padding-left: 0em; } 
form.ContactUs, form.DNSChange  {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
}

form.ContactUs  div.inputrow, form.DNSChange div.inputrow
{
	width: 800px; 
	clear: left;
	display: block;
	/* IE recommended fix for clearing floats */
	zoom: 1;
	margin: 2px 2px  2px  2px ;
}


/* Setup label to left of input */
form.ContactUs div label.left, form.DNSChange div label.left 
{
	display:block; /* block float the labels to left column, set a width */
	float:left;
	margin:0 0 5px; /* set top margin same as form input - textarea etc. elements */
	padding:5px 10px;
	text-align:right;  /* Make lable appear next to input */
	width:120px; /* Increase of label wraps */
	font-weight: bold;
}

/* Setup inputs */
form.ContactUs div select, form.ZenCartInfo div textarea, form.ECommerceReady div textarea, form.ContactUs div input.inputText, form.ContactUs div input.inputPassword, form.DNSChange div select, form.DNSChange div input.inputText, form.DNSChange div input.inputPassword 
{
  width: 300px;
  margin: 0 0 0 0;
}



form.ZenCartInfo, form.ECommerceReady {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;

/* Our text area is abt 950 px wide, so stay inside that max.
Otherwise calculate a larger than lable + padding + input + info-box
*/
	min-width: 650px;
	max-width: 950px;
	width: 820px; 
}

form.ZenCartInfo div.inputrow, form.ECommerceReady  div.inputrow
{
	width: 800px; 
	clear: left;
	display: block;
	/* IE recommended fix for clearing floats */
	zoom: 1;
	margin: 2px 2px  2px  2px ;
	padding: 2px 2px;
}


/* Setup label to left of input */
form.ZenCartInfo div label.left, form.ECommerceReady div label.left
{
	display:block; /* block float the labels to left column, set a width */
	float:left;
	margin:0 0 5px; /* set top margin same as form input - textarea etc. elements */
	padding:5px 10px;
	text-align:right;  /* Make lable appear next to input */
	width:120px; /* Increase of label wraps */
	font-weight: bold;
}
form.ECommerceReady div label.left
{
	width:200px; /* Increase of label wraps */
}


/* Setup inputs */
form.ZenCartInfo div select, form.ZenCartInfo div textarea, form.ZenCartInfo div input.inputText, form.ZenCartInfo div input.inputPassword,
form.ECommerceReady div select, form.ECommerceReady div textarea, form.ECommerceReady div input.inputText, form.ECommerceReady div input.inputPassword {
  width: 300px;
  padding: 1px 2px;
  margin: 0 0 0 0;
}



/* ============================================================ */
/* Set a width for our form and style the fieldsets. Note how we use the form element to set a min/max width. Unfortunately fieldsets are not rendered identically by different browsers. Backgrounds can overlap, padding doesn't behave, and they tend to take up the entire width of the screen on Internet Explorer. Auto, ems, and percentages were tried, but the form misbehaved stretching this way and that. A pixel value larger than the largest anticipated font size did the trick, avoiding wrapping. However we chose to set the width using the form element, which bypassed the problem. */

form.css {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: verdana,arial,sans-serif;
  margin: 0;
  padding: 0;

/* Our text area is abt 950 px wide, so stay inside that max.
Otherwise calculate a larger than lable + padding + input + info-box
*/
	min-width: 650px;
	max-width: 950px;
	width: 820px; 
}

form.css div 
{
	width: 800px; 
	clear: left;
	display: block;
	/* IE recommended fix for clearing floats */
	zoom: 1;
	margin: 2px 2px  2px  2px ;
	padding: 2px 2px;
}


form.css fieldset {
  clear: both; /* note that this clear causes inputs to break to left in ie5.x mac */
  border-color: #000;
  border-width: 1px 0 0 0;
  border-style: solid none none none; /* Just a line at the top */
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
}


form.css fieldset legend {
  font-size: 1.5em;
  padding: 4px 4px;
}




form.css fieldset div.infobox {
	float: right;
	width: 158px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px;
	border:1px solid #2A00FF;
	background-color: #E8EDFF;
	color: #666666;
	font-size: .85em;
}

form.css fieldset div.infobox h4 {
  background-image: url(/images/infobubble.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 24px;
  border-width: 0 0 1px 0; /* Just an underline */
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 1.1em;
}


/* Setup label to left of input */
form.css div label 
{
	display:block; /* block float the labels to left column, set a width */
	float:left;
	margin:0 0 5px; /* set top margin same as form input - textarea etc. elements */
	padding:5px 10px;
	text-align:right;  /* Make lable appear next to input */
	width:120px; /* Increase of label wraps */
	font-weight: bold;
}

/* Setup inputs */
form.css div select, form.css div textarea, form.css div selecct {
  width: 300px;
  padding: 1px 2px;
  margin: 0 0 0 0;
  background-color:#ddeaf8;
}

form.css div input.inputText, form.css div input.inputPassword {
  width: 300px;
  padding: 1px 2px;
  margin: 0 0 0 0;
  background-color:#ddeaf8;
}

form.css div input.submit {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}



select {
  background-color:#ddeaf8;
}

textarea 
{
  overflow: auto;
  background-color:#ddeaf8;
}

textarea .nowrap
{
	white-space:nowrap;
}


/* Domain Registration Wizard Specific CSS */
table.ssl-products 
{
	border-spacing:0;
	font-size:1em;
	width:100%;
}

.ssl-products th {
background-color:#666;
color:#fff;
font-weight:bold;
letter-spacing:-0.05em;
margin:0;
padding:3px 0 3px 4px;
text-transform:uppercase;
vertical-align:middle;
text-align:left;
}

.ssl-products th.certificate
{
	width: 20em;
}
.ssl-products th.validation
{
	width: 25em;
}
.ssl-products td {
	border-bottom: 1px solid #CCC;
	margin:0;
	padding:4px 2px;
	vertical-align:middle;
}
.ssl-products th.wildcard, .ssl-products th.dynamicseal, .ssl-products th.greenbar
{
	width: 9em;
	text-align:left;
}
.ssl-products td.wildcard, .ssl-products td.dynamicseal, .ssl-products td.greenbar
{
	width: 9em;
	text-align:left;
}
.ssl-products td.wildcard, .ssl-products td.dynamicseal, .ssl-products td.greenbar
{
	border-bottom: 1px solid #CCC;
	margin:0;
	padding:4px 2px;
	vertical-align:middle;
	width: 10em;
	text-align:center;
}
.ssl-products th.cost
{
	width: 13em;
	text-align:center;
}
.ssl-products td.cost
{
	border-bottom: 1px solid #CCC;
	margin:0;
	padding:4px 2px;
	vertical-align:middle;
	width: 13em;
}
.ssl-products select 
{
	width: 13em;
}
.ssl-products th.order, .ssl-products td.order
{
	width: 10em;
	text-align: center;
}


.ssl-products td.center, .ssl-products th.center 
{
	text-align:center;
}



/* Browser specific fixes */
/* Make the <pre> tag wrap */
/* From: http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/ 
The long lines are caused by use of the pre html tag. The pre tag preserves spaces and line breaks in a chunk of text. Perfect for displaying snippets of code. However, some lines of code are quite long and will run off the page.
Note: w3.org complains about the following, go ahead and ignore errors 
*/
pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.star_image8x8 {
	width:8px;
	height:8px;
}
.star_image10x10 {
	width:8px;
	height:8px;
}

/* Colored Text */
.redtext
{
	color:#FF0000; 	
}


/* Pricing */
.price {font: bold 1.4em Arial, Sans-Serif; margin: 0; padding: 0;}
.price_small {font: bold 1em Arial, Sans-Serif; margin: 0; padding: 0;}
.price_focus {font: bold 1.6em Arial, Sans-Serif; margin: 0; padding: 0;}
.price_small_focus {font: bold 1.1em Arial, Sans-Serif; margin: 0; padding: 0;}

.price sup,
.price sub,
.price_small sup,
.price_small sub,
.price_focus sub,
.price_focus sup{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

.price sup, .price_small sup, .price_small_focus sup, .price_focus sup{
	bottom: 1ex;
}

.price sub, .price_small sup, .price_small_focus sup, .price_focus  sub {
	top: .5ex;
}


/* sup .price {font: 0.9em Arial, Sans-Serif; margin: 0; padding: 0;} */
/*

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#DBE3DB !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #A0A0A4 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #808080 !important; //Text input field border color
   background-color:#DDEAF8 !important; //Text input field background color
 }

*/

/* 
Puzzled as to why the spacing on my page is all wrong, so remember this! This bug happens when you have a floated element with a margin defined in the same direction of the float. For example:
display: inline;
#sidebar {
     float: left;
     width: 200px;
     margin-left: 10px;
}
IE6 will actually double margin-left to 20px, throwing your page out of whack if you have a tight layout. To fix, all you have to do is add this rule to the floated element:

display: inline;
*/