﻿/* 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; font-size:1.1em;}
#navContainer #navigation ul { margin:0px;padding:0px; list-style:none none; }
#navContainer #navigation ul li { display:block; text-align:center;float:left;  margin-top:15px;padding:0px 10px;}
#navContainer #navigation ul li a { color: #ffffff;  font-weight:bold; min-height:31px; height:auto !important; height:31px;}
#navContainer #navigation ul li a:hover { text-decoration:underline; }

/* ===== 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:460px;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 .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 { float:left;display:block;width: 94px; margin-top:1px;margin-left:5px;font-weight:bold; font-size:1.1em; text-align:center; height:16px; color:#fff; background:url('../img/btn_blue.gif') no-repeat left top;}
.orderlistComplete .discountcoupons .btn:hover { background-position:left bottom;}
.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_familypizza.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:#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:#FFFFFF;}

/* 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: 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:19px;}

#containerHome #content .dominosFormHome {margin-top:30px;}
#containerHome #content .dominosFormHome label {float:left;clear:left;color:#434444;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:#FFFFFF !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:1.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; 
    } 
