/* Structure elements
--------------------------------------------------------------------- */
#siteContainer {
    width: 984px;
    margin: 0 auto;
    text-align: left;
    padding: 0px;
}
.col1 {
    width: 19%;
    float: left;
}
.col2 {
    width: 73%;
    float: right;
}
.thinboxLeft {
    background: transparent url( ../images/design/left_thin_panel.gif ) no-repeat scroll left top;
    height: 64px;
    padding-left: 10px;
}
.thinboxRight {
    background: transparent url( ../images/design/right_thin_panel.gif ) no-repeat scroll right top;
    height: 64px;
    padding-right: 10px;
}
/* Box elements
--------------------------------------------------------------------- */
.box, .boxbody, .boxhead, .boxhead h2 {
    /* background: transparent url( ../images/design/box.gif ) no-repeat bottom right; */
}
.box {
	float: left;
    height: auto !important;
    height: 1%; /* IE Holly Hack */
	margin: 0px 0px 1px 0px;
}
#checkoutMainPanel .boxActive {
	float: left;
    height: auto !important;
    height: 1%; /* IE Holly Hack */
	margin: 0px 0px 15px 0px;
}
#checkoutProgressPanel .boxActive {
	float: left;
    height: auto !important;
    height: 1%; /* IE Holly Hack */
	margin: 0px 0px 1px 0px;
}
/* General Main elements
--------------------------------------------------------------------- */
#checkoutMainPanel .box, #checkoutMainPanel .boxhead, #checkoutMainPanel .boxheadActive, #checkoutMainPanel .boxheadNext, #checkoutMainPanel .boxheadPrev {
	width: 701px;
	height: 35px;
}
/* Stage 1 header
--------------------------------------------------------------------- */
#checkoutMainPanel #loginDetailsStep .boxheadActive {
	height: 36px;
	background-image: url(../images/design/boxhead_stage1_active_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 13px 0px;
}
#checkoutMainPanel #loginDetailsStep .boxheadPrev {
	height: 35px;
	background-image: url(../images/design/boxhead_stage1_prev_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
#checkoutMainPanel #loginDetailsStep .boxheadActive h2 {
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	line-height: 36px;
	padding: 0px 0px 0px 53px;
	margin: 0px;
}
#checkoutMainPanel #loginDetailsStep .boxheadPrev h2 {
	font-size: 10pt;
	color: #6f8dc3;
	font-weight: bold;
	line-height: 35px;
	padding: 0px 0px 0px 53px;
	margin: 0px;
}
/* set the top-left image */
.boxhead h2 {
    height: auto !important;
    height: 1%; /* IE Holly Hack */
}
/* Stage 2 header
--------------------------------------------------------------------- */
#checkoutMainPanel #accountDetailsStep .boxheadNext {
	height: 35px;
	background-image: url(../images/design/boxhead_stage2_next_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
#checkoutMainPanel #accountDetailsStep .boxheadActive {
	height: 35px;
	background-image: url(../images/design/boxhead_stage2_active_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 4px 0px 0px 0px;
}
#register #accountDetailsStep .boxheadActive {
    background-image: url(../images/design/boxhead_active_bkgd.gif);
}
#checkoutMainPanel #accountDetailsStep .boxheadPrev {
	height: 35px;
	background-image: url(../images/design/boxhead_stage2_prev_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
/* Stage 3 header
--------------------------------------------------------------------- */
#checkoutMainPanel #billingDetailsStep .boxheadNext {
	height: 35px;
	background-image: url(../images/design/boxhead_stage3_next_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
#checkoutMainPanel #billingDetailsStep .boxheadActive {
	height: 35px;
	background-image: url(../images/design/boxhead_stage3_active_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 4px 0px 0px 0px;
}
#checkoutMainPanel #billingDetailsStep .boxheadPrev {
	height: 35px;
	background-image: url(../images/design/boxhead_stage3_prev_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
/* Stage 4 header
--------------------------------------------------------------------- */
#checkoutMainPanel #deliveryDetailsStep .boxheadNext {
	height: 35px;
	background-image: url(../images/design/boxhead_stage4_next_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
#checkoutMainPanel #deliveryDetailsStep .boxheadActive {
	height: 35px;
	background-image: url(../images/design/boxhead_stage4_active_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 4px 0px 0px 0px;
}
#checkoutMainPanel #deliveryDetailsStep .boxheadPrev {
	height: 35px;
	background-image: url(../images/design/boxhead_stage4_prev_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
/* Stage 5 header
--------------------------------------------------------------------- */
#checkoutMainPanel #paymentDetailsStep .boxheadNext {
	height: 35px;
	background-image: url(../images/design/boxhead_stage5_next_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
#checkoutMainPanel #paymentDetailsStep .boxheadActive {
	height: 35px;
	background-image: url(../images/design/boxhead_stage5_active_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 4px 0px 0px 0px;
}
#checkoutMainPanel #paymentDetailsStep .boxheadPrev {
	height: 35px;
	background-image: url(../images/design/boxhead_stage5_prev_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
/* Stage 6 header
--------------------------------------------------------------------- */
#checkoutMainPanel #reviewDetails .boxheadNext {
	height: 35px;
	background-image: url(../images/design/boxhead_stage6_next_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
#checkoutMainPanel #reviewDetails .boxheadActive {
	height: 36px;
	background-image: url(../images/design/boxhead_stage6_active_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 4px 0px 0px 0px;
}
/* General header elements
--------------------------------------------------------------------- */
#checkoutMainPanel .boxheadPrev h2 {
	font-size: 10pt;
	color: #6f8dc3;
	font-weight: bold;
	line-height: 35px;
	padding: 0px 0px 0px 53px;
	margin: 0px;
}
#checkoutMainPanel .boxheadNext h2 {
	font-size: 10pt;
	color: #969ba5;
	font-weight: bold;
	line-height: 35px;
	padding: 0px 0px 0px 53px;
	margin: 0px;
}
#checkoutMainPanel .boxheadActive h2 {
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	line-height: 35px;
	padding: 0px 0px 0px 53px;
	margin: 0px;
}
#checkoutMainPanel .boxbody {
    width: 701px;
    /* height: auto !important; */
    height: 1%; /* IE Holly Hack */
    /* overflow: auto; */
}
/* General Progress elements
--------------------------------------------------------------------- */
#checkoutProgressPanel h3 {
	height: 30px;
	line-height: 30px;
	width: 224px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	font-size: 10pt;
	color: #194AA2;
	font-weight: bold;
}
#checkoutProgressPanel .box, #checkoutProgressPanel .boxhead, #checkoutProgressPanel .boxheadActive {
	width: 239px;
	height: 35px;
}
#checkoutProgressPanel .boxhead {
	height: 35px;
	background-image: url(../images/design/progress_boxhead_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
#checkoutProgressPanel .boxheadActive {
	height: 35px;
	background-image: url(../images/design/progress_boxhead_active_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
#checkoutProgressPanel .boxhead h2 {
	font-size: 10pt;
	color: #a7a5a1;
	font-weight: bold;
	line-height: 35px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
}
#checkoutProgressPanel .boxheadActive h2 {
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	line-height: 35px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
}
#checkoutProgressPanel .boxbody {
    /* height: auto !important; */
    height: 1%; /* IE Holly Hack */
}
#checkoutProgressPanel .boxbody div {
	font-size: 8pt;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
#checkoutProgressPanel a {
	display: block;
	padding: 0px 0px 0px 7px;
	margin-bottom: 5px;
	background-image: url(../images/design/progress_bullet.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}
#checkoutProgressPanel a, #checkoutProgressPanel a:visited, #checkoutProgressPanel a:link {
	font-size: 9pt;
	color: #3d3d3d;
	font-weight: bold;
	text-decoration: underline;
}
#checkoutProgressPanel a:hover {
	text-decoration: none;
}
/* Progress Stage 1 content
--------------------------------------------------------------------- */
#checkoutProgressPanel #accountDetailsSummaryDetail {
	width: 222px;
	border-left: 1px solid #19499f;
	border-right: 1px solid #19499f;
	border-bottom: 1px solid #19499f;
	padding: 10px 5px 10px 10px;
	background-color: #f6f5f2;
}
#checkoutProgressPanel #accountDetailsSummaryDetail {
	overflow: auto;
}
/* Progress Stage 2 content
--------------------------------------------------------------------- */
#checkoutProgressPanel #billingDetailsSummaryDetail {
	width: 222px;
	border-left: 1px solid #19499f;
	border-right: 1px solid #19499f;
	border-bottom: 1px solid #19499f;
	padding: 10px 5px 10px 10px;
	background-color: #f6f5f2;
}
#checkoutProgressPanel #billingDetailsSummaryDetail {
	overflow: auto;
}
/* Progress Stage 3 content
--------------------------------------------------------------------- */
#checkoutProgressPanel #deliveryDetailsSummaryDetail {
	width: 222px;
	border-left: 1px solid #19499f;
	border-right: 1px solid #19499f;
	border-bottom: 1px solid #19499f;
	padding: 10px 5px 10px 10px;
	background-color: #f6f5f2;
}
#checkoutProgressPanel #deliveryDetailsSummaryDetail {
	overflow: auto;
}
/* Progress Stage 4 content
--------------------------------------------------------------------- */
#checkoutProgressPanel #paymentDetailsSummaryDetail {
	width: 222px;
	border-left: 1px solid #19499f;
	border-right: 1px solid #19499f;
	border-bottom: 1px solid #19499f;
	padding: 10px 5px 10px 10px;
	background-color: #f6f5f2;
}
#checkoutProgressPanel #paymentDetailsSummaryDetail {
	overflow: auto;
}
/* Order confirmation
--------------------------------------------------------------------- */
#orderConfirmation h1 {
	width: 477px;
	height: 36px;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 20px;
	line-height: 36px;
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	background-image: url(../images/design/h1_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#orderConfirmation .container {
	width: 450px;
	background-color: #d1daea;
	border: 1px solid #19499f;
	margin: 0px 0px 15px 0px;
}
#orderConfirmation .container h2 {
	height: 28px;
	line-height: 28px;
	font-size: 10pt;
	color: #3d3d3d;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 40px;
	background-image: url(../images/design/order_confirmation_h2_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#orderConfirmation .container h3 {
	font-size: 10pt;
	color: #194AA2;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 40px;
}
#orderConfirmation .container p {
	font-size: 9pt;
	color: #3d3d3d;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 0px 40px;
}
#orderConfirmation .container  a, #orderConfirmation .container  a:visited, #orderConfirmation .container  a:link {
	font-size: 9pt;
	color: #3d3d3d;
	font-weight: normal;
	text-decoration: underline;
}
#orderConfirmation .container  a:hover {
	text-decoration: none;
}
#orderConfirmation p img {
	padding-left: 40px;
}
/* Empty basket
--------------------------------------------------------------------- */
#emptyBasket h1 {
	width: 477px;
	height: 36px;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 20px;
	line-height: 36px;
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	background-image: url(../images/design/h1_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#emptyBasket p img {
	margin-top: 15px;
	padding-left: 40px;
}
/* Shopping Basket
--------------------------------------------------------------------- */
#cart {
	float: left;
	width: 954px;
	margin: 0px 0px 0px 0px;
}
#cart h1 {
	width: 477px;
	height: 36px;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 20px;
	line-height: 36px;
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	background-image: url(../images/design/h1_bkgd.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#cart img.checkout {
	float: right;
	width: 188px;
	height: 30px;
	margin: 0px;
}
#cart table.cart {
	width: 954px;
	margin: 0px 0px 0px 0px;
}
#cart table.cart td {
	padding: 15px;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	background-color: #d1daea;
	text-align: center;
}
#cart table.cart td.imageCell {
	padding: 0px;
	width: 99px;
	background-color: #ffffff;
}
#cart table.cart td.imageCell img {
	display: block;
}
#cart table.cart td.productCell {
	width: 325px;
	text-align: left;
}
#cart table.cart td.productCell a, #cart table.cart td.productCell a:visited, #cart table.cart td.productCell a:link {
	font-size: 9pt;
	color: #3d3d3d;
	font-weight: normal;
	text-decoration: underline;
}
#cart table.cart td.productCell a:hover {
	text-decoration: none;
}
#cart table.cart td.productCell p {
	color: #3d3d3d;
	margin: 0px 0px 5px 0px;
}
#cart table.cart td.productCell p.promo {
	color: #F4231E;
	font-weight: bold;
}
#cart table.cart td.priceCell {
	width: 67px;
}
#cart table.cart td.quantityCell {
	width: 60px;
	padding-left: 22px;
}
#cart table.cart td.quantityCell img {
	display: block;
	float: left;
}
#cart table.cart td.quantityCell span {
	display: block;
	float: left;
	padding: 0px 5px 0px 5px;
}
#cart table.cart td.discountCell {
	width: 67px;
}
#cart table.cart td.totalCell {
	width: 67px;
	color: #194AA2;
}
#cart table.cart td.removeCell {
	width: 66px;
	border-right: 1px solid #bbbbbb;
}
#cart table.cart thead td {
	height: 25px;
	padding: 0px;
	background-color: #ffffff;
	line-height: 25px;
	font-size: 10pt;
	font-weight: normal;
	color: #194AA2;
	text-align: center;
	border: 0px;
}
#cart table.cart thead td.imageCell {
	width: 100px;
}
#cart table.cart thead td.productCell {
	width: 331px;
	padding: 0px 0px 0px 25px;
	text-align: left;
}
#cart table.cart thead td.priceCell {
	width: 98px;
}
#cart table.cart thead td.quantityCell {
	width: 98px;
	padding: 0px;
}
#cart table.cart thead td.discountCell {
	width: 98px;
}
#cart table.cart thead td.totalCell {
	width: 98px;
	color: #194AA2;
}
#cart table.cart thead td.removeCell {
	width: 98px;
	border: 0px;
}

#cart table.cart tr td.spacer {
	border: 0px;
	background: #ffffff;
	padding: 0px;
}
#cart #totals {
	float: right;
	width: 464px;
	padding: 15px;
	background-color: #d1daea;
	border: 1px solid #bbbbbb;
	margin: 0px 0px 25px 15px;
}
#cart #totals p {
	color: #3d3d3d;
}
#cart #totals p.col1 {
	float: left;
	width: 282px;
	margin: 0px 0px 10px 0px;
	text-align: right;
}
#cart #totals p.subtotal {
	font-size: 9pt;
	font-weight: bold;
}
#cart #totals p.col1 span {
	font-weight: normal;
}
#cart #totals p.col1 label {
	display: block;
	color: #3d3d3d;
}
#cart #totals p.col1 select, #cart #totals p.dblCol select {
	font-size: 9pt;
}
#cart #totals p.col2 {
	float: left;
	width: 157px;
	padding: 0px 25px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: right;
	font-weight: bold;
	font-size: 10pt;
}
#cart #totals p.dblCol {
	float: left;
	width: 449px;
	padding: 0px 25px 0px 0px;
	margin: -10px 0px 10px 0px;
}
#cart #totals p.grandtotal {
	color: #194AA2;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 20px;
}
#cart #promotion {
	float: right;
	width: 309px;
	padding: 15px;
	background-color: #bbbbbb;
	border: 1px solid #bbbbbb;
}
#cart #promotion h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10pt;
	color: #194AA2;
	font-weight: bold;
}
#cart #promotion p {
	font-size: 8pt;
	color: #3d3d3d;
	margin: 0px 0px 15px 0px;
}
#cart #promotion label {
	display: block;
	font-size: 9pt;
	color: #194AA2;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}
#cart #promotion input.textfield {
	float: left;
	margin: 5px 10px 0px 0px;
	border: 1px solid #bbbbbb;
	padding: 2px;
	font-size: 9pt;
}
#cart img.continue {
	float: left;
	display: inline;
	margin: 0px 150px 0px 458px;
}
div.buttonContainerTop {
	float: left;
	width: 954px;
	padding-bottom: 25px;
}
div.buttonContainerBottom {
	float: left;
	width: 954px;
	padding-bottom: 80px;
}

/*Dialogs*/
.dialog p {	
    margin: 0 0 10px 0;
}
.dialog .label {
    display: block;
    font-size: 10pt;
	color: #3d3d3d;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
}
.dialog .label span {
	color: #fe2301;
}

#checkoutMainPanel p input.error {
	border: 2px solid #f4231e;
}
#checkoutMainPanel p select.error {
	border: 2px solid #f4231e;
}
.dialog p .validerror {
	color: #f4231e;
	font-weight: bold;
    display: block;
}

.dialog .textfield {
/*
    width: 30%;
    float: left;
*/
}

.dialog .reqfield {
   /* background-color: #fcf9ce; */
}

.dialog .radiofield {
    
    
}

.dialog .radioimg {
    margin-right: 10px;
    vertical-align: middle;
}

.dialog span.key {
    color: #9e292b;
    display: block;
    float: left;
    width: 20%;
    text-align: right;
    margin-bottom: 10px;
}

.dialog span.addresskey {
    font-size: 1.4em;
}

.dialog span.value,
    .dialog address {
    display: block;
    float: left;
    width: 70%;
    margin-left: 1em;
    margin-bottom: 10px;
}

.dialog address {
    font-size: 1.4em;
}

.wizardControls {
/*
    overflow: auto;
    padding: 20px 20px 0 20px;
    font-size: 1.6em;
    font-weight: bold;
*/
}
#existingCustomer .wizardControls {
	margin: 0px 0px 0px 0px;
	padding: 10px 16px 0px 21px;
	color: #3d3d3d;
}

.wizardControls .forward,
    .wizardControls .back,
    .wizardControls .forward:hover,
    .wizardControls .back:hover {
    display: block;
    width: 180px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
}

.wizardControls .forward,
    .wizardControls .forward:hover {
    float: right;
    background: transparent url( ../images/design/forwardButton.gif ) no-repeat scroll top center;
    color: #fcf9ce;
}

.wizardControls .back,
    .wizardControls .back:hover {
    float: left;
    width: 182px;
    background: transparent url( ../images/design/backButton.gif ) no-repeat scroll top center;
    color: #acacac;
}

.wizardControls .paypal {
    clear: right;
    float: right;
    margin-top: 20px;
}

/*Sections:  Masthead */
#masthead {
    overflow: auto;
}

/* HACK for IE (exc mac) \*/
* html #masthead {
    height: 1%;
}

/* End hide from IE5-mac */

#masthead a {
    float: left;
}

#controlPanel {
    float: right;
    margin-top: 5px;
}

#controlPanel ul {
    float: left;
}

#controlPanel li {
    display: block;
    float: left;
    line-height: 64px;
    font-size: 1.4em;
    padding: 0 10px 0 30px;
}

#controlPanel li.home {
    background: transparent url( ../images/design/home.gif ) no-repeat scroll 10px center;
}

#controlPanel li.myaccount {
    background: transparent url( ../images/design/myaccount.gif ) no-repeat scroll 10px center;
}

#controlPanel li.logout {
    background: transparent url( ../images/design/logout.gif ) no-repeat scroll 10px center;
}

#controlPanel li.product {
    background: transparent url( ../images/design/products.gif ) no-repeat scroll 10px center;
}

#controlPanel li.sitemap {
    background: transparent url( ../images/design/sitemap.gif ) no-repeat scroll 10px center;
}

#controlPanel li.help {
    background: transparent url( ../images/design/help.gif ) no-repeat scroll 10px center;
}

#miniCart {
    clear: right;
    float: right;
    margin-top: 10px;
    text-align: center;
}

#miniCart a {
    display: block;
    text-decoration: none;
}

#miniCart div.miniCartTitle {
    background: transparent url( ../images/design/cart.gif ) no-repeat scroll 10px bottom;
    padding: 10px 10px 0 30px;
    font-size: 1.4em;
    display: block;
    text-decoration: underline;
}

#miniCartContent,
    #miniCartContent:hover {
    
}

#login {
    margin: 10px 100px;
    float: right;
    font-size: 2em;
    line-height: 1.2em;
}

#login a {
    font-size: 0.6em;
}

/*Sections: Navigator*/
#navigator {
    background: transparent url( ../images/design/right_box_header.gif ) no-repeat scroll right top;
    margin: 5px 10px 5px 0;
    width: 254px;
    min-width: 254px;
    text-align: center;
}

#navigator h2 {
    background: transparent url( ../images/design/left_box_header.gif ) no-repeat scroll left top;
    padding-left: 10px;
    margin-bottom: 0;
}

#navigator h2 span {
    display: block;
    color: #fcf9ce;
    padding: .5em;
    line-height: 1em;
    letter-spacing: 0.1em;
}

#navigator ul {
    background: #ffffff;
    border: 1px solid #d7d7d7;
    border-top: 1px none;
    padding: 10px;
    text-align: left;
    font-size: 1.4em;
    line-height: 1.5em;
}

/*Sections: Footer*/
#footer {
    
    
}

#pageContent {
    float:left;
	display: inline;
	width: 954px;
    margin: 15px 15px 30px 15px;
	padding: 0px;
}


/*Sections: Cart*/

#cart div.box {
    width: 80%;
}

#cart div.boxhead h2 {
    font-size: 0;
    padding-bottom: 0;
}

#cart div.boxbody {
    padding-top: 0;
}

/* Order Review
--------------------------------------------------------------------- */
#reviewDetailsDetail form {
	width: 701px;
	margin: 0px;
}
#reviewDetailsDetail table.cart {
    width: 701px;
	margin-bottom: 15px;
}
#reviewDetailsDetail table.cart tr td {
	background-color: #d1daea;
	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 15px;
}
#reviewDetailsDetail table.cart thead {
    font-weight: bold;
    color: #3d3d3d;
	
}
#reviewDetailsDetail table.cart thead td {
	text-align: left;
	background-color: #ffffff;
	width: 299px;
	border: 0px;
	padding: 0px 15px 5px 15px;
}
#reviewDetailsDetail table.cart tr td img {
    float: left;
    padding-right: 10px;
}
#reviewDetailsDetail table.cart tr td.productCell {
    text-align: left;
	width: 299px;
}
#reviewDetailsDetail table.cart tr td.productCell p {
	color: #3d3d3d;
	margin: 0px 0px 5px 0px;
}
#reviewDetailsDetail table.cart tr td.productCell p.desc {
	font-weight: bold;
}
#reviewDetailsDetail table.cart tr td.productCell p.promo {
	font-weight: bold;
	color: #F4231E;
}
#reviewDetailsDetail table.cart tr td.priceCell {
	text-align: center;
	width: 70px;
}
#reviewDetailsDetail table.cart thead tr td.priceCell {
	text-align: left;
}
#reviewDetailsDetail table.cart tr td.quantityCell {
	text-align: center;
	width: 40px;
}
#reviewDetailsDetail table.cart tr td.discountCell {
	text-align: center;
	width: 70px;
}
#reviewDetailsDetail table.cart tr td.totalCell {
	text-align: right;
    width: 70px;
	border-right: 1px solid #bbbbbb;
}
#reviewDetailsDetail table.cart thead tr td.totalCell {
	text-align: center;
	border-right: 0px;
}
#reviewDetailsDetail table.cart tr.subtotalRow {
    text-align: right;
    color: #3d3d3d;
}
#reviewDetailsDetail table.cart tr.subtotalRow td {
    border-top: 1px solid #bbbbbb;
	border-bottom: 0px;
	border-left: 1px solid #bbbbbb;
	font-weight: bold;
}
#acc #reviewDetailsDetail table.cart tr.subtotalRow td, #acc #reviewDetailsDetail table.cart tr.deliveryRow td, #acc #reviewDetailsDetail table.cart tr.discountRow td, #acc #reviewDetailsDetail table.cart tr.grandTotalRow td {
	background-color: #F6F5F2;
}
#acc #reviewDetailsDetail table.cart tr.subtotalRow td.spacer, #acc #reviewDetailsDetail table.cart tr.deliveryRow td.spacer, #acc #reviewDetailsDetail table.cart tr.discountRow td.spacer, #acc #reviewDetailsDetail table.cart tr.grandTotalRow td.spacer {
	background-color: #ffffff;
}
#reviewDetailsDetail table.cart tr.subtotalRow td span {
	font-weight: normal;
}
#reviewDetailsDetail table.cart tr.subtotalRow td#subtotalTotal {
	border-right: 1px solid #bbbbbb;
	border-left: 0px;
	font-weight: bold;
	font-size: 9pt;
}
#reviewDetailsDetail table.cart tr.deliveryRow {
    text-align: right;
    color: #3d3d3d;
}
#reviewDetailsDetail table.cart tr.deliveryRow td {
    border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #bbbbbb;
}
#reviewDetailsDetail table.cart tr.deliveryRow td#deliveryTotal {
	border-right: 1px solid #bbbbbb;
	border-left: 0px;
	font-weight: bold;
	font-size: 9pt;
}
#reviewDetailsDetail table.cart tr.discountRow {
    text-align: right;
    color: #3d3d3d;
}
#reviewDetailsDetail table.cart tr.discountRow td {
    border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #bbbbbb;
}
#reviewDetailsDetail table.cart tr.discountRow td#discountTotal {
	border-right: 1px solid #bbbbbb;
	border-left: 0px;
	font-weight: bold;
	font-size: 9pt;
}
#reviewDetailsDetail table.cart tr.grandTotalRow {
    text-align: right;
	font-weight: bold;
    padding-right: 20px;
    color: #194AA2;
}
#reviewDetailsDetail table.cart tr.grandTotalRow td {
    border-top: 0px;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
}
#reviewDetailsDetail table.cart tr.grandTotalRow td#grandTotal {
	border-right: 1px solid #bbbbbb;
	border-left: 0px;
	font-size: 11pt;
}
#reviewDetailsDetail table.cart tr td.spacer {
	border: 0px;
	background: #ffffff;
	padding: 0px;
}
#reviewDetailsDetail p.basket {
	float: left;
	width: 322px;
	margin: 0px;
}
#reviewDetailsDetail p.terms {
	float: left;
	width: 191px;
	margin: 0px;
}
#reviewDetailsDetail p.terms a {
	padding: 0px 0px 0px 20px;
}
#checkoutButton {
	float: right;
	margin: 0px;
}

#refundDetail {
	width: 701px;
	margin: 0px;
}
#refundDetail table.cart {
    width: 701px;
	margin-bottom: 15px;
}
#refundDetail table.cart tr td {
	background-color: #d1daea;
	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 15px;
}
#refundDetail table.cart thead {
    font-weight: bold;
    color: #3d3d3d;

}
#refundDetail table.cart thead td {
	text-align: left;
	background-color: #ffffff;
	width: 299px;
	border: 0px;
	padding: 0px 15px 5px 15px;
}
#refundDetail table.cart tr td img {
    float: left;
    padding-right: 10px;
}
#refundDetail table.cart tr td.productCell {
    text-align: left;
	width: 299px;
}
#refundDetail table.cart tr td.productCell p {
	color: #3d3d3d;
	margin: 0px 0px 5px 0px;
}
#refundDetail table.cart tr td.productCell p.desc {
	font-weight: bold;
}
#refundDetail table.cart tr td.productCell p.promo {
	font-weight: bold;
	color: #F4231E;
}
#refundDetail table.cart tr td.priceCell {
	text-align: center;
	width: 70px;
}
#refundDetail table.cart thead tr td.priceCell {
	text-align: left;
}
#refundDetail table.cart tr td.quantityCell {
	text-align: center;
	width: 40px;
}
#refundDetail table.cart tr td.discountCell {
	text-align: center;
	width: 70px;
}
#refundDetail table.cart tr td.totalCell {
	text-align: right;
    width: 70px;
	border-right: 1px solid #bbbbbb;
}
#refundDetail table.cart thead tr td.totalCell {
	text-align: center;
	border-right: 0px;
}
#acc #refundDetail table.cart tr.deliveryRow td, #acc #refundDetail table.cart tr.discountRow td, #acc #refundDetail table.cart tr.grandTotalRow td {
	background-color: #F6F5F2;
}
#acc #refundDetail table.cart tr.deliveryRow td.spacer, #acc #refundDetail table.cart tr.discountRow td.spacer, #acc #refundDetail table.cart tr.grandTotalRow td.spacer {
	background-color: #ffffff;
}
#refundDetail table.cart tr.deliveryRow {
    text-align: right;
    color: #3d3d3d;
}
#refundDetail table.cart tr.deliveryRow td {
    border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #bbbbbb;
}
#refundDetail table.cart tr.deliveryRow td.deliveryTotal {
	border-right: 1px solid #bbbbbb;
	border-left: 0px;
	font-weight: bold;
	font-size: 9pt;
}
#refundDetail table.cart tr.discountRow {
    text-align: right;
    color: #3d3d3d;
}
#refundDetail table.cart tr.discountRow td {
    border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #bbbbbb;
}
#refundDetail table.cart tr.discountRow td#discountTotal {
	border-right: 1px solid #bbbbbb;
	border-left: 0px;
	font-weight: bold;
	font-size: 9pt;
}
#refundDetail table.cart tr.grandTotalRow {
    text-align: right;
	font-weight: bold;
    padding-right: 20px;
    color: #194AA2;
}
#refundDetail table.cart tr.grandTotalRow td {
    border-top: 0px;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
}
#refundDetail table.cart tr.grandTotalRow td.grandTotal {
	border-right: 1px solid #bbbbbb;
	border-left: 0px;
	font-size: 11pt;
}
#refundDetail table.cart tr td.spacer {
	border: 0px;
	background: #ffffff;
	padding: 0px;
}
#refundDetail p.basket {
	float: left;
	width: 322px;
	margin: 0px;
}
#refundDetail p.terms {
	float: left;
	width: 191px;
	margin: 0px;
}
#refundDetail p.terms a {
	padding: 0px 0px 0px 20px;
}
#cart .subtract {
    display: block;
    float: left;
    background: transparent url( ../images/design/minus.gif ) no-repeat scroll top center;
    width: 20px;
    text-indent: -1000px;
    padding-right: 10px;
}


#cart .add {
    display: block;
    float: left;
    background: transparent url( ../images/design/plus.gif ) no-repeat scroll top center;
    width: 20px;
    text-indent: -1000px;
    padding-left: 10px;
}

#cart .remove {
    display: block;
    background: transparent url( ../images/design/delete.gif ) no-repeat scroll top center;
    text-indent: -9000px;
    padding-right: 10px;
    height: auto !important;
    height: 1%;
	line-height: 17px;
}

#cart .emptyCart {
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
}
/*Section: signin*/
#signin {
    width: 60%;
    margin: 30px auto;
}

#signinDialog {
    font-size: 1.5em;
    font-weight: bold;
}

#signinForm {
/*
    overflow: auto;
    width: 100%;
	*/
}

#signinForm p {
/*
    overflow: auto;
    width: 100%;
    margin-bottom: 20px;
	*/
}

#signin h2 {
    font-size: 2.0em;
    font-weight: bold;
    color: #9e292b;
}

#existinguserText,
    #newuserText {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#newuserText span {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

/*Section: order details*/
#orderDetails {
    width: 80%;
    margin: 10px auto;
}

#orderDetails div.box {
    margin-top: 0;
    margin-bottom: 10px;
}

#orderDetails div.box h2 {
    color: #9e292b;
}

/*Section: review order*/
#reviewOrder {
    width: 80%;
    margin: 10px auto;
}

.customerInfo {
    width: 48%;
    float: left;
}

.deliveryInfo {
    width: 48%;
    float: right;
    border-left: 1px solid #d7d7d7;
    padding-left: 10px;
}

#reviewItems {
    clear: both;
}

/*Section: completed order*/
#completedOrder {
    width: 80%;
    margin: 10px auto;
}

#orderReference span {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.6em;    
}

.refkey {
    color: #9e292b;
    display: block;
    float: left;
    width: 48%;
    text-align: right;
    margin-bottom: 10px;
    }

.refvalue {
    display: block;
    float: left;
    width: 48%;
    margin-left: 1em;
    margin-bottom: 10px;
}

/* Section: item list */
#itemList {
    width: 80%;
    margin: 10px auto;
}

.itemSummary a.buy {
    display: block;
    float: right;
    background: transparent url( ../images/design/buyButton.gif ) no-repeat center center;
    width: 70px;
    height: 24px;
    text-indent: -1000px;
}

.itemSummary h2 {
    overflow: auto;
}
.itemSummary a.itemName {
    display: block;
    float: left;
}

.itemSummary .price {
    display: block;
    float: right;
    padding-right: 10px;
}
.itemSummary img {
    float: left;
    padding-right: 10px;
}

.itemSummary p {
    font-size: 1.2em;
}

.itemSummary .moreDetails {
    float:right;
    font-size: 1.2em;
}

/* Section: item */
#item {
    margin: 10px auto;
    overflow: auto;
    font-size: 1.3em !important;
}

#item .itemHeader {
    overflow: auto;
}

#item h1 {
    float: left;
}

#item .itemActions {
    float: right;
}

#item .mail {
    background: transparent url( ../images/design/mail.gif ) no-repeat scroll left center;
    padding-left: 20px;
}

#item .itemView {
    float: left;
    clear: left;
    overflow: auto;
    width: 50%;
}

#item .itemImages {
    float: left;
    clear: left;
    margin-bottom: 10px;
    height: 350px;    
}

#item .itemImages #mainImage {
    float: left;
    padding-right: 5px;
}

#item .itemImages ul {
    float: left;
}

#item .itemImages ul li {
    margin-bottom: 5px;
}

#item .itemInfo {
    float: right;
    width: 48%;
}

#item .itemInfo p.description {
    clear: right;
    margin-top: 10px;
}

#item .itemInfo dt {
    margin: 5px 0 5px 0;
    font-weight: bold;
    color: #9e292b;
    letter-spacing: 0.1em;
}

#item .itemInfo ul.ingredients li {
    float: left;
    background: transparent url( ../images/design/bullet.gif ) no-repeat scroll left center;
    padding-left: 20px;
    margin-top:5px;
    width:45%;
}

#item ul.features {
    clear: left;
    float: left;
    width: 100%;
}

#item ul.features li {
    float: left;
    margin-right: 5px;
    width: 74px;
    height: 74px;
    text-indent: -9000px;
}

#item .itemInfo .pricing {
    overflow: auto;
}

#item .itemInfo .pricing a {
    display: block;
    float: right;
    background: transparent url( ../images/design/buyButton.gif ) no-repeat scroll center center;
    width: 70px;
    height: 30px;
    text-indent: -1000px;
}

#item .itemInfo .pricing p {
    display: block;
    float:right;
    margin-right: 20px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 30px;
}

#item .itemInfo .pricing .price {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 30px;
    margin-left: 20px;
}