@charset "UTF-8";

/*
CSS Document 
Cloud&Pupa2.0
*/

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, span, blockquote, th, td {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
font-family: Futura Light BT, Arial, Helvetica, sans-serif;
font-size:14px;
text-align: center;
background: url(../images/bodyBg.jpg) repeat-x;
}

a:link {
color: #666666;
text-decoration:none;
}

a:visited {
color:#666666;
text-decoration:none;
outline:none;
}

a:hover {
color:#000000;
text-decoration:underline;
}

a:active {
color:#EDC6CA;
text-decoration:none;
}

#container {
position: relative;
width: 950px;
margin: 40px auto;
border: 0px solid #000000;
text-align: left;
}

#container1 {
position:absolute;
width: 930px;
background: #FFFFFF;
margin: 0px auto;
padding:0 0 60px 0;
background:url(../images/shadowEdgeCenter.png) repeat-y;
border: 0px solid #000000;
}

#joinNewsletter {
position:absolute;
color:#666666;
font-size:12px;
top:15px;
left:280px;
z-index:100;
}

#joinNewsletter .submitButton {
width:40px;
height:40px;
background:#fff url(../images/submitButton.gif) no-repeat;
cursor: pointer;
border: 0px solid #000000;
}

#joinNewsletter .submitButton:hover {
background:#fff url(../images/submitButtonAnimated.gif) no-repeat;
color:#FFFFFF;
border: 0px solid #000000;
}

#quickContactContainer {
position:absolute;
padding:8px;
font-size:12px;
width:200px;
color:#666666;
text-align:center;
top:15px;
right:35px;
background:url(../images/emailBg.png);
z-index:600;
border: 0px solid #000000;
}

#shadowEdgeTop {
position:absolute;
top:-12px;
left:10px;
width:930px;
height:12px;
background:url(../images/shadowEdgeTop.png) no-repeat;
border:0px solid #FF0000;
}

#shadowEdgeFooter {
position:absolute;
bottom:-8px;
left:10px;
width:930px;
height:12px;
background:url(../images/shadowEdgeFooter.png) 0 5px no-repeat;
border:0px solid #FF0000;
}

#logo {
position:absolute;
width: 155px;
height:59px;
top:20px;
left:35px;
}

a.logoHome {
display:block;
width:155px;
height:59px;
background:#fff url(../images/logo.gif) no-repeat;
overflow:hidden;
}

a.logoHome img { visibility:hidden; }

a.logoHome:hover { background:0; }

a.logoHome:hover img {
visibility:visible;
border:0;
}

#topRight {
position: absolute;
top: -30px;
right: -30px;
width: 382px;
height:218px;
background: url(../images/flowerTopRight.png) no-repeat;
z-index:10;
}

#leftMenuFloral {
position:absolute;
top:270px;
left:-85px;
width:297px;
height:310px;
background:url(../images/flowerLeftMenu.png) no-repeat;
border:0px solid #006666;
text-indent:-9999px;
z-index:10;
}

#topLinks {
position:absolute;
top:20px;
left:180px;
width:570px;
min-height:140px;
background:url(../images/linksTopFloralBg.png) 0 0 no-repeat;
border:0px solid #669933;
z-index:20;
}

#topLinks a { 
display:block;
cursor: pointer;
}

#topLinks li { list-style:none; }

#topLinks li h1 { padding:15px 0; }

.home {
position:absolute;
top:80px;
left:40px;
width:43px;
height:16px;
background: url(../images/linksTopHome.png) no-repeat;
}

.home:hover { background: url(../images/linksTopHome.png) -43px 0 no-repeat; }

.blog {
position:absolute;
top:60px;
left:120px;
width:36px;
height:36px;
background: url(../images/linksTopBlog.png) no-repeat;
}

.blog:hover { background: url(../images/linksTopBlog.png) -37px 0 no-repeat; }

.aboutUs {
position:absolute;
top:70px;
left:200px;
width:47px;
height:35px;
background: url(../images/linksTopAboutUs.png) no-repeat;
}

.aboutUs:hover { background: url(../images/linksTopAboutUs.png) -47px 0 no-repeat; }

.terms {
position:absolute;
top:60px;
left:285px;
width:39px;
height:18px;
background: url(../images/linksTopTerms.png) no-repeat;
}

.terms:hover { background: url(../images/linksTopTerms.png) -40px 0 no-repeat; }

.payment {
position:absolute;
top:80px;
left:370px;
width:87px;
height:36px;
background: url(../images/linksTopPayment.png) no-repeat;
border:0px solid #000099;
}

.payment:hover { background: url(../images/linksTopPayment.png) -88px 0 no-repeat; }

#leftMenu {
position: absolute;
top: 130px;
left: 40px;
min-height:330px;
width: 170px;
background: url(../images/redGirlMenu.png) no-repeat;
border:0px solid #006666;
z-index:500;
}

#leftMenu li { 
list-style:none; 
}

#leftMenu a { 
display:block;
cursor: pointer;
}

#leftMenu .earrings {
margin:0 0 0 60px;
width:53px;
height:27px;
background:url(../images/leftMenuEarrings.png) no-repeat;
}

#leftMenu .earrings:hover {
background:url(../images/leftMenuEarrings.png) -54px 0 no-repeat;
}

#leftMenu .necklace {
margin:0px 0 0 70px;
width:59px;
height:21px;
background:url(../images/leftMenuNecklace.png) no-repeat;
}

#leftMenu .necklace:hover {
background:url(../images/leftMenuNecklace.png) -59px 0 no-repeat;
}

#leftMenu .bracelets {
margin:60px 0 0 85px;
width:58px;
height:21px;
background:url(../images/leftMenuBracelets.png) no-repeat;
}

#leftMenu .bracelets:hover {
background:url(../images/leftMenuBracelets.png) -59px 0 no-repeat;
}

#leftMenu .rings {
margin:25px 0 0 82px;
width:33px;
height:28px;
background:url(../images/leftMenuRings.png) no-repeat;
}

#leftMenu .rings:hover {
background:url(../images/leftMenuRings.png) -33px 0 no-repeat;
}

#leftMenu .accessories {
margin:30px 0 0 80px;
width:69px;
height:12px;
background:url(../images/leftMenuAccessories.png) no-repeat;
}

#leftMenu .accessories:hover {
background:url(../images/leftMenuAccessories.png) -69px 0 no-repeat;
}

#leftMenu .anklets {
margin:25px 0 0 85px;
width:50px;
height:21px;
background:url(../images/leftMenuAnklets.png) no-repeat;
}

#leftMenu .anklets:hover {
background:url(../images/leftMenuAnklets.png) -51px 0 no-repeat;
}


a.blackVicCol {
position: absolute;
top: 470px;
left: 20px;
width: 177px;
height:135px;
border:0px solid #006666;
background: url(../images/blackVicButton.png) no-repeat;
z-index:60;
}

a.blackVicCol:hover { background: url(../images/blackVicButton.png) -177px 0 no-repeat; }

a.threeStepsLogo {
position: absolute;
top: 640px;
left: 15px;
width: 170px;
height:78px;
border:0px solid #006666;
background: url(../images/3stepsLogo.png) no-repeat;
z-index:60;
}

a.threeStepsLogo:hover { background: url(../images/3stepsLogo.png) -170px 0 no-repeat; }


a.freeGiftBag, a.freeGiftBag:visited {
position:absolute; 
top: 760px;
left: 15px;
z-index:1;
}

a.freeGiftBag b {
position:absolute;
visibility:hidden;
width:200px;
height:0;
border:0px solid #000;
left:0;
top:0px;
}

a.freeGiftBag:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}

a.freeGiftBag:hover b {
visibility:visible;
height:300px;
cursor:pointer; /* for IE */
z-index:500; 
}

a.freeGiftBag:hover b img {
border:0; /* remove the link border */
}

/*
#freeGiftBag {
position: absolute;
width:170px;
top: 600px;
left: 20px;
min-height:400px;
background: url(../images/freeGiftBag.jpg) no-repeat;
}

#freeGiftBag p {
text-align: justify;
margin:180px auto 0 auto;
width:120px;
font-size:12px;
color:#666666;
}

#freeGiftBag p span {
font-size:14px;
font-weight:bold;
color: #FF0000;
}
*/

#colRight {
position: relative;
float:right;
margin:190px 15px 0 0;
padding:0 0 50px 0;
width: 230px;
border:0px solid #000000;
}

#colRight .shadowDivide {
float:left;
width: 20px;
min-height:540px;
background: url(../images/shadowDivideVert.png) repeat-y;
border:0px solid #000000;
}

.blogInfo a:link {
color: #333333;
text-decoration:none;
}

.blogInfo a:visited {
color: #333333;
text-decoration:underline;
}

.blogInfo a:hover {
color:#3366cc;
text-decoration:underline;
}

.blogInfo a:focus {
color:#6699CC;
text-decoration:none;
text-decoration:underline;
}

#colRight .blogInfo {
float:right;
width:185px;
margin:0px 5px 0 0px;
padding:0 10px 50px 10px;
font-size:12px;
color: #666666;
background: url(../images/blogPinkBg.jpg);
border:0px solid #669999;
font-weight: lighter;
}

.blogInfo h1 {
font-size:14px;
padding:0 0 5px 0;
border-bottom:2px dotted #EDC6CA;
}

.blogInfo ul h2 {
font-size:13px;
margin:3px 0 0 0;
padding:0 0 5px 0;
color:#c60;
}

.blogInfo ul h3 {
font-size:11px;
margin:0 0 0 0;
padding:0 0 5px 0;
color:#c60;
font-weight:normal;
}

.blogInfo ul { margin:30px 0 0px 0; }

.blogInfo ul p { margin:10px 0 0px 0; }

.blogInfo h4 {
font-style:italic;
margin:30px 0 0 0;
text-align:right;
}

.floatImgLeft {
float:left;
width:70px;
margin:0 10px 5px 0;
padding:5px;
border:1px solid #EDC6CA;
font-size:11px;
color:#666666;
background:#FFFFFF;
}

.floatImgLeft img {
width:70px;
border:0;
}

.floatImgLeft p {
margin:3px 0;
font-style:italic;
}

#mainContent {
position:relative;
width:460px;
margin: 180px 200px 120px 200px;
padding: 0 10px 0px 10px;
border:0px solid #333399;
}

#mainContent pre,
#indexContainerSlideshow pre {
height:20px;
margin:0 auto 30px auto;
background:url(../images/shadowDivideHori.png) center no-repeat;
border:0px solid #003399;
}

a.pink:link {
color: #CC3333;
text-decoration:none;
}

a.pink:visited {
color:#CC3333;
text-decoration:none;
}

a.pink:hover {
color: #FF0000;
text-decoration:none;
}

a.pink:active {
color:#CC3333;
text-decoration:none;
outline: none;
}

#specialPromotion {
margin:-20px 0 10px 0;
}

#specialPromotionHeader {
background:url(../images/blackVicHeader.gif) no-repeat 0 0;
height:175px;
}

#specialPromotionCenter {
padding:0px;
text-align:center;
background:url(../images/blackVicCenterBg.gif) repeat-y 0 0;
border:0px #006699 solid;
}

#specialPromotionCenterInfo img {
margin:0 -1px 0px 0;
padding:0;
width:65px;
border:0px #006666 solid;
}

#specialPromotionCenterInfo {
width:412px;
margin:0 0 0 26px;
padding:10px 0 5px 0;
border:0px #006699 solid;
}

#specialPromotionFooter {
background:url(../images/blackVicFooterBg.gif) no-repeat 0 0;
height:104px;
}

#indexContainer h1 {
margin: 0 0;
padding: 0 0;
background:url(../images/titleNewProducts.gif) no-repeat;
border:0px solid #003399;
text-indent:-9999px;
}

/***************** slideshow ****************************************/

#indexContainerSlideshow {
position:relative;
width:460px;
margin: 0px 200px 120px 200px;
padding: 0 10px 0px 10px;
border:0px solid #333399;
}

.slideshowContainer {
border: 1px solid #ccc;
width: 460px;
height: 200px;
margin:0px 0 5px 0;
padding:20px 0 0 0;
border:0px solid #0033CC;
}

.loading { background: url(images/loading.gif) center no-repeat; }

#thumbnails {
margin:10px auto 0 auto;
width:460px;
text-align:center;
border:0px solid #009933;
}

.slideshowThumbnail {
outline: none;
border:0px solid #0033CC;
}

.slideshowThumbnail img {
border: 1px solid #ffffff;
padding: 4px 8px;
width:55px;
height:30px;
}

a:hover.slideshowThumbnail img {
border: 1px solid #cccccc;
padding: 4px 8px;
}

.current img {
border: 1px solid #990000;
padding: 5px;
}

.outline {
border: 1px solid #990000;
z-index: 0;
position: absolute;
}

/*********************************************************/

.flashclass{ 
width: 460px;
height:200px;
border: 0px solid orange;
padding: 0px;
}

.flashclass img{
border-width: 0;
}

#indexMainThumbs {
position:relative;
width:460px;
margin:0px 0 80px 0;
border:1px solid #ffffff;
}

#indexMainThumbs ul {
list-style:none;
min-height:170px;
margin:0px auto 0 auto;
border:0px solid #009966;
}

#indexMainThumbs h1.newNecklace,
#mainThumbs h1.newNecklace {
margin:30px 0 0 0;
height:35px;
background: url(../images/titleNewNecklace.jpg) no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#indexMainThumbs h1.newBracelets,
#mainThumbs h1.newBracelets {
margin:30px 0 0 0;
height:35px;
background: url(../images/titleNewBracelets.jpg) no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#indexMainThumbs h1.newEarrings,
#mainThumbs h1.newEarrings {
margin:0px 0 0 0;
height:50px;
background: url(../images/titleNewEarrings.jpg) no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#indexMainThumbs h1.earrings,
#mainThumbs h1.earrings {
height:50px;
background: url(../images/titleNewEarrings.jpg) -50px 0 no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#indexMainThumbs h1.necklace,
#mainThumbs h1.necklace {
height:35px;
background: url(../images/titleNewNecklace.jpg) -50px 0 no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#indexMainThumbs h1.bracelets,
#mainThumbs h1.bracelets {
height:35px;
background: url(../images/titleNewBracelets.jpg) -50px 0 no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#indexMainThumbs h1.newRings,
#mainThumbs h1.rings {
height:50px;
background: url(../images/titleNewRings.jpg) -50px 0 no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#indexMainThumbs h1.accessories,
#mainThumbs h1.accessories {
height:35px;
background: url(../images/titleNewAccessories.jpg) -50px 0 no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#indexMainThumbs h1.anklets,
#mainThumbs h1.anklets {
height:35px;
background: url(../images/titleNewAnklets.jpg) -50px 0 no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#mainThumbs {
position:relative;
width:460px;
margin:0px 0 20px 0;
border:0px solid #006633;
}

#mainThumbs ul {
list-style:none;
margin:0px auto 0px auto;
border:0px solid #009966;
}


#indexMainThumbs ul li,
#mainThumbs ul li {
width:100px;
height:150px;
float:left;
margin:15px 15px 0 0;
background:url(../images/thumbShadow.jpg) -10px -10px no-repeat;
border:0px solid #CC9999;
}

#indexMainThumbs ul li dl,
#mainThumbs ul li dl,
#blackVicColCenter ul li dl {
margin:5px 0 0 5px;
width:85px;
font-size:12px;
color: #333333;
border:0px solid #CC9999;
}

#blackVicColCenter ul li dl {
color: #CCCCCC;
}

#indexMainThumbs ul li dl dt,
#mainThumbs ul li dl dt,
#blackVicColCenter ul li dl dt {
max-height:2.5em;
overflow:hidden;
width:85px;
font-size:12px;
border:0px solid #CC9999;
}

#indexMainThumbs ul li dl dd,
#mainThumbs ul li dl dd,
#blackVicColCenter ul li dl dd {
margin:3px 0;
color:#CC3333;
}

.thumbsIndex {
position:relative;
z-index:0;
}

.thumbsIndex:hover {
text-decoration:none;
z-index: 50;
background:#ffffff;
}

.thumbsIndex img {
border:1px solid #cc9999;
padding:5px;
background:#ffffff;
}

.thumbsIndex span{ 
position: absolute;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbsIndex span img{
border-width: 0;
}

.thumbsIndex:hover span { 
visibility: visible;
top:12px;
left: 0px; 
border:10px solid #CC9999;
}

#pageNumbers {
clear:left;
text-align:center;
padding:30px 0 0 0;
font-size:12px;
color: #666666;
border: solid #666666 0px;
}

#pageNumbers a:link {
color: #0066FF ;
text-decoration: underline;
}

#pageNumbers a:visited {
color:#0066FF;
text-decoration:none;
}

#pageNumbers a:hover {
color: #FF0000;
text-decoration: underline;
}

#pageNumbers a:active {
outline: none;
}

#mainContentNoRightColBlog {
position:relative;
width:640px;
min-height:600px;
_height:600px;
overflow:hidden;
margin: 0px 0 50px 210px;
padding: 0 10px 50px 10px;
border:0px solid #003399;
}

#mainContentNoRightCol {
position:relative;
width:660px;
min-height:800px;
overflow:hidden;
margin: 0 0 50px 210px;
padding: 0 0 50px 0;
border:0px solid #003399;
font-size:12px;
color:#333333;
}

#mainContentNoRightCol h1.titleAboutUs {
height:35px;
background: url(../images/titleAboutUs.jpg) no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#mainContentNoRightCol h1.titleTerms {
height:35px;
background: url(../images/titleTerms.jpg) no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#mainContentNoRightCol h1.titlePayment {
height:50px;
background: url(../images/titlePayment.jpg) no-repeat;
border-bottom:1px dotted #003399;
text-indent:-9999px;
}

#mainContentNoRightCol h1.titleThankYou {
height:50px;
background: url(../images/titleThankYou.jpg) center no-repeat;
text-indent:-9999px;
}

#mainContentNoRightCol p {
margin:20px 0;
line-height:1.5em;
}

#mainContentNoRightCol ul {
width:400px;
margin:30px auto;
border-bottom:1px dotted #003399;
}

#mainContentNoRightCol li {
list-style-position:outside;
line-height:1.5em;
margin:10px 0 0 20px;
}

#mainContentNoRightCol ul.thankYou {
width:400px;
min-height:160px;
text-align:center;
margin:30px auto;
border-bottom:1px dotted #003399;
}

.english {
position:relative;
float:right;
margin:10px 0 0 0;
font-size:11px;
}

#blackVicColContainer {
position:relative;
width:750px;
min-height:800px;
overflow:hidden;
margin: 0 0 50px 220px;
padding: 0 0 50px 0;
font-size:12px;
color:#333333;
border:0px dotted #003399;
}

#blackVicColHeader {
margin: 140px 0 0 0;
background:url(../images/blackVicHeaderLarge.gif) no-repeat 0 0;
height:242px;
}

#blackVicColCenter {
padding:30px 0;
background:url(../images/blackVicCenterBgLarge.gif) repeat-y 0 0;
border:0px #006699 solid;
}

#blackVicColCenter ul {
list-style:none;
margin:0px 0 0 102px;
height:900px;
width:500px;
border:0px solid #009966;
}

#blackVicColCenter ul li {
width:100px;
height:150px;
float:left;
margin:15px 15px 0 0;
border:0px solid #CC9999;
}

#blackVicColFooter {
clear:both;
background:url(../images/blackVicFooterBgLarge.gif) no-repeat 0 0;
height:142px;
}


#aboutUsContainer {
position:relative;
width:370px;
margin:180px auto;
min-height:800px;
}

#paymentContainer {
margin:150px 0 0 0;
padding:0;
border:1px solid #ffffff;
}

#paymentContainer span.paymentStep1 {
position:absolute;
top:690px;
left:385px;
}

#paymentContainer span.paymentImportantNotice {
position:absolute;
top:925px;
right:0px;
}

#paymentContainer span p { margin:8px 0 0 0; }

#termsContainer {
margin:150px 0 0 0;
padding:0;
border:1px solid #ffffff;
}

#termsContainer ul {
width:400px;
margin:30px auto;
border-bottom:1px dotted #003399;
}

#termsContainer li {
list-style-position:outside;
line-height:1.5em;
margin:0 0 0 20px;
}

#termsContainer p { margin:30px 0 0 0; }

#productInfoContainer {
position:relative;
margin:180px 0 0 0;
min-height:600px;
padding: 0 0 50px 0;
border:0px solid #003399;
color:#333333;
}

#productInfoContainer h1 {
border-bottom:1px dotted #003399;
font-weight:normal;
font-size:21px;
color: #666666;
}

#gallery img {
border:1px solid #999999;
cursor:pointer;
}

#gallery img:hover {
border:1px solid #000000;
}

#gallery {
position:relative;
width:400px;
margin:20px 0 0 0;
text-align:center;
}

.trigger {
display:block;
cursor:pointer;
float:left;
margin:10px 5px 10px 0;
}

.trigger img {
width:80px;
height:80px;
}

.off {
color:#000;
}

.hide { display:none; }

.show {
position:absolute;
top:0px;
left:0px;
display:block;
background:#ffffff;
z-index:500;
}

.show img {
width:400px;
height:300px;
margin:0 auto;
background:#FFFFFF;
}

#productInfo {
position:relative;
font-size:12px;
float:right;
width:220px;
min-height:500px;
padding: 0 0 50px 0;
margin:20px 0px 0 0;
background:url(../images/shadowDivideVertRight.png) top right repeat-y;
border:0px solid #666666;
}

.productInfoBg {
width:200px;
height:100%;
background:url(../images/blogPinkBg.jpg);
border:0px solid #666666;
}

#productInfo dl {
position:relative;
overflow:hidden;
padding:10px 8px;
clear:both;
border-bottom:1px dotted #999999;
}

#productInfo dt {
position:relative;
max-width:80px;
float:left;
border:0px solid #999999;
}

#productInfo dd {
position:relative;
max-width:95px;
text-align:right;
float:right;
border:0px solid #999999;
}


#footer {
position:absolute;
bottom:0px;
left:15px;
width:900px;
text-align:center;
font-size:11px;
color:#CC3333;
border:1px solid #ffffff;
}

.footerContent {
width:500px;
margin:0 auto;
line-height:2em;
}

.footerContent a {
padding:0 15px;
}

.footerContent a:hover { background: #FFCCFF; }

.footerContent p {
margin: 10px 0;
font-size:11px;
color:#666666;
}

.footerContent pre {
height:20px;
margin:0 auto 0px auto;
background:url(../images/shadowDivideHori.png) center no-repeat;
border:0px solid #003399;
}

.fltrt {
float: right;
margin-left: 8px;
}

.fltlft {
float: left;
margin-right: 8px;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.strongFont { font-weight:bold; }

.font12px { font-size:12px; }

.font14px { font-size:14px; }

a.backButtonProductInfo {
position:absolute;
top:590px;
left:0;
width:46px;
height:13px;
background:url(../images/backbuttonover.jpg) no-repeat;
}

a.backButtonProductInfo:hover {
background: url(../images/backbuttonover.jpg) no-repeat;
border-bottom:1px solid #999999;
}

a.importantRed {
font-size:10px;
color:#FF0000;
}

a.importantRed:hover {
color:#FF0000;
text-decoration:underline;
}