/* Theme Name: The Georgian Wine Society Shop Theme URI: http://www.thegeorgianwinesociety.com/ Description: A Wordpress eCommerce Theme Author: Jonatan Flores Author URI: http://www.jonatanflores.com Version: 1.0b Tags: ecommerce, shop, shopping cart, brown */ @import "css/reset.css"; @import "css/basic.css"; @import "css/main.css"; /* General Styling for Links, Messages, Forms, Tables */ a { text-decoration:none;color:#3b3636;} a:hover, a:focus { color:#250606; text-decoration:underline;} .error {color:#c19393;} .success {color:#99cc00;} /* TABLES */ /* tables still need 'cellspacing="0"' in the markup */ table, thead, tbody, tr, th, td {font-size:1em} table { border-collapse:separate; border-spacing:0; margin-bottom: 18px;} caption, th, td { text-align:left;} th { border-top: 2px solid #f3efe4;border-bottom: 2px solid #372b1d; font-weight: bold; } td { border-top: 1px solid #7b6c5b;border-bottom: 1px solid #372b1d; } th,td { padding:0.5em; } tfoot { font-style: italic; } caption { background: #ffc; } /* FORMS */ form .error {font-size:0.8em;color:#c19393;} label { display:block; float:left; width:100px; margin:0 12px 6px 0; text-align:left;} label span {font-size:0.8em;} label em {color:#c19393;} form br {clear:left;} /* Fieldsets */ fieldset { margin: 0 0 18px 0;} legend { font-weight: bold; font-size:1.2em; margin-bottom:6px; } /* Text fields , textareas, select*/ input, textarea, select { margin:0 0 6px 0;} input.text, input[type='text'], textarea, select { background-image:url(images/form_bg.jpg) repeat-x top left; width: 200px; display:block; float:left; border:1px solid #CECECE;} textarea {height: 200px;width:312px;} input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; } input[type='hidden'] { display:none; } /*hover and focus styles*/ textarea:focus, textarea:hover, input[type='text']:focus, input.text:focus, input[type='text']:hover, input[type='password']:focus, input[type='password']:hover, select:focus, select:hover { background: #fafafa; } /*Buttons*/ .btn_rd {background:#830000 url(images/bkg-pix-btn.gif) repeat-x;color:#FFFFFF !important;padding:4px 6px;font-weight: bold;float:left;} .btn, .button {background:#ebcf8b;border:1px solid #d9bc89;color:#333;padding:0 5px;letter-spacing:-0.6px;float:left;} .btn:focus .btn:hover, .button:focus, .button:hover {background:#edeade;border:1px solid #d9d6db;text-decoration:none;} body {background:#1f0a0a url(images/bkg-pix.jpg) no-repeat top center;font-family:Georgia;}/*if you want to change colours you might want to change the color and/or background and/or border property here*/ #header, #floatswrap, #footer {padding:0 12px;} #header {background:url(images/bkg-nave-pix.png) repeat-x top left;} #header .container { width:960px;margin:0 auto;} #footer .container { width:940px;margin:0 auto;} #iheader { width:940px; height: 320px; margin-bottom:10px; padding:23px 0 0 21px;} #floatswrap .container { width:960px;margin:0 auto;background:transparent url(images/bkg-body-pix.jpg) no-repeat top center;} #floatswrap .bkgrepeat { width:960px;margin:0 auto;background:#f7f7ec url(images/bkg-body-repeat.jpg) repeat-y top center;} #floatswrap .inner { width:960px;margin:0 auto;background:transparent url(images/bkg-innerbody-pix.jpg) no-repeat top center;} /*############## LOGIN AREA ###########################*/ #login ul {float:right;} #login ul li {display:inline;float:left;} #login ul li a { display:block;padding:7px 0;color:#fafafa; float:left;font-weight:bold;padding-left:21px;background:url(images/divider2.gif) no-repeat 9px center ;} #login ul li:first-child a { background:none; padding-left:0;} /*############## MAIN NAVI ###########################*/ #navi { height: 42px;clear:both;padding:0;} #main-menu ul { float:left;width:700px;} #navi ul li {display:inline;float:left;} #navi ul li a { display:block;float:left;font-size:12px;color:#F8F8F8;padding:10px 10px 8px;text-transform:uppercase;font-decoration:none;} #navi ul li a:focus, #navi ul li a:hover, #navi ul li a:active, #navi ul .current_page_item a, body.home #navi ul .home a {color:#ebcf8b;text-decoration:underline;} /*############## WINES NAVI ###########################*/ #wnavi { width:960px;height:46px; margin:0 auto; clear:both;padding:0;} #wnavi ul { margin-top:5px;float:left;} #wnavi ul li {display:inline;float:left;background:url(images/wnavi-separtor.gif) no-repeat center right} #wnavi ul li a { display:block;float:left;font-size:18px;letter-spacing:-0.8px;font-weight:bold;color:#F8F8F8;margin-right:4px;padding:12px 6px;} #wnavi ul li a:focus, #wnavi ul li a:hover, #wnavi ul li a:active, #wnavi ul .current_page_item a, body.home #wnavi ul .home a {background:#f6f4de url(images/nav_hoverbg.png) left top repeat-x; color:#372211;text-decoration:none;} #wnavi ul li a:hover span,#wnavi ul li a:hover canvas{color:#372211;} /*Shopping cart*/ #navi .cart {float:right;width:270px;margin-top:10px;} #navi .cart a, #navi .cart span {padding:0 0 0 20px;color:#F8F8F8;font-weight:bold;} #navi .cart a:focus, #navi .cart a:hover, #navi .cart a:active {color:#ebcf8b;text-decoration:none;} #navi .cart span {color: #ebcf8b;} /*############## LOGO AND HEADER IMAGE ###########################*/ #logo {clear:both; height:270px;} #logo img {float:center;} #logo h1 {float:left; width:410px; height:96px;background:url(images/logo-tgws-pix.png);text-indent:-9999em;margin:90px 0 0 275px;} #logo h1 a { color:#555;cursor:pointer;display:block;height:81px; } /*############## MAIN_COL CONTENT ###########################*/ #floatswrap {position:relative;} #breadcrumb {;margin-bottom:20px;padding:18px 10px !important;color:#878372;} #main_col { float:right;width:670px;margin:0 10px !important;padding:0px !important;display:inline;position:relative;font-size:12px;color:#210b0b;letter-spacing:0;line-height:1.50em;} #sidebar { float:left; width:250px;display:inline; margin:0 10px;} /* breadcrumb links */ #breadcrumb a {color:#3b3636;} #ubication { float:left;} #see_all { float:right;} /* Product holders */ #main_col .padding {background:url(images/footer-category-image.jpg) no-repeat bottom center;padding-bottom:20px;margin-bottom:1 0px;} #main_col .prod {float:left; margin-top:14px;} #main_col .prod .wine {float:left;width:330px;height:240px;margin:0 0 10px 0;text-align:left;display:inline;overflow:hidden;} #main_col .prod .info {float:right;width:220px;margin-right:10px;text-align:left;display:inline;overflow:hidden;} #main_col .prod .info h3 {font-size:16px;font-weight:bold;letter-spacing:-0.6px;} #main_col .posts {width:98%;margin:10px 10px 15px 0;text-align:left;overflow:hidden;} #main_col .posts h3 { color:#663300; font-size:19px; font-weight:bold; letter-spacing:-0.6px; line-height:18px; margin-top:-3px; padding:0;} #main_col .prod .wine {float:left;width:100px;margin:0;text-align:left;display:inline;overflow:hidden;} #main_col .btns {float:left;margin-top:10px;} #main_col .details {margin-top:10px;} #main_col h5 {margin:8px 0 0 0;padding:0;text-align:left;font-size: 16px;font-weight:bold;letter-spacing:-0.6px;} #main_col h4 {text-align:left;font-size:26px;letter-spacing:-0.6px;font-weight:bold;padding-bottom:3px;margin:0;} .title_category { background:url(images/spacer.gif) repeat-x bottom center; width:650px;position:relative; padding:0; margin:0;} .alignLeft {float:left;padding:0; margin:0;} .alignRight {float:right;padding:0; margin:0;} .WineCategory {background:url(images/footer-category-image.jpg) no-repeat bottom center; margin:0 0 20px 0; padding:0 !important} #main_col .info h3 {margin-top:-3px;padding:0;color:#663300;font-size:19px;font-weight:bold;letter-spacing:-0.6px;line-height:18px;} #main_col .title h3 {margin:0;padding-top:10px;color:#663300;font-size:19px;font-weight:bold;letter-spacing:-0.6px;line-height:18px;} #main_col .prod a {color:#663300;} #main_col .prod .img { width:174px;display:block; height:440px;background:#fff;padding:18px 0;margin:0 0 10px 0;text-align:center;border:1px solid #EDEADE;overflow:hidden;}} #main_col .prod .prod_info {margin:20px 0 0 0;float:left;width:100%;} #main_col .prod .prod_info form {padding:4px 0 0 10px;float:left;} #main_col .prod .prod_info span.price { margin-left:8px;padding-top:13px;color:#878372;} #main_col .prod .prod_info a.details {padding:13px 8px; float:right;} #main_col .prod .prod_info .cat_link {display:block;padding:13px 0;} #main_col .prod .prod_info .error {color:red;margin-top:10px;}/*appears when wpShop Options have not been set*/ .LineBreak10 { width:100%; height:10px; font-size:10px;} .LineBreakS10 { width:400px; height:12px; font-size:10px;background:url(images/separator-line.png) repeat-x bottom center;} /*styles for single product detail view as well as in the featured category for the featured post*/ /*the thumbnail*/ #main_col .featured_teaser {height:233px;} #main_col .featured_teaser, body.singleprod_detailview #main_col .prod {;margin-right:10px;width:180px;} #main_col .featured_teaser .img span, body.singleprod_detailview #main_col .prod .img span {top:25px;left:22px;} #main_col .featured_teaser .img span {top:10px;} #main_col .featured_teaser img {margin-top:17px;} body.singleprod_detailview #main_col .prod img {margin-top:4px;} /*special styles for the featured category*/ #main_col .featured_holder {padding-bottom:20px;} #main_col .was, #main_col .is {margin-left:3px;padding-top:13px;} #main_col .was {color:#878372;text-decoration:line-through;} #main_col .is {color:#a23f3c;} /*other image views*/ body.singleprod_detailview #main_col .prod .other_views {margin-top:40px;text-align:left;} body.singleprod_detailview #main_col .prod .other_views h5 {color:#878372;letter-spacing:-0.6px;} #main_col .gallery {overflow:hidden;} #main_col .gallery .gallery-item .gallery-icon {display:block;width:56px;border:1px solid #372b1d;} #main_col .gallery .gallery-item .gallery-icon .lightbox-enabled {display:block;border:1px solid #625648;} #main_col .gallery .gallery-item .gallery-icon img {border:0 none !important;margin:2px;} /*product details text area*/ body.singleprod_detailview #main_col .details_wrap {width: 480px; float: right; overflow:hidden;} body.singleprod_detailview #main_col .details_wrap h4 {letter-spacing:2px;} body.singleprod_detailview #main_col .details_wrap p span {color:#c19393;} body.singleprod_detailview #main_col .details_wrap p a {color:#ebcf8b;} body.singleprod_detailview #main_col .details_wrap select {margin-top:6px;width:90px;font-size:11px;padding: 2px 1px;} body.singleprod_detailview #main_col .details_wrap .btns {float:right;width: 90px;} body.singleprod_detailview #main_col .details_wrap .btns .error {color:#c19393;}/*appears when wpShop Options have not been set*/ body.singleprod_detailview #main_col .details_wrap .details {clear:both;overflow:hidden;} /*and the featured items on single.php*/ body.singleprod_detailview #main_col .details_wrap p .was, body.singleprod_detailview #main_col .details_wrap p .is {float:none; padding-top:0;} body.singleprod_detailview #main_col .details_wrap p .was {text-decoration:line-through;} body.singleprod_detailview #main_col .details_wrap p .is {color:c19393;} /*displaying other products from same category*/ #main_col .related_prod {clear:both;overflow:hidden;} #main_col .related_prod h5 {letter-spacing:-0.6px;padding-top:15px;} #main_col .related_prod ul {list-style:none;} #main_col .related_prod ul li a {display:block;padding:0.5em 0;color:#ebcf8b;} /*Product pagination*/ .wp-pagenavi {clear:both;} .wp-pagenavi a, .wp-pagenavi a:link {padding:4px 6px;margin:4px;border:1px solid #d9d6db;color:#777;background:#edeade;} .wp-pagenavi a:focus, .wp-pagenavi a:hover, .wp-pagenavi a:active {border:1px solid #d9bc89;color:#333;background:#ebcf8b;} .wp-pagenavi span.pages {padding:4px 6px;margin:4px;color:#333;border:1px solid #edeade;background:#fafafa;} .wp-pagenavi span.current {padding:4px 6px;margin:4px;font-weight:bold;border:1px solid #d9bc89;color:#333;background:#ebcf8b;} .wp-pagenavi span.extend {padding:4px 6px;margin:4px;color:#333;border:1px solid #edeade;background:#fafafa;} /*tooltips*/ .tooltip{position:absolute;z-index:999;left:-9999px;background:#edeade;padding:5px;border:1px solid #fff;width:250px;} .tooltip p{margin:0;padding:0;color:#fff;background:#504235;padding:2px 7px;} .page_post h2, .page_post h3 {border-bottom:1px solid #372b1d;} .page_post h2 span, .page_post h3 span {display:block;border-bottom:1px solid #625648;padding:6px 0;} .page_post img { } /*################ SIDEBAR ###################################################*/ #sidebar #admin, #sidebar #search, #sidebar #banner_ad, #sidebar .recently_added {padding-bottom:20px;color:#23110b;} #sidebar h4 {text-align:left;font-size:24px;letter-spacing:-0.6px;font-weight:bold;padding-bottom:6px;margin:0;} #sidebar ul {background:#fafafa url(images/release_bg.png) left bottom repeat-y; list-style:none; padding:0 0 12px;} #sidebar ul li {border-top:1px solid #edeade;} #sidebar .wine_type {font-size:11px; color:#878372;padding-top: 4px;} #sidebar .wine_price {font-size:11px;color:#A23F3C;padding-top: 4px;} #sidebar ul li a {display:block;height:21px;padding:7px 0 0 8px;font-size:1.1em;color:#663300;} #sidebar ul li a:focus, #sidebar ul li a:hover, #sidebar ul li a:active, body.prod_cat #sidebar ul li.current-cat a, body.prod_cat #sidebar ul li.current-cat-parent a, body.singleprod_detailview #sidebar ul li.current-cat a , body.singleprod_detailview #sidebar ul li.current-cat-parent a {background:#edeade;color:#330000;text-decoration:none;} /*search box*/ #sidebar #searchform {background:#fafafa;padding:0.5em 0 0 6px;} #sidebar #searchform .hidden {display:none;} #sidebar #searchform input[type='text'] {width:170px;margin-right:10px;} /*recently added*/ #sidebar .recently_added ul, #sidebar .recently_added ul li {overflow:hidden;} #sidebar .recently_added ul li a {height:auto;overflow:hidden;padding:7px 0 7px 8px;} #sidebar .recently_added ul li a img {float:left;margin-right:7px; border-style:solid; border-color:#E3E0D8 #E3E0D8 #D4D0C3; border-width:1px 1px 2px;padding:3px 2px; background-color:#FCFBF2;} /*############## FOOTER ###########################*/ #footer a {color:#806244;} #footer .container {background:url(images/bkg-footer-pix.jpg) no-repeat top left;padding:20px 10px;; height: 54px; margin-bottom:10px;} #footer h5 {float:left;color:#806244;font-weight:normal;margin:0 1em 0 0;} #footer h5.theme {float:right;margin:0;} /*############## SHOPPING CART ###########################*/ /*the table*/ #main_col form.order_table {padding:0;} #main_col table.order_table {clear:both;width:100%;background:#5e4e3f;} #main_col table.order_table thead, #main_col table.order_table th {background:#dfdbd1;color:#663300;} #main_col .order_table .c_img_wrap, #main_col .order_table .c_img_wrap span {display:block;float:left;border:1px solid #372b1d;} #main_col .order_table .c_img_wrap span {border:1px solid #7b6c5b;padding:4px;} #main_col table.order_table td {vertical-align:middle;} #main_col table.order_table tr.sums {background:#413224;} #main_col table.order_table tr.sums td {vertical-align:top;background:#413224;} #main_col table.order_table input {margin:0;} #main_col table.order_table input.text {width:30px;} /*the buttons*/ #main_col .cont_shop {padding:6px;margin:0 12px;} #main_col .order_table .cont_shop, #main_col input.order, #main_col input.update {margin:0;} #main_col input.order, #main_col input.update, #main_col .next_step {padding:3px 6px;} #main_col .cont_shop, #main_col input.update, #main_col .next_step {border-color:#ffffcc;} #main_col input.order {background:#cc6633;border-color:#cc9966;color:#fff;} #main_col input.order:focus, #main_col input.order:hover {background:#edeade;border:1px solid #d9d6db;color:#663300;} #main_col input.update {margin-left:396px;} #main_col .order_now {float:right;} /*notes, messages, error, success*/ #main_col .order_table small {display:block;margin-top:12px;} #main_col .error, #main_col h4.cart_empty, #main_col .order_pending {color:#ff9999;} #main_col .order_success {color:#99cc00;} #main_col .order_success, #main_col .order_pending {margin-bottom:18px;} #main_col .order_table .total_cart_price {color:#99cc00;} #main_col .order_remark {clear:both;} /*order steps*/ #main_col .oSteps {border-bottom:1px solid #625648;width:670px;} #main_col .oSteps td {border-top:0 none;border-bottom:1px solid #372b1d;letter-spacing:-0.6px;} #main_col .oSteps td span {color:#372211;margin-right:3px;} #main_col .oSteps td.aktiv {font-size: 1.5em;font-weight:bold;color:#4e5522;} #main_col .oSteps td.aktiv span {color:#4e5522;font-weight: bold;margin-right:6px;} #main_col .oSteps td.passiv {font-size: 1em;color:#888;} /*the headings going through checkout*/ #main_col .step1 h4, #main_col h4.step2, #main_col h4.step3 {padding:6px 12px;margin-bottom:18px;background:#dfdbd1;color:#663300;} #main_col form.step2 {padding:18px;} #main_col form.step2 label, #main_col form.step2 input, #main_col form.step2 select {margin-bottom:12px;} #main_col form.step2 label {width:120px;} #main_col table.order_table .sum td {background:#413224;border-top: 1px solid #5c4733;border-bottom: 1px solid #281f16;} .qtrans_flag_and_text {text-indent:-9999em;} #qtrans_language_chooser li a { margin-left:6px; padding: 0;} #qtrans_language_chooser li { margin:0; padding: 0;} form.wpcf7-form {} form.wpcf7-form p{ overflow:hidden; padding:3px 0;} form.wpcf7-form span.fl{ float:left; width:47%; display:block; text-align:left;} form.wpcf7-form span.fr{ float:right; width:48%; display:block;text-align:left;} form.wpcf7-form textarea{width:666px;background:url(images/txt_bg2.png) top left no-repeat;height:152px; overflow-y:hidden;} form.wpcf7-form span.txt{border:1px solid #D5CEB6; background:url(images/txt_bg.png) top left no-repeat !important; display:block;width:320px;height:27px;float:none;margin:4px 0 0;} form.wpcf7-form span.txt input { border:0 none; background:transparent;margin:2px 4px; width:300px;} form.wpcf7-form span input.bttnc {background:url(images/bttn_bg.png) top left no-repeat;width:154px; height:29px;color:#fff; font-family:georgia,trebuchet ms;border:0 none;} form.wpcf7-form img.wpcf7-captcha-captcha-446 {border:1px solid #d7d7d7; float:left; margin-right:5px;} form.wpcf7-form span.txt2{border:1px solid #D5CEB6;display:block;width:232px;float:left; margin:0;background:url(images/txt_bg.png) top right no-repeat !important;} form.wpcf7-form span.txt2 input { border:0 none; background:transparent;margin:2px 4px; width:190px;} img#greyAdd{float:right;} div.btns{ width:90px;} div.btns select{ width:90px;float:right;} div.btns br{ height:0;display:none;} input.find {background:url(images/find_bg.png) top left no-repeat; width:56px;height:31px; color:#fff; border:0 none;font-family:georgia;font-weight:bold;padding:2px 0 5px;} input.stxt,input[type="text"].stxt{background:url(images/txt_bg.png) top right no-repeat !important;border:1px solid #D5CEB6; padding:5px 2px; width:168px !important;margin:0 9px 0 0 !important;}