/*------------------------------------------------------------------------------------------
    REMEMBER! Styles lower in the sheet override styles higher up
------------------------------------------------------------------------------------------*/

.noPngFix {}
.styleSelect {}

/*------------------------------------------------------------------------------------------
    Resets
------------------------------------------------------------------------------------------*/
  
body, ul, ol, h1, h2, h3, h4, h5, h6, div, .contentLeft p { margin: 0; padding: 0; } /* Don't add 'input' to this. Messes up radio buttons for one. Also don't add 'p' as Nick uses that */
a img, table { border: none; }
ul { list-style-type: none; }
h1 { font-weight: normal; }
input[type="radio"], input[type="checkbox"] { margin-left: 0; vertical-align: middle; }
/*input[type="text"], input[type="password"], textarea { height:15px; line-height: 15px; border: solid 1px #c4c4c4; }*/
/*input, textarea, select { border: solid 1px #c2bbb7; } // Remember to set border: none on input[type="radio"] above */
th { font-weight: normal; text-align: left; white-space: nowrap; }

/*----------------------------------------------------------------------------------------*/

html { overflow-y: scroll; } 

body, td, th, div { line-height: 18px; } /* Worth keeping an eye on this since it could cause some issues */

body /* Copy in DeliveryCPH CSS */
{
    background-color: #3b2313;
    /*width: 100%;*/
	/*height: 100%; /* Needed for iframe 100% height */
}
body.noSkin { background-color: White } /* For pages like GenericError.aspx and NoJavaScript.aspx */

body, input, select, textarea, h1, h2, h3, h4, h5, h6, a /* Copy in DeliveryCPH CSS */ /* 'div' is not on here for a reason. For some reason it reduces the line height some places */
{
    font-family: Verdana;
	font-size: 12px;
	color: #1d1108;
}
body, input, select, textarea
{    
    font-weight: normal;
    margin-top: 0px;
}
h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
}
select { height: 19px; } /* Matches the textboxes in height */
.genericWatermark { font-size: 11px; color: #787878 }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/*----------------------------------------------------------------------------------------*/

.vertical { overflow: hidden; }
.vertical li { float: left; }
ul.generic { list-style-type: disc; }

.siteContentWrapper { position: relative }
.siteContentWrapper, .siteBottom, .siteLinks { margin: 0 auto; }
.siteContentWrapper, .topImageMenu li.on, .contentLeftTransparentBg, .contentRightTop, .siteTopAlert { background-color: #f8f7f6 } /* Color is copied for .contentLeft border-right below | .contentRightTop is for IE nested forms bug on Payment.aspx */
.siteTop { width: 100%; height: 30px; border-bottom: solid 9px #6e5c50; } /* Copy in DeliveryCPH CSS */
.siteTop > div { width: 270px; margin: 0 auto; padding-right: 550px }
.siteTop > div > img { height: 20px; position: relative; top: 5px }
.siteTop > div > span { font-size: 12px; color: #959595; margin-right: 11px }
.siteContentWrapper { width: 897px; border: solid 9px #6e5c50; border-top: none; padding-bottom: 20px; } /* Copy in DeliveryCPH CSS */
.siteContent { width: 620px; position: relative; }
.siteLogo { position: absolute; left: -1; top: 30px }
.siteTopAlert { color: Black; font-size: 14px; font-weight: bold; text-align: center; padding: 10px; position: absolute; right: -356px; top: 9px; width: 300px; border: 9px solid #BCD92E }
.siteTopAlert p { margin: 10px 0 0 0; padding: 0 }
.contentLeft { float: left; width: 207px; padding-left: 32px; margin-bottom: 32px; border-right: 9px solid #f8f7f6 } /* Using a right border instead of margin fills the last area with the wrong color curtesy the IE nested forms bug on Payment.aspx :) */
.contentRight { float: left; width: 649px; position: relative } /* siteContentWrapper width - contentLeft width - contentLeft right margin */
.contentRight div.generic h1 { font-size: 24px; font-weight: bold; margin: 36px 0 20px 0; line-height: 28px }
.contentRight div.generic h1.first { margin-top: -5px }
.contentRight div.generic .box.first { margin-top: -2px }
.contentRight div.generic { padding: 15px 14px }
.contentRight .box.first { padding-top: 13px; }

.contentLeftTop, .contentRightTop { height: 125px; position: relative }
.siteTopHeadline { font-size: 25px; line-height: 34px; position: absolute; left: 0px; bottom: 69px }
.siteTopHeadline { bottom: 69px }

#topLoginMenu { width: 160px; height: 228px; background-color: #6e5c50; padding: 0 5px; position: absolute; right: 29px; z-index: 1000 }
#topLoginMenu div { height: 181px; background-color: White; padding: 6px 0 0 15px }
#topLoginMenu .login-header, #topLoginMenu a, #topLoginMenu input, #topLoginMenu label { font-size: 10px; }
#topLoginMenu .login-header, #topLoginMenu a, #topLoginMenu input[type="text"], #topLoginMenu input[type="password"] { display: block}
#topLoginMenu span.pass { margin-top: 2px }
#topLoginMenu input[type="text"], #topLoginMenu input[type="password"] { width: 125px }
#topLoginMenu input[type="password"] { margin-bottom: 5px }
#topLoginMenu a.first { margin-top: 2px; margin-bottom: -2px }
#topLoginMenu .topLoginMenuButton { margin: 10px 0 0 10px }
#topLoginMenu .bottom { margin-top: 8px }
#topLoginMenu .login-header { font-weight: bold; }

.button { background-color: #1d1108; color: White; height: 22px; width: 100%; padding-bottom: 3px; border: none; font-size: 11px; font-weight: bold; display: block }
.linkButton { display: block; font-weight: bold; height: 31px; line-height: 30px; text-decoration: none }
input.linkButton { border: none; padding-bottom: 3px; cursor: pointer }
.linkButton:hover { text-decoration: underline }
.linkButton, .orderPages.confirm .buttons { margin: 10px -3px 6px auto; } /* The left margin is dependent on the .content padding set below */
/*.orderPages.kiosk .linkButton { margin-right: 6px } /* If the right margin below is changed, chances are we need to change this as well */
.linkButton { background-color: #3b2313; color: White; width: 216px; text-align: center; } /* Copy in DeliveryCPH CSS */
.contentLeft .linkButton { margin: 0; color: inherit; width: auto; text-align: inherit } /* Reset the properties for side buttons */

.contentLeft .top, .loginWrapper, .login, .contentLeft .linkButton { background-color: #bcd92e; } /* Copy in DeliveryCPH CSS */ /* Background color also set in IE6 CSS */
.loginWrapper, .login { height: 199px; }
.contentLeft .top { height: 167px; }
.contentLeft .top.oldDesign { height: 275px; }
.contentLeft .top.autoHeight { height: auto; }
.contentLeft .top.mTop { margin-top: 10px }
.contentLeft .top table.wrapper { height: 100% }
.contentLeft .top.caterers { background-color: #837469 } /* Copy in DeliveryCPH CSS */

/* Padding for side top. If this is changed, side login button width, for one, needs to be changed, as well lots of heights for side top boxes */
/* Dependencies: .orderComments width | .contentLeft .linkButton margin-top | login box textboxes and button widths (logged in and out) | .contactSide box heights | .contentLeft .subscribe .text | .orderPages.kiosk .kioskButton */
.contentLeft .top, .loginWrapper, .orderPages { padding: 8px }
.contentLeft .top .topMargin { margin-top: 8px }
.contentLeft .top td.splitter { height: 8px }

.contentLeft .top p, .contentLeft .top h1, .contentLeft .top h2 { padding: 15px 8px 3px 8px }
.contentLeft .top .square p, .contentLeft .top .square h1, .contentLeft .top .square h2 { padding: 0 }
.contentLeft .top .square { background-color: White; padding: 5px 7px 7px 7px; line-height: 19px }
.contentLeft .top.big { height: 268px }
.contentLeft .top.big .square { padding: 0; line-height: normal }
.contentLeft .top.big .square h1 { font-size: 19px; font-weight: bold;line-height: 29px;padding: 10px 11px; }
.contentLeft .top.basket { height: 233px; }
.contentLeft .top .square h1.header { } /* Empty for now */
.contentLeft .bottom div.header { background-color: #cccfbe; padding-left: 5px; } /* Copy in DeliveryCPH CSS */ /* BGColor is default unless overridden */
.contentLeft .bottom div.content { padding: 16px 5px 20px 5px }
.contentLeft .bottom div.content .subscriptionAdvantages { list-style-type: circle; padding-left: 14px }
.contentLeft .bottom div.content .subscriptionAdvantages li { margin-bottom: 10px }
.contentLeft .bottom, .restMenu .catItem { background-color: #e6e5e0; } /* Copy in DeliveryCPH CSS */ /* Default color unless overridden. If changed, remember to change the background image gif as well */
.contentLeft .bottom { padding-left: 4px; padding-right: 4px; height: 100% }
.contentLeft .bottom.front, .loginWrapper.front, .restaurantFilter { margin-top: 17px; }
.contentLeft .bottom.front { padding: 8px; background-color: #e9e9e3; }
.contentLeft .bottom.generic { padding-top: 33px; }
.contentLeft .linkButton { padding-left: 14px; margin-top: 8px; } /* Left padding is ".top" and ".top p" padding added together */
.bottomMenu li { font-weight: bold; margin-bottom: 4px }
.bottomMenu li.selected { color: #897264 } /* Copy in DeliveryCPH CSS */

a { text-decoration: underline; outline: none }
a:hover { text-decoration: none; }
a.noStyle, a.reverse, a.bold { text-decoration: none; }
a.reverse:hover, a.bold:hover { text-decoration: underline; }
a.bold { font-weight: bold }

.topLoggedIn, .topLoggedIn a { font-size: 11px; }
.topLoggedIn { position: absolute; top: 11px; right: 29px; text-align: right; }
.topLoggedIn a { font-weight: bold }

#topMenu { position: absolute; bottom: 28px; left: 0 }
#topMenu li { margin-right: 8px; }
.topMenuItem { width: 149px; }
.topMenuItem a, .topMenuItem span { text-decoration: none; font-size: 14px; font-weight: bold;  }
div.topMenuH, div.topMenuOnH { padding: 0; } 
.topMenuBottom { position: absolute; height: 8px; width: 620px; bottom: 20px; left: 0 }

.topImage, .topImage img.top { width: 620px; height: 183px; position: relative } /* Size copied in TeaserDetails.aspx.cs and the Default.aspx.cs for the front image slider */
.topImage img.top { position: absolute; left: 0; top: 0 }
.topImageMenu { position: absolute; left: 0; bottom: 0 }
.topImageMenu li { float: left; height: 27px; line-height: 27px; background: url(/Images/RestaurantTopImageMenuButtonBg.gif) repeat-x; padding: 0 52px 0 12px; cursor: pointer; font-size: 12px; font-weight: bold; margin-left: 7px; color: #7f7a75; border: 1px solid #dfddd9; border-bottom: none }
.topImageMenu li.on { color: Black; cursor: auto; background: #F8F7F6 }
.topImageMenu li h1 { color: #7f7a75; }
.topImageMenu li.on h1 { color: Black; }

.siteLinks { margin-top: 26px }
.siteLinks, .siteLinks a { color: white; font-size: 10px }
.siteLinks a { text-decoration: none; }
.siteLinks a:hover { text-decoration: underline; }
.siteLinks ul li { float: right; }

.siteBottom, .siteLinks { width: 915px; }
.siteBottom { height: 78px; border: solid 1px #f1efee; background-color: White; position: relative; margin-top: 6px; margin-bottom: 11px }
.siteBottom li.iByen { padding: 16px 0 0 18px; }
.siteBottom p { color: #5f4d42; font-size: 10px; margin: 3px 0 0 0; line-height: 15px } /* Copy in DeliveryCPH CSS */
.siteBottom p.iByen { width: 98px; margin-left: 15px }
.siteBottom .splitter { background-color: #3b2313; border-top: solid 1px #b1a7a1; border-bottom: solid 1px #b1a7a1; width: 1px; height: 69px; margin: 3px 24px } /* Copy in DeliveryCPH CSS */
.siteBottom li.co2Neutral { padding: 16px 0 0 0; }
.siteBottom li.bRight { position: relative }
.siteBottom li.bRight img { position: absolute; top: 11px }
.siteBottom li.bRight a { position: absolute; font-size: 11px; top: 40px; white-space: nowrap }

.box .header, .restMenu th, .restMenu .left { padding: 0 14px }
.box .header, .restMenu th, .contentLeft .bottom div.header, .box .header .rightLink, .voucher { height: 25px; line-height: 24px; font-weight: bold } /* If height is changed, update #divVoucherInput top */
.box .header, .restMenu th { background-color: #a5a98d } /* Copy in DeliveryCPH CSS */
.box .header .rightLink { float: right; font-weight: normal; font-size: 11px }
.box .header .rightLink a { text-decoration: underline; font-size: 11px }
.box .header .rightLink a:hover { text-decoration: none }
.box .header .rightLink .icon { vertical-align: top; padding-top: 4px; margin-right: 5px }
.restMenu th { padding-bottom: 1px }
.box .header.contact { height: 31px; line-height: 31px; background-color: #1e1109; color: White }
.box .header.caterers { background-color: #3b2313; color: White } /* Copy in DeliveryCPH CSS */
.box .content { padding: 23px 14px }
.orderPages .box .content, .orderPages .box .content.hasButton { padding-top: 16px }
.orderPages .box .header, .orderPages .box .content, .orderPages .box .content.hasButton, .orderPages .bg p, #tblConfirm td.pLeft { padding-left: 12px }
.orderPages .box .header, .orderPages .box .content, .orderPages .bg p, #tblConfirm td.pRight { padding-right: 12px }
.box .content.contact { background-color: #d4d4c8 }
.box .content.contact .linkButton { margin-top: 40px }

.getHelp { font-size: 13px; font-weight: normal; text-align: right; margin: 0 0 8px 0 }

.restaurantFilter, .frontRestaurants .headerRow { background-color: #ddee9d; } /* Copy in DeliveryCPH CSS */
.restaurantFilter { height: 103px; position: relative; }
.restaurantFilter.restPage, .restaurantFilter div.selectWrapper { height: 49px; background-color: #bcd92e; } /* Copy in DeliveryCPH CSS */
.restaurantFilter.marketPage { background-color: #8eaaaf; }
.restaurantFilter h1.header { font-size: 17px; font-weight: bold;margin: 17px 0px 17px 15px; }
.restaurantFilter input[type="text"] { width: 206px; height: 14px; background: transparent url(/Images/FreeSearchTextBoxBg.png) no-repeat; border: 0; padding: 12px 0 12px 34px; margin: 2px 0 0 28px } /* Top and bottom padding is to fix giant cursor bug in FF */
.restaurantFilter .searchButton { margin: 2px 0 0 10px }
.frontRestaurants .pLeft { padding-left: 12px }
.restaurantFilter div.selectWrapper { position: absolute; left: 0; bottom: 0; right: 0 }
.restaurantFilter.restPage div.selectWrapper { background-color: #a5a98d; } /* Copy in DeliveryCPH CSS */
.restaurantFilter.marketPage div.selectWrapper { background-color: #657e82; } /* Copy in DeliveryCPH CSS */

/* Must be .top.checkDelivery and not just .checkDelivery to override values above */
.top.checkDelivery .bg { width: 191px; height: 167px; background-image: url(/Images/CheckDeliveryBg.jpg) }
.top.checkDelivery .delivery-headline { font-size: 16px; font-weight: bold;padding: 7px 0px 3px 8px; }
.top.checkDelivery table { margin: 6px 0 0 6px }
.top.checkDelivery td { vertical-align: top }
.checkDeliveryTextBoxTd input[type="text"] { width: 136px; height: 13px; background: transparent url(/Images/CheckDeliveryTextBoxBg.png) no-repeat; border: 0; padding: 12px 0 12px 10px } /* Top and bottom padding is to fix giant cursor bug in FF */
.top.checkDelivery .result { width: 173px; height: 80px; background-image: url(/Images/CheckDeliveryResultBg.png); margin: 6px 0 0 9px; text-align: center; font-size: 12px; color: White; padding-top: 3px }
.top.checkDelivery .result .small { font-size: 14px }
.top.checkDelivery .result .large { font-size: 20px }
.top.checkDelivery .result .noDelivery { padding-top: 19px }
.checkDeliveryWatermark { font-size: 11px; color: #6894b4 }

.top.recentOrders, .top.recentOrders h1, .top.recentOrders td, .top.recentOrders a { font-size: 11px; }
.top.recentOrders h1 { margin-bottom: 10px }
.top.recentOrders table { width: 100%; margin-bottom: 10px }
.top.recentOrders td { height: 25px }
.top.recentOrders td.first { padding-right: 5px }

/*
.contentLeft .checkDeliveryWrapper { background-color: White; padding: 4px; }
.contentLeft .checkDeliveryWrapper .bg, .contentLeft .checkDeliveryWrapper .bg .pos { height: 83px }
.contentLeft .checkDeliveryWrapper .bg { width: 171px; background-image: url(/Images/CheckDeliveryBox_Bg.jpg); background-repeat: no-repeat; padding: 0 6px } /* Copy in DeliveryCPH CSS */ /* Remember that width is width + padding */
/*.contentLeft .checkDeliveryWrapper .bg .pos { position: relative; }
.contentLeft .checkDeliveryWrapper .bg .pos .result { position: absolute; top: 20px; width: 100%; text-align: center; background-color: #3b2313; color: White; padding: 7px 0 } /* Copy in DeliveryCPH CSS */
/*.contentLeft .checkDeliveryWrapper .bg .pos h1 { position: absolute; bottom: 32px; left: -5px; font-size: 16px }
.contentLeft .checkDeliveryWrapper .bg .pos table { position: absolute; bottom: 9px; left: 0; right: 0; width: 100% }
.contentLeft .checkDeliveryWrapper .bg .pos input[type="text"] { width: 140px; }
*/

.contentLeft .top.subscribe { height: auto }
.contentLeft .subscribe .bg .square { height: 143px }
.contentLeft .subscribe img { margin: 13px 0 4px 0 }
.contentLeft .subscribe .text, .contentLeft .subscribe .watermark { width: 191px; height: 17px; line-height: 17px; padding: 0 0 0 4px; margin: 2px 0 0 -7px; background: url(/Images/NewsletterSubscribe_TextBoxBg.png) no-repeat; border: none }
.contentLeft .subscribe .watermark { color: #898989 }
.contentLeft .subscribe .errorMessage { margin-top: 6px; display: block; text-align: center }

.newsletterPages { margin-top: 170px; width: 380px; padding: 20px }
.newsletterPages h1 { font-size: 16px; margin-bottom: 17px }
.newsletterPages table { margin-top: 20px }
.newsletterPages .button { margin-top: 10px }

/* Nivo Slider (If there's links on all of the images they might do strange things in IE and Opera - this prevents that) */
.nivoSlider a {
	display: block;
}

.frontRestaurants .headerRow { height: 25px; }
.frontRestaurants .thumb { border: solid 1px #b1adab }
.frontRestaurants .pLeft { padding-left: 10px }
.frontRestaurants .pRight { padding-right: 10px }
.frontRestaurants td.splitter { height: 1px; border-top: 1px solid #d5d1ce; }
.frontRestaurants p.method { font-size: 10px; margin: 0; padding: 0; white-space: nowrap; color: #676666; }

.frontRestaurants.notSearching { width: 100%; margin-top: 13px; }
.frontRestaurants.notSearching th { font-size: 14px; font-weight: bold }
.frontRestaurants.notSearching th.splitter { padding-top: 2px }
.frontRestaurants.notSearching td { padding-top: 2px }
.frontRestaurants.notSearching .aRight { text-align: right; padding-right: 9px }
.frontRestaurants.notSearching .name, .frontRestaurants.notSearching .time { padding-left: 15px }
.frontRestaurants.notSearching .time { font-size: 10px; text-transform: uppercase; vertical-align: bottom; padding-bottom: 14px }
.frontRestaurants.notSearching .name { white-space: nowrap; font-weight: bold; padding-right: 50px }
.frontRestaurants.notSearching .name, .frontRestaurants.notSearching .type { vertical-align: top; padding-top: 14px }
.frontRestaurants.notSearching .type, .frontRestaurants.searching .product { width: 100% }
.frontRestaurants.notSearching td.pBottom { padding-bottom: 4px }
.frontRestaurants.notSearching td.splitter { padding-top: 4px }

.frontRestaurants.searching { width: 100%; margin-top: 16px; }
.frontRestaurants.searching .restaurant { width: 318px; }
.frontRestaurants.searching .thumb { float: left; margin-right: 10px }
.frontRestaurants.searching .product { vertical-align: top; padding-right: 10px }
.frontRestaurants.searching h1, .frontRestaurants.searching a.name { text-decoration: none }
.frontRestaurants.searching h1:hover, .frontRestaurants.searching a.name:hover { text-decoration: underline }
.frontRestaurants.searching h1 { font-size: 11px; line-height: 15px; font-weight: bold; padding-top: 1px } /* Top padding is to align it with the products */
.frontRestaurants.searching h2 { font-size: 11px; line-height: 15px; font-weight: normal }
.frontRestaurants.searching h3, .frontRestaurants.searching a.menu { color: #7f9624; text-decoration: none }
.frontRestaurants.searching h3:hover, .frontRestaurants.searching a.menu:hover { text-decoration: underline }
.frontRestaurants.searching h3 { font-size: 11px; line-height: 15px; font-weight: bold; }
.frontRestaurants.searching h4 { font-size: 9px; font-weight: normal; float: left; text-transform: uppercase; margin-top: 4px; }
.frontRestaurants.searching ul { list-style-type: disc }
.frontRestaurants.searching ul li { font-size: 9px; font-weight: normal; }
.frontRestaurants.searching td.pBottom { padding-bottom: 5px }
.frontRestaurants.searching td.splitter { padding-top: 10px }

.frontIE6Plaque { position: absolute; top: 18px; left: 49px; width: 500px; padding: 3px 10px; text-align: center }

.login { position: relative }
.login .topText { background-color: #252525; position: absolute; top: 0; left: 0; right: 0; height: 54px }
.login h1 { padding-top: 7px }
.login h1, .login .out p, .login .in h2 { padding-left: 7px; margin: 0; color: White }
.login.blue h1, .login.blue .out p, .login.blue .in h2 { color: White }
.login .bg, .login .in .bg.last { background-color: White; position: absolute; top: 54px; left: 0; right: 0; bottom: 0; padding: 9px 0 0 6px }
.login.blue .bg, .login.blue .in .bg.last { background-color: #d0d5d9; }
.login .out h2, .login .out h3 { font-weight: normal }
.login .out h3 { margin-top: 11px }
.login .out .text { width: 179px; height: 17px; line-height: 17px; padding: 0 0 0 4px; margin: 3px 0 0 0; background: url(/Images/TextBoxBg.png) no-repeat; border: none }
.login.blue .out .text { background-image: url(/Images/TextBoxBg_Blue.png); }
.login.gray .out .text { background-image: url(/Images/TextBoxBg_Gray.png); }
.login .out .check { font-size: 10px; display: block; margin-top: 6px }
.login .button { width: 191px; height: 22px; padding-bottom: 3px; color: White; font-size: 11px; font-weight: bold; background-color: #252525; border: none; margin-top: 1px; position: absolute; bottom: 0; left: 0 }
/*.login.blue .button { color: Black; background-color: White; }*/
.login .out a, .login .out a.last { font-size: 9px; margin-top: 6px; margin-bottom: 3px; display: block; }
.login .out a.last { margin-top: 0; }
.loginWrapper.blue, .login.blue { background-color: #5c6f7c }

.login .in .bg { bottom: 99px; }
.login .in .bg.last { top: 184px; }
.login .in li { margin-top: 5px }
.login .in .bg.last a { font-weight: bold }
.login .in a { text-decoration: none }
.login .in a:hover { text-decoration: underline }
.login .in .button { margin-top: 19px }
.login .in p { margin-top: 0; line-height: 23px }

.restaurantsList { width: 700px; position: relative; left: -7px; margin-top: 11px } /* This ui needs a width or the li's break it in IE6. Width doesn't need to be accurate */
.restaurantsList li { width: 300px; height: 345px; background-image: url(/Images/RestListItemBg.png); padding: 8px; margin-right: 2px }
.restaurantsList img { vertical-align: top } /* This needs some vertical align or we get a space between it and the div below */
.restaurantsList .header { height: 51px; background-color: #a5a98d; position: relative; } /* Copy in DeliveryCPH CSS */
.restaurantsList h2, .restaurantsList p, .restaurantsList .desc { padding: 8px 13px 0 13px; margin: 0; }
.restaurantsList p { padding-top: 0; }
.restaurantsList .desc { padding-top: 11px; }

.restaurantsListLarge { width: 700px; position: relative; left: -7px;margin-top: 11px; } /* This ui needs a width or the li's break it in IE6. Width doesn't need to be accurate */
.restaurantsListLarge li { width: 631px; height: 346px; background-image: url(/Images/restaurantlist-large_bg.png);background-repeat: no-repeat; padding: 8px; margin-right: 2px }
.restaurantsListLarge img { vertical-align: top } /* This needs some vertical align or we get a space between it and the div below */
.restaurantsListLarge .header { height: 51px; background-color: #a5a98d; position: relative; } /* Copy in DeliveryCPH CSS */
.restaurantsListLarge h2, .restaurantsListLarge p, .restaurantsListLarge .desc { padding: 8px 25px 0 13px; margin: 0;font-family: Tahoma; }
.restaurantsListLarge p { padding-top: 0;line-height: 17px;font-size: 11px; }
.restaurantsListLarge .desc { padding-top: 11px; }
.restaurantsListLarge .smallheader { font-weight: bold; }
.restaurantsListLarge h2 { margin-bottom: 8px; }

.marketList { width: 700px; } /* This ui needs a width or the li's break it in IE6. Width doesn't need to be accurate */
.marketList li { width: 298px; height: 208px; margin-right: 20px; margin-top: 20px; border: 1px solid #8eaaaf }
.marketList img { vertical-align: top; border: 1px solid #c2dade; margin: 4px } /* This needs some vertical align or we get a space between it and the div below */
.marketList .header { height: 46px; background-color: #657e82; position: relative; } /* Copy in DeliveryCPH CSS */
.marketList h1, .marketList p, .marketList .desc { color: White; padding: 6px 13px 0 14px; margin: 0; }
.marketList p { padding-top: 0; margin-top: -4px }
.marketList .header a, .marketList .header img { border: none }
.marketList .header .menuButton { text-align: right; vertical-align: top; padding: 8px 9px 0 0 }
.marketList .desc { padding-top: 6px; color: Black }

.caterersList { margin-top: 7px }
.caterersList li { height: 191px; border-bottom: 1px solid #a69d96; padding: 11px 0 9px 0 }
.caterersList img { float: left; border: 1px solid #1d1108 }
.caterersList div { float: right; width: 295px; padding: 6px 0 0 13px }
.caterersList h2 { font-weight: normal }
.caterersList p { margin: 16px 0 }

.restPageSide .top, .order .top, .orderPages, #tblConfirm .header, .paymentResultSide .top { background-color: #d4d5c9 } /* Copy in DeliveryCPH CSS */
#tblConfirm .separator { border-bottom: 1px solid #d4d5c9 } /* Copy in DeliveryCPH CSS */
.marketPageSide .top.big { background-color: #8eaaaf; height: 287px }
.restPageSide .top p, .marketPageSide .top p { font-weight: bold; padding-right: 0 }
.restPageSide .top .square, .marketPageSide .top .square { height: 137px; }
.restPageSide .top .square p, .marketPageSide .top .square p { line-height: 29px; padding: 10px 11px }
.restPageSide .bottom { padding-top: 10px }
.marketPageSide .bottom { padding-top: 20px; padding-left: 0; padding-right: 0 }
.marketPageSide .bottom div.header { background-color: #8eaaaf }

.contactBox1, .contactBox2 { background-color: #1e1109; text-align: center }
.contactBox1 { height: 112px; margin-bottom: 1px }
.contactBox1 h1, .contactBox1 h2, .contactBox2 h1 { color: White }
.contactBox1 h1 { font-size: 24px; padding-top: 26px }
.contactBox1 h2 { font-size: 44px; padding-top: 26px }
.contactBox2 { height: 28px; line-height: 28px; margin-bottom: 19px }

.contactSide a { font-weight: bold }
.contactSide .top .square { height: 158px; padding-bottom: 5px }
.contactSide .top .square.second { height: 25px; line-height: 24px }
.contactSide .top .square.third { height: 43px; padding-top: 8px }

.pressSide .top .square { height: 100px }
.press a, .pressSide a { text-decoration: none }
.press a { font-weight: bold; }
.pressSide a.discrete { font-weight: normal }
.press a:hover, .pressSide a:hover { text-decoration: underline }
.press table { width: 100% }
.press table td { vertical-align: top }
.press table img { float: right; margin-bottom: 15px; border: solid 1px #b6b6b6 }
.press table a { font-weight: normal; text-decoration: none }
.press table a:hover { text-decoration: underline }

.delivery .top .square { height: 126px; padding: 0 0 0 3px }
.delivery .top a { font-weight: bold }
.delivery .article { background-color: #d4d4c8; padding: 16px; margin-top: 17px }
.delivery .article img { float: left; margin: 0 17px 10px 0 }

.jobsSide a { font-weight: bold }
.jobs div.bg { border: 1px dotted black; border-style: dotted none; padding: 15px 0 5px 0 }
.jobs h2 { text-transform: uppercase }
.jobs span { font-weight: bold }

.restMenu table { width: 100% }
.restMenu .first td { padding-top: 4px; }
.restMenu .last td { border-bottom: solid 1px #d6d2cf; padding-bottom: 7px; }
.restMenu .prodNumber { color: #a5a98d; font-weight: bold; padding-right: 17px } /* Copy in DeliveryCPH CSS */
.restMenu .prodName, .restMenu .prodDescription { width: 100%; }
.restMenu .prodName { font-weight: bold; }
.restMenu .prodName img { vertical-align: bottom; padding: 0 0 2px 15px }
.restMenu .prodPrice { font-weight: bold; white-space: nowrap; text-align: right; padding-left: 20px }
.restMenu .prodDescription.catering, .catImageIcon { padding-bottom: 12px; border-bottom: 1px solid #a5a98d } /* Copy in DeliveryCPH CSS */
.restMenu .inBasket { font-weight: normal; color: Green; text-align: right; vertical-align: top; white-space: nowrap }
.restMenu .inactive { color: Red; font-weight: bold }
.restMenu .option { text-align: right; font-size: 11px; font-weight: bold; padding-top: 5px }
.restMenu .catImageIcon { vertical-align: top; }
.restMenu .prodQuantity { padding-left: 9px; padding-right: 5px }
.restMenu .catBottomPadding { height: 20px }
.restMenu .catItem { padding: 10px; }

.order .top .square { height: 117px; padding: 8px } /* If padding is changed, remember to change height accordingly */
/*
.order .top.info .square { height: 80px; text-align: center }
.order .top.info .square h1 { font-size: 14px; margin-top: 7px; margin-bottom: 0 }
.order .top.info .square h2 { font-size: 12px; font-weight: normal; margin-top: -2px }
*/
.order .top .deliveryTime p { background-color: #a5a98d; color: White; font-size: 14px; font-weight: bold; padding-top: 10px; padding-bottom: 14px } /* Copy in DeliveryCPH CSS */
.order .top .deliveryTime span { text-decoration: underline }
.order .bottom { padding: 0 }
#basket .bTop { height: 8px; background: transparent url(/Images/BasketTopBg.png); }
#basket .bMiddle { border: 3px solid #a5a98c; border-top: none; border-bottom: none; background-color: #f8f7f6; padding-bottom: 1px }
#basket .bBottom { height: 8px; background: transparent url(/Images/BasketBottomBg.png); }
#basket .content { font-size: 11px; padding: 10px 5px 0 5px; }
#basket .content table { padding: 0; margin: 0 0 9px 0; } /* Bottom margin is in effect margin when not showing button or minimum order text */
#basket h2 { padding: 5px 0 0 15px }
#basket .basketHr { height: 0px; line-height: 0px; border-top: solid 1px #9c9693 }
#basket .basketHr.first { margin: 1px 0 8px 0 }
#basket .basketHr.second { margin: 10px 0 3px 0 }
#basket .basketHr.third { margin: 5px 0 2px 0 }
#basket .basketBottomWrapper { padding-top: 20px; } /* This plus '#basket .content table' margin is space between order items and button/minimum order text */
#basket .basketButton { margin: 0; }
#basket td, #basket td a.zip { line-height: 20px; font-size: 11px }
#basket td a.zip { font-weight: bold }
#basket td.first, #basket .empty { padding-left: 10px }
#basket .empty { padding-bottom: 5px } /* This matches bottom margin set for minimum order text in Order.aspx JS */
#basket td.first div, #basket td.last div { position: relative; height: 100%; }
#basket td.first img { position: absolute; left: -27px; top: -1px }
#basket td.last { padding-right: 11px; }
#basket td.last div { text-align: right }
#basket td.last img { position: absolute; right: -25px; top: 2px }
#basket td.total { font-weight: bold; padding-top: 5px }
#basket td.total.last span { font-family: Georgia; font-size: 18px; border-bottom: 3px double #c6c6c5; padding-bottom: 2px; float: right }
#basket td.pickupLabel { font-size: 13px; font-weight: bold; color: #ff7200; padding-top: 28px; padding-bottom: 1px }
#basket .summary { border: 1px solid #a5a98c; border-left: none; border-right: none; padding: 18px 20px; margin-top: 3px; background-color: #faf9d4 }
#basket .summary p.first { margin-bottom: 10px }
#basket .zipInput { text-align: center; padding: 5px 11px 6px 11px }
#basket .zipInput h1 { font-size: 11px; color: #3c2311; margin: 0 0 2px 0; padding: 0 }
#basket .changeOrderButton { text-align: center; margin-top: 17px }
#basket .basketMarketButtonWrapper { padding-top: 15px; text-align: center }
#restCategories { padding-top: 14px; }
#restCategories h2 { padding-left: 14px; margin-bottom: 10px } /* Left padding matches left margin for openingTimes below */
.bottomMenu li { background: url(/Images/LeftMenuArrow.gif) no-repeat 0px 7px; padding-left: 12px; padding-bottom: 5px }
.bottomMenu li.selected { background-image: url(/Images/LeftMenuArrow_On.gif); }
#restCategories a { font-size: 11px }
#restCategories ul { padding-left: 6px; padding-bottom: 3px; }
#restCategories li { background: url(/Images/LeftMenuArrow.gif) no-repeat 0px 7px; padding-left: 12px; padding-bottom: 5px }
.orderRestPlaque { position: absolute; top: 18px; left: 103px; width: 392px; padding: 3px 10px; text-align: center }

.order .sideBox { background-color: #d4d5c9; padding: 8px }
.order .sideBox.mTop, #basket.mTop { margin-top: 10px }
#basket.mBottom { margin-bottom: 9px }
.order .sideBox .deliveryTime { background-color: #a5a98c; text-align: center; padding: 8px 0 8px 0 }
.order .sideBox .deliveryTime h2 { font-size: 12px; color: #2d1a0c; margin-bottom: 1px }
.order .sideBox .deliveryTime h3 { font-size: 16px; color: White }
.order .sideBox .openingTimes { margin: 7px 10px 16px 10px } /* Left margin matches left padding for restCategories abov */
.order .sideBox table { width: 100% }
.order .sideBox th { font-size: 12px; font-weight: bold; padding-bottom: 10px }
.order .sideBox td { font-size: 10px; line-height: 12px }
.order .sideBox td.time { font-weight: bold; text-align: right }
.order .sideBox .hr { height: 1px; background-color: #a5a98c }
.order .sideBox .opensIn { background-color: #c65821; margin-top: 9px; border-radius: 5px; font-size: 12px; font-weight: bold; color: White; padding: 6px 10px }
.order .sideBox .opensIn.open { background-color: #8ca510; }

.addToOrderTextBox, .addToOrderTextBoxCatering /* Copy in DeliveryCPH CSS */
{
	/* The width and height here corresponds to 17x17 for some reason */
	width: 15px;
	height: 15px;
	line-height: 15px;
	border: solid 1px #d6d2cf;
	color: #3b2313;
	text-align: center;
	padding: 0;
}
.addToOrderTextBoxCatering { width: 20px }

.orderPages { margin-bottom: 50px }
.orderPages .box .content.hasButton { padding-bottom: 3px }
.orderPages .bg { background-color: White; padding: 15px 0 0 0 }
.orderPages.kiosk { position: relative }
.orderPages.kiosk .bg { padding: 15px 15px 0 15px }
.orderPages.kiosk .redCrossBottom { float: left; width: 247px; height: 68px; background-color: White }
.orderPages.kiosk .redCrossBottom img { margin: 8px 19px 0 12px; float: left }
.orderPages.kiosk .redCrossBottom p { font-weight: bold; margin: 7px 0 0 0 }
.orderPages.kiosk .redCrossBottom a { font-size: 11px }
.orderPages.kiosk td.redCross { font-size: 10px; color: #ff412c }
.orderPages.kiosk td.redCross img { float: left; margin-right: 6px; margin-top: 1px }
.orderPages.kiosk .kioskButton.top { position: absolute; top: 14px; right: 23px }
.orderPages.kiosk .kioskButton.bottom { position: absolute; bottom: 8px; right: 23px }
.orderPages h1 { margin: 7px 0 18px 0 }
.orderPages .first td { border-top: solid 1px #d6d2cf; padding-top: 12px }
.orderPages .last td { border-bottom: none; padding-bottom: 12px }
.orderPages .prodImage { padding-right: 24px }
.orderPages .prodImage img { width: 48px; height: 39px; }

.orderPages.confirm .buttons .linkButton { margin: 0; }
.orderPages.confirm .infoText { font-size: 11px; font-style: italic; padding-left: 10px; }
.orderPages.confirm .mapAddress { background-image: url(/Images/ConfirmMap_AddressBg.png); width: 182px; height: 122px; position: absolute; bottom: 70px; left: 9px; z-index: 1000 }
.orderPages.confirm .mapAddress > div { margin: 12px 17px 0 17px }
.linkButton.create { margin-left: -3px; width: 122px; background-color: transparent; border: 1px solid #3b2313; color: Black } /* Copy in DeliveryCPH CSS */

.orderPages.account { padding: 0; background-color: transparent }
.orderPages.account .overlay { position: absolute; top: -8px; left: -8px; bottom: -8px; right: -8px; background-color: #808080; z-index: 1000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5 } /* Order of opacity filters important! */
.orderPages.account .withoutAccount, .orderPages.account .withAccount, .orderPages.account .deliveryMethod { border: 8px solid #d3d5c8; padding: 27px 0 0 65px; position: relative }
.orderPages.account .withoutAccount, .orderPages.account .deliveryMethod { height: 127px; background-color: White; margin-bottom: 9px }
.orderPages.account .withoutAccount .complete, .orderPages.account .withoutAccount .quick { float: left }
.orderPages.account .withoutAccount .complete { margin: 13px 14px 0 0 }
.orderPages.account .withoutAccount .quick { margin-top: 6px }
.orderPages.account .withAccount { height: 212px; background-color: #f8f7f6; }
.orderPages.account .withAccount table { margin: 13px 0 18px 0 }
.orderPages.account .withAccount th { font-weight: bold; padding-right: 17px }
.orderPages.account .withAccount tr.password th, .orderPages.account .withAccount tr.password td { padding-top: 11px; padding-bottom: 8px }
.orderPages.account .withAccount .complete { margin-right: 3px }
.orderPages.account .number { position: absolute; left: 28px; top: 23px }
.orderPages.account h1 { font-size: 14px; margin: 0 0 3px 0 }
.orderPages.account p { margin: 0 }
.orderPages.account .forgotPw { text-align: right }
.orderPages.account .forgotPw a, .orderPages.account .remember { font-size: 10px; }
.orderPages.account .deliveryMethod { height: 187px }
.orderPages.account .deliveryMethod .sun { width: 61px; height: 66px; background-image: url(/Images/AccountChoice_Sun.png); position: absolute; bottom: -1px; right: 8px; font-size: 12px; text-align: right; padding: 28px 33px 0 0 }
.orderPages.account .deliveryMethod .sun > b { font-size: 18px }
.orderPages.account .deliveryMethod .left, .orderPages.account .deliveryMethod .right { margin-top: 13px }
.orderPages.account .deliveryMethod .left { float: left }
.orderPages.account .deliveryMethod .right { float: left; margin-left: 22px }
.orderPages.account .deliveryMethod .price { width: 204px; height: 51px; padding-top: 13px; background-image: url(/Images/AccountChoice_MethodPrice.png); margin-left: 11px; text-align: center; font-size: 12px; font-weight: bold }
.orderPages.account .deliveryMethod .price > span { font-family: Georgia; font-size: 24px; margin-left: 5px }


.orderPages .bg p { margin: 5px 0 15px 0 }
.orderPages.paymentResult .box .content.success { padding-top: 0; padding-bottom: 0 }
.orderPages.paymentResult .box .content.success p { padding: 0; margin: 0 0 10px 0; text-align: center }
.orderPages.paymentResult img.pic { margin: 12px 0 25px 0 }
.orderPages.paymentResult img.movie { margin-left: -5px; margin-bottom: 6px }
a.pdf { position: relative; text-decoration: none; margin: 0 7px 0 10px; top: 7px }

.orderPages.paymentResult .box .content.success.pickup { line-height: 16px; padding-bottom: 12px; }
.orderPages.paymentResult .box .content.success.pickup .when { margin: 25px 0 }
.orderPages.paymentResult .box .content.success.pickup h1 { font-size: 18px; margin-top: 13px }
.orderPages.paymentResult .box .content.success.pickup h2 { font-size: 14px; }
.orderPages.paymentResult .box .content.success.pickup #map_pickup { width: 580px; height: 500px; margin-top: 17px }

.orderPages.payment .box .content.paymentType { padding-top: 0; padding-right: 0; padding-bottom: 0; height: 232px }
.orderPages.payment .box .content.paymentType > h1 { font-size: 14px; margin: 19px 0 3px 0 }
.orderPages.payment .bg p { padding-left: 0 }
.orderPages.payment ul.paymentTypes li { cursor: pointer; float: left; width: 108px; height: 105px; margin-right: 10px; position: relative }
.orderPages.payment ul.paymentTypes li div { height: 32px; }
.orderPages.payment ul.paymentTypes li img { margin: 16px auto 0 auto; display: block }
.orderPages.payment ul.paymentTypes li h1 { text-align: center; font-size: 10px; color: #363636; line-height: 12px; padding: 0; margin: 0 0 9px 0 }
.orderPages.payment ul.paymentTypes li.selected h1 { color: white; }
.orderPages.payment ul.paymentTypes li input { margin: 0 auto; display: block }
#typeDescription { padding: 0; margin: 0 0 13px 0 }
.orderPages.payment .box .content.cardInput { padding: 10px 26px 29px 29px }
.orderPages.payment .box .content.cardInput table.inputs { margin-top: 10px }
.orderPages.payment .box .content.cardInput table.inputs input[type="text"] { height: 24px; padding: 0 3px }
.orderPages.payment .box .content.cardInput table.inputs img { vertical-align: top; padding-top: 5px }
.orderPages.payment .box .content.cardInput table td, .orderPages.payment .box .content.cardInput table th { padding-bottom: 22px }
.orderPages.payment .box .content.cardInput table.monthYear td { padding-bottom: 0 }
.orderPages.payment .monthYear input::-webkit-input-placeholder { color: #959595; text-align: center } /* Must be on separate lines */
.orderPages.payment .monthYear input:-moz-placeholder { color: #959595; text-align: center } /* Must be on separate lines */
.orderPages.payment #btnSubmit { border: none; padding: 0; margin: 0; cursor: pointer }

.orderPages.hasButton .linkButton { margin-right: 0; margin-bottom: 0 }
.orderPages.hasButton .linkButton.left { float: left }

#tblConfirm { width: 100%; }
#tblConfirm .header { height: 22px }
#tblConfirm th { color: #ffffff; font-weight: bold; font-size: 11px; white-space: nowrap; }
#tblConfirm th.aCenter { text-align: center }
#tblConfirm .aRight { text-align: right }
#tblConfirm td.split { padding-left: 18px; padding-right: 26px }
#tblConfirm .prodNumber { color: #ababab; padding-right: 17px }
#tblConfirm .points { color: #8d8d8d }
#tblConfirm .prodTotal { font-weight: bold; }
#tblConfirm .buttons { text-align: right; vertical-align: middle; white-space: nowrap; padding-top: 4px }
#tblConfirm .buttons .second { padding-left: 2px }
#tblConfirm .totalsSeperator1 { height: 7px; border-top: 1px solid #d4d5c9; margin-top: 8px }
#tblConfirm .totalsSeperator2 { height: 10px; }
#tblConfirm .totals td { height: 20px; }
#tblConfirm .total td { height: 35px; font-size: 14px; font-weight: bold; border-top: 1px solid #d4d5c9; border-bottom: 2px solid #a5a98c }
#tblConfirm .moms td { padding-top: 3px; padding-bottom: 15px }

#tblConfirm .product td { vertical-align: top; padding-top: 8px }
#tblConfirm .product td.buttons { padding-top: 7px }
#tblConfirm .prodDetails { width: 100%; padding-bottom: 10px }
#tblConfirm .prodDetails h1, #tblConfirm .prodDetails h2 { padding: 0; margin: 0 }
#tblConfirm .prodDetails h2 { font-weight: normal; font-size: 11px; line-height: 11px; margin-bottom: 5px }
#tblConfirm .prodDetails a { color: #406377; font-size: 10px; line-height: 10px; display: block; margin-top: 2px }

.orderItemComments, .orderItemCommentsWatermark { width: 240px; font-size: 10px; }
.orderItemCommentsWatermark { color: #9a8f88; }

.orderVoucher, .orderComments, .contactMessage { margin-top: 15px; }
.orderComments.restAdmin { margin-top: 0 }
.orderComments, .contactMessage
{
    /*border: solid 1px #9b9088;*/
    padding: 4px 5px;
    overflow: auto;
}
.orderComments { width: 570px; height: 51px }
.contactMessage { width: 574px; height: 65px }

.paymentResultSide .top { height: auto; }
.paymentResultSide .top .square.first { height: 118px; }
.paymentResultSide .top .square.first p { margin-top: 10px }
.paymentResultSide .top .square.first h1 { font-size: 21px; margin-top: 15px }
.paymentResultSide .top .square.second { height: 42px }
.paymentResultSide .linkButton { height: 55px; line-height: 21px; font-weight: normal; padding-top: 10px; padding-left: 11px }

.errorMessage { color: Red; font-weight: bold; } /* Use this for validators with error text, not '*' */

.center { margin-left: auto; margin-right: auto }

ul.accountLinks { margin: 8px 0 0 12px }
ul.accountLinks > li { line-height: 20px; font-weight: bold }

.myOrders { width: 100%; margin: 13px 0 }
.myOrders th { font-size: 14px; font-weight: bold; padding-bottom: 23px }
.myOrders td { border-bottom: 1px solid #d3d3d3; padding: 1px 0 }
.myOrders .number, .myOrders .date { width: 120px }
.myOrders .number { padding-left: 9px }
.myOrders .outerButton { padding: 0 9px 0 6px; width: 19px }
.myOrders .restaurant { width: 162px; white-space: nowrap }
.myOrders .amount { text-align: right; }

.myPoints b.profileStatus { font-size: 40px; line-height: 46px; color: #9eb910; display: block; padding-bottom: 5px; margin-left: -3px }
.myPoints b.points { font-size: 50px; line-height: 50px; color: #9eb910; display: block; padding-bottom: 2px }

.bottom.aboutCompanies { background-color: #e5e5e5 } /* If changed, remember to change the background image gif as well */
.bottom.aboutCompanies div.header { background-color: #ccd0d2; }
.aboutCompanies .box.first .header { background-color: #5c6f7c; color: White }
.aboutCompanies .box.first .header h1 { color: White }
.aboutCompanies .box .header { background-color: #bdc3c8 }
.aboutCompanies .box div.content { background-color: #d7dadc }
.aboutCompanies .box.first div.content { background-color: transparent }
.aboutCompanies div.content, .bottom.aboutCompanies div.content { padding-top: 12px; }
.aboutCompanies .box.split { width: 307px; height: 191px; overflow: hidden }
.aboutCompanies .why { list-style-type: disc; }
.aboutCompanies .why li, .aboutCompanies ul.generic { margin-left: 14px }
.aboutCompanies .why li { margin-bottom: 16px }
.aboutCompanies .how li { margin-left: 19px; margin-bottom: 16px }

.contactDetailsInput { width: 100%; margin-left: 20px }
.confirmDetailsInput th, .contactDetailsInput th { padding-right: 10px }
.confirmDetailsInput td, .contactDetailsInput td { white-space: nowrap }
.confirmDetailsInput input, .contactDetailsInput input { width: 220px; }
.contactDetailsInput th { width: 140px; text-align: right; }

.createAccountDetailsInput th { width: 140px; text-align: right; padding-right: 10px }
.createAccountDetailsInput input.generic { width: 220px; }
.createAccountDetailsInput input.city { width: 169px; }

#divVoucherInput { width: 153px; height: 35px; background: url(/Images/VoucherInputBg.png) no-repeat; position: absolute; top: 25px; right: 0 }
#divVoucherInput input[type=text] { width: 102px; margin: 6px 4px 0 13px; font-size: 11px }
#divVoucherInput input[type=image] { vertical-align: top; margin-top: 8px }
.voucher { font-weight: bold; text-transform: uppercase; cursor: pointer }
.voucher.error a { color: #B43334 }
.voucher.success { cursor: auto }

input.zip { width: 40px; }

.redCrossCounter p, .redCrossCounter a { font-size: 11px; font-weight: bold; }
.redCrossCounter a { font-weight: normal; }

.contentLeft .top .redCrossCounter { width: 191px; height: 87px; background-image: url(/Images/RedCrossCounterBg_Page.png); }
.contentLeft .top .redCrossCounter p { margin: -2px 0 0 8px }
.contentLeft .top .redCrossCounter div#countup { padding: 13px 18px 0 51px;text-align: center;font-size: 18px; }

.redCrossPage { position: relative; }
.redCrossPage .redCrossCounter { width: 202px; height: 97px; background-image: url(/Images/RedCrossCounterBg_Popup.png); position: absolute; top: 525px; right: 0; }
.redCrossPage .redCrossCounter h1 { padding: 18px 24px 0 57px; text-align: center }
.redCrossPage .redCrossCounter p { padding: 1px 0 0 21px }
.redCrossPage .text p { font-size: 11px; padding-top: 4px }
.redCrossPage .text p.topText { padding-top: 13px }
.redCrossPage div#countup { padding: 18px 18px 0 51px;text-align: center;font-size: 18px; }

.errorMessage, .reOrder { color: Red; font-weight: bold; } /* Use this for validators with error text, not '*' */

.icon
{
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.pdf-file { background-image: url(/Images/Pdf.gif); }


/* Not in use currently */
.fade {
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
}

/* styles for the new signup box */
.editAccount{padding: 15px 25px;color:#252525;}
.editAccount h1{font-size:22px;line-height:24px;font-weight:normal;}
.editAccount h2{font-size:22px;margin-bottom:10px;}
.editAccount h3{font-size:12px;margin-bottom:5px;}
.editAccount span.red{color:Red;}
.editAccount .requiredFieldNote{font-weight:bold;}
.editAccount table.fields{margin-top:10px;width:100%;}
.editAccount td.fieldLabel{font-weight:bold;font-size:11px;white-space:nowrap;width:50%;}
.editAccount input.general{border:1px solid #959595;height:28px;padding:0px 5px;}
.editAccount input.generic{width:150px;}
.editAccount input.city{width:95px;}
.editAccount input.zip{width: 35px;}
.editAccount table.fields td{padding-bottom:11px;}
.editAccount input.error{background-color:#F2CBCB;border-color:#CC6363; -webkit-box-shadow: 0px 0px 6px 2px #CC6363;-moz-box-shadow: 0px 0px 6px 2px #CC6363;box-shadow: 0px 0px 6px 2px #CC6363;}
.editAccount input.focus{-webkit-box-shadow: 0px 0px 6px 2px #67C4FF;-moz-box-shadow: 0px 0px 6px 2px #67C4FF;box-shadow: 0px 0px 6px 2px #67C4FF;}
.editAccount input.complete{-webkit-box-shadow: 0px 0px 6px 2px #BAC971;-moz-box-shadow: 0px 0px 6px 2px #BAC971;box-shadow: 0px 0px 6px 2px #BAC971;}
.editAccount .etLeft, .editAccount .etMiddle, .editAccount .etRight{float:left;height:33px;font-size:11px;}
.editAccount .etLeft{background: url(/images/errorTooltipLeft.png) no-repeat;width:21px;}
.editAccount .etMiddle{background: url(/images/errorTooltipMiddle.png) repeat-x;line-height:32px;color:#be3642;}
.editAccount .etRight{background: url(/images/errorTooltipRight.png) no-repeat;width:6px;}

/* Subscription Success */
.box.SubscriptionSuccess{text-align:center;padding-bottom:15px;}
.box.SubscriptionSuccess .topImageContainer{margin-bottom:31px;}
.box.SubscriptionSuccess h1{font-size:24px;font-weight:bold;letter-spacing:1px;}
.box.SubscriptionSuccess h1>span{color:#849A18;}
.box.SubscriptionSuccess h2{font-size:20px;font-weight:normal;}
.box.SubscriptionSuccess .seperator{width:555px;height:1px;margin:25px auto 10px auto;}
.box.SubscriptionSuccess .seperator>img{width:100%;height:1px;background:url(/Images/dot.png) repeat-x;}
.box.SubscriptionSuccess .SubscriberAdvantage{padding:8px 0px;font-size:18px;}
.box.SubscriptionSuccess .SubscriberAdvantage>span{font-weight:bold;}

/* new kiosk design*/
.kiosk td.productImage{width:48px;padding-right:10px;vertical-align:top;}
.kiosk td.productImage>img{max-width:48px;max-height:64px;}
.kiosk div.redCross { font-size: 10px; color: #ff412c;font-weight:bold;}
.kiosk td.productContainer{width:50%;border-top:1px solid #D7D2CF;border-right:1px solid #D7D2CF;padding:19px 9px;}
.kiosk td.productContainer.Alt{border-right:0px;}
.kiosk div.productContainer{height:89px}
.kiosk table td.prodQuantity{padding-left:0px;padding-right:7px;}
.kiosk .orderTable{margin-top:10px;}
.orderPages.kiosk .redCrossBottom.noFloat{float:none;}
.kiosk div.bottomSubmitButton{float:right;margin:22px 10px 0px 0px;}
.kiosk .redCrossBottom.extraMargin{margin:11px 0px 0px 11px;}
.kiosk .bottomBox{background-color:#D4D5C8;height:90px;margin-bottom:5px;}
.orderPages.kiosk .kioskButton.top.adjusted{right:34px}
.kiosk .priceLabel{padding-left:8px;font-weight:bold;}
.kiosk .productImage > img { height: 48px; width: 48px; border: 1px solid #ccc }
.kiosk .prodName { height: 33px; overflow: hidden }
.kiosk td.inBasket { vertical-align: middle; padding-left: 24px }

.upgradeToBonusBox {padding:10px;}
.upgradeToBonusBox .upgradeHeader{font-weight:bold;font-size:16px;}
.upgradeToBonusBox .upgradeText{font-size:15px;margin:20px 0px;}
.upgradeToBonusBox .upgradeButton{margin-left: 11px}
.upgradeToBonusBox .SubscriberAdvantageBox{padding:10px;margin-top:20px;background-color:#E9EED3;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.upgradeToBonusBox .SubscriberAdvantage{padding:8px 10px;font-size:16px;}
.upgradeToBonusBox .SubscriberAdvantage>span{font-weight:bold;}
.upgradeToBonusBox .SubscriberAdvantageHeader{font-weight:bold;font-size:18px;padding:8px 10px;}
.upgradeToBonusBox .PriceNote{font-size:10px;font-weight:bold;text-align:center;margin-top:10px;}

.upgradeToBonusMenuBox {position:relative;background:url(/Images/upgradeMenuBox/backdrop.jpg) no-repeat;color:#FFFFFF;height:311px;}
.upgradeToBonusMenuBox .header{font-size:16px;font-weight:bold;margin-top:8px;}
.upgradeToBonusMenuBox li{background-image:url(/Images/upgradeMenuBox/listBullet.png);background-repeat:no-repeat;background-position:0 center;padding-left:30px;margin-top:10px;font-size:11px}
.upgradeToBonusMenuBox li span{font-weight:bold;}
.upgradeToBonusMenuBox .Attractor{width:173px;height:63px;position:absolute;bottom:72px;margin-left:-1px}
.upgradeToBonusMenuBox .BuyNowContainer{position:absolute;bottom:10px;left:10px;width:171px;height:45px;}
.upgradeToBonusMenuBox .BuyNowButton{width:171px;height:45px;}

.box-slim { margin: 10px 0 0 0;	border: 3px solid #A5A98C;	padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.gray-box
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e6e5e0;
	padding: 15px;
}
.gray-box, .gray-box h1
{
	color: #3c2311;
}
.image-border-green
{
	border: 8px solid #bbdb15;
}