@import url(//fonts.googleapis.com/css?family=Oswald|Stint+Ultra+Condensed);


/*-----------------------------------------------------------------------
=========================================================================
=========================================================================
	...oooOOO	Table of contents	OOOooo...
	
			$0 reset styles & clear styles (don't play with these unless you *really* know what you're doing)
			
			$1 all page elements
			
			>	$1.1 container (header, content, footer)
			>	$1.2 sub container (content, footer)
			
			$2 header
			
			>	$2.1 h1
			>	$2.2 pre-navigation
			>	$2.3 navigation
			
			$3 content
			
			>	$3.1 left 
			>	$3.2 right
			
			$4 footer
*/

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
			$0 reset styles 
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, xxxfont, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; }
		
		:focus						{ outline: 0; } /* clears mozilla focus jump */
		
		body						{ color: black; background: white; }
		ol, ul						{ list-style: none; }
		
		form						{ margin: 0; padding: 0; }
		i, em						{ font-style: italic; }
		
		table 						{ border-collapse: separate; border-spacing: 0; }
		
		caption, th, td 		{ font-weight: normal; }
		
		blockquote:before, 
		blockquote:after, 
		q:before, q:after	{ content: ""; }
		blockquote, q 		{ quotes: "" ""; }
		
		/* clears both */
		.clearfix:after			{ clear: both; content: "."; display: block; line-height: 0; height: 0; visibility: hidden; }
		* html .clearfix		{ height: 1%; }
		* + html .clearfix	{ min-height: 1px; }

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
			$1 all page elements 
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

		body			{ background: #270b00; color:#FFFFFF; font-family: Arial; font-size: 62.5%; font-weight: normal; }
		
		a 					{ color: #F79511; font-size: 1.0em;}
		p					{ margin-bottom: 10px; }
		strong	, b	{ font-weight: bold; }
		pre				{ background: #2b1a03; color:#FFFFFF; font: normal 11px Arial; }

/* base input styles */

		input, 
		select, 
		textarea							{ border: 1px solid #151514; font: normal 1.1em Arial;  margin: 0 3px 2px 0; }
		* + html input[type="checkbox"], 
		* + html input[type="radio"]	
												{ border: 0; }
		
		body div.admintop		{ background: #262626; }
		
		.clear								{ clear: both; }

/*------------------------------------------------------------
			$1.1 MAIN CONTAINER
--------------------------------------------------------------*/

		#container						{ font-size: 1.1em; }
		#container.jog				{ padding-top: 30px; }

/*------------------------------------------------------------
			$1.2 SUB CONTAINER
--------------------------------------------------------------*/

		#sub_container			{  }
		
		div.set								{ margin: 0 auto; padding: 0 10px; width: 800px; }
		* html div.set					{ width: 820px; }
		
		div.set:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }/* clears all sets */
		* html div.set					{ height: 1px; }
		* + html div.set				{ min-height: 1px; }

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
			$2.0 HEADER
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

		#header				{ background: #862c00 url(http://www.deepsouthbarrels.com/bimages/ppr/top_outer_repeater.jpg?b=11004243&v=1464104742) 50% 100% repeat-x; text-align: right; }
		#header div.set	{ background: #862c00; }

/*------------------------------------------------------------
			$2.1 site header
------------------------------------------------------------*/

		h1								{ font-size: 18px; float: left; letter-spacing: -0.03em; margin-top: 10px; }
		h1 img						{ clear: left; float: left; }
/*-------------------------------------------------------------
		   $2.4 Currency Selector
---------------------------------------------------------------*/

		span#currency			{ background: #531B00; font-size: 1em; float: right; margin: -1px 0 5px; padding: 3px 5px; position: relative; z-index: 1; }

/*------------------------------------------------------------
			$2.2 subnavigation
------------------------------------------------------------*/

		/*#pre_navigation					{ clear: right; margin-right: -15px; padding: 12px 0 15px; text-align: right; }
		#pre_navigation li					{ display: inline; margin-right: 15px; text-align: right; }
		#pre_navigation li a					{ color:#f99d70; }
		#pre_navigation li.top_cart	{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/top_cart.gif?b=11004243&v=1464104742) 0 50% no-repeat; }*/

/*------------------------------------------------------------
			$2.3 navigation
------------------------------------------------------------*/
		
		#navigation					{ display: block; float: right; margin: 25px 0 0; overflow: visible; padding: 10px 0 0; text-align: right; white-space: nowrap; word-wrap: break-word; }
		#navigation li					{  background: url(http://www.deepsouthbarrels.com/bimages/ppr/top_li.gif?b=11004243&v=1464104742) 0 50% no-repeat; color: #F79511; display: inline-block; float: none; font-size: 16px; font-weight: bold; letter-spacing: -0.015em; margin-right: 15px; padding-left: 7px; }
		* html #navigation li		{ display: inline; }
		* + html #navigation li	{ display: inline; }
		#navigation li.image	{ background: transparent none; margin: 0; padding: 0; }
		#navigation li a				{ color: #FFFFFF; font-weight: normal; margin: 0; margin-bottom: 0; padding: 0; }
		#navigation li.alt a		{ color: #F79511; }
		#navigation_wrapper a.nav-open {color:red;display:none!important;}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
			$3.0 content
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

		#content						{ background: #2b1a03; }
		#content div.set		{ background: #2b1a03; padding-top: 20px; min-height: 1px; }

/*------------------------------------------------------------
			$3.1 left content area 
			(sub navigation)
------------------------------------------------------------*/

		left							{ color: #808080; float: left; width: 200px; }
		left h3						{  color: #FFFFFF; display: block; font-size: 1.8em; font-weight: normal; letter-spacing: -0.08em; padding: 10px 0 0; }
		left h4						{ color: #FFFFFF; display: block; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; padding: 0; }
		
		left ul						{ }
		left ul li					{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/left_li.gif?b=11004243&v=1464104742) 0 50% no-repeat; border-bottom: 1px dotted #442904; line-height: 16px; }
		
		left ul li ul				{ background: transparent none; }
		left ul li ul li			{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/left_li.gif?b=11004243&v=1464104742) 0 50% no-repeat; border-bottom: 1px dotted #442904; line-height: 16px; padding-left: 8px; }

		left ul li a				{ color: #a68c77; text-decoration: none; }
		left ul li a:hover		{ text-decoration: underline; }
		
/*------------------------------------------------------------
			$3.2 right content area
------------------------------------------------------------*/
		
		.right						{ float: right; overflow: hidden; width: 575px; }
		
		h4, h3						{ color: #FFFFFF; display: block; font-size: 2.4em; font-weight: normal; letter-spacing: -0.07em; margin-bottom: 10px; }
		h4							{ font-size: 1.8em; letter-spacing: -0.03em; margin: 3px 0 5px; }
		
		#main_image		{ margin: 0 0 20px; }
		
/*============= display of products and designs =============*/

		.products_home					{  color:  #F2920F; display: block; margin: 20px 0; width: 99%; }
		.products_home a				{ color: #F79511; }
		.products_home h3				{  color: #7C4B07; margin: 0 0 0 10px; padding: 10px 20px; }
		
		.products_home div.interior							{  display: block; padding: 0 0 0 10px; }
		.products_home div.interior div.close			{  padding: 0 10px 20px 0; }
		.products_home div.interior ul						{ display: block; margin: 0 auto; text-align: center; }
		
		.features ul.category										{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/border_dot.gif?b=11004243&v=1464104742) 0 100% repeat-x;; display: block; margin-bottom: 20px; padding: 0 10px; }
		.features ul.category li										{ border: solid #442904; border-width: 1px 1px 0 1px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; font-size: 1.6em; margin-right: 10px; padding: 3px 10px 5px; text-align: center; vertical-align: top; word-wrap: break-word; }
			* html .features ul.category li						{ display: inline; }
			* + html .features ul.category li					{ display: inline; }

		.features ul.category li.alt								{ background: #2b1a03; }
		.features ul.category li.alt a							{ text-decoration: none; }
		.features ul.category li.alt a:hover					{ text-decoration: underline; }
		
		.features ul.row												{ display: block; margin: 0 auto; text-align: center; }

		/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
		
		/*
		.products_home ul li,
		.features ul.row li										{ -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; margin-bottom: 3px; padding: 5px 2px; position: relative; text-align: left; vertical-align: top; word-wrap: break-word; }
		* html body .products_home ul li			{ display: inline; }
		* + html body .products_home ul li		{ display: inline; }
			
			* html .features ul.row li						{ display: inline; }
			* + html .features ul.row li					{ display: inline; }
			*/
		/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
		/*
		ul.row li img															{ display: block; }
		
		.products_home li.create									{ width: 150px; }
		.products_home li div											{ display: block; }
		
		.products_home li div.product_border			{ border:2px solid #ABABAB; margin-left:20px; }
		
		div.thumb_border												{ border:1px solid #ABABAB; }
		
		.products_home li span.tax_warning, 
		span.tax_warning, 
		span.tax_notice span											{ color: #F79511; display: inline; font-size: 1.1em; padding: 0 3px; vertical-align: sup; }
		
		.products_home li.display a, 
		.features ul.row li a												{ display: block; margin: 3px 0 2px; }
		.products_home li.display span.process		{ display: block; }
		.products_home li.display span.process a	{ display: inline; }
		
		.products_home li.display a.product_border{
																						  border: 1px solid #ABABAB; }
																						  */
																						  
																						  
  span.rrp { text-decoration: line-through; font-weight:100; color: red; }																			  
/*********************************************
right container stuff 
*/

		.right_container								{ margin-bottom: 20px; overflow: auto; }
		.right_container .cell						{ float: left; margin: 0 4% 5% 0; width: 45%; }
			.right_container .cell table td		{ padding: 0 5px 10px; }
	
/* sidebar */

		div.sidebar										{ float: left; margin-right: 2%; width: 47%; }

/* latest items */

		.latest_items li											{ border-bottom: 1px dotted #151514; overflow: auto; padding: 10px 0; }
		.latest_items li img									{ float: right; }
		.latest_items li img.product_image		{ border: 1px solid #ABABAB; float: left; margin-right: 10px; }

/* expanding box */

		div.extraneous																{ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #301D03; border: 1px solid #372103; margin: 0 0 20px; padding: 10px; }
		div.extraneous h3														{  font-size: 1.8em; letter-spacing: -0.04em; }
		
		div.size_chart, div.size_image									{ padding: 10px 0; }

/* product page*/

		.youarehere						{ display: block; padding: 10px 0 5px; text-align: right; }
		span.custom					{ display: block; margin: 5px 0; }
		span.color							{ display: block; margin: 5px; }
		table.details tr td				{ padding-bottom: 5px; }
		table.details table tr td	{ padding-bottom: 0; }

/*----------------------------------------------------------------
profile parts
------------------------------------------------------------------*/

		.profile_menu									{ background: #484844; border-top: 1px solid #151514; border-bottom: 1px solid #151514; margin-bottom: 10px; padding: 5px; }
		.profile_menu h3								{ margin-top: 10px; }
		.profile_menu img.avatar				{ border: 1px dotted #151514; float: right; margin-right: 5px; }
		.profile_menu ul								{ margin-bottom: 10px; }
		.profile_menu ul li							{ border-right: 1px solid #151514; display: inline; padding: 3px 8px; }
		.profile_menu ul li.selected			{ font-weight: bold; }
		
		div.user_edit										{ margin-bottom: 25px; }
		div.user_edit div								{ border-bottom: 1px dotted #2E2E2C; margin: 5px; overflow: auto; }
		div.user_edit div p							{ padding-left: 120px; }
		div.user_edit label							{ display: block; float: left; width: 120px; }

/*----------------------------------------------------------------
Profile Parts, added by greg
------------------------------------------------------------------*/


/* paginator*/
		div.user_content div.subnav{ display: block; text-align: center; }
		div.user_content div.subnav label{ margin-right: 7px; }
		div.user_content div.subnav span{ margin: 0 2px; }
		div.user_content div.subnav span.current{ border: 1px solid #151514; padding: 0 3px 0 4px; }

/* Manage Assetts*/
		table.manage_assetts tr td { text-align:left!important; padding:10px!important;}
		table.manage_assetts tr td p { padding:2px; text-align:left; margin:0px;}

/* popup */
		.popup_content h4{ color: #404040; font-size: 14px; font-weight: bold; margin-bottom: 20px; }
		
		.popup_content table.size_chart{  }
		.popup_content table.size_chart tr th{ background: #404040; color: #eee; }
		.popup_content table.size_chart tr td{ background: #f7f7f7; border: 1px solid #ddd; color: #404040; }
		.popup_content table.size_chart tr.chart_0 td{ background: #eee; }

/* display assett formatting */
		.user_content div.image{ float: left; width: 30%; }
			.user_content div.image img{ border: 1px solid #151514; }
		.user_content div.description{ float: right;  width: 65%; }
			
				.user_content div.description ul{ background: #301D03; border: 1px solid #372103; padding: 5px 10px; }
				.user_content div.description ul li{ display: block; font-size: 12px; padding: 5px 10px; }

/*----------------------------------------------------------------
Help pages and help popup, added by greg
------------------------------------------------------------------*/

.popup #help_container	{ height: 400px; overflow: auto; }

.popup .help_box				{ margin-right: 10px; }

.help_box h4,
.popup .help_box h4		{ font-size: 14px; }
.help_box h5,
.popup .help_box h5		{ font-size: 12px; }

.help_answer					{ margin-bottom: 20px; }
.popup .help_answer		{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #f7f7f7; border: 1px solid #eee; margin-bottom: 20px; padding: 10px; }

.help_box ul, 
.help_box ol						{ list-style-type: square; margin: 5px 0 5px 20px; padding: 2px; }
.help_box li						{ margin: 2px 0; padding: 2px; }
.help_box li strong			{ font-weight: bold; padding: 2px; }
.help_box li p					{ padding: 2px; margin-bottom: 5px; }

.help_box ol						{ list-style-type: decimal; }

.help_box img					{ display: block; margin: 10px 0; }
.popup .help_box img		{ border: 1px solid #eee; display: block; margin: 10px 0; }

.help_box ul li ul 				{ margin:10px; padding: 10px 20px; }
.popup .help_box ul li ul { border: 1px solid #dfdfdf; }
.help_box ul li ul li 			{ font-size: 11px; }

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
			$4.0 footer
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#footer{ background: #2b1a03; color: #B74400; }
#footer div.set{ background: #270b00; color: #B74400; }
#footer h3{ color: #FFFFFF; margin: 10px 0; }
#footer h4{ color: #FFFFFF; }
#footer a{ color: #F34400; }
#footer a:hover{ color: #F34400; }
#footer div.helpers{ float: left; width: 25%; }
#footer div#legals{ clear: both; padding: 20px 0; }

div#legals div.power								{  }
div#legals div.power:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html div#legals div.power					{ height: 1%; }
* + html div#legals div.power				{ min-height: 1px; }

div#legals ul.logos									{ display: block; float: left; margin-top: 10px; width: 340px; }
	div#legals ul.logos:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html div#legals ul.logos					{ height: 1%; }
	* + html div#legals ul.logos				{ min-height: 1px; }
	
	div#legals ul.logos li							{ display: inline; line-height: 46px; }

	div#legals ul.logos a							{ background: url(../../../bimages/ppr/footer_logo.gif) 0 50% no-repeat; display: inline-block; font-weight: bold; height: 40px; margin-left: 5px; text-indent: -9999px; width: 200px; }
	
	div#legals ul.logos.alt a						{ background: transparent none; height: auto; margin: 0; text-indent: 0; width: auto; }

div#legals a.affiliate									{ background: url(../../../images/create_your_store.png) 0 0 no-repeat; color: #616161; display: block; float: right; height: 34px; margin: 15px 0 10px; padding: 0; text-decoration: none; width: auto; }
div#legals a.affiliate:hover						{ cursor: pointer; text-decoration: underline; }
div#legals a.affiliate em							{ background: url(../../../images/create_your_store.png) 100% 0 no-repeat; display: block; font: normal normal 14px Myriad Pro, Myriad, Arial, Helvetica, sans; height: 34px; letter-spacing: -0.025em; line-height: 34px; margin: 0 0 0 50px; padding: 0 20px 0 0; }

div#legals a.campaign									{ background: url(../../../images/create_your_campaign.png) 0 0 no-repeat; color: #616161; display: block; float: right; height: 34px; margin: 15px 0 10px; padding: 0; text-decoration: none; width: auto; }
div#legals a.campaign:hover						{ cursor: pointer; text-decoration: underline; }
div#legals a.campaign em							{ background: url(../../../images/create_your_campaign.png) 100% 0 no-repeat; display: block; font: normal normal 14px Myriad Pro, Myriad, Arial, Helvetica, sans; height: 34px; letter-spacing: -0.025em; line-height: 34px; margin: 0 0 0 50px; padding: 0 20px 0 0; }


#footer div#legals span.copyright{ display: block; }

.bottom_header { padding-top:10px; font-size: 1.8em; color :#F34400; }

span.version{ bottom: 0; color: #FFFFFF; float: right; font-size: .8em; margin: 5px; position: absolute; right: 0; }

/* tentative admin styles */

div.user_menu{ float: right; width: 22%; }
div.user_menu ul{ margin-bottom: 20px; }
div.user_menu ul li{ background-image: url(../../../bimages/ppr/admin_icons.gif); background-position: 0 50%; background-repeat: no-repeat; line-height: 1.8em; padding: 4px 0 4px 20px; }
	div.user_menu ul li.view{ background-position: 0 50%; }
	div.user_menu ul li.edit{ background-position: -250px 50%; }
	div.user_menu ul li.purchases{ background-position: -500px 50%; }
	div.user_menu ul li.working{ background-position: -750px 50%; }
	
	div.user_menu ul li.orders{ background-position: -1000px 50%; }
	div.user_menu ul li.commissions{ background-position: -1250px 50%; }
	div.user_menu ul li.products{ background-position: -1500px 50%; }
	div.user_menu ul li.paypal{ background-position: -1750px 50%; }
	
	
div.user_content{ float: left; }


a.note{ background: url(http://www.deepsouthbarrels.com/ppr/images/portal/note.gif) 0 0 no-repeat; float: right; font-size: 16px; padding: 20px 0 10px 36px; }


/* new design page */

div.portal{ margin-bottom: 50px; }
	div.portal:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
	* html div.portal{ height: 1%; }
	* + html div.portal{ min-height: 1%; }

div.design{  }
div.design div.image{ float: left; width: 30%; }
	div.design div.image img{ border: 1px solid #151514; }
div.design div.description{ float: right;  width: 65%; }
	div.design div.description h4{ font-size: 1.6em!important; text-transform: none!important; }
	div.design div.description div.text{ margin-bottom: 20px; }
	
	div.design div.description div.create{ padding: 10px; }
		div.design div.description ul{ background: #301D03; border: 1px solid #372103; padding: 5px 10px; }
		div.design div.description ul li{ display: inline; font-size: 12px; padding: 5px 10px; }


.button.go															{ 
	background: #ee8f01;
	background: -moz-linear-gradient(50% 0, #ee8f01 0, #C77800 100%);
	background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#C77800)); 
	border:1px solid #A16100;
	color:#FFFFFF !important;

}	
		.button.go:hover					{ 
	box-shadow: 0 -10px 20px -10px rgba(0, 0, 0, .2) inset, 0 1px 3px rgba(0, 0, 0, 0.2); 
}
		
	/* PORTAL CSS */
	

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
.........................................................
	ooo000---PORTAL CSS---000ooo
.........................................................
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++

$0.0	all stuff
		
		$0.1	general page elements
		  $0.11	  headings (H tags)
		  
		$0.2	header stuff
		  $0.21	  pre-navigation
		  $0.22	  navigation
		  $0.23	  logo
		  
		$0.3	page specific
		  $0.305  default form styles
		  $0.31	  column A specific
		  $0.32	  column B
		
		$0.4	viewing products

$1.0	home page

$2.0	shop page

$3.0 	design page

$4.0 	other pages (about, contact)

$5.0	help section


^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.set:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .set						{ height: 1px; }
* + html .set					{ min-height: 1px; }

/*
###############
$0.0 all stuff
###############
*/

i, em								{ font-style: italic; }
b, strong						{ font-weight: bold; }

/*............................ $0.1 ............................*/

/*............................ $0.11 ............................*/

h2									{ font-size: 24px; font-weight: normal; letter-spacing: -0.05em; margin-bottom: 15px; text-transform: none; }
h3									{ font-size: 18px; font-weight: bold; margin-bottom: 10px; }
	.column_b h3			{ font-size: 14px; letter-spacing: -0.025em; margin-bottom: 15px; padding: 5px 10px; }
	
h4									{ font-size: 14px; font-weight: bold; letter-spacing: -0.04em; margin-bottom: 15px; }
h5									{ font-size: 12px; font-weight: bold; margin-bottom: 15px; }

/*............................ $0.2 ............................*/

#header							{ position: relative; }

/*............................ $0.21 top links ............................*/
.phone																			{ background: url(../../../images/icons/itoolbar_i/16/phone-blue.png) 0 50% no-repeat; clear: both; display: block; float: right; padding: 3px 0 3px 20px; }
ul#pre_navigation														{ display: block; float: right; margin: 0; padding: 3px 0 5px 10px; width: auto!important; }
ul#pre_navigation li														{ border-right: 1px dotted #531B00; color: #200A00; display: block; float: left; margin: 0!important; padding: 0 6px 0 3px; }
	ul#pre_navigation li.search									{ border: 0; padding: 0 0 0 10px; }
		ul#pre_navigation li.search input.button		{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #792700; border: 1px solid #6C2300; color: #f99d70; font-size: 11px; font-weight: bold; padding: 1px 3px; }
	
ul#pre_navigation li a								{ background: url(../../../bimages/ppr/top_icons.gif); background-repeat: no-repeat; color: #f99d70; font: bold .9em Arial; padding: 3px 0 3px 18px; }
	ul#pre_navigation li.selling a				{ background-position: -750px 0; }
	ul#pre_navigation li.help a					{ background-position: -900px 0; }
	ul#pre_navigation li.login a				{ background-position: -450px 0; }
	ul#pre_navigation li.logout a				{ background-position: -1050px 0; }
	ul#pre_navigation li.register a			{ background-position: -600px 0; }

ul#pre_navigation li form						{ display: inline; }
ul#pre_navigation li form input				{ margin: 0; }

ul#pre_navigation li label						{ font: bold .9em Arial; margin-right: 5px; }
ul#pre_navigation li.alt							{ border: 0; float: left; }
ul#pre_navigation li.heading					{ border: 0; font-weight: bold; padding-right: 0; }
ul#pre_navigation li.curr						{ background: #531B00; color: #B93C00; margin-top: -5px!important; padding: 5px!important; }

/* dropdown menu stuff */

#navigation li												{ position: relative; }

#navigation li .submenu							{ background: #391200; border: 1px solid #6C2200; display: none; left: 0; margin: 5px 0 0 0; padding: 0; position: absolute; text-align: left; top: 100%; z-index: 9999; white-space: normal; }
#navigation .tail										{ background: url(../../../images/arrow_test.png) 0 0 no-repeat; display: none; height: 9px; left: 10px; position: absolute; top: -9px; text-indent: -9999px; width: 19px; }

#navigation li .submenu .int					{ border: 1px solid #6C2200; margin: 5px; width: 220px; }

#navigation li .submenu li						{ background: transparent none; border-bottom: 1px solid #6C2200; display: block; float: none; height: auto; left: 0; line-height: 14px; margin: 0; padding: 5px 10px; text-align: left; }
			
#navigation li .submenu li:last-child	{ border-bottom: 0; }
#navigation li .submenu a,
#navigation li.alt .submenu a					{ background: transparent none!important; color: #F34C00; float: none!important; font-size: 11px; height: auto!important; letter-spacing: 0!important; line-height: 14px; margin: 0!important; padding: 0!important; text-transform: none; }
#navigation li .submenu li a:hover, 
#navigation li h4 a:hover							{ text-decoration: underline; }

#navigation li .submenu h4					{ background: #521A00; line-height: 24px; margin: 0; padding: 7px 10px; text-align: left; }
#navigation li .submenu h4 a, 
#navigation li.alt .submenu h4 a			{ color: #F24C00; font-size: 14px; }
														
/*............................ $0.23 ............................*/

/*............................ $0.3 general page layout ............................*/

/*
MAP: z-index in ie7
#content												{ position: relative; }
*/

div.portal										{ clear: both; padding: 0; margin-bottom: 20px; }

.column_a						{ float: left; width: 600px; }

* html .column_a			{ position: relative; }
* + html .column_a		{ position: relative; }

.column_b						{ float: right; margin: 0; width: 185px; }

/*............................ $0.305 default form styles ............................*/

ul.form											{  }
ul.form li										{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; margin-bottom: 2px; padding: 4px 5px 3px 5px; }
	ul.form li:after							{ clear: left; content: "."; display: block; height: 0.01%; line-height: 0; visibility: hidden; }
	* html ul.form li						{ height: 1px; }
	* + html ul.form li						{ min-height: 1px; }
	
ul.form li.submit							{ background: transparent none; border: 0; }
ul.form li a										{}
ul.form li label								{ float: left; font-size: 11px; font-weight: bold; margin-right: 15px; text-align: right; width: 100px; }
ul.form li input, ul.form li select, ul.form li textarea 
														{ font-size: 11px; }
	ul.form li input.auto					{ width: auto; }

.poppup											{ color: #555; }
.popup a											{ color: #404040; text-decoration: underline; }

.popup table.size_chart tr th			{ 
			background: -moz-linear-gradient(50% 0, #fff, #eee);
			background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#eee));
			border-color: #ddd; }

.popup table.size_chart tr td			{ 
			background: -moz-linear-gradient(50% 0, #fff, #eee);
			background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#eee));
			border-color: #ddd; }

.popup .pagination							{ background: transparent none; border: none; }			

.popup ul.form								{ 
			-moz-border-radius:		2px;
			-webkit-border-radius:	2px;
			border-radius:					2px;
			-moz-box-shadow: 			0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 3px rgba(0, 0, 0, .2);
			-webkit-box-shadow: 	0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 3px rgba(0, 0, 0, .2);
			box-shadow: 					0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 3px rgba(0, 0, 0, .2);
			background: #f8f8f8; margin-bottom: 10px; padding: 3px 5px; }
.popup ul.form li							{ background: #eee; }

.popup p										{ margin-bottom: 14px; }

.site_form										{ margin-bottom: 10px; }
.site_form li									{ margin-bottom: 5px; }
.site_form li:after							{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .site_form li						{ height: 1px; }
* + html .site_form li					{ min-height: 1px; }

.site_form li label							{ float: left; font-weight: bold; margin-right: 10px; width: 70px; }

.site_form li span.float				{ float: left; }


.button.color { 
	background: #31200c url(http://www.deepsouthbarrels.com/bimages/ppr/color_button.gif) 0 50% no-repeat; 
	border-color: #;
	border-radius: 4px;
	border-width: 1px; 
	color: #; 
	float: none; 
	font-size: 12px; 
	height: 28px; 
	padding: 0 5px 0 28px; 
}
.button.color:hover { 
	border-color: #C7D2D2; 
}

.colorbutton { 
	background: #31200c url(../../../bimages/ppr/color_button.jpg) 0 50% no-repeat; 
	border: 1px solid #F79511; 
	border-radius: 3px;
	color: #F79511; 
	cursor: pointer; 
	display: block; 
	font-size: 12px; 
	font-weight: bold; 
	height: 26px; 
	line-height: 25px; 
	margin: 5px 0; 
	padding: 0 7px 0 30px; 
	text-decoration: none; 
	vertical-align: bottom; 
}
* html .colorbutton { 
	float: left; 
}

.colorbutton.add_to_cart { 
	background-position: 0 50%;  
	margin: 10px 0 0; 
}
* html .colorbutton span { 
	float: left; 
}

.form .colorbutton	{ 
	margin: 0; 
}

#other_product_opts					{ display: block; margin-bottom: 15px; text-align: center; }
#other_product_opts:after		{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #other_product_opts		{ height: 1px; }
* + html #other_product_opts	{ min-height: 1px; }

#other_product_opts li				{ float: left;  }
#other_product_opts li a			{ font-size: 12px; margin-right: 20px; }

/*............................ $0.31 column A ............................*/

/*............................ $0.32 column B ............................*/

.column_b h3								{ margin-bottom: 20px; text-transform: none; }

/*............................ $0.4 product views ............................*/

	div.sort											{ margin-bottom: 10px; }
		div.sort:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html div.sort							{ height: 1px; }
		* + html div.sort						{ min-height: 1px; }
	
	/*div.sort ul									{ float: left; margin-left: -5px; }
	div.sort ul li									{ display: inline; margin-left: 5px; }
	div.sort div									{ float: right; text-align: right; }
	div.sort div label							{ font-size:10px; margin-right: 5px; }*/
	
	.breadcrumb									{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #352003; border: 1px solid #3C2403; color: #F2920F; float: left; margin-bottom: 0; padding: 0 10px; }
	.breadcrumb:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .breadcrumb						{ height: 1px; }
	* + html .breadcrumb					{ min-height: 1px; }
	
	.breadcrumb li								{ background: url(../../../bimages/ppr/breadcrumb_divider.gif) 0 50% no-repeat; float: left; margin-right: 10px; padding: 7px 0 4px 16px; }
	.breadcrumb li.home					{ background: url(../../../images/icons/itoolbar_i/16/home.png) 0 50% no-repeat; padding-left: 20px; }
	
	.order												{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #352003; border: 1px solid #3C2403; margin-bottom: 10px; padding: 0; text-align: right; }
	.order:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .order									{ height: 1px; }
	* + html .order								{ min-height: 1px; }
	
	.order ul											{ float: right; padding: 3px 5px; }
	.order li											{ margin: 0; padding: 0; }
	.order li:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .order li								{ height: 1px; }
	* + html .order li							{ min-height: 1px; }
	
	.order label									{ display: block; float: right; margin: 4px 10px 0 0; }
	.order select									{ float: right; margin: 0; padding: 0; }
	
/*............................ $0.41 category tabs ............................*/

.feature ul.category						{ display: block; margin-bottom: 20px; padding: 5px 10px 7px;}
.feature ul.category li					{ -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-bottom: 0; display: inline; font-size: 14px; font-weight: normal; letter-spacing: -0.02em; margin: 0 10px 0 0; padding: 5px 7px 7px; }

	.feature ul.category li.alt		{ background: #2b1a03; }
	.feature ul.category li.alt a		{ text-decoration: none; }

/*............................ $0.42 products row ............................*/

.feature_box													{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; border: 1px solid #372103; margin-bottom: 20px; padding: 10px 20px; }

#feature_loading											{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; border: 1px solid #372103; padding: 10px 20px; }
#feature_loading h3									{ background: url(../../../bimages/ppr/spinner_bg.gif) 0 50% no-repeat; margin: 0; padding: 0; }
#feature_loading h3 b									{ background: url(../../../images/spinner_no_bg.gif) 0 50% no-repeat; display: block; margin: 0; padding: 3px 0 3px 30px; }

div.feature ul.category								{ margin-bottom: 0; }
div.feature ul.category li.alt						{ background: #372103; overflow: visible; }
div.feature div.divider									{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #372103; overflow: hidden; position: relative; }

div.feature div.category								{ margin: 0; }
* html div.feature div.category					{ height: 1px; }
* + html div.feature div.category				{ min-height: 1px; }
div.feature div.divider .row						{ margin: 0 10px; padding: 20px 0 10px; position: relative; }

.row																{ margin: 0; }
.row:after														{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .row													{ height: 1px; }
* + html .row													{ min-height: 1px; }

.row li.display												{ float: left; }

.row li .empty												{ background: #301D03; display: block; }

.row .window												{  }
.row .window img										{ display: block; }

.row li a.over													{ background: url(../../../images/trans.gif) 0 0 repeat; cursor: pointer; display: block; float: left; position: absolute; text-indent: -9999px; visibility: hidden; z-index: 2; }
.row li span.corners									{ background: url(../../../images/trans.gif) 0 0 repeat; display: none; float: left; position: absolute; text-indent: -9999px; visibility: hidden; z-index: 1; }

.corners .tl													{ ; height: 50%; left: 0; position: absolute; top: 0; width: 50%; }
.corners .tr													{ ; height: 50%; position: absolute; right: 0; top: 0; width: 50%; }

.corners .bl													{ ; bottom: 0; height: 50%; left: 0; position: absolute; width: 50%; }
.corners .br													{ ; bottom: 0; height: 50%; position: absolute; right: 0; width: 50%; }

* html .corners .tl, 
* html .corners .tr, 
* html .corners .bl, 
* html .corners .br					{ display: none; }

.row li div.details						{ display: block; margin-bottom: 15px; }
.row li .details ul						{ display: block; }
.row li .details ul li					{ margin-top: 4px; }


div.user_content .row			{ text-align: left; }
div.user_content .row li			{ margin: 0 1px 10px 0; }

.link_more									{ font-size: 14px; font-weight: bold; margin-bottom: 5px; text-align: right; }

div.hide										{ display: none!important; }

.row a.image img						{ display: block; margin: 0; padding: 0; }

.row a.image img.abs				{ display: none; }

img.preview_image				{ -moz-border-radius: 2px; -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); -webkit-border-radius: 2px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); border: 1px solid #F79511; position: absolute; z-index: 100000; }

.row span.extra						{ background: url(http://www.deepsouthbarrels.com/ppr/images/portal/paperclip.png) 0 0 no-repeat; height: 61px; left: 0; margin: -5px 0 0 20px; position: absolute; width: 27px; z-index: 1000;  }
.row span.new							{ background: url(http://www.deepsouthbarrels.com/ppr/images/portal/new.png) 0 0 no-repeat;  }
.row span.featured					{ background: url(http://www.deepsouthbarrels.com/ppr/images/portal/featured.png) 0 0 no-repeat; margin-left: 135px; width: 64px; }
.row span.sale							{ background: url(http://www.deepsouthbarrels.com/ppr/images/portal/featured.png) 0 0 no-repeat;  }

.row ol										{ display: none; float: left; margin: -5px 0 0 -5px; position: absolute; text-align: left; z-index: 1; }
* + html .row ol							{ min-height: 1px; }
.row ol li										{ border: 0; display: block; float: left; height: 32px; text-indent: -9999px; width: 32px; }

.row ol li.featured					{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/overlay_featured.gif?b=11004243&v=1464104742) 0 0 no-repeat; height: 90px; width: 90px; }
.row ol li.popular						{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/overlay_popular.gif?b=11004243&v=1464104742) 0 0 no-repeat; height: 90px; width: 90px; }
.row ol li.hot								{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/overlay_hot.gif?b=11004243&v=1464104742) 0 0 no-repeat; height: 90px; width: 90px; }

.row li ul.processes				{ display: block; margin: 5px 0; }
.row li ul.processes li				{ border: 0; display: block; margin: 0; }
/*
###############
$1.0 home
###############
*/

.page_image								{ margin-bottom: 20px; }

/*
###############
$2.0 shop and product pages
###############
*/

div.product_display															{  }
div.product_display h2													{ display: block; }

.product_display .image													{ float: left; padding: 0; width: 430px; }

.image .emp																		{ display: none; }
.image .interior																{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #372103; border: 1px solid #442904; margin-bottom: 10px; padding: 10px; }
.image .interior																{ padding: 5px; position: relative; }
	
.image .interior:after														{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .image div.interior												{ height: 1px; }
* + html .image div.interior											{ min-height: 1px; }

.image div#d_pane															{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #301D03; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #442904; height: 400px; width: 400px; }
.image div.d_pane															{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #301D03; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #442904; position: relative; text-align: center; }
#designs_product .image div.d_pane							{ margin-bottom: 5px; min-height: 400px; }

/*#d_pane																				{ margin: 6px auto; } MAP: this just seems to throw the designer off... */
#designs_design .protect												{ margin: 10px auto; }

.image ul.views { 
	background-color: #301D03; 
	border: 1px solid #442904;
	border-radius; 3px;
	display: block; 
	float: left; 
	padding: 5px 0 0; 
	width: auto; 
}
#designs_product .image ul.views { 
	width: auto; 
}

.image ul.views li { 
	background-color: #372103; 
	border: 1px solid #442904;
	border-radius: 2px;
	cursor: pointer; 
	display: block; 
	float: left;
	margin: 0 5px 5px; 
	padding: 10px 0 0; 
	text-align: center; 
}
#designs_product .image ul.views li							{ float: left; padding: 10px 5px; }

.related_product {
	position: relative; 
	float:left; 
	padding:5px 5px; 
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	border: 1px solid #442904;
	width: 100px;
}

.related_product .details {
	margin-top: 5px;
}

.related_product > a {
	display: inline-block;
	text-align: center;
	width: 100%;
	min-height: 100px;
	line-height: 100px;
	background: #151514;
	overflow: hidden;
}

.related_product a img {
	vertical-align: middle;
	margin-top: -2px;
	max-height: 100px;
	max-width: 100px;
}

.image ul.views li.d_layout_selected							{ background: #5E3806; }
.image ul.views li.d_layout_unselected						{ background: #372103; }
.image ul.views li.d_layout_mouseover						{ background: #442904; }

.image .views li b																{ display: none; }
.image .views li img														{ -moz-border-radius: 1px; -webkit-border-radius; 1px; background: #5E3806; width: 100px; }
.image .views li div.select_non_vis { width:100px; height:100px; margin:0px; font-size: 20px; color: #94948D; text-align: center; vertical-align: middle; background-color: #151514; display: table;  }
.image .views li div.select_non_vis div { display: table-cell; vertical-align: middle; text-align: center; } 
.image .views li label														{ clear: both; display: block; font-size: 12px; font-weight: bold; padding: 4px 5px; }

#c_n_container																	{ background: url(../../../bimages/ppr/c_n_bg.png); cursor: auto; display: none; font-size: 14px; position: absolute; width: 100%; z-index: 100; }
#c_n_container .c_n_int													{ padding: 10px 30px 30px; }
#c_n_container .c_n_int li												{ font-size: 18px; letter-spacing: -0.03em; line-height: 24px; }

#c_n_frame																		{ display: none; position: absolute; z-index: 1; }
#c_n_frame b																	{ background-image: url(../../../bimages/ppr/c_n_border.png); background-repeat: no-repeat; height: 50%; position: absolute; text-indent: -9999px; width: 50%; }
#c_n_frame b.tl																{ background-position: 0 0; left: 0; top: 0; }
#c_n_frame b.tr																{ background-position: 100% 0; right: 0; top: 0; }
#c_n_frame b.bl																{ background-position: 0 100%; bottom: 0; left: 0; }
#c_n_frame b.br																{ background-position: 100% 100%; bottom: 0; right: 0; }

/* gift certificate style */

.product_display.gift_certificate .image						{ width: 70%; }
.product_display.gift_certificate .description			{ width: 29%; }

/* description */

div.product_display div.description														{ float: right; padding: 0; width: 360px; }

div.product_display div.description .meta												{ border: transparent none; margin: 5px 5px 10px; }

div.product_display div.description h3													{ font-size: 14px; font-weight: bold; letter-spacing: -0.025em; margin: 0; }

/* add things */
div.product_display div.description div.add											{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #372103; border: 1px solid #442904; margin-bottom: 20px; padding: 10px; }

div.product_display div.description div.add ul li									{ border-bottom: 1px solid #442904; font-size: 11px; display: block; padding: 4px 0 3px; }
div.product_display div.description div.add ul li:after							{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html div.product_display div.description div.add ul li						{ height: 1%; }
* + html div.product_display div.description div.add ul li					{ min-height: 1%; }

div.product_display div.description div.add ul>li>label						{ float: left; display: block; width: 35%; }

/* colors */
div.product_display div.description div.add ul li.col								{ }
div.product_display div.description div.add ul li.add_to_cart				{ border-bottom: 0; }

/* multi ul */
div.product_display div.description div.add ul.multi_qty					{ border-top: 1px dotted #151514; display: block; margin-top: 5px; padding: 10px 0 5px; }
div.product_display div.description div.add ul.multi_qty li					{ border: 0; float: left; width: 33%; }
div.product_display div.description div.add ul.multi_qty label			{ float: left; font-size: 1.2em; padding: 4px 5% 4px 0; text-align: right; }

/* customise */
div.product_display div.description a.custom										{ border: 1px dotted #151514; display: block; font-size: 24px; font-weight: normal; letter-spacing: -0.07em; padding: 5px 10px 10px; text-align: right; }
div.product_display div.description a.custom:hover							{ background: red; }
a.no_decorate_name_link { display: none;}

/* price things */
div.product_display div.description div.add ul li.price							{ background: #565449; border-bottom: 1px dotted #27241d; font-size: 24px; text-align: right; }
div.product_display div.description div.add ul li.price label				{ font-size: 14px; margin-left: 2%; padding-top: 3px; text-align: left; width: 38%; }
span.price_currency_code, span.discount_currency_code				{ font-size: 11px; }

/* add to cart */
div.product_display div.description div.add ul li.add_button				{ border: none; padding-top: 5px; text-align: right; }
div.product_display div.description div.add ul li.add_button a			{ font-size: 24px; letter-spacing: -0.07em; }

div.product_display div.description .campaign_description			{ font-size: 15px; padding: 5px }


/* controls for this page */

.meta															{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; border: 1px solid #372103; margin: 20px 0 30px; padding: 5px; }
.meta.categories										{ background: #372103; border: 1px solid #442904; }

.meta .int													{ clear: both; }

.meta ul, .meta ol, .meta p						{ clear: both; }

.meta ul.login											{ clear: both; margin-bottom: 10px; }

/* subcategories */

ul.subcategories										{ clear: both; }

ul.subcategories li									{ margin: 0!important; padding: 0!important; }
ul.subcategories li.alt								{ background: #301D03; }
ul.subcategories li:after							{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.subcategories li						{ height: 1px; }
* + html ul.subcategories li					{ min-height: 1px; }

ul.subcategories li label							{ display: block; float: left; font-size: 12px; }
ul.subcategories li input						{ float: left; margin-right: 5px; }

ul.subcategories li a								{ margin: 0; padding: 0; }
ul.subcategories li span						{ display: block; margin: 0; padding: 3px 0 4px 15px; }

.meta ul.menu:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .meta ul.menu								{ height: 1px; }
* + html .meta ul.menu							{ min-height: 1px; }
		
/* das product list */
#c_n_container.ds									{ display: block; height: 100%; overflow: hidden; }
	
.ds_products											{ margin-bottom: 40px; padding: 0; }
#c_n_container .ds_products				{ bottom: 0; left: 0; margin-bottom: 20px; position: absolute; }

.ds_list														{ margin: 0 25px; padding: 10px 0; text-align: center; }
.ds_list:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .ds_list											{ height: 1px; }
* + html .ds_list										{ min-height: 1px; }

#c_n_container .ds_list							{ margin: 0 40px; }

.ds_list .display										{ margin-bottom: 2px; }
.ds_list li.display										{ margin-bottom: 2px; }
.ds_list .display .details							{ font-size: 11px!important; margin-bottom: 7px; }
.ds_list .display .details li						{ font-size: 11px!important; line-height: 14px!important; padding: 2px 0; }

.ds_list .display a img								{ display: inline-block; margin-left: -15px; }

.ds_list .over:hover									{ border: 2px solid #F79511; margin: -2px 0 0 -2px; }

.ds_foot														{ display: block; text-align: center; }
.ds_view													{ 
			-moz-box-shadow: 0 15px 15px -10px rgba(255, 255, 255, .1) inset, 0 -15px 15px -10px rgba(0, 0, 0, .1) inset; 
			-webkit-box-shadow: 0 15px 15px -10px rgba(255, 255, 255, .1) inset, 0 -15px 15px -10px rgba(0, 0, 0, .1) inset;
			box-shadow: 0 15px 15px -10px rgba(255, 255, 255, .1) inset, 0 -15px 15px -10px rgba(0, 0, 0, .1) inset;
			background: #442904; border: 1px solid #372103; display: inline-block; font-size: 11px;  font-weight: bold; margin-bottom: 5px; padding: 10px 15px; text-align: center; text-decoration: none; } 

/* ds popup */
#ds_all_products										{ width: 750px; }

.ds_cat_col												{ float: left; width: 220px; }

.ds_pop_cats											{ 
			-moz-border-radius: 1px;
			-webkit-border-radius: 1px;
			border-radius: 1px;
			background: #f8f8f8; border: 1px solid #ddd; max-height: 400px; overflow: auto; }

.ds_pop_cats ul										{ margin-left: 22px; }
.ds_pop_cats ul li										{ background: url(../../../images/admin/cat.gif) 7px 0 repeat-y; }
.ds_pop_cats ul li:last-child					{ background: url(../../../images/admin/cat.gif) 7px 0 no-repeat; }
.ds_pop_cats ul li span							{ background: url(../../../images/admin/cat_h.gif) 12px 12px no-repeat; display: block; line-height: 24px; }
.ds_pop_cats ul li a									{ color: #404040!important; }
.ds_pop_cats ul li .alt_icon						{ margin: 0 5px 0 0; padding: 0; }
.ds_pop_cats ul li a.folder, 
.ds_pop_cats ul li a.cate							{ background: url(../../../images/icons/famfam/folder.png) 0 50% no-repeat; cursor: pointer; padding: 0 10px 0 22px; }

.ds_pop_cats ul li .folder.current, 
.ds_pop_cats ul li .cate.current			{ background-color: #ddd; }
	
.alt_icon														{ background-position:  50% 50%; background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 16px; line-height: 16px; margin: 2px 2px 0; padding: 0; text-indent: -9999px; width: 16px; }
.alt_icon.help											{ background-image: url(../../../images/icons/famfam/help.png); }
.alt_icon.close											{ background-image: url(../../../images/icons/famfam/bullet_toggle_minus.png); }
.alt_icon.null												{ background-image: url(../../../images/icons/famfam/bullet_white.png); }
.alt_icon.cat_open,
.alt_icon.open											{ background-image: url(../../../images/icons/famfam/bullet_toggle_plus.png); }
	
/* product list */
	
.prod_list_container								{ border: 1px solid #ddd; max-height: 400px; overflow: auto; }
.prod_list													{  margin: 0 10px; }
.prod_list>li												{ border-bottom: 1px solid #eee; padding: 10px 0; }

/*
.prod_list .prod_image							{ width: 110px; }
*/
.prod_list .prod_vendor  						{ margin: 5px; width: 95px;}

.prod_image .color_list							{ padding: 10px 5px; }

.prod_list .prod_content						{ width: 480px; }
.prod_list .sub_button							{ display: block; }

.product_search_filter							{ float:right;}

.ds_products_col										{ float: right; width: 480px; }

.personalize												{ background: #372103; border: 1px solid #442904; margin-bottom: 10px; }
.personalize h3										{ 
			-moz-box-shadow: 0 -1px 0 #442904 inset, 0 -8px 10px -4px #5E3806 inset;
			-webkit-box-shadow: 0 -1px 0 #442904 inset, 0 -8px 10px -4px #5E3806 inset;  
			box-shadow: 0 -1px 0 #442904 inset, 0 -8px 10px -4px #5E3806 inset;
			background: #442904; border-bottom: 1px solid #442904; font-size: 14px; padding: 7px 10px; }
			
.personalize h4										{ font-size: 12px; margin: 5px 10px; }

.personalize .ul_add .entry					{ background: transparent none; border-bottom: 1px solid #442904; padding: 4px 10px; }
														
.personalize .ul_add .entry label			{ padding: 0 0 4px; }

.personalize_text										{ line-height: 24px; }
.personalize_text:after							{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .personalize_text							{ height: 1px; }
* + html .personalize_text						{ min-height: 1px; }
 
.personalize_text input,
.personalize_text textarea						{ float: left; font-size: 14px; line-height: 20px; }

.personalize_text	 .color_panel				{ float: left; }

.personalize_text .colorbutton				{ clear: left; display: inline-block; float: left; margin: -2px 0 -4px !important; }
* html .personalize_text .colorbutton	{ display: inline; }
* + html .personalize_text .colorbutton
																	{ display: inline; }

.personalize_text .colorbutton span	{ display: inline-block; }
* html .personalize_text .colorbutton span
																	{ display: inline; }
* + html .personalize_text .colorbutton span
																	{ display: inline; }
														
														
.personalize_image								{ padding: 7px 0; text-align: center; }
.ps_image_box											{ 
			-moz-border-radius: 		4px;
			-webkit-border-radius: 	4px;
			border-radius: 					4px;
			border: 2px dotted #5E3806; display: inline-block; margin-bottom: 5px; text-decoration: none; }

.ps_image_box:hover								{ border-color: #442904; }
.personalize_image li								{ display: inline-block; padding: 0 5px; }

/* team names */
.teamnames_panel									{ border-bottom:  1px solid #442904; margin-bottom: 10px; }
.teamnames_panel .base						{ margin-bottom: 0; }
.teamnames_panel .submit					{ margin: 0; padding: 1px; }

.teamnames_panel .icon						{ margin: 0; padding: 0; text-indent: -9999px; width: 16px; }

/* add */

.ul_add .radio											{  }
.ul_add .radio											{ border: none; }
.ul_add .radio li:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .ul_add .radio li								{ height: 1px; }
* + html .ul_add .radio li							{ min-height: 1px; }

.ul_add .radio input									{ float: left; font-size: 17px; }
.ul_add .radio label									{ float: left; }

.add_to_cart												{ margin-bottom: 5px; padding: 0 10px; }

.add_to_cart:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; padding: 0 10px; visibility: hidden; }
* html .add_to_cart									{ height: 1px; }
* + html .add_to_cart								{ min-height: 1px; }

.add_to_cart li											{ float: left; margin-right: 15px;  }
.add_to_cart li label									{ display: block; font-weight: bold; }
.add_to_cart li .colorbutton.add_to_cart				{ margin: -6px 0 0; }
.personalize .ul_add.image_items .entry			{ background: transparent none; }

a.add_to_cart															{ padding-left: 32px; }

/* tab wrapper */														
.tab_wrapper											{ margin-bottom: 10px; }
.tax_notice													{ display: block; font-size: 9px; margin-bottom: 15px; }

/* tab list */
.tab_list														{ padding: 0 2px; }

.tab_list:after											{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .tab_list											{ height: 1px; }
* + html .tab_list										{ min-height: 1px; }

.tab_list li													{ display: block; float: left; }
.tab_list li a												{ display: block; float: left;  line-height: 22px; margin: 0 2px -1px; padding: 0 7px 0 4px; }
.tab_list .current										{ background: #372103; border: 1px solid #442904; border-width: 1px 1px 0 1px;  }

.tab_list li a span										{ display: block; float: left; line-height: 22px; padding-left: 20px; }

#tab_button_details span						{ background: url(../../../images/icons/itoolbar_ii/16/file.png) 0 50% no-repeat; }
#tab_button_description span				{ background: url(../../../images/icons/itoolbar_ii/16/doc.png) 0 50% no-repeat; }
#tab_button_sizing span						{ background: url(../../../images/icons/itoolbar_ii/16/ruler.png) 0 50% no-repeat; }
#tab_button_shipping span					{ background: url(../../../images/icons/itoolbar_ii/16/truck.png) 0 50% no-repeat; }

.tab_content												{ background: #372103; border: 1px solid #442904; padding: 5px;  }
.tab_content .extraneous,
.tab_content .size_chart							{ background: transparent none; margin: 0; padding: 0; }
.tabless_content h4								{ margin: 10px 0 5px  }

/* left hand column stuff */

.lhs_box 													{ border-bottom: 1px solid #372103; display: block; padding:10px 0; margin:15px 0; }

/* secure stuff */

.secure h4													{ background: url(../../../images/lock.gif) 0 50% no-repeat; padding-left: 20px; }

.secure ul													{ display: block; }
.secure ul:after										{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .secure ul										{ height: 1px; }
* + html .secure ul									{ min-height: 1px; }

.secure ul li												{ display: block; float: left; margin: 10px 5px 0 0; }
.secure ul li img										{ display: block; }

.secure ul li.rapid										{ margin: 0 5px 0 0; }

.column_b .secure .rapid						{ display: block; float: none; }

/* portal categories */

ul.create_nav											{  }
ul.create_nav ul.category						{ height: 0;overflow: hidden; }

.meta h3														{  -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #301D03; display: block; float: left; font-size: 14px; font-weight: bold; letter-spacing: -0.035em; margin: -30px 0 5px -5px; padding: 7px 10px; }
* html .meta h3											{ display: inline; position: relative; }

.meta h5														{ clear: both; font-size: 12px; font-weight: bold; margin: 0 0 5px;  }

.meta.categories h3								{ background: #372103;  }

.meta ul.menu li										{ float: left; margin-right: 8px;   }
.meta ul.menu li:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .meta ul.menu li							{ height: 1px; }
* + html .meta ul.menu li						{ min-height: 1px; }

.meta ul.menu li a									{ background: url(../../../bimages/ppr/tool_icons.gif) 0 50% no-repeat; float: left; padding: 3px 0 3px 20px; }
.meta ul.menu li.profile a						{ background-position: -1000px 50%; }
.meta ul.menu li.bookmark a				{ background-position: -250px 50%; }
.meta ul.menu li.report a						{ background-position: -500px 50%; }
.meta ul.menu li.edit a							{ background-position: -1749px 50%; }
	
.meta ul.owner li										{ background: url(../../../bimages/ppr/tool_icons.gif) 0 50% no-repeat; margin-right: 8px; padding: 3px 0 3px 20px; }
.meta ul.owner li.profile							{ background-position: -1000px 50%; }
.meta ul.owner li.member						{ background-position: -1500px 50%; }
.meta ul.owner li.products					{ background-position: -1749px 50%; }
.meta ul.owner li.report							{ background-position: -500px 50%; }

/* share menu */
.share															{ float: right; }
.share:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.share li														{ float: left; margin-left: 15px; }
.share li a													{ display: inline; display: inline-block; line-height: 20px; padding-left: 22px; }

.ul_add																				{  }
.ul_add li																			{  }
.ul_add li label																	{ display: block; font-weight: bold; margin: 0 0 3px 5px; }

/* alt ul_add for images (floating) */

.ul_add.image_items														{  }
.ul_add.image_items:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .ul_add.image_items											{ height: 1px;  }
* + html .ul_add.image_items										{ min-height: 1px;  }

.personalize .ul_add.image_items .entry					{ border: none; float: left; }

.personalize_image ul li													{ display: block; float: none; padding: 0; width: auto; }
.personalize_image ul li.hidden            					     { display: none !important; }	

.personalize .colors														{ padding: 0; text-align: center; }
.personalize .colors:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .personalize .colors											{ height: 1px; }
* + html .personalize .colors											{ min-height: 1px; }

.personalize .colors .color_list										{ display: inline; display: inline-block; padding: 0; width: 60px; }

.personalize .colors .color_list li									{ float: none; padding: 0; line-height: 0; }

/*  */

span#report_status_product										{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #2b1a03 url(../../../bimages/ppr/tool_icons.gif) -748px 50% no-repeat; display: none; font-size: 12px; font-weight: bold; margin: 5px 0 0; padding: 8px 5px 8px 36px; }

.meta.categories span.all												{ clear: both; display: block; font-size: 12px; font-weight: bold; padding: 4px 0 4px; }

.meta.categories ul															{ clear: both;  }
ul.secondary,
ul.secondary ul, 
.subcategories .subcategories									{ padding-left: 10px; }
.meta.categories ul li														{ margin-bottom: 0; padding-bottom: 0; }
.meta.categories ul li:after											{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .meta.categories ul li											{ height: 1px; }
* + html .meta.categories ul li										{ min-height: 1px; }

.meta.categories ul li span.color_list							{ border-bottom: 1px solid #442904; display: block; padding: 3px 5px 3px 5px; }
.meta.categories ul li span.color_list:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* + html .meta.categories ul li span.color_list			{ min-height: 1px; }
* html .meta.categories ul li span.color_list				{ height: 1px; }

.meta.categories ul li.gallery											{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; }
	
.meta.categories ul li.gallery a										{ background:  url(../../../bimages/ppr/tool_icons.gif) -1248px 50% no-repeat; display: block; margin-bottom: 10px; padding: 3px 8px 3px 20px; }
		
/* custom options */

.meta.categories ul li .custom_option,
.custom_option																{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #301D03; border: 1px solid #442904; margin-bottom: 5px; padding: 5px; }
.meta.categories ul li .custom_option ul, 
.custom_option ul															{  }
.meta.categories ul li .custom_option li,
.custom_option li																{ border-bottom: 1px solid #442904; padding: 3px 0 4px; }
.meta.categories ul li .custom_option li:last-child,
.custom_option li:last-child											{ border: 0; }
.meta.categories ul li .custom_option li label,
.custom_option li label													{ display: inline; font-size: 11px; }

.meta.categories ul li .custom_option ul ul,
.custom_option ul ul														{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #372103;border: 1px solid #442904; margin: 0 0 5px; padding: 5px; }
.meta.categories ul li .custom_option ul ul li,
.custom_option ul ul li													{ padding: 0; } 

/* discussions */

div.discussions															{  }

div#comment_items													{ margin-bottom: 10px; }

div.comment_cell														{ border-bottom: 1px solid #151514; display: block; padding: 5px 10px 10px; }
div.comment_cell:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html div.comment_cell											{ height: 1px; }
* + html div.comment_cell											{ min-height: 1px; }
	
.comment_admin														{ background: #372103; }
.comment_current														{ background: #442904; }
.comment_reported													{ background: #5E3806; }
	
div.comment_cell div.details									{ float: left; width: 22%; }

div.comment_cell div.details div.interior				{ padding: 5px 5px 10px; }
div.comment_cell div.details img							{ border: 1px solid #372103; margin-bottom: 5px; }
div.comment_cell div.comment								{ float: left; width: 390px; }

div.comment_cell ul.tools											{ display: block; margin-bottom: 5px; text-align: right; }
div.comment_cell ul.tools li										{ display: inline; margin-left: 10px; }

/* voting */
ul.voting																			{ }
ul.voting li																		{ display: inline; }
ul.voting li.right															{ float: none; text-align: left; width: auto; }
ul.voting li a 																	{ background-image: url(../../../bimages/ppr/vote.gif); background-position: 0 0; display: block; float: left; height: 32px; text-indent: -9999px; width: 16px; }
ul.voting li.right a															{ background-position: 100% 0; }

ul.voting li a.alt																{ background-position: 0 100%; }
ul.voting li.right a.alt													{ background-position: 100% 100%; }

/*
###############
$3.0 design page
###############
*/

div.design																				{  }
div.design div.image															{ float: left; width: 40%; }
div.design div.image img													{ border: 1px dotted #151514; }
div.design div.description													{ float: right;  width: 58%; }
div.design div.description div.text									{ margin-bottom: 20px; }

div.design div.description div.create								{ border: 1px dotted #151514; padding: 10px; }
div.design div.description ul												{  }
div.design div.description ul li											{ display: inline; font-size: 12px; padding: 5px 10px; }

div.design div.description ul.user									{  }
div.design div.description ul.user li								{ display: block; width: 100%; }
div.design div.description ul.user li:after						{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html div.design div.description ul.user li					{ height: 1%; }
* + html div.design div.description ul.user li					{ min-height: 1%; }

div.design div.description ul.user li label						{ display: block; float: left; font-size: 16px; width: 120px;  }

ul.user li span																		{ display: block; float: left; }

div.design div.description ul.user li.delete					{ text-align: right; font-size: 16px; }
div.design div.description ul.user li.delete a				{ font-size: 18px; font-weight: bold; }

div.design_display div														{  }

/*
###############
$5.0 help section
###############
*/

ul.faq li{ background: url(../../../bimages/ppr/help_icons.gif) 0 0 no-repeat; padding-left: 20px; }
ul.faq li.selling{background-position: -300px 0;}
ul.faq li.buying{background-position: -600px 0;}
ul.faq li.designer{background-position: -900px 0;}
ul.faq li.printing{background-position: -1200px 0;}
ul.faq li.product{background-position: -1500px 0;}
ul.faq li.shipping{background-position: -1800px 0;}
ul.faq li.gallery{background-position: -2100px 0;}
ul.faq li.store{background-position: -2400px 0;}
ul.faq li.terms{background-position: -2700px 0;}
ul.faq li.copyright{background-position: -3000px 0;}
ul.faq li.privacy{background-position: -3300px 0;}
ul.faq li.feedback{background-position: -3600px 0;}
ul.faq li.contact{background-position: -3900px 0;}
ul.faq li.report{background-position: -4200px 0;}

body#home_returns ul.faq li.returns,
body#home_faq_store ul.faq li.store,
body#home_faq_gallery ul.faq li.gallery,
body#home_feedback ul.faq li.feedback,
body#home_contact ul.faq li.contact,
body#home_faq_general ul.faq li.general,
body#home_faq_selling ul.faq li.selling,
body#home_faq_buying ul.faq li.buying,
body#home_faq_designer ul.faq li.designer,
body#home_printing ul.faq li.printing,
body#product_info_ptype ul.faq li.product,
body#home_shipping ul.faq li.shipping,
body#home_gallery ul.faq li.gallery,
body#home_store ul.faq li.store,
body#home_useragree ul.faq li.terms,
body#home_copyright_info ul.faq li.copyright,
body#home_privacy ul.faq li.privacy { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03 none; border: 1px solid #372103; padding: 5px 10px 5px 10px;  }

ul.faq{ margin-bottom: 20px; }
ul.faq li{ margin-bottom: 12px; }
ul.faq a{ font-size: 16px; line-height: 14px; }
ul.faq a span{ color: #FFFFFF; display: block; font-size: 11px; text-decoration: none; }

/* faq content styles */

ul.questions{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; border: 1px solid #372103; margin-bottom: 20px; padding: 10px 10px 5px; }
ul.questions li{ margin-bottom: 7px; padding-bottom: 5px; }

a.question{ display: block; font-size: 12px; margin-bottom: 5px; }

div.answer{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #372103; margin: 0; overflow: hidden; padding: 0; }

div.answer p{ display: block; padding: 5px 10px; }

div.answer ol{ display: block; padding: 10px; }

/* home page only */
div#home div{ background: url(http://www.deepsouthbarrels.com/ppr/images/portal/cut.png) 0 0 no-repeat; float: left; margin: 0; padding: 0; width: 50%; }
div#home div div{ background: transparent none; padding-left: 120px; width: auto; }
	div#home h2{ color: #00ccff; font-size: 3em; font-weight: normal; letter-spacing: -0.07em; margin-bottom: 20px; text-transform: uppercase; }
	div#home ul li{ background: url(http://www.deepsouthbarrels.com/ppr/images/portal/ok.png) 0 50% no-repeat; font-size: 1.8em; letter-spacing: -0.04em; margin-bottom: 7px; padding-left: 40px; }

/* ***************************************************************

products section

***************************************************************** */

/* create */
ul.create{}
ul.create li{ float: left; width: 20%; }

/*---------------------------------------------------------

PROFILE PAGE

----------------------------------------------------------*/

div.profile{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #372103; border: 1px solid #442904; display: block; margin-bottom: 20px; padding: 10px; }
	div.profile:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html div.profile{ height: 1%; }
	* + html div.profile{ min-height: 1%; }
	
div.profile div{  }
div.profile img.avatar{ display: inline; float: left; margin-right: 20px; max-width: 90px; }
	* html div.profile img.avatar{ width: expression(this.width > 90 ? 90: true);  }

div.profile ul.user_edit{ float: right; width: 80%; }
div.profile ul.user_edit li{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; margin-bottom: 1px; padding: 3px 10px 2px; }
	div.profile ul.user_edit li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html div.profile ul.user_edit li{ height: 1px; }
	* + html div.profile ul.user_edit li{ min-height: 1px; }
	
div.profile ul.user_edit label{ display: block; float: left; margin-right: 5%; width: 25%; }
div.profile ul.user_edit span{ display: block; float: right; width: 70%; }

img.avatar{ float: left; }

/*+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==

ADMIN SECTION STYLES

+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==*/

div.user_menu							{ float: right; width: 22%; }
div.user_menu							{ float: none; width: 100%; }

div.user_menu ul						{ margin-bottom: 20px; }
div.user_menu ul:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html div.user_menu ul			{ height: 1px; }
* + html div.user_menu ul		{ min-height: 1px; }

div.user_menu ul li{ background-image: url(../../../bimages/ppr/admin_icons.gif); background-position: 3px 50%; background-repeat: no-repeat; float: left; margin-right: 10px; padding: 2px 10px 2px 23px; }
	
	div.user_menu ul li.dashboard{ background-position: -2247px 50%; }
	div.user_menu ul li.view{ background-position: 3px 50%; }
	div.user_menu ul li.edit{ background-position: -247px 50%; }
	div.user_menu ul li.purchases{ background-position: -497px 50%; }
	div.user_menu ul li.working{ background-position: -747px 50%; }
	
	div.user_menu ul li.orders{ background-position: -997px 50%; }
	div.user_menu ul li.commissions{ background-position: -1247px 50%; }
	div.user_menu ul li.products{ background-position: -1497px 50%; }
	div.user_menu ul li.top_fives{ background-position: -2497px 50%; }
	div.user_menu ul li.paypal{ background-position: -1747px 50%; }
	
	div.user_menu ul li.assets{ background-position: -2247px 50%; }
	div.user_menu ul li.profile{ background-position: -1997px 50%; }
	
	body#settings_dashboard div.user_menu ul li.dashboard,
	body#user_edit div.user_menu ul li.edit,
	body#user_orders div.user_menu ul li.purchases,
	body#assets_index div.user_menu ul li.view,
	body#user_working_copies div.user_menu ul li.working, 
	body#user_assets div.user_menu ul li.dashboard,
	body#user_top_fives div.user_menu ul li.top_fives,
	body#view_orders_index div.user_menu ul li.orders,
	body#view_commissions_index div.user_menu ul li.commissions,
	body#cproducts_index div.user_menu ul li.products,
	body#settings_account div.user_menu ul li.paypal, 
	body#user_assets div.user_menu ul li.assets{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #372103; border: 1px solid #442904; margin-bottom: 3px; }
	
div.user_content{ float: left; width: 75%; }
div.user_content{ display: block; float: none; width: 100%; }

a.note{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #372103; border: 1px solid #442904; float: right; font-size: 14px; font-weight: bold; padding: 3px 5px; text-decoration: none; }

/*^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%

SIGNUP

^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%*/


.signup												{}
.signup li											{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; border: 1px solid #372103; display: block; margin: 0 0 5px; padding: 10px; }
.signup li:after									{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html	.signup li								{ height: 1px; }
* + html .signup li								{ min-height: 1px; }

	.signup li label								{ display: block; float: left; font-size: 12px; font-weight: bold; margin-right: 10px; padding: 3px 0; text-align: right; width: 180px; }
	.signup input, 
	.signup select								{ font-size: 12px; }
	
	ul.signup li p									{ font-size: 1em; margin: 3px 0 5px; padding: 3px 0 0 190px;}
	
	ul.signup li.terms p						{ padding: 3px 0 0 3px;}

.signup li .register_a						{ -moz-border-radius: 2px; -webkit-border-radius; 2px; background: #372103;  border: 1px solid #442904; clear: left; float: left; margin-bottom: 20px; padding: 10px 0; width: 63%; }
.signup .register_b							{ float: right; margin: 0 0 20px; width: 33%; }
	.signup li .register_b li				{ border: 1px solid #372103; border-width: 0 0 1px; color: #; padding: 3px 0 3px 7px; }
	
.signup div:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .signup div								{ height: 1px; }
* + html .signup div							{ min-height: 1px; }
	
.signup .custom_values					{ float: left; }
.signup .custom_values li				{ background: transparent none; border: none; margin: 0 0 3px; padding: 3px 10px; }
.signup .custom_values label		{ display: inline-block; float: none; text-align: left; }

.signup .custom_values input		{ display: inline-block; float: none; vertical-align: top; }
* html .signup .custom_values input
															{ display: inline; }
* + html .signup .custom_values input
															{ display: inline; }

.signup .custom_values p				{ padding: 3px 0 0; }
li.radio div.options							{ float: left; margin: 0 1% 20px 17px; width: 29%; }

li.radio div.options input				{ margin-left: -17px; position: absolute; }

li.radio div.options label					{ display: block; font-size: 14px; font-weight: bold; line-height: 14px; margin-bottom: 7px; }
li.radio div.options label span		{ font-size: 11px; font-weight: normal; }

li.terms div.terms							{ border: 1px solid #151514; height: 120px; overflow-y: auto; margin-bottom: 10px; padding: 5px; }

/*^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%

SIGNUP

^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%*/

ul.user{  }
ul.user li{ margin-bottom: 8px; }
	ul.user li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
	* html ul.user li{ height: 1%; }
	* + html ul.user li{ min-height: 1%; }
ul.user li label{ float: left; font-size: 11px; font-weight: bold; margin-right: 5px; width: 45px }
ul.user input{ font-size: 1.3em; }

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

GALLERY STYLEZ

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/* menu */

div.gallery ul									{ margin: 0; }
div.gallery ul li								{ padding: 3px 0; }

/* gallery and alt need their own classes derived from PAGE_BG */

	div.gallery ul li.gallery				{ background: #5E3806; }
	div.gallery ul li.alt						{ background: #442904; }
div.gallery ul li label						{ font-size: 11px; font-weight: bold; width: 40%; }
div.gallery ul li a							{  }

div.gallery ul.user						{ border: 1px dotted #151514; margin-top: -1px; }
div.gallery ul.user li						{ border: 0; margin: 0; padding: 2px 5px; }

/*--------------------------------------------------------

CSS TESTS

----------------------------------------------------------*/

h4.create{ border: 1px solid #151514; margin: 0!important; padding: 5px; }

/* profile stuff prac */
div.actions{ background: #372103; border: 1px dotted #442904; padding: 5px 15px 20px 5px; }

div.actions ul{ display: block;line-height:17px; }
div.actions ul li{ display: block; padding: 2px 0 2px 20px; }
	div.actions ul li.view{  }
	div.actions ul li.delete{  }
	div.actions ul li.configure{  }
	div.actions ul li.private{  }
	div.actions ul li.public{  }

div.actions ul li a{ font-size: .9em; text-decoration: none; }


/* 	******************************************************

			NOTES (un-implemented stuff that I'm working on will be under here)

   	******************************************************
	
a.	forms will be within default: ul.form (from now on) pages that need fixing up: profile, login, register.

b. 	default header sizes! based off 62.5% making 1em ~ 10px
	
	b.i.	h1 	main site heading 		( no default size, generally a logo )
	b.ii.	h2	page headings 			( 3em, uppercase )[not finalised yet]		(Arial Narrow?)
	b.iii.	h3 	general headings are in here 	( 2.4em, capitalized )				(Arial Narrow?)
	b.iv.	h4	general subheadings (of h3)	( 1.8em )					(Arial Narrow?)
	b.v.	h5	minor sub sub headings		( 1.4em )
*/

div.submit								{ margin-bottom: 10px; padding: 5px 0; }
	div.submit:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html div.submit				{ height: 1px; }
	* + html div.submit			{ min-height: 1px; }

/* user content buttons */

table.product{ border-collapse: collapse; border: 1px solid #151514; width: 100%; }
table.product td{ border: solid #151514; border-width: 0 1px; padding: 10px; vertical-align: top; }
table.product tr.content td{ border-bottom: 1px solid #151514; }

ul.product_details{  }
ul.product_details li{ padding-bottom: 2px; }
ul.product_details li label{ float: left; font-weight: bold; text-align: left; width: 85px; }

ul.product_details li input.product_name{ width: 140px; }
ul.product_details li textarea.product_description{ width: 140px; }

div.user_content div.thumb_border{ border: 1px solid #151514; }

div.user_content ul.costs{ border: solid #151514; border-width: 1px 1px 0; }
div.user_content ul.costs li{ border-bottom: 1px solid #151514; padding: 3px; text-align: right; }
	div.user_content ul.costs li.retail{  }

div.user_content ul.costs li input{ text-align: right; }

div.user_content ul.costs li label{ width: 70px; }

div.user_content div.actions{ background: transparent none; border: 0; padding: 0; }

div.user_content div.actions ul{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #404040; border: 1px solid #404040; padding: 7px 10px; text-align: right; }

div.user_content div.actions ul li{ display: inline; margin-right: 10px; padding: 2px 0 2px 20px; }

div.actions ul li a{ font-size: 11px; font-weight: bold; }
	div.actions ul li.view{ background: url(../../../images/admin/product_view.gif) 0 50% no-repeat; }
	div.actions ul li.delete{ background: url(../../../images/admin/delete_button.gif) 0 50% no-repeat; }
	div.actions ul li.configure{ background: url(../../../images/admin/config.gif) 0 50% no-repeat; }
	div.actions ul li.private{ background: url(../../../images/admin/locked.gif) 0 50% no-repeat; }
	div.actions ul li.public{ background: url(../../../images/admin/unlock_button.gif) 0 50% no-repeat; }
	div.actions ul li.save{ background: url(../../../images/admin/icon_save_dark.gif) 0 50% no-repeat; }
	div.actions ul li.cancel{ background: url(../../../images/admin/icon_save_cancel.gif) 0 50% no-repeat; }
	div.actions ul li.arrows{ float: left; margin: 0 5px 0 0; padding: 0; }

div.actions ul li a{ font-size: .9em; text-decoration: none; }

/*---------------current row---------------*/

div.current_row{ position: relative; z-index: 3001; }
div.previous_row{ position: static; z-index: 1; }

/* LOG ME IN */	

div.login_a{ float: left; margin-right: 15px; width: 38%; }
div.login_b{ float: right; width: 20%; }

ul.signup{ background: line-height: 16px; padding-left: }

/* FOOTER STUFF */

div#footer div#footer_nav{ display: block; position: static; text-align: left; }

div#footer div.helpers{ display: block; float: left; margin: 0 40px 0 0; padding: 0; text-align: left; vertical-align: top; width: auto; }
	* html div#footer div.helpers{ display: inline; }
	* + html div#footer div.helpers{ display: inline; }
div#footer div.helpers h3{  }
div#footer div.helpers h3:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
div#footer div.helpers ul{ float: left; line-height: 1.6em; }
div#footer div.helpers ul li{ font-weight: bold; }
div#footer div.helpers ul li a{ font-size: 11px; font-weight: normal; text-decoration: none; }

/* base tables */

table.base										{ border-collapse: collapse; margin-bottom: 20px; text-align: left; }
table.base tr th								{ background: #372103; border: 1px solid #442904; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 10px 5px; text-transform: none; }
table.base tr td								{ background: #; border: 1px solid #442904; color: #FFFFFF; padding: 3px 5px; }
table.base tr.alt td						{ background: #2b1a03; }
	table.base tr.white td				{ background: #fff none; }
	table.base tr.white.alt td			{ background: #eee none; }

table.topalign td, table tr.topalign td, table tr td.topalign{ vertical-align: top; }

table.base tr td a{ color: #404040; font-weight: bold; }

table.base tr.empty td{ background: transparent none; border: 0; height: 3px; line-height: 0; padding: 0; }

table.hundred{ width: 100%; }

.align_center{ text-align: center; }
.align_right{ text-align: right; }

table.base table.product_images tr td{ background: #fff; border: 1px solid #ddd; padding: 1px; }
table.base table.product_images tr td img{ border: 1px solid #eee; }

table.base ul {}
table.base ul li { 
	display: inline; 
	margin-right: 10px; 
	padding: 5px 0 5px 20px; 
}
table.base ul li.edit { 
	background: url(../../../images/portal/icon_image_edit_light_16.gif) 0 50% no-repeat; 
}
table.base ul li.delete { 
	background: url(../../../images/portal/icon_delete_light_16.gif) 0 50% no-repeat; 
}

/* size table */	
	
table.base.size_table {
	margin: -5px 0 0;
}

table.base.size_table td, 
table.base.size_table th {
	line-height: 20px;
	padding: 1px;
	text-align: center;
}

table.base.size_table td input {
	margin: 0;
	text-align: right;
	width: 22px;
}
	
/* base ul */

div.form								{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #372103; border: 1px solid #442904; margin: 15px 0 20px; padding: 20px; }

div.form div.note				{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; border: 1px solid #442904; margin: 0 0 20px; padding: 10px; }

ul.base								{  }
ul.base li							{ margin: 0 0 5px; padding: 3px; }
	ul.base li:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html ul.base li			{ height: 1px; } 
	* + html ul.base li			{ min-height: 1px; }
	
ul.base li.submit				{ margin: 0; padding: 0; }
ul.base .button					{ margin: 0; }

ul.base li label					{ display: block; float: left; font-size: 12px; font-weight: bold; margin-right: 25px; text-align: right; width: 150px; }
ul.base li label img			{ float: left; margin-top: -5px; }

ul.base li span.hint			{ display: block; font-size: 10px; padding-left: 175px; }

/* voting */
.meta div.vote{   }

.meta div.vote span#vote_average{ clear: both;display: block; font-size: 11px; font-weight: bold; margin: 0; }

.meta ul.scoring{ display: inline; }
.meta ul.scoring li{ background-image: url(../../../bimages/ppr/vote.gif); background-repeat: repeat-x; display: block; height: 32px; text-indent: -9999px; }
.meta ul.scoring li.score{ background-position: 0 -32px; position: absolute; }
.meta ul.scoring li.total{ background-position: 0 0; width: 160px; }

ul.start_selling{ margin-bottom: 10px; }
	ul.start_selling:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	
ul.start_selling li{  -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; display: inline; float: left; margin-right: 20px; }
	ul.start_selling li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html ul.start_selling li{ height: 1px; }
	* + html ul.start_selling li{ min-height: 1px; }
	
ul.start_selling li.alt{ background: #442904; }
ul.start_selling li.alt a{ color: # }
	
ul.start_selling li a{ display: block; float: left; font-size: 24px; letter-spacing: -0.035em; margin: 15px 10px; }

h4.reported{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #232323 url(../../../images/portal/icon_alert_d_32.gif) 100% 50% no-repeat; color: #fff; font-size: 16px; font-weight: normal; margin: 0; padding: 8px 40px 8px 10px; text-align: right; }

/* configured products page stuff */

table.cproduct{ border-collapse: collapse; }
table.cproduct td.product_select{ background: #fff; border: 1px solid #ccc; vertical-align: top; width: 25%; }

table.cproduct td.product_select table td{ color: #404040; }

table.cproduct td.product_select table td.title{ background: #404040; color: #eee; padding: 10px 5px; }

table.cproduct td.product_select table td.image{ padding: 10px; }
	table.cproduct td.product_select table td.image img{ border: 1px solid #ddd; padding: 1px; }

table.cproduct td.product_select table td.all_colors{ background: #eee; padding: 3px 5px; }
table.cproduct td.product_select table td.select_colors{ background: #f7f7f7; margin-bottom: 5px; padding: 3px 5px; }
	table.cproduct td.product_select table td.select_colors table{  }
	table.cproduct td.product_select table td.select_colors table tr td.color{ padding: 3px 2px; text-align: center; }
	table.cproduct td.product_select table td.select_colors table tr td.color div{ margin-bottom: 2px; }


table.cproduct td.product_select table td ul{ margin: 5px 5px 10px; }

/* shipping methods testing */

div.column_a div.shipping_methods					{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; border: 1px solid #372103; margin: 0 0 20px; padding: 5px; }
div.column_a div.shipping_methods table		{ margin: 0; }

/* create list */

		.create_list									{  }
			.create_list:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
			* html .create_list						{ height: 1px; }
			* + html .create_list					{ min-height: 1px; }
		
		.create_list li									{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #301D03; display: inline-block; margin: 5px 1%; padding: 5px 0; vertical-align: top; width: 30%; }
			
			.create_list li:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
			* html .create_list li					{ display: inline; height: 1px; }
			* + html .create_list li				{ min-height: 1px; }
		
		* html .create_list li						{ display: inline; }
		* + html .create_list li					{ display: inline; }
		
		.create_list li div.contain				{ margin: 0 5px; }
		
		.create_list li div.image				{ float: left; width: 80px; }
		.create_list li span.extra				{ display: none; }
		.create_list li img							{ border: 1px solid #372103; margin-bottom: 1px; width: 75px; }
		
		.create_list li .details					{ float: right; width: 145px; }
		.create_list li .details .price		{ float: right; font-weight: bold; }
		
	.column_a .create_list li					{ width: 47%; }
	.column_a .create_list li .details	{ float: right; width: 180px; }
	
ol.colors{}
	ol.colors:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html ol.colors{ height: 1px; }
	* + html ol.colors{ min-height: 1px; }
ol.colors li{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background-image: url(../../../images/color_overlay.png); border: 1px solid #442904; display: block; float: left; height: 10px; line-height: 10px; margin: 0 1px 1px 0; padding: 0; text-indent: -9999px; width: 10px; }

	* html ol.colors li{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/color_overlay.png', sizingMethod='scale'); }

		.create_list  ol.process				{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #372103; margin: 0 0 1px; padding: 5px; }
		.create_list  ol.process li			{ background: transparent none; display: block; float: none; font-weight: bold; margin: 0; padding: 0; text-align: right; width: 100%; }
		.create_list  ol.process li a			{ float: left; }

ul.sizing{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #372103; display: block; margin: 5px 0; padding: 5px; }
	ul.sizing:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html ul.sizing{ height: 1px; }
	* + html ul.sizing{ min-height: 1px; }
	
		.column_a ul.sizing li, 
		ul.sizing li								{ background: transparent none; display: inline; float: left; font-size: 10px; font-weight: bold; margin: 0 5px 0 0; padding: 0; width: auto; }


/* Catalog Vertical Additions*/


.vertical_cat {
	box-shadow:none!important;
}




.vertical_cat .extras {}

.vertical_cat .image {}




.vertical_cat h4 {
	width:100%;
	float:left;
	text-align:left;
	border-bottom: 1px solid #442904;
	padding-bottom:6px;
	margin-top:6px;
	margin-bottom:5px;
}

.vertical_cat .details .det_price, .vertical_cat .details .inline_tax_warning, .vertical_cat .details .det_cart, .vertical_cat .details .det_title {
	width:100%;
	float:left;
}

.vertical_cat .details .det_price span {
	font-weight:bold;	
}


.vertical_cat .details {
	text-align:left;
}

.vertical_cat .details .det_price a {
	background: none repeat scroll 0 0 #442904 !important;
    color: #FFFFFF;
    float: right;
    padding: 3px 7px;
    text-decoration: none;
    text-transform: uppercase !important;
}

.vertical_cat .details ul.color_panel {
	border-bottom:0px!important;
	margin-top: 13px !important;
	display:inline-block;
}

.vertical_cat .details ul.sizing {
	background:#442904;
	border-bottom:0px!important;
	margin-top: 7px;
	display:inline-block;
}

.vertical_cat .details ul li:first-child {
	margin-top:0px!important;
	margin-left:0px!important;
}

.vertical_cat .details ul.sizing li {
	margin:0 10px 0 0;
}




.wide_cat {
	width:100%;
	float:left;
	list-style:none;
	border-radius: 0 !important;
    box-shadow: none !important;
    padding: 30px 0;
    border-bottom: 1px solid #91570A;
    margin-bottom:0px!important;
}


.wide_cat:hover > .wide_cat .details .det_price a {
	background:#AA670B!important;
}

.wide_cat .block {
	float:left;
	width:100%;
}

.wide_cat h4 {
	width:100%;
	float:left;
	text-align:left;
	padding-bottom:6px;
	margin-top:6px;
	margin-bottom:5px;
	font-size:18px;
	font-weight:normal;
}

.wide_cat h4 a {
	text-decoration:none;
}

.wide_cat_img {
	float:left;
	width:175px!important;
	margin-right:10px;
}

.wide_cat .details {
	float:left;
	width:calc((100% - 205px) / 3) !important;
	padding:0 10px;
}

.wide_cat .details ul {
	margin:0!important;
	padding:0;
	float:left;
	width:100%;
}

.wide_cat .details_wide {
	width:calc(((100% - 205px) / 3) * 2) !important;
	float:left;
	overflow:hidden;
	position:relative;
	min-height:175px;
}

.wide_cat .details .det_price:first-child {
	margin-top: 0px;
}

.wide_cat .color_panel {
	float:left;
	width:calc(75% - 20px)!important;
	padding:0 10px;
}

.column_a .wide_cat .color_panel li {
	margin: 0 2.5% 1% !important;
}

.wide_cat .sizing {
	float:left;
	width:calc(25% - 20px)!important;
	padding:0 10px;
	margin:0;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.wide_cat .sizing li {
	width:100%!important;
}

.wide_cat .details .det_price span {
	font-weight:bold;	
}


.wide_cat .details {
	text-align:right;
}

.wide_cat .details .det_price, .wide_cat .details .det_cart {
	width:100%;
	float:left;
}

.wide_cat .details .det_price a {
	background: none repeat scroll 0 0 #442904 !important;
    color: #F79511;
    float: left;
    padding: 3px 7px;
    text-decoration: none;
    text-transform: uppercase !important;
}

.wide_cat .det_cart a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: none;
    display: block;
    float: left;
    margin: 0 !important;
    padding: 0;
    text-decoration: underline;
    text-transform: capitalize;
}
.wide_cat .details_wide_container {
	float:left;
	width:100%;
	top:-300px;
	position:absolute;
	transition: top 0.5s 0s ease;
}
.wide_cat .details_wide_decorate {
	float:left;
	width:100%;
	height: 300px;
	text-align:center;
}

.wide_cat .details_wide_decorate .decorate_now {
	background: none repeat scroll 0 0 #FF0000;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    margin-top: 50px;
    padding: 10px 30px;
    text-decoration: none;
    text-transform:capitalize;
}

.wide_cat .details_wide_decorate .buy_blank {
	background: none repeat scroll 0 0 #909090!important;
} 

.wide_cat .details_wide_decorate .decorate_now:hover {
	background:#CC0000;
}

.wide_cat .details_wide_decorate .buy_blank:hover {
	background:#707070!important;
}

.wide_cat .details_wide_panels {
	float:left;
	width:100%;
}

.wide_cat:hover .details_wide_container {
	top:0px!important;
}


/* Wizard */

.wizard > .content {
	
	display: block;
	position: relative;
	height: 450px;
	overflow-x: hidden;
	margin-top: 6px

}

.wizard > .content > .title {
	position: absolute;
	left: -999em;
}

.wizard > .content > .body {
	float: left;
	position: absolute;
	width: 98%;
	height: 95%;
	padding: 5px;
}

.wizard > .steps {
	position: relative;
	display: block;
	width: 100%;
	-moz-border-radius: 		1px;
	-webkit-border-radius: 	1px;
	border-radius: 					1px;
	background: #2b1a03;
	background: -moz-linear-gradient(50% 0 , #2b1a03, #372103);
	background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#2b1a03), to(#372103));
	border: 1px solid #5E3806; 
}

.wizard > .steps .number {
	font-size: 1.429em;
	color:#FFFFFF
}

.wizard > .steps > ul > li {
	width: 19.87%;
	-moz-box-shadow: 			1px 0 0 #2b1a03;
	-webkit-box-shadow: 	1px 0 0 #2b1a03;
	box-shadow: 					1px 0 0 #2b1a03;
	border-right: 1px solid #442904;
	color: #F79511; 
}

.wizard > .steps > ul > li, .wizard > .wizard-actions > ul > li {
	float: left;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
	display: block;
	width: auto;
	margin: 0 .5em 0;
	padding: 1em 1em;
	text-decoration: none;

}


.wizard > .wizard-actions {
	position: relative;
	display: block;
	text-align: right;
	width: 100%;
	padding-bottom:10px;
	padding-top:10px
}

.wizard > .wizard-actions > ul {
	display: inline-block;
	text-align: right;
}

.wizard > .wizard-actions > ul > li {
	margin: 0 .5em;
}

.wizard > .wizard-actions a, .wizard > .wizard-actions a:hover, .wizard > .wizard-actions a:active {
	color: #F79511;
	cursor:pointer;
}

.wizard > .wizard-actions .disabled a, .wizard > .wizard-actions .disabled a:hover, .wizard > .wizard-actions .disabled a:active {
	
	color: #FFFFFF;
	cursor:pointer;
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
	color: #FFFFFF;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
	color: #F79511;
	font-weight:bold;
	cursor:pointer;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
	color: #F79511;
	cursor:pointer;
}

.wizard .wizard_step {
  margin-left:300px;
  margin-top:10px;
  float:left; 
  width: 67%;
}

.wizard .start_designing {
	clear: both; 
}

.wizard .cart_container {
  padding:0px;
  border:none;
}

.wizard .select_product_hierarchy {
  width: 215px;
  margin-left: 0px;
  padding: 5px;
  float: left
}

.wizard .library_listing {
	float: left;
	margin-left: 5px;
	width:70%;
}

.wizard .product_categories ul li span a {
	color:#F79511 !important;
}

.wizard .product_categories ul li span.selected {
	background : #5E3806;
}

.wizard .product_categories ul li span:hover {
	background : #442904;
	border-radius:0px;
	border:none;
	box-shadow:none;
	
}

.wizard .product {
	border: 1px solid ABABAB;
	cursor: move;
	float: left!important;
	margin: 5px;
	margin: 4.75px;
	width: 120px !important;
	height: 140px !important;
}

.wizard .product .thumb_border {
	padding: 10px;
	text-align: center;
}
 
.wizard .product > p {
	color: #FFFFFF;
	font-size: 11px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	margin: 0px 7px;
}

.wizard li.product:hover {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 3px #9FC2E0 ;
}

.wizard li.active {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 3px #1682e2 !important;
}

.wizard .library_browser ul.decoration_list li span {
	background: inherit;
	display: block;
	margin: 2px;
}

/* product decoration areas */

.product_decoration_areas h4 {
	margin: 10px 0 5px 0
} 

.product_decoration_areas li {
	padding: 3px 0px
} 

.product_decoration_areas li label {
	display: inline-block; width:90px; padding-left:10px
} 

/* heading stuff */

/* the menu */

.pre_navigation:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .pre_navigation					{ height: 1px; }
* + html .pre_navigation				{ min-height: 1px; }

ul.extras										{ float: left; }
ul.extras li										{ -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; background: #6C2300; border: solid #792700; border-width: 0 1px 1px 1px; display: inline; float: left; margin-right: 3px; }

ul.extras li.alt								{ background-color: #2e2e2e; background-position: 0 -20px; border-color: #3d3d3d; padding-top: 2px; }
ul.extras li.alt span						{ color: #ddd; }
ul.extras li.alt a								{ color: #fff; }

ul.extras li span							{ color: #200A00; display: block; font-weight: bold; letter-spacing: -0.035em; padding: 0; }
ul.extras li a									{ background-image: url(../../../bimages/ppr/top_icons.gif); background-repeat: no-repeat; color: #f99d70; display: block; padding: 3px 5px 3px 21px; text-decoration: none; }

	.extras li.cart a															{ background: url(../../../images/icons/itoolbar_ii/16/shopping_cart.png) 2px 1px no-repeat!important; }
		l.extras li.cart.alt a												{ background-position: -148px -47px; }
	.extras li.recent a														{ background-position: 5px 2px; }
		.extras li.recent.alt a											{ background-position: 5px -47px; }
	.extras li.currency a												{ background-position: -298px 2px; }
		.extras li.currency.alt a										{ background-position: -298px -47px; }
		
	
.red_test{ background: #ff0000; }
	
/* the box */

div.extra_container.imageflow{ display: none; }
div.slidebox{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #282828; border: 1px solid #343436; clear: both; margin: 10px 0; padding: 10px ; text-align: center; }
	div.slidebox:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html div.slidebox{ height: 1px; }
	* + html div.slidebox{ min-height: 1px; }
	
div.slidebox *{ text-align: left; }

div.slidebox a.arrow{ color: #404040; float: left; font-size: 72px; font-weight: bold; line-height: 60px; text-decoration: none; }
	div.slidebox a.arrow.alt{ color: #404040; }
	div.slidebox a.arrow.right{ float: right; width: auto; }

div.slidebox div.viewer{ display: inline-block; height: 81px; overflow: hidden; width: 695px; }
	div.slidebox div.viewer:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	
div.slidebox ul{ display: block; margin: 0; padding: 0; }
	div.slidebox ul:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
div.slidebox ul li{ border: 1px solid #333; display: block; float: left; margin: 0 2px; }
div.slidebox ul li div{ background: #333; height: 77px; margin: 1px; width: 77px; }

div#pw_c_popup {  }

div.extras{ color: #fff; }
div.extras{ background: #2e2e2e; display: block; margin: 0; padding: 0; }

div.extras div.extra_container{ float: left; width: 800px; }

div.extras div.extra_container div.items{ float: left; width: 490px; }
div.extras div.extra_container div.cart_overview{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #2e2e2e; border: 1px solid #3e3e3e; float: right; height: 80px; text-align: left; width: 270px; }
div.extras div.extra_container div.cart_overview div.interior{ display: block; padding: 5px; }

div.extras div.extra_container  div.cart_overview h3{ color: #fff; font-size: 16px; font-weight: bold; text-align: left; }
div.extras div.extra_container div.cart_overview ul{ margin-right: -20px; }
div.extras div.extra_container div.cart_overview ul li{ border: 0; color: #fff; font-size: 14px; font-weight: bold; margin: 0 15px 0 0; }
div.extras div.extra_container div.cart_overview ul li label{ color: #a9a9a9; display: block; font-size: 12px; }

#cart_checkout_link																			{ margin-top: 5px; }
#cart_checkout_link.disabled															{ opacity: .3; filter: alpha(opacity = 30); }


div.extras div.currency{ color: #fff; margin: 10px 0; }

div#top_cart_notice, div#recent_notice{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #222; border: 1px solid #333; margin: 20px 10px; padding: 5px 10px; position: absolute; }
div#top_cart_notice h3, div#recent_notice h3{ color: #fff; margin: 0; padding: 3px 0 3px 38px; }
	div#top_cart_notice h3.loading{ background: url(../../../images/spinner.gif) 0 50% no-repeat; }
	div#top_cart_notice h3.empty{ background: url(../../../images/icons/itoolbar_ii/32/shopping_cart.png) 0 50% no-repeat; }
	
	div#recent_notice h3{ background: url(../../../images/no_recent.gif) 0 50% no-repeat; }


.size_chart{  }
	.size_chart:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .size_chart{ height: 1px; }
	* + html .size_chart{ min-height: 1px; }
	
.size_chart img{ float: left; margin-right: 10px; }

/* testing stuff right here (this message bork3d it last time) */

span.custom{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #301D03; border: 1px solid #372103; display: block; font-size: 12px; font-weight: bold; margin: 0 0 5px; padding: 10px; }
span.custom a{ padding: 1px 0; }

span.custom.website a{ background: url(../../../bimages/ppr/tool_icons.gif) -2000px 50% no-repeat; padding-left: 20px; }

/* dashboard */

.dashboard_left{ float: left; width: 48%; }
.dashboard_right{ float: right; width: 48%; }

.box{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #301D03; border: 1px solid #372103; margin-bottom: 20px; padding: 10px; }
	.box:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .box{ height: 1px; }
	* + html .box{ min-height: 1px; }
	
.box.alt{ background: #372103; border: 1px solid #442904; }

.box .statistics{ margin-bottom: 10px; }

.box h4{  }

.box ul.action{ margin-bottom: 20px; }
	.box ul.action:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .box ul.action{ height: 1px; }
	* + html .box ul.action{ min-height: 1px; }
	
.box ul.action li{ float: left; width: 50%; }
.box ul.action li a{ background: url(../../../bimages/ppr/dashboard_icons.gif) 0 50% no-repeat; display: block; font-size: 11px; font-weight: bold; letter-spacing: -0.015em; margin-bottom: 1px; padding: 2px 0 2px 18px; text-decoration: none; }
	.box ul.action li.one a{ background-position: -250px 50%; }
	.box ul.action li.two a{ background-position: -500px 50%; }
	.box ul.action li.three a{ background-position: -750px 50%; }

.box ol.statistic{}
.box ol.statistic li{ display: block; font-size: 24px; letter-spacing: -0.035em; margin-bottom: 1px; text-align: right;  }
	.box ol.statistic li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .box ol.statistic li{ height: 1px; }
	* + html .box ol.statistic li{ min-height: 1px; }
.box ol.statistic li span{ background: url(../../../bimages/ppr/stat_bg.gif) 0 0 no-repeat; float: left; height: 20px; line-height: 21px; margin-top: 2px; padding: 0; position: relative; text-align: left; width: 150px; }
.box ol.statistic li span b{ background: url(../../../bimages/ppr/stat_fg.gif) 0 0 no-repeat; display: block; float: left; height: 20px; text-indent: -9999px; width: 93px; }
.box ol.statistic li span i{ font-size: 9px; font-style: normal; font-weight: bold; left: 100%; margin-left: 5px; position: absolute; }

.box ul.box_menu{ display: block; text-align: right; }
.box ul.box_menu li{ border-left: 1px solid #555; display: inline; margin-left: 5px; padding-left: 5px; }
.box ul.box_menu li a{ text-decoration: none;}

.box a.button{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background:transparent url(../../../images/checkout_button.gif) no-repeat scroll 0 50%; border:1px solid #787878; color:#454545; display:block; font-size:14px; height:28px; letter-spacing:-0.05em; line-height:29px; padding:0 10px 0 26px; text-decoration:none; }

.top_products{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #2b1a03; border: 1px solid #372103; margin-bottom: 10px; padding: 10px 0; text-align: center; }
.top_products li{ display: inline; margin: 0 2px; text-align: left; }
.top_products li h5{ margin: 0 10px; }
.top_products img{ border: 1px solid #442904; }
.top_products li b{ background: url(../../../images/top_products.png) 50% 50% no-repeat; color: #444; font-size: 18px; font-weight: bold; height: 32px; line-height: 32px; margin: -5px 0 0 -5px; position: absolute; text-align: center; width: 32px; }
	* html .top_products li b{ background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top_products.png', sizingMethod='crop'); }

div.top_five{ clear: both; }

/* gallery header */

.gallery_header{ margin-bottom: 20px; position: relative; }
.gallery_header .button{ margin-top: 10px; position: absolute; right: 10px; }

/* designs table */
table.designs tr td{ background: #fff; }
table.designs tr td div.design{ background: #eee url(../../../images/trans-display.gif); border: 1px solid #ddd; display: block; margin-bottom: 5px; padding: 5px; text-align: center; }
table.designs tr td div.design b{ display: block; height: 32px; margin: -10px 0 0 -10px; position: absolute; width: 32px; }
table.designs tr td.reported div.design b{ background: url(../../../images/alert.png) 0 0 no-repeat; }
table.designs tr td.denied div.design b{ background: url(../../../images/denied.png) 0 0 no-repeat; }

table.designs tr td h4{ margin-bottom: 2px; }
table.designs tr td h5{ letter-spacing: 0; }

table.designs tr td ol{ margin-bottom: 5px; }
table.designs tr td ol li{  }
table.designs tr td ol li label{ font-weight: bold; margin-right: 10px; }
table.designs tr td div.status{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ddd; border: 1px solid #ccc; padding: 5px; }
table.designs tr td div.status p{ margin: 4px 0 0; }

/* featured seller */
div.featured_seller{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #301D03; border: 1px solid #372103; padding: 10px;  }

div.featured_seller .slidebox{ background: #372103; border: 1px solid #442904; margin: 0; }
div.featured_seller .slidebox li{ border-color: #5E3806; }

/* category stuff */
.open								{ background: url(../../../images/category_open.png) 0 0 no-repeat; cursor: pointer; display: block; float: left; height: 12px; margin: 4px 4px 0 5px; text-indent: -9999px; width: 12px; }
.open.close					{ background: url(../../../images/category_close.png) 0 0 no-repeat; }

.meta.categories ul.secondary span{ padding-left: 25px; }

br.clear{ clear: both; display: block; height: 0; line-height: 0; }
.clear{ clear: both; }

.search_results>li { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #372103; border: 1px solid #442904; margin-bottom: 10px; padding: 5px 10px; }
.search_results>li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

.search_results li>h5{ float: right; }

.search_results img{ border: 1px solid #442904; float: left; padding: 1px; }

.search_results>li>div{ float: right; width: 85%; }

.search_results .meta{ background: transparent none; margin: 0; padding: 0; }
.search_results .meta li{ float: left; width: 200px; }

/* gift certificates */

div.certificate												{ background: #301D03; border: 1px solid #442904; margin: 0 auto; padding: 10px; text-align: center; }
div.certificate div											{ margin: 0 auto; text-align: left; }

div.certificate ul.certificate						{ margin: 120px 0 0 160px; position: absolute; }
div.certificate ul.certificate li						{ margin: 0 0 3px; padding: 0; }
div.certificate ul.certificate li label			{ display: none; color: #444; font-size: 14px; }

ol.certificate_amount									{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #301D03; border: 1px solid #442904; clear: both; display: block; margin: 5px 0; padding: 5px; }
ol.certificate_amount li								{ font-size: 12px; font-weight: bold; margin-bottom: 4px; }
/* pagination styling */
.pagination													{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #352003; border: 1px solid #3C2403; color: #F2920F; margin-bottom: 10px; padding: 5px 0; position: relative; text-align: center; }
.pagination:after											{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .pagination											{ height: 1px; }
* + html .pagination										{ min-height: 1px; }

.pagination li													{ display: inline; margin: 0 3px; }

div.pagination span, div.pagination a		{ margin: 0 3px; text-decoration: none; }
.pagination .next_page								{ position: absolute; margin-right: 10px; right: 0; }
.pagination .prev_page								{ left: 0; margin-left: 10px; position: absolute; }

ul.pagination li.top										{ margin-right: 10px; }
ul.pagination li a											{ text-decoration: none; }

.popup .pagination span								{ color: #404040; }
.popup .pagination .disabled						{ color: #999; }

.popup .pagination a									{ color: #404040; text-decoration: underline; }

/*----------------------------------------------------------------
Product info pages restyled by greg
------------------------------------------------------------------*/

.pi_block														{ 
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: #301D03; border: 1px solid #372103; margin-bottom: 20px; padding: 10px; }
.pi_block:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .pi_block											{ height: 1px; }
* + html .pi_block											{ min-height: 1px; }

.popup .pi_block											{ 
			-moz-border-radius: 0; 
			-webkit-border-radius: 0;
			border-radius: 0;
			background: transparent none; border: 0; }

.pi_image														{ float: right; width: 150px; }
.pi_image img												{ display: block; margin-bottom: 10px; }

.pi_details														{ float: left; width: 380px; }

.pi_options li													{ border-bottom: 1px solid #372103; margin-bottom: 10px; padding-bottom: 5px; }
.pi_options li:after										{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .pi_options li										{ height: 1px; }
* + html .pi_options li									{ min-height: 1px; }

.popup .pi_options li									{ border-bottom: 1px solid #eee; }

.pi_options li label										{ float: left; margin-right: 10px; width: 120px; }
.pi_options li span.pi_option						{ float: left; width: 250px; }

.pi_images													{ overflow: hidden; }
.pi_images img											{ max-width: 380px;  }

/* size chart display*/
table.size_chart											{ border-collapse:collapse; text-align:center; }
table.size_chart tr td									{ background:#301D03; none repeat scroll 0%; border:1px solid #2E2E2C; padding:3px 5px; text-align:center; width:20px; }
table.size_chart tr.chart_0 td 					{ background:#372103; none repeat scroll 0%; }
table.size_chart tr th									{ background:#5E3806; none repeat scroll 0%; border:1px solid #2E2E2C; font-weight:bold; padding:5px!important; text-align:center; }

/* designer things (for site only - needs different colors for backend) */

.left_extra														{ background: #301D03; border: 1px solid #372103; }

/* shared styles */

ul.inline_block												{ border: 1px solid #372103; }

#form_overlay												{ position: relative; }
xxxxb.overlay														{ background: #808080; display: block; left: 0; opacity: 0.6; position: absolute; top: 0; }

span.notice													{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eee url(../../../images/icons/itoolbar_i/32/info.png) 5px 50% no-repeat; color: #404040; font-size: 18px; padding: 10px 10px 10px 42px; }
.overlay span.notice									{ left: 0; position: absolute; top: 0; }

#product_listing											{  }
#product_listing table									{ background: #301D03; }

.product_color_list										{ background: #372103; }

.image_box													{ background: #372103; }
.image_box img											{ border: 1px solid #372103; }

	/* new shop features testing */
		
		div#sh_feature												{  }
		.sh_feature_int												{ padding: 5px 0 0 5px; position: relative; }
		.sh_feature_container								{ margin: 0 40px; overflow: hidden; }
		
		ul.sh_feature_box										{ width: 10000px; }
		ul.sh_feature_box:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html ul.sh_feature_box							{ height: 1px; }
		* + html ul.sh_feature_box							{ min-height: 1px; }
		
		.sh_feature_int>a											{ background-image: url(../../../bimages/ppr/shop_featured.gif); background-repeat: no-repeat; height: 47px; margin: 40px 0; position: absolute; top: 0; text-indent: -9999px; width: 28px; }
		.sh_feature_int .forward							{ background-position: 0 0; left: 5px; }
		.sh_feature_int .backward							{ background-position: 100% 0; right: 5px; }
		
		.sh_feature_int .forward:hover				{ background-position: 0 100%; }
		.sh_feature_int .backward:hover				{ background-position: 100% 100%; }
		
		ul.sh_feature_box li									{ float: left; margin: 0; padding: 0; }
		
#message_only													{ background: #862c00; height: 36px; }
#message_only div												{ -moz-border-radius: 0 0 2px 2px; -moz-box-shadow: 0 15px 15px -2px rgba(255, 255, 255, .1) inset,  0 -15px 15px -2px rgba(0, 0, 0, .1) inset, 0 3px 6px -1px rgba(0, 0, 0, .6); background: #555; height: 36px; left: 50%; margin-left: -440px; position: fixed; text-align: left; top: 0; width: 880px; z-index: 9999; }

#message_only h2												{ color: #eee; display: inline-block; margin: 0 10px; font-size: 13px; font-weight: normal; letter-spacing: 0; line-height: 36px; }

/* designs filter */

.filter_wrapper:after, 
.filter ul:after															{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

.filter_wrapper														{ margin-bottom: 10px; }
.filter_wrapper h4												{ clear: left; font-size: 12px; margin-bottom: 7px; }

.column_b .filter_wrapper .filter						{ float: none; }

.filter_wrapper .filter											{ float: right; padding: 5px 3px; }

.filter ul																	{ 
			-moz-border-radius: 		5px;
			-webkit-border-radius: 	5px;
			border-radius: 					5px;
			-moz-box-shadow: 			0 1px 0 rgba(255, 255, 255, .07), 0 -1px 0 rgba(0, 0, 0, .2);
			-webkit-box-shadow: 	0 1px 0 rgba(255, 255, 255, .07), 0 -1px 0 rgba(0, 0, 0, .2);
			box-shadow: 					0 1px 0 rgba(255, 255, 255, .07), 0 -1px 0 rgba(0, 0, 0, .2);
			background: rgba(0, 0, 0, .1); padding: 0 2px; }

.filter li, 
.meta.categories .filter li									{ float: left; margin: 0; padding: 0; }
.filter li a																	{ 
			-moz-box-shadow: 			1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset;
			-webkit-box-shadow: 	1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset;
			box-shadow: 					1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset;
			background: -moz-linear-gradient(50% 0, #442904, #2b1a03);
			display: block; float: left; height: 26px; line-height: 26px; margin: 2px 0; padding: 0 8px; text-decoration: none; }
.filter li:first-child a												{ 
			-moz-border-radius: 		3px 0 0 3px;
			-webkit-border-radius: 	3px 0 0 3px;
			border-radius: 					3px 0 0 3px; }
.filter li:last-child a												{ 
			-moz-border-radius: 		0 3px 3px 0;
			-webkit-border-radius: 	0 3px 3px 0;
			border-radius: 					0 3px 3px 0; }
			
.filter li.alt a															{ 
			-moz-box-shadow: 			4px 0 3px -3px rgba(0, 0, 0, 0.8) inset, 1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset, 0 20px 10px -12px rgba(255, 255, 255, 0.2) inset, 0 -20px 10px -12px rgba(0, 0, 0, .1) inset;
			-webkit-box-shadow: 	4px 0 3px -3px rgba(0, 0, 0, 0.8) inset, 1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset, 0 20px 10px -12px rgba(255, 255, 255, 0.2) inset, 0 -20px 10px -12px rgba(0, 0, 0, .1) inset;
			box-shadow: 					4px 0 3px -3px rgba(0, 0, 0, 0.8) inset, 1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset, 0 20px 10px -12px rgba(255, 255, 255, 0.2) inset, 0 -20px 10px -12px rgba(0, 0, 0, .1) inset;
			background: #5E3806 url(../../../images/filter_on.png) 50% 0 no-repeat; color: #FFFFFF; }
			
/* 
				alternate layout styles
				( aka hub styles )
*/

/* pre navigation stuff */

#cookie_acceptance  		{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); 
    border-radius: 0 0 2px 2px; 
    color: #FFFFFF; 
    font-size: 110%; 
    margin: 0 5px 5px; 
    padding: 5px; 
    text-align: center;  }

#cookie_acceptance a { 
    color: #FFFFFF; 
}    

.pre_navigation.hub											{ margin-bottom: 10px; }

#pre_navigation.hub											{  }
#pre_navigation.hub li										{  }
#pre_navigation.hub li a										{ display: block; line-height: 20px; }

.pre_navigation #phone_number_header		{ background: transparent none; display: block; float: left; line-height: 18px; padding: 0; }

ul.extras.hub														{ float: right; margin-left: 10px; }
ul.extras.hub li														{ 
			-moz-border-radius: 		0; 
			-webkit-border-radius: 	0; 
			border-radius: 					0; 
			border: none; display: block; line-height: 18px; margin: 0 0 0 3px; padding: 0 7px; }
ul.extras.hub li a													{ background: transparent none !important; color: #F79511; display: block; float: left; font-weight: normal; line-height: 20px; padding: 0; }

ul.extras.hub li.alt												{ 
			-moz-box-shadow: 			none;
			-webkit-box-shadow: 	none;
			box-shadow: 					none;
			background: #2e2e2e; border-color: #555; }
ul.extras.hub li.alt a												{ color: #fff; }

/* hub cart */
#hub_cart																{ float: right; font-size: 12px; text-align: left; }
#hub_cart a															{ 
			-moz-border-radius: 		1px;
			-webkit-border-radius: 	1px;
			border-radius: 					1px;
			-moz-box-shadow: 			0 1px 3px rgba(0, 0, 0, .2);
			-webkit-box-shadow: 	0 1px 3px rgba(0, 0, 0, .2);
			box-shadow: 					0 1px 3px rgba(0, 0, 0, .2);
			background: url(../../../bimages/ppr/top_bg.png) 6px 13px no-repeat, -moz-linear-gradient(50% 0, #fff, #e1ebec); 
			background: url(../../../bimages/ppr/top_bg.png) 6px 13px no-repeat, -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#e1ebec)); 
			border: 1px solid #dce1e1; color: #404040; display: block; min-width: 164px; padding:  0 0 0 36px; text-decoration: none; }
			
#hub_cart a:hover												{ 
			-moz-box-shadow: 			0 -20px 30px -10px rgba(0, 0, 0, .07) inset, 0 1px 3px rgba(0, 0, 0, .2);
			-webkit-box-shadow: 	0 -20px 30px -10px rgba(0, 0, 0, .07) inset, 0 1px 3px rgba(0, 0, 0, .2);
			box-shadow: 					0 -20px 30px -10px rgba(0, 0, 0, .07) inset, 0 1px 3px rgba(0, 0, 0, .2); }			
#hub_cart b															{ display: block; font-weight: normal; padding: 5px 0 0; }
#hub_cart .int														{ 
			-moz-box-shadow: 			-1px 0 0 rgba(0, 0, 0, .1);
			-webkit-box-shadow: 	-1px 0 0 rgba(0, 0, 0, .1);
			box-shadow: 					-1px 0 0 rgba(0, 0, 0, .1);
			border-left: 1px solid rgba(255, 255, 255, .4); display: block; font-size: 12px; font-weight: bold; line-height: 12px; margin: 0; padding: 10px 20px; }

/* navigation */

#navigation_wrapper											{ clear: both; display: block; float: none; white-space: nowrap; }
#navigation_wrapper:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #navigation_wrapper								{ height: 1px; }
* + html #navigation_wrapper							{ min-height: 1px; }

#navigation_wrapper ul										{ float: left; margin: 2px; white-space: normal; }
#hub_search															{ float: right; margin: 2px 2px 2px 10px; }
#hub_search .field												{ border: none; padding: 0 5px 0 10px; }
#hub_search .button											{ border: none; height: 24px; line-height: 24px; padding: 0 5px 0 10px; }

/* banner */

/* marketing */

#marketing									{ display: none; margin: 0 0 5px; }
#home_index #marketing			{ display: block; }

#m_window									{ height: 385px; }

/* controls */
#m_controls									{  }
#m_controls ul								{ height: 36px; line-height: 36px; text-align: center; }

/*  */

#m_controls ul li							{ display: inline-block; height: 15px; line-height: 15px; width: 17px; }
* html #m_controls ul li				{ display: inline; }
* + html #m_controls ul li			{ display: inline; }

#m_controls ul li a						{ 
			-moz-border-radius: 		10px;
			-webkit-border-radius: 	10px;
			border-radius: 					10px;
			-moz-box-shadow: 			0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .2) inset, 0 1px 3px rgba(0, 0, 0, .3) inset;
			-webkit-box-shadow: 	0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .2) inset, 0 1px 3px rgba(0, 0, 0, .3) inset;
			box-shadow: 					0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .2) inset, 0 1px 3px rgba(0, 0, 0, .3) inset;
			background: #372103; background: rgba(0, 0, 0, .35); display: inline-block; height: 14px; line-height: 14px; position: relative; text-align: center; text-indent: -9999px; width: 14px; }
#m_controls ul li a.alt:after		{ 
			-moz-border-radius: 		10px;
			-webkit-border-radius: 	10px;
			border-radius: 					10px;
			-moz-box-shadow: 			0 1px 0 rgba(255, 255, 255, .45) inset, 0 1px 3px rgba(0, 0, 0, .85);
			-webkit-box-shadow: 	0 1px 0 rgba(255, 255, 255, .45) inset, 0 1px 3px rgba(0, 0, 0, .85);
			box-shadow: 					0 1px 0 rgba(255, 255, 255, .45) inset, 0 1px 3px rgba(0, 0, 0, .85);
			background-image: -moz-linear-gradient(50% 0, rgba(255, 255, 255, .2), rgba(0, 0, 0, .25) 100%);
			background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, .2)), to(rgba(0, 0, 0, .25)));
			content: "."; height: 10px; left: 50%; line-height: 10px; margin: -5px 0 0 -5px; position: absolute; text-indent: -9999px; top: 50%; width: 10px; }			
* html #m_controls ul li a			{ display: inline; }
* + html #m_controls ul li a		{ display: inline; }

#m_wrapper									{ position: relative; }

/* m_cell styles */

.m_cell { 
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	height: 310px; 
	left: 0; 
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0; 
	position: absolute; 
	top: 0; 
	width: 100%; 
	z-index: 1; 
}
.m_cell.alt { 
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: 0;
	opacity: 1; 
	z-index: 2; 
} 
.m_cell .int									{ margin-left: 10px; padding: 25px 0 0; position: relative; text-align: center; width: 460px; }
.m_cell .int.custom						{ margin: 0; text-align: left; width: 100%; padding: 0; }

.m_cell h2										{ filter: 0; font-size: 72px; line-height: 72px; margin: 0; text-align: center; }
.m_cell .custom h2,
.m_cell .custom h3						{ margin-bottom: 10px; text-align: left; }

.m_cell h2 span							{ position: relative; }

.m_cell h3										{ cursive; font-size: 24px; line-height: 30px; margin: 0; padding: 10px 0; text-align: center; }

.m_cell p										{ font-size: 13px; margin-bottom: 15px; max-width: 500px; }

.m_cell ul,
.m_cell ol										{ list-style-type: disc; margin-bottom: 14px; padding-left: 30px; }
.m_cell ol										{ list-style-type: decimal; }

.m_cell li										{ margin-bottom: 7px; }

.m_cell .button								{ 
	border-radius: 40px; 
	box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 1px 3px rgba(0, 0, 0, .7);
	background-image: none;
	background-image: -moz-linear-gradient(50% 0, rgba(255, 255, 255, .1), rgba(0, 0, 0, .25) 100%);
	background-image: -ms-linear-gradient(50% 0, rgba(255, 255, 255, .1), rgba(0, 0, 0, .25) 100%);
	background-image: -o-linear-gradient(50% 0, rgba(255, 255, 255, .1), rgba(0, 0, 0, .25) 100%);
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .25)));
	border: none; display: inline-block; font-size: 24px; font-weight: normal; height: auto; line-height: 36px; margin: 20px auto; padding: 0 30px; text-transform: capitalize;  
}

.m_cell .button:hover					{ 
	box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 3px rgba(0, 0, 0, .7);
	background-image: none;
	background-image: -moz-linear-gradient(50% 0, rgba(0, 0, 0, .25), rgba(255, 255, 255, .1) 100%);
	background-image: -ms-linear-gradient(50% 0, rgba(0, 0, 0, .25), rgba(255, 255, 255, .1) 100%);
	background-image: -o-linear-gradient(50% 0, rgba(0, 0, 0, .25), rgba(255, 255, 255, .1) 100%);
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(0, 0, 0, .25)), to(rgba(255, 255, 255, .1))); 
}

.m_cell > img {
	margin: 0; 
	position: absolute; 
	right: 0; 
	top: 0; 
}




	.column_a{ float: right; }
.column_b{ float: left; margin: 20px 0 0; }


/*Checkout CSS */
/* go forward thing */

.checkout_steps										{ display: block; margin-bottom: 15px; }
.checkout_steps td									{ background: #2E2E2C; border-bottom:1px solid #2E2E2C; border-top:1px solid #2E2E2C; color:#FFFFFF; font-size: 14px; font-weight: bold; padding: 20px; text-align: center; text-decoration: none; }
.checkout_steps td a								{ text-decoration: none; }
.checkout_steps td.selected					{ background: transparent; }

/* checkout */

div.checkout												{ width: 780px; }

/* login */

div.login														{ background: #2E2E2C; margin-bottom: 10px; padding: 5px 10px; }
div.login label											{ float: left; width: 80px; }
div.login input											{ margin-bottom: 5px; width: 90px; }
div.login input.button								{ background: #FFFFFF; color: #2b1a03;border-color: #2E2E2C; width: auto; }

/* table headings */

table th														{ background: #; border-bottom: 1px solid #151514; padding: 10px 0; text-align: left; text-transform: uppercase; }
table td.selected_tab_cart						{  }
table td.selected_tab_cart						{  }
table tr.cart_products								{  }
table tr.cart_products td							{ border-bottom: 1px dotted #151514; padding: 5px; }
table tr.lower												{ background: #2E2E2C; }
table tr.lower td											{ border-bottom: 1px solid #484844; padding: 10px 5px 5px; }

table tr.lower td.sub_heading				{  padding-left: 25px; }
table tr.lower td.cart_total						{  padding-left: 20px; }
table tr.lower td.cart_shipping				{  padding-left: 25px; }
table tr.lower td.cart_tax							{  padding-left: 25px; }
table tr.lower td.total								{ font-size: 18px; font-weight: bold; }
table td.checkout_text								{ border-bottom: 1px dotted #151514; padding: 5px 5px 5px 0; }

/* checkout form */

.checkout_form																{ padding: 2px 0 3px 5px; }
.checkout_form h3															{ background: #2E2E2C; margin-top: 5px; padding: 5px; }
/*.checkout_form div														{ border-bottom: 1px dotted #2E2E2C; margin: 5px 0 5px; padding: 0 10px; }*/
.checkout_form .custom_values									{ float: left; }
.checkout_form .custom_values li								{ margin: 0 0 3px; padding: 3px 10px; }
.checkout_form .custom_values input						{ display: inline-block; float: none; vertical-align: top; }
* html .checkout_form .custom_values input			{ display: inline; }
* + html .checkout_form .custom_values input		{ display: inline; }
.checkout_form .custom_values label						{ display: inline-block; float: none; margin: 0; padding: 0; text-align: left; vertical-align: top; }
* html .checkout_form .custom_values label			{ display: inline; }
* + html .checkout_form .custom_values label			{ display: inline; }

.checkout_form div:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .checkout_form div												{ height: 1px; }
* + html .checkout_form div											{ min-height: 1px; }

.checkout_form div input, 
.checkout_form div select, 
.checkout_form div textarea				{ font-size: 14px; letter-spacing: -0.03em; }

.checkout_form div input, 
.checkout_form div textarea				{ padding: 0 0 0 5px; }
.checkout_form div label					{ clear: left; float: left; margin: 5px 0; width: 200px; }
.checkout_form div span					{ display: block; padding: 5px 0; }

/* checkout steps */

#checkout_steps									{ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #372103; border: 1px solid #442904; display: block; margin-bottom: 20px; padding: 0;  }
#checkout_steps:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #checkout_steps						{ height: 1px; }
* + html #checkout_steps					{ min-height: 1px; }

#checkout_steps li								{ border-right: 1px solid #442904; color: #FFFFFF; display: block; float: left; font-size: 12px; font-weight: bold; letter-spacing: -0.04em; margin-right: -1px; padding: 10px 0; text-align: center; width: 24.9999% }
#checkout_steps li:last-child			{ border: none; margin: 0; }
#checkout_steps li span					{ xxxborder: 1px solid #5E3806; display: none; color: #FFFFFF; font-size: 11px; font-weight: bold; letter-spacing: normal; margin: 0 3px 0 0; opacity: 0.4; padding: 3px 0; }
#checkout_steps li a							{ color: #F79511; }

#checkout_steps li span.now			{ xxxbackground: #442904 url(../../../images/icons/itoolbar_i/16/button_blue.png) 2px 50% no-repeat; opacity: 1; }
#checkout_steps li span.edit			{xxx background: #442904 url(../../../images/icons/itoolbar_i/16/edit.png) 2px 50% no-repeat; opacity: 1; }




#checkout_steps.verify li#verify_step span.now,
#checkout_steps.verify li#address_step span.next,
#checkout_steps.verify li#shipping_step span.later,
#checkout_steps.verify li#billing_step span.later,
#checkout_steps.verify li#confirm_step span.later,

#checkout_steps.address li#verify_step span.edit,
#checkout_steps.address li#address_step span.now,
#checkout_steps.address li#shipping_step span.next,
#checkout_steps.address li#billing_step span.later,
#checkout_steps.address li#confirm_step span.later,

#checkout_steps.update_address li#verify_step span.edit,
#checkout_steps.update_address li#address_step span.now,
#checkout_steps.update_address li#shipping_step span.next,
#checkout_steps.update_address li#billing_step span.later,
#checkout_steps.update_address li#confirm_step span.later,

#checkout_steps.shipping li#express_checkout_step span.edit,
#checkout_steps.shipping li#verify_step span.edit,
#checkout_steps.shipping li#address_step span.edit,
#checkout_steps.shipping li#shipping_step span.now,
#checkout_steps.shipping li#billing_step span.next,
#checkout_steps.shipping li#confirm_step span.later,

#checkout_steps.update_shipping li#verify_step span.edit,
#checkout_steps.update_shipping li#address_step span.edit,
#checkout_steps.update_shipping li#shipping_step span.now,
#checkout_steps.update_shipping li#billing_step span.next,
#checkout_steps.update_shipping li#confirm_step span.later,

#checkout_steps.billing li#verify_step span.edit,
#checkout_steps.billing li#address_step span.edit,
#checkout_steps.billing li#shipping_step span.edit,
#checkout_steps.billing li#billing_step span.now,
#checkout_steps.billing li#confirm_step span.next,

#checkout_steps.update_billing li#verify_step span.edit,
#checkout_steps.update_billing li#address_step span.edit,
#checkout_steps.update_billing li#shipping_step span.edit,
#checkout_steps.update_billing li#billing_step span.now,
#checkout_steps.update_billing li#confirm_step span.next,

#checkout_steps.confirm li#express_checkout_step span.edit,
#checkout_steps.confirm li#verify_step span.edit,
#checkout_steps.confirm li#address_step span.edit,
#checkout_steps.confirm li#shipping_step span.edit,
#checkout_steps.confirm li#billing_step span.edit,
#checkout_steps.confirm li#confirm_step span.now

																				{ display: inline; }

/* checkout table */

		table.checkout												{ border-collapse: collapse; padding: 10px; width: 100%!important; }
		table.checkout th											{ background: #372103; border: 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 10px 5px; text-transform: capitalize; }
		
		table.checkout td											{ background: #301D03; border: 1px solid #372103; padding: 5px; vertical-align: top; }
		table.checkout tr.alt td									{ background: #372103; border: 1px solid #442904; }
		
		table.checkout td.product_image img		{ border: 1px solid #5E3806; }
		
		table.checkout tr.shipping_notice td		{ background: #372103; border: 1px solid #442904; color: #FFFFFF; padding: 10px 5px; }
		
		table.checkout tr.total td								{ background: #372103; border: 1px solid #442904; color: #FFFFFF; padding: 10px 5px; }

		.checkout td.options label							{ display: block; font-weight: bold; }
		.checkout td.options span							{  }
		.checkout td.options br								{ clear: both; }

/* checkout buttons */

.submit input.submit_button								{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(../../../images/checkout_button.gif) 0 50% no-repeat; border: 1px solid #787878; color: #454545; cursor: pointer; display: block; display: inline-block;  font-size: 14px; font-weight: bold; height: 28px; letter-spacing: -0.05em; line-height: 28px; padding: 0 10px 0 26px; text-decoration: none; }
	* html .submit input.submit_button				{ display: inline; overflow: visible; width: 1px; }
	* + html .submit input.submit_button			{ display: inline; overflow: visible; min-width: 1px; }
	
/* checkout form */
.checkout_form													{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #301D03; border: 1px solid #372103; margin-bottom: 10px; padding: 10px 0; }
.checkout_form li													{ padding: 3px 10px; }
	.checkout_form li:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .checkout_form li									{ height: 1px; }
	* + html .checkout_form li								{ min-height: 1px; }
.checkout_form li label										{ display: inline-block; float: left; font-size: 11px; font-weight: bold; margin-right: 20px; text-align: right; width: 160px;  }

/* checkout login */
.checkout_login									{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #372103; border: 1px solid #442904; margin-bottom: 20px; padding: 10px; }
.checkout_login ul								{  margin-bottom: 20px; }
.checkout_login ul li							{  }
	.checkout_login ul li:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .checkout_login ul li				{ height: 1px; }
	* + html .checkout_login ul li			{ min-height: 1px; }
	
.checkout_login ul li label							{ display: block; float: left; font-weight: bold; margin-right: 20px; text-align: right; width: 150px; }
.checkout_login ul li a.forgot						{ display: -moz-inline-box; display: inline-block; margin: 10px; }
	* html .checkout_login ul li a.forgot		{ display: inline; }
	* + html .checkout_login ul li a.forgot	{ display: inline; }

/* cart empty notice */

.cart_empty									{  }
.cart_empty h2								{ -moz-border-radius: 4px; background:#372103; display:block; font-size: 18px; font-weight:bold; letter-spacing:-0.035em; line-height: 1em; margin: 15px 0 0; padding:5px 20px 5px 70px; }
.cart_empty h2 span					{ color: #FFFFFF; display: block; font-size: 14px; letter-spacing: -0.015em; }
.cart_empty b								{ background: url(../../../images/icons/itoolbar_ii/64/shopping_cart.png) 0 0 no-repeat; float: left; height: 60px; margin-top: -10px; position: absolute; width: 64px;}
	* html .cart_empty b				{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/itoolbar_ii/64/shopping_cart.png', sizingMethod='crop'); }

.submit											{ border-top: 1px solid #372103; margin-top: 10px; padding: 5px 0; text-align: right; }
.submit p										{ margin-top: 7px; }

/*Designer CSS */

/*
************************************
DESIGNER
************************************
*/
		.designer_container					{  }
		.height_setter								{ background: #fff; border: 1px solid #bec9d8; border-width: 0 1px 1px 1px; height: 402px; margin-bottom: 5px; position: relative; z-index: 1; }
		
	/* designer tabs */
		.view_controls								{ background: url(../../../images/mp/tabs_bg.gif) 0 100% repeat-x; height: 27px; position: relative; z-index: 2; }
		.view_controls.alt						{ background: transparent none; }
		
.view_controls ol { 
	border-radius: 2px;
	background: #eff3f7 url(../../../images/mp/control_sprite.gif) -470px 0 no-repeat; 
	background: #eff3f7;
	background: -moz-linear-gradient(50% 0, #fefefe 0, #eff3f7 100%);
	background: -webkit-gradient(50% 0, from(#fefefe), to(#eff3f7));
	border: 1px solid #bec9d8; 
	float: left; 
	height: 22px; 
	margin: 0 3px 0 0; 
}

.view_controls.alt ol { 
	float: right; 
	margin: 0 0 0 5px; 
}
		
.view_controls ol:after { 
	clear: both; 
	content: ""; 
	display: table; 
}
* html .view_controls ol { 
	height: 1px; 
}
* + html .view_controls ol { 
	min-height: 1px; 
}
		
		.view_controls ol li					{ float: left; font-size: 11px; height: 22px; padding: 0; }
		
		.view_controls ol li a					{ color: #404040; display: block; float: left; font-weight: bold; height: 22px; line-height: 22px; padding: 0 5px 0 20px; text-decoration: none; }
		
		.view_controls .selected_tab, 
		.view_controls .disabled			{ background: #f8f8f8; }
		.view_controls .selected_tab	 a,
		.view_controls .disabled a,
		#ppr #content .view_controls .selected_tab	 a,
		#ppr #content .view_controls .disabled a
																{ color: #bbb; }
		
		#d_layout a									{ background: url(../../../images/icons/itoolbar_i/16/zoom-.png) 2px 50% no-repeat; border-right: 1px solid #bec9d8; }
		#d_design a									{ background: url(../../../images/icons/itoolbar_i/16/zoom-.png) 2px 50% no-repeat; }
		
		#copy_button a								{ background: url(../../../images/icons/itoolbar_i/16/file-copy.png) 2px 50% no-repeat; padding-right: 0; }
		#copy_button a	 span					{ float: left; }
		#copy_button .drop_arrow		{ background-position: -546px -116px; height: 22px; margin-left: 2px; }
		
		#paste_button a							{ background: url(../../../images/icons/itoolbar_ii/16/doc.png) 2px 50% no-repeat; }
		
		#hide_grid a,
		#show_grid a,
		#disable_grid a							{ background: url(../../../images/icons/itoolbar_i/16/grid.png) 2px 50% no-repeat; }
		
		#save_working_version_link
															{ background: url(../../../images/icons/itoolbar_ii/16/save.png) 2px 50% no-repeat; border-right: 1px solid #bec9d8; }
		#request_link							{ background: url(../../../images/icons/itoolbar_i/16/question.png) 2px 50% no-repeat; border-right: 1px solid #bec9d8; display:none;}
		#email_link								{ background: url(../../../images/icons/itoolbar_ii/16/mail_seal.png) 2px 50% no-repeat; }
		#show_preview						{ background: url(../../../images/icons/itoolbar_ii/16/project.png) 2px 50% no-repeat; display: block; font-size: 11px; font-weight: normal; padding-left: 18px; }
		#save_working_copy_link		{ background: url(../../../images/icons/itoolbar_i/16/save-alt.png) 2px 50% no-repeat; }
		
		#zoom_out_button					{ background: url(../../../images/icons/itoolbar_i/48/zoom-.png) 50% 50% no-repeat; cursor: pointer; height: 48px; position: absolute; top: 2px; right: 2px; width: 48px; z-index: 2999; }
		
		/* tabs */
		
		.designer_tabs							{ background: url(../../../images/mp/tabs_bg.gif) 0 100% repeat-x; height: 27px; }
		.designer_tabs:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .designer_tabs				{ height: 1px; }
		* + html .designer_tabs			{ min-height: 1px; }
		
.designer_tabs ul {
	margin: 0;
	padding: 0 0 0 5px; 
}
.designer_tabs ul li { 
	border-radius: 2px 2px 0 0; 
	display: block; 
	float: left; 
	height: 25px; 
	margin: 0 5px 0 0; 
	padding: 0; 
}
.designer_tabs ul li:after { 
	clear: both; 
	content: ""; 
	display: table; 
}
* html .designer_tabs ul li { 
	height: 1px; 
}
* + html .designer_tabs ul li { 
	min-height: 1px; 
}
		
.designer_tabs ul li a { 
	display: block; 
	float: left; 
	font-size: 12px; 
	font-weight: bold; 
	height: 25px; 
	line-height: 25px; 
	padding: 0 10px; 
	text-decoration: none; 
}
		
.designer_tabs .selected_tab							{ background-color: #fff; border: solid 1px #bec9d8; border-bottom-color: #fff; color: #000; }
.designer_tabs .selected_tab a						{ color: #404040; }

.designer_tabs .unselected_tab						{ background: #eee url(../../../images/mp/control_sprite.gif) 100% 100% repeat-x; border: solid 1px #bec9d8; color: #000; }
.designer_tabs .unselected_tab a					{ color: #404040; }

.designer_tabs .unselected_tab_hidden		{ border-bottom: solid 1px #A3A3A3; padding-left: 5px; padding-right: 5px; visibility: hidden; }

.designer_tabs .unselected_tab_hidden a	{  }
.designer_tabs .no_tab										{ border-bottom: solid 1px #A3A3A3; }

#m_cart																{ padding: 0 0 0 5px; }
#m_cart a																{ background: url(../../../images/icons/itoolbar_ii/16/shopping_cart.png) 0 3px no-repeat; padding: 0 10px 0 22px; }
		
/* tab pane */

.tab_pane {
	border-bottom: solid 1px #0B0B0B;
	border-top: solid 0px #FFFFFF;
	padding: 0px;
	background-color:#2b1a03;
}

.tab_pane_designer { background: #fff; border: 0; color: #000; margin: 0; padding: 1px; }

.tab_pane_designer_display { background-color: #fff; border: 0; color:#000; padding: 1px 1px 0; }

div.zoomable { 
  cursor: url(http://www.deepsouthbarrels.com/images/cursors/magnify.cur), auto; 
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}

/*
designer -customize
*/
.d_customize						{  }
.d_customize_title span,
#content .d_customize_title span		
												{ margin: 0; }
.d_customize_title a			{ font-size: 12px; margin: 3px 0 0 10px; }

.d_customize_canvas 		{ color: #FFFFFF; }

.d_customize_options 		{ color: #FFFFFF; padding: 7px; }

/*
designer - apparel - manage
*/
.d_m 										{ border-top: solid 1px #D6D6D6; }

.d_m_title 								{ background-color: #2E2E2C; border-bottom: solid 1px #0B0B0B; color: #FFFFFF; padding: 3px; }

.d_g_title {
	border-bottom: solid 1px #0B0B0B;
	border-left: solid 1px #0B0B0B;
	background-color: #151514;
	color: #FFFFFF;
	padding: 3px;
}

.d_m_area {
	background-color: #ffffff;
	color: #8D8D8D;
	padding: 1px;
}

.d_g_area {
	border-left: solid 1px #0B0B0B;
	background-color: #2E2E2C;
	color: #FFFFFF;
	padding: 3px;

}

.product_caption{
	font-size:15px;
	font-weight:bold;
	}
.product_image{ float: left; }
.product_description{
	line-height:18px;
	}
	
/* 
designer - apparel - apparel 
*/

.pc_no_tab {
	border-bottom: solid 1px #A3A3A3;
}

.pc_tab_sub_pane {
	border-left: solid 1px #A3A3A3;
	border-right: solid 1px #A3A3A3;
	
	padding: 0px;
	
	background-color: white;
	color:black;
}

.pc_tab_pane {
	border: solid 1px #A3A3A3;
	border-top: solid 1px #A3A3A3;
	padding: 0px;
	
	background-color: #E7E7E7;
}

.psc_table {
	background-color: white;>;
	
	
	height:20px;
	margin:5px;
	
	
}

.psc_selected {
	padding: 0px;
	color:black;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	font-size:12px;
	text-decoration:underline;
	
}

.psc_unselected {
	padding: 0px;
	font-weight:normal
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	font-size:12px;
	color:black

}

/* 
designer - apparel - product options 
*/

		.color_panel															{ max-width: 400px; }
		.color_panel:after													{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .color_panel												{ height: 1px; }
		* + html .color_panel											{ min-height: 1px; }
		
		.color_panel li, 
		.area_view .color_panel li, 
		.column_a .color_panel li									{ display: block; float: left; margin: 0 3px 3px 0 !important; padding: 0 !important; width: auto; }
		
		.color_panel li:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .color_panel li											{ height: 1px; }
		* + html .color_panel li										{ min-height: 1px; }
		
		.color_panel li .color_panel_cell						{ border: 2px solid #eef2f8; cursor: pointer; float: left; margin: 0; padding: 0; position: relative; text-indent: -9999px; }
		* html .color_panel li .color_panel_cell			{ position: static; }
		* + html .color_panel li .color_panel_cell		{ position: static; }
		
		.color_panel li .color_panel_cell.over				{ border: 2px solid #bec6d1; }
		.color_panel li .color_panel_cell.selected		{ border: 2px solid #F79511; }
		
		ul.create_list li .color_panel li .color_panel_cell
																						{ cursor: auto; border-width: 1px; }
		
		div.meta.categories .color_panel span,
		.color_panel li .color_panel_cell span			{ border: 0; display: block; margin: 0; padding: 0; width: 20px; }
		
		ul.create_list li .color_panel li .color_panel_cell span									
																						{ cursor: auto; }
																						
		.det_swatch .color_panel li a { height: 15px; cursor: default; }
		.det_swatch .color_panel li a span { width: 15px; }
		
		div.meta.categories .color_panel b,
		.color_panel li .color_panel_cell b					{ 
					-moz-border-radius: 		1px;
					-webkit-border-radius: 	1px;
					border-radius: 					1px;
					-moz-box-shadow: 			0 1px 0 rgba(255, 255, 255, 0.1) inset;
					-webkit-box-shadow: 	0 1px 0 rgba(255, 255, 255, 0.1) inset;
					box-shadow: 					0 1px 0 rgba(255, 255, 255, 0.1) inset;
					background: transparent none; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; }
		* html .color_panel li .color_panel_cell b		{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/color_overlay_alt.png', sizingMethod='crop'); }
		* html .color_panel li .color_panel_cell b		{ display: none; }
		* + html .color_panel li .color_panel_cell b	{ display: none; }

/*
designer - cart
*/

body div#container div#content .cart{ border: solid #eee; border-width: 1px 1px 0 1px; background: #fff; color: #000; }
	
body div#container div#content .cart th{ background: #404040; border-bottom: 1px solid #ddd; color: #fff; font-weight: bold; padding: 5px; text-transform: none; }

body div#container div#content .cart tr td{ padding: 1px 5px; }

body div#container div#content .cart tr td.designer_cart{ border-bottom: 1px solid #ebebeb; }
	
body div#container div#content .cart tr td.designer_cart input { border: 1px solid #ebebeb; }
	
body div#container div#content .cart tr td.designer_cart a{ color: #404040; }
	body div#container div#content .cart tr td.designer_cart a.title{ font-size: 1.3em; font-weight: bold; letter-spacing: -0.025em; }
	body div#container div#content .cart tr td.designer_cart a.remove{ background: url(../../../images/mp/icon_remove.gif) 0 0 no-repeat; cursor: pointer; display: block; height: 16px; text-decoration: none; text-indent: -9999px; width: 16px; }

body div#container div#content .cart tfoot td{ background: #404040; color: #fff; font-size: 1.3em; font-weight: bold; letter-spacing: -0.03em; padding: 5px; }

input.checkout{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #535353 url(../../../images/mp/cart_buttons.gif) 0 0 repeat-x; border: 1px solid #404040; color: #fff; cursor: pointer; font-size: 1.2em; font-weight: bold; letter-spacing: -0.03em; margin: 0 5px 0 0; padding: 2px; }
	* html span.checkout_button input{ display: inline; }

body div#container div#content .cart_item_selected { background-color: #dcdcdc; }
	
.cart_product_name{
	font-size:12px;
	font-weight:bold;
	}
	
.cart_product_desc{
	font-size:11px;
	}
	
.selected_tab_cart {

	border-top: solid 1px #2E2E2C;
	border-bottom: solid 1px #2E2E2C;
	padding: 20px;
	
	text-align:center;
	font-weight:bold;
	whitespace:none;
	color:#FFFFFF;
	whitespace:none;
	font-size:14px;
	text-decoration:none;
}
.selected_tab_cart a{
	color: #000000;
	whitespace:none;
	font-size:14px;
	text-decoration:none;
}

.unselected_tab_cart {
	background-color: #2E2E2C;
	
	border-top: solid 1px #2E2E2C;
	border-bottom: solid 1px #2E2E2C;
	padding: 20px;
	color:#FFFFFF;
	text-align:center;
	
	whitespace:none;
	font-size:14px;
}

.discount_label {
	font-size: 10px;
	color: red;
	font-weight: bold;
}
.discount {
	font-size: 10px;
	color: red;
}

.price_currency_code {
	font-size: 11px;
}

.cart_currency_code {
	font-size: 9px;
}



.unselected_tab_cart a{
	color:#FFFFFF;
	whitespace:none;
	text-decoration:none;
}




.no_tab_cart {
	border-top: solid 1px #A3A3A3;
	border-bottom: solid 1px #A3A3A3;
}



/*
designer - apparel - gallery
*/
.upload_area {
	
	background-color: white;
	padding: 3px;
	color: black;
	margin: 5px;
	font-size:12px;
}

.d_g_uploadfile {
	border: 2px solid white;
	background-color: #a6a5a1;
	color: white;
	font-family: Arial;
}

/*
	file styling hack
*/
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.filehack {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	color: white;
}


.d_g_slidecontainer {
	border-top: solid 1px #151514;
	border-left: solid 1px #151514;
	border-bottom: solid 0px red;
	border-right: solid 1px #484844;
}

.d_g_slidebar {
	background-color: #2E2E2C;
	border-top: solid 1px #484844;
	border-left: solid 1px #484844;
	border-bottom: solid 1px #151514;
	border-right: solid 1px #151514;
	cursor: pointer;
}
.d_g_slidearea {
	background-color: #D6D6D6;
	border: solid 1px #999999;
	height: 410px;
}
.d_g_scrollable 						{ overflow: auto; }
.d_g_slidecategory {
	
	background-color: black;
	color: white;
	text-align: center;
	font-size:14px;
}

.d_g_cell {
	padding:2px;
}

.d_g_cell_over {
	border: 2px solid white;
	padding:0px;
}   

.d_g_cell_selected {
	border: 2px solid red;
	padding:0px;
}



.clipart_paginator{
	background-color:#A3A3A3;
	color:white;
	font-weight:bold;
	}
.clipart_paginator a{
	background-color:#A3A3A3;
	color:black;
	
	}

/*
designer - customize - manage
*/

.mp_body_below					{ background-color: #F7F7F7; border-top:1px solid #c7cedd; position: relative; }
* html .mp_body_below		{ height: 1px; }
* + html .mp_body_below	{ min-height: 1px; }

.managepane_title 				{ font-weight: regular; font-size: 12px; }

.managepane_label {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color:black;
	text-align:left;
}

.quality_slider { opacity: 0; }

.quality_container		{ background: url(../../../images/mp/control_sprite.gif) 0 -290px; display: block; height: 14px; margin: 1px 3px 0 5px; padding: 0; text-align: left; width: 62px; }

.slider_container 			{ background: url(../../../images/mp/slider_bg.gif); display: block; height: 14px; padding: 0; position: relative; text-align: left; }

.quality_good				{ background: url(../../../images/mp/control_sprite.gif) -100px -290px no-repeat; display: block; height: 14px; }
.quality_bad					{ background: url(../../../images/mp/control_sprite.gif) -300px -290px no-repeat; display: block; height: 14px; }
.quality_med					{ background: url(../../../images/mp/control_sprite.gif) -200px -290px no-repeat; display: block; height: 14px; }

.slider_bar 					{ background: url(../../../images/mp/slider.gif) 0 0 no-repeat; cursor: e-resize; display: block; height: 14px; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 5px; }

.designer_link {
	color: #000000;
	whitespace:none;
	text-decoration:none;
}

/* advanced pane stuff */

.advanced_pane													{ clear: both; padding: 1px; }

.et_container														{ clear: both; }
.et_container .et_tabs											{ background: url(../../../images/mp/tabs_bg.gif) 0 100% repeat-x; }
.et_container .et_tabs:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .et_container .et_tabs								{ height: 1px; }
* + html .et_container .et_tabs							{ min-height: 1px; }

.et_container .et_tabs li										{ background: transparent none; border: 0; display: block; float: left; margin-right: 3px; padding: 3px 5px; }
.et_container li.et_selected_tab						{ background: #eef2f8; border: 1px solid #bec9d8; border-width: 1px 1px 0 1px; }
.et_container .et_tabs li a									{ color: #788cad; font-weight: bold; }

.et_container .et_content									{ background: #eef2f8; border: 1px solid #bec9d8; border-width: 0 1px 1px 1px; padding: 5px; }
.et_container .et_content	.et_elist					{ float:left; width: 200px; }
.et_container .et_content	.et_props				{ float:right; width: 160px; }
.et_container .et_content .et_etab:after 		{ clear:both; content: "."; display:block; height:0;line-height:0; visibility:hidden; }
* html .et_container .et_content .et_etab 		{ height: 1px; }
* + html .et_container .et_content .et_etab 	{ min-height: 1px; }

/* effects stuff */

.effects_pane ul													{}
.effects_pane ul li												{ padding: 3px 0; }
.effects_pane ul li:after										{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .effects_pane ul li									{ height: 1px; }
* + html .effects_pane ul li									{ min-height: 1px; }

.effects_pane label												{ display: block; float: left; margin-right: 15px; text-align: right; width: 90px; }

div.pane_offset													{ display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; }

.effects_pane .mp_color_button						{ cursor: pointer; margin: 0; position: relative; }
.effects_pane .slider_container						{ display: block; float: left; }

/*
designer - customize - manage - text
*/

.button_container 												{ background-color: #dcdcdc; border: 1px solid #bbbabb; padding: 0; }
.align_container img 											{ padding: 2px; }

/*

TEMP
.........................................popup styles in designer..........................................
*/

.popupbackground 								{ background: #000; min-height: 100%; left: 0!important; opacity: 0.8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; position: fixed; top: 0!important; width: 100%; }
* html .popupbackground 					{ position: absolute; height: 100%; }

.popup .popup_box								{ -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #fff; border: 4px solid #ddd; margin: 0; padding: 0; }
.popup .popup_int								{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #bbb; margin: 0; color: #404040; padding: 10px; }


.popup .popup_int p							{ font-size: 11px; }

.popup .popup_int h3, 
.popup .int h3										{ color: #404040; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 0; }
.foot														{ clear: both; text-align: right; }
.foot .cancel_button							{ color: #404040; margin-left: 10px; }
.cancel_button										{ font-size: 11px; font-weight: bold; }
.popup .popup_int .foot:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .popup .popup_int .foot			{ height: 0; }
* + html .popup .popup_int .foot 		{ min-height: 0; }

/*
#ppr .popup .popup_int .foot input, 
#ppr .modify_image .button, 
#ppr .edit_text_container .button		{ display: inline; float: none; font-size: 13px; margin: 0 0 0 5px; padding: 0 5px; }
*/	

.popup .popup_content						{ margin-bottom: 10px; }
.popup .popup_content:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .popup .popup_content			{ height: 1px; }
* + html .popup .popup_content		{ min-height: 1px; }

.popup													{ background: transparent none; border: 0; position: absolute; width: 450px; }
.popup .no_items								{ margin: 0; padding: 10px 0 5px; }

.popup h4 												{color: #404040; font-size: 12px; font-weight: bold; letter-spacing: 0; margin-bottom: 20px; text-transform:none; }

.loading_box:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .loading_box								{ height: 1px; }
* + html .loading_box							{ min-height: 1px; }

div#content .popup ul.list					{ padding-left: 10px; }
	div#content .popup ul.list li			{ background: url(../../../images/mp/bullet.gif) 0 3px no-repeat; line-height: 1.1em; margin-bottom: 7px; padding-left: 10px; }

.popup input, 
.popup select,
.popup textarea									{ background: #fff; border-color: #d8d8d8; color: #404040; }

td.button												{ background: transparent none; border: 0; font-size: 1em; padding: 10px 0 0; }

/* popup table styles */

.popup table.base								{  }
.popup table.base th							{ 
			background: #f8f8f8;
			background: -moz-linear-gradient(50% 0, #fff 0, #eee 100%);
			background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#eee));
			border-color: #eee; color: #404040; }
.popup table.base td										{ background: #fff; border-color: #eee; color: #404040; }

.popup .submit													{ border-color: #eee; }

/* popup team names */

#teamname_edit_container table.base		{ margin: 0; }
#add_teamname_member.submit				{ border-style: solid; border-width: 0 0 1px; margin: 0 0 10px; }
/*...............................*/

.popup_designer {
	 position:absolute;
	 background-color: #484844;
	 border: 3px solid #151514;
}

.popup_images {
	 position:absolute;
	 background-color: #E7E7E7;
	 border: 1px solid #999999;
}

.item_border{
	background-image: url(http://www.deepsouthbarrels.com/bimages/ppr/trans_display.gif);
	border:1px solid #151514;
	}
	
	
/* designer - customize - manage - text warp */

div.shape_selector                    { border: 1px solid #bec9d8; display: block; height: 130px; margin-bottom: 5px; overflow: auto;  }
div.shape_selector ol.shapes li	       { border: 2px solid #fff; color:#636363; cursor: pointer; width: 55px; float:left; }
div.shape_selector ol.shapes li.alt   { border: 2px solid #75CFD5; }

/* designer - customize - manage - image effects/border */

.et_scroll										{ border: 1px solid #bec9d8; display: block; height: 130px; margin-bottom: 5px; overflow: auto; }
.et_effect 										{ border: 1px solid #fff; color:#636363; cursor: pointer; float: left; font-size: 9px; font-weight: bold; margin: 1px; text-align: center; width: 84px; }
.et_effect img								{ display: inline; margin-bottom: 5px; }
.et_effect label								{ display: block; margin-bottom: 3px; padding: 0 5px; text-align: center; }

.et_effect.over 								{ border: 1px solid #bec9d8; }

.et_effect.select 							{ border: 1px solid #75CFD5; }

.effect_header								{}
.effect_header:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .effect_header					{ height: 1px; }
* + html .effect_header				{ min-height: 1px; }

.effect_header h4,
#content .effect_header h4		{ color: #788cad; float: left; font-size: 12px; font-weight: bold; letter-spacing: -0.01em; }
.effect_header a							{ color: #788cad; display: block; float: left; margin: 4px 0 0 10px; }

.et_effect_control 						{ background: #e3e8ef; border: 1px solid #dae0e8; color: #636363; font-size: 9px; padding: 2px; }
.et_effect_control:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .et_effect_control			{ height: 1px; }
* + html .et_effect_control			{ min-height: 1px; }

.et_effect_control .et_preview						{ float: left; width: 80px; }
.et_preview img												{ border: 1px solid #bdc7d2; width: 60px; }
.et_preview .title												{ display: block; margin-bottom: 2px; }
.et_preview .title:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .et_preview .title									{ height: 1px; }
* + html .et_preview .title								{ min-height: 1px; }

.et_preview .title input									{ float: left; margin: 0 3px 0 0; }
.et_preview .title label									{ float: left; margin: 2px 0 0 3px; }

.et_effect_control .et_right							{  }
.et_effect_control .et_right ul						{ margin-bottom: 10px; padding-top: 2px; }
.et_effect_control .et_right ul li					{ margin-bottom: 5px; }
.et_effect_control .et_right ul li:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .et_effect_control .et_right ul li			{ height: 1px; }
* + html .et_effect_control .et_right ul li		{ min-height: 1px; }

.et_effect_control .et_right ul li label			{ float: left; width: 60px; }
.et_effect_control .et_right ul li div				{ float: left; }

.et_submit															{ padding-left: 80px; }
.et_submit:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .et_submit												{ height: 1px; }
* + html .et_submit											{ min-height: 1px; }

.et_submit a														{ -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; background: #6f7781; border: 1px solid #bec9d8; display: block; float: left; font-weight: bold; margin-right: 5px; padding: 3px 5px; text-decoration: none; }

.et_bar																{ background: url(../../../images/mp/control_sprite.gif) -608px -24px no-repeat; float: left; height: 14px; position: relative; width: 88px; }
.et_grab																{ background: url(../../../images/mp/control_sprite.gif) -699px -23px no-repeat; cursor: e-resize; display: block; height: 16px; left: 0; margin: 0; padding: 0; position: absolute; top: -1px; width: 6px; }

.et_effect_control_s {
	font-size: 8px;
	width: 70px;
	color:#636363;
}



.et_selected_tab {
	background-color: #FFFFFF;
	color: #383838;
	border: solid 1px #D0D0D0;
	border-bottom: solid 1px #FFFFFF;
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	text-align:center;
	font-size:11px;
}
.et_selected_tab a{
	color: #000000;
	text-decoration:none;
}

.et_unselected_tab {
	background-color: #D0D0D0;
	color: #ffffff;
	border: solid 1px #D0D0D0;
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	text-align:center;
	
	font-size:11px;
}

.et_unselected_tab a{
	color: #000000;
	text-decoration:none;
}

.et_no_tab {
	border-bottom: solid 1px #D0D0D0;
}

.et_tab_pane {
	border: solid 1px #D0D0D0;
	border-top: solid 0px #FFFFFF;
	padding: 2px;
	background-color: #FFFFFF;
}

/* FONT SELECTOR STYLES */

/* div.font_sel { width: 520px!important; }
div.font_sel div{  }
div.font_sel h2{ color: #333; font-size: 2.4em; letter-spacing: -0.07em; margin-bottom: 10px; }*/

/*div.font_sel ul.fonts{ float: left; line-height: 16px; width: 130px;}
div.font_sel ul.fonts li{}
div.font_sel ul.fonts li a{ color: #686868; font-size: 1.1em; font-weight: normal; }
div.font_sel ul.fonts li.alt a { font-weight: bold;}
	div.font_sel ul.fonts li ul{ margin: 5px 0 5px 15px; }
	div.font_sel ul.fonts li ul li{}
	div.font_sel ul.fonts li ul li a{ font-weight: normal; }
	div.font_sel ul.fonts li.alt ul li a{ font-weight: normal; }
	div.font_sel ul.fonts li ul li.alt a{ font-weight: bold; }

div.font_sel ul.font_listing{ border: 1px dotted #aaa; float: right; height: 400px; margin-bottom: -3px; overflow-x: hidden; overflow-y: auto; padding: 1px; width: 330px; background-color: #FFFFFF; text-align:center;}
div.font_sel ul.font_listing li{ border-bottom: 1px dotted #ccc; color: #666; font-size: 1.6em; padding: 5px 0; cursor: pointer; }
	div.font_sel ul.font_listing li img{ margin-bottom: 5px; }
	div.font_sel ul.font_listing li span{ display: block; }
	div.font_sel ul.font_listing li.alt{ background-color: #aaa;}
	div.font_sel ul.font_listing li.font_rollover{ background-color: #999;}*/
	
/* designer stuff */

.designer_container						{ width: 820px; margin-bottom: 20px; }
.designer_container:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .designer_container			{ height: 1px; }
* + html .designer_container			{ min-height: 1px; }
	div.d_customize							{ float: left; width: 404px; }
	div.d_control									{ float: right; width: 410px; }

.designer_container a					{ color: #333; }

.process_selector 								{ display: none; padding: 0 10px; text-align: left; }
	.process_selector:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .process_selector				{ height: 1%; }
	* + html .process_selector			{ min-height: 1px; }

.process_selector li 							{ -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #f8f8f8; cursor: pointer; display: block; float: left; margin: 0 2px 0 0; padding: 2px 5px; }
.process_selector li.alt 						{ background: #c9c9c9; color: #404040; }

.process_selector li span					{  }

.process_selector li.alt b					{ background: url(../../../images/designer-point.gif) 50% 50% no-repeat; display: none; display: block; float: left; height: 9px; left: 0; margin: 20px 0 0 5px; position: absolute; top: 0; width: 19px; }

.process_selector li.disabled 			{  border: 1px solid #777; background-color: #ddd; color: #777; cursor: default; }

.design_control									{ display: block; margin: 1px 0 0; }

/*  */

.design_control_add							{ 
			background: #717b8d url(../../../images/mp/sel_dec_bg.gif) 0 100% repeat-x; 
			background: -moz-linear-gradient(50% 0, #717b8d, #5b6577 100%);
			background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#717b8d), to(#5b6577));
			border: 1px solid #687284; display: block; float: none; padding: 0 5px; margin: 0; }
.design_control_add:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .design_control_add				{ height: 1px; }
* + html .design_control_add			{ min-height: 1px; }

/*  */

.design_control_add ul						{ float: left; margin: 0; padding: 0; }
.design_control_add ul:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .design_control_add ul			{ height: 1px; }
* + html .design_control_add ul		{ min-height: 1px; }

.design_control_add a						{ color: #fff!important; display: block; font-size: 12px; font-weight: bold; height: 23px; letter-spacing: -0.005em; line-height: 23px; padding: 0 0 0 26px; }
.design_control_add ul li					{ 
			-moz-border-radius: 		2px; 
			-webkit-border-radius: 	2px; 
			border-radius: 					2px;
			-moz-box-shadow: 			0 1px 3px rgba(0, 0, 0, .3);
			-webkit-box-shadow: 	0 1px 3px rgba(0, 0, 0, .3);
			box-shadow: 					0 1px 3px rgba(0, 0, 0, .3);
			background: transparent url(../../../images/mp/sel_dec_li.gif) 0 0 no-repeat; border: 1px solid #828c9e; display: block; float: left; height: 23px; margin: 5px 4px 5px 0; padding: 0 10px 0 3px; }
	
.design_control_add ul li.image a	{ background: url(../../../images/icons/itoolbar_i/16/picture.png) 0 50% no-repeat; }
.design_control_add ul li.text a			{ background: url(../../../images/icons/itoolbar_ii/16/text.png) 0 50% no-repeat; }
.design_control_add ul li.placeholder a
																{ background: url(../../../images/icons/itoolbar_ii/16/misc.png) 0 50% no-repeat; }
.design_control_add ul li.team a		{ background: url(../../../images/mp/team_icon_small.png) 0 50% no-repeat; }
	
.design_control_add ul li a				{ float: left; text-decoration: none; }

.design_control_add .help					{ background: url(../../../images/icons/itoolbar_i/16/help.png) 0 50% no-repeat; display: block; float: right; margin: 5px 0 0; padding: 0; text-decoration: none; text-indent: -9999px; width: 16px; }

/*---------------------------------get to this stuff-------------------------*/

.managepane_body { 

}

.managepane_body ul, 
.managepane_body ol, 
.advanced_pane ul,
.advanced_pane ol {
	margin: 0; 
	padding: 0;
}
.managepane_body th													{ border: 0; padding: 0; text-transform: none; text-align: center; }

.mp_body_below																{ background: #fff; border: 0; padding: 0; }

.managepaneoff, .managepaneoff2							{ background: #fff; border: 1px solid #bec6d1; clear: both; margin: 1px 1px 4px; }

.managepaneselected													{ background: #fff; border: 2px solid #75CFD5; clear: both; margin: 0 0 4px; }

#canvas_bg_color															{ margin-bottom: 5px; text-align: right; }

.aspect_ratio label															{ font-size: 10px; }

/*---------------------------------------------------------------------------*/

div.manage_pane_body								{ display: block; margin-bottom: 10px; padding: 0; }
div.manage_pane_body:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html div.manage_pane_body					{ height: 1%; }
	* + html div.manage_pane_body				{ min-height: 1px; }

.managepane_body										{ border-top: 1px solid #bec6d1; margin: 0; padding: 0; position: relative; }
* html .managepane_body							{ height: 1px; }
* + html .managepane_body							{ min-height: 1px; }

/*......................header pane for text and images......................*/

#m_customize_pane, #m_apparel_pane{ 
	font-size: 11px; 
	height: 400px; 
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
}
#m_apparel_pane{ 
	overflow: auto; 
}

#manage_pane_container		{ height: 345px; overflow: auto; position: relative; }

.managepane_header												{ background: url(../../../images/mp/control_sprite.gif) 0 100% repeat-x; border: 0; display: block; height: 24px; margin: 0; padding: 0; }
	.managepane_header:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* + html .managepane_header							{ min-height: 1px; }
	
	.managepane_header .mp_title							{ float: left; margin-left: 4px; }
	
	.managepane_header .mp_title li						{ display: block; float: left; padding: 4px 0 1px; }
	
	.managepane_header .mp_title li.icon				{ height: 16px; width: 16px; }
	.managepane_header .mp_title li.icon img		{  }
	.managepane_header .mp_title li.title				{ color: #7c838d; margin-right: 10px; }
	.managepane_header .mp_title li.dimension	{ color: #adb3bd; font-size: 9px; font-weight: bold; padding-top: 6px; }
	
	.managepane_header .quality								{ float: right; height: 20px; margin-right: 3px; }
	
	.lock_icon																	{ background: url(../../../images/icons/itoolbar_i/16/lock.png) 0 0 no-repeat; display: block; height: 16px; text-indent: -9999px; width: 16px; }
	
	.managepane_header .mp_control								{ float: right; margin: 0 0 0 5px; padding: 3px 0 0 5px; text-indent: 0; }
	.managepane_header .mp_control:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .managepane_header .mp_control					{ height: 1px; }
	* + html .managepane_header .mp_control				{ min-height: 1px; }
	
	.managepane_header .mp_control li							{ float: left; margin-right: 3px; padding: 0; }
	
	.managepane_header .mp_control li:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .managepane_header .mp_control li				{ height: 1px; }
	* + html .managepane_header .mp_control li			{ min-height: 1px; }
	
	.mp_control a, 
	.mp_control span								{ display: block; }
	
.mp_control a.change { 
	background-image: url(../../../images/mp/control_sprite.gif); 
	background-position: -412px -2px; 
	background-repeat: no-repeat;
	box-shadow: none;
	line-height: 20px; 
	padding: 0 4px 0 19px; 
	text-indent: 0; 
	width: auto; 
}
.mp_control a.change:hover { 
	background-position: -412px -102px; 
}
.mp_control a.change:active { 
	background-position: -412px -202px; 
}
	
	.mp_control a.delete							{ background: url(../../../images/icons/itoolbar_i/16/delete.png) 0 50% no-repeat; display: block; height: 18px; text-indent: -9999px; width: 18px; }
	
	.managepane_header .up,
	.managepane_header .down								{ background: transparent none; }
	
	.managepane_header .up span							{ background-image: url(../../../images/mp/control_sprite.gif); background-position: -349px -2px; background-repeat: no-repeat; display: block; height: 18px; text-indent: -9999px; width: 18px; }
	.managepane_header .up:hover span				{ background-position: -349px -102px; }
	.managepane_header .up:active span				{ background-position: -349px -202px; }
	.managepane_header .up span.off						{ background-position: -349px -2px; opacity: 0.25; }
	
	.managepane_header .down span						{ background-image: url(../../../images/mp/control_sprite.gif); background-position: -378px -2px; background-repeat: no-repeat; display: block; height: 18px; text-indent: -9999px; width: 18px; }
	.managepane_header .down:hover span			{ background-position: -378px -102px; }
	.managepane_header .down:active span			{ background-position: -378px -202px; }
	.managepane_header .down span.off				{ background-position: -378px -2px; opacity: 0.25; }

.managepane_header a											{ color: #333!important; font-size: 11px; text-decoration: none; }
	
	
.managepane_header ul li img								{ display: inline; }

span.managepane_title												{ font-size: 1em; font-weight: bold; padding-left: 5px; }

.managepane_header ul li span.alert						{ border: 0; display: block; height: 12px; margin: -2px 0 0 2px; padding: 0; position: absolute; vertical-align: top; width: 12px; }
	
.managepane_header span.icon_warning			{ background: url(../../../images/icons/itoolbar_i/12/alert.png) 50% 50% no-repeat; }
.managepane_header span.icon_error					{ background: url(../../../images/icons/itoolbar_i/12/info.png) 50% 50% no-repeat; }
.managepane_header span.icon_notice				{ background: url(../../../images/icons/itoolbar_i/12/delete-alt.png) 50% 50% no-repeat; }

*/

/*

ul.managepane_headers:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html ul.managepane_headers							{ height: 1px; }
	* + html ul.managepane_headers						{ min-height: 1px; }
	
ul.managepane_headers li{ display: inline-block; float: left; }

*/

/* layers layout */

.layer_container					{ clear: both; margin: 0; padding: 0 0 5px; }
.layer_container:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .layer_container		{ height: 1px; }
* + html .layer_container	{ min-height: 1px; }

.layer_container label			{ color: #788cad; display: block; font-size: 10px; font-weight: bold; margin-bottom: 4px; }
.layer_container input			{ border: 1px solid #888; }

.layer_left {
	clear: left;
	float: left; 
	width: 128px; 
}
.layer_left:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .layer_left					{ height: 1px; }
* + html .layer_left				{ min-height: 1px; }

.layer_right							{ float: right; width: 249px; }
.layer_right:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .layer_right					{ height: 1px; }
* + html .layer_right				{ min-height: 1px; }

/*......................text pane......................*/

.font_options												{ padding: 3px; }
.font_options .cell										{ margin: 0; padding: 0 0 5px;  }
.font_options .cell:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .font_options .cell							{ height: 1px; }
* + html .font_options .cell							{ min-height: 1px; }

.font_options ul, 
.font_options ol {
	margin: 0;
	padding: 0;
}

.placeholder_options									{  }
.placeholder_options li								{ -moz-border-radius: 1px; -moz-box-shadow: 0 10px 10px -1px rgba(255, 255, 255, .7) inset; -webkit-border-radius: 1px; -webkit-box-shadow: 0 10px 10px -1px rgba(255, 255, 255, .7) inset; background-color: #f8f8f8; background-position: 4px 50%; background-repeat: no-repeat; border: 1px solid #ccc; border-radius: 1px; -box-shadow: 0 10px 10px -1px rgba(255, 255, 255, .7) inset; cursor: pointer; height: 22px; line-height: 22px; margin-bottom: 2px; padding: 0 5px 0 27px; }
.placeholder_options li:hover					{ -moz-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2) inset, 0 10px 10px -1px rgba(255, 255, 255, .7) inset; -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2) inset, 0 10px 10px -1px rgba(255, 255, 255, .7) inset; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2) inset, 0 10px 10px -1px rgba(255, 255, 255, .7) inset; }
.placeholder_options li.mp_change_to_image
																		{ background-image: url(../../../images/icons/itoolbar_i/16/picture.png); }
.placeholder_options li.mp_change_to_text
																		{ background-image: url(../../../images/icons/itoolbar_ii/16/text.png); }

/* color button */
.mp_color_button										{ 
			-moz-box-shadow: 			0 0 1px rgba(0, 0, 0, .2) inset;
			-webkit-box-shadow: 	0 0 1px rgba(0, 0, 0, .2) inset;
			box-shadow: 					0 0 1px rgba(0, 0, 0, .2) inset;
			cursor: pointer; display: inline; display: inline-block; height: 10px; line-height: 0; margin: 0 1px; width: 10px; }
.mp_color_button div									{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; display: block; float: left; cursor: pointer; height: 20px; margin: 0 2px 2px 0; padding: 0; width: 31px; }
.mp_color_button:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .mp_color_button							{ height: 1px; }
* + html  .mp_color_button						{ min-height: 1px; }

/* list */

.mp_color_button.list									{ height: auto; margin: 0; width: auto; }
.mp_color_button.list div							{ margin: 0; }

/* font */

.mp_font_selector										{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; cursor: height: 17px; pointer; float: left; overflow: hidden; width: 80px; }
.mp_font_container										{ float: left; height: 20px; overflow: hidden; width: 63px;  }

.drop_arrow													{ background: #fff url(../../../images/mp/control_sprite.gif) -546px -117px; border-left: 1px solid #bec9d8; cursor: pointer; display: block; float: right; height: 20px; margin: 0; padding: 0; width: 15px; }

.text_transform												{ float: left; }
.text_transform	:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .text_transform									{ height: 1px; }
* + html .text_transform								{ min-height: 1px; }
.text_transform li											{ background: url(../../../images/mp/control_sprite.gif) -470px 0 no-repeat; display: block; float: left; height: 17px; margin-right: 5px; width: 17px; }
.text_transform li span								{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccd2db; cursor: pointer; display: block; float: left; font-size: 11px; height: 17px; line-height: 17px; text-align: center; width: 17px; }

.text_transform	 .bold									{ font-family: Times; font-weight: bold; }
.text_transform	 .italic									{ font-family: Times; font-style: italic; }

.text_transform .button_down					{ background: #a8b8c7; border: 1px solid #7b8a9a; color: #fff; }

.font_options .mp_align								{ float: right; }
.font_options .mp_align:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .font_options .mp_align					{ height: 1px; }
* + html .font_options .mp_align				{ min-height: 1px; }

.font_options .mp_align li							{ background: url(../../../images/mp/control_sprite.gif) -470px 0 no-repeat; float: left; margin-left: 2px; }
.font_options .mp_align li:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .font_options .mp_align li				{ height: 1px; }
* + html .font_options .mp_align li			{ min-height: 1px; }

.mp_align span											{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background-image: url(../../../images/mp/control_sprite.gif); background-repeat: no-repeat; border: 1px solid #ccd2db; cursor: pointer; display: block; float: left; height: 17px; width: 18px; }
.mp_align li.mp_align_left	 span				{ background-position: -467px -23px; }
.mp_align li.mp_align_center span			{ background-position: -489px -23px; }
.mp_align li.mp_align_right span			{ background-position: -509px -23px; }

.mp_align li.mp_align_left	 span.button_down				{ background-position: -467px -40px; }
.mp_align li.mp_align_center span.button_down		{ background-position: -489px -40px; }
.mp_align li.mp_align_right span.button_down			{ background-position: -509px -40px; }

.mp_align span.button_down					{ background-color: #a8b8c7; border: 1px solid #7b8a9a; }

.t_n_other														{ clear: both; display: block; padding: 4px 0; }
.t_n_other:after											{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .t_n_other											{ height: 0; }
* + html .t_n_other										{ min-height: 0; }

.t_n_other label											{ display: inline; display: inline-block; line-height: 12px; width: 60px; }
.t_n_other input											{  }

/* layer controls */

.layer_controls {
	margin: 0;
	padding: 3px 0; 
}
.layer_controls:after { 
	clear: both; 
	content: "";
	display: table; 
}
* html .layer_controls { 
	height: 1px; 
}
* + html .layer_controls { 
	min-height: 1px; 
}
.layer_controls li { 
	display: block; 
	float: left; 
	margin: 0 3px 0 0; 
}

.layer_controls ul, 
.layer_controls ol {
	margin: 0;
	padding: 0;
}

.movement													{  }
.movement div												{  }

.movement ul												{ height: 69px; width: 69px; }
.movement ul li												{ float: left; height: 23px; margin: 0; padding: 0; width: 23px; }
.movement ul li	 a											{ background-image: url(../../../images/mp/control_sprite.gif); background-repeat: no-repeat; display: block; float: left; height: 23px; margin: 0; padding: 0; text-decoration: none; width: 23px; }

.movement ul li.t_l a									{ background-position: 0 0; }
.movement ul li.t_c	 a									{ background-position: -23px 0; }
.movement ul li.t_r a									{ background-position: -46px 0; }

.movement ul li.c_l a									{ background-position: 0 -23px; }
.movement ul li.c_c a									{ background-position: -23px -23px; }
.movement ul li.c_r a									{ background-position: -46px -23px; }

.movement ul li.b_l a									{ background-position: 0 -46px; }
.movement ul li.b_c a									{ background-position: -23px -46px; }
.movement ul li.b_r a									{ background-position: -46px -46px; }

/* hover */

.movement ul li.t_l a:hover							{ background-position: 0 -100px; }
.movement ul li.t_c	 a:hover						{ background-position: -23px -100px; }
.movement ul li.t_r a:hover							{ background-position: -46px -100px; }

.movement ul li.c_l a:hover						{ background-position: 0 -123px; }
.movement ul li.c_c a:hover						{ background-position: -23px -123px; }
.movement ul li.c_r a:hover						{ background-position: -46px -123px; }

.movement ul li.b_l a:hover						{ background-position: 0 -146px; }
.movement ul li.b_c a:hover						{ background-position: -23px -146px; }
.movement ul li.b_r a:hover						{ background-position: -46px -146px; }

/* active */

.movement ul li.t_l a:active							{ background-position: 0 -200px; }
.movement ul li.t_c	 a:active						{ background-position: -23px -200px; }
.movement ul li.t_r a:active						{ background-position: -46px -200px; }

.movement ul li.c_l a:active						{ background-position: 0 -223px; }
.movement ul li.c_c a:active						{ background-position: -23px -223px; }
.movement ul li.c_r a:active						{ background-position: -46px -223px; }

.movement ul li.b_l a:active						{ background-position: 0 -246px; }
.movement ul li.b_c a:active						{ background-position: -23px -246px; }
.movement ul li.b_r a:active						{ background-position: -46px -246px; }

/* arrows */

.arrows															{ width: 30px; }

.arrows .arrow_up										{ height: 34px; width: 30px; }
.arrows .arrow_down									{ height: 35px; width: 30px; }

.arrows li a													{ background-image: url(../../../images/mp/control_sprite.gif); background-repeat; display: block; text-decoration: none; width: 30px; }

.arrows .arrow_up a									{ background-position: -74px 0; height: 34px; }
.arrows .arrow_down a								{ background-position: -74px -34px; height: 35px; }

.arrows .arrow_up a:hover							{ background-position: -74px -100px; }
.arrows .arrow_down a:hover					{ background-position: -74px -134px; }

.arrows .arrow_up a:active							{ background-position: -74px -200px; }
.arrows .arrow_down a:active					{ background-position: -74px -234px; }

/* rotation controls */

.rotate .rotate_container								{ background: url(../../../images/mp/control_sprite.gif) -109px 0 no-repeat!important; height: 69px; position: relative; width: 69px; }
.rotate_container span.degrees				{ bottom: 2px; left: 2px; font-size: 10px; font-weight: bold; position: absolute; }
.rotate_container input								{ display: inline; font-size: 10px; font-weight: bold; margin: 0 2px 0 0; width: 20px; }

.rotate_left														{ background-image: url(../../../images/mp/control_sprite.gif); background-position: -261px -2px; background-repeat: no-repeat; height: 18px; left: 2px; position:absolute; top: 2px; width: 18px; }
.rotate_right													{ background-image: url(../../../images/mp/control_sprite.gif); background-position: -308px -2px; background-repeat: no-repeat; height: 18px; position: absolute; right: 2px; top: 2px; width: 18px; }

.rotate_left:hover											{ background-position: -261px -102px; }
.rotate_right:hover										{ background-position: -308px -102px; }

.rotate_left:active											{ background-position: -261px -202px; }
.rotate_right:active										{ background-position: -308px -202px; }

/* align */

.layer_controls li.center_both					{ margin: 0; }
.center_both ol												{}
.center_both ol:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .center_both ol									{ height: 1px; }
* + html .center_both ol								{ min-height: 1px; }

.center_both li.center_h								{ height: 33px; width: 23px; }
.center_both li.center_v								{ height: 33px; width: 23px; }
.center_both li.center									{ height: 33px; width: 24px; }

.center_both li a											{ background-image: url(../../../images/mp/control_sprite.gif); background-repeat: no-repeat; display: block; text-decoration: none; }

.center_both li.center_h a							{ background-position:-183px 0; height: 33px; width: 23px; }
.center_both li.center_v a							{ background-position: -206px 0; height: 33px; width: 23px; }
.center_both li.center a								{ background-position: -229px 0; height: 33px; width: 24px; }

.center_both li.center_h a:hover				{ background-position:-183px -100px; height: 33px; width: 23px; }
.center_both li.center_v a:hover				{ background-position: -206px -100px; height: 33px; width: 23px; }
.center_both li.center a:hover					{ background-position: -229px -100px; height: 33px; width: 24px; }

.center_both li.center_h a:active				{ background-position:-183px -200px; height: 33px; width: 23px; }
.center_both li.center_v a:active				{ background-position: -206px -200px; height: 33px; width: 23px; }
.center_both li.center a:active					{ background-position: -229px -200px; height: 33px; width: 24px; }

/* alerts */

.pane_alerts													{ margin: 0; }
.pane_alerts ol												{ border-bottom: 1px solid #ddd; margin: 0; padding: 0; }
.pane_alerts ol li											{ background-color: #e4e4e4; background-position: 5px 50%; background-repeat: no-repeat; color: #444; font-size: 11px; padding: 7px 10px 7px 25px; }

	.pane_alerts ol.warn								{  }
		.pane_alerts ol.warn li						{ background-color: #f9901f; background-image: url(../../../images/icons/itoolbar_i/16/alert.png);  }
	
	.pane_alerts ol.error								{  }
		.pane_alerts ol.error li						{ background-color: #e34040; background-image: url(../../../images/icons/itoolbar_i/16/info.png); color: #fff; }
	
	.pane_alerts ol.notice								{ }
		.pane_alerts ol.notice li						{ background-color: #97cbff; background-image: url(../../../images/icons/itoolbar_i/16/delete-alt.png);  }

/* artwork approvals */

.mp_artwork_check { padding:3px }
.mp_artwork_name { clear:both; width:350px }
.mp_artwork_name label { width:65px; display:inline-block; margin-bottom:8px }
.mp_artwork_desc label { width:65px;display:inline-block;vertical-align:top }	
.mp_artwork_desc textarea { display:inline-block }			

.mp_textarea_disabled { border: none; resize:none;}
	
.mp_advanced												{ padding-bottom: 5px; }
.mp_advanced:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .mp_advanced									{ height: 1px; }
* + html .mp_advanced								{ min-height: 1px; }

.mp_advanced .ratio									{ float: left; }
.mp_advanced .ratio input							{ border: 0; margin: 3px 3px 0; }

.mp_advanced .advanced_container		{ float: right; }

.advanced_button										{ -moz-border-radius: 2px 0 0; -webkit-border-radius: 2px 0 0; background: #75CFD5; bottom: 0; clear: both; color: #404040; display: block; font-weight: bold; padding: 2px 4px; position: absolute; right: 0; text-decoration: none; z-index: 99; }

.advanced_button a,
#ppr #content .advanced_button a			{ background: url(../../../images/mp/control_sprite.gif) -471px -63px no-repeat; color: #276a6f; padding-left: 11px; text-decoration: none; }
.advanced_button a.alt,
#ppr #content .advanced_button a.alt		{ background: url(../../../images/mp/control_sprite.gif) -471px -77px no-repeat; border: 0; width: 40px; margin-right: 5px }

/*......................image pane......................*/
	
.managepane_body ul li ol li{ margin: 0; }
	
/*..........base for images..........*/

ul.image_options												{ padding: 3px 0 0 3px; }
ul.image_options:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.image_options									{ height: 1px; }
* + html ul.image_options								{ min-height: 1px; }

ul.image_options li											{ float: left; margin-right: 4px; }

ul.image_options li.colors								{ width: 50px; }
ul.image_options li.colors:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.image_options li.colors					{ height: 1%; }
* + html ul.image_options li.colors				{ min-height: 1px; }

/* designer colors */
.layer_container .image_options .colors	{ width: auto; }

ul.image_options li.colors label					{ float: left; margin-right: 10px; }

/* color list */

ul.image_options .color_list							{ float: left; margin-bottom: 5px; padding: 0; }
ul.image_options .color_list:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.image_options .color_list				{ height: 1%; }
* + html ul.image_options .color_list			{ min-height: 1px; }

ul.image_options .color_list li						{ border: none; display: inline; float: none; line-height: 0; margin: 0; }

ul.mp_sel_color												{ margin-left: 3px; }
ul.mp_sel_color li.colors ol li						{ display: block; width: 10px; height: 10px; float: left; margin-right: 1px; }

/*..........container for open image..........*/

.managepane_body .pane_container{ display: block; margin: 0 5px; }

	.managepane_body .pane_container:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html .managepane_body .pane_container{ height: 0.01%; }
	* + html .managepane_body .pane_container{ min-height: 1px; }

/*..........image bit..........*/

.managepane_body div.preview{ float: left; width: 75px; }

	.managepane_body div.preview div.image{ border: 1px solid #eee; height: 80px; overflow: hidden; padding: 1px; width: 75px; }
	.managepane_body div.preview .ratio{ padding: 5px 0; }
		.managepane_body div.preview .ratio { font-weight: bold; }

/*..........controls bit..........*/

.managepane_body div.ratio{ padding: 3px 0 0; }
	.managepane_body div.ratio input{ float: left; margin: 0 4px 0 0; padding: 0; }
	.managepane_body div.ratio label{ float: left; margin: 0; }
	
li.arrows ol{}
li.arrows ol li{ display: block; }
li.arrows ol li img{ display: block; }

ul.colors{ padding: 5px 0; }

ol.align{  }
ol.align li{ display: inline-block; margin: 0!important; padding: 0!important; }
ol.align img{ border: 0; margin: 0; padding: 0; }

ol.align li.left img{ background: url(../../../images/mp/align_left_off.gif) 0 0 no-repeat; height: 43px; width: 27px; }
ol.align li.center img{ background: url(../../../images/mp/align_center_off.gif) 0 0 no-repeat; height: 43px; width: 20px; }
ol.align li.right img{ background: url(../../../images/mp/align_right_off.gif) 0 0 no-repeat; height: 43px; width: 28px; }

ol.align li.left img.button_down{ background: url(../../../images/mp/align_left_on.gif) 0 0 no-repeat; height: 43px; width: 27px; }
ol.align li.center img.button_down{ background: url(../../../images/mp/align_center_on.gif) 0 0 no-repeat; height: 43px; width: 20px; }
ol.align li.right img.button_down{ background: url(../../../images/mp/align_right_on.gif) 0 0 no-repeat; height: 43px; width: 28px; }

/*-----------edit text-----------*/

.edit_text_container { 
	border-top: 1px dotted #ddd;
	clear: both;
	display: block;
	float: none;
	padding: 5px; 
}
.edit_text_container .cancel_button
														{ margin-left: 10px; }
.mp_textarea { 
	background: #fff; 
	border: 1px solid #BEC9D8; 
	color: #333; 
	display: block;
	float: none;
	margin-bottom: 5px; 
	padding: 5px; 
}

/*...........left hand side things - fieldset things...........*/

.area_view									{ background: #fff; border: 1px solid #bec6d1; padding: 5px 5px 5px 10px; position: relative; }

.area_view div							{ display: block; margin: 0 0 10px; text-align: left; }
.area_view div:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .area_view div				{ height: 1px; }
* + html .area_view div			{ min-height: 1px; }

.area_view h4, 
#content .area_view h4			{ color: #565d65; float: left; font-size: 12px; text-align: right; width: 50px; }

.area_view ul							{ display: block; float: right; margin: 0; padding: 5px; text-align: left; width: 310px; }
.area_view ul:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .area_view ul					{ height: 1px; }
* + html .area_view ul				{ min-height: 1px; }

/* views */

ul.views										{ background: #eef2f8; border: 1px solid #bec6d1;  }

ul.views li div.select_non_vis { width:75px;height:75px; font-size: 20px; margin: 0px; color: #94948D; text-align: center; vertical-align: middle; background-color: #151514; display: table; }
ul.views li div.select_non_vis div { display: table-cell; vertical-align: middle; text-align: center; } 

.sel_area_highlight					{ background-color: #ff0000; border: 1px solid #ffff00; filter: alpha(opacity=35); margin: 0; opacity: 0.35; position: absolute;  }

.area_view ul.views li				{ border: 2px solid #eef2f8; cursor: pointer; display: block; float: left; margin: 0 5px 0 0; padding: 1px; position: relative; text-align: center; }
.area_view ul.views li.d_layout_mouseover
													{ background: #bec6d1; }
.area_view ul.views li.d_layout_selected
													{ border: 2px solid #75CFD5; }
													
.area_view ul.views li.unselectable
													{ cursor: auto; }
.area_view ul.views li.unselectable label
													{ cursor: auto; }
													
.area_view ul.views li label	{ display: block; font-weight: bold; }
.area_view ul.views li img		{ width: 75px; }
.area_view ul.views li b			{ display: none; height: 20px; margin: -5px -5px 0 0; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 20px; }

.area_view ul.views li b.d_layout_warning
													{ background: transparent url(../../../images/mp/icon_warning.gif) 0 0 no-repeat; display: block; }
.area_view ul.views li b.d_layout_error
													{ background: transparent url(../../../images/mp/icon_error.gif) 0 0 no-repeat; display: block; }
.area_view ul.views li b.d_layout_notice
													{ background: transparent url(../../../images/mp/icon_notice.gif) 0 0 no-repeat; display: block; }

.area_view ul li input				{ border: 0; display: inline; margin: 0; padding: 0; width: auto; }
.area_view ul li label				{ color: #404040; cursor: pointer; font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
.area_view ul li a						{ color: #404040!important; text-decoration: none; }

.area_view ul li span				{ display: none; }
.area_view ul li.d_layout_selected span
													{ background: transparent url(../../../images/icons/itoolbar_i/16/ok.png) 0 0 no-repeat; display: block; height: 16px; left: 0; margin: -2px 0 0 -2px; position: absolute; top: 0; width: 16px; }

/* areas */

ul.areas										{ background: #eef2f8; border: 1px solid #bec6d1; }
ul.areas li									{ float: left; margin-right: 10px; }
ul.areas li label						{ display: block; float: left; }
ul.areas li input						{ display: block; float: left; margin-right: 4px; }

/* layers bit */

div#content h3.manage_pane_header							{ background: transparent none; color: #404040; display: block; font-size: 12px; font-weight: bold; letter-spacing: 0; margin: 0 10px; padding: 5px 0; text-align: left; text-transform: none; }

/* upload thing that wasn't working */

div#popup_loading{  }

div#popup_loading div.load-bar{ border: 1px solid #d8e3f6; float: right; margin: 0; padding: 0; text-align: left; width: 150px; }
div#popup_loading div#designer-loading-percent{
	background: #d8e3f6 url(../../../ppr/images/load-bar.gif) 100% 50% no-repeat;
	height: 22px;
	width: 10px; 
}

div#popup_loading .loading_details{ float: left; margin: 0; padding: 0; text-align: right; width: 60%; }
div#popup_loading #designer-loading-percent-text{ color: #404040; display: block; float: right; font-size: 1.7em; text-align: left; width: 37%; }

/*--------------------------color picker styles--------------------*/

div.color_picker{ display: block; left: 0; position: absolute; top: 0; width: 297px; }

div.color_picker div.header{ background: url(../../../images/mp/cp/header.png) 0 0 no-repeat; display: block; height: 26px; }
div.color_picker div.header a.close{ background: url(../../../images/mp/cp/close.gif) 0 0 no-repeat; display: block; float: right; height: 15px; margin: 6px 5px 0 0; text-indent: -9999px; width: 23px; }

div.color_picker div.content{ background: url(../../../images/mp/cp/cp_content.gif) 0 0 no-repeat; min-height: 100px; padding: 5px; }

div.color_picker div.content ol,
div.color_picker div.content ul {
	margin: 0;
	padding: 0;
}

div.color_picker div.content ol{ margin-bottom: 5px; }
div.color_picker div.content ol li, 
* html div.color_picker div.content ol li.slider					{ background: url(../../../images/mp/cp/tab_left.gif) 0 0 no-repeat; -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; float: none; height: 16px; margin: 0 4px 4px 0; padding-left: 4px; vertical-align: top; }
* html div.color_picker div.content ol li	, 
* html div.color_picker div.content ol li.slider					{ display: inline; }
* + html div.color_picker div.content ol li							{ display: inline; }

div.color_picker div.content ol li.slider								{ background: url(../../../images/mp/cp/slider_left.gif) 0 0 no-repeat; float: right; padding-left: 18px; }
div.color_picker div.content ol li.slider a							{ background: url(../../../images/mp/cp/slider_right.gif) 100% 0 no-repeat; }

div.color_picker div.content ol li.slider.alt						{ background: url(../../../images/mp/cp/slider_left_on.gif) 0 0 no-repeat; float: right; }

div.color_picker div.content ol li a, 
div.color_picker div.content ol li.slider a							{ -moz-box-orient: vertical; background: url(../../../images/mp/cp/tab_right.gif) 100% 0 no-repeat; color: #fff; display: -moz-inline-box; display: inline-block; font-size: .9em; font-weight: bold; line-height: 16px; height: 16px; padding-right: 4px; text-decoration: none; vertical-align: top; }
* html div.color_picker div.content ol li a{ display: inline; }

div.color_picker div.content ol li.alt,
* html div.color_picker div.content ol li.alt						{ background: url(../../../images/mp/cp/tab_left_on.gif) 0 0 no-repeat; float: none; }
div.color_picker div.content ol li.alt a,
* html div.color_picker div.content ol li.alt a					{ background: url(../../../images/mp/cp/tab_right_on.gif) 100% 0 no-repeat; color: #404040; float: none; }

/*  */
div.color_picker div.content ul{ padding: 0; }
div.color_picker div.content ul:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html div.color_picker div.content ul{ height: 1%; }
* + html div.color_picker div.content ul{ min-height: 1px; }

/* slider */

div.color_picker div.content ul.slider li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html div.color_picker ul.slider ul li{ height: 1%; }
* + html div.color_picker div.content ul.slider li{ min-height: 1px; }

div.color_picker div.content ul.slider{ padding: 0; }
div.color_picker div.content ul.slider li{ background: #5a5a5a; margin-bottom: 1px; padding: 5px; }
div.color_picker div.content ul.slider li.color{ background: url(../../../images/mp/cp/color_overlay.png) 0 0 repeat-x; border: 1px solid #404040; cursor: pointer; display: block; padding: 0; text-align: right; vertical-align: middle; }
div.color_picker div.content ul.slider li.color:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html div.color_picker div.content ul.slider li.color{ height: 1px; }
* + html div.color_picker div.content ul.slider li.color{ min-height: 1px; }

* html div.color_picker div.content ul.slider li.color{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mp/cp/color_overlay.png', sizingMethod='scale'); }
	div.color_picker div.content ul.slider li.color span{ -moz-box-orient: vertical; background: url(../../../images/mp/cp/select_left.gif) 0 50% no-repeat; display: -moz-inline-box; display: inline-block; height: 16px; line-height: 16px; margin: 5px; padding-left: 18px; vertical-align: middle; width: auto; }
	div.color_picker div.content ul.slider li.color span b{ -moz-box-orient: vertical; background: url(../../../images/mp/cp/select_right.gif) 100% 50% no-repeat; color: #404040; display: -moz-inline-box; display: inline-block; font-weight: normal; height: 16px; line-height: 16px; padding-right: 5px; vertical-align: top; width: auto; }

div.color_picker div.content ul.slider li label{ display: block; float: left; font-weight: bold; height: 16px; text-align: center; width: 16px; }

div.color_picker div.content ul.slider  li span{ display: block; float: right; height: 18px; line-height: 18px; vertical-align: middle; width: 250px; }
	div.color_picker div.content ul.slider  li span:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html div.color_picker div.content ul.slider li label span{ height: 1%; }
	* + html div.color_picker div.content ul.slider li label span{ min-height: 1px; }
div.color_picker div.content ul.slider li span b{ background: url(../../../images/mp/cp/slider_bg.gif) 0 0 no-repeat; display: block; float: left; height: 18px; position: relative; width: 210px; }
div.color_picker div.content ul.slider li span b i{ background: transparent url(../../../images/mp/cp/grabber.gif) 0 0 no-repeat; border: 0; cursor: pointer; display: block; height: 18px; left: 0; padding: 0; position: absolute; text-indent: -9999px; top: 0; width: 12px; }
div.color_picker div.content ul.slider li span input{ border: 1px solid #404040; display: block; float: right; font-size: 1em; font-weight: bold; padding: 0; text-align: center; width: 23px; }

/* other bit */
div.color_picker div.content ul.listing{ xxxmargin-bottom: 5px; padding: 0; max-height: 300px; overflow: auto; }
* html div.color_picker div.content ul.listing{ height: expression( document.body.clientHeight > 300 ? "300px" : "auto" ); }

div.color_picker div.content ul.listing li						{ background-image: url(../../../images/mp/cp/color.png); border: 2px solid #464646; cursor: pointer; display: block; float: left; height: 20px; line-height: 0; margin: 1px; overflow: hidden; text-indent: -9999px; width: 20px; }
div.color_picker div.content ul.listing li.selected		{ border: 2px solid #CC00FF; }

	* html div.color_picker div.content ul.listing li			{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mp/cp/color.png', sizingMethod='scale'); }

div.color_picker div.content ul.palette_loading li{ padding: 20px; color: #FFFFFF; font-size: 16px;}


/*  */

div.color_picker div.footer{ background: url(../../../images/mp/cp/footer.png) 0 100% no-repeat; min-height: 5px; padding: 0 5px 5px 5px; }
	div.color_picker div.footer:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html div.color_picker div.footer{ height: 1%; }
	* + html div.color_picker div.footer{ min-height: 1px; }
	
div.color_picker div.footer a.transparent{ background: url(../../../images/mp/cp/transparency.gif) 0 50% no-repeat; color: #fff!important; float: right; padding-left: 14px; text-decoration: none; }

div.color_picker div.footer span.color_name{ background: #404040; border: 1px solid #555; color: #ffffff; display: block; float: left; margin: 0; overflow: hidden; padding: 0 5px; width: 120px;  }



/*......................email popup......................*/


.popup .popup_icon { 
	display: inline-block; 
	height: 145px; 
	margin: -57px -57px 0 0; 
	padding: 0; 
	position: absolute; 
	right: 0; 
	top: 0; 
	vertical-align: top; 
	width: 145px;
	z-index: 5;
}
	* html .popup_icon								{ display: inline; }
	* + html .popup_icon							{ display: inline; }
	
	.popup_icon.image_icon					{ background: url(../../../images/add_image.png) 0 0 no-repeat; margin: -72px -57px 0 0; }
	* html .popup_icon.image_icon		{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/add_image.png', sizingMethod='crop') }
	
	.popup_icon.add_text							{ background: url(../../../images/add_text.png) 0 0 no-repeat; }
	* html .popup_icon.add_text				{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/add_text.png', sizingMethod='crop'); border: 0; }
	
	.popup_icon.add_team						{ background: url(../../../images/icons/itoolbar_ii/128/protect_blue.png) 0 0 no-repeat; }
	* html .popup_icon.add_team			{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/itoolbar_ii/128/protect_blue.png', sizingMethod='crop') }
	
	.popup_icon.save								{ background: url(../../../images/save.png) 0 0 no-repeat; }
	* html .popup_icon.save					{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/save.png', sizingMethod='crop') }
	
	.popup_icon.signup							{ background: url(../../../images/signup.png) 0 0 no-repeat; }
	* html .popup_icon.signup				{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/signup.png', sizingMethod='crop') }
	
	.popup_icon.email_friend					{ background: url(../../../images/email.png) 0 0 no-repeat; }
	* html .popup_icon.email_friend		{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/email.png', sizingMethod='crop') }
	
	.popup_icon.mypreview						{ background: url(../../../images/preview.png) 0 0 no-repeat; }
	* html .popup_icon.mypreview			{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/preview.png', sizingMethod='crop') }
	
	.popup_icon.alert									{ background: url(../../../images/alert_128.png) 0 0 no-repeat; border: 0; }
	* html .popup_icon.alert						{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/alert_128.png', sizingMethod='crop') }
	.popup_icon.designer_help				{ background: url(../../../images/icons/itoolbar_i/128/help.png) 0 0 no-repeat; }
	* html .popup_icon.designer_help	{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/itoolbar_i/128/help.png', sizingMethod='crop') }
	
	.popup_icon.add_cart							{ background: url(../../../images/icons/itoolbar_ii/128/shopping_cart.png) 0 0 no-repeat; height: 120px; }
	* html .popup_icon.add_cart				{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/itoolbar_ii/128/shopping_cart.png', sizingMethod='crop') }
	
	div#content .popup img.alt				{margin: -37px -37px 0 0;}

/* email popup */
#email_container										{ margin-bottom: 20px; }
#email_container:after							{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #email_container							{ height: 1px; }
* + html #email_container						{ min-height: 1px; }

#email_data												{ float: left; width: 360px; }

#email_data .form_container				{ margin-bottom: 10px; }
#email_data .form_container:after		{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #email_data .form_container		{ height: 1px; }
* + html #email_data .form_container	{ min-height: 1px; }

#email_data .form_container .button	{ float: right; }


#email_data p											{ padding: 10px 0; }



#email_images											{ float: right; width: 400px; }

#email_images .share li {
	display: inline-block;
    margin: 0 0 15px;
    width: 100%;
}

#email_images .share li a {
	padding:10px 0 10px 45px;
	background-repeat:no-repeat;
    background-position:left center;
}

#email_images .share li#share-pinterest a {
	background-image:url(../../../images/social/share-pinterest.png);
}

#email_images .share li#share-twitter a {
	background-image:url(../../../images/social/share-twitter.png);
}

#email_images .share li#share-facebook a {
	background-image:url(../../../images/social/share-facebook.png);
}

.image_details											{ margin-bottom: 10px; }
.image_details h4									{ margin-bottom: 5px; }

/* save popup */
#save_table												{ margin-bottom: 10px; }
#save_table td											{ padding: 5px; }
#save_table .image_details					{ width: 160px; }
/*.....................................library browser and font selector!.....................................*/

#decoration_libraries { 
	margin-top: -200px!important; 
	width: 880px!important; 
}
.font_selector { 
	font-size: 1.1em; 
	width: 730px!important; 
}

.popup .library_browser { 
	display: block; 
	float: left; 
	width: 100%; 
}

.popup .library_browser a { 
	color: #333; 
}

.popup .library_browser .interior,
.popup .font_sel div.interior													{ display: block; padding: 0; position: relative; }

.popup .library_browser .interior:after,
.popup .font_sel div.interior:after									{ clear: both; content: "."; display: block; height: 1px; line-height: 0; visibility: hidden; }
* html .popup .library_browser div.interior, 
* html .popup .font_sel .interior										{ height: 1px; }
* + html .popup .library_browser .interior, 
* + html .popup .font_sel .interior									{ min-height: 1px; }

/* library browser heading */

.popup .library_browser .library_header							{  }

.popup .library_browser .library_header .hierarchy div			{ padding: 10px 0 5px 5px; }
.popup .library_browser .library_header .listing div				{ padding: 10px 5px 5px; }

#content .library_header h4,
.library_header h4																			{ color: #404040; font-size: 16px; font-weight: bold; letter-spacing: -0.005em; line-height: 16px; margin-bottom: 10px; }
#content .library_header h4 span,
.library_header h4 span																	{ display: block; font-size: 12px; font-weight: normal; }

.popup .library_browser .library_header .listing a.batch			{ background: #4a4949 url(../../../images/admin/icon_batch.gif) 3px 50% no-repeat; border: 3px double #404040; color: #fff!important; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; float: right; font-size: 1.5em; font-weight: bold; letter-spacing: -0.015em; padding: 3px 5px 3px 24px; text-decoration: none; }

/*...............................................................................*/
		
.popup .library_categories { 
	border: 1px solid #eee; 
}
.popup .library_browser .hierarchy,
.popup .font_selector .hierarchy { 
	float: left; 
	font-size: 11px;
	margin: 0;
	padding: 0 0 10px; 
	width: 150px;
}
.popup .library_browser .interior .hierarchy { 
	height: 410px; 
	margin: 0;
	padding: 0; 
	position: relative; 
}

/*.......................................listing........................................*/

		.popup .library_browser .listing													{ float: right; width: 600px; }
		.popup .library_browser.font .listing											{ float: right; width: 500px; }
		
		.popup .library_browser .toolbar													{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#f7f7f7; border: 0; margin: 0 0 10px; padding: 3px 0; }
		.popup .library_browser .toolbar:after											{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .popup .library_browser .toolbar										{ height: 1px; }
		* + html .popup .library_browser .toolbar									{ min-height: 1px; }
		
		.popup .library_browser .toolbar li												{ display: block; float: left; margin: 0 10px; padding: 2px 0 3px; vertical-align: top; }
		
		.popup .library_browser .toolbar li label										{ font-size: 11px; margin-right: 10px; padding:  3px 0 3px 20px; }
			.popup .library_browser .toolbar li a										{ font-size: 1.0em; color: #fff!important; font-weight: normal; margin: 0; padding: 0; text-decoration: none; }
			.popup .library_browser .toolbar.disabled li a						{ background: transparent!important; color: #333!important; }
			.popup .library_browser .toolbar li.add_category					{ background: transparent url(http://www.deepsouthbarrels.com/css/ppr/images/admin/icon_category.gif) 0 40% no-repeat; }
			.popup .library_browser .toolbar li.delete_category				{ background: transparent url(http://www.deepsouthbarrels.com/css/ppr/images/admin/icon_remove_category.gif) 0 40% no-repeat; }
			.popup .library_browser .toolbar li.rename_category			{ background: transparent url(http://www.deepsouthbarrels.com/css/ppr/images/admin/icon_rename_category.gif) 0 40% no-repeat; }
			
			.popup .library_browser .toolbar li.mp_search						{ float: left; padding-right: 22px; position: relative; }
			.popup .library_browser .toolbar li.mp_search label			{ background: url(../../../images/icons/itoolbar_i/16/search.png) 0 50% no-repeat; }
			#ppr #content li.mp_search .button											{ display: inline; float: none; font-size: 14px; margin: 0; padding: 0 5px; }
			
			/*.popup .library_browser .toolbar li.search_image				{ background: transparent url(../../../images/admin/icon_search.gif) 0 50% no-repeat; display: none; }
			.popup .library_browser .toolbar li.search_image label		{ color: #fff; margin-right: 3px; }
			.popup .library_browser .toolbar li.search_image input		{ border: 0; display: inline; padding: 0; }
			.popup .library_browser .toolbar li.search_image input.search_box
																													{ border: 1px solid #ddd; }*/
			
			.popup .library_browser .toolbar li.mp_add_image label	{ background: transparent url(../../../images/icons/itoolbar_i/16/picture.png) 0 50% no-repeat; }
			
			.indicator_container																	{ display: block; height: 21px; position: absolute; right: 0; top: 4px; width: 21px; }
			.indicator_container span															{ background: url(../../../images/spinner_no_bg.gif) 50% 50% no-repeat; display: block; height: 21px; text-indent: -9999px; width: 21px; }
			
			.popup .library_browser .toolbar li.upload_status				{ padding: 0; width: 220px; }
			
		.popup .library_browser .library_header .listing div.progressBarContainer
																													{ border: 1px solid #a3a3a3; height: 7px; margin-right: 10px; padding: 1px; width: 100px; }
		.popup .library_browser .toolbar li label.progressBarText		{ display: block; margin: 3px 0; }
		
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^font list^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
		
.library_browser.font .listing ul { 
	border: 1px solid #eee; 
	height: 410px; 
	overflow-x: hidden; 
	overflow-y: auto; 
	text-align: center; 
}
.library_browser.font .listing ul li { 
	border-bottom: 1px dotted #ccc; 
	color: #666; 
	display: block; 
	font-size: 16px; 
	padding: 5px 0; 
	cursor: pointer; 
}
.library_browser.font .listing ul li img { 
	margin-bottom: 5px; 
}
.library_browser.font .listing ul li span { 
	display: block; 
}
.library_browser.font .listing ul li.alt { 
	background-color: #e2e2e2; 
	float: none; 
}
.library_browser.font .listing ul li.font_rollover { 
	background-color: #eee;
}

/*##############################*/

div.library_browser fieldset.submenu { 
	background: #eee; 
	border: 3px double #fff; 
	clear: both; 
	margin: 0 0 10px; 
	padding: 0; 
}
div.library_browser fieldset.submenu legend b { 
	color: #404040; 
	background: transparent none; 
	font-size: 1.3em; 
	font-weight: bold; 
	letter-spacing: -0.03em; 
	margin-right: 10px; 
	padding: 3px 15px 3px 0; 
	position: absolute; 
	right: 0; 
	top: 0; 
}

div.library_browser fieldset.submenu ul { 
	margin: 5px 0; 
	padding: 0 10px; 
	text-align: left; 
}
div.library_browser fieldset.submenu ul li { 
	color: #aaa; 
	display: inline; 
	font-weight: bold; 
	margin-right: 5px; 
	padding: 0 2px; 
}
div.library_browser fieldset.submenu ul li.alt { 
	background: #404040; 
	border: 1px solid #aaa; 
	color: #fff; 
}
div.library_browser fieldset.submenu ul li a { 
	color: #404040!important; 
	text-decoration: none; 
}

/*-----------actual listing------------*/

div.library_browser ul.decoration_list { 
	margin: 15px -5px 20px;
	padding: 0 10px; 
}
div.library_browser ul.decoration_list:after { 
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	line-height: 0; 
	visibility: hidden; 
}
* html div.library_browser ul.decoration_list{ 
	height: 1%; 
}
* + html div.library_browser ul.decoration_list { 
	min-height: 1%; 
}

div.library_browser ul.decoration_list li { 
	border: 1px solid #ddd; 
	cursor: pointer; 
	display: block; 
	float: left; 
	height: 100px; 
	overflow: visible; 
	padding: 0; 
	margin: 0 5px 5px 0; 
	width: 100px; 
}
div.library_browser ul.decoration_list li.alt { 
	background: #eee; 
	border: 1px solid #999; 
}

.popup ul.decoration_list .d_l_container { 
	border: none;
	display: block; 
	height: 100px; 
	margin: 0; 
	padding: 0;
	text-align: center; 
	width: 100px; 
}

div.library_browser ul.decoration_list li span { 
	background: url(../../../images/admin/icon_ok.gif) 0 0 no-repeat; 
	clear: both; 
	display: none; 
	float: left; 
	height: 24px; 
	margin: -20px 0 -10px -6px; 
	position: relative; 
	width: 30px; 
	z-index: 9999; 
}
* html  div.library_browser ul.decoration_list li span { 
	margin-left: -2px; 
	position: static; 
}
* + html div.library_browser ul.decoration_list li span { 
	position: static; 
}
div.library_browser ul.decoration_list li.alt span { 
	display: block; 
}
div.library_browser ul.decoration_list li a img{ 
	cursor: pointer; 
	display: inline; 
	margin: 0; 
	padding: 0; 
}

/* in product selector */

#select_product_categories > div, 
#select_product_categories > select {
	display: inline-block;
}

#m_apparel_box .library_listing.full { 
	width: 380px;
	width: 100%;
}
#m_apparel_box div.library_browser ul.decoration_list li { 
	height: auto; 
	padding: 2px;
	width: auto; 
}

/* in product selector popup */

.sp_manager div.library_browser ul.decoration_list li { 
	height: auto; 
	width: auto; 
}
.sp_manager div.library_browser ul.decoration_list li div.product_name span { 
	background: none; 
	clear: none; 
	display: inline; 
	float: none; 
	height: auto; 
	margin: 0; 
	position: relative; 
	width: auto; 
	z-index: 1; 
}
.popup_box .sp_manager div.library_browser ul.decoration_list { 
	height: 420px;
	margin: 0;
	overflow: auto;
	padding: 0;
}

/* ... */

.modify_image { 
	border-radius: 5px; 
	background: #fff; 
	border: 5px solid #ddd; 
	margin: -15px 0 0 -25px; 
	width: auto; 
	z-index: 1000; 
}
.modify_image:after {
	clear: both;
	content: ""; 
	display: table;
}
* html .modify_image { 
	height: 1%; 
}
* + html .modify_image { 
min-height: 1px; 
}

.modify_image .image_header { 
	float: left; 
}

div.modify_image div.interior { 
	float: right; 
}
.modify_image .interior:after { 
	clear: both; 
	content: ""; 
	display: table; 
}
* html .modify_image .interior { 
	height: 1px; 
}
* + html .modify_image .interior { 
	min-height: 1px; 
}

div.library_browser .modify_image .image_header { 
	margin: 5px; 
}
.image_container { 
	background: #fff url(../../../ppr/images/trans-display.gif); 
	border: 1px solid #ddd; 
	margin: 10px 0 10px 10px; 
	text-align: center; 
}

.modify_image .upload { 
	border-radius: 3px;
	background: #f7f7f7; 
	border: 1px solid #eee; 
	margin: 10px 10px 10px 0; 
	padding: 10px; 
	width: 200px; 
}
.modify_image .upload:after { 
	clear: both; 
	content: "."; 
	display: table; 
}
* html .modify_image .upload { 
	height: 1%; 
}
* + html .modify_image .upload { 
	min-height: 1px; 
}
	
.modify_image ul li { 
	color: #404040; 
}
.modify_image ul li label { 
	float: left; 
	width: 60px; 
}
.modify_image .submit { 
	margin: 0 10px; 
	text-align: right; 
}
.modify_image .button { 
	float: right; 
}
.modify_image .cancel_button { 
	float: right; 
	margin: 6px 0 0 10px; 
}

/* effects pane */

.effects_pane ul li label { 
	float: left; 
}
.effects_pane ul li{

}
.effects_pane ul li:after { 
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	line-height: 0; 
	visibility: hidden; 
}
* html .effects_pane ul li { 
	height: 1%; 
}
* + html .effects_pane ul li{ 
	min-height: 1px; 
}

/* emb buttons */
ol.emb_shapes { 
	display: block; 
	float: right; 
	width: 260px; 
}
ol.emb_shapes li { 
	background: url(../../../images/mp/emb/button_left.gif) 0 0 no-repeat; 
	display: inline-block; 
	cursor: pointer; 
	display: inline-block; 
	height: 24px; 
	margin: 0 2px 2px 0; 
	padding: 0 0 0 28px!important; 
}
* html ol.emb_shapes li { 
	display: inline; 
}
* + html ol.emb_shapes li { 
	display: inline; 
}
ol.emb_shapes li span{ 
	background: url(../../../images/mp/emb/button.gif) 100% 0 no-repeat; 
	color: #fff; 
	display: block; 
	font-weight: bold; 
	height: 24px; 
	line-height: 24px; 
	padding: 0 10px 0 7px; 
}

ol.emb_shapes li.alt{ 
	background: url(../../../images/mp/emb/button_left.gif) 0 100% no-repeat; 
}
ol.emb_shapes li.alt span{ 
	background: url(../../../images/mp/emb/button.gif) 100% 100% no-repeat; 
}

ol.emb_shapes li.circle_ccw { 
	background-image: url(../../../images/mp/emb/left_smile.gif); 
}
ol.emb_shapes li.circle_cw { 
	background-image: url(../../../images/mp/emb/left_frown.gif); 
}
ol.emb_shapes li.vertical { 
	background-image: url(../../../images/mp/emb/left_vertical.gif); 
}

/* no item button */
a.no_item_button{ 
	display: block; 
	padding: 0; 
	margin: 20px 0 0; 
	text-align: center; 
}
a.no_item_button img { 
	display: block; 
	margin: 0 auto; 
}

/* turns off elements in designer */
body#ppr #save_div, body#ppr #product_views_container{ 
	display: none; 
}

/*========================CUSTOM FIELDS */

.qty_price .custom_fields				{ background: transparent none; border: 0; }
.qty_price .custom_fields h3			{ font-size: 14px; }
.qty_price .custom_fields h3 a		{  }

.qty_price .custom_option				{ background: transparent none; border: 0; margin-bottom: 10px; margin-left: 120px; padding: 0; }
.qty_price .custom_option li			{ border: 0; margin-bottom: 5px; padding: 0; }
.qty_price .custom_option li:after	{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .qty_price .custom_option li
															{ height: 1px; }
* + html .qty_price .custom_option li
															{ min-height: 1px; }

.qty_price .custom_option li input	{ float: left; }
.qty_price .custom_option li label	{ float: left; width: auto; }

.qty_price .custom_option ul ul		{ -moz-border-radius: 0; -webkit-border-radius: 0; background: #d7dce5; border: 0; clear: both; padding-left: 10px; }

/*========================add to cart area */

		.m_pricing															{ background: #eef2f8; border:1px solid #bec6d1; margin-bottom: 2px; }
		#not_cart															{ color: #565D65; margin: 10px; }
															
		#not_cart:after													{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html #not_cart												{ height: 1px; }
		* + html #not_cart											{ min-height: 1px; }
		
		#other_cart														{ margin: 10px; }
															
		#other_cart:after												{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html #other_cart											{ height: 1px; }
		* + html #other_cart											{ min-height: 1px; }
		
		.m_pricing input,
		.m_pricing select,
		.m_pricing textarea					{ border: 1px solid #ccc; }
		
		.qty_price li								{ display: block; margin-bottom: 7px; }
		.qty_price li:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .qty_price li					{ height: 1px; }
		* + html .qty_price li					{ min-height: 1px; }
		
		.qty_price label									{ color: #565d65; display: block; float: left; font-size: 12px; font-weight: bold; margin-bottom: 5px; width: 120px; }
		#add_cart_container, 
		#update_cart_container,
		#other_button_container				{ float: right; }
		
		.cart_container									{ border-top: 1px solid #bec6d1; padding-top: 5px; }
		.cart_container .price						{ color: #565d65; float: left; font-size: 18px; padding-top: 5px; }
		
		#post_sale_container						{ display: block; padding: 10px; }
		#post_sale_container:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html #post_sale_container			{ height: 1px; }
		* + html #post_sale_container		{ min-height: 1px; }
		
		#post_sale_container input			{ float: right; }
		.size_input										{ float: left; width: 100%; }
		
		a.size_chart										{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #dfe3ea; color: #5d676f; display: block; float: right; font-weight: bold; padding: 2px 4px; text-decoration: none; }
		
		.multi_qty_tr										{ padding: 5px 0 0; }
		
		.multi_qty_tr ul									{ padding: 0; }
		.multi_qty_tr ul ul								{ background: #e9edf3; border: 1px solid #dee3eb; clear: both; padding: 5px; }
		.multi_qty_tr ul:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .multi_qty_tr ul						{ height: 1%; }
		* + html .multi_qty_tr ul					{ min-height: 1px; }
		.multi_qty_tr ul li								{ border: 0!important; display: block; float: left; margin: 0 0 6px; padding: 0; width: 20%; }
		.multi_qty_tr ul li.block					{ clear: both; display: block; float: none; width: 100%; }
		.multi_qty_tr ul li.block:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .multi_qty_tr ul li.block		{ height: 1px; }
		* + html .multi_qty_tr ul li.block	{ min-height: 1px; }
		
		.multi_qty_tr ul li.block>label		{ margin-bottom: 3px; width: 100%; }
		
		.multi_qty_tr ul li label					{ display: block!important; font-size: 11px; font-weight: bold; margin: 0; padding: 0; text-align: left; }
		.multi_qty_tr ul li input					{ margin: 0; }
		
		.popup .multi_qty_tr ul li				{ width: 20%; margin-bottom: 7px; }
		.popup .multi_qty_tr ul li.block		{ width: 100%; }
		.popup .multi_qty_tr ul ul				{ float: left; }
		.popup .multi_qty_tr ul ul li			{ width: 100px; }

		
		/* quote request  */

    #home_request_quote .multi_qty_tr,
    #home_request_quote .size_input { 
      float: left;
      padding: 0;
      width: 340px;
    }
    
    #home_request_quote #qty_container {  
      float: left;
      width: 340px;
    }

/* buttons */

.d_g_button															{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #b2b2b2; color: black; cursor: pointer; font-size: 14px; font-family: Arial; font-weight: bold; padding: 5px; }

input.d_g_button_large										{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #d8d8d8 url(../../../images/mp/control_sprite.gif) 0 -737px no-repeat; color: black; cursor: pointer; font-size: 14px; font-weight: bold; height: 32px; line-height: 32px; margin: 0; padding: 0 5px 0 36px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, .2); }

input#download_button										{ background-image: url("../../../images/icons/famfam/page_white_acrobat.png"); background-position: 7px 7px; background-repeat: no-repeat;  }
input.d_g_button_large.done							{ background-position: -450px -737px; }


.d_g_button_error .d_g_button_large				{ background: #d8d8d8 url(../../../images/mp/control_sprite.gif) 0 -737px no-repeat; }



.d_g_button_notice .d_g_button_large			{ background: #d8d8d8 url(../../../images/mp/control_sprite.gif) 0 -737px no-repeat; }

#cancel_button													{ margin-left: 10px; }

b.tip																			{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #404040; color: #fff; display: none; font-size: 11px; position: absolute; text-align: left; width: 240px; z-index: 9999; }
b.tip b																		{ display: block; padding: 10px; }

/* apparel pane */

#m_apparel_pane					{ font-size: 12px; }
#m_apparel_box						{ padding: 5px; }
#m_apparel_box h3				{ color: #565d65; font-size: 14px; font-weight: bold; }

#cat_selector_box					{ background: #eef2f8; border: 1px solid #bec6d1; padding: 5px; }
#cat_selector_box select		{ border: 1px solid #ccc; }

.cat_selector								{}
.cat_selector								{}
.cat_selector li							{ padding: 3px 0; }
.cat_selector li:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .cat_selector li				{ height: 1px; }
* + html .cat_selector li			{ min-height: 1px; }

.cat_selector li label				{ color: #565d65; display: block; font-size: 11px; font-weight: bold; float: left; width: 100px; }
.cat_selector	select					{ font-size: 11px; font-weight: bold; }

a.show_info								{ float: right; font-size: 11px; }

.product_list								{ margin: 10px 0 5px; }
.product_list ul							{ margin: 5px 0; padding: 5px 0; }
.product_list ul:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .product_list ul				{ height: 1px; }
* + html .product_list ul			{ min-height: 1px; }

.product_list li							{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #eef2f8; cursor: pointer; display: block; float: left!important; margin: 0 4px 5px 0; }
.product_list li img					{ border: 1px solid #fff; display: block; }
.product_list li .product_cell_over
													{ border: 1px solid #bec6d1; }
.product_list li .product_cell_selected	
													{ border: 1px solid #75cfd5; }

.product_info:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .product_info					{ height: 1px; }
* + html .product_info				{ min-height: 1px; }
/*
.product_image				{ border: 1px solid #eee; float: left; padding: 1px; }
.product_image img		{ display: block; width: 125px; }
*/
.product_desc					{ float: right; font-size: 11px; width: 240px;  }

.selector_container			{ background: url(../../../images/designer_p_selector.gif) 0 100% repeat-x; }

.cat_tabs							{ padding: 5px 5px 0 5px; }
.cat_tabs:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .cat_tabs				{ height: 1px; }
* + html .cat_tabs				{ min-height: 1px; }

.cat_tabs li							{ -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; background: #ddd; border: 1px solid #ddd; display: block; float: left; margin-right: 5px; }
.cat_tabs li:after				{ clear: both; content: "."; display: block; height: 1px; line-height: 1px; visibility: hidden; }
* html .cat_tabs li				{ height: 1px; }
* + html .cat_tabs li			{ min-height: 1px; }

.cat_tabs li	 a						{ display: block; float: left; padding: 3px 5px; }
.cat_tabs li.pc_selected_tab
											{ background: #fff; border-bottom: 1px solid #fff; }
/* */

#product_known_options {  }
#product_known_options .color_panel { 
	float: left; 
	width: 280px 
}
#product_known_options .custom_option,
#product_known_options .custom_fields { 
	float: left; 
	width: 280px 
}
#product_known_options .custom_field label { 
	float: none; 
}
#product_known_options #d_pane {
	float: left;
}
/* request pages */

#home_request_quote .qty_price {
	float: left;
	width: 340px;
}

#home_request_quote #product_known_options .custom_fields { 
	float: left; 
	width: 280px 
}
#home_request_quote #product_known_options .custom_field label { 
	float: none; 
	text-align: left;
	width: auto;
}
#home_request_quote #product_known_options .custom_option, 
#home_request_quote #product_known_options .custom_fields {
	float: none;
	margin-left: 0;
	width: auto;
}


/* team names */

#teamname_templates_container							{  }
#teamname_templates_container ul						{  }
#teamname_templates_container ul:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #teamname_templates_container ul			{ height: 1px; }
* + html #teamname_templates_container ul		{ min-height: 1px; }

#teamname_templates_container ul li					{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #f7f7f7; cursor: pointer; display: block; float: left; margin: 0 10px 10px 0; padding: 5px; }
#teamname_templates_container ul li.alt				{ background: #f7f7f7; border: 1px solid #bbb; }

#no_items																		{ background: url(../../../images/icons/itoolbar_ii/32/actions.png) 0 0 no-repeat; margin: 10px 5px 0; padding: 0 10px 0 40px; }
#no_items h3																{ border: 0; color: #5c6678; font-size: 14px; margin-bottom: 10px; padding: 0; }

.no_items																	{ margin: 0; }
.no_items a																{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(../../../images/mp/control_sprite.gif) -471px -226px no-repeat; border: 1px solid #c1c2c3; color: #404040; display: block; font-size: 18px; height: 48px; line-height: 48px; margin-bottom: 10px; padding-left: 10px; text-decoration: none; position:relative; }
.no_items	.disabled a												{ background: url(../../../images/mp/control_sprite.gif) -471px -147px no-repeat; border: 1px solid #e4e4e4; color: #bebebe; cursor: auto; height: auto; }
.no_items	.disabled a:hover									{ border: 1px solid #e4e4e4; }
.no_items	.disabled a span									{ background: url(../../../images/icons/itoolbar_i/32/delete-alt.png) 0 50% no-repeat!important; height: auto; line-height: 24px; padding-top: 3px; padding-bottom: 3px; }
.no_items a span														{ display: block; height: 48px; line-height: 48px; padding-left: 60px; }
.no_items a.image span											{ background: url(../../../images/icons/itoolbar_i/32/picture.png) 0 50% no-repeat; }
.no_items a.image span.disabled_notice			{ display:none; }

.no_items a.text span												{ background: url(../../../images/icons/itoolbar_ii/32/text.png) 0 50% no-repeat; }
.no_items a .disabled_notice								{ display: none;}

.no_items a.placeholder span								{ background: url(../../../images/icons/itoolbar_ii/32/misc.png) 0 50% no-repeat; }
.no_items a.placeholder span.disabled_notice{ display: none; }

.no_items a.team span											{ background: url(../../../images/mp/team_icon_light.png) 0 50% no-repeat; }

.no_items li.disabled a .disabled_notice 			{ color: #6b6565; display: block; font-size:11px; font-weight: bold; line-height: 12px; padding: 0 0 5px; }
                                            
.no_items a:hover													{ border-color: #949494; }

.rulers										{ display: none; height: 400px; overflow: hidden; position: relative; width: 390px; }

.grid											{ border-collapse: collapse; left: 0; height: 560px; margin: -46px 0 0 -64px; opacity: 0.15; position: absolute; top: 0; width: 560px; }
.grid td										{ border: 1px dotted #666; height: 20px; line-height: 0; width: 20px; }

.units											{ background: #777; color: #fff; font-size: 10px; height: 20px; left: 0; line-height: 20px; position: absolute; top: 0; width: 20px; text-align: center; }

.horizontal_ruler						{ background: url(../../../images/mp/ruler_bg.png) 0 0 repeat; font-size: 8px; height: 20px; left: 0; overflow: hidden; position: absolute; top: 0; width: 390px; }
.vertical_ruler							{ background: url(../../../images/mp/ruler_bg.png) 0 0 repeat; font-size: 8px; height: 400px; left: 0; overflow: hidden; position: absolute; top: 0; width: 20px; }

.horizontal_ruler ul					{ margin-left: -54px; width: 1000px; }
.horizontal_ruler ul:after		{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.horizontal_ruler li					{ background: url(../../../images/mp/ruler-increment-h.gif) 100% 100% repeat-y; display: block; float: left; height: 20px; width: 20px; }
.horizontal_ruler li span			{ background: url(../../../images/mp/ruler-increment-h.gif) 50% 100% no-repeat; display: block; height: 20px; line-height: 15px; text-align: center; }

.vertical_ruler ul						{ margin-top: -37px; width: 20px; }
.vertical_ruler li						{ background: url(../../../images/mp/ruler-increment-v.gif) 100% 100% repeat-x; height: 20px; }
.vertical_ruler li span				{  background: url(../../../images/mp/ruler-increment-v.gif) 100% 50% no-repeat; display: block; height: 20px; line-height: 20px; text-align: center; }

.area_control							{ -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; background: #404040; display: none; left: 0; margin: 302px 0 0 125px; padding: 3px; position: absolute; top: 0; }
.area_control ul						{  }
.area_control ul:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .area_control ul			{ height: 1px; }
* + html .area_control ul			{ min-height: 1px; }

.area_control li							{ float: left; }
.area_control ul>li					{ border-right: 1px solid #555; margin-right: 3px; padding-right: 3px; }
.area_control ul>li:last-child	{ border: 0; margin: 0; padding: 0; }
.area_control li a						{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #555; display: block; height: 18px; text-indent: -9999px; width: 18px; }
.area_control li a:hover			{ background-color: #5e5e5e; }

.area_control ol li a					{ border-right: 1px solid #666; }

.area_control ol li:first-child a
													{ -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; }
.area_control ol li:last-child a
													{ -moz-border-radius: 0 2px 2px 0 ; -webkit-border-radius: 0 2px 2px 0; border: 0; }

.lock_container															{ background: #eef2f8; border: 1px solid #bec9d8; margin-bottom: 2px; padding: 4px 5px; }
.lock_container:after													{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .lock_container													{ height: 1px; }
* + html .lock_container												{ min-height: 1px; }

.lock_container li															{ float: left; margin-right: 15px; }
.lock_container li.replace											{ clear: left; margin-left: 15px; }

.lock_container input													{ float: left; margin: 0 5px 0 0; }
.lock_container input[type=checkbox]					{ margin-top: 4px; }
.lock_container label													{ float: left; font-weight: bold; line-height: 22px; margin-right: 5px; }

div.qty_dropdown 																	{ float:left; position:relative; }
div.qty_dropdown p																{ line-height: 11px; margin: 0 0 0 60px; padding: 0; }
div.qty_dropdown p span														{ font-weight: bold; }

a#qty_selector                    														{ display:none; }

div.qty_dropdown #qty_selector 										{ cursor: pointer; display: block; height:22px; overflow: hidden; position: relative; width: 45px; }

div.qty_dropdown a#qty_selector 										{ background-image: url(../../../images/mp/control_sprite.gif); background-position: -533px -46px; background-repeat: no-repeat; cursor: pointer; height: 22px; left: 0; margin: 0!important; position: absolute; text-decoration: none; width: 57px; }
div.qty_dropdown a#qty_selector:hover							{ background-position: -533px -68px; }
div.qty_dropdown a#qty_selector.alt									{ background-position: -533px -90px; }

div.qty_dropdown input 														{ background: transparent url(../../../ppr/images/trans.gif) 0 0 repeat; border: 0; font-size: 12px; height: 18px;  left: 0;  margin:0; padding: 2px 0 0 2px; position: absolute; top: 0; width: 36px; }

div.qty_dropdown div#qty_dropdown_float 						{ background-color: #fff; border: 1px solid #ccc; font-size: 12px; left: 0; overflow: hidden; position: absolute; padding: 2px; top: 21px; width: 50px; z-index: 1000; }

div.qty_dropdown div#qty_dropdown_float ul li 				{ color: #000; cursor: pointer; font-size: 12px; margin: 0; width: 55px; }

div.qty_dropdown div#qty_dropdown_float ul li.over		{ background-color: #1e84FF !important; color: #fff; }

div.qty_dropdown div#qty_dropdown_float ul li.alt 			{ background-color: #1951AA !important; color: #fff; }

/* when the qty is disabled we want an overlay ontop of it so it will be clickable */
div.qty_overlay { display: none; }
div.disabled div.qty_overlay { display:block; position:absolute; width: 100px; height: 30px; background:#FFFFFF; z-index:2; -moz-opacity:0.01; filter:alpha(opacity: 0.01); opacity:0.01; }


/* MAP: copy dropdown button */

li#copy_button 												{ position: relative; }
ul#copy_dropdown_float 							{ background-color: #fff; border: 1px solid #ccc; left: 0; overflow: auto; padding: 2px; position: absolute; top: 21px; width: 50px; z-index: 10000; }
ul#copy_dropdown_float li 						{ cursor: pointer; float: none; height: auto; padding: 2px; }
ul#copy_dropdown_float  li.over 				{ background-color: #1e84ff!important; color: #fff; }
ul#copy_dropdown_float  li.disabled		{ color: #aaa; cursor: default; }

/* popping up */

#opener															{ -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #ddd; color: #404040; padding: 5px; }
#opener .int													{ background: #fff; border: 1px solid #bbb; padding: 10px; }
#opener_top_section									{ margin-bottom: 10px; }

#opener_ul													{ background: #586273 url(../../../images/mp/control_sprite.gif) -471px -332px no-repeat; border: 1px solid #646e7f; margin-bottom: 10px; padding: 5px; }

#opener .int ul li											{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(../../../images/mp/control_sprite.gif) -471px -279px no-repeat; border: 1px solid #828c9e; cursor: pointer; height: 48px; padding: 0 8px; position: relative; }

#opener .int ul li											{ margin-top: 5px; }
#opener .int ul li:first-child						{ margin: 0; }
#opener .int ul li h4										{ color: #fff; float: left; font-size: 18px; font-weight: bold; letter-spacing: -0.01em; line-height: 28px; margin: 4px 0 0; padding: 0 0 0 54px; }
#opener .int ul>li h4 b									{ display: block; font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 4px; overflow: visible; }

/* overlays */

#opener .int ul li:first-child:after, 
#opener .int ul li:nth-child(2):after			{ background: url(../../../images/mp/overlay_image.png) 0 0 no-repeat; content: "."; display: block; height: 124px; left: 0; margin: -70px 0 0 -210px; position: absolute; text-indent: -9999px; top: 0; width: 290px; }
#opener .int ul li:nth-child(2):after			{ background: url(../../../images/mp/overlay_text.png) 0 0 no-repeat; margin: 20px 0 0 -210px; }

#opener_image h4										{ background: url(../../../images/icons/itoolbar_i/32/picture.png) 0 50% no-repeat; }
#opener_text	 h4										{ background: url(../../../images/icons/itoolbar_ii/32/text.png) 0 50% no-repeat; }
#opener_teamname	 h4							{ background: url(../../../images/mp/team_icon_dark.png) 0 50% no-repeat; }

#opener .int ol												{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #e5e5e5 url(../../../images/mp/overlay_dec.gif) 0 100% repeat-x; border: 1px solid #F79511; float: right; margin: 5px 0 0; }
#opener .int ol:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #opener .int ol									{ height: 1px; }
* + html #opener .int ol								{ min-height: 1px; }

#opener .int ol li											{ background: url(../../../images/mp/overlay_dec_div.gif) 100% 100% repeat-y; float: left; padding: 8px 10px; }
#opener .int ol li:last-child							{ background: transparent none; margin-bottom: 0px; }
#opener .int ol li a										{ font-size: 14px; font-weight: normal; text-decoration: none; }

.opener_overlay											{ display: none; height: 124px; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 290px; }
* html .opener_overlay								{ display: none; }

.opener_overlay.top									{ background: url(../../../images/mp/overlay_image.png) 0 0 no-repeat; margin: -70px 0 0 -210px; }
.opener_overlay.middle								{ background: url(../../../images/mp/overlay_text.png) 0 0 no-repeat; margin: 20px 0 0 -210px; }
.opener_overlay.bottom							{ background: url(../../../images/mp/overlay_text.png) 0 0 no-repeat; margin: 20px 0 0 -210px; }

/* cart area */

table#cart														{ border-collapse: separate; }

.designer_cart th											{ background: #eef2f8; border: 1px solid #bec6d1; border-width: 1px 0; color: #565d65; font-weight: bold; padding: 5px; text-transform: none; }
.designer_cart th:first-child						{ border-width: 1px 0 1px 1px; }
.designer_cart th:last-child						{ border-width: 1px 1px 1px 0; }

.designer_cart td											{ border-bottom: 1px solid #eef2f8; padding: 5px; vertical-align: top; }
.designer_cart td:first-child						{ border-width: 2px 0 2px 2px; }

.designer_cart .selected td						{ 
			-moz-box-shadow: 			0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset;
			-webkit-box-shadow: 	0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset;
			box-shadow: 					0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset; }
.designer_cart .selected td:first-child	{ 
			-moz-box-shadow: 			0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, 2px 0 0 #75cfd5 inset;
			-webkit-box-shadow: 	0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, 2px 0 0 #75cfd5 inset;
			box-shadow: 					0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, 2px 0 0 #75cfd5 inset; }
.designer_cart .selected td:last-child		{ 
			-moz-box-shadow: 			0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, -2px 0 0 #75cfd5 inset;
			-webkit-box-shadow: 	0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, -2px 0 0 #75cfd5 inset;
			box-shadow: 					0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, -2px 0 0 #75cfd5 inset; }

.cp_details td												{ border-bottom: 0!important; }
.cp_options td												{ border-top: 0!important; }

.designer_cart .designer_price				{ text-align: right; }
.designer_cart .options label					{ font-weight: bold; }

#cart_total_container td								{ border-width: 0 0 1px; font-size: 12px; font-weight: bold; padding: 10px 5px; }
#total_price													{ text-align: right; }

#is_cart															{ margin: 5px 0 0; }
#is_cart ul														{ text-align: right; }
#is_cart li														{ display: block; float: right; margin: 0 0 0 5px; }

/* screen lists */

.manage_pane_settings					{ 
			-moz-box-shadow: 			0 -1px 0 rgba(0, 0, 0, .05) inset;
			-webkit-box-shadow: 	0 -1px 0 rgba(0, 0, 0, .05) inset;
			box-shadow: 					0 -1px 0 rgba(0, 0, 0, .05) inset;
			background-color: #e4e9f0; 
			background-image: -moz-linear-gradient(50% 0, rgba(255, 255, 255, .85) 0, rgba(255, 255, 255, 0) 100%);
			background-image: -webkit-gradient(50% 0, 50% 100%, from(rgba(255, 255, 255, .85)), to(rgba(255, 255, 255, 0)));
			border: 1px solid #bec6d1; margin: 0; }

.scr_list													{ padding: 5px;  }
.scr_list li												{ margin-bottom: 2px; }
.scr_list li:last-child								{ margin: 0; }

.scr_list li:after										{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .scr_list li									{ height: 1px; }
* + html .scr_list li								{ min-height: 1px; }

.scr_list label										{ display: inline; display: block; float: left; line-height: 18px; margin-right: 10px; text-align: right; vertical-align: top; width: 125px; }
.scr_list input, .scr_list select			{ float: left; font-size: 11px; }
/* list of colors */

.scr_color_list										{ display: block; float: left; }
.scr_color_list:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .scr_color_list							{ height: 1px; }
* + html .scr_color_list						{ min-height: 1px; }
.scr_color_list li									{ float: left; margin-right: 1px; }

/*  */
.popup .scr_color_list li						{ margin-right: 10px; }
.popup .scr_color_list li label			{ margin-right: 5px; }

/* calendar date select */
.ie6_blocker											{ z-index: 99; }
.calendar_date_select						{ 
			-moz-border-radius: 2px; 
			-webkit-border-radius: 2px; 
			border-radius: 2px;
			-moz-box-shadow: 0 7px 10px rgba(0, 0, 0, .25); 
			-webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, .25); 
			box-shadow: 0 7px 10px rgba(0, 0, 0, .25);
			background: #fff; border: 1px solid #ddd; left: 470px; position: absolute; top: 340px; width: 260px; z-index: 3100; }
			
.calendar_date_select a						{ color: #404040; }
.cds_header											{ border-bottom: 1px solid #ddd; margin-bottom: 5px; padding: 10px 5px; text-align: center; }
.cds_header:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .cds_header								{ height: 1px; }
* + html .cds_header							{ min-height: 1px; }

.cds_header .next,
.cds_header .prev,
.cds_header .close								{ 

			-moz-border-radius: 2px; 
			-webkit-border-radius: 2px;  
			border-radius: 2px;  
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),  inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65);
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),  inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),  inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65);
			background: #dbe3e3; border: 1px solid #c1c9c7; display: inline-block; font-weight: bold; height: 16px; line-height: 16px; margin-top: 2px; padding: 0 5px; }

.cds_header a.close							{ float: right; margin-left: 5px; }
.cds_header .next								{ float: right; }
.cds_header .prev								{ float: left; }

.calendar_date_select select			{ 
			-moz-border-radius: 		2px; 
			-webkit-border-radius: 	2px; 
			border-radius: 					2px;
			background: url(../../../images/om/dropdown_bg.png) 100% 0 no-repeat; border: 1px solid #c1c9c7; font-size: 11px; margin: 0 4px; padding: 3px 2px 3px 5px; }

.cds_body												{ margin-bottom: 5px; padding: 0 2px 5px; }
.cds_body table									{  }
.cds_body table th								{ border-bottom: 1px solid #ddd; color: #888; padding: 4px; }

.cds_body table td								{ 
			-moz-border-radius: 0!important; 
			-webkit-border-radius: 0!important; 
			border-radius: 0!important;
			border: 1px solid #ddd; border-width: 0 0 1px 1px; color: #404040; font-size: 11px; padding: 4px; text-align: center; }

.cds_body table td.today					{ background-image: url(../../../images/om/na_bg.png); }
.cds_body table td.selected				{ background-color: #333; border-color: #404040; color: #fff; }

.cds_body table td:last-child				{ border-width: 0 1px 1px 1px; }
.cds_body table td.weekend				{ 
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),  inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, .65); 
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),  inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, .65); 
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),  inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, .65);
			background: #e8efef; }
.cds_body table td.disabled { color: #d3d3d3;}			


.cds_buttons										{ float: right; margin: 5px 5px 10px; }
.cds_buttons span								{ display: none; }
.cds_buttons a										{ 
			-moz-border-radius: 2px; 
			-webkit-border-radius: 2px;
			border-radius: 2px;
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),  inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65);
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),  inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),  inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65);
			border: 1px solid #c1c9c7; display: inline-block; background: #dbe3e3; font-weight: bold; height: 18px; line-height: 18px; margin-left: 5px; padding: 0 5px; }

.cds_footer											{ float: left; font-weight: bold; margin: 5px; }
.cds_footer span									{ color: #888; display: inline-block; height: 18px; line-height: 18px; }

.cds_bottom											{  }

/*  */

.library_listing { 
	float: right;
	margin: 0;
	width: 75%; 
}

.designer_container_large .add_items ul a, 
.designer_container_large .d_g_button_large { 
	background: #ee8f01;
	background: -moz-linear-gradient(50% 0, #ee8f01, #C77800 100%);
	background: -ms-linear-gradient(50% 0, #ee8f01, #C77800 100%);
	background: -o-linear-gradient(50% 0, #ee8f011, #C77800 100%);
	background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#C77800));
	border: none; 
	border-radius: 2px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .25) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset;
	color: #FFFFFF !important; 
	text-shadow: none;
	display: block; 
	float: left; 
	font-weight: normal; 
	font-size: 16px; 
	line-height: 24px; 
	margin-right: 4px; 
	padding: 8px 25px 8px 40px; 
	position: relative; 
	text-decoration: none; 
	 
	}
	
.designer_container_large .add_items ul a:hover,
.designer_container_large .d_g_button_large:hover { 
	background: -moz-linear-gradient(50% 0, #C77800, #ee8f01 100%);
	background: -ms-linear-gradient(50% 0, #C77800, #ee8f01 100%);
	background: -o-linear-gradient(50% 0, #C77800, #ee8f01 100%);
	background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#C77800), to(#ee8f01)); 
	}
			
.designer_container_large .add_items ul a:before { 
	background: -moz-linear-gradient(50% 0, #ee8f01, #C77800 100%);
	background: -ms-linear-gradient(50% 0, #ee8f01, #C77800 100%);
	background: -o-linear-gradient(50% 0, #ee8f01, #C77800 100%);
	background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#E18700));
	border-radius: 2px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1) inset;
	content: "."; display: inline-block; height: 32px; left: 0; margin: -16px 0 0 4px; text-indent: -9999px; position: absolute; top: 50%; width: 24px; 
	}

#close_designer {
  moz-border-radius:  32px !important;
  -webkit-border-radius:  32px !important;
  border-radius:  32px !important;
  -moz-box-shadow:  0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset;
  background:  #bf5c07;
  background:  -moz-linear-gradient(50% 0, #ee8f01, #C77800 100%);
  background:  -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#C77800));
  content: "."; 
  display: inline-block; 
  height: 32px; 
  margin: -12px -12px 0 0; 
  text-indent: -9999px; 
  position: absolute; 
  right: 0; 
  text-indent: -9999px; 
  top: 0; 
  width: 32px; 
  z-index: 5; 
  }
			
#close_designer:hover {
	background: -moz-linear-gradient(50% 0, #C77800, #ee8f01 100%);
	background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#C77800), to(#ee8f01)); 
	}

.designer_container_large .view_controls ol#save_div a	{ 
  background: #ee8f01 !important;
  background: -moz-linear-gradient(50% 0, #ee8f01, #C77800 100%) !important;
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#C77800)) !important;
  color: #FFFFFF !important; 
  text-shadow:none;
  }
			
.designer_container_large .view_controls ol#save_div a:hover{ 			
  background: -moz-linear-gradient(50% 0, #C77800, #ee8f01 100%) !important;
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#C77800), to(#ee8f01)) !important; 
  }
			
		
			
.designer_container_large h3 a { 
	color: #ee8f01; 
	float: right; 
	font-size: 11px; 
}

.designer_container_large .area_view ul.views li.d_layout_selected:hover:before,
.designer_container_large .area_view ul.views li.d_layout_selected:before { 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #ee8f01; 
  content: "."; 
  display: block; 
  height: 100%; 
  left: 0; 
  margin: -2px 0 0 -2px; 
  position: absolute; 
  text-indent: -9999px; 
  top: 0; 
  width: 100%; 
}

.designer_container_large a#show_preview {
  color: #ee8f01;
}

/* THEME CSS */
/* banner */
#marketing									{ margin-bottom: 20px; }
.m_cell .int										{ margin: 0; position: static; width: 480px; }

.m_cell h2										{ color: #; font-family: 'Stint Ultra Condensed', sans-serif; font-size: 108px; letter-spacing: 0.1em; line-height: 96px; text-shadow: 0 1px 0 rgba(255, 255, 255, .15), 0 -1px 0 rgba(0, 0, 0, .4); text-transform: uppercase; }

.m_cell h3										{ color: #F79511; font: normal 30px/36px 'Oswald', cursive; letter-spacing: 0.01em; text-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 -1px 0 rgba(0, 0, 0, .4); text-transform: uppercase; }
.m_cell .button								{ 
			-moz-border-radius: 		2px !important;
			-webkit-border-radius: 	2px !important;
			border-radius: 					2px !important;
			background-color: transparent; color: #F79511; font-family: 'Oswald', cursive; line-height: 54px; margin: -190px 0 0 0; padding: 0 40px; position: absolute; right: 0; text-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 -1px 0 rgba(0, 0, 0, .3); text-transform: uppercase; top: 100%; z-index: 10; }

/* controls */

#m_controls ul								{
			-moz-border-radius: 		2px !important;
			-webkit-border-radius: 	2px !important;
			border-radius: 					2px !important;
			-moz-box-shadow: 			0 1px 0 rgba(255, 255, 255, .25) inset, 0 1px 3px rgba(0, 0, 0, .85);
			-webkit-box-shadow: 	0 1px 0 rgba(255, 255, 255, .25) inset, 0 1px 3px rgba(0, 0, 0, .85);
			box-shadow: 					0 1px 0 rgba(255, 255, 255, .25) inset, 0 1px 3px rgba(0, 0, 0, .85);
			background-image: -moz-linear-gradient(50% 0, rgba(255, 255, 255, .1), rgba(0, 0, 0, .25) 100%);
			background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .25)));
}
			
#m_controls ul li a						{ 
			-moz-border-radius: 		12px !important;
			-webkit-border-radius: 	12px !important;
			border-radius: 					12px !important; }			
#m_controls ul li a.alt:after		{ background-color: #F79511; }
		

/* all */
#container										{ background: url(../../../bimages/ppr/container_bg_b-11004243-v-1464104742.jpg) 0 0 repeat; }

#pre_navigation							{ padding: 5px 0; }


#content {

         background: url(http://www.deepsouthbarrels.com/bimages/ppr/left_bg.gif?b=11004243&v=1464104742) 50% 100px no-repeat;
 
         }




#subcontainer								{ background: url(../../../bimages/ppr/content_bg_b-11004243-v-1464104742.gif) 50% 0 no-repeat; }
#content div.set							{ background: transparent; }

/*site header*/

#header											{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/top_bg.gif?b=11004243&v=1464104742) 0 100% repeat-x; padding: 0 0 5px; }
											
#header div.set							{ background: transparent; }
ul#navigation								{ padding-top: 5px; }
#header h1									{ margin: 3px 0; }

.products_home							{ margin: 0; padding: 0; }

.products_home h3						{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/products_bg_top.png?b=11004243&v=1464104742) 0 0 no-repeat; margin-left: 0; padding: 25px 20px 40px; }
.products_home .interior			{ background: url(http://www.deepsouthbarrels.com/bimages/ppr/products_bg.png?b=11004243&v=1464104742) 0 100% no-repeat; display: block; margin: 0; }
.products_home .interior .close
														{ padding: 0 20px 75px 0; }

/* new v2 styles */

div.products h3 { 
	background: transparent url(../../../images/wooden/product_bg.png) no-repeat scroll 0 0; margin: 0!important; 
	padding: 10px 15px!important; 
}
div.products .divider { 
	background: transparent url(../../../images/wooden/product_bg.png) no-repeat scroll 0 100%;
	background: -moz-radial-gradient(50% 100%, rgba(255, 255, 255, .075), transparent), transparent url(../../../images/wooden/product_bg.png) no-repeat scroll 0 100%;
	background: -ms-radial-gradient(50% 100%, rgba(255, 255, 255, .075), transparent), transparent url(../../../images/wooden/product_bg.png) no-repeat scroll 0 100%;
	background: -o-radial-gradient(50% 100%, rgba(255, 255, 255, .075), transparent), transparent url(../../../images/wooden/product_bg.png) no-repeat scroll 0 100%;
	background: -webkit-radial-gradient(50% 100%, rgba(255, 255, 255, .075), transparent), transparent url(../../../images/wooden/product_bg.png) no-repeat scroll 0 100%;
	padding:5px 15px 90px!important; 
}

.column_a div.products h3				 			{ background: transparent url(../../../images/wooden/product_bg_thin.png) no-repeat scroll 0 0; margin: 0!important; padding: 10px 15px!important; }
.column_a div.products .divider { 
	background: -moz-radial-gradient(50% 100%, rgba(255, 255, 255, .075), transparent), transparent url(../../../images/wooden/product_bg_thin.png) no-repeat scroll 0 100%;
	background: -ms-radial-gradient(50% 100%, rgba(255, 255, 255, .075), transparent), transparent url(../../../images/wooden/product_bg_thin.png) no-repeat scroll 0 100%;
	background: -o-radial-gradient(50% 100%, rgba(255, 255, 255, .075), transparent), transparent url(../../../images/wooden/product_bg_thin.png) no-repeat scroll 0 100%;
	background: -webkit-radial-gradient(50% 100%, rgba(255, 255, 255, .075), transparent), transparent url(../../../images/wooden/product_bg_thin.png) no-repeat scroll 0 100%;
	padding: 5px 15px 90px!important; 
}

.column_b	 { 
	margin: 0!important; 
}

.column_b div.meta { 
	background: transparent none; 
	border: 0!important; 
	margin: 0 0 30px!important; 
	padding: 0!important; 
}
.column_b div.meta h3 { 
	background: transparent url(../../../images/wooden/submenu_bg.png) 0 0 no-repeat !important; 
	background: transparent none !important;
	float: none!important; 
	margin: 0!important; 
	padding: 10px!important; 
}
.column_b div.meta .int	 { 
	background: transparent url(../../../images/wooden/submenu_bg.png) no-repeat scroll 0 100%; 
	background: transparent none;
	padding: 0 10px 90px; 
}

.column_b div.meta { 
	background: -moz-radial-gradient(50% 100%, rgba(255, 255, 255, .075), transparent), transparent url(../../../images/wooden/submenu_bg.png) no-repeat scroll 0 100%; 
	border: 0!important; 
	margin: 15px 0 30px!important; 
	padding: 0!important;
	position: relative;
}
.column_b div.meta:after {
	background: transparent url(../../../images/wooden/submenu_bg.png) 0 0 no-repeat!important;
	bottom: 100%;
	content: "";
	display: block;
	height: 15px;
	left: 0;
	position: absolute;
	width: 100%;
}
ul.secondary, 
ul.secondary ul, 
.subcategories .subcategories {
	margin-bottom: 5px;
	margin-right: 5px;
}
ul.subcategories li.alt {
	background: -moz-linear-gradient(50% 100%, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.05));
	background: -ms-linear-gradient(50% 100%, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.05));
	background: -o-linear-gradient(50% 100%, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.05));
	background: -webkit-gradient(linear, 50% 100%, 50% 0, from(rgba(255, 255, 255, 0.075)), to(rgba(0, 0, 0, 0.05)));
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.075) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 3px rgba(0, 0, 0, 0.35);
    margin-bottom: 2px !important;
    margin-top: 2px !important;
    padding-bottom: 2px !important;
    padding-top: 3px !important;
}

.order, .pagination {
	background: -moz-radial-gradient(50% 0, rgba(255, 255, 255, .1), transparent), -moz-linear-gradient(50% 100%, rgba(255, 255, 255, .025), rgba(0, 0, 0, .05));
	background: -ms-linear-gradient(50% 100%, rgba(255, 255, 255, .025), rgba(0, 0, 0, .05));
	background: -o-linear-gradient(50% 100%, rgba(255, 255, 255, .025), rgba(0, 0, 0, .05));
	background: -webkit-gradient(linear, 50% 100%, 50% 0, from(rgba(255, 255, 255, .025)), to(rgba(0, 0, 0, .05)));
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .1) inset;
	padding: 15px 5px;
}

* html div.products h3	, 
* html div.products .divider, 
* html .column_a div.products h3, 
* html .column_a div.products .divider, 
* html div.meta h3, 
* html div.meta .int											{ background: transparent none; }

#footer																{ background: #270b00; }



/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
			Social Media Links
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/

#dn-social-media {
  position: fixed;
  right: 0;
  top: 40%;
  z-index:9999;
}
#dn-social-media li {
  background-repeat: no-repeat;
  background-image: url('../../../images/admin/dns_icons.png');
  opacity: .9;
}
#dn-social-media li a {
  height: 32px;
  width: 32px;
  text-indent: -99999px;
  display:block;
  margin: 2px;
}
#dn-social-media li:hover {
  opacity: 1;
}
#dn-social-media #dn_facebook {
  background-position: 0 0px;
}
#dn-social-media #dn_google {
  background-position: 0 -32px;
}
#dn-social-media #dn_twitter {
  background-position: 0 -64px;
}
#dn-social-media #dn_pinterest {
  background-position: 0 -96px;
}
#dn-social-media #dn_instagram {
  background-position: 0 -128px;
}
#dn-social-media #dn_youtube {
  background-position: 0 -160px;
}

/* VERY basic responsive css */
@media only screen and (max-width: 760px) {
  div.set, #header div.set, #content div.set, #footer div.set, div.extras div.extra_container {
    width: auto;
  }
  #navigation {
    width: auto;
  }
  #home_index #marketing {
    display:none;
  }
  .column_a {
    width: 100%;
  }
  .column_b {
    width: 100%;
  }
  .product_display .image {
    width: auto;
  }
  .product_display .image .d_pane img.protect.alt {
    width: 100%;
  }
  div.product_display div.description {
    width: 100%;
  }
  #decoration_libraries {
    width: 100% !important;
  }
  .popup .popup_int {
    padding: 3px;
  }
  .popup .library_browser .listing {
    width: 100%;
  }
  div#footer div.helpers {
    width:100%;
    text-align:center;
    padding: 0;
  }
  div#footer div.helpers ul {
    width:100%;
  }
  #message_only, #logo, #main_image, #legals .logos {
    max-width:100%; 
  }
  #message_only div {
    left: 0px;
    margin-left: 0px;
  }
  
}

	/* CUSTOM CSS */
		html {
min-width: 964px;
}

#pre_header {
display: none;
}

h1 {
	color: #3c210f; 
	float: none;
        display: block;
}
h2 {
	font-weight: bold;
}
body {
background-color: #745129;
}
#header {
	background: url(../../../uploads/11004243/File/header.jpg) 0 0 repeat-x, url(../../../uploads/11004243/File/menu.jpg) 0 105% repeat-x;
}
#header div.set {

}
/* ===== Top Navigation ===== */
ul#pre_navigation li.search {
	position: right;
	top: 140px;
}

ul#pre_navigation li.search input.button {
    background: url("../../../uploads/11004243/File/searchButtonBG.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #7F5F38;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    padding: 0 10px;
    text-transform: uppercase;
font-weight: bold;
}
ul#pre_navigation li form input {
	background: url(../../../uploads/11004243/File/header.jpg) 0 50%;
}
ul#pre_navigation li.search #searchField {
width: 140px;
background: #e6d2bc;
border-radius: 5px;
padding: 5px;
}
.pre_navigation #phone_number_header {
	float: right;
	color: #FFF;
	font-size: 40px;
	position: relative;
	top: 70px;
	/*font-family: Carnivalee Freakshow, Arial, sans-serif;*/
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
}
/* ===== Navigation ====== */
ul#navigation {
	float: left;
margin-top: 15px;
}
#navigation li a {
	text-decoration: none;
	font-size: 15px;
	/*font-weight: bold;*/
	text-shadow: 1px 1px 3px #000;
}
#navigation li.alt a {
	color: #984a21;
	/*font-weight: bold;*/
}
#navigation li {
	margin-right: 15px;
	padding-left: 20px;
	background: none;
	height: 30px;
		text-transform: uppercase;
}
ul#navigation {
	background: none repeat scroll 0 0 transparent;
	/*font-family: Carnivalee Freakshow, Arial, sans-serif;*/
	height: 30px;
	margin: 10px 0 0;
	padding: 0;
}
#navigation li .submenu .int {
	background: none;
	margin: 0;
	border: none;
}
#navigation li .submenu li {
	background: #984a21;
	padding: 0;

}
#header #navigation li .submenu li a {
	font-family: Arial, sans-serif;
	color: #FFF;
	display: block;
	padding: 5px !important;
font-size: 12px;
}
#navigation li .submenu h4 a, #navigation li.alt .submenu h4 a {
font-family: Arial, sans-serif;
font-size: 12px;
}
#navigation li .submenu h4 {
padding: 5px;
}
#header #navigation > li.alt > a {
	color: #eaa659;
}
#m_window, .m_cell {
height: 379px;
}
.m_cell h2 {
	font-family: arial;
	font-size: 15px;
	line-height: 0;
}
.m_cell h3 {
	font-family: arial;
	font-size: 23px;
	color: #FFFFFF;
}
#m_controls {
	display: none;
}
div.set {
	width: 964px;
}
#home_index #content {
background: url(../../../uploads/11004243/File/background.jpg) 0 379px #000 repeat-x;
padding-top: 0;
}
#content {
	background: url(../../../uploads/11004243/File/background.jpg) 0 0 repeat;
}
#content div.set {
	padding-top: 0;
}
p, div.normal-list ul li {
	color: #FAFAFA;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
        line-height: 1.3;
}
div.products .divider {
	background: none;
}
/* ===== Footer Section ====== */
#footer {
	background:  #745129 url(../../../uploads/11004243/File/footer.jpg) 0 0 repeat-x;
}
#footer div.set {
	background: none 0 0 repeat-x;
	padding-top: 26px;
	color: #e9d2b8;
}
#footer a {
	color: #e9d2b8;
}
#footer h3 {
	color: #e9d2b8;
	font-size: 14px;
	background: url(../../../uploads/11004243/File/bullet.png) no-repeat;
	padding: 2px 16px;
}
div#footer div.helpers {
	margin: 25px 20px 10px 0;
}
#footer div#legals {
	padding: 0;
}
div#legals div.power:after {
	display: none;
}
.meta 
{
}
div.products h3 {
	background: none;
}
.phone {
	background: none 0 0 repeat-x;
	font-size: 12px;
}
div#footer div.helpers {
	float: right;
}
span.version {
	display: none;
}
div.product_display div.description {
	width: 524px;
}

#footer div#legals {
    background: none repeat scroll 0 0 #3C210F;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
}
/* ===== Layout ===== */
#content {
	padding-top: 10px;
}
.column_a {
	width: 770px;
	background: none;
}
.column_a div.products h3,
.column_a div.products .divider {
	background: none;
}

/* Left Colum */
.column_b div.meta:after {
	display: none;
}
.column_b div.meta {
	background: none;
	margin: 0 0 20px 0!important;
	padding: 10px !important;
	background: #3c210f;
	border-radius: 5px;
}
.column_b div.meta .int {
	padding: 0;
}
.column_b div.meta h3 {
	padding: 0 !important;
	margin-bottom: 5px !important;
}
.column_b div.meta a {

}
ul.secondary, ul.secondary ul, .subcategories .subcategories {
	padding-left: 0;
}


ul.form li input, ul.form li select, ul.form li textarea {
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    padding: 5px;
}
/* Page Navigation */

div.pagination span, div.pagination a {
    background: none repeat scroll 0 0 #6E4B23;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0 3px;
    padding: 5px 8px;
    text-decoration: none;
border: 1px solid #5d3e1b;
}
div.pagination span.current { background: #b4762f; }
.pagination .prev_page, .pagination .next_page  { top: 10px;}

.row li .details ul li {
        background: #372103;
        margin-top: 0;
padding: 5px;
text-align: center;
}
.row li .details ul li.det_title {
background: #4f330c;
}
.row li .details ul li.det_title a {
text-decoration: none;
display: block;

}
.row li .details ul li.det_title a:hover {
text-decoration: underline;
}
.row li .details ul li.det_cart {
padding: 0;
}
#designs_product .image ul.views li {
padding: 0;
}
.image .views li img {
width: 92px;
}
h5.custom {
padding: 5px;
font-size: 18px;
background-color: #0b7600;
border-radius: 5px;
border: 1px solid #222;

}
ul.subcategories ul ul {
margin-left: 10px;
}
ul.subcategories li span {
padding-left: 0;
}
ul.subcategories li.alt {
background: none;
border: none;
box-shadow: none;
padding: 0;
margin: 0
}
body .preview_image {
background: #FFF;
}
.designer-tut img {
margin-bottom: 20px;
}

div.tab_wrapper ul.tab_list {
  display: none;
}

div#tab_product_description {
  display: block !important;
  margin-top: 20px;
}





/*style untuk popup */
/*#popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	-webkit-animation: autopopup 2s;
	-moz-animation: autopopup 2s;
	animation: autopopup 2s;
}
#popup:target {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	visibility: hidden;
}
@media (min-width: 768px) {
.popup-container {
	width: 600px;
}
}
@media (max-width: 767px) {
.popup-container {
	width: 100%;
}
}
.popup-container {
	position:absolute;
    bottom:0;
    right:40px;
	padding: 10px;
	background-color:#000;
	border-radius: 3px;
	width:100%;
	max-width:400px;

}
a.popup-close {
	position: absolute;
	top: 3px;
	right: 3px;
	background-color: #333;
	padding: 7px 10px;
	font-size: 20px;
	text-decoration: none;
	line-height: 1;
	color: #fff;
}*/
/* end style popup */


.responsive-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------------------------MOBILE FRIENDLY--------------------------------------------------*/
@media only screen and (max-width: 990px) {

html {
min-width: 320px !important;
}

#pre_header {
display: block;
}

#pre_header p {
margin: 0 0 0 10px;
float: left;
text-transform: uppercase;
line-height: 40px;
}

#menu_button {
float: right;
background: url("../../../uploads/11004243/File/menu_button.png") 50% 50% no-repeat;
cursor: pointer;
width: 40px;
height: 40px;
}

.active {
background-color: #000000 !important;
}

#mobile_menu {
display: none;
position: absolute;
top: 40px;
z-index: 1100;
width: 100%;
}

.show_menu {
display: block !important;
}

#mobile_menu a {
display: block;
text-decoration: none;
font-size: 14px;
line-height: 40px;
}

#mobile_menu > li > a {
background: #000000;
padding-left: 10px;
text-transform: uppercase;
}

#mobile_menu ul > li > a {
color: #ffffff;
background: #984a21;
padding-left: 20px;
}

#mobile_menu .main_cat > a {
color: #f99d70;
background: #521a00;
}

div.set {
width: 100% !important;
box-sizing: border-box;
}

#dn-social-media, #navigation li .submenu {
display: none !important;
}

#header {
background: url(../../../uploads/11004243/File/header.jpg) 0 0 repeat-x;
}

#header h1 img {
max-width: 100%;
}

ul#pre_navigation {
clear: left;
float: left;
margin-top: 10px;
padding: 0;
}

ul#pre_navigation li.register {
margin-right: 10px !important;
}

ul#pre_navigation li.search {
padding: 0;
}

ul#pre_navigation li a {
color: #ffffff;
line-height: 26px;
}

.pre_navigation #phone_number_header {
top: 0;
margin-top: 10px;
float: left;
font-size: 18px;
}

#navigation {
display: none;
/*width: 100%;*/
}

/*ul#navigation {
height: auto;
margin-top: 20px;
}

#navigation li {
text-align: center;
float: left;
margin: 0 15px 0 0;
padding: 0;
}*/

#home_index #content {
background: url(../../../uploads/11004243/File/background.jpg) 0 0 repeat;
}

#home_index #content > div.set {
padding-top: 20px;
}

#footer table {
width: 100% !important;
text-align: center;
}

div#footer div.helpers {
margin: 0;
}

#footer > div.set > div:nth-last-of-type(2) {
margin-bottom: 10px;
}

#footer h3 {
background: none;
}

.column_a, div.product_display div.description {
width: 100%;
}

.column_a div.products .divider {
padding: 0 !important;
}

div.pagination span, div.pagination a {
margin: 0;
padding: 5px;
}

.pagination .prev_page, .pagination .next_page {
position: relative;
top: 0;
}

#home_request_quote div.form {
padding: 10px;
}

#home_request_quote input[name="cf[6558][6][147333]"], #home_request_quote textarea[name="job_description"]  {
max-width: 100%;
}

#home_request_quote ul.form li label, .signup li label {
text-align: left;
width: 100%;
}

#request_quote_artworks_sizes label {
display: none;
}

#user_login div.login_a, #user_login div.login_b {
width: 100%;
}

div.login_a > div, div.login_b > div {
padding: 0;
}

#user_login ul.form li {
width: auto;
clear: left;
}

#user_login ul.form li.submit {
text-align: left;
}

#user_login div.portal {
margin-bottom: 0;
}

.signup li .register_a, .signup .register_b {
width: 100%;
box-sizing: border-box;
}

.signup li label {
}

ul.signup li p {
padding-left: 0;
}

#user_signup input[name="cf[6558][2][147333]"] {
width: 100%;
}

#user_signup .submit {
margin-top: 0;
}

#cart_container {
overflow-x: scroll;
}

#c_newuser_t_and_c .custom_values, #c_newuser_refund_policy .custom_values {
margin-left: 0;
}

}






/**/

/* is this deprecated */
/*
div#designer-loading div.loading{
	
	background: #fff;
	border: 1px solid #76a8b7;
	left: 50%;
	margin: 400px 0 0 -150px;
	padding: 30px 0;
	position: absolute;
	text-align: center;
	width: 300px;
}
div#designer-loading div.loading p{
	padding: 4px 0 2px;
}

div#designer-loading div.loading h4{
	background: transparent url(../../../ppr/images/loading-small.gif) 0 50% no-repeat;
	color: #3297fe;
	display: inline;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -0.07em;
	padding: 0 20px;
	text-transform: uppercase;
}
div#designer-loading div.loading div.load-bar{
	width: 150px; 
	border: 1px solid #d8e3f6; 
	padding: 0; 
	margin: 0 auto;
	text-align: left;
}
div#designer-loading div.loading div#designer-loading-percent{
	background: #d8e3f6 url(../../../ppr/images/load-bar.gif) 100% 50% no-repeat;
	height: 22px;
	width: 10px; 
}


*/