/****************************************************************
 *
 *	CSS screen stylesheet for bins-direct.com
 *
 *	Author:			Phil Rae
 *	Email:			hello@netinspired.com
 *	Website:		http://netinspired.com/
 *	Copyright:	Endrick Trading Limited
 *
 ****************************************************************/

/* !COMMONLY USED CLASSES */
.clear{clear:both;}
.first{margin-top:0 !important;}
.hide{display:none;}
.outline{outline:2px solid red;}
.left{float:left;}
.right{float:right;}
.nospam{display:none;}
.nojs-hide{display:none;} /* will be unhidden by javascript */
.smaller{font-size:0.7em;}
.basesize{font-size:1em;}
.indent{padding-left:1em;}
.text-replacement {display:none;}


/* !GENERAL STYLES */
html{
	background:#CECCAC url(../images/bins-direct/bg_page.png) center top repeat-x;
	margin:0; padding:0; }

body{
	background:transparent url(../images/bins-direct/bg-overlay.png) center 200px no-repeat;
	color:#333;	
	font-family:Tahoma,Arial,sans-serif;
	font-size:90%;
	margin:0; padding:1px 0 0 0; }
	
pre,code,kbd,samp,tt {font-family:monospace;line-height:1em;}
	
img{-ms-interpolation-mode:bicubic;} /* Improve way I.E resizes images */


a,
a:link,
a:visited { 
	color:#447;
	text-decoration:none; }

a:visited {
	color:#447; }
	
a:active,
a:hover,
a:focus {
	outline:none;
	color:#966;
	text-decoration:none; }
	
	.accessibility a:focus { /* accessibility highlight */
		color:#2F5A96;
		outline:2px solid #FE0031;
		text-decoration:none !important; }


h1, h2, h3, h4, h5, h6 {
	color:#333; }
	
h1 {
	color:#2D4770;
	font-family:Tahoma,Arial,sans-serif;
	font-size:1.9em;
	font-weight:normal;
	line-height:1em;
	margin:1.4em 1em 0.5em 0;
	padding:0 0 0.3em 0; }
	
h2 {
	padding-top:1em;
	font-size:1.7em;
	font-weight:normal;
	margin:2em 0 0.5em 0; }
	
	h2.first {
		border-top:none;
		padding-top:0; }
	
	h2.hr {
		border-top:1px dashed #BED7DF;
		padding-top:1em; }

h3 {	
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0 0.3em 0; }
	
h4 {
	font-size:1.4em;
	font-weight:normal;
	margin:0 0 0.5em 0; }

p, li, blockquote {
	color:#333;
	font-size:0.95em; }

p.top {
	padding-top:1.1em;}

ul {
	margin-bottom: 1em;}

li {
	margin-bottom: 0.5em; }

dl {
	font-size:0.9em;
	margin:30px 0 0 10px; }	
	
	dt {
		float:left;
		padding-bottom:0.7em;  }
		
		
	dd {
		padding-left:100px;
		padding-bottom:0.7em; }
		
small {
	font-size:0.85em;}

	
	
/* !FORM STYLES */

form {
	background:#C6C4A7;
	border:1px solid #A19D82;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin:1.5em 1em 1.5em 0;
	padding:20px 20px 20px;
}

label {
	color:#333;
	display:block;
	margin:5px 10px 0 0;
}

input[type="text"],
input.type_text,
input.type_password,
textarea {
	background:#fff;
	border:1px solid #999;
	color:#555;
	margin:2px 2px 0px 2px;
	padding:4px;
	width:225px;
}

input[type="text"]:focus,
input.type_text:focus,
input.type_password:focus,
textarea:focus {
	background:#fff;
	border:1px solid #999;
	outline:1px solid #6BB5E5;
}

input.filled,
textarea.filled {
	background:rgb(255, 255, 255);
}

input.error,
textarea.error {
	background:#ffdfdf;
	border:1px solid #d99;
}

textarea {
	height:131px;
	margin-top:10px;
	width:365px;
}

input[type="submit"],
input.type_submit {
	font-size:1em;
	padding:2px 5px;
	margin:20px 20px 0 380px;
}
	


/* !HEADER */
#header {
	margin-top:50px;
	margin-bottom:35px; }

	/* !LOGO */
	h1#logo {margin:0; padding:0;}

		#logo a {
			background:url(../images/bins-direct/sprite_no-repeat.png) 0 0 no-repeat;
			display:block;
			height:56px;
			margin:5px 0 0 0;
			padding:0;
			width:360px; }
			
	#secure-notice {
		text-align:center; }
		
	#secure-notice h4 {
		font-size:1.3em;
		letter-spacing:-0.02em;
		margin:0;
		padding:0; }
		
		h4#online {
			background:url(../images/bins-direct/cards.png) center 23px no-repeat;
			letter-spacing:-0.0em;
			padding-bottom:20px; }
		
		#secure-notice h4 small {
			font-size:0.6em; }


/* !BREADCRUMBS */
#breadcrumbs {}
	
#breadcrumbs div {
	color:#555;
	font-size:0.8em;
	margin-left:10px; }
	
	#breadcrumbs strong {
		margin-right:7px; }
	
	#breadcrumbs a:link,
	#breadcrumbs a:visited {
		color:#858570; }
		
	#breadcrumbs a:active,
	#breadcrumbs a:hover {
		color:#555; }
		
								

/* !MAIN CONTENT AREA */
/* !MAIN */
#main { margin-top:30px; }


	/* !NAVIGATION */
	#cart-summary,
	#product-nav,
	#free-downloads {
		margin-bottom:5px; }
	
	#cart-summary h3,
	#product-nav h2,
	#free-downloads h3 {
		font-size:1.05em;
		margin:0 0 12px 0;
		padding:0; }

	#product-nav h2 {
		margin-bottom:7px; }		
	
	#product-nav h3 {
		font-size:0.9em;
		color:#666;
		margin:12px 0 5px 5px;
		padding:0; }
	
	#nav {
		font-size:1em;
		margin:0;
		padding:0; }
		
		#nav ul {
			margin:0; 
			padding:0; }
			
		
		#nav li {
			list-style:none;
			margin:0;
			padding:0; }
	
			#nav a {
				cursor:pointer;
				display:block;
				font-size:14px;
				height:24px;
				margin-bottom:5px;
				padding-top:4px;
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
				width:150px; }
	
			#nav a:link,
			#nav a:visited {
				background:url(../images/bins-direct/sprite_no-repeat.png) -440px 0 no-repeat;
				color:#444;
				text-decoration:none; }
				
				#nav a.specialOffers:link,
				#nav a.specialOffers:visited {
					color:#B70202; }
				
			#nav a:active,
			#nav a:hover,
			#nav a:focus {
				background:url(../images/bins-direct/sprite_no-repeat.png) -440px -40px no-repeat;
				color:#555;
				padding-top:5px;
				height:23px;
				text-decoration:none; }
				
			#nav a.current {
				background:url(../images/bins-direct/sprite_no-repeat.png) -440px -40px no-repeat;
				color:#222;
				padding-top:5px;
				height:23px;
				text-decoration:none; }
				
			.accessibility #nav a:focus { /* accessibility highlight */
				border:none;
				outline:2px solid #FE0031;
				text-decoration:none; }
				
				
	.button span {
		display:none; }
	
	#cart-summary .button {
		background:url(../images/bins-direct/sprite_no-repeat.png) 0 -190px no-repeat;
		display:block;
		height:30px;
		width:148px; }

	#cart-summary .button:hover {
		background:url(../images/bins-direct/sprite_no-repeat.png) 0 -230px no-repeat; }
		

	#cart-summary {
		background:url(../images/bins-direct/sprite_no-repeat.png) -370px -190px no-repeat;
		height:57px;
		padding:13px 20px 0 13px;
		width:145px; }

	#product-nav {
		background:url(../images/bins-direct/sprite_no-repeat.png) -180px -190px no-repeat;
		height:267px;
		padding:13px 20px 0 13px;
		width:145px; }
				
	#free-downloads {
		background:url(../images/bins-direct/sprite_no-repeat.png) -370px -290px no-repeat;
		height:148px;
		padding:13px 20px 0 13px;
		text-align:center;
		width:145px; }
		
		#free-downloads a:link, 
		#free-downloads a:visited, 
		#free-downloads a:active, 
		#free-downloads a:hover {
			color:#333;
			text-decoration:none; }



	#contentWrapper {
		margin-left:20px; }
		
	#content p {
		margin-bottom:0.7em; }
		
		#content .specialOffers {
			font-size:1.1em;
			margin:1.5em 0 0.7em 0; }
				
	#content h1 {
		color:#333;
		margin:0 0 0.1em 0;
		padding:0;
		text-shadow:0 1px 1px #E0DFCB; }
		
	#content h2 {
		color:#333;
		font-size:1.2em;
		margin:1.2em 0 0.3em 0;
		padding:0; 
		text-shadow:0 1px 1px #E0DFCB; }
		
		#content h2 .code {
			text-shadow:none; }
		
	#content h2.home {
		font-size:1.4em;
		margin:0 0 1em 0; }
		
	#content h3 {
		color:#333;
		font-size:1em;
		font-weight:bold;
		margin:1.2em 0 0.1em 0;
		padding:0; }

	#content ul {
		margin-bottom:2em; }		
		
	#content ul.leftCol {
		float:left;
		width:40%; }
		
	#content ul.rightCol {
		float:right;
		width:40%; }
		

	#content .thirdLeft,
	#content .thirdMid,
	#content .thirdRight {
		font-size:0.9em; }

	#content .thirdLeft ul,
	#content .thirdMid ul,
	#content .thirdRight ul {
		margin:0.6em 20px 0 0; }
		
	#content .thirdLeft li,
	#content .thirdMid li,
	#content .thirdRight li {
		list-style-type: none; }

	#content .thirdLeft {
		float:left;
		width:33%; }
		
	#content .thirdMid {
		float:left;
		width:33%; }
		
	#content .thirdRight {
		float:left;
		width:33%; }
		
	#content .signs {
		margin:2em 0;
		text-align:center; }
		
			#content .signs img {
				margin:0 10px; }
		

	#content .productPane,
	#content .itemPane {
		border:1px solid #A19D82;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		margin-top:50px; }
		
	
	#products {
		padding:5px;
		width:485px; }
		
	#controls {
		float:right; }
		
		#controls a {
			margin-left:10px; }
				
		#controls a:link,
		#controls a:visited {
			color:#858570; }
			
		#controls a:active,
		#controls a:hover {
			color:#555; }
		
/*
	#latestOffers {
		float:left; 
		padding:5px 7px 25px 5px;
		width:320px; }
*/	
	#featuredProducts {
		padding:5px 10px 5px 10px;
		width:485px;}
	
		
	#latestOffersControls {
		float:left; 
		padding:10px;
		width:310px; }
		
	#featuredProductsControls {
		float:left;
		margin-left:15px;
		padding:10px 7px 10px 10px;
		width:155px; }
	
	#latestOffersControls ul {
		margin:-37px 0 0 240px; padding:0; }

	#featuredProductsControls ul {
		margin:-37px 0 0 85px; padding:0; }

		
	.controls li {
		float:left;
		list-style:none;
		margin:0 3px 0 0; 
		padding:0;
		text-align:center; }

	.controls li a:link,
	.controls li a:visited {
		background:url(../images/bins-direct/sprite_no-repeat.png) -370px 0 no-repeat;
		display:block;
		font-size:0.8em;
		height:17px;
		padding-top:1px;
		width:18px;
		color:#555;
		text-decoration:none; }
		
	.controls li a.current {
		background:url(../images/bins-direct/sprite_no-repeat.png) -400px 0 no-repeat;
		color:#fff; }
		
		
		
		
	.productPane ul {
		margin:0;
		padding:0; }
		
	.productPane li  {
		background:#f2f1e5;
		border-top:1px solid #C2C1A2;
		border-left:1px solid #C2C1A2;
		float:left;
		height:185px;
		list-style:none;
		margin:5px 5px 8px 5px;
		padding:12px 10px 0 10px;
		width:129px; }
		
	#featuredProducts.productPane li  {
		height:205px; }
		
		.productPane .subTitle {
			font-size:0.9em;
			font-weight:bold;
			margin-bottom:5px;
			text-align:center; }
		
		
	.productPane .productImage {
		margin-bottom:4px;
		text-align:center; }
	
	.productPane h4 {
		color:#858570;
		font-size:0.9em;
		margin:-30px 0 15px 0;
		padding:0; }

	.productPane h5 {
		font-size:0.85em;
		margin:0.5em 0 0 5px;
		padding:0; }
	
	.productPane h5 a:link,
	.productPane h5 a:visited {
		color:#333; }

	.productPane h5 a:active,
	.productPane h5 a:hover {
		color:#9B000E; }
		
		
	.productPane p {
		font-size:0.8em;
		margin:0 0 0 5px;
		padding:0; }
		
		.productPane p.oldPrice {
			color:#c00; }

		.productPane p.price {
			font-size:0.9em; }
			
		.productPane p.price span {
			color:#d00; }
		
	.productPane .desc-left {
		float:left;
		width:60%; }
		
	.productPane .desc-right {
		float:right;
		text-align:right;
		width:39%; }
	
	
	

	.itemPane {
		margin-top:30px; }	
		
	.itemPane h4 {
		color:#858570;
		font-size:0.9em;
		margin:-25px 0 10px 5px;
		padding:0; }
		
	.itemPane p.back {
		font-size:0.9em;
		float:right;
		margin:-25px 5px 0 0; }
		
	.itemPane p.back a:link,
	.itemPane p.back a:visited {
		color:#858570; }
		
	.itemPane p.back a:active,
	.itemPane p.back a:hover {
		color:#555; }
		
	.itemPane ul {
		margin:0;
		padding:0; }
		
	.itemPane li  {
		list-style:none;
		margin:5px 5px 0 5px;
		padding:15px 10px 0 10px; }
		
		
		.itemTopDesc {
			color:#555;
			margin:30px 20px 20px 20px; }
		
		
		.itemImage {
			float:left;
			margin-right:20px;
			width:200px; }
			
			#content .itemImage a.zoom {
				cursor: url(../icons/magnify.cur), -moz-zoom-in; }
				
			#content .itemImage a.icon {
				position:relative;
				left:160px;
				top:-37px; }
			
		.itemDetails {
			float:left;
			width:260px; }

			#content .itemDetails ul {
				margin:10px 0 10px 10px;
				padding:0; }
				
			#content .itemDescription li {
				color:#555;
				list-style-type:disc;
				margin:0 0 0 10px;
				padding:0 0 0 5px; }

			#content .itemDescription p {
				color:#555;
				font-size:0.9em !important;
				margin-bottom:10px !important; }
				
			#content .itemImage {
				margin-top:5px; }
				
				#content .itemImage img {
					border:7px solid #F2F1E5; }
					
				#content .itemImage .icon img {
					border:0; }
				
			#content .itemDetails h2 {
				font-size:1.4em;
				margin:0;
				padding:0; }
				
				#content .itemDetails h2 span.code {
					color:#999;
					font-size:0.7em;
					margin-left:5px; }

			#content .itemDetails h3 {
				font-weight:normal;
				margin:0;
				padding:0; }

			#content .itemDetails p {
				font-size:1.3em;
				margin:0;
				padding:0; }
				
				
			#content .itemDetails p span.reduction {
				color:#d00;
				font-size:0.7em; }
				
			#content .itemDetails p span.was {
				font-size:0.6em; }
				
			#content .itemDetails p span.exvat {
				font-size:0.6em; }
				
			#content .itemDetails .addToBasket {
				position:relative;
				left:150px;
				top:-23px; }
				
			#content .itemDetails p.outofstock {
				color:#a00; }
				
			#content .itemDetails div.outofstock {
				color:#a00;
				position:relative;
				left:150px;
				top:-18px; }
				
			#content .furtherItemImage {
				margin:0 20px 20px 20px;
				text-align:center; }
							
			#content .furtherItemImage img {
				border:7px solid #F2F1E5; }
				
				
			#specialOffersBox {
				margin-top:20px; }


/* !FOOTER AREA */
#footer-wrapper {
	background:transparent url(../images/bins-direct/bg_footer.png) repeat-x;
	margin:60px auto 0;
	padding:25px 0 20px 0; }
		
	#footer h3 {
		font-size:1.0em;
		margin:0 0 5px 0; }
		
	#footer p,
	#footer li {
		color:#333;
		font-size:0.82em; }
	
	#footer a:link,
	#footer a:active,
	#footer a:visited,
	#footer a:hover {
		color:#444;
		text-decoration:none; }
	
	
	#footer a:active,
	#footer a:hover,
	#footer a:focus {
		color:#375077;
		text-decoration:underline; }
		
	
	ul.basenav {
		margin:0; padding:0; }
		
		.basenav li {
			margin:0; 
			padding:0;
			list-style-type:none; }
			
			
	#smallprint p {
		text-align:right; }
		
	#smallprint a:link,
	#smallprint a:visited {
		color:#375077; }


	#homeText {
		border-top:1px solid #EDECE7;
		margin-top:60px; }
		
		#homeText .leftCol {
			float:left;
			width:47%; }

		#homeText .rightCol {
			float:right;
			width:47%; }
		
	#homeText h2 {
		color:#444;
		font-size:1.0em;
		padding-top:0; }
		
	#homeText p {
		color:#333; }


/* !NOTIFICATIONS */

div.message {
	margin:0 0 20px 0;
	padding:10px 20px ; }
	

	.success {
		background: #d5ffce;
		border:1px solid #9adf8f;
		color: #556652; }

	.error {
		background: #ffcece;
		border:1px solid #df8f8f;
		color: #665252; }
		
		
		
/* !SITEMAP */

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap {
	margin:2em 0 0 0;
	text-transform:none;
}

#sitemap li{
	background:url('../images/sitemap/line2.gif') no-repeat 0 0;
	line-height:20px;
	margin-top:1px;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
 html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url('../images/sitemap/collapsed.gif') no-repeat 0 0;} 
#sitemap li span.expanded{background:url('../images/sitemap/expanded.gif') no-repeat 0 0;}

#sitemap ul {
	margin-bottom:20px;
}

/* sub levels */

#sitemap li ul{	
	margin-left:28px;
	background:url('../images/sitemap/line1.gif') repeat-y left bottom;
}
#sitemap li li{	
	background:url('../images/sitemap/line2.gif') no-repeat 0 0;
}

#sitemap li:last-child {
	background:url('../images/sitemap/line3.gif') no-repeat 0 0;
}

#sitemap li#sitemap-root {
	background:none;	
	font-size:1.05em;
	line-height:40px;
}
	li#sitemap-root a.heading {
		font-size:1.1em; }
		
	li#sitemap-root a.sub-heading {
		font-size:1.0em; }


/* etc. */

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
/*#sitemap ul{display:none;}*/