/* ----------------------------------------------------------------------
   Color Schemes
   ----------------------------------------------------------------------
   Here is how the color shades are used (using green as an example)

   First-level background		#91a657 (lighter)
   First-level bottom border	#82954d (normal)
   First-level hover			#82954d (normal)

   Second-level background		#82954d (normal)
   Second-level hover			#768542 (darker)

   Third-level background		#768542 (darker)
   Third-level hover			#91a657 (lighter)

   * Copy line 157 to 189 to create a new color scheme
	 Do not forget to rename the class name after your color
   ---------------------------------------------------------------------- */

/* --------------------------------------------------
   General Navigation Styles
   -------------------------------------------------- */

div#navigation3m {
color:#ffffff;
clear:both;
float:left;
z-index:99;
font:11px Verdana;
top: 142px;
position: absolute;
min-width: 960px;
}

div#navigation3m a {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
padding-right:14px;
padding-left:15px;

text-align:center;
text-decoration:none;
}

div#navigation3m a.home {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
min-width: 50px;
max-width: 50px;

text-align:center;
text-decoration:none;
}

div#navigation3m a.conditions_treated {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
min-width: 160px;
max-width: 160px;

text-align:center;
text-decoration:none;
}

div#navigation3m a.services {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
min-width: 80px;
max-width: 80px;

text-align:center;
text-decoration:none;
}

div#navigation3m a.photos {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
min-width: 55px;
max-width: 55px;

text-align:center;
text-decoration:none;
}

div#navigation3m a.price_list {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
min-width: 90px;
max-width: 90px;

text-align:center;
text-decoration:none;
}

div#navigation3m a.about {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
min-width: 65px;
max-width: 65px;

text-align:center;
text-decoration:none;
}

div#navigation3m a.location {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
min-width: 70px;
max-width: 70px;

text-align:center;
text-decoration:none;
}

div#navigation3m a.contact {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
min-width: 60px;
max-width: 60px;

text-align:center;
text-decoration:none;
}

div#navigation3m a.shop {
color:#ffffff;
display:block;
padding-top:12px;
padding-bottom:12px;
min-width: 69px;
max-width: 69px;

text-align:center;
text-decoration:none;
}




/* --------------------------------------------------
   Submenu (has_sub) Character
   -------------------------------------------------- */

div#navigation3m li.has_sub a:after {
content:" +";
}

div#navigation3m li.has_sub li a:after {
content:none;
}

div#navigation3m ul ul li.has_sub a:after {
content:" +";
float:right;
}

div#navigation3m ul ul li.has_sub li a:after {
content:none;
}

/* --------------------------------------------------
   First-Level
   -------------------------------------------------- */

div#navigation3m ul {
list-style-type:none;
margin:0 auto;
padding:0;
}

div#navigation3m ul li {
float:left;
font-size:13px;
font-weight:bold;
padding:0;
position:relative;
}

div#navigation3m ul li + li {
margin:0;
}

/* --------------------------------------------------
   Second-Level
   -------------------------------------------------- */

div#navigation3m ul li:hover > ul {
display:block;
}

div#navigation3m ul ul {
display:none;
float:left;
left:0;
position:absolute;
z-index:999;
}

div#navigation3m ul ul a {
border:0;
font-size:11px;
font-weight:normal;
padding:8px 12px;
text-align:left;
}

div#navigation3m ul ul li {
min-width:220px; /* Second-level items minimum width; optional, but recommended */
}

div#navigation3m ul ul li + li {
margin:0;
}

/* --------------------------------------------------
   Third-Level
   -------------------------------------------------- */

div#navigation3m ul ul ul {
left:100%;
top:0;
}

div#navigation3m ul ul ul :hover > a {
color:#ffffff !important;
}

div#navigation3m ul ul ul a {
font-weight:normal;
height:auto;
padding:8px 12px;
text-align:left;
}

div#navigation3m ul ul ul li {
min-width:220px; /* Third-level items minimum width; optional, but recommended. Remove if same width as second-level */
}

/* --------------------------------------------------
   Color Schemes
   -------------------------------------------------- */

.brown a {
background:#9dc0d7;
border-bottom:6px solid #81abc6;
}

.brown li:hover > a,
li.brown:hover > a {
background:#b1ccdd;
}

.brown ul ul :hover > a {
background:#b1ccdd;
}

.brown ul ul a {
background:#9dc0d7;
}

.brown ul ul ul :hover > a {
background:#b1ccdd !important;
}

.brown ul ul ul a {
background:#b1ccdd !important;
}

.brown ul ul ul a:hover {
background:#887864 !important;
}

/* --------------------------------------------------
   Color Schemes - shop 1
   -------------------------------------------------- */

.shop_1 a {
background:#7c93ad;
border-bottom:6px solid #81abc6;
}

.shop_1 li:hover > a,
li.shop_1:hover > a {
background:#b1ccdd;
}

.shop_1 ul ul :hover > a {
background:#b1ccdd;
}

.shop_1 ul ul a {
background:#9dc0d7;
}

.shop_1 ul ul ul :hover > a {
background:#b1ccdd !important;
}

.shop_1 ul ul ul a {
background:#b1ccdd !important;
}

.shop_1 ul ul ul a:hover {
background:#887864 !important;
}