* { padding:0; margin:0; }

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

body {
	margin:0px; background-color: #FFFFFF;
	background-image: url('bg.jpg');
	background-repeat: repeat-x;
	
}

img{
	border:0px none;
}

#topheader { 
	width:762px; 
	height:125px; 
	margin:0 auto;
}

#topheader .logo { 
	float:left; 
	padding:40px 0 0 0; 
}

#topheader .help { 
	float:right; 
	padding:29px 0 0 0; 
}

#topmenu {
	float:left;
	background:url('menu_bg.jpg') repeat-x ; 
	height:38px; 
	margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0
}

#topmenu ul {
	background:url('menu_bgLeft.jpg') no-repeat left top;
	line-height:38px;
	float:left;
	width:762px; list-style-type:none
}

#topmenu li {
	display:inline;
}

#topmenu a {
	float:left;
	text-decoration:none;
	color: #FFF;
	font-weight: bold ;
	display:block;
	background: url('menu_seprator.jpg') no-repeat right;; padding-left:22px; padding-right:21px; padding-top:0; padding-bottom:0
}

#topmenu a.right {
	float:right;
	background: url('menu_bgRight.jpg') no-repeat right;
}


#header {
	height:263px; 
	border-top:5px solid #FFF; 
	overflow:hidden; 
	width:100%; 
	float:left;
	background: url('headerimg_bg.jpg');
}

#header .image {
	width:762px;  
	margin:0 auto; 
}

#contents { 
	clear:both; 
	float:none;
	width:762px;  
	margin:0 auto; 
	background:url('content_bg.jpg') repeat-x top;
}

#panels { 
	margin:0 0 15px 0; 
	text-align: center; 
	padding-left: 2px; 
}

#panels ul {
	list-style:none;
}

#panels li {
	display:inline; 
	padding-right:2px;
}
#left_reseller { 
	background:url('reseller_bg.jpg') no-repeat; 
	width:492px; 
	height:200px; 
	float:left
}

#left_reseller h1 { 
	padding:10px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#left_reseller h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#left_reseller h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#left_reseller  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#left_reseller  ul li { 
	background:url('reseller_planbg.jpg') no-repeat; 
	line-height:27px; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0
}

#left_reseller  ul li span {
	color:#FF0000;
}
		
#left_reseller .ordernow { 
	margin:5px 0 0 15px;
}

#right_ssl {
	background:url('sslcert_bg.jpg') no-repeat; 
	width:259px; 
	height:200px; 
	float:right;
}

#right_ssl h1 { 
	padding:10px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#right_ssl  h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#right_ssl  h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#right_ssl ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#right_ssl ul li { 
	background:url('reseller_planbg.jpg') no-repeat; 
	line-height:27px; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0
}

#right_ssl ul li span {
	color:#FF0000;
}


#right_ssl a { 
	text-decoration:none; 
	color:#202020; 
	font-weight:bold;
}

#right_ssl a:hover { 
	text-decoration:none; 
	color:#86CA86; 
	font-weight:bold;
}

/******/
#left_welcome {
	background:url('welcome_bg.jpg') no-repeat; 
	width:434px; 
	height:180px; 
	float:left; 
	padding-right:5px;
	margin-top:15px;
}

#left_welcome h1 { 
	padding:15px 0 0 15px; 
	font-size:18px; 
	color:#5f6368;
}

#left_welcome h1 span { 
	font-size:18px; 
	color:#f48b03;
}

#left_welcome p { 
	padding:15px 0 0 15px; 
	font-size:11px;
}

/*Begin Center Content*/
#center_content {
	background-color:#efefef;
	border-top:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	width:755px; 
	/*height:500px;*/ 
	float:left; 
	padding-right:5px;
	padding-bottom:5px;
	margin-top:15px;
	overflow:hidden;
}

#center_content h1 { 
	padding:15px 0 0 15px; 
	font-size:18px; 
	color:#5f6368;
}

#center_content h1 span { 
	font-size:18px; 
	color:#f48b03;
}

#center_content p { 
	padding:15px 0 0 15px; 
	font-size:11px;
}

/* Search BOx*/
#right_search {
	background:url('clientlogin_bg.jpg') no-repeat; 
	width:307px; 
	height:180px; 
	float:right; 
	margin-top:15px
}

#right_search h2 { 
	font-family:Arial, Helvetica, sans-serif; 
	padding:15px 0 0 10px; 
	font-size:14px; 
	color:#FFF;
}

#right_search p { 
	padding:10px 0 0 15px; 
	font-size:11px; 
	color:#CCCCCC;
}

#right_search form {
	padding:10px 0 0 15px;
	font-size:11px;
}

#right_search .register {
	display:block; 
	font-size:12px; 
	line-height:16px; 
	font-weight:bold; 
	text-decoration:none; 
	color:#FFF; 
	background:url('arow.jpg') no-repeat 120px 0px;; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0
}

#partners { 
	float:left;
	width:762px; 
	height:60px;  
	margin:20px auto; 
	background:url('partners.jpg') no-repeat center;
}

#footer {
	border-top:5px solid #FFF; 
	overflow:hidden; 
	width:100%; 
	float:left;
	background:#3d3f41; 
	height:70px;
}

#footer .links {
	width:762px; 
	margin:0 auto; 
	border-bottom:1px solid #000; 
	color:#000; 
	padding:10px 0 10px 0 ; 
	line-height:16px; 
	text-align:center; 
	font-weight:bold;
}

#footer .links a {
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight:bold;
}

#footer .links a:hover, #footer .links a:visited {
	color:#a9a6a6; 
}

#footer .copyright {
	color:#a9a6a6; 
	text-decoration:none; 
	text-align:center; 
	font-size:10px; 
	padding:7px 0 0 0;
}

#footer .copyright a, a:hover {
	color:#a9a6a6; 
}

#footer .copyright a:hover {
	color:#ffffff; 
}

#innercontents { 
	clear:both; 
	float:none;
	width:762px;  
	margin:0 auto; 
	border-top:10px solid #FFF; 
	background:url('innerbg.jpg') no-repeat top;
}

#innercontents h1 { 
	padding:10px 20px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	font-weight: normal;
	border-bottom:1px dotted #000; 
}

#innercontents p.contents { 
	padding:10px 20px;
}

#innercontents strong.red {
	padding:10px 20px; 
	color:#c90808; 
	font-size:14px; 
	line-height:24px; 
	text-transform:uppercase;
}

/*Begin Bottom Content*/
#bottomincontents { 
	clear:both; 
	float:none;
	width:762px;  
	margin:0 auto; 
	border-top:10px solid #FFF; 
	background:url('innerbg.jpg') no-repeat top;
}

#bottomincontents h1 { 
	padding:10px 20px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	font-weight: normal;
	border-bottom:1px dotted #000; 
}

#bottomincontents p.contents { 
	padding:10px 20px;
}

#bottomincontents strong.red {
	padding:10px 20px; 
	color:#c90808; 
	font-size:14px; 
	line-height:24px; 
	text-transform:uppercase;
}

DIV.base-layer {
	border: solid #FFF 1px; 
	padding: 0; 
	text-align: center; 
	width: auto; 
}

DIV.MyTableRowClass {
   width: 100%; 
}

DIV.MyMainTableRowClass1 {
  float: left; margin: 0; 
  padding: 0; width: 22%; 
  font-family:Arial, verdana;
  line-height: 24px;  
  border-bottom:2px solid #FFF;
}

DIV.MyMainTableRowClass2 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 12%; 
  font-family:Arial, verdana; 
  line-height: 24px;  
  border-bottom:2px solid #FFF;
}

DIV.MyMainTableRowClass3 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 12%; 
  font-family:Arial, verdana;
  line-height: 24px;   
  border-bottom:2px solid #FFF;
}

DIV.MyMainTableRowClass4 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 12%; 
  line-height: 24px;   
  border-bottom:2px solid #FFF;
}
DIV.MyMainTableRowClass5 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 12%; 
  line-height: 24px;   
  border-bottom:2px solid #FFF;
}
DIV.MyMainTableRowClass6 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 12%; 
  line-height: 24px;   
  border-bottom:2px solid #FFF;
}
DIV.MyMainTableRowClass7 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 18%; 
  line-height: 24px;   
  border-bottom:2px solid #FFF;
}

DIV.Even {
  background:#f8f8f8; 
}

DIV.Odd {
  background:#f1f0f0; 
}

DIV.payEven {
  background:#f8f8f8; 
}

DIV.payOdd {
  background:#f1f0f0; 
}


H5.MyTableHeaderClass {
  background: #3d3f41; 
  text-align:center;
  padding: 0 2px; 
  color:#FFF; 
  font-family: Arial, verdana; 
  line-height: 30px; 
  font-size:14px; 
  font-weight:bold;
}
/*Make Payment form*/
DIV.payment-layer {
	border: solid #FFF 1px; 
	padding: 0; 
	text-align: center; 
	width: auto; 
}

DIV.MypayTableRowClass {
   width: 100%; 
}

DIV.MypayMainTableRowClass1 {
  float: left; margin: 0; 
  padding: 0; 
  width: 20%; 
  font-family:Arial, verdana;
  line-height: 24px;  
  border-bottom:2px solid #FFF;
}

DIV.MypayMainTableRowClass2 {
  float: left; 
  margin: 0; 
  text-align:left; 
  padding: 0; 
  width: 80%; 
  font-family:Arial, verdana; 
  line-height: 24px;  
  border-bottom:2px solid #FFF;
}
H5.MypayTableHeaderClass {
  background: #3d3f41; 
  text-align:center;
  padding: 0 2px; 
  color:#FFF; 
  font-family: Arial, verdana; 
  line-height: 30px; 
  font-size:14px; 
  font-weight:bold;
}

.payOdd p, .payEven p {
  font-family:Arial, verdana; 
  text-align:left; 
  padding:0 0 0 10px;
}

.Odd p, .Even p {
  font-family:Arial, verdana; 
  text-align:center; 
  padding:0 0 0 10px;
}

/*----Body Blog & Web Hosting Panel----*/

.plansbox1{
background-color:#F6F6E6;
border:1px solid #C7D1C8;
position: relative;
width: 290px;
padding: 10px;
margin: 30px;
margin-bottom:10px;
float:left;
}

.plansbox2{
background-color: #F6F6E6;
border:1px solid #C7D1C8;
position: relative;
width: 290px;
padding: 10px;
margin: 30px;
margin-bottom:10px;
float: right;
}

.plansbox3{
background-color: #F6F6E6;
border:1px solid #C7D1C8;
position: relative;
width: 290px;
padding: 10px;
margin: 30px;
margin-bottom:10px;
float:left;
}

.plansbox4{
background-color:#F6F6E6;
border:1px solid #C7D1C8;
position: relative;
width: 290px;
padding: 10px;
margin: 30px;
margin-bottom:10px;
float: right;
}

.plansbox5{
background-color: #F6F6E6;
border:1px solid #C7D1C8;
position: relative;
width: 290px;
padding: 10px;
margin: 30px;
margin-bottom:10px;
float:left;
}

.plansbox6{
background-color: #F6F6E6;
border:1px solid #C7D1C8;
position: relative;
width: 290px;
padding: 10px;
margin: 30px;
margin-bottom:10px;
float: right;
}

.plansbox1 h2{
font-size:18px;
color:#0066CC;
border-bottom:1px solid #80C288;
padding: 4px;
}

.plansbox2 h2{
font-size:18px;
color:#0066CC;
border-bottom:1px solid #80C288;
padding: 4px;
}

.plansbox3 h2{
font-size:18px;
color:#0066CC;
border-bottom:1px solid #80C288;
padding: 4px;
}

.plansbox4 h2{
font-size:18px;
color:#0066CC;
border-bottom:1px solid #80C288;
padding: 4px;
}

.plansbox5 h2{
font-size:18px;
color:#0066CC;
border-bottom:1px solid #80C288;
padding: 4px;
}

.plansbox6 h2{
font-size:18px;
color:#0066CC;
border-bottom:1px solid #80C288;
padding: 4px;
}

.plansfooter{
text-align:center;
padding-top:10px;
padding-left:20px;
}
a.button{
background:url('button.gif');
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
}
a:hover.button{
color:#0066CC;
}
.order{
background:url('order.gif') no-repeat 10px 8px;
text-indent:20px;
display:block;
}
.compare{
background:url('compare.gif') no-repeat 10px 8px;
text-indent:20px;
display:block;
}
/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #efefef; border: #efefef 1px solid; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { width:95%; font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { padding:10px; margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

#sitefeatures {
	width:50%;
	float:left;
 	}
#transfer{
	width:50%;
	float:right;
   }

#sitefeatures h3 {
    background:url('orange_header2.gif') no-repeat; 
	font-size:16px;
	padding:5px;
	margin:3px 7px;
	width:365px;
	color:#FFFFFF;
	}
	
#sitefeatures p {
	padding:5px;
	margin:3px 7px;
	width:360px;
	}
#sitefeatures ul{
padding-left:5px;
list-style-type:none;
}
#sitefeatures li{
display:inline;
padding-left:5px;
}
#sitefeatures a{
float:left;
width:150px;
text-decoration:none;
color:blue;
font-weight:bold;
padding:5px;
}
#sitefeatures a:hover{
color:green;
}


#transfer h3 {
   background:url('orange_header2.gif') no-repeat;
	font-size:16px;
	padding:5px;
	margin:3px 7px;
	width:365px;
	color:#FFFFFF;
	}
	
#transfer p {
	padding:5px;
	margin:3px 7px;
	width:360px;
	}
	
#bbpartners { 
	float:left;
	width:762px; 
	height:60px;  
	margin:20px auto; 
	background:url('partners.jpg') no-repeat center;
}
#bttompanel { 
	margin:5px auto; 
	float:left;
	width:782px; 
	height:60px;  
	padding-left: 2px; 
}

#bttompanel ul {
	list-style:none;
}

#bttompanel li {
	display:inline; 
	padding-right:2px;
}