/* Quick.Cart default stylesheet */ @import url('plugins.css'); /******************************************** AUTHOR: Erwin Aligam WEBSITE: http://www.styleshout.com/ TEMPLATE NAME: MarketPlace TEMPLATE CODE: S-0017 VERSION: 1.0 DATE: August-31-2007 *******************************************/ /******************************************** HTML ELEMENTS ********************************************/ /* GLOBAL STYLES */ *{ margin:0; padding:0;} body{background:#fff;font:11px/1.75em Verdana, Tahoma, arial, sans-serif;color:#666666;text-align:center;margin:0 0 15px 0;} /* LINKS */ a, a:visited{color:#326ea1;text-decoration:none;} a:hover{color:#383d44;padding-bottom:0;text-decoration:underline;} /* TITLE */ h1, h2, h3{font-family:'Trebuchet MS', Tahoma, Sans-serif;font-weight:Bold;color:#333;} h1{font-size:160%;font-weight:normal;} h2{font-size:130%;text-transform:uppercase;} h3{font-size:130%;} h1, h2, h3, p{padding:10px;margin:0;} ul, ol{margin:5px 20px;padding:0 20px;} /* IMAGES */ img{background:#FAFAFA;border:1px solid #DCDCDC;padding:5px;} code{margin:5px 0;padding:10px;text-align:left;display:block;overflow:auto;font:500 1em/1.5em 'Lucida Console', 'courier new', monospace ; /* white-space:pre; */ background:#F5F5F5;border-left:3px solid #D4D4D4;} acronym{cursor:help;border-bottom:1px dashed #777;} blockquote{font:bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;margin:10px;padding:0 0 0 25px;background:#F5F5F5;border-left:3px solid #D4D4D4;color:#444;} /* TABLE */ table{border-collapse:collapse;margin:10px;font:11px/1.75em Verdana, Tahoma, arial, sans-serif;} th strong{color:#fff;} th{background:#e7e6e6 url('marketplace/button.jpg') repeat-x;height:29px;padding-left:12px;padding-right:12px;text-align:left;border-left:1px solid #f4f4f4;border-bottom:solid 2px #fff;color:#333;} tr{height:30px;} td{padding-left:11px;padding-right:11px;border-left:1px solid #fff;border-bottom:1px solid #fff;} td.first,th.first{border-left:0px;} /* FORM */ form{margin:10px; padding:0 5px;background:#F5F5F5;} label{display:block;font-weight:bold;margin:5px 0;} input{padding:2px;border:1px solid #eee;} textarea{width:400px;padding:2px;border:1px solid #eee;height:100px;display:block;color:#777;} fieldset{border:0;} /* SEARCH FORM */ #searchForm{background-color:transparent;border:none;width:190px;} #searchForm input.input{width:100px;color:#777;height:22px;padding:2px;border:1px solid #E5E5E5;vertical-align:top;} #searchForm input.submit{width:60px;height:24px;padding:2px 5px;vertical-align:top;font-weight:bold;font-size:0.9em;} #searchForm label{display:none;} #searchForm p{margin:0;padding:0;} .clear{clear:both;height:0px;font-size:0px;line-height:0px;} .skiplink{position:absolute;top:-500px;left:0px;overflow:hidden;} .left{text-align:left;} .center{text-align:center;} .right{text-align:right;} #container{width:910px;margin:0 auto;background:#fff url('marketplace/content.jpg') repeat-y center top;} #main{width:850px;margin:0 auto;display:inline;padding:0;} /* HEADER WITH TOP MENU ABOVE LOGO */ #head1{background:#fff url('marketplace/header-bg.jpg') repeat-y center top;position:relative;height:52px;width:850px;margin:0 auto;padding:0;color:#fff;} /* MENU TOP ABOVE LOGO */ #menu1{float:right;margin:4px 15px 4px 0;list-style:none;} #menu1 li{float:left;padding:12px 8px 0;} #menu1 li a{padding-left:13px;color:#5c3c25;font-weight:bold;text-decoration:none;background:url('marketplace/point.gif') no-repeat 0 64%;} #menu1 li a:hover, #menu1 .selected, #menu1 li#basketMenu a:hover{color:#2962B9;border:0;} #menu1 li#basketMenu{padding:5px 8px 5px 20px;background:none;} #menu1 li#basketMenu a{padding:2px 0 2px 20px;min-height:18px;background:url('marketplace/cart.gif') no-repeat 0 0;color:#073A8D;} #menu1 li#basketMenu span{display:block;font-size:10px;color:#2962B9;} #menu1 li#basketMenu span strong{color:#073A8D;} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head2{position:relative;clear:both;margin:5px auto;height:250px;width:850px;background:#fff url('marketplace/header-photo.jpg') no-repeat center center;} #logo{width:100%;padding:0;margin:0;} #logo h1{width:100%;padding:0;margin:0;} #logo a{position:absolute;margin:0;padding:0;font:bold 48px 'Trebuchet MS', Arial, Sans-serif;letter-spacing:-1px;color:#fff;text-transform:none;text-decoration:none;border:none;top:80px;left:40px;width:380px;height:70px;} #logo h1 img{border:0;padding:0;} #logo h2{position:absolute;margin:0;padding:0;font:bold 18px 'Trebuchet MS', Arial, Sans-serif;color:#D01C03;top:140px;left:100px;width: 340px; height: 22px;text-transform: none;text-align:left;} /* NAVIGATION PATH - TREE */ #navipath{position:absolute;top:330px;left:520px;width:300px;text-align:right;margin-right:5px;} /* HEADER WITH TOP MENU UNDER LOGO */ #head3{width:850px;margin:0 auto;} /* MENU TOP BELOW LOGO */ #menu2{float:left;clear:both;list-style:none;background:#E4E4E4 url('marketplace/nav.jpg') repeat-x;width:850px;padding:0; margin:0;height:45px;display:inline;text-transform:uppercase;} #menu2 li{display:inline;margin:0; padding:0;} #menu2 li a{display:block;float:left;width:auto;margin:0;padding:0 15px;border-right:1px solid #dadada;border-left:1px solid #fafafa;border-bottom:none;color:#555;font:bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;text-transform:uppercase;text-decoration:none;letter-spacing:1px;} #menu2 li a:hover, #menu2 li a:active{color:#326ea1;} #menu2 li a.selected{background:#DBDBDB url('marketplace/nav-current.jpg') repeat-x;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body{clear:both;width:850px;margin:0 auto;} #orderbody{clear:both;float:left;width:100%;} /* LEFT COLUMN STYLES */ #column{float:left;width:200px;background:#fff url('marketplace/content-wrap.jpg') repeat-x;} #column .type{margin:10px 0 0;padding:5px 0 5px 15px;font:bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;color:#444;text-align:left;} #column #searchForm{margin:10px 0 0;padding:15px 5px 10px;text-align:center;} #column #searchForm .input{width:100px;} #menu3, #menu4{margin:2px 0 10px;background:#F5F5F5;padding-bottom:2px;} /* ADDITIONAL COLUMN */ #column2{display:none;float:right;width:100px;} /* LEFT MENU */ #menu3 ul, #menu4 ul{text-align:left;margin:7px 8px 8px 10px; padding:0;border-top:1px solid #E5E5E5;text-decoration:none;} #menu3 li, #menu4 li{list-style:none;padding:4px 0 4px 5px;margin:0 2px;border-bottom:1px solid #E5E5E5;} #menu3 a, #menu4 a{text-decoration:none;color:#326ea1;border:none;} #menu3 a:hover, #menu4 a:hover{color:#383d44;border:none;} #menu3 .l1 a, #menu4 .l1 a{border-top:0;} #menu3 .sub1, #menu4 .sub1{margin:0;padding:0 0 10px 0;border:0;} #menu3 .sub1 a, #menu4 .sub1 a{display:block;width:75%;padding:2px 10% 2px 5%;border:0;background:url('marketplace/point_sub.gif') no-repeat 0 10px;} #menu3 .sub2 a, #menu4 .sub2 a{padding-left:8%;} #menu3 .sub3 a, #menu4 .sub3 a{padding-left:11%;} #menu3 .sub2 li, #menu4 .sub2 li{border-bottom:0;} /* RIGHT COLUMN STYLES */ #content{float:left;width:650px;padding:10px 0;text-align:left;background:#fff url('marketplace/content-wrap.jpg') repeat-x;} #page{display:block;width:640px;margin:0 0 10px;padding:0 0 10px;text-align:left;min-height:300px;} #orderbody #content{width:850px;padding:10px 0;margin-left:30px;text-align:left;background:#fff url('marketplace/content-wrap.jpg') repeat-x;} #orderbody #page{width:850px;padding:0;text-align:left;background:#fff url('marketplace/content-wrap.jpg') repeat-x;} #page h3, .message h3, #product h3{margin:0 10px 0 10px;font:normal 1.8em Georgia, "Times New Roman", Times, serif;color:#d01c02;padding:15px 0 2px 0px;border-bottom:1px solid #dadada;} .message h3, #page .message h3{border:0;} #page div.content{padding:5px 10px 0;} #page div.content ul, #product div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;} #page div.content li, #product div.content li{margin:3px 0;padding:0;border-left:0;} .pages{padding:10px;text-align:right;} /* PRODUCTS LIST */ #products{list-style:none;margin:0;padding:0;} #products li{clear:both;float:left;width:96%;padding:5px 2% 10px;border-bottom:1px solid #2966C1;} #products li .photo{float:left;margin:0 7px 5px 0;} #products li .photo img{background:#FAFAFA;border:1px solid #DCDCDC;} #products li .photo a:hover img{border:1px solid #326ea1;} #products li h3{padding:5px 0 2px;border:0;} #products li h3 a{color:#d01c02;text-decoration:none;} #products li h3 a:hover{text-decoration:underline;} #products li h4{padding:2px 8px 7px;font:11px/1.75em Verdana, Tahoma, arial, sans-serif;} #products li h4 em{padding:0 5px;} #products li h4 a:hover{color:#d01c02;} #products li h5{font-size:1em;font-weight:normal;} #products li h5 a{color:#666;} #products li .price, #products li .noPrice{float:right;height:24px;line-height:24px;margin:14px 0 5px 0;padding:6px 0 0;color:#ee0f04;text-decoration:none;} #products li .price em{padding:0 4px 0 0;color:#0949A3;font-weight:bold;font-style:normal;} #products li .price strong, #products li .noPrice strong{font-weight:bold;} #products li .price span{padding-left:4px;font-weight:bold;} #products li .basket{float:right;margin:17px 0 5px 10px;} #products li .basket a{display:block;padding:2px 45px 2px 10px;height:24px;line-height:24px;background:url('marketplace/cart_bg.gif') no-repeat right center;color:#fff;text-decoration:none;font-weight:bold;} #products li.pages{width:620px;border:0;padding:10px 0;text-align:right;} /* PRODUCTS DETAILS */ #product{margin:0;padding:0;} #product h4{padding:2px 8px 7px;font:11px/1.75em Verdana, Tahoma, arial, sans-serif;} #product h4 a:hover{color:#d01c02;} #product h4 em{padding:0 5px;} #product #box{float:right;width:205px;margin:0 20px 10px 10px;padding:3px 0 10px;border-top:2px solid #002F81;border-bottom:2px solid #002F81;background:#E7E7E7 url('marketplace/basket_bg_bottom.gif') repeat-x 0 bottom;color:#fff;text-align:center;} #product #box form{font-weight:bold;} #product #box #price, #product #box #noPrice{padding:7px 0;border-bottom:1px solid #002F81;color:#d01c02;font-weight:bold;text-align:center;} #product #box #price em{color:#002F81;} #product #box #price strong{padding:0 4px;} #product #box #available{padding:8px 2px 0;background-color:transparent;color:#915a3c;font-weight:bold;font-size:0.9em;} #product #box #addBasket{padding:10px 0 5px;} #product #box form{margin:0;padding:0;background-color:transparent;} #product #box #addBasket .submit{margin:0;padding:2px 40px 2px 10px;width:180px;height:24px;line-height:24px;background:url('marketplace/cart_bg.gif') no-repeat right center;color:#fff;border:0;font:11px/1.75em Verdana, Tahoma, arial, sans-serif;font-weight:bold;} #product div.content{clear:right;padding:10px;} /* BASKET AND ORDER */ #basket form{background-color:transparent;} #orderedProducts{padding-bottom:20px;} #orderedProducts table{width:90%;margin:10px auto 0;background:#F5F5F5;border-top:2px solid #E5E5E5;border-bottom:2px solid #E5E5E5;} #orderedProducts td, #orderedProducts th{padding:6px 7px;} #orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;} #orderedProducts thead td{border-bottom:1px solid #E5E5E5;} #orderedProducts thead em{padding:0 4px 0 0;} #orderedProducts tbody th{text-align:left;border:none;} #orderedProducts tbody .price, #orderedProducts tbody .summary{color:#d01c02;font-weight:bold;text-align:right;} #orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;} #orderedProducts tbody .quantity label{display:none;} #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryDelivery, #orderedProducts tfoot .summaryOrder{text-align:right;} #orderedProducts tfoot .nextStep{text-align:right;} #orderedProducts tfoot .nextStep .submit{padding:2px 10px;height:24px;line-height:24px;background: url('marketplace/basket_button_fw.gif') repeat-x;color:#fff;border:0;font:11px/1.75em Verdana, Tahoma, arial, sans-serif;font-weight:bold;} #basket .info{padding:10px;} #basket #recount td{border-bottom:1px solid #E5E5E5;text-align:right;} #basket #recount .submit{padding:2px 10px;height:24px;line-height:24px;background: url('marketplace/basket_button.gif') repeat-x;color:#fff;border:0;font:11px/1.75em Verdana, Tahoma, arial, sans-serif;font-weight:bold;} #basket .summaryProducts{font-weight:bold;} #basket .summaryProducts #summary{color:#d01c02;} #basket #save .submit{padding:2px 10px;height:24px;line-height:24px;background: url('marketplace/basket_button.gif') repeat-x;color:#fff;border:0;font:11px/1.75em Verdana, Tahoma, arial, sans-serif;font-weight:bold;} #basket .del{padding:2px 10px;} #order{padding:0 10px;} #order legend{padding:20px 0;border:0;font-weight:bold;} #order #personalData{padding:10px 3%;border-top:2px solid #E5E5E5;border-bottom:1px solid #E5E5E5;} #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;} #order #personalData label{display:block;font-weight:bold;} #order #personalData #company label, #order #personalData #comment label{font-weight:normal;} #order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;} #order #personalData #oComment{height:125px;} #order #deliveryAndPayment table{border:2px solid #E5E5E5;border-bottom:1px solid #E5E5E5;} #order #deliveryAndPayment table tbody td{padding:3px 13px;border-left:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;} #deliveryAndPayment table th{padding:5px 13px;border-bottom:1px solid #E5E5E5;} #deliveryAndPayment table thead th{text-align:center;border-left:1px solid #E5E5E5;} #deliveryAndPayment table thead th em{padding:0 4px 0 0;font-style:normal;} #deliveryAndPayment table thead th span{font-weight:normal;} #deliveryAndPayment table thead td{border-bottom:1px solid #E5E5E5;} #deliveryAndPayment input{margin-right:5px;border:0;} #order tfoot td, #orderPrint tfoot td{color:#d01c02;} #order tfoot td, #order tfoot th, #orderPrint tfoot td, #orderPrint tfoot th{border-top:1px solid #E5E5E5;} #order .summaryProducts th, #order .summaryDelivery th, #orderPrint .summaryDelivery th{font-weight:normal;border:1px solid #fff;} #order .summaryOrder, #orderPrint .summaryOrder{font-weight:bold;border:1px solid #fff;} #order #rulesAccept th{text-align:right;} #order #rulesAccept span{font-weight:normal;} #orderedProducts .summaryOrder,#orderedProducts .summaryDelivery{border-bottom:2px solid #fff;} /* ORDER SUMMARY/PRINT PAGE */ #orderPrint{padding:10px;} #orderPrint .message h3{padding:5px 8px 0;font-weight:normal;} #orderPrint h4{font-weight:bold;} #orderPrint dl{float:left;width:100%;margin:10px 0 20px;padding:5px 0;border-top:2px solid #E5E5E5;border-bottom:2px solid #E5E5E5;} #orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:5px;} #orderPrint dt{clear:left;text-align:right;} #orderPrint dd{font-weight:bold;} #orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;} /* IMAGES STYLES */ .imagesList{list-style:none;max-width:250px;padding:0;margin:0;margin-left:10px;} .imagesList li{float:left;margin:0 10px 10px 0;} .imagesList li img{background:#FAFAFA;border:1px solid #DCDCDC;} .imagesList li a:hover img{border:1px solid #326ea1;} .imagesList li div{text-align:center;} #imagesList1{float:left;} #imagesList2{float:right;} #page #imagesList1{float:left;margin:50px 10px 0 20px;padding:0;} #page #imagesList2{float:right;margin:50px 20px 0 10px;padding:0;} #product #imagesList2{clear:right;margin:5px 0 0 10px;} #product .imagesList#imagesList1 li div{max-width:250px;} #product .imagesList#imagesList2 li div{max-width:250px;} /* FILES LIST STYLES */ #filesList{padding:5px 0;list-style:none;vertical-align:middle;} #filesList li{margin:0 0 4px;} #filesList img{margin:0 8px 0 0;vertical-align:middle;} /* SUB PAGES LIST STYLES */ .subpagesList{padding:10px;list-style:none;} .subpagesList li{clear:left;float:left;width:100%;margin:3px;padding:5px;border-bottom:1px solid #2966C1;} .subpagesList li .photo{float:left;margin:0 10px 10px 0;} .subpagesList li img{background:#FAFAFA;border:1px solid #DCDCDC;} .subpagesList li a:hover img{border:1px solid #326ea1;} .subpagesList li h4{padding-bottom:2px;} .subpagesList li h5{font-weight:normal;} .subpagesList li ul, .subpagesList li ol{float:left;margin:0 0 0 30px;padding:0;} .subpagesList li li{padding:0;border-left:0;} .subpagesList li ul{list-style:disc;} .subpagesList li ol{list-style:decimal;} /* OPTIONS LINK */ #options{clear:both;padding:10px 10px 0;color:#7f7f66;text-align:right;} #options .back, #options .print{float:right;} #options a{padding:0 7px 0;} #options .print a{border-left:1px solid #7f7f66;} .message{padding:30px 0;text-align:center;} /* FOOTER - COPYRIGHT AND POWERED BY xxx STYLES */ #foot{clear:both;width:100%;font-size:95%;padding:20px 0;text-align:left;background:url('marketplace/footer-bottom.jpg') no-repeat center bottom;} #foot a{text-decoration:none;color:#666;font-weight:bold;} #foot a:hover{color:#000;} #foot #copy, #foot #powered{clear:both;color:#666;margin:0 auto;width:850px;padding:5px 0;text-align:center;background:#F8F7F7;} #copy{border-top:1px solid #F2F2F2;} #powered{border-bottom:10px solid #fff;padding-top:0;} /* INSERT PLUGINS !!! */ #lastProduct, #randomProduct{margin:2px 0 10px;background:#F5F5F5;padding-bottom:2px;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;text-align:center;} #lastProduct .photo, #randomProduct .photo{margin:5px;} #lastProduct h3, #randomProduct h3{margin:5px;padding:5px;padding-bottom:0;} #lastProduct .price, #randomProduct .price{color:#d01c02;padding:0;} #randomProduct a, #lastProduct a{text-decoration:none;color:#326ea1;border:none;} #randomProduct a:hover, #lastProduct a:hover{color:#383d44;border:none;} @media print{ /* PRINT STYLES */ body{margin:0.5cm 0;background:#fff;color:#000;} #container{width:16cm;height:auto;background:#fff;} #main{width:16cm;margin:0 auto;border:0px;} #logo{padding:0;} #logo h1{padding:0;} #body, #product #box, #orderedProducts table{background:#fff;} #head2, #content, #foot{width:16cm;} #product, #page, #orderbody #page{width:100%;margin:0;padding:0;} #head2{height:auto;} #foot{border-top:2px solid #ccc;} #column, #head1, #head3, #navipath, #products li .basket, #product #box #addBasket, #basket #recount, #basket .buttons, #orderedProducts tfoot .nextStep, #options, #foot{display:none;} .input, textarea, #logo h1, #page h3, .message h3, #products li, #products li .photo img, #product, #product h4, #product #box, .imagesList li img, #orderPrint dl, #orderedProducts table, #orderedProducts thead td, #order tfoot td, #order tfoot th, #orderPrint tfoot td, #orderPrint tfoot th, #order #personalData, #order #deliveryAndPayment table, #order #deliveryAndPayment table tbody td, #deliveryAndPayment table th, #deliveryAndPayment table thead th, #deliveryAndPayment table thead td{border-color:#ccc;} #products li h4, #products li .price em, #products li.pages a, #product h4{color:#aaa;} a, #head2, #logo h2, #foot, #foot a, #copy, .subpagesList li, #page h3, #products li h3 a, #products li h4 a, #products li .price, #products li.pages, #product h3, #product h4 a, #product #box #price, #product #box #price em, #product #box #available, .subpagesList li h4 a, #filesList em, .imagesList li, #orderPrint h4, #orderPrint dl, #orderedProducts table, #orderedProducts tbody th a, #basket .del a, #orderedProducts tbody .price, #orderedProducts tbody .summary, #order tfoot td, #orderPrint tfoot td, #order .summaryOrder, #orderPrint .summaryOrder, #basket .summaryProducts, #basket .summaryProducts #summary, #basket .info, #order legend, #order #personalData, #order #deliveryAndPayment table, #order #rulesAccept th{color:#000;} #orderPrint .message{padding:10px 0;} #orderPrint .message h3{font-size:1.25em;} }