/* Reset Styles */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, select {  
   	margin:0; 
	padding:0; 
	font-family: Arial, Helvetica, sans-serif;
} 
a {
	outline: none;
}
table { 
   border-collapse:collapse; 
   border-spacing:0; 
} 
fieldset,img {  
   border:0; 
} 
address,caption,cite,code,dfn,em,th,var { 
   font-style:normal; 
   font-weight:normal; 
} 
ul { 
	list-style:none;
} 
caption,th { 
   text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
   font-weight:normal; 
} 
q:before,q:after { 
   content:''; 
} 
abbr,acronym { 
	border:0; 
} 

/* Main Styles */

body {
	background-color: #bed600;
	font-size:62.5%;
	line-height: 2.2em;
}
span.italic {
	font-style: italic;
}
/* Layout */

.container_16 {
	background: url('../images/bg_960.gif') repeat-y;
}
div.bgTop {
	display: block;
	width: 960px;
	height: 26px;
	margin-top: 20px;
	background: url('../images/bg_960_top.jpg') no-repeat 0 0;
}
div.bgBottom {
	display: block;
	width: 960px;
	height: 28px;
	background: url('../images/bg_960_bottom.jpg') no-repeat 0 0;
}
div.mainContainer {
}
div.header, div.hero {
	width: 860px;
	margin-left: 50px;
}

/* Top Nav */

div.header ul{ 
	float:right;
	font-size: 16px;
	margin: 45px 60px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.header ul li, div.header ul li a {
	display:block;
}
div.header ul li {
	float:left;
	list-style:none;
	display:inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 20px;
	/*border: 1px solid #F00;*/
}

/* div.header ul{
	background:url("../images/sprite.gif") no-repeat;
	width: 480px;
	height: 100px;
	margin-left: 120px; 
	float:left;
}
div.header ul li, div.header ul li a {
	height:100px;
	display:block;
}
div.header ul li {
	float:left;
	list-style:none;
	display:inline;
	text-indent: -9999px;
} */

/*#topNavHome {width: 70px;}
#topNavPublic {width: 65px;}
#topNavB2B {width: 60px;}
#topNavNHS {width: 55px;}
#topNavLatestNews {width: 120px;}
#topNavRSS {width: 110px;}

#topNavHome a:hover {background:url("../images/sprite.gif") 0px -100px no-repeat; }
#topNavPublic a:hover {background:url("../images/sprite.gif") -70px -100px no-repeat; }
#topNavB2B a:hover {background:url("../images/sprite.gif") -135px -100px no-repeat; }
#topNavNHS a:hover {background:url("../images/sprite.gif") -195px -100px no-repeat; }
#topNavLatestNews a:hover {background:url("../images/sprite.gif") -250px -100px no-repeat; }
#topNavRSS a:hover {background:url("../images/sprite.gif") -370px -100px no-repeat; } */

/* ************* On States *********** */
/*
#Home #topNavHome a {background: url(../images/sprite.gif) 0px -200px no-repeat;}
#Public #topNavPublic a {background: url(../images/sprite.gif) -70px -200px no-repeat;}
#B2B #topNavB2B a {background: url(../images/sprite.gif) -135px -200px no-repeat;}
#NHS #topNavNHS a {background: url(../images/sprite.gif) -195px -200px no-repeat;}
#LatestNews #topNavLatestNews a {background: url(../images/sprite.gif) -250px -200px no-repeat;}
#Contact #topNavRSS a {  background: url(../images/sprite.gif) -370px -200px no-repeat;} */

/* End of Top Nav */

div.hero {
	margin-top: 22px;
	margin-bottom: 44px;
	padding: 20px;
	background: url('../images/hero_background.jpg') no-repeat 0 0;
}
div.heroLeft {
	width: 580px;
	height: 182px;
	float: left;
}
div.heroRight {
	float: left;
	width: 220px;
	height: 182px;
	margin-left: 20px;
}

/* Hero Navigation */

div.heroRight ul{
	width: 220px;
	height: 156px;
	background:url("../images/sprite.gif") -480px 0px no-repeat;
}
div.heroRight ul li, div heroRight ul li a {
	height: 78px;
	width: 220px;
	display: block;
}
div.heroRight ul li {
	list-style:none;
	text-indent: -9999px;
}
#heroNavOpenAccount, #heroNavOpenAccount a {height: 78px; display: block; background:url("../images/sprite.gif") -480px 0px no-repeat;}
#heroNavOrderOnline, #heroNavOrderOnline a {height: 78px; display: block; background:url("../images/sprite.gif") -700px 0px no-repeat;}

#heroNavOpenAccount a:hover {background:url("../images/sprite.gif") -480px -156px no-repeat;}
#heroNavOrderOnline a:hover {background:url("../images/sprite.gif") -480px -234px no-repeat;}
div.heroRightLowerLinks {
	width: 100%;
	text-align: center;
}
div.topRowLinks {
	margin: 0 auto;
}
a.heroNavRegister, a.heroNavLogin, a.heroNavPassword, span.divider {	
	font-size: 1.3em;
	line-height: 1.3em;
	float: left;
	color: #fff;
	text-decoration: none;
}
a.heroNavRegister:hover, a.heroNavPassword:hover {
	text-decoration: underline;
}
a.heroNavLogin {
	margin-left: 70px;
}
 a.heroNavPassword {
 	margin-left: 60px;	
 }
/*End of Hero Navigation */

div.mainContent {
	margin-left: 50px;
	margin-right: 40px;
	min-height: 600px;
	padding-bottom: 60px;
}
div.oneColumn, div.threeColumn {
	border-top: 1px solid #616365;
	padding-top: 18px;
	clear: both;
}
div.threeColumn {
	margin-bottom: 40px;
}
div.twoColumn {
	float: left;
	width: 260px;
	margin-right: 20px;
}
div.threeColumn div {
	width: 180px;
	float: left;
	margin-right: 20px;
}
div.managedPrint, div.openAccountContact {
	border-top: 0px;
}
div.openAccountContact {
	margin-bottom: 0px;
	clear: both;
}
div.openAccount {
	margin-bottom: 20px;
	padding-top: 0;
}
div.threeColumn div.rightColumn {
	width: 180px;
	float: left;
	margin-right: 0px;
}
#sideBar {
	width: 240px;
	float: left;
}

/* Image and Link Styles */
.mainContent ul {
	font-size: 1.4em;
	color: #616365;
	margin-top: 20px;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
	list-style: inside disc; 
}
.mainContent ul li {
	margin: 10px 0px;
}
div.managedPrint img {
	border: 3px solid #bed600; 
	text-decoration: none;
	margin-bottom: 5px;
}
div.managedPrint ul {
	margin-top: 0px;
}
div.managedPrint li {
	margin-left: -1em;
	margin-top: 0px;
	margin-bottom: 5px;
}
div.threeColumn a img {
	border: 3px solid #bed600; 
	text-decoration: none;
	margin-bottom: 11px;
}
div.threeColumn a:hover img {
	border: 3px solid #009fda; 
	text-decoration: none;
}
a.orderOnline {
	background: url('../images/order_online.gif') no-repeat;
}
li.eSupply {
	width: 240px;
	height: 62px;
	background: url('../images/order_online.gif') no-repeat;
}
li.eSupply a {
	width: 240px;
	display: block;
	height: 62px;
	text-indent: -9999px;
}
li.becomeCustomer {
	width: 240px;
	height: 62px;
	background: url('../images/become_a_customer.gif') no-repeat;
}
li.becomeCustomer a {
	width: 240px;
	display: block;
	height: 62px;
	text-indent: -9999px;
}
li.centeredLinks {
	margin: 7px auto 22px auto;
	width: 220px;
	color: #009fda;
}
li.centeredLinks a, li.centeredLinks span {
	float: left;
	font-size: 1.6em;
}
/* Text Styles */

h1 {
	width: 260px;
	height: 100px;
	text-indent: -9999px;
	float: left;
	background: url('../images/supplies_team_solutions.gif') no-repeat;
}
h1 a {
	width: 260px;
	height: 100px;
	display: block;
}
h2 {
	font-size: 3em; 
	color: #616365;
	margin-bottom: 16px;
}
h3 {
	font-size: 1.6em;
	font-weight: bold;
	color: #cf0072;
	margin-bottom: 16px;
}
#sideBar h3.information, h3.resources {
	width: 240px;
	text-indent: -9999px;
	height: 36px;
	border-top: 1px solid #bed600;
}
#sideBar h3.information {
	background: url('../images/information_header.gif') no-repeat;
}
#sideBar h3.resources {
	background: url('../images/resources_header.gif') no-repeat;
	margin-top: 22px;
}
h4 {
	font-family: BPReplay, Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	color: #bed600;
	margin-top: 40px;
	line-height: 1.3em;
	clear: both;
}
h5 {
	font-size: 1.6em;
	color: #cf0072;
	margin: 30px 0px 11px 0px;
}
h6 {
	font-size: 1.4em;
	color: #616365;
	font-weight: bold;
	margin-bottom: 22px;
}
.threeColumn h4 {
	margin-bottom: 33px;
}
.threeColumn a {
	font-size: 1.4em;
}
p {
	font-size: 1.4em;
	color: #616365;
	margin-bottom: 22px;
}
a {
	color: #009fda;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#sideBar ul li {
	line-height: 2.4em;
}
#sideBar ul li a {
	font-size: 1.6em;
}

/* Footer */

.footer {
	margin-top: 40px;
	margin-bottom: 40px;
	background: none;
}
.footer .grid_3 h3 {
	margin-bottom: 18px;
	height: 16px;
	text-indent: -9999px;
	width: 160px;
	background: url('../images/further_links_header.gif') no-repeat 0 0;
}
.footer .grid_3 {
	margin-left: 50px;
}
.footer .grid_7 {
	margin-left: 30px;
}
.footer .grid_7 h3 {
	margin-bottom: 18px;
	text-indent: -9999px;
	height: 16px;
	width: 180px;
	background: url('../images/footer_value_added_header.gif') no-repeat 0 0;
}
.footer ul li {
	list-style-image: none;
	line-height: 20px;
}
.footer ul li a {
	font-size: 1.2em;
	color: #000;
	text-decoration: none;
}
.footer ul li a:hover {
	text-decoration: underline;
}
div.copyright {
	float: right;
	margin-right: 40px;
	text-align: right;
}
img.printLogo {
	display: none;
}
/* Social Icons */

/*Green BG*/

div.socialIcons ul{
	background:url("../images/social_icons.jpg") no-repeat;
	width: 158px;
	height: 32px;
	margin-top: 44px;
	float: left;
}
div.socialIcons ul li, div.socialIcons ul li a {
	height:32px;
	display:block;
}
div.socialIcons ul li {
	float:left;
	list-style:none;
	display:inline;
	text-indent: -9999px;
}

#socialDelicious {width: 37px;}
#socialLinkedIn {width: 42px;}
#socialFacebook {width: 42px;}
#socialRSS {width: 37px;}

#socialDelicious a:hover {background:url("../images/social_icons.jpg") 0px -32px no-repeat; }
#socialLinkedIn a:hover {background:url("../images/social_icons.jpg") -37px -32px no-repeat; }
#socialFacebook a:hover {background:url("../images/social_icons.jpg") -79px -32px no-repeat; }
#socialRSS a:hover {background:url("../images/social_icons.jpg") -121px -32px no-repeat; }

div.socialIconsBlog ul {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}
div.socialIconsBlog li {
	margin: 0px;
}
/* White BG */

div.socialIconsWhite ul{
	background:url("../images/social_rss.jpg") no-repeat;
	width: 37px;
	height: 32px;	
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	float: right;
}
div.socialIconsWhite ul li, div.socialIconsWhite ul li a {
	height:32px;
	display:block;
}
div.socialIconsWhite ul li {
	float:left;
	list-style:none;
	display:inline;
	text-indent: -9999px;
	margin: 0px;
}

#socialRSSWhite {width: 37px;}

#socialRSSWhite a:hover {background:url("../images/social_rss.jpg") 0px -32px no-repeat; }


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


div.mainContent legend {
	padding: 0;
	color: #000;
}
div.mainContent input, div.mainContenttextarea, div.mainContent select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
div.mainContent form ul { list-style: none; margin-top: 20px; margin-left: 0px; padding-left: 0px; text-indent: 0; }
div.mainContent form li { margin-top: 10px; clear: both; }

/* Contact_Form */
form.contact_form {
	margin-bottom: 40px;
}
form.contact_form input, form.contact_form textarea {
	padding: 9px;
	border: solid 1px #cce3ec;
	outline: 0;
	width: 250px;
	background: #FFFFFF;
}
form.contact_form input {
	float: left;
}
form.contact_form textarea {
	width: 450px;
	max-width: 450px;
	height: 150px;
	line-height: 18px;
}

form.contact_form input:hover, form.contact_form textarea:hover, form.contact_form input:focus, form.contact_form textarea:focus {
	border-color: #009fda;
}

form.contact_form label {
	width: 200px;
	float: left;
	color: #999;
}
form.contact_form li.submit input {
	width: 250px;
	margin-left: 200px;
	margin-top: 5px;
	font-weight: bold;
	padding: 0px;
	text-align: left;
	background: none;
	border: 0;
	font-size: 20px;
	color: #bed600;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

/* Valdidation */

span.ValidationErrors {
	margin-left: 10px;
	height: 30px;
	line-height: 30px;
	color: #ff3385;
	font-size: 0.85em;
}

/* Feedback Form */

form.feedback_form input, form.feedback_form textarea {
	padding: 9px;
	border: solid 1px #cce3ec;
	outline: 0;
	width: 250px;
	background: #FFFFFF;
}
form.feedback_form textarea {
	width: 250px;
	max-width: 250px;
	height: 150px;
	line-height: 18px;
}
form.feedback_form input:hover, form.feedback_form textarea:hover, form.feedback_form input:focus, form.feedback_form textarea:focus {
	border-color: #009fda;
}
form.feedback_form li.submit input {
	width: 250px;
	margin-top: 5px;
	font-weight: bold;
	padding: 0px;
	text-align: left;
	background: none;
	border: 0;
	font-size: 20px;
	color: #bed600;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}