/* Editor's Note:
 * Each directory containing *html files has it's own .css 
 * file, check there if you don't see what you're looking 
 * for here. This file only contains styles used globally.
 */

.packageheader {
	background : url("/images/headerbg.light.gif");
	height : 20px;
	width : 183px;
	padding-top : 3px;
	text-align : center;
	color : white;
	font-weight : bold;
}

.package {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 183px;
	float : left;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background : url("/images/plan.bg.gif") top left;
}

#lastpackage {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 183px;
	float : left;
	border : 1px solid #999;
	background : url("/images/plan.bg.gif") top left;
}

.packageincludes ul {
	padding : 10px 10px 10px 20px;
	margin : 0px;
}

#packages .bold {
	padding-left : 20px;
}

.buttons {
	padding-left : 15px;
	padding-top : 15px;
		}



/*======================== GLOBALS ========================*/

body {
	background : #F6FBFF url("/images/stripebg.gif") repeat-x;
	background-position: 0px 0px;
	margin : 0px;
	padding : 0px;
	color : white;
	font-family : verdana, sans-serif;
	font-size : 11px;
	height: 100%;
}

a {
	color : #FF7B0A;
}

.bodypadding {
		padding : 0px 25px 25px 25px;
}


#topbg {
	background : url("/images/gradientbg_top.gif") repeat-x;
	height : 799px;
	width : 100%;
	position : fixed;
	top : 0px;
	left : 0px;
	z-index : 1;
}

#container {
	position : absolute;
	top : 0px;
	left : -500px;
	margin-left : 50%;
	padding-bottom : 15px;
	z-index : 2;
	width : 1000px;
	background : #ffffff url("/images/1container.bg.gif");
	color : black;
	border-left : 1px solid #b2c9d5;
	border-right : 1px solid #b2c9d5;
	border-bottom: 1px solid #b2c9d5;
}

#header {
	background : url("/images/header.gif") no-repeat;
	/*background : url("/images/header.dev.gif") no-repeat; /* <-- development header */
	height :161px;
	width : 1000px;
	z-index: 10;
}

.bold {
	font-weight : bold;
}

.clear {
	clear : both;
}

img {
	border : 0px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.errorMessage {
	font-size : 1.2em;
	color : red;
}

.chat {
	padding-left:800px;
	padding-top: 20px;
}


/*======================== SIDEBAR ========================*/

#sidebarcontainer {
	margin-left : 15px;
	float : left;
	width : 183px;
}

.sidebar {
	background : url("/images/plan.bg.gif") top left;
	border : 1px solid #999;
	margin-bottom : 20px;
	}

.sidebar .header {
	background : url("/images/headerbg.dark.gif");
	height : 20px;
	width : 182px;
	text-align : center;
	color : white;
	font-weight : bold;
	padding-top : 4px;
}

.sidebar p, h2 {
	text-align : center;
	padding : 1px 1px 1px 1px;
}

.sidebar ul {
	padding : 10px 10px 10px 20px;
	margin : 0px;
}

.sidebar a {
	font-weight : bold;
	text-decoration : none;
	color : #0e87b8;
}

.sidebar a:hover {
	text-decoration : underline;
}

.sidebar h3 {
	text-align : right;
}

/*======================== MAIN BODY STUFF ========================*/

#main {
	width : 780px;
	float : right;
	padding-right : 27px;
}

#main h2 {
	text-align : left;
}

#footer {
	text-align : center;
	clear:both;
	line-height : 2em;
}

#footer a {
	text-decoration : none;
	color : #09c;
}

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

#valid {
	top : 1px;
	left : 1px;
	z-index : 1;
	}

.bodycontent {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 751px;
	float : left;
	border: 1px solid #999;
	background : url("/images/plan.bg.gif") #dbdbdb top left repeat-x;
}

.bodycontentheader {
	background : url("/images/headerbg.light.gif");
	height : 20px;
	width : 736px;
	padding-top : 3px;
	padding-left : 15px;
	color : white;
	font-weight : bold;
}

.bodycontentheader2 {
	padding : 5px;
	margin : 45px;
	font-weight : bold;
	border : 1px solid black;
		}

.bodycontent p ul li {
	margin-left : 15px;
	padding-right : 15px;
	line-height : 1.5em;
}

.bodycontent li {
	padding-bottom : 3px;
}

.bodycontent ol {
	margin-left : 25px;
	padding-right : 15px;
}

.bodycontent h2 {
	margin-left: 15px;
	font-size : 1.4em;
}

.bodycontent h1 {
	font-size : 1.4em;
}

.bodycontent a {
	font-weight : bold;
	text-decoration : none;
	color : #0e87b8;
}

.bodycontent a:hover {
	text-decoration : underline;
}

.bodycontent h3 {
	text-align : center;
}

#attributesleft {
	float : left;
	width : 350px;
}

#attributesright {
	width : 350px;
	margin-left : 350px;
}

#fix {
	margin-left : 15px;
	padding-right : 15px;
}

#tabletop {
	font-size: 16px;
	font-style: italic;
}

.optionstable td {
	padding : 5px 10px 5px 10px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
	font-size : .8em;
}

#optionstablehead td {
	background : url("../images/headerbg.light.gif");
	color : white;
	font-weight : bold;
}

.tableheader {
	font-size: 12px;
	padding-top: 10px;
	font-weight : bold;
}

/*======================== DOMAINHOSTING STYLES =====================*/

.padding {
	padding : 0px 25px 25px 25px;
}

#ssltable {
	margin-left : 25px;
}

.sslpackage {
	width : 250px;
	float : left;
	border : 1px solid #999;
	margin : 10px;
}

.sslpackageheader {
	background : url("/images/headerbg.light.gif");
	height : 20px;
	width : 245px;
	padding-top : 3px;
	padding-left : 5px;
	color : white;
	font-weight : bold;
}

.sslpackage p {
	padding : 0px 10px 0px 10px;
}

.packageheader {
	background : url("/images/headerbg.light.gif");
	height : 20px;
	width : 183px;
	padding-top : 3px;
	text-align : center;
	color : white;
	font-weight : bold;
}

.package {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 183px;
	float : left;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background : url("/images/plan.bg.gif") top left;
}

#lastpackage {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 183px;
	float : left;
	border : 1px solid #999;
	background : url("/images/plan.bg.gif") top left;
}

.packageincludes ul {
	padding : 10px 10px 10px 20px;
	margin : 0px;
}

#packages .bold {
	padding-left : 20px;
}

.buttons {
	padding-left : 15px;
	padding-top : 15px;
		}

#hostingplanstable {
	width : 100%;
	table-layout: auto;
	background : #ddd;
}

.tablehead {
	height : 50px;
	text-align : center;
	font-size : 1.2em;
	font-weight : bolder;
	background : #ccc;
}

.tablehead a {
	font-size : .8em;
}

.operatingsystem {
	background : #dbdbdb;
}

.domainwhite {
	background : #fff;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
	text-align : center;
}

.domaingray {
	background : #ccc;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

.black10px {
	background : #999;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

.domainlightblue {
	background : #fff;
	font-weight : bold;
	height : 2em;
	font-size : 1.2em;
	text-align : center;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

#tabs {
}

#tabs ul {
	margin : 0px;
	padding : 0px;
}

#tabs li {
	margin : 0px;
	padding : 0px;
	float : left;
	list-style-type : none;
	text-indent : -9999px;
}

#unixtab a {
	background : url("/domainhosting/tabs.unix.gif") no-repeat;
	width : 156px;
	height : 30px;
	display : block;
}

#unixtab a:hover {
	background : url("/domainhosting/tabs.unix.gif") no-repeat;
	background-position : 0px -30px;
}

#unixselected {
	background : url("/domainhosting/tabs.unix.gif") no-repeat;
	background-position : -30px 0px;
	width : 156px;
	height : 30px;
}

#windowstab a {
	background : url("/domainhosting/tabs.windows.gif") no-repeat;
	width : 189px;
	height : 30px;
	display : block;
}

#windowstab a:hover {
	background : url("/domainhosting/tabs.windows.gif") no-repeat;
	background-position : -30px 0px;
}

#windowsselected {
	background : url("/domainhosting/tabs.windows.gif") no-repeat;
	background-position : -30px 0px;
	width : 189px;
	height : 30px;
}

#colocationtab a {
	background : url("/domainhosting/tabs.colo.gif") no-repeat;
	width : 168px;
	height : 30px;
	display : block;
}

#colocationtab a:hover {
	background : url("/domainhosting/tabs.colo.gif") no-repeat;
	background-position : -30px 0px;
}

#colocationselected {
	background : url("/domainhosting/tabs.colo.gif") no-repeat;
	background-position : -30px 0px;
	width : 168px;
	height : 30px;
}

#dedicatedtab a {
	background : url("/domainhosting/tabs.dedi.gif") no-repeat;
	width : 168px;
	height : 30px;
	display : block;
}

#dedicatedtab a:hover {
	background : url("/domainhosting/tabs.dedi.gif") no-repeat;
	background-position : 0px -30px;
}

#dedicatedselected {
	background : url("/domainhosting/tabs.dedi.gif") no-repeat;
	background-position : 0px -30px;
	width : 168px;
	height : 30px;
}

#virtualtab a {
	background : url("/domainhosting/tabs.virtual.gif") no-repeat;
	width : 168px;
	height : 30px;
	display : block;
}

#virtualtab a:hover {
	background : url("/domainhosting/tabs.virtual.gif") no-repeat;
	background-position : 0px -30px;
}

#virtualselected {
	background : url("/domainhosting/tabs.virtual.gif") no-repeat;
	background-position : 0px -30px;
	width : 168px;
	height : 30px;
}

/*======================== SERVERS STYLES ===========================*/


.colotable {
}

.colotable td {
	padding : 5px 10px 5px 10px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

.colotablehead td {
	background : url("../images/headerbg.light.gif");
	color : white;
	font-weight : bold;
}

.deditable {
	font-size : .8em;
}

.deditable td {
	padding : 5px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

.deditablehead td {
	background : url("../images/headerbg.light.gif");
	color : white;
	font-weight : bold;
}

#tabs {
}

#tabs ul {
	margin : 0px;
	padding : 0px;
}

#tabs li {
	margin : 0px;
	padding : 0px;
	float : left;
	list-style-type : none;
	text-indent : -9999px;
}

#unixtab a {
	background : url("../domainhosting/tabs.unix.gif") no-repeat;
	width : 156px;
	height : 30px;
	display : block;
}

#unixtab a:hover {
	background : url("../domainhosting/tabs.unix.gif") no-repeat;
	background-position : 0px -30px;
}

#unixselected {
	background : url("../domainhosting/tabs.unix.gif") no-repeat;
	background-position : 0px -30px;
	width : 156px;
	height : 30px;
}

#windowstab a {
	background : url("../domainhosting/tabs.windows.gif") no-repeat;
	width : 189px;
	height : 30px;
	display : block;
}

#windowstab a:hover {
	background : url("../domainhosting/tabs.windows.gif") no-repeat;
	background-position : 0px -30px;
}

#windowsselected {
	background : url("../domainhosting/tabs.windows.gif") no-repeat;
	background-position : 0px -30px;
	width : 189px;
	height : 30px;
}

#colocationtab a {
	background : url("../domainhosting/tabs.colo.gif") no-repeat;
	width : 168px;
	height : 30px;
	display : block;
}

#colocationselected {
	background : url("../domainhosting/tabs.colo.gif") no-repeat;
	background-position : 0px -30px;
	width : 168px;
	height : 30px;
}

#colocationtab a:hover {
	background : url("../domainhosting/tabs.colo.gif") no-repeat;
	background-position : 0px -30px;
}


/*======================== INFORMATION STYLES =======================*/

#ssltable {
	margin-left : 25px;
}

.dupackage {
	width : 250px;
	float : left;
	border : 1px solid #999;
	margin : 10px;
}

.dupackageheader {
	background : url("/images/headerbg.light.gif");
	height : 20px;
	width : 245px;
	padding-top : 3px;
	padding-left : 5px;
	color : white;
	font-weight : bold;
}

.dupackage p {
	padding : 0px 10px 0px 10px;
}

/*======================== INFORMATION STYLES =======================*/

.accountsection h2 {
	font-size : 1.2em;
}

.accountsection a {
	font-weight : normal;
}

.accountsection {
	padding-bottom : 10px;
}

/*======================== CSS DROPDOWN MENU ========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:39px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	border-bottom : 1px solid black;
	margin-bottom : 15px;
	background : url("/images/menu_bg.gif");
	z-index: 11;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	margin:0;
	margin-left : -40px;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

/*======================== TOP LEVEL MENU ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	height:16px;
}

/*======================== 2ND LEVEL MENU========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:39px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.5em;
	color:black;                        /* this sets the unselected-text color */
	background:#000;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#eee;       /* this sets the drop-down menu background color */
	width:13.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:white;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

/*======================== 3RD LEVEL MENU ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:13.5em;
	width:14em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:14em;
	background:#eee;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:14em;
	background:white;
}

#text {           				/* the Mac's standard Safari browser will not see this code */
	height:1.215em;          	/* ...  but every other browser will and should */
} 								/* Safari barfs on the illegal pound sign (#) after the rule's property val */

/*======================== GLOBALS ========================*/

.text10 {
	border-bottom : 1px solid black;
}

#frontpagebody {
	margin : auto;
	width : 949px;
	height : 390px;
	padding-top : 10px;
}

#mainbody {
        margin : auto;
        width : 949px;
        height : 550px;
        padding-top : 10px;
}

#frontpagebody img {
	margin : 0px;
	padding : 0px;
	float : left;
}

#frontpagebody a {
	margin : 0px;
	padding : 0px;
}

.centerme {
	text-align : center;
}

/*======================== BRIAN'S RANDOM FRONT PAGE STUFF ========================*/
#unixandwindowsplansavailabletext p,
#wevegotyoucoveredtext p,
#needhelpmaintainingorupgradingyournetworkorintext p,
#affordableusagebasedcolocationservicestext p,
#personalandbusinesshostingplansstartingat1295text p,
#with15yearsofexperienceunderourbeltweofferyoucustomtext p,
#needaserverbuiltforyounotaproblemtext p  {
   font: 12px "Arial Black";
   margin: 0px;
   color: #FDFEFF;
   text-align: left;
}

#moreinfocopybutton a:hover,
#moreinfocopy2button a:hover,
#moreinfobutton a:hover  {
   background-position: -79px 0%;
}

#moreinfocopy2button a,
#moreinfocopybutton a,
#moreinfobutton a  {
   background: url(newwnmainpagemedia/moreinfocopy2button.gif) no-repeat 0% 0px;
   display: block;
   height: 24px;
   width: 79px;
   font-size: 24px;
   line-height: 24px;
}

#with15yearsofexperienceunderourbeltweofferyoucustomtext p  {
   color: #FFFFFF;
}

#with15yearsofexperienceunderourbeltweofferyoucustomtext  {
   visibility: visible;
   position: absolute;
   left: 164px;
   top: 277px;
   z-index: 6;
   width: 503px;
}

#personalandbusinesshostingplansstartingat1295text  {
   visibility: visible;
   position: absolute;
   left: 413px;
   top: 481px;
   z-index: 5;
   width: 203px;
}

#needhelpmaintainingorupgradingyournetworkorintext  {
   visibility: visible;
   position: absolute;
   left: 164px;
   top: 481px;
   z-index: 5;
   width: 183px;
}

#affordableusagebasedcolocationservicestext  {
   visibility: visible;
   position: absolute;
   left: 664px;
   top: 481px;
   z-index: 5;
   width: 162px;
}

#moreinfocopy2button,
#moreinfocopybutton  {
   visibility: visible;
   position: absolute;
   top: 574px;
   z-index: 6;
   width: 79px;
   height: 24px;
}

#needaserverbuiltforyounotaproblemtext  {
   visibility: visible;
   position: absolute;
   left: 664px;
   top: 547px;
   z-index: 5;
   width: 185px;
}

#bottomright,
#bottomleft,
#bottommid  {
   background: url(newwnmainpagemedia/bottomright.gif) no-repeat;
   visibility: visible;
   position: absolute;
   top: 437px;
   z-index: 4;
   width: 215px;
   height: 167px;
}

#unixandwindowsplansavailabletext  {
   visibility: visible;
   position: absolute;
   left: 413px;
   top: 547px;
   z-index: 5;
   width: 166px;
}

#wevegotyoucoveredtext  {
   visibility: visible;
   position: absolute;
   left: 165px;
   top: 547px;
   z-index: 5;
   width: 158px;
}

#moreinfocopy2button  {
   left: 768px;
}

#moreinfocopybutton  {
   left: 517px;
}

#moreinfobutton  {
   visibility: visible;
   position: absolute;
   left: 265px;
   top: 574px;
   z-index: 5;
   width: 79px;
   height: 24px;
}

#id33webhosting  {
   background: url(newwnmainpagemedia/id33webhosting.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 406px;
   top: 448px;
   z-index: 6;
   width: 164px;
   height: 33px;
}

#serverhosting  {
   background: url(newwnmainpagemedia/serverhosting.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 656px;
   top: 448px;
   z-index: 6;
   width: 189px;
   height: 33px;
}

#itconsulting  {
   background: url(newwnmainpagemedia/itconsulting.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 156px;
   top: 448px;
   z-index: 6;
   width: 165px;
   height: 33px;
}

#bottomright  {
   left: 643px;
}

#background  {
   margin: 0px auto 0px auto;
   background: url(newwnmainpagemedia/background.gif) no-repeat;
   visibility: visible;
   height: 723px;
   width: 1002px;
   position: relative;
}

#stickynote  {
   background: url(newwnmainpagemedia/stickynote.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 626px;
   top: 209px;
   z-index: 5;
   width: 194px;
   height: 163px;
}

#bottomleft  {
   left: 141px;
}

#bottommid  {
   left: 391px;
}

#layer4  {
   background: url(newwnmainpagemedia/layer4.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   width: 1002px;
   height: 200px;
}

#layer5  {
   background: url(newwnmainpagemedia/layer5.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 200px;
   z-index: 3;
   width: 1002px;
   height: 523px;
}

#zheader  {
   background: url(newwnmainpagemedia/header.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 151px;
   top: 239px;
   z-index: 5;
   width: 287px;
   height: 33px;
}

#layer3  {
   background: url(newwnmainpagemedia/layer3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 142px;
   top: 225px;
   z-index: 4;
   width: 721px;
   height: 179px;
}

/* RUSS ADD */
.black_9_pt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; te
xt-decoration: none}
.black_10_pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none}
.black_11_pt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none} 
.black_12_pt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none}
.black_14_pt { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none}  
.black_16_pt { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none} 
.black_20_pt { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none}
.red_bold_10_pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: bold; font-weight: normal; color: #ff0000;
 text-decoration: none}
.theme_header { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #66abf5; t
ext-decoration: none}

.req {
font-size: 11px;
}
.req ul {
margin: 0;
padding: 0;
list-style: none;
}
.req li {
padding: 3px 3px 2px 18px;
}
.req .green {
color: #009900;
background-image: url('https://secure.hostgator.com/shared/img/tick.png');
background-repeat: no-repeat;
background-position: 0 1px;
}
.req .red {
color: #990000;
background-image: url('../img/no.gif');
background-repeat: no-repeat;
background-position: 0 3px;
}


# HostGator Stuff

.boxhead {
color: #fff;
font-family: trebuchet ms;
font-weight: bold;
padding: 8px 3px 0 10px;
height: 22px;
background-image: url('../img/bxtop.png');
background-repeat: no-repeat;
border-bottom: 1px solid #fff;
}
.boxheadsm {
color: #fff;
font-family: trebuchet ms;
font-weight: bold;
padding: 8px 3px 0 10px;
height: 22px;
width: 307px;
background-image: url('../img/bxtopsm.png');
background-repeat: no-repeat;
border-bottom: 1px solid #fff;
}
.boxbottom {
background-image: url('../img/bxbottom.png');
background-repeat: no-repeat;
background-color: #EFEFEF;
border-top: 0px solid #21507E;
height: 12px;
margin-bottom: 15px;
}
.coupbottom {
background-image: url('../img/coupbot.png');
background-repeat: no-repeat;
background-color: #EFEFEF;
height: 12px;
}
.boxbottomsm{
background-image: url('../img/bxbottomsm.png');
background-repeat: no-repeat;
background-color: #EFEFEF;
width: 320px;
border-top: 0px solid #21507E;
height: 35px;
margin-bottom: 15px;
}
.box {
color: #323232;
background-color: #EFEFEF;
padding: 15px;
border: 1px solid #9F9F9F;
margin-bottom: 15px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.selectbox {
color: #323232;
background-color: #efefef;
padding: 15px 15px 15px 15px;
border: 1px solid #9f9f9f;
border-top: 1px solid #21507E;
border-bottom: none;
}
.box label {
font-weight: bold;
}
.selectbox input {
font-family: arial;
font-size: 12px;
font-weight: bold;
border: 1px solid #9C9B99;
-moz-border-radius: 2px;
}

.box input {

}
.congratulations {
margin-left: 10px;
color: #A21413;
}
.checkbox {
margin: 0 0px 5px 0;
}
.checkbox label {
font-weight: normal;
position: relative;
bottom: 3px;
}
#full .dmnright {
width: 375px;
float: right;
padding-top: 10px;
}
#full .left {
width: 300px;
}
.continue {
background-image: url('/img/continues2.png');
width: 196px;
height: 39px;
border: 0px;
-moz-border-radius: 5px;
cursor: pointer;
font-size:1px;
}
        .continue:hover {
                background-image: url('/img/continues2hover.png');
        }
.complete {
        background-image: url('../img/createacct.png');
        width: 159px;
        height: 40px;
        border: 0px;
        -moz-border-radius: 5px;
        cursor: pointer;
}
        .complete:hover {
                background-image: url('../img/createaccthover.png');
        }
.center {
        position: relative;
        bottom: 35px;
        text-align: center;
}
.step {
        color: #555555;
        text-align: center;
        font-family: trebuchet ms;
        font-weight: bold;
        font-size: 16px;
        float: right;
        margin:15px 20px 0 0px;
        width: 170px;
        padding: 3px;
}
.step .grey {
color: #999999;
}
.red {
color: #C25A32;
}
.pkg {
width: 140px;
float: left;
margin-right: 15px;
}
.pkg select {
width: 140px;
margin-top: 2px;
display: block;
}
.cycle {
width: 250px;
}
.cycle select {
width: 250px;
}
.plusicon {
background-image: url('../img/boxplus.png');
background-repeat: no-repeat;
padding-left: 110px;
}
.column {
width: 300px;
float: left;
margin-right: 15px;
}
.column label {
display: inline;
font-size: 14px;
margin-bottom:2px;
}
.column input {
font-family: trebuchet ms;
font-size: 12px;
font-weight: bold;
padding: 1px 1px 1px 0;
border: 1px solid #9C9B99;
-moz-border-radius: 2px;
margin: 3px 0 3px 0;
}

.billinginputs input {
width: 180px;
}

.label {
padding-top: 3px;
font-family: trebuchet ms;
}
.req {
font-size: 11px;
}
.req ul {
margin: 0;
padding: 0;
list-style: none;
}
.req li {
padding: 3px 3px 2px 18px;
}
.req .green {
color: #009900;
background-image: url('https://secure.hostgator.com/shared/img/tick.png');
background-repeat: no-repeat;
background-position: 0 1px;
}
.req .red {
color: #990000;
background-image: url('../img/no.gif');
background-repeat: no-repeat;
background-position: 0 3px;
}

.billingright2 {
float: right; 
width: 160px;
}

.cc {
width: 162px;
height: 24px;
background-image: url('../img/cc.png');
background-repeat: no-repeat;
margin: 5px 0 5px 0;
}
.review td {
border-bottom: 1px solid #E0D9CE;
padding: 10px 10px 10px 10px;
border-right: 1px solid #E0D9CE;
}
.due {
font-size: 16px;
}
.dueprice {
font-weight: bold;
font-size: 16px;
color: #006702;
}
.agree {
padding: 0px;
margin: 0px;
}
.agree input {
position: relative;
top: 2px;
margin-right: 5px;
}
.attn {
color: #B03D5E;
position: relative;
left: 4px;
}
.column td {
width: 50%;

}
.leftsum {
float: left;
margin: 2px;
}
.rightsum {
float: right;
}
.right select {
margin: 0px 0 0 0;
padding: 0px 0 0 0px;
font-size: 11px;
position: relative;
border: 1px solid #b5b5b5;
}
.free {
font-weight: bold; 
color: #B93D0A;
}
.row {
font-size: 14px;
font-weight: trebuchet ms;
margin: 0px 0 0px 0;
padding: 5px;
}
.green {
color: #007700;
}
.clear {
clear: both;
}
.domainleft {
width: 320px;
float: left;
}
.domainright {
width: 320px;
float: right;
}
.or {
background-image: url('../img/or.png');
background-repeat: no-repeat;
background-position: center;
height: 125px;
}
.dmntype {
font-size: 12px;
margin-bottom: 5px;
}
.domainname {
font-size: 14px;
font-weight: bold;
margin-bottom: 2px;
color: #21507E;
}
select {
border: 1px solid #999;
font-size: 10px;
-moz-border-radius: 2px;
}
.agree {
font-family: trebuchet ms;
font-weight: bold;
font-size: 14px;
}
.creditcard label, .creditcard input {
display: block;
}
.selectbox {
color: #323232;
background-color: #efefef;
padding: 15px 15px 15px 15px;
border: 1px solid #9f9f9f;
border-top: 1px solid #21507E;
border-bottom: none;
}
.titlebar {
padding: 4px;
font-family: trebuchet ms;
font-weight: bold;
font-size: 14px;
color: #333;
margin-bottom: 0px;
border: 1px solid #d0d0d0;
background-image: url('../img/agree.png');
background-repeat: none;
}
.column .colwrap {
padding: 10px;

}
.billinginputs {
}
.checkbox {
display: inline;
width: 0px;
}
.checkbox strong {
position: relative;
bottom: 2px;
margin-right: 15px;
}
.colwrap select {
font-size: 12px;
font-weight: bold;
font-family: trebuchet ms;
}





/*  # NEW 2011  */

#nav {background-color: #fff;}
.nav-thin ul { background:#2355a0 url(http://1price.net/images2011/menubar_gradient.jpg) repeat-x;  padding: 10px 0 10px 0; margin:
0 25px 0 25px;}
.nav-thin ul li {display: inline; font-size: 11px; position: relative; margin: 0; }
.nav-thin ul li a{color: #fff; text-decoration: none; padding:5px 29px; margin-right: -4px;}
.nav-thin ul a:hover{/* background-color: #0c0c0c;  color: #5582d5; */ color: #b4a485; padding: 5px 29px; margin-right: -4px;}
a.nav-thin-right {border-right: 2px solid #9bb5dc;}
 
.loginkey {margin-left: 20px; padding-left: 27px; background: url(http://images.ipage.com/icons/bullet_key.png) no-repeat 0px -3px;
}  

.lpnav ul li a{padding:5px 42px;}
.lpnav ul a:hover{padding: 5px 42px;}
 
#hd, #bd {  background-color: #fff; width:950px; min-width:950px; overflow: hidden; margin-left:10px;
        padding: 0 26px 1em; text-align:left; }

/* bd navigation */
#navcomponent .navblock { margin-left: 10px; }
#navcomponent .navblock { margin-top: 10px; }
#navcomponent .navblock { border:1px solid #5582d5;margin-bottom:1.5em; }
#navcomponent .navblock h3 { background-color:#3875e4;font-size:123.1%;font-weight: bold; }
#navcomponent .navblock h3 a { color: #fff;display:block;padding:.5em .5em .3em; }
#navcomponent .navblock h3 a,#bd #navcomponent .navblock h3 a:link,#bd #navcomponent .navblock h3 a:visited {text-decoration:none;}
#navcomponent .navblock h3 a:hover,#bd #navcomponent .navblock h3 a:active {}
#navcomponent .navblock ul li { background:#e0d9cd;border-top:1px solid #5582d5;line-height:1.3em; }
#navcomponent .navblock ul li:hover { background:#698ffc; }
#navcomponent .navblock ul li a { display:block;padding:.5em;*height:100%; }
#navcomponent .navblock ul li a,#bd #navcomponent .navblock ul li a:link,#bd #navcomponent .navblock ul li a:visited { color:#333;te
xt-decoration:none; }
#navcomponent .navblock ul li a:hover,#bd #navcomponent .navblock ul li a:active { background:#d1dfc3;text-decoration:underline; }

/* displaybox */   
.displaybox { margin-bottom: 1em;
        margin-left: 10px;
        background:#fefbd7;
        border:1px solid #9dca0f;
        color: #333;
        padding:7px;
        text-decoration:none; }
.displaybox h2 { font-size:108%;
        padding:7px;
        font-weight:bold;
        background:#9dca0f;
        margin:0px;
        color:#fff;
        margin:-7px -7px 7px;
        font-weight:bold; }
.displaybox h2 a, .displaybox h2 a:hover, .displaybox h2 a:visited { color:#fff; }
.padded { padding:1em; }
/* end displaybox */