/* CSS Document */

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#333092 url(/_images/bg.gif) repeat-y center top;
	font:normal 12px Arial, Helvetica, "Sans-Serif";
	color:#000000;
}
form 
{
    height:100%;
}
img {
	border:0;
}
input, textarea {
    font: normal 12px Arial, Helvetica, "Sans-Serif";
    width: 400px;
}
a 
{
    color:#333092;
}
.imgLeft 
{
    float:left;
    border:double 4px gray;
    margin:3px 10px 5px 0;
}
table td {
    vertical-align: top;
}
table td label {
    display: block;
    margin-top: 2px;
}

/* MCW EDITOR DECLARTIONS */
h1 {
    font-size:18px;
    font-weight:bold;
    color:#fd8000;
    margin-top:0;
}
h2 {
    font-size:18px;
    font-weight:bold;
    color:#333092;
    margin-top:0;
}
h3 {
    font-size:14px;
    font-weight:bold;
    color:#333092;
    margin-top:0;
}
h4 {
    font-size:12px;
    font-weight:bold;
    color:#333092;
    margin-top:0;
}
h5 {
    font-size:12px;
    font-weight:bold;
    color:White;
    background-color:#333092;
    margin-top:0;
}
h5 a {
    color:#fd8000;
}
h6 {
    font-size:12px;
    font-weight:normal;
    font-variant:small-caps;
    color:#333092;
    margin-top:0;
}

.pVariant1
{
    color:White;
    background-color:#333092;
    font-size:12px;
    line-height:15px;
    padding-left:1px;
}
.pVariant1 a {
    color:#fd8000;
    font-weight:bold !important;
}
.pVariant1 img 
{
    width:80px;
    border:solid 1px white;
    float:left;
    margin:2px 20px 10px 0;
}
.pVariant2 {
    /* Paragraph variant used in ProductHighlightContainer1 in Products Startpagina template */
    margin: 60px 180px 20px 20px;
}
.pVariant3 {
    background:#ececf4 url(/_images/pVariantZilver.gif) repeat-x center;
    padding:15px;
    border:dotted 1px gray;
}
.pVariant4 {
    padding-bottom:15px;
    border-bottom:dotted 1px gray;
}
div.productFotoFrame 
{
    width:280px;
    height:200px;
    background: transparent url(/_images/productFotoFrame.gif);
    overflow:hidden;
}
div.productFotoFrame p 
{
    width:257px;
    height:177px;
    margin:11px;
    overflow:hidden;
}

.productTable {
	width:280px;
	min-height: 300px;
	border:none;
	padding: 0px;
	margin: 0px;
	line-height: 1px !important;
}
.productTable img {
   	display: inline !important; 
}
.tableCornerTopLeft, .tableCornerTopRight, .tableCornerBottomLeft, .tableCornerBottomRight, .tableCornerTopLeft img, .tableCornerTopRight img, .tableCornerBottomLeft img, .tableCornerBottomRight img {
	width:14px;
	height:14px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.tableBorderTop, .tableBorderBottom, .tableBorderTop img, .tableBorderBottom img {
	height:14px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
.tableBorderLeft, .tableBorderRight, .tableBorderLeft img, .tableBorderRight img {
	width:14px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
.tableBorderTop {
	background: #FFFFFF url(/_images/nineSlice_repeat_top.gif) repeat-x left top;
}
.tableBorderRight {
	background: #FFFFFF url(/_images/nineSlice_repeat_right.gif) repeat-y left top;
}
.tableBorderBottom {
	background: #FFFFFF url(/_images/nineSlice_repeat_bottom.gif) repeat-x left top;
}
.tableBorderLeft {
	background: #FFFFFF url(/_images/nineSlice_repeat_left.gif) repeat-y left top;
}
.tableCornerTopLeft {
	background: #FFFFFF url(/_images/nineSlice_corner_1.gif) no-repeat left top;
}
.tableCornerTopRight {
	background: #FFFFFF url(/_images/nineSlice_corner_2.gif) no-repeat right top;
}
.tableCornerBottomLeft {
	background: #FFFFFF url(/_images/nineSlice_corner_3.gif) no-repeat right bottom;
}
.tableCornerBottomRight {
	background: #FFFFFF url(/_images/nineSlice_corner_4.gif) no-repeat left bottom;
}
.tableContent {
	background:#fff;
	text-align: center;
}

.ulVariant1 
{
    margin:0 0 0 15px;
    padding:0;
    list-style-image:url(/_images/productgroep_pijl_ie.gif);
}
.ulVariant1 li 
{
    margin-bottom:3px;
    background: transparent url(/_images/productgroep_underline.gif) repeat-x center bottom;
}
.ulVariant1 a 
{
    color:#333092;
    text-decoration:none;
}
.ulVariant1 a:hover 
{
    color:#fd8000;
}
.imgVariant1, .imgVariant2 {
	padding: 5px !important;
	background-color: #FFFFFF !important;
	border: 1px solid #a5a5a5 !important;
}
.imgVariant1, .imgVariant3 {
	float: left !important;
	margin: 0px 10px 10px 0px !important;
}

.imgVariant2, .imgVariant4 {
	float: right !important;
	margin: 0px 0px 10px 10px !important;
}
.imgVariant3, .imgVariant4 {
	border: 1px solid #333092 !important;
}
.imgVariant1, .imgVariant2, .imgVariant3, .imgVariant4 {
	z-index: 2 !important;
	/* Set margin top for correct aligning with top of text */
	margin-top: 5px !important;
}
/* END MCW EDITOR DECLARTIONS */
.container {
	width:960px;
	height:100%;
	margin:auto;
}
.header {
	width:960px;
	height:90px;
	background:#fd8000 url(/_images/logo.gif) no-repeat right center;
}
.menu {
    position: relative;
    z-index: 2;
	width:960px;
	height:30px;
	background:#fff url(/_images/bgmenu.gif);
}
.contentContainer {
	width:960px;
	background:url(/_images/bgcontainer.gif) repeat-y center top;
	min-height:88%;
	line-height:18px;
}
.contentContainer_b {
	width:960px;
	background:url(/_images/bgcontainer_b.gif) repeat-y center top;
	min-height:88%;
	line-height:18px;
}
.contentContainer_c {
	width:960px;
	background:url(/_images/bgcontainer_c.gif) repeat-y center top;
	min-height:88%;
	line-height:18px;
}
.colLeft {
	width:620px;
	float:left;
	overflow:hidden;
}
.colRight {
	width:340px;
	float:left;
	overflow:hidden;
}
.colLeft_c {
	width:340px;
	float:left;
	overflow:hidden;
}
.colRight_c {
	width:620px;
	float:left;
	overflow:hidden;
}
.visual {
	width:620px;
	height:215px;
	background:url(/_images/bgvisual.gif);
	overflow:hidden;
}
.visualVlak
{
    width:610px;
    height:214px;
    background-color:#333092;
    margin-left:10px;
    overflow:hidden;
    border-bottom:solid 1px #fd8000;
}
.visualSmall {
	width:620px;
	min-height:40px;
	background: #fd8000 url(/_images/bgvisualsmall.gif) repeat-x bottom left;
	overflow:hidden;
}
.visualSmallVlak
{
    width:610px;
    min-height:39px; 
    background:#333092 url(/_images/balkglans.gif);
    margin-left:10px;
    overflow:hidden;
    border-bottom:solid 1px #fd8000;
}
.breadcrumb 
{
    margin:10px 20px 0 20px;
    padding:0 0 0 30px;
    background:url(/_images/ico_page.gif) no-repeat left top;
}
.breadcrumbColor 
{
    color:#969bf7;
    font-weight:normal;
     font-size:12px;
    line-height:normal;
    /* height:28px; --> Disabled for correct displaying in IE6 */
}
.breadcrumbColor a 
{
    font-weight:bold;
    color:White;
    text-decoration:none;
	line-height:19px;
}
.tabnav a:hover 
{
    color:#fd8000;
}
.tools 
{
    color:#969bf7;
    font-weight:normal;
    font-size:12px;
    margin:10px 20px 0 0;
    line-height:normal;
}
.tools a
{
    float:left;
    display:block;
    color:White;
    font-weight:bold;
    text-decoration:none;
    padding:0 35px;
	height:28px;
	line-height:19px;
}
.tools a:hover, .breadcrumbColor a:hover
{
    color:#fd8000;
}
a.toolsMail 
{
    background:url(/_images/ico_mail.gif) no-repeat left top;
}
a.toolsPrint 
{
    background:url(/_images/ico_print.gif) no-repeat left top;
}
.subVisualSmall {
    position: relative;
    color: #000 !important;
    z-index: 1;
	width:340px;
	min-height:40px;
	background: #fd8000 url(/_images/bgsubvisualsmall.gif) repeat-x bottom left;
}
.sendLinkContainer {
    position: relative;
    color: #000;
    z-index: 10000000;
    display: block;
	visibility:hidden;
    background-color: #fff;
    border: 1px solid #333092;
    width: 588px;
    padding: 10px;
    margin: 29px 0px 0px -300px;
    overflow: visible;
}
.sendLinkContainer .imgContainer {
    position: relative;
    background: #fff url(/_images/ico_mail_selected.gif) no-repeat top left;
    display: block;
    margin: -56px 0px 0px 273px;
    width: 168px;
    height: 45px;
	overflow:hidden;
}
.sendLinkContainer h3 {
    border-bottom: 1px dotted #333092;
    margin: 16px 8px 8px 8px;
    padding-bottom: 10px;
}
.sendLinkContainer span {
    display: block;
    margin: 20px 8px 8px 8px;
    color: #969696;
    font-size: 0.9em;    
}
.sendLinkContainer p {
    font-weight: bold;
    padding: 8px;
    font-size: 1.1em;
    margin: 8px;
    color: #fff;
}
.sendLinkContainer a.formButtonWhite {
    margin-left: 0px;    
}
.sendLinkContainer a.formButtonWhite:active {
    margin-left: 1px;
}
.subVisualSmallVlak 
{
    width:330px;
    height:39px;
    background:#333092 url(/_images/balkglans.gif);
    overflow:hidden;
    border-bottom:solid 1px #fd8000;
    overflow:hidden;
}
.homeNews {
	width:340px;
	height:215px;
	background:url(/_images/bghomenews.gif);
	overflow:hidden;
}
.homeNewsVlak 
{
    width:280px;
    height:164px;
    background-color:#333092;
    overflow:hidden;
    border-bottom:solid 1px #fd8000;
    padding:21px 20px 29px 30px;
    overflow:hidden;
}


/* EDIT: MARTIJN */

.ProductHighlightContainer1 {
    background: transparent url(/_images/bgproductsstart.jpg) no-repeat top left;
    margin-bottom: 20px;
}
.ProductHighlightContainer1 p {
    color: #000000;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 180px;
}
.ProductHighlightContainer2 {
    float: left;
    width: 280px;
    height: 236px;
    background: transparent url(/_images/bgproductsstart2.gif) no-repeat top left;
}
.ProductHighlightContainer2 h3 {
    margin: 5px 0px 0px 28px;
}
.ProductFotoContainer {
    margin: 26px 0px 0px 11px;
}
.ProductHighlightContainer3 {
    float: left;
    margin: 32px 0px 0px 26px;
}
.ProductHighlightContainer3 p {
    font-size: 11px;
}

.pListItem {
    background: #ececf4 url(/_images/bgListItem.gif) no-repeat left 31px;
    padding: 6px 6px 10px 6px;
    border-bottom: 1px dotted #333092;
}
.pListItem a {
    display: block;
    padding: 0px 6px 6px 6px;
    margin: 0px -6px 5px -6px;
    border-bottom: 1px solid #fff;
}
h3.h3Variant1 {
    border-bottom: 1px solid #fd8000;    
}
/* END EDIT: MARTIJN */


.content {
    padding:30px;
    min-height:420px;
}
.content_a {
    padding:30px;
    float:left;
    width:280px;
}
.content_b {
    padding:30px;
    float:left;
    width:220px;
}
.subContent {
    position: relative;
    z-index: 0;
    margin:30px;
}
.footer {
	width:560px;
	clear:both;
	margin:30px 30px 0 30px;
	padding-bottom:30px;
	border-top:solid 1px #ccc;
}
.footer_middle {
	width:220px;
	clear:both;
	margin:30px 30px 0 370px;
	padding-bottom:30px;
	border-top:solid 1px #ccc;
}
.footer_right {
	width:560px;
	clear:both;
	margin:30px 30px 0 370px;
	padding-bottom:30px;
	border-top:solid 1px #ccc;
}

a.formButton, a.formButtonWhite {
    display:block;
    width:120px;
    height:30px;
    background:#FFFFFF url(/_images/button.gif);
    text-align:center;
    text-decoration:none;
    line-height:25px;
    overflow:hidden;
    background-position:0 0;
    color:#333092;
    margin:10px 0 5px 7px;
    padding: 0px;
}
a.formButtonWhite {
    background:#FFFFFF url(/_images/button_white.gif);
}
a.formButton:hover, a.formButtonWhite:hover
{
    background-position:0 60px;
    color:#1a1d9f;
}
a.formButton:active, a.formButtonWhite:active
{
    background-position:0 30px;
    margin:11px 0 0 8px;
}
.nbField 
{
    margin:2px 0 2px 10px;
    width:200px;
}
.productgroepHeader_food
{
    width:225px;
    height:28px;
    padding:7px 0 0 55px;
    background: transparent url(/_images/productgroepheader_food.gif);
    overflow:hidden;
}
.productgroepHeader_drinks
{
    width:225px;
    height:28px;
    padding:7px 0 0 55px;
    background: transparent url(/_images/productgroepheader_drinks.gif);
    overflow:hidden;
}
.productgroepHeader_food h2, .productgroepHeader_drinks h2 
{
    display:inline;
    padding:0 5px;
    background: transparent url(/_images/productgroepheader_h2.gif) center -5px;
}
.productgroepMiddle
{
    width:240px;
    background: transparent url(/_images/productgroepmiddle.gif);
    overflow:hidden;
    padding:10px 20px 5px 20px;
}
.productgroepMiddle ul 
{
    margin:0 0 0 15px;
    padding:0;
    list-style-image:url(/_images/productgroep_pijl.gif);
}
.productgroepMiddle li 
{
    margin-bottom:3px;
}
.productgroepMiddle a 
{
    color:#333092;
    text-decoration:none;
    background: transparent url(/_images/productgroep_underline.gif) repeat-x center bottom;
    display:block;
}
.productgroepMiddle a:hover 
{
    color:#fd8000;
}
.productgroepFooter
{
    width:280px;
    height:15px;
    margin:0 0 20px 0;
    background: transparent url(/_images/productgroepfooter.gif);
    overflow:hidden;
}
.content_b ul
{
    margin:5px 0 0 15px;
    padding:0;
    list-style-image:url(/_images/productgroep_pijl.gif);
}
.productListItem
{
    margin-bottom:3px;
}
/*.productListItem*/ .selected
{
    display:block;
}
/*.productListItem*/ .selected a 
{
    color:#333092;
    text-decoration:none;
    background: transparent url(/_images/productgroep_underline.gif) repeat-x center bottom;
    display:inline-block;
    margin-bottom:3px;
    font-weight:bold;
    color:#fd8000;
}
/*.productListItem*/ .selected a 
{
    display:block;
}
.productListItem a 
{
    color:#333092;
    text-decoration:none;
    background: transparent url(/_images/productgroep_underline.gif) repeat-x center bottom;
    display:inline-block;
}
.productListItem a 
{
    display:block;
}
.productListItem a:hover 
{
    color:#fd8000;
}
.formTable 
{
    border:dotted 1px gray;
    background:#ebebf3 url(/_images/pVariantZilver.gif) repeat-x center;
    width:100%;
    margin:20px 0;
}
.formTable td 
{
    padding:5px;
    vertical-align:top;
    border-left:solid 1px white;
    border-right:solid 1px #ccc;
}
.formTable input, .formTable textarea
{
    width:280px;
    margin-left:7px;
}
.headerMailing, .footerMailing {
                 font:normal 10px Arial, Helvetica, sans-serif; color:#fff;
}
.footerMailing a {
    color:gray;
}