﻿/*** ELEMENTS STYLE SHEETS ***********************************************************************/
a, a:visited
{
	color: #797878;
}

a:hover 
{
	color: #49a6dc;
}

b, strong, .seBoldText
{
	font-weight: bold;	
}

body
{
	color: #797878;
	font-family: Helvetica, Tahoma, Arial, Sans-Serif;
	font-size: 10pt;
	height: 100%;
	margin: 0px;	
}

fieldset
{
	border: 1px solid #e6e7e8;
	padding: 5px;
}

h1
{
	color: #000000;
	font-size: 13pt;
	font-weight: bold;	
	/* CA NE DONNE PAS UN BEAU RÉSULTAT EN FRANCAIS */
	/*text-transform: capitalize;*/
}

.RegimenWhite
{
	color: #FFFFFF;
	font-size: 13pt;
	font-weight: bold;	
	/* CA NE DONNE PAS UN BEAU RÉSULTAT EN FRANCAIS */
	/*text-transform: capitalize;*/
	text-decoration: none;
	text-decoration: underline;
}

.RegimenWhite:hover
{
	color: #FFFFFF;
}

.RegimenWhite:visited
{
	color: #FFFFFF;
}

h2
{
	color: #636466;
	font-size: 11pt;	
	/* CA NE DONNE PAS UN BEAU RÉSULTAT EN FRANCAIS */
	/*text-transform: capitalize;*/
}

h3
{
	color: #000000;
	font-size: 9pt;	
	line-height: 9pt;	
	/* CA NE DONNE PAS UN BEAU RÉSULTAT EN FRANCAIS */
	/*text-transform: capitalize;*/
}

h4
{
	color: #797878;
	font-size: 10pt;	
	/* CA NE DONNE PAS UN BEAU RÉSULTAT EN FRANCAIS */
	/*text-transform: capitalize;*/
}

hr
{
	color: #bbbbbb;
	height: 0px;
}

html
{
	height: 100%;
	overflow-y: scroll;
}

input, option, select, textarea
{
	color: #636466;
	font-family: Helvetica, Tahoma, Arial, Sans-Serif;
}

legend
{
	color: #000000;	
	font-variant: small-caps;
	font-weight: bold;
}

li 
{
	padding-bottom: 5px;
}

table
{
	font-size: 10pt;
}

ul 
{
	list-style-image: url(/imgs/bullet.gif);
}

.FeaturedText
{	
	color: #000000;
	font-size: 12pt; 
	font-weight: bold; 
	text-transform: uppercase;
}

span.OutOfStock
{
	color: #ff0000;
	font-size: 8pt; 
	font-weight: bolder; 
	text-transform: uppercase;
}

/*** FORMS ***************************************************************************************/
span.Validator
{
	color: #ff0000;
	font-size: 9pt;
	font-variant: normal;	
	font-weight: normal;
}

td.FormCaption
{
	font-variant: small-caps;	
	width: 150px;
}

fieldset.Buttons
{
	background-color: #f5f5f6;	
	border: 1px solid #2273a4;
}

fieldset.Info
{
	background-color: #FFFFCC;
	border: 1px solid #2273a4;
}

/*** CLASSES *************************************************************************************/
a.NoDecoration
{	
	font-size: 8pt;
	text-decoration: none;	
	text-transform: uppercase;
}

a.PreviousNext
{
	font-weight: bold;
}

a.White, a.White:visited, a.White:hover
{
	color: #ffffff;
}

div.CategoryDescription
{
	height: 155px; 
	overflow: hidden; 
}

span.CategoryDescription
{
	line-height: 0.92em;
}

div.Featured
{
	background-image: url(/imgs/featured_bg.gif);
	background-repeat: repeat-y;
	padding: 7px;
}

div.GoogleMap
{
	height: 100%;
	width: 100%;
}


input.Quantity
{	
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #797878;
	font-size: 10pt;
	height: 15px;
	text-align: center;
	width: 25px;
}

input.Search
{
	background-position: left;
	background-repeat: no-repeat;
	border: 0px;
	outline: none;	
}

table.Info
{	
/*
	background-color: #80c5ed;
	border: 1px solid #e6e7e8;	
	color: #000000;
*/
	color: #358AC0; /* #80c5ed; */
}

td.BlueBackground
{
	/*background-image: url(/imgs/bg_blue.jpg);
	background-position: right;
	background-repeat: no-repeat;*/
	background-color: #49a6dc;
	color: #ffffff;
	padding: 10px;
}

td.Logo
{
	background-image: url(/imgs/bg-logo.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.Product
{
	border: 1px solid #e6e7e8;
}

.smallText, .smallText:visited 
{
	font-size: 8pt;
}

.RotatingAd
{
	position: absolute;
	height: 200px;
	width: 411px;		
}

table.Form
{
	margin: 5px;
}

ul.3points 
{
	text-transform: uppercase; 
}

/*** CUSTOM DROP DOWN LIST CLASSES ***************************************************************/
div.DropDownListItems
{
	background-color: #80c5ed;
	/*background-image: url(/imgs/menu-bg.png);*/
	border: 1px solid #4a768f;
	position: absolute;		
	font-weight: bold;
}

table.DropDownList
{
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
}

div.DropDownListItem
{
	color: #ffffff;
	cursor: pointer;	
	padding: 2px 10px 2px 10px;	
	font-weight: bold;
}

div.DropDownListItemHover
{
	background-color: #49a6dc;
	color: #ffffff;	
	cursor: pointer;
	padding: 2px 10px 2px 10px;	
	font-weight: bold;
}

tr.DropDownListItems
{
	position: absolute;	
}

/*** SUB MENU CLASSES ****************************************************************************/
div.SubMenu
{
	/*background-image: url(/imgs/menu-bg.png);*/
	background-color: #ffffff;
	border: 1px solid #bfc1c5;
	padding: 1px;
	position: absolute;	
	z-index: 9999;
}

div.SubMenuItem
{
	font-size: 8pt;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	/* CA NE DONNE PAS UN BEAU RÉSULTAT EN FRANCAIS */
	/*text-transform: capitalize;*/
}

div.SubMenuItemHover
{
	background-color: #49a6dc;
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	/* CA NE DONNE PAS UN BEAU RÉSULTAT EN FRANCAIS */
	/*text-transform: capitalize;*/
}

span.SubMenuItemBold
{
	color: #000000;	
}

/*** SITE ENGINE CLASSES *************************************************************************/
.seCheckBoxList
{
	border: 1px solid #2273a4;
	height: 200px;
	overflow: auto;		
}

.seConfirmText
{
	background-color: #ffffcc;
}

.seContainer
{
	width: 800px;
}

.seFooter
{
	background-color: #49a6dc;
}

.seFormTable
{
	background-color: #ffffff;
	border: 1px solid #2273a4;
	width: 800px;
}

.seHeader
{	
	background-color: #358bbf;	
	background-image: url(/imgs/table-header-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	color: #ffffff;
	font-variant: small-caps;
	font-weight: bold;
}

.seHeaderLink, .seHeaderLink:visited
{
	color: #ffffff;
}

.seInputControl
{	
	background-color: #358bbf;	
	background-image: url(/imgs/table-header-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #ffffff;
	color: #ffffff;	
	font-variant: small-caps;
}

.seMemoControl
{
	border: 1px solid #2273a4;
}

.seNoteText
{
	color: Green;
	font-size: 8pt;	
}

.seTable
{
	background-color: #ffffff;
	border: 1px solid #2273a4;
}

.seTableRow, .seCaptionCell
{
	background-color: #eaeaea;
}

.seTableRowAlternate, .seValueCell
{
	background-color: #f4f4f4;
}

.seTitle
{
	font-size: 12pt;
	font-weight: bold;	
	/* CA NE DONNE PAS UN BEAU RÉSULTAT EN FRANCAIS */
	/*text-transform: capitalize;*/
}

.indent
{
	margin-left: 25px
}

.indentLess
{
	margin-left: 21px
}

.pointer
{
	cursor: pointer;
}

.keyword
{
	background-color: #FFFF99;
}

div.UpdateProgress
{	
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 9999999;
	cursor: wait;
}

div.UpdateProgressBox
{
	background-color: #ffffcc;
	border: 1px solid #000000;
	color: #000000;
	padding: 10px;
	width: 250px;
}