body, ul, li { margin:0; padding:0; }

body
{
  font-family: Verdana; font-size: 11px; 
}

a img { border:none }

.color_fucsia { color: #e2007a }

h1 { font-size: 13px; margin-top: 5px; margin-bottom:5px;}

a {text-decoration: none; border-style: none; outline: none;}

#container { height: 650px; margin:0px auto; width: 1024px; }

#logo_puurstaud { position:absolute; left: 30px; border-style: none; }
#flavourites_banner { position:absolute; right: 10px; top: 40px; border-style: none; }
#facebook { position:absolute; right: 140px; top: 40px; border-style: none; }
#twitter { position:absolute; right: 170px; top: 40px; border-style: none; }

#ideal_logo { position:absolute; top: 6px; right: 10px; }

#shoppingbag { position:absolute; top: 15px; right: 45px; color: white;  }
#shoppingbag a { color: white; text-decoration: none; border-style: none; }

#cat_girls { position:absolute; top: 80px; right: 340px; }
#cat_women { position:absolute; top: 80px; right: 220px; }
#cat_boys { position:absolute; top: 80px; right: 90px; }

#breadcrumbs { position: absolute; left: 0px; top: 90px; color: white; font-size: 11px;}
#breadcrumbs a { text-decoration: none;  border-style: none; color: white}
#breadcrumbs li {
  float: left;
  list-style: none;
  padding-right: .3em;
  padding-left: .3em;
}

input {  font-family: Verdana; font-size: 11px; }
select {  font-family: Verdana; font-size: 11px; }
button { font-family: Verdana; font-size: 11px; }

button.bw_button { background-color: #4d4d4f; color: white; cursor:pointer;} 
input.bw_button { background-color: #4d4d4f; color: white; cursor:pointer; } 

button.white_button { background-color: white; color: black; cursor:pointer;} 
input.white_button { background-color: white; color: black; cursor:pointer; } 

#logo_trigger { position:absolute; left: 4px; top: 585px; }

#logo_philomijn { position:absolute;  left: 102px; top: 580px; }
#logo_gewoon { position:absolute; left:104px; top:620px; }

#logo_aigle { position:absolute; left: 150px; top: 570px; }

#logo_bomala { position:absolute; left: 232px; top: 575px; }
#logo_engelpunt { position:absolute; left:242px; top: 615px; }

#logo_anne_claire { position:absolute; left: 353px; top: 580px; }
#logo_mijnes { position:absolute; left: 373px; top: 615px; }

#logo_dekunstboer { position:absolute; left:483px; top: 570px; }
#logo_designheroes { position:absolute; left:498px; top: 605px; }

#logo_rubybrown { position:absolute; left:610px; top: 570px; }

#logo_giddygiddy { position:absolute; left:690px; top: 570px; }
#logo_sanita { position:absolute; left:710px; top: 615px; }

#logo_tapete { position:absolute; left:825px; top: 575px; }
#logo_zebra { position:absolute; left:825px; top: 615px; }

#logo_cowboysbelt { position:absolute; left:925px; top: 585px; }
#click_op_logo{ position:absolute; left:55px; top: 550px; }

#info { position:absolute; top: 650px; left: 0px; width: 1024px; padding: 5px 0px;text-align: center; white-space: nowrap; letter-spacing: 1px; background-color: black;}
#info a { text-decoration: none; border-style: none;padding-left: 10px; padding-right:10px; color: white;} 
#info b { font-weight: normal; color: white; };
.product_image {  border-style: none; }

#info_page_container 
{ 
  position: absolute;
  top: 120px; 
  left: 0px; 
  right: 0px; 
  height: 420px; 
  padding: 0px;
}

#info_page_container_big 
{ 
  position: absolute;
  top: 120px; 
  left: 0px; 
  right: 0px; 
  height: 480px; 
  padding: 0px;
}

#info_page_translucentbkg
{
  position: absolute;
  top:0;left:0;bottom:0;
  width:100%;
  height:100%;
  
  background-color: black; 
  opacity:.4; /* FX/Opera/Safari/Chrome */
  -ms-filter:"alpha(opacity=40)"; /* IE8 */
  filter:alpha(opacity=40); /* IE6/IE7 */
}

#info_page
{
  position: absolute;
  width:100%;
  height:100%;
  color: white;
  background-color: transparent; 
  z-index: 2;   
}

#alertBox {
	position:absolute;
	width: 358px;
	height: 270px;
    left: 300px;
	margin-top: 180px;
    background-color: #595454;
    color: white;
    opacity:.97; /* FX/Opera/Safari/Chrome */
    -ms-filter:"alpha(opacity=97)"; /* IE8 */
    filter:alpha(opacity=97); /* IE6/IE7 */
    border: 2px solid white;
    z-index:999;
}

#alertBox h2 {
 margin:5px;
 font-weight: bold;
 font-size: 12px;
 border-bottom:1px solid white;
 padding:2px 5px 7px 5px;
}

#alertBox p {
 margin-top:15px;
 margin-left:15px;
 margin-right:15px;
 font-size: 11px;
}

#alertBox #closeBtn {
 display:block;
 position:absolute;
 left:280px;
 top:250px;
 width:75px;
 height:23px;
 text-decoration: none;
 font-weight: bold;
 color: white;
}

#alertBoxLarge {
	position:absolute;
	width: 800px;
	height: 400px;
    left: 100px;
	margin-top: 130px;
    background-color: #595454;
    color: white;
    opacity:.97; /* FX/Opera/Safari/Chrome */
    -ms-filter:"alpha(opacity=97)"; /* IE8 */
    filter:alpha(opacity=97); /* IE6/IE7 */
    border: 2px solid white;
    z-index:999;
}

#alertBoxLarge h2 {
 margin:5px;
 font-weight: bold;
 font-size: 12px;
 border-bottom:1px solid white;
 padding:2px 5px 7px 5px;
}

#alertBoxLarge p {
 margin-top:15px;
 margin-left:15px;
 margin-right:15px;
 font-size: 12px;
}

#alertBoxLarge #closeBtn {
 display:block;
 position:absolute;
 left:700px;
 top:370px;
 width:75px;
 height:23px;
 text-decoration: none;
 font-weight: bold;
 color: white;
}

/* CSS for brand pages. philomijn, aigle, .. */

.brand_info_small { position: absolute; top: 130px; left: 20px; height: 414px; width: 350px;
  display: block; background-color: white; z-index:999; }

.brand_info_large { position: absolute; top: 130px; left: 20px; height: 520px; width: 1020px;
  display: block; background-color: white;z-index:999; }

.brand_info_large_rb { position: absolute; top: 130px; left: 20px; height: 550px; width: 1020px;
  display: block; background-color: white;z-index:999; }

#scrollProducts_brands { position: absolute; top: 130px; right: 20px; height: 415px; width: 600px; 
  background-color: white; overflow:hidden }

#brand_text { margin-left: 10px; margin-right:20px; overflow:hidden; color: #4D4D4F; font-size: 11px; }
.brand_text_small { height: 250px; overflow: hidden;}
.brand_text_small_rb { height: 235px; overflow: hidden;}
.brand_text_small_bomala { height: 245px; overflow: hidden;}
.brand_text_small_philomijn { height: 245px; overflow: hidden;}
.brand_text_small_tapete { height: 255px; overflow: hidden;}
.brand_text_small_aigle { height: 247px; overflow: hidden;}
.brand_text_small_anneclairepetit { height: 230px; overflow: hidden;}
.brand_text_small_cowboysbelt { height: 247px; overflow: hidden;}
.brand_text_small_sanita { height: 280px; overflow: hidden;}
.brand_text_small_engelpunt { height: 245px; overflow: hidden;}
.brand_text_small_mijnes { height: 225px; overflow: hidden;}
.brand_text_small_dekunstboer  { height: 90px; overflow: hidden; }
.brand_text_small_designheroes { height: 183px; overflow: hidden; }
.brand_text_large {  }

#brand_text p { margin-top : 3px; margin-bottom: 3px; }

#left_arrow_brand { position: absolute; top: 550px; left: 410px; }
#right_arrow_brand { position: absolute; top: 550px; right: 25px;  }

#id_more { position: absolute; bottom: 10px; right: 25px; }
#id_more a { color: black; border-style: none; text-decoration: none; color: #4D4D4F; }

#id_back { position: absolute; bottom: 10px; right: 25px; display: none; }
#id_back a { color: black; border-style: none; text-decoration: none; color: #4D4D4F; }

#brand_name a { text-decoration: none;  border-style: none; color: #4D4D4F;}

#cat_girls_brand { position:absolute; top: 80px; right: 330px; }
#cat_women_brand { position:absolute; top: 80px; right: 210px; }
#cat_boys_brand { position:absolute; top: 80px; right: 70px; }