@charset "utf-8";
/*******************************************************************
CSS for Men/Women/Kids homepages :: Ben Smithett :: Created 16/07/09
*******************************************************************/

.clearfix { clear:both; }

/* Just Jeans homepage
***************************/
/* Overwrite some header styles so it lines up with the homepage's nice 960 grid (on this page only) 
.home #header { padding:0 10px 0 6px; position:relative; width:944px; }
.home #header li.bag.last-child a { padding:0 0 0 0.5em; }
.home #header .search-bar { margin-right:0; }
.home #header .main { left:59px; position:absolute; }*/

.home #promotions { font:14px/16px "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",sans-serif; margin:6px auto 0; padding:0 10px; width:940px; }
.home .css3-shadow { -moz-box-shadow: 0px 0px 4px #bbb; -webkit-box-shadow: 0px 0px 4px #bbb; box-shadow: 0px 0px 4px #bbb; behavior: url(/htc/ie-css3.htc); }

.home .primary { background:#fff; height:370px; position:relative; width:460px; }
.home .primary-1 { background:url(/images/pages/home/main-left.jpg?i=2) no-repeat; float:left; }
.home .primary-2 { background:url(/images/pages/home/main-right.jpg?i=3) no-repeat; float:right; }
.home .primary a { display:block; height:370px; position:relative; width:460px; z-index:50; }
.home .primary a span { background:#d0a070; bottom:0px; color:#333333; cursor:pointer; display:block; padding:10px 10px 12px; position:absolute; text-align:center; width:440px; }
/*.home .primary-1 a span { background:#222; }
.home .primary-2 a span { background:#222; }*/
.home .primary a:hover { text-decoration:none; }
.home .primary a:hover span, .home .primary a:focus span, .home .primary span.flashHover { background:#d0a070; color:#335c7c; }
/*.home .primary-1 a:hover span, .home .primary-1 a:focus span { background:#d10086; }
.home .primary-2 a:hover span, .home .primary-2 a:focus span { background:#006ca4; }
.home .primary .flash { height:370px; position:absolute; width:460px; z-index:100; }
.home #flash-right { display:block; position:absolute; top:0px; }
.home div#flash-right { position:absolute; left:-9999px; }*/

.home .secondary { clear:left; display:block; float:left; list-style:none; margin:0; _margin-right:-20px; text-align:center; width:640px; }
.home .secondary li { display:block; float:left; height:140px; margin:20px 20px 0 0; width:300px; }
.home .secondary a { display:block; height:140px; position:relative; width:300px; }
.home .secondary a:hover, .home .secondary a:focus { text-decoration:none; }
.home .secondary a span { background-color:#d0a070; bottom:0px; color:#333333; display:block; font-size:13px; left:0px; line-height:15px; padding:5px 5px 7px; position:absolute; width:290px; }
.home #secondary-1 { background-image:url(/images/pages/home/styleme.jpg?i=1); background-repeat:no-repeat; }
.home #secondary-2 { background-image:url(/images/pages/home/minor-panel2.jpg?i=1); background-repeat:no-repeat; }
.home #secondary-3 { background-image:url(/images/pages/home/justshop.jpg?i=1); background-repeat:no-repeat; }
.home #secondary-4 { background-image:url(/images/pages/home/minor-panel4.jpg); background-repeat:no-repeat; }
.home .secondary a:hover span, .home .secondary a:focus span { background-color:#d0a070; color:#335c7c; text-decoration:none; }

.home .banner { background:url(/images/pages/home/banner.jpg) no-repeat; display:block; float:right; height:300px; margin:20px 0 0; padding:0; text-indent:-9999px; width:300px; }

/* Homepage "Just Arrived" section
***************************************/
#ja-subscribe { background:url(/images/pages/home/rss.gif) no-repeat; font-size:14px; margin:22px auto 0; text-align:left; width:940px; }
#ja-subscribe a { font-weight:bold; }
#rss-link { padding:0 0 0 23px; }

#ja { background:#f3f3f3; border-bottom:1px solid #e1e1e1; border-top:1px solid #e4e4e4; margin:20px 0 0; padding:8px 0; }
#ja-wrapper { margin:0 auto; width:960px; }

#ja ul, #ja li { list-style:none; margin:0; padding:0; text-indent:0; }

#ja-nav { float:left; padding:8px 0 0 10px; width:160px; }
#ja-nav h1 { margin:0; }
#ja-nav h1 a { background:url(/images/pages/home/just-arrived-sprite.gif) no-repeat 0px 0px; display:block; height:68px; text-indent:-9999px; width:146px; }
#ja-nav h1 a:hover, #ja-nav h1 a:focus { background-position:0px -80px; }
#ja-nav p { background:url(/images/pages/home/just-arrived-sprite.gif) no-repeat -200px 0px; height:11px; margin:8px 0 4px; overflow:hidden; text-indent:-9999px; width:115px; }
#ja-nav li { display:block; }
#ja-nav li a { background:url(/images/pages/home/just-arrived-sprite.gif) no-repeat -200px -14px; display:block; height:18px; text-indent:-9999px; width:95px; }
#ja-nav #ja-women a:hover, #ja-nav #ja-women a:focus { background-position:-400px -14px; }
#ja-nav #ja-men a { background-position:-200px -33px; width:56px; }
#ja-nav #ja-men a:hover, #ja-nav #ja-men a:focus { background-position:-400px -33px; }
#ja-nav #ja-kids a { background-position:-200px -52px; width:56px; }
#ja-nav #ja-kids a:hover, #ja-nav #ja-kids a:focus { background-position:-400px -52px; }

#ja-products { display:block; }
#ja-products li { background:url(/images/pages/home/just-arrived-product-bg.gif) no-repeat; display:block; float:left; height:152px; margin:0 1px; overflow:hidden; padding:3px; width:135px; }
#ja-products li a { display:block; height:152px; overflow:hidden; position:relative; width:135px; }
#ja-products li a span { background:rgba(0,0,0,0.85); bottom:-100px; color:#fff; display:block; font-size:12px; left:0px; line-height:16px; padding:8px 5px; position:absolute; text-align:center; text-transform:uppercase; width:125px; }
#ja-products li a:hover { cursor:pointer; text-decoration:none; }
#ja-products li a:focus { outline:1px dotted; }

#ja-more { background:url(/images/pages/home/just-arrived-sprite.gif) no-repeat -590px 0px; display:block; float:left; height:150px; margin:2px 0 0; padding:2px; text-indent:-9999px; width:60px }
#ja-more:hover, #ja-more:focus { background-position:-690px 0px; }

/* Women's homepage
***************************/
#content.women-home .promo-container { background-image:url(/images/pages/women/women_home.jpg?i=2); background-repeat:no-repeat; height:450px; min-height:450px; width:822px; position:relative; }
#content.women-home .promo-container p { color:#000; font:bold 14px sans-serif; left:305px; position:absolute; text-align:center; top:340px; width:300px; }
#content.women-home .promo-container a { color:#0074cd; display:block; font:bold 24px sans-serif; left:220px; padding:15px; position:absolute; text-align:center; top:300px; width:140px; }
#content.women-home .promo-container a:hover, #content.women-home .promo-container a:focus { color:#0b497a; }

/* Men's homepage
***************************/
#content.men-home .promo-container { background-image:url(/images/pages/men/men_home.jpg?i=2); background-repeat:no-repeat; height:450px; min-height:450px; width:822px; position:relative; }
#content.men-home .promo-container h2 { color:#000; display:block; font:bold 20px sans-serif; left:350px; margin:0; padding:0; position:absolute; text-align:center; top:315px; width:417px; }
#content.men-home .promo-container p { color:#000; font:bold 14px sans-serif; left:350px; position:absolute; text-align:center; top:345px; width:417px; }
#content.men-home .promo-container a { color:#0074cd; display:block; font:bold 24px sans-serif; left:220px; padding:15px; position:absolute; text-align:center; top:300px; width:140px; }
#content.men-home .promo-container a:hover, #content.women-home .promo-container a:focus { color:#0b497a; }

/* Kids homepage
***************************/
#content.kids-home .promo-container { /*background:url(/images/pages/kids/kids_home.jpg) no-repeat;*/ height:450px; min-height:450px; width:822px; position:relative; }
#content.kids-home .promo-container a { display:block; }
#content.kids-home .promo-container a img { display:block; border:none; }