/* GENERAL */

html, body 
{	height:100%;
	margin:0;
	padding:0;
	background-color:#c0c0c0;
	text-align:center;
}

body, td, th, input, textarea, select
{
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #222;
}
input, select, textarea 
{
	background-color: #FFF;
	border: inset 1px #033250;
	padding-left: 2px;
	color:#222;
}
div
{
	margin:0px;
	padding:0px;
}
*
{
	-moz-box-sizing: border-box;
    box-sizing: border-box
}
h1
{
	font-size:15px;
	font-weight:bold;
}
hr
{
	background-color:#033250;
	border: solid #033250 0px;
	color:#033250;
	height:1px;
	

}
a
{
	color: #1C8BD0;
	text-decoration:none;
}
a:hover
{
	text-decoration:none;
}
a img
{
	border-width:0;
}
/*	GENERAL CLASSES	*/
.Message
{
	color: #033250;
}
.Error *
{
	color: #222;
}
.center
{
	text-align:center;
}
.right
{
	text-align:right;
}
.hidden
{
	display:none;
}
.visible
{
	display:block;
}
.arrow
{

}
.button, .buttons input, .ncol
{
	background-color:#014B7A;
	text-align:center;
	border:1px outset #fff;
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
	color:#fff;
	height:20px !important;
	height:18px;
	padding:0;
	margin:0;
}
.noborder *
{
	border-width:0;
	background-color:Transparent;
}
/*	----------------------------------------	*/

/* CONTAINER */
div#Container
{
	position:relative;
	margin:0 auto;
	min-width:770px;
	width:95%;
	height:auto !important;
	height:100%;
	min-height:100%;
	border:1px solid #666;
	background-color:#FFF;
	background-image:url(/images/layout/bg_container.gif);
	background-repeat:repeat-x;
}

/* ADMIN */
div#Container div#Admin div#Content 
{
	margin-left:20px !important;
	left:0px;
	position:relative;
	height:auto;
	margin-top:-60px;
}

div#Admin div#Content h2
{
	margin-left:-15px;
	margin-bottom:10px;
	display:none;
}
div#Admin div#Content table tr td
{
	vertical-align:top;
}
div#Admin div#Content .SmallPhoto
{
	margin: 10px;
	border:solid 1px #444422;
}
div#Admin div#Content .dlPhotos
{
	margin:12px;
}
div#Admin div#Content .Photos
{
	width: 140px;
	vertical-align:bottom;
	padding:5px;
	margin:2px;
	text-align:center;
	background-color: #F8F8F8;
	border:ridge 1px #DAF9F0;
}


div#Admin div#Content .Imagebutton
{
	border-width:0;
	margin-left:7px;
}
div#Admin div#Content #ProductsAdd
{
	width:600px;
	margin:12px;
	padding:5px;
	/*background-color: #FCFCDD;*/
	border:outset 1px #DAF9F0;
}
div#Admin div#Content .edit
{
	text-align:center;
}
div#Admin div#Content .edit input
{
	width:50px;
}
div#Admin div#Content .cblCategories
{
	border:1px solid #DADAD0;
	background-color:#F6F6F6;
	color:#666;
}
div#Admin div#Content .cblCategories label
{
	color:#666;
}
div#Admin div#Content .cblCategories input
{
	border-width:0;
}
div#Admin div#Content .listbox
{
	width:250px;
	overflow:scroll;
	background-color:#F9FFF9;
}

/*	DATAGRIDS	*/

div#Content table, div#Content table td
{
	border-color:#FFF;
	color:#033250;
}
div#Content .header td
{
	background-color:#033250;
	color:#FFF;
	font-weight: bold;
}
div#Content .item td
{
	background-color:#D5DCE7;
	color:#333;
}
div#Content .alternate td
{
	background-color:#E3EAF4;
	color:#222;
}
div#Content .footer td
{
	border-width:0;
	background-color:#033250;
	font-weight: bold;
}

/*	SHOP	*/
div#Header
{
	position:relative;
	height:251px;
	min-width:770px;
	background-image:url(/images/layout/header_center.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	text-align:center;
	margin:0px;
	padding:0px;
	z-index:2;
}
div#Header div#logo
{
	background-image:url(/images/layout/header.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:20px;
	top:10px;
	width:450px;
	height:80px;
}
div#Header_center
{
/*	background-image:url(/images/layout/header_center.jpg);
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:0px;
	width:325px;
	height:246px;
	z-index:3;
*/	
}
div#header a#hplnkHome
{
	position:absolute;
	top:0;
	left:20px;
	display:inline-block;
	width:420px;
	height:80px;
}


div#Header div#Headerclear,#clear
{
	clear:both;
	width:770px;
}

div#container div#content h2 
{
	padding-left:35px;
	height:30px;
	font-size:22px;
	font-weight:normal;
	margin:0;
	margin-top:22px;
}

	
div#Header div#Shoppingcart
{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	height:20px;
	padding-left:24px;
	padding-top:3px;
}
div#Header div#Shoppingcart a
{
	color:#747C7F;
}
div#Header div#Shoppingcart a:hover
{
	color:#FF1414;
}
div#Header div#Shoppingcart a img
{
	border-width:0;
	top:1px;
	left:0;
	position:absolute;
}
div#Header div#quicknav
{
	position:absolute;
	top:100px;
	left:0px;
	height:22px;
	width:788px !important;
	width:790px;
}
div#Header div#Languages
{	
	position:absolute;
	top:115px;
	right:10px;
	width:100px;
	z-index:999;
}
div#Header div#Languages span
{
	font-size:10px;
	position:absolute;
	display:inline-block;
	right:-10px;
	width:150px;
	top:-30px;
	color:#8A0000;
}
div#admin div#Header div#Languages
{ 
	display:none;
}
div#loginsmall 
{
	width:130px;
	margin-top:0px;	
}

div#loginsmall .button
{
	margin-left:20px;
		width:60px;
}
div#loginsmall input
{
	border-color:#6B7F89;
	width:100px;
}
div#loginsmall .button, .smallbutton, .smallbuttons *
{
	height:16px;
	background-image:none;
	/*border:1px outset #6B7F89;
	background-color:#6B7F89;*/
	color:#FFF;
	background-color:#014B7A;
	text-align:center;
	border:1px outset #fff;
	padding:0;
	font-size:9px;
}
div#loginsmall p,div#loginsmall li
{
	background-image:url(/images/layout/loginleft.gif);
	background-repeat:repeat-y;
	background-color:#D5DCE7;
	border-right:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
	margin:0;
	padding:0 0 0 20px;
	height:20px;
	width:130px;
}
div#loginsmall ul
{
	margin:0;
	padding:0;
}
div#loginsmall li
{
	background-image:url(/images/layout/loginleft.gif);
	background-repeat:no-repeat;
	background-color:#D5DCE7;
	border-right:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
	margin:0;

}
div#loginsmall p.item
{
	padding-top:2px;
}
div#loginsmall p.first
{
	margin-top:0 !important;
	margin-top:-2px;
	height:35px;
	overflow:hidden;
}
div#loginsmall ul.one
{
	margin:0;
}
div#loginsmall ul.one .alternate
{
	background-image:url(/images/layout/menu_item.gif);
	background-position:0 -2;
}
div#loginsmall li
{
	list-style-type:none;
}
div#left
{
	float:left;
	position:relative;
	left:0;
	width:130px;
}

/* NAVIGATION */

div#Navigation
{
	width:770px;
	min-width:770px;
	z-index:1;
	position:absolute;
	top:73px;
	left:0;
	padding-top:10px;
	padding-left:0px;
	margin:0px;
	z-index:999;
}

div#Navigation ul
{
	list-style-type:none;
	padding:0;
	margin:0 !important;
	width:770px;
	position:absolute;
	height:10px;
}
div#Navigation ul ul
{
	width:90px;
	left:-999em;
}
div#Navigation li:hover ul
{
	left:auto;
}
div#Navigation li:hover ul ul
{
	left:-999;
}
div#Navigation ul ul ul
{
	width:90px;
	left:-999em;
}
div#Navigation a
{ 
	color:#928e5f;
	font-size:10px;
	display: block;
	text-decoration:none;
	text-align:center;
	font-size:10px;
	background-color:Transparent;
} 

div#Navigation li a:hover
{
	color:#000;
	font-weight:normal;
}
div#Navigation li 
{ 
	margin:0;
	width:80px;
	float:left;
	border-left:1px solid #d2d2d2;
}
div#Admin div#navigation li
{
	width:90px;
}
div#Navigation li li
{	background-image:none;
	background-color:#fff;
	border-left:1px solid #d18065;
	border-right:1px solid #d18065;
	border-bottom:1px solid #f58364;
	padding-top:4px;
	padding-bottom:4px;
	left:-999em;
	}

div#Navigation li li li
{	background-image:none;
	background-color:#fff;
	border-left:1px solid #d18065;
	border-right:1px solid #d18065;
	border-bottom:1px solid #f58364;
	padding-top:4px;
	padding-bottom:4px;
	left:-999em;
	}

div#Navigation li ul, div#Navigation li:hover ul li ul, div#Navigation li.myhover ul li ul 
{ 
	position:absolute; 
	left:-999em;
}


div#Navigation li:hover ul li, div#Navigation li.myhover ul li
{
	margin-left:0;
	background-color:#fff;
	border-left:1px solid #d18065;
	border-right:1px solid #d18065;
	border-bottom:1px solid #f58364;
	padding-top:4px;
	padding-bottom:4px;
}

div#Navigation li:hover ul li:hover ul li, div#Navigation li.myhover ul li.myhover ul li
{
	margin-left:90px !important;
	margin-left:45px;
	background-color:#fff;
}

div#Navigation li:hover ul, div#Navigation li.myhover ul
{ 
	height:0 !important;
	left:auto;
	margin-left:-3px;
	/*	margin-left:160px;
	background-color:#fff;
	border-left:1px solid #033250;
*/}
div#Navigation li:hover ul li:hover ul, div#Navigation li.myhover ul li.myhover ul
{
	height:0 !important;
	left:auto;
	margin-left:-3px;
}

/*
EINDE Navigation
*/

/*	CONTENT	*/
div#Shop, div#Admin
{
	min-height:100%;
	height:auto !important;
	height:100%;
	
	position:static !important;
	position:relative;
	padding-bottom:70px;
	background-image:url(/images/layout/content_topleft.jpg);
	background-position:right 109px;
	background-repeat:no-repeat;
	text-align:left;
}
div#shop div#Content, div#admin div#Content
{
	margin-left:20px;
	z-index:60;
	height:auto;
}
div#Content,div#translations
{
	color:#033250;
/*	width:458px !important;
	width:460px;*/
/*	padding-top:22px;*/
	padding-right:20px;
	padding-left:5px;
	padding-bottom:45px;	
}
div#translations
{
	margin:0;
	border:1px solid #E3EAF4;
	float:none;
}

div#Content ul
{
	list-style-image:url(/images/layout/li.gif);
}
div#content .Error ul
{
	background-color:#FFD7D7;
	border:1px solid #890000;
	padding:5px;
	list-style-position:inside;
	margin:10px;
}
h1.h1trace
{
	margin:0;
	font-size:10px;
	color:#000;
	position:absolute;
	top:220px !important;
	top:200px;
	left:20px;
	padding-left:10px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:30px;
	width:auto;
	z-index:500;

}
div#container div#Content h2.currentcat {

	font-size:12px;
	color:#920000;
	position:absolute;
	top:138px;
	right:20px;
	height:45px;
	line-height:22px;
	text-align:center;
	width:115px;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:800;
	margin:0;
	padding:0;
}

h1.h1trace span.arrow
{
	margin-right:5px;
	left:0px;
	position:relative;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(/images/layout/bootje.gif);
	background-repeat:no-repeat;
	background-position:left !important;
	background-position:bottom;
	z-index:800;
}

h1.h1trace a
{
	color:#000;
	text-decoration:none;
}
h1.h1trace a:hover
{
	color:#000;
	text-decoration:none;
}

h2 span
{
	color:#000;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
}

div#Content table.forgot, div#Content table.login, 
div#Content table.newcustomer,div#Content table.customer
{
	margin-left:20px;
}

div#innercontent
{
	width:100%;
	padding:5px;
}
div#innercontent2
{
	width:100%;
	height:auto;
	padding:5px;
}

/*	PRODUCTBOX	*/


/*	PROMOS	*/

div#Products,div#Promos
{
	margin:0;
	clear:both;
}
.promoleft div.promobox
{
	width:220px;
	height:178px;
	background-color:#eee;
	position:relative;
	margin:10px 5px;
	float:left;
	border:1px solid #666;
}

div.promobox
{
	width:220px;
	height:178px;
	background-color:#c9c9c9;
	position:relative;
	margin:10px 5px;
	float:left;
	border:1px solid #666;
}
div.promobox h3.productname
{
	text-align:center;
	font-size:11px;
	background-color:#c35534;
	height:22px;
	padding:0;
	padding-right:20px;
	border:1px solid #eee;
	padding-top:2px;
	margin:0;
}
.promoleft div.promobox h3.productname
{
	text-align:center;
	font-size:11px;
	background-color:#f5520d;
	height:22px;
	padding:0;
	padding-right:20px;
	border:1px solid #eee;
	padding-top:2px;
	margin:0;
}

div.promobox h3.productname a
{
	text-decoration:none;
	color:#FFF;
}

div.promobox p.photo
{
	position:absolute;
	top:42px !important;
	top:52px;
	width:110px;
	text-align:center;
	right:auto;
	left:5px;
}
div.promobox p.photo img
{
	border:1px outset #747C7F;
}
div.promobox p.price
{
	position:absolute;
	top:108px;
	left:0px;
	z-index:600;
	height:87px;
	width:96px;
	padding:0;
	margin:0;
	line-height:87px;
	text-align:center;
	font-size:16px;
	background-color:#666666;
	color:#FFFFFF;
}

div.promobox span.readmore
{
	background-image:url(/images/layout/promo_bottom.gif);
	background-repeat:no-repeat;
	text-align:center;
}
div.promobox p.shortdescription
{
	position:absolute;
	width:100px;
	color:#333;
	margin:0;
	padding:5px;
	text-align:center;
	right:0;
}


/*	PRODUCT	*/
div#ProductInfo
{
	padding:8px;
}

div#ProductInfo h3
{
	font-size:13px;
	text-align:center;
}
div#ProductInfo p.Order
{
	text-align:center;
	font-weight:bold;
}
div#ProductInfo input
{
	text-align:center;
}


div#Photos
{
	position:relative;
	margin-left:10px;

}
div#Photos div#big
{
	width:430px;
	height:420px;
	border:solid 1px #666;
	background-color:#fff;
	margin-bottom:10px;
}
div#Photos div#big table
{
	height:100%;
	width:100%;
}
div#Photos div#big table tr td
{
	text-align:center;
	vertical-align:middle;
}
div#Photos div#big img
{
	margin:5px 10px;
	text-align:center;
}
div#Photos div#thumbs
{
	top:0px;
	position:absolute;
	left:440px;
	width:120px;
}
div#Photos div#thumbs .Photo
{
	border:solid 1px #666;
	text-align:center;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	width:120px;
	background-color:#fff;
}
div#Photos div#thumbs .PhotoHover
{
	/*border-style:groove*/
	border:1px dotted #920000;
	text-align:center;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	width:120px;

}
div#Photos div#thumbs img
{
	cursor:hand;
	cursor:pointer;
	margin:3px 5px 2px 5px;
}
div#Photos div#thumbs .hidden
{
	display:none;
}

/*	SHOPPINGCART	*/

div#Content table.OrderItemHead
{
	width:420px;
	margin:20px 0 0 5px;
	background-color: #890000;
	border:solid 1px #EF6A6A;
}
div#Content table.OrderItemHead td
{
	border-color:#D70909;
	font-weight:bold;
}
div#Content table.OrderItem, table.OrderItemHover
{
	width:420px;
	margin:0 0 0 5px;
	background-color:#C20202;
	border-bottom:solid 1px #EF6A6A;

}
div#Content table.OrderItemHover
{
	background-color:#E00909;
	border-bottom:solid 1px #F88;
}
div#Content table.Total
{
	width:420px;
	margin:1px 0 0 5px;
	background-color:#C20202;
	border-top:solid 1px #EF6A6A;
	border-bottom:solid 1px #EF6A6A;
}
div#Content table.Total tr td
{
	vertical-align:bottom;
}
div#Content table.Total .PriceTotal
{
	border-top:1px solid #EF6A6A;
	padding-top:15px;
	vertical-align:bottom;
}
div#Content td.ProductName
{
	width:300px;
}
div#Content td.ProductName a
{
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
div#Content td.ChangeQty
{
	width:120px;
	text-align:center;
}
div#Content td.ChangeQty p
{
	font-weight:bold;
	display:block;
	float:left;
	text-align:center;
	padding:0;
	margin:0;
	width:45px !important;
	width:38px;
}
div#Content td.ChangeQty input
{
	background-color:#033250;
	border-color:#033250;
	border-style:outset;
	padding:0;
	margin:0;
	float:left;
}
div#Content td.ChangeQty input.plusbutton
{
	float:right;
}
div#Content td.Price
{
	width:80px;
	text-align:right;
}
div#Content table.OrderItemHead td.Price
{
	width:80px;
	text-align:center;
}
div#Content table.Total td
{
	text-align:right;
}
div#Content td.TotalPrice, div#Content table.OrderItemHead td.TotalPrice, 
div#Content table.Total td.Price, div#Content table.Total td.PriceTotal
{
	width:80px;
	font-weight:bold;
	text-align:right;
}
div#Content table.OrderItemHead td.ChangeQty
{
	text-align:center;
}
div#Content table.Total td.PriceTotal, div#Content span.PriceTotal
{
	color:#FFF;
	font-size:12px;
}
div#Content table.ContactTypes
{
	width:420px;
	margin:20px 0 0 5px;
	background-color:#D70909;
	border-bottom:solid 1px #EF6A6A;
}
div#Content table.ContactTypes tr.head td
{
	font-weight:bold;
	background-color:#890000;
	border-bottom:solid 1px #EF6A6A;
	text-align:center;
}
div#Content table.ContactTypes tr.middle td
{
	padding:10px 30px;
}
div#Content table.ContactTypes td.left
{
	border-left:solid 1px #EF6A6A;
}
p.pay
{
	margin-left:20px;
}
div#clear
{
	clear:both;
	display:none;
}
div#clear span
{
	visibility:hidden;
}
/*	FOOTER	*/  
div#Footer
{
	clear:both;
	text-align:center;
	font-size:10px;
	height:50px;
	padding:30px 0 0 0;
	color:#666;
	background-image:url(/images/layout/footer.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
}
div#Footer a
{
	color:#666;
}
div#Footer span.CompanyName
{
	display:none;
}
div#Admin
{
	/*width:1200px;*/
	height:auto !important;	
	height:100%;
	min-height:100%;

}
div.lengthbox
{
	display:inline;
}