/*
********************************************
    TYPOGRAPHY AND COLOR RULES
********************************************
*/

body {
	font-family: verdana, sans-serif;
	/* background-color: #ffd520; */
	background-color: #FBD32C;
	background-image: url(http://www.multi-store.co.uk/images/self-storage_bg_yellow.jpg);
	background-repeat:repeat;
	margin: 0;
	padding: 0;

  /* there are overrides and/or additions in advanced.css*/
  }
b {
	font-weight: normal;
}
strong {
	font-weight: normal;
}



a, p, ul, li, h1, h2, h3 {
  /*
  This rule has multiple selectors to ensure that the styles are carried
  down into the necessary elements in NN4, which is notoriously flaky in its
  handling of inheritance.
  */
  font-family: verdana, sans-serif;
  color: #000000;
  }

a {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  }
h3 {
	font-size: larger;
}


a:hover {
  text-decoration: underline;
  }


ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-position: outside;
  list-style-type: square;
  border: 0;
  }

li {
  padding: 0;
  margin: 0;
  border: 0;
  }


#main a {
  color: #000000;
  }

#main p {/* NN4 inheritance */
  color: #000000;
  }

#footer p {/* NN4 inheritance */
  color: #000000;
  }

.legal {
  font-size: 0.9em;
  line-height: 1.0em;
  }
  
.review {
	color: #FF0000;
}
 
.image_title {
	font-size: 9px;
}
  
.logo {
	margin: 0;
	font-size: 18px;
	line-height: 18px;
	letter-spacing:0.5em;
	font-family: "Courier New", Courier, monospace;
	color:#FFFFFF;
  }

.motto {
	margin: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color:#FFFFFF;
  }

.trick {
  clear: right;
  }
  /*
  The above is a trick to keep the scissor image from escaping the bottom of
  the div on wide screens in Opera6 and Netscape6. Unfortunately it does not
  work for IE6. Floats and clears have very cantankerous support across the
  browsers. This is a very good example of why you should not rely on them in
  a critical area.
  */





/*


********************************************
    LAYOUT RULES
********************************************
*/

  /*
  NN4 has limited ability with absolutes. It cannot set them except in reference
  to the top and left, so the three column layout for modern browsers will not
  work here. Instead, both side columns have been set down the left and with
 fixed widths in order to clear the absolute main Content.
  */

#world {
	padding: 10px;
}

#footer {
	border: 1px solid #ccc;
	/*
  NN4 needs the background color included with a background image, else it will
  display a black background.
  */
  /*
  NN4 incorrectly traces the img URL in relation to the HTML document, not 
  the CSS. Watch out if you're styling HTML's in multiple directories. In that
  case use a full URL to the image directory.
  */
  /*
  NN4 can't use the bottom right image we used for modern browsers - it can
  only set a background image in relation to the top left corner. If we don't
  use any background image here, then the background color won't show without
  a border. Then we're up against the transparent gap nonsense again. So here's
  a variation on the fix; I've used a one pixel transparent gif for a background
  image to get background color to show up without a border. 
  */
	margin: 0;
	background-image: (../images/multi-store_self_storage.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
  }

#header {
	margin: 0px;
	border: 0;
	height: 100px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 160px;
	background-image: url(../images/multi-store_self_storage.gif);
	background-repeat: no-repeat;
	background-color: #044170;
	background-position: 10px 10px;
  }

#banner {
	border: 0;
	height: 60px;	
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #044170;
	text-align: center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#main {
	position: absolute;
	top: 190px;
	left: 160px;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border: 0;
	color: #000;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
  /* background-color: #ffd520; */
  background-color: #FBD32C;
}

#pricelist {
	display:none;
}

#right {
	margin: 0;
	width: 140px;
	padding-top: 10px;
  }

#left {
	margin: 0;
	width: 140px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
  }
  
#left a {
	font:11px Arial, Helvetica, sans-serif;
	color: #333333;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 22px;
	font-weight: bolder;
	}
	
#left a:hover {
	color:#000000;
	font-weight:normal;
	background: url(../images/self-storage-big-yellow.gif) 10px 50% no-repeat;
	}
#freephone_top {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;	
	color: #FF0000;
	padding-top: 30px;
	position: absolute;
	top: 11px;
	/*
  Although Header has a set height, IE will expand that div if the content
  gets oversized due to a font size increase. Setting rather more than 110 here
  and removing all top padding lets the content begin at an aesthetically
  acceptable level across the browsers. 
  */
  	right: 10px;
	margin: 0;
	border: 0;
	width: 140px; /* ie5win Box model hack begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 140px;
  }
html>body #right {
  width: 140px; /* ie5win Box model hack ends*/
  }

#specialOffer {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #FF0000;
	padding-top: 30px;
	position: absolute;
	top: 11px;
	/*
  Although Header has a set height, IE will expand that div if the content
  gets oversized due to a font size increase. Setting rather more than 110 here
  and removing all top padding lets the content begin at an aesthetically
  acceptable level across the browsers. 
  */
  	right: 140px;
	margin: 0;
	border: 0;
	width: 140px; /* ie5win Box model hack begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 140px;
	overflow: visible;
	visibility: visible;
	z-index: 1;
  }
html>body #right {
  width: 140px; /* ie5win Box model hack ends*/
  }

  
#freephone {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	padding-left: 22px;
}

.pageHeader, h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
}

.pageMotto, h2 {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
}
.question {
	font-style: italic;
	font-weight: bold;
}