/***************************************************
LAYOUT ELEMENTS
***************************************************/
html, body {text-align: center; margin-bottom: 10px;}
body {
margin:10px 0px 0px 0px;
}
.ck_mandatory {
color:#f15bc6 !important;
}
*{ margin:0px; padding:0px; }
.dead_center{
position: absolute;
top: 50%;
left: 50%;
}
#secureLogo {
position:absolute;
right:70px;
top:85px;
}
#innerPage {
padding:0px 0px 20px 20px;
}
#innerPage ul {
margin-left:30px;
padding:0px 20px 0px 0px;
}
#innerPage p {
text-align:justify;
padding:0px 20px 0px 0px;
}
#frame {
width: 1130px;
margin: 0px auto 20px auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #515151;
background-color: #ffffff;
text-align: left;
position:relative;
}
#leftframe {width: 1080px; float: left; background: #e8fffb url(../images/bg.gif) repeat-x;}
#leftframe2 {width: 1080px; float: left; background: url(../images/bg2.gif) repeat;} /*-- use for long vertical pages --*/
#content {
width: 1078px;
border-left: 1px solid #26a995;
border-right: 1px solid #26a995;
border-bottom: 1px solid #26a995;
min-height:550px;
}
#nav {
width: 1080px;
height: 45px;
text-align: left;
margin:0 auto;
padding: 0px;
}
#nav ul {
list-style:none;
}
#nav ul li {
display:inline;
float:left;
}
#nav ul.actions li {
float:none;
color:#099;
background:#FFC;
}
#nav ul li a {
display:block;
height:45px;
text-indent:-9999px;
overflow:hidden;
}
#nav ul li a.purchasePeekaBu {
width:196px;
background:url(../images/nav/buy.gif) no-repeat;
}
#nav ul li a.meetPeekaBu {
width:169px;
background:url(../images/nav/meet.gif) no-repeat;
}
#nav ul li a.dareToDesign {
width:162px;
background:url(../images/nav/design.gif) no-repeat;
}
#nav ul li a.benefits {
width:217px;
background:url(../images/nav/benefits.gif) no-repeat;
}
#nav ul li a.howToUse {
width:174px;
background:url(../images/nav/how.gif) no-repeat;
}
#nav ul li a.whereToUse {
width:162px;
background:url(../images/nav/where.gif) no-repeat;
}
#nav ul li a:hover {
background-position: 0px -45px;
}
#rightframe {
width: 50px;
height: 100%;
float: right;
border: 1px solid #fff;
}
#rightframea {
width: 25px;
height: 100%;
float: left;
padding: 0 0 0 6px;
}
#rightframea {
background:#CC0000 none repeat scroll 0 0;
float:left;
height:auto;
padding:0 0 0 6px;
position:absolute;
top:230px;
}
#rightframeb {
width: 19px;
height: 100%;
float: right;
}
#rightframeb {
position:absolute;
right:0;
top:400px;
width:19px;
float:none;
height:auto;
}
/*-- for right frame to align bottom--*/
#fixed {
float:right;
background:#fff;
display:block;
}
#floating {
background:#fff;
position:relative;
}
/*
#floating div {
position:absolute;
bottom:0px;
left:0;
}
*/
#floating div {
position:absolute;
}
#home_tagline {
width: 470px;
height: 45px;
text-align: left;
margin:0 auto;
padding: 10px 0 10px 100px;
color: #069d3c;
}
/*-- for right frame to align bottom--*/
/* this is for the pink title, currently in the html i have the shim
NEW
OLD
.span1-tagline {width: 80px; float: left;} */
/* ROWS */
.contentleft {width: 375px; float: left;} /* for homepage only */
.contentleft strong.logo {
background:url(../images/peeka-bu-home-sm.gif) no-repeat;
width:375px;
height:250px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
.contentright {width: 703px; float: left;} /* for homepage only */
ul.actions { display:none; width:162px; border:1px solid #1bbea5; border-width:0px 1px 1px 1px; position:absolute;}
ul.actions li {
text-indent:0px;
}
#nav ul li ul.actions li a {
text-indent:0px;
height:auto;
padding:5px;
}
.span1-tagline {width: 20px; float: left;}
.span1-text {width: 305px; float: left; padding: 25px 0 20px 10px; color:#515151;}
.span1-image {width: 743px; float: left;}
.span1b-text {width: 305px; float: left; padding: 25px 0 20px 50px;} /* home page */
.span1b-image {width: 703px; float: left;} /* home page */
.span1c-text {width: 275px; float: left; padding: 25px 0 20px 10px;} /* creative cuts */
.span1c-image {width: 773px; float: left;} /* creative cuts */
.span2-textleft {width: 524px; float: left; padding: 25px 30px 40px 10px;}
.span2-textright {width: 464px; float: left; padding: 25px 30px 40px 0;}
.span2b-textleft {width: 480px; float: left; padding: 35px 30px 40px 10px;} /* meet peeka bu */
.span2b-textright {width: 463px; float: left; padding: 0px 30px 40px 20px;} /* meet peeka bu */
.span3 {width: 1048px; padding: 0px 30px 20px 0px;} /* benefits: friends of peeka bu */
.span4 {width: 1078px; padding: 0px;} /* where to use */
.span5 {width: 1058px; padding: 0px; float: left;} /* creative cuts */
.span5b {width: 968px; padding: 25px 20px 0px 10px;} /* creative cuts */
.span5C { padding: 0px 20px 30px 10px; margin: 0px auto; text-align: center; line-height:10px;} /* creative cuts */
h1.mainTitle { margin-bottom:20px; }
.span5c span.textblue, span.textgreen { font-weight: 120%; font-weight:bold; }
.buy-left {width: 310px; float: left; padding: 25px 0px; text-align: center;}
.buy-center{width: 350px; float: left; padding: 25px 30px; text-align: center;}
.buy-right {width: 308px; float: left; padding: 25px 0px 30px 0px; text-align: center;}
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.tar { text-align:right; }
.tal { text-align:left; }
.tac { text-align:center; }
/***************************************************
TEXT ELEMENTS
***************************************************/
a:link {color: #39ce5a; text-decoration: none;}
a:visited {color: #39ce5a; text-decoration: none;}
a:hover {color: #12bba1; text-decoration: none;}
a:active {color: #39ce5a; text-decoration: none;}
a.gray:link {color: #515151; text-decoration: none;}
a.gray:visited {color: #515151; text-decoration: none;}
a.gray:hover {color: #12bba1; text-decoration: none;}
a.gray:active {color: #515151; text-decoration: none;}
a.pink:link {color: #ff4bcf; text-decoration: none;}
a.pink:visited {color: #ff4bcf; text-decoration: none;}
a.pink:hover {color: #12bba1; text-decoration: none;}
a.pink:active {color: #ff4bcf; text-decoration: none;}
a.white:link {color: #fff; text-decoration: none;}
a.white:visited {color: #fff; text-decoration: none;}
a.white:hover {color: #12bba1; text-decoration: none;}
a.white:active {color: #fff; text-decoration: none;}
a.black:link {color: #000; text-decoration: none;}
a.black:visited {color: #000; text-decoration: none;}
a.black:hover {color: #12bba1; text-decoration: none;}
a.blackte:active {color: #000; text-decoration: none;}
H1, H2, div.componentheading {
font-size: 18px;
color: #000;
margin: 0px;
padding: 0px;
}
/*
H2 {
font-size: 12px;
color: #000;
margin: 0px;
padding: 0px;
}
*/
.paragraph{
font-size: 12px;
color: #3d3d3d;
line-height: 1.8em;
}
.paragraph2{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #515151;
text-align: left;
}
H3 {
font-family: arial, helvetica, sans-serif;
font-size: 14px;
color: #000;
margin: 0px;
padding: 0px;
}
H4 {
font-size: 14px;
color: #009999;
margin: 0px;
padding: 0 0 10px 0;
}
.mirrorview{
font-size: 12px;
color: #fff;
font-weight: bold;
padding: 4px 9px;
}
.textblue {color: #12bba1;}
.textgreen {color: #39ce5a;}
.textdarkgreen {color: #069d3c;}
.bullets {
padding: 0 0 0 15px;
margin: 0px;
line-height: 18px;
}
.bullets2 {
padding: 0 0 0 25px;
margin: 0px;
line-height: 16px;
}
/* this is for the contact */
.contactus {
z-index:10;
position: absolute;
width: 440px;
height: 110px;
top: 606px;
left: 619px;
background-color: #000;
color: #fff;
text-align: left;
font-size: 12px;
padding: 10px;
overflow-y: hidden
}
/* this is for the contact */
/* this is for the wholesale */
.wholesale {
z-index:10;
position: absolute;
width: 430px;
height: 110px;
top: 606px;
left: 619px;
background-color: #000;
color: #fff;
text-align: left;
font-size: 12px;
padding: 10px 10px 10px 20px;
overflow-y: hidden
}
/* this is for the wholesale */
/* this is for the wholesale */
.contact {
width: 702px;
height: 356px;
background: url(../images/mirror-bottom.jpg) no-repeat;
color: #fff;
font-size: 12px;
padding: 0px;
}
/* this is for the wholesale */
.daretodesign {
z-index:10;
position: absolute;
top: 45px;
left: 553px;
}
/* this is for gift box
.giftbox {
z-index:10;
position: absolute;
top: 52px;
left: 944px;
padding: 10px;
overflow-y: hidden
}
*/
.giftbox {
z-index:10;
position: absolute;
top: 920px;
left: 280px;
padding: 10px;
overflow-y: hidden
}
/* this is for the gift box */
/* this is for sarah */
.sarah_nehamen {
z-index:10;
position: absolute;
top: 202px;
left: 940px;
padding: 10px;
overflow-y: hidden
}
/* this is for sarah */
/* this is for creative cuts section */
.one {
z-index:10;
position: absolute;
top: 322px;
left: 430px;
padding: 0px;
}
.two {
z-index:10;
position: absolute;
top: 322px;
left: 595px;
padding: 0px;
}
.three {
z-index:10;
position: absolute;
top: 322px;
left: 780px;
padding: 0px;
}
.four {
z-index:10;
position: absolute;
top: 322px;
left: 965px;
padding: 0px;
}
.five {
z-index:10;
position: absolute;
top: 420px;
left: 340px;
padding: 0px;
}
.six {
z-index:10;
position: absolute;
top: 420px;
left: 515px;
padding: 0px;
}
.seven {
z-index:10;
position: absolute;
top: 420px;
left: 695px;
padding: 0px;
}
.eight {
z-index:10;
position: absolute;
top: 420px;
left: 875px;
padding: 0px;
}
/* this is for creative cuts section */
/* this is for PURCHASE section */
#buygift {
z-index:10;
position: absolute;
top: 573px;
left: 148px;
padding: 0px;
font-weight: bold;
}
#buyeco {
z-index:10;
position: absolute;
top: 608px;
left: 148px;
padding: 0px;
font-weight: bold;
color: #069d3c;
text-align: left;
}
#buygift2 {
z-index:10;
position: absolute;
top: 573px;
left: 866px;
padding: 0px;
font-weight: bold;
}
#buyeco2 {
z-index:10;
position: absolute;
top: 608px;
left: 865px;
padding: 0px;
font-weight: bold;
color: #069d3c;
text-align: left;
}
/* this is for PURCHASE section */
/*
img.copyright {
margin-right:-45px;
}
*/
/*Cart*/
div#vmMainPage {
width:1000px;
margin:0 auto;
text-align:center;
padding-bottom:30px;
}
/*END CART*/
ul#topLinks {
list-style:none;
font-family:Arial, Helvetica, sans-serif;
float:right;
margin-right:50px;
}
ul#topLinks li {
float:left;
display:inline;
padding:0 10px;
font-size:12px;
font-weight:bold;
}
ul#topLinks li a {
display:block;
}
ul#topLinks li.border {
border-right:1px solid #26a995;
}
ul#topLinks li a.cart {
text-indent:-9999px;
overflow:hidden;
background:url(../images/cart.gif) no-repeat;
width:63px;
height:26px;
}
ul#topLinks li a.login {
text-indent:-9999px;
overflow:hidden;
background:url(../images/login.gif) no-repeat !important;
width:73px;
height:26px;
}
a.cart-v {
text-indent:-9999px;
overflow:hidden;
background:url(../images/cart-v.gif) no-repeat !important;
height:63px;
width:26px;
margin-bottom:15px;
}
a.cart-h {
text-indent:-9999px;
overflow:hidden;
background:url(../images/cart.gif) no-repeat !important;
height:26px;
width:63px;
display:block;
}
a.login-h{
text-indent:-9999px;
overflow:hidden;
background:url(../images/login.gif) no-repeat !important;
height:26px;
width:73px;
display:block;
}
#account #login2 ul li {
border:none;
}
a.login-v {
text-indent:-9999px;
overflow:hidden;
background:url(../images/login-v.gif) no-repeat !important;
height:73px;
width:26px;
margin-bottom:5px;
display:block;
float:right;
}
a.login-v:hover, a.cart-v:hover {
background-position: -26px 0px !important
}
a.login-h:hover, a.cart-h:hover {
background-position: 0px -26px !important
}
body.cartInner div#vmMainPage {
background:#FFFFFF none repeat scroll 0 0;
border:2px dashed #26A995;
margin:0 auto 20px;
padding:20px;
text-align:left;
width:850px;
}
body.cartInner div#vmMainPage tr.sectiontableheader, body.cartInner div#vmMainPage div.sectiontableheader {
background:#00A290 none repeat scroll 0 0;
color:#000000;
}
body.cartInner div#vmMainPage div.sectiontableheader {
font-weight:bold;
color:#000;
padding:3px;
}
body.cartInner div#vmMainPage tr.sectiontableheader th {
padding:3px;
}
body.cartInner div#vmMainPage tr.sectiontableentry1 {
}
body.cartInner div#vmMainPage tr.sectiontableentry1 td, body.cartInner div#vmMainPage tr.sectiontableentry2 td {
padding:3px;
color:#000;
}
body.cartInner div#vmMainPage h3 {
font-size:20px;
margin-bottom:20px;
}
body.cartInner div#vmMainPage table.checkoutbar {
}
body.cartInner div#vmMainPage table.checkoutbar tbody tr td{
font-style:italic;
}
body.cartInner div#vmMainPage table.checkoutbar tbody tr td a {
color:#ff0000;
}
body.cartInner div#vmMainPage table.customerInfo tbody tr td {
padding:3px;
}
body.cartInner div#vmMainPage table.customerInfo tbody tr td.label {
font-weight:bold;
color:#000;
}
body.cartInner div#vmMainPage h2.cartTitle {
margin-bottom:20px;
}
body.cartInner div#vmMainPage a.checkout_link {
background:url(../images/checkoutlink.png) no-repeat;
padding:4px 0 5px 40px;
}
body.cartInner div#vmMainPage hr {
background:transparent none repeat scroll 0 0;
border-color:#26A995;
border-style:none none solid;
border-width:2px;
margin-bottom:5px;
margin-top:10px;
}
body.cartInner div#vmMainPage div#coupon {
}
body.cartInner div#vmMainPage div#coupon p {
font-size:11px;
font-style:italic;
padding-bottom:10px;
}
body.cartInner div#vmMainPage a.continue_link {
background:url(../images/continuelink.png) no-repeat;
padding:4px 0 5px 40px;
}
body.cartInner div#vmMainPage input#coupon_code, body.cartInner div#vmMainPage input.inputbox, body.cartInner div#vmMainPage select.inputbox, div#vmMainPage input.inputboxquantity, #popupContact #login input.inputbox, form.josForm #email {
background:#DDDDDD none repeat scroll 0 0;
border:2px solid #26A995;
margin-right:15px;
}
#popupContact #login input.inputbox {
margin-right:0px;
margin-top:5px;
margin-bottom:10px;
width:150px;
}
div#vmMainPage input.inputboxquantity {
margin-right:0px;
}
input.quantity_box_button_down {
margin-right:5px;
}
body.cartInner div#vmMainPage input.button, div#vmMainPage .addtocart_button, div#vmMainPage .notify_button, #popupContact #login input.button, form.josForm button.validate, #newsletter #submit_bt, #affiliateSignupForm #submit_bt {
background:url(../images/but_buy.gif) no-repeat;
width:100px;
height:27px;
text-align:center;
padding-top:3px;
color:#000;
font-weight:bold;
border:none;
}
#affiliateSignupForm #submit_bt {
float:right;
}
body.cartInner div#vmMainPage td.prodName a {
cursor:text;
}
body.cartInner div#vmMainPage td.prodName a strong {
color:#39CE5A;
font-style:normal;
}
body.cartInner div#vmMainPage td.prodName {
font-style:italic;
color:#333 !important;
}
#popupContact #login input.button {
margin-bottom:10px;
}
body.cartInner div#vmMainPage div#login-register fieldset {
padding:20px 0px;
margin-bottom:10px;
}
body.cartInner div#vmMainPage div#login-register div#register_stretcher input.button {
width:150px;
background:url(../images/button-long.gif) no-repeat;
}
.shop_error, .shop_warning, .shop_info, div#vmMainPage .shop_debug, .shop_critical, .shop_tip {
background-color:#FFC2EE !important;
border-color:#00A290 !important;
border-style:dashed none !important;
border-width:2px 0 !important;
color:#000000 !important;
font-weight:900 !important;
margin:0 auto 15px !important;
padding:0.5em 1em 1.5em 48px !important;
width:835px !important;
}
.browseProductContainer {
margin-bottom:35px;
}
div.vmAttribChildDetail select.inputboxattrib {
background:#DDDDDD none repeat scroll 0 0;
border:2px solid #26A995;
width:150px;
}
/*Popup*/
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
z-index:9999;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:280px;
width:300px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
z-index:10000;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
/*End Popup*/
/* CONDITIONAL ACCOUNT INFORMATION*/
#popupContact #login {
border:2px dashed #26A995;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
}
#popupContact #login ul li {
padding:5px 0px;
}
#account #login2 ul {
float:right;
margin-right:50px; }
#account ul {
list-style:none;
margin-right:80px;
text-align:right;
}
#account ul li, #account #login div, #account input{
padding:0px 5px;
display:inline;
float:left;
border-right: 1px solid #26A995;
}
#account input {
background:none;
border:none;
color:#39CE5A;
text-decoration:none;
margin-top:-2px;
}
#account #login input:hover {
color: #12bba1;
}
#account #login {
width:350px;
text-align:right;
float:right;
}
span.productPrice {
color:#009999;
font-size:14px;
margin:0;
padding:10px 0;
display:block;
text-align:center;
}
#affiliateSignupForm {
width:500px;
}
#affiliateSignupForm label {
float:left;
height:20px;
width:150px;
}
#affiliateSignupForm input {
float:left;
height:20px;
width:300px;
}
#affiliateSignupForm #usertypelbl {
width:550px;
}
#affiliateSignupForm input#usertype {
width:50px;
float:none;
}
#affiliateSignupForm #NicheWebsites, #affiliateSignupForm #NicheBlog, #affiliateSignupForm #PayPerClick, #affiliateSignupForm #typeEmail, #affiliateSignupForm #Newsletters, #affiliateSignupForm #Display, #affiliateSignupForm #SEO, #affiliateSignupForm #WordofMouth {
width:50px;
float:left;
}
#affiliateSignupForm #NicheWebsiteslbl, #affiliateSignupForm #NicheBloglbl, #affiliateSignupForm #PayPerClicklbl, #affiliateSignupForm #typeEmaillbl, #affiliateSignupForm #Newsletterslbl, #affiliateSignupForm #Displaylbl, #affiliateSignupForm #SEOlbl, #affiliateSignupForm #WordofMouthlbl {
width:450px;
float:right;
}
div#newsletter {
margin-top:10px;
}
div#newsletter div.componentheading {
color:#000000;
font-family:arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin:25px 0 0;
padding:0;
}
div#newsletter input {
background:#DDDDDD none repeat scroll 0 0;
border:2px solid #26A995;
width:200px;
}
div#self {
width:889px;
margin:0 auto;
}
div#selfRight {
width:491px;
float:right;
}
div#selfRight img {
}
div#selfLeft {
width:383px;
float:left;
}
div#selfLeft h2 {
text-indent:-9999px;
overflow:hidden;
background:url(../images/self-title.gif) no-repeat;
width:289px;
height:25px;
}
div#selfLeft a {
color:#F15BC6 ;
text-decoration:underline;
padding:7px 0px;
display:block;
}
div#selfLeft p {
padding:7px 0px;
}
ul.pressLogos {
list-style:none;
text-align:center;
}
ul.pressLogos li {
display:inline;
padding:10px;
}
ul.pressLogos li img {
border:none;
}
div#bottomLinks a {
font-family:arial,helvetica,sans-serif;
font-size:12px;
}
#howtoUseLeft {
float:left;
width:315px;
}
#howtoUseRight {
}
/*END ACCOUNT INFO*/
/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
/* Manscaping Page */
#manscaping_lefttext {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 1.5em;
margin: 0px;
padding: 0px 15px 0px 0px;
float: left;
height: 500px;
width: 300px;
}
#manscaping_col {
margin: 0px;
padding: 0px 0px 0px 15px;
float: left;
height: 500px;
width: 300px;
border: 0px solid red;
}
#manscaping_col_row {
margin: 0px;
padding: 0px;
min-height:88px;
width: 300px;
border: 0px solid blue;
clear:both;
}