/* The Hosting Factory - Core Stylesheet */

	/* Outline */

/* A) Typography */

/* &&> 1. Headers */
/* &&> 2. Links */
/* &&> 3. Lists */
/* &&> 4. Miscellaneous */

/* B) Navigation */

/* &&> 1. Position */
/* &&> 2. Normal */
/* &&> 3. Hover */
/* &&> 4. Active */

/* C) Header */

/* D) Header Images */

/* E) Sitemap */

/* F) Footer */

/* -- Homepage -- */

/* G) Hosting Plans */

/* H) Domain Registration */

/* I) Dedicated Servers */

/* J) Ads */

/* K) Something... */

/* L) Lightbox */

/* -- Order Form -- */

/* M) Main Side Frame */

	/* ------ */

/* Let the games begin! */

* {
	margin: 0;
	padding: 0;
	}

body {
	background: #2a2a2a url(../i/body_bg.jpg) repeat-x top;
	color: #ccc;
	font: 12px/22px "lucida grande","lucida sans unicode","trebuchet ms",verdana,sans-serif;
	font-weight: 300;
	min-width: 980px;
	opacity: 0.999;
	}

body.foureyes {
	font-size: 14px;
	color: #fff;
	}

body.order {
	background-image: url(../i/body_bg_clipped.jpg);
	}

body.content {
	background-image: url(../i/body_bg_darkened.jpg);
	}

.container {
	clear: both;
	margin: 0 auto;
	width: 960px;
	}

.clear {
	clear: both;
	}

#dummy {
	background: #222;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 501px;
	width: 1px;
	}

.right {
	float: right;
	}

.left {
	float: left;
	}



/* A) Typography */

p {
	color: #ccc;
	}

p strong {
	color: #ddd;
	}

body.foureyes p {
	color: #fff;
	}

.content #main p {
	color: #777;
	font-size: 11px;
	line-height: 18px;
	margin: 0 0 7.5px 10px;
	}

.foureyes.content #main p {
	color: #ccc;
	font-size: 12px;
	}

/* &&> 1. Headers */

h2 {
	color: #ccc;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 0.25em 0;
	}

.foureyes h2 {
	font-size: 21px;
	color: #fff;
	}

.content #main h2 {
	background: url(../i/order/dots.jpg) repeat-x bottom;
	margin: 5px 0px 10px 0;
	padding: 5px 10px 8px 10px;
	}

.contact #main #right h2 {
	padding-left: 215px;
	}

.foureyes.content #main h2 {
	color: #fff;
	padding-bottom: 12px;
	}

.content #main h3 {
	color: #ccc;
	font-size: 13px;
	font-weight: 400;
	margin: 10px 0 0 10px;
	}

.foureyes.content #main h3 {
	color: #fa0;
	font-size: 14px;
	}

/* &&> 2. Links */

a {
	color: #09f;
	color: #3fb2ff;
	cursor: pointer;
	}

a:hover {
	color: #9df;
	}

a:focus, a:active {
	outline: none;
	}

.content #main p a {
	color: #777;
	}

.content #main p a:hover {
	color: #ccc;
	}

.foureyes.content #main p a {
	color: #3fb2ff;
	}

.foureyes.content #main p a:hover {
	color: #9df;
	}

/* &&> 3. Lists */
/* &&> 4. Miscellaneous */

p.congratulations {
	background: #222;
	border: 2px solid #9c3;
	color: #aaa;
	margin: 10px 0 5px 0 !important;
	padding: 15px 20px !important;
	text-align: center;
	}

p span {
	background: #222;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	color: #eee;
	font-weight: 700;
	padding: 4px 5px;
	}

.foureyes p span {
	color: #fa0;
	}
	
p.sorry {
	background: #222;
	border: 1px solid #ef2148;
	color: #aaa;
	margin: 10px 0 5px 0;
	padding: 15px 20px;
	text-align: center;
	}

p.warning {
	background: #222;
	border: 1px solid #fa0;
	color: #aaa;
	margin: 10px 0 5px 0;
	padding: 15px 20px;
	text-align: center;
	}

p.continue_note {
	float: right;
	margin: 15px 20px 0 0;
	}

/* B) Navigation */

/* &&> 1. Position */

#navigation {
	display: block;
	list-style: none;
	margin: 0 auto;
	height: 100px;
	width: 960px;
	}

#navigation li {
	float: left;
	}

#navigation li a {
	background: #2a2a2a url(../i/navigation.jpg) no-repeat top left;
	color: #ccc;
	display: block;
	height: 95px;
	width: 100px;
	text-align: center;
	}

#navigation li a span {
	display: none;
	}
	
#navigation li a.logo {
	background: #2a2a2a url(../i/logo.jpg) no-repeat top left;
	width: 250px;
	margin: 0 86px 0 0;
	}

/* &&> 2. Normal */

#navigation .home {
	background-position: 0 0;
	}

#navigation .hosting {
	background-position: -100px 0;
	}

#navigation .why {
	background-position: -200px 0;
	}

#navigation .support {
	background-position: -300px 0;
	}

#navigation .company {
	background-position: -400px 0;
	}

#navigation .order {
	background-position: -500px 0;
	}

/* &&> 3. Hover */

#navigation .home:hover,#navigation .home.opened {
	background-position: 0 -200px;
	}

#navigation .hosting:hover,#navigation .hosting.opened  {
	background-position: -100px -200px;
	}

#navigation .why:hover,#navigation .why.opened  {
	background-position: -200px -200px;
	}

#navigation .support:hover,#navigation .support.opened  {
	background-position: -300px -200px;
	}

#navigation .company:hover,#navigation .company.opened  {
	background-position: -400px -200px;
	}

#navigation .order:hover,#navigation .order.opened  {
	background-position: -500px -200px;
	}

/* &&> 4. Active */

.home #navigation .home {
	background: url(../i/navigation.jpg) no-repeat 0 -100px;
	height: 100px;
	}

.hosting #navigation .hosting {
	background: url(../i/navigation.jpg) no-repeat -100px -100px;
	height: 100px;
	}

/* Depracated 

.services #navigation .services {
	background: url(../i/navigation.jpg) no-repeat -200px -100px;
	height: 100px;
	}

*/

.why #navigation .why {
	background: url(../i/navigation.jpg) no-repeat -200px -100px;
	height: 100px;
	}

.support #navigation .support {
	background: url(../i/navigation.jpg) no-repeat -300px -100px;
	height: 100px;
	}

.company #navigation .company {
	background: url(../i/navigation.jpg) no-repeat -400px -100px;
	height: 100px;
	}

.order #navigation .order {
	background: url(../i/navigation.jpg) no-repeat -500px -100px;
	height: 100px;
	}

/* -- Opened submenu (anchor assigned class 'opened' by JS) */

/* &&> 5. Submenus */

#header .submenu {
	background: url(../i/headers/dark_factory.jpg) no-repeat -1295px 0;
	display: none;
	list-style: none;
	position: absolute;
	left: 336px;
	top: 0;
	z-index: 1;
	}

.home #header .submenu {
	background: url(../i/headers/dark_factory.jpg) no-repeat -1295px 0;
	}

body.tulips #header .submenu {
	background-image: url(../i/headers/tulips.jpg);
	}

.tulips #header .submenu a {
	color: #1b3505;
	}

.tulips #header .submenu a:hover {
	background-image: url(../i/alpha50.png);
	}

body.daisy #header .submenu {
	background-image: url(../i/headers/daisy.jpg);
	}

.daisy #header .submenu a:hover {
	background-image: url(../i/alpha30.png);
	}

.field #header .submenu {
	background-image: url(../i/headers/field.jpg);
	}

.order #header .submenu,.content #header .submenu {
	background: #333;
	opacity: .95;
	}

.order #header .submenu a:hover,.content #header .submenu a:hover {
	background: #444;
	color: #fff;
	}

.field #header .submenu a {
	background-image: url(../i/alpha30.png);
	color: #0b367f
	color: #fff;
	color: #092a63;
	}

.field #header .submenu a:hover {
	background-image: url(../i/alpha50.png);
	color: #000;
	}

#hosting_submenu li,#why_submenu li,#support_submenu li,#company_submenu li {
	display: block;
	float: left;
	line-height: 40px;
	margin: 0 1px 0 0;
	height: 40px;
	}

#hosting_submenu a,#why_submenu a,#support_submenu a,#company_submenu a {
	background: transparent url(../i/alpha00.png) repeat;
	color: #555;
	color: #fff;
	display: block;
	padding: 0 25px;
	text-align: center;
	text-decoration: none;
	}

#hosting_submenu a:hover,#why_submenu a:hover,#support_submenu a:hover,#company_submenu a:hover {
	background-image: url(../i/alpha30.png);
	color: #fff;
	}

/*
#hosting_submenu.active,#why_submenu.active,#support_submenu.active {
	display: block;
	}
	*/

/* C) Header */

#header {
	margin: 0 auto;
	position: relative;
	height: 190px;
	width: 960px;
	}

.home #header {
	background: #333 url(../i/headers/dark_factory.jpg) no-repeat top left;
	}

#header #header_nav {
	display: block;
	list-style: none;
	padding: 5px 10px 0 10px;
	width: 316px;
	height: 179px;
	}

#header #header_nav li {
	padding: 2px 0 3px 0;
	}

#header_nav li a {
	background: url(../i/headers/dark_factory.jpg) no-repeat;
	display: block;
	height: 52px;
	overflow: hidden;
	}

#header_nav li a span {
	display: none;
	}

#header_nav a.login {
	background-position: -10px -7px;
	}

#header_nav a.login:hover {
	background-position: -970px -7px;
	}

#header_nav a.chat {
	background-position: -10px -64px;
	}

#header_nav a.chat:hover {
	background-position: -970px -64px;
	}

#header_nav a.which {
	background-position: -10px -121px;
	}

#header_nav a.which:hover {
	background-position: -970px -121px;
	}

/* D) Header Images */

	/* -- Default Homepage one for now: lib/i/headers/dark_factory.jpg */

body.tulips #header,body.tulips #header_nav li a {
	background-image: url(../i/headers/tulips.jpg);
	}

body.field #header,body.field #header_nav li a {
	background-image: url(../i/headers/field.jpg);
	}

body.daisy #header,body.daisy #header_nav li a {
	background-image: url(../i/headers/daisy.jpg);
	}

body.daisy .patch_a {
	background: url(../i/headers/daisy_a.jpg) no-repeat top left;;
	display: block;
	position: absolute;
	top: 60px;
	right: -20px;
	height: 100px;
	width: 20px;
	}

body.daisy .patch_b {
	background: url(../i/headers/daisy_b.jpg) no-repeat top left;;
	display: block;
	position: absolute;
	right: 50px;
	bottom: -20px;
	height: 20px;
	width: 200px;
	}

/* E) Sitemap & #prefooter buttons */

#prefooter {
	background: #1d1d1d url(../i/prefooter_bg.jpg) repeat-x top;
	clear: both;
	padding: 6px 0 0 0;
	}

#prefooter .container {
	position: relative;
	}

#prefooter .wrap {
	background: url(../i/prefooter_bottom.jpg) repeat-x bottom;
	padding: 0 0 8px 0;
	}

#sitemap {
	clear: both;
	display: none;
	}

#sitemap.opened {
	display: block;
	padding: 5px 0;
	}

/* -- Sitemap Layout */

#sitemap .column {
	float: left;
	width: 132px;
	margin: 0 3px 0 25px;
	}

/* 5 Column Patch */

#sitemap .last.column {
	display: none;
	}

#sitemap .column {
	width: 164px;
	}

#sitemap .column ul {
	list-style: none;
	}

#sitemap h4 {
	font: 14px/24px "lucida grande","trebuchet ms",verdana,sans-serif;
	margin: 15px 0 5px 0;
	}

#sitemap h4 a {
	color: #ccc;
	color: #fff;
	text-decoration: none;
	}

.foureyes #sitemap h4 {
	font-size: 17px;
	}

.foureyes #sitemap h4 a {
	color: #6dcff6;
	color: #5af;
	}

#sitemap h4 a:hover {
	color: #fff;
	}

#sitemap h5 {
	font: 13px/24px "lucida grande","trebuchet ms",verdana,sans-serif;
	margin: -5px 0 0 0;
	}

.foureyes #sitemap h5 {
	font-size: 14px;
	}

#sitemap h5 a {
	color: #00aeef;
	color: #fece40;
	color: #ccc;
	padding: 0;
	text-decoration: none;
	}

.foureyes #sitemap h5 a {
	color: #e92;
	}

#sitemap ul {
	margin: 0 0 15px 0;
	}

#sitemap li {
	color: #ccc;
	font: 12px/22px "lucida grande","trebuchet ms",verdana,sans-serif;
	}

.foureyes #sitemap li {
	font-size: 13px;
	}

#sitemap li a {
	background: url(../i/arrows/blue_1d.jpg) no-repeat top left;
	color: #777;
	padding: 0 0 0 20px;
	text-decoration: none;
	}

.foureyes #sitemap li a {
	color: #ccc;
	}

#sitemap li a:hover {
	background-image: url(../i/arrows/blue_1d_hover.jpg);
	color: #eee;
	}

.foureyes #sitemap li a:hover {
	color: #5af;
	}

/* -- Sitemap button */

#sitemap_toggle {
	background: url(../i/sitemap_button.jpg) no-repeat top left;
	display: block;
	margin: 0 0 0 25px;
	height: 33px;
	width: 100px;
	}

#sitemap_toggle span {
	display: none;
	}

#sitemap_toggle:hover {
	background-position: 0 -99px;
	}

#sitemap_toggle.opened {
	background-position: 0 -33px;
	}

#sitemap_toggle.opened:hover {
	background-position: 0 -66px;
	}

	/* -- Font Sizer */

#font_resize {
	position: absolute;
	right: 0;
	top: 5px;
	}

#font_resize a {
	cursor: pointer;
	text-decoration: none;
	font-weight: 800;
	}

#font_normal {
	font-size: 11px;
	}
	
#font_foureyes {
	font-size: 15px;
	}

/* Inactive Font */

#font_foureyes,body.foureyes #font_normal {
	color: #555;
	}

#font_foureyes:hover,body.foureyes #font_normal:hover {
	color: #ccc;
	}


/* Active Font */

#font_normal,body.foureyes #font_foureyes {
	color: #ccc;
	}


/* F) Footer */

#footer {
	padding: 8px 0 5px 0;
	height: 45px;
	}

#footer p span  {
	display: none;
	}

#footer #copyright {
	background: url(../i/footer_copyright.jpg) no-repeat top left;
	float: left;
	margin: 0 10px 0 57px;
	margin: 0 10px 0 65px;
	height: 40px;
	width: 366px;
	}

.order #footer #copyright {
	margin-left: 20px;
	}

#footer #loginorder {
	background: url(../i/footer_loginorder.jpg) no-repeat top left;
	float: left;
	margin: 0 10px 0 0;
	height: 40px;
	width: 216px;
	}


.order #footer #loginorder {
	display: none;
	}

#footer #ccards {
	background: url(../i/footer_ccards.jpg) no-repeat top left;
	float: left;
	height: 40px;
	width: 216px;
	}

#footer #encrypted {
	background: url(../i/footer_encrypted.jpg) no-repeat top left;
	float: left;
	margin: 0 10px 0 0;
	height: 40px;
	width: 304px;
	}	
	
#footer #encrypted {
	display: none;
	}

.order #footer #encrypted {
	display: block;
	}


	/* -- Links */

#footer p a {
	display: block;
	height: 20px;
	}

#footer #copyright .fineprint {
	width: 85px;
	margin: 10px 0 0 273px;
	}

#footer #loginorder .login {
	float: left;
	width: 110px;
	margin: 10px 2px 0 10px;
	}

#footer #loginorder .order {
	float: left;
	margin: 10px 0 0 0;
	width: 86px;
	}

/* -- Homepage -- */

/* G) Hosting Plans */

#plans {
	padding: 7px 0 0 0;
	}

#plans .plan {
	float: left;
	min-height: 220px;
	position: relative;
	}

/* -- Corners --*/

#plans #reseller {
	background: #111 url(../i/rc3/302t.jpg) no-repeat top left;
	margin: 0 10px 0 0;
	width: 302px;
	}

#plans #vps {
	background: #111 url(../i/rc3/302t.jpg) no-repeat top left;
	margin: 0 0 0 0;
	width: 302px;
	}

#plans #shared {
	background: #111 url(../i/rc3/335t.jpg) no-repeat top left;
	margin: 0 11px 0 0;
	width: 335px;
	}

#plans .fragment {
	background: transparent;
	padding: 15px 10px 55px 20px;
	}

/* -- Logo Images */

.fragment#s150 {
	background: url(../i/hosting/s150_small.jpg) no-repeat right 10px;
	}

.fragment#s500 {
	background: url(../i/hosting/s500_small.jpg) no-repeat right 10px;
	}

.fragment#r150 {
	background: url(../i/hosting/r150_small.jpg) no-repeat right 7px;
	}

.fragment#r300 {
	background: url(../i/hosting/r300_small.jpg) no-repeat right 7px;
	}

.fragment#r500 {
	background: url(../i/hosting/r500_small.jpg) no-repeat right 7px;
	}

.fragment#v300 {
	background: url(../i/hosting/v300_small.jpg) no-repeat right 10px;
	}

.fragment#v750 {
	background: url(../i/hosting/v750_small.jpg) no-repeat right 11px;
	}

.fragment ul li {
	color: #777;
	font-size: 11px;
	}

.foureyes .fragment ul li {
	color: #ccc;
	font-size: 13px;
	}

.fragment ul li span {
	color: #ccc;
	font-weight: 800;
	}

.foureyes .fragment ul li span {
	color: #fa0;
	color: #fff;
	}

.fragment .pricing li span,.foureyes .fragment .pricing li span {
	color: #9c3;
	}

.fragment ul {
	list-style: none;
	}

.fragment .pricing {
	margin: 0.75em 0 0 0 ;
	}

/* -- Titles */

.fragment h2 a,.fragment#solar a {
	border-bottom: 1px dotted #fa0;
	color: #fa0;
	font-size: 15px;
	text-decoration: none;
	}

#dedicated .fragment h2 a {
	font-size: inherit;
	}

.fragment#s500 h2 a,.fragment#v750 h2 a,.fragment#r500 h2 a,.fragment#hydro a {
	color: #39f;
	border-bottom-color: #39f;
	}

.fragment#r300 h2 a,.fragment#wind a {
	color: #9c3;
	border-bottom-color: #9c3;
	}

.fragment#atomic a {
	color: #f06;
	border-bottom-color: #f06;
	}

.foureyes .fragment h2 a {
	font-size: 18px;
	}

.fragment h2 a:hover {
	border-bottom: 1px dotted #fd7;
	color: #fd7;
	}
	
/* -- tab Submenus */

.plan .anchors,#dedicated .anchors {
	/* Image applied specifically later based on width (next 2 selectors) */
	display: block;
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 0;
	
	padding: 0 50px 0 20px;
	border-top: 1px solid #222;
	
	}

#reseller .anchors,#vps .anchors {
	background: #1d1d1d url(../i/rc3/anchors_302b.jpg) no-repeat bottom left;
	width: 232px;
	}

#shared .anchors {
	background: #1d1d1d url(../i/rc3/anchors_335b.jpg) no-repeat bottom left;
	width: 265px;
	}

#dedicated .anchors {
	background: #1d1d1d url(../i/rc3/anchors_475b.jpg) no-repeat bottom left;
	width: 405px;
	}

.anchors span {
	background: #1d1d1d url(../i/plan_submenu_border.jpg) repeat-x top;
	display: block;
	padding: 0 50px 0 20px;
	min-height: 2px;
	}

.anchors li {
	cursor: pointer;
	float: left;
	}

.anchors a {
	color: #555;
	display: block;
	margin: 0 15px 0 0;
	padding: 10px 0;
	text-decoration: none;
	}

.foureyes .anchors a {
	color: #ccc;
	}

.anchors a:hover {
	color: #fa0;
	color: #fff;
	color: #0cf;
	}

.anchors .tabs-selected a, .anchors a:focus,.anchors a:active {
	color: #ccc;
	color: #fa3;
	color: #fff;
	}

.foureyes .anchors .tabs-selected a,.foureyes  .anchors a:focus,.foureyes .anchors a:active {
	color: #e92;
	color: #fa0;
	}

/* -- Order buttons (cant have inline in list - because links to external page and not an anchor) */

.plan .orderbutton {
	color: #555;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 20px;
	text-decoration: none;
	}

.plan .orderbutton:hover {
	color: #9df;
	}

/* H) Domain Registration */

#domains {
	clear: left;
	float: left;
	margin: 10px 10px 0 0;
	width: 475px;
	}

#domains .pricing {
	background: #111 url(../i/rc3/475t.jpg) no-repeat top left;
	margin: 0 0 10px 0;
	}

#domains .registration {
	background: #111 url(../i/rc3/475t.jpg) no-repeat top left;
	margin: 0 0 10px 0;
	}

#domains fieldset {
	border: 0 none;
	}

#domains .octopus {
	background: transparent url(../i/rc3/475b.jpg) no-repeat bottom left;
	min-height: 175px;
	padding: 15px 20px;
	}

#domains .registration .octopus {
	min-height: 40px;
	}

#domains .pricing ul {
	list-style: none;
	margin: 0 0 0.75em 0;
	}

#domains .pricing ul span {
	color: #ccc;
	font-size: 12px;
	}

.foureyes #domain .pricing ul span {
	color: #fff;
	font-size: 13px;
	}

#domains .pricing li {
	border-bottom: 1px dotted #333;
	position: relative;
	}

#domains .pricing ul .price {
	color: #9c3;
	font-size: 11px;
	font-weight: 700;
	xfont:  700 11px/22px "lucida grande","verdana","trebuchet ms","verdana",sans-serif;
	position: absolute;
	left: 345px;
	}

#domains .pricing span.price span {
	color: #777;
	font-size: 11px;
	}

.foureyes #domains .pricing ul .price {
	font-size: 13px;
	}

#domains .notif {
	border: 1px solid #00aeef;
	border-width: 1px 0;
	color: #ccc;
	font-size: 11px;
	margin: 15px 0 0 0;
	padding: 5px 0;
	text-align: center;
	}

#domains .registration form {
	padding: 3px 0 0 0;
	position: relative;
	width: 450px;
	}

#domains .registration input {
	background: #0a0a0a;
	border: 1px solid #222 !important;
	color: #ccc;
	display: block;
	float: left;
	font-size: 12px;
	margin: 1px 13px 0 0;
	padding: 7px 10px;
	height: 14px;
	width: 275px;
	}

#domains .registration input:focus {
	background: #000;
	color: #fff;
	}

#domains .registration select {
	float: left;
	margin: 5px 10px 0 0;
	width: 75px;
	}

#domains .registration button {
	background: url(../i/button_blue.jpg) no-repeat top left;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 13px;
	line-height: 35px;
	margin: 0;
	padding: 0px 5px 2px 0;
	text-align: center;

	position: absolute;
	top: 3px;
	right: 0px;
	
	height: 35px;
	width: 140px;
	}

#domains .registration button:hover {
	background-image: url(../i/button_blue_hover.jpg);
	}

/* I) Dedicated Servers */

/* a few declarations in with .plans above -- for shared submenu code */

.home #dedicated {
	background: #111 url(../i/rc3/475t.jpg) no-repeat top left;
	float: left;
	margin: 10px 0 0 0;
	position: relative;
	min-height: 235px;
	min-height: 285px;
	width: 475px;
	}

.home #dedicated .fragment {
	padding: 15px 10px 35px 20px;
	}

.home #dedicated .fragment#dedicated_overview  {
	background: url(../i/hosting/dedicated_4s.jpg) no-repeat  0 3px;
	padding: 15px 10px 35px 20px;
	}

.home #dedicated_overview h2 {
	margin: 0 20px 8px 0;
	text-align: center;
	text-align: left;
	}

.home #dedicated_overview a {
	background: url(../i/hosting/dedicated_4s.jpg) no-repeat -20px -42px;
	float: left;
	display: block;
	margin: 0 10px 14px 0;
	height: 85px;
	width: 213px;
	}

.home #dedicated_overview a.wind {
	background-position: -244px -42px;
	}

.home #dedicated_overview a.hydro {
	background-position: -20px -141px;
	}

.home #dedicated_overview a.atomic {
	background-position: -244px -141px;
	}

.home #dedicated_overview a:hover {
	background-image: url(../i/hosting/dedicated_4s_hover.jpg);
	}

.foureyes.home #dedicated_overview a {
	background-image: url(../i/hosting/4e_dedicated_4s.jpg);
	}

.home #dedicated_overview a.wind,.home #dedicated_overview a.atomic {
	margin-right: 0;
	}

.home #dedicated_overview a span {
	display: none;
	}

/* J) Ads */

#ads {
	background: #1d1d1d url(../i/home_ads_top_bg.jpg) repeat-x top;
	clear: both;
	padding: 10px 0 8px 0;
	}

#ads .ad {
	background: #111;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	height: 121px;
	width: 233px;
	}

.ad span {
	display: none;
	}

#ads .blog {
	background: url(../i/ads/blog.jpg) no-repeat top left;
	width: 232px;
	}

#ads .why_us {
	background: url(../i/ads/why_us.jpg) no-repeat top left;
	width: 233px;
	}
	
#ads .customer_testimonials {
	background: url(../i/ads/customer_testimonials.jpg) no-repeat top left;
	width: 232px;
	}

#ads .save_your_money {
	background: url(../i/ads/save_your_money.jpg) no-repeat top left;
	margin: 0;  /* No right margin on last ad! */
	width: 233px;
	}

#ads .ad:hover {
	background-position: 0 -121px;
	}

/* L) Lightbox */

.light { /* Turn this on after you're finished designing, it'll be toggled through JS. */
	display: none; 
	}

.opened.light {
	display: block;
	}

body.loading .light#loading {
	display: block;
	}

.light .error_message {
	text-align: center;
	}

.light img.loading {
	display: block;
	margin: 0 auto;
	padding: 20px 0 0 0;
	}


.darkness {
	background: #000;
	display: block;
	position: fixed;

	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.70;
	
	height: 100%;
	width: 100%;
	z-index: 10;
	}

/* Top & Bottom Controls */

.window_top  {
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	padding: 0 30px 0 20px;
	z-index: 12;
	}

a.close {
	background: url(../i/light/x.png) no-repeat right 1px;
	color: #aaa;
	float: right;
	padding: 0 25px 0 0;
	margin: 5px 15px 0 0;
	text-align: right;
	text-decoration: none;
	}

a.close:hover {
	background-image: url(../i/light/x_hover.png);
	color: #fff;
	}

/* Window is North, North is South, South is Window... basically the y-bg has to be padded inside */

.window {
	background: url(../i/light/window_top.png) no-repeat 0 25px;
	margin: 0 0 0 -300px;
	position: fixed;
	left: 50%;
	top: 15%;
	z-index: 11;
	width: 650px;
	}

.window .north {
	background: url(../i/light/window_bottom.png) no-repeat bottom left;
	padding: 70px 0 45px 0;
	text-align: right;
	}
	
.window .south {
	background: url(../i/light/window_bg.png) repeat-y left;
	padding: 0 30px 0 20px;
	min-height: 250px;
	}

#customer_login form {
	background: url(../i/light/login_bg.jpg) no-repeat top left;
	position: absolute;
	top: 85px;
	left: 115px;
	height: 175px;
	width: 375px;
	}

#customer_login form fieldset {
	border: 0 none;
	}

#customer_login .username_label {
	opacity: 0;
	filter:alpha(opacity=00);
	-moz-opacity: 0.0;
	
	position: absolute;
	top: 60px;
	left: 62px;
	width: 80px;
	}

#customer_login .password_label {
	opacity: 0;
	filter:alpha(opacity=00);
	-moz-opacity: 0.0;
	
	position: absolute;
	top: 102px;
	left: 62px;
	width: 80px;
	}

#customer_login #login_username {
	background: #fff url(../i/light/login_username.jpg) no-repeat top left;
	border: 0 none;
	color: #fff;
	font-size: 12px;
	display: block;
	line-height: 30px;
	padding: 8px 10px 2px 8px;
	height: 20px;
	width: 157px;
	
	position: absolute;
	top: 56px;
	left: 155px
	}

#customer_login #login_username:hover {
	background-position: 0 -30px;
	}

#customer_login #login_username:focus {
	background-position: 0 -60px;
	}

#customer_login #login_password {
	background: #fff url(../i/light/login_password.jpg) no-repeat top left;
	border: 0 none;
	color: #fff;
	font-size: 12px;
	display: block;
	line-height: 30px;
	padding: 8px 10px 2px 8px;
	height: 20px;
	width: 157px;
	
	position: absolute;
	top: 100px;
	left: 155px
	}

#customer_login #login_password:hover {
	background-position: 0 -30px;
	}

#customer_login #login_password:focus {
	background-position: 0 -60px;
	}

#customer_login #login_submit {
	background: url(../i/light/login_button_bg.jpg) no-repeat top left;
	border: 0 none;
	display: block;
	position: absolute;
	top: 175px;
	left: 155px;
	height: 39px;
	width: 104px;
	}

#customer_login #login_submit span {
	display: none;
	}	

#customer_login #login_submit:hover {
	background: url(../i/light/login_button_hover.jpg) no-repeat top left;
	}

#customer_login #forgot_password {
	background: url(../i/icons/help_25.jpg) no-repeat center left;
	color: #252525;
	padding: 0 0 0 27px;
	position: absolute;
	top: 105px;
	left: 352px;
	left: 375px;
	text-decoration: none;
	}

#customer_login #forgot_password:hover {
	background-image: url(../i/icons/help_25_hover.jpg);
	color: #444;
	color: #252525;
	}

/* M) Main Side Frame */

.order #header {
	background: transparent;
	position: absolute;
	margin: 0 0 0 -480px;
	left: 50%;
	top: 100px;
	height: auto;
	width: 960px;
	}

.order #main {
	background: url(../i/main_bg_split_r.jpg) repeat-y top center;
	}

/* -- Right / Left Split */

.order #left {
	margin: 0 345px 0 0;
	width: 575px;
	}

.order #right {
	float: right;
	padding: 15px 0;
	width: 345px;
	}

.order #right h2 {
	background: url(../i/order/shopcartcheckout.jpg) no-repeat 0 0;
	display: block;
	margin: 15px 0 10px 0;
	height: 40px;
	}

.order #right p {
	color: #aaa;
	font-size: 13px;
	margin: 25px 0 0 65px;
	}

.order #right small {
	color: #555;
	display: block;
	margin: 3px 50px 35px 65px;
	font-size: 10px;
	}

.order #right h2 span {
	display: none;
	}

/* Order - Right Menu */

.order #right .shop h2 {
	background-position: 0 0;
	}

.order #right .cart h2 {
	background-position: 0 -40px;
	}

.order #right .checkout h2 {
	background-position: 0 -80px;
	}

.order #right ul {
	background: url(../i/order/list_divider.jpg) no-repeat top left;
	list-style: none;
	margin: 0 0 0 25px;
	}

.order #right ul li {
	background: url(../i/order/list_divider.jpg) no-repeat bottom left;
	color: #555;
	padding: 5px 0 5px 15px;
	}

.order #right ul a {
	color: #555;
	cursor: default;
	text-decoration: none;
	}

.order #right ul a.completed {
	background: url(../i/order/right_check_2.jpg) no-repeat center left;
	color: #9c6;
	padding: 0 0 0 25px;
	}	

.order #right ul a.active {
	background: url(../i/order/right_active_orange.jpg) no-repeat center left;
	color: #fa0;
	cursor: default;
	padding: 0 0 0 25px;
	}

/* -- Completed Links */

body.shop_register a.shop_search,
body.shop_type a.shop_register,
	body.shop_type a.shop_search,
body.shop_plan a.shop_type,
	body.shop_plan a.shop_register,
	body.shop_plan a.shop_search,
body.checkout_login a.shop_plan,
	body.checkout_login a.shop_type,
	body.checkout_login  a.shop_register,
	body.checkout_login  a.shop_search,
body.checkout_billing a.shop_plan,
	body.checkout_billing a.shop_type,
	body.checkout_billing  a.shop_register,
	body.checkout_billing  a.shop_search,
	body.checkout_billing a.checkout_login,
body.checkout_order a.checkout_billing,
	body.checkout_order a.checkout_login,
	body.checkout_order a.shop_plan,
	body.checkout_order a.shop_type,
	body.checkout_order a.shop_register,
	body.checkout_order a.shop_search,
body .checkout_checkout a.checkout_order,
	body .checkout_checkout a.checkout_billing,
	body .checkout_checkout a.checkout_login,
	body .checkout_checkout a.shop_plan,
	body .checkout_checkout a.shop_type,
	body .checkout_checkout a.shop_register,
	body .checkout_checkout a.shop_search {

	background: url(../i/order/right_check_2.jpg) no-repeat center left;
	color: #9c6 !important; /* To over-rule the #right specificity */
	cursor: pointer !important;
	padding: 0 0 0 25px;
	}

body.shop_search a.shop_search,
body.shop_register a.shop_register,
body.shop_type a.shop_type,
body.shop_plan a.shop_plan,
body.checkout_login a.checkout_login,
body.checkout_billing a.checkout_billing,
body.checkout_order a.checkout_order,
body .checkout_checkout a.checkout_checkout	{

	background: url(../i/order/right_active_orange.jpg) no-repeat center left;
	color: #fa0 !important;
	cursor: default;
	padding: 0 0 0 25px;
	}

.order .checkout {
	margin-bottom: 35px;
	}

#left hr {
	background: url(../i/order/dots.jpg) repeat-x bottom left;
	background-image: url(../i/order/hr_2.jpg);
	border: 0 none;
	padding: 10px 0 0 0;
	height: 2px;
	}

.order #left hr {
	clear: left;
	width: 575px;
	}

.order #left .plan hr {
	height: 2px;
	background-image: url(../i/order/hr.jpg);
	}

.order #left h1 {
	font-size: 18px;
	font-weight: 400;
	padding: 33px 0 1px 20px;
	}

.order #left h3 {
	font-size: 15px;
	font-weight: 400;
	margin: 10px 0 0 20px;
	}

.order fieldset {
	border: 0 none;
	padding: 10px 0 10px 25px;
	}

.order button {
	background-position: 0 0;
	border: 0 none;
	cursor: pointer;
	display: block;
	margin: 10px 0;
	height: 42px;
	}

.order fieldset.buttons {
	margin: 0px 0 0 0;
	padding: 0;
	height: 65px;
	}

.order button span {
	display: none;
	}

.order button:hover {
	background-position: 0 -42px;
	}

.foureyes.order button {
	background-position: 0 -42px;
	}

.foureyes.order button:hover {
	background-position: 0 0 ;
	}

.order button.forward {
	background-image: url(../i/order/continue.jpg);
	clear: left;
	float: right;
	width: 131px;
	}

.order button.back {
	float: left;
	clear: left;
	background-image: url(../i/order/back.jpg);
	width: 101px;
	}

.order button#login {
	background-image: url(../i/order/login.jpg) ;
	float: right;
	width: 101px;
	}

.order button.check_availability {
	background-image: url(../i/order/check_availability.jpg);
	float: right;
	width: 161px;
	}

.order button#createAccount {
	background-image: url(../i/order/create_account.jpg);
	float: right;
	width: 161px;
	}

.order input {
	background: #191919;
	border: 1px solid #333;
	border-width: 0 0 1px 0;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	border-right: 1px solid #333;
	color: #999;
	xdisplay: block;
	padding: 10px 0 0 10px;
	height: 23px;
	}

.foureyes input {
	font-size: 14px;
	}

/* Icons */

.order input {
	background: #191919 url() no-repeat right center;
	}

.order input.asterisk {
	background-image: url(../i/order/icons/asterisk_hover.jpg);
	}

.order input.caution {
	background-image: url(../i/order/icons/caution_hover.jpg);
	}

.order input.check {
	background-image: url(../i/order/icons/check_hover.jpg);
	}

.order input.error {
	background-image: url(../i/order/icons/error_hover.jpg);
	}

.order input.asterisk:focus {
	background-image: url(../i/order/icons/asterisk.jpg);
	}

.order input.caution:focus {
	background-image: url(../i/order/icons/caution.jpg);
	}

.order input.check:focus{
	background-image: url(../i/order/icons/check.jpg);
	}

.order input.error:focus {
	background-image: url(../i/order/icons/error.jpg);
	}

.foureyes input {
	font-size: 14px;
	}

.order input:hover {
	xborder-color: #00aeef;
	color: #ccc;
	}

.order input:focus {
	background: #111 url() no-repeat right center;
	color: #ccc;
	}

.foureyes .order input:focus {
	border-color: #ccc;
	}

p.instructions {
	color: #aaa;
	text-align: center;
	margin: 20px 0 10px 0;
	font-style: italic;
	}

/* Cart */

.cart h3 {
	color: #9c5;
	font-size: 14px;
	font-weight: 400;
	margin: 10px 0 0 55px;
	padding: 0 50px 0 0;
	}

.item {
	position: relative;
	}

.item .remove {
	background: url(../i/order/remove_icon.jpg) no-repeat left 3px;
	color: #777;
	display: block;
	font-size: 11px;
	padding: 0  0 0 23px;
	position: absolute;
	top: 1px;
	right: 45px;
	text-decoration: none;
	}

.item .remove:hover {
	background-position: left -23px;
	color: #f99;
	}

.item h3 {
	color: #ccc;
	margin: 10px 0 5px 15px;
	}

.order .cart .item {
	margin: 0 0 0 40px;
	}

.order #right .item ul {
	background: none;
	margin: 0;
	}

.order #right .item ul li {
	background: none;
	padding: 0;
	}

/* Cart Items */

.order .item .details {
	background: #252525;
	margin: 5px 0 10px 0px;
	-moz-border-radius: 5px;
	padding: 10px 5px 15px 15px;
	width: 250px;
	}

.order .item .addons {
	background: #252525;
	margin: 0 0 20px 0px;
	-moz-border-radius: 5px;
	padding: 10px 5px 15px 15px;
	width: 250px;
	}

.order #right .item li {
	color: #999;
	font-size: 11px;
	height: 18px;
	}

.order .item li span {
	position: absolute;
	right: 50px;
	color: #9c5;
	}

/* Cart Total */

.total {
	background: #252525;
	margin: 5px 0 10px 40px;
	-moz-border-radius: 5px;
	padding: 10px;
	width: 250px;
	}

.total dt {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 120px;
	}

.total dd {
	color: #9c5;
	display: block;
	margin: 0 0 0 10px;
	float: left;
	width: 100px;
	}

/* Domain Search */

.order .domain_search input {
	margin: 13px 0 10px 10px;
	width: 200px;
	}

.order .domain_search label {
	display: block;
	float: left;
	margin: 20px 0 0 0;
	}

/* Domain Taken */
/* Domain Buy */

.order .domain_buy input,
.order .domain_taken input { 
/* Radio Buttons */
	float: left;
	clear: left;
	display: block;
	margin: 7px 12px 0 0;
	height: auto;
	width: auto;
	}

.order .domain_buy label,.order .domain_taken label {
	float: left;	
	display: block;
	margin: 5px 0 0 0;
	}

.order .domain_buy label span { /* price color coding green */
	color: #9c3;
	}

/* Domain Transfer */

.order .domain_transfer label {
	clear: left;
	color: #777;
	display: block;
	float: left;
	margin: 9px 10px 0 0;
	text-align: right;
	width: 150px;
	}

.order .domain_transfer input {
	display: block;
	float: left;
	margin: 5px 0 0 0;
	width: 250px;
	height: auto;
	padding: 7px 10px;
	}

/* Inline Login Form */

.user_login,.create_account {
	padding: 5px 0 15px 20px;
	}

.order .create_account label,.order .user_login label {
	clear: left;
	color: #777;
	display: block;
	float: left;
	margin: 9px 10px 0 0;
	text-align: right;
	width: 150px;
	}

.order .create_account input,.order .user_login input {
	display: block;
	float: left;
	margin: 5px 0 0 0;
	width: 250px;
	height: auto;
	padding: 7px 10px;
	}

/* Billing Info */

.order .billing_information fieldset {
	padding: 15px 0 20px 0;
	}

.order .billing_information label {
	clear: left;
	color: #777;
	display: block;
	float: left;
	margin: 9px 10px 0 0;
	text-align: right;
	width: 170px;
	}

.order .billing_information input {
	display: block;
	float: left;
	margin: 5px 0 0 0;
	width: 250px;
	height: auto;
	padding: 7px 10px;
	}

.order .billing_information select {
	display: block;
	float: left;
	margin: 10px 0 0 0;
	}

.order #billing_city,.order #billing_zip {
	width: 85px;
	}

.order #billing_zip_label {
	clear: none;
	width: 48px;
	}

/* Credit Card Info */

#billing_cvv {
	width: 35px;
	}

#billing_expmon,#billing_expyear {
	margin: 9px 5px 0 0;
	width: 45px;
	}

#billing_cvv_label {
	clear: none;
	width: 93px;
	}

.month_year_split {
	float: left;
	margin: 7px 5px 0 0;
	}

.credit_card {
	background: #232323;
	border-top: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 20px 0 30px 0;
	margin: 10px 0;
	}

/* Paypal -- hidden by default, should be activated by dropdown switchage */

.order .paypal {
	display: none;
	
	background: #232323;
	padding: 20px 0 30px 0;
	margin: 10px 0;
	}

/* Choose Hosting Plans */

.order #shared_select,.order #reseller_select,.order #vps_select,.order #dedicated_select,.order #left .plan {
	background: #111 url(../i/rc3/282t.jpg) no-repeat top left;
	float: left;
	margin: 10px 11px 10px 0;
	width: 282px;
	}

.order #shared_select .wrap,.order #reseller_select .wrap,.order #vps_select .wrap,.order #dedicated_select .wrap,.order #left .plan .wrap {
	background: transparent url(../i/rc3/282b.jpg) no-repeat bottom left;
	padding: 15px 20px;
	}

.order #reseller_select,.order #dedicated_select,.order #s500.plan,.order #left .plan.rightmost {
	margin-right: 0;
	}

.order #r300.plan, .order #v500.plan, .order #d500.plan { 
     margin-right: 0;
     }

/* Plan Listings */

.order .plan fieldset.select {
	padding: 10px 10px 3px 0px;
	}

.order .plan fieldset label span {
	display: block;
	}

.order .plan fieldset label .price {
	color: #9c3;
	font-size: 11px;
	font-weight: 700;
	margin: 0 0 10px 0;
	}

.order .plan fieldset input {
	float: left;
	margin: 0 10px 0 0;	
	}

.order #left .plan hr {
	width: 245px;
	}

/* Order - Left side paragraph spacing */

.order #left p {
	padding: 10px 20px 10px 20px;
	}

/* Order - Definition List */

.order #left dl {
	margin: 0 0 0 20px;
	}

.order #left dl dt {
	color: #777;
	font-size: 11px;
	float: left;
	clear: left;
	margin: 7px 10px;
	width: 135px;
	text-align: right;
	}

.order #left dd {
	background: #222;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	float: left;
	padding: 1px 7px 0 7px;
	margin: 5px 5px 0 10px;
	}

.order #left dd.price {
	color: #9c3;
	}

/* Order - Addons */

.order .addons {
	background: #1d1d1d url(../i/rc3/575t.jpg) no-repeat top left;
	clear: left;
	margin: 10px 0 0 0;
	width: 575px;
	}

.pricing .order .addons {
	background-image: url(../i/rc3/614t.jpg);
	width: 614px;
	}

.order .addons fieldset {
	padding-left: 20px;
	}

.order .addons .wrap {
	background: url(../i/rc3/575b.jpg) no-repeat bottom left;
	padding: 10px 0px;
	}

.pricing .order .addons .wrap {
	background-image: url(../i/rc3/614b.jpg);
	}

.order .addons .price {
	color: #9c3;
	font-size: 11px;
	font-weight: 700;
	}

.order .addons input {
	float: left;
	margin: 0 10px 0 0;
	}

.order .addons small {
	color: #777;
	clear: left;
	display: block;
	font-size: 10px;
	line-height: 16px;
	margin: 4px 0 15px 25px;
	}

/* Basic 2 Column Layout */

.content #main,.blog #main {
	background: url(../i/main_bg_split_l.jpg) repeat-y top center;
	}

.content #main #mainwrap,.blog #main #mainwrap {
	background: url(../i/main_bg_split_l_top.jpg) no-repeat top center;
	}

.content #right {
	margin: 0 0 0 335px;
	xpadding: 5px 0px 5px 15px;
	width: 585px;
	}

.content #right {
	padding: 10px 0 15px 10px;
	width: 596px;
	width: 614px;
	}

.contact.content #right {
	width: 585px;
	}

.content #left {
	float: left;
	padding: 5px 10px 15px 10px;
	width: 315px;
	}

/* Contact Page */

.content #header {
	background: url(../i/headers/emblem.jpg) no-repeat left 10px;
	}

.contact #right {
	padding: 5px 5px 5px 10px;
	}

#contact_form {
	padding: 5px 0 10px 0;
	}

#contact_form label {
	color: #777;
	display: block;
	float: left;
	font-size: 11px;
	margin: 9px 15px 0 0;
	text-align: right;
	width: 200px;
	}

.foureyes #contact_form label {
	color: #aaa;
	color: #fa0;
	font-size: 12px;
	}

#contact_form label small {
	color: #444;
	display: block;
	font-size: 10px;
	margin: 0px 0 0 65px;
	line-height: 14px;
	text-align: right;
	}

.foureyes #contact_form label small {
	color: #777;
	font-size: 11px;
	}

#contact_form input,#contact_form textarea {
	background: #191919;
	border: 1px solid #333;
	border-width: 0 0 1px 0;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	border-right: 1px solid #333;
	color: #999;

	display: block;
	font: 12px/22px "lucida grande","lucida sans unicode","trebuchet ms",verdana,sans-serif;
	float: left;
	margin: 5px 100px 0 0;
	width: 200px;
	padding: 7px 7px;
	}

#contact_form input:focus,#contact_form textarea:focus {
	background: #111;
	}

.foureyes #contact_form input,.foureyes #contact_form textarea {
	color: #aaa;
	font-size: 14px;
	}

#contact_form textarea {
	height: 140px;
	margin: 5px 0 15px 0;
	padding: 5px 7px;
	line-height: 22px;
	width: 345px;
	}

/* Content, Left Side */

#header #title {
	color: #fff;
	font-size: 32px;
	font-weight: 400;
	position: absolute;
	top: 65px;
	left: 370px;
	}

.contact #header #title,.contact #header #subtitle {
	left: 560px;
	}	

#header #subtitle {
	color: #fa0;
	font-size: 16px;
	font-weight: 400;
	position: absolute;
	top: 95px;
	left: 370px;
	}

/* Shared Hosting Headers */

.hosting #header #title,.hosting #header #subtitle {
	left: 370px;
	}

body.s150 #header {
	background-image: url(../i/headers/s150.jpg);
	}

/* Hosting, Content Layout -- Right Side */

.content #right {
	padding: 10px 0 15px 10px;
	width: 596px;
	width: 614px;
	}

.content #header {
	background-image: none;
	}

/* Subnavigation */

#subnavigation {
	list-style: none;
	padding: 15px 15px 25px 0;
	}

#subnavigation li {
	background: url(../i/subnav_stripe.jpg) repeat-x bottom;
	padding: 3px 0 4px 0;
	}

#subnavigation li a {
	color: #555;
	display: block;
	padding: 2px 0 2px 10px;
	text-decoration: none;
	}

#subnavigation li a:hover {
	color: #999;
	}

/* Subnavigation submenus */

#subnavigation ul {
	display: none;
	list-style: none;
	}

.shared #subnavigation .shared ul,
.reseller #subnavigation .reseller ul,
.dedicated #subnavigation .dedicated ul,
.vps #subnavigation .vps ul,
.fine_print #subnavigation .fine_print ul {
	display: block;
	padding: 0 0 8px 0;
	}

#subnavigation ul li {
	background: transparent;
	padding: 0;
	position: relative;
	height: 22px;
	}

#subnavigation ul a.order {
	background: url(../i/icons/cart1.jpg) no-repeat center center;
	display: block;
	padding: 0;
	
	position: absolute;
	top: 2px;
	right: 5px;

	height: 16px;
	width: 16px;
	}

#subnavigation ul li:hover a.order {
	background-image: url(../i/icons/cart2.jpg);
	}

#subnavigation ul li a.order:hover {
	background-image: url(../i/icons/cart3.jpg);
	}

#subnavigation ul .order span {
	display: none;
	}

/* Active Section */

body.shared #subnavigation .shared a,
body.reseller #subnavigation .reseller a,
body.vps #subnavigation .vps a,
body.dedicated #subnavigation .dedicated a,
body.fine_print #subnavigation .fine_print a {
	color: #ccc;
	}

body.shared #subnavigation .shared ul a,
body.reseller #subnavigation .reseller ul a,
body.vps #subnavigation .vps ul a,
body.dedicated #subnavigation .dedicated ul a,
body.fine_print #subnavigation .fine_print ul a { /* all of these are inside #left */
	color: #777;
	font-size: 11px;
	margin: 0 0 0 15px;
	}

body.foureyes.shared #subnavigation .shared ul a,
body.foureyes.reseller #subnavigation .reseller ul a,
body.foureyes.vps #subnavigation .vps ul a,
body.foureyes.dedicated #subnavigation .dedicated ul a,
body.foureyes.fine_print #subnavigation .fine_print ul a { /* all of these are inside #left, these are the subnavs for foureyes mode */ 
	color: #fa0 !important;
	cursor: default;
	}

body #left #subnavigation li ul a:hover {
	color: #aaa;
	}

/* Active Page */

body.shared.overview #subnavigation ul a.s_overview,
body.shared.specifications #subnavigation ul .s_specifications,
body.shared.pricing #subnavigation ul .s_pricing,
body.reseller.overview #subnavigation ul a.r_overview,
body.reseller.specifications #subnavigation ul .r_specifications,
body.reseller.pricing #subnavigation ul .r_pricing,
body.vps.overview #subnavigation ul a.v_overview,
body.vps.specifications #subnavigation ul .v_specifications,
body.vps.pricing #subnavigation ul .v_pricing
 {
	color: #fa0 !important;
	cursor: default;
	}

.fine_print.overview #subnavigation .fine_print .overview,
.fine_print.privacy #subnavigation .fine_print .privacy,
.aup #subnavigation .aup,
.sla #subnavigation .sla,
.dra #subnavigation .dra {
	color: #fa0 !important;
	cursor: default;
	}

.company.about #subnavigation .about a,
.company.promise #subnavigation .promise a,
.company.datacenter #subnavigation .datacenter a,
.company.network #subnavigation .network a,
.why.why_us #subnavigation .why_us,
.why.reasons #subnavigation .reasons {
	color: #fa0 !important;
	cursor: default;
	}


.hosting.pricing #subnavigation .order {
	display: none;
	}

/* Hosting, Pricing */

.hosting .pricing {
	background: #1d1d1d;
	float: right;
	margin: 10px;
	padding: 15px 20px;
	width: 282px;
	}

.hosting .pricing dt {
	clear: left;
	color: #ccc;
	font-weight: 400;
	display: block;
	float: left;
	width: 170px;
	padding: 5px 0 2px 10px;
	}

.hosting .pricing dt.addon {
	color: #555;
	font-size: 11px;
	}

.hosting .pricing dd {
	background: url(../i/subnav_stripe.jpg) repeat-x bottom;
	color: #9c3;
	display: block;
	font-size: 11px;
	font-weight: 700;
	font:  11px/22px "lucida grande","verdana","trebuchet ms","verdana",sans-serif;
	padding: 4px 0 4px 0;
	height: 25px;
	}

/* Hosting Plan, 2 column */

.split5050 {
	background: url(../i/vr.jpg) repeat-y 297px 0;
	margin: 50px 0 10px 0;
	width: 610px;
	}

.split5050 .leftside,.split5050 .rightside {
	float: left;
	width: 280px;
	margin: -40px 25px 0 0;
	}

.split5050 .rightside {
	margin: -40px 0 0 10px;
	width: 285px;
	}

/* Lists! */

.content #right ul {
	list-style: none;
	margin: 0 10px 0 10px;
	}

.content #right ul li {
	color: #777;
	font-size: 12px;
	line-height: 16px;
	margin: 7px 0;
	}

/* Hosting Plans, 2 columns - enclosed, like order6 (282 rc3)*/

/* Choose Hosting Plans */

.content .plan {
	background: #111 url(../i/rc3/302t.jpg) no-repeat top left;
	float: left;
	margin: 0px 10px 7px 0px;
	width: 302px;
	}

.content .plan .wrap {
	background: transparent url(../i/rc3/302b.jpg) no-repeat bottom left;
	padding: 15px 20px;
	}

	/* Second plan, rightmost with different margins so it doesnt fall off */
.content #s500.plan,.content .rightmost.plan {
	margin-right: 0;
	margin-left: 0;
	}

/* Plan Listings */

.content .plan fieldset.select {
	padding: 5px 10px 3px 0px;
	border: 0 none;
	}

.content .plan fieldset label span {
	display: block;
	}

.content .plan fieldset label .price {
	color: #9c3;
	font-size: 11px;
	font-weight: 700;
	margin: 0 0 10px 25px;
	}

.content .plan fieldset input {
	float: left;
	margin: 13px 10px 0 0;	
	}

.content .plan hr {
	background: url(../i/order/hr.jpg) repeat-x top;
	border: 0 none;
	height: 2px;
	width: 245px;
	margin: 15px 0;
	}


/* Order Button */

body.pricing form.order .buttons {
	background: url(../i/order/hr_2.jpg) repeat-x top;
	border: 0 none !important;
	margin: 7px 0 0 0;
	padding: 0px 0 0 0;
	}

body.pricing form.order .buttons .order_button {
	background: url(../i/order_button.jpg) no-repeat top left;
	display: block;
	float: right;
	margin: 15px 10px 0 0;
	height: 41px;
	width: 101px;
	}

body.pricing form.order .buttons .order_button:hover {
	background-position: 0 -42px;
	}


/* Blog */

.blog .post_meta {
	clear: left;
	float: left;
	margin: 15px 15px 10px 10px;
	text-align: right;
	width: 310px;
	}

.blog .post_meta h2 {
	color: #ccc;
	font-size: 22px;
	line-height: 26px;
	padding: 0 0 0 15px;
	}

.blog .post_meta h2 a {
	color: #ccc;
	text-decoration: none;
	}

.blog.foureyes .post_meta h2 a {
	font-size: 26px;
	}

.blog .post_meta h2 a:hover {
	color: #fff;
	}

.blog .post_meta small {
	color: #777;
	color: #fa0;
	font-size: 11px;
	margin: 0 0 10px 0;
	}

.blog.foureyes .post_meta small {
	color: #ccc;
	color: #fa0;
	font-size: 13px;
	}

.blog .post_content {
	margin: 0 0 10px 345px;
	padding: 15px 0 0 0;
	}

.blog .post_content p {
	color: #999;
	font-size: 11px;
	margin: 0 10px 10px 10px;
	}

.blog.foureyes .post_content p {
	color: #ccc;
	font-size: 13px;
	}