/*********************************************/
/*                                           */
/*  Copyright: Cox IT Producties             */
/*  www.coxitproducties.nl                   */
/*  info@coxitproducties.nl                  */
/*                                           */
/*********************************************/

body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	background-color: #000000;/*#E8E8E8;*/
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
}
#bgDiv {
	background-image:url(images/bg_sfeer.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

.Print {
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
	background-image:none;
}

#emptyTop {
	height: 40px;
}

#filledTop {
}

#filledBottom {
	margin-top:10px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:right;
	text-decoration:none;
}

#filledBottom a, #filledBottom a:active, #filledBottom a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

#filledBottom a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

.orange {
	color:#E84C00;
	font-weight:bold;
}

#logo {
	text-align:left;
	/*float:left;*/
}

#menu {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	vertical-align:bottom;
	margin-top:86px;
	text-decoration:none;
}

#menu a, #menu a:active, #menu a:hover, #menu a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#mainContainer {
	margin-top:10px;
}

#mainScroller {
	height: 474px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
/*	overflow:auto;*/
	padding-left:37px;
	padding-right:37px;
}

#leftCol {
	width:24px;
}

#main {
	background-color:#FFFFFF;
	height:550px;
	vertical-align:top;
}

#main2 {
	background-color: #E84C00;
	height:550px;
	vertical-align:top;
}

#breadcrumbContainer, #breadcrumbContainer2 {
	padding-left:37px;
	padding-top:4px;
	padding-bottom:4px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
#breadcrumbContainer a, #breadcrumbContainer a:hover, #breadcrumbContainer a:visited {
	color:#E84C00;
	text-decoration:none;
}

#breadcrumbContainer2 a, #breadcrumbContainer2 a:hover, #breadcrumbContainer2 a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#mainCategoriesContainer {
	background-color:#001436;
	color:#FFFFFF;
	text-transform:uppercase;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

#mainCategoriesInnerContainer {
	padding:8px;
}

#mainCategoriesThumbnailContainer {
	background-color:#012055;
	color:#FFFFFF;
	text-transform:uppercase;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	/*height:470px;*/
}

#mainCategoriesThumbnailContainer a, #mainCategoriesThumbnailContainer a:hover, #mainCategoriesThumbnailContainer a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

#anotherContainer {
	overflow:auto;
	height:220px;
}

.selectedCategory, .selectedCategoryTNTxt {
	background-color:#E84C00;
}

.selectedCategory, .category {
	padding:8px;
}

.categoryImageContainer {
	background-color:#FFFFFF;
}

.categoryTNTxt, .selectedCategoryTNTxt, .selectedCategoryTNTxt2 {
	padding:8px;
}

.selectedCategoryTNTxt2 {
	color:#E84C00;
}

.itemTNTxt {
	padding:8px;
	color:#000000;
	vertical-align:top;
}

.selectedItemTNTxt {
	padding:8px;
	color:#E84C00;
	vertical-align:top;
}

.separator {
	background-color:#FFFFFF;
}

.separator2 {
	background-color:#E84C00;
}

#mainThumbnailContainer {
	/*background-color:#012055;*/
	background-color:#FFFFFF;
	color:#000000;
	/*text-transform:uppercase;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-weight:bold;*/
	text-align:left;
}

#mainThumbnailContainer a, #mainThumbnailContainer a:hover, #mainThumbnailContainer a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

#itemContainer {
	width: 916px;
	height: 470px;
	text-align:left;
}

#itemDiv {
	background-color:#FFFFFF;
	width: 685px;
	height: 470px;
	float:left;
}

#itemSidepicDiv{
	background-color:#FFFFFF;
	width: 211px;
	height: 470px;
	float:right;
}

.itemName {
	color:#E84C00;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left; 
	font-weight:bold;
}
.readonlyProps {
	text-align:left;
	padding-left: 4px;
}

.itemText {
/*	vertical-align:top;*/
	text-align:left;
}

.itemText a, .itemText a:hover, .itemText a:visited, .itemText a:active {
	text-decoration:none;
	color:#E84C00;
	font-weight:bold;
}

.itemTextSmall {
	vertical-align:top;
	text-align:left;
	font-size:10px;
}

.itemTextSmall a, .itemTextSmall a:hover, .itemTextSmall a:visited, .itemTextSmall a:active {
	text-decoration:none;
	color:#E84C00;
	font-size:10px;
	font-weight:bold;
}

.itemTextExtra {
/*	vertical-align:top;*/
	text-align:left;
	font-weight:bold;
	color:#002B73;
}

.itemMessage {
/*	vertical-align:top;*/
	text-align:left;
	font-weight:bold;
	color:#E84C00;
}

#pageContainer {
	width: 916px;
	height: 470px;
	text-align:left;
}

#pageDiv {
	background-color:#FFFFFF;
	width: 665px;
	height: 466px;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	overflow:auto;
}

/* Kopje midden, hierin bevindt zich de navigatie */
.NavTop,  .NavTop a,  .NavTop a:hover,  .NavTop a:visited, 
.NavTop2,  .NavTop2 a,  .NavTop2 a:hover,  .NavTop2 a:visited, 
.NavCart, .NavCart a, .NavCart a:hover, .NavCart a:visited,
.NavSrch, .NavSrch a, .NavSrch a:hover, .NavSrch a:visited, 
.NavOP,   .NavOP a,   .NavOP a:hover,   .NavOP a:visited,
.NavWL,   .NavWL a,   .NavWL a:hover,   .NavWL a:visited {
	padding: 4px; 
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left; 
	font-weight:bold;
}

.NavTop2, .NavWL {
	background-color:#B2AC9C;
}

/* Kopje midden, navigatie bij afhandeling bestelling */
.NavCart, .NavCart a, .NavCart a:hover, .NavCart a:visited {
	background-color:#B2Ac9C;
}

/* Kopje AFBEELDING MY CART */
.CartImage {
	background-color:#B2Ac9C;
	padding-left: 4px; 
	text-align: left;
}

/* Kopje MY CART */
.CartTop {
	background-color:#B2Ac9C;
	padding: 4px; 
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	font-weight:bold;
}

/* Inhoud MY CART */
.Cart {
	background-color:#F1F0EC;
	padding: 4px; 
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:top;
	text-align: left;
}

/* Inhoud CART (zowel in MY CART als in het hoofdscherm bij afhandeling van de bestelling ) */
.CartTxt {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:11px;*/
	vertical-align:top;
	padding-left: 4px; 
	/*text-align: right;*/
}

/* Kopje in afhandeling bestelling */
.CartHeader {
	color:#E84C00;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:left; 
	text-decoration:none;
	padding-left: 4px; 
	padding-top: 10px; 
	padding-bottom: 6px; 
	margin: 0px; 
}

.cartHeaderRow {
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	vertical-align:top;
	padding-top:4px;
	padding-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.cartRow {
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	vertical-align:top;
	padding-top:4px;
	padding-bottom:4px;
}

.cartRow a, .cartRow a:active, .cartRow a:visited {
	text-decoration:none;
	color:#000000;
}

.cartRow a:hover {
	text-decoration:underline;
	color:#000000;
}

/* VALUTA (CURRENCY) */
.Currency, .Currency a, .Currency a:hover, .Currency a:visited {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	text-align:right;
	text-decoration:none;
}

/* Alle velden in invulformulieren */
.FormField {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


form {
	margin:0px;
	padding:0px;
	margin-bottom:4px;
}

/* Paginanummering */
.PageNumbers, .PageNumbers a, .PageNumbers a:hover, .PageNumbers a:visited {
	color:#000000;
}

.Menu {
	color:#B2Ac9C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align: left;
}

/* Kopje midden, navigatie bij zoeken */
.NavSrch, .NavSrch a, .NavSrch a:hover, .NavSrch a:visited {
	background-color:#B2Ac9C;
}

/* Inhoud bij zoeken */
.Srch {
	background-color:#F1F0EC;
	padding: 4px; 
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:top;
	text-align: left;
}

/* About menu (overige pagina's) */
.OPMenu, .OPMenu a, .OPMenu a:hover, .OPMenu a:visited {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align: left;
}

/* Overige pagina's: H1 */
.OPH1 {
	color:#E84C00;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:left; 
	text-decoration:none;
	padding-left: 4px; 
	padding-top: 10px; 
	padding-bottom: 6px; 
	margin: 0px; 
}

/* Overige pagina's: H2 */
.OPH2 {
	color:#000000;
	padding-left: 4px; 
	padding-top: 6px; 
	padding-bottom: 6px; 
	margin: 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	text-decoration:none;
	text-align: left;
}

/* Overige pagina's: tekst */
.OPTxt {
	color:#000000;
	padding-left: 4px; 
	padding-top: 6px; 
	padding-bottom: 6px; 
	margin: 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align: left;
}

/* Overige pagina's: links */
.OPTxt a, .OPTxt a:hover, .OPTxt a:visited {
	color:#000000;
	margin: 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align: left;
}

/* Overige pagina's: close en printerfriendly version */
.OPTxtClose {
	color:#000000;
	padding-left: 4px; 
	padding-top: 6px; 
	padding-bottom: 6px; 
	margin: 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align: left;
}

/* Overige pagina's */
.OP {
	background-color:#F1F0EC;
	padding-left: 4px; 
	margin-top: 6px; 
	margin-bottom: 6px; 
	margin: 0px; 
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:top;
	text-align: left;
}

/* Kopje midden, navigatie bij overige pagina's */
.NavOP, .NavOP a, .NavOP a:hover, .NavOP a:visited {
	background-color:#B2Ac9C;
}

.SubMenuBox {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align:top;
	text-align: left;
	/*line-height:10px;*/
	text-transform:lowercase;
	color: #666666;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.SubMenuBox a, .SubMenuBox a:active, .SubMenuBox a:visited {
	color: #666666;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-color:#666666;
	border-bottom-style:solid;
}

.SubMenuBox a:hover {
	color: #E84C00;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-color:#E84C00;
	border-bottom-style:solid;
}

.SelectedSubMenu {
	margin-right: 4px; 
	color: #CCCCCC;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
}

.SelectedSubMenu:hover {
	color: #CC6600;
	border-bottom-color:#CC6600;
}

/* Titel op voorpagina */
.FPTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
}

/* Subtitel op voorpagina */
.FPSubTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
}

/* Tekst op voorpagina */
.FPText {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	line-height:16px;
}

/* Inhoud FP intro */
.Intro {
	background-color:#F1F0EC; 
	padding-left: 10px; 
	padding-right: 10px; 
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:top;
	text-align: left;
}

/* Weblog */
.WL {
	/*color:#C264C5;
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;*/
	text-align: left;
	background-color:#F3F3CE;
	vertical-align:top; 
	padding-left: 4px; 
	padding-right: 4px; 
}

/* Link in weblog */
.WLLink {
	font-family: Verdana;
	font-size: 11px;
	color: #348A4D;
	font-weight: bold;
	margin-bottom:0px;
}

/* Naam in weblog */
.WLName {
	font-family: Verdana;
	font-size: 11px;
	color: #348A4D;
	font-weight: bold;
	margin-bottom:0px;
}

/* Bericht in weblog */
.WLMessage {
	font-family: Verdana;
	font-size: 11px;
	color: #C264C5;
	font-weight:normal;
}

/* Datum en tijd in weblog */
.WLDate {
	font-family: Verdana;
	font-size: 8px;
	color: #C264C5;
	font-weight:normal;
}
.WLH1 {
	color:#C264C5;
	/*padding-left: 4px; */
	padding-top: 10px; 
	padding-bottom: 6px; 
	margin: 0px; 
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align: left;
}
.WLText {
	color:#C264C5;
	/*padding-left: 4px; */
	padding-top: 6px; 
	padding-bottom: 6px; 
	margin: 0px; 
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

.TableHeader {
	color:#000000;
	padding-left: 2px; 
	padding-right: 2px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	font-style:normal;
	font-weight:bold;
	vertical-align:top;
}

.TableCell {
	color:#000000;
	padding-left: 2px; 
	padding-right: 2px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight:normal;
	font-style:normal;
	vertical-align:top;
}

.OPImage {
	border: 1px solid #CCCCCC;
	margin: 5px;
}

.OPImage2 {
	margin: 5px;
}

.OPImageCaption {
	margin-top: 0px;
	padding: 2px 2px;
	color: #666;
	font-size: 10px;
}

#blackBGDiv {
	background-color:#000000;
	opacity: .5;
	filter: alpha(opacity=50);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	vertical-align: middle;
}

#continueOrderDiv {
	background-color:#FFFFFF;
	position: absolute;
	top: 30%;
	left: 30%;
	width: 40%;
	height: 40%;
	z-index: 101;
	vertical-align: middle;
	border-width: 10px;
	border-color: #E84C00;
	border-style: solid;
}