* {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%; }
#signup_pop { display:none;
z-index:100; }
#thankyou_content { display:none; }
/* 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; }
/* Ratings */
.starsOff { height:17px; background-image:url( ../../images/global/star_Large_off.png ); width:95px;}
.starsOn { height:17px; background-image:url( ../../images/global/star_Large_on.png ); }
.starsOff.small { height:13px; background-image:url( ../../images/global/star_Small_whiteBack_off.png ); width:71px;}
.starsOff.small.blackBack { height:13px; background-image:url( ../../images/global/star_Small_blackBack_off.png ); width:71px;}
.small .starsOn { height:13px; background-image:url( ../../images/global/star_Small_whiteBack_on.png ); }
.small.blackBack .starsOn { height:13px; background-image:url( ../../images/global/star_Small_blackBack_on.png ); }
.starsOff.small div.buttons { height:13px; position:absolute; }
.starsOff.small div.buttons a { height:13px; width:15px; display:block; float:left; cursor:pointer; }
.overallRating { float:left; margin:9px 10px 0px 10px; }
#rangeRating .leftCol { width:259px; float:left; }
#rangeRating .rightCol { width:530px;float:right; background-image:url( ../../images/Rating/writeBackground.png); background-repeat:no-repeat; }
#rangeRating h2 { font-size:30px; }
#rangeRating ul { padding:0; margin:0; }
#rangeRating ul li { padding:0; margin:0; list-style:none; }
#rangeRating ul li img { margin-top:20px; margin-bottom:20px;}
#rangeRating .leftCol ul { margin-left:30px; }
#rangeRating .leftCol ul li {width:259px; }
#overallRating h3 { color:#999999; float:left; margin:0px;}
#overallRating .starsOff { float:left; margin-left:18px; }
#overallRating span { float:right; font-weight:bold; font-size:12px; color:#999999;}
#rangeRating .backToRange { padding-top:20px; margin-bottom:35px; }
#rangeRating .backToRange a { color:#996600; font-size:12px; }
#rangeRating .rightCol ul { margin-left:20px; width:450px; }
#rangeRating .rightCol ul li .left { float:left; padding-left:5px; }
#rangeRating .rightCol ul li .right { float:right; width:80px; }
#rangeRating .writeReview {color:#996600; font-size:12px; margin-bottom:0px; display:block; }
#rangeRating .rightCol ul li .right span { color:Black; }
#rangeRating .rightCol label { color:Black; font-weight:bold; display:block; }
#rangeRating .rightCol .left label { margin-top:5px; }
#rangeRating .rightCol .textbox { border:solid 1px #d1d1d1; margin-left:-5px; width:345px; }
#rangeRating .rightCol textarea.textbox { height:80px; width:342px; }
#rangeRating .rightCol .submit { color:#996600; font-size:12px; display:block; margin-top:5px; margin-bottom:55px; }
#rangeRating .currentRatings label { color:#ffffff; }
#rangeRating .reviewerName { color:#996600; font-size:12px; }
#rangeRating .currentRatings p { color:#999999; }
#rangeRating ul.currentRatings { margin-left:0px; width:490px; }
#rangeRating .currentRatings li { border-bottom:solid 1px #808080; padding:0px 20px 20px 20px; margin-bottom:20px; }
.thankyouOverlay { height:100%; width:100%; position:fixed; z-index:5; cursor:pointer; display:none; }
.thankyouOverlay .opacLayer { height:100%; width:100%; position:absolute; background-color:Black; opacity:0.75; filter:alpha(opacity=75); }
.thankyouOverlay .forground { width:371px; height:264px; position:absolute; left:50%; margin:150px auto 0px -185px; background-image:url( ../../images/rating/thankyouOverlay.png ); }
.dropFilter { float:left; width:99px; margin-right:36px; margin-top:20px; }
.dropFilter span a { color:#996600;border:solid 1px #808080;padding:3px; display:block; font-size:12px;background:url(../../images/v.jpg) center right no-repeat;}
.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; }
/* Product Listing Page */
.downloadBrochure { width:229px; height:66px; background-image:url(../../images/productPages/brochureDownload.png); display:block; text-indent:-10000px;float:right; margin-top:0px; margin-right:40px; margin-bottom:10px; }
.brandSeasonBanner { width:500px; float:left; overflow:hidden; }
.collection { clear:both; }
/**************************************************************************
* Homepage
**************************************************************************/
/*.homeLinks { list-style:none; padding:0; margin:0; height:190px; padding-top:55px; margin-left:14px; float:left; }
.homeLinks li { list-style:none; padding:0; margin:0; float:left; margin-left:19px; }
.homeLinks li a img { display:block; border:solid 1px #3d3d3d; }
.homeLinks li a:hover img { border:solid 1px #5a2049; }
.homeLinks li a label { color:White; font-size:15px; display:block; margin-top:10px; margin-left:1px; }
.homeLinks li a:hover label { color:#ec008c; }
.homeLinks li a.retailer span.image { background-position:left 0px; }
.homeLinks li a.newsLetter span.image { background-position:left -107px; }
.homeLinks li a.brochure span.image { background-position:left -214px; }*/
.homeLinks { list-style:none; padding:0; margin:0; height:190px; padding-top:55px; margin-left:14px; float:left; }
.homeLinks li { list-style:none; padding:0; margin:0; float:left; margin-left:19px; }
.homeLinks li a { width:250px; height:141px; display:block; color:White; }
.homeLinks li a img { border:solid 1px #3d3d3d; display:block; }
.homeLinks li a:hover img { border:solid 1px #5a2049; }
.homeLinks li a span { color:White; font-size:15px; display:block; margin-top:10px; margin-left:1px; }
.homeLinks li a:hover span { color:#ec008c; }
/* Bra Fit Guide */
#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:#646464; border-bottom:solid 1px #646464; margin:15px 0px 0px 0px; padding:0px 0px 15px 0px; background-image:url(../../images/advice/BraFitGuideTitle.png); height:18px; text-indent:-10000px; background-repeat:no-repeat; }
#braFitGuidePopup .header { margin:0px 20px 0px 25px; font-size:14px; color:Black; }
#braFitGuidePopup .header p { background-image:url(../../images/advice/rollOverImages.png); height:15px; text-indent:-10000px; background-repeat:no-repeat; }
/**************************************************************************
* 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%;}
/**************************************************************************
* Horizontal Sub Nav
**************************************************************************/
#subNav { list-style:none; padding:0; margin:0; border-bottom:solid 1px black; height:29px; }
#subNav li { list-style:none; padding:0; margin:0; float:left; }
#subNav li a { display:block; font-weight:bold; padding-right:20px; color:#666666; }
#subNav li a:hover, #subNav li.selected a { color:#ff22a7; }
/**************************************************************************
* Advice
**************************************************************************/
#advice .leftCol { width:250px; float:left; }
#advice .rightCol { width:300px; float:right; }
#advice .rightCol img { border:solid 1px #cccccc; }
.braFitGuideLinkArw {background: url(../../images/advice/braFittingGuideButton.jpg) no-repeat; width:207px; height:41px; text-indent:-10000px; display:block;}
.reviewLinks {float:left; width:365px; border-top:1px solid #808080; margin:10px 0 10px 0; padding-top:3px; }
.shareButtons {float:left; width:365px; margin-bottom:5px;}