body *{outline: none;}

body{
margin: 0px;
padding: 0px;
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
color: #4E4F50;}

img{border: none;}


h1, h2, h3, h4, p, ul, li{
margin: 0px;
padding: 0px;
}

h1, h2, h3, h4{
font-weight: bold;}

a:link, a:visited{text-decoration: none; color: #8863AA; font-weight: bold;}
a:hover, a:active{text-decoration: none; color: #000000; font-weight: bold;}

h4 a:link, h4 a:visited{text-decoration: none; color: #8863AA;}
h4 a:hover, h4 a:active{text-decoration: none; color: #000000;}

h1 a:link, h1 a:visited{color: #FFFFFF;}
h1 a:hover, h1 a:active{color: #000000;}

p{padding: 5px 0px 5px 0px;}

h4{padding: 0px 0px 0px 0px;font-size: 15px;}

h1{
font-size: 18px;
margin: 0px 0px 10px 0px;
color: #8863AA;}

h3{
font-size: 12px;
margin: 0px 0px 0px 0px;
color: #6E6F72;}

h5{
font-size: 18px;
color: #008CA8;
margin: 0px 0px 10px 0px;}

h6{
font-size: 14px;
color: #008CA8;
margin: 0px 0px 10px 0px;}

#wrapper{
width: 779px;
margin: 0 auto;}

#container{
width: 746px;
margin: 0 auto;}

.floatright{float: right;}
.imgborder{border: 1px solid #8863AA;}
.perimgborder{float: left; margin: 0px 10px 0px 0px;}
.articleheight{height: 20px;}
.articleleft{float: left; margin: 0px 10px 2px 0px;}
.bold{font-weight: bold;}

.casestudy{
background: url(../images/img_casestudy.jpg) 100px bottom no-repeat;
}


/*	HEADER CSS START	*/

#header{
clear: both;
width: 779px;}

.headertxt{
padding: 25px 0px;
clear: both;
}

/*	SEARCH BOX CSS START	*/

.searchtxtbox{
border: 1px solid #6D6F71;
height: 15px;
float: left;
width: 196px;}

.search{
	width: 98%;
	float: left;
	font-weight: bold;
	color: #6D6F71;
	font-size: 11px;
}

.articlesearch{
display: block;
border: 2px solid #8863AA;
background-color: #F4F3FA;
padding: 10px;
font-weight: bold;
color: #5F2E8B;
text-align: center;
}

/*	TOP NAVIGATION START	*/

#topnav{
background: #7E72AE url(../images/txt_menuright.gif) right top no-repeat;
height: 26px;
margin: 13px 0px 0px 0px;
float: right;
width: 494px;}

#topnav ul{
margin: 5px 0px;
}

#topnav ul li{
display: block;
float: left;
color: #FFFFFF;
border-left: 1px solid #FFFFFF;
font-weight: bold;
padding: 0px 16px;
}

#topnav ul li a:link, #topnav ul li a:visited{
color: #FFFFFF;
text-decoration: none;}

#topnav ul li a:hover, #topnav ul li a:active{
color: #FFFFFF;
text-decoration: underline;}

#topnav ul li.none{
border: none;}

/*	TOP NAVIGATION END	   */


/*	BULLET */


#main ul{
margin: 0 0 0 20px;
list-style-type: none;
}

#main ul li{
background: url(../images/img_bullet_h.jpg) left 7px no-repeat;
padding: 0 0 0 15px;}

#main ul li a:link, #main ul li a:visited{
line-height: 20px;
display: block;
clear: both;
font-weight: bold;
color: #8375B6;
}

#main ul li a:hover, #main ul li a:active{
line-height: 20px;
display: block;
clear: both;
font-weight: bold;
color: #008CA8;
text-decoration: underline;
}





/*	HEADER CSS END	  */

.breaker{
margin: 0px;
padding: 0px;
line-height: 0px;
clear: both;}


div.backbutton {
  border : #000000 solid 0px;
  float : left;
  width : 20px;
  height : 30px;
  display : inline;
}

div.nextbutton {
  border : #000000 solid 0px;
  float : left;
  width : 20px;
  height : 30px;
  text-align : right;
  display : inline;
}

div.pagenumbers {
  border : #000000 solid 0px;
  float : left;
  width : 500px;
  height : 20px;
  text-align : center;
  display : inline;
}

strong.pagenumber, a.pagenumber {
  border : #000000 solid 0px;
  background : #EEEEEE;
  padding : 3px;
  margin : 2px;
  text-decoration : none;
}

div.productthumb1 {
  border : #000000 solid 0px;
  background : #EEEEEE;
  width : 200px; 
  float : left; 
  display : block;
  margin : 10px;
  padding : 10px;
}


.box_image{
float: right;
margin: 10px 0px 10px 10px;
font-weight: bold;
font-size: 13px;
line-height: 20px;
color: #008CA8;
width: 258px;}

.box_image .leftimg{
float: left;
color: #008CA8;
margin: 0px 10px 0px 0px;}

.box_image .rightimg{
float: right;
}

.box_image .leftimg img, .box_image .rightimg img{
padding: 2px;
background-color: #008CA8;
}

/* FORM STYLES - START */
form {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}

label {
  font-weight : normal;
}

label.formleft {
  display : block;
  width : 150px;
  float : left;
  text-align : right;
  margin-right : 6px;
}

small.formnote {/* margin left same width as label.formleft width */
  margin : 0px 0px 0px 160px;
  display : block;
}

input.checkbox {
  width : 20px;
  float : left;
}

label.labelright {
  display : block;
  width : 90%;
  float : left;
  margin-right : 6px;
  text-align : left;
  font-size : 9px;
  font-weight : normal;
  color : #000000;
  padding-top : 4px;
}

fieldset {
  margin : 12px;
  padding : 6px;
}

#search fieldset {
  margin : 12px 12px 12px 12px;
  padding : 6px;
  width: 290px;
  height: 60px;
  border: 1px solid #cccccc;
}

fieldset.address {
  width : 45%;
  float : left;
  margin : 12px;
  padding : 6px;
}

legend {
  color : #000000;
  font-weight : bolder;
}

.formmsg {
  color: #CC0000;
  padding-top : 6px;
}

.form {
  width : 200px;
  margin: 0px 0px 5px 0px;
  border: 1px solid #A7A9AC;
}

textarea {
  font-size : 12px;
}

.button {
	background-color: #75499C;
	color: #ffffff;
	border: 1px solid #75499C;
	font weight: bold;
}

.cautiontxt{
color: #FF2A00;
font-weight: bold;}

.redtext {
  border : #CC0000 solid 1px;
  color: #CC0000;
  margin : 12px;
  padding : 12px;
  background : #FFFFFF;
}

#enquiry {
padding:0px 0px 0px 0px;
vertical-align:top;
line-height:30px;
}
#enquiry input {
margin: 6px 0px 0px 30px;
border:1px solid #75499C;
}
#enquiry textarea {
margin: 6px 0px 0px 15px;
border:1px solid #75499C;
}
.hide {
	position: absolute;
	margin-left: 10px;
}