body {
font-family: Geneva, Arial, Helvetica, sans-serif; 
 font-size: 90%; 
text-shadow: 0 0 0 #000;

	margin: 0; 
	color:#666;
	text-align: center;
	background: #636363;	
}

/************************************************************************   Tag based styles*/

.blueback {color: #0066CC; text-decoration: underline; outline: none;}

a {color: #ff317a; text-decoration: underline; outline: none;}
a img {color: #fff; text-decoration: none; border: none; }
a:hover {text-decoration: none; }
p { 
	color: #737373; 
	text-shadow: 0 0 0 #000;
text-align: justify;
	margin: 0 0 1.7em 0; 
	line-height: 190%; 
	font-size: 100%;
}







h1, h2, h3, h4, h5 {margin: 0 0 15px 0; letter-spacing: 1px; clear: both;}
h1 {
	width: 100%;
	text-align: left;
	color: #ff498a;
	font-size: 180%;
	font-weight: normal;
	padding: 55px 0 15px 0;
	background: transparent url(http://www.surpasshosting.com/img/h1_bg.gif) repeat-x left bottom;


}

.news { text-align: left; margin: 0; padding: 5px 10px; background: #fef7d2; color: #555}


h1.green {
	width: 100%;
	text-align: left;
	color: #66CC33;
	font-size: 180%;
	font-weight: normal;
	padding: 55px 0 15px 0;
	background: transparent url(http://www.surpasshosting.com/img/h1_bg.gif) repeat-x left bottom;


}



h1.brown {
	width: 100%;
	text-align: left;
	color: #4E3A31;
	font-size: 180%;
	font-weight: normal;
	padding: 55px 0 15px 0;
	background: transparent url(http://www.surpasshosting.com/img/h1_bg.gif) repeat-x left bottom;


}






h2 {
	color: #949494;
	font-size: 170%;
	font-weight: normal;
	padding: 0 0 15px 0;
    text-align: left;
    background: transparent url(http://www.surpasshosting.com/img/h2_bg.gif) repeat-x left bottom;

}

h3 {

	color: #ff498a;
	font-size: 120%;
	padding: 0 0 15px 0;
	font-weight:normal;
	text-align: left;
  background: transparent url(http://www.surpasshosting.com/img/h2_bg.gif) repeat-x left bottom;
}
ul {list-style-image:  url(http://www.surpasshosting.com/img/bullet.gif); margin: 0.7em 0.5em 1.5em 0em; padding: 0 0 0 18px;  color: #666;}
ul li{margin: 0 0 0.4em 0;}
sup, sub {font-size: 80%;}
fieldset {border: none; margin: 0; padding: 0;}

acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

/* Mulipurpose classes */

.imgleft { display:inline; float:left; margin: 0.3em 1.1em 0.3em 0; }
.imgright { display:inline; float:right; margin: 0.3em 0 0.2em 1.2em; }
.flright {float: right}
.flleft {float: left}

.clearboth {clear:both; margin: 0; }
.hideit {display:none}
.alignright {text-align: right}
.aligncenter {text-align: center}

.noscript {color: #ddd; padding: 0.2em 1em 0.5em 1em; margin: 0em 1em 0.5em 1em; border: 1px solid #fff; position: absolute; background: #444; line-height: 14px; top: 0; left: 0; width: 48%; z-index:100 }


/************************************************************ Site structure  */
#upper_outer {
	width: 100%;
	background-color: #fff;
	/*  See dec/struct DIVs (below) for mixed/full right column  classes */
}
	#wrapper {z-index: 1;
		width: 760px; 
		position: relative;
		margin: 0 auto ;
		text-align: left; 
	}
	
		#header {
			width: 760px;
			padding: 0; 
			background:transparent;
			height: 200px;
		}
		
			#header .logo {
				position: absolute;
				top: 67px;
				left: -2px;
				width: 254px;
				height: 82px;
			}
		
			#navlist { 
				position: absolute;
				top: 1px;
				right: 0;
				margin: 5px 0 0 0;
				padding: 0;
			}
		
		#content {
			margin: 0;
			padding: 0 0 20px 0;
		}
			#leftcol {
				width: 489px; 
				float: left;
				margin: 0;
				padding: 0 0 20px 0; 
			}
			
			#rightcol {
				position: relative;
				top: -131px;
				padding: 0 0 20px 52px; 
				margin: 0 0 -131px 0; 
				width: 198px;  
				float: left;
				background: transparent url(http://www.surpasshosting.com/img/right_col_bg.gif) repeat-y; 
				
			}
				#mainmenu { 
					font-size: 120%;
					padding: 0;
					margin:0 0 30px 0;
					background: white;
				}
			
			#mainmenu.fullwidth { 
				position: absolute;
				top: 63px;
				right: 0px;
			}
		
#footer {
	position: relative;
	margin: 0 0 0 0; 
	padding: 30px 0 0 0; 
	background: #636363 url(http://www.surpasshosting.com/img/footer_bg.gif) repeat-x left top; 
	clear:both; 
	text-align: center;

}
	#back2top {
		position: relative;
		bottom: -10px;
		background: transparent url(http://www.surpasshosting.com/img/back2top.gif) no-repeat left top; 
		width: 760px;
		margin: -10px auto 0 auto; 
		height: 37px;
		text-align: left;
		z-index: 1;
	
	}
	#footer_inner {
		width: 760px; 
		margin: 0 auto 0 auto; 
		text-align: left; 
		height: 120px;


	}
/************************************************************  ID specific styles  */

/************* TOP RIGHT NAVIGATION LINKS ******/
#navlist li {
	float: left;
	margin: 0;
	padding: 0px 8px 1px 8px;
	list-style: none !important;
	list-style-image: none !important;
	letter-spacing: 1px;
	border-right: 1px solid #a6a6a6;
}
#navlist li a {
	color: #fff;
	text-decoration: none;
}
#navlist li a:hover {

	border-bottom: 1px solid #fff;
	text-decoration: none;
	background: none;
}

#navlist li.last{
	border-right: 0px;
	padding-right: 0px;
}

/************* MAIN MENU ******/

#mainmenu li {
	margin: 0px;
	padding: 5px 9px 5px 0;
	list-style: none !important;
	list-style-image: none !important;
	text-align: right;
	background: transparent url(http://www.surpasshosting.com/img/menu_bg.gif) repeat-y right top;
}

#mainmenu li.gap {
	padding-bottom: 15px;
}

#mainmenu li a { 
	color: #777;
	text-decoration: none;
}

#mainmenu li a, #mainmenu li span { 
	padding-right: 32px;
}

#mainmenu li#selected {
	list-style: none;
	background: transparent url(http://www.surpasshosting.com/img/menu_bg_selected.gif) repeat-y right top;
}

#mainmenu li#selected span, #mainmenu li a:hover{
	color: #fd0059;
	
}

#mainmenu li a:hover{

	text-decoration: none;
	background: transparent url(http://www.surpasshosting.com/img/menu_hover.gif) no-repeat right center;
}


.corner-box {
	background: url(http://www.surpasshosting.com/img/surcorner.jpg) top left no-repeat;
	padding: 12px 15px;
}

.corner-box-right {
	background: url(http://www.surpasshosting.com/img/surbox2.jpg) top right no-repeat;
	padding: 12px 15px;
}

.corner-box h3,
.portal-box-contents .corner-box h3 {
	margin-top: 0;
}


#rightcol p {line-height: 150%; color: #777; font-size: 100%}

#back2top img {position: absolute; right: 17px;}
#back2top a {
	position: absolute; 
	left: 44px; 
	top: 15px; 
	color: #fff;
	text-decoration: none;
}
#back2top a:hover {
	text-decoration: underline;
}
	
/***  Footer ***/
#footer p { 
	margin: 0 0 15px 0 ; 
	padding:0; 
	line-height: 140%;
	font-size: 90%;
	color: #adadad;
	z-index: 3;
}
#footer p.links { 
	font-size: 105%;
}

#footer a { 
	color: #fff;
	text-decoration: none;
}

#footer a:hover { 
	text-decoration: underline;
}

/********************************************************************************* Positioned decorative/structural DIVs  */
#top_band {
	background: transparent url(http://www.surpasshosting.com/img/wrapper_bg.gif) repeat-x right top; 
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 300px;		
}


#top_band_sec {
	background: transparent url(http://www.surpasshosting.com/img/wrapper_bgsec.gif) repeat-x right top; 
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 300px;		
}


/******* #upper_outer - right column backgrounds**/ 

.fullcolumn {
	background: #fff url(http://www.surpasshosting.com/img/body_bg.gif) repeat-y 50% 0%;
}
.mixed {
	background: #fff url(http://www.surpasshosting.com/img/body_mixed_bg.gif) no-repeat 50% 0%;
	z-index: 10;
}

#menu_right {
	position: absolute;
	top: 37px;
	left:0;
	width: 100%;
	height: 300px;
	background: transparent url(http://www.surpasshosting.com/img/menu_right.gif) no-repeat center top; 
}

#menu_left {
	position: absolute;
	top: 119px;
	right: 172px;
	width: 100px;
	height: 286px;
	background: transparent url(http://www.surpasshosting.com/img/menu_left.gif) no-repeat center 0; 
}

#top_swoop {

	position: absolute;
	top: 0px;
	left: -74px;
	width: 367px;
	height: 30px;
	background: transparent url(http://www.surpasshosting.com/img/top_swoop.gif) no-repeat; 
}
#footer_swoop {
	position: absolute;
	right: 12%;
	top: 8px;
	width: 175px;
	height: 121px;
	background: transparent url(http://www.surpasshosting.com/img/footer_swoop.gif) no-repeat; 
	z-index: 0; /* be careful to <br /> the list of links in the footer to avoid the overlay of the swoosh in Firefox. */
}
* html #footer_swoop { /* IE only */
	z-index: -1;
}

/**********************************************************  Elements  **/
/********************* forum feed */
.forum_feed {
	margin: 0 0 25px 0;
	padding: 0;
}

.forum_feed p {
	margin: 0 0 6px 0;
	text-align: left;
}

.forum_feed strong {
	color: #999;
}

.forum_feed span {
	font-style: italic;
	color: #aaa;
	display: block;
	margin: -5px 0 0 0;
}

/********************* Plans */

.planbox {
	margin: 20px 0 0 0;
	padding: 0;
	background: #fff url(http://www.surpasshosting.com/img/plan_box_bg.gif) no-repeat left bottom;
	height: 20em;
	position: relative;
}

.planbox a.tab {
	display: block;
	position: absolute;
	top: 0px;
	width: 124px;
	height: 135px;
	float: left;
	margin: 0px;
	padding: 10px 20px 0 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #9c9c9c;
	background: #fff url(http://www.surpasshosting.com/img/plan_tabs_sprites.gif) no-repeat 0px -124px ;
}
.planbox a.one {
	left: 0;
}
.planbox a.two {
	left: 165px;
}
.planbox a.three {
	left: 330px;
}
.planbox a.tab span {
	display: block;
	position: absolute;
	bottom: 33px;
	left: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 105%;
	font-weight: normal;
	color: #bcbcbc;
}
.planbox a.tab span span{
	position: relative;
	bottom: 0px;
	left:0;
	display: inline;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 135%;
}

.planbox a.tab:hover {

	background: #fff url(http://www.surpasshosting.com/img/plan_tabs_sprites.gif) no-repeat 0px 11px;
}

.planbox a.on, .planbox a.on:hover  {

	background: #fff url(http://www.surpasshosting.com/img/plan_tabs_sprites.gif) no-repeat 0px -270px;
	cursor: default;
	color: #73c9ff;
}
.planbox a.on span span, .planbox a.on span {
	color: #ff4b8b;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
font-weight: bold;
}
.planbox  .box {
 position: absolute;
 bottom: 0px;
 width: 480px;
 left: 0px;
 background: transparent url(http://www.surpasshosting.com/img/plan_box_box_bg.gif) no-repeat;
}


.box span {
	display: block;
	font-size: 110%;
	margin: 0 0 6px 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
font-weight: normal;
	color: #aaa;
}
.box span span{
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 175%;
	color: #73c9ff;
	margin: 0;
	letter-spacing: 1px;
}	
.box div {
	position: absolute;
	left: 235px;
	top: 0px;

}	
.box div p {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 105%;
	line-height: 150%;
	margin: 0 0 15px 0;
	text-align: left;
}	
.box div p span {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
display: inline;
	margin: 0;
	color: #3db5ff;
}

a.moredeets, a.ordernow {
	display: inline;
	width: 85px;
	height: 18px;
	float: right;
	text-decoration: none;
	padding: 0;

}

a.moredeets {
	margin: 0 11px 5px 20px;

}

a.ordernow {
	margin: 0 6px 0 13px;

}

/* Nomooooooo */
div.nomoo{
 height: 16em;
 margin-bottom: 1.5em;

}
 
div.nomoo .box {
 top: 6em;
}

.nomoo h2 span {
 display: block;
 font-size: 100%;
 font-weight: normal;
 color: #ff4b8b;
}

.nomoo h2 span span{
 display: inline;
 font-size: 105%;
}
/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(http://www.surpasshosting.com/img/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(http://www.surpasshosting.com/img/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(http://www.surpasshosting.com/img/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(http://www.surpasshosting.com/img/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(http://www.surpasshosting.com/img/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(http://www.surpasshosting.com/img/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(http://www.surpasshosting.com/img/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(http://www.surpasshosting.com/img/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(http://www.surpasshosting.com/img/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(http://www.surpasshosting.com/img/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}









table.footcollapse{
	width:30em;
}
table.footcollapse caption{
	font-size:120%;
	text-transform:uppercase;
	text-align:left;
	padding:.5em 1em;
}
table.footcollapse th{
	text-align:left;
}
table.footcollapse,table.footcollapse th,table.footcollapse th
{
	border:none;
	border-collapse:collapse;	
}
table.footcollapse thead th
{
	width:10em;
	border-style:solid;
	border-width:1px;
	border-color:#cff #69c #69c #cff;
	background:#9cf;
	padding:2px 10px;
}
table.footcollapse tfoot th,
table.footcollapse tfoot td
{
	border-style:solid;
	border-width:1px;
	border-color:#9cf #369 #369 #9cf;
	background:#69c;
	padding:2px 10px;
}
table.footcollapse tbody{
	background:#ddd;
}
table.footcollapse tbody td{
	padding:5px 10px;
	border:1px solid #999;
}
table.footcollapse tbody th{
	padding:2px 10px;
	border:1px solid #999;
	border-left:none;
}
table.footcollapse tbody tr.odd{
	background:#ccc;
}

table.footcollapse tfoot td img{
	border:none;
	vertical-align:bottom;
	padding-left:10px;
	float:right;
}