body{ margin:0px; padding:0px; width:100%; height:100%; font-size:12px; font-weight:normal; color:#5e5e5e;; background-color:#fff; font-family: Arial; } #wrapper{ margin: 0px auto 0px auto; width:980px; text-align:left; } #header{ width:100%; } #header-logo{ margin:0px 0px 10px 0px; width:100%; } #header-logo img{ width:100%; overflow: hidden; } #header-menu{ width:100%; height:38px; background-image:url(../img/basic/bg-grey.jpg); background-repeat:repeat-x; } .menu{ padding:9px 10px 4px 10px; float:left; height:23px; border-right:1px solid #515151; font-weight:normal; color: #ffffff; } .menu:hover{ text-decoration:none; background-color: #ff5a00; background-image: url(../img/basic/bg-black.jpg); } #languages{ float:right; margin:10px 10px 0px 0px; } #languages img{ width:25px; margin-right:5px; } #header-search{ float:right; padding-right:15px; padding-left:15px; padding-top:7px; border-left:1px solid #515151; height:29px; } .searchInput{ border:none; width:108px; height:21px; padding:0px 10px 0px 22px; background-image: url(../img/basic/bg-search.jpg); background-repeat:no-repeat; } .searchInputClicked{ background-color:white; background-image:none; } input:focus{ outline:none; } #search-suggestions-box { position:relative; top:0px; left:750px; width:230px; height:200px; background-color:red; z-index:25px; display:none; } #content{ margin-top:10px; color:#7b7b7b; } #leftColumn{ width:200px; float:left; overflow:hidden; margin-right:10px; } /************************ categories ********************************/ #categories{ } #categories .category{ margin:0px 10px 0px 10px; font-size:13px; padding:8px 0px 8px 5px; color: #5e5e5e; border-bottom:1px dotted #8a8a8a; } /************************ categories ********************************/ #centerColumn{ width:610px; float:left; overflow:hidden; margin-right:10px; } /************************ products ********************************/ #products{ } #products .navigation{ margin:10px 10px 0px 10px; border-bottom:1px solid #8a8a8a; } #products .navigation img{ border:none; } #products .navigation #pager{ float:right; } #products .navigation #pager .button{ color:#5e5e5e; font-size:15px; margin:0px 2px; } #products .navigation #pager .text{ color:#ff5a00; font-weight:bold; } #products .navigation #pager form{ display:inline; } #products .navigation #pager form .page{ width:40px; border:1px solid #ccc; } #products .navigation #pager form .submit{ background-color:#fff; border:1px solid #ccc; } /**************** List view ***********************/ #productsList{ margin:0px 10px 10px 10px; } #productsList .product{ width:580px; overflow:hidden; border-bottom:1px solid #8a8a8a; padding:0px 10px 10px 10px; } #productsList .product .image{ width:130px; height:100px; overflow:hidden; float:left; margin:30px 15px 0px 0px; padding:5px; } #productsList .product .image img{ width:130px; height:100px; } #productsList .product .nameAndDesc{ width:275px; overflow:hidden; float:left; margin:30px 10px 0px 0px; } #productsList .product .nameAndDesc h1{ color: #ff5a00; font-size:17px; width:100%; } #productsList .product .nameAndDesc h2{ color: #5e5e5e; font-size:13px; margin-top:10px; width:100%; } #productsList .product .price{ width:140px; height:130px; overflow:hidden; background-image: url('../img/basic/productViews/list-bgPrice.jpg'); float:right; margin:0px; } #productsList .product .price .text{ display:block; margin:53px 0px 0px 0px; color: #ffffff; } #productsList .product .price .text .old{ font-size:13px; font-weight:normal; text-decoration:line-through; text-align:center; margin-left:35px; width:80px; height:17px; } #productsList .product .price .text .new{ font-size:15px; font-weight:bold; text-align:center; margin-left:25px; width:85px; height:15px; } /**************** List view ***********************/ /**************** Thumbnails view ***********************/ #productsThumbnails { margin:0px 10px 10px 10px; } #productsThumbnails .line{ width:580px; border-bottom:1px solid #8a8a8a; } #productsThumbnails .product{ width:275px; overflow:hidden; padding:0px 10px 10px 10px; float:left; } #productsThumbnails .product .image{ width:130px; height:100px; overflow:hidden; float:left; margin:0px 0px 0px 0px; padding-top:5px; } #productsThumbnails .product .image img{ width:130px; height:100px; } #productsThumbnails .product .nameAndDesc{ width:275px; overflow:hidden; float:left; margin:0px 10px 0px 0px; } #productsThumbnails .product .nameAndDesc h1{ color: #ff5a00; font-size:17px; width:100%; } #productsThumbnails .product .nameAndDesc h2{ color: #5e5e5e; font-size:13px; margin-top:10px; width:100%; } #productsThumbnails .product .price{ width:140px; height:130px; overflow:hidden; background-image: url('../img/basic/productViews/list-bgPrice.jpg'); float:right; margin:0px; } #productsThumbnails .product .price .text{ display:block; margin:53px 0px 0px 0px; color: #ffffff; } #productsThumbnails .product .price .text .old{ font-size:13px; font-weight:normal; text-decoration:line-through; text-align:center; margin-left:35px; width:80px; height:17px; } #productsThumbnails .product .price .text .new{ font-size:15px; font-weight:bold; text-align:center; margin-left:25px; width:85px; height:15px; } /**************** Thumbnails view ***********************/ /************************ products ********************************/ /******************* product details ******************************/ #product-details{ } #product-details #desc{ width:100%; color:#ff5a00 !important; border-bottom:1px solid #8a8a8a; } #product-details #desc h1{ font-size:13px; } #product-details { margin-top:10px; width:100%; color:#ff5a00 !important; } #product-details #order form{ } #product-details #order form input[type="text"]{ width:40px; border:1px solid #ccc; } #product-details #order table{ font-size:13px; width:100%; color:#ff5a00 !important; } #product-details #left{ width:318px; overflow:hidden; } #product-details #gallery{ width:100%; } #product-details #text{ width:290px; } #product-details #text #name{ width:100%; padding-bottom:20px; text-align:center; border-bottom:1px solid #8a8a8a; } #product-details #text #name h1{ color:#ff5a00; } #product-details #text #price{ width:140px; height:130px; overflow:hidden; background-image: url('../img/basic/productViews/list-bgPrice.jpg'); } #product-details #text #price .text{ display:block; margin:53px 0px 0px 0px; color: #ffffff; } #product-details #text #price .text #old{ font-size:13px; font-weight:normal; text-decoration:line-through; text-align:center; margin-left:35px; width:80px; height:17px; } #product-details #text #price .text #new{ font-size:15px; font-weight:bold; text-align:center; margin-left:22px; width:85px; height:15px; } #product-details #text #warrancy{ width:140px; height:130px; overflow:hidden; background-image: url('../img/basic/productViews/list-bgPrice.jpg'); } #product-details #text #warrancy .text{ display:block; margin:70px 0px 0px 17px; color: #ffffff; font-size:15px; font-weight:bold; text-align:center; width:100px; height:15px; } /******************* product details ******************************/ #rightColumn{ width:150px; float:right; overflow:hidden; } #adverts{ } #adverts .advert{ width:100px height:100px; margin:10px 20px; } #adverts .advert img{ width:100px height:100px; padding:2px; } #adverts .advert img:hover{ padding:0px; border:2px solid #ff5a00; } /*#################################################################################*/ /* GALERIES */ /* ################## MAIN ############################## */ #wrapper{ } /* ################## /MAIN ############################## */ /* /GALERIES */ /*#################################################################################*/ /* Info , Contacts */ #firm_info , #firm_contacts{ } #firm_info .firm_text, #firm_contacts .firm_text{ color: #5e5e5e; font-size:13px; margin:10px; } /* Info , Contacts */ /* shopping cart */ #shoppingCart{ width:100%; height:300px; } #shoppingCartImage{ width:100px; height:100px; margin-left:auto; margin-right:auto; } #shoppingCartImage img{ width:100px; height:100px; } #shoppingCartDetails{ width:100%; height:600px; } /* shopping cart */ /* basic classes */ .box{ margin-bottom:10px; overflow:hidden; } .box-head{ margin-bottom:10px; background-image: url(../img/basic/bg-orange.jpg); height:38px; overflow:hidden; text-align:center; } .box-head h1{ padding:7px 0px 0px 0px; font-size:18px; font-weight:normal; color: #ffffff; } .text{ display:inline; } h1{ display:inherit; font-size:22px; color:inherit; margin:0px; padding:0px; } h2{ display:inherit; font-size:20px; color:inherit; margin:0px; padding:0px; } h3{ display:inherit; font-size:17px; color:inherit; margin:0px; padding:0px; } h4{ display:inherit; font-size:14px; color:inherit; margin:0px; padding:0px; } h5{ display:inherit; font-size:12px; color:inherit; margin:0px; padding:0px; } h6{ display:inherit; font-size:11px; color:inherit; margin:0px; padding:0px; } .aNone{ text-decoration:none; color:inherit; } .aHover{ text-decoration:none; color:inherit; } .aHover:hover{ text-decoration:underline; color:inherit; } .aHovered{ text-decoration:underline; color:inherit; } .float-fix{ float:none; clear:both; width:0px; height:0px; } .float-left{ float:left; } .float-right{ float:right; }