/*
** CSS template Overzeas Webshop
** made by Federico Capoano
*/

BODY.cms-overzeas-winkels-html {
background: url(/overzeas/images/contentbg.jpg);
}


/*------------------------ Home Visual ---------------------*/
.right_language {
		float:right;
		width:250px;}


.home-page-item {
		width:155px;
		float:left;
		margin-left:15px;}
		
.home-page-txt {
	text-align:center;}


#slider1 {
    width: 764px; /* important to be same as image width */
    height: 262px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	}
	
#slider1 ul {
		margin:0px;
		padding:0px;} 

#slider1 li {
		margin:0px;
		padding:0px;}

a {color:#FFFFFF;}
a.image {color:#000000;}

#slider1Content {
    width: 764px; /* important to be same as image width or wider */
	position:relative;
	height:262px;
	float:left;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
	margin-top:-10px;

}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    display: none;
}
.visualclear {
	clear: both;
}
.slider1Image span strong {
	color:rgb(100%,0%,0%);
    font-size: 14px;
	
}
.visualleft strong {
		color:#0F0;}

.visualleft {
	top: 0;
    left: 0;
	width: 130px !important;
	height: 260px;
	padding-left:10px;
	padding-top:10px;
}
.visualright {
	right: 0;
	bottom: 0;
	width: 130px !important;
	height: 266px;
	padding-left:10px;
}
visual ul { list-style-type: none;
	margin:0px;
	padding:0px;}

/*------------------------End Home Visual ---------------------*/


.block-compare-item a { color:#666;}

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address,
del, dfn, font, img, ins, kbd, q, s, samp,
strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, td {
	margin:						0;
	padding:						0;
	border:						0;

}

.add-to a {
		color:#646464;
		font-weight:bold;}

h1, h2, h3, h4, h5, h6,
th, caption{
	margin:						0;
	padding:						0;
}

noscript{
	display:						block;
	width:						80%;
	padding:						20px;
	margin:						20px auto;
	background:					transparent;
	font-size:					15px !important;
	font-weight:				bold;
	text-align:					center;
	color:						red;
	border:						1px solid red;
}

:focus 							{ outline: 0;}
table 							{ border-collapse: collapse; border-spacing:	0; }
a img								{ border:	0 none;}
textarea 						{ overflow: auto; }
ul									{ list-style: none outside; }
label								{ cursor: pointer; }
blockquote						{ font-style:	italic; }
.accessibility 				{ position:	absolute; left: -99999px; }

.outer, .center				{ text-align: center; }
.justify, .contrast			{ text-align: justify; }
.inner							{ margin: 0 auto; text-align: justify; }
.left								{ float: left; }
.clear							{ clear:	both; }
ul.left li,
ul.left li a					{ float: left; }

/* --------- Layout --------- #850A15 */

body {
	background:					#336633 url(../images/background.gif) no-repeat scroll 50% 0;
	color:						white;
	font-family:				"Arial", "Helvetica", "Freesans", sans-serif;
	font-size:					12px;
}

a									{ color: white; }
a:hover							{ text-decoration: none; }
#head a							{ text-decoration: none; }
#right .content a				{ color: #990000; font-weight: bold }
#login a							{ padding: 2px 8px }
#login a:hover					{ text-decoration: underline }
#login a:focus 				{ outline: 1px dotted #FFF; text-decoration: none !important}
#head h1 a:hover				{ outline: Gray dotted 1px; }
#head h1 a:focus				{ outline: White dotted 1px; }
#navigation ul a:hover		{ color:#000000; background-color:#fdfdfd; text-decoration: none !important; }
#right #news p a				{ font-weight:normal; text-decoration: none; }
#right #news p a:hover		{text-decoration:underline; }
#right #news ul p a			{ color:#990000; }
#right #news ul span		{ color:#990000; text-align:left; }
#foot .center a				{ color: #999999; text-decoration: none }
#foot .center a:hover		{ color: #FFF }
#footer-nav li a				{ text-decoration: none; padding: 0 6px; border-left: 1px solid white }
#footer-nav li a:hover		{ color: #BAB9B8; }

#container{
	width:						960px;
	margin:						0 auto;
	}
	
#head {
		width:960px;
		float:left;
		margin:auto;}



#head h1{
	float:						left;
	position:					relative;
	height:						78px;
	cursor:						pointer;
	font-size:					24px;
}

#head h1 a{
	float:						left;
	width:						300px;
	height:						75px;
	text-align:					center;
}

#head h1 span{
	position:					absolute;
	top:							0;
	left:							0;
	width:						291px;
	height:						75px;
	background:					transparent url(../images/logo.png) no-repeat scroll 0 0;
	cursor:						pointer;
}

#login{
	margin:						0px 0 5px 0;
	padding:						0 0px 0 0;
	line-height:				19px;
	text-align:					right;
	float:right;
	width:170px;
	
}

.navigation {
		height:52px;
		width:950px;
		position:relative;
		float:left;
		}
		
.head_top {
		float:left;
		position:relative;
		width:950px;}

.head_bottom {
		float:left;
		position:relative;
		width:950px;}


#navigation{
	height:						52px;
	background:					black url(../images/navigation-dotted-bg.png) repeat-x scroll 0 0;
	line-height:				25px;
	width:						935px;
	padding-left:15px;
}

.navigation_top {
		float:left;
		width:930px;
		height:25px;
		padding-right:20px;}

.navigation_bottom {
		float:left;
		width:930px;
		height:24px;
		padding-top:1px;} 
		
#navigation ul {
	float:left;}
	
#navigation ul li {
		float:left;}

#navigation ul a{
	margin:						0 23px 0 0;
	font-weight:				bold;
	text-transform:			uppercase;
	float:left;
	padding-left:5px;
	padding-right:5px;
	
}

#cart span						{ text-transform: uppercase; }
#cart .button					{ margin: 0 0 0 5px; }
#product-search label 		{ text-transform: uppercase; font-weight: bold }
#product-search .textinput { margin: 0 5px }
#product-search button 		{ position: relative; bottom: -1px; }
#navigation select			{ width: 130px; }

#body								{ float: left; }

#body #left, #navigation	{ margin-left: 0px; }

#right {
	float:						right;
	width:						784px;
	margin-left:				4px;
	margin-bottom:10px;
}

#left{
	float:						left;
	width:						161px;
}

#left-navigation li a{
	display:						block;
	height:						24px;
	padding:						0 5px 0 10px;
	background:					transparent url(../images/left-nav-bg.png) repeat-x scroll 0 0;
	font-weight:				bold;
	font-size:					12px;
	line-height:				24px;
	text-transform:			uppercase;
}

#left .subnav{
	padding-top:				1px;
	background:					transparent url(../images/left-subnav-bg.png) repeat-x scroll 0 -23px;

}

#left .subnav li a{
	padding:						0 0 0 20px !important;
	background-image:			 url(../images/left-subnav-bg.png);
	color:						#E5BFBF;
}

.level1 {

	border:0px solid #000000;
	background:					transparent url(../images/left-nav-bg.png) repeat-x scroll 0 0;
	padding-left:20px;
}

#left .subnav li a.last		{ background-image: none; }
#left-navigation li a:hover{ color:#999; }
#left .subnav li a:hover	{ color: white; }

#foot{
	clear:						both;
	padding:						0 10px 10px;
	background-color:			#181512;
}

.mailing-list{
	height:						31px;
	background:					#181512 url(../images/navigation-dotted-bg.png) repeat-x scroll 0 5px;
	line-height:				30px;
	text-align:					right;
}

.mailing-list label			{ font-weight: bold; text-transform: uppercase; }
#footer-nav						{ margin: 8px auto; text-align: center; }
#footer-nav li					{ display: inline; }
#footer-nav li.first a		{ border-left: 0 none; }
#foot .center					{ margin:8px 0 0; color: #999999; }

/* ------- Template classes & typography ------- */

#right .lesswide				{ width: 369px; }
#right .narrow					{ width: 329px; }
#left .special a				{ text-decoration: none }

#right .box{
	padding:						10px;
	margin:						5px 0 0;
	color:						white;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:10px;
	background-color:#FFF;
	border:10px solid #181512;
}

#right .box3{
	margin:						5px 0 0;
	color:						white;
	background-color:#FFF;
	border:10px solid #181512;
}

.discount-codes {
	padding:						10px;
	margin:						5px 0 0;
	color:						#181512;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:10px;
	background-color:#FFF;
	border:1px solid #181512;}
	
.shipping-estimate {
	padding:						10px;
	margin:						5px 0 0;
	color:#181512;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:10px;
	background-color:#FFF;
	border:1px solid #181512;}

#right .box2{
	padding:						10px;
	margin:						5px 0 0;
	color:						white;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:10px;
	background-color:#FFF;
	border:5px solid #181512;

}


#right .box a:link, #right .box a:visited {color:#646464; text-decoration:underline; outline:none;} 
#right .box a:active {color:#000000; text-decoration: none} 
#right .box	a:hover {
	color:#646464;
	text-decoration: underline;
} 

#right .box h3,
#right .box h2{
	margin:						-4px 0 6px;
	font-size:					12px;
	text-transform:			uppercase;
	
}

#right .box .content,
#right .box .graphic-content{
	
	padding-bottom:10px;
	padding-right:10px;
	
	padding-top:10px;
	color:						#181512;
}

#right .graphic-content		{ padding: 0 !important; }
#right .graphic-content img{ margin:  0;  }
#right .content img			{ margin:  5px; }

#news								{ overflow: auto; }
#right #news ul				{ margin:0; list-style: none outside; }
#news ul span					{ float:left; text-align:left; }

#right #news ul li{
	clear:						both;
	overflow:					auto;
	padding:						0 0 5px;
	text-align:					left;
}

#news p{
	clear:						both;
	margin:						0 !important;
	padding:						5px 0 0;
}

#right #news ul p{
	float:						left;
	width:						230px;
	margin:						0;
	padding:						0;
}

#left .box{
	margin:						5px 0 0;
	padding:						8px;
	background-color: 		#990000;
	
}

#left .boxprogress {
	margin:						5px 0 0;
	padding:						8px;
	background-color: #0C3;
	width:144px;
	float:right;
	background-color:#990000;
	
}

#left h3							{ font-size: 13px; text-transform: uppercase; color:#FFF; }
#left .special					{ padding: 10px 0 0; }
#left .special h3 			{ padding: 0 10px; margin: -3px 0 6px !important; text-align:left; }

#left .content{
	margin:						8px 0 0;
	padding:						10px;
	background-color:			white;
	color:						black;
	font-size:					11px;
}

.textinput, .selectinput{
	font:							normal 11px/16px "Arial", "Helvetica", "Freesans", sans-serif;
	border:						1px solid #343434;
}

.textinput:focus,
.selectinput:focus 			{ border: 1px solid #B2B2B2; outline: 1px solid #B2B2B2; }
.textinput						{ height: 16px; margin:	auto 3px; padding: 0 4px; }
.radioinput, .checkinput	{ margin:0 3px 0 0; vertical-align: middle; cursor: pointer; }


#left .button {

	margin:						3px;
	background:					#990000 url(../images/button.png) repeat-x scroll 0 0;
	cursor:						pointer;
	color:						white;
	font:							bold 11px/18px "Arial", "Helvetica", "Freesans", sans-serif;
	text-transform:			uppercase;
	border:					 	0;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:2px; 
	width:100px;
	text-align:center;}


.button, button{
	margin:						3px;
	background:					#990000 url(../images/button.png) repeat-x scroll 0 0;
	cursor:						pointer;
	color:						white;
	font:							bold 11px/18px "Arial", "Helvetica", "Freesans", sans-serif;
	text-transform:			uppercase;
	border:					 	0;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:2px;
	text-align:center;
	
	
	

}

.button_login{
	height:						18px;
	margin:						auto 3px;
	padding:						2px 7px;
	background:					#990000 url(../images/button.png) repeat-x scroll 0 0;
	cursor:						pointer;
	color:						white;
	font:							bold 11px/18px "Arial", "Helvetica", "Freesans", sans-serif;
	text-transform:			uppercase;
	border:					 	0;
}

input.button, button			{ line-height: 9px; }
button span, a.button span	{ padding: 0 12px 0 0; background: transparent url(../images/arrow.png) no-repeat scroll right center; }

/* Target gecko */
html:not([lang*=""]) button{ position:relative; }
html:not([lang*=""]) button span{ position:relative; top:-1px }

/* Target opera */
@media screen and (min-width: 0px){
					button		{ position:relative; top:-1px }
        			button span { position:relative; bottom:-2px }
/* Webkit reset */
		button:not(:root:root),
button span:not(:root:root){ position:static !important }
}

a.button:hover					{ text-decoration: none !important; }
a.button:focus					{ outline: #B2B2B2 solid 1px; position: relative; bottom:-1px; right:-1px; }

#right							{ line-height: 16.5px; text-align: justify }
#right .secondary				{ font-size: 11px; line-height:15px }
#right ul, #right ol,
#right p, #left p				{ margin: 0px 0; }
#right ul						{ margin-left: 0px; list-style: outside disc; }
#right ol						{ margin-left:	0px; }
#right .box .content h2		{ font-size: 13px; }
#right .box .content h4		{ margin: 15px 0 0; font-size: 12px; text-transform: uppercase; }
#right .box .content h5		{ margin: 15px 0 0; font-size: 12px; }
#right big						{ font-size: 14px; color:#666; }
#right small					{ font-size: 11px; }