/*-----------------------------------------------------

	CodePress.co.uk - Smiths Medical

	Browser test complete:

	Internet explorer/Win: 6+
	Firefox: 1.5+
	Opera: 8.54+
	Netscape browser: 8.0.2+
	Safari 2.0
	


------------------------------------------------------*/

@import url("reset.css");

body {font:62.5% Arial, sans-serif; background:#F1F1F1; color:#717174;}
	#skiplinks {position:absolute; left:-9999px;}

	h1,h2,h3,h4,h5,h6,p,li,dd {line-height:1em;}


	/* 	General
	-------------------------------------------------------*/

	/* label {position:absolute; left:-9999px} */
	
	#wrapper {width:917px; margin:0px auto; margin-bottom:20px; overflow:hidden;}
		
	#main {float:left; width:780px; background:#fff url('../images/bkg/page-a.gif') repeat-y;}
		#main  .main-inner {padding:0 10px 1em 10px; background:url('../images/bkg/page-b.gif') no-repeat left bottom;}
			
			#masthead {width:100%; height:100px; border-top:8px solid #F48026; border-bottom:2px solid #F1F1F1; overflow:hidden;}
				#logo {float:left; width:126px; height:59px; margin:22px 0 0 26px; display:inline;}
				
				#search {float:right; width:210px; margin:25px 30px; display:inline; position:relative;}
					#search label {position:absolute; font-size:1.1em; line-height:1.25em; left:6px; top:6px; z-index:1; color:#717174;}
					#search p {float:left; height:22px; line-height:22px;}
					#search p.field {margin-top:2px;}
						#search p.field input {width:171px;}
					#search a.advanced {clear:both; display:block; margin-left:6px; color:#F48026;}
					#search .action {margin-top:1px;}
					
			#header {width:726px; margin:0 auto 1.6em auto;}
				#header #page-title {height:7.5em; overflow:hidden;}
					#header #page-title h1 {font-size:2em; color:#F48026; margin:0.65em 0 0.3em 0;}
					#header #page-title p {float:left; font-size:1.2em; height:17px; line-height:17px; margin:0px; margin-right:5px;}
					#header #page-title a {color:#717174; text-decoration:none;}
				#header #page-photos {height:10em; overflow:hidden;}
					#header #page-photos div {float:left; text-align:right; overflow:hidden;}
					#header #page-photos .photo-1 {width:242px;}
					#header #page-photos .photo-2 {width:242px;}
					#header #page-photos .photo-3 {width:242px;}
			
		
			#content {float:left; width:480px; padding:0 20px 1em 20px;}
			
				#content h2 {font-size:2em; color:#F48026; margin-bottom:0.6em; padding-top:0.2em;}

				#content h3 {font-size:1.5em; color:#F48026; margin-bottom:0.6em; padding-top:0.2em; text-decoration:underline;}
				
				#content p {font-size:1.1em; color:#717174; line-height:1.09em; margin-bottom:1.1em; text-align:justify;}
				
				#content p.intro {font-weight:bold; font-size:1.3em; line-height:0.9em; margin-bottom:1.05em;}
				
				#content p.contacts {color:#717174; font-size:1.2em; line-height:1.2em; margin-bottom:2.3em;}
			
				#content a {color:#F48026; text-decoration:none;}
				
				
			#sidebar {float:right; width:220px; padding-right:20px;}
				#sidebar li {margin-bottom:1.8em;}
				
				#sidebar .review {background:url('../images/bkg/review-g.png') no-repeat bottom;}
					#sidebar .review .review-inner {min-height:130px; background:url('../images/bkg/review-top.png') no-repeat;}
						#sidebar .review h2 {font-size:1.5em; font-weight:bold; color:#717174; padding:13px 0 0 13px;}
						#sidebar .review .review-inner div {padding:11px 0 0 11px;}
						#sidebar .review p {font-size:1em; font-weight:bold; color:#717174;padding:5px 0 0 13px;}
						#sidebar .review a {font-size:1.1em; font-weight:bold; color:#F48026; text-decoration:none; display:block; padding:4px 0 0 13px;}

			#sidebar .downloadlist {background:url('../images/bkg/review-g.png') no-repeat bottom; margin: 0 0 10px 0; padding: 0 0 5px 0;}
				#sidebar .downloadlist .downloadlist-inner {min-height:80px; background:url('../images/bkg/review-top.png') no-repeat;}
					#sidebar .downloadlist h2 {font-size:1.5em; font-weight:bold; color:#717174; padding:13px 0 0 13px;}
					#sidebar .downloadlist p {font-size:1em; font-weight:bold; color:#F48026;padding:5px 0 0 13px;}
					#sidebar .downloadlist a {font-size:1.1em; font-weight:bold; color:#F48026; text-decoration:none; display:block; padding:4px 0 0 13px;}


			#sidebar .vouchers-col { width: 220px; float: left; margin: 0 10px 0 0; }
			#sidebar .vouchers-row { width: 710px; float: left; margin: 0 10px 0 0; }
				#sidebar .vouchers-col .voucher { width: 220px; height: 100px; margin: 0 0 10px 0; background: transparent url(../images/vouchers/voucher_bg.jpg); position: relative; float: left }
				#sidebar .vouchers-col .voucher-image { width: 220px; height: 100px; margin: 0 0 10px 0; position: relative; float: left }
				#sidebar .vouchers-row .voucher { width: 220px; height: 100px; margin: 0 25px 10px 0; background: transparent url(../images/vouchers/voucher_bg.jpg); position: relative; float: left }
				#sidebar .vouchers-row .voucher-last { width: 220px; height: 100px; margin: 0 0 10px 0; background: transparent url(../images/vouchers/voucher_bg.jpg); position: relative; float: left }
				#sidebar .voucher h2, #sidebar .voucher-last h2 { font-size:1.5em; font-weight: bold; color:#F48026; margin: 15px 5px 0 15px; text-transform: uppercase; }
				#sidebar .voucher p, #sidebar .voucher-last p { font-size:1em; font-weight: bold; color:#717174; margin: 3px 5px 0 15px; }
				#sidebar .voucher p.go, #sidebar .voucher-last p.go { text-transform:uppercase; font-size:1.1em; font-weight: bold; }
				#sidebar .voucher p a, #sidebar .voucher-last p a { color:#F48026; }
				#sidebar .voucher img, #sidebar .voucher-last img { float: left; margin: 15px; }
				
			#content h2.title { font-size:1.8em; color:#F48026; margin-bottom:0.65em; padding-top:0.1em; }
			#content .vouchers-col { width: 220px; float: left; margin: 0 10px 0 0; }
			#content .vouchers-row { width: 710px; float: left; margin: 0 10px 0 0; }
				#content .vouchers-col .voucher { width: 220px; height: 100px; margin: 0 0 10px 0; background: transparent url(../images/vouchers/voucher_bg.jpg); position: relative; float: left }
				#content .vouchers-row .voucher { width: 220px; height: 100px; margin: 0 25px 10px 0; background: transparent url(../images/vouchers/voucher_bg.jpg); position: relative; float: left }#content .vouchers-row .voucher-last { width: 220px; height: 100px; margin: 0 0 10px 0; background: transparent url(../images/vouchers/voucher_bg.jpg); position: relative; float: left }
				#content .voucher h2, #content .voucher-last h2 { font-size:1.5em; font-weight: bold; color:#F48026; margin: 15px 5px 0 70px; }
				#content .voucher p, #content .voucher-last p { font-size:1em; font-weight: bold; color:#717174; margin: 3px 5px 0 70px; text-transform:uppercase;}
				#content .voucher p.go a, #content .voucher-last p.go a { font-size:1.1em; font-weight: bold; color:#F48026; }
				#content .voucher img, #content .voucher-last img { position: absolute; top: 18px; left: 17px; }
				

		#banners {float:right; width:136px; padding-top:38px; text-align:center;}
			#banners div {margin-bottom:30px;}

			
			
		#footer {clear:both; border-top:2px solid #F1F1F1; font-size:0.9em; padding-left:29px; color:#959597;}
				
			#footer ul{margin-top:2em;}
				#footer li {display:inline; margin:0pt;font-size: 1.5em; margin-left: 0.3em;}
					#footer li a {color:#959597; text-decoration:none;}
				#footer p {margin-top:0.8em;  padding-bottom:2.1em}
				
	/* Homepage Bones 
	-------------------------------------------------------*/
	.homepage #masthead {margin-bottom:2em;}
	.homepage #header {height:18.5em; background:#F48026;}
		.homepage #header #page-photos {float:left; height:18.5em; width:480px;}
		.homepage #header #area-select {float:right; height:18.5em; width:240px;}
			.homepage #header #area-select label {position:absolute; left:-9999px}
			.homepage #header #area-select h2 {font-size:1.2em; font-weight:bold; color:#fff; padding:2.25em 0 0.55em 19px;}
			.homepage #header #area-select p {padding-left:19px; height:29px;}
				.homepage #header #area-select p.action {margin-top:0.2em}
			.homepage #header #area-select select {width:160px;}
		
	.homepage #content {float:none; width:720px; padding-bottom:1.8em;}
		.homepage #content h1 {font-size:2em; color:#F48026; margin-bottom:0.65em; padding-top:0.1em;}
	
	.homepage ul.columns {overflow:hidden;}
		.homepage  ul.columns li {float:left; width:230px; margin-right:20px;}
			.homepage  ul.columns li p {font-size:1.1em; line-height:1.09em; padding-bottom:0.7em;}
		.homepage  ul.columns li.last {width:220px; margin:0;}

			
				
	/* 	Content's blocks
	-------------------------------------------------------*/
	
	#content .banner {margin-bottom:1.8em;}
	
	#content.registration th { text-align:right; font-weight: bold; padding-right: 5px }
		#content.registration .submit-button { margin-left: 100px; margin-top: 7px; }
		#content.registration textarea { font-family: Arial; font-size: 0.8em; color: #666666; width: 300px;}
	
	#content.static { font-size: 1.3em }
		
	#content .table {width:100%; background:#F1F1F1; overflow:hidden; margin-bottom:0.8em;}
		#content .table .header {color:#fff; width:100%; font-size:2em; line-height:1em; padding:0.55em 20px 0.55em 20px; background:#F48026; overflow:hidden;}
		
	#content .two-columns {border-bottom:2px solid #F48026; margin-bottom:1.3em;}
		#content .two-columns ul {float:left; padding:1.7em 0 1.4em 21px; width:159px;}
			#content .two-columns ul li {font-size:1.4em; line-height:1.2em;}
				#content .two-columns ul li a {color:#717174; text-decoration:none;}
				#content .two-columns ul li a.selected {color:#F48026;}

	#content .three-columns {border-bottom:3px solid #F48026;}
		#content .three-columns ul {float:left; padding:1.7em 5px 1.4em 20px; list-style: none; width:28%;}
			#content .three-columns ul li {font-size:1.4em; line-height:1.2em;vertical-align:middle;}
				#content .three-columns ul li a {color:#717174; text-decoration:none;}
				#content .three-columns ul li a.selected {color:#F48026;}
		
	#content .listing {border-bottom:3px solid #F48026;}
		
		#content .listing .header {font-size:1em; padding:0.55em 20px 0.6em 20px;}
		#content .listing .header .title {float:left; width:280px;}
		
			#content .listing .header .title h2	{font-size:2em; margin:0.3em 0 0 0; color:#fff;}
			#content .listing .header .title p {font-size:1.1em; font-weight:bold; color:#fff; }
		
		#content .listing .header form {float:right; width:190px; margin-top:0.4em;}
			#content .listing .header label {font-size:1.2em; font-weight:bold; color:#fff; line-height:1.6em; padding:0;}
			#content .listing .header select {width:160px;}
		
		#content .searchterms {font-size:1.5em;}
		
		#content .listing ul {padding:0 21px 0 19px; margin-bottom:2em;}
			#content .listing li {width:100%; border-bottom:1px solid #ACACAF; padding-bottom:0.8em; margin-top:1.8em; overflow:hidden;}	
				#content .listing ul li h3 {font-size:1.6em; font-weight:normal; color:#F48026;}
				#content .listing ul li h3 a {font-weight:bold; color:#F48026;}
				#content .listing ul li p {float:left; margin:0; padding:0; font-size:1.2em; line-height:1.2em; color:#717174;}
				#content .listing ul li div {float:right; width:35px; margin-top:0.6em;}
				
		#content #samplemenu ul{margin-top:2em;}
			#content #samplemenu li { padding-bottom:0.5em}
				#content #samplemenu li strong { font-weight:bold; font-size: 110%; }
				
		#content.static ul { margin-left:1em; list-style-position:inside;}
			#content.static ul li { text-align:justify;padding-bottom: 5px; }
			
	#content #arealisting tr td {font-size:1.7em;}
		#content #arealisting tr td a:hover {text-decoration:underline}
		
	#content #sitemap ul {margin-left: 1.2em;}
		#content #sitemap ul ul {margin-left: 1.2em;}
			#content #sitemap ul ul ul {margin-left: 1.2em;}
				#content #sitemap ul ul ul ul {margin-left: 1.2em;}
					#content #sitemap ul ul ul ul ul {margin-left: 1.2em;}
	
	/* Photo Styles
	-------------------------------------------------------*/
		#lightbox{
			position: absolute;
			left: 0;
			width: 100%;
			z-index: 100;
			text-align: center;
			line-height: 0;
			}
		
		#lightbox a img{ border: none; }
		
		#outerImageContainer{
			position: relative;
			background-color: #fff;
			width: 250px;
			height: 250px;
			margin: 0 auto;
			}
		
		#imageContainer{
			padding: 10px;
			}
		
		#loading{
			position: absolute;
			top: 40%;
			left: 0%;
			height: 25%;
			width: 100%;
			text-align: center;
			line-height: 0;
			}
		#hoverNav{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 10;
			}
		#imageContainer>#hoverNav{ left: 0;}
		#hoverNav a{ outline: none;}
		
		#prevLink, #nextLink{
			width: 49%;
			height: 100%;
			background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
			display: block;
			}
		#prevLink { left: 0; float: left;}
		#nextLink { right: 0; float: right;}
		#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
		#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }
		
		
		#imageDataContainer{
			font: 10px Verdana, Helvetica, sans-serif;
			background-color: #fff;
			margin: 0 auto;
			line-height: 1.4em;
			}
		
		#imageData{	padding:0 10px; color: #666; }
		#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
		#imageData #caption{ font-weight: bold;	}
		#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
		#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
				
		#overlay{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: 100%;
			height: 500px;
			background-color: #000;
			}
			
		
		/* Min-Width */
		.lbWidth { /* most browsers */
			position: absolute;
			top: 0px; left: 0px;
			width: 100%;
			min-width: 790px;
			}
		
		* html .lbContent { /* IE6 */
			margin-left: -790px;
			position:relative;
			}
		
		* html .lbMinWidth { /* IE6 */
			padding-left: 790px;
			}
			
			
		/* Clearfix */	
		.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */ 

		
	
	/* 	Hide
	-------------------------------------------------------*/
		
	.hide {display:none;}
	.clear {clear:both;height:0; overflow:hidden;}
	
	

/* New CSS */
.sidebox { 
	margin: 0 0 10px;
	border: 1px solid #F48026;
	width: 218px;
	float: left;
}

.sidebox h2 {
	color:#F48026;
	font-size:1.5em;
	font-weight:bold;
	margin:15px 5px 0 15px;
	text-transform:uppercase;
}

.sidebox a {
	color: #F48026;
}

.sidebox .side-icon {
	float: left;
	margin: 15px 13px;
}