/*
RESET */
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,
dd, dl, dt, li, ul, ol,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.3em;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
	font-weight:bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, li {
	list-style:none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* HTML TAGS
---------------------------- */
html, body {height:101%;}
body {background:#fff url(../img/bg.jpg) top center repeat-x; font:normal normal .75em Verdana, Geneva, sans-serif; color:#4E4E4E;}

h1 {background:url(../img/behind-h1.gif) top center no-repeat; width:251px; height:56px; display:block; text-align:center; padding-top:15px; font-weight:bold;}
h2 {font-size:1.4em; font-weight:bold;}
h3 {font-size:1.2em; font-weight:bold;}

strong {font-weight:bold;}
hr {border:none; border-top:#b4b4b4 1px solid; border-bottom:#dbdbdb 1px solid; clear:both; margin:5px 0;}
p {padding:4px 0; overflow:auto;}

ul.normal, ul.normal li {padding-left:10px;}
blockquote {padding:10px; background:#eee; margin:5px;}

label {display:block; font-weight:bold; padding:5px 0 0;}
input, textarea {border:#333 1px solid; padding:2px;}
.button {-moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; background-color:#ccc; margin-top:4px;}
	.button:hover {background-color:#eee;}
label.inline {display:inline;}
input[type=checkbox], input[type='radio'] {border:none;}

/* HELPFULL
---------------------------- */
.left {float:left;}
.right {float:right;}
.text-right {text-align:right;}
.clear {clear:both; width:100%; display:block;}
.small {font-size:.8em;}
.faded {color:#555;}
.strong {font-weight:bold;}
.center {display:block; margin:0 auto; text-align:center;}
.hidden {display:none;}

.thirty {width:28%;}
.sixty {width:70%;}


/* LINKS
---------------------------- */
a {color:#000; font-weight:bold;}
	a:hover {color:#333;}

a#ad-left {width:411px; height:475px; display:block; background:url(../img/ad-left.jpg) top left no-repeat; position:absolute; bottom:30px; left:36px; z-index:100;}

a#ad-middle {width:352px; height:249px; display:block; background:url(../img/ad-middle.png) top left no-repeat; position:absolute; top:235px; left:290px; z-index:100;}

a#ad-right {width:314px; height:472px; display:block; background:url(../img/ad-right.jpg) top left no-repeat; position:absolute; bottom:28px; right:34px; z-index:100;}

a.blank {text-decoration:none; font-weight:normal;}

/* LAYOUT
---------------------------- */
#header {position:absolute; top:0; left:50%; width:1000px; height:175px; display:block; margin:0 -500px; padding-top:10px; z-index:100;}
	#logo {width:373px; height:148px; display:block; background:url(../img/logo.png) top left no-repeat; text-indent:-9999px;}
	#tagline {position:absolute; top:60px; left:50%; width:340px; margin:0 -100px; text-align:center; color:#fff; font-weight:bold;}
	#nav {position:absolute; left:50%; top:126px; width:900px; margin:0 -450px; z-index:120;}		
		#nav li {display:block; float:left;}
			#nav li a {color:#fff; font-size:1.2em; font-weight:bold; display:block; width:135px; height:47px; text-align:center; text-decoration:none;}
			#nav li a.long {width:160px;}
			#nav li a:hover {background:url(../img/nav-hover.png) bottom center no-repeat;}
			#nav li a.long:hover {background:url(../img/nav-hover-long.png) bottom center no-repeat;}
	
#wrapper {width:967px; height:auto; background:url(../img/content-bg-repeat.gif) top left repeat-y; margin:0 auto; position:relative; padding-bottom:30px;}
	#wrapper-top {width:967px; height:235px; background:url(../img/content-bg-top-dark.jpg) top left no-repeat; margin:0 auto; display:block;}
	#wrapper-bottom {width:967px; height:40px; background:url(../img/content-bg-bottom.gif) bottom left no-repeat; margin:0 auto; display:block;}
	#content {width:878px; margin:0 auto; padding:10px 20px 10px 0; overflow:auto;}

	#breadcrumb, #product-sort {width:auto; padding:25px;}
	
	#product-list li {width:180px; padding:5px; margin:0 10px 10px 0; float:left; height:250px; border:#eee 1px solid;}
	
	#categories {width:215px; height:auto; background:url(../img/sidebar-middle.jpg) top left repeat-y;}
	#sidebar-top {width:215px; height:37px; background:url(../img/sidebar-top.jpg) top left no-repeat; display:block;}
	#sidebar-bottom {width:215px; height:45px; background:url(../img/sidebar-bottom.jpg) top left no-repeat; display:block;}
		#categories li {}
			#categories li a {color:#fff; padding:2px 0 4px 5px; display:block; text-decoration:none;}
                            #categories li ul li {padding-left:8px; font-size:.8em;}
                #categories a:hover {color:#ccc;}
				
.myaccount {display:block; position:absolute; top:1px; left:50%; margin:0 310px; z-index:110; background:url(../img/my-account-bg.gif) top left no-repeat; width:274px; height:153px;}
    .account-content {padding:5px 0 0 60px;}
    .account-content a {color:#eee; text-decoration:none; padding:0 2px; display:block; width:150px; text-align:center; font-size:.8em;}
        .account-content a:hover {color:#fff; text-decoration:underline;}
		
	#theVideo {width:480px; height:385px; border:#000 3px solid; position:absolute; top:50%; left:50%; margin:-153px -243px; z-index:9999; background:#000; border:#555 1px solid; -moz-box-shadow:0 0 50px #000;}
		#videoEmbed {z-index:10; position:absolute;}
		#close {padding:4px; background:#555; color:#fff; font-weight:bold; text-align:center; position:absolute; top:-24px; right:0; text-decoration:none; z-index:9999;}
		#close:hover {background:#fff; color:#000;}

/* PRODUCT ATTRIBUTES
---------------------------- */
.new {color:#930; padding:4px; font-size:.8em;}
.price {padding:0 4px 0 0;}
p.details {padding:10px 15px 10px 0;}

#pagination {float:right;}
#pagination li {display:inline; padding:2px 4px;}
form.pagination {clear:both; float:right; padding:10px;}
form.pagination .button_mini {float:right; padding:2px 4px; margin:0 4px;}

/* product.tpl */
	#views_block {width:80px;}
	#thumbs_list li {display:block; width:80px; padding:4px;}
	#thumbs_list img {width:60px; height:80px;}
	#image-block {width:312px; float:left;}
	
	#product-tabs {width:220px; float:left; padding:10px 0 0;}
	ul#tabs {float: left; height: 25px; /*--Set height of tabs--*/
		border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%;}
	ul#tabs li {float: left; height: 24px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 25px; /*--Vertically aligns the text within the tab--*/
		border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden; position: relative; background: #e0e0e0; }
	ul#tabs li a {text-decoration: none; color: #000; display: block; padding: 5px 3px; outline: none; font-size:.8em;}
	ul#tabs li a:hover {background: #ccc;}
	html ul#tabs li.active, html ul#tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/}
	
	#tab_container {border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff;}
	.tab_content {padding:5px 8px;font-size: .8em;}
	#buy_block p {padding:0 0 4px 0;}
	

/* steps (like order step) */
	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;
	}
	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;
	}

/* order.tpl */
	table.cart_last_product {
		width:300px;
		margin-left:130px;
	}
	
	table.cart_last_product_content {
		margin:5px 0px 10px 130px;
	}
	
	p.cart_navigation {
		padding: 1em 0!important;
	}
	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: 1em;
		text-decoration: none;
	}
	tr.cart_item td { padding: 0.5em 0; border-bottom:#333 1px solid;}
	td.cart_product a { margin: 0 0.6em; }
	td.cart_product a img { border: 1px solid #d0d1d5; vertical-align:middle; }
	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_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, .icon{
		float: left;
		display: block; border:white 1px solid;
	}
        td.cart_quantity p {padding:5px;}
	.up-down {display:block;}
	td.cart_quantity p {
		padding-right: 0.3em;
	}
	td.cart_quantity .icon {
		margin-top: 0.6em;
	}
	td.cart_quantity a.cart_quantity_up, td.cart_quantity a.cart_quantity_down {
		display: block;
	}
	
	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; }
	#order form#voucher fieldset {
		border: 1px solid #bdc2c9;
		padding: 0.7em;
	}
	#order form#voucher h4 {
		float: left;
		line-height: 1.5em;
		margin-right: 6em;
	}
	
	#order #order_carrier {
		clear: both;
		margin-top: 1em;
		border: 1px solid #bdc2c9;
		padding: 0.5em;
	}
	#order #order_carrier h4 {
		width: 50%;
		display: inline;
	}
	#order #order_carrier img {
		vertical-align: middle;
	}
	#order #order_carrier span {
		margin: 0 0.2em;
	}
	
	#order #gift_div{}
	#order #gift_div label, #order #gift_div textarea{
		display:block;
		width:100%;
		margin:1em 0;
	}
	
	/* adresses */
	div.addresses {
		padding: 0.6em;
		position:relative;
	}
	div.addresses h3 { margin: 0; }
	div.addresses p.checkbox input{
		margin-top:0!important;
		margin-top:-3px;
	}
	.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-bottom:1em;
		position:relative;
		width:268px;
	}
	
	ul.address li {
		padding-left: 1.4em;
		margin-top: 0.6em;
	}
	
	#address_invoice, #address_delivery {border:#E6E3D2 1px solid;}
	
	li.address_title {
		margin-top: 0!important;
		font-weight: bold;
		height: 27px;
		font-size: 1.2em;
		line-height: 1.9em;
		background:#6A5C4F;
		color:#FDFDFD;
	}
	li.address_name, li.address_company { font-weight: bold; }
	li.address_update, li.address_delete {
		margin-left: 1.4em;
	}
	#center_column .address_add { padding: 1em 0; }
	
	/* 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;
	}
	
	/* conditions.tpl */
	#conditions #right_column { display: none; }
	#conditions #center_column {
		width: 730px;
		text-align: justify;
	}
	#conditions #center_column ul, #conditions #center_column ol {
		margin-left: 2em;
		padding: 0.6em;
	}
	#conditions #center_column ul { list-style-type: circle; }
	#conditions #center_column li { padding-bottom: 0.5em; }
	#conditions #center_column { line-height: 1.3em; }
	
	/*  identity.tpl */
	p#security_informations{
		font-size:0.85em;
		margin: 0 3em;
	}
	
	/* order step 3: PAYMENT */
	.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;
	}
	
	/* Printable version */
	@media print {
		div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {
			display:none;
		}
		div#center_column {width:100%}
		input.text{border:1px solid gray}
		.block_hidden_only_for_screen { display:block; margin-top:1em; }
		#more_info_sheets #idTab1{ width:530px; }
		* {background:none!important;background-color:white!important;}
	}
	
	table.std {
		border-spacing: 0;
		border-collapse: collapse;
		width:100%;
	}
	table.std td, table.std th {
		padding: 0.4em 0.5em;
		border-bottom:#333 1px solid;
	}


/* my-account.tpl */
ul#account-links li, ul.clear li {padding:6px 0; clear:both;}
ul#account-links li .icon, ul.clear li .icon {padding-right:4px; width:20px;}

/* order-detail.tpl (history.php) */
.order-details {width:95%; padding:2%; margin:10px auto; background:#F4F0E4; border:#6A5C4F 1px solid;}

	
/* PAGE SPECIFIC
----------------------------- */
body#index #wrapper, body#store-index #wrapper {height:710px; background-image:url(../img/content-bg.jpg);}
body#index #wrapper-top, body#index #wrapper-bottom, body#store-index #wrapper-top, body#store-index #wrapper-bottom {display:none;}

body#cms #content {width:840px;}


/* FOOTER
----------------------------- */
#footer {width:900px; height:auto; margin:0 auto; padding:20px 0; overflow:auto; font-size:.8em; color:#8d8c82;}
	#footer a:hover {color:#555; text-decoration:underline;}
	#footer-nav {position:relative; float:left;}
		#footer-nav li {display:inline; border-right:#8d8c82 1px solid;}
		#footer-nav li.last {border:none; padding-left:10px;}
			#footer-nav li a {padding:2px 10px; color:#000; text-transform:uppercase; text-decoration:none; font-weight:normal;}
			
			#footer-nav li a.red {color:#000;}
				#footer-nav li a:hover {color:#6f2e00; text-decoration:underline;}
	#link-love {float:right; font-weight:normal; color:#8d8c82; text-decoration:none;}


/* jQuery Zoom
----------------------------- */
.jqzoom{
border:1px solid black;
float:left;
position:relative;
padding:0px;
cursor:pointer;
}

.jqzoom img{
float:left;
}


div.zoomdiv {
z-index                 : 100;
position                : absolute;
top:0px;
left:0px;
width                   : 200px;
height                  : 200px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center;
overflow: hidden;


}

div.jqZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
top:0px;
left:0px;
width                   : 50px;
height                  : 50px;
border: 1px solid #aaa;
background: #ffffff url(../img/zoom.gif) 50% top  no-repeat;;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}

#tinymce {background:#fff;}