/*
Theme Name: X10
Theme URI: http://www.andytroy.nl/
Description: Custom theme for xwatersport.com
Version: 1.0
Author: Andy Troy
Author URI: http://www.andytroy.nl/
Tags: Blue, red, white

*/

html,body {
	height:									100%;
	margin:									0;
	padding:								0;
}
body {
	font:									12px;
	font-family:							Georgia, "Times New Roman", "Bitstream Charter", Times, serif;	
	color:									#404040;
	background:								url(images/x10c_17.png) repeat left top scroll;
}
#container {
	margin: 								0px auto 0px auto;
	padding: 								0px 0px 0px 0px;
	min-width:								800px;
}
#topheader { 
	background:								url(images/topheaderbg.png) repeat-x left top;
	width:									100%;
	height:									122px;	
	z-index:								99;	
}
#navbar { 
	background:								url(images/topheaderbg2.png) no-repeat -4px top;
	_background:							url(images/topheaderbg2.png) no-repeat -6px top;
	width:									1000px;
	height:									112px;
	margin: 								0px auto 0px auto;
	padding: 								74px 0px 0px 82px;
}
	 #navbar ul {
	 	margin:								0px;
		list-style:							none; 
		padding:							0px;
	 }
	 	#navbar li {	 		
	 		float:							left;
	 	}
		#navbar li img {
			border:							0px;
		}
		
		#home2 {
			position:						relative;
		}
			
						
.headermenu {
	position:								absolute;
	top:									112px;
	left:									0px;
	background:								url(images/x10c2_06.png) repeat-x center bottom;
	height:									183px;
	width:									100%;
	z-index:								4;
	min-width:								1000px; 
	font-family:							Georgia, "Times New Roman", "Bitstream Charter", Times, serif;	
}

.sub {
	display:								none;
	
}
	.submenu {
		margin: 							0px auto 0px auto;
		width:								930px;
		font-family:						Georgia, "Times New Roman", "Bitstream Charter", Times, serif;	
	
	} 
		.subsubmenu {				
			height:							150px;
			float:							left;
			margin-right:					50px;			
		}
		.subsubmenu2 {					
			height:							150px;
			float:							left;
			margin-right:					50px;			
		}			
			
			.submenutitle {
				color:						#f3f3f3;
				font-size:					17px;
				margin:						0px;
				padding:					12px 0px 5px 0px;
			}	
			.submenutitle a {
				color:						#f3f3f3;
				font-size:					17px;
				margin:						0px;
				padding:					12px 0px 5px 0px;
				text-decoration:			none;
			}	
			.submenutitle2 {
				color:						#800000;
				font-size:					17px;
				margin:						0px;
				padding:					5#800000;px 0px 5px 0px;
			}	
			.submenutitle2 a {
				color:						#800000;
				font-size:					17px;
				margin:						0px;
				padding:					5px 0px 5px 0px;
				text-decoration:			none;
			}		
			.subsubmenuul li {				
				height:						20px;
				overflow:					hidden;						
			}
			.submenu-items {
				color:						#c0c0c0;
				text-decoration:			none;
				margin-left:				5px;
			}
			.submenu-items2 a{
				color:						#f3f3f3;
				font-size:					17px;
				margin:						0px;
				padding:					0px 0px 0px 0px;
				text-decoration:			none;
			}
			.submenu-items3 {
				color:						#313131;
				text-decoration:			none;
				margin-left:				5px;
			}
						
			#merken {
				color:						#800000;
				text-decoration:			none;
				margin-left:				5px;
			}
			
			#submenuproducts {
				width:						650px;				
			}
			
			

#line {
	position:								absolute;
	top:									112px;
	left:									0px;
	background:								url(images/lijn.png) repeat-x center top;
	height:									40px;
	width:									100%;
	z-index:								1;
	min-width:								1000px;	
}

#headerpic2 {	
	height:									300px;
	z-index:								3;
	width:									889px;	
	margin: 								-10px auto 0px auto;	
	padding:								0px;
	
}
	#headerpicimage {		
		background:							url(images/headerpicbg.png) no-repeat;	
		margin: 							0px 0px 0px -52px;
		padding:							0px 0px 0px 0px;
		width:								933px;
		height:								300px;
		z-index:							1;
	}
	#headerpicimage img {		
		margin:								0px 0px 0px 4px;
	}
	
#cartcontainer {
	position:								absolute;
	top:									5px;
	width:									100%
	margin: 								0px auto 0px auto;	
	z-index:								10;
}
	#lang {
		width:								1055px;
		text-align:							right;
		padding-bottom:						5px;
	}
	#lang img {
		border:								0px;		
	}	
	#shoppingcart{
		width:								1055px;
		text-align:							right;	
		filter:								alpha(opacity=90);
		-moz-opacity:						0.9;
		-khtml-opacity: 					0.9;
		opacity: 							0.9;
	}
	#cartbutton {
		text-align:							right;
		padding-right:						5px;
	}
	#shoppingcart2{
		width:								200px;	
		margin-left:						860px;
		text-align:							left;				
	}
	#shoppingcartdetails {
		display:							none;
		font-size:							12px;
		z-index:							10;
		background:							#fff;	
		padding:							5px;
	}
	#shoppingcart2 img {
		border:								0px;		
	}
	#shoppingcart2 a {		
		color:								#f3f3f3;
		font-size:							16px;
		text-decoration:					none;		
	}
	#shoppingcartdetails a{
		color:								#800000;
		font-size:							12px;
		text-decoration:					none;
		font-weight:						bold;
	}
	
	
#breadcrumbs {
	margin: 								0px auto 0px auto;
	width:									1000px;
	padding:								5px 5px 0px 40px;	
	font-size:								10px;	
	font-weight:							bold;
	color:									#c0c0c0;
	text-decoration:						none;
}
	#breadcrumbs a {
		font-size:							10px;	
		font-weight:						bold;
		color:								#c0c0c0;
		text-decoration:					none;
		margin-left:						0px;
	}	
	

#content {
	width:									1000px;
	margin: 								5px auto 0px auto;
}
#introtext {
	margin:									25px 0px 25px 0px;
}
	#maintop {
		background:							url(images/contentbg1_01.png) no-repeat;
		width:								722px;
		height:								13px;
		margin-left:						1px;
	}
	#main {
		background:							url(images/contentbg1_02.png) repeat-y; 
		width:								669px;
		min-height:							500px;
		float:								left;
		padding:							0px 25px 25px 25px;
		margin-left:						1px;	
	}
	#mainbottom {
		background:							url(images/contentbg1_03.png) no-repeat;
		width:								722px;
		height:								13px;
		margin-left:						1px;
	}
	#col_front {
		width:								320px;
		min-height:							300px;
		float:								left;
		margin-right:						14px;
	}
	#col_front img {
		display:							none;
	}
	/*
	#col_front2 img {
		display:							none;
	}
	
	*/
	#col_front2 {
		width:								320px;
		min-height:							300px;
		float:								left;
		margin-right:						14px;
	}

	#col_cat {		
		width:								665px;
		min-height:							300px;
				
	}		
		.items {
			color:							#650c0c;
			border-bottom:					dotted 1px #c0c0c0;				
			
			width:							320px;			
			margin:							0px 0px 0px 0px;	
			padding-bottom:					10px;		
		} 
		.items2 {
			color:							#650c0c;
			border-bottom:					dotted 1px #404040;					
			min-height:						125px;
			width:							320px;			
			margin:							0px 12px 0px 0px;	
			padding-bottom:					10px;
			float:							left;		
		} 
		.itemdate {
			font-size:						11px;
			font-style:						italic;
		}
		.wp-post-image {
			float:							left;	
			margin:							0px 5px 5px 0px;
			border:							solid 2px #650c0c;
		}	
		.entry img {
			border:							0px;
			float:							left;
		}	
		
	
	
	#subbar {
		float:								left;
		margin:								-12px 15px 0px 0px;
		width:								217px;
		color:								#c0c0c0;
		font:								11px;
	}

		#bartop {
			width:							217px;
			height:							13px;
			background:						url(images/submenublue_01.png) no-repeat;
			padding:						0px;
			margin:							0px;
		}
		#bar {
			background:						url(images/submenublue_02.png) repeat-y;
			width:							200px;	
			min-height:						350px;
			padding:						10px 10px 10px 15px;	
		}
		
			#bar a {
				color:						#c0c0c0;
				font-size:					12px;				
				text-decoration:			none;
			}
		#bar h2 a{
			color:							#808080;
			font-size:						16px;
		}

			#bar li {
				list-style:					none;
				font-size:					12px;	

			}
				#bar ul {
					margin:					0px;
					padding:				0px;	
				} 
		#barbottom {
			width:							217px;
			height:							13px;
			background:						url(images/submenublue_03.png) no-repeat;
		}	
		
		#bar2 {
			background:						url(images/submenublue_02.png) repeat-y;
			width:							200px;	
			min-height:						350px;
			padding:						0px 10px 10px 15px;	
			margin-top:						-15px;
		}
			#bar2 a {
				color:						#c0c0c0;
				font-size:					12px;				
				text-decoration:			none;
			}
		#bar2 h2 a{
			color:							#808080;
			font-size:						16px;
		}

			#bar2 li {
				list-style:					none;
				font-size:					12px;	

			}
				#bar2 ul {
					margin:					0px;
					padding:				0px;	
				} 

	

#footercontainer {
	width:									1000px;
	margin: 								5px auto 0px auto;
}
#footer {						

	width:									715px;
	height:									38px;
	color:									#ccc;
	padding-top:							6px;
	margin-left:							3px; 
	background:								url(images/footerbg.png) no-repeat left;
	font:									12px verdana, arial, helvetica, sans-serif;
	float:									left;
	text-align:								center;
}
	#footer a {
		color:								#ccc;
	}


h1 {
	font-size:								20px;
	color:									#650c0c;
	border-bottom:							dotted 1px #404040;	
}

#main h2 {
	font-size:								16px;
	color:									#404040;
	padding:								0px;
	margin:									15px 0px 0px 0px;
}
#main h2 a {
	color:									#164a67;
	text-decoration:						none;
}
#main h2 a:hover {
	color:									#404040;
	text-decoration:						none;
}

#subbar h2 {
	font-size:								16px;
	padding:								0px;
	margin:									15px 0px 0px 0px;
}

#search {
	width:									115px;
}


/* slider */
 
#zachtgoed-slider {
	/* background:transparent 		url(/images/624x31_static_bar.png) repeat-x scroll 0 bottom; */
	margin:						5px 10px 5px 4px;
	font-family:				arial;
	font-size:					14px;
	font-size-adjust:			none;
	font-stretch:				normal;
	font-style:					normal;
	font-variant:				normal;
	font-weight:				normal;
	line-height:				normal;
	padding:					0px;		
	overflow:					hidden;
	position:					relative;
	   /* border: 2px solid #555;*/
	width: 						920px;
	height: 					284px;
	float:						left;
}

.main_image h2 {
    font-size: 					20px;
    font-weight:				bold;
    text-decoration:			none;   
    color:						#FFFFFF;
	padding:					2px;
	margin:						3px 0px 2px 0px;
	cursor:						pointer;
	overflow:					hidden;
	width:						500px; 
}
.main_image a {
	text-decoration:			none;
}

.main_image .excerpt {
	font-size:					14px;
	font-weight:				normal;
	font-family:				Georgia, "Times New Roman", "Bitstream Charter", Times, serif;	
	
}

.main_image .content-related {
	bottom:						65px;
	overflow:					hidden;
	padding:					10px 10px 0px 15px;
}


.main_image p {
    font-size: 					1.2em;
    line-height: 				1.6em;
    color:						#fff;
    padding: 					10px;
    margin: 					0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 					1em;
    color:						#fff;
    padding: 					0 0 0 20px;
    background: 				url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {
	margin-left: 				10px;
	}
.main_image .block{
	height:						0px;
    position: 					absolute;
    color:						#fff;
    bottom: 					0px;
    right: 						0px; /*--Stick the desc class to the bottom of our main image container--*/
    width: 						300px;
    background: 				#111;
    border-top: 				1px solid #000;
}

  #test-test {
    width: 						920px;
    font-family:				arial;
	font-size:					14px;
	font-size-adjust:			none;
	font-style:					normal;
	font-variant:				normal;
	font-weight:				normal;
	line-height:				normal;
	float:						left; 
  }

img.reflected {
	margin-bottom:				2px;
}

.contentslider {
	background-color:			#330a0a;
	float:						none;
	height:						300px;
	margin:						0;
	padding:					0;
	position:					relative;
}
  
.image_thumb {
	width: 						150px;
	background: 				#f0f0f0;
	color:						#999999;
	/*background:transparent url(/images/transparent-000.png) repeat scroll 0 0;*/
	background:					transparent;
	top:						20px;
	float:						left;
	position:					absolute;  
}

.image_thumb img {
	border:						1px solid #000000;
	display:					block;
	height:						36px;
	width:						64px;
	margin-top: 				9px;
}

.thumbs {
	bottom:						0px;	
	color:						#999999;
	/* background:				#dedede; */
	
	font-size:					11px;
	height:						50px;
	width:						100px;
	margin:						0px 0px 0px 0px;
	padding:					10px 0px 0px 0px;
	z-index:					1;	
}

.image_thumb ol li{
	cursor:						pointer;
	float:						left;
	list-style:					none;
	padding:					0px 0px 0px 17px;
	position:					relative;
	height:						55px;	
}

.image_thumb ol li.selected {
	list-style:					none;
	color:						#FFFFFF;
	font-size:					12px;
	font-weight:				bold;
}

.image_thumb ol li.selected img {
	border:						2px solid #333333;
}

.image_thumb ol li a {
	display:					block;
	position:					relative;
}

.image_thumb ol li.hover { /*--Hover State--*/
    cursor: 					pointer;
}
.image_thumb ol li.active { /*--Active State--*/
    cursor: 					default;
}
html .image_thumb ol li h2 {
    font-size: 					1.5em;
    color:						#fff;
    margin: 					0px;
    padding: 					0px;
}

.thumbs li .title {
	display:					block;
	overflow:					hidden;
	padding:					0;
	text-align:					center;
	width:						64px;
	height:						20px; 
}
/*.image_thumb ol li p{display: none;}*//*--Hide the description on the list items--*/  
  
 
 

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
 
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}