@charset "utf-8";

/* CSS Document */



div#cartcontainer {

	width: 570px;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: auto;

	margin-right: auto; /* Center */

	}



h1.cartheader {

	width: 100%;

	height: 50px;

	margin-top: 5px;

	margin-bottom: 5px;

	float: left;

	}



div.cartheaderleftend {

	width: 10px;

	height: 50px;

	float: left;

	background: url(images/bannerleftend.png) top left no-repeat;

	}



div.cartheadermid {

	width: 530px; /* 530px + 10px padding-left + 10px padding-right = 550px */

	height: 48px; /* 48px + 1px padding-top + 1px padding-bottom = 50px */

	padding: 1px 10px;

	float: left;

	background: url(images/bannermid.png) center center repeat-x;

	line-height: 50px;

	}



div.cartheaderrightend {

	width: 10px;

	height: 50px;

	float: left;

	background: url(images/bannerrightend.png) top left no-repeat;

	}



div#cartnavblockpos {

	float: right;

	}

	

h2.cartnavinactive {

	float: left;

	color: #b1b1b1;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	}



h2.cartnavactive {

	float: left;

	color: #990000;

	font-size: 14px;

	font-style: normal;

	font-weight: normal;

	}



h2.cartnavnext {

	float: left;

	color: #b1b1b1;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	}



div.cartnavspacer {

	width: 18px;

	height: 50px;

	float: left;

	background: url(images/bannerdivider.png) center center no-repeat;

	}



span.cartnavprice {

	color: #990000;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	}



h2.cartnavactive a, h2.cartnavactive a:active, h2.cartnavactive a:visited, h2.cartnavactive span.cartnavtitleactive {

	color: #990000;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	border-bottom: 5px solid #f7c63c;

	}



h2.cartnavactive a:hover {

	border-bottom: 5px solid #990000;

	}



h2.cartnavinactive a, h2.cartnavinactive a:active, h2.cartnavinactive a:visited {

	color: #b1b1b1;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	border-bottom: 5px solid #edeedd;

	}



h2.cartnavnext a, h2.cartnavnext a:active, h2.cartnavnext a:visited {

	color: #b1b1b1;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	border-bottom: 5px solid #edeedd;

	}



h2.cartnavnext a:hover, h2.cartnavinactive a:hover {

	border-bottom: 5px solid #f7c63c;

	}



.cartnavtitleinactive {

	border-bottom: 5px solid #edeedd;

	}



table#cartitems {

	width: 550px;

	float: left;

	margin-left: 10px;

	margin-right: 10px;

	

	font-size: 12px;

	}



tr.cartitemrow {



	}



td.itemimg {

	width: 80px;

	}



td.itemdetails {

	width: 270px;

	padding-left: 10px;

	}



td.pricespacer {

	width: 190px;

	}



tr.cartitempricerow {



	}



td.cartitemprice {

	

	background: url(images/cartitemborder.png) center left repeat-x;

	padding-top: 10px;

	padding-bottom: 10px;

	}



.noitemsincart {

	text-align: center;

	font-size: 14px;

	font-weight: bold;

	padding: 10px 0 10px 0;

	}



span.itemprice {

	color: #990000;

	font-size: 18px;

	font-style: italic;

	font-weight: bold;

	

	padding: 2px 0 2px 4px;

	background-color: #ffffff;

	float: right;

	}



.cartlink, a.cartlink:active, a.cartlink:visited {

	color: #990000;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	text-decoration: none;

	}



a.cartlink:hover {

	color: #990000;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	

	text-decoration: underline;

	}



p.itemdescription {

	color: #565656;

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	margin-left: 5px;

	margin-top: 2px;

	margin-bottom: 10px;

	}



div.itemquantity {

	margin-left: 5px;

	float: left;

	}

	

div.itemremove {

	float: right;

	}



span.qtyprice {

	font-style: italic;

	}



a.removeitemlink, a.removeitemlink:active, a.removeitemlink:visited {

	color: #999999;

	text-decoration: underline;

	background: url(images/deletex.png) 2px center no-repeat;

	padding: 0 0 0 14px;

	}



a.removeitemlink:hover {

	color: #990000;

	text-decoration: none;

	}



div#subtotalarea {

	width: 550px;

	float: left;

	margin-left: 10px;

	padding-top: 10px;

	padding-bottom: 5px;

	border-top: 1px solid #d0d0d0;

	}

	

div#subtotal {

	float: right;

	}



div#updatecart {

	float: left;

	}



span.subtotal {

	color: #a2a2a2;

	font-size: 14px;

	font-style: italic;

	font-weight: bold;

	}



strong.subtotal {

	color: #a2a2a2;

	font-size: 18px;

	font-style: italic;

	font-weight: bold;

	}



strong.coupon {

	color: #f26100;

	font-size: 18px;

	font-style: italic;

	font-weight: bold;

	}



div.cartmodifiers {

	height: 18px;

	float: left;

	}



span.cartmodtitle {

	color: #575757;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	}



div.coupondiscount, div.shippingfee {

	float: right;

	}



strong.shipping {

	color: #990000;

	font-size: 18px;

	font-style: italic;

	font-weight: bold;

	}



div#totalarea {

	width: 550px;

	float: left;

	margin: 10px 10px 10px 10px;

	border-top: 1px solid #990000;

	}



div#total {

	float: right;

	line-height: 30px;

	}



strong.total {

	color: #990000;

	font-size: 24px;

	font-style: italic;

	font-weight: bold;

	}



div#clearcart {

	float: left;

	}

	

div#continueshopping {

	float: right;

	margin-right: 10px;

	}



div#checkout {

	float: right;

	text-align: center;

	}



.carttextbox {

	width: 100px;

	height: 14px;

	}



.applychange {

	margin-left: 4px;

	}



.shippinglist {

	width: 200px;

	}



span.cartcode {

	color: #a2a2a2;

	font-size: 10px;

	margin-left: 10px;

	}



p.orseparator {

	margin-top: 4px;

	margin-bottom: 4px;

	}



/* Checkout sections */

a.checkouttoggle, a.checkouttoggle:active, a.checkouttoggle:visited, h1.checkoutblock {

	display: block;

	width: 100%;

	float: left;

	

	height: 23px;

	background: url(images/checkouttogglebg.png) top left repeat-x;

	border: 1px solid #80aabd;

	margin-top: 10px;

	margin-bottom: 10px;

	

	color: #ffffff;

	font-size: 18px;

	font-style: normal;

	font-weight: bold;

	line-height: 23px;

	}



a.checkouttoggle:hover {

	background: #4f84ba;

	}



#noaccttoggle, .checkoutblockicon {

	margin-left: 5px;

	margin-right: 5px;

	}



.quickcheckout {

	font-style: italic;

	font-weight: normal;

	}



#paypalblock {

	width: 270px;

	height: 110px;

	float: left;

	margin-left: 10px;

	}

	

#paypalleft {

	width: 10px;

	height: 110px;

	float: left;

	

	background: url(images/paypalbgleft.png) top left no-repeat;

	}



#paypalmid {

	width: 250px;

	height: 100px;

	padding-top: 10px;

	float: left;

	background: url(images/paypalbgmid.png) top left repeat-x;

	}



p.explanation {



	}



h1.explanation {

	font-size: 12px;

	color: #333333;

	margin-bottom: 2px;

	}



p.checkoutforgotpw {

	text-align: right;

	}



p.checkoutforgotpw a {

	color: #990000;

	text-decoration: underline;

	}



p.checkoutforgotpw a:hover {

	color: #990000;

	text-decoration: none;

	}



#paypalright {

	width: 10px;

	height: 110px;

	float: left;

	

	background: url(images/paypalbgright.png) top left no-repeat;

	}



#accountblock {

	width: 270px;

	height: 110px;

	float: left;

	margin-left: 10px;

	}



#accountleft {

	width: 10px;

	height: 110px;

	float: left;

	

	background: url(images/loginbgleft.png) top left no-repeat;

	}



#accountmid {

	width: 250px;

	height: 100px;

	padding-top: 10px;

	float: left;

	background: url(images/loginbgmid.png) top left repeat-x;

	}



#accountright {

	width: 10px;

	height: 110px;

	float: left;

	

	background: url(images/loginbgright.png) top left no-repeat;

	}



#paypallogo {

	

	}



#paypalmid p {

	font-size: 10px;

	font-weight: bold;

	margin-bottom: 10px;

	}



#paypallink {

	text-align: center;

	}



#checkoutinfo {

	float: left;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	padding-right: 10px;

	border:1px solid #d6d6d6;

	margin-bottom: 10px;

	}



#accountmid h2, #checkoutinfo h2 {

	color: #064877;

	font-size: 12px;

	font-style: italic;

	font-weight: bold;

	

	margin-bottom: 5px;

	}



p.required {

	color: #990000;

	margin-top: 5px;

	margin-bottom: 5px;

	}



span.required {

	color: #990000;

	}



p.formset {

	margin-left: 10px;

	text-align: right;

	margin-bottom: 5px;

	}



p.formsetinfo {

	margin-left: 10px;

	margin-top: 5px;

	}



p.formset label {

	

	}



p.formset input, p.formset select {

	width: 150px;

	}



#billinginfo {

	width: 259px;

	float: left;

	padding-right: 10px;

	border-right: 1px solid #CCCCCC;

	}



#shippinginfo {

	width: 258px;

	padding-left: 10px;

	float: left;

	border-left: 2px solid #CCCCCC;

	}



#storedbilling, #storedshipping {

	width: 270px;

	float: left;

	margin-left: 10px;

	margin-top: 10px;

	

	font-size: 10px;

	}



#storedbilling h1, #storedshipping h1 {

	font-size: 12px;

	font-weight: bold;

	color: #990000;

	

	}



#newaccount {

	width: 550px;

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

	}



#newaccount p {

	margin-left: 10px;

	margin-top: 5px;

	margin-bottom: 5px;

	font-weight: bold;

	font-size: 10px;

	}



.explain {

	font-weight: bold;

	font-size: 10px;

	margin-bottom: 5px;

	}



/* Payment page */



#paymentdetails {

	width: 550px;

	padding-top: 10px;

	padding-bottom: 10px;

	float: left;

	

	border-bottom: 1px solid #cfcfcf;

	

	margin-bottom: 10px;

	

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	}



#paymentbilling, #paymentshipping {

	float: left;

	margin-left: 10px;

	

	}



#paymentdetails h1 {

	color: #990000;

	font-size: 10px;

	font-style: italic;

	font-weight: bold;



	}



#paymentmethods {

	width: 100%;

	float: left;



	}



#paymentmethods button {

	float: right;

	margin-top: 5px;

	}



#paymentmethods p {

	margin-top: 4px;

	}

	

#paypaldirect {

	float: right;

	

	width: 200px;

	padding: 10px;

	border: 1px solid #cfcfcf;

	border-top: 4px solid #cfcfcf;

	

	margin-top: 10px;

	margin-bottom: 10px;

	

	clear: both;

	}



#paymentonacct {

	float: right;

	

	width: 200px;

	padding: 10px;

	border: 1px solid #cfcfcf;

	border-top: 4px solid #cfcfcf;

	

	margin-top: 10px;

	margin-bottom: 10px;

	

	clear: both;

	}



.xonca_payment_paypalproexpress {

	width: 200px;

	float: right;

	margin-top: 10px;

	margin-bottom: 10px;

	text-align: right;

	clear: both;

	}



h1#receipt {

	font-size: 14px;

	font-weight: bold;

	}



/* Buttons */



button {

    margin:0 0 0 0;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

    line-height:130%;

    font-weight:bold;

    cursor:pointer;

	width:auto;

    overflow:visible;

	padding: 0 1px 0 1px;

	}



button.checkout, button.addnew {

	background-color:#ffe9d6;

    border:1px solid #ffb370;

	}



button.continueshopping {

	background-color:#cfdfe3;

    border:1px solid #6b99a6;

	}



button.clearcart, button.deleteaddr {

	background-color: #fbe3e4;

    border: 1px solid #fbc2c4;

    color: #d12f19;

	}



button.apply, button.updatecart, button.loginsubmit {

	background-color:#efefef;

    border:1px solid #d6d6d6;

	}



button.loginsubmit {

	float: right;

	}



button.apply {

	margin-left: 4px;

	}



button.checkout:hover, button.addnew:hover {

	background-color:#ff9539;

    border:1px solid #ff9539;

	color: #ffffff;

	}



button.continueshopping:hover {

	background-color:#3f6ea2;

    border:1px solid #3f6ea2;

	color: #ffffff;

	}



button.clearcart:hover, button.deleteaddr:hover {

	background-color: #d12f19;

    border: 1px solid #d12f19;

    color: #ffffff;

	}



button.deleteaddr {

	margin-left: 2px;

	}



button.apply:hover, button.updatecart:hover, button.loginsubmit:hover {

	background-color:#E6EFC2;

    border:1px solid #C6D880;

	color: #529214;

	}



button.checkoutcontinue {

	background-color:#ffe9d6;

    border:1px solid #ffb370;

	float: right;

	

	}



button.checkoutcontinue:hover {

	background-color:#ff9539;

    border:1px solid #ff9539;

	color: #ffffff;

	}



div#continuepayment {

	float: left;

	width: 100%;

	margin-top: 10px;

	margin-bottom: 10px;

	}



/* User Addresses page */



div#editaddresses {

	width: 280px;

	float: left;

	}



div#billingaddresses {

	

	margin: 10px;

	padding: 10px;

	

	border: 1px solid #dadada;

	background: #f2f2f2;

	}



div#shippingaddresses {

	margin: 10px;

	padding: 10px;

	

	border: 1px solid #dadada;

	background: #f2f2f2;

	

	}



div#addressaction {

	float: left;

	width: 400px;

	height: 400px;

	margin: 10px;

	padding: 10px;

	}



div#editaddresses h1 {

	font-size: 14px;

	font-weight: bold;

	font-style: italic;

	color: #000066;

	

	margin-bottom: 4px;

	}



div#editaddresses h2 {

	font-size: 12px;

	font-weight: normal;

	font-style: italic;

	color: #666666;

	

	margin: 10px 2px 2px 5px;

	}



div#editaddresses h3 {

	font-size: 10px;

	font-weight: bold;

	font-style: normal;

	color: #CC0000;

	

	margin: 0px 2px 2px 5px;

	}



table.xonca_customer_address_tbl th {

	background: none;

	}
	
.xonca_category_nav { font-size:12px; color:#880d0d; margin-top: 10px; margin-bottom: 10px; font-weight:bold; }
.xonca_category_nav a:link, .xonca_category_nav a:visited { color:#880d0d; text-decoration:none; }
.xonca_category_nav a:hover, .xonca_category_nav a:active { color:#880d0d; text-decoration:underline; }
.xonca_category_children {width: 100%;}
.xonca_category_children_tiles {width:100%;}
.xonca_category_children_tiles .xonca_category_children_tile{ float:left; width:150px; height:250px; margin:5px; text-align:center; }
.xonca_category_children_tiles .xonca_category_children_tile img { border:none; }
.xonca_category_children_tiles .xonca_category_children_end{ clear:both; }
.xonca_category_children_tiles .xonca_category_children_tile:hover{ background-color: #FFFFFF;} 
.xonca_category_items { width:100%; }
.xonca_category_items .xonca_category_items_header {  color:#01295A; background:#fff; font-size:1.5em; }
.xonca_category_webitemlist { width:100%; }
.xonca_category_webitemlist .xonca_category_webitemlist_tbl { width:100%; }
.xonca_category_webitemlist .xonca_category_webitemlist_tbl .xonca_category_webitemlist_image { width:10%; }
.xonca_category_webitemlist .xonca_category_webitemlist_tbl .xonca_category_webitemlist_name { width:20%; }
.xonca_category_webitemlist .xonca_category_webitemlist_tbl .xonca_category_webitemlist_description { width:50%; }
.xonca_category_webitemlist .xonca_category_webitemlist_tbl .xonca_category_webitemlist_price  { width:20%; }
.xonca_webitem_baseprice { color: #880d0d; font-weight:bold; font-size:16px; margin:0 0 10px 0; }


