﻿* { outline:none; }
html { overflow-y:scroll; }

#container { z-index:0; }
.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%; }

#swimwear_link.active{background-position:0px 128px;}
#swimwear_link:hover{background-position:0px 128px;}
.overallRating  { padding-left:8px; }
.overallRating span { font-size:12px; font-weight:bold; color:#999999; display:block; margin-left:2px;}

.style_option2.active { background-position:0px -11px; }

/* Product Details Page */
ul.colours { margin:0px; padding:0px; margin-left:4px; }
ul.colours li { list-style:none; margin:0px; padding:0px; font-size:10px; width:50px;  float:left; margin-right:4px; margin-bottom:4px; }
ul.colours li img {height:18px; width:30px; border:solid 1px #888888; display:block; text-indent:-10000px;  background-color:Gray; margin-left:0px;}
ul.colours li.active { color:black; }
ul.colours li.active img {border:solid 1px #000000;  }

.colourSwatch { height:20px; width:50px; border:solid 1px #888888;  }
.styleOptions { margin:0px; padding:0px; margin-bottom:20px; }
.styleOptions li { list-style:none; margin:0px; padding:0px; padding-left:7px; margin-bottom:2px; }
.styleOptions li a { display:block; background:url(../../images/styleOptionDots.png) no-repeat 0 -88px;  padding-left:15px; font-size:11px; font-weight:bold; }
.styleOptions li a:hover,.styleOptions li.active a { background-position:0px 2px;}
.styleOptions li a.noLink { background-position:0px -88px;}
.styleOptions li span { display:block; font-size:9px;   padding-left:15px;}

/* Search Page */
h2 { font-size:22px; font-family:Times New Roman, Serif; color:#222266; display:block; margin-top:4px; font-weight:normal; }
#searchFilters h2 { padding-top:25px; border-bottom:solid 1px #bfbfbf; padding-bottom:10px; }
#searchFilters ul { margin:0; padding:0; }
#searchFilters ul li { list-style:none; margin:0; padding:0; float:left; margin-right:20px; }
#searchFilters ul li select { width:110px; }
#searchFilters .pinkButton { border:solid 1px #a4a4a4; background-color:#cb1c85; color:White;  width:39px; height:17px; padding-top:3px; text-align:center; display:block; }

/* News Page */
#news h2 { margin:0; width:51px; font-size:16px; height:19px; background-image:url( ../../images/news/txtNews.png); text-indent:-10000px; margin-top:22px; }
#news h3 { margin:0; padding:0; color:Black; font-size:18px;   }
.newsItems { margin:0; padding:0; width:630px;}
.newsItems li  P { margin-bottom:0;  }
.newsItems li { list-style:none; margin:0; padding:0; border-bottom:solid 1px #bfbfbf; padding-bottom:20px; padding-top:20px; }
.newsItems li:last-child{ border-bottom:0px; }
.newsItems li .left { float:left; width:195px; overflow:hidden; padding-right:20px; }
.newsItems li .right { float:left; width:410px; }

/*Range Rating */
#rangeRating .leftCol { width:218px; float:left; }
#rangeRating .rightCol { width:578px;float:right; }

.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_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;    }

#rangeRating #content ul { padding:0; margin:0; }
#rangeRating #content ul li { padding:0; margin:0; list-style:none; }

#overallRating .starsOff { float:left; }
#overallRating span { float:right; font-weight:bold; font-size:13px; }

#rangeRating #content .leftCol ul li { border-bottom:solid 1px #d2d2d2; padding:14px 0px 14px 0px; }
#rangeRating #content .leftCol ul { margin-top:-4px; }
#rangeRating h2 { padding:0; margin:0; }
#rangeRating h3 { padding:0; margin:0; margin-bottom:4px; }
#rangeRating .backToRange { color:Black; font-weight:bold; }

#rangeRating #content .rightCol ul li { padding:8px 15px 8px 15px; color:Black; }
#rangeRating #content .rightCol ul li .left { float:left; width:415px; }
#rangeRating #content .rightCol ul li .right { float:right; width:115px; }
#rangeRating #content .rightCol ul li label { color:Black; font-weight:bold; font-size:11px; }
#rangeRating #content .rightCol ul li span { color:Black;   font-size:11px; }
#rangeRating #content .rightCol ul li input {border:none; border-width:0;   font-size:11px; padding:2px; }
#rangeRating #content .rightCol ul li textarea {border:none;border-width:0; border-top:solid 1px  #d2d2d2; margin-top:10px;  width:415px;  font-size:11px; padding:10px 0px 0px 0px; font-family:Arial, Sans-Serif; height:70px;}
#rangeRating #content .rightCol ul li.screenName { border:solid 1px #d2d2d2; }
#rangeRating #content .rightCol ul li.screenName input {  width:273px; margin-left:5px; }
#rangeRating #content .rightCol ul li.email { border:solid 1px #d2d2d2; width:300px; margin-top:8px; float:left; }
#rangeRating #content .rightCol ul li.email input {  width:200px; margin-left:5px; }
#rangeRating #content .rightCol ul li.submit {  margin-top:10px; float:left;  }
#rangeRating #content .rightCol ul li.submit a { font-weight:bold; color:#ff3399; }

#rangeRating #content .rightCol ul.currentRatings { background-color:#e5e5e5; clear:both; padding:8px 15px 8px 15px; margin-top:12px;}
#rangeRating #content .rightCol ul.currentRatings li { padding:0; padding-bottom:10px; }
#rangeRating #content .rightCol ul.currentRatings li + li { border-top:solid 1px #d2d2d2; padding:0; padding-top:10px;padding-bottom:10px;}

.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:825px; height:250px; position:absolute; left:50%;  margin:150px auto 0px -412px;   background-image:url( ../../images/rateBra/thankyouOverlay.png );    }
