/* CLAY AIKEN */
/* Master Store/Checkout Stylesheet
----------------------------------------------------------------------------- */


	@import url("http://dev.media.sparkart.net/common/templates/standard/tables.css");
	@import url("http://dev.media.sparkart.net/common/templates/standard/spacing.css");


/* PAGE CONTENT
----------------------------------------------------------------------------- */


/* Headings */


	#title h2,
	#title h2 a,
	#title h2 a:hover {
	
	font: normal 24px/24px Arial, "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	color: #000;
	
	}
	
	#title h2 span,
	#title h2 a {
	
	color: #919191;
	
	}
	
	h3 {
	
	display: block;
	font: normal 20px/24px Arial, sans-serif;
	color: #111;
	
	}
	
	div.pane h3 {

	color: #333;

	}

	div.group div h3 {

	color: #fff;

	}

	h4, h4 a, h4 a:hover {

	clear: left;
	color: #e1dfd3;
	font: normal 14px/16px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;

	}

	h3 em, h4 em, h3 span, h4 span {

	font-style: normal;

	}


/* Text */


	body {

	color: #222;
	font: normal 12px/15px Arial, sans-serif;

	}
	
	div.display div.story,
	div.display div.about {

	font-size: 13px;
	line-height: 20px;

	}

	blockquote p {

	color: #888;
	font-size: 15px !important;
	line-height: 19px !important;

	}

	dt, label em, fieldset em {

	font-size: 11px;

	}

	small, small a {

	font-size: 9px;
	line-height: 16px;

	}


/* Rules */


	dt, dd {

	border-top: 1px solid #26231F;

	}

	div.ruled td {

	border-bottom: 1px solid #26231F;

	}

	div.ruled div.tags {

	border-top: 4px solid #26231F;

	}


/* Tables */


	th {

	background-color: #2d8598;
	color: #fff;

	}


/* Inline Links */


	a {

	color: #5F9DBE;
	outline: none;
	text-decoration: none;

	}

	a:hover {

	color: #fff;

	}

	li ul.actions li {

	border: 0 !important;

	}

	/* li ul.actions a, */ .widget-item.display .topic .tags li {

	font-size: 14px;
	color: #000;
	background: #c7e6f6;

	}


/* Action Buttons */

	
	a.action, ul.pages a, ul.pages strong {

	padding: 4px;
	height: auto !important;
	white-space: nowrap;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-transform: uppercase;
	background-image: url(../images/actions/bg-action.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-indent: 0 !important;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	}

	a.action, ul.pages a {

	background-color: #5F9DBE;

	}

	div#sidebar a.action {

	width: auto !important;
	height: auto !important;

	}

	ul.pages strong {

	background-color: #fff;
	font-weight: normal;

	}

	td a.details,
	td a.tickets,
	td a.presale {
	
	padding: 1px 5px;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	
	}

	td strong {

	text-transform: uppercase;
	line-height: 12px;

	}


/* Toggle Buttons */


	a.toggle, strong.toggle {

	background: #BBA285;
	padding: 5px;
	color: #000;
	text-transform: uppercase;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	}

	a.toggle:hover {

	background-color: #fff;

	}

	strong.toggle {

	background: #fff;

	}

	ul.toggle li {

	background-color: #BBA285;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	}

	ul.toggle label em {

	color: #fff;
	text-transform: uppercase;

	}


/* TABS
----------------------------------------------------------------------------- */


	ul.tabs li a,
	ul.tabs li strong {

	background-color: #919191;
	color: #fff;
	font: normal 17px/17px Arial, sans-serif;
	text-transform: uppercase;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	}

	ul.tabs li a:hover {

	background-color: #E1DFD3;
	color: #000;

	}

	ul.tabs li.selected a,
	ul.tabs li.selected strong,
	ul.tabs li.selected a:hover {

	background-color: #E1DFD3;
	color: #000;
	border-bottom: 0;

	}


/* PANES
----------------------------------------------------------------------------- */


	div.pane {

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	}

	div.tabbed div.pane {

	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;

	}


/* EMPHASIZED CONTENT
----------------------------------------------------------------------------- */


/* Tabs */


	div.emphasis ul.tabs li a {

	color: #2D8598;
	background-color: #205e6b;

	}

	div.emphasis ul.tabs li a:hover {

	color: #fff;
	background-color: #2D8598;

	}
	
	div.emphasis ul.tabs li.selected a,
	div.emphasis ul.tabs li.selected strong,
	div.emphasis ul.tabs li.selected a:hover {

	color: #fff;
	background-color: #711920;

	}
	
	
/* Headings */


	div.emphasis div.pane h3,
	div.pane.emphasis h3 {
	
	color: #fff;
	
	}
	
	
/* Panes */

	
	div.emphasis div.pane,
	div.pane.emphasis {
	
	background-color: #711920;
	
	}
		
	div.emphasis div.pane div.group,
	div.pane.emphasis div.group {
	
	color: #fff;
	background: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	}
	
	
/* Inline Elements */


	p.emphasis {
	
	border-color: #919191;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	}
	
	
/* Action Buttons */


	div.emphasis a.action,
	div.emphasis ul.pages a {
	
	background-color: #5F9DBE;
	
	}
	
	
/* Large Action Buttons */


	ul.actions.emphasis li.submit a,
	.widget-item.display .purchase a.submit {
	
	font-size: 14px;
	line-height: 30px;
	padding: 3px 10px;
	background-image: none;
	
	}


/* CHECKOUT
----------------------------------------------------------------------------- */


/* Steps */

	
	.section-checkout #steps {
	
	width: 300px;
	background-color: transparent;
	padding: 90px 0 0 18px;
			
	}
	
	.section-checkout #steps li {
	
	clear: both;
	margin-bottom: 10px;
	width: 240px;
	
	}
	
	.section-checkout #steps a,
	.section-checkout #steps strong,
	.section-checkout #steps em {
	
	background: #470000;
	padding-left: 30px;

	-moz-border-radius-bottomright: 15px !important;
	-moz-border-radius-topright: 15px !important;
	-webkit-border-bottom-right-radius: 15px !important;
	-webkit-border-top-right-radius: 15px !important;
	
	}
		
		
/* Step: Current */

		
	.section-checkout #steps strong {
	
	color: #fff;
	background: #e7962c;
	
	}
	
	.section-checkout #steps strong var {
	
	color: #e7962c;
	background: #fff;
	
	}
		

/* Steps: Completed */

		
	.section-checkout #steps a {

	color: #e7962c;
	background: #000;	
	
	}

	.section-checkout #steps a:hover {
	
	color: #fff;
	background: #e7962c;
	
	}

	.section-checkout #steps a var {
	
	color: #000;
	background: #e7962c;
	
	}
	
	.section-checkout #steps a:hover var {
	
	color: #e7962c;
	background: #fff;
	
	}


/* Steps: Next */


	.section-checkout #steps em {
	
	color: #333a3c;
	background: #181818;
	
	}
	
	.section-checkout #steps em var {

	color: #000;
	background: #333a3c;
	
	}
	

	
/* Legal */

	
	#page-payment div.legal div {
	
	background: #d1d1d1;
	padding: 0 !important;
	
	}
	
	#page-payment div.legal div h3,
	#page-payment div.legal div h4,
	#page-payment div.legal div p {
	
	color: #333;
	
	} 
		
		
/* Cart */


	table.order td,
	.widget-cart.modify table td,
	.widget-order.display table.summary td {
	
	border-color: #fff;
	
	}
	
	table.order tfoot,
	.widget-cart.modify table tfoot,
	.widget-order.display table.summary tfoot {
	
	color: #fff;
	background: #000; 
	
	}
	
	table.order tfoot a.action,
	.widget-order.display table.summary tfoot a.action {
	
	background: #e7962c;
	
	}
	
	table.order tbody.items,
	.widget-cart.modify table tbody.items,
	.widget-order.display table.summary tbody.items {
	
	background: #f0f0f0;
	
	}
	
	table.order tbody.bonus,
	.widget-order.display table.summary tbody.bonus {
	
	background: #f7f7f7;
	
	}
	
	table.order tbody.discounts,
	.widget-order.display table.summary tbody.discounts {
	
	background: #fff;
	
	}
	
	table.order tr.shipping,
	.widget-cart.modify table tr.shipping,
	.widget-order.display table.summary tr.shipping {
	
	color: #222;
	background: #ccc2b2;
	
	}
	
	
/* Groups */

	
	#content div.pane div.group {
	
	width: 414px;
	
	}

	div.group h4 {
	
	text-transform: none;
	
	}
	
	div#card.pane div.group {
	
	background-color: #561319;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	
	}

	div#card.pane div.group h3 {
	
	color: #bd0304;
	
	}

	
/* Page Payment - Billing */


	#billing {
	
	background: none;
	padding-left: 0;
	
	}
	
	#content div#billing div#card.pane div.payment {
	
	margin-right: 10px !important;
	
	}
	
	#billing h3 {
	
	margin-bottom: 10px;
	color: #fff !important; 
	
	}
	
	#page-payment ul.order a.action.submit {
		
	padding: 3px 10px !important;
	background-color: #e7962c !important;
	font-size: 14px;
	line-height: 30px;
	
	}



/* Page Receipt */

	
	#page-receipt #content div.group {
	
	border-bottom: 1px solid #9C9C9C !important;
	
	}
	
	#page-receipt #content div, div.widget-order.receipt table.summary {
	
	width: 100%;
	
	}
	
	#page-receipt div.group.disclaimers, #page-receipt div.group.details.returns, #page-receipt #group-payment {
	
	padding-bottom: 0;
	
	}
	
	#page-receipt div#content div.display h3 {
	
	display: block !important;
	
	}
	
	#page-receipt #content h3, #page-receipt #content h4 {
	
	margin-bottom: 0 !important;
	
	}
	
	#page-receipt dt, #page-receipt dd {
	
	border-top: 1px solid #9c9c9c;
	
	}
	
	#page-receipt dd, #page-receipt small {
	
	color: #9c9c9c;
	
	}
	
	
/* Page Orders */


	#page-orders div.widget-order.browse.all.pane h3 {
	
	margin-bottom: 20px;
	
	}	
	
	#page-orders h4 {
	
	text-transform: none;
	color: #5F9DBE;
	
	}	
	
	#page-orders small {
	
	color: #333;
	
	}
	
	#page-orders ul.orders li {
	
	padding: 0;
	margin-bottom: 60px;
	
	}
	
	#page-orders ul.orders li, #page-orders ul.orders ul.contents {
	
	width: 720px;
	
	}
	
	#page-orders ul.orders ul.contents li {
	
	border-left: 0;
	background: #c7e6f6 !important;
	padding-left: 10px;
	margin-bottom: 3px;
	
	}
	
	#page-orders ul.orders ul.contents li dl {
	
	margin-top: 10px;
	
	}
	
	#page-orders ul.orders ul.contents li img {
	
	margin: 7px 7px 7px 0;
	width: 60px;
	
	}
	
	#page-orders ul.orders ul.actions {
	
	margin-top: 7px;
	
	}
	
	#page-orders ul.orders {
	
	margin-bottom: 0;
	
	}
	
	ul.orders li > em {
	
	padding: 0;
	
	}
	
	#page-orders ul.pages { 
	
	display: none;
	
	}
	
	
/* BACKGROUNDS
----------------------------------------------------------------------------- */
	
	body {
	
	background: #3e3e3e url(../images/layout/bg-body.gif);
	margin: 0 0 50px 0;
	padding: 0 0 30px 0;
	
	}