/*
Theme Name: The Olive Oil Shop
Description: Semantic, SEO Optimised, Custom Wordpress Theme for The Olive Oil Shop
Author: Logic By Design
Author URI: http://www.logicbydesign.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#7c2b0b}
a:hover, a:focus {color:#707f00;text-decoration:none}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#546c2d url(images/bg.jpg) no-repeat center top;color:#2A2A2A;font:81%/155% Candara, "Trebuchet MS", Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {font:2.31em/1.25em Georgia, Garamond, Serif;margin:0 0 15px}
h2 {font:1.54em/1.25em Candara, "Trebuchet MS", Arial, Sans-Serif;margin:0 0 20px}
h2 a {text-decoration:none}
h3 {font:1.7em/1.25em Candara, "Trebuchet MS", Arial, Sans-Serif;margin:0 0 15px}
h5 {font:1.2em/1.3em Candara, "Trebuchet MS", Arial, Sans-Serif;margin:10px 0 2px;color: #7C2B0B;}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:none;padding:5px}
td {border:none;padding:5px!important;}
table {border:none;}

/* Containers */
#page {margin:0 auto;width:950px}
#main {background:#FFF;width:100%}
#main:after {content:".";display:block;height:0;clear:both;visibility:hidden}

/* Header */
#header {background:url(images/tagline.png) no-repeat 210px 45px;overflow:hidden;position:relative;width:100%;z-index:100}
#header #bg {background:url(images/header.jpg) no-repeat bottom;height:294px}
#header #logo {background:url(images/logo.png) no-repeat;height:237px;width:217px;float:left;margin:0 0 0 -5px;position:relative}
#header #logo a {display:block;height:100%;width:100%}

	/* Details */
	#details {position:absolute;right:20px;top:20px}
	#details #contact {color:#595959;float:right;font-size:1.4em;margin:0 15px 0 0;text-align:right}
	#details #contact strong {color:#2A2A2A;display:block;font-size:1.72em;font-weight:normal;line-height:1em}
	#details a{text-decoration:none}
	#details .cart {background:url(images/cart.png) no-repeat 10px 10px;border-left:1px solid #91a7bd;color:#666;float:right;height:40px;overflow:hidden;padding:10px 0 0 50px}
	#details .cart p {line-height:30px}
	#details .cart p strong {font-weight:normal}
	#details .cart #shopp-sidecart-total {display:none}
	#details .cart ul {display:none}
	div.cartLink{left:240px;position:absolute;top:37px;}
	#details h3 {color:#7c2b0b;font-size:1.1em;font-weight:bold;margin:0 0 -8px}

	/* Search */
	#header form{ }
	#header form input {clear:both;float:left;margin:2px 0 5px}
	#header form input[type='radio'] {float: none; margin:0 2px 0 0;}
	#header form #s {background:#f7f6f5;border:1px solid #dcd5c9;color:#4b3c35;font:italic 1em Candara, "Trebuchet MS", Arial, Sans-Serif;padding:3px 5px;width:150px}
	#header form #searchsubmit {background:#f7f6f5;border:1px solid #dcd5c9;color:#7c2b0b;float:right;font:1.1em Candara, "Trebuchet MS", Arial, Sans-Serif;}
	#header form #searchsubmit:hover, #header form #searchsubmit:focus {background:#5e1d1a;border:1px solid #5e1d1a;color:#FFF}

/* Content */
#content {display:inline;float:left;margin:-5px -100% 0 230px;position:relative;width:685px;z-index:101}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}
	
	/* Post */
	#content .post {border-top:1px solid #e4e4e4;margin:0 0 25px;padding:15px 0 0;position:relative}
	#content .post .meta {color:#666;font-style:italic;margin:0}
	#content .post .categories {text-align:right}
	#content .post .categories a {text-decoration:none}
	#content .post p.more {font-size:1.1em;position:absolute;top:17px;right:0;text-align:right}
	#content .post p.more a.view {background:#f7f6f5;border:1px solid #dcd5c9;color:#7c2b0b;float:right;margin:0 0 0 15px;padding:1px 5px;text-decoration:none}
	#content .post p.more a.view:hover, #content .post p.more a.view:focus {background:#5e1d1a;border:1px solid #5e1d1a;color:#FFF}
	#content .post h2 {font-size:1.7em;margin:0 0 5px}

	#product {float:left;margin:0 20px 0 0;position:relative;width:320px}
	#product ul {margin:0;list-style:none;overflow:hidden;width:100%}
	#product li img {}
	#product .overlay {background:url(images/product-bg.png) no-repeat;height:230px;width:300px;position:absolute;top:4px;left:-1px}
	#product span {font-size:1.4em}
	.cost{clear:both;float:left;font-size:1.6em;font-weight:normal;line-height:60px;margin:0 15px}
	#content #shopp .category {padding:15px 0 0}
	#product form {float:left;padding:5px 0 0}
	#related {clear:both}
	h3.title {color:#7c2b0b;font-size:1.2em;margin:3px 0 15px}
	.addtocart {cursor:pointer}
	
	#content #shopp ul.products li.product{text-align:right;width:225px;margin: 0 0 20px}
	#content #shopp div.category-all ul.products li.product{text-align:right;width:700px;margin: 0 0 5px; padding: 1px 5px 5px;}
	#content #shopp div.category-all h3 {margin: 20px 0 0;}
	#content #shopp div.category-all ul.products li.product a.productImage {float: left;width:70px}
	#content #shopp div.category-all ul.products li.product h4{margin: 3px 0 0; font-size: 16px;}
	#content #shopp div.category-all ul.products li.product .productTitle {float: left;margin:0 5px 5px; text-align: left; font-size: 11px; width: 605px; }
	#content #shopp div.category-all ul.products li.product .productAdd {float: right;width: 205px;}
	#content #shopp div.category-all ul.products li.product .productDesc {width: 405px;}
	#content #shopp div.category-all ul.products li.product .variations {width:120px;float: left}
	#content #shopp div.category-all ul.products li.product ul.variations li {padding: 0;}
	#content #shopp div.category-all ul.products li.product .addtocart {float: right}
	#content #shopp div.category-all ul.products li.product img{margin: 4px 0 0;}
	#content ul.products ul{list-style-type:none;list-style: none;margin: 0}
	#content ul.products li, #content ul.products ul li, #content ul.products ul{list-style-type:none;list-style: none;}
	#content ul.products li.product{text-align:left;float:left;width:145px;list-style-type:none;list-style: none;margin: 0 0 20px;}
body.home #content ul.products li.product{height:200px;}
	.products .product h4 {font-size:1em;text-align:left}
	.products .product h4 a {text-decoration:none}
	.products .product img {margin:10px 0 10px}
	.products .product .more {background:#f5f4f2;border:1px solid #dcd5c9;float:right;padding:3px 5px;margin-right:4px;text-decoration:none}
	.products .product .more:hover {background:#5e1d1a;border:1px solid #5e1d1a;color:#FFF}
	.products .product span {font-size:1.4em;margin:0 2px 0 0;}

/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}
.home #content .alignright {margin:-40px 0 0}

#shop {clear:both}
#shop img {float:left;margin:0 30px 0 0}
#shop a, #shop a:visited {background:url(images/shop-bg.png) no-repeat;display:block;font-size:1.69em;font-style:italic;height:54px;line-height:50px;margin:0 0 10px 295px;padding:0 0 0 10px;text-align:center;text-decoration:none;width:239px}
#shop a:hover, #shop a:focus {background-position:0 -54px;color:#FFF}

/* Sidebar */
#sidebar {background:url(images/sidebar.png) no-repeat 180px 40px;float:left;min-height:800px;margin:-32px 0 0;width:215px}
#sidebar ul {list-style:none;margin:0 0 1em}
#sidebar h3 {background:url(images/sidebar-heading.png) no-repeat 0;clear:both;color:#FFF;height:65px;line-height:65px;margin:0 0 5px -20px;text-indent:35px;position:relative;width:277px}
#sidebar h3 em {font-style:normal;position:relative;z-index:105}
#sidebar .widget_shoppcategorieswidget h3 {background:url(images/sidebar-heading-first.png) no-repeat 2px 0;height:70px;line-height:75px}
#sidebar li ul {border-top:1px solid #DCD5C9;display:inline;float:left;margin:0 0 0 14px;position:relative;width:160px}
#sidebar li ul.gform_fields {border: none; margin: 0 0 10px;}
#sidebar li ul li {float:left;position:relative;width:160px}
#sidebar li li a, #sidebar li li:hover li a {background:#f5f4f2;border:1px solid #dcd5c9;border-top:0;color:#7c2b0b;display:block;font-weight:bold;padding:6px 5px;text-decoration:none;width:150px}
#sidebar li li a:hover, #sidebar li li:hover a, #sidebar li li:hover li a:hover, #sidebar .current a {background:#5e1d1a;color:#FFF}

	
	#sidebar li ul li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 161px;
		top:-1px;
		z-index:101;
	}


	
	#sidebar li ul li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#sidebar li ul li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	/* Newsletter */
	#newsletter {color:#4c4c4c;padding:0 0 35px 13px}
	#newsletter h3 {font-size:1.5em;margin:0 0 0 -33px}
	#newsletter label {display:block;padding:0 0 0 5px}
	#newsletter input.input {border:1px solid #dcd5c9;padding:3px;width:155px}
	#submit {background:#f7f6f5;border:1px solid #dcd5c9;color:#7c2b0b;float:right;font:1.1em Candara, "Trebuchet MS", Arial, Sans-Serif;margin:5px 45px 0 0}
	#submit:hover, #submit:focus {background:#5e1d1a;border:1px solid #5e1d1a;color:#FFF}
	
	/* Club */
	#club a {background:#f9f7f3 url(images/backgrounds.png) no-repeat;display:block;height:56px;font-size:1.69em;font-style:italic;margin:20px 0 0 10px;padding:40px 10px 0;text-align:center;text-decoration:none;width:148px; clear: both;}

	/* Recipe */
	 a#recipe {background:#f9f7f3 url(images/backgrounds.png) no-repeat;display:block;height:56px;font-size:1.69em;font-style:italic;margin:-15px 0 0 20px;padding:20px 10px;text-align:center;text-decoration:none;width:148px; float: right;}


/* Footer */
#footer {clear:both;color:#FFF;overflow:hidden;width:100%;z-index:10;}
#footer a {color:#FFF;text-decoration:none}

	/* Menu */
	#footer ul {background:#4d6627 url(images/footer.gif) repeat-x;list-style:none;margin:0;padding:13px 0;text-align:right;}
	#footer ul li {display:inline;margin:0 22px}
	#footer ul li a:hover, #footer ul li a:focus, #footer ul li.current_page_item a {color:#400f0c}

	/* Copyright */
	#copyright {float:left;margin:10px 15px}

	/* Credit */
	#credit {float:right;margin:10px 15px}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Comments */
#comments_wrap {border-top:1px solid #e4e4e4;padding:15px 0 0}
#comments_wrap ol {list-style:none;margin:0}
#comments_wrap ol li {margin:0 0 15px}
#comments_wrap .commentmetadata {color:#666;font-style:italic}
#comments_wrap cite a {color:#222;font-size:1.1em;text-decoration:none}
#respond #submit {float:left}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;khtml-border-radius:3px;margin:10px;moz-border-radius:3px;padding-top:4px;text-align:center;webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/* IE6 */
#sidebar h3, #logo {behavior:url("http://dev.logicbydesign.com/oliveoil/wp-content/themes/olive/js/iepngfix.htc")}
#search {background: url(images/search_bg.png) no-repeat; margin: 5px; padding: 10px;position:absolute;
right:18px;
top:102px;}
.radiobuttons {width: 80px; float: left; margin:0;}
.radiobuttons_main {width: 161px; float: left; color: #fff;}
.searchbutton {}

/* Tooltips */
.tooltip { 
    display:none; 
    /* background:transparent url(images/black-arrow.png) no-repeat top left; */
    font-size:12px; 
    width:280px;
    padding: 10px 15px; 
    color:#fff;     
    z-index: 200;
    overflow: hidden;
    background-color:#65211F;
    border: 2px solid white; 
}

#content #shopp .tooltip img {
	float: left;
	padding-right: 10px;
}

#content #shopp .tooltip ul li {
	float: none !important;
	display: block;
}
.placesHolder {margin: 10px 10px 0;}
a.places{display: block; margin:0 0 4px 2px;font-size: 12px; vertical-align: middle; color: #111; text-decoration: none;}
a.places:hover {color:#448da6;}
a.places img{padding: 5px 0 0 0;vertical-align:text-bottom;}
a.places span.placestxt{padding: 0 0 0 10px;}

.clear {clear: both; display: block; height: 1px;}
.rose {background: #F5F4F2!important;}
#shopp form {padding:5px 0 0;}
#corp {float:left; margin:12px 15px 0;}
.original {text-decoration:line-through;}