/*
 *  © 2000-2010 deviantART, Inc. All rights reserved.
 */
.shopModuleBrowse .browse2 #catBar {
    height: 37px !important;
}
*html .shopModuleBrowse .browse2 #catBar {
    height: 45px !important;
}

#shopZoneTable.whiteBG tr {
    background-color: #CCCCCC;
}

#headerZone div.expando a,
.zone_top_header .headerContent a {
    color: white;
    text-decoration: underline;
}
#headerZone div.shopZone {
    padding: 0;
}
.shopModuleBrowse .browse2 #catBar input {
    z-index: 5;
}

.shopModuleBrowse #expandButton {
    display: none;
}

.pillHeader {
    background-color: #a6b2a6;
    color: white;
    display: inline-block;
    padding: 3px 7px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.slickHeader {
    color: #313f3a;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 13pt;
    margin-top: 0px;
}

.thumbStream {
    margin: 0px 0px 15px;
}
.thumbStream div.tt-a {
    display: inline-block;
    margin-right: 15px;
}

.modDesc {
    line-height: 18px;
}

.deviantHeader {
    font:22pt Verdana,sans-serif;
    font-weight: normal;
    margin: 0px 0px 20px;
}
.shopModule .deviantHeader a {
    color: #728776;
}
.genericHeader {
    color: #728776;
    font-size: 25pt;
    font-weight: normal;
    margin: 0px 0px 20px;
}
.genericSubHeader {
    font-size: 18pt;
    font-weight: normal;
    margin: -20px 0px 20px;
    color: #728776;
    font-style: italic;
}

.featArtistThumbSteam {
    width: 100%;
    height: 165px;
    overflow: hidden;
    position: relative;
}

.featArtistThumbSteam div.item {
    margin-bottom: 100px;
}

.featureThumb {
    float: right;
    margin: 0px 30px 15px;
}

#dw-email {
    width: 100%;
}

#emailform-table {
    width: 100%;
}
#emailform-table td.buttonCol {
    width: 90px;
    padding-left: 20px;
}
.shopModule #emailform-table td {
    vertical-align: middle;
}

.paddedNoBox {
    padding: 0px;
    margin: 10px 0px;
}

.noBox .rel {
    position:relative;
}

.zone_top_center .noBox {
    background: transparent url(/browse/pickle/gray-module-shadow.gif) repeat-x scroll;
    height: 234px;
}

.zone_top_center .tallBox {
    background: transparent url(/browse/pickle/gray-module-tall.gif) repeat-x scroll;
    position: relative;
    height: 433px;
}
.zone_top_center .shortNoShadow {
    height: 235px;
}
.zone_top_center .tallNoShadow {
    height: 434px;
}

.gr-genericbox .gr .noBox {
    background-image: none;
}

.shopBrowse .browse2-right {
    overflow: visible !important;
}

*html .shopBrowse .browse2 #catBar {
    height: 45px !important;
}

div#thumbHeader {
    width: 100%;
    height: 50px;
    position: absolute;
    top: -119px;
    height: 119px;
    left: -1px;
}
div#thumbHeader .titleBackup {
    left: 1px;
}
div#thumbBar {
    position: absolute;
    color: blue;
    top: 74px;
    width: 100%;
    height: 45px;
    background-position: 0px -74px;
    z-index: 0;
    border-left: 1px solid #9eb1a2;
}

div#shopCattab.thumbCat {
    position: relative;
    overflow: visible;
    padding: 0px;
    height: 43px;
    background-color: #E1E1E1;
    border-bottom: 1px solid #b3b3b3;
}
.titleBackup {
    height: 44px;
    width: 300px;
    position: absolute;
    left: 0px;
    top: 67px;
    z-index: 1;
    background-position: 0px -67px;
    overflow: hidden;
}
.titleBackup h1.accessable {
    margin-top: 50px;
}
.thumbCat .titleBackup {
    top: -8px;
    left: 0px;
    z-index: 2;
}
.barDisplay {
    overflow: hidden;
    height: 119px;
    width: 100%;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 3;
}
.barDisplay .spacer {
    height: 119px;
    width: 300px;
    position: relative;
    float: left;
}
.barDisplay .spacer #productClicker {
    height: 45px;
    width: 210px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    cursor: pointer;
    display: block;
}
.barDisplay .checkoutButton {
    top: 82px;
    background-image: url(/browse/shop-regularcheckout.gif);
}
.barDisplay .cartButton {
    top: 82px;
    background-image: url(/browse/shop-regularcart.gif);
}
.expandButton {
    width: 70px;
    height: 14px;
    position: absolute;
    top: 89px;
    left: 106px;
    padding: 2px;
    font-size: 8pt;
    cursor: pointer;
    background-image: url(/browse/openclosebutton__.gif);
    background-repeat: no-repeat;
}
*html .expandButton {
    height: 19px;
    width: 75px;
}
.expandButtonMore {
    background-position: 0px 0px;
}
.expandButtonMore:hover {
    background-position: 0px -19px;
}
.expandButtonMore:active {
    background-position: 0px -38px;
}
.expandButtonLess {
    background-position: -75px 0px;
}
.expandButtonLess:hover {
    background-position: -75px -19px;
}
.expandButtonLess:active {
    background-position: -75px -38px;
}
    
.barImg {
    height: 119px;
    width: 427px;
    position: relative;
    float: right;
    z-index: 1;
}

.headerAligner {
    height: 260px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}
.headerAligner .spacer {
    height: 260px;
    width: 1px;
    float: right;
    position: relative;
    display: inline-block;
}

.headerPicture {
    display: inline-block;
    position: relative;
    height: 260px;
    width: 788px;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 2;
}
.headerContent {
    width: 100%;
    height: 260px;
    background-repeat: repeat-x;
    border-bottom: 1px solid #b3b3b3;
    position: absolute;
    top: -119px;
    left: 0px;
    padding: 0;
    z-index: 1;
    overflow:hidden;
}
.headerContent .textPart {
    color: white;
    width: 280px;
    height: 90%;
    top: 140px;
    left: 30px;
    margin: 0;
    z-index: 5;
    position: absolute;
    line-height: 18px;
}
.headerContent .titlePart {
    width: 250px;
    height: 44px;
    top: 0px;
    left: 0px;
    z-index: 5;
    position: absolute;
}
.headerContent .pricePart {
    left:680px;
    position:absolute;
    top:165px;
    z-index:5;
    color:white;
}
.headerContent .pricePart .price {
    font-size: 20pt;
    font-weight:bold;
    font-family: verdana, sans-serif;
}
.headerSpacer {
    height: 142px;
}
.shopModuleBrowse input.checkoutButton {
    top: 82px;
    background: transparent url(/browse/shop-regularcheckout.gif) no-repeat;
}
.shopModuleBrowse input.cartButton {
    top: 82px;
    background: transparent url(/browse/shop-regularcart.gif) no-repeat;
}
.shopModuleBrowse .moduleHide {
    display: none;
}

.shopZone .gr-configbox label.l {
    float:left;clear:left;
    min-width: 180px;
    font-size: 0.9em;
    font-weight:bold;
    text-align:right;
    padding: 0.2em 1em 0.2em 0em;
}
.expando {
    height: 141px;
    width: 100%;
    background-position: 0px -119px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #9eb1a2;
}

.expando .daText{
    position: relative;
    z-index: 2;
    color: white;
    margin: 20px;
    width: 355px;
    line-height: 18px;
}
.expPicture {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 141px;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

/* Sale Module */
#saleModuleMain {
    position: relative;
    margin: 0px;
    padding: 0;
    height: 33px;
    background: url(/browse/modules/tall_gradient.gif) repeat-x;
    overflow: hidden;
    color: white;
    text-shadow:#CA3130 0 1px 1px;
}
#shopZoneTable #saleModuleMain {
    margin: 0px -15px;
}
#saleModuleBar {
    position: relative;
    margin: 0;
    padding: 0;
    height: 33px;
    overflow: hidden;
    color: white;
    text-shadow:#CA3130 0 1px 1px;
    line-height: 32px;
}
#saleModuleBar.collapsed {
    background: url(/browse/modules/short_gradient.gif) repeat-x;
}

#saleExpandBut {
    float: left;
    width: auto;
    line-height: 21px;
    padding: 0 10px 0 24px;
    margin: 5px 20px 5px 5px;
    color: white;
    font-weight: bold !important;
    text-transform:uppercase;
    text-shadow:#CA3130 0 -1px 1px;
}
#saleExpandBut, 
#saleExpandBut b {
    background-image: url(/browse/modules/button.gif?1);
    height: 24px;
}
#saleExpandBut:hover {
    background-position: 0 -25px !important;
}
#saleExpandBut:hover b {
    background-position: 100% -25px !important;
}
#saleExpandBut:active {
    background-position: 0 -50px !important;
}
#saleExpandBut:active b {
    background-position: 100% -50px !important;
}
#saleModDivider {
    background: url(/browse/modules/divider.gif) repeat-x;
    width: 100%;
    margin: 0 auto;
    height: 3px;
}
#saleModContent {
    padding: 15px;
}
#saleModContent a {
    color: white;
    text-decoration: underline;
}


/* subjects module */

.gr-configbox .noBox {
    height: 500px;
    background: white;
}
.subjectsModule .left
{
    float:left;
    text-align:center;
    width: 65px;
}
.subjectsModule .right {
    float: right;
    width: 65px;
    text-align:center;
}
.subjectsModule .paddle {
    cursor: pointer;
    display:block;
    margin: 55px auto;
    width: 50px;
    height: 60px;
    background: transparent url(/browse/pickle/paddles-grey.gif) no-repeat scroll;
}
.tallBox .subjectsModule .paddle {
    margin: 170px auto;
}
.subjectsModule .left .paddle {
    background-position: -100px 0px;
}
.subjectsModule .left .disabled {
    cursor:default !important;
    background-position: 0px 0px !important;
}
.subjectsModule .right .paddle {
    background-position: -150px 0px;
}
.subjectsModule .right .disabled {
    cursor:default !important;
    background-position: -50px 0px !important;
}
.subjectsModule .middle {
    position: static !important;
    margin: -18px 65px 0px !important;
}
.subjectsModule .thumbs {
    height: 202px !important;
    overflow:hidden;
    position: relative;
}
.subjectsModule span.noshadow {
    background-position:center center;
    background-repeat:no-repeat;
    display:table-cell;
    height:165px;
    padding-left:0 !important;
    padding-right:0 !important;
    vertical-align:middle;
    width:205px;
}
.subjectsModule .item {
    float:left;
    text-align:center;
    height: 197px;
    min-width: 158px;
    padding: 0px;
    _padding-top: 4px;
    margin: 10px;
    position: relative;
}
.subjectsModule .item .stack {
    position: relative;
    top: 0px;
    left: 0px;
    overflow: visible;
    margin: 0px auto;
    background-color: white;
}
.subjectsModule .item img {
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    _border:1px solid #999;
}
.subjectsModule .item i {
    border: none !important;
    border-style: none none none none !important;
    border-width: 0px 0px 0px 0px !important;
    background-repeat: no-repeat;
    position: absolute;
}
.subjectsModule .item .tr {
    top:-15px;
    height:15px;
    right:0px;
    width: 88px;
    background-image: url(/browse/pickle/stack_tr.png);
    _background-image: url(/browse/pickle/stack_tr.gif?1);

}
.subjectsModule .mini .tr {
    top:-8px;
    height:8px;
    right:0px;
    width: 68px;
    background-image: url(/browse/pickle/mini_stack_tr.png);
    _background-image: url(/browse/pickle/mini_stack_tr.gif?3);
}
.subjectsModule .item .tl {
    top:0px;
    left:-15px;
    width: 15px;
    height:81px;
    background-image: url(/browse/pickle/stack_tl.png);
    _background-image: url(/browse/pickle/stack_tl.gif);
}
.subjectsModule .mini .tl {
    top:1px;
    left:-8px;
    width: 8px;
    height:40px;
    background-image: url(/browse/pickle/mini_stack_tl.png);
    _background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://st.deviantart.net/browse/pickle/mini_stack_tl.png',sizingMethod='image');
}
.subjectsModule .item .br {
    bottom:0px;
    right:-15px;
    width: 15px;
    height:62px;
    background-image: url(/browse/pickle/stack_br.png?2);
    _background-image: url(/browse/pickle/stack_br.gif?2);
}
.subjectsModule .mini .br {
    bottom:1px;
    right:-8px;
    width: 8px;
    height:45px;
    background-image: url(/browse/pickle/mini_stack_br.png);
    _background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://st.deviantart.net/browse/pickle/mini_stack_br.png',sizingMethod='image');
}
.subjectsModule .item .bl {
    bottom:-15px;
    left:0px;
    width: 74px;
    height:15px;
    background-image: url(/browse/pickle/stack_bl.png?2);
    _background-image: url(/browse/pickle/stack_bl.gif?2);
}
.subjectsModule .mini .bl {
    width: 68px;
    height: 9px;
    bottom:-9px;
    background-image: url(/browse/pickle/mini_stack_bl.png);
    _background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://st.deviantart.net/browse/pickle/mini_stack_bl.png',sizingMethod='image');
}

.subjectsModule .item a.t {
    color: #337287;
    font-size: 10pt;
}
.subjectsModule .item .fields {
    position: absolute;
    bottom: 0px;
    left: 2px;
    right: 2px;
    margin: 0px auto;
    text-align:left;
    z-index:100;
    height: 95px;
    background-color: rgba(212, 218, 210, 0.7);
    padding: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.subjectsModule .item label.l {
    float:left;
    clear:left;
    width: 45px;
    min-width:2em;
    display:block;
}

.subjectsModule .item .fields input {
    margin-bottom: 2px;
    float:left;
    display:block;
    width: 125px;
}

.subjectsModule .item div.th {
    height: 150px;
    width: 150px;
}

.subjectsModule .item div.th {
    background-color: #cbd5cb;
    margin: 0px auto 3px auto;
}

.subjectsModule .title {
    color: #993366;
    font-family: verdana, sans-serif;
    font-size: 13pt;
    padding: 10px 0px 4px 20px;
    font-weight: normal;
}