/****************************************************/
/*   GLOBAL Stylesheet file for Dorel / Quinny		*/
/*   Version: 1.0                                   */
/*   february 2007                                  */
/*                                                  */
/*   	created by: Booleanpark                     */
/*   	paars #810e87								*/
/*		groen #59bb01								*/
/*		rood #e33c20  								*/
/* 		lichtblauw #edf7fe vlak						*/
/* 		rand #c9ecfb  								*/                             
/*													*/
/*   	grijs tekst:  #7f7f7f 						*/
/*		grijze lijnen:	#b3bac4                     */
/*                                                  */
/****************************************************/

@import url('navigation.css');
@import url('content.css');

/* GLOBAL */
/* ************************************* */
html, body 	{margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #666666; background-color: #FFFFFF;}
body 		{font-size: 70%;}
img 		{border: 0;}
hr 			{border: solid 1px #ddd; color: #ddd; background-color: #ddd; height: 1px;}

/* GRID */
/* ************************************* */
#container 	{background: #fff; text-align:left; width: 926px; margin: auto; padding: 0;}	

#header		{position:relative; width:100%;height:105px; margin-bottom: 40px;border-bottom: 1px solid #810e87;}
#switch		{position:absolute; top:50px;left:756px; margin:0px 0 0 18px;} /* top:36px left:757px; */
#language	{position:absolute; top:8px;left:757px; margin-left: 18px;} /* top:44px left:633px; */
#language a {font-weight:bold; font-size: 1.0em; text-decoration: none; color: #6d6d6d;padding:0 0 0 10px; background: url('../img/arrow1.gif') 0px 4px no-repeat;}
#language a:hover {background: url('../img/arrow1h.gif') 0px 4px no-repeat;color: #810e87;}

#changeCulture {display:block;float:right;height:28px;width:161px;line-height:24px;margin:5px 15px 0 0; padding:0; padding-top:4px;background:transparent url('../../img/bg_changeCulture.gif') no-repeat top left;}
#changeCulture a {text-decoration:none;}
#changeCulture img {vertical-align:middle;margin:0 7px 0 8px;}
#changeCulture span {margin-left:6px;padding-right:10px;background:transparent url('../img/arrow1.gif') no-repeat right 5px;text-decoration:none;color:#6d6d6d;}
#changeCulture a:hover span {text-decoration:underline;}


#bannerPopup { position:absolute; width:347px; top: 195px; left: 50%; margin-left: -450px; z-index:+100; }
#SenzzBannerPopup { position:absolute; width:347px; top: 195px; left: 50%; margin-left: -350px; z-index:+100; }
#bannerHeader { position:absolute; left:221px; margin-top:5px; }
.bannerFooter { margin-left: 75px; }
.bannerFooterProductDetail {margin-left:57px;}
#bannerRightTop { margin-bottom:12px; }

#content 		{margin-top: 11px; clear: both; background:#fff;}
#col1 			{float: left; width: 140px; margin:2px 5px 0 -1px; background:#fff; }
#col2 			{float: left; display:inline; width: 581px; margin:0 2px 0 2px; background:#fff;}
#col3 			{float: right; display:inline; width: 173px; margin:4px 1px 0 0;background:#fff;}

/* footer For US */
/* ************************************* */

#footerCenter {clear: both;margin: 30px 0 0 0;width: 924px;  text-align: center; background: #fff; }

#footercontainer {visibility:hidden;clear: both; width: 100%; height: 32px;border-top: solid 1px #A7A7A7;}
#footer {clear: both;margin: 30px 0 0 0; border-top:1px solid #b3b3b3;width: 924px; height: 31px; text-align: right; background: #fff;  line-height: 29px;}
#footerContent 
#footer a {font-weight: normal; color:#7f7f7f;text-decoration:none;padding:0 4px 0 4px;}
#footer a:hover  {color: #e33c20;background:#edf7fe;}


/* footerSitemap */
/* ************************************* */
/* TODO: op de productdetailpagina moet de .footerSitemap 529px breed en een linkermargin van 44px hebben */
.footerSitemap {display:inline; float:left; width:498px; background:#f5f5f7; border:solid 1px #b4b4b4; margin:25px 0 45px 75px; padding:10px 0 15px 7px; color:#7a7979; font-size:1.1em; margin: 0 0 0 75px}
.footerSitemap p {padding-left:0; margin-left:0;}
.footerSitemap ul {display:block; float:left; min-width:75px; width:auto !important; width:75px;padding:0 5px; margin:10px 11px 10px -5px;}
.footerSitemap ul li {list-style:none; list-style-position:outside;}
.footerSitemap ul li.cat, .footerSitemap ul li.cat a {color:#810e87 !important;font-size:1.0em !important; font-family:Trebuchet MS, Lucida Sans Unicode, Lucida Sans, Arial, Sans-Serif;}
.footerSitemap ul li a {text-decoration:none;color:#585858;font-size:0.9em;}
.footerSitemap ul li a:hover {color:#000000;}

.footerSitemapProductdetail {display:inline; float:left; width:529px; background:#f5f5f7; border:solid 1px #b4b4b4; margin:10px 0 0 41px; padding:10px 0 15px 7px; color:#7a7979; font-size:1.1em;}
.footerSitemapProductdetail p {padding-left:0; margin-left:0;}
.footerSitemapProductdetail ul {display:block; float:left; min-width:75px; width:auto !important; width:75px;padding:0 5px; margin:10px 11px 10px -5px;}
.footerSitemapProductdetail ul li {list-style:none; list-style-position:outside;}
.footerSitemapProductdetail ul li.cat, .footerSitemap ul li.cat a {color:#810e87 !important;font-size:1.0em !important; font-family:Trebuchet MS, Lucida Sans Unicode, Lucida Sans, Arial, Sans-Serif;}
.footerSitemapProductdetail ul li a {text-decoration:none;color:#585858;font-size:0.9em;}
.footerSitemapProductdetail ul li a:hover {color:#000000;}


/* cultureOverlay */
/* ************************************* */
#cultureOverlay {visibility:hidden; position:absolute; top:0; left:0; z-index:999999; background:#FFF;  
                    opacity:0.8; /* css 3 */
                    filter:alpha(opacity=80);/* for msie */
                    -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=0.80)”; /* for msie */
                    zoom: 1;/* for msie */
                    -khtml-opacity: 0.80; /* webkit */
                }
#cultureLayer {visibility:hidden; position:absolute;left:0; top:80px; margin:0; padding:0; z-index:9999999; width:880px; background:#FFFFFF url('../img/cultureLayerWatermark.gif') no-repeat 0px bottom; border:solid 1px #b3bac4; font-family:Trebuchet MS ,Tahoma,Arial,sans-serif;}
#cultureLayer span.cultureImg {float:left; height:125px; overflow:visible; }
	#cultureLayer span.cultureImg 	{_margin-bottom:-100px;}/* IE6 hack */
#cultureLayer p {display:block; float:right; width:515px; font-weight:bold; font-size:2.0em; color:#810e87; text-align:center;}
#cultureLayer a.closeLayer {float:right;color:#676666;text-indent:-999px;text-decoration:none;font-size:1.1em;margin:10px 10px 0 0;padding-right:22px;background:transparent url('../../img/close.gif') no-repeat right 2px;}
#cultureLayer a.closeLayer:hover {text-decoration:underline;}

#cultureLayer ul {display:block; float:right; width:530px; min-height:360px; height:auto !important; height:360px; margin:0 10px 0 0; font-size:1.2em;}
#cultureLayer ul li {display:block; float:left; margin:20px 10px 0 15px; width:103px; height:80px; color:#810e87; font-weight:bold;}
#cultureLayer ul li ul {display:block; float:left; border:none; margin:0;padding:0; min-height:75px;height:auto !important; height:75px; width:100px;}
#cultureLayer ul li ul li {float:none;margin:0; padding:0; height:auto; line-height:17px;}
#cultureLayer ul li ul li a {text-decoration:none; color:#7f7f7f; font-size:0.8em; font-weight:normal;}
#cultureLayer ul li ul li a:hover {color:#000000;}

#cultureLayer .shadowLeft {position:absolute; bottom:-1px; left:-15px; display:block; width:15px; height:558px; background:transparent url('../../img/cultureShadowLeft.png') no-repeat top left;}
#cultureLayer .shadowBottom {position:absolute; bottom:-15px; left:-17px; display:block; width:900px; height:14px; background:transparent url('../../img/cultureShadowBottom.png') no-repeat top left;}