body {
   	background-image:url('/img/background1.gif');
	font:10px Verdana;
    margin-top:0px;
}

a {
	text-decoration:none;
}

.row{
	clear:both;
}

.footer {

text-align:center;
}


.singleProduct{

    padding:5px;
	font:12px Verdana;

}

.singleProduct a {
	color:black;
}

.singleProduct .description
{
	float:none;
}

.singleProduct h1{
	font:16px Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
	float:left;
	margin-left:4px;
	margin-top:4px;
	color:#555555;
}

.singleProduct h1 a{
	
}

/*.singleProduct .image*/

img.productImage {
	float:left;
	border: 1px solid Silver;
    max-width:200px;
    max-height:200px;
}

.singleProduct span.category {
	float:left;
	margin-left:15px;
}

.singleProduct .brand_title{	

}
.brand_title a
{
color:red;

}

a.category{
	font-weight:bold;
	text-decoration:underline;
}

.singleProduct h2{
	font-size:12px;
}

.singleProduct .information{

}



.multiProductBorder {

padding:0px;
margin:2px;
float: left;

           border: 3px solid white;
border-radius:3px;
-moz-border-radius: 3px;

}

.multiProductBorder:hover
{
  padding:0px;
margin:2px;
float: left;

border: 3px solid Silver;
border-radius:3px;
-moz-border-radius: 3px;
}


.multiProduct {
	padding:3px;
	margin:0px;
    float:left;
	width:300px;
	height:125px;
	text-align:left;
    border:1px solid silver;


}
/*

.multiProduct:hover {
    border:1px solid black;
} */


.multiProduct a {
	color:#09F;

}

.multiProduct .storeLink {

    text-decoration:underline;
}


.multiProduct div.productInfo{
  float:left;
  margin-left:10px;
}

.multiProduct img {
  float:left;
  margin:3px;
  width:100px;
  height:100px;
}


.multiProduct div.description {
    text-align:left;
    float:left;
    width:175px;
    vertical-align: middle;
    margin-left:10px;
    font:10px Verdana;
    border:0px solid Silver;
}

.multiProduct div.image{
  float:left;

}


.multiProduct span.title {

	font:10px Arial, Helvetica, sans-serif;
}
.multiProduct span.title a {

	color:#04a;

}

.multiProduct span.price {

	font:10px Verdana, Geneva, sans-serif;
	color:green;
}

.categoryNavigation{
	font:12px Verdana, Geneva, sans-serif;
	width:250px;
	/*min-height:100%;*/
	float:left;
    padding-left:10px; /**left margin for navigation..*/

	background-color:white;
    border:1px solid silver;
}

.categoryNavigation h2{

    margin-top:10px;
    margin-bottom:5px;
    font:16px Verdana, Geneva, sans-serif;
    color:black;
    font-weight:bold;

}


.categoryNavigation a{
	color:#09F;
	text-decoration:none;
}

.categoryNavigation ul {

    padding-left:0px;
    margin-left:0px;
    margin-top:5px;


}

.categoryNavigation li{
	list-style:none;

}

.categoryNavigation ul li ul {

padding-left:15px;
}


.categoryNavigation .selected{
	font-weight:bold;
}



.navigationForm{
	clear:both;
}


.topNavigation {
margin-left:0px;
padding:0px;


}

.topNavigation ul {
   margin-bottom:0px;
   float:none;
   border-left:1px solid silver;
   margin-left:0px;
   padding:0px;
   height:10px;
}

.topNavigation ul li {
    float:left;
    margin:0px;
    padding:10px;
    border-top:1px solid Silver;
    /*border-left:1px solid Silver;*/
    border-right:1px solid Silver;
}

.largeContainer {

}

div.headerLeft{
	width:10px;
	float:left;

}
.headerRight{
	width:180;
	float:left;

}
.headerMiddle
{
    width:640px;
	float:left;
    margin-left:20px;
    margin-right:20px;
}

.mainColumn {
	width:640px;
	border:0px solid red;
	float:left;
    
	padding:0px;
    margin-left:20px;
    margin-right:20px;
}

.contentColumn {
	width:640px;
	border:1px solid Silver;
	float:left;
    background-color:#fff;
	padding:10px;
    
   
}

.leftMargin{
	width:1px;
	height:100%;
	float:left;
}

.rightMargin{
/*	width:180;*/

    padding:10px;
	float:left;
    background-color:#ffffff;
}


img.logo {
	/*float:left;*/
	margin-right:20px;
}

.title {
	float:left;
    margin-top:10px;
    margin-bottom:10px;
    color:#fff;
	font:34px Verdana, Geneva, sans-serif;
}

.subtitle {
  float:left;
  font:14px Verdana, Geneva, sans-serif;
  margin-top:1px;
  font-weight:bold;
    color:#09f;
}


.searchTextField {
	width: 356px;
	height:40px;
	font-size:24px;
	border:0px;
	padding:5px;
	color:grey;
	margin:0px;
	border:2px solid #09f;
    float:left;
    margin-left:20px;
}
.searchSubmit {
	width:70px;
	height:40px;
	color:grey;
	font-size:24px;
	background-color:white;
	border:0;
	margin:0px;
	border:2px solid #09f;
    margin-left:10px;
}





.breadCrumb {
  margin-left:5px;
    margin-bottom:10px;

  font:12px Verdana;
    font-weight:bold;
    color:#555555;

}
.breadCrumb a {
    text-decoration:underline;
    color:#555555;
}


/**Product Page **/
.productPage {
  background-color:white;
  margin:5px;
  border:1px solid Silver;
}
.productImage {
   margin-right:15px;
   margin-left:15px;
   margin-bottom:15px;
   border:1px solid silver;
   padding:5px;
   max-width:200px;
   max-height:200px;

}

.productPage.storeLink {

}

.storeLink
{
  color:#09f;
}
a.storeLink
{

    text-decoration:underline;
    color:#0099ff;
    font-weight:bold;
}


.btn {
	float: left;
	clear: both;
	background: url(http://www.designgrutter.nl/img/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
}
.btn a{
	float: left;
	height: 40px;
	background: url(http://www.designgrutter.nl/img/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(http://www.designgrutter.nl/img/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_winkel { background-color:#f70; }
.btn_winkel:hover {
  background-color:green;
}


.btnSmall {
	float: left;
	clear: both;
	background: url(http://www.designgrutter.nl/img/btn_left_small.png) no-repeat;
	padding: 0 0 0 5px;
	font-weight:bold;
}
.btnSmall a{
	float: left;
	height: 20px;
	background: url(http://www.designgrutter.nl/img/btn_stretch_small.png) repeat-x left top;
	line-height: 20px;
	padding: 0 5px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btnSmall span {
	background: url(http://www.designgrutter.nl/img/btn_right_small.png) no-repeat;
	float: left;
	width: 5px;
	height: 20px;
}

.btn_winkelSmall { background-color:#f70; }



.clear {
	clear: both;
}

/* form css */

div.formRow {
  	clear: both;
  	padding-top: 10px;
  }


div.formRow span.formLabel{
	float:left;
	text-align:right;
	width:100px;
	margin:3px;
	font-size:12px;

}

div.formRow span.formField {
	float:left;


}

.formField input {
  border:1px solid Silver;
}

.formField textarea{
  border:1px solid Silver;
}

div.paginationBox {
  border:1px solid Silver;
  margin:2px;
  padding:2px;
  font-size:10px;
  float:left;
}

div.pagination {
  float:right;
  margin-right:5px;
  margin-top:-5px;
}

/** 26-01 **/
/*USER INTERFACE*/

.subCategoryList {
  font-size:12px;
  padding-left:20px;
  font-weight:normal;
  margin-top:-10px;

}

.categoryList {
  font-size:12px;
  font-weight:normal;
}
.categoryList li{
	margin:0px;
	padding-top:0px;

}
.bullet{
	color:#09f;
	font-weight:bold;
}