﻿.ui-corner-all {
    -moz-border-radius:5px;
}

.ui-corner-all-medium {
    -moz-border-radius:10px;
}

.ui-corner-all-large {
    -moz-border-radius:15px;
}

.indent 
{
	margin-left: 20px;	
}

.spacer
{
	height: 5px;	
}

.more0 { font-size: 10px; }
.more25 { font-size: 14px; }
.more50 { font-size: 18px; }
.more100 { font-size: 22px; }

body
{
    /*background:transparent url(images/bg-pattern.jpg) repeat scroll center top;*/
    /*background:transparent url(images/body_bg3.jpg) repeat scroll center top;*/
    /*background:transparent url(images/bg-light.jpg) repeat scroll center top;*/
    /*background-color: #92b3ca;*/
    font-family: Georgia,"Times New Roman",Times,serif;
    background: #92b3ca url(images/960_blue_02.jpg) repeat-x 0 0;
    color: #2d86b2;
}

#body-wrapper
{
	background: transparent url(images/960_blue_header.jpg) no-repeat scroll center top;
	margin:0 auto;
	/*width:1180px;*/
}

a, a:active, a:focus 
{
	text-decoration: none;
	color: #2d86b2;
}
a.underline,
a:hover 
{
	border-bottom: 2px dashed;	
	
}

#container 
{
	width: 960px;
	margin: 0 auto;
	background: #92b3ca url(images/960_blue_header.jpg) no-repeat scroll center top;
	text-align: left
}

#header-wrapper
{
	position: relative;
	height: 150px;
	width: 1460px;
	margin: 0 -250px;
	text-align: left
} 

#loginPanel
{
	position: absolute;
	top: 0;
	right: 245px;
	height: 45px;
	width: 270px;	
	background:transparent url(images/login-panel.png) no-repeat scroll center bottom;	
	/*z-index: 5000;*/
}
#loginPanel.loggedIn
{
	height: 85px;
}
#loginPanelContent
{
	height: 45px;
	width: 270px;
	padding: 5px;
}

#loginPanelContent.loggedIn
{
	height: 85px;
}

#loginPanel a,
#loginPanel div.welcome
{
	
	/*border-bottom: 1px solid #F6D256;*/
	color: #F6D256;
	/*font-family: Rockwell,Times,"Times New Roman",serif;*/
	font-size: 18px;
	font-weight: normal;
	margin-left:18px;
	padding: 0;
}

#loginPanel a.left,
#loginPanel div.welcome 
{
	margin-right: 8px;
}
#loginPanel a.logout
{
	margin-left: 10px;
}
#loginPanel a.details 
{
	margin-left: 12px;
}
#loginPanel a.welcome,
#loginPanel div.welcome
{
	margin-left: 10px;
	display:inline-block;
	margin-bottom:12px;
}

#header
{
	/*background:transparent url(images/header-bg.png) no-repeat scroll center top;*/
	/*background:transparent url(images/960_grid_12_col_full-light-wood.jpg) no-repeat scroll center top;*/
	height: 150px;
	width: 1460px;
	
	position: relative;
}

#parallax
{
    position: relative; 
    overflow: hidden; 
    /*width:960px; */
    height: 150px;
    width: 1460px;
}

#parallax #parallax-1
{
	background:transparent url(images/header-parallax-2.png) no-repeat scroll center top;	
	/*width: 1460px;*/
	height: 150px;
}

#parallax #parallax-2
{
	background:transparent url(images/header-parallax-3.png) no-repeat scroll center top;	
	/*width: 1460px;*/
	height: 150px;
}

#parallax #parallax-3
{
	background:transparent url(images/header-parallax-4.png) no-repeat scroll center top;	
	/*width: 1460px;*/
	height: 150px;
}

#menu
{
	height: 48px;
	float: left;
	display: inline;
}


#navbar
{
	text-align: center;	
}

#navbar ul
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	list-style: none;
}

#navbar li
{
	float: left;
	margin: 5px 2px;
	padding: 11px 5px;
	display:inline;
}

#navbar li.active, #navbar li.activeNoContent
{
	background-color: #2d86b2;
	color: #ffffff;
}

#navbar li.active
{
	-moz-border-radius-topleft:10px;	
	-moz-border-radius-topright:10px;	
}

#navbar li.activeNoContent
{
	-moz-border-radius:10px;	
}

#navbar li.active a, #navbar li.activeNoContent a
{
	color: #ffffff;	
}

#navbar a, #navbar a:visited, #navbar a:focus
{
	color: inherit;
	text-decoration: none;
}

#navbar a:hover
{
	text-decoration: none;
	border-bottom: 2px dashed;	
}

#navbar-search
{
	text-align: center;	
	margin-top: 8px;
}

#navbar-search input
{
	width: 200px;	
}

#content-menu-wrapper
{
	/*background: #2d86b2 url(images/960_blue_menucontent.png) repeat-x scroll 0 0;*/
	background-color: #2d86b2;
	color: #ffffff;
	float: left;
	display: inline;
	
}

#content-menu
{
	padding: 10px 0px;
}

#content-menu h1
{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 5px;
}

#content-menu h2
{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}

#content
{
	background: #ffffff url(images/960_blue_04.jpg) repeat-x scroll 0 0;
	/*background-color: #ffffff;*/
	padding-bottom: 10px;
}

#quicklinks 
{
	padding: 0 0px;
	clear: both;
}

.quicklink-item  
{
	background: url(images/contentmenu-separator.jpg) no-repeat scroll right center transparent;
}

.quicklink 
{
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
	width: 174px;
	position: relative;
}
.quicklink span
{
	position: absolute;
	left: 30px;
	top: 0px;	
	font-size: 36px;
	color: #FFE384;
}
.quicklink p 
{
	color: #FFE384;
	font-size: 11px;
	margin: 0;
	padding: 17px 0 20px 65px;
	/*width: 110px;*/
	/*height: 70px;*/
}
.quicklink.active span,
.quicklink.active p
{
	color: #ffffff;
	font-weight: bold;	
}

#quicklink-promotions p 
{
	background: url(images/icons/Giraffe_64x64.jpg) no-repeat scroll left center transparent;
}

#quicklink-newproducts p 
{
	background: url(images/icons/Lion_64x64.jpg) no-repeat scroll left center transparent;
}

#quicklink-companies p 
{
	background: url(images/icons/Zebra_64x64.jpg) no-repeat scroll left center transparent;
}

#quicklink-lists p 
{
	background: url(images/icons/Elephant_64x64.jpg) no-repeat scroll left center transparent;
}

#quicklink-flyer p 
{
	background: url(images/icons/Rhinoceros_64x64.jpg) no-repeat scroll left center transparent;
}

#quicklink-birthlist p 
{
	background: url(images/icons/Balloons-64x64.jpg) no-repeat scroll left center transparent;
}

#quicklink-adoptionlist p 
{
	background: url(images/icons/elephant-64x64.jpg) no-repeat scroll left center transparent;
}

#quicklink-birthdaylist p 
{
	background: url(images/icons/clown-64x64.jpg) no-repeat scroll left center transparent;
}

#quicklink-communionlist p 
{
	background: url(images/icons/monkey_bicycle-64x64.jpg) no-repeat scroll left center transparent;
}

#quicklink-wishlist p 
{
	background: url(images/icons/present-64x64.jpg) no-repeat scroll left center transparent;
}

.quicklink a 
{
	color: #666666;
	display: block;
	/*font-family: Georgia,"Times New Roman",Times,serif;*/
	font-size: 18px;
	font-weight: 900;
	height: 28px;
	margin-bottom: 10px;
	padding: 4px 0;
	text-align: center;
	text-decoration: none;
	width: 166px;
	border-bottom: none;
}

.quicklink a:hover 
{
	border-bottom: none;
}

.quicklink a:focus 
{
	border-bottom: none;
}

#quicklink-promotions a { background: url(images/contentmenu-button-all.jpg) no-repeat scroll 0 0 transparent; }
#quicklink-promotions a:hover { background: url(images/contentmenu-button-all.jpg) no-repeat scroll 0 -36px transparent;border-bottom: none; }
#quicklink-promotions a:focus { background: url(images/contentmenu-button-all.jpg) no-repeat scroll 0 -72px transparent; }

#quicklink-newproducts a { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -166px 0 transparent; }
#quicklink-newproducts a:hover { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -166px -36px transparent; }
#quicklink-newproducts a:focus { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -166px -72px transparent; }

#quicklink-companies a { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -332px 0 transparent; }
#quicklink-companies a:hover { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -332px -36px transparent; }
#quicklink-companies a:focus { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -332px -72px transparent; }

#quicklink-lists a { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -498px 0 transparent; }
#quicklink-lists a:hover { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -498px -36px transparent; }
#quicklink-lists a:focus { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -498px -72px transparent; }

#quicklink-flyer a { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -664px 0 transparent; }
#quicklink-flyer a:hover { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -664px -36px transparent; }
#quicklink-flyer a:focus { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -664px -72px transparent; }

.quicklink a.lists { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -498px 0 transparent; }
.quicklink a.lists:hover { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -498px -36px transparent; }
.quicklink a.lists:focus { background: url(images/contentmenu-button-all.jpg) no-repeat scroll -498px -72px transparent; }

#footer
{
	background-color: #2d86b2;	
	text-align: center;	
}

#footer-wrapper
{
	background-color: #2d86b2;
	color: #ffffff;
	float: left;
	display: inline;
	width: 100%;
	padding-top: 10px;
}

#footer-wrapper p
{
	text-align: center;
	margin: 10px;	
}

#bottom-wrapper 
{
	color: #ffffff;
	text-align: center;
	margin-top: 10px;	
}

#sidebar
{
	/*background-color: #ffffff;	*/
}

#sidebar .sidebar-item 
{
	margin-top: 10px;	
}

#sidebar h1
{
	background: transparent url(images/960_blue_04.png) no-repeat scroll 0 0;
	color: #ffffff;
	font-size: 14px;
	height:30px;
	margin:10px -10px 0 -34px;
	padding:18px 0 0 40px;
}

#sidebar ul 
{
	text-decoration: none;
	list-style: disc;	
	margin: 0;
	padding: 0px 0px 0px 10px;
}

#sidebar ul.category 
{
	list-style: circle;	
}

#sidebar li
{
	margin: 0;
	/*padding: 5px;*/
}

#sidebar li.blue
{
	/*background-color: #ECF8FE;	*/
	background-color: #AADDF8;
}

#cartSidebar a 
{
	margin: 3px 0 3px 10px;	
}

#contentGrid
{
	/*background-color: #ffffff;		*/
}

.sectionTitle
{
	background-color:#2D86B2;
	color:#FFFFFF;	
	font-size:14px;
	margin-top:20px;
	padding:5px;
}
.sectionTitle.top
{
	margin-top:/*24px*/4px;	
}

.companies 
{
	/*margin: 20px 0;	*/
}

.companies a
{
	margin: 5px;	
}

.products .product 
{
	width: 140px;
	float: left;
	display: inline;
	margin:20px 0 0 40px;
	position:relative;
	
	height:170px;
}

.products .product.first 
{
	margin-left: 20px;
}

.products .product .preview {
	/*border-bottom:1px solid #2d86b2;*/
	left:0;
	position:absolute;
	top:0;
	width: 140px;
	height: 100px;
	text-align: center;
	/*border:2px solid #E2F2FA;*/
	margin-bottom: 2px;
}

.products .product .box 
{
	width: 140px;
	position:absolute;
	top:105px;
	background-color: #ecf8fe;
	/*border:2px solid #E2F2FA;*/
	text-align: center;
	/*height:50px;*/
	/*position: relative;
	top: 50px;
	/*top: 104px;*/
	/*left:90px;
	position:absolute;
	top:104px;
	width:50px;*/
	
	border-top:1px solid #2d86b2;
	height:40px;
	overflow:hidden;
}

.products .product .box h3 {
	margin: 0px;
	display: inline;
	font-size:12px;
	font-weight:normal;
	/*position:absolute;
	top:109px;
	display: block;
	/*width:85px;*/
}

.products .product .buttons
{
	position: absolute;
	width: 140px;
	top: 145px;
	height: 25px;
	background-color: #ecf8fe;
	text-align: center;
}

.products .product .buttons .details 
{
	background:transparent url(images/details.jpg) no-repeat scroll 0 0;
	height: 24px;
	width: 52px;
	display: inline-block;
	margin-left: 10px;
}

.products .product .buttons a:hover 
{
	border: none;	
}

.products .product .buttons .price 
{
	background:transparent url(images/pricetag.jpg) no-repeat scroll 0 0;
	height: 24px;
	width: 70px;
	display: inline-block;
}

.products .product .buttons .price span
{
	padding-left: 11px;	
	margin-top: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #3d8361;
}


/*
.products .product .price {
	background:#F4F5D9 none repeat scroll 0 0;
	color:#4D3F44;
	font-size:0.8em;
	height:25px;
	left:0;
	line-height:25px;
	position:absolute;
	text-align:center;
	top:0;
	width:50px;
}

.products .basket-add {
	background:transparent url(../img/ico_addbasket.gif) no-repeat scroll 0 0;
	display:block;
	height:25px;
	left:0;
	position:absolute;
	top:25px;
	width:50px;
	overflow: hidden;
}
*/

/* overlay */ 

.overlay 
{
	position: relative;
	display: none;
	width:350px;
	padding:5px;
	/*background-image: url(images/overlay/white.png);*/
	background-color: #ffffff;
	-moz-border-radius:10px;
	text-align: left;
}

#modalDialog 
{
	width:700px;
}

/* default close button positioned on upper right corner */
.overlay div.close {
	background-image:url(images/overlay/close.jpg);
	position:absolute; 
	right:10px; 
	top:9px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index: 10001;
}
 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap  
{
	
    /*min-height: 200px; */
    /*overflow-y: auto; */
    position: relative;
    
}

.productdetail
{
		
}

.productdetail h2,
.addToCart h2 
{
	background-color: #2d86b2;
	color: #ffffff;	
	padding: 5px;
	margin-bottom:5px;
	-moz-border-radius:10px;
}

.productdetail h1
{
	margin-bottom: 10px;	
}

.productdetail h3,
.addToCart h3
{
	font-size: 14px;
	margin-bottom: 5px;	
}

.productdetail #actions
{
	text-align: right; 
	margin-bottom: 10px;
}

/* styling for elements inside overlay */ 
.productdetail .details  
{
	position: relative;
	padding-left: 5px;
	display: inline-block;
	width: 340px;
	margin-bottom: 10px;
    /*position: absolute; 
    top: 15px; 
    right: 15px; 
    font-size: 11px; 
    color: #fff; 
    width: 150px; */
} 

.productdetail .details dd
{	
}

.productdetail .details dt 
{
	float: left;
	width: 120px;	
	font-weight: bold;
}

.productdetail .details #status
{
	/*margin-bottom:20px;	*/
}

.productdetail .details #price 
{
	color: #4F8A10;
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 160px;
	height: 50px;
	float: left;
	text-align: right;
	background: url(images/price.jpg) no-repeat scroll 0 0 transparent; 
}
.productdetail .details #price.right 
{
	float: right;
} 

.productdetail .details #price span
{
	display: block;
	padding: 8px 10px 0 0;
}

.productdetail .details a#order  
{
	margin-left: 5px;
	display: inline-block;
	width: 175px;
	height: 50px;
	background: url(images/bestellen.jpg) no-repeat scroll 0 0 transparent; 
}
.productdetail .details a#order:hover { background: url(images/bestellen.jpg) no-repeat scroll 0 -50px transparent; border-bottom: none; }
.productdetail .details a#order:focus { background: url(images/bestellen.jpg) no-repeat scroll 0 -100px transparent; }

.ui-form .simpleInputTable
{
	margin: 10px 0;
}
.ui-form .simpleInputTable tr
{
	height: 10px;
}
.ui-form .simpleInputTable td.label
{
	width: 150px;
	text-align: right;
	padding: 5px;
}
.ui-form .simpleInputTable td.label.bold
{
	font-weight: bold;
}
.ui-form .radioIndented 
{
	margin: 0 4px 0 150px;	
	width: auto;
}
#personalText
{
	margin-left: 166px;
	/*border: 2px solid #2D86B2;*/
	width: 380px;	
	height: 65px;
}

/* NEWS */
.news
{
	
}
.news .newsItem
{
	margin-top: 10px;
}
.news .newsItem .title
{
	background-color:#ECF8FE;
}
.news .newsItem .title .date
{
	background-color: #D7EBF9;
	display: inline-block;
	width: 100px;
	font-weight: bold;
	float: left;
	text-align: center;
	padding: 5px;
}
.news .newsItem .title .text
{
	display: inline-block;	
	font-weight: bold;
	padding: 5px;
}
.news .newsItem p
{
	margin-left:110px;
	padding:5px;
}

/* LISTS */
#lists 
{
		
}
#lists h3,
#orders h3 
{
	font-size:14px;
	margin-bottom:5px;
}
#lists ul
{
	
}
#lists li
{
	margin-top:5px;
}

/* LIST */
.listNoBorder 
{
	margin-bottom: 0px;		
}

.list
{
	
}
td.center 
{
	text-align: center;	
}
td.right 
{
	text-align: right;	
}
.list thead td
{
	border-bottom: 2px dashed #2D86B2;
	height: 40px;
}
.list tfoot td
{
	border-top: 2px dashed #2D86B2;
	height: 40px;
}
.list .listItem
{
	height: 70px;
}
.list .listItem td
{
	border-top: 2px dashed #D7EBF9;	
}
.list td.noborder
{
	border: none;	
}
.list .listItem.even
{
	background-color:#ECF8FE;
}
.list .listItem.ordered
{
	background-color:#fce6ab;
}
.list thead .description,
.list .listItem .description
{
	padding: 0px 5px;
}
.list .listItem .listImage
{
	text-align: center;
}
.list .listItem .listImageLink
{
	display: inline-block;
	margin-top: 5px;	
}
.list .listItem .listImageLink:hover
{
	border-bottom: none;
}
.list .listItem .listImage img
{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}
.list td.total
{
	text-align: right;
	padding-right: 10px;
}

.list .listItem .amount 
{
	text-align: center;	
}
.list .listItem .amount a,
.list .listItem .amount a:hover,
.list .listItem .amount a:active
{
	border:none;
	float: left;
	margin:0 3px;
}
.list .listItem .amount input 
{
	float: left;	
	text-align:center;
	height:18px;
}
.list .listItem .listLink 
{
	padding: 2px 4px;
	background-color: #D7EBF9;
}

/*
.list .listItem a.order  
{
	margin-left: 5px;
	display: inline-block;
	width: 59px;
	height: 50px;
	background: url(images/bestellenicon.jpg) no-repeat scroll 0 0 transparent; 
}
.list .listItem a.order:hover { background: url(images/bestellenicon.jpg) no-repeat scroll 0 -50px transparent;border-bottom: none; }
.list .listItem a.order:focus { background: url(images/bestellenicon.jpg) no-repeat scroll 0 -100px transparent; }
*/
.listItem .action a,
.listItem .action div 
{
	margin-left: 5px;
	display: inline-block;
	width: 110px;
	height: 50px;
}
.listItem .order { background: url(images/list-reserveren.png) no-repeat scroll 0 0 transparent; }
.listItem a.order:hover { background: url(images/list-reserveren.png) no-repeat scroll 0 -50px transparent;border-bottom: none; }
.listItem a.order:focus { background: url(images/list-reserveren.png) no-repeat scroll 0 -100px transparent; }

.listItem .annulation { background: url(images/list-reservatie-annuleren.png) no-repeat scroll 0 0 transparent; }
.listItem a.annulation:hover { background: url(images/list-reservatie-annuleren.png) no-repeat scroll 0 -50px transparent;border-bottom: none; }
.listItem a.annulation:focus { background: url(images/list-reservatie-annuleren.png) no-repeat scroll 0 -100px transparent; }

.listItem .ordered { background: url(images/list-gereserveerd.png) no-repeat scroll 0 0 transparent; }
.listItem .pickup { background: url(images/list-ouders-afhaling-mogelijk.png) no-repeat scroll 0 0 transparent; }
.listItem .parents { background: url(images/list-ouders-afgehaald.png) no-repeat scroll 0 0 transparent; }
.listItem .buyer { background: url(images/list-koper-afgehaald.png) no-repeat scroll 0 0 transparent; }
.listItem .inactive { background: url(images/list-niet-geactiveerd.png) no-repeat scroll 0 0 transparent; }

td.red  {
	background:url("images/warning.png") no-repeat scroll 50% 50% transparent;
	color:#9F6000;
}

td.green  {
	background:url("images/check.png") no-repeat scroll 50% 50% transparent;
	color:#9F6000;
}

/* checkout */
.block340 
{
	display: inline-block;
	float: left;	
	width: 320px;
}
.block340.first 
{
	margin-right: 10px;	
}

.fieldValue
{
	font-weight: bold;	
}

ol.questions 
{
	margin: 10px;	
}

div.question,
div.question ul,
div.question ol
{
	margin-top: 10px;	
}
