/***************Reset by eric meyer***************/
* {
    margin: 0;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1.8;
}
ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}

h1, h2, h3, h4, p
{
font-size: 100%;
font-weight: inherit;
}

small
{
font-size: 85%;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

a
{
color:  #487475;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

html, body
{
    height: 100%;
}
/**************end of reset by eric meyer*****************/
/***Basic classes***/
.left
{
float: left;
}

.right
{
float: right;
}

.centered
{
text-align: center;
}
.no-display
{
display: none !important;
}

/***/
/*** Basic text elements ***/
h1, h2, h3
{
font-family: Georgia, serif;
margin: 0 0 15px 0;
}

p
{
margin: 0 0 10px 0;
}

/***Basic layout***/
body
{
height: 100%;
font-family: Arial, sans-serif;
font-size: 75%;
background: #000 url('/static/img/bckg.jpg') top center no-repeat;

}


#container
{
width: 1000px;
height: 100%;
margin: 0px auto;
display: block;
}

#header
{
width: 1000px; /*sums up to 1000*/
padding: 10px 0;
float: left;
margin: 0px 0 0 0;
color: #000;
overflow:hidden;
position: relative;
}

#messages
{
width:750px; /*sums up to 1000*/
padding: 0px 20px;
float: left;
margin: 0;
overflow:hidden;
position: relative;
background: #aa547f;
color: #fff;
font-weight: bold;
text-align: center;
}

#content
{
width:1000px; /*sums up to 1000*/
padding: 0 0 20px 0;
float: left;
margin: 0;
overflow:hidden;
position: relative;
}

.opacity-30
{
background: #000;
opacity: 0.3;
filter: alpha(opacity = 30);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
}

.opacity-60
{
background: #000;
opacity: 0.6;
filter: alpha(opacity = 60);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1	;
}

#wrapper
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
}

#clearfooter{
clear: both;
float: left;
}

#footer
{
width: 980px;
height: 30px;
padding: 10px;
display: block;
clear: both;
margin: 150px 0 0 0;
color:  #1d444a;
border-top: solid 1px  #1d444a;
}

/*User-tools*/
#user-tools
{
float: left;
width: 1000px;
text-align: right;
border-bottom: solid 1px #1d444a;
color: #bbd7dd;
}

#user-tools a
{
color: #bbd7dd;
padding: 0 5px;
}

#user-tools .login-info
{
display: block;
float: left;
padding: 5px 10px 5px 10px;
}

#user-tools .login-info a
{
font-weight: bold;
}

#user-tools .basket
{
display: block;
float: right;
margin: 0 0 0 20px;
background: url(/static/img/basket.png) #EDFAFE no-repeat 8px 2px;
padding: 5px 10px 5px 30px;
}

#user-tools .basket a
{
color: #1d444a;
}

/*Header*/
#header h1
{
display: block;
float: left;
height: 65px;
margin: 0 0 0 10px;
}

#header li
{
display: block;
float: left;
}


#header .links
{
display: block;
float: right;
padding: 0 10px 0 0;
margin: 5px 0 0 0;
font-family: Georgia, serif;
font-style: italic;
font-size: 120%;
clear: right;
}

#header .links li
{
margin: 0 0 0 10px;
}
#header .links a
{
color: #58a5b5;
}

#header .follow-us
{
display: block;
float: right;
padding: 0 10px 0 0;
font-style: italic;
color: #bbd7dd;
font-family: Georgia, serif;
}

#header .follow-us span
{
display: block;
padding: 12px 10px 0 0;
}
#header .follow-us a
{
display: block;
background: url('/static/img/follow.png') no-repeat;
color: #aa547f;
height: 40px;
}

#header a.twitter
{
background-position: 0 0;
width: 55px;
}

#header a.flaker
{
background-position: -52px 0px;
width: 40px;
}

#header a.blip
{
background-position: -92px 0;
width: 55px;
}

#header a.facebook
{
background-image: url('/static/img/facebook_icon.png');
width: 55px;
}

/*Nav*/
.nav
{
padding: 8px 0;
margin: 0 0 10px 10px;
width: 1000px;
float: left;
font-family: Georgia, serif;
font-size: 95%;
font-style: italic;
border-top: solid 1px #1d444a;
border-bottom: solid 1px #1d444a;
color: #487475;
letter-spacing: 1px;
text-transform: lowercase;
}

.nav li
{
display: block;
float: left;
margin: 0 15px 0 0;
}
.nav a
{
color: #fff;
}

.nav a.highlight1
{
background: #58A5B5;
padding: 3px 5px;

}

.nav a.highlight2
{
background: #E4F1F4;
color:#58A5B5;
padding: 3px 5px;
}

.nav a.highlight3
{
background: #BDD9DF;
color: #3D4648;
padding: 3px 5px;
}

/*Sidebar-left*/

.sidebar-left
{
float: left;
width: 180px; /*sums up to 200*/
margin: 0 10px 0 10px;
padding: 0;
}

.sidebar-left>div
{
border-top: solid 1px #0A1D23;
margin: 0 0 20px 0;
float: left;
width: 180px;
padding: 10px 0;
}

.sidebar-left h2
{
text-transform: uppercase;
color: #aa547f;
font-size: 100%;
font-family: Arial;
margin: 5px 0;
font-weight: bold;
}

/*Categories within Sidebar-left */
.categories li
{
padding: 0 0 0 10px;
font-size:120%;
}

.categories a
{
color: #58a5b5;
}

.categories h2
{
display: block;
height: 40px;
width: 180px;
background: url('/static/img/sidebar-left-labels.png') 0 0 no-repeat;
}

/*Search within Sidebar-left*/
.search h2
{
display: block;
height: 40px;
width: 180px;
background: url('/static/img/sidebar-left-labels.png') 0 -45px no-repeat;
}
.search input
{

}

.search input[type=text]
{
border: #487475 1px solid;
background: #09161b;
color: #bbd7dd;
width: 120px;
}

.search input[type=submit]
{
width: 50px;
background: #09161b;
border: #09161b 1px solid;
color: #487475;
font-weight: bold;
cursor: pointer;
font-size: 90%;
}

/*Tags within Sidebar-left*/
.tags
{
line-height: 150%;
}
.tags h2
{
display: block;
height: 40px;
width: 180px;
background: url('/static/img/sidebar-left-labels.png') 0 -90px no-repeat;
}

.tags a
{
padding: 0 5px 0 0;
color: #a0e7f7;
}

/*FB box within sidebar-left*/
.facebook iframe
{
border:none;
overflow:hidden;
width:180px;
height:327px;
background-color: #edfafe;
}

/*Colors within sidebar-left*/
.colors h2
{
display: block;
height: 40px;
width: 180px;
background: url('/static/img/sidebar-left-labels.png') 0 -130px no-repeat;
}

.colors ul
{
display: block;
width: 180px;
float: left;
}

.colors li
{
float: left;
margin: 0px 10px 10px 0;
}

.colors a
{
display: block;
width: 20px;
height: 20px;
-moz-border-radius:10px;
float: left;
}

.colors a:hover
{
border: solid 1px #fff;
width: 18px;
height: 18px;
}
.red
{
background: #cc0000;
}
.orange
{
background: #ff9933;
}
.yellow
{
background: yellow;
}
.green
{
background: green;
}
.blue
{
background: blue;
}
.purple
{
background: #660066;
}
.pink
{
background: #ff99ff;
}

.brown
{
background: #663300;
}

.grey
{
background: #505050;
}

.black
{
background: black;
}

.white
{
background: white;
}

.multicolor
{
background: url(/static/img/multicolor.png);
}


/*Main*/
.main
{
float: left;
padding: 20px 20px 60px 20px;
background: #edfafe;
}

.narrow
{
width: 480px; /*sums up to 500*/
}

.wide
{
width: 750px; /*sums up to 770px*/
}
.main h1
{
font-size: 200%;
color: #09161b;
}

.main h2
{
font-size: 130%;
color: #09161b;
}

.wide .half
{
width: 350px;
padding: 10px;
border: solid 1px #BBD7DD;
}

.trailer
{
display: block;
float: left;
margin: 0 0 30px 0;
}

.nav-path
{
margin: 0 0 20px 0;
background: #e4f1f4;
padding: 5px;
}

.nav-path-sub
{
font-size: 85%;
font-style: italic;
position: relative;
top: -20px;
margin: 0 0 20px 0;
background: #e4f1f4;
padding: 5px 10px 5px 10px;
}

/*Listing within Main*/
.listing h1
{
border-bottom: solid 1px #0A1D23;
clear: both;
}

.listing h2
{

}

.listing .list-of-items
{
display: block;
float: left;
margin: 0 0 20px 0;
clear: both;
}

.listing .list-of-items li
{
float: left;
width: 172px;
margin: 15px 7px 15px 7px;
text-align: center;
background: #fff;
}

.listing .list-of-items a
{
display: block;
border: solid 1px #bbd7dd;
padding: 5px;
height: 230px;
overflow: hidden;
}

.listing .list-of-items a:hover
{
text-decoration: none;
background:#bbd7dd;
}

.listing .list-of-items img
{
display: block;
margin: 0 auto;
width: 160px;
height: 160px;
}

.listing .list-of-items .title
{
font-size: 140%;
line-height: 100%;
height: 35px;
overflow: hidden;
font-family: Georgia, serif;
text-align: center;
}

.listing .list-of-items h3
{
font-size: 140%;
line-height: 100%;
height: 35px;
overflow: hidden;
}
.listing .list-of-items span
{
display: block;
text-align: right;
color: #487475;
font-size: 100%;
padding: 5px 0 0 0;
}

.purchased
{
background: #000;
padding: 3px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
font-size: 8px;
font-family: Arial, sans;
color: #fff;
}

.list-of-items li span.purchased
{
position: absolute;
font-size: 10px;
color: #fff;
margin-top: -16px;
padding: 3px;
text-align: left;
}

.sale
{
background: #AA547F;
padding: 3px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
font-size: 8px;
color: #fff;
font-family: Arial, sans;
}

.list-of-items li span.sale
{
position: absolute;
background: #AA547F;
padding: 3px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
color: #fff;
margin-top: -16px;
text-align: left;
}

.list-of-items li span.featured
{
position: absolute;
background: #58a5b5;
padding: 3px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
color: #fff;
margin-top: -16px;
text-align: left;
}

.list-of-items li span.newest
{
position: absolute;
background: #68c0a0;
padding: 3px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
color: #fff;
margin-top: -16px;
text-align: left;
}

.list-of-items li strike
{
color: #aa547f;
}

/* Pagination */
.pagination
{
width: 736px; /*sums up to 750*/
display: block;
clear: both;
font-size: 100%;
margin: 20px 0px;
color: #58A5B5;
border: solid 1px #E4F1F4;
background: #fff;
padding: 7px;
}

.pagination a
{
padding: 3px 7px;
margin: 0 0 0 3px;
background: #E4F1F4;
}

.pagination a.active
{
background: #58A5B5;
color: #fff;
font-weight: bold;
}

/*Artist intro within main*/
.artist-intro
{
padding: 10px 0;
float: left;
}

.artist-intro .artist-picture
{
border: solid 1px #bbb;
width: 140px;
height: 140px;
overflow: hidden;
float: left;
margin: 0 20px 0 0;
}

/*Search and search results within Main*/
.main-search
{
text-align: center;
padding: 20px 20px;

}
.main-search form
{
padding: 20px 0 0 0;
}

.main-search input
{
border: solid 1px #BBD7DD;
padding: 5px 0;
font-size: 120%;
}

.main-search input.submit
{
border: solid 1px #BBD7DD;
background: #BBD7DD;
padding: 4px;
font-size: 120%;
color: #fff;
font-weight: bold;
}

.search-results li
{
margin: 20px 0;
}

.search-results h4
{
font-size: 120%;
font-weight: bold;
}

.search-results span
{
color: #BBD7DD;
}

/*Item within Main*/
.item .gallery
{
display: block;
float: left;
width: 460px;
padding: 10px;
border: solid 1px #dfe6e8;
}


.item .gallery span img
{
/*width: 460px;*/
float: left;
}

.item .gallery .thumbnails
{
display: block;
float: left;
width: 460px;
margin: 0 0 15px 0;
}

.item .gallery .thumbnails li
{
float: left;
margin: 0 10px 0 0;
}

.item .gallery .thumbnails a
{
background: #dfe6e8;
display: block;
float: left;
padding: 3px;
height: 75px;
}

.item .gallery .thumbnails a:hover
{
background: #58a5b5;
}

.item .gallery .thumbnails img
{
width: 75px;
height: 75px;
}

.item .descritpion
{
display: block;
float: left;
width: 460px;
border: solid 1px #dfe6e8;
padding: 10px;
margin: 15px 0 30px 0;
}

/*Comments*/
#list-of-comments
{
margin:15px 0 30px 0;
}

#list-of-comments li
{
margin: 0 15px 15px 15px;
color:#6B6B6B;
background: #fff;
padding: 5px;
}

#list-of-comments span
{
font-style: italic;
padding: 5px 0;
color: #09161B;
}

/*Sidebar-right*/

.sidebar-right
{
float: right;
width: 240px; /*sums up to 240*/
padding: 20px 10px 50px 10px;
background: #edfafe;
margin: 0 10px 0 10px;
}

.sidebar-right h2
{
color: #09161b;
font-size: 135%;
letter-spacing: -1px;
margin: 20px 0 0 0;
}

/*Item tools within sidebar-right*/
.item-tools
{
display: block;
float: left;
clear: both;
}
.item-tools h2
{
display: block;
background: url(/static/img/item-tools.png) no-repeat;
}

.item-tools .in-basket
{
display: block;
border: none;
width: 180px;
height: 41px;
background-position: -203px 0;
}

.item-tools .in-basket a
{
display: block;
border: none;
width: 180px;
height: 41px;
}

.item-tools .add-to-basket
{
display: block;
border: none;
background: url(/static/img/item-tools.png) no-repeat;
width: 180px;
height: 40px;
margin: 10px 0;
background-position: 0 0;
}

.item-tools .add-to-basket a
{
width: 160px;
height: 40px;
display: block;
}

.item-tools .order-similar
{
width: 180px;
height: 40px;
background-position: -403px 0;
}

.item-tools .order-similar a
{
width: 160px;
height: 40px;
display: block;
}
.item-tools .price
{
min-width: 80px;
height: 30px;
background-position: 0 -55px;
padding-left: 90px;
}

.item-tools .tags
{
min-width: 80px;
min-height: 30px;
background-position: 0 -94px;
padding-left: 90px;
}

.item-tools a.tag
{
color: #487475;
}

.item-tools ul
{
margin: 20px 0;
display: block;
}

.item-tools li
{
margin: 10px;
color: #6b6b6b;
}


/*Mini-listing within sidebar-right*/
.mini-listing
{
display: block;
width:100%;
float: left;
margin: 0 0 40px 0;
}

.mini-listing ul li
{
display: block;
width: 100px;
height: 100px;
overflow: hidden;
float: left;
margin: 10px 5px 0 0;
border: solid 1px #DFE6E8;
}

.mini-listing ul li img
{
width: 100px;
height: 100px;
}
/*Basket*/
#basket
{
width: 500px;
border: solid 1px #dfe6e8;
float: left;
}

#basket thead td
{
background: #dfe6e8;
font-size: 100%;
color: #58a5b5;
}
#basket td
{
padding: 10px;
border: solid 1px #dfe6e8;
vertical-align: middle;
}

#basket .costs
{
color: #808080;
font-style: italic;
}

#basket .total
{
font-weight: bold;
color: #1d444a;
background: #dfe6e8;
}

#basket-tools
{
display: block;
width: 200px;
padding: 10px;
float: right;
background: #dfe6e8;
}

#basket-tools a
{
font-weight: bold;
font-size: 110%;
}
#basket-tools .inside
{
background: #fff;
padding: 10px;
margin: 10px 0 10px -9px;
float: left;
width: 198px;
font-size: 90%;
}

#basket-tools .inside h2
{
margin: 0;
color: #1d444a;
font-size: 140%;
}

#basket-tools li
{
margin: 0 0 5px 0;
font-size: 85%;
}

#basket-tools dt
{
font-size: 130%;
margin: 10px 0 0 0;
}

#basket-tools dd
{
margin: 0 0 0 10px;
}

#basket input[type="submit"]
{
font-size: 90%;
color: #58A5B5;
background: #DFE6E8;
}

/*Checkout*/
.checkout-form
{
width: 480px; /*sums up to 500*/
padding: 10px;
float: left;
margin: 0 0 10px 0;
background: #DFE6E8;
}

.checkout-form h2
{
font-size: 150%;
}

.checkout-form label
{
display: block;
font-size: 120%;
}

.checkout-form input,
.checkout-form textarea
{
border: solid 1px #58A5B5;
}

.checkout-form input[type="checkbox"]
{
display: block;
height: 15px;
width: 15px;
}

.checkout-form p
{
margin: 0 0 20px 0;
}

.payment
{
width: 500px;
float: left;
margin: 10px 0 10px 0;
}

.payment div
{
display: block;
float: left;
border: solid 1px #DFE6E8;
margin: 0 10px 10px 0;
padding: 10px;
}

/*Registration and forms form.default*/
.registration
{
text-align: center;
font-size: 120%;
}
.errorlist
{
color: red;
}

form.default
{
display: block;
margin: 0 auto;
width: 400px;
padding: 20px;
background: #dfe6e8 url(/static/img/form-bckg.png) bottom right no-repeat;
}

.default label
{
display: block;
text-transform: capitalize;
color: #1d444a;
}

.default input
{
border: solid 1px #bdd9df;
font-size: 120%;
}

.default input[type="submit"]
{
font-weight: bold;
color: #fff;
font-size: 120%;
background: #1d444a;
}

.default .hints
{
margin: 20px 0 10px 0;
font-size: 90%;
}
/*Profile settings*/
.profile form
{
display: block;
margin: 0 auto;
width: 310px;
padding: 20px;
background: #dfe6e8 url(/static/img/form-bckg.png) bottom right no-repeat;
}

.main form p
{
margin: 0 0 15px 0;
}

.main input[type="submit"]
{
font-weight: bold;
color: #fff;
font-size: 120%;
background: #1d444a;
border: solid 1px #bdd9df;
}


.main input[type="text"],
.main input[type="password"],
.main textarea
{
border: solid 1px #bdd9df;
font-size: 110%;
font-family: Arial, sans;
width: 310px;
padding: 5px 0;
}

.main label
{
display: block;
font-size: 120%;
}

.main form span
{
font-size: 85%;
}

.main form .important
{
font-size: 150%;
color: #AA547F;
}

/*Blog*/

.blog
{
background:  url(/static/img/blog-bckg.png);
padding-top: 20px;
}

.blog-logo
{
width: 238px;
height: 170px;
position: absolute;
margin: -50px 0 0 0;
right: 10px;
}

.blog-logo .rss
{
position: absolute;
left: 20px;
bottom: 70px;
height: 20px;
width: 20px;
display: block;
padding: 2px;
}

.blog-logo .rss:hover
{
background: #ebfbff;
}

.blog-content
{
background: #EDFAFE;
padding: 20px;
width: 520px;
margin: 30px 30px 30px 20px;
float: left;
}

li.entry
{
margin: 0 0 50px 0;
}

.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content p
{
margin: 10px 0;
}

.blog-content .list-of-entries ul
{
margin: 10px 20px;
list-style: disc inside;
}

.blog-content .list-of-entries ol
{
margin: 10px 20px;
list-style: decimal inside;
padding: 0;
}

.blog-content img
{
margin: 10px auto;
clear: both;
}

.blog-content small
{
margin: 10px 0;
font-size: 85%;
display: block;
}

.post-metadata
{
margin: 0 0 20px 0;
background:  #E4F1F4;
color: #6b6b6b;
padding: 0 3px;
}

.blog .pagination
{
width: 505px;
float: left;
}

.blog .comment-prompt
{
margin: 0 0 20px 0;
background:  #E4F1F4;
color: #6b6b6b;
padding: 0 3px;
}

.blog form
{
margin: 10px 20px;
}

/*Flatpages*/
.flatpage
{
padding: 33px;
width: 720px;
}

.flatpage ul
{
list-style: disc outside;
padding: 0 33px;
margin: 0 0 10px 0;
}

.flatpage ol
{
list-style: decimal outside;
padding: 0 33px;
margin: 0 0 10px 0;
}


/*Footer*/
#footer li
{
display: block;
float: left;
margin: 0 ;
padding: 0 10px;
border-right: solid 1px #1d444a;
text-transform: lowercase;
}

/* Product activity status in category */
.cat-status
{
font-size: 100%;
margin: 10px 0px;
color: #58A5B5;
border: solid 1px #E4F1F4;
background: #fff;
padding: 7px;
text-align: center;
}

.cat-status a
{
padding: 3px 7px;
margin: 0 0 0 3px;
background: #E4F1F4;
}

.cat-status a.active
{
background: #58A5B5;
color: #fff;
font-weight: bold;
}

/* Rebate info */
*.rebate {
color: #243c48;
font-family: Georgia,serif;
font-style: italic;
font-size: 110%;
letter-spacing: 0.05em;
line-height: 120%;
text-align: center;
padding: 5px;
margin: 0px auto 25px auto;
background-color: #DFE6E8;
}