/*
** @PAGE->index
** @PAGE->prijzenoverzicht
** @PAGE->bestellen
   ** @PAGE->bestellen->formatenoverzicht
   ** @PAGE->bestellen->formatenoverzicht->productdetail

** @PAGE->winkelwagen
   ** @PAGE->afrekenen->stap1
   ** @PAGE->afrekenen->stap2
   ** @PAGE->afrekenen->stap3

** @PAGE->faq
** @PAGE->contact
** @PAGE->registreren
** @PAGE->user->uploaded
** @PAGE->404

** TODO: @APHICHAT handel de 404 'Helaas is dit artikel niet gevonden.'
*/

/*
** copyright 2009-2010 | www.flyersonline.nl
** 24 juli 2009
** laatste update: 2 februari 2010
** CSS versie 2.5 @aphichat.com
**
** bruin 3D2E21
** orange FC3200
*/

#newContactWide { border-top:1px solid #fff; padding:15px; -moz-box-shadow:0 1px 3px #999; border-left: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; -webkit-border-radius: 7px; background: #ebebeb; margin: 0 0 25px 0; line-height: 130%!important; }

input.uploadDocInput { border: 0; padding-bottom: 2px; cursor: pointer; background: url(../images/__uploadBtn.png) no-repeat; width: 69px; height: 26px; text-align: center; }
span#uploadDocFinish { padding: 10px; color: #FF0000; background: #ffffff; border: 1px solid #494949; float: left; width: 170px; margin: 10px 0; }

.orangeColor { color: #FC3200; }

table { font-size: 12px;}
fieldset { border: 0; }


div#checkoutShipAddressDefault fieldset { border: none; }
div#checkoutShipAddressDefault fieldset legend { display: none;}
fieldset#listAddress address { margin: 0 0 20px 20px;}
fieldset#listAddress .moduleRow .back, div#defaultSelected .back { float: left; }
div#checkoutNewAddress { margin: 20px 0;}
div#checkoutNewAddress fieldset label { float: left; width: 170px; margin: 10px 0; }
div#checkoutNewAddress fieldset label.radioButtonLabel { margin: 0 0 10px 0;}
div#checkoutNewAddress div.alert { display: none; }

input.button_login { font-size: 11px; background: url(../images/_payBtn.png) top no-repeat; width: 71px!important; text-align: center; font-weight: bold; height: 21px; border: none; }
input.button_loginHover { background-position: bottom; }

input.button_in_cart { font-size: 11px; background: url(../images/addToCart.png) top no-repeat; width: 160px!important; text-align: center; font-weight: bold; height: 21px; border: none; padding-bottom: 2px; }
input.button_in_cartHover { background-position: bottom; }

input.button_confirm_order { border: none; text-align: center; padding-bottom: 2px; background: url(../images/_payBtn.png) top no-repeat; width: 71px!important; height: 21px; font-weight: bold; font-size: 11px; }

input.button_continue_checkout2 {font-size: 11px; background: url(../images/_toStep2.png) top no-repeat; width: 208px!important; text-align: center; font-weight: bold; height: 21px; border: none; padding-bottom: 2px; }
input.button_continue_checkout2Hover { background-position: bottom!important; }

input.button_continue_checkout3 {font-size: 11px; background: url(../images/_toStep3.png) top no-repeat; width: 194px!important; text-align: center; font-weight: bold; height: 21px; border: none; padding-bottom: 2px; }
input.button_continue_checkout3Hover { background-position: bottom!important; }



* { margin: 0; padding: 0; outline: none; }
body { line-height: 150%; font: 12px arial; padding-top: 20px; padding-bottom: 10px; background: #dfb076 url(../images/mainBg.png) repeat-x; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a { color: #ffffff; text-decoration: none; }
a:hover { color: #000000;}
.clearBoth { clear: both; }
.alignright { float: right!important; }
.aligleft { float: left!important; }

div.messageStackWarning, .hide { display: none!important; }
h1#indexCategoriesHeading { display: none; }
div#categoryDescription { display: none; }

.alignLeft { float: left; margin: 0 30px 10px 0; }

/*
** Letop! dit is alleen voor de algemene buttons, alle anderen zitten in stylesheet.css
** General buttons style
** @all pages
*/
a.generalBtn, a.generalBtn span {  display: block; float: left; cursor: pointer; }
a.generalBtn { padding-left: 15px; }
a.generalBtn span { height: 21px; padding: 6px 15px 0 0; }
a.generalBtn { background: url(../images/generalBtnLeft.png) left top; }
a.generalBtn span { background: url(../images/generalBtnRight.png) right top; }
a.generalBtn:hover { color: #000000; }

.cssButton, .cssButtonHover { display: block!important; cursor: pointer; width: auto!important;}

/*
** Main elements
** @all pages
*/
div#container { padding: 0 5px 0 5px; width: 940px; margin: 0 auto 0 auto; background: url(../images/mainContainerBg.png) repeat-y; }
div#mainEntryLeft h1 { margin-bottom: 15px; }
/*
** Header
** @all pages
*/
div#header { height: 133px; border-bottom: 4px solid #000000; }
div#header h1#logo a { width: 300px; height: 93px; display: block; background: url(../images/logo.png) no-repeat; text-indent: -9999px; }
div#header ul#mainMenu { position: relative; padding: 7px 13px 0 13px; list-style: none; /*height: 40px;*/ height: 33px; background: url(../images/mainMenuBg.png) repeat-x; }
div#header ul#mainMenu li { float: left; }
div#header ul#mainMenu li a, div#header ul#mainMenu li a span { font-weight: bold; font-size: 14px;  display: block; float: left; cursor: pointer; color: #ffffff; }
div#header ul#mainMenu li a { text-decoration: none; padding-left: 18px; }
div#header ul#mainMenu li a span:hover { color: #000000!important; }
div#header ul#mainMenu li a span { height: 20px; padding: 5px 18px 0 0; }
div#header ul#mainMenu li.active a { background: url(../images/mainMenuBtn.png) left top; }
div#header ul#mainMenu li.active a span { background: url(../images/mainMenuBtnSpan.png) right top; }
div#header ul#mainMenu li.active a span:hover { color: #ffffff!important; }
div#header ul#mainMenu li#userMenu { float: right; }
div#header ul#mainMenu li ul#mainUserMenu { float: right; width: 224px; list-style: none; }
div#header ul#mainMenu li ul#mainUserMenu li a { font-weight: normal; color: #000000; float: left; padding: 4px 0 0 38px; }
div#header ul#mainMenu li ul#mainUserMenu li a:hover { color: #ffffff; }

div#header ul#mainMenu li ul#mainUserMenu li#mainUserMenuLogin a { height: 22px; /*width: 102px;*/ width: 64px; display: block; background: url(../images/mainUserMenuBtnLogin.png) no-repeat; }
div#header ul#mainMenu li ul#mainUserMenu li#mainUserMenuRegister a { height: 22px; /*width: 122px;*/ width: 84px; background: url(../images/mainUserMenuBtnRegister.png) no-repeat;}

div#header ul#mainMenu li ul#mainUserMenu li#mainUserMenuLoginActive a { height: 22px; /*width: 119px;*/ width: 81px; display: block; background: url(../images/mainUserMenuBtnLoginActive.png) no-repeat; position: absolute; right: 13px; }

/*
** Main Entry
** @all pages
*/
div#mainEntryContainer { padding: 0 20px 34px 20px; border-bottom: 6px solid #000000; }
div#mainEntryLeft { width: 680px; float: left; color: #3D2E21; }
div#mainEntryLeft p { line-height: 150%; }
div#mainEntryRight { float: right;}

div.mainEntryContainerGeneral { margin-top: 30px; }
div.mainEntryContainerGeneral div#mainEntryLeft { margin-right: 40px!important; width: 640px!important; }
/*div.mainEntryContainerGeneral a { color: #3D2E21; }*/
/*
** Main page Top block (promotion)
** @home page
*/
div#mainHomeBanner, div#mainHomePromotion { margin-bottom: 20px; height: 293px; background: url(../images/mainHomeBannerBg.png) repeat-x; }
div#mainHomeBanner { float: left; width: 690px;}
div#mainHomePromotion { float: left; width: 235px; padding-right: 15px; }
div#mainHomePromotion h2 { color: #3D2E21; font-size: 24px; margin-top: 55px; margin-bottom: 10px; }
div#mainHomePromotion p, div#mainHomePromotion h2 { padding-left: 5px; }
div#mainHomePromotion p { font-size: 14px; color: #3D2E21; line-height: 130%; padding-bottom: 15px; }
div#mainHomePromotion a#homePricesBtn { font-weight: bold; padding: 13px 0 0 20px; display: block; background: url(../images/homePricesBtn.png) top no-repeat; width: 196px; height: 34px; }
div#mainHomePromotion a#homePricesBtn:hover { background-position: bottom; color: #ffffff; }
/*
** Main page Bottom blocks
** @home page
*/
ul#homeListBlocks { list-style: none; }
ul#homeListBlocks li { float: left; padding: 20px 15px 5px 15px; margin: 0 20px 0 0; /*width: 200px;*/ width: 170px; /*height: 279px;*/ height: 250px; background: url(../images/homeListBlocksBg.png) no-repeat;}
ul#homeListBlocks h3 { line-height: 100%; height: 45px; color: #3D2E21; font-size: 18px; }
ul#homeListBlocks p { line-height: 135%; color: #3D2E21; padding: 10px 0 10px 0; }
ul#homeListBlocks li a.generalBtn span { background-color: #EDE6DF;}
/*
** Rightboxes
** Mainpage Right
** @all pages
*/
div#shoppingCart { border-bottom: 1px solid #393939; margin-bottom: 20px; padding: 15px; width: 190px; background: #404040 url(../images/shoppingCartBg.png) no-repeat top; /*min-height: 123px;*/ min-height: 70px; }
div#shoppingCart p { color: #ffffff; margin: 10px 0 10px 0;}
div#shoppingCart ul { display: block; color: #ffffff; list-style: none; }
div#shoppingCart ul li { font-weight: bold; }
div#shoppingCart ul li ul { float: right; text-align: right; }
div#shoppingCart ul li ul li { font-weight: normal; }
div#shoppingCart h2 a, div#shoppingCart h2 { color: #B7B7B7; text-decoration: none; }
div#shoppingCart h2 a:hover { color: #ffffff; }
div#shoppingCart h3 strong { display: block; width: 55px; float: left; color: #ffffff; font-size: 16px; margin-top: 10px; }
div#shoppingCart h3 em { display: block; color: #ffffff; text-align: right; float: left; margin-top: 10px; width: 135px; font-style: normal;}
li.firstItem { padding-top: 10px; font-size: 14px; float: left; }
ul#shopItemsUlDetail { margin-top: 10px; }
ul#shopItemsUlDetail a:hover { text-decoration: underline; color: #ffffff; }
div#shoppingCart h2, div#newsLetter h2 { font-size: 16px; text-transform: uppercase;}
div#shoppingCart hr { border-right: 0; border-left: 0; margin-top: 5px; border-bottom: 1px solid #808080; border-top: 1px solid #414141;}
div#newsLetter { border-bottom: 1px solid #9C663B; background: #AC7042 url(../images/newsLetterBg.png) no-repeat top; width: 190px; padding: 15px; min-height: 90px; }
div#newsLetter h2 { color: #252525; }
div#newsLetter input#newsLetterInput { padding: 5px; background: url(../images/newsLetterInputBg.png) no-repeat; border: none; width: 175px; margin: 15px 0 10px 0; color: #704E2B;}
div#newsLetter input#subMitBtn { width: 88px; height: 26px; cursor: pointer; border: none; color: #ffffff; background: url(../images/newsLetterSubscribeBtn.png) top no-repeat; }
div#newsLetter input#subMitBtn:hover { background-position: bottom;}
div#newsLetter hr { border-right: 0; border-left: 0; margin-top: 5px; border-bottom: 1px solid #D5B280; border-top: 1px solid #AF6C41;}
/*
** Rightboxes
** Upload module
*/
fieldset#uploadArea { border: none; }
fieldset#uploadArea legend { display: none; }
div#loggedInUploadBox hr { border-right: 0; border-left: 0; margin-top: 5px; border-bottom: 1px solid #808080; border-top: 1px solid #414141;}
div#loggedInUploadBox h2 { color: #B7B7B7; font-size: 16px; text-transform: uppercase; }
div#loggedInUploadBox { color: #ffffff; border-bottom: 1px solid #393939; margin-bottom: 20px; padding: 15px; width: 190px; background: #404040 url(../images/shoppingCartBg.png) no-repeat top; /*min-height: 123px;*/ min-height: 70px; }
div#loggedInUploadBox p { margin: 10px 0 10px 0;}
ul#loggedInUploadBoxUl { list-style-position: inside; color: #ffffff; }
ul#loggedInUploadBoxUl li a { text-decoration: none; }
ul#loggedInUploadBoxUl li a:hover { text-decoration: underline; color: #ffffff; } 
ul#loggedInUploadBoxUl li.active a { color: #DFB076; text-decoration: none; }

fieldset#uploadArea ol { list-style: none; }

/*
** Footer block
** @all page
*/
div#footer { padding: 20px 20px 0 30px; width: 900px; margin: 0 auto 0 auto; height: 44px; background: url(../images/mainFooterBg.png) no-repeat; color: #ffffff; }
div#footer p { float: left; }
div#footer ul { float: right; }
div#footer ul li { display: inline; }
div#footer ul li a { margin: 0 10px 0 10px; color: #ffffff; text-decoration: none; }
div#footer ul li a:hover { color: #000; }
div#footer ul li.liFirst { border-right: 1px solid #ffffff; }

/*
** Content gedeelte
** @producten formaten kiezen
*/
ul#prijzenList li a.indexProductListLink { font-weight: normal; color: #ffffff; text-decoration: underline!important; }
#indexProductListCatDescription { display: none; }
h2#indexProductListStep2 { float: left; margin: 15px 0; color: #404040; font-weight: normal; font-size: 14px; }
h2#indexProductListStep2 strong { color: #FC3200; }

ul#productListingFormaten { float: left; width: 640px;}
ul#productListingFormaten a img, ul#productListingFormaten a:hover img { border: 0; }
ul#productListingFormaten { list-style: none; }
ul#productListingFormaten li.productList { float: left; }
ul#productListingFormaten img { background: url(../images/categoryShadow.png) no-repeat top; padding: 0 2px 4px 2px;}
div.paginaTemplate-alt ul#productListingFormaten img { background: none; padding: 0;}



div#productMainImage img { border: 1px solid #e6370a; }



li.productList { width:108px; /*margin: 0 28px 30px 0;*/ margin: 0 24px 30px 0; }
li.lastCategoryItem { margin-right: 0px!important; }
li.productList img { float: left; }
li.productList strong {  width: 95px; display: block; float: left; margin-left: 3px; margin-top: 2px; }
li.productList span.listingDescription { margin-left: 3px; float: left; display: block;}


a.generalKiesFormaatBtn { margin-top: 5px; padding-left: 12px!important; text-decoration: none!important; float: left; background: url(../images/generalBtnKiesFormaatLeft.png) left top; }
a.generalKiesFormaatBtn span { font-size: 11px; text-decoration: none!important; font-weight: bold; color: #000; height: 17px; padding: 4px 12px 0 0;  background: url(../images/generalBtnKiesFormaatRight.png) right top; }
a.generalKiesFormaatBtn:hover span { color: #ffffff; }

/*
** Content gedeelte
** @producten detail
*/
div#productMainImage { float: left; background: url(../images/productMainImageBg.png) repeat-x top; /*height: 108px; width: 640px;*/ height: 96px; width: 620px; padding: 12px 0 0 20px; }
div#productMainImage img { float: left; }
div#productMainImage strong { margin-top: 65px; margin-left: 15px; font-size: 14px; color: #ffffff; float: left; }

div.paginaTemplate-alt div#productMainImage img { border:none; }

div.item-1 span.back label.attribsInput { font-size: 14px; }
div.item-1 div.back input { display: none;}
div.item-1 div.back textarea { font-size:14px!important; padding: 5px; font-family: arial; width:380px!important; }


/*
** Content gedeelte
** @prijsoverzicht page
*/
ul#prijzenListTabs { list-style: none; height: 50px; background: url(../images/prijzenListTabBottomBg.png) bottom repeat-x; }
ul#prijzenListTabs li { float: left; margin-right: 10px;}
ul#prijzenListTabs li a { float: left; }

ul#prijzenListTabs li a, ul#prijzenListTabs li a span { color: #ffffff; text-decoration: none; font-size: 16px; font-weight: bold;  display: block; float: left; cursor: pointer; }
ul#prijzenListTabs li a:hover span { color: #000000!important; }

ul#prijzenListTabs li a { padding-left: 25px; }
ul#prijzenListTabs li a span { height: 23px; padding: 7px 25px 0 0; }

ul#prijzenListTabs li a { background: url(../images/prijzenListTabsBtnLeft.png) left bottom; }
ul#prijzenListTabs li a span { background: url(../images/prijzenListTabsBtnRight.png) right bottom; }
ul#prijzenListTabs li.ui-tabs-selected a { background-position: left top; }
ul#prijzenListTabs li.ui-tabs-selected a span { background-position: right top; }

ul#prijzenListTabs li.ui-tabs-selected a:hover span { color: #ffffff!important; }

ul#prijzenList { list-style: none; }
ul#prijzenList li img { padding-top: 0px; float: left; margin-right: 5px; margin-left: 10px; }
/*ul#prijzenList li img.weight { float: left; position: absolute; left: 20px; top: 6px;}
*/
ul#prijzenList li strong { float: left; margin-top: 18px; }
ul#prijzenList li em { font-style: normal; margin-top: 18px; float: left;}

ul#prijzenList li { float: left!important; width: 610px; padding: 0 20px 0 10px; position: relative; font-weight: bold; font-size: 14px; color: #ffffff; display: block; border-bottom: 1px solid #FF866A; background: url(../images/prijzenListBg.png) repeat-x; /*height: 53px;*/ height: 53px; }
ul#prijzenList li a { text-decoration: none!important;  line-height: 120%!important; font-size: 12px; position: absolute; right: 20px; top: 14px; color: #000000; font-weight: bold;}
a.generalPrijzenBtn { background: url(../images/generalBtnPrijzenLeft.png) left top; }
a.generalPrijzenBtn span { height: 21px; padding: 5px 15px 0 0;  background: url(../images/generalBtnPrijzenRight.png) right top; }
a.generalPrijzenBtn:hover { color: #ffffff!important; }

/*
** Content link color fix
** @all needed pages
*/
body.pageId-5 div#mainEntryLeft a { color: #3D2E21!important; text-decoration: underline; }
body.pageId-6 div#mainEntryLeft a, div#indexCategories a { color: #3D2E21; text-decoration: underline; }
body#loginBody a { color: #3D2E21; text-decoration: underline; }
div#mainEntryLeft a { color: #3D2E21; text-decoration: underline; }

/*
** Content gedeelte Contact
** @contact page
*/

div#contactWrapper { margin-bottom: 20px; }
div#contactMaps { float: left; }
div.adresGegevens { width: 165px; float: left; margin-left: 20px; }
div.adresGegevens h2 { font-size: 14px; font-weight: bold; }
p#printVisieText { width: 520px;}

/*
** Content gedeelte FAQ
** @faq page
*/
div#faqEntry p, div#faqEntry ul { padding-left: 20px; margin: 0 0 15px 0; }
div#faqEntry ul li { margin-left: 10px; }
div#faqEntry { line-height: 150%; }
div#faqEntry h2 { color: #ffffff; font-size: 18px; background: url(../images/faqEntryH2Bg.png) repeat-x; display: block; /*height: 36px;*/   height: 27px; padding-top: 9px; margin: 10px 0; padding-left: 20px; }
div#faqEntry strong { font-size: 14px; }

/*
** Content gedeelte
** @bestellen page
** onder de item naam de span en strong ID aangegeven ipv de plaatje
** vanwegen de afbeeldingen in de naam
*/
ul#prijzenList li span.tweeZijdig { background: url(../../../../siteimages/2zijdigColor.png) no-repeat; font-style: normal; height: 35px; float: left; padding-top: 18px; padding-left: 55px; margin-left: 10px; }
ul#prijzenList li span.eenZijdigGlans { background: url(../../../../siteimages/1zijdigGlans.png) no-repeat; font-style: normal; height: 35px; float: left; padding-top: 18px; padding-left: 55px; margin-left: 10px; }
ul#prijzenList li span.tweeZijdigGlans { background: url(../../../../siteimages/2zijdigGlans.png) no-repeat; font-style: normal; height: 35px; float: left; padding-top: 18px; padding-left: 55px; margin-left: 10px; }

/*
** Create account page
** @create account page
*/
div#createAcctDefault ul { list-style: none; margin: 20px 0; }
div#createAcctDefault ul li { margin: 10px 0; }
div#createAcctDefault ul li input { padding: 2px; }
div#createAcctDefault ul li label { text-align: left; width: 170px; float: left; margin-right: 15px; }
label.radioButtonLabel { margin-left: 10px; }
li#genderCreateAccount label { width: 100px!important; float: none!important; }
li#genderCreateAccount { margin-left: 183px!important; }
span.alert { margin-left: 5px; color: #FC3200;}
div#creatAccountDefault li#genderCreateAccount label { float: none!important; width: auto!important; }
li#genderCreateAccount input#gender-female, li#genderCreateAccount input#gender-male { float: none!important; margin-right: 0!important; }

/*
** User Login Page
** @login page
*/
fieldset#userLoginField { border: none; }
fieldset#userLoginField legend { display: none; }
fieldset#userLoginField ul { list-style: none; }
fieldset#userLoginField ul li { margin: 0 0 10px 0;}
fieldset#userLoginField ul li input { padding: 2px; }
fieldset#userLoginField ul li label { width: 100px; float: left;}

div.passwordContent { margin: 20px 0;}
div#passwordForgotten div.passWordForgotten input { margin-top: 20px;}

/*
** Product detail page
** @product detail page
*/
div#productAttributes { color: #404040; float: left; margin-bottom: 10px; }
div.wrapperAttribsOptions { float: left; width: 200px; }
div.item-9 { width: 410px!important; font-size: 14px!important; margin-top: 25px; } 
div.item-9 input { display: none; }
div.item-9 textarea { font-size: 12px; font-family: arial; padding: 5px; }
h3#productAttributesStep3, h3#productAttributesStep3-2 { padding-right: 40px; float: left; margin: 20px 0; font-size: 14px; font-weight: normal; }
h3#productAttributesStep3 strong, h3#productAttributesStep3-2 strong { color: #FC3200; font-weight: strong; }

div#cartAdd { float: left; width: 600px; }

div.back input { margin-right: 5px; }

div.item-0 { width: 240px!important;}
div.back select { width: 170px; }
div.item-0 div.back { line-height: 150%; }
div.wrapperAttribsOptions { margin-bottom: 10px; }
div.item-0 span.optionName { display: none; }

/*
** Winkelwagen page
** @winkelwagen page
*/
table#cartContentsDisplay { border-collapse: collapse; }
table#cartContentsDisplay a img { border: none!important; }
tr.tableHeading { font-size: 18px; height: 36px; text-align: left; background: url(../images/shoppingCartTableHeadBg.png) repeat-x; color: #ffffff; }
tr.tableHeading th { font-weight: normal; }
tr.rowEven { background: #EDD2BA; }
tr.rowOdd { background: #F3E3D4; }
td.cartQuantity { width: 275px; }
td.cartQuantity img {  float: left; margin-top: 10px; }
td.cartQuantity a { color: #404040; text-decoration: underline; font-weight: bold; }
td.cartQuality span.productNameCart { float: left; }

td.cartProductDisplay ul { list-style-position: inside; }
td.cartProductDisplay ul li { margin: 0 0 4px 0; }
td.cartRemoveItemDisplay { width: 20px; padding-left: 10px; }
td.cartRemoveItemDisplay, td.cartQuantity, td.cartProductDisplay, td.cartUnitDisplay { vertical-align: top; padding-top: 20px; padding-bottom: 20px; }
td.cartUnitDisplay { font-weight: bold; }
div#shoppingCartTableSubTotalBg { text-align: right; font-weight: bold; color: #ffffff; background: url(../images/shoppingCartTableSubTotalBg.png) repeat-x top; /*height: 27px;*/ height: 20px; padding-top: 7px; padding-right: 15px; }

div#shoppingCartAfrekenen { }
div#shoppingCartAfrekenen a.shoppingCartDoorgaan { text-decoration: underline; color: #404040; margin: 10px 10px 0 0; float: right; }

/*
** Afrekenen algemeen
*/
div#checkOutStep1 {  }
div#checkOutStep2 { margin-top: 10px; }
div#checkOutStep3 { margin-top: 10px; }

div#checkOutStep1 fieldset , div#checkOutStep2 fieldset, div#checkOutStep3 fieldset { border: none; }
div#checkOutStep1 fieldset legend , div#checkOutStep2 fieldset legend, div#checkOutStep3 fieldset legend { color: #3D2E21; }

div#checkOutStep1 h2 a , div#checkOutStep2 h2 a, div#checkOutStep3 h2 a { float: right; font-size: 12px; text-decoration: underline; margin-right: 20px; font-weight: normal; margin-top: 3px; }

/*
** Stap 1-3
** @afrekenen
*/
fieldset#comments textarea { padding: 5px; font-family: arial; font-size: 12px; }
div#checkOutStep1 fieldset.smallShipping legend { display: none; }
div#checkoutShipping h2 { color: #ffffff; font-size: 18px; background: url(../images/faqEntryH2Bg.png) repeat-x; display: block; /*height: 36px;*/   height: 29px; padding-top: 7px; margin: 0 0 10px 0; padding-left: 20px; }

div#checkoutShipping h2.inActive { background: url(../images/faqEntryH2BgInActive.png) repeat-x; margin-top: 1px!important; margin-bottom: 1px!important; }
div#checkoutShipping h2.inActiveFirst { margin-top: 10px!important;}

div#checkOutStep1 fieldset input { margin-right: 5px; }
div#checkOutStep1 fieldset input label.checkboxLabel { font-weight: bold; }
div.amountSendEuro { padding-left: 20px; }
div#checkOutStep1 fieldset#comments { padding-bottom: 10px; }
div#checkOutStep1 fieldset#comments legend { padding: 10px 0; font-weight: bold; font-size: 14px;}
div#checkOutStep1 fieldset.smallShipping { margin-bottom: 10px; }
h3#shippingMethodHead { margin-bottom: 10px; }

/*
** Stap 2-3
** @afrekenen
*/
div#checkOutStep2 fieldset { margin: 15px 0; }
div#checkOutStep2 fieldset legend { font-weight: bold; font-size: 14px; }
fieldset#checkoutOrderTotals { width: 500px; }
div#otsubtotal, div#otshipping, div#ottax, div#ottotal, div#otcoupon { float: left; width: 500px; position: relative; }
div#otsubtotal b, div#otshipping b, div#ottax b, div#ottotal b, div#otcoupon b { text-align: right; position: absolute; left: 200px; }
div#redeemInstruction { padding: 15px 0; }
fieldset#checkOutPayMethod label.radioButtonLabel { margin-left: 0!important; }
fieldset#checkOutPayMethod p.important { padding: 0 0 10px 0; }
input#disc-ot_coupon { padding: 1px; }
div#checkOutStep2 { position: relative; }

fieldset#checkOutPayMethod label.radioButtonLabel { float: none!important; }

/*
** Stap 3-3
** @afrekenen
*/
div#checkoutShipping h2 a { color: #ffffff; }
div#checkoutBillto { width: 200px; float: left; }
div#checkoutShipto { width: 200px; float: left; }
div#checkoutBillto address, div#checkoutShipto address { font-style: normal!important; }

div#orderTotalsStep3 { position: relative; margin-bottom: 10px; padding: 10px; float: right; width: 200px; background: #F3E3D4;}
div#orderTotalStep3Inside { }
div#orderTotalsStep3 div#otsubtotalNum2, div#orderTotalsStep3 div#otshippingNum2, div#orderTotalsStep3 div#otcouponNum2, div#orderTotalsStep3 div#ottaxNum2, div#orderTotalsStep3 div#ottotalNum2 { display: none; } 

div#orderTotalsStep3 div#otsubtotal, div#orderTotalsStep3 div#otshipping, div#orderTotalsStep3 div#ottax, div#orderTotalsStep3 div#ottotal, div#orderTotalsStep3 div#otcoupon { float: left; width: 300px; position: relative; }
div#orderTotalsStep3 div#otsubtotal b, div#orderTotalsStep3 div#otshipping b, div#orderTotalsStep3 div#ottax b, div#orderTotalsStep3 div#ottotal b, div#orderTotalsStep3 div#otcoupon b { text-align: right; position: absolute; left: 150px; }

div#orderTotalsStep3 div#otcoupon { /*position: absolute; top: 50px; right: -1;*/ }

div#checkOutStep3Subtotal { margin-bottom: 15px; background: url(../images/checkOutStep3SubtotalBg.png) repeat-x top; /*height: 27px;*/ height: 21px; font-weight: bold; color: #ffffff; padding-right: 10px; text-align: right; padding-top: 6px; }
/*
** Stap 3-3 tabel
** @afrekenen
*/
table#cartContentsDisplay { border-collapse: collapse; }
table#cartContentsDisplay tr.cartTableHeading { text-align: left; height: 24px; background: url(../images/shoppingCartAfrekenenTableHeadBg.png) repeat-x top; font-size: 14px; color: #ffffff; }
table#cartContentsDisplay tr td.cartTotalDisplay { font-weight: bold; width: 70px; text-align: right; }
th#ccProductsHeading { padding-left: 10px; }
th#ccTotalHeading { padding-right: 10px; }
ul.cartAttribsList li { display: inline; }
th#ccTotalHeading { text-align: right!important; }

td.cartProductDisplay, td.cartTotalDisplay { padding: 20px 10px 10px 10px;}

/*
** edit account page
** @account page
*/
body#accounteditBody div#editAccountPage h2 { color: #ffffff; font-size: 18px; background: url(../images/faqEntryH2Bg.png) repeat-x; display: block; /*height: 36px;*/   height: 29px; padding-top: 7px; margin: 0 0 10px 0; padding-left: 20px; }
body#accounteditBody ul#editAccountInformation { list-style: none; padding: 10px 0; }
body#accounteditBody ul#editAccountInformation li { margin: 0 0 5px 0; }
body#accounteditBody ul#editAccountInformation li#genderSelect label { float: left!important; margin: 0 0 0 5px!important; padding: 0 5px 0 0!important; width: auto!important; }
body#accounteditBody ul#editAccountInformation li#genderSelect { margin-bottom: 15px; }
body#accounteditBody ul#editAccountInformation li#genderSelect input { width: auto!important; padding-right: 10px!important; float: left!important; }
body#accounteditBody ul#editAccountInformation li label { float: left; width: 90px; }
body#accounteditBody ul#editAccountInformation li input { width: 200px; }
div#updateAccount input.button_update { background: url(../images/accountInfoBtn.png) no-repeat top; border: none; padding-bottom: 4px; width: 63px!important; height: 21px; font-weight: bold; }

/*
** alle bestellingen
** @account page
*/
body#accounthistoryBody div#mainEntryLeft h2 { color: #ffffff; font-size: 18px; background: url(../images/faqEntryH2Bg.png) repeat-x; display: block; /*height: 36px;*/   height: 29px; padding-top: 7px; margin: 0 0 10px 0; padding-left: 20px; }
table#prevOrders { border-collapse: collapse; margin: 10px auto 0 auto;}
table#prevOrders tr.tableHeading { background: url(../images/ordersTableHeader.png) repeat-x top; height: 24px; font-size: 14px; font-weight: bold; color: #fffff; }
table#prevOrders tr { background: #EDD2BA; }
table#prevOrders tr td { padding: 10px 0; text-align: left; }
th.prevOrdersDate, td.prevOrdersDate { padding-left: 10px!important; }
tr.prevOrderEven { background-color: #F3E3D4!important; }

/*
** bestelling geschiedenis
** @orders history
*/
body#accounthistoryinfoBody div#mainEntryLeft h2 { color: #ffffff; font-size: 18px; background: url(../images/faqEntryH2Bg.png) repeat-x; display: block; /*height: 36px;*/   height: 29px; padding-top: 7px; margin: 0 0 10px 0; padding-left: 20px; }
table#accountHistory { border-collapse: collapse; margin: 10px auto 0 auto;}
table#accountHistory tr.tableHeading { background: url(../images/ordersTableHeader.png) repeat-x top; height: 24px; font-size: 14px; font-weight: bold; color: #fffff; }
table#accountHistory tr { background: #EDD2BA;  }
table#accountHistory tr td { padding: 10px 0; text-align: left;  vertical-align: top; }
th#myAccountQuantity, td.accountQuantityDisplay { padding-left: 10px!important; }
tr.accountHistoryEven { background-color: #F3E3D4!important; }
td.accountProductDisplay ul#orderAttribsList { list-style-position: inside;}

ul#historySummary { list-style: none; margin: 20px 0 20px 2px;}
ul#historySummary li { margin: 0 0 3px 0;}


table#myAccountOrdersStatus { border-collapse: collapse; margin: 10px auto 0 auto;}
table#myAccountOrdersStatus tr.tableHeading { background: url(../images/ordersTableHeader.png) repeat-x top; height: 24px; font-size: 14px; font-weight: bold; color: #fffff; }
table#myAccountOrdersStatus tr { background: #EDD2BA;  }
table#myAccountOrdersStatus tr td { padding: 10px 0; text-align: left;  vertical-align: top; }
th#myAccountStatusDate, td.firstItemHistory { padding-left: 10px!important; }



/*
** bestelling succesvol
** @bestellen succes page
*/
body#checkoutsuccessBody div#mainEntryLeft h2 { color: #ffffff; font-size: 18px; background: url(../images/faqEntryH2Bg.png) repeat-x; display: block; /*height: 36px;*/   height: 29px; padding-top: 7px; margin: 0 0 10px 0; padding-left: 20px; }

ul#checoutSuccesList { list-style-position: inside; }
ul#checoutSuccesList li { margin-bottom: 3px; }

/*
** wachtwoord wijzigen
** @account page
*/
body#accountpasswordBody div#mainEntryLeft h2 { color: #ffffff; font-size: 18px; background: url(../images/faqEntryH2Bg.png) repeat-x; display: block; /*height: 36px;*/   height: 29px; padding-top: 7px; margin: 0 0 10px 0; padding-left: 20px; }

ul#accountPasswordSet { margin-top: 15px; list-style: none; }
ul#accountPasswordSet li { margin: 0 0 5px 0; }
ul#accountPasswordSet li label { width: 130px; float: left; }
ul#accountPasswordSet li input { width: 200px; }
input.button_submit { padding-bottom: 3px; background: url(../images/accountPasswordBtn.png) no-repeat; border: none; width: 131px!important; font-weight: bold; height: 21px; text-align: center;}

/*
** Mijn adresboek pagina
** @account page
*/
body#addressbookBody a.generalKiesFormaatBtn span { padding:4px 12px 0 0!important; }
div#addressBookProcessDefault address { font-style: normal!important; }
body#addressbookBody div#mainEntryLeft h2 { color: #ffffff; font-size: 18px; background: url(../images/faqEntryH2Bg.png) repeat-x; display: block; /*height: 36px;*/   height: 29px; padding-top: 7px; margin: 0 0 10px 0; padding-left: 20px; }
span.button_add_address { padding:1px 12px 3px 0!important; }

/*body#addressbookBody div#mainEntryLeft { line-height: 150%!important; }*/
body#addressbookBody div#mainEntryLeft h4 { font-size: 14px; line-height: 200%;} 
body#addressbookBody div#mainEntryLeft address#defaultAddress { font-style: normal; margin-top: 15px; }
body#addressbookBody div#mainEntryLeft fieldset { border: none; margin-top: 15px; }
body#addressbookBody div#mainEntryLeft fieldset legend { font-weight: bold; font-size: 14px; }
body#addressbookBody div#mainEntryLeft address.addressListing { width: 200px; height: 125px; float: left; font-style: normal; margin-top: 10px; }

fieldset.addresBookProcess legend { display: none; }
fieldset.addresBookProcess label { float: left; width: 170px; margin: 0 0 15px 0; }
input#gender-male, input#gender-female { float: left!important; margin-right: 5px!important; }
label.radioButtonLabel { width: auto!important; margin-right: 5px!important; float: left!important; }

div#submitAddressbookProcess input.button_submit { background: url(../images/accountAddAdress.png) no-repeat; border: none; width: 96px!important; font-weight: bold; height: 21px; text-align: center; }
/*
** adresboek wijzigen en toevoegen
** @account page
*/
div#addressBookProcessDefault h2 { color: #ffffff; font-size: 18px; background: url(../images/faqEntryH2Bg.png) repeat-x; display: block; /*height: 36px;*/   height: 29px; padding-top: 7px; margin: 0 0 10px 0; padding-left: 20px; }

div#addressBookProcessDefault fieldset { border: none; }

/*
** account history orde detail
** @account page
*/
table#accountHistory tr td { text-align: left; }


/*
** EXTERN CSS STYLES
** Default jQuery tabs style *to hide elements
** Caution! Ensure accessibility in print and other media types...
** Use class for showing/hiding tab content, so that visibility can be better controlled in different media types...
*/
@media projection, screen { .ui-tabs-hide { display: none!important; } }

/*
** jQuery lightBox plugin
** This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
** and adapted to me for use like a plugin from jQuery.
** @name jquery-lightbox-0.5.css
** @author Leandro Vieira Pinho - http://leandrovieira.com
** @version 0.5
** @date April 11, 2008
** @category jQuery plugin
** @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
** @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
** @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay { height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 90; }
#jquery-lightbox { left: 0; line-height: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 100; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%; }
#lightbox-nav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; }
#lightbox-nav-btnPrev { float: left; left: 0; }
#lightbox-nav-btnNext { float: right; right: 0; }
#lightbox-container-image-data-box { background-color: #fff; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; margin: 0 auto; overflow: auto; padding: 0 10px 0; width: 100%; }
#lightbox-container-image-data { color: #666; padding: 0 10px; }
#lightbox-container-image-data #lightbox-image-details { float: left; text-align: left; width: 70%; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { clear: left; display: block; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { float: right; padding-bottom: 0.7em; width: 66px; }

/*
** MELDINGEN
*/
div.messageStackSuccess { padding: 15px; background:#EFF3FA; border-bottom:1px solid #BAD6F9; border-top:1px solid #BAD6F9; }
div.messageStackCaution { padding: 15px; background:#FFECE8; border-bottom:1px solid #FFB8B3; border-top:1px solid #FFB8B3; }
div.messageStackError { margin: 15px 0; padding: 15px; background:#FFECE8; border-bottom:1px solid #FFB8B3; border-top:1px solid #FFB8B3; }
div.messageStackSuccess, div.messageStackCaution { margin-bottom: 10px;}

body#popupCouponHelp { background: #ffffff!important; padding: 20px!important; }

/*
** 404 pages
** @404 page
*/
div#pageNotFound ul { list-style-position: inside;}
div#pageNotFound ul li a { font-size: 16px; }
div#pageNotFound ul li ul { padding: 20px; }
div#pageNotFound ul li ul li { margin: 5px 0; }
div#pageNotFound ul li ul li a { font-size: 12px; }