/************************************************** *************************************************** Project: RockAndDoc - www.rockanddoc.com Version: 1.0 Last Change: 12/03/2009 Agency: Web Agency Meta Line - metaline.it Author: Matteo Casonato (Wikimaki) **************************************************/ /* GRID **************************************************/ #container, #header .content { margin-left: auto; margin-right: auto; width: 960px; } .G01, .G02, .G03, .G04, .G05, .G06, .G07, .G08, .G09, .G10, .G11, .G12, #logo, #menu, #splash, #homeSide, #page, #sidebar, #main, .productL, .productR, .cartL, .cartR, #news dl, #base ul, #footer p, #issueSide, #issue, .issueCol { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } .G01 { width: 60px; } .G02, #base ul { width: 140px; } .G03, #logo, .cartR { width: 220px; } .G04, #homeSide, #panelTab ul, #issueSide, .issueCol, .productR { width: 300px; } .G05, .productL { width: 380px; } .G06 { width: 460px; } .G07 { width: 540px; } .G08, #splash, #issue { width: 620px; } .G09, #menu, .cartL { width: 700px; } .G10 { width: 780px; } .G11 { width: 860px; } .G12, #page { width: 940px; } .alpha, #sidebar { margin-left: 0; } .omega { margin-right: 0; } /* RESET **************************************************/ 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, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; line-height: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } cite { display: block; } .left { float: left; } .right { float: right; } .center { text-align: center; } .hidden { display: none; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } div.right, img.right { margin-left: 10px; } div.left, img.left { margin-right: 10px; } /* TEXT **************************************************/ body { color: #444; font: 13px/16px Arial, Helvetica, sans-serif; } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } h1 { font-size: 30px; font-weight: normal; line-height: 30px; margin-bottom: 10px; } h2 { font-size: 15px; font-weight: normal; line-height: 18px; margin-bottom: 10px; padding-bottom: 10px; } h3 { font-size: 18px; font-weight: normal; line-height: 25px; margin-bottom: 10px; } h4 { font-size: 25px; font-weight: normal; line-height: 25px; margin-bottom: 10px; } h5 {} h6 {} p, cite { line-height: 16px; margin-bottom: 15px; } ol { list-style: decimal; margin-bottom: 15px; } ul { list-style: disc; margin-bottom: 15px; } li { line-height: 16px; margin-left: 30px; } li ol, li ul { margin-top: 15px; } a { color: #111; text-decoration: none; } a:hover { text-decoration: underline; } @font-face { font-family: HelveticaNeue; font-weight: bold; src: url("fonts/HelveticaNeue.eot"); src: local("Helvetica Neue Condensed Black"), url("fonts/HelveticaNeue.ttf") format("truetype"); } h1, h3, h4, #cartsubtotal, #carttotal, #menu strong, #panel p strong { font-family: HelveticaNeue, Helvetica, Arial, sans-serif; } .date, .price, .num { font-family: Georgia, "Times New Roman", Times, serif; } /* STRUTTURA **************************************************/ body { background: url(images/bg.jpg) no-repeat 50% 0 #C8D5CB; } /* HEADER - PANEL **************************************************/ #header { border-top: 5px solid #444; left: 0; position: absolute; top: 0; width: 100%; z-index: 80; } #header .tab, #header .tab div { background: url(images/headertab.png) 0 0 no-repeat; } #header .tab { background-position: 100% -24px; float: right; padding-right: 30px; } #header .tab div { color: #fff; float: right; height: 22px; padding: 2px 0 0 30px; } #header .tab a { background: url(images/icon-user.png) 0 0 no-repeat; color: #fff; font-size: 11px; font-weight: bold; margin: 0 5px; padding-left: 15px; text-decoration: none; text-transform: uppercase; } #header .tab a.login { background-position: 0 2px; } #header .tab a.logout { background-position: 0 -17px; } #header .tab a.user { background-position: 0 -38px; } #header .tab a.settings { background-position: 0 -58px; } #header .tab a.cart { background-position: 0 -78px; } /* MENU **************************************************/ #navbar { clear: both; margin: 50px auto 30px auto; overflow: hidden; } #logo {} #menu { margin: 0; padding: 0; } #menu li { display: inline; float: left; list-style: none; margin: 0 0 0 10px; padding: 0; } #menu a { display: block; color: #444; float: left; padding: 8px 12px; } #menu a:hover, #menu .active a { background-color: #444; color: #fff; text-decoration: none; } #menu strong { font-size: 34px; letter-spacing: -1px; line-height: 30px; text-transform: uppercase; } #menu span { font-size: 11px; display: block; margin-top: 3px; } /* CONTENT **************************************************/ #content { clear: both; margin-bottom: 20px; overflow: hidden; } #splash { color: #fff; position: relative; } #splash #slide { height: 350px; overflow: hidden; position: relative; width: 620px; } #slide .item { background: url(images/splash.jpg) no-repeat 0 0; float: left; height: 350px; position: relative; width: 620px; } #slide .item01 { background-position: 0 0; } .item01 h1, .item01 h2 { background-color: #D46235; } #slide .item02 { background-position: 0 -350px; } .item02 h1, .item02 h2 { background-color: #54765F; } #slide .item03 { background-position: 0 -700px; } .item03 h1, .item03 h2 { background-color: #703D28; } #slide .item04 { background-position: 0 -1050px; } .item04 h1, .item04 h2 { background-color: #444; } .slideNav { bottom: 10px; position: absolute; right: 10px; } .slideNav li { display: inline; float: left; list-style: none; margin: 0 3px; } .slideNav a { background: url(images/btn-splash.png) no-repeat 0 0; display: block; height: 12px; overflow: hidden; text-indent: -9999em; width: 12px; } .slideNav a:hover { background-position: 0 -12px; } .slideNav .active a { background-position: 0 -24px; } #splash h1, #splash h2 { left: 0; margin: 0; padding: 8px 10px; position: absolute; } #splash h1 { font-size: 34px; line-height: 34px; top: 222px; z-index: 5; } #splash h1 a { color: #fff; text-decoration: none; } #splash h2 { font-size: 12px; font-weight: normal; line-height: 14px; top: 264px; width: 315px; } #homeSide {} #page { background: url(images/bg-sidebar.gif) repeat-y -80px 0 #fff; border: 1px solid #C3C3C3; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #sidebar { background-color: #DADADA; border-right: 1px solid #C3C3C3; padding: 20px 10px; width: 199px; -webkit-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } #submenu { margin: 20px 0 20px -10px; right: -11px; position: relative; z-index: 5; } #submenu li { background-color: #DEDEDE; border-width: 1px; border-color: #C3C3C3; border-style: none solid solid solid; list-style: none; margin: 0; } #submenu li a { color: #DF4E15; display: block; padding: 8px 10px; text-decoration: none; } #submenu li span { display: block; padding: 8px 10px; } #submenu li.active { font-weight: bold; } #submenu li.active, #submenu li.active a:hover { background-color: #fff; border-right-color: #fff; } #submenu li.active a { color: #494949; cursor: default; } #submenu li a:hover { background-color: #D6D6D6; } #submenu li.disable {} #submenu li.disable a { color: #B9B9B9; cursor: default; } #submenu li.disable a:hover { background-color: #DEDEDE; } #submenu li:first-child { border-top-style: solid; } #sidebar h3, #sidebar p { margin-bottom: 5px; } #sidebar .bacheca { margin: 20px auto; overflow: hidden; } #sidebar .event { margin: 20px auto; overflow: hidden; } #main { float: right; padding: 20px 0; width: 690px; } #main h2 { border-bottom: 1px solid #DADADA; } #issue {} #negozio { position: relative; } #negozio #slide { height: 350px; margin-bottom: 20px; overflow: hidden; position: relative; width: 620px; } #negozio #slide div { float: left; height: 350px; list-style: none; margin: 0; position: relative; width: 620px; } .issueCol {} #issueSide {} dl.photo { clear: both; margin-bottom: 25px; overflow: hidden; } dl.photo dt, dl.photo dd { margin-left: 165px; line-height: 14px; } dl.photo dt { font-weight: bold; margin-bottom: 3px; } dl.photo dd {} dl.photo dd.cover { float: left; margin: 0; width: 125px; } /* NEWS **************************************************/ #news { clear: both; margin-bottom: 20px; overflow: hidden; } #news dl { background-color: #FAFAFA; background-position: 100% 100%; background-repeat: no-repeat; border: 1px solid #BEBEBE; height: 116px; padding: 14px; width: 270px; } #news dt { color: #000; font-size: 18px; width: 190px; } #news dd { margin-top: 10px; width: 135px; } #news .libri { background-image: url(images/bg-libri.png); } #news .icone { background-image: url(images/bg-icone.png); } #news .presepi { background-image: url(images/bg-presepi.png); } #news .angeli { background-image: url(images/bg-angeli.png); } #news .abiti { background-image: url(images/bg-abiti.png); } #news .arredo { background-image: url(images/bg-arredo.png); } /* BASE **************************************************/ #base { clear: both; margin-bottom: 20px; overflow: hidden; padding-top: 20px; } #base ul { display: inline; font-size: 11px; float: left; list-style: none; } #base li.title { font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } #base li { line-height: 14px; margin: 0; } #base .type { display: block; float: left; font-weight: bold; text-transform: uppercase; width: 15px; } #base a { color: #444; } /* FOOTER **************************************************/ #footer { border-top: 1px solid #FAFAFA; clear: both; margin-bottom: 20px; overflow: hidden; padding: 10px 0; } #footer p { font-size: 11px; margin-bottom: 0; line-height: 12px; } #footer p.G04 { text-align: right; } #footer a { color: #444; padding-left: 10px; } /* ELEMENTS **************************************************/ /* Pagination */ #pagination { clear: both; font-size: 11px; font-weight: normal; line-height: 26px; text-align: right; text-transform: uppercase; } #pagination a, #pagination span { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #pagination .pages { background-color: #eee; font-weight: bold; float: left; padding: 6px 8px; } #pagination a, #pagination .current { color: #fff; margin-left: 3px; padding: 6px 8px; text-decoration: none; } #pagination a { background-color: #B1B1B1; } #pagination a:hover, #pagination .current { background-color: #7F7F7F; } /* Bacheca */ .bacheca a { background-color: #EBEBEB; border: 1px solid #C4C4C4; display: block; min-height: 80px; height: auto!important; height: 80px; padding: 10px; position: relative; text-decoration: none; } .bacheca a:hover { text-decoration: none; } .bacheca strong { color: #444; display: block; font-size: 20px; font-weight: normal; letter-spacing: -2px; margin-bottom: 10px; padding-right: 70px; text-transform: uppercase; } .bacheca span.text { font-size: 12px; display: block; padding-right: 40px; } .bacheca span.ribbon { background: url(images/ribbon.png) no-repeat 100% 0; display: block; height: 99px; position: absolute; right: 0; text-indent: -9999em; top: 0; width: 99px; } /* Event */ .event dl { clear: both; margin: 10px 0; overflow: hidden; } .event dt, .event dd { margin-left: 45px; line-height: 14px; } .event dt { font-weight: bold; margin-bottom: 3px; } .event dd {} .event .cal { background: url(images/icon-cal.png) no-repeat 0 0; float: left; height: 35px; margin: 0; width: 35px; } .event .cal span { display: block; font-weight: bold; text-align: center; } .event .cal .month { color: #fff; font-size: 11px; line-height: 13px; text-transform: uppercase; } .event .cal .date { color: #111; font-size: 16px; line-height: 16px; } /* Gallery */ .gallery { height: 1%; margin: 20px auto; overflow: hidden; } a.photo { background-color: #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; display: inline-block; height: 1%; overflow: hidden; padding: 5px; } a.photo:hover { background-color: #D6CECE; } a.photo img { float: left; } /* Cooperativa */ ul.cooperativa { height: 1%; margin: 20px auto; overflow: hidden; } ul.cooperativa li { background: url(images/icon-cooperativa.png) no-repeat 0 0; display: inline; float: left; margin: 0 2px; list-style: none; } ul.cooperativa li.icon01 { background-position: 0 0; } ul.cooperativa li.icon02 { background-position: 0 -100px; } ul.cooperativa li.icon03 { background-position: 0 -200px; } ul.cooperativa li.icon04 { background-position: 0 -300px; } ul.cooperativa li a { display: block; padding: 80px 0 5px 0; text-align: center; width: 70px; } /* Filetype */ .filetype { background: url(images/filetype.png) 0 0 no-repeat; display: block; float: left; height: 51px; margin-right: 8px; text-indent: -9999em; width: 53px; } .text { background-position: -53px 0; } .pdf { background-position: 0 -51px; } .doc { background-position: -53px -51px; } .xls { background-position: -106px -51px; } .txt { background-position: -159px -51px; } .rtf { background-position: -212px -51px; } .jpg { background-position: 0 -102px; } .png { background-position: -53px -102px; } .gif { background-position: -106px -102px; } .tif, .tiff { background-position: -159px -102px; } .bmp { background-position: -212px -102px; } .ai { background-position: -265px -102px; } .cdr { background-position: -318px -102px; } .avi { background-position: 0 -153px; } .mov { background-position: -53px -153px; } .mpg { background-position: -106px -153px; } .mp3 { background-position: -159px -153px; } .wav { background-position: -212px -153px; } .zip { background-position: 0 -204px; } .rar { background-position: -53px -204px; } .sit { background-position: -106px -204px; } .exe { background-position: -159px -204px; } .app { background-position: -212px -204px; } /* Tabelle */ table { margin: 10px auto; width: 100%; } thead { font-size: 11px; text-align: left; text-transform: uppercase; } /* Table Download */ #downloadlist {} #downloadlist th { padding: 0 8px 12px 8px; } #downloadlist tbody tr.odd { background-color: #F1F1F1; } #downloadlist tbody tr { border-bottom: 1px solid #DADADA; vertical-align: top; } #downloadlist td { padding: 10px 0; } #downloadlist td p { margin: 0 20px 0 65px; } #downloadlist .num { padding: 8px; } /* Commenti */ .comments { clear: both; list-style: none; margin: 10px 0; } .comments li { border-bottom: 1px solid #DADADA; margin: 0; overflow: hidden; padding: 20px 10px; } .comments li.odd { background-color: #F1F1F1; } .comments li.admin { background-color: #FFC; } .comments .avatar { float: left; width: 80px; } .comments .text { margin-left: 90px; } .comments .auth { background: url(images/balloon.gif) no-repeat 0 100%; font-size: 11px; padding-bottom: 15px; text-transform: uppercase; } .comments .auth cite { display: inline; font-style: normal; } .comments .auth .time {} .comments .auth .edit { float: right; } /* Star */ .star, .starActive { background: url(images/star.gif) no-repeat 0 0; } .star { display: block; height: 31px; width: 31px; text-indent: -9999em; } .starActive { background-position: 0 -31px; } /* PRODOTTI **************************************************/ /* Categoria */ .products { overflow: hidden; padding-bottom: 20px; } .products dl { border: 3px solid #DADADA; display: inline; float: left; margin: 10px 7px 10px 0; min-height: 280px; height: auto!important; height: 280px; width: 217px; } .products dt { border: 2px solid #fff; font-weight: bold; margin: 5px; } .products dd { border: 3px solid #fff; margin: 5px; } .products dd .price { color: #4A4B4B; float: left; font-size: 18px; } .products dd .buy { background-color: #493C2F; color: #fff; float: right; font-size: 12px; font-weight: bold; padding: 8px 10px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .products dd.image { overflow: hidden; margin: 0; } .products dd.image a { border: 5px solid #DADADA; display: block; float: left; } .products dd.image a:hover { border-color: #DF4E15; } .products dd.image img { float: left; } /* Scheda */ #scheda { margin-bottom: 50px; } .productL { margin: 0 0 10px 0; } .productL .text { height: 350px; overflow: hidden; } .productL form { border-color: #DADADA; border-style: solid none; border-width: 1px; height: 145px; margin-top: 10px; position: relative; width: 380px; } .productL form fieldset { margin-left: -125px; left: 50%; position: absolute; top: 30px; width: 250px; } .productL form .fieldsetPrice { overflow: hidden; } .productL form .fieldsetOptions { margin-top: 15px; overflow: hidden; } .productL form .fieldsetOptions .textQta { display: inline-block; float: left; padding: 5px 10px 0 0; } .productL form fieldset img { float: left; } .productL form .price, .productL form .buy { background: url(images/price.png) no-repeat 0 0; height: 37px; } productL form img, .productL form .price, .productL form input, .productL form select, .productL form .selectBox { float: left; } .productL form .price { display: block; font-size: 20px; line-height: 34px; padding-left: 10px; background-position: 0 0; width: 152px; } .productL form .buy { background-position: 100% 0; border: 0 none; color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; width: 88px; text-transform: uppercase; } .productL form .buy:hover { background-position: 100% 100%; } .productL form .size, .productL form .selectBox { margin-right: 10px; width: 160px; } .productL form .selectSizes { width: 122px; } #mainimage a#zoom { height: 350px; left: 0; position: absolute; top: 0; width: 300px; } #mainimage a#zoom:hover { background: rgba(0, 0, 0, .3); } #mainimage a#zoom img { bottom: 0; left: 0; position: absolute; text-indent: -9999em; } .productR { margin-bottom: 10px; margin-right: 0; } .productR img { display: block; } ul#secimages { margin: 10px 0 0; overflow: hidden; } ul#secimages li { background: url(images/noimage.gif) no-repeat center center #E4E4E4; display: inline; float: left; height: 145px; margin-left: 10px; width: 145px; } ul#secimages li:first-child { margin: 0; } ul#secimages li a { border: 4px solid #DADADA; display: block; float: left; } .productR li a:hover { border-color: #C3C3C3; } ul#secimages li.active a { border-color: #DF4E15; } ul#secimages li a img { border: 4px solid #fff; float: left; } /* MAP **************************************************/ #map { background: url(images/load.gif) 50% 50% no-repeat #E5E5E5; border: 5px solid #ccc; height: 400px; margin-bottom: 15px; width: 98%; } #map #mapBalloon { line-height: 130%; } #map #mapBalloon p { margin: 8px 0; } #map #mapBalloon strong { margin-top: 0; text-transform: uppercase; } #map form {} #map #mapInput { width: 120px; } #map #mapSubmit { background-color: #AA1224; border: 0 none; color: #fff; cursor: pointer; font-size: 11px; font-weight: bold; margin-left: 5px; padding: 3px 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 120px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* CUSTOM SELECT & QUANTITY MANAGER **************************************************/ .selectList, .selectBox ul, .qty, .cartField input, .selectOne span { font: normal 12px Arial, Helvetica, sans-serif; color: #4A4B4B; } .selectContent { display: block; cursor: pointer; height: 27px; line-height: normal; position: static; } .selectContent a { display: block; padding: 0; } .selectList, .selectArrow, .qty, .qtyManager, .qtyManager a:active, .cartField, .cartField input, .selectOne, .selectOne span { background-image: url(images/select.png); background-repeat: no-repeat; } .selectArrow { background-position: 100% 0; float: left; display: inline-block; height: 27px; overflow: hidden; width: 20px; } .selectBox:hover .selectArrow { background-position: 100% -27px; } .selectList { background-position: 0 0; display: block; float: left; height: 27px; left: 0; line-height: 18px; overflow: hidden; position: relative; white-space: nowrap; } .selectList span { display: block; line-height: 26px; padding: 0 8px; } .selectBox span.label { white-space: nowrap; } .selectBox { overflow: hidden; } .selectBox ul { background-color: #F2F2F2; clear: none; display: none; float: left; margin: -45px 0 0 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .selectBox li { border: 1px solid #CBCBCB; border-top-width: 0; clear: left; float: left; list-style: none; margin: 0; position: static; z-index: 100; } .selectBox li.first { border-top-width: 1px; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .selectBox li.last { -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .selectBox li a { color: #4A4B4B; cursor: pointer; display: block; padding: 4px 8px; text-decoration: none; } .selectBox li a:hover { background-color: #DE6327; color: #fff; } .qty { background-position: 0 0; border: 0 none; color: #4A4B4B; float: left; height: 27px; line-height: 26px; padding: 0 0 0 10px; width: 26px; } .qtyManager { background-position: 100% 0; float: left; margin-right: 10px; height: 27px; position: relative; width: 20px; } .qtyManager a { display: block; height: 13px; outline: none; position: absolute; right: 0; width: 20px; } .qtyManager .up { top: 0; } .qtyManager .up:active { background-position: 100% -27px; } .qtyManager .down { bottom: 0; } .qtyManager .down:active { background-position: 100% -41px; } .cartField, .selectOne { background-position: 100% -54px; display: block; float: left; overflow: hidden; padding-right: 4px; } .selectOne { margin-right: 10px; width: 156px; } .cartField input, .selectOne span { background-position: 0 -54px; border: 0 none; padding: 6px 5px; } .cartField input.quantity { text-align: center; width: 30px; } .selectOne span { display: block; line-height: 27px; padding: 0 10px; } /* CARRELLO **************************************************/ #cartTable { text-align: left; } #cartTable th { color: #333; font-size: 11px; padding: 5px 5px 15px 5px; text-transform: uppercase; } #cartTable th.remove { width: 40px; } #cartTable th.image {} #cartTable th.details {} #cartTable th.size { width: 145px; } #cartTable th.quantity { width: 80px; } #cartTable th.price { font-family: Arial, Helvetica, sans-serif; width: 90px; } #cartTable tbody td { border-top: 1px dotted #B4AC9E; padding: 5px; vertical-align: middle; } #cartTable td a { text-decoration: underline; } #cartTable tbody tr.odd td { background-color: #F0F0F0; } #cartTable td.remove { text-align: center; } #cartTable td.remove a { background: url(images/icon-remove.png) no-repeat 0 0; display: block; height: 25px; margin: auto; overflow: hidden; text-indent: -9999em; width: 26px; } #cartTable td.image {} #cartTable td.image img { border: 4px solid #fff; float: left; } #cartTable td.details { padding: 10px 40px 10px 5px; vertical-align: top; } #cartTable td.details strong { display: block; margin-bottom: 5px; } #cartTable td.size {} #cartTable td.quantity {} #cartTable td.price { font-size: 18px; white-space: nowrap; } #cartTable td.empty { font-size: 18px; height: 180px; text-align: center; } #cartTable tfoot { border-top: 2px solid #444; } #cartTable tfoot td { padding: 8px 5px; vertical-align: middle; } #cartTable td.title { font-weight: bold; padding-right: 30px; text-align: right; } #content #cartsubtotal, #content #carttotal { font-weight: bold; letter-spacing: 0; white-space: nowrap; } #content #cartsubtotal { font-size: 18px; } #content #carttotal { font-size: 24px; } #cart-summary { } #cart-summary dl { clear: both; overflow: hidden; } #cart-summary dt { float: left; padding: 6px 3px; text-align: left; width: 90px; } #cart-summary dd { float: right; padding: 6px 3px; text-align: right; white-space: nowrap; width: 90px; } #cart-summary dl.subtotal { border-top: 1px solid #666; } #cart-summary dl.total dd { font-weight: bold; font-size: 16px; } /* Personalizzazioni */ #cart { background-color: #fff; color: #666; overflow: hidden; padding: 10px 0; width: 960px; } #content #cart { width: auto; } #cart td a { color: #666; } #cart h4 { letter-spacing: -1px; } #cart .cartL h4 { font-size: 25px; margin-bottom: 20px; } #cart .cartR h4 { margin: 50px 0 20px 0; text-transform: uppercase; } #main .cartR { float: right; } #cartsubtotal { font-size: 54px; font-weight:bold; letter-spacing: -3px; line-height: 100%; } #carttotal {} #cart .cart, #cart .continue { border: 0 none; color: #fff; cursor: pointer; display: block; font-size: 14px; font-weight: bold; padding: 20px 0; text-align: center; text-transform: uppercase; width: 100%; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #cart .cart { background-color: #BD6916; } #cart .continue { background-color: #493C2F; font-size: 12px; margin-top: 20px; padding: 10px 0; } /* Box per l’avviso dell’aggiornamento del carrello quando clicco su "continua gli acquisti" */ #cboxLoadedContent .uploading { text-align: center; font-size: 14px; font-weight: bold; padding-top: 100px; } #main table { margin: 20px 0; } #entryCart, #recordCart { float: left; width: 335px; } #entryCart { margin: 10px 10px 10px 0; } #recordCart { margin: 10px 0 10px 10px; } #makeCart, #destinationCart { float: left; width: 324px; } #makeCart { margin-right: 10px; } #destinationCart { margin-left: 10px; } /* FORM **************************************************/ form.tpl fieldset, form.tpl dl, form.tpl dt, form.tpl dd, form.tpl label, form.tpl p { border: 0 none; margin: 0; padding: 0; } form.tpl fieldset { display: block; position: relative; } form.tpl legend { display: none; } form.tpl label { display: block; } form.tpl dl { overflow: hidden; margin-bottom: 20px; } form.tpl dt { } form.tpl dd { margin-bottom: 5px; padding: 5px; position: relative; } form.tpl input, form.tpl textarea { padding: 3px 2px; overflow: visible; } form.tpl select { padding: 2px; overflow: visible; } form.tpl input.first, form.tpl select.first, form.tpl textarea.first { margin-right: 2px; } form.tpl input.last, form.tpl select.last, form.tpl textarea.last { margin-left: 2px; } form.tpl span { position: absolute; right: 4px; top: 9px; } form.tpl .x { color: #BB0000; font: 12px Verdana, Arial, Helvetica, sans-serif; top: 4px; } form.tpl .colFirst { clear: none; float: left; margin-right: 10px; width: 47%; } form.tpl .colLast { clear: right; float: right; margin-left: 10px; width: 47%; } form.tpl fieldset { clear: both; } form.tpl fieldset.submit { margin-top: 10px; } /* Alert */ form.tpl .alertValid, form.tpl .alertError { margin-bottom: 15px; padding: 10px 10px 10px 42px; } form.tpl .alertValid { background-color: #B9F4CA; background-position: 4px 4px; border: 2px solid #6EA77F; } form.tpl .alertError { background-color: #F4B9BA; background-position: 4px -247px; border: 2px solid #D18D8D; } form.tpl .alertValid .title, form.tpl .alertError .title { font-size: 18px; line-height: 18px; margin-bottom: 5px; } form.tpl .alertValid p, form.tpl .alertError p { padding-top: 3px; } /* Template */ form.tpl .alertValid, form.tpl .alertError, form.tpl dd, form.tpl input, form.tpl select, form.tpl textarea, .fINLINE, .fBLOCK { border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; } form.tpl .alertValid, form.tpl .alertError, form.tpl .submit input { background-image: url(images/form.png); background-repeat: no-repeat; } form.tpl, form.tpl input, form.tpl select, form.tpl textarea { font: 13px/13px Arial, Helvetica, sans-serif; } form.tpl input.field, form.tpl select, form.tpl textarea { border: 2px solid #CACACA; } *:first-child+html form.tpl input.field, *:first-child+html form.tpl select, *:first-child+html form.tpl textarea { border-width: 1px; } /* IE7 Hack */ * html form.tpl input.field, * html form.tpl select, * html form.tpl textarea { border-width: 1px; } /* IE6 Hack */ fieldset.submit input { background-color: #A4A4A4; background-position: 92% -481px; border: 2px solid #CACACA; color: #fff; cursor: pointer; float: right; font-weight: bold; padding: 6px 30px 6px 6px; position: relative; text-align: left; text-transform: uppercase; width: auto; z-index: 1; } fieldset.submit input:hover { background-color: #646464; } .fINLINE { background-color: #E4E4E4; margin: 20px auto; padding: 10px; width: 80%; } .fINLINE form dl {} .fINLINE form dt { float: left; width: 20%; } .fINLINE form dt label { font-weight: bold; padding-top: 5px; text-align: right; } .fINLINE form dd { background-color: #F1F1F1; margin-left: 22%; } .fINLINE form .text { background-color: transparent; } .fINLINE .fieldFocus { background-color: #D9D9D9; } .fINLINE .fieldError { background-color: #F4B9BA; } .fINLINE .fieldError input.field, .fINLINE .fieldError select, .fINLINE .fieldError textarea { border-color: #D18D8D; } .fINLINE span { color: #111111; font-size: 11px; } .fINLINE a { color: #0281CA; text-decoration: none; } .fINLINE input.field { width: 88%; } .fINLINE input.min { width: 18%; } .fINLINE input.mid, .fINLINE input.first, .fINLINE input.last { width: 41%; } .fINLINE input.max { width: 66%; } .fINLINE select { width: 90%; } .fINLINE select.min { width: 20%; } .fINLINE select.mid { width: 43%; } .fINLINE select.max { width: 68%; } .fINLINE textarea { height: 100px; width: 88%; } .fINLINE textarea.min { height: 100px; width: 20%; } .fINLINE textarea.mid { height: 100px; width: 41%; } .fINLINE textarea.max { height: 100px; width: 66%; } .fINLINE .checkbox, .fINLINE .radio { float: left; } .fINLINE dd label { margin-left: 25px; padding: 3px 0 5px; width: 82%; } .fINLINE .value { color: #CCCCCC; } .fINLINE fieldset.submit { } .fINLINE fieldset.submit input {} .fINLINE fieldset.submit span { left: 23%; } * html .fINLINE input.checkbox, * html .fINLINE input.radio { left: 0; position: absolute; } /* IE6 Hack */ * html .fINLINE span { left: 130px; text-align: right; width: 150px; } /* IE6 Hack */ .fBLOCK { background-color: #E4E4E4; margin: 20px auto; padding: 10px; width: 80%; } .fBLOCK form dl {} .fBLOCK form dt {} .fBLOCK form dt label { font-weight: bold; padding-bottom: 5px; } .fBLOCK form dd { background-color: #F1F1F1; } .fBLOCK form .text { background-color: transparent; } .fBLOCK .fieldFocus { background-color: #D9D9D9; } .fBLOCK .fieldError { background-color: #F4B9BA; } .fBLOCK .fieldError input.field, .fBLOCK .fieldError select, .fBLOCK .fieldError textarea { border-color: #D18D8D; } .fBLOCK span { color: #111111; font-size: 11px; } .fBLOCK a { color: #0281CA; text-decoration: none; } .fBLOCK input.field { width: 90%; } .fBLOCK input.min { width: 17%; } .fBLOCK input.mid, .fBLOCK input.first, .fBLOCK input.last { width: 42%; } .fBLOCK input.max { width: 68%; } .fBLOCK select { width: 92%; } .fBLOCK select.min { width: 21%; } .fBLOCK select.mid { width: 44%; } .fBLOCK select.max { width: 69%; } .fBLOCK textarea { height: 100px; width: 90%; } .fBLOCK textarea.min { height: 100px; width: 22%; } .fBLOCK textarea.mid { height: 100px; width: 43%; } .fBLOCK textarea.max { height: 100px; width: 68%; } .fBLOCK .checkbox, .fBLOCK .radio { float: left; } .fBLOCK dd label { margin-left: 25px; padding: 3px 0 5px; width: 84%; } .fBLOCK .value { color: #CCCCCC; } .fBLOCK fieldset.submit { } .fBLOCK fieldset.submit input {} .fBLOCK fieldset.submit span { left: 0; } * html .fBLOCK input.checkbox, * html .fBLOCK input.radio { left: 0; position: absolute; } /* IE6 Hack */ /* Colori */ .fBLUE { background-color: #D5EFFF; } .fBLUE form dd { background-color: #B4DCF5; } .fBLUE form input.field, .fBLUE form select, .fBLUE form textarea { border-color: #97B9CE; } .fBLUE .fieldFocus { background-color: #AAD0E8; } .fBLUE fieldset.submit input { background-color: #84A2B4; border: 2px solid #97B9CE; } .fBLUE fieldset.submit input:hover { background-color: #68808E; } .fBROWN { background-color: #D3B59E; } .fBROWN form dd { background-color: #C6AA94; } .fBROWN form input.field, .fBROWN form select, .fBROWN form textarea { border-color: #867465; } .fBROWN .fieldFocus { background-color: #AC9481; } .fBROWN fieldset.submit input { background-color: #867465; border: 2px solid #937F6F; } .fBROWN fieldset.submit input:hover { background-color: #6C5D52; } /* Shop Search Box */ #shop-search-box { margin: 20px 0; } #shop-search-box legend { display: none; } #shop-search-box input { background: #FFF; border: 0 none; float: left; padding: 6px; } #shop-search-box input.search { width: 150px; -moz-border-radius: 4px 4px 4px 4px; } #shop-search-box input.submit { background: #fff url(images/bg-search.png) no-repeat center center; cursor: pointer; text-indent: -999px; width: 30px; } #shop-search-box input.value { color: #999; } #shop-search-box input.search { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #shop-search-box input.submit { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } #shop-search-box input.submit { color: #fff\9; font-size: 0\9; height: 28px\9; text-align: right\9; } /* IE */ @-moz-document url-prefix() { #shop-search-box input.search { padding: 7px; } } /* Firefox */ #shop-search-box input.search { -webkit-appearance: none; -webkit-box-sizing: content-box; } /* Safari */ /* PRINT **************************************************/ @media print { }