Ask your WordPress questions! Pay money and get answers fast! (more info)

How i can order products in this page? WordPress

  • SOLVED

I have the page [[LINK href="http://aliensurface.ro/categorie-produs/telefoane-mobile/samsung/?orderby=popularity"]][[/LINK]]
The question is how i can order well the products?
Now i see first lines OK but last lines are broke the products are not order in line and columns like upstairs.
Its the same situation for all categories.

Answers (2)

2013-09-02

Arnav Joy answers:

can you show your page url?


Balanean Corneliu comments:

Hi Joy i used the code seems to not work i paste manualy here http://aliensurface.ro/categorie-produs/telefoane-mobile/samsung/?orderby=popularity


Balanean Corneliu comments:

http://aliensurface.ro/categorie-produs/telefoane-mobile/htc/
take a look here

i hope you can see the thumbnails are not in order have empty spaces


Arnav Joy comments:

can you show the code which you have used , also this question requires more amount atleast $10 so please increase it.


Arnav Joy comments:

you have to place

<div style="clear:both"></div>

after every 5 "<li>"


Balanean Corneliu comments:

I have clear on the woocommerce.css but i think is from the style.php of the wordpress theme.
/*

Theme Name: StyleShop

Theme URI: http://www.elegantthemes.com/gallery/

Version: 1.4

Description: 2 Column theme from Elegant Themes

Author: Elegant Themes

Author URI: http://www.elegantthemes.com

*/



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

/*-----------------[RESET]------------------------*/

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



/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }



body { line-height: 1; }

ol, ul { list-style: none; padding-left:10px; }

blockquote, q { quotes: none; }



blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }



/* remember to define focus styles! */

:focus { outline: 0; }



/* remember to highlight inserts somehow! */

ins { text-decoration: none; }

del { text-decoration: line-through; }



/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: collapse; border-spacing: 0; }



article, aside, footer, header, nav, section { display: block; }



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

/*-----------------[BASIC STYLES]-----------------*/

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



body { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #555; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: top center !important; background-repeat: no-repeat !important; }



a { text-decoration: none; color: #1E85BE; }

a:hover { text-decoration: underline; }

.clear { clear: both; }

.ui-tabs-hide { display: none; }

br.clear { margin: 0px; padding: 0px; }



h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #3d5054; line-height: 1em; font-weight: normal; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; }

h1 { font-size: 23px; }

h2 { font-size: 24px; }

h3 { font-size: 22px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p { padding-bottom: 1px; line-height: 24px; }

strong { font-weight: bold; color: #1c1c1c; padding-left: 25px; }

cite, em, i { font-style: italic; }

pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }

ins { text-decoration: none; }

sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }

sup { bottom: 0.8em; }

sub { top: 0.3em; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: bold; }

dd { margin-left: 1.5em;}

blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }

blockquote p { padding-bottom: 0px; }



input[type=text],input.text, input.title, textarea, select { background-color:transparent; border:1px solid #BBBBBB; padding-left: 10px; padding-top: 4px; color: #000000; width:220px; font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif; font-size:14px; font-weight: lighter;}

input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #908f8f; }

input[type=text], input.text, input.title, textarea, select { margin:0.3em 0; }

textarea { padding: 4px; }



img#about-image { float: left; margin: 3px 8px 8px 0px; }



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .clearfix { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */



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

/*---------------[MAIN LAYOUT INFO]---------------*/

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



img { max-width: 100%; height: auto; }



#ie8 img { width: auto; }



#main-page-wrapper { position: relative; }



#container { text-align: left; margin: 0 auto; width: 960px; position: relative; }

#main-header { padding: 3px 0 1px; }

#logo { float: left; }

#top-navigation { float: right; padding-top: 25px; position: relative; }



#top-navigation nav { float: left; padding-top: 0px; }

#top-navigation li { display: inline-block; }

#top-navigation a { font-size: 14px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.8); padding-left: 19px; display: block; font-weight: 300; }

#top-navigation a:hover { color: rgba( 255,255,255,0.9 ); }

#top-navigation ul > li.current_page_item > a { font-weight: 800; }

.et-cart { color: #8cd50b!important; float: left; position: relative; margin-left: 29px; padding: 10px 40px 11px 38px!important; border: 1px solid #101010; background: rgb(35,34,35); /* Old browsers */ background: -moz-linear-gradient(top, rgba(35,34,35,1) 0%, rgba(28,28,28,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,34,35,1)), color-stop(100%,rgba(28,28,28,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(35,34,35,1) 0%,rgba(28,28,28,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(35,34,35,1) 0%,rgba(28,28,28,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(35,34,35,1) 0%,rgba(28,28,28,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(35,34,35,1) 0%,rgba(28,28,28,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232223', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, 0 4px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, 0 4px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, 0 4px 2px rgba(0,0,0,0.1); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.et-cart:hover { text-decoration: none; background: #282828;

background: -moz-linear-gradient(top, #282828 0%, #212121 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282828), color-stop(100%,#212121));

background: -webkit-linear-gradient(top, #282828 0%,#212121 100%);

background: -o-linear-gradient(top, #282828 0%,#212121 100%);

background: -ms-linear-gradient(top, #282828 0%,#212121 100%);

background: linear-gradient(to bottom, #282828 0%,#212121 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#212121',GradientType=0 );

}

.et-cart:before { width: 16px; height: 14px; position: absolute; top: 11px; left: 13px; content: ""; background: url(images/et-cart.png) no-repeat; }

.et-cart:after { width: 23px; height: 100%; position: absolute; top: 0; right: 7px; content: ""; background: url(images/mobile_arrow.png) no-repeat 6px 6px; border-left: 1px solid #151515; -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 0 0 rgba(255,255,255,0.1) inset; }

#content { background-color: #fff; -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.9); -moz-box-shadow: 0 0 35px rgba(0,0,0,0.9); box-shadow: 0 0 35px rgba(0,0,0,0.9); }

#top-categories { position: relative; background: #222323; border: 1px solid #0d0d0d; -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; padding: 1px 0 0 1px; }

#top-categories .overlay { pointer-events: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); }

#top-categories li { display: inline-block; }

#top-categories a { font-size: 14px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.8); padding: 25px 19px; display: block; font-weight: 300; }

#top-categories > li.current-menu-item > a { font-weight: 800; }

body.home #top-categories:before { width: 100%; height: 14px; position: absolute; bottom: -14px; left: 0; content: ""; background: url(images/categories-bg.png) no-repeat; z-index: 4; }



#special-offers h1 { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

#special-offers h1, .home-area h1 { background-color: #f8f8f8; text-align: center; font-weight: 300; font-size: 16px; color: #1f1e1e; padding: 23px 10px 21px; text-shadow: 1px 1px 0 rgba(255,255,255,0.8); }

#offers li { position: relative; float: left; width: 320px; background: #111; }

#offers img { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; }

#offers li:hover img { opacity: 0.6; }

#offers .overlay { -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.5) inset; -moz-box-shadow: 0 0 50px rgba(0,0,0,0.5) inset; box-shadow: 0 0 50px rgba(0,0,0,0.5) inset; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.offers-description { width: 100%; position: absolute; top: 67px; left: 0; text-align: center; }

#offers li h2 { font-family: 'Goudy Bookletter 1911', arial, serif; font-size: 30px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); padding-bottom: 7px; }

#offers li h2 a { color: #fff; text-decoration: none; }

.more-button.small { padding: 6px 12px; font-size: 14px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; left: 0; top: 0; -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.3) inset, 0 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.3) inset, 0 0 0 4px rgba(0,0,0,0.2); box-shadow: 0 1px 0px rgba(255,255,255,0.3) inset, 0 0 0 4px rgba(0,0,0,0.2); display: inline-block; }

.home-area h1 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 -1px 0 rgba(255,255,255,0.6) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 -1px 0 rgba(255,255,255,0.6) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 -1px 0 rgba(255,255,255,0.6) inset; }

body.home .et-products { padding: 24px 26px 10px 68px; }

.et-products li { position: relative; }

body.woocommerce span.onsale {
background-image: url("images/hdalien.png");
border: 0 solid #AED23F;
font-weight: 200;
height: 32px;
left: auto;
right: 5px;
text-indent: 100%;
width: 45px;
overflow:hidden;
padding-right:5px;
background-repeat:no-repeat;
text-indent:-3000px;




}



.et-products li { float: left; width: 140px; height: auto; margin: 0 30px 44px 0px; text-align: center; }



.last { margin-right: 0!important; }

.et-products img { padding-bottom: 15px; }

.et-products h3 { font-weight: 300; font-size: 18px; padding-bottom: 21px; }

.et-products h3 a { text-decoration: none; color: #2e2e2e; }

body.woocommerce body.woocommerce .read-more, body.woocommerce .comment-reply-link, body.woocommerce #respond .form-submit #submit, body.woocommerce a.button.alt:hover, body.woocommerce button.button.alt:hover, body.woocommerce input.button.alt:hover, body.woocommerce #respond input#submit.alt:hover, body.woocommerce #content input.button.alt:hover, body.woocommerce a.button.alt, body.woocommerce button.button.alt, body.woocommerce input.button.alt, body.woocommerce #respond input#submit.alt, body.woocommerce #content input.button.alt { background: #cff06b; /* Old browsers */ background: -moz-linear-gradient(top, #cff06b 0%, #c0dd65 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cff06b), color-stop(100%,#c0dd65)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cff06b 0%,#c0dd65 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cff06b 0%,#c0dd65 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cff06b 0%,#c0dd65 100%); /* IE10+ */ background: linear-gradient(to bottom, #cff06b 0%,#c0dd65 100%); /* W3C */ font-weight: 800; padding: 8px 11px; font-size: 14px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 1px rgba(0,0,0,0.1); display: inline-block; border: 1px solid #aed23f; }
.et-main-price { display:none;}

.et-products li:hover .et-main-price, body.woocommerce .read-more:hover, body.woocommerce .comment-reply-link:hover, body.woocommerce .form-submit #submit:hover { background: #bfdd64; background: -moz-linear-gradient(top, #bfdd64 0%, #a6ca36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfdd64), color-stop(100%,#a6ca36)); background: -webkit-linear-gradient(top, #bfdd64 0%,#a6ca36 100%); background: -o-linear-gradient(top, #bfdd64 0%,#a6ca36 100%); background: -ms-linear-gradient(top, #bfdd64 0%,#a6ca36 100%); background: linear-gradient(to bottom, #bfdd64 0%,#a6ca36 100%); text-decoration: none; }

.read-more { float: right; }



.entry { margin: 0 -53px 45px -65px; }

.entry .title, .entry-content { margin: 0 53px 0 65px; }



#client-logos { padding: 62px 55px 59px 54px; }

#client-logos li { float: left; width: 196px; margin-right: 22px; }

#client-logos li:nth-child(4) { margin-right: 0; }

#client-logos img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#client-logos li:hover img { opacity: 0.5; }

.et-price-button, .et-price-before, .et-price-sale { display: none; }

.et-price-before, .et-price-sale { display: none; padding: 8px; font-weight: bold; }

.et-price-before { border: 1px solid #d5d6d3; border-right: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; color: #1f1e1e; text-shadow: 1px 1px 1px #fff; -moz-box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ); -webkit-box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ); box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ); background: #efefef;

background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));

background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);

background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);

background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);

background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);

}

.et-price-sale { border: 1px solid #aed23f; margin-left: -4px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #fff; text-shadow: 1px 1px 1px rgba( 0,0,0,0.3 ); -moz-box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.6 ); -webkit-box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.6 ); box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.6 ); background: #cff06b;

background: -moz-linear-gradient(top, #cff06b 0%, #c0dd65 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cff06b), color-stop(100%,#c0dd65));

background: -webkit-linear-gradient(top, #cff06b 0%,#c0dd65 100%);

background: -o-linear-gradient(top, #cff06b 0%,#c0dd65 100%);

background: -ms-linear-gradient(top, #cff06b 0%,#c0dd65 100%);

background: linear-gradient(to bottom, #cff06b 0%,#c0dd65 100%);

}



#mobile-sidebar { position: absolute; top: 0; right: -430px; width: 430px; bottom: 0; height: 100%; background: #1c1c1d; z-index: 30; display: none; border-left: 1px solid #000; -webkit-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ); -moz-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ); box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ); padding-top: 50px; }

#toggle-sidebar { position: absolute; top: 60px; left: -49px; display: block; width: 49px; height: 41px; cursor: pointer; border: 1px solid #000; border-right: none; -moz-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.1 ), -3px -2px 4px rgba( 0,0,0,0.5 ); -webkit-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.1 ), -3px -2px 4px rgba( 0,0,0,0.5 ); box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.1 ), -3px -2px 4px rgba( 0,0,0,0.5 ); background: #292929;

background: -moz-linear-gradient(left, #292929 0%, #1c1c1d 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#292929), color-stop(100%,#1c1c1d));

background: -webkit-linear-gradient(left, #292929 0%,#1c1c1d 100%);

background: -o-linear-gradient(left, #292929 0%,#1c1c1d 100%);

background: -ms-linear-gradient(left, #292929 0%,#1c1c1d 100%);

background: linear-gradient(to right, #292929 0%,#1c1c1d 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#1c1c1d',GradientType=1 );

}

.et-sidebar-open #mobile-sidebar { position: absolute; }

#toggle-sidebar:before { content: ''; position: absolute; background: url(images/mobile_search_icon.png) no-repeat; top: 6px; left: 7px; display: block; width: 34px; height: 200px; }



.mobile-block { border-top: 0px solid #111; position: relative; padding: 0px 0 12px 54px; -webkit-box-shadow: inset 0 0px 0 #2a2a2a; -moz-box-shadow: inset 0 0px 0 #2a2a2a; box-shadow: inset 0 0px 0 #2a2a2a; }

.mobile-block:last-child { -moz-box-shadow: inset 0 0px 0 #2a2a2a, 0 0px 0 #2a2a2a; -webkit-box-shadow: inset 0 0px 0 #2a2a2a, 0 0px 0 #2a2a2a; box-shadow: inset 0 0px 0 #2a2a2a, 0 0px 0 #2a2a2a; border-bottom: 0px solid #111; }

.mobile-block:before { content: ''; position: absolute; top: 22px; left: 22px; display: block; }

.mobile-block.mobile-search:before { width: 14px; height: 14px; background: url(images/mobile_search_icon.png) no-repeat; visibility:hidden; padding-left:200px;}

.mobile-block.mobile-cart:before { width: 16px; height: 14px; background: url(images/et-cart.png) no-repeat; }

.mobile-block.mobile-categories:before, .mobile-block.mobile-pages:before { width: 12px; height: 12px; background: url(images/mobile_plus_icon.png) no-repeat; top: 15px; }



.mobile-block.mobile-categories, .mobile-block.mobile-pages { padding: 0; }

.mobile-block.mobile-categories > a, .mobile-block.mobile-pages > a { padding: 12px 0 12px 54px; display: block; }



#et-mobile-search { position: relative; text-shadow: 1px 1px 0 #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 0px solid #383936; -webkit-box-shadow: 0 1px 0 rgba( 255,255,255,0.1 ); -moz-box-shadow: 0 1px 0 rgba( 255,255,255,0.1 ); box-shadow: 0 1px 0 rgba( 255,255,255,0.1 ); width: 275px; height: 44px; background: #151515;

background: -moz-linear-gradient(top, #151515 1%, #1a1a1a 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#151515), color-stop(100%,#1a1a1a));

background: -webkit-linear-gradient(top, #151515 1%,#1a1a1a 100%);

background: -o-linear-gradient(top, #151515 1%,#1a1a1a 100%);

background: -ms-linear-gradient(top, #151515 1%,#1a1a1a 100%);

background: linear-gradient(to bottom, #151515 1%,#1a1a1a 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151515', endColorstr='#1a1a1a',GradientType=0 );

}

.search_input_text { color: #929292; font-family: Georgia, serif; font-size: 12px; font-style: italic; background: none !important; border: none !important; margin-left: 12px !important; }

.mobile-search-button { -moz-box-shadow: inset 1px 0 0 #292829, inset 0 1px 0 #292829; -webkit-box-shadow: inset 1px 0 0 #292829, inset 0 1px 0 #292829; box-shadow: inset 1px 0 0 #292829, inset 0 1px 0 #292829; cursor: pointer; border: none; border-left: 1px solid #151515; text-shadow: 1px 1px 0 #000; position: absolute; top: -2px; right: -2px; font-size: 12px; color: #fff; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 8px 36px 8px 15px; background: #232223;

background: -moz-linear-gradient(top, #232223 0%, #1c1c1c 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232223), color-stop(100%,#1c1c1c));

background: -webkit-linear-gradient(top, #232223 0%,#1c1c1c 100%);

background: -o-linear-gradient(top, #232223 0%,#1c1c1c 100%);

background: -ms-linear-gradient(top, #232223 0%,#1c1c1c 100%);

background: linear-gradient(to bottom, #232223 0%,#1c1c1c 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232223', endColorstr='#1c1c1c',GradientType=0 );
visibility:hidden;

}

.mobile-search-button:before { content: ''; position: absolute; top: 5px; right: 11px; display: block; width: 17px; height: 22px; background: url(images/mobile_search_icon.png) no-repeat; }



.mobile-cart .et-cart { float: none; display: inline-block; margin-left: 0; padding-left: 15px !important; font-size: 12px; padding-right: 50px !important; }

.mobile-cart .et-cart:before { display: none; }

.mobile-cart .et-cart:after { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: -2px; right: 9px; background: url(images/mobile_arrow.png) no-repeat 7px 7px; }

.mobile-cart .et-cart span { position: relative; left: 14px; padding-left: 14px; color: #fff; }

.mobile-cart .et-cart span:before { content: ''; position: absolute; top: -7px; left: 0; border-left: 1px solid #151515; border-right: 1px solid #292829; width: 0; height: 33px; }



.mobile-categories > a, .mobile-pages > a { color: #fff; text-decoration: none; font-size: 16px; text-shadow: 1px 1px 0 #000; }

.mobile-categories > a:hover, .mobile-pages > a:hover { color: rgba( 255,255,255,0.9 ); }



#content-area { position: relative; padding: 46px 0 55px; }

body.home #content-area { border-top: 1px solid #eaeaea; }

#content-area:before { content: ''; position: absolute; top: 0; left: 959px; width: 1px; height: 100%; background: #eaeaea; }

#main-area { float: left; width: 862px; padding: 0 55px 0 55px; }

#main-area h2.title, .page-title, h1.title { font-size: 32px; font-weight: 300; color: #2e2e2e; padding-bottom: 24px; }

#main-area h2.title a { color: inherit; text-decoration: none; }

#main-area h2.title a:hover { color: #111; }

.entry-content { padding-top: 29px; }

body.page .entry-content { padding: 5px; }

#main-area p.meta-info { color: #adadad; font-family: Georgia, serif; font-style: italic; margin: -8px 0 -5px; }

#main-area p.meta-info a { color: inherit; }

#main-area p.meta-info a:hover { color: #111; text-decoration: none; }



.term-description { margin-bottom: 10px; }



.fullwidth #main-area { float: none; width: auto; padding-right: 65px; }

#content-area.fullwidth:before { display: none; }



#main-area h1, #main-area h2, #main-area h3, #main-area h4, #main-area h5, #main-area h6 { font-weight: 300; }



.et_pt_blogentry a.readmore { text-decoration: none; }



body.woocommerce div.product form.cart div.quantity, body.woocommerce #content div.product form.cart div.quantity { margin: 0px 0px 0 150px; }



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

/*---------------[DROPDOWN MENU]------------------*/

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



#top-categories > li { float: left; display: block; }

#top-categories a { position: relative; }

#top-categories a, #top-categories a .menu-highlight, #mobile_menu .menu-highlight, #top-navigation a, .et_mobile_menu a { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: all 0.12s ease-in-out; -webkit-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; }

#top-categories a .menu-highlight, #mobile_menu .menu-highlight { position: absolute; bottom: 0; left: 0; background: #c3e54b; height: 3px; width: 100%; border-top: 1px solid #151515; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); }

#top-categories a:hover .menu-highlight, #mobile_menu a:hover .menu-highlight, #top-categories .current-menu-item > a .menu-highlight { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }

#top-categories a:hover, #top-categories .current-menu-item > a { -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45); -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45); box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45); background: #292a29; background: -moz-linear-gradient(top, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.05)), color-stop(100%,rgba(255,255,255,0.01))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);

}



#top-navigation a { padding-bottom: 10px; }



.et_mobile_menu ul { display: block !important; visibility: visible !important; }



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

/*--------------[FEATURED SLIDER]-----------------*/

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



@-webkit-keyframes fadeInUp {

0% {

opacity: 0;

-webkit-transform: translateY(20px);

}



100% {

opacity: 1;

-webkit-transform: translateY(0);

}

}



@-moz-keyframes fadeInUp {

0% {

opacity: 0;

-moz-transform: translateY(20px);

}



100% {

opacity: 1;

-moz-transform: translateY(0);

}

}



@-o-keyframes fadeInUp {

0% {

opacity: 0;

-o-transform: translateY(20px);

}



100% {

opacity: 1;

-o-transform: translateY(0);

}

}



@keyframes fadeInUp {

0% {

opacity: 0;

transform: translateY(20px);

}



100% {

opacity: 1;

transform: translateY(0);

}

}



@-webkit-keyframes fadeInDown {

0% {

opacity: 0;

-webkit-transform: translateY(-20px);

}



100% {

opacity: 1;

-webkit-transform: translateY(0);

}

}



@-moz-keyframes fadeInDown {

0% {

opacity: 0;

-moz-transform: translateY(-20px);

}



100% {

opacity: 1;

-moz-transform: translateY(0);

}

}



@-o-keyframes fadeInDown {

0% {

opacity: 0;

-o-transform: translateY(-20px);

}



100% {

opacity: 1;

-o-transform: translateY(0);

}

}



@keyframes fadeInDown {

0% {

opacity: 0;

transform: translateY(-20px);

}



100% {

opacity: 1;

transform: translateY(0);

}

}



.fadeInDown {

-webkit-animation-name: fadeInDown;

-moz-animation-name: fadeInDown;

-o-animation-name: fadeInDown;

animation-name: fadeInDown;

}



@-webkit-keyframes fadeOutDown {

0% {

opacity: 1;

-webkit-transform: translateY(0);

}



100% {

opacity: 0;

-webkit-transform: translateY(20px);

}

}



@-moz-keyframes fadeOutDown {

0% {

opacity: 1;

-moz-transform: translateY(0);

}



100% {

opacity: 0;

-moz-transform: translateY(20px);

}

}



@-o-keyframes fadeOutDown {

0% {

opacity: 1;

-o-transform: translateY(0);

}



100% {

opacity: 0;

-o-transform: translateY(20px);

}

}



@keyframes fadeOutDown {

0% {

opacity: 1;

transform: translateY(0);

}



100% {

opacity: 0;

transform: translateY(20px);

}

}



.fadeOutDown {

-webkit-animation-name: fadeOutDown;

-moz-animation-name: fadeOutDown;

-o-animation-name: fadeOutDown;

animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutUp {

0% {

opacity: 1;

-webkit-transform: translateY(0);

}



100% {

opacity: 0;

-webkit-transform: translateY(-20px);

}

}

@-moz-keyframes fadeOutUp {

0% {

opacity: 1;

-moz-transform: translateY(0);

}



100% {

opacity: 0;

-moz-transform: translateY(-20px);

}

}

@-o-keyframes fadeOutUp {

0% {

opacity: 1;

-o-transform: translateY(0);

}



100% {

opacity: 0;

-o-transform: translateY(-20px);

}

}

@keyframes fadeOutUp {

0% {

opacity: 1;

transform: translateY(0);

}



100% {

opacity: 0;

transform: translateY(-20px);

}

}



.fadeOutUp {

-webkit-animation-name: fadeOutUp;

-moz-animation-name: fadeOutUp;

-o-animation-name: fadeOutUp;

animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutDown {

0% {

opacity: 1;

-webkit-transform: translateY(0);

}



100% {

opacity: 0;

-webkit-transform: translateY(20px);

}

}



@-moz-keyframes fadeOutDown {

0% {

opacity: 1;

-moz-transform: translateY(0);

}



100% {

opacity: 0;

-moz-transform: translateY(20px);

}

}



@-o-keyframes fadeOutDown {

0% {

opacity: 1;

-o-transform: translateY(0);

}



100% {

opacity: 0;

-o-transform: translateY(20px);

}

}



@keyframes fadeOutDown {

0% {

opacity: 1;

transform: translateY(0);

}



100% {

opacity: 0;

transform: translateY(20px);

}

}



.fadeOutDown {

-webkit-animation-name: fadeOutDown;

-moz-animation-name: fadeOutDown;

-o-animation-name: fadeOutDown;

animation-name: fadeOutDown;

}



#featured { position: relative; }

#featured img { width: auto; }

#et-slides { width: 960px; height: 465px; background: #111; }

.et-slide { position: absolute; top: 0; left: 0; width: 960px; height: 100%; z-index: 2; }

.et-slide .description { background-color: rgba(0,0,0,0.2); position: absolute; top: 223px; left: 0; width: 100%; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset; }

.et-slide .description header { text-align: center; padding: 29px 10px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }

.et-slide .description header h1 { font-family: 'Goudy Bookletter 1911', arial, serif; font-size: 60px; }

.et-slide .description header h1 a { color: #fff; text-decoration: none; }

.et-slide .description header h2 { font-weight: 300; font-size: 30px; color: #fff; margin-top: -3px; }

.more-button { padding: 17px 25px; font-size: 36px; font-family: 'Goudy Bookletter 1911', arial, serif; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); background: rgb(226,15,15); /* Old browsers */ background: -moz-linear-gradient(top, rgba(226,15,15,1) 0%, rgba(178,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,15,15,1)), color-stop(100%,rgba(178,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(226,15,15,1) 0%,rgba(178,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(226,15,15,1) 0%,rgba(178,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(226,15,15,1) 0%,rgba(178,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(226,15,15,1) 0%,rgba(178,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20f0f', endColorstr='#b20000',GradientType=0 ); /* IE6-9 */ border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(255,255,255,1) inset, 0 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px rgba(255,255,255,1) inset, 0 0 0 4px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(255,255,255,1) inset, 0 0 0 4px rgba(0,0,0,0.2); display: inline-block; }

.more-button:hover { text-decoration: none; color: rgba(255,255,255,0.9); }

.et-arrow-prev, .et-arrow-next { position: absolute; top: 50%; padding: 21px 9px; margin-top: -38px; border: 1px solid #000; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; }

.et-arrow-prev { background: rgb(41,41,41); /* Old browsers */ background: -moz-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(17,17,18,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(41,41,41,1)), color-stop(100%,rgba(17,17,18,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(41,41,41,1) 0%,rgba(17,17,18,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(41,41,41,1) 0%,rgba(17,17,18,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(41,41,41,1) 0%,rgba(17,17,18,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(41,41,41,1) 0%,rgba(17,17,18,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#111112',GradientType=1 ); /* IE6-9 */ left: 0; -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, -4px 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, -4px 0 3px rgba(0,0,0,0.5); box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, -4px 0 3px rgba(0,0,0,0.5); }

.et-arrow-next { right: 0; background: rgb(17,17,18); /* Old browsers */ background: -moz-linear-gradient(left, rgba(17,17,18,1) 0%, rgba(41,41,41,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,18,1)), color-stop(100%,rgba(41,41,41,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(17,17,18,1) 0%,rgba(41,41,41,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(17,17,18,1) 0%,rgba(41,41,41,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(17,17,18,1) 0%,rgba(41,41,41,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(17,17,18,1) 0%,rgba(41,41,41,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111112', endColorstr='#292929',GradientType=1 ); /* IE6-9 */ -webkit-box-shadow: -1px 1px 0 rgba(255,255,255,0.1) inset, 4px 0 3px rgba(0,0,0,0.5); -moz-box-shadow: -1px 1px 0 rgba(255,255,255,0.1) inset, 4px 0 3px rgba(0,0,0,0.5); box-shadow: -1px 1px 0 rgba(255,255,255,0.1) inset, 4px 0 3px rgba(0,0,0,0.5); }

.et-arrow-prev span, .et-arrow-next span { width: 24px; height: 35px; display: block; text-indent: -9999px; }

.et-arrow-prev span { background: url(images/left-arrow.png) no-repeat; }

.et-arrow-next span { background: url(images/right-arrow.png) no-repeat; }

.et-controllers { position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center; z-index: 3; }

.et-controllers a { background: url(images/slide-controller.png) no-repeat; display: inline-block; width: 17px; height: 17px; text-indent: -9999px; margin-right: 4px; z-index: 3; }

.et-controllers .et-active-control { background-image: url(images/slide-controller-active.png); }

#featured:hover .et-arrow-prev, #offers:hover .et-arrow-prev { left: -44px; opacity: 1; }

#featured:hover .et-arrow-next, #offers:hover .et-arrow-next { right: -44px; opacity: 1; }



.et-slide .description, .et-slide .et-slide-button { -webkit-animation-duration: .6s;

-webkit-animation-delay: .4s;

-webkit-animation-timing-function: ease;

-webkit-animation-fill-mode: both;

-moz-animation-duration: .6s;

-moz-animation-delay: .4s;

-moz-animation-timing-function: ease;

-moz-animation-fill-mode: both;

-ms-animation-duration: .6s;

-ms-animation-delay: .4s;

-ms-animation-timing-function: ease;

-ms-animation-fill-mode: both;

animation-duration: .6s;

animation-delay: .4s;

animation-timing-function: ease;

animation-fill-mode: both;
visibility: hidden;
}



.et-slide .description { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; visibility: hidden;}

.et-slide .et-slide-button { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; position: absolute; bottom: 113px; left: 0; text-align: center; width: 100%; }



.et_slide_transition.et-slide .description { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; }

.et_slide_transition.et-slide .et-slide-button { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; }

.et_slide_transition.et-slide .description, .et_slide_transition.et-slide .et-slide-button { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -animation-delay: 0s; }



.js .et-slide { display: none; }

.js .et-slide:first-child { display: block; }



#offers { position: relative; width: auto; height: 200px; }

.et-carousel-wrapper { overflow: hidden; position: absolute; z-index: 3; width: 960px; }

.et-carousel-wrapper ul { width: 5000%; position: relative; }



.et_only_mobile_arrows .et-slider-arrows { display: none; }



body.woocommerce .images { float: left; margin: 0 15px 10px 0 !important; position: relative; width: 380px !important; }



body.woocommerce div.product div.summary, body.woocommerce #content div.product div.summary { float: right; width: 460px; }

h1.product_title { margin-bottom: 15px; }



body.woocommerce #content div.product p.price, body.woocommerce #content div.product p.price del { font-size: 24px; font-weight: 300; }

body.woocommerce #content div.product p.price del { color: #d9d9d9; }

body.woocommerce #content div.product p.price { margin-bottom: 15px; }

.product_meta { line-height: 1.8; }



body.woocommerce .woocommerce-tabs { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #eaeaea; margin-bottom: 45px; }

body.woocommerce div.product .woocommerce-tabs ul.tabs, body.woocommerce #content div.product .woocommerce-tabs ul.tabs { margin: 0; background: #f8f8f8; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }

body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active { background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; background: none; border-right: 1px solid #eaeaea; padding: 17px 22px; -webkit-box-shadow: 1px 0 0 #fff; -moz-box-shadow: 1px 0 0 #fff; box-shadow: 1px 0 0 #fff; text-shadow: 1px 1px 0 #fff; }



body.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li a { color: #969696 !important; font-size: 14px; font-weight: 300; }



body.woocommerce div.product .woocommerce-tabs ul.tabs li:before, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, body.woocommerce div.product .woocommerce-tabs ul.tabs li:after, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after { display: none; }



body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a { color: #1f1e1e !important; }



body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content div.product .woocommerce-tabs .panel { padding: 40px 48px; }



#reviews #comments ol.commentlist { list-style: none; }

#reviews #comments h2 { padding-bottom: 18px; }



#reviews #comments ol.commentlist li .comment-text p.meta { margin: 0; padding-bottom: 10px; }



.upsells.products h2, .related.products h2 { font-size: 32px; color: #2e2e2e; margin-bottom: 45px; }



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

/*-------------------[COMMENTS]-------------------*/

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



#comment-wrap, #respond { position: relative; padding-top: 45px; }

#comment-wrap:before, #respond:before { content: ''; position: absolute; top: 0; left: -64px; right: -54px; width: auto; height: 1px; background: #eaeaea; }

.commentlist, #respond { padding-top: 11px; }

h1#comments, #reply-title { font-size: 32px; font-weight: 300; color: #2e2e2e; }

.comment-body { position: relative; padding: 0 0 0 75px; margin: 25px 0; }

.comment_avatar { position: absolute; top: 0; left: 0; }

.comment_avatar img { display: block; }

.comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); }

.comment_postinfo { margin-bottom: 16px; font-weight: 300; }

.fn, .fn a { color: #2e2e2e; text-decoration: none; font-size: 24px; }

.comment_date { color: #c9c9c9; margin-left: 4px; font: 16px; }



.comment-reply-link, .form-submit #submit { float: right; position: relative; padding-right: 12px; }



.commentlist .children { padding-left: 87px; }



#respond { margin-top: 60px; padding-top: 56px; }



#commentform input[type="text"] { width: 40%; }

#commentform textarea { width: 89%; }

#commentform textarea, #commentform input[type="text"] { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #e5e5e5; padding: 13px; color: #2e2e2e; font-size: 14px; font-weight: 300; text-shadow: 0px 1px 0 #fff; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); }



#reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; letter-spacing: 0; font-family: 'Open Sans', Arial, sans-serif; }



.form-submit { text-align: right; }

.form-submit input { font-size: 14px; float: none; }



.comment #respond, #trackbacks { margin-bottom: 30px; }



.comment #respond { padding: 0; margin: 32px 0; }

.comment #respond:before { display: none; }

#respond .form-submit #submit { float: none; }



.pp_woocommerce #respond:before { display: none; }



.entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; }

.entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 0; line-height: 26px; }

.entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }

.entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; }



#content-area table { border: 1px solid #eee; margin: 0 0 15px 0; text-align: left; width: 100%; }

#content-area tr th, #content-area thead th { color: #555; font-weight: bold; padding: 9px 24px; }

#content-area tr td { border-top: 1px solid #eee; padding: 6px 24px; }



#breadcrumbs { background: #f8f8f8; padding: 23px 23px 23px 27px; border-bottom: 1px solid #eaeaea; -moz-box-shadow: inset 0 -1px 0 #fff, inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 -1px 0 #fff, inset 0 1px 0 #fff; box-shadow: inset 0 -1px 0 #fff, inset 0 1px 0 #fff; text-shadow: 1px 1px 0 #fff; }

#breadcrumbs .raquo { position: relative; text-indent: -9999px; display: inline-block; width: 44px; }

#breadcrumbs .raquo:before { content: ''; position: absolute; top: -22px; left: 15px; display: block; background: url(images/breadcrumbs_separator.png) no-repeat; width: 13px; height: 59px; }

#breadcrumbs a { color: #969696; }

#breadcrumbs, #breadcrumbs a:hover { color: #1f1e1e; text-decoration: none; }



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

/*---------------------[FOOTER]-------------------*/

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



#main-footer { position: relative; color: #9d9c9c; background: #222222; }

#main-footer:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); }

.footer-column { float: left; width: 240px; padding: 24px 30px 0; }

.footer-column.first { padding-left: 60px; }

.footer-column.last { padding-right: 60px; }

.footer-widget { padding-bottom: 45px; text-shadow: 1px 1px 0 #111; }

.footer-widget a { color: #bababa; text-decoration: none; }

.footer-widget a:hover { color: #c4c4c4; }

.footer-column.first h4.widgettitle { margin-left: -60px; }

.footer-column.last h4.widgettitle { margin-right: -60px; }

h4.widgettitle { font-size: 14px; font-weight: 800; color: #fff; border-bottom: 3px solid #8cd50b; text-align: center; padding: 0 30px 20px; margin: 0 -30px 25px; text-shadow: 1px 1px 0 #111; }

#footer-copyright { font-family: Open Sans, serif; font-style: italic; font-size: 14px; color: #606060; margin: -13px 0 -6px; }

.footer-widget p { color: #9d9c9c; }

#footer-bottom { text-align: right; padding: 40px 0; }

#footer-bottom p { font-size: 14px; color: #fff; font-style: italic; }

#footer-bottom a { color:#fff; font-weight: 800; font-style: normal; }



.widget li, .footer-widget li { padding: 0 0 15px 15px; position: relative; }

.widget li:before, .footer-widget li:before { content: ''; position: absolute; top: 4px; left: 0; border: 3px solid transparent; border-left-color: #b2d34d; visibility:hidden; }

.footer-widget li ul, .widget li ul { margin: 15px 0 -15px; }



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

/*--------------------[SIDEBAR]-------------------*/

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



#sidebar { float: left; width: 215px; padding: 0 0 0 58px; color: #adadad; }

#sidebar a { color: #adadad; }

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

.et-search-form { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #e5e5e5; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); margin: 23px 0 56px; position: relative; }

input.search_input { background: none; border: none; font-weight: 500; color: #8cd50b; margin-bottom: 50px; padding-top:10px; width: 85%; }

.search_submit { top: 16px; right: 16px; position: absolute; }

.widget { margin-bottom: 45px; }

.widget > ul { margin-top: 10px; }

.widget:last-child { margin-bottom: 0; }

h4.widget-title { font-weight: 800; font-size: 14px; color: #2e2e2e; }



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

/*------------[CAPTIONS AND ALIGNMENTS]-----------*/

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



div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; }

.wp-caption.alignleft { margin: 0px 10px 10px 0px; }

.wp-caption.alignright { margin: 0px 0px 10px 10px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.alignright { float: right; }

.alignleft { float: left }

img.alignleft { display:inline; float:left; margin-right:15px; }

img.alignright { display:inline; float:right; margin-left:15px; }





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

/*---------------[DEFAULT DROPDOWN SETTINGS]---*/

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



.nav ul { position:absolute; top:-999em; z-index: 9999; background: #292929; border: 1px solid #151515; -webkit-box-shadow: 2px 2px 3px rgba( 0,0,0,0.5 ); -moz-box-shadow: 2px 2px 3px rgba( 0,0,0,0.5 ); box-shadow: 2px 2px 3px rgba( 0,0,0,0.5 ); }

.nav li { position: relative; }

.nav ul li { float: none; display: block !important; border-bottom: 1px solid #1c1c1c; border-bottom: 1px solid rgba(0,0,0,0.45); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); box-shadow: 0 1px 0 rgba(255,255,255,0.06); padding: 2px 0 0 !important; }

.nav ul > li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.nav ul a, .et_mobile_menu a { display: block; float: none; padding: 17px 5px 17px 20px !important; }

.nav li:hover ul, ul.nav li.sfHover ul { left: 0; top: 64px; }

.nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top:-999em; }



.nav li li { display: block; padding: 0px; height: auto !important; }

.nav li ul { width: 228px; z-index:1000; }

.nav li li a:link, .nav li li a:visited { display: block; height: auto; }

.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }



.et_mobile_menu a { color: #fff; text-decoration: none; border-bottom: 1px solid #111; -moz-box-shadow: 0 1px 0 #2a2a2a; -webkit-box-shadow: 0 1px 0 #2a2a2a; box-shadow: 0 1px 0 #2a2a2a; }



.nav ul li:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(255,255,255,0.06); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(255,255,255,0.06); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(255,255,255,0.06); }

.nav ul a:hover, .et_mobile_menu a:hover { background: #313131 !important; background: rgba(255,255,255,0.08) !important; }



#top-navigation ul.nav li:hover ul, #top-navigation ul.nav li.sfHover ul { left: 0; top: 28px; }

#top-navigation ul.nav > li > ul:before { content: ''; position: absolute; top: -14px; left: 45px; border: 7px solid transparent; border-bottom-color: #292929; }



.nav li li:hover ul, ul.nav li li.sfHover ul, #top-navigation ul.nav li li:hover ul, #top-navigation ul.nav li li.sfHover ul { left: 228px; top: -1px; }



.et_mobile_menu ul a { padding-left: 40px !important; }

.et_mobile_menu ul ul a { padding-left: 70px !important; }

.et_mobile_menu ul ul ul a { padding-left: 100px !important; }

.et_mobile_menu ul ul ul ul a { padding-left: 130px !important; }



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

/*-----------------[WP CALENDAR]-----------------*/

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

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; }

#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }

#wp-calendar a:hover { text-decoration: underline; }

#wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; }

#wp-calendar td { padding: 3px 5px; color: #9f9f9f; }

#wp-calendar td#today { color: #ffffff; }

#wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar #prev a { padding-left: 10px; text-align: left; }



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

/*-------------------[PAGE NAVI]------------------*/

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

.pagination { overflow: hidden; padding: 20px 0; }



#content-area .wp-pagenavi { text-align: right; margin-top: 25px; }

#content-area .wp-pagenavi a, #content-area .wp-pagenavi span { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 1px 1px 0 rgba(255,255,255,0.7); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 1px 1px 0 rgba(255,255,255,0.7); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.7), 0 1px 2px rgba(0,0,0,0.1); border: 1px solid #eaeaea; padding: 5px 12px 7px; color: #2e2e2e; text-shadow: 1px 1px 0 #fff; font-weight: 300!important; margin: 0 2px; background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */ }

#content-area .wp-pagenavi span.current, #content-area .wp-pagenavi a:hover { text-decoration: none; border: 1px solid #dadada; background: rgb(248,248,248); /* Old browsers */

background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(236,236,236,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(236,236,236,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ }

#content-area .wp-pagenavi span.current { font-weight: 800!important; }

#content-area .wp-pagenavi .pages { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; }



.et_embedded_videos { display: none !important; }

.et_mobile_menu { display: none; }



table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { padding: .857em 0.587em; max-width: auto; height:auto; }



#content .cart-subtotal td { border-top: none; }

.woocommerce-checkout #content .cart-subtotal td { border-top: 1px solid #eee; }



table.cart td.actions .button.alt, #content table.cart td.actions .button.alt { margin: 19px 0 9px; }



table.shop_table { margin-bottom: 30px !important; }



.cart_totals h2, .shipping_calculator h2 { margin-bottom: 10px; }



.et_pt_gallery_entry { margin-left: 58px !important; }



.page-template .entry { margin-bottom: 15px; }



#image-navigation { padding: 15px 0; }



.variations label { top: 4px; position: relative; }

.variations select { margin: 0; }

.reset_variations { top: 5px; position: relative; font-size: 11px; }



.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }



embed, iframe, object, video { max-width: 100%; }



/* ALEX */
.single_variation { float: left; width: 100px; }
.variations_button .buttons_added { margin: 0!important }
.variations_button .single_add_to_cart_button { float: left!important; margin-left: 30px!important; }

/*Coco */
.products .count { display:none !important; }

/*Coco order*/

.orderby option[value="price"]{
display: none !important;
}

.orderby option[value="rating"]{
display: none !important;
}
.orderby option[value="date"]{
display: none !important;
}
.orderby option[value="price-desc"]{
display: none !important;
}



Arnav Joy comments:

It is not css problem as I told you to place clear div after every 5th li


Balanean Corneliu comments:

That
<li>
<li>
<li>
<li>
is just in firebug mode the entire composition of the theme with woocommerce plugin. i cant set manualy clear:both for that <li>


Balanean Corneliu comments:

Joy ty for help but i solved finaly with css
i changed this line from auto height to 201px and + overflow:hidden.
.et-products li { float: left; width: 140px; height: 201px; margin: 0 30px 44px 0px; text-align: center; overflow:hidden; }
I will back soon with more question, because im at begining with wordpress.

Thank you for this site Admin.

2013-09-02

Eric P. answers:

I don't see any problem when I look at that page.