/*************************************************************

		Crucial Paradigm CSS Stylesheet
		Copyright © 2008, All Rights Reserved
		By pure8 Creative Media ////////

*************************************************************/

/*************************************************************

		Page Style ////////

*************************************************************/
* {								margin: 0; padding: 0; }
html, body {							height: 100%; }
body {								background: url("../images/BG.gif") repeat-x #590608;
									font-family: "Arial", Helvetica; 
									font-size: 0.7em; 
									text-align: left;
									margin: 0; }

img {								vertical-align: middle; }
a img {								border: none; }

.floatRight {							float: right !important; }

.centered {							text-align: center; }


/*********************************
		Text
*********************************/
a, p, li, ul {						text-decoration: none;
									font-family: "Arial", Helvetica;
									font-size: inherit; }
p {									padding-bottom: 15px; line-height: 1.5em; }

h2, h4 {							padding: 0 30px; font-weight: normal; }
h2 {								padding-bottom: 10px; }
h3 {								font-size: 1.3em; text-transform: uppercase; }
h4 {								font-size: 1.2em; line-height: 1.5em; }
h2 strong,
h3 strong,
h4 strong {							color: #D4300C; }

h2.green strong,
h3.green strong,
h4.green strong {							color: #4f7208; }

span.date {							color: #898989; font-size: 0.8em; }
span.highlight {						color: #D4300C; font-weight: bold; }
span.title {							font-weight: bold; padding: 0; display: block; clear: both; }

a {								color: #ED1C24; margin: 0; border: none; cursor: pointer; outline: none; }
a.greenLink {							color: #339933; border-bottom: #339933 1px dotted; }
a.greenLink:hover {						color: #339933; border-bottom: #00FF00 1px dotted; }

#tooltip {							position:absolute; width: 250px; padding: 10px 20px; color: #FFFFFF; font-size: 0.9em;
									background: url("../images/gfxTooltip.png"); display: none;}

#tooltip strong {						color: #D4300C; font-size: 1.1em; display: block; }

/*********************************
		Forms
*********************************/
ul {								list-style-type: none; margin: 0; }
fieldset {							border: none; }




/*************************************************************

		Content ////////

*************************************************************/
/*********************************
		00. Global
*********************************/
#wrapper {							position: relative; width: 960px; min-height: 100%; margin: 0 auto -380px auto; padding: 0 20px;
									background: url("../images/gfxHeaderBase.gif") no-repeat #FFFFFF; }




/*********************************
		01. Header Content
*********************************/
#headerWrapper {					float: left; width: 960px; height: 400px; display: inline; }

#headerWrapper h1 {					float: left; width: 395px; height: 115px; margin-top: 40px;
									background: url("../images/gfxCrucialParadigm.gif") no-repeat; display: inline; }				
#headerWrapper h1 span {			display: none; }

#locationSelector {					float: right; width: 110px; height: 60px; text-align: right; }


	/*********************************
			Main Navigation
	*********************************/
	#mainNavigation {				float: left; width: 960px; height: 35px;
									background: url("../images/gfxMainNavigation.gif") 0 -35px no-repeat; }
	#mainNavigation li {				float: left; position: relative; z-index: 100; }
	#mainNavigation li a {				height: 35px; display: block; }
	#mainNavigation li a:hover {			background-image: url("../images/gfxMainNavigation.gif"); background-repeat: no-repeat; }
	#mainNavigation li a span {			display: none; }
	
	li.home a {						width: 143px; }
	li.company a {					width: 166px; background-position: -143px 0; }
	li.services a {					width: 159px; background-position: -309px 0; }
	li.support a {					width: 160px; background-position: -468px 0; }
	li.contact a {					width: 161px; background-position: -628px 0; }
	li.partners a {					width: 171px; background-position: -789px 0; }
	
	
	/*********************************
			DropDown Menu
	*********************************/
	li>ul {					left: auto; top: auto; }

	#mainNavigation li ul {			position: absolute; left: 0; top: 30px; width: 220px; padding-top: 20px; line-height: 0; 
							background: url("../images/gfxDropDownMenuBG.png") no-repeat; display: none; z-index: 100; }
							
	#mainNavigation li ul.narrow {		position: absolute; left: 0; top: 30px; width: 160px; padding-top: 20px; line-height: 0; 
							background: url("../images/gfxDropDownMenuBG.png") no-repeat; display: none; z-index: 100; }							
	
	#mainNavigation li:hover ul,
	#mainNavigation li.over ul {		display: block; }
	
	#mainNavigation li ul li {		width: 180px; height: 22px; padding: 0 10px; display: block; background: url("../images/gfxDropDownMenu.png") repeat-y; }
	#mainNavigation li ul li a {		float: left; width: 155px; height: 28px; padding: 4px 0 0 20px; color: #000000; line-height: 1em;
							background: url("../images/gfxDropDownMenuArrow01.gif") no-repeat; }
							
	#mainNavigation li ul.narrow li {	width: 140px; height: 22px; padding: 0 10px; display: block; background: url("../images/gfxDropDownMenu.png") repeat-y; }
	#mainNavigation li ul.narrow li a {	float: left; width: 115px; height: 28px; padding: 4px 0 0 20px; color: #000000; line-height: 1em;
							background: url("../images/gfxDropDownMenuArrow01.gif") no-repeat; }							
	
	#mainNavigation li ul li a.category {	font-weight: bold; background: url("../images/gfxDropDownMenuArrow02.gif") no-repeat; }
	#mainNavigation li ul li a.indented {	padding-left: 30px; }
	
	#mainNavigation li ul li a:hover,
	#mainNavigation li ul li a.category:hover,
	#mainNavigation li ul li a.selected {	color: #FFFFFF; background: url("../images/gfxDropDownMenuHover.gif") no-repeat; }
	
	#mainNavigation li ul.narrow li a:hover,
	#mainNavigation li ul.narrow li a.category:hover,
	#mainNavigation li ul.narrow li a.selected {	color: #FFFFFF; background: url("../images/gfxDropDownMenuHoverNarrow.gif") no-repeat; }	
	
	#mainNavigation li ul li.footer {		width: 200px; height: 25px; background: url("../images/gfxDropDownMenuFooter.png") no-repeat; }
	#mainNavigation li ul.narrow li.footer {	width: 200px; height: 25px; background: url("../images/gfxDropDownMenuFooterNarrow.png") no-repeat; }
	
	#mainNavigation li ul li p.category { margin-left: 5px; font-weight: bold; }

	/*********************************
			Contact Wrapper
	*********************************/
	#contactWrapper {				float: right; width: 490px; height: 55px; margin-top: 35px; display: inline; }
	
	#contactWrapper ul {			padding-top: 12px; }
	#contactWrapper h3{				float: right; width: 210px; padding-top: 2px; text-align: right; }


	/*********************************
			Featured Content
	*********************************/
	#featureWrapper {			float: left; position: relative; width: 960px; height: 210px;
							background: url("../images/gfxFeatureBG.gif") no-repeat; overflow: hidden; }
									
	#featureSlider {			position: absolute; width: 960px; height: 200px; left: 0; top: 0; }
	
	#featureNavigation {			position: absolute; width: 180px; height: 30px; left: 780px; top: 150px; z-index: 90; }
	
	#featureNavigation a { 			float: left; width: 30px; height: 25px; margin-left: 5px; padding-top: 5px;
							color: #FFFFFF; font-size: 1.4em; font-weight: bold; text-align: center;
							background: url("../images/btnFeature.png") no-repeat; display: inline; }
	#featureNavigation a.activeSlide,
	#featureNavigation a:hover {		background-position: 0 -30px; }



/*********************************
		02. Main Content
*********************************/
#mainWrapper {					float: left; width: 630px; display: inline; }
.subImage {					float: left; margin: 0 30px 10px 30px; display: inline; }
	
	
	/*********************************
			Main Content Box
	*********************************/
	.mainContentBox {			float: left; width: 630px;
							background: url("../images/gfxMainBoxBG.gif") no-repeat; display: inline; }
			
	.mainContentBox .hr {			float: left; width: 630px; height: 60px;
							background: url("../images/gfxDivider_Horizontal.gif") no-repeat; }
		
	.mainContentBox .footer {		float: left; width: 630px; height: 50px; line-height: 0;
							background: url("../images/gfxMainBoxFooter.gif") no-repeat; }
	
	.mainContentBox h3 {			padding: 0 30px 10px; }
	
	.mainContentBox .column01,
	.mainContentBox .column02 {		float: left; width: 255px; padding: 0 25px; }
	.mainContentBox .column01 {		border-right: 1px solid #E6E6E6; }
	
	.mainContentBox .oneColumn {		float: left; padding: 0 30px; font-size: 1em; }
	.mainContentBox .oneColumn strong {	color: #D4300C; } 
	
	.mainContentBox .oneIndentedColumn {		float: left; padding: 0 30px 15px 60px; font-size: 1em; width: 550px; }
	.mainContentBox .oneIndentedColumn strong {	color: #D4300C; } 
	
	.mainContentBox .missionStatement {	padding: 0 0 15px 0; }
	
	.thumbnail{				padding: 6px 6px 18px 6px; background-color: #333; border: 1px solid #888;
							float: left; margin: 0 10px 10px 0; }	
							
	.centeredNote { margin-left: 90px; margin-right: 90px; }
	
	.strikeout { text-decoration: line-through; padding-bottom: 0px; }
	.special {	color: red; }
	
	
	/*********************************
			Main Content Box (Two Column)
	*********************************/
	.mainContentBox2C {			float: left; width: 310px; padding-top: 10px;
							background: url("../images/gfxMainBoxTwoColumnBG.gif") no-repeat; display: inline; }
									
	.mainContentBox2C.two {			margin-left: 10px; }
	
	.mainContentBox2C .footer {		float: left; width: 310px; height: 20px; line-height: 0;
							background: url("../images/gfxMainBoxTwoColumnFooter.gif") no-repeat; }
	
	.mainContentBox2C h3 {			padding: 0 0 10px 15px; }
	.mainContentBox2C p {			padding: 0 15px 15px; }
	
	
	/*********************************
			Main Intro
	*********************************/
	.mainIntro {					float: left; width: 630px; min-height: 190px; }
	.mainIntroSmall {				float: left; width: 629px; min-height: 190px; }
	.mainIntroMid {					float: left; width: 630px; min-height: 125px; }
	.mainIntroMedium {				float: left; width: 629px; min-height: 105px; }
	
	.mainIntro h4 {					width: 370px; }
	.mainIntroSmall h4 {			width: 330px; }
	.mainIntroMid h4 {				width: 440px; }
	.mainIntroMedium h4 {			width: 455px; }	
	
	/*********************************
			Table Styles
	*********************************/
	table.mainTable {				float: left; width: 571px; margin-left: 30px; #margin-left: 15px; background: url("../images/gfxTableTitle.gif") no-repeat; }
	table.mainTable.marginTop {			margin-top: 20px; }
	table.mainTable tr.title {		height: 40px; font-size: 1.1em; font-weight: bold; }				
	table.mainTable tr.secondRow {	background: #ECECEC; }
	table.mainTable td {			height: 35px; min-width: 70px; padding: 5px 5px; border-left: 1px #FFFFFF solid; text-align: center  }
	
	table.mainTable td.description { 			padding-left: 10px; text-align: left }
	
	table.mainTable td.sectionHeading {			color: #000; font-weight: bold; padding-top: 15px; padding-left: 10px; font-size: 12px; text-align: left; }									

	.boldRed {						color: #D4300C; font-weight: bold; }
	.boldBlack {					color: #000000; font-weight: bold; }
								
	table.mainTable tr.signup td {	padding: 5px 5px 5px 12px; height: 40px; }
	table.mainTable tr.student td {	padding: 5px 5px 5px 40px; height: 40px; }
	table.mainTable tr.linux td {	padding: 5px 5px 5px 8px; height: 40px; }
	table.mainTable tr.resell td {	height: 40px; }

	table.mainTable tr.bottomLinks td {			height: 35px; font-size: 0.9em; padding-left: 10px; text-align: left; border-right: none;
												background: url("../images/gfxTableFooter.gif") no-repeat; }	
												
	table.mainTable ul.subNavigation {			padding: 0; }
	table.mainTable ul.subNavigation li a {		background: url("../images/gfxTableLinks.gif") no-repeat; }
		
	div.cross, div.tick, 
	div.tickStar {					height: 12px; background-position: center; background-repeat: no-repeat; }
	div.cross {						background-image: url("../images/gfxCross.png"); }
	div.tick {						background-image: url("../images/gfxTick.png"); }
	div.tickStar {					background-image: url("../images/gfxTick-star.gif"); }
	
	
	/*********************************
			Hardware Table Styles
	*********************************/	
	table.mainTable th {				padding: 0 5px 0 10px; }
	table.mainTable td.image {			padding: 15px; border-left: 1px #E2E2E2 solid;  }	
	
	table.mainTable td.hardwareContent {		padding: 15px;  border-right: 1px #E2E2E2 solid; }
	table.mainTable td.hardwareContent h3 {		padding: 0px; }
	
	.hardwareContent .text {			width: 280px; }
		
	div.subText {						font-size: 9px !important; margin: 10px }
	
	/*********************************
			Sub Navigation
	*********************************/
	.mainContentBox
	ul.subNavigation  {					padding: 20px 15px 35px; }
	ul.subNavigation {					line-height: 0; }
	.subNavigation li {					padding-right: 20px; display: inline; line-height:inherit }
	.subNavigation li a {				padding-left: 10px; color: #898989; background: url("../images/gfxContentLinksArrow01.gif") no-repeat; }
	.subNavigation li a:hover,
	.subNavigation li.selected a {		color: #000000; background: url("../images/gfxContentLinksArrow02.gif") no-repeat; }
	.subNavigation li.selected a {		font-weight: bold; }
	
	
	/*********************************
			Category Navigation
	*********************************/
	.mainContentBox
	ul.categoryNavigation  {			float: left; width: 600px; height: 70px; padding-left: 30px;
										background: url("../images/gfxCategoryNavigation.gif") no-repeat; }
	.categoryNavigation li {			float: left; padding-right: 30px; }
	.categoryNavigation li a {			height: 50px; display: block; }
	.categoryNavigation li a:hover,
	.categoryNavigation li.selected a {	background-position: 0 -50px; }
	.categoryNavigation li a span {		display: none; }
	
	
	/*********************************
			Main Banners
	*********************************/	
	.mainBanner {						float: left; width: 630px; height: 237px; background-repeat: no-repeat; }
	.mainBanner.environment {			background-image: url("../images/gfxMainEnvironment.jpg"); }
	.mainBanner.datacentre {			background-image: url("../images/gfxMainDataCentre.jpg"); }
	.mainBanner.cloudhost {			background-image: url("../images/hp-ab-chs.jpg"); }
	.mainBanner.domaincheck {			background-image: url("../images/gfxMainDomainCheck.jpg"); }
	
	.mainBanner a {						width: 630px; height: 225px; background-repeat: no-repeat; }
	.mainBanner a:hover {				background-position: 0 -225px; }
	 .mainBanner.webhosting {                        height: auto; background-image: url("../images/readMoreBg.jpg"); background-repeat: no-repeat; }
        .mainBanner.readMoreText {                      height: auto; margin-top: -3px; background-image: url("../images/readMoreBg2.jpg"); background-repeat: no-repeat; }
        .mainBanner.webhosting h3 {                     display: inline; }
	
	/*********************************
			FAQ List
	*********************************/	
	.faqList ul {						padding-left: 5px; line-height: 1.5em; }
	.faqList ul li.indented {			padding-left: 20px; }
	.faqList ul li ul li {				padding-left: 20px; background: url("../images/gfxFaqArrow.gif") no-repeat; }
	
	/*********************************
			Why Crucial List
	*********************************/	
	.whyList ul {						padding-left: 20px; line-height: 1.5em; }
	.whyList ul li ul li {				padding-left: 20px; background: url("../images/gfxFaqArrow.gif") no-repeat; }	
	
	/*********************************
			Sitemap
	*********************************/	
	.oneColumnList ul {					padding-left: 30px; line-height: 1.5em; }
	.oneColumnList ul li.topLevel {		font-weight: bold; }	
	.oneColumnList ul li.level01 {		margin-left: 15px; padding-left: 20px; background: url("../images/gfxFaqArrow.gif") no-repeat; }	
	.oneColumnList ul li.level02 {		margin-left: 50px; padding-left: 20px; background: url("../images/gfxFaqArrow.gif") no-repeat; }
	.oneColumnList ul li.level03 {		margin-left: 85px; padding-left: 20px; background: url("../images/gfxFaqArrow.gif") no-repeat; }
	
	/*********************************
			 Images
	*********************************/	
	img.testimonial {					padding: 10px 0 20px 0;}
	img.carbonNeutral {					margin-left: 55px; }
	
	/*********************************
			Services We Provide List
	*********************************/	
	.servicesList ul {					padding-left: 40px; line-height: 1.5em; }
	.servicesList ul li {				padding-left: 15px; background: url("../images/gfxFaqArrow.gif") no-repeat; }
	.servicesList ul li ul li {			padding-left: 15px; background: url("../images/gfxFaqArrow.gif") no-repeat; }
	
	/*********************************
			Feedback Form
	*********************************/
	#feedbackForm {				margin: 15px 30px 30px 30px; }
	#feedbackForm form {		width: 560px; }
	
	#feedbackForm .row {		margin-top: 10px; margin-bottom: 10px; text-align:right }
	#feedbackForm .row .top {	vertical-align: top; }
	
	#feedbackForm .label {		float: left; width: 135px; }
	#feedbackForm .labelTop {	margin-top: 0px; }
	#feedbackForm .labelSelect { margin-top: -5px; }
	
	#feedbackForm .text {		margin-left: 10px; margin-right: 200px; width: 200px; }
	
	#feedbackForm select {		margin-left: 10px; margin-right: 263px; }
	#feedbackForm select.solution {	width: 140px; }
	
	#feedbackForm textarea {	margin-left: 10px; width: 405px; height: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }	
	
	/*********************************
			Crucial Initiatives Image Styles
	*********************************/
	
	div.img { float: left; width: 40px; margin-left: 30px; }
	div.content { float: left; width: 500px; margin-bottom: 35px; margin-top: -2px; }
		
	
	/*********************************
			Domain Checker Style
	*********************************/	
	
	.mainBanner .heading { margin: 10px 0 0 15px;  }
	.mainBanner .text {				margin: 16px 0 0 -10px; }
	.mainBanner .domainInput {		margin: 10px 0 0 20px; height: 22px; border: 1px solid #CCC; }
	.mainBanner .selectInput {		margin-left: 0; vertical-align: top; height: 30px; padding-top: 6px }
	.mainBanner .medium {			width: 15em; padding: 6px 4px 0 4px; }
	
	
	/*********************************
			Forum Styles
	*********************************/
	#mainForumWrapper {				float: left; width: 960px; display: inline; margin-top: 25px; margin-left: -10px; }
	#mainForumWrapper td {			padding: 5px; }
	.mainForumContentBox {			float: left; width: 960px; display: inline; }
	
	
	/*********************************
			Tutorials Styles
	*********************************/
	
	.tree * {					margin:0; padding:0;}
	
	.tree li {					list-style:none; padding-left:21px; padding-top: 5px; }
	.tree li.root {				padding-left: 30px;}
		.tree li li {			background:url(../images/tutorials/rootNode.gif) no-repeat 17px center; margin-left:10px; padding-left:31px;}
		.tree li li.root {		padding-left:10px; background:url(../images/tutorials/justOne.gif) repeat-y 17px 0;}
		.tree li li.root.last {	background:none;}
		.tree li li.last {		background:url(../images/tutorials/lastRoot.gif) no-repeat 17px 0;}
	.expand {					background:url(../images/tutorials/plusMinus.gif) no-repeat; width:16px; _width:13px; height:16px; display:block; float:left; margin-top:2px; padding:0 5px 0 0; text-indent:-9999px; 			line-height:0; font-size:0;}
	.contract {					background-position:0 -16px;}
	.expand:hover {				cursor:pointer;}
	
	/*********************************
			Meta Trader Style
	*********************************/
	img.metatrader {			margin-top: 15px; margin-bottom: 10px; }
	
	/*********************************
			Paginator Style
	*********************************/
	.selectedPage {				border: 1px solid; font-weight: bold; padding: 2px 4px; }
	.pagination {				border: #ED1C24 1px solid; padding: 2px 4px; }

	/*********************************
			Overlay Styles
	*********************************/

	/* the overlayed element */
	div.overlay {
		
		/* growing background image */
		background-image:url(../images/overlay/white.png);
		
		/* dimensions after the growing animation finishes  */
		width:600px;
		height:470px;		
		
		/* initially overlay is hidden */
		display:none;
		
		/* some padding to layout nested elements nicely  */
		padding:55px;
	}
	
	/* default close button positioned on upper right corner */
	div.overlay div.close {
		background-image:url(../images/overlay/close.png);
		position:absolute;
		right:5px;
		top:5px;
		cursor:pointer;
		height:35px;
		width:35px;
	}
	
	
	/* black */
	div.overlay.black {
		background:url(../images/overlay/transparent.png) no-repeat !important;
		color:#fff;
	}
	
	/* petrol */
	div.overlay.petrol {
		background:url(../images/overlay/petrol.png) no-repeat !important;
		color:#fff;
	}
	
	div.black h2, div.petrol h2 {
		color:#ddd;		
	}
	
	/* use a semi-transparent image for the overlay */ 
	#overlay { 
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); 
		color:#efefef; 
	} 
	 
	/* container for external content. uses vertical scrollbar, if needed */ 
	div.wrap { 
		height:500px; 
		overflow-y:auto; 
	}
	
	

/*********************************
		03. Side Content
*********************************/
#sideWrapper {						float: left; width: 320px; padding-left: 10px; display: inline; }

#sideWrapper h3 {					padding-left: 15px; }

.sideContentBox {					float: left; width: 320px; padding-top: 10px;
									background: url("../images/gfxSideBoxBG.gif") no-repeat; display: inline; }

.sideContentBox .hr {				float: left; width: 320px; height: 30px; clear: both;
									background: url("../images/gfxDivider_Horizontal2.gif") no-repeat; }

.sideContentBox .footer {			float: left; width: 320px; height: 15px; line-height: 0;
									background: url("../images/gfxSideBoxFooter.gif") no-repeat; }

.sideContentBox h3 {				padding-bottom: 20px; }
.sideContentBox p {				padding: 0 15px 15px; }
.domain p {					float: right;}

.sideContentBox img {				float: left; padding: 0 15px 15px 0; margin-bottom: 40px; }

.sideContentBox.icon p,
.sideContentBox.icon ul {			padding: 0 15px 0 0; }
.sideContentBox.icon ul {			padding: 0 15px 15px 0; }
.sideContentBox.icon img {			float: left; padding: 0; }

.sideContentBox ul.list li {		float: left; width: 170px; font-weight: bold; padding-left: 10px; line-height: 1.5em;
									background: url("../images/gfxContentLinksArrow02.gif") no-repeat; }

.sideContentBox ul.nobold li { font-weight: normal; }

/*********************************
		04. Footer Content
*********************************/
.footerClear {						height: 475px; clear: both; }
.footerForumClear {					height: 400px; clear: both; }
#footerWrapper {					position: relative; width: 100%;
							background: url("../images/gfxFooterBG.gif") repeat-x #9D0B0F; }

#footerContent {					position: relative; width: 1000px; height: 490px; margin: auto;
									background: url("../images/gfxFooterBase.gif") no-repeat; }
									
#footerContentMaint {					position: relative; width: 1000px; height: 50px; margin: auto;
									background: url("../images/maintenance/gfxFooterBase.gif") no-repeat; }									
									
#footerContent p, #footerContentMaint p {					height: 43px; padding-top: 12px; color: #818181; text-align: center; }
								
#footerContent .vendorLinks {				float: left; width: 1000px; height: 100px; }
#footerContent .vendorLinks ul {			line-height: 0; }
		
#footerContent .navigation ul {				float: left; width: 240px; }
#footerContent .navigation li {				margin-left: 40px; line-height: 1.5em; }
#footerContent .navigation li ul li {		margin-left: 10px; }
#footerContent .navigation li a {			padding-left: 10px; color: #FFFFFF; background: url("../images/gfxFooterLinksArrow02.gif") no-repeat; }
#footerContent .navigation
a.category {						font-size: 1em; font-weight: bold; background: url("../images/gfxFooterLinksArrow01.gif") no-repeat; }
#footerContent .navigation a.sub-category:hover{cursor: default;}




/*********************************
		Button Rollovers
*********************************/
a.button {							float: left;  background-repeat: no-repeat; display: inline; }
a.button span {						display: none; }


	/*********************************
			Small Buttons
	*********************************/
	a.mainHelpNow {					background-image: url("../images/btnHelpNow.gif"); }
	a.mainVisitNow {				background-image: url("../images/btnVisitNow.gif"); }
	a.mainLearnMore {				background-image: url("../images/btnLearnMore.gif"); }
	

	/*********************************
			Small Buttons
	*********************************/
	a.small {						width: 120px; height: 25px; }
	a.small:hover {					background-position: 0 -25px; }
	a.backToTop {					float: right !important; margin: 35px 32px 0 0; background-image: url("../images/btnBackToTop.gif"); }
	a.helpNow2 {					margin: 0 0 15px 15px; background-image: url("../images/btnHelpNow2.gif"); }
	a.domainSearch {				margin: 0 0 15px 20px; background-image: url("../images/btnDomainSearch.gif"); }
	a.memberLogin {					float: right !important; background-image: url("../images/btnMemberLogin.gif"); }
	a.moreNews {					margin-left: 15px; background-image: url("../images/btnMoreNews.gif"); }
	a.viewBlog {					margin: 0 0 15px 15px; background-image: url("../images/btnViewBlog.gif"); }

	/*********************************
			Long Buttons
	*********************************/
	a.long {						width: 255px; height: 40px; }
	a.long:hover {					background-position: 0 -40px; }
	a.overviewRecommended {			background-image: url("../images/btnOverviewRecommended.gif"); }
	a.overviewAdvanced {			background-image: url("../images/btnOverviewAdvanced.gif"); }
	
	
	/*********************************
			Vendor Buttons
	*********************************/
	a.vendors  {					width: 100px; height: 65px; background-image: url("../images/gfxVendors.gif"); }
	a.cisco {						width: 110px; }
	a.cisco:hover {					background-position: 0 -65px; }
	a.intel {						width: 80px; background-position: -110px 0; }
	a.intel:hover {					background-position: -110px -65px; }
	a.hp {							background-position: -190px 0; }
	a.hp:hover {					background-position: -190px -65px; }
	a.supermicro {					background-position: -290px 0; }
	a.supermicro:hover {			background-position: -290px -65px; }
	a.microsoft {					background-position: -390px 0; }
	a.microsoft:hover {				background-position: -390px -65px; }
	a.xen {							background-position: -490px 0; }
	a.xen:hover {					background-position: -490px -65px; }
	a.citrix {						background-position: -590px 0; }
	a.citrix:hover {				background-position: -590px -65px; }
	a.plesk {						background-position: -690px 0; }
	a.plesk:hover {					background-position: -690px -65px; }
	a.cpanel {						background-position: -790px 0; }
	a.cpanel:hover {				background-position: -790px -65px; }
	a.equinix {						background-position: -890px 0; }
	a.equinix:hover {				background-position: -890px -65px; }

	
	
	
	/*********************************
			Misc. Buttons
	*********************************/
	a.info {						width: 25px; height: 16px; background-image: url("../images/btnInfo.gif"); }
	
	a.moreInfo {					float: right !important; width: 105px; height: 40px; margin: 5px 15px 0 0;
									background-image: url("../images/btnMoreInfo.gif"); }
	a.moreInfo:hover {				background-position: 0 -40px; }
									
	a.oNow {					float: right !important; width: 105px; height: 40px; margin: 5px 15px 0 0;
									background-image: url("../images/btnOrderNowBlk.gif"); }
	a.oNow:hover {				background-position: 0 -40px; }

	a.customise {					float: right !important; width: 164px; height: 40px; margin: 5px 15px 0 0;
									background-image: url("../images/customiseNow2.gif"); }
	a.customise:hover {				background-position: 0 -40px; }


        a.customise span { display: none; }
									
	a.signup {						width: 70px; height: 40px;
									background-image: url("../images/btnSignup.gif"); }
	a.signup:hover {				background-position: 0 -40px; }

	a.signup2 {						width: 54px; height: 40px; margin-left: 10px;
									background-image: url("../images/btnSignup2.gif"); }
	a.signup2:hover {				background-position: 0 -40px; }
	
	a.left {						margin-left: 30px; }
	a.lefter {						margin-left: 33px; }
	
	/*********************************
			Flags
	*********************************/
	a.flags {						float: right !important; width: 40px; height: 40px; }
	a.flags:hover,
	a.flags.selected {				background-position: 0 -40px; }
	a.Australia {					background-image: url("../images/gfxFlagsAustralia.gif"); }
	a.USA {							background-image: url("../images/gfxFlagsUSA.gif"); }


/************************************************************/

	/*********************************
			Category Navigation
	*********************************/
	.categoryNavigation li.cpanel a {	width: 118px; background-image: url("../images/buttons/btnCategoryCPanel.gif"); }
	.categoryNavigation li.faq a {		width: 21px; background-image: url("../images/buttons/btnCategoryFAQ.gif"); }
	.categoryNavigation li.features a {	width: 52px; background-image: url("../images/buttons/btnCategoryFeatures.gif"); }
	.categoryNavigation li.options a {	width: 97px; background-image: url("../images/buttons/btnCategoryOptions.gif"); }
	.categoryNavigation li.overview a {	width: 56px; background-image: url("../images/buttons/btnCategoryOverview.gif"); }
	.categoryNavigation li.packages a {	width: 56px; background-image: url("../images/buttons/btnCategoryPackages.gif"); }
	.categoryNavigation li.servers a {	width: 74px; background-image: url("../images/buttons/btnCategoryServers.gif"); }
	.categoryNavigation li.overviewDedicated a { width: 45px; background-image: url("../images/buttons/btnCategoryOverviewDedicated.gif"); }
	.categoryNavigation li.supportOptions a {	 width: 100px; background-image: url("../images/buttons/btnCategorySupport.gif"); }
	.categoryNavigation li.serverHardware a {	 width: 105px; background-image: url("../images/buttons/btnCategoryServerHardware.gif"); }

	/*********************************
			Feature Icons
	*********************************/
	.featureIcons p {					padding-left: 60px; padding-bottom: 20px; }
	
	.reseller p.feature01 {				background: url("../images/icons/gfxResellerOverview01.jpg") no-repeat; }
	.reseller p.feature02 {				background: url("../images/icons/gfxResellerOverview02.jpg") no-repeat; }
	.reseller p.feature03 {				background: url("../images/icons/gfxResellerOverview03.jpg") no-repeat; }
	.reseller p.feature04 {				background: url("../images/icons/gfxResellerOverview04.jpg") no-repeat; }
	.reseller p.feature05 {				background: url("../images/icons/gfxResellerOverview05.jpg") no-repeat; }
	.reseller p.feature06 {				background: url("../images/icons/gfxResellerOverview06.jpg") no-repeat; }
	.reseller p.feature07 {				background: url("../images/icons/gfxResellerOverview07.jpg") no-repeat; }
	.reseller p.feature08 {				background: url("../images/icons/gfxResellerOverview08.jpg") no-repeat; }
	
	
	/*********************************
			Main Intro Icon
	*********************************/
	.mainIntro.resellerFAQ {			background: url("../images/icons/gfxResellerFAQ.jpg") top right no-repeat; }
	.mainIntro.resellerOverview {		background: url("../images/icons/gfxResellerOverview.jpg") top right no-repeat; }
	
	.mainIntroSmall.clusters {			background: url("../images/icons/gfxClusters.jpg") top right no-repeat; }

	.mainIntroMid.resellerFAQ {			background: url("../images/icons/gfxResellerFAQSmall.jpg") top right no-repeat; }
	.mainIntroMid.metaTrader {			background: url("../images/icons/mt4srv.gif") top right no-repeat; }
	
	.mainIntroMedium.resellerOverviewMedium {	background: url("../images/icons/gfxResellerOverviewMedium.jpg") top right no-repeat; }
	.mainIntroMedium.domain {	background: url("../images/icons/gfxDomain.jpg") top right no-repeat; }

	.mainIntroMedium.ssl {	background: url("../images/icons/gfxSSL.jpg") top right no-repeat; }	
	
	
	/********************************
			Product Icons
	*********************************/
	.mainTable.pageIcons
	{
		margin-top: 24px; background: none;
	}

	/********************************
			OS List
	*********************************/
	#os-style li
	{
		padding: 0; margin: 0;
	}

	/********************************
			Linux VPS Big Red
	*********************************/
	a.big
        {
              display: block; font-size: 13px; font-weight: bold; margin-left: 30px; margin-right: 30px; line-height: 150%;
        }

        /*********************************
                        Signup Button
        *********************************/
        input.signupImg
        {
              width: 70px; height: 40px; background-image: url("../images/btnSignup.gif"); border: 0; padding: 0;
        }

        input.signupImg2
        {
              width: 164px; height: 40px; border: 0; padding: 0;
									background-image: url("../images/customiseNow2.gif"); 
        }

	input.signupImg:hover, input.signupImg2:hover {				background-position: 0 -40px; }



        /*********************************
                       Experiences
        *********************************/
        .experience2box {			float: left; width: 180px;
								background: url("../images/exp2bg.jpg") no-repeat; display: inline; margin-left: 23px; padding-top: 7px; }
	
.experience2box p { padding: 0 15px 15px; }							


			.experience2box .footer {		width: 180px; height: 12px; line-height: 0;
							background: url("../images/exp2btm.jpg") no-repeat; }	


.experience4box
{
width: 586px; background: url("../images/exp4bg.jpg") no-repeat; margin-left: 23px; padding-top: 8px; background-position: 0 0; 
}

.experience4box table { padding: 0 15px 15px; width: 100%; font-size: 12px; }	

.experience4box table td { padding: 5px 0px; }						


			.experience4box .footer {		width: 586px; height: 20px; line-height: 0;
							background: url("../images/exp4btm.jpg") no-repeat; }	
#tabNav
{
   width: 588px; 
  margin-left: 23px;
}

#tabContainer
{
   width: 586px; 
  margin-left: 23px;
   height: 200px; border: 1px solid #df6b52;
border-top: 0px;
}

#tabNav ul li
{
   float: left;

}

#tabNav ul li
{
   width: 113px;
   padding-top: 6px;
   text-align: center;
   height: 24px;
   background: #df6b52;
   color: #fff;
   border: 1px solid #df6b52;
}

#tabNav ul li.divider
{
  width: 2px;
  border-top: 1px solid #fff;;
border-left: 0;
border-right: 0;
height: 24px;
background: #fff;
}

#tabNav ul li#tab5
{ 
  margin-right: 0px;
  width: 118px;
}



#tabNav ul li.active
{
   background: #ffffff;
   border-bottom: 1px solid #fff;
}

#tabNav li a
{
  color: #fff;
   font-size: 16px;
font-weight: bold;
}

#tabNav li.active a
{
      color: #D4300C;
}



#tabContainer table
{
 padding: 15px 15px; width: 100%; font-size: 12px;
}

.tabContent
{
display: none;
}

#content3
{
display: block;
}