body{background: #fff url('body3.gif') repeat-x top left;color:#333;border-top:solid 1px #da732e;} a{color:#da732e; text-decoration:none;} a.alt{color:#9b9b9b;} /* == Top Bar ----------------------------------------------------------------------------------------------------------------------*/ #topBar{float:left;width:100%;} #topBar .hold{width: 950px;margin: 0 auto;text-align: left;} #topBar .hold ul{float:right;padding-right: 127px;margin: 10px 0 10px 20px;} #topBar .hold ul li{float:left;line-height:90%;padding: 0 10px;} #topBar .hold ul li.divide{border-right: solid 1px #d9742f;} #topBar .hold ul li a{text-decoration:none;color:#fff;} #topBar .hold ul li a:hover{text-decoration:underline;} /* == Main Layout ----------------------------------------------------------------------------------------------------------------------*/ #wrap{width: 960px;margin: 0 auto;text-align: left;padding:0 0 0 0;background-color: #eeeeec;font-family:helvetica;} #fullHead{float:left;width:100%;background-color:#eeeeec;text-align:center;} #fullHead .wrap{width: 960px;margin: 0 auto;text-align: left;padding:0 0 0 0;background-color: #eeeeec;} #head{float:left;width: 953px;text-align:left;background-color:#eeeeec;padding-right:7px;} #priNav{float: left;width: 960px;} #mainContent{float: left; width: 953px;} #foot{float: left; width: 950px;} /* == Main Layout - Content Divisions ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .topZone{float:left; width:100%; background-color:#fff;} #userHead{float:left;width:100%;background:#fff url('user-area.gif') no-repeat bottom left;height:40px;} /* == Head Content ----------------------------------------------------------------------------------------------------------------------*/ #head .logo{float:left;padding:5px 0 5px 0px; width:452px} #head .logo a{float:left;width:452px;height:105px;} #head .tab{float:right;background: #fff url('head-tab.gif') no-repeat bottom left;width:99px;height:25px;padding:5px 0 0 0;text-align:center;margin:0 8px 0 0;} #head .usertab{background: #fff url('user-area-tab.gif') no-repeat bottom;} #head .tab a{color:#54646b;text-transform:uppercase;text-decoration:none;font-size:90%;font-weight:bold;font-family:Arial;} #head .tab a:hover{text-decoration:underline;} #head .form{float:right;background-color:#da732e; width:200px;padding:3px 6px 4px 6px;} #head .top_banner{ width:468px; height:60px; float:right; margin:10px 0 0 0; } #head .form .input{float:left;padding:4px 0 2px 55px;font-size:90%;height:1.4em;color:#fff;width:125px;border:solid 0 #da732e;border-bottom:solid 1px #eeb997;background:#da732e url('input-search.gif') no-repeat top left; } #head .form .search{float:left;padding:3px 0;margin-top:1px;font-size:90%;height:1.4em;width:20px;border:solid 0 #da732e;border-bottom:solid 1px #eeb997 !important;background:#da732e url('ib-search.gif') no-repeat top right; } #head .bread{float:right;text-align:right;width:650px;padding:35px 5px 0 0;} #head .bread ul li{display:inline;color:#da732e;font-weight:bold;} #head .bread ul li a{color:#292929;text-decoration:none;} #head .bread ul li a:hover{text-decoration:underline;} /* == Primary Navigation ----------------------------------------------------------------------------------------------------------------------*/ #priNav{background:#da732e url('prinav-base.gif') repeat-x bottom left;text-transform:uppercase;} #priNav .bookmark{float:left;color:#fff;width:15px;padding: 1px 0 2px 5px;font-size:130%;font-weight:bold;text-decoration:none;margin: 4px 9px 0 0;} #priNav .bookmark:hover{color:#da732e;background-color:#fff;} #priNav ul,#priNav ul li{float:left;width:925px;} #priNav ul li{float:left;width:153px;border-right:solid 1px #eeeeec;} #priNav ul li a{float:left;width:143px;border-bottom:solid 2px #fff;background-color:#2f2f2f;font-size:90%;padding:8px 0 9px 10px;text-transform:uppercase;text-decoration:none;color:#e4e4e5;} #priNav ul li a.on{background:#fff url('prinav-on.gif') no-repeat top right;font-weight:bold;width:142px;border-bottom:solid 2px #fff;border-right:solid 1px #e5e5e5;border-top:solid 1px #d3dbdd;color:#2f2f2f;padding-top:7px;} #priNav ul li a:hover{color:#da732e;border-bottom:solid 2px #da732e;} #priNav ul li a.on:hover{border-bottom:solid 2px #fff;} #secNav{float:left;width:953px;background-color:#fff;text-transform:uppercase;border-bottom: solid 1px #eeeeec;font-size:90%;} #secNav ul,#secNav ul li{float:left;width:915px;padding-left:16px;} #secNav ul li{float:left;width:auto;} #secNav ul li a{float:left;color:#2f2f2f;padding:8px 20px 4px 20px;text-decoration:none;border-bottom:solid 4px #fff;} #secNav ul li a:hover{text-decoration:underline;} #secNav ul li a.on{border-bottom:solid 4px #da732e;} /* == Foot Content ----------------------------------------------------------------------------------------------------------------------*/ #foot{float:left; padding:10px; width:940px;} #foot .inner{float:left;padding:10px 0 10px 10px;width:930px;background-color:#fff;} #foot .inner ul, #foot .inner ul li{float:left;} #foot .inner ul.user{float:right;} #foot .inner ul li{border-right: solid 1px #ff600c;padding:0 8px;line-height:90%;} #foot .inner ul li.end{border-right: solid 0 #fff;} #foot .inner ul li a{text-decoration:none;color:#555;font-size:90%;} #foot .inner ul li a:hover{color: #ff600c;} /* == Main Content ----------------------------------------------------------------------------------------------------------------------*/ #mainContent ul{margin: 10px 0 10px 20px;} #mainContent ul li{margin: 3px 0;list-style-image: url(li.gif);} #mainContent ul li.on{list-style-image: url(li-on.gif);} /* == Homepage Intro ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .homeIntro{float:left;width: 300px; padding-top:3px; background: #fff url('flower1.gif') no-repeat bottom right;min-height:317px; height: auto !important; height:317px;} .bigFeature .homeIntro { background:#FFFFFF url(flower1.gif) no-repeat scroll right bottom; float:left; height:auto !important; min-height:317px; padding-top:3px; width:300px; } .bigFeature .homeIntro p{ font-size:12px; letter-spacing:0; margin:0; padding:0 0 0 0px; width:295px; } .bigFeature .homeIntro .lead{ font-size:15px; font-weight:bold; padding:2px 0 0 0px; } #mainContent .homeIntro p{ font-size:12px; letter-spacing:0; margin:0; padding:0 0 0 0px; width:295px; } #mainContent .homeIntro .lead{ font-size:15px; font-weight:bold; padding:2px 0 0 0px; } #mainContent .homeIntro .lead span{color:#999;} #mainContent .homeIntro .lead span.four{color:#da732e;} #mainContent .homeFeature{float:left;width: 638px;background: transparent url('dotcross.gif') repeat-y top right;} /* == Big Feature ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .bigFeature{float:left;width: 621px;padding-left:7px;background-color: #fff;padding-top:1px;} #mainContent .featureDark{background: #fff url(dot.gif) repeat-y top left;} #mainContent .bigFeature .info{position:absolute;background-color:#000;width: 176px;z-index: 1;margin: 160px 0 0 430px;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;color:#fff;padding:8px 5px 8px 10px;} #mainContent .bigFeature .info a{color:#fff;} #mainContent .bigFeature .info p{margin:0;padding:0;} #mainContent .bigFeature .frame{float:left;width:621px;overflow:hidden;} #mainContent .bigFeature .frame .hold{float:left;width:621px;} #mainContent .bigFeature .frame .hold div{float:left;} #mainContent .bigFeature img.main{background:#edeeed;} #mainContent .bigFeature .nav {float:left;width: 621px;border-top:solid 5px #C1C5C5;margin-top:1px;} #mainContent .bigFeature .nav h3{float:left;width:416px;height:26px;text-transform:uppercase;font-weight:bold;color:#515151;margin-top:1px;padding:9px 0 0 12px;font-family:Georgia;} #mainContent .bigFeature .nav h3 a{color:#515151;text-transform:none;text-decoration:none;} #mainContent .bigFeature .nav h3 a:hover{text-decoration:underline;} #mainContent .bigFeature .nav h3 .featEvent{color:#fff;text-transform:none;font-weight:normal;} #mainContent .bigFeature .scan{float:left;width:191px;height:35px;background-color: #fff;margin:1px 0 1px 1px;} #mainContent .bigFeature .nav .scan ul, #mainContent .bigFeature .nav ul li{float:left;margin:0;padding:0;list-style:none;} #mainContent .bigFeature .nav .scan ul{padding:7px 6px 6px 6px;} #mainContent .bigFeature .nav ul li a{float:left;text-align:center;margin:0 2px 0 0;padding:2px 0 0 0;width:19px;height:17px;text-decoration:none;border: solid 1px #c1c5c5;background-color:#fff;color:#515151;font-size:90%;} #mainContent .bigFeature .nav ul li a.on{background-color:#c1c5c5;color:#fff;} #mainContent .bigFeature .nav ul li a:hover{background-color:#da732e;border: solid 1px #da732e;color:#fff;} #mainContent .bigFeature .nav ul.scroll{float:right;} #mainContent .bigFeature .nav ul.scroll li a{padding-right:14px;} #mainContent .bigFeature .nav ul.scroll li.r a{padding-right:0;padding-left:14px;} /* == Top Zone ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .topZone .pageHeader{padding: 0 0 0 35px;height: 90px;float:left;width: 279px;overflow:hidden;} #mainContent .topZone .pageHeaderFull{width:915px;} #mainContent .topZone .pageHeaderAuto{height: auto;margin-bottom:15px;} #mainContent .topZone .pageHeaderHigh{height: 110px;} #mainContent .topZone .pageHeader h2{color: #da732e;text-transform:none;font-size:180%;letter-spacing: -0.5px;margin-top: 25px;} #mainContent .topZone .pageHeader h3{color: #54676b;font-size:130%;padding-left:1px;} #mainContent .topZone .pageHeader h3 span{color: #2c2c2c;} #mainContent .topZone .pageHeader h4{color: #717171;font-size:160%;} #mainContent .topZone .pageHeader h4 span{color: #da732e;} #mainContent .topZone .pageHeader p{margin:0;} #mainContent .topZone .pageHeader h5{color: #909090;font-size:130%;} #mainContent .topZone .pageHeader .left{float:left;width:40%;} #mainContent .topZone .pageHeader .right{float:right;width:40%;text-align:right;padding:25px 25px 0 0;} #mainContent .topZone .topTabs{float:left;width:634px;height: 90px;overflow:hidden;} #mainContent .topZone .topTabsBelow{display:inline; margin-left:243px;height: 32px;} #mainContent .topZone .topTabs ul, #mainContent .topZone .topTabs ul li{float:left;list-style:none;margin:0;padding:0;} #mainContent .topZone .topTabs ul{margin-left:6px;padding:58px 0 0 0;border-bottom: solid 1px #d3dbdd;} #mainContent .topZone .topTabsBelow ul{padding-top:0;} #mainContent .topZone .topTabs ul li{margin-right:2px;} #mainContent .topZone .topTabs ul li.end{margin-right:0;} #mainContent .topZone .topTabs ul li a{float:left;text-align:center;width: 145px;border: solid 1px #d3dbdd;border-bottom: solid 0 #d3dbdd;padding: 5px 0;margin: 2px 0 0 0;text-decoration:none;color:#2b2b2b;font-weight:normal;} #mainContent .topZone .topTabs ul li a:hover{padding: 6px 0;margin: 0;} #mainContent .topZone .topTabs ul li a.on{border: solid 1px #d3dbdd;border-bottom: solid 0 #d3dbdd;background: #d3dbdd url(stripe1.gif) repeat top left;color:#474746;} #mainContent .topZone .pageHeader p.lead{color:#556469;font-weight:normal;font-size:110%;margin:25px 0 0 30px;} #mainContent .topZone .pageHeader h4.printsFrom{font-size:180%;margin:25px 0 0 0;letter-spacing:-1px;font-weight:normal;} #mainContent .topZone .pageHeader h5.printsFrom{font-weight:normal;} #mainContent .topZone .printsFrom span{color:#da732e;} /* == Main Site Content Boxes ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .contentZone .col{float:left; width:296px;} #mainContent .contentZone .colMain{float:left; width:635px;margin-left:10px;} #mainContent .contentZone .colBig{float:right; width:634px;} #mainContent .contentZone .colBigger{float:right; width:705px;} #mainContent .contentZone .colLeft{margin-left:0;margin-right:5px;} #mainContent .contentZone .colMain .col{float:left; width:240px;} #mainContent .contentZone .colMain .colWide{float:left; width:384px;margin-right:10px;} #mainContent .contentZone .colFullForPad{float:left; width:940px;} #mainContent .contentZone .colFull{float:left; width:100%;} #mainContent .contentZone .colMain .colFull{width:630px;margin-right:5px;} #mainContent .contentZone .colSml{width:225px;} #mainContent .contentZone .col .box{float:left;width:100%;margin-bottom:12px; background-color:#fff;border:solid 1px #d3dbdd;border-top:solid 3px #c1c5c5;} #mainContent .contentZone .col .box h1, #mainContent .contentZone .col .box h4{float:left; width:100%;padding:2px 0 4px 0;border-bottom:solid 0 #d3dbdd;background:transparent url(dot2.gif) repeat-x bottom left;margin-bottom:1px;} #mainContent .contentZone .col .box h1 span, #mainContent .contentZone .col .box h4 span{float:left; display:block;padding:6px 0 8px 10px;font-weight:bold;font-size:130%;color:#303031;color:#515151;background:transparent url(dotcross.gif) repeat-y top left;font-family:Georgia, Trebuchet MS;} #mainContent .contentZone .col .box h1 span{font-size:130%;} #mainContent .contentZone .col .box h1 a, #mainContent .contentZone .col .box h4 a{float:right; display:block;margin:5px 5px 0 0;padding:4px 8px 2px 0;color:#db732f;text-decoration:underline;background: transparent url('pixel.gif') no-repeat top right;font-weight:normal;} #mainContent .contentZone .col .box h1 a:hover, #mainContent .contentZone .col .box h4 a:hover{text-decoration:none;} #mainContent .contentZone .col .box h1 .rss, #mainContent .contentZone .col .box h4 .rss{width:23px; height:20px;background-image:url('rss-orange.gif');} #mainContent .contentZone .col .box{float:left;width:100%;padding-bottom:1px;} #mainContent .contentZone .col .box .main{float:left;width:100%;clear:both;padding:2px 0 2px 0;background:transparent url(dot.gif) repeat-y top left;} #mainContent .contentZone .col .box .main span.extra{float:left;width:100%;padding-bottom:8px;background:transparent url(stripe-base.gif) repeat-x bottom left;} #mainContent .contentZone .col .box .main ul.thumbs, #mainContent .contentZone .col .box .main ul.thumbs li{float:left;margin: 0;padding:0 0 0 6px;list-style:none;} #mainContent .contentZone .col .box .main ul.thumbs li{padding: 3px 4px 8px 4px;margin:2px 0 2px 2px;} #mainContent .contentZone .col .box .main ul.thumbs li a{float:left;border:solid 1px #c3cdcf;} #mainContent .contentZone .col .box .main ul.thumbs li a:hover{border:solid 1px #da732e;} #mainContent .contentZone .col .box .main .img{float:left; width:110px; padding: 5px 2px;text-align:center;font-size:90%;} #mainContent .contentZone .col .box .main .img .loading{float:left; width:120px; height:117px;} #mainContent .contentZone .col .box .main .imgSml{width:95px;} #mainContent .contentZone .col .box .main .img img{float:left; border:solid 1px #c5cdcf; padding:2px; margin-bottom:3px;} #mainContent .contentZone .col .box .main .img .loading img{border-width:0;margin:40px 0 0 35px;display:inline;} #mainContent .contentZone .col .box .main .pad{padding: 5px 10px;} #mainContent .contentZone .col .box .main .padWidth{padding: 2px 10px;} #mainContent .contentZone .colWide .box .main .txt{float:right;width:235px;padding: 5px 5px 5px 0;} #mainContent .contentZone .colWide .box .main .txtBig{width:270px} #mainContent .contentZone .colWide .box .main .txt .article{padding:0;margin:0;font-size:90%;} #mainContent .contentZone .colWide .box .main .txt .article span{color:#999;} #mainContent .contentZone .col .box .base{float:left;width:100%;background:transparent url(dot2.gif) repeat-x top left;padding:6px 0 0 0;} #mainContent .contentZone .col .box .base span.lbl{float:left;width:2px;padding:4px 0 4px 0;color:#333;border-right:solid 1px #fff;background:transparent url(dot.gif) repeat-y top left;} #mainContent .contentZone .col .box .base .scan{float:right;width:186px;border:solid 1px #c3cdce;background-color:#fff;margin:0 9px 5px 0;display:inline;} #mainContent .contentZone .col .box .base .scan a{float:left;width:82px;color:#cdcdcd;text-decoration:none;padding:2px 5px 2px 5px;text-align:right;} #mainContent .contentZone .col .box .base .scan a.alt{float:right;color:#333;border-left:solid 1px #c3cdce;width:82px;text-align:left;} #mainContent .contentZone .col .box .base .scan a:hover{background:#e2e7e8;} #mainContent .contentZone .col .box .base .delete{float:left;width:100%;background-color:#d3dbdd;text-align:right;padding: 3px 0;} #mainContent .contentZone .col .box .base .delete img{margin-right:10px;} #mainContent .contentZone .col .bigBorderTop{border-top:solid 7px #d3dbdd;} #mainContent .contentZone .col .box .mission{float:left; width:100%; background: #fff url('4wall-mission.gif') no-repeat bottom right;min-height:204px;height:auto !important; height:204px;padding:20px 0 10px;} #mainContent .contentZone .col .box .mission h5{padding: 5px 20px;margin:0;color:#da732e;font-size:140%;font-weight:bold;} #mainContent .contentZone .col .box .mission h5 span{color:#333;} #mainContent .contentZone .col .box .mission p{padding: 5px 20px;margin:0;font-size:90%;color:#111;} #mainContent .contentZone .col .boxNoTop{} #mainContent .contentZone .col .box .artistBase .scan a{color:#333;} /* == Art list page ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .contentZone .pgArtList ul.art, #mainContent .contentZone .pgArtList ul.art li{float:left;margin:0;padding:0;list-style:none;} #mainContent .contentZone .pgArtList ul.art{margin: 0 0 8px 8px;display:inline;} #mainContent .contentZone .pgArtList ul.art li{float:left;width:228px;height:270px;background: url(cross.gif) top left no-repeat;border:solid 1px #fff;text-align:center;padding:20px 0 0 0;margin:0 1px 1px 0;overflow:hidden;} #mainContent .contentZone .pgArtList ul.art li div{height:160px;} #mainContent .contentZone .pgArtList ul.art li a img{border:solid 1px #ccc;padding:2px;background:#fff;} #mainContent .contentZone .pgArtList ul.art li a:hover img{border:solid 2px #da732e;padding:1px;} #mainContent .contentZone .pgArtList ul.art li h3{color:#56656c;font-size:130%;letter-spacing:-0.5px;margin:5px 0 8px 0;font-family:Georgia, Trebuchet MS;} #mainContent .contentZone .pgArtList ul.art li h3 a{background:#fff; color:#515151;border-top:solid 1px #D3DBDD;text-decoration:none;padding:2px 4px;} #mainContent .contentZone .pgArtList ul.art li h3 a:hover{background:#da732e;border-top:solid 0 #da732e; color:#fff;} #mainContent .contentZone .pgArtList ul.art li p{margin:3px 0;color:#676767;} #mainContent .contentZone .pgArtList ul.art li p.links{color:#da732e;} #mainContent .contentZone .pgArtList ul.art li p.links a{text-decoration:none;color:#da732e;} #mainContent .contentZone .pgArtList ul.art li p.links a:hover{text-decoration:underline;} /* == Art view page ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .contentZone .pgArtView{float:left;width:705px;} #mainContent .contentZone .pgArtView .paneArt{float:left;width:703px;margin:0 0 12px 0;text-align:center;} #mainContent .contentZone .pgArtView .paneArt .zoom{float:right;margin:2px 6px 0 0;} #mainContent .contentZone .pgArtView .paneArt .artHolder{float:left;border:solid 1px #cdd3d3;padding:4px;margin:25px 0 28px 0;display:inline;} #mainContent .contentZone .pgArtView .paneArt .mainImg{border:solid 1px #cdd3d3;display:inline;} #mainContent .contentZone .pgArtView .paneArt .loading{float:right;padding:12px 15px 0 0;} #mainContent .contentZone .pgArtView .paneArt ul.thumbs, #mainContent .contentZone .pgArtView .paneArt ul.thumbs li{float:left;margin:0;padding:0;list-style:none;} #mainContent .contentZone .pgArtView .paneArt ul.thumbs{border-top:solid 1px #eee;margin:15px 0 0 0;width:689px;} #mainContent .contentZone .pgArtView .paneArt ul.thumbs li{margin:10px 0 0 10px;} #mainContent .contentZone .pgArtView .paneArt ul.thumbs li a{border:solid 1px #ccc;float:left;padding:2px;} #mainContent .contentZone .pgArtView .paneArt ul.thumbs li a img{float:left;} #mainContent .contentZone .pgArtView .paneArt ul.thumbs li a:hover{border:solid 1px #da732e;} #mainContent .contentZone .pgArtView .paneArt .tags{margin:10px 0 0 10px;width:674px;} #mainContent .contentZone .pgArtView .paneArt .tags .frame{float:left;width:380px;overflow:hidden;} #mainContent .contentZone .pgArtView .paneArt .tags ul{width:1000px} #mainContent .contentZone .stockListing ul, #mainContent .contentZone .pgArtView .paneSide ul, #mainContent .contentZone .stockListing ul li, #mainContent .contentZone .pgArtView .paneSide ul li{list-style:none;margin:0;padding:0;float:left;width:100%;} #mainContent .contentZone .pgArtView .paneSide ul li, #mainContent .contentZone .stockListing ul li{padding:2px 0 2px 10px;width:95%;clear:both;background: transparent url('li-arrow-orange.gif') no-repeat 2px 8px;} #mainContent .contentZone .stockListing ul li{padding-left:0;width:100%;} #mainContent .contentZone .pgArtView .paneSide ul.dash, #mainContent .contentZone .stockListing ul.dash{background:transparent url(dotted.gif) repeat-x top left;} #mainContent .contentZone .pgArtView .paneSide ul.dash li, #mainContent .contentZone .stockListing ul.dash li{background:transparent url(dotted.gif) repeat-x bottom left;} #mainContent .contentZone .pgArtView .paneSide ul.dash li a.lnk, #mainContent .contentZone .stockListing ul.dash li a.lnk{color:#727379;text-decoration:none;} #mainContent .contentZone .pgArtView .paneSide ul.dash li a.lnk:hover{text-decoration:underline;} #mainContent .contentZone .pgArtView .paneSide ul li span{float:left;width:auto;} #mainContent .contentZone .pgArtView .paneSide ul li .btnAlt{float:right;} #mainContent .contentZone .pgArtView .paneSide p{margin-top:5px;} #mainContent .contentZone .stockListing p.blockP{margin-top:10px;} #mainContent .contentZone .sizing{float:left;padding:0 0 0 10px;width:95%;} #mainContent .contentZone .stockListing .btnAlt{float:right;} /* == Generic site listings ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .contentZone ul.genCompact, #mainContent .contentZone ul.genCompact li{float:left;width:100%;margin:0;padding:0;list-style:none;} #mainContent .contentZone ul.genCompact{background:transparent url(dotted.gif) repeat-x top left; margin-bottom:10px;} #mainContent .contentZone ul.genCompact li{padding:4px 0 1px 0;background:transparent url(dotted.gif) repeat-x bottom left;} #mainContent .contentZone ul.genCompact li a{font-size:12px;} #mainContent .contentZone ul.genCompact li a:hover{font-size:12px; color:#000;} #mainContent .contentZone ul.genCompact li img{float:left;} #mainContent .contentZone ul.genCompact li .txt{float:left;width:75%;} #mainContent .contentZone ul.genCompact li .txt a{font-weight:bold;} #mainContent .contentZone ul.genCompact li .txt span{font-weight:bold;color:#da732e;} #mainContent .contentZone ul.genCompact li .txt h6{font-weight:normal;} #mainContent .contentZone ul.genCompact li a.more{text-decoration:none;background-color:#dfe9ea;color:#3c454a;padding:2px 10px 2px 5px;font-size:12px; font-weight:bold; float:right;margin-top:-5px;} #mainContent .contentZone ul.genCompact li a.more:hover{background-color:#da732e;color:#fff;text-decoration:none;} #mainContent .contentZone ul.genList, #mainContent .contentZone ul.genList li{float:left;width:100%;margin:0;padding:0;list-style:none;} #mainContent .contentZone ul.genList{display:inline;margin:5px 0 5px 2.5%;width:95%;border-top:solid 0 #fff;} #mainContent .contentZone ul.genList li h6{padding:8px 0;} #mainContent .contentZone ul.genList li a{text-decoration:underline;color:#da732e;} #mainContent .contentZone ul.genList li a:hover{text-decoration:none;} #mainContent .contentZone ul.genList li .txt{float:left;width:460px;} #mainContent .contentZone ul.genList li a.mainLink{text-decoration:none;color:#da732e;font-size:110%;font-weight:bold;font-family:Georgia;} #mainContent .contentZone ul.genList li span.mainLink{color:#da732e;font-size:110%;font-weight:bold;font-family:Georgia;} #mainContent .contentZone ul.genList li a.mainLink:hover{text-decoration:underline;} #mainContent .contentZone ul.genList li a.more{text-decoration:none;background-color:#dfe9ea;color:#3c454a;padding:2px 10px 2px 5px;font-size:90%;float:right;} #mainContent .contentZone ul.genList li a.more:hover{background-color:#da732e;color:#fff;text-decoration:none;} #mainContent .contentZone ul.genList li a.mainLink{color:#da732e;font-size:110%;font-weight:bold;font-family:Georgia;} #mainContent .contentZone ul.genList li a.mainLink:hover{background-color:#da732e;color:#fff;text-decoration:none;} #mainContent .contentZone ul.genList li p{margin-top:5px;} /* == Event list page /* == Event view page ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .contentZone .pgEventView h2{margin:2px 0 12px 0;font-size:120%;color:#da732e;text-transform:none;font-family:Georgia;} #mainContent .contentZone .pgEventView h2 .sml{font-size:80%;font-style:italic;font-weight:normal;} #mainContent .contentZone .pgEventView .mainImg{margin: 0 0 10px 10px;float:right;} /* == News list page ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .contentZone .pgNewsList .countP{float:left;width:30%;} #mainContent .contentZone .pgNewsList .countP p{padding:11px 0 0 18px;margin:0;font-style:italic;} #mainContent .contentZone .pgNewsList ul.genList{background:transparent url(dotted.gif) repeat-x left top;padding-top:10px;} #mainContent .contentZone .pgNewsList ul.genList li{padding:10px 0 0 1.5%;margin:0 0 30px 0;width:98%;background:transparent url(cross.gif) no-repeat top left;} #mainContent .contentZone .pgNewsList ul.genList li .holder{float:left; width: 100%; background:transparent url(dotted.gif) repeat-x left bottom;} #mainContent .contentZone .pgNewsList ul.genList li .mainLink{float:left;font-size:220%;margin:5px 0 5px 0;line-height:95%;font-style:italic;} #mainContent .contentZone .pgNewsList ul.genList li span.date{float:left;font-size:140%;font-family: Georgia;font-weight:bold;padding:0 0 7px 3px;} #mainContent .contentZone .pgNewsList ul.genList li .txt{width:560px;padding-left:3px;} #mainContent .contentZone .pgNewsList ul.genList li h3{font-style:italic;color:#ddd;} #mainContent .contentZone .pgNewsList ul.genList li a.more{margin-top:10px;} #mainContent .contentZone .pgNewsList ul.genList li a.floatLeft{border:solid 1px #ccc;padding:2px;} #mainContent .contentZone .pgNewsList ul.genList li a.floatLeft img{float:left;} #mainContent .contentZone .pgNewsList ul.genList li a.floatLeft .inlineImg{padding:0;} #mainContent .contentZone .pgNewsList ul.genList li a.floatLeft:hover{border:solid 1px #da732e;} /* == News view page ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .contentZone .pgNewsView .main h2{font-family:Georgia;font-size:120%;color:#da732e;text-transform:none;} /* == A to Z page ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .contentZone ul.aToZ{margin-bottom:20px;} #mainContent .contentZone ul.aToZ li{background: url(cross.gif) top left no-repeat;} #mainContent .contentZone ul.aToZ li a{color:#515151;} #mainContent .contentZone ul.aToZ li span{color:#515151;font-family:Georgia;font-weight:bold;} /* == Overrides stackers ----------------------------------------------------------------------------------------------------------------------*/ #wrap #mainContent .padMain{padding: 10px 10px 10px 10px;} #wrap #mainContent .padNone{padding: 0;} #wrap #mainContent .marginNone{margin: 0;} #wrap #mainContent .padTop{padding-top: 10px;} #wrap #mainContent .padBottom{padding-bottom: 10px;} #wrap #mainContent .padLeft{padding-left: 10px;} #wrap #mainContent .padRight{padding-right: 10px;} #wrap #mainContent .padTopNone{padding-top: 0;} #wrap #mainContent .padBottomNone{padding-bottom: 0;} #wrap #mainContent .padLeftNone{padding-left: 0;} #wrap #mainContent .padRightNone{padding-right: 0;} #wrap #mainContent .padTopSml{padding-top: 5px;} #wrap #mainContent .padBottomSml{padding-bottom: 5px;} #wrap #mainContent .padLeftSml{padding-left: 5px;} #wrap #mainContent .padRightSml{padding-right: 5px;} #mainContent .contentZone p.blockP{background-color:#f2f2f2;color:#5c5c5c;padding:3px 0 3px 10px; margin:0;font-size:90%;} /* == WIDGETS ------------------------------------------------------------------------------------------------------------------------ - Events Compact - Favourites - Product Item - Simple View - Artist Links - List ----------------------------------------------------------------------------------------------------------------------*/ /* == Shuffle ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .shuffleBox .main{height:auto;overflow:hidden;} #mainContent .shuffle{width:59px; height: 59px; overflow:hidden;} /* == Exhibitions ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .contentZone .exhibitBox{float:left;width:100%;} #mainContent .contentZone .exhibitBox a.img{float:left;} #mainContent .contentZone .exhibitBox .info{float:left;width:120px;font-size:90%;color:#555;} #mainContent .contentZone .exhibitBox .info p{margin:5px 0;} #mainContent .contentZone .exhibitBox .info h5 a{font-size:140%;text-decoration:none;font-weight:bold;} #mainContent .contentZone .exhibitBox .info h5 a:hover{text-decoration:underline;} /* == Favourites ----------------------------------------------------------------------------------------------------------------------*/ #mainContent ul.fav,#mainContent ul.fav li{float:left;margin:0;padding:0;list-style:none;} #mainContent ul.fav{padding:8px 8px 8px 12px;} #mainContent ul.fav li{width:73px;height:74px;background:transparent url('box-spray.gif') no-repeat top left;} /* == Product Item - Simple View ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .prodItem h5{color:#da732e;font-size:13px;font-weight:bold;} #mainContent .prodItem h5 a{color:#da732e;font-size:13px;font-weight:normal;} #mainContent .prodItem h6{font-weight:normal;color:#999;} #mainContent .prodItem h6 a{color:#999999;} #mainContent .prodItem p.price{font-size:130%;margin-bottom:0;} #mainContent .buyBox, #mainContent .buyBoxSml{padding-left:10px;} #mainContent .contentZone .col .box .main .buyBoxSml .img{width:84px;} #mainContent a.basket{float:right;background:#e0e8ea url('arrowbox-basket.gif') no-repeat top right;color:#333;text-decoration:none;padding:2px 15px 2px 5px;letter-spacing:-0.1px;} #mainContent a.basket:hover{text-decoration:underline;} /* == Artist Links - List ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .mainArtistLink .mainImg{margin-left:7px;} #mainContent ul.artistlink {float:left;width:40%;margin:0;padding: 0 0 13px 20px;font-size:90%;} #mainContent ul.artistlink li{margin:0;padding:0;} #mainContent ul.artistlink li a{color:#777;text-decoration:none} #mainContent ul.artistlink li a:hover{text-decoration:underline} #mainContent ul.artistlink li a.on{color:#da732e;font-weight:bold;} /* == News ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .newsView .inlineImgRight{margin-top:12px;} /* == Filter buttons ----------------------------------------------------------------------------------------------------------------------*/ #mainContent .filterBtns{float:left;width:43%;margin:10px 0 0 15px;} #mainContent .filterBtns a{float:left;padding: 4px 0;margin:2px 7px 0 0;color:#e2e2e2;text-decoration:none;border:solid 1px #eeeeee;text-align:center;width:120px;} #mainContent .filterBtns a.on{color:#fff;padding: 6px 0;margin-top:0;background:#eb8e50;border-color:#da732e;} #mainContent .filterBtns a.on span{display:block;font-weight:bold;} #mainContent .filterBtns a:hover{text-decoration:none;border:solid 1px #aaa;color:#aaa;} #mainContent .filterBtns a.on:hover{text-decoration:none;border-color:#c36322;color:#fff;} /* == A to Z ----------------------------------------------------------------------------------------------------------------------*/ .atoz{float: left;} #mainContent .atoz ul{margin: 5px 15px 10px 0;} .atoz ul li{float: left;} .atoz ul li a{float: left;padding: 1px 5px;text-decoration: none;font-size: 95%;background: url(paging-bg.gif) top left repeat-x;margin: 0 0 0 3px;color: #515151;} .atoz ul li a:hover, .atoz ul li a.on{background: #da732e;color: #fff;} .atoz ul li a:hover{background: #9fa7ae;} #mainContent .atoz ul, #mainContent .atoz ul li{list-style:none;} #mainContent .atoz{float:left;width:100%;} /* == Paging ----------------------------------------------------------------------------------------------------------------------*/ .paging .text, .pagingbase .text{float: left;margin: 5px 0 10px 0;} .paging .pg, .pagingbase .pg{float: right;} #mainContent .paging .pg ul, #mainContent .pagingbase .pg ul{margin: 5px 15px 10px 0;} .paging .pg ul li, .pagingbase .pg ul li{float: left;} .paging .pg ul li.det, .pagingbase .pg ul li.det{font-weight: bold;padding: 2px 8px 0 0;} .paging .pg ul li a, .pagingbase .pg ul li a{float: left;padding: 1px 4px;text-decoration: none;font-size: 95%;background: url(paging-bg.gif) top left repeat-x;margin: 0 0 0 3px;color: #515151;} .paging .pg ul li a:hover, .pagingbase .pg ul li a:hover, .paging .pg ul li a.on, .pagingbase .pg ul li a.on{background: #da732e;font-weight: bold;color: #fff;} .paging .pg ul li a:hover, .pagingbase .pg ul li a:hover{background: #9fa7ae;} #mainContent .paging .pg ul, #mainContent .pagingbase .pg ul, #mainContent .paging .pg ul li, #mainContent .pagingbase .pg ul li{list-style:none;} #mainContent .paging{float:right;width:50%;} #mainContent .pagingbase{float:right;width:50%;margin:0 0 10px 0;} #mainContent .contentZone .pgEventList .paging{padding:15px 0 5px 0;} /* =Social Links --------------------------------------------------------------------------- */ #mainContent .social{float:left;width:96%;border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc;margin: 5px 0 5px 10px;padding:0;} #mainContent .social p{float:left;width:90px;overflow:hidden;font-weight:bold;color:#707070;background:#ececec;margin:0;padding:5px 10px;} #mainContent .social .endBtn{float:right;background:#54636a url(arrowbox-green.gif) no-repeat 97px 8px;color:#fff;text-decoration:none;padding:4px 20px 4px 10px;margin-top:1px;height:18px;} #mainContent .social .icons{float:left;width:65%;overflow:hidden;} #mainContent .social .scan{float:right;width:auto;} #mainContent .social .scan a{float:left;margin:3px 1px 0 0; padding:1px 4px;border: solid 1px #c1c5c5;background-color:#fff;color:#c1c5c5;text-decoration:none;} #mainContent .social .scan a:hover{border: solid 1px #da732e;background-color:#da732e;color:#fff;} #mainContent .social ul, #mainContent .social ul li{float:left;width:42%;margin:0;padding:0;list-style:none;} #mainContent .social ul{margin: 1px 0 0 0;width:1000px;} #mainContent .social ul li{width:auto;margin-left:9px;} #mainContent .social ul li a{float:left;width:20px;height:20px;margin: 2px;border: solid 1px #fff;} #mainContent .social ul li a:hover{border: solid 1px #da732e;} #mainContent .social ul li a img{float:left;width:20px;height:20px;background:#fff url(social-sprite.gif) no-repeat 0 0;} #mainContent .social ul li a img.delicious{background-position: 0;} #mainContent .social ul li a img.yahoo{background-position: -20px 0;} #mainContent .social ul li a img.squidoo{background-position: -40px 0;} #mainContent .social ul li a img.technorati{background-position: -60px 0;} #mainContent .social ul li a img.stumbleupon{background-position: -80px 0;} #mainContent .social ul li a img.facebook{background-position: -100px 0;} #mainContent .social ul li a img.reddit{background-position: -120px 0;} #mainContent .social ul li a img.digg{background-position: -140px 0;} #mainContent .social ul li a img.magnolia{background-position: -160px 0;} #mainContent .social ul li a img.spurl{background-position: -180px 0;} #mainContent .social ul li a img.tagtooga{background-position: -200px 0;} #mainContent .social ul li a img.furl{background-position: -220px 0;} /* =Tags Links --------------------------------------------------------------------------- */ #mainContent .tags{float:left;width:96%;margin: 5px 0 5px 10px;border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc;overflow:hidden;display:inline;} #mainContent .tags p{float:left;font-weight:bold;color:#707070;background:#ececec;margin:0;padding:5px 10px;} #mainContent .tags ul, #mainContent .tags ul li{float:left;width:85%;margin:0;padding:0;list-style:none;} #mainContent .tags ul{margin: 4px 0 0 5px;} #mainContent .tags ul li{width:auto;margin-left:9px;} /* =Hacks --------------------------------------------------------------------------- */ body:first-of-type #mainContent .contentZone .artView .paneSide ul li{background-position: 2px 6px;} /*Safari size hack*/ /* == Store ----------------------------------------------------------------------------------------------------------------------*/ table{border-collapse: separate;} thead{} tfoot{} th{border: solid 1px #d96f04;padding: 3px;background: #FF8308 url(th.gif) top left repeat-x;color:#fff;} tr{} td{border: solid 1px #fff;padding: 3px;border-bottom: dashed 1px #d9d9d9;} th.center,td.center{text-align: center;} th.right,td.right{text-align: right;} th.left,td.left{text-align: left;} /* == Screen Messages ----------------------------------------------------------------------------------------------------------------------*/ #mainContent ul.error{border-left: solid 4px #fe0000; color: #fe0000; font-style: italic;margin: 5px 0; list-style: none;list-style-image: none;padding: 0 0 0 10px;} #mainContent ul.success{border-left: solid 4px green; color: green; font-style: italic;margin: 5px 0; list-style: none;list-style-image: none;padding: 0 0 0 10px;} #mainContent ul.error li, #mainContent ul.success li{list-style: none !important;list-style-image: none !important;} .imgalign{ background:#F2F2F2 none repeat scroll 0 0; border:1px solid #CFCFCF; margin:0 10px 5px 0; padding:2px; float:left; } #story p{ font-size:12px; line-height:17px; margin:0 10px 10px 10px; text-align:justify; } #story h2{ background:transparent url(dot2.gif) repeat-x scroll left bottom; border-bottom:0 solid #D3DBDD; float:left; font-family:Georgia,Trebuchet MS; font-size:130%; font-weight:bold; margin-bottom:1px; padding:6px 0 8px 10px; width:97%; color:#515151; }