@charset "utf-8";

/* CSS Document */
body
{
  margin: 0px;
  padding: 0px;
  background-color: white;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: rgb(51, 51, 51);
}

/* This element does the standard site wrapper job. Centers the content with a fixed width
Notice that overflow also is declared here */
.site-wrapper
{
  margin: 0px auto;
  width: 980px;
  padding-left: 4px;
  position: relative;
  overflow: hidden;
}

/* Container for the top above the logo element */
.logo
{
  height: 48px;
  position: relative;
  text-align: center;
  z-index: 300;
}

/* The h1 element is used for the Dominos logo. The link is text is indent away and overflow is hidden.
Notice that the left margin is negative */
.logo h1
{
  top: 11px;
  left: -5px;
  text-indent: -9999px;
  overflow: hidden;
  width: 128px;
  height: 128px;
  position: absolute;
  z-index: 300;
  background-color: transparent;
}

.logo h1 a
{
  display: block;
  height: 128px;
  width: 128px;
  background-image: url(../images/h1-v6.png);
  background-color: transparent;
}

.phone-number
{
  position: absolute;
  top: 140px;
  right: 75px;
  width: 280px;
  height: 43px;
  background-image: url(../images/tlfnr.png);
  background-repeat: no-repeat;
  z-index: 400;
}

.phone-number a
{
  display: block;
  text-indent: -9999px;
  height: 43px;
}

.front .phone-number
{
  background-image: url(../images/tlfnr-front.png);
  top: -105px;
  right: 5px;
  width: 236px;
  height: 36px;
}

.front .phone-number a
{
  height: 36px;
}

/* The h2 element is used for the white heading in the blue header
Same indent technique is used */
h2
{
  background-color: transparent;
  background-position: 32px 0px;
  background-repeat: no-repeat;
  height: 45px;
  margin: 0px 0px 10px 0px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 2em;
}

#h2-bestil
{
  background-image: url(../images/h2bestil.png);
}

#h2-butikker
{
  background-image: url(../images/h2butikker.png);
}

#h2-menu
{
  background-image: url(../images/h2Menu.png);
}

#h2-firma
{
  background-image: url(../images/h2firma.png);
}

#h2-job
{
  background-image: url(../images/h2job.png);
}

#h2-ris
{
  background-image: url(../images/h2ris.png);
}

#h2-franchise
{
  background-image: url(../images/h2franchise.png);
}

#h2-hoteller
{
  background-image: url(../images/h2hoteller.png);
}

#h2-historie
{
  background-image: url(../images/h2historie.png);
}

#h2-nyhedsbrev
{
  background-image: url(../images/h2nyhedsbrev.png);
}

h3
{
  color: rgb(0, 102, 153);
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 2;
  margin-bottom: -6px;
}

h4
{
  color: rgb(0, 102, 153);
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.25;
}

h5
{
  color: rgb(0, 102, 153);
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}

td .pizza_pris
{
  font-weight: bold;
  font-size: 14px;
}

a
{
  color: #0064a1;
}

img, table, td
{
  border: none;
}

form table .leftcol
{
  text-align: right;
  line-height: 27px;
  white-space: nowrap;
  font-weight: bold;
}

form table td
{
  vertical-align: top;
}
form table input
{
  vertical-align: middle;
}

form table textarea
{
  width: 300px;
  height: 75px;
}

p
{
  margin: 0px 0px 1.5em 0px;
}

li
{
  display: list-item;
}

/* Div Container for navigation. Contains the top part of the blue header
The height is different 15px for the frontpage and 85px for sub pages */
.header
{
  height: 85px;
  background-image: url(../images/header-top.png);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  z-index: 200;
  position: relative;
}

.front .header
{
  background-image: url(../images/header-top-front-right-ads.png);
}

/* Unified list for list navigation */
#navigation-top, #navigation-bottom
{
  list-style-type: none;
  padding: 0px;
  margin-left: 173px;
  width: 749px;
  overflow: hidden;
  line-height: 1;
}

#navigation-top li
{
  float: left;
  margin-right: 38px;
  height: 24px;
  overflow: hidden;
}

#navigation-top a
{
  display: block;
  font-size: 20px;
  font-weight: bold;
  float: left;
  height: 24px;
  text-decoration: none;
}

#front-ad
{
  position: relative;
}

#front-ad div.ad
{
  position: absolute;
  top: -60px;
  left: 49px;
  width: 876px;
  height: 516px;
  z-index: 100;
}

#front-ad div.terms
{
  display: none;
  position: absolute;
  width: 289px;
  height: 21px;
  top: 404px;
  right: 260px;
  background-image: url(../images/special-offer-terms.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: 150;
}

.front .right-col
{
  position: absolute;
  right: -5px;
  width: 236px;
  z-index: 400;
}

.front div.newsletter
{
  top: -60px;
  height: 203px;
  background-image: url(../images/bg-newsletter.png);
  background-repeat: no-repeat;
  color: #fff;
}

.front div.newsletter a
{
  float: right;
  color: #fff;
  font-size: 10px;
}

.front div.newsletter div
{
  padding: 115px 25px 25px 20px;
}

.front div.newsletter div #subscribe-email
{
  width: 100%;
  margin: 0 0 10px 0;
}
.front div.newsletter div #subscribe-add
{
  float: right;
}

.front div.monarch
{
  bottom: -1px;
  height: 275px;
}

.front div.badge
{
  bottom: -70px;
  right: -120px;
}

.front div.paaske
{
  bottom: -5px;
  height: 279px;
}

.maincontent
{
  width: 830px;
  padding: 0px 75px 26px 75px;
  position: relative;
}

/* This element sets the lowest part of the blue header.
There are to different classes. On for pages wit sub menus and one for pages with no submenu */
.main-content-tabs
{
  padding: 0px 75px 26px 75px;
  width: 830px;
  background-image: url(../images/main-content-toptab.png);
}

.main-content-notabs, .main-content-tabs
{
  background-image: url(../images/main-content-notab.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding: 0px 75px 26px 66px;
  width: 830px;
  position: relative;
}

.front .main-content-notabs
{
  min-height: 400px;
  background-image: url(../images/main-content-notab-front-right-ads.png);
  z-index: 200;
}

/* Classes for the main text */
.main-text
{
  padding: 20px 70px 20px 100px;
  min-height: 200px;
}

.center
{
  text-align: center;
}
.main-text p
{
  line-height: 14px;
  margin-bottom: 8px;
}

/* Google Map Canvas */
#map-canvas
{
  width: 440px;
  height: 400px;
}

#address-search
{
  position: relative;
  left: -8px;
  background-image: url(../images/bg-directions-search.png);
  background-repeat: no-repeat;
  margin: 0 0 10px 0;
  width: 677px;
  height: 92px;
}

#address-search a
{
  float: right;
  margin: 20px 25px 0 0;
  color: #fff;
}

#address-search #map-address-search
{
  position: absolute;
  width: 265px;
  top: 48px;
  left: 170px;
}

#address-search #directions-mode-selector
{
  background-image: url(../images/directions-mode.png);
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  width: 86px;
  height: 20px;
  top: 50px;
  right: 132px;
  cursor: pointer;
}
#address-search #directions-mode-selector.walkthewalk
{
  background-position: top;
}

#address-search #address-search-button
{
  position: absolute;
  top: 50px;
  right: 25px;
}

#directions
{
  margin: 0 10px 0 0;
  padding: 0 0 0 0;
  background-color: #f6f6f6;
  float: left;
  width: 206px;
  height: 396px;
  overflow: auto;
  border: 2px solid #0064a1;
}

#directions .title
{
  background-color: #0064a1;
  color: #fff;
  font-size: 14px;
  padding: 0 0 0 30px;
  font-weight: bold;
}

#directions .nogo, #directions .searching
{
  display: none;
  padding: 7px;
}

#directions .nogo h4, #directions .searching h4
{
  margin: 5px 0;
}

#directions .searching img
{
  margin: 20px 0 0 79px;
}

#routedescription
{
  display: none;
  margin: -10px 0 0 0;
}

#routedescription .adp-warnbox
{
  margin: 10px 0 -10px 0;
}

#delivery
{
}

#delivery-nogo
{
  display: none;
}

.gmapInfoWindow
{
  position: relative;
  padding: 0 0 0 15px;
  width: 275px;
}

.gmapInfoWindowLogo
{
  position: absolute;
  top: -10px;
  left: -35px;
  z-index: 610;}

.gmapInfoWindowLogoMonarch
{
  position: relative;
  top: -4px;
  left: -12px;
  z-index: 600;
}

.gmapInfoWindow h4
{
  margin: 0 0 0 -2px;
  font-size: 24px;
}

.gmapInfoWindow h5
{
  margin: 0;
  font-size: 12px;
  color: #000;
}

.gmapInfoWindow hours
{
}

.gmapInfoWindow .reportlink
{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 98px;
  height: 31px;
}


/* Menu monarch banner */
.menu_monarch
{
  position: absolute;
  right: 66px;
}


/* Menuboard */

.menu_board
{
  width: 690px;
  border: none;
}

.menu_board td
{
  padding: 0 5px;
}

.menu_board .blue_line
{
  border-top: 2px solid #0064a1;
}

.menu_board .pizza_size, .menu_board .pizza_crust
{
  width: 40px;
  font-weight: bold;
  text-align: center;
}

.menu_board .pizza_recommended_for, .menu_board td.pizza_recommended_for_heading
{
  color: #0064a1;
  width: 40px;
  font-weight: bold;
  text-align: center;
}

.menu_board td.pizza_recommended_for_heading
{
  text-align: left;
}
.menu_board .pizza_icon
{
  width: 45px;
}
.menu_board .pizza_icon div
{
  width: 45px;
  position: relative;
}

.menu_board .pizza_icon img
{
  position: absolute;
  top: -15px;
  right: 0;
}

.menu_board .pizza_number
{
  width: 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.menu_board .pizza_title
{
}

.menu_board .pizza_title h5
{
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin: 0;
}

.menu_board .pizza_title h5 a
{
  color: #000;
}

.menu_board .pizza_price
{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.menu_board .pizza_text
{
  border-top: 2px solid #c00;
  padding-bottom: 10px;
  color: #0064a1;
}

.menu_board .pizza_text img
{
  width: 8px;
  height: 8px;
}

/* Menu Specials */
.menu_specials
{
  width: 690px;
}

.discount
{
  background-color: #c00;
  color: #fff;
  display: inline-table;
  position: absolute;
  top: 57px;
  left: 75px;
  border: 1px solid #c00;
  text-align: center;
  font-weight: bold;
  line-height: 12px;
  margin: 0 20px;
  padding: 1px 10px;
  border-spacing: 0;
  vertical-align: top;
  border: 1px solid #fff;
}

.menu_specials h5
{
  display: inline;
  margin: 10px 0 0 0;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  color: #000;
}

.menu_specials h5 span
{
  font-size: 16px;
  line-height: 10px;
  font-weight: bold;
  color: #000;
}

.menu_specials h6
{
  margin: 5px 0 2px 0;
  font-size: 14px;
  color: #000;
}

.menu_specials td
{
  padding: 0 0 0 7px;
  position: relative;
  border: 2px solid #c00;
  font-size: 11px;
  line-height: 13px;
}

.menu_specials img
{
  float: right;
}

/* Menu toppings */
.menu_toppings
{
  margin: 0 20px;
}

.menu_toppings .left
{
  vertical-align: top;
  text-align: center;
  padding: 15px 0 0 0;
}

.menu_toppings .right
{
  vertical-align: top;
}

.menu_toppings h3
{
  font-size: 14px;
  margin: 10px 0 0 0;
}

.menu_toppings h4
{
  display: inline;
  font-size: 12px;
  color: #c00;
}

.menu_toppings div
{
  text-align: center;
}

/* Menu Drinks */
.menu_drinks
{
  width: 670px;
  margin: 10px;
  border: 2px solid #c00;
  padding: 10px 25px;
}

.menu_drinks_normal
{
  padding: 0 0 15px 0;
}

.menu_drinks_energy
{
  border-top: 2px solid #c00;
  padding: 15px 0 0 0;
}

.menu_drinks h3
{
  font-size: 16px;
  color: #000;
  display: inline;
}

.menu_drinks div
{
  display: block;
  position: relative;
  width: 200px;
  text-align: right;
  margin: 5px 0 0 0;
}

.menu_drinks div span.discount
{
  margin: 0;
  position: absolute;
  top: 2px;
  left: -10px;
}

.menu_drinks h4
{
  display: inline;
  margin: 10px 0 0 0;
  font-size: 20px;
  line-height: 10px;
  font-weight: bold;
  color: #000;
}

.menu_drinks h4 span
{
  font-size: 16px;
  line-height: 10px;
  font-weight: bold;
  color: #000;
}

.menu_drinks img.ml250
{
  float: right;
  margin: 0 100px 0 0 ;
}

.menu_drinks img.cl50
{
  float: left;
  margin: 10px 0 0 70px;
}

.menu_drinks img.cl150
{
  float: right;
  margin: -35px 40px 0 0;
}

/* Menu Sides */
.menu_sides
{
  margin: 15px 10px;
  width: 670px;
  border: 2px solid #c00;
  padding: 10px 25px;
}

.menu_sides img
{
  float: right;
  margin: 0 0 0 5px;
}

.menu_sides .chili
{
  position: relative;
  right: -30px;
}

.menu_sides h3
{
  color: #c00;
  font-size: 16px;
  margin: 0 0 30px 0;
}

.menu_sides h4
{
  color: #000;
  margin: 0;
  font-size: 16px;
}

.menu_sides h5
{
  margin: 10px 0 20px 0;
  font-size: 20px;
  line-height: 10px;
  font-weight: bold;
  color: #000;
}

.menu_sides h5 span
{
  font-size: 16px;
  line-height: 10px;
  font-weight: bold;
  color: #000;
}

.menu_sides .left, .menu_sides .right
{
  width: 50%;
  position: relative;
}

.menu_sides .left
{
  padding: 0 20px 0 0;
  border-right: 1px solid #c00;
}

.menu_sides .right
{
  padding: 0 0 0 20px;
  border-left: 1px solid #c00;
}

.menu_sides .sauce
{
  padding: 20px 0 0 0;
  border-top: 2px solid #c00;
}

.menu_sides .sauce h3
{
  margin: 0;
}

.menu_sides .sauce h3 span
{
  font-size: 20px;
}

.menu_sides .sauce h4
{
  margin: 0;
  font-size: 14px;
  font-weight: normal;
}

.menu_sides .sauce h5
{
}

.menu_sides div
{
  display: block;
  position: relative;
  width: 250px;
  text-align: right;
  margin: 5px 0 0 0;
}

.menu_sides div span.discount
{
  margin: 0;
  position: absolute;
  top: -1px;
  left: 45px;
}

.menu_sides .sauce div
{
  width: 190px;
}

.menu_sides .sauce img
{
  margin: 5px;
}

/* Historyboard */
.history_board
{
  width: 670px;
}

.history_board td
{
  background-color: #7fbcd4;
  padding: 5px;
}

.history_board .head
{
  color: #fff;
  background-color: #0064a1;
  font-weight: bold;
  text-align: center;
}

.history_board .year
{
  width: 75px;
  text-align: center;
}

/* Storeboard */
.store_board
{
  width: 450px;
  border-collapse: collapse;
}

.store_board h4
{
  padding: 30px 0 0 0;
}

div.monarch-notice {
  height: 20px;
  font-size: 12px;
  color: #0064a1;
  font-weight: normal;
  text-align: right;
  padding: 0 10px 0 0;
  margin: -20px 0 0 0;
}

div.gmapInfoWindow div.monarch-notice {
  padding: 0;
  margin: 0;
  text-align: left;
}
div.monarch-notice a {
  color: #0064a1;
}

div.monarch-notice b {
  color: #c00;
}

.store_board .store
{
  position: relative;
  padding: 10px;
  border: 2px solid #0064a1;
  height: 55px;
  margin: 0 0 10px 0;
}

.store_board .address
{
  vertical-align: top;
  float: left;
}

.store_board .address strong
{
  color: #cd1e20;
  font-size: 13px;
}

.store_board .hours
{
  float: right;
  padding: 0 20px 0 0;
}

.store_board .reportlink
{
  float: right;
  width: 98px;
  height: 31px;
}

/* Container for the blue stripe left to content and red barber shop right to content
There are to different clases. One for pages with submenu and for pages with no submenu */
.site-content-border-tab, .site-content-border-notabs
{
  background-image: url(../images/site-content-tab.png);
  background-repeat: repeat-y;
  background-color: transparent;
  background-position: 0% 0%;
}

.site-content-border-notabs
{
  background-image: url(../images/site-content.png);
}

.front .site-content-border-notabs
{
  background-image: url(../images/site-content-front-right-ads.png);
  z-index: 200;
  position: relative;
}

/* Breadcrumbs element* This element sets the red bacground so it matches the red border.
Each page contain a image with whitee static text matching the page name */
.breadcrumbs
{
  background-image: url(../images/breadcrumb-v1.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  height: 349px;
  position: absolute;
  right: 5px;
  top: 84px;
  width: 36px;
  z-index: 400;
}

/* Footer element */
#footer
{
  top: -20px;
  position: relative;
  padding: 40px 0px 0px 58px;
  font-size: 10px;
  background-image: url(../images/footer.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 885px;
  z-index: 200;
}

.front #footer
{
  background-image: url(../images/footer-front-right-ads.png);
  width: 680px;
}

.franchise #footer
{
  background-image: url(../images/footer-tab.png);

}

/* Footer menu */
ul#navigation-bottom
{
  margin: 0;
}

#footer li, #frontpage-footer li
{
  font-size: 11px;
  margin-right: 0px;
  color: #0064a1;
  float: left;
  height: 24px;
  overflow: hidden;
}

#footer li a, #frontpage-footer li a
{
  font-weight: bold;
  padding: 0 5px;
}

/* Element for linkimages to Facebook and Twitter */
div.social
{
  position: absolute;
  right: 0;
  top: 30px;
}

div.social a
{
  margin: 0 20px 0 0;
}

.front div.social
{
}
/* Element for the legal notice in the page footer */
p.notice
{
  clear: both;
  padding-top: 41px;
}

/* ul container for submenu on pages */
#menu-tabs
{
  margin: -10px 0px 0px -3px;
  padding: 0px;
  width: 81px;
  display: inline;
  float: left;
  list-style-type: none;
  list-style-position: outside;
/* list-style-image: ; */
}

/* ID´s for the li element containing the sub menu */
#menu-tabs li
{
  display: inline;
  margin: 0px;
  padding: 0px;
}

#menu-tabs a
{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0px;
  height: 23px;
  text-decoration: none;
  font-size: 10px;
  color: #fff;
  padding: 5px 0 0 5px;
  text-transform: uppercase;
  cursor: pointer;
  background-image: url(../images/left-vertical-tab.png);
  background-repeat: no-repeat;
}

#menu-tabs a.selected
{
  background-image: url(../images/left-vertical-tab-selected.png);
  color: #0064a1;
}

/* root element for horizontal scrollables */
.scrollable {
  bottom: -1px;
  height: 275px;
	overflow:hidden;
	width: 246px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .items .item {
	float:left;
	cursor:pointer;
	width:246px;
	height:275px;
}

.scrollable .items .item img {
  width: 236px;
  height: 275px;
}

/* position and dimensions of the navigator */
div.scrollable-navi {
	height:8px;
  bottom: -12px;
	cursor:pointer;
}


/* items inside navigator */
div.scrollable-navi a {
	width:14px;
	height:8px;
	float:left;
	background:url(http://flowplayer.org/tools/img/scrollable/arrow/navigator.png) center 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.scrollable-navi a:hover {
	background-position:center -8px;
}

/* active state (current page state) */
div.scrollable-navi a.active {
	background-position:center -16px;
}