/*
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: 2.0
*/
@import url(../wpShop/style.css);
/*
General Styling for
Links, Messages, Forms, Tables
*/
a { text-decoration:none;color:#333;}
a:hover, a:focus { color:#5F6F7C; 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 #D0D4D5; font-weight: bold; }
td { border-top: 1px solid #838282;border-bottom: 1px solid #D0D4D5; }
th,td { padding:6px; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* 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 #d9d6db; background:#edeade;}
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; padding:5px; }
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; }


/*Buttons*/
.btn, .button {background:#253847;border:1px solid #546672;color:#fff;padding:0 5px;float:left;}
.btn:focus .btn:hover, .button:focus, .button:hover {background:#5F6F7C;border:1px solid #d9d6db;text-decoration:none;}

body {background:#fdfdfd; font-family:Tahoma;}

#header{background: url(images/head_bg.jpg) left bottom repeat-x; height:100px; margin-top: 20px;} 
#header, #floatswrap, #footer  {padding:0 12px;}
#header .container, #floatswrap .container, #footer .container { width:1100px;margin:0 auto;}

/*############## MAIN NAVI ###########################*/
#navi {clear:both; background: url(images/menu_bg.jpg) repeat-x; height:32px; width:100%; }
#navi ul { float:left;width:50%;}
#navi ul li {display:inline;float:left;}
#navi ul li a { display:block;float:left;font-size:12px; color:#888; padding: 10px 30px 10px 0px;}
#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:350px;//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:1127px; height:252px;background:url(images/logo-trans.png);text-indent:-9999em;}
#logo h1 a { color:#555;cursor:pointer;display:block;height:81px; }*/

/*############## MAIN_COL CONTENT ###########################*/
#floatswrap {position:relative;}
#breadcrumb {background: url(images/pos_bg.jpg) repeat-x; height:43px; line-height:40px; font-size:13px; color:#fff;}
#main_col { float:right;width:860px;display:inline;position:relative;color:#333;}
#sidebar { float:left; width:240px;display:inline;}
/* breadcrumb links */
#breadcrumb a {color:#edeade;}

/* Product holders */
.prod {float:left;width:259px; min-height:200px; margin:0px 0px 10px 10px;background:url(images/prod_bgd-trans.png) no-repeat;text-align:center;display:inline;overflow:hidden;}
.prod h5 {margin:0 0 0px 0;padding-top:7px;color:#555; height:28px; overflow:hidden}
.prod a {color:#555;}

.prod .img span  {display:block; width:218px; height:174px;position:absolute;top:0;left:21px;background:url(images/image_overlay-trans.png) no-repeat;}
.prod img {}
.prod .prod_info {margin:10px 0 0 0;float:left;width:100%;}
.prod .prod_info form {padding:0 0 0 10px;float:left;}
.prod .prod_info form input {margin:0;}
.prod .prod_info span.price {float:left;margin-left:8px;padding-top:3px; font-family: Arial; font-size:14px;}
.prod .prod_info span.was {color:#888;text-decoration:line-through;font-size:12em;}
.prod .prod_info a.details {width:80px;padding:3px 0;float:right;}
.prod .prod_info .cat_link {display:block;padding:13px 0;}

/*styles for single product detail view*/
/*the thumbnail*/
body.singleprod_detailview .prod {background:url(images/single_prod_bgd-trans.png) no-repeat top left;margin-right:25px;width:262px;}
body.singleprod_detailview .prod .img span  {top:25px;left:22px;}
body.singleprod_detailview .prod img {margin-top:32px;}

/*other image views*/
.prod .other_views {float:left; margin-left:20px; color:#333;text-align:left; /* width:800px; */}
.prod .other_views h5 {float:left; color:#333; margin-left:20px; padding-left:20px;}
.gallery {overflow:hidden;  padding-bottom:20px; text-align:left;}
.gallery .gallery-icon {display:block; border:1px solid #D0D4D5; padding:0px; width:56px; }
.gallery .gallery-item .gallery-icon a {display:block;border:1px solid #D0D4D5; padding:0px;}
.gallery .gallery-item .gallery-icon img {border:0 none !important;margin:2px; padding:0px;}

/* .gallery-item {width: 20px; padding: 0px;} */

/*product details text area*/
.details_wrap {overflow:hidden;color:#333;}
.details_wrap h4 {}
.details_wrap .price span {font-size:14px; margin-right:18px;}
.endprice, .details_wrap .price span {}
.details_wrap .price .basisprice {color:#ccc;}
.details_wrap select {margin-top:6px;}
.details_wrap p .was, .details_wrap p .is {float:none; padding-top:0;}
.details_wrap p .was {color:#dbdbdb;text-decoration:line-through;font-size:1em;}
#the_product img {float:left;}
#the_product input, #vCart input {margin:0;padding:0;}
#vCart input {float:right;}

/*displaying other products from same category*/
.related_prod {clear:both;margin-top:18px; margin-left:30px; overflow:hidden; border-top:1px dashed #D0D4D5;}
.related_prod h5 {color:#333;padding-top:15px;}
.related_prod .thumb_img {float:left;margin:0 18px 18px 0;border:1px solid #D0D4D5;}
.related_prod .thumb_img img {border:1px solid #D0D4D5;}

/*Product pagination*/
.wp-pagenavi {clear:both;}
.wp-pagenavi a, .wp-pagenavi a:link {padding:4px 6px;margin:4px;border:1px solid #d9d6db;color:#fff;background:#5F6F7C;}
.wp-pagenavi a:focus, .wp-pagenavi a:hover, .wp-pagenavi a:active {border:1px solid #546672;color:#fff;background:#253847;}
.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 #546672;color:#fff;background:#253847;}
.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 #D0D4D5;}
.page_post h2 span, .page_post h3 span {display:block;border-bottom:1px solid #D0D4D5;padding:6px 0;}
.page_post img {padding:4px;background:#6d6c6c;border:1px solid #D0D4D5;}

/*############## SHOPPING CART ###########################*/
#main_col input.order {margin-left:12px;}
#main_col h2{margin-left:30px;}
#main_col table.order_table {border:1px solid #ddd; margin-left:30px; }
#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:#D41F1F;}
#main_col .order_table .total_cart_price {color:#D41F1F;}

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

/*################ SIDEBAR ###################################################*/
#sidebar div {padding-bottom:10px; color:#444;}
#sidebar h4 {text-align:left; color:#fff; font-size:14px; background:url(images/sidebar_heading-trans.png) no-repeat; line-height:30px; padding-left:10px; height:32px; }
#sidebar ul {background:#fafafa;border:1px solid #d0d4d5;border-top:none;list-style:none; margin-top:-8px; }
#sidebar ul li  {border-top:1px solid #d0d4d5;}
#sidebar ul li a {display:block;height:21px;padding:7px 0 0 8px;font-size:1.1em;color:#555;}
#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.singleprod_detailview #sidebar ul li.current-cat a  {color:#894040; text-decoration:none;}

#sidebar ul li ul{
   border: none;
   margin: 0px;
}

#sidebar ul li ul li{
  padding-left:20px;
  border:none;
    border-top: solid 1px #d0d4d5;
}

#sidebar ul li ul  li a{
  color: #555;
}

body.prod_cat #sidebar ul li.current-cat ul.children li a,
body.singleprod_detailview #sidebar ul.children li.current-cat ul.children li a { color:#555;text-decoration:none;}


/*search box*/
#sidebar #searchform, #sidebar #trackform {background:#fafafa;border:1px solid #d0d4d5;border-top:none;padding:8px 0 8px 8px; margin-top:-5px;}
#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:1px solid #d5d2c6;}

.post{
color:#333;
margin:0px 20px 0px 20px;
}

.button{
padding:8px;
}