/* CSS Document */

h1 {
	color: #FFFFFF;
  	font-weight: 100;
  	font-size:18px;
}



h2 {
	color: #1761BA;
  font-weight: 150;
  font-size:13px;
}

h3 {
	color: #006090;
  font-weight: 150;
  font-size:10px;
}

body {
  background: url('images/background.jpg') #737478 repeat-x top left;
  font-family: arial;
  font-size:11px;
}


.header A:link {text-decoration: none;}
.header A:visited {text-decoration: none;}
.header A:active {text-decoration: none;}
.header A:hover {text-decoration: none;}
A:link {text-decoration: none; color: #0000FF;}
A:visited {text-decoration: none; color: #0000FF;}
A:active {text-decoration: none; color: #0000FF;}
A:hover {text-decoration: underline; color: red;}

 a img {border: none;}

.mainContent {
	position: absolute; left: 50%; top: 10px;
	padding: 10px;
	margin-left: -385px;
	margin-top: 0px;
	border-right: 8px solid #4E4E51;
	border-bottom: 8px solid #4E4E51;
	width: 755px;
	height: 690px;
	background: #000000;
	z-index:3;
	  
}

.mainContent .logo {
	float: left;
	background: url('images/sabco_logo.jpg') no-repeat;
	padding-left:285px;
	padding-top:14px;
	width: 180px;
	height:70px;
}



.mainContent .search {
	
	float: right;
	background: url('images/search_logo.jpg') no-repeat;
	padding-left:0px;
	width: 40px;
	height:59px;
	margin-top:16px;
}
.mainContent .search1 {
	
	float: right;
	padding-right:20px;
	padding-top:20px;
	width: 150px;
	height:50px;
}


.mainContent .boxtop {
	left:138px;
	position:absolute;
	background: url('images/top_graphic.jpg') no-repeat;
	top: 110px;
	width: 437px;
	height: 95px;
}

.mainContent .boxbottom {
background: #e9f9f9;

}
.mainContent .boxleft {
	left:20px;
	padding-left:5px;
	position:absolute;
	background-color: #63A2CE;
	top: 110px;
	width: 105px;
	height: 550px;
}
.mainContent .boxright {
	position:absolute;
	background: url('images/right_graphic.jpg') no-repeat;
	top: 78px;
	left:575px;
	width: 180px;
	height: 582px;
}


.generaliframe table{
font-size:11px;
}
.mainContent .generaliframe {
	background-color:#FFFFFF;
	border-bottom: 8px solid #B9DBF0;
	position:absolute;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	top: 178px;
	left: 153px;
	width: 402px;
	height: 464px;
	overflow: auto;
}

.mainContent .generaliframe h1 {
	color: #1761BA;
  	font-weight: 100;
  	font-size:18px;
}

.mainContent .leftSidebar{
  position:absolute;
	width: 15px;
  height: 485px;
	top: 175px;
	left: 138px;
	background: #B9DBF0 url('images/leftsidebar.jpg') no-repeat;
}


.mainContent .search input{
	border: 2px inset #535353;
	width: 145px;
	font-size:11px;
}

label#search_label{
	padding-left:0px;
	color: #FFFFFF;
	font-size: 11px;
}


.mainContent .blockmiddle {
	position:absolute;
	top: 365px;
	left:587px;
	width:155px;
	height: 138px;
	margin-top:-10px;
}


.mainContent .blocktop {
	position:absolute;
	top: 140px;
	left:587px;
	width:155px;
	height:180px;

}

.mainContent .blockbottom {
	position:absolute;
	top: 540px;
	left:587px;
	width:155px;
	height:100px;
}

.mainContent .footer {
	background: #0076AF;
	width: 725px;
	height:22px;
	position: absolute;
	top:670px;
	left: 20px;
	padding-left:10px;
	padding-top:5px;
	color: #000000;
	font-size:11px;
}

.maincontent .footer .break{
  padding-left:25px;
  padding-right:25px;
}

.mainContent .footer a {
	color: #000000;
}

#mainmenu {
  height:455px;
  overflow:none;
  z-index:0;
}
.stores {
  font-size:9px;
    padding-top:5px;
  border-top: 1px solid #1761BA;  
}

.stores img {
  padding-left:6px; padding-right:6px;
}

.related {
  border-top: 1px solid #1761BA;
  padding-top:5px;
  padding-bottom:5px;
  height:50px;
}
.related img {
  padding-left:16px; padding-right:16px;
}

#commercialLink {
  background: url('images/retail_logo.jpg') top no-repeat;
  position:absolute;
  padding-left:0px;
  margin-left:-3px;
  text-align:center;
  width:105px;
  top:460px;
  padding-top:50px;
  height:95px;
  color: #1761BA;
  font-weight: bold;
  font-size:13px;
}




.boxleft A:link {text-decoration: none; color: #000066;}
.boxleft A:visited {text-decoration: none; color: #000066;}
.boxleft A:active {text-decoration: none; color: #000066;}
.boxleft A:hover {text-decoration: none ; color: red;}


.boxleft ul {
  font-size: 11px;
  font-weight: bold;
  list-style: none;
  margin-left: -40px;
  width:100px;
}

.boxleft ul li{
  padding-top:2px;
  padding-bottom:2px;
}

.boxleft ul ul {
  font-size: 11px;
  font-weight: normal;
  list-style: none;
  margin-left: -30px;
}

.boxleft ul ul li {
padding-top:1px;
line-height:10px;
}

	
	

.middlealigner{
  width:155px;
  text-align:center;
}



.middlealigner h2 {
	color: #006090;
  font-weight: 150;
  font-size:13px;
  margin-bottom: -11px;
}

.middlealigner h3 {
	color: #006090;
  font-weight: 150;
  margin-top:15px;
  font-size:10px;
}

.middlealigner p {
margin-top:-2px;
margin-bottom: -4px;
font-size:9px;
}

.middlealigner2{
  width:115px;
  font-size:9px;
  text-align:left;
}

.middlealigner2 p{
  margin-bottom:1px;
}