/* Kill all defaults */

html, body, p, ul, dl, li, h1, h2, h3, h4, img	{
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

img {
	border: 0;
}

a {
	outline: none;
}



/* LAYOUT ======================================================================================= */
/*
primary col 58137b
bg f1f1f1;
border e5e5e5;
*/
body {
	background-color: #f7f7f7;
}

.nojs {
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	padding: 20px;
	text-align: center;
	margin: 60px;
	color: #555;
}

.isjs {
	display: none;
}

#container {
	text-align:center;
}


.wrapper {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	clear: both;
	text-align: left;
}

.wrapperGlobalSearch {
	width: 480px;
	margin-left: -20px;
	left: 50%;
	top: 66px;
	position: absolute;
}


#pageLeft {
	float: left;
	position: relative;
	width: 680px;
	background: url(/img/gen/page_shadow.png) repeat-y;
	left: 0px;
	margin-top: 47px; /* Set height from navigation, also change #sidebar */
	* html margin-top: 15px;
}

* html #pageLeft {
	margin-top: 15px;
}

#pageFull {
	float: left;
	position: relative;
	width: 990px;
	background: url(/img/gen/page_shadow_full.png) repeat-y;
	left: 0px;
	margin-top: 47px; /* Set height from navigation, also change #sidebar */
}

* html #pageFull {
	margin-top: 15px;
}

.page {
	margin-left: 15px;
	margin-right: 15px;
	padding: 4px 10px;
}

#page_bottom, .page_bottom {
	width: 680px;
	height: 30px;
	background: url(/img/gen/page_bottom.png) no-repeat;
}

#page_bottom_full {
	width: 990px;
	height: 30px;
	background: url(/img/gen/page_bottom_full.png) no-repeat;
	clear: both;
}

#sidebar_shadow	{
	float: right;
	position: relative;
	width: 304px;
	background: url(/img/gen/sidebar_shadow.png) repeat-y;
	left: 0px;
	margin-top: 47px; /* Set height from navigation, also change #sidebar */
}

* html #sidebar_shadow	{
	margin-top: 15px;
}

.sidebar_bottom_blank {
	width: 304px;
	height: 30px;
	background: url(/img/gen/sidebar_bottom_blank.png) no-repeat;
}

.sidebar_bottom	{
	width: 304px;
	height: 40px;
	background: url(/img/gen/sidebar_bottom.png) top left no-repeat;
	color: #333;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
}

.redBadge {
	background: url(/img/icons/redBadge.gif) left top no-repeat; 
	text-align: center; 
	color: #fff; 
	padding: 1px 5px; 
	font-weight: bold;
}

.redBadgeLong {
	background: url(/img/icons/redBadgeLong.gif) left top no-repeat; 
	text-align: center; 
	color: #fff; 
	padding: 1px 5px; 
	font-weight: bold;
}

.upperTopInfo {
	font-size: 10px; 
	text-align: right; 
	margin-right: 20px;
	margin-left: 20px; 
	font-color: #333;
}

/* NAVIGATION =================================================================================== */

ul#navi	{
	width: 770px;
	height: 67px;
	margin-left: 2px;
	position: relative; /* Don't set to absolute otherwise links won't work in IE */
}

ul#navi li a {
	height: 67px;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9999px;
}

ul#navi li#logo_link a {
	left: 0;
	width:230px;
	background-image: url(/img/gen/header_logo.png);
	background-repeat: no-repeat;
}

ul#navi li#store_link a {
	left: 230px;
	width:100px;
	background-image: url(/img/gen/navigation_store.png);
	background-repeat: no-repeat;
}

ul#navi li#support_link a {
	left: 330px;
	width:100px;
	background-image: url(/img/gen/navigation_support.png);
	background-repeat: no-repeat;
}

ul#navi li#nieuws_link a {
	left: 430px;
	width:100px;
	background-image: url(/img/gen/navigation_nieuws.png);
	background-repeat: no-repeat;
}

ul#navi li#account_link a {
	left: 530px;
	width:100px;
	background-image: url(/img/gen/navigation_account.png);
	background-repeat: no-repeat;
}

ul#navi li#inloggen_link a {
	left: 530px;
	width:100px;
	background-image: url(/img/gen/navigation_inloggen.png);
	background-repeat: no-repeat;
}

ul#navi li#reviews_link a {
	left: 530px;
	width:100px;
	background-image: url(/img/gen/navigation_reviews.png);
	background-repeat: no-repeat;
}

ul#navi li#apple_logo {
	left: 877px;
	width:108px;
	background: url(/img/gen/navigation_apple_logo.png) no-repeat;
	height: 67px;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9999px;
}

ul#navi li#search_link {
	height: 67px;
	display: block;
	position: absolute;
	top: 0;
	left: 630px;
	width:255px;
	background: url(/img/gen/navigation_search.png) no-repeat;
}

#search_form {
	float: right;
	display: inline;
	vertical-align: bottom;
	margin-top: 20px;
	#margin-top: 19px;
}

#search_form * {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#search_form input.sbox {
	background: url(/img/gen/search.gif) center left no-repeat #fff;
	height: 16px;
	width: 172px;
	padding: 1px 4px 2px 16px;
	#width: 190px;
	margin: 3px 31px 0 10px;
	font-size: 11px;
	border: solid 1px #fff;
}

#search_form div.loadingElement {
	background: url(/img/gen/spinner-s.gif) left top no-repeat;
	position: absolute; 
	right: 36px; 
	top: 28px;
	height: 11px;
	width: 11px;
	display: none;
}

ul#navi li a:hover {
	background-position: 0 -67px;
}

ul#navi li a.current {
	background-position: 0 -134px; /*original = -100*/
	text-indent: -9999px;
}

/* Global Search */
#globalSearch{ 
	position: relative; 
	float: right; 
	width: 320px; 
	display: none; 
	z-index: 9999; 
}

#searchresults {
	border: 1px solid #2d2d2d;  
	width: 320px; 
	background-color: #373737; 
	font-size: 10px; 
	line-height: 14px; 
}

#searchresults a {
	display: block; 
	background-color: #fff; 
	clear: left; 
	height: 56px;
}

#searchresults .hoverKey {
	background-color: #f1f1f1; 
	color: #58137b; 
}

#searchresults a:hover {
	background-color: #f1f1f1; 
	color: #58137b; 
}

#searchresults a img {
	float: left; 
	padding: 5px 10px; 
}

#searchresults a span.searchheading {
	display: block; 
	font-weight: bold; 
	padding-top: 5px; 
	color: #444; 
}

#searchresults a:hover span.searchheading {
	color: #58137b; 
}

#searchresults a span {
	color: #555; 
}

#searchresults span.category {
	font-size: 11px; 
	margin: 5px 10px; 
	display: block; 
	color: #fff;
	font-weight: bold; 
}

#searchresults span.seperator {
	float: right; 
	padding-right: 15px; 
	margin-right: 5px;
	background: url(../images/shortcuts_arrow.gif) right no-repeat;
	color: #fff;
	margin: 5px;
}

#searchresults span.seperator a {
	background-color: transparent; 
	display: block; 
	margin: 5px; 
	height: auto; 
	color: #fff; 
}

#loginFeedback {
	text-align: right; 
	position: absolute; 
	top: 0; padding-top: 2px; 
	right: 250px; 
	font-size: 11px;
	color: #0EB025;
}



/* TYPOGRAPHY =================================================================================== */

body {
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #222;
}

table { /* for IE */
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #222;
}

p {
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #c6c6c6;
}

p a {
	color: #545454;
}

a:hover	{
	text-decoration: none;
	color: #fff;
}

a:active {
	border: none;
}

a.refa {
	color: #333;
}

a:hover.refa {
	color: #58137b;
}

abbr {
  cursor: pointer;
  border-bottom: 1px #333 dotted;
}

/* BREADCRUMB =================================================================================== */

ul#crumb_nav {
	width: 984px;
	height: 32px;
	margin-left: 2px;
	position: absolute;
	top: 67px;
}

ul#crumb_nav li.navButton a {
	height: 32px;
	top: 0px;
	display: block;
	position: absolute;
}

li.navButton {
	text-indent: -9999px;
}

ul#crumb_nav li#crumb_history a {
	left: 0;
	width: 46px;
	background-image: url(/img/gen/crumb_back.png);
	background-repeat: no-repeat;
}

ul#crumb_nav li#crumb_home a {
	left: 46px;
	width: 32px;
	background-image: url(/img/gen/crumb_home.png);
	background-repeat: no-repeat;
}

ul#crumb_nav li#crumb_home a:hover,
ul#crumb_nav li#crumb_back a:hover,
ul#crumb_nav li#crumb_history a:hover {
	background-position: 0 -32px;
}

ul#crumb_nav li#crumb_right_fill {
	height: 32px;
	top: 0px;
	position: absolute;
	z-index: -1;
	width: 890px;
	#width: 910px;
	background-image: url(/img/gen/crumb_right_fill.png);
	background-repeat: no-repeat;
	color: #f1f1f1;
	font-size: 11px;
	left: 72px;
	padding-left: 20px;
}

#crumb li {
	float: left;
	margin-top: 2px;
	display: block;
	color: #c6c6c6;
}

#crumb li a:hover{
	color: #fff;
}


#crumb {
	position: absolute;
	top: 0;
	left: 88px;
	font-size: 11px;
}


#crumb li.crumb_sep {
	margin: 0 3px 0 0;
	height: 32px;
	width: 32px;
	background-image: url(/img/gen/crumb_sep.png);
	background-repeat: no-repeat;
	display: block;
}



/* SUBPROMO =================================================================================== */

#subpromo	{
	background-color: #f7f7f7;
	margin-top: 0;
	text-align: center;
	font-size: 10px;
	padding-bottom: 10px;
}

#subpromo ul#spromo_slots li {
	display: inline;
	color: #777;
}

#subpromo ul#spromo_slots li a {
	color: #777;
	text-decoration: none;
}

#subpromo ul#spromo_slots li a:hover {
	text-decoration: underline;
}

#subpromo ul#spromo_slots li.slots {
	text-align: right;
	padding-right: 2px;
}



/* FOOTER =================================================================================== */

div#footer {
	clear: both;
	background: url(/img/gen/footer_separator.png) left top no-repeat;
	font-size: 11px;
	text-align: left;
	position: relative;
	#margin-left: 10px;
	padding: 20px 25px;
	line-height: 1.2;
	overflow: hidden;
}

.containerFooter {
	height: 240px;
	width: 960px;
	text-align: left;
	list-style: none;
	margin: 0 auto 0 auto;
	clear: both;
}


div#footer a {
	color: #444;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
	background-color: transparent;
}

div#footer ul#footerLinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#footer ul#footerLinks * {
	margin: 0;
	padding: 0;
}

div#footer ul#footerLinks li {
	float: left;
	display: inline;
	margin-left: 50px;
	#margin-left: 40px;
	padding-left: 1px;
}

div#footer ul#footerLinks li.first {
	margin-left: 0;
}

div#footer ul#footerLinks dt {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 6px;
	color: #58137b;
}

div#footer ul#footerLinks dd {
	margin-bottom: 0.4em;
}

div#footer div#footer_logo_aasp {
	color: #333;
	padding-left: 15px;
	padding-bottom: 5px;
	top: 210px;
	right: 30px;
	float: right;
	position: absolute;
}

div#footer div#footer_logo_apr {
	color: #333;
	padding-left: 15px;
	padding-bottom: 5px;
	top: 210px;
	right: 110px;
	float: right;
	position: absolute;
}

div#footer div#footer_logo_ideal {
	color: #333;
	padding-left: 15px;
	padding-bottom: 5px;
	top: 250px;
	right: 200px;
	float: right;
	position: absolute;
}

div#footer div#footer_logo_tnt {
	color: #333;
	padding-left: 15px;
	padding-bottom: 5px;
	top: 250px;
	right: 245px;
	float: right;
	position: absolute;
}

div#footer div#footer_logo_ssl {
	color: #333;
	padding-left: 15px;
	padding-bottom: 5px;
	top: 247px;
	right: 355px;
	float: right;
	position: absolute;
}

div#footerEnd {
	color: #868686;
	padding-left: 15px;
	margin-left: -15px;
	padding-bottom: 4px;
	float: left;
	position: absolute;
}

div#footer div#footerEnd a {
	color: #868686;
}	

div#footer div#footerEnd span {
	padding-left: 0.4em;
	border-left: solid 1px #ababab;
}

#footerExplain {
	font-size: 10px;
	color: #666666;
	margin: 10px 40px;
	clear: both;
}

ul#footerExplain {
	list-style-type: square;
}

/* IE 6 */
div#footer {
	height: 1%;
	overflow: visible;
}	



/* RECYCLABLES ======================================================================================= */

.hidden {
	visibility: hidden;
}

.displayNone {
	display: none;
}

.magenta {
	color: #58137b;
}

.red {
	color: red;
}

.green {
	color: green;
}

.grey {
	color: #545454;
}

.orange {
	color: #fd5300;
}

.lightGrey {
	color: #ababab;
}

.mediumGrey {
	color: #666666;
}

.white {
	color: #fff;
}

.black {
	color: #000;
}

.right {
	float: right;
}

.left {
	float: left;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.rightIMG {
	float: right;
	margin-left: 20px;
}

.leftIMG {
	float: left;
	margin-right: 20px;
}

.vspace {
	padding: 10px 0;
}

.clear {
	clear: both;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.striked {
	text-decoration: line-through;
}

.even {

}

.odd {
	background-color: #f1f1f1;
}

/*.button {
	padding: 5px 10px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	color: #555;
	cursor: pointer;
}*/

.noOpacity {
   filter:alpha(opacity=100);
   -moz-opacity:1.0;
   opacity: 1.0;
}

div.warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 2px solid #fa0000;
	background-color: #fff;
	color: #545454;
	padding: 3px;
	width: 100%;
	margin: 10px 0;
	font-weight: bold;
}

div.confirm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 2px solid #458924;
	background-color: #fff;
	color: #545454;
	padding: 3px;
	width: 100%;
	margin: 10px 0;
	font-weight: bold;
}

div.note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 2px solid #58137b;
	background-color: #fff;
	color: #545454;
	padding: 3px 0 3px 3px;
	width: 100%;
	margin: 10px 0;
	font-weight: bold;
}

.hand {
	cursor: pointer;
}

.spinner-s {
	background: url(/img/gen/spinner-s.gif) left top no-repeat;
	margin: 10px auto 10px auto;
	height: 11px;
	width: 11px;
	padding-left: 25px;
	*margin-left: 25px
}

.spinner-m {
	background: url(/img/gen/spinner-m.gif) left top no-repeat;
	margin: 10px auto 10px auto;
	height: 16px;
	width: 16px;
	padding-left: 25px;
	*margin-left: 25px
}

.sizeXS, sizeS, .sizeM, .sizeX, .sizeXL {
	font-family: Arial, Helvetica, sans-serif;
}

.sizeXXS {
	font-size: 10px;
}

.sizeXS {
	font-size: 11px;
}

.sizeS {
	font-size: 12px;
}
	
.sizeM {
	font-size: 13px;
}

.sizeL {
	font-size: 14px;
}
	
.sizeX {
	font-size: 15px;
}
	
.sizeXL {
	font-size: 17px;
}

.w100 {
	width: 100px;
}

.w200 {
	width: 200px;
}

.w300 {
	width: 300px;
}

.doPrintHide {
	display: none;
}

.quote {
	font-size: 14px;
}

/* pretties */
.pretty ul,
ul.pretty {
	margin-bottom: 20px;
}

.pretty ul li,
ul.pretty li {
	list-style-type: square;
	padding: 4px;
	margin-left: 15px;
	padding-right: 20px;
}

.pretty ol li,
ol.pretty li {
	padding: 4px;
	margin-left: 15px;
	padding-right: 20px;
}

.pretty input,
input.pretty {
	width: 200px;
	padding: 5px;
	border: 1px solid #afafaf;
	font-size: 14px;
	color: #afafaf;
	font-size: 12px;
}

input.pretty {
	font-size: 11px;
	color: #333;
	width: 200px;
	padding: 5px;
	border: 1px solid #afafaf;
	color: #333;
	margin: 0 10px 10px 0;
}

input.pretty.short {
	width: 80px;
}

.button,
input.button {
	background: #222 url(/img/gen/button-overlay.png) repeat-x;
	display: inline-block;
	padding: 2px 15px 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border-color:rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
	border-style:solid;
	border-width:1px;
}

.button:active {
	top: 1px;
}

/* Sizes ---------- */
.small.button {
	font-size: 11px;
}
.medium.button {
	font-size: 13px;
}
.large.button {
	font-size: 14px;
	padding: 8px 14px 9px;
}
 
/* Colors ---------- */
.blue.button {
	background-color: #2daebf;
}
.red.button {
	background-color: #e33100;
}
.magenta.button {
	background-color: #a9014b;
}
.orange.button {
	background-color: #ff5c00;
}
.yellow.button {
	background-color: #ffb515;
}
.green.button {
	background-color: #8fb41b;
}
.purple.button {
	background-color: #431a66;
}
.grey.button {
	background-color: #d1d1d1;
	color: #2c2c2c;
}
.black.button {
	background-color: #414141;
}
.neutral.button {
	background-color: #d1d1d1;
	color: #828282;
}

.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover							{ background-color: #749a02; }
.blue.button, .blue.button:visited			{ background-color: #2daebf; }
.blue.button:hover							{ background-color: #007d9a; }
.red.button, .red.button:visited			{ background-color: #e33100; }
.red.button:hover							{ background-color: #872300; }
.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
.magenta.button:hover						{ background-color: #630030; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }
	

/* jQuery flyout */

.flyout {
  width: 240px;
  padding: 4px 8px;
  border: 1px solid #b5b5b5;
  background-color: #ffffcc;
  z-index: 10;
  color: black;
}