﻿/****************************************
**	website: 	www.LOGOANDCO.com
**	version: 	0.1 
**	media:		screen
**	date:		09/10/2008
**  colors:		rouge: #dc1414
				noir: #1b1b1b
				blanc: #fefefe
*****************************************/
/*--------------------------------------------------------------
	0=RESET
	1=GENERAL
		2.0=typo
		2.1=links
		2.2=lists
		2.3=images
	2=PAGE STRUCTURE
		* Page width:            990 px
	3=SANDBOX
	4=PAGE COMPONENTS
        5=hacks
---------------------------------------------------------------*/
/*--------------------------------------------------------------
	0=RESET
---------------------------------------------------------------*/
html, body, form, fieldset, table, tr, td, caption, img, span { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1.5; }
h1, h2, h3, h4, h5, h6, p, a, small, big, pre, strong, b, blockquote, ul, ol, dl, dt, dd, address { margin: 0; padding: 0; }
li, dd, blockquote { margin-left: 1.5em; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
/*tables still need 'cellspacing="0"' in the markup*/
table { border-collapse: collapse; border-spacing: 1px; /*make the table visible*/ }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }
form input { font-size: inherit; vertical-align: middle; }
img, iframe, object { border: 0 none; }
textarea { border: 1px solid #1b1b1b; }
/*--------------------------------------------------------------
	1=GENERAL
---------------------------------------------------------------*/
body { color: #1b1b1b; font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif; font-size: 75%; background: #fefefe; }
body.product-zoom { background: #fff; }
.hide { display: none; }
.bd { border: 1px solid red; }
.bg { background: #ccc; }
.bg1 { background: #ccffff; }
.bg2 { background: #ccff00; }
.bg3 { background: #ffff00; }
/*
	2.0=typo (12px/18px : line-height x 1.5)
---------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #1b1b1b; }
h6 { margin: .5em 0; }
h1 { font-size: 2.5em; line-height: 0.6em; margin-bottom: 0.6em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em; }
.small11 { font-size: 0.916667em; line-height: 1.636364em; }
.small10 { font-size: 0.833333em; line-height: 1.8em; }
/*
	2.1=links
---------------------------------------------------------------*/
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #dc1414; font-weight: normal; }
a:focus, a:hover { color: #1b1b1b; }
/*
	2.1=lists
---------------------------------------------------------------*/
li ul, li ol { margin: .15em 1.5em; font-size: 95%; color: #404040; }
ul, ol { margin: .5em 1em 1em 1em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
/*
	2.3=images
---------------------------------------------------------------*/
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
/*--------------------------------------------------------------
	2=PAGE STRUCTURE
---------------------------------------------------------------*/
#header-toolbox { background: #fefefe url(../../images/fonds/bg-hd-toolbox.png) repeat-x 0 0; width: 100%; }
ul.toolbox { display: block; width: 82.5em; padding: .25em 0 .25em 0; margin: 0 auto; text-align: right; }
#header-content { width: 82.5em; /*990*/ padding: 0; margin: 0 auto; }
#header-menu { background: #fefefe url(../../images/fonds/bg-hd-menu.png) repeat-x 0 0; width: 100%; position: relative;z-index:100}
#header-menu-content { width: 82.5em; margin: 0 auto; }

#page { width: 100%; margin: 0 auto; background: #fefefe url(../../images/fonds/bg-page.jpg) repeat-x 0 0; text-align: center; }
#page-home { width: 82.5em; /*990*/ padding: 0; margin: 0 auto; }

#com-header { background: transparent url(../../images/fonds/bg-com-hd.png) no-repeat bottom left; height: 81px; }
#com-expert { float: right; }
#com-expert-map { width: 471px; height: 262px;z-index:1 }
#com-expert-catalogue { background: transparent url(../../images/fonds/bg-com-catalogue.png) no-repeat 0 0; height: 88px; width: 471px; }
#com-express { float: left; }
#com-express-message { display: block; background: transparent url(../../images/fonds/bg-com-message.png) repeat-y 0 0; width: 469px; height: 119px; margin: 0; }
#com-express-slider {width: 469px; margin: 0; height: 143px; background:#fff url(../../images/fonds/bg-slider.png) no-repeat 0 0; }
#com-express-garanties { background: transparent url(../../images/fonds/bg-com-garanties.png) no-repeat 0 0; height: 88px; width: 469px; text-align: left; }

#container { width: 82.5em; /*970px*/ background: #fefefe; text-align: left; margin: inherit;  }
.precontainer { width: 80.833010em; /*970px*/ border-bottom: 1px solid #ccc; }

#col_left { width: 180px; margin: 1em 20px 0 1em; float: left; }
#col_right { width: 180px; margin: 0 0 0 0; float: right; }
#product, #cartpage, #favoritespage, #categorypage, #orderpage, #childrenpage, #loginpage, #footer, .info, .quisommesnous, #samplespage, .myaccount, #product-item, #farepage { float: left; margin: 0; padding: 0; width: 770px; }
#product_title-uplinks, #cart_title-uplinks { width: 770px; border-bottom: 1px solid #ccc;margin:0 0 0 .5em }
#product_uplinks, #cart_uplinks { float: right; width: 60%;margin:0 1em 0 0 }
#product_main { }
#product_main_image-spec { width: 350px; }
#product_main_desc { width: 350px; float: right; margin-right: 10px; }

.marketing-footer {float:right;width:75%;margin:0;}
#footer { float: left;}
/*--------------------------------------------------------------
	3=SANDBOX
---------------------------------------------------------------*/
h1.title, h2.title { margin: .5em 0; }
h3.title { margin: .75em 0; }
hr { background: #fff; color: #fff; clear: both; float: none; width: 100%; height: .1em; margin: 0; border: 0; }
.inner { margin: 1em 0; }

.bg-ccc { background: #ccc; color: #404040; }
.bg-ddd { background: #ddd; color: #404040; }
.bg-eee { background: #eee; color: #404040; }
.bg-f7 { background: #f7f7f7; color: #404040; }
.alt-bg { background: #742820; color: #fff; }
.bg-red { background: #dc1414; color: #fff; }
.red { color: #dc1414; }
.highlight { background: #F0F9FF; color: #1b1b1b; padding: .5em; text-align: center; margin: 1em 0; }

.rightfloated { float: right; margin: 1em 0; }
.leftfloated { float: left; margin: 1em 0; }
.linksInline li, .inline { display: inline; }
.textRight { text-align: right; }
.center { width: 50%; margin: 1em auto; }
.center75 { width: 75%; margin: 1em auto; }

.arrowRed, a.arrowRed { background: transparent url(../../images/icones/arrow_red_10-8.png) no-repeat 0 3px; padding-left: 12px; color: #1b1b1b; margin: 0; }
a.arrowRed:hover { color: #dc1414; text-decoration: none; font-weight: normal; }
.zoom, a.zoom { background: transparent url(../../images/icones/zoom.png) no-repeat 0 0px; padding-left: 17px; color: #1b1b1b; margin: 0; }
a.linkbutton { background: transparent url(   '../../images/liens/button_right.png' ) no-repeat scroll top right; display: block; text-align: center; height: 23px; margin: 0 auto; padding-right: 20px; text-decoration: none; color: #404040; font-weight: bold; }
a.linkbutton span { background: transparent url(   '../../images/liens/button_left.png' ) no-repeat; display: block; line-height: 1.9; padding: 0 0 0 20px; text-align: center; }
a.linkbutton:hover { color: #dc1414; }
a.linkbutton-alt, td.estimate-buttons a.linkbutton-alt { margin-left: .5em; background: #dc1414; padding: .5em; border: 1px solid #eee; color: #fff; font-size: 97%; }
a.linkbutton-alt:hover, td.estimate-buttons a.linkbutton-alt:hover { background: #808080; }

ul.ic-ccc li { background: transparent url(../../images/icones/ic-li-ccc.png) no-repeat 0 4px; padding-left: 15px; }
ul.ic-999 li { background: transparent url(../../images/icones/ic-li-999.png) no-repeat 0 6px; padding-left: 12px; }

dl.imglegend { border: 1px solid #ccc; background-color: #eee; text-align: center; padding: 0 0 0 0; margin: 0 0 1em 0; }
dl.imglegend dt { font-weight: bold; background-color: #ccc; color: #1b1b1b; padding: .25em .5em; }
dl.imglegend dd img { border: 1px solid #fff; text-align: center; margin: 0; }
dl.imglegend dd { margin: 0; padding: 0; font-size: 85%; }

a.microformat-button { font: 9px Geneva, Verdana, sans-serif; padding: 0 1.0em 1px 0; border: 1px solid #000; background: #999; color: #fff; text-decoration: none; }
.hcard { background: #000; border-right: 1px solid #000; color: #FFF; padding: 1px 0.75em; margin-right: 0.1em; }

input.submit { background: transparent; border-top: 0; border-right: 0; border-bottom: 1px solid #dc1414; border-left: 0; color: #dc1414; display: inline; margin: 0; padding: 0; }
*:first-child + html  input.submit { /* hack needed for IE 7 */ border-bottom: 0; text-decoration: underline; }
* html input.submit { /* hack needed for IE 5/6 */ border-bottom: 0; text-decoration: underline; }
input[type="text"] {border:1px solid #808080;background:#fff}

button {text-indent:-999em;cursor:pointer;display:block;border:0}

#container h1 {line-height:200%}

/*--------------------------------------------------------------
        4=PAGE COMPONENTS
---------------------------------------------------------------
/*
	        4.1=header toolbox content
---------------------------------------------------------------*/
ul.toolbox li { display: inline;margin-left:1em }
ul.toolbox li a { text-decoration: none; color: #1b1b1b; font-weight: normal; padding: 0;border-left:1px solid #dc1414;padding-left:1em }
ul.toolbox li a:hover {color:#dc1414}
.toolbox input { font-size: 85%; margin: 0; padding: 0; }
.toolbox input.keyword { font-size: 85%; background: #fff; }
ul.toolbox li:first-child { float:left;margin:0;font-weight:normal;font-size:150%;line-height:100%}
ul.toolbox li > strong { color: #dc1414; }

a.panier:hover, a.compte:hover, a.select:hover, a.catalog:hover { color: #dc1414; }

#header-content a img { margin: 0; float:left}
#header-content img { margin: 1em 0 0 3em; vertical-align:bottom;float:left}
#header-content fieldset {float:right}
#header-content fieldset input{margin:1.5em 0 0 1em}
#header-content fieldset input.textfield{width:7em}
/*
	        4.2=home com
---------------------------------------------------------------*/
#com-header img { margin: 20px 0 0 0; }
#com-expert-catalogue a.linkbutton { width: 35%; margin: 0 auto; }
#com-express-message li { display: inline; margin: 0; text-align: left; }
#com-express-garanties a.linkbutton { width: 10%; margin: 0 0 0 28em; }
/*
	        4.3=home default mod
---------------------------------------------------------------*/
.hm-head-products { margin: .5em 0 2em  0; }
.hm-head-products div h3 { margin: 0 0 .5em 0;background:transparent url(../../images/fonds/bg-headproducts-h3.png) repeat-x 0 0;padding:.25em .25em .25em .5em}
.hm-head-products div h3:first-letter, #product h3:first-letter {color:#dc1414}
div.headproducts-1, div.headproducts-2, div.headproducts-3 { width: 31%; text-align: left; float: left; margin: 0; border:1px solid #ccc; }
div.headproducts-2{ margin: 0 2.5em;display:inline }
div.headproducts-3 {margin: 0; float: right;padding: 0}
div.headproducts-ad {min-height:150px;	height:auto; !important 	height:150px;}
#page div.hm-head-products div p { vertical-align: top; margin: 0; }
#page .hm-head-products div img { float: left; margin-right: .5em; display:inline }
#page .hm-head-products div a { line-height: 150%; color: #dc1414; text-decoration: none; }
.hm-head-products ul {margin:1.5em .5em 1em .5em;text-align:center;background:#474747;border:1px solid #474747; }
.hm-head-products li {display:block;text-align:center;margin:.5em 20px .5em .5em;color:#fff;float:left;width: 75px;line-height: 150%; display:inline}
.hm-head-products li img{margin:0 0 .5em 0;display:block;text-align:center; display:inline}
.hm-head-products li.last {float:right;margin:.5em; display:inline}

#rotate {min-height:18em;	height:auto; !important 	height:18em;}
#rotate ul.tabs-products li span.tabs-products-image {display:block;min-height:95px;	height:auto; !important 	height:95px;margin:0}

ul.marketing {display:block;margin:0 0 1em 0;}
ul.marketing li.minheight {min-height:9em;	height:auto; !important 	height:9em;}
ul.marketing li h3{color:#fff;margin:.5em 0}
ul.marketing li.newsletter {float:left;display:block;width:25%;background:#44313F url(../../images/fonds/bg-newsletter.png) repeat-x 0 0;border:1px solid #44313F;margin:0 3em 0 0;}
ul.marketing li.newsletter h3:first-letter{color:#FFEB00}
ul.marketing li.newsletter form {margin:2em 0 0 0;}
ul.marketing li.newsletter input.textfield{margin:0 0 0 .5em;}
ul.marketing li.ventesprivees input.textfield{margin:0 0 0 1.5em;}
.newsletter ol, .ventesprivees ol{margin:0}
.newsletter ol li, .ventesprivees ol li{margin:0;display:block;float:left;}
.newsletter ol li.sabonner {background:transparent url(../../images/liens/sabonner.png) no-repeat 0 0;width:96px;height:23px;position:relative;float:right;margin:1em .5em 0 0}
.newsletter li.sabonner button {background:transparent url(../../images/liens/sabonner.png) no-repeat 0 0;width:96px;height:23px;position:absolute;left:0;top:0;margin:0}
.ventesprivees ol li.sabonner {background:transparent url(../../images/liens/sabonner.png) no-repeat 0 0;width:96px;height:23px;position:relative;float:right;margin:1em 1.5em 0 0}
.ventesprivees li.sabonner button {background:transparent url(../../images/liens/sabonner.png) no-repeat 0 0;width:96px;height:23px;position:absolute;left:0;top:0;margin:0}
ul.marketing li.ventesprivees {float:right;display:block;width:40%;background:#121012 url(../../images/fonds/bg-home-ventesp.png) repeat-x 0 0;color:#fff;margin:0}
ul.marketing li.blog {float:left;display:block;width:25%;background:#333;border:1px solid #333;color:#fff;margin:0}
ul.marketing li.blog ul, ul.marketing li.blog ul li {margin:0}
ul.marketing li.blog h3{background:#333 url(../../images/fonds/bg-home-titre-blog.png) repeat-x 0 0;padding:.5em 0 .5em 0;color:#fff;margin:0;width:100%;display:block;font-weight:bold;text-align:center}
ul.marketing li.blog h3:first-letter{color:#E0007A}
ul.marketing li.blog ul li {text-align:left;}
ul.marketing li.blog ul li a {margin:0 0 0 .75em;color:#fff}
ul.marketing li.blog ul li a:hover {color:#dc1414}
ul.marketing a.linkbutton {margin:1em .5em 0 0;width:45%;float:right}


.footer {width:100%;background:#7D7D7D url(../../images/fonds/bg-footer.jpg) repeat-x 0 0;border:1px solid #7D7D7D;color:#fff;margin:2em 0 1em 0;text-align:left}
.footer ul {margin:0;display:block;float:left}
.footer ul li{margin:2em 1em;display:block;}
.footer ul li.footer-guideachat {border:1px solid #333; background:#333}
.footer ul li.footer-gestioncatalogue {border:1px solid #525252; background:#525252}
.footer ul li.footer-commandecatalogue {border:1px solid #ccc; background:#ccc}
.footer-commandecatalogue a{color:#1b1b1b;font-size:115%;background:transparent url(../../images/icones/ic_circ_blue.png) no-repeat 0 5px ; padding-left:15px}
.footer-gestioncatalogue a {color:#fff;font-size:115%;background:transparent url(../../images/icones/ic_circ_orange.png) no-repeat 0 5px ; padding-left:15px}
 .footer-guideachat a {color:#fff;font-size:115%;background:transparent url(../../images/icones/ic_circ_green.png) no-repeat 0 5px ; padding-left:15px}
.footer-commandecatalogue h4, .footer-gestioncatalogue h4, .footer-guideachat h4 {margin:0;padding:.5em}
.footer dl {display:block;float:left;margin-top:1em;min-height:160px;	height:auto; !important 	height:160px;}
.footer dl.footer-logoandco {padding:0 2em 0 2em;border-right:1px solid #525252;margin:1em 0 0 0;}
.footer dl.footer-aide {padding:0 0 0 2em;border-left:1px solid #CDCDCD;margin:1em 0 0 0;}
.footer dl dt{margin:0;font-size:150%} 
.footer dl dd{margin:0;}
.footer dl dd a{color:#fff;background:transparent url(../../images/icones/ic_circ_ccc.png) no-repeat 0 7px;padding-left:10px }
.footer dl dd a:hover{color:#dc1414;}

body.home .footer dl.footer-logoandco {padding:0 2em 0 2em;border-right:1px solid #525252}
body.home .footer dl.footer-aide {padding:0 0 0 2em;border-left:1px solid #CDCDCD}

#page-home .taghome-catalog {width:20%;float:left }
#page-home .taghome-catalog ul {margin:0 0 2em 0; border: 1px solid #ccc; display: block; padding: .75em; text-align: center; }
.taghome-catalog div.catalog { margin: .5em 0 2em  0;border:1px solid #333;background:#333;color:#fff;}
.taghome-catalog div.catalog  h3 { margin:0;background:transparent url(../../images/fonds/bg-h3-greydark.png) repeat-x 0 0;padding:.25em .25em .25em .5em;color:#fff}
.taghome-catalog  div.catalog  h3:first-letter {color:#009CDE}
div.catalog img {margin:0}
div.catalog a.linkbutton {margin:0 auto .5em auto;width:45%;text-align:center}


/*
         .1=left column
---------------------------------------------------------------*/
ul.tagcloud { border: 1px solid #ccc; display: block; padding: .75em; margin: 0; text-align: center; }
ul.tagcloud li, .taghome-catalog ul li { display: inline; margin: 0; }
ul.tagcloud li a, .taghome-catalog ul li a { margin: 0 .25em; color: #dc1414; }
ul.tagcloud li a:hover, .taghome-catalog ul li a:hover { text-decoration: none; font-weight: normal; }
a.TagCloud_1, a.TagCloud_2 { font-size: 75%;  }
a.TagCloud_3, a.TagCloud_4 { font-size: 90%; }
a.TagCloud_5, a.TagCloud_6 { font-size: 120%; }
a.TagCloud_7, a.TagCloud_8 { font-size: 140%; }
a.TagCloud_9, a.TagCloud_10 { font-size: 180%; }


dl.garanties { border: 1px solid #ccc; padding: .75em; margin: 0; text-align: center; }
dl.blog { background: #808080; text-align: center; padding: .75em; text-align: center; }
dl.garanties dt, #col_left dl.blog dt { font-size: 125%; text-align: center; }
dl.blog dt { color: #f7f7f7; }
dl.garanties dd { text-align: center; margin: .75em 0; line-height: 1.85; font-size: 100%; }
dl.garanties dd.link, #col_left dl.blog dd.link { padding: 0; background: none; width: 75%; margin: 1.5em auto 0 auto; }
dl.garanties dd.link a, #col_left dl.blog dd.link a { text-align: center; }
dl.blog dd a { text-align: center; color: #f7f7f7; font-size: 95%; padding: .25em; }
dl.blog dd a:hover { text-align: center; color: #fefefe; background: #dc1414; }
dl.blog dd { margin: .75em 0; }

/*		4.1=Products
---------------------------------------------------------------*/
.rootline { text-align: right; margin: .25em 0 0 0; }
div.rootline a { padding: 0; margin: 0; line-height: 0; }
ul.linksInline { margin: 0.5em 0 0 0; }
ul.linksInline li { margin-left: 0.5em; }
.rootline a, .linksInline li a { text-decoration: none; font-weight: normal;margin:0 }
a.category {margin:0;line-height:0}
h1.product_title { margin:.25em 0 0 0; line-height: 100%; }
#product_main_image-spec ul{ margin: 1em .5em 0; }
#product_main_image-spec ul li{display:inline}
#product_main_image-spec ul li:first-child {margin:0}
#product_main_image-spec li.product-mainimage {display:block;width:100%}
#product_main_image-spec table  {margin:1em 0}
p.product-description { text-align: justify; }
#m_productCtrl_m_dlProductIllustration a { padding: 1em; }
.colorname { width: 20px; height: 10px; padding: 1px 0 0 3px; }
.estimate-error {margin:.5em 0 1em .5em}
#product h3 {background:#fff url(../../images/fonds/bg-788.png) no-repeat 0 0;display:block;width:100%;text-align:center;padding:.5em;margin:0;color:#404040;}
#product h5 {display:block;width:100%;padding:.25em 0;background:#eee;text-align:center;margin:0}
.estimate-field {margin:1em auto;width:25%}
.estimate-field input{width:100%}
.estimate-capacity, .estimate-options {text-align:center;margin:1em 0}
.estimate-options {border-bottom:1px solid #ccc;padding:0 0 1em}
.estimate-capacity div, .estimate-options label{margin:1em}

/*
	        4.2=Cart
---------------------------------------------------------------*/
#count-pagination { }
#cart-details { margin: 1em 2em 0em 0; padding: 0; }
.cart_tablecount { padding: 0; }
.tablecount_head { border: 0; }
.cart_img-ref {margin: 0; width: 20%; }
.cart_img-ref img { padding: 0; }
.cart_img-ref a { color: #1b1b1b; text-decoration: none; text-align: center; display: block; width: 100%; }
.cart_links { padding: 1em;  }
.cart_links a.link-del { margin: 0 0 0 1em;  }
.cart_links a.link-modify { }
.cart_links a.link-del:hover { }
.cart_links a.link-modify:hover { }

table #m_cartDetails_m_dlCartEst { }
.estimate-summary-table { float: right; }
table.estimate-summary-table { padding: 0; }
table.estimate-summary-table td { padding: .5em 0; }
.tablecount_pdc-label, .tablecount_qt-label, .tablecount_up-label, .tablecount_am-label { color: #dc1414; font-weight: bold; text-align: center; }
table.estimate-summary-table tr.alt td {background: #eee}
table.estimate-summary-table tr.over td {background: #1b1b1b;color:#fff}
table.cart-main {margin:0 0 1em}
.tablecount_pdc-label { text-align: left;}
td.result_table { text-align: center; }
.cart_total-line { text-align: center; }
table#m_tableCart { margin: 1em 2em 2em 0; float: right; text-align: right; }
table.estimate-summary-total { float: right; background: #742820; color: #fefefe; }
table.estimate-summary-total td { padding: .5em; }
.estimate-summary-header-label { background: #1b1b1b; }

td#c21 a.linkbutton-alt, td#c39 a.linkbutton-alt { float: right; }
/*
	        4.2=favorites
---------------------------------------------------------------*/
h2.fav_title { font-size: 250%; margin: .5em 0 .25em 0; line-height: 100%; }
#favoritescontent { text-align: center; }
dl.favorites-item { border: 5px solid #eee; width: 25%; text-align: center; padding: .25em; margin-right: 1em; }
#favoritescontent input#m_btnSuppr { background: #dc1414; color: #fff; text-align: center; border: 0; padding: .25em; font-size: 95%; width: 100%; }
fieldset.favorites-form { text-align: center; font-size: 95%; }
fieldset.favorites-form ol { list-style-type: none; margin: 0; }
fieldset.favorites-form ol li { margin: 1em 0; }
fieldset.favorites-form input { border: 1px solid #808080; background: #f7f7f7; }
fieldset.favorites-form textarea { vertical-align: top; border: 1px solid #808080; width: 50%; background: #f7f7f7; display: block; margin: 0 auto; }
#favoritespage a#m_btnSend { background: #dc1414; color: #fff; padding: .5em; text-align: center; margin: 0 auto; display: block; width: 15%; }

/*
	        4.3=category 
---------------------------------------------------------------*/
.mainmod-products-head { background: transparent url(../../nav/images/bg-mod-products-head.png) no-repeat 0 0; height: 63px; padding: 8px 0 0 15px; font-weight: bold;margin:0 0 0 10px }
.mainmod-pagination-bottom{ background: transparent url(../../nav/images/bg-mod-products-bottom.png) no-repeat 0 0;text-align:right;width:770px;height:26px;padding:8px 0 0 0 ;}
.mainmod-pagination-bottom a, .mainmod-pagination-bottom span {padding:.25em;}
#m_ProductListCtrl_m_lblTitre, #m_ProductListCtrl_m_lblProductCount { color: #fff; }
.mainmod-pagination { display: inline; padding: 1em .75em 0 1em; text-align: right; float: right;margin:0 .5em 0 0 }
.mainmod-pagination a img { vertical-align: middle;display:block;float:left;padding:.25em} 
.mainmod-pagination a { text-decoration: none; font-weight: normal; }
.mainmod-pagination a.stripe2 {line-height:1em; display:block;float:left;padding:.25em}
.mainmod-pagination span.stripe2current {line-height:1em; color: #f03300; display:block;float:left;padding:.25em}
.mainmod-navmode { font-weight: bold; color: #1b1b1b; padding-top: 1em; }
.mainmod-navmode dd, .mainmod-navmode dt { display: inline; }
.mainmod-navmode dd a { padding: 0 0 0 0; }
.mainmod-navmode dd a:hover { color: #1b1b1b; }
.mainmod-navmode dd.ic_gallery { background: transparent url(../../search/images/ic_mod-products_miniatures-sel.png) no-repeat 0 1px; padding: 0 0 0 17px; }
.mainmod-navmode dd.ic_gallery a { color: #1b1b1b; }
.mainmod-navmode dd.ic_gallery a:visited, .mainmod-navmode dd.ic_miniatures a:visited { color: #dc1414; }
.mainmod-navmode dd.ic_gallery_sel a { background: transparent url(../../search/images/ic_mod-products_miniatures.png) no-repeat 0 1px; padding: 0 0 0 17px; color: #1b1b1b; }
.mainmod-navmode dd.ic_miniatures { background: transparent url(../../search/images/ic_mod-products_gallery-sel.png) no-repeat 0 1px; padding: 0 0 0 17px; }
.mainmod-navmode dd.ic_miniatures_sel a { background: transparent url(../../search/images/ic_mod-products_gallery.png) no-repeat 0 1px; padding: 0 0 0 17px; color: #1b1b1b; }
.mainmod-navmode dd.ic_miniatures_sel a:visited, .mainmod-navmode dd.ic_gallery_sel a:visited { color: #1b1b1b; }
/*
	        4.4=CategoryChildrenCtrl / Miniature_ProductItemCtrl.ascx
---------------------------------------------------------------*/
ul#childrenpage, ul#product-item { margin: 0; text-align: center; }
ul#childrenpage li, ul#product-item li { float: left; width: 17.5%; height: 14em; display: inline; margin-top: 2em; font-size: 95%; }
ul#childrenpage li span { display: block; height: 8em; }
ul#product-item li span { color: #535353; }
ul#product-item li div { display: block; height: 8.5em; margin: 0; }
ul#childrenpage li img, ul#product-item li img { margin: 0 auto; display: block; }
ul#childrenpage li a, ul#product-item li a { display: block; margin: 0 auto; padding: 0; text-align: center; }

/*
	        4.4=gallery_productItemCtrl 
---------------------------------------------------------------*/
.glry-mod { padding: 0 0 1em 0; width: 42%; float: left; margin: 0 8% 1em 0;text-align:left  }
.glry-img { padding: 0; display: block; float: left; height: 150px; }
.glry-min-price { vertical-align: top; font-weight: bold; }
a.glry-pdct-name { line-height: 150%; text-decoration: none; }
.glry-pdct-text { color: #404040; font-weight: normal; display: block; font-size: 90%; line-height: 130%;}
.pdct-clr { width: 15px; height: 10px; padding: 0; margin: 0; }
/*
	        4.5=fareCtrl
---------------------------------------------------------------*/

table.fare-colors { margin: 0; font-size: 95%; width: 100%;background:#eee;border:1px solid #ddd }
table.fare-colors .fghead { text-align: center; padding: .25em 0; background: #eee; color: #1b1b1b; }
table.fare-colors table { margin-right: 1em; }
table.fare-colors table td { padding: .25em; white-space: nowrap; }
table.fare-colors td { text-align: center; white-space: nowrap; }
table.fare-colors td.fgqty { background: #742820; color: #fff; padding: .25em; }
table.fare-colors td.fgprice { background: #404040; color: #fff; padding: .25em; }
table.fare-colors td.altfgprice { background: #eee; padding: .5em; }

table.fare-grid-1 { margin: 1em; background:#eee;border:1px solid #ddd}
table.fare-grid-1 .fghead { text-align: center; padding: .25em 0;  }
table.fare-grid-1 table { margin-right: 1em; }
table.fare-grid-1 table td { padding: .25em; white-space: nowrap}
table.fare-grid-1 td { text-align: center; white-space: nowrap;border-bottom:1px solid #fff  }
table.fare-grid-1 td.fgqty { background: #742820; color: #fff; padding: .5em; }
table.fare-grid-1 td.fgprice { border-bottom: 1px solid #ccc; background: #808080; color: #fff; padding: .25em; }
table.fare-grid-1 td.altfgprice { border-bottom: 1px solid #ccc; background: #eee; padding: .5em; }

table.fare-grid { margin: 1em; width: 80%;;border:1px solid #ddd }
table.fare-grid .fghead { text-align: center; padding: .25em 0; background: #404040; color: #fff; border-bottom: 1px solid #fff; }
table.fare-grid table { margin-right: 1em; }
table.fare-grid table td { padding: .25em; white-space: nowrap; }
table.fare-grid td { text-align: center; white-space: nowrap; }
table.fare-grid td.fgqty { background: #742820; color: #fff; padding: .5em; }
table.fare-grid td.fgprice { border-bottom: 1px solid #ccc; background: #808080; color: #fff; padding: .5em; }
table.fare-grid td.altfgprice { border-bottom: 1px solid #ccc; background: #742820; padding: .5em; color: #fff; }

table.fare-variations { margin: 1em 0;border:1px solid #ddd }
table.fare-variations tr td { text-align: center; white-space: nowrap; }
table.fare-variations span.button { background: #404040; color: #fff; display: block; padding: .25em; }
table.fare-variations table { font-size: 95%; margin-top: .5em; }
table.fare-variations table td { margin: 1em; white-space: nowrap; }
table.fare-variations td.vartitle { }
table.fare-variations td.varval { border-bottom: 1px solid #fff; background: #eee; padding: .5em 0; }

table.fare-redevance { margin: 0 0 0 1em; text-align: center;background:#eee;border:1px solid #ddd }
table.fare-redevance td b {padding:.25em}
table.fare-redevance td { text-align: center; white-space: nowrap; }
tr .fare-redevance-catg td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: #742820; color: #fff; white-space: nowrap; }
table.fare-redevance-data { text-align: center; width: 100%; }
table.fare-redevance-data td { width: 50%; text-align: center; background: #eee; border-bottom: 1px solid #fff; white-space: nowrap; }

table.fare-ecotaxe { margin-left: 1em; padding: .5em;border:1px solid #E5EDF3}
table.fare-ecotaxe td { text-align: center; white-space: nowrap; }

table.variation { width: 100%; border:1px solid #ddd}

table.fare-grid-1 tr.over td, table.fare-grid tr.over td, table.redevance tr.over td, table.fare-redevance-data tr.over td, table.fare-ecotaxe tr.over td, table.fare-colors tr.over td {
	background: #1b1b1b;color:#fff
}

/*
	        4.7=Order Form / UpdateUserAccount
---------------------------------------------------------------*/
.orderform { width: 100%; }
.orderform fieldset { float: left; width: 45%; margin: 1em 0 1.5em 0; padding: 0 0 0 0; border: 5px solid #eee; }
.orderform fieldset.submit { border: 0; text-align: center; margin: 0 0 1em 0; }
.orderform .orderform-contact { margin-right: 4em; }
.orderform legend { margin-left: 1em; color: #dc1414; font-weight: bold; }

.orderform fieldset ol, td.orderform ol { padding: 1em 1em 0 0; list-style: none; zoom: 1; }
.orderform ol.form_notes { margin: 1em auto 0 auto; padding: 0; width: 75%; text-align: center; }
.orderform ol.form_notes li span { font-weight: bold; color: #dc1414; border: 5px solid #eee; display: block; padding: .5em 0; }
.orderform ol.form_notes li { margin: 1em auto 0 auto; width: 50%; }
.orderform ol.form_notes textarea { border: 1px solid #aaa; }
.orderform fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }

.orderform label { float: left; width: 8em; margin-right: 1em; }
.orderform fieldset ol li input, td.orderform textarea { width: 12.5em; border: 1px solid #aaa; }
.orderform ol li span.checkbox label { float: left; margin-right: 1em; width: 50%; }
.orderform ol li span.checkbox input { float: left; margin-right: 1em; width: 30%; }
.orderform li.areacountry select { border: 1px solid #aaa; margin: .5em 0; }
table.delivery-date { width: 80%; margin: 1em auto; color: #dc1414; border: 5px solid #eee; }
table.delivery-date td { font-weight: bold; text-align: center; padding: .5em; }

.formnav { }
.formnav a { font-weight: normal; text-decoration: none; }
.formnav a#m_lbPrevious { background: transparent url(../../search/images/ic_mod-products_pag-prev.png) no-repeat 0 1px; margin-right: 1em; padding-left: 15px; }
.formnav a#m_lbNext { background: transparent url(../../search/images/ic_mod-products_pag-next.png) no-repeat right 1px; padding-right: 15px; }
.formnav a:hover { font-weight: normal; }
.formnav a#m_lbTerminate { margin-left: .5em; background: #dc1414; padding: .5em; border: 1px solid #eee; color: #fff; font-size: 97%; }
.formnav a#m_lbTerminate:hover { background: #808080; }
/*
	        4.7=OrderRecapCtrl
---------------------------------------------------------------*/
.order-recap { margin: 2em 7em 1em 7em; border: 5px solid #eee; }
.order-recap ul { float: left; width: 30%; }
.order-recap p { margin: 1em 1em; display: block; float: left; width: 25%; background: #F0F9FF; padding: .5em; text-align: center; }
.order-summary { margin: 0; }
.order-summary thead h3 { margin: 1em 0 0 0; text-align: center; }
.order-summary-articles caption { display: none; }
.order-summary-articles { width: 90%; margin: 1em 0 0 3em; }
.order-summary-articles table { width: 90%; margin: 1em 0 1em 0; border-width: 1px 0 0 1px; border-collapse: collapse; }
.order-summary-articles table td { border-width: 0 1px 1px 0; padding: 0.5em; text-align: center; }
.order-summary-articles table thead th { color: #676767; padding: 0.2em; text-align: center; font-weight: bold; }

table.article tr.alt td {background: #eee}
table.article tr.over td {background: #1b1b1b;color:#fff}

.subtotal { background: #808080; color: #fff; }
table.total { float: right; margin: 1em 8em 1em 0; }
table.total td { padding: .5em; text-align: right; }
table.total th { padding: .5em; }
table.total th[scope*="row"] { text-align: left; }

td.notes h3 { text-align: center; margin: 1em 0 .5em 0; }
td.notes p { display: block; width: 85%; margin: 0 auto; border: 5px solid #eee; padding: 1em; }

td.card-payment input, td.card-payment label { float: left; }
td.card-payment label { width: 80%; margin: 0 1em; }
td.card-payment p.small11 { text-align: center; background: #f7f7f7; color: #404040; }
/*
	        4.7=Login
---------------------------------------------------------------*/
.login-cell input { margin: .5em 0; }
td.rec-passw input { margin: 0; }
.login-cell label { margin: 0 .5em; }
input#m_btnOK { text-align: center; }
/*
	        4.7=footer
---------------------------------------------------------------*/
#footer { margin: 1em 0 1em 0; border-top: 1px solid #ccc; }
#footer dl { margin: .5em auto; text-align: center; }
#footer dl.help { margin: 0; }
#footer dl dt { font-weight: normal; margin: 1em .25em 0 0; display: inline; }
#page #container #footer dl dd { margin: 0 .5em 0 0; display: inline; }
#page #container #footer dl dd a { font-size: 90%; }
.footerdesc h6 { margin: 0; }
.footerdesc p { margin: 0; color: #808080; }
ul.footernav { margin: 0; }
ul.footernav li { display: inline; margin: 0; }
.footerdesc { margin: .5em 1em 1em 1em; text-align: center; color: #808080; }
/*
	        4.7=Info
---------------------------------------------------------------*/
.info dl { margin: 0 .5em 0 0; }
.info p { margin: 0 .5em 1em 0; text-align: justify; color: #505050; }
.info p:first-line { color: #1b1b1b; }
/*.info p:first-letter {font-size:1.5em;line-height:100%;color:#505050}*/
.info h4, .info h5 { margin: 0 0 .5em 0; }
.info img { float: left; margin: .5em 1em .5em 0; }
a[href$="top"] { font-size: 80%; float: right; margin: 0 1em; }
/*
	        4.7=Order Samples
---------------------------------------------------------------*/
.testbt { background: #red; border: 1px solid red; margin: 0; padding: 0; }
.radins { border: 1px solid red; padding: 1em; text-align: justify; }
.samplesitem { }
#m_tdCC { }
a.steps { margin: .5em .5em 0 0; display: block; width: 17%; float: left; text-align: center; color: #eee; background: #808080; }
a.linkbuttona { margin: .5em .5em 0 0; display: block; width: 17%; float: left; text-align: center; background: #dc1414; color: #fff; }
/*
	        4.7=ProductZoom
---------------------------------------------------------------*/
.product-zoom img { margin: 2em auto; float: left; border: 1px solid red; }
.links-bt a { width: 11%; float: left; margin: 1em; }
/*
	        4.7=MyAcount
---------------------------------------------------------------*/
ul.myaccount { margin: 2em 0 0 0; }
ul.myaccount li { margin: 0; }
.myaccount a.linkbutton { width: 35%; margin-bottom: 1em; }

/*--------------------------------------------------------------
        5=hacks
---------------------------------------------------------------*/
.clearfix:after, .container:after, .order-recap:after, mainmod-products-head:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container, .order-recap, mainmod-products-head { display: inline-block; }
* html .clearfix, * html .container, *html .order-recap, mainmod-products-head { height: 1%; }
.clearfix, .container, .order-recap, mainmod-products-head { display: block; }

.inlineblock { display: -moz-inline-stack; display: inline-block; vertical-align: middle; }


