@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Desigers';
    src: url('font-face/desib___-webfont.eot');
    src: url('font-face/desib___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/desib___-webfont.woff') format('woff'),
         url('font-face/desib___-webfont.ttf') format('truetype'),
         url('font-face/desib___-webfont.svg#desigersbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*@font-face {
  font-family: 'Desigers';
  src: url('../font-face/DESIB___0.TTF') format('truetype');
  }
*/
@font-face {
	font-family: 'MyriadPro';
	src: url('font-face/MyriadPro-Regular.otf');
}

body	{
	background-color:e1eeda; /*#caeaca; #6fb43f; #8cc6ec;*/
	background-image: url(https://www.cameoez.com/users/usu.cameoez.com/html/images/bg.jpg);
	font-family: 'MyriadPro', arial, sans serif, default;
}

.img-responsive {width:100%}

header {display:block;position:relative;height:180px;background-color:#transparent;}/*margin-top:-140px;}*/
header #pubHeader {position:relative;top:-70px}

#wrapper, #pubWrapper { background-color:#fff;margin:auto;}

#outerWrapper {position:relative; width:95%;margin-left:2%} /*{85% width:1150px; margin-left:10%;position:relative}*/

main {margin-top:30px}

h1 { font-family: 'Desigers' }

a:link	{
	color: #000; /*#6fb43f;*/
	text-decoration: none;
}

a:visited	{
	color: #000; /*#6fb43f;*/
	text-decoration: none;
}

a:hover	{
	color: #006622;
	text-decoration: none;
}

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

#logo	{
	position:relative;
	top:-60px;
	left:27%;
	z-index:10;
	width:544px;
	text-align:center;	
}	

#logo img {
	width:450px;
}

blockquote {
    font-size: 1em;
    border-left: 0;
}

/***********************Retail Dropdown-Public******************/

#pubHeaderNav {}

#pubHeaderNav li { font-size:1.65vw}

#pubHeaderNav a {}
#pubHeaderNav a:hover {}
#pubHeaderNav ul {
    background:transparent; <span class="code-comment">/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */</span>
    background:rgba(255,255,255,0); <span class="code-comment">/* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */</span>
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#pubHeaderNav ul li {float:none;display:block; background-color:transparent}

#pubHeaderNav ul a {}

#pubHeaderNav li:hover ul {left:75%} /* Display the dropdown on hover; Bring back on-screen when needed */

#pubHeaderNav li:hover ul a { text-decoration:none }

#pubHeaderNav li:hover ul li a:hover {background:#eeeeee} /* Here we define the most explicit hover states--what happens when you hover each individual link. */

#homeHeader	{
	position:relative;
	z-index:5;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:0px;
}

#homeContainer	{
	position:relative;
	margin-top:-50px;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	height:775px;
	background-color:#fef200; /* #f3dc6a; */
	background-image: url(https://www.cameoez.com/users/usu.cameoez.com/html/images/umbrellaStick.png)
}

#homeFooter	{
	background-color:#8cc6ec;
	width:1000px;
	padding:15px;	
	text-align:center;
	
}

#pubContainer	{
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	vertical-align:top;
	background-color:#fff;
	width:100%;
	min-height:625px;
}

#memContainer, #pubContainer	{
	vertical-align:top;
	margin-top:0; /*150px; -215px;*/
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
/*	padding-left:25px;*/
	padding: 25px 15px; /* RP 7-9-18 */
	background-color:#ffffff; /*#fef200  #f3dc6a; 
	border:20px #6fb43f solid;*/
}

#memContainer {
	margin-top:-20px;
	padding-top:50px;
	width:100%;
	min-height:300px;
	height:100%;
	vertical-align:top;
}

.content {margin-top:0px;padding-top:0}



#umbrellaImage	{
	position:absolute;
	z-index:10;
	top:0px;
	height:670px;
	width:544px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(https://www.cameoez.com/users/usu.cameoez.com/html/images/umbrellaLogo750.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center top;
}

#splashText	{
	width:250px;
	height:250px;
}

.splashBoxContainer	{
	margin:auto;/*float:left;*/ 
	height:625px;
	width:825px;
	background-color:#fff; /*#6fb43f;*/
	padding-left:-50px;
/*	text-align:center;
	position:relative;
	z-index:20;*/
}

.slideshow1 {
	list-style-type:none;
	padding:0;
	margin:-25px 0 0 -25px;
}

/*.splashTextContainer	{
	float:left;
	height:280px;
	width:250px;
	padding:0 10px 10px 10px;
	margin:10px 20px 10px 20px;
	background-color:#6fb43f;
	text-align:center;
	position:relative;
	z-index:20;
}*/


.gallery	{	border:none; }

#splashNav	{
	height:70px;
	padding-top:40px;
	vertical-align:bottom;
	position:relative;
	z-index:20;
}
#splashLinks	{
	display:block;
	list-style:none;
	margin-top:40px;
	text-align:center;

}

#splashLinks li	{
	display:block;
	float:left;
	text-align:center;
}

#splashLinks a {
	display:block;
	font:bold 12pt Century Gothic,Times New Roman, serif,default; /*Verdana, Geneva, sans-serif;*/
	text-decoration:none;
	color:#002266;
	width:220px;
}

.clearBoth	{ clear:both }

.homeTextBox	{
	font-family:arial,helvetica,sans serif,default;
	font-size:8pt;
	font-weight:300;
	color:#ffffff;
}

.homeTextBox a { color:#ffffff }

#WholesaleInfo { 
	width:810px;
	height:460px;
	border:20px #6fb43f solid;
	padding-top:125px;
	position:absolute;
	left:0px;
	top:30px;
	margin:auto;
}

#WholesaleInfo p {
	font-family:'Desigers', Arial, default;
	font-size: 20px;
}

#loginWrapper { background-color:#fff}

.MainMfr {
	width:950px;
/*	background-color:#fff;*/
}

#mainCats {
	position:relative;
	top:-75px;
}

.cat-description {width:80%;margin-left:10%}

#ShowCatWrapper, #ShowCatPublicWrapper {
	width:100%;
	margin-top:10px;
	veritcal-align:top;
/*	position:absolute;
	top:0;
	right:0;*/
}

#ShowCatPublicWrapper {
	width:100%;
	margin-top:0;
}

table#productsDisplay {width:100%}

table#subCatsPublic {width:80%}
table#subCatsPublic td {padding:15px}

.subcat-item {width:30%;height:300px;float:left;margin-left:2%}

div.cat_item    {
        height:460px;
        width: 30%; /*260px; 200px;175px;*/
        float:left;
        position:relative;
        padding:0;
        text-align:center;
       margin:0 0 0 2%;

        }

div.cat_item_pub    {
        height:440px;
        width: 30%; /*260px; 200px;175px;*/
        float:left;
        position:relative;
        padding:0;
        text-align:center;
       margin:0 10px 0 10px;

        }

div.cat_content_bottom  {
        position:absolute;
        vertical-align:baseline;
        text-align:center;
        padding:0;
        bottom:0px;
	word-wrap:break-word;
	/*max-width:200px;150px;*/
        }

div.cat_item div.cat_content_top        {position:absolute; top:0px}

.item	{ font-size:1vw;font-weight:bold }

.show-item-popup { background-color:#fff; max-width:1100px;}

.show-item-info {font-size:18px;font-weight:bold;}

#popupwrapper, .popupStyle { background-color:#fff; }

.detail-pop-main-img, .detail-pop-product-info {width:35%; float:left; height:500px}

.detail-pop-product-info {height:300px;padding-top:50px}

.detail-pop-alt-img.row div.altImg {width:20%;float:left}

.AltImgThumb.AltImgSelected { width:100%}

.AltImgNormal { }

#headerContact	{
	position:absolute;
	z-index:10;
	margin:20px 0 0 700px;
	float:left;	
}

#search	{
	width:250px;
	margin:auto;
	background-color:#fff;
	position:relative;
	top:-145px;
	z-index:10;
	margin:20px 0 0 35px;
}

.button {
	border: 1px solid #aaa;
	width:60px;
	height:20px; 
	background: #eeeeee; 
	font-family: Arial, helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: 700; 
	margin-right: -7px;
}

.facebook, .twitter	{
	width:50px;
	float:left;
/*	position:absolute;
	z-index:100;
	top:170px;
	left:70px;	*/
}

.facebook img, .twitter img {height:30px;}

#facebookSplash	{
	position:absolute;
	z-index:100;
	top:120px;
	left:70px;	
}



.header {
        font-family: Times New Roman, serif;
        font-size: 14px;
        color: #f3dc6a; /* #99cc33; */
        font-weight: 600;
        padding-top: 5px;
}


#memSidebar, #pubSidebar {
	background-color:#fff; /*#f3f200; #f3dc6a; */
	width:20%; /*175px;*/
	min-height:100%; /*500px;*/
	vertical-align:top;
	text-align:left;
	float:left;
	margin-top:-80px;
	border-right:1px solid #aaa;
}

#pubSidebar	{
	margin-top:0;
}

/*#pubSidebar {
	float:left;
	background-color:#ffffff; /*#99aa99;  #fef200; #f3dc6a; */
	width:130px;
	height:400px;
	vertical-align:top;
	padding:5px
}*/


#memSidebarLinks  {
	text-align:left;
	color:#000;
	font-family: 'Desigers', Arial, default;
	text-transform:uppercase;

}

#memSidebarLinks a:link, #memSidebarLinks a:visited {
	color:#000;
	font-family:'Desigers', Arial, default;
	text-transform:uppercase;

}

.catDiv	{
	width:175px;
	height:auto;
	/*background-image:url(https://www.cameoez.com/users/usu.cameoez.com/html/images/usuCatIconFull_175.png);*/
	background-repeat:no-repeat;
	padding-top:0px;
	text-align:left;
	vertical-align:bottom;
	font-family:'Desigers', Arial, default;
	text-transform:uppercase;

}

.catDiv a:visited, .catDiv a:link { #000; }





#loginOrdering	{ 
	float:left;
	width:290px;
	height:400px;
	padding:5px;
	vertical-align:top;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #ffffff;
}

#loginEntry	{
	float:left;
	width:300px;
	padding:15px;
}

.specialMargin   {
        font-family: helvetica,arial,sans serif,default;
        line-height:21pt;
        color:#6fb43f;
/*        margin-left: 1em;*/
        }

.specialMargin a:link  {
        font-family: helvetica,arial,sans serif,default;
        line-height:21pt;
        color:#6fb43f;
	 text-decoration:none;
/*        margin-left: 1em;*/
        }

.specialMargin a:hover  {
        font-family: helvetica,arial,sans serif,default;
        line-height:21pt;
        color:#6fb43f;
	 text-decoration:underline;
/*        margin-left: 1em;*/
        }



.special        {
        font-family: helvetica,arial,sans serif,default;
        font-size:10pt;
        line-height:21pt;
        color:#6fb43f;
        }

a.special:link	{
	color:#6fb43f;
	text-decoration:none;
}

a.special:visited	{
	color:#000 /*#6fb43f;*/
	text-decoration:none;
}

a.special:hover	{
	color:#004400;
	text-decoration:underline;
}



.special2       {
        font-family: helvetica,arial,sans serif,default;
        font-size:10pt;
        line-height:14pt;
        color:#7A4300;
        }

.small
        {
        font-family: arial,helvetica,sans serif,default;
        font-size:8pt;
        color:#6fb43f;
        }



.smallcaps
        {
        font-family: arial,helvetica,sans serif,default;
        font-variant: small-caps;
        }


.category	{ 
	color:#6fb43f;
	font-family: 'Desigers', Arial, default;
	text-transform:uppercase;

 }

.availProd	{ color:#6fb43f;
		width:950px;
		margin:auto;
		/*background-color:#fff;*/
 }

.copyright	{ color:#6fb43f;text-align:center;font-size:8pt }

#footer {
	width:950px;
	margin:auto;
}

#pubFooter {
	width:850px;
	margin:auto;
}


#footerNav {
	width:1200px;
	float:left;	
	margin-top:20px;
}

#pubFootNav {
	width:850px;
	float:left;	
	margin-top:20px;
}

.footer {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #6fb43f; /* #99cc33; */
        font-weight: 600;
        padding-bottom: 5px;
}

.footer a:link {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #6fb43f; /* #008CA3; */
        text-decoration: none;
        font-weight: 600;
        padding-bottom: 5px;
}
.footer a:visited {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #000; /*#6fb43f;  #008CA3; */
        text-decoration: none;
        font-weight: 600;
        padding-bottom: 5px;
}
.footer a:hover {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #6fb43f; /* #008CA3; */
        text-decoration: underline;
        font-weight: 600;
        padding-bottom: 5px;
}
.footer a:active {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #6fb43f; /* #008CA3; */
        text-decoration: none;
        font-weight: 600;
        padding-bottom: 5px;
}

#footerNav, #pubFootNav {
	position:relative;
	z-index:200;
	padding-top:30px;
	margin:auto;
	/*width:1000px;*/
	font-family:'Desigers', Arial, default;
	text-transform:uppercase;
}

#pubFooterNav ul
	list-style-type:none;
	padding-left:10px;
	text-align:right;
	font-size:25px;

}

#pubFooterNav ul li {
	display:inline;
	color:#000;
	float:left;
	text-align:center;
	font-size:25px;
}

#pubFooterNav ul li a {
	text-transform:uppercase;
	color:#000;
}
#pubFooterNav ul li a:link, #memHeaderNav ul li a:visited {
	color:#000;
	text-decoration:none;
}

.pubBotNav { 
	float:left;
	text-align:center;
	margin-right:20px;
	list-style-type:none;
	margin-top:-15px;
	font-size:22px;
}

.pubBotNav a:link, .memTopNav a:visited { color:#000;}

.pubBotNav a:hover { color:#080;}

.pubBotContact a:link, .pubBotContact a:visited { list-style-type:none;color:#000;margin-left:380px;}



/****Member****/

#footerNav {
	font-size:16px;
}
#memFooterNav ul
	list-style-type:none;
	padding-left:10px;
	text-align:right;
}

#memFooterNav ul li {
	display:inline;
	color:#000;
	float:left;
	text-align:center;

}

#memFooterNav ul li a {
	text-transform:uppercase;
	color:#000;
}
#memFooterNav ul li a:link, #memHeaderNav ul li a:visited {
	color:#000;
	text-decoration:none;
}

.memBotNav { float:left;text-align:center;margin-right:20px;list-style-type:none;margin-top:-15px;}

.memBotNav a:link, .memTopNav a:visited { color:#000;}

.memBotNav a:hover { color:#080;}

.memBotProducts a:link, .memBotProducts a:visited { list-style-type:none;color:#000;margin-left:2px;}

.memBotLogout a:link, .memBotLogout a:visited { list-style-type:none;color:#000;}


.copyright	{
	text-align:center;
	color:#006622;
	width:100%;
}

/***** Header *****/

#pubHeader	{
	display:block;
	position:absolute;
	top:75px;
	z-index:5;
	width:100%;
	height:60px;
	margin:auto;
	padding-left:25px;
	padding-right:25px;
	background-color:#fff;
}

#pubHeader .container-fluid {width:100%; margin-top:20px}
ul.nav.navbar-nav {width:100%;position:absolute;left:0;top:0px;height:40px;background-color: #6db33f}
ul.nav.navbar-nav li {text-align:center;} /*text-transform:lowercase;}*/
ul.nav.navbar-nav li {text-transform:capitialize}
ul.nav.navbar-nav li a.dropdown-toggle, ul.nav.navbar-nav li a.pubHeaderNavbar {background-color: #6db33f}
ul.nav.navbar-nav li a {color:#fff;font-size:1.55vw;font-family:desigers}
ul.nav.navbar-nav li a:hover {color:#070;}
ul.nav.navbar-nav li ul.dropdown-menu {background-color:#b4cda5}
ul.nav.navbar-nav li ul.dropdown-menu li a {font-size:1.0vw;background-color:#b4cda5}
ul.nav.navbar-nav li ul.dropdown-menu li a:hover {color:#070;}
.subcat-container {width:100%}
.subcat-list {height:300px;float:left}
.subcatAccess {margin-left:10px;background-color:#b4cda5}
.subcatAccess .col-columns a {text-transform:capitalize;font-size:1.0vw; }

/********************************* Attempted category dropdown*******************************
.dropbtn:hover, .dropbtn:focus {}
.dropdown-cat {position:relative}
.dropdown-content {
	display:none;
	position:absolute;
	left:10px;
}

.dropdown-content a { display:block}

.dropdown-cat:hover .dropdown-content { display:block;color:#000 }
********************************************************************************************/


#pubHeaderNav {
	position:relative;
	z-index:200;
	padding-top:13px;
	margin:auto;
	width:100%;
	height:75px;
	list-style-type:none;
	font-family:Desigers, Arial, default;
	font-size:22px;
	text-transform:uppercase;
}

#pubHeaderNav ul li {
	display:inline;
	color:#000;
	float:left;
	text-align:center;
}

#pubHeaderNav ul li a {
	font-family:Desigers, Arial, default;
	text-transform:uppercase;
	color:#000;
}
#pubHeaderNav ul li a:link, #memHeaderNav ul li a:visited {
	color:#000;
	text-decoration:none;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: -80%;/*100%;*/
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.pubTopNav { float:left;text-align:center;margin-right:20px;margin-left:10px }

.pubTopNav a:link, .pubTopNav a:visited { color:#000;}

.pubTopNav a:hover { color:#080;}

.pubTopAbout a:link, .pubTopAbout a:visited { color:#000;}

.pubTopContact {margin-left:100px}

.pubTopContact a:hover { color:#080;}

.pubTopViewCart {margin-left:200px;}

.pubLogin {margin-left:10px;}

.pubLogin a:link, .pubLogin a:visited {color:#000}

/****Member****/
#memHeader	{
	position:absolute;
	z-index:5;
	top:75px;
	width:100%;
	height:60px;
	margin: auto;
/*	padding-left:25px;
	padding-right:25px;
*/	background-color:#fff;
}

#memHeaderNav {
	position:relative;
	z-index:200;
	padding-top:13px;
	margin:auto;
	width:100%;
	height:75px;
	list-style-type:none;
	font-family:'Desigers', Arial, default;
	font-size:25px;
	text-transform:uppercase;
}

#memHeaderNav ul li {
	display:inline;
	color:#000;
	float:left;
	text-align:center;
}

#memHeaderNav ul li a {
	text-transform:uppercase;
	color:#000;
}
#memHeaderNav ul li a:link, #memHeaderNav ul li a:visited {
	color:#000;
	text-decoration:none;
}

.memTopNav { float:left;text-align:center;margin-right:20px}

.memTopNav a:link, .memTopNav a:visited { color:#000;}

.memTopNav a:hover { color:#080;}

.memTopContact a:link, .memTopContact a:visited { color:#000;}

.memTopContact a:hover { color:#080;}

.memTopViewCart {margin-left:200px;}


/*******Public Header ********/

#pubBellemonde, #pubGardenParty, #pubFineWhines, #pubPewter, #pubBornIdentities, #pubWhispers, #pubBabyBorn {
	position:relative;
	z-index:500;
}
#pubBellemonde {width:180px;top:80px;left:15px;}

#pubBellemonde img { width:180px; }

#pubGardenParty {width:150px;top:100px;left:200px;}

#pubGardenParty img {width:150px;}

#pubFineWhines {width:190px;top:15px;left:305px;}

#pubFineWhines img {width:190px;}

#pubPewter {width:140px;top:-60px;left:650px;}

#pubPewter img {width:140px;}

#pubBabyBorn {width:140px;top:-20px;left:10px;}

#pubBabyBorn img {width:140px;}

#pubWhispers {width:180px;top:-30px;left:500px;}

#pubWhispers img {width:180px;}

#pubBornIdentities {width:90px;top:-175px;left:700px;}

#pubBornIdentities img {width:90px;}

#pubbeaucoup { font-size:24px; position:relative;z-index:250;width:100%;top:-25px;text-align:center }

/****** Member header ******/
#Bellemonde, #GardenParty, #FineWhines, #Pewter, #BornIdentities, #Whispers, #BabyBorn {
	position:relative;
	z-index:500;
}
#Bellemonde {width:180px;top:110px;left:25px;}

#Bellemonde img { width:180px; }

#GardenParty {width:150px;top:130px;left:200px;}

#GardenParty img {width:150px;}

#FineWhines {width:190px;top:25px;left:360px;}

#FineWhines img {width:190px;}

#Pewter {width:140px;top:-40px;left:800px;}

#Pewter img {width:140px;}

#BabyBorn {width:140px;top:-20px;left:10px;}

#BabyBorn img {width:140px;}

#Whispers {width:180px;top:-10px;left:600px;}

#Whispers img {width:180px;}

#BornIdentities {width:90px;top:-165px;left:850px;}

#BornIdentities img {width:90px;}

#beaucoup { font-size:24px; position:relative;z-index:250;width:100%;top:-15px;text-align:center }

.catalogLinks {
	/*float:left;*/
	margin:auto;
	width:33%;
	text-align:center;
	min-height:250px;
	font-family: 'Desigers';
}


@media  (max-width: 1310px) {
#outerWrapper {width:95%; margin-left:2%}
}

@media (min-width: 768px) {
.navbar-nav>li>a {padding-bottom:0px;
}