/*
Theme Name: wpShopGrey
Theme URI: http://wpshop.sarah-neuber.de/
Description: A child theme of wpShop with grey tones.
Template: wpShop
Author: Sarah Neuber
Author URI: http://www.sarah-neuber.de
Version: 1.2
*/
@import url(../wpShop/style.css);
/*
General Styling for
Links, Messages, Forms, Tables
*/
a { text-decoration:none;color:#333;}
#main_col a {color: #660066; font-weight: bold;}
a:hover, a:focus { color:#330000; 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 #f1f1f1;border-bottom: 2px solid #3f3f3f; font-weight: bold; }
td { border-top: 1px solid #838282;border-bottom: 1px solid #3f3f3f; }
th,td { padding:6px; }
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 { width: 200px; display:block; float:left; border:1px solid #d9d6db; background:#edeade;}
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, .button {background:#666;border:1px solid #333;color:#fff;padding:0 5px;letter-spacing:0.1em;float:left;}
.btn:focus .btn:hover, .button:focus, .button:hover {background:#edeade;border:1px solid #d9d6db;text-decoration:none;}

body {background:#fff url(images/body_bgd.jpg) top center; font-family:Tahoma; background-repeat: no-repeat;}
#header, #floatswrap, #footer  {padding:0 12px;}
#header .container, #floatswrap .container, #footer .container { width:960px;margin:0 auto;}

/*############## MAIN NAVI ###########################*/
#abovenav {clear: both; float: right; width: 350px; height: 32px; padding: 0; margin: 0;}
#abovenavclear {clear: both;}
#navi {clear:both;padding:0px 0 2px 0;}
#navi ul { float:left;}
#navi ul li {display:inline;float:left;background:url(images/divider-trans.png) no-repeat right center;}
#navi ul li a { display:block;float:left;font-size:1.2em;font-weight:bold;letter-spacing:1px;color:#888;padding:18px 20px 15px;}
#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:#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;background:url(images/divider-trans.png) no-repeat left center;}
#navi .cart a:focus, #navi .cart a:hover, #navi .cart a:active {color:#444;text-decoration:none;}
#navi .cart span {color:#663300;}

/*############## LOGO  AND HEADER IMAGE ###########################*/
#logo {clear:both;}
#logo img {float:right;}
#logo h1 {float:left; width:366px; height:154px; text-indent:-9999em;margin-top:100px;}
#logo h1 a { color:#333;cursor:pointer;display:block;height:81px; }

/*############## MAIN_COL CONTENT ###########################*/
#floatswrap {position:relative;}
#breadcrumb {margin-bottom:35px; margin-left: 12px;padding-top:0px;color:#aaa;}
#main_col { float:right;width:736px;display:inline;position:relative;color:#333;}
#sidebar { float:left; width:200px;display:inline;}
/* breadcrumb links */
#breadcrumb a {color:#edeade;}

/* Product holders */
#main_col .prod {float:left;width:221px;margin:0 0 15px 20px;background:url(images/prod_bgd-trans.png) no-repeat;text-align:center;display:inline;overflow:hidden;}
#main_col .prod h5 {margin:0 0 2px 0;padding-top:7px;color:#333;}
#main_col .prod a {color:#333;}
#main_col .prod .img {display:block; position:relative;}
#main_col .prod .img span  {display:block; width:218px; height:174px;position:absolute;top:0;left:2px;background:url(images/image_overlay-trans.png) no-repeat;}
#main_col .prod img {margin-top:7px;}
#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 {float:left;margin-left:8px;padding-top:13px;color:#663300;}
#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*/

/*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 {background:url(images/single_prod_bgd-trans.png) no-repeat top left;margin-right:25px;width:262px;}
#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:32px;}

/*special styles for the featured category*/
#main_col .featured_holder {background:url(images/prod_divider.jpg) no-repeat center bottom;padding-bottom:20px;}
#main_col .was, #main_col .is {float:left;margin-left:3px;padding-top:13px;}
#main_col .was {color:#333;text-decoration:line-through;}
#main_col .is {color:red;}

/*other image views*/
body.singleprod_detailview #main_col .prod .other_views {margin-top:40px;color:#dbdbdb;text-align:left;}
body.singleprod_detailview #main_col .prod .other_views h5 {color:#dbdbdb;letter-spacing:1px;}
#main_col .gallery {overflow:hidden;}
#main_col .gallery .gallery-item .gallery-icon {display:block;width:56px;border:1px solid #3f3f3f;}
#main_col .gallery .gallery-item .gallery-icon .lightbox-enabled {display:block;border:1px solid #646464;}
#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 {overflow:hidden;color:#dbdbdb;}
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;}
body.singleprod_detailview #main_col .details_wrap .btns {float:right;}
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;background:url(images/prod_divider.jpg) no-repeat center top;padding-top:20px;}

/*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 {color:#dbdbdb;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;border-top:1px solid #3f3f3f;}
#main_col .related_prod h5 {color:#dbdbdb;letter-spacing:1px;padding-top:15px;border-top:1px solid #646464;}
#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:#ededed;padding:5px;border:1px solid #fff;width:250px;}
.tooltip p{margin:0;padding:0;color:#fff;background:#505050;padding:2px 7px;}

.page_post h2, .page_post h3  {border-bottom:1px solid #3f3f3f;}
.page_post h2 span, .page_post h3 span {display:block;border-bottom:1px solid #646464;padding:6px 0;}
.page_post img {padding:4px 0px 0px 0px; border:none;}

/*############## SHOPPING CART ###########################*/
#main_col input.order {margin-left:12px;}
#main_col table.order_table {border:1px solid #ddd;}
#main_col .order_table input.text {width:30px;margin:0;}
#main_col .order_table small {display:block;margin-top:12px;}
#main_col .error, #main_col .order_table h4.error {color:#ff9999;}
#main_col .order_table .total_cart_price {color:#99cc33;}

/*order steps*/
#main_col .oSteps td span {color:#666;margin-right:3px;}
#main_col .oSteps td.aktiv {font-size: 1.5em;color:#99cc33;}
#main_col .oSteps td.aktiv span {color:#99cc33;margin-right:6px;}
#main_col .oSteps td.passiv {font-size: 1em;color:#888;}

/*################ SIDEBAR ###################################################*/
#sidebar div {padding-bottom:35px;color:#444;}
#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 ul {background:#fafafa;border:2px solid #ccc;border-top:none;list-style:none;}
#sidebar ul li  {border-top:1px solid #edeade;}
#sidebar ul li a {display:block;height:21px;padding:7px 0 0 8px;font-size:1.1em;color:#333;}
#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:#333;text-decoration:none;}

/*search box*/
#sidebar #searchform, #sidebar #trackform {background:#fafafa;border:2px solid #ccc;border-top:none;padding:0.5em 0 0 8px;}
#sidebar #searchform .hidden, #sidebar #trackform .hidden {display:none;}
#sidebar #searchform input[type='text'], #sidebar #trackform input[type='text'] {width:100px;margin-right:12px;}

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

/*############## FOOTER ###########################*/
#footer  a {color:#333;}
#footer .container {background: #75ae61; padding-top:10px; padding-bottom:10px;}
#footer  h6 {float:left;color:#333;font-weight:normal;margin:0 1em 0 10px;}
#footer  h6.theme {float:right;margin:0;}

/*############## SHOPPING CART ###########################*/
/*the table*/
#main_col form.order_table {padding-top:18px;}
#main_col table.order_table {border:1px solid #3f3f3f;clear:both;margin-top:18px;width:100%;background:#6d6c6c;}
#main_col table.order_table thead, #main_col table.order_table th  {background:#e1e1e1;color:#3f3f3f;}
#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 #8f8f8f;padding:4px;}
#main_col table.order_table td {vertical-align:middle;}
#main_col table.order_table tr.sums  {background:#4a4a4a;}
#main_col table.order_table tr.sums td {vertical-align:top;background:#4a4a4a;}
#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:409px;}
#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 #646464;}
#main_col .oSteps td {border-top:0 none;border-bottom:1px solid #3f3f3f;}
#main_col .oSteps td span {color:#666;margin-right:3px;}
#main_col .oSteps td.aktiv {font-size: 1.5em;color:#99cc00;}
#main_col .oSteps td.aktiv span {color:#99cc00;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:#e1e1e1;color:#3f3f3f;}
#main_col form.step2 {background:#6d6c6c;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:#4a4a4a;border-top: 1px solid #585858;border-bottom: 1px solid #343434;}