﻿.ratingStar
{
	white-space:nowrap;
	margin:1em;
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(images/rating/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(images/rating/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(images/rating/ratingStarSaved.png);
}

/* ****************** Gauge ****************** */
.ratingGauge
{
	white-space:nowrap;
    font-size: 0pt;
	width:122px;
	height:12px;
	padding:1px 0 1px 1px;
	margin:1em;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(images/rating/ratingGauge.png);
}
.ratingGauge .ratingItem {
    font-size:0pt;
    width:20px;
    height:8px;
    margin:0;
    padding:0;
    display:block;
    background-repeat: repeat-x;
	cursor:e-resize;
}
.ratingGauge .Filled {
    background-color:transparent;
}
.ratingGauge .Empty {
    background-color:#ff0;
}
.ratingGauge .Saved {
    background-color:#f00;
}

/* ****************** Thermometer ****************** */
.ratingThermometer 
{
	white-space:nowrap;
	width:220px;
	height:0px;
	padding:26px 20px 20px 16px;
	margin:1em;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(images/rating/ratingThermometer2.png);
}
.ratingThermometer .ratingItem {
    font-size: 0pt;
    width: 10px;
    height: 8px;
    margin: 0;
    padding: 0;
    display: block;
    background-repeat: repeat-x;
	cursor:e-resize;
}
.ratingThermometer .Filled {
    background-image: url(images/rating/ratingFilled.png);
}
.ratingThermometer .Empty {
    background-image: url(images/rating/ratingEmpty.png);
}
.ratingThermometer .Saved {
    background-image: url(images/rating/ratingSaved.png);
}

html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:smaller;
}

.menu 
{
	border: solid 1px black;
}

.staticMenuItem 
{
	color: Black;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}

.dynamicMenuItem 
{
	color: Black;
}

.selectedMenuItem 
{
	color: White;
	background-color: Gray;
}
.menuItemHover
{
	color: White;
	background-color: Blue;
}


h1 img {
	display: block;
}
img {
	border: 1;
	color: #b9b09d;
}
a {
	color: #ff9900;
	text-decoration:none;

}

a:hover {
	color: #ff9900;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background:  #d2c8b3;
	font: 11px verdana, arial, sans-serif;
	color: #695F4C;
	padding-bottom: 10px;
}

/** layout **/
#wrapper {
  text-align: left;
  margin: 0px auto;
  width: 95%;
  background: #d2c8b3;
  position: relative;
}

#header {
  background: #78cbd9 ;
  background-image: url(images/headerbg.jpg);
  height: 160px;
}
#member {
  position: absolute;
  top: 10px;
  right: 20px;
  height: 80px;
    color: #452d1e;
}
#member-log { 
  height: 80px;
  color: #452d1e;
}


#member h1 {
  float: right;
  font: bold 10px "verdana", arial, sans-serif;
  color: #ffffff;
}
#member p {
  margin: 5;
  font-weight: bold;
}

#cart {
  float: right;
  top: 40px;
  height: 40px;
  background: #5cc8f1;
}
#cart-cart {
  padding: 50px;
  color: #452d1e;
}

#cart a {
  font: bold 12px "verdana", arial, sans-serif;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  color: #fff;
}
#cart h1 {
  font: bold 12px "verdana", arial, sans-serif;
  padding: 5px 5px 5px 5px;
  color: #ffffff;
}
#cart p {
  margin: 5;
  font-weight: bold;
}
#nav {
  position: absolute;
  top: 126px;
  left: 195px;
  padding: 9px 0;
  text-align: left;
}
#nav li {
  list-style: none;
  display: inline;
  color: #452d1e;
}
#nav a {
  text-decoration: none;
  color: #452d1e;
}
#gallery {
  position: absolute;
  top: 10px;
  left: 240px;
}

#gallery li {
  list-style: none;
  text-indent: -999px;
  float: left;
  overflow: hidden;
  height: 120px;
}

#body {
  padding-top: 3px;
  background-color:#FFF;
}

#categories h2 {
  color: #fff;
  padding: 4px 0 5px 39px;
  background: #715E52 left url(images/bullet3.gif) no-repeat;
}

#categories h3 {
  color: #fff;
  padding: 4px 0 5px 39px;
  background: #715E52 left url(images/bullet3.gif) no-repeat;
}

#categories categoriesbottondiv {
  background: #715E52 left url(images/bullet3.gif) no-repeat;
}

#categories li {
  background: #E7E0D2 left url(images/bullet2.gif);
  list-style: none;
  font-size: 12px;
  padding: 7px 0 8px 30px;
}

#categories a {
  text-decoration: none;
  color: #452d1e;
}

#categories a:hover {
  background: #715E52;
  color: #ffffff;
}

#seasonal, #collection {
  left: 320px;
  background: #ffffff;
  margin-bottom: 2px;
  margin-left: 20px;
  height: 250px;
}
#seasonal .inner, #collection .inner {
  padding: 6px 12px;
  height: 250px;
}
#seasonal p, #collection p {
  margin: 0.9em 0;
}

.more a {
  font-size: 12px;
  color: #ff9900;
  text-decoration: none;
}
.more a:hover {
  text-decoration: underline;
}

h3 {
  font: bold 14px "verdana", arial, sans-serif; 
  color: #1B1812;
}

h2 {
  font: 18px "verdana", arial, sans-serif; 
  color: #695F4C;
  padding: 0px 10px 12px 0px;
}

#collection {
  background: #FFFFFF bottom right url(images/person_bg.jpg) no-repeat;
}
#minigal {
  float: right;
  margin-top: 1em;
  margin-bottom: 1em;
}
#minigal div {
  float: left;
  margin: 6px;
}
#collection ul {
  margin-left: 12px;
}
#collection li {
  margin: 12px;
  color: #463F32;
  font-size: 12px;
  font-family: "verdana", arial, sans-serif;
}
#collection p {
  margin-left: 12px;
}
#page {
  font: 10px "verdana", arial, sans-serif; 
  color: #95f4c0;
  left: 20px;
}

#seas, #seas-one, #seas-two, #seas-three, #seas-four{
  background: #5cc8f1 url(images/brownbar.gif);
}

#seas-one {
  float: left;
  padding: 15px;
}
#seas-two {
  float: left;
  padding: 10px;
}
#seas-three {
  float: left;
  padding: 15px;
}
#seas-four {
  float: left;
  padding: 15px;
}
#seas p {
  text-align: center;
  color: #452d1e;
  margin: 20px 15px 10px  0;
  font-size: 12px;
}
#seas a {
  text-align: center;
  color: #452d1e;
  margin: 15px 15px 10px 3px;
  font-size: 12px;
 }
#seas p.date {
  margin-top: 0;
  font-size: 10px;
}
#footer {
  background: #d2c8b3;
  float: right;
  text-align: center;
  font-size: 10px;
}
#footer li {
  list-style: none;
  display: inline;
  color: #ffffff;
}
#footer a {
  text-decoration: none;
  color: #ffffff;
}
#copyright {
  text-align: center;
  font-size: 9px;
  padding: 3px;
}
/** category main **/
#cata {
  margin-left: 5px; 
  background: #ffffff;
  margin-bottom: 2px;
}

.more a {
  font-size: 12px;
  color: #0578a3;
  text-decoration: none;
}
.more a:hover {
  text-decoration: underline;
}

h3 {
  font: bold 14px "verdana", arial, sans-serif; 
  color: #1B1812;
}

h2 {
  font: 18px "verdana", arial, sans-serif; 
  color: #695F4C;
  padding: 0px 10px 12px 0px;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    color: #65738E;
    font-size: 8pt;
    padding-bottom: 5px;
    font-weight:bold;
}
.style1
{
    background-color: #66FF66;
}
.style2
{
    color: #000000;
}

.font_size6 {	
    FONT-SIZE: 15px;	
    COLOR: #000000;
} 
.font_size3 {	
    FONT-SIZE: 14px;	
    COLOR: #000000;
}

.pnlPop
{
	background-color: #faf9f4;
	font-family: Tahoma, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
	padding: 5px;
}

.heading
{
	font-family: Tahoma, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 18px;
	padding-left: 0px;	
}

.modalBackground {
    background-color:#414141;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.adddatatext { 
	width: 292px; 
	border: 0;
	background: #FFF url(images/input.gif) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}
.adddatabtn {
	background: #E0691A url(images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}
