/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
}

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background:url(/design/bgr-top.gif) top repeat-x;
	overflow:-moz-scrollbars-vertical;
	
}

INPUT, TEXTAREA{
	margin:0 0 3px 10px;
	border:1px solid #ccc;
	padding:1px;
}

INPUT.forml_button, INPUT.formbutton {border:#999 solid 1px; background:#eee; margin:3px 5px 3px 10px;}

P{margin:0 0 15px 0;padding:0;}

H1{margin:0;padding:0}

HR{
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
}

#container{
	margin:0 auto;
	width:930px;
	position:relative;
}

A, A:visited{color:#006fb0;}
A:hover, A:active{color:#007FC9;}


/* =======================
HEADER
========================*/

#header{
	height:65px;
	background:url(/design/logo.gif) no-repeat 10px 10px;
	position:relative;
	
	z-index:20;
}

#header A#site, #header A#site:visited{
	display:block;
	position:absolute;
	width:100px;
	height:14px;
	right:5px;
	bottom:7px;
	color:#ffffff;
	
	text-decoration:none;
	
	text-align:right;
	padding-right:8px;
	
	background:url(/design/corner.gif) no-repeat bottom right;
	
}

#header A#site:hover, #header A#site:active{color:#e2e2e2;}

#header A#site span{
	position:absolute;
	width:100px;
	height:14px;
	right:1px;
	top:-1px;
	color:#999999;
	
	text-align:right;
	padding-right:8px;
	
	cursor:pointer;
}


#header #languages{
	display:block;
	position:absolute;
	width:25px;
	height:14px;
	right:110px;
	bottom:7px;
	color:#ffffff;
	
	text-decoration:none;
	
	text-align:right;
	padding-right:8px;
	
	background:url(/design/corner.gif) no-repeat bottom right;

	text-transform:uppercase;
	
}


#header #languages span{
	position:absolute;
	width:25px;
	height:14px;
	right:1px;
	top:-1px;
	color:#999999;
	
	text-align:right;
	padding-right:8px;
}

#header #languages #languagesChooser {
	display:block;
	position:absolute;
	width:20px;
	left:2px;
	top:-5px;
	color:#ffffff;
	
	text-decoration:none;
	
	padding-right:14px;
	
	border:1px solid #cccccc;
	padding:20px 6px 5px 8px;
	z-index:50;
	
	background:#FBF8F8;
	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	
	display:none;
		
}

#header #languages #languagesChooser A, #header #languagesChooser A:visited{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#999999;
	text-align:left;
}

#header #languages #languagesChooser A:hover, #header #languagesChooser A:active{color:#555555}

/* =======================
MENU
========================*/

#menu {margin-bottom:320px;z-index:50;}

#menu #border{
	border-right:#7e7e7e 1px solid;	
	display:block;
	width:1px;
	height:28px;
	float:left;
}

#menu A, #menu A:visited {
	display:block;
	height:12px;

/*	
	width:110px;
	padding:8px 0;
*/
	width:auto;
	padding:8px 20px;

	float:left;
	
	border-left:#ffffff 1px solid;
	border-right:#7e7e7e 1px solid;
	
	text-decoration:none;
	color:#333333;
	text-align:center;

}

#menu A:hover, #menu A:active{
	background:url(/design/bgr-button.gif) repeat-x top;
	color:#000000;
}

#menu .sublevel{
	display:block;

/*	
	width:110px;

*/

	width:auto;
	height:28px;

	float:left;
		
	position:relative;
	
	z-index:50;
}

#menu .sublevel A.sub,#menu .sublevel A.sub:visited {
	border-left:#ffffff 1px solid;
	border-right:#7e7e7e 1px solid;
	
	height:12px;
	padding:8px 20px;
	
	text-decoration:none;
	color:#333333;
	text-align:center;
}

#menu .sublevel A.sub:active, #menu .sublevel A.sub:hover {}

#menu .sublevel .level2 {
	position:absolute;
	top:35px;
	left:0px;
	width:190px;
	
	padding:10px;
	
	border:#555555 1px solid;
	
	color:#333333;
		
	background:#e2e2e2 url(/design/bg_smenu.gif) repeat-x top;
	filter:alpha(opacity=80) ;
	-moz-opacity:0.8;
	opacity: 0.8;
	
	display:none;
	
	z-index:50;
}

#menu .sublevel .level2 A, #menu .sublevel .level2 A:visited{
	display:block;
	padding:5px 15px;
	width:150px;

	float:left;
	
	border:none;
	
	
	text-decoration:none;
	color:#333333;
	text-align:left;
	
	background:none;

}

#menu .sublevel .level2 A:hover, #menu .sublevel .level2 A:active{
	background: url(/design/bg_ligne_smenu.gif) repeat-x bottom;
	color:#000000;
}

#menu FORM{ 
	padding:0;
	margin:0;
	float:right;
	height:28px;
	width:220px;
	border-right:#7e7e7e 1px solid;
}

#menu FORM LABEL{
	display:block;
	width:60px;
	height:12px;
	padding:8px 5px;
	float:left;
	color:#666666;
	text-align:right;

}

#menu FORM INPUT{
	display:block;
	height:16px;
	margin:6px 5px;
	float:left;
}

#menu FORM INPUT.ipSearch{
	width:100px;
}

#menu FORM INPUT.btSearch{
	width:16px;
	margin:6px 0;

}

/* =======================
BANNER
========================*/

#banner{
	position:absolute;
	top:94px;
	left:0px;
	width:993px;
	height:280px;
	background:url(/design/banner.jpg) no-repeat top left;
	
	z-index:0;
}


#legoImg{
	position:absolute;
	top:10px;
	left:770px;
}

#quickMenu{
	position:absolute;
	width:900px;
	height:36px;
	bottom:10px;
	left:20px;
}

#quickMenu A IMG {border:none;margin:0 5px;}

#quickMenu A, #quickMenu A:visited{
	display:block;
/*
	width:150px;
*/
	margin:0 35px 0 0;
	height:34px;
	
	
	float:left;
		
	text-decoration:none;
	color:#5b5b59;
	font-weight:bold;
}

#quickMenu A:hover, #quickMenu A:active{color:#005f97}


/* =======================
CONTENT
========================*/

#topLine{

	background:url(/design/bgr-title.gif) repeat-x top;
	width:80%;
	height:6px;
	/*position:relative;
	bottom:-6px;
	left:10px;*/
	position:absolute;

	
}

/*#banner #topLine{position:absolute;top:71px;}*/


#content .borderDashed{
	border:dashed #cfcfcf;
	border-width:0 0 0 1px;
	
}
#content{
	padding:0 0 50px 0;
	line-height:1.5;
	
}

#content H1{
	font-size:11px;
	font-weight:bold;
	color:#555555;
	padding:8px 10px 4px 10px ;
	margin:0 0 20px 0;
	background:#eeeeee url(/design/bgr-title.gif) repeat-x top;
	clear:both;
	height:20px;
}

#content H2{
	color:#005f97;
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0 0 20px 0;
}

#content .blockContent{
	padding:0 30px;
	margin-bottom:20px;
}

/* =======================
CONTENT FEATURES
========================*/

#content .colMenuFeatures{
}

#content #level1Title{
	border:dashed #cfcfcf;
	border-width:0 1px 0 0;
}

#content #level2Title{
	border:solid #e8e8e8;
	border-width:0 1px 0 0;
}

#level2Menu {
	
}

#content .colMenuFeatures H1{
	margin:0 0 15px 0;
	width:191px;
}

#content .colMenuFeatures a , #content .colMenuFeatures a:visited {
	padding:10px 0px 0px 23px;
	margin: -10px 0 0 0;
	height:38px;
	width:188px;
	color:#5b5b5b;
	display:block;
	text-decoration:none;
}

#content .colMenuFeatures a:hover {
	background:url(/design/bg_nav_feature.gif) ;
}

#content .colMenuFeatures .selected {
	background:url(/design/bg_nav_feature.gif) ;
}

#content #colLeftFeatures{
	width:509px;
	
	background:#f9f9f9;
	border:solid #EEEEEE;
	border-width:0 1px 0 0;
	
}

/* =======================
CONTENT HOME
========================*/


#content  TABLE TD{ vertical-align:top;padding:0;}

#content  TABLE TD TABLE TD{padding:0;}

#content TABLE TD#colLeft{
	width:360px;
	background:#f9f9f9;
	border:solid #E8E8E8;
	border-width:0 1px;
	
}

.blockContent A.btNext{
	display:block;
	width:65px;
	height:21px;
	background:url(/design/bt-next.gif) no-repeat top left;
	text-align:right;
	padding:7px 35px 4px 0;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	float:right;
}

.blockContent A.btNext:hover{color:#69D112;}

.title{
	display:block;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0;
}

.blockContent .highlight{
	position:relative;
	margin:-40px 0 0 0 ;
	float:right;

}

.header{
	color:#999999;
	margin-bottom:15px;
}

.header a, .header a:visited {color:#777777;text-decoration:none;}

.header a:hover, .header a:active {color:#333333;text-decoration:none;}

a.title,  a.title:visited{
	display:block;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0;
}

a.title:active , a.title:hover{color:#999999;text-decoration:underline;}

.date{color:#3C8100;}

.more {font-weight:bold;text-align:right;padding:5px 0;}

.green{color:#3C8100;}

UL{list-style-type: none; padding:0;margin:0}

UL LI{
	background: url(/design/gray.gif) no-repeat 0px 10px;
	padding:2px 0 5px 7px;	 
}

A.btNext{
	display:block;
	width:65px;
	height:21px;
	background:url(/design/bt-next.gif) no-repeat top left;
	text-align:right;
	padding:7px 35px 4px 0;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	float:right;
}
A.btNext:hover{color:#69D112;}

/* =======================
COPYRIGHT
========================*/

#copyright {
  color:#999;
  text-align:  center;
  padding:  3px 5px 10px 0;
  margin:0 0px;
  font-size:10px;
  border-top:1px solid #e5e5e5;
}

#copyright DIV{margin:3px;}



#copyright A, #copyright A:visited {text-decoration:none; color:#999}

#copyright A:hover, #copyright A:active {text-decoration:underline;}

#copyright .menuBottom{margin-bottom:5px;}

#copyright .menuBottom A, #copyright .menuBottom A:visited {color:#666;font-size:11px;text-decoration:underline}

#copyright .menuBottom A:hover, #copyright .menuBottom A:active {}

#copyright IMG {margin:0;}

.screenshots_con IMG {border:0px;}

#overlay{
	background-image: url(/design/overlay.png);
	position:absolute;
	display:none;
	z-index:4000;
	top:0;
	left:0;
	width:100%;
 }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/design/overlay.png", sizingMethod="scale");

	position:absolute;
	display:none;
	z-index:4000;

	top:0;
	left:0;
	width:100%;
	}

.nextBt {
	border:1px solid #999;
	background:#eee;
	padding:4px;
	text-decoration:none;
}

.goHome{
	position:absolute;
	top:7px;
	left:7px;
	width:180px;
	height:50px;
	z-index:50;
}

.navbarnews{text-align:center;}


#content .colShop a , #content .colShop a:visited {
	padding:10px 0px 0px 23px;
	margin: -10px 0 0 0;
	height:38px;
	width:188px;
	color:#5b5b5b;
	display:block;
	text-decoration:none;
	background:url(/design/bg_nav_feature2.gif) ;
}

.tableShop{margin-top:0;position:relative;top:-20px;}

TD.colShop{border-right:1px dashed #ccc;padding-top:15px !important;}

#content .colShop a:hover {
	background:url(/design/bg_nav_feature3.gif) ;
}

TD.colShop A.sidebox-subcategory ,TD.colShop A.sidebox-subcategory{background:none !important;}
TD.colShop A.sidebox-subcategory:hover , TD.colShop A.sidebox-subcategory:active{background:url(/design/bg_nav_feature.gif) !important;}

TD.colShop A.popopo , TD.colShop A.popopo:hover, TD.colShop A.popopo:active, TD.colShop A.popopo:visited {background:url(/design/bg_nav_feature.gif) !important;}

TD.colShop A.selected{background:url(/design/bg_nav_feature3.gif) !important;}

.mainbox-title {
background:#EEEEEE;
padding:8px;
font-weight:bold;
}

.action_button {
border:1px solid #EEEEEE;
cursor:pointer;
}

.text-button-link{
text-decoration:none;
}

.text-button-link input {
border:0px;
}

#boxlogout{
	padding:0px 0px 0px 20px;
	margin: -10px 0 0 0;
	height:38px;
	width:211px;
	color:#5b5b5b;
	display:block;
	text-decoration:none;
	text-align:left;
    cursor:pointer;
	background:url(/design/bg_nav_feature2.gif) ;
	border:0px;
}

#cart_rev{
	padding:4px 0px 0px 20px !important;
	margin: -5px 0 0 0 !important;
	height:42px !important;
	width:191px !important;
	color:#5b5b5b;
	display:block;
	text-decoration:none;
	text-align:left;
    cursor:pointer;
	background:url(/design/bg_nav_feature2.gif) ;
	border:0px !important;
}

.underlined{
background:transparent !important;
}

.imgMenuPlus{
	
	position:relative;
	top:-5px;
	border:none;

}


FORM.search_form{
	margin:5px;
}

FORM.search_form INPUT{
	margin:0;
	padding:1px;
	border:1px solid #ccc;
	width:500px;

}

FORM.search_form INPUT.search_formbutton{
	border:#999 solid 1px; 
	background:#eee; 
	width:120px;
}

.search_progress_container{
border:1px solid #ddd;
padding:0;
	margin:5px 0;
height:3px;
}

.search_progress_bar{
	background:#ccc;
	padding:0 3px;
	color:#fff;
	font-size:9px;
	margin:0;
	padding:0;
	height:3px;
	line-height:0;
}