body{
background-color:white;
color:black;

    background-image: url("ad_smallpearl_500x200.JPG");
    background-repeat: repeat-x;
background-size: auto 150px;
background-position:150px 0;


}



div.videocontainer { 
   display:inline-block;
   border:0; 

margin:0 15px 15px 0;
padding:0 15px 15px 0;
border:0;

/*
text-align: center; 

vertical-align: top;
*/

 } 

div.videocontainer iframe {
    max-width:100%;
/*    
   vertical-align: top; 
   */
   /*
   margin:0; padding:0; border:0; 
   */
   /*
   text-align: center;
*/
    } 


div.socialmedialogoicon
{padding : 0 2em 0 2em;
  display:inline-block;
}
ul{
list-style-position:inside;}
ul li{
padding-left:0;
margin-left:0;
line-height: 1.5em;
padding-top:0.8em;
padding-bottom:0.8em;
}a{word-wrap: break-word;
  overflow: visible;}
div.productcaption img{
display:none;
}
div.productcaptionbig img{
display:none;
}
form
{
text-align:left;

}
#companynamedesktop
{
color:Olive;
font-size: 1em;
margin-bottom: 1em;
padding-bottom: 1em;
}

#languagemenubutton
{
    float:right;
    clear:right;
    padding-top:20px;}
#languagemenubutton a{
        text-decoration:none;
    }
div.productcaption::first-letter{  
text-transform:capitalize;
} 
div.productcaptionbig::first-letter{  
text-transform:capitalize;
} 
#socialmedialogodesktop
{
text-align: center;
margin-bottom:1.5em;
/* padding-left:1em; */
/* float:right; */
}
#socialmedialogodesktopshop
{
text-align:center;
margin-bottom: 1.5em;
/* float:right; */

}
.colorbox {
    display: inline-block;
     width: 0.7em;
    height: 0.7em;
    margin-right:0.5em;
 border: 0.15em solid ;    }
#paypalviewcartbutton
{
float:right;

} 
form {
display:inline;
margin-left:0.4em;
padding:0.5em;
} 

.clear
{clear:both}




#wrap{margin:0 5px 0 5px;}






 
.hidedesktop
{display:none} 

.sitemap
{
/* color:Olive; */
padding-left:0.5em;
margin-top:0.5em;
padding-top:0.5em;
margin-left:0.4em;
margin-right:0.4em;
text-transform:capitalize;
}

.quicklink
{
/* color:OliveDrab; */
  word-wrap: break-word;
display:none;
}

img{
border:0;
padding:0;
margin:0;
max-width:500px; /* originally 200px; */
}



li
{
/* list-style:none; */
font-size:1em;
}

h3{font-size:1.5em;}
h4{font-size:1.3em;}
h5{font-size:1.1em;}

h3, h4, h5{

font-style:normal;
font-weight:bold;
text-align:left;
margin-left:0;
padding-left:0;
margin-right:0.5em;

}


body,div,ul,th,td{
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
font-size:1em;
}

p
{
margin-bottom:0.4em;
margin-left:0;
margin-right:0.4em;
padding-left:0;
padding-top:0;
padding-bottom:0;
font-style:normal;
font-weight:normal;
font-size:1em;
line-height:1.8em;
}


div.navigation li
{
text-align:left;
}

div.navigation ul
{
margin-top:0;
padding:0;
font-size:1em;
}



div.navigation ul li
{
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}





div.productphoto
{
/*  float:left; */
  display:inline-block;
  border:0;
  
margin-left:0;
margin-right:15px;
padding-left:0;
padding-right:0;
  height:auto; /* height: 230px; */
  width: 150px;
  text-align: center;
  vertical-align: top;
}

div.productphotobig
{
/*  float:left; */
  display:inline-block;
  border:0;
margin-left:0;
margin-right:15px;
padding-left:0;
padding-right:0;
  height:auto; /* height: 230px; */
  width: 300px;
  text-align: center;
  vertical-align: top;
}


div.productphoto img
{
  height: auto;
  width: 150px;
  vertical-align: top;
  margin:0;
  padding:0;
  border:0;
  text-align: center;
}

div.productphotobig img
{
  height: auto;
  width: 300px;
  vertical-align: top;
  margin:0;
  padding:0;
  border:0;
  text-align: center;
}
div.productphototextoverlay
{
position:absolute;
  font-size: 1em;
  text-align: left;
background-color:yellow;
color:tomato;
padding-left:2px;
padding-right:2px;

 width: 140px; 

  word-wrap: break-word;
  overflow: visible;
height:auto;
}
div.productphototextoverlayshop
{
position:absolute;
  font-size: 1em;
  text-align: left;
background-color: DarkTurquoise;
color: Navy;
padding-left:2px;
padding-right:2px;
width:140px;
}
div.productphototextoverlaybig
{
position:absolute;
  font-size: 1em;
  text-align: left;
background-color:yellow;
color:tomato;
padding-left:2px;
padding-right:2px;
width:140px;
}
div.productphototextoverlaybigshop
{
position:absolute;
  font-size: 1em;
  text-align: left;
background-color: DarkTurquoise;
color: Navy;
padding-left:2px;
padding-right:2px;
width:140px;
}
div.productcaption
{  
  text-align: left;
  font-size: 1em;
  width: 140px;
  word-wrap: break-word;
  overflow:visible;
height:auto;
padding-bottom:2em;
//  height:10em;
}

div.productcaptionbig
{  
  text-align: left;
  font-size: 1em;
  width: 280px;
  word-wrap: break-word;
  overflow:visible;
height:auto;
padding-bottom:2em;
/*  height:10em; */
}
#logo
{
/* top:0px; */
/* left:0px; */
/* position:absolute; */
/* display:block; */
width:150px;
height:150px;
}

#logoshop
{
/* display:inline-block; */
height:auto;
width:300px;
/* min-width:200px; */
/* max-width:300px; */
/* width:60%; */
margin:auto;
padding-bottom:5px;
}


.hide
{
display:none;
}



/* the above are common settings between style-desktop.css and style-mobile.css */


/* the following is a list of menubars used in style-desktop.css, that the names are ended in "destkop" means that they are customized for the needs of desktop screens and they will only appear on desktop screens */

/*
productbardesktop, languagebardesktop, homelistbardesktop, 
pearlcolormenubardesktop,
pearlsizemenubardesktop,
footerbardesktop, 
freshwatermenubardesktop, loosepearlmenubardesktop, floweraccessoriesmenubardesktop, pearlaccessoriesmenubardesktop,shellpearlaccessoriesmenubardesktop,
freshwaterdyedmenubardesktop, freshwaterwhitemenubardesktop, freshwaterwhite01menubardesktop, freshwaterwhite02menubardesktop, freshwaterwhite03menubardesktop
*/


/* the following settings appear in both the desktop and mobile versions, but with a different value that overrides each other */

body{font-family:Futura, Arial, sans-serif;
    
    
    
    
}

h3
{margin-top:0.5em;
margin-bottom:0;}
h4, h5{
margin-top:1em;
margin-bottom:0;
}




div.navigation ul li
{
clear:none;
}


/* the following declares that the mobile-only elements shall not appear on desktop version */

#productbarmobile,
#languagebarmobile, #homelistbarmobile, 
#pearlcolormenubarmobile,
#pearlsizemenubarmobile,
#footerbarmobile,
#freshwatermenubarmobile, #loosepearlmenubarmobile, #floweraccessoriesmenubarmobile, #pearlaccessoriesmenubarmobile,#shellpearlaccessoriesmenubarmobile,
#freshwaterdyedmenubarmobile, #freshwaterwhitemenubarmobile, #freshwaterwhite01menubarmobile, #freshwaterwhite02menubarmobile, #freshwaterwhite03menubarmobile,
#menubaralways,
#menubarloosepearlmobile, #menubarfloweraccessoriesmobile, #menubarpearlaccessoriesmobile,#menubarshellpearlaccessoriesmobile,
#menubarfreshwaterwhite03mobile,
#menubarfreshwaterwhite03allmobile,
#menubarfreshwaterwhite02mobile,
#menubarfreshwaterwhite02allmobile,
#menubarfreshwaterwhite01mobile,
#menubarfreshwaterwhite01allmobile,
#menubarfreshwaterwhitemobile,
#menubarfreshwaterwhiteallmobile,
#menubarfreshwatermobile,
#menubarpearlcolormobile,
#menubarpearlsizemobile,
#menubarfreshwaterallmobile,
#menubarfreshwaterdyedmobile,
#menubarfreshwaterdyedallmobile,
#companynamemobile,
#socialmedialogomobile,
#socialmedialogomobileshop
{
display:none;
}






/* the following are the desktop-only elements */





#productbardesktop
{
width:150px;
/* margin-top:120px; */

margin-bottom:5px;
margin-left:0px;
margin-right:25px;
padding-top:0;
}




A {
/* text-decoration:none; */
/* color:MediumSeaGreen  ; */
background-color:white;
font-size:1em;
}    

A:link, A:visited
{
/* text-decoration:none; */
/* color:MediumSeaGreen  ; */
background-color:white;
}

div.navigation A:link, div.navigation A:visited
{
color:LavenderBlush  ;
background-color:LightCoral;
/*text-align:left;*/
text-decoration:none;
}




#productbardesktop A
{
font-weight:normal;
padding-top:1em;
padding-bottom:1em;
padding-left:0.5em;
padding-right:0.5em;
border-style:solid;
border-color:pink;
border-width:0px 0px 0px 0px;
}




A:hover, A:active
{
text-decoration:underline;
/* color:MediumSeaGreen  ; */
background-color:white;
}

div.navigation A:hover, div.navigation A:active
{
background-color:#A85A5A;

/*text-align:left;*/
text-decoration:none;
}







#languagebardesktop
{
 /* padding-top:0px; //150px; this setting does not exist before adding background picture */
}
#homelistbardesktop{
/* padding-top:120px; */
}



#languagebardesktop, #homelistbardesktop,
#pearlcolormenubardesktop,
#pearlsizemenubardesktop
{
/* margin-top:0; */
margin-bottom:2em;
margin-left:5px; /* 155px; */
font-size:0.8em;
font-style:normal;
}



#languagebardesktop ul, #homelistbardesktop ul,
#pearlcolormenubardesktop ul,
#pearlsizemenubardesktop ul,
#freshwatermenubardesktop ul, #loosepearlmenubardesktop ul, #floweraccessoriesmenubardesktop ul, #pearlaccessoriesmenubardesktop ul, #shellpearlaccessoriesmenubardesktop ul,#freshwaterdyedmenubardesktop ul,#freshwaterwhitemenubardesktop ul, #freshwaterwhite01menubardesktop ul, #freshwaterwhite02menubardesktop ul, #freshwaterwhite03menubardesktop ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

#productbardesktop, #languagebardesktop li, #homelistbardesktop li,
#pearlcolormenubardesktop li,
#pearlsizemenubardesktop li,
#freshwatermenubardesktop li, #loosepearlmenubardesktop li, #floweraccessoriesmenubardesktop li, #pearlaccessoriesmenubardesktop li,#shellpearlaccessoriesmenubardesktop li,
#freshwaterdyedmenubardesktop li, #freshwaterwhitemenubardesktop li, #freshwaterwhite01menubardesktop li, #freshwaterwhite02menubardesktop li, #freshwaterwhite03menubardesktop li
{
float:left;
}

#footerbardesktop
{
clear:both;
}



#productbardesktop A, #languagebardesktop A, #homelistbardesktop A,
#pearlcolormenubardesktop A,
#pearlsizemenubardesktop A,
#freshwatermenubardesktop A, #loosepearlmenubardesktop A, #floweraccessoriesmenubardesktop A, #pearlaccessoriesmenubardesktop A,#shellpearlaccessoriesmenubardesktop A,
#freshwaterdyedmenubardesktop A, #freshwaterwhitemenubardesktop A, #freshwaterwhite01menubardesktop A, #freshwaterwhite02menubardesktop A, #freshwaterwhite03menubardesktop A
{
display:block;
}

#footerbardesktop A
{
display:inline;
}



#languagebardesktop A, #homelistbardesktop A,
#pearlcolormenubardesktop A,
#pearlsizemenubardesktop A
{
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:1.3em;
padding-right:1.3em;
}




#footerbardesktop
{
padding-top:50px;
font-size:1em;
font-style:normal;
}



#footerbardesktop A
{
padding-left:0.5em;
padding-right:0.5em;
}

#footerbardesktop ul
{
list-style-type:none;
}



#freshwatermenubardesktop, #loosepearlmenubardesktop, #floweraccessoriesmenubardesktop, #pearlaccessoriesmenubardesktop,#shellpearlaccessoriesmenubardesktop,
#freshwaterdyedmenubardesktop, #freshwaterwhitemenubardesktop, #freshwaterwhite01menubardesktop, #freshwaterwhite02menubardesktop, #freshwaterwhite03menubardesktop
{
margin-top:1em;
margin-bottom:1em;
margin-left:5px; /* 155px; */
font-size:0.9em;
font-style:normal;
}








#freshwatermenubardesktop A, #loosepearlmenubardesktop A, #floweraccessoriesmenubardesktop A, #pearlaccessoriesmenubardesktop A,#shellpearlaccessoriesmenubardesktop A, #freshwaterdyedmenubardesktop A, #freshwaterwhitemenubardesktop A, #freshwaterwhite01menubardesktop A, #freshwaterwhite02menubardesktop A, #freshwaterwhite03menubardesktop A
{
padding-top:0.6em;
padding-bottom:0.6em;
padding-left:2em;
padding-right:2em;
}

div.navigation A
{
/* padding-left:0.5em; */
/* padding-right:0.5em; */
}

div.productphoto
{
  padding-top:0;
}
div.productphotobig
{
  padding-top:0;
}


p, li, h3, h4, h5{display:block;}


a, p::first-letter, li::first-letter, h3::first-letter, h4::first-letter, h5::first-letter{text-transform:capitalize;}