a:link {
	text-decoration:none;
	color:green;
}

/* unvisited link */
a:visited {
	text-decoration:none;
	color:green;
	
}

/* visited link */
a:hover {
	text-decoration:none;
		color:red;

}

/* mouse over link */
a:active {
	color:#92ee98;
}


/* selected link */


			


h1 {
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	font-weight:300;
	font-size:40px;
	line-height:50px;
	margin: 0px;
	margin-top: 30px;
	margin-bottom:20px;
	}

h2 {
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	font-weight:300;
	font-size:30px;
	line-height:30px;
	margin: 0px;
		margin-top: 30px;
	margin-bottom:20px;

}

h3 a:link {
color:black;
}
h3 a:visited {
color:black;
}



h1 .subhead {
	font-size:20px;
/*	font-weight:lighter;*/
}

.fragranceheading
{
	line-height: 30px;
	}




h3 {
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	font-weight:300;
	font-size:20px;
	line-height:30px;
	margin: 0px;
	margin-top: 20px;
	margin-bottom:10px;

}

html { 
   height: 100%;
}


body {
	font-family: Helvetica,Arial,sans-serif;
	font-size:medium;
	line-height:1.5;
	    margin: 0;
   height: 100%;

}

div {	
}



#toptest{
	
}








@media screen and (max-width: 480px) {

	.chatstyle{
	background: #eee;
	padding:5px;
	font-style: normal;
font-size: 14px;
line-height: 1.625rem;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;

}
    .test2 .imchat{
    margin-left: 70px;
    color:white;
    
    }   

    .test1 .imchat {
    margin-right: 70px;
    }

    .chatstyle img.headim{

    width:60px;
        border-radius: 50%;
        background: white;
    border: 1px solid #444;
    }   

 
     .test2 div.imname{
width:70px;
    float:left;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    font-size: 10px;

    }

    .test1 div.imname{
    text-align: center;
    font-weight: bold;
    overflow: hidden;
font-size: 10px;

    float:right;
width:70px

    }
 }
 
 
 
@media screen and (min-width: 481px) {

	.chatstyle{
	background: #eee;
	padding:15px;
	font-style: normal;
font-size: 20px;
line-height: 1.625rem;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;

}
    .test2 .imchat{
    margin-left: 120px;
    color:white;
    }   

    .test1 .imchat {
    margin-right: 120px;
    }

    .chatstyle img.headim{

    width:100px;
        border-radius: 50%;

            background: #ffffff;
    border: 1px solid #444;

    
    
    }   

    .test2 div.imname{
width:120px;
    float:left;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    font-size: 16px;
    }

    .test1 div.imname{
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    font-size: 16px;

    float:right;
width:120px

    }
 
 }
    .test2 {
    clear:both;
    padding-top:20px;	
padding-bottom:20px;	

    }   

    .test1 {
    clear:both;
    padding-top:20px;	
padding-bottom:20px;	

    }



.bubbleim2
{
position: relative;
padding: 0px;
background: #6fb85b;

}

.bubbleim2:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 9px 28px 9px 0;
border-color: transparent #6fb85b;
display: block;
width: 0;
z-index: 1;
left: -28px;
top: 18px;
}

.bubbleim
{
position: relative;
padding: 0px;
background: white;
}

.bubbleim:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 9px 0 9px 28px;
border-color: transparent white;
display: block;
width: 0;
z-index: 1;
right: -28px;
top: 18px;
}


.imchat{
	
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px 19px 10px 19px;

-webkit-box-shadow: 10px 10px 16px -10px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 16px -10px rgba(0,0,0,0.5);
box-shadow: 10px 10px 16px -10px rgba(0,0,0,0.5);


}




.numbnot
{

color:white;
background-color: red;
padding: 0 3px 0 3px;
}




/*
#nav
{text-align:right;
padding-bottom: 5px;

}



#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#nav ul li {
    display: inline;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}



#nav ul li a:hover, #nav ul li a:active {
    color: #1bc332;
text-decoration: underline;}


#nav  a:link, #nav a:visited {
    color: #000;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    text-transform: uppercase;
}


#nav a:visited {
    color: #000;

}

*/
.grid1{
	background-color: rgba(217,217,217,0.43);
padding:5px;
	margin: 5px;
	
}


#container
{
	/*
   background-image: url('http://www.basenotes.net/assets/images/Fotolia_58827685_XS.jpg');
background-repeat: repeat-x repeat-y;*/
}





#fragbottom
{
max-width:960px;
width:100%;
/*border: 2px black solid; */

}


#fragbottoml
{
/*max-width:640px;
width:100%;
float:left;
display: inline;
*/
float:none;width:100%;margin-left:0px;
}


#fragbottomlc
{
margin-left:0px
}

#fragbottomr
{
float: none;
display: inline;
width:320px;

}



#fragpic
{
width:auto;
text-align: center;
float: none;
}

#fraginfo
{
width:auto;
float: none;


}
#topad
{
width:auto;
float:none;

text-align: center;

}

#wardroberating
{
width:auto;
clear:both;
}

#contentbn
{
width:auto;
background-color: white;
/*border: blue 2px solid ;*/

}

.clearing {
  height: 0;
  clear: both;
}




#fragdesc blockquote{
	
	
	
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
	
}



#articletext
{
font-family:'Open Sans',Helvetica,Arial,sans-serif;
/*line-height: 1.8em;*/
color: #444;
/*font-size: medium;*/
}

#articletext p a
{
color: #249d24;
font-weight:bold;}


#entities ul
{

list-style: none;
margin: 0;
padding: 0;
display: inline-block;
width:100%;

}

#entities ul ul
{

width:145px;
border:1px dotted black; 
float: left;
margin:5px;
height:200px;
overflow:hidden;
}

.entityheading
{
padding:2px 5px 2px;
font-size: smaller;

background: black;
color:white;
text-align: right;

}

.imagesquare {
                    width: 145px;
                    height: 145px;
                }
.imagehoriz {
                    width: 180px;
                    height: 100px;
                }
.imagevert {
                    width: 100px;
                    height: 130px;
                }

/* FORMS */

.theform label
{


font-weight: bold;
font-size: smaller;
}


.theform legend {
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	font-weight:300;
	font-size:30px;
	line-height:30px;
	margin-bottom: 10px; 

  }
  
  .theform fieldset {
margin-bottom: 30px; 
border: none;
border-bottom: dashed 1px black }

.theformlabel label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 128px;
}

.theform ol {
	
	
list-style: none;
	
}


/* login */

.login-wrap {
  margin: 0 auto;
  margin-bottom: 100px;

}
.login-wrap h2 {
  text-align: center;
  font-weight: 200;
  font-size: 2em;
  margin-top: 10px;
  color: #34495e;
}
.login-wrap .form {
  padding-top: 20px;
  text-align: center;

}
.login-wrap .form input[type="text"],
.login-wrap .form input[type="password"],
.login-wrap .form button {
  width: 80%;
  margin-bottom: 25px;
  height: 40px;
  border-radius: 5px;
  outline: 0;
  -moz-outline-style: none;
}
.login-wrap .form input[type="text"],
.login-wrap .form input[type="password"] {
  border: 1px solid #bbb;
  padding: 0 0 0 10px;
  font-size: 16px;
}
.login-wrap .form input[type="text"]:focus,
.login-wrap .form input[type="password"]:focus {
  border: 1px solid #3498db;
}
.login-wrap .form a {
  text-align: center;
  color: #3498db;
}
.login-wrap .form a p {
  padding-bottom: 10px;
}
.login-wrap .form input[type="submit"]  {
  background: #e74c3c;
  border: none;
  color: white;
  font-size: 20px;
  font-weight: 200;
  cursor: pointer;
  margin-bottom:10px;
}
}
.login-wrap:after {
}

.bigtoptext{

background:rgba(0, 0, 0, 0.57);
color:white;
padding: 10px 10% 10px 10%;
margin:0 0 0 0;
}

.mainfront img {
    width: 300px;
 /*   margin: -75px 0 0 -100px;*/
}

.eventslistmain h2 {
padding-bottom: 20px;
padding-top: 10px;
}

.eventslistmain ol {

list-style: none;
margin:0;padding:0;}

.eventslistmain ol li {


}

.eventslistmain ul {

list-style: none;
margin:0;padding:0;
min-height:250px;

}

.eventblockdiv

{

clear: both;
border-bottom: 1px dotted gray;
padding: 5px;
overflow:auto;
margin-bottom:10px;
padding-left: 20px;
}
.eventslistmain ul li {

}


.eventimage{

   width: 100%; /* for IE 6 */
   }

.eventimage img{

padding:20px;   }


.eventslistmain ul li .place {

 color: white; 
   font:  14px Helvetica, Sans-Serif; 
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 5px;
   margin-right: 5px; 
}

.bncats
{
font-size: small;

}

.bncats ul li a
{
background: #C1F6C5;
color: black;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px 5px 3px 5px;
    margin: 2px;
    border: 1px solid #C1F6C5

}

.bncats ul{
    margin: 0 auto;
    padding: 0;
padding-top: 10px;
min-height: 0px;


}
.bncats ul li{
    text-align: left;
    float: left;

    list-style: none;
}

.listnobull li
{
    list-style: none;

}

.staffpaic{float:right;padding:10px;}

.stafflistnobull li
{
    list-style: none;

}


#googleMap{
width:100%;height:500px;}


/* FRONT PAGE STUFF */



/*END FRONT PAGE STUFF*/





.pagination2 {
text-align: center;
	padding:2px;
	margin:7px;
	line-height:60px;

}

div.pagination2 a {
	margin: 2px;
	padding: 0.4em 0.4em 0.4em 0.4em;
	background-color: #dadada;
	text-decoration: none; /* no underline */
	color: #000;
			border: #dadada 1px solid;


}
div.pagination2 a:hover, div.pagination a:active {
	padding: 0.4em 0.4em 0.4em 0.4em;
	margin: 2px;
	background-color: #6fb85b;
	color: #fff;

}
div.pagination2 span.current {
	padding: 0.4em 0.4em 0.4em 0.4em;
		margin: 2px;
		background-color: #fff;
		color: #6d643c;
		border: #dadada 1px solid;
	}
	






.pagination {
text-align: center;
	padding:2px;
	margin:7px;
	line-height:40px;
	background-color: #F8F8F8;

}

div.pagination a {
	margin: 2px;
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #dadada;
	text-decoration: none; /* no underline */
	color: #000;

}
div.pagination a:hover, div.pagination a:active {
	padding: 0.5em 0.64em 0.43em 0.64em;
	margin: 2px;
	background-color: #6fb85b;
	color: #fff;

}
div.pagination span.current {
		padding: 0.5em 0.64em 0.43em 0.64em;
		margin: 2px;
		background-color: #fff;
		color: #6d643c;
	}
	
	
	
	ul.abclinks li {
text-align: center;
	padding:2px;
	line-height:40px;
font-family: 'Lucida Console',Monaco,monospace;
}

ul.abclinks li a {
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #000;
	text-decoration: none; /* no underline */
	color: #000;

}
ul.abclinks li a:hover, ul.abclinks li a:active {
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #6fb85b;
	color: #000;

}


.abclinksmain{
		margin: 0;
	padding: 0px;

	text-align: center;
	}

.abclinksmain ul{
	margin: 0;
	padding: 5px;
	list-style: none;
border:1px solid #eee;
	}
.abclinksmain ul li {
		display: inline-block;
text-align: center;
	padding:1px;
	line-height:40px;
font-family: 'Lucida Console',Monaco,monospace;
}

.abclinksmain ul li a {
	padding: 0.5em 0.60em 0.43em 0.60em;
	background-color: #eee;
	text-decoration: none; /* no underline */
	color: #000;

}
.abclinksmain ul li a:hover, .abclinksmain ul li a:active {
	padding: 0.5em 0.60em 0.43em 0.60em;
	background-color: #6fb85b;
	color: #000;

}



.webform ul {
    width:100%;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}

.finnerul {
    list-style-type:none;
    list-style-position:inside;
    margin:0px;
    padding:0px;
   
}

.webform li{
    padding:12px; 
    border-bottom:1px solid #eee;
  /*  position:relative;*/
}

.finnerul li
{padding: 4px;
	border-bottom: 1px solid gray;
	width: auto;
	}

.webform label {
	  width: 100%;
display:block;
    margin-top: 3px;
    padding:3px;

}

.finner{
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}

.form_hint, .required_notification {font-size: 11px;}

.webform input { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    font-size: 1.4em;
}

.webform textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    font-size: 1.4em;
}

/*
.webform input:focus, .webform textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}*/


.webform legend {
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	font-weight:300;
	font-size:30px;
	line-height:30px;
	margin-bottom: 10px; 

  }
  input.smallinput{
    height:20px; 
    width:4em; 
    padding:5px 8px;
}
  .webform fieldset{
	  
	  border: 0px;
	  padding-bottom: 20px;
	  border-bottom: 5px solid #F8F8F8;
	  margin-bottom: 10px;
	  }

input:required, textarea:required {
    background: #fff url(images/<span class="skimlinks-unlinked">red_asterisk.png</span>) no-repeat 98% center;
}

.webform input:focus:invalid, .webform textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(images/<span class="skimlinks-unlinked">invalid.png</span>) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

.webform input:required:valid, .webform textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(images/<span class="skimlinks-unlinked">valid.png</span>) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}

.form_hint::before {
    content: "\25C0"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:1px;
    left:-6px;
}










.toplistside {
	
	
	width:300px;

	padding-bottom: 10px;
	border-bottom: 5px solid #6fb85b;
	margin-bottom: 15px;
	padding-top: 10px;
	
}

.toplistmain{
	
	
	width:26%;
padding:1%;
margin:2%;
float:left;	
	
}



.toplist ul{
	
	margin:0;
	padding:0;
	list-style:none;
	}

.toplist h2{
	
	margin:0;
	padding: 0;
	padding-bottom: 15px;
	width:300px;
font-size: 1.5em;
	
	
}

.toplist .toplistthing{
	
	margin:0;
	padding: 0;
	width:300px;
font-size: 1.05em;
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	
}
.toplist li a{
	
	font-size:.8em;
}
.toplist .toplistthing a{
	font-size: 1em;

color: black;
	
}

.toplist img{
	width:30px;
	
}


.toplist li{
	margin:0px;
	padding:0px;
	min-height:35px;

    border-bottom: 1px solid #eee;
}

.listimage {
	padding-top:5px;
	width:30px;
	height:30px;
	overflow:hidden;
	float:right;
}

















.form_error {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
}

.form_error::before {
    content: "\25C0"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:1px;
    left:-6px;
}


.webform input:focus + .form_hint {display: inline;}
.webform input:required:valid + .form_hint {background: #28921f;} /* change form hint color when valid */
.webform input:required:valid + .form_hint::before {color:#28921f;} /* change form hint arrow color when valid */


.webform input {
    height:20px; 
    width:95%; 
    padding:5px 8px;
}

.webform input[type="radio"], 
.webform input[type="checkbox"] { 
   width:auto;
}

.webform textarea  {padding:8px; width:95%; max-width:400px;}
.textareatall {height:300px;}
.textareashort {height:80px;}

/* Button Style */
button.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
    margin-bottom: 20px;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
     
}


.bncol2
{
padding-bottom: 50px;
}



.fragdirinfobuttons 

{

padding:5px;
margin: 15px;
text-align: center;
}


.fragdirinfo
{

    }

.fragdirinfobuttons ul
{

    margin: 0 auto;
    padding: 0;
padding-top: 10px;
min-height: 0px;



}

.fragdirinfobuttons li
{
display: inline-block;
border:1px solid #d5d5d5;
background: #F8F8F8;
padding: 5px;
margin: 5px;
margin-bottom: 10px;


}





.bncats ul li{
    text-align: left;
    float: left;

    list-style: none;
}

.fragdirinfobuttons li a
{
color: black;
}



.fraginfoimage img
{


}

.advertblock
{
width: 100%;
background-color: #F8F8F8;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

.adtitle
{
margin-bottom: 10px;
font-size: x-small;
color: grey;

}


.dirinnerwrap
{
	overflow: auto;

}


.fragdirmiddle
{
width:58%;
float: left;

}
/*

.dirwrap {

        background: rgba(251,43,43,0.51)

}
.dirleft {

    background: rgba(43,43,43,0.51)
}
.dirleft-content {

        background: rgba(251,251,43,0.51)

}
.dirright {

        background: rgba(251,43,251,0.51)

}
*/



.shopproddeets ul
{
	margin: 0;
	list-style: none;
	padding: 0;
	font-size: x-small;
	}
	
	.shopproddeets ul li
{
padding-bottom: 5px;	}


.shoplogo img
{
}


.shopprice a:link
{
font-size: x-large;
color: black;
}


.buynow a:link
{
color: white;

}

.hide {
  display: none;
}


.showmoreless
{
	text-align: center;
	background: #F8F8F8;
	padding:5px;
	border: 1px #DDD solid;
	margin: auto;
	}

.showmoreless a:link 
{
color: black;

}


.responsivecolumns
{   
    -moz-column-width: 14em; /* Firefox */
    -webkit-column-width: 14em; /* webkit, Safari, Chrome */
    column-width: 14em;
    padding: 0 20px 0 5px;
    margin-bottom: 10px;
}

.responsivecolumnswide
{   
    -moz-column-width: 20em; /* Firefox */
    -webkit-column-width: 20em; /* webkit, Safari, Chrome */
    column-width: 20em;
    padding: 0 20px 0 5px;
    margin-bottom: 10px;
}

.responsivecolumns ul,.responsivecolumnswide ul
{
	
	
	    margin: 0;
    padding: 0;
    list-style-type: none;


	
}


.responsivecolumns ul li a:link,.responsivecolumns ul li a:visited, .responsivecolumnswide ul li a:link,.responsivecolumnswide ul li a:visited
{
	
	color: black;


	
}

.responsivecolumns ul li:first-child, responsivecolumnswide ul li:first-child
{
    margin-top:0px;
}



.showmorearrow a
{
	color:black;
	font-weight: 500;
	padding:10px 0 10px 0;
	text-align: center;
	font-size: larger;
}

.showmorearrow a:after
{
	    content: " \2192";

}

.showmorearrow 
{
		background: #F8F8F8;

	padding:10px 0 10px 0;
	text-align: center;
}




.moreways2{
text-align: center;}





.frontsizewrap
{
	text-align: center;
	margin: auto;
	width: 100%;
}

.frontshopside
{
	
	list-style: none;
	margin: 0;
	padding: 6px;
	
}

.frontshopside li a
{

	display: block;
	height:100px;
    text-align: center;
    color: black;
		font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	line-height:30px;
/*background: #F8F8F8;*/
    background-size:   cover;                      /* <------ */
    background-repeat: no-repeat;
    background-position: center center;            /* optionally, center the image */

}

.frontshopside li a span
{
background: rgba(255, 255, 255, 0.8);
padding: 3px;
}

a.xxnew {background-image: url('http://www.basenotes.net/assets/images/shopping/newyellow.jpg');
	
}
a.xxnewm {background-image: url('http://www.basenotes.net/assets/images/shopping/newblue.jpg');}
a.xxneww {background-image: url('http://www.basenotes.net/assets/images/shopping/newred.jpg');}
a.xxwish {background-image: url('http://www.basenotes.net/assets/images/shopping/wish.jpg');}
a.xxbrand {background-image: url('http://www.basenotes.net/assets/images/shopping/brand.jpg');}
a.xxpop {background-image: url('http://www.basenotes.net/assets/images/shopping/women.jpg');}
a.xxpopm {background-image: url('http://www.basenotes.net/assets/images/shopping/men.jpg');}
a.xxdisc {background-image: url('http://www.basenotes.net/assets/images/shopping/disc2.jpg');}
a.xxdiscm {background-image: url('http://www.basenotes.net/assets/images/shopping/disc1.jpg');}
a.xx6 {background-image: url('http://www.basenotes.net/assets/images/shopping/60s2.jpg');  
}
a.xx7 {background-image: url('http://www.basenotes.net/assets/images/shopping/70s1.jpg');}
a.xx8 {background-image: url('http://www.basenotes.net/assets/images/shopping/80s1.jpg');}
a.xx9 {background-image: url('http://www.basenotes.net/assets/images/shopping/90s1.jpg');}
a.xx0 {background-image: url('http://www.basenotes.net/assets/images/shopping/5.jpg');}
a.xx1m {background-image: url('http://www.basenotes.net/assets/images/shopping/5.jpg');}
a.xx6m {background-image: url('http://www.basenotes.net/assets/images/shopping/60s1.jpg');}
a.xx7m {background-image: url('http://www.basenotes.net/assets/images/shopping/70s2.jpg');}
a.xx8m {background-image: url('http://www.basenotes.net/assets/images/shopping/80s2.jpg');}
a.xx9m {background-image: url('http://www.basenotes.net/assets/images/shopping/90s2.jpg');}
a.xx0m {background-image: url('http://www.basenotes.net/assets/images/shopping/5.jpg');}
a.xx1m {background-image: url('http://www.basenotes.net/assets/images/shopping/5.jpg');}


.frontshopside li a:link, #frontshopside li a:visited
{    color: black;
text-decoration: none;

}
.frontshopside li a:hover
{    

border: black 1px solid;
text-decoration: underline;
}


.abclist{
	
	
	
	
	}
	
.abclist h2 {
	
	text-align: center;
	border-bottom: solid #F8F8F8; 1px;
	padding-top: 50px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	}


.notespyramid
{
	
	max-width: 500px;
margin-left: auto;
margin-right: auto;	
}


.atest{background: red;}
.notespyramidb {
	text-align: center;	

	background-image: url('http://www.basenotes.net/assets/images/directory/notes1.png');
	    background-repeat: no-repeat;
    background-position: center top;
    
        background-size: 100% 100%;
padding:20px 0 20px 0;

	}


.notespyramid ul, .notespyramid ol {

 margin: 0;
 padding: 0;
	font-size:1em;
list-style: none;
 }
 
 .notespyramid ol li{
	 
font-weight: bold;
margin-top: 10px;	 
	 }

.notespyramid ul li{
	
	 display: inline;
	font-weight: normal;
border-bottom: 0;

}

.notespyramid a:link{
	
	color: black;
	
}



.vidwrap
{
	
	max-width: 700px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	font-size:.9em; line-height:1em;  text-align:center;  padding-bottom:30px;
	font-style: italic;
	color: gray;

	
	}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin-top: 25px;
	margin-bottom: 10px;
	height: 0;
/*	max-width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;*/
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




blockquote {
  background: rgb(248, 248, 248);
  border-left: 10px solid rgb(228, 228, 228);
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #6fb85b;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
/*  display: inline;*/
}


.articlecats ul{
	
	padding: 0;
	margin: 0;
	
	
}


.articlecats ul li {
text-align: left;
float: left;
list-style: none;
padding-bottom: 8px;
}

.articlecats ul li a {
background: #6fb85b;
color: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px 5px 3px 5px;
margin: 2px;
border: 1px solid #6fb85b;
}

.about-author-pic{
	
	background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
 width:150px;
    height: 150px; float:right; padding:10px;
    }
	
.about-the-author
{
	
text-align: left;	
	background: rgb(248, 248, 248);
	padding: 0 0 0 0;
	font-size: 14px;
	line-height: 18px;
}

.about-the-author h3
{
	font-weight: 400;
	margin: 0;
		padding: 5px 10px 5px 10px;
background: #6fb85b;
/*background: black;*/
color: white;
	}
	
	.about-the-author h3 a:link
{
color: black; 
	}
	
	.about-the-author div
{
	padding: 20px;
	
	}
	
	
		.about-the-author ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	
	}
	
	
	.about-the-author-wrap
{
	
	max-width:800px;  font-size:1.2em; line-height:1.9em;  margin: 0 auto; min-width:300px;text-align:left;
	
}	
	
.featuremaintext
{
	
	max-width:700px;  font-size:1.2em; line-height:1.8em;  margin: 0 auto; min-width:300px;text-align:left;
	
}	

.featuremaintext a:link {
	text-decoration:none;
	color:rgb(111, 184, 91);
	font-weight: 600;
}

.featuremaintext a:visited {
	text-decoration:none;
	color:rgb(111, 184, 91);
	font-weight: 600;
}

.featuremaintext a:hover {
	text-decoration:underline;
	color:red;
	font-weight: 600;
}

.featurelastpara:after{
       content: "\25FC"; /* Here comes the ivy leaf */
       color: #6fb85b;
       font-size: 120%; /* Makes the leaf larger than the normal text */
       position: relative;
      top: .1em; /*Vertical distance from the last line of text */
      left: -.2em;
    /*  float: right;*/
}


.featuremaintextwrap
{
margin-bottom:60px;
/*max-width: 1050px;*/
}
.featurepic
{
	font-size:.9em; line-height:1em;  text-align:center;  padding-bottom:30px;
	font-style: italic;
	color: gray;
	}
	
	

	
.featurepic img
{	
	max-width:100%;height:auto;padding-bottom: 10px;
}
.articleheaderh1 {
  width: 100%;
  
  border-top: 5px solid #6fb85b; 
  padding-bottom:6em;  
  padding-top:4em;  
  border-bottom: 5px solid rgb(248, 248, 248);
  
  text-align: center;
  margin-bottom: 4em;


}

.articleheaderh1 h1{

font-size: 3em;
font-weight: 900;
line-height: 1.3em;
  padding-right: 1em;
  padding-left: 1em;

}


.newsheaderh1 {
  width: 100%;
  
  border-top: 5px solid #6fb85b; 

  border-bottom: 5px solid rgb(248, 248, 248);
  
  text-align: left;
  
}



.articleheaderh1wrap {
	
background-size: cover;
background-position: center center;

	}

.articleheaderh1wrapfade {
background-color:rgba(255, 255, 255, 0.9);
/*background: -webkit-linear-gradient(#ffffff 20.86%, #ffffff 100%);*/
background: linear-gradient(to bottom, rgba(255, 255, 255, .7),  rgba(255, 255, 255, 2));
	}

.articleheaderh1 img	{
		
		
		
		background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
 width:90px;
    height: 90px;
    margin-bottom: 15px;
	}
	
	
.articleheaderh1 a:link, .articleheaderh1 a:visited {
	color: black;
	font-weight: bold;
	
	}	
	
.staffcomment
{
	background: #ffdf8e;
	padding-left: 5px;
	color: black;
	}

.numbcomments
{
	
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	
	}

.commentinfo img
{
	
width: 65px;	
}

.commentinfo2
{
	
	color: gray;
	font-size: smaller;
	
}

.commentstext
{
	
	padding-left: 50px;
}

.fragrancelist ul
{
	
list-style: none;	
margin:0;
padding:0;	
}

.fragrancelist
{
	
padding-left:10px;	
}

.fragrancelist li
{

padding-top:10px;
padding-bottom:10px;

border-bottom: 1px solid black;
   position: relative;
   margin: 5px; 
   padding: 5px;
   min-height: 100px;


}

.fragrancelist .cimg
{
	
   position: absolute;
   left: 0;
   top: 0;
   width: 100px;

}

.fragrancelist .cinner
{
	
padding: 0 0 0 110px;
}


#sidebar .sidebarsmalltext
{
	
padding: 0 0 0 110px;
}


#sidebar .sidebarsmallpic
{
	
   position: absolute;
   left: 0;
   top: 0;
   width: 100px;

}

#sidebar .sidebartext
{
	padding-top: 5px;
text-align: center;}


#sidebar .sidebarpic
{
	
text-align: center;

}
#sidebar .sidebartext a, #sidebar .sidebarsmalltext a
{
	color: black;
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	}

#sidebar ul
{
	
list-style: none;	
margin:0;
padding:0;	
}

#sidebar
{

}

#sidebar li
{

padding-top:10px;
padding-bottom:10px;

border-bottom: 3px solid rgb(248, 248, 248);
   position: relative;
   margin: 5px; 
   padding: 5px;
   min-height: 70px;


}


/*----*/

.nonsidebar .sidebarsmalltext
{
	
padding: 0 0 0 110px;
}


.nonsidebar .sidebarsmallpic
{
	
   position: absolute;
   left: 0;
   top: 0;
   width: 100px;

}

.nonsidebar .sidebartext
{
	padding-top: 5px;
text-align: center;}


.nonsidebar .sidebarpic
{
	
text-align: center;

}
.nonsidebar .sidebartext a, .nonsidebar .sidebarsmalltext a
{
	color: black;
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	}

.nonsidebar ul
{
	
list-style: none;	
margin:0;
padding:0;	
}

.nonsidebar
{

}

.nonsidebar li
{

padding-top:10px;
padding-bottom:10px;

border-bottom: 3px solid rgb(248, 248, 248);
   position: relative;
   margin: 5px; 
   padding: 5px;
   min-height: 70px;


}

/*----*/

.othernonsidebar .sidebarsmalltext
{
	
padding: 0 0 0 110px;
}


.othernonsidebar .sidebarsmallpic
{
	
   position: absolute;
   left: 0;
   top: 0;
   width: 100px;

}

.othernonsidebar .sidebartext
{
	padding-top: 5px;
text-align: center;}


.othernonsidebar .sidebarpic
{
	
text-align: center;

}
.othernonsidebar .sidebartext a, .othernonsidebar .sidebarsmalltext a
{
	color: black;
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	}

.othernonsidebar ul
{
	
list-style: none;	
margin:0;
padding:0;	
}

.othernonsidebar
{

}


	@media screen and (min-width: 600px) {
.othernonsidebar li
{

padding-top:15px;
padding-bottom:15px;

border-bottom: 3px solid rgb(248, 248, 248);
   position: relative;
   margin: 5px; 
   padding: 5px;
   min-height: 70px;
width:45%;float:left;margin-right:2%;
}

}

	@media screen and (max-width: 599px) {
.othernonsidebar li
{

padding-top:15px;
padding-bottom:15px;

border-bottom: 3px solid rgb(248, 248, 248);
   position: relative;
   margin: 5px; 
   padding: 5px;
   min-height: 70px;

}

}


/*---*/
.featuremaintext .shareblock
{
	margin-top: 60px;
	background: rgb(248, 248, 248);
	text-align: center;
	}


 .shareblock
{
	margin-top: 5px;
	}

.shareblock ul
{
list-style: none;	
margin:0;
padding:0;	
height: auto;
}

.shareblock a
{
padding: 0;
margin:0;

}

.shareblock-medium a, .shareblock-small a
{
padding: 3px;
margin:0;

}



.shareblock li
{
margin:0px;
padding:0px;	
display: inline;

}

.shareblock h3
{
margin:0;padding:5px;
}


.shareblock-small img
{
	
padding: 0;
margin:0;
width:32px;height:32px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;
}


.shareblock-medium img
{
padding: 0;
margin:0;
width:48px;height:48px;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;
}




.shareblock-large img
{
padding: 0;
margin:0;
width:64px;height:64px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}





.podcastmainbar .sidebarpodtext
{
	display: block;

}

.podcastmainbar .sidebarpodtext a
{
color: black;
}



.podcastmainbar .sidebarpodpic
{
	display: block;

	margin-left: auto;
	margin-right: auto;
text-align: center;
padding-bottom: 5px;
}

.podcastmainbar
{
	width: 100%;
	padding: 10px 0 10px 0;
	margin-bottom: 20px;
}



.podcastmainbar ul
{
list-style: none;	
margin:0;
padding:0;	
text-align: center;
}

.podcastmainbar li
{

padding-top:10px;
padding-bottom:10px;
width: 14%;

   position: relative;
   margin: 5px; 
   min-height: 32px;
float: left;
text-align: center;
}

.podcastmainbar img
{
	width: 100%;
	max-width: 64px;
}



.leavecommentlink
{
	text-align: center;
	padding: 15px;
	padding-top: 25px;
	background: 
	}

.featuremaintext .leavecommentlink a, .leavecommentlink a

{
	text-align: center;
	font-weight: normal;
	color: black;
	font-size: 18px;
}

.fragrancewardrobebit
{
	
	padding: 5px;
	}

.fragrancewardrobebit ul li a
{
	display: block;
	font-size: 11px;
vertical-align: middle;
	padding: 2px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	color: black;
	}
	
	.fragrancewardrobebit button
{
	display: block;
	font-size: 11px;
vertical-align: middle;
	padding: 2px;
 height: 26px;
 text-align: left;
	line-height: 20px;
	margin-bottom: 5px;
	color: black;
	}

.fragrancewardrobebit button:active
{
	display: block;
	font-size: 11px;
vertical-align: middle;
	padding: 2px;
 height: 26px;
 text-align: left;
	line-height: 20px;
	margin-bottom: 5px;
	background: #6fb85b;
	color: white;
	}


.wardrobenonsel
{
	border:1px solid #ddd;
	background: #fff;

	}
	
	 .wardrobesel:hover
{
	border:1px solid #6fb85b;
	background: #fff;

	}
	
	
.wardrobesel
{
	color: black;	border:1px solid #6fb85b; background: #eeffee;

	}
	
	
	.wardrobenonsel:hover
{
	color: black;	border:1px solid #6fb85b; background: #fff;

	}
	

	
	.fragrancewardrobebit ul li a span
{
margin-left: 10px;
	}
	
		.fragrancewardrobebit  button span
{
margin-left: 10px;
	}
	

.wardrobesotd:before {background: url('http://www.basenotes.net/assets/icons/sotdgrey.png');}
.wardrobesotd:hover:before {background: url('http://www.basenotes.net/assets/icons/sotd.png');}
.wardrobesotdsel:before {background: url('http://www.basenotes.net/assets/icons/sotd.png');}
.wardrobesotdsel:hover:before {background: url('http://www.basenotes.net/assets/icons/sotdgrey.png');}




.wardrobewish:before {background: url('http://www.basenotes.net/assets/icons/wishgrey.png');}
.wardrobewish:hover:before {background: url('http://www.basenotes.net/assets/icons/wish.png');}
.wardrobewishsel:before {background: url('http://www.basenotes.net/assets/icons/wish.png');}
.wardrobewishsel:hover:before {background: url('http://www.basenotes.net/assets/icons/wishgrey.png');}

.wardrobetotry:before {background: url('http://www.basenotes.net/assets/icons/totrygrey.png');}
.wardrobetotry:hover:before {background: url('http://www.basenotes.net/assets/icons/totry.png');}
.wardrobetotrysel:before {background: url('http://www.basenotes.net/assets/icons/totry.png');}
.wardrobetotrysel:hover:before {background: url('http://www.basenotes.net/assets/icons/totrygrey.png');}

.wardrobetry:before {background: url('http://www.basenotes.net/assets/icons/trygrey.png');}
.wardrobetry:hover:before {background: url('http://www.basenotes.net/assets/icons/try.png');}
.wardrobetrysel:before {background: url('http://www.basenotes.net/assets/icons/try.png');}
.wardrobetrysel:hover:before {background: url('http://www.basenotes.net/assets/icons/trygrey.png');}

.wardrobeown:before {background: url('http://www.basenotes.net/assets/icons/owngrey.png');}
.wardrobeown:hover:before {background: url('http://www.basenotes.net/assets/icons/own.png');}
.wardrobeownsel:before {background: url('http://www.basenotes.net/assets/icons/own.png');}
.wardrobeownsel:hover:before {background: url('http://www.basenotes.net/assets/icons/owngrey.png');}

.wardrobeused:before {background: url('http://www.basenotes.net/assets/icons/usedgrey.png');}
.wardrobeused:hover:before {background: url('http://www.basenotes.net/assets/icons/used.png');}
.wardrobeusedsel:before {background: url('http://www.basenotes.net/assets/icons/used.png');}
.wardrobeusedsel:hover:before {background: url('http://www.basenotes.net/assets/icons/usedgrey.png');}

.wardrobeswap:before {background: url('http://www.basenotes.net/assets/icons/swapgrey.png');}
.wardrobeswap:hover:before {background: url('http://www.basenotes.net/assets/icons/swap.png');}
.wardrobeswapsel:before {background: url('http://www.basenotes.net/assets/icons/swap.png');}
.wardrobeswapsel:hover:before {background: url('http://www.basenotes.net/assets/icons/swapgrey.png');}

.wardrobesample:before {background: url('http://www.basenotes.net/assets/icons/samplegrey.png');}
.wardrobesample:hover:before {background: url('http://www.basenotes.net/assets/icons/sample.png');}
.wardrobesamplesel:before {background: url('http://www.basenotes.net/assets/icons/sample.png');}
.wardrobesamplesel:hover:before {background: url('http://www.basenotes.net/assets/icons/samplegrey.png');}

.wardrobetag:before {background: url('http://www.basenotes.net/assets/icons/taggrey.png');}
.wardrobetag:hover:before {background: url('http://www.basenotes.net/assets/icons/tag.png');}
.wardrobetagsel:before {background: url('http://www.basenotes.net/assets/icons/tag.png');}
.wardrobetagsel:hover:before {background: url('http://www.basenotes.net/assets/icons/taggrey.png');}



.wardrobeprivate:before {background: url('http://www.basenotes.net/assets/icons/privategrey.png');}
.wardrobeprivate:hover:before {background: url('http://www.basenotes.net/assets/icons/private.png');}
.wardrobeprivatesel:before {background: url('http://www.basenotes.net/assets/icons/private.png');}
.wardrobeprivatesel:hover:before {background: url('http://www.basenotes.net/assets/icons/privategrey.png');}


.wardrobeicon:before {content: ""; background-repeat: no-repeat;    background-size: 20px 20px; display: block;    width: 20px;    height: 20px;    float: left;
}
.wardrobeicon:hover:before {content: "";background-repeat: no-repeat;    background-size: 20px 20px; display: block;    width: 20px;    height: 20px;    float: left;
}

.star-rating,
.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus,
.star-rating .current-rating{
	background: url(http://www.basenotes.net/images/small/star.gif) left -1000px repeat-x;
}
.star-rating{

	position:relative;

	width:125px;

	height:25px;

	overflow:hidden;

	list-style:none;

	margin:0;

	padding:0;

	background-position: left top;

}

.star-rating li{
	display: inline;

}

.star-rating a, 
.star-rating .current-rating{

	position:absolute;

	top:0;

	left:0;

	text-indent:-1000em;

	height:25px;

	line-height:25px;

	outline:none;

	overflow:hidden;
	border: none;
}
.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus{
	background-position: left bottom;
}

.star-rating a.one-star{

	width:20%;

	z-index:6;

}

.star-rating a.two-stars{

	width:40%;

	z-index:5;

}

.star-rating a.three-stars{

	width:60%;

	z-index:4;

}

.star-rating a.four-stars{

	width:80%;

	z-index:3;

}

.star-rating a.five-stars{

	width:100%;

	z-index:2;

}

.star-rating .current-rating{

	z-index:1;

	background-position: left center;
}	
	



.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
	font-size: 11px;
vertical-align: middle;
	padding: 1%;
width: 100%;

margin-left:.9%;
}


.ratingbox{
	margin: 5px 5px 0 5px;
	width: 45%;
	min-width: 130px;
	float:left;
}

.ratingbox2{
	margin: 5px 5px 0 5px;
	float:left;
	display: inline-block;
}

.ratingbox2 ul{

padding:0;
margin:0;
list-style: none;}

.ratingbox2 li{
	font-size: 11px;
padding:5px 0 5px 0;}

.small-star{
width:75px;
height:15px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(http://www.basenotes.net/images/small/star_small.gif);
line-height: 15px;
height: 15px;
}


.big-star{
width:250px;
height:50px;
}
.big-star,
.big-star a:hover,
.big-star a:active,
.big-star a:focus,
.big-star .current-rating{
background-image: url(http://www.basenotes.net/images/small/starbig.gif);
line-height: 50px;
height: 50px;
}


.fragrancewardrobebit ul 
{
	margin: 0px;
	padding:0px;
	list-style: none;
	}
	
	.fragrancewardrobebit ul li
{
	margin: 0px;
	padding:0px;
	}
	




























.review1
{

/*		border: #ff8a8a 1px solid;
		background: #FFEEEE;
		
*/
		border: #EF4836 1px solid;

	}
	
	.review1 .reviewauthor
{

		background: #F1A9A0;

	}
	
	
	.review2
{
	/*	background: #FFFFEE;

		border: yellow 1px solid;*/
	border: #F4B350 1px solid;
	}
	
		.review2 .reviewauthor
{
		background: #FDE3A7;


	}


.review3
{
	/*	border: #8dff8d 1px solid;
		background: #EEFFEE;*/
		
		border: #6fb85b 1px solid;


	}

.review3 .reviewauthor
{
		background: rgba(137, 212, 125, 0.53);

	}
	.reviewdate
{
	
padding: 10px;
font-size: .8em;	
	}	
	
.reviewauthor
{
	
padding: 5px;
min-height: 35px;	
	
	}
.reviewmain
{
	max-width: 750px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	}

.diraboutblurb
{
	line-height: 1.8em;
	}

.reviewblurb
{
	
	line-height: 1.8em;
	padding: 25px;
	
	
	}
.sotddate{
	
	border: 1px gray solid;
	width: 50px;
	}


.bnmon{
	background: red;
	color: white;
	text-transform: uppercase;
	width: 50px;
	padding: 3px 0 3px 0;
	}

.bndom{
font-size: 25px;	}
.bnday{
		text-transform: uppercase;

	}
	
	
	.tree{
		padding: 0;
		margin:0;
	}


.tree, .tree li ul li  {
	
	list-style: none;
	
	}

.tree  li {
	padding:0px;
	border-bottom: 1px solid rgb(248, 248, 248);
	min-height: 34px;
		font-size: small;
	line-height: 34px;
			margin:0;

	}

.tree  li img{

margin-right: 15px;

	}
	
	.tree  li a{


	}
	
	@media screen and (min-width: 600px) {

	.brandlogo{float:left;}
.brandinfobox{	margin-left:230px;}
}


	@media screen and (max-width: 599px) {

	.brandlogo{text-align:center;}
.brandinfobox{	width:98%;}
}



.peoplelist {
	
	font-size: 1em;
	}

.peoplelist table{
	width:100%;
	padding-bottom: 10px;
	}

.peoplelist table tr td, .peoplelist table tr th{
	padding:5px;
	border-bottom: 1px solid rgb(248, 248, 248);
	min-height: 45px;
		font-size: small;

	}

.peoplelist table tr td, .peoplelist table tr th {
	height: 45px;
	}
	
	
	.peoplelist table tr th
	{
		text-align: left;
		font-weight: normal;
		width: 30%;
		}
	
	
		@media screen and (min-width: 860px) {
.forumlinkbits{
	
	min-height:50px;width:16%;min-width:130px;display:inline-block;
	
}}
	
		@media screen and (min-width: 450px) and (max-width: 859px) {
.forumlinkbits{
	
	min-height:50px;width:48%;min-width:200px;display:inline-block;
	
}}

		@media screen and (max-width: 449px) {
.forumlinkbits{
	
	min-height:50px;width:98%;min-width:200px;display:inline-block;
	text-align: center;
}


}
	
.bubble a:link,.bubble a:visited{color:black;}
	
	.bubble 
{
position: relative;
width: 80%;
padding: 10px;
background: #FFFFFF;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: #6fb85b solid 3px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 9px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -9px;
bottom: -15px;
left: 40%;
}

.bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 17px 11px 0;
border-color: #6fb85b transparent;
display: block;
width: 0;
z-index: 0;
margin-left: -11px;
bottom: -20px;
left: 40%;
}

.bubble2 
{
position: relative;
width: 95%;
padding: 15px;
padding-left: 20px;
background: #6fb85b;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;
font-size: 1.5em;
font-family: monospace;
color: white;
}

.bubble2 a
{
	color:white;
	text-decoration: underline;
	}

.bubble2:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 41px 15px 0;
border-color: transparent #6fb85b;
display: block;
width: 0;
z-index: 1;
left: -41px;
top: 30%;
}
/*-----*/



.followbuttonspan{
	
			margin-left:15px;font-family:Arial,Helvetica;border:1px solid #ccc;color: #6fb85b;padding:3px; border-radius: 5px; font-size:14px;line-height:20px;width:70px;text-align: center;display: inline-block;

	
}




	
		.followspan{
			
			
			color:gray;font-size:14px;padding:5px;
					}
		
	
		
		.followingspan{
			
			background: #6fb85b;
			color:white;font-size:14px;padding:5px;
			
			
		}
	
			.unfollowspan{
						color:black;font-size:14px;padding:5px;
						
			
		}

		
	.followbutton .unfollowspan { display: none; }
.followbutton:hover .followingspan { display: none; }
.followbutton:hover .unfollowspan { display: inline-block; }
.followbutton:hover .followspan { background: #6fb85b;color:white; }
	

/*===*/


.articlesidebar .sidebarsmalltext
{
	
padding: 0 0 0 110px;
}


.articlesidebar .sidebarsmallpic
{
	
   position: absolute;
   left: 0;
   top: 0;
   width: 100px;

}

.articlesidebar .sidebartext
{
	padding-top: 5px;
text-align: center;}


.articlesidebar .sidebarpic
{
	
text-align: center;

}
.articlesidebar .sidebartext a, .articlesidebar .sidebarsmalltext a
{
	color: black;
	font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	}

.articlesidebar ul
{
	
list-style: none;	
margin:0;
padding:0;	
}

.articlesidebar
{

}

.articlesidebar li
{

padding-top:10px;
padding-bottom:10px;

border-bottom: 3px solid rgb(248, 248, 248);
   position: relative;
   margin: 5px; 
   padding: 5px;
   min-height: 70px;


}


#chart_wrap {    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow:hidden;
}
#chartofpie {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}


.fragdirlist 
{
background-color: #f8f8f8;
overflow: hidden;
padding-left: .33333%;
}


@media screen and (min-width: 1100px) {
	.fragdirthing
{
width:15.1%;

	}
}	
	
	@media screen and (min-width: 800px) and (max-width: 1099px) {
	.fragdirthing
{
width:23%;

	}
}

@media screen and (min-width: 600px) and (max-width: 799px) {
	.fragdirthing
{
width:31%;

	}
}	
	
	@media screen and (max-width: 599px) {
	.fragdirthing
{
width:48%;

	}
}


.fragdirthing
{
float:left;
margin:.34333%;
padding:.33333%;	
padding-top: 20px;
background-color: white;
max-height: 260px;
border:1px solid #F4F4F4;
}

.fragdirnamesec
{
	width: 100%;
	 position:absolute;
  bottom:0;
  left:0;
	background: rgba(255, 255, 255, 0.77);
	}
	
	
	.fragdirnamesecwrap
{
	height: 100px;
	position: relative;
	top:-30px;
	left:0;
	right:0;

	}
	
	
	
.fragdirhouse
{
font-size: 12px;
}
.fragdirname
{
font-size: 14px;
}
.fragdirimg
{

		text-align: center;
}

.fragdirimg img
{

		width: 150px;
		margin-bottom: 15px;
		
}

.fragdirname, .fragdirhouse, .fragdirextra
{

    text-align: center;
    /* padding-right: 35px;*/
		font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
}

.fragdirname a, .fragdirhouse a
{

    color: black;

}

.fragdirextra
{

    color: gray;
text-transform: uppercase;
font-size: smaller;
}


.articlesidebar
{
	
	
	
	}



	.buttongroup
{
		margin:0;
	padding:0;
	list-style: none;

	
	
}
.buttongroup > li{
	
	    float: left;


	
	
}
.popbutcont{
	
	position: absolute;
	  z-index: 45;  

	    
}
.popupbuttons{
	
	margin: 0;
	margin-left:-160px;
	padding:0;
	list-style: none;
		border: 1px solid #d5d5d5;
border-radius: 3px;
width: 200px;
    box-shadow: 5px 5px 5px #eee;
background: #fff;

}

.popupbuttons li .button {width:90%;
	border:none;
	border-bottom: 1px solid #d5d5d5;
}
.button{
	margin-right: 5px;
height: 26px;
line-height: 26px;	
	border: 1px solid #d5d5d5;
border-radius: 3px;
position: relative;
display: inline-block;
font-weight: 400;
text-decoration: none;
color: #333;
white-space: nowrap;
vertical-align: middle;
font-family: Helvetica,Arial,sans-serif;
padding:0 10px
}

.button:hover{
	
	
/*	background: #ffe600;*/
	color: #333;
}

.button.selected{
	
	
	background: #6fb85b;
	color: #333;
}

.button.selected:hover{
	
	
	background: #ffe600;
	color: #333;
}

.button img{
    vertical-align: middle;
height:20px;
padding: 3px 0;

}

.button span{

height: 13px;
padding: 6px 0 7px;
font-size: 13px;	

}

#lightbox {
	position: absolute;
	top: 0;
	left: 50%;
	width: 500px;
	margin-left: -250px;
	background: #fff;
	z-index: 1001;
	display: none;
}
#lightbox-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 1000;
	display: none;
}




/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


.newlistname{
	display: none;
	}



/*-------*/





/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/*-------*/



.moveMe
{
    position: absolute;
    top: 10px;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
}

.moveMe:hover
{
    top: 0;
    -webkit-transition: top .1s;
    -moz-transition: top .1s;
    -o-transition: top .1s;
}



/* --- gallery ---- */
@media screen and (min-width: 600px) {
.gallerycontainer{display: table; width:100%;}
.galleryitem{display: table-row;background: #f9f9f9; padding: 10px;}
.galleryitemuser{display: table-cell;width:100px;text-align: center;padding: 10px;padding-top:20px;border-bottom: gray solid 1px;border-top: white solid 10px;}
.galleryitemuser img{display:block;margin: auto;padding: 10px;}
.galleryitemthing{display: table-cell;width:auto;vertical-align: top;padding: 10px;border-bottom: gray solid 1px;border-top: white solid 10px;}
.galleryitemthing img {float:left;margin:10px 20px 10px 0;border: 10px solid white;max-width: 300px;width:30%;}
.galleryitemfooter1{display: table-cell;width:100px;text-align: center;padding: 10px;padding-top:20px;border-bottom: gray solid 1px;border-top: white solid 10px;}
.galleryitemfooter2{display: table-cell;width:auto;vertical-align: top;padding: 10px;border-bottom: gray solid 1px;border-top: white solid 10px;}


}

/* --- gallery ---- */
@media screen and (max-width: 599px) {
.gallerycontainer{display: block; width:100%;}
.galleryitem{display: block;background: #f9f9f9; border-bottom: gray solid 1px;margin-bottom: 20px;}
.galleryitemuser{display: block;padding: 10px;border-bottom: gray dotted 1px;min-height: 40px;background: #f4f4f4;}
.galleryitemuser img{height:40px; float: left;padding-right: 10px;}
.galleryitemthing{display: block;width:auto;vertical-align: top;padding: 10px;}
.galleryitemthing img {display:block;border: 10px solid white;max-width: 300px;width:100%;margin-left: auto; margin-right: auto;}
}



.imchat a:link {
	font-weight: 400;
	color: blue;
	text-decoration: underline;
}

.imchat a:visited {
	font-weight: 400;
	color: blue;
	text-decoration: underline;
}

.imchat a:hover {
	font-weight: 400;
	color: blue;
	text-decoration: underline;
}


/*------ PRINT -------*/
	
	/*
		
		
  #topfooter{display:none;}

 #sidebar{display:none;}
 .outernav{display:none;}
#searchcontainer{display:none;}
.innerheader{margin:0;padding:0;background: white;}
#header{border:0;margin:0;padding: 0;}
 #topbnlinks
 {display: none;}
 .newsheaderh1{border:0;padding:0;margin:0;}
h1{border:0;
	font-size: 24px;
	} 
	
	#logo img{
		margin:0;padding:0;
		}
		
		#logo{
			width: 100%;
			text-align: center;
			clear: both;
		}
 .webform{display: none;}
 	.featuremaintextwrap{width:80%;}
 	
 	
 	.featuremaintext
{
	
	max-width:700px;  font-size:1em; line-height:1.5em;  margin: 0 auto; min-width:300px;text-align:left;
	
}

body {
font: 12pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
}

.outernav:after {
content: "<br>www.basenotes.net";
}

h1 {
font-size: 24pt;
}

h2 {
font-size: 14pt;
margin-top: 25px;
}

h3 {
font-size: 12pt;
margin-top: 15px;
}

		
	*/