/* -------------------------------------------------------- EXPRESS ORDER  */
/*Actual panel on the barrow page*/
#expressorderform {
	float: left;
	width: 562px;
	margin: 15px 0 7px 7px;
	display: inline;
	background: #1d8cc1 url(../../images/panels/express-order-form-top.gif) top left no-repeat;
}
#expressorderform .content {
	float: left;
	width: 562px;
	padding: 18px 0 18px 0;
	background: url(../../images/panels/express-order-form-bottom.gif) bottom left no-repeat;
}
#expressorderform .content .label {
	float: left;
	width: 93px;
	padding: 7px 0 0 17px;
	color: #fff;
	font-weight: bold;
}
#expressorderform .content .input {
	float: left;
	width: 492px;
}
#expressorderform .content .input input {
	font-size: 1.1em;
	width: 465px;
	padding: 6px 0 4px 5px;
	color: #333;
	border: 1px solid #335e72;
}
/*Ajax popup*/
#expresults_outer {
	width: 562px;
	display: none;
	background: #76b8da url(../../images/panels/express-order-results-bottom.gif) bottom left no-repeat;
}	
#expresults_outer .expresults_header {
	float: left;
	width: 562px;
	height: 26px;
	background: #1175a4;
	border-bottom: 1px dotted #6eb3d3
}
#expresults_outer .expresults_header .expresults_showall {
	float: left;
	text-align: right;
	width: 582px;
	padding: 6px 10px;
}
#expresults_outer .expresults_header .expresults_showall a {
	color: #f2eddc;
	border-bottom: 1px dotted #f2eddc;
}
#expresults_outer .expresults_header .expresults_showall a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
#expresults_outer .expresults_footer {
	float: left;
	width: 562px;
	height: 5px;
}	
a.close {
	text-decoration: none !important;
}
/*Main content box*/
#expresults {
	float: left;
	width: 592px;
	padding: 0 0 10px 10px;
	background: url(../../images/panels/express-order-form-top.jpg) top left no-repeat;
	font-size: 1.1em;
	color: #000;
}
/*Small product boxes*/
#expresults .row {
	float: left;
	width: 100%;
}
#expresults .unselected, #expresults .selected {
	float: left;
	display: inline;
	width: 261px;
	margin: 10px 9px 0 0;
	padding: 10px 10px 10px 15px;
	border-right: 1px solid #698593;
	border-bottom: 1px solid #698593;
}
#expresults .unselected {
	background: #e7f1f6;
}
#expresults .selected {
	background: #f8fafb;
}
#expresults a {
	border-bottom: 1px dotted #3574a1;
}
#expresults a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}
/*Small product box elements*/
#expresults div .name {
	float: left;
	width: 100%;
	padding: 5px 0 5px 0;
	text-transform: capitalize;
}
#expresults .price {
	float: left;
	width: 100px;
	padding: 12px 0 0 0;
	margin: 0 0 0 -1px;
}
#expresults span.qtytitle {
	display: block;
	float: right;
	padding: 12px 5px 0 0;
}
#expresults input.qty {
	float: right;
	width: 30px;
	margin: 7px 0 0 0;
	padding: 3px 0 3px 1px;
	text-align: center;
	border-left: 1px solid #a39f8d;
	border-top: 1px solid #a39f8d;
	border-right: 1px solid #d2ccb8;
	border-bottom: 1px solid #d2ccb8;	
}
#expresults .addbutton {
	float: right;
	margin: 4px 0 0 4px;
}
/* -------------------------------------------------------- BARROW PAGE */
#staticbox {
	float: left;
	width: 590px;
	padding: 0 13px;
}
#staticbox h1 {
	display: block;
	float: left;
	width: 590px;
	padding: 15px 0 7px 0;
	font-size: 170%;
	font-weight: normal;
	font-style: italic;
	color: #000;	
}
.barrowbox {
	float: left;
	padding: 0 7px;
}
.barrowbox h1 {
	display: block;
	float: left;
	width: 597px;
	padding: 10px 0 0 5px;
	font-style: italic;
	font-size: 1.7em;
	font-weight: normal;
	color: #2d2d2d;
}
.barrowbox .barrowtoppanelblank {
	float: left;
	width: 562px;
}
.barrowbox .leftpart {
	float: left;
	width: 562px;
}
.barrowbox .leftpart .totals {
	float: right;
	margin: 7px 0 0 0;
	font-size: 1.1em;
	color: #333;
}
.barrowbox .gotocheckout {
	float: right;
	margin: 5px 7px 0 0;
	display: inline;
}
.barrowbox .mailorder {
	float: right;
	margin: 12px 7px 0 0;
	display: inline;
}
.barrowbox .leftpart .totals .details {
	float: right;
	padding: 10px 0px 3px 0px;
	border-bottom: 1px dotted #5F527F;
}
.barrowbox .leftpart .totals .details .itemname {
	float: left;
	padding: 0 24px 8px 0;
	text-align: right;
}
.barrowbox .leftpart .totals .details .sum {
	float: left;
	padding: 0 0 8px 0;
	text-align: left;
	font-weight: bold;
}
.barrowbox .leftpart .totals .details .itemnamered {
	float: left;
	padding: 0 24px 8px 0;
	text-align: right;
	color: #cc0000;
}
.barrowbox .leftpart .totals .details .sumred {
	float: left;
	padding: 0 0 8px 0;
	text-align: left;
	font-weight: bold;
	color: #cc0000;
}
.barrowbox .leftpart .totals .maintotal {
	float: left;
	padding: 8px 0 0 0;
	color: #333;
}
.barrowbox .leftpart .totals .maintotal .itemname {
	float: left;
	padding: 3px 24px 8px 0;
	text-align: right;
}
.barrowbox .leftpart .totals .maintotal .sum {
	float: right;
	padding: 0 0 8px 0;
	text-align: left;
	font-size: 1.45em;
}
.barrowbox .leftpart .updatequantity {
	float: left;
	text-align: right;
	padding: 7px 0 0 0;
	color: #5F527F;
}
.barrowbox .leftpart .updatequantity .desc {
	float: right;
	padding: 5px 0 0 0;
}
.barrowbox .leftpart .updatequantity .update {
	float: right;
	margin: 1px 6px 0 11px;
}
.barrowbox .leftpart .updatequantity .removeall {
	float: right;
	margin: 1px 6px 0 0;
	background: none; /*Fixes the strangest bug ever in ie6*/
}
.barrowbox .leftpart .updatequantity .bottom {
	float: left;
	margin: 2px 0 0 0;	
}
.barrowbox .leftpart .productlist {
	float: left;
	margin: 7px 0 0 0;
}
.barrowbox .leftpart .productlist .titles {
	float: left;
	font-weight: bold;
	color: #5F527F;
	margin: 0 0 15px 0;
	padding: 6px 0 5px 0;
	border-bottom: 1px dotted #5F527F;
}
.barrowbox .leftpart .productlist .delete {
	float: left;
	text-align: center;
}
.barrowbox .leftpart .productlist .delete img {
	margin: 4px 3px 0 0;
}
.barrowbox .leftpart .productlist .titles .name {
	padding: 0px;
	font-size: 1em;
	width:294px;
}
.barrowbox .leftpart .productlist .name {
	float: left;
	font-size: 1.1em;
	padding: 2px 10px 0px 0px;
}
.barrowbox .leftpart .productlist .name span {
	display: block;
	width: 90%;
	padding: 5px 0 0 0;
	color: #999;
	font-size: 0.9em;
}
.barrowbox .leftpart .productlist .name a {
	text-decoration:none;
	color: #5F527F;
}
.barrowbox .leftpart .productlist .name a:hover {
	text-decoration:underline;
}

.barrowbox .leftpart .productlist .name .multibuydesc{
	color: #cc0000;
}

.barrowbox .leftpart .productlist .pricetitle {
	float: left;
}
.barrowbox .leftpart .productlist .delete {
	width: 47px;
}
.barrowbox .leftpart .productlist .pricetitle {
	width: 62px;
}
.barrowbox .leftpart .productlist .price {
	float: left;
	width: 62px;
	font-size: 1.1em;
	color: #333;
	padding: 4px 0 0 0;
}
.barrowbox .leftpart .productlist .quantity {
	float: left;
	width: 72px;
}
/*Align quantity item for orders view in my account*/
.barrowbox .row .quantity {
	font-size: 1.1em;
	padding: 4px 0 0 0;
}
.barrowbox .leftpart .productlist .quantity input {
	font-size: 1em;
	text-align: center;
	width: 30px;
	padding: 4px 0 3px 1px;
	margin: -4px 0 0 6px; /*-4px margin to align against that previous fix for my account */ 
	border-left: 1px solid #dad5cc;
	border-top: 1px solid #dad5cc;
	border-right: 1px solid #efece3;
	border-bottom: 1px solid #efece3;
}
.barrowbox .leftpart .productlist .linetotal {
	float: left;
	width: 87px;	
}
.barrowbox .leftpart .productlist .linetotaloutput {
	float: left;
	width: 87px;
	font-size: 1.1em;
	color: #333;
	padding: 4px 0px 0px 0px;
}
.barrowbox .leftpart .productlist .linetotalredoutput {
	float: left;
	width: 41px;
	padding: 4px 0px 0px 0px;
	color: #cc0000;
}
.barrowbox .leftpart .productlist .row {
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
}
.barrowbox .leftpart .productlist .bottom {
	float: left;
	width: 100%;
}
.barrowbox .productbox {
	float: right !important;
}
.barrowbox .bottombuttons {
	float: left;
	width: 562px;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px dashed #CCC;
}
/* ------------------- ONE COLUMN SPECIFIC */
.onecolumn {
	width: 562px;
}
.onecolumn .leftpart {
	width: 562px;
}
.onecolumn .leftpart .totals {
	width: 305px;
	background: #DEDAEA url(../../images/barrow/totals-top.gif) top left no-repeat;
}
.onecolumn .leftpart .totals .details {
	width: 305px;
}
.onecolumn .leftpart .totals .details .itemname, .onecolumn .leftpart .totals .details .itemnamered {
	width: 194px;
}
.onecolumn .leftpart .totals .details .sum, .onecolumn .leftpart .totals .details .sumred {
	width: 87px;
}
.onecolumn .leftpart .totals .maintotal {
	width: 305px;
	background: #EAE7F3 url(../../images/barrow/totals-bottom.gif) bottom left no-repeat;
}
.onecolumn .leftpart .totals .maintotal .itemname {
	width: 194px;
}
.onecolumn .leftpart .totals .maintotal .sum {
	width: 87px;
}
.onecolumn .leftpart .updatequantity {
	width: 562px;
	background: #DEDAEA url(../../images/barrow/update-qty-top.gif) top left no-repeat;
}
.onecolumn .leftpart .productlist {
	width: 562px;
	background: #eae7f3;
}
.onecolumn .leftpart .productlist .titles {
	width: 562px;
	background: #DEDAEA url(../../images/barrow/titles-top.gif) top left no-repeat;
}
.onecolumn .leftpart .productlist .name {
	width: 284px;
}
/* ------------------- Name field for the view previous orders section in my account */
.onecolumn .leftpart .productlist .orderview {
	width: 361px !important;
	padding: 0 0 0 20px !important;
}
/* ------------------- TWO COLUMN SPECIFIC */
.twocolumns {
	width: 562px;
}
.twocolumns .leftpart {
	width: 399px;
}
.twocolumns .leftpart .totals {
	float: left;
	width: 399px;
	background: #DEDAEA url(../../images/barrow/two-column/totals-top.gif) top left no-repeat;
}
.twocolumns .leftpart .totals .details {
	width: 399px;
}
.twocolumns .leftpart .productlist .pricetitle, .twocolumns .leftpart .productlist .price {
	width: 59px;
}
.twocolumns .leftpart .productlist .quantity {
	width: 55px;
}
.twocolumns .leftpart .productlist .quantity {
	width: 55px;
}
.twocolumns .leftpart .totals .details .itemname, .twocolumns .leftpart .totals .details .itemnamered {
	width: 288px;
}
.twocolumns .leftpart .totals .details .sum, .twocolumns .leftpart .totals .details .sumred {
	width: 87px;
}
.twocolumns .leftpart .totals .maintotal {
	width: 399px;
	background: #EAE7F3 url(../../images/barrow/two-column/totals-bottom.gif) bottom left no-repeat;
}
.twocolumns .leftpart .totals .maintotal .itemname {
	width: 288px;
}
.twocolumns .leftpart .totals .maintotal .sum {
	width: 87px;
}
.twocolumns .leftpart .updatequantity {
	width: 399px;
	background: #e3dccf url(../../images/barrow/two-column/update-qty-top.gif) top left no-repeat;
}
.twocolumns .leftpart .updatequantity .desc {
	float: right;
	width: 180px;
	padding: 2px 0 0 0;
}
.twocolumns .leftpart .updatequantity .update {
	float: right;
	margin: 1px 6px 0px 11px;
}
.twocolumns .leftpart .productlist {
	width: 399px;
	background: #f7f5ee url(../../images/misc/list_long_bg.gif) top left no-repeat;
}
.twocolumns .leftpart .productlist .titles {
	width: 399px;
	background: #ece7dd url(../../images/barrow/two-column/titles-top.gif) top left no-repeat;
}
.twocolumns .leftpart .productlist .name {
	width: 151px;
}
.twocolumns .leftpart .productlist .linetotal, .twocolumns .leftpart .productlist .linetotaloutput {
	width: 80px;	
}
.twocolumns .gotocheckout {
	margin: -37px 6px 0 0;
}
.twocolumns .productbox {
	margin: 0 0 0 7px;
}
/* --------------------------CONTINUE SHOPPING PANEL */
#continueshopping {
	float: left;
	width: 250px;
	padding: 5px 0 0 0;
}
/* -------------------------- OFFER CODE PANEL */
#offercode {
	float: left;
	width: 250px;
	background: #ece7dd url(../../images/barrow/offer-code-top.gif) top left no-repeat;
	margin: 7px 0px 0px 0px;
	padding: 5px 0 0 0;
}
#offercode .desc {
	float: left;
	width: 60px;
	text-align: right;
	color: #666;
	padding: 13px 5px 0px 0px;
}
#offercode .code {
	float: left;
	display: inline;
	width: 120px;
	height: 29px;
	margin: 0 0 0 9px;
	background: url(../../images/barrow/offer-code-bg.gif) top left no-repeat;
}
#offercode .code input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 94px;
	padding: 3px 0px 3px 5px;
	margin: 3px 0 0 6px;
	text-align: center;
	border-left: 1px solid #ada38c;
	border-top: 1px solid #ada38c;
	border-right: 1px solid #d4c7ae;
	border-bottom: 1px solid #c2b69e;
}
#offercode .button {
	float: left;
	margin: 3px 0px 0px 0px;
}
#offercode #offercodemsg {
	float: left;
	width: 238px;
	color: #000;
	padding: 4px 10px 2px 12px;
}
#offercode #offercodeitems {
	float: left;
	width: 238px;
	color: #000;
	padding: 4px 10px 2px 12px;
}
#offercode #offercodeitems .offeritem {
	float: left;
	width: 220px;
	padding: 4px 0px 0px 0px;
}
#offercode #offercodeitems .offeritem .delete {
	float: left;
	width: 16px;
	height: 14px;
	display: inline;
	margin: 1px 5px 0px 0px;
}
#offercode #offercodeitems .offeritem .delete img {
	float: left;
}
#offercode #offercodeitems .offeritem .offerdesc {
	float: left;
	width: 190px;
}
#offercode .bottom {
	float: left;
	width: 100%;
}

.errorbarrow {clear:both;}