/* CSS Document */

body
{
	margin:0px;
	padding:0px;
	background-color:#00468F;
	background-image:url(images/bg-body.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
.container
{
	width:935px;
	margin:0px auto;
}
.banner
{
	height:90px;
	}
.logo
{
	width:507px;
	height:90px;
	float:left;
}
.right-top
{
	width:413px;
	float:left;
	height:90px;
	background-image:url(images/top-right.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-align:right;
	padding-right:15px;
	
}
.right-top h3
{
	margin:0px;
	padding:0px;
	font-family:Trebuchet MS;
	font-size:20px;
	color:#CC0000;
}
.right-top h4
{
	margin:0px;
	margin:0px;
	padding:0px;
	font-family:Trebuchet MS;
	font-size:18px;
	color:#014790;
}
.right-top h4 a:link
{
	color:#014790;
	text-decoration:none;
}
.right-top h4 a:visited
{
	color:#014790;
	text-decoration:none;
}
.right-top h4 a:hover
{
	color:#146DC9;
	text-decoration:none;
}
.right-top h4 a:visited:hover
{
	color:#146DC9;
	text-decoration:none;
}
.menu-top
{
	height:49px;
	background-image:url(images/menu-bg.jpg);

}
.menu-left
{
	width:17px;
	height:49px;
	background-image:url(images/menu-left.jpg);
	background-repeat:no-repeat;
	float:left;
}

.menu-right
{
	width:291px;
	height:49px;
	background-image:url(images/menu-right.jpg);
	background-repeat:no-repeat;
	float:right;
}

/*Menu Classes started*/
.menu {font-family:Trebuchet MS; float:left;
height:49px;

background:none;
margin:0px;
font-size:16px;
 position:relative;
 color:#000000;
  z-index:100;
  

}
.menu ul li a, .menu ul li a:visited { text-align:left; display:block; text-decoration:none; color:#0b799e; text-align:center; color:#000000; padding:13px 24px 15px 24px; overflow:hidden; background:url(images/menu-seperator.jpg) no-repeat top right; }
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative; padding:0px;}
.menu ul li ul {display: none; margin:15px 0px 0px 0px; }

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffffff; background-image:url(images/menu-bg-hover.jpg); }
.menu ul li:hover ul {display:block; position:absolute; top:37px; left:0; width:200px; }
.menu ul li:hover ul li a.hide {color:#0098d3; background:#000000;  }
.menu ul li:hover ul li:hover a.hide {color:#0098d3; background:#000000;  }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#0098d3; background:#000000; width:150px; text-align:left; padding:5px 0px 5px 10px; border-bottom:#0098d3 solid 1px;}
.menu ul li:hover ul li a:hover {color:#ffffff; background:#0098d3; }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
/* Menu Classes End */


.banner-mid
{
	height:155px;
}
.banner-mid-left
{
	width:299px;
	height:29px;
	float:left;
	background-image:url(images/banner-left.jpg);
	background-repeat:no-repeat;
	padding-top:126px;
	padding-left:344px;
	font-family:Tahoma;
	font-size:11px;
	color:#CC3300;
	margin-left:1px;
}
.banner-mid-left a:link
{
	color:#CC3300;
	text-decoration:underline;
}
.banner-mid-left a:visited
{
	color:#CC3300;
	text-decoration:underline;
}
.banner-mid-left a:hover
{
	color:#CC3300;
	text-decoration:none;
}
.banner-mid-left a:visited:hover
{
	color:#CC3300;
	text-decoration:none;
}
.float-left
{
	float:left;
}
.float-right
{
	float:right;
}
.clear
{
	clear:both;
}

/* body area started
 */
 
 .main-body
 {
 	width:929px;
	margin-top:16px;
	background-color:#F4F4F4;
	background-image:url(images/text-body-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
}
.body-top
{
	width:929px;
	height:11px;
	
}
.body-mid
{
	width:890px;
	padding-left:21px;
	padding-right:10px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#484848;
	text-align: justify;
}
.body-mid span
{
	text-align:right;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000099;
	margin:0px;
	padding:0px;
	}
.body-mid h1
{
	font-family:Trebuchet MS;
	font-size:22px;
	color:#000000;
	padding:0px;
	margin:0px;
}
.body-mid h2
{
	color:#E60512;
	font-family:Trebuchet MS;
	font-size:18px;
	padding:0px;
	margin:0px;
}
.body-mid hr
{
	width:862px;
	height:1px;
	border:none;
	background-color:#DADADA;
}
.body-mid p
{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#484848;
}
.body-mid a:link
{
	color:#FF0000;
	text-decoration:none;
	border-bottom:1px dotted #FF0000;
}
.body-mid a:visited
{
	color:#FF0000;
	text-decoration:none;
	border-bottom:1px dotted #FF0000;
}
.body-mid a:hover
{
	color:#000099;
	text-decoration:none;
	border-bottom:none;
}
.body-mid a:visited:hover
{
	color:#000099;
	text-decoration:none;
	border-bottom:none;
}
.inf-text
{
	padding-left:29px;
	margin-left:16px;
	background-image:url(images/info-icon.jpg);
	background-repeat:no-repeat;
	font-family:Tahoma;
	font-size:14px;
	color:#484848;
	height:19px;
}
.inf-text span
{
	color:#E9242E;
	font-weight:bold;

}
.left-bullets
{
	width:210px;

	margin-top:20px;
	float:left;
}
.body-main-bullets
{
	max-width:400px;
	width: 95%;
	margin-top:20px;
	float:left;
}
.left-bullets1
{
	width:210px;

	margin-top:20px;
	float:left;
	margin-left:1px;
}
.left-bullets ul
{
	width:210px;
	padding:0px;
	margin:0px;
	float:left;
}
.left-bullets ul li
{
	padding-top:9px;
	padding-bottom:9px;
	margin-left:30px;
	list-style:none;
	background-image:url(images/bullet-blue.jpg);
	background-position:left;
	background-repeat:no-repeat;

	padding-left:24px;
	border-bottom:1px solid #B9B9B9;
	font-family:Trebuchet MS;
	font-size:13px;
	color:#00468F;
	font-weight:bold;

}
.body-main-bullets ul
{
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
}
.body-main-bullets ul li
{
	padding-top:9px;
	padding-bottom:9px;
	margin-left:30px;
	list-style:none;
	background-image:url(images/bullet-blue.jpg);
	background-position:left;
	background-repeat:no-repeat;

	padding-left:24px;
	border-bottom:1px solid #B9B9B9;
	font-family:Trebuchet MS;
	font-size:13px;
	color:#00468F;
	font-weight:bold;

}
.left-bullets1 ul
{
	width:220px;
	padding:0px;
	margin-left:3px;
	float:left;
	margin-top:1px;
}
.left-bullets1 ul li
{
	padding-top:9px;
	padding-bottom:9px;
	margin-left:30px;
	list-style:none;
	background-image:url(images/bullet-blue.jpg);
	background-position:left;
	background-repeat:no-repeat;

	padding-left:24px;
	border-bottom:1px solid #B9B9B9;
	font-family:Trebuchet MS;
	font-size:13px;
	color:#00468F;
	font-weight:bold;

}
.checkatrade
{
	margin-top:20px;
	margin-left:25px;
	margin-right:5px;
	float:left;
}
.tradingstandards {
	margin-left: 5px;
	margin-right: 15px;
}
.checkatrade_areas-covered
{
	margin-top:12px;
	margin-left:588px;
	float:left;
}
.checkatrade_services
{
	margin-top:20px;
	margin-left:88px;
	float:left;
}
.checkatrade_contact
{
	margin-top:230px;
	margin-left:88px;
	float:left;
}


.bottom
{
	height:75px;
	width:904px;
	margin-top:9px;
	background-image:url(images/bottom.jpg);
	background-repeat:no-repeat;
	
	font-family:Tahoma;
	font-size:11px;
	color:#484848;
	padding-left:25px;
	background-position:bottom;
}
.bottom a:link
{
	color:#484848;
	text-decoration:none;
	border-bottom:1px dotted #484848;
}
.bottom a:visited
{
	color:#484848;
	text-decoration:none;
	border-bottom:1px dotted #484848;
}
.bottom a:hover
{
	color:#FF0000;
	text-decoration:none;
	border-bottom:none;
}
.bottom a:visited:hover
{
	color:#FF0000;
	text-decoration:none;
	border-bottom:none;
}
.bottom-left
{
	width:382px;
	float:left;
	padding-top:20px;
	padding-left:25px;
}
.top-btn
{
	margin-left:135px;
	float:left;
	margin-top:1px;
}
.bottom-right
{
	width:220px;
	float:left;
	padding-top:15px;
	padding-left:80px;
	line-height:19px;
}
.css-icon
{
	margin-left:27px;
}
.bottom-shade
{
	float: none;
	max-width: 929px;
	width: 95%;
	height:53px;
	background-image:url(images/bottom-shade.jpg);
	background-repeat:no-repeat;
	margin-top:2px;
	margin-left: auto;
	margin-right: auto;
}
.extra-text {
	width: 95%;
	max-width: 929px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	font-family:Tahoma;
	font-size:10px;
	color:#CCCCCC;
}
.main-table
{
	margin-left:20px;
	margin-top:20px;
	float:left;

}
.main-table b
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF0000;
}
.input-box
{
width:196px;
height:18px;
padding-left:10px;
padding-top:4px;
background-color:#F7F7F7;
border:1px solid #595959;
}
.txt-area
{
width:196px;
height:100px;
padding-left:10px;
padding-top:4px;
background-color:#F7F7F7;
border:1px solid #595959;
}
.banner-mid-right
{
	width:291px;
	height:155px;
	float:left;
}
.big-email {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}



/* RESPONSIVE */
.container {
	max-width: 935px;
	width: 95%;
}
.rmm.graphite .rmm-main-list li a {
    background-color: transparent !important;
    background-image: none;
    border-left: 0px solid #555555 !important;
	text-shadow: none;
	padding: 12px 26px;
}
.rmm.graphite .rmm-toggled ul li a {
    color: #FFF;
}
.menu.rmm {
	max-width: 644px;
}
.banner-mid {
    height: auto;
}
.banner-mid.mobile-element {
	width: 100%;
	display: none;
	float: none;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.banner-mid.mobile-element img {
	width: 95%;
	max-width: 529px;
}
a.banner-mid-link {
	height: 34px;
	line-height: 34px;
	display: block;
	float: none;
	border-radius: 6px;
	margin: 8px 0;
	background: #cc0000;
	color: #FFF;
    font-family: Trebuchet MS;
    font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

.main-body {
    max-width: 929px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.body-top {
    max-width: 929px;
	width: 100%
}
.body-mid {
	float: none;
    max-width: 890px;
	width: 95%;
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
}
.body-mid hr {
    max-width: 862px;
	width: 100%;
}

.bottom {
	background: #FFF;
    max-width: 929px;
	width: 100%;
	height: auto;
	min-height: 75px;
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
}
.top-btn {
    float: left;
    margin-left: 135px;
    margin-top: -7px;
}
.bottom.mobile-element {
	display: none;
}

/* AREAS */
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/* CONTACT */
.contact-form.mobile-element {
	display: none;
}
.input-box {
	width: 95%;
    max-width: 196px;
}
form p {
	width: 100%;
	text-align: center;
}

/* max 1000px */
@media screen 
	and (min-width: 0px) 
	and (max-width: 1000px) {
	.banner {
		height: auto;
	}
	.logo {
		float: none;
		margin-right: auto;
		margin-left: auto;
		height: auto;
		width: 90%;
		max-width: 507px;
		text-align: center;
	}
	.logo img {
		width: 100%;
	}
	.menu-right {
		background-image: url("images/menu-right-mobile.jpg");
		background-repeat: no-repeat;
		float: right;
		height: 49px;
		width: 17px;
	}
	.right-top {
		background-image: none;
		float: none;
		padding-right: 15px;
		text-align: center;
		width: 100%;
	}
	.banner-mid {
		display: none;
	}
	.banner-mid.mobile-element {
		display: block;
	}
	.bottom.mobile-element {
		display: block;
	}
	.top-btn,
	.bottom-shade {
		display: none;
	}
	.bottom-left {
		float: none;
		padding-left: 0px;
		padding-top: 20px;
		margin-left: auto;
		margin-right: auto;
		max-width: 382px;
		width: 95%;
		text-align: center;
	}
	.bottom-right {
		float: none;
		line-height: 19px;
		padding-left: 0px;
		padding-top: 20px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	.extra-text {
		padding-top: 20px;
		float: none;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 95%;
	}
}

/* max 704px */
@media screen 
	and (min-width: 0px) 
	and (max-width: 704px) {
	.menu-left,
	.menu-right,
	.desktop-element {
		display: none;
	}
	.menu-top {
		background-image: none;
	}
	.menu ul li {
		float: none;
	}
	.menu ul li:hover a {
		background-image: none;
	}
	.checkatrade,
	.tradingstandards {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	.main-body table img {
		width: 100%;
		height: auto;
	}
	.contact-form.mobile-element {
		display: block;
	}
}

/* iPhone */
@media screen 
	and (min-width: 0px) 
	and (max-width: 320px) {
	.menu-left,
	.menu-right	{
		display: none;
	}
	.menu-top {
		background-image: none;
	}
	.menu ul li {
		float: none;
	}
	.menu ul li:hover a {
		background-image: none;
	}
	.checkatrade,
	.checkatrade_services {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		text-align: center;
	}
}