/* RESET STYLES START */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
body {
line-height: 1.2;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* RESET STYLES END */
body { background:url(2010_Pink_Template/HTML_v2/images/skeleton/bg.png) repeat-x #bbbbbb; }
#bodyContainer { width:900px; margin-left:auto; margin-right:auto; }
/* Header */
#headerContainer { width:900px; height:108px; background:url(2010_Pink_Template/HTML_v2/images/skeleton/headerBg.png) no-repeat; }
#topMenuLinks { width:198px; height:29px; padding-top:16px; padding-right:22px; float:right; text-align:right; }
#topMenu { width:564px; height:36px; padding-right:23px;float:right; clear:right; text-align:right; }
#logo { width:235px; height:89px; margin-top:9px; margin-left:45px; float:left }
/* Body */
#bodyBackground { width:890px; background:url(2010_Pink_Template/HTML_v2/images/skeleton/bodyBg.png) no-repeat; padding:17px 5px 0 5px; }
#bodyInside { width:890px; background:url(2010_Pink_Template/HTML_v2/images/skeleton/bodyBgInside.png) no-repeat #fff; }
#bodyContent { width:848px; background:url(2010_Pink_Template/HTML_v2/images/skeleton/bodyCircle.png) no-repeat bottom right; padding:10px 19px 10px 19px; margin-left:1px; margin-right:1px; }
/* Footer */
#footer { width:890px; padding-top:15px;text-align:center; background:#434343; }
#footerBtm { width:890px; height:18px; background:url(2010_Pink_Template/HTML_v2/images/skeleton/footerBg.png) no-repeat; text-align:center; }
/* Text */
.defaultText {color:#323232; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; }
.defaultText a:link {color:#0000FF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:underline; }
.defaultText a:visited {color: #0000FF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:underline; }
.defaultText a:hover {color:#0000FF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; }
.headerLinksText {color:#3c3c3c; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; }
.headerLinksText a:link {color:#3c3c3c; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; }
.headerLinksText a:visited {color: #3c3c3c; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; }
.headerLinksText a:hover {color:#3c3c3c; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; }
.footerText {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:180%;}
.footerText a:link {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; }
.footerText a:visited {color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; }
.footerText a:hover {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; }
.footerCopyText {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-decoration:none; }
/* Steves additions */
.default li { margin-bottom: 5px; }
.default ul { color: #0054A7; margin-left: 1.5em; margin-bottom: 10px; margin-top: 10px; }
.default ol { margin-left: 3em; margin-top: 5px; margin-bottom: 5px;}
.cvv2Text {color:#323232; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; }
p.content { margin-top: 0px; margin-bottom: 0px;}
ol { color:#323232; list-style:decimal inside; line-height: 1.2; margin-left: 15px; margin-top: 20px; margin-bottom: 20px; }
ul.disc {color:#323232; list-style:disc inside; text-align:left; line-height: 1.4; margin-left: 15px; margin-top: 20px; margin-bottom: 20px; }
.topmenuitems { color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
.topmenuitems a:link { color: #0032dc; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration:none; }
.topmenuitems a:visited{ color: #0032dc; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration:none; }
.topmenuitems a:hover{ color: #3E69FF; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration:none; }
.homepglist { color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
.linktrail { color: #323232; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none; }
.linktrail a:link { color: #0000FF; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; text-decoration: underline; }
.linktrail a:visited { color: #0000FF; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; text-decoration: underline; }
.linktrail a:hover { color: #0000FF; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none; }
.bulletlist { color: #323232; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; list-style-type: disc; line-height: 150%; }
.producthdg { color: #323232; background-color: #FCEDF4; font-family:Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; padding-top: 5px; padding-bottom: 5px; text-align: left; margin-top: 0px; margin-bottom: 0px;}
.features { color: #323232; background-color: #FCEDF4; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; padding-top: 5px; padding-bottom: 5px; text-align: left; margin-top: 0px; margin-bottom: 0px;}
.price {color:#323232; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; text-decoration:none; }
.availshipsection {color:#323232; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; }
.availshipsection a:link { color: #0000FF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline; }
.availshipsection a:visited { color: #0000FF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline; }
.availshipsection a:hover { color: #0000FF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; }
.oldprice {text-decoration:line-through;}
.pricecollection {color:#323232; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; text-decoration:none; }
.addthistop { text-align:right; }
.colorsavail { color: #0054A7; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-align: center; }
.copyright { color: #808080; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; }
.girls { color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; }
.giveawaytitle { color: #FF0000; font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-decoration: none; }
.giveawaysub { color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; }
.giveawaywinhead { color: #0054A7; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: center; }
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(http://www.rainebrooke.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.rainebrooke.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.rainebrooke.com/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.highslide { cursor: url(highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide-active-anchor img { visibility: hidden;}
.highslide img { border: 0px solid gray;}
.highslide:hover img { border: 0px solid white;}
.highslide-wrapper { background: white;}
.highslide-image { border: 2px solid white;}
.highslide-image-blur {}
.highslide-caption { display: none; border: 2px solid white; border-top: none; font-family:Arial, Helvetica, sans-serif; font-size: 10pt; padding: 5px; background-color: white; }
.highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px;}
a.highslide-credits,
a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover,
a.highslide-credits:hover i { color: white; background-color: gray; }
.highslide-move { cursor: move; }
.highslide-overlay { display: none; }
a.highslide-full-expand { background: url(highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; }
/* Controlbar example */
.controlbar { background: url(highslide/graphics/controlbar4.gif); width: 167px; height: 34px; }
.controlbar a { display: block; float: left; /*margin: 0px 0 0 4px;*/ height: 27px;}
.controlbar a:hover { background-image: url(highslide/graphics/controlbar4-hover.gif); }
.controlbar .previous { width: 50px; }
.controlbar .next { width: 40px; background-position: -50px 0; }
.controlbar .highslide-move { width: 40px; background-position: -90px 0; }
.controlbar .close { width: 36px; background-position: -130px 0; }
/* Necessary for functionality */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }
/* Slider */
#siteContainer {
margin:0 auto;
position:relative;
text-align:left;
width:800px;
background:#fff;
margin-bottom:2em;
}
/* Content */
#contentContainer { margin-left:auto; margin-right:auto; width:770px; position:relative;}
#content { position:relative; }
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */