html, body, form {
	margin:0;
	padding:0;
}

body { 
	font: normal small "Trebuchet MS", arial,sans-serif;
	/*text-align:center;*/
	background: #FFFFFF url('/images/baby-bola-on-belly2.jpg') top right no-repeat;
	color:#555;
	height: 100%;
}
h1 {
	color:#888;
	margin:0.25em 0 0.25em 0;
	font-size:250%;
}

body#models h1.bolas, body#homepage h1.bolas {
	width:320px;
	height:70px;
	padding:0;
	background: transparent url("/images/hdr-mexican-bolas.png") top left no-repeat;
}
body#models h1.rattles {
	width:320px;
	height:70px;
	padding:0;
	background: transparent url("/images/hdr-bola-rattles.png") top left no-repeat;
}
body#models h1 span, body#homepage h1 span {
	text-indent:-10001px;
	display:none;
}
p {
	margin:0 10px 10px;
}
p.intro {
	font-size:1.2em;
	letter-spacing:2px;
	margin-left:0;
	margin-top:-10px;
	padding-bottom:0.25em;
	border-bottom: 1px dotted #fef;
	color:#a48;
}
a {
	color:#d8b;
}
a:hover {
	text-decoration:none;
}
a:visited {
	color:#a48;
}
img {
	border:0;
}
img.inbasket {
	margin:2px;
	border:1px solid #333;
	float:left;
}


form select {
	font-size:0.8em;
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	color: #333;
	width:75px;
	height:20px;
	display:inline;
	margin:0;
	padding:0;

}
form input.input, form textarea {
	background:#fef;
	border:1px solid #d8b;
}
form input.input:focus, 
form select:focus,
form textarea:focus {
	background:#f3e1f3;
	border:1px solid #a48;
}

form input.submit, form input.lieverniet  {
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0.25em;
	background-color: #f2f2f2;
	color: #333;
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:0.9em;
}
form input.inmandje {
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0.25em;
	background:#fff url("/images/bgsubmit.gif") repeat-x;
	color: #333;
}
form input.inmandje:hover {
	border: 3px double #9BCAF4;
	border-top-color: #9BCAF4;
	border-left-color: #9BCAF4;
	color:#a30000;

}
form input.lieverniet {
	color:#aaa;
}

form input.inmandje:active {
	border: 3px double #ccc;
	border-top-color: #999;
	border-left-color: #999;
}
		
body#mandje {
	background: #FFFFFF url('/images/01bgbody-mandje.gif') repeat-x;
	color:#777;
}
	body#mandje h1 {
		font-size:200%;
		margin:0.25em 0;
		text-align:left;
	}
	body#mandje table {
	border-collapse:collapse; /* helpt natuurlijk weer niet voor IE.... */
	empty-cells:show;
	}
	body#mandje tr.productrij td {
		border-bottom:1px solid #e4e4e4;
		padding:0.75em 0.5em 0.5em 0.5em;
		vertical-align:top;
	}
	body#mandje tr.productrij td.eerste {
		width:50px;
		padding:0.75em 0 0 0;
	}
	body#mandje tr.productrij td.eerste img {
		height:8px;
		width:8px;
		margin:4px;
		border:0;
	}
	body#mandje tr.productrij td {
		font-size:0.95em;
	}	

div#thetotalouterultimatewrapper {
	/*background: transparent url("/images/baby-bola-on-belly-pink2.jpg") top right no-repeat;*/
	min-height:100%;
}
* html #thetotalouterultimatewrapper {
	height:100%;
}
div#container {
	text-align:left;
	width:760px;
	margin:0 auto;
	background: transparent;
	border:0;
	min-height:100%;
}
* html #container {
	height:100%
}
	div#header {
		height:130px;
		margin:0;
		/*background: #C4E951;*/
		padding:0 0 0 20px;
		border:0;
		clear:both;
	}
		div#logo {
			float: left;
			padding: 0;
			border:0;
			margin:0;
		}
		
		div#logo h1 {
			text-transform: uppercase;
			font-size: 2em;
			font-family:"Arial Black", Arial, Helvetica, sans-serif;
			margin:0;
			padding:0;
		}
		div#logo h1 img {
			border:0;
		}
		div#logo h1 span {
			display: inline;
			height: 0;
			left: -1000px;
			overflow: hidden;
			position: absolute;
			top: -1000px;
			width: 0;
		}
		div#logo h2 {
			margin: 0 0 0 10px;
			text-transform: uppercase;
			font-size: 0.8em;
			color:#777;
		}
		
		div#logo a {
			text-decoration: none;
			color: #FFFFFF;
		}

					
		div#topmenu {
			float: right;
		}
		
		div#topmenu ul {
			margin: 0 100px 0 0;
			padding: 0 0 0 0;
			list-style: none;
			line-height: normal;
		}
		
		div#topmenu li {
			display: inline
		}
		
		div#topmenu a {
			display: block;
			float: left;
			margin: 0 0 0 7px;
			padding: 3px 0 0 12px;
			height:20px;
			text-transform: uppercase;
			text-decoration: none;
			font-size:80%;
			font-weight: bold;
			color: #fff;
			vertical-align:middle;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		div#topmenu a:hover {
			text-decoration:overline;
			color:#a48;
		}
		

	div#nav {
		font: normal 0.75em/120% inherit;
		width: 700px;
		height: 40px;
		margin: 0 auto;
		
	}
		div#nav ul {
			margin: 0;
			list-style: none;
			line-height: normal;
			padding:0;
		}
		div#nav ul li {
			display: inline;
		}
		div#nav ul li a, 
		div#nav ul li a:visited {
			display: block;
			float: left;
			height: 20px;
			padding: 10px;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			color:#EA672E;
			font-size:0.9em;
		}
		div#nav ul li.first a {
			padding-left: 0;
			background: none;
		}
		div#nav ul li a:hover, 
		div#nav ul li a:visited:hover {
			text-decoration:underline;
			color:#11A6D4;
		}
		div#nav ul li a.select, 
		div#nav ul li a.select:visited {
			cursor:default;
			text-decoration:underline;
			background:#11A6D4;
			color:#fff;
		}
		div#nav ul li a.select:hover, 
		div#nav ul li a.select:visited:hover {
			text-decoration:none;
		}
			

	div#content {
		width:575px;
		padding:0 20px 0 20px;
	}
		div#content h2 {
			color:#7ad;
			margin-bottom:0.5em;
			font-size:140%;
		}
		div#content h2.subkop {
			color:#ac437b;
			margin:0 0 0.5em 0;
			padding-bottom:0.25em;
			font-size:150%;
			font-style:italic;
			border-bottom:1px solid #333;
		}
		div#content h3 {
			margin-bottom:0.25em;
			font-size:115%;
		}
		div#content h4 {
			margin-bottom:0.25em;
			font-size:125%;
			color:#666666;
		}		
		div#content h2 a, 
		div#content h2 a:visited, 
		div#content h2 a:hover, 
		div#content h2 a:visited:hover {
			color:#f00;
			text-decoration:none;
		}
		div#content h2.shortdesc {
			font-size:1.3em;
			font-style: italic;
			color:#333;
			margin-top:-0.75em;
			font-weight:normal;
			padding:0 0 0 1em;
		}

		div#content p {
			line-height:1.5em;
			margin-bottom:1.75em;
		}	

		div#content pre {
			white-space: pre-wrap;       /* css-3 */
			white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
			white-space: -pre-wrap;      /* Opera 4-6 */
			white-space: -o-pre-wrap;    /* Opera 7 */
			word-wrap: break-word;       /* Internet Explorer 5.5+ */
			font-size:1.1em;
			margin:0;
			text-indent:0;
			padding:0.5em;
			border:1px solid #ccc;
			background:#f7f7f7;
			margin-bottom:1em;
		}

		div#content ul li, div#content ol li {
			margin-bottom:0.75em;
		}
		div#content table thead td {
			background:#aaa;
			color:#fff;
			font-weight:bold;
		}
		
		div#content table.bolas {
			width:100%;
			border:0;
			margin:-2em 0 0 0;
			padding:0;
		}
		div#content table.bolas tr {
			border-top:1px solid #ccc;
		}
		div#content table.bolas td {
			width:25%;
			text-align:center;
			padding:0.25em;
			vertical-align:top;
			font-size:0.85em;
		}
		div#content table.bolas img {
			margin:0.5em;
		}
		div#content table.bolas img.thumb {
			margin:0.5em;
			border:4px solid #9BCAF4;
		}		
		div#content table.bolas td span.prijs {
			font-weight:bold;
			color:#999;
		}
		div#content table.bolas td a,
		div#content table.bolas td a:hover {
			color:#777;
		}
		
		div#content table.bolas td a {
			text-decoration:none;
		}
		div#content table.bolas td a:hover {
			text-decoration:underline;
		}		

/*=homepage */


		div#content dl#mop {
			width: 60em;
			margin: 2em 0;
			padding: 0;
			display:block;
			clear:both;
		}
			
		div#content dl#mop dt {
			width: 15em;
			float: left;
			margin: 0 0 0 0;
			padding: .5em;
			border-top: 1px solid #999;
			font-weight: bold;
		}
			
		/* commented backslash hack for mac-ie5 \*/
		div#content dl#mop dt { clear: both; }
		/* end hack */
			
		div#content dl#mop dd {
			float: left;
			width: 45em;
			margin: 0 0 0 0;
			padding: .5em;
			border-top: 1px solid #999;
		}
		


	div#footer {
		background: #fff;
		color: #333;
		font-size:0.85em;
		text-align:right;
		height:20px;
		clear: both;
		width: 700px;
		margin: 0 auto 2em auto;
		position:relative;
		border-top:1px solid #fef;
		color:#a48;
	}
		div#footer ul {
			display:block;
			list-style:none;
			list-style-type:none;
			margin:5px 0 0 0;
			height:20px;
		}
		div#footer ul li {
			display: inline;
			padding: 3px 8px;
		}

		div#footer a {
			color:#f90;
			text-decoration:none;
		}
		div#footer a:hover {
			text-decoration:underline;
		}