/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Over and Above
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 26 august 2008
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color:#808285;
	background: #000000;
}
p {
	margin: 0 0 12px 0;
}
a, a:hover {
	color:#666666;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
.Clearer {
	clear:both;
	height:0px;
	line-height:0px;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
#wrapper {
	width: 950px;
	text-align: left;
	background:url(../images/Bg_Body.png) no-repeat top left;
	position:relative;
	min-height:580px;
	height:auto !important;
	height:580px;
}
img#Logo {
	position:absolute;
	right:42px;
	top:255px;
}

/*- Header ----*/
#Header {
	background: #000000;
	padding-top:42px;
	width:950px;
}
#Header div.Language {
	float:right;
}
#Header div.Language span {
	font-size: 1.3em;
	padding:0 4px;
}
#Header div.Language a {
	font-size: 1.3em;
	color:#808285;
	text-decoration: none;
}
#Header div.Language a:hover {
	color:#FFF;
}
#MainMenu, #Footer ul.BottomLinks {
	font-size: 1em;
	padding: 0;
	margin-left:170px;
}
#MainMenu li, #Footer ul.BottomLinks li {
	float:left;
	padding:0 8px;
	border-right:1px solid #606164;
}
#MainMenu li.Last, #Footer ul.BottomLinks li.Last {
	border-right:0px;
}
#MainMenu li a {
	font-size: 1.7em;
	color:#808285;
	text-decoration: none;
}
#MainMenu li a.On, #MainMenu li a:hover {
	color:#FFF;
}


/*- Footer ----*/
#Footer {
	width:950px;
	background-color:#000000;
	padding-bottom:15px;
}
#Footer ul.BottomLinks li a {
	font-size:1.3em;
	color:#808285;
	text-decoration:none;
}
#Footer ul.BottomLinks li a:hover {
	color:#FFF;
}

/*- Body ----*/
#Body {
	background-color:#FFF;
	background-repeat:no-repeat;
	margin:32px 0 0 8px;
	width:695px; /*705px*/
	min-height:452px;
	height:auto !important;
	height:452px;
	color:#666666;
	border-bottom:1px solid #808080;
}

/*- Special style for the Splash page ---------------------------------------*/
body.Splash #wrapper { 
	height:510px !important; 
	width:765px; 
	background:none;
	min-height:0px;
	margin:62px 0 0 153px;
}

/*- Special style for the Content page ---------------------------------------*/

/* Breadcrumb */
#Body div.Breadcrumb {
	padding:10px 18px 15px 168px;
}
#Body div.Breadcrumb span {
	padding:0 2px;
}
#Body div.Breadcrumb a {
	color:#666666;
	text-decoration:none;
}
#Body div.Breadcrumb a:hover {
	text-decoration:underline;
}

/* SubMenu */
#Body div.SideBar {
	width:123px;/*147px*/
	float:left;
	padding:0 12px;
}
#Body div.SideBar ul li {
	padding-bottom:8px;
}
#Body div.SideBar ul li a {
	font-size:1.3em;
	color:#666666;
	text-decoration:none;
}
#Body div.SideBar ul li ul {
	margin-top:3px;
}
#Body div.SideBar ul li ul li {
	padding-bottom:0px;
	padding-left:10px;
}
#Body div.SideBar ul li ul li a {
	font-size:1.0em;
}
#Body div.SideBar label {
	display:block;
	font-size:1.3em;
	color:#666666;
}
#Body div.SideBar input.TxtBox {
	width:71px;
	vertical-align:middle;
	background:#d7d7d7;
	border:0px;
	padding:3px;
}
#Body div.SideBar input.Btn {
	width:30px;
	vertical-align:middle;
	height:19px;
	padding-bottom:3px;
}

/* ShoppingCart Box */
#Body div.ShoppingCart {
	position:absolute;
	top:455px;
	left:8px;
	width:147px;
}
#Body div.ShoppingCart h6 {
	font-size:1.2em;
	background-color:#d7d7d7;
	color:#666666;
	padding:2px 0 2px 12px;
	font-weight:bold;
}
#Body div.ShoppingCart p {
	font-size:1.2em;
	line-height:1.1em;
	color:#666666;
	padding:2px 0 4px 12px;
	margin-bottom:0px;
}
#Body div.ShoppingCart input.Btn {
	margin:0 0 0 12px;
}
#Body div.ShoppingCart #Content p {
	font-size:1.0em;
}
#Content {
	padding: 0 0 15px 22px;
	vertical-align: top;
	width:230px;
	float:left;
}
#Content p {
	font-size:1.1em;
	color:#666666;
}
#Content h1 {
	font-size:1.2em;
	font-weight:bold;
	color:#a0a8e6;
	margin-bottom:4px;
}

/* Products List Page */
#ContentFull {
	padding: 0 0 15px 22px;
	vertical-align: top;
	width:505px;
	float:left;
}
#ContentFull div.Container {
	text-align:right;
	width:125px;
	height:220px;
	float:left;
	padding: 0 60px 0 0;
}
#ContentFull div.Container img {
	width:119px;
	margin-bottom:10px;
}
#ContentFull div.Container a {
	font-size:1.3em;
	text-decoration:none;
}
#ContentFull div.Container p {
	margin-bottom:4px;
}
#ContentFull div.Container span.Price {
	vertical-align:middle;
	font-weight:bold;
	font-size:1.1em;
}
#ContentFull div.Container input.Btn {
	margin-left:5px;
	vertical-align:middle;
}
#Body div.Pager {
	text-align:right;
	width:150px;
	position:absolute;
	top:102px;
	right:255px;
	color:#808080;
	font-size:1.1em;
}
#Body div.Pager span,
#Body div.PagerBottom span {
	color:#333333;
}
#Body div.PagerBottom {
	text-align:right;
	width:150px;
	color:#808080;
	font-size:1.1em;
	float:right;
	margin:-25px 8px 0 0;
	_margin-right:4px;
}


/* Shopping Cart Page */
table.ShoppingTablePrice {
	width:100%;
}
table.ShoppingTablePrice th {
	background-color:#6d6f70;
	color:#FFF;
	padding:2px 5px;
}
table.ShoppingTablePrice td {
	vertical-align:top;
	padding:4px 5px;
	font-size:1.1em;
}
table.ShoppingTablePrice strong {
	font-weight:bold;
	color:#333333;
}
table.ShoppingTablePrice input.TxtBox {
	width:30px;
	text-align:center;
}
table.ShoppingTablePrice a {
	font-size:0.9em;
}
table.ShoppingTablePrice hr {
	color:#d7d7d7;
	background-color:#d7d7d7;
	border:0px;
	height:2px;
	margin:0;
}
table.ShoppingTablePrice a.BtRemove {
	margin-top:3px;
	display:block;
}
table.ShoppingTablePrice tr.PriceDetailRow td {
	vertical-align:bottom;
	padding-bottom:0px;
}
table.ShoppingTablePrice tr.TotalRow td {
	vertical-align:middle;
	padding-top:0px;
}
table.ShoppingTablePrice tr.TotalRow input.Btn {
	background-color:#84cfcb;
	margin-right:9px;
}


/* Products Description Page */
#ContentLeft {
	width:275px;
	float:left;
	vertical-align: top;
	text-align:right
}
#ContentLeft p {
	margin-bottom:8px;
	font-size:1.1em;
}
#ContentLeft img.ImgProduct {
	width:255px;
}
#ContentLeft a.BtPrintSheet {
	text-decoration:underline;
	font-size:1.1em;
}
#ContentLeft a.BtPrintSheet:hover {
	text-decoration:none;
}
#ContentLeft div.Container {
	margin-top:40px;
}
#ContentLeft div.Container span.Price {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:3px;
}
#ContentLeft div.Container input.TxtBox {
	width:35px;
	text-align:right;
}
#ContentLeft div.Container input.TxtBox,
#ContentLeft div.Container input.Btn {
	vertical-align:middle;
	margin-left:4px;
}

/*- Styles for the different section ------------------------------------------*/

/* Under developement */
body.FAQ #Content h1,
body.Wholesale #Content h1 {
	font-size:1.5em;
	line-height:1.0em;
	padding-top:45px;
}

/* Mantra */
body.Mantra #Content,
body.Contact #Content,
body.SiteMap #Content {
	padding-top:35px;
}
body.Mantra #Content h1,
body.Mantra #MainMenu li a.On, 
body.Mantra #MainMenu li a.On:hover,
body.Mantra #Body div.SideBar ul li a.On,
body.Mantra #Body div.SideBar ul li a:hover {
	color:#b1b9ec;
}
/*body.Mantra #Body {
	background:#FFF url(../images/Bg_Mantra.jpg) no-repeat bottom right;
}*/

/* Products */
body.Products #Content h1,
body.Products #MainMenu li a.On, 
body.Products #MainMenu li a.On:hover,
body.Products #Body div.SideBar ul li a.On,
body.Products #Body div.SideBar ul li a:hover,
body.Products #ContentFull div.Container a:hover {
	color:#84cfcb;
}

/* ShoppingCart */
body.ShoppingCart #Content h1,
body.ShoppingCart #MainMenu li a.On, 
body.ShoppingCart #MainMenu li a.On:hover,
body.ShoppingCart #Body div.SideBar ul li a.On,
body.ShoppingCart #Body div.SideBar ul li a:hover,
body.ShoppingCart #ContentFull div.Container a:hover {
	color:#84cfcb;
}

/* Chef Stefan */
body.ChefStefan #Content h1,
body.ChefStefan #MainMenu li a.On, 
body.ChefStefan #MainMenu li a.On:hover,
body.ChefStefan #Body div.SideBar ul li a.On,
body.ChefStefan #Body div.SideBar ul li a:hover {
	color:#ff4b44;
}

/* Extreme Chef */
body.ExtremeChef #Content h1,
body.ExtremeChef #MainMenu li a.On, 
body.ExtremeChef #MainMenu li a.On:hover,
body.ExtremeChef #Body div.SideBar ul li a.On,
body.ExtremeChef #Body div.SideBar ul li a:hover {
	color:#ff4b44;
}
body.ExtremeChef #Content h1.PostTitle {
	color:#ffffff;
}

/* Trendtasting */
body.Trendtasting #Content h1,
body.Trendtasting #MainMenu li a.On, 
body.Trendtasting #MainMenu li a.On:hover,
body.Trendtasting #Body div.SideBar ul li a.On,
body.Trendtasting #Body div.SideBar ul li a:hover {
	color:#9ab02f;
}

/* NewsMedia */
body.NewsMedia #Content h1,
body.NewsMedia #MainMenu li a.On, 
body.NewsMedia #MainMenu li a.On:hover,
body.NewsMedia #Body div.SideBar ul li a.On,
body.NewsMedia #Body div.SideBar ul li a:hover {
	color:#ff7a18;
}

/* Wholesale */
body.Wholesale #Content h1,
body.Wholesale #Footer ul.BottomLinks li a.On, 
body.Wholesale #Footer ul.BottomLinks li a.On:hover, 
body.Wholesale #Body div.SideBar ul li a.On,
body.Wholesale #Body div.SideBar ul li a:hover {
	color:#2084b0;
}

/* Store Location */
body.StoreLocation #Content h1,
body.StoreLocation #Footer ul.BottomLinks li a.On, 
body.StoreLocation #Footer ul.BottomLinks li a.On:hover, 
body.StoreLocation #Body div.SideBar ul li a.On,
body.StoreLocation #Body div.SideBar ul li a:hover {
	color:#9ab02f;
}
body.StoreLocation #Content {
    width:525px;
}
body.StoreLocation #Content h3 {
    margin-right:2px;
}
body.StoreLocation #Content table.TableStore td {
    width:170px;
    padding-right:5px;
}
body.StoreLocation #Content table.TableStore td a {
    text-decoration:underline;
}
body.StoreLocation #Content table.TableStore td a:hover {
    text-decoration:none;
}

/* FAQ */
body.FAQ #Content h1,
body.FAQ #Footer ul.BottomLinks li a.On, 
body.FAQ #Footer ul.BottomLinks li a.On:hover, 
body.FAQ #Body div.SideBar ul li a.On,
body.FAQ #Body div.SideBar ul li a:hover {
	color:#a99d15;
}

/* Site Map */
body.SiteMap #Content h1,
body.SiteMap #Footer ul.BottomLinks li a.On, 
body.SiteMap #Footer ul.BottomLinks li a.On:hover, 
body.SiteMap #Body div.SideBar ul li a.On,
body.SiteMap #Body div.SideBar ul li a:hover {
	color:#ED0579;
}
body.SiteMap #Content {
	width:400px;
}
body.SiteMap #Content ul {
	margin:0 12px 0 0;
}
body.SiteMap #Content ul ul {
	margin: 3px 0 3px 20px;
}
body.SiteMap #Content ul li {
	font-size:1.1em;
	font-weight:bold;
	clear:both;
	list-style:none;
	padding-bottom:5px;
}
body.SiteMap #Content ul li li {
	font-size:1.0em;
	font-weight:normal;
	list-style:	 disc outside;
	clear:both;
	padding-bottom:2px;
}
body.SiteMap #Content ul li li li {
	font-size:0.9em;
}

/* Contact */
body.Contact #Content,
body.ShoppingCart #Content {
	width:500px;
}
body.Contact #Content h1,
body.Contact #Footer ul.BottomLinks li a.On, 
body.Contact #Footer ul.BottomLinks li a.On:hover, 
body.Contact #Body div.SideBar ul li a.On,
body.Contact #Body div.SideBar ul li a:hover {
	color:#ab825c;
}
body.Contact #Content div.Form,
body.ShoppingCart div.Form {
	width:315px;
}
body.Contact #Content div.Form p,
body.ShoppingCart div.Form p {
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 95px;
	height: 1%;
}
body.Contact #Content div.Form label,
body.ShoppingCart div.Form label {
	float: left;
	margin-left: -95px;
	width: 90px;
	color:#666;
}
body.Contact #Content div.Form label span,
body.ShoppingCart div.Form label span {
	padding-left:3px;
	color:#FF0000;
}
body.Contact #Content div.Form .TxtBox,
body.ShoppingCart div.Form .TxtBox {
	width: 200px;
}
body.Contact #Content div.Form .TxtArea,
body.ShoppingCart div.Form .TxtArea {
	width: 200px;
	height: 90px;
}
body.Contact #Content div.Form input.Btn {
	float:right;
	margin-right:15px;
}

/* Shopping Cart */
body.ShoppingCart div.BtnGroup {
	clear:left;
	text-align:right;
	margin-right:4px;
	padding-top:15px;
}
body.ShoppingCart div.Form div.BtnGroup {
	margin-right:15px;
}
body.ShoppingCart input.Btn {
	margin-left:15px;
}
body.ShoppingCart div.Form p.CheckBox {
	position:relative;
	padding-left:24px;
}
body.ShoppingCart div.Form p.CheckBox label {
	float: none;
	margin-left: 0px;
	width: auto;
	color:#666;
}
body.ShoppingCart div.Form p.CheckBox input {
	position:absolute;
	top:6px; 
	*top:2px;/* IE checkbox two pixel jug */
	left:0px;
	margin:0;
}
body.ShoppingCart div.Form .LabelPhoneExt {
	padding-left:4px;
}

body.ShoppingCart div.CustomerInfo {
	width:235px;
	float:left;
	margin-right:15px;
}
body.ShoppingCart div.CustomerInfo p {
	padding:0 8px;
}

/*- Styles pour Extreme Chef ----------------------------------------------------*/

body.ExtremeChef #Body {
	background-color:#000;
	border-left:3px solid #FFF;
	border-bottom:3px solid #FFF;
}
body.ExtremeChef #Body  div.ShoppingCart h6 {
	background-color:#FFF;
}
body.ExtremeChef #Content {
	width:295px;
}
body.ExtremeChef #Content p.Date {
	font-size:0.9em;
}
body.ExtremeChef #Content p.Date a {
    color:#FFF;
}
body.ExtremeChef #Body div.SideBar ul li a,
body.ExtremeChef #Body div.ShoppingCart p, 
body.ExtremeChef #Content h2, 
body.ExtremeChef #Content h4, 
body.ExtremeChef #Content h5, 
body.ExtremeChef #Content h6,
body.ExtremeChef #Content p,
body.ExtremeChef #Body div.Breadcrumb,
body.ExtremeChef #Body div.Breadcrumb a {
	color:#FFF;
}
body.ExtremeChef #Content h1.PostTitle {
	font-size:1.4em;
}

/*- Blog List --------------------------------------------*/
body.ExtremeChef div#Content.BlogList {
	width:510px;
	padding-bottom:25px;
}

/* Pager */
div#Content.BlogList div.BlogPager {
	
	margin-right:2px;
}
div#Content.BlogList div.BlogPager ul {
	background-color:#404041;
	font-size:0.9em;
	color:#ffffff;
	margin:0px;
	height:13px;
	padding:1px 0;
	border-bottom:1px solid #000;
	float:right;
}
div#Content.BlogList div.BlogPager ul li {
	float:left;
	list-style:none;
	height:13px;
}
div#Content.BlogList div.BlogPager ul li.Even {
	background-color:#58585a;
}
div#Content.BlogList div.BlogPager ul li.NumPage {
	width:100px;
	padding-left:3px;
}
div#Content.BlogList div.BlogPager ul li a {
	display:block;
	padding:0 5px;
	color:#FFF;
}

/* Table */
#TableBlogList {
	clear:both;
}
#TableBlogList td {
	border-bottom:1px solid #000;
	border-right:2px solid #000;
	background-color:#404041;
	color:#FFF;
	font-size:1.3em;
	padding:9px 18px;
}
#TableBlogList td a {
	color:#FFF;
	text-decoration:none;
}
#TableBlogList td a:hover {
	text-decoration:underline;
}
#TableBlogList td.CellHeader {
	background-color:#58585a;
	border-bottom:2px solid #000;
	font-size:1.1em;
	padding:3px 9px;
}
#TableBlogList td.CellDate {
	font-size:1.1em;
	padding:9px 9px;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
}
.TxtErreur {
	font-size: 1.1em;
	color: #FF0000;
}
span.TxtErreur {
	padding-left:3px;
}
div.TxtErreur {
	border:1px dashed red;
	padding:5px;
	width:288px;
	margin-bottom:10px;
}
div.TxtErreur ul {
	color: #FF0000;
	list-style:outside disc;
	margin-left:20px;
}
#Content div.TxtErreur ul {
	margin-bottom:2px;
}
.TxtBox, .TxtArea {
	font-size:10px;
	color:#666;
	background:#f3f3f4;
	border:1px solid #bcbdc0;
	padding:2px;
}
.SelectList {
	font-size:10px;
	color:#666;
	background:#f3f3f4;
	border:1px solid #bcbdc0;
}
.Btn {
	font-size: 12px;
	color:#FFF;
	background:#7d7d7d;
	padding: 1px 4px;
	overflow:visible;
	border:0px;

}

/*- Styles de l'éditeur ----------------------------------------------------*/
#Content ul {
	margin: 0 0 12px 15px;
	padding: 0;
}
#Content ul li {
	list-style:	 disc outside;
	padding: 0 0 5px 0;
	padding: 0;
}
#Content ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
#Content ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
	padding: 0;
}
#Content h2, #Content h4, #Content h5, #Content h6 {
	font-size: 1.1em;
	color: #666;
	font-weight:bold;
	margin: 15px 0 2px 0;
}
#Content h3 {
	font-size: 1.1em;
	color: #FFF;
	text-transform:uppercase;
	font-weight:bold;
	margin: 15px 0 5px 0;
	padding:3px 8px;
	background-color:#6D6F70;
}
/* Ajustement de liens */
body.ChefStefan #Content a,
body.NewsMedia #Content a,
body.Trendtasting #Content a {
	text-decoration:underline;
}
body.ChefStefan #Content a:hover,
body.NewsMedia #Content a:hover,
body.Trendtasting #Content a:hover {
	text-decoration:none;
}
/*--------------------------------------------------------------------------*/