@import url(http://fonts.googleapis.com/css?family=Droid+Sans); .homepage-right{ float:right; width:290px; } .homepage-left{ margin-right:310px; } #Homepage-Content { background-color: #ffffff; position: relative; float: left; padding: 0; width: 809px; } #Welcome-Message { margin: 0 0 11px 0; background-repeat: no-repeat; background-position: left top; } #Welcome-Message h2 { margin: 0 15px 0 0; padding: 0 0 0 0; font-family: "Droid Sans", Arial, Tahoma, sans-serif!important; } #Welcome-Message p { margin:5px 0 0 0; padding:0; font-size: 12px; text-align: justify; line-height: 1.4em; color: #000; font-family: "Droid Sans", Arial, Tahoma, sans-serif!important; } #Main-Slider { margin: 0 0 12px 0; width: 616px; height: 265px; overflow: hidden; } #Main-Slider ul li { width: 616px; height: 265px; overflow: hidden; list-style: none; float: left; } #Main-Slider ul li a { display: block; width: 616px; height: 265px; } #Halloween-Costumes { clear:both; margin: 2px 0 15px 0; overflow:auto; } #Halloween-Costumes .Menu-Ad { float:left; display:block; margin:10px 20px 0 15px; } #Homepage-Bestsellers, #Homepage-Featured{ clear:left; min-height:290px; margin:10px 0; padding:7px 0 0 0; border-top:1px solid #DDDDDD; } #Homepage-Bestsellers h3, #Homepage-Featured h3{ float:left; } #Bestsellers-Tabs, #Featured-Tabs{ margin:0 0 0 100px; padding:0; overflow:hidden; } #Bestsellers-Tabs li, #Featured-Tabs li{ display: inline-block; height: 27px; line-height: 22px; background-repeat: no-repeat; color: #444; font-size: 0.92em; text-align: center; padding:0 10px; cursor: pointer; margin: 0 1px 0 0; } #Bestsellers-Tabs li.selected, #Featured-Tabs li.selected{ text-decoration:underline; } .bestsellers-info, .featured-info{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0; padding:5px 0 5px 0; } .bestsellers-info ul, .featured-info ul{ padding:0; overflow: hidden; list-style:none; } .bestsellers-info > ul > li, .featured-info > ul > li{ display:block; width:13.5%; overflow: hidden; float: left; margin:0 0.78% 0 0; } .bestsellers-info ul li:first-child, .featured-info ul li:first-child { margin: 0 0 0 0; } .bestsellers-info ul li ul, .featured-info ul li ul{ margin: 0 0 0 0; } .bestsellers-info ul li ul li, .featured-info ul li ul li { float: none; margin: 0 0 0 0; } .bestsellers-info .product-image img, .featured-info .product-image img{ max-height: 150px; max-width: 120px; margin:0; } .bestsellers-info ul li ul li.product-image, .featured-info ul li ul li.product-image{ position:relative; text-align: center; height: 150px; } .featured-info li.product-image .Product-Icon{ position:absolute; left:0; top:0; } .bestsellers-info ul li ul li.product-desc, .featured-info ul li ul li.product-desc{ height: 50px; font-size: 0.75em; color: #595959; margin: 10px 0 0; padding: 0 0 0 0; text-align: left; } .bestsellers-info ul li ul li.product-price, .featured-info ul li ul li.product-price{ height: 25px; font-size: 0.875em; font-weight: bold; color: #242424; } .bestsellers-info a, .featured-info a { text-decoration:none; } .bestsellers-info a:hover, .featured-info a:hover{ text-decoration:underline; } .ST{ font-size:0.85em; font-weight:normal; } .LT{ font-size:0.85em; text-decoration: line-through; font-weight: normal; color:#0f79c2; } #Special-Days { width: 616px; height: 404px; overflow: hidden; margin: 0 0 13px 0; } #Special-Days div { width: 302px; height: 404px; position: relative; float: right; } #Special-Days img{ position: absolute; top: 0; left: 0; z-index: 1; } #Special-Days h3 { font-size: 0.75em; margin: 84px 17px 5px 17px; z-index: 2; position: relative; color: #023300; } #Special-Days p { margin: 0 17px 0 17px; line-height: 1.4em; font-size: 0.7em; color: #545454; z-index: 2; position: relative; } #Special-Days p a { font-style: italic; text-decoration: none; color: #016301; } #Special-Days p a:hover { text-decoration: underline; } .tag-list{ margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #CCCCCC; list-style-type:none; } .tag-list li{ background:#EEEEEE; border:1px solid #CCCCCC; border-radius:2px; float:left; margin:0 6px 6px 0; width:auto; } .tag-list li:hover{ background: #00b7ea; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjdlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDllYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); background: linear-gradient(to bottom, #00b7ea 0%,#009ec3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); border:1px solid #0071BC; } .tag-list a{ display:block; padding:3px 6px; font-size:14px; text-decoration:none; } .tag-list li:hover a{ color:#fff; } @media screen and (max-width:768px) { } .jcarousel-prev { position: absolute; width: 19px; height: 53px; left: 0; top: 99px; cursor: pointer; background-image: url(http://images.esellerpro.com/2466/images/objects/buttons/prev-button.png); } .jcarousel-prev:hover, .jcarousel-prev:active { background-position: 0 0; } .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:active, .jcarousel-prev-disabled { cursor: default; background-position: 0 -53px; } .jcarousel-next { position: absolute; width: 19px; height: 53px; right: 0; top: 99px; cursor: pointer; background-image: url(http://images.esellerpro.com/2466/images/objects/buttons/next-button.png); } .jcarousel-next:hover.jcarousel-next:active { background-position: 0 0; } .jcarousel-next-disabled:hover, .jcarousel-next-disabled:active, .jcarousel-next-disabled { cursor: default; background-position: 0 -53px; } .Carousel-Container .jcarousel-container { position: relative; } .Carousel-Container .jcarousel-clip { position: relative; margin: 0 0 0 0; padding: 0 0 0 0; overflow: hidden; } .Carousel-Container .jcarousel-list { position: relative; margin: 0 0 0 0; padding: 0 0 0 0; height: 230px; left: 0; top: 0; overflow: hidden; } .Carousel-Container .jcarousel-item { position: relative; float: left; width: 136px; height: 230px; list-style: none; } * html .Carousel-Container .jcarousel-item { width: 142px; } .Carousel-Container .jcarousel-item .Product { position: relative; float: left; margin: 0 0 0 1px; width: 126px; } .Carousel-Container .jcarousel-next { display: none; z-index: 3; } .Carousel-Container .jcarousel-prev { display: none; z-index: 3; } .Carousel-Container .mycarousels { margin: 0 0 0 1px; height: 210px; } .Carousel-Container .mycarousels LI { margin: 0 0 0 6px; } * html .Carousel-Container .mycarousels { margin: 0 0 0 5px; } * html .Carousel-Container .mycarousels LI { margin: 0 0 0 0; } .Carousel-Container .Product-Row-Image-CASL { position: relative; height: 109px; overflow: hidden; } .Carousel-Container .Product-Row-Title-CASL { position: relative; height: 50px; overflow: hidden; } .Carousel-Container .Product-Row-Type-CASL { position: relative; height: 18px; overflow: hidden; } .Carousel-Container .Product-Row-Price-CASL { position: relative; } .Carousel-Container .Product-Row-Buttons-CASL { position: relative; } .Carousel-Container { position: relative; float: left; margin: 0 0 0 4px; width: 570px; height: 245px; z-index: 0; overflow: hidden; } * html .Carousel-Container { margin: 0 0 0 0; } .Carousel-Container .Carousel-Base { position: absolute; z-index: -1; left: 0; top: 212px; width: 570px; height: 37px; background-color: #ffffff; border-top: 1px dotted #a6a6a6; } * html .Carousel-Container .Carousel-Base { left: 1px; }