html{height:100%;}
body {
color:#000;
background:#fff;
font:11px/14px arial, helvetica, sans-serif;
position: relative;
margin: 0;
min-width:1000px;
height:100%;
}
form, fieldset {
margin:0;
padding:0;
border-style: none;
}
img {border-style: none;
}
input, select, textarea {
vertical-align: middle;
font: 11px arial, helvetica, sans-serif;
}
a {
color: #f00;
text-decoration: underline;
}
a:hover {text-decoration: none;}
#wrapper {
width:100%;
min-height:100%;
position:relative;
z-index:1;
}
* html #wrapper {
height:100%;
}
/* header */
#header{
width:100%;
min-height:117px;
min-width:960px;
background:#231f21 url(../images/bg-header.jpg) repeat-x 0 100%;
z-index:99999;
}
* html #header{
height:117px;
}
#main .holder, #main .footerholder,
#footer .holder,
#header .holder,
.mainnav .holder{
width:960px;
margin:0 auto;
overflow:hidden;
}
#main .holder{padding-bottom:225px;}
#main .footerholder{padding-bottom:125px;}
#header h1{
float:left;
overflow:hidden;
margin:10px 0 0;
}
#header h1 a{
display:block;
background:url(../images/logo.gif) no-repeat;
width:195px;
height:60px;
text-indent:-9999px;
}
/* content */
#main{
width:100%;
background:#fff;
min-width:960px;
}
* html .index #main{
height:560px;
}
#content{
float:right;
width:730px;
padding:18px 0 0;
}
.inner2 #content{
padding:30px 0 0;
}
.inner3 #content{
width:710px;
}
.inner3 #content,
.inner4 #content{
padding:11px 0 0;
}
.inner3 #content .cart,
.inner4 #content .cart{
margin:0 -8px 11px 0;
}
#content .cart{
float:right;
margin:0 -8px 17px 0;
padding:0;
list-style:none;
overflow:hidden;
}
#content .cart li{
float:left;
padding:0 7px 0 7px;
margin:0 2px 0 -2px;
display:inline;
background:url(../images/sep-gray.gif) no-repeat;
color:#666666;
line-height:12px;
}
#content .cart li a{
color:#666666;
text-decoration:none;
text-transform:uppercase;
font-size:10px;
}
#content .cart li a:hover{
text-decoration:underline;
}
#content .visual{
float:right;
margin:0 2px 0 0;
display:inline;
}
#content .visual img{
vertical-align:top;
}
/* sidebar */
.index #sidebar{
float:left;
width:188px;
padding:47px 0 0 4px;
}
.index #sidebar .sidenav{
margin:0;
padding:0 0 7px 4px;
list-style:none;
width:188px;
overflow:hidden;
border-bottom:2px #aa0411 solid;
}
.index #sidebar .sidenav li{
margin:0 0 2px;
}
.index #sidebar .sidenav li a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:100%;
}
.index #sidebar .sidenav li a.link1{
background:url(../images/txt-guys.gif) no-repeat 100% 0;
height:32px;
}
.index #sidebar .sidenav li a.link2{
background:url(../images/txt-girls.gif) no-repeat 100% 0;
height:32px;
}
.index #sidebar .sidenav li a.link3{
background:url(../images/txt-jeans.gif) no-repeat 100% 0;
height:32px;
}
.index #sidebar .sidenav li a.link4{
background:url(../images/txt-lookbook.gif) no-repeat 100% 0;
height:32px;
}
.index #sidebar .sidenav li a.link5{
background:url(../images/txt-sxsw.gif) no-repeat 100% 0;
height:32px;
}
.index #sidebar .sidenav li a.link6{
background:url(../images/txt-backstagers.gif) no-repeat 100% 0;
height:32px;
}
.index #sidebar .sidenav li a.link7{
background:url(../images/txt-stores.gif) no-repeat 100% 0;
height:32px;
}
.index #sidebar .sidenav li a.link8{
background:url(../images/txt-about-us.gif) no-repeat 100% 0;
height:32px;
}
/* footer */
#footer{
min-height:111px;
background:#fff url(../images/bg-footer.jpg) repeat-x 0 100%;
overflow:hidden;
width:100%;
min-width:960px;
z-index:2;
}
.fixed{
position:fixed;
bottom:0;
left:0;
}
* html #footer{
height:111px;
}
#footer .red{
background:#aa0411;
padding:11px 13px 12px 11px;
overflow:hidden;
height:1%;
margin:0 0 13px;
}
#footer .red ul{
margin:3px 0 0 -2px;
padding:0;
list-style:none;
float:left;
width:260px;
overflow:hidden;
}
#footer .red ul li{
float:left;
}
#footer .red ul li a{
display:block;
background:url(../images/bg-rednav.gif) no-repeat;
text-indent:-9999px;
height:6px;
width:50px;
overflow:hidden;
}
#footer .red ul li.link1 a{
background-position:0 0;
width:40px;
margin:0 26px 5px 0;
}
#footer .red ul li.link2 a{
background-position:-64px 0;
width:92px;
margin:0 10px 5px 0;
}
#footer .red ul li.link3 a{
background-position:-163px 0;
width:28px;
margin:0 0 5px;
}
#footer .red ul li.link4 a{
background-position:0 -11px;
width:54px;
margin:0 12px 0 0;
}
#footer .red ul li.link5 a{
background-position:-64px -11px;
width:92px;
margin:0 10px 0 0;
}
#footer .red ul li.link6 a{
background-position:-163px -11px;
width:39px;
}
#footer .red .access{
float:right;
width:190px;
}
#footer .red .access a{
float:right;
display:block;
background:url(../images/bg-btn.gif) no-repeat;
width:53px;
height:18px;
text-align:center;
padding:2px 0 0;
color:#fff;
font-size:10px;
text-decoration:none;
text-transform:uppercase;
margin:0 0 0 8px;
}
#footer .red .access a:hover{
text-decoration:underline;
}
#footer .red .access p{
margin:1px 0 0;
font-size:10px;
font-style:italic;
color:#fff;
}
#footer .logoleft{
float:left;
text-indent:-9999px;
background:url(../images/bottomlogo-l.png) no-repeat;
width:102px;
height:24px;
margin:5px 0 0;
overflow:hidden;
}
#footer .logoright{
float:right;
text-indent:-9999px;
background:url(../images/bottomlogo-r.png) no-repeat;
width:83px;
height:25px;
margin:0 10px 0 0;
overflow:hidden;
}
#footer .address{
float:right;
margin:0 70px 0 0;
display:inline;
}
#footer .address p{
margin:0;
text-align:right;
color:#fff;
font-size:10px;
}
#footer .address p span{
display:block;
}
/* inner page */
#sidebar{
float:left;
width:195px;
padding:43px 0 0 0px;
}
#sidebar .sidenav{
margin:0;
padding:0 0 14px;
list-style:none;
width:196px;
float:left;
overflow:hidden;
border-bottom:2px #aa0411 solid;
}
#sidebar .sidenav li a{
height:32px;
display:block;
margin:0 0 2px;
text-indent:-9999px;
overflow:hidden;
}
#sidebar .sidenav li a.link1{
background:url(../images/txt-tank.gif) no-repeat;
}
#sidebar .sidenav li a.link2{
background:url(../images/txt-tees.gif) no-repeat;
}
#sidebar .sidenav li a.link3{
background:url(../images/txt-polos.gif) no-repeat;
}
#sidebar .sidenav li a.link4{
background:url(../images/txt-fleece.gif) no-repeat;
}
#sidebar .sidenav li a.link5{
background:url(../images/txt-tops.gif) no-repeat;
}
#sidebar .sidenav li a.link6{
background:url(../images/txt-knits.gif) no-repeat;
}
#sidebar .sidenav li a.link7{
background:url(../images/txt-shorts.gif) no-repeat;
}
#sidebar .sidenav li a.link8{
background:url(../images/txt-jackets.gif) no-repeat;
height:35px;
}
#sidebar .sidenav li a.link9{
background:url(../images/txt-acessories.gif) no-repeat;
}
#sidebar .sidenav li.active a{
background-position:-200px 0px;
}
.inner2 #content .frame,
.inner3 #content .frame,
.inner4 #content .frame{
background:url(../images/sep-spotted.gif) repeat-x;
padding:17px 0;
width:100%;
overflow:hidden;
clear:both;
}
.inner3 #content .frame{
padding:6px 0 27px;
}
.inner2 #content .frame .box,
.inner3 #content .frame .box,
.inner4 #content .frame .box{
background:url(../images/sep-spotted.gif) repeat-x 0 100%;
width:100%;
overflow:hidden;
}
.inner3 #content .frame .box{
padding:0 0 41px;
}
.inner2 #content .visual{
background:url(../images/bg-man.gif) no-repeat 50% 0;
width:100%;
overflow:hidden;
height:380px;
}
.inner2 #content .visual img{
display:block;
margin:110px auto 0;
}
/*main navigation */
.mainnav{
position:absolute;
top:83px;
left:0px;
width:100%;
}
.mainnav ul{
margin:0;
padding:0;
display:inline;
float:right;
list-style: none;
}
.mainnav li {
float:left;
margin:0 0 0 24px;
}
.mainnav li span {
float:left;
height:34px;
overflow:hidden;
margin:0;
}
.mainnav li span a{
display:block;
text-indent:-9999px;
background:url(../images/menu.png) no-repeat;
width:726px;
height:68px;
margin:0;
}
.mainnav .about {
width:73px;
}
.mainnav li .about a:hover,
.mainnav li.active .about a{
margin:-34px 0 0 0;
}
.mainnav .guys {
width:72px;
}
.mainnav .guys a{
margin:0 0 0 -91px;
}
.mainnav li .guys a:hover,
.mainnav li.active .guys a{
margin:-34px 0 0 -91px;
}
.mainnav .girls {
width:70px;
}
.mainnav .girls a{
margin:0 0 0 -184px;
}
.mainnav li .girls a:hover,
.mainnav li.active .girls a{
margin:-34px 0 0 -184px;
}
.mainnav .jeans {
width:73px;
}
.mainnav .jeans a{
margin:0 0 0 -279px;
}
.mainnav li .jeans a:hover,
.mainnav li.active .jeans a{
margin:-34px 0 0 -279px;
}
.mainnav .lookbook {
width:114px;
}
.mainnav .lookbook a{
margin:0 0 0 -373px;
}
.mainnav li .lookbook a:hover,
.mainnav li.active .lookbook a{
margin:-34px 0 0 -373px;
}
.mainnav .backstagers {
width:127px;
}
.mainnav .backstagers a{
margin:0 0 0 -507px;
}
.mainnav li .backstagers a:hover,
.mainnav li.active .backstagers a{
margin:-34px 0 0 -507px;
}
.mainnav .stores {
width:68px;
}
.mainnav .stores a{
margin:0 0 0 -658px;
}
.mainnav li .stores a:hover,
.mainnav li.active .stores a{
margin:-34px 0 0 -658px;
}
/* inner3 */
.inner3 .show{
width:100%;
overflow:hidden;
}
.inner3 .show ul{
float:right;
margin:0;
padding:0;
list-style:none;
}
.inner3 .show ul li{
float:left;
padding:0 0 0 13px;
}
.inner3 .show ul li a{
display:block;
font-size:9px;
line-height:28px;
color:#5f5f5f;
text-decoration:none;
}
.inner3 .show ul li a:hover,
.inner3 .show ul li.active a{
color:#aa0411;
}
.inner3 .show .next{
background: url(../images/bull-show.gif) no-repeat 100% 50%;
padding:0 10px 0 0;
}
.item{
margin:0;
padding:0;
list-style:none;
width:764px;
overflow:hidden;
}
.item li{
width:138px;
overflow:hidden;
padding:0 53px 21px 0;
float:left;
}
.item li img{
vertical-align:top;
}
.item li p{
width:100%;
margin:0;
line-height:23px;
text-align:center;
font-size:12px;
color:#acacac;
}
.item li strong{
display:block;
width:100%;
line-height:18px;
text-align:center;
background:#acacac;
color:#fff;
font-weight:normal;
}
/* inner4 */
.columns{
width:675px;
padding:0 35px 40px 0;
overflow:hidden;
}
.columns .columnone{
width:292px;
overflow:hidden;
float:left;
}
.columns .columntwo{
width:360px;
overflow:hidden;
float:right;
}
.columnone .image{
border:1px solid #b8b8b8;
margin:0 0 25px;
}
.columnone .image img{
vertical-align:top;
}
.columnone .image .zoom{
display:block;
width:60px;
line-height:18px;
text-align:center;
background:#000;
color:#fff;
text-transform:uppercase;
font-size:9px;
text-decoration:none;
border-right:2px solid #fff;
border-bottom:1px solid #bfbfbf;
margin:0 0 -1px -1px;
position:relative;
}
.columnone .image .zoom:hover{
text-decoration:underline;
}
.columnone .foto{
width:300px;
overflow:hidden;
margin:0 0 15px;
padding:0;
list-style:none;
}
.columnone .foto li{
border:1px solid #aaa;
margin:0 8px 0 0;
float:left;
}
.columnone .foto li img{
vertical-align:top;
}
.columnone .back{
background: url(../images/bull-back.gif) no-repeat 0 50%;
padding:0 0 0 12px;
text-decoration:none;
font-size:11px;
color:#000;
}
.columnone .back:hover{
text-decoration:underline;
}
.columntwo h2{
font-size:48px;
line-height:50px;
color:#000;
margin:0 0 1px;
font-weight:normal;
}
/* These are standard sIFR styles... do not modify */
.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 div.columntwo h2 span{
visibility: hidden;
font-size: 50px;
}
.columntwo .price{
width:100%;
overflow:hidden;
}
.columntwo .price em{
display:block;
font-size:12px;
font-style:normal;
}
.sIFR-hasFlash div.columntwo div.price strong span{
visibility: hidden;
font-size: 88px;
}
.columntwo .price strong{
font-size:80px;
line-height:90px;
color:#8e1417;
font-weight:normal;
}
.columntwo .form{
width:100%;
overflow:hidden;
margin:0 0 25px;
}
.columntwo .form label.make{
background: url(../images/txt-make.gif) no-repeat 0 0;
width:128px;
height:16px;
display:block;
text-indent:-9999px;
padding:0 0 9px;
}
.columntwo .form select{
width:284px;
margin:4px 0 0;
}
.columntwo .form input{
margin:52px 0 0;
}
.tabset {
float:left;
}
.tabset a.tab {
width:143px;
line-height:14px;
overflow:hidden;
float: left;
text-align:center;
background:#000;
color:#fff;
position: relative;
text-decoration:none;
}
.tabset a.tab:hover{
background:#797979;
}
.tabset a.active{
background:#797979;
}
div.tab {
border:2px solid #e4e4e4;
border-top:0;
width:262px;
clear: both;
padding:10px 10px 0 10px;
margin:0 0 14px;
}
div.tab h3{
font-size:11px;
color:#666;
margin:0 0 1px;
}
div.tab p{
font-size:11px;
color:#666;
margin:0 0 17px;
}
.columntwo .share{
float:left;
line-height:16px;
background: url(../images/bull-share.gif) no-repeat 0 0;
padding:0 0 0 20px;
text-decoration:none;
color:#000;
}
.columntwo .share:hover{
text-decoration:underline;
}
.inner4 h3.we-thought{
background: url(../images/h3-we.gif) no-repeat 0 0;
width:349px;
height:24px;
overflow:hidden;
text-indent:-9999px;
margin:0 auto 34px;
}
.lightbox{
width:700px;
height:550px;
overflow:hidden;
position:absolute;
top:22%;
left:50%;
margin-left:-350px;
z-index:900;
opacity:1;
}
.btn-close{
position:absolute;
top:0;
right:35px;
z-index:999;
background: url(../images/btn-close.gif) no-repeat 0 0;
width:84px;
height:20px;
text-indent:-9999px;
overflow:hidden;
}
.categorypage3 #main{
clear:both;
}
.categorypage3 #content{
width:573px;
padding:44px 136px 0 0;
color:#959595;
font-size:14px;
line-height:22px;
margin: 15px 0 0 0;
}
.categorypage3 h2.tomorrow{
margin:0 0 18px;
background:url(../images/tetx-tomorrow.gif) no-repeat;
width:439px;
height:82px;
text-indent:-9999px;
}
.categorypage3 #content span{
margin-bottom:26px;
display:block;
text-indent:-9999px;
}
.categorypage3 #content p{
margin:0 0 29px;
text-indent:-9999px;
width:554px;
}
.categorypage3 #content p.just{
background:url(../images/text-just-as.gif) no-repeat;
height:58px;
}
.categorypage3 #content p.from{
background:url(../images/text-from.gif) no-repeat;
height:82px;
}
.categorypage3 #content p.theres{
background:url(../images/text-theres.gif) no-repeat;
height:38px;
}
.categorypage3 #content span.at-elwood{
background:url(../images/text-at-elwood.gif) no-repeat;
height:47px;
}
.categorypage3 #header .holder{
overflow:visible;
height:117px;
}
.categorypage3 ul.nav{
list-style:none;
margin:83px -20px 0 0;
padding:0;
float:right;
width:740px;
height:34px;
}
.categorypage3 ul.nav:after{
display:block;
clear:both;
content:"";
}
.categorypage3 ul.nav li{
float:left;
margin:0;
margin-right:4px;
}
.categorypage3 ul.nav li.active a span{
margin-top:-34px;
}
.categorypage3 ul.nav a{
height:34px;
overflow:hidden;
cursor:pointer;
}
.categorypage3 ul.nav a span{
height:68px;
display:block;
text-indent:-9999px;
}
.categorypage3 ul.nav a.shop span{
background:url(../images/bg-nav-shop.png) no-repeat;
width:60px;
}
.categorypage3 ul.nav a.shop:hover span{margin-top:-34px;}
.categorypage3 ul.nav a.style span{
background:url(../images/bg-nav-style.png) no-repeat;
width:121px;
}
.categorypage3 ul.nav a.style:hover span{margin-top:-34px;}
.categorypage3 ul.nav a.campaign span{
background:url(../images/bg-nav-campaign.png) no-repeat;
width:121px;
}
.categorypage3 ul.nav a.campaign:hover span{margin-top:-34px;}
.categorypage3 ul.nav a.our span{
background:url(../images/bg-nav-our.png) no-repeat;
width:106px;
}
.categorypage3 ul.nav a.our:hover span{margin-top:-34px;}
.categorypage3 ul.nav a.backstagers span{
background:url(../images/bg-nav-backstagers.png) no-repeat;
width:116px;
}
.categorypage3 ul.nav a.backstagers:hover span{margin-top:-34px;}
.categorypage3 ul.nav a.stores span{
background:url(../images/bg-nav-stores.png) no-repeat;
width:70px;
}
.categorypage3 ul.nav a.stores:hover span{margin-top:-34px;}
.categorypage3 ul.nav a.about span{
background:url(../images/bg-nav-about.png) no-repeat;
width:116px;
}
.categorypage3 ul.nav a.about:hover span{margin-top:-34px;}
.categorypage3 ul.nav li:hover a span,
.categorypage3 ul.nav li.hover a span {margin-top:-34px;}
.categorypage3 ul.nav li:hover ,
.categorypage3 ul.nav li.hover{position:relative;}
.categorypage3 ul.nav li a{
float:left;
color:#fff;
text-decoration:none;
}
.categorypage3 ul.nav li ul{
position:absolute;
top:100%;
left:0;
width:121px;
background:#f9f7f7;
display:none;
margin:0;
padding:0;
overflow:hidden;
list-style:none;
}
.categorypage3 ul.nav li:hover ul,
.categorypage3 ul.nav li.hover ul{display:block;}
.categorypage3 ul.nav li ul li{
margin:0;
float:none;
height:22px;
overflow:hidden;
}
.categorypage3 ul.nav li ul li a{
font-size:14px;
display:block;
float:none;
height:44px;
width:121px;
text-indent:-9999px;
}
.categorypage3 ul.nav li ul li a.catalogue{background:url(../images/bg-nav-catalocue.gif) no-repeat;}
.categorypage3 ul.nav li ul li a.catalogue:hover{background-position:0 -22px;}
.categorypage3 ul.nav li ul li a.images{background:url(../images/bg-nav-images.gif) no-repeat;}
.categorypage3 ul.nav li ul li a.images:hover{background-position:0 -22px;}
.categorypage3 ul.nav li ul li a.video{background:url(../images/bg-nav-video.gif) no-repeat;}
.categorypage3 ul.nav li ul li a.video:hover{background-position:0 -22px;}
.categorypage3 ul.nav li ul li a.guys{background:url(../images/bg-nav-guys.gif) no-repeat;}
.categorypage3 ul.nav li ul li a.guys:hover{background-position:0 -22px;}
.categorypage3 ul.nav li ul li a.girls{background:url(../images/bg-nav-girls.gif) no-repeat;}
.categorypage3 ul.nav li ul li a.girls:hover{background-position:0 -22px;}
/*category 3 sidebar added by Benedict */
.categorypage3 #sidebar{
width:220px;
padding-top:75px;
padding-bottom:55px;
}
.categorypage3 #sidebar .accordion{
margin:0 0 0 -9px;
padding:0;
list-style:none;
width:220px;
position:relative;
}
.categorypage3 #sidebar .accordion li{
vertical-align:middle;
overflow:hidden;
width:220px;
margin:0 0 2px;
}
.categorypage3 #sidebar .accordion li a{
display:block;
height:33px;
width:220px;
overflow:hidden;
outline:none;
text-indent:-9999px;
}
.categorypage3 #sidebar .slide{width:100%;}
.categorypage3 #sidebar .slide:after{
display:block;
clear:both;
content:"";
}
.accordion .ui-state-active{background:#fff;}
.categorypage3 #sidebar .accordion li a.shop{background:url(../images/bg-ac-shop.png) no-repeat;}
.categorypage3 #sidebar .accordion li a.style{background:url(../images/bg-ac-style.png) no-repeat;}
.categorypage3 #sidebar .accordion li a.campaign{background:url(../images/bg-ac-campaign.png) no-repeat;}
.categorypage3 #sidebar .accordion li a.our-music{background:url(../images/bg-ac-our.png) no-repeat;}
.categorypage3 #sidebar .accordion li a.backstagers{background:url(../images/bg-ac-backstagers.png) no-repeat;}
.categorypage3 #sidebar .accordion li a.stores{background:url(../images/bg-ac-stores.png) no-repeat;}
.categorypage3 #sidebar .accordion li a.about{background:url(../images/bg-ac-about.png) no-repeat;}
.categorypage3 #sidebar .accordion ul{
margin:0;
padding:0;
list-style:none;
float:left;
}
.categorypage3 #sidebar .accordion ul li{
height:34px;
overflow:hidden;
margin-bottom:-3px;
float:left;
width:220px;
}
.categorypage3 #sidebar .accordion ul li.active a{margin:-34px 0 0 0;}
.categorypage3 #sidebar .accordion ul a{
height:68px;
display:block;
float:none;
}
.categorypage3 #sidebar .accordion ul a.catalogue{background:url(../images/bg-ac-catalogue.png) no-repeat;}
.categorypage3 #sidebar .accordion ul a.catalogue:hover{margin:-34px 0 0 0;}
.categorypage3 #sidebar .accordion ul a.images{background:url(../images/bg-ac-images.png) no-repeat;}
.categorypage3 #sidebar .accordion ul a.images:hover{margin:-34px 0 0 0;}
.categorypage3 #sidebar .accordion ul a.video{background:url(../images/bg-ac-video.png) no-repeat;}
.categorypage3 #sidebar .accordion ul a.video:hover{margin:-34px 0 0 0;}
.categorypage3 #sidebar .accordion ul a.guys{background:url(../images/bg-ac-guys.png) no-repeat;}
.categorypage3 #sidebar .accordion ul a.guys:hover{margin:-34px 0 0 0;}
.categorypage3 #sidebar .accordion ul a.girls{background:url(../images/bg-ac-girls.png) no-repeat;}
.categorypage3 #sidebar .accordion ul a.girls:hover{margin:-34px 0 0 0;}
/* End category 3 sidebar */
.homev{background:url(../images/bg-html.jpg) 50% 0;}
.homev #main{background:url(../images/bg-main.jpg) repeat-x;}
.homev #sidebar{
width:220px;
padding-top:75px;
padding-bottom:55px;
}
.homev #sidebar .accordion{
margin:0 0 0 -9px;
padding:0;
list-style:none;
width:220px;
position:relative;
}
.homev #sidebar .accordion li{
vertical-align:middle;
overflow:hidden;
width:220px;
margin:0 0 2px;
}
.homev #sidebar .accordion li a{
display:block;
height:33px;
width:220px;
outline:none;
text-indent:-9999px;
}
.homev #sidebar .slide{width:100%; overflow:hidden;}
.homev #sidebar .slide:after{
display:block;
clear:both;
content:"";
}
.accordion .ui-state-active{background:#fff;}
.homev #sidebar .accordion li a.shop{background:url(../images/bg-ac-shop.png) no-repeat;}
.homev #sidebar .accordion li a.style{background:url(../images/bg-ac-style.png) no-repeat;}
.homev #sidebar .accordion li a.campaign{background:url(../images/bg-ac-campaign.png) no-repeat;}
.homev #sidebar .accordion li a.our-music{background:url(../images/bg-ac-our.png) no-repeat;}
.homev #sidebar .accordion li a.backstagers{background:url(../images/bg-ac-backstagers.png) no-repeat;}
.homev #sidebar .accordion li a.stores{background:url(../images/bg-ac-stores.png) no-repeat;}
.homev #sidebar .accordion li a.about{background:url(../images/bg-ac-about.png) no-repeat;}
.homev #sidebar .accordion ul{
margin:0;
padding:0;
list-style:none;
float:left;
}
.homev #sidebar .accordion ul li{
height:34px;
overflow:hidden;
margin-bottom:-3px;
float:left;
width:220px;
}
.homev #sidebar .accordion ul li.active a{margin:-34px 0 0 0;}
.homev #sidebar .accordion ul a{
height:68px;
display:block;
float:none;
}
.homev #sidebar .accordion ul a.catalogue{background:url(../images/bg-ac-catalogue.png) no-repeat;}
.homev #sidebar .accordion ul a.catalogue:hover{margin:-34px 0 0 0;}
.homev #sidebar .accordion ul a.images{background:url(../images/bg-ac-images.png) no-repeat;}
.homev #sidebar .accordion ul a.images:hover{margin:-34px 0 0 0;}
.homev #sidebar .accordion ul a.video{background:url(../images/bg-ac-video.png) no-repeat;}
.homev #sidebar .accordion ul a.video:hover{margin:-34px 0 0 0;}
.homev #main .back{
width:177px;
padding:15px 0 0 26px;
position:relative;
}
.homev .back-stage{
display:block;
background:url(../images/tetx-back.gif) no-repeat;
width:177px;
height:148px;
text-indent:-9999px;
}
.homev #main .back a{
position:absolute;
top:95px;
left:-12px;
outline:none;
}
.homev #footer :after{
display:block;
clear:both;
content:"";
}
.homev #footer .holder:after{
display:block;
clear:both;
content:"";
}
.homev #footer .holder{
overflow:visible;
position:relative;
}
.homev .wrap{
height:1%;
overflow:hidden;
}
.homev #content{
width:730px;
padding-top:23px;
position:relative;
overflow:hidden;
}
.homev #main .holder{
overflow:visible;
position:relative;
}
.homev #main .holder:after{
display:block;
clear:both;
content:"";
}
.homev #content .img-holder{
float:left;
margin:-86px 25px 0 0;
}
* html .homev #content .img-holder{margin-right:22px;}
.homev #content .img-holder img{display:block;}
.homev .text{
height:1%;
overflow:hidden;
padding-top:79px;
}
.homev .free{
position:absolute;
top:86px;
right:0;
}
.homev .free span{
float:right;
position:relative;
background:url(../images/text-free.png) no-repeat;
width:274px;
height:56px;
text-indent:-9999px;
margin:0 -21px 0 0;
}
.homev .text h2.new-season{
margin:0 0 17px;
background:url(../images/text-new.png) no-repeat;
width:327px;
height:181px;
text-indent:-9999px;
}
.homev .text a.to-view{
background:url(../images/text-to-view.gif) no-repeat;
text-indent:-9999px;
display:block;
width:346px;
height:41px;
margin-bottom:3px;
position:relative;
cursor:pointer;
}
.homev #content .frame{
width:730px;
}
.homev #content .frame:after{
display:block;
clear:both;
content:"";
}
.homev #content .cart{
float:none;
width:100%;
margin:0 -8px 50px 0;
height:13px;
}
.homev #content .cart li{
float:right;
background:none;
}
.homev #content .cart li.price {background:url(../images/sep-braun.gif) no-repeat 0 2px;}
.homev #content .visual{
float:none;
width:226px;
display:block;
margin:0;
padding:10px 0 0 2px;
}
.homev #content .visual img{display:block;}
.homev #footer{
background:url(../images/bg-footer-homev.jpg) repeat-x;
overflow:visible;
}
.bottom{
position:relative;
margin-top:-111px;
}
.inner3 #main .holder,
.inner4 #main .holder {
padding-bottom:155px !important;
}
* html .inner3 #main .holder,
* html .inner4 #main .holder {
padding-bottom:45px !important;
}
*+html .inner3 #main .holder,
*+html .inner4 #main .holder {
padding-bottom:45px !important;
}
.categorypage3 #main .holder{padding-bottom:155px;}
/* New styles by Benedict */
.homev #sidebar .accordion ul a.guys{background:url(../images/bg-ac-guys.png) no-repeat;}
.homev #sidebar .accordion ul a.guys:hover{margin:-34px 0 0 0;}
.homev #sidebar .accordion ul a.girls{background:url(../images/bg-ac-girls.png) no-repeat;}
.homev #sidebar .accordion ul a.girls:hover{margin:-34px 0 0 0;}
.ev_video {margin-left: 85px;}
.found {margin-top: -50px;
margin-bottom: 40px;}
.outlets {font-size: 11px;
color: #000000;
}
.outlets td {line-height: 14px;
}
.headtoshop {
margin-left:50px;
}
.headover {
margin-top: 20px;
margin-left:60px;
}
.flick {
margin-left:85px;
margin-bottom: 20px;
}
.shopholder {
margin-top: 44px;
margin: auto;
}
.shopholder td{
padding-top: 44px;
padding-left: 10px;
padding-right: 10px;
}
/* End new styles by Benedict */