* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
  background:#f3f3f3;
}
p{line-height:20px; margin-bottom:10px;}
img{border:none;}
a{ color:#29479C; text-decoration:none;}
ul{margin-left:20px;}
blockquote {
  background: transparent url(images/openquote.gif) left top no-repeat;
  padding:10px 0px 20px 0px;
  margin-bottom:20px;
  border-bottom:1px solid #cacdd4;

}
blockquote div {
  padding: 0 48px;
  background: transparent url(images/closequote.gif) right bottom no-repeat;
  font-style:italic;
  font-weight:bold;
  color:#333;
 
}

.quotefrom{text-align:right; font-style:normal; color:#00314B;}

#wrapper { 
 margin: 0 auto;
 width: 950px;
 padding:10px;
 background:#FFF;
}

/* HEADER SECTION */

#header {
 color: #333;
 width: 950px;
 float: left;
 padding: 0px;
 height: 150px;
 margin: 0px 0px 5px 0px;
 background: url(images/headerbg.jpg) no-repeat;

}

#logo {
    display: block;
    background: url("images/logo.jpg") no-repeat;
    width: 236px;
    height: 150px;
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
#callus{width:700px; height:30px; float:right; text-align:right; font-size:12px; padding-top:4px; color:#29479C; font-weight:bold;}


#navigation {
 float: left;
 width: 950px;
 color: #333;
 margin: 0px 0px 5px 0px;

}

/* HOMEPAGE */

#banner {
 float: left;
 width: 930px;
 color: #fff;
 padding: 0px 10px 10px;
 margin: 0px 0px 5px 0px;
 background: #29479C;
 border-bottom:1px solid #d8dbe2;
 border-top:1px solid #d8dbe2;
 text-align:center;
 font-weight:bold;
 font-family: Georgia, "Times New Roman", Times, serif
}
#banner h1{ font-size:36px;}
#top-slideshow {
 float: left;
 width: 930px;
 height:200px;
 color: #333;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: #BD9C8C;
}

#slideshow {
    position:relative;
    height:370px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow IMG.active {
    z-index:10;
}
#slideshow IMG.last-active {
    z-index:9;
}

#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 height: 370px;
 width: 590px;
 float: left;
 background: #F2F2E6;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 5px 0px;
 padding: 0px 10px 10px 10px;
 height: 359px;
 width: 335px;
 display: inline;
  border-bottom:1px solid #cacdd4;
}

#rightcolumn h2, #leftcolumn-sub h2, #catalogue h2{ font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px; color:#29479C; padding:0; font-size:24px;}
#john{ font-size:38px; padding:0 5px;}

#leftcolumn-sub { 
 color: #333;
 margin: 0px 5px 5px 0px;
 height: auto;
 width: 515px;
 float: left;
 padding:10px;

}
#rightcolumn-sub { 
 float: right;
 color: #333;
 margin: 0px 0px 5px 0px;
 padding: 10px 10px 10px 10px;
 height: auto;
 width: 390px;
 display: inline;
}
#catalogue-home { 
 color: #333;
 margin: 0px 0px 5px 0px;
 height: auto;
 width: 950px;
 float: left;
 padding:10px 0;
border-bottom:1px solid #cacdd4;
}

.homegif{
	font-size:12px;
	float:left;
	font-style:italic;
	width:180px;
}
.homegif2{
	width:145px;
	float:right;
}
.prodcat-home{width:215px; height:150px;  margin-right:30px; float:left; margin-bottom:0px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-size:16px; }
.prodcat-end-home{width:215px; height:150px; float:left; margin-bottom:0px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-size:16px;}

#catalogue { 
 color: #333;
 margin: 0px 5px 5px 5px;
 height: auto;
 width: 920px;
 float: left;
 padding:10px;
}
.prodcat{width:215px; height:150px;  margin-right:20px; float:left; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-size:16px; }
.prodcat-end{width:215px; height:150px; float:left; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-size:16px;}
.top{padding-bottom:15px; border-bottom:1px solid #cacdd4;}
.prodcat img, .prodcat-end img{width:215px; height:120px; padding-bottom:5px;}


.product{width:220px; height:170px;  margin-bottom:10px; float:left; margin-right:7px;}
.product-img{width:220px; height:120px;  text-align:center;}
.product-description{width:220px; height:45px; text-align:center;  text-align:center; font-size:14px; padding-top:5px;}


#install-list
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#install-list li
{
padding:10px 0px 10px 30px;
background-image: url(images/tick.jpg);
background-repeat: no-repeat;
background-position: 0 .5em;
font-weight:bold;
}

#install-list ol
{
margin-left: 70px;
padding-left: 0;
}
#install-list ol li
{
padding:10px 0px 10px 5px;
background:none;
font-weight:bold;
}

#footer { 
 width: 930px;
 clear: both;
 color: #9e9e9e;
 border-top:1px solid #cacdd4;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 font-size:10px;
 text-align:right
}
#footer a{color:#9e9e9e; font-weight:bold;}
