/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }


/* ===== TAGS ===== */
BODY { background: #000 url(images/layout/body_bot.jpg) no-repeat center bottom; margin: 0; padding: 0; }
BODY, TH, TD, INPUT, TEXTAREA, SELECT { color: #000; font-size: 11px; font-family: Verdana, Arial, sans-serif; }
INPUT.inputbox { height: 15px; padding-left: 2px; padding-right: 2px; border: 1px solid #5a5a5a; }
SELECT { border: 1px solid #5a5a5a; }
TEXTAREA { width: 100%; overflow: auto; border: 1px solid #5a5a5a; }
FORM { display: inline; margin: 0; padding: 0; }
IMG { border: none; }
H1, TD.pageHeading, DIV.pageHeading { background-color: #810000; margin: 0; padding: 7px 16px; color: #fff; font-size: 18px; font-weight: bold; line-height: normal; }
H2, TD.subHeading, DIV.subHeading { background-color: #810000; margin: 0; padding: 5px 12px; color: #fff; font-size: 11px; font-weight: bold; line-height: normal; }
H3 { margin: 15px 0 10px; padding: 0; color: #000; font-size: 11px; font-weight: bold; line-height: normal; }
H4 { background-color: #810000; margin: 0; padding: 3px 10px; color: #fff; font-size: 10px; font-weight: bold; text-align: center; line-height: normal; }
P { margin: 10px 0; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #000; text-decoration: none; outline: none; }
A:hover { color: #920707; }
A.red, a.lnk-afterpay { color: #920707; text-decoration: underline; }
A.red:hover, a.lnk-afterpay:hover {  text-decoration: none; }

/* ===== FLASHTEXT ===== */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash .blkHeading h3 { height: 20px; font-size: 10px; line-height: 20px;  }
.sIFR-hasFlash h3.headingRed { height: 30px; font-size: 30px; line-height: 30px; visibility: hidden; }
.sIFR-hasFlash h3.headingRedGr { height: 30px; font-size: 30px; line-height: 30px; visibility: hidden; }
.sIFR-hasFlash h3.headingWhite { height: 30px; font-size: 30px; line-height: 30px; visibility: hidden; }
.sIFR-hasFlash h3.headingWhiteGr { height: 30px; font-size: 30px; line-height: 30px; visibility: hidden; }
.sIFR-hasFlash h3.headingGray { height: 20px; font-size: 20px; line-height: 20px; visibility: hidden; }

.blkHeading { background-color: #000; padding: 3px 10px 0px; }
.blkHeading h3 { margin: 0; padding: 0; color: #fff; font-size: 11px; font-weight: bold; line-height: normal; }

h3.headingRed, h3.headingWhite, h3.headingGray,h3.headingRedGr, h3.headingWhiteGr{ margin: 0 !important; padding: 0; font-weight: bold; line-height: normal; text-transform: uppercase; }
h3.headingRed { color: #770909; font-size: 22px; }
h3.headingWhite { color: #fff; font-size: 22px; }
h3.headingGray { color: #727272; font-size: 18px; }
h3.headingRedGr { color: #770909; font-size: 22px; }
h3.headingWhiteGr { color: #fff; font-size: 22px;  }

/* ===== LAYOUT ===== */
#bodyTop { background: url(images/layout/body_top.jpg) no-repeat center top; }
#page { width: 959px; background: url(images/layout/page_bg.gif) repeat-y left top; margin: 0 auto; }
body.bg-black #page { background: url(images/layout/page_bg_black.gif) repeat-y left top; }
#columnLeft { width: 224px; padding: 0 0 6px 9px; vertical-align: top; }
/* #columnRight { width: 233px; vertical-align: top; } */
#content { width: 716px; padding: 0 5px; vertical-align: top; }
/*#content.prodInforightclm { background: url(images/layout/prodInfo_rightcolumn_bg.gif) repeat-y 492px top; }*/
#content.prodInforightclm .contentPad { background-color: #e5e5e5; padding: 13px 13px 0; }
.contentPad { padding: 12px; }


/* ===== HEADER ===== */
#header { position: relative; height: 299px; background: url(images/layout/header.jpg) no-repeat left top; padding-left: 259px; }
#header H1 { background: none; position: absolute; top: 66px; left: 24px; width: 168px; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; }
#header H1 A { display: block; height: 123px; }

.accountBlk { float: left; width: 387px; height: 40px; padding: 17px 0 0 55px; white-space: nowrap; }
.accountBlk A { margin-right: 20px;  }
.accountBlk IMG { margin-bottom: 5px; }
.cartBlk { float: left; height: 40px; padding: 17px 0 0 0; color: #fff; font-weight: bold; white-space: nowrap; }
.cartBlk IMG { margin-bottom: 5px; }
.navBar { clear: both; height: 21px; padding: 6px 0 0 55px; }
.navBar .fright A { margin-right: 44px; }
#bannerBlk { height: 155px; padding-top: 12px; text-align: center; }
.buttonsBlk { padding: 5px 0 0 23px; }
.buttonsBlk IMG { float: left; margin-right: 5px; }

DIV.headerError, DIV.headerInfo { margin: 10px 0; padding: 5px 10px; font-weight: bold; text-align: center; }
DIV.headerError { background-color: #EA2247; color: #fff; }
DIV.headerInfo { background: #ffdf64; color: #000; }


/* ===== FOOTER ===== */
#footer { height: 26px; padding-top: 70px; color: #e5e5e5; font-size: 8px; font-family: Arial, sans-serif; text-transform: uppercase; text-align: center; }


/* ===== BOXES ===== */
#columnLeft .infoBoxH, #columnRight .infoBoxH { width: 212px; margin: 0 auto; }
TD.infoBoxHeading { padding: 5px 0; color: #810000; font-size: 11px; font-weight: bold; text-transform: uppercase; }
TD.infoBoxHeading A { color: #810000; }
TD.infoBoxHeading A:hover { color: #000; }

#columnLeft .infoBox, #columnRight .infoBox { width: 212px; margin: 0 auto; }
.infoBoxContents { background-color: #ccc; }
.infoBoxWContents { background-color: #fff; }
.infoBoxGContents { background-color: #bababa; }
.infoBoxRContents { background-color: #af0001; }
TD.infoBoxContents, DIV.infoBoxContents, 
TD.infoBoxWContents, DIV.infoBoxWContents, 
TD.infoBoxGContents, DIV.infoBoxGContents { padding: 13px; }
TD.infoBoxRContents, DIV.infoBoxRContents { padding: 10px; }
DIV.infoBoxRContents { margin-bottom: 1px; }
TD.infoBoxRContents A, DIV.infoBoxRContents A, DIV.infoBoxRContents TD { color: #fff; }

.informationBox { position: absolute; top: 94px; left: 94px; }

TD.productBox { background-color: #fff; border: 1px solid #818181; }
TD.productBox TD.productTitle { background-color: #810000; color: #fff; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; }
TD.productBox TD.productTitle DIV { position: relative; padding: 2px 3px 3px 8px; }
TD.productBox TD.productTitle DIV A { position: absolute; top: 2px; right: 2px; }
TD.productBox TD.productImg { padding: 3px; }
TD.productBox TD.productDsc { padding: 8px 5px 8px 8px; } 
TD.productBox TD.productPrice { padding: 0 0 3px 3px; }
TD.productBox TD.productPrice B { display: block; padding: 0 0 5px 5px; }
TD.productBox TD.productPrice B S { margin-right: 3px; }

TD.productInfo .productOptions { background-color: #393939; padding: 12px 15px 15px; color: #fff; }
TD.productInfo .productOptions TD { color: #fff; }
TD.productInfo TD.productPrice { color: #fff; font-size: 22px; font-weight: bold; }
TD.productInfo TD.productPrice S { display: block; color: #999; }
TD.productInfo .productDsc { padding: 5px 15px; border: 1px solid #393939; min-height: 250px; }
TD.productInfo .productDsc P { margin: 7px 0; }
TD.productInfo .AvailableOptions { background-color: #cccccc; margin-top: 10px; }
TD.productInfoRight { background-color: #393939; padding-bottom: 15px; border-left: 9px solid #e5e5e5; }
TD.productInfoRight .productImg { padding: 8px; }
TD.productInfoRight .extraimageslisting { padding: 0 0 20px 8px; }
TD.productInfoRight .extraimageslisting IMG { margin-bottom: 4px; }

TD.productXsell { width: 155px; }
TD.productXsell TABLE { width: 153px; }
TD.productXsell TD.productImg { background-color: #fff; text-align: center; }
TD.productXsell TD.productTitle { padding: 5px 10px; font-size: 10px; text-align: center; }
TD.productXsell TD.productTitle A { color: #393939; }
TD.productXsell TD.productTitle A:hover { color: #BD0F0E; }

TABLE.productList { border-collapse:collapse; }
TABLE.productList IMG { vertical-align: -3px; }
TD.productList { width: 114px; background-color: #cccccc; border: 1px solid #3d3d3d; vertical-align: top; }
TD.productList DIV.productImg { height: 194px; background-color: #fff; border-bottom: 1px solid #3d3d3d; text-align: center; }
TD.productList DIV.productTitle { height: 50px; padding: 5px 3px 0; font-size: 10px; vertical-align: top; text-align:center; }
TD.productList DIV.productPrice { background-color: #acacac; padding: 5px 0; text-align: center; border-bottom: 1px solid #3d3d3d; }

TABLE.shoppingCart TD { padding: 8px 10px 0 0; vertical-align: top; }
TABLE.shoppingCart TD.shoppingCart-heading { padding: 0 10px 0 0;  font-weight: bold; }
TABLE.shoppingCart TD.separator { height: 8px; font-size: 0; border-bottom: 1px solid #a0a0a0; }
TABLE.shoppingCart .status, TABLE.shoppingCart .available { color: #810000; font-size: 10px; }
TD.subTotal { background-color: #aeaeae; padding: 6px 15px; font-size: 13px; font-weight: bold; text-align: right; }

TR.accountHistory-odd, 
TR.addressBook-odd, 
TR.alsoPurchased-odd, 
TR.payment-odd, 
TR.productListing-odd, 
TR.productReviews-odd, 
TR.upcomingProducts-odd, 
TR.shippingOptions-odd { background: #f8f8f9; }

TR.accountHistory-even, 
TR.addressBook-even, 
TR.alsoPurchased-even, 
TR.payment-even, 
TR.productListing-even, 
TR.productReviews-even, 
TR.upcomingProducts-even, 
TR.shippingOptions-even { background: #f8f8f9; }


/* ===== BLOCKS ===== */
.affiliateSep { background-color: #810000; height: 6px; font-size: 0; border-top: 6px solid #fff; }

DIV.breadcrumb { background-color: #636363; padding: 5px 7px; color: #fff; font-size: 10px; }
DIV.breadcrumb A, TD.breadcrumb A:hover { color: #fff; }

DIV.searchBlk { width: 100%; background: #ebeaeb url(images/infobox/searchBlk_bg.gif) repeat-x left top; padding-top: 3px; border-bottom: 6px solid #810000; }
DIV.searchBlk SELECT { width: 100%; }
DIV.searchBlk .infoBox { width: 100% !important; }
DIV.searchBlk .infoBoxContents { background: none; }
DIV.searchBlk TD.infoBoxHeading { padding: 5px 3px 0; }
DIV.searchBlk .selects { width: 206px; margin: -2px auto 0; padding: 5px 0 2px; border-top: 1px solid #282928; }
DIV.searchBlk .selects SELECT { margin: 2px 0; }

DIV.catBlk { background: url(images/infobox/catBlk_bg.gif) repeat-x left top; padding-top: 5px; }
DIV.catBlk TD.infoBoxHeading { background-color: #cccccc; padding: 5px 9px 0; }
DIV.catBlk A { background: url(images/infobox/catBlk_mark.gif) no-repeat left 5px; padding-left: 10px; }

DIV.newsletterBlk .infoBoxContents { background: #cccccc url(images/infobox/newsletter_bg.jpg) no-repeat right center; }
DIV.newsletterBlk .boxText { font-size: 10px; padding-right: 50px; }

DIV.infoBlk { position: relative; height: 187px; background: url(images/infobox/information_bg.jpg) no-repeat 6px 24px; }
DIV.infoBlk .infoBoxContents { background: none; }
DIV.infoBlk A { background: url(images/infobox/information_mark.gif) no-repeat left 5px; padding-left: 8px; color: #fff; font-size: 10px; }
DIV.infoBlk A:hover { color: #BD0F0E; }
DIV.infoBlk .infotxt { position: absolute; top: 53px; right: 15px; color: #810000; font-size: 10px; }

DIV.affiliateBlk .infoBox { height: 98px; background: #000 url(images/infobox/affiliateBlk_bg.jpg) no-repeat left top; }
DIV.affiliateBlk .infoBox TD { vertical-align: top; }
DIV.affiliateBlk .infoBoxContents { background: none; margin-top: 40px; }
DIV.affiliateBlk A { background: url(images/infobox/information_mark.gif) no-repeat left 5px; padding-left: 8px; color: #fff; font-size: 10px; }
DIV.affiliateBlk A:hover { color: #BD0F0E; }

DIV.tellafriendBlk { border-bottom: 4px solid #810000; }
DIV.tellafriendBlk .infoBoxContents { background: #cccccc url(images/infobox/tellafriend_bg.jpg) no-repeat right center; }
DIV.tellafriendBlk .boxText { font-size: 10px; padding-right: 50px; }
DIV.tellafriendBlk .boxText SPAN { display: block; margin-bottom: 4px; }
DIV.tellafriendBlk TD.infoBoxHeading { background-color: #810000; padding: 5px 9px; color: #fff; }

DIV.newsBlk { height: 28px; background: url(images/layout/content_bgtop.jpg) no-repeat left top;  padding: 0 15px 0 44px; text-align: right; }
DIV.newsBlk a {color: #A2A2A2; outline-color: #A2A2A2}

TD.shopBlk { padding: 0 12px; }
TD.shopBlk TD { height: 119px; color: #fff; font-size: 10px; }
TD.shopBlk TD A { color: #fff; }
TD.shopBlk TD A:hover { text-decoration: underline; }
TD.shopBlk TD.shopImg { width: 152px; }
TD.shopBlk TD.shopImg DIV { position: relative; height: 119px; z-index: 0; }
TD.shopBlk TD.shopImg SPAN { position: absolute; top: 0; left: 0; display: block; width: 152px; height: 119px; z-index: 100; }
TD.shopBlk TD.shopImg IMG { width: 115px; height: 89px; margin: 15px 0 0 18px; }
TD.shopBlk TD.shopAdres { vertical-align: middle; padding: 0 10px 0 15px; }

TD.shopBlk.left TABLE { background: url(images/block/shopBlkL_bg.gif) no-repeat right center; }
TD.shopBlk.left TD.shopImg SPAN { background: url(images/block/frame1.png) no-repeat left top; }
* HTML TD.shopBlk.left TD.shopImg SPAN { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/block/frame1.png'); }
TD.shopBlk.left TD.shopAdres { text-align: left; }

TD.shopBlk.right TABLE { background: url(images/block/shopBlkR_bg.gif) no-repeat left center; }
TD.shopBlk.right TD.shopImg SPAN { background: url(images/block/frame2.png) no-repeat left top; }
* HTML TD.shopBlk.right TD.shopImg SPAN { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/block/frame2.png'); }
TD.shopBlk.right TD.shopAdres { text-align: right; }

.shoppingBar { background: #810000 url(images/block/shoppingcart_bar.jpg) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 22px; }
.shoppingBar TABLE { margin: 0 auto; }
.shoppingBar TD { height: 38px; padding: 0 30px; vertical-align: middle; }

.shoppingBar2 { background: #810000 url(images/block/shoppingcart_bar2.jpg) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 22px; }
.shoppingBar2 TABLE { margin: 0 auto; }
.shoppingBar2 TD { height: 38px; padding: 0 30px; vertical-align: middle; }

.shoppingBar3 { background: #810000 url(images/block/shoppingcart_bar3.jpg) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 22px; }
.shoppingBar3 TABLE { margin: 0 auto; }
.shoppingBar3 TD { height: 38px; padding: 0 30px; vertical-align: middle; }

/*TD.kadoverpakking { font-size: 10px; font-weight: bold; color: #ffffff; }*/

.noteBlk { padding: 40px 100px 0; color: #393939; text-align: center; }
.noteBlk UL { margin-top: 5px; }

.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-size: 10px; }

.blkDsc { margin-bottom: 5px; padding: 0 10px 10px; border-bottom: 1px solid #a0a0a0; }

.btnHeading { background-color: #000; padding-right: 3px; }

.blkSuccess { background-color: #000; margin-top: 5px; padding: 30px 30px 10px; color: #fff; font-size: 12px; text-align: center; line-height: 20px; }

.pricesBlk { padding-top: 5px; }
.pricesBlk .fromPrice { color: #bababa; font-size: 13px; font-weight: bold; }
.pricesBlk B { font-size: 13px; }
.pricesBlk .price { font-size: 20px; font-weight: bold; }

.scrollBlk { width: 270px; height: 142px; background-color: #000; background-image: url(images/block/scrollBlk.gif); background-repeat: no-repeat; background-position: left top; padding: 10px; color: #fff; overflow: auto; }
* HTML .scrollBlk { background-attachment: fixed; }

.brdImgW { border: 1px solid #fff; }

.addtonewsletter { position: relative; background: #970D00 url(images/layout/addtonewsletter_bg.jpg) no-repeat 0 100%; height: 420px; padding: 30px 35px 0 35px; color: #fff; font-size: 12px; }
.addtonewsletter h1 { background: url(images/layout/addtonewsletter_title.gif) no-repeat 0 0; width: 383px; height: 23px; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; }
.addtonewsletter td { color: #fff; font-size: 12px; }
.addtonewsletter .actionHeading { font-size: 18px; text-align: center; padding: 20px 0 5px; }
.addtonewsletter .newsletter-form { position: absolute; left: 330px; top: 130px; width: 318px; }

.specialOfferSlide{
	background-color:#575757;
	height:250px;
	width:300px;
	border:0;
	padding:5px;
}

/* message box */
.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning {  background-color: #ff0000; padding: 5px 10px; color: #fff; }
.messageStackSuccess {   background-color: #8ccc3f; padding: 5px 10px; }

.moduleRow {  }
.moduleRowOver { background-color: #e5e5e5; cursor: pointer; }
.moduleRowSelected { background-color: #e5e5e5; }


/* ===== TABLES ===== */
TABLE.tblprodInf { margin-top: 5px; }
TABLE.tblprodInf TD { vertical-align: top; padding: 2px 5px 2px 0; font-size: 10px; }

TD.fieldKey { padding: 2px 10px 2px 0; font-weight: bold; }
TD.fieldValue { padding: 2px 10px 2px 0; }

TABLE.tblForm TD { padding: 2px 8px 2px 0; }
TABLE.tblForm INPUT.inputbox { width: 160px; }
TABLE.tblForm TD.selectOptions SELECT { width: 166px; }

TABLE.tblVer TD { padding: 0 10px 8px 0; }
TABLE.tblVer TD.separator { height: 8px; font-size: 0; border-top: 1px solid #a0a0a0; }

TABLE.tblImgList { margin-top: 10px; }
TABLE.tblImgList IMG { border: 1px solid #fff; }


/* ===== TEXT ===== */
SPAN.productSpecialPrice { color: #cf0002; }

DIV.subtitle { padding-top: 10px; }
.subtitle { font-weight: bold; text-transform: uppercase; }

.smallText { font-size: 10px !important; }
.redText { color: #920707; }
.whiteText { color: #fff; }

.imageenlarge { padding-bottom: 8px; color: #fff; font-size: 8px; font-family: Arial, sans-serif; text-align: center; }

.inputRequirement { margin: 0 2px; font-size: 10px; color: #920707; }

.hightline { line-height: 16px; }


/* ===== OTHER ===== */
BODY.popup { background: #E5E5E5 !important; padding: 15px; }
BODY.popup A.wit { font-weight: bold; }


/* ===== OTHER ===== */
.nopad { padding: 0 !important; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

.show { display: block !important; }
.hide { display: none !important; }





.imagegallery { background: #b6b7cb; border-style: solid; border-width: 1px; border-color: #E5E5E5; }

.sellBoxContents { font-size: 10px; padding: 10px 10px 10px 10px; background: #ffffff; }

TR.subBar { background: #f4f7fd; }
TD.subBar { font-size: 10px; color: #000000; }

TD.accountCategory { font-size: 13px; color: #aabbdd; }

TD.tableHeading { font-size: 12px; font-weight: bold; }

SPAN.newItemInCart { font-size: 10px; color: #ff0000; }
SPAN.greetUser { font-size: 11px; color: #FFFFFF; font-weight: bold; }


TABLE.formArea { background: #999999; }

TD.formAreaTitle { font-size: 12px; font-weight: bold; }

SPAN.markProductOutOfStock { font-size: 12px; color: #c76170; font-weight: bold; }


SPAN.errorText { color: #ff0000; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; }
.checkoutBarCurrent { font-size: 10px; font-weight: bold; }


/* input requirement */

a.toptentext{ color: #D1D1D1; font-size: 10px; }
a.toptentext:hover{ color: #D1D1D1; font-size: 10px; }
a.topten { color: white; font-size: 10px; font-weight: bold; }
a.topten:hover { color: white; font-size: 10px; font-weight: bold; }

.mainOff { background-color: #FFFFFF; border-color: #E4E4E4; border-style: solid; border-width: 1px; }
.mainOn { background-color: #FFFFFF; border-color: #990000; border-style: solid; border-width: 1px; }

.top50Off { background-color: #747474; }
.top50On { background-color: #FFFFFF; }
.bgtop50 { background-color: #2F2F2F; }

#tour_truck{ display: block; border: 1px solid #000000; width: 360px; height: 280px; float: left; clear: none; }
#tour_agenda{ float: right; width: 360px; height: 280px; }
#tour_agenda h1{ font-size: 20px; color: maroon; }
#tour_text{ clear: both; float: left; width: 360px; height: 280px; }
#tour_text h1{ font-size: 20px; color: maroon; }

.mainkopje_tell { color:#fff; }
.frontpage_title { color: #727272; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.frontpage_subtitle_s { color: #810000; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.frontpage_subtitle { color: #810000; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.frontpage_description {line-height: 150%;padding:5px; color: #FFFFFF;}


/**
*	POPUP INFO
*/
#popupinfo { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; background: url(../images/pixel-transpblack.png); }
#popupinfo a { color: #920707; text-decoration: underline; }
#popupinfo a:hover { color: #000; }
#popupinfo .button-close { float: right; background: url(../images/button_bg.gif) repeat-x 0 0; height: 24px; font-weight: bold; line-height: 24px; padding: 0 20px; color: #fff !important; text-transform: uppercase; text-decoration: none; }
#wrapper-popup { display: table; height: 100%; position: relative; vertical-align: middle; width: 100% }
#outer-popup { display: table-cell; position: relative; vertical-align: middle }
.popup-container { margin: 0 auto; position: relative; background-color: #d8d8d8; width: 700px; border: 8px solid #fff; }
.popup-content { padding: 22px; overflow: hidden; line-height: 1.3; }
*:first-child+html #wrapper-popup { display: block; zoom: 1 }
*:first-child+html #outer-popup { display: block; top: 50%; zoom: 1 }
*:first-child+html .popup-container { top: -50% }