body {margin:0;padding:0; width:100%; font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#333333;background: url(/images/main_back.jpg) repeat-x}
#outer {width:916px;margin:0 auto;padding-bottom:0px; no-repeat;}
#inner {width:916px;margin:0; padding:0}
#top { margin-top:4px;}
ol {margin-left:12px; padding:0}
hr {height:1px; border:0 ;border-bottom:1px solid #ddd;}
img { border:none;}
.err {color:red;margin:10px 10px 10px 30px !important;}
.err li {list-style:disc !important}
.c{clear:both; padding:0; margin:0;}
h1{padding:32px 0 0 0; margin:0; font-size:3.0em; color:#FFFFFF; font-family: Arial Rounded MT Bold, Arial Rounded, Arial, sans-serif; text-shadow:1px 1px 3px #12436e;
 /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=145, Color='#12436e')";
 /* For IE 5.5 - 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=145, Color='#12436e');}
h2 { margin-top:3px; padding-top:0; width:500px; font-size:14px;}
h3 {color:#4e8dc2; font-size:1.4em;}
a, a:link, a:visited { color: #5ca00b;  text-decoration: none;}
a:hover { color: #5ca00b; text-decoration:underline}
.floating_link {float: right; margin-right:12px; margin-bottom:10px; display:inline; }

/*----------------------------------------------------------
                    HEADER
-----------------------------------------------------------*/
#abs_top {width:100%; height:20px; padding:9px 0 3px 0; color:#fff;}
#abs_top span{color:#8ac03e;}
#abs_top a, #abs_top a:link, #abs_top a:visited  {color:#fff;  text-decoration: none;}
#abs_top a:hover, #abs_top a:active {color:#fff; text-decoration:underline;}

* html #abs_top {width:100%; height:20px; padding:9px 0 3px 0; color:#fff; margin-bottom:-18px;}

#sales_chat {float:left; width:350px;}

#cpbuttons {float: left; width:182px; margin-left:188px;}

#site_search {width: 189px; padding:0; margin: -3px 0 0 0; float:right;}

/*----------------------------------------------------------
                    NAV
-----------------------------------------------------------*/
/*--- For main nav, see ddsmoothmenu.css ---*/

.tabs_menu_wider { height:59px; width: 900px; list-style:none; margin-left:0px; margin-top:15px}
.tabs_menu_wider li { text-align:center;    float:left;  padding:0; list-style:none; display:block;}
.tabs_menu_wider li a, .tabs_menu_wider li a:link {font-size:14px; color:#ccc; text-decoration:none; font-weight:bold; display:block; height:39px; width:170px; padding-top:20px;}
.tabs_menu_wider li a:hover {font-size:14px; color:#454545; text-decoration:none; font-weight:bold; display:block; height:39px; width:170px; padding-top:20px;}
.current_tab_2 a { background:url(/images/buttons/server_tabs_small.gif) no-repeat; text-align:center; width:170px; color:#000000 !important;}
.tabs_menu { height:59px; width: 700px; list-style:none; margin-left:201px; margin-top:15px}
.tabs_menu li { text-align:center; float:left; width:200px;  list-style:none; display:block;}
.tabs_menu li a, .tabs_menu li a:link {font-size:14px; color:#ccc; text-decoration:none; font-weight:bold; display:block; height:39px; padding:20px 0 0 0;}
.tabs_menu li a:hover {font-size:14px; color:#454545; text-decoration:none; font-weight:bold; display:block; height:39px; padding:20px 0 0 0;}
.current_tab a { background:url(/images/buttons/server_tabs.gif) no-repeat; text-align:center; width:200px; color:#000000 !important;}
#info_holder {width:916px; margin-top:-1px; border-top:1px solid #d5e3ee;}
#info_holder_notab {width:916px; margin-top:12px; line-height:1.7em; font-size:12px;}

/*------- Scroll to top of page -------------------*/


/*----------------------------------------------------------
                    CONTENT
-----------------------------------------------------------*/

.image_box { height:148px; margin:0;}
.image_box p { width: 400px}
.image_box span {color:#9cd23e}
.image_box {background:url(/images/header/blank.jpg) no-repeat right}

#content { width:100%; margin:16px 0; font-size:12px;} 
#left {float:left; width:312px;}
#right {float:right; width:230px; padding:0; margin:0px;}

#twitter_div {width: 310px; background-color:#edf4fe; padding-bottom: 15px; ; margin:27px 0 0 15px;}
#twitter_div h3 {padding:6px 8px; margin:0; background :#70a7d5; width:294px; border-bottom:4px solid #226cad; color:#fff;}
#twitter_div p {background:url(/images/rightimages/ih_icon.gif) no-repeat; padding:0 0 0 17px; margin: 10px 10px; color:#222 !important; width:280px;}
#twitter_update_list {list-style:none; margin:12px 9px; padding:0;}
#twitter_update_list li { background:url(/images/rightimages/ih_icon.gif) no-repeat; margin:0; margin-bottom:6px ; padding:0 0 0 17px; font-size:14px}

#blog_div {width: 310px; background-color:#edf4fe; padding:; margin:27px 0 12px 15px;}
#blog_div h3 {padding:6px 8px; margin:0; background :#70a7d5; width:294px; border-bottom:4px solid #226cad; color:#fff;}
#blog_div p {background:url(/images/rightimages/ih_icon.gif) no-repeat; padding:0 0 0 17px; margin: 10px 10px; color:#222 !important; width:280px;}
.gfc-resultsbox-visible {width:280px; font-size:14px; margin: 0 0 0 12px;}
.gf-result {background:url(/images/rightimages/ih_icon.gif) no-repeat !important; margin:0; padding:0 0 0 17px!important;}

.top_para {font-size: 24px !important; line-height:1.2em !important; margin-top:20px; padding-top:0;}
.top_para span {color:#9cd23e;}
#blacktops {width:100%; height:128px; position:relative;}
.left_top {width:241px; height:128px; background:url(/images/managed/blacktop.jpg) no-repeat; float:left;}

.bottom_box {border:1px dashed #c5d8e8; padding:6px 10px; margin:0 16px 26px 16px; font-size:12px;}

/*--------Managed ----------------*/

.managed_server { background:url(/images/managed/list_head.jpg) no-repeat; padding:0; text-align: center; float:left; width:225px; height:128px}
.managed_server h3 { color:#fff; text-align:center; font-size: 1.4em; margin-top:84px; margin-bottom:0px;}
.managed_server a, .managed_server a:link, .managed_server a:visited { color:#9cd23e; text-align:center; margin-bottom:16px; text-decoration:none;}
.managed_server a:hover { color:#9cd23e; text-decoration: underline;}
.managed_server span { color:#9cd23e;}

.complex_server { background:url(/images/complex/list_head.jpg) no-repeat; padding:0; text-align: center; float:left; width:225px; height:128px}
.complex_server h3 { color:#fff; text-align:center; font-size: 1.4em; margin-top:80px; margin-bottom:4px;}
.complex_server a, .complex_server a:link, .complex_server a:visited { color:#9cd23e; text-align:center; margin-bottom:16px; text-decoration:none;}
.complex_server a:hover { color:#9cd23e; text-decoration: underline;}
.complex_server span { color:#9cd23e;}

.custom_server { background:url(/images/custom/list_head.jpg) no-repeat; padding:0; text-align: center; float:left; width:225px; height:128px}
.custom_server h3 { color:#fff; text-align:center; font-size: 1.4em; margin-top:80px; margin-bottom:4px;}
.custom_server a, .custom_server a:link, .custom_server a:visited { color:#9cd23e; text-align:center; margin-bottom:16px; text-decoration:none;}
.custom_server a:hover { color:#9cd23e; text-decoration: underline;}
.custom_server span { color:#9cd23e;}

.vm_server { background:url(/images/vm/list_head.jpg) no-repeat; padding:0; text-align: center; float:left; width:225px; height:128px}
.vm_server h3 { color:#fff; text-align:center; font-size: 1.4em; margin-top:80px; margin-bottom:4px;}
.vm_server a, .vm_server a:link, .vm_server a:visited { color:#9cd23e; text-align:center; margin-bottom:16px; text-decoration:none;}
.vm_server a:hover { color:#9cd23e; text-decoration: underline;}
.vm_server span { color:#9cd23e;}

/*---- END ----- */

.halfpage { width:445px; margin-right: 10px; float:left;}
#leftside { width:550px; float:left; padding-right:15px; background:url(/images/box_shadow.jpg) no-repeat bottom; padding-bottom:36px; margin-left:-36px; padding-left: 36px  }
#leftside p { font-size:12px;}
#leftside h3 { margin-top:15px; }
#rightside { width:330px; float:left; margin-left:14px;}
#rightside p { font-size:14px; color:#888;}
.leftbox {}


.product_list {width:900px; height:200px; background:#F0F7FF; border:1px solid #d5e3ee; border-bottom: none; margin-top:30px}
.prod_left {float:left; height:200px; width:200px; background:url(/images/managed_hosting.jpg);}
.prod_left p { font-family:Arial Rounded MT Bold, Arial Rounded, Arial; padding:120px 0 0 20px; color:#fff; font-size:16px; font-weight:bold;}
.prod_mid {float:left; height:200px; width:448px; border-right:1px solid #d5e3ee}
.prod_right {float:right; height:130px; width:205px; padding:70px 0 0 45px; border-left:1px solid #fff}

.text-box-left { margin:0; padding:0; width:241px; height:697px; float:left; background: url(/images/managed/list_left.jpg) no-repeat;}
.text-box-left ul{text-align:left; font-weight:bold; margin:0; list-style:none; padding:0; font-size:13px}
.text-box-left li{ list-style-image:none; list-style-type:none; padding:8px 0 8px 14px; margin:0; }
.text-box-left p {margin: 14px 0 161px -7px; font-size:1.3em;  padding:5px 7px 8px 7px; width:180px; background: url(/images/blue_bar.gif) no-repeat bottom left #4E8DC2 ; color:#FFFFFF;}
.leftlist { background:#dbe7f1}

.text-box { margin:0; padding:0; width:225px; float:left;}
.text-box a, .text-box a:link, .text-box a:visited { color:#9cd23e; text-align:center; margin-bottom:16px; text-decoration:none;}
.text-box a:hover { color:#9cd23e; text-decoration: underline;}
.text-box ul{text-align:center; margin:0; list-style:none; padding:0; font-size:13px}
.text-box li{ list-style-image:none; list-style-type:none; padding:8px 4px; margin:0;}
.text-box img { margin-left:30px;}
.text-box p { height:180px; margin:12px;}
.listback { background:#f4f7f9}

#info_section {width:620px; float:right; margin-top:20px; padding-bottom:25px; font-size:12px;}
.server_info {width:290px; height:250px; float:left; margin-right:20px; font-size:12px;}
.server_info h3 {color:#4e8dc2; font-size:1.4em;}

.server_info2 {width:290px; float:left; margin-right:20px; font-size:12px;}
.server_info2 h3 {color:#4e8dc2; font-size:1.4em;}

.server_info3 {width:415px; float:left; margin:10px 10px 0 0; font-size:12px; background: #FCFDFE; border:1px solid #e7f0f7;  padding:15px; min-height: 300px;}
.server_info3 h3 {margin: 2px 0 10px -23px; font-size:1.3em;  padding:5px 7px 8px 7px; width:180px; background: url(/images/blue_bar.gif) no-repeat bottom left #4E8DC2 ; color:#FFFFFF;}

.server_list {width:242px; background: #edf4fa; float:left; margin-bottom: 120px; position:relative;}
.server_list h3 {margin: 14px 0 auto -7px; font-size:1.3em;  padding:5px 7px 8px 7px; width:242px; background: url(/images/blue_bar_full.gif) no-repeat bottom left #4E8DC2; color:#FFFFFF;}
.server_list ul{text-align:left; margin:0px 20px 24px 20px; list-style:none; padding:0; font-size:12px}
.server_list li{ list-style-image:none; list-style-type:none; padding:0 0 0 16px; margin:6px 0px; font-weight:bold;  background:url(/images/left_list.gif) no-repeat; }
.server_list_2 {width:242px; background: #edf4fa; float:left; margin: 22px 0 120px 0; position:relative;}
.server_list_2 h3 {margin: 14px 0 auto -7px; font-size:1.3em;  padding:5px 7px 8px 7px; width:242px; background: url(/images/blue_bar_full.gif) no-repeat bottom left #4E8DC2; color:#FFFFFF;}
.server_list_2 ul{text-align:left; margin:0px 20px 24px 20px; list-style:none; padding:0; font-size:12px}
.server_list_2 li{ list-style-image:none; list-style-type:none; padding:0 0 0 16px; margin:6px 0px; font-weight:bold; background:url(/images/left_list.gif) no-repeat; }

.bottom_text { width:620px; margin:-150px 0 14px 270px;}
.bottom_text img { float:left; margin:0 12px 12px 0;}
.finished-click { position:absolute; bottom: -110px; left:27px;}


.casestudy { background: #f0f5fa; border:1px solid #e5f0fa; padding:12px; margin-bottom:14px; position:relative;}
.casestudy h5 {background: url(../images/blue_bar.gif) no-repeat bottom left #4E8DC2; color:#FFFFFF; font-size:1.3em; margin:2px 0 auto -20px; padding:5px 7px 8px 7px; width:250px;}
.casestudy a, .casestudy a:link, .casestudy a:visited { color: #5ca00b;  text-decoration: none; position:absolute; top:16px; right: 10px;}
.casestudy a:hover { color: #5ca00b; text-decoration:underline}

/* ---------- DATA Centre Pages ------------------*/

.dc {width: 260px; margin:15px 20px 20px 20px; height:300px; float:left;}
.dc a,.dc a:link,.dc a:visited {color:#4e8dc2; font-size:16px; text-decoration:none;}
.dc a:hover {color:#4e8dc2; font-size:16px; text-decoration: underline;}
.centre-image { float: left; margin: 0 12px 12px 0;}
* html .dc {width: 260px; margin:15px 15px 20px 15px; height:300px; float:left;}

/*----------------------------------------------------------
                    Form Styling and focus
-----------------------------------------------------------*/

.status {padding:8px; outline:none; height:28px; font-size:17px; width:92%} 
.status2 {padding:8px; outline:none; height:19px; font-size:17px; width:100%;}
.status3 { background-color:#efefef; padding:3px; outline:none; height:30px; font-size:17px; width:96%; border:2px solid #DFDFDF; color:#555} 
.statusprod { background-color:#efefef; padding:3px; outline:none; height:30px; font-size:11px; width:90%; border:2px solid #DFDFDF; color:#555}     
.focusField {border:solid 2px #73A6FF;  background:#EFF5FF;  color:#000;}  
.idleField {background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF;}  
.custom-form p{clear:both; margin:0; padding:0}

.cssform{margin:-1px 0 0 0; padding:0; position:relative; height: auto; width: 910px;}
.cssform fieldset{margin:0 ;padding:0;border:none; float:left; display:inline; width:300px;}		
.cssform legend{display:none;}	
.cssform p{margin:.5em 0;}	
.cssform label{display:block; font-size:14px; color:#3f70a6; margin:8px 0 4px 0; }							

#form1{margin:5px 0 70px 0; padding:10px 0; border-right: 1px solid #ddd; position:relative; height:300px; width: 620px; float:left;}
#form1 fieldset{margin:0 14px 0 0 ;padding:0;border:none;	float:left; display:inline; width:260px; margin-left:25px;}		
#form1 legend{display:none;}	
#form1 p{margin:.5em 0;}	
#form1 label{display:block; font-size:14px; color:#3f70a6; margin:8px 0 4px 0; }	
#form1 textarea{height:104px; width:240px; overflow:auto;}					
#form1 button{width:178px; border:none; background: none; cursor:pointer; position:absolute;left:19px;bottom:-64px}	

#form2{margin:5px 0 70px 0; padding:10px 0; border-right: 1px solid #ddd; position:relative; height:506px; width: 620px; float:left;}
#form2 fieldset{margin:0 14px 0 0 ;padding:0;border:none;	float:left; display:inline; width:260px; margin-left:25px;}		
#form2 legend{display:none;}	
#form2 p{margin:.5em 0; font-size:11px; line-height:1.4em;}	
#form2 label{display:block; font-size:14px; color:#3f70a6; margin:8px 0 4px 0; }	
#form2 textarea{height:104px; width:240px; overflow:auto;}					
#form2 button{width:178px; border:none; background: none; cursor:pointer; position:absolute;left:19px;bottom:-64px}	

.quote_right {float:right; width:270px; font-size:14px; color:#888;}

.top_text {width: 500px !important; padding: 8px 0 22px 0 !important;}


/*----------------------------------------------------------
                   Square Box Slider - text reveal
-----------------------------------------------------------*/

.boxgrid{ width: 260px; height: 260px; margin:15px; float:left; background:#fff; border: solid 1px #ccc; overflow: hidden; position: relative;}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }
.boxgrid h3{ padding: 0px 10px;  margin-top: 10px;}
	
.boxcaption{ float: left; position: absolute; background: #000; height: 280px; width: 100%; opacity: .8; 
/* For IE 5-7 */  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

.boxcaption a, .boxcaption a:link, .boxcaption a:hover, .boxcaption a:visited { color:#333333 !important; text-decoration:none!important;}
.captionfull .boxcaption {top: 260px;left: 0;}
.caption .boxcaption {top: 220px;left: 0;}


/*----------------------------------------------------------
                   Bottom Slider
-----------------------------------------------------------*/
/* Easy Slider */
	#bottom_slider { position:relative; margin-top: 10px; background:url(/images/bottom_slide/back.gif) no-repeat #fff; padding:40px 0 0 0px;}
	#slider ul {padding:0 0 0 70px; margin: 0; list-style:none;}
	#slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:870px;
		height:170px;
		overflow:hidden; 
		}	
		
	#slider li a, #slider2 li a, #slider li a:link, #slider2 li a:link, #slider li a:visited, #slider2 li a:visited{margin-right:44px;  width: 230px; height:130px; display:block; float:left;}	
		
	#slider li a:hover, #slider2 li a:hover { background:url(/images/bottom_slide/hover.jpg) top no-repeat;}	
		
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:0px;
		top:42px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:868px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:48px;
		height:117px;
		background:url(/images/bottom_slide/left.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/images/bottom_slide/right.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
  
/*----------------------------------------------------------
                    unsorted
-----------------------------------------------------------*/

.price {font-size: 2.4em; margin-bottom:5px;}
.contactbox {background: url(/images/rightimages/background.gif) no-repeat; width: 214px; height:93px; padding:10px; margin: 0px;}
.contactbox a, .contactbox a:link, .contactbox a:visited{ color:#404b57; font-size: 1.5em;}
table td {padding: 5px 0 5px 5px;}
.base { width: 70px; text-align:center; padding-left:0;}
.choice {padding:39px 0 0 0; text-align:center; width:300px; position:absolute; right: 350px;}
.rackicon {float:left; margin:0 6px 8px 10px;}


/*----------------------------------------------------------
                    FOOTER
-----------------------------------------------------------*/

#footer {background:#f8f8f8; width:100%; padding:0; border-top: 1px solid #eeeeee; }
#footer-container {margin-left:auto; margin-right:auto; width:916px; margin-top: 0px; padding-bottom: 0px;}
.footeroffer {float:left; width:200px; height:170px; margin:0; padding:0 2px; border-right:1px solid #ddd; border-left:1px solid #fefefe;}
.footeroffer a, .footeroffer a:link .footeroffer a:hover { color:#333; text-decoration:none;}
.footeroffer h4 {margin: 14px 0 13px 10px; padding:0; font-size:11px;}
.footeroffer p{width: 180px; margin:5px 10px;}
.footeroffer ul{float:left; margin-top:-6px;}
.footeroffer li{ list-style: none !important; background:url(/images/bull.gif) no-repeat; padding-left:14px; margin-left:-10px;}
.no_list { list-style: none !important; background: none !important; padding:0 0 3px 0!important; margin-left:-10px;}

#footer_bottom { background: #8e8e8e; width:100%; padding:4px 0; color:#ddd; text-align:center;}
#footer_bottom a, #footer_bottom a:link, #footer_bottom a:visited  {color:#ddd;}