body {
	margin: 0;
	padding: 0;
}

/* fonts */
body {
	/*line-height: 125%;*/
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #444;
}

/* size attributes */
body.f-smaller {
	font-size: 10px;
}
body.f-default {
	font-size: 11px;
}
body.f-larger {
	font-size: 13px;
}

#nav a {
	font-size: 100%;/*110*/
}

div.moduletable h3 {
	font-size: 100%;
	color: #222;
}
#mainbody td.mainbody h1,
.contentheading,
componentheading {
	font-size: 130%;
	color: #222;
}
#mainbody td.mainbody h2 {
	font-size: 100%;
}

.tiny {
	font-size: 90%;
}
input,
select,
textarea {
	font-size: 100%;
}
div#boxcat {
	font-size: 90%;
}
#list_prod h2,
#list_prod .details3 div {
	font-size: 100%;
}
#list_prod h3,
.line_listing h3 {
	font-size: 90%;
}
#list_prod p {
	font-size: 90%;
}
div#cart {
	font-size: 90%;
}

/* width stuff */
.w-wide div.wrapper {
	width: 778px;/*778*/
}
.w-thin div.wrapper {
	width: 750px;
}
.w-fluid div.wrapper {
	margin: 0 20px;
}

/* font family */
#mainbody td.mainbody h1,
#mainbody td.mainbody h2,
/*h3,*/
.contentheading,
#nav
/*.componentheading,*/
/*.sectiontableheader,*/
/*span.pathway,*/
/*.small,*/
/*.createdate,*/
/*.modifydate*/ {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a:link,
a:visited,
a:hover {
	text-decoration: none;
}

div#boxcat {
	font-family: bold tahoma, verdana, arial, sans-serif;
}
#list_prod h2,
#list_prod h3 {
	font-family: tahoma, verdana, arial, sans-serif;
	font-weight: bold;
}
#list_prod .price,
#list_prod .details3 div
{
	font-weight: bold;
}
input,
select,
textarea {
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

div#cart,
#list_prod .details3 div {
	font-family: tahoma, verdana, arial, sans-serif;
}

/* template layout */
#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
}
#mainbody {
	background: #ccc url(../images/body-bg.png) repeat-x;
}
#mainbody-2 {
	background: transparent url(../images/body-shadow-br.png) 100% 0 repeat-y;
}
#mainbody-3 {
	background: transparent url(../images/body-shadow-bl.png) 0 0 repeat-y;
}
#mainbody-4 {
	background: transparent url(../images/body-shadow-tr.png) 100% 0 no-repeat;
}
#mainbody-5 {
	background: transparent url(../images/body-shadow-tl.png) 0 0 no-repeat;
	padding: 0 15px;
}

#header {
	height: 90px;/*112*/
	overflow: hidden;
}

.font-selector,
.width-selector {
	display: block;
	position: absolute;
	top: 0;
	width: 12px;
	height: 6px;
}
#access #buttons {
	float: right;
}
#access .button {
	display: block;
	float: right;
	width: 20px;
	height: 12px;
	margin: 0 5px;	
	background-repeat: no-repeat
}
#header div.cart {
	position: absolute;
	display: block;
	float: right;
	right: 5px;
	top: 61px;
}
#logo {
	position: absolute;
	top: 18px;/*13/35*/
	left: 20px;
	width: 287px;
	height: 57px;
}

#toolbar {
	height: 31px;
}

#showcase {
	border-bottom: 1px solid #B8B8B8;
	border-top: 1px solid #B8B8B8;
	background: #ccc url(../images/showcase-bg.png) repeat-x;
	color: #444;
}
#mainbody-padding {
	background: #fff;
	padding: 5px 10px;

/*JC*/
	padding-left: 0;
}
#mainbody-padding-popup {
	background: #fff;
	padding: 5px 10px;
}
#footer {
	padding-top: 10px;
}
#the-footer {
	text-align: center;
	margin: 5px 0;
}

div.wrapper {
	margin: auto;
	position: relative;
}

.clr {
	clear: both;
}


#showcase ul,
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#showcase li,
#footer li {
	border-bottom: 1px dotted #999;
	padding-bottom: 0;
	margin-bottom: 2px;
}
#showcase .padding,
#footer .padding {
	padding: 5px 5px;
}
#showcase .padding {/*JC*/
	padding-top: 0;
	padding-bottom: 0;
}

table.showcase,
table.mainbody,
table.headlines,
table.footer {
	width: 100%;
	padding: 0;
}
table.headlines {
	margin-top: -5px;
}
table.showcase tr,
table.mainbody tr,
table.headlines tr,
table.footer tr {
	vertical-align: top;
}
table.showcase td.showcase,
table.footer td.footer,
table.headlines td {
	width: 33%;
}
table.footer td.footer-middle {
	width: 43%;
}
table.footer td.footer-right {
	width: 23%;
}
table.showcase td.showcase,
table.footer td.footer,
/*table.mainbody td.left,JC*/
table.mainbody td.right,
table.headlines td {
	padding: 0 10px;
}

/*JC*/
table.mainbody td.left {
	padding: 0 10px 0 0;
}



table.mainbody td.mainbody {
	padding: 0;
}
table.mainbody td.left,
table.mainbody td.right {
/*	width: 18%;*/

/*JC*/
	width: 20%;
}
table.mainbody td.left {
	border-right: 1px solid #e6e6e6;
}
table.mainbody td.right {
	border-left: 1px solid #e6e6e6;
}
table.headlines td {
	border: 1px solid #e6e6e6;
}
#mainbody td.mainbody .padding {
	padding: 0 15px;
/*JC*/
	padding-right: 5px;
}


/* splitmenu */
#nav {
/*	margin: 0 0 0 20px;*/
	margin: 0;
	padding: 0;
	height: 31px;
	overflow: hidden;
}
#nav ul {
	padding: 0;
	margin: 0;
	margin-left: 2px;
}
#nav li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
#nav a {
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}
/*
#nav li.on li.on a {
	text-decoration: underline;
}
*/
#nav li a {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	padding: 0 15px;
}
#nav div.cart {
	float: right;
	padding: 5px 5px 0 0;
}
#nav div.cart a {
	color: #FFF;
}

/* module settings */
div.moduletable h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 0;
}
div.moduletable {
	margin-bottom: 10px;
}
div#showcase div.moduletable {/*JC*/
	margin-top: 10px;
	margin-bottom: 5px;
}
div#footer div.moduletable {/*JC*/
	margin-bottom: 5px;
}

td.left div.moduletable,
td.right div.moduletable  {
	margin-bottom: 15px;
}
div.moduletable ul {
	margin: 5px 0;
	padding: 0 2em;
}
div.moduletable ul li {
	padding-bottom: 3px;
}


/* headings */
h1, h2, h3, h4 {/*module h3???*/
	padding-bottom: 5px;
}


/* custom stuff */
img {
	border: 0;
}
table {
	border: 0;
	padding: 0;
}
p {
	margin-top: 0;
	margin-bottom: 5px;
}

table.mainbody td.left ul {
	list-style: none;
	margin: 15px 0 10px 5px;
	padding: 0;
}


.hide {
	display: none;
}

fieldset {
	border: 0;
	padding: 5px 0;
}
form {
	border: 0;
	margin: 0;
	padding: 0;
}
input {
	border: 1px #444 solid;
	margin: 0;
	padding: 0;
}
input[type=submit], input[type=button] {
	background-color: #eee;
	text-transform: uppercase;
	color: #444;
	padding: 0 5px;
}
input[type=submit]:hover, input[type=button]:hover {
	background-color: #ccc;
	border-color: #000;
	color: #000;
}
input[type=radio], input[type=checkbox] {
	border: 0;
}
select {
	border: 1px #444 solid;
}
textarea {
	border: 1px #444 solid;
}
a.input {
	background-color: #eee;
	text-transform: uppercase;
	border: 1px #444 solid;
	color: #444;
	padding: 1px 8px;
}
a.input:hover {
	background-color: #ccc;
	border-color: #000;
	color: #000;
}


div#boxcat ul {
	margin: 0;
	padding: 0;
}
div#boxcat ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
div#boxcat ul li a {
	display: block;
	margin: 1px 0 0 0;
/*	padding: 2px 0 3px 5px;*/
/*	background-color: #EDEDED;*/
/*	color: #333;*/
	text-decoration: none;
	padding: 2px 3px 3px 5px;
	border-left: 4px solid #FFF;
	background-color: #DDD;
	color: #444;
}
div#boxcat ul li a:hover {
	border-left-color: #CCC;
	background-color: #EDEDED;
	color: #333;
}
div#boxcat ul li.main a {
	border-left: 0;
	background-color: #CCC;
	font-weight: bold;
	text-transform: uppercase;
}
div#boxcat ul li.main a:hover {
	color: #333;
}
div#boxcat ul li.on a {
	border-left-color: #CCC;
	background-color: #EDEDED;
}
div#boxcat ul li.on a:hover {
	text-decoration: underline;
}


.block {
	border: 1px solid #6699CC;
	padding: 4px;
}
.block h2 {
	font-weight: bold;
	color: #196AB0;
	margin: 0;
	padding: 0;
}
.block span {
	float: right;
	padding: 2px;
/*	text-transform: uppercase;*/
}
.block p,
#list_prod p {
	margin-bottom: 0;
}
.stock_alert {
	color: #FF0000;
}

div#alert {
	padding: 2px;
}
div#alert.error, div#alert.warning {
	background-color: #FF9999;
}
div#alert.success {
	background-color: #99FF00;
}

div.display_count {
	float: left;
}
div.display_links {
	float: right;
}

#list_prod {
	float: left;
	width: 100%;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 2px 0;
}
#list_prod .line {
	float: left;
	width: 100%;
}
/*
#list_prod .img {
	float: left;
	width: 80px;
}
*/
#list_prod .info {
	float: left;
	width: 100%;/*525*/
	border-top: 1px dotted #B5B5B5;
	padding: 3px 0;
}
#list_prod .infotop {
	float: left;
	width: 100%;/*525*/
	padding: 3px 0;
}
#list_prod .name {
	float: left;
	width: 81.5%;/*69.5*/
}

#list_prod .details2 {
	float: left;
	width: 9%;
}
/*
#list_prod .details3 {
	float: left;
	width: 12%;
}
*/
#list_prod .details3 div {
padding-top: 11px;
	background: url(../images/reduction.gif) center center no-repeat;
	color: #FFF;
	min-width: 35px;
	min-height: 25px;
text-align: center;
}


#list_prod .details {
	float: left;
	width: 18%;
	text-align: right;
}
#list_prod h2,
.line_listing h2 {
	color: #196AB0;
	padding: 0;
	margin: 0;
}
#list_prod h3,
.line_listing h3 {
	padding: 0;
	margin: 0;
}
#list_prod .stock {
	float: left;
	margin-bottom: 5px;
}
#list_prod .price {
	float: left;
	width: 50%;
}
#list_prod .cart {
	float: right;
	width: 49.9%;
}

/*Panier Checkout Order*/
div.line_heading {
	float: left;
	width: 100%;
	background-color: #6699CC;
	border-bottom: 1px solid #000;
	padding: 3px 0;
	color: #FFF;

	font-weight: bold;
}
div.line_listing {
	float: left;
	width: 100%;
	padding: 2px 0;
	border-bottom: 1px dashed #000;
}
div.line_heading div,
div.line_listing div {
	float: left;
}

div.line_heading div.qty,
div.line_listing div.qty {
	width: 7%;
	text-align: center;
}
div.line_heading div.qty2,
div.line_listing div.qty2 {
	width: 4%;
	text-align: center;
}
div.line_heading div.products,
div.line_listing div.products {
	width: 58%;
}
div.line_heading div.products2,
div.line_listing div.products2 {
	width: 61%;
}
div.line_heading div.stock,
div.line_listing div.stock {
	width: 7%;
	text-align: center;
}
div.line_heading div.price_unit,
div.line_listing div.price_unit {
	width: 13%;
	text-align: right;
}
div.line_heading div.price_total,
div.line_listing div.price_total {
	width: 15%;
	text-align: right;
}
div.line_listing div.qty {
	padding-top: 6px;
	text-align: left;
}
div.line_listing div.qty2 {
	text-align: right;
}
div.line_listing div.qty div.qty_basket {
	width: 35%;
}
div.line_listing div.qty div.qty_form {
	width: 65%;
}
div.line_listing div.price_unit,
div.line_listing div.price_total,
div.line_listing div.stock {
	padding-top: 6px;
}

div.order_date {
	width: 13%;
	text-align: center;
}
div.order_number {
	width: 18%;
	text-align: center;
}
div.order_total {
	width: 15%;
	text-align: right;
}
div.order_payment {
	width: 29%;
	text-align: center;
}
div.order_status {
	width: 25%;
	text-align: center;
}
div.order_comment {
	width: 62%;
}

div#cart_total {
	float: right;
	width: 45%;
}
div#cart_total div.line {
	float: left;
	width: 100%;
	border-bottom: 1px dashed #000;
	padding: 5px 0;
	font-weight: bold;
}
div#cart_total div.line div.title,
div#cart_total div.line div.text {
	float: left;
	width: 49.9%;
}
div#cart_total div.line div.text {
	text-align: right;
}

div#cart_bottom_left {
	float: left;
	width: 50%;
	margin-top: 5px;
}
div#cart_bottom_left span {
	float: left;
	padding: 2px 0;
}


div#cart_checkout {
	text-align: right;
	margin-bottom: 2px;
}

table.footer td.footer-right div.moduletable div.stickers {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 10px 10px;
}

a.top_page {
	float: right;
}

td.error {
	color: #FF0000;
}

span.home-4 {
	font-size: 200%;
	color: #FFF;
	font-family: arial, tahoma, verdana, sans-serif;
}
ul.home-4 {
	margin: 0;
	margin-left: 20px;
	padding: 0;
}
ul.home-4 li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
ul.home-4 li a, ul.home-2 li a {
	text-decoration: none;
	color: #FFF;
}
ul.home-4 li a:hover, ul.home-2 li a:hover {
	text-decoration: underline;
}
ul.home-2 {
margin:0;
margin-left: 10px;
padding:0;
}
ul.home-2 li {
	list-style: none;
	margin: 0;
	padding: 0;
}