/* CSS Document */

.faqa, p{ line-height:20px;
}

body{ 
	margin:0px; 
	padding:0px;
	text-align:center;

} 

a {
	text-decoration:none;
}


/* TOP RIGHT SECTION*/


#links  {
	float:right; 
	margin:15px 255px 0 0;
	width:330px;
}
#links a {font-size:10px;}

#loginfrm {
	background: url(images/front/header/loginbg.jpg) no-repeat top; 
	width:254px; 
	height:40px; 
	position:absolute; 
	top:0px; 
	right:0px; 
}
#loginfrm #username{
	width:83px; 
	height:17px;
	border:0;
	position:absolute;
	top:9px;
	left: 13px;
}
#loginfrm #password{
	width: 83px; 
	height:17px;
	border:0; 
	position:absolute; 
	top:9px; 
	left: 108px;
}
#loginfrm #loginimg{ 
	position:absolute; 
	top:8px; 
	left:198px;
}
#loginfrm .links{float:left; }

#logout {background: url(images/front/header/logoutbg1.jpg) no-repeat top; width:254px; height:40px; position:absolute; top:0px; right:0px;  }
#logout #logoutimg{ position:absolute; top:8px; left:198px; }
#logout #userinfo{ position:absolute;  top:12px; left: 13px; width:170px; overflow:hidden;  }

#hlogo{ float: left; margin: 0 0 0 10px;}


#domsearchcolumn  {
	position: absolute;
	/*left: 680px; */
   top: 46px;
	right:-1px;
	width: 400px;
	min-height: 30px;
	margin-left: 0px;
	margin-top: 0px;
	height: 35px;
}


#domsearchfrm{float:right;}
#domsearchfrm input[name="domsearchtext"] 
{
	background: url(images/front/header/domsearchbg.gif)  no-repeat;
	height:25px;
	width:195px;
	margin:0;
	margin-right:7px;
	padding:0 0 0 33px; 
	border:none;
	line-height:29px;
}
#domsearchfrm #domsearchsubmit{
	margin-right:1px;
}

/* END TOP RIGHT SECTION */

/* sub-menus*/
.searchContainer{
	position:relative;
}

#indexlistmenu{text-align:left;}

#indexlistmenu, #actionlistmenu ul,#actionlistmenu ul li { padding:0px; margin:0px; list-style:none;}
#indexlistmenu li{ list-style-type:none; }

#indexlistmenu li ul {
	width:280px; 
	border:1px solid #CCC; 
	z-index:10010;
	position:absolute;
	top:52px;
	left:5px;
	display:none;
	background-color:#A9CF50;
	padding-left:0px;
}


#indexlistmenu li ul li{ display:block; border-top: dotted 1px #CCC; padding-left:5px; padding-top:2px;}
#indexlistmenu li ul li:first-child { border-top: none; }

#indexlistmenu li:hover ul { display:block;}
#indexlistmenu li ul li a { display:block;height:40px; line-height:40px; font-size:12px; font-weight:bold; padding-left:75px; color:#224177; border:solid 1px #A9CF50; }
#indexlistmenu li ul li a:hover{border:solid 1px #FFF; color:#F00; }

.indexdd li{
		height:40px;	
		margin:5px;
}



.indexdd #ddLite{
	background:url(images/front/serversmall.gif) no-repeat;
	background-position:left 0;
}
.indexdd #ddPro{
	background:url(images/front/serversmall.gif) no-repeat;
	background-position:left -40px;
}
.indexdd #ddBusiness{
	background:url(images/front/serversmall.gif) no-repeat;
	background-position:left -80px;
}

.indexdd #regsiter{
	background:url(images/front/serversmall.gif) no-repeat;
	background-position:left -120px;
}

.indexdd #transfer{
	background:url(images/front/serversmall.gif) no-repeat;
	background-position:left -160px;
}

.indexdd #renew{
	background:url(images/front/serversmall.gif) no-repeat;
	background-position:left -200px;
}

.indexdd #manage{
	background:url(images/front/serversmall.gif) no-repeat;
	background-position:left -240px;
}

#actionlistmenu{text-align:left;}

#actionlistmenu, #actionlistmenu ul,#actionlistmenu ul li { padding:0px; margin:0px; list-style:none;}
#actionlistmenu li{ list-style-type:none; }

#actionlistmenu li ul {
	width:150px; 
	border:1px solid #CCC; 
	z-index:10010;
	position:absolute;
	top:24px;
	left:-30px;
	/*right:0;*/
	display:none;
}
#actionlistmenu li ul li{ display:block; border-top: dotted 1px #CCC; }
#actionlistmenu li ul li:first-child { border-top: none; }

#actionlistmenu li:hover ul { display:block;}
#actionlistmenu li ul li a { display:block; height:25px; }




.searchContainer img { vertical-align:top;} 

#domsearchfrm input[type="radio"]{
	height:auto;
	border:none;
}

#domsearchfrm .selectTransparent{
	border:0;
	background:none;
}

/* Main menu */

#mainmenu ul {
list-style:none;
height:35px;
margin:0;
padding:0;
font-weight:bold;
}

#mainmenu ul ul{
	height:33px;
}

#mainmenu ul li,
#mainmenu ul li a,
#mainmenu ul li span {
display:block;
float:left;
text-decoration:none;
height:35px;
cursor:pointer;
font-size:12px;
}




#mainmenu ul li span {background:url(images/front/header/menutab.jpg) no-repeat left top;  padding-left: 20px; }
#mainmenu ul li a {background:url(images/front/header/menutab.jpg) no-repeat right top; padding-right:20px ;  }
#mainmenu ul li span {
	padding-top:10px;
}


#mainmenu ul li:hover span {background:url(images/front/header/menutab_hover.jpg) no-repeat left top;  padding-left: 20px; }
#mainmenu ul li:hover a {background:url(images/front/header/menutab_hover.jpg) no-repeat right top;  padding-right:20px ;  }



#mainmenu ul li.active span {background:url(images/front/header/menutab_act.jpg) no-repeat left top; padding-left: 20px; }
#mainmenu ul li.active a {background:url(images/front/header/menutab_act.jpg) no-repeat right top; padding-right:20px ;  }


#mainmenu ul li .dropdown {
display:none;
top:35px;
width:200px;
position:absolute;
z-index:10101;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#333;
font-weight:normal;
}

#mainmenu ul li .dropdown ul {
background:none;
height:auto;
/*border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;*/
margin:-1px 0  0 0;
padding:0;
}

#mainmenu ul li .dropdown ul li,#mainmenu ul li .dropdown ul li a {
float:none;
display:block;
height:auto;
background:none;
margin:0;
padding:0;

}

#mainmenu ul li .dropdown ul li {
	/*border-top:1px solid #fff;*/
	border-bottom:1px dotted #b8b8b8;
	height:28px;
}

#mainmenu ul li .dropdown ul li a {
	padding:5px 10px 5px 20px;
	font-weight:normal;
}

#mainmenu ul li .dropdown ul li a:hover {
	background:#666;
}

.subnav ul {
list-style:none;
position:absolute;
top:35px;
left:-20px;
margin:0;
padding-left: 20px;
/*background:#0099CC;*/
width:990px;
}

.subnav ul li,.subnav ul li a {
display:block!important;
float:left!important;
cursor:pointer!important;
padding:0!important;
}


.subnav ul li {
margin-left:20px!important;
background:none!important;
padding:0!important;
}

#mainmenu .subnav ul li a {
text-decoration:none!important;
padding-top:7px!important;
height:18px!important;
font-weight:bold;
background:none;
}

.subnav ul li a:hover {
border-bottom:2px solid #CCC;
}

.subnav ul li.active a {
border-bottom:2px solid #FF4500;
}

#mainmenu ul li:hover .dropdown{
display:block;
}


#mainmenu ul li.active:hover .dropdown {
	margin-left:-3px;
}

/*  End Menu style */


#content{ vertical-align:top; padding:0px 10px 0 10px;}


/* footer */

.col{float:left; width:17.4%; padding-right:2.6%;}

#footerwrap { 
	width: 100%;
	background: url(images/footerbg.jpg) repeat-x;
	height:50px;
	/*background-color:#E4E9E9;*/
		
}
#footertop{
	margin-top:25px;
	/*width:1000px;	*/
	padding-top:10px;
	/*background:url(images/front/contentpanelbg.gif) no-repeat ;
	background-position: -3010px 0;*/

}
#footer{
	padding:5px 10px 5px 10px;
	width:990px;

}

#map .col{ 
	font-size:11px; 
}
#map ul {
		list-style:none; 
		margin:0px; 
		padding:0px; 
}
#map .col h3{ font-size:14px; 
	font-weight:normal;  
}
#map, #map .col a { color:#333; }
#map .col a:hover{ color:#0099cc; }



form input[type="text"], form input[type="password"], form input[type="email"] { border:1px #CCC solid; height:20px; }
form select { border:1px #CCC solid; height:25px; vertical-align:middle; }
form textarea{border:1px #CCC solid;}
/*form input[type="image"] { vertical-align:middle;}*/


#pagebg /*Style for page background*/
{
	background:url('images/background.jpg') repeat-x;
	/*margin:0 10px 0 10px;*/
	/*width:1050px;
	line-height: 1;
	color: black;
	margin-left:auto;
	margin-right:auto;*/
	
	
	font-family: Verdana,Verdana, Arial, Helvetica, sans-serif;
}

#pagewrap /*Style for page wrapper container*/
{
	/*position:relative;*/
	display:block;
	width:990px;
	text-align:left;
	margin:auto;

}
#headerwrap /*Style for header wrapper container*/
{
	

	position:relative;
	height:175px;
}

#headerwrap #tempheadercontainer {
/*The following will be a temporary container that displays what the header will look like once it is functional. */

width: 977px;
height: 160px;
background-image:url("images/header.jpg");
background-repeat:no-repeat;

}

#contentwrap{
	/*position:relative;*/
	/*z-index:-1;*/
}

/*Repeated images for setting up the content boxes.*/
.contentpaneltop{
	background: url(images/front/contentpanelbg.gif) no-repeat ;
	padding-top:20px;
	background-position: 0 0 ;
	width:995px;
}
.contentpanelbottom{
	padding-bottom:20px;
	background: url(images/front/contentpanelbg.gif) no-repeat ;
	background-position:-1000px bottom;
	/*width:978px; */
}

.contentpanelbottomhome{
	padding-bottom:20px;
	background: url(images/front/contentpanelbottomhome.gif) no-repeat ;
	background-position:0 bottom;
	/*width:978px; */
}

.contentpanelcontent{
	background: url(images/front/contentpanelbg.gif) repeat-y ;
	background-position:-2000px 0;
	padding:0 15px 0 15px;
	/*width:978px;*/
}

.height1{
	height:120px;
}

.gradientback{
	background: url(images/front/contentpanelbg.gif) repeat-y ;
	background-position:-2000px 0;
	padding:0 1px;
	/*width:978px;*/
}

/*menubar styles */ /*NOTE: some of the styles that appear on the stylefront.css stylesheet (particularly the .boxshadow and .boxtop classes) may not actually be used on the main page. */
#menubarpanel  {
   top: 81px;
   left: 210px;
   min-height: 89px;
   width: 100%;
   position: absolute;
   /*background:url(images/front/menubg.gif)  repeat-x bottom;*/
}

#topbarpanel  {
   top: 0px;
   min-height: 41px;
   width: 100%;
   position: absolute;
}

#logocolumn  {
   position: absolute;
   /*left: 20px;*/
   top: 25px; /*changed */
   z-index: 5;
   /*width: 150px;*/
   min-height: 64px;
}

.boxshadow{ /*Not aparent on the main screen, could be in use on other pages. */
	padding-bottom: 6px;
	background: url(images/front/boxshadow.gif) no-repeat bottom;
	background-position: 0 bottom ;
	background-color:transparent; 
}
.boxtop{ /*Not aparent on the main screen, could be in use on other pages. */
	padding-top: 6px;
	background: url(images/front/boxtop.gif) no-repeat top;
	background-position: 0 top ;
	background-color:transparent;
}

.boxcontent{ /*Not aparent on the main screen, could be in use on other pages. */
	border-left:solid 1px #E4E9E9;
	border-right:solid 1px #E4E9E9;
	width:100%;
	background-color:transparent;
}

.box2shadow{
	padding-bottom: 8px;
	background: url(images/front/boxshadow.gif) no-repeat bottom ;
	background-position: -1000px bottom ;
}
.box2top{
	padding-top: 8px;
	background: url(images/front/boxtop.gif) no-repeat top;
	background-position: -1000px top ;
	
}

.box2content{
	border-left:solid 1px #E4E9E9;
	border-right:solid 1px #E4E9E9;
	width:100%;
}


/* home page */

#mainpanel{ /*Not apparent on the home page.*/
	background:url(images/front/mainpanelbg.jpg) repeat-x top;
	background-position:left 50px;
	
}
#servicespanel{ /*Panel apparent on home page and some other pages, such as the hosting page. */
	width:990px;
	margin-top: 25px;
}
#homebannerspicturebox,  #info12panel , #info3column { /*Unsure of location for homebannerspicturebox... should likely be on the front page. */
	width:948px;
	position:relative;
	background:#FFF;
}
#homebannerspicturebox{
	margin-top: 0px;
	position:relative;
}


 #info12panel , #info3column { /*Unsure of location.*/
	border:solid 1px #E4E9E9;
	/*border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; */
  border-bottom:0px;
}
#homebannerspicturebox{
	height: 325px;
}
/*#homebannersthumbsheet  {
   margin-top: 0px;
   margin-left: 0px;
   min-height: 28px;
   width: 200px;
   z-index: 8;
   top: 510px;
   left: 38px;
   position: absolute;
}*/


#info12panel{
	height: 150px;
	margin-top:25px;
	padding: 15px 0 15px 0;
}

#info1column,#info2column{ /*Two images on main page for domain registration and cloudhosting.*/
	width:450px;
	height: 150px;
	float:left;
	border:solid 1px #E4E9E9;
	
  /*-webkit-border-radius: 5px;
  -moz-border-radius: 5px;*/
  /*background: url(images/front/boxbg.jpg) repeat-x bottom;*/
}
#info1column{ 
	margin-right:15px;
}

#info3column{ /* Not used on front page. */
	height: 200px;
	margin-top:25px;
	/*margin: 25px 25px 25px 25px;*/
	background: url(images/front/boxbg.jpg) repeat-x bottom;
}

.servicesbox{ /*General box for the servicespanel ID. */
	float:left;
	padding:6px;
	width: 225px; 
	height:130px;
	border-right:solid 1px #E4E4E4;
	position:relative;
	
}
.servicesbox .content{
	width: 155px;
}
.servicesbox p{
	line-height:15px;
	font-size: 11px;
}
.servicesbox h3{
	font-size:12px;
	color:#666;
	margin-top:5px;
}

.Offers-container .learnmore-link{
	position:absolute;
	bottom:0px;
	left:12px;
	font-size:11px;
}

#domlookuppanel
{
	line-height:30px;
	font-size:16px;
	font-weight:300;
	
}

#domlookupbg{
	background: url(images/domlookupbg.gif) no-repeat left;
	
}



#domlookuppanel input[name="domain"]{  /* Domain name lookup panel formatting... not used? */
		
	/*width:450px;
	background-color:#E4E9E9;
	border:none;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	font-size:16px;
	font-weight:bold;
	padding:5px 10px 5px 10px;*/
}
	
	
.srvuptime	{ /*uptime service box*/
	background: url(images/front/servicesbg.gif) no-repeat ;
	background-position: -75px bottom ;
	
}

.srvmoneyback	{ /*moneyback service box*/
	background: url(images/front/servicesbg.gif) no-repeat ;
	background-position: -311px bottom ;
	
}

.srvsupport	{ /*support service box*/
	background: url(images/front/servicesbg.gif) no-repeat ;
	background-position: -547px bottom ;
	
}

.srvdeal{ /*deal service box*/
	background: url(images/front/servicesbg.gif) no-repeat ;
	background-position: -790px bottom ;
	
}

.web-help {
	width:280px;
	height:52px;
	margin:5px;
}

.account-help {
	width:280px;
	height:52px;
	margin:5px;
}

/* home page end */	


/* login Page */


#loginpagewrap{ /*Not used on Login page. */
	text-align:center;
}

.loginpanel{ /*Panels for both the username/password entry, and fo creating a new account. */
	float:left;
	margin-right:20px;
}

.logincolumn{ /* Left and right sides of the login column area. */
	padding-left:25px;
	padding-right:25px;
	width:350px;
	/*background-color:#E4E9E9;*/
	text-align:left;
	/*margin-bottom:25px;*/
	border-left:1px solid #C6D0D0;
	border-right:1px solid #C6D0D0;
}

.logincolumn span{ /*Did not find any spans that appeared under the login column class */
	display:block;
}

.logincolumn div, .logincolumn span, .logincolumn  input[name="username"], .logincolumn  input[name="password"]{ /*width formatting for any content in the logincolumn class*/
	width:100%;
}

.logincolumn div.set{ /*Formatting for entered data in the input boxes*/
	margin-bottom:20px;
	text-align:left;
}

.logincolumnbottom /*Bottom of the logincolumn box. */
{
	background: url(images/front/columnshadow.gif) no-repeat;
	background-position: bottom left;
	padding-bottom: 15px;
	
}

.logincolumntop /*Top of the logincolumn box. */
{
	background: url(images/front/columnshadow.gif) no-repeat ;
	background-position:-425px 0px;
	padding-top: 15px;
	
}

/* end login page */


/* hosting page */

.hostinginfoboxtop{ /*Not visible on the main hosting page and the individual hosting pages. */
	background: url(images/front/box2.png) no-repeat ;
	background-position:top left;
	margin-top:25px;
	padding-top:15px;
}

.hostinginfoboxbottom{/*Not visible on the main hosting page and the individual hosting pages. */
	padding-bottom:15px;
	background: url(images/front/box2.png) no-repeat ;
	background-position:-960px bottom;
}

.hostinginfoboxcontent{/*Not visible on the main hosting page and the individual hosting pages. */
	background: url(images/front/box2.png) repeat-y ;
	background-position:-1921px bottom;
	padding:0 15px 0 15px;
	vertical-align:top;
}


.panel2top{ /*Top section of any panel on the website site. This class is visible not only on the main hosting page, but the main site page as well.   Note similarity with the set of classes immediately above labeled hostinginfoboxtop.*/
	background: url(images/front/box2.gif) no-repeat ;
	background-position:top left;
	margin-top:10px;
	padding-top:7px;
}

.panel2bottom{
	padding-bottom:7px;
	background: url(images/front/box2.gif) no-repeat ;
	background-position:-970px bottom;
}

.panel2content{
	background: url(images/front/box2.gif) repeat-y ;
	background-position:-1940px bottom;
	padding:0 15px 0 15px;
	vertical-align:top;
	
}

#domlookuppanel{
	background: url(images/front/domsearchbgb.png) no-repeat;
	height:70px;
	width:952px;
	
}

.hosting-box{
	height:300px;
}


.businessbox{ /*Businessbox class occurs just following lite and pro boxes, with the same attributes defined as the other hosting boxes.*/
	float:right;
	margin-right:0;
}

.litebox{ /*box with the Lite hosting package details.  Note closely that each of the boxes makes use of the same image file.  This image file contains each of the three boxes, with the titles and the gray boxes included.*/
	background: url(images/front/hostingbg.jpg) no-repeat ;
	padding:140px 15px 15px 15px;
	background-position:top left;
	
	float:left;
	height:450px;
	width:290px;
	margin-right:5px;
}

.probox{ /*box with the Pro hosting package details. */
	background: url(images/front/hostingbg.jpg) no-repeat ;
	padding:140px 15px 15px 15px;
	background-position:-324px 0;

	float:left;
	height:450px;
	width:285px;
	margin-right:5px;
}



.businessbox{ /*box with the Pro hosting package details. */
	background: url(images/front/hostingbg.jpg) no-repeat ;
	padding:140px 15px 15px 15px;
	background-position:-641px 0;
	
	float:right;
	height:450px;
	width:275px;

}
.litebox ul, .probox ul, .businessbox ul{ /*unordered list styles*/
	padding-left:	15px;
	list-style:url(images/front/triangle.gif);
	
}

.litebox li, .probox li, .businessbox li{ /*list item styles */
	padding-bottom:5px; 
	
}

.litebox .info, .probox .info, .businessbox .info{ /*info is the container class for all of the information regarding each level of hosting. */
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px;
	line-height:14px;
	margin-bottom:10px;
	height:290px;
}

.litebox .btns, .probox .btns, .businessbox .btns{ /*btns class relates to the Compare and the Order Now buttons on each box. */
	
	padding:0px 0 10px 0;
}

.litebox .btns span, .probox .btns span, .businessbox .btns span{ /*Can't find any spans under the btns class, not on the main hosting page. */
	border-right:solid 1px #E4E4E4;
	padding:0 10px 0 10px;;
}

.litebox .info h1, .probox .info h1, .businessbox .info h1{ /*h1 corresponds to the monthly price.*/
	font-size:16px;
	font-weight:bold;
	margin:0;
	color: #224177;
}
.litebox .info h3, .probox .info h3, .businessbox .info h3{ /*h3 corresponds to the yearly price.*/
	font-size:12px;
	font-weight:bold;
	margin:0;
	color: #224177;
}

.hosting-buttons{
	
	
}

.hosting-buttons .compare{
	background:url(images/buttons/comparebtn.jpg)  no-repeat;
	height:18px;
	width:83px;
	float:left;
	
}

.hosting-buttons .ordernow{
	background:url(images/buttons/orderbtn.jpg) no-repeat;
	height:18px;
	width:95px;
	float:left;
	margin-left:85px;
}

/* hosting page end */


/* Hosting detail */
.hfeaturepaneltop{ /*information box on the individual hosting package details page.*/
	/*background: url(images/front/hfeaturebg.jpg) no-repeat ;
	padding-top:15px;
	background-position: 1px top ;
	*/
	width:610px;
	float:left;
	margin-right:20px;
}
.hfeaturepanelbottom{
	padding-bottom:15px;
	/*background: url(images/front/hfeaturebg.jpg) no-repeat ;*/
	background-position:-609px bottom;
}
.hfeaturepanelcontent{
	/*background: url(images/front/hfeaturebg.jpg) repeat-y ;*/
	background-position:-1219px bottom;
	padding:0 15px 0 15px;
	vertical-align:top;
}

.hfeaturepanelcontent li{ 
	padding-bottom:10px;
}


.haddonspaneltop{ /* List items for the hosting feature addons box on the right-hand side of the screen.*/
	
	width:230px;
	float:right;
	margin-bottom:20px;
	
}

.addonlite{ /*appears in conjunction wih the haddonpanel... constructs the entire addons box.  Only these classes are able to signify which of the headers to use, and these classes are used in conjunction with the haddonspaneltop box*/
	background: url(images/front/hliteaddonsbg.jpg) no-repeat ;
	background-position: 1px top ;
}

.addonpro{
	background: url(images/front/hliteaddonsbg.jpg) no-repeat ;
	background-position: -720px top ;
}
.addonbusiness{
	background: url(images/front/hliteaddonsbg.jpg) no-repeat ;
	background-position: -965px top ;
}

.haddonspaneltop_business{ /*unsure of the use of this particular class */
	background: url(images/front/hliteaddonsbg.jpg) no-repeat ;
	background-position: -1025px top ;
	width:230px;
	float:left;
	margin-bottom:20px;
	
}

.haddonspanelbottom{
	padding-bottom:15px;
	background: url(images/front/hliteaddonsbg.jpg) no-repeat ;
	background-position:-235px bottom;
}

.haddonspanelcontent{
	background: url(images/front/hliteaddonsbg.jpg) repeat-y ;
	background-position:-475px bottom;
	padding:15px 15px 0 15px;
	vertical-align:top;
}

.haddonspaneltop h3{
	margin:0;
	padding:7px 15px 7px 15px;
	height:20px;
	font-size:14px;
}

.haddonspanelcontent ul{
	padding-left:15px;
}

.haddonspanelcontent li{
	padding-bottom:10px;
}


/* Hosting detail end*/



/*All page style */
h1.pageTitle{ /*Standard page title class... but is h1 given its own style inside the HTML code?*/
	font-size:24px;
	color:#224177;
	margin-top:10px; 
	margin-bottom:40px; 
	font-weight:300; 
}

h1.subtitle { /*Subtitle version of the same style? */
    color: #0099CC;
    font-size: 24px;
    font-weight: 300;
}

h2.subtitle{
	font-size:18px;
	font-weight:300;
	color: #224177;
	border-bottom: solid #DADDDE 3px;
	padding-bottom:5px;
	margin:40px 0 30px 0;
}

.subtitlechkmark{ /*checkmark image used in subtitles?*/
	background:url(images/front/titlebg_check.gif) no-repeat;
	padding-left:25px;
}


h3.subtitle{ /*Not used apparently. */
}

.subpageimg{
	margin: 30px 0 30px 0;
	/*height:150px;*/
	border:solid 1px #CCC; 
	/*width:550px; 
	
	float:right; 
	margin:0 10px 40px 40px;*/
}

.form_container dd{
	margin-left:0px;
}
.form_container dt{
	color: #003366;
	margin-bottom:5px;
}



div.clearFloat {clear: both;	font-size: 0;	height: 0; margin:0px; padding:0px;	line-height: 0px; }

/*All page style  end*/



/*home page */
	#info1column{
		background:url(images/front/info1columnbg.jpg) no-repeat;
		background-position:0 0;
		position:relative;
	}
	#info2column{
		background:url(images/front/info2columnbg.jpg) no-repeat;
		background-position:0 0;
		position:relative;
	}
	ul.checklist{
		list-style-image:url(images/checkr.gif)
	}
	ul.checklist li{
		font-size:12px;
		line-height: 17px;
		color:#000;
	}
	ul.trianglelist{
		margin:0 0 0 0px;
		padding-left:0;
		list-style:none;
		list-style-image:url(images/trianglew.gif) ;
		list-style-position:inside;
	}
		
	ul.trianglelist li{
		padding-top:3px;
	}

	ul.trianglelist li a{
		color:#FFF;
	}
	
	#slide-container {
		height: 325px;
		width: 950px;
		overflow: hidden;
		border:solid 1px #E4E9E9;
	}
	#slide-pager {
		position: absolute;
		bottom: 10px;
		right: 15px;
		z-index: 9999;
	}
	#slide-pager a {
		display: block;
		width: 12px;
		height: 12px;
		line-height:12px;
		float: left;
		overflow: hidden;
		padding: 2px;
		margin-left: 3px;
		
		background: #333; 
		text-decoration: none ;
		font-size:10px;
		text-align:center;
		/*margin-left: 10px;
		background: url(<?=$CFG->imagedir?>/front/slidenav.gif) no-repeat;
		background-position:0 0;
		text-indent: -1000em;
		background-color:transparent;*/
	}
	#slide-pager a.activeSlide,
	#slide-pager a:hover {
		background: #ccc; 
		color:#333;
	}
	
	#homebannerspicturebox .slide {
		height: 325px;
		width: 950px;
		position: relative;
	}

/*home page end */


/* color */
#links a
{
	 color:#333;
}

#links a:hover
{
	 color:#FF0000;
}

.panel2content ,#actionlistmenu li ul ,.logincolumn, .hostinginfoboxcontent, .hfeaturepanelcontent, .haddonspanelcontent
{
	background-color:#FFF;	
}

#actionlistmenu li ul {
	color:#eaeaea; 
}
#mainmenu ul li a{
	color:#666666;
}
#mainmenu ul li a:hover, #mainmenu ul li:hover a, #mainmenu ul li .dropdown ul li a  {
	color:#FFF;
}


#mainmenu ul li.active a {
	color:#eee;
}

#domsearchfrm input[name="domsearchsubmit"], #mainmenu ul li.active span, #mainmenu ul li .dropdown ul li a:hover, #mainmenu .subnav ul li a, .subnav ul li a:hover , .subnav ul li.active a ,
.haddonspaneltop h3, #slide-pager a
 {
	color:#FFF;
}

/*color end */
	
/*footer style */
.assistance-title{
	/*margin:10px 0 0 10px;*/
	text-align:left;
	width:100%;
	color:#224177;
	line-height: 1em;
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	letter-spacing: 0.5px;
}

.assistance-description{
	margin-top:5px;
	margin-bottom:10px;
	text-align:left;
	/*color:#8c8c8c;*/
	line-height: 1.25em;
	font-family:  12px Verdana, Arial, Helvetica, sans-serif;

}

.whyfws-title{
	/*margin:10px 0 0 10px;*/
	text-align:left;
	width:60%;
	color:#224177;
	line-height: 1em;
	font-faily: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold ;
	font-size:16px ;
	letter-spacing: 0.5px;
}

.whyfws-description{
	margin-top:5px;
	margin-bottom:10px;
	text-align:left;
	width:95%;
	/*color:#8c8c8c;*/
	line-height: 1.25em;
	font:  12px Verdana, Arial, Helvetica, sans-serif;

}

.offers-title {
	/*margin:10px 0 0 10px;*/
	text-align:left;
	color:#224177;
	line-height: 1em;
	font: bold 14px  Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
}

.offers-description{
	margin-top:5px;
	margin-bottom:10px;
	text-align:left;
	width:70%;
	/*color:#8c8c8c;*/
	line-height: 1.25em;
	font-size:  11px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#news-container div
{
	font-size:  11px ;
	line-height:normal;
}

#footer,.secondary-links{
	color:#666666;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.secondary-links a{
	color:#666666;
	font:  11px;
	font-weight:bold;
}

.secondary-links a:hover{
	color:#FF0000;
}

.copyright{
	
	color:#666666;
	line-height: 1em;
	font:  11px;
}

.price{
	font-size:18px;
}

.price-increment{
	font-size:14px;
}

.comparison{
}

.greyLight  {
    background: none repeat scroll 0 0 #EAEEEE;
}

.blueDark {
	background: none repeat scroll 0 0 #242272;
}

/* country dropdown list */
#countrydd{text-align:left; position:relative;}
#countrydd, #countrydd ul,#countrydd ul li { padding:0; margin:0px; list-style:none;}
#countrydd li{ list-style-type:none; }
#countrydd >li  {height:25px; width:150px; background: url(images/front/coundtrydd_bkg.gif)  no-repeat;}

#countrydd li ul {	width:150px; background-color:#FFF;	border:1px solid #CCC; z-index:10010; position:absolute; bottom:24px; display:none;	}
#countrydd li ul li{ display:block; border-top: dotted 1px #CCC; }
#countrydd li ul li:first-child { border-top: none; }

#countrydd li:hover ul { display:block; }
#countrydd a { display:block; height:25px; padding-left:7px; }


/* country dropdown list */
#countrydd2{text-align:left; position:relative;}
#countrydd2, #countrydd2 ul,#countrydd2 ul li { padding:0; margin:0px; list-style:none;}
#countrydd2 li{ list-style-type:none; }
#countrydd2 >li  {height:25px; width:140px; background: url(images/triangle_down.gif)  no-repeat; background-position:center right;}

#countrydd2 li ul {	width:140px; background-color:#FFF;	border:1px solid #CCC; z-index:10010; position:absolute; top:24px; display:none;	}
#countrydd2 li ul li{ display:block; border-top: dotted 1px #CCC; }
#countrydd2 li ul li:first-child { border-top: none; }

#countrydd2 li:hover ul { display:block; }
#countrydd2 a { display:block; height:25px; padding-left:7px; }


/*footer style end*/

/* Hosting detail end*/
.hoverimageExpand {
	background-image: url("images/arrowy_expand_fwd.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

.hoverimageClose {
	background-image: url("images/arrowy_expand_dwn.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

.tooltip {
    display: inline;
    position: relative;
}

.tooltip:hover {
    color: #c00;
    text-decoration: none;
}

.tooltip:hover:after {
    background: #111;
    background: rgba(0,0,0,.8);
    border-radius: .5em;
    bottom: 1.35em;
    color: #fff;
    content: attr(title1);
    display: block;
    /*left: 1em;*/
    padding: .3em 1em;
    position: absolute;
    text-shadow: 0 1px 0 #000;
    width:250px;
    z-index: 98;
}

.tooltip:hover:before {
    border: solid;
    border-color: #111 transparent;
    border-color: rgba(0,0,0,.8) transparent;
    border-width: .4em .4em 0 .4em;
    bottom: 1em;
    content: "";
    display: block;
    left: 0.6em;
    position: absolute;
    z-index: 99;
}