[SOLVED] Homefeatured 4 kolumny

tamburyniarz · October 22, 2013

Witam,
Mam kolejny problem, który wydawał mi się dość błahy, lecz nie mogę sobie z nim poradzić. Otóż w module produktów polecanych na stronie głównej standardowo są 4 kolumny, lecz motyw, który zainstalowałem i przerobiłem ma ich tylko 2, a chciałbym mieć standardowo 4. Odinstalowanie i zainstalowanie modułu oczywiście nic nie daje, bo zmiany te zapisane są w plikach motywu. Nie jest to też zmienione w kat. modules w plikach motywu. Zakładam, że jest to w którymś z CSS (wiem, ale odkryłem), ale nie wiem którym, obstawiam layouts.css albo global.css. Próbowałem znaleźć wskazówki używając opcji zbadaj element w chromie, ale nic nie znalazłem, Próbowałem szukać też po szerokości i wysokości lecz też lipa.

layouts.css

/* Design by VTEM http://www.vtem.net  All Rights Reserved */

#page {
	width:100%;
	margin: 0 auto;
	text-align: left;
	/* background:url(../img/vp_bgpage.jpg) left -50px repeat-x; */
}
#header{display:block; margin:0 auto; min-height:135px; clear:both; width:980px;}
#columns{ display:block; width:980px; clear:both; margin:0 auto !important; padding:15px 0px; }
.vt_container{ width:980px; margin:0 auto;}
/* Footer */
#footer {
	display:block;
	clear: both;
	background:#e3c280;
	color:#888;
}

#right_column div.block h4,
#left_column div.block h4,
#featured-products_block_center h4,
#category h1, #new-products h1,
#prices-drop h1, #stores h1,
#manufacturer h1, #best-sales h1,
#contact-form h1, #sitemap h1,
#authentication h1, #my-account h1,
#order h1, #search h1, #supplier h1,
#products-comparison h1{
height:38px;
line-height:38px;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
padding-left:10px;
background:url(../img/vp_bgtitle.jpg) left top repeat-x;
}
#category h1, #new-products h1,
#prices-drop h1, #stores h1,
#manufacturer h1, #best-sales h1,
#contact-form h1, #sitemap h1,
#authentication h1, #my-account h1,
#order h1, #search h1, #supplier h1,
#products-comparison h1{
border:1px solid #cacaca;
border-bottom:0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; 
}


#right_column h4,
#left_column h4{ font-size:12px; font-weight:bold; text-transform:uppercase;}
#right_column h4 a:hover,
#left_column h4 a:hover{ text-decoration:none;}


#header_right #searchbox {
    border: medium none;
    display: inline;
	margin:8px 10px 0px 0px !important;
	float:right;
	z-index:9999;
}

#header_right #search_block_top {
	position:absolute;
	left:auto !important;
	right:0px;
    height: 37px;
	width:257px;
	top:50px;
	background:url(../img/vt_bg_boxsearch.png) no-repeat;
	z-index:9999;
}

#header_right #search_block_top .button {
	width:43px !important;
	height:25px;
	border:0px;
	background:none;
	text-indent:-9999px;
	font-size:0px;
	position:relative;
	top:-7px;
}
#header_right #search_block_top .button:hover{ cursor:pointer;}
#header_right #search_block_top input.search_query {
    width: 160px;
	background:none;
	margin-right:7px;
	margin-left:3px;
	border:0px;
	padding:0px;
}

.ac_results {
    background-color: white;
    border: 1px solid #ccc !important;
    overflow: hidden;
    padding: 0;
	width:225px !important;
    text-align: left;
    z-index: 99999;
}
.ac_results li {
    cursor: default;
    display: block;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px;
	
}
.ac_results li strong{ background:#fcd090; display:inline-block;}
.ac_over {
    background-color: #eee !important;
    color: #666 !important;
}


/* head right   */
#languages_block_top,
#currencies_block_top {
    text-align: left;
	padding: 2px 0px !important;
	color:#999;
	float:right !important;
	display:inline-block;
	background:none !important;

}
#currencies_block_top{ 
	top:55px; 
	width:110px; 
	position:absolute; 
	right:290px; 
	line-height:16px; 
	text-align:left; 
	color:#999;
}
#languages_block_top {
	border-right: 1px solid #666;
	padding-right: 35px;
	position: absolute;
	right: 395px;
	top: 55px;
}

#setCurrency .currencies_ul_hover,
#countries .countries_ul_hover{ 
background:none !important; 
padding:0px !important; 
width:auto !important; 
position:inherit !important;
}
#countries .countries_ul,
#setCurrency .currencies_ul{ display:block !important; padding:0px !important; float:right !important;}
#currencies_block_top select{
	width:100px; 
	float:right;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:28px;
	position:relative;
	top:-3px;
	  }
#currencies_block_top p{ padding:2px 10px 0px 0px; float:left; line-height:15px;}	  
#header_right form {
    border: medium none;
    display: inline;
    margin-bottom: 0 !important;
}
#header_right ul {
    list-style: none outside none;
}
#header_user_info{ *min-width:200px; margin:3px 15px 0px 0px !important; clear:none !important;}
#header_user_info a{
	border:0px !important;
	background:none !important;
	text-decoration:none !important;
	padding:0px !important;
	color:#999;
}
#currencies_block_top li {
    float: right;
	text-align:left;
    margin-left: 5px;
}
#currencies_block_top a {
    font-size:12px;
    line-height: 1.5em;
    min-width: 1em;
    padding: 0 3px 0 3px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
	color:#999;
	border:1px solid #ccc;
	margin-left:5px !important;
}
#currencies_block_top .selected a {
    background-color: transparent;
	padding: 0 3px 0 3px;
    font-size: 11px;
    font-weight: bold;
    font-size:12px;
    line-height: 1.5em;
}

#currencies_block_top{ display:inline-block !important; width:100px !important; margin-top:0px !important; float:right;}
#header_right #languages_block_top {
    float: right;
	width:90px;
	margin-top:0px !important;
	padding:0px 10px 5px 0px !important;
	height:20px;
	line-height:20px;
	background:url(../img/vt_bgline_headlink.png) right top repeat-y !important;
	display:inline-block;
}
#languages_block_top ul#first-languages li {
    float: left;
    margin-right: 10px !important;
	opacity:0.3;
	filter:alpha(opacity=30);
	list-style:none;
}
#languages_block_top ul#first-languages li:hover,
#languages_block_top ul#first-languages li.selected_language{ opacity:1;filter:alpha(opacity=100);}

/* Block Cart */

#header_right #header_user {
    float: right;
    text-align: right;
    width: 570px !important;
	position:absolute;
	top:12px !important;
	right:0px !important;
	color:#999;
	margin-top:0px !important;
}

#header_user_info a.account{ margin-left:10px !important;}	
#header_user_info a:hover,
#header_user a:hover{ text-decoration:underline !important;}

#header_user #shopping_cart, #header_user #your_account {
    font-size: 12px;
}
#header_user li {
    float: right;
    margin: 0px 5px !important;
    white-space: nowrap;
}
.attribute_fieldset{ border:0px;}
#fancybox-wrap{ z-index:9999 !important;}
#viewed-products_block_left ul li{ margin:5px 0px;}
#header_user #header_nav{
	 padding-left:10px;
	 position:absolute;
	right:10px;
	top:80px;
	 }
#shopping_cart a{ 
background:url(../img/cart_style.png) left center no-repeat !important; 
border-radius:0 !important;
width:auto !important; 
height:25px !important;
line-height:25px !important;
font-weight:bold;
color:#999 !important;
padding:0px 42px 0px 43px !important;
text-align:right;
text-decoration:none !important;
}
#shopping_cart a:hover{ text-decoration:none !important;}
#cart_block #cart_block_list dt a{ color:#fff !important; font-weight:normal !important;}
#cart_block #cart_block_list dt{ clear: both;}
.ajax_cart_product_txt_s,
.ajax_cart_product_txt{ display:none !important;}

#cart_block #cart-prices{ 
clear:both; 
margin-top:10px; 
float:left; 
width:100%;
padding:10px 0px !important; 
display:block;
}

#cart_block .arrow_drop	{
	width:100%;

	height:8px;
	position:absolute;
	top:-8px;
	background:url(../img/arrow_drop.png) center top no-repeat;
}

#cart_block .block_content{ padding:8px 8px 10px !important;}
#cart-buttons{ text-align:center;}
#cart_block #cart-buttons #button_order_cart span{
	display:none !important;
	background:none !important;
	padding-right:30px !important;
	left:auto !important;
	top:2px !important;
	width:75px !important;
	right:10px !important;	
}
#cart_block a{ color:#fff;}
#header #cart_block .price{ font-family:Arial, Helvetica, sans-serif; font-weight:normal !important;}
#header_user #shopping_cart .ajax_cart_quantity{ font-size:12px !important; font-weight:normal !important;}
#shopping_cart a span{ padding-left:18px; text-align:center;}
#shopping_cart a span.ajax_cart_no_product,
#shopping_cart a span.ajax_cart_quantity{ position:absolute; font-weight:normal; top:0px; right:0px; width:47px;}
#header_user #your_account a {
    background:url(../img/my_account.png) left center no-repeat !important;
	font-weight:bold;
}

#shopping_cart a:hover{ text-decoration:none !important;}
#header #cart_block{
	z-index:9999 !important;
	top:130px !important;
	right:0px !important;
	box-shadow:none !important;
	border-radius:3px !important;
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	background:#666 !important;
	color:#fff !important;
	width:230px !important;
	}
#cart_block #cart_block_list dd{margin:0px !important; clear:both;}	
#cart_block .price{ color:#fff !important;}
#cart_block .arrow_drop	{
	width:100%;
	height:8px;
	position:absolute;
	top:-8px;
	left:0px;
	background:url(../img/arrow_drop.png) center top no-repeat;
}
#cart_block #cart-buttons #button_order_cart{
	color:#666 !important;
	height: 25px;
	line-height: 25px;
	padding: 2px 10px !important;
	width:115px !important;
	text-transform:uppercase;
	margin-bottom:10px;
	float:none !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	background:#fff url(../img/button_overlay_lang.png) left top repeat-x;
}
#cart_block #cart-buttons #button_order_cart:hover{
	background:#fff url(../img/button_overlay_lang.png) left -70px repeat-x;
	text-decoration:none !important;
	}
#cart-buttons{ text-align:center;}
#cart_block .remove_link a{	background:url(../img/delete3.png) 0 2px no-repeat !important; height:20px !important;}
.vp_shipping, .vp_total,
#cart_block #cart_block_list dt a,
#cart_block .quantity-formated{ float:left;}

ul#header_links {
    float: left;
    list-style-type: none;
	position:absolute;
	left:0px;
	height:46px;
	line-height:43px;
	top:80px;
	width:980px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:url(../img/header_links.jpg) left center repeat-x;
}
#header_links li {
float: left !important;
padding:15px 10px !important;
border:0px !important;
}
#header_links a {
color: #666;
text-align: center;
text-transform:capitalize;
text-decoration: none;
padding:5px 15px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
	
}
#header_links a.active, #header_links a:hover{
color:#eee; text-decoration:none !important;
cursor:pointer;
background:url(../img/vp_button_green.png) left top repeat-x;
 }

#center_column .products_block ul li {
	float: left;
	margin:0px !important;
	width:49%;
	text-align:center;
	background:url(../img/vp_line_freature.png) right top repeat-y;
}
#center_column .products_block ul li.last_item_of_line{
background:none !important;
}
#center_column .products_block ul li .product_image{ margin-top:15px;}
#center_column .products_block ul li div.vp_bgline{
background:url(../img/vp_line.png) left bottom repeat-x;
padding-bottom:15px;
}
#center_column .products_block ul .product_accessories_description {
	margin: 0;
	padding: 0;
	height: 280px
}


/* exclusive button */
input.exclusive, input.exclusive_disabled, span.exclusive, a.button_large, .exclusive_large,
.expanded #cart-buttons a.button_small, a.exclusive, input.button, a.button, input.button_large, p.logout a,
#pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span,
#new-products_block_right .button_large,.blockspecials p a,
ul.pagination .current span, ul.pagination a, .pagination input.button_mini, .menu a:hover, .menu li.active a, ul.menu li a.menuhover {
padding:0px 15px !important;
height:24px;
line-height:24px;
display:inline-block;
color:#cacaca;
text-align:center;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:url(../img/vp_button_black.png) left top repeat-x;

}
.blockspecials p a,
#new-products_block_right .button_large{background:url(../img/vp_button_black.png) left top repeat-x !important; color:#cacaca !important;}
/* hover button */
input.button_small:hover, input.button:hover, input.button_large:hover, .exclusive_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,.blockspecials p a,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover, a.exclusive:hover, span.exclusive:hover,
.expanded #cart-buttons a.button_small:hover, a.button_large:hover, #cart_block p#cart-buttons a.button_small:hover, p.logout a:hover,
input.button:hover , a.button:hover, input.button_large:hover,  p.logout a:hover,
#pagination_previous a:hover, #pagination_previous span:hover, #pagination_next a:hover, #pagination_next span:hover ,
ul.pagination .current span:hover, ul.pagination a:hover, .pagination input.button_mini:hover{
cursor:pointer;
text-decoration:none;
background:url(../img/vp_button_black.png) left -24px repeat-x;
}
.blockspecials p a:hover,
#new-products_block_right .button_large:hover{background:url(../img/vp_button_black.png) left -24px repeat-x !important;}
/*  Add to Cart  */

.exclusive.ajax_add_to_cart_button,
#button_order_cart.exclusive{
color:#eee;
background:url(../img/vp_button_green.png) left top repeat-x;

}
#special_block_right p{ text-align:center !important;}
.exclusive.ajax_add_to_cart_button:hover,
#button_order_cart.exclusive:hover{
cursor:pointer;
background:url(../img/vp_button_green.png) left -24px repeat-x;
}


/*  Feature products    */

#new-products_block_right a.button_large,
#new-products_block_left a.button_large,
.blockspecials p a,
.blockspecials .block_content p a.button_large{ width:100% !important; padding:0px !important; text-align:center;}
.blockspecials p a:hover{ text-decoration:none !important;}
#center_column div.products_block h5 a {
	font-size: 16px;
	font-weight:normal;
}
.blockstore{ text-align:center;}
.blockstore .store_image{ margin:10px 0px !important; display:block; text-align:center;}
#center_column div.products_block h5 a:hover{ color:#690;}
.vt_block_product_feature .price{ font-size:24px; font-weight:bold; display:block; text-align:center; color:#990000;}
.vt_block_product_feature a.exclusive{ color:#fff !important;}
.vt_block_product_feature .exclusive{ font-size:11px; text-transform:uppercase; font-weight:bold; width:100px; margin:0 auto; text-align:center;}
.vt_block_product_feature h5{ text-align:center;}

#left_column div.block, #right_column div.block {
    padding-bottom: 10px !important;
	margin-bottom:10px;
}
#index #center_column div.products_block a.product_image img{ width:190px !important; height:190px !important;}
#editorial_block_center,
#center_column .products_block{ margin-bottom:10px;}

.vp_boxstyle, #product #primary_block,#cms .rte,
#center_column .products_block .block_content{ padding:10px; float:left;}
#editorial_block_center{ padding:10px 10px 6px 10px;}


#product #primary_block,#sitemap_content,#listpage_content,
#more_info_block #more_info_sheets,
.vp_boxstyle, #cms .rte,
ul#product_list li, #order .order_delivery,
#editorial_block_center,
#featured-products_block_center,
#left_column div.block, 
#right_column div.block, 
ul#product_list li, 
#order-detail-content{
    background-color: #fbedd0;
	border:1px solid #cacaca;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
}
#listpage_content{ display:block; clear:both; margin-top:10px;}
#cart_block.block{
background:#f5f5f5 url(../img/vp_bgtitle.jpg) left top repeat-x;
} 
#cart_block_summary{ padding-top:10px;}
/* Block Cart */
#right_column div#cart_block h4 a, #left_column div#cart_block h4 a{ color:#666 !important;}


div.block .block_content form{ clear:both; padding:5px 0px;}
div.block .block_content form p{ text-align:center;}
.blockmanufacturer #manufacturer_list{ width:90%; margin-top:5px;}
#right_column div.block .block_content,
#left_column div.block .block_content {
    border:none !important;
    padding:0px 10px 0px 10px !important;
}

.expanded a.cart_block_product_name,
#cart_block h4 a, .products .quantity-formated a{ background:none !important; color:#666;}
#cart_block .products a:hover{  text-decoration:underline;}
div.block {
    margin-bottom: 1em;
    width:auto !important;
}
#right_column #cart_block h4,
#left_column #cart_block h4 {
    background:url(../img/vt_cart.png) no-repeat right center;
	margin:0px;
	border:0px;
}
#cart_block p#cart-prices,
#cart_block_list .products {
    clear: both;
    display: block;
	padding-bottom:3px;
	float:left;
	width:100%;
	color:#fff;

}
.products_block ul.product_images,
.products_block dl dd{background:url(../img/vp_line.png) left bottom repeat-x;}
.products_block dl dd{ margin-bottom:3px; border:0px !important}
#new-products_block_right dd a.lnk_more,
.products_block dl.products a img{ display:none !important;}
.products_block ul.product_images{ padding:10px 0px;}
.products_block ul.product_images li img{ width:70px; height:70px;}
#cart_block_summary.expanded .ajax_cart_no_product{ padding-top:10px; display:block;}
#cart_block dt, #cart_block dd {
    clear: both;
    margin-top: 2px;
}

#cart_block dt {
    text-align: right;
	display:block;
	padding:5px 0px;
}
#cart_block dt {
    padding-top: 4px;
}
#cart_block dl dt a {
	padding-left:1px;
	color:#666;
}
#cart_block dl dt a, #cart_block dl dt span.quantity-formated {
    float: left;
}
#cart_block dl dt span.quantity-formated .quantity{ font-weight:bold;}
#cart_block a.ajax_cart_block_remove_link {
    background:url(../img/icon/delete.png) no-repeat left bottom !important;
    display: block;
    float: right;
    font-size: 0;
    height: 13px !important;
    margin-left: 6px;
    width: 11px;
}
#right_column p,
#left_column p {
    clear: both;
}
#cart_block h4 span {
    background-position: 3px 3px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 15px;
    text-transform: none;
}
#cart_block_wrapping_cost, #cart_block_shipping_cost, #cart_block_tax_cost, #cart_block_total {
    padding-right:18px;
}
#cart_block h4 span#block_cart_collapse {
    background-image:url(../img/icon/sort_asc.png);
}
#cart_block h4 span#block_cart_expand {
    background-image:url(../img/icon/sort_desc.png);
}

#cart_block span.price {
    float: right;
}
#cart_block p#cart-buttons {
    margin:0px;
	text-align:center;
}
#cart_block p#cart-buttons a, p.logout a {
	margin:10px 5px 0px 0px;
}

	
/*  View Products  */

#viewed-products_block_left ul.products li{
	padding:10px 0px !important;
	background:url(../img/vp_line.png) left bottom repeat-x;
}	

/*  Specials  */

#right_column .myaccount h4 a, #left_column .myaccount h4 a{ color:#666 !important;}
#right_column .myaccount ul li a{ color:#fff !important;}
#special_block_right .products li{
	clear: none;
    float: left !important;
    padding:0px !important;
    width: 47% !important;}
	
.blockspecials .product_image{margin-right:5px;}	
.blockspecials .product_image img{ float:left; width:70px; height:70px;}
.blockspecials ul li h5{ display:block; clear:both; font-size:12px; padding:5px 0px !important; font-weight:bold;}
.blockspecials ul li h5 a:hover{color:#690 !important;}
.blockspecials ul li span{ line-height:25px;}
.blockspecials ul li .price-discount,
.blockspecials ul li .reduction{ font-size:12px; color:#aaa;}
.blockspecials ul li .price{ font-size:18px !important; font-weight:bold !important; color:#fe0101 !important;}

#cart_block_no_products{ color:#690; background:url(../img/vp_line.png) left bottom repeat-x; font-weight:bold; padding:10px 0px;}
.blockspecials ul.products{
display: block;
float: left;
width:100% !important;
padding: 10px 0;
 }
.blockspecials ul li .reduction{ display:none !important;}
#viewed-products_block_left .text_desc{ width:100px !important; margin:0px !important; }
#viewed-products_block_left .block_content a img{ width:58px; height:58px; margin-right:7px; float:left;}
#viewed-products_block_left .block_content p{ clear:none !important;}
#viewed-products_block_left .block_content p a img{ width:auto !important; padding:0px; display:none; margin-right:0px; height: auto !important; float:none !important;}
#viewed-products_block_left .block_content h5 a:hover{color:#690;}

#editorial_block_center img{ width:525px;}
.category-product-count{ display:inline-block; padding-left:10px;text-transform:none; font-style:italic;}
.content_sortPagiBar{ width:100%; float:left;}

/*   Footer   */

#footer .block_various_links{ list-style:none; padding:10px 0px; text-align:center;}
#footer .block_various_links h4{ display:none;}
#footer .block_various_links li{ list-style:none; display:inline; color:#888;}
#footer .block_various_links li.last_item{ 
color:#888; 
display: block;
padding: 10px 0px 0px 0px;
	}
#footer .block_various_links li a{ 
color:#888; 
border-right:1px solid #888;
text-decoration:none;
padding:0px 6px; 
}
#footer .block_various_links li a:hover{
color:#aaa;
text-decoration:underline;
}
#footer .block_various_links li.last_item a{ border:0px;}
#footer .block_various_links li.last_item a{ color:#888;}
.center_footer{ margin:0 auto; width:191px;}
 
/* Categories  */

#categories_block_left ul li,
.informations_block_left ul li, 
ul.bullet li, 
.block ul.bullet li, 
li.bullet{
background:url(../img/vp_line.png) left bottom repeat-x;
padding:7px 0px;
margin:0px;
border:0px;
}
#categories_block_left ul li a,
.informations_block_left ul li a, 
ul.bullet li a, 
.block ul.bullet li a, 
li.bullet a{ 
list-style:none; 
border-left:0px;
padding:7px 0px 7px 15px;
margin:0px 5px;
background:url(../img/arrow.png) left center no-repeat;
}
#categories_block_left ul li a:hover, 
#categories_block_left ul li a.selected,
.informations_block_left ul li a:hover, 
ul.bullet li a:hover, 
.block ul.bullet li a:hover, 
li.bullet a:hover{ color:#690;}

#categories_block_left ul ul{ margin-left:12px;}
#editorial_block_center img,
.block_content.blockstore img,
.products_block .products img,
.product_image img, 
.product_img_link img, 
#image-block img,
#suppliers_list img, 
#manufacturers_list img,
.products_block ul.product_images li img{ background:#fff; padding:5px; border:1px solid #e5e5e5;}
.block_content.blockstore img{ width:164px; height:105px;}

/*  Products List   */

#center_column #product_list { display:block; margin:10px 0px; padding: 5px 0 0; }

form.product_compare {
    text-align: right;
	margin-top:7px;
	float:right;
}
form.product_compare p{ margin:0; padding:0;}
.product_compare input.button{color:#666; height:25px; line-height:25px; padding:0px 10px !important; }
form#productsSortForm{
	height: 20px;
    padding:0;
	color:#666;
    text-align: right;
	width:40%;
	float:left;
}
#vp_comparator{  display:inline-block; float:right;}
form#productsSortForm select {
    float: right;
    height: 24px;
	color:#666;
    width: 160px;
	margin-right:5px;
}
form#productsSortForm label {
    display: block;
    float:left;
    padding: 2px 7px 0 0;
}
ul#product_list li:first-child {
    margin: 0;
}
ul#product_list li {
    margin: 0px 0px 10px 0px !important;
}
ul#product_list li a.product_img_link {
    display: block;
    float: left;
    width: 130px;
	margin-right:15px;
}
ul#product_list a.product_img_link img {
    display: block;
    vertical-align: bottom;
	border:1px solid #eee;
}
ul#product_list li div.center_block {
	width: 350px;
	float:left
    
}
ul#product_list li div.right_block {
    float: right;
    width: 135px;
}
ul#product_list .vt_box_list_products{ margin:10px;}
ul#product_list li div.center_block div.product_flags {
	width:200px;
	float: left;
}
ul#product_list li div.center_block div.product_flags h3{ display:block; clear:both;}
ul#product_list li div.center_block div.product_flags span {
    display: block;
    float: left;
	font-size:11px;
    padding: 2px 5px;
    text-transform: none;
	webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
}
#product_list .right_block a.button,
#product_list .right_block a.button:hover{ color:#fff !important;}

ul#product_list li div.center_block div.product_flags span.new {
    color:#FFF;
    margin: 0 10px 0 0;
	background:#c00;
	font-weight:bold;
}
ul#product_list li div.center_block div.product_flags span.availability {
    color: #fff;
	background:#690;
}

a.product_link {
	text-decoration:none;
    text-transform: none !important;
	text-align:left;
	display:block;
	clear:both;
	float:left;
}
a.product_link:hover{ text-decoration:underline;}

a.product_descr {
    color: #666;
    text-decoration: none;
    text-transform: none !important;
}
a.product_descr:hover{color: #b11762;}
ul#product_list li div.right_block span.price {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#fe0101;
}
ul#product_list li div.right_block a{ width:100px !important; margin:0 auto; margin-bottom:10px;}
#product_list .right_block a.vt_addcart_exclusive,
#product_list .right_block a.vt_addcart_exclusive:hover{ color:#fff !important;}
#product_list .right_block a.vt_view_exclusive, #product_list .right_block a.vt_view_exclusive:hover{ color:#666 !important; text-shadow:0 1px 0 #FFFFFF;}
ul#product_list li div.right_block p.compare {
    height: 15px;
    padding: 0px 0px 10px 0px ;
	text-align:right;
	color:#999;
	
}
ul#product_list li a:hover{ color:#690; text-decoration:underline;}
ul#product_list li div.right_block .availability{ display:block; padding-bottom:10px; color:#999;}
ul#product_list li div.right_block .discount,
ul#product_list li div.right_block .on_sale{ 
font-size: 11px;
padding: 0 0 10px;
text-align:right;
text-transform: uppercase;
}
span.discount{ color:#c00;}
span.on_sale{color:#690;}
#primary_block #pb-right-column {
    float: left;
    padding: 5px 0 0;
    width: 210px;
}
#center_column p{ padding-top:8px; color:#666;}
#primary_block #pb-left-column {
    color: #666666;
    float: right;
    margin: 5px 0 0 5px;
    width: 290px;
}

#pQuantityAvailable{ font-weight:bold; color:#fff;}

.vt_addresses{ padding:10px;}
#primary_block #image-block{float:left;}
#primary_block #image-block img#bigpic {
    cursor: pointer;
    margin: 0px;
	padding:0px;
	border:0;
}
#thumbs_list {
    overflow: hidden;
}
span.view_scroll_spacer {
    float: left;
    height: 80px;
    width: 17px;
}
#thumbs_list {
    float: left;
    overflow: hidden;
    width: 255px;
}
#thumbs_list li {
    cursor: pointer;
    float: left;
    height: 130px;
    width: 80px;
}
#primary_block ul#usefull_link_block {
    clear: both;
    overflow: hidden;
    padding:0;
	margin-left:5px;
}
#primary_block ul#usefull_link_block li {
    background:url(../img/bullet_alt.gif) no-repeat 0 14px;
    padding: 7px 0 0 10px;
}

#primary_block ul#usefull_link_block li .span_link{ text-decoration:underline;}
#primary_block ul#usefull_link_block li .span_link:hover{ text-decoration:none;}
#primary_block #short_description_block, #primary_block #short_description_content, #primary_block #short_description_content p {
    padding: 0;
	color:#666;
}
#primary_block p.buttons_bottom_block a.button{ width:100px;}

#primary_block form#buy_block span.discount{ font-weight:normal; text-transform:none; display:block; padding-bottom:10px;}
#primary_block form#buy_block span.our_price_display, #primary_block form#buy_block span.bold{
    margin:0;
	font-weight:normal;
}
#primary_block form#buy_block span.our_price_display,
#primary_block form#buy_block span#our_price_display {
    font-size: 24px;
    font-weight: bold;
	clear:both;
	text-align:right;
	display:block;
    margin:0px;
	float:right;
}
#primary_block form#buy_block span#old_price_display{
	 font-size:12px; 
	 color:#aaa; 
	 margin-right:5px; 
	 text-decoration:line-through;
	 }
#pb-left-column #attributes	{ display:block; padding:10px 0px;} 
.buttons_bottom_block .exclusive{ margin:0px !important;}
.buttons_bottom_block a.button{ 
border:0px !important;
padding: 5px 0 5px 10px !important;
text-align: left;
background:url(../img/bullet_alt.gif) left center no-repeat !important;
}
.buttons_bottom_block a.button:hover, .sitemap_block ul li a:hover{ text-decoration:underline !important;}

#create-account_form, #authentication #login_form {
    clear: none;
    float: left;
    height: 250px;
    width: 49%;
}
#authentication #create-account_form fieldset, #authentication #login_form fieldset {
    height: 214px;
}
#my-account ul.my_account li{ padding:5px 0px;}
#create-account_form {
    margin-right: 11px;
}
p.logout{ display:block;}
p.logout a{ width:60px; padding:5px 10px;}

ul#address_delivery, ul#address_invoice, .sitemap_block, .addresses ul.address,
div.categTree, .order_delivery .address, .store-small { 
	float: left;
    list-style:none;
    padding: 10px;
    width: 45%;
	}
.store-small img{ width:200px;height:200px;}	
.address_add a.button_large{ width:120px;}	
ul#address_delivery li, ul#address_invoice li, .sitemap_block ul li, .addresses ul.address li{ padding:5px 0px; border-bottom:1px dotted #ccc; list-style:none;} 
ul#address_delivery li.address_title, 
ul#address_invoice li.address_title,
li.address_update{ font-weight:bold;}
.sitemap_block ul li a{ text-decoration:none !important;}
ul.tree li{padding:5px 0px;}
.addresses ul.address li{ text-transform:none;}
.addresses ul.address li.address_title{ font-weight:bold; text-transform:uppercase;}

div.tags_block p a {
    line-height: 30px !important;
    margin: 0 9px !important;
}
div.tags_block p a:hover{color:#690 !important; background:none !important;}
a.tag_level1 {
    color: #666;
    font-size: 12px;
}
a.tag_level2 {
    font-size: 18px;
	color: #666;
}
#more_info_sheets #idTab2 li{ border:none; list-style:none;}
#more_info_sheets #idTab2 li span{ font-weight:bold;}

.advertising_block{ display:block; margin-bottom:10px; padding-bottom:10px;}
.advertising_block img{ width:99%; height:auto !important;}



/* form */
#buy_block p { padding:0px;}
#pb-left-column  #buy_block label {
	display:inline-block;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

/* short description pack */
.short_description_pack {display:none;}

/* color_picker */
#pb-left-column #color_picker p {
	padding-bottom:5px;
	font-weight:bold
}
#attributes fieldset {padding-bottom:10px;}
#attributes fieldset label {vertical-align:top;}
#attributes .attribute_list {display:inline-block;}
.attribute_list #color_to_pick_list {
	list-style-type:none;
	width: 125px;
}
.attribute_list #color_to_pick_list li {
	float:left;
	margin:0 8px 8px 0;
	padding:1px;
	border:1px solid #ccc
}
.attribute_list #color_to_pick_list li.selected{border:1px solid #000}
.attribute_list #color_to_pick_list a.color_pick{
	display:block;
	height:15px;
	width:15px;
}

.product_attributes {
	padding:15px 0px;
	clear:both;
	width:100%;
	border-bottom:1px solid #E5E5E5;
}
/* attributes */
#attributes select {
	width:120px;
	border:1px solid #cdcdcd;
}

/* quantity_wanted */
#quantity_wanted_p input {
	width:25px !important;
	padding:4px 0px !important;
	border:1px solid #cdcdcd;
	text-align:center;
}

/* availability_statut */
.product_attributes .attribute_label, .product_attributes #availability_label{ 
width:30%;
text-align:right !important;
padding-right:10px !important; 
float:left;
}
#availability_statut {padding:0px 0px 10px !important;}
#pQuantityAvailable{ padding:5px 0px 0px 32% !important; display:block;}
#availability_statut span#availability_label {
	display:inline-block;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	float:left;
}
#availability_statut span#availability_value {
	display:inline-block;
	padding:1px 5px;
	font-weight:bold;
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
	background:#9b0000
}

/* prices */
.content_prices {
	margin-top:10px;
	text-align:left;
	padding-bottom:15px;
}
.vp_products_pricebox{ display:inline-block; *width:100px; float:left;}
#buy_block p#old_price{ *width:90px;}
.vp_quantity_box{ display:inline-block;  padding:10px 0px 0px 5px; float:left;}
.content_prices .price{ padding-top:10px; display:inline-block; float:left; font-family:Arial, Helvetica, sans-serif;}
.content_prices p{ float:left; text-align:left;}
#buy_block p.price {padding:0}
.discount {display:none}
#buy_block p#old_price {
	padding:0px;
	font-size:16px;
	color:#aaa;
	text-decoration:line-through;
	clear:both;
}
.our_price_display {
	padding-bottom:10px;
	font-weight:bold;
	font-size:24px;
	line-height:18px;
}
#buy_block p#old_price, #old_price_display{ font-size:14px; font-weight:normal; padding-right:5px;  font-family:Arial, Helvetica, sans-serif !important;}
#reduction_percent,
#reduction_amount {
   display:inline-block;
   float:right;
   margin:0px !important;
   padding:3px 0px 0px !important;
   font-weight: bold;
   color: #aaa;
   background:none;
}
#reduction_percent span,
#reduction_amount span {
   background:none;
}

/* online_only */
#buy_block p.online_only {
    font-weight:bold;
	font-size:11px;
	color:#990000;
	text-align:left;
	text-transform:uppercase
}

/* add_to_cart */
.content_prices #add_to_cart {
	position:relative;
	float:right;
	margin:7px 0px 0px;
	display:inline-block;
	padding:0;
	cursor:pointer;
	*width:110px;
}
.content_prices #add_to_cart .exclusive, .content_prices #add_to_cart .exclusive_disabled{
	*width:110px !important;
}
.content_prices .our_price_display{ font-size:20px;}
.content_prices #add_to_cart .exclusive,
.content_prices #add_to_cart .exclusive_disabled{ border:0px !important; text-transform:uppercase; color:#fff !important;}
*:first-child+html .content_prices #add_to_cart .exclusive{padding:4px 3px 4px 11px}


#view_full_size .span_link{
	display:none;
	background:#666;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	bottom: 25px;
	color: #FFFFFF;
	cursor: pointer;
	opacity: 0.8;
	padding: 5px 10px;
	position: relative;
 }

/* */
.buttons_bottom_block {
	padding-top:20px;
}
.buttons_bottom_block #wishlist_button {font-weight:bold;}
#primary_block form#buy_block span.discount{ display:none !important;}
#last_quantities{ padding:10px 0px 0px 30% !important;}


.vp_products_pricebox, 
#add_to_cart, 
.vp_products_pricebox{ 
clear:both !important; 
width:100% !important; 
float:left !important;
}
.vp_quantity_box{ padding:10px 0px 0px !important;}
#add_to_cart{ margin-top:15px !important;}

global.css

/*
	PrestaShop CSS
	18 used colors: 
	10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4
	4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630
	2 yellows: #f8e1a0 #f9e400
	1 green: #488c40
	1 red: #da0f00
*/

@import url(layouts.css);
@import url(comparator.css);

* {
	padding: 0;
	margin: 0
}
body {
	background-color: white;
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	color: #666;
	text-align: center;
	background: #eee  /*url(../img/vp_bg_body.jpg) left top repeat; */
	line-height:1.6;
}

/* Useful */
.align_center { text-align: center }
.align_right { text-align: right }
.middle { vertical-align: middle }
.align_justify { text-align: justify }
.uppercase { text-transform: uppercase }
.hidden, .collapsed, .block_hidden_only_for_screen { display: none }
.wrap { white-space: normal }
.bold { font-weight: bold }
.strike { text-decoration: line-through }
.italic { font-style: italic }
.top { vertical-align: top }
.span_link { cursor: pointer }
.span_link:hover { text-decoration: underline }
.clear { clear: both }
br.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0
}
noscript ul { list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray }
/* new clearfix */
.clearfix:after { 
	clear: both; 
	display: block; 
	height: 0; 
	font-size: 0; 
	visibility: hidden; 
	content: "."; 
}
* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }

ul, li, ol{ list-style:none;}

/*************** Block CATEGORIES ***************/
#categories_block_left  li {border-bottom:1px dotted #ccc}
	#categories_block_left  li.last {	border:none;}
		#categories_block_left  li a {
			display:block;
			padding:7px 11px 5px 22px;
			color:#333;
			background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent
		}
		
	#categories_block_left  li ul {margin-left:40px}
		#categories_block_left  li ul li {border:none}
			#categories_block_left  li ul li a {
				padding-left:0;
				background:none
			}
		
#categories_block_left li .OPEN,
#categories_block_left li .CLOSE {
	display:block;
	float:right;
	margin:10px 10px 0;
	height:9px;
	width:9px;
	background:url(../../../modules/blockcategories/img/icon/open-close.png) no-repeat 0 -9px;
	cursor:pointer
}
#categories_block_left li .CLOSE {background-position:0 0}

/* Footer links */
.footer_links {
	list-style-type: none;
	clear: both;
	height: 2em;
	margin-top: 2em
}
.footer_links li {
	float: left;
	margin-right: 2em;
	height: 2em
}
.footer_links a { text-decoration: none }
.footer_links a:hover { color: black }
.footer_links img.icon { vertical-align: -2px }

/* transfert effect*/
.transferProduct { border: 2px solid #888 }

/* simple list inline */
.inline_list { list-style-type: none; margin-top: 1em }
.inline_list li { float: left; text-align: center }
.inline_list img { display: block }
ul.half {
	width: 45%;
	margin-right: 1em;
	float: left
}



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

/* Tabs */
.idTabs {
	list-style-type: none;
	height: 21px;
	margin-top:10px;
	*margin-top:15px;
	position:relative;
	bottom:-1px;
	*bottom:7px;
}
ul.idTabs li {
	float: left;
	margin-right: 1px
}
.idTabs a {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
	display: block;
	width: 173px;
	height: 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 3px;
	padding:5px 0px;
	line-height:20px;
	color: #666;
	border:1px solid #cacaca;
	background:url(../img/vp_bgtitle.jpg) left top repeat-x;
}

.idTabs a.selected{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
	background:#F5F5F5;
	border: solid 1px #cacaca;
	border-bottom:0px solid #cacaca;
	padding-bottom:6px;
}
div.tabs_content {
    background:#F5F5F5;
    padding: 14px 20px;
	border: solid 1px #E5E5E5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
	-moz-border-radius-topright: 2px !important;
	-webkit-border-top-right-radius: 2px !important;
	-moz-border-radius-topleft: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
}
#primary_block{ display:block; margin-bottom:10px;}

/* IdTabs Short*/
.idTabsShort a {
	width: 138px
}

div.sheets {
	clear: both;
	padding: 1em
}
#more_info_sheets ul#idTab2.bullet li{ 
background:url(../img/bullet_alt.gif) no-repeat 0 14px;
padding: 7px 0 0 10px;
}
/* global style */
a {
	color: #666;
	outline: none
}
a:hover { text-decoration: none }
.input:focus { outline: 0 }
a img {
	outline: none;
	border: none;
	text-decoration: none
}
h1 {
	font-size:14px;
	font-weight:bold;
	margin:10px 0px;
	text-transform: uppercase;
}
h1 span {
	text-transform: none;
	font-weight: normal;
	font-style: italic;
	margin-left: 10px;
}
h2 {
	font-size: 1.1em;
}
h2 span {
	font-size: 0.9em;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
	color: #374853;
	margin-left: 1em
}
h3 { font-size: 1.1em; margin: 1em 0 }
h4 { font-size: 1em }

/* global layout */

#header_logo {
	float: left;
	width: 273px;
	display: block;
	padding-top:20px;
	position:absolute;
}
img.logo {

}
#header_right {
	text-align: right;
	position:relative;
	width:980px;
	right:0px;
}
#left_column, #center_column, #right_column { float: left }
#left_column {
	clear: left;
	width: 200px;
	margin-right: 5px;
	overflow: hidden;
}
#center_column {
	width: 560px;
	margin: 0 5px 30px 5px;
	overflow: hidden;
	float:left;
}
#old_center_column { display: none }

#right_column {
    margin-left: 5px;
    overflow: hidden;
    width: 200px;
	float:right;
}

.ac_results_instant {
	display: none;
	visibility: hidden
}
#instant_search_results a.close {
	background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;
	float: right;
	margin-right: 7px;
	padding-right: 21px;
	text-transform: none
}

/* global RTE fields */
body.mceContentBody {
	margin: 9px 6px;
	width: 556px
}
.rte html,.rte div,.rte span,.rte applet,.rte object,.rte iframe,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte p,.rte blockquote,.rte pre,.rte a,.rte abbr,.rte acronym,.rte address,.rte big,.rte cite,.rte code,.rte del, .rte dfn, .rte em,.rte font,.rte img,.rte ins,.rte kbd,.rte q,.rte s,.rte samp,.rte small,.rte strike,.rte strong,.rte sub,.rte sup,.rte tt,.rte var,.rte dl,.rte dt,.rte dd,.rte ol,.rte ul,.rte li,.rte fieldset,.rte form,.rte label,.rte legend,.rte table,.rte caption,.rte tbody,.rte tfoot,.rte thead,.rte tr, .rte th,.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,
 .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {
	margin: 0.75em 0 0.3em 0;

}
.rte h1,
 .mceContentBody h1 {
	font-size: 25px;
	font-weight: bold;
	background: inherit
}
.rte h2,
 .mceContentBody h2 {
	font-size: 14px;
	background: none;
	height: auto;
	text-transform:uppercase;
	font-weight:bold;
}
.rte h3, .mceContentBody h3 { font-size: 16px }
.rte h4, .mceContentBody h4 { font-size: 14px }
.rte h5,.mceContentBody h5 { font-size: 12px }
.rte h6, div.rte h6 { font-size: 8px }
.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em }
.rte ul, .mceContentBody ul {
	list-style-type: square;
	margin-left: 10px
}
.rte strong, .mceContentBody strong { font-weight: bold }
.rte em, .mceContentBody em { font-style: italic }

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

/* /global RTE fields */

/* global table style */
div.table_block {
	padding-bottom: 6px;
	margin:15px 0px 0px 0px;
}
table.std {
	border-spacing: 0;
	margin:5px;
	width:98%;
	border-collapse:collapse;
}
/*class table.std */
.std td,.std th { padding: 0.4em 0.5em }
table.std td, table.std th {
    padding: 7px;
    vertical-align: middle;
}
.std th { white-space: nowrap }
.std thead tr{
	height:20px;
	line-height:20px;
	background:#eee;
}

.std thead th {
	height: 24px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
.std th.first_item { background-position: top left }
.std th.last_item { background-position: top right }
.std th.item { background-position: -5px 0 }
.std tfoot td {
	text-align: right;
	white-space: nowrap
}

/* /global table style */

/* global form style */
form.std { clear: both }
form.std h3 {
    border-bottom: 1px solid #E5E5E5;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 10px 10px 0px;
}
form.std fieldset {
	 background:#f5f5f5;
	border:1px solid #cacaca;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
	margin:10px 0px;
	padding:10px 10px 20px 10px;
}
form.std legend {
	padding: 0.3em 0.6em;
	margin: 1em 0 1em 0.5em;
	font-size: 1.6em;
	font-weight: 100;
	border-color: #d0d1d5;
	border-style: solid;
	border-width: 1px
}
form.std h4, form.std p {
    padding: 12px 0 0 10px;
	display:block;
}
form#login_form p{ float:left;}
#compare_shipping_form label {
    float: left;
    padding-right: 15px;
    text-align: right;
    width: 10%;
}
form.vt_form_contact p.submit input.button_large{ margin-left:105px !important; position:relative; *left:105px;}
form.std .text label, form.std .password label, form.std .textarea label, form.std .select label, form.std .select span, form.std .radio span, form.std .checkbox span {
    float: left;
    padding: 2px 7px 0 0;
    text-align: right;
    width: 100px;
}
body#authentication #create-account_form label, body#authentication #login_form label {
    clear: both;
    display: block;
    text-align: left;
	margin-bottom:3px;
}
p.text input, p.password input {
    height: 20px;
	line-height:20px;
    padding: 1px;
    width: 200px;
	color:#999;
}
form.std p span.like_input {
	width: auto;
	margin-left: 0.7em
}
input, textarea, select, span.editable {
	font-size: 12px;
	outline: none;
	color:#666;
}
.textarea textarea{ width:350px; height:150px;}
input, textarea, select { border: 1px solid #e5e5e5; padding:2px; }
input.text {
	height: 22px;
	padding-left: 2px;
	padding-right: 2px;
}
input[type="checkbox"]{ border:none !important;}
#fileUpload{ background:#fff;}
.checkbox input, .radio input { border: none }
form.std .checkbox label, form.std .radio label, form.std span.form_info {
	margin: 0;
	float: none;
	text-align: left
}
.required sup { color: #da0f00 }
form.std p.checkbox { padding-left: 30% }
form.std p.submit {
	margin-bottom:15px;
}
#center_column form.std p.submit2 {
	padding-left: 170px;
	margin-bottom: 15px;
}

/* START OF BUTTONS SECTION
 * -tags: input, a, span
 * -sizes: mini, small, normal, large
 * -types: button, exlusive
 * -status: normal, hover, disabled
 * -rule: the span.button is a a.button disabled
*/

/* global button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled, p.logout a {
	border: none;
	text-align: center;
	text-decoration: none!important;
	cursor: pointer;

}

/* input button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {
	padding: 0px 15px !important;
}

input.button{ padding:0px 15px 5px 15px !important; margin-top:1px !important;}


/* disabled button */
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_large_disabled,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive_large, span.exclusive_large_disabled {
	cursor: pointer;
	color: #666!important;
}


/* classic buttons */


/* id_state field in managed via JS and is firstly hidden */
form p.id_state { display: none }

/* generic style */

.price-discount { text-decoration: line-through }
.price-pretax { color: gray }
.price-ecotax { color: #488c40 }
img.icon { margin-right: 0.5em; vertical-align: middle }
.weight-price {
	font-size: 0.75em;
	text-align: right;
	color: gray
}

.volume-price {
	font-size: 0.75em;
	text-align: right;
	color: gray
}

.unity-price {
	font-size: 0.75em;
	text-align: right;
	color: gray
}

.price, .price-shipping, .price-wrapping {
	font-weight: bold;
	white-space: nowrap
}

/* errors */
.error {
	width: 90%;
	color: #da0f00;
	margin: 0.3em auto 1.5em auto;
	padding: 0.3em 0.8em 1em
}
.error p { font-weight: bold }
.error li {
	list-style-position: inside;
	list-style-type: decimal-leading-zero;
	text-align:left;
	padding-top:10px;
	border: 
}

/* warning */
.warning {
	color: black;
	font-size: 1.2em;
	background-color: #F8E1A0;
	border: 1px dashed #F9E400;
	margin: 2px 0px;
	padding:6px 5px;
	color:#c00 !important;
}
.warning_inline {
	color: #da0f00;
	font-weight: bold
}

/* success */
.success {
	color: green;
	font-weight: bold;
	margin: 0.2em 1em;
	padding: 0.3em 0.8em 1em
}
.success_inline {
	color: green;
	font-weight: bold
}

/* breadcrumb.tpl */
.breadcrumb {
	font-size: 11px;
	color: #888;
	text-transform:uppercase;
	padding-bottom:30px;
}
.breadcrumb a, .breadcrumb span{ display:block; float:left;}
.breadcrumb .navigation-pipe { 
padding:0px; 
text-indent:-99999px; 
display:block;
width:16px;
height:16px;
background:url(../img/vt_bg_breadcrumb.png) center 0px no-repeat; 
}
.breadcrumb a {
	text-decoration: none;
	font-weight:bold;
}
.breadcrumb a:hover { text-decoration: underline }

/* pagination.tpl */
div.pagination {
    height: 27px;
    padding: 20px 0 0;
}
ul.pagination {
	list-style: none;
	float: left;
}
ul.pagination li {
	display: inline;
	float: left;
	margin-right: 0.3em
}
ul.pagination li, ul.pagination a, ul.pagination span {
	font-weight: bold;
}
ul.pagination a, ul.pagination span {
	padding: 0px 10px;
	display: block;
	line-height: 27px;
}
ul.pagination a { text-decoration: none }
ul.pagination li.truncate {
	padding: 0.3em;
	background: none
}
#pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span {
	line-height: 27px;
	border-width: 0 1px
}
#pagination_previous {
	padding-left: 6px
}
#pagination_previous a, #pagination_previous span { border-left: none }
#pagination_next {
	padding-right: 6px
}
#pagination_next a, #pagination_next span { border-right: none }
li.disabled span {
	color: #888;
	background-color: #f1f2f4
}
form.pagination { text-align: right; }
form.pagination p{ padding:0px !important;}
form.pagination label {
	line-height: 1.4em;
	vertical-align: bottom;
	float: right;
	padding:5px 10px;
}
ul.pagination .current span{ color:#F00 !important;}

form.pagination select { float: right }
form.pagination select option {
	font-size: 0.9em;
	padding-right: 1em
}
form.pagination input { float: right;  margin-top:-4px; padding:7px 10px !important; color:#666; }
.pagination input.button_mini{}

/* steps (like order step) */
ul.step {
	background: transparent url('../img/step_start.png') no-repeat bottom left;
	list-style: none;
	height: 25px;
    margin: 20px auto 15px;
    padding: 0 0 0 40px;
	width: 465px
}
ul.step li {
	height: 25px;
	float: left;
	width: 100px;
	text-align: center;
	background: transparent url('../img/step_standard.png') no-repeat bottom left
}
ul.step li.step_current {
	background: transparent url('../img/step_current.png') no-repeat bottom left;
	font-weight: bold;
	color:#690;
}
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.png') no-repeat bottom left }
ul.step li#step_end.step_current { background: transparent url('../img/step_end_current.png') no-repeat bottom left }

/* product-sort.tpl */

#productsSortForm label, #productsSortForm select { float: right }
#productsSortForm select { font-size: 12px; border:1px solid #ccc; }

/* Header */
#header_right ul { list-style: none }
#header_right form {
	border: none;
	margin-bottom: 0!important;
	display: inline
}
#header_right label {
	margin: 0;
	float: none
}


/* Default block style */
div.block-cms h1 a { color: #374853; text-decoration: none; }
div.block-cms h1 a:hover { text-decoration: underline; }
div.block {
	margin-bottom: 1em;
	width: 100%;
}
#left_column div.block,
 #right_column div.block {
	padding-bottom: 5px;
	clear:both;
}

div.block ul { list-style: none }
div.block ul.tree li { padding-left: 1.2em }
div.block a:hover { text-decoration: underline }

div.block .block_content {
	padding: 0 0.7em;
	min-height: 16px
}
div.block li {
	list-style-position: outside
}
div.block a {
	text-decoration: none
}

/* block exclusive */

div.exclusive li { margin-top: 0 }

/* block in the center column */
#center_column div.block { width:100%; margin: auto }



/* Styles for products blocks */

/* block products (new, features, viewed, etc...) on left and right column */
.products_block li { margin-top: 0.2em }
.products_block li.item img { margin-right: 5px }
.products_block li.last_item { border: none }
.products_block li img {
	float: left;
	margin-right: 5px;
}
.products_block p img {
	float: none;
}
.products_block li h5 {
	display: inline;
	font-size:12px;
	font-weight:bold;
}
.products_block li p a {
	font-weight: bold;
	font-size: 0.8em
}
.products_block dl {
	clear: both;
}
.products_block dl dt {
	color: #666666 !important;
    font-weight: bold !important;
    margin-top: 0px !important;
	padding:0px !important;
}

.products_block ul.product_images li {
	border: none;
	float: left !important;
	padding:0px !important;
	margin:0px !important;
	clear: none;
}

/* Special style for block products in center column */

#center_column .products_block ul .product_accessories_description {
	margin: 0;
	padding: 0;
}

/*#center_column .products_block li.last_item { float: none; clear: both }*/
#center_column .products_block li.first_item_of_line { clear: both }
#center_column .products_block li.last_line { border-bottom: none }
#center_column div.products_block h5, #center_column div.products_block h5 a {
	display: block;
}

#center_column div.products_block ul li p {
	margin: 0;
	padding: 0
}
#center_column div.products_block div.product_desc {
	height: 9em;
	color: #595a5e;
	overflow: hidden
}
#center_column div.products_block a.product_image {
	display: block;
	background-color: transparent;
	text-align:center;
}
.vt_block_product_feature{margin:5px; background:#fff; padding:5px;}
#center_column div.products_block .product_accessories_description a.product_image {
	width: 118px;
	height: 85px
}
#center_column div.products_block a.product_description {
	display: block;
	width: 118px;
	height: 50px;
	margin-left: 2px;
	margin-bottom: 8px;
	overflow:hidden
}

#center_column div.products_block a.product_image img {
	float: none;
	margin: 0
}
#center_column div.products_block h5 { margin: 5px 0px; }
#center_column div.products_block div.product_desc { margin: 0 5px }
#center_column div.products_block ul li div.product_desc a { font-weight: normal }
#center_column .products_block span.price {
	padding-bottom:10px;
	display:block;
	color:#fe0101;
	font-size:24px;
	font-weight:bold;
	/*display: block;*/
}
p.price_container { text-align: center }
#center_column .products_block .featured_price { margin-top: 2.5em }
#center_column .products_block a.button,
#center_column .products_block a.exclusive,
#center_column .products_block span.exclusive { width:80px; margin:0 auto 5px; display:block; }
#center_column .products_block span.exclusive{ color:#fff;}

/* Special style for block accessories in center column (product page) */
#center_column .products_block.accessories_block .block_content { background: none }
#center_column div.products_block.accessories_block div.product_desc { 
	margin-right: 0;
	height: 150px; 
	border-right: 1px solid #d0d3d8 
}
#center_column .products_block.accessories_block .block_content li { background: none; text-align: center }
#center_column .products_block.accessories_block .block_content li h5,
 #center_column .products_block.accessories_block .block_content li a.product_description { text-align:left }
#center_column .products_block.accessories_block .block_content li.last_item a.product_image { border: none }

/* discount.tpl */
td.discount_value { white-space: nowrap }

/* address.tpl */
p.address_navigation { 
	padding: 1em 0!important;
	margin-bottom: 1.5em
}
p.address_navigation a.button { float: left }
p.address_navigation input[type=submit].button { float: right }

/* shopping cart */
.cart_last_product { 
	width: 500px;
	margin: 0 auto 12px;
	background:#f5f5f5;
	border:1px solid #cacaca;
	webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding-bottom:10px;
}
.cart_last_product_header{ padding:10px 0px;}

.cart_last_product_header .left {
	 background:#f5f5f5;
	webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
	margin-bottom:5px;
	padding-left:10px;
	height: 24px;
	line-height: 24px;
	font-weight: bold
}
#summary_products_quantity{ font-weight:bold; font-style:italic;}
.cart_last_product_img { float:left }
.cart_last_product_img img {
	margin:0 6px;
	border:1px solid #D0D1D5;
	width: 45px;
	height: 45px
}
 .cart_last_product_content { 
	float:left; 
	width:75% ;
}
.cart_last_product_content a { text-decoration:none }
.cart_last_product_content h5 { font-size:12px }
.cart_last_product_content h5 a {font-weight:bold; }
.cart_last_product_content h5 a:hover{ text-decoration:underline;}

p.cart_navigation { padding: 1em 0!important }
p.cart_navigation .button,
 p.cart_navigation .button_large { float: left }
p.cart_navigation .exclusive,
 p.cart_navigation .exclusive_large,
 p.cart_navigation .exclusive_large_disabled { 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 td {
	border-top: none;
	line-height: 1.5em
}
#cart_summary tfoot tr.cart_total_product td { border-top: 1px solid #ddd; }
#cart_summary tfoot tr.cart_total_price td { border-bottom: 1px solid #ddd; }
#cart_summary .price, #cart_summary .price-discount {
	font-size: 12px;
	text-decoration: none
}
table.std tbody tr td, table.std tfoot tr td {
    border-bottom: 1px solid #ddd;
}
.cart_description h5 a{
	font-size:12px;	
	font-weight:normal;
	}
.cart_description h5 a:hover{color:#B11762;}	
table#cart_summary tr td.cart_product {
    width: 45px;
}
td.cart_product a img {
	border: 1px solid #d0d1d5;
	width: 45px;
	height: 45px
}
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_total .price { font-weight: bold }
table#cart_summary tr td.cart_quantity {
    text-align: center;
    width: 80px;
}
table#cart_summary tr td.cart_quantity div#cart_quantity_button {
    float: left;
}
table#cart_summary tr td.cart_quantity a {
    display: block;
	float:left;
    text-align: center;
}
table#cart_summary tr td.cart_quantity div#cart_quantity_button input.text {
    margin: 3px 0;
    text-align: center;
    width: 26px;
}
table#cart_summary tr td.cart_quantity a.cart_quantity_delete {
    display: block;
    float:right;
    height: 13px;
    margin: 8px 0 0 0px;
	*margin: 13px 0 0 0px;
    width: 11px;
}
input.text {
    height: 15px;
    padding: 1px;
}
div#order-detail-content table.std th.last_item, div#order-detail-content table.std td.last_item {
    text-align: right;
}
table#cart_summary tr th.cart_total, table#cart_summary tr td.cart_total, table#cart_summary tr td.cart_discount_price {
    text-align: right;
}
.cart_quantity .cart_quantity_input {
    border: 1px solid #EEEEEE;
    border-radius: 0 0 0 0;
    margin: 10px 0 0 -20px;
    padding: 0;
    text-align: center;
    width: 25px;
}
.cart_delete a.cart_quantity_delete, a.price_discount_delete {
    background:url(../img/delete2.png) center center no-repeat;
    display: block;
    height: 12px;
    margin-top: 0px;
    padding: 1px 2px;
    text-indent: -9999px;
    width: 12px;
} 
td.cart_quantity p { padding-right: 0.3em; }
td.cart_quantity a.cart_quantity_up,
 td.cart_quantity a.cart_quantity_down { display: block }
tr.cart_free_shipping { white-space: normal }
tr.cart_total_price { font-weight: bold }
#order tfoot p {
	margin: 0;
	float: left;
	width: 85%
}
#order tfoot span {
	float: right;
	display: block
}
#order #voucher fieldset {
	border: 1px solid #cacaca;
	padding: 10px;
	background:#f5f5f5;
	webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
}
#order form#voucher fieldset #display_cart_vouchers {
	margin-top:5px;
	clear:both;
	float:left;
}
#order form#voucher fieldset #display_cart_vouchers .voucher_name {
	color:#DD2A81;
	font-weight:bold;
	cursor:pointer;
}
#order form#voucher h4,
 #order form#voucher p,
 #order form#voucher .button { display: inline }
form#voucher fieldset p {
    float: left;
    padding: 10px 20px 0 0;
} 
#order form#voucher h4 {
	float: left;
    padding: 18px 20px 0 0;
	text-transform:uppercase;
}
form#voucher fieldset input.button{ width:80px; color:#aaaa; font-weight:bold;}
form#voucher fieldset p.submit {
    padding: 8px 20px 0 0;
}
#order #order_carrier {
	clear: both;
	margin-top: 1em;
	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 { display: none }
#order #gift_div label, #order #gift_div textarea {
	display: block;
	width: 100%;
	margin: 1em 0
}

#order-opc tfoot p {
	margin: 0;
	float: left;
	width: 85%
}
#order-opc tfoot span {
	float: right;
	width: 15%;
	display: block
}
#order-opc #voucher fieldset {
	border: 1px solid #bdc2c9;
	padding: 0.7em
}
#order-opc form#voucher fieldset #display_cart_vouchers {
	margin-top:5px;
	clear:both;
	float:left;
}
#order-opc form#voucher fieldset #display_cart_vouchers .voucher_name {
	color:#DD2A81;
	font-weight:bold;
	cursor:pointer;
}
#order-opc form#voucher h4,
 #order-opc form#voucher p,
 #order-opc form#voucher .button { display: inline }
#order-opc form#voucher h4 {
	float: left;
	line-height: 1.5em;
	margin-right: 6em
}
#order-opc #order_carrier {
	clear: both;
	margin-top: 1em;
	border: 1px solid #bdc2c9;
	padding: 0.5em
}
#order-opc #order_carrier h4 {
	width: 50%;
	display: inline
}
#order-opc #order_carrier img { vertical-align: middle }
#order-opc #order_carrier span { margin: 0 0.2em }
#order-opc #gift_div label, #order #gift_div textarea {
	display: block;
	width: 100%;
	margin: 1em 0
}

#guest-tracking p.center { width: 100%; text-align: center; }
#guest-tracking p.center input.exclusive_large { display: inline; }

/* views block */
#views_block {
	margin: 0 auto;
	width: 250px;
}
#thumbs_list {
	overflow: hidden;
	float: left;
	width: 215px;
}
#thumbs_list ul {
	padding-left: 0;
	list-style-type: none;
	margin-top: 5px;
}
#thumbs_list li {
	float: left;
	cursor: pointer;
	width: 55px;
	height: 65px;
	margin-right: 5px;
}
#thumbs_list li img{
border: 1px solid #E5E5E5;
height: 60px;
width: 50px;
}
#view_scroll_left, #view_scroll_right {
	background: url('../img/thumbs_left.gif') no-repeat center;
	text-indent: -3000px;
	width: 9px;
	height: 18px;
	float: left;
	margin-top: 30px;
	padding-right: 4px;
	padding-left: 4px
}
#view_scroll_right { background-image: url('../img/thumbs_right.gif') }
span.view_scroll_spacer {
	float: left;
	width: 17px;
	height: 80px
}

/* manufacturers-list.tpl && suppliers-list.tpl */
#manufacturers_list, #suppliers_list {
	margin-top: 2em;
	list-style-type: none
}
#suppliers_list li, #manufacturers_list li {
	background:#f5f5f5 url(../img/vt_bg_box.jpg) left top repeat-x;
	border:1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.6em;
	margin-bottom: 1.5em;
}
#suppliers_list li a, #manufacturers_list li a {
	text-decoration: none;
	color: #aaa;
	display:block;
}
#suppliers_list li h3, #manufacturers_list li h3 { margin: 0.4em 0 }
#suppliers_list .left_side, #manufacturers_list .left_side {
	float: left;
	width: 75%
}
#suppliers_list .logo, #manufacturers_list .logo {
	float: left;
	margin-right: 0.6em
}
#suppliers_list li p.description,
#manufacturers_list li p.description { font-size: 0.92em }
#suppliers_list li .right_side,
#manufacturers_list li .right_side {
	float: right;
	text-align: right
}
#suppliers_list .right_side span,
#manufacturers_list .right_side span {
	font-size: 1.7em;
	color: #da0f00
}
#suppliers_list li a.button,
#manufacturers_list li a.button { margin-top: 4em }

/* 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 h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left }
#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 }

/* 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 #ccc;
	background:#f5f5f5;
	padding: 0.6em;
	text-decoration: none;
}
.payment_module a:hover, .payment_module a:focus, .payment_module a:active {
	border: 1px solid #ccc;
	background-color: #fff;
}

/* step 4 - paiement ************************************************************************** */

.delivery_options {
	border: 1px solid #eee;
	border-top: 0;
}
.delivery_options_address h3{ font-family:Arial, Helvetica, sans-serif;}
#order .delivery_options_address h3, #order-opc .delivery_options_address h3 {
/*background: url("../img/table_header.gif") no-repeat;
color: #374853;
font-weight: bold;
height: 14px;
padding: 5px 10px;
margin: 10px 0 0 0;*/
	padding: 6px 11px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	background: #666;
}
#order .delivery_option_radio, #order-opc .delivery_option_radio {
	float: left;
	margin: 21px 12px;
}
#order .delivery_option label, #order-opc .delivery_option label {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}
#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {
	height: 46px;
	width: 90%;
}
#order .delivery_option.item, #order-opc .delivery_option.item {
	background: #f5f5f5;
}
#order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item {
	border-top: 1px solid #bdc2c9;
	background: #f1f2f4;
	border-bottom: 1px solid #bdc2c9;
}
#order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td {
	padding: 0 8px;
	float:left;
}
#order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td {
	width: 30%;
}
#order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td {
	width: 100px;
	text-align: right;
}
#order .delivery_option_carrier td {width:200px}
#order .delivery_option_carrier td + td {width:280px;}
#order .delivery_option_carrier td + td + td {width:200px}
#order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo {
	padding-left:10px;
	width: 160px;
}
#order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ }
#order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item {
	padding: 3px 5px 3px 12px;
	background:url(../img/arrow_right_2.png) no-repeat 3px 7px
}

.order_carrier_content {
	padding:15px;
	border:1px solid #e5e5e5;
	font-size:12px;
	background:#fff;
	margin:10px 0px;
	display:block;
	clear:both;

}
.order_carrier_content h3 {
	padding:15px 0 10px 0;
	font-size:13px;
}
.order_carrier_content h3.carrier_title {padding-top:0}
.order_carrier_content input {
	position:relative;
	top:1px
}

#carrierTable {
	border:1px solid #999;
	border-bottom:none;
	background:#fff
}

#carrierTable tbody{
	border-bottom:1px solid #999;
}
#carrierTable  th {
	padding:0 15px;
	height: 29px;
	font-weight: bold;
	line-height:29px;
	color:#fff;
	text-transform:uppercase;
	background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
}
#carrierTable  td {
	padding:15px;
	font-weight:bold;
	border-right:1px solid #e9e9e9
}
#carrierTable  td.carrier_price {border:none}


/* 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; 
	}
}

/* Customizable product */
#customization_block { width: 556px }
.customization_block_title { margin: 4px 4px 4px 2px }
#customization_block ul { margin: 6px 6px 0 6px }
.customization_block_input { vertical-align: inherit }
img.customization_delete_icon { margin: 2px }
li.customizationUploadLine {
	text-align: right;
	margin-right: 40px;
	clear: left;
	padding: 4px;
	display: block
}
div.customizationUploadBrowse { float: left }
div.customizationUploadBrowseDescription { padding: 6px }
img.customizationUploaded {
	margin: 2px;
	border: 1px solid #888888
}
ul.customizationUploaded {
	list-style-type: none;
	margin-left: 4px
}
ul.customizationUploaded li { display: inline }
ul.customizationUploaded a { text-decoration: none }
div.customizationUploaded { clear: left }
div.deletePictureUploaded { float: right }
div.deleteCustomizableProduct { float: right }
ul.typedText {
	padding-left: 6px;
	list-style-type: none
}
/* mywishlist */
#mywishlist div#block-order-detail form.wl_send fieldset p input { margin-left: 60px }
#mywishlist div#block-order-detail {
	margin-top: 10px; 
	display: block
}
#mywishlist form.std fieldset label { width: 30px }
#mywishlist form.std fieldset input#submitWishlist { display: inline }
#mywishlist table.std thead th.mywishlist_first {
	text-align: center;
	width: 40px
}
#mywishlist table.std thead th.mywishlist_second {
	text-align: center;
	width: 80px
}
#mywishlist table.std thead th.first_item,
#mywishlist table.std tbody tr td { width: 200px }
#mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0 }
#mywishlist div#block-order-detail { margin-top: 10px }
#mywishlist #hideBoughtProducts,
#mywishlist #showBoughtProducts {
	float: left;
	margin: -18px 0 0 5px
}
#mywishlist #showBoughtProducts,
#mywishlist #hideBoughtProductsInfos,
#mywishlist #hideSendWishlist { display: none }
#mywishlist #showBoughtProductsInfos,
#mywishlist #hideBoughtProductsInfos { margin-left: 5px }
#mywishlist #showSendWishlist,
#mywishlist #hideSendWishlist,
#mywishlist div#block-order-detail ul li a.exclusive {
	float: right;
	margin: -18px 0 0 0
}
#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center }
#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px }
#mywishlist div#block-order-detail table.wlp_bought_infos { margin: 0 0 0 10px }
#mywishlist div#block-order-detail ul li img { float: left }

/* View wishlish */
#view_wishlist #featured-products_block_center ul div li a img { float: left }
#view_wishlist #featured-products_block_center ul div li a,
 #view_wishlist #featured-products_block_center ul div li span {
	text-decoration: none;
	float: left
}
#view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail,
 div#mywishlist div#block-order-detail ul li span.wishlist_product_detail {
	margin-left: 30px;
	float: left
}
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px } 
#view_wishlist #featured-products_block_center ul div li a.exclusive,
 #view_wishlist #featured-products_block_center ul div li span.exclusive {
	margin-left: 55px
}
#view_wishlist #featured-products_block_center ul div li.address_name input.text {
	color: #999;
	font-weight: bold;
	font-size: 11px;
	border: 0
}


/* module reversoform*/
.account_creation #reverso-form { width: 100% }
.account_creation #reverso-form label {
	width: 250px;
	text-align: left;
	margin-left: 10px
}
.account_creation #reverso-form label#legend_reverso {
	clear: both;
	width: 100%;
	font-size: 10px;
	text-align: left
}
.account_creation #reverso-form input#reverso_form { margin-top: 20px }

/* module productcomments */
.rating {
	cursor: pointer;
	margin: 2em;
	clear: both;
	display: block
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden
}
.cancel, .star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer
}
.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px }
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
.cancel a, .star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0
}
div.star_on a { background-position: 0 -16px }
div.star_hover a, div.star a:hover { background-position: 0 -32px }
.pack_content { margin: 10px 0 10px 0 }
.pack_price {
	float: right; 
	margin-right: 3px; 
	font-size: 12px
}
.confirmation { 
	color: #808000; 
	font-weight: bold 
}

#center_column .left_side .rte { background:none; border:none;}
.vt_primary_block_products .rte, 
#more_info_block .rte{ background:none !important; border:none !important; padding:0px; margin:0px;}	
#center_column	.rte h2{ margin:0px;}	

/* module paypalapi */
.paypalapi_about { text-align: justify }
.paypalapi_about ul { padding-left: 20px }

/* cms pages */
#cms div.content_only { 
	text-align: left; 
	padding: 10px 
}
.live_edit_feed_back_ok {
	color: #374853; 
	background-color: #DFFAD3; 
	padding: 4px; 
	border: 2px solid #72CB67
}
.live_edit_feed_back_ko {
	color: #374853; 
	background-color: #FAE2E3; 
	padding: 4px; 
	border: 2px solid #EC9B9B
}
.add_module_live_edit {
	background-color: #F1F2F4; 
	padding: 4px; 
	border: 2px solid #D0D3D8;
}

.page404_input { float: left; }

#order #discount_name { width: 130px; }

/* Clears Divs */
.clr{clear: both; height:0px;overflow: hidden;}
/* Clearfix  */
* html .clearfix{ height:1%;}
html[xmlns] .clearfix{ display:block;}
.clearfix:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.thumbs_banner {
    margin: 10px auto;
    width: 100%;
}

Tutaj adres stronki, gdyby okazała się pomocna:

http://decocarpet.pl/

No i jeszcze powiem, że motyw, który przerobiłem to vp_beststore (czy jakoś tak). Presta 1.5.6.
Oświećcie mnie.

Edited October 24, 2013 by tamburyniarz (see edit history)

vekia · October 22, 2013

wystarczy zmienić width:49% na coś mniejszego, np 24%

#center_column .products_block ul li {
float: left;
margin: 0px !important;
width: 49%;
text-align: center;
background: url(../img/vp_line_freature.png) right top repeat-y;
}

dodatkowo nie obędzie się bez zmiany rozmiaru zdjęć

#index #center_column div.products_block a.product_image img {
width: 50px;
height: auto!important;
}

tamburyniarz · October 23, 2013

Udało mi się zrobić 4 kolumny, lecz nadal mam problem ze zmianą rozmiaru zdjęć. Zmieniłem w global.css

#center_column div.products_block a.product_image img {
	float: none;
	margin: 40
}

...na to co podałeś powyżej, lecz nic się nie zmienia. Próbowałem dodać poniżej, w layouts.css i innych rzeczy lecz nic to nie dawało. Zastanawia mnie czy celowo dodałeś #index w kodzie i do czego miałoby to służyć, bo ja nic takiego nie mam? Mam ustawioną w preście opcję "wymuś kompilację", więc to nie jest przyczyną, zwłaszcza, że gdy zmieniam coś innego to wszystko jest ok.
Wybacz, że tak długo nie daję znaku życia, ale muszę najpierw sam pokombinować i poszukać, dopiero wtedy odpisuję.

vekia · October 24, 2013

żaden problem z tym odpisywaniem

najłatwiej będzie zmienić rozmiar zdjęć w konfiguracji prestashop i wygenerować miniatury.

preferences > images i zmiana rozmiaru zdjęć dla home_featured. następnie wygenerować miniatury dla tych fotek.

czy zmiany wprowadziłeś już na decocarpet.pl ? sprawdziłem stronę i nie odnotowałem zmian

tamburyniarz · October 24, 2013

Na decocarpet.pl nie zmieniałem nic jeszcze, nie chce czegoś popsuć, zmieniam u siebie na lokalnym.
Więc tak, zmieniłem rozmiar zdjęć na połowę mniejsze tak jak mówiłeś, tylko nie w home_featured tylko w home_default bo nie miałem, a jak dodałem home_featured to nic nie zmieniło. Nieważne. Zdjęcia zmieniły swój rozmiar, ale i tak były rozciągnięte, czyli straciły tylko na jakości.
Przed:

Po:

Więc jednak jakiś css musi wymuszać na zdjęciach taki rozmiar. Zdjęcia są rozciągnięte do 200x200px. Taki rozmiar znalazłem w layouts.css

.store-small img{ width:200px;height:200px;}

lecz po zmienieniu na mniejsze wartości nic się nie stało.

vekia · October 24, 2013

kurcze, trudno mi cokolwiek powiedzieć bez dostepu do działającego sklepu

jak dla mnie w tym momencie to kwestia cssów ewentualnie plików .tpl

w chwili obecnej masz tam:

#index #center_column div.products_block a.product_image img {
width: 190px !important;
height: 190px !important;
}

może warto się tym fragmentem zainteresować, możesz spróbować zmienić te wartości?

tamburyniarz · October 24, 2013

Jesteś wielki. Jednak to była ta linia. Zmieniłem na decocarpet.pl i wygląda świetnie. Raz jeszcze dzięki. Temat można zamknąć.

Sign In

[SOLVED] Homefeatured 4 kolumny

Recommended Posts

tamburyniarz

Link to comment

Share on other sites

vekia

Link to comment

Share on other sites

tamburyniarz

Link to comment

Share on other sites

vekia

Link to comment

Share on other sites

tamburyniarz

Link to comment

Share on other sites

vekia

Link to comment

Share on other sites

tamburyniarz

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Go back to prestashop.com