@charset "utf-8";
/*
Theme Name: Labradoodle
Theme URI: http://www.labradoodle.nl/
Description: Webshop labradoodle
Author: E-Heroes
Version: 1.0
License: E-Heroes
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

/* --------- 1. common --------- */
html, body {
	background: url(_resources/images/common/html_body_bg.gif) repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3027;
	}
	
html { overflow-y: scroll;}
*{ outline: none; margin:0; padding:0;}
div.clear { clear: both;}
.floatLeft { float: left;}
.floatRight { float: right;}

a {
	color: #77bb2f;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 22px;
	text-transform: uppercase;
	color: #77bb2f;
	margin: 0 0 25px 0;
	display:block;
	}
	
h1 span {
	padding-right: 5px;
	background-color: #ffffff;
	}
	
h1.left {
	background: url(_resources/images/common/h1_bg_left.png) no-repeat top left;
	height: 48px;
	width: 897px;
	}
	

h2 {
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-size: 14px;
}

h2 .prodtitle a{
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
	margin: 0 0 15px 0;
	text-decoration:none;
}

h2.small {
	background: url(_resources/images/common/h2_bg_small.png) no-repeat top left;
	height: 48px;
	width: 320px;
	text-align: center;
	}
	
h2.middle {
	background: url(_resources/images/common/h2_bg_middle.png) no-repeat top left;
	height: 48px;
	width: 440px;
	padding: 0 0 0 85px;
	}
	
h2.full {
	background: url(_resources/images/common/h2_bg_full.png) no-repeat top left;
	height: 48px;
	width: 812px;
	padding: 0 0 0 85px;
}
	
h3 {
	font-weight: bold;
	margin: 0 0 15px 0;
	}
	
p {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	margin: 0 0 25px 0;
	}
	
div#bgImage {
	background-color: #C08740;
	border-top: 15px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	overflow:hidden;
	}
	
div#bgImage img {
	display: block;
	margin: 0 auto;
	}
	
div#canvas {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	}

div#header {
	width: 1000px;
	height: 180px;
	position: relative;
	
	border: 1px solid transparent;
	}
	
a#logo {
	background: url(_resources/images/common/logo_dogs_paradise_labradoodle.png) no-repeat top left;
	width: 414px;
	height: 94px;
	display: block;
	text-indent: -9999em;
	margin: 30px 0 0 0;
	}
	
a#shoppincartIndicator {
	background: url(_resources/images/common/icon_shoppingcart.png) no-repeat 0 0.2em;
	width: 130px;
	height: 40px;
	padding-left: 40px;
	position: absolute;
	top: 77px;
	right: 0;
	font-size: 10px;
	color: #ffffff;
	line-height: 13px;
	text-decoration: none;
	display: block;
	}

div#contentContainer {
	width: 1000px;
	margin: 0 0 20px 0;
	}

div#contentHeader {
	width: 1000px;
	height: 289px;
	}

div#content {
	background: url(_resources/images/common/content_bg_repeat.png) repeat-y top left;
	width: 900px;
	padding: 10px 50px 50px 50px;
	
	min-height: 200px;
	}

div#leftColumn {
	width: 420px;
	float: left;
	}
	
div#shopColumn {
	width: 600px;
	float: left;
	border-right:solid 1px #77bb2f;
	padding-right:20px;
	min-height:300px;
}

div#shopRightColumn {
	width: 240px;
	float: left;
	padding-left:20px;
}

div#shoppayColumn {
	width: 830px;
	float: left;
	border-right:solid 1px #77bb2f;
	padding-right:20px;
}

div#shoppayRightColumn {
	width: 10px;
	float: left;
	padding-left:20px;
}

div#rightColumn {
	width: 420px;
	float: right;
	}

div#contentFooter {
	background: url(_resources/images/common/content_footer.png) no-repeat top left;
	width: 1000px;
	height: 20px;
	}

div#footer {
	background: url(_resources/images/menus/bg_menu.png) no-repeat 10px 0;
	width: 1000px;
	height: 40px;
	margin: 0 0 40px 0;
	font-size: 11px;
	color: #898989;
	}
	
div#footer a {
	color: #898989;
	text-decoration: none;
	}
	
div#footer a:hover { color: #3c3027;}
	
ul#footerLinks {
	width: 600px;
	height: 40px;
	float: left;
	padding: 0 0 0 50px;
	}

ul#footerLinks li {
	list-style-type: none;
	height: 40px;
	float: left;
	}

ul#footerLinks li a {
	display: block;
	height: 17px;
	padding: 13px 0 10px 0;
	margin: 0 25px 0 0;
	}
	
ul#footerLinks li a.selected {
		color:#77bb2f;
	}
	
ul#footerLinks li a:hover {
	color: #3c3027;
	}
	
div#copyright {
	float: right;
	margin: 12px 50px 0 0;
	}
/* --------- end: 1. common --------- */



/* --------- 2. menus --------- */
ul#menu {
	background: url(_resources/images/menus/bg_menu.png) no-repeat top left;
	width: 980px;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 10px;
	}

ul#menu li {
	list-style-type: none;
	height: 40px;
	float: left;
	}

ul#menu li a {
	display: block;
	height: 15px;
	padding: 15px 27px 10px 27px;
	margin: 0 1px 0 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #78bb30;
	text-decoration: none;
	}

ul#menu li a:hover { background: url(_resources/images/menus/menu_a_bg_hover_selected.png) no-repeat top center; color: #ffffff;}
ul#menu li a.selected { background: url(_resources/images/menus/menu_a_bg_hover_selected.png) no-repeat top center; color: #ffffff;}

ul#menu li a:hover.home { background: url(_resources/images/menus/menu_a_bg_hover_selected.png) no-repeat top left; color: #ffffff;}
ul#menu li a.selected.home { background: url(_resources/images/menus/menu_a_bg_hover_selected.png) no-repeat top left; color: #ffffff;}
/* --------- end: 2. menus --------- */



/* --------- 3. content --------- */
/*common*/
div.introContainer {
	width: 320px;
	float: left;
	margin: 0 0 20px 0;
	}

div.newsContainer {
	width: 525px;
	height: 220px;
	float: right;
	margin: 0 0 20px 0;
	}
	
div.productHomeContainer {
	width: 897px;
	height: 160px;
	}
	
/*nieuws*/
ul#newsItems {
	width: 100%;
	height: 220px;
	}

ul#newsItems li {
	list-style-type: none;
	width: 150px;
	float: left;
	margin: 0 37px 0 0;
	cursor: pointer;
	}

ul#newsItems li:last-child {
	margin: 0 0 0 0;
	}

ul#newsItems li:hover a {
	text-decoration: none;
	}

ul#newsItems li p {
	text-align: left;
	margin: 0 0 15px 0;
	}

	
	
/*products home*/

li.widget_wpsc_latest_products { list-style-type: none; margin:0px;}

ul.wpsc-latest-products {
	float: left;
	}

ul.wpsc-latest-products li{
	background: url(_resources/images/common/product_divider_home.png) no-repeat top right;
	list-style-type: none;
	width: 225px;
	float: left;
	margin: 0px 0px 0 10px;
	padding:10px 0;
	}

ul.wpsc-latest-products li  div.item_image {width:60px; overflow:hidden; height:70px;float:left;}	
ul.wpsc-latest-products li img {
	float: left;
	margin: 0px 30px 0 0;
	border:solid 1px #78bb30; padding:2px;
	}

ul.wpsc-latest-products li span {
	margin: 15px 0 10px 0;
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: #78bb30;
	}

ul.wpsc-latest-products li a {
	margin: 0 0 5px 0;
	display: block;	
}

ul.wpsc_categories{}
ul.wpsc_categories li{ float:left;list-style-type: none; width:200px; height:22px;}

	
/*products*/
div.productItem {
	background: url(_resources/images/common/product_item_bg.gif) no-repeat top left;
	width: 406px;
	height: 91px;
	padding: 10px;
	position: relative;
	float: left;
	margin: 0 24px 24px 0;
	}

div.productItem img {
	float: left;
	border: none;	
	}

div.productItem span.productTitle {
	font-weight: bold;
	display: block;
	position: absolute;
	left: 140px;
	top: 10px;
	}

div.productItem p {
	width: 240px;
	height: 40px;
	overflow: hidden;
	text-align: left;
	position: absolute;
	left: 140px;
	top: 35px;
	}

div.productItem a#btBekijken {
	position: absolute;
	left: 140px;
	top: 80px;
	}

div.productItem a#btWinkelwagen {
	position: absolute;
	left: 200px;
	top: 80px;
	}

div.productItem span.productPrice {
	width: 72px;
	position: absolute;
	bottom: 12px;
	right: 15px;
	text-align: center;
	font-weight: bold;
	color: #78bb30;
	}
	
div.productDescription {
	width: 624px;
	float: left;
	}

div.productDescriptionTop {
	background: url(_resources/images/common/product_description_top_bg.png) no-repeat top left;
	width: 624px;
	height: 10px;
	}

div.productDescriptionBottom {
	background: url(_resources/images/common/product_description_bottom_bg.png) no-repeat top left;
	width: 624px;
	height: 10px;
	}

div.productDescriptionContent {
	background: #e9e9e9;
	width: 564px;
	padding: 15px 30px;
	position: relative;
	}
	
div.productImgContainer {
	border: 3px solid #78bb30;
	float: left;
	width: 222px;
	height: 222px;
	margin: 0 15px 0 0;
	}

span.productDescriptionPrice {
	background: url(_resources/images/common/product_description_price_bg.png) no-repeat top left;
	height: 49px;
	width: 164px;
	display: block;
	padding: 115px 0 0 0;
	text-align: center;
	font-weight: bold;
	color: #78bb30;
	font-size: 17px;
	position: absolute;
	top: 20px;
	right: 30px;
	}
	
div.productDescriptionContent a {
	position: absolute;
	top: 190px;
	right: 44px;
}

span.productDescriptionTitle {
	font-weight: bold;
	font-size: 17px;
	margin: 0 0 20px 0;
	display: block;
}

div.productDescriptionContent p {
	width: 350px;
}

div.productDescriptionContent ul {
	margin: 0 0 0 15px;
	width: 350px;
}

div.productDescriptionContent ul li {
	color: #78bb30;
	margin: 0 0 10px 0;
}

/*news*/
div.newsOverviewBar {
	width: 100%;
	border-bottom: 1px solid #d6eac0;
	margin: 0 0 30px 0;
    overflow: hidden;
}

div.newsOverviewItem {
	width: 420px;
	height: 170px;
	float: left;
	margin: 0 40px 0 0;
}

div.newsOverviewItem:last-child {
	margin: 0;
}

div.newsOverviewItem img {
	border: 3px solid #78bb30;
	float: left;
	margin: 0 15px 0 0;
}

div.newsOverviewItem span {
	font-weight: bold;
}

div.newsOverviewItem p {
	margin: 15px 0;
	height: 78px;
	overflow: hidden;
}

div#newsItemContainer {
	width: 100%;
}
	
div#newsItemContainer img {
	border: 3px solid #78bb30;
	float: left;
	margin: 0 25px 0 0;
}
	
div#newsItemContainer span {
	font-weight: bold;
	display: block;
	margin: 0 0 15px 0;
}

div#newsItemContainer p {
	display: block;
	width: 710px;
	float: left;
}

div#newsItemContainer a {
	margin: 15px 0 0 0;
	cursor: pointer;
}

/*contact*/
div#contactInfo {
	background: url(_resources/images/common/logo_contact_dogs_paradise_labradoodle.png) no-repeat top left;
	padding: 60px 0 0 0;
	width: 237px;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	float: right;
	margin: 0 50px 0 0;
}

div#contactInfo span {
	color: #78bb30;
}
	
div#googleMapsContainer {
	width: 550px;
	height: 170px;
	border: 3px solid #78bb30;
}
/* --------- end: 3. content --------- */



/* --------- 4. buttons --------- */
a.btBezoekWebshop {
	background: url(_resources/images/buttons/bt_bezoek_onze_webshop.png) no-repeat top left;
	width: 126px;
	height: 60px;
	padding: 30px 0 0 0;
	display: block;
	float: right;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	margin: 0 30px 0 0;
}

a.btBezoekWebshop:hover {
	background-position: bottom left;
	color: #ffffff;
}

.btNormal {
	background: url(_resources/images/buttons/bt_normal_rightside.png) no-repeat top right;
	display: inline-block;
	cursor: pointer;
	height: 36px;
	padding-right: 20px; /* deze waarde moet gelijk zijn aan de width van de img aan de rightside */
	font: bold 12px arial, sans-serif;
	text-decoration: none;
	color: #ffffff;
}

.btNormal:hover {
	background-position: bottom right;
}

.btNormal span {
	background: url(_resources/images/buttons/bt_normal_leftside.png) no-repeat;
	display: block;
	height: 26px; /* de hoogte min de waarde van de padding-top */
	padding: 10px 0 0 20px;
} 

.btNormal:hover span { background-position: bottom left;}
/* --------- end: 4. buttons --------- */


div#breadcrumbs{font-size:11px; margin:0 20px 10px 50px; color:#888; float:left; text-align:right; position:relative; z-index:1000}
div#breadcrumbs a {text-decoration:none;}

img.alignleft {float:left; margin:5px 5px 5px 0px; padding:5px; border:solid 1px #dedede;}


div.dogView {width:100px; padding:8px;text-align:center; margin-right:5px; margin-bottom:5px; border: 2px solid #78bb30; float:left; height:120px;}
div.dogView a {text-decoration:none;  }
div.dogView img { margin-top:5px; width: 100px; height: 100px;}
div.endDogsView {width:100%; height:20px;clear:both;}
ul.extpageList {padding-bottom:30px;}
ul.extpageList li.page_item{ float:left; list-style:none; width:210px; border-bottom:solid 1px #dedede; padding-bottom:4px; margin-bottom:4px;}
ul.extpageList li.current_page_item {font-weight:bold;}

img.attachment-homepage-thumbnail { border:solid 1px #78bb30; padding:2px;}

#youtube {
	background: url(_resources/images/buttons/youtube.png) no-repeat;
	width: 34px;
	height: 34px;
	text-indent: -200px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 999;
}

.qtrans_language_chooser {
  float: right;
  list-style: none;
  margin: 40px 60px;
  position: relative;
  z-index: 99;
}

.qtrans_language_chooser li {
  float: left;
  margin: 0 10px 0 0;
}
.qtrans_language_chooser li a span {
  color: #fff;
}