/* CREDITS
Title:  Esthetiek Cryo
Author: chris@inventis.be
Date:   18/04/2007
*/


/* ===== GENERAL STYLES =========================================== */
html,body {
	height:100%; /* needed for container min-height */
	margin: 0;
}
body {
	background: #ffffff url(/design/images/layout/background-tile.jpg) repeat-x 0 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
strong {
	font-weight: bold;
	color: #9F9FF5;
}
em {
	font-style: italic;
}
p, h1, h2, h3, h4 {
	margin: 1em 0;
}
a:link, a:active, a:visited {
	color: #E7AE00;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
*::-moz-selection {
	background: #FFDD19;
	color: #5E4ECA;
}
::selection {
	background: #FFDD19;
	color: #5E4ECA;
}

/* ===== BODY CONTAINER STYLES =========================================== */
div#bodyContainer {
	background:transparent url(/design/images/layout/content-tile.jpg) repeat-y scroll 50% 0;
	height: auto !important;
	min-height: 100%;
	min-width: 914px;
	position:relative;
}
div#extraBodyContainer {
	background:transparent url(/design/images/layout/background.jpg) no-repeat scroll 50% 0;
	min-height: 580px;
	min-width: 914px;
	position:relative;
}

/* ===== CONTENT CONTAINER =========================================== */
#siteContent {
	margin: 0 auto;
	width: 914px;
	text-align: left;
	color: #314048;
}

/* ===== MAIN MENU =========================================== */
#mainMenu {
	float: right;
	width: 175px;
	margin: 90px 70px 0 0;
/*	background-color: #0099FF; */
	padding: 0;
}
#mainMenu li {
	padding: 0;
	margin: 0;
}
#mainMenu li a {
	display: block;
	background: transparent url(/design/images/layout/menu.png) no-repeat 0 0;
	height: 24px;
	text-indent: -9000px;
	text-decoration: none;
}
#mainMenu li.cryo a      { background-position: 0 0; }
#mainMenu li.producten a { background-position: 0 -24px; }
#mainMenu li.promos a    { background-position: 0 -48px; }
#mainMenu li.fotos a     { background-position: 0 -72px; }
#mainMenu li.contact a   { background-position: 0 -96px; }

#mainMenu li.cryo a:hover      { background-position: -175px 0; }
#mainMenu li.producten a:hover { background-position: -175px -24px; }
#mainMenu li.promos a:hover    { background-position: -175px -48px; }
#mainMenu li.fotos a:hover     { background-position: -175px -72px; }
#mainMenu li.contact a:hover   { background-position: -175px -96px; }

/* ===== HEADER =========================================== */
#siteHeader {
	background: transparent url(/design/images/layout/header_background.jpg) no-repeat 0 0;
	width: 914px;
	height: 240px;
}
#headerSecondaryContainer {
	float: left;
	width: 669px;
}

/* ===== SERVICE LINKS =========================================== */
#serviceLinks {
	overflow: hidden;
	padding: 59px 0 0 580px;
	height: 20px;
}
#serviceLinks li {
	float: left;
}
#serviceLinks li a {
	display: block;
	width: 11px;
	height: 10px;
	line-height: 10px;
	text-indent: -9000px;
	background-image: url(/design/images/layout/servicelinks.gif);
	margin: 0 5px;
	text-decoration: none;
}
#serviceLinks li a.home    { background-position:   0   0; }
#serviceLinks li a.contact { background-position: -21px 0; }
#serviceLinks li a.sitemap { background-position: -40px 0; }

#serviceLinks li a.home:hover    { background-position:   0   -10px; }
#serviceLinks li a.contact:hover { background-position: -21px -10px; }
#serviceLinks li a.sitemap:hover { background-position: -40px -10px; }

/* ===== HEADER SLIDESHOW =========================================== */
#headerSlideshow {
	width: 558px;
	height: 88px;
	margin-left: 111px;
	background-color: #fff;
}
#headerSlideshow img {
	position: absolute;
}

/* ===== HEADER TITLE =========================================== */
#headerTitle {
	margin: 0 0 0 195px;
	height: 20px;
	margin-top: 10px;
	width: 479px;
}

/* ===== SUBMENU IN SIDEBAR =========================================== */
#subMenu {
	float: left;
	width: 190px;
}
#subMenu .top {
	width: 190px;
	background: transparent url(/design/images/layout/submenu_tile.png) repeat-y;
}
#subMenu .top div {
	width: 190px;
	background: transparent url(/design/images/layout/submenu_top.png) no-repeat 0 0;
	min-height: 120px;
}
#subMenu .bottom {
	background: transparent url(/design/images/layout/submenu_bottom.png) no-repeat 0 100%;
	width: 190px;
	height: 29px;
	margin-top: -7px;
}
#subMenu ul {
	padding: 11px 11px 0 11px;
}
#subMenu ul li {
	background: transparent url(/design/images/layout/submenu_divider.png) no-repeat 0 100%;
	padding: 5px;
}
#subMenu ul li a {
	color: #314048;
	text-decoration: none;
	display: block;
}
#subMenu ul li a:hover {
	font-weight: bold;
	color: #9F9FF5;
}

/* ===== MAIN CONTENT =========================================== */
#siteContent #mainContent {
	float: left;
	width: 439px;
	padding: 0 20px;
	margin-bottom: 25px; 
}

#siteContent #mainContent table.openinghours {
	margin: 15px 0 25px 0;
	padding: 0px;
}
#siteContent #mainContent table.openinghours thead th {
	padding: 10px 0 15px 0;
	font-weight: bold;
	text-align: center;
}
#siteContent #mainContent table.openinghours tbody th {
	padding: 0 0 5px 0;
	font-weight: bold;
	text-align: center;
}
#siteContent #mainContent table.openinghours tbody tr td {
	padding: 2px 15px 2px 15px;
}
#siteContent #mainContent table.openinghours tbody tr td.dag {
	text-align: right;
	padding-right: 0px;
}
#siteContent #mainContent ul.sitemap {
	list-style-image: url("/design/images/layout/lijntje.gif");
	margin-left: 20px;
}
#siteContent #mainContent ul.sitemap li {
	margin-bottom: 10px;
}
#siteContent #mainContent ul.sitemap li a {
	font-weight: bold;
	color: #9F9FF5;
	text-decoration: none;
}
#siteContent #mainContent ul.sitemap li a:hover {
	text-decoration: underline;
}
#siteContent #mainContent ul.sitemap li ul {
	margin-left: 20px;
}
#siteContent #mainContent ul.sitemap li ul li {
	margin-bottom: 5px;
}
#siteContent #mainContent ul.sitemap li ul li a {
	font-weight: normal;
	color: #E7AE00;
	text-decoration: none;
}
#siteContent #mainContent ul.sitemap li ul li a:hover {
	text-decoration: underline;
}

#siteContent #mainContent ul.products {
	margin-top: 10px;
	overflow: hidden;
}
#siteContent #mainContent ul.products li {
	display: block;
	float: left;
	height: 173px;
	width: 140px;
	background-color: #fef8e0;
	border: 3px solid #fdf3c2;
	text-align: center;
	margin: 5px;
}
#siteContent #mainContent ul.products li:hover {
	border: 3px solid #6b61b8;
	cursor: pointer;
}
#siteContent #mainContent ul.products li div.promo {
	position: relative;
	left: 100%;
	width: 38px;	height: 38px;
	margin-left: -38px;
	z-index: 1;
}
#siteContent #mainContent ul.products li div.price {
	position: relative;
	left: 50%;
	width: 65px;	height: 21px;
	margin-left: -33px;
	margin-top: 5px;
	padding: 2px;
	padding-right: 5px;
	background: url("/design/images/layout/product.price.png") no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}
#siteContent #mainContent ul.products li div.image {
	position: relative;
	left: 50%;
	width: 101px;	height: 101px;
	margin-left: -50px;
	margin-top: -23px;
	margin-bottom: 1px;
	background: url("/design/images/layout/product.image.png") no-repeat;
}
#siteContent #mainContent ul.products li div.image img {
	margin: 7px;
}
#siteContent #mainContent ul.products li strong {
	margin-top: 0px;
}


#siteContent #mainContent ul.albumList {
	margin-bottom: 15px;
	overflow: hidden;
}
#siteContent #mainContent ul.albumList li {
	float: left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
#siteContent #mainContent ul.albumList li div {
	background: url(/design/images/layout/shadow.gif) no-repeat bottom right;
}
#siteContent #mainContent ul.albumList li div div {
	background: url(/design/images/layout/shadow2.png) no-repeat left top !important;
	background: url(/design/images/layout/shadow2.gif) no-repeat left top;
	padding: 0px 5px 5px 0px;
}
#siteContent #mainContent ul.albumList li div div img {
	border: 1px solid #CACACA;
	padding: 4px;
}
#siteContent #mainContent ul.links {
	list-style-image: url("/design/images/layout/lijntje.gif");
	margin-left: 20px;
}
#siteContent #mainContent ul.links li {
	margin-bottom: 10px;
}

/* ===== SECONDARY STYLE =========================================== */
#siteContent #secondaryContent {
	float: left;
	width: 245px;
	padding-top: 50px;
	background: transparent url(/design/images/layout/woman-bottom.png) no-repeat 0 0;
}

/* ===== IMAGE LIST =========================================== */
#siteContent #secondaryContent .imageList {
	margin-bottom: 15px;
	overflow: hidden;
}
#siteContent #secondaryContent .imageList li {
	float: left;
	background: url(/design/images/layout/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

#siteContent #secondaryContent .imageList li div {
	background: url(/design/images/layout/shadow2.png) no-repeat left top !important;
	background: url(/design/images/layout/shadow2.gif) no-repeat left top;
	padding: 0px 5px 5px 0px;
}

#siteContent #secondaryContent .imageList li img {
	background-color: #fff;
	border: 1px solid #CACACA;
	padding: 4px;
}

/* ===== FOOTER =========================================== */
#siteFooter {
	color: #DCDCDC;
	clear: both;
	border-top: 1px solid #DCDCDC;
	overflow: hidden;
	margin: 20px 110px;
	padding: 10px 0;
	font-size: 11px;
}
#siteFooter p {
	float: left;
	margin: 5px 0;
}
#siteFooter a.credits {
	background: transparent url(/design/images/layout/credits.gif) no-repeat scroll 0 0;
	display: block;
	float: right;
	text-indent: -9000px;
	height: 27px;
	width: 89px;
	text-decoration: none;
}
#siteFooter a.credits:hover {
	background-position: 0 100%;
}