* {
	font-family:Arial,sans-serif;
}
/*letter-spacing:.03em;*/



body{
	background-color: #3E474E;
	background-image:url(/mall.nsf/bg.jpg);
    
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	
}
img{
	border:0;
}
.MainText {
/*websense proposition	color: #525252;  */
	color: black;
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
	
}
.MainTextB {
/*websense proposition	color: #525252;  */
	color: black;
	font-weight: normal; 
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	
}
.MainTextSmall {
	color: #999999;  
	font-weight: normal; 
	font-family: Arial;
	font-size: 11px;
	
}
.TitleRed, .TitleRed15, .RedLink, .RedLink2 {
	color: #C52F31;  
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	
}
.TitleRed15 {
	font-size: 15px;
}
.RedLink {
	text-decoration: underline;

}
.RedLink2{
	font-weight: normal; 
}
.TitleBlack14 {
	font-weight: bold; 
	font-family: Arial;
	font-size: 14px;
	
}
.TitleWhite {
	color: #ffffff;  
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	
}
.TitleGray {
	color: #525252;  
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
}

.mainTable{
  background-image:url(/mall.nsf/tableBorder.png);
	background-position: top right;
	background-repeat: no-repeat;
}

td.gradSep{
	width:7px;
	height:229px;
	background-image:url(/mall.nsf/gradSep7x229.gif);
	background-repeat: no-repeat;
}
/*moved here by Emmanuel*/

.HeaderBg {
  font-family:arial;
  padding:0px;
  margin:0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/mall.nsf/header.png');
}
.HeaderBg[class] {
	background-image:url(/mall.nsf/header.png);
	background-position: top center;
	background-repeat: no-repeat;
}
.RightShadow {
  font-family:arial;
  padding:0px;
  margin:0px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/mall.nsf/RightShadow.png');
}

.RightShadow[class] {
  background-image:url(/mall.nsf/RightShadow.png);
	background-repeat: repeat-y;
}

.LeftShadow {
  font-family:arial;
  padding:0px;
  margin:0px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/mall.nsf/LeftShadow.png');
}

.LeftShadow[class] {
  background-image:url(/mall.nsf/LeftShadow.png);
	background-repeat: repeat-y;
}
.FooterMenu {
  font-family:arial;
  padding:0px;
  margin:0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/mall.nsf/FooterMenu.png');
}

.FooterMenu[class] {
  background-image:url(/mall.nsf/FooterMenu.png);
	background-repeat: no-repeat;
}

/*end moved here by Emmanuel*/
.header{
	position:relative;
}
a.header span{
    	color: #D70C10;
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a {
	text-decoration:none;
}
a:hover.header span{
	color: #D70C10;  
	font-family: Arial;
	font-size: 12px;
	font-weight: bold; 
	text-decoration:underline;
}
a.Link span{
/*websense proposition	color: #525252;  */
	color: black;
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}

a:hover.Link span{
    color: #CE2022;  
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a.Link3 span{
    color: #CE2022;  
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}

a:hover.Link3 span{
/*websense proposition	color: #525252;  */
	color: black;
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a.Link4 span{
    color: #ffffff;  
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}

a:hover.Link4 span{
/*websense proposition	color: #525252;  */
	color: black;
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a.Link5 span{
/*websense proposition	color: #525252;  */
	color: black;
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}

a:hover.Link5 span{
    color: #CB181C;  
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a.Link6 span{
    color: #ffffff;  
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a:hover.Link6 span{
    color: #ffffff;  
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:underline;
}
a.Link7 span{
    color: #464646;  
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a:hover.Link7 span{
    color: #CE2022;  
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a.Link2 span{
/*websense proposition	color: #525252;  */
	color: black;
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a.bottomMenu span{
	color: #525252;
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a:hover.Link2  span, a:hover.bottomMenu span{
    color: #CE2022;  
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
a.LinkSmall span, a.LinkSmall{
/*websense proposition	color: #525252;  */
	color: black;
	font-weight: normal; 
	font-family: Arial;
	font-size: 11px;
	text-decoration:none;
}
a:hover.LinkSmall span{
    color: #CE2022;  
	font-weight: normal; 
	font-family: Arial;
	font-size: 11px;
	text-decoration:none;
}
a.LinkSmall2 span{
    color: #999999;  
	font-weight: normal; 
	font-family: Arial;
	font-size: 11px;
	text-decoration:none;
}
a:hover.LinkSmall2 span{
    color: #CE2022;  
	font-weight: normal; 
	font-family: Arial;
	font-size: 11px;
	text-decoration:none;
}
td.LinkSmall{
  background-image:url(/mall.nsf/arrow2.gif);
	background-position: center right;
	background-repeat: no-repeat;
	width:100px;
	text-align: right;
	padding-right: 15px;
}
td.otherServ{
  background-image:url(/mall.nsf/arrow2.gif);
	background-position: center right;
	background-repeat: no-repeat;
	width:315px;
	text-align: right;
	padding-right: 15px;
}
.labelField {
	height:30px;
	padding-right: 8px;
	text-align: right;
	color: #000000;
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
}
.fieldStd{
	size = 4em;
	width:98%;
	color: #000000;  
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
	padding-bottom:2px;
/*	padding-left:8px;*/
/*	border: 1px #CFCFCF solid; */
/*	border: 2px #C3FFF6 groove; I love groove by Emmanuel*/
}

.errorMsg{
color:#D22;
padding:0 2px 6px;
font-size: 12px;
}
.redButton, a.redButton{
	background-image: url('/Mall.nsf/RedButton.png');
	background-position: top left;
	background-repeat: no-repeat;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	vertical-align:middle;
	padding: 1px 5px;
	width:60px;
	height:18px;
	text-decoration:none;
}
.promoSelect{
	background-image:url(/mall.nsf/window1Sep1.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	height:9px;
}
.promoNotSelect{
	background-image:url(/mall.nsf/window1Sep2.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	height:9px;
}
.tooltip_top_middle{
	background-image: url("/mall.nsf/middle_top_corner.gif");
	background-repeat: repeat-x;
}
.tooltip_bottom_middle{
	background-image: url("/mall.nsf/middle_bottom_pixel.gif");
	background-repeat: repeat-x;
}
.tooltip_middle_left{
	background-image: url("/mall.nsf/middle_left_pixel.gif");
	background-repeat: repeat-y;
}
.tooltip_middle_right{
	background-image: url("/mall.nsf/middle_right_pixel.gif");
	background-repeat: repeat-y;
}	
th.ProdsView{
	border-bottom:1px silver solid;
	font-size: 13px;
	font-weight: bold;
	text-align:right;
}
th.ProdsView{
	font-size: 12px;
}


/* Menu Categories! */

ul {
	margin: 0;
	padding: 0;
	padding-right: 15px;

	list-style: none;
	width: 150px; /* Width of Menu Items */
	}
	
li.categoryActive {
	background-image: url('/mall.nsf/grayButton.gif');
	background-position: top right;
	background-repeat: no-repeat;
	}
li.category {
	background-image: url('/mall.nsf/redButton.gif');
	background-position: top right;
	background-repeat: no-repeat;
	}
	
li.category ul {
	display: none;
	padding-right: 0px;
	}
li.categoryActive ul {
	padding-right:0px;
	}

li.category a, li.category a.Link4 {
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;

	display: block;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 2px;
	vertical-align:middle;
	}
li.categoryActive a, li.categoryActive a.Link4 {
	padding-right:0px;
	display: block;
	text-decoration: none;
	color: black;
	font-weight:bold;
	padding-left: 0px;
	padding-bottom: 5px;
	}

li.categoryActive a.Link4 span, li.categoryActive ul a.Link4 span{
	padding-right:5px;
	padding-left: 0px;
	color: black;  
	font-weight:bold;
	font-family: Arial;

	font-size: 12px;
	text-decoration:none;
}
li.categoryActive ul a.Link4 span{
	color: black;  
	font-weight:normal;
}
li.category ul li a.Link4 span{
	color: black;  
	font-weight: normal; 	
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
}
li.category ul li a:hover.Link4 span, li.categoryActive ul li a:hover.Link4 span{
	color: black;  
	text-decoration: underline; 
	font-weight: bold; 
}

/*ul li.category:hover ul, ul li.over ul 
{  The magic 
	display:block;
	visibility: visible;
} */
.channels{
	background-image: url('/mall.nsf/grayButton.gif');
	background-position: top right;
	background-repeat: no-repeat;
	width:135px;

	height: 21px;
	vertical-align: middle;
	padding-top:0px;
	padding-bottom:4px;
	line-height:11px;
/* do not works: cell-spacing:8px; */
}

.HP2title, .dealsTitle{
	line-height:16px;
	max-height:16px;
    overflow: hidden;
	text-overflow:ellipsis;
 }
.dealsTitle{
	color: black;
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-decoration:none;
	text-align: right;
}
.dealsBlock{
	height:45px;
	width:170px;
	overflow:hidden;
	vertical-align:top
	text-align:center;
}
.dealsDesc{
	color: black;
	font-weight: normal; 
	font-family: Arial;
	font-size: 11px;
    height:45px;
	margin-bottom:8px;
    overflow: hidden;
	text-overflow:ellipsis;
	text-align: right;
 }
.HP3title{
    max-height:32px;
	line-height:16px;
    overflow: hidden;
	text-overflow:ellipsis;
 }
.HP2desc{
	color: black;
	font-weight: normal; 
	font-family: Arial;
	font-size: 12px;
	line-height:17px;
    height:51px;
    overflow: auto;
	text-overflow:ellipsis;
 }
.HP2box{
	height:85px;
   overflow: hidde;
}
.HP3desc{
	color: black;
	font-weight: normal; 
	font-family: Arial;
	font-size: 11px;
    height:45px;
	margin-bottom:8px;
    overflow: hidden;
	text-overflow:ellipsis;
 }

img.HP2img{
    max-width:76px;
    max-height:76px;
	width:auto !important;
	width:76px;
	height:auto !important;
	height:76px;
	overflow:hidden;
	vertical-align: middle;

 }
div.HP2img{
	width:76px;
	height:76px;
	overflow:hidden;
	vertical-align: middle;
	text-align:center;
 }
img.CatImg{
    max-width:49px;
    max-height:49px;
	width:auto !important;
	width:49px;
	height:auto !important;
	height:49px;
	overflow:hidden;
	vertical-align: middle;
	padding: 3px;
 }
div.CatImg{
	background-image:url('/mall.nsf/picframe55.jpg');
	background-position:  center;
	background-repeat: no-repeat;

	width:55px;
	height:55px;
	overflow:hidden;
	vertical-align: middle;
	text-align:center;
 }
#curPromoImg{
    max-width:146px;
    max-height:146px;
	width:auto !important;
	width:146px;
	height:auto !important;
	height:146px;
}
img.dealsImg{
	verdical-align:text-middle;

    max-width:184px;
    max-height:150px;
	width:auto !important;
	width:184px;
	height:auto !important;
	height:150px;
	padding: 3px;
 }
div.dealsImg{
	text-align: center;
	vertical-align: middle;
	height:156px;
	width:190px;
	background-image:url(/mall.nsf/picframe190.jpg);
	background-position: center center;
	background-repeat: no-repeat;

 }
a:hover.Link div.HP2title{
    overflow: show;
	max-height:100%;
	cursor:hand;

/* An idea could be to change to position: absolute; but this implies using more div for preserving container display */
}
a:hover.Link div.HP3title{
    overflow: show;
	max-height:100%;
	cursor:hand;
}
.TabUpWhite {
background-image:url(/mall.nsf/tabCustoWhite.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height:24px;
	width:131px;
	color: black;
	font-weight: bold; 
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	vertical-align:bottom;
}
.TabUpRed {
background-image:url(/mall.nsf/tabCustoRed.gif);
	background-position: top right;
	z-index:100;
	background-repeat: no-repeat;
	height:24px;
	width:135px;
	color: white;
	font-weight: bold; 
	font-family: Arial;
	font-size: 13px;
	text-align: center;
	vertical-align:bottom;
}


}