body 
{
      font-family: 'questral ', sans-serif;
      background-color: #ffffff;
      margin: 0px;
      padding: 0px;
 }
 
 
/* **** */
/* Menu */
/* **** */



  /*how to force selection of selected menu */
  .menu li.menu_marked a.menu_marked{
  	display:block;
  	min-width:75px;
  	height: 25px;
  	text-align: center;
  	line-height: 25px;
  	font-family: Nunito,Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
  	text-decoration: none;
  	
  	border-width: medium;
	border-color: #000056;
	text-decoration: none ;
	background:#4383B8;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;  	
  	
 }

.submenu
{ 
	overflow: hidden;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	border-width: thin;
	z-index: 999;
	border-color: #000056;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;  
}








#menucontainer{
    	width:100%;
    	/* margin:0 auto; */
	margin:0;
	padding:0;    	
    	
	text-align: center
	color: #000056;
/*	background:#ffffff;    */
	background-color: #ffffff;	
	padding: 0;
} 
 
 .menu
 {
 	color: #000056;
 	font-family: questral,Arial, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	text-align:center;
/* 	background:#ffffff;    */
background-color: #ffffff; 	
 	padding-left:6px;
 	padding-right:6px;
 	padding-top:0px;
 	padding-bottom:0px;
 	margin: 0; 
 }
 
 
 .menu a{ 
 	text-decoration:none;  
 	color: #000056;
 	font-family: Nunito,Arial, Verdana, Helvetica, sans-serif;
 	text-align:center;
/* 	background:#ffffff;    */
background-color: #ffffff; 	
 	
 	padding-left:6px;
 	padding-right:6px;
 	padding-top:0px;
 	padding-bottom:0px;
 	margin: 0;
 }
 
 
  .menu a:link    {color: #000056; text-decoration: none; border:0px solid #ffffff ;}
  .menu a:active  {color: #000056; text-decoration: none; border:0px solid #ffffff ;}
  .menu a:visited {color: #000056; text-decoration: none; border:0px solid #ffffff ;}
  .menu a:hover   {color: #ffffff; text-decoration: none ; background:#4383B8; }
 
 
 
 
 .nohov a{ 
 	text-decoration:none;  
 	color: #000056;
 	font-family: Nunito,Arial, Verdana, Helvetica, sans-serif;
 	text-align:center;
 	background:#D1DCD7;   
 	padding-left:0px;
 	padding-right:0px;
 	padding-top:0px;
 	padding-bottom:0px;
 	margin: 0;
 }
 
 
  .nohov a:link    {color: #D1DCD7; text-decoration: none; border:0px solid #D1DCD7 ;}
  .nohov a:active  {color: #D1DCD7; text-decoration: none; border:0px solid #D1DCD7 ;}
  .nohov a:visited {color: #D1DCD7; text-decoration: none; border:0px solid #D1DCD7 ;}
  .nohov a:hover   {color: #D1DCD7; text-decoration: none ; background:#D1DCD7; }
 
 
 .notxtdec a{ 
  	text-decoration:none;  
  	color: #000056;
  	font-family: Nunito,Arial, Verdana, Helvetica, sans-serif;
  	text-align:center;
  	/* background:#D1DCD7;   */
  	padding-left:0px;
  	padding-right:0px;
  	padding-top:0px;
  	padding-bottom:0px;
  	margin: 0;
  }
  
  
   .notxtdec a:link    { text-decoration: none; border:0px solid #000000 ;}
   .notxtdec a:active    { text-decoration: none; border:0px solid #000000 ;}
   .notxtdec a:visited    { text-decoration: none; border:0px solid #000000 ;}
   .notxtdec a:hover    { text-decoration: none; border:0px solid #000000 ;}

 
 
  .stdlnk a{ 
   	text-decoration:none;  
   	color: #000056;
   	font-family: Nunito,Arial, Verdana, Helvetica, sans-serif;
   	text-align:center;
   	/* background:#D1DCD7;   */
   	padding-left:0px;
   	padding-right:0px;
   	padding-top:0px;
   	padding-bottom:0px;
   	margin: 0;
   }
   
   
    .stdlnk a:link    {  color: #000056;  text-decoration: underline; }
    .stdlnk a:active    {  color: #000056; text-decoration: underline; }
    .stdlnk a:visited    { color: #000056; text-decoration: underline; }
    .stdlnk a:hover    {  color: #000056; text-decoration: underline; }
 
 
 
 
 
 /*Strip the ul of padding and list styling*/
 .menu ul {
 	list-style-type:none;
 	margin:0;
 	padding:0;
 	position: absolute;
 }
 
 /*Create a horizontal list with spacing*/
 .menu li {
 	display:inline-block;
 	float: left;
 	margin-right: 1px;
 }
 
 /*controls first level menu */
 .menu li a {
 	display:block;
 	min-width:75px;
 	height: 25px;
 	text-align: center;
 	line-height: 25px;
 	font-family: Nunito,Arial, Verdana, Helvetica, sans-serif;
 	color: #000056;
 	background: #ffffff;
 	text-decoration: none;
 	
 	
  	border-width: medium;
	border-color: #000056;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;   	
 	
 	
 	
 	
 	
 }
 

 
 
 
 
 
 
 
 /*Hover state for top level links*/
 .menu li:hover a {
 	background: #4383B8;
 	color: #ffffff;
 }
 
 /*Style for dropdown links*/
 .menu li:hover  ul a {
 	background: #D1DCD7;
 	color: #ffffff;
 	height: 20px;
 	line-height: 40px;
 }
 
 /*Hover state for dropdown links*/
 .menu li:hover ul a:hover {
 	background: #D1DCD7;
 	color: #ffffff;
 }
 
 /*Hide dropdown links until they are needed*/
 .menu li ul {
 	display: none;
 }
 
 /*Make dropdown links vertical*/
 .menu li ul li {
 	display: block;
 	float: none;
 }
 
 /*Prevent text wrapping*/
 .menu li ul li a {
 	width: auto;
 	min-width: 75px;
 	padding: 0 20px;
 }
 
 /*Display the dropdown on hover*/
 .menu ul li a:hover + .hidden, .hidden:hover {
 	display: block;
 }
 
 /*Style 'show menu' label button and hide it by default*/
 .show-menu {
 	font-family: "Nunito,Helvetica Neue", Helvetica, Arial, sans-serif;
 	text-decoration: none;
 	color: #000056;
 	background: #ffffff;
 	text-align: center;
 	padding: 5px 0;
 	display: none;
 	cursor:pointer
 }
 
 .show-menu:hover {
 	background: #4383B8;
 	color: #ffffff;
  }
 
 
 smallmenulogo:hover {
  	background: #4383B8;
  	color: #A9978C;
 }
 
 /*Hide checkbox*/
 input[type=checkbox]{
     display: none;
     -webkit-appearance: none;
     cursor:pointer;
 }
 
 /*Show menu when invisible checkbox is checked*/
 input[type=checkbox]:checked ~ #menuchk{
     display: block;
 }
 
  
 .smallmenulogo {
 	 top: 0px;
	 left: 0px;	
	margin:0;
	padding:0;
 	background: #ffffff;
 	color: #A9978C;
	display: none;
	 position: fixed;
	 width: 100%;	
	  z-index: 1010; 	  
 	}
 
 .bigmenulogo {
 	 top: 0px;
	 left: 0px;
	 height:115px; 
	 margin:0; 
	 padding:0; 
 	 background: #ffffff;
 	 color: #A9978C;
	 display: block; 
	 position: fixed;
	 width: 100%;
	 z-index: 1010; 	 
 }
 
 .bigmenulogo img{
 	display: block;float: left;
 }


 
 /*Responsive Styles*/
 
/* small */
@media  (max-width: 790px)
{

         .onepage{
         	padding: 0% 0% 0% 2%; 
         	  margin: 0% 0% 2% 2%;
         	
         }
 


	.smalldisplaydiv{   display:block}
	.bigldisplaydiv{   display:none}
}

/* medium */
@media (min-width: 790px)
{

/*
         .onepage{
         	padding: 0% 0% 0% 2%; 
         	  margin: 0% 25% 2% 1%;
    	  
    
         }
*/ 
         .onepage{
		margin: 0 auto;    
  			boder-sytle: solid;         	  
  			border-color: red;     		
         }




	.smalldisplaydiv{   display:none}
	.bigldisplaydiv{  display:block}
}
 
 
 
 
 @media screen and (max-width : 790px){
 
 
 	.smallmenulogo {
		margin:0;
	       padding:0;
	 	background: #ffffff;
 		color: #A9978C;
		display: block;
		 z-index: 1010; 		 
 		}

 	
 	.bigmenulogo {
 		margin:0;
	        padding:0;
	 	background: #ffffff;
 		color: #A9978C;
		display: none;
		 z-index: 1010;	 
 		}
 
 
 	/*Make dropdown links appear inline*/
 	.menu ul {
 		position: static;
 		display: none;
 	}
 	/*Create vertical spacing*/
 	.menu li {
 		margin-bottom: 1px;
 	}
 	/*Make all menu links full width*/
 	.menu ul li, .menu li a {
 		width: 100%;
 	}
 	/*Display 'show menu' link*/
 	.show-menu {
 		display:block;
 	}
 }
 
 

 /* info columns */
 
 .infocontainer{
     display:table;
     width:100%;
     padding: 0;
     color:#A9978C
 }
 
 .infocontainer div{
     display:table-cell;
 }

 .infocontainer_left{ text-align:left; width: 50%; }
 .infocontainer_right{ text-align:left; width: 50%; color:#A9978C}
 
 .infocontainer_left_text{ text-align:left; width: 95%}
 .infocontainer_left_pad{ text-align: left;width: 5%}  
 .infocomtaine_right_text{ text-align: left;width: 90%}  
 .infocontainer_right_pad{ text-align:left; width: 10%}  


/* info images */

.img_cont {
  display: table;
  width: 90%;
  margin: 10px auto;
}

.img_span  {
  display: table-cell;
  text-align: center;
  width: 16%;
  padding 0px;
}

.img_cont img {
  width: 100%;
  max-width: 175px;
}


/* collection images */

.collectioncontainer{
     display:table;
     width:100%;
     padding: 0;
     color:#000056
 }


 .collectioncontainer a{ 
 	text-decoration:none;  
 	color: #000056;
 	font-family: Nunito,Arial, Verdana, Helvetica, sans-serif;
 	text-align:center;
 	background:#ffffff;   
 	padding 0; 
 	margin: 0;
 }
 
 
  .collectioncontainer a:link       {color: #000056; text-decoration: none; }
  .collectioncontainer a:active  {color: #000056; text-decoration: none; }
  .collectioncontainer a:visited {color: #000056; text-decoration: none; }
  .collectioncontainer a:hover   {color: #000056; text-decoration: none;  }
 





.collection_col1{
 text-align:center; float: left; width: 74%;display: 
}
.collection_col2{
text-align:center; float: right; width: 25%;display:  
}

.collection_col1_row1{
 text-align:center; height: 50%;padding: 0px 0px 5px 0px;
}

.collection_col1_row2{
 text-align:center; height: 50%;padding: 5px 0px 0px 0px;
}



/* product images */

.image {
    background:#ffffff;  
    position:relative;
    display:inline-block;
    margin:10px;
 	}

.overlay
{
    display:none;
    overflow: hidden;
    background-color: #ffffff; 	
/*	vertical-align:middle; */
}



 .overlay a{ 
 	/* text-decoration:none;  */
 	color: #78736E;
 	font-family: Nunito,Arial, Verdana, Helvetica, sans-serif;
 	text-align:center;
/* 	background:#ffffff;   */
 	padding 0; 
 	margin: 0;
 }

.overlay a:link    {color: #ffffff;}
.overlay a:active  {color: #ffffff;}
.overlay a:visited {color: #ffffff;}
.overlay a:hover   {color: #ffffff;}

.image:hover .overlay
{
    width:100%;
    height:100%;
    overflow: hidden;
    background:rgba(0,0,0,.5);
    position:absolute;
    top:0;
    left:0;
	display: table-cell;
	box-sizing:border-box;
    color:white;
    padding:5px;
    font-size:16px;
}

.image:hover .overlay table, tr, td
{
    width:100%;
    height:100%;
    text-align: center;
    vertical-middle:
   	padding: 0px;
}

.image:hover .overlay a:link,a:hover,a:visted, a:active
{
	color: #ffffff;
}
 

.whtlnk {
background-color: #ffffff; 	
 	}
 	
/* 2 column */

#tcolwrapper {
  margin-right: 200px;
}
#tcolcontent {
  float: left;
  width: 100%;
  background-color: #CCF;
}
#tcolsidebar {
  float: right;
  width: 200px;
  margin-right: -200px;
  background-color: #FFA;
}
#tcolcleared {
  clear: both;
} 	

.tileMe {
	padding-top:5px;
	padding-bottom:2px;
}
 .tileMe li {
     display: inline;
     float: left;
}

/* side menu */
.qlinks { z-index:1110; position:fixed; top:235px; left:2px;border: #cccccc 1px solid;}
  .qlinks a:link    {color: #000056; text-decoration: none; border:1px solid #cccccc ;}
  .qlinks a:active  {color: #000056; text-decoration: none; border:0px solid #ffffff ;}
  .qlinks a:visited {color: #000056; text-decoration: none; border:0px solid #ffffff ;}
  .qlinks a:hover   {color: #ffffff; text-decoration: none ; background:#4383B8; }

.topcorner{
   position:absolute;
   top:0;
   right:0;
  }

.botcorner{
   position:absolute;
   bottom:0;
   right:0;
  }