/**********************************************************************************************

	Title: Hawk Innovations
	Author: Shinrai
	Date: 2010

***********************************************************************************************

	1. General Elements
		1.1  MCE
		1.2  Table Style
		1.3  Form Style
		1.4  Breadcrumb
		1.5  Pagination
		1.6  Product Sort
		1.7  Steps
		1.8  Authentication.tpl
		1.9  My-Account.tpl
		1.10 Discount.tpl
		1.11 Category.tpl
		1.12 Product-list.tpl
		1.13 Shopping-cart.tpl
		1.14 Contact-form.tpl
		1.15 History.tpl
		1.16 Sitemap.tpl
		1.17 Product.tpl
		1.18 Manufacturers-list.tpl & Suppliers-list.tpl
		1.19 Addresses.tpl
		1.20 CMS.tpl
		1.21 Order-payment.tpl
		1.22 Files.tpl
	
	2. Font Class
	
	3. Layout
		3.1  Header
		3.2  Main Banner
		3.3  Banner Link
		3.4  Content Container
			 3.4.1  Sidebar
			 3.4.2  Content
		3.5  Footer
	4. Modules
		4.1  Block Cart
		4.2  Block Search
		4.3  Block Editorial
		4.4  Products Category
		4.5  Cross Selling
		4.6  Block Categories
	5. Useful
	6. Global Buttons
		6.1  Input Button
		6.2  Disabled Button
		6.3  Exclusive Button
		6.4  Hover Button
		6.5  Classic Button
		
***********************************************************************************************/


/* 1. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	
	/* Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html */
	html, body, div, span, applet, object, iframe, 
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
	a, abbr, acronym, address, big, cite, code, 
	del, dfn, em, font, img, ins, kbd, q, s, samp, 
	small, strike, strong, sub, sup, tt, var, 
	b, u, i, center, 
	dl, dt, dd, ol, ul, li, 
	fieldset, form, label, legend, 
	table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}

	body{line-height:1}

	ol, ul{list-style:none}

	blockquote, q{quotes:none}

	blockquote:before, blockquote:after, 
	q:before, q:after{content:''; content:none}

	/* remember to define focus styles! */
	:focus{outline:0}

	/* remember to highlight inserts somehow! */
	ins{text-decoration:none}

	del{text-decoration:line-through}

	/* tables still need 'cellspacing="0"' in the markup */
	table{border-collapse:collapse; border-spacing:0}
	/* End CSS reset */

	* {
		padding: 0;
		margin: 0;
	}
	
	body {
		font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "DejaVu Sans Condensed", sans-serif;
		font-size: 62.5%;
		line-height: 1.5em;
		text-align: center;
		color: #56585B;
		background-color: #DADADA;
		margin: 0;
		padding: 0;
	}
	
	#sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0; z-index:100000000000000;}
	
	a {
		color: #5d717e;
		text-decoration: underline;
		outline: none;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	.input:focus {
		outline: 0;
	}
	
	a img {
		outline: none;
		border: none;
		text-decoration: none;
	}
	
	/* id_state field in managed via JS and is firstly hidden */
	form p.id_state {
		display: none;
	}

	/* generic style */
	ul.bullet {
		font-size: 1.2em;
	}
	
	ul.bullet li, .block ul.bullet li {
		padding-left: 2em;
		background: transparent url('../img/bullet.gif') no-repeat 6px 6px;
		list-style-type: none;
	}

	.price-discount {
		text-decoration: line-through;
	}
	
	.price-pretax {
		color: gray;
	}
	
	.price-ecotax {
		color: #488c40;
	}
	
	img.icon {
		margin-right: 0.5em;
		vertical-align: middle;
	}
	
	.price, .price-shipping, .price-wrapping {
		color: #da0f00;
		font-size: 1.1em;
		font-weight: bold;
		white-space: nowrap;
	}

	/* errors */
	.error {
		width: 568px;
		border: 1px solid #da0f00;
		background-color: #f1f2f4;
		color: #da0f00;
		margin: 2px 0 10px 2px;
		padding: 10px;
	}
	
	.error p {
		font-weight: bold;
	}
	
	.error li {
		list-style-position: inside;
		list-style-type: decimal-leading-zero;
		padding-left: 3em;
	}

	/* warning */
	.warning {
		color: black;
		font-size: 1.2em;
		background-color: #F8E1A0;
		border: 1px dashed #F9E400;
		font-weight: bold;
		padding: 0.6em 1em;
	}
	
	.warning_inline {
		color: #da0f00;
		font-weight: bold;
	}

	/* success */
	.success {
		color: green;
		background-color: #d0d3d8;
		border: 1px dashed green;
		font-weight: bold;
		padding: 0.3em 0.8em 1em;
	}
	
	.success_inline {
		color: green;
		font-weight: bold;
	}
	
	/* transfert effect*/
	.transferProduct {
		border: 2px solid #888;
	}
	
	/* simple list inline */
	ul.inline_list {
		list-style-type: none;
		margin-top: 1em;
	}
	
	ul.inline_list li {
		float: left;
		text-align: center;
	}
	
	ul.inline_list li img {
		display: block;
	}
	
	ul.half {
		width: 45%;
		margin-right: 1em;
		float: left;
	}

	/* Category tree (i.e. in sitemap) */
	div.tree_top {
		background: url('../img/sitemap-top.gif') no-repeat -1px -3px;
		padding-left: 24px;
		padding-bottom: 5px;
		padding-top: 3px;
	}
	
	ul.tree, ul.tree ul {
		list-style-type: none;
	}
	
	ul.tree li {
		padding-left: 1.2em;
		border-left: 1px gray dotted;
		background: url(../img/sitemap-horizontal.gif) no-repeat left 10px;
		margin-left: 1em;
	}
	
	ul.tree a {
		padding-left: 0.2em;
	}
	
	ul.tree a.selected {
		font-weight: bold;
	}
	
	ul.tree li.last {
		background: url(../img/sitemap-last.gif) no-repeat -12px -2px;
		border: none;
	}
	
	span.grower {
		cursor: pointer;
	}

	/* Tabs */
	ul.idTabs {
		list-style-type: none;
		border-bottom: solid 1px #76839b;
		height: 21px;
		margin-top: 3em;
	}
	
	ul.idTabs li {
		float: left;
		margin-right: 1px;
	}
	
	ul.idTabs li a {
		background-image: url('../img/tab_bg.jpg');
		display: block;
		width: 173px;
		height: 18px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		padding-top: 3px;
		color: #374853;
	}
	
	ul.idTabs li a.selected {
		background-image: url('../img/tab_bg_selected.jpg');
		color: white;
	}

	/* IdTabs Short*/
	ul.idTabsShort li a {
		background-image: url('../img/tab_bg_short.jpg');
		width: 138px;
	}
	
	ul.idTabsShort li a.selected {
		background-image: url('../img/tab_bg_selected_short.jpg');
		color: white;
	}
	
	div.sheets {
		clear: both;
		padding: 1em;
	}
	
	div#more_info_sheets ul li {
		background-position: 6px 4px;
		margin-bottom: 0.4em;
	}
	
	.index {
		text-indent: -9999px;
		float: left;
	}

	
	
/* 1.1 MCE
------------------------------------------------------------------------------------------------ */

		.mceContentBody {
			text-align: left;
			background: white;
			color: black;
			font-size: 12px;
		}
		
		body.mceContentBody {
			margin: 9px 6px;
			width: 556px;
			font-size: 12px;
		}
		
		div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, div.rte p, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td,
		.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline;
		}
		
		.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {
			margin: 0.75em 0 0.3em 0;
			color: #374853;
		}
		
		.mceContentBody h1 {
			font-size: 25px;
			font-weight: bold;
		}
		
		.mceContentBody h2 {
			font-size: 20px;
			background: none;
			text-transform: none;
			height: auto;
		}
		
		.mceContentBody h3 {
			font-size: 16px;
		}
		
		.mceContentBody h4 {
			font-size: 14px;
		}
		
		.mceContentBody h5 {
			font-size: 12px;
		}
		
		div.rte h6, div.rte h6 {
			font-size: 8px;
		}
		
		div.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul {
			padding-left: 2em;
		}
		
		div.rte ul, .mceContentBody ul {
			list-style-type: square;
			margin-left: 10px;
		}
		
		div.rte strong, .mceContentBody strong {
			font-weight: bold;
		}
		
		div.rte em, .mceContentBody em {
			font-style: italic;
		}

		/* tables still need 'cellspacing="0"' in the markup */
		div.rte table,.mceContentBody table {
			border-collapse: separate;
			border-spacing: 1px;
			width: auto;
		}
		
		div.rte caption, div.rte th, div.rte td, div.rte table,
		.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {
			text-align: left;
			font-weight: normal;
			background: none;
			height: inherit;
			border: 1px #e5e6e7 solid;
			font-size: 12px;
		}
		
		div.rte th, .mceContentBody th {
			text-align: center;
			font-weight: bold;
			padding: 5px;
			background: #e5e6e7;
		}
		
		div.rte td, .mceContentBody td {
			padding: 5px;
		}
		
		#content div.rte p, 
		.mceContentBody p { padding-left: 0; margin: 0.5em 0 }
		div.rte ol, .mceContentBody ol {
			list-style-type: decimal;
			margin-left: 10px;
		}
		
		
/* 1.2 TABLE STYLE
------------------------------------------------------------------------------------------------ */

		div.table_block {
			padding-bottom: 6px;
			margin: 0 auto 2em;
			width: 580px; /* same as #content */
		}
		
		table.std {
			border-spacing: 0;
			border-collapse: collapse;
			width: 100%;
		}
		
		table.std td, table.std th {
			padding: 0.4em 0.5em;
		}
		
		table.std th {
			white-space: nowrap;
		}
		
		table.std tr.item td, table.std tr.item th {
			background-color: white;
		}
		
		table.std tr.alternate_item td,
		table.std tr.alternate_item th {
			background-color: #f1f2f4;
		}
		
		table.std tbody tr td, table.std tfoot tr td {
			border-top: 1px solid #bdc2c9;
		}
		
		table.std thead th {
			background-color: transparent;
			background-image: url('../img/table_header.gif');
			background-repeat: no-repeat;
			height: 24px;
			color: #374853;
			font-weight: bold;
			text-align: left;
			white-space: nowrap;
		}
		
		table.std thead th.first_item {
			background-position: top left;
		}
		
		table.std thead th.last_item {
			background-position: top right;
		}
		
		table.std thead th.item {
			background-position: -5px 0;
		}
		
		table.std tfoot td {
			color: #374853;
			text-align: right;
			white-space: nowrap;
		}
		
		.editorial_block .rte table, .editorial_block .rte table tbody, .editorial_block .rte table tbody tr td {
			border: 0;
			padding: 0;
		}
		
		
/* 1.3 FORM STYLE
------------------------------------------------------------------------------------------------ */

		form.std {
			clear: both;
		}
		
		form.std h3 {
			color: #555;
			font-size: 1.4em;
			font-weight: normal;
			border-bottom: 1px solid #d0d1d5;
			padding: 0.5em;
			margin: 0 0 0.5em 0;
		}
		
		form.std h4 {
			font-size: 1.2em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}
		
		form.std fieldset {
			border: 1px solid #d0d3d8;
			background: #D0D1D5 url('../img/form_bg.jpg') repeat-x top left;
			margin-bottom: 1em;
			padding-bottom: 1em;
		}
		
		form.std fieldset legend {
			padding: 0.3em 0.6em;
			margin: 1em 0 1em 0.5em;
			font-size: 1.6em;
			font-weight: 100;
			border-color: #d0d1d5;
			border-style: solid;
			border-width: 1px;
		}
		
		form.std h4, form.std p {
			padding: 0.3em 1em;
			clear: both;
		}
		
		form.std label, form.std p span {
			float: left;
			text-align: right;
			width: 30%;
		}
		
		form.std p span.like_input {
			width: auto;
			margin-left: 0.7em;
		}
		
		input, textarea, select, span.editable {
			margin-left: 0.7em;
			font-size: 1.2em;
			font-family: Verdana, Arial, Helvetica, Sans-Serif;
			outline: none;
		}
		
		input, textarea, select {
			border: 1px solid #bdc2c9;
			font-size: 0.9em;
		}
		
		input.text {
			height: 18px;
			padding-left: 2px;
			padding-right: 2px;
			font-size: 0.9em;
		}
		
		.checkbox input, .radio input {
			border: none;
		}
		
		form.std .checkbox label, form.std .radio label, form.std span.form_info {
			margin: 0;
			float: none;
			text-align: left;
		}
		
		.required sup {
			color: #da0f00;
		}
		
		form.std p.checkbox {
			padding-left: 30%;
		}
		
		form.std p.submit {
			padding-left: 31%!important;
			margin-bottom: 1.5em;
		}
		
		#content form.std p.submit2 {
			padding-left: 170px;
			margin-bottom: 1.5em;
		}
		
		
/* 1.4 BREADCRUMB
------------------------------------------------------------------------------------------------ */

		.breadcrumb {
			font-size: 1em;
			color: #888;
		}
		
		.breadcrumb .navigation-pipe {
			padding: 0 0.6em;
		}
		
		.breadcrumb a {
			text-decoration: none;
			color: #5d717e;
		}
		
		.breadcrumb a:hover {
			text-decoration: underline;
		}
		
		
/* 1.5 PAGINATION
------------------------------------------------------------------------------------------------ */

		div.pagination {
			padding: 1em 0;
		}
		
		ul.pagination {
			list-style: none;
			float: left;
		}
		
		ul.pagination li {
			display: inline;
			float: left;
			margin-right: 0.3em;
		}
		
		ul.pagination li, ul.pagination a, ul.pagination span {
			font-weight: bold;
			color: #374853;
		}
		
		ul.pagination a, ul.pagination span {
			border: 1px solid #888;
			padding: 0em 0.4em;
			display: block;
			line-height: 17px;
			background: #bdc2c9 url('../img/pagination_bg.gif') repeat-x top right;
		}
		
		ul.pagination a {
			text-decoration: none;
		}
		
		ul.pagination li.current span {
			background-color: #595a5e;
			background-image: url('../img/pagination-bg-current.gif');
			color: white;
			border: 1px solid #595a5e;
		}
		
		ul.pagination li.truncate {
			padding: 0.3em;
			background: none;
		}
		
		#pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span {
			background-image: url('../img/pagination-prevnext-bg.gif');
			border: none;
			line-height: 19px;
			border-color: #d0d1d5;
			border-style: solid;
			border-width: 0 1px;
		}
		
		#pagination_previous {
			background: transparent url('../img/pagination-prev-border.gif') no-repeat top left;
			padding-left: 6px;
		}
		
		#pagination_previous a, #pagination_previous span {
			border-left: none;
		}
		
		#pagination_next {
			background: transparent url('../img/pagination-next-border.gif') no-repeat top right;
			padding-right: 6px;
		}
		
		#pagination_next a, #pagination_next span {
			border-right: none;
		}
		
		li.disabled span {
			color: #888;
			background-color: #f1f2f4;
		}
		
		form.pagination {
			text-align: right;
		}
		
		form.pagination label {
			line-height: 1.4em;
			vertical-align: bottom;
			float: right;
			margin-left: 0.3em;
		}
		
		form.pagination select {
			float: right;
		}
		
		form.pagination select option {
			font-size: 0.9em;
			padding-right: 1em;
		}
		
		form.pagination input {
			float: right;
		}
		
		
/* 1.6 PRODUCT SORT
------------------------------------------------------------------------------------------------ */
		form#productsSortForm p {
			height: 1em;
			margin: 0.5em 0 0 0;
		}
		
		form#productsSortForm p label {
			float: right;
			font-size: 1.0em;
		}
		
		form#productsSortForm p select {
			font-size: 1.0em;
			float: right;
		}
		
		
/* 1.7 STEPS
------------------------------------------------------------------------------------------------ */

		ul.step {
			background: transparent url('../img/step_start.gif') no-repeat bottom left;
			list-style: none;
			margin: 0.8em auto 2em;
			padding-left: 40px;
			height: 25px;
			width: 465px;
		}
		
		ul.step li {
			height: 25px;
			float: left;
			width: 100px;
			text-align: center;
			background: transparent url('../img/step_standard.gif') no-repeat bottom left;
			font-size: 1.2em;
		}
		
		ul.step li.step_current {
			background: transparent url('../img/step_current.gif') no-repeat bottom left;
			font-weight: bold;
		}
		
		ul.step li.step_todo {
			font-style: italic;
		}
		
		ul.step li#step_end {
			width: 40px;
		}
		
		ul.step li#step_end {
			background: transparent url('../img/step_end.gif') no-repeat bottom left;
		}
		
		ul.step li#step_end.step_current {
			background: transparent url('../img/step_end_current.gif') no-repeat bottom left;
		}
		
		ul#order_step {
			background-color: white;
		}
		
		
/* 1.8 AUTHENTICATION.TPL
------------------------------------------------------------------------------------------------ */
		
		#content #create-account_form,
		#content #login_form {
			width: 49%;
			height: 25em;
			clear: none;
			float: left;
		}
		
		#content #create-account_form p.text,
		#content #login_form p.text {
			height: 3.4em;
			margin-left: 4em;
			padding-left: 0;
			padding-right: 0;
			font-size: 1.2em;
		}
		
		#content #login_form a {
			color: #374853;
		}
		
		#content #create-account_form {
			margin-right: 7px;
		}
		
		#content #create-account_form p.text {
			text-align: left;
			width: 100px;
		}
		
		#content #create-account_form p.text label {
			width: 100px;
		}
		
		#content input#SubmitCreate,
		#content input#SubmitLogin {
			margin-left: -40px;
		}
		
		#content .submit {
			margin-right: 0;
			text-align: left;
		}
		
		#content p.lost_password {
			padding-left: 4em;
		}
		
		#content #create-account_form fieldset,
		#content #login_form fieldset {
			height: 23em;
		}
		
		#content p.submit span {
			padding-right: 0.5em;
		}
		
		#content #create-account_form label, #login_form label {
			float: none;
			clear: both;
			display: block;
			text-align: left;
			width: 100%;
			margin-bottom: 0.3em;
		}
		
		form#account-creation_form input.text, 
		form#account-creation_form #id_country, 
		form#account-creation_form #id_state, 
		textarea {
			width: 17em;
		}
		
		.account_creation .required input, .required input, .account_creation .required select, .required select, #passwd input, #email_create input {
			font-size: 0.9em;
		}
		
		.account_input {
			margin-left: 0;
			width: 16em;
			font-size: 0.9em;
		}
	

/* 1.9 MY-ACCOUNT.TPL
------------------------------------------------------------------------------------------------ */

		#my-account #content ul {
			margin: 2em 0;
		}
		
		#my-account #content li { 
			list-style: none; 
			margin: 2em 1.5em;
		}


/* 1.10 DISCOUNT.TPL
------------------------------------------------------------------------------------------------ */

		td.discount_value {
			white-space: nowrap;
		}
		
	
/* 1.11 CATEGORY.TPL
------------------------------------------------------------------------------------------------ */	
		
		#subcategories {
			width: 100%;
		}
		
		#subcategories li {
			margin-right: 10px;
		}
		
		div.cat_desc {
			font-size: 1.2em;
		}
		
		.nb_products {
			font-size: 1.2em;
		}
		
		div#subcategories ul.inline_list li a img {
			display: inline;
		}
		
		div#subcategories ul.inline_list li {
			margin-bottom: 30px;
		}
		
		img#categoryImage {
			margin-top: 1em;
		}
		
		
/* 1.12 PRODUCT-LIST.TPL
------------------------------------------------------------------------------------------------ */

		ul#product_list {
			margin-top: 2em;
			list-style-type: none;
			width: 100%;
		}
		
		ul#product_list li {
			background: #d0d3d8 url('../img/block_category_item_bg.jpg') repeat-x;
			border: solid 1px #d0d3d8;
			padding: 6px;
			min-height: 130px;
			height: auto;
			clear: both;
			margin-bottom: 0.3em;
		}
		
		* html ul#product_list li {
			height: auto !important;
			height: 130px;
		}
		
		ul#product_list li a {
			text-decoration: none;
			color: #374853;
		}
		
		ul#product_list a.product_img_link {
			border: solid 1px #d0d3d8;
			float: left;
			margin-right: 0.6em;
		}
		
		ul#product_list a.product_img_link img {
			vertical-align: bottom;
		}
		
		ul#product_list li h3 {
			margin: 0.4em 0;
		}
		
		ul#product_list li .new {
			background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
			border: 1px solid #488C40;
			color: white;
			font-size: 0.6em;
			font-weight: bold;
			margin: 0 1em 0 0;
			padding: 0 0.4em;
			text-transform: uppercase;
			vertical-align: 0.3em;
		}
		
		ul#product_list li p.product_desc { 
			margin-bottom: 0;
			font-size: 1em ;
		}
		
		ul#product_list li div.center_block {
			float: left;
			width: 74%;
		}
		
		ul#product_list li div.right_block {
			float: left;
			width: 11em;
			text-align: right;
			margin-left: 1em;
			margin-top: 0;
		}
		
		ul#product_list li .discount {
			color: #da0f00;
			text-transform: uppercase;
			font-weight: bold;
			display: block;
		}
		
		ul#product_list li .on_sale {
			color: #da0f00;
			text-transform: uppercase;
			font-weight: bold;
			display: block;
		}
		
		ul#product_list li .reduction {
			display: block;
			margin-bottom: 0.3em;
		}
		
		ul#product_list li .price {
			display: block;
			font-size: 1.5em;
			margin-bottom: 0.2em;
		}
		
		ul#product_list li span.availability {
			color: #488c40;
			font-size: 0.9em;
		}
		
		ul#product_list li a.button {
			margin-top: 0.5em;
		}

		
/* 1.13 SHOPPING-CART.TPL
------------------------------------------------------------------------------------------------ */

		#order div.cart_last_product { 
			width: 300px;
			margin: 0 auto 12px;
		}
		
		#order div.cart_last_product .cart_last_product_header,
		#order div.cart_last_product .cart_last_product_header div.left {
			background: url('../img/table_header.gif') right 0;
		}
		
		#order div.cart_last_product .cart_last_product_header div.left {
			background-color:#fff;
			background-position:0 0;
			margin-bottom:5px;
			padding-left: 27px;
			width: 249px;
			height: 24px;
			line-height: 24px;
			color: #374853;
			font-weight: bold;
		}
		
		#order div.cart_last_product a.cart_last_product_img {
			float:left;
		}
		
		#order div.cart_last_product a.cart_last_product_img img {
			margin:0 6px;
			border:1px solid #D0D1D5;
		}
		
		#order div.cart_last_product .cart_last_product_content { 
			float:right; 
			width:241px;
		}
		
		#order div.cart_last_product .cart_last_product_content a {
			text-decoration:none;
		}
		
		#order div.cart_last_product .cart_last_product_content h5 {
			font-size:9px;
		}
		
		#order div.cart_last_product .cart_last_product_content h5 a {
			color:#595A5E;
		}

		p.cart_navigation {
			padding: 1em 0!important;
		}
		
		p.cart_navigation .button,
		p.cart_navigation .button_large {
			float: left;
		}
		
		.order_adddress p.cart_navigation .button,
		.order_adddress p.cart_navigation .button_large {
			float: left;
		}
		
		p.cart_navigation .exclusive,
		p.cart_navigation .exclusive_large {
			float: right;
		}
		
		p.cart_navigation_extra {
			text-align: center;
			width: auto;
		}
		
		form.std p.cart_navigation span {
			float: none;
			text-align: left;
			width: auto;
		}
		
		#cart_summary tfoot tr td {
			border-top: none;
			line-height: 1.5em;
		}
		
		#cart_summary tfoot tr.cart_total_product td {
			border-top: 1px solid #bdc2c9;
		}
		
		#cart_summary tfoot tr.cart_total_price td {
			border-bottom: 2px solid #bdc2c9;
		}
		
		#cart_summary .price, #cart_summary .price-discount {
			color: #595A5E;
			font-size: 1.1em;
			text-decoration: none;
		}
		
		tr.cart_item td {
			padding: 0.5em 0;
		}
		
		td.cart_product a {
			margin: 0 0.6em;
		}
		
		td.cart_product a img {
			border: 1px solid #d0d1d5;
		}
		
		td.cart_product a:hover img {
			border: 1px solid #888;
		}
		
		td.cart_description a {
			text-decoration: none;
		}
		
		td.cart_description a:hover {
			text-decoration: underline;
		}
		
		td.cart_description h5 a, td.cart_ref, td.cart_total {
			color: #595a5e;
		}
		
		td.cart_description h5 a {
			color: #595a5e;
			font-size: 1.4em;
		}
		
		td.cart_unit, td.cart_total, td.cart_discount_price {
			text-align: right;
		}
		
		td.cart_availability, td.cart_ref {
			text-align: center;
		}
		
		td.cart_total .price {
			font-weight: bold;
		}
		
		tr.cart_item td.cart_unit {
			padding-right: 1em;
		}
		
		td.cart_quantity {
			width: 5.5em;
			text-align: right;
		}
		
		td.cart_quantity p, td.cart_quantity a {
			float: left;
			display: inline;
			line-height: 23px;
		}
		
		td.cart_quantity .icon {
			margin-top: 0.6em;
		}
		
		td.cart_quantity a.cart_quantity_up,
		td.cart_quantity a.cart_quantity_down,
		td.cart_quantity a.cart_quantity_delete {
			display: block;
			float: right;
		}
		
		td.cart_quantity a.cart_quantity_up,
		td.cart_quantity a.cart_quantity_down {
			padding-right: 10px;
		}
		
		tr.cart_free_shipping {
			white-space: normal;
		}
		
		#order tfoot p {
			margin: 0;
			float: left;
			width: 85%;
		}
		
		#order tfoot span {
			float: right;
			width: 15%;
			display: block;
		}
		
		tr.cart_total_price {
			font-weight: bold;
		}
		
		form#voucher fieldset {
			border: 1px solid #bdc2c9;
			padding: 0.7em;
		}
		
		form#voucher h4,
		form#voucher p,
		form#voucher .button {
			display: inline;
		}
		
		form#voucher h4 {
			float: left;
			margin-right: 185px;
			margin-bottom: 0px;
			margin-top: 0px;
			font-size: 1.2em;
		}
		
		#order_carrier {
			clear: both;
			margin-top: 1em;
			border: 1px solid #bdc2c9;
			padding: 0.5em;
		}
		
		#order_carrier h4 {
			width: 50%;
			display: inline;
		}
		
		#order_carrier img {
			vertical-align: middle;
		}
		
		#order_carrier span {
			margin: 0 0.2em;
		}
		
		#gift_div {
			display: none;
		}
		
		#gift_div label, #gift_div textarea {
			display: block;
			width: 100%;
			margin: 1em 0;
		}
		
		
/* 1.14 CONTACT-FORM.TPL
------------------------------------------------------------------------------------------------ */

		form input#email,
		form select#id_contact,
		form textarea#message {
			width: 50%;
			font-size: 0.9em;
		}
		
		form.std p.desc_contact span.like_input {
			width: 366px;
			text-align: left;
			font-size: 0.9em;
		}
		
		
/* 1.15 HISTORY.TPL
------------------------------------------------------------------------------------------------ */
		
		#block-history {
			color: #374853;
		}
		
		.color-myaccount {
			color: #dd2a81;
		}
		
		#block-history table#order-list {
			border: none;
		}
		
		#block-history table#order-list thead th {
			background-image: url('../img/block_myaccount_header_large.gif');
		}
		
		#block-history table#order-list thead th {
			color: white;
		}
		
		#block-history table#order-list tbody {
			background: #D0D1D5 url('../img/form_bg.jpg') repeat-x top left;
		}
		
		#block-history table#order-list tbody tr td {
			background-color: white;
		}
		
		#block-history table#order-list td.history_link {
			white-space: nowrap;
			text-align: right;
		}
		
		#block-history #block-order-detail {
			border-top: 2px #dd2a81 solid;
			border-bottom: 2px #dd2a81 solid;
			padding: 0.5em;
			background: #D0D1D5 url('../img/form_bg.jpg') repeat-x top left;
		}
		
		#block-history #block-order-detail p {
			padding-left: 0;
			padding-right: 0;
		}
		
		#order-detail-content {
			clear: both;
			margin-top: 1.5em
		}
		
		#order-detail-content tbody tr {
			height: 3em;
		}
		
		#order-detail-content tfoot td {
			border: none;
		}
		
		#order-detail-content table td input.order_qte_input {
			display: none;
		}
		
		#order-detail-content table td.order_cb input {
			border: none;
		}
		
		#order-detail-content table td span.order_qte_span {
			width: 100%;
			display: block;
		}
		
		#block-history #block-order-detail h4 {
			font-size: 1.4em;
		}
		
		#block-history #block-order-detail #sendOrderMessage p {
			padding: 0 4px 0 1px;
		}
		
		#block-history #block-order-detail textarea {
			margin: 0 auto;
			width: 100%;
		}
		
		#ordermsg textarea {
			margin: 0;
			padding: 0;
			width: 575px;
			font-size: 1.0em;
		}
		
		
/* 1.16 SITEMAP.TPL
------------------------------------------------------------------------------------------------ */
		
		#sitemap_content {
			margin-left: 5em;
		}
		
		div.sitemap_block {
			padding: 0;
			float: left;
			width: 30%;
		}
		
		div.sitemap_block ul {
			text-align: left;
		}
		
		div.sitemap_block h3, .categTree h3 {
			margin-top: 1em;
			margin-bottom: 1em;
		}
		
		div.categTree {
			margin-top: 25px;
			margin-bottom: 1em;
			margin-left: 5em;
		}
		
		
/* 1.17 PRODUCT.TPL
------------------------------------------------------------------------------------------------ */
		
		#primary_block #pb-right-column {
			width: 310px;
			float: left;
		}
		
		#primary_block #image-block {
			border: #d0d1d5 solid 1px;
			height: 300px;
			width: 300px;
		}
		
		#primary_block #image-block img#bigpic { 
			cursor: pointer; 
			height: 300px;
			width: 300px;
		}
		
		#primary_block ul#usefull_link_block {
			list-style-type: none;
			margin-top: 4em;
		}
		
		#primary_block ul#usefull_link_block li {
			margin: 0.5em 1em 0.5em 0;
			display: block;
		}
		
		#primary_block ul#usefull_link_block li a,
		#primary_block ul#usefull_link_block span.span_link,
		#primary_block ul#usefull_link_block span.span_link:hover {
			text-decoration: none;
			color: #76839b;
			background: white url('../img/bullet_alt.jpg') no-repeat top left;
			padding-left: 15px;
			height: 15px;
		}
		
		#primary_block #pb-left-column {
			float: left;
			margin-left: 1.1em;
			width: 273px;
		}
		
		#primary_block #short_description_block {
			background: #e5e6e7 url('../img/product-short-desc-bg.gif') repeat-x top left;
			border: 1px #d0d3d8 solid;
			padding: 0.7em;
			margin-bottom: 1.5em;
		}
		
		#primary_block #color_picker p {
			margin-bottom: 0.4em;
			padding: 0;
		}
		
		#primary_block #color_picker {
			padding: 0.6em 0.7em 0.4em 0.7em;
			background: #e5e6e7 url('../img/product-short-desc-bg.gif') repeat-x top left;
			border: 1px #d0d3d8 solid;
			margin-bottom: 1.5em;
		}
		
		#primary_block #color_to_pick_list li {
			display: inline;
			float: left;
			margin: 0 0.4em 0.4em 0;
		}
		
		#primary_block a.color_pick {
			display: block;
			width: 20px;
			height: 20px;
			border: 1px solid #666;
			cursor: pointer;
		}
		
		#primary_block a.color_pick:hover {
			border: 1px solid #000;
		}
		
		#primary_block a#color_all {
			cursor: pointer;
		}
		
		#primary_block #image-block img#bigpic.jqzoom {
			cursor: crosshair;
			position: relative;
		}
		
		#primary_block p.buttons_bottom_block {
			margin: 0;
		}
		
		#primary_block p.buttons_bottom_block a,
		#primary_block p.buttons_bottom_block input {
			margin: 0.9em auto 0 auto;
		}
		
		#primary_block #short_description_content {
			margin-bottom: 0.5em;
		}
		
		#primary_block #short_description_content p {
			font-size: 1.2em;
		}
		
		#primary_block #short_description_content ul li {
			font-size: 1.2em;
			background: transparent url('../img/bullet.gif') no-repeat 6px 6px;
			margin-left: -13px;
			padding-left: 2em;
			list-style-type: none;
		}
		
		#primary_block form#buy_block {
			background: #f1f2f4 url('../img/product-buy-bg.gif') repeat-x top left;
			padding: 0.7em;
			color: #374853;
			border: 1px #d0d3d8 solid;
		}
		
		#primary_block form#buy_block p {
			padding: 0;
			margin-top: 0;
		}
		
		#primary_block form#buy_block img.on_sale_img {
			float: left;
		}
		
		#primary_block form#buy_block span.on_sale {
			color: #da0f00;
			text-transform: uppercase;
			font-weight: bold;
			float: right;
		}
		
		#primary_block form#buy_block span.discount {
			color: #da0f00;
			text-transform: uppercase;
			font-weight: bold;
			float: right;
		}
		
		#primary_block form#buy_block span.our_price_display {
			float: right;
		}
		
		#primary_block form#buy_block span#availability_label {
			float: left;
			margin-right: 1em;
		}
		
		#primary_block form#buy_block label {
			text-align: right;
		}
		
		#primary_block form#buy_block label,#primary_block form#buy_block select {
			display: block;
			width: 47%;
			float: left;
		}
		
		#primary_block div#attributes p, #quantity_wanted_p {
			clear: left;
			height: 2em;
		}
		
		/* prices */
		#primary_block form#buy_block p.price {
			text-align: right;
			margin-bottom: 10px;
		}
		
		#primary_block form#buy_block span#pretaxe_price {
			text-align: right;
		}
		
		#primary_block form#buy_block p#old_price {
			text-align: right;
			text-decoration: line-through;
		}
		
		#primary_block form#buy_block p#reduction_percent {
			color: #da0f00;
			text-align: right;
			margin-bottom: 10px;
		}
		
		#primary_block form#buy_block p.price-ecotax {
			text-align: right;
		}
		
		/* views block */
		#views_block {
			margin: 0 auto;
			width: 274px;
		}
		
		#thumbs_list {
			overflow: hidden;
			float: left;
			width: 240px;
		}
		
		#thumbs_list ul {
			padding-left: 0;
			list-style-type: none;
			margin-top: 5px;
		}
		
		#thumbs_list li {
			float: left;
			cursor: pointer;
			width: 80px;
			height: 80px;
		}
		
		#view_scroll_left, #view_scroll_right {
			background: url('../img/thumbs_left.gif') no-repeat center;
			text-indent: -3000px;
			width: 9px;
			height: 18px;
			float: left;
			margin-top: 30px;
			padding-right: 4px;
			padding-left: 4px;
		}
		
		#view_scroll_right {
			background-image: url('../img/thumbs_right.gif');
		}
		
		span.view_scroll_spacer {
			float: left;
			width: 17px;
			height: 80px;
		}
		
		/* Customizable product */
		#customization_block {
			width: 556px;
		}
		
		.customization_block_title {
			margin: 4px 4px 4px 2px;
		}
		
		#customization_block ul {
			margin: 6px 6px 0 6px;
		}
		
		.customization_block_input {
			vertical-align: inherit;
		}
		
		img.customization_delete_icon {
			margin: 2px;
		}
		
		li.customizationUploadLine {
			clear: left;
			padding: 4px;
			display: block;
		}
		
		div.customizationUploadBrowse {
			float: left;
		}
		
		div.customizationUploadBrowseDescription {
			padding: 6px;
		}
		
		img.customizationUploaded {
			margin: 2px;
			border: 1px solid #888888;
		}
		
		ul.customizationUploaded {
			list-style-type: none;
			margin-left: 4px;
		}
		
		ul.customizationUploaded li {
			display: inline;
		}
		
		ul.customizationUploaded a {
			text-decoration: none;
		}
		
		div.customizationUploaded {
			clear: left;
		}
		
		div.deletePictureUploaded {
			float: right;
		}
		
		div.deleteCustomizableProduct {
			float: right;
		}
		
		ul.typedText {
			padding-left: 6px;
			list-style-type: none;
		}
		
		#quantityDiscount {
			font-size: 1.2em;
		}
		
		
/* 1.18 MANUFACTURERS-LIST.TPL & SUPPLIERS-LIST.TPL
------------------------------------------------------------------------------------------------ */
		ul#manufacturers_list, ul#suppliers_list {
			margin-top: 2em;
			list-style-type: none;
		}
		
		ul#suppliers_list li, ul#manufacturers_list li {
			background: #d0d3d8 url('../img/block_category_item_bg.jpg') repeat-x;
			border: solid 1px #d0d3d8;
			padding: 0.6em;
			height: auto;
			clear: both;
			margin-bottom: 1.5em;
		}
		
		* html ul#suppliers_list li, * html ul#manufacturers_list li {
			height: auto !important;
			height: 130px;
		}
		
		
		ul#suppliers_list li a, ul#manufacturers_list li a {
			text-decoration: none;
			color: #374853;
		}
		
		ul#suppliers_list li h3, ul#manufacturers_list li h3 {
			margin: 0.4em 0;
		}
		
		ul#suppliers_list .left_side, ul#manufacturers_list .left_side {
			float: left;
			width: 75%;
		}
		
		ul#suppliers_list .logo, ul#manufacturers_list .logo {
			border: solid 1px #d0d3d8;
			float: left;
			margin-right: 0.6em;
		}
		
		ul#suppliers_list li p.description,
		ul#manufacturers_list li p.description {
			font-size: 0.92em;
		}
		
		ul#suppliers_list li .right_side,
		ul#manufacturers_list li .right_side {
			float: right;
			text-align: right;
		}
		
		ul#suppliers_list .right_side span,
		ul#manufacturers_list .right_side span {
			font-size: 1.7em;
			color: #da0f00;
		}
		
		ul#suppliers_list li a.button,
		ul#manufacturers_list li a.button {
			margin-top: 4em;
		}
		
		
/* 1.19 ADDRESSES.TPL
------------------------------------------------------------------------------------------------ */
		
		div.addresses {
			border: 1px solid #d0d3d8;
			background: #D0D1D5 url('../img/form_bg.jpg') repeat-x top left;
			padding: 0.6em;
			position: relative;
			width: 574px;
			margin-top: 10px;
		}
		
		div.addresses ul li.address_update,
		div.addresses ul li.address_delete {
			margin-left: 18px;
		}
		
		div.addresses h3 {
			margin: 0;
		}
		
		div.addresses p.checkbox input {
			margin-top: 0!important;
			margin-top: -3px;
		}
		
		ul.address {
			background-color: white;
			float: left;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			margin-left: 0.25em;
			padding-bottom: 0.6em;
			margin-top: 10px;
			margin-bottom: 1em;
			position: relative;
			width: 282px;
			font-size: 1.2em;
		}
		
		ul.address li {
			padding-left: 1.4em;
			margin-top: 0.6em;
		}
		
		li.address_title {
			margin-top: 0!important;
			background-color: #d0d1d5;
			color: #374853;
			font-weight: bold;
			height: 27px;
			font-size: 1.1em;
			line-height: 1.9em;
		}
		
		ul.item li.address_title {
			background-color: #D1D3D6;
		}
		
		ul.alternate_item li.address_title {
			background-color: #D1D3D6;
		}
		
		li.address_name,
		li.address_update a,
		li.address_delete a {
			color: #dd2a81;
		}
		
		li.address_name,
		li.address_company {
			font-weight: bold;
		}
		
		li.address_update,
		li.address_delete {
			padding-left: 20px;
			background: transparent url('../img/bullet_myaccount.gif') no-repeat 0 0.5em!important;
			background: transparent url('../img/bullet_myaccount.gif') no-repeat 0 0.4em;
		}
		
		.address_select {
			font-size: 1.0em;
		}
		
		#content .address_add {
			padding: 1em 0;
		}
		
		
/* 1.20 CMS.TPL
------------------------------------------------------------------------------------------------ */
		
		/* conditions & legal */
		ul.shop_info {
			list-style-type: square!important;
			list-style-position: inside;
			padding: 0.6em;
			margin-top: 0.6em;
			margin-left: 2em;
			border: 1px solid #888;
		}
		
		ul.shop_info li {
			padding-left: 0.5em!important;
			padding-bottom: 0.5em!important
		}

		/* cms.tpl */
		#content .cms {
			font-size: 1.0em;
			text-align: justify;
		}
		
		#content .cms ul,
		#content .cms ol {
			margin-left: 2em;
			padding: 0.6em;
		}
		
		#content .cms ul {
			list-style-type: circle;
		}
		
		#content .cms li {
			padding-bottom: 0.5em;
			font-size: 1.2em;
		}
		
		#content .cms ol li ol li , #content .cms ol li ol li ul li {
			font-size: 12px;
		}
		
		
/* 1.21 ORDER-PAYMENT.TPL
------------------------------------------------------------------------------------------------ */
		
		.payment_module {
			display: block;
		}
		
		.payment_module img {
			vertical-align: middle;
			margin-right: 1em;
		}
		
		.payment_module a {
			display: block;
			border: 1px solid #595a5e;
			padding: 0.6em;
			text-decoration: none;
		}
		
		.payment_module a:hover, .payment_module a:focus, .payment_module a:active {
			border: 1px solid #488c40;
			background-color: #e5e6e7;
			color: #374853;
		}
		
		
/* 1.22 FILES.TPL
------------------------------------------------------------------------------------------------ */

		iframe#files {
			width:100%;
			height:750px;
			border: 0px solid #ffffff;
			margin:0px;
			position:relative;
		}
		
		
/* 2. FONT CLASS
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	h2 {
		font-size: 1.8em;
		font-weight: bold;
		line-height: 1.5em;
		text-align: left;
		text-transform: uppercase;
		color: #383B3F;
		margin: 0;
		margin-bottom: 30px;
	}
	
	h2.cross-selling {
		font-size: 1.1em;
		line-height: 1.6em;
		padding-top: 2px;
		padding-left: 0.5em;
		margin: 0.5em 0;
		text-transform: uppercase;
		font-weight: bold;
		color: #374853;
		background: transparent url('../img/title_bg.gif') no-repeat top left;
		height: 21px
	}
	
	h3, h3 a {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.5em;
		text-align: left;
		text-decoration: none;
		text-transform: uppercase;
		color: #FFFFFF;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	h3 a:hover {
		text-decoration: underline;
	}
	
	.general h3 {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.5em;
		text-align: left;
		text-transform: uppercase;
		color: #383B3F;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	.editorial_block h3, .addresses h3 {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.5em;
		text-align: left;
		color: #383B3F;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	div #idTab1 p {
		font-size: 1.2em;
	}
	
	div #idTab1 h3 {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.5em;
		text-align: left;
		color: #383B3F;
		margin: 0;
	}
	
	div #idTab1 ul li {
		font-size: 1.2em;
		background: transparent url('../img/bullet.gif') no-repeat 6px 6px;
		margin-left: -13px;
		padding-left: 2em;
		list-style-type: none;
	}

	
/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	#container {
		width: 956px;
		margin: 0px auto;
		padding: 0;
		text-align: left;
		display: block;
	}
	
	
/* 3.1 HEADER
------------------------------------------------------------------------------------------------ */
		
		#header {
			text-align: left;
			color: #FFFFFF;
			background-color: #FFFFFF;
			width: 956px;
			height: 168px;
			margin: 30px 0 12px 0;
		}
		
		#breadcrumb {
			font-size: 1.4em;
			color: #FC6510;
			float: left;
			width: 942px; /* for IE6: 956px */
			height: 16px; /* for IE6: 30px */
			padding: 7px;
		}
		
		#header-menus li {
			list-style: none;
			display: inline;
		}
		
		#header-menus li a {
			text-align: right;
			text-decoration: none;
			color: #85BC00;
			padding: 0 20px 0 0;
			margin-left: 0px;
		}
		
		#header-menus li a:hover {
			color: #1F1F1F;
		}
		
		#header-content {
			text-align: left;
			font-size: 1.4em;
			color: #FFFFFF;
			background-color: #85BC00;
			float: left;
			width: 956px;
			height: 106px;
		}
		
		#logo {
			text-align: left;
			background-color: #85BC00;
			float: left;
			width: 330px; /* for IE6: 260px */
			height: 73px; /* for IE6: 106px */
			padding: 23px 0 0 10px;
		}
		
		#header-menu {
			text-align: left;
			background-color: #85BC00;
			float: left;
			width: 616px;
			height: 126px;
		}
		
		#header-site-nav {
			text-align: right;
			color: #FFFFFF;
			float: left;
			width: 606px;
			height: 30px;
			margin-bottom: 20px;
		}
		
		#header-site-nav ul {
			float: right;
			margin: 10px -20px 0 0;
		}
		
		#site-menus li {
			list-style: none;
			display: inline;
		}
		
		#site-menus li a {
			text-align: right;
			text-decoration: none;
			color: #FFF;
			padding: 0 20px 0 0;
			margin-left: 0px;
		}
		
		#site-menus li a:hover {
			color: #1F1F1F;
		}
		
		#search {
			text-align: right;
			color: #FFFFFF;
			float: left;
			width: 606px;
			height: 56px;
		}
		
		#navigation {
			text-align: left;
			font-size: 1.2em;
			color: #FFFFFF;
			background-color: #1F1F1F;
			float: left;
			width: 956px;
			height: 31px;
		}
		
		#navigation ul {
			float: left;
			margin: 5px 0 0 0;
		}
		
		#menus li {
			list-style: none;
			display: inline;
		}
		
		#menus li a {
			text-align: right;
			text-decoration: none;
			color: #FFF;
			padding: 0 20px 0 0;
			margin-left: 0px;
			float: left;
			display: block;
			z-index: 1;
		}
		
		#menus li a:hover {
			color: #336600;
		}
		
		#menus li.current_page_item a,
		#menus li.current-cat a {
			font-weight: normal;
			color: #983805;
		}
		
		
/* 3.2 MAIN BANNER
------------------------------------------------------------------------------------------------ */

		#main-banner, #slider {
			text-align: left;
			background-color: #FFFFFF;
			margin: 0 0 12px 0;
			float: left;
			width: 956px;
			height: 245px;
		}
		
		#slider img {
			position:absolute;
			top:0px;
			left:0px;
			display:none;
		}
		
		#slider a {
			border:0;
		}
		
		
/* 3.3 BANNER LINK
------------------------------------------------------------------------------------------------ */

		#banner-link {
			text-align: left;
			background-color: transparent;
			margin: 0 0 12px 0;
			float: left;
			width: 956px;
			height: 115px;
		}
		
		.scrollable  .separator,
		.scrollable  .separator		{
			margin: 0 6px 0 0;
		}
		
		.scrollable  {
			text-align: left;
			background-color: transparent;
			margin: 0 0 12px 0;
			float: left;
			width: 956px;
			height: 60px;
			position: relative;
			overflow: hidden;
		}
		
		.scrollable .items {
			/* this cannot be too large */
			width: 20000em;
			position: absolute;
			clear: both;
		}
		
		.items div {
			float: left;
			width: 956px;
		}
		
		
/* 3.4 CONTENT CONTAINER
------------------------------------------------------------------------------------------------ */

		#content-container {
			text-align: left;
			background-color: white;
			margin: 0 0 12px 0;
			float: left;
			width: 956px;
			height: auto;
		}
		
		
/* 3.4.1 SIDEBAR
------------------------------------------------------------------------------------------------ */
		
			#sidebar {
				text-align: left;
				padding: 20px 0 12px 20px;
				float: left;
				width: 292px;
				height: auto;
			}
			
			#sidebar .menu-header{
				font-size: 1.2em;
				text-align: left;
				color: #FFFFFF;
				background: #85BC00 url('../img/menu-header.png') top repeat-x;
				margin: 0 0 0 0;
				padding: 10px 20px 0 20px;
				float: left;
				width: 252px; /* for IE6: 312px */
				height: 27px; /* for IE6: 37px */
			}
		
			#sidebar .content {
				font-size: 1.2em;
				text-align: left;
				color: #373C40;
				background-color: #FFFFFF;
				margin: 0 0 12px 0;
				padding: 20px 20px 20px 20px;
				float: left;
				width: 250px; /* for IE6: 312px */
				border: 1px solid #DDDDDD;
			}
			
			
/* 3.4.2 CONTENT
------------------------------------------------------------------------------------------------ */

			#content {
				text-align: left;
				background-color: #FFFFFF;
				margin: 0 0 0 0;
				padding: 20px 20px 20px 20px;
				float: left;
				width: 594px; /* for IE6: 634px */
				height: auto;
			}
			
			#content p {
				font-size: 1.2em;
			}
			
			#content-account {
				font-size: 12px;
				text-align: left;
				background-color: #FFFFFF;
				margin: 0 0 0 0;
				width: 594px; /* for IE6: 634px */
				height: auto;
			}
			
			#content-account ul li {
				list-style: none;
			}
			
			
/* 3.5 FOOTER
------------------------------------------------------------------------------------------------ */

		#footer {
			font-size: 1.2em;
			text-align: left;
			color: #636363;
			background-color: transparent;
			margin: 0 0 0 0;
			float: left;
			width: 956px;
			height: auto;
			border-top: 3px solid #787878;
		}
		
		#footer ul {
			float: left;
			margin: 5px 0 10px 0px;
		}
		
		#footer-menus li {
			list-style: none;
			display: inline;
		}
		
		#footer-menus li a {
			text-align: left;
			text-decoration: none;
			color: #636363;
			padding: 0 20px 0 0;
			margin-left: 0px;
		}
		
		#footer-menus li a:hover {
			color: #85BC00;
		}
		
		#footer-menus li.current_page_item a,
		#footer-menus li.current-cat a {
			font-weight: normal;
			color: #fd670b;
		}

		
/* 4. MODULES
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	
/* 4.1 BLOCK CART
------------------------------------------------------------------------------------------------ */

		#sidebar .cart #cart_block_no_products {
			margin: 0.5em 0;
		}
		
		#sidebar .cart dl dt a,
		#sidebar .cart dl dt span.quantity-formated {
			float: left;
		}
		
		#sidebar .cart dt {
			padding-top: 0.4em;
		}
		
		#sidebar .cart dl span.quantity-formated {
			padding-right: 1px;
		}
		
		#sidebar .cart dt, #sidebar .cart dd {
			clear: both;
			margin-top: 0.2em;
		}
		
		#sidebar .cart dt { 
			width: 250px;
			text-align: right;
		}
		
		#sidebar .cart dd {
			width: 250px;
		}
		
		#sidebar .cart dl dt a {
			font-weight: bold;
		}
		
		.cart_block_product_name {
			text-decoration: none;
			color: #56585B;
		}

		.cart_block_product_name:hover {
			text-decoration: underline;
			color: #56585B;
		}

		#sidebar .cart a.ajax_cart_block_remove_link {
			width: 11px;
			height: 13px;
			margin-left: 6px;
			float: right;
			font-size: 0;
			display: block;
			background: transparent url('../img/icon/delete.gif') no-repeat left bottom;
		}
		
		#sidebar .cart a.ajax_cart_block_remove_link:hover {
			text-decoration: none;
		}
		
		#sidebar .cart p {
			clear: both;
		}
		
		#sidebar .cart p span {
			clear: right;
			float: left;
			text-align: right;
		}
		
		#sidebar .cart li {
			clear: both;
		}
		
		#sidebar .cart span.price {
			font-weight: bold;
			color: #56585B;
			float: right;
		}

		#sidebar .cart span.price a {
			text-decoration: none;
			color: #56585B;
		}

		#sidebar .cart span.price a:hover {
			text-decoration: underline;
			color: #56585B;
		}

		#cart_block_wrapping_cost,
		#cart_block_shipping_cost,
		#cart_block_total {
			padding-right: 0;
			font-size: 1.0em;
		}
		
		#sidebar .cart table#vouchers {
			margin-top: 0.5em;
			border-top: 1px solid white;
			height: 3em;
			padding-top: 0.4em;
			margin-bottom: 0.5em;
			clear: both;
		}
		
		#sidebar .cart p#cart-prices {
			clear: both;
			margin-top: 8px;
			margin-bottom: 0.5em;
			padding-top: 0.4em;
			height: 3em;
			border-top: 1px solid white;
		}
		
		#sidebar .cart table#vouchers td {
			padding: 0;
			border: 0;
			height: 1.5em;
		}
		
		#sidebar .cart table#vouchers td.price {
			color: white;
			font-size: 1em;
			font-weight: normal;
			width: 37%;
			text-align: right;
		}
		
		#sidebar .cart table#vouchers td.delete {
			width: 9%;
			text-align: right;
		}
		
		#sidebar .cart table#vouchers td.delete img {
			margin: 0;
		}
		
		#sidebar .cart p#cart-buttons {
			height: 1.6em;
			margin: 0 -0.3em;
		}
		
		#sidebar .cart p#cart-buttons a {
			float: left;
		}
		
		#sidebar .cart p#cart-buttons a#button_order_cart {
			float: right;
		}
		
		#sidebar .cart .cart_block_customizations {
			margin-left: 6px;
			list-style-type: square;
		}
		
		#sidebar .cart #cart-price-precisions {
			margin-top: 0.5em;
			padding-top: 0.4em;
			border-top: 1px solid white;
			font-size: 0.9em;
			height: 2em;
		}
		
		#sidebar .cart .block_content{
			font-size: 1.2em;
			padding: 20px;
			padding-top: 40px;
			margin-bottom: 12px;
			border: 1px solid #C9C9C9;
		}
		

/* 4.2 BLOCK SEARCH
------------------------------------------------------------------------------------------------ */

		#search #search_block_top {
			float: right;
			width: 336px;
			height: 28px;
		}
		
		#search #search_block_top input#search_query {
			width: 12em;
			border: none;
			border-top: 1px solid #FFFFFF;
			padding: 2px;
			color: #383B3F;
		}
		
		#search #search_block_top #searchbox input.button {
			background: none;
			background-color: #C9D2E0;
			border: none;
			color: #383B3F!important;
			font-weight: bold;
			font-size: 10px!important;
			text-align: center;
			text-decoration: none!important;
			cursor: pointer;
			display: inline;
			padding: 2px;
			height: 21px;
			width: 60px;
		}
		
		
/* 4.3 BLOCK EDITORIAL
------------------------------------------------------------------------------------------------ */

		.editorial_block {
			margin-bottom: 2em;
		}
		
		.editorial_block .rte {
			background: transparent none repeat scroll 0 0;
		}
		
		.editorial_block p {
			padding-top: 0.4em;
		}
		
		#editorial_block_center p {
			padding-left: 0;
		}
		
		
/* 4.4 PRODUCTS CATEGORY
------------------------------------------------------------------------------------------------ */
		
		#productscategory {
			margin: 2em auto 0;
			height: 120px;
			width: 100%;
		}
		
		#productscategory_noscroll {
			margin: 2em auto 0;
			height: 120px;
			width: 100%;
		}
		
		#productscategory_list {
			overflow: hidden;
			float: left;
			width: 91%;
			margin-left: 15px;
			margin-right: 15px;
			font-size: 1.2em;
		}
		
		#productscategory_list ul {
			padding-left: 0;
			list-style-type: none;
		}
		
		#productscategory_list li {
			float: left;
			margin: 0 3px;
			cursor: pointer;
			text-align: center;
			width: 100px;
			overflow: hidden;
		}
		
		#productscategory_scroll_left,
		#productscategory_scroll_right {
			background: url('../img/thumbs_left.gif') no-repeat center;
			text-indent: -3000px;
			display: block;
			width: 9px;
			height: 18px;
			float: left;
			margin-top: 30px;
		}
		
		#productscategory_scroll_right {
			background-image: url('../img/thumbs_right.gif');
		}
		
		
/* 4.5 CROSS SELLING
------------------------------------------------------------------------------------------------ */
		
		#crossselling {
			margin: 0 auto 0;
			height: 120px;
			width: 100%;
		}
		
		#crossselling_noscroll {
			margin: 0 auto 0;
			height: 120px;
			width: 100%;
		}
		
		#crossselling_list {
			overflow: hidden;
			float: left;
			width: 91%;
			margin-left: 15px;
			margin-right: 15px;
			font-size: 1.2em;
		}
		
		#crossselling_list ul {
			padding-left: 0;
			list-style-type: none;
		}
		
		#crossselling_list li {
			float: left;
			margin: 0 3px;
			cursor: pointer;
			text-align: center;
			width: 100px;
			overflow: hidden;
		}
		
		#crossselling_scroll_left,
		#crossselling_scroll_right {
			background: url('../img/thumbs_left.gif') no-repeat center;
			text-indent: -3000px;
			display: block;
			width: 9px;
			height: 18px;
			float: left;
			margin-top: 30px;
		}
		
		#crossselling_scroll_right {
			background-image: url('../img/thumbs_right.gif');
		}
		
		
/* 4.6 BLOCK CATEGORIES
------------------------------------------------------------------------------------------------ */

		/* Block categories */
		.top-menu { 
			/*  ICI LA MISE EN FORME DU FOND DE VOTRE MENU */
			width: 956px;
			display: block;
		}
 
		/* style du menu par defaut */
		#menu{
			font-size:11px;
			padding: 1px 0 0 9px;
			text-transform: uppercase;
		}
 
		div#menu a { 
			text-transform:uppercase; 
			font-weight:bold; 
		}
 
		div#menu ul {
			padding: 0;
			margin:0px;
		}
 
		/* style niveau principal */
		div#menu ul.niveau1 > li, div#menu ul.niveau1 > li:hover {
			background: transparent; 
			border-bottom: none; 
			width: auto;
		}
 
		div#menu ul.niveau1 > li > a {
			/* ICI LA MISE EN FORME DU MENU DE BASE */
			padding:5px 10px 6px 5px; 
			color:#fff; 
			width: auto;
			font-weight: bold;
		}
 
		div#menu ul.niveau1 > li.last > a {
			/* ICI LA MISE EN FORME DU DERNIER ELEMENT DU MENU DE BASE (si besoin) */
		}
 
		div#menu ul.niveau1 > li > a:hover, div#menu ul.niveau1 > li:hover > a {
			color: #FF6600;
			background: #1F1F1F;
		}
 
		div#menu li {
			background:#1F1F1F;
			line-height: 18px; 
			color: #336600;
		}
		
		div#menu li a {
			color:#FF6600;
			display:block;
			padding:5px 8px;      /* PADDING (ESPACE) AUTOUR DES ELEMENTS DE MENU */
			text-decoration:none;
			text-align: left;
			width:180px;           /* LARGEUR DES ELEMENTS DE MENU HORS PADDING */
			font-weight: normal;
		}
 
		div#menu li:hover {
			background: #1F1F1F;
		}
		
		div #menu li:hover a {
			color: white;
		}
		
		div #menu li a:hover {
			color: #FF6600;
		}
		
		div #menu li.sousmenu:hover > a {
			color: #fff;
		}
 
		div#menu ul li {
			position:relative;
			z-index: 998;
			list-style: none;
			float:left;
		}
		
		div#menu ul li.last {
			float: left;
		}
 
		div#menu ul ul {
			display:none;
			position:absolute;
			width:166px; /* DIMENSION = LARGEUR DES ELEMENTS DE MENU + PADDING LEFT + PADDING RIGHT */
			z-index:999;
		}
 
		div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
			display:block;
		}
		
		div#menu ul.niveau3 {
			top:4px; 
			left: 166px; /* DOIT ETRE EGALE A LA DIMENSION DE div#menu ul ul */ 
			z-index:999 !important;
		}
 
		/* rajout de couleur de fond et de survol */
		div#menu ul.niveau3 li {
			background: #1f1f1f;
			color: #336600;
		}
		
		div#menu ul.niveau3 li:hover {
			background: #336600;
			color: #fff;
		}
		

/* 5. USEFUL
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.hidden, .collapsed, .block_hidden_only_for_screen {
		display: none;
	}
	
	.deleteCustomizableProduct {
		float: right;
	}
	
	.align_center {
		text-align: center;
	}
	
	.align_right {
		text-align: right;
	}
	
	.middle {
		vertical-align: middle;
	}
	
	.align_justify {
		text-align: justify;
	}
	
	.uppercase {
		text-transform: uppercase;
	}
	
	.wrap {
		white-space: normal;
	}
	
	.bold {
		font-weight: bold;
	}
	
	.strike {
		text-decoration: line-through;
	}
	
	.italic {
		font-style: italic;
	}
	
	.top {
		vertical-align: top;
	}
	
	.span_link {
		cursor: pointer;
	}
	
	.span_link:hover {
		text-decoration: underline;
	}
	
	.clear {
		clear: both;
	}
	
	br.clear {
		clear: both;
		line-height: 0;
		font-size: 0;
		height: 0;
	}
	
	noscript ul {
		list-style-type: none;
		background: black;
		color: white;
		padding: 10px;
		border: 1px solid gray;
	}
	
	.clearfix:after { 
		clear: both; 
		display: block; 
		height: 0; 
		font-size: 0; 
		visibility: hidden; 
		content: "."; 
	}
	
	* html .clearfix {
		zoom: 1;
	}
	
	*:first-child+html .clearfix {
		zoom: 1;
	}
	
	#message_box { 
		font-size: 12px;
		position: absolute; 
		top: 0;
		left: 0; 
		z-index: 9999999; 
		background: #ffc;
		padding: 5px;
		border: 1px solid #CCCCCC;
		text-align: center; 
		font-weight: bold; 
		width: 99%;
	}
	
	
/* 6. GLOBAL BUTTONS
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	input.button_mini, input.button_small, input.button_small_orange, input.button, input.button_large,
	input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
	input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
	input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
	a.button_mini, a.button_small, a.button_small_orange, a.button, a.button_large,
	a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
	span.button_mini, span.button_small, span.button, span.button_large,
	span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
		background-repeat: no-repeat;
		background-position: top left;
		border: none;
		color: black!important;
		font-weight: bold;
		font-size: 10px!important;
		text-align: center;
		text-decoration: none!important;
		cursor: pointer;
		display: block;
		line-height: 18px;
		height: 18px;
	}
	
	
/* 6.1 INPUT BUTTON
------------------------------------------------------------------------------------------------ */

		input.button_mini, input.button_small, input.button_small_orange, input.button, input.button_large,
		input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
		input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
		input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {
			padding-bottom: 2px;
		}

		
/* 6.2 DISABLED BUTTON
------------------------------------------------------------------------------------------------ */

		input.button_mini_disabled, input.button_small_disabled, input.button_small_orange_disabled, input.button_disabled, input.button_large_disabled,
		input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
		span.button_mini, span.button_small, span.button_small_orange, span.button, span.button_large,
		span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
			background-position: left -36px;
			cursor: default;
			color: #888!important
		}
		
		
/* 6.3 EXCLUSIVE BUTTON
------------------------------------------------------------------------------------------------ */

		input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
		input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
		a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
		span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
			color: white!important
		}
		
		input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
		span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
			color: #488c40!important
		}
		
		input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
			color: white!important
		}
		
		input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {
			background-image: url('../img/button-medium_exclusive.gif');
			width: 120px;
		}
		
		input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini {
			background-image: url('../img/button-mini_exclusive.gif');
			width: 30px;
		}
		
		input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small {
			background-image: url('../img/button-small_exclusive.gif');
			width: 60px;
		}
		
		input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large {
			background-image: url('../img/button-large_exclusive.gif');
			width: 180px;
			margin: 0;
		}
		
		
/* 6.4 HOVER BUTTON
------------------------------------------------------------------------------------------------ */

		input.button_mini:hover, input.button_small:hover, input.button_small_orange:hover input.button:hover, input.button_large:hover,
		input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
		a.button_mini:hover, a.button_small:hover, a.button_small_orange:hover, a.button:hover, a.button_large:hover,
		a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
			background-position: left -18px;
		}
		
		
/* 6.5 CLASSIC BUTTON
------------------------------------------------------------------------------------------------ */

		input.button_mini, input.button_mini_disabled, a.button_mini, span.button_mini {
			width: 30px;
			background-image: url('../img/button-mini.gif');
		}
		
		input.button_small, input.button_small_disabled, a.button_small, span.button_small {
			width: 60px;
			background-image: url('../img/button-small.gif');
		}
		
		input.button_small_orange, input.button_small_orange_disabled, a.button_small_orange, span.button_small_orange {
			width: 60px;
			background-image: url('../img/button-small_orange.gif');
		}
		
		input.button, input.button_disabled, a.button, span.button {
			width: 120px;
			background-image: url('../img/button-medium.gif');
		}
		
		input.button_large, input.button_large_disabled, a.button_large, span.button_large {
			width: 180px;
			background-image: url('../img/button-large.gif');
		}