﻿/* DO NOT CHANGE THIS STYLE SHEET WITHOUT CHANGING THE US and CA ones */

/* CUSTOM CLASSES */
blockquote.factoid {
                /*display: block;*/
                color: #111;
                border-style: solid;
                border-top-width: 4px;
                border-color: #CEB294;
                border-left: none 0;
                border-right: none 0;
                background-color: #EDE2D5;
                margin: 0;
                line-height: 1.3333;
                height: 100%;
                margin-bottom: 2em;
}
 blockquote.factoid img {
    margin-right: 10px;
    float: left;    
 }
 .hide { 
	display:none; 
	visibility:hidden;
}

 blockquote.factoid p { margin: 0.5em; padding-left: 65px;}
 
 blockquote.factoid p.clear {
    clear: both;
    margin: 0 0.5em 1.5em;
    font-weight: bold;
    font-style: normal;
    line-height: 1.25em;
 }
 .fontsizer { float: right;}
 .fontsizer img { margin: 0 0 0 5px; }

#contactForm label { width: 110px; display:block; float:left; text-align: right; margin-right: 0.5em; }
div.optional label { font-weight: normal; }         

.vcenter label { margin-top: 1em; }

.normal { font-weight: normal; }

/*#banner>div>img { 
   margin: 0;
}*/
#content a {text-decoration: none;}
#content a:link, #content a:visited, .link, .link:link, .link:visited{color: #653600;}
#content a:hover, #content a:active, .link:hover, .link:active{color: #d85f26;}
.link {cursor: pointer;}

label { margin: 0.5em 0; padding: 0.5em 0; }
.textbutton { margin-top: 1em; }
#content .newsList ul
{
   list-style-type: none;
   list-style: circle url("/css/styleimages/list-gt.gif");
}

ul#searchresults
{
   list-style: circle url("/css/styleimages/list-circle-light.gif");
}
/*.newsList ul li:before {
	content: "\003E \0020";
}*/



dl.faq dt, dl.faq dd { padding: 10px;}
dl.faq dd { margin-left: 0;}

dt.selected, dd.selected{ background-color: #ede2d5; }
dd.selected {  color: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.over, .over a, .selected { color: #d85f26; }

#content .noleftpadding { padding-left: 0; }

/************* HOVER LIST *****************/
.hoverList a, .linkList a { text-decoration: none; }
.hoverList ul, linkList ul {  list-style-type: none;}
.hoverList li {
   margin-left: -1.5em;
   padding-left: 1.5em;   
   line-height: 1;
   margin-bottom: .5em;
}
.hoverList li a 
{
   font-size: 1.2em;
   margin-bottom: 0;
}
.hoverList a
{
   font-size: 1.5em;
   margin-bottom: 1em;
}
.hoverList li.over, .hoverList li.selected 
{
   background-image: url("/css/styleimages/list-marker.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

/************* END HOVER LIST *****************/

#body {
  background-color: #CEB294;
}

#content {
  background: #fff;
}


dl.productlist {
  padding: 0 0.75em;
}

dl.productlist a {
    display: block;
}

/* Required for CSS Equal height content columns*/
.inner {float: left; overflow: hidden;} /* must be floated so overflow is hidden */
/* 2000px value is arbitrary.  should be the largest difference in column values */
.inner #content .column { padding-bottom: 2000px; margin-bottom: -2000px;  } 
/* End of Equal height columns*/

/* GLOBAL BLUEPRINT OVERRIDES */

h1, h2 
{ font-weight: bold; }

h1 {
  font-size: 1.6666em; /* 20pt */ /*2em;*/
  margin-bottom: 0.9em; /* 18px */
  line-height: 0.9;     /* 18pt */
  color: #75af35; /* green */
}

.homePage h1 {
   color: #643700; 
}

h2, h1.sub, h3, .sub h1 { /* h3 is same as h2 but not bold */
   font-size: 1.3333em;
   line-height: 1.125;
   margin-bottom: 1.125em;
   color: #653600;
}

h1.sub 
{
	font-size: 1.3333em;
	line-height: 1.125;
	}


h4 {
   font-weight: bold;
}
.productdetails h5  {
   color: #75af35; font-weight: bold; 
}

.error {
  padding: 0.75em;
}
.notice {
  padding: 0.75;
}

/* This is to line it up with Textboxes which also have 5px padding */
.search label {
  padding-top: 0.5em;
  margin-right: 0.5em;
}
.search .text {
  width: 60%;
  margin-top: 0;
  margin-bottom: 8px; /* 0.6666em */
  margin-right: 0.5em;
  border-color: #CEB294;
}
input.text:focus { background: #fff; }
fieldset textarea.text, fieldset input.text { background-color: #EDE2D5; }
textarea.text, input.text, fieldset{  border-color: #CEB294; color: #653600; }

.search hr.space {
  color: #ede2d5;
}

.video { margin-right: 1em; }





#footer {
    background: #CEB294;
    height: 1.5em;
    padding-top: .75em;
    padding-bottom: .75em;
    color: #653600;
}
#footer strong a {
  padding-left: 25px;
}


/**************** TYPOGRAPHY OVERRIDES ******************/
.container p+p {
  text-indent: 0;  
  margin-top: 0;
}
.container em {
  background-color: transparent;
}
.search a.button
{
   color: #653600;
   border: 0px;
   margin-top: 1px; /* compensates for lack of border */
   background: transparent url("/css/styleimages/button-triangle.png") no-repeat top left;
}

/**************** CONTENT AREA **************************/
div.box {
  background-color: #fff;
}

div.shaded, hr.shaded, .shaded{
  background-color: #ede2d5
}

#banner, #subContent { 
/*  background-color: #ede2d5;*/
  }

#content #banner {
  padding-top: 0;
}

#content .colborder { /* should add up to 50px*/
  border-right:4px solid #D85F26;
  margin-right:23px;
  padding-right:23px;
}

#content .border {
  margin-right:0;
  padding-right:6px;
  border-right:4px solid;
}
#content .borderall { border-style: solid; border-width: 4px; }
#content .borderleft { border-left-style: solid; border-left-width: 4px; }
#content .borderorange { border-color: #D85F26; }
#content .borderbrown { border-color: #CEB294; }
#content .bordertop { border-top-width: 4px; border-top-style: solid;}
#content .borderbottom { border-bottom-style: solid; border-bottom-width: 4px; }
#content .bordershaded {
  padding-right: 0px;
  margin-right: 6px;
}

/**************** END CONTENT AREA **************************/

#header {
  background: #fff url("/css/styleimages/hh-head-banner.jpg") no-repeat scroll top left;
  height: 120px; /*120px  6px short of mult of 18*/ 
}

/* LISTS*/
ul.nobullet {
  list-style: none none;
  margin: 0;

/*********************** NAVIGATION *******************/
}
#logonav {
    background: #653600 url("/css/styleimages/holista-logo-ca.png") no-repeat left top;
    height: 72px; /* 6em */
    padding-top: 6px;
}

#nav ul  
{
  padding: 18px 0 0 0;
  margin: 0 ; 
}
#nav ul li {
  float: right;
}


#nav li.AspNet-Menu-Selected {
  padding-bottom: 2em; 
  background: transparent url("styleimages/nav-connector.png") center 2.75em no-repeat;
}

#nav li 
{
   display: inline;
   height: 1%;
   float: right;
}

#nav li a 
{
  display: inline; /* -- */
  float: left; /* -- */
  margin: 5px 10px;
  border-bottom: solid 5px #D85F26;
  font-size: 1.3333em;
}

/*\*//*/
   .imagelabel {width: 500px;}
/* */ 

#nav a:link, #nav a:visited {
  color: #CEB294;
  border-bottom-color: #D85F26; /*#1c829a; <- bg color*/
}
#nav a:hover, #nav a:active {
  color: #FFF;
  border-bottom-color: #75af35;
}
#nav a.AspNet-Menu-ChildSelected, #nav a.AspNet-Menu-Selected {
  border-bottom-color: #75af35;
  color: #efefef;
}
  
#subnav {
    background: #75af35;
    height: 3em;
}

#subnav ul { 
  padding: 0;
  margin: 0 auto; 
}
#subnav a 
{
   display: inline;
   float: left;
  margin: 5px 10px 0 10px;
  /*color: #efefef;*/
  font-weight: bold;
  font-size: 1.25em;
}

#subnav a.AspNet-Menu-Selected{
   padding: 0 5px;
}

#subnav a:link, #subnav a:visited { color: #653600; }
#subnav a:hover, #subnav a:active { color: #efefef; }

#subnav a.AspNet-Menu-ChildSelected, #subnav a.AspNet-Menu-Selected {
  color: #efefef;
}

/*********************** END NAVIGATION *******************/

/*********************** FOOTER ***************************/
#footer a
{
   text-decoration: none;
}
#footer a:link, #footer a:visited 
{
   color: #653600;
}
#footer a:hover, #footer a:active 
{
   color: #000;
}
