/* Etheya Ltd. Brian Coult +44 07541959936 http://www.etheya.com LAYOUT.CSS */ /* RESET.CSS */ article, aside, dialog, figure, footer, header, hgroup, nav, section { display : block; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot { margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; } body { line-height: 1; } table { border-collapse: separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } table, td, th { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote, q { quotes: none; } body { font-size: 75%; color: #222; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } nav ul { list-style: none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } del { text-decoration:line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* Site Styles */ body { position: relative; font: 15px/2 "skolar", georgia, arial, sans-serif; font-weight: 400; text-align: left; color: #333; margin: 0; padding: 0; background: #fff url(/assets/img/layout/body-bg.jpg) 0 0 repeat; } /* Main Divs */ article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary, video, .advert { display: block; } header, nav, article, footer, section, .main, hgroup, aside { position: relative; float: left; margin: 0; padding: 0; } .container, header, article, nav { width: 984px; } .container { margin: 0 auto; padding: 0; float: none; } header { margin: 0; background: url(/assets/img/layout/nav-shadow.png) center bottom no-repeat; padding-bottom: 18px } nav { margin: 0; } nav.topbasket { width: 400px; float: right; margin-top: 50px } footer { margin-top: 40px; padding: 30px 0; text-align: center; border-top: 10px solid #e0e0e0; background: url(/assets/img/layout/topbar.gif) 0 0 repeat; width: 100%; } aside { float: right; width: 250px; background: rgba(173,173,173,.1); padding: 10px 20px 0 20px; border: 1px dotted #ccc; } .no-bg { background: none; padding: 0; width: 290px; border: none; } aside section { border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin: 0 0 20px 0; } figure { margin:0 0 30px 0; float: right; padding: 0; } .homepage { width: 984px; } .main { width: 640px; } .basket { float: right; text-align: right; font-size: 1em; position: absolute; top: 0; right: 0; } .full, .diary { width: 984px; } .clear { clear: both; } .divider { background: url(/assets/img/layout/divider.png) center 0 no-repeat; width: 100%; height: 10px; margin: 10px 0 30px 0; } .cf { clear: left;} /* Columns */ .col { width: 290px; margin: 0 56px 10px 0; } .double { width: 636px; } .welcome, .newsletter { margin: 10px 0 40px 0; width: 100%; text-align: center; } /* Social Icons */ .socialtip { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 20px 0; margin: 10px 0; background: #ececec; width: 984px; } .socialtip .col { background: url(/assets/img/layout/social-tip.png) 0 0 no-repeat; padding: 14px; width: 199px; margin: 0 25px 0 0; height: 82px; } .socialtip .last { margin-right: 0; } .socialtip h2 { margin: 0; } .socialtip p { margin-top: -20px; } .last { float: right; margin-right: 0; } .flickr, .twitter, .facebook, .fivehundred { width: 51px; height: 51px; text-align: left; width: 200px; } .flickr { background: url(/assets/img/icons/ic-flickr.png) right 0 no-repeat; } .twitter { background: url(/assets/img/icons/ic-twitter.png) right 0 no-repeat; } .facebook { background: url(/assets/img/icons/ic-facebook.png) right 0 no-repeat; } .fivehundred { background: url(/assets/img/icons/ic-500px.png) right 0 no-repeat; } .socialtip:hover h2.flickr { background: url(/assets/img/icons/ic-flickr.png) right -51px no-repeat; } .socialtip:hover h2.twitter { background: url(/assets/img/icons/ic-twitter.png) right -51px no-repeat; } .socialtip:hover h2.facebook { background: url(/assets/img/icons/ic-facebook.png) right -51px no-repeat; } .socialtip:hover h2.fivehundred { background: url(/assets/img/icons/ic-500px.png) right -51px no-repeat; } .twitt { background: url(/assets/img/icons/ic-twitter.png) 0 0 no-repeat; width: 51px; height: 50px; float: right; margin:0 0 10px 10px; padding: 0; border: none; } .twitterfeed:hover .twitt { background: url(/assets/img/icons/ic-twitter.png) 0 -50px no-repeat; width: 51px; height: 50px; float: right; margin:0 0 10px 10px; padding: 0; border: none; } /* Logo */ h1.logo { background: url(/assets/img/layout/cbutton-logo.png) 0 0 no-repeat; text-indent: -9000px; width: 360px; height: 82px; margin: 30px 0 30px 0; float: left; } /* Forms */ label { float: left; } em { color: #000; } fieldset { padding: 0; margin: 0; } legend { font-size: 1.4em; } form { } input, input.text, input.title, textarea, select { float: left; position: relative; padding: 8px; margin: 0; font-size: 13px; color:#666; background: #f9f9f9; border:1px solid #dedede; } input:focus, input.title:focus, textarea:focus, select:focus { color: #000; background: #fff; } /* Typography */ /********************************************/ h1, h2, h3, h4, h5 { font-family: "ff-enzo-web", arial, sans-serif; clear: left; margin: 0; padding: 0; font-weight: 600; line-height: 1em; } h1 { font-size: 2.125em; color: #000; margin: 0 0 20px 0; } h2 { font-size: 1.725em; color: #000; margin: 15px 0 10px 0; text-shadow: #fff 1px 1px 0; } h3 { font-size: 1.425em; color: #a19062; margin-bottom: 6px; margin-top: 6px; line-height: 1.2; } h4 { font-size: 1.225em; color: #333; margin-bottom: 6px; } h5 { font-size: .95em; color: #b8bb7e; font-style: italic; } p { font-size: 1em; line-height: 1.7em; padding: 0 0 10px 0; margin: 0; clear: left; } ul { float: left; margin: 10px 0 30px 0; padding: 0; list-style-position: inside; list-style-type: square; } li { margin: 0; padding: 0 0 4px 0; line-height: 1.5em; } figureid { font-size: .85em; font-style: italic; float: right; margin: 6px 6px 0 0; } .center { text-align: center; float: none; } .basket p { font-size: .85em; } .listsplit { width: 200px; padding: 0 20px 0 10px; } .link { margin-bottom: 20px; } aside .link { margin-bottom: 0; } /* Hgroups */ hgroup { float: left; width: 100%; margin-top: 20px; } hgroup h1 { text-shadow: #fff 1px 1px 0; } /* Image styles */ /********************************************/ img { vertical-align: middle; } .timage img { background: #fff; padding:10px; margin-bottom: 10px; box-shadow: 1px 2px 1px #dedede; } .timage { float: left; position: relative; margin: -20px 0 30px 0; background: url(/assets/img/layout/topimage-shadow.png) 0 bottom no-repeat; padding-bottom: 6px; } .border { background: #fff; padding: 6px; box-shadow: 2px 2px 3px #e1ddd2; } .im { margin-bottom: 14px; } figure img { float: right; background: #fff; padding: 6px; box-shadow: 2px 2px 3px #e1ddd2; margin: 0; } aside .fr { float: right; margin: 0 0 0 10px; } /* Top image */ .timage p { background: rgba(0,0,0, .3); color: #fff; padding: 3px 30px 6px 20px; margin: -78px 0 0 10px; z-index: 100; float: left; position: relative; font-size: 1em; font-style: italic; } .timage p:hover { background: #000; } /* Links */ a:link, a:visited { color: #8a5c20; text-decoration: none; } a:hover, a:visited:hover { color: #3b0600; text-decoration: underline; } h2 a:link, h2 a:visited { color: #000; text-decoration: none; } h2 a:hover, h2 a:visited:hover { color: #8a5c20; text-decoration: none; } h3 a:link, h3 a:visited { color: #a19062; text-decoration: none; } h3 a:hover, h3 a:visited:hover { color: #8a5c20; text-decoration: none; } .socialtip a:link, .socialtip a:visited { color: #333; } .socialtip a:hover, .socialtip a:visited:hover { color: #333; text-decoration: none; border-bottom: 1px dotted #333; } .link a:link, .link a:visited { color: #999; font-size: 1em; border-bottom: 1px dotted; } .link a:hover, .link a:visited:hover { color: #000; text-decoration: none; border-bottom: 1px solid #000 } footer a:link, footer a:visited, footer a:visited:link { color: #adacac; text-decoration: none; } footer a:hover, footer a:visited:hover { color: #fff; text-decoration: none; } /* .basket a:link, .basket a:visited { color: #333; text-decoration: none; } .basket a:hover, .basket a:visited:hover{ color: #3b0600; text-decoration: none; } h3 a:link, h3 a:visited { color: #a19062; text-decoration: none; } h3 a:hover, h3 a:visited:hover{ color: #8a5c20; text-decoration: none; } /* Footer */ footer p { line-height: 1.4; font-size: 1em; color: #adacac; } /* Navigation */ /********************************************/ nav ul { margin: 0 0 40px 0; padding: 0; float: left; } nav li { padding: 0; font-size: 1.675em; margin-right: 5px; float: left; font-family: "skolar",sans-serif; text-shadow: 1px 1px #fff; font-weight: 500; color: #c7c5c5; } nav.topbasket li { font-size: 1.4em} nav a:link, nav a:visited { color: #c7c5c5; display: block; border:none; padding-right: 2px; } nav a:hover, nav a:visited:hover { color: #650e29; text-decoration: none; } nav a.current { color: #000; text-decoration: none; } ul.navright { float: right; margin: 0; } ul.navright li { margin-right: 0; margin-left: 0; } ul.navright li img { margin: -10px 0 0 0; } ul.sublist { list-style-type: none; margin: 0; } .sublist li { width: 250px; margin: 0 0 4px 0; padding: 0; } .sublist li a:link, .sublist li a:visited { display: block; padding: 4px 10px 4px 10px; color: #666; border-top: 1px dotted #cdcdcd; border-bottom: 1px dotted #cdcdcd; background: #ebecec; font-size: 1.1em } .sublist li a:hover, .sublist li a:visited:hover { background: #fff; display: block; padding: 4px 0 4px 10px; text-decoration: none; border-top: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0; color: #000; } .sublist li.active a { background: #323232; display: block; padding: 4px 0 4px 10px; text-decoration: none; border-top: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0; color: #f6f6f6; } /* Blog */ .blog img { clear: both; margin: 10px 0 20px 0; max-width: 600px; } .blog-item { margin-bottom: 40px; } .blogbg { } /* Pagination */ .paginate { clear: both; margin: 10px 0 0 0; padding: 10px 0 20px 0; width: 100%; border-top: 1px dotted #d4d0c5; font-size: 1.2em } .paginate ul { list-style-type: none; margin: 0; padding: 0; width: 100%; } .paginate li { margin: 0; padding: 0; } .prev, .prev-disabled { float: left; width: 200px; color: #d4d0c5; } .next, .next-disabled { width: 200px; text-align: right; color: #d4d0c5; float: right; } .paginate a:link, .paginate a:visited { border: none; } .paginate a:hover, .paginate a:visited:hover{ border: none; } /* Posts */ /*********************************/ .post { position: relative; margin: 0px 0 20px 0; padding: 10px 0 0 0; } .post h2 { position:relative; margin: 0; padding: 0 0 4px 0; } .post h2 a:link, .post h2 a:visited { border: none; } .post h2 a:hover { text-decoration: none; } .post h3 { position:relative; margin: 0 0 16px 72px; padding: 0 0 20px 0; border-bottom: 1px dotted #e7e7e7; } .post h3 a:link, .post h3 a:visited { border: none; color: #a19062; } .post h3 a:hover { text-decoration: none; color: #8a5c20 } .post .date { color: #495971; text-shadow: #fff 1px 1px 0; font-size: 1.375em; margin: 0; padding: 0 0 10px 0; } .last .post h3 { font-size: 1.2em } .homepage h3 { position:relative; margin: 0 0 4px 0socialtipsocialtip; padding: 0; color: #8a5c20; border-bottom: none; } .homepage .date { font-size: 1.175em; margin-bottom: 0px; padding-bottom:4px; border-bottom: none; } .diary .post { position: relative; margin: 0 10px 20px 10px; padding: 19px; width: 270px; background: rgba(255,255,255, .4); min-height:520px; padding-bottom: 0; } .diary .postfull { width: 600px; } .diary .post .entry img, .diary .postfull .entry img { background: #fff; padding: 6px; box-shadow: 2px 2px 3px #e1ddd2; float: left; margin: 0 0 20px 0;} /* Newsletter */ .newsletter form { border: 4px dotted #e0e0e0; width: 350px; margin: 0 auto; background: #efefef; padding: 10px 20px 14px 20px; height: 32px; } .newsletter input { float: left; width: 200px } /* Meta info */ .entry { } .entry blockquote { padding: 10px 30px; color: #666; font-style: italic; border-left: 5px solid #b32b41 ; margin-bottom: 20px; } .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: circle; margin-bottom: 20px; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } .entry .alignleft { float: left; width: auto; margin: 10px 15px 10px 0; } .entry .alignright { float: right; width: auto; margin: 10px 0 10px 15px; } .entry .aligncenter { text-align: center; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; } .entry .wp-caption img { margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; } .entry h3 { margin: 0 0 5px 0; } section.entry p { clear:left; } .entry img { background: #fff; padding: 6px; box-shadow: 2px 2px 3px #e1ddd2; float: right; margin: -30px 0 10px 20px;} /* Comments */ .comments { position:relative; margin: 0 0 60px 0; padding: 50px 55px; background-color: #fff; border: 5px solid #efefef; } .comment h3 { margin: 0; color: #000; } .comment { margin: 30px 0 0 0; width:100%; } .comment ul { list-style-type:none; margin: 10px 0 40px 0;} .comment li { margin: 0; border-bottom: 1px dotted #d4d0c5; padding: 20px } .comment li.odd { margin: 0; border-bottom: 1px dotted #d4d0c5; padding: 20px; background: #f6f6f6; } .respond { margin: 15px 0 50px 0; padding: 50px 55px; background-color: rgba(255,255,255, .4); border: 5px solid #e5e5e5; width: 500px;} .respond label { float: left; width: 400px; clear: left; margin-bottom: 2px; } .respond input, .respond textarea { float: left; width: 400px; background: #fff; clear: left; margin-bottom: 10px; border: 1px solid #d4d0c5; padding: 10px; font-family: "ff-enzo-web", 'Helvetica Neue', Arial, sans-serif; font-size: 13px; } .respond .submitbutton { width: 422px; background: #c7c5c5; color: #fff; font-size: 15px; margin-top: 20px; } .respond .submitbutton:hover { background: #000; } #comment_code { float: right; width: 200px; margin: 0; padding: 14px; background:#fff; border:1px #ddd; border-style: solid none; } #captcha img { float: left; clear: left; margin: 4px 0 10px 0; padding: 0;} #notify { float: left; clear: left;margin: 10px 0 10px 0; } #notify input.comment-cb{ float: left; margin: 4px 0 0 0; padding: 0; width: 28px; } p.com-author { font-style: italic; font-size: .9em; color: #000; } p.com-author a:link { color: #000 } /* Gallery */ .g-grid { width: 310px; margin: 20px 5px 10px 5px; padding: 20px 0 0 0; text-align: center; float: left; height: 240px } .m-grid { width: 450px; margin: 20px 5px 10px 5px; padding: 20px 0 0 0; text-align: center; } .g-grid:hover, .m-grid:hover { background: rgba(255,255,255, .4) } .g-grid h2 { font-size: 1.3em; background: rgba(0,0,0, .4); width: 240px; float: none; margin: 0 auto ; position: absolute; top: 164px; left: 35px; padding: 6px 0 10px 0; text-shadow: none; color: #fff } .m-grid h2 { } .g-grid:hover h2 { background: #000 } .g-grid p { clear: left; padding: 0 10px; } .g-grid h2 a:link, .g-grid h2 a:visited { color: #fff } .g-grid h2 a:hover, .g-grid h2 a:visited:hover { text-decoration: none; } .g-grid .meta { font-size: 1em; margin-bottom: 5px; } .g-grid img { margin: 0 0 12px 0; padding: 16px 16px 22px 16px; background: #fff; box-shadow: 1px 2px 1px #d4d0c5 } .m-grid img { margin: 0 0 12px 0; padding: 16px 16px 22px 16px; background: none; box-shadow: none;} .gallerygrid ul { float: left; margin: 20px 0 0 0; padding: 0; list-style-type: none; } .gallerygrid li { float: left; width: 290px; margin: 0 5px 30px 5px; padding: 20px 10px 0 10px; text-align: center; height: 240px; } .groupon li { width: 215px; } .gallerygrid img { margin: 0 0 10px 0; padding: 14px 14px 20px 14px; background: #fff; box-shadow: 1px 2px 1px #d4d0c5 } .gallerygrid h2 { margin: 4px 0 0 0; color: #345676; } .gallerygrid p { font-style: italic; font-size: .9em; color: #999; clear: both; } .gallerygrid h2 a:link, .gallerygrid h2 a:visited { color: #999; font-size: .8em; } .gallerygrid h2 a:hover, .gallerygrid h2 a:visited:hover { color: #999; font-size: .8em; text-decoration: none } .gallerygrid li:hover h2 a:link, .gallerygrid li:hover h2 a:visited { color: #000; } /* Gallery Print Page */ .printpage { margin-top: 20px; } .fullprint { margin: 0 0 20px 10px; padding: 0; width: 600px; text-align: center; float: right; } .fullprint img { padding: 30px 30px 46px 30px; background: #fff; box-shadow: 1px 2px 1px #d4d0c5; margin-bottom: 20px;} .pinfo { color: #000; font-size: 1.1em; margin-bottom: 12px; } .pinfo span { color: #666; } .pricebox { position: relative; padding: 4px 0 0 0; margin: 0 0 20px 0; float: left; width: 370px; } .pricebox select { width: 230px; float: left; margin-right: 20px } .enlarge { width: 150px; position: relative; clear: left; background: rgba(255,255,255, 1); margin: -20px auto 15px auto; padding: 6px; text-align: center; font-size: .9em; color: #666; z-index: -100; box-shadow: 1px 1px 1px #dedede; } .printinfo { margin: 20px 0 20px 0; padding: 10px 0; clear: both; border-top: 1px #dedede dotted; border-bottom: 1px #dedede dotted; } /* Workshops */ .workshop { margin: 30px 20px 20px 20px; width: 280px; float: left; text-align: center; } .workshop figure { margin: 0 0 20px 0; text-align: center; width: 100%;} .workshop figure img{ margin: 0 auto; float: none; } .price span { color: #bd3838; font-size: 2.2em; } .price { padding: 0; margin: 0; } .pricebox .price { float: left; font-size: 2em; margin-right: 30px; margin-top: -6px } .workinfo span { color: #000; } .workshop ul { margin-top: 0; } .workshopprice { width: 290px; margin: 10px 0 20px 0; } .workselect { width: 260px; margin: 0 0 12px 0 } .workimage { margin: 0 0 20px 30px } .sociallinks { margin: 4px 0 0 0; float: left; padding: 0;} .fb-like { margin: 0; padding: 0; width: 90px; } .twitter-share-button { margin: 2px 0 0 0; float: right; padding: 0; } .testimonial { margin: 10px 20px 20px 20px; width: 450px; float: left; text-align: center; } .testimonialfull { margin: 10px 0 20px 0; float: left; } .testimonials h2 { text-align: center; } .testimonial .small, .testimonialfull .small { font-style: italic; } .search-blog { width: 100% } .search-blog input { width: 180px; } .search-blog input:focus { background: #fff } .search-blog .searchbutton { width: 40px; float: right; background: #5e7651; border: none; color: #fff; height: 33px } .search-blog .searchbutton:hover { width: 40px; float: right; background: #000; border: none; color: #fff; height: 33px } .searchresults { color: #936824; margin-bottom: 20px; font-size: 1.2em } .linkingbuttons { margin: 0; padding: 0; } a.previousbutton { background: url(/assets/img/layout/prevbutton.png) 0 -35px no-repeat; width: 35px; height: 35px; text-indent: -9000px; float: left; margin: 0 0 0 250px; } a.previousbutton:hover { background: url(/assets/img/layout/prevbutton.png) 0 0 no-repeat; width: 35px; height: 35px; text-indent: -9000px; } a.nextbutton { background: url(/assets/img/layout/nextbutton.png) 0 -35px no-repeat; width: 35px; height: 35px; text-indent: -9000px; float: right; margin:0 250px 0 0; } a.nextbutton:hover { background: url(/assets/img/layout/nextbutton.png) 0 0 no-repeat; width: 35px; height: 35px; text-indent: -9000px; float: right } /* Basket */ table { margin: 10px 0 0 0; padding: 0; font-size: 13px; width: 100%; float: left; background: # } thead { background: #000; color: #fff; } tr { } td { padding: 10px; line-height: 1.4; } td a:link, td a:visited { text-decoration: none; border: none; } td.image img { margin: 0; padding: 3px 3px 4px 3px; background: #fff; box-shadow: 1px 1px 2px #999; } tr.cart1 { background: #f6f6f6; } tr.cart2 { background: #dfdfde; } td.delete { width: 25px; } td.quantity { width: 50px; } td.subtotal { width: 60px; } td.ref { width: 50px; } td.price { width: 60px } td.image { width: 80px; } td p { font-size: 1em; } td.totals p { text-align: right; } td.postage p { text-align: right; margin: 0; padding: 0; } .cartbuttons { float: right; margin-top: 30px; margin-bottom: 40px; padding: 0; width: 100%; } table.postage_matrix { margin: 20px 0; width: 100%; } .postage_matrix thead { background: url(rgba.php?r=87&g=87&b=87&a=25) repeat; background: rgba(87, 87, 87, .25); } th.postamount { width: 100px; } tr.odd { background: url(rgba.php?r=87&g=87&b=87&a=15) repeat; background: rgba(87, 87, 87, .1); } .discount { width: 100%; } .discount input { width: 180px; margin: 0 10px 0 0; float: left; } .discount input.button { float: right; background: #dedede; width: 70px; margin: 0; } input.button, a.conbutton { float: right; width: 120px; margin: 0 0 0 10px; padding: 7px; background: #6d7172; color: #fff; border: none; text-align: center; line-height: 18px; text-decoration: none; } a.conbutton { float: left; margin: 0; background: #dedede } input.button:hover, a.conbutton:hover { background: #000; color: #fff; } .checkoutform { float: left; margin: 10px 0 30px 0; padding:20px; width: 580px; background-color: #eee; border: 1px solid #dedede; } .checkoutform fieldset { float: left; margin-bottom: 30px; } .checkoutform legend { font-weight: normal; float: left; margin-bottom: 20px; color: #000; width: 100%; } .checkoutform label { width: 200px; float: left; } .checkoutform input { width: 340px; margin-bottom: 10px; } .checkoutform select { width: 346px; margin-bottom: 10px; } .checkoutform p input#butt_cart { float: left; margin-left: 0; } .discount input { width: 260px; float: left; } input.addbutton { background: url(/assets/img/layout/button-addbasket.png) 0 0 no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 2px 0 0 0; border: none } input.addbutton:hover { background: url(/assets/img/layout/button-addbasket.png) 0 -30px no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 2px 0 0 0; border: none; cursor: pointer } input.addtuition { background: url(/assets/img/layout/button-bworkshop.png) 0 0 no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 2px 0 0 0; border: none } input.addtuition:hover { background: url(/assets/img/layout/button-bworkshop.png) 0 -30px no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 2px 0 0 0; border: none; cursor: pointer } input.subscribe { background: url(/assets/img/layout/button-subscribe.png) 0 0 no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 1px 0 0 0; border: none; float: right; } input.subscribe:hover { background: url(/assets/img/layout/button-subscribe.png) 0 -30px no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 1px 0 0 0; border: none; cursor: pointer } input.adddiscount { background: url(/assets/img/layout/button-discount.png) 0 0 no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 10px 0 0 0; border: none; float: left; } input.adddiscount:hover { background: url(/assets/img/layout/button-discount.png) 0 -30px no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 10px 0 0 0; border: none; cursor: pointer } input.updatebutton { background: url(/assets/img/layout/button-update.png) 0 0 no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 10px 10px 0 0; border: none; cursor: pointer;float: right; } input.updatebutton:hover { background: url(/assets/img/layout/button-update.png) 0 -30px no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 10px 10px 0 0; border: none; cursor: pointer } input.emptybutton { background: url(/assets/img/layout/button-empty.png) 0 0 no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 10px 10px 0 0; border: none; float: right; } input.emptybutton:hover { background: url(/assets/img/layout/button-empty.png) 0 -30px no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 10px 10px 0 0; border: none; cursor: pointer } a.checkoutbutton, input.checkoutbutton { background: url(/assets/img/layout/button-checkout.png) 0 0 no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 10px 0 0 0; border: none; float: right;} a.checkoutbutton:hover, input.checkoutbutton:hover { background: url(/assets/img/layout/button-checkout.png) 0 -30px no-repeat; height: 30px; width: 111px; text-indent: -9000px; padding: 0; margin: 10px 0 0 0; border: none; cursor: pointer } .store_block { margin-bottom: 100px; width: 900; text-align: center; background:#efefef; border: 4px dotted #e0e0e0; padding: 30px; } .transaction { background: #f6f6f6; margin: 20px 0; padding: 20px 0; color: #000; font-size: 1.2em } .transaction span { color: #ff4466; } section, div, p, a, li, td { -webkit-text-size-adjust:none; } .avail h3 { margin:10px 0 0 0; padding: 0; font-size: 15px;} .avail ul { margin:3px 0 3px 0; padding: 0; } .avail li { list-style-type: none; }