/***********************************************************************
Style Sheet

date: 27-09-2008
version: 1.0
author: Milan Schinkel
email: info@xsxn.nl
website: http://www.xsxn.nl/
***********************************************************************/


/***********************************************************************
General Structure 
***********************************************************************/

body{width:100%;margin:0;padding:0;background:url(../styleImages/bg.gif) repeat left top;color:#cdcdcd;font-family:Arial,Sans-serif;font-size:11px;}
input, select, textarea, button{font-family:Arial,Sans-serif;font-size:12px;}

#wrapper{width:800px;position:relative;left:50%;margin-left:-400px;}
#innerwrapper{width:800px;margin:0;padding:0;background-color:#39231A;}

a{color:#019fe2; text-decoration:none;}
a:hover{color:#019fe2; text-decoration:underline;}

.clear{clear:both;height:0px;line-height:0px;font-size:1px;}

/***********************************************************************
branding & navbar
***********************************************************************/

.branding{margin: 15px 5px 0 5px;padding:0;height:108px;width:237px; background:url(../styleImages/logo.png) no-repeat left center;float:left;display:inline;}

.navbar{margin: 15px 5px 0 5px;padding:0;width:543px;float:right;display:inline;}
.navbar ul {margin:89px 0 0 0;list-style:none;float:right;}
.navbar li {font-size:13px; color:#99a3ae;display:inline;}
.navbar li span{color:#8c562e; margin:0px 5px 0px 5px;}
.navbar li a{color:#019fe2; text-decoration:none; font-weight:bold}
.navbar li a:hover{color:#d1a436; text-decoration:none; font-weight:bold}


/***********************************************************************
fotobanner & categories
***********************************************************************/

.fotobanner{margin:5px 0 5px 5px;padding:0; width:540px; height:190px; background:#d1a436; border: 5px solid #d1a436; float:left;display:inline;}

.categories{margin:5px 5px 5px 0;padding:0; width:225px; height:190px; border: 5px solid #8c562e; background:url(../styleImages/box_back.png) repeat-x left top; float:right;display:inline;}
.categories ul{margin:5px;list-style-type: square;}
.categories li {font-size:15px; color:#d1a436;}
.categories li a{color:#019fe2; text-decoration:none; font-weight:bold}
.categories li a:hover{color:#d1a436; text-decoration:none; font-weight:bold}

/***********************************************************************
maincontent & sidecontent
***********************************************************************/

.maincontent{margin:0 0 0 5px;padding:0; width:550px; float:left;display:inline;}

.boxContent{margin:0 0 5px 0;padding: 5px; border: 1px solid #8c562e; background:url(../styleImages/box_back.png) repeat-x left top;}
#subCats {padding: 5px;border: 1px solid #8c562e;text-align: center;}
.subCat {text-align: center;padding: 8px;float: left;width: 110px;height: 50px;}
.latestProds {float: left;text-align: center;width: 131px;}


.sidecontent{margin:0 5px 0 0;padding:0; width:235px; float:right;display:inline;}

.boxSide{margin:0 0 5px 0;padding: 5px; border: 1px solid #8c562e; background:url(../styleImages/box_back.png) repeat-x left top;}
.boxSide h1{font-size:12px; color:#d1a436;margin:0;padding:0;}

/***********************************************************************
maincontent & sidecontent
***********************************************************************/

.xsxn{margin:5px 0 5px 5px;padding:0;width:119px; height:22px; float:left;display:inline;}
.xsxn img{border: 0px;}

.footer{margin:5px 5px 5px 0;padding:0;text-align:right; float:right;display:inline;}

	.footer ul{padding:0px 0px 0px 0px; line-height:12px}
	.footer li{display:inline; font-size:12px; color:#cdcdcd;}
		.footer li span{color:#cdcdcd; margin:0px 5px 0px 5px;}
		.footer li a{color:#cdcdcd; text-decoration:none;}
		.footer li a:hover {color:#cdcdcd; text-decoration:none;}