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;
}