/* GENERAL STYLES */
body {text-align: center; background: #313331 url(../images/bg2.jpg) 50% 0 repeat-x; font-family: helvetica, Arial, verdana, sans-serif; font-size: 12px; color: #333;}
p {line-height: 22px; margin: 10px;}
button {cursor:pointer; border:0; background: none; text-align: left; margin: 0; padding: 0;}
.button {cursor: pointer;}
.hide {display: none;}
.clear {clear: both;}
.px {display: block; height: 1px;}
a {outline: none;}
a img {border: none;}
a:link, a:visited {text-decoration: underline; color: #333;}
a:hover, a:active {text-decoration: none; color: #e5a430;}
li {list-style: none;}

/* LAYOUT */
#container {width: 1040px; text-align: left; margin: 0 auto; position: relative; min-height: 400px}
#orange_bar {height: 20px; background: #e6a531; width: 100%; position: absolute; top: 170px; display: block;}
#home-page #orange_bar,
#subscribe-page #orange_bar,
#account-page #orange_bar,
#cart-page #orange_bar,
#events-page #orange_bar,
#contact-page #orange_bar {display: none;}
#logo {background: transparent url(../images/semi-bg.png) 0 0 repeat; padding: 6px 30px; top: 24px; left: 0px; position: absolute}
#logo h1 {text-indent: -9999px;}
#logo h1 a {display: block; height: 80px; width: 306px; background: transparent url(../images/logo.png) 0 0 no-repeat;}

#print-logo {display: none;}

#mini-cart-search {position: absolute; top: 0; right: 0;}
#mini-cart {background: transparent url(../images/mini-cart-bg.jpg) 0 0 no-repeat; padding: 5px; text-align: center;}
#mini-cart p {font-weight: bold; font-family: Verdana, arial, helvetica, sans-serif; font-size: 12px; color: #62004c;}
#search-form {margin-top: 15px;}
#search-form input {width: 200px; height: 26px; border: 1px solid #eaeaea; float: left;}
#search-form button {float: right; margin-top: -4px;}

div.product-detail-left {float: left; margin: 60px 0 30px 20px; width: 350px; padding-left: 20px}
div.product-detail-right {float: left; margin: 60px 0 30px 20px; width: 500px; }
div.product-attributes {margin-top: 30px; color: #62004c;}
div.product-attributes span {display: inline-block; width: 75px; font-weight: bold; margin: 5px 0;}
div.product-detail-left h3,
div.product-detail-right h3 {color: #62004c; font-size: 13px; font-family: Verdana, arial, helvetica, sans-serif; margin: 20px 0 10px 0;}
div.product-detail-left p, div.product-detail-right p {margin: 10px 0;}
div.product-image {text-align: left;}

#home-page #left_content {float: left; height: 380px; width: 350px; background: url(../images/whats-new-bg.jpg) 0 0 no-repeat; position: relative; padding: 15px; }
#home-page #right_content {float: left; height: 380px; width: 630px;background: url(../images/coming-events-bg.jpg) 0 0 no-repeat; position: relative; padding: 15px;}
#whats_new {padding-left: 10px;}
#whats_new img {background: #ffffff; padding: 5px; margin: 5px;}
#footer {padding: 40px; clear: both; text-align: center; color: #fff;}

/* Product Lists */
div.product-list-top {width: 1040px; background: transparent url(../images/list-top.jpg) 0 0 no-repeat; margin-top: 40px; padding-left: 25px; height: 30px;}
div.product-list-body {width: 1040px; background: transparent url(../images/list-body.jpg) 0 0 repeat-y; padding-left: 25px; margin-top: -10px;}
div.product-list-foot {width: 1040px; background: transparent url(../images/list-foot.jpg) 0 0 no-repeat; padding-left: 25px; height: 30px;}
div.product-list-body li img {margin: 10px 20px;}
div.product-list-body li {width: 140px!important;}
#account-page div.product-list-body li {width: 260px!important; line-height: 22px;}
div.product-list {clear: both; margin: 20px 0 0 60px; min-height: 200px;}
div.product-list div {margin: 10px; display: inline-table; font-size: 11px;}
div.product-list div.product-short {width: 150px;}

p.artistFilter {margin: 10px 0 0 30px; font-size: 13px;}
p.artistFilter a {padding: 6px;}
a.catActive {text-decoration: none; color: #ffffff; background: #62004c;}

.pagination {width: 970px; background: #e5a430; margin-left: 6px; position: relative;}
.breadcrumbs {width: 970px; background: #484A47; height: 25px; color: #fff; font-size: 12px; font-weight: bold; font-family: Verdana, arial, helvetica, sans-serif;}
.breadcrumbs a {color: #fff; text-decoration: none;}
.next-button, .prev-button, .next-button2, .prev-button2 {position: absolute; top: 32px; right: 10px;}
.next-button2, .prev-button2 {top: 6px;}
.prev-button, .prev-button2 {right: 150px;}

#artist-products div.product-list {float: left; clear: none; width: 520px; margin-left: 30px;}
#artist-profile {float: left; width: 380px; height: 580px; background: #ffffff; z-index: 0;}
#artist-profile h2 {color: #62004C;}
a.info-link {color: #62004C; font-weight: bold;}
div.product-short img {padding-bottom: 5px;}

/* NAV */
#navigation {padding-top: 140px; margin-left: 10px; text-align: center; margin: 0 auto;}
#navigation ul#nav {position: relative;}
#navigation ul#nav li {display: inline; margin: 0 25px 0 0; text-transform: uppercase;}
#navigation ul#nav li a {color: #62004C; padding: 15px 16px 16px 16px; text-decoration: none;}
#navigation ul#nav li:last-child {margin-right: 0;}
#navigation ul#nav li:last-child a {padding-right: 0;}
#navigation ul#nav li a.tn_li:hover {background: transparent url(../images/nav-hover.png) 0 bottom repeat-x;}

#navigation ul#nav li ul { display:none; position:absolute; top:25px; left:0px; background-color:transparent; padding:7px 0 0 0; text-transform:lowercase; z-index: 1000;}
#navigation ul#nav li#nav-2 ul {left: 80px;}
#navigation ul#nav li#nav-4 ul {left: 260px;}

#category-page ul#nav li ul#shop-nav,
#about-page ul#nav li ul#about-nav,
#navigation ul#nav li.hover ul, 
ul#nav li:hover ul { display:block; }

#navigation ul#nav li.hover a {background: transparent url(../images/nav-hover.png) 0 bottom repeat-x; color: #62004c!important}
#navigation ul#nav li.hover ul li a {background: none;}

ul#nav li ul li { display:inline; padding:0; float: left;font-size: 11px;}
ul#nav li ul li a { background:none; color: #fff!important; margin: 0px; padding: 0!important;}
ul#nav li ul li a.second_active {color: #B2BB38; }

#home-page ul#nav li#nav-1 a.tn_li,
#about-page ul#nav li#nav-2 a.tn_li,
#events-page ul#nav li#nav-3 a.tn_li,
#category-page ul#nav li#nav-4 a.tn_li,
#contact-page ul#nav li#nav-5 a.tn_li,
#subscribe-page ul#nav li#nav-6 a.tn_li,
#blog_page ul#nav li#nav-7 a.tn_li,
#cart-page ul#nav li#nav-8 a
{background: transparent url(../images/nav-hover.png) 0 bottom repeat-x; color: #ffffff;}

#footer span {display: inline-block; margin: 0 20px;}
#footer li {display: inline; margin: 10px 15px;}
#footer li a {color:#ffffff; text-decoration: none;}
#footer p a {color: #ffffff;}

/* TEXT */
h2 {color: #ffffff; font-size: 15px; margin: 10px; 0;}
.pagination h2 {text-transform: uppercase; float: left;}
.pagination h2.right {float: right; margin-right: 35px;}

/* ZOOM */
	#zoom {z-index: 9000;}
	#zoom_content { position: relative; }
	#zoom_content a { background-color: #fff; display: block; font: 1.4em Georgia, 'Times New Roman', serif; padding: 5px 5px 5px 10px; position: absolute; right: 0; text-align: right; top: 0; width: auto; z-index: 1500; }
	#zoom_content a span { font-size: 0.8em; }
	table#zoom_table *, table#zoom_table {border: 0px!important; z-index: 9000;}
	.tl { background: url(../images/fastzoom/tl.png) 0 0 no-repeat; width:20px; height: 20px; overflow: hidden; }
	.tm { background: url(../images/fastzoom/tm.png) 0 0 repeat-x; height:20px; overflow: hidden; }
	.tr { background: url(../images/fastzoom/tr.png) 100% 0 no-repeat; width:20px; height: 20px; overflow: hidden; }
	.ml { background: url(../images/fastzoom/ml.png) 0 0 repeat-y; width:20px; overflow: hidden; }
	.mr { background: url(../images/fastzoom/mr.png) 100% 0 repeat-y;  width:20px; overflow:hidden; }
	.bl { background: url(../images/fastzoom/bl.png) 0 100% no-repeat; width:20px; height: 20px; overflow: hidden; }
	.bm { background: url(../images/fastzoom/bm.png) 0 100% repeat-x; height:20px; overflow: hidden; }
	.br { background: url(../images/fastzoom/br.png) 100% 100% no-repeat; width:20px; height: 20px; overflow: hidden; }
	.mm { background: #fff; vertical-align: top; padding: 10px; }

/* 2.45 Shopping Cart */
.cart-table td, table.login-register td {text-align: left!important; padding: 8px 5px; font-size: 13px; vertical-align: middle;}
form#cart button, table.login-register button {border: none; background: transparent;}
form#cart table, table.login-register  {width: 920px; margin: 20px 0 0 30px}
#account-page form#cart table {margin-left: 0px;}
form#cart th, table.login-register th {padding: 5px;background: #e5a430; color: #fff; font-weight: bold; font-size: 14px; border-bottom: 1px solid #333;}
form#cart tr.odd td {background: #f4f4f4; border-bottom: 1px solid #eaeaea;}
#mini-cart a {color: #62004c!important; text-decoration: none;}
.reqd {color: red;}

/* 2.46 Checkout Forms */

.styled_form {border:none;	background:transparent; width: 890px; margin-left: 0px;}
.styled_form h1 {font-size:13px;font-weight:bold; margin-bottom:8px;}
.styled_form label {font-size: 13px; display:block; font-weight:bold; width:180px; float:left;}

.styled_form .small{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:left;	width:180px;}
.styled_form input, .styled_form select, .styled_form textarea {float:left;font-size:1.1em;padding:2px;border:solid 1px #aacfe4;width:170px;margin:3px 0 12px 10px;}
.styled_form textarea {height: 130px; width: 240px;}
.styled_form select {margin-left: 10px;}
.styled_form select.short_sel {display: inline; width: 80px;}
.styled_form input.check {border: none;}

div.err {border: 2px solid #990000; background: #F6E8E8; padding: 8px; font-size: 11px; width: 380px; margin-bottom: 20px;}

#delivery_address_info {margin-left: 20px;}
#delivery_address_info label {font-size: 12px!important;}

/* 2.5b Contact Form
-----------------------------------------------------------------------------------------------*/

#contact { display: block; width: 350px;}

/* Form style */

#contact-form label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 350px; }
#contact-form input, #contact-form textarea,#contact-form  select {width: 350px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 10px;}   
#contact-form input:focus, #contact-form textarea:focus, #contact-form select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact-form input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff;}
#contact-form input.submit:hover { background:#444; }
#contact-form textarea {height: 100px;}
#contact-form fieldset { padding:10px;}
#contact-form legend {padding:7px 10px;}

input[type=submit] {cursor: pointer;}

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message, .notice_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url("../images/error.gif") no-repeat 10px center; padding: 8px 10px 8px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; width: 400px;}

.notice_message  {background: #f2fcc6; height: auto; padding: 5px 15px; width: 90%; margin-bottom: 20px;}
.notice_message h2 {color: #333; margin: 10px 0;}
#admin-left, #admin-middle, #admin-right {float: left; width: 300px;}
#admin-two-thirds {float: left; width: 580px;}
.admin-fifty {float: left; width: 440px;}
#account-page .product-detail-left {margin-top: 0;}
#account-page .product-detail-left p, #account-page .product-detail-left li {line-height: 22px;}
ul.order-list {width: 200px!important;}
ul.order-list li {margin: 10px; width: 200px; display: block;}
form#cart .mceEditor table {margin-top: 0;max-width: 600px!important;}
form#cart .mceEditor table img {padding: 0!important;}

.ac_results{padding:0px;border:1px solid #cccccc;background-color:white;overflow:hidden;z-index:99999; width: 200px!important;}
.ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;}
.ac_results li{margin:0px;padding:8px 10px;cursor:default;display:block;color:#333333;font:menu;font-size:12px;line-height:16px;overflow:hidden; text-align: right;}
.ac_loading{background:#ffffff url('indicator.gif') right center no-repeat;}
.ac_odd{background-color:#eee;}
.ac_results li.ac_over{background-color:#717dA5;color:white;}