body{
	font:12px/18px Arial,Verdana,sans-serif;
	text-align:center;
}

#container{
	text-align:left;
	width:960px;
	margin:0 auto;
}

#header{
	background-image: url("../../layout/www.manotogo.be/logo.jpg");
	background-repeat:no-repeat;
	height:145px;
}

#subheader{
	width:638px;
	height:128px;
	margin: 0 auto;
}

#wrapper{
	background-image: url("../../layout/www.manotogo.be/repeater.jpg");
	background-repeat:repeat-x;
	background-position:center top;
	width:100%
}

#wrapper2{
	background-image: url("../../layout/www.manotogo.be/main_repeater.jpg");
	background-repeat:repeat-y;
	background-position:center top;
	width:100%
}	
/* MENU */
#sidebar{
	background-image: url("../../layout/www.manotogo.be/mano.jpg");
	background-repeat:no-repeat;
	float:left;
	width:180px;
	text-align:center;
	padding-left:20px;
	padding-top:10px;
}

	#sidebar li{
		border-top:1px solid #ffffff;
		width:150px;
	}
	
	#sidebar li.first{
		border-top:0px;
	}
	
	#sidebar li a{
		text-decoration:none;
		color:#707173;
		display:block;
		margin:2px;
	}
	
	#sidebar li a:hover{
		color:#97be0d;
	}

#sidebar a.downloadmenu{
    background: url("../../layout/www.manotogo.be/btn-download-menu.jpg") no-repeat center top;
    width:144px;
    height:44px;
    margin-top:50px;
    margin-left:2px;
    display:block;
}

#sidebar a.downloadmenu span{
    display:none;
}

#sidebar a.bestelling{
    display: block;
    width: 150px;
    height: 29px;
    padding-top: 10px;
    background: url("../../layout/www.manotogo.be/bt_bestel.jpg") no-repeat 12px 0;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
}
#sidebar a.facebook{
    background: url("../../layout/www.manotogo.be/facebook.gif") no-repeat center top;
    width:144px;
    height:44px;
    margin-top:50px;
    display:block;
}
	
	#orderbtn{
		width:150px;
		margin-top:40px;
	}
	
/* CONTENT */
#content{
	background-color:#ecf3d9;
	float:left;
	width:520px;
	min-height:540px;
	height:auto !important;
	height:540px;
	padding:12px 20px 10px 20px;
}
	#content h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#8cb00c;
	}
	#content h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#8cb00c;
	}
	#content p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#8cb00c;
	}
#content p small{
	font-size: 11px;
	font-style: italic;
	color: #888;
}
/* STATIC CONTENT*/
#rightbar{
	float:left;
	width:200px;
	height:128px;
}

#footer{
	background-color:#FFFFFF;
	text-align:center;
	margin:0 auto;
	width:100%;
	min-height:50px;
	clear:both;
	font-size: 10px;
}
#footer p,#footer a{
    color:#333;
}

/* ELEMENTS
-----------*/
a{
    color:#97BE0D;
}
#content p,#content ul,#content ol{
	margin:0 0 10px;
}
#content ul,#content ol{
	margin:0 0 10px;
	padding-left:15px;
	list-style:disc;
}
#content ol{
	list-style:decimal;
}
#content h1,h2,h3,h4,h5,h6{
	margin:0 0 10px;
}
#content p.confirmation{
    background-color: #8CB00C;
    color: #fff;
    padding: 10px;
}
#content p.error{
    background-color: #c00;
    color: #fff;
    padding: 10px;
}
#content a.highlight{
    font-weight: bold;
    color: #7d4e22
}

/* PHOTOGALLERY
---------------*/
#content .module_photo ul{
	margin:0;
	padding:0;
	list-style:none;
}

#module_photogallery{
	list-style:none;
	padding:0;
}
#module_photogallery li{
	float:left;
	margin:0 15px 30px;
	height:154px;
	width:154px;
	text-align:center;
	overflow:hidden;
}
#module_photogallery li a img{
	border:2px solid #fff;
}
#module_photogallery li a:hover img{
	border:2px solid #ccc;
}

/*FORMS
-------*/
.error_message{
	border:1px solid #c00;
	background:#fdd;
	padding:15px;
	margin:10px 0;
	color:#c00;
}
tr.error {
	border:1px solid #c00;
	background:#fdd;
}
#thanks{
	padding:15px;
	margin-bottom:30px;
	background:#637331;
	color:#fff;
}
.layouttable td,.layouttable th{
	padding:3px;
	vertical-align:top;
}
.layouttable td.producttitle{
	width: 238px;
}
.layouttable td.categorytitle{
    background-color: #B0CF74;
    padding: 5px;
}
#content .layouttable td.categorytitle h3{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
}
input.text, textarea{
    border: 1px solid #ccc;
    width: 200px;
}
textarea{
    height: 100px;
}
input.small{
    border: 1px solid #ccc;
    width: 50px;
}
.orderform th{
    width: 150px;
}
.orderform tr.rowerror th, .orderform tr.rowerror td{
    background-color: #c00;
    color: #fff;
}
.orderform tr.rowtotal th, .orderform tr.rowtotal td{
    background-color: #7D4E22;
    color: #fff;
    padding: 5px;
    font-size: 14px;
}

.orderform tr.rowsubmit td{
    text-align: center;
}
.orderform input.submit{
    background-color: #8CB00C;
    border: none;
    color: #fff;
    padding: 3px 20px;
    font-weight: bold;
    cursor: pointer;

}