
.content_right p { margin: 10px 0 10px 0; font-size : 1.1em;}

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	line-height : 1.5em;
	color : #666666;
	background : #fff;
	margin : 0 0 0 0;
	padding : 0;
}
h1 {
	font-size : 1em;
	font-weight : bold;
	line-height : 1.7em;
	margin-right: 0;
	margin-left: 10px;
}
h2 {
font-weight : bold;
font-size : 1em;
margin : 0;
padding : 0;
}
h3 {
font-weight : bold;
font-size : 1em;
margin : 0;
padding : 0;
width:578px;
}
h4 {
font-weight : bold;
font-size : 1em;
display : inline;
}
hr {
height : 1px;
color : #999999;
background-color : #ffffff;
}
p {
margin : 0;
padding : 0;
}
a:link, a:visited, a:link:active, a:visited:active {
text-decoration : none;
color : #666666;
background-color : #ffffff;
}

#pagewrapper {
text-align : left;
}
.widthsetter {
	width : 825px;
	text-align : left;
	margin-left:auto;
	margin-right:auto;
	border : 0;
	height: auto;
	background-image:url(images/bg.gif);
	background-repeat:repeat-y;
}

.headsetter {
	width : 825px;
	text-align : left;
	margin : 0 auto;
	border : 0;
	height:auto;
	background-image:url(images/bg.gif);
	background-repeat:repeat-y;
}
.widthsetterbuttons {
	width : 825px;
	text-align : left;
	margin : 0 auto;
	border : 0;
}
.widthsetter2 {
width : 825px;
text-align:center;
margin : 0 auto;
border : 0;
}
#header {
	color : #333333;
	height : 56px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index:0;
	}

#banner {
	width:615px;
	height:auto;
	float:left;
	background:#FFFFFF;
	z-index:0;
}

.content_left {
	width:175px;
	float:left;
	margin-bottom:0;
	height:100%;
	z-index:1;
}

#contact_text {
color:#FFFFFF;
}


.content_right {
	width:615px;
	min-height: 500px;
	max-height:6000px;
	float:left;
	padding-left:10px;
	background:#FFFFFF;
	z-index:0;
	}
	
.content_right a{
	color:#E73D6B;
	}
	
	
#breadcrumb {
background-color : #666666;
color : #ffffff;
font-size : 0.9em;
height:2px;
}
#breadcrumb a {
color : #ffffff;
background-color : #666666;
}
#breadcrumb ul {
margin-left : 0;
padding-left : 0;
display : inline;
border : none;
}
#breadcrumb ul li {
margin-left : 0;
padding-left : 2px;
border : none;
list-style : none;
display : inline;
}
#presentation {
background-color : #eeeeee;
}

#content_css h2 {
display : none;
}

#content_css p {
margin : 0;
padding : 0 0 10px 0;
}
.feature {
background-color : #eeeeee;
color : #333333;
width : 100%;
margin : 10px 0 10px 0;
padding : 10px;
}
#submenu {
width : 180px;
padding : 10px 10px 0 0;
margin-right : 10px;
}
#submenu .on {
display : block;
}

.selected {
font-weight : bold;
}
.pdfdownload {
margin : 10px 0 10px 0;
}
#bucketholder {
	background-color : #eeeeee;
	color : #666666;
	margin : 0;
	padding : 10px 0;
	text-align : left;
}

#breadcrumb_holder{
width:740px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#bucketholder p {
margin : 0;
padding : 0;
}
#bucketholder a {
	background-color : #eeeeee;
	color : #666666;
	font-weight : bold;
}
                              
.bucket_blueclaw {
	width : 495px;
	float : left;
	height: 180px;
	background-image: url(images/terminalbox.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	margin-left:30px;
	margin-right:30px;
	padding-left:15px;
	padding-top:15px;
	padding-right:20px;
}

.bucket_blueclaw h1{
	color: #FFFFFF;
	font-weight: bold;
	margin-top:0px;
}
.bucket_blueclaw2 {
	width : 495px;
	float : left;
	height: 180px;
	background-image: url(images/terminalbox2.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	margin-left:30px;
	margin-right:30px;
	padding-top:10px;
	padding-left:15px;
	padding-right:20px;
}

.bucket_blueclaw2 h1{
	color: #FFFFFF;
	font-weight: bold;
	margin-top:0px;
}

.machine_text{
width:495px;
height:auto;
margin-top:1200px;
}

.bucket {
	width : 162px;
	float : left;
	padding : 15px;
	height: 150px;
	background-image: url(images/box2.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	margin-left:5px;
}
.bucket2 {
	width : 180px;
	float : left;
	height: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.bucket a{
background-color:#F3F6FD;
color:#E73D6B;
}
.bucket a:hover {
	background-color:#F3F6FD;
}
.bucketcentre {
width : 225px;
float : left;
padding : 5px;
border-left : 1px dashed #333333;
border-right : 1px dashed #333333;
}
#footer {
background : #666666;
color : #fff;
padding : 5px 10px 5px 10px;
font-size : 0.9em;
}
#footer a {
color : #ffffff;
background-color : #666666;
}

#mainlink {
color:#063d88;
font-weight:bold;
}

.how {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:150px;
	font-size:11px;
	margin:0px 0px;
	height:inherit%;
	z-index:1;
}



.how ul li a, .how ul li a:visited {display:block; z-index:1; text-decoration:none; color:#ececec; width:174px; height:21px; text-align:left; text-indent: 4px;background-image:url(button.jpg); line-height:19px; font-size:11px;}
.how ul {padding:0; margin:0px;list-style-type: none; z-index:1;}
.how ul li {float:left; margin-right:1px; position:relative; z-index:1;}
.how ul li ul {display: none; z-index:1;}

/* specific to non IE browsers */
.how ul li:hover a {background:#666666;z-index:1;} /* this line changes the rollover state of the main heading how */
.how ul li:hover ul {display:block; position:absolute; top:0px; left:174px; width:200px;z-index:1;} /*positional settings of 1st subhow*/
.how ul li:hover ul li a.hide {background:#848284; color:#ececec;z-index:1;} /* this how shows that there is a subhow avaiable*/
.how ul li:hover ul li:hover a.hide {width:290px;z-index:1;}
.how ul li:hover ul li ul {display: none;z-index:1;}
.how ul li:hover ul li a {display:block; background:#666666; color:#ececec; width:290px;z-index:1;}
.how ul li:hover ul li a:hover {background:#9c9a9c;z-index:1;}

.how ul li:hover ul li:hover ul {display:block; position:absolute; left:290px; top:0px; color:#000;z-index:1;}/*positional settings of 2nd subhow*/
.how ul li:hover ul li:hover ul li a.hide {display:block; width:190px; background:#9c9a9c; color:#000;z-index:1;}
.how ul li:hover ul li:hover ul li:hover a.hide {width:150px;z-index:1;}
.how ul li:hover ul li:hover ul li ul {display: none;z-index:1;}
.how ul li:hover ul li:hover ul a {display:block; background:#9c9a9c;z-index:1; color:#ececec; width:250px;}
.how ul li:hover ul li:hover ul a:hover {background:#9c9a9c;z-index:1;}/*change colour of the  second subhow */

.how ul li:hover ul li:hover ul li:hover ul {display:block; z-index:1; position:absolute; left:250px; top:0px; color:#ececec;}/*positional settings of 2nd subhow*/
.how ul li:hover ul li:hover ul li:hover ul li a.hide {display:block; z-index:1; width:190px; background:#9c9a9c; color:#ececec;}
.how ul li:hover ul li:hover ul li:hover ul li:hover a.hide {background:#9c9a9c;z-index:1;}
.how ul li:hover ul li:hover ul li:hover ul a {display:block; background:#9c9a9c; color:#ececec;z-index:1; width:150px;}
.how ul li:hover ul li:hover ul li:hover ul a:hover {background:#9c9a9c;z-index:1;}/*change colour of the  second submenu */

#contentblueclaw{
position: relative;
top: 20px;
margin: 20px;
width: 615px;
text-align: justify;
}

