@charset "utf-8";
/* CSS Document */

html, body{ _height:100%; min-height:100%;}
body{ padding:0 0 20px 0; margin:0; font:62.5% Arial, Helvetica, sans-serif; background:#fff}
.clr{ clear:both; padding:0; margin:0; height:0; font-size:0em; line-height:0em}
ul,li, h1, h2, p, form{ margin:0; padding:0}
p {text-align:justify;}
img{border:none}
h1{font-size:15px; color:#9D0000}
.mask{display:none}
.floatLeft{float: left;}
.floatRight{float: right;}
.alignCenter{text-align: center;}
.alignCenterHome{text-align: center; padding:0 0 5px 0;}
#altText{display: none;}
.footNotes{font-size:0.91em;}
.freeTxt{padding:0 15px; line-height:18px}
.greenNumber{position: relative; top: 12px;}
h4.underlined{margin-bottom: 7px; }
.hidden {display:none}

/* Link style */
a,
a:link,
a:active,
a:visited{ text-decoration:underline; color:#9d0000}
a:hover{ text-decoration:none}

/* Content Styles */
#contenair{ width:873px; margin:0 auto; font-size:1.1em}

/*Header*/
#header{ color:#666;}
#header #logo{ float:left; width:577px; margin-bottom:8px;}
#header #banner{ margin-bottom:8px; clear:both}
#header #rightHeader{float:right; vertical-align:bottom; margin:55px 2px 0 0; font-size:12px;}
#header #rightHeader select{ font-size:11px;}

/*One line nav*/
#header #firstNav{ background:url(../images/general/shadow.jpg) no-repeat bottom; padding-bottom:10px; margin-top:15px;}
#header #firstNav table{ width:100%}
#header #firstNav td{vertical-align:middle; text-align:center}
#header #firstNav .separator{ width:3px; padding-top:1px;}
#header #firstNav .tabLeft a,#header #firstNav .tabMiddle a,#header #firstNav .tabRight a{ height:19px; font-weight:bold}
html>/**/body .foo, #header #firstNav .tabRight a:-moz-any-link, #header #firstNav .tabRight a:default { height:18px;} 
/* Only FireFox 3 */
#header #firstNav .currentTabLeft a,
#header #firstNav .currentTabLeft{text-decoration:none; background:url(../images/header/firstNav/tabLeftActive.gif) repeat-x left; color:#9d0000; font-weight:bold; padding:0px 10px;}
#header #firstNav .tabLeft a,
#header #firstNav .tabLeft a:link,
#header #firstNav .tabLeft a:active,
#header #firstNav .tabLeft a:visited{background:url(../images/header/firstNav/tabLeft.gif) no-repeat left; text-decoration:none; color:#fff; display:block; height:18px; padding:4px 15px 0 10px;}
#header #firstNav .tabLeft a:hover{background:url(../images/header/firstNav/tabLeftActive.gif) repeat-x left; color:#9d0000;}

#header #firstNav .currentTabMiddle a,
#header #firstNav .currentTabMiddle{text-decoration:none; background:url(../images/header/firstNav/bgMiddleNavActive.gif) repeat-x; color:#9d0000; font-weight:bold; padding:0px 10px;}
#header #firstNav .tabMiddle a,
#header #firstNav .tabMiddle a:link,
#header #firstNav .tabMiddle a:active,
#header #firstNav .tabMiddle a:visited{ display:block; text-decoration:none; background:url(../images/header/firstNav/bgMiddleNav.gif) repeat-x; color:#fff; padding:3px 10px 0 10px;}
#header #firstNav .tabMiddle a:hover{ background:url(../images/header/firstNav/bgMiddleNavActive.gif) repeat-x; color:#9d0000}

#header #firstNav .currentTabRight a,
#header #firstNav .currentTabRight{text-decoration:none; background:url(../images/header/firstNav/tabRightActive.gif) no-repeat right; color:#9d0000; font-weight:bold; padding:0px 10px;}
#header #firstNav .tabRight a,
#header #firstNav .tabRight a:link,
#header #firstNav .tabRight a:active,
#header #firstNav .tabRight a:visited{ background:url(../images/header/firstNav/tabRight.gif) no-repeat right; display:block; color:#fff; text-decoration:none; padding:5px 10px 0 15px;}
#header #firstNav .tabRight a:hover{background:url(../images/header/firstNav/tabRightActive.gif) no-repeat right; color:#9d0000}

/* Main Content */
#content { margin-bottom:20px;}

/* Left Navigation */
#menuLeft { width:173px; float:left; margin-right:12px;}
#menuLeft a, #menuLeft a:visited{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-align:center; text-decoration:none; display:block; height:22px; width: 173px; background-image:url(../images/content/leftNavigation/navLeft_n.jpg); line-height:21px; margin-bottom: 5px; font-weight: bold;}
#menuLeft .fr a, #menuLeft .fr a:visited{font-size:12px;}
#menuLeft a:hover, #menuLeft #active a{background-image:url(../images/content/leftNavigation/navLeft_h.jpg);}
#menuLeft ul { list-style: none; margin: 0; padding: 0;}

/* Main Content */
#mainContent{float:left; width:422px; margin:0 12px;}
#mainContent p{margin-bottom:10px;}

/* Breadcrumbs */
#content #breadcrumbs{width:422px; margin-left:197px; margin-bottom:10px; color:#8F8F8F;}
#content #breadcrumbs a{color:#8F8F8F;}
/* Right Photo */
#photoRight{float:left; width:227px; margin-left:12px;}


/* Footer */
#footer{ color:#666; text-align:center; line-height:24px; background:url(http://www.shurgard.be/design/images/general/shadow.jpg) no-repeat top; padding:8px 0 0 0;}
		#footer img.alignVert{ margin-bottom:-5px;}
		#footer.error{line-height:14px;}
			#footer p{ font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center;}
			#footer span{color:#666;}
        .OfferFooter{padding:0 8px; line-height:12px; margin-top:8px; margin-bottom:8px; text-align:left; color:#666666;}


/* toolTip */	
	a.tt{position:relative; z-index:24; text-decoration:none;}
	a.tt img{padding: 0; margin: 0;}
	a.tt .tooltip, a.tt .tooltip span{ display:none;}/**/
	
	/*background:; ie hack, something must be changed in a for ie to execute it*/
	a.tt:hover{ z-index:25; background:; text-decoration:none; position: relative;}
	a.tt:hover span.tooltip{ display:block; position:absolute; top:18px; _top:20px; left:-14px; padding-top:0; width:150px; text-align:left;}
	a.tt:hover span.tooltip span.middle{padding:5px;}
	/* Little TT */
	a.tt:hover span.tooltip .top{display:block; }
	.tooltip .top{border-bottom:1px solid #ccc; padding-top: 11px;}
	.tooltip .top .arrow{ display:block; position:absolute; height:11px; width:11px; top: 1px; left: 20px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.shurgard.be/design/images/general/arrowTT.png', sizingMethod='image');}
	html*.tooltip .top .arrow{ margin-bottom: -15px;}
	.tooltip .top span[class='arrow']{background: url('http://www.shurgard.be/design/images/general/arrowTT.png') no-repeat;}
	
	a.tt:hover span.tooltip .middle{display:block; background: #EAEAEA url('http://www.shurgard.be/design/images/general/bgTT.gif') right top repeat-x; color:#757575}
	.tooltip .middle{ border:solid #ccc; border-width:0 1px 1px 1px; background:#fff; padding: 1px;}
	
	a.tt #homePageTooltip{ top: 12px; left: 100px; width: 220px; overflow: auto; background-color:#fff}
		#contentHome #right a.tt:hover #homePageTooltip span.title{ font-weight: bold; color: #9f0400; display: block; font-size: 11px;}
	
	#footer a.ttlocalLink .labelLocal,
	#footer a.ttlocalLink .labelLocal:link,
	#footer a.ttlocalLink .labelLocal:active,
	#footer a.ttlocalLink .labelLocal:visited{ color:#666; text-decoration:underline;}
	#footer a.ttlocalLink .labelLocal:hover{ text-decoration:none;}
	#footer a.ttlocalLink{ position:relative; text-decoration:none;}
	
	#footer a.ttlocalLink .tooltip,
	#footer a.ttlocalLink .tooltip span{ display:none;}
	
	#footer a.ttlocalLink .tooltip span.tooltipFooterTop{ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.shurgard.be/design/content/overlayerTop.png', sizingMethod='image'); display:block; width:200px; height:15px;}
	#footer a.ttlocalLink .tooltip span[class='tooltipFooterTop']{ background:url('http://www.shurgard.be/design/content/overlayerTop.png') no-repeat;}
	#footer a.ttlocalLink .tooltip span.tooltipFooter{ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.shurgard.be/design/overlayerBg.png', sizingMethod='image'); padding:5px 20px; text-align:left; display:block; width:160px; line-height:normal;}
	#footer a.ttlocalLink .tooltip span[class='tooltipFooter']{background:url('http://www.shurgard.be/design/content/overlayerBg.png') repeat-y;}
	#footer a.ttlocalLink .tooltip span.tooltipFooterBottom{ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.shurgard.be/design/overlayerBottom.png', sizingMethod='image'); display:block; width:200px; height:21px;}
	#footer a.ttlocalLink .tooltip span[class='tooltipFooterBottom']{background:url('http://www.shurgard.be/design/content/overlayerBottom.png') no-repeat;}
	
	#footer a.ttlocalLink:hover{ background:; text-decoration:none;}
	#footer a.ttlocalLink:hover span.tooltip{ display:block; position:absolute; bottom:10px; left:-80px;}

	.visible {display:block; position:absolute; padding-top:0; width:150px; text-align:left;}
	.visible a, .visible a:hover {color:#666666;text-decoration:none;}
	.visible span {background-color:FFFFFF;}
	.hidden {display:none}
	.visible span.tooltipFooterTop{ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.shurgard.be/design/content/overlayerTop.png', sizingMethod='image'); display:block; width:200px; height:15px;}
	.visible span[class='tooltipFooterTop']{ background:url('http://www.shurgard.be/design/content/overlayerTop.png') no-repeat;}
	.visible span.tooltipFooter{ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.shurgard.be/design/content/overlayerBg.png', sizingMethod='scale'); padding:5px 20px; text-align:left; display:block; width:160px; line-height:normal;}
	.visible span[class='tooltipFooter']{background:url('http://www.shurgard.be/design/content/overlayerBg.png') repeat-y;}
	.visible span.tooltipFooterBottom{ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.shurgard.be/design/content/overlayerBottom.png', sizingMethod='image'); display:block; width:200px; height:21px;}
	.visible span[class='tooltipFooterBottom']{background:url('http://www.shurgard.be/design/content/overlayerBottom.png') no-repeat;}