/* DOMINO'S STYLESHEET */
/* STYLE-GUIDE

	- COLORS
		#0072a5		BLUE
		#137dac		BLUE (footer)
		#db2f36		RED
		#434444		DARKGREY (text)
		#d2d1d1		GREY (productimage-border)
        #edf4fa     LIGHTGREY (Locations list)

	- HEADERS
		H1	payoff (above navigation)
		H2	pagetitle
		H3	product-title
		H4	colleft-headings + step-title
		H5	
		H6	
 
*/

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #434444; margin: 0px; padding: 0px; }
td { vertical-align: top; }
img { border: 0px; }
img.banner { border: double 1px #C6C6C6; }
fieldset { border: none; }
form, p, ul, ol, fieldset, dl, dt, dd { margin: 0px; padding: 0px; }
a { outline: none; text-decoration: none; }

.colend, .clear { clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1 { color: #0072a5; }
h2 { color: #0072a5; margin: 15px 15px 5px 15px; font-size: 20px; }
h3 { color: #000000; }
h4 { color: #0072a5; }
h5 { }
h6 { color: #0072a5; }

.hiddenUpdatePanel { display: none; }

/* ==================================== */
/* CENTREREN
======================================= */
#horizon { position: absolute; left: 0px; width: 100%; display: block; }
#container { position: absolute; margin-left: -465px; width: 930px; left: 50%; }

#containerHome { position: absolute; margin-left: -375px; width: 750px; left: 50%; margin-top: 20px; }

/* ===== BANNER ====== */
#bannerPopupLayer { position: absolute; margin-top: -14px; margin-left: -505px; width: 1000; left: 50%; z-index: 100; display: block; }

/* ===== TOOLTIP ====== */

.ttContentHolder { display: none; }
.ttContent { border: 1px solid #0072a5; padding: 10px; width: 200px; }
.ttContent h6 { color: #0072a5; font-size: 1.4em; margin-bottom: 2px; }
.ttContent b { color: #db2f36; font-style: italic; font-size: 1.1em; }


/* ===== HEADING ====== */
#logo { position: absolute; }
#payoff { height: 59px; padding-top: 25px; }
#payoff h6 { font-size: 20px; }
/* payoff */

/* orginal design 
	#payoffContainer { width:550px; height:84px; padding-left:167px; margin-left: -2px; }
*/


#payoffContainer { width: 550px; height: 90px; padding-left: 167px; margin-left: -1px; }

#payoffContainer #payoff { display: none; }


#navContainer { width: 550px; height: 130px; padding-left: 125px; }
#navContainer #navigation { height: 46px; width: 550px; background: url('../img/bg_grad_navigation.jpg') repeat-x left top; }
#navContainer #navigation ul { margin: 0px; padding: 0px; list-style: none none; height: 43px; float: right; margin-right: 5px;}
#navContainer #navigation ul li { display: block; text-align: center; height: 44px; float: left; background: url('../img/bg_nav.gif') repeat-x left bottom; }
#navContainer #navigation ul li a { font-weight: bold !important; text-shadow: #000000 1px 1px 1px; font-size: 9px; font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #ffffff; display: block; height: 100%; background: url('../img/nav_divider.gif') center right no-repeat; }

#navContainer #navigation ul li a span { float: left; display: block; height: 100%; padding: 13px 9px 0 7px; }
#navContainer #navigation ul li.last a { background: none; }
#navContainer #navigation ul li a:hover, #navContainer #navigation ul li.active a { background: url('../img/bg_menu_left.png') no-repeat top left; }
#navContainer #navigation ul li a:hover span, #navContainer #navigation ul li.active a span { background: url('../img/bg_menu_right.png') no-repeat top right; }
#navContainer #navigation ul li.first { background: url('../img/bg_nav_left.png') no-repeat bottom left; padding-left: 7px; }
#navContainer #navigation ul li.last { background: url('../img/bg_nav_right.png') no-repeat bottom right; padding-right: 7px; }

/* ===== COLS ====== */
#main { margin-bottom: 30px; }
#colleft { width: 215px; float: left; padding-top: 20px; font-size: 1.1em; }
#colmiddle { width: 460px; float: left; }
#colright { width: 250px; float: left; }
#colrightWide { width: 710px; float: left; }

/* ===== COL LEFT ====== */
#storeinfo, #openinghours, #paymentTypes, #recentOrders { margin: 15px 10px 15px 50px; width: 155px; overflow: hidden; }

#storeinfo h4, #openinghours h4, #paymentTypes h4, #recentOrders h4 { font-size: 1.1em; margin-bottom: 4px; }


/* = STOREINFO = */
/* hCard styling */
#storeinfo .vcard * { display: block; }
#storeinfo .vcard .org { color: #0072a5; font-weight: bold; }

#storeinfo .vcard .fn, #storeinfo .vcard .country-name, #storeinfo .vcard .tel .type, #storeinfo .vcard .postal-code { display: none; }
/* hcard-items we don't want to show*/

/* = STOREINFO = */
#openinghours { }
#openinghours dl dt { display: block; padding-left: 1px !important; width: 64px; float: left; }
/* padding-left: tbv W */
#openinghours dl dd { display: block; width: 90px; float: left; }

/* = PAYMENT TYPES = */
#paymentTypes ul li { display: block; float: left; margin: 8px 3px; }

/* = RECENT ORDERS = */
#recentOrders { }
#recentOrders p { margin: 4px 0px; }
#recentOrders ul li { background: url(    '../img/arrow_right_black.gif' ) no-repeat 3px 8px; padding-left: 11px; line-height: 22px; }
#recentOrders ul li a { color: #0072a5; }
#recentOrders ul li a:hover { text-decoration: underline; }
#recentOrders ul li .customized { color: #db2f36; font-size: 0.9em; }
#recentOrders ul li .shoppingcart { line-height: 12px; padding: 0px 10px; background: url(    '../img/shoppingcart_black.gif' ) no-repeat center center; }
#recentOrders ul li .shoppingcart:hover { text-decoration: none; }

/* ===== COL MIDDLE ====== */
#navigationCorner { float: right; width: 8px; height: 4px; background: url(    '../img/bg_navigation_corner.gif' ) no-repeat center top; }
#contentCorner { width: 9px; height: 9px; line-height: 1px; background: url(    '../img/bg_content_corner.gif' ) no-repeat center top; position: absolute; left: 666px; margin-top: -9px; }
#colrightWide #contentCorner { left: 916px; }
#registerform #contentCorner { left: 619px; margin-top: 6px !important; }


#colmiddle #content { width: 460px; min-height: 700px; height: auto !important; height: 700px; background: #b7d8e9 url(    '../img/bg_grad_content.jpg' ) repeat-x center top; }
#colmiddle #content h4, #colrightWide #content h4 { font-size: 12px; margin-bottom: 5px; }
#colrightWide #content { width: 710px; /*padding-right: 250px;*/ min-height: 700px; height: auto !important; height: 700px; background: #b7d8e9 url(    '../img/bg_grad_content.jpg' ) repeat-x center top; }


.contentText { margin-left: 15px; width: 430px; font-size: 1.2em; }
/* .productitem -> see "PRODUCT ITEM" further down */



/* ===== COL RIGHT ====== */

#orderlistContainer { margin-left: 15px; margin-top: 10px; }


/* loggedin-panel */
.pnlLoggedin { font-size: 1.1em; float: right; margin-top: 25px; padding: 0px 20px 0px 10px; width: 210px; height: 105px; background: url(    '../img/bg_pnl_login.gif' ) no-repeat left top; }
.pnlLoggedin h2 { margin: 10px 5px; font-size: 14px; }
.pnlLoggedin a.loggedinLink { color: #0072a5; background: url(    '../img/arrow_right_black.gif' ) no-repeat 3px 4px; padding-left: 11px; }
.pnlLoggedin a.loggedinLink:hover { text-decoration: underline; }
.pnlLoggedin .ruler { border-top: 1px solid #ccc; margin: 3px; line-height: 1px; height: 1px; font-size: 1px; }
.pnlLoggedin .loginButton { float: right; margin-top: 5px; }

/* ===== PRODUCT ITEM ====== */
.productitem { width: 435px; margin-left: 15px; border-bottom: 1px solid #d2d1d1; padding-bottom: 5px; padding-top: 15px; font-size: 1.1em; }
.productitem .productitemLeft { float: left; width: 85px; }
.productitem .productitemMiddle { float: left; width: 225px; margin-left: 15px; }
.productitem .productitemRight { float: right; width: 105px; padding-top: 10px; }
.productitem .productitemBottom { width: 435px; margin-top: 10px; }

.ActionPopup { background-color: #DDEBF4; padding: 10px 10px 10px 10px; border: solid 1px black; }
.ActionPopup .productitem .productitemMiddle { width: 320px; }
.ActionPopup .productitem .productitemMiddle h3 { margin-top: 0px; }
.ActionPopup .productitem { margin-left: 0px; border: none; }
.ActionPopup .productitem .productitemBottom { float: right; display: block; }
.ActionPopup .productImage { width: 80px; height: 80px; }

/* productitem-left */
.productitem .productImage { border: 1px solid #d2d1d1 !important; margin-bottom: 5px; }
.twoinone .twoinoneLeft, .twoinone .twoinoneRight { position: relative; }
.twoinone .twoinoneLeft .semi { background: url(    '../img/2in1left.png' ) no-repeat top left; position: absolute; top: 0px; left: 0px; width: 82px; height: 72px; }
.twoinone .twoinoneRight .semi { background: url(    '../img/2in1right.png' ) no-repeat top right; position: absolute; top: 0px; left: 0px; width: 82px; height: 72px; }

/* productitem-top-left */
.productitem h3 { font-size: 12px; margin-top: 5px; }
/* product-title*/
.productitemMiddle h3 { color: #DB2F36 !important; }
.productitem .productDescription { }
.productitem .productDescription dt { display: none; }
.productitem .productDescription dd { display: inline; padding: 0px; margin: 0px; }

.productitem .proceed { float: left; width: 145px; margin-top: 10px; }
.productitem .proceed a { font-size: 11px; color: #a40000; text-align: center; font-weight: bold; display: block; background: url(    '../img/btn_grey_wide.jpg' ) no-repeat center top; width: 142px; height: 18px; line-height: 17px; }
.productitem .proceed a:hover { background-position: center bottom; color: #fff; }

/* productitem-top-right */
.productitem .productProperty { text-align: right; }
.productitem .productAvailability { text-align: right; font-weight: bold; }

/* productitem-bottom */


.productitem .customize { float: left; width: 85px; margin-right: 5px; }
.productitem .customize a { font-size: 11px; color: #a40000; text-align: center; font-weight: bold; display: block; background: url(    '../img/btn_customize.jpg' ) no-repeat center top; width: 82px; height: 18px; line-height: 17px; }
.productitem .customize a:hover { background-position: center bottom; color: #fff; }

#content select { font-size: 10px; margin-top: 1px; }
.productitem .type { float: left; font-size: 10px; margin-left: 10px; }
.productitem .type select, .productitem .type .select { width: 150px; display: block; font-size: 1.2em; line-height: 17px; font-weight: bold; margin-left: 3px; }
.quantity { float: left; margin-left: 5px; }

.productPrice { float: left; color: #db2f36; font-weight: bold; font-size: 1.2em; line-height: 18px; margin-left: 10px; }
.productitem .productPricefrom { display: none; }
.productitem .productPricefrom span.productPricefrom { text-decoration: line-through; }
.shoppingcart { float: right; }
.shoppingcart a { font-size: 11px; color: #3a3636; text-align: right; padding-right: 6px; font-weight: bold; display: block; background: url(    '../img/btn_shoppingcart.jpg' ) no-repeat center top; width: 60px; height: 18px; line-height: 17px; }
.shoppingcart a:hover { background-position: center bottom; color: #fff; }

.orderBottom { padding-top: 5px; font-size: 1.2em; line-height: 1.8em; margin-left: 15px; margin-right: 15px; padding-bottom: 10px; }
.productSpecification .orderBottom { margin-left: 0px; }
.orderBottom .quantityPrice { float: right; width: 220px; padding-top: 5px; padding-bottom: 5px; margin-right: 15px; }
.orderBottom label { margin-left: 20px; margin-right: 5px; }
.orderBottom label, .orderBottom .quantity, .orderBottom .price { float: left; }

.back { float: left; }
.back a { font-size: 11px; color: #464747; text-align: right; padding-right: 6px; font-weight: bold; display: block; background: url(    '../img/btn_back.jpg' ) no-repeat center top; width: 90px; height: 18px; line-height: 17px; }
.back a:hover { background-position: center bottom; color: #fff; }

.forward { float: right; }
.forward a { font-size: 11px; color: #464747; text-align: left; padding-left: 10px; font-weight: bold; display: block; background: url(    '../img/btn_forward.jpg' ) no-repeat center top; width: 90px; height: 18px; line-height: 17px; float: left; }
.forward a:hover { background-position: center bottom; color: #fff; }
.forward .shoppingcart { float: left; }
.forward #orderLoader { display: block; clear: both; margin-left: 3px; padding-top: 3px; padding-left: 20px; height: 20px; visibility: hidden; background: transparent url(    '../img/loader_small.gif' ) no-repeat left 6px; }

.btn { float: right; width: 200px; }
.btn a { font-size: 11px; color: #464747; text-align: center; padding: 0px 3px; font-weight: bold; display: block; background: url(    '../img/btn.jpg' ) no-repeat center top; width: 90px; height: 18px; line-height: 17px; }
.btn a:hover { background-position: center bottom; color: #fff; }

/* PRODUCT DETAIL*/
#productDetail { margin: 18px 1px; }
#productDetail #productDetailContent { width: 458px; background: url(    '../img/bg_productdetailContent.gif' ) repeat-y right top; padding-top: 7px; }
#productDetail #productDetailTop { width: 458px; height: 9px; background: url(    '../img/bg_productdetailTop.gif' ) no-repeat center top; }
#productDetail #productDetailBottom { width: 458px; height: 9px; background: url(    '../img/bg_productdetailBottom.gif' ) no-repeat center top; }

#productDetail #productDetailContent .productitemLeft { float: left; width: 180px; margin-left: 15px; }
#productDetail #productDetailContent .productitemMiddle { font-size: 1.1em; float: left; width: 250px; margin-left: 10px; }
#productDetail #productDetailContent .productitemRight { float: left; width: 105px; margin-top: 20px; margin-left: 10px; }

#productDetail #productDetailContent h3 { font-size: 12px; margin-top: 5px; }
/* product-title*/

#productDetail #productDetailContent .productDescription { }
#productDetail #productDetailContent .productDescription dt { display: none; }
#productDetail #productDetailContent .productDescription dd { display: inline; padding: 0px; margin: 0px; }

#productDetail #productDetailContent .productImage { border: 1px solid #d2d1d1 !important; margin-bottom: 5px; }


/* CUSTOMIZE*/
.productSpecification { margin: 10px 15px; }
.productSpecification .step1, .productSpecification .step2, .productSpecification .step3, .productSpecification .step4, .productSpecification .step5 { padding-top: 10px; border-top: 1px solid #c2c7c9; padding-left: 75px; background-repeat: no-repeat; background-position: left 10px; min-height: 60px; height: auto !important; height: 60px; }

.productSpecification .step1 { background-image: url(    '../img/step1.gif' ); border: none; }
.productSpecification .step2 { background-image: url(    '../img/step2.gif' ); }
.productSpecification .step3 { background-image: url(    '../img/step3.gif' ); padding-left: 0px; padding-top: 50px; }
.productSpecification .step4 { background-image: url(    '../img/step4.gif' ); }
.productSpecification .step5 { background-image: url(    '../img/step5.gif' ); }

.productSpecification .step1 h4, .productSpecification .step2 h4, .productSpecification .step3 h4, .productSpecification .step4 h4, .productSpecification .step5 h4 { color: #db2f36; text-transform: uppercase; }

.productSpecification .step3 h4 { margin-left: 75px; margin-top: -20px; }

.productSpecification .step4 { font-size: 1.2em; line-height: 1.8em; }
.productSpecification .step4 label { margin-right: 5px; }
.productSpecification .step4 label, .productSpecification .step4 .quantity, .productSpecification .step4 .price { float: left; }

.productSpecification .step5 { font-size: 1.2em; line-height: 1.8em; padding-left: 0px; background-position: left 40px; min-height: 90px; height: auto !important; height: 90px; }

.productSpecification .step5 label { margin-left: 160px; }
.productSpecification .step5 label, .productSpecification .step5 .quantity, .productSpecification .step5 .price { float: left; }
/* CHOOSE SAUCE-STYLING */
.sauce { }
.sauce ul { list-style: none none; }
.sauce ul li { float: left; }
.sauce .note { font-style: italic; }

/* 2in1 STYLING */
.twoinone { width: 425px; margin-left: 15px; }
.productSpecification .twoinone { width: 425px; margin-left: 0px; }
.twoinone .productItemSpacer { width: 25px; float: left; }
.twoinone .productitem { display: block; width: 200px; float: left; margin-left: 0px !important; border-bottom: none; }
.twoinone .productitem .productitemMiddle { width: 200px; margin: 0px; }
.twoinone .productitem .productProperty { text-align: left; }
.twoinone .productitem .productitemBottom { width: 200px; margin-top: 10px; }
.twoinone .productSelect { margin-bottom: 10px; }
.twoinone .productSelect select { }



/* menu 1 */
.menuItemTop { margin-top: 15px; background: url(    '../img/menuItemTop.gif' ) no-repeat left top; width: 460px; height: 10px; line-height: 10px; font-size: 1px; }
.menuItem .productitem { padding-top: 0px; border: none; }
.menuItem { background: url(    '../img/menuItemBottom.gif' ) no-repeat left bottom; width: 460px; padding-bottom: 10px; }


/* PROTOTYPE-STYLING! */
.productSelect { display: none; }

.twoinone .shoppingcart, .twoinone .proceed, .twoinone .quantity, .twoinone .type, .twoinone .productAvailability { display: none; }

.twoinone .customize { float: right; }
.twoinone .productPricefrom { display: block; }
.twoinone .productSelect { display: block; }
.twoinone .productPrice { font-size: 1.2em; }


/* ===== LOGIN ====== */
#login { float: left; height: 350px; width: 210px; margin: 0 0 0 5px; padding: 0px; background: #000000; }
#login h2 { color: #FFFFFF; margin: 0 0 0 20px; display: none; }
#login p { display: block; margin: 30px 0 0 20px; font-size: 1.1em; color: #FFFFFF; font-weight: bold; }
#login .pnlLoginTop { display: block; margin: 0px; padding: 0px; height: 11px; line-height: 1px; font-size: 1px; width: 100%; background: url(    '../img/top_login.gif' ) top left no-repeat; }
#login .pnlLoginCenter { display: block; height: 308px; margin: 0px; padding: 20px 0 0 0; border-right: solid 2px #c6c6c6; border-left: solid 2px #c6c6c6; }

/* orginal design */
#loginblue { float: left; height: 350px; width: 210px; margin: 0 0 0 5px; padding: 0px; background: #0072a5; }
#loginblue .pnlLoginCenter { display: block; height: 309px; margin: 0px; padding: 20px 0 0 0; }
#loginblue p { display: block; margin: 30px 0 0 20px; font-size: 1.1em; color: #FFFFFF; font-weight: bold; }
#loginblue h2 { color: #FFFFFF; margin: 0 0 0 20px; }
. #loginblue a { display: block; padding-left: 7px; margin-bottom: 4px; margin-left: 20px; font-size: 1.1em; color: #FFFFFF; background: url(    '../img/arrow_right_white.gif' ) 0px 4px no-repeat; }



#login .titleLoginRight { margin-left: 10px; margin-top: -10px; }


#login .pnlLoginBottom { display: block; margin: 0px; padding: 0px; height: 11px; line-height: 1px; font-size: 1px; width: 100%; background: url(    '../img/bottom_login.gif' ) bottom left no-repeat; }
#login .dominosFormHome, #loginblue .dominosFormHome { margin: 20px 20px 10px 20px; }
#login a { display: block; margin-bottom: 4px; margin-left: 20px; font-size: 1.1em; color: #FFFFFF; }
#login a:hover { text-decoration: underline; }
#login .loginButton { float: right; }

/* orginal design */
#loginblue a { display: block; padding-left: 7px; margin-left: 20px; font-size: 1.1em; color: #FFFFFF; background: url(    '../img/arrow_right_white.gif' ) 0px 4px no-repeat; }
#loginblue .loginButton, .pnlLoggedin .loginButton { display: block; height: 16px; width: 94px; padding: 0px; background: transparent url(    '../img/btn_blue_old.gif' ) no-repeat left top; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 1.1em; }
#login .loginButtonhome { display: block; height: 21px; width: 94px; padding: 3px 0 0 0; background: transparent url(    '../img/btn_blue.gif' ) no-repeat left top; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 1.3em; color: #ad1210; text-transform: uppercase; }



#login .loginButton:hover, .pnlLoggedin .loginButton:hover { text-decoration: none; background-position: left bottom; }

.forgotPass .loginButtonhome { margin: 5px 2px !important; width: 80px !important; }

/* ===== FORM ===== */
.dfClear { clear: both; display: block; height: 1px; line-height: 1px; width: 1px; }
.dfLabel { float: left; width: 200px; clear: both; }
.dfMandatory { float: left; width: 30px; text-align: center; }

.dfRows { list-style: none; margin: 0px; }

.dfMandatory { float: left; }

.dfCaptchaImage { margin-left: 175px; }
.dfRows div { float: left; }
.dfRows div ul { list-style: none; margin: 0px; }
.dfRows div li { list-style: none; }

.dfRadiobuttonList input { float: left; width: 10px !important; margin-right: 5px; }
.dfRadiobuttonList label { float: left; width: 175px; margin-right: 5px; }
.dfCheckboxList input { float: left; width: 10px !important; margin-right: 5px; }
.dfCheckboxList label { float: left; width: 175px; margin-right: 5px; }

.dfSelect { width: 255px; float: left; margin-right: 3px; }

.dfLabelBefore { float: left; margin-left: 10px; margin-right: 3px; }
.dfLabelAfter { float: left; margin-left: 1px; margin-right: 5px; width: auto !important; }
#dfMomentTimeLabelAfter1 { clear: left; width: 250px !important; font-style: italic; }
/*specific for MOMENTTIME dfLabelAfter*/
.dfReadonlyItem { float: left; margin-right: 5px; font-size: 1.1em; line-height: 1.8em; font-weight: bold; }
.dfRows .error { clear: both; color: Red; }

.dfCustomError { font-size: 1.1em; font-weight: bold; margin-bottom: 5px; clear: both; }
div.dfCustomError { margin-left: 210px; }

.advantageLink { font-size: 1.1em; color: #0072A5; text-decoration: underline; margin-left: 210px; display: block; width: 200px; line-height: normal; }
.advantageLink:hover { text-decoration: none; }

.dfTooltip { float: left; }

.dominosForm { padding-left: 20px; padding-bottom: 15px; width: 445px; }
.dominosForm .dfRows { margin-bottom: 10px; }
.dominosForm .dfControl { width: 207px; }
.dominosForm legend, .dominosForm .legend { font-size: 1.4em; color: #0072a5; font-weight: bold; margin-left: -7px; }
.dominosForm .dfLabel { font-size: 1.1em; line-height: 1.8em; width: 175px; }
.dominosForm .dfMandatory { color: #db2f36; font-size: 1.2em; line-height: 1.8em; }
.dominosForm .dfInput { float: left; }
.dominosForm .dfInput input { font-size: 1.1em; width: 193px; padding: 2px 2px 2px 5px; background: url(    '../img/bg_form_input.gif' ) top left no-repeat; margin-bottom: 5px; line-height: 17px; border: solid 1px #003c57; }

.dominosForm .dfInput .dfStreet { width: 153px; }
.dominosForm .dfInput .dfHousenumber { width: 25px; margin-left: 5px; }
.dominosForm .dfInput .dfPostcode { width: 55px; text-transform: uppercase; }
.dominosForm .dfInput .dfCity { width: 123px; margin-left: 5px; }
.dominosForm .dfTextarea textarea { width: 193px; height: 50px; }
.dominosForm .error { font-size: 1.1em; font-weight: bold; margin-bottom: 5px; clear: both; }
.dominosForm .dfRadiobuttonList label { font-size: 1.1em; line-height: 1.8em; }
.dominosForm .dfCheckboxList label { font-size: 1.1em; line-height: 1.8em; }
.dominosForm .dfTooltip { width: 12px; height: 12px; display: block; float: left; background: url(    '../img/questionMark.gif' ) no-repeat center center; }
.dominosForm .dfControl a { color: #434444; text-decoration: underline; }
.dominosForm .dfControl a:hover { text-decoration: none; }
.dominosForm .dfControl .dfPaymentCash { width: 153px; }

.dominosForm .dfFieldset3 .dfControl .dfSelect { width: 100px !important; }
.dominosForm .dfFieldset3 .dfLabelAfter { }

.dominosForm .dfRows .optin { margin-top: 10px; }
/* loginform */

.dominosFormHome label { color: #FFFFFF; font-weight: bold; font-size: 1.1em; line-height: 19px; }
.dominosFormHome .loader { padding: 5px; }
.dominosFormHome input.text { display: block; width: 161px; line-height: 17px; margin-bottom: 5px; padding: 2px 2px 2px 5px; font-size: 1.1em; border: solid 1px #003c57; background: url(    '../img/bg_form_input.gif' ) top left no-repeat; }
.dominosFormHome input.textPC { font-weight: bold; font-size: 13px; padding: 3px 2px 2px 15px !important; width: 76px !important; text-transform: uppercase; }
.dominosFormHome input.textHN { margin-left: 5px; font-weight: bold; font-size: 13px; padding: 3px 2px 2px 8px !important; width: 24px !important; text-transform: uppercase; }
.dominosFormHome input.checkbox { float: left; }
.dominosFormHome #chooseOrderType { margin: 10px 0px; }
.dominosFormHome .error { font-size: 1.2em; clear: both; font-weight: bold; }
.dominosFormHome textarea { display: block; line-height: 17px; font-size: 1.1em; border: solid 1px #003c57; background: url(    '../img/bg_form_input.gif' ) top left no-repeat; }
.dominosForm .mandatory { font-weight: bold; color: #db2f36; font-size: 1.2em; line-height: 1.8em; }

/* ===== TRIGGERS ===== */
#triggers { display: block; clear: both; margin: 18px 0 0 30px; }

#containerHome #triggers { margin-left: 95px; }
#triggers img { }
#triggers .textbanner { border: 1px solid #C6C6C6; width: 204px; height: 83px; padding: 3px 3px 3px 3px; }
#triggers .textbanner img { float: left; margin-right: 10px; }
#triggers .textbanner div { float: left; }
#triggers .textbanner h6 { font-size: 11px; font-weight: bold; }
#triggers .textbanner p { font-size: 9px; }

a.popup { display: block; margin-top: 5px; padding: 3px; font-size: 1.3em; font-weight: bold; color: maroon; border: solid 1px maroon; background-color: #DD837B; }

#triggers .trigger { float: left; margin-right: 5px; }
.pizzaDude { position: absolute; margin-top: -250px; left: 32px; }

.boyHungryPizza { position: absolute; margin-left: 700px; margin-top: -70px; z-index: -1; }
#containerHome .boyHungryPizza { display: none; }
/* ===== FOOTER ===== */
#footer { display: block; clear: both; margin: 5px 0px 20px 85px; text-align: center; font-size: 1.1em; color: #137dac; }
#footer a { text-decoration: underline; color: #137dac; margin: 0px 15px; }
#footer a:hover { text-decoration: none; }


/* ===== ORDERLIST ===== */
#orderlistContainer .orderlistTop { width: 233px; height: 52px; }
#orderlistContainer .orderlistMiddle { background: url(    '../img/bg_orderListMiddle.gif' ) repeat-y left center; width: 233px; min-height: 200px; height: auto !important; height: 200px; }
/*#orderlistContainer .orderlistMiddle { background: url('../img/bg_orderListMiddle.gif') repeat-y left center; width:233px; height:200px; overflow:auto;  }*/

#orderlistContainer .orderlistBottom { background: #0072a5 url(    '../img/bg_orderListBottom.gif' ) no-repeat left bottom; width: 213px; border-top: 1px solid #97b5c2; min-height: 20px; height: auto !important; height: 20px; padding: 10px; }
#orderlistContainer .orderlistBottom h2 { float: left; margin: 0px; padding: 0px; color: #fff; font-size: 15px; font-variant: small-caps; }
#orderlistContainer .orderlistBottom .btnOrder { font-weight: bold; font-size: 1.1em; float: right; display: block; text-align: right; color: #fff; padding-right: 8px; background: url(    '../img/btn_order.gif' ) no-repeat center top; height: 19px; width: 84px; line-height: 17px; text-transform: uppercase; }
#orderlistContainer .orderlistBottom input[disabled] { color: #fff; }
#orderlistContainer .orderlistBottom a.btnOrder:hover { background-position: center bottom; }
#orderlistContainer .orderlistBottom #totalPriceLoader { display: none; }
#orderlistContainer .orderlistFooter { width: 223px; padding: 5px; text-align: center; }
#orderlistContainer .orderlistFooter h5 { font-size: 1.1em; font-weight: normal; margin-bottom: 10px; }


/* Orderlist-items */
.orderlistMiddle ul { list-style: none none; }
.orderlistMiddle ul li { width: 210px; margin-left: 15px; font-size: 1.0em; border-bottom: 1px solid #d2d0d0; padding: 5px 0px 2px 0px; }
.orderlistMiddle ul .spacer { border-bottom-width: 0px !important; padding: 0px !important; }
.orderlistMiddle ul li h3 { color: #000; font-size: 1.1em; margin-bottom: 1px; }
.orderlistMiddle ul li .type { display: block; color: #0072a5; margin-bottom: 5px; }
.orderlistMiddle ul li .customized { color: #db2f36; }
#orderlistContainer .orderlistMiddle select { font-size: 11px; margin-right: 5px; }

.orderlistMiddle label, .orderlistMiddle .quantity, .orderlistMiddle .productPrice { float: left; line-height: 20px; color: #000 !important; }
.orderlistMiddle .discount { color: #db2f36; font-size: 1.1em; margin: 5px 15px; }
.iconBtn { margin-left: 5px; width: 20px; height: 20px; overflow: hidden; display: block; float: right; text-align: center; background: url(    '../img/btn_icon.gif' ) no-repeat center top; }
.iconBtn:hover { background-position: center -20px; }

.orderlistMiddle #orderListLoader { visibility: hidden; margin: 5px 15px; font-size: 1.1em; line-height: 1.7em; color: #0072A5; }
.orderlistMiddle #orderListLoader #orderListLoaderImage { width: 128px; height: 15px; background: url(    '../img/orderListLoader.gif' ) no-repeat center center; }
/* ===== Complete order ===== */

.orderCompleteSteps { margin-left: 10px; }
.orderCompleteSteps li { display: block; float: left; width: 150px; background-position: center top; background-repeat: no-repeat; padding-top: 30px; text-align: center; font-size: 1.1em; font-weight: bold; color: #98c6db; }
.orderCompleteSteps li.step1 { background-image: url(    '../img/completeStep1.gif' ); }
.orderCompleteSteps li.step2 { background-image: url(    '../img/completeStep2.gif' ); }
.orderCompleteSteps li.step3 { background-image: url(    '../img/completeStep3.gif' ); }

.orderCompleteSteps li.step1Active { background-image: url(    '../img/completeStep1Active.gif' ); color: #0072a5; }
.orderCompleteSteps li.step2Active { background-image: url(    '../img/completeStep2Active.gif' ); color: #0072a5; }
.orderCompleteSteps li.step3Active { background-image: url(    '../img/completeStep3Active.gif' ); color: #0072a5; }

.orderCompleteSteps li .stepnr { display: none; }

/* Orderlist-items */
.orderlistComplete { width: 445px; border-bottom: 1px solid #bfc5c8; margin-left: 15px; padding-bottom: 5px; }
.orderlistComplete ul { list-style: none none; margin-top: 15px; }
.orderlistComplete ul li { width: 445px; clear: both; }
.orderlistComplete ul li h3 { color: #0072a5; font-size: 1.2em; width: 260px; float: left; line-height: 1.6em; margin-bottom: 5px; }
.orderlistComplete ul li .type { display: none; }
.orderlistComplete ul li .quantityPrice { float: left; width: 180px; line-height: 1.6em; }
.orderlistComplete ul li .quantityPrice label { display: none; }
.orderlistComplete ul li label { font-size: 1.2em; width: 50px; display: block; float: left; text-align: center !important; color: #434444; }
.orderlistComplete ul li .quantity { width: 50px; }
.orderlistComplete ul li .productPrice { width: 50px; text-align: right; }

/* discount*/
.orderlistComplete ul li.discount h3 { color: #db2f36 !important; }
.orderlistComplete ul li.discount .productPrice { color: #db2f36 !important; }

.orderlistComplete .addDiscountcoupon { font-size: 1.1em; color: #0072a5; background: url(    '../img/arrow_right_blue.gif' ) no-repeat left 5px; padding-left: 8px; }
.orderlistComplete .addDiscountcoupon:hover { text-decoration: underline; }
.orderlistComplete .discountcoupons { display: none; margin-top: 5px; }
.orderlistComplete .discountcoupons label { float: left; font-size: 1.2em; line-height: 1.6em; margin-right: 5px; }
.orderlistComplete .discountcoupons input { float: left; font-size: 1.1em; }
.orderlistComplete .discountcoupons .btn { font-size:  1.1em; color: #464747; text-align: center; font-weight: bold; display: block; background: url('../img/btn.jpg' ) no-repeat center top; width: 90px; height: 18px; line-height: 17px; float: left; }
.orderlistComplete .discountcoupons .btn:hover { background-position: left bottom; color: #ffffff; }
.orderlistComplete .discountcoupons h3 { font-size: 1.2em; color: #0072a5; }

/* total */
.totalPrice { margin-top: 10px; margin-left: 15px; }
.totalPrice label { text-align: right; width: 300px; display: block; float: left; line-height: 1.6em; font-size: 1.2em; }
.totalPrice .productPrice { width: 70px; text-align: right; font-size: 16px; }
/* ===== QUICKORDER ====== */
.cornerTop { background: url(    '../img/cornerTop.gif' ) no-repeat right center; height: 10px; line-height: 1px; font-size: 1px; }
.cornerBottom { background: url(    '../img/cornerBottom.gif' ) no-repeat right center; height: 10px; line-height: 1px; font-size: 1px; }

#containerHome #content { display: block; float: left; min-height: 350px; height: auto !important; height: 350px; width: 353px; padding: 0px 0px 0px 167px; background: url(    '../img/bg_grad_quickorder.jpg' ) repeat-y right top; }
#containerHome #content.login { background: url(    '../img/bg_BBQ_MIXED_GRILL.jpg' ) no-repeat right top; }
#containerHome #content .contentMiddle { min-height: 333px; height: auto !important; height: 338px; margin-top: -8px; }
#containerHome #content #language { display: block; clear: both; text-align: right; margin-right: 10px; margin-top: 5px; }
#containerHome #content #language .dutch, #language .english { padding: 2px; font-size: 1.1em; line-height: 20px; padding-left: 22px; background: 2px 4px no-repeat; color: #434444; font-weight: bold; color: #000000; }
/*White text color for home page*/
/*#containerHome #content #language .dutch, #language .english { padding: 2px; font-size: 1.1em; line-height: 20px; padding-left: 22px; background: 2px 4px no-repeat; color: #434444; font-weight: bold; color: #FFFFFF; }*/
#containerHome #content #language .dutch { background-image: url(    '../img/flag_dutch.gif' ); }
#containerHome #content #language .english { background-image: url(    '../img/flag_english.gif' ); }
#containerHome #content #language .dutch:hover, #language .english:hover { text-decoration: none; }

#containerHome #content #language a { color: #000000; }
/*#containerHome #content #language a { color: #000000; }*/

/* orginal design
#containerHome #content.login {background:url('../img/bg_grad_pizzaGuy.jpg') no-repeat right top;}
#containerHome #content #language .dutch, #language .english {padding:2px;font-size:1.1em;line-height:20px;padding-left:22px;background:2px 4px no-repeat;color:#434444;font-weight:bold; color:#FFFFFF;}
#containerHome #content h1 { margin:6px 0px;} 
#containerHome #content.login h2 {margin: 20px 0px 0px 0px; color: #0072a5;font-size:12px; }
#containerHome #content p {font-size:1.1em;}
#containerHome #content .dominosFormHome label {float:left;clear:left;color:#434444;width:75px; }
*/

#containerHome #content h1 { margin: 6px 0px; }
#containerHome #content.login h1 { margin: 0px; color: #ffba00; font-size: 50px; }

#containerHome #content.login h2 { margin: 0px 0px 0px 0px; color: #000000; font-size: 12px; }
#containerHome #content p { font-size: 12px; color: #000000; }
/*#containerHome #content.login h2 { margin: 12px 0px 0px 0px; color: #FFFFFF; font-size: 12px; }
#containerHome #content p { font-size: 12px; color: #FFFFFF; }*/
#containerHome #content .contentMiddle p { font-size: 1.1em; color: #434444; }


#containerHome #content a { font-size: 1.1em; color: #0072a5; font-weight: bold; text-decoration: underline; }
#containerHome #content a:hover { text-decoration: none; }
#containerHome #content.login p { width: 220px; margin-top: 15px; }

#containerHome #content .dominosFormHome { margin-top: 20px; }
#containerHome #content .dominosFormHome label { float: left; clear: left; color: #000000; width: 75px; margin-top: 3px; }
/*#containerHome #content .dominosFormHome label { float: left; clear: left; color: #000000; width: 75px; margin-top: 3px; }*/
#containerHome #content .dominosFormHome label.radio { clear: none; width: auto; }
#containerHome #content .dominosFormHome input { float: left; width: 100px; }
#containerHome #content .dominosFormHome input.radio { width: auto; }
#containerHome #content .toMenuButtonNL { float: left; width: 95px; height: 21px; margin-left: 75px; text-indent: -999px; background: url(    '../img/btn_toMenu_nl.jpg' ) 0 0 no-repeat; }
#containerHome #content .toMenuButtonEN { float: left; width: 95px; height: 21px; margin-left: 75px; text-indent: -999px; background: url(    '../img/btn_toMenu_en.jpg' ) 0 0 no-repeat; }

/* orginal design
	#containerHome #content .homePC { font-size:1.2em;text-transform:uppercase; }
*/

#containerHome #content .homePC { font-size: 1.2em; text-transform: uppercase; color: #000000 !important; }
/*#containerHome #content .homePC { font-size: 1.2em; text-transform: uppercase; color: #000000 !important; }*/
#containerHome #content .searchedQuery { color: #0072a5; font-size: 1.1em; }
#containerHome #content #locations { list-style: none outside; margin: 7px 0 10px 5px; height: 190px; width: 345px; overflow-y: auto; font-size: 1em; }
#containerHome #content #locations li { float: left; height: 59px; width: 324px; margin: 1px 0; padding: 0; border: solid 1px #0072a5; background-color: #edf4fa; }
#containerHome #content #locations li div.locationName { display: block; text-align: right; float: left; margin-top: 4px; width: 150px; overflow: hidden; margin-right: 3px; font-size: 1.1em; font-weight: bold; color: #0072a5; }
#containerHome #content #locations li div.locationName .deliver { font-size: 11px; color: #434444; line-height: 13px; }
#containerHome #content #locations li div.storeAddress { display: block; float: left; margin-left: 8px; width: 150px; background: url(    '../img/logo_bg_list.gif' ) 0 0 no-repeat; }
#containerHome #content #locations li div.storeAddress .address { margin-bottom: 2px; }
#containerHome #content .toMenuButtonNL, #containerHome #content .toMenuButtonEN { display: inline; float: right; margin: 0px 10px 0 0; }
#containerHome #content.login .toMenuButtonNL, #containerHome #content.login .toMenuButtonEN { float: left; clear: left; margin: 0px 75px; }

#container #content h1 { font-size: 20px; margin: 15px 15px 5px; }


#map { width: 340px; height: 420px; margin-top: 10px; }

#mapRegionSelector { margin-top: 10px; }
#mapRegionSelector h2 { float: left; line-height: 20px; margin: 0px 10px 0px 0px; font-size: 1.1em; color: #000000; }
#mapRegionSelector select { float: left; }

.mapRegionSelectorAsLayer { float: none !important; z-index: 999; min-height: 50px; height: auto !important; height: 50px; padding: 10px; width: 250px; margin-left: 45px; margin-top: 100px !important; position: absolute; background-color: #fff; border: 2px solid #0072A5; }
.mapRegionSelectorAsLayer h3 { float: none !important; font-size: 1.5em; color: #0072A5; margin-bottom: 10px; }
#mapRegionSelector select, #mapRegionSelector select option { font-size: 1.1em !important; }
/* registerform */
#containerHome #registerform { display: block; float: left; min-height: 350px; height: auto !important; height: 350px; width: 460px; /*padding:10px 108px 0px 167px;*/ background: #b7d8e9 url(    '../img/bg_grad_content.jpg' ) repeat-x right top; }
#containerHome #registerform h1 { margin-bottom: 5px; }
#containerHome #registerform .contentText { margin: 10px 0px; font-size: 1.2em; }
#containerHome #registerform .orderBottom { width: 410px; }

#containerHome #registerform #locations { list-style: none none; padding: 0px; margin: 7px 0 5px 0px; width: 410px; font-size: 1.1em; }
#containerHome #registerform #locations li { min-height: 50px; height: auto !important; height: 50px; width: 410px; margin: 2px 0px; padding: 0px; border: solid 1px #0072a5; background-color: #edf4fa; }
#containerHome #registerform #locations li.deliverAddress { border-color: #DB2F36; }
#containerHome #registerform #locations li.deliverAddress h5 { color: #DB2F36; margin: 5px 5px; font-size: 12px; }
#containerHome #registerform #locations li .homeAddress { width: 190px; display: block; float: left; margin: 3px 5px; }
#containerHome #registerform #locations li .storeAddress { display: block; width: 190px; float: left; margin: 3px 5px; }
#containerHome #registerform #locations li .btn { margin: 5px 5px; }
#containerHome #registerform a.addLocation { font-size: 1.1em; text-decoration: underline; color: #DB2F36; font-weight: bold; }
#containerHome #registerform a.addLocation:hover { text-decoration: none; }
#containerHome #registerform div.addLocation { border-bottom: 1px solid #0072A5; margin-bottom: 10px; width: 420px; }



/* ====== CHOOSE INGREDIENTS ======*/
.legendaToppings { float: right; width: 150px; margin-top: -30px; font-size: 1.1em; text-align: right; margin-right: 5px; }
.customize .contentText { margin-left: 75px; margin-top: 10px; min-height: 25px; height: auto !important; height: 25px; width: 200px; background: url(    '../img/arrow_corner_red.gif' ) no-repeat right 7px; padding-right: 25px; }
#ingedrientslist { margin-top: 5px; margin-bottom: 5px; font-size: 1.1em; }
#ingedrientslist ul { float: left; margin: 0px; padding: 0px; }
#ingedrientslist ul li { width: 105px; list-style: none none; line-height: 18px; margin-bottom: 1px; margin-left: 1px; }
#ingedrientslist ul li a { display: block; color: #116083; background-color: #9bc7dc; text-decoration: none; padding-left: 21px; width: 84px; }
#ingedrientslist ul li a.ruleDarkblue { background-color: #5ca5c6; }
#ingedrientslist ul li a:hover, #ingedrientslist ul li.selectedPre a { background-color: #fff; }

#ingedrientslist ul li.selected1x a { font-weight: bold; color: #fff; background: #db2f36 url(    '../img/x1.gif' ) no-repeat 3px center; }
#ingedrientslist ul li.selected2x a { font-weight: bold; color: #fff; background: #db2f36 url(    '../img/x2.gif' ) no-repeat 3px center; }

#ingedrientslist ul li.selected1x a:hover, #ingedrientslist ul li.selected2x a:hover { background: #9bc7dc url(    '../img/rem.gif' ) no-repeat 3px center; }

#ingedrientslist ul li.selected1x a.ruleDarkblue:hover, #ingedrientslist ul li.selected2x a.ruleDarkblue:hover { background-color: #5ca5c6; }

#ingredientsMax, #ingredientsMaxChanged { visibility: hidden; border: 1px solid #0072a5; position: absolute; width: 300px; padding: 10px; margin-left: 50px; margin-top: 30px; height: 50px; background-color: #edf4fa; color: #0072a5; font-size: 1.1em; }
#ingredientsMax a.close, #ingredientsMaxChanged a.close { float: right; color: #0072a5; margin-top: -5px; }
#ingredientsMax a.close:hover, #ingredientsMaxChanged a.close:hover { text-decoration: underline; }

#idouble { visibility: hidden; position: absolute; width: 55px; }
#idouble a { display: block; width: 55px; text-decoration: none; }
#idouble a.x1 { background: url(    '../img/choosex1.gif' ) no-repeat left top; height: 20px; }
#idouble a.x1:hover { background-position: left bottom; }
#idouble a.x2 { background: url(    '../img/choosex2.gif' ) no-repeat left top; height: 23px; }
#idouble a.x2:hover { background-position: left bottom; }

/* ======  ======*/



.orderHistoryTabs { width: 420px; margin-left: 15px; height: 21px; padding-left: 2px; margin-top: 20px; background: url(    '../img/tabBorder.gif' ) repeat-x left bottom; }
.orderHistoryTabs .tab { float: left; display: block; height: 21px; margin-left: -1px; font-size: 1.1em; font-weight: bold; color: #666666; }
.orderHistoryTabs .tab .tabLeft { cursor: pointer; float: left; height: 21px; padding-left: 10px; line-height: 20px; background: url(    '../img/tab.gif' ) no-repeat left -25px; }
.orderHistoryTabs .tab .tabRight { cursor: pointer; float: left; height: 21px; width: 10px; background: url(    '../img/tab.gif' ) no-repeat right -25px; }

.orderHistoryTabs .active .tabLeft { background-position: left 0px; color: #0072a5; }
.orderHistoryTabs .active .tabRight { background-position: right 0px; }
.orderHistoryTabs .active:hover .tabLeft { background-position: left 0px !important; }
.orderHistoryTabs .active:hover .tabRight { background-position: right 0px !important; }

.orderHistoryTabs .tab:hover .tabLeft { background-position: left -50px; }
.orderHistoryTabs .tab:hover .tabRight { background-position: right -50px; }


.orderHistory { width: 400px; margin-left: 15px; background-color: #fff; border: 1px solid #d6d9da; border-top: none; padding: 5px 10px 20px 10px; }
.orderHistory ul { list-style: none none; }
.orderHistory ul li { border-bottom: 1px solid #d6d9da; padding: 5px 0px; }
.orderHistory ul li .date { float: left; width: 75px; font-size: 1.1em; color: #0072a5; }
.orderHistory ul li ul { float: left; width: 320px; }
.orderHistory ul li ul li { border: none; padding: 0px; margin-bottom: 5px; }
.orderHistory ul li ul li h4 { background: url(    '../img/dot_red.gif' ) no-repeat left 6px; color: #db2f36; padding-left: 8px; }
.orderHistory ul li ul li h4 .customized { font-size: 0.8em; font-weight: normal; padding-left: 5px; }
.orderHistory ul li ul li .description { padding-left: 8px; font-size: 1.1em; margin-top: -3px; line-height: 1.4em; }

.orderHistory ul li ul li ul li { margin-left: 10px; }
.orderHistory ul li ul li ul li h4 { font-weight: normal; }

/* These are standard sIFR styles... do not modify */

.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; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }




.modalBackground { background-color: Grey; filter: alpha(opacity=70); opacity: 0.7; }


/*Coupon image*/
.couponImage { position: absolute; top: 186px; right: 40px; }