/* $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 */
letter-spacing:.6px;
}

#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

*
*/

.clearboth {
height: 1px !important;
}

#block-search-0
{
left:11px;
}

/* bathroom */
.tnid-113 {
width: 440px;
}
/* kitchen */
.tnid-184 {
width: 350px;
}
/* shower */
.tnid-234 {
width: 260px;
}

.tnid-119{
/*Signature Collection en-nam*/
width: 233px;
}
#page_menu .tnid-123{
/*Classic Collection en-nam*/
width: 350px;
}

.tnid-123{
/*Classic Collection en-nam*/
width: 170px;
}
.tnid-192{
/*Contemporary Collection en-nam*/
width: 350px;
}
#page_menu .tnid-243{
/*Pressure Balence Valve en-nam*/
width: 350px;
}

.tnid-243{
/*Pressure Balence Valve en-nam*/
width: 175px;
}
.tnid-224{
/*Bar faucents en-nam*/
width: 165px;
}

#page_menu .tnid-224{
/*Bar faucents en-nam*/
width: 350px;
}

.tnid-0{
/*Thermostatic shower*/
width: 175px;
}
.tnid-201{
/*kitchen faucets*/
width:  165px;
}
#page_menu .tnid-201{
/*kitchen faucets*/
width: 350px;
}

li a.active /* The active item in a Drupal menu */
{
color:#FFFFFF;/*color: #e09010;*/
background-repeat: repeat-x;
background-position: 0px 0px;
padding:0px 7px 2px 2px;
}

.graff-menu .group-copied-heading {
	width: 150px;
}
/* This is a fix for an element in graff_product_line.css */
.node-type-product-family .field-field-images .field-item.even{
background-position: 82px 0 !important;
}

.node-type-product-family .field-field-images .field-items {
padding: 0 0 0 16px !important;
}

.graff-menu .group-thumb {
background-image:url(images/menu-image-shadow-ie.png);
}
/* Popup product lightbox information tabs */
.tab-contents {
padding: 10px 20px 10px 20px;
}



/* --- Home Promo Rotation --- */

.view-home-promo-rotation .field-title {
	position: relative;
	height:36px;
	top: 93px;
	}