/*
Theme Name: wpShopLight
Theme URI: http://wpshop-reloaded.sarah-neuber.de/
Description: A child theme of wpShop with light tones.
Template: wpShop
Author: Sarah Neuber
Author URI: http://www.sarah-neuber.de
Version: 1.1
*/
@import url(../wpShop/style.css);
/*
General Styling for
Links, Messages, Forms, Tables
*/
a { text-decoration:none;color:#d2691e;}
a:hover, a:focus { color:#330000; text-decoration:underline;}
.error {color:#cc0000;}
.success {color:#339900;}

hr {clear:both;color:#edeade; background-color:#edeade;}
blockquote {color: #996633;border-left:3px solid #996633;}

/* 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;border:1px solid #edeade;background:#f6f4ed;}
caption, th, td { text-align:left;}
th { border-top: 2px solid #fff;border-bottom: 2px solid #edeade; font-weight: bold;background:#edeade;color:#663300; }
td { border-top: 1px solid #fff;border-bottom: 1px solid #edeade; }
th,td { padding:0.5em; }
.even td {background:#edeade;}
tfoot { font-style: italic; }
caption { background: #edeade;margin-bottom:9px;}


/*Buttons*/
.btn, .button, .formbutton {background:#eed8ae;border:1px solid #d9bc89;color:#333;padding:5px;letter-spacing:0.1em;float:left;}
.btn:focus .btn:hover, .button:focus, .button:hover, .formbutton:focus, .formbutton:hover {background:#edeade;border:1px solid #d9d6db;text-decoration:none;}

/* FORMS */
fieldset { margin: 0 0 18px 0;}
legend { font-weight: bold; font-size:1.2em; margin-bottom:6px; }
label, input, textarea, select {margin-bottom:6px;display:block;width:250px;}
input.text, input[type='text'], textarea, select {border:1px solid #eeebdf; background:#fff;}
select {width:262px;cursor: pointer; }
textarea {width:550px;height:225px;}
label {font-size:1.1em;}
input, textarea {padding:4px;}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], button { cursor: pointer;width:auto;float:left;margin-right:6px; }
input[type='hidden'] { display:none; }
form br {clear:both;}

/*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; }

body {background:#f5f5f5;font-family:Tahoma;color:#555;}
#header, #floatswrap, #footer  {padding:0 12px;}
#header .container, #floatswrap .container, #footer .container { width:960px;margin:0 auto;}

/*############## MAIN NAVI ###########################*/
#navi {clear:both;padding:18px 0;}
#navi ul { float:left;width:790px;}
#navi ul li {display:inline;float:left;}
#navi ul li a { display:block;float:left;font-size:1.2em;text-transform:uppercase;letter-spacing:1px;color:#999;padding:18px 20px 15px;}
#navi ul li.home a {padding-left:0;}
#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, #navi ul .current_page_parent a, 
body.prod_cat #navi ul .current-cat a, body.prod_cat #navi ul .current-cat-parent a, body.singleprod_detailview #navi ul .current-cat-parent a, 
body.singleprod_detailview #navi ul .cat-item-16 a, body.blog_single #navi ul .current_page_item a, body.blog_single #navi ul .current_page_parent a  {color:#444;text-decoration:none;}

/*we don't want the blog highlighted when inside the shop so... reset*/
body.prod_cat #navi ul .current_page_parent a, body.singleprod_detailview #navi ul .current_page_parent a {color:#999;}

/*but we want to keep the hover styles so... add them back on!*/
body.prod_cat #navi ul .current_page_parent a:focus, body.prod_cat #navi ul .current_page_parent a:hover, 
body.singleprod_detailview #navi ul .current_page_parent a:focus, body.singleprod_detailview #navi ul .current_page_parent a:hover {color:#444;text-decoration:none;}

/*Shopping cart*/
#navi .cart {float:right;width:170px;background:url(images/cart-trans.png) no-repeat top right;}
#navi .cart a, #navi .cart span {padding:5px 0 0 15px;display:block;color:#888;font-weight:bold;line-height:1.75em;}
#navi .cart a:focus, #navi .cart a:hover, #navi .cart a:active {color:#444;text-decoration:none;}
#navi .cart span {color:#bf9c69;}

#navi .cart .payloadz_mode {height:50px;}

/*############## LOGO  AND HEADER IMAGE ###########################*/
#logo {clear:both;}
#logo h1 {float:left; width:960px; height:120px;background:url(images/logo.jpg);text-indent:-9999em;}
#logo h1 a { color:#555;cursor:pointer;display:block;height:86px; }

/*############## MAIN_COL CONTENT ###########################*/
#floatswrap {position:relative;padding:48px 0 36px;}
body.prod_cat #floatswrap, body.singleprod_detailview #floatswrap {padding-top:0;}
#breadcrumb {margin-bottom:18px;padding-top:18px;color:#bababa;}
#main_col { float:right;width:736px;display:inline;position:relative;}
#sidebar { float:left; width:200px;display:inline;}
/* breadcrumb links */
#breadcrumb a {color:#999;}

/*Blog posts*/
.blog_post {margin-bottom:36px;}

/* images */
.post img {padding:4px;background:#f6f4ed;border:1px solid #edeade;}
.blog_post_single img {padding:4px;background:#f6f4ed;border:1px solid #edeade;}
.thumb_img {float:left;margin:0 18px 18px 0;border:1px solid #edeade;}
.thumb_img img {border:1px solid #fff;padding:4px;background:#f6f4ed;}
.page_post img {padding:4px;background:#f6f4ed;border:1px solid #edeade;}

/*titles*/
.entry-title, .archive-title  {border-bottom:1px solid #fff;margin-bottom:18px;}
.entry-title span, .entry-title a, .archive-title span {display:block;border-bottom:1px solid #edeade;padding:6px 0;}
.blog-entry-title {border-top:1px solid #edeade;border-bottom:0 none;}
.blog-entry-title a {border-top:1px solid #fff;border-bottom:0 none;color:#3b3b3b;}
.blog-entry-title a:focus, .blog-entry-title a:hover {color:#dca049;}
#homeIntroTest h2, #featured h2 {margin-bottom:36px;}
#featured h2 {text-align:center;}

/*search results*/
.search_post h3 span {font-size:0.8em;border:0 none;}

/* Product holders */
.prod {float:left;width:221px;margin:0 0 15px 24px;background:url(images/prod_bgd.png) no-repeat;text-align:center;display:inline;overflow:hidden;}
.prod h5 {margin:0 0 2px 0;padding-top:7px;color:#663300;}
.prod a {color:#663300;}
.prod .img {display:block; position:relative;}
.prod .img span  {display:block; width:218px; height:174px;position:absolute;top:0;left:2px;background:url(images/image_overlay-trans.png) no-repeat;}
.prod img {margin-top:7px;}
.prod .prod_info {margin:20px 0 0 0;float:left;width:100%;}
.prod .prod_info form {padding:0 0 0 2px;float:left;}
.prod .prod_info form input {margin:0;}
.prod .prod_info #the_product .buy_now {margin:4px;display:block;width:81px;height:28px;background:url(images/buy_now_small.png) no-repeat top left;text-indent:-9999em;}
.prod .prod_info span.price {float:left;margin-left:2px;padding-top:13px;color:#663300;}
.prod .prod_info span.was {color:#999;text-decoration:line-through;font-size:0.8em;}
.prod .prod_info .more_details {width:30px;height:30px;float:right;text-indent:-9999em;background:url(images/more_details.png) no-repeat top left;margin:3px 3px 0 0;}
.prod .prod_info .more_details:focus, .prod .prod_info .more_details:hover {background-position:bottom left;}
.prod .prod_info .cat_link {display:block;padding:13px 0;}


/*styles for single product detail view as well as in the featured category for the featured post on the Homepage*/
/*the thumbnail*/
.featured_prod, body.singleprod_detailview .prod {background:url(images/single_prod_bgd.png) no-repeat top left;margin-right:24px;width:262px;}
.featured_prod {height:233px;float:right;margin:0 0 0 18px;}
.featured_prod h5 {padding-top:12px;}
.featured_prod .img span, body.singleprod_detailview .prod .img span  {top:25px;left:22px;}
.featured_prod .img span {top:10px;}
.featured_prod img {margin-top:17px;}
body.singleprod_detailview .prod img {margin-top:32px;}

/*special styles for the featured category*/
.featured_teaser {float:left;width:262px;}
.featured_teaser .view_details {display:block;float:right;margin-left:18px;background:url(images/view_details.png) no-repeat top left;width:110px;height:28px;text-indent:-9999em;}
.featured_teaser .price {color:#bc5656;float:right;padding-top:5px;}
.featured_teaser .price span {font-size:1.2em;}
.featured_teaser .was {color:#999;text-decoration:line-through;margin-right:18px;font-size:0.8em;}


/*other image views*/
.prod .other_views {margin-top:40px;text-align:left;}
.prod .other_views h5 {letter-spacing:1px;color:#555;}
.gallery {overflow:hidden;clear:both;}
.gallery .gallery-item .gallery-icon {display:block;width:60px;border:1px solid #edeade;}
.gallery .gallery-item .gallery-icon a {display:block;border:1px solid #fff;}
.gallery .gallery-item .gallery-icon img {border:0 none !important;margin:4px;}

/*product details text area*/
.details_wrap {overflow:hidden;}
.details_wrap h2 {letter-spacing:2px;}
.details_wrap .price_value .price {font-size:1.275em;margin-right:18px;color:#bc5656;}
.details_wrap .price_value .endprice {margin-right:0;}
.details_wrap .price_value .basisprice, .details_wrap .price_value .itemID {color:#333;}
.details_wrap .price_value .was {color:#999;text-decoration:line-through;}
.details_wrap .price_value .was, .details_wrap .price_value .basisprice {font-size:1em;}
.details_wrap .price_value .itemID {font-size:0.8em;}
.details_wrap select {margin-top:6px;}
#the_product img {float:left;}
#the_product input, #vCart input {margin:0;padding:0;}
#vCart input {float:right;}
#the_product .buy_now {display:block;width:110px;height:28px;background:url(images/buy_now.png) no-repeat top left;text-indent:-9999em;}

/*displaying other products from same category*/
.related_prod {clear:both;margin-top:18px;overflow:hidden;border-top:1px solid #edeade;}
.related_prod h5 {letter-spacing:1px;padding-top:15px;border-top:1px solid #fff;}

/*Product pagination*/
.wp-pagenavi {clear:both;}
.wp-pagenavi a, .wp-pagenavi a:link {padding:4px 6px;margin:4px;border:1px solid #edeade;color:#777;background:#f6f4ed;}
.wp-pagenavi a:focus, .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current {border:1px solid #edeade;color:#333;background:#fff;}
.wp-pagenavi span.pages {padding:4px 6px;margin:4px;color:#333;border:1px solid #edeade;background:#fafafa;}
.wp-pagenavi span.extend {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;}


/*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;}

/***  COMMENTS ***/
.comments_title, .respond_title, .trackbacks {border-top:1px solid #edeade;clear:both;}
.comments_title span, .respond_title span, #tweetbacks span {border-top:1px solid #fff;display:block;padding:9px;}
#comments {clear:both;}
#comments {margin-bottom:18px;}
.trackbacks_padding {position:relative;padding:9px;}
.trackback_title {float:left;width:50%;margin-bottom:0;}
.show_trackbacks {position:absolute;top:9px;right:9px;font-size:1.275em;}
.trackback {display:none;list-style-type: decimal;list-style-position:inside;}
.commentlist, .commentlist li {list-style-type:none;}
.commentlist li {list-style-position:outside;overflow:hidden;margin-bottom:36px;border:1px solid #edeade;padding:18px;}
.commentlist .comment-author-admin {background:#fff;}
.commentlist li .children {padding:18px 0 0 36px;}
.commentlist .children li {}
.who_when {float:left;width:88px;}
.what {margin-left:106px;}
.avatar {padding:4px;background:#f6f4ed;border:1px solid #edeade;margin-bottom:9px;}
.fn {display:block;margin-bottom:9px;}
.comment-meta {margin-bottom:18px;}
.comment_navigation  {padding:9px 0;}
#pings {margin:18px 0 0 0;}
#pings li {margin:9px 0;}
#commentform .textInputFields, #commentform .textareaField {width:359px;margin:0;margin-bottom:9px;}
#commentform .buttonArea {clear:both;float:left;}
#commentform label {width:359px;text-align:left;margin:0 0 6px 0;}
#commentform input.text, #commentform input[type='text'], #commentform textarea, #commentform select {width:351px;}
#commentform textarea { width:351px;margin-bottom:0;}
#commentform #submit {float:left;margin:0;padding:6px;}

/* CONTACT PAGE CONTACT FORM */
.cform {width:100%;}
.cform legend  {display:none;}
.cform fieldset {background:transparent;border:0 none;padding:0;margin:0;}
.cform li {clear:both;}
.cform label, .cform label span {text-align:left;font-size:1.1em;}
.cform input, .cform textarea {width: 266px;}
.cform textarea {width:98%;margin-top:6px;}
.cform .reqtxt, .cform .emailreqtxt {color:#cc0000;position:absolute;top:0;left:15%;}
.cform .cf-ol {list-style-type:none;margin:0;}
.cform .cf-ol li {position:relative;}
.cform .backbutton, .cform .resetbutton, .cform .sendbutton {width:100px;background:#ebcf8b;border:1px solid #d9bc89!important;color:#222d0a;padding:5px;}
.cform .backbutton:hover, .cform .resetbutton:hover, .cform .sendbutton:hover, 
.cform .backbutton:focus, .cform .resetbutton:focus, .cform .sendbutton:focus {background:#edeade;text-decoration:none;border:1px solid #d9d6db;}
.cform .backbutton:active, .cform .resetbutton:active, .cform .sendbutton:active {background:#ebcf8b;}
div.waiting {background:transparent !important;color:#dca049 !important;}
div.failure  {padding:3px;margin-bottom:6px;color:#330000;background:#f7e6e3;border:1px solid #e8d0cc;}
div.success {padding:3px;margin-bottom:6px;color:#330000!important;background:#e3edcb!important;border:1px solid #cdd9b0;}
.linklove {display:none;}



/*HOME PAGE*/
#mainContent {border-bottom:1px solid #f6f4ed;padding-bottom:18px;}
#homeIntroTest {width:400px;}
#featured {width:542px;}
#secondaryContent {border-top:1px solid #fff;padding-top:18px;}
#homeIntroTest .intro {padding-left:40px;}

#secondaryContent .thumb_img {margin:0 0 18px 18px;display:inline;} 
#secondaryContent .first_thumb_img {margin-left:40px;}

/*################ SIDEBAR ###################################################*/
/*general box styling*/
#sidebar div {padding-bottom:15px;color:#000000;}
#sidebar h4 {text-align:center;letter-spacing:2px;font-weight:normal;background:url(images/sidebar_heading-trans.png) no-repeat top left;padding:7px 0;margin:0;}

#sidebar .textwidget, #sidebar ul, #sidebar #searchform, #sidebar #trackform, #sidebar #calendar_wrap, #sidebar .widget_tag_cloud  div {background:#fafafa;border:2px solid #6b6b6b;border-top:none;}
#sidebar .textwidget, #sidebar #calendar_wrap, #sidebar .widget_tag_cloud  div {padding:8px;}
#sidebar #searchform, #sidebar #trackform {padding:8px 0 8px 8px;}

/*lists*/
#sidebar ul {list-style:none;}
#sidebar ul ul {border:0 none;}
#sidebar ul li  {border-top:1px solid #edeade;}
#sidebar ul li a {display:block;padding:9px 0 9px 8px;font-size:1.1em;color:#663300;cursor:pointer;}
#sidebar ul ul li a {padding-left:24px;}

#sidebar ul li a:focus, #sidebar ul li a:hover, #sidebar ul li a:active, 
#sidebar ul .current-cat a, #sidebar ul .current-cat-parent a, #sidebar ul  .current_page_item a {background:#edeade;color:#330000;text-decoration:none;}
#sidebar ul .current-cat a, #sidebar ul .current-cat-parent a, #sidebar ul  .current_page_item a {font-weight:bold;}
/*we don't want the children of the current cat highlighted! -reset*/
#sidebar ul .current-cat .children a, #sidebar ul  .current-cat-parent .children a, body.blog_pg #sidebar ul .current-cat a {background:transparent;color:#663300;font-weight:normal;}
/*but we need the hover styles so.. add them back on*/
#sidebar ul  .current-cat-parent .children .current-cat a, #sidebar ul .current-cat .children a:focus, #sidebar ul  .current-cat-parent .children a:focus, 
#sidebar ul .current-cat .children a:hover, #sidebar ul  .current-cat-parent .children a:hover, body.blog_pg #sidebar ul .current-cat a:focus, body.blog_pg #sidebar ul .current-cat a:hover {background:#edeade;color:#330000;text-decoration:none;}
/*SHOP CATEGORIES NAVIGATION*/
#sidebar #shop_categories li ul {display:none;}
#sidebar #shop_categories .current-cat ul, #sidebar #shop_categories .current-cat-parent ul {display: block;}

/*search box*/
#sidebar #searchform .hidden, #sidebar #trackform .hidden {display:none;}
#sidebar #searchform input[type='text'], #sidebar #trackform input[type='text'] {width:100px;margin:0 8px 0 0;display:block; float:left;}
#sidebar #searchform .btn, #sidebar #trackform .btn {padding:3px 2px;margin:0;}

/*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:2px solid #edeade;}

/*############## FOOTER ###########################*/

#footer  a {color:#666;}
#footer .container {background:url(images/footer_divider.jpg) no-repeat top center;padding-top:18px;border-top:1px solid #edeade;}
#footer  h6 {float:left;color:#999;font-weight:normal;margin:0 12px 0 0;}
#footer  h6.theme {float:right;margin:0;}

/*############## SHOPPING CART ###########################*/
/*the table*/
form.order_table {padding-top:18px;}
table.order_table {clear:both;margin-top:18px;width:100%;}
.order_table .c_img_wrap {display:block;float:left;border:1px solid #edeade;}
.order_table .c_img_wrap img {border:1px solid #fff;padding:4px;}
table.order_table td {vertical-align:middle;}
table.order_table tr.sums  {background:#edeade;}
table.order_table tr.sums td {vertical-align:top;background:#edeade;}
table.order_table input {margin:0;}
table.order_table input.text {width:30px;}
/*the buttons*/
.cont_shop {padding:6px;margin:0 12px;}
.order_table .cont_shop, input.order, input.update {margin:0;}
input.order, input.update, .next_step {padding:3px 6px;}
input.order {background:#cc6633;border-color:#b04e1c;color:#fff;}
input.order:focus, input.order:hover {background:#edeade;border:1px solid #d9d6db;color:#663300;}
input.update {margin-left:633px;}
.order_now {float:right;}
/*notes,  messages, error, success*/
.order_table small {display:block;margin-top:12px;}
.error, h4.cart_empty, .order_pending, .pay_amount {color:#cc0000;}
.order_success {color:#339900;}
.order_success, #main_col .order_pending {margin-bottom:18px;}
.order_table .total_cart_price {color:#339900;}
.order_remark {clear:both;}
/*order steps*/
.oSteps {border:0 none;border-bottom:1px solid #edeade;background:transparent;}
.oSteps td {border-top:0 none;border-bottom:1px solid #fff;}
.oSteps td span {color:#666;margin-right:3px;}
.oSteps td.aktiv {font-size: 1.5em;color:#339900;}
.oSteps td.aktiv span {color:#339900;margin-right:6px;}
.oSteps td.passiv {font-size: 1em;color:#888;}
/*the headings going through checkout*/
.step1 h4, h4.step2, h4.step3 {padding:6px 12px;margin-bottom:18px;background:#edeade;color:#663300;}
form.step2 {padding:18px;}
form.step2 label, form.step2 input, form.step2 select {margin-bottom:12px;}
form.step2 label {width:120px;}
table.order_table .sum td {background:#edeade;}