﻿* {
	margin:0;
	padding:0;
	border:0;}

body {
	font:normal 0.875em arial, helvetica, sans-serif;
	color:#444;}
	
.print-only { display:none; }

a, .cbrown {
	color:#604b2a;}

a:hover {
	color:#c1d72e;}
	
.lowest a {
	color:#336600;}
	
.price .comma {
	color:#c1d72e;
	font-size:7pt;
}

a.nounderline {
	text-decoration:none;}
	
#footer a {
	color:#c1d72e;
	text-decoration:none;}
	
.bullet {
	position:relative;
	top:3px;}
	
.flashEmail, .flashEmail object, .flashEmail embed {
	width:190px !important;
	height:18px !important;
	position:relative !important;
	display:inline-block !important;
	top:0px;
	left:-3px;
}

.justify {
	text-align:justify;
}

/* ///////////////////////////////////////////////// MAIN DIVS /// */

#outer-container {
	width:760px;
	margin:auto;
	background:url('../img/layout/bg-blob.gif') no-repeat top right;}

#logo-login {
	padding-top:20px;
	height:150px;
	overflow:hidden;}

#services-buisnesses{
    background:url('../img/services_bg.png') no-repeat;
    background-position: 0px 0px;
    text-align:left;
    height:47px;
    width:265px;
    padding-top: 11px;
    text-indent: 35px;
    z-index: 10;
   }


#services-buisnesses a {color: #336600; text-decoration: none; font-weight: bold; font-size:14pt; letter-spacing: -1px;}
#services-buisnesses a:hover {color: #ffffff; text-decoration: none; font-weight: bold;}

p.login{
    margin-bottom: 3px;
    margin-top: 3px;

}
#find-cartridge {
	background:url('../img/layout/bg-recherche.gif') no-repeat top left;
	height:290px;
	padding:50px 20px 20px 20px;
        }

#small-find-cartridge {
	background:url('/statics/img/layout/bg-banner-small.gif') no-repeat top left;
	height:50px;
	padding:12px 15px;
	color:#999;
	margin-top:40px;}
#small-find-cartridge input.text {
	width:190px;
}

#content-left {
	float:left;
	width:450px;
        border:0px}

#content-right {
	float:right;
	width:285px;}

#footer-container {
	clear:both;
	width:100%;
	background:#444;
	height:150px;
	padding-top:15px;
}

#footer {
	color:#ccc;
	width:760px;
	margin:auto;
	font-size:0.857em;}

.details {
	position:relative;
	top:-28px;
	left:135px;
	color:#666;}
	
	
/* ///////////////////////////////////////////////// NAVIGATION /// */

#nav-container {
	background:#313131;}

#nav {
	width:760px;
	margin:auto;}

#nav-container ul {
	list-style:none;
	text-transform:uppercase;
	padding:4px 0;
	font-size:0.786em;
	text-align:center;}

#nav-container ul li {
	display:inline;
	margin:11px;}

#nav-container ul li a {
	text-decoration:none;
	color:#fff;}

#nav-container ul li a:hover {
	color:#f3f7d5;}

#nav-container ul li a#panier {
	color:#c4df12;
	font-weight:bold;}

#nav-container ul li img {
	vertical-align:middle;}	


/* ///////////////////////////////////////////////// CONTENT /// */

h1 {
	color:#2d5201;
	font-size:1.857em;
	letter-spacing:-1px;}

h1 a, a:hover { color:#2d5201; text-decoration:none; }

h2 {
	font-size:1.571em;
	color:#738400;
	letter-spacing:0px;}
h2 a, a:hover { color:#738400; text-decoration:none; }

h3 {
	color:#336600;
	font-size:1.3em;
	margin-bottom:10px;
	letter-spacing:-1px;}
h3 a, a:hover { color:#336600; text-decoration:none; }

#content-right h3, #content-left h3 {
	margin-bottom:20px;}

.section {
	display:block;
	margin-top:40px;
	padding-top:10px;
	border-top:5px solid #c1d72e;}

p {
	margin-bottom:15px;}

big {
	font: bold 1.143em arial, helvetica, sans-serif;
	color:#6f8000;}

.big {
	display:block;
	color:#336600;
	font-size:3.571em;}
	
.breadcrumb {
	margin-top:30px;
	font-size:0.786em;}

.pretendbtn, .submit {
	background:#c1c1c1 !important;
	color:#fff !important;
	cursor:pointer;
	font-weight:bold;
	vertical-align:bottom;
	text-decoration:none;
	font-size:0.929em;
	width:auto !important;
	padding:3px}

.fatsubmit{background:#c1c1c1 !important;
	color:#fff !important;
	cursor:pointer;
	font-weight:bold;
	vertical-align:bottom;
	text-decoration:none;
	font-size:0.929em;
	width:auto !important;
	padding:7px}

.pretendbtn {
	padding:5px}
	
.hr {
	border-top:1px dotted #d1d1d1;
	margin-top:20px;
	padding-top:20px;}

ul {
	list-style-position: inside;}

/* -- find cartridge area on home page -- */
.halfsies {
	margin-top:20px;
	width:350px;}

.halfsies input.text {
	display:block;
	padding:5px;
	width:90%;
	margin-bottom:10px;
	color:#999;
	font-size:1.071em;}

.halsies input.submit {
	float:right;}
/* -- end find cartridge area -- */

/* -- products -- */
.product-img {
	vertical-align:middle;
	width:105px;
	margin-right:8px;}

.product-listing {
	padding:5px;
	height:160px;
	width:210px;
	margin-bottom:40px;
	text-align:center;
	float:left;}
	
.product-listing-no-desc {
	width:160px !important;}

.product-fullspan {
	background: url('/statics/img/products/bg-full.gif') 0 0 repeat-y;}

.product-img-and-price {
	width:250px;
	padding:35px 0 0 25px;
	padding-top:35px;
	height:120px;
	float:left;}

.product-img-and-price2 {	
height:auto; padding:15px 0 0 25px;}

.product-img-and-price .price {
	position:relative;
	left:-30px;}

.product .price {
	position:relative;
	left:-70px;}
	
.product-desc {
	padding:15px;
	color:#4b4b4b;}

.product-specialmsg {
	border-left:1px dotted #ccc;
	width:180px;
	height:130px;
	margin-left:8px;
	padding:15px 0 0 15px;
	font-weight:bold;}

.price {
	background:url('/statics/img/layout/bg-price.gif') no-repeat top left;
	font: bold 2.49em arial, helvetica, sans-serif;
	text-align:center;
	padding-top:18px;
	color:#fff;
	display:block;
	width:91px;
	height:75px;
	float:right;
	letter-spacing:0px;}

.price sup {
	font-size:0.5em;}
table.price-listing {
	width:460px;
}
table.price-listing td.title {
	width:280px;
	padding:4px;}

table.price-listing tr.clicked {
	background:#c1d72e;}

table.price-listing td {
	vertical-align:top;
	padding:5px;}

table.price-listing a:hover, table.price-listing tr.clicked a, table.price-listing tr.clicked td, table.price-listing tr.clicked .cbrown {
	color:#202020;}

table.price-listing img {
	margin-left:5px;}

/* occurs when an item is clicked */
table.price-listing tr.unclicked {
	filter:alpha(opacty=50);
	opacity:0.5;}

table.price-listing tr.add-item td {
	border-bottom:1px solid #c0c0c0;}

p.desc {
	font-size:0.929em;
	margin:10px 0 40px 0;}

/* -- end products -- */

/* -- témoignages on home page -- */
p.temoignage {
	width:100%;
	background:url('../img/layout/bg-temoignage.gif') no-repeat;
	height:120px;
	font-size:0.875em;}

p.temoignage span {
	display:block;
	text-align:center;
	padding:8px;
	position:relative;
	left:-3px;}

p.author, p.moredetails {
	position:relative;
	top:-45px;
	text-align:right;
	width:140px;}

p.moredetails {
	text-align:left;}
/* -- end témoignages -- */

/* -- forms -- */
.text {
	width:auto;
	padding:5px;}

input.quantity {
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	width:25px;
	text-align:right;}

select, .textarea, #contactForm input {
	color:#666666;
	font-family: arial, heltiva, sans-serif;
	font-size:0.85em;
	background:#eee;
	border:1px solid #ccc;
	padding:5px;}

option {
	padding:0 4px;}
	
#contactForm input, .textarea {
	width:250px;
	display:block;
	margin-bottom:15px;}

.textarea {
	height:120px;}
	
.login input {
	width:100px;
	padding:2px 4px;
	background:#fff}

.login .submit {
	width:auto;
	vertical-align:middle;
	background:transparent !important;
	border:0}
/* -- end forms -- */

/* ///////////////////////////////////////////////// TABLES → CART & SHIPPING /// */

th {
	font-weight:normal;
	text-align:right;
	font-size:0.857em;
	color:#604b2a;}

table#cart td, table#orders td {
	background:#f0f0f0;
	padding:5px;
	text-align:right;
	color:#2d2518;
	font-size:1em;}


table#orders tr td.cartridge {
	padding-left:25px;
	background:url(/statics/icons/color_swatch.png) no-repeat 2px 5px #f0f0f0;}
	

table#cart tr.alt td, table#orders tr.alt td {
	background-color:#e4e6dc;}
	
table#orders tr.printer td {
	background:#fff;
	font-weight:bold;
	padding-top:30px;
	border-top:dotted 1px #ddd;
	padding-left:25px;
	background:url(/statics/icons/printer.png) no-repeat 2px 30px;}
	
table#orders tr.item td label {
	font-size:14px;
	cursor:pointer;
	}

table#cart td.item{
	text-align:left;
	font-weight:bold;}

table#cart td.small {
	color:#827f7f;
	vertical-align:middle;
	font-size:0.857em;}

.shipping-spacer {
	display:block;
	width:350px;}
	
table.shipping {
	width:350px;}

table.shipping td, label {
	font-size:0.875em;
	padding:5px 3px;}
	
table.shipping td input, table.shipping td select {
	width:100%;
	background:#f0f0f0;
	margin-top:3px;
	color:#666;
	border:1px solid #c1c1c1;}

table#orders td, table#orders th {
	text-align:left !important}
	

/* IE only */
html * table.shipping td input, html * table.shipping td select {
	width:95%;}


/* ///////////////////////////////////////////////// ACCOUNT → CREATE SUBMISSION /// */


#items .item {
	background:#eee;
	padding:5px 3px;
	margin:3px 0}

#items .item img {
	vertical-align:middle}
	
/* ///////////////////////////////////////////////// MISC /// */

.clear    {clear:both;}
.nomargin { margin:0 !important;}
.fleft    { float:left;}
img.fleft { float:left; padding-right:8px;}
label.fleft { text-align:right; margin:5px 5px 0 0; }
.fright   { float:right;}
.vmiddle  { vertical-align:middle;}
.dblock   { display:block;}
.aright   {text-align:right;}

.rdborder { border-right:1px dotted #999;}
.ldborder { border-left:1px dotted #999;}
.lsborder { border-left:1px solid #999;}
.rsborder { border-right:1px solid #e0e0e0;}
.sborder  { border: 1px solid #ccc;}
.noborder { border:0;}
.lpadding { padding-left:15px;}
.rpadding { padding-right:20px;}
.padding  { padding:5px;}
.rmargin  { margin-right:20px;}
.lmargin  { margin-left:15px;}
.nomargin { margin-bottom:0 !important;}

.tcenter  { text-align:center;}
.cgray    { color:#888;}
.cgray  a, .cgray  a:hover   { color:#888;}
.cgreen   { color:#6f8000;}
.clgreen  { color:#738400;}
.bgwhite  { background:#fff;}
.bgdarkgray { background:#999 !important}
.font9    { font-size:0.875em;}
.font8    { font-size:0.79em;}
.u        { text-decoration:underline;}
.nou      { text-decoration:none;}
.b        { font-weight:bold;}


.invisible { visibility:hidden; }
.mr5 { margin-right:5px; }
.ml5 { margin-left:5px; }
.mb5 { margin-bottom:5px; }
.p5  { padding:5px;}
.w50      { width:215px;}
.w300	  { width:350px;}
.w350	  { width:350px;}
.w250	  { width:250px;}
.w100	  { width:100px;}
.wlarge   { width:450px;}
.wsmall   { width:285px;}
.spacer   { display:block; height:20px;}
.sm-spacer{ display:block; height:5px;}
.sm-spacer_2{ display:block; height:2px;}
.days_30  {width:65px; font-weight: bold;}
.free     {width:50px; font-weight: bold;}
.obvious_check  {background-color: #c1d72e; padding:5px; font-weight:bold; }
