/*============== tag definitions ====================*/
body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#888;
	background-color:#7C2818;
	background-image:url(/templates/images/bg.gif);
	background-repeat:repeat-y;
	background-position:center top;
}
h1, h2, h3, h4, h5, h6{
	display:inline;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#8C7B65;
}
h1{
	font-size: 20px;
	font-weight:normal;
	color:#7C2818;
}
a, a:link, a:active, a:visited {
	color:#8C7B65;
}
a:hover{
	color:#7C2818;
}
hr{
	border: 0px;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}
input, select, option{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#888;
}
option{
	background:#eee;
}
/*============== id definitions ====================*/
#maincontainer {
	width:780px;
	height:100%;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:left;
	background-color:#fff;
	background-image:url(/templates/images/bg.gif);
	background-repeat:repeat-y;
	background-position:center top;
}
#maincontainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#contentheader {
	background-color:#000;
	background-repeat:no-repeat;
	height:119px;
	text-align:right;
}
#breadcrumb {
	margin-left: 162px;
	color:#6E1B0B;
	background:#F8F8F8;
	padding:6px 0px 6px 0px;
	border-bottom:1px solid #bbb;
}

#contentleft {
	width:138px;
	padding:0px 14px 0px 10px;
	float:left;
}
#contentmain {
	width:618px;
	padding-top:20px;
	float:left;
}
/* ie hack \*/
* html #contentmain{width:616px;}
/* ie hack */

#footer{
	height:20px;
	margin-left:162px;
	margin-top:30px;
	color:#999;
	padding:6px 0px 6px 0px;
	border-top:1px solid #bbb;
	font-size:10px;
	text-align:center;
}
#footer a, #footer a:link, #footer a:visited {
	color:#999;
	text-decoration:none;
}
#footer a:hover, #footer a:active {
	color:#999;
	text-decoration:underline;
}
#accountinfo {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height:16px;
	color:#fff;
	padding:5px;
}
#accountinfo img{
	/*vertical-align:top;*/
}
#accountinfo a, #accountinfo a:visited, #accountinfo a:active, #accountinfo a:hover{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height:16px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#accountinfo a:hover{
	text-decoration:underline;
}
#featuredartist{
	margin-top:10px;
}
#featuredartist div{
	background:#fff;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	text-align:center;
	padding:4px;
	margin:0px;
	width:138px -12px;
}
#quicksearch{
	margin:20px 0px 0px 0px;
	border:1px solid #ccc;
	padding:5px;
	background:#fff;
	width:127px;
	text-align:left;
}
#quicksearch input{
	float:right;
}
#quicksearch_textbox{
	width:124px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:14px;
	color:#888;
	background:#eee;
	border:1px solid #ccc;
	padding:0px;
	margin:0px;
}
#leftnav, #leftnav ul{
	border-bottom:1px solid #ccc;
	list-style:none;
	margin: 0px;
	padding: 0px;
	margin-bottom: -1px;
}
#leftnav li{
	border-top:1px solid #ccc;
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#leftnav li a{
	display:block;
	font:normal 11px Verdana, sans-serif;
	line-height:16px;
	color:#66373C;
	background:#fff;
	text-decoration:none;
	padding:1px 10px 1px 10px;
}
/* ie hack \*/
* html #leftnav li a{ height: 1%; }
/* end ie hack */

#leftnav li a:hover{
	background:#A99479;
	color:#000;
}
#leftnav ul li a{
	color:#8C7B65;
}
#leftnav li ul li a{
	padding-left: 30px;
	color:#66373C;
	background-color:#EEEBE7;
}

/*============== start main nav ====================*/
#mainnav{
	width:758px;
	border:1px solid #000;
	background:#94826A;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color:#000;
	padding:0px 10px 0px 10px;
	text-align:left;
	line-height:16px;
}
#mainnav div{
	float:left;
	position:relative;
	z-index:1000;
	margin-left: -1px;
	border-left:1px solid #6F6150;
	border-right:1px solid #6F6150;
	background:#94826A;
	color:#000;
	padding:0px;
}
#mainnav div ul{
	display:none;
	position:absolute;
	z-index:100;
	width:150px;
	border-top:1px solid #000;
	background:#94826A;
	margin: 0px;
	padding: 0px;
}
#mainnav div ul li{
	border:1px solid #6F6150;
	border-top:0px;
	list-style:none;
	margin: 0px;
	padding: 0px;
}
/*::::::: roll over states ::::::::*/
#mainnav a{
	text-decoration:none;
	margin:0px;
	padding:0px;
	display:block;
	padding:0px 10px 0px 10px;
	color: #000;/*#5C2A2F;*/
}
#mainnav a:hover{
	background:#A99479;
}
#mainnav div ul li a{
	padding:0px 10px 0px 10px;
	display:block;
	width:128px; /* dim = -padding -border */
}
/* ie hack  \*/
* html #mainnav div ul li a{width:130px;}
/* end ie hack */

/* the bit to get it all working. ie will ignore this and needs javascript*/
#mainnav div:hover ul{
	display:block;
}
/*============== end main nav      ===============*/

/*============== class definitions ===============*/
h1.pagetitle{
	font-size: 26px;
	font-weight:normal;
	color:#7C2818;
}
h2.sectiontitle{
	display:inline;
	font-family: Verdana, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#8C7B65;
}
.clearfloat:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.highlightcolor{
	color:#7C2818;
}
hr.title_bar{
	height:5px;
	color:#DDD7CF;
	background-color:#DDD7CF;
}
.pager *{
	font-size:10px;
}
.pager{
	font-size:10px;
	/*margin-top:10px;*/
}
.pager a, .pager span{
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #C2B6A7;
	border-right:1px solid #C2B6A7;
	margin-left: -1px;
}
.pager a:hover{
	background:#7C2818;
	color:#fff;
}
.currentpage{
	background:#E4DBCF;
}
.leftnav_btn{
	width:126px;
	text-align:center;
	border:1px solid #bbb;
	background:#fff;
	padding:4px;
	margin-top:10px;
}
.hidden{
	display:none;
}
.titlebox{
	float:left;
	width:144px;
}
/*.titlebox_img{*/
.titlebox_header{
	position:relative;  /*setting this to relative will give it a higher z-index than the div */
	z-index:10;
	left:0px;
	top:0px;
	margin-left: -2px;
}
h2.titlebox_title{
	display:inline;
	height:24px;
	padding:5px;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	background-color:#fff;
	color:#7C2818;
}
h2.titlebox_title *, h2.titlebox_title a, h2.titlebox_title a:visited, h2.titlebox_title a:hover, h2.titlebox_title:active{
	text-decoration:none;
	color:#7C2818;
}
.titlebox_content{
	margin-top: -13px;
	padding:4px;
	padding-top:14px;
	width:134px;
	height:166px;
	border:1px solid #bbb;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.titlebox_fullwidth_content{
	margin-top: -13px;
	padding:4px;
	padding-top:14px;
	border:1px solid #bbb;
	background-position:bottom center;
	background-repeat:no-repeat;
}
div .readmore{
	text-align:right;
}
.productrow{
	padding-top:30px;
}
.productrow:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.titleboxspace{
	float:left;
	width:9px;
}
.product_image{
	padding:2px;
	margin:3px;
	border:1px solid #ccc;
}
.product_thumb{
	border:1px solid #ccc;
}
.listtable td{
	padding:3px;
}
.listtable .thead td, .listtable .tfoot td{
	background-color:#eee;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
}
.listtable .thead td{
	text-transform:uppercase;
	font-size:11px;
	font-family:verdana, helvetica, sans-serif;
}
.listtable .tbody td{
	border-bottom:1px solid #eee;
}

.listtable_action{
	font-size:10px;
}
.title_bar{
	background:#F0F0F0;
	font-weight:bold;
	padding:2px;
}
input.textbox, textarea.textbox{
	border:1px solid #ccc;
	background:#eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
.formerror{
	color:#7C2818;
	font-size:10px;
}
.mandatoryFeilds{
	color:#8C7B65;
}
.recentlyviewed_row{
	float:left;
	width:306px;
}
.recentlyviewed_thumb{
	float:left;
	width:90px;
	margin:5px 10px 0px 0px;
}
.tip{
	font-size:10px;
}
.bodycopy{
	margin-right:40px;
}
.featuredartist_large{
	margin-right: 10px;
	margin-bottom: 10px;
	border:1px solid #ccc;
}
.featuredartist_copy{
	padding-right:90px;
	padding-left:10px;
}
/*================ address box ==============*/
.address_box{
	float:left;
	width:180px;
	border:1px solid #ccc;
	padding:10px;
	margin-right:40px;
}
.address_label{
	font-weight:bold;
	color:#8C7B65;
	height:20px;
}
.address_label span{
	color:#fff;
	background-color:#8C7B65;
	padding:0px 3px 1px 3px;
	font-size:10px;
}
.address_details{
	height:120px;
	padding-left:15px;
}

/*====== media definitions (keep last) =======*/
@media screen{
	html.hasFlash h1.pagetitle,
	html.hasFlash h2.sectiontitle,
	html.hasFlash h2.titlebox_title {
		visibility: hidden;
	}
}
@media print{
	html.hasFlash h1.pagetitle,
	html.hasFlash h2.sectiontitle,
	html.hasFlash h2.titlebox_title {
		visibility: visible !important;
		display: block !important;
	}
	html.hasFlash .sIFRobject {
		display: none !important;
	}
	#contentheader,
	#mainnav,
	#breadcrumb,
	#contentleft{
		display:none;
	}
}