/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::         Stylesheet osCommerce modifié par SOS-web.ch        ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

*
{
   border: 0;
   margin: 0;
   padding: 0;
   text-align: center;  /***   Ne pas supprimer: Permet de corriger le bug de centrage d'IE  ***/
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::       Merci de votre intérêt pour le code source      :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


.errorBox { font-family:  Arial, sans-serif; font-size: 10px; background: #ffb3b5; font-weight: bold; color: #cc0033;}
.stockWarning { font-family:  Arial, sans-serif; font-size: 10px; color: #cc0033; background: #ffffff;}
.productsNotifications { background: #f2fff7; color: #cc0033;}
.orderEdit { font-family: Arial, sans-serif; font-size: 10px; color: #70d250; text-decoration: underline; background: #ffffff;}


/*-----------------------------------------------------------------------------------------------------   Mise en forme des liens généraux */
a {
	color: #3A3A3A;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------------   Mise en forme des liens généraux survolés */
a:hover{
	color: #7F7F7F;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------------   Mise en forme des paragraphes généraux */
p {
	text-align: justify;
	line-height: 25px;
}

/*-----------------------------------------------------------------------------------------------------   Le Body */
body{
	background: url(../idkdodesign/background.jpg) repeat-x top center; 
	color: #3A3A3A;
	background-color: #ffffff;
}

/*-----------------------------------------------------------------------------------------------------   Le Wrapper */
.wrapper{
	margin: 0 auto;
	padding: 0;
	width: 1090px;
	height: 100%;
}

/*-----------------------------------------------------------------------------------------------------    Le Header */
.idkdoheader{
	margin: 0 auto;
	background: url(../idkdodesign/header.png) no-repeat top center;
	width: 1090px;
	height: 220px;
}

/*-----------------------------------------------------------------------------------------------------    Positionnement du logo IDKdo.ch dans le Header */
.logo{
	margin: 20px 0 0 83px;
	float: left;
}

/*-----------------------------------------------------------------------------------------------------    Positionnement de la boite de recherche du header */
.headersearch{
	margin: 10px 340px 0 0;
	float: right;
	width: 360px;
	height: 35px;
	/*display: none;*/
}
/*-----------------------------------------------------------------------------------------------------    la boite de recherche du header */
.searchbox input{ width: 250px; height: 24px; float: left; text-align: left; padding: 4px 0 0 29px; color: #8A8A8A; border: 0; background: url(../idkdodesign/searchbox-back-out.png) top left no-repeat; font-size: 13px;}
/*.searchbox input:focus{ width: 240px; height: 24px; float: left; text-align: left; padding: 4px 5px 0 29px; color: #8A8A8A; border: 0; background: url(../idkdodesign/searchbox-back-in.png) top left no-repeat; font-size: 13px;}*/
.searchsubmit input{ border: 0; width: 20px; height: 20px; background: none; margin-left: -25px;}

/*-----------------------------------------------------------------------------------------------------    Positionnement de la barre de navigation horizontale dans le Header */
.idkdoheadernavbar{
	margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------------------   Les liens de la barre de navigation horizontale dans la division Header */
a.headerNavigation {
	font: 0.8em arial, serif ;
	color: #ffffff;
	font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------------   Les liens survolés de la barre de navigation horizontale dans la division Header */
a.headerNavigation:hover {
	font: 0.8em arial, serif ;
	font-weight: bold;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------------    Le Main */
.idkdomain{
	margin: 0 auto;
	background: url(../idkdodesign/layout.png) top center no-repeat;
	width: 1090px;
	padding: 0 0 30px 0;
}

/*----------------------------------------------------------------------------------------------------   La colonne de gauche  */
td.leftcolumn {
	height: 100%;
	width: 160px;
}

/*-----------------------------------------------------------------------------------------------------    Le Footer */
.idkdofooter{
	background: url(../idkdodesign/footer.jpg) bottom center no-repeat;
	font-family: Arial, sans-serif;
	font-size: 9px;
	width: 980px;
	margin: 0 auto;
}

/*----------------------------------------------------------------------------------------------------   Division contenant l'echange de banniere dans le Footer  */
.bannerchange{
	margin: 0 0 10px 0;
}

/*----------------------------------------------------------------------------------------------------   Conteneur de la page des partenaires  */
.partnerscontent, p{
	font-size: 11px;
	line-height: 18px;
}

/*----------------------------------------------------------------------------------------------------   Division contenant des liens de referencements dans le footer  */
.footereferencement { color: #CCCCCC; margin: 0 50px 25px 50px; font-size: 1.2em; text-align: justify;}
.footereferencement a:link { color: #CCCCCC; font-size: 1.0em;}
.footereferencement a:visited { color: #CCCCCC; font-size: 1.0em;}
.footereferencement a:hover { color: #CCCCCC; font-size: 1.0em;}
.footereferencement a:active { color: #CCCCCC; font-size: 1.0em;}

/*---------------------------------------------------------------------------------------------------   Mise en forme des colonnes horizontales de la barre d'informations du Footer  */
tr.footer {
}

/*---------------------------------------------------------------------------------------------------   Mise en forme des cellules de la barre d'informations du Footer   */
td.footer {
	font-family:  Arial, sans-serif;
	font-size: 12px;
	color: #3A3A3A;
	text-align: right;
}

/*-----------------------------------------------------------------------------------------------------    Division contenant la barre de navigation horizontale du Footer  */
.idkdofootercontent{
	vertical-align: top;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 14px 0;
}

/*----------------------------------------------------------------------------------------------------   Division contenant le copyright osCommerce et le lien dirigeant vers le site web sos-web.ch dans le Footer  */
td.smallText2, span.smallText2, p.smallText2 {
	padding: 19px 0 0 30px;
	font-family:  Arial, sans-serif;
	font-size: 12px;
}

a.pageResults {
	color: green;
}

a.pageResults:hover {
	color: #574944;
	background: #FFFF33;
}

form {  /***   Texte de la boite de recherche rapide   ***/
	display: inline;
}

    /********   Mise en forme des tableaux de la barre de navigation horizontale en haut de la division page   ********/

tr.header {
}

table.headerNavigation {
	margin: 0 auto;
	padding: 4px 120px 0 85px;
	color: #ffffff;
}

tr.headerNavigation {
	background: url(../idkdodesign/nav.jpg) top left repeat-x;
	height: 40px;
}

td.headerNavigation{
	background: url(../idkdodesign/navleft.jpg) top left no-repeat;
	color: #ffffff;
	height: 20px;
	text-align: left;
	padding: 0 0 3px 29px;
}

td.headerNavigationright {
	background: url(../idkdodesign/navright.jpg) top right no-repeat;
	color: #ffffff;
	height: 20px;
	text-align: right;
	padding: 0 30px 3px 0;
}

tr.headerError {
	background: #ff0000;
}

td.headerError {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	background: #ff0000;
	color: #ffffff;
	font-weight : bold;
	text-align : center;
}

tr.headerInfo {
	background: #00ff00;
}

td.headerInfo {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	background: #00ff00;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

/*****************     Mise en forme des boites d'informations Oscommerce    ****************/

/*----------------------------------------------------------------------------------------------------   Boites d'informations  */
.infoBox {
	padding: 0;
	margin: 0 0 11px 0;
}

/*----------------------------------------------------------------------------------------------------   Entêtes des boites d'informations   */
td.leftcolumn td.infoBoxHeading {
	padding: 0 0 8px 12px;
	font: 11px Arial, sans-serif;
	font-weight: bold;
	color: #444444;
	text-align: left;
	background: url(../idkdodesign/infobox1.jpg) top right no-repeat;
	margin: 0;
	border-left: 1px solid #d1d1d1;
	border-bottom: none;
	height: 35px;
	max-width: 200px;
}

/*----------------------------------------------------------------------------------------------------   Contenu des boites d'informations  */
td.leftcolumn .infoBoxContents {
	font-family:  Arial, sans-serif;
	font-size: 0.8em;
}
td.leftcolumn .infoBoxContents img{
	margin: 5px 5px 5px 5px;
}
td.leftcolumn .infoBoxNotice {
	background: #FF8E90;
}
td.leftcolumn .infoBoxNoticeContents {
	background: #FFE6E6;
	font-family:  Arial, sans-serif;
	font-size: 10px;
}
td.leftcolumn .boxText { 
	line-height: 20px; 
	text-align: left; 
	font-family:  Arial, sans-serif; 
	font-size: 13px; 
	background: url(../idkdodesign/infobox2.jpg) no-repeat bottom right;
	margin: 0 auto;
	border-left: 1px solid #D1D1D1;
	padding: 5px 10px 20px 10px;
	max-width: 150px;
}
td.leftcolumn .boxText img{ margin: 0 15px 0 15px;}  /*   Permet de centrer les images de l'infobox nouveautes   */

/*-----------------------------------------------------------------------------------------------------    les champs input des infoboxes */
td.leftcolumn .boxText input [type=text]{ float: left; font-size: 0.9em; padding: 2px; border: 1px solid #BFBFBF; width: 120px; height: 20px; text-align: left; color: #555555;}
td.leftcolumn .boxText input [type=submit]{ float: left; font-size: 0.9em; padding: 2px; border: solid 1px red; width: 120px; height: 20px; text-align: left; color: #555555;}
/*-----------------------------------------------------------------------------------------------------    les menus deroulants des infoboxes */
td.leftcolumn .boxText select { margin: 0 auto; font-size: 0.9em; border: solid 1px #BFBFBF; width: 230px; margin: 2px 0 2px 0; text-align: center; color: #555555;}
	
td.leftcolumn .cartboxText{  /*       */
	background: url(../idkdodesign/infobox3.jpg) bottom right repeat-y;
}
td.infoBox, span.infoBox {
	font-family:  Arial, sans-serif;
	font-size: 10px;
	margin: 0;
}


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: #fff;
}

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: #fff;
}

table.productListing {
	border: 1px dotted #F8C7C7;
	border-spacing: 0;
	margin: 0 0 15px 50px;
	width: 655px;
	padding: 0 0 5px 0;
}

/*----------------------------------------------------------------------------------------------------    Mis en forme de l'entête Nouveaux produits pour...  */
.new_prod  {
	font: 15px Arial, sans-serif;
	font-weight: bold;
	color: #444444;
	text-align: center;
	margin: 40px 0 0 0;  
}
td.productListing-heading{
	font-family:  Arial, sans-serif;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 2px 0;
	background: url(../idkdodesign/productbar.jpg) top left repeat-x;
}
.productListing-heading a{
	font-family:  Arial, sans-serif;
	font-size: 95%;
	color: #fff;
	font-weight: bold;
}
td.productListing-data{
	font-family:  Arial, sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 19px 4px 0 12px;
}
tr.subBar {
	background: #f4f7fd;
}
td.subBar {
	font-family:  Arial, sans-serif;
	font-size: 10px;
	color: #574944;
}

/*****************     Mise en forme des tableaux de mise en page des elements Oscommerce    ****************/


/*----------------------------------------------------------------------------------------------------    Tableau servant de conteneur de la page osCommerce */
table.page{
	width: 925px;
	margin: 10px 0 0 87px;
}
.idkdomain  .page p{  /*  Paragraphes  */
	text-align: justify;
}

/*----------------------------------------------------------------------------------------------------   Conteneur général des articles et des catégories  */
.mainListing{
	width: 100%;
}

/*----------------------------------------------------------------------------------------------------  La page du module osCommerce  */
.oscomPage{
}

/*----------------------------------------------------------------------------------------------------  Tableau contenant les entêtes de toutes les pages et les prix des articles  */
.oscomTitle{
	color: #46464A;
}

/*----------------------------------------------------------------------------------------------------   Titres des catégories et des sous-catégories ainsi que les descriptifs  */
td.catHeading{
	text-align: center;
	font-family:  Arial, sans-serif;
	font-size: 15px;
	color: #46464A;
	width: 750px;
	vertical-align: top;
}

/*----------------------------------------------------------------------------------------------------   Descriptifs des catégories et des sous-catégories  */
.catHeading2{
	text-align: justify;
	font-family:  Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #3A3A3A;
	margin: 0 auto;
	padding: 16px 30px 5px 26px;
	width: 689px;
}

/*----------------------------------------------------------------------------------------------------   Listing des catégories d'articles  */
.catListing{
	width: 100%;
}

/*----------------------------------------------------------------------------------------------------   Les descriptifs des catégories d'articles  */
.catdescription{
	text-align: justify; 
	margin: -15px 20px 5px 28px; 
	line-height: 1.5em;
}
/*----------------------------------------------------------------------------------------------------   Les pages informatives du module osCommerce  */
td.main, p.main {
	font: 12px Arial, sans-serif;
	line-height: 1.5;
	padding: 0 9px 15px 32px;
	text-align: justify;
}
td.main_ar {
	font: 12px Arial, sans-serif;
	line-height: 1.5;
	padding: 0 0 15px 37px;
	text-align: right;
}

/*----------------------------------------------------------------------------------------------------   Mise en forme des titres des pages  */
td.pageHeading, div.pageHeading{
	font-family:  Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #46464A;
	text-align: center;
	padding: 0 0 25px 0;
}

/*----------------------------------------------------------------------------------------------------   Mise en forme des titres des pages  */
td.catHeading2, p.catHeading2 {
	font-family:  Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #46464A;
	text-align: left;
	padding: 0 15px 10px 15px;
	width: 550px;
}

/*----------------------------------------------------------------------------------------------------   Mise en forme des titres des articles de la page description produits  */
td.pageHeading1, div.pageHeading1 {
	font-family:  Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #46464A;
	padding: 0 0 9px 43px;
}

/*----------------------------------------------------------------------------------------------------   Mise en forme des prix des articles de la page description produits  */
td.pageHeading2, div.pageHeading2 {
	font-family:  Arial, sans-serif;
	color: #46464A;
	font-weight: bold;
	font-size: 14px;
	width: 169px;
	text-align: center;
}

/*----------------------------------------------------------------------------------------------------   Mise en forme de la division contenant les titres des caractéristiques détaillées des produits  */
.productdetails{
	font: 12px Arial, sans-serif;
	text-align: left;
	margin: 30px 0 8px 0;
	padding: 0 0 3px 0;
	color: #B12121;
	font-weight: bold;
	border-bottom: 1px solid #DFE1DF;
}

/*----------------------------------------------------------------------------------------------------   tableau des descriptifs produits de la page Infos produits   ***/
.productcaract{
	background-color: white;
	font: 12px Arial, sans-serif;
	width: 100%;
	line-height: 19px;
	border: 1px solid #DFE1DF;
}
tr.productcaractlign1{
	background-color: #EEEDEA;
	border: 1px solid #DFE1DF;
	background: #F8F8F8 url(../idkdodesign/table_degr_2.jpg) repeat-x;
}
tr.productcaractlign1:hover {
	background: #F8F8F8;
}
tr.productcaractlign2{
	background-color: #F4F8FF;
	background: #F8F8F8 url(../idkdodesign/table_degr_1.jpg) repeat-x;
	border: 1px solid #DFE1DF;
}
tr.productcaractlign2:hover {
	background: #F8F8F8;
}
td.productcaractcol1{
	width: 120px;
	text-align: left;
	padding: 4px 0 4px 8px;
	vertical-align: top;
	font-weight: bold;
	border-top: 1px solid #fff;
	border-right: 1px solid #DFE1DF;
	border-bottom: 1px solid #DFE1DF;
	border-left: 1px solid #fff;
	color: #444444;
}
td.productcaractcol2{
	width: 120px;
	text-align: left;
	padding: 4px 0 4px 8px;
	vertical-align: top;
	font-weight: bold;
	border-top: 1px solid #fff;
	border-right: 1px solid #DFE1DF;
	border-bottom: 1px solid #DFE1DF;
	border-left: 1px solid #fff;
	color: #444444;
}
td.productcaractcol21{
	width: 400px;
	text-align: left;
	padding: 4px 8px 4px 8px;
	vertical-align: top;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #DFE1DF;
	border-left: 1px solid #fff;
}
td.productcaractcol22{
	width: 400px;
	text-align: left;
	padding: 4px 8px 4px 8px;
	vertical-align: top;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #DFE1DF;
	border-left: 1px solid #fff;
}

/*----------------------------------------------------------------------------------------------------   Division pour le Lightbox utilisé lors des descriptions des articles  */
.specialightbox{
	text-align: center;
	padding: 13px 0;
}
/******************    A determiner   ********************/

td.smallText, span.smallText, p.smallText {
	padding: 15px 25px 15px 25px;
	font-family:  Arial, sans-serif;
	font-size: 80%;
	text-align: center;
	width: 120px;	
	background: #fff;
}
td.accountCategory {
	font-family:  Arial, sans-serif;
	font-size: 13px;
	color: #aabbdd;
}

td.fieldKey {
	font-family:  Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

td.fieldValue {
	font-family:  Arial, sans-serif;
	font-size: 12px;
}

td.tableHeading {
	font-family:  Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

span.newItemInCart {
	font-family:  Arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

/*----------------------------------------------------------------------------------------------------   Le tableau contenant le formulaire de la page contactez-nous  */
table.contactus{
	text-align: left;
	color: #232323;
	margin: 0 auto;
	padding: 7px 0 0 0;
	width: 565px;
}

/*----------------------------------------------------------------------------------------------------   La colonne de gauche contenant les intitulés  */
.contactus1{
	text-align: right;
	vertical-align: top;
	height: 33px;
	font-size: 15px;
	padding: 13px 7px 0 0;
	background: #EAEAFF;
}

/*----------------------------------------------------------------------------------------------------   La colonne de droite contenant les champs  */
.contactus2{
	text-align: left;
	padding: 7px 7px 7px 7px;
	vertical-align: top;
	background: #FEEDEE;
}

/*----------------------------------------------------------------------------------------------------   Le tableau contenant le formulaire de la page eCards  */
table.ecardform{
	text-align: left;
	color: #232323;
	margin: 0 auto;
	padding: 7px 0 0 0;
}

/*----------------------------------------------------------------------------------------------------   Les lignes contenants les intitulés du formulaire de la page eCards */
.ecardform1{
	text-align: left;
	padding: 3px 0 5px 5px;
	vertical-align: top;
	background: #EAEAFF;
	width: 270px;
}

/*----------------------------------------------------------------------------------------------------   Les lignes contenants les intitulés du formulaire de la page eCards */
.ecardform2{
	text-align: center;
	padding: 3px 0 3px 0;
	vertical-align: top;
	background: #DFDFFF;
	width: 270px;
	font-size: 15px;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------------------------   L'aperçu dans la page eCards */
.ecardimgshow{
	padding: 5px 5px 5px 5px;
}

/*----------------------------------------------------------------------------------------------------   La galerie d'images de la page eCards  */
.gallery{
	text-align: center;
	width: 220px;
	background: #FEEDEE;
}

/*----------------------------------------------------------------------------------------------------   Positionnement des images dans la galerie d'images de la page eCards  */
.gallery img{
	padding: 5px 5px 5px 5px;
}

/*----------------------------------------------------------------------------------------------------   Conteneur du texte "Information requise" dans les formulaires  */
tr.forminfo td.inputRequirement{
	text-align: right;
	padding: 5px 8px 5px 0;
}

/*----------------------------------------------------------------------------------------------------   Les élements du formulaires  */
checkbox, input, radio{
	font: 100% Arial, sans-serif;
	color: #353535;
	border: 1px solid #8C8C8C;
	text-align: left;
	padding: 2px;
	background: #fff url(../idkdodesign/input_back.jpg) top left repeat-x;
}
select {
	font: 100% Arial, sans-serif;
	color: #353535;
	border: 1px solid #8C8C8C;
	text-align: left;
	padding: 0;
	background: #fff url(../idkdodesign/input_back.jpg) top left repeat-x;
}
textarea {
	font: 100% Arial, sans-serif;
	color: #353535;
	border: 1px solid #8C8C8C;
	text-align: left;
	padding: 3px;
	background: #fff url(../idkdodesign/input_back.jpg) top left repeat-x;
}
.subm{  /**   Boutons Submit  **/
	border: none;
	background: none;
}

/*----------------------------------------------------------------------------------------------------   Le message d'accueil avec la proposition d'inscription pour les nouveaux visiteurs  */
span.greetUser {
	font-family:  Arial, sans-serif;
	font-size: 100%;
	color: #E74E5C;
	font-weight: bold;
}

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

td.formAreaTitle {
	font-family: Tahoma,  Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

span.markproductOutOfStock {
	font-family: Tahoma,  Arial, sans-serif;
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}

span.productSpecialprice {
	font-family:  Arial, sans-serif;
	color: #ff0000;
}

span.errorText {
	font-family:  Arial, sans-serif;
	color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo { font-family:  Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family:  Arial, sans-serif; font-size: 10px; color: #574944; }

/* message box */

.messageBox { font-family:  Arial, sans-serif; font-size: 100%; }
.messageStackError, .messageStackWarning { font-family:  Arial, sans-serif; font-size: 100%; border-bottom: 1px dashed #FF8285; text-align: left; padding: 4px 15px 6px 15px;}
.messageStackSuccess { font-family:  Arial, sans-serif; font-size: 100%; background-color: #ECECE1; }

/* input requirement */

.inputrequirement { font-family:  Arial, sans-serif; font-size: 14px; color: #E74E5C;}

.zoom { background: #FFF url(../idkdodesign/magnifying-glass.jpg) 21px 0px no-repeat;	 font-family:  Arial, sans-serif; color:#75797B; margin-top: 4px; font-size: 13px; padding: 2px 0 0 25px; height: 20px;}

/*----------------------------------------------------------------------------------------------------   Le message d'accueil avec la proposition d'inscription pour les nouveaux visiteurs  */
h1 {
	font-family:  Arial, sans-serif;
	font-size: 15px;
	color: #46464A;
	font-weight: bold;
}

/*********************       Mise en forme de l'addon Product listing Enhancement      *********************/

/*----------------------------------------------------------------------------------------------------   Cellule contenant l'Addon  */
td.nouvprod{  /***    ***/
	text-align: left;
	padding: 0 0 0 27px;
}

table.infoBoxProducts{  /***    ***/
	background: url(../idkdodesign/productdegrad.jpg) bottom left no-repeat;
	font-family:  Arial, sans-serif;
	width: 195px;
	margin: 0 auto;
}

.infoBoxProducts {
	text-align: center; 
	font-family: Verdana, Arial, sans-serif;
	margin-bottom: 0;
	padding: 0 11px 0 11px;
}

.infoBoxProducts a {
	color: #3A3A3A;
	font-size: 11px;
}
td.nouvprodframe {
	height: 290px;

	padding: 0 13px 0 13px;
	width: 30%;
}

td.infoBoxGrid {
}

td.productframe{
	height: 240px;
	vertical-align: bottom;
	padding: 0 0 15px 0;
	width: 195px;
}
.productprice{
	font-weight: bold;
	color: #EA5559;
	font-size: 15px;
	margin: 11px 0 0 0;
}
/* set pos buy/details button on list */
img.buy_now {
	margin-bottom: 10px;
}

/* set pos buy/details button on thumbnail */
img.thm_buy_now {
	margin: 1px 2px -3px 0;
	vertical-align: top;
	float: right;
}
img.thm_info_now {
	margin: 1px 0 -3px 2px;
	vertical-align: top;
	float: left;
}

.infoBoxList {
	padding: 0;
	margin: 0;
 }
 #border2 {
	border-style: solid;
	border-width: 2px;
	border-color: #736F6E;
}
/*--------------  OTF contrib  --------------*/
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: #ffffff;
  font-size: 12px;
  overflow: hidden;
  background-color: #000080;
  padding-left: 5px;
}
/*--------------  OTF contrib end  --------------*/