/* mizerie slider */ .jqGSContainer{position:relative ;width:1000px ; height:470px !important; overflow:hidden !important;} .jqGSContainer .jqGSImgContainer{} .jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative ;list-style:none;} .jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative ;margin-top:0;margin-bottom:0px;float:left;} .jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute ;} .jqGSContainer .jqGSImgContainer ul li img{/*border:1px solid #fff;*/} /*.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{background:#000;position:absolute ;right:0px;top:0px; padding:3px;color:#fff;width:300px; }*/ .jqGSContainer .jqGSImgContainer ul li .jqGSTitle{display:none!important; } .jqGSContainer .jqGSPagination{position:relative;width:100%;height:20px;top:5px;padding: 5px 0;} .jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative;float:right;} .jqGSContainer .jqGSPagination ul li{padding:0;margin-right:5px;float:left;padding-right:1px;text-align:center;padding-bottom:1px;} .jqGSContainer .jqGSPagination ul li a{padding:2px 0px;background:#000;border:1px solid #fff; color: #fff;text-decoration:none;display:block;width:20px;font:10px Verdana, Arial, Helvetica, sans-serif;} .jqGSContainer .jqGSPagination ul li a.selected{background:#fff;color:#f03;border: 1px solid #eaeaea;} .jqGSContainer .jqGSPagination ul li a:hover{background:#fff;color:#000;border:1px solid #fff;} .jqGSImgContainer{/*border:1px solid #000;*/} /* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */ /* CSS class for zoomed area */ .MagicZoomBigImageCont { border: 1px solid #91b817; } /* Header look and feel CSS class */ /* header is shown if "title" attribute is present in the tag */ .MagicZoomHeader { font: 10px Tahoma, Verdana, Arial, sans-serif; color: #fff; background: #91b817; text-align: center !important; } /* CSS class for small looking glass square under mouse */ .MagicZoomPup { border: 1px solid #aaa; background: #ffffff; cursor: hand; } /* CSS style for loading animation box */ .MagicZoomLoading { text-align: center; background: #ffffff; color: #444; border: 1px solid #ccc; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */ } /* CSS style for gif image in the loading animation box */ .MagicZoomLoading img { padding-top: 3px !important; } #header .promo_links span.arrow1 { display:block; float:left; width:17px; height:17px; background:url(../images/arrow1.png); cursor:pointer; } #header .promo_links span.selected {background:url(../images/arrow2.png) !important; } #header .promo_linksie span.arrow1 { display:block; float:left; width:17px; height:17px; background:url(../images/arrow1.gif); cursor:pointer; } #header .promo_linksie span.selected {background:url(../images/arrow2.gif) !important; } /** html span.arrow1 { display:block; float:left; width:17px; height:17px; background:url(../images/arrow1.gif); cursor:pointer; }*/ /** html span.selected {background:url(../images/arrow2.gif) !important; }*/ /* end mizerie slider */ /* start mizerie jqzoom*/ div.jqZoomTitle { z-index:5000; text-align:center; font-size:11px; font-family:Tahoma; height:16px; padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999; } .jqZoomPup { overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:10; border-color:#c4c4c4; border-style: solid; cursor:crosshair; } .jqZoomPup img { border: 0px; } .preload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; width:90px; * width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px; } .jqZoomWindow {border: 1px solid #999; background-color: #FFF;} /* end mizerie jqzoom*/ body { font-smooth: never; margin: 0 0 0 -1px; *margin: 0 0 0 1px; padding: 0; background: #0A0907 url(../images/bg_page.jpg) no-repeat top center; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-shadow: 0 0 0 #000; } /* header */ #header {width:1000px; height:470px; margin:0 auto; background:#000 url(../images/bg_header.jpg) no-repeat top left; overflow:hidden !important;} #header .header_content {position:absolute; margin:0; width:1000px; height:470px; overflow:hidden; z-index:1000;} /* #header div.slider { overflow: hidden; width: 1000px; } #header div.slider ul {padding: 0px 0px 0px 0px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; overflow:hidden; padding:0; width:9999px;} #header div.slider ul li {float:left; height:481px; overflow:hidden; position:relative; width:1000px;} */ #header h1, #header2 h1 {float:left; display:inline; width:481px; height:72px; margin:52px 0 0 20px;} #header h1 a, #header2 h1 a {display:block; width:481px; height:72px;} #header h1 a {background:url(../images/logo_comeight.png) no-repeat top left;} #header h1 a span, #header2 h1 a span {display:none;} #header .info, #header2 .info {float:right; display:inline; width:450px; height:40px; margin:48px 20px 0 0; color:#E0DEDF; text-align:right;} #header2 .info {color:#000;} #header .info p, #header2 .info p {margin-bottom:5px;} #header .info a, #header2 .info a {color:#FFF; text-decoration:none; line-height: 18px; white-space: nowrap;} #header2 .info a {color:#000;} #header .info a:hover, #header2 .info a:hover, #header2 .nav a:hover {text-decoration:underline;} #header .menu, #header2 .menu {float:left; display:inline; width:1000px; height:32px; margin:12px 0 0 0; background:url(../images/bg_menu.jpg) repeat-x top left;} #header .menu ul, #header2 .menu ul {float:left; display:inline; height:32px; list-style-type:none;} #header .menu ul li, #header2 .menu ul li {display:inline;} #header .menu ul li a, #header2 .menu ul li a {float:left; display:inline; width:137px; height:23px; margin-left:2px; padding:9px 0 0 0; font-size:11px; text-transform:uppercase; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; background:url(../images/bg_but.jpg) no-repeat top left;} #header .menu ul li a:hover, #header2 .menu ul li a:hover {background:url(../images/bg_but.jpg) no-repeat bottom left;} #header .menu form, #header2 .menu form {float:left; display:inline; width:190px; height:15px; background:url(../images/bg_search.jpg) no-repeat 0 0; overflow:hidden; margin:8px 0 0 22px; padding:1px 0 0 0 !important;} #header .menu form input, #header2 .menu form input {float:left; display:inline; background:none; border:none; font:10px Verdana, Arial, Helvetica, sans-serif; height:16px;} #header .menu form .inp1, #header2 .menu form .inp1 {width:168px; height:14px; padding:2px 0 0 2px;} #header .menu form .but1, #header2 .menu form .but1 {width:16px; height:16px; cursor:pointer;} #header .blog, #header2 .blog {clear:left; position:absolute; width:168px; height:80px; margin:-62px 0 0 770px; /**margin:-30px 0 0 250px !important;*/ z-index:1;} #header .promo {float:right; display:inline; width:245px; height:113px; margin:78px 0 0 0; color:#000; padding:10px 18px 12px 17px; background:url(../images/bg_promo.png) no-repeat top left;} #header .promo .title {color:#FFF; font-weight:bold; font-size:16px;} #header .promo p {font-size:13px;} #header .promo a {color:#FFF; font-size:15px;} #header .promo a:hover {text-decoration:none;} #header .promo .prix {background:url(../images/bg_prix.gif) no-repeat top left; padding:3px 7px 3px 9px; color:#FFF;} #header .promo_links, #header .promo_linksie {clear:right; float:right; display:inline; width:100px; height:17px; margin:40px 20px 0 0; overflow:hidden;} #header .promo_links img, #header .promo_linksie img {float:left; display:inline; margin:0 3px 0 0;} #header2 {width:1000px; height:168px; margin:30px auto 0 auto; background:#ECECEC url(../images/bg_header2.jpg) no-repeat top left;} /* container */ #container {width:950px; margin:0 auto; padding:0 25px; background:#ECECEC;} #container .nav {float:left; display:inline; width:950px; height:24px; margin:0 0px; padding:11px 0 0 0; background:url(../images/dots1.gif) repeat-x left bottom;} #container .nav a {color:#000; text-decoration:none;} #container .nav span {color:#CD071E;} .list1 {float:left; display:inline; width:687px; margin:12px 0 0 25px;} .list1 .title {float:left;} .list1 .tn {float:left; display:inline; width:152px; height:158px; margin:10px 14px 14px 0;} .list1 .tn img {margin-bottom:4px;} .list1 .tn span {font-size:14px;} .list1 .tn a {color:#000; font-size:11px;} .list1 .tn a:hover {text-decoration:none;} .list1 .tn p.title {position:absolute; width:109px; height:20px; background:url(../images/bg_title.png) no-repeat; font-weight:bold; text-transform:uppercase; z-index:1; margin:109px 0 0 0px; padding:6px 7px 0 7px; overflow:hidden;} .banner {float:left; display:inline; width:215px; height:345px; margin:45px 0 0 0;} #content {float:left; display:inline; width:950px; margin:0 0px;} #content #left {float:left; display:inline; width:645px; padding:15px 20px 0 0;} #content #right {float:left; display:inline; width:285px; background:url(../images/dots2.gif) repeat-y top left;} #content #right .box1 {padding:15px 0 10px 20px; background:url(../images/dots1.gif) repeat-x bottom left; font-size:11px;} #content #right .box1 td {padding:0 0 5px 0;} #content #right h2, #content #left h2 {margin:0 0 10px 0; font-size:14px;} #content #right h3 {margin:0 0 10px 0; font-size:14px; background:url(../images/icon_panier2.gif) no-repeat top right; padding:8px 50px 15px 0; width:90px} #content #right .one-page-checkout-progress {padding:15px 0 10px 20px;} #content #right .one-page-checkout-progress h3 {background:none; width:auto; padding:0;} #content #left .prod .dots {background:url(../images/dots3.gif) repeat-x bottom left;} #content #left .prod p.desc {text-align:justify; font-style:italic; padding-right:4px;} #content #left .prod p.title {font-weight:bold; margin:15px 0 5px 0;} #content #left .prod p.prix {font-weight:bold; color:#CD071E; margin:10px 0 15px 0; font-size:16px;} #content #left .prod .choix {background:#DADADA; margin:15px 0 15px 0;} #content #left .prod .choix th {padding:8px 0px 5px 8px; text-align:right;} #content #left .prod .choix td {padding:8px 8px 5px 8px;} #content #left .tn1 {margin-right:6px; margin-top:10px;} .page-head-alt .checkout-types {display:none !important;} /* CSS Matei */ /* categories listing */ #content3 {float:left; display:inline; width:950px; margin:0 0px; overflow:hidden;} #content3 #left {float:left; display:inline; width:170px; padding:15px 20px 0 0;} #content3 #middle {float:left; display:inline; width:495px; padding:15px 20px 0 0;} #content3 #right {float:left; display:inline; width:245px; background:url(../images/dots2.gif) repeat-y top left;} #content3 #right .box1 {padding:15px 0 10px 20px; background:url(../images/dots1.gif) repeat-x bottom left; font-size:11px; width:auto !important;} #content3 #right .box1 td {padding:0 0 5px 0;} #content3 #right h2, #content3 #left h2 {margin:0 0 10px 0; font-size:14px;} #content3 #right h3 {margin:0 0 10px 0; font-size:14px; background:url(../images/icon_panier2.gif) no-repeat top right; padding:8px 50px 15px 0; width:90px} #content3 #left .prod .dots {background:url(../images/dots3.gif) repeat-x bottom left;} #content3 #left .prod p.desc {text-align:justify; font-style:italic; padding-right:4px;} #content3 #left .prod p.title {font-weight:bold; margin:15px 0 5px 0;} #content3 #left .prod p.prix {font-weight:bold; color:#CD071E; margin:10px 0 15px 0; font-size:16px;} #content3 #left .prod .choix {background:#DADADA; margin:15px 0 15px 0;} #content3 #left .prod .choix th {padding:8px 0px 5px 8px; text-align:right;} #content3 #left .prod .choix td {padding:8px 8px 5px 8px;} #content3 #left .tn1 {margin-right:6px;} #content3 div.listing-type-grid { padding: 0px; width: 495px; } #content3 div.listing-type-grid ol { padding-left: 0px; overflow:hidden; margin-bottom:15px;} #content3 div.listing-type-grid ol li.item {float:left; display:inline; width:150px; height:230px; list-style-type:none; margin:15px 7px 0px 7px; text-align:center; overflow:hidden; } #content3 div.listing-type-grid ol li.item .product-image {margin:0 0 4px 0;} #content3 div.listing-type-grid ol li.item h5 {margin:0 0 4px 0 !important;} #content3 div.listing-type-grid ol li.item .add-to {margin-top:4px !important;} #content3 div.listing-type-grid ol li.item .add-to a {font-size:10px !important;} #content3 div.listing-type-grid ol li.item .add-to a:hover {text-decoration:none;} #content3 td.pages { overflow: hidden; } #content3 td.pages ol li { float: left; width: 20px; list-style-type: none; } #content3 #left .layered-nav .head {display:none !important;} td.a-right { text-align: right; } td.a-right strong { float: left; } table.pager ol { margin-top: 0px; } #content3 div.listing-type-grid ol a, #left div.narrow-by a, td.pages a, #shopping-cart-table a, a.left {color:#000000; font-size:11px;} ul.checkout-types big {color:#006AB2;} #narrow-by-list dd { padding:0 0 7px 0; margin:7px 0; } li.item h5 { margin-top: 3px; text-align:center; } div.page-head-alt { text-align:right; overflow:hidden; margin-top: 10px; } div.page-head-alt h3 { float: left; } .narrow-by dl a {color: #5F5D5C!important; } .narrow-by dl a:hover {color: #CD071E !important; } dt.even , dt.odd{color: #5F5D5C!important;} /* panier */ .checkout-types li { list-style-type: none;} .a-left { text-align:left; } .a-center { text-align:center; } .a-right { text-align:right; } #shopping-cart-table {} .name-prefix label span.required {display:none;} #form-validate {padding: 0px 45px 0px 45px;} /*mon compte (2 columns left)*/ #content2l {float:left; display:inline; width:950px; margin:0px 0px; padding: 0px;} #content2l #left {float:left; display:inline; width:235px; padding-top:20px;} #content2l #right {float:left; display:inline; width:645px; padding:15px 20px 0 20px;} #content2l #right .box1 {padding:15px 0 10px 20px; background:url(../images/dots1.gif) repeat-x bottom left; font-size:11px;} #content2l #right .box1 td {padding:0 0 5px 0;} #content2l #right h2, #content2l #left h2 {margin:0 0 10px 0; font-size:14px;} #content2l #right h3 {margin:0 0 10px 0; font-size:14px; background:url(../images/icon_panier2.gif) no-repeat top right; padding:8px 50px 15px 0; width:90px} #content2l #left .prod .dots {background:url(../images/dots3.gif) repeat-x bottom left;} #content2l #left .prod p.desc {text-align:justify; font-style:italic; padding-right:4px;} #content2l #left .prod p.title {font-weight:bold; margin:15px 0 5px 0;} #content2l #left .prod p.prix {font-weight:bold; color:#CD071E; margin:10px 0 15px 0; font-size:16px;} #content2l #left .prod .choix {background:#DADADA; margin:15px 0 15px 0;} #content2l #left .prod .choix th {padding:8px 0px 5px 8px; text-align:right;} #content2l #left .prod .choix td {padding:8px 8px 5px 8px;} #content2l #left .tn1 {margin-right:6px;} #content2l div.listing-type-grid { padding: 0px; width: 485px; } #content2l div.listing-type-grid ol { padding-left: 0px; overflow:hidden;} #content2l div.listing-type-grid ol li.item { float: left; list-style-type:none; margin: 5px 10px 5px 4px; } #content2l td.pages { overflow: hidden; } #content2l td.pages ol li { float: left; width: 20px; list-style-type: none; } #content2l page-head {text-align:right;} #content2l #right h3 {background: none !important;padding: 0px; width: auto;} /* end CSS Matei */ /* footer */ #footer {float:left; display:inline; width:970px; margin:20px 0 0 5px;} #footer .box_blog {float:left; display:inline; width:257px; height:340px; padding:70px 33px 0 30px; background:url(../images/box_blog.jpg) no-repeat top left; color:#59504F;} #footer .box_blog a {color:#000; font-size:13px; text-decoration:none; font-weight:bold;} #footer .box_blog a:hover {color:#CD071E;} #footer .box_blog .dots {padding-bottom:8px; margin-bottom:15px; background:url(../images/dots1.gif) repeat-x bottom left;} #footer .box_blog .dots a {font-size: 11px; font-weight:normal;} #footer .box_com8 {float:left; display:inline; width:157px; margin-right:6px; padding:50px 18px 9px 21px; background:url(../images/box_com8.jpg) no-repeat top left;} #footer .box_service {float:left; display:inline; width:157px; margin-right:6px; padding:50px 18px 9px 21px; background:url(../images/box_service.jpg) no-repeat top left;} #footer .box_com8 ul, #footer .box_service ul {list-style-type:none; color:#59504F;} #footer .box_com8 ul li, #footer .box_service ul li {padding-left:8px; background:url(../images/arrow3.gif) no-repeat 0 6px;} #footer .box_com8 a, #footer .box_service a {color:#59504F; text-decoration:none; font-size:11px;} #footer .box_com8 a:hover, #footer .box_service a:hover {text-decoration:underline;} #footer .box_newsletter {float:left; display:inline; width:166px; padding:50px 21px 9px 21px; margin:0px !important; background:url(../images/box_newsletter.jpg) no-repeat top left;} #footer .box_newsletter form {display:block; width:158px; height:16px; background:url(../images/bg_newsletter.gif) no-repeat 0 0; overflow:hidden; margin:0 0 5px 0;} #footer .box_newsletter form input {float:left; display:inline; background:none; border:none; font:10px Verdana, Arial, Helvetica, sans-serif; height:16px;} #footer .box_newsletter form .inp1 {width:130px; height:14px; padding:2px 0 0 2px;} #footer .box_newsletter form .but1 {width:16px; height:16px; cursor:pointer;} #footer .box_newsletter p {font-size:9px; color:#59504F;} #footer .text {float:left; display:inline; width:280px; margin:25px 0 0 20px; color:#887F7D; font-size:10px;} #footer .copy {float:right; display:inline; width:310px; height:37px; background:url(../images/bg_copy.gif) no-repeat top left; margin-top:30px; padding:12px 0 0 40px; font-size:10px;} #footer .copy a {color:#000; text-decoration:none;} #footer .copy a:hover {text-decoration:underline;} /* items */ .cleaner {clear:both;} p, ul, li, form, table, tr, td, h1, h2, h3, h4 {margin:0px; padding:0px;} img {vertical-align:top; border:0px;} a:focus {-moz-outline-style:none;} a:active {outline:none;} .red {color:#CD071E; font-weight:bold;} .red:hover, .top-link-cart {color:#CD071E !important;} .red2 {color:#CD071E; font-weight:bold; font-size:12px;} .blue {color:#006AB2;} .link1 {color:#006AB2; text-decoration:none; font-size:12px;} .link1:hover {text-decoration:underline;} .link2 {color:#006AB2; font-size:10px;} .link3 {color:#000000; font-size:11px;} .link2:hover, .link3:hover {text-decoration:none;} .f12b {font-weight:bold; font-size:12px;} .but2 {border:none; background:#CD071E; margin:0px; padding:3px 7px 3px 7px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer; text-decoration:none;} .error1 {font-size:10px;} .base-mini {border: none !important; margin-left: 15px; background: #ececec !important; } .base-mini .head {background: #ECECEC !important; border: none!important;} .base-mini ol li.odd, .base-mini ol li.even {background:none !important; } .mini-product-view .head h4 {background: none !important;} .base-mini ol {background:#ECECEC !important;} .base-mini a {color: #006AB2; } /*from magento*/ .no-display { display:none; } /* Form Messages */ .validation-advice, .required { color:#EB340A; } .validation-advice { clear:both; min-height:15px; margin-top:3px; background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:17px; font-size:.95em; font-weight:bold; line-height:1.25em; } .validation-failed { border:1px dashed #EB340A !important; background:#faebe7 !important; } /* Expiration date and cvv number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; margin-right:-12em; width:12em; position:relative; } label.required { font-weight:bold; } p.required { font-size:.95em; text-align:right; } /* Facebook Box */ #blocfacebook{ float:left; margin-top:10px; }