/* --- Color info Tintelingen Generator --- +\
(a) #E3001B (red)
(b) #DB0000 (red)
(c) #F3A630 (yellow)
(d) #FFFFFF (white)
\+ ------------------------------- */

.colora {
	/* Customize the color of the class: (a)*/
	color: #E3001B;
}
.colorb {
	/* Customize the color of the class: (b)*/
	color: #DB0000;
}
.colorc {
	/* Customize the color of the class: (c)*/
	color: #F3A630;
}
.colord {
	/* Customize the color of the class: (d)*/
	color: #FFFFFF;
}
.colore {
	/* Customize the color of the class: (d)*/
	color: #0000FF !important;
}


#centersection {
	/* Customize the color of the headershape: (a)*/
	background-color: #E3001B;
}
#topmenu, #topmenu a {
	/* Customize the color of the topmenu links:  (b)*/
	color: #DB0000;
}
#backmenu a {
	/* Customize the color of the backmenu link: (exception)*/
	color: #FFFFFF;  /* usually: #FFFFFF */
}
#header {
	/* Customize the color of the header text: (c)*/
	color: #F3A630;  /* usually: #FFFFFF */
}
#sidemenu a {
	/* Customize the color of the button text: (d)*/
	color: #FFFFFF;  /* #FFFFFF */

	/* OR if menu in customer-colors: (uncomment, also see main.css and ie6.css) */
	/* Customize the color of the button text: (c)*/
/*
	color: #F3A630;  /* usually: #FFFFFF */
	/* Customize the color of the buttonshape: (a)*/
/*
	background-color: #E3001B; 
*/
}
#content {
	/* Customize the bordercolor of the contentshape:  (a)*/
	/*border-color: #E3001B;*/
	border: none;
}
#loginpage {
	/* Customize the bordercolor of the loginshape:  (a)*/
	border-color: #E3001B;
}
#footer {
	/* Customize the color of the footershape:  (a)*/
	background-color: #E3001B;
}
#footer, #footer a {
	/* Customize the color of the footer links:  (b)*/
	color: #DB0000;
}
.contentheader, .contentheader a {
	/* Customize the color of the contentheader text and links:  (b)*/
	color: #DB0000;
}
.contentfooter, .contentfooter a {
	/* Customize the color of the contentfooter text and links:  (b)*/
	color: #DB0000;
}
.contentsection h1, .contentsection h2, .contentsection h3, .contentsection h4, .contentsection h5, .contentsection h6 {
	/* Customize the color of the contentsection headers:  (b)*/
	color: #DB0000;
}
.boxsection h1, .boxsection h2, .boxsection h3, .boxsection h4, .boxsection h5, .boxsection h6 {
	/* Customize the color of the blocksection headers:  (b)*/
	color: #DB0000;
}
.blocksection h1, .blocksection h2, .blocksection h3, .blocksection h4, .blocksection h5, .blocksection h6 {
	/* Customize the color of the blocksection headers:  (b)*/
	color: #DB0000;
}
.blockitembutton h1 {
	/* Customize the color of the blockitembutton text: (d)*/
	color: #FFFFFF;
}
.bulksection h1, .bulksection h2, .bulksection h3, .bulksection h4, .bulksection h5, .bulksection h6 {
	/* Customize the color of the bulksection headers:  (b)*/
	color: #DB0000;
}
.articlepic img {
	/* Customize the bordercolor of the article image:  (a)*/
	border-color: #E3001B;
}
.pickupkm {
	/* Customize the color of the pickup km text: (b)*/
	color: #DB0000;
}

.blocklabel {
	/* Customize the color of the form labels:  (b)*/
	color: #DB0000;
}
.button {
	/* Customize the color of the buttons text: (d)*/
	color: #FFFFFF;  /* #FFFFFF */
}
.anchorbutton {
	/* Customize the color of the buttonised links text: (d)*/
	color: #FFFFFF;  /* #FFFFFF */
}
.btlogin {
	/* Customize the color of the button text of the login form:  (b)*/
	color: #DB0000;
}
.abproblems {
	/* Customize the color of the buttonised link text of the login form:  (b)*/
	color: #DB0000;
}

/* Selectbox.css colors: */
	ul.selectOpen li:hover,
	ul.selectOpen li.hover,
	ul.selectOpen li.selected:hover {
		/* Customize the color of the form select higlights:  (b)*/
		color: #DB0000;
	}
	ul.selectReplacement li.firstLi:hover{
		/* Customize the color of the form select higlights:  (b)*/
		color: #DB0000;
	}

/* Class to reset the customised color */
h1.colorr, h2.colorr, h3.colorr, h4.colorr, h5.colorr, h6.colorr a.colorr {
	color: #595959;
}


/* Styles to overide certain elements in the Generator site */
.area5, .area6div, .area7div, .area17, .area18 {
	display: none;
	visibility: hidden;
}
/*#content { 
position: relative;
z-index: 125;
	width: 462px;
	margin-left: 180px;
	background-image: url(../../images/v2008/bg_content.png);
	padding-left: 18px;
	padding-right: 17px;
}*/
#content {
	/*background: transparent none repeat scroll 0%;*/
	background-image: none;
	width: 500px;
	margin-left: 172px;
	margin-top: 96px;
	filter:none;
}
#content[id]{background-image:none;}

#content div {
	zoom: 1;
}

#contentpage {
	background-position: center top;
	background-repeat: no-repeat;
	border: none;
	/* Crazy MS Alpha Image filter... Firefox FTW! */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.mijntinteling.nl/content/images/v2008/bg_content_generator.png');
}
	#contentpage[id] {
		background-image: url(../../images/v2008/bg_content_generator.png);
	}	
	
#contentpagefooter{
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
	margin-bottom: 40px;
	/* Crazy MS Alpha Image filter... Firefox FTW! */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.mijntinteling.nl/content/images/v2008/bg_content_generator_bottom.png');
}
	#contentpagefooter[id]{
		background-image: url(../../images/v2008/bg_content_generator_bottom.png);
		}

#contentpagewide {
	border: none;
	/* Crazy MS Alpha Image filter... Firefox FTW! */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.mijntinteling.nl/content/images/v2008/bg_content_generator_wide.png');
}
	#contentpagewide[id] {
		background-image: url(../../images/v2008/bg_content_generator_wide.png);
	}
	
#contentpagefooterwide {
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
	margin-bottom: 40px;
	/* Crazy MS Alpha Image filter... Firefox FTW! */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.mijntinteling.nl/content/images/v2008/bg_content_generator_wide_bottom.png');
}
	#contentpagefooterwide[id] {
		background-image: url(../../images/v2008/bg_content_generator_wide_bottom.png);
	}
	
#XpageHeader1_PageHeader, #XpageHeader1_PageImage, #XpageHeader1_PagePreText, #pagetext, .itemseperator, .pageTextNoBg, .navTable, #previewpagerdiv {
	margin: 0px 18px 0px 18px;
}
.pageTextNoBg {
	padding: 12px;
}
.navTable {
	text-align: center;
}
#XpageHeader1_PageHeader {
	padding-top: 12px;
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 1.6em;
	color: #DB0000;
}
#XpageHeader1_PagePreText {
	background-image: url(../../images/v2008/bg_contentpart.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	padding: 12px;
	margin-top: 10px;
	/*padding-top: 12px;
	padding-bottom: 6px;*/
}
#XpageHeader1_PreText ul
{
	margin-left: 15px;
}
#XpageHeader1_PageImage {
	margin-bottom: 6px;
}

#backbutton
{
		margin-top: -30px! important;
		float:right;
		color: #DB0000;
}
#backbutton A
{color: #DB0000;}

.formblock {
	background-image: url(../../images/v2008/bg_formblock.jpg);
	background-repeat: no-repeat;
	padding: 0px 12px 12px 12px;
	margin: 0px 18px 0px 18px; 
}
.formblock div {
	margin: 3px 0px;
}

.itemseperator {
	margin-bottom: 6px;
	background-image: url(../../images/v2008/bg_contentpart_wide.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	padding: 12px;
	min-height: 80px; /*mmmh*/
/*	clear: both;*/
}
.is116 {
	background-image: url(../../images/v2008/bg_contentpart_wide_116.jpg);
	height: 92px; /* 116px with 2x12px padding */
}
.is176 {
	background-image: url(../../images/v2008/bg_contentpart_wide_176.jpg);
	height: 152px; /* 176px with 2x12px padding */
}
.is264 {
	background-image: url(../../images/v2008/bg_contentpart_wide_264.jpg);
	height: 240px; /* 264px with 2x12px padding */
}
.is384 {
	background-image: url(../../images/v2008/bg_contentpart_wide_384.jpg);
	height: 360px; /* 384px with 2x12px padding */
}
.is480 {
	background-image: url(../../images/v2008/bg_contentpart_wide_480.jpg);
	height: 456px; /* 480px with 2x12px padding */
}
.itemseperator .left {
	width: 150px;
	float: left;
}
.itemseperator .right {
	width: 346px;
	float: right;
}
.titlered {
	color: #DB0000;
	line-height: 24px;  
	font-weight: bold;
}
.itemseperator .titlered {
	font-size: 1.2em;
	line-height: normal;
}
.itemseperator .titlered p {
	font-size: 8pt;
	font-weight: normal;
}

.itemseperator .leftEN {
	width: 60px;
	float: left;
}
.itemseperator .rightEN {
	width: 440px;
	float: right;
}

.titleredEN {
	color: #DB0000;
	line-height: 24px;  
	font-weight: bold;
}

.itemseperator .titleredEN {
	font-size: 1.2em;
	line-height: normal;
}

.itemseperator .leftEN_CHK {
	width: 40px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

.itemseperator .rightEN_CHK {
	width: 430px;
	margin-top: 18px;
	float: left; 
	
}


.itemseperator .titleredEN {
	font-size: 1.2em;
	line-height: normal;
}
.itemseperator .titleredEN p {
	font-size: 8pt;
	font-weight: normal;
}

#ColorSelectionLeft {
	float: left;
	width: 160px;
}
#ColorSelectionRight {
	float: right;
	width: 180px;
}
#ColorTypeList {
	line-height: 2em;
}
/* IE 6: checkbox will apear direct next to the label
   Modern browsers: checkbox will appear to the far right
   htmlFor is IE7+ version to match the for-attribute */
input[id="approve"] { 
	float: right;
}
label[for="approve"], label[htmlFor="approve"] { 
	float: left;
}
#previewpagerdiv {
	margin-left: 36px;
	margin-right: 36px;
}
#previewpagerdiv img {
	border: none;
}

#LayoutList label {
	color: #DB0000;
	font-size: 1.5em;
	font-weight: bold;
}
#LayoutList label img {
	vertical-align: top;
	margin-right: 5px;
}

.btnKalender
{
 position: relative;
 top: 12px;
 margin: 0 5px 0 5px;
}

.navTable
{
	font-weight: bold;
	height:20px;
}

.navTable #SaveButton, .navTable #NextButton, .navTable #PrevButton, .navTable #DeclineButton {
	position: relative;
	top: 5px;
}

.pagerinfo {
	width: 320px;
	margin-left: 55px;
	/*display: inline;*/
	display: -moz-inline-table;
	text-align: center;
}
table.pagerinfo { 
	margin-left: 0px;
}
.pagerinfo td {
	text-align: center;
}

.loginbox {
	width: 400px;
	margin-left: 30px;
}
.loginbutton {
	text-align: right;
	line-height: 2em;
}
.login_gebrnaam, .login_wachtwoord {
	float: left;
	width: 100px;
	line-height: 2em;
	font-weight: bold;
}
.login_gebr_inputbox, .login_ww_inputbox {
	text-align: right;
	float: right;
	width: 280px;
	line-height: 2em;
}


.alertBoxMain {
	width:441px;
	}


.redbox_2
{
	background: url(../../images/v2008/redbox_2.gif) no-repeat;
	padding:4px 7px 0px;
	height:37px;
	width:427px;
}

.redbox_3
{
	background: url(../../images/v2008/redbox_3.gif) no-repeat;
	padding:4px 7px 0px;
	height:45px;
	width:427px;
}

.redbox_4
{
	background: url(../../images/v2008/redbox_4.gif) no-repeat;
	padding:4px 7px 0px;
	height:61px;
	width:427px;
}

.redbox_5
{
	background: url(../../images/v2008/redbox_5.gif) no-repeat;
	padding:4px 7px 0px;
	height:76px;
	width:427px;
}

.popup_c DIV
{
		display:block;
}
.errorMessage,.errorMessage *
{
		Color:#0033FF !important;
		font-weight:bold;
}
a {
	cursor:pointer;
}


#approvedbyuser, #minimalcouponamount, #lblUserComment
{
		vertical-align:middle  ;
		position:relative;
		bottom:2px;
}

span.radio A
{
		text-decoration: none;
}

.area3 {
	position: relative;
	float: right;
	margin-top: 35px;
	margin-right: 10px;
}

#colorpreview
{
		height: 40px;
		width:40px;
}

#EndDate
{
		width:70px;
}
.checkbox LABEL 
{
		/*float:left;*/
		}

.checkbox #approve
{
		float:right;
}

#imgzoom 
{
	position: relative; left: 0px; 
	top: -32px;
	height:30px;width:30px;
	float:right;
	background-position: right bottom;
	background-repeat: no-repeat;
	border: none;
	/* Crazy MS Alpha Image filter... Firefox FTW! */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://localhost/tintelingen-webshop-frontend/images/icon_zoom.png');
}
	#imgzoom[id] {
		background-image: url(../../images/icon_zoom.png);
	}	

/* The following settings are required for the PagePreviewControl 
   in step 2 of the Shop Generator.
*/
            .PagingItemSelected
            {
                text-decoration: underline;
                font-weight: bold;
                padding-right: 5px;
            }
            .PagingItem
            {
                text-decoration: underline;
                padding-right: 5px;
            }
            .TopContainer_Paging_CSS
            {
                text-align: center;
                width: 430px;
                height: 40px;
            }
            .BottomContainer_Paging_CSS
            {
                margin-top: 20px;
                text-align: center;
                width: 430px;
                height: 40px;
            }
            
            .PageNumberList
            {
                float:left; 
                list-style-type:none; 
                display:inline; 
                width:300px;
            }
            
            .LeftSideArrowContainer
            {
                display:inline; 
                float:left; 
                width:60px;
            }
            
            .RightSideArrowContainer
            {
                display:inline; 
                float:right; 
                width:60px;
            }
            
            .LeftArrow
            {
                display:inline; 
                float:left;
            }
            
            .RightArrow
            {
                display:inline; 
                float:right;
            }
            
            .PageNumberItem{ display:inline;}
            .PageNumberItem a {text-decoration:none;}
            .Zoomer{cursor: url(../../images/icon_zoom.png), url(../../icon_zoom.cur), auto;}
/* PageSigns */
/* PAGE 1 */
.PageSign_Left_1_nlNL_1, .PageSign_Left_1_nlBE_1, .PageSign_Left_1_frBE_1 {position:absolute; left:-125px; top:10px; z-index:999;}
.PageSign_Left_2_nlNL_1, .PageSign_Left_2_nlBE_1, .PageSign_Left_2_frBE_1 {position:absolute; left:-125px; top:190px; z-index:999;}
.PageSign_Right_1_nlNL_1, .PageSign_Right_1_nlBE_1, .PageSign_Right_1_frBE_1 {position:absolute; left:400px; top:10px; z-index:999;}
.PageSign_Right_2_nlNL_1, .PageSign_Right_2_nlBE_1, .PageSign_Right_2_frBE_1 {position:absolute; left:400px; top:190px; z-index:999;}

/* PAGE 2 */
.PageSign_Left_1_nlNL_2, .PageSign_Left_1_nlBE_2, .PageSign_Left_1_frBE_2 {position:absolute; left:-125px; top:10px; z-index:999;}
.PageSign_Left_2_nlNL_2, .PageSign_Left_2_nlBE_2, .PageSign_Left_2_frBE_2 {position:absolute; left:-125px; top:190px; z-index:999;}
.PageSign_Right_1_nlNL_2, .PageSign_Right_1_nlBE_2, .PageSign_Right_1_frBE_2 {position:absolute; left:400px; top:10px; z-index:999;}
.PageSign_Right_2_nlNL_2, .PageSign_Right_2_nlBE_2, .PageSign_Right_2_frBE_2 {position:absolute; left:400px; top:190px; z-index:999;}

/* PAGE 3 */
.PageSign_Left_1_nlNL_3, .PageSign_Left_1_nlBE_3, .PageSign_Left_1_frBE_3 {position:absolute; left:-125px; top:10px; z-index:999;}
.PageSign_Left_2_nlNL_3, .PageSign_Left_2_nlBE_3, .PageSign_Left_2_frBE_3 {position:absolute; left:-125px; top:190px; z-index:999;}
.PageSign_Right_1_nlNL_3, .PageSign_Right_1_nlBE_3, .PageSign_Right_1_frBE_3 {position:absolute; left:400px; top:10px; z-index:999;}
.PageSign_Right_2_nlNL_3, .PageSign_Right_2_nlBE_3, .PageSign_Right_2_frBE_3 {position:absolute; left:400px; top:190px; z-index:999;}

/* PAGE 4 */
.PageSign_Left_1_nlNL_4, .PageSign_Left_1_nlBE_4, .PageSign_Left_1_frBE_4 {Display:none; visibility:hidden}
.PageSign_Left_2_nlNL_4, .PageSign_Left_2_nlBE_4, .PageSign_Left_2_frBE_4 {Display:none; visibility:hidden}
.PageSign_Right_1_nlNL_4, .PageSign_Right_1_nlBE_4, .PageSign_Right_1_frBE_4 {Display:none; visibility:hidden}
.PageSign_Right_2_nlNL_4, .PageSign_Right_2_nlBE_4, .PageSign_Right_2_frBE_4 {Display:none; visibility:hidden}


.bookletpreview {position: relative;}
#preview_dutch {margin-bottom: 40px;}

/* EXTRA NEEDED FOR IE6 
* html #contentpage{ 
	background: transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mijntinteling.nl/content/images/v2008/bg_content_generator.png',sizingMethod='crop');
	width:500px;
}

* html #contentpagefooter { 
	background: transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mijntinteling.nl/content/images/v2008/bg_content_generator_bottom.png',sizingMethod='crop');
}

* html #contentpagewide { 
	background: transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mijntinteling.nl/content/images/v2008/bg_content_generator_wide.png',sizingMethod='crop');
	width:560px;
}

* html #contentpagefooterwide { 
	background: transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mijntinteling.nl/content/images/v2008/bg_content_generator_wide_bottom.png',sizingMethod='scale');
}*/

#PrintAndSaveButtons 
{
 text-align: center;	position: relative; z-index: +1000;
}