/* INNER PAGE DIV LAYOUT */
@import url(scn.css);

/* SET UP PAGE CONTAINERS */

body{ background:#333333;}
/*Xmas theme bg*/
/*body{ background:#333333 url(../../images/core/snowflakes-bg.jpg) repeat-x 0 top;}*/

#container-wrapper {overflow:hidden; width:100%; background:#2E3555;}
#page-container{ }
#head-container{ background: url(../../images/core/head-bg-grad.jpg) repeat-x; min-height:156px;}
#head-container, #container, #footer-container,#page-container {width:974px; margin:auto; display:block; position:relative;}

/* NAVIGATION */
#head{display:block; overflow:hidden; position:relative; height:63px;}
#header-image{ height:63px;width:auto; float:left; padding:0 35px;}
#header-image a {overflow:hidden; display:block;}
#nav{display:block; clear:both; position:relative; top:13px; overflow:hidden;}
#nav, #nav a{font-weight:bold; text-decoration:none;}
#nav ul{margin:0; padding:0px 0;  overflow:hidden;}
#nav ul li{ width:auto; float:left; overflow:hidden;}
#nav ul li a{float:left; color:#263986; background:url(../../images/core/sprite.png) no-repeat left -86px; padding:0 0 0 10px; border-bottom:4px #ccc solid; display:block; font-size:0.9em;}
#nav ul li a span{background:url(../../images/core/sprite.png) no-repeat right -144px; padding:10px 35px 15px 0px; display:block;}
#nav ul li a span.last{background:url(../../images/core/sprite.png) no-repeat right -86px; padding-left:6px}
#nav ul li.selected a, #nav ul li a:hover{border-bottom:4px #263988 solid; color:#000;}


#nav .selected a,#nav ul li a:hover{text-decoration:none;}

/* MAIN DIVS MAINLY WRAPPERS*/
#container{display:block; overflow:hidden; position:relative; background:#8C8C8C; padding-bottom:15px;}
#content{overflow:hidden;}
#page-container.home #content{background:#8C8C8C;}
#page-container.home #page-content {display:block; float:none; width:914px; margin:0px auto;}
#page-content {display:block; background:#8C8C8C; width:729px; float:right; padding:15px 15px;}

#footer-container{ clear:both;}

/* GENERAL FONT SIZE*/
#page-content ul{ clear:left; margin-bottom:20px;}
#page-content li{line-height:1.1em; background:url(../../images/core/page-content-bullet.png) no-repeat 10px 5px; color:#333;}
#page-content li{ padding-left:25px; font-size:0.7em; font-weight:bold; margin-bottom:5px;}


/*p,h1,h2,h3,h4,h5,h6,ul,li{color:#FFF;}*/
#content p{font-size:0.75em;} p { margin-bottom:10px; line-height:1.2em; color:#FFFFFF;}

/*a{font-size:0.75em;}*/
h1{color:#fff;}
h2{font-size:0.8em; padding:5px 0 8px;}
/*Definition List*/
dl{padding:10px 0;}dt{font-size:0.8em;}dd{padding-left:25px;}
h3,dd{font-size:0.75em; }
h4,h5,h6{font-size:0.7em; }
input, textarea, select, button, label {font-size:12px;}
.readonly{ background:#CCC; color:#333;}
.form-row select,input.field,textarea.field {border:2px #7F9DB9 solid;}





input.field.no-border,input.field.no-border:active{border:none; outline:none;}
input.field.no-border:hover{border:none;}

.form p.warning{color: #C00;}

.form-title{float: left;width: 150px;color: #fff; font-weight:bold;}
	.form-title.error	{	color: #C00;font-weight: bold;}

.form-field{	float: left;	width: 320px;}
	.form-field input.text-box	{width: 310px;	border: 2px solid #7F9DB9; padding: 1px 3px; color: #333;}
	.text-box.grey	{background:#efefef;}	
		.form-field.code input.text-box	{float: left; width: 150px;	}
		.form-field input.text-box.short{width: 183px;}
		.form-field select.drop-down{width: 310px; border: 2px solid #7F9DB9; padding: 0px;	}

	.form-row.tall{	height: 13em; padding: 0px 0px 10px;}
	.form-field textarea.text-area	{width: 310px;border: 2px solid #7F9DB9; padding: 1px 3px;height: 12em;color: #333;	}
	
input.field:hover,textarea.field:hover,.form-field input.text-box:hover,input.field:active,textarea.text-area:hover,textarea.text-area:active,.form-field input.text-box:active, select.drop-down:hover, select.drop-down:active {border:2px #263988 solid; color:#263988;}
.delivery-details{color:#fff; font-weight:bold; font-size:0.75em; padding-bottom:10px;}

em, cite {font-style: italic;}
sup, sub {line-height: 1em;font-size: 80%;}

#title {padding-left:0px; overflow:hidden; margin:0 0 5px; }
#title.icon {padding-left:45px;}
#title h1{font-size:1.25em; color:#FFFFFF; }
#title.product-cat{ background:url(../../images/core/icon_sprites.png) no-repeat 5px 0;}
#title.basket,#title.checkout{ background:url(../../images/core/icon_sprites.png) no-repeat 5px -39px;}
h4.contact-tel{background:#7E7E7E; border-top:#999999 solid 3px; font-size:0.8em; padding:3px 10px 5px; color:#FFFFFF; overflow:hidden; margin-bottom:5px;}

.address-details{float:left; width:175px;}

.highlight{font-size:0.875em; color:#002B52;}
#title{ display:block; padding-bottom:15px;}
a {color:#002B52;}
a {text-decoration:underline;}
a:hover{text-decoration:none;}
blockquote{ quotes: "\201C" "\201D"; color:#333333;}
blockquote p:before { content: "\201C"; font-weight: bold; } blockquote p:after { content: "\201D"; font-weight: bold; }
.slogan, .bs a.contact-icon{ color:#ccc; font-size:20px; position:relative; width:auto; padding:8px 0 10px 50px;}
.slogan{float:left; }
#head .bs{overflow:hidden; height:40px; display:block;}

/*Basket - Checkout Button*/ 
#bas-check{ background: url(../../images/core/sprite.png) no-repeat left top; float:right; position:relative; right:0px; top:15px; margin:5px 10px; display:block; width:270px; height:35px;  overflow:hidden;}
#bas-check:hover{}
#bas-check li {float:left;}
#bas-check a{padding:35px 0 3px; display:block; float:left;}
#bas-check a:hover,#bas-check li.selected a { background: url(../../images/core/sprite.png) no-repeat -30px -35px;}
.shopping-basket{position:absolute; left:30px; width:95px;}
#bas-check .checkout-button{position:absolute; left:145px; width:108px;}
#bas-check a.checkout-button:hover,#bas-check li.selected a.checkout-button{ background: url(../../images/core/sprite.png) no-repeat -145px -35px;}
a.contact-icon {background:url(../../images/core/contact-icon.jpg) no-repeat 0 1px; padding:10px 50px 10px 30px; right:100px; float:right;}

/* home-image */ 
#home-image{position:relative; height:350px; overflow:visible; text-align:center; clear:both;width:915px;}
#home-image .images{z-index:1; height:350px; overflow:hidden;width:915px; position:relative;}

#home-image .overlay{position:absolute; top:0; left:0; width:916px;  display:block; height:360px; 
background: url(../../images/core/image-overlay-xmas.png) no-repeat 0 0; z-index:100; overflow:hidden;}

#populate_menu{}

/* Home page Filters van drop down */
#home-image .filter{float:right; padding:10px 10px 5px 5px; text-align:left; width:260px; position:relative;z-index:1000; position:absolute; top:0; right:0; overflow:visible;}
.filter h3{color:#FFFFFF; font-size:1em; line-height:1.1em;}
.filter input, .filter select {display:block; z-index:1100;}
.filter select {width:260px; margin-bottom:5px;}
.filter .submit{ position:relative; left:160px;}
.filter input.submit{background:url(../../images/core/filter-button.jpg) no-repeat;}



/* Ticker - reluctantly */
#news-ticker {padding:15px 0; display:block; overflow:hidden;}
#news-ticker p{ margin:0; font-size:0.875em; display:block;}
#news-ticker a,#news-ticker p,#news-ticker{color:#FFF;}
#ticker-area, #news-ticker p{float:left;}
#news-ticker li{ list-style:none; color:#fff; float:left; font-size: 0.9em; background:none; padding-left:5px;}
#ticker-area{
	font-size: 0.875em;
	font-weight: normal;
}
#news-ticker ul {margin-bottom:0;}


/* List of components offered at vankit home page*/
#components{color:#333333; padding:10px 0; overflow:hidden;}
#components li{float:left;  padding:0px 20px 0 14px; text-align:center; font-size:1.125em; background:url(../../images/core/component-li-seperator.png) no-repeat right 0;}
#components li.last{background:none;}

#offer {padding:10px 0; display:block; overflow:hidden; position:relative;}
#offer .number{display:block; float:left; width:440px; }
#offer .number .text{width:180px;  padding:10px; border:white 1px solid; float:left; list-style-type: none;min-height:50px;}
#offer h4{font-size:0.8em; padding-bottom:5px; }
#offer h4, #offer h4 a{color:#263986;}
#offer p{color:#333;}
	/*
		force the width of the image to fit the box may look hairy on larger images 
		should be fine for the images used in this instance 
		(also prevents having to use javascript to centralise the image based on the width)
	*/
#offer .number img{text-align:center; /*margin-left:-30px;*/ width:230px;} 
#offer .number.one {float:left;}
#offer .number.two {float:right;}
#offer .number.one .text{background: #c6c6c6 url(../../images/core/offer-one-bg.jpg) repeat-x;}
#offer .number.two .text{background: #C4CCEE url(../../images/core/offer-two-bg.jpg) repeat-x;}

#offer .image-wrapper { display:block; float:left; min-height:20px; width:230px; border:#FFF 1px solid; margin-left:5px; overflow:hidden; text-align:center;}
#offer .more-info {display:block; width:440px; position:relative;}
 .more-info a{position:relative; right:0; float:right; clear:right; display:block; background:url(../../images/core/sprite.png) no-repeat left -200px; padding:0 0 0 11px; color:#263986; font-size:0.75em;}
.more-info a span{background:url(../../images/core/sprite.png) no-repeat right -200px; padding:8px 35px 17px 0px; display:block;}


/*  Product Listing and Detail  */
.product-entry .prod-image{ background:#FFF; padding:0;}
.prod-image{padding:3px 0 0; }
.prod-image,.image-border {overflow:hidden; display:block;}
.prod-caption {background:#666; margin:0; padding:10px; text-align:left;}
.prod-caption a{color:#FFF;}
#main-image {overflow:hidden;  background:#FFF;}
.main-image .image-wrapper_1 img{ margin:0 auto; position:relative}
#main-image div {overflow:hidden; clear:both;}
.more-info a.prod-details { background:url(../../images/core/sprite.png) left -247px no-repeat; padding-left:41px; color:#263987;}
.more-info a.prod-details span {padding-left:0px; padding-right:69px; padding-top:7px; font-weight:bold;  background:url(../../images/core/sprite.png) right -247px no-repeat;}

a.prod-details {text-align:left; display:block; padding-left:40px; background:url(../../images/core/sprite.png) no-repeat left -295px; overflow:hidden; color:#FFF; } 
a.prod-details span{padding: 5px 20px 10px; display:block;  background:url(../../images/core/sprite.png) no-repeat right -295px;}

.enlarge{clear:both; display:block; overflow:hidden;}
.enlarge a {font-size:0.75em;}
.thumbs {padding:3px 5px;}
.thumbs img{margin:0 3px; width:66px; cursor:pointer;}



/* left column */
#left-nav {
	min-height: 450px;
	width: 175px;
	margin:10px 20px;
	float:left;
	padding-top:10px;
	
}
	#left-nav .ul-wrapper
	{
		background:#999 url(../../images/core/left-nav-ul-bg.png) no-repeat 0 top;		
	}
	
	#left-nav ul {
		margin: 10px 0px 05px 0px;
		padding:20px 0px;
		text-align: left;
		display:block;
	}
	
	#left-nav ul.sub-menu{padding:20px 0 0;}
	#left-nav ul.sub-menu+ul { padding-top:0; margin-top:0;}	
	#left-nav ul li ul { padding:0;}
		#left-nav ul li ul li { background:none; padding:2px 10px;}

	
	#left-nav li,#left-nav ul.sub-menu li.last {
		background:url(../../images/core/left-nav-li-bg.png) repeat-x 0 bottom;
		font-weight:bold;
		padding:7px 5px;
	}
	#left-nav li.last
	{
		background:none;
	}
		#left-nav .sub-menu li {padding:5px 0px 9px 6px;}

	#left-nav li.selected a,#left-nav ul li.selected ul li.selected a
	{
		color:#263987;
	}
	#left-nav .sub-menu li ul li { padding:3px 0 3px 12px;}
	#left-nav ul li.selected ul li a{color:#FFF;}
	#left-nav ul li ul li a{padding-left:10px}
		#left-nav li a {
			padding-left:12px;
			color: #fff;
			font-weight:bold;
			text-decoration: none;
			font-size:0.8em;
			background:url(../../images/core/left-nav-li-bullet.png) no-repeat left 5px;
			display:block;
		}
		li#special-offer a {color:#FFCC00;}
			#left-nav li a:hover, #left-nav li a.selected, #left-nav li li a.selected, #left-nav .sub-menu a{
				text-decoration:underline;
				background:url(../../images/core/left-nav-li-bullet-sel.png) no-repeat left 5px;
				color:#263987;
			}
		
			#left-nav li a.selected:hover,#left-nav .sub-menu a{
			text-decoration:none;
			}
			#left-nav li li a
			{
				text-decoration:none;
			}
			
			#left-nav li {
				
				color: #fff;
			}
			#left-nav li ul {margin:0;}
			
			#left-nav .db-bg{background:#023A8D;}
			#left-nav .bl-bg{background:#000;}
			
	#selected-van {margin:0 0 10px ; color:#fff;}
	#selected-van a{color:#fff;}
	#selected-van .top p {color:#fff; font-size:1em; text-align:center;padding:15px 0 7px; margin:0;}
	#selected-van .top {background:#666 url(../../images/core/selected-van-top.png) no-repeat 0 top; padding:0;}
	#selected-van .image{}
	
	#selected-van .middle{background:#666 url(../../images/core/selected-van-middle.png) no-repeat; padding:5px 10px;}
	.filter-box { margin:5px 0; padding:5px; background:#666}
	.filter-box span { margin:0 5px;}
	#selected-van .middle select{width:155px;}
	#selected-van .middle h4 {text-align:center;}
	#selected-van ul {padding-top:5px;}
	#selected-van ul li {font-size:0.7em; padding:3px 5px 3px 15px; background: url(/images/core/selected-van-bullet.png) no-repeat 3px 8px;}
	#selected-van span.fixed-width{width:55px; display:inline-block; color:#000; padding-left:15px;}
	
	
	#selected-van .bottom{background:url(../../images/core/selected-van-bottom.png) no-repeat; padding:15px 0; text-align:center;}
	#selected-van .bottom a {color:#98A0C5; background:url(../../images/core/selected-van-bullet.png) no-repeat 3px 5px; padding:0 15px; text-align:center; font-size:0.7em}

			
/* right column */
#right {
	float: right;
	width: 640px;
	margin: 0px;
	padding: 0px 20px 20px 3px;
	overflow: hidden;
}



.form-container {
	background-color: #E5E5E5;
	overflow: hidden;
	margin: 0px 0px 15px;
}

	.form-container h2 {
		background: #666 url(../../images/core/basket/mc-white-line.gif) no-repeat 0px bottom;
		font-weight: bold;
		color: #FFF;
		font-size: .8em;
		margin: 0px;
		padding: 6px 28px 10px;
	}

form.newsletter-signup input.field{width:300px;}
.w300{width:300px;}

/*Image Column*/
#image-column{float:right; width:230px; margin:0 30px 20px 10px; overflow:hidden;}
/*#image-column img {width:230px;}*/
#image-column .caption{clear:both; background:#666; padding:5px 10px 10px; margin:0; color:#fff; font-weight:bold; line-height:1.1em; text-align:center;}
#image-column .caption a.portfolio{text-align:center; color:#FFF; font-size:0.8em;} 
#image-column .caption p{font-size:0.7em; margin-bottom:3px;}
#image-column .cta {overflow:hidden; margin:15px 0 0;}
#image-column .image {margin-bottom:15px;}
#image-column .cta .top{background:url(../../images/core/cta-top.jpg) no-repeat 0 top; height:20px;}
#image-column .cta .mid{background: #747474 url(../../images/core/cta-mid.jpg) no-repeat 0 top; padding: 0 15px;}
#image-column .cta .bot{background:url(../../images/core/cta-bot.jpg) no-repeat 0 top; height:28px;}
#image-column .cta {text-align:center; padding:3px 0 7px;}
#image-column .cta a{color:#FFF; font-weight:bold; font-size:0.75em;text-decoration:none;}
#image-column .cta a span{text-decoration:underline;}
#image-column .cta a:hover{text-decoration:none;}

#cta a{color:#fff; font-weight:bold; font-size:0.9em; text-decoration:none;}
#cta a span{text-decoration:underline;}
#cta { display:block; margin:25px 15px; width:353px; text-align:center;}
#cta .top{background:url(../../images/core/cta-bg-top.jpg) repeat-x 0 top; display:block; height:20px;}
#cta .middle{background:#767676 url(../../images/core/cta-bg.jpg) repeat-x 0 top; display:block; padding:0 10px;}
#cta .bottom{background:url(../../images/core/cta-bg-bottom.jpg) repeat-x 0 top; display:block; height:26px;}

.form {

}
form.enquiry
{
	float:left;
}
.form-row.header{padding-left:130px;}
.form-row {
	font-size: .75em;
	color: #333;
	height: auto;
	margin: 0px 0px 10px;
	overflow: hidden;
	line-height: 1.4em;
}

.form-row .field{width:350px;}
#content .form-row p{margin-bottom:3px; font-size:1em;/*Applied to make form row P - 12px */}

.form-label{
	min-width:130px;
	max-width:130px;
	width:auto; 
	display:block;
	vertical-align:top;
	float:left;
}

form.enquiry .form-row input,form.enquiry textarea,form.enquiry select
{
	width:300px;
}

form.bespoke .form-row input,form.bespoke textarea,form.bespoke select
{
	width:250px;
}
form.bespoke .selection .form-row input{width:auto; margin:0 50px}
form.enquiry .form-row .ignore-width {width:auto;}
form.enquiry .form-row input.small-input{width:50px;}
form .col-header{float:left; font-weight:bold;} 
.nearside, .offside {width:125px;}
span.both {padding-left:35px;} span.both {padding-left:50px;}

span.red {
	color: #C00;
}

span.required {
	color: #ff6600;
	font-weight: normal;
}

.checkbox-column {
	float: left;
	width: 160px;
	overflow: hidden;
}
	.checkbox-column input {
		float: left;
	}

	.checkbox-text {
		padding: 2px 0px 5px;
	}
	
.formname {
	display: none;
}

.show {
	visibility: visible;
	display: block;
}
.hide {
	visibility: hidden;
	display: none;
	}
	
/* CONTACT INFORMATION */
.details {background:#263988 url(../../images/core/contact-details-bg-sprite.png) no-repeat 10px 5px; border-bottom:#999 solid 3px; border-top:#999 solid 3px; padding:10px; text-align:left; margin:5px 5px; overflow:hidden; width:575px;}
.details.textarea{background: #666 url(../../images/core/contact-details-bg-sprite.png) no-repeat 10px -85px; border-top:#263988 3px solid; padding-bottom:0px; margin-bottom:0;border-bottom:#999 solid 3px; overflow:visible;}
.details h4,.details a {color:#CCCCCC;}
.details h4 {font-size:1.125em; line-height:1.2em;}
.contact-wrapper {padding:5px 10px; color:#FFFFFF;}
.details .spacer{ padding-left:30px;  }
.details.textarea .add-space{border-bottom:#263988 solid 3px; padding-bottom:15px; margin-bottom:-3px; width:250px; z-index:100;}
.details.vat{background:#7E7E7E; margin-top:0; border-top:none; overflow:hidden;}
.details.vat .company{ float:left;  margin-bottom:5px;}
.details.vat .company p{ margin-bottom:10px; color:#000000;}
 p span.fixed-width {width:175px; display:inline-block;}
div.spacer{display:block; float:left; height:50px;}
.spacer, .add-space {display:inline-block; vertical-align:top;}
.spacer{width:180px; color:#FFFFFF; }

/*  Products Style  */
.return-page {margin:5px 0; display:block; clear:both; overflow:hidden;}
.return-page.bottom{margin-top:10px;}
.return-page a{background:url(../../images/core/sprite.png) left -342px no-repeat; font-size:0.7em; display:block; float:left; padding:0 0 0 15px;}
.return-page.bottom a{ background-position:left -385px;}
.return-page a span{display:block; background:url(../../images/core/sprite.png) right -342px no-repeat; padding:3px 45px 5px 0px;}
.return-page.bottom a span{background:url(../../images/core/sprite.png) right -385px no-repeat;}

#products-wrapper{padding:5px 0;overflow:hidden; color:#FFF; display:block; clear:both;}
#products-wrapper .information h2,.information h3,.information h3 a{color:#263987;}
#products-wrapper .information ul{ clear:none; padding-left:250px;}

.information h2 { padding-bottom:10px; }
.information h2.fixed-width {}
.information h2.fixed-width span{color:#FFFFFF; padding:0 5px;font-weight:normal;}
.information h2.fixed-width span.no-pad{padding:0;}
.information h2.fixed-width span.strike{color:#FFFFFF; text-decoration:line-through; margin-left:20px;}
#products-wrapper .name{background:#333; padding:7px 20px; color:#ccc;}
#products-wrapper #image-column{margin-left:0; float:left;}
.information a {color:#FFF;}
.product-entry{float:left;width:230px;display:block; margin:5px 5px 5px; overflow:hidden;}

.information .upgrades h3, .information .upgrades p{padding:0 10px; display:block;}
a.upgrade-link { font-weight:bold;}
.upgrade-entry {display:block; float:right; width:465px; margin:3px 0;}
.upgrade-entry a {font-size:0.95em;}
.upgrade-entry img {float:left; padding-right:10px;}
.upgrade-entry .title{ float:left;}
.upgrade-entry .desc{ clear:left;}

.more-info{}
.prod-title{background:#333333; color:#CCCCCC; padding:0px 0px 0px; height:50px; display:table; width:100%}
.prod-title a{color:#ccc; text-align:center; text-decoration:none; display:block; padding:5px; line-height:1.5em; display:table-cell; vertical-align:middle;}

#basket-controls {/*width:200px;*/ margin:10px 0 10px 250px;}
#basket-controls #quantity{background:#263988; float:left; padding:3px 20px; vertical-align:middle; margin-top:13px; font-size:0.7em; width:186px;}
#basket-controls form{width:474px;}
#basket-controls #quantity input{width:50px; margin-left:10px; text-align:center;}
#basket-controls .add-basket {float:left;}

/* Pagination style */
div.pagination {
	padding: 3px;
	margin: 5px 0px;
	clear:both;
	font-size:0.7em;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #263987;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #263987;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #263987;
		
		font-weight: bold;
		background-color: #263987;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	

/* shopping-basket */
#progress-indicator
{
	overflow:hidden;
	padding:4px 0 4px 0px;
}

.procedure-block
{
	float:left;
	width:145px;
	text-align:center;
	background: url(../../images/core/basket-progress-sprite.jpg) no-repeat 0px 0px;
}
	#progress-indicator .basket
	{	background: url(../../images/core/basket-progress-sprite.jpg) no-repeat 0px -66px;	}
	
	#progress-indicator .add-details
	{	background: url(../../images/core/basket-progress-sprite.jpg) no-repeat 0px -66px;	}
	
	#progress-indicator .checkout-page
	{	background: url(../../images/core/basket-progress-sprite.jpg) no-repeat 0px -66px;	}
	
	#progress-indicator .confirmation /*USED TO BE SUCCESS */
	{	background: url(../../images/core/basket-progress-sprite.jpg) no-repeat 0px -66px;	}
	
	#progress-indicator .failure
	{	background: url(../../images/core/basket-progress-sprite.jpg) no-repeat 0px -66px;	}


		#progress-indicator h4
		{
			font-size: .75em;
			padding: 3px 0px 5px 40px;
			color: #CCCCCC;
			font-weight:normal;
		}
		
		#progress-indicator p
		{
			font-size: .7em;
			padding: 3px 0px 5px 10px;
			color: #003580;
		}
		
			#progress-indicator .this-stage h4
			{
				color: #fff;
				font-weight:bold;
			}

#progress-indicator
{
	height: 58px;
	overflow: hidden;
	width: 729px;
	margin: 0px 0px 5px;
	
	padding-top:3px;
}

#progress-indicator h4 {color:#FFF; font-size:0.8em; padding:5px 20px 9px 0;}
#progress-indicator p {color:#000; font-size:0.7em; padding-right:20px; padding-bottom:0;}


h3.shop-date
{
	clear: both;
	background-color: #FDF1E5;
	color: #0C1272;
	font-size: .75em;
	padding: 7px 13px;
	margin: 6px 0px;
	border-top: 10px solid #FFF;
}

#basket-heading,#checkout-heading
{
	overflow: hidden;
	color: #ccc;
	font-size: .7em;
	background: #7E7E7E url(../../images/general/basket-heading.gif) repeat-x 0px bottom;
	padding: 5px 13px 8px;
	margin: 0px 0px 10px;
	border-top: 3px solid #999;
}

.bh-col,.ch-col
{	float: left;}
.ch-col{font-weight:bold;}
	.bhc-code
	{	width:	110px;	}
	.bhc-name
	{	width:	350px;	}
	.bhc-quant
	{	width:	109px; text-align:center;}
	.bhc-remove
	{	width:	100px;	}
	.bhc-price
	{	width:	60px;	}
	.bhc-total
	{	width:	48px;	}
	.chc-name{color:#ccc;}
	.chc-congrat{color:#fff; }
	.chc-date{float:right; color:#FFF;}


.shopping-basket-entry, .checkout-entry
{
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	overflow: hidden;
	border-bottom: 3px solid #999;
}
h2.sub-heading {font-size:1.25em; line-height:1.25em;}
#basket-container h2, .sub-heading {padding:5px 0 5px; color:#FFF;}

.shopping-basket-code
{
	float: left;
	width: 100px;
	padding: 20px 0px 0px 13px;
	font-size: .7em;
	color: #0C1272;
}

.shopping-basket-image
{
	width: 60px;
	float: left;
	text-align: center;
}

.basket-title, .checkout-title
{
	width: 270px;
	float: left;
	padding: 00px 10px 0px 20px;
}
.checkout-title.no-image
{
	width:330px;
}

	
	.basket-title h2, .checkout-title h2
	{
		color: #fff;
		font-size: .75em;
		padding: 0px;
	}
	
		.basket-title h2 a, .checkout-title h2 a
		{
			color: #fff;
			text-decoration: none;
		}
		
		.basket-title h2 a:hover, .checkout-title h2 a
		{
			text-decoration: underline;
		}
			.basket-title h3 , .checkout-title h3
		{
			font-weight:normal;
		}
.basket-form
{
	width: 174px;
	float: left;
	padding: 0px 0px;
}

.confirm-message
{
	font-weight:bold;
	position:relative; 
	padding:10px 0;
}

.confirm-message p {
	background:#263987;
	border-top:#999 3px solid;
	border-bottom:#999 3px solid;
	padding:10px;
	margin-right:25px;

}
.confirm-tick{background:url(../../images/core/confirmation-tick.png) no-repeat right center; width:87px; height:87px; position:absolute; right:0; top:0%; display:block; z-index:100;}

.right-align
{
	padding: 5px 0px 0px;
}
	.shopping-basket-price,.checkout-price
	{
		float: left;
		width: 60px;
	}

.shopping-basket-total,.checkout-total,.checkout-quantity
{
	float: left;
	width: 105px;
	text-align:center;
	color: #fff;
}

	.shopping-basket-total h2,.shopping-basket-price h2
	{
		padding: 20px 0px 0px;
		margin: 0px;
		font-size: .7em;
	}	
	
	#quantity-controls
	{
		padding: 0px 0px 10px 13px;
		overflow: hidden;
	}
		
		#basket-container h4.quantity-change
		{
			margin: 0px 4px 0px 0px;
			padding: 0px;
			height: 28px;
			width: 28px;
			float: left;
			
		}
		
			#basket-container h4.quantity-change a
			{
				margin: 0px;
				padding: 28px 0px 0px 0px;
				height: 0px;
				overflow:hidden;
				width: 28px;
				float: left;
			}
			
			#basket-container h4.quantity-change.increase, .alert.success h4.quantity-change.increase a
			{	background: url(../../images/core/icon_sprites.png) no-repeat 0px -77px;}
			
			#basket-container h4.quantity-change.decrease, .alert.success h4.quantity-change.decrease a
			{	background: url(../../images/core/icon_sprites.png) no-repeat 0px -113px;	}
			
			#basket-container h4.quantity-change.remove, .alert.success h4.quantity-change.remove a
			{	background: url(../../images/core/icon_sprites.png) no-repeat 0px -150px;	}
			#basket-container h4.quantity-change.remove
			{	margin-left: 20px;	}
		
		input.quantity-box
		{
			border: 1px solid #7F9DB9;
			color: #0F1273;
			font-size: .8em;
			text-align: right;
			width: 30px;
			float: left;
			margin: 4px 6px 0px 0px;
		}
	
		
#update-display
{
	padding: 0px 0px 10px 0px;
	font-size: .8em;
	color: #fff;
	font-weight: bold;
}

.discount-entry
{
	text-align: right;
}

h2.discount-total
{
	text-align: right;
	color: #ED7703;
	padding-bottom: 20px;
}
	
#discount-code
{
	text-align: right;
	padding: 0px 0px 10px;
}	

	#discount-code h3
	{
		padding: 0px 0px 8px;
		font-weight: normal;
		color:#FFF;
	}
	
	#discount-code #discount_code
	{
		border: 1px solid #7F9DB9;
	}

#price-breakdown
{
	text-align: right;
	color:#FFFFFF;
	background:#999;
	width:311px;
	float:right;
	margin:0 0 10px auto;
	padding:5px 10px;
}
#price-breakdown h3
{
	font-size:0.8em;
}
	
#basket-total
{
	margin: 0px 0px 10px auto;
	/*border-bottom: 4px solid #E7E7F1;*/
	text-align: right;
	width: 311px;
	clear:right;
}

	#basket-total h2
	{
		color: #fff;
		font-size: 1em;
		padding: 2px 0px;
	}

.highlight
{	color: #fff; padding:5px; font-weight:bold;}

#proceed-container
{
	text-align: right;
	padding: 0px;
	margin: 0px 0px 0px auto;
	width: 490px;
}

	h3.cont-button
	{
		font-size: 0.8em;
		padding: 0;
		margin: 5px 0px 10px auto;
		width: 310px;
		float:left
	}
	h3.cont-button.larger	{
		font-size: 1em;
		margin: 5px 0px 10px auto;
		float:none
	}	
		h3.cont-button a
		{
			background: url(../../images/core/sprite.png) no-repeat 0 -425px;
			display: block;
			color: #FFF;
			text-decoration: none;
			text-align: left;
			overflow:hidden;
			padding-left:2px;
		}
		h3.cont-button.larger a
		{
			padding-left:25px;
		}
			h3.cont-button a span{
				display:block;
				padding: 7px 20px 7px 0;
				background:url(../../images/core/sprite.png) no-repeat right -425px; padding-left:5px
			}
			
#extra-buttons
{
	text-align: right;
	padding:15px 0; 
}

h3.login-prompt, h3.register-prompt{color:#FFFFFF;}


/* end right column	*/
#footer .footerbg{background:#797979 url(../../images/core/footer-bg.jpg) repeat-x 0 top; zoom:1;padding:15px 20px; }
#footer address{ font-size:0.7em;}
#footer {overflow:hidden; padding:0 0 55px;}

#footer a,#footer{color:#CCCCCC;}

#footer-links a{color:#8c8c8c; padding:0 15px; font-size:0.7em;}
#footer img {margin-top:20px; padding:0 20px;}
#footer-links {margin:30px auto 0; text-align:center;}

#xmas-banner { background:url(../../images/core/xmas-banner.png) no-repeat 0 0; position:absolute; bottom:15px; left:0; width:639px; height:207px;}
#xmas-banner a { position:absolute; bottom:10px; right: 0px; color:#FFF; font-size:18px; font-weight:bold; padding-left:75px; padding-right:23px; text-decoration:none;
}
#xmas-banner a:hover { text-decoration:underline}

/*Temp check for admin to make sure nothing breaks*/
#home-image .offer { background:#263988; display:block; height:340px; width:620px; padding:5px ; position:relative; text-align:left;}
#home-image .offer .image { background:url(/images/general/slider-images/image_bg.jpg) no-repeat; padding:7px; float:left; width:320px;}
#home-image .offer .offer-details { padding:10px 10px 10px 5px; float:right; width:270px;}
#home-image .offer .offer-details h2{ color:#FFF; font-size:24px; line-height:28px;}
#home-image .offer .offer-details h2 a{ color:#FFF; text-decoration:none;}
#home-image .offer .offer-details p{ font-size:0.8em; line-height:1.5em}
#home-image .offer .offer-details .cta a{ background:url(/images/general/slider-images/find-out-more.png) no-repeat; display:block; width:159px; height:39px; position:absolute; bottom:45px; color:#FFF; text-align:center; padding:8px 5px; font-size:19px; text-decoration:none;}
#home-image .offer .offer-details a:hover{ text-decoration:underline;}

#home-image .offer .f-delivery { position:absolute; bottom:15px;}
#home-image .offer .f-delivery h4{ clear:both; background:url(/images/general/slider-images/free-delivery.png) no-repeat 15px 5px; padding:15px 65px; font-size:17px; color:#FFF;}