/* ===== This file contains the eCommerce specific styles ===== */

/* ===== Basic Element Styles ===== */
BODY {
	background: #FFFFFF;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
}

.table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 	border-color:#B5F65D;	
}

TD {
padding-right:2px;
padding-bottom:0px;
padding-top:2px;
}

FORM {
margin: 0px;
}

INPUT {
text-align:center;
line-height:14px;
height:20px;
vertical-align:middle;
font-size:10px;
}

UL {
margin-top: 0; 
margin-bottom: 0;
}

.endcolumns {
clear: both;
height: 0px;
visibility: hidden;
}  
/*
 *********************************************************
 *
 *	STRUCTURE
 *
 **********************************************************
 */
 body
 {
 	text-align:center;
	background-image:url("bkg.jpg") ;
	background-position:0 0;
	background-repeat:repeat-x;
}

 body.ecbody
 {
 	/*text-align:center;*/
	background-image:url("bgfriend.gif") ;
	background-position:0 0;
	background-repeat:no-repeat;
	text-align:left;
	padding-top:90px;
}

 #main
 {
 	margin: 0 auto;
	width:902px;
	background-color:#fff;
	background-image:url("head_new.gif");
	background-position:0 0;
	background-repeat:no-repeat;
	text-align:left;
 }
 #main *
 {
	text-align:left;
	
 }
 
 a img
 {
 border:none;
 }
 /***********************************************************
 *
 *		FOOTER
 *
 ***********************************************************
 */
#main #footer
{
border-top:1px #b6e0ed solid;
width:902px;
height:93px;
background-image:url(foot.jpg);
background-position:0 0 ;
background-repeat:no-repeat;
text-align:center;
display:block;
margin-top:-1px;
margin-bottom:50px;
}
#main #footer .tabletext{
display:block;
width:902px;
text-align:center;
padding:20px 0 0 0;
}#main #footer .tabletext *
{
color:#A6A6A6;
font-size:10px;
}
.clearBox {
    clear:both;
    height:1px;
    overflow:hidden;
  }
 

/*
 *********************************************************
 *
 *	/ CENTER
 *
 **********************************************************
 */
#category
{
	float:left;
	margin:0px 3px 20px 3px;
	width:165px;
	background-image:url(catBckg.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}

/** html #category{
/*IE HACK*/
/*margin:20px 3px 0 0px;
}*/
#category #catTittle
{	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:165px;
	background-image:url(corner.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	background-color:#80B746;
	padding:0 0 5px 0;
}
#catTittle span#ttl
{
background-image:url(corner-right.gif);
background-position:right 0;
background-repeat:no-repeat;
display:block;
text-align:center;
width:165px;
padding:5px 0 5px 0;
}
.productsummary-container .productsummary
{
	
}


#category .smallimage img
{
margin:0 0 0 1px;
}
#category .productbuy
{
margin:0 0 5px 0;
padding:0 2px 0 2px;
}
#category .footer
{
	background-color:#D0E3B4;
	padding:5px 0 0 0;
	background-image:url(corner-left-bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
bottom:0px;
}
#category .ref
{
	color:#666666;
	font-size:10px;
	padding:5px 0 0 5px;
}
#category .promoPrice
{
color:#4f9f00;
font-weight:bold;
font-size:14px;
text-align:right;
padding:0 10px 10px 0;
display:block;
background-image:url(corner-right-bottom.gif);
background-position:right bottom;
background-repeat:no-repeat;
}
#main #ecom-mainarea .center .product-prevnext
{
text-align:center;
}

.crump {
visibility:hidden;
}

/* ===== Header Styles ===== */
#ecom-header {
background-color:transparent;
height: 80px;
voice-family: "\"}\"";
voice-family: inherit;
height: 73px;
width:902px;
position:relative;
}
#ecom-header #left{
/*visibility:hidden;  ! HIDDEN  !  */
position:absolute;
top:20px;
}
#ecom-header #middle {
/* visibility:hidden; ! HIDDEN  !  */
position:absolute;
top: 20px;
left: 623px;
}
#ecom-header #right {
float:left;
}

#welcome-message {
padding-right: 10px;
padding-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000000;
}
#welcome-message a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
}
#welcome-message a:hover {
color: black;
text-decoration: underline;
}
#company-name {
margin: 0px;
font-size: 12pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000099;
white-space: nowrap;
}
#company-subtitle {
margin: 0px;
font-size: 6pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #330099;
white-space: nowrap;
}

#microcart {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: black;
}
#microcart a {
text-decoration: none;
color: #000099;
}
#microcart a:hover {
color: black;
text-decoration: underline;
}
#microcart .disabled {
color: #666666;
}
/***********************************************************
 *
 *		FLAGS
 *
 ***********************************************************/
#ecom-header .screenlet .screenlet-body
{
	display:block;
	height:17px;
	position:absolute;
	top:116px;
	background-color:#badac9;
	padding:7px 4px 1px 4px;
	text-align:left;
}
#ecom-header .screenlet .screenlet-body a
{
	display:inline;
	border:none;
	margin:0px 2px 0 2px;
}
#ecom-header .screenlet .screenlet-body a img
{
	border:none;
}
.screenlet
{
padding-bottom:15px;
}
/***********************************************************
 *
 *		TABS
 *
 ***********************************************************/
div#ecom-header-bar
{
	text-align:center;
	height: 70px;
	background-color:transparent;
	margin-top: -1px;
	width:902px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
} div#ecom-header-bar ul#left-links
{
	list-style:none;
	height:40px;
	text-align:center;
	padding:0 0px 0 255px;
	margin:0;
	
}


div#ecom-header-bar ul#left-links li
{
	float:left;
	margin:13px 10px 0 0px;
	padding:0 0 0px 0;
	height:29px;
	background-color: #77be44;
	background-image:url(topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div#ecom-header-bar ul#left-links li.name
{
	background-color: #77be44;
	margin:13px auto 0 11px;
	padding:0 0 5px 0;
	float:right;
	background-image:none;
}

div#ecom-header-bar ul#left-links li.current
{
	background-color: #c6e8d3;
	background-image:url(topright_current.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height:31px;

}

div#ecom-header-bar ul#left-links li.current a
{
	background-image:url(topleft_current.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color:#5e9b00;
}

div#ecom-header-bar ul#left-links a
{
	float: left;
	display: block;
	padding: 10px 15px 0px 15px;
	text-decoration: none;
	font-weight: bold;
	color:#fff;
	background-image:url(topleft.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/* 
* Commented Backslash Hack
* hides rule from IE5-Mac
*/
#ecom-header-bar ul#left-links a {
	float: none;
}
/* End IE5-Mac hack */
#ecom-header-bar ul#left-links a:hover {
	color: #333;
	background-color: transparent;
	height:1%;
}



#ecom-header-bar ul#left-links li.current a {
	/*padding-bottom:2px;
	border-bottom:1px #c6e8d3 solid;*/
}
/***********************************************************
 *
 *		SOUS NAV
 *
 ***********************************************************/
div#ecom-header-bar ul#right-links
{
	/*width:902px;*/
	list-style:none;
	/*text-align:center;*/
	/*float:left;*/
	display:block;
	margin:5px 0 0 245px;
	padding:5px 0 0 0;
}

* html div#ecom-header-bar ul#right-links
{
	/* IE6 Hack to center the links vertically */
	padding:1px 0 0 0;
}

div#ecom-header-bar ul#right-links li
{
	color:#3fa5c9;
	display:inline;
	margin:10px 0px 0 0px;
	padding:0px 25px 0 25px;
	height:25px;
}
div#ecom-header-bar ul#right-links li a
{
	color:#5e9b00;
	text-decoration:none;
	/*margin:10px 25px 0 25px;*/
	font-size:11px;
}
div#ecom-header-bar ul#right-links li a:hover
{
	color:#000000;
	text-decoration:none;
}
#ecom-header-bar #right-links .divider
{
	/*background:#ff0000;*/
	border-left:1px #5e9b00 solid;
	height:25px;	
}



/* ecom-mainarea wraps what is below the header including the divs for left, main, right columns as applicable */
#ecom-mainarea {
/*background-image:url(2colsbg.gif);*/
background-image:url(nocolsbg.gif);


background-position:0 0;
background-repeat:repeat-y;
width: 100%;
border-top:1px #e4f5fa solid;
margin-top:-1px;
}

#ecom-mainarea .left {
/* alt: position: absolute; left: 0px; top: 0px; */
float: left;
width: 184px;
color :#005c6d;
background:#bee3ef url("leftbg.gif") no-repeat bottom;
padding-bottom:50px;
margin-bottom:50px;
/* border:1px solid #000; */
}
#ecom-mainarea .right {
/* alt: position: absolute; right: 0px; top: 0px; */
float: right;
width: 184px;
color :#005c6d;
background:#bee3ef url("rightbg.gif") no-repeat bottom;
padding-bottom:50px;
margin-bottom:50px;
}


#ecom-mainarea .center, #ecom-mainarea .leftonly, #ecom-mainarea .rightonly {
/*background:#ffffff;*/
text-align: left;
/*vertical-align: top;*/
}

#ecom-mainarea .center {
color:#565656;
margin-left: 184px;
margin-right: 184px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 184px;
margin-right: 184px;
/*background:url("2colsbgheader.gif") no-repeat;*/
border-top:1px #fff solid;
padding:2px;
/*padding-top:25px;*/
width: 514px;
}

#ecom-mainarea .leftonly {
/*background:url("leftrightonlybg.gif") repeat-y;*/
margin-left: 184px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 185px;
color:#565656;
}
#ecom-mainarea .rightonly {
/*background:url("leftrightonlybg.gif") repeat-y;*/
/*background:url("leftonlybgheader.gif") no-repeat;*/
margin-right: 184px;
voice-family: "\"}\"";
voice-family: inherit;
margin-right: 185px;
color:#565656;
}

#ecom-mainarea .nocolumns{
/*background:#bee3ef url() repeat-y;*/
text-align: left;
/*vertical-align: top;*/
/*color:#007a90;*/
color:#565656;
}

/*.nocolumnsbg{
background:url("nocolsbg.gif") repeat-y;
}

.twocolsbg{
background:url("2colsbg.gif") repeat-y;
}

.leftonlybg{
background:url("leftonlybg.gif") repeat-y;
}

.rightonlybg{
background:url("rightonlybg.gif") repeat-y;
}*/

#nocolumnsheader {
background:url("nocolsbgheader.gif") no-repeat;
position:relative;
padding:5px 5px 5px 12px;
/*color:#bae2ee;*/
}

/*#nocolumnsheader A.buttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration:none;
border-bottom: #ffffff 1px dotted;
}

/*#nocolumnsheader A.buttontext:hover {
color: #ffffff;
text-decoration: none;
border-bottom: #007a90 1px dotted;
}*/



/* ====== eCommerce "Screenlet" Styles ====== */



#ecom-mainarea .screenlet {
/*border: 1px solid #b5f65d;*/
}

#ecom-mainarea .screenlet-header {
position:relative;
background: #D9F0F5;
padding-top: 8px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 10px;
border-top:1px #FFFFFF solid;
border-bottom:2px #12819E solid;
text-transform:uppercase;

}
#ecom-mainarea .screenlet-body {
padding: 10px 4px 10px 12px;
}

#ecom-mainarea .nocolumns .screenlet-body, #ecom-mainarea .center .screenlet-body, #ecom-mainarea .leftonly .screenlet-body, #ecom-mainarea .rightonly .screenlet-body{
padding-bottom: 30px;
}

/*#ecom-mainarea .nocolumns .screenlet-body {
padding: 10px 4px 4px 12px;
}*/


.boxhead {
font-family:Helvetica,Arial, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #117F9F;
}

A.boxheadbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.boxheadbutton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: red;
}

/* Form layout styles to simulate a table-style layout */
#ecom-mainarea .form-row {
clear: both;
padding-top: 2px;
}
#ecom-mainarea .form-label {
float: left;
width: 180px;
text-align: right;
padding-right:20px;
}
#ecom-mainarea .form-field {
float: left;
/*margin-left: 10px;*/
/*left:10px;*/
text-align: left;
} 

/* ===== Text/Label Styles ===== */
.tabletext, div.form-label, div.form-field {
/*position:relative;*/
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, helvetica, sans-serif;
padding: 0;
}

A.tabletext:hover {
font-size: 10px;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tablebuttontext {
font-size: 10px;
color: #1E3C66;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contenttext {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

DIV.tabletexthidden {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
visibility: hidden;
}

.head1 { 
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*margin: 10px 0 0 10px;*/
font-size: 18px;
text-transform:uppercase;
font-weight:normal;
text-decoration: none;
color: #3fa5c9;
visibility:visible;
margin-top: 20px;
}

/*.nocolumns .head1 { 
margin: 45px 0 0 30px;
color: #ffffff;
}*/

.head2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 20px;
font-size: 14px;
font-weight: bold;
color: #3fa5c9;
}

.head22 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 18px;
font-size: 12px;
font-weight: bold;
color: #3fa5c9;
}

.head3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
font-weight: bold;
color: #000000;
}

.info {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
font-style: normal;
color: #000000;
}

DIV.graybox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
background: #CCCCCC;
border: 1px solid #000000;
text-align: center;
margin: 2px auto;
width: auto;
padding: 4px;
}


.boxoutside {
background: #FFFFFF;
padding: 0px;
border-color: #999999;
border-style: solid;
border-width: 1px 1px 1px 1px;
}

.boxtop {
background: #000099;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.boxbottom {
background: #FFFFFF;
padding: 4px;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.button {
border-style: outset; border-color: #9999CC; border-width: 2px;
background: #dddddd;
padding-right: 5px; padding-left: 5px;
}


.tableheadtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: black;
}

A.tableheadbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: black;
}

A.tableheadbutton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
color: red;
}

.browsecategorytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
background-color:#B1DDEC;
color: #007a90;
padding:8px 0 6px 10px;
border-bottom:1px #D3EAF2 solid;;
}

A.browsecategorybutton {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
color: #007a90;

}

A.browsecategorybutton:hover {
color: #005c6d;
}

.browsecategorybuttondisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #005c6d;
}



.center A.buttontext, .nocolumns A.buttontext, .leftonly A.buttontext, .rightonly A.buttontext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #007a90;
text-decoration:none;
border-bottom: #5faebf 1px dotted;
}

.center A.buttontext:hover, .nocolumns A.buttontext:hover, .leftonly A.buttontext, .rightonly A.buttontext{
color: #005c6d;
text-decoration: none;
border-bottom: #007a90 1px dotted;
}

/*.nocolumns A.buttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #007a90;
text-decoration:none;
border-bottom: #5faebf 1px dotted;
}

.nocolumns A.buttontext:hover {
color: #005c6d;
text-decoration: none;
border-bottom: #007a90 1px dotted;
}*/


.right A.buttontext, .left A.buttontext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #5e9b00;
text-decoration:none;
background: url("buttoncircle_side.gif") no-repeat;
padding:1px 0 1px 18px;
height:20px;
}

.right A.buttontext:hover, .left A.buttontext:hover {
color: #005c6d;
text-decoration: none;
background: url("buttoncircle_sideover.gif") no-repeat;

}

. A.buttontext{
	
}

.buttontextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #333333;
}

.submenutextinfo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
padding-left: 6px;
padding-right: 5px;
border-right: 1px solid #5886C6
}

.submenutext, A.submenutext, A.submenutext:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #006600;/*yellow; mia 110106*/
padding-left: 6px;
padding-right: 5px;
border-right: 1px solid #5886C6
}

A.submenutext:hover {
color: yellow;
text-decoration: underline;
}

.submenutextdisabled, A.submenutextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
padding-left: 6px;
padding-right: 5px;
border-right: 1px solid #5886C6
}

A.submenutextdisabled:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
color: yellow;
}

.submenutextinforight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
padding-left: 6px;
}

.submenutextright, A.submenutextright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #006600;
/*yellow; mia 110106*/
padding-left: 6px;
}

A.submenutextright:hover {
color: yellow;
text-decoration: underline;
}

.submenutextrightdisabled, A.submenutextrightdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
padding-left: 6px;
}

A.submenutextrightdisabled:hover {
text-decoration: underline;
color: yellow;
}

A.lightbuttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: yellow;
border: none;
}

A.lightbuttontext:hover {
color: yellow;
text-decoration: underline;
}

A.lightbuttontextsmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
font-weight: bold;
text-decoration: none;
color: #006600;
border: none;
}

A.lightbuttontextsmall:hover {
color: yellow;
text-decoration: underline;
}

.lightbuttontextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
}

.buttontextborder{
display:block;
float:left;
border:#c4dde4 solid 1px;
margin-right:5px;
margin-top:5px;
}

.buttontextborderAjout {
border:1px solid #C4DDE4;
display:block;
margin-right:5px;
margin-top:5px;
width:115px;
height:20px;
}
A.buttontextbig {
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
/*width:auto;*/
background: url("buttonbg.gif");
height: 14px;
border:#ffffff solid 2px;
padding:0 5px 1px 5px;
}

*html A.buttontextbig{
display:inline;
}

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

.buttontextbigdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
}

A IMG.imageborder {
/*border-style: solid;
border-width: 1px;
border-color: #999999;*/
margin: 0 10px 0 10px;
vertical-align:middle;
}

/* ===== Other Header Styles ===== */


.headersmalltext {
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: black;
}
a.headersmalllink {
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; 
color: #000099; 
text-decoration: none;
}
a.headersmalllink:hover {
color: red;
}

/* ===== Misc/General Styles ===== */
HR.sepbar {
font-size: xx-small;
width: 100%;
height: 0px;
border:none;
border-width: 0px;
visibility:hidden;
}

.hr{
background: url("dividerlargeright.gif") no-repeat right top;
height:10px;
}

.errorBox{
background:url("alert.gif") no-repeat 0px 10px;
position:relative;
left:10px;
padding:10px 0 0 40px;
color: #005c6d;
font-weight:bold;
}

.errorBox ul{
margin-top:10px;
}

.errorMessage {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
margin-left:-40px;
font-size: 10px;
font-weight: bold;
color: #CC3300;
padding-left:70px;
background: url('errorli.gif') no-repeat 55px 4px;
/*list-style-image: url('errorli.gif');
list-style-position:outside;
vertical-align:bottom;*/
list-style-type:none;
}

/*.errorBox .errorMessage{
background: url('errorlibg_upper.gif') no-repeat 4px 4px;
color:#ffffff;
}*/

.eventMessage {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
font-weight: bold;
margin-left:-40px;
color: #009900;
padding-left:70px;
background: url('errorli.gif') no-repeat 55px 4px;
}

.ontab {
font-size: 10px;
background-color:black;
/*background: black;*/
padding: 2px;
border-style: inset;
border-width: 3px;
}

a.onlnk {
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 2px;
}

.offtab {
font-size: 10px;
background: #CCCCCC;
padding: 2px;
border-style: outset;
border-width: 3px;
}

a.offlnk {
font-size: 10px;
font-weight: bold;
color: #000099;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 2px;
}

a.offlnk:hover {
color: red;
}

.areaheader {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
width: 100%;
background: black;
padding: 2px;
}

.edittable {
border-color: #000000 #000000 #003333;
border-style: solid;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin
}

.editInputBox {
background: #FFFFFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: white;
border: #999999 solid 1px;
/*margin: 2px;*/
}

.inputBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#555555;
background: #FFFFFF;
font-size: 10px;
border: #999999 solid 1px;
height:14px;
/*padding:1px;*/
margin:0;
vertical-align:middle;
}
#right .inputBox
{
	width:70px;
}
/*#right .tabletext
{
text-align:right;
}*/
/*#right .tabletext input
{
padding:3px 0 3px 0;
}*/
.selectBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#555555;
background: #FFFFFF;
font-size: 10px;
background: white;
border: #999999 solid 1px;
height:16px;
margin:3px 0 3px 0;
/*margin: 2px;*/
}

.textAreaBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#555555;
background: #FFFFFF;
font-size: 10px;
background: white;
border: #999999 solid 1px;
margin:3px 0 3px 0;
/*margin: 2px;*/
}

.radioButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 10px;
margin:3px 0 3px 0;
}

.checkBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 10px;
margin:3px 0 3px 0;
}

input{
/*font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding:1px;
margin:3px 0 3px 0;*/
/*font-weight: bold;*/
/*text-decoration: none;*/
/*color: #000099;
background: white;
border: #999999 solid 1px;
margin: 2px;*/^
padding-left:0;
padding-right:0;
text-align:center;
}

.mediumSubmit,.largeSubmit,.loginButton {
/*font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none; color: #000099;
background: white;
border: #999999 solid 1px;
margin:3px 0 3px 0;*/
}

.smallSubmit:hover,.mediumSubmit:hover,.largeSubmit:hover,.loginButton:hover {
/*color: red;
text-decoration: underline;*/
}

.smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.basePrice {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
}

.normalPrice {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #4f9f00;
}

.salePrice {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: red;
}

/* ===== Product Summary Styles ===== */
.product-prevnext {
float:left;
width:500px;
margin-bottom:20px;
margin-top:10px;
}

.productsummary-container {
}

.productsummary {
/*float:left;
width:100%;*/
height:220px;
}

.productsummarylist {
position:relative;
margin-bottom:10px;
line-height:18px;
width:250px;
float:left;
}

.productsummarylist .smallimage {
margin-left:20px;

}

#productdetail .productsummarylist img {
	margin-left:0px;
}

.productsummary .smallimage img {
/*float: left;/* wia 100106 */

}

.productsummarylist .smallimage img {

}

.productsummary .productbuy {
}

.productsummary .productinfo {
/* margin-left: 60px; */
text-align: left;
}

.productsummarylist .productinfo {
position:absolute;
top:0;
left:100px;
text-align: left;
width:150px;
}

/* ===== Product Detail Styles ===== */
#productdetail{
background: url('spacer.gif');
}

#productdetail img{
/*border:1px solid #dff5f8;
padding: 2px;
background:#ffffff;*/
margin-left:30px;
}

#productdetail #long-description {
margin-top: 10px;
padding-top: 5px;
margin-left:-10px;
margin-right:-10px;
padding-left:10px;
padding-right:10px;
/*background: url('dividerbg.png') repeat-x top;*/
background: url("dividerlargecenter.gif") no-repeat center top;
}

#productdetail #reviews {
visibility:hidden;
margin-top: 10px;
padding-top: 5px;
border-top: #999 solid 1px;
}

#productdetail #associated-products {
margin-top: 10px;
padding-top: 5px;
#border-top: #999 solid 1px;
background: url("dividerlargecenter.gif") no-repeat center top;
}

#productdetail ul{
list-style-type:none;
margin:0;
padding:0;
}

#productdetail li{
padding-left:18px;
background: url('libg.gif') no-repeat 4px 5px;
}

#productdetail .linktext, #productsummary-container .linktext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #007a90;
text-decoration:none;
border-bottom: #5faebf 1px dotted;

}

.regularPrice{
color:#4f9f00;
font-weight:bold;
font-size:14px;
}

/* ADDITIONAL CSS - GIVING NAMES TO THE DIFFERENT MODULES */

.left #categories .screenlet-body, .right #basket .screenlet-body, .right #lastproducts .screenlet-body  {
padding: 1px 5px 0 5px;

}

 #loginfields .screenlet-body{
 padding-left: 5px;
}

.right #basket table, .right #lastproducts table {
margin-bottom:5px;
margin-top:0px;
margin-left:0px;
width:174px;
}
.right #basket table td, .right #lastproducts table td{
padding:5px 2px 5px 5px;
margin-bottom:10px;
background:#b1ddec;
border-bottom: #d3eaf2 solid 1px;
}

.leftonly #basket table{

}

.leftonly #basket table td{

}

/*.right #lastproducts table{
margin-bottom:5px;
}
.right #lastproducts table td{
padding:5px 2px 5px 5px;
margin-bottom:10px;
background:#b1ddec;
border-bottom: #d3eaf2 solid 1px;
}*/

/*.right #loginfields table td{
padding:0 2px 5px 0;
}*/

A.linktext {
/*.center A.linktext, .right A.linktext, .leftonly A.linktext {*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #007a90;
text-decoration:none;
border-bottom: #5faebf 1px dotted;
}
A.linktextsmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
color: #007a90;
text-decoration:none;
border-bottom: #5faebf 1px dotted;
}
#category .productsummary .productinfo .tabletext a.linktext
{
color:#000000;
font-weight:bold;
font-size:11px;
padding:7px 3px 4px 7px;
text-decoration:none;
display:block;
border:none;
}
#category .tabletext a.linktextsmall
{
color:#000000;
font-weight:bold;
font-size:8px;
padding:7px 3px 4px 7px;
text-decoration:none;
display:block;
border:none;
}

A.linktext:hover  {
color: #005c6d;
text-decoration: none;
border-bottom: #007a90 1px dotted;
}

td.noborder {
padding:0px;
margin:0px;
}

.loginTable {
	align: center;
margin-left: auto; margin-right: auto;

}


.loginCell{
	border-width: 1px;
	border-color: #12819E;
	align: center;
    border-style: solid;
    vertical-align:text-top;
}


.buttontextborderlogin{
float:right;
border:#c4dde4 solid 1px;
margin-right:5px;
margin-top:5px;
vertical-align:bottom;
}