body { background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/body_background.jpg); margin: 0px; } #master { position: relative; top: 0px; width: 900px; right: 0; margin: 0 auto; } #wrapper { padding-top: 10px; } body h1 { font-family: georgia, times, serif; font-size: 53px; font-weight: normal; font-style: italic; letter-spacing: -2pt; padding: 0; margin: 0; padding-bottom: 2px;} img { border: 0px;} div#pre-header { font: normal 11px/18px Georgia, serif; color: #fff; /*position: absolute; top: 4px; left: 15px; */ position: relative; top: 0px; right: 0; margin: 0 auto; z-index: 5; width: 900px; height: 15px; text-align: right; } div#pre-header * { display: inline; } div#pre-header a { color: #fff; text-decoration: none; padding: 0px; margin: 0px; } div#pre-header form { display: inline; } div#pre-header input.email { width: 235px; height: 14px; font: normal 11px/18px Georgia, serif; color: #000; letter-spacing: 0.01em; } div#pre-header #submit { width: 34px; height: 19px; margin: 0; padding: 0; margin-left: 7px; margin-top: 2px; margin-right: 0px; border: 0; background: transparent url(http://s3.amazonaws.com/media.circleintosquare.com/button-go.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ } div#content #login-submit, #download-submit { width: 34px; height: 19px; margin: 0; padding: 0; margin-left: 7px; margin-top: 2px; border: 0; background: transparent url(http://s3.amazonaws.com/media.circleintosquare.com/button-go-black.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ } div#content #email_for_download_submit { width: 99px; height: 19px; margin: 0; padding: 0; margin-left: 7px; margin-top: 2px; border: 0; background: transparent url(http://s3.amazonaws.com/media.circleintosquare.com/button_email-link.png) no-repeat center top; text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ } div#free_download_by_email { width:530px; overflow:hidden; border-bottom: 1px dotted #c3c3c3; margin-top: 3px; margin-bottom:0px; padding-bottom: 6px; } div#free_download_by_email div.before_submit { width: 530px; } div#free_download_by_email div.after_submit { width: 0px; display: none; } ul#header { /* position: absolute; top: 30px; left: 15px; */ width: 911px; height: 132px; position: relative; top: 5px; left: 15px; right: 0; margin: 0 auto; } ul#header ul,li { list-style: none; } ul#header li { position: absolute; } ul#header li#header-logo, ul#header li#header-menu-1a,ul#header li#header-menu-2a,ul#header li#header-menu-3a, ul#header li#header-menu-4a,ul#header li#header-menu-5a { top: 0px; } ul#header li a { display: block; text-indent: -3000px;} ul#header li#header-logo { left: 0px; } ul#header li#header-logo a { width: 270px; height: 132px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/header.gif.png) no-repeat; } ul#header li#header-menu-1a { left: 270px; } ul#header li#header-menu-1a a { width: 112px; height: 64px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/home.gif.png) no-repeat 0px 0px; } ul#header li#header-menu-1a a:hover { width: 112px; height: 64px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/home.gif.png) no-repeat -112px 0px; } ul#header li#header-menu-2a { left: 382px; } ul#header li#header-menu-2a a { width: 158px; height: 64px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/features.gif.png) no-repeat 0px 0px; } ul#header li#header-menu-2a a:hover { width: 158px; height: 64px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/features.gif.png) no-repeat -158px 0px; } ul#header li#header-menu-3a { left: 540px; } ul#header li#header-menu-3a a { width: 140px; height: 64px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/market.gif.png) no-repeat 0px 0px; } ul#header li#header-menu-3a a:hover { width: 140px; height: 64px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/market.gif.png) no-repeat -140px 0px; } ul#header li#header-menu-4a { left: 680px; } ul#header li#header-menu-4a a { width: 131px; height: 64px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/artists.gif.png) no-repeat 0px 0px; } ul#header li#header-menu-4a a:hover { width: 131px; height: 64px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/artists.gif.png) no-repeat -131px 0px; } ul#header li#header-menu-5a { left: 802px; } ul#header li#header-menu-5a { width: 100px; height: 64px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/header-06.gif.png) no-repeat; } ul#header li#header-menu-1b,ul#header li#header-menu-2b,ul#header li#header-menu-3b { top: 64px; } ul#header li#header-menu-1b { left: 270px; } ul#header li#header-menu-1b a { width: 142px; height: 68px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/contact.gif.png) no-repeat 0px 0px; } ul#header li#header-menu-1b a:hover { width: 142px; height: 68px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/contact.gif.png) no-repeat -142px 0px; } ul#header li#header-menu-2b { left: 412px; } ul#header li#header-menu-2b a { width: 128px; height: 68px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/links.gif.png) no-repeat 0px 0px; } ul#header li#header-menu-2b a:hover { width: 128px; height: 68px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/links.gif.png) no-repeat -128px 0px; } ul#header li#header-menu-3b { left: 531px; } ul#header li#header-menu-3b { width: 371px; height: 68px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/menu/header-09.gif.png) no-repeat; } div#content { /*position: absolute; left: 30px; top: 165px; */ position: relative; top: 15px; right: 0; left: 26px; margin: 0 auto; width: 900px;} .white-container { background-color: #fff; float: left; padding: 15px; margin-right: 15px; margin-bottom: 15px; } .width-pixel-100 { width: 100px;} .width-pixel-270 { width: 270px;} .width-pixel-200 { width: 200px;} .width-pixel-300 { width: 305px;} .width-pixel-325 { width: 335px;} .width-pixel-350 { width: 350px;} .width-pixel-375 { width: 380px;} .width-pixel-395 { width: 397px;} .width-pixel-400 { width: 415px;} .width-pixel-450 { width: 470px;} .width-pixel-500 { width: 490px;} .width-pixel-540 { width: 530px;} .width-pixel-600 { width: 600px;} .width-pixel-600 { width: 840px;} .width-33 { width: 33%;} .width-50 { width: 50%;} .width-100 { width: 100%;} .portland { width: 279px; height: 44px;float: left; } /* These are standard sIFR styles... do not modify */ .reviews { position: absolute; left: 0; top: 342px; } div.item-left { width: 300px; margin-right: 15px; float: left; } div.item-right { width: 530px; float: left; } div.item-left .reviews { float: left; position: static; } .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { margin: 0; padding: 0; font-size: 44px; } div#content h1 a { color: #000; } ul.product_image { width: 490px; height: 275px; overflow: hidden; margin-bottom: 5px; } ul.product_image { text-indent: none; margin: 0; padding: 0;} ul.product_image img { border: 0px; width: 475px; height: 275px;} ul.product_image a { display: block;} h2 { font: italic 25px/25px Georgia, serif; margin: 0; padding-top: 10px;} h3 { font: normal 25px/25px Georgia, serif; margin: 0; margin-left: -1px; margin-bottom: 6px; } h3 a { color: #000000; } h4 { color: #333333; font: italic 26px/35px Georgia, serif; padding-top: 15px; margin-bottom: 5px; padding-bottom: 3px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); width: 100%; margin-top: 10px; border-bottom: 1px dotted black; clear:both;} div#content p { margin: 3px; padding-bottom: 10px; margin-left: 0px; font: normal 12px/20px Georgia, serif; } div#content h5.comments,div#content h5.comments-blue { float: left; width: 46px; padding-right: 10px; border-right: 1px dotted #c3c3c3; margin: 0px; margin-right: 12px; } div#content h4 a { color: #333333; font: italic 26px/35px Georgia, serif; text-decoration: none; } div#content h4 a:hover { color: #000; text-decoration: none; cursor: pointer; } div#content a { color: #C11C24; text-decoration: none; padding-top: 3px; padding-bottom: 3px;} div#content p a { font-style: italic; } div#content a:hover { color: maroon; text-decoration: underline; } div#content h5.comments a { display: block; width: 46px; height: 37px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/comments.gif); text-align: center; vertical-align: middle; padding-top: 4px; color: #fff; font: bold 21px/25px Arial, sans-serif; text-decoration: none; } div#content h5.comments-blue a { display: block; width: 46px; height: 37px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/comment-blue.gif); text-align: center; vertical-align: middle; padding-top: 4px; color: #fff; font: bold 21px/25px Arial, sans-serif; text-decoration: none; } div#content strong.comments { font: bold 12px/18px Georgia, serif; } div#content h5.share { cursor:pointer; float: left; width: 99px; height: 39px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/share.gif); text-align: center; vertical-align: middle; padding-top: 4px; margin:0px; color: #fff; font: bold 21px/25px Arial, sans-serif; text-decoration: none; } div#content a.addthis_button_expanded { text-decoration: none; cursor:pointer; float: left; width: 99px; height: 39px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/share.gif); text-align: center; vertical-align: middle; padding-top: 4px; margin:0px; background-repeat: no-repeat; color: #fff; font: bold 21px/25px Arial, sans-serif; text-decoration: none; } div#content #market-scroller h2 { margin-bottom: 0px; line-height: 25px; } div#content #market-scroller h5 { font: normal 14px/22px Georgia, serif; margin: 0; } #scroller { width: 490px; height: 330px; padding: 0; margin: 0px; overflow: hidden; } #scroller a { display: block; height: 323px; overflow: hidden; } #market-scroller { width: 270px; height: 270px; padding: 0; margin: 0px; overflow: hidden; } #market-scroller a { display: block; height: 270px; overflow: hidden; } #item-scroller { width: 270px; height: 270px; padding: 0; margin: 0px; overflow: hidden; } #item-scroller a { display: block; height: 270px; overflow: hidden; } #nav { float: left; width: 100%; height: 30px; padding-top: 6px; margin-top: 3px; border-bottom: 1px dotted #c3c3c3;border-top: 1px dotted #c3c3c3; } div#content #nav a { display: block; text-align: center; vertical-align: middle; color: #a3a3a3; font: bold 15px/25px Arial, sans-serif; text-decoration: none; padding-left:6px; padding-right:6px; margin-right: 5px; width: 17px; height: 21px; float: left; padding-top: 0px; } div#content #nav a.activeSlide { color: #fff; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/carousel_number_selected.gif); background-repeat: none; } div#nav-item { clear: both; width: 250px; height: 14px; background: url(/images/button-sprites2.png) 0px -156px; text-align: right; padding: 0px 15px 0px 40%; margin: 10px 0px 15px 0px;} div#nav-item a { color: #474747; text-decoration: none; font-size: 10px; display: block; width: 15px;padding-right: 2px; border-right: 1px solid #e7e7e7; margin-right: 2px; float: left; background-color: #fff; } div.content div#nav-item a:hover, div.content div#nav-item a.activeSlide { color: #fff; background-color: #474747; } div.events { background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); width: 100%; border-bottom: 1px dotted black; padding-bottom: 5px; margin-bottom: 5px; } div.events h5.events-1 { font: normal 11px/18px Georgia, serif; margin: 0; } div.events h5.events-2 { font: bold 11px/18px Arial, sans-serif; margin: 0; } div#content div.events p { display: none; margin: 0; padding: 0; } div.share-links { width: 100%; height: 25px; display: none; } div.events a { font-style: italic; } ul.artist_links { list-style: none; margin-left: 0; padding-left: 0; text-indent: none; } div#content ul.artist_links li { font: bold 11px/18px Arial, sans-serif; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); width: 100%; border-bottom: 1px dotted #c3c3c3; padding-bottom: 0px; margin-bottom: 5px; } div#content ul.artist_links li a { display: block; background: url(http://s3.amazonaws.com/media.circleintosquare.com/link.gif) no-repeat 0 0; color: #000; padding-left: 37px; height: 23px; } .share { display: inline; width: 100%; padding: 0; margin: 0; text-indent: none; list-style: none; } #share li { margin: 1px; height: 33px; } .margin-left-10 { margin-left: 10px; } .share-all { color: #333; padding: 0; margin-top: 0px; float: left; margin-left: 12px; width: 210px; padding: 5px; padding-left: 12px; padding-top: 7px; list-style: none; display: none; border-left: 1px dotted #c3c3c3; font: italic 12px/18px Georgia, serif; } div#content .blog .share { margin-left: 0px; } .blog ul.share-all { margin-left: 110px; } div#content .share-all a.facebook { display: block; background:transparent url(http://s3.amazonaws.com/media.circleintosquare.com/btn_share_facebook.gif) no-repeat scroll left center; } div#content .share-all a.delicious { display: block; background:transparent url(http://s3.amazonaws.com/media.circleintosquare.com/btn_share_delicious.gif) no-repeat scroll left center; } div#content .share-all a.digg { display: block; background:transparent url(http://s3.amazonaws.com/media.circleintosquare.com/btn_share_digg.gif) no-repeat scroll left center; } div#content .share-all a.stumble { display: block; background:transparent url(http://s3.amazonaws.com/media.circleintosquare.com/btn_share_stumble.gif) no-repeat scroll left center; } div#content .share-all a.google { display: block; background:transparent url(http://s3.amazonaws.com/media.circleintosquare.com/btn_share_google.gif) no-repeat scroll left center; } div#content .share-all a { padding-left: 24px; color: #333; text-decoration: none; } div#content .share-all a:hover { text-decoration: line-through; } .share-all li { width: 105px; float: left; } .footer { font: normal 11px/18px Georgia, serif; padding-top:0px; } .footer h4 { margin-top: 0px; } .footer ul li,.footer ul { text-indent: none; padding: 0; margin: 0; } div#content .footer ul li a { display: block; color: #222222; margin: 0; padding: 0; } div#content .footer .yellow ul li a:hover { background-color: #F2CA1F; color: #fff; } div#content .footer .red ul li a:hover { background-color: #BB130F; color: #fff; } div#content .footer .blue ul li a:hover { background-color: #6CB0E2; color: #fff; } .footer .footer-links { width: 25%; padding-top: 20px; padding-right: 50px; float: left; } .entry_footer { padding-top: 5px; width: 100%; float: left; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); border-bottom: 1px dotted #000; padding-bottom: 5px; } div.comment { display: block; margin-bottom: 3px; width: 100%; float: left; color: #222222; } div.comment p { background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); display: block; padding-left: 10px; float: left; width: 400px; border-bottom: 3px solid #f3f3f3;} div.comment p strong { display: block; } .inline { display: inline; } h5.date { vertical-align: middle; height: 37px; padding-top: 4px; width: 200px; float: left; font: bold 21px/25px Arial, sans-serif; margin: 0px; padding-left: 10px; } div#content h5.date a { color: #000; font-style: normal; } div.blog-border { height: 3px; width: 100%; background-color: #f3f3f3; margin-top: 5px; } div#login-market { width: 340px; float: left; } div#login-market input { } div#login-market .login { width: 135px; } div#login-market .margin { width: 3px; margin-left: 6px; margin-right: 9px; height: 22px; border-right: 1px dotted #000000; float: left; } div#login-market h5 { font: bold 15px/22px Arial, sans-serif; margin-bottom: 5px; margin-top: 0px; } div#login-market h5 a { color: #C11C24; } div#login-market a, div#content div.login a { font: bold 15px/22px Arial, sans-serif; } div#content div.login form { width: 100%; margin: 0;} div#content ul.login-elements { margin: 0; padding: 0; text-indent: none; } div#content div.login input { } div#content div.login .login { width: 110px; margin: 0;} div#content div.login h5 { font: bold 15px/22px Arial, sans-serif; margin-bottom: 5px; margin-top: 0px; } div#content div.login .margin { width: 3px; padding-left: 2px; margin-right: 5px; height: 22px; border-right: 1px dotted #000000; float: left; } div#cart { width: 135px; float: left; border-right: 1px dotted #000000; margin-right: 10px; padding-right: 3px;} div#cart h5.cart-count { cursor:pointer; float: left; width: 61px; height: 38px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-cart.gif); text-align: center; vertical-align: middle; padding-top: 8px; margin:0px; color: #fff; font: bold 28px/25px Arial, sans-serif; text-decoration: none; } div#cart h5.cart-text { padding-left: 8px; width: 65px; float: left; font: bold 15px/22px Arial, sans-serif; margin: 0px; } h2.min { font: normal 16px/20px Georgia; } /* market front page */ div.market-small-row { width: 100%; float: left; border-top: 1px dotted #c3c3c3; padding-top: 8px; padding-bottom: 5px;} div.none { width: 100%; border-top: none; } div.market-small-row div.item { width: 265px; float: left; } div.market-small-row div.item a { width: 95px; height: 95px; float: left; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); } div.market-small-row div.item a img { border-right: 2px solid #e3e3e3; border-bottom: 2px solid #e3e3e3;} div.market-small-row div.item a img:hover { border-right: 2px solid #6CB0E2; border-bottom: 2px solid #6CB0E2;} div.market-small-row div.item div.details { width: 140px; float: left; padding-left: 10px; } div.market-small-row div.item div.details * { word-wrap:break-word; } div.market-small-row div.item div.details h5 { width: 140px; font: bold 11px/18px Georgia, serif; margin: 0px; } div.market-small-row div.item div.details h6 { width: 140px; font: bold 11px/18px Helvetica, Arial, sans-serif; color: #4d4d4d; margin: 0px; } div.market-small-row div.item div.details h6.physical { width: 17px; height: 16px; margin: 3px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h6-icons.gif); text-indent: -6000em; float: left; } div.market-small-row div.item div.details h6.digital { width: 17px; height: 16px; margin: 3px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h6-icons-02.gif); text-indent: -6000em; float: left; } div.market-small-row div.item div.details a { display: block; } div#content div.market-small-row div.item div.details a:hover { text-decoration: none; } div#content div.market-small-row div.item div.details a.info { width: 43px; height: 18px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-info-small.gif); color: #ffffff; font: bold 13px/18px Arial, sans-serif; padding-left: 14px; margin-left: -2px; } div#content a.preview { width: 30px; height: 23px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/temp-play.gif); text-indent: -6000em; margin-left: 7px; padding: 0;} ul.category-menu { width: 100%; height: 22px; border-top: 1px dotted #b3b3b3; border-bottom: 1px dotted #b3b3b3; padding: 5px 0px 5px 0; margin: 0px 0px 0px 0px;} ul.category-menu li { height: 18px; float: left; font: bold 15px/22px Arial, sans-serif; text-align: center; margin: 0; } div#content ul.category-menu li.divide { width: 1px; height: 22px; border-right: 1px dotted #b3b3b3; } div#content ul.category-menu li a { display: block; width: 95px; height: 20px; color: #B3B3B3; margin: 0; padding-top: 1px; } div#content ul.category-menu li a:hover { text-decoration: none; color: #888888; } div#content ul.category-menu li a.selected { width: 107px; padding-right: 10px; color: #ffffff; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-section.gif); background-repeat: no-repeat; } div.market-medium-row { width: 100%; float: left; border-bottom: 1px dotted #c3c3c3; padding-top: 8px; padding-bottom: 12px;} div.market-medium-row div.item { margin-top: 0; width: 152px; float: left; border-right: 1px dotted #c3c3c3; margin-right: 14px; } div.market-medium-row div.item a { margin-top: 0;width: 142px; height: 142px; float: left; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); } div.market-medium-row div.item a img { margin-top: 0; border-right: 2px solid #e3e3e3; border-bottom: 2px solid #e3e3e3;} div.market-medium-row div.item a img:hover { border-right: 2px solid #6CB0E2; border-bottom: 2px solid #6CB0E2;} div.market-medium-row div.item div.details { width: 140px; float: left; padding-left: 0px; } div.market-medium-row div.item div.details h5 { width: 140px; font: bold 11px/18px Georgia, serif; margin: 0px; } div.market-medium-row div.item div.details h6 { width: 140px; font: bold 11px/18px Helvetica, Arial, sans-serif; color: #4d4d4d; margin: 0px; } div.market-medium-row div.item div.details a { display: block; } div#content div.market-medium-row div.item div.details a:hover { text-decoration: none; } div#content div.market-medium-row div.item div.details a.info { width: 43px; height: 18px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-info-small.gif); color: #ffffff; font: bold 13px/18px Arial, sans-serif; padding-left: 14px; } div#content div.market-medium-row div.item div.details a.preview { width: 30px; height: 23px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/temp-play.gif); text-indent: -6000em; margin-left: 7px; padding: 0;} ul.artist-player { list-style: none; padding: 0; margin: 0; } ul.artist-player li { margin-bottom: 5px; padding: 0px 0px 5px 0px; border-bottom: 1px dotted #c3c3c3; width: 100%; float: left; } div#content ul.artist-player li a.preview { width: 30px; height: 23px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/temp-play.gif) no-repeat; text-indent: -6000em; margin-left: 7px; padding: 0; float: left; margin-top: 5px; } div#content ul.artist-player li h5 { font: normal 11px/18px Georgia, serif; margin: 0; width: 250px; float: left; padding-left: 10px; } div#content ul.artist-player li h6 { font: bold 11px/18px Arial, sans-serif; margin: 0; width: 170px; float: left; padding-left: 10px; } ul.item-tracklist { list-style: none; padding: 0; margin: 0px 0px 0px 0px; margin-bottom: 5px; display: block; } ul.item-tracklist li { height: 32px; width: 100%; float: left; padding-top: 0px; border-bottom: 1px dotted #c3c3c3; margin-right: 10px; } div#content ul.item-tracklist li a.preview { width: 30px; height: 23px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/temp-play.gif); text-indent: -6000em; padding: 0; float: left; margin-top: 5px; } div#content ul.item-tracklist li a.buy { width: 30px; height: 23px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/temp-play.gif); text-indent: -6000em; margin-left: 3px; padding: 0; float: left; margin-top: 5px; } div#content ul.item-tracklist li h5 { font: normal 12px/18px Georgia, serif; margin: 0; width: 80%; float: left; padding-left: 7px; padding-top: 6px; } ul.artists { list-style: none; padding: 0; margin: 0; } div#content ul.artists li { padding-bottom: 6px; border-bottom: 1px dotted #c3c3c3; margin-bottom: 8px; } div#content ul.artists li h3 a { color: #000000; } div#add-to-cart { width: 100%; float: left; padding-top: 10px; } div#product-description { width: 100%; float: left; padding-top: 10px; } div#cart-status h3 { width: 100%; line-height: 29px; float: left; padding-top: 10px; } form#signup h5,form#forgot h5 { margin: 0px; padding: 8px 8px 5px 0; font: bold 12px/18px Georgia, serif; } form#signup input[type=text],form#signup input[type=password],form#forgot input[type=text] { width: 70%; } div#content .review h5 { border-top: 1px dotted #c3c3c3; color:#555555; margin: 0; font: normal 13px/22px Georgia, serif; padding-top: 7px;} div#content .review h6 { margin: 0; margin-bottom: 4px; margin-top: 4px; color:#333333; font: normal 18px/24px Georgia, serif; border-top: 1px dotted #c3c3c3;} div#content .review h6 a { color: #0082C3; } div#content .review h6 a.edit { color: #c3c3c3; } ul.logged_in { font: bold 15px/22px Arial, sans-serif; margin: 0; padding: 0; } ul.logged_in li { display: inline;} div#content ul.logged_in li a { color: #C11C24;} ul.shopping-cart { margin: 0; padding: 0; padding-top: 5px; width: 95%; } ul.shopping-cart li a { width: 93px; float: left; } ul.shopping-cart ul.item_info { width: 270px; float: left; padding-left: 10px; font: normal 11px/18px Arial, sans-serif; } ul.shopping-cart ul.item_info input[type=submit] { float: right; } ul.shopping-cart li.cart-item { width: 100%; float: left; border-bottom: 1px dotted #c3c3c3; padding-top:5px; padding-bottom:5px;} li.artist_name { font: bold 12px/18px Georgia, serif; } li.album_name { font-style: italic; } li.price { float: left; font-style: italic; color: #0082C3; } li.quantity { color:#BB130F; float: left; } div#content a.checkout { font: bold 15px/22px Arial, sans-serif; margin: 0; padding: 0; color: #C11C24; } div#content form.tracklist-add { display: inline; width: 30px; height: 23px; float: right; margin:0; padding: 0; } div#content button.add-track { display: block; width: 30px; height: 23px; float: right; margin:0; padding: 0; margin-top: 5px; border:0; background: transparent url(http://s3.amazonaws.com/media.circleintosquare.com/button-add_track.gif) no-repeat 0px 0px; text-indent: -6000em; cursor: pointer; } div#content button.add-track:hover { display: block; width: 60px; height: 23px; float: right; margin:0; padding: 0; margin-top: 5px; border:0; background: transparent url(http://s3.amazonaws.com/media.circleintosquare.com/button-add_track.gif) no-repeat -32px 0px; text-indent: -6000em; cursor: pointer; margin-left: -32px; } div#content input.continue { font: bold 15px/22px Arial, sans-serif; margin: 0; padding: 0; border: 0px; background-color: transparent; color: #C11C24; cursor: pointer; } div#content input.continue:hover { text-decoration: underline; } div#content div.message { font: bold 15px/22px Arial, sans-serif; margin: 0; padding: 0; } div#content h5.edit { margin: 0; padding: 0; font: bold 11px/22px Arial, sans-serif; } div#content input[type=text].edit { width: 99%; font: bold 30px/22px Arial, sans-serif; color: #000; } div#content input[type=text].edit-small { width: 99%; font: bold 16px/22px Arial, sans-serif; color: #000; } div#content textarea.edit { width: 100%; height: 280px; } div#content textarea.edit-small { width: 100%; height: 70px; color:#555555; font: normal 13px/22px Georgia, serif; } ul.profile_images_grid { padding:0; margin: 0; width: 100%;} ul.profile_images_grid li { width: 95px; height: 90px; float: left; margin-right: 12px; border-right: 1px dotted #c3c3c3; border-bottom: 1px dotted #c3c3c3;} div#content ol#track-list { padding: 0; margin: 0; padding: 10px; padding-left: 0px; } div#content ol#track-list li { width: 100%; height: 90px; float: left; padding-bottom: 5px;} div#content ol#track-list li h5, div#content ol#track-list li select { margin:0; padding: 0; margin-left: 42px; } div#content ol#track-list li input { padding: 5px; width: 70%; font: normal 14px/22px Arial, sans-serif; } div#content ol#track-list a.preview { display: block; float: left; margin-right: 5px; } div#content h5.item-price { display: inline; border-top: 1px #c3c3c3; font: normal 16px/22px Georgia, serif; } div#content div.rule { width: 100%; height: 1px; border-top: 1px dotted #c3c3c3; padding-top: 3px; padding-bottom: 3px; } div#content a.show-details { display: block; width: 73px; float: right; height: 23px; background: url(http://s3.amazonaws.com/media.circleintosquare.com/details.gif) no-repeat 0px 0px; color: #fff; font: bold 13px/18px Arial, sans-serif; padding-left: 14px; text-decoration: none; cursor: pointer; } div#content form[name=delete] { float: right; margin: 0; } div#content h6 form[name=delete] { float: right; margin: 0; margin-top: -22px; } div#content form[name=delete] input[type=submit] { margin-left: 2px; margin-top: 2px; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating{cursor:pointer;margin:2em;clear:both;display:block; } div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden} div.cancel,div.star{float:left;width:30px;height:23px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.star,div.star a{ width:30px;height:23px; background:url('/images/star.gif') no-repeat 0 0px } div.cancel a,div.star a{display:block;background-position:0 0px;border:1 solid #FF0000} div.cancel,div.cancel a{ display: none; } div.star_on a{background-position:0 -25px!important} div.star_hover a,div.star_live a:hover{background-position:0 -25px} /* Read Only CSS */ div.star_readonly a,div.star_readonly a:hover{cursor:default !important} /* Partial Star CSS */ div.star{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ div.rating, span.rating { padding:0; margin:0; font: bold 15px/25px Arial, sans-serif;} span.rating { display: block; float: left; } div.rating span { width: 30px; height: 23px; display: block; float: left; background: url(http://s3.amazonaws.com/media.circleintosquare.com/star_set.gif) no-repeat; text-indent: -6000px; } ul.orders { padding: 0; margin: 0; font: normal 12px/20px Georgia, serif; } form.rating { margin:0; padding: 0;} form.rating textarea { color: #222222; font: normal 11px/20px Georgia, serif;} ol.answers { padding: 0; margin: 0; } div#content ol.answers h5 { margin:0; padding: 0; font: normal 20px/28px Georgia, serif;} div#content ol.answers p { margin-top: 0px; padding-top: 0px; } div#content input.margin-up { margin-top: -20px; } div.author { width: 100%; padding: 5px; padding-left: 0px; } div.author h5 { font: italic 20px/28px Georgia, serif; color: #111111; display: inline; } div#content div.author p { font: normal 14px/24px Georgia, serif; color: #000; padding: 30px; padding-top: 10px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); border-top: 1px dotted #c3c3c3; border-bottom: 1px dotted #c3c3c3; } div.delete-comment { width: 80px; float: right; } div#content div.author p a { font: bold 14px/24px Arial, sans-serif; text-transform: uppercase; } div#content a.biggun { font: bold 14px/24px Arial, sans-serif; margin: 0; } div#content ul.item-tracklist a.download_track { display: block; width: 30px; height: 23px; float: right; } div#content div.cart_item { padding-top: 4px; padding-bottom: 6px; } div#content div.cart_item h3 { padding-top: 10px; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); } ul.orders { list-style: none; padding: 0; margin: 0px 0px 0px 0px; margin-bottom: 5px; display: block; } ul.orders li { height: 55px; width: 100%; float: left; padding-top: 0px; border-bottom: 1px dotted #c3c3c3; } div#blog-links a { font: bold 15px/22px Arial, sans-serif; color: #C11C24; display: block; margin-bottom: 4px;} .clip { padding:0; width:200px; float:left; margin:0 10px 10px 0; line-height:0; } div#content ul.post-category { list-style: none; margin-left: 0; padding-left: 0; text-indent: none; } div#content ul.post-category li { font: bold 11px/18px Arial, sans-serif; background-image: url(http://s3.amazonaws.com/media.circleintosquare.com/h4-bg.gif); width: 100%; border-bottom: 1px dotted #c3c3c3; padding-bottom: 0px; margin-bottom: 5px; } div#content ul.post-category li a { display: block; background: url(http://s3.amazonaws.com/media.circleintosquare.com/link.gif) no-repeat 0 0; color: #000; padding-left: 37px; height: 23px; } div#content ul.post-category li ul.sub-category-list { list-style: none; text-indent: 0px; margin-top: 2px; } div#content ul.post-category li ul.sub-category-list li { list-style: none; border-bottom: 0px; border-top: 1px dotted #c3c3c3; padding-left: 0px; margin-left: 0px; text-indent: 0px; margin-top: 3px; } div#content ul.post-category li ul.sub-category-list li a { background: none; padding-left: 5px; color: #666;} ul.sub-category-list { margin: 0px 0px 0px 32px; padding: 0px; } input.newsletter_inline { width: 80%; font: normal 18px/24px Georgia, serif; } ul.left_hand_submenu { text-indent: 0px; margin: 0px; padding: 0px; margin: 10px 0px 10px 0px; font: 12px/18px Georgia, Times, serif; } ul.left_hand_submenu li { padding-bottom: 3px; margin-bottom: 3px; border-bottom: 2px solid #f3f3f3; } ul.left_hand_submenu ul { list-style: disc; } ul.left_hand_submenu ul li { cursor: pointer; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px dotted #c3c3c3; } .forward { cursor: pointer; background: url(http://s3.amazonaws.com/media.circleintosquare.com/slideshow-buttons.png) no-repeat -25px 0px; width: 24px; height: 47px; position: relative; top: -246px; left: 247px; z-index: 10; } .back { cursor: pointer; background: url(http://s3.amazonaws.com/media.circleintosquare.com/slideshow-buttons.png) no-repeat 0px 0px; width: 24px; height: 47px; position: relative; top: -196px; left: 0px; z-index: 10; }