/* reset appearance of all elements */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* firefox cosmetics */
html { overflow: -moz-scrollbars-vertical; } /* always show vertical scrollbar */
html { overflow-x: auto; } /* avoid hiding horizontal scrollbar */
:-moz-any-link:focus {outline: none; } /* no outline around focussed links */

/* default bottom-margin for content elements */
p, table, dl, ol, ul {
	margin-bottom: 1em;
}

table td, table,tr, table th{
    text-align:left!important;
}

/* default list positioning  */
ol, ul { margin-left: 30px; }

/* default table cell styling */
th, td {
	padding: 5px 10px 5px 0px;
	vertical-align: top;
	text-align: left;
}

/* default body font */
body {
    font: 12px/1.5 Arial, Tahoma, Helvetica, Sans-serif  ;
    color:#007491;
}

/* default links */
a {
	text-decoration: underline;
	color: #004759  ;
}
a:hover {
	color: #0098bd;

}

/* headers */
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.3; }
h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 18px; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; background-color:Transparent;}
h2 { font-size: 16px; background-color:Transparent;}
h3 { font-size: 14px; background-color:Transparent;}
h4 { font-size: 13px; background-color:Transparent;}
h5 { font-size: 12px; background-color:Transparent;}
h6 { font-size: 11px; background-color:Transparent;}

h2.cufont { font-size: 14px; text-transform: uppercase; font-family: Myriad Pro; color:#004759; background-color:Transparent;}
#orderDetail h1.cufont, #articleDetail h1.cufont, .block_checkoutEntries h1.cufont  {background-color:Transparent; margin:0; font-weight:600; font-size: 18px; text-transform: uppercase; font-family: Myriad Pro; color:#004759;}
.sideOverzichten h2.cufont {
    background: url('dots_hor_white-0e18fd6069c915daa7e29a05f64b8985.gif') repeat-x scroll left bottom transparent;
    color: #FFFFFF;
    font-family: Myriad Pro;
    font-size: 14px;
    margin: 1px 1px 10px;
    padding: 1px 2px 10px 0;
    background-color:Transparent;
    text-transform: uppercase;
}

.whiteSpacePre{white-space: pre;}

.duoFrame .sideFrame h2.cufont{
    padding: 0 0 10px;
}

h2.title { margin: 0; padding: 0 0 10px 10px; text-transform: uppercase;	font-weight: normal; font-size: 18px; background-color:Transparent;}

/* various */
em, i			{ font-style: italic; }
strong, b		{ font-weight: bold; }
hr				{ height: 1px; border-top: 1px solid #b5b5b5; }
address			{ font-style: normal; }
acronym, abbr 	{ font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; }
.nowrap			{ white-space: nowrap; }
.bold			{ font-weight: bold; }
.normal			{ font-weight: normal; }
.caps			{ text-transform: uppercase; }
small			{ line-height: 1.4; font-size: 0.8em; }
large			{ line-height: 1.4; font-size: 1.2em; }

/* alignment */
.left			{ float: left; display: inline; }
.right			{ float: right; display: inline; }
.imgLeft		{ float: left; display: inline; margin: 0.25em 1.5em 0.5em 0; }
.imgRight		{ float: right; display: inline; margin: 0.25em 0 0.5em 1.5em; }
.txtLeft		{ text-align: left !important; }
.txtRight		{ text-align: right !important; }
.center			{ text-align: center !important; }
.valignTop		{ vertical-align: top !important; }
.valignMiddle	{ vertical-align: middle !important; }
.valignBottom	{ vertical-align: bottom !important; }
.widthTextarea  { width:470px!important; }
/* float clearing */
.clear,
.clearBoth,
.clearLeft,
.clearRight {
	clear: both;
	margin: 0; padding: 0;
	height: 0; line-height: 0%; font-size: 0;
	overflow: hidden; visibility: hidden;
}
.clearLeft	{ clear: left; }
.clearRight	{ clear: right; }

.textBlackColor{color:#000!important;}

.textBlueColor{color: #007491!important;}

input, textarea, select {
	color: #003440;
}
input.textfield {
	height: 16px;
}
input.textfield_extrasmall {
	height: 16px;
}
textarea {
    resize: none;
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    font: 12px/1.5 Arial,Tahoma,Helvetica,Sans-serif;
}
input.textfield, textarea.textarea, input.textfield_extrasmall {
    background: none repeat scroll 0 0 transparent;
	border: none;
}
select.select {
	vertical-align: middle;
}
input.check,
input.radio,
label {
	cursor: pointer;
}
input:focus,
select:focus,
textarea:focus,
input.focus,
select.focus,
textarea.focus {
	color: #111 !important;
}

.button {
	cursor: pointer;
}
.button:hover {
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
}

.displayNone{display: none;}

.error {
	color: #c20000;
}
.error ul {
	margin-left: 10px;
}
.error li {
	list-style: inside square;
}

/* feedback */
.feedback {
	margin: 5px 0 10px 0; padding: 7px 10px 7px 38px;
}
.feedback ul {
	margin-left: 10px;
}
.feedback li {
	list-style: inside square;
}
.feedback_info {
	border: 1px solid #1ca3c4;
	background: #e5f6fd url('feedback_info-0ed8f3902273114da5f8ea6ed5c1fa09.gif') no-repeat 7px 7px;
}
.feedback_success {
	border: 1px solid #04a200;
	background: #e5f6e5 url('feedback_success-9409e537dd5a7a9d5cc3f22c4d51ad19.gif') no-repeat 7px 4px;
	color: #024b00
}
.feedback_error {
	border: 1px solid #cc0000;
	background: #f9e9e9 url('feedback_error-5ec5cde23f44f9decf43514cf09938e5.gif') no-repeat 7px 4px;
	color: #770000;
}
/* buttons en links met cufon*/

button.btn,
a.btn,
.ui-dialog .ui-dialog-buttonpane button {
    background: url('btn_button-f9a2cf4072ec776338b68d63a7a9d12f.png') repeat scroll 0 0 !important;
    color: #FFFFFF!important;
    border: 0!important;
    cursor: pointer!important;
    padding: 0 8px;
    font-size: 18px!important;
    height: 24px!important;
    background-repeat:repeat-x!important;
    font-weight:600!important;
    text-transform: uppercase!important;
    text-decoration:none!important;
    /*margin:0!important;*/
}
.ui-button-text-only .ui-button-text{padding:0!important;     font-weight:600!important;}

button.btnsmall,
a.btnsmall{
    background: url('btn_button-f9a2cf4072ec776338b68d63a7a9d12f.png') repeat scroll 0 0 !important;
    color: #FFFFFF!important;
    border: 0px!important;
    cursor: pointer!important;
    display: inline-block!important;
    padding: 0 5px!important;
    font-size: 18px!important;
    height: 24px!important;
    background-repeat:repeat-x!important;
    font-weight:600!important;
    text-transform: uppercase!important;
    text-decoration:none!important;
    margin-left:5px;
}

button.btn:hover,
a.btn:hover,
button.btnsmall:hover,
a.btnsmall:hover,
.ui-dialog .ui-dialog-buttonpane button:hover{
    background: url('btn_button-f9a2cf4072ec776338b68d63a7a9d12f.png') repeat scroll 0 0 !important;
    background-position:bottom left!important;
    background-repeat:repeat-x!important;
    color:#fff!important;
}

button.btn canvas,
button.btnsmall canvas{
    margin-top:-1px!important;
    color:#fff  ;
}

a.btnsmall canvas,
a.btn canvas{
    margin-top:-2px!important;
}

/* abonnementen inline editing style */
.tabs_1categoryEntries .contentTabsTables .edit, .editbutton, .cancelbutton, .ongedaanbutton{display:none;}
.tabs_1categoryEntries button.btn{float:right;}
.tabs_1categoryEntries button.btn.save{margin-right: 25px;}
.tabs_1categoryEntries .deleteAdresButton{margin-right: 10px;}
.tabs_1categoryEntries .cancelbutton, .tabs_1categoryEntries .ongedaanbutton{margin-left:15px!important;}
.verwijderenButton, .afkeurenButton, .goedkeurenButton, .rechtsUitlijnenButton, .inloggenAlsButton, .wijzigenBezorgAdres, .aanvragen{float:right!important;}
button.btn.afkeurenButton, .rechtsUitlijnenButton {margin-left: 10px;}

#aanvraagButton{
    height: 20px;
    margin: 20px 0;
}

.input[readonly="readonly"] {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    font: 12px/1.5 Arial,Tahoma,Helvetica,Sans-serif;
}
.tabs_1categoryEntries input[disabled="disabled"], .tabs_1categoryEntries  input[disabled] {border: 1px solid #C6D8DC; color:#000!important; background:#F1F7F8; font: 12px/1.5 Arial,Tahoma,Helvetica,Sans-serif;}

.contentTabs h2 {
	background: url('transparent-d89746888da2d9510b64a9f031eaecd5.gif');
}

.addressNotFound {
	display: none;	
}
