/* SNOOP DOGG STORE */
/* Skin Stylesheet
----------------------------------------------------------------------------- */


	@import('test.css');
	

/* Formatting
----------------------------------------------------------------------------- */


	body {

		color: #fff;
		font: normal 12px/15px Arial, sans-serif;
		text-rendering: optimizeLegibility;

		}
		
	#title h2,
	#title h2 a:hover {
	
		font: normal 40px/70px Arial, sans-serif;
		text-transform: uppercase;
		color: #fcdf00;
		
		}
	
	#title h2 span,
	#title h2 a {
	
		color: #555;
		
		}

	h3,
	div.display h4 {

		color: #fcdf00;
		font: normal 20px/20px Arial, sans-serif;
		text-transform: uppercase;
	
		}

	div.pane h3 {

	
		}

	div.group div h3 {

	
		}

	h4,
	h4 a,
	h4 a:hover {

		clear: left;
		color: #fcdf00;
		font: normal 16px/16px Arial, sans-serif;
	
		}

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

		font-style: normal;
	
		}
		
	h5 {
	
		font-size: 1em;
	
		}


/* Text */


	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;
	
		}

	div.form dt,
	label em,
	fieldset em {

		text-align: right;
		white-space: nowrap;
	
		}


/* Rules */


	dt, dd {

		border-top: 1px solid #dedede;
	
		}

	div.ruled ul.leads li, div.ruled ul.headlines li, div.ruled ul.comments li, div.ruled ul.subscriptions li, div.ruled ul.clips li {

		border-bottom: 4px solid #dedede;
	
		}

	div.ruled td {

		border-bottom: 1px solid #dedede;
	
		}

	div.ruled div.tags {

		border-top: 4px solid #dedede;
	
		}


/* Tables */


	th {

		background-color: #fcdf00;
		color: #000;
	
		}


/* Form */


	input[type=text],
	input[type=search],
	input[type=password],
	input[type=file],
	select,
	textarea {

		font-size: 13px;
		line-height: 16px;
		color: #fff;
		background: transparent;
		font-family: Arial, sans-serif;
		border: 2px solid #575757;
		padding: 2px;

		}

	textarea {

	
		}

	select#status {
	
		max-width: 310px;
	
		}
	
	fieldset {
	
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-color: #555;
		border-width: 2px;
		
		}


/* Inline Links */


	a {

		color: #ffde00;
		outline: none;
		text-decoration: none;
	
		}

	a:hover {

		color: #fffad5;
	
		}

	li ul.actions li {

		border: 0 !important;
	
		}

	li ul.actions a,
	.widget-item.display .topic .tags li {
	
		font-size: 16px;
	
		}

	li ul.actions a:hover {

	
		}


/* Action Buttons */

	
	ul.actions li {
	
		list-style-type: none;
		
		}
	
	a.action,
	ul.pages a,
	ul.pages strong {

		padding: 5px 5px 5px 0;
		font-size: 22px;
		line-height: 12px;
		text-transform: uppercase;
	
		}

	div#sidebar a.action {

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

	ul.pages strong {

		background-color: #464646;
		font-weight: normal;
	
		}

	td a.details,
	td a.tickets,
	td a.presale {
	
		padding: 1px 5px;
		
		}

	td strong {

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


/* Toggle Buttons */

/*
	a.toggle, strong.toggle {

	background: #fcdf00;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;

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

	}

	a.toggle:hover {

	background-color: #1681ac;

	}

	strong.toggle {

	background: #464646;

	}

	ul.toggle li {

	background-color: #464646;

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

	}

	ul.toggle label em {

	color: #fff;
	text-transform: uppercase;

	}
*/


/* Comment Tallies */


/*
	a.comments {

	width: 20px !important;
	max-width: none;
	height: 12px !important;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-right: 55px;
	float: left;
	display: block;
	color: #fff !important;
	font-size: 9px !important;
	line-height: 9px !important;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	position: relative;
	overflow: visible !important;

	}

	a.comments:hover {

	background-position: 0 -12px;

	}

	a.comments span {

	position: absolute;
	top: 0;
	left: 25px;
	color: #fcdf00 !important;
	font-size: 10px !important;
	line-height: 10px !important;

	}

	a.comments:hover span {

	color: #1681ac !important;

	}

	td a.comments {

	margin: 0 auto;
	padding-right: 0;
	float: none;

	}
*/


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


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

		color: #9e9e9e;
		font: normal 38px/38px Arial, sans-serif;
		text-transform: uppercase;
		padding-bottom: 20px !important;
		font-weight: normal !important;
	
		}

	ul.tabs li a:hover {

		color: #fff;
	
		}

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

		color: #fcdf00;
		background: url('../images/layout/tab-selected.png') center bottom no-repeat;
	
		}


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


	div.pane {

		}

	div.tabbed div.pane {

		}


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


/* Tabs */


	div.emphasis ul.tabs {
	
		margin-bottom: 10px;
	
		}

	div.emphasis ul.tabs li a {

		color: #fcdf00;
		background-color: #37faff;
	
		}

	div.emphasis ul.tabs li a:hover {

		color: #fcdf00;
		background-color: #f0f0f0;
	
		}
	
	div.emphasis ul.tabs li.selected a,
	div.emphasis ul.tabs li.selected strong,
	div.emphasis ul.tabs li.selected a:hover {

		color: #fcdf00;
	
		}
	
	
/* Headings */


	div.emphasis div.pane h3,
	div.pane.emphasis h3 {
	
		
		}
	
	
/* Panes */

	
	div.emphasis div.pane,
	div.pane.emphasis {
	
		border: 2px solid #555;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		
		}
		
	div.emphasis div.pane div.group,
	div.pane.emphasis div.group {
	
		background: #222;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		
		}
	
	
/* Inline Elements */


	p.emphasis {
	
		border-color: #ccc;
		
		}
	
	
/* Action Buttons */


	div.emphasis a.action,
	div.emphasis ul.pages a {
	
		
		}
	
	div.emphasis a.action:hover,
	div.emphasis ul.pages a:hover {
	
		
		}
	
	
/* Large Action Buttons */


	ul.actions .emphasis a,
	.widget-item.display .purchase a.submit,
	ul.actions .emphasis + .submit a {
		
		font-size: 30px;
		line-height: 30px;
		padding: 3px 18px;
		color: #000;
		background-color: #ffde00;
		
		}
	
	ul.actions .emphasis + .submit a {
	
		color: #000;
		background-color: #ffde00;
		
		}
	
	ul.actions .emphasis + .submit a:hover {
	
		background-color: #fffad5;
		
		}

/* STORE
----------------------------------------------------------------------------- */

	#christmas {

	clear: both;	
	padding: 15px;
	background: #FCDF00;
	color: #000;
	width: 950px;
	
	border-left: 2px solid #555;
	border-right: 2px solid #555;

	}

	#christmas ul {

	list-style: disc outside;
	padding-left: 20px;
	margin-bottom: 0;

	}
	

/* FEATURES BOX
----------------------------------------------------------------------------- */


/* Text */

	
	/*
	
	div#features div.widget-media.player div.details a {

	color: #464646;
	line-height: 12px;
	text-transform: uppercase;

	}

	div#features #photos h4 {

	font-size: 12px;
	line-height: 40px;

	}
	
	*/


/* Buttons */


	/*
	
	div#features a.browse {

	position: absolute;
	bottom: 22px;
	right: 20px;
	z-index: 4;

	}

	div#features #photos a#photos_back, div#features #photos a#photos_next {

	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	top: 140px;

	}

	div#features #photos a#photos_back:hover, div#features #photos a#photos_next:hover {

	background-color: #f0f0f0;

	}

	div#features #photos a#photos_back {

	left: 18px;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;

	}

	div#features #photos a#photos_next {

	right: 18px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;

	}
	
	*/


/* Panes */


	/*
	
	div#features div.pane {

	margin-bottom: 0 !important;
	padding: 15px;
	position: relative;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;

	}

	div#features div.widget-advertising {

	background-color: #fcdf00;
	padding: 0 15px 15px 15px;

	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;

	}
	
	*/


/* Background */


	/*
	
	div#features div.widget-photo ul.photos li {

	background-color: #fff;
	padding: 3px;

	}

	div#features div.widget-media.player div.details {

	background-color: #fff;

	}
	
	*/


/* MEDIA PLAYER
----------------------------------------------------------------------------- */


/* Text */

	/*
	
	div.widget-media.player var strong {

	font-weight: normal;

	}

	div.widget-media.player var, div.widget-media.player var em {

	font-style: normal;

	}

	*/

/* Buttons */

	/*

	div.widget-media.player a.again {

	width: 559px;
	height: 314px;
	background-color: #464646
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -5000px;

	}

	div.widget-media.player a.prompt {

	width: 424px;
	height: 240px;
	background-color: #464646
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -5000px;

	}

	div.widget-media.player ul.controls a.action {

	width: 13px;
	height: 13px;
	background-color: #fcdf00;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	padding: 5px;
	text-indent: -5000px;

	}

	div.widget-media.player ul.actions a.action {

	background-color: #fcdf00;

	}

	div.widget-media.player ul.controls a.action:hover, div.widget-media.player ul.actions a.action:hover {

	background-color: #1681ac;

	}
	
	*/


/* Backgrounds */


	/*
	
	div.widget-media.player {

	background-color: #fcdf00 !important;

	}

	div.widget-media.player div.flash {

	background-color: #fff;
	padding: 3px;

	}

	div.widget-media.player ul.controls {

	background-color: #f0f0f0;

	}

	*/
	

/* ALERTS
----------------------------------------------------------------------------- */


	div.widget-alert {
	
		
	
		}
		
	div.widget-alert h3, 
	div.widget-alert h4 {
	
		color: #fff;
		text-transform: none;
		
		}
	
	div.widget-alert h3 {

		font: 24px/24px Arial, sans-serif;
	
		}

	div.widget-alert p {

		color: #fff;
	
		}

	div.widget-alert.error {

		background-color: #db0000;
	
		}

	div.widget-alert.success {

		background-color: #6ba144;
	
		}

	div.widget-alert.info {

		background-color: #1681ac;
	
		}
		
	div.widget-alert.added {

		background-color: #1681ac;
	
		}

	div.widget-alert a {

		color: #fff;
		text-decoration: underline;
	
		}
	
	
/* Inline Messages */
	

	fieldset.error input,
	fieldset.error strong,
	label.error input,
	label.error strong,
	fieldset.error em {

		color: #db0000;
	
		}
	
	fieldset.error {
	
		border-color: #db0000;
		
		}

	fieldset.error strong,
	label.error strong {

		font-size: 11px;
		font-weight: normal;
	
		}

	label.error input {

		background-color: #db0000;
		color: #fff;
	
		}
	
	
/* MEMBER LISTINGS
----------------------------------------------------------------------------- */


	/*
	
	div.card .member,
	ul.orders > li,
	.widget-order.details.pane .group {

		background-color: #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	
		}

	div.card .member dt.location,
	ul.items dt em,
	.widget-item.display .topic em {

		color: #00a9c0;
		
		}
	
	*/
	
	
/* STORE
----------------------------------------------------------------------------- */


/* Customer Bar */


	#customer {
	
		background: #555;
	
		}
		
	#customer,
	#customer a {
	
		color: #fff;
	
		}


/* Departments: Sidebar */

		
	#departments a {
	
		font: normal 22px/22px Arial, sans-serif;
		color: #fff;
		text-transform: uppercase;
		padding: 0 5px 0 35px !important;
		letter-spacing: 1px;
		
		}
	
	#departments a:hover,
	#departments strong a {
	
		color: #000;
		background: #FCDF00;
	
		}
	
	#departments ul ul {
	
		float: left;
		background: #000;
		
		}
	
	
/* Item Listings */


	.square ul.items li > a {
	
		color: #555;

		}
		
	ul.items li > a:hover {
	
		color: #FFDE00;
	
		}
		
	ul.items a span {
	
		color: #000;
		background: #ffde00;
	
		}
		
	ul.items dt.pressure {
	
		font-size: 11px;
		color: #999;
	
		}
		
	ul.items dt.pressure strong {
	
		font-weight: normal;
	
		}
		
		
/* Item Details */


	.widget-item.display.photos ul.photos li {
	
		background: #222;
	
		}


/* MESSAGE BOARD
----------------------------------------------------------------------------- */


	/*
	
	div.messageboard table {

	font-size: 12px;

	}
	
	div.messageboard #posts .alt1 {
	
	font-size: 15px;
	
	}

	div.messageboard fieldset {

	border: 1px solid #464646;

	}

	div.messageboard .tcat {

	background-color: #dedede;
	color: #000;
	text-transform: uppercase;

	}

	div.messageboard .thead {

	background-color: #fcdf00;
	color: #000;

	}

	div.messageboard .thead a {

	color: #464646;

	}

	div.messageboard .thead a:hover {

	color: #fff;

	}

	div.messageboard .tfoot {

	color: #fff;
	background-color: #672e2e;

	}

	div.messageboard .alt1, div.messageboard .alt1Active, div.messageboard .alt2, div.messageboard .alt2Active {

	background-color: #f7f7f7;

	}

	div.messageboard .time {

	color: #f2df76;

	}

	div.messageboard .panelsurround {

	background-color: #f7f7f7;

	}

	div.messageboard .vbmenu_control {

	background-color: #000;

	}

	div.messageboard .vbmenu_popup {

	background-color: #000;
	border: 1px solid #f7f7f7;

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


/* Steps */

	
	#steps li {
	
		width: 200px;
	
		}
	
	#steps a,
	#steps strong,
	#steps em {
	
		line-height: 70px;
		
		}
		
	#steps var {
	
		margin-top: 17px;
	
		}
			
		
/* Step: Current */

		
	#steps strong {
	
		color: #000;
		background: #fcdf00;
		
		}
	
	#steps strong var {
	
		color: #fcdf00;
		background: #000;
		
		}
			

/* Steps: Completed & Next */

		
	#steps a,
	#steps em {
	
		color: #555;
		
		}
	
	#steps a var,
	#steps em var {
	
		color: #000;
		background: #555;
		
		}
	
	
/* Legal */

	
	.section-checkout div.legal div {
	
		background: #222;
		
		}
			
		
/* Cart */

	
	td.actions a {
	
		font-size: 18px;
		line-height: 18px;
		margin: 0;
	
		}
		
	table.order td,
	.widget-cart.modify table td,
	.widget-order.display table.summary td {
	
		border-color: #000;
		
		}
	
	table.order tfoot,
	.widget-cart.modify table tfoot,
	.widget-order.display table.summary tfoot {
	
		color: #000;
		background: #FFDE00;
		font-size: 14px;
		line-height: 18px;
		
		}
	
	table.order tfoot a.action,
	.widget-order.display table.summary tfoot a.action {
	
		background: #555;
		
		}
	
	table.order tbody.items,
	.widget-cart.modify table tbody.items,
	.widget-order.display table.summary tbody.items {
	
		background: #555;
		
		}
		
	table.order tbody.items input,
	table.order tbody.items select,
	.widget-cart.modify table tbody.items input,
	.widget-cart.modify table tbody.items select,
	.widget-order.display table.summary tbody.items input,
	.widget-order.display table.summary tbody.items select {
	
		border-color: #999;
	
		}
	
	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: #000;
		
		}
	
	table.order tr.shipping,
	.widget-cart.modify table tr.shipping,
	.widget-order.display table.summary tr.shipping {
	
		background: #000;
		
		}
		
	tr.estimate td {
	
		color: #fff;
		background: #000;
		
		}


/* LAYOUT
----------------------------------------------------------------------------- */


	body {

		background: #000 url('../images/layout/bg-body.png') center 0;

		}
		
	#header,
	#customer,
	#title,
	#billboard,
	#page,
	#footer,
	#banner_wide, 
	#banner {
	
		border-right: 2px solid #555;
		border-left: 2px solid #555;
	
		}
		
	#title,
	#billboard,	
	#page {
	
		border-top: 2px solid #555;
	
		}
		
	#footer {
	
		border: 2px solid #555;
		border-top: 0;
		margin-bottom: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		}
		
		/* NEW */