/* CSS Document */ @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro&subset=latin,latin-ext); /* Reset ---------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } .description { font-size:12px; } .description-big { font-size:13px; } input { margin-right: 10px; } .small { font-size:11px; } legend { font-size:18px; padding-bottom:3px } .hidden { display:none; } .form-border { padding: 5px; border: solid 2px #CCC; color: #444; margin:30px; } .form-border legend { outline: 5px; padding: 3px 5px; margin-left:10px; font-weight: bold; background:#ffe8aa; } .form-input { font-family: Verdana,Geneva,sans-serif; font-size: 12pt; background: #FFF; padding: 2px 5px; margin-left: 10px; } /* remember to define focus styles! */ :focus { outline: 0; } html { overflow-Y: scroll; } body { color: #444; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; background:url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design2/bg.png) repeat-x center top #fff; } html, body {height: 100%;} #wrap {min-height: 100%;} ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } table thead th{ text-align: center; font-weight: bold; } caption, th, td { font-weight: normal; vertical-align:top; align:left; text-align: left; } td.numericcell, td.textcell { padding-left:10px; } table.cellcenter td { align:center; text-align: center; display: table-cell; vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } select { border:1px #abadb3 solid; height:23px; padding:1px; font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#231f20; } .clear { clear:both; } a { text-decoration:underline; color:#231f20; } a:hover { text-decoration:none; color:#231f20; } em, i { font-style:italic; } b, strong { font-weight:bold; } .fl, .f-left {float:left;} .fr, .f-right {float:right;} .a-center {text-align:center;} .a-right {text-align:right;} .a-left {text-align:left;} /* Main ---------------------------------------------------*/ .header { width:1200px; height:96px; margin:0 auto; } .logo { float:left; width:205px; padding:15px 0 0 5px; } .headerCenter { float:left; width:500px; text-align:center; padding:0px 0 0 50px; } .cart { float:right; margin:0 40px 0 0px; width:160px; padding:10px 0px 7px 10px; line-height:22px; font-size:12px; background:#fff; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.11); box-shadow: 0 0 16px rgba(0, 0, 0, 0.11); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .cart a:hover{ text-decoration:underline; } .cart b { font-weight:bold; font-size:15px; } .homeBottomHolder { border-top:1px #b4b5b5 solid; } .homeBottom { width:940px; margin:0 auto; padding:0 0 26px 0; } .homeBottom .title { line-height:36px; text-transform:uppercase; padding:0 0 0 12px; font-size:14px; color:#231f20; font-weight:bold; } .homeBottom .box { width:278px; font-size:11px; color:#231f20; line-height:17px; float:left; margin:0 17px 20px 0; padding:8px 11px 8px 11px; border:1px #cdcdcd solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .homeBottom .box p { padding-bottom:7px; } .homeBottom h3 { text-transform:uppercase; font-size:13px; line-height:20px; font-weight:bold; } .homeBottom ul, .homeBottom ol { padding:5px 0px 5px 20px; } .homeBottom li { list-style: square; } .homeBottom p { padding: 5px 0px; } .homeBottom .box2 { width:256px; background:url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design2/gradient.png) repeat-x bottom #fff; float:right; line-height:17px; color:#231f20; margin:0px 0 0 0; border:1px #c0c0c1 solid; border-top:none; padding:10px 22px 8px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .homeBottom .box2 li { padding:14px 0 14px 80px; list-style: none; } .homeBottom .box2 ul { padding:0 0; } .homeBottom .box2 h3 { text-transform:uppercase; font-size:14px; line-height:20px; font-weight:bold; } .homeBottom .box2 .icon { display:block; width:70px; margin:0 0 0 -80px; float:left; text-align:center; padding:5px 0 0 0; } .lines123 { font-size:13px; line-height:22px; color:#666; font-weight: bold; padding-bottom: 5px; } .homeBottom3 .box2 .box123 p{ font-size:12px; color:#666; } .digits123 { margin:0 3px; padding:0 7px 1px 6px; font-size:16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; font-weight: bold; border-radius:12px; -moz-border-radius:1em; -webkit-border-radius:1em; background-color:#c35a5a; } .prices { text-align:center; font-size:14px; line-height:18px; } .old-price { color:#FF6666; font-size:13px; text-decoration:line-through; } .spec-price { color:#ff8a00; } .alignleft { float:left; margin:0 11px 0 0; } .content { width:950px; margin:0 auto; padding:30px 0; } .content p { padding:6px 0; } .content ul { padding:4px 0; } .content ul li, .text ul li { background:url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design2/bullet.png) no-repeat 3px 9px; padding:4px 0 4px 16px; margin-left:10px; } .insideNavigation { width:960px; margin:0 auto; border-bottom:1px #969798 solid; padding:30px 0 10px; height:160px; text-align:center; } .insideNavigation ul { display:inline-block; } .insideNavigation ul li { float:left; height:160px; padding:0 22px; } .insideNavigation ul li a { display:block; text-align:center; padding:0 15px; text-decoration:none; text-transform:uppercase; line-height:30px; font-size:15px; font-weight:bold; } .insideNavigation ul li.first a, .insideNavigation ul li.first { padding-left:0; } .insideNavigation ul li.last a, .insideNavigation ul li.last { padding-right:0; } .prices_list { width:830px; margin:0 auto; } .price_box { padding:10px 0 40px; } .btn { margin:0; padding:0; background:none; border:none; cursor:pointer; } .btn span { display:inline-block; background:url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design2/btn.png) no-repeat left; line-height:22px; height:22px; padding:0 0 0 10px; } .btn span span { display:inline-block; background:url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design2/btn.png) no-repeat right; line-height:22px; height:22px; padding:0 10px 0 0; color:#fff; font-size:13px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:0 0 2px #cc8406; } h1 { font-size:24px; line-height:28px; padding:10px 0 5px; font-weight:bold; } h2 { font-size:18px; line-height:22px; padding:10px 0 5px; font-weight:bold; } h3 { font-size:15px; padding:5px 0 5px; font-weight:bold; } h4 { font-size:15px; padding:5px 0 5px; } .prices_list .col-left { width:190px; float:left; } .prices_list .col-left h3 { font-size:18px; line-height:24px; padding:0; } .prices_list .col-left p { padding:0 0 12px; } .prices_list .col-right { width:630px; float:right; } .styled th { background:#febe10; line-height:24px; font-size:18px; padding:0 15px; } .styled td { border-bottom:1px #969798 solid; font-size:14px; color:#231f20; line-height:20px; padding:5px 15px; } .shipping { margin:0 -8px; padding:10px 0; } .shipping .box label { display:block; min-height:205px; height:205px; height:auto; } .shipping .title { font-size:15px; } .shipping .box { width:284px; float:left; margin:0 6px; padding:6px 12px; line-height:17px; color:#353233; border:1px #cdcdcd solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .shipping .box p { padding:3px 0 5px; } .shipping .box img { margin:2px 10px 3px 0; } .styled2 { margin:5px 0 8px; } .styled2 th { background:#febe10; line-height:17px; font-size:12px; font-weight:bold; padding:5px 7px; } .styled2 td { font-size:13px; color:#231f20; line-height:17px; padding:5px 7px; } .styled2 a { text-decoration:underline; color:#767676; } .styled2 a:hover { text-decoration:none; color:#767676; } hr { border:none; border-bottom:1px #969798 solid; margin: 15px 0; padding:0; } .col-set { background:url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design2/split.gif) repeat-y 412px 0; } .col-set .col-left { width:412px; float:left; line-height:21px; } .col-set .col-left i { font-style:normal; color:#767676; } .col-set .col-left .col1 { width:210px; float:left; padding:7px 0 0 0; } .col-set .col-left .col2 { width:190px; float:right; padding:7px 5px 0 0; } .col-set .col-right { width:510px; float:right; } .footerHolder { border-top:1px #b4b5b5 solid; } .footer { text-align:center; color:#7d7e7e; padding:10px 0 0 0; width:1000px; margin:0 auto; } .footer a { text-decoration:none; color:#7d7e7e; } .footer a:hover { text-decoration:underline; color:#7d7e7e; } .footer p { padding:0 0 15px; } .footer p.copy { color:#b4b5b5; } .footer p.copy a { text-decoration:underline; color:#b4b5b5; } .footer p.copy a:hover { text-decoration:none; color:#b4b5b5; } /* Header-kalendroiai ---------------------------------------------------*/ /* .header-kalendoriai{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto; background:url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design2/kalendoriai-header.jpg) center no-repeat; width:951px; height:281px; } .asmeniniai{ font-size:22px; float:left; padding:45px 0 0 380px; line-height:18px; } .kalendoria{ font-size:53px; float:left; padding:0px 0 0 430px; color:#7d7d7d; } .tekstas3{ width:500px; font-size:22px; float:left; padding:0px 0 0 530px; color:#322e2f; line-height:22px; } .tekstas3 span{ background-color:#fdb300; padding:0 5px 0 5px; } .tekstas3 div{ margin:20px 0 0 80px; float:left; } */ .geltonas, .mark { background-color:#ffe8aa; padding:0 5px 0 5px; } .markred { color:#EE0000; } .button2, .button { color: #ffffff; background-color:#db8e15; border:double 4px #fdbc53; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding:2px 5px; margin-left:5px; text-align:center; max-width:130px; cursor:hand; cursor:pointer; } .button2:hover, .button:hover { color: #ffffff; background-color:#ffb804; } .prices2{ margin-left:20px; } .prices2 .from { font-weight:bold; font-size:15px; color:#888; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:16px; } .product-txt1{ font-size:18px; float:left; line-height:22px; } .product-txt2{ font-size:22px; float:left; line-height:24px; } .product-txt1 span, .product-txt2 span{ background-color:#ffe7ad; padding:0 5px 0 5px; } .product-txt4{ font-size:50px; float:left; color:#7d7d7d; } .product-txt5{ font-size:73px; float:left; color:#7d7d7d; } .product-txt8{ font-size:15px; float:left; color:#444; } .tekstas4{ width:500px; font-size:22px; float:left; padding:0px 0 0 495px; color:#322e2f; line-height:22px; } /* Atvir ---------------------------------------------------*/ .line{border-top:1px #b4b5b5 solid;} .homeBottomHolder3 { margin:20px auto; width:960px; } .homeBottom3 { width:960px; float:left; padding:0px 0 26px 0; } .homeBottom3 .title { line-height:36px; text-transform:uppercase; padding:0 0 0 12px; font-size:14px; color:#231f20; font-weight:bold; } .homeBottom3 .box2 { width:278px; } .homeBottom3 .box2, .homeBottom3 .box-long { font-size:12px; color:#231f20; line-height:18px; float:left; margin:14px 17px 0 0; padding:8px 11px; border:1px #cdcdcd solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .homeBottom3 .box-long{ width:598px; font-size:13px; } .homeBottom3 .box2 p { padding:6px 0 10px 0; font-size:14px; width:280px; text-align:left; color:#322e2f; margin:0 auto; } .homeBottom3 .box2 img{ margin:-5px 5px -5px 0px; } .homeBottom3 .box2 .box-long p{ width:578px; } .homeBottom3 h3 { text-transform:uppercase; font-size:13px; line-height:20px; font-weight:bold; } /* --------------------- ******************** PLIUS, iš seno *******************/ .centered{margin:0 auto;width:961px;} .totalpanier {float: right; margin-right: 373px; width: 400px;} #personnel, .adresses { float: left; width: 32%; } .errorlist li { font-size: 13px !important; display: block; padding: 4px 5px 4px 25px; margin: 0 0 3px 0; border: 1px solid red; color: white; font-weight: bold; background: #fe5b00 url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/site/bg-orange.png) repeat-x top; } /* FORM ROWS */ .form-row {overflow: hidden;padding: 8px 12px;font-size: 13px;border-bottom: 1px solid #eee;} .form-row img, .form-row input { vertical-align: middle;} form .form-row p {padding-left: 0; font-size: 13px;} /* FORM LABELS */ form h4 {margin: 0 !important;padding: 0 !important; border: none !important;} label {font-weight: normal !important;color: #666;font-size: 13px; padding-right:10px;} .required label, label.required {font-weight: bold; color: #333;} /* ---- shipping Payment */ input[type=radio].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; } input[type=radio].css-checkbox + label.css-label { padding-left:45px; height:30px; display:inline-block; line-height:30px; background-repeat:no-repeat; background-position: 0 0; font-size:20px; vertical-align:middle; cursor:pointer; } input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -30px; } label.css-label { background-image:url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design2/radio.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mname { display: block; float: left; margin: 0; padding: 0; font-size: 17px; font-weight: bold; } .mname2 { font-size: 15px; font-weight: bold; } .shippingm {text-align:center;font-size:12px;} .pmethod {border: 1px solid #BFBFBF; width: 500px; text-align: left; background: #F1F1F1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #F1F1F1 0%, #E0E0E0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#E0E0E0)); background: -webkit-linear-gradient(top, #F1F1F1 0%,#E0E0E0 100%); background: -o-linear-gradient(top, #F1F1F1 0%,#E0E0E0 100%); background: -ms-linear-gradient(top, #F1F1F1 0%,#E0E0E0 100%); background: linear-gradient(top, #F1F1F1 0%,#E0E0E0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 ); -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; padding:20px 50px;} .pmethod input {margin-right: 20px;} .mprice {font-size: 14px; font-weight: bold; color: #222; float:left; margin-left:9px;} .smethod {border: 1px solid #BFBFBF; width: 500px; background: #F1F1F1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #F1F1F1 0%, #E0E0E0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#E0E0E0)); background: -webkit-linear-gradient(top, #F1F1F1 0%,#E0E0E0 100%); background: -o-linear-gradient(top, #F1F1F1 0%,#E0E0E0 100%); background: -ms-linear-gradient(top, #F1F1F1 0%,#E0E0E0 100%); background: linear-gradient(top, #F1F1F1 0%,#E0E0E0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 ); text-align: left; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; padding: 0px 25px 15px 25px; margin: 5px; /* margin:20px auto; */ } .mdesc {padding-left: 38px; padding-top: 20px; font-size: 13px; color: #666;} .mimg {float:left;margin:0 20px 10px 0;} .smethod input {margin-right: 20px; float: left; margin-top: 4px;} /* CHANGELISTS */ #changelist { position: relative; width: 100%; } #changelist table { width: 100%; } .change-list .filtered table { border-right: 1px solid #ddd; } .change-list .filtered { min-height: 400px; } .change-list .filtered { background: white url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design/changelist-bg.gif) top right repeat-y !important; } .change-list .filtered table, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull { margin-right: 160px !important; width: auto !important; } .change-list .filtered table tbody th { padding-right: 1em; } #changelist .toplinks { border-bottom: 1px solid #ccc !important; } #changelist .paginator { color: #666; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: white url(https://d2vxclnxwo31nb.cloudfront.net/fotobites/design/nav-bg.gif) 0 180% repeat-x; overflow: hidden; padding-left:10px; } .change-list .filtered .paginator { border-right: 1px solid #ddd; } /* CHANGELIST TABLES */ #changelist table thead th { white-space: nowrap; vertical-align: middle; } #changelist table thead th.action-checkbox-column { width: 1.5em; text-align: center; } #changelist table tbody td { border-left: 1px solid #ddd; } #changelist table tbody td:first-child { border-left: 0; border-right: 1px solid #ddd; text-align: center; } #changelist table tfoot { color: #666; } /* PAGINATOR */ .paginator { font-size: 13px; padding-top: 10px; padding-bottom: 10px; line-height: 22px; margin: 0; border-top: 1px solid #ddd; } .paginator a.showall { padding: 0 !important; border: none !important; } .paginator a.showall:hover { color: #036 !important; background: transparent !important; } .paginator .end { border-width: 2px !important; margin-right: 6px; } .paginator .this-page { padding: 2px 6px; font-weight: bold; font-size: 13px; vertical-align: top; } /* ============= TABS - PRICES */ .tabs li { list-style:none; display:inline; font-size: 16px; } .tabs a { padding:5px 10px; margin: 3px 3px 3px 0px; display:inline-block; background:#666; color:#fff; text-decoration:none; } .tabs a.active, .tabs a:hover { background:#febe10; color:#000; } /* ============= INFO SLIDER */ .slide-out-div { z-index: 1000; padding: 10px; width: 220px; background: #F8F8F8; border: 1px solid #AAA; } .slide-out-div p { padding-top:10px; color: #444; } .slide-out-div2 { z-index: 1000; padding: 10px; width: 220px; background: #F8F8F8; border: 1px solid #AAA; } .slide-out-div2 p { padding-top:10px; color: #444; }