@charset "UTF-8";

* {
	margin:0px;
	padding:0px;
}
body, html {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size				: 13px;
	color					: #99998a;
	margin					: 0px;
	padding					: 0px;
	background-attachment	: fixed;
	background-image		: url(../images/background.jpg);
	background-repeat		: repeat;
	background-position		: center top;
	width					: 100%;
	height					: 100%;
}
a {
	color:#8b005a;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* Decorated button */
button, a.button {
	/* 
	background-image:url(../images/bg_button.png);
	background-repeat:no-repeat;
	background-position:right top;
	*/
	background:transparent url('../images/bg_button.png') no-repeat scroll top right;
	display:block;
	float:left;
	height:22px;
	width:auto;
	margin:6px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	border:none;
	overflow:hidden;
	outline:none;
	cursor:pointer;
}

button:hover, a.button:hover {
	background-position:right -22px;
	text-decoration:none;
}

button span, a.button span 
{
	background-image:url(../images/bg_button_left.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:0% 0%;
	display:block;
	line-height:18px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
	text-decoration:none;
}
button:hover span, a.button:hover span 
{
	background-position: left -22px;
	text-decoration:none;
}


#EnKidsLogo {
	position:absolute;
	top:0px;
	width:100%;
	height:307px;
	background-image:url(../images/background-enkids-logo.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#ContentContainer {
	position:relative;
	width:100%;		
	min-height: 930px;
	height: auto !important;
	height: auto;		
	background-image:url(../images/content-background.png);
	background-position:center;
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
}
#Content {
	position:relative;
	margin:0px auto;
	width:843px;	
	z-index:100;
}

/* ------------------------------------------------------------------------------------------
	Header
   ------------------------------------------------------------------------------------------ */

#BeestenBoel {
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
	background-image:url(../images/beestenboel.png);
	background-repeat:no-repeat;
	background-position:center top;
	min-height: 930px;
	height: auto !important;
	height: 930px;
	z-index:1;
}




#TopNav {
	float:right;
	width:644px;
	height:25px;
	margin:10px 0px 0px 0px;
}
#TopNav ul {
	list-style-type:none;
	height:25px;
	margin:0px 7px 0px 13px;
	background-image:url(../images/topnav-bg-a.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
#TopNav ul li {
	float:left;	
	width:auto;
	height:25px;
	background-image:url(../images/topnav-bg-li.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
}
#TopNav ul li.search {
	background-image:url(../images/topnav-bg-li-search.jpg);
	padding:0px 0px 0px 37px;
}
#TopNav ul li:hover, #TopNav ul li.active {
	background-image:url(../images/topnav-bg-li-hover.jpg);
}
#TopNav ul li.search:hover {
	background-image:url(../images/topnav-bg-li-search.jpg);
}
#TopNav ul li.firstitem {
	background-image:url(../images/topnav-bg-li-firstitem.jpg);
}
#TopNav ul li.firstitem:hover, #TopNav ul li.firstitem .active {
	background-image:url(../images/topnav-bg-li-firstitem-hover.jpg);
}
#TopNav ul li a {
	display:block;
	width:auto;
	height:20px;
	background-image:url(../images/topnav-bg-a.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding:5px 10px 0px 10px;
	
	font-weight:bold;
	text-decoration:none;
	color:#99998a;
	text-transform:uppercase;
	font-size:10px;
}
#TopNav ul li a:hover, #TopNav ul li a.active {
	background-image:url(../images/topnav-bg-a-hover.jpg);
	color:#ffffff;
}

#HeaderImage {
	float:right;
	width:644px;
	height:249px;
	background-image:url(../images/site-image-header.jpg);
	margin:0px;
}
#HeaderImage img {
	margin:12px 14px 12px 14px;
	width:616px;
	height:225px;
}

#SearchBox input {
	width:80px;
	height:12px;
	border:1px solid #99998a;
	padding:2px;
	margin:4px 0px 0px 35px;
	font-size:8px;
}
#SearchBox {
	float:left;	
	width:150px;
	height:25px;
	margin:10px;
	background-image:url(../images/bg-search.jpg);
	background-repeat:no-repeat;
}

#HeaderLogo {
	float:left;
	background-image:url(../images/logo-enkids-paars.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:194px;
	height:276px;
}

/* ------------------------------------------------------------------------------------------
	Sidebar: Catalog Menu
   ------------------------------------------------------------------------------------------ */
	
#Sidebar {
	float:left;
	background-image:url(../images/background-sidebar.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:197px; 
	margin:21px 0px 0px 0px;
}

#Sidebar ul {
	margin:5px 0px 0px 10px;
	list-style-type:none;
	padding:0px;
}
#Sidebar ul li {
	margin:0px;
	padding:0px;
	width:160px;
	/*height:31px;*/
}

#Sidebar ul li a,#Sidebar ul li a.promolink {
	display:block;
	width:160px;
	height:23px;
	padding:8px 0px 0px 0px;
	background-image:url(../images/catalog-top-level-button.jpg);
	background-position:0px 0px;
	color:#99998a;
	text-decoration:none;
}
#Sidebar ul li a.promolink {
	background-image:url(../images/catalog-top-level-button-promo.jpg);
	color:#8b005a;
}
#Sidebar ul li a:hover, #Sidebar ul li a.expanded,#Sidebar ul li a.promolink:hover {
	background-position:0px -31px;
	color:#ffffff;
	text-indent:10px;
}

#BrandSelection {
	display:block;
	width:160px;
	height:29px;
	padding:22px 0px 0px 0px;
	background-image:url(../images/catalog-top-level-button.jpg);
	background-position:0px 0px;
	color:#99998a;
	text-decoration:none;
}

#BrandSelection select {
	width:110px;
	margin:7px 0px 0px 5px;
	border:1px solid;
}

#Sidebar li.empty {
	display:block;
	width:160px;
	height:23px;
	background-image:url(../images/catalog-top-level-button.jpg);
	background-position:0px 0px;
}

#Sidebar ul ul {
	margin:0px;
	display:none;
}
#Sidebar ul ul.active {
	display:block;
	margin:5px 0px 5px 0px;
}
#Sidebar ul ul li a {
	width:140px;
	padding:5px 10px 5px 20px;
	background-image:none;
	font-weight:normal;
	height:auto;
}
#Sidebar ul ul li a:hover {
	color:#8b005a;
	text-decoration:none;
}


#CartInfo {
	margin:20px 5px 0px 0px;
	width:180px;
	height:55px;
	background-image:url(../images/cart-background.jpg);
	background-repeat:no-repeat;
}

.CartInfoItems {
	padding:10px 20px 0px 90px;
	font-size:11px;
	display:block;
}
.CartInfoPrice {
	margin:0px;
	font-size:18px;
	padding:0px 10px 15px 90px;
	display:block;
}
#CartInfo a {
	color:#99998a;	
}
#CartInfo a:hover {
	text-decoration:none;
}
#CartSpacerDiv {
	margin:20px 5px 0px 0px;
}


/* ------------------------------------------------------------------------------------------
	MainContent
   ------------------------------------------------------------------------------------------ */
   
#Breadcrumbs {
	float:right;
	width:622px;
	margin:0px 5px 0px 0px;
	padding:0px;
	font-size:12px;
	height:17px;
}

#Breadcrumbs a {
	color:#99998a;
}

#MainContentWrapper {
	float:right;
	width:635px;

	margin-right:7px;
	padding:0px;
	background-image:url(../images/content-background-header.png);
	background-position:top;
	background-repeat:no-repeat;

}
#MainContent {
	width:615px;
	float:right;

	min-height: 400px;
	height: auto !important;
	height: auto;	
	
	padding:10px 10px 10px 10px;
	
	background-image:url(../images/content-background-footer.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	
	letter-spacing:1px;
}

#ContentWrapper {
	float:left;
	padding:10px;
	width:595px;
	min-height: 400px;
	height: auto !important;
	height: auto;
}

h1 {
	color:#8b005a;
	font-size:30px;
	font-weight:normal;
	margin:0px 0px 5px 0px;
}
h2 {
	color:#8b005a;
	font-size:18px;
	font-weight:normal;
	margin:10px 0px 5px 0px;
}
h3 {
	color:#8b005a;
	font-size:13px;
	font-weight:normal;
	margin:10px 0px 5px 0px;
}

p {
	margin:0px 0px 5px 0px;
	line-height:18px;
}
ul {
	margin:0px 0px 5px 25px;
	letter-spacing:1px;
	line-height:18px;
}

#MainContent a, #Footer a {
	color:#8b005a;
	text-decoration:none;
}
#MainContent a:hover, #Footer a:hover {
	text-decoration:underline;
}

/* ----------------------------------------
   Footer
   ---------------------------------------- */

#Footer {
	float:left;
	font-size:11px;
	padding:20px 0px 20px 0px;
	text-align:center;
	width:100%;
}


/* ----------------------------------------
   User Messages
   ---------------------------------------- */
   
#messageBox {
	margin: 5px 0px 5px 0px;
	padding: 7px 10px 8px 10px;
	color:#191418;
}
.messageIcon {
	padding:0px;
	margin:0px 10px 0px -2px;
	float: left;
}
#messageBox p {
	margin:0px;
	padding:0px;
}
#messageBox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #messageBox {height: 1%;}
/* End hide from IE-mac */

.messageError {
	background-color: #FFDEE7;
	border: 1px solid #990000;
}
.messageWarning {
	background-color: #FFFFCC;
	border: 1px solid #CCCC00;
}
.messageInfo {
	background-color: #D0EBFF;
	border: 1px solid #003366;
}
.messageSuccess {
	background-color: #DEFFDE;
	border: 1px solid #006600;
}
#messageBox br {
	clear: both;
	display:block;
	height:1px;
}