/*
 *		Copyright (C)2012 essencedesign
 *		http://www.essencedesign.com
 *
 *		March 2012
 *		Yann Stricker
 *
**/

@charset "utf-8";

/* Pour info:

0.9em = 11px
1em = 12px
1.1em = 13px
1.2em = 14px
2.3em = 24px

modernizr usage:http://www.modernizr.com/docs/ 

*/

/* ==================================================================================================== */
/* Fonts */
/* ==================================================================================================== */

html, body{											font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4em; letter-spacing:0.02em; color:#4c4c4c; height:100%; }							
									
a, a:visited, a:active{								color:#4c4c4c;}
a:hover{											color:#d70125;}

legend, input, select, textarea{					font-size:12px; color:#4c4c4c;}
strong{												font-weight:bold; color:#4c4c4c;}

.vcard .fn{											color:#d70125;}

/* ==================================================================================================== */
/* Text-selection */
/* ==================================================================================================== */

::-moz-selection{									background:#47a0d2; color:#fff; text-shadow:none;} 
::selection{										background:#47a0d2; color:#fff; text-shadow:none;} 
a:link{												-webkit-tap-highlight-color:#47a0d2;} 
ins{												background-color:#47a0d2; color:#000; text-decoration:none;}
mark{												background-color:#47a0d2; color:#000; font-style:italic; font-weight:bold;}

.hidden {display:none}

/* ==================================================================================================== */
/* Titles */
/* ==================================================================================================== */

h1, h2, h3, h4, h5, h6{								font-family:Helvetica,Arial,sans-serif; font-weight:normal; text-transform:normal; margin:0; padding:0; color:#333333;}



h1{													font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:29px; text-transform:none; margin-bottom:24px; margin-top:-4px;}
h2{													font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; text-transform:none; margin-bottom:12px;}
h3{													font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:19px; text-transform:none; margin-bottom:6px;}
h4{													font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; text-transform:none; font-weight:bold; margin-bottom:8px;}
h5{													font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; text-transform:none; margin-bottom:4px;}

.hm h1{												position:absolute; top:-100px;}
.pg h1 strong{										color:#333333;}

.agents-wrap h4{                                    font-size:15px; text-transform:uppercase; font-weight:bold; margin-bottom:8px;}

/* ==================================================================================================== */
/* Layout
/* ==================================================================================================== */


body{												background:#fff;}		

html, body, #pg{									/*height:100%;*/}
body > #pg{											/*height:auto; min-height:100%;*/}

#aspnetForm { 										height:100%;}

/* ==================================================================================================== */
/* Header */
/* ==================================================================================================== */

header#hd{											position:relative; width:100%; z-index:9; background:#f7f7f7; border-bottom:1px solid #e8e8e8; margin-bottom:24px;}
header#hd .hd-cnt{									position:relative; width:990px; height:80px; text-align:left; margin-bottom:0px; }
header#hd .logo{									display:block; float:left; margin-top:20px; margin-left:12px;}



/* ==================================================================================================== */
/* Navigation */
/* ==================================================================================================== */

header nav{											position:absolute; top:37px; left:182px; width:560px; height:30px;}

.RadMenu{											}
.RadMenu .rmSlide{									top:43px!important;}
.RadMenu_rm-skin{									float:none !important; position:relative !important; z-index:1;margin-left:-12px; }

.rmItem{											margin-right:0px; padding:6px 14px 3px; font-family:inherit; font-size:12px; text-transform:uppercase; float:left;}
.rmItem:hover{										-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;
													background:none;}

.RadMenu_rm-skin .RadTabStrip .rtsLink{				}
										
.RadMenu_rm-skin .rmItem a.rmLink:hover, 
.RadMenu_rm-skin .rmItem a.rmFocused, 
.RadMenu_rm-skin .rmItem a.rmSelected, 
.RadMenu_rm-skin .rmItem a.rmExpanded, 
.RadMenu_rm-skin .rmItem a.rmExpanded:hover{     	cursor:pointer;}

.RadMenu_rm-skin .rmItem a.rmLink:hover, 
.RadMenu_rm-skin .rmItem a.rmExpanded:hover{     	color:#d70125;}


.RadMenu_rm-skin .rmGroup, 
.RadMenu_rm-skin .rmMultiColumn, 
.RadMenu_rm-skin .rmGroup .rmVertical{				background:none repeat scroll 0 0 #fff; z-index:99 !important;}
.RadMenu_rm-skin .rmGroup .rmItem a.rmLink .rmText{ border:0 none; padding-left:0; padding-right:6px; display:block !important; text-transform:none;}

.RadMenu_rm-skin .rmRootGroup .rmItem .rmVertical{	padding:5px !important; border:1px solid #e8e8e8; z-index:99 !important;}

.RadMenu_rm-skin .rmGroup .rmItem a.rmLink{			color:#4c4c4c; padding:0;}
.RadMenu_rm-skin .rmGroup .rmItem a.rmLink:hover{	color:#d70125; background:#f8f8f8;}

.RadMenu_rm-skin .rmSlide a.rmLink{					background:none;}
.RadMenu_rm-skin .rmSlide a.rmLink:hover{			background:none;}

.RadMenu_rm-skin .rmGroup{							border-right:none;}
.RadMenu_rm-skin .rmGroup .rmLink{					background:#f8f8f8; border:none; text-align:left; line-height:20px;}

.RadMenu_rm-skin .rmGroup .rmLink:hover,
.RadMenu_rm-skin .rmGroup .rmfocused,
.RadMenu_rm-skin .rmGroup .rmexpanded{				background:none; border:none;}

.RadMenu_rm-skin .rmGroup .rmLink:hover .text,
.RadMenu_rm-skin .rmGroup .rmfocused .text,
.RadMenu_rm-skin .rmGroup .rmexpanded .text{		border-top:0; /* override the inherited border */}

.RadMenu_rm-skin .rmHorizontal .rmText{				padding:5px 12px 2px 0;}

.RadMenu_rm-skin .rmLevel2 {		top:-50px!important; left:5px!important;	}

/* ==================================================================================================== */
/* Search */
/* ==================================================================================================== */

.search{											position:absolute; top:10px; right:24px; height:24px;}
.search .sfsearchBox{								border:none; margin:0; padding:5px; text-align:right; background:#f3f5f7;}
.search .sfsearchTxt{								margin:0 4px 0 0; border:1px solid #c6d0dc; background:#fff;}
.search .sfsearchSubmit{							margin:0; border:1px solid #c6d0dc; background:#fff;}


.mainside .sfsearchBox{								border:none; margin:0 0 24px; padding:5px; text-align:right; background:#f3f5f7;}
.mainside .sfsearchTxt{								margin:0 4px 0 0; border:1px solid #c6d0dc; background:#fff;}
.mainside .sfsearchSubmit{							margin:0; border:1px solid #c6d0dc; background:#fff;}

.mainside .sfsearchResultStatistics
.mainside .sfsearchResultTitle{						}
.mainside .sfsearchResultsWrp{						}
.mainside .sfsearchResultTitle{						margin-bottom:2px;}
.mainside .sfsearchResultSnippet{					}
.mainside .sfsearchResultUrl{						margin-bottom:12px;}
.mainside .sfsearchResultHighLighter{				}



/* ==================================================================================================== */
/* Admin */
/* ==================================================================================================== */

.hd-cnt .hd-admin{									position:absolute; display:block; height:26px; top:12px; right:7px; width:300px; padding:0px; text-align:right; background:none; }
.hd-cnt .hd-admin .name{							float:right; margin-left:12px; }
.hd-cnt .hd-admin .dashboard-link{					float:right; margin-left:12px;}

.hd-cnt .account{									float:right;  font-size:11px; color: #7F7F7F;}
.hd-cnt .account a{									color: #7F7F7F;}
.hd-cnt .account a:hover{							color: #d70125;}

.hd-cnt .logout{									float:right; margin-left:12px; font-size:11px; color: #7F7F7F;}
.hd-cnt .logout a{									color: #7F7F7F;}
.hd-cnt .logout a:hover{							color: #d70125;}



/* ==================================================================================================== */
/* Language */
/* ==================================================================================================== */


.hd-cnt .hd-languages{								position:absolute; display:block; height:26px; bottom:17px; right:0px; width:300px; padding:0px; text-align:right; background:none; }
.hd-cnt .languages{									float:right; padding-top:7px;}

.sflanguagesHorizontalList{							}
.sflanguagesHorizontalList li{						float:right; padding:0 6px; height: 11px; line-height: 12px; background:url(../img/00_dft/language-separator.png) repeat-y right;}
.sflanguageItem{									font-size:10px; text-transform:uppercase;}

.sflangSelected a{									color:#d70125;}
.sflanguageLnk{										color:#7f7f7f; text-decoration:none;}

.hd-cnt  .sfFormDropdown{							float:right; margin-left:6px;}

.sflanguageItem.sflang_en{                          }


/* ==================================================================================================== */
/* Breadcrumb */
/* ==================================================================================================== */

.breadcrumb{										margin-bottom:24px;}

.sfBreadcrumbWrp{									}
.RadSiteMap .rsmFlow{								padding:8px 0 16px;}
.RadSiteMap .rsmFlow .rsmLink{	 					font-size:11px; color:#707070; text-decoration:none;}
.RadSiteMap .rsmFlow .rsmLink:hover{				color:#d70125; text-decoration:none;}

.RadSiteMap .rsmFlow .sfBreadcrumbNodeSeparator{	padding:5px 5px 1px; /*background:url(../img/05_icn/arrow-right-bc.png) no-repeat;*/}



/* ==================================================================================================== */
/* Pages
/* ==================================================================================================== */

#bd{												z-index:0; padding:0 0px; }
#bd .bd-cnt{										position:relative; width:990px; text-align:left; }

.wrapper.main{										padding:0 0; }

section{											padding-bottom:0; margin-bottom:32px;}

article header{										padding-bottom:0; margin-bottom:32px;}

.section-border{									padding-bottom:18px; margin-bottom:0; border-bottom:1px solid #dadada;}


.sepa-hr{											border-bottom:1px solid #dadada;}




/* ==================================================================================================== */
/* Mainside
/* ==================================================================================================== */


.main-cnt .sf_2cols_2in_67{							margin-bottom:24px; padding:18px 15px 16px; background:#f7f7f7; border : 1px solid #e8e8e8; }
.main-cnt .sf_2cols_1in_75{							margin-bottom:24px; padding:24px; background:#f7f7f7; border:1px solid #e8e8e8; }

/* Page Default (2 cols)*/
.mainside.sf_2cols_1_75.main-cnt{					width:740px;}
.aside.sf_2cols_2_25{								width:250px;}

/* Page Subnav (3 cols) */
.sf_2cols_1_75.mainside{							width:740px; }
.sf_2cols_2_25.aside{								width:250px;}
.mainside .sf_2cols_1_33.sub-nav{					width:240px;}
.mainside .sf_2cols_1_33.sub-nav .box{				margin-bottom:10px; border: 1px solid #e8e8e8;}
.mainside .sf_2cols_2_67.main-cnt{					width:500px;}

/*
.teaser.second{										height:369px; margin-top:-20px; margin-bottom:6px; background:url(../img/03_cnt/solutions/teaser/bg.png) repeat-x bottom;}
.teaser.second .teaser-cnt{							padding:20px 0 0 25px;}
.teaser.second .img{								height:632px; height:327px; float:left; margin-right:16px;}
.teaser.second .cnt{								float:right; width:245px; margin-right:24px; padding:24px; }
.teaser.second .cat{								font-size:11px; text-transform:uppercase; color:#FFF; margin-bottom:7px;}
.teaser.second .title h2{							font-size:22px; color:#FFF;}
.teaser.second .text{								color:#FFF;}
*/


/* Tabs */

.tabs-box{											position:relative; margin-top:6px;}
.tabs-box ul.tabs{									position:absolute; z-index:10; height:42px;}
.tabs-box ul.tabs li{								background:#f0f0f0; border:1px solid #e3e3e3; border-bottom:none; float:left; }
.tabs-box ul.tabs li a{								display:block; padding:10px 20px; float:left; text-transform:uppercase; }
.tabs-box ul.tabs li.active a{						padding:14px 20px; color:#d70125; }
.tabs-box ul.tabs li.active{						margin-top:-7px; background:#f7f7f7; border:5px solid #e3e3e3; border-bottom:none;}
.tabs-box-cnt{										margin-top:38px; /*border:1px solid #dadada;*/}
.tabs-box-cnt-inner{								padding:21px; background:#f7f7f7; border:5px solid #e3e3e3;}
.tabs-box-cnt-inner li a{							display:block; padding:5px 5px 5px 24px; color:#4c4c4c; background:url("../img/05_icn/link.png") no-repeat scroll 0 2px transparent;}
.tabs-box-cnt-inner li a:hover{						-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;
						
													background-color:#f0f1f3; color:#d70125;}
													
													
/*  Société */

.mainside .societe-box{							 	filter:progid:DXImageTransform.Microsoft.Shadow(color='#e8e8e8', Direction=160, Strength=3); -moz-box-shadow: 0 1px 2px #ccc;-webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc;-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}
.mainside .societe-box:hover{						filter:progid:DXImageTransform.Microsoft.Shadow(color='#e8e8e8', Direction=160, Strength=5);-moz-box-shadow: 0 3px 4px #ccc;-webkitbox-shadow: 0 3px 4px #ccc; box-shadow: 0 3px 4px #ccc;}
.mainside .societe-box a{							display:block; padding:14px; font-size:16px; line-height:19px; text-transform:none; background:#FFFFFF;}
.mainside .societe-box a:hover{						}


/* jcountdown*/

.countdown {										width:100%; padding: 0 0 1px 0;}
.time{												font-size:90px;color:#D70125;float:left; line-height:90px;}


.time .cd-time{									float:left; margin:25px 20px 0 10px;color:#333333; font-size:25px;}
.time .cd-time .last {								margin-right:0px;}
.time .countdown-nbr {								 float:left;}
.time .cd-sep {									color:#333333;}
	
/* ---------------------------------------------------------------------------------------------------- */
/* Login ERP redirection
/* ---------------------------------------------------------------------------------------------------- */	

.divErpDCSW{										background-image: url('../img/DCSW.gif');background-repeat:no-repeat;background-size: 100px;float: left;width: 80px;height: 100px;margin-right: 20px;}
.divErpDCIT{										background-image: url('../img/DCIT.gif');background-repeat:no-repeat;background-size: 100px;float: left;width: 100px;height: 100px;margin-right: 20px;}
.divErpDCHA{										background-image: url('../img/DCHA.gif');background-repeat:no-repeat;background-size: 100px;float: left;width: 100px;height: 100px;margin-right: 20px;}	
		
		
							
/* ---------------------------------------------------------------------------------------------------- */
/* Tables des produits */
/* ---------------------------------------------------------------------------------------------------- */

.mainside .sfContentBlock table tr{					border-bottom:solid 1px #aeaeae; }
.mainside .sfContentBlock table{					margin-bottom:20px; }
.mainside .sfContentBlock table thead tr td{		padding:0 3px; width:30%; }
.mainside .sfContentBlock table tbody tr td{		padding:7px 3px; width:30%; }
.mainside .sfContentBlock table tr td h4{			margin:0; padding:0 0 0 0; font-weight:bold; font-size:12px; color:#1e1e1e; }




/* ---------------------------------------------------------------------------------------------------- */
/* Mini Cart style */
/* ---------------------------------------------------------------------------------------------------- */

.divQuantityLess{									background:url(../img/05_icn/minus.png) no-repeat 10px; float: left; width:30px; line-height: 27px;cursor: pointer;}
.divQuantityMore{									background:url(../img/05_icn/plus.png) no-repeat 4px; float: left;width: 30px; line-height: 27px;cursor: pointer;} 
/*.add-cart{										   background: url('../img/05_icn/cart_add.png') no-repeat 12px; background-size: 32px;float: left;width: 54px;height: 26px; cursor: pointer;}*/

.cart {												padding: 0px 10px; }
.cart .info {										padding: 4px 10px; background-color: #fff; width: 200px;}



/* ---------------------------------------------------------------------------------------------------- */
/* Cart style */
/* ---------------------------------------------------------------------------------------------------- */

.table-cart{width: 700px}
.table-cart .title{height: 30px;background-color: #efefef;padding: 5px;}

.table-cart .rowName{height: 30px;}
.table-cart .rowCart{height: 40px;}
.table-cart .rowProduct{height: 30px;}
.table-cart .rowTotalPrice{height: 30px; border-top: 1px solid #7E7E7E}
.table-cart .columnArticle{width: 150px;font-weight: bold;}
.table-cart .columnQuantity{width: 80px;font-weight: bold;}
.table-cart .columnUnitPrice{width: 100px;font-weight: bold;}
.table-cart .columnDiscount{width: 80px;font-weight: bold;}
.table-cart .columnTotalPrice{width: 120px;font-weight: bold;}
.table-cart .columnAction{width: 120px;}
.table-cart .pair{background-color: #e8e8e8e8e8e8;}

.table-address { width: 335px; float:left; margin-right: 20px;}
.table-address.last{ margin-right: 0px;}


.table-mode-livraison{width: 400px;}
.table-mode-livraison .title{height: 30px;background-color: #efefef;padding: 5px;}
.table-mode-livraison td{padding: 5px;}
.table-mode-livraison .description{width: 100px;}
.table-mode-livraison .liste{width: 300px;}

.txtQuantity{text-align: center;}


.divProductDelete { background-image: url('../img/cross.png');background-repeat:no-repeat;background-size: 16px;width: 16px;height: 16px; cursor: pointer; }
.divProductUpdate { background-image: url('../img/arrow_rotate_anticlockwise.png');background-repeat:no-repeat;background-size: 18px; margin-left:10px; height: 20px;width: 20px;cursor: pointer;}

.msg-buy { display: none; position: absolute; top:0px; left:1px; border: 1px solid #e8e8e8; z-index: 10000; margin: -50px 0 0 0; width: 192px; padding: 4px 4px 4px 20px;}
.msg-buy.successs-msg { background: url('../img/05_icn/tick_green.png') no-repeat left #fff;}


.userstable  .divProductDelete { float: left}
.userstable  a.edit { float: left;margin-right: 6px;}


/* ---------------------------------------------------------------------------------------------------- */
/* Taskfinder
/* ---------------------------------------------------------------------------------------------------- */

.taskfinder{										}
.taskfinder section{								margin-bottom:24px;}
.taskfinder h3{										margin-bottom:8px;}

.taskfinder .viewSubGroup td{						line-height: 16px;}

.sub-group-title{									margin-bottom:30px;}
.sub-group-title h2{								margin-top: -24px;}

/*
.grouplist{                                         float:left; width: 15%; border: solid 1px #999; padding: 4px;}
.grouplist .divGroup{								margin-bottom: 4px;}
.grouplist .divGroup img{							float: left;margin-right: 6px;}
.grouplist .divGroup .divDescription{float: left;width: 110px;}

.subgrouplist{float: left;border: solid 1px #999; padding: 4px; width: 40%;}

.subGroup-header{margin-bottom: 10px;background-color: #AAA;}
.subGroup-header .spacer{width: 160px;float: left;}
.subGroup-header label{width: 75px;float: left; text-align: center;}

.viewSubGroup .divSubGroup{						margin-bottom: 4px;}
.viewSubGroup .divSubGroup .divSubImg{float: left;width: 30px;margin-right: 3px;}
.viewSubGroup .divSubGroup .divSubDescription{float: left;width: 125px;}
.viewSubGroup .divSubGroup .divSubDetail{float: left;width: 75px;text-align: center;}
*/



/* IMG */
.optimalfor-7{										background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/optimalAir.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }
.functionalfor-7{									background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/funcitonalAir.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }
.optimalfor-4 /*Oil*/{								background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/optimalOil.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }
.functionalfor-4{									background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/functionalOil.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }
.optimalfor-5{										background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/optimalEmulsion.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }
.functionalfor-5{									background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/functionalEmulsion.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }
.optimalfor-6{										background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/optimalEmulsion.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }
.functionalfor-6{									background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/functionalEmulsion.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }
.limitedfor-7, .limitedfor-4, .limitedfor-5, 
.limitedfor-6, .limitedfor-0{						background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/limited.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }
.optimalfor0{										background:transparent url("/WebsiteTemplates/theme/App_themes/img/03_cnt/Fluids/optimal.gif") no-repeat 0 center; width:32px; height:32px; display:inline-block; }

.foto{												background:transparent url("/WebsiteTemplates/theme/App_themes/img/05_icn/picto_loupe.gif") no-repeat 0 center; width:24px; height:24px; display:inline-block; cursor:pointer; }

.subgroup-selected{									background-color: #fff; padding: 4px 0 4px 8px; cursor: pointer; margin-bottom:24px;}
.subgroup-selected.opened{							background: url(/WebsiteTemplates/theme/App_themes/img/05_icn/arrow-up.png) 435px 5px no-repeat #fff;}
.subgroup-selected.closed{							background: url(/WebsiteTemplates/theme/App_themes/img/05_icn/arrow-down.png) 435px 5px no-repeat #fff;}

label.radioLabel{									width: 90%; display:inline}



/* ---------------------------------------------------------------------------------------------------- */
/* Toolfinder
/* ---------------------------------------------------------------------------------------------------- */	

.toolfinder-rb-container li{						margin-bottom:4px;}
#ThreadNormsFamily,
#DiameterFamily{									width:49%;}
#ToleranceFamily{									width:99%;}

.radioLevel{										padding:8px 0px; width:100%; border-bottom:1px solid #e8e8e8;}
.toolfinder-header{									display:none;}
.toolfinder-header .cross{							float:left;}

.listThreadNorms{									float:left;}
.listDiameter{										float:left;}

.toolfinder-select li.selected{						background-color:#9f9f9f}

.columnDescription .item{							float:left;}

#productList{										font-size:8pt;}
.columnDescription{									font-weight:bold; background:#FFF; padding:4px; border-bottom:1px solid #e8e8e8; }
.columnDescription .item{							}
.listProduit{										/*height:25px; */ padding: 4px; background:#fff;  cursor:pointer;  border-bottom:1px solid #e8e8e8; }
.listDetails{										margin:12px 0; }
.columnZato{										width:25%; padding-top:4px; float:left; }
.columnOutil{										width:28%; padding-top:4px; float:left; }
.norm{												width:22%; padding-top:4px; float:left; padding-left: 6px; }
.columnPair{										background-color:#fff; }
.columnDetailw20{									width:20%; float:left; }
.columnDetailw10{									width:10%; float:left; }
.columnDetailw5{									width:5%; float:left; }
.imgZato{											float:left; width:20px; }

.imgProductTool{									margin-right:4px; margin-bottom:5px; width:32px; border:1px solid #DDD; float:left;  }
.imgProductGroup{									margin-right:4px; margin-bottom:5px; width: 24px;}
.selectedProduct{									margin-bottom:20px;}
.toggle_minus{										float:left; height:16px; width:16px; }

.toolfinder .header-img {							width:458px; height:93px; margin-bottom:10px;filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=160, Strength=3); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);}


/* ---------------------------------------------------------------------------------------------------- */
/* SearchByDesignation
/* ---------------------------------------------------------------------------------------------------- */	

.columnNadesi{										width: 80%; float:left; }
.columnNadesiTitle{									font-size: 12px; color: red; font-weight: bold; }
.columnNadesiSubTitle{								font-size: 10px; }
.columnRanking{										width: 20%; float:left; }
.resultItem{										width:100%; margin-bottom:10px; }
.result{											width:350px; float:left; }
.resultRanking .result{								width:32px; }
.ranking{											float:left; height: 12px; line-height: 12px; background-color:#d70125; color:#fff; text-align:center; }



/* ---------------------------------------------------------------------------------------------------- */
/* Product details
/* ---------------------------------------------------------------------------------------------------- */	

#bd .bd-cnt.product-detail{							background:#fff;}
#detailsdialog #bd .bd-cnt.product-detail{			background:#fff; padding: 0;}

#detailsdialog #bd .bd-cnt.product-detail .mainside{			border-top:none;}

.hm .product-detail h1{								position:relative; top:0;}
.product-detail section{							background:#fff;}
#detailsdialog .product-detail section{				padding: 14px 0 14px 14px;}

.product-detail h1{									margin-bottom:0;}

.ui-dialog{											padding:0;}
.ui-widget{											font-family:inherit; font-size:1em;}

.znf{												display:block; background:url(../img/05_icn/znf.gif) no-repeat scroll 0 0 transparent !important;  height:24px; width:24px; }
.znz{												display:block; background:url(../img/05_icn/znz.gif) no-repeat scroll 0 0 transparent !important;  height:24px; width:24px; }
.znf.fil{											display:block; background:url(../img/05_icn/znfFil.gif) no-repeat scroll 0 0 transparent !important;  height:24px; width:24px; }
.znz.fil{											display:block; background:url(../img/05_icn/znzFil.gif) no-repeat scroll 0 0 transparent !important;  height:24px; width:24px; }

.dxf{												display:block; background:url(../img/05_icn/docs/documents.png) no-repeat scroll 6px 0 transparent !important;  padding:16px 0 2px 0px !important; line-height:26px; margin-right: 12px;}
.csv{												display:block; background:url(../img/05_icn/docs/document-excel-csv.png) no-repeat scroll 6px 0 transparent !important;  padding:16px 0 0 0 !important; line-height:26px; margin-right: 12px; }
.prog{												display:block; background:url(../img/05_icn/docs/documents.png) no-repeat scroll 6px 0 transparent !important;  padding:16px 0 0 0 !important; line-height:26px; margin-right: 12px;}
.pdf-down{								            display:block; background:url(../img/05_icn/pdf.png) no-repeat scroll 1px 0 transparent !important;  padding:16px 0 0 0 !important;line-height:26px; margin-right: 12px;}

.product-options{									}
.product-options ul li{								float:left; padding:0 14px 12px;}
.product-options h3{								font-size:12px; line-height:15px;}

.product-down{										float:left;}
.product-buy{										float:right; background-color:#999; height:50px; padding:4px;}
.product-buy h3{									color:#fff;}

						
.product-item-title{								padding:4px 2px 8px; margin-bottom:0px; font-size: 14px; border-bottom:1px solid #DDD; }
.product-familly-title{								padding:4px 2px 8px; margin-bottom:-1px; font-size: 14px; border-bottom:1px solid #DDD; }	

.product-list{										height:170px; overflow-x:hidden; overflow-y:auto;}
.product-list .dcswiss-01{							width:100%;}

.accessories{										height:117px; }
.accessories .dcswiss-01{							width:100%;}
.accessory-list { overflow:hidden; overflow-y:scroll;height: 104px;}
.product-accessory-title{							padding:4px 2px 8px; margin-bottom:-1px; font-size: 14px; border-bottom:1px solid #DDD; }	
.product-accessory-show{							padding:4px 2px 8px; margin-bottom:-1px; font-size: 14px;  cursor:pointer; text-align: left; font-weight: bold;}	


.price-list{										height:158px; overflow-y:auto;}
#productList .product-list{							height:auto; overflow-y:auto;}

.product-item-header{								padding: 4px 8px;} 
.product-item{										}
.product-item td{									padding: 4px;}

.product-item.pair{									background-color:#dcdcdc; }
.product-item a{									color:#4c4c4c; font-weight:bold; cursor:pointer;}
.product-item a:hover{								color:#ff1010;}

.tool-data{											background:#FFF; margin-bottom:12px;}
.tooltype-family{									background:#FFF;}
.product-info-familly{								border-bottom:1px solid #DDD; height:50px; margin-top:20px;}

.product-info{										/*margin-bottom:16px;*/ background:#fff;}
.product-info .familly{								border-bottom:1px solid #DDD; position: relative}
.product-info .zato{								float:left; width:30%; margin:8px 0;}
.product-info .zanorf{								float:left; width:29%; padding-left: 8px; margin-top:23px;}
.product-info .zanord{								float:left; width:38%; margin-top: 23px; text-align:right; }
.product-info .img-pnl{								float:left; width:25%;text-align:center; }
.product-info .img-pnl .toolimage{                  /*height: 360px; */}

.favorite{                                          position:absolute; bottom:13px; left:177px;  width:16px; height:16px; cursor:pointer;
                                                    background:url(../img/05_icn/favs/star.png) no-repeat;}
.favorite:hover{                                   	background:url(../img/05_icn/favs/star-hover.png) no-repeat;}
.favorite.active,
.favorite:active{                                   background:url(../img/05_icn/favs/star-lit.png) no-repeat;}


.product-pnl{										}

.product-pnl .img-pnl img {							max-height: 340px; margin: auto; max-width: 196px;}

.applications-pnl{									float:right; width:70%; padding:10px 10px 0 10px; border-left:1px solid #DDD;}
.applications-pnl .materials{						margin-bottom:10px;}
.applications-pnl .propmedias{						margin-bottom:10px;}
.applications-pnl .materials{						margin-bottom:10px;}
.applications-pnl .plans{							margin-bottom:10px;}
.applications-pnl .plans .plan{						float:left;width:70%; margin-bottom:5px;}
.applications-pnl .plans .angle{					float:right;width:30%; margin-bottom:5px;}
/*.applications-pnl .plans .plan img{					width:340px;height: 176px;}*/
.applications-pnl .plans .angle img{				width:90px;/*width:114px;height: 176px;*/}

.applications-pnl .plans .plan img {						max-height:122px;}


.tool-options{										margin-bottom:8px;}

#detailsdialog{										overflow:hidden; margin:0; padding:0;}
#media-details{										height:200px; padding:12px;}

#media-details .norm-name{							font-weight:bold;font-size:0.8em}
#media-details .norm-values{						font-weight:bold;font-size:0.8em}

#media-details .group-norms{						float:left; margin-left:8px}

.stock-green {                                      background:url(../img/05_icn/instock.png) no-repeat 8px;}
.stock-red {                                        background:url(../img/05_icn/outstock.png) no-repeat 8px;}

/* ---------------------------------------------------------------------------------------------------- */
/* Events
/* ---------------------------------------------------------------------------------------------------- */

.mainside .sfeventListItem{							float:left; margin: 0 16px 24px 0; width: 214px;}

.sfeventListItem h3{								margin-bottom:0 !important; padding:0; float:none; }
.sfeventListItem h3 a{								display:block; color:#333333; padding:6px;}
.sfeventListItem h3 a:hover{						color:#d70125; background:#eeeeee;}

.sfeventMetaInfo{									margin-bottom:6px;}



.box .sfeventListItem{								margin-bottom:16px;}
.box .sfeventTitle{									margin-bottom:0px; padding-bottom:0px;}
.box .sfeventMetaInfo{								}

/* ---------------------------------------------------------------------------------------------------- */
/* Jobs
/* ---------------------------------------------------------------------------------------------------- */

.sfnewsMetaInfo{									font-size:11px; margin-bottom: -3px;}




/* ---------------------------------------------------------------------------------------------------- */
/* Téléchargement
/* ---------------------------------------------------------------------------------------------------- */

.sfdownloadList .sfInfo{							font-size:11px; color:#999; margin-top:-3px;}
.sfdownloadFile.sfpdf{								margin-bottom:8px;}



/* ---------------------------------------------------------------------------------------------------- */
/* Network
/* ---------------------------------------------------------------------------------------------------- */

.cell{												height:50px; padding:16px; background:#f7f7f7; }
.cell.marg-bl{										margin-bottom:10px; margin-left:10px;}
.cell.marg-b{										margin-bottom:10px;}
.cell.hei1{											height:50px;}
.cell.hei2{											height:103px;}
.cell.hei4{											height:248px;}

.cell-bg .sf_2cols_2in_50,
.cell-bg .sf_2cols_1in_50,
.cell-bg .sf_2cols_1in_67,
.cell-bg .sf_2cols_2in_33,
.cell-bg .sf_4cols_1in_25,
.cell-bg .sf_4cols_4in_25,
.cell-bg .sf_4cols_4in_25,
.cell-bg .sf_1col_1in_100{							margin-bottom:10px; padding:24px 24px 24px; background:#f7f7f7; }

.cell-bg .sf_1col_1in_100 .sf_1col_1in_100{			margin-bottom:0; padding:0; background:none; }

.dcs-network{										margin-top:-4px;}
.dcs-network ul{									width:201px;}
.dcs-network .wid2 ul{								width:146px; margin-right:10px; float:left;}
.dcs-network .wid2 ul.last{							margin-right:0;}

.dcs-network ul li a{								display:block; background:url(../img/05_icn/link.png) no-repeat scroll 0 -1px transparent; padding:1px 0 1px 22px; margin-bottom:0;}
.dcs-network ul li a:hover{							background-color:#FFF;}



/* ---------------------------------------------------------------------------------------------------- */
/* News
/* ---------------------------------------------------------------------------------------------------- */	

.sfnewsListItem{									margin-bottom:32px;}
.sfnewsTitle,
.sfnewsTitle a{										display:block; font-size:20px; line-height:24px; text-transform:none; margin-bottom:12px; color:#333333;} 
.sfnewsTitle a:hover{								color:#d70125;}

.box .sfnewsListItem{								margin-bottom:4px;}
.box .sfnewsTitle,
.box .sfnewsTitle a{								font-size:12px; line-height:15px; font-weight:normal; margin-bottom:4px; color:#000;}
.box .sfnewsMetaInfo{								font-size:10px; color:#999;}

.sfnewsSummary {									padding-bottom:20px; border-bottom:1px solid #e8e8e8;}
.video-player {										background:url(../img/05_icn/play.png) center center no-repeat; width:221px; height:124px; position:absolute; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}
.video-player:hover {								background:url(../img/05_icn/play_hover.png) center center no-repeat;-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}


/* ---------------------------------------------------------------------------------------------------- */
/* Simple Modal
/* ---------------------------------------------------------------------------------------------------- */	

.simplemodal-container{								background:#fff; padding:12px 8px 24px;}
#simplemodal-overlay{								position:absolute; background-color:#f0f3fa; z-index:9990;}
.simplemodal-close{									height:16px; cursor:pointer;}
.simplemodal-close img{								position:absolute; right:4px;}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{							color:#ff0000;  float:left; }
.field-validation-valid{							display:none; }
.input-validation-error{							border:1px solid #ff0000; background-color:#ffeeee; }
.validation-summary-errors{							font-weight:bold; color:#ff0000; }
.validation-summary-valid{							display:none; }



/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label{						margin:1em 0 0 0; }
.display-field, .editor-field{						margin:0.5em 0 0 0; }
.text-box{											width:30em; }
.text-box.multi-line{								height:6.5em; }
.tri-state{											width:6em; }

	
	
.error-msg{color:#ff0000; }
	
	
	
	
	
								
/* ==================================================================================================== */
/* Articles
/* ==================================================================================================== */

.mainside{											margin-bottom: 24px; border-top:4px solid #D70125;}
.mainside .text li{									margin:0 0 0.1em 2em; padding-left:0.2em; list-style:url(../img/05_icn/bullet.png);}

.article .main.link{								margin:12px 0;}
article header h3{									font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:15px; color:#000; margin:-4px 0 24px; margin:0 0 6px;}


/* Templates */

section.cols-one{									margin-bottom:32px; padding-bottom:0;}
section.cols-one h3{								margin-bottom:8px;}

section.cols-two{									margin-bottom:12px;}
section.cols-two .sf_colsOut.sf_2cols_1_50,
section.cols-two .sf_colsIn.sf_2cols_1in_50,
section.cols-two .sf_colsOut.sf_2cols_2_50,
section.cols-two .sf_colsIn.sf_2cols_2in_50{		width:308px; margin:0;}
section.cols-two .article.image-top img{			width:308px; }				

section.cols-two header{							margin-bottom:12px;}
section.cols-two .cat{								margin-bottom:4px; text-transform:uppercase; font-size:12px; line-height:15px; color:#787878;}

section.cols-three{									margin-bottom:32px;}


/* Layouts */

.article{											margin-bottom: 12px; }
.article.image-left{								}
/*.article.image-left img{							border:1px solid #e0e0e0; margin:0 23px 12px 0;}*/
.article table {									margin-bottom: 20px; border-bottom:1px solid #e8e8e8;}

.article.image-left-2cols{							}
.article.image-left-2cols img{						border:1px solid #e0e0e0; }

.article.image-top{									}
.article.image-top img{								border:1px solid #e0e0e0; margin:0 0 12px 0;}


/* */

/*
.article h2{										font-size:13px; line-height:17px; font-weight:bold; color:#009ee0; padding-bottom:2px;}
.article ul{										margin:0 0 0.8em 0;}
.article ul ul,
.article ul ul ul{									margin:0;}
.article li{										list-style:disc inside none; padding-left:12px;}

.news-doc img{					 					padding:0 4px 0 0;}
*/

/* News + Fairs */
/*
.art-item{											margin-bottom:0;}
.art-item .date{									font-size:10px;}
.art-item a{										display:block; padding:4px;}
.art-item a:hover{									background:#f8f8f8; 
													-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}
.art-item a date,
.art-item a h4,
.art-item a text{									-webkit-transition:color 200ms ease-in; -moz-transition:color 200ms ease-in; -o-transition:color 200ms ease-in; transition:color 200ms ease-in;}
.art-item a:hover .date{							color:#4c4c4c;}
.art-item a:hover h4{								color:#2b2b2b;}
.art-item a:hover .text{							color:#4c4c4c;}

.art-item .hidden-field{           				display:none;}
*/


/* Background rollover */

.bg-rollov{											display:block; padding:4px;}
.bg-rollov a{										display:block;}
.bg-rollov:hover{									background:#f8f8f8; 
													-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}


/* Checkboard */
/*
.main-cnt .check li{								float:left; height:195px; width:195px; padding-left:0; border:1px solid #e8e8e8; margin:0 17px 17px 0; list-style:none; cursor:pointer; overflow:hidden;  }
.main-cnt .check li.last{							margin-right:0;}

.main-cnt .check .cnt{								width:195px; line-height:30px; padding-top:195px;
													-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}
.main-cnt .check .cnt:hover{						padding-top:148px; }
.main-cnt .check .text{							margin:0; padding:8px; border-top:1px solid #e8e8e8; background:rgba(255, 255, 255, 0.8); height:30px; font-size:14px; line-height:15px; color:#d70125; font-weight:bold; font-family:Arial, sans-serif; }
*/


/* Vertical navigation */

.RadTabStripLeft_vert-menu{							margin-bottom:42px;}
.RadTabStripLeft_vert-menu .rtsLink{				display:block; background:url(../img/05_icn/link.png) no-repeat scroll 0 -1px transparent; padding:2px 0 0 20px; text-align:left;}
.RadTabStripLeft_vert-menu .rtsLink:hover{			background:url(../img/05_icn/link.png) no-repeat scroll 0 -1px transparent;}
.RadTabStripLeft_vert-menu .rtsOut,
.RadTabStripLeft_vert-menu .rtsIn,
.RadTabStripLeft_vert-menu .rtsLevel1 .rtsTxt{		padding:0;}






/* ==================================================================================================== */
/* Aside + Boxes
/* ==================================================================================================== */

.aside{												margin-bottom: 24px;}
aside{												min-height:460px; margin-bottom:24px; /* background:url(../img/03_cnt/boxes/aside-bg.png) no-repeat; */}

.aside .box,
aside .box{											margin-bottom:10px;}

aside .box.list li{									margin-bottom:0px;}

aside .sf_cols{										margin-bottom:32px;}

.product-detail aside .sf_cols{										margin-bottom:0px;}

.box{												}

.hm #headerCart {									border:none;}
.box .item{											}
.box .input{										width:239px; height:16px; padding:9px 11px; text-align:left; background:url(../img/03_cnt/boxes/input-bg.png) no-repeat;}
.box  li a{											color:#4c4c4c;}
.box  li a:hover{									color:#d70125;}

/* */
.box.one{											width: 208px; background:#f7f7f7; padding:22px 15px 22px;  margin-bottom: 10px; border : 1px solid #e8e8e8;}

/* */
.box.two{											background:#f7f7f7; padding:0;  border : 1px solid #e8e8e8; width:238px;}


/* RadTabStripLeft */
.box  div.RadTabStripLeft_Sitefinity .rtsLink, 
div.RadTabStripRight_Sitefinity .rtsLink{			padding-left:20px; background:url(../img/05_icn/arrow-right.png) no-repeat 0 2px;}
.box div.RadTabStripLeft_Sitefinity .rtsOut, 
.box div.RadTabStripRight_Sitefinity .rtsOut{		padding:0 0 4px;}


/* */
.box.three{											background:#5c5b5a; padding:18px 15px 2px;}
.box.three h4{										font-size:15px; line-height:19px; color:#FFF; text-transform:none; margin-bottom:12px;}
.box.three .button{									width:176px;}

/* */
.box.four{											padding:18px 15px 0;}
.box .catalogs li{									margin:0 0 0.4em 0.7em;}


/* */
.pg .box h3{										height:40px; font-size:20px; line-height:23px; color:#d70125; text-transform:none; margin:0; padding: 0;}
.pg .box-title h3{			 						height:40px; color:#d70125; font-size:20px; line-height:23px; text-transform:none;  padding: 22px 14px 0; background:#f7f7f7;}
.box .box-content{									padding:0 14px 6px; }


/* Login */

.login{												}
.pg .login fieldset{								border:none; margin:0; padding:0 0px;}
.pg .login input{									width:199px; border:1px solid #e8e8e8;}
.pg .box-title.nomargin h3{			 			    padding:0px!important;}

.box .register {									position: relative;}



.register-block {									margin:4px 14px 14px 14px; float:right; font-size:11px;}

.hm .box .register {								position:relative;}

/* Administration */

.box .menuadmin {									}

.domicile-msg { font-size: 11px;font-style:italic; margin-top: 8px;  background:url(../img/05_icn/info_bulle_nb.png) no-repeat left; padding-left:16px; }
.pg .domicile-msg {margin-bottom:8px;}


/* ==================================================================================================== */
/* Home
/* ==================================================================================================== */

.hm h2{												font-family:Arial, Helvetica, sans-serif;  font-size:22px; line-height:24px; text-transform:uppercase; margin-bottom:16px;}


/* Teaser */

.teaser.main{                                       overflow: hidden ;position:relative; height:320px; margin-top:0; margin-bottom:24px; filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=160, Strength=2);   border-top: 1px solid rgba F1F1F1);-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3) ;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); box-shadow: 0 1px 2px rgba(0,0,0,0.3);}
.teaser.main .touchcarousel{						width: 990px;}
.teaser.main .touchcarousel li{						width: 990px; height:320px;}
.teaser.main .touchcarousel li .bg{					position:absolute; z-index:0; width:990px; height:320px;}

.teaser.main .touchcarousel li .cnt{				position:absolute; z-index:1; width:208px; height:275px; top:0; right:0; padding: 23px 16px; background:url(../img/03_cnt/home/teaser/bg.png) repeat right;}
.teaser.main .touchcarousel li .date{				display:none;font-size:11px; text-transform:uppercase; color:#e5162e; margin-bottom:2px;}
.teaser.main .touchcarousel li  h2{					font-size:16px; line-height:22px; color:#333333; font-weight:bold; text-transform:none; margin-bottom:10px;}
.teaser.main .touchcarousel li .text{				font-size:12px; line-height:14px; margin-bottom:16px;}
.teaser.main .touchcarousel li .more{				width:13px; height:13px; display:block; font-size:11px; line-height:16px; margin-bottom:10px; text-align:right;}
.teaser.main .touchcarousel li .more:hover{			}
.teaser.main .touchcarousel li .more a{				display:block;}
a
.teaser.main .teaser-summary {						margin:10px 0;}
.teaser.main .teaser-summary li {					height: auto; list-style: none outside none; margin: 0 0 5px; width: 204px;}

s

/* Boxes */

section.boxes{										padding-bottom:0; margin-bottom:20px;	}

.hm .box-title h3{			 						height:49px; color:#d70125; font-size:20px; line-height:23px; text-transform:none; padding:14px 14px 0; background:#f7f7f7;}
.box-title strong{									color:#d70125;}

.hm .finders.sf_2cols_1_75{							width:740px; border-top:4px solid #d70125;}
.hm .finders .sf_2cols_1in_75{						}


/* Login */

.hm .login.sf_2cols_2_25{							width:250px; }
.hm .login fieldset{								border:none; margin:0; padding: 0 14px 12px;}
.hm .login input{									width:200px; border:1px solid #e8e8e8}
.login .sfCheckBoxWrapper{							margin:12px 0;}
.login .sfCheckBoxWrapper label{					font-size:11px;}
.login .sfSubmitBtnWrp{								margin:20px 0 0; text-align: right;}

.login .sfLoginFieldsWrp{							display:block; clear:both;}
.login .sfLoginFieldsWrp li{						display:block; clear:both;  margin-bottom:4px;}
.login .sfError{									text-align:right; font-size:10px; color:#FE0000; margin: -42px 6px 33px 0; margin: -2px 2px -14px 0;} 


/* Finders */
.hm .finders .sf_3cols_1_33{						width:240px;}
.hm .finders .sf_3cols_2_34, 
.hm .finders .sf_3cols_3_33{						width:250px;}

.hm .finders .sf_3cols_1in_33{						width:240px;}
.hm .finders .sf_3cols_2in_34, 
.hm .finders .sf_3cols_3in_33{						width:240px;}

.hm .sf_2cols_1_75.finders{							border-top:4px solid #d70125;}

.finders .cnt{										height:252px; background:#f7f7f7; overflow:hidden; border:solid 1px #e8e8e8; }
.login .cnt{										height:256px; background:#f7f7f7; overflow:hidden; border:solid 1px #e8e8e8;}


/* Languages Popup */
.ui-dialog.language  {                              border: none;}
.languages.cnt{										background:#f7f7f7; border: none;  border-top: 4px solid #d70125; padding: 0;}
.languages.cnt .box-title {                         padding: 10px;}
.languages.cnt .box-title h3 {                      height: auto; padding: 14px 14px 14px; background: #f7f7f7; text-align: left;}
.languages.cnt .sf_2cols_2_50 .sf_2cols_2in_50 {    margin-left: 0;}
.languages.cnt .box-footer button {                 margin: 14px;}
.languages.cnt ul {                                 border-bottom: 1px solid #e8e8e8; background: url(../img/05_icn/arrow-right_tool_hover.png) #F7F7F7 213px 50% no-repeat;}
.languages.cnt li {                                 cursor:pointer; text-align: left;}


/* Boxes Title */

.login .box h3 {									color:#d70125; font-size:20px; line-height:23px; text-transform:none; padding:14px 14px 20px 0; }
.login .box-title h3{			 					padding:18px 14px 0;}

.hm .menuadmin .box-title  h3 {height:38px;}

/* Pages */

.hm section.pages{									margin-bottom:24px; padding-bottom:10px;}

.sf_colsOut.sf_4cols_1_25,
.sf_colsIn.sf_4cols_1in_25{							width:240px;}

.sf_colsOut.sf_4cols_2_25,
.sf_colsOut.sf_4cols_3_25,
.sf_colsOut.sf_4cols_4_25{							width:250px;}
.sf_colsIn.sf_4cols_2in_25,
.sf_colsIn.sf_4cols_3in_25,
.sf_colsIn.sf_4cols_4in_25{							width:240px;}

/*
.hm .pages .box-image-top h4{						width:226px; height:13px; margin-bottom: 0; padding:7px; font-size:13px; line-height:16px; color:#4c4c4c; text-transform:uppercase; background:url(../img/03_cnt/home/pages/bg.png);}

.hm .pages .box-image-top .main.link{				background:none; display:block; margin:0; padding:0; background:#FFF;}
.hm .pages .box-image-top img{						-webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
.hm .pages .box-image-top img:hover{				filter:alpha(opacity=60);opacity:0.6; -moz-opacity:0.6;}
*/
.hm .pages .box-image-top {							}

.hm .pages .box-image-top h4{						width:226px; height:13px; margin-bottom: 0; padding:0 0 7px 0; font-size:12px; line-height:16px;  color:#4c4c4c; text-transform:uppercase ;font-weight:normal;   }
.hm .pages .box-image-top .main.link{				background:none; display:block; margin:0; padding:0; background:#FFF;}
.hm .pages .box-image-top img{						-webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in; }
.hm .pages .box-image-top img:hover{				filter:alpha(opacity=60);opacity:0.6; -moz-opacity:0.6;}


/* quickfinder */	

.box.quickfinder{									}
.box.quickfinder .pnl{								padding-bottom:8px;}
.box.quickfinder input{								width:200px;  background:url(../img/05_icn/search.png) no-repeat right top #FFF; border:1px solid #e8e8e8;}
.box.quickfinder span{								}

.materials-results{									position:absolute; max-height:208px; width:198px; padding:2px 4px; margin-top:-2px; margin-left:1px; background:#FFF; border:solid 1px #e8e8e8; overflow: hidden;  }
.materials-results ul li{							margin-bottom:2px;}
.materials-results ul li .value{					float:left; padding:2px 4px; }
.materials-results ul li .name{						float:right; padding:2px 4px; }
.materials-results ul li:hover div{					background:#f0f0f0; cursor:pointer;} 

.designation-results{								position:absolute; max-height:180px; width:198px; padding:2px 4px; margin-top:-2px; margin-left:1px; background:#FFF; border:solid 1px #e8e8e8; overflow: hidden;z-index: 1001; }
.designation-results ul li{							margin-bottom:2px;}
.designation-results ul li .value{					float:left;  padding:2px 4px; }
.designation-results ul li .name{					float:right; padding:2px 4px; }
.designation-results ul li:hover div{				background:#f0f0f0; cursor:pointer;} 


.norm-details{										position:absolute; z-index:10007; background:#fff; border:solid 1px #e8e8e8; width:240px; margin:-2px 0 0 208px; padding:8px;}
.norm-details .group{								margin-bottom:18px; font-size:12px; line-height:15px;}
.norm-details .group .value{						margin-bottom:4px; font-size:14px;}
.norm-details .group .name{							margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid #e8e8e8; font-size:12px; line-height:14px; font-weight:bold; }
.norm-details .group .props{						margin-bottom:6px;}
.norm-details .group .props li{						}
.norm-details .group .workingtype{					margin-bottom:6px;}
.norm-details .group .workingtype li{				}

/* quickfinder on popup window*/
#material-search-result-pagearticle .norm-details{ margin:-2px 0 0 -257px; } 

/* Tasklist */

 .tasklist li{									background-color:#000; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
 .tasklist li a{									display:block; height:53px; padding:9px 0 0 10px; border-top:1px solid #e8e8e8; color:#000000; text-shadow: 
#FFFFFF 1px 1px 1px, 
#FFFFFF -1px 1px 1px, 
#FFFFFF -1px -1px 1px, 
#FFFFFF 1px -1px 1px; }
 .tasklist li a:hover{							}
 .tasklist li:hover{								filter:alpha(opacity=80);opacity:0.8; -moz-opacity:0.8;}


/* Toollist */

.nav-list ul{										background:#f7f7f7;}
.nav-list li{										display:block; padding: 5px 0 3px 14px; border-top:1px solid #e8e8e8; background:url(../img/05_icn/arrow-right_tool_hover.png) #F7F7F7  213px 50% no-repeat;}
.nav-list li a{										display:block;}

.nav-list li:hover,
.nav-list li.selected{								color:#d70125; background:url(../img/05_icn/arrow-right_tool.png) no-repeat 213px 50% #FFF;}
.nav-list li.selected a{							color:#d70125; background:url(../img/05_icn/arrow-right_tool.png) no-repeat  199px -1px #FFF;}


/*  Cart Step  */
ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid #F47D22;
}
ol.progtrckr li.progtrckr-todo {
    color: #B9B0AE; 
    border-bottom: 4px solid #B9B0AE;
}
ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #F47D22;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}


/* ==================================================================================================== */
/* Footer
/* ==================================================================================================== */				

#mn{												/*padding-bottom:340px;*/}

.hm #ft .ft-sitemap {								display:none;}
.hm #ft {											position:relative; width:100%; margin:0px; height:50px; z-index:10; background:none; border:none;}


#ft{												position:absolute; width:100%; left:0px; /*height:200px; margin-top:-201px;*/ z-index:10; clear:both; background:#f7f7f7; border-top:1px solid #e8e8e8;}
#ft .ft-cnt{										position:relative; width:990px; height:151px; padding:24px 0 5px 0; text-align:left; clear:both;  }
#ft .ft-sitemap{									margin-bottom:15px; border-bottom:1px solid #1126;}
#ft .ft-copyright{									background:none ; color:#888;}
#ft .logo{											position:absolute; bottom:23px; left:23px;}



#ft .sf_cols{										}
#ft .sf_cols{										position:relative; font-size:11px; line-height:14px;}


#ft .sf_colsOut.sf_3cols_1_33,
#ft .sf_colsOut.sf_3cols_2_34,
#ft .sf_colsOut.sf_3cols_3_33{						width:158px; margin-left:17px;}
#ft .sf_colsOut.sf_3cols_1_33{						margin:0;}

#ft .sf_colsIn.sf_3cols_1in_33,
#ft .sf_colsIn.sf_3cols_2in_34,
#ft .sf_colsIn.sf_3cols_3in_33{						width:158px; margin:0;}

#ft .sf_2cols_2_25 .sf_2cols_2in_25 {				text-align: right; width: 225px; float:right; border-left:1px solid #e8e8e8;}

#ft .RadTabStrip .rtsUL, 
#ft .RadTabStripVertical .rtsUL{					width:158px; margin-bottom:16px;  border-right:1px solid #e8e8e8; padding-right:12px;}


#ft .RadTabStripVertical .rtsLI{					display:block; line-height:12px;}
#ft .rtsOut{										line-height:12px;}

#ft h5{												display:block; margin-bottom:4px; padding-bottom:6px; font-size:12px; color:#3c3c3c; text-transform:uppercase; text-decoration:none;  border-bottom:none;}
#ft p{												margin:0;}

#ft .RadSiteMap{									}
#ft .RadSiteMap .rsmColumn{							width:100% !important;}

#ft .rtsLI.rtsFirst a,
#ft .rsmItem a{										margin-bottom:4px; padding-bottom:0px; font-size:12px; color:#3c3c3c; text-transform:uppercase; text-decoration:none; border-bottom:none;}
#ft .rtsLI.rtsFirst a,
#ft .rsmItem a:hover{								color:#737373; text-decoration:none;}

#ft .rsmLevel1 .rsmItem a{							margin-bottom:10px; padding-left:0; padding-bottom:6px; font-size:10px; text-transform:none;color:#737373; text-decoration:none; padding-left:0; border-bottom:none;}
#ft .rsmLevel1 .rsmItem a:hover{					color:#d70125; text-decoration:none;}

#ft a, #ft a:visited{								font-size:11px; color:#737373; text-decoration:none;}
#ft a:hover{										color:#d70125; text-decoration:none;}





/* ==================================================================================================== */
/* Form
/* ==================================================================================================== */


.eform .rowf{										}
.eform .rowf{										margin-bottom:8px; padding-bottom:2px; border-bottom:1px solid #e6e6e6;}
.eform .rowf.empty{									height:30px; border-bottom:none; }
.eform .rowf.sepa{									height:16px; border-bottom:none; margin:0; padding:0; }
.eform .rowf.no-brd{								border-bottom:none;}

.eform .rowf label{									float:left; padding:6px 0;}
.eform .rowf .labelf{								width: 49%;float:left; padding:4px 0;}
.eform .rowf .req{									color:#840636;}

.eform .rowf.input input{							width:50%; background:#F1F1F2; border:none; float:right; padding: 5px 6px 5px;}
.eform .rowf.selectf select{						width:50%; float:left; }

.eform .rowf.radiof .colf{							display:block; float:left; margin-right:16px;  padding:6px 0; }
.eform .rowf.radiof label{							padding:0; float:left;}
.eform .rowf.radiof .labelf{						width: 49%; padding:6px 0; float:left;}
.eform .rowf.radiof input{							padding:0 6px 0 0; margin-right:6px; background:none; float: left;}

.eform .rowf.checkf .colf{							display:block; float:left; margin-right:16px; padding:6px 0;}
.eform .rowf.checkf label{							width: 49%;padding:0; float:right;}
.eform .rowf.checkf .labelf{						width: 49%;padding:0; float:right;}
.eform .rowf.checkf input{							padding:0 6px 0 0; margin-right:6px; background:none;}

.eform .rowf.textareaf label{						width: 49%;float:left; padding-top:6px;}
.eform .rowf.textareaf .labelf{						width: 49%;float:left; padding-top:6px;}
.eform .rowf textarea{								width:98%; background:#F1F1F2; border:none; padding:6px; }

.eform .rowf.text{									padding:6px 0 9px; color:#840636;}

.eform .rowf.btn{		 							text-align:right;}

.sfError {                      					color: red;}



/* ==================================================================================================== */
/* Interactive world map */
/* ==================================================================================================== */

#map_wrap{											position:relative; border-bottom:1px solid #e8e8e8;margin-bottom:10px;}

.agents-wrap{										float:left; width:220px; margin-right:14px; margin-bottom:24px;}
.agents-wrap.last{									margin-right:0;}
			
#map_popover{										position:absolute; top:220px!important; left:50%; height:auto; margin-left:-472px!important; font-size:12px; font-weight:normal; z-index:1000; 
													background-color:white; border:1px solid rgb(204, 204, 204); border-radius:4px 4px 4px 4px;padding:12px;filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=160, Strength=2); -moz-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.2); }


.contact-country-wrap .agents-adresse{				}
.contact-country-wrap .agents-dir{					}

.bt-back{										 	cursor:pointer; position:absolute; bottom:8px; left:0; display:block; height:16px; width:16px; background:url(../img/05_icn/arrow_left.png) no-repeat scroll 0 0 transparent; padding:1px 0 2px 20px;}



.tva	{											margin-bottom:50px;}
/*
.map-addresses h2 {									margin-bottom: 440px; margin-top: -420px;}
*/


/* ==================================================================================================== */
/* ??? */
/* ==================================================================================================== */

.evidence{											text-transform: uppercase;font-size: 21px; }



#Programming .info{									padding-left: 16px; margin-left: -16px}
.sub-txt-info {width: 330px!important; font-size: 11px; margin-bottom: 12px; border-bottom: 0!important; font-weight: bold; color: rgb(82, 121, 197); display: none}








/* ==================================================================================================== */
/* jquery modal window*/
/* ==================================================================================================== */

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-bottom-right-radius: 0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{ border-bottom-left-radius: 0;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius: 0;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0;}

.ui-widget-header {								background-color: #e8e8e8; border:none; border-bottom: 1px solid #e8e8e8;}
.ui-widget-content {							background-color:#FFFFFF; border: 1px solid #e8e8e8;}
.ui-widget-overlay {							background-color:#fff; opacity: 0.8;}


.loading{    									background: url(/WebsiteTemplates/theme/App_themes/img/05_icn/loadingsq.gif) 185px  3px no-repeat #fff!important;}
.loading-trans{    								background: url(/WebsiteTemplates/theme/App_themes/img/05_icn/loadingsq.gif) right 3px no-repeat ;}

/*.ui-widget-overlay {							background:repeat-x scroll 50% 50% #fff; opacity: 0.8;}*/
.ui-widget-overlay {							background:repeat-x scroll 50% 50% #000; opacity: 0.4;}


/* Loadin */

.centered-text { height: 600px;margin: 300px auto; width: 110px; line-height: 18px;}
.centered-text.loading-trans { background: url(/WebsiteTemplates/theme/App_themes/img/05_icn/loadingsq.gif) 0 0 no-repeat  ;}


/* ERP selector */

.ui-dialog .dlg-erp.ui-dialog-content{			padding:16px; text-align:left; height:auto !important;}
.dlg-erp h3{									margin-bottom:16px;}
.divErpSelect{									float:left; width:108px; padding:8px;  margin: 0 12px 12px 0; cursor:pointer; background:#f7f7f7; }
.divErpSelect:hover{							background:#d2d2d2;}
.white:active:active{							background:#d2d2d2;}



/* ---------------------------------------------------------------------------------------------------- */
/*	Tooltip  */
/* ---------------------------------------------------------------------------------------------------- */


.info.tooltip{									display:block; background:url(/WebsiteTemplates/theme/App_themes/img/05_icn/info_bulle.png) no-repeat scroll 6px 0 transparent !important;}
.tooltip-info img{                              width: 70px;float: left; }
.tooltip-info .info{                            width: 180px;float: left; font-weight: bold; margin-left: 10px; padding-top:10px;}

#tiptip_content img {          				 	max-height: 200px; }
#tiptip_content .group-info img {               float: left;margin-right: 6px;}
#tiptip_content .group-title {                  float: left;line-height: 33px;font-size: 1.1em;font-weight: bold;}
#tiptip_content {                               text-shadow: none;}


/* Tooltip / TipTip CSS - Version 1.2 */

#tiptip_holder{						display: none; position: absolute; top: 0; left: 0; z-index: 99999;}
#tiptip_holder.tip_top {			padding-bottom: 12px;}
#tiptip_holder.tip_bottom {			padding-top: 12px;}
#tiptip_holder.tip_right {			padding-left: 12px;}
#tiptip_holder.tip_left {			padding-right:12px;}

#tiptip_content {                   text-align: left; font-size: 11px; color: #4c4c4c; padding: 6px 12px; border:1px solid rgb(219, 219, 219); *border: 1px solid rgb(219, 219, 219); 
									background-color:#FFF;  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
									box-shadow: 2px 2px 15px 0px #a0a0a0; -webkit-box-shadow:2px 2px 15px 0px #a0a0a0; -moz-box-shadow: 2px 2px 15px 0px #a0a0a0; }

#tiptip_arrow, #tiptip_arrow_inner {position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: rgb(247,247,247); border-top-color: rgb(247,247,247);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff; border-bottom-color: #fff; }
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff; border-right-color: #fff; }
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff; border-left-color: #fff; }
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px; margin-left: -6px; border-top-color: rgb(247,247,247); border-top-color: rgba(247,247,247,1); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -6px; margin-left: -6px; border-bottom-color: rgb(247,247,247); border-bottom-color: rgba(199,199,199,1); }
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px; margin-left: -5px; border-right-color: rgb(247,247,247); border-right-color: rgba(247,247,247,1); }
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px; margin-left: -7px; border-left-color: rgb(247,247,247); border-left-color: rgba(247,247,247,1); }



#BtnPrint, .sfLoginFieldsWrp .sfCheckBoxWrapper{ display: none;}


.ft-sitemap{ }
.sflanguagesHorizontalList li:first-child{background: none;}
                 
                 
.table-orders-list { max-height: 350px; overflow: auto; width: 690px; border-bottom: solid 1px #ccc; margin-bottom: 15px;}
#divCart .sfCheckListBox label{float: left;  padding: 5px 10px 10px 0;margin-bottom: 10px;}
#divCart .sfCheckListBox span{float: left; line-height: 24px;}


.touchcarousel-container .icn-video { 	line-height:24px; height:24px;}

#editformresult {display: none; background-color: white;height: 17px;width: 450px;position: absolute;top: 290px;padding: 20px;left: 115px;border: solid 1px #ccc;vertical-align: middle;text-align: center;}
#editformresult .cols-one p {text-align: center;}

 
/* ---------------------------------------------------------------------------------------------------- */
/*	Quick orders   */
/* ---------------------------------------------------------------------------------------------------- */

#quick-order .ico-search {
    width: 20px;
    background: url(../img/05_icn/search.png) no-repeat right top #FFF;
    border: 1px solid #e8e8e8;
    height: 22px;
    float: left;
    
}

#quick-order .inp-qtd {
    width: 24px;
    border: 1px solid #e8e8e8;
}
#quick-order .inp-ncarti {
    width: 60px;
    border: 1px solid #e8e8e8;
    float: left;
}

#quick-order-import {
    margin-top: 20px;
}
.import-description {
     margin-right: 10px;
     line-height: 23px;
}
.temporder-upload{
     width:200px;
}
#quick-order #progress {
     width: 150px;
     border: solid 1px #e8e8e8;
    height: 12px;
    margin-left: 10px;
    margin-top: 4px;
    display: none;
}
.bar {
    height: 12px;
    background: #787878;
}
 

#quick-order-table h2 {
    margin-top: 46px;
    
}
#quick-order-table {
    min-height: 40px;
}
#order-positions-details {
    min-height: 30px;
    display: none;
}

.temporder-bar-actions {
        height: 22px;
    padding: 14px;
    background-color: #E8E8E8;
    margin-top: 24px;
}

.msg-redirect {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
}

.tooltipster-default {
    max-width: 300px;
        border: 1px solid #000!important;
    
}.tooltipster-default .tooltipster-content {
     font-size: 12px!important;
     padding: 14px!important;
    
}

 .prod-details:hover {
   
   cursor:pointer; 
   color:#d70125; 
   text-decoration:none; 
 }


.srch-results{								position:absolute; max-height:180px; width:250px; padding:2px 4px; margin-top:-2px; margin-left:1px; background:#FFF; border:solid 1px #e8e8e8; overflow: hidden;z-index: 1001; }
.srch-results ul li{							margin-bottom:2px;}
.srch-results ul li .value{					float:left;  padding:2px 4px; }
.srch-results ul li .name{					float:right; padding:2px 4px; }
.srch-results ul li:hover div{				background:#f0f0f0; cursor:pointer;} 

                 /* Print styles!
-------------------------------------------------------------------------------*/
@media print{}



/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width:480px){}

@media all and (orientation:portrait){} 

@media all and (orientation:landscape){}