/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/

body {
	background-image:url(../images/bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#BFC7AA;
	margin:0;
	padding:0;
	}

#contentcontainer {
	width:750px;
	margin:0 auto;
	padding:25px 0px;
	background-color:#ffffff;
	clear:both;
	}
#content {
	width:660px;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	}

#logocontainer {
	width:750px;
	margin:0 auto;
	padding:0;
	}

/* --- TEXT STYLES --- */
p { font:12px/18px Arial, Helvetica, sans-serif; color:#000000; margin:0; margin-bottom:20px; padding:0; }
td,th { font:12px/18px Arial, Helvetica, sans-serif; color:#000000; margin:0; padding:0; }


/* --- HEADING STYLES --- */
h1 {font:18px Arial, Helvetica, sans-serif; color:#003366; font-weight:normal; margin-bottom:20px; padding:0;}
h2 {font:12px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:0; padding:0;}
h3 {font:12px Arial, Helvetica, sans-serif; color:#3399CC; font-weight:bold; margin:0; padding:0;}


/* --- LIST STYLES --- */
ul {
	margin:0;
	padding:0;
	}
li {
	margin:0;
	margin-left:15px;
	padding:0;
	}


ul.arrow {
	padding:0;
	margin:0;
	margin-bottom:20px;
	}
ul.arrow li {
	padding:0px 0px 3px 8px;
	margin:0;
	list-style-type:none;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0em .5em;
	}
ul.arrow li a {
	font:12px Arial, Helvetica, sans-serif;
	color:#669900;
	font-weight:normal;
	padding:0;
	margin:0;
	}
ul.arrow li a:link, ul.arrow li a:visited, ul.arrow li a:active {
	text-decoration:none;
	}
ul.arrow li a:hover {
	color:#336600;
	text-decoration:underline;
	}


ul.arrow li.indent1 {
	margin-left:15px;
	}



/* --- LINK STYLES --- */
a {font:12px Arial, Helvetica, sans-serif; color:#ff0000; font-weight:normal; padding:0; margin:0;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {color:#ff0000; text-decoration:underline;}

.star2 {
	padding:0px 0px 0px 15px;
	margin:0;
	list-style-type:none;
	background-image:url(../images/star.gif);
	background-repeat:no-repeat;
	background-position:0em .1em;
	}


/* ---------------------------- */
/* ---------- TOP NAV --------- */
/* ---------------------------- */
#topnavcontainer {
	width:750px;
	height:73px;
	background-image:url(../images/bg-topnav.gif);
	background-repeat:repeat-x;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #fff;
	position:relative;
	}
ul#topnav {
	margin:0;
	padding:43px 0px 0px 17px;
	}
ul#topnav li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	display:inline;
	}
ul#topnav li a {
    position: relative;
    float: left;
    display: inline;
	overflow:hidden;
	text-indent:-5000px;
	margin-right:30px;
	}
a#btn-home {
	width:31px; height:9px;
	background:url(../images/btn-home.gif);
	background-position:0 -9px;
	background-repeat:no-repeat;
	}
a#btn-sitemap {
	width:49px; height:9px;
	background:url(../images/btn-sitemap.gif);
	background-position:0 -9px;
	background-repeat:no-repeat;
	}
a#btn-salon {
	width:92px; height:9px;
	background:url(../images/btn-salon.gif);
	background-position:0 -9px;
	background-repeat:no-repeat;
	}
a#btn-spa {
	width:76px; height:9px;
	background:url(../images/btn-spa.gif);
	background-position:0 -9px;
	background-repeat:no-repeat;
	}
a#btn-avedaproducts {
	width:96px; height:9px;
	background:url(../images/btn-avedaproducts.gif);
	background-position:0 -9px;
	background-repeat:no-repeat;
	}
a#btn-about {
	width:84px; height:9px;
	background:url(../images/btn-about.gif);
	background-position:0 -9px;
	background-repeat:no-repeat;
	}
a#btn-links {
	width:31px; height:9px;
	background:url(../images/btn-links.gif);
	background-position:0 -9px;
	background-repeat:no-repeat;
	}
ul#topnav li a#btn-contact {
	width:50px; height:9px;
	background:url(../images/btn-contact.gif);
	background-position:0 -9px;
	background-repeat:no-repeat;
	margin-right:0px;
	}
a#btn-home:hover, a#btn-sitemap:hover, a#btn-salon:hover, a#btn-spa:hover, a#btn-avedaproducts:hover, a#btn-about:hover, a#btn-links:hover, ul#topnav li a#btn-contact:hover {
	background-position:0 0;
	}

/* --- ON --- */
a#btn-home-on {
	width:30px; height:9px;
	background:url(../images/btn-home.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	margin-left:65px;
	}
a#btn-kitchenbath-on {
	width:84px; height:9px;
	background:url(../images/btn-kitchen-bath.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	}
a#btn-homefinishings-on {
	width:90px; height:9px;
	background:url(../images/btn-home-finishings.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	}
a#btn-photogallery-on {
	width:85px; height:9px;
	background:url(../images/btn-photo-gallery.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	}
a#btn-rfp-on {
	width:116px; height:9px;
	background:url(../images/btn-rfp.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	}
a#btn-about-on {
	width:52px; height:9px;
	background:url(../images/btn-about.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	}
a#btn-contact-on {
	width:48px; height:9px;
	background:url(../images/btn-contact.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	margin-right:0;
	}

/* Gift Certificate Button */
a.giftCert:link, a.giftCert:visited  {
	background:url(../images/btn-giftcirt.gif) top left no-repeat;
	display:block;
	width:227px;
	height:28px;
	margin:3px 5px 0 0;
	outline:none;
	position:absolute;
	top:3px;
	right:5px;
}
	a.giftCert:hover {
		background:url(../images/btn-giftcirt.gif) bottom left no-repeat;
		outline:none;
	}


/* ---------- CALL TO ACTION BUTTON ---------- */
#calltoaction {
	clear:both;
	position:relative;
	left:610px;
	width:148px;
	height:25px;
	margin:0px 0px 10px 0px;
	padding-top:30px;
	vertical-align:top;
	}
#calltoaction a {
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	}
.btn-cta {
	width:148px; height: 25px;
	background: url(../images/btn-cta.gif);
	background-position:0 -25px;
	background-repeat:no-repeat;
	}
.btn-cta:hover {
	background-position:0 0;
	}



/* -------------------------------*/
/* ------ HOME PAGE STYLES ------ */
/* -------------------------------*/
#hplogomainpiccontainer {
	width:750px;
	margin:0 auto;
	}
#hplogocontainer {
	float:left;
	width:411px;
	height:350px;
	background-color:#ffffff;
	}
#hplogocontainer h1 {
	width:350px;
	margin:0 auto;
	padding:0;
	font:11px/16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	}
#hpmainpiccontainer {
	float:right;
	width:339px;
	height:350px;
	}

#qualitycontainer {
	clear:both;
	background-color:#000000;
	height:75px;
	}

#hpcontentcontainer {
	clear:both;
	margin:0 auto;
	width:750px;
	background-color:#D5E9A0;
	padding:25px 0px;
	}
#hpcontent {
	margin:0 auto;
	padding-left:150px;
	width:450px;
	}
#hpcontent p {
	font: 12px/18px arial, helvetica, sans-serif;
	font-style:normal;
	color:#000000;
	}



/* ----------------------------- */
/* ------- FOOTER STYLES ------- */
/* ----------------------------- */
#footercontainer {
	clear:both;
	width:750px;
	margin:0 auto;
	padding:20px 0px 20px 0px;
	background-color:#A4BE60;
	border-top:1px solid #ffffff;
	}

#footercontainer p {
	clear:both;
	width:430px;
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:normal;
	margin:0 auto;
	padding:0;
	text-align:center;
	}
#footercontainer a {
	font:12px Arial, Helvetica, sans-serif;
	color:#ffff99;
	font-weight:bold;
	margin:0;
	padding:0;
	}
#footercontainer a:link, #footercontainer a:active, #footercontainer a:visited {
	text-decoration:none;
	}
#footercontainer a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

#getonFooter{
	clear:both;
	width:750px;
	height:33px;
	text-align: center;
   color: #D5E9A0;
	margin:0 auto;
	padding:20px 0px 0px 0px;
	font-size: 9px;
	background-color:#A4BE60;
}

#getonFooter p{
	width: 500px;
	margin: auto;
  color: #D5E9A0;
  font:9px Arial, Helvetica, sans-serif;
}

#getonFooter a, #getonFooter p{
  color: #D5E9A0;
  font:9px Arial, Helvetica, sans-serif;
}

/* ----------------------------------- */
/* --- COPYRIGHT & POLICIES STYLES --- */
/* ----------------------------------- */
#copyrightcontainer {
	clear:both;
	width:750px;
	height:33px;
	margin:0 auto;
	padding:20px 0px 0px 0px;
	background-color:#A4BE60;
	}
#copyrightcontainer p.copyright {
	width:500px;
	font:10px Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:normal;
	margin:0 auto;
	padding:0;
	text-align:center
	}
#copyrightcontainer a {
	font:10px Arial, Helvetica, sans-serif;
	color:#ffff99;
	font-weight:normal;
	margin:0;
	padding:0;
	}
#copyrightcontainer a:link, #copyrightcontainer a:active, #copyrightcontainer a:visited {
	text-decoration:none;
	}
#copyrightcontainer a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

/* -------------------------------*/
/* --------- MISC STYLES -------- */
/* -------------------------------*/
img { border:0; padding:0; margin:0; display:block; }
.inline { display:inline; }
.titletext { margin:10px 0px 30px 0px; }
.dashline { border-top:1px dashed #cccccc; padding:20px 0px 0px 0px; }

/* --- OLD STYLES --- */

a:link, a:active, a:visited {
  color: #993333;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: underline;
}

a:hover {
  color: #FF3333;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: underline;
}

/* -------- INTERCHANGE STYLES ---------- */

a.barlink:link, a.barlink:active, a.barlink:visited {
  color: #8A9B5E;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

a.barlink:hover {
  color: #0099CC;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: underline;
}

.maincontent {
  background-color: #FFFFFF;
  color: #000000;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 5px;
}

.contentbar1 {
  background-color: #B9D17A;
  color: #000000;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 5px;
}

.resultItem{
	border-top: 1px solid #D5E9A0;
	border-right: 1px solid #D5E9A0;
	margin: 5px;
	height: 164px;
	width: 95%;
}

.maincontent-link{
	height: 4em;
	vertical-align: top;
}

.maincontent-image{
	vertical-align: top;
}

.contentbar2 {
  background-color: #D5E9A0;
  color: #000000;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 5px;
}

.categorybar {
  background-color: #FFFFFF;
  color: 11px #669933;
  font: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

#categoryList{
	list-style: none;
}

#categoryList li{
	/*border-bottom: 1px solid #D5E9A0;*/
	border-bottom: 1px solid #EBF4D2;
}

.button1 {
	background-color: #B9D17A;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px outset #D5E9A0;
}
.button2 {
	background-color: #D5E9A0;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px outset #D5E9A0;
}
.checkoutbutton {
	background-image:url(/images/checkout-bg.gif);	
	background-color: #7794C0;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px outset #7794C0;
}
.recalcbutton {
	background-color: #990000;
	color: #CCCCCC;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px outset #990000;
}
