*
{
	font-family	: Georgia, Verdana, Tahoma, Arial, sans-serif;
	font-size	: 1em;
	color		:#000;
}

.boxText	{ font-size: 0.8em; }
.errorBox	{ font-size : 0.8em; background: #ffb3b5; font-weight: bold;}
.stockWarning	{ font-size : 0.8em; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit	{ font-size : 0.8em; color: #70d250; text-decoration: underline; }

BODY
{
	background: #DDDDDD;
	background-color:#DDDDDD;
	margin	: 0px;
	padding	: 0px;
	voice-family: "\"}\""; voice-family:inherit;
	text-align:center;
        scrollbar-face-color: #DEE3E7;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-shadow-color: #DEE3E7;
        scrollbar-3dlight-color: #D1D7DC;
        scrollbar-arrow-color:  #006699;
        scrollbar-track-color: #EFEFEF;
        scrollbar-darkshadow-color: #98AAB1;
}

H1
{
	font-size	: 1.5em;
	color		: #67933E;
	font-weight	: bold;
	text-align	: center;
	padding		: 5px;
}

H2
{
	font-size	: 1.3em;
	font-weight	: bold;
	text-decoration	: underline;
	color		: #67933E;
}

H3
{
	font-size	: 1.2em;
	color		: #765;
	text-align	: right;
}

H4
{
	font-size	:1em;
	color		:#765;
}

A
{
	color: #7B2727;
	text-decoration: none;
}

A:hover
{
	color		: #7B2727;
	text-decoration	: underline;
/*	font-weight	: bold;*/
}

FORM
{
	display: inline;
}

TH
{
	color		: #7B2727;
	text-align	: center;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-size: 0.8em;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

.footer {
  font-size: 0.8em;
  color: #000;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #F8F8F8;
  font-size: 0.8em;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 0.8em;
}

TD.infoBoxHeading {
  font-size: 0.8em;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-size: 0.8em;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #F8F8F8;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #F8F8F8;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 0.8em;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 0.8em;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 0.8em;
  color: #000000;
}

TD.main, P.main {
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 0.8em;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 0.8em;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 0.8em; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 0.8em; color: #000000; }

/* message box */

.messageBox { font-size: 0.8em; }
.messageStackError, .messageStackWarning { color: #f00;}
.messageStackSuccess { font-size: 0.8em; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 0.8em; color: #ff0000; }


#page
{
	text-align	: left;
	margin		: 5px;
	padding		: 0px;

/*        position	: relative;*/
/*        left		: 50%;*/
	width   	: 780px;
	height		: 450px;
/*        margin-left	: -390px;*/

        background-color        : #FFFFFF;
	border		: 2px solid #666666;
}

/* hack IE min-height */
HTML>BODY #page
{
        height                  : auto;
        min-height              : 400px;
}

#contenu1
{
	margin		:5px;
	padding		:5px;
	margin-left	: 140px;
}

#contenu2
{
	clear		:left;
	margin		:5px;
	padding		:5px;
}

#menu_deroulant
{
	background-color:#FFF;
	width:90px;
	border:1px solid;
}

#sousmenu
{
	clear:left;
	font-size:15px;
	width:130px;
	margin:0px;
	margin-left:0px;
	padding:5px;
	float: left;
/*	border-right:1px dotted #765;*/
/*	border-bottom:1px dotted #765;*/
}

A.sousmenu
{
}
A.sousmenu:hover
{
	font-weight: normal;
}

#header
{
	background-color:#E0E4D6;
        font-size	:0.8em;
        line-height	:normal;
	margin		: 0px;
	padding		: 5px;
}

#logo
{
	width		: 100px;
	heigth		: 61px;
	float		: left;
}

#slogan
{
	clear		: both;
        font-size       : 1.1em;
        margin		: 5;
}


#pub
{
        width		: 468px;
	height		: 60px;
	margin		: 0px;
	float		: right;
}

/* gestion des bloc a bords arrondis */
#nifty{ margin: 0 10%;background: #EEE; text-align:center}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #EEE}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* Gestion du menu superieur */
#menu_top
{
	width			: 100%;
	height			: 35px;
	background-color	: #DAE0D2;
	background		: url("http://www.kelrank.com/images/menu/bg.gif") repeat-x bottom;
	font-size		: 12px;
	line-height		: normal;
}

#menu_top ul
{
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}

#menu_top li
{
	display:inline;
	margin:0;
	padding:0;
}

#menu_top a
{
	float:left;
	background:url("/images/menu/left_both.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #765;
	text-decoration:none;
}

#menu_top a span
{
	float:left;
	display:block;
	background:url("/images/menu/right_both.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	font-weight:bold;
	color:#765;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_top a span {float:none;}
/* End IE5-Mac hack */
#menu_top a:hover span
{
	color:#333;
}

#menu_top #current a
{
	background-position:0 -150px;
	border-width:0;
}

#menu_top #current a span
{
	background-position:100% -150px;
	padding-bottom:5px;
	color:#333;
}

#menu_top a:hover
{
	background-position:0% -150px;
}

#menu_top a:hover span
{
	background-position:100% -150px;
}

/* Fin du menu superieur */

#partenaire
{
	visibility	: hidden;
	text-align	: center;
}

ol
{
	list-style-position:outside;
	list-style-type:upper-roman;
}

li {
}

.green_arrow
{
	list-style-type: url("/images/arrow_green.gif")};
}

.base li
{
	white-space: nowrap;
	display : list-item;
	list-style-image : url(/images/arrow_green.gif);
	list-style-position: outside;
}

.boxe
{
	background	: #EEEEEE;
	border		: 1px;
	border-style	: solid;
	border-color	: #b6b7cb;
	border-spacing	: 1px;
	padding		: 10px;
	margin-bottom	: 10px;
}

#boxe
{
	font-size: 0.8em;
	line-height: 1.5;

	width		: 100%;
	background	: #F8F8F8;
	border		: 1px;
	border-style	: solid;
	border-color	: #b6b7cb;
	border-spacing	: 1px;
	padding		:5;
	margin		:0;
}

/* cellule pour remplacer un tableau : liste des moteurs geré, tableau_resumé premier eplace */
.float
{
	float		: left;
	margin-top	: 25px;
	margin-left	: 25px;
}

/* Class de lien pour les resutats */
A.red { color	: red; }
A.black		{ color : black; }
A.green		{ color : green; }
A.red:hover	{ color : red;		font-weight : normal; }
A.black:hover	{ color : black;	font-weight : normal; }
A.green:hover	{ color : green;	font-weight : normal; }