/* @override 
	https://www.lgogroup.net/www.theonlinegiftgroup.co.uk/general/styles/lgoCart.css
	http://www.theonlinegiftgroup.co.uk/general/styles/lgoCart.css
*/

#cartContainer {
	width: 100%;
	margin: 0 auto;
	border: 1px solid black;
	background-color: #893681;
}

#columnHeadings {
	background-color: #693c97;
	color: #bfd0d2;
	font: bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;

}

#lgoCartForm {
	background-color: #050036;
}
.item {
	border-bottom: 1px dotted gray;
	font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #e8e8e8;
	/* padding-top: 6px;
	padding-bottom: 6px; */
}
.itemCell{
	width: 65%;
	padding: 2px 0 2px 5px;
}

.qtyCell{
	width: 5%;
	float: right;
	text-align: center;
	padding: 2px 0 2px 2px;
}
.priceCell{
	width: 10%;
	float: right;
	text-align: center;
	padding: 2px 0 2px 2px;

}
.totalCell{
	width: 10%;
	float: right;
	text-align: center;
	padding: 2px 0 2px 2px;
	font-weight: bold;
}
.tools{
	width: 3%;
	float: right;
	text-align: center;
	padding: 2px 0 2px 2px;
	font-weight: bold;
	color: #362fa0;
	font-size: 12px;
}
.tools a{
	color: #362fa0;
	text-decoration: none;
}

.tools a:hover{
	color: red;
	text-decoration: none;
}
.toolsRemove{
	width: 20px;
	float: right;
	text-align: center;
	font-size: 8pt;
	padding: 2px 0 2px 2px;
}
.toolsRemove a{
	color: #e20000;
	text-decoration: none;
	font-weight: bold;
}
.toolsRemove a:hover{
	color: #e20000;
	text-decoration: none;
	font-weight: bold;
}

.summaryRow {
	background-color: #cacaca;
	min-height: 20px;
	border-bottom: 1px solid gray;
	font: bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.summaryHeading{
	width: 81%;
	text-align: right;
	padding: 2px 0 2px 5px;
	background-color: #f1f1f1;
}
.summaryCell{
	width: 10%;
	float: right;
	text-align: center;
	padding: 2px 0 2px 2px;
}
.summaryBlank{
	width: 9%;
	float: right;
	padding: 2px 0 2px 2px;
}
#postage div.summaryHeading {
	width: 1px;

}
div#postage.summaryRow {
	height: 30px;
}

#postage div.summaryCell {
	width: 52%;
}
#postage div.summaryBlank{
	width: 1px;
	float: right;
	padding: 2px 0 2px 2px;
}

.eraseCart {
	min-height: 20px;
	border-bottom: 1px dotted silver;
	font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: black;
	text-align: center;
	padding: 2px 0 2px 5px;
	background-color: #dedede;
}

.eraseCart a {
	color: black;
	text-decoration: underline;
	font-variant: small-caps;
}

.loaderRow {
	background-color: #999;
	min-height: 60px;
	border-bottom: 1px dotted silver;
	font: bold 12pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: black;
	text-align: center;
	padding: 2px 0 2px 5px;
}

#checkoutLinks{
	background-color: #693c97;
	padding-right: 10px;
	text-align: right;
	height: 30px;
	padding-top: 5px;
}

#checkoutLinks img {
	vertical-align:middle;
	margin-right: 5px;
}

#cart {
	font-size: 14px;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* @group PaymentContainer */
#paymentContainer{
	background-color: #893681;
	width: 100%;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-top: 1px solid gray;
	color: #fff;
}

#paymentContainer_1 {
	padding: 10px;
}

#paymentContainer h2 {
	text-align: center;
	top: -5px;
	padding-bottom: 10px;
}

#paymentContainer h2 a {
	text-align: center;
	color: #fff;
	text-decoration: underline;
}

#paymentContainer[id]{
	width: 100%;
}

#paymentContainer h3 {
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 0;
	margin-bottom: 5px;
	color: black;
}

#paymentContainer h4 {
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 0;
	margin-bottom: 0px;
	padding-left: 5px;
	color: #000;
	background-color: #fff;
}

#paymentContainer a {
	color: #ad97ff;
}

#paymentContainer h3 {
	text-align: center;
	font: bold 20px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 5px;
	color: white;
}

#paymentContainer label{
	float: left;
	margin-bottom: 7px;
	/* Custom Layout */
	text-align: right;
	width: 120px;
	padding-right: 5px;
	margin-left: 50px;
	color: #fff;
}
#paymentContainer input{
	margin-bottom: 3px;
}

#orderButton {
	padding: 5px;
}

#pageText {
	background-color: #050036;
	padding: 5px 10px;
	margin-top: 1px;;
}

#pageText h3 {
	font-size: 14px;
	color: #999;
}

#pageText p a {
	color: #ccc;
}

#pageText p a:hover {
	color: #fff;
}

#paymentContainer select{
	float: left;
	margin-bottom: 3px;
}
#paymentContainer .feildNote{
	display: block;
	float: left;
	margin-bottom: 7px;
}
#paymentContainer br {
	clear: left;
}
#paymentContainer #agreement {
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#paymentContainer #cartHTMLTotal {
	color: red;
	text-align: center;
}
/* @end */

/* @group CartConfirmationPanel */

#cartAdded {
	background-color: #693c97;
	min-height:46px;
	width: 150px;
	border: 3px solid black;
	color: #feffea;
	font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	padding: 5px;
	letter-spacing: -1px;
	position: absolute;
}

#cartAdded img{
	float: left;
	margin-right: 5px;
}

#cartAdded a{
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: silver;
}



/* @end */

#itemVAT {
	display:none;
}

#itemPostage {
	display:none;
}

/* @group Logon Page */

#logonContainer {
	width: 100%;
	margin: 0 auto;
	padding-top: 5px;
	padding-left: 2px;
}

.logonPage {
	width: 300px;
	border: 1px solid black;
	background-color: #893681;
	margin-bottom: 20px;
	float: left;

}

.logonPage h2 {
	margin-top: 2px;
	margin-bottom: 10px;
}

#logonerrormessage {
	font: bold 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	background-color: red;
	color: black;
	padding: 3px;
	border: 1px dotted black;
}

#existingCustomers {
	width: 48%;
	height: 140px;
	background-color: #693c97;
	float: left;
	padding: 5px;
}

#userFoundPanel {
	background-color: #ea878c;
	border: 1px solid black;
	padding: 5px;
	width: 638px;
	margin: 5px auto;
}

#forgottenPassword {
	height: 140px;
	width: 48%;
	float: right;
	padding: 5px;
	background-color: #693c97;
}

#changeEmail {
}

#newCustomer {
	padding-top: 1px;
	float: right;
}

#agreement {
	margin-left: 5px;
	text-align: center;
}
/* @end */