/*
	~ content.css ~
	
	Styles liés aux contenus des pages.
	
	By BeliG
	last update : 31-01-10
*/

/***** Some styles *****/

	/* Links */

a { color:#000; }	
a:hover { text-decoration:none; }	

	/* Titles */

h3 { color:#000; font-weight:normal; padding-bottom:5px; }	
	
	/* Margins / Paddings */

.margin_bottom_10  { margin-bottom:10px; }
.padding_top_20    { padding-top:20px; }
.padding_bottom_20 { padding-bottom:20px; }
.padding_bottom_5  { padding-bottom:5px; }
.nopadding         { padding:0; }
.nomargin          { margin:0; }

	/* Columns */

div.sidebar_left { width:347px; float:left; }
div.sidebar_right { width:440px; margin-left:371px; }

	/* Icons */

a.pdf { background:transparent url(../img/icon_pdf.png) no-repeat left top; padding-left:20px; }

/***** Galleries layout *****/

div.container_galleries, div.container_galleries ul { overflow:hidden; }
div.container_galleries { background-color:#000; }

div.container_galleries ul li { position:relative; float:left; width:115px; height:115px; border-bottom:1px solid #fff; border-right:1px solid #fff; }
div.container_galleries ul li a { color:#fff; }
div.container_galleries ul li a span { cursor:pointer; /* Correctif IE6/7 */ display:block; width:100%; height:100%; position:absolute; top:0; left:0; }
div.container_galleries ul li a span.picture { z-index:2; }
div.container_galleries ul li a span.content { font-size:85%; width:95px; /*115*/ height:95px; /*115*/ padding:10px; background:#000; z-index:1; text-transform: uppercase; line-height: 17px; }
div.container_galleries ul li a:hover span.picture { z-index:1; }
div.container_galleries ul li a:hover span.content { z-index:2; }

    /* Menu mon compte/panier */
div#header div.top   { padding:6px; background:#000;  text-align:right; }    
div#header div.top a { color:#fff; font-size:12px; text-decoration:none; margin-left:20px; }

    /* Shop */
div.container_shop div.shop_menu { float:left; width:222px; }
div.container_shop div.content { float:left; width:580px; }

div.container_shop div.thumb, 
div.container_shop div.main_thumb,
div.container_shop div.black_box  { position:relative; float:left; width:115px; height:115px; border-bottom:1px solid #fff; border-right:1px solid #fff; }
div.container_shop div.main_thumb { width:231px; height:231px; background:#000; }
div.container_shop div.black_box  { width:321px; /* 347 */ height:89px;/* 115 */ background:#000; padding:13px; }
div.container_shop div.black_box p.title  { font-size:16px; color:#fff; background:none; }
div.container_shop div.black_box p.desc   { font-size:14px; color:#8e8e8e; background:none; line-height:18px; }
div.container_shop div.black_box p.link   { font-size:14px; color:#fff; }
div.container_shop div.black_box p.link a { color:#fff; text-decoration:underline; }
div.container_shop div.thumb			{ background-color:#000; }

div.container_shop div.content p.category_name  { background:#000; font-size: 17px; color:#fff; padding:7px; margin-bottom:1px; }
div.container_shop div.content p.product_desc   { font-size: 14px; color:#8b8b8b; line-height:21px; margin:15px 0 30px 0; }
div.container_shop div.content div.image_holder { width:348px; height:367px; /*background:#eee;*/ line-height:367px; text-align:center; vertical-align:middle; float:left; }
div.container_shop div.content div.product_info { padding-left:50px; width:170px; float:left; } 
div.container_shop div.content div.product_info p { color:#8b8b8b; font-size:14px; line-height:24px; }
div.container_shop div.content div.product_info p span { color:#000; }
div.container_shop div.content div.product_info p.name,
div.container_shop div.content div.product_info p.price { color:#000; font-size:17px; }
div.container_shop div.content input.small_input { border:1px solid #000; padding:3px; text-align:center; width:16px; /* 22 */ height:16px; /* 22 */ display:inline; }
div.container_shop div.content div.zoom_button  { clear:left; width:348px; text-align:center; padding-top:10px; }

div.container_shop ul.categories li         { margin-bottom:10px; }
div.container_shop ul.categories li.last    { margin:0px; }
div.container_shop ul.categories li.on span { background:#000; color:#fff; }
div.container_shop ul.categories li a       { color:#646464; font-size:15px; text-decoration:none; }
div.container_shop ul.categories li a span  { display:inline-block;  padding:2px; }
div.container_shop ul.categories li a span:hover { background:#000; color:#fff; }

div.container_shop table.items             { border:0; width:100%; border-collapse:collapse; }
div.container_shop table.items th          { background:#000; color:#fff; font-size:12px; text-align:left; padding:8px; font-weight:normal;}
div.container_shop table.items th.centered { text-align:center; }

div.container_shop table.items td           { font-size:12px; color:#000; text-align:left; padding:10px; vertical-align:top; }
div.container_shop table.items td.centered  { text-align:center; }
div.container_shop table.items td.valign_middle  { vertical-align:middle; }

div.container_shop table.items td.right     { text-align:right; padding-right:0; }

div.container_shop table.items tr           { border-bottom:1px solid #000;}
div.container_shop table.items tr.last      { border:0; }
div.container_shop table.items tr.last td   { padding-top:20px; }

div.container_shop table.items div.shipping   { padding:15px; color:#fff; width: 200px; /* 230 */ background:#000; }
div.container_shop table.items div.shipping a { color:#fff; }
div.container_shop table.items p.total_price  { font-size:17px; line-height:22px; }
div.container_shop table.items p.black        { font-size:14px; line-height:22px; }
div.container_shop table.items p.warning,      
div.container_shop table.items p.grey         { color:#8b8b8b; font-size:13px; line-height:22px; }

     /* checkout tableau */
div.container_shop table.checkout                  { border:0; width:100%; border-collapse:collapse; }
div.container_shop table.checkout td               { font-size:12px; color:#000; padding:10px; vertical-align:top; }
div.container_shop table.checkout input, textarea  { padding:4px; }
div.container_shop div.content p.checkout_section  { background:#000; font-size: 14px; color:#fff; padding:7px; }

ul.errorlist li { color:#6b1f1f; font-weight:bold; }

	/* Home */

div.gallery_home { width:100%; }
div.gallery_home ul { width:812px; }

	/* Artists */

div.gallery_artists { width:347px; }
div.gallery_artists ul { width:348px; }

	/* Thumbs */

div.gallery_thumbs { position:relative; background:url(../img/gallery_thumbs_bg.png) repeat left top; width:100%; height:348px; overflow:hidden; }
div.gallery_thumbs ul { border-left:1px solid #fff; margin:0 auto; width:581px; position:relative; z-index:2; }

/***** Lists *****/

	/* divs list-like */
	
div.list-like { /*height:347px;*/ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #c6c6c6; }
div.last { margin-bottom:0; padding-bottom:0; border:none; }

	/* informations */

dl.informations { line-height:2; }		
dl.informations dd.content { padding-top:3px; color:#b3b3b3; line-height:1.5; }	
dl.informations dd.content p { margin-bottom:10px; }	

/***** Arrows *****/

p#nav_gallery span a,
span.artists_detail a { position:absolute; display:block; width:115px; height:115px; text-indent:-9999px; }

div#wrapper p#nav_gallery span a:hover { background-position:top; }
div#wrapper span.artists_detail a:hover { background-position:bottom; }

	/* Artists Thumbs */

p#nav_gallery.artists_thumbs span a { top:116px; }
p#nav_gallery.artists_thumbs span.previous a { left:0; background:transparent url(../img/nav/arrow_left.png) no-repeat bottom; }
p#nav_gallery.artists_thumbs span.next a { right:0; background:transparent url(../img/nav/arrow_right.png) no-repeat bottom; }

	/* Artists Detail */

span.disabled { display:none; }
span.artists_detail { cursor:pointer; }
span.artists_detail a { top:137px; }
span.previous a { left:0; background:transparent url(../img/nav/arrow_left.png) no-repeat top; }
span.next a { right:0; background:transparent url(../img/nav/arrow_right.png) no-repeat top; }

/***** Page Artists Detail *****/

div#artists_detail { position:relative; width:100%; }
div#artists_detail div.carousel { text-align:center; width:550px; margin:0 auto; }
div#artists_detail ul li { float:left; width:550px; height:450px; }
div#artists_detail ul li dl { line-height: 19px; }
div#artists_detail ul li dl dd { display:inline; }
div#artists_detail ul li dl dd.display_block { display:block; }

/***** Page About *****/

div#about dl.informations { line-height:1.8; padding-bottom:15px; }
div#about dl.last { padding-bottom:0; }
div#about dl.informations dd.content { padding-top:15px; }

/***** Forms *****/

form.form_tpl_1 input.txt { width:230px; }

form.form_tpl_1 input.txt,
form.form_tpl_1 input.sub { border-color:#c6c6c6; background:#fff; }

form.form_tpl_1 input.txt:hover,
form.form_tpl_1 input.txt:focus,
form.form_tpl_1 input.sub:hover { color:#333; border-color:#333; }

form.form_tpl_1 input.sub { padding:1px; padding-top:0; color:#999; font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; }

	/* Form-like */

span.label { float:left; width:100px; color:#000; }	
	
/***** Page Contact *****/

div#contact { color:#999; }


/***** Page Catalogue *****/

p.catalogue_back 		 { margin-bottom:10px; }
p.catalogue_back a		 { color:#999; }