/*############################################################################*/
/*# WHITE BASIC CSS */

/*###### RESET_CSS (http://developer.yahoo.com/yui/reset/) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img,a {
  border:                      0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym {
  border:                      0;
}

/*###### /RESET_CSS */
/*###### BASIC STYLES */

body {
  width:                       100%;
  height:                      100%;
  cursor:                      default;
}

.hidden {
  display:                     none;
}


strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

a {
  text-decoration:             none;
  cursor:                      pointer;
  outline:                     none;
}

a:hover {
  text-decoration:             underline;
}

ol,ul {
  margin-left:                 12px;
  padding-left:                16px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
}
.clear{
	clear:both;
}

/*###### /BASIC STYLES */

/*# /WHITE BASIC CSS */
/*############################################################################*/
/*# SITE BASIC CSS */

body {
  font:                        normal 12px Tahoma, verdana, sans-serif;
  line-height:                 16px;
  color:                       #666666;
}

h1 {
  margin:                      0px 0px 24px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   19px;
  color:                       #472f91;
  text-transform:              uppercase;
}

  h1 span {
    text-transform:              uppercase;
    color:                       #cd045d;
  }

h2 {
  margin:                      42px 0px 25px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   14px;
  color:                       #472f91;
  text-transform:              uppercase;
}

h3 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
	text-transform:								uppercase;
	color: 												#462f90;
}

h4 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   13px;
  color:                       #646464;
  font-weight:                 bold;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   14px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
}

hr {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #009EE0;
}

p {
  margin:                  10px 0px;
}

a {
  color:                       #cf0360;

}
.right{
	float:right;
}

.left{
	float:left;
}
.purple{
color: #462f90;
}

.pink{
color: #bc0458;
}

/*# /SITE BASIC CSS */
/*############################################################################*/
/*# Form CSS */

form{

}

fieldset {
  border:                      0px;
  margin-bottom: 20px;
}

xmp {
  font-size:                   18px;
}

label.before {
  clear:                       left;
  float:                       left;
  display:                     inline;
  width:                       150px;
  line-height:                 20px;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input.required, textarea.required, select.required {
  background-image:            url('../images/form_required.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       220px;
  height:                      14px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #003745;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       224px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #003745;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  font:                         bold 12px tahoma;
	color: 												#FFFFFF;
	background-image: 						url(../images/bg-btn.png);
	background-repeat:						no-repeat;
  vertical-align:               middle;
	border:												0px;
	width:												108px;
	height: 											20px;
	float:												right;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       360px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
  border:                      0px;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
}

select.select {
  width:                       50px;
  height:                      18px;
  font:                        normal 12px tahoma, sans-serif;
	color: 											#666666;
  border:                      1px solid #000000;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       220px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #003745;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  clear:                       both;
  line-height:                 20px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-top:                 4px;
}

li.smallline {
  clear:                       both;
  line-height:                 12px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              2px;
}

li.buttons {
  clear:                       both;
  width:                       400px;
  height:                      22px;
  line-height:                 22px;
}
input submit {
  float:                       right;
  display:                     inline;
}

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 150px;
  font-size:                   10px;
  height:                      16px;
  line-height:                 16px;
}
div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}
div.fielderror {
  margin:                      0px;
  margin-left:                 150px;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

select#gender {
  width:                       70px;
  vertical-align:              middle;
}

input#firstname {
      width: 145px;
	 font:                        normal 12px tahoma, sans-serif;
		color: 											#666666;
		border:                      1px solid #000000;
		margin-top: -3px;
	  height:                      14px;
}

.contentdiv  input#firstname{
	 border:                      1px solid #d3d3d3;
	 width:112px;
}

.contentdiv select.select {
	 border:                      1px solid #d3d3d3;
}


input#tussenvoegsel, input#surname, input#e-mail {
  width:                       165px;
	 font:                        normal 12px tahoma, sans-serif;
	 color: 											#666666;
	 border:                      1px solid #d3d3d3;
	 margin-top: -3px;
	 height:                      14px;
	margin-top: 10px;
}

input#street {
  width:                       172px;
}

input#housenr {
  width:                       40px;
}

input#zip {
  width:                       80px;
}

input#city {
  width:                       132px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
  display:                     inline;
}
div#captcha1 img {
  margin-bottom:               5px;
}

div#captcha2 {
  float:                       left;
  display:                     inline;
  padding-left:                16px;
  font-size:                   10px;
  color:                       #999999;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px 0px;
}

input#captcha_code {
  width:                       106px;
}

div#captcha_code_error {
  clear:                       both;
}



div#requiredtext {
  float:                       left;
	width: 											 162px;
  display:                     inline;
  text-align:                  left;
  margin-right: 							 137px;
}

/*# TEMPLATE CSS */

body {
  width:                       100%;
  height:                      100%;
  margin:                      0px;
  padding:                     0px;
  background:                  #a7106c url('../images/site_background_repeat-x.jpg') repeat-x;
}

#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
}



#submenu {
  height:                      32px;
  margin-bottom:               14px;
	margin-top:									-10px;
  background:                  #ffffff url('../images/site_submenu_bg.gif') bottom center no-repeat;
}

#content {

}

#site {
  width:                       920px;
  min-height:                  100%;
  margin:                      0 auto;
  text-align:                  left;
  background:                  #ffffff;
	padding:	                   10px;
	margin-top:									 10px;
}

#header {
	position:                    relative;
  height:                      100px;
	background-image:						 url(../images/bg-header.png);
	background-repeat:					 no-repeat;
	
}

#header a#logo {
    position:                  absolute;
    display:                   block;
    width:                     220px;
    height:                    74px;
    margin:                    14px 0px 0px 20px;
  }

#header #search {
  position:                      absolute;
	height:                        22px;
	top:                           24px;
	right:                         0px;
	width:                         auto;
  background:                    #ffffff url('../images/bg-search.png') no-repeat;

  }
#search input {
    vertical-align:              middle;
    outline:                     none;
  }
	
#search input.text {
    width:                       110px;
    height:                      14px;
    margin:                      0px 4px 0px 8px;
    padding:                     1px 2px;
    font:                        normal 11px arial, sans-serif;
		color:											 #c0c0c0;
    border:                      1px solid #FFFFFF;
    background-color:            transparent;
  }

#search input.button {
    width:                       13px;
    height:                      34px;
    cursor:                      pointer;
  }

#header #sharing {
	position: absolute;
	top: 57px;
	right: 0px;
}

#menu {
  height:                       40px;
	border-bottom:								1px solid #c0c0c0;
	border-top: 									1px solid #c0c0c0;
	margin-bottom:         			10px;
	
}

#container {
  background:                  #ffffff;
}

#flash, #mainContent{
	min-height: 395px;

	margin-bottom: 10px;
}

#mainContent{
padding-left: 10px;
}


#specialContent{
	background-image:url(../images/bg-specialcontent.png);
	background-repeat:repeat-x;
	background-color:#f5f5f5;
	min-height: 240px;
	padding:15px;
	width: 890px;
}

 .contentdiv{
	width:170px;
	height:240px;
	background-image:url(../images/bg-small-specialblok.png);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	margin-right: 15px;
	padding:10px 20px;
}


 .contentdivBig{
	width:400px;
	height:240px;
	background-image:url(../images/bg-big-specialblok.png);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	padding:10px 20px;
}

.contentdiv.last{
	margin-right:0px;
	float:right;
}

.contentdiv a{
	background-image:url(../images/bg-link.png);
	background-repeat:no-repeat;
	padding-left:15px;
	background-position:0px 4px;
}

.contentdiv table tr td{
	height: 25px;
	width: 30%;
}

.contentdiv .specialContent, .contentdivBig .specialContent{
	height: 170px;
	margin-top:10px;
}

.buttonholder{
	width: 170px;
}

.calender{
	background-image: url(../images/calender.png);
	background-repeat:no-repeat;
	width:158px;
	height:147px;
	margin-left:10px;
	text-align:center;
	padding-top:20px;
	line-height:35px;
	font-size:20px;
	color: #472f91;
	

}

.foldout{
	padding:10px 20px;
	border: 1px solid #c0c0c0; 
	margin-top:10px;     
	text-align: right;                                                    
}

#slidingDivStores, #slidingDivInformation {
  display: none;
	text-align:left;
	margin-top: 10px;
	
}

#brandScroller {
height:90px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
margin-bottom: 10px;
margin-top: 25px;
}

/* ### MAIN MENU */
ul.mainmenu {
  height:                      36px;
  margin:                      0px;
  padding:                     0px;
}

ul.mainmenu li {
  height:                      36px;
  margin:                      0px;
  padding:                     0px;
  list-style-type:             none;
  text-align:                  center;
  float:                       left;
}

ul.mainmenu li.last {
    border-right:              0px;
}

ul.mainmenu li a.mainitem,
ul.mainmenu li a.mainitem:hover,
ul.mainmenu li a.mainitem_on,
ul.mainmenu li a.mainitem_selected {
  height:                      36px;
  padding:                     0px 16px 0px 16px;
  font-size:                   15px;
  text-decoration:             none;
  line-height:                 36px;
  white-space:                 nowrap;
	color: 												#472f91;
	font-weight:									normal;
}

ul.mainmenu li a.mainitem_on,
ul.mainmenu li a.mainitem_selected {
  font-weight:                 bold;
}

ul.mainmenu a.mainitem:hover,
ul.mainmenu a.mainitem_on,
ul.mainmenu a.mainitem_on:hover {
  text-decoration:             underline;
}



/* ### FOOTER */
div#footer {
  height:                      20px;
  line-height:                 24px;
  margin:                      10px auto 0px auto;
  text-align:                  left;
  font-size:                   11px;
	border-top: 									1px solid #c0c0c0;
}

  div#footertext a {
    color:                      #646464;
    text-decoration:            none;
  }

  div#footertext a:hover {
    text-decoration:            underline;
  }


#powered {
     margin: 0 auto;
    text-align: right;
    width: 932px;
		font-size:10px;
		color: #FFFFFF
}

#powered a{
	color: #FFFFFF;
}
/* ### SUB MENU */
ul.submenu {
  height:                      32px;
  margin:                      0px;
  padding:                     0px 0px 0px 5px;
}

ul.submenu li {
  height:                      32px;
  margin:                      0px;
  padding:                     0px;
  list-style-type:             none;
  text-align:                  center;
  float:                       left;
  font-size:                   13px;
}

ul.submenu li.last {
    border-right:              0px;
}

ul.submenu li a.mainitem,
ul.submenu li a.mainitem:hover,
ul.submenu li a.mainitem_on,
ul.submenu li a.mainitem_selected {
  height:                      32px;
  border-right:                1px solid #cd045d;
  padding:                     0px 10px 0px 10px;
  font-size:                   13px;
  font-weight:                 normal;
  text-decoration:             none;
  line-height:                 32px;
  color:                       #cd045d;
  white-space:                 nowrap;
}

ul.submenu li a.last,
ul.submenu li a.last:hover {
  border-right:               0px;
}

ul.submenu li a.mainitem_selected {
  font-weight:                 bold;
}

ul.submenu li a.mainitem:hover,
ul.submenu li a.mainitem_on,
ul.submenu li a.mainitem_on:hover {
  text-decoration:             underline;
}

/*# /TEMPLATE CSS */
/*############################################################################*/
/** aanbieding blokjes***/
.offer_itemholder {
    background: url("../images/offer_item.png") no-repeat scroll left top transparent;
    float: left;
    height: 134px;
    padding: 12px 22px 0;
    width: 144px;
}

a.offer_item, a.offer_item:hover {
    display: block;
    height: 48px;
    padding: 6px;
    width: 132px;
}

span.offer_link {
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

div.offer_browseholder {
    clear: both;
    height: 31px;
    padding-top: 12px;
    text-align: center;
}


/** winkel overzicht **/
ul.categoryshoplist {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 225px;
}
ul.categoryshoplist li {
    list-style-type: none;
    margin: 0;
    padding: 0;
		line-height:25px;
}

/** telefoonboek**/
ul.tl_alphabet {
    clear: both;
    color: #CF0360;
    font: bold 12px arial,sans-serif;
    margin: 16px 0 30px;
    padding: 0;
    width: 900px;
}

ul.tl_alphabet li {
    float: left;
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
}

ul.tl_alphabet li.last {
    margin-left: 20px;
}

ul.telephonelist {
    clear: both;
    margin: 0;
    padding: 0;
    width: 900px;
}

ul.telephonelist li {
    border-bottom: 1px solid #E1DFEC;
    height: 29px;
    list-style-type: none;
}

ul.telephonelist li span {
    display: inline;
    float: left;
    line-height: 27px;
    margin-left: 20px;
    width: 250px;
}

ul.telephonelist li span {
    display: inline;
    float: left;
    line-height: 27px;
    margin-left: 20px;
    width: 250px;
}

ul.telephonelist li span {
    display: inline;
    float: left;
    line-height: 27px;
    margin-left: 20px;
    width: 250px;
}

ul.telephonelist li span.website a {
    color: #CF0360;
    font-weight: normal;
    text-decoration: none;
}

/** plattegrond**/
div.floorplanholder {
  height:                      550px;
	text-align:								center;
}

body.location_holder {
  width:                       900px;
  background:                  #FFFFFF;
}

div.shoplocation,
div.shopdetail {
  width:                       220px;
  margin:                      0 auto;
}

div.shoplocation {
  position:                    relative;
  width:                       426px;
}

div.location_border {
  height:                      20px;
  overflow:                    hidden;
}

div.locationaddress {
  padding:                     0 32px;
  line-height:                 20px;
  text-align:                  center;
  border:                      0 none;
  overflow-x:                  hidden;
  background:                  url('http://www.megastoresdenhaag.nl/images/location_bg.png') repeat-y left top;
}
span.location_store {
  font-weight:                 bold;
  font-size:                   15px;
  color:                       #472F91;
  text-transform:              uppercase;
}
div.location_label {
  position:                    absolute;
  top:                         10px;
  right:                       10px;
  width:                       89px;
  height:                      89px;
  overflow:                    hidden;
}

div.locationfooter {
  width:                       159px;
  height:                      5px;
  line-height:                 1px;
  margin:                      0 auto;
}

ul.flooroverview {
  float:                       left;
  width:                       167px;
  margin:                      0px;
  padding:                     0px;
}
ul.flooroverview li {
  margin:                      0px;
  padding:                     0px;
  list-style-type:             none;
  font-size:                   11px;
  color:                       #000000;
}
ul.flooroverview li a {
  font-weight:                 normal;
  color:                       #000000;
  text-decoration:             none;
}
ul.flooroverview li a:hover {
  color:                       #CF0360;
  text-decoration:             underline;
}

div.clearfloat {
  clear:                       both;
}

iframe#locationframe {
  width:                       668px;
  height:                      200px;
}

/* ### Openingstijden */
div.specialday_next {
  width:                       722px;
  height:                      68px;
  margin:                      0px 0px 0px -10px;
  background:                  url('http://www.megastoresdenhaag.nl/images/openingstijden_bg.png') no-repeat;
}

  div.specialday_next div {
    float:                       right;
    width:                       230px;
    margin:                      18px 30px 0px 0px;
    line-height:                 30px;
    font-size:                   28px;
    color:                       #cd045d;
    font-weight:                 bold;
    text-align:                  left;
  }
	
	/* ### NEWSLETTER FORM */
#nne_error {
  color:                       #ff0000;
  font-size:                   12px;
  margin-bottom:               15px;
}

td.nne_text {
  width:                       150px;
  height:                      14px;
  padding:                     1px;
  background-color:            #FFFFFF;
  cursor:                      text;
  vertical-align:              middle;
  padding-bottom:              8px;
}

.editorbody{
background:#FFFFFF;
}
	/* ### Plattegrond */
.store_holder {
width: 200px;
padding-left: 10px;
padding-right: 10px;
float: left;
}
.store_legend {
width: 164px;
padding-left: 10px;
padding-right: 10px;
float: left;
}

.store_title {
width: 100%;
height: 20px;
padding-top: 8px;
font-weight: bold;
border-bottom: solid 1px #ce045d;
margin-bottom: 4px;
color: #ce045d;
}

.store_link {
display: block;
width: 100%;
height: 18px;
text-decoration: none;
color: #472f92;
}

.store_link:hover {
color: #ce045d;
}
.store_nr {
float: left;
display: block;
width: 40px;
height: 18px;
line-height: 18px;
}
.store_name {
float: left;
display: block;
width: 140px;
height: 18px;
line-height: 18px;
overflow: hidden;
}
.store_level {
float: left;
display: block;
width: 20px;
height: 18px;
line-height: 18px;
}
.sitemaptable {
width: 300px;
}