/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/******************************************/
/***********[ Mage_CSS_A Reset ]***********/
/******************************************/

* { margin:0; padding:0; }

a { color:#1e7ec8; text-decoration:underline; }
a:hover { color:#1e7ec8; text-decoration:underline; }
a img { border:0;}
:focus { outline:0; }

/* Heading */
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.4em; line-height:1.3em; color:#0A263C; }
h1 { font-size:2em; line-height:1.17; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/* Table */
th { padding:0; text-align:left; vertical-align:top; }
td {padding:0;vertical-align:top;}

/* Paragraph */
p { margin-bottom:.8em; }
address { margin-bottom:.4em; }
address { font-style:normal; line-height:1.4em;}
cite { font-style:normal; font-size:10px;}
q:before, q:after{content:'';}

/* Form */
form { display:inline;}
fieldset { border:none; }
legend {display:none;}
label { color:#666; /*font-size:.95em;*/  font-weight:bold; }
input, select, button { vertical-align:middle; }

/* Lists */
dt { display:block; font-weight:bold; }
ul,ol { list-style:none; }

/* Size */
small { font-size:.92em; }
big { font-size:1.1em; }

hr { height:0; margin:8px 0; overflow:hidden; visibility:hidden; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }


/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #333; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #333; }
body { background: url('../images/bodyBg.gif') #fff repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; padding-bottom: 110px; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 825px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 827px; height: 270px; background: url('../images/headerBg.gif') no-repeat; }
	#headerCntr h1 { display: none; }
	#headerCntr div.flash { position: absolute; bottom: 20px; right: 1px; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { z-index: 1; position: absolute; top: 225px; left: 40px; width: 700px; }
		#menuCntr ul { overflow: hidden; width: 700px; list-style: none; }
		#menuCntr li { margin-right: 10px; padding-right: 10px; float: left; display: inline; font-size: 14px; background: url('../images/menuBg.gif') no-repeat right; }
		#menuCntr li.last { margin-right: 0px; padding-right: 0px; background: none; }
		#menuCntr li a { text-decoration: none; font-weight: bold; color: #FFF; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #5c778a; }
		
		#footerCntr ul { overflow: hidden; width: 370px;  list-style: none; margin: 0px auto; margin-bottom: 13px; }
		#footerCntr li { margin-right: 10px; padding-right: 10px;  float: left; display: inline; font-size: 11px; background: url('../images/menuBg.gif') no-repeat right; }
		#footerCntr li.last { margin-right: 0px; padding-right: 0px; background: none; }
		#footerCntr li a { text-decoration: none; font-weight: bold; color: #333; }
		#footerCntr li a:hover, #menuCntr li.selected a { color: #5c778a; }
		
		/* ### ZOEK CONTAINER ### */
		#zoekCntr { position: absolute; top: 8px; right: 8px; width: 262px; }
		#zoekCntr fieldset { overflow: hidden; width: 262px; border: 0px; }
		#zoekCntr ul { overflow: hidden; width: 262px; list-style: none; }
		#zoekCntr li { float: left; display: inline; font-size: 11px; }
		#zoekCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #333; }
		#zoekCntr li a:hover { color: #5c778a; }
		#zoekCntr input.field { padding: 5px 5px 0px 5px; float: left; width: 172px; height: 19px; border: 1px solid #5c778a; background: #fff; }
		#zoekCntr input.submit { float: right; width: 66px; height: 26px; border: 1px solid #5c778a; background: #fff; }
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 825px; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { margin-right: 15px; float: left; display: inline; width: 140px; }
		
			/* ### NAV BOX ### */
			.navBoxs { margin-bottom: 15px; border: 1px solid #5c778a; border-top: 0px; overflow:hidden; }
			.navBoxs h3 { padding: 0px 10px 0px 10px; height: 24px; line-height: 24px; font-size: 12px; font-weight: normal; background: url('../images/headingBg.gif') repeat-x 100%; }
			.navBoxs ul { padding: 5px 5px 10px 10px; list-style: none; }
			.navBoxs li { line-height: 16px; }
			.navBoxs li a { text-decoration: none; color: #333; }
			.navBoxs li a:hover, .navBox li.selected a { text-decoration: underline; color: #5c778a; }
			.pager_top { padding-top: 10  ; overflow: none; font-size: 12px; font-weight: normal; background: url(../images/headingBg2.gif) repeat-x scroll 100%; width: 100%; border:1px solid #5C778A; margin-bottom: 5px; float: left; }
			.pager_top td { padding:3px; }
			img.sort_img { display:none; float:left; }
			 ul.cloudCntr { padding: 0px 0px 8px 10px; list-style: none; }
			/* ### MAAT BOX ### */
			.maatBox { margin-bottom: 8px; width: 138px; border: 1px solid #5c778a; }
			.maatBox a { padding: 10px 0px 70px 0px; display: block; text-align: center; font-size: 14px; text-decoration: none; color: #333; background: url('../images/maatBg.gif') no-repeat bottom; }
			.maatBox a:hover { text-decoration: underline; }
			
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 515px; }
		
			/* ### AB BOX ### */
			.abBox { margin-bottom: 8px; width: 515px; }
			
			/* ### PRODUCT BOX ### */
			.productBox { margin-bottom: 8px; overflow: hidden; width: 474px; clear:both; border-left:1px solid #5C778A; border-top:1px solid #5C778A; }
			.productBox h3 { padding: 0px 10px 0px 10px; height: 24px; line-height: 24px; font-size: 12px; font-weight: normal; border-right: 1px solid #5c778a; background: url('../images/headingBg.gif') repeat-x; }
			.productBox div.product { padding: 10px 0px 10px 0px; float: left; display: inline; width: 236px; height:130px; position:relative; border-bottom:1px solid #5C778A;border-right:1px solid #5C778A }
			.productBox div.last { width: 236px; }
			.productBox div.pic { padding-left: 14px; float: left; width: 96px; } 
/*			.productBox div.text { padding-right: 3px; margin-left: 10px; float: right; width: 111px; font-size: 11px; }*/
			.productBox div.text { font-size: 11px; }
			.productBox h1 { font-size: 13px; font-weight: bold; }
			.productBox p { line-height: 16px; }
			.productBox div.text a { color: #5c778a; }
			.productBox div.text a:hover { text-decoration: none; }
			.productBox span.readmore { position: absolute; bottom:10px; left:110px; display: block; font-size: 11px; }
			.productBox span.readmore a { color: #5c778a; }
			.productBox span.readmore a:hover { text-decoration: none; }


		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 140px; }
		
			/* ### WW BOX ### */
			.wwBox { margin-bottom: 8px; width: 138px; border: 1px solid #5c778a; border-top: 0px; }
			.wwBox h3 { padding: 0px 10px 0px 10px; height: 24px; line-height: 24px; font-size: 12px; font-weight: normal; background: url('../images/headingBg.gif') repeat-x; }
			.wwBox ul { padding: 5px; list-style: none; }
			.wwBox li { line-height: 16px; font-weight: bold; font-size: 11px; }
			.wwBox li a { padding-left: 10px; font-weight: normal; text-decoration: none; color: #333; background: url('../images/arrow.gif') no-repeat left; }
			.wwBox li a:hover { text-decoration: underline; }
			.wwBox li span { color: #ff1111; }
			.wwBox li.last a { padding: 0px; text-decoration: underline; color: #5c778a; background: none; }
			.wwBox li.last a:hover { text-decoration: none; }
			
			/* ### TOP BOX ### */
			.topBox { margin-bottom: 8px; width: 138px; border: 1px solid #5c778a; border-top: 0px; }
			.topBox h3 { padding: 0px 10px 0px 10px; height: 24px; line-height: 24px; font-size: 12px; font-weight: normal; background: url('../images/headingBg.gif') repeat-x; }
			.topBox ul { list-style: none; }
			.topBox li { padding: 5px; overflow: hidden; width: 128px; border-bottom: 1px solid #5c778a; }
			.topBox li.last { border-bottom: 0px; }
			.topBox li a { display: block; text-align: right; font-size: 11px; text-decoration: none; color: #333; }
			.topBox li a:hover { color: #5c778a; }
			.topBox li a span { padding: 10px 20px 0px 0px; display: block; cursor: pointer; }
			.topBox li a img { float: left; }

			/* ### ERV BOX ### */
			.ervBox { margin-bottom: 8px; width: 138px; border: 1px solid #5c778a; border-top: 0px; }
			.ervBox h3 { padding: 0px 10px 0px 10px; height: 24px; line-height: 24px; font-size: 12px; font-weight: normal; background: url('../images/headingBg.gif') repeat-x; }
			.ervBox ul { padding: 0px 0px 5px 18px; overflow: hidden; width: 120px; list-style: none; }
			.ervBox li { margin-right: 5px; float: left; display: inline; }
			.ervBox p { padding: 5px; font-size: 10px; color: #5c778a; }

.pagenumber { float: left; margin-left: 20px;}
.pagenumber1 { float: left; margin-left: 20px; margin-top: 5px; }


/* ### FOOTER CONTAINER ### */
#footerCntr {
	margin-top: 25px;
	bottom: 0;
	position: absolute;
	width: 100%;
	background: url('../images/footerBg.gif') repeat-x;
	height: 110px;  
}
#footerCntr .content { background: url('../images/tribalfooterBg.gif') no-repeat scroll 50% 0; margin: 0 auto;  color: #555;  font-size:11px; text-align:center; padding-top: 20px; }
#footerCntr a { text-decoration: none; color: #666; }
#footerCntr a:hover { text-decoration: underline; }