@import "../../common/css/cityselfstorage.css";


#header .h1 span.ir , #header_home .h1 span.ir {
  background: url(../images/layout/background/h1.png) 0 0 no-repeat;  
}


#navi #li27 {
  width: 92px;
}

#navi #li139 {
  width: 59px;
}

#navi #li140 {
  padding-left:13px;
  width:67px;
}

#navi #li141 {
  width: 167px;
}

#navi #li142 {
  width: 54px;
}

/*
#navi li.our_offices ul {
  width: 154px;
  background: url("../images/layout/background/navi_ul.png") 0 100% no-repeat;
  _background: url("../images/layout/background/navi_ul-ie6.gif") 0 100% no-repeat;
}

#navi li.our_offices:hover, #navi li.our_offices.hover {
  background: url("../images/layout/background/navi_our_offices.png") 0 0 no-repeat;
}
*/

          /* social box */
          
.social_box #call_us_now span.ir, .root_social_box #call_us_now span.ir {
  background: url(../images/layout/background/call_us_now.png) 0 0 no-repeat; 
}   
         
#call_me_back span.ir {
  background: url(../images/layout/background/call_me_back.png) 0 0 no-repeat;
}

#price_request span.ir {
  background: url(../images/layout/background/price_request.png) 0 0 no-repeat;
}
          
#footer_call_us_now span.ir {
  background: url(../images/layout/background/footer_call_us_now.png) 0 0 no-repeat;
}

#contact_us span.ir {
  background: url(../images/layout/background/contact_us.png) 0 0 no-repeat;
}

          /* portfolio_nav */

#portfolio_nav_1 span.ir {
  background: url(../images/layout/portfolio_nav/portfolio_nav_1.png) 0 0 no-repeat;
}

#portfolio_nav_2 span.ir {
  background: url(../images/layout/portfolio_nav/portfolio_nav_2.png) 0 0 no-repeat;
}

#portfolio_nav_3 span.ir {
  background: url(../images/layout/portfolio_nav/portfolio_nav_3.png) 0 0 no-repeat;
}

#portfolio_nav_4 span.ir {
  background: url(../images/layout/portfolio_nav/portfolio_nav_4.png) 0 0 no-repeat;
}

#portfolio_nav_1:hover span.ir, #portfolio_nav_1.act span.ir,
#portfolio_nav_2:hover span.ir, #portfolio_nav_2.act span.ir,
#portfolio_nav_3:hover span.ir, #portfolio_nav_3.act span.ir,
#portfolio_nav_4:hover span.ir, #portfolio_nav_4.act span.ir {
  background-position: 0px -52px;
}

          /* root social box */

#s_skype span.ir {
  background: url(../images/layout/background/s_skype.png) 0 0 no-repeat; 
}

#s_call_back span.ir {
  background: url(../images/layout/background/s_call_back.png) 0 0 no-repeat; 
}

#s_price_request span.ir {
  background: url(../images/layout/background/s_price_request.png) 0 0 no-repeat;
}

#s_contact_us span.ir {
  background: url(../images/layout/background/s_contact_us.png) 0 0 no-repeat; 
}

          /* portfolio_nav */

#secondary_nav_1 span.ir {
  background: url(../images/layout/secondary_nav/secondary_nav_1.png) 0 0 no-repeat;
}

#secondary_nav_2 span.ir {
  background: url(../images/layout/secondary_nav/secondary_nav_2.png) 0 0 no-repeat;
}

#secondary_nav_3 span.ir {
  background: url(../images/layout/secondary_nav/secondary_nav_3.png) 0 0 no-repeat;
}

#secondary_nav_4 span.ir {
  background: url(../images/layout/secondary_nav/secondary_nav_4.png) 0 0 no-repeat;
}

#secondary_nav_1:hover span.ir, #secondary_nav_1.act span.ir,
#secondary_nav_2:hover span.ir, #secondary_nav_2.act span.ir,
#secondary_nav_3:hover span.ir, #secondary_nav_3.act span.ir,
#secondary_nav_4:hover span.ir, #secondary_nav_4.act span.ir {
  background-position: 0px -52px;
}

.portfolio_nav_content .content {
  min-height: 242px;
  _height: 242px;
}


.portfolio_nav_content .content {
  background: url(../images/layout/portfolio_nav/portfolio_nav_content_content2.png) 0 0 no-repeat;
}

.portfolio_nav_content .content .item ul.v3 li strong {
  font-size: 0.75em;
}


#pop { position: absolute; top: 211px; left: 217px; width: 450px; height: 450px; z-index: 100; background: url(/se/images/content/bnrs/cityselfstorage-popup-03.png) left top no-repeat; }
#pop-close { display: block; width: 55px; height: 30px; position: absolute; top: 290px; left: 365px; cursor: pointer; z-index: 102; text-decoration: none; }
#linker { display: block; width: 450px; height: 450px; position: absolute; top: 0px; left: 0px; cursor: pointer; z-index: 102; text-decoration: none; }

#pop2_holder {
  position: absolute;
  top: 150px;
  left: 0px;
  width: 100%;
  height: 450px;
  text-align: center;
  z-index: 200;
}

#pop2 { position: relative; width: 450px; height: 414px; background: url(/se/images/content/bnrs/popup_banner_dusicky.png) left top no-repeat; margin: 0px auto; text-align: left;}
#pop-close2 { display: block; width: 23px; height: 23px; position: absolute; top: 365px; left: 403px; cursor: pointer; z-index: 102; text-decoration: none; }
#wall1,#wall2,#wall4,#wall5 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 100; opacity: 0.85; filter: alpha(opacity = 85);}

#pop4{width: 790px; height: 572px; position: relative;
  background-image:url("../images/content/css-oppettider-03.png");
}
#pop4_holder{width:790px;height:572px;
  position:absolute;top:40%;left:40%;
  margin-left:-290px;margin-top:-188px;
  z-index:101;
}

#facebook-pop {
  display: block;
  width: 322px; height: 62px;
  position: absolute; z-index: 500; top: 422px; left: 334px;
  text-decoration: none;
}

#close-pop {
  display: block;
  width: 82px ; height: 82px;
  position: absolute; z-index: 500; top: 453px; left: 686px;  
  text-decoration: none;
}

    /* wall5 :: start */
    
#pop5{width: 846px; height: 412px; position: relative;
  background-image:url("../images/content/css-winter-2011-v2.png");
}
#pop5_holder{width:846px;height:412px;
  position:absolute;top:40%;left:40%;
  margin-left:-310px;margin-top:-188px;
  z-index:101;
}
#pop5 #targetlink{
  display: block;
  width: 838px ; height: 412px;
  position: absolute; z-index: 500; top: 0; left: 0;
  text-decoration: none;
}
#pop5 #close-pop{
  display: block;
  width: 52px ; height: 52px;
  position: absolute; z-index: 500; top: 360px; left: 786px;
  text-decoration: none;
}
/* wall5 :: finish */


#pop3_holder { position: absolute; top: 150px; left: 0px; width: 100%; height: 600px; text-align: center; z-index: 200;}
#pop3 { position: relative; width: 450px; height: 410px; background: url(/se/images/content/bnrs/cityselfstorage_oteviraci-doba-svedsko-01.png) left top no-repeat; margin: 0px auto; text-align: left;}
.norrtull #pop3 {width: 433px; height: 400px; background: url(/se/images/content/bnrs/popup_clock.png) left top no-repeat;}
.vasastan #pop3 {width: 433px; height: 400px; background: url(/se/images/content/bnrs/popup_clock.png) left top no-repeat;}
.gardet #pop3 {width: 530px; height: 459px; background: url(/se/images/content/bnrs/cityselfstorage_akce_gardet.png) left top no-repeat;}
.solna #pop3 {width: 600px; height: 350px; background: url(/se/images/content/bnrs/popup-se-solna-01.png) left top no-repeat;}
.sodermalm #pop3 {width: 600px; height: 350px; background: url(/se/images/content/bnrs/popup-se-sodermalm-01.png) left top no-repeat;} 

.vinsta #pop3 {width: 450px; height: 376px; background: url(/se/images/content/bnrs/css_banner_vinsta.png) left top no-repeat;}
.vinsta #pop3 #pop-close3{position:absolute;}

.vastberga #pop3 {width: 530px; height: 459px; background: url(/se/images/content/bnrs/cityselfstorage_akce_vastberga.png) left top no-repeat;}
.varby #pop3 {width: 530px; height: 459px; background: url(/se/images/content/bnrs/cityselfstorage_akce_varby.png) left top no-repeat;}
.norrtull #pop-close3,
.vasastan #pop-close3,
.gardet #pop-close3,
.solna #pop-close3,
.sodermalm #pop-close3,
.vinsta #pop-close3,
.vastberga #pop-close3,
.varby #pop-close3 {top:0;left:0;height:100%;width:100%;cursor:pointer;}

.norrtull #pop-close3,
.vasastan #pop-close3{width:43px;height:43px;left:392px;top:357px;background: url(/se/images/layout/background/blank.gif);}

#pop-close3 { display: block; width: 22px; height: 20px; position: absolute; top: 360px; left: 383px; cursor: pointer; z-index: 102; text-decoration: none; }
#wall3 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 200; opacity: 0.85; filter: alpha(opacity = 85);}

/*
#pop2_holder { position: absolute; top: 150px; left: 0px; width: 100%; height: 700px; text-align: center; z-index: 300;}
#pop2 { position: relative; width: 507px; height: 374px; background: url(/se/images/content/bnrs/cityselfstorage-vinn-01.png) left top no-repeat; margin: 0px auto; text-align: left;}
#pop-close2 { display: block; width: 40px; height: 40px; position: absolute; top: 10px; left: 467px; cursor: pointer; z-index: 102; text-decoration: none; }
#pop2_holder a.pop-link {position:absolute;left:0;top:0;height:100%;width:100%;cursor:pointer;text-decoration:none;}
*/

#pop1_holder { position: absolute; top: 150px; left: 0px; width: 100%; height: 700px; text-align: center; z-index: 300;}
#pop1 { position: relative; width: 446px; height: 323px; background: url(/se/images/content/bnrs/norrtull.png) left top no-repeat; margin: 0px auto; text-align: left;}
#pop-close1 { display: block; width: 40px; height: 40px; position: absolute; top: 38px; left: 390px; cursor: pointer; z-index: 102; text-decoration: none; }

/* ----------------------- Popup ----------------------- */

/* General classes */

.modal-overlay {
  position: fixed; z-index: 201; top: 0; bottom: 0; left: 0; right: 0;
  width: 100%; height: 100%;
  background-color: #fff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.modal-box {  
  position: fixed; z-index: 301; top: 50%; left: 50%;
}

.modal-box .link {
  display: block;
  position: absolute; z-index: 401;
  background: url('../images/layout/background/transparent.gif') repeat;
}

/* Parameters that should be changed according to the actual banner */

  /* Homepage banner for SE version */
  
  .homepage-popup-se {           /* Centers the banner - use negative half of the width and height of the banner */
    margin-left: -292px;
    margin-top: -190px;
  }
  
  .homepage-popup-se .close {
    top: 0px; left: 0px; 
    width: 760px; height: 470px;
  }
  
    /* Links within the banner */
  
    .homepage-popup-se #link-1 {
      top: 0px; left: 0px;
      width: 600px; height: 350px;
    }

  /* Pages of the offices */
  
  .solna-se {
    margin-left: -300px;
    margin-top: -175px;    
  }
  
  .solna-se .close {
    top: 0px; bottom: 0px; left: 0px; right: 0px; 
    width: 100%; height: 100%;  
  }
  
  .sodermalm-se {
    margin-left: -300px;
    margin-top: -175px;  
  }
  
  .sodermalm-se .close {
    top: 0px; bottom: 0px; left: 0px; right: 0px; 
    width: 100%; height: 100%;  
  }
  
  .vasastan-se {
    margin-left: -300px;
    margin-top: -175px;  
  }
  
  .vasastan-se .close {
    top: 0px; bottom: 0px; left: 0px; right: 0px; 
    width: 100%; height: 100%;  
  }
  
.wysiwyg table.common.special_opening {
	border: 1px solid red;
	width: 194px !important;
	position: relative;
	top: -12px;
}

.wysiwyg table.common.special_opening th {
	text-align: center;
	color: red;
}

.wysiwyg h2.special_opening {
	color: red !important;
	display: block;
	position: relative;
	top: -16px;
	margin-bottom: 0px;
}


#famous .item.v1 {
  width: 244px;
}

#famous .item.v2 {
  width: 212px;
}

#famous .item.v3 {
  width: 200px;
}

#famous .item.v4 {
  width: 160px;
}

/* swf flash - popup prezentace */
#wall_lightbox_swf_stores { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 100; opacity: 0.85; filter: alpha(opacity = 85);}
#pop_swf_stores {width:425px;height:355px;padding:5px;background:#ffffff;border:1px solid gray;}
#pop_lightbox_swf_stores_holder {width:425px;height:355px;position:absolute;top:50%;left:50%;margin-left:-212px;margin-top:0px;z-index:101;}
#wall_lightbox_swf_stores,
#pop_lightbox_swf_stores_holder { display: none; }

#wall_lightbox_swf_pop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 100; opacity: 0.85; filter: alpha(opacity = 85);}
#pop_swf_pop {width:800px;height:600px;padding:5px;}
#pop_lightbox_swf_pop_holder {width:800px;height:600px;position:absolute;top:50%;left:50%;margin-left:-400px;margin-top:-350px;z-index:101;}


#vanoce { position: absolute; top: 60px; left: 275px; }