.normalblack {
	color: #000000;
	text-decoration: none;
}
body {
	margin: 0px;
	background-color:#FFFFFF;
/*	background-color: #7e8386;	*/
	background-image: url(images/yes-hosting-line-full.jpg);
	background-repeat: repeat-y;
}
td {
	font-family: Microsoft Sans Serif, Tahoma;
	font-size: 12px;
}
a
{
	color: #0000ff;
	text-decoration: none;
}
a:hover
{
	color: #0000ff;
	text-decoration: none;
}
li
{
	color: #666666;
}
.normalwhite {
	color: #FFFFFF;
	text-decoration: none;
}
.normalgray {
	color: #E8E8E8;
	text-decoration: none;
}
.normalgray:link {
	color: #E8E8E8;
	text-decoration: none;
}
.normalgray:visited {
	color: #E8E8E8;
	text-decoration: none;
}
.normalgray:hover {
	color: #E8E8E8;
	text-decoration: none;
}
.normaldrakgray {
	color: #666666;
	text-decoration: none;
}

.normaldrakgray:link {
	color: #666666;
	text-decoration: none;
}
.normaldrakgray:visited {
	color: #666666;
	text-decoration: none;
}
.normaldrakgray:hover {
	color: #666666;
	text-decoration: none;
}
.normalred {
	color: #CC0033;
	text-decoration: none;
}
.normalgreen {
	color: #99CC00;
	text-decoration: none;
}
.inputtext {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
}
.inputtextreq {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	border-bottom-color:#FF0000
}

.dropdown_blueborder {
	border: 1px solid #7f9db9;
}

.normalviolet {
	color: #310063;
	text-decoration: none;
}
.titlebar,
.titlebar span {
	background: transparent url(/images/5.0/register_title.gif) no-repeat 0 0;
	display:inline;
	height: 19px;
	float: left;
}
.titlebar span {
	background-position: 100% 0;
	position: relative;
	left: 30px;
	padding-right: 30px;
}
#hdr {
	width: 220px;
	height: 100px;
	background: url("http://www.yes-hosting.com/images/yeslogo.gif") no-repeat left top;
	text-align: left;
	padding: 1px 0 0 0;
	margin: 0;
}

#hdr h1 {
    cursor: pointer;
    float: right;
    width: 200px;
    height: 56px;
}

#hdr h1 span {
    display: none;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
#keylist {
	display: none;
	
	
}

#cslist {
	display: none;
}

/*-------------Teaser-----------*/

.teaser {
	width: 170px;
	height: 200px;
	margin: 0px;
	padding:5px;
	float: left;
}
.teaser h2 {
	font-family:Georgia;
  	font-size:20px;
  	font-weight:normal;
  	font-style:italic;
  	color:#000000;
  	margin: 0px;
  	padding:0px;
}
.teaser p {margin: 5px 40px 0 0;}
.teaser #support {color: #666666; background: url(images/6.0/hosting-support.png) no-repeat center right;} 
/*.teaser #support p {margin: 5px 40px 0 0;}*/
.teaser #centralize {color: #666666; background: url(images/6.0/hosting-centralize.png) no-repeat center right;}
.teaser #information {color: #666666; background: url(images/6.0/hosting-infomation.png) no-repeat center right;}
.teaser #email {color: #666666; background: url(images/6.0/hosting-email.png) no-repeat center right;}
.teaser .learnmore {
	width:64px;
	height: 16px;
	background-color: #e1e1e1;
	margin-top: 10px;
	padding: 2px 5px;
}
.teaser .learnmore a {
	color:#000000;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	text-decoration: none;	
}

/*--------------Hosting Package-------------*/
#package-warp{
	width: 730px;
	height: 308px;
	margin: 0;
	padding: 20px 0px 0px 0px;
	background: url(images/6.0/hosting-package-bg.jpg) repeat-x top left;
}

#package-warp #pane {
	width:708px;
	height: 198px;
	margin: 0px 10px 0px 10px;
	/*border: 1px solid red;*/
}

#package-warp #pane #left-b{
	width: 12px;
	height: 198px;
	background: url(images/6.0/pane-left.png) no-repeat top left;
	/*display: block;*/
	
	/*border: 1px solid green;*/
	float: left;
}

#package-warp #pane #center-b{
/*	width: 684px;
	height: 198px;
	background: url(images/6.0/pane-center.png) repeat-x top left;
	display: block;
	
	border: 1px solid green;
	float: left;	*/
}
#package-warp #pane #center-b h2{
	width: 684px;
	/*height: 298px;*/
	margin: 0px;
	padding-top: 3px;
	background: url(images/6.0/pane-center.png) repeat-x top left;
	font-family: Georgia,"Times New Roman", Times, serif;
  	font-size:16px;
  	font-weight:normal;
  	/*font-style:italic;*/
  	color:#b5dc11;
  	/*color:#ffffff;*/
	float: left;
}

#package-warp #pane #right-b{
	width: 12px;
	height: 198px;
	background: url(images/6.0/pane-right.png) no-repeat top right;
	/*display: block;*/
	/*border: 1px solid green;*/
	float: left;
}

/*-------------- News Bar ----------------*/

#newbar {
	width: 730px;
	height: 47px;
}

#newbar #barleft {
	width: 158px;
	height: 47px;
	background: url(images/6.0/newsbar-l.jpg) no-repeat top left;
	display: inline-block;
	float: left;
}

/*#newbar #barcenter {
	width: 558px;
	height: 47px;
	padding-top: 17px;
	background: url(images/6.0/newsbar-c.jpg) repeat-x top left;
	display: inline-block;
	float: left;
}

#newbar #barcenter a {
	color:#666666;
	padding: 20px 10px 0px 10px;
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}*/


#newbar #barright {
	width: 14px;
	height: 47px;
	background: url(images/6.0/newsbar-r.jpg) no-repeat top left;
	display: inline-block;
	float: left;
}

/*	.marq {background: url(../images/marq.png) no-repeat top left;width:660px;height:35px;padding-bottom:15px;}*/
	.marq {
	background: url(images/6.0/newsbar-c.jpg) repeat-x top left;
	width:558px;
	height:47px;
	/*padding-bottom:8px;*/
	padding-top: 8px;
	display: inline-block;
	float:left;
	}
	
	#fade_base {padding:8px 0px 0px 10px;height:35px;color: #000;}

#pic-register {
	background: url(images/6.0/reg-bg.jpg) no-repeat top left;
}
	
#trans-round-register {
	/*background-color: #000;*/
	margin-bottom: 5px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* SIDEBAR ---------------------------------------------------------*/
	color: #929191;
	background: url(images/6.0/spacer-black.png) repeat;
}	
	
	
/*-------------- End News Bar ----------------*/

.package-pic-windows {
	background: url(images/6.0/package-pic-windows.jpg) no-repeat top left;
}

.package-pic-linux {
	background: url(images/6.0/package-pic-linux.jpg) no-repeat top left;
}

.package-pic-clients {
	background: url(images/6.0/package-pic-clients.jpg) no-repeat top left;
}

.package-pic-guideservices {
	background: url(images/6.0/package-pic-guideservices.jpg) no-repeat top left;
}

.package-pic-tutorial {
	background: url(images/6.0/package-pic-tutorial.jpg) no-repeat top left;
}

.package-pic-promotion {
	background: url(images/6.0/package-pic-promotion.jpg) no-repeat top left;
}

.package-pic-fax2email {
	background: url(images/6.0/package-pic-fax2email.jpg) no-repeat top left;
}

.trans-round {
	/*background-color: #000;*/
	margin-bottom: 5px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* SIDEBAR ---------------------------------------------------------*/
	color: #929191;
	background: url(images/6.0/spacer-black.png) repeat;
}

.table-notrans-round {
	/*background-color: #000;*/
	margin-bottom: 5px;
	padding: 10px;
}

 /*------------ Package Table -----------*/
 
table.packagetable {
	width: 674px;
	/*height: 160px;*/
	margin: 8px 0px 0px 5px;
	padding:0;
	/*border: 1px solid orange;*/
	background: url(images/6.0/Windows-Ubuntu-logo.png) no-repeat scroll top right;
}



  TR.packagetable
  { 
  /*height:20px;*/
  }

  TD.packagetable
  {  
  		width: 90px;
     /*background-color:#962852;*/
     color: #000000;
     /*border: 1px dotted White;*/
     text-align:center;
	  padding: 4px 0px;
  }

  TD.packagetable_full
  {  
  		/*width: 90px;*/
     /*background-color:#962852;*/
     color: #000000;
     /*border: 1px dotted White;*/
     text-align:center;
	  padding: 4px 0px;
  }
  
  .AlignLeft {
  	text-align: left !important;
  }
 
  .WhiteBorderLeft {
	border-left: 1px solid #ffffff;
}
	
	.btnLearnMore {
	/*border: 1px solid blue;*/
}

  .btnLearnMore a {
  height:56px;
  width: 303px;
  padding : 18px 0px 0px 0px !important;
	background: url(images/6.0/learnmore_btn.png) no-repeat top left;
	color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	text-decoration: none;	
	display: inline-block;
	/*border: 1px solid red;*/
}

  .btnLearnMore-small a {
  height:56px;
  width: 205px;
  padding : 18px 0px 0px 0px !important;
	background: url(images/6.0/learnmore_btn_small.png) no-repeat top left;
	color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	text-decoration: none;	
	display: inline-block;
	/*border: 1px solid red;*/
}


/*------------ Table Area End -----------*/

/*-------------f-box-------------*/

.f-boxPanel {
	width: 730px;
	height: 170px;
	background: #ffffff;
}

.f-boxPanel .f-box {
	width: 236px;
	height: 130px;
	background: url(images/6.0/f_box.jpg) no-repeat top left;
	margin:0px 3px;
	float: left;
}

.f-boxPanel .f-box a {
	width: 236px;
	height: 130px;	
	margin: 0px;
	padding: 2px 0px 0px 9px;
	/*background: url(images/6.0/f_box.jpg) no-repeat top left;*/
	color:#000000;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	text-decoration: none;	
	display: inline-block;
}

.f-boxPanel .f-box #exclusive {
	width: 78px;
	height: 73px;
	margin-right:20px;
	background: url(images/6.0/exclusive-img2.png) no-repeat bottom right;
	display: block;
	float: right;
}

.f-boxPanel .f-box #training {
	width: 78px;
	height: 73px;
	margin-right:20px;
	background: url(images/6.0/training-img.png) no-repeat bottom right;
	display: block;
	float: right;
}

.f-boxPanel .f-box #support {
	width: 52px;
	height: 73px;
	margin-right:20px;
	background: url(images/6.0/support-img.png) no-repeat bottom right;
	display: block;
	float: right;
}

a.plussign {
	padding-left: 12px;
	background: url(images/6.0/plussign.gif) no-repeat bottom left;
}

/*--------PatternBox---------*/

h2.titleyesSpec {
	background: url(images/6.0/yesSpec.png);
	height: 202px;
	width: 248px;
	text-indent: -9999px;
	margin: 0 0 0 -20px;
}

h2.titleyesSpec-r410 {
	background: url(images/6.0/yesSpec-r410.png);
	height: 202px;
	width: 248px;
	text-indent: -9999px;
	margin: 0 0 0 -20px;
}

.pbox {
	background-color: #000;
	margin-bottom: 5px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* SIDEBAR ---------------------------------------------------------*/
	color: #929191;
}

.paternBox {
	background: #000 url(images/6.0/bg-box.gif) repeat-x top;
}

.yesSpec p { margin-top: -10px; }

#sidebar { width: 248px; /*float: left; */color: #929191; }

#sidebar .pbox { padding: 20px; position: relative; zoom: 1; }

#sidebar a { color: #fff; }

#sidebar a:hover { color: #0087b8; }


/*-------- End PatternBox---------*/



/*--------Fonts-----------*/

.Handwriting {
	font-family:Georgia;
  	font-size:16px;
  	font-weight:bold;
  	font-style:italic;
  	color:#000000;
  	margin: 0px;
  	padding:0px;
}

.whitefont {
	color: #ffffff;
}

.bluefont {
	color: #196ea2;
	font-weight: bold;
}

.greenfont {
	color: #68aa02;
	font-weight: bold;
}

.greenbrightfont {
	color: #99cc33;
	font-weight: bold;
}

.orangefont {
	color: #fd9e04;
	font-weight: bold;
}

.orangedarkfont{
	color: #E38800;
	font-weight: bold;
}

.reddark {
	color: #800000;
	font-weight: bold;
}

.Boldfont {
	font-weight: bold;
}

.whitefont-headerpack {
	color:#ffffff;
	padding-left: 170px;
	font: bold 12px Arial;
/*	font-family: Arial;
	font-size: 12px;*/
	text-align: right;
	text-decoration: none;
	
}

/* +start clearing fix rules */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix { height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */