html, body {height:100%;} body { margin:0; color:#000000; font:11px Arial, Helvetica, sans-serif; background:#fdfcf7; } img {border-style:none;} a { text-decoration:none; color:#000000; } a:hover {text-decoration:underline;} input, textarea, select { font:100% arial,sans-serif; vertical-align:middle; color:#000; } form, fieldset { margin:0; padding:0; border-style:none; } #wrapper { width:960px; margin:0 auto; position:relative; } * html #wrapper {height:100%;} #wrapper .container { width:100%; position:relative; min-height: 650px; } #header { width:958px; padding:22px 2px 35px 0; background: url(../images/bg-header.gif) repeat-x; display: block; height: 1%; overflow: hidden; position: relative; } .header-holder .holder { width:100%; overflow:hidden; margin:0 0 15px; } #header h1 { margin:0 auto; padding:0 25px 0 0px; /*background: url(../images/logo.gif) no-repeat;*/ width: 198px; height: 65px; /*text-indent:-9999px;*/ overflow:hidden; } #header h1 a { display:block; height:100%; } #header #facebook { position: absolute; top: 37px; right: 170px; } #header #twitter { position: absolute; top: 37px; right: 270px; } #header #like { position: absolute; top: 35px; right: 54px; margin-top: 4px; } #header #minicart { position: absolute; top: -10px; right: 1px; } #header #minicart .header-cart { position: absolute; top: 22px; right: 26px; width:90px; margin-right: 6px; font-size: 10px; } .header h1 { float:left; } .header-holder { top:95px; left:0; width:958px; position: absolute; } .menu { list-style:none; margin:0; padding:16px 0 0; position: absolute; top: 20px; left: 1px; width: 40px; } .menu li { margin:0 0 2px; padding: 2px 0 2px 0; vertical-align:top; display:inline-block; height: 7px; } .menu a.career { display:block; background: url(../images/text-career.gif) no-repeat; width: 38px; height: 7px; text-indent:-9999px; overflow:hidden; padding: 0; margin:0; } .menu a.contact { display:block; background: url(../images/text-contact-us.gif) no-repeat; width: 53px; height: 6px; text-indent:-9999px; overflow:hidden; padding: 0; margin:0; } a.cart { float:right; margin:14px 0 0 0; background: url(../images/icon-cart.gif) no-repeat; width: 29px; height: 25px; text-indent:-9999px; overflow:hidden; } #nav, #nav ul { padding:0 10px 0 2px; margin:0; float:none; list-style:none; text-align:center; background:#fcfbf5; z-index: 10000; } #nav li{ display:inline-block; font-size:12px; line-height:15px; vertical-align:top; background: url(../images/separator.gif) no-repeat 0 8px; padding:0 6px 0 17px; } #nav li:first-child {background:none;} * html #nav {padding-left:5px;} *+html #nav {padding-left:5px;} * html #nav li { display:inline; padding-right:9px; } *+html #nav li { display:inline; padding-right:9px; } #nav a { display:block; text-indent:-9999px; color:#101010; height:25px; background: url(../images/bg-nav.gif) no-repeat; text-align:left; overflow:hidden; } #nav a.shop {width:43px;} #nav li:hover a.shop, #nav li.hover a.shop, #nav li.active a.shop {background-position:0 -25px;} #nav a.gallery { width:124px; background-position:-60px 0; } #nav li:hover a.gallery, #nav li.hover a.gallery, #nav li.active a.gallery {background-position:-60px -25px;} #nav a.campaign { width:100px; background-position:-199px 0; } #nav li:hover a.campaign, #nav li.hover a.campaign, #nav li.active a.campaign {background-position:-199px -25px;} #nav a.music { width:91px; background-position:-318px 0; } #nav li:hover a.music, #nav li.hover a.music, #nav li.active a.music {background-position:-318px -25px;} #nav a.backstager { width:170px; background-position:-418px 0; } #nav li:hover a.backstager, #nav li.hover a.backstager, #nav li.active a.backstager {background-position:-418px -25px;} #nav a.store { width:60px; background-position:-606px 0; } #nav li:hover a.store, #nav li.hover a.store, #nav li.active a.store {background-position:-606px -25px;} #nav a.about { width:80px; background-position:-682px 0; } #nav li:hover a.about, #nav li.hover a.about, #nav li.active a.about {background-position:-682px -25px;} #nav ul li { display:block; padding:8px 0 5px; text-align:center; background: url(../images/bg-subnav-li.gif) repeat-x !important; font-size:0; line-height:0; } #nav ul { z-index: 10000; } #nav ul li a { display:block; margin:0 auto; overflow:hidden; } #nav a.guys { background: url(../images/text-guys.gif) no-repeat; width: 41px; height: 10px; } #nav a.girls { background: url(../images/text-girls.gif) no-repeat; width: 46px; height: 10px; } #nav a.images { background: url(../images/photos.jpg) no-repeat; width: 65px; height: 10px; } #nav a.videos { background: url(../images/video.jpg) no-repeat; width: 58px; height: 10px; } #nav li.hover, #nav li:hover { position:relative;} #nav ul { width:100%; position:absolute; left:10px; top:100%; z-index:1000; display:none; padding:0; } #nav li:hover ul li, #nav li.hover ul li { vertical-align:top; float:none; } #nav li:hover ul, #nav li.hover ul {display:block;} #main { width:auto; padding:10px 0px 0px 0; margin-bottom: 20px; height: 100%; overflow: hidden; display: block; position: relative; /*background: url(../images/bg-main.jpg) no-repeat 100% 0;*/ } .inner #main {background:none;} * html #main {height:568px;} .text-box { width:353px; padding:24px 0 0 3px; text-align:justify; font-size:9px; line-height:18px; word-spacing:-1px; float:left; } .cufon-active .text-box { font-size:12px; line-height:12px; } .text-box p { height:1%; overflow:hidden; margin:0 0 7px; text-align:justify; } .text-box cufon { padding:0 0 9px; } .text-box .heading { width:100%; padding:10px 0 0 0; margin:0 0 16px; background: url(../images/bg-heading.gif) repeat-x; text-align:center; } .text-box .heading h3 { height:1%; overflow:hidden; font-size:15px; line-height:30px; margin:0; text-align:center; background: url(../images/bg-heading.gif) repeat-x 0 100%; text-transform:uppercase; font-weight:normal; } .cufon-active .text-box .heading h3 { font-size:15px; line-height:15px; } .cufon-loading{text-indent:-9999px;} .text-box .heading h3 span {display:inline-block;} .text-box .heading h3 cufon {padding-bottom:7px;} h2.ellwood { margin:0 0 8px -2px; background: url(../images/text-elwood.gif) no-repeat; width: 271px; height: 33px; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; } div.product { width:auto; float:right; overflow:hidden; margin:0 auto; padding:25px 5px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; display:inline; } /*div.product ul { list-style:none; margin:0; padding:0; width:597px; overflow:hidden; }*/ div.product .visual img {display:block;} div.product .visual { display:block; margin:0 0 4px; height:auto; overflow:hidden; } div.product span { display:inline-block; font-style:normal; font-size:10px; line-height:13px; vertical-align:top; } .cufon-active div.product span { font-size:11px; line-height:11px; text-align: center; } .cufon-active div.product span.product-name { display: block; text-align: center; padding: 5px 0; height: 20px; } div.product span cufon { float:left; padding:0 0 4px; } /*div.product ul li { float:left; width:111px; margin:0 38px 14px 0; text-align:center; vertical-align:top; }*/ div.product .color { width:135px; list-style:none; margin:0 0 0px 5px; padding:0; font-size:0; line-height:0; text-align:center; height: 17px; display: block; } * html div.product .color {padding-left:4px;} div.product .color li { display:inline-block; padding:0; float:none; width:12px; height: 12px; overflow: hidden; margin: 0 3px 0 2px; vertical-align: top; } div.product .color a { display:block; width:10px; height:10px; overflow:hidden; border: 1px solid #000; } div.product strong.price { display:inline-block; background: #aaa; width: 138px; height: 11px; padding:4px 0 4px; text-align:center; color:#fff; font-size:8px; line-height:8px; vertical-align:top; } div.product strong.price cufon {float:left;} a.white {background: url(../images/icon-white.gif) no-repeat;} a.black {background: url(../images/icon-black.gif) no-repeat;} a.darkgrey {background: url(../images/icon-darkgrey.gif) no-repeat;} a.cyan {background: url(../images/icon-cyan.gif) no-repeat;} a.pink {background: url(../images/icon-pink.gif) no-repeat;} a.brown {background: url(../images/icon-brown.gif) no-repeat;} .add-menu { list-style:none; margin:0; padding:25px 0 0; float:left; width:120px; } .add-menu ul { list-style:none; margin:0; padding:15px 0 0; background: url(../images/bg-heading.gif) repeat-x; } .add-menu li { background: url(../images/bg-heading.gif) repeat-x; padding:11px 0 8px; } .add-menu li a {padding:0 0 6px; font-size: 18px;color:#000000;} .add-menu ul li { padding:0; background:none; margin:0 0 5px; font-size:18px; vertical-align:top; display: inline-block; height: 24px; width: 87px; } .add-menu ul li a { color:#000000; padding:0; cursor:pointer; height: 24px; width: 87px; display:block; background-color: #fcfbf5; } .add-menu a { display:block; vertical-align:top; /*background: url(../images/bg-boys.gif) no-repeat;*/ /*text-indent:-9999px;*/ height:18px; text-transform: uppercase; text-decoration: none; } a.open-close { position:absolute; float:left; left:8px; top:224px; background: url(../images/bg-popup-open.gif) no-repeat; width: 15px; height: 243px; font-size:0; line-height:0; } .signup-block { position: relative; left:auto; left: 0; top: 0; width:238px; background:#fcfbf5; padding:36px 0 10px 29px; margin: 0 0 0 -20px; } .side-toggle .singup-form { width: 238px; position:relative; } .signup-block label { display:block; height:1%; overflow:hidden; font-size:9px; line-height:9px; } .signup-block label cufon { float:left; padding:0 0 5px; } .signup-block a.open-close { top:68px; left:8px; } .side-toggle { position: absolute; display: none; top: 107px; right: 0; width:1px; } .side-toggle .slide-wrapper { width: 241px; float: right; } .row { width:202px; overflow:hidden; margin:0 0 5px; } .row .holder { width:225px; overflow:hidden; } .row span.short { background: url(../images/bg-text-short.gif) no-repeat; width: 43px; margin:0 22px 0 0; } .row span.short input {width:43px;} .row span { background: url(../images/bg-text-long.gif) no-repeat; width: 192px; padding:0 5px; float:left; } .row span input { float:left; background:none; border:0; width:192px; padding:0; margin:0; } .btn-submit { float:right; text-indent:-9999px; background: url(../images/btn-submit.gif) no-repeat; width: 36px; height: 7px; font-size:0; line-height:0; overflow:hidden; border:0; padding:0; margin:9px 1px 0 0; cursor:pointer; } #footer { width:100%; margin:15px 0 0; position:relative; } #footer .holder { width:960px; margin:0 auto; } #footer .row { width:100%; overflow:hidden; } #footer ul { list-style:none; margin:0 0 7px; padding:7px 0 5px; text-align:right; background: url(../images/bg-footer-ul.gif) repeat-x; text-transform:uppercase; font-size:9px; width:100%; } #footer ul li { display:inline-block; margin-left:11px; vertical-align:top; } * html #footer ul li { display:inline; margin-left:13px; } *+html #footer ul li { display:inline; margin-left:13px; } #footer a { display:block; text-indent:-9999px; overflow:hidden; background: url(../images/bg-footer-menu.gif) no-repeat; height: 7px; text-align:left; } #footer .privacy {width:36px;} #footer .map { width:45px; background-position:-42px 0; } #footer .press { width:25px; background-position:-98px 0; } #footer .term { width:97px; background-position:-90px 0; } p.copyright { margin:0; float:right; background: url(../images/text-copyright.gif) no-repeat; width: 257px; height: 15px; text-indent:-9999px; overflow:hidden; } .our-music-bg { height:517px; float:right; width: 548px; } .right-column { height:auto; float:right; width: 458px; } div.image-container-right { display: inline; width: 548px; margin: -15px 0 0 0; float:left; } div.text-box.no-padding { padding: 0px; } div.image-center { width:100%; height:auto; padding-top: 20px; text-align: center; } .original-price { text-decoration: line-through; } .sale-price { color: #910000; } #main-content { width:725px; overflow:hidden; margin:0 auto; padding:25px 0 0 100px; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 20px; } #main-content.product-detail2 { padding-top:0px; } div.breadcrumb { padding:10px 0 0 10px; margin: 10px 0 0 0; font-size: 16px; } #main-content-detail { width:950px; overflow:hidden; padding:5px 0 0 10px; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; } #main-content-detail .columns { height: 1%; overflow: hidden; margin-top: -20px; } #main-content-detail .columnone { width: 350px; float: left; height: 1%; padding-top: 57px; margin-top:0px; } #main-content-detail .columnone #mini-image { margin-top: 10px; height: 1%; display: block; width: 350px; overflow: hidden; clear: both; } #main-content-detail .columnone #mini-image img { float: left; margin-right: 5px; } #main-content-detail .columnone .share-this { margin-top: 20px; } #main-content-detail .columntwo { float: left; width:400px; padding-left: 15px; height: 1%; padding-top: 57px; } #main-content-detail .columntwo h2 { margin-top:0px; } #main-content-detail .columntwo ul.color, #main-content-detail .columntwo ul.prod-size { list-style: none; width: 200px; overflow: hidden; margin-left: 0px; padding-left: 0px; height: 1%; display: block; overflow: hidden; margin-top: 5px; } #main-content-detail .columntwo ul.color li { list-style: none; float: left; margin-left: 5px; } #main-content-detail .columntwo ul.prod-size li { list-style: none; float: left; margin-left: 5px; width: 30px; height: 20px; border: 1px solid; } #main-content-detail .columntwo ul.prod-size li:hover { background-color: #CCC; } #main-content-detail .columntwo ul.prod-size li.active { border: 3px solid #000; } #main-content-detail .columntwo ul.prod-size li a { display: block; text-align: center; width: 30px; height: 20px; text-decoration: none; padding-top: 2px; } #main-content-detail .columnthree { display: block; float: right; overflow: hidden; width: 150px; } #productcontainer2 { margin-top: 15px; } #main-content-detail #main-content .columns { overflow:hidden; padding:0 35px 40px 0; width:720px; } #main-content .columns .columnone { float:left; overflow:hidden; width:320px; } #main-content .columns div.columntwo { float:right; overflow:hidden; } div.columntwo h2 span { font-size: 36px; } #main-content h3.we-thought { height:24px; margin:0 auto 34px; overflow:hidden; width:349px; font-size:18px; } .item { list-style:none outside none; margin:0; overflow:hidden; padding:0; width:764px; } .item li { float:left; height:234px; overflow:hidden; padding:0 52px 21px 0; width:138px; } .item li p { font-size:11px; line-height:23px; margin:0; text-align:center; width:100%; } .item li strong { text-align:center; width:100%; display: block; } .columntwo .form label.make { background:url("../images/txt-make.gif") no-repeat scroll 0 0 transparent; display:block; height:16px; padding:0 0 9px; text-indent:-9999px; width:128px; } .columntwo .form select { margin:4px 0 0; width:284px; } .columntwo .price { overflow:hidden; width:100%; margin-bottom: 15px; } .columntwo #div_price { font-size: 60px; } .columntwo #addToCart { margin:0px 0 20px; } .columntwo .form label.make { background:url("../images/txt-make.gif") no-repeat scroll 0 0 transparent; display:block; height:16px; padding:0 0 9px; text-indent:-9999px; width:128px; } h3.we-thought { text-align: center; font-size: 12px; display:block; height:1%; } #main-content-detail ul.item { list-style:none outside none; margin:0; overflow:hidden; padding:0; width:150px; border-left: 1px solid; } #main-content-detail ul.item li { float:right; height:210px; overflow:hidden; padding:0 0px 0px 0; width:138px; text-align: center; } ul.item { list-style:none outside none; margin:0; overflow:hidden; padding:0; width:764px; } ul.item li { float:left; height:234px; overflow:hidden; padding:0 52px 21px 0; width:138px; } div#main #image-content{ width: 880px; float:left; } div#main div#previous { display:block; width:18px; height: 516px; float: left; } div#main div#next { display:block; float: right; width:19px; height: 516px; } div#main.campaign-gallery { padding: 50px 0 0px 0; } div.left-column { width:403px; padding:0px 0 0 3px; text-align:justify; font-size:9px; line-height:18px; word-spacing:-1px; float:left; display: inline; } div#main.product-list-container { padding-top: 0px; } div#main.our-music { margin-top:40px; } .form #facebook-like { margin-top:20px; } div#twitterBig { display:inline-block; width: 175px; float: left; } div#facebookBig { display:inline-block; width: 183px; float: left; } div#backstagerBig { display:inline-block; width: 275px; float: left; } div.social-media { text-align:center; padding: 20px 0 0 160px; } a.sizeguide { text-decoration: underline; margin-left: 0px; } a.sizeguide:hover { text-decoration: none; } .google-map { visibility: hidden; height: 1px; } div#searchBox { height: 1%; overflow: hidden; width: 720px; } #free-delivery-holder { float: right; display: inline; } div.sub-banner a.fancybox{ display:block; float: left; width: 357px; } div.sub-banner { height: 1%; overflow: hidden; margin-top: 4px; display:block; } div.sub-banner img { margin-right: 2px; } div.sub-banner img.last { margin:0px 0px 0px 4px; } div#home-left { float: left; height:1%; overflow: hidden; width: 720px; margin-right: 10px; } div#home-right { float: right; height:1%; overflow: hidden; width: 230px; } div#home-right .box-content { display:block; height: 266px; width: 230px; background-color: #F6F6F6; margin-bottom: 7px; padding: 10px 10px 10px 15px; line-height: 1.1; } div#home-right .box-content .heading .title { float: left; width: 110px; text-align: left; } div#home-right .box-content .heading .navigation { float: right; width: 140px; text-align: left; } div#home-right .box-content .slideshow { display: block; height: 205px; vertical-align: middle; padding-top:10px; } div#home-right .box-content .slideshow .arrow-left { vertical-align: middle; float: left; height: 205px; } div#home-right .box-content .slideshow .images { float: left; display: block; width: 138px; } div#home-right .box-content .slideshow .images .image-item { display: block; width: 138px; height: 225px; } div#home-right .box-content .slideshow .images .image-item .description { display:block; padding: 5px; text-align: center; } div#home-right .box-content .slideshow .arrow-right { float: left; height: 225px; } div#home-right .box-content .slideshow .arrow-right img { margin-top: 60px; cursor: pointer; } div#home-right .box-content .slideshow .arrow-left img { margin-top: 60px; cursor: pointer; } div#home-right .heading { display:block; height: 40px; } div.subscribe { width: 355px; float: right; height: 121px; background: url(/images/subscribe-form-bg.jpg); } div.subscribe img{ margin: 0px; } div.subscribe input#backstagerEmail { border: none; width: 188px; margin: 91px 0 0 105px; background-color: #FCFBF5; display:block; float:left; } div.subscribe img#submitBackstagerBtn { float: right; margin: 91px 12px 0 0; cursor:pointer; z-index: 1000; display:block; } div.subscribe2 { width: 315px; float: left; height: 121px; background: url(/images/backstager-logo.png); } div.subscribe2 img{ margin: 0px; } div.subscribe2 input#backstagerEmail { border: none; width: 163px; margin: 90px 0 0 85px; background-color: #FCFBF5; } div.subscribe2 img#submitBackstagerBtn { float: right; margin: 91px 15px 0 0; cursor:pointer; } p.smaller-price { font-size: 12px; margin-bottom: 0px; width: 215px; text-align: right; } #main-content-detail .color li a { width:30px; height: 20px; } #main-content-detail .swatch-image { width:30px; height: 20px; } p#selectedColor, p#selectedSize { margin-bottom: 3px; } #main-content-detail div.form { margin-top: 0px; } div.product-detail2#main-content .columns div.columntwo { float: right; overflow: hidden; width: 370px; } div.product-detail2#main-content h3.we-thought { font-size: 18px; height: 24px; margin: 0 auto 34px; overflow: hidden; width: 349px; } div.product-detail2#main-content .columns { overflow: hidden; padding: 0 35px 40px 0; width: 720px; } div.product-detail2#main-content div.tab { border: 1px solid #000; clear: both; margin: 0 0 14px; padding: 10px 10px 5px; width: 262px; border-top: 0px; } div.product-detail2#main-content div.tabset { width: 285px; } div.product-detail2#main-content div.tabset a { color: #FFFFFF; display: inline-block; padding: 5px 2px 0; text-decoration: none; width: 138px; border-radius: 0px; margin-right:0px; } div.product .content-holder { width: 720px; height: 1%; overflow: hidden; margin-bottom: 15px; } div.product .content-holder h1 { margin-top: 0px; font-size: 24px; display: none; } div.product .content-holder .category-description { display: none; font-size: 15px; line-height: 17px; } div.bg-backstager { background: url(/images/backstager-bg.jpg) no-repeat; width: 960px; height: 822px !important; display: block; } div.bg-backstager .column-left { float: left; display: block; width: 330px; height: 450px; } div.bg-backstager .column-right { float: right; display: block; width: 300px; height: 450px; }