/* CSS Document */

* { font-family: 'Trebuchet MS', Tahoma, sans-serif;}
html,body {
	margin: 0; padding: 0;
	height: 100%;
	background-color: #FFF;
	overflow: hidden;
}
.forbid #basket, .forbid #header, .forbid #mainContent,
	.forbid #navLeftList, .forbid #navLeftFooter { visibility: hidden;}
.forbid #navLeftHeader { background-image: none;}
#header {
	height: 85px;
	margin: 0 236px 0 185px;
	overflow: hidden;
}
#loading {
	height: 85px; width: 100%;
	position: absolute; top: 0; left: 0;
	background: url(/images/_A0/layout/GreenPix.gif) repeat-x bottom #FFF;
}
#loading div {
	height: 84px; width: 533px;
	margin: 0 auto 0 185px;
	background: url(/images/_A0/loading.gif) 50% 60% no-repeat;
}
#mainLoading {
	position: absolute; top: 85px; display: none;
	background: url(/images/_A0/loading.gif) 50% 55% no-repeat #FFF;
}
#userHelp {
	position: absolute; top: 85px; left: 0; display: none;
	background: url(/images/_A0/fullScreen.png) repeat;
}
#userHelp div {
	height: 100%; width: 100%;
	background-repeat: no-repeat;
}
#userHelp div.content { background-position: 120px 0;}
#basketPostIt div.opened { background-position: 100% 25%;}
#basketPostIt div.closed { background-position: 100% 0%;}
#fullMainLoading {
	width: 100%; height: 90%;
	border: 0; margin: 0; padding: 0;
	visibility: hidden;
	color: #4D9933; font-size: 20px; font-weight: bold;
}
#fullMainLoading td {
	text-align: center;
	vertical-align: middle;
}
#fullscreen {
	display: none;
	z-index: 500;
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0;
	background: url(/images/_A0/fullScreen.png) repeat;
	font: message-box;
}
#fullscreen p {
	margin: 15px 25px 5px 25px;
	text-align: left;
}
#fullscreen p.input {
	margin: 0 27px 0 25px;
	text-align: right;
}
#fullscreen p.buttons {
	margin: 10px 24px 10px 25px;
	text-align: right;
}
#fullscreen button { font: message-box; padding: 0;}
#fullscreen input {
	width: 100%;
	background-color: #FFF;
	border: 1px solid Highlight;
}
#fullscreen table { width:100%; height:100%;}
#fullscreen table td { vertical-align: middle;}
#fullscreen div {
	width: 350px; margin: auto;
   background-color: ButtonFace;
   border: 2px solid ActiveCaption;
}



/* topNav part <-- */
.rab { display: table-cell;}
#topNavContainer {
	height: 82px;
	padding-top: 3px;
	background: url(/images/_A0/layout/GreenPix.gif) repeat-x bottom;
}
#topNavContainer #level_1 { margin-left: 41px; height: 36px;}
#topNavContainer #level_2 { margin-left: 15px;}
#topNavContainer a, #topNavContainer a.selected {
	color: #FFF;
	border: none;
	font-size: 12px; font-weight: bold; line-height: 12px;
	text-align: center; text-decoration: none;
}
#level_1 { overflow: hidden;}
#level_1 a, #level_1 a.selected {
	width: 119px; height: 20px;
	padding-top: 16px;
	display: block;
	float: left;
}
#level_1 a:link, #level_1 a:visited, #level_2 a:link, #level_2 a:visited { background-position: 0px 0px;}
#level_1 a:hover { background-position: 0px -72px;}
#level_1 a.selected:link, #level_1 a.selected:visited { background-position: 0px -36px;}
#level_2 a:hover, #mini2 a:hover { background-position: 0px -92px;}
#level_2 a.selected:link, #level_2 a.selected:visited { background-position: 0px -46px;}
#level_1 #t1, #level_1 #t2, #level_1 #t3 { background-repeat: no-repeat;}
#level_1 #t1 { background-image: url(/images/_A0/topNav/level1_1.gif);}
#level_1 #t1 span { padding: 0 15px 0 40px;}

#level_1 #t2 { background-image: url(/images/_A0/topNav/level1_2.gif);}
#level_1 #t2 span { padding: 0 13px 0 30px;}
#level_1 #t3 { background-image: url(/images/_A0/topNav/level1_3.gif);}
#level_1 #t3 span { padding: 0 15px 0 30px;}
#level_1 #t4 { background-image: url(/images/_A0/topNav/level1_4.gif);}
#level_1 #t4 span { padding: 0 15px 0 38px;}
#level_1 #t4newupdates { background-image: url(/images/_A0/topNav/level1_4_newupdates.gif);}
#level_1 #t4newupdates_0 { background-image: url(/images/_A0/topNav/level1_4_newupdates_0.gif);}
#level_1 #t4newupdates_1 { background-image: url(/images/_A0/topNav/level1_4_newupdates_1.gif);}
#level_1 #t4newupdates_2 { background-image: url(/images/_A0/topNav/level1_4_newupdates_2.gif);}
#level_1 #t4newupdates_3 { background-image: url(/images/_A0/topNav/level1_4_newupdates_3.gif);}
#level_1 #t4newupdates_4 { background-image: url(/images/_A0/topNav/level1_4_newupdates_4.gif);}
#level_1 #t4newupdates_5 { background-image: url(/images/_A0/topNav/level1_4_newupdates_5.gif);}
#level_1 #t4newupdates_6 { background-image: url(/images/_A0/topNav/level1_4_newupdates_6.gif);}
#level_1 #t4newupdates_7 { background-image: url(/images/_A0/topNav/level1_4_newupdates_7.gif);}
#level_1 #t4newupdates_8 { background-image: url(/images/_A0/topNav/level1_4_newupdates_8.gif);}
#level_1 #t4newupdates_9 { background-image: url(/images/_A0/topNav/level1_4_newupdates_9.gif);}
#level_1 span { padding: 0 3px 0 25px;}
#level_1 span#newUpdates { display: none;}

#level_2 {
	clear: left; float: left;
	background: url(/images/_A0/topNav/level2_Center.gif) repeat-x top;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-khtml-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
}
#mini2 { background-position: 0% 0%; background-repeat: no-repeat;}
#level_2 .right { display: table-row;}
#mini2 .right { height: 46px; overflow: hidden;}
#level_2 a, #level_2 a.selected {
	display: table-cell; vertical-align: middle;
	width: 90px; height: 46px;
	padding: 8px 8px 0;
}
#topNavContainer #level_2 a#myShop, #topNavContainer #level_2 a#myShop.selected {
	text-align: left;
	width: 38px;
	padding: 8px 8px 0 60px;
}	
#mini2 a {
	display: table-cell; vertical-align: middle;
	width: 90px; height: 46px;
	padding: 0 8px;
}
#searchForm {
	display: table-cell;
	width: 207px !important; height: 46px;
	padding-left: 8px;
	overflow: hidden;
	position: relative;
}
#searchForm div.roundSB { display: table; float: left;}
#searchForm #searchButton { float: right;}
#searchForm .searchtitle {
	float: left;
	color: #FFF;
	font-size: 12px; font-weight: bold; line-height: 12px;
	margin: 5px 0 0 0; padding: 0;
	position: relative; z-index: 80;
}
#searchForm #enter:focus { outline: none;}
div.roundSB {
	width: 164px; height: 29px; overflow:hidden;
	float: left; text-align:center;
	position: absolute; top: 15px; z-index: 70;
	background: transparent url(/images/_A0/roundForms/textfield_search_162.png) no-repeat scroll 50% 0%;
}
div.roundSB div {
	width: 144px; height: 21px; overflow: hidden;
	margin: 6px auto auto auto; padding: 0;
	position: relative; z-index: 70;
	background: none;
}
div.roundSB input {
	width: 152px; padding: 4px;
	position: absolute; top: -4px; left: -4px; z-index: 70;
	font-size: 12px; font-weight: bold;
	background: none; border: none;
	color: #060;
}
#topNavContainer #level_2 .left { background: url(/images/_A0/topNav/level2_Left.gif) no-repeat 0% 0%;}
/*#topNavContainer #level_2 .right { background: url(/images/_A0/topNav/level2_Right.gif) no-repeat 100% 0%;}*/ /* IE only */
#topNavContainer #level_2 a { background-image: url(/images/_A0/topNav/level2.gif);}
#topNavContainer #level_2 a#myShop { background-image: url(/images/_A0/topNav/level2_myShop.gif);}
#topNavContainer #level_2 a.selected { color: #4D9933;}
/* --> end topNav part */



#navLeft {
	position: absolute; left: 0; z-index: 1;
	width: 186px;
	background: url(/images/_A0/layout/GreenPix.gif) repeat-y right #FFF;
}
#basket {
	position: absolute; right: 0; z-index: 1;
	width: 247px;
	background: url(/images/_A0/layout/GreenPix.gif) repeat-y right #FFF;
}
#basket.closed { border-bottom: 1px solid #4D9933;}
#basketList { overflow: auto;}
#navLeftList { width: 183px; border-left: 2px solid #FFF;}
#navLeftFooter,  #navLeftFooter p, #basketFooter {
	height: 17px;
	margin: 0; padding: 0;
	color: #FFF;
	text-align: center;
	font-size: 12px; font-weight: bold; line-height: 17px;
}
#navLeftHeader {
	height: 101px;
	text-align: center;
	font-size: 2px; line-height: 2px;
	background: url(/images/_A0/layout/GreenPix.gif) repeat-x bottom #FFF;
}
#navLeftHeader div.homepage { height: 84px;}
#navLeftHeader div.homepage a {
	display: block;
	position: absolute; left: 0;
	width: 200px; height: 84px;
	background: url(/images/_A0/topLogoHome.gif) no-repeat 50% 0%;
}
#navLeftHeader div.homepage a.lsd { background: url(/images/_A0/topLogoLSD.gif) no-repeat 50% 0%;}
#navLeftTitle {
	height: 17px; text-align: center;
	background: #4D9933 url(/images/_A0/layout/navLeftButton_top.gif) no-repeat 0% 100%
}
#navLeftTitle div {
	height: 17px;
	padding-right: 20px;
	position: absolute; right: 0;
	font-size: 10px; line-height: 17px;
	color: #FFF;
	background: url(/images/_A0/layout/navLeftButton_topToOpen.gif) right no-repeat;
}
div.bouton, p.bouton { cursor: pointer;}
#navLeftTitle div span {
	padding-right: 18px;
	background: url(/images/_A0/layout/SboutonToOpen.gif) right no-repeat;
}
#navLeftTitle p {
	height: 17px;
	margin: 0;
	color: #FFF;
	font-size: 12px; font-weight: bold; line-height: 17px;
}
#basketHeader {
	height: 101px;
	text-align: center;
	background: url(/images/_A0/basket/bH/bH.jpg) no-repeat top;
}
#basketHeader.home { background-image: url(/images/_A0/basket/bH/basketHeader_home.gif);}
#basketHeader.lsd { background-image: url(/images/_A0/basket/bH/basketHeader_lsd.gif);}
#switchDelivery {
	position: absolute; z-index: 100;
	right: 0; width: 247px;
}
#SwitchDeliveryBtn {
	display: block; text-indent: -999px;
	position: absolute; top: 0;
	width: 125px; height: 39px;
	overflow: hidden;
}
#basketHeader.home #SwitchDeliveryBtn { right: 0;}
#basketHeader.lsd #SwitchDeliveryBtn { left: 0;}
#bHdelivInfos { margin: 45px 5px 0 13px; text-align: left; font-weight: bold; color: #fff;}
#basket.none #bHdelivInfos { display: none;}
.homeDelivTo {
	display: block; height: 16px; overflow: hidden;
	font-size: 13px; line-height: 13px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /* first! */
	filter: alpha(opacity=65); /* second! */
	opacity: .65;
}
#basketHeader.lsd .homeDelivTo, #basketHeader.lsd #homeDelivStreet,
	#basketHeader.lsd #homeDelivCity { display: none;}
#homeDelivStreet {
	display: block; height: 20px; overflow: hidden;
	font-size: 18px; font-weight: normal; line-height: 18px;
	text-shadow: rgba(0,0,0,0.8) 0px 1px 1px;
}
#homeDelivCity {
	display: block; height: 13px; overflow: hidden;
	font-size: 12px; line-height: 12px;
	text-shadow: rgba(0,0,0,0.8) 0px 1px 1px;
}

#driveDelivToSatellite {
	display: block; height: 28px; overflow: hidden;
	font-size: 16px; line-height: 16px;
	text-shadow: rgba(0,0,0,0.8) 0px 1px 1px;
}

#driveDelivAtSlot  {
	display: block; height: 13px; 
	font-size: 13px; line-height: 13px;
	text-shadow: rgba(0,0,0,0.6) 0px 1px 1px;
}
#driveDelivAtSlot a, #driveDelivToSatellite a { color: #fff;}
#driveDelivAtSlot a:link, #driveDelivAtSlot a:visited,
	#driveDelivToSatellite a:link, #driveDelivToSatellite a:visited { text-decoration: underline;}
#driveDelivAtSlot a:hover, #driveDelivToSatellite a:hover { text-decoration: none;}

.basketHeaderV2 div {
	font-size: 14px; line-height: 18px; color: #666;
	height: 84px; text-align: left; padding-left: 86px;
	background: url(/images/_A0/basket/bH/basketHeader_V2.gif) no-repeat 22px 100% #fff;
}
.basketHeaderV2 table { height: 100%; border: none; border-collapse: collapse;}
.basketHeaderV2 a { font-weight: bold; color: #f08630; white-space: nowrap;}
.basketHeaderV2 #languagecontainer a { font-weight: normal;}
.basketHeaderV2 a:link, .basketHeaderV2 a:visited { text-decoration: underline;}
.basketHeaderV2 a:hover { text-decoration: none;}
.basketHeaderV2 #languagecontainer { position: absolute; right: 0;}
#push { height: 84px;}
#basketHeader p {
	margin: 0; padding: 0;
	color: #FFF;
	font-size: 12px; font-weight: bold; line-height: 17px;
}
#basketTotal { height: 10px; text-align: center;}
#mainContent {
	overflow: auto;
	margin: 0 247px 0 185px;
}
.opened { height: 100%;}
.closed { height: 110px;}
#navLeft.closed { height: 101px; background: none;}
div.closed #navLeftHeader { height: 84px; background-image: none;}
#navLeft.none, #navLeft.none #navLeftHeader, #basket.none, #basket.none #basketHeader, #basket.none #push { height: 85px;}
#basket.none .bouton, #basket.none #basketList, #basket.none #basketTotal, #basket.none #basketFooter { display: none;}
#basket.none #push { background: url(/images/_A0/layout/GreenPix.gif) repeat-x bottom;}
div.closed #navLeftTitle, div.none #navLeftTitle, div.closed #basketHeader { display: none;}
div.opened #navLeftFooter { background: #4D9933 url(/images/_A0/layout/navLeftButton_bottom.gif) no-repeat left;}
div.closed #navLeftFooter { background: url(/images/_A0/layout/navLeftButton_replied.png) no-repeat 0% 0%;}
div.opened #navLeftFooter div.toOpen,
	div.opened #basketFooter div.toOpen { display: none;}
#navLeft.none #navLeftFooter,
	div.closed #navLeftFooter div.toClose,
	div.closed #basketFooter div.toClose { display: none;}
div.closed #navLeftFooter div.toOpen div {
	position: absolute; right: 0;
	padding-right: 20px;
	font-size: 10px;
}
div.opened #basketFooter { background: #4D9933 url(/images/_A0/layout/basketButton_bottom.gif) no-repeat right; clear: left;}
div.closed #basketFooter { position: absolute; top: 0; width: 247px; background: #4D9933 url(/images/_A0/layout/navLeftButton_top.gif) no-repeat left;}
#basketFooter p { margin-top: 0;}
div.closed #basketFooter div.toOpen div {
	position: absolute; right: 0;
	padding-right: 10px;
	font-size: 10px;
}
div.closed #navLeftFooter div.toOpen span {
	padding-right: 20px;
	background: url(/images/_A0/layout/SboutonToOpen.gif) right no-repeat;
}
div.opened #navLeftFooter div.toClose span {
	padding-right: 20px;
	background: url(/images/_A0/layout/SboutonToClose.gif) right no-repeat;
}
div.opened #navLeftTitle span {
	display: inline-table; /* this is for mac */
	padding-right: 20px;
	background: url(/images/_A0/layout/SboutonToClose.gif) right no-repeat;
}
div.closed #basketFooter div.toOpen span {
	padding-right: 20px;
	float: right; height: 17px; /* this is for mac */
	background: url(/images/_A0/layout/SboutonToOpen.gif) right no-repeat;
}
div.closed #basketListFrame {
	position: absolute; top: -50px;
	height: 20px;
}
div.none #navLeftList { display: none;}
div.closed #navLeftList { position: absolute; left: -200px;} /* workaround to display none for safari */
iframe { border: 0; margin: 0; padding: 0;}
#mainContentFrame { width: 100%; height: 100%; float: left;}
#navLeftListFrame { width: 100%; height: 100%;}
#basketTotalFrame { width: 246px; float: left;}
#basketListFrame { width: 246px; height: 100%; float: left; background: url(/images/_A0/layout/GreenPix.gif) repeat-y right #FFF;}

#logOut, #modo { position: absolute; right: 260px; z-index: 100;}
#logOut { top: 0px;}
#modo { top: 19px; z-index: 99;}
#logOut a, #modo a { color: #666; font-weight: normal;}
#logOut a:hover, #modo a:hover { text-decoration: underline;}

.superlogout {
	width: 32px; height: 37px;
	margin: 1px 2px;
	float: left;
	font-size: 12px; font-weight: bold; line-height: 14px;
}
.superlogout div { position: absolute; visibility: hidden;}
.superlogout:hover div { visibility: visible;}
div dfn {
	display: block;
	width: 150px;
	padding: 4px;
	position: absolute; top: 5px; z-index: 99;
	text-align: left;
	background-color: #F8F8F8;
	border: 1px solid #575759;
	color: #575759;
	font-style: normal;
}
#logOut div dfn { width: 300px; right: -35px;}


#languagecontainer {
	height: 16px; width: 200px;
	position: absolute; top: 72px; left: 0;
}
#languagecontainer a {
	font-family: 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 9px; color: #5a5a5a; text-decoration: none;
}
#languagecontainer a:hover { text-decoration: underline;}
#languagecontainer p {
	padding-top: 0; margin: 0;
	font-size: 10px; line-height: 10px; font-weight:normal;
	color:#7aa12f; word-spacing: 3px; white-space: nowrap;
}

/* newsletterGuest related */
#newsletterBox { margin-top: 8px;}
.ui-dialog.noBorderDialogBox .ui-dialog-content { padding: 0.5em 0.5em 0 0.5em;}
#logAndPass { color: #838383;}
#logAndPass table { margin: auto; font-size: 14px;}
#logAndPass td.strong { color: #666;}
fieldset { border: none; margin: 7px 0 0; padding: 0; text-align: left; background-color: #FFF;}
fieldset a img, div.fieldset a img, #navigationBar a img { border: none;}
fieldset td { padding-top: 2px; padding-bottom: 1px; background-color: #FFF;}
.ui-widget fieldset input, .ui-widget fieldset select { color: #333; font-size: 12px; line-height: 16px; font-weight: bold;}
td.leftLabel { text-align: right; padding-right: 7px; font-weight: bold; white-space: nowrap;}
td.leftLabel em { color: #f08630; font-style: normal; font-weight: bold;}
td.rightInput { padding-left: 7px; padding-right: 20px;}
td.rightInput .errorImage { float: left; margin-top: 6px;}
td.rightInput select { float: left; margin-right: 8px;}
#navigationBar td { padding-top: 20px;}
#navigationBar td.leftLabel { text-align: left; font-size: 11px; line-height: 14px; font-weight: normal;}
.adwPolicy { text-align: left; font-size: 12px; line-height: 14px; font-weight: normal;}
#navigationBar td.rightInput { text-align: right; padding-right: 25px;}
#newsletterBox .fieldsetWarnY, #newsletterBox .successMessageBox { position: relative; top: -8px; text-align: center; border: 1px solid #cacaca;}
#newsletterBox .successMessageBox { border: none; font-size: 15px; line-height: 20px;}
#newsletterBox .fieldsetWarnY { background-color: #FDFFD1;}
div.fieldsetWarnY div.content { color: #F08630; font-weight: bold; padding: 10px 70px; background: url(/images/_A0/greyRoundedShadowBorder/BigWarning.gif) no-repeat 30px 50%;}
div.successMessageBox div.content { color: #4d9933; font-weight: bold; padding: 10px 20px;}
#registeredUserMessageBox.successMessageBox div.content { color: #444; font-weight: normal; margin: 10px auto 5px;}
#registeredUserMessageBox.successMessageBox div.content strong { color: #f08630; font-weight: bold;}
#registeredUserMessageBox.successMessageBox div.content em { color: #666; font-weight: bold; font-style: normal;}