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

	CodePress.co.uk
	Professional Front-end web development

------------------------------------------------------*/
	/* Code Press Reset */
	html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;font-weight: inherit; font-style:inherit; font-family:inherit; font-size: 100%;}
	input, textarea, select {margin:0; padding:0; font-family:sans-serif; font-size: 1em; /*border:0; */vertical-align: middle;font-size: 1em; line-height: normal; }
	body {line-height: 1; color: black; background: white;}
	img, a img,abbr,acronym,fieldset {border: 0;}
	ol, ul {list-style: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	caption, td, th {text-align: left; font-weight: normal; vertical-align: top;}
	blockquote:before, blockquote:after, q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}
	sup, sub {vertical-align: text-top;}
	/*CP Default styles*/
	strong 	{font-weight:bold;}
	em 		{font-style:italic;}
	h1,h2,h3,h4,h5,h6,p,dd,dt,li {line-height:1.22em;}

/*-----------------------------------------------------
	
	CSS structure 
	
	1.0 Defaults
		1.1 Link defaults
		1.2 Type defaults
	2.0 Layout
		2.1 Homepage
	
-----------------------------------------------------*/

/*-----------------------------------------------------
	1.0 Defaults
-----------------------------------------------------*/

	body {font:62.5%  Arial, Helvetica, sans-serif; background:url('../images/layout/body_bg.jpg') repeat-x left top; padding:16px 0;}
		#skiplinks {position:absolute; left:-9999px;}
		#wrapper {margin:0 auto; width:955px;}
		.hidden {position:absolute; left:-9999px;}
	
/*-----------------------------------------------------
	1.1 Links
-----------------------------------------------------*/
	a:link 		{text-decoration:none;}
	a:visited	{text-decoration:none;}
	a:hover		{text-decoration:underline;}
	a:active	{text-decoration:none;}
	
	#nav a:hover{color:#424242;}
	#aside a 	{color:#000;}
	#footer a	{color:#fff;}
	ul#breadcrumbs li a {color:#000;}
	.pagination a {color:#000;}

/*-----------------------------------------------------
	1.2 Type
-----------------------------------------------------*/

	h1	{}
	h2	{}
	h3	{}
	p	{ font-size:1.1em; line-height:1.5em; color:#000; margin-bottom:5px;}
	li	{}
	
/*-----------------------------------------------------
	2.0 Layout
-----------------------------------------------------*/

	#header {width:955px; background:url('../images/layout/heading_bg.gif') no-repeat left top; overflow:hidden;}
		#header .inner {width:947px; padding:4px 4px 0; background:url('../images/layout/heading_top_bg.gif') no-repeat left top; overflow:hidden;}
	
			ul#client-login {float:left;border-top:2px solid #fff; border-bottom:2px solid #fff; margin-top:63px; overflow:hidden;}
					ul#client-login li a {text-indent:-9999px;background:url('../images/nav/secondary-nav.gif') no-repeat left top; width:129px; height:34px; display:block;}
					ul#client-login li a:hover {background-position:left center;}
			
			h1 { position:relative}
			h1 span { color:#fff; position: absolute; top:20px; left:249px }
			h1 img.main-logo {border-bottom:2px solid #fff; float:left;}
			
			ul#nav {float:left; padding:43px 0 0 9px; height:20px; }
				ul#nav li {float:left; font-weight:bold; display:inline;}
					ul#nav li a {float:left; padding:2px 5px 6px; color:#fff;}
					ul#nav li a.selected {color:#424242; background:url('../images/nav/up-arrow.gif') no-repeat center bottom;}
					ul#nav li a.parent	 {color:#424242;}
				ul#nav li.contact {background:url('../images/nav/nav-divider.gif') no-repeat 100% 1px; padding-right:2px; margin-right:2px;}
				ul#nav li.cart {background:url('../images/nav/cart.gif') no-repeat 100% 0px;overflow:hidden;}	
					ul#nav li.cart a {float:left;padding-right:26px;}
					ul#nav li.cart a.selected {background-position:47px 100%;}
				
				
			#search-box {float:right; position:relative; width:226px; margin-top:36px;}
				#search-box .search-input { background:url('../images/forms/item-search.gif') no-repeat left top; position:absolute; width:183px; height:14px; padding:5px 3px 0 3px;margin:0; border:none}
				#search-box .search-submit {position:absolute; right:9px; top:0;}
				
			ul#secondary-nav {float:left;width:711px;border-top:2px solid #fff; border-bottom:2px solid #fff;}
				ul#secondary-nav li {float:left;}
					ul#secondary-nav li a {float:left; text-indent:-9999px; background:url('../images/nav/secondary-nav.gif') no-repeat -129px 0;height:34px;}
					ul#secondary-nav li.catalogue a						{background-position: -129px 0; width:95px;}
					ul#secondary-nav li.sourcing a              		{background-position: -224px 0; width:82px;}
					ul#secondary-nav li.expressproducts a       		{background-position: -306px 0; width:146px;}
					ul#secondary-nav li.environmentalproducts a 		{background-position: -452px 0; width:197px;}
					ul#secondary-nav li.casestudies a           		{background-position: -649px 0; width:106px;}
					ul#secondary-nav li.register a						{background-position: -755px 0; width:85px;}
					
					ul#secondary-nav li.catalogue a:hover				{background-position: -129px -34px;}
					ul#secondary-nav li.sourcing a:hover              	{background-position: -224px -34px;}
					ul#secondary-nav li.expressproducts a:hover       	{background-position: -306px -34px;}
					ul#secondary-nav li.environmentalproducts a:hover 	{background-position: -452px -34px;}
					ul#secondary-nav li.casestudies a:hover          	{background-position: -649px -34px;}
      				ul#secondary-nav li.register a:hover				{background-position: -755px -34px;}

			body 	ul#secondary-nav li.catalogue a.selected			{background-position: -129px -68px;}
			body 	ul#secondary-nav li.sourcing a.selected             {background-position: -224px -68px;}
			body 	ul#secondary-nav li.expressproducts a.selected      {background-position: -306px -68px;}
			body 	ul#secondary-nav li.environmentalproducts a.selected{background-position: -452px -68px;}
			body 	ul#secondary-nav li.casestudies a.selected          {background-position: -649px -68px;}				
			body 	ul#secondary-nav li.register a.selected				{background-position: -755px -68px;}		
					/* body needed for slighty more in IE */
			
			ul#tertiary-nav {float:left; width:711px;border-top:2px solid #fff;}
				ul#tertiary-nav li {float:left; }
					ul#tertiary-nav li a{float:left; height:34px;text-indent:-9999px; background:url('../images/nav/tertiary-nav.gif') no-repeat 0 0;}
						ul#tertiary-nav li.view-products	 a {background-position: 0px 0; width:251px;}
		                ul#tertiary-nav li.request-catalogue a {background-position: -251px 0; width:250px;}
		                ul#tertiary-nav li.view-offers		 a {background-position: -501px 0; width:210px;}
		
				
		#main {float:left; border-left:4px solid #fff; border-right:4px solid #fff; overflow:hidden; background:#fff;}
			#banner img {float:left;}
		
		/*-----------------------------------------------------
			Content 
		-----------------------------------------------------*/
		
			#main #content	{width:711px; float:right;}
				#content #article {background:#fff; overflow:hidden; float:left; padding-bottom:30px;}
					#article ul#breadcrumbs {float:left; width:695px; height:16px; display:inline; margin:0 3px 9px 8px; padding:10px 0 0 5px; border-bottom:1px dashed #999;}
					#article ul#breadcrumbs li {float:left; padding-right:4px;font-weight:bold; color:#f55e27;}
						#article ul#breadcrumbs li a {font-weight:normal;}
						
						
					#article .title h3 {float:left; font-size:2.1em; color:#f55e27; text-transform:uppercase; font-weight:bold; padding-top:4px;}	
						#article .title h3 #sIFR_replacement_1 {margin-left:-33px;}
					#article h2 {font-size:2.7em; color:#f55e27; text-transform:uppercase; font-weight:bold; padding-left:12px; float:left;}
					#article h2 span {font-size:0.777777778em;}
					#article .back {float:right; color:#f55e27; margin:10px 12px 0 0; font-weight:bold; text-transform:uppercase; padding:0 0 0 18px; font-size:1.2em; line-height:1.2em; background:url('../images/buttons/back-button.gif') no-repeat left center; }
					
					#article .intro p { clear:both; padding-left:12px; padding-bottom:10px}

					#article .info_article p {margin: 10px 0 10px 13px}

					#article a { color:#f55e27; text-decoration:none}
					#article a:hover { text-decoration:underline}
					
					#article h3 { color:#f55e27; font-size:2em; margin:13px 0 0 13px}

					#article .info_article {float:left; padding:0 0 0 0; width:550px;}
					
					#article .title p { clear:both; padding-left:12px;}
		
		/*-----------------------------------------------------
			Aside
		-----------------------------------------------------*/
		#main #aside	{width:233px; float:left; border-right:3px solid #fff; padding-bottom:9999px; margin-bottom:-9969px; background:#fff url('../images/layout/sidebar_bg.gif') repeat-x left top;}
			#aside h2 {margin-left:4px; font-size:2.0em; text-transform:uppercase; line-height:34px; color:#fff; font-weight:bold; padding-left:16px; background:url('../images/headings/latest-news_bg.gif') no-repeat left top; width:209px; height:34px;}
			
			#aside-form {padding:27px 0 0px 20px;height:9.9em; width:213px;overflow:hidden;}/*IE.css modifications here*/
				#aside-form legend {font-weight:bold; font-size:1.6em; color:#fff; margin-bottom:5px; text-transform:uppercase;}
				#aside-form input {float:left; display:inline;}
				#aside-form input.inputform {margin:0 8px 11px 0; padding:5px 4px 0 4px; width:161px; height:14px; background: url('../images/forms/aside-input_bg.gif') no-repeat; border:none}
			
			ul#aside-nav {margin:20px 0 0 20px;}
				#aside-nav li {line-height:15px;}
					#aside-nav li a{font-weight:bold; display:block;}
				#aside-nav li.open {border-top:1px dashed #a74c11; border-bottom:1px dashed #a74c11; padding:10px 0; margin:10px 10px 10px 0;}
					#aside-nav li ul {display:none;}
					#aside-nav li.open ul {display:block;}
						#aside-nav li.open ul li {background:url('../images/nav/right-arrow.gif') no-repeat 10px 40%;}
							#aside-nav li.open ul li a {font-weight:normal; padding:0 0 0 20px; }
							#aside-nav li.open ul li a.selected {margin-left:-10px; padding-left:30px; background: url('../images/nav/selected-aside.png') no-repeat 0 50%; color:#fff; font-weight:bold;}
					
		/*-----------------------------------------------------
			Footer
		-----------------------------------------------------*/
				
		#footer {float:left; position:relative; margin:0 3px; display:inline; width:934px; padding:21px 0 0 15px; height:49px; background: url('../images/layout/footer_bg.gif') no-repeat left top;}
			#footer img.credit-cards {margin:0 0 3px;}
			#footer p {color:#fff;}
			#footer p.footer { position:absolute; top:40px;}
			#footer p.call-us {position:absolute; right:16px; top:18px; font-size:1.5em; font-weight:bold; text-align:right;}
				#footer p.call-us span {display:block;font-size:1.5em;}
				
		.akiko {float:right; margin:6px 4px 6px 0;}
/*-----------------------------------------------------
	2.1 Home page
-----------------------------------------------------*/
	
	/*-----------------------------------------------------
		Content (includes top search items + main content)
	-----------------------------------------------------*/

		.home #main #content {float:left; border-right:3px solid #fff;}
		.home #content #top-search-items {float:left; border-top:2px solid #fff; border-bottom:1px dashed #999;}
			.home #top-search-items img {float:left;}
		
			.home #content #article {/*height:296px;*/ /*height:356px;*/ padding:23px 0 0 0; border-bottom:4px solid #fff; width:711px; background:#fff /*url('../images/pages/home/comment-women2_bg.jpg') no-repeat 440px 100%*/;}
				.home #article p {margin-bottom:15px; line-height:1.5em; color:#808080;}
				.home #article strong {color:#f15e2b;}
				.home #article h2 {float:none;}
				.home #article a { color:#F55E27}
				.home #article .primary 	{clear:left; float:left; padding:0 16px; margin-top:7px; width:205px; border-right:1px dashed #bdbdbd;}
				.home #article .secondary 	{float:left; padding:0 16px; width:205px; margin-top:7px;}
				.home #article .third 	{float:left; padding:0 16px; width:204px; margin-top:7px;}
				.home #article .secondary h2,
				.home #article .third  h2,
				.home #article .primary   h2{ padding-left:0; font-size:1.4em} 
				
				.home #article .third li { float:left; margin: 0 10px 10px 0; width:93px; height:125px; font-size:1.1em;}
				.home #article .third li.even { margin-right:0}
				.home #article .third li span { display:block; text-align:center; padding-top:5px}
				.home #article .third li img,
				.home #article .third li a { display:block}
				.home #article .third li a:hover { text-decoration:underline; }
				
			
	/*-----------------------------------------------------
		Sidebar
	-----------------------------------------------------*/
	
		.home #main #aside {float:right; border-right:0;}
			.home #aside .pro-ad {margin:17px 0 24px 36px;}
			
			.home #aside h2 {padding-left:7px; width:218px;}
		
			.home #aside .post 	{border-bottom:1px dashed #c25f1a; padding:10px 6px; margin:0 6px; width:209px;}
			.home #aside .post.last {border-bottom:0;}
				.home #aside .post h3 	{font-size:1.4em; margin-bottom:5px; font-weight:bold;}
				.home #aside .post p 	{font-size:1.0em; margin-bottom:18px;}
				.home #aside .post a 	{font-size:1.1em; font-weight:bold;}
			
			.home #aside #request-cat {margin:15px 6px 0;}
	
	/*-----------------------------------------------------
		Quick Enquiry
	-----------------------------------------------------*/
		
			#quick-enquiry {position:relative; float:left;padding:10px 0 0 12px; margin:0 0 3px; width:943px; height:95px; background: url('../images/layout/quick-enquiry_bg.gif') no-repeat left top;}	
				#quick-enquiry h2 {font-size:2.4em; color:#fff; font-weight: bold; text-transform:uppercase; margin-bottom:4px;}
				#quick-enquiry p {font-size:1.3em; font-weight: bold; color:#fff; width:320px; line-height:1.0em;}
				#quick-enquiry strong {color:#000;}
				#quick-enquiry #looking_for {position:absolute; left:12px; top:73px; width:272px; height:16px; padding:5px 4px 0 4px;}
				#quick-enquiry textarea#comments {position:absolute; left:326px; top:13px; width:342px; height:76px; padding:5px 4px 0 4px;}
				#quick-enquiry #btn_submit_enquiry {position:absolute; left:681px; top:51px;}
				
/*-----------------------------------------------------
	2.0 Catalogue page
-----------------------------------------------------*/

		#product-showcase {width:699px; background:#fff; float:left; clear:both; overflow:hidden; border-right:1px solid #fff; margin:0 auto;}
			#product-showcase .back {margin-right:0;}
			#product-showcase ul {float:left; width:700px;}
				#product-showcase li {float:left; width:140px; height:140px; background: url('../images/pages/catalogue/item-showcase_bg.gif') no-repeat right top; text-align:center;}
					#product-showcase li a img {float:left; padding:0 5px 5px 20px;}
						#product-showcase li a {color:#f55e27;font-size:1.1em; font-weight:bold;}
		.icon-explaination {float:left; width:229px; padding-left:8px; margin:21px 0 32px; border-right:1px dashed #c2c2c2;}
		.icon-explaination.last {width:226px; border-right:0;}
			.icon-explaination img.icon {float:left; margin-bottom:10px;}
			.icon-explaination h3 {float:left; font-size:1.8em; color:#f55e27; font-weight:bold; padding:25px 0 0 5px;}
			.icon-explaination p {clear:left; font-weight:bold;}
			
/*-----------------------------------------------------
	Product list page
-----------------------------------------------------*/

	.pagination	{float:left; width:652px; height:25px; padding:9px 15px 6px 21px; margin:1px 0 0 12px; display:inline; background:#e2e2e2;}
		.pagination .inner {float:right;}
		.pagination p {float:left;font-size:1.1em; width:500px}
		.pagination .page-selector {float:right; }
			.pagination .page-selector ul {float:right;}
			.pagination .page-selector ul li {float:left; padding:0 3px;font-size:1.1em; font-weight:bold;}
			.pagination .page-selector ul li.pages {padding-top:6px;}
				.pagination .selected {font-weight:bold; text-decoration:underline;font-size:1.1em}
				.pagination .page-selector ul li a {float:left;padding:6px 2px;}
				.pagination .page-selector ul li a.selected {padding:5px 4px;border:1px solid #ff5111;}
				#pages { padding:5px 0 0 0}
				#pager a {font-size:1.1em}

	#product-listing ul#products {clear:left; padding:10px 0 0 13px; overflow:hidden; width:698px; float:left;}
		ul#products li.item {float:left; /*width:698px;*/ margin-bottom:20px;}
			ul#products li.item .image {float:left; border:1px solid #ebebeb;}
				ul#products li.item .image img {float:left;}
			ul#products li.item .info {float:left; padding:18px 0 0 9px; width:180px;}
				.catalogue ul#products li.item h3 {font-weight:bold; margin:0 0 11px 0; font-size:11px}
				ul#products li.item p.code {margin-bottom:14px;}
				ul#products li .more {color:#f55e27; height:16px; padding-top:2px; display:block; font-weight:bold; text-transform:uppercase; padding-left:22px; font-size:1.2em; line-height:1.2em; background:url('../images/buttons/more-button.gif') no-repeat left center; }


/*-----------------------------------------------------
	Product page
-----------------------------------------------------*/


		#product-page {}
			.product {float:left;clear:left; padding:8px 13px 0; width:591px; }
				.product .image {position:relative; width:201px;float:left; margin-right:20px; display: inline;}
					.product .image .zoom-picture {position: absolute; left:5px; top:5px; background:url('../images/pages/product/magnifier.png') no-repeat left top; width:29px; height:29px;}
					.product .image img.product-image {border:1px solid #dbdbdb;}
					.product .image p {margin:3px 0 7px;}
					.product .image .icons {border-top:1px dashed #999; padding:9px 0 0 0;}
						.product .image .icons img {padding-right:15px;}
				
				.product .panel {float:left; width:330px; background:#f0f0f0; padding:20px;}
					.panel h3,
					.panel h4 {font-weight:bold; margin: 0 0 9px 0!important ; font-size:11px!important; color:#EB4D00 }
					.panel p 	{font-weight:bold;}
					.panel .meta {border-bottom:1px dashed #b1b1b1; padding:0 0 6px; margin-bottom:12px;}
					
					.panel col.quantity {width:30px;}
					.panel col.price {width:50px;}
					.panel tr {background:#ddd;}
					.panel tr.alt {background:#c5c5c5;}
						.panel tr td {padding:2px 5px; font-weight:bold; border-right:1px solid #f0f0f0;}
					
					.panel .form {position:relative; margin: -12px -20px -20px;background:#ddd; padding:12px 20px 20px; height:114px; overflow:hidden;}
						.panel .form li {clear:left; float:left; padding-bottom:5px;width:320px;  }
						.panel .form li.checkbox {clear:left; float:left; padding-bottom:5px;width:160px;  }
						.panel .form li label{float:left; width:130px; font-weight: bold;}
						.panel .form li p {float:left;}
						.panel .form p.button {position:absolute; top:100px; left:230px;}
					
					div.panel input, textarea, select {margin-bottom:0; padding:2px 0 2px 2px}
        p.footnote {color:000;font-size:1.1em; font-weight: normal; margin:0 0 0 14px; padding-bottom:30px;}
        p.footnote a {color:#f55e27;font-size:1.1em; font-weight:bold;}
        p.footnote a:hover { text-decoration: underline}
/*-----------------------------------------------------
	A to Z index page
-----------------------------------------------------*/

#alphabet { float: left; width: 100%; /*overflow: hidden;*/ margin: 0 0 0 15px}
#alphabet ul { margin-bottom: 0; }
#alphabet ul li { float: left; margin-right: 25px; line-height: normal; }
#alphabet ul li a { float: left; color: #f55e27; text-decoration: none; font-size: 18px; font-weight: bold; }
#alphabet ul li a:hover { color: #000000; text-decoration: none; }
#alphabet ul li.current { color: #000000; text-decoration: none; font-size: 18px; font-weight: bold; }

 #alphabet .charcter-row { width: 100%; /*overflow: hidden;*/ margin-bottom: 25px; }
 #alphabet .charcter-row h3 { clear: both; float: left; font-size: 26px; font-weight: bold; color: #000; margin-bottom: 10px; }
 #alphabet .charcter-row ul { clear: both; margin-bottom: 0; }
 #alphabet  .charcter-row ul li { float: left; width: 200px; padding-right: 10px; margin-bottom: 7px; }
 #alphabet .charcter-row ul li a { font-size: 1.2em; color: #717174; text-decoration: none; font-weight: bold; }
 #alphabet .charcter-row ul li a:hover { color: #f55e27; text-decoration: none; }
 
 
 
 
/*-----------------------------------------------------
	Basket page
-----------------------------------------------------*/
	
	#basket {}
		#basket table {clear:left;margin:0 13px;}
			#basket h3 {font-weight:bold; margin-bottom:5px;color:#eb4d00;}
			#basket p.code {font-weight: bold;}
			#basket .info p {font-weight: bold;}
			#basket th {font-size:1.3em; color:#f55e27; font-weight:bold; padding-bottom:5px;}
			#basket tr {}
				#basket td {}
			#basket td.image 	{ 			     height: 183px; padding:10px 0 0px 00px; border-top:1px dashed #b2b2b2;}
			#basket td.desc		{ width:199px;   height: 183px; padding:10px 0 0px 20px; border-top:1px dashed #b2b2b2; background:url('../images/pages/basket/table-right-dashed-border.gif') no-repeat right 10px;}
			#basket td.info		{ width:164px;   height: 183px; padding:10px 0 0px 20px; border-top:1px dashed #b2b2b2; background:url('../images/pages/basket/table-right-dashed-border.gif') no-repeat right 10px;}
			#basket td.action	{ width:130px;   height: 183px; padding:10px 0 0px 10px; border-top:1px dashed #b2b2b2; }
			
		#basket .buttons {clear:left; border-top:1px dashed #b2b2b2; padding:9px 13px 0;}
			#basket .update {float:left;}
			#basket .submit {float:right;}

/*-----------------------------------------------------
	SOURCING PAGE
-----------------------------------------------------*/
	/*-----------------------------------------------------
		Navigation
	-----------------------------------------------------*/
			ul#sourcing-nav {float:left; width:947px;border-top:2px solid #fff;}
				ul#sourcing-nav li {float:left; }
					ul#sourcing-nav li a{float:left; height:34px;text-indent:-9999px; background:url('../images/nav/skin_nav.gif') no-repeat 0 0;}
						ul#sourcing-nav li.start-new-search	 a {background-position: 0px 0; width:251px;}
		                ul#sourcing-nav li.item-type-search a {background-position: -251px 0; width:250px;}
		                ul#sourcing-nav li.view-basket		 a {background-position: -501px 0; width:223px;}
		                ul#sourcing-nav li.view-ideas-list		 a {background-position: -724px 0; width:223px;}
						ul#sourcing-nav li.start-new-search	 a:hover {background-position: 0px -34px;}
		                ul#sourcing-nav li.item-type-search a:hover {background-position: -251px -34px}
		                ul#sourcing-nav li.view-basket		 a:hover {background-position: -501px -34px}
		                ul#sourcing-nav li.view-ideas-list		 a:hover {background-position: -724px -34px}

	/*-----------------------------------------------------
		Content (includes top search items + main content)
	-----------------------------------------------------*/

		.sourcing #main #content {float:left; border-right:3px solid #fff;}
		.sourcing #content #top-search-items {float:left; border-top:2px solid #fff; border-bottom:1px dashed #999;}
			.sourcing #top-search-items img {float:left;}
		
			.sourcing #content #article {height:100%; padding:23px 0 0 0; border-bottom:4px solid #fff; width:947px; background:#fff /*url('../images/pages/home/comment-women_bg.jpg') no-repeat 440px 100%*/;}
				.sourcing #article p {margin-bottom:15px; line-height:1.5em; color:#808080;}
				.sourcing #article strong {color:#f15e2b;}
				.sourcing #article h2 {float:none;}
				.sourcing #article .primary 	{clear:left; float:left; padding:0 16px; margin-top:7px; width:205px; border-right:1px dashed #bdbdbd;}
				.sourcing #article .secondary 	{float:left; padding:0 16px; width:205px; margin-top:7px;}
			
	/*-----------------------------------------------------
		Sidebar
	-----------------------------------------------------*/
	
		.sourcing #main #aside {float:right; border-right:0;}
			
		.sourcing #main #aside	{width:233px; float:left; padding-bottom:0; margin-bottom:0; background:none;}
			
			.sourcing #aside .pro-ad {margin:17px 0 24px 36px;}
			
			.sourcing #aside h2 {padding-left:7px; width:218px;}
		
			.sourcing #aside .post 	{border-bottom:1px dashed #c25f1a; padding:10px 6px; margin:0 6px; width:209px;}


	/*-----------------------------------------------------
		NEWS
	-----------------------------------------------------*/
		#main #aside_news	{width:233px; float:left; border-right:3px solid #fff; padding-bottom:9999px; margin-bottom:-9969px; background:#fff url('../images/layout/sidebar_bg.gif') repeat-x left top;}
	a.news { font-weight:bold; margin-bottom:11px;color:#eb4d00; text-decoration:none; }

	#news-listing ul#news {clear:left; padding:10px 0 0 13px; overflow:hidden; width:698px; float:left;}
		ul#news li.item {float:left; width:698px; margin-bottom:20px; border-bottom:1px dashed #999999; padding-bottom:15px}
			ul#news li.item .image {float:left; border:1px solid #ebebeb;}
				ul#news li.item .image img {float:left;}
			ul#news li.item .info {float:left; padding:18px 0 0 9px; width:450px;}
			ul#news li.item .info_article {float:left; padding:18px 0 0 0; width:550px;}
				ul#news li.item h3 {font-size:1.2em;font-weight:bold; margin-bottom:11px;color:#eb4d00;}
				ul#news li.item p.intro {margin-bottom:14px;}
				ul#news li .more {color:#f55e27; height:16px; padding-top:2px; display:block; font-weight:bold;padding-left:22px; font-size:1.2em; line-height:1.2em; background:url('../images/buttons/more-button.gif') no-repeat left center; }
				img.news_article {margin-top:15px}
				
				
	/*-----------------------------------------------------
		CASE STUDIES
	-----------------------------------------------------*/
		#main #aside_casestudy	{width:233px; float:left; border-right:3px solid #fff; padding-bottom:9999px; margin-bottom:-9969px; background:#fff url('../images/layout/sidebar_bg.gif') repeat-x left top;}
	a.news { font-weight:bold; margin-bottom:11px;color:#eb4d00; text-decoration:none; }
	#casestudy-listing {clear:left; padding:10px 0 0 13px; overflow:hidden; width:560px; float:left;}
	#news-listing ul#casestudy {clear:left; padding:10px 0 0 13px; overflow:hidden; width:698px; float:left;}
		ul#casestudy li.item {float:left; width:698px; margin-bottom:20px; border-bottom:1px dashed #999999; padding-bottom:15px}
			ul#casestudy li.item .image {float:left; border:1px solid #ebebeb;}
				ul#casestudy li.item .image img {float:left;}
			ul#casestudy li.item .info {float:left; padding:18px 0 0 9px; width:450px;}
			ul#casestudy li.item .info_article {float:left; padding:18px 0 0 0; width:550px;}
				ul#casestudy li.item h3 {font-size:1.2em;font-weight:bold; margin-bottom:11px;color:#eb4d00;}
				ul#casestudy li.item p.intro {margin-bottom:14px;}
				ul#casestudy li .more {color:#f55e27; height:16px; margin-top:10px; padding-top:2px; display:block; font-weight:bold;padding-left:22px; font-size:1.2em; line-height:1.2em; background:url('../images/buttons/more-button.gif') no-repeat left center; }
				img.casestudy_article {margin-top:15px}
	/*-----------------------------------------------------
		ABOUT US and CONTACT
	-----------------------------------------------------*/
		#main #aside_aboutus	{width:233px; float:left; border-right:3px solid #fff; padding-bottom:9999px; margin-bottom:-9969px; background:#fff url('../images/layout/sidebar_bg.gif') repeat-x left top;}
	a.aboutus { font-weight:bold; margin-bottom:11px;color:#eb4d00; text-decoration:none; }

	#aboutus-listing {clear:left; padding:10px 0 0 13px; overflow:hidden; width:500px; float:left;}
		#aboutus-listing h2 {font-size:1.2em; margin-bottom:11px; float:none; padding-left:0}
				#aboutus h3 {font-size:1.2em;font-weight:bold; margin-bottom:11px;color:#eb4d00;}
		div#map {float:right; clear:both; text-align:center; width:167px; margin-bottom:30px;}
        div#map a {color:#f55e27;font-size:1.1em; font-weight:bold;}
        div#map a:hover { text-decoration:none}
		div#map img { padding-bottom: 5px; margin-bottom:5px}
		p.instructions {margin:0px 0 30px; clear:both;}
		
		table.contact { font-size:1.2em; line-height:1em;}
		table.contact input, textarea {margin-bottom:20px; padding:2px 0 2px 2px}
		tr#title {margin-bottom:20px}
	
	/*-----------------------------------------------------
		SITEMAP
	-----------------------------------------------------*/		
		
		#sitemap-content ul { padding: 0 13px 0; clear:both}
		#sitemap-content ul li { font-size:16px; font-weight:bold; margin:0 0 20px 0; padding:5px 0 0 0;  border-top:solid 1px #ccc  }

		#sitemap-content ul li ul { width:100%; overflow:hidden; padding:5px 0 0 0; margin:5px 0 0 0; border-top:solid 1px #ccc;}
		#sitemap-content ul li ul li { font-size:12px; margin:0; padding:0; line-height:17px; font-weight:normal; float: left; width:33.3%; list-style: disc inside; border:none}
		
		
	/*-----------------------------------------------------
		Footer Promo Links
	-----------------------------------------------------*/
		
			#footer-promo-links {position:relative; float:left; padding:10px 12px 0; width:931px; min-height:85px; background: url('../images/layout/footer-promo-links-bg.gif') no-repeat left top;}
			#footer-promo-links-bot { position:relative; float:left;width:952px; height:10px; background: url('../images/layout/footer-promo-links-bot.gif') no-repeat left top; margin: 0 0 3px }
			#footer-promo-links ul { width:19%; float:left; padding-right:1%}
			#footer-promo-links li { margin-bottom:5px}
			#footer-promo-links li a { font-size:11px; color:#fff;}
			#footer-promo-links li a:hover { }

		
/*-----------------------------------------------------
	SIFR
-----------------------------------------------------*/

		
			
/* 
	Debug styles:
	
	a[href="#"] {background: lime;}
	a[href="404"] {background: lime;}
	a[href=""] {background: fuchsia;}
	
	*[align], *[valign], *[border], table[cellspacing], table[cellpadding], *[width], *[height], a[href^=”javascript:”], *[onload], *[onunload], *[onchange], *[onsubmit], *[onreset], *[onselect], *[onblur], *[onfocus], *[onkeydown], *[onkeypress], *[onkeyup], *[onclick], *[ondblclick], *[onmousedown], *[onmousemove], *[onmouseover], *[onmouseout], *[onmouseup]
	{outline:5px solid yellow;}

	img[width], img[height] {outline:0;}

	img {outline: 5px solid red;}
	img[alt][title] {outline-width: 0;}
	img[alt] {outline-color: fuchsia;}
	img[alt], img[title] {outline-style: double;}
	img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
	img[alt=""][title=""] {outline-style: dotted;}
	
	Sometimes a client will have our banners on their site. Here is the HTML and CSS to include;

	HTML:
	<a href="http://codepress.co.uk" title="Expertly Code Pressed" rel="external" id="cp_84bannerc">
		<span>Code Press - Professional front-end development</span>
	</a>
	
	CSS:
	#cp_84bannerc 			{width:84px; height:20px; display:block; background: url('../images/cp/cp-84x20-combo.png') no-repeat 0 0}
	a:hover#cp_84bannerc 	{background-position:0 -20px}
	#cp_84bannerc span 		{position:absolute; left:-9999px}	
*/