@charset "UTF-8";
/* CSS Document */

#cart {
}
#cart .amountError {
	padding:5px;
	background-image: url(../images/bg_main.gif);
}
#cart .amountError img {
	float:right;
	margin:2px 15px 0 0
}
#cart .amountMess {
	margin-right:15px;
	font-weight: bold;
	text-transform: uppercase;
}
#cart .errorMess {
	float:right;
	font-weight: bold;
	font-size: 1em;
	margin-right:10px;
}
#cart .amountMess2 {
	margin-right:15px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #333333;
	padding: 7px;
	width:685px
}
#cart .outStock {
	width:283px;
	background-color: #2b2b2b;
	position: relative;
}
#cart .outStock h4 {
	width:100%;
	height:38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../images/assets/bg_outstockHeader.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	margin: 0px;
}
#cart .outStock .close {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 8px;
	right: 3px;
}
#cart .outStock .copy {
	margin:8px 30px 15px 30px;
	color: #FFFFFF;
}
#cart .outStock .copy h3 {
	font-size: 1.4em;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cart .outStock .copy h5 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#cart .outStock .copy p {
	margin-bottom: 0px;
}
#cart .outStock .textfield {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#cart .outStock .submit {
	float: right;
	margin-bottom: 15px;
}
#cart h4 {
	font-size: 1.25em;
	margin:0 0 10px 0;
}
#cart h4 .large {
	font-size: 1.5em;
}
#cart table.basket {
	
	width:700px;
}
#cart table.basket .smalltext{
	font-size: .65em!important;}
#cart table.shippingCosts{
	width:193px!important;
	margin:5px 0;
	color:#666;}
	
#cart table.shippingCosts th{
	background: #e4e0da url(../images/bg_ShipCostTable.gif) no-repeat left top;
	height:auto;
	padding:2px 5px;
	}
#cart table.shippingCosts th img{
	padding-right:5px}
	
#cart table.shippingCosts th h4{
	color:#666;
	font-size:1em;
	display:inline;
	padding:0;
	margin:0;
	vertical-align:5px;
	}

#cart table.shippingCosts td{
	font-size: 0.75em;
	background-color: #fff;
	border-bottom:1px solid #f7f7f7;
	border-left:1px solid #f7f7f7;
	padding:2px 5px;
	height:15px;
	
	}
	#cart table.shippingCosts td small{
		font-size: 0.8em;}
	
	#cart table.shippingCosts td.hl{
		color:#CC0000;
		font-weight:bold}
	
	
#cart table.receipt {
}
#cart table.receipt .hor-div {
	margin:0!important;
	padding:0!important;
}
#cart table.receipt th, #cart table.receipt td {
	background-color: #fff;
	text-align:left;
	padding:3px 0 3px 0;
	height:auto;
}
#cart table.receipt p{
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}
#cart table.basket td {
	background-color: #fff;
	vertical-align: middle;
	border-bottom:1px solid #f7f7f7;
}
#cart table.basket td.grey {
	font-size: 0.95em;
	background-color: #f7f7f7;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	padding: 10px 10px 0px 10px;
	vertical-align:top;
}
#cart table.basket td.amount {
	border-left:none!important;
}
#cart table.basket td.notapp {
	color:#999
}
#cart table.basket th {
	font-size: 0.95em;
	text-align:left;
}
#cart table.basket th.total {
	font-size:1.25em;
	padding-right:10px;
	text-align:left;
}
#cart table.basket .textfield2 {
	float:left;
	width:150px;
	border: 1px solid #ccc;
	margin-top: 3px;
	height:19px;
}
#cart table.basket .submit {
	float:left;
	margin: 3px 0 0 10px;
}
#cart .btnContinueShopping {
	float:left;
}
#cart .btnContinueShopping2 {
	float:right;
	margin:25px 5px 0 0
}
#cart .btnCheckout {
	float:left;
	margin-left:140px
}
#cart .btnGift {
	float:right;
	margin-bottom:20px
}
#cart .btnGift2 {
	float:right;
	margin-bottom:0px
}
#cart .bar {
	background-image: url(../images/bg_flavourhead.gif);
	background-repeat: repeat;
	background-position: left top;
	height: 37px;
	width: 700px;
	margin: 10px 0px 2px;
}
#cart table.basket .totals {
	font-size:1.3em!important;
}
#cart .best-price {
	float:left;
	width:375px;
	margin-left:15px;
	margin-top: 15px;
}
#cart .best-price p {
	margin-top:5px;
	padding-top:0;
	padding-bottom:15px
}
/*counter*/
.count {
	float:right;
	margin-right:30px
}
.count img {
	margin:0;
	padding:0
}
.count ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
.count li {
	float:left;
	padding:0;
	margin:0
}
/*table free gifts */
#cart table.freegift {
}
#cart table.freegift td {
	background-color: #fff;
	vertical-align: middle;
	border-bottom:1px solid #f7f7f7;
	width:142px;
	text-align: center;
	background-position: right top;
	padding:10px 0 10px 0;
	text-align:center;
}
#cart table.freegift td.gift-img {
	background-image: url(../images/divider.gif);
	background-repeat: repeat-y;
}
#cart table.freegift td.gift-desc {
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat;
	background-position: left top;
	width:137px;
	font-size: 1em;
	color: #FFFFFF;
}
#cart table.freegift td.gift-desc select {
	margin-top:12px;
	width:110px
}
#cart table.freegift td.empty {
	width:5px
}
#cart table.freegift td form {
	margin:0;
	padding:0;
	text-align: left!important;
}
#cart table.freegift td .tick {
	float:left;
	border:none!important;
}
#details {
}
#details .login {
	width: 683px;
	padding: 5px 10px;
	background-color: #f1efec;
}
#details form.login label {
	margin:12px 10px 0 0px;
	float:left;
	width:110px
}
#details form.login .textfield {
	margin:10px 10px 0 0;
	height:17px;
	width: 140px;
	border: 1px solid #ccc;
	float:left
}
#details form.login .btn-login {
	float:right;
	margin:0 0 10px 0px;
}
#details .hor-div {
	margin:0;
	padding:0
}
#details form.login .submit {
	float:left;
	margin:10px 0 10px 20px;
}
#details h3 {
	font-size: 1.3em;
	color: #FFFFFF;
	background-image: url(../images/bg_flavourhead.gif);
	background-repeat: repeat;
	background-position: left top;
	height: 25px;
	width: 683px;
	padding: 6px 10px;
	margin: 10px 0px 0px;
}
#details .account {
	width: 703px;
	padding: 0px;
	background-color: #f1efec;
}

#details .account2 {
	width: 468px;
	padding: 0px;
	background-color: #f1efec;
}

#details .account .line {
	background-color: #FFFFFF;
	height: 1px;
	width: 100%;
	clear:both;
}
#details .account label {
	margin:10px 10px 0 10px;
	float:left;
	width:160px
}
#details .account input {
	margin:7px 10px 7px 0px;
	float:left;
	width:300px;
	height: 16px;
	border: 1px solid #CCCCCC;
}
#details .account select {
	margin:7px 10px 7px 0px;
	float:left;

}

#details .account input.tick {
	margin:7px 10px 7px 10px;
	float:left;
	width:10px;
	border:none!important;
}
#details .account label.tick {
	margin:7px 10px 0 5px;
	float:left;
	width:auto;
	font-size: 0.8em;
}
#details .account textarea {
	margin:7px 10px 7px 0px;
	float:left;
	width:300px;
	border: 1px solid #CCCCCC;
}
#details .account p.message {
	padding:7px 10px 7px 10px;
	margin:0;
	font-size: 1em;
	font-weight: bold;
	color:#ee0000;
}
#details .account .update {
	float:right;
	margin-right:223px;
	width: 53px;
	height:19px;
}
#details .account .update-thanks {
	float:left;
	margin:12px 0 0 140px;
	font-weight: bold!important;
	color: #ee0000;
}
#details h3.short {
	width: 525px;
	margin: 40px 0px 0px 0px;
}
#details h3.short2 {float:left;
width:505px;
	margin: 0px 0px 0px 0px;
padding:5px 10px

}
#details h3.short3 {float:left;
	width:155px;
	margin: 0px 0px 0px 2px;
	padding:5px 10px
}
#details h3.short4 {float:left;
width:525px;
	margin: 0px 0px 0px 0px;
padding:5px 10px

}

#cart h3.postOffice {
	float:left;
	margin: 0px 5px 0px 3px;
	width:214px;
}
#cart .btnContinue {
	float:right;
	margin: 40px 5px 0px 0px;
}
#cart .btnContinue2 {
	float:right;
	margin: 0px 5px 0px 0px;
}
#details .account .logos{
	float:left;
	width:233px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align: center!important;
	height: 200px;
	vertical-align: middle;
}
#details .account2 .logos{
	float:left!important;
	width:233px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align: center!important;
	height: 200px;
	vertical-align: middle;
}
#details .account .logos input, #details .account2 .logos input {
	margin:45px 0 0 60px;
	width:107px!important;
	border:none!important;
	text-align: center;
	height: auto!important;
	vertical-align: middle;
}
#details .account .logos img, #details .account2 .logos img {
	margin-top:45px;

}
#details .account .logos img.post {
	margin-top:20px!important;
}
#details .account .last {
	float:left;
	border-right:none!important;
	width:234px;
	height: 180px;
	vertical-align: middle;
}


#details .account2 table{
	background-color: #f1efec;
	width:704px;
	}
#details .account2 td{
	border-right: 1px solid #FFF;
	text-align: center!important;
	height:150px;
	width:25%;
}
#details .account2 td.last{
	border-right: none;}
#details .account2 td table{
	width:25%;
	}
#details .account2 td.in{
	border-right:0;
	text-align: center!important;
	padding:0px 0 0px 15px!important;
		height:75px;
	
	
}
.bottomSecure{
	margin:10px 0!important}
	
.customer-info {
	margin-top: 180px;
}
.customer-info span {
	font-weight: bold;
	width: 150px;
	display:block;
	float:left;
}

.receipt-head{float:right; margin:20px 20px 0 0 }

.receipt-head p{margin-left:75px}

.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png)  no-repeat;
	font-size:13px;	
	padding:20px 30px 10px 30px;
	color:#fff;	
	text-align:left;	
	width:370px;
	height:216px;
}