
@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; }
.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/JJ1112_30p_full_price.gif) no-repeat; float:left; }
.home .primary-2 { background:url(/images/pages/home/JJ1112_40p_womens_tops.gif) no-repeat; float:right; }
.home .primary-3 { background:url(/images/pages/home/JJ1112_2995_womens_shorts.gif) no-repeat; float:left; }
.home .primary-4 { background:url(/images/pages/home/JJ1112_40p_womens_jeans.gif) no-repeat; float:right; }
.home .primary-5 { background:url(/images/pages/home/JJ1112_mens_shorts.gif) no-repeat; float:left; }
.home .primary a { display:block; height:370px; position:relative; width:460px; z-index:50; }
.home .primary a span { background:#013D7B; bottom:0px; color:#fff; 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:#3B6691; }
/*.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; opacity:0.85; }
.home .secondary a span { background-color:#202020; bottom:0px; color:#fff; display:block; font-size:13px; left:-9999px; line-height:15px; padding:5px 5px 7px; position:absolute; width:290px; }
.home #secondary-1 { background-image:url(/images/pages/home/jeans.gif); background-repeat:no-repeat; }
.home #secondary-2 { background-image:url(/images/pages/home/dresses.jpg); background-repeat:no-repeat; }
.home #secondary-3 { background-image:url(/images/pages/home/shorts.gif); background-repeat:no-repeat; }
.home #secondary-4 { background-image:url(/images/pages/home/tees.gif); background-repeat:no-repeat; }
.home .secondary a:hover span, .home .secondary a:focus span { background:#1b2d36; background:rgba(27,45,54,0.8); 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; }
*/

#quick-signup { clear:left; margin:20px auto 0; padding-top:20px; width:940px; background:none !important; }
#quick-signup .quick-signup-form #QuickSign .button:hover,#quick-signup .quick-signup-form #QuickSign .button {background-color:#111 !important;}
/* Christmas Gift Guide
***************************************/
#giftguide { background:#EAEBEC no-repeat; height:550px; margin-bottom:20px; overflow:hidden; position:relative; width:940px; }
#giftguide-intro { display:block; margin:0; }
#giftguide-intro li { display:block; float:left; height:550px; list-style:none; width:235px; }
.intro-button { background:url(/images/pages/home/giftguide-main_2011.jpg) 0 0 no-repeat; display:block; height:550px;  width:235px; z-index:1; position:relative; }
.intro-button .shopwomen {width:95px; height:89px; display:block; background:url(../images/pages/home/shop_women_btn.png) no-repeat; z-index:2; text-indent:-99999px; position:absolute; bottom:10px; margin-left:20px;}
.intro-button .shopwomen:hover { background-position: 0 -90px; }
.intro-button .shopmen {width:95px; height:89px; display:block; background:url(../images/pages/home/shop_men_btn.png) no-repeat; z-index:2; text-indent:-99999px; position:absolute; bottom:10px; margin-left:120px;}
.intro-button .shopmen:hover { background-position: 0 -90px; }
.intro-button .shopgirls {width:95px; height:89px; display:block; background:url(../images/pages/home/shop_girls_btn.png) no-repeat; z-index:2; text-indent:-99999px; position:absolute; bottom:10px; margin-left:20px;}
.intro-button .shopgirls:hover { background-position: 0 -90px; }
.intro-button .shopboys {width:95px; height:89px; display:block; background:url(../images/pages/home/shop_boys_btn.png) no-repeat; z-index:2; text-indent:-99999px; position:absolute; bottom:10px; margin-left:120px;}
.intro-button .shopboys:hover { background-position: 0 -90px; }
/*#intro-25:hover,
#intro-25:focus { background-position:0 -550px; }*/
#intro-50 { background-position:-235px 0; }
/*#intro-50:hover,*/
/*#intro-50:focus { background-position:-235px -550px; }*/
#intro-100 { background-position:-470px 0; }
/*#intro-100:hover,
#intro-100:focus { background-position:-470px -550px; }*/
#intro-gc { background-position:-705px 0; }
/*#intro-gc:hover,
#intro-gc:focus { background-position:-705px -550px; }*/

#intro-ajax-loader { background:#313131 url(/images/pages/home/ajax-loader.gif) 3px 3px no-repeat; color:#fff; display:none; left:420px; padding:7px 5px 7px 30px; position:absolute; top:250px; }

/*.giftguide-controls { background:#eeebeb url(/images/pages/home/giftguide-arrows.gif) -30px 260px no-repeat; display:none; height:550px; position:absolute; text-indent:-9999px; top:0; width:30px; }
.giftguide-controls:hover { background-color:#f7f7f7; }
.giftguide-controls.inactive { background-position:-130px 260px; }
#giftguide-next { background-position:10px 260px; right:0; }
#giftguide-next.inactive { background-position:-90px 260px; }

#giftguide-internal-menu { background:#313131 url(/images/pages/home/giftguide-menu.gif) 10px 10px no-repeat; display:none; left:30px; height:37px; position:absolute; top:0; }
#giftguide-internal-menu ul { display:block; float:left; margin:0 0 0 210px; }
#giftguide-internal-menu li { display:block; float:left; list-style:none; }
#ajax-loader { display:none; float:left; margin:7px 5px 0 0; }
.internal-button { background:url(/images/pages/home/giftguide-menu.gif) 6px -91px no-repeat; display:block; height:37px; text-indent:-9999px; width:50px; }
.internal-button:hover { background-color:#676767; }
.internal-button.active { background-color:#575757; }
#internal-50 { background-position:6px -141px; }
#internal-100 { background-position:6px -191px; width:65px }
#internal-gc { background-position:12px -40px; float:left; margin-left:60px; width:205px; }

.giftguide-products { display:block; left:980px; margin:0; padding:57px 0 0 50px; position:absolute; width:2700px; }
.giftguide-products li { background:#fff; display:block; float:left; height:220px; list-style:none; margin:0 20px 25px 0; width:196px;
     -moz-box-shadow: 5px 6px 16px rgba(0,0,0,0.75); 
  -webkit-box-shadow: 5px 6px 16px rgba(0,0,0,0.75); 
          box-shadow: 5px 6px 16px rgba(0,0,0,0.75); 
}
.giftguide-products a { display:block; height:220px; overflow:hidden; position:relative; width:196px; }
.giftguide-products img { display:block; height:220px; width:196px; }
.giftguide-product-info { background:#313131; background:rgba(0,0,0,0.85); bottom:-220px; color:#fff; display:block; font:bold 12px/16px sans-serif; padding:10px; position:absolute; width:176px; }
.giftguide-product-info strong { display:block; font-size:15px; }
.giftguide-product-info em { display:block; font-size:19px; font-style:normal; line-height:19px; }
.giftguide-products a:hover { text-decoration:none; }
.giftguide-products a:hover .giftguide-product-info { bottom:0; }*/



/* Gift card promotion
***************************************/
#giftcard-promo { display:block; height:200px; margin-bottom:20px; width:940px; }
#giftcard-promo img { display:block; }

/* 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 { display:none; }

/* Men's homepage
***************************/
#content.men-home { display:none; }

/* Kids homepage
***************************/
#content.kids-home { display:none; }



