/*	Global css for BusinessNetwork.co.uk by Chris Wilkinson
	
Colors

New Brighter Blue:				#518ae6
Green							#50c61a		*/


	
/* @group Global Reset */

html, body { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, img, q, s, samp, small, strike, strong, em, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* @end */

/* @group links */
a, a:visited {color: #518ae6; text-decoration: underline; outline: 0; font-style: inherit; font-weight: inherit; line-height: inherit;}
a:hover { color: #007d9a; }
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited { color: #333; text-decoration: none; font-weight: bold; }
h4 a, h4 a:visited, h5 a, h5 a:visited { text-decoration: none; line-height: inherit; font-weight: bold; }
h3 a:hover { color: auto; }
h4 a:hover, h5 a:hover { text-decoration: underline; }
p a, p a:visited { line-height: inherit; }
/* @end */

/* @group Typography */

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: bold;}
h1 {font-size: 30px; line-height: 1; }
h2 {font-size: 28px; line-height: 1.2; margin: 9px 0; }
h3 { font-size: 22px; line-height: 1; margin: 0px 0 20px; }
h4 {font-size: 18px; line-height: 1; margin: 8px 0 10px;letter-spacing: -1px; }
h5 {font-size: 14px; line-height: 18px; }
h6 {font-size: 12px; line-height: 1.5; }
p {font-size: 13px; line-height: 18px; margin: 0 0 18px; color: #444; }
p img {margin: 0;}
em 	{font-style: italic; font-weight: inherit; line-height: inherit; color: #555; }
strong 	{font-style: inherit; font-weight: bold; line-height: inherit; }
p small {font-size: 91.666667%; line-height: 1.616161; }
h1 small {font-size: 66.666667%; color: #777; }

/* @end */

.muted { font-weight: normal; }
hr { border: solid #ddd; border-width: .1em 0 0; clear: both; margin: 17px 0 18px; height: 0; }
hr.spacious { margin: 26px 0 27px; }
body.ie6 hr { margin: 8px 0 9px; }
address { color: #333; font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; }

/* @group Lists */

ol, ul { margin: 0 0 18px 36px; }
ol {list-style: decimal; }
ul {list-style: square; }
ol.clean,ul.clean	{ margin: 0 0 18px; padding: 0; list-style: none; }
li { font-size: 13px; line-height: 18px; }
li ol, li ul{ margin: 0 2em; }

/* @end */

/* @group Buttons */

a.order_btn{display: block;background: url(http://saxondata.co.uk/images/order_btn.png) top left;margin-bottom: 0;width:95px;display:inline;font-size: 13px;font-weight: bold;text-transform: uppercase;text-decoration: none;color: #646464;cursor: hand;padding: 8px 11px 8px 8px; /* Links */white-space: nowrap;text-align: center;text-transform: none;display:block;margin: 20px 0 20px 0px;}
a.order_btn.center{margin-left:85px;}
a.order_btn:hover{background: url(http://saxondata.co.uk/images/order_btn.png) bottom left;color:#000;}

/* @end */

/* @group Navigation */

ul#nav { float: right; list-style-type: none; margin: 0; }
ul#nav li { display: block; float: left; font-size: 15px; padding: 0; line-height: 1; }
ul#nav li a, ul#nav li a:visited { display: block; font-weight: bold;  margin: 0 0 0; padding: 25px 20px 10px 20px; text-decoration: none; color: #fff; cursor: hand; text-shadow: 0 1px 1px #000;/*border-left: 1px solid #78a3e9;*/ }
ul#nav li a:hover, ul#nav li.current a, ul#nav li.current a:visited {background:#518ae6 ;color: #fff; border: 0;text-shadow: 0 1px 1px #000;}
ul#nav li span { /*display: block;*/  font-weight: bold; }
/* Home page nav*/
body#indexPage #nav li.index{background:url(/i/nav_over.jpg) #518ae6 ; color: #fff; border-right: 0; margin: 0;}
body#indexPage #nav li.index a:visited {color:#fff;text-shadow: 0 0 0 #595958;}
/* Contact page nav*/
body#contactPage #nav li.contact{background:#518ae6 ; color: #fff; border: 0; margin: 0;}
body#contactPage #nav li.contact a:visited {color:#fff;text-shadow: 0 0 0 #595958;}

/* @end */

body.Safari { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
#wrapper { border-top: 5px solid #518ae6; }

/*	=Header ---------------------------------------- */
#header { /*position: relative;*/ height: 57px; margin: 0 auto 30px; }
				
#container { position: relative; width: 940px; margin: 0 auto; padding: 0;background: url(../images/shine.png) -5px right no-repeat;position: relative; width: 940px; margin: 0 auto; padding: 0; }	
.inner{width: 960px;margin-right: auto;margin-left: auto;padding: 0;}	

#prefooter{background-color: #d8d5d5;margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;background-image: url(../images/prefooter.jpg);}
#site-info {background: #454545; margin: 0p; padding: 40px 0 0; clear: both; }

#site-info div.column-row { margin: 0 0px; }
#site-info div.five { width: 250px;}
#site-info h3 { margin: 0; }
#site-info h4 { margin: 0; font-weight: normal; border: 0; color:#fff; }
#site-info h5 { margin: 0; padding: .45em 9px 0; }
#site-info h6 { margin: 0; }
#site-info p { font-size: 12px; color: #a8c5f3; }
#site-info p strong { color: #333; }

#footer { /*width: 880px;*/ padding: 0; margin: 0px 0 0;}
#footer p.copyright { padding: 0;float: right;margin-top: 25px;}
#footerlogo{float: left;margin-right: 20px;margin-bottom: 40px;}

#site-info a, #site-info a:visited { font-weight: inherit; color: #fff; text-decoration: underline; }
#site-info a:hover { text-decoration: none; }

#news p{ margin: 9px 10px; }

#site-info ul { float: right; height: 2.7em; margin-right: -12px; padding: 0; list-style: none; }
#site-info ul li { display: inline; }
#site-info ul li a, #site-info ul li a:visited { float: left; width: auto; margin: 0; padding: 3px 12px 3px; border-right: 1px solid #6e9fee; }
#site-info ul li.rss a { padding-left: 31px; border: 0; }

/* @group Global Classes */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.centered { text-align: center; }
div.spacer { clear: both; }

/* @end */
	
/* APPLY FORM */
div#applyForm fieldset { border: none; }
div#applyForm label { float: left; width: 25%; }
div#applyForm textarea { width: 25em; }
div#applyForm input.button { width: 40%; margin-left: 30%; }


	/*	--------------------------------------------------
		=Forms
		-------------------------------------------------- */

form { margin: 0 0 18px; padding: 0; }
	
body {background: #fff; font: normal 62.5%/1 "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif; text-shadow: 0 0 1px #fff; color: #333;}
body.Firefox { opacity: .99; }
body.Safari { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
body.InternetExplorer { font-family: Arial, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }

div.page-header { width: 940px; position: relative; margin: 0 0 20px; padding: 0px 0 45px; border-bottom: 0px solid #eee; clear: both; background-position: right bottom; background-repeat: no-repeat; }
div.page-header h1 { display: block; font-size: 45px; line-height: 1; font-weight: bold; letter-spacing: -2px; margin: 0; color: #222; }
div.page-header h2 { margin: 6px 0 0; font-size: 25px; line-height: 28px; color: #fff; font-weight: normal;text-shadow: 0 0 1px #284779; }
div.page-header h2 a, div.page-header h2 a:visited { text-decoration: underline; font-weight: inherit; line-height: inherit; }

div.page-header h1 span, div.page-header h2 span { display: block; }
div.page-header h1 small, div.page-header h2 small { font-size: 75%; font-weight: normal; }
ul.included{float: left;margin: 0 0 20px;border-bottom: 1px solid silver;padding-bottom: 20px;}
	ul.included li{
	background: url(../images/tick.png) no-repeat left center;
	padding-left: 20px;
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
}	
/*	--------------------------------------------------
		=Grid
		-------------------------------------------------- */

		.column-row { margin: 0 0 18px -20px; }
		.column, .columns { float: left; display: inline; margin: 0 0 0 20px; }
		.secondary.columns { padding: 1.8em 0 0; }

		.one 					{ width: 40px; }
		.two 					{ width: 100px; }
		.three 					{ width: 160px; }
		.four 					{ width: 220px; }
		.five 					{ width: 280px; }
		.six 					{ width: 340px; }
		.seven 					{ width: 400px; }
		.eight 					{ width: 460px; }
		.nine 					{ width: 520px; }
		.ten 					{ width: 580px; }
		.eleven 				{ width: 640px; }
		.twelve 				{ width: 700px; }
		.thirteen 				{ width: 760px; }
		.fourteen 				{ width: 820px; }
		.fifteen 				{ width: 880px; }
		.sixteen 				{ width: 940px; }
		.one-half 				{ width: 420px; padding-right: 10px; }
		.one-third 				{ width: 290px; padding-right: 10px;margin-right:0;}
		.one-third.last				{ width: 290px; padding-right: 0px;margin-left:20px;}
		.two-thirds 			{ width: 580px; }
		.eleven .column-row 	{ width: 660px; }
		.twelve .column-row 	{ width: 760px; }

		.offset-by-one-half 	{ margin-left: 50px; }
		.offset-by-one 			{ margin-left: 80px; }
		.offset-by-two 			{ margin-left: 140px; }
		.offset-by-three 		{ margin-left: 200px; }
		.offset-by-four 		{ margin-left: 260px; }
		.offset-by-five 		{ margin-left: 320px; }
		.offset-by-six 			{ margin-left: 380px; }
		.offset-by-seven 		{ margin-left: 440px; }
		.offset-by-eight 		{ margin-left: 500px; }
		.offset-by-nine 		{ margin-left: 560px; }
		.offset-by-ten 			{ margin-left: 620px; }
		.offset-by-eleven 		{ margin-left: 680px; }
		.offset-by-twelve 		{ margin-left: 740px; }
		.offset-by-thirteen 	{ margin-left: 800px; }
		.offset-by-fourteen 	{ margin-left: 880px; }

		.last { margin: 0; }

		/* Clear the columns automagically */
		.column-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		* html .column-row { height: 1%; }
		.column-row { display: inline-block; }
		.column-row { display: block; }


#form { margin:0px 0 0 0; padding: 0;}
#form label { position:absolute; font-size: 12px;}
.colour { color:#5CB4B4; }
.text1, .text2, .text3, .text4 { padding:5px; font:13px verdana; color:#666; border:1px solid #DDD; }
.text1 { width:235px; margin:10px 0 15px 0px; }

.text2 { width:68px; margin:2px 0 2px 0; }
.text3 { width: 165px; margin: 2px 0 10px; }
.text4 { width:211px; margin:2px 0 2px 80px; }
label.pass{
	float: left;width: 110px;
}
.password1 { width:115px; margin:10px 10px 8px 0px; padding:5px; font:13px verdana; color:#666; border:1px solid #DDD; float: left;}

/* @group Sign up page */
li.hidden{display: none;}
#joinPage .text1{width: 250px;}
#joinPage #page-header{height: 40px;}
#joinPage #page-header h2{
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	position: relative;
	top: -20px;
}

label#pass2{
	position: relative;
	top: -10px;
}
#joinPage input#password_passinput2{
		position: relative;
	top: -12px;
}
body#joinPage, body#join2Page {
	background-position: 0 -140px;
}

body#joinPage #container, body#join2Page #container {
	background-position: right -145px;
}
/* @end */

.text1:hover, .text2:hover, .text4:hover { border:1px solid #d4bebe; }
.submitbutton { background:url(../i/submit-up.png); margin:10px 0 0 0 ;}
.submitbutton:hover { background:url(../i/submit-over.png); }
.resetbutton { background:url(../i/reset-up.png); }
.resetbutton:hover { background:url(../images/reset-over.png); }
input.order_btn{display: block;background: url(http://saxondata.co.uk/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;margin-top:10px;}
.order_btn:hover{background: url(http://saxondata.co.uk/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; }

/* @group JoinPage */

.formsection{border-top: 1px solid #bad1e6;border-bottom: 1px solid #bad1e6;margin-bottom: 20px;padding: 25px 40px;overflow: auto;
	background-color: #e8f0f7;

}
.formsection input{
	border: 1px solid #bad1e6;
}
#check{height: 400px;overflow: hidden;}
.formsection h3{color: #518ae6;background: url(../images/1.jpg) no-repeat left top;padding-left: 45px;width: 300px;padding-bottom: 10px;padding-top: 8px;}
.formsection h3.two{background: url(../images/2.jpg) no-repeat left top;}
.formsection h3.three{background: url(../images/3.jpg) no-repeat left top;}
.formsection h3.four{background: url(../images/4.jpg) no-repeat left top;}
p.price{font-size: 20px;font-weight: bold;}
img.formarrow{padding-bottom: 20px;padding-left: 50px;margin-top: -1px;}

#btn_continue{background: url(../images/btn_continue.jpg) no-repeat;width: 163px;height: 36px;text-indent: -9999px;margin-bottom: 40px;}
#btn_continue:hover{background-position: 0 -36px;}
#btn_create{background: url(../images/btn_create.jpg) no-repeat;width: 163px;height: 36px;text-indent: -9999px;margin-bottom: 0px;border: 0;float: right;position: relative;top: -30px;}
#btn_create:hover{background-position: 0 -36px;}

#create{margin-bottom: 60px;}
#create p{float: left;width: 550px;}


#choices{float: left;width: 600px;position: relative;top: -35px;
	margin-left: 20px;
}

#directdebit{
	background: url(../images/ddlogo.jpg) no-repeat right top #e8f0f7;
}

/* @end */
#browserwrap{
	height: 371px;overflow: hidden;
	margin-top: -50px;

}

/*	IE6 Problems ---------- */
/*body.ie .column-row 			{ width: 900px; }
body.ie .eight .column-row		{ width: 480px; }
body.ie .nine .column-row		{ width: 540px; }
body.ie .ten .column-row		{ width: 600px; }
body.ie .eleven .column-row 	{ width: 660px; }
body.ie .twelve .column-row		{ width: 720px; }
body.ie .thirteen .column-row	{ width: 780px; }
body.ie .fourteen .column-row	{ width: 840px; }
body.ie .fifteen .column-row	{ width: 900px; }*/

::-moz-selection { background: #ffc; color: #000; }
::selection { background: #ffc; color: #000; }	
	
#logo{margin-top:-5px;background-image: url(http://www.businessnetwork.co.uk/images/logo-trans.png);width:319px;float:left;text-indent: -9999px;height:55px;}

ul.inline li{display:inline;}

ul.more-busnet { height: 27px; margin: 0 0 9px; padding: 0; list-style: none; }
ul.more-busnet li { display: inline; }
ul.more-busnet li a { float: left; display: inline; margin: 0 10px 0 0; padding: 5px 10px 4px 20px; background-position: left center; background-repeat: no-repeat; }
body#contactPage div#content ul.more-busnet li a { color: #777; }
ul.more-busnet li.twitter a { background-image: url(/i/twitter.png); }
ul.more-busnet li.delicious a { background-image: url(/i/delicious.gif); }
ul.more-busnet li.rss a { background-image: url(/i/rss-white.gif); }
			
.focal{border: 1px solid #cacaca;background-color:#ebebeb;padding: 20px;}
.focal.free{background: url(/images/free_badge.jpg) no-repeat top right #ebebeb;}	
			
.signup{margin-bottom: 20px;}

/* @group Home Page */
#indexPage .home-header h2{font-size:23px;letter-spacing: -1px;text-shadow: #4a6084 1px 1px 2px;}
.home-header h2 a:link, .home-header h2 a:visited{color:#fff;}
#indexPage .home-header h2{color:#fff;}
#indexPage .video{margin:20px 0;}

#member_thumbs img{float:left;margin:0px;width:57px;height:57px;}
#member_thumbs img:hover {}
#member_thumbs{overflow:hidden;}

/* @end */

/* =Page specfic overrides */

/* @group Agents Page */

img#pie{float: right;
	position: absolute;
	top: -20px;left: 620px;
}
p.rightarrow{
	background: url(/images/rightarrow.jpg) no-repeat right center;
	padding-right: 20px;
}
/* @end */
#homePage #laptop{margin-bottom:6px;}

body{background: url(/images/background.jpg) repeat-x top;}
#men {background: url(/i/networking.png);height:42px;width:43px;position:absolute;bottom:0;right:0;text-indent: -9999px;}

#opuslogin, #opussignup{float:right;width: 163px;height:49px;text-align: right;margin-top: 0px;margin-right: 20px;}
#opuslogin p, #opussignup p{margin: 0 0 5px;padding: 0;color: white;text-align: center;text-shadow: 0 1px 1px #000;} 
#opusindexPage .page-header h1, #opusindexPage .page-header h2{width:550px;float:left;}
#opusindexPage .page-header{overflow:auto;}
#opusloginbtn{background: url(../images/opuslogin.jpg) no-repeat;width: 163px;height: 36px;text-indent: -9999px;}
#opussignupbtn{background: url(../images/opussignup.jpg) no-repeat;width: 163px;height: 36px;text-indent: -9999px;}
#opusloginbtn:hover, #opussignupbtn:hover{background-position: 0 -36px;}
body#joinPage #prefooter, body#join2Page #prefooter, body#joinPage .secondary, body#join2Page .secondary, body#join2Page #footer, body#join2Page #site-info, body#joinPage #footer, body#joinPage #site-info, body#joinPage #nav, body#join2Page #nav{display: none;}

/* @group Network Tour Page */

#tourPage .page-header h1, #tourPage .page-header h2{
	width: 600px;float: left;

}
#tourPage .page-header {
overflow:auto;	
}
#tourPage #opussignup{
	margin-right: 20px;position: relative;top:-40px;left: 15px;}
}
/* @end */

#homePage .page-header {
overflow:auto;	
}
#homePage #opussignup{
	margin-right: 20px;position: relative;top:-40px;left: 15px;}
}

#homePage .page-header h1, #homePage .page-header h2{
	width: 600px;float: left;

}
#homePage .page-header {
overflow:auto;	
}

/* @group Global classses */

span.green{
	color: #50c61a;
}
span.blue{
	color: #568ee5;
}
.bold{
	font-weight: bold;
}
/* @end */

/*Enrich*/
/* Webkit transition */
/*a { -webkit-transition-property:color; -webkit-transition-duration:.3s; -webkit-transition-timing-function:ease-in;border-style: none;}
a:hover { -webkit-transition-timing-function:ease-out }
html a:active{position:relative;top:2px;}*/

.popwrap{
	padding: 20px 40px;
overflow: auto;
}
.popwrap .five.left{
	margin-right: 20px;
}
.popwrap .five.left.last{
	margin-right: 0px;
}
input#surname{
	position: absolute;
	left: -99999px;
	top: -99999px;
}