@charset "utf-8";
/* CSS Document */
* {
	font-family: Arial, Helvetica, sans-serif;
	}
body {
	padding: 0px;
	margin: 0px;
}

.BNButton {
	margin-top:20px;
	margin-right:110px;
	width:82px;
	height:56px;
	display:block;
	float:left;
	margin-left:10px;
	background: url(media/buy-now-button.png) no-repeat;
}

.BNButton:hover {
	background: url(media/buy-now-button-over.png) no-repeat;
}

#Strapline a:link, #Strapline a:hover, #Strapline a:active, #Strapline a:visited {
	color:#09C;	
}

#FloodAdvice {
	width:210px;
	margin-top:10px;
	margin-left:605px;
}

#FloodAdvice a:link,#FloodAdvice a:active,#FloodAdvice a:visited,#FloodAdvice a:hover {
	text-decoration:none;
	color:#09C;
	font-size:14px;
	font-weight:bold;
}

.ballast {
	visibility:hidden;
	clear:both;
	width:1px;
	height:1px;
	overflow:hidden;
}
#outer {
	background-color: #FFFFFF;
	display: block;
	width: 981px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #004b8d;
	border-left-color: #004b8d;
}
#Header {
	display: block;
	float: left;
	height: 115px;
	width: 945px;
	background-image: url(media/logo2.jpg);
	background-repeat: no-repeat;
	background-position: left 45px;
	text-align: right;
	padding-top: 45px;
	padding-right: 35px;
}
#NavCont {
	display: block;
	float: left;
	height: 128px;
	width: 951px;
	background-image: url(media/menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
}
#LeftCol {
	display: block;
	float: left;
	width: 569px;
	padding-left: 53px;
	padding-top: 32px;
}
.W622 {
	width: 622px;
}
#RightCol {
	display: block;
	float: left;
	width: 347px;

}
#RightColHead {
	background-image: url(media/rcolhead.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 347px;
}
#RightColFoot {
	background-image: url(media/rcolfoot.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 28px;
	width: 347px;
}
#Footer {
	height: 18px;
	width: 988px;
	margin-right: auto;
	margin-left: auto;
	background: url(media/footer.jpg) no-repeat left top;
}
#Strapline {
	display: block;
	clear: both;
	float: left;
	width: 950px;
	background-image: url(media/strap.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 11px;
	color: #004B8E;
	text-align: right;
	vertical-align: bottom;
	padding-top: 20px;
	margin-top: 35px;
}


#LeftCol h1 {
	font-size: 25px;
	color: #004B8E;
	line-height: 28px;
	padding: 0px;
	margin: 0px;
}
.CopyCol {
	font-size: 12px;
	line-height: 18px;
	float: left;
	width: 265px;
	padding-right: 17px;
	color: #004B8E;
}
/*/////////////Nav/////////////////*/
#nav {
	z-index:100;
	display: block;
	height: 30px;
	clear: right;
	background-image: url(images/nav_bgrnd3.png);
	background-repeat: repeat-x;
	margin-top: 62px;
}



/* remove all the bullets, borders and padding from the default list styling */

#nav ul{
	list-style: none;
	color: #FFFFFF;
	list-style-type:none;
	display: block;
	clear: right;
	height: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*text-transform: uppercase;*/

}



#nav ul li{
	color: #FFFFFF;
	float: left;
	z-index: 110;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;

}
#nav ul li.last {
	border-right-width: 0px;


}


#nav ul li a{
	text-decoration: none;
	color: #FFFFFF;

}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#nav li {


	float:left;

	position:relative;

}



#nav li a:hover{

	color: #FFFFFF;



}



#nav li a:active{

	color: #FFFFFF;



}



/* Styling for drop-down lists */

#nav ul ul li {

	border: none;

}

#nav ul ul li a,

#nav ul ul li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	line-height:16px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-color: #808080;
	font-size:12px;
	border: none;
}



#nav ul ul li a:hover{

	color: #FFFFFF;
	background-color: #808080;

}



/* style the links for the top level */

#nav a, 

#nav a:visited {

	color: #FFFFFF;

}



#nav a.highlighted,

#nav a:active {

	color: #FFFFFF;



}



#nav a.highlighted,

#nav a, 

#nav a:visited {
	/*display:block;*/
	font-size:14px;
	text-decoration:none;
	height: 40px;


}



/* style the second level background */

#nav ul ul a.drop, #nav ul ul a,#nav ul ul a:visited,

#nav ul ul a.drop:visited {
	/*background-color: #cccccc;
	background-image: url(Icons/play.png);
	background-repeat: no-repeat;
	background-position: 80px center;*/
	font-weight:normal;
}

#nav .float-ptr {
	font-size: 16px;
	padding-left: 20px;

}



/* style the second level hover */

#nav ul ul a.drop:hover {

	background: url(images/nav_bgrnd_active.png) repeat-x top left;


}



#nav ul ul :hover > a.drop {

	color: #FFFFFF;

	background: url(images/nav_bgrnd_active.png) repeat-x top left;

}



/* style the third level background */

#nav ul ul ul a, 

#nav ul ul ul a:visited {

}



/* style the third level hover */

#nav ul ul ul a:hover {

	background: url(images/nav_bgrnd_active.png) repeat-x top left;

}





/* hide the sub levels and give them a positon absolute so that they take up no room */

#nav ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:16px;
	left:0;
	background-color: #808080;

}



/* position the third level flyout menu */

#nav ul ul ul {

	left:144px; 

	top:0px;

	width:110px;

}



/* position the third level flyout menu for a left flyout */

#nav ul ul ul.left {

	left:-110px;

}



/* style the table so that it takes no part in the layout - required for IE to work */

#nav table {

	position:absolute; 

	top:0; 

	left:0; 

	border-collapse:collapse;

	border-spacing: 0;

}



/* style the second level links */

#nav ul ul a, 

#nav ul ul a:visited {
	color:#000;
	height:auto;
	line-height:16px;
	/*padding:8px 10px 6px 10px;*/
	width:130px;
	display: block;
	text-align: left;
	/*border-width:1px 1px 1px 1px;
	background-color: #cccccc;*/
}



/* style the top level hover */

#nav a:hover, 

#nav ul ul a:hover {

	color: #ffffff;

	background: url(images/nav_bgrnd_active.png) repeat-x top left;

}



#nav :hover > a, 

#nav ul ul :hover > a {

	color: #ffffff;

	background: url(images/nav_bgrnd_active.png) repeat-x top left;

}



/* make the second level visible when hover on first level list OR link */

#nav ul li:hover ul,

#nav ul a:hover ul {

	visibility:visible; 

}



/* keep the third level hidden when you hover on first level list OR link */

#nav ul :hover ul ul {

	visibility:hidden;

}



/* make the third level visible when you hover over second level list OR link */

#nav ul :hover ul :hover ul{ 

	visibility:visible;

}
/*/////////////End/////////////////*//*/////////////Nav/////////////////*/
#accordion div.accCont {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00bce4;
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #004B8E;
	position: relative;
	top: -7px;
	background-color: #FFFFFF;
}
#accordion h3 a, #accordion h3 a:link,#accordion h3 a:active, #accordion h3 a:visited, #accordion h3 a:hover {
	font-size: 12px;
	text-decoration: none;
	outline:none;
	line-height: 35px;
	margin: 0px;
	padding: 0px;
	color: #004B8E;
	display: inline-block;
}
#accordion h3 {
	font-size: 12px;
	text-decoration: none;
	outline:none;
	line-height: 35px;
	margin: 0px;
	padding: 0px;
	color: #004B8E;
	display: inline-block;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00bce4;
	width: 546px;
}
.accCont a {
	color: #00BEE4;
}
input {
	background-color: #FFFFFF;
	border: 1px solid #00C2E4;
	width: 250px;
}
textarea {
	border: 1px solid #00BCF3;
	width: 250px;
}
.CopyCol h2 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.CopyCol a {
	color: #09BDDE;
}
#outer #LeftCol .CopyCol ul {
	padding: 0px;
	margin-top: 0px;
	margin-left: 15px;
}
.CopyCol ol {
	padding: 0px;
	margin-top: 0px;
	margin-left: 15px;
}
#testimonials {
	font-size: 13px;
	line-height: 17px;
	color: #FFFFFF;
	display: block;
	padding-right: 50px;
	padding-left: 40px;
	padding-bottom: 10px;
	background-image: url(media/rcolbgrnd.jpg);
	background-repeat: repeat-y;
}
.home {
	background-image: url(media/home.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 140px;
}
.CN {
	display: block;
	width: 981px;
	margin-right: auto;
	margin-left: auto;
}
