* {outline:none; }
html { overflow-y:scroll; }
.cmsImage { padding:10px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }
ul { list-style:none; margin:0px; padding:0px; }
ul li { list-style:none; margin:0px; padding:0px; }
/* Product Details Page */
ul.colours { margin:0px; padding:0px; }
ul.colours li { list-style:none; margin:0px; padding:0px; font-size:10px; width:50px; text-align:center; float:left; margin-right:4px; }
ul.colours li.active { color:black; }
ul.colours li.active img {border:solid 1px #000000; }
.colourSwatch { height:20px; width:50px; border:solid 1px #888888; }
.style_option2.active{
background-position:0px -11px;
}
.dropFilter { float:left; width:99px; margin-right:36px; margin-top:0px; }
.dropFilter span a { color:#000000;border:solid 1px #808080;padding:3px; display:block; font-size:12px; }
.dropFilter ul { margin:0; padding:0;border:solid 1px #cbcbcb;background-color:#cccccc; display:none; }
.dropFilter ul li { list-style:none; margin:0; padding:0; border-bottom:solid 1px #999;}
.dropFilter ul li:last-child { border-bottom:none;}
.dropFilter ul li a { color:Black; display:block; padding:3px;font-size:12px;text-decoration:none; }
.dropFilter ul li a:hover { background-color:#999999; }
.vSpacer { float:left; height:400px; }
/* Stars */
.starRating {
width:90px; height:16px;
background: url(../../images/star.png) 0 0;
}
/* override some css that seems to be applying padding to all the divs */
#review_holder #right div.starsOff { padding:0px; }
#review_holder #right div.starsOff div { padding:0px; }
.starsOff { height:17px; background-image:url( ../../images/global/star_Large_off.png ); width:95px; padding:0;}
.starsOn { height:17px; background-image:url( ../../images/global/star_Large_on.png ); }
.starsOff.small { height:13px; background-image:url( ../../images/global/star_Small_off.png ); width:75px;}
.starsOff.small.greyBack { height:13px; background-image:url( ../../images/global/star_grey_Small_off.gif ); width:75px;}
.small .starsOn { height:13px; background-image:url( ../../images/global/star_Small_on.png ); }
.small.greyBack .starsOn { height:13px; background-image:url( ../../images/global/star_grey_Small_on.gif ); }
.starsOff.small div.buttons { height:13px; position:absolute; }
.starsOff.small div.buttons a { height:13px; width:15px; display:block; float:left; cursor:pointer; }
/*Homepage */
.homeLinks { list-style:none; padding:0; margin:0; height:190px; padding-top:15px; margin-left:-49px; float:left; }
.homeLinks li { list-style:none; padding:0; margin:0; float:left; margin-left:49px; height:160px; }
.homeLinks li a { width:250px; height:141px; display:block; color:White; }
.homeLinks li a img { border:solid 2px white; display:block; }
.homeLinks li a:hover img { border:solid 2px #68e1ff; }
.homeLinks li a span { font-size:15px; font-weight:bold; display:block; margin-top:5px; }
.homeLinks li a:hover { color:#68e1ff; }
/* Product Listing Page */
.downloadBrochure { width:288px; height:62px; background-image:url(../../images/productPages/brochureDownload.png); display:block; text-indent:-10000px;float:right; margin-top:-40px; margin-right:50px; margin-bottom:20px; }
#collection_holder { clear:both; }
/* News Page */
#news_full_2 h2 { background:url(../../images/news/newsHeader.png) 0 0 no-repeat; height:103px; text-indent:-10000px; }
#news_full_2 .newsCont { background-image:url(../../images/news/paperBack.jpg); padding:20px; }
#news_full_2 .newsLinks { margin-left:-112px; }
#news_full_2 .newsLinks li { margin-left:112px; }
#news_full_2 .newsArticles li .polaroid { background-image:url(../../images/news/pol1_24b.png); width:216px; height:240px; padding-top:1px; float:left; }
#news_full_2 .newsArticles li.alt .polaroid { background-image:url(../../images/news/pol2_24b.png); }
#news_full_2 .newsArticles li .polaroid img { margin:33px 0px 0px 42px; display:block; }
#news_full_2 .newsArticles li .story { float:left; width:550px; color:Black; }
#news_full_2 .newsArticles li .story p { line-height:20px; }
#news_full_2 .newsArticles li h3 { font-size:24px; margin-bottom:0px; }
#news_full_2 .newsArticles li h3.largeNews { margin-left:12px; }
#news_full_2 .newsArticles li .largeImage { background-image:url(../../images/news/largeFrame_top.png); background-repeat:no-repeat; padding:18px 0px 0px 0px; margin-left:7px; }
#news_full_2 .newsArticles li .largeImage .bottom { background-image:url(../../images/news/largeFrame_bot.png); background-position:left bottom; background-repeat:no-repeat; padding:0px 0px 18px 0px; }
#news_full_2 .newsArticles li .largeImage .mid { background-image:url(../../images/news/largeFrame_mid.png); padding:0px 0px 0px 15px; background-repeat:repeat-y; }
#news_full_2 .newsBottom { background-image:url(../../images/news/paperBottom.jpg); height:30px; background-repeat:no-repeat; }
div.backToTop { height:20px; }
div.backToTop a { display:block; float:right;background-image:url(../../images/news/backToTop.png); text-indent:-10000px; height:20px; width:90px; }
/**************************************************************************
* Bra Fit Popup
**************************************************************************/
#braGuideScrollerContainer { height:300px; }
#braGuideScrollerContainer a.scrollBack,
#braGuideScrollerContainer a.scrollForward { display:block; float:left; background-image:url(../../images/BraFitGuide/backForwordButtons.png); width:20px; height:29px; text-indent:-10000px; margin-top:100px;}
#braGuideScrollerContainer .scrollBack { background-position:top left; margin-left:8px; margin-right:8px; }
#braGuideScrollerContainer .scrollForward { background-position:top right; margin-left:8px; }
#braGuideScrollerContainer .scrollBack:hover { background-position:bottom left; }
#braGuideScrollerContainer .scrollForward:hover { background-position:bottom right; }
#braGuideScrollerCrop { width:720px; overflow:hidden; float:left; position:relative; }
#braGuideScroller { padding:0px; margin:0px; list-style:none; position:relative; height:300px;}
#braGuideScroller li { float:left; padding:0px; margin:0px; list-style:none; width:350px; height:300px; margin-right:20px; }
#braGuideScroller .imageShadow { background-image:url(../../images/BraFitGuide/itemShadow.png); width:346px; height:223px;padding:4px 0px 0px 4px; }
#braGuideScroller .imageLayer { height:215px; width:338px; background-position:left top; border:solid 2px white; }
#braGuideScroller .good, #braGuideScroller .bad { position:absolute; width:350px; height:300px; }
#braGuideScroller .good .imageLayer { background-position:left bottom; border:solid 2px #ffa1f7;}
#braGuideScroller span { display:block; background-repeat:no-repeat; padding-left:25px; font-size:13px; color:#666666; margin-top:12px; margin-left:5px; }
#braGuideScroller .good span { background-image:url(../../images/BraFitGuide/tick.png); }
#braGuideScroller .bad span { background-image:url(../../images/BraFitGuide/cross.png); }
#braFitGuidePopup h4 { font-size:18px; color:Black; border-bottom:solid 1px black; margin:0; padding:15px 0px 15px 0px; }
#braFitGuidePopup .header { margin:0px 20px 0px 25px; font-size:14px; color:Black; }
/**************************************************************************
* The MODAL
**************************************************************************/
.modal { position:absolute; left:50%; top:50%; z-index:99; }
.modal .tl {background-image:url(../../images/modal/tl.png); position:absolute; }
.modal .tr {background-image:url(../../images/modal/tr.png); position:absolute;}
.modal .br {background-image:url(../../images/modal/br.png); position:absolute;}
.modal .bl {background-image:url(../../images/modal/bl.png); position:absolute;}
.modal .l {background-image:url(../../images/modal/l.png); background-repeat:repeat-y; position:absolute;}
.modal .r {background-image:url(../../images/modal/r.png); background-repeat:repeat-y; position:absolute;}
.modal .t {background-image:url(../../images/modal/t.png); background-repeat:repeat-x; position:absolute;}
.modal .b {background-image:url(../../images/modal/b.png); background-repeat:repeat-x; position:absolute;}
.modal .modal_head { height:1px; padding:0; overflow:visible; display:block; }
.modal .modal_head h3 { margin:0px 0px 0px 0px; color:#403f3f; float:left; font-size:18px; line-height:34px; font-weight:normal; display:none; }
.modal .modal_head a.modal_close {display:block; float:right; background-image:url(../../images/modal/close.png); width:67px; height:21px; text-indent:-10000px; margin-top:17px; margin-right:20px; }
.modal .modal_body { }
.modal_buttons div.inner1 { float:right; position:relative; left:-50%; }
.modal_buttons div.inner2 { position:relative; left:50%;}
/**************************************************************************
* Advice
**************************************************************************/
body#advice .adviceNav { width:166px; height:296px; padding:30px 0px 0px 20px; background-image:url(../../images/advice/subnavback.jpg); float:left; margin-left:25px; margin-top:30px;}
body#advice .adviceNav li { font-size:20px; }
body#advice .adviceNav li a { color:Black; }
body#advice .adviceNav li.selected a { color:White; }
.containerBody { background-color:White; width:849px; }
.notepad { background:url(../../images/advice/notepadMid.jpg); width:612px; float:left; margin-left:2px; margin-top:-30px; color:#666666; font-size:12px; }
.notepadTop { background:url(../../images/advice/notepadTop.jpg) no-repeat top; }
.notepadBot { background: url(../../images/advice/notepadBot.jpg) no-repeat bottom; padding:60px 20px 100px 10px; }
body#advice .notepad .leftCol { width:260px; float:left; }
body#advice .notepad .rightCol { width:300px; float:right; }
.notepad p { color:#666666; font-size:13px; line-height:18px; }
.notepad h2{font-size:22px;}
.notepad .braFitGuideLink {background: url(../../images/advice/brafittingguidebutton.png) no-repeat; width:207px; height:41px; text-indent:-10000px; display:block;}