/*div {
border: black dashed 1px;
}

div div {
border: red dotted 1px;
}*/

body {
font: small Arial, Helvetica, Verdana, sans-serif;
background-color:#FFFFFF;
color: #333333;
margin: 0px;
padding: 0px;

}
form {
display:inline;
}

h1, h2, h3 {
	color: #000000;
		font-family: "Georgia", "Times New Roman", Times, serif;

}



#afraglist ul li
{
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
text-decoration: none;
text-align: left;
padding-bottom: 3px;
margin-left: -030px;
border-bottom: 1px dotted #AAFFAA;
}


.lb12{
padding-bottom: 5px}


a[rel="external"] {background:url(../images/small/external_link.gif) 99% 40% no-repeat; padding-right: 15px;}


#verytop
{
border-bottom-color: #80b561;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: #b1dbad;
text-align: right;
	color: #55AA55;
		font-family: "Lucida Grande", Arial;
	font-size: xx-small;
padding: 5px;
}

#verytop a
{
	color: #94b892;
text-decoration: none;
}

#logo {
float: left;

width: 220px;
padding: 4px;}

#header {
	background-color: white;
}


#tagline {

font-weight: bold;
background-color:#FFFFFF;
color:#005500}


#navandsearch {
background-color: #9fcf93;
clear: left;
background-image:url(../images/design/searchb.jpg);
padding: 1px 10px 1px 10px;
border: 1px #75C264 solid;
text-align: left;
}
#topadvert{
margin-left: 210px;
text-align: center;
padding-top: 0px;
}


#breadcrum {
	color: #55AA55;
margin: 0;
height: 18px;
text-align: left;
padding-top: 6px;
}

#breadcrum ul {
		font-family: "Lucida Grande", Arial;
	font-size: x-small;

margin: 0px;
padding: 0px;
}

#breadcrum li {
display: inline;
		font-family: "Lucida Grande", Arial;
	font-size: x-small;

}

#breadcrum a:link, #breadcrum a:visited {
text-decoration:none;
	color: #005500;
			font-family: "Lucida Grande", Arial;
	font-size: x-small;

}

#breadcrum a:hover {
text-decoration:none;
	color: #000000;
	background-color: transparent;
			font-family: "Lucida Grande", Arial;
	font-size: x-small;

}

.searchbox {
	background-color: #D6EED1;
	padding: 2px;
	border: 1px solid #7DBE65;
	font-family: Verdana, Arial, Helvetica, sans-serif;
color: #337733;
width: 90px;
height: 13px;
font-size: 11px;
}
#searchsubmit {
	background-color: #7DBE65;
	padding: 2px;
	border: 1px solid #D6EED1;
	font-family: Arial, Helvetica, sans-serif;
font-size: 11px;

}
#searcharea
{
width: 400px;
text-align: right;
float: right;
}

#replacement-1 {
  width: 100px;
  height: 55px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../images/small/search-icon-green.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#replacement-2 {
  width: 14px;
  height: 14px;
  padding: 14px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(../images/small/search-icon-green.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>#replacement-2 { /* For non-IE browsers*/
  height: 0px;
}

#subsection {
	padding:5px;
background-color: #EEFFEE;

	color: #444444;
		font-family: "Georgia", Arial;
	font-size: small;
	border-bottom: 1px solid #AACCAA;
	text-align:right;

}

#byline {
	padding:5px;
background-color: #EEEEEF;

	color: #444444;
		font-family: "Georgia", Arial;
	font-size: small;
	border-bottom: 1px solid #DDDDDE;

}

#aboutauthor {
	margin-top: 12px;
	padding:2px 5px 2px 5px;
background-color: #EEEEEF;

	color: #444444;
		font-family: "Georgia", Arial;
	font-size: small;
	border: 1px solid #DDDDDE;
min-height: 150px;
}

#aboutauthor img {
margin-right: 6px;
margin-top: 6px;
float: left;
	border: 1px solid #DDDDDE;
}
#content1
{
padding-left: 5px;
padding-bottom: 20px;
padding-right: 5px;
padding-top: 3px;
margin: 0 310px 0 140px;
background-color: white;
}

#content2
{
padding-left: 5px;
padding-bottom: 20px;
padding-right: 5px;
padding-top: 3px;
margin: 0 0 0 140px;
background-color: white;
}

#content3
{
padding-left: 5px;
padding-bottom: 20px;
padding-right: 5px;
padding-top: 3px;
background-color: white;
}

#clearone
{
clear: both;
height: 1px;
}


#main
{
width: 100%;

}


#main2 {
background-image: url(../images/design/stripes2.gif);
background-position: bottom left;
background-repeat: repeat-y;
}

#menu
{
padding-bottom: 20px;
padding-right: 0;
padding-top: 0;
float: left;
width: 129px;
margin: 0;
padding-left: 8px;
border-right: solid 1px #669966;
/*background-image: url(../images/design/stripes.gif)*/
}

.stripyback{
background-image: url(../images/design/stripes2.gif);
	background-repeat: repeat-y;

}
#rightcolumn
{
float: right;
width: 300px;
margin: 0;
padding: 0;
padding-right: 3px;
padding-top: 3px;

}


#navcontainer { margin-left: 0px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 0px 0; }


#navcontainer a
{
	display: block;
	padding: 5px 6px;
	width: 108px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
border-bottom: 1px solid #75C264;
font-weight: bold;

}





#navcontainer a:hover
{
	color: #004400;
	background-image:
	text-decoration: none;
	background-position: right;
	background-image: url(../images/design/hovermenu.jpg);
}

#navcontainer ul ul li { margin: 0 0 0px 0; }

#navcontainer ul ul a
{
	display: block;
	padding: 4px 4px 4px 16px;
	width: 100px;
	color: #333333;
	background-color: #EEEEEE;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
border-bottom: 1px solid #CCCDCC;

}

#navcontainer ul ul a:hover
{
background-color: #55FF55;
text-decoration: none;
}

#navcontainer li.inactive a
{
text-decoration: line-through;
background-color: #fff;
color: #aaaaaa;
} 

#navcontainer li.active a
{
text-decoration: none;
background-image: url(../images/design/hovermenu2.jpg);
background-color: #fff;
color: #000066;
}


.rightline {
	background-color: #ffffff;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #7DBE65;
	background-image: url(images/design/stripes.gif);
}

.sideheader {
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	color: #000;
	font-family: "Georgia", Arial;
	font-size: medium;
	background-color: #AADBAA;
	border-bottom: 1px solid #75C264;
	background-color: #AADBAA;
	background-image: url(../images/design/searchb.jpg);
	background-repeat: repeat-x;


}



.sidesides {
	border: 1px solid #669966;
	margin-bottom: 3px;
	width: 300px;
	background-color: white;
}

.mainimage, .mainimageleft, .mainimageright {
	text-align: right;
	background-color: #d2d2d2;
	color: #565656;
	font-size: x-small;
	border-color: #7f7f7f;
	border-width: 1px;
	border-style: solid;
}

.mainimageleft
{
	margin-bottom: 6px;
	margin-right: 6px;
	float: left;

}

.mainimageright
{
	margin-bottom: 6px;
	margin-left: 6px;
	float: right;

}

.mainimage
{
	margin-bottom: 6px;
text-align: center;
	border-width: 1px;

}
#wrapper {
	min-width: 770px;
}

#commentsft {
margin-top: 6px;
padding: 5px;
text-align: center;
border-top: dotted 1px #aadba9;
	background-image: url(/images/design/hovermenu2.jpg);

}

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

#commentsft li{
display: inline;
}

#commentsft img {
	border-width: 0px;
}

#commentsft a {
	color: #0060b6;
	text-decoration: none;
	
	}

a {
	color: #0060b6;
	text-decoration: underline;
	
	}
	
	a:hover {
	color: #0060b6;
	text-decoration: underline;
	background-color: #ece9a6;
	}

	
.sidesides ul {
list-style: none;
	margin-left: 0;
	padding-left: 20px;
	text-indent: -10px;
	}
	.sidesides	ul li
	{padding-bottom: 3px;}
	
.sidesides	ul li:before {
	content: "\00BB \0020";
	}
#footer{
background-position: 0 bottom;
background-image: url(http://www.basenotes.net/images/design/formback.gif);
border-top-width: 10px;
border-top-color: #6b9666;
background-repeat: repeat-x;
clear: both;
margin-bottom: 0;
padding: 5px;
width: 100%;
border-top: solid; 
}

#footer ul{

	padding: 0px;

	margin: 0px;

	list-style-type: none;
}

#footer a { color: #424565; text-decoration: none;}
.footertitle
{ font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:8px;
font-weight:bold;
color: #444444;
}
.dateside
{
	font-size: x-small;
}

.nextprevious
{
	line-height: 2em;
	background-color: #e9faff;
	border-top-style: solid;
	border-top-color: #a1acaf;
	padding-left: 5px;
	padding-bottom: 20px;
	padding-right: 5px;
	padding-top: 10px;
	text-align: center;
	border-bottom-width: 1px;
	border-top-width: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: small;
}

.nextprevious a
{

	background-color: #fff;

	color: #1b1b1b;

	text-decoration: underline;

	border-color: #cad9dd;

	border-width: 1px;

	border-style: solid;

	padding: 3px;

	margin: 2px;

}
.nextprevious a:hover
{
	border-color: #112233;

	background-position: right;
	background-image: url(../images/design/hovermenu2.jpg);
}

.nextprevious .unselected
{

	background-color: #fff;

	color: #8c8c8c;

	text-decoration: none;

	border-color: #e1f1f5;

	border-width: 1px;

	border-style: solid;

	padding: 3px;

	margin: 2px;

}


table.fragrancelist
{
background: #EEEEFF;
border-collapse: collapse;
width: 100%;
border: #669966 solid 1px;

}

thead.fragrancelisthead
{
background-image: url(../images/design/searchb.jpg);
background-color: #62c55b;
color: black;
font-weight: bold;
}
tr.fragrancelistrow
{

}
tr.fragrancelistrow:hover
{
background: #DDDDEE;
border: #669966 solid 1px;

}


#dirresults table{
	width: 100%;
	font-size:  95%;
	border-collapse: collapse;
}


#dirresults thead tr{
	background-color: #D9FFD9;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#dirresults tfoot tr{
	background-color: #FFFFFF;
}

#dirresults thead th{
	padding: 0.5em;
	white-space: nowrap;
}

#dirresults tfoot th{
	font-size: 110%;
	text-align: right;
	padding-right: 0.5em;
	letter-spacing: 1px;
	background:  
}

#dirresults tfoot td{
	padding-left: 0.5em;
	color: red;
	font-size: 110%;
	font-weight: 600;
}

#dirresults tfoot td:hover{
	background-color: red;
	color: white;
}

#dirresults tr{
	background-color: #EAFDFF;
}

#dirresults tr.odd{
	background-color: #FFFFFF;
}

#dirresults tbody tr:hover{
	background-color: #FFCCCC;
}

#dirresults td, th{
	border: 1px dotted #CCCCCC;
}

#dirresults tbody td
{
	padding: 0.5em;
}

#dirresults
{
	width: 100%;
}

#footer1
{
	float: left;
	padding: 8px;
	width: 350px;
	border-style: none;
	border-width: 1px;
}

#footer2
{
	float: left;
	padding: 8px;
	width: 150px;
	border-style: none;
	border-width: 1px;
}
#footer3
{
	float: left;
	padding: 8px;
	width: 160px;
	border-style: none;
	border-width: 1px;
}
#footer4
{
	float: left;
	padding: 8px;
	width: 240px;
	border-style: none;
	border-width: 1px;
}
#footer li
{
	padding-bottom: 6px;
}

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

.features li img {
  float: left;
  margin: 0 5px 5px 0;
	background-color: #d2d2d2;
	border-color: #7f7f7f;
	border-width: 1px;
	border-style: solid;

}

p.more {
  margin-top: 0;
  margin-bottom: 50px;

  text-align: right;
}

.infoabout {
font-size: x-small;
}


.infolist {
padding-left: 6px;
font-size: small;
}

    .linenum  {position: absolute; top: auto; left: 4%;} /* poetry number */    .blockquot{margin-left: 5%; margin-right: 10%;}
    .pagenum  {position: absolute; left: 92%; font-size: smaller; text-align: right;} /* page numbers */
        .sidenote {width: 20%; padding-bottom: .5em; padding-top: .5em;
               padding-left: .5em; padding-right: .5em; margin-left: 1em;
               float: right; clear: right; margin-top: 1em;
               font-size: smaller; background: #eeeeee; border: dashed 1px;}

    .bb       {border-bottom: solid 2px;}
    .bl       {border-left: solid 2px;}
    .bt       {border-top: solid 2px;}
    .br       {border-right: solid 2px;}
    .bbox     {border: solid 2px;}

    .center   {text-align: center;}
    .smcap    {font-variant: small-caps;}
    .u        {text-decoration: underline;}

    .caption  {font-weight: bold;}

    .figcenter   {margin: auto; text-align: center;}

    .figleft     {float: left; clear: left; margin-left: 0; margin-bottom: 1em; margin-top:
                 1em; margin-right: 1em; padding: 0; text-align: center;}

    .figright    {float: right; clear: right; margin-left: 1em; margin-bottom: 1em;
                 margin-top: 1em; margin-right: 0; padding: 0; text-align: center;}

    .footnotes        {border: dashed 1px;}
    .footnote         {margin-left: 10%; margin-right: 10%; font-size: 0.9em;}
    .footnote .label  {position: absolute; right: 84%; text-align: right;}
    .fnanchor         {vertical-align: super; font-size: .8em; text-decoration: none;}

    .poem             {margin-left:10%; margin-right:10%; text-align: left;}
    .poem br          {display: none;}
    .poem .stanza     {margin: 1em 0em 1em 0em;}
    .poem span.i0     {display: block; margin-left: 0em;}
    .poem span.i2     {display: block; margin-left: 2em;}
    .poem span.i4     {display: block; margin-left: 4em;}
    .poem span.i14     {display: block; margin-left: 14em;}
    .poem span.i16     {display: block; margin-left: 16em;}
    .poem span.i19     {display: block; margin-left: 19em;}
    .poem span.i6     {display: block; margin-left: 6em;}
    .poem span.i8     {display: block; margin-left: 8em;}

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

form.cmxform p {
		text-align: left;
		color: #446737;
		font-size: x-small;
	}

h4 {
		font-style: normal;
		font-weight: normal;
		padding: 5px;
		font-size: medium;
		border-bottom-color: #7dbe65;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		background-color: #d8ecd1;
	}
	
	
	 .menu4 {
      width: 100%;
      margin: 1em 0;
      padding: 0px 0.5em;
    }
    .menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .menu4 li {
      margin: 0;
      padding: 0;
      float: left;
    }
    .menu4 {
      padding: 0;
      background: #fff none;
    }
    .menu4 li {
      width: 14em;
      margin-right: 1em;
      text-align: left;
    }
    .menu4 a {
      display: block;
      width: 100%;
      text-decoration: none;
    }
#abclist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
#abccontainer
{
	width: 200px;
}
.fragrancename
{
	font-size: larger;
	font-weight: bold;
}
.contactusabout
{
	background-image: url(/images/design/hovermenu2.jpg);
	border-color: #66aab9;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	margin: 5px;
	background-color: #dee9f9;
}
.contactusabout a
{
	text-align: right;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.code
	
	{
	
	
	
		font-size: small;
	
	
	
		padding: 5px;
	
	
	
		margin: 5px;
	
	
	
		border-style: dashed;
	
	
	
		border-color: #4b4b4b;
	
	
	
		border-width: 1px;
	
	
	
		background-color: #e9e9e9;
	
	
	
		color: #404040;
	
	
	
		font-family: "Courier New", Courier, Monaco, monospace;
	
	
	
	}
	
	.sidecat
	
	{
	
	
		margin-top: 5px;
	
	
		margin-left: 6px;
	
	
		font-family: Georgia, "Times New Roman", Times, serif;
	
	
		font-size: medium;
	
	
	}
	.sidepads
	
	{
		padding: 6px;
	}
	.sideshadebottom
	
	{
		background-color: #7ce2ff;
		padding: 5px;
	}
	.sidefeatured
	
	{
	    padding-top: 150px;
	    background-image:  url(../images/featured.jpg);

    background-repeat: no-repeat;

    height: 150px;

    width: 300px;

	}
	
		.sidefeaturedshade
	
	{
	    color: black;
	    text-shadow: 0px 0px;
	    font-size: medium;
	    font-family: Georgia, "Times New Roman", Times, serif;
	    border-right-width: 0px;
	    border-left-width: 0px;
	    border-color: #6bc25a;
	    border-bottom-width: 1px;
	    border-style: solid;
	    border-top-width: 1px;
	    background-image:  url(../images/design/shade.gif);

    background-repeat: repeat;
		padding: 6px;

    height: 100px;

    width: 288px;

	}
		.sidefeaturedshade a
	
	{
		text-decoration: none;
		color: black;
		font-weight: bold;
		font-size: large;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
		.categories
	
	{
		font-size: smaller;
		padding-bottom: 15px;
		padding-top: 15px;
		text-align: right;
	}
		.frontcatheading
	
	{
		background-image: url(../images/design/searchb2.jpg);
		border-right-width: 0px;
		border-left-width: 0px;
		border-bottom-width: 1px;
		border-top-width: 1px;
		border-color: #6bc25a;
		border-style: solid;
		color: #111111;
		padding: 2px;
		background-color: #b1dbad;
		font-weight: bold;
		margin-bottom:5px;
	}
		.frontmainhead a
	
	{
		text-decoration: none;
		color: black;
		font-size: large;
		font-weight: bold;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
		.frontmainheadtwo a
	
	{
		text-decoration: none;
		color: black;
		font-size: medium;
		font-weight: bold;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
		.newsbox
	
	{
		list-style-position: outside;
		list-style-type: square;
		margin-bottom: 3px;
		margin-top: 3px;
/*
		background-image: url(http://www.basenotes.net/images/design/moreback.gif);

*/		border-width: 1px;
		border-color: #d4dad3;
		padding: 5px;
		border-style: solid;
		font-size: smaller;
		background-color: #dddddd;
	}
		.newsbox2
	
	{
		list-style-position: outside;
		list-style-type: square;
		margin-bottom: 3px;
		margin-top: 3px;
		padding: 5px;
		border-style: none;
		font-size: x-small;
	}
		.newsroom
	
	{
		padding-right: 20px;
		padding-left: 20px;
		background-color: #ffef8a;
		margin-bottom: 5px;
		margin-top: 5px;
		text-align: center;
		padding-bottom: 7px;
		padding-top: 7px;
	}
		.mainpagesticky
	
	{
		padding-left: 7px;
		padding-bottom: 7px;
		padding-right: 50px;
		padding-top: 7px;
		border-bottom-style: solid;
		border-right-style: solid;
		border-right-color: #b1b1b1;
		border-bottom-color: #b1b1b1;
		background-color: #f5f1be;
		color: #1f1f1f;
		border-width: 1px;
		margin-bottom: 10px;
	}
		.question
	
	{
		line-height: 1.50;
		padding-right: 20px;
		padding-left: 50px;
		border-style: none;
		border-width: 0px;
		padding-bottom: 30px;
		padding-top: 30px;
		background-repeat: no-repeat;
		background-image: url(http://www.basenotes.net/images/design/backpaper.jpg);
		margin-right: 30px;
		margin-left: 30px;
		width: 230px;
		margin-top: 10px;
		margin-bottom: 10px;
		color: black;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
		.coupon
	
	{
		background-color: #ededed;
		border-color: #808080;
		border-width: 1px;
		border-style: dashed;
		margin: 30px;
	}
		.expiry
	
	{
		text-align: right;
		text-shadow: 0px 0px #c6aa49;
		background-color: #ffd055;
		color: #f81600;
		font-weight: bold;
		font-family: monospace;
	}
		.couponGWP
	
	{
		padding: 5px;
		text-align: right;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-weight: bold;
		background-color: #6b6eff;
		color: #0a0aaf;
	}
		.couponSAVE
	
	{
		padding: 5px;
		text-align: right;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-weight: bold;
		background-color: #ff6b6e;
		color: #af0a0a;
	}
		.couponFS
	
	{
		padding: 5px;
		text-align: right;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-weight: bold;
		background-color: #6bff6e;
		color: #0aaf0a;
	}
		.dealbody
	
	{
		padding: 8px;
	}
		.new
	
	{
		margin-right: 5px;
		border-color: #f81600;
		border-width: 1px;
		border-style: double;
		padding: 5px;
		background-color: #fff212;
		color: #ff0609;
		font-weight: bold;
		font-family: sans-serif;
	}
		#fragproimage
	
	{
		width: 202px;
		border-style: solid;
		padding: 8px;
		background-color: #EEEEEF;
		border-color: #ddddde;
		border-width: 1px;
	}
		#fragproimage img
	
	{
		border-color: #ddddde;
		border-width: 1px;
		border-style: solid;
	}
	
	
			#avatarimage
	
	{
		border-style: solid;
		padding: 8px;
		background-color: #EEEEEF;
		border-color: #ddddde;
		border-width: 1px;
	}
	
			#avatarimage img
	
	{
		border-color: #ddddde;
		border-width: 1px;
		border-style: solid;
	}

		h1 .smalltext
	
	{
		font-size: small;
	}
#notes ul li
{
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
text-decoration: none;
text-align: center;
font: small	 "Georgia", serif;
}
#notes
{
margin-bottom: 10px;
	padding: 10px 30px 15px 0;
	background-image:  url("http://www.basenotes.net/images/design/notes2.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;

}
.tad
{
	background-color: #D8ECD1;
	border-color: #6bc25a;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 5px;
	padding: 5px;
	width: 290px;
	text-align: center;
}

.tadline
{
	color: #6bc25a;
font: x-small	 "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;	
}

.review
{
	margin-top: 5px;
	border-width: 1px;
	border-bottom-color: #b1dbad;
	margin-bottom: 3px;	padding-bottom: 30px;
	border-bottom-style: dotted;
}

.review .revbod
{
	margin-left: 10px;
}

.reviewname
{
padding-bottom: 10px;
	    font-size: small;
font-weight: bold;
}


.reviewname a
{

color: #333333;

	text-decoration: none;



}

.reviewmeta
{
	margin-top: 10px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-top: 2px;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(http://www.basenotes.net/images/design/blugrad.png);
	background-color: white;
	color: #324d39;
	font-size: x-small;
	text-align: right;
}

.reviewmeta a img
{
	border-width: 0px;
	background-position: 0 center;
}

.printonly{display:none;

text-align: center; font-weight: bold
}

.thumbage{
	padding-bottom: 5px;
	margin-left: 5px;
}

.reviewmeta a{
	text-decoration: none;
	color: #494949;
}

/* css for IE */
textarea{font-size: small; font-family: Helvetica, Verdana, Arial, sans-serif; color: #221733; height:200px;width:93%;padding:10px}
/* css for other browsers which overrides the height property above but
IE ignores it*/
textarea,[nul]{height:100%;padding:10px}
.reviewdate{ font-weight: bold; font-size: smaller; border-left-style: none; border-bottom-style: none; border-right-style: none; border-top-style: solid; border-top-color: #dfdfdf; border-top-width: 1px; }
.smalltext{ font-size: smaller; }
.line{ border-bottom-color: #7da6ff; border-bottom-style: dotted; border-bottom-width: 1px; }
.bigbutton{ border-color: #747474; border-width: 1px; border-style: solid; padding: 5px; margin: 15px; background-color: #e4eadd; text-align: center; }
.smallsearch input{ 

font: x-small Arial, Helvetica, Verdana, sans-serif;

}
.glyph a{
	text-decoration: none;
	font-weight: bold;
}
.sidefragrance{
	text-decoration: none;
	font-size: x-small;
}
.sidefragrance a{
	color: #6b9666;
	text-decoration: none;
}

.wardrobebitlist a{
	text-decoration: none;
}

.noline a{
	text-decoration: none;
}

.wardrobebit
	{
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		border-style: none;
	}
.nobull ul
	{	
	border-style: none;	
	list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;}
.nobull li
	{	
	margin-bottom: 3px;	
	list-style: none;
text-indent: -1em;}
.star-rating,
.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus,
.star-rating .current-rating{
	background: url(../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;
}






.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(../images/small/star_small.gif);
line-height: 15px;
height: 15px;
}







/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.socialbit {
	padding: 3px;
	margin: 3px;
	border-color: #6bc25a;
	border-width: 1px;
	border-style: solid;
	background-color: white;
}




ul#wardlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#wardlist li
{
float: left;
font-family: verdana, arial, sans-serif;
font-size: 9px;
margin: 0;
padding: 5px 0 4px 0;
}

#wardlist a, #wardlist a:link
{
margin: 0;
padding: 5px 9px 4px 9px;
color: #777777;
text-decoration: none;
}

ul#wardlist li.active
{
font-weight: bold;

color: #222222;
}

#wardlist a:hover
{
color: #74a893;
}
div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }
   
   
   
   
   .shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 10px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 2px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(http://scentpackage.basenotes.net/images/design/shadeo.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
font: bold 11px Arial;

top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(http://scentpackage.basenotes.net/images/design/shadeactive.gif);
border-bottom-color: white;

}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.wardrobeintro{
	border-style: solid;
	border-color: #89b8ff;
	border-width: 1px;
	padding: 5px;
	background-color: #cbdaff;
	color: #333333;
	font-size: small;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.tags{
	padding: 5px;
	border-width: 1px;
	border-color: #b2ff9c;
	border-style: solid;
	background-color: #d4ffcf;
}

.tagsd{
	padding: 5px;
	border-width: 1px;
	border-color: #ff8c7c;
	border-style: solid;
	background-color: #ffcabb;
}

tr.wardshade{
	background-color: #F4F7FB;

}

tr.wardshade2{
	background-color: #ffffff;

}


		.warning
	
	{
		border-color: #ff6a4b;
		border-width: 1px;
		border-style: solid;
		padding-right: 5px;
		padding-left: 5px;
		background-color: #ffcea6;
		margin-bottom: 15px;
		margin-top: 5px;
		padding-bottom: 7px;
		padding-top: 7px;
	}
	
	
	
		.competition
	
	{
		border-color: #f85bff;
		border-width: 1px;
		border-style: solid;
		padding-right: 5px;
		padding-left: 5px;
		background-color: #f8a7ff;
		margin-bottom: 15px;
		margin-top: 5px;
		padding-bottom: 7px;
		padding-top: 7px;
	}
		img.competition
	
	{
		border-style: solid;
		border-color: #f85bff;
		border-width: 2px;
	}
		.selectedimage
	
	{
		padding-left: 1px;
		border-color: #92beff;
		border-style: solid;
		border-width: 2px;
		background-color: #c6ceff;
		color: white;
	}
		.unselectedimage
	
	{
		padding-left: 1px;
		border-style: solid;
		border-width: 2px;
		color: white;
	}
	
	
.wardrobeinfo{
background-color: #dedede;
margin-top: 15px;
padding: 6px;
float: right;
background-position: 0 bottom;
		border-color: #92beff;
		border-style: solid;
		border-width: 1px;
		width: 150px;

}

.wardhead
{
	background-image: url(../images/design/hovermenu.jpg);
background-position: 0 bottom;


}

td .wardhead
{
padding: 6px;
		border-style: solid;
		border-width: 1px;
		border-color: #c6ceff;
}

#abc li {float: left;
 	margin-bottom: 3px;	
	list-style: none;
 	

}

#abc a {
color: #000000;
	text-decoration: none;
	font-family: "Courier New", monospace;
	font-size: 12px;
font-weight: bold;
}

#abc
{
border-bottom: 1px solid #75C264;
background-color: white;
/*
	    background-image:  url(../images/design/flars.jpg);

*/			width: 110px;
			padding: 5px;

}




div#commentForm {
 	display: none;
}

a.commentLink {
 	font-family: Arial, sans-serif;
	 font-size: .9em;
}

.highlight {
	background-color: #ffea08;
}

.infohead {
	margin-bottom: 4px;
	padding-bottom: 2px;
	font-size: 13px;
	padding-left: 2px;
	padding-top: 2px;
	background-color: #e1e7f1;
	color: #2b3d29;
	border-width: 1px;
	border-color: #afc3dc;
	border-style: dotted;
}

.quote blockquote{
  background: transparent url(http://www.basenotes.net/images/design/lquote.gif) left top no-repeat;
}
.quote blockquote div{
  padding: 0 48px;
  background: transparent url(http://www.basenotes.net/images/design/rquote.gif) right bottom no-repeat;
}
.profile img{
	border-color: black;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	margin: 4px;
	background-color: white;
}
.mavatar{
	border-width: 1px;
	min-width: 90px;
	width: 90px;
	background-color: #dcdcdc;
	background-image: url(../images/design/mavatar.png);
}

.sidepicart
{

	margin-left: 5px;

}