/* css layout */

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
 }
 
 /* main layout divs */
 
#wrapper { 
 margin: 0 auto;
 padding: 0 auto;
 width: 907px;
}
 
#innerwrapper {
margin: 0 auto;
padding: 0 auto;
float: left;
width: 900px;
border: 1px solid #ccc;
}

#header {
 width: 900px;
 height: 150px;
 float: left;
 border: 1px solid #003399;
 background-image: url('images/topbanner.jpg');
 background-repeat: no-repeat;
 background-position: center;
}

#leftcolumn { 
 margin: 0px 5px 5px 0px;
 padding: 10px;
 border-right: 1px solid #ccc;
 width: 185px;
 float: left;
}

#content { 
 float: left;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 495px;
 display: inline;
}

#content2 { 
 float: right;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 665px;
 display: inline;
}

#rightcolumn { 
 margin: 0px 0px 5px 0px;
 padding: 0px 5px 10px 5px;
 border-left: 1px solid #336699;
 width: 140px;
 float: left;
 text-align: center;
 font-weight: bold;
 font-size: 11px;

}

#footer { 
 width: 880px;
 clear: both;
 color: #ffffff;
 border: 1px solid #ccc;
 background: #003399;
 padding: 10px;
 text-align: center;
 font-weight: bold;
}

 /* header includes */

#usp {
float: right;
width: 500px;
height: 110px;
margin: 20px 20px 15px 20px;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 20px;

}

.tel {
	color:maroon;
}

 /* left column includes */
 
ul.leftnav {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

ul.leftnav a {
display: block;
text-decoration: none;
background-color: #003399;
padding: 10px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
}

ul.leftnav li {
display: inline;
}

.info {
width: 95%;
margin: 10px 0px 10px 0px;
padding: 20px 0px 20px 10px;
background-color: #003399;
color: white;
font-weight: bold;
font-size: 11px;
}

.productlist {
width:85%;
margin: 10px 0px 10px 3px;
padding: 20px 10px 20px 10px;
color:maroon;
font-weight: bold;
font-size: 11px;
border: 1px maroon solid;
background-color: #E9E9E9;
text-align:center;



}
.lefttest {
background-color: #99CCFF;
padding: 10px 10px 10px 15px;
font-style: italic;
font-size: small;
border: 1px solid #003399;
}

.logo {
margin: 80px 0px 15px 0px;
text-align: center;
}

.logo2 {
margin: 80px 0px 15px 0px;
text-align: center;
}

 /* main content includes */

.middle {
text-align: center;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}

.middle2 {
text-align: center;
margin-top: 0px;
margin-bottom: 5px;
font-size: 15px;
}

.middle3 {
	text-align: center;
	margin-top: 50px;
}

.dot {
color: red;
text-align: center;
font-weight: bold;
font-size: 16px;
margin-top: 0px;
margin-bottom: 0px;
}

.important {
width: 440px;
margin-left: 25px;
margin-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #000066;
}

.prodtable {
width: 99%;
margin: 30px 0px 30px 0px;

}

.prodtablediv {
	width: 200px;
	padding: 5px 20px 5px 20px;
}



.cntimg {
	border-width: 0px;
}

.important2 {
width: 500px;
margin-left: 35px;
margin: 20px 20px 20px 30px;
padding: 20px;
font-size: 14px;
font-weight: bold;
background-color: #99CCFF;

}

.grades {
margin: 25px 5px 20px 5px;
font-weight: bold;
color: red;
}

.multiple {
 width: 98%;
 margin-bottom: 10px;
 background-color:#FFFFD7;
 padding: 5px 10px 5px 10px;
 border: 1px red dotted;

 }
 
 .multipletitle {
 font-size: 15px;
 color: #000066;
 font-weight: bold;
 
 }
 
 
.producttitle {
	width: 580px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	
}
.producttitle h2 {
	color: red;
}

.producttitle h3 {
	text-align: center;
	margin-top: 10px;
	color: red;
	font-size: 15px;

}

.producttitle2 {
	width: 580px;
	margin: 0 auto;
	padding: 10px;
}

.productul3{
	margin-left: 180px;
	
}

.producttitle2 li{
	margin-bottom: 10px;
	font-weight: bold;
}

.producttitle3 {
	width: 90%;
	margin: 20px 20px 20px 30px;
	border: 1px solid #99CCFF;
	padding-bottom: 50px;
	padding-top: 10px;

}

.producttitle3 h2 {
	color: red;
}


.productul {
  margin-left: 150px;

}
.productul2 {
  margin-left: 150px;
  list-style-type: square;
}

.productul2 li {
	margin-bottom: 10px;
}

.productbackcol {
	padding: 10px 20px 10px 20px;
	background-color: #003399;
	color: white;
	font-weight: bold;
	
}

.payment {
	width: 220px;
	text-align: center;
	margin: 20px 130px 20px 180px;
	font-weight: bold;
}

.background {
	width: 580px;
	margin: 0 auto;
	padding: 20px;
	background-image: url('images/snow.jpg');
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #333399;
}

.background h2 {
	text-align: center;
	margin-top: -9px;
	margin-bottom: -9px;
}

.centrehead {
	color: #000066;
	text-align: center;
	font-weight: bold;
}

.presell {
	width: 500px;
	margin: 20px 20px 20px 40px;
	padding: 10px;
	text-align: center;
	font-weight: bold;

}


.presell h3 {
	font-size: 13px;
}

.special {
	width: 500px;
	margin: 20px 20px 20px 30px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: red;
}

.highlight {
	background-color: yellow;
	color: black;
	font-size: 18px;
}

.vat {
	color: black;
	font-size: 14px;
	font-weight: bold;
}

.tel {
	font-weight: bold;
}

 /* right column includes */

#rightcolumn a {
	color: #000066;
	font-weight: bold;
}
 
.offers {
width: 100%;
padding: 10px 5px 10px 5px;
}

.offers h3 {
font-size: 11px;
color: red;
text-align: center;

}

.offers h4 {
font-size: 11px;
color: #000066;
text-align: center;
}

	
}
.offersimg {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
font-size: 11px;
font-weight: bold;
}

.clear {
width: 100%;
height: 20px;
background-color: #003399;
margin-bottom: 20px;
margin-left: 5px;
margin-right: 5px;
}


/* Tables and Table includes */

.table1 {
width: 580px;
margin: 0 auto;
height: 147px;
background-image: url('images/products-background2.jpg');
border: 1px solid #6699CC;
}

.table1 p {
	margin-top: 10px;
}
.table2 {
width: 580px;
margin: 0 auto;
border: 1px solid #6699CC;
}

.table3 {
width: 580px;
margin: 0 auto;
border: 1px solid #6699CC;
}

.table3 td{
	padding: 10px 20px 10px 20px;
}

.table3 td p{
	margin-top: 20px;
}

.table4 {
	width: 580px;
	margin: 20px 10px 20px 35px;
	border: 1px solid #6699CC;
}

.table4 td {
	border: 1px solid #99CCFF;
	padding: 10px;
	font-weight: bold;
	width: 290px;
}

.table5 {
	width: 600px;
	margin: 0 auto;
	border: 1px solid #6699CC;
}

.table5 td {
	border: 1px solid #99CCFF;
	padding: 10px;
}

.leftimagecell {
width: 113px;	

}

.rightimagecell {
	width: 467px;
	vertical-align: top;
	padding: 10px 10px 0px 10px;
}

.leftcell {
vertical-align: top;
padding: 20px 30px 10px 10px;
font-size: 12px;

}

.leftcellsmall {
	width: 40px;
	vertical-align: middle;
	text-align: center;
}
.rightcell1 {
width: 80px;
text-align: left;
vertical-align: middle;
padding: 20px 5px 0px 5px;;

}

.rightcell2 {
width: 80px;
text-align: right;
vertical-align: middle;
padding: 20px 5px 0px 5px;;

}

.topcell {
	width: 100%;
	text-align: center;
	font-weight:  bold;
	padding: 10px;
	
}

.topcell2 {
	padding: 0px 20px 0px 20px;
	width: 100%;
	
}
.equalcell {
	width: 290px;;
	padding: 20px 10px 20px 20px;
	vertical-align: top;
}

.testimonial {
	padding: 20px 10px 20px 20px;
	vertical-align: top;
	background-color: #FFF380;
	border: 1px dashed #003399;
	font-size: 11px;

}
.testimonialcell {
	width: 290px;;
	padding: 20px 10px 20px 20px;
	vertical-align: top;
	background-color: #FFF380;
	border: 1px dotted #003399;
	font-size: 11px;
}

.testimonial2 {
	font-size: 10px;
}

.imageleft {
	float: left;
	margin-right: 20px;
}


.imageleft2 {
	float: left;
	margin: 0px 20px 0px 10px;
}

.centre {

	text-align:center;

		
}

 /* footer includes */

ul.footer {
margin-top: 10px;
list-style-type: none;
}

ul.footer li {
display: inline;
padding-right: 30px;
}

 /* General includes */
 
 .title {
	color: #000066;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.subtitle {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.price {
	color:maroon;
	font-weight:bold;
	background-color:#E9E9E9	
}

.price2 {
	color:maroon;
	background-color:#E9E9E9	
}


.title2 {
	text-align: center;
	font-weight: bold;
}
.italics {
	font-style: italic;
	margin-top: -6px;
}


 /* Links */
 
a {
	text-decoration:none;
}
 
.leftnav a:link {
	color: #FFFFFF;
	background-color: #003399;
}

.leftnav a: visited {
	color: #FFFFFF;
	background-color: #003399;
}

.leftnav a:hover {
	color: #99CCFF;
	background-color: #003399;
}

.leftnav a:active {
	color: #FFFFFF;
	background-color: #003399;
}

.info a{
	color: white;
}

.footer a {
	color: white;
}

 /* Header Tags */

h1 {
font-size: 16px;
color: #000066;
text-align: center;
font-weight: bold;
}

h2 {
font-size: 15px;
color: #000066;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

h3 {
font-size: 13px;
color: red;
text-align: center;

}

h4 {
font-size: 13px;
color: #000066;
text-align: center;

}