/**
 *  Colors:
 *  #721510
 */

/**
 *	Main styles
 */
html, body {
	background-color:		#FFFFFF;
	font-family:			Tahoma,Arial,Helvetica,sans-serif;
	font-size:				12px;
	margin:					0px;
	color:					#000000;
	/*
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#CC0000;
	scrollbar-track-color:#FFFFFF;
	scrollbar-shadow-color:#C0C0C0;
	scrollbar-highlight-color:#C0C0C0;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	*/
}
p {
	font-family:			Tahoma,Arial,Helvetica,sans-serif;
	font-size:				12px;
	text-align:				justify;
	padding-bottom:			0px;
	padding-top:			0px;
	margin-bottom:			8px;
	margin-top:				8px;
}
a {
	color:					#CC0000;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				11px;
}
a:hover {
	text-decoration:		underline;
}
input {
	font-family:			Verdana,Helvetica,Tahoma,Arial,Sans-Serif;
	font-size:				11px;
	background-color:		#f8f8f8;
	color:					#721510;
	border:					1px solid #cccccc;
	padding:				1px 5px;
	margin-top:				2px;
}
select {
	font-family:			Verdana,Helvetica,Tahoma,Arial,Sans-Serif;
	font-size:				11px;
	background-color:		#f8f8f8;
	color:					#721510;
	border:					1px solid #cccccc;
	margin-top:				2px;
}
textarea {
	font-family:			Verdana,Helvetica,Tahoma,Arial,Sans-Serif;
	background-color:		#f8f8f8;
	color:					#721510;
	border:					1px solid #cccccc;
	margin-top:				2px;
}
ul, ol
	{margin:0px;padding-left:15px;padding-top:0px;padding-bottom:0px;padding-right:5px}
textarea.rich
	{font-family:Verdana,Helvetica,Tahoma,Arial,Sans-Serif;border:1px solid #C0C0C0;background-color:#FFFFFF}
div.fck
	{border:1px solid #C0C0C0;text-align:left;margin-top:0px;width:550px}

#frame {
	width:					780px;
}

/**
 *	Color, border and alignment generic styles
 */
.blank, .main {
	background-color:		#ffffff;
	color:					#000000;
	text-align: 			left;
	vertical-align: 		top;
	margin:					0px;
	padding:				0px;
}
.frame {
	border:					#cccccc 1px solid;
}
.line {
	background-color:		#cccccc;
	padding:				0px;
	margin:					0px;
}
.centered {
	text-align:				center;
}
.note
	{font-size:11px;font-weight:normal;padding-top:0px;color:#000000}
.reference
	{font-family:Verdana,Helvetica,Tahoma,Arial,Sans-Serif;font-size:11px;color:#C0C0C0}
div.warning {
	color:					#af0000;
	font-size:				11px;
}
span.error
	{color:#CC0000;font-weight:bold}
span.info
	{color:#7F0000;font-weight:bold}
span.nowrap
	{white-space:nowrap}
div.centered table
	{margin-left:auto;margin-right:auto;text-align:left}
.form {
	padding-left:			5px;
	border:					0px;
}
em {
	font-family:			Tahoma,Arial,Helvetica,sans-serif;
	font-weight:			bold;
	font-style:				normal;
	text-decoration:		none;
	color:					#ff0000;
}
td.main {
	padding:				10px;
}
.underscore
	{border-bottom:1px dashed #C0C0C0;padding-top:10px}
#counter td {
	color:					#bbbbbb;
	font-size:				9px;
	font-weight:			normal;
}

/**
 * Fixed tip style
 */
div.sticky {
	position			: fixed;
	top					: 20px;
	z-index				: 100;
	text-align			: center;
	border				: 0px solid #000000
}
div.sticky td.sticky {
	font-family			: 'Century Gothic',Tahoma,Arial,Verdana;
	font-size			: 13px;
	background-image	: url("/img/tip-bg.gif");
	color				: #FFFFFF
}
div.sticky em {
	color				: #FFFFFF;
	text-decoration		: blink
}
div.sticky a {
	font-weight			: bold;
	color				: #FFFFFF;
	text-decoration		: underline
}

/**
 *	Header and Navigation pane styles
 */
td.header {
	background-image:		url("/img/header-bg.gif");
	background-color:		#ffffff;
	padding:				0px;
	text-align:				left;
	height:					150px;
}
td.header .title {
	color:					#721510;
	font-size:				18px;
	font-weight:			bold;
}
td.header .title big {
	font-size:				28px;
}
td.header .title small {
	font-size:				14px;
	font-weight:			normal;
}

td.nav {
	background-color:		#FFFFFF;
	width:					200px;
	padding:				10px;
	vertical-align: 		top;
}

/**
 * Homepage text style
 */
#homepage {
	width:					100%;
}
#homepage p {
	font-family:			Tahoma,Arial,Verdana;
	font-size:				12px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#000000;
	text-align:				justify;
}

/**
 *	Site footer styles
 */
td.footer {
	background-color:		#ffffff;
	color:					#808080;
	text-align:				left;
	vertical-align:			top;
	white-space:			nowrap; 
	font-size:				11px;
}
td.footer * {
	font-size:				11px;
}
td.footer a {
	color:					#808080;
	font-weight:			normal;
	text-decoration:		none;
}
td.footer a:hover {
	text-decoration:		underline;
}

/**
 * Left Navigation sections
 */
#catalog {
	border:					1px solid #cccccc;
	background-image: 		url("/img/nav-bg.jpg");
	padding:				5px 10px;
	padding-bottom:			10px;
	margin-bottom:			15px;
}

#currency {
	margin:					0px;
	padding:				0px;
	margin-bottom:			15px;
}

#search {
	margin-bottom:			15px;
}
#search input.text {
	width:					150px;
	vertical-align: 		middle;
}

#albums, #resources {
	margin-bottom:			15px;
}
#albums select, #resources select {
	width:					185px;
}


/**
 *	Box styles
 */
.box-closed
	{padding:5px;background-image:url("/img/box-bg.jpg");border:#C0C0C0 1px solid} /* #A7A39C */
.box-closed a, .box-open a
	{text-decoration:none}
.box-closed a:hover, .box-open a:hover
	{color:#F1E8D1;text-decoration:underline}
.box-open
	{padding-left:5px;padding-right:5px;
	 border-left:#C0C0C0 0px solid;border-right:#C0C0C0 0px solid;border-bottom:#C0C0C0 0px solid}

/**
 *	Bar styles
 *  - same font, size and weight
 *  - different background, links and text color
 */

/* common parts */
.bar, .hi-bar, .mid-bar, .low-bar {
	font-family:			Tahoma,Arial,Tahoma,Verdana,Helvetica,Arial;
	font-size:				11px;
}
.bar a, .hi-bar a, .mid-bar a, .low-bar a {
	font-size:				11px;
	font-weight:			normal;
	text-decoration:		none;
}
.bar a:hover, .hi-bar a:hover, .mid-bar a:hover, .low-bar a:hover {
	text-decoration:		underline;
}
.bar td, .hi-bar td, .mid-bar td, .low-bar td {
	padding-left:			3px;
	padding-right:			2px;
}
.bar b, .hi-bar b, .mid-bar b, .low-bar b {
	font-weight:			bold;
}
.bar .big, .hi-bar .big, .mid-bar .big, .low-bar big {
	font-size:				11px;
	font-weight:			bold;
	padding-left:			5px;
	padding-right:			5px;
}

.bar
	{height:22px;color:#FFFFFF;font-size:11px}

.hi-bar {
	background-color:		#dddddd;
	height:					22px;
	color:					#800000;
	border-top:				1px solid #800000;
	border-bottom:			1px solid #800000;
}
.hi-bar a {
	color:					#CC0000;
	font-weight:			bold;
}
.hi-bar small
	{font-size:11px}
.hi-bar small a
	{font-size:11px;font-weight:normal;color:#000000}

.mid-bar {
	background-image:		url("/img/bar-mid-bg.gif");
	height:					22px;
	background-color:		#FFFFFF;
	background-position:	bottom left;
	background-repeat:		repeat-y;
	border:					1px solid #cccccc;
	color:					#721510;
	text-align:				left;
	font-size:				11px;
	font-weight:			bold;
	padding-left:			5px;
}
.mid-bar a
	{color:#CC0000;font-weight:bold}

.low-bar {
	color:					#000000;
	text-align:				left;
	font-size:				12px;
	font-weight:			bold;
	white-space: 			nowrap;
}
.low-bar a {
	color:					#cc0000;
}

/**
 *	Form element styles
 */
#form-wide input.text, #form-wide textarea
	{font-family:Tahoma,Arial,Helvetica,sans-serif;width:220px}
#form-wide select
	{width:224px;font-size:11px}
	
#form-mid input.text
	{width:140px;font-size:11px}
#form-mid select
	{width:144px;font-size:11px}

/**
 *	Navigation and menu styles
 */
#menu {
	width:					175px;
	margin:					0px;
	padding:				0px;
}
#menu ul {
	display:				block;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	list-style-image:		none;
}
#menu a {
}
#menu div.over ul a,
#menu div.selected ul a {
	width:					170px;
	margin-left:			0px;
	font-weight:			bold;
	padding:				2px;
	border-bottom:			1px solid #d3d3d3;
}
#menu div.over-sub ul a {
	width:					150px;
	margin-left:			20px;
	font-weight:			normal;
}
#menu div.over ul a,
#menu div.over-sub ul a,
#menu div.selected ul a {
	display:				block;
	text-decoration:		none;
	margin-right:			0px;
	margin-top:				1px;
	margin-bottom:			1px;
	/*
	background-image:		url(/img/menu-bg.jpg);
	background-repeat:		repeat-y;
	background-position:	right;
	*/
}
#menu div.over a:hover,
#menu div.over-sub a:hover {
	color:					#ff0000;
	background-color: 		#eeeeee;
}
#menu div.selected a,
#menu div.selected a:hover,
#menu div.selected a:active {
	/*
	background-image:		url("/img/menu-arrow-down.gif");
	background-repeat:		no-repeat;
	background-position:	left;
	*/
}

#links {
	width:					175px;
	margin-bottom:			15px;
}
#links, #links-wide {
	padding:				0px 0px;
}
#links ul, #links-wide ul {
	display:				block;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	list-style-image:		none;
}
#links ul a {
	width:					140px;
	font-weight:			bold;
}
#links-wide ul a {
	width:					180px;
	font-weight:			bold;
}
#links ul a, #links-wide ul a {
	display:				block;
	padding-left:			15px;
	text-decoration:		none;
	margin:					2px 0px;
	color:					#cc0000;
	font-weight:			bold;
}
#links a:hover, #links-wide a:hover {
	color:					#ff0000;
	background-color:		#eeeeee;
}

#currency ul {
	list-style-type:		none;
	list-style-image:		none;
	display:				block;
	margin:					0px;
	padding:				0px;
}
#currency ul li {
	white-space: 			nowrap;
}
#currency ul a {
	display:				block;
	padding:				0px 5px;
	text-decoration:		none;
	margin:					2px 0px;
	color:					#CC0000;
	font-weight:			bold;
}
#currency ul a.inactive {
	color:					#cccccc;
}
#currency a:hover {
	background-color:		#eeeeee;
}

/**
 *	Listing styles
 *	1) column heading, light/dark rows
 */
#list td.head {
	font-family:			Tahoma,Arial,Helvetica,Sans-Serif;
	font-weight:			bold;
	color:					#000000;
	padding:				1px 3px;
	border-top:				1px solid #cccccc;
	border-bottom:			1px solid #cccccc;
	background-color:		#eeeeee;
}
#list tr.light {
	background-color:		#ffffff;
	background-image:		url("/img/dot.gif");
	background-position:	bottom;
	background-repeat:		repeat-x;
}
#list tr.dark {
	background-color:		#f8f8f8;
	background-image:		url("/img/dot.gif");
	background-position:	bottom;
	background-repeat:		repeat-x;
}
#list td.order-head {
	font-family:			Tahoma,Arial,Helvetica,Sans-Serif;
	font-weight:			bold;
	color:					#000000;
	padding:				1px 3px;
	border-top:				1px solid #cccccc;
	border-bottom:			1px solid #cccccc;
	background-color:		#dddddd;
}

/**
 *	Listing styles
 *	2) List statistics/navigation styles
 */
#list tr.stats {
	color:					#a0a0a0;
	font-weight:			bold;
	height:					25px;
}
#list tr.stats td {
	vertical-align:			middle;
	font-size:				12px;
}
#list tr.stats .nav {
	font-weight:			bold;
	font-size:				12px;
}
#list tr.stats a {
	text-decoration:		none;
	font-size:				12px;
}

/**
 *	Listing styles
 *	3) product details
 */
#list .details .article
	{font-size:11px;color:#000000}
#list .details .title
	{font-size:14px;font-weight:bold;color:#000000}
#list .details .price
	{font-size:16px;font-weight:bold;color:#000000}
#list .details .price-regular
	{font-size:12px;font-weight:bold;color:#C0C0C0}
#list .details .price-special
	{font-size:16px;font-weight:bold;color:#DF0000}
#list .details .price-save
	{font-size:14px;font-weight:bold;color:#000000}
#list .details .special
	{}
#list .details input.qty
	{width:25px;font-size:11px;text-align:center;color:#000000;border:1px solid #C0C0C0}
#list .details input.price
	{width:75px;font-size:11px;font-weight:normal;text-align:right;color:#000000;border:1px solid #C0C0C0}
#list select
	{font-size:11px}
#list .details ul, ul.details
	{margin:0px;list-style-type:square;
	 padding-left:15px;padding-top:0px;padding-bottom:0px;padding-right:5px}

/**
 *	Listing styles
 *	4) order totals
 */
#list tr.total
	{font-weight:bold}
#list tr.total big
	{font-size:14px}
#list tr.total small
	{font-size:11px;font-weight:normal}

td.border-t
	{border-top:1px solid #C0C0C0}
td.border-l
	{border-left:1px solid #C0C0C0}
td.border-r
	{border-right:1px solid #C0C0C0}
td.border-b
	{border-bottom:1px solid #C0C0C0}
td.border-tb
	{border-top:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0}
td.border-lr
	{border-left:1px solid #C0C0C0;border-right:1px solid #C0C0C0}
td.border-rt
	{border-top:1px solid #C0C0C0;border-right:1px solid #C0C0C0}
td.border-lt
	{border-top:1px solid #C0C0C0;border-left:1px solid #C0C0C0}
td.border-rb
	{border-bottom:1px solid #C0C0C0;border-right:1px solid #C0C0C0}
td.border-lb
	{border-bottom:1px solid #C0C0C0;border-left:1px solid #C0C0C0}
td.border-lrt
	{border-top:1px solid #C0C0C0;border-left:1px solid #C0C0C0;border-right:1px solid #C0C0C0}
td.border-lrb
	{border-bottom:1px solid #C0C0C0;border-left:1px solid #C0C0C0;border-right:1px solid #C0C0C0}
td.border-ltb
	{border-top:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;border-left:1px solid #C0C0C0}
td.border-rtb
	{border-top:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;border-right:1px solid #C0C0C0}

/**
 *	Button styles
 */
.button {
	padding:				2px;
	font-family:			Tahoma,Arial,Helvetica,Sans-Serif;
	font-size:				11px;
	font-weight:			bold;
	text-transform:			uppercase;
	border-bottom:			1px solid #cccccc;
	border-right:			1px solid #cccccc;
	border-left:			1px solid #cccccc;
	border-top:				1px solid #cccccc;
	background-color:		#eeeeee;
	color:					#721510;
	cursor: 				pointer;
}
.more-info {
	color:					#721510;
	background-color:		#eeeeee;
	padding:				0px;
	font-family:			Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
	font-size:				10px;
	font-weight:			normal;
	text-transform:			lowercase;
	border:					1px solid #cccccc;
	cursor: 				pointer;
}

/**
 *	Cart summary styles
 **/
#cart-summary
	{color:#000000}
#cart-summary a
	{color:#000000}

/**
 *	Address styles
 **/
#form-wide div.address
	{border:1px solid #C0C0C0;padding:5px;margin:0px;width:235px;background-color:#ffffff}
#form-wide div.address p
	{margin:3px;padding:0px}

#bottom-art
	{text-align:right}


img.image-link
	{border:1px solid #C0C0C0}
a.image-link
	{color:#C0C0C0}

#partners {
	text-decoration: none;
	font-weight: normal;
}
#partners a {
	font-weight: bold;
}