@charset "UTF-8";
/* CSS Document */

body {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 700px; margin: 20px auto;  color: #333; line-height: 18px;}
h1 {color:#666699; font-size: 11px; text-transform:uppercase; font-weight: normal;}
h2 { font-size: 12px; color: #999; font-weight: bold; }


#wrap {background: white; margin:0 auto; width:700px; border: 1px solid; border-color: #CCB3B3 #A99595 #A99595 #CCB3B3; margin-top: 20px;}

#masthead {width: 700px; height:120px; border-bottom: 1px solid white; margin: 0; padding: 0;}

a {text-decoration: underline; color: #666;}
a:hover {text-decoration: none; color: #333; }
a img {border: none;}

.subhead { color:#666699; font-size: 12px;}
.emphasis { color:#CC0000;}
.Emphasis { color:#CC0000;}
.bold { font-weight:bold;}

.searchheader { background-color:#CCB3B3; color:#FFFFFF; text-transform:uppercase; width: 437px; padding: 5px;}


/* breadcrumbs */

#breadcrumbs {width: 686px; margin: 0; padding: 7px; color: #666; background-color:#E5D9D9; font-size: 11px; border-top: 1px solid white; text-transform:uppercase;}

#breadcrumbs a:link {color: #666; text-decoration:none;}
#breadcrumbs a:active {color: #666; text-decoration:none;}
#breadcrumbs a:visited {color: #666; text-decoration:none;}
#breadcrumbs a:hover {color: #999; text-decoration:underline;}

#breadcrumbs-left {width: 542px; margin: 0; padding: 7px; color: #666; background-color:#E5D9D9; font-size: 11px; float: left; text-transform:uppercase;}
#breadcrumbs-right {width: 130px; margin: 0; padding: 7px; color: #666; background-color:#E5D9D9; font-size: 11px; float:right;}



/* LETS */
.let-shown {}
.let-none { display:none;}
/* SEARCH PRODUCTS */
.srcprod-none {dipslay:none;}
.srcprod-shown {}
/* PRODUCTS */
.prod-hide { display:none;}
.prod-none { display:none;}
.prod-hover  { text-align: left;color:#000000; background-color:#E5D9D9; border-color: black; layer-background-color:#000000; border-width:2 px;
        position:absolute; top:100px; right:50px; overflow:auto; width:300px; padding: 5px;
        z-index:99; }
.prod-inner  { display:block; ; color:#000000; background-color: #FFFFFF; layer-background-color:#000000; font-size:11px;
        z-index:98; padding:10px; }
#search  { width: 700px; color:#000000; position:relative; top:-25px; right:10px; overflow:hidden; z-index:99; }



/* Search Box */

.search { float: right; color: #016445; padding: 0px}	
.click { vertical-align: top;}	



#nav {background: white; color:#FFFFFF; width: 700px; height: 26px; padding: 0 0; list-style:none; margin: 0; border:0; position: relative; z-index:99;}

#nav a {display: block; text-decoration: none; padding: 5px 10px; }
#nav a {color: white;}
#nav a:hover {color: #666;}

#nav li {float: left; padding: 0 0; }

#nav li.home {background: #CCB3B3; width: 116px; border-right: 1px solid white; }
#nav li.about {background: #9091C7; width: 115px; border-right: 1px solid white; }
#nav li.shop {background: #B4B87D; width: 115px; border-right: 1px solid white;}
#nav li.learn {background: #BCBCB0; width: 119px; border-right: 1px solid white;}
#nav li.mood {background: #CCB3B3; width: 115px; border-right: 1px solid white;}
#nav li.news {background: #9091C7; width: 115px; }

#nav li ul {position: absolute; left: -999em; height: auto;	width: 120px; w\idth: 120px; font-weight: normal; background-color:#CCb3b3; margin: 0; list-style:none;}

#nav li ul.shop {background: #9091C7; width: 116px; }

/* dropdown part */

#nav li li {margin-left: 0px;	padding: 0 0 0 0;}

/* 2nd level dropdown part */

#nav li.home ul a {background: #CCB3B3; width: 180px; w\idth: 180px; border-bottom: dotted #FFFFFF 1px; }
#nav li.about ul a {background: #9091C7; width: 120px; w\idth: 120px; border-bottom: dotted #FFFFFF 1px;}
#nav li.shop ul a {background: #B4B87D; width: 160px; w\idth: 160px; border-bottom: dotted #FFFFFF 1px; }
#nav li.learn ul a {background: #BCBCB0; width: 160px; w\idth: 160px; border-bottom: dotted #FFFFFF 1px; }
#nav li.mood ul a {background: #CCB3B3; width: 120px; w\idth: 120px; border-bottom: dotted #FFFFFF 1px; }
#nav li.news ul a {background: #9091C7; width: 160px; w\idth: 160px; border-bottom: dotted #FFFFFF 1px;}

#nav li.about ul ul {background: #CCB3B3; margin: -20px 0 0 120px; }
#nav li.shop ul ul {background: #9091C7; margin: -20px 0 0 140px; }
#nav li.mood ul ul {background: #BCBCB0; margin: -20px 0 0 120px; }
#nav li.learn ul ul {background: #B4B87D; margin: -20px 0 0 160px; }
#nav li.news ul ul {background: #CCB3B3; margin: -20px 0 0 160px; }
#nav li.search ul ul {background: #9091C7; margin: -20px 0 0 180px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{left: -999em; width: 180px; padding: 0 0 0 0;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{left: auto; padding: 0 0 0 0;}

/* CONTENT AREA */

#main {background: white; float:left; width:700px; padding: 0px; margin: 0px; border-top: 1px solid white; }
#mainleft {float:left; width:212px; border: 10px solid white; min-height: 450px; }

#maincenter {border-right: 1px solid #ccb3b3; background: white; float:left; width:214px; padding: 0px 10px; border-left: 1px solid #ccb3b3;  margin: 10px 0px; }
#mainright {background: white; float:right; width:212px; padding: 0px 10px; margin: 10px 0px; }
#maincenterright {background: white; float:right; width:447px; padding: 10px 10px; border-left: 1px solid #ccb3b3; margin: 10px 0px;  min-height: 450px; }



#main p { padding: 0px 20px 10px 10px;}
#main li {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999;}


#OneCol {background: white; float:left; width:700px; padding: 0px; margin: 0px; border-top: 1px solid white; }

#Videos {background: white; width: 450px; margin: 0 auto; text-align:left;}


/* SUBCONTENT */

#subcontent {background: white; width:700px; padding-bottom: 10px;}



/* SUBLINKS */

#sublinks {font-size:11px; width: 700px; margin: 0 auto; clear:both; padding: 0px 0 10px 0; }
#sublinks li {display: inline; border-right: 1px solid #999999; padding-right: 5px; padding-left: 5px;}
#sublinks li.last {border-right: 0;}
#sublinks a {color: #333;}
#sublinks a:hover {color: #CCB3B3;}

/* category */

#category {float:left;margin: 10px 10px 10px 10px;}
#nextprev {float:right;margin: 10px 10px 10px 10px; }

#products {display: block; float:left;}
#products table {
	width: 700px;
	padding: 0;
	margin: 0;
}

#products td { vertical-align: top;
    width: 110px;
	background: #fff;
	text-align: center;
	border:none;
}


/* productsPct */

#productsPct {display: block; float:left; align:center; padding: 8px;}
#productsPct table { width: 684px; padding: 0; margin: 0;}
#productsPct td {align:center; vertical-align: top; width:114px; text-align: center; padding-top: 10px;}

/* productsTxt */

#productsTxt {display: block; float:left; align:center; padding: 10px;}
#productsTxt table { width: 680px; padding: 0; margin: 0;}
#productsTxt td {align:left; vertical-align: top; width:160px; text-align: left; padding-left: 10px;}

/* productsBtn */

#productsBtn {display: block; float:left; align:center; padding: 10px;}
#productsBtn table { width: 680px; padding: 0; margin: 0;}
#productsBtn td {align:left; vertical-align: top; width:160px; text-align: left; padding-left: 10px;}



/* letternav */

#letternav {font-size:12px; width: 680px; margin: 0 auto; clear:both; padding: 5px 10px 5px 10px; background: #ccb3b3; text-align: left; text-transform:uppercase; }
#letternav li {display: inline; border-right: 1px solid #999999; padding-right: 5px; padding-left: 5px;}
#letternav li.last {border-right: 0;}
#letternav a {color: white; padding-right: 5px;}
#letternav a:hover {color: #333;}






/* RECIPES */
div.RecipeTitle {color:#666699; font-size: 11px; text-transform:uppercase;}
div.RecipeHeader {color:#666699; font-size: 11px; text-transform:uppercase; margin: 10px 0px; }
div.RecipeCaption {color:#666699; font-size: 11px; text-transform:uppercase;}
div.RecipeContent {background: white; margin-left: 70px;  }
#RecipePict {FLOAT: left; padding: 7px 7px 0px 7px;}


/* Progress */

#progress {width: 700px; height: 20px; background-color: #CCB3B3; clear: both; }


/* BTMBAR */

#btmbar {width: 700px; height: 25px; background-color: #CCB3B3; clear: both; }

/* bottom */

#bottom {font-size:11px; width: 700px; margin: 0 auto; clear:both; padding: 10px 0 10px 0; }
#bottom li {display: inline; border-right: 1px solid #999999; padding-right: 5px; padding-left: 5px;}
#bottom li.last {border-right: 0;}
#bottom a {color: #666666;}
#bottom a:hover {color: #90461E;}

#copyright p {width: 700px; margin: 0 auto; color: #666666; font-size: 9px; text-align:center; margin-top:10px; clear: both;}


#footer {background:#CCB3B3; clear:both; height: 25px;}
#footer p {	padding:5px;	margin:0; }

/* PRODUCT DISPLAY */
.proddisplay-none {display:none;}
.proddisplay {float:left; width: 447px; background-color:#FFFFFF;}
.proddisplay hr {width: 100%; height: 1px; background-color: #CCB3B3; border: 0; }

.proddisplayleft {background: white; float:left; width:90px; padding: 5px; }
.proddisplayright {background: white; float:right; width:337px; padding: 5px 0px; border: 0px;  }
.proddisplayright p {padding: 0px; border: 0px; margin: 0px; line-height: 12px; margin-bottom: 20px; }

.pdetails { height: 22px;  vertical-align: bottom; padding-right: 10px; }
.psize { height: 22px; vertical-align: top;  padding-right: 10px;}
.pform { height: 22px; vertical-align: top; padding-right: 10px; }
.pprice { height: 22px; vertical-align: top; padding-right: 10px; }
.pqty { height: 22px; vertical-align: top; padding-right: 10px; }
.paddtocart { height: 22px; width: 76px; vertical-align: bottom; }





#storelocator {font-family:Arial, Helvetica, sans-serif; font-size:11px; margin: 0 auto; border: 1px solid #cec1bb; color:#333;}
#storelocator caption { margin-top: 1em auto 0; font-size: 13px; font-weight: bold; padding-bottom: 10px;}
#storelocator th { border-bottom: 1px solid #cec1bb; border-right: 1px solid #cec1bb; color:#333; text-align: left; padding: 4px; text-transform:uppercase; }
#storelocator td { border-bottom: 1px solid #cec1bb; border-right: 1px solid #cec1bb; padding: 4px; color:#666; text-align: left; }
#storelocator td.name { text-transform: uppercase;}
#storelocator td.address {background: #E6E0DD; text-transform:capitalize;}
#storelocator td.distance {background: #E6E0DD; text-align:right;}
#storelocator td.brands {background: #E6E0DD;}

#locatorform {width: 652px; background: #E6E0DD; border: 1px solid #cec1bb; padding: 4px; margin: 0 auto; margin-bottom: 20px;}

.isearch-highlight {font-weight: bold; color:#666; }

#screen { margin:0 auto; clear: both; }


/* SEARCH */

.gresult {margin: 0;
  padding: 5px 0 10px 0;
  border-bottom: 1px dotted;
  border-color: #cecece;
  font-size: 11px;
  line-height: 14px;
}
.gtitle {font-family: Arial, Helvetica, sans-serif; color: #666699; font-weight: bold; font-size: 13px; line-height: 16px}
.gtitle a {font-family: Arial, Helvetica, sans-serif; color: #666699;}
.gtitle a:hover {color: #CC6600;}
.gcontext {font-family: Arial, Helvetica, sans-serif; color: #000;}
.gurl {font-family: Arial, Helvetica, sans-serif; color: #666;}
.gurl a {font-family: Arial, Helvetica, sans-serif; color: #666;}
.gurl a:hover {color: #CC6600;}