/* Global CSS reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{background: #ddd;font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */color: #444;}



/* links */
a:link, a:visited {font-weight: normal;text-decoration: none;}
a:link {color: #c02828;}
a:visited {color: #c02828;}
a:hover, a:active {border-color: #c02828;color: #941c1d;}
a, strong, b { /* Straightens out OS X font rendering */line-height: 19px;}

/* HEADINGS & TYPOGRAPHY */
h1, h2 {letter-spacing: -.05em ;/*overides crappy default leading*/line-height: 40px;}
h1 {margin-top: 25px;font-size: 30px;font-weight: bold;color: #000;margin-left: 0;}
h2 {margin-bottom: 25px;font-size: 26px;font-weight: normal;color: #666;}
h3 {margin-bottom: 18px;font-size: 18px;color: #b5292a;}
h3.section, h4.section {clear: both;margin: 0 0 20px 0;padding: 9px 0 10px 0;border-top: 1px solid #eee;font-size: 12px;text-transform: uppercase;color: #888;}
h4, h5 {font-size: 14px;color: #555;}
h3 span, h4 span, h5 span {font-weight: normal;}
#content p {margin-bottom: 20px;}
.copy p {margin-bottom: 20px;}
hr {clear: both;height: 0;margin: 10px 0;border: 0;border-top: 1px solid #eee;}
.small10{
	font-size: 10px;
}

/* Core LAYOUT */
#wrapper {background:#fff;padding: 0 0 20px;margin-top: 0;}
/* HEADER */
#header {background:  url("../i/rp.jpg") top left repeat-x #191919;height:78px;}
#header #logo {margin: 13px 10px 0 0px;text-indent: -9999px;float:left;}
#header #logo a {display: block;background: transparent url("/images/logo-trans.png") no-repeat;width: 266px;height: 61px;border: 1;float:left;}   

/* =NAVIGATION */
#navigation {background:url(/images/nav.jpg) repeat-x #c12828;/*border-bottom: 1px solid #a12728;*/height:37px;}
#header .inner{width: 948px;margin: 0 auto;padding-left: 15px;}
/* MENU PRIMARY */
#menu_primary {padding:0;}
#menu_primary ul {overflow: hidden;width: 910px;list-style-type: none;position:relative;left:-20px;}
#menu_primary ul li {float: left;margin-right: 0px;border-right: 1px solid #da312f;}
#menu_primary ul li.first{margin-left:0;}
#menu_primary ul li a {display: block;width: 100px;padding: 8px 4px;border: 1px solid transparent;font-size: 12px;text-transform: capitalize;text-align: center;color: #fff;text-shadow: #3d3c3d 1px 1px 2px;font-weight: bold;}
#menu_primary ul li.last{margin-right:0;}
#navigation #menu_primary ul li a:hover {background: url(/images/nav_over.jpg) repeat-x center;color:#fff;text-shadow:none;}


div.focus {background-color: #eff2f3;padding: 20px;border: 1px solid #dde2e4;}

div.focus hr{
	background-color: #d7d7d7;overflow:auto;
	height
	border: 1px solid #dde2e4;
	height: 1px;
	border-top-color: white;
}
#man{
	position: relative;
	top: -201px;
	float: right;
	left: 1px;
}
div.focus.grid_16{width: 910px;}
div.focus p, div.focus h3{
	text-shadow: #fff 1px 1px 2px;
}
div.focus p a:link{
	border-bottom: none;
	background-color: transparent;
}
div.focus p a:hover{
	border-bottom: 2px solid #9db0cf;
	background-color: transparent;
	color: #8c1b1c;
}

#header2 h1{font-size: 25px;margin:15px 0;padding: 0;line-height: 25px;float: left;width: 600px;
	text-transform: capitalize;
}


.contact #header2 #callback,
.enquiry #header2{
	display: none;
}
.enquiry #header2.enq, .callback #header2.enq{
	display: block;
}

/*hide callback*/
.login #callback, .enquiry #callback{display: none;}

/* @group #Header2 */

#callback a#callbtn:hover{background: url(../images/callback_btn.jpg) no-repeat 0 0;}
#header2 h1 span.sub{font-variant: normal;
	font-weight: normal;
	font-style: normal;
	color: #595959;
	background: url(../images/sub_separator.png) no-repeat left center;
	padding-left: 25px;
}
#header2 h2{font-size: 18px;margin:0;padding: 0;line-height: 18px;}


body.home #header2{
	display: none;
}

/* @end */

h3 span.sub2{
	color: #595959;
}

/* @group Footer */
#footer {padding: 40px 0 0px 0;background: #dddddd url(/images/footer_rp.jpg) repeat-x left top;font-size: 12px;color: #666;margin: 0 auto;}

#footer .grid_5{text-align: right;float:right;}
#footer #address p{float: left;}
#footer #address img{float: left;margin-left: 7px;margin-top: 6px;}
#footer a#coname:link, #footer a#coname:visited {color: #c02828;}
#footer .inner{width: 940px;margin: 0 auto;}
#footer .grid_4{float:left;width:220px;margin: 0 20px 0 0;}
#footer .grid_4.last{float:left;width:220px;margin: 0 0px 0 0;}
#footer h3 {margin-bottom: 20px;font-size: 14px;color: #555569;font-weight: normal;text-transform: capitalize;text-shadow: #fff 1px 1px 2px;}
#footer p {color: #888888;}
#footer ul {}
#footer ul.links li {margin-bottom: 10px;}
#footer ul.links li a {border-bottom: 0;font-weight: normal;}
#footer ul.links li a:link {color: #676767;}
#footer ul.links li a:visited {color: #676767;}
#footer ul.links li a:hover, #footer ul.links li a:active {background-color: #e2f1cf;color: #191919;}
#footer ul.links li.support {margin-top: 20px;font-weight: bold;}
#footer ul.links li.support em {font-weight: bold;font-style: normal;color: #b8d3eb;}

#footer li#green a:hover{color: #6a9a5d;border-color: #6a9a5d;}

#footer ul.links li em.support,
#footer ul.links li em.support a {font-weight: bold;font-style: normal;color: #7a8a67;}

#footer #run {clear: both;margin-top: 0px;padding-top: 40px;color: #444;z-index: 1000;}
#footer hr.depth{
	background-color: #c5c5c5;overflow:auto;
	border-top: 1px solid white;width:930px;
	height: 1px;
	border-top-color: white;
	padding: 0;margin: 0 0 0 10px;
}


#footer #run .sitemap_primary{z-index: 1;}
#footer #run .sitemap_primary,
#footer #run .sitemap_secondary,
#footer #run p {margin:0 0 0 0px;top:-12px;position:relative;}
#footer #run ul{float:right;border-top: none;position:relative; top:-12px;}
#footer #run li{display:inline;border-top: none;padding: 0 10px;}
#footer #run #watermark {padding: 7px 0;float:left;}
#footer #run img#ftlogo {display: block;float:left;margin-right:10px;}
#footer a:link, #footer a:visited{
 text-shadow: #fff 1px 1px 1px;
	color: #888888;
}
#footer a:hover{background-color: transparent;border-bottom: 2px solid gray;}

/* @end */


.submitbutton { background:url(../i/submit-up.png); }
.submitbutton:hover { background:url(../i/submit-over.png); }

input.btn, .login input.loginbutton, .loginpassword input.loginbutton{display: block;background: url(/images/order_btn.png) top left no-repeat;margin-bottom: 0;width:115px;height:29px;display:inline;font-size: 13px;font-weight: bold;text-transform: uppercase;text-decoration: none;color: #646464;cursor: hand;padding: 5px 7px 5px 7px; /* Links */white-space: nowrap;text-align: center;text-transform: none;border: none;letter-spacing:-1px;}
.btn:hover, .login input.loginbutton:hover, .loginpassword input.loginbutton:hover{background: url(/images/order_btn.png) bottom left;color:#000;cursor:hand;}

.button { width:76px; border:none; background:#68B6B6 !important; color:#FFF; font:10px verdana; padding:4px; }

/* 960 GRID css */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:940px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}

/* =GRID =MODIFIERS */
.container_16:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
	.container_16{display:inline-block}
	* html .container_16{height:1%}
	.container_16{display:block}

	.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
	.container_12{display:inline-block}
	* html .container_12{height:1%}
	.container_12{display:block}

	.clearfix li:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
	.clearfix li{display:inline-block}
	* html .clearfix li{height:1%}
	.clearfix li{display:block}


.mygrid_4{width:230px;float:left;}
	/* BUTTONS */

	.buttons {
	  clear: both;
		overflow: hidden; /* Float clearing for good browsers */
		margin-bottom: 30px;
		font-size: .785em;
	}

	.buttons a.button, .buttons button {
	  display: block;
	  background: #e2e2e2;
	  margin-bottom: 0;
	  border: 1px solid #e2e2e2;
	  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 100%;
	  font-weight: bold;
	  text-transform: uppercase;
	  text-decoration: none;
	  color: #646464;
	  cursor: pointer;
	  padding: 4px 10px 5px 10px; /* Links */
	  white-space: nowrap;
	  text-align: center;
	}

	.buttons button {
	  width: auto;
	  overflow: visible;
	  padding: 6px 10px 6px 10px; /* IE6 & Firefox 3 */
	  line-height: 16px; /* Safari 3 */
	}


	.buttons button img, .buttons a img {
	  margin: 0 3px -3px 0 !important;
	  padding: 0;
	  border: none;
	}

	/* =BUTTONS =TWEAKS */

	.buttons button, .buttons a.button { /* Safari */
	  -webkit-border-radius: 14px;
	}

	.buttons a.button, .buttons button, x:-moz-any-link, x:default { /* Firefox 3 */
	  -moz-border-radius: 14px;
	}


/* global classes : clear & floats */
.hidden {display: none;}
.clear{clear:both;}
.right {float: right;}
.clearleft {clear: left;}
.clearright {clear: right;}

.ir{text-indent:-9999px;} /*image replacement - saves on repeating style declaration*/
.last {margin-right:0px;/* removes right margin from horizontally spaced floats*/}

/*Order buttons*/
a.btn{display: block;background: url(/images/order_btn.png) top left;margin-bottom: 0;width:140px;display:inline;font-size: 13px;font-weight: bold;text-transform: uppercase;text-decoration: none;color: #646464;cursor: hand;padding: 5px 7px 5px 7px; /* Links */white-space: nowrap;text-align: center;text-transform: none;}
a.btn:hover{background: url(/images/order_btn.png) bottom left;color:#000;}

a.btn.space{margin-top: 0px;margin-bottom: 10px;margin-right: 150px;}

/*PAGE SPECIFIC*/
/* home page */

#banner2{height:214px;background: url(/images/banner2.jpg) #d8d8d8;border-bottom: 1px solid #cbcbcb;}
#banner2 #flash{
	width: 720px;float: left;
}
#banner2 .content{width:940px;margin: 0 auto 0 auto;background:url(/images/home1.jpg) no-repeat top left #3d3c3d;height:214px;}
#banner2 h1{margin:0;padding: 0;}
#banner2 p {font-size: 12px;}

body.home #banner2{display:block;}


/*buttons for home page*/
.lead {overflow: hidden;margin: 0px 0 20px 0;background-color: #f2f2f2;}
.lead h2 {margin: 0;font-size: 16px;}

/* colo details page */

ul#details{margin-right:30px;}
#mainprice h4 {margin-bottom: 0;font-size: 26px;line-height: 22px;text-align: left;color: #000;}
#mainprice h4 a{margin-bottom: 0;font-size: 24px;line-height: 20px;text-align: left;color: #000;font-weight: bold;}
#mainprice em {font-size: 12px;font-style: normal;font-weight: normal;text-align: left;color: #5a94ca;position:relative;top:-5px;}

ul#details{float:left;font-size: 16px;}
ul#details li{margin-bottom:3px}
#mainprice{margin:118px 0 0px 0px;float:left;background: url(/images/point.jpg) no-repeat top left;padding: 20px 0px 20px 20px;width:209px;}

/*home page*/
.home p#spacer{margin-bottom:60px;}
.home_colo{background: url(/images/icon_colo.jpg) no-repeat bottom 280px;}
.home_backup{background: url(/images/icon_backup.jpg) no-repeat bottom 180px;}
.home_dedicated{background: url(/images/icon_dedicated.jpg) no-repeat bottom 280px;}

.lead .grid_5{/*border: 1px solid #999;*/width:300px;border-right: 1px solid #fff;padding: 10px 15px 20px 0;margin: 0 20px 20px 10px;}
.lead .grid_4 p{line-height:16px;font-size: 12px;}
.lead .last{background-color: #dbdbdb;margin:0;width:180px;padding: 5px 20px 0px 20px;border-right: none;}
.lead .first{padding-left:20px;}
.lead .no_margin{margin-right:0;}
.lead h5 {font-weight: normal;color:#4b4b4c;}
.lead h5 .price{font-weight: bold;color:#302f2f;}
.lead h5 em {font-size: 11px;line-height: 20px;font-style: normal;
font-weight: normal;vertical-align: top;color: #888;}
#logos a:hover{background: none;}
/*img.lettersmall{border: 2px solid #ececec;margin-top: 3px;margin-bottom: 3px;}*/
.grid_4 h2.topmarg {margin:0 0 10px 0;padding: 0;line-height:16px;}
#logos{padding: 0px 0 40px 0;}
#logos h3.section{margin-bottom:0;}
#logos img{opacity: 0.5;
			-moz-opacity: 0.5;
			filter:alpha(opacity=50);margin-right:55px;}
#logos img:hover{opacity: 1.0;
			-moz-opacity: 1.0;
			filter:alpha(opacity=100);}
			#logos img.last{margin-right:0;}

/* = SHARED but not core */
/*TODO needs work...unused styles*/
#signup_16 {
/*  background: #e7f3d9 url("/images/icons/select.png") no-repeat 10px 50%;*/
background-color: #e6e6e6;width: 900px;border: 1px solid #dedede;margin: 40px 10px;padding: 20px;text-align: center;}
#signup_16 h3 {margin: 0;color: #696969;}
#signup_16 h3 a:link, #signup_16 h3 a:visited {color: #2c2828;}
#signup_16 h3 a:hover {background-color: #a6caee;color: #fff;}
#backtotop {position:fixed;bottom:0px;right:0px;height:39px;}
#backtotop a:hover{background: none;border: none;}

/* @group Brower / platform styles */

/*	iPhone styles using browser detection */
body.iPhone #backtotop{display:none;}

/* @end */

/* hide for conversion pages */
.callback #navigation, .callback #footer, .callback #headright, .callback #backtotop,
.enquiry #navigation, .enquiry #footer, .enquiry #headright, .enquiry #backtotop
 {display:none;}
.callback #wrapper, .enquiry #wrapper{background-color: #f4f4f4;}
.callback #enquiry {margin-bottom: 40px;}
.callback .grid_9{border: 0 solid silver;margin: 0;padding: 20px;}

#headerlinks{background-color: #434343;padding: 5px 15px;border: 1px solid #9e9d9d;border-top:none;}
#headerlinks li{display:inline;font-size: 11px;margin-left:10px;padding: 5px 0px 3px 25px;}
#headerlinks li.first{margin-left:0px;}
#headerlinks li a:link, #headerlinks li a:visited{color:#9e9d9d;}
p.phone{background: url(/images/phone-trans.png) no-repeat right;height:21px;margin-top:30px;width:250px;}
p.phone span{display:none;}
#headright{float:right;text-align:right;}
.Opera #navigation #menu_primary{left:10px;}
li.support{background: url(/images/top_support.png) no-repeat;}
li.login{background: url(/images/top_login.png) no-repeat;}
li.callback{background: url(/images/top_callback.png) no-repeat;}

/* About pages specific */
.green .grid_8{width:450px;}
.green img#tag{float:left;border: none;margin:0 20px 0px 0;}
h4.greenicon{padding: 0px 0 0 60px;background:no-repeat top left;}
h4#plug{background-image: url(/images/greenicon_plug.jpg);}
h4#reuse{background-image: url(/images/greenicon_reuse.jpg);}
h4#sun{background-image: url(/images/greenicon_sun.jpg);}
h4#wind{background-image: url(/images/greenicon_wind.jpg);}

/* enquiry page specific */
	
#product.colofull{background: url(../images/enquire_full.jpg) no-repeat right top;padding-right: 150px;width: 230px;}
#product.colohalf{background: url(../images/enquire_half.jpg) no-repeat right top;padding-right: 150px;width: 230px;}
#product.coloquarter{background: url(../images/enquire_quarter.jpg) no-repeat right top;padding-right: 150px;width: 230px;}
#product.dedicatedenquiry{background: url(/images/enquiry_dedicated.png) no-repeat left 30px;width: 230px;padding-bottom: 100px;padding-right: 100px;}
#product.dedicatedenquiry h5.price{margin-top: 90px;}
#ims img{position:relative;top: -70px;left: 118px;}
#ims img#im2{left: 220px;}
#ims img#im3{left: 320px;}
#ims img#im4{left: 423px;}
#ims img#im5{left: 523px;}

li.windows{background: url(../images/icon_windows.jpg) no-repeat left 3px #fff;}
li.ubu{background: url(../images/icon_ubu.jpg) no-repeat left 3px #fff;}
#dell{padding-top: 20px;padding-bottom: 20px;}
.Firefox #dell{padding-top: 15px;padding-bottom: 15px;}
#freedom{background: url(/images/screenshots.jpg) no-repeat left 40px;}
#freedom p{padding-left: 185px;}
#freedom h5{padding-left: 150px;}
.muted{color: #929292;}
.callback #header2{display: none;}
div.process p{padding-bottom: 50px;background: url(../images/arrow.jpg) no-repeat center bottom;}
div.process p.noarrow{padding-bottom: 20px;background: none no-repeat center bottom;}



/*Enrich*/
/* Webkit transition */
a { -webkit-transition-property:color; -webkit-transition-duration:.3s; -webkit-transition-timing-function:ease-in }
a:hover { -webkit-transition-timing-function:ease-out }
/*html a:active{position:relative;top:2px;}
html #navigation a:active{position:relative;top:0px;}*/
.remotehands #header2 h1{background: url(../images/icon_hd.jpg) no-repeat 223px top;padding-bottom: 6px;}
.login #enquiry td a:link.forgotpassword, .login #enquiry a:visited, .login #enquiry a:hover{font-size: 12px;color: gray;font-style: italic;text-decoration: underline;background-color: transparent;}
.login #enquiry a:hover{background-color: transparent;color: #414141;background-image: none;}
.connectivity .grid_8{width:450px;}


.home2 #header2{
	display: none;
}
#hometicks ul li{background: url(/images/tick.png) no-repeat left top;padding-left: 20px;font-size: 12px;margin-bottom:7px;line-height:16px}
.home2 #hometicks ul{width:200px;float:left;}
#hometicks{float:left;width:410px;}

.lettersmall{float:left;margin: 0 10px 0px 0;border: 5px solid #eeeeee;}
#greentag.lettersmall{border: none;}
.grid_8.copy{margin-left:0;width:450px;}
#logos{border-top: 1px solid #eee;padding: 15px 0;}
.home2 h5 .price{font-weight: bold;color:#302f2f;}
.home2 .focus h5 {font-weight: normal;color:#4b4b4c;}
.home2 .focus h5 em {font-size: 11px;line-height: 20px;font-style: normal;
font-weight: normal;vertical-align: top;color: #888;}


#flash{padding:0px 0 0px 0;margin:0;}
#banner3{background:url(/images/temphome.jpg) no-repeat #DDD center;height:192px;}
.home2 .focus{margin-bottom:20px;overflow:auto;}
#toptitle{float:right;color:#919191;font-size: 16px;margin:20px 10px 0 40px;}