/* $Id: zotos.css,v 1.14.2.6 2009/11/05 11:03:32 johnalbin Exp $ */

/*
 * zotos STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zotos/zotos.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See thehttp://dev.baindeterre.com/
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of zotos's drupal6-reference.css file
 *   Forum            See line 197 of zotos's drupal6-reference.css file
 *   Menus            See line 667 of zotos's drupal6-reference.css file
 *   News Aggregator  See line 20  of zotos's drupal6-reference.css file
 *   Polls            See line 287 of zotos's drupal6-reference.css file
 *   Search           See line 320 of zotos's drupal6-reference.css file
 *   User Profiles    See line 945 of zotos's drupal6-reference.css file
 */


/** body **/
  body
  {
    margin: 0;
   /* padding: 10px; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:92.5%;
	color:#000;
	background-color:#27120b;
  }

  #page
  {
	  
  }

  #page-inner
  {
  }

/** header **/
  #header
  {
	  
  }

  #header-inner
  {
	  
  }

  #logo-title /* Wrapper for logo, website name, and slogan */
  {
  }

  #logo /* Wrapper for logo */
  {
    margin: 0 10px 0 0;
    padding: 0;
  }

  #logo-image /* The actual logo image */
  {
  }

  h1#site-name, div#site-name /* The name of the website */
  {
    margin: 0;
    font-size: 2em;
    line-height: 1.3em;
  }

  #site-name a:link,
  #site-name a:visited
  {
    color: #000;
    text-decoration: none;
  }

  #site-name a:hover
  {
  color: #000;
    text-decoration: underline;
  }

  #site-slogan /* The slogan (or tagline) of a website */
  {
  }

  #header-blocks /* Wrapper for any blocks placed in the header region */
  {
  }

/** main (container for everything else) **/
  #main
  {
  }

  #main-inner
  {
	  background-color:#fff;
  }

/** content **/
  #content
  {
 
  }

  #content-inner
  {
 
  }

  #mission /* The mission statement of the site (displayed on homepage) */
  {
  }

  #content-top /* Wrapper for any blocks placed in the "content top" region */
  {
  }

  #content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */
  {
  }

  .breadcrumb /* The path to the current page in the form of a list of links */
  {
    padding-bottom: 0; /* Undo system.css */
  }

  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */
  {
    margin: 0;
  }

  div.messages /* Important messages (status, warning, and error) for the user */
  {
  }

  div.status /* Normal priority messages */
  {
  }

  div.warning, tr.warning /* Medium priority messages */
  {
    /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
  }

  div.error, tr.error /* High priority messages. See also the .error declaration below. */
  {
  }

  div.tabs /* See also the tabs.css file. */
  {
  }

  .help /* Help text on a page */
  {
    margin: 1em 0;
  }

  .more-help-link /* Link to more help */
  {
    font-size: 0.85em;
    text-align: right;
  }

  #content-area /* Wrapper for the actual page content */
  {
width:700px;

margin-top:10px;
margin-left:25px;
 /* border-top:1px solid #b7b7b7;
    border-left:1px solid #b7b7b7; */
	/*padding-top:20px; */


  }

  ul.links /* List of links */
  {
    margin: 1em 0;
    padding: 0;
  }

  ul.links.inline
  {
    margin: 0;
    display: inline;
  }

  ul.links li
  {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
  }

  .pager /* A list of page numbers when more than 1 page of content is available */
  {
    clear: both;
    margin: 1em 0;
    text-align: center;
  }

  .pager a, .pager strong.pager-current
  {
    padding: 0.5em;
  }

  .feed-icons /* The links to the RSS or Atom feeds for the current list of content */
  {
    margin: 1em 0;
  }

  #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */
  {
  }

/** navbar **/
  #navbar
  {
  }

  #navbar-inner
  {
  }

  #search-box /* Wrapper for the search form */
  {
  }

  #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
  {
    display: none;
  }

  #primary /* Primary links */
  {
  }

  #secondary /* Secondary links */
  {
  }

/** sidebar-left **/
  #sidebar-left
  {
  }

  #sidebar-left-inner
  {
  }

/** sidebar-right **/
  #sidebar-right
  {
  }

  #sidebar-right-inner
  {
  }

/** footer **/
  #footer
  {
  }

  #footer-inner
  {
  }

  #footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */
  {
  }

/** closure **/
  #closure-blocks /* Wrapper for any blocks placed in the closure region */
  {
  }

/** Drupal nodes **/
  .node /* Node wrapper */
  {
  }

  .node-inner /* Additional wrapper for node */
  {
  }

 .node-inner920 /* Additional wrapper for node */
  {
  padding:10px;
  border:1px #666666 solid;
  }
  .sticky /* A sticky node (displayed before others in a list) */
  {
  }

  .node-unpublished /* Unpublished nodes */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished
  {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; /* A very nice CSS3 property */
	
  }

  .node-mine /* A node created by the current user */
  {
  }

  .node-teaser /* A node displayed as teaser */
  {
  }

  /* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
  .node-type-page /* Page content node */
  {
  }

  .node-type-story /* Story content node */
  {
  }

  .node h2.title /* Node title */
  {
  }

  .marker /* "New" or "Updated" marker for content that is new or updated for the current user */
  {
    color: #c00;
  }

  .node .picture /* The picture of the node author */
  {
  }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture
  {
    position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
  }

  .node .meta /* Wrapper for submitted and terms data */
  {
  }

  .node .submitted /* The "posted by" information */
  {
	display: none;
  }

  .node .terms /* Node terms (taxonomy) */
  {
  }

  .node .content /* Node's content wrapper */
  {
  }

  .node ul.links /* Node links. See also the ul.links declaration above. */
  {
  }

  .preview .node /* Preview of the content before submitting new or updated content */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal comments **/
  #comments /* Wrapper for the list of comments and its title */
  {
    margin: 1em 0;
  }

  #comments-title /* Heading for the list of comments */
  {
  }

  .comment /* Wrapper for a single comment */
  {
  }

  .comment-inner /* Additional wrapper for a single comment */
  {
  }

  .comment-preview /* Preview of the comment before submitting new or updated comment */
  {
  }

  .comment.new /* A new comment since the user last viewed the page. */
  {
  }

  .comment.odd /* An odd-numbered comment in the list of comments */
  {
  }

  .comment.even /* An even-numbered comment in the list of comments */
  {
  }

  .comment.first /* The first comment in the list of comments */
  {
  }

  .comment.last /* The last comment in the list of comments */
  {
  }

  .comment-unpublished /* Unpublished comments */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .comment-unpublished div.unpublished /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
  {
  }

  .comment-published /* Published comments */
  {
  }

  .comment-by-anon /* A comment created by an anonymous user */
  {
  }

  .comment-by-author /* A comment created by the node's author */
  {
  }

  .comment-mine /* A comment created by the current user */
  {
  }

  .comment h3.title /* Comment title */
  {
  }

  .new /* "New" marker for comments that are new for the current user */
  {
    color: #c00;
  }

  .comment .picture /* The picture of the comment author */
  {
  }

  .comment .submitted /* The "posted by" information */
  {
  }

  .comment .content /* Comment's content wrapper */
  {
  }

  .comment .user-signature /* The user's signature */
  {
  }

  .comment ul.links /* Comment links. See also the ul.links declaration above. */
  {
    margin: 1em 0;
  }

  .indented /* Nested comments are indented */
  {
    /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
  }

  .preview .comment /* Preview of the comment before submitting new or updated comment */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    /* margin-bottom: 1em; */
  }

  .block.region-odd /* Zebra striping for each block in the region */
  {
  }

  .block.region-even /* Zebra striping for each block in the region */
  {
  }

  .block.odd /* Zebra striping independent of each region */
  {
  }

  .block.even /* Zebra striping independent of each region */
  {
  }

  .region-count-1 /* Incremental count for each block in the region */
  {
  }

  .count-1 /* Incremental count independent of each region */
  {
  }

  .block-inner /* Additional wrapper for block */
  {
  }

  .block h2.title /* Block title */
  {
  }

  .block .content /* Block's content wrapper */
  {
  }

  #block-aggregator-category-1 /* Block for the latest news items in the first category */
  {
  }

  #block-aggregator-feed-1 /* Block for the latest news items in the first feed */
  {
  }

  #block-block-1 /* First administrator-defined block */
  {
  }

  #block-blog-0 /* "Recent blog posts" block */
  {
  }

  #block-book-0 /* "Book navigation" block for the current book's table of contents */
  {
  }

  #block-comment-0 /* "Recent comments" block */
  {
  }

  #block-forum-0 /* "Active forum topics" block */
  {
  }

  #block-forum-1 /* "New forum topics" block */
  {
  }

  #block-menu-primary-links /* "Primary links" block */
  {
  }

  #block-menu-secondary-links /* "Secondary links" block */
  {
  }

  #block-node-0 /* "Syndicate" block for primary RSS feed */
  {
  }

  #block-poll-0 /* "Most recent poll" block */
  {
  }

  #block-profile-0 /* "Author information" block for the profile of the page's author */
  {
  }

  #block-search-0 /* "Search form" block */
  {
  }

  #block-statistics-0 /* "Popular content" block */
  {
  }

  #block-user-0 /* "User login form" block */
  {
  }

  #block-user-1 /* "Navigation" block for Drupal navigation menu */
  {
  }

  #block-user-2 /* "Who's new" block for a list of the newest users */
  {
  }

  #block-user-3 /* "Who's online" block for a list of the online users */
  {
  }

/** Drupal boxes **/
  /* Wrapper for Comment form, Comment viewing options, Menu admin, and
   * Search results.
   */
  .box /* Wrapper for box */
  {
  }

  .box-inner /* Additional wrapper for box */
  {
  }

  .box h2.title /* Box title */
  {
  }

  .box .content /* Box's content wrapper */
  {
  }

/** Miscellaneous Drupal styles **/
  .error /* Errors that are separate from div.messages status messages (see above.) */
  {
    /* color: #e55; */ /* Drupal core uses a #e55 background */
  }

  .warning /* Warnings that are separate from div.messages status messages (see above.) */
  {
    /* color: #e09010; */ /* Drupal core uses a #e09010 background */
  }

  .more-link /* Aggregator, blog, and forum more link */
  {
    text-align: right;
  }

  #user-login-form /* Drupal's default login form */
  {
    text-align: left;
  }

  tr.even /* Some tables have rows marked even or odd. */
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  tr.odd
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  li a.active /* The active item in a Drupal menu */
  {
    color: #000;
  }


/** Drupal forms **/
  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios
  {
    margin: 1em 0;
  }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error
  {
    border: 2px solid #c00;
  }

  .form-item label /* The label for a form element */
  {
    display: block;
    font-weight: bold;
  }

  .form-item label.option /* The label for a radio button or checkbox */
  {
    display: inline;
    font-weight: normal;
  }

  .form-required /* The part of the label that indicates a required field */
  {
    color: #c00;
  }

  .form-item .description /* The descriptive help text (separate from the label) */
  {
    font-size: 0.85em;
  }

  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item
  {
    margin: 0.4em 0;
  }

  .form-submit /* The submit button */
  {
	/* vertical-align: bottom;*/
	line-height: 0;
  }

  .container-inline div, .container-inline label /* Inline labels and form divs */
  {
    display: inline;
  }

  .tips /* Tips for Drupal's input formats */
  {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
  }

/** OpenID **/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
  #user-login-form ul /* OpenID creates a new ul above the login form's links. */
  {
    margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
  }

  #user-login-form li.openid-link /* The "Log in using OpenID" links. */
  {
    margin-top: 1em;
    margin-left: -20px; /* Un-do some of the padding on the ul list. */
  }

  #user-login-form li.user-link /* The "Cancel OpenID login" links. */
  {
    margin-top: 1em;
  }

  #user-login ul
  {
    margin: 1em 0;
  }

  #user-login li.openid-link, /* The OpenID links on the /user form. */
  #user-login li.user-link
  {
    margin-left: -2em; /* Un-do all of the padding on the ul list. */
  }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody
  {
    border-top: 1px solid #ccc;
  }

  form th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  form tbody th
  {
    border-bottom: 1px solid #ccc;
  }

  form thead th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

/* ---------------------------------- Product Page ------------------------------------ */

.prod_content {

}

.prod_img {
	
	/* width: 305px; */
	padding-right: 20px;
	
}

#prod_details {
	/*originally 320px */
	padding-right: 10px;
	padding-top: 25px; /*originally 40px */
	
}

/* ---------- Product CONTAINERS -----------*/

/*.field-content {
width:220px;
}

.views-field-title {
width:150px;
}


.views-field-image-attach-images {
width:150px;
} */

 .col-1 {
width:230px;
padding-top:10px;
}


.col-3 {
width:230px;
padding-top:10px;
} 

.col-4 {
width:0px;
}

.col-2 {
width:230px;
padding-top:10px;
} 

.row-1 {

 border-bottom:2px solid #000;


}

.row-3 {

 border-top:2px solid #000;


}


.views-view-grid {
width:707px;
margin-left:-20px;
margin-top:-5px;
margin-bottom:50px;

}



.row-2 {

/* border-top:1px solid #b7b7b7;
 border-left: 1px solid #b7b7b7;
 */
}

.row-3 {
/* border-top:1px solid #b7b7b7;
 border-left: 1px solid #b7b7b7;
 */
}

.row-4 {
/* border-top:1px solid #b7b7b7;
 border-left: 1px solid #b7b7b7;
 */
}

.row-5 {
/* border-top:1px solid #999999; */
}

.views-field-view-node {

}
.views-field-phpcode {
margin-top:-7px;
padding-bottom:20px;
}

/* .field-content {
height:120px;
} */

#tabHead {
padding-top:10px;
margin-bottom:-5px;
font-weight:bold;
display:none;
}

/* ---------- bain de terre tabHead & heading color -----------*/

#tabHeadPeach {
padding-top:20px;
padding-bottom:5px;
margin-bottom:-5px;
color:#000;
font-size:1.25em;
display:none;

}



.bdt-pink
{
color:#000;
font-weight:bold;
}

.bdt-pinkUpper
{
color:#000;
text-transform:uppercase;
font-size:90%;
}


a.bdt-pink:link  {
text-decoration:none;
color:#000;
}

a.bdt-pink:visited{
text-decoration:none;
color:#000;
}

a.bdt-pink:hover  {
text-decoration:underline;
color:#000;
}


a.bdt-pink:active {
text-decoration:none;
color:#000;
}



#tabHeadPink {
padding-top:20px;
padding-bottom:5px;
margin-bottom:-5px;
color:#000;
font-size:1.25em;
display:none;

}

.bdt-daylily
{
color:#000;
}

a.bdt-daylily:link  {
text-decoration:none;
color:#000;
}

a.bdt-daylily:visited{
text-decoration:none;
color:#000;
}

a.bdt-daylily:hover  {
text-decoration:underline;
color:#000;
}


a.bdt-daylily:active {
text-decoration:none;
color:#000;
}




#tabHeaddaylily {
padding-top:20px;
padding-bottom:5px;
margin-bottom:-5px;
color:#000;
font-size:1.25em;
display:none;
}

.bdt-greenmeadow
{
color:#000;
}

a.bdt-greenmeadow:link  {
text-decoration:none;
color:#000;
}

a.bdt-greenmeadow:visited{
text-decoration:none;
color:#000;
}

a.bdt-greenmeadow:hover  {
text-decoration:underline;
color:#000;
}


a.bdt-greenmeadow:active {
text-decoration:none;
color:#000;
}


#ingredients {
	/*font-size:11px;*/
}

#tabset-tab-5 {  /* controls ingredients tab font-size*/

	/*font-size:12px;*/
}
	
#tabHeadgreenmeadow {
padding-top:20px;
padding-bottom:5px;
margin-bottom:-5px;
color:#000;
font-size:1.25em;
/*text-transform:capitalize;*/
display:none;
}


.bdt-jasmine1
{
color:#000;
font-size:11px;
font-weight:bold;
}

a.bdt-jasmine1:link  {
text-decoration:none;
color:#000;

}

a.bdt-jasmine1:visited{
text-decoration:none;
color:#000;
}

a.bdt-jasmine1:hover  {
text-decoration:underline;
color:#000;
}


a.bdt-jasmine1:active {
text-decoration:none;
color:#000;
}



#tabHeadjasmine1 {
padding-top:20px;
padding-bottom:5px;
margin-bottom:-5px;
color:#000;
font-size:1.25em;
display:none;
}


.bdt-lemongrass
{
color:#000;
}


a.bdt-lemongrass:link  {
text-decoration:none;
color:#000;
}

a.bdt-lemongrass:visited{
text-decoration:none;
color:#000;
}

a.bdt-lemongrass:hover  {
text-decoration:underline;
color:#000000;
}


a.bdt-lemongrass:active {
text-decoration:none;
color:#000;
}


#tabHeadlemongrass {
padding-top:20px;
padding-bottom:5px;
margin-bottom:-5px;
color:#000;
font-size:1.25em;
display:none;
}


.bdt-PassionFlower
{
color:#000;
}

#tabHeadPassionFlower {
padding-top:20px;
padding-bottom:5px;
margin-bottom:-5px;
color:#000;
font-size:1.25em;
display:none;
}

a.bdt-PassionFlower:link  {
text-decoration:none;
color:#000;
}

a.bdt-PassionFlower:visited{
text-decoration:none;
color:#000;
}

a.bdt-PassionFlower:hover  {
text-decoration:underline;
color:#000000;
}


a.bdt-PassionFlower:active {
text-decoration:none;
color:#000;
}


.bdt-styling1
{
/*color:#48182c; */
color:#000;
}


#tabHeadstyling1 {
padding-top:20px;
padding-bottom:5px;
margin-bottom:-5px;
color:#000;
font-size:1.25em;
display:none;
}


.bdt-perms1
{
color:#000;
}


a.bdt-styling1:link  {
text-decoration:none;
color:#000;
}

a.bdt-styling1:visited{
text-decoration:none;
color:#000;
}

a.bdt-styling1:hover  {
text-decoration:underline;
color:#000000;
}


a.bdt-styling1:active {
text-decoration:none;
color:#000;
}

a.bdt-perms1:link  {
text-decoration:none;
color:#000;
}

a.bdt-perms1:visited{
text-decoration:none;
color:#000;
}

a.bdt-perms1:hover  {
text-decoration:underline;
color:#000000;
}


a.bdt-perms1:active {
text-decoration:none;
color:#000;
}


#tabHeadperms1 {
padding-top:20px;
padding-bottom:5px;
margin-bottom:-5px;
color:#000;
font-size:1.25em;
display:none;
}


/* ---------- Product Title Colors -----------*/

.boldTT {
/*font-size:1.25em; */
font-weight:bold;
text-transform:uppercase;
}

.boldT {
font-weight:bold;
text-align:center;

}


#boldT {
font-weight:bold;
}

.te-purple {  /*texture FX */
color:#421d72;
}

.fl-blue {  /* feel so lively */
color:#c74b90;
}

.df-salmon /* Desgin Freedom */
{
color:#c94070;
}


.wg-darkorange /* Warm & Gentle */
{
color:#df3621;
}


.ac-grey /* Acclaim */
{
color:#7b7a80;
}

.ab-black /* Age beautiful */
{
color:#636467;
}

.aa-brown /* Aura */
{
color:#90492d;
}

.vm-pink /* Volumax*/
{
color:#f2732a;
}


.hp-black/* Hemp  - actually Green*/
{
color:#092f22;
}

.hi-yellow/* Hold It - actually Blue */
{
color:#d53981;
}

.bdt-aquamarine/* Bain de Terre */
{
color:#62a0a4;
}


.bdt-gold {
color:#AB8154;
}

.bdt-peach/* Bain de Terre */
{
color:#000;

}

a.bdt-peach:link  {
text-decoration:none;
color:#000;
}

a.bdt-peach:visited{
text-decoration:none;
color:#000;
}

a.bdt-peach:hover  {
text-decoration:underline;
color:#000;

}


a.bdt-peach:active {
text-decoration:none;
color:#000;
}



.bdt-green/* Bain de Terre */
{
color:#000;
}

.bdt-olive {
color:#000;
}


.bdt-lily {
color:#000;
}

.bdt-grey {
color:#000;
}

.na-black /* Nucleaic A */
{
color:#000;
}

.qt-burgundy /* Quantum -actually GREY */
{
color:#000;
}

.qt-purple /* Quantum Thermal Straighteners -actually GREY */
{
color:#000;
}

.bt-black /* Biotera  -actually GREY */
{
color:#000;
}


.ds-acqua /* Diamond Shine */
{
color:#000;
}


.hr-blue /* Hair Rescue  */
{
color:#000;
}


.ht-brown/* Hairtrition - actually GREEN */
{
color:#000;
}



.kp-brown /* KeraPro */
{
color:#634232;
}

.bd-aqua /* Blow Dry Addict */
{
color:#2ba9a4;
}




/* ------------------------- Custom ------------------------- */

#tabs-tabset {
	float: right;
	/* width: 540px;
	padding-right:20px; */
	width: 460px;
	padding-right:80px;
}


.image-attach-body {
	float: left;
	 margin-top:-10px; 
}

/*.product-body {
width: 540px;
	margin-left: 150px;
}
*/
.product-body {
    width: 440px;
	margin-left: 160px;
	padding-right:10px;
	font-size:90%;
	margin-top:40px;
	}
	
.field-items {
width: 400px;
	padding-right:20px;
font-size:90%;

}


#ThickBar {
	width:685px;
 border:#000000 1px solid;
 margin-left:-15px;

}


/* ---------------- Footer -------------------*/


ul.FooterList {
 /* margin-left:0em;
  padding-left:0.2em; */
 /* margin-bottom:1em;*/
  font-size:.85em;
text-transform:uppercase;
}

ul.FooterList li {
 
  padding-left: 0.8em;
  list-style: none;
  list-style-type: none;
	display: inline;

}

.FooterList ul li { }


#FooterWrap {
/* background:url(images/footerbg2.jpg);
background-repeat:repeat-x; */
width:890px;
height:60px;
/* margin-left:auto;
margin-right:auto;
text-align:center;*/
/*padding-top:5px;*/

/* margin-top:-5px; */

}

#FooterWrap a {
text-decoration:none;
color:#e1e1e1;
font-size:.7em;
}

#FooterWrap a:hover {
text-decoration:underline;
color:#7c422b;
}

#FooterWrapSmallPrint {
width:780px;
height:50px;
/* margin-left:auto;
margin-right:auto; */
font-size:.7em;
line-height:1.25em;
/*text-align:center;*/
color:#63443b;
text-transform:uppercase;
  padding-left: 30px;
 padding-top:13px;
}




/*-----------TopNav  ----------------*/


/* TOP NAV sprites start here */


#nav-topnav {
	width:840px;
	height:36px;
	margin:0;
	padding:0;
	background-image: url("images/TopNav.gif");
	background-repeat: no-repeat;
}

#nav-topnav span {
display: none;
}

#nav-topnav li, #nav-topnav a {
height:36px;
display:block;
}

#nav-topnav li {
float:left;
list-style:none;
display:inline;
}

#nav-topnav-01 {
width: 145px;
}
#nav-topnav-02 {width: 100px;}
#nav-topnav-03 {width: 100px;}
#nav-topnav-04 {width: 110px;}
#nav-topnav-05 {width: 100px;}
#nav-topnav-06 {width: 90px;}
#nav-topnav-07 {width: 110px;}


#nav-topnav-01 a:hover {background:url("images/TopNav.gif") 0px 0px no-repeat; }
#nav-topnav-02 a:hover {background:url("images/TopNav.gif") -145px -36px no-repeat; }
#nav-topnav-03 a:hover {background:url("images/TopNav.gif") -245px -36px no-repeat; }
#nav-topnav-04 a:hover {background:url("images/TopNav.gif") -345px -36px no-repeat; }
#nav-topnav-05 a:hover {background:url("images/TopNav.gif") -455px -36px no-repeat; }
#nav-topnav-06 a:hover {background:url("images/TopNav.gif") -555px -36px no-repeat; }
#nav-topnav-07 a:hover {background:url("images/TopNav.gif") -645px -36px no-repeat; }





/* TOP NAV sprites start here - includes home button */


#nav-topnav2 {
	width:840px;
	height:36px;
	margin:0;
	padding:0;
	background-image: url("images/TopNav2.gif");
	background-repeat: no-repeat;
}

#nav-topnav2 span {
display: none;
}

#nav-topnav2 li, #nav-topnav2 a {
height:36px;
display:block;
}

#nav-topnav2 li {
float:left;
list-style:none;
display:inline;
}

#nav-topnav2-01 {
width: 145px;
}
#nav-topnav2-01b {width: 80px;}
#nav-topnav2-02 {width: 100px;}
#nav-topnav2-03 {width: 100px;}
#nav-topnav2-04 {width: 110px;}
#nav-topnav2-05 {width: 100px;}
#nav-topnav2-06 {width: 90px;}
#nav-topnav2-07 {width: 90px;}


#nav-topnav2-01 a:hover {background:url("images/TopNav2.gif") 0px 0px no-repeat; }
#nav-topnav2-01b a:hover {background:url("images/TopNav2.gif") -145px -36px no-repeat; }
#nav-topnav2-02 a:hover {background:url("images/TopNav2.gif") -225px -36px no-repeat; }
#nav-topnav2-03 a:hover {background:url("images/TopNav2.gif") -325px -36px no-repeat; }
#nav-topnav2-04 a:hover {background:url("images/TopNav2.gif") -425px -36px no-repeat; }
#nav-topnav2-05 a:hover {background:url("images/TopNav2.gif") -535px -36px no-repeat; }
#nav-topnav2-06 a:hover {background:url("images/TopNav2.gif") -635px -36px no-repeat; }
#nav-topnav2-07 a:hover {background:url("images/TopNav2.gif") -725px -36px no-repeat; }






/* TOP NAV 3sprites start here - includes home button */


#nav-topnav3 {
	width:840px;
	height:36px;
	margin:0;
	padding:0;
	background-image: url("images/TopNav3.gif");
	background-repeat: no-repeat;
}

#nav-topnav3 span {
display: none;
}

#nav-topnav3 li, #nav-topnav3 a {
height:36px;
display:block;
}

#nav-topnav3 li {
float:left;
list-style:none;
display:inline;
}

#nav-topnav3-01 {
width: 145px;
}
#nav-topnav3-01b {width: 80px;}
#nav-topnav3-02 {width: 100px;}
#nav-topnav3-03 {width: 100px;}
#nav-topnav3-04 {width: 110px;}
#nav-topnav3-05 {width: 100px;}
#nav-topnav3-06 {width: 90px;}
#nav-topnav3-07 {width: 90px;}


#nav-topnav3-01 a:hover {background:url("images/TopNav3.gif") 0px 0px no-repeat; }
#nav-topnav3-01b a:hover {background:url("images/TopNav3.gif") -145px -36px no-repeat; }
#nav-topnav3-02 a:hover {background:url("images/TopNav3.gif") -225px -36px no-repeat; }
#nav-topnav3-03 a:hover {background:url("images/TopNav3.gif") -325px -36px no-repeat; }
#nav-topnav3-04 a:hover {background:url("images/TopNav3.gif") -425px -36px no-repeat; }
#nav-topnav3-05 a:hover {background:url("images/TopNav3.gif") -535px -36px no-repeat; }
#nav-topnav3-06 a:hover {background:url("images/TopNav3.gif") -635px -36px no-repeat; }
#nav-topnav3-07 a:hover {background:url("images/TopNav3.gif") -725px -36px no-repeat; }





/* Seacrh NAV sprites - for the Top of all pages .. Zotos logo, search, salon pros, retailers, etc ...  ....  */

#search {
/*	float: right; 
	padding-top:9px;*/
	line-height: 0;
	padding-left:25px;
	height:50px;
	width:190px;
	background-image:url(images/search13.png) ;
	background-repeat:no-repeat;
	
}

#nav-Searchnav {
	width:236px;
	height:44px;
	margin:0;
	padding:0;
	background-image: url("images/Searchnav.gif");
	background-repeat: no-repeat;
}

#nav-Searchnav span {
display: none;
}

#nav-Searchnav li, #nav-Searchnav a {
height:22px;
display:block;
}

#nav-Searchnav li {
float:bottom;
list-style:none;
display:inline;
}

#nav-Searchnav-01 {
height: 22px;}
#nav-Searchnav-02 {height: 22px;}



#nav-Searchnav-01 a:hover {background:url("images/Searchnav.gif") 0px -44px no-repeat; }
#nav-Searchnav-02 a:hover {background:url("images/Searchnav.gif") 0px -66px no-repeat; }




/* ------------- LOGOS NAV - little logos on homepage -------------*/

ul.lgNav  {
 margin-left:-.5em;
  padding-left:0.1em;
color: #999999;

}

ul.lgNav li {
 
  padding-left: .5em;
  list-style: none;
  list-style-type: none;
	display: inline;
	float:left;
	
}

#age-beautiful-lgnav
{
  display: block;
  width: 68px;
  height: 38px;
  background: url("images/age-beautiful-lgnav.gif") no-repeat 0 0;

}

#age-beautiful-lgnav:hover
{ 
  background-position: 0 -38px;
}

#age-beautiful-lgnav span
{
  display: none;
}




#diamond-shine-lgnav
{
  display: block;
  width: 68px;
  height: 38px;
  background: url("images/diamond-shine-lgnav.gif") no-repeat 0 0;

}

#diamond-shine-lgnav:hover
{ 
  background-position: 0 -38px;
}

#diamond-shine-lgnav span
{
  display: none;
}



#hairtrition-lgnav
{
  display: block;
  width: 68px;
  height: 38px;
  background: url("images/hairtrition-lgnav.gif") no-repeat 0 0;

}

#hairtrition-lgnav:hover
{ 
  background-position: 0 -38px;
}

#hairtrition-lgnav span
{
  display: none;
}



#bain-de-terre-lgnav
{
  display: block;
  width: 68px;
  height: 38px;
  background: url("images/bain-de-terre-lgnav.gif") no-repeat 0 0;

}

#bain-de-terre-lgnav:hover
{ 
  background-position: 0 -38px;
}

#bain-de-terre-lgnav span
{
  display: none;
}




#biotera-lgnav
{
  display: block;
  width: 68px;
  height: 38px;
  background: url("images/biotera-lgnav.gif") no-repeat 0 0;

}

#biotera-lgnav:hover
{ 
  background-position: 0 -38px;
}

#biotera-lgnav span
{
  display: none;
}


#hair-rescue-lgnav
{
  display: block;
  width: 68px;
  height: 38px;
  background: url("images/hair-rescue-lgnav.gif") no-repeat 0 0;

}

#hair-rescue-lgnav:hover
{ 
  background-position: 0 -38px;
}

#hair-rescue-lgnav span
{
  display: none;
}




#quantum-lgnav
{
  display: block;
  width: 68px;
  height: 38px;
  background: url("images/quantum-lgnav.gif") no-repeat 0 0;

}

#quantum-lgnav:hover
{ 
  background-position: 0 -38px;
}

#quantum-lgnav span
{
  display: none;
}



#nutri-ox-lgnav
{
  display: block;
  width: 68px;
  height: 38px;
  background: url("images/nutri-ox-lgnav.gif") no-repeat 0 0;

}

#nutri-ox-lgnav:hover
{ 
  background-position: 0 -38px;
}

#nutri-ox-lgnav span
{
  display: none;
}



#hold-it-lgnav
{
  display: block;
  width: 68px;
  height: 38px;
  background: url("images/hold-it-lgnav.gif") no-repeat 0 0;

}

#hold-it-lgnav:hover
{ 
  background-position: 0 -38px;
}

#hold-it-lgnav span
{
  display: none;
}




#other-brands-lgnav
{
  display: block;
  width: 104px;
  height: 22px;
  background: url("images/select.gif") no-repeat 0 0;

}

#other-brands-lgnav:hover
{ 
  background-position: 0 -22px;
}

#other-brands-lgnav span
{
  display: none;
}






/*-----------TopNav OLD ----------------*/



/* ul.TopNav  {
 margin-left:-.5em;
  padding-left:0.2em;
color: #999999;

}

ul.TopNav li {
 
  padding-left: 2em;
  list-style: none;
  list-style-type: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	font-size:1.25em;
}

ul.TopNav li   {
text-decoration:none;
color: #999999;
}

ul.TopNav li a:link {
text-decoration:none;
color: #999999;
}

ul.TopNav li a:visited {
text-decoration:none;
color: #999999;
}
ul.TopNav li a:hover {
text-decoration:none;
color:#ffffff;
}

ul.TopNav li a:active {
text-decoration:none;
color: #999999;
}

ul.TopNav li {
text-decoration:none;
 color: #ffffff;
}


.TopNav ul li { }


#NavPurple  {
color:#977BB8;
}

#NavPurple a:link {
color:#ffffff;
}

#NavPurple a:visited  {
color:#977BB8;
}

#NavPurple a:hover  {
color:#FFFFFF;
}

#NavPurple a:active  {
color:#977BB8;
}

*/


/* -----KeraBB -------*/
  

  
#KeraBB {
height:266px;
width:705px;
background-image: url(images/kera-pro-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.KeraBB   {
font-size:.95em;
color:#634232;
line-height:1.35em;

}

/* -----Blow Dry Addict -------*/
  

  
#BlowDryBB {
height:266px;
width:705px;
background-image: url(images/blow-dry-addict-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.BlowDryBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;

}






/* -----Other Brand Banner -------*/
  

  
#OtherTextureBB {
height:266px;
width:705px;
background-image: url(images/other-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.OtherTextureBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;

}

/* ----- Texture EFX brand banner-------*/
  

  
#TextureEfxBB {
height:266px;
width:705px;
background-image: url(images/texture-efx-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.TextureEfxBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}



/* -----QuantumStyling Brand Banner -------*/
  

  
#QuantumStylingBB {
height:266px;
width:705px;
background-image: url(images/quantum-style-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.QuantumStylingBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}


/* -----ApplePectinBrand Banner -------*/
  

  
#ApplePectinBB {
height:266px;
width:705px;
background-image: url(images/apple-pectin-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.ApplePectinBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}


/* -----Naturelle Brand Banner -------*/
  

  
#NaturelleBB {
height:266px;
width:705px;
background-image: url(images/naturelle-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.NaturelleBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;

}



/* -----HypoAllergenic Brand Banner -------*/
  

  
#HypoAllergenicBB {
height:266px;
width:705px;
background-image: url(images/hypo-allergenic-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.HypoAllergenicBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}



/* -----Insite Brand Banner -------*/
  

  
#InsiteBB {
height:266px;
width:705px;
background-image: url(images/insite-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.InsiteBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;

}

/* -----FreshEFX Brand Banner -------*/
  

  
#FreshEFXBB {
height:266px;
width:705px;
background-image: url(images/fresh-efx-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.FreshEFXBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;

}

/* -----Slickline Brand Banner -------*/
  

  
#SlicklineBB {
height:266px;
width:705px;
background-image: url(images/slickline-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.SlicklineBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}





/* -----Vita E Brand Banner -------*/
  
#VitaeBB {
height:266px;
width:705px;
background-image: url(images/vita-e-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.VitaeBB  {
font-size:.95em;
color:#3C2415;
line-height:1.35em;
}

/* -----Lamaur Brand Banner -------*/
  
#LamaurBB {
height:266px;
width:705px;
background-image: url(images/lamaur-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.LamaurBB  {
font-size:.95em;
color:#3C2415;
line-height:1.35em;
}





/* -----Hairitrition Brand Banner -------*/
  
#HairtritionBB {
height:266px;
width:705px;
background-image: url(images/hairtrition-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.HairtritionBB  {
font-size:.95em;
color:#3C2415;
line-height:1.35em;
}



/* -----Diamond Shine Brand Banner -------*/
  

  
#DiamondShineBB {
height:266px;
width:705px;
background-image: url(images/diamond-shine-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.DiamondShineBB  {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}

/* -----Biotera Brand Banner -------*/
  

  
#BioteraBB {
height:266px;
width:705px;
background-image: url(images/biotera-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.BioteraBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;

}


/* -----Hair Rescue Brand Banner -------*/
  

  
#HairRescueBB {
height:266px;
width:705px;
background-image: url(images/hair-rescue-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.HairRescueBB   {
font-size:.95em;
color:#181660;
line-height:1.35em;
text-align:center;
}


/* -----Nucleic A Brand Banner -------*/
  

  
#NucleicABB {
height:266px;
width:705px;
background-image: url(images/nucleic-a-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.NucleicABB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}





/* -----Nutriox Brand Banner -------*/
  

  
#NutrioxBB {
height:266px;
width:705px;
background-image: url(images/nutriox-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.NutrioxBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;

}



/* -----Hold It Brand Banner -------*/
  

  
#HoldItBB {
height:266px;
width:705px;
background-image: url(images/hold-it-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.HoldItBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}


/* -----Hemp Brand Banner -------*/
  

  
#HempBB {
height:266px;
width:705px;
background-image: url(images/hemp-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.HempBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}


/* -----Volumax Brand Banner -------*/
  

  
#VolumaxBB {
height:266px;
width:705px;
background-image: url(images/volumax-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.VolumaxBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}



/* -----Aura Brand Banner -------*/
  

  
#AuraBB {
height:266px;
width:705px;
background-image: url(images/aura-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.AuraBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}


/* -----Quantum Brand Banner -------*/
  

  
#QuantumBB {
height:266px;
width:705px;
background-image: url(images/quantum-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.QuantumBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}





/* -----Bain de Terre Brand Banner -------*/
  

  
#BaindeTerreBB {
height:266px;
width:705px;
background-image: url(images/bain-de-terre-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.BaindeTerreBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;

}




/* ---- Quantum Thermal Straighteners Brand Banner -------*/
  

  
#QuantumThermalStraightenersBB {
height:266px;
width:705px;
background-image: url(images/quantum-thermal-straighteners-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.QuantumThermalStraightenersBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}

.QuantumThermalStraightenersBBPURPLE   {
font-size:1em;
color:#4F2683;
line-height:1.35em;
text-align:center;
}




/* ----- Acclaim Brand Banner -------*/
  

  
#AcclaimBB {
height:266px;
width:705px;
background-image: url(images/acclaim-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.AcclaimBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}


/* ----- Warm and Gentle Brand Banner-------*/
  

  
#WarmandGentleBB {
height:266px;
width:705px;
background-image: url(images/warm-and-gentle-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.WarmandGentleBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}





/* ----- Feels So Lively brand banner-------*/
  

  
#FeelsSoLivelyBB {
height:266px;
width:705px;
background-image: url(images/feels-so-lively-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.FeelsSoLivelyBB   {
font-size:.95em;
color:#FFFFFF;
line-height:1.35em;
text-align:center;
}





/* ----- Design Freedom brand banner-------*/
  

  
#DesignFreedomBB {
height:266px;
width:705px;
background-image: url(images/design-freedom-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.DesignFreedomBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}





/* ----- Texture EFX brand banner-------*/
  

  
#TextureEfxBB {
height:266px;
width:705px;
background-image: url(images/texture-efx-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.TextureEfxBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}






/* -----Easy Straight Brand Banner -------*/
  

  
#EasyStraightBB {
height:266px;
width:705px;
background-image: url(images/easy-straight-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.EasyStraightBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
text-align:center;
}



/* ----- SHAMPOO brand banner-------*/
  

  
#ShampooBB {
height:230px;
width:743px;
background-image: url(images/zotos-shampoos-bb-background.jpg);
background-repeat: no-repeat;
/*border-bottom:6px solid #000000; */

}

.ShampooBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
display:none;
}





/* ----- CONDITIONER brand banner-------*/
  

  
#ConditionerBB {
height:266px;
width:705px;
background-image: url(images/zotos-conditioner-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.ConditionerBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}




/* ----- styling brand banner-------*/
  

  
#stylingBB {
height:266px;
width:705px;
background-image: url(images/zotos-styling-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.stylingBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}


/* ----- treatment brand banner-------*/
  

  
#treatmentBB {
height:266px;
width:705px;
background-image: url(images/zotos-treatment-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.treatmentBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}



/* ----- developer brand banner-------*/
  

  
#developerBB {
height:266px;
width:705px;
background-image: url(images/zotos-developers-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.developerBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}






/* ----- Permanent Haircolor brand banner-------*/
  

  
#PermanentHaircolorBB {
height:266px;
width:705px;
background-image: url(images/zotos-permanent-haircolor-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.PermanentHaircolorBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}






/* ----- Straighteners brand banner-------*/
  

  
#StraightenersBB {
height:266px;
width:705px;
background-image: url(images/zotos-straighteners-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.StraightenersBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}



/* ----- TemporaryStraighteners brand banner-------*/
  

  
#TemporaryStraightenersBB {
height:266px;
width:705px;
background-image: url(images/zotos-temporary-straighteners-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.TemporaryStraightenersBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}



/* ----- Bleach brand banner-------*/
  

  
#BleachBB {
height:266px;
width:705px;
background-image: url(images/zotos-bleach-bb-background.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.BleachBB   {
font-size:.95em;
color:#000000;
line-height:1.35em;
}







/* ----- About Us ECO banner-------*/
  

  
#About-Zotos-ECO {
height:195px;
width:660px;
background-image: url(images/zotos-eco-commitment-head.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.About-Zotos-ECO  {
font-size:1em;
/* color:#7f7f7f;*/
line-height:1.35em;

}

.About-Zotos-ECO-HEAD  {
font-size:1.75em;
/* color:#7f7f7f;*/
line-height:1.35em;

}

.About-ZotosGREY  {
color:#7f7f7f;
font-size:.95em;


}

.About-ZotosGREEN  {
color:#2f893d;
font-weight:bold;
font-size:.95em;

}



/* ----- About Us Parent Comapny-------*/
  
.view {
}
  
#About-Parent {
height:195px;
width:660px;
background-image: url(images/parent-head.jpg);
background-repeat: no-repeat;
border-bottom:6px solid #000000;

}

.About-Parent  {
font-size:1em;
color:#000000;
line-height:1.35em;

}

.About-ParentHEAD  {
font-size:1.75em;
color:#000000;
line-height:1.35em;

}

.views-field-image-attach-images {
	/* margin: 0 0 0 130px; */
	margin: 0 0 0 110px;
	padding-top:10px;
}

.image-thumbnail {
	vertical-align: top;
}

.col-1 {
	vertical-align: top;
	text-align: center;
}

.col-2 {
	vertical-align: top;
	text-align: center;
}

.col-3 {
	vertical-align: top;
	text-align: center;
}

.field-content p {
	/*margin-left: 60px; */
	margin-left: 30px;
	font-size:11px!important;
}

.brand-details {
	margin: -5px 0 10px 60px;
	display: block;
}

#view_in_product {

	margin-top: 250px;
	margin-top: 150px;
}


/* --------------------------- Header Nav ------------------------------- */

#headerdropdown {
    padding-top:96px;
    padding-left:170px;

}
		
#nav-topnav li ul {	
	margin: 9px 0 0 10px;
	padding-top: 0;
	position: absolute;
	visibility: hidden;
	 border: 1px solid #000;
	 	z-index: 10001;
	width: 500px;
	height: 330px;
	overflow: hidden;
	 background-image:url(images/nav_bg.jpg);
	background-repeat:no-repeat;
	background-color: #ededed;
	footer
	
		}
		
#nav-topnav li ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}


#nav-botnav li ul {	
	margin: 0 0 0 0;
	padding-top:10px;
	padding-left:0px;
    padding-right:0px;
	position: absolute;
	visibility: hidden;
	 border: 1px solid #c5ae99;
	  z-index: 10001;
	overflow: hidden; 
	background-color:#FFF;
	}
		
#nav-botnav li ul li {
	margin: 0;
	padding: 0;
display: block;
cursor:pointer;

}

#nav-botnav li ul li a {
	/*margin: 0;
	padding: 0;
display: block;
cursor:pointer; */
}


#nav-botnav li ul li a:hover {
	/*margin: 0;
	padding: 0;
display: inline; */

}










.product-menu-dropdown {
	display: inline;
	/* float: left;*/
	 margin: 0px 0px 0px 0px; 
}

.product-menu-dropdown h2 {
	font-size: 12px;
	color: #977BB8;
}

#menu-text {
	height: 10px;
}

.arrow {
	color: #800080;
	margin-left: 4px;
	display: inline;
}

#menu-text a {
	color: #000000;
	text-decoration: none;
}

#menu-text a:hover {
	background: none;
}




ul.lgNav2  {
 margin-left:-.5em;
  padding-left:0.1em;
color: #999999;

}

ul.lgNav2 li {
 
  padding-left: .5em;
  list-style: none;
  list-style-type: none;
	display: inline;
	float:left;
	
}

.lgNav li ul {	
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border: 1px solid #666666; 
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	z-index: 10001;
	width: 150px;
	height: 950px;
	overflow: hidden;
	 background-image:url(images/nav_bg.png);
	background-repeat: repeat;
	/* background-color: #ededed; 
	 background-color: #ffffff; */
	
}
		
.lgNav li ul li {
	margin: 10px 0 0 10px;
	padding: 0;
	float: left;
	display: inline;
	width: 130px;
}

/* .lgNav li ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #666666;
	display: block;
}


.lgNav li ul li a:hover {
	
	text-decoration: underline;
	color: #000000;
	
} */

.lgNav li ul li hr {
	border-bottom: thin solid #000;
	border-left: thin solid #fff;
	border-top: thin solid #fff;
	border-right: thin solid #fff;
}


/* More drop down menu styling */


#menu-text {
background-image:url(images/nav-arrow.gif);
background-repeat:no-repeat;
 background-position:left; 
padding-left:13px;
color:#333333;

}


#menu-text a:link {
color: #000000;
text-decoration:none;
}



#menu-text a:visited {
text-decoration:none;
color: #000000;
}

#menu-text a:hover {
background-image:url(images/nav-arrow-over.gif);
background-repeat:no-repeat;
/* background-position:left; */
padding:inherit;
margin-left:-13px;
text-decoration:underline;
color: #000; 
}
#menu-text a:active {
text-decoration:none;
color: #000000;
}



/* More info buttons*/

/* .more_info {
color:#967cbb;
font-weight:bold;

}

.more_info a:link {
color:#967cbb;
font-weight:bold;
text-decoration:none;
}

.more_info a:visited {
color:#967cbb;
font-weight:bold;
text-decoration:none;
}

.more_info a:hover {
color:#967cbb;
font-weight:bold;
text-decoration:underline;
}

.more_info a:active {
color:#967cbb;
font-weight:bold;
text-decoration:none;
}



.brand-details {
color:#967cbb;
font-weight:bold;
text-decoration:none;
}

.brand-details a:link {
color:#967cbb;
font-weight:bold;
text-decoration:none;
}


.brand-details a:visited {
color:#967cbb;
font-weight:bold;
text-decoration:none;
}


.brand-details a:hover {
color:#967cbb;
font-weight:bold;
text-decoration:underline;
}

.brand-details a:active {
color:#967cbb;
font-weight:bold;
text-decoration:none;
}
*/








.more_info {
  display: block;
  width: 99px;
  height: 17px;
  color: #551A8B;
  padding-left:10px;
}

.more_info a:link { 
	color: #551A8B;
	text-decoration: none;
}
.more_info a:visited { 
	color: #551A8B;
	text-decoration: none;
}

.more_info a:hover
{ 
	color: #000;
	text-decoration: underline;

}

.more_info a:active { 
	color: #551A8B;
	text-decoration: none;
}
.more_info  span
{
  display: none;
}
	
	
	
.more_info_prod {
		/* background:url(images/button.gif);
	background-repeat:no-repeat;
	background-position: center;*/
	padding: 5px;
	color: #000;
	text-transform:uppercase;
	background-image:url(images/p-details.gif);
	background-repeat:no-repeat;
	background-position:center bottom; 
	font-size:11px;


}	

.more_info_prod a {
color: #000;
	/*background-image:url(images/p-details.gif);
background-repeat:no-repeat;
background-position:center bottom; */
font-weight:bold;
}

.more_info_brand {
	/* background:url(images/button.gif);
	background-repeat:no-repeat;
	background-position: center;*/
	padding: 5px;
	color: #000;
	text-transform:uppercase;
		background-image:url(images/p-details.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	font-size:11px;
	margin-top:-5px;
	
}	
	
.more_info_brand a {
	color: #000;
		/*background-image:url(images/p-details.gif)
	background-repeat:no-repeat;
	background-position:center bottom;*/
	font-weight:bold;
	
}




.views-field-field-shop-link-value {
		/* background:url(images/button.gif);
	background-repeat:no-repeat;
	background-position: center;*/
	padding: 5px;
	color: #f94ec7;
	text-transform:uppercase;
	/*background-image:url(images/p-detailsD.gif);
	background-repeat:no-repeat;
	background-position:center;*/
	font-size:11px;
margin-top:-20px!important;

}	

.views-field-field-shop-link-value a {
color: #f94ec7;
	/*background-image:url(images/p-detailsD.gif);
	background-repeat:no-repeat;
	background-position:center top;*/
font-weight:bold;
}




	
	
/* Tips and Solutions - Top Menu */

#apDiv1 {
	position:absolute;
	left:112px;
	top:77px;
	width:172px;
	height:144px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:432px;
	top:36px;
	width:173px;
	height:145px;
	z-index:4;
}

#bubble1 {
  display: block;
  width: 165px;
  height: 134px;
 background:url(images/bubble1.png);

}

#bubble1 a:hover
{ 
  background-position: 0 -134px;
}

#bubble1  span
{
  display: none;
}
	
	
	
	
	#apDiv3 {
	position:absolute;
	left:305px;
	top:120px;
	width:190px;
	height:158px;
	z-index:3;
}


	
	#bubble2 {
  display: block;
  width: 185px;
  height: 139px;
 background:url(images/bubble2.png);

}

#bubble2 a:hover
{ 
  background-position: 0 -139px;
}

#bubble2  span
{
  display: none;
}



#apDiv4 {
	position:absolute;
	left:147px;
	top:185px;
	width:189px;
	height:137px;
	z-index:5;
}



	#bubble3 {
  display: block;
  width: 193px;
  height: 132px;
 background:url(images/bubble3.png);

}

#bubble3 a:hover
{ 
  background-position: 0 -132px;
}

#bubble3  span
{
  display: none;
}

#apDiv5 {
	position:absolute;
	left:371px;
	top:248px;
	width:192px;
	height:141px;
	z-index:6;
}

	#bubble4 {
  display: block;
  width: 191px;
  height: 132px;
 background:url(images/bubble4.png);

}

#bubble4 a:hover
{ 
  background-position: 0 -132px;
}

#bubble4  span
{
  display: none;
}
	
	
	
	#apDiv6 {
	position:absolute;
	left:494px;
	top:154px;
	width:212px;
	height:146px;
	z-index:2;
}

	
	#bubble5 {
  display: block;
  width: 193px;
  height: 132px;
 background:url(images/bubble5.png);

}

#bubble5 a:hover
{ 
  background-position: 0 -132px;
}

#bubble5  span
{
  display: none;
}




#apDiv7 {
	position:absolute;
	left:569px;
	top:258px;
	width:181px;
	height:122px;
	z-index:2;
}




#bubble6 {
  display: block;
  width: 166px;
  height: 118px;
 background:url(images/bubble6.png);

}

#bubble6 a:hover
{ 
  background-position: 0 -118px;
}

#bubble6  span
{
  display: none;
}







#apDiv8 {
	position:absolute;
	left:607px;
	top:68px;
	width:212px;
	height:153px;
	z-index:1;
}






#bubble7 {
  display: block;
  width: 192px;
  height:145px;
 background:url(images/bubble7.png);

}

#bubble7 a:hover
{ 
  background-position: 0 -145px;
}

#bubble7  span
{
  display: none;
}

	
	
	#apDiv9 {
	position:absolute;
	left:696px;
	top:168px;
	width:212px;
	height:162px;
	z-index:7;
}

	
	
	#bubble8 {
  display: block;
  width: 177px;
  height:139px;
 background:url(images/bubble8.png);

}

#bubble8 a:hover
{ 
  background-position: 0 -139px;
}

#bubble8  span
{
  display: none;
}



#apDivBG {
	position:absolute;
	left:11px;
	top:10px;
	width:896px;
	height:335px;
	z-index:0;
	background-image:url(images/bubble_bg.jpg);
	background-repeat:no-repeat;
}



/* Tips Styles */


#TipsContain {
width:700px;
height:170px;
padding-top:20px;
padding-bottom:20px;
border-top:#000000 solid 6px;
border-bottom:#000000 solid 6px;
}

#TipsContainDamage {
width:700px;
height:370px;
padding-top:20px;
padding-bottom:20px;
border-top:#000000 solid 6px;
border-bottom:#000000 solid 6px;
}


#TipsContainStraight {
width:700px;
height:420px;
padding-top:20px;
padding-bottom:20px;
border-top:#000000 solid 6px;
border-bottom:#000000 solid 6px;
}



#TipsContainShine {
width:700px;
height:320px;
padding-top:20px;
padding-bottom:20px;
border-top:#000000 solid 6px;
border-bottom:#000000 solid 6px;
}



#TipsContainCurly {
width:700px;
height:350px;
padding-top:20px;
padding-bottom:20px;
border-top:#000000 solid 6px;
border-bottom:#000000 solid 6px;
}

#TipsContainColor {
width:700px;
height:520px;
padding-top:20px;
padding-bottom:20px;
border-top:#000000 solid 6px;
border-bottom:#000000 solid 6px;
}

#TipsContainMoisture {
width:700px;
height:480px;
padding-top:20px;
padding-bottom:20px;
border-top:#000000 solid 6px;
border-bottom:#000000 solid 6px;
}


#TipsContainHold {
width:700px;
height:450px;
padding-top:20px;
padding-bottom:20px;
border-top:#000000 solid 6px;
border-bottom:#000000 solid 6px;
}


#TipsContainVolume {
width:700px;
height:500px;
padding-top:20px;
padding-bottom:20px;
border-top:#000000 solid 6px;
border-bottom:#000000 solid 6px;
}

#TipsLeft {
float:left;
width:200px;
}

#TipsRight {
float:right;
width:460px;
padding-right:20px;
}

.TipsPurple {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
line-height:.75em;
color:#662D91;
}

.TipsBlack {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.25em;
line-height:.75em;
}
.UnderTips {
margin-top:-10px;
font-size:1.25em;
}

.StylistTipPurple {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.25em;
color:#662D91;
}


a:link {
text-decoration:none;
color:#000;
}

a:visited {
text-decoration:none;
color:#000;
}

a:hover {
text-decoration:underline;
color:#000;
}


a:active {
text-decoration:none;
color:#000;
}


/* ------------------------ Sidebar ------------------------- */

/* #jmenu {
	margin-top: -40px;
}
 */
#jmenu {
	margin-top: -3px;
}


#jmenu h2 {
	text-transform: lowercase;
	font-size: 16px;
}

#jmenu h3 {
}

#jmenu span {
	color: #000;
	/* text-transform: lowercase; */
	font-size: 14px;
	/* font-weight: bold;*/
}

#jmenu ul {
	padding: 0 0 0 13px;
	margin-top: 3px;
	 text-transform: uppercase;prodbybrand
}

#jmenu ul li {
	list-style-position: outside;
	list-style-image: url(/sites/all/themes/zotos/images/nav-arrow-main.gif);
	 text-transform: uppercase; 
	font-size: 90%;
}

#jmenu ul li p {
	text-transform: uppercase;
	margin: 5px 0 5px 0;
	line-height: 14px;
	font-size:11px;
	color:#3d3d3d;
}

#jmenu ul li a {
	
	color:#000;
}

.search-info {
	display: none;
}

.search-advanced {
	display: none;
}

.captcha legend {
	display: none;
}



/* ----- Perm directions OVERs-----------*/

#PermDirections {
  display: block;
  width: 296px;
  height: 38px;
 background:url(images/download-directions.gif);
 margin-top:10px;

}

#PermDirections a:hover
{ 
  background-position: 0 -38px;
}

#PermDirections  span
{
  display: none;
}


/* ----------Press Area -------------*/

#PressArticles ul {
width:800px;
}

#PressArticles  li {
padding-right:20px;
width:210px;
list-style-type: none;
float:left;

}


/* -------- Restrict CAPCHA" -----------*/

.captcha {

width:600px;


}


/* Age beautiful Website buytton ------------*/


#agemini {
  display: block;
  width: 146px;
  height: 34px;
 background:url(images/age-beautiful-mini-site.jpg);

}

#agemini:hover
{ 
  background-position: 0 -34px;
}

#agemini span
{
  display: none;
}



/* BDT STARTS HERE */

/* Green NAVIGATION  - OLD NO LONGER USED*/

/*#nav-topnav {
	width:680px;
	height:50px;
	margin:0;
	padding:0; 
	float:left;
	background-image: url("images/navtop.gif");
	background-repeat: no-repeat;
}

#nav-topnav span {
display: none;
}

#nav-topnav li, #nav-topnav a {
height:50px;
display:block;
}

#nav-topnav li {
float:left;
list-style:none;
display:inline;
}

#nav-topnav-01 {
width: 175px;
}
#nav-topnav-02 {width: 130px;}
#nav-topnav-03 {width: 130px;}
#nav-topnav-04 {width: 135px;}
#nav-topnav-05 {width: 105px;}


#nav-topnav-01 a:hover {background:url("images/navtop.gif") 0px 0px no-repeat; }
#nav-topnav-02 a:hover {background:url("images/navtop.gif") -175px -50px no-repeat; }
#nav-topnav-03 a:hover {background:url("images/navtop.gif") -305px -50px no-repeat; }
#nav-topnav-04 a:hover {background:url("images/navtop.gif") -435px -50px no-repeat; }
#nav-topnav-05 a:hover {background:url("images/navtop.gif") -570px -50px no-repeat; } */


#nav-topnav {
	width:680px;
	height:50px;
	margin:0;
	padding:0; 
	float:left;
	background-image: url("images/navtopREV.gif");
	background-repeat: no-repeat;
}




#nav-topnavBDT{
	width:653px;
	height:35px;
	margin:0;
	padding:0; 
	float:left;
	background-image: url("images/navtopBDT.gif");
	background-repeat: no-repeat;
}

#nav-topnavBDT span {
display: none;
}

#nav-topnavBDT li, #nav-topnavBDT a {
height:35px;
display:block;
}

#nav-topnavBDT li {
float:left;
list-style:none;
display:inline;
}


#nav-topnavBDT-01 {width: 135px;}
#nav-topnavBDT-01b {width: 74px;}
#nav-topnavBDT-02 {width: 136px;}
#nav-topnavBDT-02b {width: 15px;}
#nav-topnavBDT-03 {width: 95px;}
#nav-topnavBDT-03b {width: 5px;}
#nav-topnavBDT-04 {width: 94px;}
#nav-topnavBDT-04b {width: 14px;}
#nav-topnavBDT-05 {width: 70px;}


#nav-topnavBDT-01 a:hover {background:url("images/navtopBDT.gif") 0px -35px no-repeat; }
#nav-topnavBDT-02 a:hover {background:url("images/navtopBDT.gif") -209px -35px no-repeat; }
#nav-topnavBDT-03 a:hover {background:url("images/navtopBDT.gif") -360px -35px no-repeat; }
#nav-topnavBDT-04 a:hover {background:url("images/navtopBDT.gif") -460px -35px no-repeat; }
#nav-topnavBDT-05 a:hover {background:url("images/navtopBDT.gif") -568px -35px no-repeat; }






/*Bottom Navigation*/

/* 

#nav-botnav {
	width:680px;
	height:67px;
	margin:0;
	padding:0; 
	float:left;
	background-image: url("images/navbottom.gif");
	background-repeat: no-repeat;
}

#nav-botnav span {
display: none;
}


#nav-botnav li, #nav-botnav a {
 height:67px; 
display:block;
}

#nav-botnav li {
float:left;
list-style:none;
display:inline;
}

#nav-botnav-01 {
width: 270px;
}
#nav-botnav-02 {width: 75px;}
#nav-botnav-03 {width: 110px;}
#nav-botnav-04 {width: 75px;}
#nav-botnav-05 {width: 65px;}
#nav-botnav-06 {width: 65px;}


#nav-botnav-01 a:hover {background:url("images/navbottom.gif") 0px 0px no-repeat; }
#nav-botnav-02 a:hover {background:url("images/navbottom.gif") -270px -67px no-repeat; }
#nav-botnav-03 a:hover {background:url("images/navbottom.gif") -345px -67px no-repeat; }
#nav-botnav-04 a:hover {background:url("images/navbottom.gif") -455px -67px no-repeat; }
#nav-botnav-05 a:hover {background:url("images/navbottom.gif") -530px -67px no-repeat; }
#nav-botnav-06 a:hover {background:url("images/navbottom.gif") -595px -67px no-repeat; }




/* Product Page - differs from ie!!!! */ 

#CollectionWindow {

 margin-top:-6px; 
margin-left:-29px;
}

#ProductList {
width:900px;
margin-left:-54px;
}

#ProductList span{
display: none;
}


 #ProductList2 {
margin-left:-10px;
margin-top:-30px;
padding-left:10px;
} 

#ProductList li {
display: inline;
list-style: none;
margin-right:16px;
padding-bottom: 10px;
float:left;
/* margin-left:-5px; */
}

#ProductList img {
/* border-left: 1px solid #B0B0B0; 
border-top: 1px solid #B0B0B0; */
}

#ProductList p {
margin-top: -2px; 
text-align: center;
}

.Prod-toggle-opacity img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
/* border:solid 1px #d8d8d8; */
}

#Prod-toggle-opacity:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
} 

#BDTsideNav {
width:160px; 
height:317px;
/*background-image:url(images/sidenavbg.jpg); 
background-repeat:repeat-x;*/
margin-top:11px;
}


#BDTsideNav2 {
width:165px; 
height:317px;
background-image:url(images/sidenavbg.jpg);
background-repeat:repeat-x;
margin-top:10px;
}

#BDTsideNav3 {
width:165px; 
height:308px;
/*background-image:url(images/sidenavbg.jpg);
background-repeat:repeat-x;*/
margin-top:10px;
}


/* -----Green Meadow beautiful Brand Banner -------*/
  

#GreenMeadowBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/green-meadow-bb-background.jpg);
background-repeat: no-repeat;


}

.GreenMeadowBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.GreenMeadowE  {
font-size:.95em;
color:#008265;
line-height:1.35em;
text-align:left;
}


/* -----Lemon Grass beautiful Brand Banner -------*/
  

#LemongrassBB {
height:316px;
width:705px;
margin-left:5px;
margin-top:10px;
background-image: url(images/lemongrass-bb-background.jpg);
background-repeat: no-repeat;


}

.LemongrassBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.LemongrassE  {
font-size:.95em;
color:#5c8727;
line-height:1.35em;
text-align:left;
}


/* Sweet Almond ---- */


#SweetBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/sweet-almond-bb-background.jpg);
background-repeat: no-repeat;


}

#SweetBB span {
display: none;
}


/* Green Tea---- */


#GreenBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/green-tea-bb-background.jpg);
background-repeat: no-repeat;


}

#GreenBB span {
display: none;
}





/* Shea Butter---- */


#SheaBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/shea-butter-bb-background.jpg);
background-repeat: no-repeat;


}

#SheaBB span {
display: none;
}






/* Jojoba Oil---- */


#JojobaBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/jojoba-oil-bb-background.jpg);
background-repeat: no-repeat;


}

#JojobaBB span {
display: none;
}


/* Color Enhancing---- */


#colEnhBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/color-enhancing-bb-background.jpg);
background-repeat: no-repeat;


}

#colEnhBB span {
display: none;
}


#colEnhBB2 {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/color-enhancing-bb-background2.jpg);
background-repeat: no-repeat;


}

#colEnhBB2 span {
display: none;
}


/* Lavender */

#colEnhBB3 {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/color-enhancing-bb-backgroundlav.jpg);
background-repeat: no-repeat;


}

#colEnhBB3 span {
display: none;
}





/* -----PassionFlower beautiful Brand Banner -------*/
  

#PassionFlowerBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/passion-bb-background.jpg);
background-repeat: no-repeat;


}

.PassionFlowerBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.PassionFlowerE  {
font-size:.95em;
color:#bc813b;
line-height:1.35em;
text-align:left;
}

#PassionFlowerBB span {
display: none;
}


/* -----AllAboutCurls beautiful Brand Banner -------*/
  

#AllAboutCurlsBB {
height:316px;
width:705px;
margin-left:5px;
margin-top:10px;
background-image: url(images/all-about-curls-bb-background.jpg);
background-repeat: no-repeat;


}

.AllAboutCurlsBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.AllAboutCurlsE  {
font-size:.95em;
color:#e76b5c;
line-height:1.35em;
text-align:left;
}

/* ----- Keartin beautiful Brand Banner -------*/
  

#KeratinBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/keratin-bb-background.jpg);
background-repeat: no-repeat;


}

.KeratinBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.KeratinE  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}


/* Macadamia ---- */


#MacadamiaBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/macadamia-bb-background.jpg);
background-repeat: no-repeat;


}

#MacadamiaBB span {
display: none;
}





/* Argon ---- */


#ArgonBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/argon-bb-background.jpg);
background-repeat: no-repeat;


}

#ArgonBB span {
display: none;
}




/* Purite Moisture ---- */


#PuriteMBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/puriteM-bb-background.jpg);
background-repeat: no-repeat;


}

#PuriteMBB span {
display: none;
}



/* Purite Color ---- */


#PuriteCBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/puriteC-bb-background.jpg);
background-repeat: no-repeat;


}

#PuriteCBB span {
display: none;
}



/* Purite ALL ---- */


#PuriteAllBB {
height:316px;
width:705px;
margin-left:5px;
margin-top:10px;
background-image: url(images/puriteALL-bb-background.jpg);
background-repeat: no-repeat;


}

#PuriteAllBB span {
display: none;
}





/* -----DayLily beautiful Brand Banner -------*/
  

#DayLilyBB {
height:316px;
width:705px;
margin-left:5px;
margin-top:10px;
background-image: url(images/day-lily-bb-background.jpg);
background-repeat: no-repeat;


}

.DayLilyBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.DayLilyE  {
font-size:.95em;
color:#a14176;
line-height:1.35em;
text-align:left;
}



/* -----Perms collection Brand Banner -------*/
  

#PermsColBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/perms-bb-background.jpg);
background-repeat: no-repeat;


}

#PermsColBB span {
	display:none;
}

.PermsColBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.PermsColE  {
font-size:.95em;
color:#48182c;
line-height:1.35em;
text-align:left;
}



/* -----Jasmine collection Brand Banner -------*/
  

#JasmineBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/jasmine-bb-background.jpg);
background-repeat: no-repeat;


}

.JasmineBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.JasmineE  {
font-size:.95em;
color:#00929f;
line-height:1.35em;
text-align:left;
}

#JasmineBB span {
	display:none;
}


/* -----Styling collection Brand Banner -------*/
  

#StylingBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/styling-bb-background.jpg);
background-repeat: no-repeat;


}

.StylingBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.StylingE  {
font-size:.95em;
/* color:#48182c; */
color:#166f81;
line-height:1.35em;
text-align:left;
}

#StylingBB span {
	display:none;
}




/* -----Coconut Papaya Brand Banner -------*/
  

#CoconutBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/coconut-bb-background.jpg);
background-repeat: no-repeat;


}

.CoconutBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.CoconutE  {
font-size:.95em;
color:#f2732a;
line-height:1.35em;
text-align:left;
}

#CoconutBB span {
	display:none;
}

/* -----Treatments Brand Banner -------*/
  

#TreatCollBB {
height:230px;
width:740px;
margin-left:-10px;
margin-top:10px;
background-image: url(images/treatcoll-bb-background.jpg);
background-repeat: no-repeat;


}

.TreatCollBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

.TreatCollBBE {
font-size:.95em;
color:#48182c;
line-height:1.35em;
text-align:left;
}



/* -----Shampoos Brand Banner -------*/
  

#ShampoosBB {
height:230px;
width:743px;
background-image: url(images/bain-de-terre-shampoos.jpg);
background-repeat: no-repeat;
margin-left:-13px;
padding-bottom:20px;

}

.ShampoosBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}




/* -----Conditioners Brand Banner -------*/
  

#ConditionersBB {
height:230px;
width:743px;
background-image: url(images/bain-de-terre-conditioners.jpg);
background-repeat: no-repeat;
margin-left:-13px;
padding-bottom:20px;


}

.ConditionersBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

/* -----Stylers Brand Banner -------*/
  

#StylersBB {
height:230px;
width:743px;
background-image: url(images/bain-de-terre-styling.jpg);
background-repeat: no-repeat;
margin-left:-13px;
padding-bottom:20px;

}

.StylersBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

/* -----Perms Brand Banner -------*/
  

#PermsBB {
height:230px;
width:743px;
background-image: url(images/bain-de-terre-perms.jpg);
background-repeat: no-repeat;
margin-left:-13px;
padding-bottom:10px;

}

.PermsBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}


/* -----Treatment Brand Banner -------*/
  

#TreatBB {
height:230px;
width:743px;
background-image: url(images/bain-de-terre-treatments.jpg);
background-repeat: no-repeat;
margin-left:-13px;
padding-bottom:20px;

}

.TreatBB  {
font-size:.95em;
color:#000;
line-height:1.35em;
text-align:left;
}

 #Outline {
height:400px;
margin-top:10px;
margin-left:5px;
margin-bottom:-400px;
background-image:url(images/productOUTLINE.gif);
background-repeat:no-repeat; 


} 



#formBG {
background-image:url(images/formBG.gif);
background-repeat:no-repeat; 
width:895px;
height:96px;
margin-left:20px;
margin-top:10px;
margin-bottom:-80px;

}

#webform-client-form-352 {
margin-left:80px;
margin-top:-250px;
padding-bottom:30px;
/* width:900px;*/
/* background-image:url(images/formBGside.gif);
background-repeat:no-repeat; */
}

#webform-client-form-502 {
margin-left:80px;
margin-top:-260px;
padding-bottom:30px;
/* width:900px;*/
/* background-image:url(images/formBGside.gif);
background-repeat:no-repeat; */
}

#edit-submit {
height:28px;
width: 80px;
margin-bottom:20px;

}


#TableSpace {
border:5px #fff solid;

}

#TableSpace2 {
border:5px #fff solid;
height:280px;
padding:10px;
font-size:12px;
}


#TableSpace3 {
border:5px #fff solid;
height:120px;
padding:10px;
font-size:12px;
}


#TableSpace4 {
border:5px #fff solid;
height:400px;
padding:10px;
font-size:12px;
}


#TableSpace5 {
border:5px #fff solid;
height:85px;
padding:10px;
font-size:12px;
}


.views-field-field-shortdescription-value {
font-size: 11px;
line-height:13px;
margin-bottom:-5px;
}

.field-field-category-weigt {
display:none;
}

/* ------------2013 RESKI330000N ----------------*/



#header13 {
	width:930px;
	/* height:145px; */
	 height:115px; 
	background-image:url(images/header13.jpg);
background-repeat:no-repeat; 


}
#Logo13 {
	width:930px;
	}
	


#BDTLogo
{
 margin-top:20px;
  display: block;
  width: 545px;
  height: 81px;
  background: url("images/bdt-logo-2013.png") no-repeat 0 0;

}

#BDTLogo:hover
{ 
  background-position: 0 -0px;
}

#BDTLogo span
{
  display: none;
}


#small-topnav13 {
	width:930px;
	height:35px;
	margin:0;
	padding:0;
	background-image: url("images/topNav13.png");
	background-repeat: no-repeat;

}


#small-topnav13 span {
display: none;
}


#small-topnav13 li, #small-topnav13 a {
 height:35px; 
display:block;
}

#small-topnav13 li {
float:left;
list-style:none;
display:inline;
}

#small-topnav13-01 {width: 810px;}
#small-topnav13-02 {width: 110px;}
/*#small-topnav13-04 {width: 13px;}
#small-topnav13-05 {width: 80px;}
/* #small-topnav13-06 {width: 21px;}
#small-topnav13-07 {width: 20px;}
#small-topnav13-08 {width: 19px;} */



#small-topnav13-01 a:hover {background:url("images/topNav13.png") 0px 0px no-repeat; }
#small-topnav13-02 a:hover {background:url("images/topNav13.png") -810px -35px no-repeat; }
/*#small-topnav13-04 a:hover {background:url("images/topNav13.png") -820px -35px no-repeat; }
#small-topnav13-05 a:hover {background:url("images/topNav13.png") -823px -35px no-repeat; }
/*#small-topnav13-06 a:hover {background:url("images/topNav13.png") -844px -35px no-repeat; }
#small-topnav13-07 a:hover {background:url("images/topNav13.png") -865px -35px no-repeat; }
#small-topnav13-08 a:hover {background:url("images/topNav13.png") -885px -35px no-repeat; }*/

/*Bottom Navigation*/



#nav-botnav {
	width:700px;
	height:47px;
	margin:0;
	padding:0; 
	float:left;
	background-image: url("images/botNav13.gif");
	background-repeat: no-repeat;
}

#nav-botnav span {
display: none;
}


#nav-botnav li , #nav-botnav a {
 height:47px; 
display:block;
}

#nav-botnav li {
float:left;
list-style:none;
display:inline;
}

#nav-botnav-01 {
width: 50px;
}
#nav-botnav-02 {width: 60px;}
#nav-botnav-03 {width: 85px;}
#nav-botnav-04 {width: 90px;} 
#nav-botnav-05 {width: 95px;}
#nav-botnav-06 {width: 120px;}
#nav-botnav-07 {width: 105px;}
#nav-botnav-08 {width: 75px;}


#nav-botnav-01 a:hover {background:url("images/botNav13.gif") 0px 0px no-repeat; }
#nav-botnav-02 a:hover {background:url("images/botNav13.gif") -50px -47px no-repeat; }
#nav-botnav-03 a:hover {background:url("images/botNav13.gif") -110px -47px no-repeat; }
 #nav-botnav-04 a:hover {background:url("images/botNav13.gif") -195px -47px no-repeat; }
#nav-botnav-05 a:hover {background:url("images/botNav13.gif") -285px -47px no-repeat; }
#nav-botnav-06 a:hover {background:url("images/botNav13.gif") -380px -47px no-repeat; }
#nav-botnav-07 a:hover {background:url("images/botNav13.gif") -470px -47px no-repeat; }
#nav-botnav-08 a:hover {background:url("images/botNav13.gif") -575px -47px no-repeat; }




#drop-shamp 
{
disaply:block;
  width: 122px;
  height: 26px;
  background: url("images/drop-shamp.gif") no-repeat 0 0;

}

#drop-shamp:hover
{ 

  background-position: 0 -26px;
}

#drop-shamp span
{
	display: block;
  display: none;
}


#drop-cond
{
 display: block;
  width: 122px;
  height: 26px;
  background: url("images/drop-cond.gif") no-repeat 0 0;

}

#drop-cond:hover
{ 
  background-position: 0 -26px;
}

#drop-cond span
{
  display: none;
}

#drop-style
{
 display: block;
  width: 122px;
  height: 26px;
  background: url("images/drop-style.gif") no-repeat 0 0;

}

#drop-style:hover
{ 
  background-position: 0 -26px;
}

#drop-style span
{
  display: none;
}

#drop-perms
{
 display: block;
  width: 122px;
  height: 26px;
  background: url("images/drop-perms.gif") no-repeat 0 0;

}

#drop-perms:hover
{ 
  background-position: 0 -26px;
}

#drop-perms span
{
  display: none;
}

#drop-treat
{
 display: block;
  width: 122px;
  height: 26px;
  background: url("images/drop-treat.gif") no-repeat 0 0;

}

#drop-treat:hover
{ 
  background-position: 0 -26px;
}

#drop-treat span
{
  display: none;
}


#drop-beautiful 
{
disaply:block;
  width: 169px;
  height: 26px;
  background: url("images/drop-beautiful.gif") no-repeat 0 0;

}

#drop-beautiful:hover
{ 

  background-position: 0 -26px;
}

#drop-beautiful  span
{
	display: block;
  display: none;
}




#drop-green
{
disaply:block;
  width: 169px;
  height: 26px;
  background: url("images/drop-green.gif") no-repeat 0 0;

}

#drop-green:hover
{ 

  background-position: 0 -26px;
}

#drop-green  span
{
	display: block;
  display: none;
}




#drop-sister
{
disaply:block;
  width: 169px;
  height: 26px;
  background: url("images/drop-sister.gif") no-repeat 0 0;

}

#drop-sister:hover
{ 

  background-position: 0 -26px;
}

#drop-sister  span
{
	display: block;
  display: none;
}











#prodBanPurite {
margin-left:-12px;
background-image: url(images/purite-prodban.jpg);
background-repeat: no-repeat;
	width:763px;
	height:64px;
	
}
	
	
	
.side1 {
	font-weight:bold;
	text-transform:uppercase;	
	font-size:12px;
}

.side2  {
	font-weight:normal;
	text-transform:uppercase;	
	font-size:11px;
}
	

.field-field-shop-icon {
	clear:both;
	float:none;
	font-weight:bold;
}

.views-processed {color:#dc549e!important;font-weight:bold;}

.views-field-phpcode {
    margin-top: -7px;
    padding-bottom: 0px!important;
}

#Buy {display:none;}
#Buy2 {margin-left:160px;margin-top:20px;}