
/*
------------------checkout-----------------------
*/

.checkoutHeadBar {
	background:url(../gfx/RepeatX.png) 0 -503px repeat-x;
	height:35px;
	display:block;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:3px 0 0 10px;
	}
	
.checkoutHeadBar span.icon {
	background:url(../gfx/Icons.png) -419px -96px no-repeat;
	width:24px;
	height:27px;
	display:block;
	float:left;
	}
	
.checkoutHeadBar span.text {
	display:block;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-left:10px;
	margin-top:6px;
	}
	
.checkoutContent .sectionHeader {
	background-color:#e3e4e4;
	padding:4px;
	font-weight:bold;
	margin-top:1px;
	display:block;
	}
	
.checkoutContent .section {
	background-color:#eef7fc;
	font-weight:bold;
	margin-top:1px;
	margin-bottom:1px;
	overflow:hidden;
	}
	
.checkoutContent.step2 .section {
	background-color:#fff;
	margin-top:1px;
	font-weight:normal;
	margin-bottom:1px;
	overflow:hidden;
	padding:10px;
	}
	
.checkoutContent .section .headline {
	font-size:12px;
	display:block;
	font-weight:bold;
	}
	
.checkoutContent .section .marked {
	background-color:#ffea00;
	text-transform:uppercase;
	}

.checkoutContent.step2 .section p {
	margin-bottom:0px;
	}

.checkoutContent .sectionAddress {
	background-color:#eef7fc;
	margin-top:1px;
	font-weight:normal;
	margin-bottom:1px;
	overflow:hidden;
	padding:3px 10px 3px 10px;
	}	

.checkoutContent .sectionAddress ul {
	margin:6px 6px 15px 0px;
	padding:0;
	}
	
.checkoutContent .sectionAddress ul li{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	}

.checkoutContent .sectionAx {
	background-color:#eef7fc;
	font-weight:bold;
	margin-top:1px;
	margin-bottom:1px;
	overflow:hidden;
	}
	
.checkoutContent.step2 .sectionAx {
	background-color:#fff;
	margin-top:1px;
	font-weight:normal;
	margin-bottom:1px;
	overflow:hidden;
	padding:10px;
	}
	
.checkoutContent .sectionAx .headline {
	font-size:12px;
	display:block;
	font-weight:bold;
	}

.checkoutContent .sectionAx fieldset {
	margin:6px;
	padding-right:7px;
	float:left;
	}
	
.checkoutContent .sectionAx fieldset select {
	border:solid 1px #7f9db9;
	}
	
.checkoutContent .sectionAx fieldset label {
	display:block;
	margin-top:5px;
	
	}
	
.checkoutContent .sectionAx fieldset a {
	margin-top:5px;
	background:url(../gfx/RepeatX.png) 0 -482px repeat-x;
	display:block;
	float:left;
	border:solid 1px #b1b2b2;
	text-decoration:none;
	padding:1px 10px 1px 10px;
	margin-left:0px;
	color:#004a80;
	font-weight:normal;
	}
	
.checkoutContent .sectionAx fieldset input {
	display:block;
	float:right;
	margin-top:5px;
	width:180px;
	border:solid 1px #7f9db9;
	}

.checkoutContent .section fieldset {
	border-right:solid 1px #fff;
	margin:6px;
	padding-right:7px;
	width:440px;
	float:left;
	}
	
.checkoutContent .section fieldset select {
	width:440px;
	border:solid 1px #7f9db9;
	}
	
.checkoutContent .section fieldset label {
	display:block;
	text-align:right;
	margin-top:5px;
	width:440px;
	
	}
	
.checkoutContent .section fieldset a {
	margin-top:5px;
	background:url(../gfx/RepeatX.png) 0 -482px repeat-x;
	display:block;
	float:left;
	border:solid 1px #b1b2b2;
	text-decoration:none;
	padding:1px 10px 1px 10px;
	margin-left:0px;
	color:#004a80;
	font-weight:normal;
	}
	
.checkoutContent .section fieldset input {
	display:block;
	float:right;
	margin-top:5px;
	width:180px;
	border:solid 1px #7f9db9;
	}
	
.checkoutContent .section ul {
	margin:6px 6px 6px 6px;
	padding:0;
	float:left;
	}
	
.checkoutContent .section ul li{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	}
	
	
.checkoutContent .line{
	height:6px;
	display:block;
	margin-top:1px;
	margin-bottom:1px;
	background-color:#b1b4b6;
	}
	
.checkoutContent table{
	width:100%;
	margin-bottom:0;
	}


.checkoutContent table tr.color1 td{
	background-color:#eef7fc;
	font-weight:bold;
	border-right:none;
	border-bottom:solid 1px #fff;
	}
	
	
.checkoutContent table tr.color2 td{
	background-color:#fff4df;
	font-weight:bold;
	border-right:none;
	border-bottom:solid 1px #fff;
	}
	
.checkoutContent table tr.color3 td{
	background-color:#004a80;
	font-weight:bold;
	color:#fff;
	border:none;
	font-size:15px;
	}
	
.checkoutContent table tr.color4 td{
	background-color:#b1b4b6;
	border-bottom:solid 1px #fff;
	border-top:solid 1px #fff;
	}
	
.checkoutContent table tr.color1 td em,
.checkoutContent table tr.color2 td em{
	font-size:12px
	}
	
.checkoutContent table tr th{
	text-align:left;
	padding:5px 5px 5px 5px;
	background-color:#e3e4e4;
	}

.checkoutContent table tr td{
	padding:3px 5px 3px 5px;
	border-right:solid 1px #b1b4b6;
	border-bottom:solid 1px #b1b4b6;
	vertical-align:middle;
	}

.checkoutContent table tr td.lineno		{   }
.checkoutContent table tr td.delete		{ width: 16px; }
.checkoutContent table tr td.no			{ width:50px;  }
.checkoutContent table tr td.group		{ width:70px; }
.checkoutContent table tr td.quantity	{ width:70px;  }
.checkoutContent table tr td.weight     { width:50px;  text-align: right;}
.checkoutContent table tr td.volume     { width:70px;  text-align: right;}
.checkoutContent table tr td.freight	{ width:50px;  }
.checkoutContent table tr td.stock		{ width:12px;  }
.checkoutContent table tr td.unitprice	{ width:70px;  }
.checkoutContent table tr td.price		{ width:70px;  }
	
.checkoutContent table tr td a.delete{
	background:url(../gfx/Icons.png) -417px -68px no-repeat;
	display:block;
	width:16px;
	height:16px;
    margin: 0;
	text-indent:-2000px;
	}
	
.checkoutContent table tr td.price,
.checkoutContent table tr th.price{
	text-align:right;
	border-right:none;
	}

.checkoutContent table tr td .increase{
	float:left;
	width:13px;
	height:21px;
	overflow:hidden;
	}
	

.checkoutContent table tr td a.plus{
	display:block;
	background:url(../gfx/Icons.png) -336px -63px no-repeat;
	width:11px;
	height:11px;
	text-decoration:none;
	text-indent:-100000px;
	}
	
.checkoutContent table tr td a.minus{
	display:block;
	background:url(../gfx/Icons.png) -336px -74px no-repeat;
	width:11px;
	height:11px;
	text-decoration:none;
	text-indent:-100000px;
	}
	
.checkoutContent table tr td input{
	width:30px;
	float:left;
	border:solid 1px #7f9db9;
	height:17px;
	color:#004a80;
	}
	
.checkoutContent table tr td select{
	width:130px;
	border:solid 1px #7f9db9;
	color:#004a80;
	font-size:12px;
	}
	
.checkoutContent table tr td span.stock.In{
	background:url(../gfx/Icons.png) -349px -63px no-repeat;
	width:11px;
	height:11px;
	display:block;
	
	}
	
.checkoutContent table tr td span.stock.Out{
	background:url(../gfx/Icons.png) -349px -73px no-repeat;
	width:11px;
	height:11px;
	display:block;
	}

.checkoutContent table tr td span.stock.partly{
	background:url(../gfx/Icons.png) -561px -70px no-repeat;
	width:11px;
	height:11px;
	display:block;
	}
	
.checkoutContent table tr td em{
	font-style:normal;
	font-weight:bold;
	}	
	
.checkoutContent table tr td em.marked{
	padding:2px;
	background-color:#ffea00;
	margin-left:5px;
	text-transform:uppercase;
	}
	
.checkoutContent table tr td input.month{
	width:80px;
	float:left;
	border:solid 1px #7f9db9;
	height:17px;
	color:#004a80;
	}
	
.checkoutContent table tr td a.calender{
	background:url(../gfx/Icons.png) -436px -69px no-repeat;
	display:block;
	width:16px;
	height:16px;
	margin-left:5px;
	margin-top:3px;
	float:left;
	text-indent:-2000px;
	}
	 
.checkoutContent table tr td span.infoIcon{
	background:url(../gfx/Icons.png) -457px -63px no-repeat;
	display:block;
	width:21px;
	height:21px;
	margin-right:8px;
	margin-top:3px;
	float:left;
	text-indent:-2000px;
	}

.checkoutContent table tr td a.infoIconSmall{
	background:url(../gfx/Icons.png) -541px -66px no-repeat;
	display:block;
	width:15px;
	height:14px;
	margin-left:4px;
	margin-top:3px;
	float:left;
	text-indent:-2000px;
	}
	
.checkoutContent table tr td span.infoText{
	display:block;
	font-weight:normal !important;
	float:left;
	margin-top:5px;
	}

.checkoutContent .bottomNotes{
	background-color:#f6f4f4;
	padding:7px;
	overflow:hidden;
	}
	
.checkoutContent .bottomNotes .stock{
	/*overflow:hidden;
	float:left;
	width:300px;*/
	}

.checkoutContent .bottomNotes .stock .instock,
.checkoutContent .bottomNotes .stock .notInstock,
.checkoutContent .bottomNotes .stock .partlyInstock{
	float:left;
	margin-right:15px;
    display: flex;
    align-items: center;
	}

.checkoutContent .bottomNotes .stock .instock span.icon{
	background:url(../gfx/Icons.png) -349px -63px no-repeat;
	width:11px;
	height:11px;
	float:left;
	margin-top:2px;
	margin-right:2px;
	display:block;
	}
	
.checkoutContent .bottomNotes .stock .notInstock span.icon{
	background:url(../gfx/Icons.png) -349px -73px no-repeat;
	width:11px;
	height:11px;
	float:left;
	margin-top:2px;
	margin-right:2px;
	display:block;
	}

.checkoutContent .bottomNotes .stock .partlyInstock span.icon{
	background:url(../gfx/Icons.png) -561px -70px no-repeat;
	width:11px;
	height:11px;
	float:left;
	margin-top:2px;
	margin-right:2px;
	display:block;
	}
	
.checkoutContent .bottomNotes .paymentTerms{
	float:right;
	overflow:hidden;	
	}
	
.checkoutContent .bottomNotes a.terms{
	display:block;
	float:left;
	color:#0f84be;	
	margin-right:15px;
	margin-top:2px;
	}
	
.checkoutContent .basketOptions{
	background:url(../gfx/RepeatX.png) 0 -414px repeat-x;
	height:20px;
	padding:7px 8px 9px 8px;
	margin-top:3px;
	margin-bottom:1px;
	}

.checkoutContent .basketOptions .left{
	float:left;
	}

.checkoutContent .basketOptions .right{
	float:right;
	}
	
.checkoutContent .basketOptions .left a{
	background:url(../gfx/RepeatX.png) 0px -455px repeat-x;
	display:block;
	height:19px;
	padding:2px 10px 1px 10px;
	margin-right:5px;
	float:left;
	border:1px solid #3091C4;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	}
	
.checkoutContent .basketOptions .right a{
	background:url(../gfx/RepeatX.png) 0px -455px repeat-x;
	display:block;
	height:19px;
	padding:2px 10px 1px 10px;
	margin-left:5px;
	float:left;
	color:#fff;
	text-transform:uppercase;
	border:1px solid #3091C4;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	}
	
.checkoutContent .basketOptions .right a.updateOther{
	background:url(../gfx/Icons.png) -483px -60px no-repeat;
	display:block;
	height:24px;
	width:26px;
	float:left;
	text-indent:-2000px;
	border:none;
	padding:0;
	}
	
	.checkoutContent .basketOptions .right a.update{
	background:url(../gfx/Icons.png) -483px -60px no-repeat;
	display:block;
	height:24px;
	width:26px;
	float:left;
	text-indent:-2000px;
	border:none;
	padding:0;
	}
	
.checkoutContent .error{
	background-color:#feefef;
	border:solid 1px #fe8686;
	padding:2px;
	
	width:934px;
	overflow:hidden;
	}
	
.checkoutContent .error span.icon{
	background:url(../gfx/Icons.png) -239px -50px no-repeat;
	display:block;
	width:17px;
	height:17px;
	float:left;
	padding-left:0px;
	}
	
.checkoutContent .error span.text{
	color:#ff0000;
	float:left;
	display:block;
	height:auto;
	width:auto;
	padding:0 0 0 10px;
	margin:0;
	font-weight:bold;
	border:none;
	}

/*
------------------BasketPopup-----------------------
*/

.basketLarge{
	border:solid 5px #cdcdcd;
	background-color:#fff;
	padding:1px;
	width:940px;
	    
	position: absolute;
	z-index:3100;
	}
	
.basketLarge a.close{
	margin:7px 15px 0 0;
	}
	

	
/*
------------------deliveryAddress-----------------------
*/

.deliveryAddress{
	border:solid 5px #cdcdcd;
	background-color:#fff;
	padding:1px;
	width:620px;
	
	position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -310px;
	z-index:3100;

	}
	
.deliveryAddress .form{
	background-color:#eef7fc;
	}
	
.deliveryAddress .form span{
	font-weight:bold;
	display:block;
	padding:3px 10px 3px 10px;
	}
	
.deliveryAddress .form fieldset{
	padding:10px;
	background-color:#fff;
	margin:0;
	border:none;
	}
	
.deliveryAddress .form fieldset label{
	display:block;
	width:140px;
	height:18px;
	float:left;
	margin-right:15px;
	overflow:hidden;
	}
	
.deliveryAddress .form fieldset input{
	width:350px;
	float:left;
	border:solid 1px #7f9db9;
	margin-bottom:5px;
	}
	
.deliveryAddress .form fieldset input.readonly 
{
	background-color: #EEEEEE;
}
	
.deliveryAddress .form fieldset select{
	width:352px;
	float:left;
	border:solid 1px #7f9db9;
	margin-bottom:5px;
	}
	
.deliveryAddress .form fieldset p{
	margin-bottom:0;
	clear:both;
	padding-top:15px;
	}
	
.deliveryAddress .form fieldset p span{
	display:inline;
	padding:0;
	margin-right:5px;
	}

/*
------------------textContainer-----------------------
*/

/*.textContainer{
	border:solid 5px #cdcdcd;
	background-color:#fff;
	padding:1px;
	width:940px;
	}
	
.textContainer p{
	padding:10px;
	margin-bottom:0px;
	}*/
	
	
/*
------------------orderChanges----------------------
*/

.orderChanges{
	border:solid 5px #cdcdcd;
	background-color:#fff;
	padding:1px;
	width:620px;
	position: absolute;
    top: 10%;
    left: 50%;
    margin-left: 150px;
	z-index:3100;
	}

.orderChanges .section{
	background-color:#eef7fc;
	padding:5px 5px 5px 10px;
	font-weight:bold;
	}

.orderChanges table {
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	}
	
.orderChanges table th{
	text-align:left;
	padding-bottom:5px;
	padding-right:30px;
	}

.orderChanges table td{
	padding-right:30px;
	}
	
.orderChanges table td span{
	color:#999;
	}
	
.div-table{
	display:table;
	width:auto;
	background-color:#eee;
	border:1px solid  #666666;
	border-spacing:5px;/*cellspacing:poor IE support for this*/
}
.div-table-row{
	display:table-row;
	width:auto;
	clear:both;
}
.div-table-col-header{
	float:left;/*fix for  buggy browsers*/
	display:table-column;
	width:215px;
	text-align: left;
	background-color: #e3e4e4;
	font-weight: bold;
}
.div-table-col-header-stock{
	float:left;/*fix for  buggy browsers*/
	display:table-column;
	text-align: left;
	background-color: #e3e4e4;
	font-weight: bold;
}
.div-table-col{
	float:left;/*fix for  buggy browsers*/
	display:table-column;
	width:215px;
}
.div-table-col-stock{
	float:left;/*fix for  buggy browsers*/
	display:table-column;
	width:50px;
}