/* $Id: ie.css,v 1.2.2.3 2009/02/13 07:51:18 johnalbin Exp $ */

/*
 * IE CSS
 *
 * CSS targeted specifically for Internet Explorer for Windows.
 *
 * While building your theme, you should be aware that IE limits Drupal to 31
 * stylesheets total. The work-around for the bug is to enable CSS aggregation
 * under: admin / settings / performance.
 *
 * Properties starting with an underscore _ are for IE 5 and 6 only.
 * Properties starting with head:first-child+body are for IE7 only.
 * Properties with a child selector (>) or sibling selector (+) are for IE7 only.
 *
 */

/*
 * Layout CSS
 */

/** body **/
  body
  {
    _text-align: center; /* 1st part of IE5/IE6quirks centering hack */
  }

  #page
  {
    _text-align: left; /* 2nd part of IE5/IE6quirks centering hack */
  }

/** main (container for everything else) **/
  #main
  {
    _zoom: 1; /* Otherwise with a liquid layout, sidebars disappear when resizing the windows in IE6 */
  }

/** floating divs **/
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right
  {
    _display: inline; /* display inline or double your floated margin! [1] */
    _overflow: hidden; /* in ie6, overflow auto is broken [2] and so is overflow visible [3] */
    _overflow-y: visible;
  }


/*
 * Tabs CSS - IE 5 and 6 don't support PNGs with alpha transparency.
 */

  ul.primary li a,
  ul.primary li a .tab,
  ul.secondary li a,
  ul.secondary li a .tab
  {
    _display: inline; /* Otherwise the blocks mistakenly get 100% width in IE5 */
    _di\splay: inline-block; /* Otherwise the blocks mistakenly get 100% width in IE6 */
    cursor: pointer;
  }

  ul.primary,
  ul.secondary
  {
    _width: 100%; /* Otherwise IE5 treats the ul as floated */
    _w\idth: auto; /* Reset to auto width for IE6 */
  }

  ul.primary li a
  {
    _background: url(images/tab-left-ie6.png) no-repeat left -38px;
  }

  ul.primary li a .tab
  {
    _background: url(images/tab-right-ie6.png) no-repeat right -38px;
  }

  ul.primary li a:hover
  {
    _background: url(images/tab-left-ie6.png) no-repeat left -76px;
  }

  ul.primary li a:hover .tab
  {
    _background: url(images/tab-right-ie6.png) no-repeat right -76px;
  }

  ul.primary li.active a,
  ul.primary li.active a:hover
  {
    _background: url(images/tab-left-ie6.png) no-repeat left 0;
  }

  ul.primary li.active a .tab,
  ul.primary li.active a:hover .tab
  {
    _background: url(images/tab-right-ie6.png) no-repeat right 0;
  }

/*
 * Messages - IE 5 and 6 don't support PNGs with alpha transparency.
 */

  div.messages, /* Important messages (status, warning, and error) for the user */
  div.status,
  div.warning,
  div.error
  {
    _background-image: url(images/messages-status-ie6.png);
  }

  div.warning /* Medium priority messages */
  {
    _background-image: url(images/messages-warning-ie6.png);
  }

  div.error /* High priority messages. See also the .error declaration below. */
  {
    _background-image: url(images/messages-error-ie6.png);
  }

/** Drupal nodes **/
  .node-unpublished .node-inner>*
  {
    position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
  }

/** Drupal admin tables **/
  .section-admin #content tr.even th,
  .section-admin #content tr.even td,
  .section-admin #content tr.odd th,
  .section-admin #content tr.odd td
  {
    border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
  }

/*
 * REFERENCES
 *

1. http://www.positioniseverything.net/explorer/doubled-margin.html
2. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html
3. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B

 *
 */
 
 .iframer
 {
 margin-top:-30px;}

 #HomeWindow {
margin-top:-14px;
}

#CollectionWindow {

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

#ProductList {

}


#ProductList span{
display: none;
}





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


 #ProductList li {
display: inline;
list-style: none;
padding-right: 0px;
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:175px; 
height:317px;
background-image:url(images/sidenavbg.jpg);
background-repeat:repeat-x;
margin-top:-5px;
}



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

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


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

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


}


.GreenMeadowBB  {
font-size:.95em;
color:#666666;
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:-5px;
background-image: url(images/lemongrass-bb-background.jpg);
background-repeat: no-repeat;


}


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

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



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

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


}

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

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


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

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


}

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

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




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

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


}

.DayLilyBB  {
font-size:.95em;
color:#666666;
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:316px;
width:705px;
margin-left:5px;
margin-top:-5px;
background-image: url(images/perms-bb-background.jpg);
background-repeat: no-repeat;


}

.PermsColBB  {
font-size:.95em;
color:#666666;
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:316px;
width:705px;
margin-left:5px;
margin-top:-5px;
background-image: url(images/jasmine-bb-background.jpg);
background-repeat: no-repeat;


}

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

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




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

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


}

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

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





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

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


}

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

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


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

#ShampoosBB {
height:316px;
width:705px;
margin-left:5px;
margin-top:-5px;
background-image: url(images/bain-de-terre-shampoos.jpg);
background-repeat: no-repeat;


}

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


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

#ConditionersBB {
height:316px;
width:705px;
margin-left:5px;
margin-top:-5px;
background-image: url(images/bain-de-terre-conditioners.jpg);
background-repeat: no-repeat;


}

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


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

#StylersBB {
height:316px;
width:705px;
margin-left:5px;
margin-top:-5px;
background-image: url(images/bain-de-terre-styling.jpg);
background-repeat: no-repeat;


}

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


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

#PermsBB {
height:316px;
width:705px;
margin-left:5px;
margin-top:-5px;
background-image: url(images/bain-de-terre-perms.jpg);
background-repeat: no-repeat;


}

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




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

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

  }

.field-items {
width: 400px;
	padding-right:20px;
font-size:90%;

}


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


} 

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



.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: 600px;
	overflow: hidden;
	background-image:url(images/nav_bg.png); 
	background-repeatrepeat;
	/* background-color: #ededed; 
	 background-color: #ffffff; */
	
}


.product-body {
    width: 440px;
	margin-left: 160px;
	padding-right:10px;
	font-size:90%;
margin-top:0px;
	}
	
	
	#FooterWrap {
background:url(images/footerbg2.jpg);
background-repeat:repeat-x;
width:890px;
height:70px;
 margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:10px;
margin-top:-20px;


}

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

}

#Margin {

margin-top:-20px;
}


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

}

.form-submit {
line-height:20px;
}

#search {
/*	float: right; */
	line-height: 0;
	padding-top:13px;
	padding-left:15px;
	
}
  .form-submit /* The submit button */
  {
	/* vertical-align: bottom;*/

	margin-top:-27px;
  }
  
  
  
  .row-1 {

 border-top:1px solid #b7b7b7;
 border-left: 1px solid #b7b7b7;

}



.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;
/* border-top:1px solid #999999; */
}

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

.views-field-field-shortdescription-value {
font-size: 11px;
line-height:14px;
}