@charset "utf-8";
/* CSS Document */

body {
    background-color:#000;
    background-image:url(../images/background.jpg);
    background-position:top center;
    background-repeat:no-repeat;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 100%;
    margin: 0 auto;
    padding: 13px 0px 0px 0px;
}
#header {
    width: 960px;
    height: 75px;
    margin: 0 auto;
}
/******************* GENERAL LAYOUT *******************/

a, a:link, a:visited, a:hover, a:active {
    color: #FF0;
    text-decoration: underline;
    outline: none;
}


h1 {
    font-size: 30px;
}
h2 {
    font-size: 25px;
}
h3 {
    font-size: 16px;
    font-weight: bold;
}

h4 {
    font-size: 14px;    
}

h5 {
    font-size: 12px;    
}

h6 {
    font-size: 10px;    
}

.black {
    color: #000;
}
.white {
    color: #fff;
}
form {
    margin: 0;
    padding: 0;
}
input.textfield {
    background-image:url(../images/input-background.gif);
    background-repeat:no-repeat;
    background-position: top left;
    border: 3px solid #656262;
    color: #b3b3b3;
    display: inline;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    height: 28px;
    padding: 5px 10px 0px 10px;
    vertical-align: middle;
}

strong {
    font-weight: bold;    
}
/******************* END GENERAL LAYOUT *******************/


/* SPRITES */


/******************* SECONDARY MENU *******************/
#header #secondarynavigation {
    height: 8px;
    width: 960px;
    text-align: right;
}
#secondarynavigation ul {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 277px;
}
#secondarynavigation ul li {
    display: inline;
    float: left;
    padding: 0px 11px 0px 11px;
    position: relative;
}
#secondarymenu li a {
    background: url(../images/csg-navigation.gif);
    float: left;
    height:8px;
}
#secondarymenu li a:hover.sprite-nav-blog,
#secondarymenu li a.sprite-nav-blog.selected {
    background-position: 0 -176px;
    _background-position: 0 -176px !important;    
}
#secondarymenu li a.sprite-nav-blog {
    background-position: 0 -194px;
    width: 30px;
}
#secondarymenu li a:hover.sprite-nav-dealers,
#secondarymenu li a.sprite-nav-dealers.selected {
    background-position: 0 -388px;
    _background-position: 0 -388px !important;    
}
#secondarymenu li a.sprite-nav-dealers {
    background-position: 0 -406px;
    width: 52px;
}
#secondarymenu li a:hover.sprite-nav-downloads,
#secondarymenu li a.sprite-nav-downloads.selected {
    background-position: 0 -424px;
    _background-position: 0 -424px !important;    
}
#secondarymenu li a.sprite-nav-downloads {
    background-position: 0 -442px;
    width: 73px;
}
#secondarymenu li a:hover.sprite-nav-links,
#secondarymenu li a.sprite-nav-links.selected {
    background-position: 0 -636px;
    _background-position: 0 -636px !important;    
}
#secondarymenu li a.sprite-nav-links {
    background-position: 0 -654px;
    width: 34px;
}
/******************* END SECONDARY MENU *******************/



/******************* PRIMARY MENU *******************/

#primarymenu {
    margin: 7px 0px 0px 12px;
}
#primarymenu li a {
    background: url(../images/csg-navigation.gif);
    float: left;
    height:34px;
    padding: 0px 0px 0px 5px;
}
#primarymenu li a:hover.sprite-nav-about,
#primarymenu li a.sprite-nav-about.selected {
    background-position: 0 0;
    _background-position: 0 0 !important;    
}
#primarymenu li a.sprite-nav-about {
    background-position: 0 -44px;
    width:77px;
}
#primarymenu li a:hover.sprite-nav-artists,
#primarymenu li a.sprite-nav-artists.selected {
    background-position: 0 -88px;
    _background-position: 0 -88px !important;    
}
#primarymenu li a.sprite-nav-artists {
    background-position: 0 -132px;
    _background-position-x: 0 !important;        
    _background-position-y: -88px !important;
    width:88px;
}
#primarymenu li a:hover.sprite-nav-collection,
#primarymenu li a.sprite-nav-collection.selected {
    background-position: 0 -212px;
    _background-position: 0 -212px !important;    
}
#primarymenu li a.sprite-nav-collection {
    background-position: 0 -256px;
    width: 117px;
}
#primarymenu li a:hover.sprite-nav-contact,
#primarymenu li a.sprite-nav-contact.selected {    
    background-position: 0 -300px;
    _background-position: 0 -300px !important;
}
#primarymenu li a.sprite-nav-contact {
    background-position: 0 -344px;
    width: 94px;
}
#primarymenu li a:hover.sprite-nav-gallery,
#primarymenu li a.sprite-nav-gallery.selected {
    background-position: 0 -460px;
    _background-position: 0 -460px !important;    
}
#primarymenu li a.sprite-nav-gallery {
    background-position: 0 -504px;
    width: 94px;
}
#primarymenu li a:hover.sprite-nav-home,
#primarymenu li a.sprite-nav-home.selected {
    background-position: 0 -548px;
    _background-position: 0 -548px !important;    
}
#primarymenu li a.sprite-nav-home {
    background-position: 0 -592px;
    width: 66px;
}
/******************* END PRIMARY MENU *******************/


#navigation {
    background: url(../images/csg-navigation.gif);
    background-position: 0 -672px;
    background-repeat: no-repeat;
    float: right;
    height:49px;
    margin-top: 17px;
    width:602px;
}
#navigation #primarymenu ul {
    float: right;
    list-style-type: none;
    margin: 7px 0px 0px 0px;
    padding: 0;
    width: 602px;
}
#navigation ul li {
    display: inline;
    float: left;
    margin: 0px 0px 0px 2px;
    padding: 0;
    position: relative;
}
#logo {
    float: left;
    height: 62px;
    margin-top: 3px;
    width: 195px;
}
/* END SPRITES */


/******************* CONTENT *******************/

#breadcrumb {
    margin: 13px 0px 0px 0px;    
}

#breadcrumb .selected {
    font-size: 15px;    
    font-weight: bold;
}

#content {
    background-image:url(../images/content-background-white.jpg);
    background-repeat: repeat-y;
    min-height: 500px;
    _height: 500px;
    margin: 0 auto;
    margin-top: 32px;
    _padding: 0 13px !important;
    position: relative;
    width: 962px;
    _width: 936px !important;
}



/*needed to make background of content repeat to match height*/
.closecontent {
    clear: both;
    height: 13px;
    margin: 0;
    padding: 0;
}
#content #maincontent {
    background-color:#000;
    float: left;
    min-height: 500px;
    _min-height: 312px;
    _height: 312px;
    margin-top: 13px;
    overflow-x:hidden;
/*    width: 753px;*/
    _padding: 13px;
    _width: 910px;
}

#content #maincontent p {
    margin-top: 13px;    
}

#content #cartheader {
    background-image: url(../images/bg-collection_header.gif);
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height:47px;
    margin: 13px 0px 0px 0px;
    padding: 2px 0px 0px 18px;
    width: 736px;
    overflow:hidden;    
    vertical-align: middle;
}    


#cartheader #cartinfo {
    float:left;
    margin-top: 10px;
    overflow:hidden;    
    width: 350px;
}

#cartbuttons .button {
    margin: 0px 5px 0px 0px;
}


#cartinfo .itemspacer {
    margin: 0px 20px 0px 0px;        
}


#content #cartheader span.carttext {
    font-size: 20px;    
    margin: -5px 20px 0px 0px;            
}

#cartinfo .title {
    margin: 0px 10px 2px 0px;    
}

#cartheader #cartbuttons {
    float:left;
    margin-top: 10px;        
    overflow:hidden;    
    width: 350px;
}

#content #maincontent.leftnav {
    margin-top: 13px;
    padding: 0px 13px 13px 13px;
    width: 727px;
    _width: 714px;
    overflow-x:hidden;    
}    

#content #maincontent.leftnav.cart {
    margin-top: 0px;
    padding: 0px 13px 13px 13px;
    width: 727px;
    overflow-x:hidden;    
}    


#content #maincontent.leftnav h1,
#content #maincontent.wide h2 {
    margin-top: 13px;    
}

#content #maincontent.wide h2 {
    font-weight: bold;
}



#content #maincontent.wide {
    margin-left: 13px !important;
    padding: 13px;
    _padding: 13px !important;
    width: 910px;
    _width: 910px !important;
    overflow-x:hidden;    
}    

#content #maincontent.wide.blog h2 {
    margin-top: 20px;

}    


#content #maincontent.wide #contactmain {
    float: left;
    width: auto;
}    

#content #maincontent.wide #contactnewsletter,
#content #maincontent.wide #contactsocial {
    float: left;
    width: auto;
}    

#content #maincontent.wide #contactsocial {
    width: 270px;    
}

#content #maincontent.wide .divider {
    background-image:url(../images/footer-divider.gif);
    background-repeat:repeat-y;
    float: left;
    height: 270px;
    margin: 13px 13px 0px 13px;
    padding: 0;
    position: relative;
    width: 1px;
}



#content #maincontent.wide.home {
    margin-left: 13px;
    _margin-left: 7px !important;
    padding: 0;
    width: 934px !important;
    overflow-x:hidden;    
}    



#content.home {
    min-height: 353px;
    _height: 353px;    
    _padding-bottom: 13px !important;
}

#content.home #maincontent.wide {
    margin-left: 13px;
    min-height: 320px;
    _height: 320px;
    width: 934px;
    overflow-x:hidden;    
}    

#content #maincontent.wide #mainfeature {
/*    background-image: url(../images/home-mainfeature.jpg);
    background-repeat: no-repeat;
*/    
    background-color: #000;
    width: 934px;
    height: 327px;
    overflow:hidden;    
}

#content #maincontent.wide #mainfeature p { margin: 0; padding: 0;    }

#homesubfeatures {
    margin: 0 auto;
    padding: 0px;
    width: 962px;
    overflow-x:hidden;    
}

.subfeature{
    background-image:url(../images/subfeature-background.jpg);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 273px;
    margin-top: 13px;
    padding: 13px 0px 0px 13px;
    position: relative;
    width: 463px;
    overflow-x:hidden;    
}

.subfeature.gap {
    margin-left: 10px;
}

.subfeature.gap #blog {
/*    background-image:url(../images/subfeature2-blog.jpg);
    background-repeat: no-repeat;
*/    
    background-color: #000;
    height: 258px;
    text-align: right;    
    width: 448px;
/*    _width: 0;*/
    overflow:hidden;    
}

.subfeature #artist {
/*    background-image:url(../images/subfeature1-artist.jpg);
    background-repeat: no-repeat;
*/    
    background-color: #000;
    height: 258px;
    text-align: right;
    width: 448px;
    overflow:hidden;    
}

.subfeature .subfeature1button {
    margin: 80px 0px 0px 0px;
}

.subfeature #artist .subfeaturecontent {
    float: right;
    font-size: 30px;
    line-height: 24px;
    padding: 20px 20px 0px 0px;    
    position: relative;
    text-align: right;
    width: 175px;
}

div.subfeaturecontent p {
    margin-top: 28px;
}

.subfeature.gap #blog .subfeaturecontent {
    float: right;
    font-size: 30px;
    line-height: 24px;
    padding: 20px 20px 0px 0px;    
    position: relative;
    text-align: right;
    width: 220px;
}


#mainfeature button {
    margin: 260px 0px 0px 40px;
}

#mainfeature a {
    border: 0;    
}

#leftnav {
    float: left;
    overflow-x:hidden;
    padding: 13px;
    width: 170px;
}
#leftnav dl.submenu dt {
    margin-top: 30px;
}
#leftnav dl.submenu dd {
    line-height: 24px;
    margin-left: 20px;
}
.submenu a, .submenu a:link, .submenu a:visited {
    color: #000;
    text-decoration: none;
}
.submenu a:hover {
    text-decoration:underline;
}
/******************* END CONTENT *******************/

/******************* FOOTER *******************/

#footer {
    background-image:url(../images/footer-background.jpg);
    background-repeat: no-repeat;
    height: 155px;
    margin: 0 auto;
    margin: 13px auto;
    padding: 13px;
    width: 936px;
    overflow-x:hidden;    
}

#footer.home {
    margin-top: 0px;    
}

#footer #copyright {
    color: #abaaaa;
    float: left;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin: 13px 0px 0px 0px;
    padding: 0;
    vertical-align: middle;
    width: 360px;
}
#footer #copyright img {
    margin-right: 13px;
    vertical-align: middle;
}
#footer #design48 {
    color: #abaaaa;
    float: right;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin: 13px 0px 0px 0px;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    width: 360px;
}
#footer #design48 a, #footer #design48 a:link, #footer #design48 a:visited, #footer #design48 a:active {
    color: #abaaaa;
    text-decoration:none;
}
#footer #design48 a:hover {
    text-decoration:underline;
}
#footer #design48 img {
    margin-left: 13px;
    vertical-align: middle;
}
#footer .divider {
    background-image:url(../images/footer-divider.gif);
    background-repeat:repeat-y;
    float: left;
    height: 83px;
    padding: 0;
    position: relative;
    width: 1px;
}
#footer #newslettersubscribe {
    float: left;
    height: 96px;
    position: relative;
    width: 405px;
}
#footer #newslettersubscribe .textfield {
    width: 256px;
}
#footer #policies {
    float: left;
    height: 96px;
    padding: 0px 0px 0px 20px;
    position: relative;
    width: 190px;
}
#footer #policies #policieslist {
    color: #aeadad;
    font-size: 11px;
    list-style-type: none;
}
#footer #policies #policieslist li {
    line-height: 16px;
    padding-left:15px;
    background:transparent url(../images/asterisk-list.gif) no-repeat;
    background-position:0 5px;
}
#footer #policies #policieslist li a, #footer #policies #policieslist li a:link, #footer #policies #policieslist li a:visited, #footer #policies #policieslist li a:active {
    color: #aeadad;
    text-decoration:none;
}
#footer #policies #policieslist li a:hover {
    text-decoration: underline;
}
#footer #newslettersubscribe h3, #footer #socialmedia h3 {
    margin-bottom: 13px;
}
#footer #policies h3 {
    margin-bottom: 10px;
}
#footer #socialmedia {
    float: left;
    height: 96px;
    padding: 0px 0px 0px 20px;
    position: relative;
}
#footer #socialmedia .icons,
#content #maincontent.wide #contactsocial .icons {
    color: #aeadad;
    float: left;
    height: 45px;
    margin-right: 13px;
    text-align: center;
    width: 40px;
}
#footer #socialmedia .icons span,
#content #maincontent.wide #contactsocial .icons span {
    color: #aeadad;
    display: block;
    font-size: 11px;
}
#socialmedia .icons span a, #socialmedia .icons span a:link, #socialmedia .icons span a:visited, #socialmedia .icons span a:active {
    color: #aeadad;
    text-decoration: none;
}
#footer #socialmedia .icons span a:hover {
    text-decoration: underline;
}
/******************* END FOOTER *******************/


/******************* BUTTON *******************/

button { 
    background: none;
    position: relative;
    border: 0; 
    padding: 0;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
    border: none;  /* overrides extra padding in Firefox */
}

button span { 
    position: relative;
    display: block; 
    white-space: nowrap;    
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Google Chrome only - fix margins */
    button span {
        margin-top: -1px;
    }
}


a.button {
    background: url(../images/btn-left.gif) no-repeat left top;
    padding:7px 0 7px 16px;
    #padding:0 0 7px 16px;
    _padding:0 0 0 16px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}
a.button span {
    background: url(../images/btn-right.gif) no-repeat right top;
    padding:7px 16px 7px 0px;
    color:#fff;
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */        
button.buttonsubmit {
    padding: 0 20px 0 0;
    margin: 3px 5px 0px 5px;
    font-size:16px;
    text-align: center;
    background: url(../images/sprite-button.gif) no-repeat right -140px;
}
button.buttonsubmit span {
    padding: 5px 0 0 21px;
    height:27px;
    background: url(../images/sprite-button.gif) no-repeat left top;
    color:#fff;
    font-weight: bold;
    vertical-align:middle;
}
button.buttonsubmit:hover {
    background-position: right -210px;
}
button.buttonsubmit:hover span {
    background-position: 0 -70px;
}

/******************* END BUTTON *******************/

/******************* ADMIN *******************/

.navadmin {
    padding-right: 20px;    
}

.navadmin li.separator {
    margin:10px 5px 10px 0px;
    padding:5px 0 0 0;
    height:1px;
    line-height:1px;
    list-style-position:outside;
    list-style-image:none;
    list-style-type:none;
    border-bottom:1px solid #C0C0C0;
}

/******************* END ADMIN *******************/

/******************* CMS *******************/

div.editable ul {
    padding: 10px 20px;    
}

div.editable ul > li {
    margin: 0px 0px 5px 0px;
}


/******************* END CMS *******************/