/* GENERAL */
body
{
	behavior: url(scripts/css/csshover2.htc);
}
html
{
	behavior: url(scripts/css/min-width.htc);
}
html, body 
{	height:100%;
	margin:0;
	padding:0;
	background-color:#f9f9f9;
	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: #F9F9F9;
	border:1px solid #6B7F89;
	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:#008ec3;
	border: solid #008ec3 0px;
	color:#008ec3;
	height:1px;
}
a
{
	color: #5D9CCC;
	text-decoration:underline;
}
a:hover
{
	color: #C7D400;
	text-decoration:none;
}
a img
{
	border-width:0;
}
/*	GENERAL CLASSES	*/
.Message
{
	color: #25576F;
}
.Error *
{
	color: #f00;
}
.center
{
	text-align:center;
}
.right
{
	text-align:right;
}
.hidden
{
	display:none;
}
.visible
{
	display:block;
}
.arrow
{

}
.button, .buttons input, .ncol,.smallbutton, .smallbuttons *
{
	background-color:#A6D9EE;
	text-align:center;
	border:1px solid #6B7F89;
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
	color:#25576F;
}
.smallbutton, .smallbuttons *
{
	font-size:9px;
	border-width:1px;
}

.noborder *
{
	border-width:0;
	background-color:Transparent;
}
/*	----------------------------------------	*/

/* CONTAINER */
div#Container
{
	min-width:770px !important;
	position:relative;
	margin:0 auto;
	height:auto !important;
	height:100%;
	min-height:100%;
	background-color:#FFF;
	background-image:url(../../images/layout/header_bg.gif);
	background-repeat:repeat-x;
}

/* ADMIN */


div#Container div#Admin div#Content 
{
	
}

div#Admin div#Content h2
{
	display:none;
}
div#Admin div#Content table tr td
{
	vertical-align:top;
	padding:2px;
}
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#admin table, div#admin table td
{
	border-color:#6B7F89;
	color:#25576F;
}
div#Content .header td
{
	background-color: #A6D9EE;
	border:1px solid #6B7F89;
	color:#25576F;
	font-weight: bold;
	text-align:center;
}
div#Content .item td
{
	background-color:#fff;
	color:#25576F;
}
div#Content .alternate td
{
	background-color:#cfe9f9;
	color:#25576F;
}
div#Content td.smallbuttons input
{
	margin:2px;	
}

div#Content .footer td
{
	border-width:0;
	background-color:#A6D9EE;
	font-weight: bold;
}

/*	SHOP	*/
div#Header
{
	position:relative;
	top:7px;
	height:130px;
	min-width:770px;
	background-image:url(../../images/layout/header_bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	z-index:2;
}
div#Header div#logo
{
	background-image:url(../../images/layout/header.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	width:400px;
	height:130px;
	z-index:3;
}

div#header a#hplnkHome
{
	position:absolute;
	bottom:2px;
	right:10px;
	display:block;
	width:218px;
	height:95px;
	z-index:4;
	background-image:url(../../images/layout/logo.jpg);
	background-repeat:no-repeat;
}
div#Header div#Headerclear,#clear
{
	clear:both;
	width:770px;
}
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#Languages
{	
	position:absolute;
	top:158px;
	right:10px;
	width:auto;
	z-index:999;
	white-space:nowrap;
}
div#Languages a
{	
	margin-right:3px;
}
div#Languages span
{
	font-size:10px;
	position:absolute;
	display:inline-block;
	right:-10px;
	width:150px;
	top:-30px;
	color:#8A0000;
}
div#Header div#Languages select
{
	border-color:#787878;
}
div#admin div#Header div#Languages
{ 
	display:none;
}
div#searchsmall, div#loginsmall
{
	margin-left:10px;
	width:139px;
	border-bottom:1px solid #E5E5E5;	
	padding:10px 0;
} 

div#loginsmall .button, div#searchsmall .button
{
	margin-left:10px;
		width:80px;
}
div#loginsmall input, div#searchsmall input
{
	border-color:#6B7F89;
	width:100px;
}
div#loginsmall p, div#searchsmall p
{
	margin:0;
	padding:0 0 0 20px;
	height:20px;
	width:139px;
}
div#loginsmall ul, div#searchsmall ul
{
	margin:0 0 5px 0 ;
	padding:0;
}
div#loginsmall li, div#searchsmall li
{
	margin:0;
	padding:0 0 0 20px;
	/*height:20px;*/
	width:139px;
	list-style-type:none;
}
div#loginsmall p.item, div#searchsmall p.item
{
	padding-top:2px;
}
div#loginsmall p.first, div#searchsmall p.first 
{
	margin-top:0 !important;
	margin-top:-2px;
	overflow:hidden;
}
div#loginsmall ul.one, div#searchsmall ul.one
{
	margin:0;
}
div#loginsmall ul.one .alternate, div#searchsmall ul.one .alternate
{
	background-image:url(../../images/layout/menu_item.gif);
	background-position:0 -2;
}
div#graffit
{
	background-image:url(../../images/layout/header_graff-it.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:0;
	width:150px;
	height:79px;
	z-index:3;
}
div#pagecurl
{
	background-image:url(../../images/layout/pagecurl.jpg);
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:141px;
	width:39px;
	height:33px;
	z-index:10;
}
/* NAVIGATION */

/* NAVIGATION */
table#container2
{
	width:100%;
	padding:0;
	margin:0;
	border-collapse:collapse;
	background-color:#FFF;
}
table#container2 tr, table#container2 tr td
{
	padding:0;
	margin:0;
	border-collapse:collapse;
}
div#Navigation *,div#admin div#Navigation *
{
	z-index:10;
}
div#Navigation
{
	margin-top:10px;
}
td.tdnav
{
	width:156px;
	vertical-align:top;
	background-image:url(../../images/layout/navigation_bg.gif);
	background-repeat:repeat-y;
}
td.tdcontent
{
	margin-left:20px;
	vertical-align:top;
	padding-top:10px;
}
td.tdcontent div#content
{
	margin-top:10px;
}

div#Navigation ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}
div#Navigation a
{ 
	color:#43403D;
	font-size:10px;
	display: block;
	text-decoration:none;
	border-bottom:solid 1px #E5E5E5;
	height:auto !important;
	position:relative;
	padding:5px 0 5px 5px;
	margin:5px 0 0 0;
} 
div#Navigation span.more
{
	font-weight:bold;
	position:absolute;
	right:0;
}
div#Navigation li a:hover
{
	color:#fff;
	font-weight:bold;
	border-color:#bbb;
	background-color:#C9D400;
}
div#Navigation li 
{ 
	margin:0 0 0 10px;
	width:139px;
}
div#Navigation li ul
{
	left:-999px;
	position:absolute;
	width:149px;
}
div#Navigation li ul li
{
	margin:0 0 0 5px;
}
div#Navigation li:hover ul,div#Navigation li.myhover ul
{
	left:auto;
	margin:-21px 0 0 140px;
	border:1px solid #CFCFCF;
	background-color:#F9F9F9;
}
div#Navigation ul ul,
div#Navigation ul li:hover ul ul, div#Navigation ul li.myhover ul ul,
div#Navigation ul li:hover ul li:hover ul ul, div#Navigation ul li.myhover ul li.myhover ul ul,
div#Navigation ul li:hover ul li:hover ul li:hover ul li:hover ul ul, div#Navigation ul li.myhover ul li.myhover ul li.myhover ul li.myhover ul ul
{
	position:absolute;
	left:-999em;
	background-color:#F9F9F9;	
	display:block;
}
div#Navigation ul li:hover ul, div#Navigation ul li.myhover ul,
div#Navigation ul li:hover ul li:hover ul, div#Navigation ul li.myhover ul li.myhover ul,
div#Navigation ul li:hover ul li:hover ul li:hover ul, div#Navigation ul li.myhover ul li.myhover ul li.myhover ul,
div#Navigation ul li:hover ul li:hover ul li:hover ul li:hover ul, div#Navigation ul li.myhover ul li.myhover ul li.myhover ul li.myhover ul
{	
	left:-5px;
	margin-top:-29px;
	display:block;
}

div#Navigation ul li:hover ul, div#Navigation ul li.myhover ul
{
	z-index:20;
}
div#Navigation ul li:hover ul li:hover ul, div#Navigation ul li.myhover ul li.myhover ul
{
	z-index:30;
}

div#Navigation ul li:hover ul li:hover ul li:hover ul, div#Navigation ul li.myhover ul li.myhover ul li.myhover ul
{
	z-index:40;
}

div#Navigation ul li:hover ul li:hover ul li:hover ul li:hover ul, div#Navigation ul li.myhover ul li.myhover ul li.myhover ul li.myhover ul
{
	z-index:50;
}

/*
EINDE Navigation
*/

/*	CONTENT	*/
div#Shop, div#Admin
{
	text-align:left;
}
div#shop div#Content, div#admin div#Content
{
	min-width:611px !important;
}
div#Content,div#translations
{
	color:#006699;
	padding:5px;
}
div#translations
{
	margin:0;
	border:1px solid #E3EAF4;
}

div#Content ul
{
	list-style-image:url(../../images/layout/bullet.gif);
}
div#content .Error ul
{
	background-color:#FFF7F7;
	border:1px solid #f00;
	padding:5px;
	list-style-position:inside;
	margin:10px;
}
h1.h1trace
{
	position:absolute;
	top:143px;
	margin:0;
	padding:5px;
	font-size:10px;
	color:#000;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:none;
}
div#container div#Content h2.currentcat,
div#admin h1,
div#ProductInfo h3
 {

	font-size:14px;
	color:#231F20;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 8px;
	padding: 0 0 0 40px;
	letter-spacing:2px;
	background-image:url(../../images/layout/currentcat_bg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:30px;
}
h1.h1trace span.arrow
{
	background-image:url(../../images/layout/trace_sep.gif);
	background-repeat:no-repeat;
	padding-left:12px;
	line-height:12px;
	width:12px;
}

h1.h1trace a
{
	color:#000;
	text-decoration:underline;
}
h1.h1trace a:hover
{
	color:#222;
	text-decoration:none;
}


div#Content table.forgot, div#Content table.login, 
div#Content table.newcustomer,div#Content table.customer
{
	margin-left:20px;
}

div#innercontent
{
	clear:both;
	width:100%;
	padding:5px;
}
div#innercontent2
{
	
	clear:both;
	width:100%;
	height:auto;
	padding:5px;
}

/*	SUBNAV	*/
div#subnav
{
	height:26px;
	margin-top:5px;
	_padding-top:5px;
	background-image:url(../../images/layout/subnav_bg.gif);
	background-repeat:repeat-x;
	_background-position:bottom;
	line-height:17px;
}
p#menu
{
	background-image:url(../../images/layout/subnav_menu.gif);
	background-repeat:no-repeat;
	width:86px;
	height:21px;
	margin:0;
	padding:0;
	position:absolute;
	left:151px;
	top:134px;
}
p#nomenu
{
	background-image:url(../../images/layout/subnav_nomenu.gif);
	background-repeat:no-repeat;
	width:15px;
	height:21px;
	margin:0;
	padding:0;
	position:absolute;
	left:151px;
	top:135px;
}
div#subnav ul
{
	display:table;
	margin:0 20px 0 65px;
	position:relative;
	padding:0;
}
div#subnav ul li
{
	display:table-cell !important;
	display:inline;
	margin:0 20px 0 0;
	padding:0 0 0 25px;
	float:left;
}
div#subnav ul a
{
	white-space:nowrap;
	display:block !important;
	color:#fff;
	text-decoration:none;
	font-size:10px;
}
div#subnav ul a:hover
{
	color:#C9D400;
}
/*	PRODUCTBOX	*/


/*	PROMOS	*/

div#Products,div#Promos
{
	margin:0;
	clear:both;
}
div.promobox
{
	width:230px;
	height:140px;
	background-image:url(../../images/layout/navigation_bg.gif);
	position:relative;
	margin:10px 5px;
	float:left;
	border:1px solid #c9c9c9;
}
div.promobox h3.productname
{
	text-align:center;
	font-size:11px;
	background-color:#00aeef;
	height:22px;
	line-height:22px;
	border:1px solid #eee;
	margin:0;
	padding: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 h3.productname a:hover
{
	color:#B5E033;
}

div.promobox p.photo
{
	position:absolute;
	top:20px;
	width:105px;
	text-align:center;
	right:auto;
	left:2px;
}
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:120px;
	height:115px;
	color:#333;
	margin:0;
	text-align:center;
	right:0;
	padding:2px;
	border-left:1px solid #c2c2c2;
	background-color:#fafafa;
}


/*	PRODUCT	*/
div#ProductInfo
{
	padding:8px;
}

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 #cfcfcf;
	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
{
}
div#Photos div#thumbs .Photo
{
	text-align:center;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	width:120px;
	background-color:#fff;
	margin-right:25px;
}
div#Photos div#thumbs .PhotoHover
{
	/*border-style:groove*/
	text-align:center;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	width:120px;

}
div#Photos div#thumbs img
{
	cursor:hand;
	cursor:pointer;
}
div#Photos div#thumbs .hidden
{
	display:none;
}

/*	SHOPPINGCART	*/

div#Content table.OrderItemHead
{
	width:420px;
	margin:20px 0 0 5px;
	background-color: #A6D9EE;
	border:1px solid #6B7F89;
	color:#25576F;
}
div#Content table.OrderItemHead td
{
	font-weight:bold;
}
div#Content table.OrderItem, table.OrderItemHover
{
	width:420px;
	margin:0 0 0 5px;
	background-color:#fff;
	border-bottom:1px solid #6B7F89;

}
div#Content table.OrderItemHover
{
	background-color:#cfe9f9;
	border-bottom:1px solid #6B7F89;
}
div#Content table.Total
{
	width:420px;
	margin:1px 0 0 5px;
	background-color:#cfe9f9;
	border-top:1px solid #6B7F89;
	border-bottom:1px solid #6B7F89;
}
div#Content table.Total tr td
{
	vertical-align:bottom;
}
div#Content table.Total .PriceTotal
{
	border-top:1px solid #6B7F89;
	padding-top:15px;
	vertical-align:bottom;
}
div#Content td.ProductName
{
	width:300px;
}
div#Content td.ProductName a
{
	text-decoration:none;
	font-weight:bold;
	color:#25576F;
}
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:auto;
	padding-left:20px;
}
div#Content td.ChangeQty input
{
	background-color:#A6D9EE;
	border-color:#6B7F89;
	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;
	white-space:nowrap;
}
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:#000;
	font-size:12px;
}
div#Content table.ContactTypes
{
	width:420px;
	margin:20px 0 0 5px;
	border:1px solid #6B7F89;
}
div#Content table.ContactTypes tr.head td
{
	font-weight:bold;
	background-color: #A6D9EE;
	border:1px solid #6B7F89;
	color:#25576F;
	text-align:center;
}
div#Content table.ContactTypes tr.middle td
{
	padding:10px 30px;
}
div#Content table.ContactTypes td.left
{

}
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:20px;
	line-height:20px;
	color:#fff;
	background-color:#25576F;
	min-width:770px !important;
}
div#Footer a
{
	color:#fff;
	text-decoration:underline;
}
div#Footer span.CompanyName
{
	/*display:none;*/
}
div.lengthbox
{
	display:inline;
}

/*  ProdNav / ProductList */

div.ProdNav
{
	width:100%;
}
div.ProdNav div.ProdNavItem, table#ProductList div.catimage
{
	position:relative;
	width:150px;
	height:148px;
	background-image:url(../../images/layout/prodname.gif);
	background-repeat:no-repeat;
	float:left;
	margin:15px;
	/*z-index:0;*/
}
table#ProductList tr td
{
	vertical-align:top;
}
div.ProdNav div.ProdNavItem a, table#ProductList div.catimage span
{
	display:block;
	width:150px;
	height:148px;
	padding:100px 0 0 56px;
	color:#000;
	text-decoration:none;
	position:absolute;
	z-index:10;
	background-repeat:no-repeat;
	background-position:10px 10px;
}

table#ProductList td div.productbox
{
	position:relative;
	width:203px;
	height:80px;
	float:left;
	background-image:url(../../images/layout/prodview.gif);
	background-repeat:no-repeat;
	margin:15px;
}
table#ProductList td div.productbox a
{
	display:block;
	width:203px;
	height:57px;
	line-height:23px;
	font-size:16px;
	padding:10px 0 0 56px;
	color:#006699;
	text-decoration:none;
	position:relative;
	z-index:10;
	background-repeat:no-repeat;
}
table#ProductList td div.productbox span.shortdescription
{
	position:absolute;
	left:0px;
	top:57px;
	color:#006699;
}

div#productinfo table tr td.prodimage
{
	width:155px;
	vertical-align:top;
	padding-left:45px;
}
div#productinfo table tr td.prodimage div.prodimage	
{
	width:110px;
	height:109px;
	vertical-align:top;
	background-image:url(../../images/layout/prodimage.gif);
	background-repeat:no-repeat;
}
div#productinfo table tr td.prodimage div.prodimage	span
{
	display:block;
	width:100px;
	height:100px;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:5px 5px;
}

div#ProductList div
{
	padding:0 15px 40px 15px;
	width:100%;
}
div#ProductList div#filter
{
	padding:0 0 0 215px;
	width:100%;
}

div#ProductList table.ProductListTable
{
	width:100%;
}
div#ProductList table tr.item td 
{
	background-color:#fff;
}
	
div#ProductList table.ProductListTable tr.alternate td 
{
	background-color:#cfe9f9;
}

div#ProductList table th
{
	border-bottom:2px solid #000;
	text-align:left;
}
input.orderButton
{
	margin-top:-40px;
	right:20px;
	position:absolute;
}

div#shoppingcart
{
	margin-left:10px;
	width:139px;
	background-image:url(../../images/layout/shoppingcart.gif);
	background-repeat:no-repeat;
	background-position:center 10px;
	border-bottom:1px solid #E5E5E5;	
	padding:30px 0 10px 20px;
}
div#shoppingcart a
{
	width:auto;
}