#container_slide {
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

.slides_container {
	width:570px;
	height:270px;
	overflow:hidden;
	position:relative;
	display:none;
}

#slides .slide {
	padding:20px;
	width:530px;
	height:230px;
	display:block;
}

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.maxwidthimage {
	max-width: 100%;
	height: auto;
	
}

#slides .link {
	display:block;
	margin-top:10px;
	font-weight:800;
}

/*mels nav here*/

#m-nav {
	background-color: #2D6FB7;
	width: 100%;
	height: 40px;
	padding-left: 10px;
}
#m-nav ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}
#m-nav li {
	float: left;
}
#m-nav a {
	background-color: #2d6fb7;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	border-right: 1px solid #A3C4E8;
	color: #FFFFFF;
}
#m-nav a:hover {
	background-color: #036;
}


#m-nav ul ul {
	display: none;
	position: absolute;
}
#m-nav ul li:hover > ul {
	display: block;
}
#m-nav ul ul li {
	float: none;
	border-bottom: 1px solid #FFFFFF;
}
#m-nav ul ul a {
	background-color: #4A8AD2;
	line-height: 20px;
	height: auto;
}
#m-navbar {
	background-color: #669DD9;
	width: 100%;
	height: 10px;
}

#m-gray-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	background-color: #333;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 7px;
	font-weight: normal;
}

#m-gray-head a {
	color: #FFFFFF;
}


/*mels nav ends*/


.accordion2{width:160px;border-bottom:solid 1px #c4c4c4;}
.accordion2 h3{background:#e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;padding:7px 15px;margin:0;colour:#FFF;font:bold 95%/100% Arial, Helvetica, sans-serif;border:solid 1px #c4c4c4;border-bottom:none;line-height:140%;cursor:pointer;}
.accordion2 h3:hover{background-color:#e3e2e2;}
.accordion2 p{background:#f7f7f7;margin:0;padding:10px 15px 20px;border-left:solid 1px #c4c4c4;border-right:solid 1px #c4c4c4;}
.accordion{
	width: 450px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3{background:#e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;padding:7px 15px;margin:0;font:bold 120%/100% Arial, Helvetica, sans-serif;border:solid 1px #c4c4c4;border-bottom:none;cursor:pointer;}
.accordion h3:hover{background-color:#e3e2e2;}
.accordion h3.active{background-position:right 5px;}
.accordion p{background:#f7f7f7;margin:0;padding:10px 15px 20px;border-left:solid 1px #c4c4c4;border-right:solid 1px #c4c4c4;}

.accordion3{
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
}
.accordion3 h3{
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	line-height: 130%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	font-size: large;
}
.accordion3 h3:hover{background-color:#e3e2e2;}
.accordion3 h3.active{background-position:right 5px;}
.accordion3 p{
	background-color: #FFFFFF;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	font-size: large;
	line-height: 150%;
}



body{font-family:Arial, Helvetica, sans-serif;color:#3e3c3a;padding:0px;margin-top:-10px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
a{color:#006699;text-decoration:none;line-height:145%;}
a:link{color:#2d6fb7;text-decoration:none;}
a:visited{color:#2d6fb7;text-decoration:none;}
a:hover{color:#036;text-decoration:none;}
h1{font-family:Georgia,"Times New Roman", Times, serif;font-size:22px;color:#424242;margin:0px;padding:0px;line-height:130%;}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	color: #009ddf;
	margin: 0px;
	padding: 0px;
	line-height: 130%;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	color: #009ddf;
	margin: 0px;
	padding: 0px;
	line-height: 130%;
}
h5{font-family:Verdana,Arial,sans-serif;font-size:100%;color:#334d55;margin:0px;padding:0px;}
ul{list-style-type:square;}
ul ul{list-style-type:disc;}
ul ul ul{list-style-type:circle;}
.small-link{font-size:12px;color:#030303;}
.small-font{
	font-size:95%;
	color: #333;
}
.strong{font-weight:bold;color:00adef;}
img{border-style:none;}
img.img-right{float:right;margin-top:0;margin-left:5px;padding-bottom:0px;padding-left:0px;margin-right:0px;padding-top:3px;}
img.expando{border:none;vertical-align:top;}
img.img-left{float:left;margin-top:0;margin-left:0;padding-bottom:1px;padding-left:0px;margin-right:5px;padding-top:3px;}
img.img-centre{float:none;margin-top:0;margin-left:0;padding-bottom:1px;padding-left:0px;margin-right:5px;padding-top:3px;text-align:center;}
#masthead{width:100%;padding-top:5px;z-index:2;position:absolute;}
#navBar{float:left;width:18%;margin-bottom:1%;margin-right:1%;margin-left:1%;}
#container{width:100%;position:absolute; /*mel changed from top 245px*/ top:195px; /*mels change ends */height:100%;}



#content{float:left;width:55%;border-right-width:1px;border-left-width:1px;border-right-style:dashed;border-left-style:dashed;border-right-color:#cccccc;border-left-color:#cccccc;padding-right:1%;padding-bottom:1%;padding-left:1%;line-height:110%;}


#contentfullscreen{float:left;width:100%;border-right-width:1px;border-left-width:1px;border-right-style:dashed;border-left-style:dashed;border-right-color:#cccccc;border-left-color:#cccccc;padding-right:1%;padding-bottom:1%;padding-left:1%;line-height:110%;}





#large_container {
	line-height: 110%;
	float: left;
	width: 70%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #cccccc;
}

#logo{text-align:left;padding-right:10px;padding-left:20px;z-index:1;padding-top:5px;}
#globalNav{text-align:left;padding-top:5px;padding-left:20px;}
#globalNav img{display:inline;}
#globalNav a{font-size:75%;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
#rightColNav{text-align:right;padding-top:5px;}
#rightColNav img{display:inline;}
#rightColNav a{font-size:75%;padding:0 4px 0 0;}
#pageName{width:100%;height:214px;position:absolute;left:0px;top:25px;z-index:1;/*mels code here */display:none;/*mels code ends*/}
#breadCrumb{font-size:75%;padding-top:2px;padding-right:0px;padding-bottom:3px;padding-left:10px;}
.story{
	padding:10px;
	font-size:12px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#CCC;
	line-height:150%;
	font-family: Arial, Helvetica, sans-serif;
}

.mobile{
	padding-top: 2%;
	padding-left: 10%;
	padding-right: 10%;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
}

.mobile h1{
	font-size: 50px;
}

.mobile h2{
	font-size: 30px;
	padding-top: 20px;
}

.mobile h3{
	font-size: 24px;
	padding-top: 20px;
}

#siteInfo{clear:both;border:1px solid #cccccc;font-size:75%;color:#cccccc;padding:10px 10px 10px 10px;}
#navBar ul a:link, #navBar ul a:visited{display:block;margin-top:-2px;margin-bottom:-2px;}
#navBar ul{list-style:none;margin:0;padding-left:15px;line-height:normal;}
#navBar li{padding-top:2px;padding-bottom:2px;font-weight:normal;line-height:normal;}
html>body #navBar li{font-weight:normal;line-height:normal;}
#sectionLinks{position:relative;margin:0px;font-size:80%;font-family:Arial, sans-serif;font-weight:bold;color:#2d6fb7;padding-top:10px;padding-right:5px;padding-bottom:10px;padding-left:5px;border:1px none #CCC;}
#sectionLinks a{display:block;padding:2px 0px 2px 10px;}
#sectionLinks a:hover{}
#sectionLinks li{}
.relatedLinks{position:relative;font-size:75%;background-color:#FFF;padding-top:10px;padding-right:5px;padding-bottom:10px;padding-left:5px;}
label{font-family:Arial,sans-serif;font-size:100%;font-weight:bold;color:#334d55;}
#login .blue-sml a{color:#1db7a6;}
#login .blue-sml a:hover{color:#996633;}
#search{
	padding-right:2px;
	padding-left:2px;
	margin-top:10px;
	border:1px solid #cccccc;
}
#advert{margin-top:10px;text-align:center;}
#search #google{margin-top:-10px;}
#submit{margin-top:-10px;}
#values{margin-top:10px;border:1px solid #256BAF;padding-right:1px;padding-left:1px;}
#pop{padding:5px;text-align:left;margin-bottom:1%;}
#up{padding:5px;text-align:left;margin-bottom:1%;}
#relatedLinks h2{color:#256BAF;}
#projects{padding:5px;text-align:center;margin-bottom:1%;}
#values .small-font{color:#256BAF;}
#container #content #story #l{width:50%;float:left;padding-left:2%;}
#container #content #story #r{float:right;text-align:right;margin-left:5px;}
#advert img{width:150px;}
#mission{float:right;width:19%;margin-right:1%;margin-left:0%;}
#dhbsearch{margin-top:20px;margin-right:10px;margin-bottom:10px;margin-left:10px;}
#search p{font-size:70%;}
#search #search_right{text-align:center;padding-top:4px;padding-right:0px;padding-bottom:0px;padding-left:0px;}

.boxfloatleft{float:left;width:200px;border:1px dashed #CCC;padding:5px;}

.boxgrid{
	width: 200px;
	border: 1px dashed #CCC;
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	vertical-align:top;
}

    .boxgrid:hover {
	background-color: #E7E7E7;
    }

.boxgridhalf{
	width: 280px;
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	vertical-align:top;
}

    .boxgridhalf:hover {
	background-color: #E7E7E7;
    }

.boxgridwhite{
	width: 180px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	vertical-align: top;
	background-color: #FFFFFF;
}

    .boxgridwhite:hover {
	background-color: #EBEBEB;
    }

.profile{
	width: 95%;
	border: 1px dashed #CCC;
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	vertical-align:top;
}

.halfpage{
	width: 45%;
	border: 1px dashed #CCC;
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	vertical-align:top;
}


.halfpage:hover{
	background-color: #EBEBEB;
    }

/*TABLET*/
@media (max-width:900px){
	.halfpage {
		width: 90%;
	}	
	
}

.floatleft{float:left;width:48%;border:1px dashed #CCC;padding:4px;}
.floatleft2{float:left;width:48%;border:1px dashed #CCC;padding:4px;}
.floatright{
	float:right;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 5px;
}

.floatrightgray{
	float: right;
	height: auto;
	padding-right: 15px;
	margin-right: 0px;
	margin-left: 15px;
	padding-left: 15px;
	background-color: #ECECEC;
}


#search2{padding-right:10px;padding-left:10px;margin-top:10px;border:1px solid #cccccc;font-size:80%;}
#search3{padding-right:10px;padding-left:10px;margin-top:10px;border:1px solid #FFF;font-size:80%;text-align:center;color:#FFFFFF;}
#search4{padding-right:10px;padding-left:10px;margin-top:10px;font-size:80%;text-align:center;color:#333333;}
</style> #search #search_right .small-font a{font-size:80%;}
#a{font-variant:normal;}
#container #content .story #a #1{width:50px;float:left;}
#container #content .story #a #2{width:50px;float:left;}
#container #content .story #a #3{float:left;width:50px;}
#container #content .story #a #4{width:50px;float:left;}
#pageName #banner_l{float:left;margin-top:70px;margin-right:auto;}
#pageName #banner_p{float:right;}
#banner_r{margin-top:105px;text-align:center;z-index:1;background-image:url(images/background_banner_single.gif);background-repeat:repeat-x;position:absolute;width:100%;/*mels code here*/display:none;/*mels code ends*/}
#container #home{}
#container #home #intro{text-align:center;width:60%;float:left;}
#container #home #main #f #10{float:left;width:250px;}
#siteInfo #version{float:right;margin-top:-12px;}
#container #content .story p{line-height:1.8;font-size:12px;font-family:Arial, Helvetica, sans-serif;}



.subheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #009DDF;
	margin: 0px;
	padding: 0px;
	line-height: 130%;
	font-weight: normal;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #009DDF;
	margin: 0px;
	padding: 0px;
	line-height: 130%;
	font-weight: bold;
}




#container #content .story #news_right{text-align:right;position:relative;width:250px;float:right;}
#container #content .story #news_left{float:left;}
#container #content #story #r .strong{color:#00ADEF;}
#container #content #story #r #news_box{margin-top:-15px;}
#container #content #story #r #image_box{margin-top:52px;}
#container #content #story #r #image_box_border{margin-top:35px;border:1px solid #0099FF;height:262px;width:191px;}
#container #content #story #r #image_box_border_land{margin-top:35px;border:1px solid #0099FF;height:191px;width:262px;}
#container #content #dhbsearch #cse-search-box{text-align:center;}
html>body #container #content #story #r #image_box{margin-top:35px;}
#container #navBar .relatedLinks #left_ban_ad{padding-left:23px;}
#container #graydiv {
    background-color: #EBEBEB;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#container #graydiv2 {
	font-size: large;
	line-height: 150%;
    background-color: #EBEBEB;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}


#highlightbox {
	background-color: #E3E3E3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}



.orange{color:#F39404;}
.clear_left{clear:left;padding:10px;margin-left:5%;}
.new{color:#F00;font-size:100%;}
.centre{text-align:center;}
#icons{padding-left:10%;}
.imgborder{border:thick solid #CCC;text-align:center;}
.boxoverbody{background-color:#333333;color:#FFFFFF;font-size:12px;line-height:16px;padding:5px;}
.boxoverproducttitle{font-size:12px;padding-bottom:5px;padding-right:10px;width:145px;}
.boxoverproductstrikeoutprice{color:#CCCCCC;font-size:14px;padding-left:10px;text-decoration:line-through;}
.boxoverproductspecialprice{color:#FFFFFF;font-size:14px;padding-left:10px;}
.boxoverproductprice{color:#FFFFFF;font-size:14px;padding-left:10px;}
.headlines{font-size:12px;color:#2C8AD9;a:hover{color:#036;line-height:140%;font-family:Arial, Helvetica, sans-serif;line-height:150%;}
#container #content .story table tr td strong {
	color: #000;
}
.countbox1 {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #E6E7E8;
	height: 150px;
	width: 150px;
}


#frontpanel {
	width: 33%;
	float: left;
	height: 300px;
}
#fronttextbox {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

}
#frontpanel3 {
	float: right;
	width: 33%;
	height: 300px;
}