/* - - - - - - - - - - - - - - - - - - - - -

Title :  Unlimited Net - V1
URL :

Description : CSS for Unlimited Net (design V1)

Created : 2006-11-27
Modified: 2009-11-21

- - - - - - - - - - - - - - - - - - - - - */


/* Reset browser margins/padding: 
* {
	padding:0;
	margin:0;
}*/

body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../../images/page-bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #fff;
	z-index: 0;
}

#page {
	width: 49.25em;
	padding: 5px;
	margin: auto;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: 0 70px;
	z-index: 0;
}

#gradient {
	top: 70px;
	background-image: url(../../images/background-gradient.jpg);
	background-repeat: repeat-x;
	z-index: 0;
	width: 100%;
	height: 263px;
	position: absolute;
}

#container {
	width: 100%;
	position: absolute;
	z-index: 1;
}

#infowrapper {
	float: left;
	width: 15.38em;
	border: 2px solid #D2E1EE;
	padding: 5px 3px 5px 3px;
	margin: 5px;
	background-color: #FFF;
}

#business-partners {
	background-image: url(../../images/business_partners.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	height: 243px;
	width: 769px;
	margin: auto;
	padding: 7px;
	border: 3px solid #D2E1EE;
}

img {
	border: 0;
}

div.center {
}

a:link {
	color: #0033FF;
}
a:visited {
	color: #0066CC;
}
a:active {
	color: #0099FF;
}
a:hover {
	color: #0033FF;
}

abbr, acronym {
	border-bottom: 0.0625em dotted #000;
	cursor: help;
}

/* Logo
-----------------------------------------------
*/

#logo {
/*	background-image: url(../../images/logo.gif);
	background-repeat: no-repeat;*/
	height: 65px;
	width: 273px;
}

#logo h1 {
  margin: 0;
  padding: 0;
}

#logo h1 a {
  display: block;
  position: absolute;
/*  text-indent: -9000px;*/
  height: 65px;
  width: 273px;
}

#logo h1 img {
	border: 0;
}

#logo h2 {
	display: none;
}

/* Headings
-----------------------------------------------
*/

h3 {
	color: #335C86;
	font-size: 1.25em;
	font-weight: normal;
}
h3 span {
	color: #1E374F;
}
h4 {
	color: #1E374F;
	font-size: 1.13em;
	font-weight: normal;
}

/* Navigation
-----------------------------------------------
*/

#page #navigation_d {
	float: left;
	padding: 0;
	margin: 0;
	width: 15em;
}
#page #navigation_d h5 {
	background-color: #D2E1EE;
	color: #4076A8;
	font-size: 0.81em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	line-height: 1.5em;
	width: 239px;
}
#navigation {
	padding: 0;
	margin: 0;
	width: 100%;
}
#navigation li {
	list-style-type: none;
	font-size: 12px;
/*	width: 20em;*/
	padding: 0.25em 0 0.31em 0.13em;
	border: 0.06em solid #BCD2E6;
	background-image: url(../../images/nav-back.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #F3F7FA;
	display: block;
	margin: 0;
}
#navigation li.current {
	border: 0.06em solid #72A0CB;
}
#navigation_d #navigation a {
	text-decoration: none;
	color: #1E374F;
	display: block;
}
.second_level {
	background-color: #F5F9FC;
	/*background-image: none;*/
	/*height: auto;
	width: 0.20em;*/
	padding: 0.13em 0.13em 0.13em 1.50em;
	margin: 0.13em 0.13em 0.13em 0.50em;
}

.second_level li {
	text-decoration: underline;
	line-height: 1.25em;
	padding: 0;
	margin: 0;
}

#navigation ul,
	#navigation .second_level li,
		#navigation .second_level {
			padding: 0;
			margin: 0;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation .second_level {
	margin-top: 0.31em;
	padding-left: 1.25em;
	border-top: 0.06em solid #BCD2E6;
	font-size: 12px;
/*	width: 13.75em;*/
}

#navigation .second_level li {
	/*width: 13.75em;*/
	background: none;
	border: 0;
}

#navigation ul.second_level.current {
	list-style-image: url(../../images/nav-subarrow.gif);
}



/* Quotes
-----------------------------------------------
*/

blockquote {
	background-color: #F3EEEE;
	background-image: url(../../images/quote_left.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 1px;
	margin: 3px 15px 3px 3px;
	width: 27.81em;
}

blockquote p {
	background-image: url(../../images/quote_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 20px;
	color: #1E374F;
}

blockquote p #author {
	text-align: right;
}


/* Specific Pages
-----------------------------------------------
*/

/* Home Page - /index.php
-----------------------------------------------
*/

#home h4 a {
	color: #1E374F;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}

#home ul#webhosting {
	list-style-image: url(../../images/icon_webserver.gif);
}
#home ul#dedicated_servers {
	list-style-image: url(../../images/icon_webserver.gif);
}
#home ul#development {
	list-style-image: url(../../images/icon_development.gif);
}
#home ul#custompc {
	list-style-image: url(../../images/icon_computer.gif);
}

#dedicated_servers div.server {
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 250px;
	border: 1px #003300 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}

#dedicated_servers div.server ul li {
	border-bottom: 1px dotted #c60000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#dedicated_servers div.server ul li.cpu {
	border-bottom: 1px solid #003300;
	background-color: #66CC00;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
	list-style-type: none;
}

#dedicated_servers table.extremeDeal {
	width:380px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}
#dedicated_servers table.extremeDeal td, #dedicated_servers table.extremeDeal td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
}

#dedicated_servers table.extremeDeal td {
	font-size:14px;
}
#dedicated_servers table.extremeDeal th {
	width:100px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	color:#fff;
	background:#378EC1;
}
#dedicated_servers table.extremeDeal a {
	float:right;
	font-size:16px;
/*	text-align:center*/
	color: #83b523;
	text-align: center;
}

#dedicated_servers table.extremeDeal a:hover {
	color: #537416;
	text-decoration: none;
}

#dedicated_servers h5.extremeDeal {
	font-family:'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 1.38em;
	color: #2a70cf;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}

#uptime_guarantee {
	background-image: url(../../images/uptime_guarantee.gif);
  width: 9.63em;
  height: 4.19em;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
#uptime_guarantee a {
	display: block;
	position: absolute;
	text-indent: -9000px;
  width: 9.63em;
  height: 4.19em;
}
#moneyback_guarantee {
	background-image: url(../../images/moneyback_guarantee.gif);
  width: 9.63em;
	height: 6em;
  margin: 0;
  padding: 0;
	background-repeat: no-repeat;
}
#moneyback_guarantee a {
  display: block;
  position: absolute;
  text-indent: -9000px;
  width: 9.63em;
	height: 6em;
}
#checkout_prices {
	background-image: url(../../images/checkout_prices.jpg);
	height: 81px;
	width: 134px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	text-align: center;
	font-size: .9em;
}
#checkout_prices a:link, #checkout_prices a:visited, #checkout_prices a:active, #checkout_prices a:hover {
  color: white;
}

/* Web Hosting (/services/web_hosting.php)
-----------------------------------------------
*/

#hosting_basic_header {
	background-image: url(../../images/hosting_basic_header.jpg);
	background-repeat: no-repeat;
	/*height: 1px;*/
	height: 43px;
	width: 173px;
	text-align: center;
	vertical-align: middle;
	background-color: #E4D4C4;
/*	padding-top: 5px;*/
}
#hosting_basic_header h4 {
	font-size: 20px;
	color: #333333;
	margin: 0;
	padding: 0;
}
#hosting_basic_header h4 span {
	font-weight: 900;
}
#hosting_basic_price {
	/*width: 175px;*/
	height: 32px;
	background-color: #F3EEEE;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
}
#hosting_basic_price h4 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}
#hosting_basic_price h4 span {
	color: #B9AC9E;
	font-size: 20px;
	font-weight: bold;
}
#hosting_basic_signup {
	background-image: url(../../images/hosting_basic_signup.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 2.3em;
	/*width: 7.19em;*/
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	color: #333333;
}
#hosting_basic_signup a {
	text-decoration: none;
	color: #333333;
	display: block;
}
#hosting_basic_signup span {
	font-weight: bold;
	color: #FFFFFF;
}

#hosting_unlimited_header {
	background-image: url(../../images/hosting_unlimited_header.jpg);
	background-repeat: no-repeat;
	height: 43px;
	width: 177px;
	text-align: center;
	vertical-align: middle;
	background-color: #A6E037;
}
#hosting_unlimited_header h4 {
	font-size: 20px;
	color: #333333;
	margin: 0;
	padding: 0;
}
#hosting_unlimited_header h4 span {
	font-weight: 900;
}
#hosting_unlimited_price {
	/*width: 175px;*/
	height: 32px;
	background-color: #F3EEEE;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	margin-left: 175px;
}
#hosting_unlimited_price h4 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}
#hosting_unlimited_price h4 span {
	color: #7FAA2A;
	font-size: 20px;
	font-weight: bold;
}
#hosting_unlimited_signup {
	background-image: url(../../images/hosting_unlimited_signup.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 2.3em;
	/*width: 7.19em;*/
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	color: #333333;
}
#hosting_unlimited_signup a {
	text-decoration: none;
	color: #333333;
	display: block;
}
#hosting_unlimited_signup span {
	font-weight: bold;
	color: #FFFFFF;
}

#web_hosting #plans {
	width: 31.25em;
}
#web_hosting #plans th.title {
	background-color: #C7E0C7;
	padding: 5px;
	font-size: 0.75em;
	text-align: left;
}
#web_hosting #plans td {
	/*width: 12em;*/
	text-align: center;
}
#web_hosting #plans .unlimited {
	color: #80AB2A;
}

ul#features {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/*ul#features li {
	display: inline;
}*/


/* Domain Registration (/services/domain_registration.php)
-----------------------------------------------
*/

#domain_registration #domain_availability {
	background-image: url(../../images/domain_registration_gradient.jpg);
	height: 85px;
	width: 501px;
	background-repeat: no-repeat;
	background-color: #A4C2DC;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#domain_registration #domain_availability h4 {
	font-size: 12px;
	color: #1E374F;
	font-weight: bolder;
	margin-top: 8px;
	margin-left: 9px;
}
#domain_registration #domain_availability h4 span {
	color: #0066FF;
	font-size: 16px;
}
#domain_registration #container #page #content #domain_availability #domain_availability_search input#search {
	background-color: #E4EFF8;
	color: #000;
	border-color: #B3D1E8;
	border-width: 1px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#support .online {
	color: green;
}

#support .offline {
	color: red;
}

/* Lists
-----------------------------------------------
*/

li {
	font-size: 12px;
}

/* Forms
-----------------------------------------------
*/

#login fieldset {
	color: #1E374F;
	font-size: 18px;
	font-weight: normal;
}
legend {
	color: #1E374F;
}
label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#order label {
	font-size: 1em;
	width: 10em;
	clear: both;
}
#order label.radio {
	display: inline;  /* block float the labels to left column, set a width */
	float: none; 
}

#order input[type="submit"] {

}

label#l_address2 {
	color: gray;
	font-style: italic;
}

#order div.terms {
	width:600px;
	height:200px;
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:6px;
	overflow:auto;
}
#order div.terms p,
#order div.terms li {font:normal 11px/15px arial;color:#333;}
#order div.terms h3 {font:bold 14px/19px arial;color:#000;}
#order div.terms h4 {font:bold 12px/17px arial;color:#000;}
#order div.terms strong {color:#000;}

/* Side Blocks (/includes/block_left.php)
-----------------------------------------------
*/

#page .block_left {
	float: left;
	clear: left;
	width: 15.25em;
	background-color: #F5F9FC;
	margin-top: 0.63em;
}
#container #page .block_left h5 {
	background-color: #D2E1EE;
	color: #4076A8;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	line-height: 1.5em;
}
#container #page .block_left p {
	background-color: #F5F9FC;
	color: #4076A8;
	font-size: 12px;
}
#container #page #infowrapper .block_left strong {
	padding-left: 0px;
	color: #4076A8;
}
#container #page #infowrapper .block_left p {
	color: #000000;
	padding-left: 12px;
}
#container #page #infowrapper .block_left div {
	padding-left: 5px;
}
#page .block_right {
	float: right;
	border-top: 1px #D2E1EE;
	border-right: 1px #D2E1EE;
	border-bottom: 1px #D2E1EE;
	border-left: 1px solid #D2E1EE;
	margin-top: 15px;
	padding-left: 10px;
}


/* Misc
-----------------------------------------------
*/

#page #content {
	width: 31.88em;
	margin-left: 17.19em;
}

#container #page p, td, label {
	font-size: 0.80em;
}

#container #page p {
	line-height: 1.3em;
}
address {
	font-size: 0.75em;
}

#container #page #content p#agree_tos {
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC;
	padding: 2px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 22px;
	color: #1E374F;
}

p.note {
	font-size: 95%;
	background-color: #FFFFE6;
	padding: 10px 20px;
	border: 1px solid #eee;
	font-weight: bold;
	color: #666;
}
p.note strong {
	color: #000;
	text-transform: uppercase;
	padding-right: 8px;
}

p.center {
	text-align: center;
}

#msg {
	background-color: #333333;
	border: thin solid #003333;
	color: #FFFFFF;
	font-weight: bold;
}

/* Footer
-----------------------------------------------
*/

#page #footer {
	position: relative;
	font-size: 0.8125em;
	color: #999999;
	clear: both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 785px;
/*	margin-top: 125px;*/
	padding-top: 9px;
}
#page #footer img {
	padding-left: 3px;
}
#container #page #footer #copyright a {
	color: #999999;
}
#container #page #footer #copyright #logos {
	float: right;
}
#container #page #footer #copyright #logos img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}