/* BRIN D'HERBE - HEADER */

#header {
	width: 94em; padding-right: 4em;
	background: transparent url(../images/header_banner.png) right top no-repeat;
	position: relative; z-index: 500;
}
#banner { position: relative; width: 94em; height: 190px; }
#logo { width: 250px; height: 84px; }
#brindherbe { text-indent: -9000px; overflow: hidden; }
#bannerLeft { position: absolute; left: 0; bottom: 0; width: 94em; }
#payment { width: 140px; height: 45px; }
#bannerRight {
	position: absolute; right: 0; top: 0;
	padding-right: 1em; margin-top: 0.5em;
}
#bannerRight p, #bannerRight ul, #bannerRight div {
	float: left; display: inline; /* Fix IE6 */
}
#zoom { width: 13em; padding-top: 0.4em; }
#zoomTxt { margin: 0.6em 0.8em 0 0; font-size: 1.1em; color: #363; }
#fontSizes { position: relative; height: 2em; }
#fontSizes li { display: inline; }
#fontSizes li a { color: #363; }
#fontSizes .selected { padding-bottom: 1px; border: 1px solid #9bbc4f; }

#fontsize_10 {
	position: absolute; left: 0em; bottom: 0;
	padding: 1px 1px 2px 1px; font-size: 1em; color: #363;
}
#fontsize_12 {
	position: absolute; left: 1em; bottom: 0;
	padding: 1px 1px 2px 1px; font-size: 1.4em; color: #363;
}
#fontsize_16 {
	position: absolute; left: 1.7em; bottom: 0;
	padding: 1px 1px 2px 1px; font-size: 1.8em; color: #363;
}
#fontsize_10:hover, #fontsize_12:hover, #fontsize_16:hover {
	padding: 0 0 1px 0; border: 1px solid #9bbc4f; background-color: #d9e97b;
}

#links { margin: 1em 1em 0 0; font-size: 1.1em; width: 24em; text-align: right; }
#links a {
	margin-left: 0.5em; padding-left: 0.7em;
	border-left: 1px solid gray; color: black;
}
#links a:hover { text-decoration: underline; }
#links .first { border: none; }
#links .signin { text-decoration: underline; }

#cart {
	position: relative; width: 22em; height: 5em; display: block;
	border: 1px solid #b8cd38; background-color: white; float: left;
	text-decoration: none; cursor: pointer;
}

#cart .topleft {
	position: absolute; left: -1px; top: -1px; width: 11px; height: 11px;
	background: url(../images/cart_topleft.gif) left top no-repeat;
}
#cart .topright {
	position: absolute; right: -1px; top: -1px; width: 11px; height: 11px;
	background: transparent url(../images/cart_topright.gif) left top no-repeat;
}
#cart .bottleft {
	position: absolute; left: -1px; bottom: -1px; width: 11px; height: 11px;
	background: transparent url(../images/cart_bottleft.gif) left top no-repeat;
}
#cart .bottright {
	position: absolute; right: -1px; bottom: -1px; width: 11px; height: 11px;
	background: transparent url(../images/cart_bottright.gif) left top no-repeat;
}
#cart .bottleft, #cart .bottright { _bottom: -2px; }
#pTitle, #cartContent { float: left; _float: none; }
#cart .discountInfo {
  clear: both; display: none; text-align: center; color: gray; font-size: 90%; padding-top: 0.4em;
}
#cart .discountInfo span.line2 { display: none; }
#cart.discounted { height: 6.2em; }
#cart.discounted .discountInfo { display: block; }

#pTitle {
	width: 100%; height: 2.5em; display: block;
	background: #c6e881 url(../images/degrade_cart.jpg) left top repeat-x;
}
#cartTitle {
	display: block; margin: 0.4em 0 0 4em; font-size: 1.2em;
	text-decoration: none; font-weight: bold; color: white;
}
#cart:hover #cartTitle { color: #51784B; }

#cartIcon {
	position: absolute; left: 13px; top: 8px; width: 1.6em; height: 3.5em;
	background: transparent url(../images/icon_cart.gif) left top no-repeat;
}
#cartContent { display: block; margin: 0.4em 0 0 4em; width: 17em; }
#cartText { margin-top: 0.5em; font-size: 1.1em; text-decoration: none; color: black; }
#cartText:hover { text-decoration: underline; }
#cartArticle { font-size: 1.1em; color: #c33; float: left; }
#cartArticle span { font-weight: bold; }
#cartAmount {
	float: right; display: inline; font-size: 1.1em;
	margin-right: 1.5em; font-weight: bold; color: black;
}

#securePayment {
	width: 100%; height: 22px; line-height: 22px;
	margin: 0 0 3px 9px; font-size: 9px; padding-left: 80px;
	background: transparent url(../images/icon_payment.gif) left bottom no-repeat;
}
#phone {
	float: left; position: relative; width: 50em; height: 3.4em;
	background: transparent url(../images/green_banner.gif) left bottom no-repeat;
}
#help {
	display: none;
	position: absolute; left: 0; bottom: 2em; width: 30em; margin: 3px 0 0 4em;
	font-size: 10px; font-weight: bolder; color: #f0f7d1;
}
#tel {
	position: absolute; left: 0; bottom: -0.22em;
	padding: 0 0 0 3em; font: bold 1.8em Arial, sans-serif; color: #f0f7d1;
}
#searchMenu {
	float: left; position: relative; z-index: 2;
	width: 64em; height: 34px; background-color: #b33c3c;
}
#telIcon {
	position: absolute; left: 15px; top: -26px;
	width: 24px; height: 34px; z-index: 3;
	background: transparent url(../images/icon_tel.gif) left bottom no-repeat;
}
#days {
	position: absolute; left: 0; top: 0;
	font-size: 0.9em; padding: 4px 0 0.7em 6em; color: #e4e4e4;
}
#searchContent {
	float: right; display: inline; padding: 5px 10px 0 0; margin-top: 1px;
	line-height: 1.5em; font-size: 1.1em;
}
#searchContent p {
	padding-left: 2em;
	background: transparent url(../images/icon_search.gif) left center no-repeat;
}
#searchContent a {
	font-weight: bolder; text-decoration: underline; color: #e4e4e4;
}
#searchContent a:hover { color: #ccc; }
#searchBox {
border:1px solid #999999;
font-size:12px;
height:18px;
margin-right:0.8em;
padding:0.1em 0;
width:12em;
}
#searchBox.placeholder { color: #4D4D4D; }
#selectBox {
	width: 10em; height: 1.7em; margin-right: 0.5em; padding: 0.1em 0 0.1em 0;
	border: #999 1px solid;
}
#button {
	height: 2em; margin-right: 1em; /* padding-bottom: 0.4em;*/
	vertical-align: middle; font-weight: bolder; margin-bottom:3px;
}
#button:hover { cursor: pointer; color: gray; }

#horizontalMenu {
	width: 94em; height: 3.6em;
	background: white url(../images/button_back.jpg) left top repeat-x;
}
#horizontalMenu li { float: left; margin-left: 0.1em; text-align: center; }
#horizontalMenu li a {
	display: block; width: 12.02em; height:3.1em; font: 1.3em Arial, Helvetica, sans-serif;
	line-height: 3.1em; text-decoration: none; color: #4d4d4d;
	background: #e2e2e2 url(../images/degrade_menu.jpg) left top repeat-x;
}
#horizontalMenu li a:hover, #horizontalMenu li.active a {
	cursor: pointer;
	background: #a5a5a5 url(../images/activ_back.jpg) left top repeat-x;
}
#horizontalMenu li.first { margin: 0; }
#horizontalMenu li.first a { width: 11.8em; }
#horizontalMenu a.first {
	background: #a5a5a5 url(../images/activ_back.jpg) left top repeat-x;
}