/* CSS Document */

/* Site www.outplay.fr // © 2009 Autrement le Web */

/* NORMALISATION
-------------------------------------------------------- */

/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, p, blockquote, th, td, form {
	margin: 0;
	padding: 0;
}

/* Normalise les tailles de polices pour les en-têtes */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* Supprime list-style pour les listes */
ul, ol {
	list-style: none;
}

/* Normalise les styles et graisses de fontes : font-style et font-weight sont "normal" */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Supprime les bordures dans les tableaux */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Supprime les bordures dans les éléments fieldset et img */
fieldset, img {
	border: 0;
}

/* Aligne le texte à gauche dans caption et th */
caption, th {
	text-align: left;
}

/* Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés */
label:hover {
	cursor: pointer;	
}

/* ---------------------------------------------------- */

/* LAYOUT
-------------------------------------------------------- */
.wrapper {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #ddd;
	/*background: transparent url(../images/bg-cols.jpg) center 481px;*/
}

.page { 
	font: 1.1em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #000;
	text-align: left;
	background: transparent url(../images/background.jpg) repeat-x 0 0; 
}

.page-print { 
	background: #fff; 
	padding: 20px; 
	text-align: left; 
}

.page-print h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

.page-print h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

.page-popup { 
	padding: 20px; 
	text-align: left; 
}

.main { 
	position: relative;
	/*overflow: auto;*/ /* oblige la division .main à englober les flottants dans le calcul de sa hauteur */
}

.main-bottom { 
	height: 53px;
	background: #dddddd url(../images/bg-main-bottom.jpg) no-repeat center 0;	
}

/* Base Columns */ 
.col-left { 
	position: relative; 
	float: left; 
	width: 280px;
	/*background: transparent url(../images/bg-left-column.jpg) 0 325px no-repeat;	*/
}

.col-main { 
	float: left; 
	width: 650px;
}

.col-right { 
	position: relative; 
	float: right; 
	width: 124px;
	margin-right: 10px;
}

/* 3 Columns Layout */
.col3-layout {
	position: relative;
	margin: 0 auto;
	width: 1064px;
	background: transparent url(../images/bg-cols.jpg) 0 325px no-repeat;
	overflow: hidden; /* important ! */
}

.hp {
	background: transparent url(../images/bg-cols-hp.jpg) 0 325px no-repeat;
}

.col3-layout .col-main { 
	width: 650px;  
}

.col3-layout .col-1 { 
	float: left; 
	width: 48%;
	border-right: 1px solid #ddd; 
	padding: 5px 0; 
}

.col3-layout .col-2 { 
	float: left; 
	width: 48%; 
	margin-left: 2%;
	padding: 5px 0; 
}

.col3-set .col-3 { 
	float: right; 
	width: 32%; 
}

/* ---------------------------------------------------- */


/* Header ================================================================================ */
.logo { 
	position: absolute;
	left: 0;
	top: 0;
	width: 280px; 
	height: 156px; 
	/*overflow: hidden; */
	background: transparent url(../images/logo.jpg) no-repeat 0 0;	
} 

.header-container {
	position: relative;
	background: transparent url(../images/bg-header-container.jpg) repeat-x 0 0;	
}

.header { 
	position: relative;
	margin: 0 auto;
	width: 1064px;
	height: 156px;
}

.header .logo { 
	text-indent: -999px; 
}

.header .logo a { 
	position: relative;
	display: block; 
	left: 10px;
	top: 5px;
	width: 260px; 
	height: 100px; 
}

.header #account {
	position: absolute;
	left: 290px;
	top: 5px;
	padding: 12px 0 0 140px;
	width: 624px;
	height: 70px;
	background: transparent url(../images/account-access.gif) no-repeat 0 15px;	
}

.header #account a {	
	font-weight: bold;
	}
	
.header #account .logged_in {
	padding-top: 5px;
	}
	
.header .mini_cart {
	position: absolute;
	left: 290px;
	top: 75px;
	width: 765px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	font-size: 0.9em;
	}
	
.header .mini_cart h2, .header .mini_cart p {
	display: inline;
	}

.header .mini_cart h2 {
	background: transparent url(../images/cart.gif) no-repeat 0 2px;	
	padding-left: 20px;
	}

.header .welcome-msg { 
	font-weight: bold; 
	text-align: right; 
	}
	
.header .links { 
	float: right; 
	}
	
.header .form-search { 
	text-align: center; 
	}
	
.header .form-search .search-autocomplete { 
	z-index: 999; 
	}
	
.header .form-search .search-autocomplete ul { 
	border: 1px solid #ddd; 
	background-color: #fff; 
	}
	
.header .form-search .search-autocomplete li { 
	padding: 3px; 
	border-bottom: 1px solid #ddd; 
	cursor: pointer; 
	}
	
.header .form-search .search-autocomplete li .amount { 
	float: right; 
	font-weight: bold; 
	}
	
.header .form-search .search-autocomplete li.selected {
	
	}
	
.header .form-language { 
	text-align: center; 
	}

/********** < Navigation */
#nav { 
	position: absolute;
	left: 290px;
	top: 105px;
	width: 621px;
	height: 40px;
	line-height: 40px;
	font: 1.3em Tahoma, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #fff;
	}

/* All Levels */
#nav li { 
	position: relative; 
	* overflow: hidden; /* Pour IE */
	}
	
#nav li.over { 
	z-index: 99999; 
	}

#nav a, #nav a:hover { 
	display: block; 
	color: #fff;
	text-decoration: none; 
	}
	
#nav span { 
	display: block; 
	cursor: pointer; 
	white-space: nowrap; 
	}
	
#nav li ul span {
	white-space: normal;
	}
	
#nav li.level0:hover, #nav li.active {	
	background: transparent url(../images/bg-menu.jpg) repeat-x 0 0;	
	}

/* 0 Level */
#nav li { 
	float: left; 
	}
	
#nav li.level0 a { 
	display: block;
	width: 155px;
	height: 40px;
	line-height: 38px; 
	text-align: center;
	}
	
#nav li.level1 a { 
	display: block;
	width: 155px;
	height: 25px;
	line-height: 22px; 
	text-align: center;
	font-size: 0.7em;
	}
	
/* 1st Level */
#nav ul li, #nav ul li.active { 
	float: none; 
	margin: 0;
	background: #cecece; 
	}
	
#nav ul li.last { 
	/*background: #656461;*/ 
	}

#nav ul a, #nav ul a:hover { 
	float: none; 
	background: none; 
	}
	
#nav ul li a { 
	font-weight: normal; /* important ! */ 
	}

/* 2nd leven */
#nav ul { 
	position: absolute; 
	top: 40px; 
	left: -10000px; 
	border: 1px solid #ddd; 
	}
	
/* 3rd+ Level */
#nav ul ul {
	top: 0; 
	margin-left: 55px;
	}

#nav ul li.level2 {

}

/* Show Menu */
#nav li.over > ul { 
	left: 0; 
	}
	
#nav li.over > ul li.over > ul { 
	left: 100px; 
	}
	
#nav li.over ul ul { 
	left: -10000px; 
	}

#nav ul li a { 
	background: #f6f6f6; 
	color: #898885; 
	}
	
#nav ul li a:hover { 
	background: #ccc; 
	color: #fff; /* important ! */ 
	}
	
#nav ul span, #nav ul li.last li span { 
	padding: 2px 5px 2px 5px; 
	}

/* LEFT COLUMN - RECHERCHE RAPIDE
-------------------------------------------------------- */

form#search_mini_form {
	display: block;
	width: 220px;
	height: 92px;
	padding: 73px 30px 0 30px;
	background: transparent url(../images/bg-search-mini-form.jpg) no-repeat 0 0;	
	}

form#search_mini_form label {
	display: block;
	text-indent: -9999px;
	height: 0;
	}
	
form#search_mini_form input#search {
	width: 168px;
	}
	
form#search_mini_form p {
	font-size: 0.9em;
	}

form#search_mini_form p a {
	font-weight: bold;
	}
	
form#search_mini_form .search-autocomplete { 
	z-index: 999; 
	}
	
form#search_mini_form .search-autocomplete ul { 
	border: 1px solid #ddd; 
	background-color: #fff; 
}
	
form#search_mini_form .search-autocomplete li { 
	padding: 3px; 
	border-bottom: 1px solid #ddd; 
	cursor: pointer; 
}
	
form#search_mini_form .search-autocomplete li .amount { 
	float: right; 
	font-weight: bold; 
}
	
form#search_mini_form .search-autocomplete li.selected {
	
}
	
/* ---------------------------------------------------- */

/* LEFT COLUMN - CATEGORIES
-------------------------------------------------------- */

.left-nav {
	width: 280px;
}

.left-nav h2 {
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/bg-categories.jpg) no-repeat 0 0;	
}

.left-nav-content {
	width: 220px;
	padding: 15px 30px 15px 30px;
	/*background: transparent url(../images/bg-left-column.jpg) repeat-y 0 0;	*/
}

.left-nav-content ul li.level0 ul {
	display: none;
}

.left-nav-content ul li.level0.active ul {
	display: block;
}

.left-nav-content li.parent span {
	font-size: 1em;
	/*padding-bottom: 5px;*/
}

.left-nav-content li.parent a {
	color: #000;
}

.left-nav-content ul.level0 {
	/*padding-top: 5px;*/
}

.left-nav-content ul.level0 a {
	color: #0300d4;
}

.left-nav-content ul.level0 li, .left-nav-content ul.level1 li, .left-nav-content ul.level2 li, .left-nav-content ul.level3 li {
	display: block;	
}

.left-nav-content li.level0, .left-nav-content li.level1, .left-nav-content li.level2, .left-nav-content li.level3 {
	margin-left: 15px;
	padding-left: 18px;
	background: transparent url(../images/categ-arrow.png) no-repeat 0 4px;	
}

.left-nav-content .level0, .left-nav-content .level1, .left-nav-content .level2, .left-nav-content .level3 {
	font-weight: normal;
}

.left-nav-content .active {
	font-weight: bold;
} 

/* ---------------------------------------------------- */

/* LEFT COLUMN - MEILLEURES VENTES
-------------------------------------------------------- */
.bestsellers {
	width: 280px;
}

.bestsellers h2 {
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/bg-bestsellers.jpg) no-repeat 0 0;	
}

.bestsellers h2.cat {
	background: transparent url(../images/bg-bestsellers-cat.jpg) no-repeat 10px 0;	
}

.bestsellers .bestsellers-content {
	width: 220px;
	padding: 20px 30px 20px 30px;
}

.bestsellers ol {
	width: 212px;
	height: 780px;
	border: 1px solid #cecece;
	padding: 3px;
	background-color: #fff;
}

.bestsellers li {
	position: relative;
	display: block;
	margin: 3px;
	float: left;
	width: 100px;
	height: 150px;
}

.bestsellers li a {
	display: block;
	width: 100px;
	height: 150px;
}

.bestsellers li a span {
	display: none;
	text-indent: -9999px;
}

.bestsellers li a:hover span {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100px;
	height: 150px;
	cursor: pointer;
}

/* ---------------------------------------------------- */

/* LEFT COLUMN - SONDAGE
-------------------------------------------------------- */

.block-poll {
	width: 280px;
	padding: 0 30px 0 30px;
	font-size: 0.9em;
}

.poll {
	width: 190px;
	border: 1px solid #cecece;
	padding: 0 14px 14px 14px;
	background-color: #fff;
}

.poll h2 {
	width: 208px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/poll.gif) no-repeat 0 0;
}

.poll h3 {
	font-size: 1em;
}

.poll ol {
	padding: 5px 0 5px 0;
}

.poll input.radio { 
	float: left; 
	margin: 0 -18px 0 0;
	border: 0; 
	}
	
.poll .label {  
	padding: 0 0 0 18px;
	color: #666666; 
	}
	
/* ---------------------------------------------------- */

/* CONTENT - FIL D'ARIANE
-------------------------------------------------------- */

.breadcrumbs {
	height: 40px;
	line-height: 40px;
	font-size: 0.9em;
	padding: 0 20px 0 10px;
	}
	
.breadcrumbs ul, .breadcrumbs li { 
	display: inline; 
	}
	
.breadcrumbs a {
	text-decoration: underline;
}

.breadcrumbs a:hover {
	text-decoration: none;
}

/* ---------------------------------------------------- */

/* CONTENT - DIAPORAMA
-------------------------------------------------------- */

.diaporama {
	width: 621px;
	height: 225px;
	margin-bottom: 20px;
	padding: 0 20px 0 10px;
	z-index: 1;
}
	
/* ---------------------------------------------------- */

/* CONTENT - SELECTION HOME PAGE
-------------------------------------------------------- */

div#home-page {
	position: relative;
	float: left;
	width: 651px;
}

div#boys {
	float: left;
	width: 310px;
}

div#girls {
	float: left;
	width: 341px;
}

div#boys h2 {
	display: block;
	width: 310px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/bg-boys.jpg) no-repeat 0 0;
}

div#girls h2 {
	display: block;
	width: 340px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/bg-girls.jpg) no-repeat 0 0;
}

div#boys ul {
	width: 280px;
	padding: 20px 20px 0 10px;
}

div#girls ul {
	width: 281px;
	padding: 20px 40px 0 21px;
}

div#home-page ul li.selection {
	position: relative;
	border: 1px solid #cecece;
	background-color: #fff;
	display: block;
	width: 260px;
	height: 195px;
	padding: 9px;
	margin-bottom: 20px;
}

div#home-page ul li.selection-pub {
	position: relative;
	border: 1px solid #cecece;
	background-color: #fff;
	display: block;
	width: 260px;
	height: 195px;
	padding: 9px;
	margin-bottom: 104px;
}

div#home-page .product-image {
	float: left;
	width: 100px;
	height: 150px;
}

div#home-page .product-image img {
	width: 100px;
	height: 150px;
	border: 0;
}

div#home-page .product-shop {
	width: 150px;
	margin-left: 110px;
}

div#home-page h3.product-name {
	text-transform: uppercase;
	font-size: 0.9em;
	padding-bottom: 5px;
}

div#home-page h3.product-name a {
	color: #000;
}

div#home-page div.home-desc {
	font-size: 0.9em;
	color: #666;
	height: 140px;
	/*overflow: hidden;*/
	line-height: 1.3em;
}

div#home-page div.infos {
	/*margin-top: 10px;
	width: 254px;
	height: 19px;
	padding: 0 3px;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	font-weight: bold;
	font-size: 0.9em;*/
	
	
	position: absolute;
	left: 10px;
	top: 170px;
	margin-top: 10px;
	width: 264px;
	height: 19px;
	line-height: 19px;
	padding: 0 3px;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	font-weight: bold;
	font-size: 0.9em;
}

div#home-page div.price-box {
	float: left;
	width: 160px;
}

div#home-page div.add-cart {
	float: left;
	width: 94px;
	text-align: right;
	text-transform: lowercase; 
}

div#home-page div.add-cart span {
	padding-left: 21px;
	background: transparent url(../images/icon-add-cart.gif) no-repeat 0 center;
}

div#home-page span.old-price {
	text-decoration: line-through;
}

div#home-page span.price {
	color: #0200d4;
}

/* ---------------------------------------------------- */

/* CONTENT - LISTE DE PRODUITS EN GRILLE / LIGNES
-------------------------------------------------------- */

div.category-products {
	width: 651px;
	padding: 20px 41px 10px 10px;
}

div.category-products li.grid {
	position: relative;
	float: left;
	border: 1px solid #cecece;
	background-color: #fff;
	display: block;
	width: 270px;
	height: 195px;
	padding: 9px;
	margin: 0 20px 20px 0;
}

div.category-products li.list {
	position: relative;
	border: 1px solid #cecece;
	background-color: #fff;
	display: block;
	width: 580px;
	height: 150px;
	padding: 9px;
	margin: 0 0 20px 0;
}

div.category-products li a.product-image {
	display: block;
	float: left;
	width: 100px;
	height: 150px;
}

.infos .add-to-cart button.button {
	margin-left: 0;
}

div.category-products li a.product-image img {
	width: 100px;
	height: 150px;
}

div.category-products li.grid div.product-shop {
	position: absolute;
	left: 120px;
	top: 10px;
	width: 160px;
}

div.category-products li.list div.product-shop {
	position: absolute;
	left: 120px;
	top: 10px;
	width: 470px;
}

div.category-products li h3.product-name {
	text-transform: uppercase;
	font-size: 0.9em;
	padding-bottom: 5px;
}

div.category-products li h3.product-name a {
	color: #000;
}

div.category-products li.grid div.desc {
	font-size: 0.9em;
	color: #666;
	height: 140px;
	/*overflow: hidden;*/
	line-height: 1.3em;
}

div.category-products li.list div.desc {
	font-size: 0.9em;
	color: #666;
	padding-top: 15px;
	height: 81px;
	line-height: 1.3em;
}

div.category-products li.grid div.infos {
	position: absolute;
	left: 10px;
	top: 170px;
	margin-top: 10px;
	width: 264px;
	height: 19px;
	line-height: 19px;
	padding: 0 3px;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	font-weight: bold;
	font-size: 0.9em;
}

div.category-products li.list div.infos {
	position: absolute;
	left: 10px;
	top: 128px;
	margin: 10px 0 0 110px;
	width: 464px;
	height: 19px;
	line-height: 19px;
	padding: 0 3px;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	font-weight: bold;
	font-size: 0.9em;
}

div.category-products li.grid div.price-box {
	float: left;
	width: 170px;
}

div.category-products li.list div.price-box {
	float: left;
	width: 270px;
}

div.category-products li.grid div.add-cart {
	float: left;
	width: 94px;
	text-align: right;
	text-transform: lowercase; 
}

div.category-products li.list div.add-cart {
	float: left;
	width: 194px;
	text-align: right;
	text-transform: lowercase; 
}

div.category-products li div.add-cart span {
	padding-left: 21px;
	background: transparent url(../images/icon-add-cart.gif) no-repeat 0 center;
}

div.category-products li span.old-price {
	text-decoration: line-through;
}

div.category-products li span.price {
	color: #0200d4;
}

/* ---------------------------------------------------- */

/* CONTENT - ENVOYER A UN AMI
-------------------------------------------------------- */

h2.sendfriend {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/bg-sendfriend.jpg) no-repeat 0 0;
}

div.sendfriend {
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

div.sendfriend h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

div.sendfriend ul#sender_options, div.sendfriend ul#recipients_options {
	padding: 0 20px 0 20px;
}

input.add-recipient {
	width: 155px;
	height: 32px;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(../images/bt-add-recipient.jpg) 0 0 no-repeat; 	
}

input.send-email {
	float: left;
	margin-left: 15px;
	width: 122px;
	height: 32px;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(../images/bt-send-email.jpg) 0 0 no-repeat; 	
}

p#add_recipient_button {
	margin-right: 15px;
}

.form-list li.add-row { 
	margin-top: 10px; 
	}

/* ---------------------------------------------------- */

/* CONTENT - CREER UN COMPTE - IDENTIFICATION
-------------------------------------------------------- */

h2.account-create, h2.account-edit {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
}

h2.account-create {
	background: transparent url(../images/account-create.jpg) no-repeat 0 0;
}

h2.account-edit {
	background: transparent url(../images/account-edit.jpg) no-repeat 0 0;
}

div.account-create, div.account-edit, div.login, div.nl, div.book {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

div.account-create h3, div.account-edit h3, div.login h3, div.book h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	padding: 5px 0 5px 0;
}

div.account-create fieldset, div.account-edit fieldset {
	padding: 0 5px 0 5px;
}

div.account-create input#day, div.account-create input#month, div.account-create input#year, 
div.account-edit input#day, div.account-edit input#month, div.account-edit input#year {
	width: 25px;
}

div.account-create input#year, div.account-edit input#year {
	width: 50px;
}

div.account-create .dob-day, div.account-create .dob-month, div.account-create .dob-year, 
div.account-edit .dob-day, div.account-edit .dob-month, div.account-edit .dob-year { 
	float: left; 
	width: 30px;
	}
	
div.account-create .dob-year, div.account-edit .dob-year { 
	width: 55px;
}

.name-prefix {
	display: block;
	width: 100%;
}

.name-firstname {
	clear: both;
}

select#prefix {
	width: 65px;
}

h2.login {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/login.jpg) no-repeat 0 0;
}

h2.nl {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/newsletter.jpg) no-repeat 0 0;
}

h2.book {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/book.jpg) no-repeat 0 0;
}

div.book li {
	margin: 8px 0;
}

/* ---------------------------------------------------- */

/* CONTENT - COMPTE TABLEAU DE BORD
-------------------------------------------------------- */

h2.dashboard {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/dashboard.jpg) no-repeat 0 0;
}

div.dashboard {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 4px 9px 9px 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

div.dashboard h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	padding: 5px 0 5px 0;
}

div.dashboard .welcome-msg, div.dashboard .welcome-msgcol2-set,  div.dashboard .reviews {
	margin-bottom: 15px;
}

div.dashboard h4 {
	font-size: 1em;
	font-weight: bold;
	color: #666;
	padding: 5px 0 5px 0;
}

h2.my-orders {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/my-orders.jpg) no-repeat 0 0;
}

h2.reviews {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/reviews.jpg) no-repeat 0 0;
}

div.my-orders, div.product-review {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 4px 9px 9px 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

div.product-review {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

div.my-orders h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	padding: 5px 0 5px 0;
}

h2.forgotpassword {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/forgotpassword.jpg) no-repeat 0 0;
}

div.forgotpassword {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 4px 9px 9px 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

/* ---------------------------------------------------- */

/* CONTENT - PANIER/liste d'envies/compte/commande etc
-------------------------------------------------------- */

h2.cart {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/cart.jpg) no-repeat 0 0;
}

div.cart, div.opc, div.adresses, div.address_edit, div.shipping-method, div.billing, div.change-billing, div.overview, div.success-order, div.wishlist, div.wishlist-sharing, div.logout {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

.cart .checkout-types { 
	text-align: right; 
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	}
	
.discount h3, .shipping h3, dl.sp-methods dt {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	padding: 5px 0 5px 0;
}	

.shipping, .sp-methods {
	margin: 10px 0;
}

h2.opc {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/opc.jpg) no-repeat 0 0;
}

.opc h3 {
	font-weight: bold;
	line-height: 22px;
}

.opc .sp-methods {
	margin: 0;
}

.opc h4 {
	font-weight: bold;
}

h2.adresses {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/adresses.jpg) no-repeat 0 0;
}

div.adresses select {
	width: 300px;
}

div.adresses h3, div.shipping-method h3, .add-gift-message h4, .billing h3, .change-billing h3, .overview h3, .wishlist-sharing h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	padding: 5px 0;
}

h2.address_edit {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/address-edit.jpg) no-repeat 0 0;
}

h2.shipping-method {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/shipping-method.jpg) no-repeat 0 0;
}

h2.billing {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/billing.jpg) no-repeat 0 0;
}

.billing label {
	font-size: 0.9em;
}

.billing .sp-methods {
	margin-left: 50px;
}

h2.change-billing {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/change-billing.jpg) no-repeat 0 0;
}

h2.overview {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/overview.jpg) no-repeat 0 0;
}

.overview h4 {
	font-weight: bold;
}

h2.success-order {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/success.jpg) no-repeat 0 0;
}

.success-order p {
	padding: 10px 0;
}

h2.wishlist {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/wishlist.jpg) no-repeat 0 0;
}

h2.wishlist-sharing {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/wishlist-sharing.jpg) no-repeat 0 0;
}

h2.logout {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/logout.jpg) no-repeat 0 0;
}

/* ---------------------------------------------------- */

/* CENTER - SEARCH
-------------------------------------------------------- */
h2.search-result {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/search-result.jpg) no-repeat 0 0;
}

p.search-result {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
}

h2.search-term {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/search-term.jpg) no-repeat 0 0;
}

h2.advanced-search {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/advanced-search.jpg) no-repeat 0 0;
}

div.search-term, div.advanced-search {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

div.advanced-search h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	padding: 5px 0;
}

div.advanced-search li.even {
	background-color: #fff;
}

div.advanced-search-result p {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
}

div.advanced-search-result .note-msg {
	padding: 0;
}

div.advanced-search-result .search-summary {
	margin-left: 10px;
}

/* ---------------------------------------------------- */

/* RIGHT - SKYSCRAPER + BANNIERE 468*60
-------------------------------------------------------- */

.pub-sky {
	margin-top: 40px;
	padding: 1px;
	width: 120px;
	height: 600px;
	border: 1px solid #cecece;
	background-color: #fff;
}

#home-page #banniere {
	position: absolute;
	left: 75px;
	top: 530px;
	width: 468px;
	height: 60px;
	border: 1px solid #cecece;
	background-color: #fff;
	padding: 1px;
}

/* ---------------------------------------------------- */


/********** Navigation > */
/* ======================================================================================= */

/* Global Styles ========================================================================= */

/* erreur 404 */

h2.not-found {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/not-found.jpg) no-repeat 0 0;
}

div.not-found {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

div.not-found p {
	padding: 0 0 10px 0;
}

div.not-found ul {
	padding: 10px;
}

/* Texts */
.strong {
	font-weight: bold;
	}
	
.small {
	font-size: 0.9em;
	}

/* Links */
a {
	color: #0300d4;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

/* Form Elements */
input, select, button { 
	font: 1em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	vertical-align: middle; 
	color: #9d9daa; 
	border: 1px solid #9d9daa; 
	height: 18px;
	}
	
textarea {
	font: 1em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	vertical-align: middle; 
	color: #9d9daa; 
	border: 1px solid #9d9daa; 
	/*overflow: auto; */
}
	
select option { 
	padding-right: 10px; 
	}
	
input.radio { 
	margin-right: 3px; 
	}
	
input.checkbox { 
	margin-right: 3px; 
	}
	
input.qty { 
	width: 2.5em; /* important ! */ 
	}
	
button.button { 
	width: auto; 
	background: #0f05ea; 
	border: 1px solid #fff; 
	cursor: pointer; 
	color: #fff;
	font-weight: bold;
	padding: 0 3px;
	height: 22px;
	}
	
button.button span { 
	display: block; 
	font: bold 12px/14px Arial, Helvetica, sans-serif; 
	text-align: center; 
	white-space: nowrap; 
	color: #fff;
	}
	
/* Input & Textarea stretched for 100% */
.field-100 { 
	border: 1px solid #888; 
	padding: 2px; 
	overflow: hidden; 
	}
	
.field-100 input.input-text, .field-100 textarea { 
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}
	
/* Form lists */
.form-list li { 
	margin: 0 0 5px; 
	}
	
.form-list label { 
	font-weight: bold; 
	}
	
.form-list .input-box { 
	float: left; 
	width: 260px; 
	}
	
.form-list input.input-text, .form-list textarea { 
	width: 250px; 
	}
	
.form-list select { 
	width: 256px; 
	}

	
.group-select li { 
	margin: 0 0 5px; 
	}
	
.group-select .input-box { 
	float: left; 
	width: 260px; 
	}
	
.group-select input.input-text, .group-select textarea {
	width: 510px; 
	}
	
.group-select select { 
	width: 516px; 
	}
	
.group-select .input-box input.input-text, .group-select .input-box textarea { 
	width: 250px; 
	}
	
.group-select .input-box select { 
	width: 256px; 
	}

.buttons-set { 
	clear: both; 
	}
	
.buttons-set .back-link { 
	float: left; 
	margin: 5px 0 0 10px;
	font-size: 0.9em;
	}
	
.buttons-set2 { 
	clear: both; 
	margin: 5px 0 0; 
	padding:5px; 
	border: 1px solid #ddd; 
	text-align: right; 
	}

/* Form Validation */
.validation-advice { 
	clear: both; 
	min-height: 13px; 
	margin: 3px 0 0; 
	padding-left: 17px; 
	font-size: 10px; 
	line-height: 13px; 
	background: url(../images/validation_advice_bg.gif) 2px 1px no-repeat; 
	color: #f00; 
	}
	
.validation-failed { 
	border: 1px dashed #f00; /* important ! */ 
	background: #faebe7; /* important ! */ 
	}
	
.validation-passed {

	}
	
.required { 
	color: #f00; 
	}
	
p.required { 
	font-size: 10px; 
	text-align: right; 
	}
	
/* Expiration date and CVV number validation fix */
.v-fix { 
	float: left; 
	}
	
.v-fix .validation-advice { 
	display: block; 
	width: 12em; 
	margin-right: -12em; 
	position: relative; 
	}

.bt_ok {
	text-indent: -9999px;
	width: 45px;
	height: 30px;
	border: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent url(../images/bt-ok.png) no-repeat 0 0;
	-background: transparent url(../images/bt-ok.jpg) no-repeat 0 0; /* IE6 */
	}
	
.bt-valid {
	display: block;
	text-indent: -9999px;
	width: 80px;
	height: 32px;
	border: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent url(../images/bt-valid.png) no-repeat 0 0;
	-background: transparent url(../images/bt-valid.jpg) no-repeat 0 0; /* IE6 */
	}
	
.poll .bt-valid {
	position: relative;
	left: -5px;
}

/* Global Messages  */
.success { 
	color: #3d6611; 
	font-weight: bold; 
	}
	
.error { 
	color: #f00; 
	font-weight: bold; 
	}
	
.notice { 
	color: #ccc; 
	}

.messages .notice-msg { 
	padding: 0;
	}
	
.messages li { 
	/*margin: 0 0 10px; */
	}
	
.messages li li { 
	/*margin: 0 0 3px; */
	}
	
.error-msg { 
	background-color: #faebe7; 
	color: #df280a; 
	margin: 5px 0;
	}
	
/* Messages de confirmation */	
	
.success-msg {  
	background-color: #ececec; 
	margin: 5px 0;
	padding: 3px 6px;
	font-weight: bold;
	}
	
.note-msg, .notice-msg { 
	padding: 20px 21px 20px 10px;
	}

.title-buttons { 
	text-align: right; 
	}
	
.title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { 
	float: left; 
	}

/* Pager */ 
.pager { 
	clear: left; /* important ! */ 
	width: 100%;
	padding: 10px 0;
	font-size: 0.9em;
	color: #666;
	}
	
.pager .amount { 
	float: left; 
	width: 300px;
	}
	
.pager .limiter { 
	float: right; 
	}
	
.pager .pages { 
	float: right; 
	margin-right: 51px;
	width: 280px;
	text-align: right;
	}
	
.pager .pages ol { 
	display: inline; 
	}
	
.pager .pages li { 
	display: inline; 
	}
	
.pager .pages li a {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 1px 5px 1px 5px;
	margin-left: 3px;
	color: #666;
	text-decoration: none;
}

.pager .pages li a:hover {
	border: 1px solid #ccc;
	background-color: #afafaf;
	padding: 1px 5px 1px 5px;
	color: #fff;
}

.pager span.current {
	border: 1px solid #ccc;
	background-color: #afafaf;
	padding: 1px 5px 1px 5px;
	color: #fff;
	font-weight: bold;
}
	
/* Sorter */ 
.sorter { 
	width: 600px;
	font-size: 0.9em;
	color: #666; 
	}
	
.sorter .view-mode { 
	float: left; 
	}
	
.sorter .sort-by { 
	float: right; 
	}
	
/* Data Table */ 
.data-table { 
	width: 100%; 
	}
	
.data-table th { 
	padding: 5px; 
	border: 1px solid #ddd; 
	font-weight: bold; 
	white-space: nowrap; 
	}
	
.data-table td { 
	padding: 5px; 
	border: 1px solid #ddd; 
	}
	
.data-table thead { 
	background-color: #f2f2f2; 
	}
	
.data-table tr.even { 
	background-color: #f6f6f6;
	}
	
.data-table tbody.odd td { 
	border-width: 0 1px; 
	}
	
.data-table tbody.even { 
	background-color: #f6f6f6; 
	}
	
.data-table tbody.even td { 
	border-width: 0 1px; 
	}
	
.data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { 
	border-bottom-width: 1px; 
	}
	
.data-table th .tax-flag { 
	white-space: nowrap; 
	font-weight: normal; 
	}
	
.data-table td.label, .data-table th.label { 
	font-weight: bold; 
	background-color: #f6f6f6; 
	}
	
/* Tax Details Row */
tr.tax-total { 
	cursor: pointer; 
	}
	
tr.tax-total .tax-collapse { 
	float: right; 
	text-align: right; 
	padding-left: 20px; 
	background: url(../images/bg_collapse.gif) 0 4px no-repeat; 
	cursor: pointer; 
	}
	
tr.show-details .tax-collapse { 
	background-position: 0 -53px; 
	}
	
tr.tax-details td { 
	background-color: #f6f6f6; 
	}
	
/* Shopping cart tax info */
.cart-tax-info, .cart-price { 
	padding-right: 20px; 
	}
	
.cart-tax-total { 
	cursor: pointer; 
	}
	
.cart-tax-total { 
	padding-right: 20px; 
	background: url(../images/bg_collapse.gif) 100% 4px no-repeat; 
	cursor: pointer; 
	}
	
.cart-tax-total-expanded { 
	background-position: 100% -52px; 
	}

li.even { 
	background-color: #f6f6f6; 
	}
	
dt.even, dd.even { 
	background-color: #f6f6f6; 
	}

/* Class: std - styles for admin-controlled content */
.std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { 

	}
	
.std ul { 
	list-style: disc outside; 
	padding-left: 1.5em; 
	}
	
.std ol { 
	list-style: decimal outside; 
	padding-left: 1.5em; 
	}
	
.std ul ul { 
	list-style-type: circle; 
	}
	
.std ul ul, .std ol ol, .std ul ol, .std ol ul { 
	margin: .5em 0; 
	}
	
.std dt { 
	font-weight: bold; 
	}
	
.std dd { 
	padding: 0 0 0 1.5em; 
	}
	
.std blockquote { 
	font-style:italic; 
	padding: 0 0 0 1.5em; 
	}
	
.std address { 
	font-style: normal; 
	}
	
.std b, .std strong { 
	font-weight: bold; 
	}
	
.std i, .std em { 
	font-style: italic; 
	}
	
/* ======================================================================================= */

/* Sidebar =============================================================================== */

.block .block-title h2 { 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 1.5; 
	}
	
.block h3 { 
	/*font-size: 14px; */
	/*line-height: 1.5;*/ 
	}
	
.block .block-content { 
	padding: 10px; 
	}
	
.block .actions { 
	text-align: right; 
	} 
	
.block .actions a { 
	float: left;
	}

.block-currency select { 
	width: 100%; 
	border: 1px solid #888; 
	}

.block-layered-nav dt { 
	font-weight: bold; 
	}
	
.block-cart .subtotal { 
	text-align: center; 
	}

.mini-products-list li { 
	padding: 5px 0; 
	}
	
.mini-products-list .product-image { 
	float: left; 
	width: 50px; 
	padding: 5px; 
	border: 1px solid #ddd; 
	margin-right: -75px; 
	}
	
.mini-products-list .product-details { 
	margin-left: 75px; 
	}
	
.mini-products-list .product-details h4 { 
	font-size: 1em; 
	font-weight: bold; 
	margin: 0; 
	}
	
.mini-products-list .product-details .btn-remove { 
	float: right; 
	}

.block-related li { 
	padding: 5px 0; 
	}
	
.block-related input.checkbox { 
	float: left; 
	margin-right: -20px; 
	}
	
.block-related .item { 
	margin-left: 20px; 
	}
	
.block-related .item .product-image { 
	float: left; 
	margin-right: -65px; 
	}
.block-related .item .product-details { 
	margin-left: 65px; 
	}

.block-compare li { 
	padding: 5px 0; 
	}

/* Block: Tags */
.block-tags ul, .block-tags li { 
	display: inline; 
	}

/* Block: Subscribe */
.block-subscribe {
	position: relative;
	margin: 0 10px 20px 10px;
	width: 258px;
	height: 98px;
	border: 1px solid #d0d0d0;
	}
	
.block-subscribe h2, form#newsletter-validate-detail label {
	display: block;
	text-indent: -9999px;
	height: 0;
	}
	
form#newsletter-validate-detail {
	position: relative;
	display: block;
	margin: 1px;
	padding: 48px 18px 0 18px;
	width: 220px;
	height: 48px;
	background: #ececec url(../images/bg-newsletter.gif) no-repeat 0 16px;	
	}
	
form#newsletter-validate-detail input#newsletter {
	width: 168px;
	}
	
form#newsletter-validate-detail input.bt_ok {
	position: absolute;
	top: 44px;
	left: 192px;
}
	
.block-reorder li { 
	padding: 5px 0; 
	}
	
.block-reorder input.checkbox { 
	float: left; 
	margin: 3px -20px 0 0; 
	}
	
.block-reorder .label { 
	display: block; 
	margin-left: 20px; 
	}

.block-banner .block-content { 
	text-align: center; 
	}

.block-progress dt { 
	font-weight: bold; 
	}
	
.block-progress dt.complete, .block-progress dd.complete { 
	background-color: #f6f6f6; 
	}
/* ======================================================================================= */


/* Category Page ========================================================================= */
.category-title h2 { 
	position: relative;
 	text-indent: -9999px;
	display: block;
	width: 651px;
	height: 40px;
	}
	
.category-title h2 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 651px;
	height: 40px;
}
	
.category-image { 
	display: block; 
	margin: 0 auto; 
	}
	
/* View Type: Grid */
.products-grid { 
	width: 100%; 
	}
	
.products-grid tr.even { 
	background-color: #f6f6f6; 
	}
	
.products-grid td { 
	width: 33%; 
	border: 1px solid #ddd; 
	padding: 5px; 
	}
	
/* View Type: List */
.products-list li.item { 
	border: 1px solid #ddd; 
	padding: 5px; 
	margin: 0 0 5px; 
	}
	
.products-list .product-image { 
	float: left; 
	}
	
.products-list .product-shop { 
	float: right; 
	width: 320px; 
	}
/* ======================================================================================= */

/* FICHE DVD  ========================================================================== */

.product-view {
	position: relative;
	top: -18px;
}
	
.product-view h2 {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/bg-fiche-dvd.jpg) no-repeat 0 0;
}
	
.dvd {
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}

.dvd h3 {
	padding: 5px 0 5px 5px;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}

.dvd h4.title {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	padding-bottom: 10px;
}

.dvd .general {
	width: 580px;
	height: 240px;
	border-bottom: 1px solid #cecece;
}

.dvd .infos {
	float: left;
	width: 415px;
}

.dvd .infos p {
	padding: 5px 0 5px 0;
	margin-left: 5px;
}

.dvd p.actors, .dvd p.year-country, .dvd p.availability, .dvd .add-to-box {
	font-size: 0.9em;
}

.dvd p.availability {
	color: #666;
	font-weight: bold;
}

.dvd .price-box {
	padding: 4px 0 0 5px;
	font-size: 1.3em;
	font-weight: bold;
}

.dvd .price-box span.price {
	color: #0200d4;
}

.dvd .add-to-box {
	padding: 4px 0 4px 0;
	line-height: 36px;
}

.dvd .add-to-box input.button, .dvd .add-to-cart button.button {
	display: block;
	padding-left: 25px;
	width: 155px;
	height: 32px;
	line-height: 32px;
	background: #0f05ea url(../images/bt-add-cart.jpg) no-repeat 0 0;	
	border: 0;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
}

.dvd .description, .dvd .critiques, .dvd .more-views, .dvd .car-tech, .dvd .bonus, .dvd .annonce, .dvd .tags, .dvd .emailtofriend {
	border-bottom: 1px solid #cecece;
	padding: 15px 0 15px 0;
	font-size: 0.9em;
	color: #666;
}

.dvd .tags li {
	display: inline;
	padding-right: 10px;
}

.dvd .emailtofriend input[type=text] {
	width: 200px;
	font-size: 1.1em;
}

.dvd .ratings, .dvd .up-sell {
	padding: 15px 0 15px 0;
	font-size: 0.9em;
	color: #666;
}

.dvd .car-tech table {
	width: 100%;
}

.dvd .car-tech th {
	width: 20%;
}

.dvd .car-tech td {
	width: 30%;
}

.dvd .annonce p {
	padding: 0 50px 0 50px;
}

.dvd .more-views ul { 
	width: 580px;
	overflow: hidden;
	padding-left: 2px;
	}
	
.dvd .more-views li { 
	display: block;
	width: 109px;
	height: 72px;
	float: left;
	padding: 2px 3px 2px 3px;
	}
	
.dvd .add-review {
	padding-left: 15px;
}

.dvd .add-review p {
	padding-bottom: 10px;
}

.dvd .add-review input, .dvd .add-review textarea {
	margin-left: 14px;
}

.dvd .add-review input.bt-valid {
	margin: 10px;
}

.dvd .up-sell {
	border-top: 1px solid #cecece;
}

.dvd #upsell-product-table {
	width: 100%;
	font-size: 1em; 
	text-align: center;
}

.dvd #upsell-product-table .price-box {
	font-size: 1em; 
	text-align: center;
}

.dvd #upsell-product-table td {
	text-align: center;
}

.dvd #upsell-product-table .product-name {
	padding-top: 5px;
}

/* Product Images */
.product-view .product-img-box { 
	float: left; 
	width: 150px;
	height: 225px;
	margin: 0 10px 15px 0; 
}

/* Product Shop */
.product-view .product-shop { 
	float: right; 
	width: 445px; 
	}
	
.rating-box { 
	width: 69px; 
	height: 13px; 
	font-size: 0; 
	line-height: 0; 
	background: url(../images/bg_rating.gif) 0 0 repeat-x; 
	position: relative; 
	overflow: hidden; 
	}
	
.rating-box .rating { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 13px; 
	background: url(../images/bg_rating.gif) 0 100% repeat-x; 
	}

.availability .in-stock { 
	font-weight: bold; 
	}
	
.availability .out-of-stock { 
	font-weight: bold; 
	color: #f00; 
	}

/********** < Product Prices */
.price { 
	white-space: nowrap; /* important ! */ 
	}

.price-box .price { 
	font-weight: bold; 
	}

.regular-price .price { 
	font-weight: bold; 
	}

/* Old price */
.old-price {
	font-weight: bold; 
	text-decoration: line-through;
}
	
.old-price .price-label { 
	white-space: nowrap; 
}
	
.old-price .price { 
	font-weight: bold; 
	text-decoration: line-through; 
}

.special-price .price-label { 
	font-weight: bold; 
	white-space: nowrap; 
	}
	
.special-price .price { 
	font-weight: bold; 
	}

.minimal-price .price-label { 
	font-weight: bold; 
	white-space: nowrap; 
	}

a.minimal-price-link { 
	display: block; 
	}
	
a.minimal-price-link .price { 
	font-weight: normal; 
	}

/* Excluding tax */
.price-excluding-tax { 
	display: block; 
	}
	
.price-excluding-tax .label { 
	white-space: nowrap; 
	}
	
.price-excluding-tax .price { 
	font-weight: normal; 
	}

/* Including tax */
.price-including-tax { 
	display: block; 
	}
	
.price-including-tax .label { 
	white-space: nowrap; 
	}
	
.price-including-tax .price { 
	font-weight: bold; 
	}

/* Excl tax (for order tables) */
.price-excl-tax  { 
	display: block; 
	}
	
.price-excl-tax .label { 
	display: block; 
	white-space: nowrap; 
	}
	
.price-excl-tax .price { 
	display: block; 
	}

/* Incl tax (for order tables) */
.price-incl-tax { 
	display: block; 
	}
	
.price-incl-tax .label { 
	display: block; 
	white-space: nowrap; 
	}
	
.price-incl-tax .price { 
	display: block; 
	font-weight: bold; 
	}

.price-from .price-label { 
	font-weight: bold; 
	white-space: nowrap; 
	}
	
.price-to .price-label { 
	font-weight: bold; 
	white-space: nowrap; 
	}

.price-as-configured .price-label { 
	font-weight: bold; 
	white-space: nowrap; 
	}

/* Price notice next to the options */
.price-notice { 
	padding-left: 10px; 
	}
	
.price-notice .price { 
	font-weight: bold; 
	}
/********** Product Prices > */

/* Tier Prices */
.tier-prices .price { 
	font-weight: bold; 
	}
	
/* Add to Links */
.add-to-links .separator { 
	display: none; 
	}

/* Add to Cart */
.add-to-cart label { 
	float: left; 
	margin-right: 5px; 
	}
	
.add-to-cart .qty { 
	float: left; 
	}
	
.add-to-cart button.button { 
	float: left; 
	margin-left: 5px; 
	}

.add-to-box .add-to-cart { 
	float: left; 
	}
	
.add-to-box .or { 
	float: left; 
	margin: 0 10px; 
	}
	
.add-to-box .add-to-links { 
	float: left; 
	}

/* Product Options */
.product-options { 
	padding: 10px; 
	margin: 10px 0 0; 
	border: 1px solid #ddd; 
	background-color: #f6f6f6;
	}
	
.product-options dt label { 
	font-weight: bold; 
	}
	
.product-options dt .qty-holder { 
	float: right; 
	}
	
.product-options dt .qty-holder label { 
	vertical-align: middle; 
	}
	
.product-options dt .qty-disabled { 
	background: none; 
	border: 0; 
	padding: 3px; 
	color: #000; 
	}
	
.product-options dd { 
	margin: 10px 0; 
	}
	
.product-options dd input.input-text { 
	width: 98%; 
	}
	
.product-options dd textarea { 
	width: 98%; 
	height: 8em; 
	}
	
.product-options dd select { 
	width: 100%; 
	}
	
.product-options .options-list input.radio { 
	float: left; 
	margin: 3px -18px 0 0; 
	}
	
.product-options .options-list input.checkbox { 
	float: left; 
	margin: 3px -20px 0 0; 
	}
	
.product-options .options-list .label { 
	display: block; 
	margin-left: 20px; 
	}
	
.product-options ul.validation-failed { 
	padding: 0 7px; 
	}
	
.product-options p.required { 
	padding: 15px 0 0; 
	}

.product-options-bottom { 
	padding: 10px; 
	border: 1px solid #ddd; 
	border-top: 0; 
	}
	
.product-options-bottom .price-box { 
	margin: 10px 0; 
	}

/* ======================================================================================= */

/* Content Styles ================================================================= */
.product-name { 
	font-size: 1em; 
	font-weight: bold; 
	}

/* Product Tags */
.tags-list li { 
	display: inline; 
	}

/* CMS Home Page */
.cms-home .products-grid td { 
	width: 20%; 
	}

/* ======================================================================================= */


/* Product Review ======================================================================== */
.product-review .product-img-box { 
	float: left; 
	width: 140px;  
	}
	
.product-review .product-img-box .product-image { 
	display: block; 
	border: 1px solid #ddd; 
	padding: 1px; 
	}
	
.product-review .details { 
	float: right; 
	width: 570px; 
	}
/* ======================================================================================= */


/* Shopping Cart Table */
.cart-table .item-msg { 
	font-size: 10px; 
	}

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { 
	float: left; 
	width: 700px; 
	}
	
.cart .crosssell {
	margin: 10px 0;
}
	
.cart .crosssell .product-image { 
	float: left; 
	margin-right: -90px; 
	}
	
.cart .crosssell .product-shop { 
	margin-left: 90px; 
	}
	
/* Shopping Cart Totals */
.cart .totals { 
	float: right; 
	}
	
.cart .totals table { 
	width: 100%; 
	}
	
.cart .totals table th, .cart .totals table td { 
	padding: 5px; 
	}
	
.cart .totals table th { 
	font-weight: bold; 
	}
	
/* Options Tool Tip */
.item-options dt { 
	font-weight: bold; 
	font-style: italic; 
	}
	
.item-options dd { 
	padding-left: 10px; 
	}
	
.truncated { 
	cursor: help; 
	}
	
.truncated a.dots { 
	cursor: help; 
	}
	
.truncated a.details { 
	cursor: help; 
	}
	
.truncated .truncated_full_value { 
	position: relative; 
	z-index: 999; 
	}
	
.truncated .truncated_full_value dl { 
	position: absolute; 
	top: -99999em; 
	left: -99999em; 
	z-index: 999; 
	width: 250px; 
	padding: 8px; 
	border: 1px solid #ddd; 
	background-color: #f6f6f6; 
	}
	
.truncated .show dl { 
	top: -20px; 
	left: 50%; 
	}
	
/* ======================================================================================= */

/* Checkout ============================================================================== */
/* One Page */
.opc { 
	border-bottom: 1px solid #ddd; 
	position: relative; 
	}
	
.opc li.section { 
	border: 1px solid #ddd; 
	border-bottom: 0; 
	}
	
.opc .step-title { 
	background-color: #f6f6f6; 
	padding: 0 5px; 
	text-align: right; 
	line-height: 22px;
	}
	
.opc .step-title .number { 
	float: left; 
	margin-right: 5px;
	font-weight: bold;
	}
	
.opc .step-title h3 { 
	float: left; 
	}
	
.opc .allow .step-title { 
	cursor: pointer; 
	}
	
.opc .active .step-title { 
	background-color: #ccc; 
	cursor: default; 
	}
	
.opc .step { 
	border-top: 1px solid #ddd; 
	padding: 10px; 
	position: relative; 
	}
	
.opc .step .tool-tip { 
	right: 10px; 
	}
	
/* Multiple Addresses Checkout */
.checkout-progress { 
	padding: 0 50px; 
	margin: 10px 0; 
	}
	
.checkout-progress li { 
	float: left; 
	width: 20%; 
	border-top: 5px solid #ccc; 
	text-align: center; 
	color: #ccc; 
	}
	
.checkout-progress li.active { 
	border-top-color: #000; 
	color: #000; 
	}

.multiple-checkout { 
	position: relative; 
	}
	
.multiple-checkout .tool-tip { 
	top: 50%; 
	margin-top: -120px; 
	right: 10px; 
	}
	
.multiple-checkout .grand-total { 
	font-size: 1.25em; 
	text-align: right; 
	font-weight: bold;
	padding: 5px 0;
	}
	
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods .form-list { 
	padding-left: 20px; 
	}
	
.sp-methods select.month { 
	width: 150px; 
	margin-right: 10px; 
	}
	
.sp-methods select.year { 
	width: 96px; 
	}
	
.sp-methods input.cvv { 
	width: 3em; /* important ! */ 
	}

.please-wait { 
	float: right; 
	margin-right: 5px; 
	}
	
.cvv-what-is-this { 
	cursor: help; 
	margin-left: 5px; 
	}

/* Tooltip */
.tool-tip { 
	border: 1px solid #ddd; 
	background-color: #f6f6f6; 
	padding: 5px; 
	position: absolute; 
	z-index: 9999; 
	}
	
.tool-tip .btn-close { 
	text-align: right; 
	}
	
.tool-tip .tool-tip-content { 
	padding: 5px; 
	}

.gift-message-form { 
	border: 1px solid #ddd; 
	background-color: #f5f5f5; 
	}
	
.gift-message-form .inner-box { 
	padding: 5px; 
	/*height: 300px;*/ 
	overflow: auto; 
	}
	
.gift-message-link { 
	display: block; 
	background: url(../images/bg_collapse.gif) 0 4px no-repeat; 
	padding-left: 20px; 
	}
	
.gift-message-link.expanded { 
	background-position: 0 -53px; 
	}
	
.gift-message-row .btn-close { 
	float: right; 
	}
	
.gift-message dt strong { 
	font-weight: bold; 
	}

/* Checkout Agreements */

.checkout-agreements li { 
	margin: 10px 0; 
	}
	
.checkout-agreements .agreement-content { 
	border: 1px solid #ddd; 
	background-color: #f6f6f6; 
	padding: 5px; 
	height: 10em; 
	overflow: auto; 
	}
	
.checkout-agreements .agree { 
	padding: 6px; 
	}
	
/********** Common Checkout Styles > */
/* ======================================================================================= */

/* Login Page ============================================================================ */
.login-page .content { 
	min-height: 150px; 
	}
/* ======================================================================================= */

/* My Account ============================================================================= */
/********** < Dashboard */

/* Block: Recent Orders */
.dashboard .recent-orders { 
	margin: 10px 0; 
	}

/* Block: Tags */
.dashboard .tags .number { 
	float: left; 
	margin-right: -20px; 
	}
	
.dashboard .tags .details { 
	margin-left: 20px; 
	}

/********** Dashboard > */

/* Order View */
.order-info { 
	border: 1px solid #ddd; 
	padding: 5px; 
	}
	
.order-info dt, .order-info dd, .order-info ul, .order-info li { 
	display: inline; 
	}
	
.order-info dt { 
	font-weight: bold; 
	}

.page-print .print-head img { 
	float: left; 
	}
	
.page-print .print-head address { 
	float: left; 
	margin-left: 15px; 
	}
	
/* Price Rewrites */
.page-print .gift-message-link { 
	display: none; 
	}
	
.page-print .price-excl-tax, .page-print .price-incl-tax { 
	display: block; 
	white-space: nowrap; 
	}
	
.page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { 
	display: inline; 
	}
/* ======================================================================================= */

.sitemap li {
	float: left;
	width: 50%;
}


/* Footer ================================================================================ */
.footer {
	width: 100%;
	height: /*270px; */ 160px;
	background: transparent url(../images/bg-footer.jpg) repeat-x 0 0; 
	}
	
.footer-content { 
	position: relative; 
	margin: 0 auto;
	width: 1064px;
	height: 150px;
	}
	
.footer .hdp {
	position: absolute;
	left: 0;
	top: 0;
	width: 1044px;
	height: 57px;
	padding: 0 10px 0 10px; 
	background: transparent url(../images/bg-hdp.jpg) no-repeat 0 0;
}

.footer .hp {
	background: transparent url(../images/bg-hdp-hp.jpg) no-repeat 0 0;
}

.footer .hdp p {
	width: 880px;
	height: 32px;
	padding-top: 25px;
	font-size: 0.9em;
	text-align: right;
	background: transparent url(../images/bt-hdp.jpg) no-repeat right 0;
}

.footer .hdp a {
	padding-right: 25px;
	z-index: 999;
}

/*.footer .tags {
	position: absolute;
	left: 0;
	top: 57px;
	padding: 20px 0 20px 290px; 
	width: 600px;
	height: 83px;
	background: transparent url(../images/bg-payment.jpg) no-repeat 30px 2px;
}*/
		
.footer ul.links {
	position: absolute;
	left: 0;
	top: 59px; 
	width: 1044px;
	height: 40px;
	line-height: 40px;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	padding: 0 10px 0 10px; 
	}
	
.footer ul.links a {	
	color: #fff;
}


.footer ul.links li {	
	display: inline;
	background: transparent url(../images/li.gif) no-repeat right center;
	padding: 0 10px 0 10px;
}

.footer ul.links li.last {
	background-image: none;
}

.footer p.copyright {
	position: absolute;
	left: 0;
	top: 99px;
	width: 522px;
	height: 60px;
	line-height: 50px;
	color: #fff;
	font-size: 0.9em;
	padding-left: 10px;
}

.footer p.credits {
	position: absolute;
	left: 532px;
	top: 99px;
	width: 522px;
	height: 60px;
	line-height: 50px;
	text-align: right;
	color: #fff;
	font-size: 0.9em;
	padding-right: 10px;
}

.footer p.credits a {
	color: #fff;
}

h2.sitemap {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/sitemap.jpg) no-repeat 0 0;
}

h2.cgv {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/cgv.jpg) no-repeat 0 0;
}

h2.delivery {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/delivery.jpg) no-repeat 0 0;
}

h2.legal-notice {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/legal-notice.jpg) no-repeat 0 0;
}

h2.press {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/press.jpg) no-repeat 0 0;
}

h2.contact {
	display: block;
	width: 651px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url(../images/contact.jpg) no-repeat 0 0;
}

div.cgv h3, div.legal-notice h3, div.contact h3, div.delivery h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	padding: 5px 0;
}

div.cgv p, div.cgv ul, div.delivery p, div.delivery ul, div.legal-notice p, div.legal-notice ul {
	padding: 10px 0;
}

div.delivery strong {
	font-weight: bold;
}

div.sitemap, div.cgv, div.delivery, div.legal-notice, div.press, div.contact {
	font-size: 0.9em;
	width: 580px;
	margin: 20px 41px 0 10px;
	padding: 9px;
	border: 1px solid #cecece; 
	background-color: #fff;
}
	
/* ======================================================================================= */
