Nous ne répondons seulement qu'aux sujets dont l'auteur a complété sa signature [Lire]


Modifier l'affichage de product catégorie

Soutien et conseil sur les "Thèmes graphique" pour OpenCart

Modifier l'affichage de product catégorie

Messagepar Sector » 08 Déc 2012, 15:40

Bonsoir,
Voila je cherche à savoir comment modifié la présentation de la page product catégorie, en faite je souhaite arriver à cette présentation.
Merci
http://www.toutgun.con
OpenCart Version 1.5.5.1_FR
Hébergeur OVH
Version server : 5.4.45
Sector
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 18
Inscription: 06 Nov 2012, 20:16

Re: Modifier l'affichage de product catégorie

Messagepar LeorLindel » 08 Déc 2012, 15:46

Voici la feuille de style de ce site, à toi à utiliser ce qui t’intéresse.
Code: Tout sélectionner
html {
   overflow: -moz-scrollbars-vertical;
   margin: 0;
   padding: 0;
}
body {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0px;
   padding: 0px;
   background:url(../image/bkg_bg.jpg);
}
body, td, th, input, textarea, select, a {
   font-size: 12px;
}
h1, .welcome {
     background:url("../image/tital_bullet2.gif") no-repeat scroll left 4px transparent;
   color: #403F3F;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 6px 25px;
}
h2 {
   color: #000000;
   font-size: 14px;
   margin-top: 0px;
   margin-bottom: 5px;
}
p {
   margin-top: 0px;
   margin-bottom: 10px;
}
a, a:visited, a b {
   color: #000;
   text-decoration: none;
   cursor: pointer;
}
a:hover {
   text-decoration: underline;
}
a img {
   border: none;
}
form {
   padding: 0;
   margin: 0;
   display: inline;
}
input[type='text'], input[type='password'], textarea {
   background: #F8F8F8;
   border: 1px solid #CCCCCC;
   padding: 3px;
   margin-left: 0px;
   margin-right: 0px;
}
select {
   background: #F8F8F8;
   border: 1px solid #CCCCCC;
   padding: 2px;
}
label {
   cursor: pointer;
}
/* layout */
#container {
   width: 978px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   background: none repeat scroll 0 0 #FFFFFF;
    border-top: 3px solid #DD2B4B;
   padding-bottom:1px;
}
#column-left {
    float: left;
    width:220px;
   margin-left:13px;
   margin-top: 3px;
   clear:both;
}
#column-right {
   float: right;
   width: 220px;
   margin-right:13px;
   margin-top:3px;
}
/*#column_home_banner_left{
   float: left;
      margin-left:13px;
   margin-top:3px;
}
#column_home_banner_right{
   margin-top:3px;
   margin-right:10px;
}*/

#contenthome {
   margin-bottom: 10px;
    min-height: 400px;
    padding:0 10px 10px 10px;
   margin-top:3px;
   border:1px solid #E3E3E3;
   margin-right:15px;
}
#content {
   margin-bottom: 10px;
    min-height: 400px;
    padding:0 10px 10px 10px;
   margin-top:3px;
   border:1px solid #E3E3E3;
   margin-right:15px;
}

#column-left + #column-right + #content, #column-left + #content {
  margin-left: 243px;

}
#column-right + #content {
   margin-right: 243px;

}
/* header */
#header {
      height: 124px;
     position: relative;
   /* z-index: 99;*/
   background:url(../image/header_bg.gif) no-repeat left top;
}
#header #logo {
       left: 10px;
    position: absolute;
    top:21px;
}
#language {
   position: absolute;
   top: 15px;
   left: 335px;
   width: 75px;
   color: #999;
   line-height: 17px;
}
#language img {
   cursor: pointer;
}
#currency {
    color: #999999;
    line-height: 9px;
    position: absolute;
    right: 15px;
    top: 62px;
   
}
#currency a {
   display: inline-block;
   padding: 2px 4px;
   border: 1px solid #CCC;
   color: #999;
   text-decoration: none;
   margin-right: 2px;
   margin-bottom: 2px;
}
#currency a b {
   color: #000;
   text-decoration: none;
}
#header #cart {
   min-width: 300px;
    position: absolute;
    right: 15px;
    top: 82px;
    z-index: 9;
}
#header #cart .heading {
    background: url("../image/cart_icon.gif") no-repeat scroll left center transparent;
    height: 16px;
    margin-top: 11px;
    padding-left: 24px;
    padding-right: 0;
    position: relative;
    z-index: 1;
   float:right;
}
#header #cart .heading h4 {
   color: #454545;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 1px;
   margin-right:3px;
}
#header #cart .heading a {
   color: #454545;
   text-decoration: none;
   font-weight:bold;
   font-size: 11px;
}
#header #cart .heading a span {
   padding-right:15px;
   background:  url('../image/arrow-down.png') 100% 50% no-repeat;
}
#header #cart .content {
   clear: both;
   display: none;
   position: relative;
   top: 0px;
   padding: 8px;
   min-height: 150px;
   border: 1px solid #EEEEEE;
   /*border-left: 1px solid #EEEEEE;
   border-right: 1px solid #EEEEEE;
   border-bottom: 1px solid #EEEEEE;
   -webkit-border-radius: 0px 7px 7px 7px;
   -moz-border-radius: 0px 7px 7px 7px;
   -khtml-border-radius: 0px 7px 7px 7px;
   border-radius: 0px 7px 7px 7px;
   -webkit-box-shadow: 0px 2px 2px #DDDDDD;
   -moz-box-shadow: 0px 2px 2px #DDDDDD;
   box-shadow: 0px 2px 2px #DDDDDD;*/
   background: #FFF;
}

/*#header #cart.active .heading {
   margin-top: 5px;
   padding-top: 10px;
   padding-bottom: 6px;
   border-top: 1px solid #EEEEEE;
   border-left: 1px solid #EEEEEE;
   border-right: 1px solid #EEEEEE;
   -webkit-border-radius: 7px 7px 0px 0px;
   -moz-border-radius: 7px 7px 0px 0px;
   -khtml-border-radius: 7px 7px 0px 0px;
   border-radius: 7px 7px 0px 0px;
}*/
#header #cart.active .content {
   display: block;
}
#header #cart .cart {
   border-collapse: collapse;
   width: 100%;
   margin-bottom: 5px;
}
#header #cart .cart td {
   color: #000;
   vertical-align: top;
   padding: 10px 5px;
   border-bottom: 1px solid #EEEEEE;
}
#header #cart .cart .image {
   width: 1px;
}
#header #cart .cart .image img {
   border: 1px solid #EEEEEE;
   text-align: left;
}
#header #cart .cart .name small {
   color: #666;
}
#header #cart .cart .quantity {
   text-align: right;
}
#header #cart .cart td.total {
   text-align: right;
}
#header #cart .cart .remove {
   text-align: right;
}
#header #cart .cart .remove img {
   cursor: pointer;
}
#header #cart table.total {
   border-collapse: collapse;
   padding: 5px;
   float: right;
   clear: left;
   margin-bottom: 5px;
}
#header #cart table.total td {
   color: #000;
}
#header #cart .content .checkout {
   text-align: right;
   clear: both;
}
#header #cart .empty {
   padding-top: 50px;
   text-align: center;
}
#header #search {
   background: url("../image/search_bg.gif") no-repeat scroll center top transparent;
    height: 44px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 292px;
    z-index: 15;
}
#header .button-search {
background: url("../image/btn_go.gif") no-repeat scroll right center transparent;
    cursor: pointer;
    height: 27px;
    padding-top: 15px;
    position: absolute;
    right: 7px;
    width: 27px;
}
#header #search input {
     background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding: 10px;
   padding-left:28px;
   width: 210px;
}
.quick-access {
   border-bottom: 1px solid #E3E3E3;
    position: absolute;
    top: 183px;
   margin-left:13px;
    width: 949px;;   
}
#header #welcome {
    color: #454545;
   margin-left:5px;
    /*position: absolute;
    top: 185px;*/
    text-align: right;
   float:left;
    z-index: 125;
   padding-bottom:5px;
}
#header #welcome a {
   color: #B0132E;
   font-weight:bold;
   text-decoration:underline;
}   
#header #welcome a:hover {
   text-decoration:none;
}
#header .links {
    bottom: 5px;
    font-size: 10px;
    position: absolute;
    right: -8px;
   float:right;
   
}
#header .links a {
   float: left;
   display: block;
   color: #454545;
   text-decoration: none;
   font-size: 11px;
    padding: 0 8px 0 7px;
   font-weight:normal;
   background:url("../image/bkg_pipe3.gif") no-repeat scroll 100% 50% transparent;
}
#header .links a:hover {
   color:#999999;
   text-decoration:underline;
}
/* menu */
#menu {
  background: url("../image/nav_bg.gif") no-repeat scroll left top transparent;
    height: 82px;
    margin-bottom: 0;
      margin-left:14px;
}
#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
#menu > ul > li {
   float: left;
   /*z-index: 20;*/
   background:url(../image/spacer_nav.gif) no-repeat right center;
}
#menu > ul > li:hover {
/*   background: #000;*/
}
#menu > ul > li > a {
  color: #403F3F;
    display: block;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
   padding:17px 21px;
    z-index: 6;
}
#menu > ul > li > a:hover {
   color:#DD2B4B;
}
#menu > ul > li > div {
   display: none;
   position: absolute;
   z-index: 99999;
   
 /*   border: 1px solid #DF2925;
   background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color #B58D60 #B58D60;
    border-right: 2px solid #B58D60;
    border-style: none solid solid;
    border-width: medium 2px 2px*/;
   background: none repeat scroll 0 0 #FFFFFF ;
   
}

#menu > ul > li:hover > div {
   display: table;
}
#menu > ul > li > div > ul {
   display: table-cell;
}
#menu > ul > li ul + ul {
   padding-left: 1px;
}
#menu > ul > li ul > li > a {
   text-decoration: none;
   color: #FFFFFF;
   display: block;
   white-space: nowrap;
   min-width: 160px;
   background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #E3E3E3;
    color: #000000 !important;
    padding: 5px 5px 5px 15px;
   margin-top:1px;
}
#menu > ul > li ul > li > a:hover {
   background-color: #CE2441;
    border: 1px solid #000000;
    color: #FFFFFF !important;
    padding: 5px 5px 5px 15px;
}
#menu > ul > li > div > ul > li > a {
   color: #000;
}
.breadcrumb {
   margin-top:10px;
   color: #777777;
   margin-bottom: 10px;
}
.breadcrumb a {
   font-weight:bold;
}
.breadcrumb a:hover {
   color:#999999;
}
.success, .warning, .attention, .information {
   padding: 10px 10px 10px 33px;
   color: #555555;
   margin-left:13px;
   margin-right:13px;
   margin-top:1px;
}
.success {
   background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
   border: 1px solid #BBDF8D;
}
.warning {
   background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
   border: 1px solid #F8ACAC;
}
.attention {
   background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
   border: 1px solid #F2DD8C;
}
.information {
   background: #E8F6FF url('../image/information.png') 10px center no-repeat;
   border: 1px solid #B8E2FB;
}
.success .close, .warning .close, .attention .close, .information .close {
   float: right;
   padding-top: 4px;
   padding-right: 4px;
   cursor: pointer;
}
.required {
   color: #FF0000;
   font-weight: bold;
}
.error {
   font-weight:bold;                               
   display: block;
   color: #FF0000;
}
.help {
   color: #999;
   font-size: 10px;
   font-weight: normal;
   font-family: Verdana, Geneva, sans-serif;
   display: block;
}
table.form {
   width: 100%;
   border-collapse: collapse;
   margin-bottom: 20px;
}
table.form tr td:first-child {
   width: 150px;
}
table.form > * > * > td {
   color: #000000;
}
table.form td {
   padding: 4px;
}
input.large-field, select.large-field {
   width: 220px;
}
table.list {
   border-collapse: collapse;
   width: 100%;
   border-top: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
   margin-bottom: 20px;
}
table.list td {
   border-right: 1px solid #DDDDDD;
   border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
   background-color: #EFEFEF;
   padding: 0px 5px;
}
table.list thead td a, .list thead td {
   text-decoration: none;
   color: #222222;
   font-weight: bold;
}
table.list tbody td a {
   text-decoration: underline;
}
table.list tbody td {
   vertical-align: top;
   padding: 0px 5px;
}
table.list .left {
   text-align: left;
   padding: 7px;
}
table.list .right {
   text-align: right;
   padding: 7px;
}
table.list .center {
   text-align: center;
   padding: 7px;
}
table.list .asc {
   padding-right: 15px;
   background: url('../image/asc.png') right center no-repeat;
}
table.list .desc {
   padding-right: 15px;
   background: url('../image/desc.png') right center no-repeat;
}
.pagination {
   background:none repeat scroll 0 0 #F8F8F8;
   padding: 5px 0;
   display: inline-block;
   width: 100%;
   margin-bottom: 10px;
}
.pagination .links {
   margin-left:8px;
   float: left;
}
.pagination .links a {
   display: inline-block;
   border: 1px solid #999;
   padding: 0px 5px;
   text-decoration: none;
   color: #999;
}
.pagination .links b {
   display: inline-block;
   padding: 1px 6px;
   font-weight: bold;
   text-decoration: none;
   color: #FFFFFF;
   background: #000000;
}
.pagination .results {
   float: right;
   padding-top: 3px;
   padding-right:8px;
}
/* button */
a.button {
   display: inline-block;
   padding-left: 3px;
   background: url('../image/button-left.png') top left no-repeat;
   text-decoration: none;
   cursor: pointer;
}
a.button span {
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   display: inline-block;
   padding: 4px 7px 5px 6px;
   background: url('../image/button-right.png') top right no-repeat;
}
a.buttonlink {
   display: inline-block;
   text-decoration: none;
   cursor: pointer;
}
a.buttonlink span {
   color: #000000;
   font-size: 11px;
   display: inline-block;
}
a.buttonlink:hover span {
   text-decoration:underline;
}
/*a.button:hover {
   background: url('../image/button-left-active.png') top left no-repeat;
}
a.button:hover span {
   color: #FFFFFF;
   background: url('../image/button-right-active.png') top right no-repeat;
}*/
.buttons {
   background: #FFFFFF;
   border: 1px solid #EEEEEE;
   overflow: auto;
   padding: 6px;
   margin-bottom: 20px;
}
.buttons .left {
   float: left;
   text-align: left;
}
.buttons .right {
   float: right;
   text-align: right;
}
.buttons .center {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}
.htabs {
   height: 30px;      
   line-height: 16px;
   border-bottom: 1px solid #DDDDDD;   
}
.htabs a {
   border-top: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
   background: #B11431;
   padding: 7px 15px 6px 15px;
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
   margin-right: 1px;
   display: none;
}
.htabs a.selected {
   padding-bottom: 7px;
   background: #000000;
   color:#FFFFFF;
}
.tab-content {
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
   border-bottom: 1px solid #DDDDDD;
   padding: 10px;
   margin-bottom: 20px;
   z-index: 2;
   overflow: auto;
}
/* box */
/*.box {
   margin-bottom: 5px;
   background:url("../image/block_topbg.gif") no-repeat scroll 0 0 transparent;
   padding:5px 10px; 
}
.box .box-heading {
    color: #403F3F;
    font: bold 13px/30px Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
  padding-left:24px;
    text-transform: capitalize;
     background:url("../image/tital_bullet.gif") no-repeat scroll left center transparent;
   
}
.box .box-content {

}*/
/* left */
#column-left .box {
   margin-bottom: 5px;
   /*background:#ed0091 url(../image/box_bottombg.gif) no-repeat bottom center;*/
   background:url("../image/block_topbg.gif") no-repeat scroll 0 0 transparent;
   padding:0px 10px;
}
#column-left .box .box-heading h1 {
    color: #403F3F;
    font: bold 13px/30px Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
     padding-left:24px;
    text-transform: capitalize;
   background:url("../image/tital_bullet.gif") no-repeat scroll left center transparent;
   margin:0;
}
#column-left .box .box-content {
 
}
/* right */
#column-right .box {
   margin-bottom: 5px;
   /*background:#ed0091 url(../image/box_bottombg.gif) no-repeat bottom center;*/
   background:url("../image/block_topbg.gif") no-repeat scroll 0 0 transparent;
   padding:0px 10px;
}
#column-right .box .box-heading h1 {
    color: #403F3F;
    font: bold 13px/30px Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
     padding-left:24px;
    text-transform: capitalize;
   background:url("../image/tital_bullet.gif") no-repeat scroll left center transparent;
   margin:0;
}
#column-right .box .box-content {
 
}

/* box products */
.box-product {
   width: 100%;
   overflow: auto;
}
   
.box-product > div {
   width: 202px;
   display: inline-block;
   vertical-align: top;
   margin-right: 8px;
   margin-bottom: 15px;
   background-color:#F8F8F8;
   text-align:center;
   padding:10px;   
}
.box-product > div:hover {
   background-color:#F2F2F2;
}
.box-product .image {
   display: block;
   margin-bottom: 0px;
}
.box-product .image img {
   margin-bottom:8px;
}
.box-product .name a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
   text-align:left;
   display: block;
   margin-bottom: 8px;
}
.box-product .name a:hover {
   color:#C52C47;
}
.box-product .price {
   display: block;
   font-weight: bold;
   color: #333333;
   margin-bottom: 4px;
   float:left;
   margin-top:5px;
   font-size:14px;
}
.box-product .price-old {
   color: #F00;
   font-weight:normal;
   text-decoration: line-through;
}
.box-product .price-new {
   font-weight: bold;
}
.box-product .rating {
   display: block;
   margin-bottom: 4px;
}
/* box category left */
#column-left .box-category {
     margin-top: 0px;
     background:url("../image/block_midbg.gif") repeat-y scroll 0 0 transparent;
     margin-left:-10px;
     border-bottom:1px solid #E3E3E3;
     width:220px;
     padding-bottom:10px;
}
#column-left .box-category ul {
   list-style: none;
   margin: 0;
   padding: 0 0 0px 18px;
}
#column-left .box-category > ul > li {
   padding: 8px 8px 4px 0px;
}
/* box category right */
#column-right .box-category {
     margin-top: 0px;
     background:url("../image/block_midbg.gif") repeat-y scroll 0 0 transparent;
     margin-left:-10px;
     border-bottom:1px solid #E3E3E3;
     width:220px;
     padding-bottom:10px;
}
#column-right .box-category ul {
   list-style: none;
   margin: 0;
   padding: 0 0 0px 18px;
}
#column-right .box-category > ul > li {
   padding: 8px 8px 4px 0px;
}

/* box category */
/*.box-category {
     margin-top: 5px;
     background:url("../image/block_midbg.gif") repeat-y scroll 0 0 transparent;
     margin-left:-10px;
     border-bottom:1px solid #E3E3E3;
     width:220px;
     padding-bottom:10px;
}
.box-category ul {
   list-style: none;
   margin: 0;
   padding: 0 0 0px 18px;
}
.box-category > ul > li {
   padding: 8px 8px 4px 0px;
}*/
.box-category > ul > li + li {
/*   border-top: 1px solid #EEEEEE;*/
}
.box-category > ul > li > a {
   text-decoration: none;
   color: #403F3F;
   font-weight:normal;
}
.box-category > ul > li > a:hover {
   color:#999999;
}
.box-category > ul > li ul {
   display: none;
}
.box-category > ul > li a.active {
   font-weight: bold;
   color:#999999;
}
.box-category > ul > li a.active + ul {
   display: block;
}
.box-category > ul > li ul > li {
   padding: 3px 5px 0px 0px;
}
.box-category > ul > li ul > li > a {
   text-decoration: none;
   display: block;
   color:#000000;
   font-size:12px;
}
.box-category > ul > li ul > li > a:hover {
   color:#999999;
   text-decoration:underline;
}
.box-category > ul > li ul > li > a.active {
   font-weight: normal;
   color:#999999;
}
/* Bestseller */
.bestbox-product {   
    width: 100%;   
   overflow:hidden;
}
.bestbox-product > div {
   background-color: #F8F8F8;
    display: inline-block;
    margin: 4px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 202px;
}
.bestbox-product > div:hover {
   background-color:#F2F2F2;
}
.bestbox-product .image {
   display: block;
    margin-bottom: 8px;
}
.bestbox-product .image img {
     padding:3px;
   
}
.bestbox-product .name a {
       display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 6px;
    text-decoration: none;
   text-align:left;
}
.bestbox-product .name a:hover {
    text-decoration:none;
   color:#C52C47;
}
.bestbox-product .price {
     color: #373935;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
}
.bestbox-product .price-old {
    color: #FF0000;
    padding-right: 2px;
   font-weight:normal;
    text-decoration: line-through;
}
.bestbox-product .price-new {
    font-weight: bold;
}
.bestbox-product .rating {
    display: block;
    margin-bottom: 4px;
}
.bestbox-product .cart {
   float:right;
}
.best-info {
   
}
/* Bestseller left */
#column-left .bestbox-product {   
    width: 100%;   
}
#column-left .bestbox-product > div {
   width:210px;
   padding:0;
      margin-bottom:5px;
   background:none;
   margin-right:0px;
}
#column-left .bestbox-product .image {
 
    margin-bottom: 0px;
    margin-top: 0px;
   margin-right: 0px;
}
#column-left .bestbox-product .image img {
     margin-right:5px;
      float:left;
   margin-left:2px;
}
#column-left .bestbox-product .name a {
    color:#999999;
   font-weight:normal;
    display: block;
   font-size:11px;
    margin-bottom: 4px;
   text-decoration: none;
}
#column-left .bestbox-product .name a:hover {
    text-decoration:underline;
   color:#000000;
}
#column-left .bestbox-product .price {
   float:none;
    color: #000000;
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
      font-size:13px;
   text-align:left;
   padding-top:0;
}
#column-left .bestbox-product .price-old {
    color: #FF0000;
    padding-right: 5px;
   font-weight:normal;
    text-decoration: line-through;
}
#column-left .bestbox-product .price-new {
    font-weight: bold;
}
#column-left .bestbox-product .rating {
    display: block;
    margin-bottom: 4px;
}
#column-left .bestbox-product .cart {
   text-align:left;
   float:none;
}
#column-left .best-info {
   
}
#column-left a.button {
   display: inline-block;
   padding: 0px;
   background: none;
   text-decoration: none;
   cursor: pointer;
}
#column-left a.button span {
   color: #000;
   font-size: 11px;
   font-weight: normal;
   display: inline-block;
   padding: 0;
   text-decoration:none;
   background: none;
}
#column-left a.button:hover span {
   text-decoration:underline;
}
/* Bestseller right */
#column-right .bestbox-product {   
    width: 100%;   
}
#column-right .bestbox-product > div {
   width:210px;
   padding:0;
      margin-bottom:5px;
   background:none;
   margin-right:0px;
}
#column-right .bestbox-product .image {
 
    margin-bottom: 0px;
    margin-top: 0px;
   margin-right: 0px;
}
#column-right .bestbox-product .image img {
     margin-right:5px;
      float:left;
   margin-left:2px;
}
#column-right .bestbox-product .name a {
    color:#999999;
   font-weight:normal;
    display: block;
   font-size:11px;
    margin-bottom: 4px;
   text-decoration: none;
}
#column-right .bestbox-product .name a:hover {
    text-decoration:underline;
   color:#000000;
}
#column-right .bestbox-product .price {
   float:none;
    color: #000000;
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
      font-size:13px;
   text-align:left;
   padding-top:0;
}
#column-right .bestbox-product .price-old {
    color: #FF0000;
    padding-right: 5px;
   font-weight:normal;
    text-decoration: line-through;
}
#column-right .bestbox-product .price-new {
    font-weight: bold;
}
#column-right .bestbox-product .rating {
    display: block;
    margin-bottom: 4px;
}
#column-right .bestbox-product .cart {
   text-align:left;
   float:none;
}
#column-right .best-info {
   
}
#column-right a.button {
   display: inline-block;
   padding: 0px;
   background: none;
   text-decoration: none;
   cursor: pointer;
}
#column-right a.button span {
   color: #000;
   font-size: 11px;
   font-weight: normal;
   display: inline-block;
   padding: 0;
   text-decoration:none;
   background: none;
}
#column-right a.button:hover span {
   text-decoration:underline;
}

/* new product */
.category-products {
   overflow:auto;
   width:100%;
   margin-bottom:10px;
}
.category-product {
   vertical-align:top;
   display:inline-block;
   margin-bottom:10px;
   width:202px;
   margin:4px;
   text-align:center;
   padding:10px;
   background-color:#F8F8F8;
}
.category-product:hover {
   background-color:#F2F2F2;
}
.category-product .image {
   display: block;
   margin-bottom: 8px;
}
.category-product .image img {
   padding:3px;   
}
.category-product .name {
   text-align:left;
}
.category-product .name a {
   color: ##333333;
   text-decoration: none;
   display: block;
   margin-bottom: 6px;
   font-size:12px;
   font-weight:bold;
   
}

.category-product .name a:hover
{
   color:#C52C47;
   text-decoration:none;
}

.category-product .price {
   display: block;
   font-weight: bold;
   color:#373935;
   padding-top:5px;
   font-size:15px;
   float:left;
}
.category-product .price-old {
   color:#FF0000;
   font-weight:normal;
   padding-right:5px;
   text-decoration:line-through;
}
.category-product .rating {
   display: block;
   margin-bottom: 4px;
}
.category-product .cart {
   float:right;
}
/* content */
#content .content {
   padding: 10px;
   overflow: hidden;
   margin-bottom: 20px;
   border: 1px solid #EEEEEE;
}
#content .content .left {
   float: left;
   width: 49%;
}
#content .content .right {
   float: right;
   width: 49%;
}
.box-test {

}
.box-test ul
{
   list-style:none outside none;
   margin:0;   
   padding:0;
}
.box-test ul li
{
   padding: 8px 8px 3px 0;
}

/* category */
.category-info {
    overflow: auto;
    margin-bottom:5px;
}
.category-info .image {
   float: left;
   padding: 5px;
   margin-right: 10px;
   border: 1px solid #E7E7E7;
}
.category-list {
   overflow: auto;
   margin-bottom: 5px;
}
.category-list ul {
   float: left;
   width: 18%;
   padding:0;
   margin:0;
   list-style:none outside none;
}
.category-list .div a {
   text-decoration: underline;
   font-weight: bold;
}
/* manufacturer */
.manufacturer-list {
   border: 1px solid #DBDEE1;
   padding: 5px;
   overflow: auto;
   margin-bottom: 20px;
}
.manufacturer-heading {
   background: #F8F8F8;
   font-size: 15px;
   font-weight: bold;
   padding: 5px 8px;
   margin-bottom: 6px;
}
.manufacturer-content {
   padding: 8px;
}
.manufacturer-list ul {
   float: left;
   width: 25%;
   margin: 0;
   padding: 0;
   list-style: none;
   margin-bottom: 10px;
}
/* product */
.product-filter {
   background:#F8F8F8;
   padding: 4px 8px;
   overflow: auto;
}
.product-filter .display {
   margin-right: 15px;
   float: left;
   padding-top: 4px;
   color: #333;
}
.product-filter .display a {
   font-weight: bold;
}
.product-filter .sort {
   float: right;
   color: #333;
}
.product-filter .sort select {
   width:120px;
}
.product-filter .limit {
   margin-left: 15px;
   float: right;
   color: #333;
}
.product-compare {
   padding: 6px 8px 8px;
   margin-bottom: 15px;
   font-weight: bold;
   background:#F8F8F8;
   margin-top:1px;
}
.product-compare a {
   text-decoration: none;
   font-weight: bold;
}
.product-list > div {
   overflow: auto;
   margin-bottom: 15px;
   border-bottom:1px solid #EEEEEE;
}
.product-list .right {
   float: right;
   margin-left: 15px;
}
.product-list .image {
   float: left;
   margin-right: 10px;
}
.product-list .image img {
   padding: 3px;
   margin-right:5px;   
}
.product-list .name {
   margin-bottom: 10px;
}
.product-list .name a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}
.product-list .name a:hover {
   color:#C52C47;
}
.product-list .description {
   line-height: 15px;
   margin-bottom: 15px;
   color: #4D4D4D;
}
.product-list .rating {
   color: #7B7B7B;
}
.product-list .price {
   float: left;
   height: 38px;
   color: #000000;
   font-size: 14px;
   margin-right:15px;
   font-weight:bold;
}
.product-list .price-old {
   color: #F00;
   font-weight:normal;
   text-decoration: line-through;
}
.product-list .price-new {
   font-weight: bold;
}
.product-list .price-tax {
   font-size: 12px;
   font-weight: normal;
   color: #BBBBBB;
}
.product-list .cart {
   margin-bottom: 20px;
}
.product-list .wishlist, .product-list .compare {
   margin-bottom: 0px;
}
.product-list .wishlist a {
   color: #333333;
   text-decoration: none;
   padding-left: 12px;
   font-size:11px;
   background:url("../image/bkg_add-to.gif") no-repeat scroll left center transparent;
}
.product-list .wishlist a:hover {
   text-decoration:underline;
}
.product-list .compare a {
   color: #333333;
   text-decoration: none;
   padding-left: 12px;
   font-size:11px;
   background: url("../image/bkg_add-to.gif") no-repeat scroll left 60% transparent;
}
.product-list .compare a:hover {
   text-decoration:underline;
}
.product-grid {
   width: 100%;
   overflow: hidden;
}
.product-grid > div {
   width: 202px;
   display: inline-block;
   vertical-align: top;
   margin-right: 4px;
   margin-right:8px;
   padding:10px;
   margin-bottom: 10px;
   background-color:#F8F8F8;
   text-align:center;
}
.product-grid > div:hover {
   background-color:#F2F2F2;
}
.product-grid .image {
   display: block;
   margin-bottom: 0px;
}
.product-grid .image img {
   padding: 3px;
   margin-bottom:8px;   
}
.product-grid .name a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
   display: block;
   margin-bottom: 8px;
   text-align:left;
}
.product-grid .name a:hover {
   color:#C52C47;
}
.product-grid .description {
   display: none;
}
.product-grid .rating {
   display: block;
   margin-bottom: 4px;
}
.product-grid .price {
   /*display: block;*/
   font-weight: bold;
   color: #333333;
/*   margin-bottom: 9px;*/
   float:left;
   font-size:14px;
   padding-top:5px;
   text-align:left;
   margin-bottom:5px;
}   
.product-grid .price-old {
   color: #F00;
   font-weight:normal;
   text-decoration: line-through;
}
.product-grid .price-new {
   font-weight: bold;
}
.product-grid .price .price-tax {
    color: #BBBBBB;
    font-size: 12px;
    font-weight: normal;
}
.product-grid .cart {
   margin-bottom: 8px;
   float:right;
}
.product-grid .wishlist, .product-grid .compare {
   float:left;
   margin-bottom:0;
}
.product-grid .wishlist a {
   color: #333333;
    font-size: 12px;
    margin-right: 60px;
    text-decoration: none;
}
.product-grid .wishlist a:hover {
   text-decoration:underline;
}
.product-grid .compare a {
   color: #333333;
    font-size: 12px;
    margin-right: 18px;
    text-decoration: none;
}
.product-grid .compare a:hover {
   text-decoration:underline;
}
/* Product */
.product-info {
   overflow: auto;
   margin-bottom: 20px;
}
.product-info > .left {
   float: left;
   margin-right: 15px;
}
.product-info > .left + .right {
   margin-left: 265px;
}
.product-info .image {
   border: 1px solid #E7E7E7;
   float: left;
   margin-bottom: 20px;
   padding: 10px;
   text-align: center;
}
.product-info .image-additional {
   width: 260px;
   margin-left: -10px;
   clear: both;
   overflow: hidden;
}
.product-info .image-additional img {
   border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
   float: left;
   display: block;
   margin-left: 10px;
   margin-bottom: 10px;
}
.product-info .description h1 {
   color:#B11431;
   font-size:16px;
   font-weight:bold;
   background:none;
   padding:0;
   border-bottom:1px solid #E7E7E7;
   padding-bottom:3px;
   margin:0;
   margin-bottom:10px;
}
.product-info .description {
   padding: 0px 5px 10px 5px;
   margin-bottom: 10px;
   line-height: 20px;
   color: #4D4D4D;
}
.product-info .description span {
   color: #000000;
   font-weight:bold;
}
.product-info .description a {
   color: #4D4D4D;
   text-decoration: none;
}
.product-info .price {
   overflow: auto;
   padding: 0px 5px 10px 5px;
   margin-bottom: 10px;
   font-size: 15px;
   font-weight: bold;
   color: #B11431;
}
.product-info .price-old {
   font-weight:normal;
   color: #F00;
   text-decoration: line-through;
}
.product-info .price-new {
   
}
.product-info .price-tax {
   font-size: 12px;
   font-weight: normal;
   color: #999;
}
.product-info .price .reward {
   font-size: 12px;
   font-weight: normal;
   color: #999;
}
.product-info .price .discount {
   font-weight: normal;
   font-size: 12px;
   color: #4D4D4D;
}
.product-info .options {
   border-bottom: 1px solid #E7E7E7;
   padding: 0px 5px 10px 5px;
   margin-bottom: 10px;
   color: #000000;
}
.product-info .cart {
   border-bottom: 1px solid #E7E7E7;
   padding: 0px 5px 10px 5px;
   margin-bottom: 20px;
   color: #4D4D4D;
   overflow: auto;
}
.product-info .cart div {
   float: left;
   vertical-align: middle;
}
.product-info .cart div > span {
   padding-top: 7px;
   display: block;
   color: #999;
}
.product-info .cart .minimum {
   padding-top: 5px;
   font-size: 11px;
   color: #999;
   clear: both;
}
.product-info .review {
   color: #4D4D4D;
   border-top: 1px solid #E7E7E7;
   border-left: 1px solid #E7E7E7;
   border-right: 1px solid #E7E7E7;
   margin-bottom: 10px;
}
.product-info .review > div {
   padding: 8px;
   border-bottom: 1px solid #E7E7E7;
   line-height: 10px;
}
.product-info .review > div > span {
   color: #38B0E3;
}
.product-info .review .share {
   overflow: auto;
   line-height: normal;
}
.product-info .review .share a {
   text-decoration: none;
}
.product-info .review .share a:hover {
   text-decoration:underline;
}
.attribute {
   border-collapse: collapse;
   width: 100%;
   border-top: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
   margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
   color: #000000;
   font-size: 14px;
   font-weight: bold;
   background: #F7F7F7;
   text-align: left;
}
.attribute tr td:first-child {
   color: #000000;
   font-weight: bold;
   text-align: right;
   width: 20%;
}
.attribute td {
   padding: 7px;
   color: #4D4D4D;
   text-align: center;
   vertical-align: top;
   border-right: 1px solid #DDDDDD;
   border-bottom: 1px solid #DDDDDD;
}
.compare-info {
   border-collapse: collapse;
   width: 100%;
   border-top: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
   margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
   color: #000000;
   font-size: 14px;
   font-weight: bold;
   background: #F7F7F7;
   text-align: left;
}
.compare-info tr td:first-child {
   color: #000000;
   font-weight: bold;
   text-align: right;
}
.compare-info td {
   padding: 7px;
   width: 20%;
   color: #4D4D4D;
   text-align: center;
   vertical-align: top;
   border-right: 1px solid #DDDDDD;
   border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
   font-weight: bold;
}
.compare-info .price-old {
   font-weight: bold;
   color: #F00;
   text-decoration: line-through;
}
.compare-info .price-new {
   font-weight: bold;
}
/* wishlist */
.wishlist-product table {
   width: 100%;
   border-collapse: collapse;
   border-top: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
   margin-bottom: 20px;
}
.wishlist-product td {
   padding: 7px;
}
.wishlist-product thead td {
   color: #4D4D4D;
   font-weight: bold;
   background-color: #F7F7F7;
   border-bottom: 1px solid #DDDDDD;
}
.wishlist-product thead .remove, .wishlist-product thead .image, .wishlist-product thead .cart {
   text-align: center;
}
.wishlist-product thead .name, .wishlist-product thead .model, .wishlist-product thead .stock {
   text-align: left;
}
.wishlist-product thead .quantity, .wishlist-product thead .price, .wishlist-product thead .total {
   text-align: right;
}
.wishlist-product tbody td {
   vertical-align: top;
   border-bottom: 1px solid #DDDDDD;
}
.wishlist-product tbody .remove {
   vertical-align: middle;
}
.wishlist-product tbody .remove, .wishlist-product tbody .image, .wishlist-product tbody .cart {
   text-align: center;
}
.wishlist-product tbody .name, .wishlist-product tbody .model, .wishlist-product tbody .stock {
   text-align: left;
}
.wishlist-product tbody .quantity, .wishlist-product tbody .price, .wishlist-product tbody .total {
   text-align: right;
}
.wishlist-product tbody .price s {
   color: #F00;
}
.login-content {
   margin-bottom: 20px;
   overflow: auto;
}
.login-content .left {
   float: left;
   width: 48%;
}
.login-content .right {
   float: right;
   width: 48%
}
.login-content .left .content, .login-content .right .content {
   min-height: 190px;
}
/* orders */
.order-list {
   margin-bottom: 10px;
}
.order-list .order-id {
   width: 49%;
   float: left;
   margin-bottom: 2px;
}
.order-list .order-status {
   width: 49%;
   float: right;
   text-align: right;
   margin-bottom: 2px;
}
.order-list .order-content {
   padding: 10px 0px;
   display: inline-block;
   width: 100%;
   margin-bottom: 20px;
   border-top: 1px solid #EEEEEE;
   border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
   float: left;
   width: 33.3%;
}
.order-list .order-info {
   text-align: right;
}
.order-detail {
   background: #EFEFEF;
   font-weight: bold;
}
/* returns */
.return-list {
   margin-bottom: 10px;
}
.return-list .return-id {
   width: 49%;
   float: left;
   margin-bottom: 2px;
}
.return-list .return-status {
   width: 49%;
   float: right;
   text-align: right;
   margin-bottom: 2px;
}
.return-list .return-content {
   padding: 10px 0px;
   display: inline-block;
   width: 100%;
   margin-bottom: 20px;
   border-top: 1px solid #EEEEEE;
   border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
   float: left;
   width: 33.3%;
}
.return-list .return-info {
   text-align: right;
}
.return-product {
   overflow: auto;
   margin-bottom: 20px;
}
.return-name {
   float: left;
   width: 33.3%;
}
.return-model {
   float: left;
   width: 33.3%;
}
.return-quantity {
   float: left;
   width: 33.3%;
}
.return-detail {
   overflow: auto;
   margin-bottom: 20px;
}
.return-reason {
   float: left;
   width: 33.3%;
}
.return-opened {
   float: left;
   width: 33.3%;
}
.return-opened textarea {
   width: 98%;
   vertical-align: top;
}
.return-remove {
   float: left;
   width: 33.3%;
   padding-top: 90px;
   text-align: center;
   vertical-align: middle;
}
.return-additional {
   overflow: auto;
   margin-bottom: 20px;
}
.return-comment {
   width: 49%;
}
.return-captcha {
   width: 49%;
}
.download-list {
   margin-bottom: 10px;
}
.download-list .download-id {
   width: 49%;
   float: left;
   margin-bottom: 2px;
}
.download-list .download-status {
   width: 49%;
   float: right;
   text-align: right;
   margin-bottom: 2px;
}
.download-list .download-content {
   padding: 10px 0px;
   display: inline-block;
   width: 100%;
   margin-bottom: 20px;
   border-top: 1px solid #EEEEEE;
   border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
   float: left;
   width: 33.3%;
}
.download-list .download-info {
   text-align: right;
}
/* cart */
.cart-info table {
   width: 100%;
   margin-bottom: 20px;
   border-collapse: collapse;
   border-top: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
}
.cart-info td {
   padding: 7px;
}
.cart-info thead td {
   color: #4D4D4D;
   font-weight: bold;
   background-color: #F7F7F7;
   border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .remove, .cart-info thead .image {
   text-align: center;
}
.cart-info thead .name, .cart-info thead .model {
   text-align: left;
}
.cart-info thead .quantity, .cart-info thead .price, .cart-info thead .total {
   text-align: right;
}
.cart-info tbody td {
   vertical-align: top;
   border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .remove {
   vertical-align: middle;
}
.cart-info tbody .remove, .cart-info tbody .image {
   text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model {
   text-align: left;
}
.cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total {
   text-align: right;
}
.cart-info tbody span.stock {
   color: #F00;
   font-weight: bold;
}
.cart-module .cart-heading {
   border: 1px solid #DBDEE1;
   padding: 8px 8px 8px 22px;
   font-weight: bold;
   font-size: 13px;
   color: #555555;
   margin-bottom: 15px;
   cursor: pointer;
   background: #F8F8F8 url('../image/arrow-right.png') 10px 50% no-repeat;
}
.cart-module .active {
   background: #F8F8F8 url('../image/arrow-down.png') 7px 50% no-repeat;
}
.cart-module .cart-content {
   padding: 0px 0px 15px 0px;
   display: none;
   overflow: auto;
}
.cart-total {
   border-top: 1px solid #DDDDDD;
   overflow: auto;
   padding-top: 8px;
   margin-bottom: 15px;
}
.cart-total table {
   float: right;
}
.cart-total td {
   padding: 3px;
   text-align: right;
}
/* checkout */
.checkout-heading {
   background: #F8F8F8;
   border: 1px solid #DBDEE1;
   padding: 8px;
   font-weight: bold;
   font-size: 13px;
   color: #555555;
   margin-bottom: 15px;
   height:18%;
}
.checkout-heading a {
   float: right;
   margin-top: 1px;
   font-weight: normal;
   text-decoration: none;
}
.checkout-content {
   padding: 0px 0px 15px 0px;
   display: none;
   overflow: auto;
}
.checkout-content .left {
   float: left;
   width: 48%;
}
.checkout-content .right {
   float: right;
   width: 48%;
}
.checkout-content .buttons {
   clear: both;
}
.checkout-product table {
   width: 100%;
   border-collapse: collapse;
   border-top: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
   margin-bottom: 20px;
}
.checkout-content .buttons .right {
   width:400px;
}
.checkout-product td {
   padding: 7px;
}
.checkout-product thead td {
   color: #4D4D4D;
   font-weight: bold;
   background-color: #F7F7F7;
   border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
   text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
   text-align: right;
}
.checkout-product tbody td {
   vertical-align: top;
   border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
   text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
   text-align: right;
}
.checkout-product tfoot td {
   text-align: right;
   border-bottom: 1px solid #DDDDDD;
}
.contact-info {
   overflow: auto;
}
.contact-info .left {
   float: left;
   width: 48%;
}
.contact-info .right {
   float: left;
   width: 48%;
}
.sitemap-info {
   overflow: auto;
   margin-bottom: 40px;
}
.sitemap-info .left {
   float: left;
   width: 40%;
}
.sitemap-info .right {
   float: left;
   width: 48%;
}
/* footer */
#footer {
   clear: both;
    color: #000000;
    height: 38px;
    overflow: auto;
  border: 1px solid #E3E3E3;
    margin: 5px 14px 14px;
    padding-top: 20px;
}
#footer h3 {
   color: #000;
   font-size: 14px;
   margin-top: 0px;
   margin-bottom: 8px;
}
#footer .column {
   float: left;
   width: 25%;
   min-height: 100px;
}
#footer .column ul {
 margin-top: 0;
    padding-left: 0;
}
#footer .column ul li {
   background: url("../image/bull.jpg") no-repeat scroll left center transparent;
    list-style: none outside none;
    margin-bottom: 1px;
     padding-left: 12px;
}
#footer .column a {
   text-decoration: none;
   color: #000;
}
#footer .column a:hover {
   text-decoration: underline;
}
#powered {
     clear: both;
    color: #B7B7B7;
    font-weight: bold;
   
}

#powered ul {
    float: left;
    margin: 0 0 8px;
    padding-left: 0;
}

#powered li {
    background: url("../image/pipe2.gif") no-repeat scroll right center transparent;
    color: #0579B8;
    display: inline;
    padding-left: 7px;
    padding-right: 7px;
}

#powered li a {
    color: #403F3F;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-transform: capitalize;
}
#powered li a:hover {
   text-decoration:underline;
   color:#999999;
}
#powered .last { background:none;}

#powered .login-logout {
   background:none repeat scroll 0 0 transparent;
}
.copywrite {
    color: #403F3F;
    float: right;
    font-weight: normal;
   padding-right:5px;
}

.copywrite a {
   text-decoration:underline;
    color: #403F3F;
}
.copywrite a:hover {
   text-decoration:none;
}
/* banner */
.banner div {
   text-align: center;
   width: 100%;
}
.banner div img {
   margin-bottom: 2px;
}
#banner0 {
    margin-bottom:-13px;
}
#banner1 {

}
#banner2 {

}
/* banner left */
#column-left #banner0 {
    margin-bottom: 5px;
}
#column-left #banner1 {

}
#column-left #banner2 {

}

.shipping-banner {margin-bottom:2px;}

.mainbanner { margin-bottom:7px;}

.column-block {   
     background: url("../image/footterbg.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 100px;
    padding: 5px 5px 5px 15px;
   }
  .center-bodybg {
    background-image: url("../image/center_midbg.gif");
    background-position: center top;
    background-repeat: repeat-y;
    float: left;
    width: 982px;
}
.center-bodybg2 {
    background: url("../image/center_topbg.gif") no-repeat scroll center top transparent;
    float: left;
    width: 982px;
}

.centercoloums  { 
     background: url("../image/leftbody_bg.jpg") repeat-y scroll left top #FFFFFF;
    margin-left: 20px;
  width: 945px;}
 
 
.mainbanner {
    height: 300px;
    margin-bottom: 5px;
}

.banner-left {
    float: left;
}

.banner-right {
    float: right;



.leftbanner {
   float:left;
   margin-left:13px;
   margin-right:5px;
   margin-top:3px;
}
.rightbanner {
margin-top:3px;
}
.rightbanner1 {
   margin-top:2px;
}

/* language */
.switcher {
   float: right;
    position: absolute;
    right: 90px;
    top: 59px;
    z-index: 99;
}
.switcher a {
   text-decoration: none;
   display: block;
}
.switcher .selected {
   /*background: #FFFFFF url('../image/switcher.png') repeat-x;*/
}
.switcher .selected a {
   border: 1px solid #DDD;
   background: url('../image/arrow_down.png') 110px center no-repeat;
   color: #666666;
   padding: 2px 5px 2px 5px;
   width: 115px;
}
.switcher .selected a:hover {
   background: #F3F3F3 url('../image/arrow_down.png') 110px center no-repeat;
}
.switcher .option {   
   position: absolute;
   z-index: 3;
   border-left: 1px solid #EEEEEE;
   border-right: 1px solid #EEEEEE;
   border-bottom: 1px solid #EEEEEE;
   background-color: #F3F3F3;
   display: none;
   width: 125px;
}
.switcher .option a {
   color: #000;
   padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
   background: #FFF;
}
.switcher img {
   position: relative;
   top: 1px;
}
Image
1 - A lire avant de poster un sujet
2 - Politique sur la signature.

Quand le sujet est résolu, pensez à ajouter la petite coche verte Image dans le titre initial en éditant votre premier message et non dans votre dernière réponse.
Merci


Toutes les extensions commerciales (templates ou modules payants) ne peuvent pas faire l'objet d'ouverture de sujet, prière de bien vouloir s'adresser au concepteur en cas de problème ou demande de renseignements.

Seul, on avance plus vite, à plusieurs on avance plus loin.
Avatar de l’utilisateur
LeorLindel
Administrateur
Administrateur
 
Messages: 4229
Inscription: 19 Fév 2010, 12:44
Localisation: Lutéce

Re: Modifier l'affichage de product catégorie

Messagepar Sector » 08 Déc 2012, 17:52

Merci pour ta réponse mais cette solution ne marche pas je l’avais déjà essayer, je pense qu'il faut modifier les deux la page et le css. Ou peut être qu'il existe un module pour ?
http://www.toutgun.con
OpenCart Version 1.5.5.1_FR
Hébergeur OVH
Version server : 5.4.45
Sector
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 18
Inscription: 06 Nov 2012, 20:16

Re: Modifier l'affichage de product catégorie

Messagepar LeorLindel » 09 Déc 2012, 01:15

Tu dois pouvoir trouver un template qui présente sous cette forme.
Image
1 - A lire avant de poster un sujet
2 - Politique sur la signature.

Quand le sujet est résolu, pensez à ajouter la petite coche verte Image dans le titre initial en éditant votre premier message et non dans votre dernière réponse.
Merci


Toutes les extensions commerciales (templates ou modules payants) ne peuvent pas faire l'objet d'ouverture de sujet, prière de bien vouloir s'adresser au concepteur en cas de problème ou demande de renseignements.

Seul, on avance plus vite, à plusieurs on avance plus loin.
Avatar de l’utilisateur
LeorLindel
Administrateur
Administrateur
 
Messages: 4229
Inscription: 19 Fév 2010, 12:44
Localisation: Lutéce


Retourner vers Soutien

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron