/* CSS Document */ /*Colours defined in external style sheets*/ * {margin:0; padding:0;} body {color:#929992; font-size:13px; line-height:16px; font-family:Arial, Helvetica, sans-serif;} /*Text, Formatting*/ a {text-decoration:none;} a:hover {text-decoration:underline;} a img {border:none;} p {padding-bottom:9px;} h1 {font-size:21px;} h2 {font-size:17px; font-weight:bold; padding-bottom:20px; text-transform:lowercase;} h3 {font-size:15px; font-weight:bold; padding-bottom:18px;} h4 {font-size:14px; font-weight:bold; padding-bottom:3px; border-bottom:2px solid #eee; color:#dadcda; margin-bottom:18px;} h5 {font-size:12px; font-weight:bold; padding-bottom:9px;} /*News*/ h6 {font-size:14px; font-weight:bold; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #eee; color:#B786B6;} h6 span {color:#bbb; padding-right:10px;} .small {font-size:11px; line-height:14px;} .feedback {background:url(../images/global/bg-feedback.gif) no-repeat; padding:5px 0 0 10px;} /*Layout*/ #header-wrap {height:91px; background-repeat:repeat-x;} #content-wrap {background:url(../images/global/bg-content.gif) repeat-x #fff bottom;} #footer-wrap {height:150px; background-repeat:repeat-x; clear:both;} #header, #content, #footer, .promo-wrap {margin:0 auto; width:930px;} /*Hide all B text, used for buttons, nav etc.*/ #header b, #my-cart b, #add-to-cart b, #flash-boys b, #flash-girls b, #flash-mini b, #button-aus b, #button-us b {display:none;} /*Header*/ #logo {width:213px; position:absolute; top:44px; z-index:2;} /*Search*/ #search {float:right; height:32px; width:131px; clear:both;} #search-box {float:left; width:97px; height:12px; border:none; background:url(../images/global/search-box.gif) no-repeat; color:#804680; font-size:11px; padding:2px 4px 4px;} * html #search-box {background-attachment:fixed;}/*IE6 scroll bug*/ #search-button, #search-button a {float:right; width:23px; height:18px; display:block;} /*Navigation*/ #login {float:right; height:26px; font-size:11px; text-transform:lowercase; padding:8px 4px 0 0; font-weight:bold; color:#fff;} #login span {padding:0 5px;} /*Country tabs are deprecated--- #country {float:right; height:34px;} #country div, #country a {float:left; width:33px; height:17px; display:block;} #country div {margin-left:3px;} #usa-on {background:url(../images/global/nav/usa-on.gif);} #aus-on {background:url(../images/global/nav/aus-on.gif);} */ #primary-nav {clear:both; margin-left:250px;} #primary-nav div, #primary-nav a {float:left; height:25px; display:block;} #primary-nav div {margin-right:3px;} #n1, #n1 a {background:url(../images/global/nav/home.gif); width:60px;} #n2, #n2 a {background:url(../images/global/nav/sale.gif); width:58px;} #n3, #n3 a {background:url(../images/global/nav/whatsnew.gif); width:103px;} #secondary-nav {float:right; margin-top:3px;} #secondary-nav div, #secondary-nav a {float:left; height:22px; display:block;} #secondary-nav div {margin-left:3px;} #n4, #n4 a {width:81px;}/*Backgrounds in colour style sheets*/ #n5, #n5 a {width:92px;} #n6, #n6 a {width:62px;} #n7, #n7 a {width:71px;} /*OVER positions (for all buttons site wide*/ #n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover, #n5 a:hover, #n6 a:hover, #n7 a:hover, #usa a:hover, #aus a:hover, #search-button a:hover, #my-cart-goto a:hover, #my-cart-checkout a:hover, .paging a:hover, #sizes a:hover, #add-to-cart a:hover, #sizes .sizes-on a, #flash-boys a:hover, #flash-girls a:hover, #flash-mini a:hover, #button-aus a:hover, #button-us a:hover, #image-numbers a:hover, #image-numbers #image-numbers-on a {background-position:bottom;} /*ON positions*/ #n1-on, #n1-on a {background:url(../images/global/nav/home-on.gif); width:60px;} #n2-on, #n2-on a {background:url(../images/global/nav/sale-on.gif); width:58px;} #n3-on, #n3-on a {background:url(../images/global/nav/whatsnew-on.gif); width:103px;} #n4-on, #n4-on a {background:url(../images/global/nav/stockists-on.gif); width:81px;} #n5-on, #n5-on a {background:url(../images/global/nav/collections-on.gif); width:92px;} #n6-on, #n6-on a {background:url(../images/global/nav/press-on.gif); width:62px;} #n7-on, #n7-on a {background:url(../images/global/nav/contact-on.gif); width:71px;} /*Home page specific*/ #flash-feature {height:595px; width:100%;} #flash-feature-sub {height:770px;} #latest-news {position:absolute; top:530px; margin-left:250px; width:210px; font-size:11px; line-height:13px;} #latest-news #latest-news-heading {border-bottom:2px solid #ddd; padding:5px 3px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#aaa; } /*Cannot have CSS opacity over flash, FF Mac*/ #latest-news div {border-bottom:1px solid #d6d8d6; padding:5px 3px; float:left; width:210px;} #home-product-nav {position:absolute; top:226px; width:210px;} #promotions {position:absolute; top:410px; width:174px; height:236px; background:url(../images/global/bg-promotions.gif) no-repeat; padding:10px 18px 0 18px;} #promotions img {padding-bottom:7px;} #promotions h3 {color:#fff; font-size:14px; padding:0;} #promotions p {color:#fff; font-size:12px; line-height:14px;} #promo-more {float:right; display:block; width:61px; height:20px; background:url(../images/global/promo-more.gif);} #promo-more:hover {background-position:bottom;} #promo-more b {display:none;} /*Columns*/ #nav-column {float:left; width:210px; padding-top:135px;} #content-column {float:right; width:680px; padding:65px 0 30px;} /*Product Nav*/ #nav-boys, #nav-girls, #nav-mini {margin-bottom:18px; font-size:14px; font-weight:bold; text-transform:lowercase; line-height:18px;} #flash-boys, #flash-girls, #flash-mini, #my-cart-heading {top:-7px; position:relative;} #flash-boys a, #flash-girls a, #flash-mini a {width:210px; height:37px; display:block;} #flash-boys, #flash-boys a {background:url(../images/global/nav/boys.gif) no-repeat;} #flash-girls, #flash-girls a {background:url(../images/global/nav/girls.gif) no-repeat;} #flash-mini, #flash-mini a {background:url(../images/global/nav/mini.gif) no-repeat;} #pn-on a {color:#fff; padding:0;} #nav-boys {background:url(../images/global/nav/boys-sub-bg.gif) bottom;} #nav-girls {background:url(../images/global/nav/girls-sub-bg.gif) bottom;} #nav-mini {background:url(../images/global/nav/mini-sub-bg.gif) bottom;} #nav-column ul {list-style:none; padding-bottom:8px;} #nav-column li {padding:0 14px; color:#fff;} /*Sub Nav*/ #subnav {position:absolute; top:168px; margin-left:270px; width:262px; text-transform:lowercase; font-weight:bold;} * html #subnav {margin-left:60px;} *:first-child+html #subnav {margin-left:60px;} #subnav div, #subnav a {display:block; font-size:20px;} #subnav div {margin-bottom:4px;} #subnav a {padding:20px 0 0 20px; height:37px;} #subnav a:hover {background-position:bottom; text-decoration:none; padding-left:37px;} #subnav img {padding-bottom:10px;} /*Global*/ #page-heading {float:left; padding-bottom:38px;} .page-info {float:right; font-size:11px; line-height:14px;} .page-info-generic {float:left; padding:5px 7px;} .sale .right {background:url(../images/global/icon-sale.gif) no-repeat right bottom;} .new .right div {background:url(../images/global/icon-new.gif) no-repeat right bottom;} .filter-on {color:#fff; background:#B786B6; padding:0 2px;} /*Rowview*/ .paging {float:left; padding:5px; border-right:1px solid #dadcda;} .paging div {float:left; text-align:center; font-size:9px; margin:0 1px; } .paging .paging-title {width:27px; font-size:11px;} .paging-disabled {background:url(../images/global/bg-paging-disabled.gif); margin:0 2px; padding-top:1px; width:15px; height:14px; color:#ccc;} .paging a {width:15px; height:14px; display:block; background:url(../images/global/bg-paging.gif); color:#C2C7C2; padding-top:1px;} .paging a:hover {color:#828A82; text-decoration:none;} .paging .paging-arrow {font-size:14px;} .rowview {float:left; width:215px; height:155px; text-align:center; font-size:11px; line-height:13px; margin:0 11px 40px 0; } .rowview a {display:block; width:215px; height:160px; cursor:pointer; pointer:hand;} .rowview .left {font-weight:bold; margin:5px 0 0 10px; width:120px; text-align:left;} .rowview .right {margin:5px 10px 0 0; text-align:right; height:32px;} .rowview .right div {height:32px;} .rowview a:hover {text-decoration:none;} .rowview a:hover img {padding-top:2px;} #back-to-top {float:left; padding:5px 0 0 12px; font-size:11px;} /*Detail View*/ .back-to-row a {padding-left:18px; margin-left:79px; display:block;} #detail-image {float:left; width:440px; height:315px; margin-bottom:35px; text-align:center;} #detail-text {float:right; width:221px;} #sizes div, #image-numbers div {float:left; text-align:center; font-size:11px; margin:0 2px; font-weight:bold;} #sizes a, #image-numbers a {height:17px; display:inline-block; padding:1px 5px 0; margin-bottom:4px; white-space:nowrap;} #sizes a:hover, #sizes .sizes-on a, #image-numbers a:hover, #image-numbers-on a {color:#fff; text-decoration:none;} #add-to-cart, #add-to-cart a {width:103px; height:24px; display:block; background:url(../images/global/add-to-cart.gif); clear:both;} #add-to-cart {margin-top:70px;} #image-numbers {float:left; padding:20px 0 0 10px;} /*My Cart - Box*/ #my-cart {background:url(../images/global/my-cart-sub-bg.gif) bottom; margin:65px 0 18px; padding-bottom:8px; width:210px;} #my-cart-total {color:#804680; font-weight:bold; margin:0 14px; padding:2px 0 5px;} #my-cart-total .right, #my-cart-total .left {padding-bottom:4px;} .my-cart-item {margin:0 14px; border-top:1px solid #9d669c; padding-top:3px; color:#fff; font-size:11px; width:182px; clear:both;} .my-cart-item .right {color:#804680; padding-bottom:4px;} .my-cart-item .left {font-weight:bold; padding-bottom:4px;} #my-cart-goto, #my-cart-goto a {float:left; width:75px; height:20px; display:block; background:url(../images/global/my-cart-goto.gif);} #my-cart-goto {margin:6px 0 0 12px; display:inline;} /*IE margin double fix*/ #my-cart-checkout, #my-cart-checkout a {float:right; width:75px; height:20px; display:block; background:url(../images/global/my-cart-checkout.gif);} #my-cart-checkout {margin:6px 12px 0 0; display:inline;} /*IE margin double fix*/ /*Error Class*/ .cart-error {background:#804680; padding:2px; color:#fff; clear:both;} /*My Cart - Pages*/ #cart-nav {float:right; font-size:14px; font-weight:bold; text-transform:lowercase; padding-top:2px; color:#eee;} #cart-nav div {float:left;} #cart-nav a, #cart-nav span {line-height:16px; padding:0 5px; margin-left:5px; color:#d4d7d4;} #cart-nav a, #cart-nav span {background:url(../images/default/mycart/bg-nav.gif) no-repeat;} #cart-nav a:hover {text-decoration:none; background-position:left bottom; color:#aaafaa;} #cart-nav b {color:#fff; padding-right:6px;} #cart-nav-on a {background:url(../images/default/mycart/bg-nav-on.gif) no-repeat; color:#B786B6;} #cart-nav-on a:hover {color:#B786B6;} .cart-head {float:left; width:679px; border-bottom:3px solid #eee;} .cart-head h5 {padding:5px 0;} .cart-row {float:left; width:679px; background:url(../images/default/mycart/bg-row.gif) bottom left no-repeat; clear:both; margin-bottom:15px; padding-top:15px;} .r-item {float:left; width:322px;} .cart-image {float:left; width:120px; height:73px; text-align:center; padding:0 10px 10px 10px;} .r-small {float:left; width:70px;} .r-buttons {float:left; width:75px; text-align:center;} .r-total {float:left; width:512px; text-align:right; padding-right:20px;} .cart-row h3 {font-size:12px; padding-top:25px;} .cart-row .r-small {padding-top:25px;} .cart-row .r-buttons {padding-top:17px;} .promo {float:left; width:360px; padding:0 172px 0 0; text-align:right;} /*Buttons*/ .small-button {width:62px; height:20px; background:url(../images/default/mycart/bg-small-button.gif) no-repeat; border:none; color:#fff; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px;} .large-button {width:106px; height:30px; background:url(../images/default/mycart/bg-large-button.gif) no-repeat; border:none; color:#fff; font-size:15px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; margin:10px 0;} .btn-over {background-position:bottom; cursor:pointer; pointer:hand;} [disabled] {background:#ddd; background-image:none; color:#fff;} /*Forms*/ .field, .large-field {border:1px solid #ddd; background:#f5f5f5; padding:1px; color:#666; font-family:Arial, Helvetica, sans-serif;} .large-field {font-size:14px; font-weight:bold; *margin-top:8px; padding:8px 0 6px 2px; height:16px;} label {padding-right:5px;} /*Search*/ .search-box {float:left; padding:15px 15px 20px; width:649px; clear:both; margin-bottom:15px; background:url(../images/default/bg-search-box.gif) bottom left no-repeat;} .search-box .field, .search-box .large-field {background:#fff;} /*Change Region*/ #change-region-col {float:left; width:310px;} #button-aus, #button-aus a {width:290px; height:70px; display:block; background:url(../images/default/button-aus.gif);} #button-aus {margin-bottom:20px;} #button-us, #button-us a {width:290px; height:70px; display:block; background:url(../images/default/button-us.gif);} /*Stockists*/ .half-col {width:44%; float:left; padding-right:40px;} .third-col {width:27%; float:left; } .half-col2 {width:40%; float:left; } .stock-box {width:635px; float:left; height:330px; margin-top:25px; } .stock-store {float:left;} .stock-map {float:right;} .map-text {float:right;} .international-title {margin-top:40px;} td {vertical-align:top;} td {padding:1px 0;} /*Footer*/ #footer {padding-top:15px; font-size:11px;} #footer a:hover {text-decoration:underline;} #footer-right {float:right; width:195px;} #footer-right a {float:left;} #e7 {padding-left:20px; display:block; height:17px; float:right; margin-left:5px;} #e7:hover {background-position:bottom left;} #sitemap {float:left; padding:0 0 10px 35px;} #sitemap div {float:left; width:100px;} #sitemap a {display:block;} #footer #sitemap strong a {padding-bottom:3px; color:#fff; display:block;} #btn-facebook, #btn-twitter {display:block; width:80px; height:37px; float:left; padding-right:14px; margin:2px 14px 0 0; background-repeat:no-repeat;} #btn-facebook b, #btn-twitter b {display:none;} #btn-facebook:hover, #btn-twitter:hover {background-position:bottom left;} /*Misc*/ .right {float:right;} .left {float:left;} .brd-right {border-right:1px solid #dadcda;} .grey {color:#B5BAB5;} .pad-none {padding:0;} .mar-top {margin-top:20px;} .image-top-right {position:absolute; margin:-65px 0 0 460px; *margin:-65px 0 0 360px;} .imgLeft {float:left; margin-right:20px;} .imgRight {float:right; margin-right:20px;} .indent {padding-left:15px;} .popup {position:absolute; background:#fff; border-left:1px solid #B786B6; border-top:1px solid #B786B6; border-right:1px solid #B786B6; border-bottom:2px solid #B786B6; color:#B786B6; font-size:11px; line-height:13px; width:160px; padding:5px 9px 2px; margin:-87px 0 0 67px; *margin:-65px 0 0 -60px;} /*PNG for IE6*/ * html div#promotions img {behavior: url(/css/iepngfix.htc);}