/*                                                       
  Project: MagnifyHost
	
  Key	Title
  [W]	Wrapper(s)
  [G]	Global
  [T]	Typography
  [H]	Header
  [N]	Navigation
  [B]	Banner
  [C]	Content
  [S]	Side Navigation
  [P]	Pages
  [F]	Footer  
  [M]	Miscellaneous
*/

html, body {
  height: 100%;
}
body {
  line-height: 1.2;
  min-width: 830px;
  background: #fff url('./themes/site_themes/magnifyhost/images/body_bg.png') repeat-x;
}

/* [W] */

#wrapper {
  height: auto;
  min-height: 100%;
  text-align: center;
  position: relative;
  background: url('./themes/site_themes/magnifyhost/images/wrapper_bg.png') bottom left repeat-x;
}
* html #wrapper {
  height: 100%;
}
.wrapper_contain, #footer {
  width: 800px;
  text-align: left;
}
.wrapper_contain {
  margin-left: auto;
  margin-right: auto;	
}
.wrapper_sub {
  width: 100%;
  margin-top: 3px;
  background: url('./themes/site_themes/magnifyhost/images/wrapper_sub_bg.png') top left repeat-x;
}

/* [G] */

.clear {
  clear: both;
}
.display_none {
  display: none;
}
.float_right {
  float: right;
}
.float_left {
  float: left;
}
a:link, a:hover, a:visited {
  color: #066ED6;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.button:link, .button:visited {
  display: block;
  background-position: top left;
}
.button:hover {
  background-position: bottom left;
}

.error {
  font-weight: bold;
  color: #CC0000;
}

button {
  border: 2px solid #ccc;
  color: #000;
  font-size: 13px;
  padding: 1px 3px 0 3px;
  background: #fff;
}

ul.list {
  list-style: disc outside;
  margin-left: 15px;
  line-height: 20px;
}
ul.list li {
  margin-left: 15px;
}
ul.list li ul {
  list-style: circle outside;
  margin-left: 15px;
}
ul.list li ul li ul {
  list-style: square outside;
  margin-left: 15px;
}

.form label {
  font-weight: bold;
}
.form dl dt {
  padding-bottom: 2px;
}
.form dl dd {
  padding-bottom: 15px;
}
.input {
  font-size: 14px;
  padding: 2px;
  border: 2px solid #ccc;
}
input.input {
  width: 90%;
}

/* [T] */

body, select, input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
}
strong {
  font-weight: bold;
}
h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  color: #000;
  font-weight: normal;
}
h2 {
  font-size: 18px;
  color: #595236;
  font-weight: bold;
}
h3 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
h4 {
  font-size: 11px;
  color: #000;
  font-weight: bold;
}
p {
  color: #333;
}

/* [H] */

#header {
  height: 110px;
  width: 100%;
  position: relative;	
}
a#header_logo, a#header_call, a#header_10reasons, a#header_freshhosting {
  position: absolute;
  display: block;
}
a#header_logo {
  height: 73px; 
  width: 206px;
  background: url('./themes/site_themes/magnifyhost/images/header_logo.png') no-repeat;
  top: 17px;
  left: 5px;	
}
a#header_call {
  height: 27px;
  width: 115px;
  top: 0px;
  right: 0px;
  background: url('./themes/site_themes/magnifyhost/images/header_call.png') no-repeat;	
}
a#header_10reasons {
  height: 38px;
  width: 130px;
  top: 55px;
  right: 45px;
  background-image: url('./themes/site_themes/magnifyhost/images/header_10reasons.png');
  background-position: top left;	
}
a#header_10reasons:hover {
  background-position: bottom left;
}
a#header_freshhosting {
  height: 104px;
  width: 246px;
  top: 0px;
  right: 250px;
  background: url('./themes/site_themes/magnifyhost/images/header_freshhosting.png') no-repeat;	
}

/* [N] */

#nav {
  height: 34px;
  width: 100%;
  background: url('./themes/site_themes/magnifyhost/images/nav_bg.png') repeat-x;	
}
#nav_left {
  float: left;
  height: 34px;
  padding-left: 4px;
  background: url('./themes/site_themes/magnifyhost/images/nav_left.png') top left no-repeat;	
}
#nav_left p {
  color: #fff;
  padding: 9px 0 0 4px;	
}
#nav_left p a:link, #nav_left p a:visited {
  color: #fff;
  text-decoration: underline;
}
#nav_left p a:hover {
  text-decoration: none;
}
#nav_right {
  float: right;	
  height: 34px;
  padding-right: 4px;
  background: url('./themes/site_themes/magnifyhost/images/nav_right.png') top right no-repeat;
}

#nav ul li {
  float: left;
  margin-left: 7px;
}
#nav ul li a {
  display: block;
  width: auto !important;
  width: 58px;
  font-size: 14px;
}
#nav ul li a span {
  display: block;
  width: auto !important;
  width: 58px;
  text-align: center;
  padding: 7px 5px 0 5px;
  cursor: pointer;
  color: #fff;
}

#nav ul li.nav_on {
  height: 30px;
  background: url('./themes/site_themes/magnifyhost/images/nav_on_right.png') top right no-repeat;
  padding-right: 3px;
}
#nav ul li.nav_on a {
  height: 30px;
  background: url('./themes/site_themes/magnifyhost/images/nav_on_left.png') top left no-repeat;
  padding-left: 3px;
}
#nav ul li.nav_on a span {
  height: 30px;
  color: #1D3B91;
  font-weight: bold;
  background: url('./themes/site_themes/magnifyhost/images/nav_on_bg.png') repeat-x;
}
#nav ul li.nav_on a:hover {
  text-decoration: none;
}

/* [C] */

#content {
  width: 100%;
  padding: 30px 0;
}
#content_wide {
  width: 100%;
}
#content_left {
  float: left;	
  width: 240px;
}
#content_right {
  float: right;
  width: 510px;
}
#content h1 {
  margin-bottom: 10px;	
}
#content h2 {
  padding: 5px 0;
  color: #666;
}
#content p {
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 18px;
}
.content_3 {
  width: 100%;
  padding-bottom: 30px;
}
.content_3_1 {
  float: left;
  width: 30%;
  padding-right: 3%;
}
.content_3_2 {
  float: left;
  width: 33%;
}
.content_3_3 {
  width: 30%;
  float: right;
}


/* [S] */

#side_nav li {
  margin-bottom: 1px;	
}
#side_nav li a {
  display: block;
  font-size: 14px;
}
#side_nav li a span {
  display: block;
  height: 24px;
  cursor: pointer;
  padding: 6px 0 0 18px;
}
#side_nav li a:hover {
  text-decoration: none;
}
.side_nav_on a:link, .side_nav_on a:visited, .side_nav_off a:hover {
  color: #CC0000;
  background: #E4EFFA url('./themes/site_themes/magnifyhost/images/side_nav_on_right.png') no-repeat top right;
}
.side_nav_off a:hover {
  color: #333;
}
.side_nav_on a span, .side_nav_off a span:hover {
  background: url('./themes/site_themes/magnifyhost/images/side_nav_on_left.png') no-repeat top left;
}
.side_nav_off a {
  color: #999;
  background: #F0F6FD url('./themes/site_themes/magnifyhost/images/side_nav_off_right.png') no-repeat top right;
}
.side_nav_off a span {
  background: url('./themes/site_themes/magnifyhost/images/side_nav_off_left.png') no-repeat top left;
}

.side_banner {
  margin-top: 40px;
}
.side_banner li {
  margin-bottom: 10px;
}
.side_banner li a {
  height: 96px;
  width: 243px;
  display: block;
}

#side_banner_1 {
  background: url(./themes/site_themes/magnifyhost/images/side/side_banner_1.png) no-repeat;
}
#side_banner_2 {
  background: url(./themes/site_themes/magnifyhost/images/side/side_banner_2.png) no-repeat;
}

/* [B] */

#banner_wrapper {
  width: 100%;
  margin-top: 20px;
  text-align: center;
  background: url('./themes/site_themes/magnifyhost/images/home/bg.png') repeat-x bottom left;
}
#banner_container {
  position: relative;
  margin: 0 auto;
}
#banner_container, #banner {
  height: 343px;  
  width: 938px; 
}

#banner {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

#banner div {  
  height:  343px;  
  width:   938px;
  position: relative;
  top:  0; 
  left: 0;
}

#banner_1 {
  background: url('./themes/site_themes/magnifyhost/images/home/banner_1.png');
}
#banner_1_button {
  height: 37px;
  width: 193px;
  position: absolute;
  bottom: 45px; 
  background-image: url('./themes/site_themes/magnifyhost/images/home/banner_1_button.png');
  left: 90px;
}

#banner_2 {
  background: url('./themes/site_themes/magnifyhost/images/home/banner_2.png');
}
#banner_2_button {
  height: 37px;
  width: 193px;
  background-image: url('./themes/site_themes/magnifyhost/images/home/banner_1_button.png');
  position: absolute;
  bottom: 70px; 
  right: 145px;
}

#banner_3 {
  background: url('./themes/site_themes/magnifyhost/images/home/banner_3.png');
}
#banner_3_button {
  height: 37px;
  width: 193px;
  background-image: url('./themes/site_themes/magnifyhost/images/home/banner_1_button.png');
  position: absolute;
  bottom: 50px; 
  left: 100px;
}

#banner_nav { 
  position: absolute;
  right: 50px;
  bottom: 5px;
  z-index: 2;
}
#banner_nav li { 
  width: 10px; 
  float: left; 
  margin-right: 10px; 
}
#banner_nav a { 
  width: 10px; 
  height: 10px; 
  background: #c00; 
  display: block;
  margin: 3px; 
}
#banner_nav a.activeSlide {  
  border: 3px solid #fff;
  margin: 0px;
}
#banner_nav a:focus { 
  outline: none; 
}


/* [P] Hosting (Shared and Reseller) */

table.hosting_set {
  width: 100%;
}
table.hosting_set td {
  vertical-align: middle;
  border: 1px solid #E4EFFA;
  border-width: 0 0 1px 0;
}

tr.hosting_title td {
  border: 0;
}
#set_reseller_specs tr.hosting_title td {
  padding-right: 5px;
} 
#set_reseller_specs td.hosting_title_label {
  width: 130px;
}

td.hosting_title_label {
  font-size: 14px;
  height: 50px;
  color: #2244AB;
  font-weight: bold;
}

/* Not in official use 
h1.hosting_title_name {
  width: 240px;
  height: 32px;
  text-align: center;
  font-size: 19px;
  color: #fff;
  background: #CC0000;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
*/

a.hosting_magnifico {
  width: 222px;
  height: 38px;
  display: block;
  background: url('./themes/site_themes/magnifyhost/images/hosting/magnifico.png') top left;
}
a.hosting_x10 {
  width: 112px;
  height: 32px;
  display: block;
  background: url('./themes/site_themes/magnifyhost/images/hosting/x10_reseller.png') top left;
}
a.hosting_x100 {
  width: 122px;
  height: 32px;
  display: block;
  background: url('./themes/site_themes/magnifyhost/images/hosting/x100_reseller.png') top left;
}
a.hosting_x1000 {
  width: 132px;
  height: 32px;
  display: block;
  background: url('./themes/site_themes/magnifyhost/images/hosting/x1000_reseller.png') top left;
}
a.hosting_magnifico:hover, a.hosting_x10:hover, a.hosting_x100:hover, a.hosting_x1000:hover {
  background-position: bottom left;
}

tr.hosting_feature {
  height: 24px;
}

td.hosting_feature_desc a {
  height: 12px;
  display: block;
  padding-left: 20px;
  background-position: top left;
  background-repeat: no-repeat;
}
#set_shared td.hosting_feature_desc a {
  background-image: url('./themes/site_themes/magnifyhost/images/hosting/question_shared.png');
}
#set_reseller  td.hosting_feature_desc a, #set_reseller_specs td.hosting_feature_desc a {
  background-image: url('./themes/site_themes/magnifyhost/images/hosting/question_shared.png');
}
td.hosting_feature_desc a:link {
  color: #333;
  text-decoration: underline;
  font-weight: bold;
}
td.hosting_feature_desc a:hover {
  text-decoration: none;
}
td.hosting_feature_desc a:visited {
  color: #999;
  background-position: bottom left;
}

td.hosting_feature_var, td.hosting_feature_var2 {
  text-align: center;
  font-weight: bold;
}
td.hosting_feature_var {
  width: 230px;
}

.hosting_feature_yes {
  width: 100%;
  height: 21px;
  background: url('./themes/site_themes/magnifyhost/images/hosting/check.png') no-repeat center center;
}

/* [P] FAQ */

.faq {
  list-style: square outside;
  margin: 15px 0 0 15px;
}
.faq li {
  margin-left: 15px;
}
.faq_question {
  font-size: 15px;
  color: #2953CE;
  font-weight: bold;
  margin-bottom: 5px;
}
.faq_answer {
  list-style: none;
  line-height: 17px;
  margin-bottom: 10px;
}

/* [P] Login */

#wrapper_login {
  width: 300px;
  padding-top: 30px;
}


/* [P] Hosting (SSL & Domain) */

table.domains {
  width: 50%;
}
table.domains td {
  vertical-align: middle;
  border: 1px solid #aaa;
  border-width: 0px 0px 1px 0px;
  background-color: #eee;
  padding: 5px;
  text-align: center;
}

.tabbed {
  width: 100%;
}

.tabbed ul.tabs {
  list-style: none;
  float: left;
  display: inline;
  width: 100%;
  margin: 0;
  padding: 0px 6px;
  background: url(./themes/site_themes/magnifyhost/images/gray.png) repeat-x bottom;

}

.tabbed ul.tabs li a {
  float: left;
  margin: 0px 5px;
  padding: 5px;
  background-color:#fff;
  border:solid;
  border-width:1px 1px 0px 1px;
  border-color:#aaa;
}

.tabbed ul.tabs li a:hover {
  background-color:#ccc;
  cursor: pointer;
  text-decoration: none;
}

.tabbed ul.tabs li a.tab-current {
  background-color:#eee;
  border-bottom: solid 1px #eee;
}

.tabbed div {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  display: block;
  width: 100%;
  background-color:#eee;
  border:solid;
  border-width: 0px 1px 1px 1px;
  border-color:#aaa;
}

.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
  display: none;
}

/* [P] Why Us */

ul#whyus_reasons {
  padding-top: 10px;
}
ul#whyus_reasons {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
ul#whyus_reasons li {
  margin-bottom: 30px;
}
ul#whyus_reasons li h2 {
  font-size: 16px;
  color: #CC0000;
  padding: 0 0 5px 0;

}
ul#whyus_reasons li p {
  font-weight: normal;
  margin-bottom: 10px;
}

.reason_container {
  width: 370px;
}
.reason_odd .reason_container {
  float: right;
}
.reason_even .reason_container {
  float: left;
}

.reason_img {
  height: 100px;
  width: 130px;
  background-position: top center;
  background-repeat: no-repeat;
}
.reason_odd .reason_img {
  float: left;
}
.reason_even .reason_img {
  float: right;
}

.reason_img_1 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_1.png');
}
.reason_img_2 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_2.png');
}
.reason_img_3 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_3.png');
}
.reason_img_4 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_4.png');
}
.reason_img_5 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_5.png');
}
.reason_img_6 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_6.png');
}
.reason_img_7 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_7.png');
}
.reason_img_8 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_8.png');
}
.reason_img_9 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_9.png');
}
.reason_img_10 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_10.png');
}
.reason_img_11 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_11.png');
}
.reason_img_12 {
  background-image: url('./themes/site_themes/magnifyhost/images/whyus/reason_12.png');
}

/* [P] Home */

.box_plan_wrapper {
  border: 1px solid #A2B4DA;
  width: 220px;
}
.box_plan_container {
  display: block;
  width: 194px;
  padding: 5px 10px;
  border: 3px solid #fff;
  background-color: #E9EEF6;
}
.box_plan_container li {
  font-size: 14px;
  padding-bottom: 3px;
  color: #333;
}
.box_plan_container h2 {
  padding-bottom: 5px;
}
a.box_plan_button:link, a.box_plan_button:visited {
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 92px;
  height: 24px;
  background-image: url('./themes/site_themes/magnifyhost/images/box_plan_button.png');
  background-position: top left;
}
a.box_plan_button:hover {
  background-position: bottom left;
}

.page_home h1 {
  padding: 10px 0;
}
.page_home p {
  line-height: 20px;
  font-size: 14px;
}
.page_home_further {
  float: right;
  padding-top: 15px;
  font-size: 18px;
  color: #595236;
  font-weight: bold;
}

/* [P] Contact */

#contact_left {
  float: left;
  width: 300px;
}
#contact_right {
  float: right;
  width: 480px;
}

.contact_heading {
  font-size: 15px;
  color: #2953CE;
  font-weight: bold;
  margin-bottom: 5px;
}
.contact_info {
  line-height: 17px;
  margin-bottom: 20px;
}
.contact_info a:link, .contact_info a:hover, .contact_info a:visited {
  color: #333;
  text-decoration: underline;
}
.contact_info a:hover {
  text-decoration: none;
}


/* [P] Support */

table.sla_uptime {
  width: 100%;
}
table.sla_uptime td {
  vertical-align: middle;
  border: 1px solid #aaa;
  border-width: 0 0 1px 0;
  text-align: center;
}

/* [F] */

#footer_spacer {
  height: 30px;
}
#footer {
  font-size: 11px;
  height: 15px;
  padding-bottom: 7px;
  position: absolute;
  margin-left: -400px; /* half container width */
  left: 50%;
  bottom: 0;
}
#footer_left {
  float: left;	
}
#footer_left a {
  margin: 0 5px;
}
#footer_left a:after {
  content: " \2020";
}
#footer_right {
  float: right;
  padding-right: 5px;
}

/* [M] clueTip */

#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(./themes/site_themes/magnifyhost/images/clueTip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

/* =cluetipClass: 'jtip-black' */

.cluetip-jtip-black {
  background-color: transparent;
}
.cluetip-jtip-black #cluetip-outer {
  border: 2px solid #000;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip-black h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: bold;
  background-color: #000;
  color: #fff;
}
.cluetip-jtip-black #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip-black div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #fff;
}
.cluetip-jtip-black div#cluetip-close a:link, .cluetip-jtip-black div#cluetip-close a:hover, .cluetip-jtip-black div#cluetip-close a:visited {
  color: #fff;
} 

/* jtip-black arrows */

.clue-right-jtip-black .cluetip-arrows {
  background-image: url(./themes/site_themes/magnifyhost/images/clueTip/black-arrowleft.gif);
}
.clue-left-jtip-black .cluetip-arrows {
  background-image: url(./themes/site_themes/magnifyhost/images/clueTip/black-arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip-black .cluetip-arrows {
  background-image: url(./themes/site_themes/magnifyhost/images/clueTip/black-arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip-black .cluetip-arrows {
  background-image: url(./themes/site_themes/magnifyhost/images/clueTip/black-arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/* =cluetipClass: 'jtip-red' */

.cluetip-jtip-red {
  background-color: transparent;
}
.cluetip-jtip-red #cluetip-outer {
  border: 2px solid #CC0000;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip-red h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: bold;
  background-color: #CC0000;
  color: #fff;
}
.cluetip-jtip-red #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip-red div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #fff;
}
.cluetip-jtip-red div#cluetip-close a:link, .cluetip-jtip-red div#cluetip-close a:hover, .cluetip-jtip-red div#cluetip-close a:visited {
  color: #fff;
} 

/* jtip-red arrows */

.clue-right-jtip-red .cluetip-arrows {
  background-image: url(./themes/site_themes/magnifyhost/images/clueTip/red-arrowleft.gif);
}
.clue-left-jtip-red .cluetip-arrows {
  background-image: url(./themes/site_themes/magnifyhost/images/clueTip/red-arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip-red .cluetip-arrows {
  background-image: url(./themes/site_themes/magnifyhost/images/clueTip/red-arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip-red .cluetip-arrows {
  background-image: url(./themes/site_themes/magnifyhost/images/clueTip/red-arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}