@import url('../smoothbox.css');
@import url('../resetSettings.css');
@import url('../standardSettings.css');

/* -----------------------------------*/
/* ------->>> BASIC LAYOUT <<<--------*/
/* -----------------------------------*/
/* BG Color linker menu: #f3f1f2 */
/* BG Color boven menu:  #38444b */ 
/* Text Color boven menu: #451c01 */
/* Text Color linker menu: #451c01 */
:root
{
 overflow-y:scroll;
}
body, html, form
{
	height:100%;
	width:100%;
	background-color:#FFFFFF;	
	color:#38444c;
}
/* LAY OUT BASIS */ 
.fullHeight
{
	margin:0 auto;
	width:100%;
}
.wrap
{
	margin:0 auto;
	width:100%;
	height:100%;
}
.middleColumn
{
	width:959px;
	background-image:url(../../images/klant/jongerius-zoetermeer/bg.gif)		;
	background-repeat:repeat-y;	
}
.leftBgColumn
{
	background-color:#fff;
	background-image:url(../../images/bg-LeftColumn.gif);	
	background-position:right;
	background-repeat:repeat-y;
	border-right:1px solid #cccccc;
}
.rightBgColumn
{
	background-color:#fff;	
	background-image:url(../../images/bg-RightColumn.gif);	
	background-position:left;
	background-repeat:repeat-y;	
	border-left:1px solid #cccccc;
}
.logoCell
{
	width:240px;
	height:72px;
	background-color:#f3f1f2;
	font-size:0;
	background-image:url(../../images/klant/jongerius-zoetermeer/logo.gif);		
}
.topNavigationCell
{
	width:714px; /* 719 - 5px padding */
	background-color:#38444b;
	padding-right:5px;
}

/* SEARCHBOX */
.searchBox
{
	float:right;
	height:27px; /* -- padding */
	padding-top:5px;
	padding-left:2px;
	border-bottom: 1px dotted #ffffff;
}
.searchBox .input
{
	width:178px;
	margin-left:16px;
	margin-right:5px;	
}
.searchBox label
{
	color:#ffffff;
}
/* NAVIGATION TAB STRIP */
.navigationTabStrip
{
	margin-top:41px;	
}
.navigationTabStrip a
{
	float:left;
	display:block;
	padding:10px;
	color:#ffffff;
	text-decoration:none;
}
.navigationTabStrip a:hover
{
	background:#FFFFFF;
	text-decoration:none;	
	color:#595959;
}
.navigationTabStrip a.active
{
	background-color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;	
	color:#595959;
}
/* NAVIGATION MENU */
.navigationMenu, .navigationMenu td, .navigationMenu p
{
	color:#38444c;	
}
.navigationMenu
{
	background-color:#f3f1f2;
	padding:0 5px 15px 5px;	
}
.navigationMenu .title
{
	padding:10px 0px 10px 5px;
	border-bottom: 1px dotted #451c01;		
}
.navigationMenu a
{
	display:block;
	padding:3px 5px 2px 5px;	
	color:#38444c;	
	text-decoration:none;
}
.navigationMenu a.heading
{
	margin-top:10px;
	font-weight:bold;
}
.navigationMenu a.active, .navigationMenu a:hover
{
	background-color:#38444c;	
	color:#fff;
	text-decoration:none;	
}
.navigationMenu strong
{
	margin-top:10px;	
	display:block;
	padding:3px 5px 2px 5px;	
	color:#38444c;	
	text-decoration:none;
}
/* CONTENT AREA */
.contentArea
{
	padding-left:5px;
	color:#38444c;
	width:714px; /* 719 - 5px padding */	
}
.contentArea .breadCrumb 
{
	padding:10px 0px 10px 5px;
	border-bottom: 1px dotted #38444c;		
	margin-bottom:5px;
	margin-right:5px;
	height:11px;	
}
.contentArea .breadCrumb .left, .contentArea .pager .left
{
	float:left;
}
.contentArea .breadCrumb .right, .contentArea .pager .right
{
	float:right;
}
.contentArea .pager .left, .contentArea .pager .right
{
	padding-top:4px;
	padding-bottom:4px;
}
.contentArea .pager .right
{
	padding-right:5px;
}
.contentArea .breadCrumb a, .contentArea .pager a
{
	color:#38444c;
	text-decoration:underline;
	margin:0 2px 0 2px;
}
.contentArea .breadCrumb span, .contentArea .pager span
{
	font-weight:bold;
}
.productPager td
{
	padding-left:2px;
	padding-right:3px;
}
/* PRODUCT LAYOUT SHARED */
.productBig .input, .productNoPicture .input, .productSmall .input, .productDetail .input
{
	width:25px;
	height:15px; /* overwritten in IE specific in combi with padding top */
	text-align:right;
	padding-right:2px;
}
.productBig .button, .productNoPicture .button, .productSmall .button, .productDetail .button
{
	width:185px;
	height:20px;
}
.productBig select, .productNoPicture select, .productSmall select, .productDetail select
{
	width:220px;
	margin-top:5px;
	margin-bottom:4px;
}
.productBig img, .productSmall img , .productDetail img
{
	border:1px solid #38444c;
}
.productBigLineHorizontal, .productSmallLineHorizontal
{
	float:left;
	margin:5px 5px 5px 0;
	width:709px;
	border-bottom:1px dotted #38444c;
}
/* CONTENT LAYOUT BIG */
.productBig
{
	float:left;
	width:219px; /* -- padding */
	height:238px;
	padding:5px;	
	background-color:#eeeeee;
	color:#38444c;
}
.productBig div.title
{
	padding:5px;
	margin-bottom:5px;
	font-weight:bold;
}
.productBig a
{
	display:block;
	color:#38444c;
	text-decoration:none;
	background-image:url(../../images/icon-info.gif);
	background-position:top right;
	background-repeat:no-repeat;
	text-decoration:none;	
}
.productBig a:hover
{
	background-image:url(../../images/icon-info-active.gif);
	text-decoration:none;
}
.productBigLine
{
	float:left;
	margin:0 5px 0 5px;
	height:248px;
	border-right:1px dotted #38444c;
}

/* PRODUCT LAYOUT NoPicture */
.productNoPicture
{
	width:709px;
}
.productNoPicture td
{
	background-color:#eeeeee;
	padding-top:5px; /* padding bottom is arranged by select */ 	
}
.productNoPicture tr.alt-row td
{
	background-color:#ffffff;	
}
.productNoPicture .name
{
	padding:0;	
}
.productNoPicture .name a div
{
	cursor:pointer;
	color:#38444c;
	text-decoration:none;
	background-image:url(../../images/icon-info-noPicture.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:19px;
	padding:10px 0px 0px 10px;
	font-weight:bold;
	width:246px;
}
.productNoPicture .name a:hover div
{
	background-image:url(../../images/icon-info-noPicture-active.gif);	
}
.productNoPicture .input
{
	margin:0;
	margin-left:4px;
	width:21px;
}
.productNoPicture .button
{
	margin:0;
	margin-left:5px;
	position:relative;
	top:-2px;	/* also in IE specific */
	float:right;
}
.productNoPicture select
{
	margin:0;
	margin-left:5px;
	margin-bottom:4px;
}
/* Product SMALL */
.productSmall
{
	float:left;
	width:344px; /* -- padding */
	height:69px; /* -- padding */
	padding:5px;	
	padding-left:0px; /* left padding is in the TD of the table */
	background-color:#eeeeee;
	color:#38444c;
}
.productSmall td
{
	padding-left:5px;
}
.productSmall div.title
{
	padding:5px;
	font-weight:bold;
}
.productSmall a
{
	display:block;
	color:#38444c;
	text-decoration:none;
	background-image:url(../../images/icon-info.gif);
	background-position:top right;
	background-repeat:no-repeat;
	text-decoration:none;	
}
.productSmall a:hover
{
	background-image:url(../../images/icon-info-active.gif);
	text-decoration:none;
}
.productSmallLine
{
	float:left;
	margin:0 5px 0 5px;
	height:79px;
	border-right:1px dotted #38444c;
}
.productSmall .button
{
	width:208px;
}
.productSmall select
{
	width:242px;
	margin-top:4px;
	margin-bottom:3px; /* also in IE Specific */
}
/* ProductDetail */
.productDetail td
{
	background-color:#eeeeee;	
}
.productDetail .productSpecification 
{
	background-color:#FFFFFF;
}
.productDetail .left
{
	width:99px; /* -- padding */
	text-align:right;
	padding-right:10px;
	padding-top:10px;	
	padding-bottom:10px;	
}
.productDetail .right
{
	width:99px; /* -- padding */
	text-align:right;
	padding-right:10px;
	padding-top:10px;
}
.productDetail .lineLeft
{
	border-left:5px solid #ffffff;	
	padding-top:10px;
	padding-left:10px;
}
.productDetail .lineLeft.withImage
{
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
}
.productDetail .lineLeft.withControls
{
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}
.productDetail .lineRight
{
	width:5px;
	background-color:#FFFFFF;
	border-right:1px dotted #38444c;	
}
.productDetail .lineRightText
{
	width:5px;
	border-left:1px dotted #38444c;	
}
.productDetail .text
{
	width:339px;
	line-height:16px;
	padding-bottom:10px;
}
.productDetail .pricePerItem
{
	font-size:18px;
	padding-right:5px;
}
.productDetail hr
{	
	margin:0;
	padding:0;
	height:1px;
	color:#ffffff;
	background-color:#FFFFFF;
	padding-top:5px;
	border:0;
	border-bottom:1px dotted #38444c;		
}
.productDetail .last
{
	padding-bottom:5px;	
}
.productDetail .horizontalDividerLeft
{
	background-color:#FFFFFF;
	height:11px; /* also in IE specific */
}
.productDetail .horizontalDividerRight
{
	background-color:#FFFFFF;
	height:11px; /* also in IE specific */
	padding-left:5px;
}

.productDetail .horizontalDividerFullWitdh
{
	background-color:#FFFFFF;
	height:11px;
}
/* PROBABLY TO COMPLEX
.productDetail .horizontalDividerLeft div
{
	margin-top:5px;
	width:109px;
	border-bottom:1px dotted #38444c;
}
.productDetail .horizontalDividerRight div
{
	margin-top:5px;
	margin-left:5px;	
	width:229px;
	border-bottom:1px dotted #38444c;
}
.productDetail .horizontalDividerFullWitdh div
{
	margin-top:5px;
	width:349px;
	border-bottom:1px dotted #38444c;
}
*/
.productDetail .button
{
	margin-left:5px;
	width:180px;
}
.productDetail select
{
	width:219px;
	margin-top:0px;
	margin-bottom:5px; /* also in IE Specific */
}
/* OTHER */
a.ExtraVestigingLink
{
	display:block;
	position:relative;
	top:2px;
	color:#595959;
	padding-top:5px;
	padding-bottom:7px;
	margin-right:10px;
	margin-bottom:5px;
	height:14px;
	text-decoration:none;
	background-image:url(../../images/extravestiging-nl.gif);
	background-position:top right;
	background-repeat:no-repeat;
	text-decoration:none;	
}
a:hover.ExtraVestigingLink
{
	background-image:url(../../images/extravestiging-nl-active.gif);
}
.footer
{
	vertical-align:bottom;
	border-bottom:1px solid #cccccc;
}
/* FORM ELEMENTS */
input.input
{
	height:15px; /* displays as 19px in ff */
}
input.button
{
	position:relative;
	top:1px;
	height:19px; /* displays as 18px in ff */
}