/** CSS Reset http://meyerweb.com/eric/tools/css/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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** Base Body Styles **/ body{ background:#FFF; color:#000; font:16px Georgia, "Times New Roman", serif;} h1,h2,h3,h4,h5,h6{ font-weight:normal; } h1{ font-size:30px;} h2{ font-size:24px;} h3{ font-size:18px;} h4{ font-size:14px;} h5{ font-size:12px;} h6{ font-size:10px;} a{ text-decoration:none; } input, textarea, select { } /** The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. mp/bestclearfix **/ .clear { height: 0; display: block; clear: both; margin: 0; padding: 0; } .clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clear:after { clear: both; } /** Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page **/ .clear { zoom: 1; } ul.products:before, ul.products:after, .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } ul.products:after, .clearfix:after { clear: both; } /** Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page **/ .clearfix, ul.products { zoom: 1; } /** HEADER **/ .header-wrapper { height: 79px; width: auto; background: url(images/green/header-BG.png) repeat-x; } #header { height: 39px; width: 940px; margin: 0px auto; padding: 20px 10px 20px; overflow: hidden; } #header .logo { float: left; display: inline-block; width: 143px; height: 41px; margin: 0px 18px 0px 0px; } #header .slogan { color: #fff; font: 16px/51px Georgia, "Times New Roman", serif; } #header .top-nav { float: right; } #header .top-nav li { position: relative; margin: 0px 16px 0px 0px; float: left; font: 16px/39px Georgia, "Times New Roman", serif; color: #fff; } #header .top-nav li a { color: #fff; } #header .top-nav li a:hover { /*text-decoration: underline;*/ border-bottom: 1px solid #fff; padding-bottom: 5px; } #header .top-nav li a.cart { display: inline-block; width: 37px; height: 37px; background: url(images/green/cart.png) no-repeat; vertical-align: middle; } #header .top-nav li a.cart:hover { text-decoration: none; border-bottom: none; padding-bottom: 0; } #header .top-nav li .cart-bubble { overflow: hidden; font: 10px/19px Georgia, "Times New Roman", serif; text-align: center; display: inline-block; width: 19px; height: 19px; background: url(images/green/cart-bubble.png) no-repeat; position: absolute; top: -5px; right: -5px; } #header .top-nav li .cart-bubble:hover { border: none; } /** NAVIGATION **/ .navigation-wrapper { height: 70px; width: auto; background: url(images/green/navigation-BG.png) repeat-x; } #navigation { height: 70px; width: 940px; padding: 0px 10px 0px; margin: 0px auto; } #navigation li { padding: 24px 20px; position: relative; float: left; margin: 0px 0px 0px 0px; color: #fff; font: 16px/24px Georgia, "Times New Roman", serif; } #navigation li:hover { background: url(images/green/navigation-hover-BG.png) repeat-x; } #navigation>li:first-child { margin: 0px 0px 0px 0px;} #navigation>li:last-child { margin: 0px 0px 0px 0px; } #navigation li a { color: #7d7253; } #navigation li ul { display: none; position: absolute; top: 70px; background: #fbf2d3; left: 0px; z-index: 10000; padding: 0px 10px; width: 150px; } #navigation li:hover ul { display: block; } #navigation li ul li { margin: 0px 0px 10px 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: auto; float: none; padding: 3px 14px; font: 16px/14px Georgia, "Times New Roman", serif; color: #777777; } #navigation li ul li a { color: #777777; } #navigation li ul li:hover { background: #78bf49; } #navigation li ul li:hover a { color: #fff; } #navigation li a img{ margin:0px 10px 0px 0px; position:relative; top:2px;} /** BOTTOM **/ .bottom-wrapper { height: 65px; width: auto; background:#FAFAFA; margin: 0px 0px 20px 0px; } #bottom { height: 30px; width: 940px; padding: 18px 10px 22px; margin: 0px auto; } #bottom .welcome-message { color: #a7a49c; font: 16px/26px Georgia, "Times New Roman", serif; float: left; } #bottom .welcome-message a { color: #f64f27; } #bottom .welcome-message a:hover { color: gray; } #bottom .right { float: right; } #bottom .social-nav { float: left; margin: 9px 0px 0px 0px; } #bottom .social-nav li { float: left; margin: 0px 10px 0px 0px; } #bottom .social-nav li a { display: block; height: 10px; background: url(images/green/social.png) no-repeat; line-height: 26px; } #bottom .social-nav li a.rss { width: 11px; background-position: -5px -0px; } #bottom .social-nav li a.fb { width: 5px; background-position: -0px -0px; } #bottom .social-nav li a.tw { width: 14px; background-position: -27px -0px; } #bottom .social-nav li a.skype { width: 11px; background-position: -16px -0px; } #bottom .social-nav li a.rss:hover { width: 11px; background-position: -5px -10px; } #bottom .social-nav li a.fb:hover { width: 5px; background-position: -0px -10px; } #bottom .social-nav li a.tw:hover { width: 14px; background-position: -27px -10px; } #bottom .social-nav li a.skype:hover { width: 11px; background-position: -16px -10px; } #bottom .search { width: 185px; height: 26px; position: relative; float: left; } #bottom .search #s { color: #4c4c4c; font: 12px/26px Georgia, "Times New Roman", serif; width: 148px; height: 26px; outline: none; border: none; padding: 0px 27px 0px 11px; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; box-shadow:1px 1px 2px #ccc; } #bottom .search .submit { cursor: pointer; width: 13px; height: 11px; background: url(images/searchmirror.png) no-repeat; position: absolute; top: 50%; margin-top: -6px; right: 10px; border: none; outline: none; font-size: 0px; line-height: 0px; } #bottom .choose-currancy { float: left; margin: 0px 14px 0px 0px; } .container { width: 940px; margin: 0px auto; padding: 0px 10px; } /** BREADCRUMBS **/ #breadcrumbs { margin: 0px 0px 20px 0px; } #breadcrumbs a { font: 12px/12px Georgia, "Times New Roman", serif; color: #969695; background: url(images/breadcrumbs-arrow.png) right no-repeat; display: inline-block; padding: 0px 20px 0px 0px; margin: 0px 10px 0px 0px; } #breadcrumbs .active { color: #636363; font: 12px/12px Georgia, "Times New Roman", serif; background: none; display: inline-block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #breadcrumb { margin: 0px 0px 20px 0px; color: #636363; font: 12px/12px Georgia, "Times New Roman", serif; } #breadcrumb a { font: 12px/12px Georgia, "Times New Roman", serif; color: #969695; background: url(images/breadcrumbs-arrow.png) right no-repeat; display: inline-block; padding: 0px 20px 0px 0px; margin: 0px 10px 0px 0px; } /** SLIDER **/ .cy-slider { width: auto; height: auto; margin: 0px auto 20px; position: relative; } .cy-slider .slides { width: 940px; height: 427px; } .cy-slider .slide { position: relative; width: 940px; height: 415px; overflow: hidden; } .cy-slider .slide .caption { padding: 0px 0px; position: absolute; bottom: 0px; right:0px; height: 42px; width: 890px; background:none; text-align: right; } .cy-slider .slide .caption p { color: #494949; font: 16px/37px Georgia, "Times New Roman", serif; float: right; text-shadow: 0px 1px 1px #c9c9c9; } .cy-slider .slide .caption p span.price{ font: 22px/32px Georgia, "Times New Roman", serif; color:#78bf49; margin:0px 10px;} .cy-slider .slide .caption .purchase-btn { margin: 0px 0px 0px 5px; display: inline-block; float: right; position: relative; top: -3px; } .cy-slider-pager { position: absolute; bottom: 33px; left: 15px; z-index: 100; } .cy-slider-pager a { margin: 0px 6px 0px 0px; font-size: 0px; line-height: 0px; display: inline-block; width: 10px; height: 10px; background: url(images/green/slider-circle.png) left center no-repeat; } .cy-slider-pager a.activeSlide { background: url(images/green/slider-circle.png) right center no-repeat; } /** PRODUCT-LISTINGS **/ .product-listing { margin: 0px 0px 0px 0px; } .product-listing h3 { color: #464646; font: 22px/24px Georgia, "Times New Roman", serif; margin: 0px 0px 40px 0px; background: url(images/heading-ruler.png) 0px 8px repeat-x; } .product-listing h3 span { background:url(images/bg.png) center center; padding-right:10px; } /** SECTION TITLE SHORTCODE **/ .wpts-section-title { color: #464646 !important; font: 22px/24px Georgia, "Times New Roman", serif; margin: 0px 0px 30px 0px !important; background: url(images/heading-ruler.png) 0px 8px repeat-x; } .wpts-section-title span { background:url(images/bg.png) center center; padding-right:10px; } .product { position:relative; float: left; margin:0px 20px 40px 0px; padding: 9px; width: 200px; height: 253px; background-color: #f7f7f7; border: 1px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 0px 1px #888; -webkit-box-shadow: 0px 0px 1px #888; box-shadow: 0px 0px 1px #888; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } ul.products .process, .grid-view .process { height: 0; float: left; position: relative; left: 45%; top: 35%; z-index: 5; } ul.products, .grid-view { margin-left: 0px !important; margin-right: 0px !important; } ul.products li, .grid-view li { list-style-type: none !important; } .list-view .process { height: 0; float: left; position: relative; left: 13.5%; top: 85px; z-index: 5; } .process .loading { height: 14px; z-index: 10; display: none; } .process .added-btn { height: 14px; z-index: 10; display: none; } .product .thumb { display: block; width: 200px; height: 174px; background:#fff; -moz-box-shadow: 0px 0px 1px #aaa; -webkit-box-shadow: 0px 0px 1px #aaa; box-shadow: 0px 0px 1px #aaa; } .product .thumb img { width: 200px; height: 174px; } .product .title { margin: 0px 0px 0px 0px; font: 18px/28px Georgia, "Times New Roman", serif; color: #494949; display: block; text-shadow: 0px 1px 1px #c9c9c9; } .product .title:hover { color: #a7a49c; text-shadow: 0px 1px 1px #c7c4cc; } .product .info{ position:absolute; left:9px; bottom:9px; width:200px; height:32px; } .add-to-cart { float: left; display: block; width: 100px; height: 29px; text-align: center; font: 16px/29px Georgia, "Times New Roman", serif; border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 1px 3px #ccc; -webkit-box-shadow: 0px 1px 3px #ccc; box-shadow: 0px 1px 3px #ccc; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .add-to-cart:hover{ color: #555; background-color: #f2f2f2; border: 1px solid #fff; } .product .price{ display:inline-block; float:right; font: 16px/28px Georgia, "Times New Roman", serif; letter-spacing:2px; color:#78bf49;} .product .price span{ font: 22px/32px Georgia, "Times New Roman", serif; color:#78bf49; } .product .price .from { font-size: 12px; color: #494949; letter-spacing:0px; display: none; } .product.last{ margin-right:0px;} ul.products .product p, .grid-view .product p { display: none; } .product .price ins { color:#78bf49; text-decoration: none; } .product .price del { color: #c4421c !important; } .single_variation { font: 22px/32px Georgia, "Times New Roman", serif; color:#78bf49;} .single_variation ins { color:#78bf49; text-decoration: none; } .single_variation del { color: #c4421c !important; } #price-wrap { margin-bottom: 15px; } #price-wrap .price { margin: 10px 0px 0px; color: #78bf49; font: 20px/22px Georgia, "Times New Roman", serif; float: left; margin-right: 10px; } /** ALL-PRODUCT **/ #all-product { margin: 0px 0px 0px 0px; width: 700px; float: left; } #all-product h3 { position: relative; background: url(images/heading-ruler.png) 0px 10px repeat-x; color: #464646; font: 24px/24px Georgia, "Times New Roman", serif; margin: 0px 0px 40px 0px; } #all-product h3 span { background:url(images/bg.png) center center; padding-right:10px; } #all-product h3 .list { color: #464646; cursor: pointer; font: 16px/10px Georgia, "Times New Roman", serif; background: url(images/bg.png) center center; padding: 0px 10px 0px 10px; position: absolute; right: 45px; top:10px; } #all-product h3 .list span { width: 16px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; height: 11px; background: url(images/list.png) no-repeat; display: inline-block; } #all-product h3 .grid { color: #464646; cursor: pointer; font: 16px/10px Georgia, "Times New Roman", serif; background: url(images/bg.png) center center; padding: 0px 0px 0px 0px; position: absolute; right: 0px; top:10px; } #all-product h3 .grid span { width: 16px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; height: 11px; background: url(images/grid.png) no-repeat; display: inline-block } .product .price del span { font-size: 12px; } .list-view .product { position: relative; margin: 0px 0px 40px 0px; padding: 9px 9px 9px 9px; width: 680px; overflow:hidden; height:auto; background-color: #f7f7f7; border: 1px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 0px 1px #888; -webkit-box-shadow: 0px 0px 1px #888; box-shadow: 0px 0px 1px #888; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .list-view .product .thumb { margin: 0px 15px 45px 0px; float: left; } .list-view .product .thumb img { width: 200px; height: 174px; } .list-view .product .data { float: right; width: 456px; } .list-view .product .data .title { margin: 0px 0px 10px 0px; } .list-view .product .data .title:hover { color: #a7a49c; } .list-view .product .data p { margin: 0px 0px 10px 0px; color: #494949; font: 16px/20px Georgia, "Times New Roman", serif; } .list-view .product .info{ bottom:auto; top:195px; } /** MY ACCOUNT **/ .my_account_orders { width: 940px; margin: 30px 0px 30px 0px; } .my_account_orders tr { border-bottom: 5px solid #efefef; } .my_account_orders tr:hover { background:#fff; border-bottom: 5px solid #dedede; } .my_account_orders tr th { background: #efefef; padding: 10px 0px; color: #636363; font: 16px/28px Georgia, "Times New Roman", serif; } .my_account_orders tr th.name-header { width: 150px; text-align: left; padding: 0px 15px; background: #efefef; color: #636363; font: 16px/28px Georgia, "Times New Roman", serif; } .my_account_orders tr td { vertical-align: middle; text-align: center; padding: 10px 0px; color: #464646; font: 16px/24px Georgia, "Times New Roman", serif; } .my_account_orders tr td a { color: #464646; } .my_account_orders tr td a:hover { text-decoration: underline; } .my_account_orders tr td.red { color: #78bf49; } .my_account_orders tr td.thumb img { width: 30px; height: 30px; border: 2px solid #efefef; } .my_account_orders tr td.qty input { color: #636363; font: 13px/23px Georgia, "Times New Roman", serif; color: #636363; padding: 0px 5px; width: 29px; height: 23px; background: url(images/qty-input.png) no-repeat; border: none; outline: none; } .my_account_orders tr td.name { width: 150px; text-align: left; padding: 0px 15px; } .my_account_orders td.order-shipto { text-align: left; } .my_account_orders td.order-actions { text-align: center; } .my_account_orders th.order-actions { text-align: center; } .my_account_orders .variation dt{ display: inline; color: #656464; padding-right: 3px; font-size: 12px; } .my_account_orders .variation dd{ display: inline; color: #656464; font-weight: bold; padding-right: 10px; font-size: 12px; } /** SHOPPING-CART **/ /* .cart { margin: 0px 0px 40px 0px; } .cart h3 { position: relative; background: url(images/heading-ruler.png) 0px 10px repeat-x; color: #464646; font: 24px/24px Georgia, "Times New Roman", serif; margin: 0px 0px 40px 0px; } .cart h3 span { background:url(images/bg.png) center center; padding-right:10px; } */ #cartEmpty {padding:100px;text-align:center;} .cart table { width: 940px; margin: 0px 0px 20px 0px; } .cart table br, .cart table p, .cart table .minus, .cart table .plus { display: none; } .cart table tr { border-bottom: 5px solid #efefef; } .cart table tr:hover { background:#fff; border-bottom: 5px solid #dedede; } .cart table tr th { background: #efefef; padding: 10px 0px; color: #636363; font: 16px/28px Georgia, "Times New Roman", serif; } .cart table tr th.name-header { width: 150px; text-align: left; padding: 0px 15px; background: #efefef; color: #636363; font: 16px/28px Georgia, "Times New Roman", serif; } .cart table tr td { vertical-align: middle; text-align: center; padding: 10px 0px; color: #464646; font: 16px/24px Georgia, "Times New Roman", serif; } .cart table tr td a { color: #464646; } .cart table tr td a:hover { text-decoration: underline; } .cart table tr td.red { color: #78bf49; } .cart table tr td.thumb img { width: 30px; height: 30px; border: 2px solid #efefef; } .cart table tr td.qty input { color: #636363; font: 13px/23px Georgia, "Times New Roman", serif; color: #636363; padding: 0px 5px; width: 29px; height: 23px; background: url(images/qty-input.png) no-repeat; border: none; outline: none; } .cart table tr td.name { width: 150px; text-align: left; padding: 0px 15px; } .cart table .variation dt{ display: inline; color: #656464; padding-right: 3px; font-size: 12px; } .cart table .variation dd{ display: inline; color: #656464; font-weight: bold; padding-right: 10px; font-size: 12px; } .cart .red1 { color: red; } .cart .left-column { width: 420px; float: left; } .cart .left-column input[type=text] { vertical-align: top; width: 202px; border: none; outline: none; font: 12px/32px Georgia, "Times New Roman", serif; color: #4c4c4c; height: 32px; background: url(images/cart-input.png) no-repeat; padding: 0px 10px; } .cart .left-column #coupon { line-height: 32px; } .cart .left-column span { padding-right: 10px; } .cart .right-column div {clear:both;float:right;} .cart .right-column #shippingMethods {margin-bottom:20px;} .cart .right-column #shippingMethods div{clear:both;float:left;} .cart .right-column { width: 320px; float: right; text-align: right; } .cart .right-column p { color: #464646; font: 16px/24px Georgia, "Times New Roman", serif; } .cart .right-column p a { color: #49aba8; } .cart .right-column p a:hover { color: #545454; } .cart .right-column p.total { margin: 10px 0px 20px 0px; font: 24px/24px Georgia, "Times New Roman", serif; color: #78bf49; } .cart .btn1 { display: inline-block; text-align: center; color: #545454; cursor: pointer; font: 16px/32px Georgia, "Times New Roman", serif; width: 84px; height: 33px; background: url(images/green/continue-btn.png) top no-repeat; border: none; outline: none; line-height: 33px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .cart .btn1:hover { background-position: bottom; color: #fff; } .cart small { font-size: 10px; } /** PAGINATION **/ .pagination { margin: 0px 0px 40px 0px; } .pagination a { display: inline-block; width: 38px; height: 30px; background:url(images/green/pagination-BG.png) top no-repeat; text-align: center; font: 16px/30px Georgia, "Times New Roman", serif; color: #636363; } .pagination a:hover { background-position: bottom; color: #fff; } .pagination a.active { background-position: bottom; color: #fff; } /** PAGE-BOTTOM **/ .page-bottom-wrapper { width:100%; background: url(images/green/page-bottom-BG.png); border-bottom:5px solid #d4ccb0; } #page-bottom { width: 940px; margin: 0px auto; padding: 20px 10px; } #page-bottom .box { float: left; width: 300px; margin-right:20px; } #page-bottom .box.last{ margin-right:0px;} #page-bottom .box .icon { float: left; width:30px; } #page-bottom .box .data { float:right; width:270px; } #page-bottom .box .data h3 { font: 20px/24px Georgia, "Times New Roman", serif; color: #464646; margin-bottom:10px; } #page-bottom .box .data p { font: 16px/28px Georgia, "Times New Roman", serif; color: #7d7253; } /** FOOTER **/ .footer-wrapper { height:auto; width: 100%; background: #636363; border-bottom:5px solid #5c5c5c; } #footer { width: 940px; margin: 0px auto; padding: 20px 10px; } #footer .column { float: left; width: 176px; margin: 0px 20px 0px 0px; } #footer .column.double{ width: 332px; padding-right:20px; } #footer .column.last { margin: 0px 0px 0px 0px; } #footer .column h3 { font: 20px/24px Georgia, "Times New Roman", serif; color: #fff; margin-bottom:10px; } #footer .column p { font: 16px/28px Georgia, "Times New Roman", serif; color: #c9c9c9; } #footer .column li { font: 16px/28px Georgia, "Times New Roman", serif; color: #c9c9c9; } #footer .column a { font: 16px/28px Georgia, "Times New Roman", serif; color: #c9c9c9; } #footer .column a:hover { text-decoration: underline; } #footer .widget { margin-bottom: 20px; } #footer .widget:last-child { margin-bottom: 0px; } /** COPYRIGHTS **/ .copyright-wrapper { height: 67px; width:100%; background: #4d4d4d;} #copyrights { width: 940px; margin: 0px auto; padding: 20px 10px 0px; } #copyrights p { font: 16px/28px Georgia, "Times New Roman", serif; color: #848484; } #copyrights a { font: 16px/28px Georgia, "Times New Roman", serif; color: #9a9a9a; } #copyrights a:hover { text-decoration: underline; } #copyrights .left { float: left; } #copyrights .left span { font: 10px/24px Georgia, "Times New Roman", serif; } #copyrights .right { float: right; } /** PRODUCTS **/ #product .product-gallery ul { width: 381px; } #product .product-gallery ul li { float: left; margin: 0px 20px 0px 0px; } #product .product-gallery ul li:last-child { margin: 0px 0px 0px 0px; } #product .product-gallery ul li .thumbnail { display: block; width: 80px; height: 70px; padding: 5px 0px; background:url(images/thumb-BG.png) no-repeat; text-align: center; } #product .product-gallery ul li .thumbnail img { width: 68px; height: 68px; background: url(images/thumb-img-BG.png) no-repeat; padding: 1px; } #product .product-detail { float: right; width: 280px; } #product .product-detail h2 { font: 24px Georgia, "Times New Roman", serif; color: #49aba8; } #product .product-detail h2 a { color: #49aba8; } #product .product-detail cite { margin: 0px 0px 0px 0px; display: inline-block; color: #c1beb9; font: 12px Georgia, "Times New Roman", serif; } #product .product-detail p { font: 13px/28px Georgia, "Times New Roman", serif; color: #636363; } #product .product-detail p span { color: #49aba8; } #product .price { margin: 10px 0px 0px; color: #78bf49; font: 20px/22px Georgia, "Times New Roman", serif; } #product .product-detail p.tax { margin: 0px 0px 10px; color: #c1beb9; font: 12px/16px Georgia, "Times New Roman", serif; } #product .product-detail .available-options { margin: 0px 0px 10px 0px; } #product .product-detail .available-options label { color: #636363; margin: 0px 0px 5px 0px; font: 18px/28px Georgia, "Times New Roman", serif; } #product .product-detail .available-options span { color: #636363; } #product .qty { margin: 0px 0px 10px 0px; } #product .qty label { color: #636363; font: 18px/28px Georgia, "Times New Roman", serif; } #product .qty input { color: #636363; font: 16px/24px Georgia, "Times New Roman", serif; color: #636363; padding: 0px 5px; width: 29px; height: 23px; border:none; background-color:#fff; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; box-shadow:1px 1px 2px #ccc; } #product .cart { margin-bottom: 15px; } #product .submit-btn { margin: 0px 0px 4px 0px; text-align: center; font: 16px/30px Georgia, "Times New Roman", serif; color: #555; cursor: pointer; width: auto; padding: 0px 15px; line-height: 35px; height: 35px; border: none; outline: none; background-color: #f2f2f2; border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 1px 3px #ccc; -webkit-box-shadow: 0px 1px 3px #ccc; box-shadow: 0px 1px 3px #ccc; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #product .cart .button { margin: 0px 0px 4px 0px; text-align: center; font: 12px/30px Georgia, "Times New Roman", serif; color: #fff; background-color: #FD5F37; cursor: pointer; width: auto; padding: 0px 15px; line-height: 35px; height: 35px; border: 1px solid #fff; outline: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 1px 3px #ccc; -webkit-box-shadow: 0px 1px 3px #ccc; box-shadow: 0px 1px 3px #ccc; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #product .submit-btn:hover { border: none; color: #555; background-color: #f2f2f2; border: 1px solid #fff; } #product .product-detail .add-links { margin: 0px 0px 12px 0px; } #product .product-detail .add-links a { color: #636363; margin: 0px 8px 0px 0px; font: 13px/28px Georgia, "Times New Roman", serif; } #product .product-detail .rat-rev { margin: 0px 0px 10px; } #product .product-detail .rating { float: left; width: 80px; } #product .product-detail .rating a { width: 12px; height: 12px; display: inline-block; } #product .product-detail .rating .yellow { background: url(images/star.png) top no-repeat; } #product .product-detail .rating .gray { background: url(images/star.png) bottom no-repeat; } #product .product-detail .review { float: right; width: 200px; line-height: 12px; } #product .product-detail .review a { color: #49aba8; font: 12px/12px Georgia, "Times New Roman", serif; } #product .product-detail .review a:hover { color: #545454; } #product .product-detail .review .review-count { border-right: 1px solid #000; padding: 0px 10px 0px 0px; margin: 0px 10px 0px 0px; } #product .product-detail .icons {} #product .product-detail .icons li { margin: 0px 10px 0px 0px; float: left; } #product .product-detail .icons a { display: inline-block; background: url(images/icons.png) no-repeat; } #product .product-detail .icons a.tw { width: 16px; height: 16px; background-position : -64px -0px; } #product .product-detail .icons a.fb { width: 16px; height: 13px; background-position : -16px -0px; } #product .product-detail .icons a.print { width: 16px; height: 16px; background-position : -32px -0px; } #product .product-detail .icons a.email {width: 16px; height: 16px; background-position : -0px -0px; } #product .product-detail .icons a.share { width: 16px; height: 16px; background-position : -48px -0px; } .product-tabs {width: 750px; margin: 70px auto;} .product-tabs .tabs { overflow:hidden; margin: 0px !important; } .product-tabs .tabs li{ cursor: pointer; background:none; float:left; margin: 0px 5px 0px 0px; } .product-tabs .tabs li a{ display:inline-block; padding: 8px 20px; background:#e1e1e1; border: none; border-top-right-radius: 5px; border-top-left-radius: 5px; font: 16px/24px 'TelegraficoRegular', Georgia, "Times New Roman", serif; color:#464646; } .product-tabs .tabs li a.current{ background:#efefef; color: #464646; } .product-tabs .tabs li a:hover {background:#efefef; color:#464646;} .product-tabs .panes {border-left: 3px solid #EEE; border-right: 3px solid #EEE; border-bottom:3px solid #eee;} .product-tabs .panes .tab-pane{ background:url(images/tab-panes-BG.png) top repeat-x; border: none; padding:10px 15px 0; margin: 0px 0px 20px 0px; font: 16px/28px Georgia, "Times New Roman", serif; color:#848382; } /** SIDEBAR **/ #sidebar { width: 220px; float: right; margin: 0px 0px 20px 20px; } #sidebar h3 { background: url(images/heading-ruler.png) 0px 8px repeat-x; color: #464646; font: 20px/22px Georgia, "Times New Roman", serif; margin: 0px 0px 10px 0px; } #sidebar h3 span { background:url(images/bg.png) center center; padding-right:10px; font-variant: small-caps; text-transform: lowercase; } #sidebar div { margin: 0px 0px 20px 0px; } #sidebar ul li { border-bottom: 1px dotted #d1d1d1; padding: 0px 20px; color: #49aba8; font: 16px/30px Georgia, "Times New Roman", serif; } #sidebar ul li a { color: #49aba8; font: 16px/30px Georgia, "Times New Roman", serif; } #sidebar .widget a { color: #49ABA8; } #sidebar .twitter a { color: #aeaeae; display: block; } #sidebar .twitter span a { color: #49aba8; display: inline; } #sidebar .twitter li { color: #464646; font: 16px/26px Georgia, "Times New Roman", serif; } #sidebar .widget .textwidget p{ margin: 0px 0px 18px; padding: 0px 18px; color: #464646; font: 16px/28px Georgia, "Times New Roman", serif; text-align: justify; } #sidebar .tagcloud { padding-top: 10px; margin-left: 20px; } #sidebar .flickr_wrap, #sidebar .twitter_wrap { margin-left: 20px; } #sidebar .twitter_wrap li { padding: 0; color: #464646; } #sidebar .twitter_wrap li .tweet_text { display: block; } #sidebar .twitter_wrap li .tweet_time a{ display: block; font-size: 12px; line-height: 18px; } /** LOGIN-PAGE **/ .new-customer { float: left; width: 700px; margin: 0px 20px 0px 0px; } .new-customer h3 { background: url(images/heading-ruler.png) repeat-x; color: #464646; font: 18px/10px Georgia, "Times New Roman", serif; margin: 0px 0px 10px 0px; } .new-customer h3 span { background: #fff; padding: 0px 2px 0px 0px; } .new-customer p { color: #464646; font: 16px/28px Georgia, "Times New Roman", serif; } .new-customer p a { color: #49aba8; } .new-customer p a.reg { color: #49aba8; display: inline-block; margin: 0px 0px 10px; font: 16px Georgia, "Times New Roman", serif; } .new-customer p a.reg:hover { color: #545454; } .new-customer a.cont { display: inline-block; text-align: center; color: #545454; cursor: pointer; font: 16px/33px Georgia, "Times New Roman", serif; width: 84px; height: 33px; background: url(images/green/continue-btn.png) top no-repeat; border: none; outline: none; } .new-customer a.cont:hover { background-position: bottom; color: #fff; } .new-customer p.msg { margin: 0px 0px 15px 0px; } /** CHECKOUT **/ #checkout{ margin-bottom:20px;} #checkout h3 { position: relative; background: url(images/heading-ruler.png) 0px 10px repeat-x; color: #464646; font: 24px/24px Georgia, "Times New Roman", serif; margin: 0px 0px 40px 0px; } #checkout h3 span { background:url(images/bg.png) center center; padding-right:10px; } #checkout h4{ position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #cdcdcd; margin:0px 0px 20px !important; background: #efefef; color: #636363; font: 16px Georgia, "Times New Roman", serif; padding:10px 15px; cursor:pointer; } #checkout h4 a { color: #49aba8; position: absolute; right: 10px; } #checkout h4 a:hover { color: #545454; } #checkout p { font: 16px/28px Georgia, "Times New Roman", serif; color: #4c4c4c; } #checkout div.pane{ margin: 0px 0px 20px 0px; } #checkout .top { background: url(images/tab-panes-BG.png) bottom repeat-x; padding: 0px 0px 30px 0px; margin: 0px 0px 15px 0px; } #checkout .left-side { float: left; width: 340px; } #checkout .right-side { float: right; width: 340px; margin: 0px 180px 0px 0px; } #checkout .text { width: 320px; height: 29px; background: url(images/checkout-input.png) no-repeat; border: none; outline: none; padding: 0px 10px; } #checkout legend { font: 16px/28px Georgia, "Times New Roman", serif; color: #49aba8; } #checkout label { font: 16px/28px Georgia, "Times New Roman", serif; color: #4c4c4c; } #checkout label abbr { color: #f64e26; } #checkout .bottom p { float: left; width: 340px; } #checkout .bottom p input { width: 10px; height: 10px; } #checkout .checkbox{ border:none;} #checkout #submit { float: right; color: #545454; cursor: pointer; font: 16px/28px Georgia, "Times New Roman", serif; width: 84px; height: 33px; background: url(images/green/continue-btn.png) top no-repeat; border: none; outline: none; } #checkout #submit:hover { background-position: bottom; color: #fff; } .login { margin-bottom: 10px; padding-bottom: 30px; } .login label { font: 16px/28px Georgia, "Times New Roman", serif; color: #4c4c4c; display: block; } .login label span { color: #f64e26; } .login input[type="text"], .login input[type="password"] { background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; padding: 8px; width: 200px; position: relative; color: #4c4c4c; font: 12px/19px Georgia, "Times New Roman", serif; outline: none; vertical-align: middle; cursor: default; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-bottom: 0 !important; } .login .lost_password { padding-left: 15px; } /** TRACKING ORDER **/ .track_order { margin-bottom: 10px; padding-bottom: 30px; } .track_order label { font: 16px/28px Georgia, "Times New Roman", serif; color: #4c4c4c; display: block; } .track_order label span { color: #f64e26; } .track_order input[type="text"], .track_order input[type="password"] { background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; padding: 8px; width: 200px; position: relative; color: #4c4c4c; font: 12px/19px Georgia, "Times New Roman", serif; outline: none; vertical-align: middle; cursor: default; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-bottom: 0 !important; } /** EDIT ADDRESS **/ #edit-address p.form-row-first { width: 45%; float: left; } #edit-address p.form-row-last { width: 50%; float: right; } #edit-address input[type="text"], #edit-address input[type="password"], #edit-address textarea { background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; padding: 8px; width: 100%; position: relative; color: #4c4c4c; font: 12px/19px Georgia, "Times New Roman", serif; outline: none; vertical-align: middle; cursor: default; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #edit-address label { display: block; margin-bottom: 3px; } #edit-address select { background-color:#fff; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; box-shadow:1px 1px 2px #ccc; border: none; padding: 5px; width: 100%; position: relative; color: #4c4c4c; font: 12px/19px Georgia, "Times New Roman", serif; outline: none; vertical-align: middle; cursor: default; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; margin-top: 3px; } /** CHECKOUT **/ #checkout p.form-row-first { width: 45%; float: left; } #checkout p.form-row-last { width: 50%; float: right; } #checkout input[type="text"], #checkout input[type="password"], #checkout textarea { background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; padding: 8px; width: 100%; position: relative; color: #4c4c4c; font: 12px/19px Georgia, "Times New Roman", serif; outline: none; vertical-align: middle; cursor: default; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #checkout label { margin-bottom: 3px; } #checkout select { background-color:#fff; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; box-shadow:1px 1px 2px #ccc; border: none; padding: 5px; width: 100%; position: relative; color: #4c4c4c; font: 12px/19px Georgia, "Times New Roman", serif; outline: none; vertical-align: middle; cursor: default; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; margin-top: 3px; } #order_review { width: 100%; } #order_review table { width: 100%; margin: 40px 0px 20px 0px; } #order_review br, #order_review table p, #order_review table .minus, #order_review table .plus { display: none; } #order_review table tr { border-bottom: 5px solid #efefef; } #order_review table tr:hover { background:#fff; border-bottom: 5px solid #dedede; } #order_review table tr th { background: #efefef; padding: 10px 0px; color: #636363; font: 16px/28px Georgia, "Times New Roman", serif; } #order_review table tr th.name-header { width: 150px; text-align: left; padding: 0px 15px; background: #efefef; color: #636363; font: 16px/28px Georgia, "Times New Roman", serif; } #order_review table tr td { vertical-align: middle; text-align: center; padding: 10px 0px; color: #464646; font: 16px/24px Georgia, "Times New Roman", serif; } #order_review table tr td a { color: #464646; } #order_review table tr td a:hover { text-decoration: underline; } #order_review table tr td.red { color: #78bf49; } #order_review table tr td.thumb img { width: 30px; height: 30px; border: 2px solid #efefef; } #order_review table tr td.qty input { color: #636363; font: 13px/23px Georgia, "Times New Roman", serif; color: #636363; padding: 0px 5px; width: 29px; height: 23px; background: url(images/qty-input.png) no-repeat; border: none; outline: none; } #order_review table tr td.name { width: 150px; text-align: left; padding: 0px 15px; } #order_review table .variation dt{ display: inline; color: #656464; padding-right: 3px; font-size: 12px; } #order_review table .variation dd{ display: inline; color: #656464; font-weight: bold; padding-right: 10px; font-size: 12px; } #payment { padding-top: 5px; } #payment ul { margin-left: 0; } #payment ul li{ list-style-type: none; } #payment ul li img { vertical-align: middle; } #payment .payment_box { padding-left: 25px; } /** ORDER REVIEW **/ .order_details { width: 100%; margin: 30px 0px 30px 0px; } .order_details br, .order_details p, .order_details .minus, .order_details .plus { display: none; } .order_details tr { border-bottom: 5px solid #efefef; } .order_details tr:hover { background:#fff; border-bottom: 5px solid #dedede; } .order_details tr th { background: #efefef; padding: 10px 0px; color: #636363; font: 16px/28px Georgia, "Times New Roman", serif; } .order_details tr th.name-header { width: 150px; text-align: left; padding: 0px 15px; background: #efefef; color: #636363; font: 16px/28px Georgia, "Times New Roman", serif; } .order_details tr td { vertical-align: middle; text-align: center; padding: 10px 0px; color: #464646; font: 16px/24px Georgia, "Times New Roman", serif; } .order_details tr td a { color: #464646; } .order_details tr td a:hover { text-decoration: underline; } .order_details tr td.red { color: #78bf49; } .order_details tr td.thumb img { width: 30px; height: 30px; border: 2px solid #efefef; } .order_details tr td.qty input { color: #636363; font: 13px/23px Georgia, "Times New Roman", serif; color: #636363; padding: 0px 5px; width: 29px; height: 23px; background: url(images/qty-input.png) no-repeat; border: none; outline: none; } .order_details tr td.name { width: 150px; text-align: left; padding: 0px 15px; } .order_details .variation dt{ display: inline; color: #656464; padding-right: 3px; font-size: 12px; } .order_details .variation dd{ display: inline; color: #656464; font-weight: bold; padding-right: 10px; font-size: 12px; } .customer_details { margin-bottom: 20px; } .customer_details dt { font-weight: bold; padding-right: 15px; margin-bottom: 10px; } .customer_details dd{ margin-bottom: 10px; } .addresses { } .addresses .col-1 { width: 45%; float: left; } .addresses .col-2{ width: 45%; float: right; } /** BLOG **/ #blog { width: 700px; float: left; margin: 0px 0px 40px 0px; } #blog h3.main-heading { position: relative; background: url(images/heading-ruler.png) 0px 10px repeat-x; color: #464646; font: 24px/24px Georgia, "Times New Roman", serif; margin: 0px 0px 40px 0px; } #blog h3.main-heading span { background:url(images/bg.png) center center; padding-right:10px; } #blog .post { background: #fff; margin: 0px 0px 20px 0px; padding: 0px 0px 20px; border: 1px solid #f4f3f4; } #blog .last { margin: 0px 0px 0px 0px; } #blog .post .post-feature-image { width: 700px; text-align: center; display: block; } #blog .post .post-feature-image img { display: block; margin: auto; } #blog .post .header { margin: 0px 0px 20px; position: relative; padding: 0px; width: 700px; background: #FAFAFA; border-bottom:1px solid #F4F3F4; } #blog .post .header .meta { margin: 0px 16px 0px 0px; border-right: 2px solid #d3d3d3; float: left; width: 93px; } #blog .post .header .meta .date { margin-right: 9px; float: left; font: 45px/54px Georgia, "Times New Roman", serif; color: #888888; } #blog .post .header .meta .month-year { margin: 10px 0px 0px; float: left; } #blog .post .header .meta .month-year span { display: block; font: 18px/18px Georgia, "Times New Roman", serif; color: #606060; } #blog .post .header .arrow { display: block; background: url(images/post-header-arrow.png) no-repeat; width: 21px; height: 11px; position: absolute; top: -10px; left: 24px; } #blog .post .header .title {} #blog .post .header .title h2, #blog .post .header .title h1 { font: 32px/44px Georgia, "Times New Roman", serif; color: #5f5f5f; } #blog .post .header .title h2 a, #blog .post .header .title h1 a { color: #5f5f5f;padding:20px 0px; display:block; text-align:center;} #blog .post .header .title h2 a:hover, #blog .post .header .title h1 a:hover { text-decoration: underline; } #blog .post .header .title p {text-align:center; color: 9e9e9e; font: 13px/24px Georgia, "Times New Roman", serif; padding:10px 15px;} #blog .post .header .title p span { color: #a7a49c; font: 13px/24px Georgia, "Times New Roman", serif; } #blog .post .header .title p span a { color: #49aba8; font: 13px/24px Georgia, "Times New Roman", serif; } #blog .post p.post-detail { margin: 0px 0px 18px; padding: 0px 18px; color: #464646; font: 16px/28px Georgia, "Times New Roman", serif; } #blog .post a.read-more { margin: 0px 0px 0px 20px; text-align:center; display: block; color: #545454; cursor: pointer; font: 16px/33px Georgia, "Times New Roman", serif; width: 84px; height: 33px; background: url(images/green/continue-btn.png) top no-repeat; border: none; outline: none; } #blog .post a.read-more:hover { background-position: bottom; color: #fff; } #blog .post div.page-single { margin: 0px 0px 18px; padding: 0px 18px; color: #464646; font: 16px/28px Georgia, "Times New Roman", serif; position:relative; } #blog .post div.page-single p:last-child { margin-bottom: 0px; } /** BLOG AUTHOR **/ .author { background: #fff; margin: 0px 0px 20px 0px; border: 1px solid #f4f3f4; width: 660px; height: auto; padding: 22px 20px; } .author .author-avatar { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; text-align: center; width: 93px; margin: 0px 20px 0px 0px; float: left; display: block; border: 1px solid #f4f3f4; } .author .author-detail { width: 545px; float: right; } .author .author-detail h4 span { color: #5f5f5f; font: 16px/28px Georgia, "Times New Roman", serif; } .author .author-detail h4 a { color: #49aba8; font: 16px/28px Georgia, "Times New Roman", serif; } .author .author-detail p.meta { font: 13px/24px Georgia, "Times New Roman", serif; } .author .author-detail p.meta span { color: #a7a7a7 } .author .author-detail p.meta a { color: #49aba8; } .author .author-detail p.paragraph { font: 16px/28px Georgia, "Times New Roman", serif; color: #464646; } /** COMMENTS **/ .comments {} .comments .heading { margin: 0px 0px 20px 0px; color: #49aba8; font: 20px/28px Georgia, "Times New Roman", serif; padding: 0 20px; } .comments .comment-list { margin: 0px 0px 20px 0px; } .comments .comment-list .children {margin-left: 2em; margin-bottom: 0.5em;} .comments .comment-list li { background: #fff; border: 1px solid #f4f3f4; padding: 22px 20px; } .comments .comment-list .comment-avatar { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; text-align: center; width: 93px; margin: 0px 20px 0px 0px; float: left; display: block; border: 1px solid #f4f3f4; } .comments .comment-list .comment-detail { } .comments .comment-list .comment-detail h4 { font: 15px/28px Georgia, "Times New Roman", serif; } .comments .comment-list .comment-detail h4 span { color: #5f5f5f; } .comments .comment-list .comment-detail h4 a { color: #49aba8; } .comments .comment-list .comment-detail p { font: 16px/28px Georgia, "Times New Roman", serif; color: #464646; } .comments .comment-list .comment-detail .reply { float: right; margin: 15px 0px 0px 20px; text-align:center; display: block; color: #545454; cursor: pointer; font: 16px/28px Georgia, "Times New Roman", serif; width: 84px; height: 33px; background: url(images/green/continue-btn.png) top no-repeat; border: none; outline: none; } .comments .comment-list .comment-detail .reply:hover { background-position: bottom; color: #fff; } .comments .comment-form { margin: 0px 0px 20px 0px; } .comments .comment-form div { background: #fff; width: 660px; border: 1px solid #f4f3f4; padding: 22px 20px; } .comments .comment-form h3 { padding: 0px 20px; margin: 0px 0px 20px 0px; color: #49aba8; font: 20px/28px Georgia, "Times New Roman", serif; } .comments .comment-form h3 a { color: #49aba8; } .comments .comment-form input { color: #848484; font: 15px Georgia, "Times New Roman", serif; width: 253px; height: 23px; background: url(images/comment-form-input.png) no-repeat; border: none; outline: none; padding: 5px 10px; } .comments .comment-form textarea { color: #848484; font: 15px/28px Georgia, "Times New Roman", serif; resize: none; width: 467px; height: 124px; background: url(images/comment-form-textarea.png) no-repeat; border: none; outline: none; padding: 10px; } .comments .comment-form label { width: 120px; float: left; color: #848484; font: 15px/28px Georgia, "Times New Roman", serif; } .comments .comment-form fieldset { position: relative; margin: 0px 0px 20px 0px; } .comments .comment-form fieldset.submit-button { margin: 0px 0px 0px 0px; } .comments .comment-form .submit { float: right; margin: 0px 50px 0px 0px; text-align:center; color: #545454; cursor: pointer; font: 16px/28px Georgia, "Times New Roman", serif; width: 84px; height: 33px; background: url(images/green/continue-btn.png) top no-repeat; border: none; outline: none; } .comments .comment-form .submit:hover { background-position: bottom; color: #fff; } /** CONTACT **/ #contact { width: 700px; float: left; margin: 0px 0px 40px 0px; } #contact h3.main-heading { position: relative; background: url(images/heading-ruler.png) 0px 10px repeat-x; color: #464646; font: 24px/24px Georgia, "Times New Roman", serif; margin: 0px 0px 40px 0px; } #contact h3.main-heading span { background:url(images/bg.png) center center; padding-right:10px; } #contact h4.sub-heading { padding: 0px 20px; margin: 0px 0px 20px 0px; color: #49aba8; font: 20px/28px Georgia, "Times New Roman", serif; } #contact .comments .comment-form div { background: #fff; } #contact .address { background: #fff; width: 660px; border: 1px solid #f4f3f4; padding: 22px 20px; margin: 0px 0px 20px 0px; } #contact .address em { color: #858585; font: 16px/18px Georgia, "Times New Roman", serif; } #contact .address p { margin: 0px 0px 20px 0px; color: #858585; font: 15px/18px Georgia, "Times New Roman", serif; } #contact #map_canvas { width: 650px; height: 300px; background:#fff; border:5px solid #fff; -webkit-box-shadow: 0px 0px 2px 0px #aaa; -moz-box-shadow: 0px 0px 2px 0px #aaa; box-shadow: 0px 0px 2px 0px #aaa; } .comment-form label.error { display: block !important; width: 300px; margin: 10px 0px 0px 120px; color: red !important; clear: both; float: none;} .comment-form input.valid { color: green; } .comment-form { position: relative; } .comment-form #loader { margin:10px auto; display:block; display:none;} .comment-form #result { color: #858585; font: 15px/18px Georgia, "Times New Roman", serif; display: none;} .comment-form { margin: 20px 0px !important; } /** BLOCK SHORTCODE **/ .wpts-block { background: #fff; width: auto; border: 1px solid #f4f3f4; padding: 22px 20px; margin: 0px 0px 20px 0px; } .wpts-block em { color: #858585; font: 16px/18px Georgia, "Times New Roman", serif; } .wpts-block p { margin: 0px 0px 20px 0px; color: #858585; font: 15px/18px Georgia, "Times New Roman", serif; } .wpts-block #map_canvas { width: 650px; height: 300px; background:#fff; border:5px solid #fff; -webkit-box-shadow: 0px 0px 2px 0px #aaa; -moz-box-shadow: 0px 0px 2px 0px #aaa; box-shadow: 0px 0px 2px 0px #aaa; } .map_canvas { width: auto; height: 300px; background:#fff; border:5px solid #fff; -webkit-box-shadow: 0px 0px 2px 0px #aaa; -moz-box-shadow: 0px 0px 2px 0px #aaa; box-shadow: 0px 0px 2px 0px #aaa; } h4.wpts-sub-heading { padding: 0px 20px; margin: 0px 0px 20px 0px !important; color: #49aba8; font: 20px/28px Georgia, "Times New Roman", serif; } /** PAGE-SINGLE **/ .page-single .main-heading { position: relative; background: url(images/heading-ruler.png) 0px 10px repeat-x; color: #464646; font: 24px/24px Georgia, "Times New Roman", serif; margin: 0px 0px 40px 0px; } .page-single .main-heading span {background:#fff; padding-right:10px; } .page-single { color: #464646; font-family: Georgia, "Times New Roman", serif; margin-bottom: 40px;} .page-single h1 { color: #49aba8; font:30px/36px; margin-bottom:15px; } .page-single h2 { color: #49aba8; font:26px/32px; margin-bottom:13px; } .page-single h3 { color: #49aba8; font:22px/30px; margin-bottom:10px; } .page-single h4 { color: #49aba8; font:18px/26px; margin-bottom:10px; } .page-single h5 { color: #49aba8; font:16px/24px; margin-bottom:10px; } .page-single h6 { color: #49aba8; font:14px/22px; margin-bottom:10px; } .page-single p { font:14px/22px; margin-bottom:15px; } .page-single strong { font:16px/28px; font-weight:bold; } .page-single a{ color: #49aba8; } .page-single a:hover{ color: gray; } .page-single ul{ margin:15px 10px 15px 20px; } .page-single ol{ margin:15px 10px 15px 20px; } .page-single li{ list-style:disc outside; margin-bottom:10px; } .page-single ol li{ list-style:decimal outside; } .page-single blockquote{ font:16px/24px; margin:15px 10px; padding:10px 15px; background:#f7f7f7; border:1px solid #e8e8e8;} .page-single .buttons { margin: 0px 0px 20px 0px; } .page-single .buttons a { margin: 0px 10px 10px 0px; } .page-single .lists ul { float:left; width: 300px; margin: 0px 20px 100px 0px; } .page-single .lists ul.last { margin: 0; } .page-sidebar { width: 700px; margin: 0 0 40px; float: left; } .page-sidebar h3.main-heading { position: relative; background: url(images/heading-ruler.png) 0px 10px repeat-x; color: #464646; font: 24px/24px Georgia, "Times New Roman", serif; margin: 0px 0px 20px 0px; } .page-sidebar h3.main-heading span { background:url(images/bg.png) center center; padding-right:10px; } .page-sidebar h4.sub-heading { padding: 0px 20px; margin: 0px 0px 20px 0px; color: #49aba8; font: 20px/28px Georgia, "Times New Roman", serif; } /** TABS **/ .page-tabs { margin: 0px 0px 20px 0px; } .page-tabs .tabs { overflow:hidden; margin: 0px !important; } .page-tabs .tabs li{ cursor: pointer; background:none; float:left; margin: 0px 5px 0px 0px; list-style: none; margin-bottom: 0px; } .page-tabs .tabs li a{ display:inline-block; padding: 8px 22px; background:#f2f2f2; border: 1px solid #e0dede; border-bottom: none; border-top-right-radius: 5px; border-top-left-radius: 5px; font: 16px/16px Georgia, "Times New Roman", serif; color:#2a2a2a; } .page-tabs .tabs li a.current{ background:#fff; color: #49aba8 } .page-tabs .panes .tab-pane{ background:#fff; padding:20px 15px; border: 1px solid #e0dede; font: 16px/28px Georgia, "Times New Roman", serif; color:#848382; } .page-tabs .panes .tab-pane p{ margin-bottom:0px;} /** BUTTONS **/ .button, .navigation a { display: inline-block; cursor: pointer; font: 13px Georgia, "Times New Roman", serif; } .button span , .navigation span{ color: #fff !important; } .button.white span{ color: #666666 !important; } .button.gray span{ color: #666666 !important; } .woocommerce_message .button { border: 1px solid #96CEEB; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(255,255,255,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #CEEDFD; background-image: -moz-linear-gradient(top, #CEEDFD, #b5d8ea); background-image: -ms-linear-gradient(top, #CEEDFD, #b5d8ea); background-image: -o-linear-gradient(top, #CEEDFD, #b5d8ea); background-image: -webkit-gradient(linear, center top, center bottom, from(#CEEDFD), to(#b5d8ea)); background-image: -webkit-linear-gradient(top, #CEEDFD, #b5d8ea); background-image: linear-gradient(top, #CEEDFD, #b5d8ea); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#CEEDFD', endColorstr = '#b5d8ea'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#CEEDFD', endColorstr = '#b5d8ea')"; padding: 9px 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #357EA5 !important; text-decoration: none !important; margin-right: 10px; } #sidebar .button, .navigation a, #ship .button, #checkout .button, #order_review .button, .login .button, .track_order .button, .order-actions .button, #edit-address .button { border: 1px solid #369693; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 0px 0px rgba(142,212,210,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 0px 0px rgba(142,212,210,0.7); text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(0,0,0,0.3); background-color: #71c6c3; background-image: -moz-linear-gradient(top, #71c6c3, #4aaba8); background-image: -ms-linear-gradient(top, #71c6c3, #4aaba8); background-image: -o-linear-gradient(top, #71c6c3, #4aaba8); background-image: -webkit-gradient(linear, center top, center bottom, from(#71c6c3), to(#4aaba8)); background-image: -webkit-linear-gradient(top, #71c6c3, #4aaba8); background-image: linear-gradient(top, #71c6c3, #4aaba8); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#71c6c3', endColorstr = '#4aaba8'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#71c6c3', endColorstr = '#4aaba8')"; padding: 9px 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff !important; } .button.default-button { border: 1px solid #369693; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 0px 0px rgba(142,212,210,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 0px 0px rgba(142,212,210,0.7); text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(0,0,0,0.3); background-color: #71c6c3; background-image: -moz-linear-gradient(top, #71c6c3, #4aaba8); background-image: -ms-linear-gradient(top, #71c6c3, #4aaba8); background-image: -o-linear-gradient(top, #71c6c3, #4aaba8); background-image: -webkit-gradient(linear, center top, center bottom, from(#71c6c3), to(#4aaba8)); background-image: -webkit-linear-gradient(top, #71c6c3, #4aaba8); background-image: linear-gradient(top, #71c6c3, #4aaba8); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#71c6c3', endColorstr = '#4aaba8'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#71c6c3', endColorstr = '#4aaba8')"; } .button.green { border: 1px solid #369693; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 0px 0px rgba(142,212,210,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 0px 0px rgba(142,212,210,0.7); text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(0,0,0,0.3); background-color: #71c6c3; background-image: -moz-linear-gradient(top, #71c6c3, #4aaba8); background-image: -ms-linear-gradient(top, #71c6c3, #4aaba8); background-image: -o-linear-gradient(top, #71c6c3, #4aaba8); background-image: -webkit-gradient(linear, center top, center bottom, from(#71c6c3), to(#4aaba8)); background-image: -webkit-linear-gradient(top, #71c6c3, #4aaba8); background-image: linear-gradient(top, #71c6c3, #4aaba8); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#71c6c3', endColorstr = '#4aaba8'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#71c6c3', endColorstr = '#4aaba8')"; } .button.black { color: #ffffff; border: 1px solid #202020; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(81,81,81,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(81,81,81,0.7); text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(0,0,0,0.3); background-color: #202020; background-image: -moz-linear-gradient(top, #202020, #000000); background-image: -ms-linear-gradient(top, #202020, #000000); background-image: -o-linear-gradient(top, #202020, #000000); background-image: -webkit-gradient(linear, center top, center bottom, from(#202020), to(#000000)); background-image: -webkit-linear-gradient(top, #202020, #000000); background-image: linear-gradient(top, #202020, #000000); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#202020', endColorstr = '#000000'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#202020', endColorstr = '#000000')"; } .button.gray { color: #5d5d5d; border: 1px solid #bebebe; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #d9d9d9; background-image: -moz-linear-gradient(top, #d9d9d9, #cecece); background-image: -ms-linear-gradient(top, #d9d9d9, #cecece); background-image: -o-linear-gradient(top, #d9d9d9, #cecece); background-image: -webkit-gradient(linear, center top, center bottom, from(#d9d9d9), to(#cecece)); background-image: -webkit-linear-gradient(top, #d9d9d9, #cecece); background-image: linear-gradient(top, #d9d9d9, #cecece); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#d9d9d9', endColorstr = '#cecece'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#d9d9d9', endColorstr = '#cecece')"; } .button.white { color: #747474; border: 1px solid #c2c3c3; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(255,255,255,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #f6f6f6; background-image: -moz-linear-gradient(top, #f6f6f6, #f0f0f0); background-image: -ms-linear-gradient(top, #f6f6f6, #f0f0f0); background-image: -o-linear-gradient(top, #f6f6f6, #f0f0f0); background-image: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#f0f0f0)); background-image: -webkit-linear-gradient(top, #f6f6f6, #f0f0f0); background-image: linear-gradient(top, #f6f6f6, #f0f0f0); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#f0f0f0'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#f0f0f0')"; } /*== More Colors ==*/ .button.red { border: 1px solid #a81919; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #e62727; background-image: -moz-linear-gradient(top, #e62727, #cf2222); background-image: -ms-linear-gradient(top, #e62727, #cf2222); background-image: -o-linear-gradient(top, #e62727, #cf2222); background-image: -webkit-gradient(linear, center top, center bottom, from(#e62727), to(#cf2222)); background-image: -webkit-linear-gradient(top, #e62727, #cf2222); background-image: linear-gradient(top, #e62727, #cf2222); -filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#e62727', endColorstr = '#cf2222'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#e62727', endColorstr = '#cf2222')"; } .button.orange { border: 1px solid #c24a06; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #ff5c00; background-image: -moz-linear-gradient(top, #ff5c00, #e85f11); background-image: -ms-linear-gradient(top, #ff5c00, #e85f11); background-image: -o-linear-gradient(top, #ff5c00, #e85f11); background-image: -webkit-gradient(linear, center top, center bottom, from(#ff5c00), to(#e85f11)); background-image: -webkit-linear-gradient(top, #ff5c00, #e85f11); background-image: linear-gradient(top, #ff5c00, #e85f11); -filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ff5c00', endColorstr = '#e85f11'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ff5c00', endColorstr = '#e85f11')"; } .button.magenta { background-color: #A9014B; border: 1px solid #770b3b; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #A9014B; background-image: -moz-linear-gradient(top, #A9014B, #910d47); background-image: -ms-linear-gradient(top, #A9014B, #910d47); background-image: -o-linear-gradient(top, #A9014B, #910d47); background-image: -webkit-gradient(linear, center top, center bottom, from(#A9014B), to(#910d47)); background-image: -webkit-linear-gradient(top, #A9014B, #910d47); background-image: linear-gradient(top, #A9014B, #910d47); -filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#A9014B', endColorstr = '#910d47'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#A9014B', endColorstr = '#910d47')"; } .button.yellow { background-color: #ffb515; border: 1px solid #c48c13; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #ffb515; background-image: -moz-linear-gradient(top, #ffb515, #e8a71a); background-image: -ms-linear-gradient(top, #ffb515, #e8a71a); background-image: -o-linear-gradient(top, #ffb515, #e8a71a); background-image: -webkit-gradient(linear, center top, center bottom, from(#ffb515), to(#e8a71a)); background-image: -webkit-linear-gradient(top, #ffb515, #e8a71a); background-image: linear-gradient(top, #ffb515, #e8a71a); -filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffb515', endColorstr = '#e8a71a'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffb515', endColorstr = '#e8a71a')"; } .button.blue { background-color: #00ADEE; border: 1px solid #0589bb; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #00ADEE; background-image: -moz-linear-gradient(top, #00ADEE, #089ed6); background-image: -ms-linear-gradient(top, #00ADEE, #089ed6); background-image: -o-linear-gradient(top, #00ADEE, #089ed6); background-image: -webkit-gradient(linear, center top, center bottom, from(#00ADEE), to(#089ed6)); background-image: -webkit-linear-gradient(top, #00ADEE, #089ed6); background-image: linear-gradient(top, #00ADEE, #089ed6); -filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#00ADEE', endColorstr = '#089ed6'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#00ADEE', endColorstr = '#089ed6')"; } .button.pink { background-color: #e22092; border: 1px solid #b40c6f; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #e22092; background-image: -moz-linear-gradient(top, #e22092, #d01382); background-image: -ms-linear-gradient(top, #e22092, #d01382); background-image: -o-linear-gradient(top, #e22092, #d01382); background-image: -webkit-gradient(linear, center top, center bottom, from(#e22092), to(#d01382)); background-image: -webkit-linear-gradient(top, #e22092, #d01382); background-image: linear-gradient(top, #e22092, #d01382); -filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#e22092', endColorstr = '#d01382'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#e22092', endColorstr = '#d01382')"; } .button.rosy { border: 1px solid #c04150; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(230,230,230,0.7); text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(0,0,0,0.3); background-color: #F16C7C; background-image: -moz-linear-gradient(top, #F16C7C, #da5363); background-image: -ms-linear-gradient(top, #F16C7C, #da5363); background-image: -o-linear-gradient(top, #F16C7C, #da5363); background-image: -webkit-gradient(linear, center top, center bottom, from(#F16C7C), to(#da5363)); background-image: -webkit-linear-gradient(top, #F16C7C, #da5363); background-image: linear-gradient(top, #F16C7C, #da5363); -filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#F16C7C', endColorstr = '#da5363'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#F16C7C', endColorstr = '#da5363')"; } /*== Sizes ==*/ .small { padding: 9px 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .large { padding: 12px 22px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .medium { padding: 9px 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .rounded { padding: 9px 18px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; } /** ACCORDION **/ .accordion { margin: 0px 0px 20px 0px; } .accordion .tab h4 { padding: 0px 0px 0px 24px; background: url(images/accordion-arrow.png) left top no-repeat; color: #636363; font: 16px/20px Georgia, "Times New Roman", serif; margin-bottom: 0px; } .accordion .current h4{ background-position: left bottom; } .accordion .pane p { font: 16px/20px Georgia, "Times New Roman", serif; color: #4c4c4c; margin-bottom:0px; } .accordion div.pane{ margin: 0px 0px 0px 0px; background: #f8f8f8; padding: 20px; } .accordion .tab { background: #f4f4f4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; padding:8px; cursor:pointer; -moz-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(235,236,236,0.5), inset 0px 1px 1px rgba(255,255,255,0.7); } /** ALERT-MESSAGES **/ /* wpts/shortcodes/wpts_shortcodes.css */ /** LIST-STYLES **/ .arrow-1 ul, .arrow-2 ul, .arrow-3 ul { margin-left: 0 !important; } .arrow-1 li { list-style: none; margin-bottom: 0px; padding: 0px 20px; background: url(images/li-Bg-1.png) left center no-repeat; color: #656464; font: 16px/35px Georgia, "Times New Roman", serif; } .arrow-1 li a { color: #656464; } .arrow-2 li { list-style: none; margin-bottom: 0px; padding: 0px 20px; background: url(images/li-Bg-2.png) left center no-repeat; color: #656464; font: 16px/35px Georgia, "Times New Roman", serif; } .arrow-2 li a { color: #656464; } .arrow-3 li { list-style: none; margin-bottom: 0px; padding: 0px 20px; background: url(images/li-Bg-3.png) left center no-repeat; color: #656464; font: 16px/35px Georgia, "Times New Roman", serif; } .arrow-3 li a { color: #656464; } /* COLUMNS */ /* Inside /wpts/shortcodes/wpts_shortcodes.css */ /** CLOUD-ZOOM **/ .cloud-zoom-lens { border: 4px solid #888; margin: -4px; background-color:#fff; cursor:move; } .cloud-zoom-big { border:4px solid #ccc; overflow:hidden; top: -4px !important; width: 511px !important; left: 414px !important; } .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } /*=== WP DEFAULT CLASSES ===*/ .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .alignnone, img.alignnone { /* not sure about this one */ } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 5px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0; margin-bottom: 0; } /*=== */ .row { margin-bottom: 30px; } .row.remove-bottom { margin-bottom: 0px; } /*== STARS ==*/ .star-rating{float:right;width:80px;height:16px;background:url(images/star.png) repeat-x left 0; margin-top: 2px;} .star-rating span{background:url(images/star.png) repeat-x left -32px;height:0;padding-top:16px;overflow:hidden;float:left} .hreview-aggregate .star-rating{margin:10px 0 0 0} /*== PRODUCT COMMENTS ==*/ #reviews { } #reviews #comments { padding: 20px 0px; } #reviews #comments a, #reviews #comments span { color: #49ABA8; } #reviews #comments .comment { margin-bottom: 20px; } #reviews #comments .comment:last-child { margin-bottom: 0px; } #reviews #comments .comment img { display: block; width: 60px; height: 60px; float: left; padding: 8px; border: 1px solid #eee; background-color: #ffffff; } #reviews #comments .comment .comment-text { padding-left: 95px; } #reviews #comments .comment .comment-text .meta { font-weight: bold; } #reviews #comments .comment .comment-text .clear { clear: both; } /*== ADD A REVIEW ==*/ #reviews #respond { } #reviews #respond h3 { text-transform: uppercase; margin-bottom: 25px; padding-top: 15px; } #reviews #respond p { margin-bottom: 20px; } #reviews #respond input[type="text"] { color: #848484; font: 15px Georgia, "Times New Roman", serif; width: 253px; height: 23px; background: url(images/comment-form-input.png) no-repeat; border: none; outline: none; padding: 5px 10px; margin-left: 20px; } #reviews #respond textarea { color: #848484; font: 15px/28px Georgia, "Times New Roman", serif; resize: none; width: 467px; height: 124px; background: url(images/comment-form-textarea.png) no-repeat; border: none; outline: none; padding: 10px; } #reviews #respond #your-comment { display: block; } p.stars:after{content:"";display:block;clear:both}p.stars span{width:80px;height:16px;position:relative;float:left;background:url(images/star.png) repeat-x left 0}p.stars span a{float:left;position:absolute;left:0;top:0;width:16px;height:0;padding-top:16px;overflow:hidden}p.stars span a:hover,p.stars span a:focus{background:url(images/star.png) repeat-x left -16px}p.stars span a.active{background:url(images/star.png) repeat-x left -32px}p.stars span a.star-1{width:16px;z-index:10}p.stars span a.star-2{width:32px;z-index:9}p.stars span a.star-3{width:48px;z-index:8}p.stars span a.star-4{width:64px;z-index:7}p.stars span a.star-5{width:80px;z-index:6} #reviews #respond #submit { text-align:center; color: #545454; cursor: pointer; font: 16px/28px Georgia, "Times New Roman", serif; width: 84px; height: 33px; background: url(images/green/continue-btn.png) top no-repeat; border: none; outline: none; } #reviews #respond #submit:hover { background-position: bottom; color: #fff; } .comments .comment-form { margin: 0px 0px 20px 0px; } .comments .comment-form div { background: #fff; width: 660px; border: 1px solid #f4f3f4; padding: 22px 20px; } .comments .comment-form h3 { padding: 0px 20px; margin: 0px 0px 20px 0px; color: #49aba8; font: 20px/28px Georgia, "Times New Roman", serif; } .comments .comment-form h3 a { color: #49aba8; } .comments .comment-form input { color: #848484; font: 15px Georgia, "Times New Roman", serif; width: 253px; height: 23px; background: url(images/comment-form-input.png) no-repeat; border: none; outline: none; padding: 5px 10px; } .comments .comment-form textarea { color: #848484; font: 15px/28px Georgia, "Times New Roman", serif; resize: none; width: 467px; height: 124px; background: url(images/comment-form-textarea.png) no-repeat; border: none; outline: none; padding: 10px; } .comments .comment-form label { width: 120px; float: left; color: #848484; font: 15px/28px Georgia, "Times New Roman", serif; } .comments .comment-form fieldset { position: relative; margin: 0px 0px 20px 0px; } .comments .comment-form fieldset.submit-button { margin: 0px 0px 0px 0px; } .comments .comment-form .submit { float: right; margin: 0px 50px 0px 0px; text-align:center; color: #545454; cursor: pointer; font: 16px/28px Georgia, "Times New Roman", serif; width: 84px; height: 33px; background: url(images/green/continue-btn.png) top no-repeat; border: none; outline: none; } .comments .comment-form .submit:hover { background-position: bottom; color: #fff; } #average-review { padding-bottom: 30px; } #average-review h3 { } #average-review .star-rating { float: none; clear: both; } /*== PRODUCT ATTRIBUTES ==*/ .shop_attributes { padding: 20px 0; margin-top: 5px; } .shop_attributes th{ text-align: left; padding: 8px 10px 8px 5px; font-weight: bold; } /*== PRODUCT DESCRIPTION ==*/ #product-description { padding-top: 15px; padding-left: 5px; margin-bottom: 0; } /*== NAVIGATION ==*/ .navigation { padding-top: 30px; } .navigation .nav-previous { float: left; text-align: center; } .navigation .nav-next { float: right; text-align: center; } #blog-nav { padding-top: 0px; } #blog-nav-top { padding-bottom: 25px; padding-top: 0px; } .woocommerce_error { margin-bottom: 20px !important; }