@import url('reset.css');
@import url('menu.css');

/*

		IMPACT MEDIA
		impactbranding.co.uk
		0845 867 6580
		
		Design - J. Coates
		Code - C. Carlton & M. Coates
		
		## COLOURS ##
		
		Grey - #333333
		Blue - #088DCC
		
*/

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url('../images/bg.jpg');
	background-repeat:repeat-x;
	font:300 12px Arial, Helvetica, sans-serif;
	color:#333333;
}

p {margin-bottom:8px;}

h1{ color:#088DCC; font-size:18px;}
h2{font-size:18px; font-weight: bold; color:#7FC4E4; margin-top:0; margin-left:0px; margin-bottom:0px; padding-top: 0; padding-bottom:0px;}

h3 { color:#088DCC; margin:0px; padding:0px; font-size:18px;}
h3 a{ color:#088DCC; text-decoration:none;}
h3 a:hover{color:#088DCC; text-decoration:none;}

h4 { color:#333333; margin:0px; padding:0px; font-size:16px;}
h4 a{ color:#333333; text-decoration:none;}
h4 a:hover{color:#333333; text-decoration:none;}

a {color:#088dcc; text-decoration:none;}
a:hover{ color:#088dcc; text-decoration:none;}


.title {font-size: 18px; font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif; color:#0089CA; margin:0px; padding:0px;}

.blue12 {color:#088dcc; font-size:12px;}
.blue12 a{color:#088dcc; font-size:12px; text-decoration:none;}
.blue12 a:hover{ color:#088dcc; font-size:12px; text-decoration:none;}

.blue18 {color:#088dcc; font-size:18px;}
.blue18 a{color:#088dcc; font-size:18px; text-decoration:none;}
.blue18 a:hover{ color:#088dcc; font-size:18px; text-decoration:none;}

.black16 {color:#000000; font-size:16px;}
.black16 a{ color:#000000; font-size:16px; text-decoration:none;}
.black16 a:hover{color:#000000; font-size:16px; text-decoration:underline;}

.grey12 {color:#333333; font-size:12px;}
.grey12 a{ color:#333333; font-size:12px; text-decoration:none;}
.grey12 a:hover{color:#333333; font-size:12px; text-decoration:underline;}

#wrapper {
	margin:0 auto;
	width:970px;
	background:#FFFFFF;
	padding:0 5px;
}

/* Elements */

.search-box {
	background-image:url('../images/search-box.png');
	background-repeat:no-repeat;
	background-color:transparent;
	width:171px;
	border:0;
	height:25px;
	margin-top:0px;
}

.search-button {
	background-image:url('../images/search-button.png');
	background-repeat:no-repeat;
	background-color:transparent;
	border:0;
	height:25px;
	margin:0;
	padding:0;
	font-size:0;
	width:60px;
	margin-top:0px;
}

/* Header */

#header {
	width:970px;
	margin:0 auto;
	background-image:url('../images/header-bg.jpg');
	background-repeat:repeat-x;
	min-height:93px;
}

	#header #logo {
		padding-top:21px;
		padding-left:10px;
		width:250px;
		float:left;
	}
	
	#header #search {
		float:left;
		margin-left:450px;
		width:250px;
		background:red;
		margin-top:20px;
	}
	
	#header #contact {
		float:right;
		width:400px;
		font-size:18px;
		color:#088DCC;
		text-align:right;
		margin:0px; padding:20px 20px 0 0;
	}
	
	#header #contact .agentname{
	
	font-size:12px; color:#088DCC;
	}
	#header #contact .findagent{
	
	font-size:12px; color:#000000;
	}
	#header #contact .findagent a{
	font-size:12px; color:#000000; text-decoration:none;
	}
	#header #contact .findagent a:hover{
	font-size:12px; color:#000000; text-decoration:none;
	}

/* Menu */
		
#menu {
	width:970px;
	margin-top:5px;
	margin-bottom:5px;
	height:31px; 
	background-image:url('../images/nav-bg.jpg');
	background-repeat:repeat-x;
}
		
/* Content and Main */

#content {
float:left;
	width:970px;
	background-image:url(../images/content-bg.jpg);
	background-repeat:no-repeat;
}

#content_h {
float:left;
	width:970px;
	
}

#home-splash {
float:left; 
	width:970px;
	margin:0 auto;
	margin-bottom:5px;
	
}

	.splash-content {
	    float:left;
		height:320px;
		padding-top:100px;
		padding-left:20px;
		font-size:18px;
		color:#0088CB;	
		width:900px;
		z-index:0;
	}
	
	.splash-content h1 {
		font-size:30px;
		font-weight:900;
		color:#0088CB;
		margin-bottom:10px;
	}
	
	.splash-content p {
		margin-bottom:10px;
		color:#0088cb;
		
	}
	
	.splash-content a {
		font-size:14px;
		font-weight:900;
		color:#0088CB;
		text-decoration:none;
	}
	
	.splash-content a:hover {
	color:#0088CB;
		text-decoration:underline;
	}
	
	.splash-content .text {
		width:350px;
	}
	
		#buttons1 ul {
			float:left;
			z-index:99999999;
		}
	
		#buttons1 li {
			
			float:left;
			
		}
		
		#buttons1 #mc {
			float:left; 
			width:235px; 
			height:140px; 
			background-image:url(../images/slide-bg.jpg); 
			background-repeat:repeat-x; 
			margin-right:10px;
			display:block;
		}

	     #buttons1 a.vc {
			color:#9b9999;
			background-image:url('../images/slide-bg.jpg');
			background-repeat:repeat-x;
			width:235px;
			height:140px;
			display:block;
			
			margin:0px;
		}
		
		
		
		#buttons1 a:hover.vc {
			color:#FFFFFF;
			text-decoration:none;
			background-image:url('../images/slide-o-bg.jpg');
			background-repeat:repeat-x;
			width:235px;
			height:140px;
		}
		
		#buttons1 a.selected.vc { /*style for selected page's toggler link. ".selected" class auto generated! */
			color:#ffffff;
			text-decoration:none;
			background-image:url('../images/slide-o-bg.jpg');
			background-repeat:repeat-x;
			width:235px;
			height:140px;
		}
		
		#buttons1 a.srm {
			color:#4B4B4B;
			background-image:url('../images/slide-buttons/2-off.png');
			background-repeat:no-repeat;
			width:173px;
			height:35px;
			display:block;
			position:absolute;
			top:399px;
			left:50%;
			margin-left:-311px;
			z-index:1;
			padding-left:35px;
		}
		
		#buttons1 a:hover.srm {
			color:#FFFFFF;
			text-decoration:none;
			background-image:url('../images/slide-buttons/2-on.png');
			background-repeat:no-repeat;
		}
		
		#buttons1 a.selected.srm { /*style for selected page's toggler link. ".selected" class auto generated! */
			color:#FFFFFF;
			text-decoration:none;
			background-image:url('../images/slide-buttons/2-on.png');
			background-repeat:no-repeat;
		}
		
		#buttons1 a.hls {
			color:#4B4B4B;
			background-image:url('../images/slide-buttons/3-off.png');
			background-repeat:no-repeat;
			width:170px;
			height:35px;
			display:block;
			position:absolute;
			top:399px;
			left:50%;
			margin-left:-137px;
			z-index:2;
			padding-left:37px;
		}
		
		#buttons1 a:hover.hls {
			color:#FFFFFF;
			text-decoration:none;
			background-image:url('../images/slide-buttons/3-on.png');
			background-repeat:no-repeat;
		}
		
		#buttons1 a.selected.hls { /*style for selected page's toggler link. ".selected" class auto generated! */
			color:#FFFFFF;
			text-decoration:none;
			background-image:url('../images/slide-buttons/3-on.png');
			background-repeat:no-repeat;
		}
		
		#buttons1 a.prc {
			color:#4B4B4B;
			background-image:url('../images/slide-buttons/4-off.png');
			background-repeat:no-repeat;
			width:215px;
			height:35px;
			display:block;
			position:absolute;
			top:399px;
			left:50%;
			margin-left:37px;
			z-index:3;
			padding-left:37px;
		}
		
		#buttons1 a:hover.prc {
			color:#FFFFFF;
			text-decoration:none;
			background-image:url('../images/slide-buttons/4-on.png');
			background-repeat:no-repeat;
		}
		
		#buttons1 a.selected.hls { /*style for selected page's toggler link. ".selected" class auto generated! */
			color:#FFFFFF;
			text-decoration:none;
			background-image:url('../images/slide-buttons/4-on.png');
			background-repeat:no-repeat;
		}
	
#home-content {
	width:970px;
	margin:0 auto;
	border-top:0px solid #c9c9c9;
}

	
		
	#home-content #home-main {
		float:left;
		width:769px;
	}
	
		#home-content #home-main #slide-menu {
			width:769px;
			min-height:40px;
			background-image:url('../images/home-slide-menu-bg.jpg');
			background-repeat:no-repeat;
		}
		
			#home-content #home-main #slide-menu ul {
				float:left;
				text-align:center;
				margin-top:10px;
				margin-left:10px;
			}
			
			#home-content #home-main #slide-menu li {
				float:left;
			}
		
			#home-content #home-main #slide-menu li a {
				color:#333333;
				font-size:14px;
				font-weight:900;
				display:block;
				background-image:url('../images/home-slide-menu-off.jpg');
				background-repeat:no-repeat;
				background-position:right;
				height:30px;
				width:136px;
				margin-right:1px;
				line-height:30px;
				text-decoration:none;
			}
			
			#home-content #home-main #slide-menu li a:hover {
				color:#FFFFFF;
				background-image:url('../images/home-slide-menu-on.jpg');
				background-repeat:no-repeat;
				text-decoration:underline;
			}
			
			#home-content #home-main #slide-menu li a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
				color:#FFFFFF;
				background-image:url('../images/home-slide-menu-on.jpg');
				background-repeat:no-repeat;
				text-decoration:none;
			}
			
		#home-content #home-main .slide-content {
			width:749px;
			background-image:url('../images/home-slide-bg.jpg');
			background-repeat:no-repeat;
			min-height:352px;
			padding:20px 0 0 20px;
			position: absolute; /* Do not change this value */
			visibility: hidden;
		}
		
			#home-content #home-main h1 {
				color:#088DCC;
				font-size:24px;
				font-weight:900;
				margin-bottom:20px;
			}
			
			#home-content #home-main p {
				text-align:justify;
				margin-bottom:6px;
			}

#header-img {
	width:970px;
	margin:0 auto;
	margin-bottom:5px;
}

#side-menu {
	width:200px;
	float:left;
	min-height:415px;
	font-size:12px;
	color:#333333;
	
	padding-bottom:10px;
	
}

	#side-menu #accordion-internal {
		width:200px;
	}

	#side-menu #accordion-internal .accordion-toggle {
		float:left;
		font:900 14px Arial, Helvetica, sans-serif;
		width:180px;
		display:block;
		outline:none;
		cursor:pointer;
		margin:0;
		color:#0088CB;
		background-image:url('../images/side-menu-link-bg.png');
		background-repeat:no-repeat;
		background-position:bottom;
		padding:6px 10px 10px 10px;
	}
	
	#side-menu  #accordion-internal .accordion-toggle:hover {
		color:#333333;
	}
	
	#side-menu #accordion-internal .accordion-toggle-content {
		float:left;	/* This make sure it stays horizontal */
		overflow:hidden;
		width:180px;
		font:300 12px Arial, Helvetica, sans-serif;
		padding:10px 10px 14px 10px;
		background-image:url('../images/side-menu-link-bg.png');
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	#side-menu #accordion-internal .accordion-toggle-content a {
		color:#4B4B4B;
		text-decoration:none;
	}
	
	#side-menu #accordion-internal .accordion-toggle-content a:hover {
		color:#4B4B4B;
		text-decoration:underline;
	}
	
	#side-menu #accordion-internal p {
		margin:0;
		padding:0;
	}
	
	#side-menu #accordion-internal h4 {
		margin:0;
		padding:0;
		font-size:12px;
		font-weight: 600;
	}
	

	
#right {
	float:right;
	width:218px;
}

	#right .box {
		width:218px;
		min-height:60px;
		background-image:url('../images/right-box-bg.jpg');
		background-repeat:repeat-x;
		margin-bottom:5px;
	}
	
		#right .box a {
			color:#333333;
			font:300 14px Arial, Helvetica, sans-serif;
			text-decoration:none;
		}
		
		#right .box a:hover {
			text-decoration:underline;
		}
	
		#right .box .image {
			float:left;
			width:60px;
			margin-right:15px;
		}
		
		#right .box .enquire, #right .box .quote, #right .box .expert, #right .box .trial, #right .box .local {
			float:left;
			width:143px;
			padding-top:11px;
		}
		
			#right .box .enquire h1, #right .box .enquire h1 a {
				color:#EBA103;
				font:900 18px Arial, Helvetica, sans-serif;
			}
			
			#right .box .quote h1, #right .box .quote h1 a {
				color:#A91F40;
				font:900 18px Arial, Helvetica, sans-serif;
			}
			
			#right .box .expert h1, #right .box .expert h1 a {
				color:#89BF12;
				font:900 18px Arial, Helvetica, sans-serif;
			}
			
			#right .box .trial h1, #right .box .trial h1 a {
				color:#87478f;
				font:900 18px Arial, Helvetica, sans-serif;
			}
			
			#right .box .local h1, #right .box .local h1 a {
				color:#088dcc;
				font:900 18px Arial, Helvetica, sans-serif;
			}

/*Quote form*/
#quote { float:left; font-family:Arial, Helvetica, sans-serif;}
#quote h2 { color:#0089CA; font-size:16px;}
#quote .spacer10 {clear:both; width:100%; height:10px;}
#quote .spacer20 {clear:both; width:100%; height:20px;}
#quote .required { color:#990000;}
#quote .line { float:left; width:100%; height:30px; }

#quote .fleft{float:left; width:240px; height:30px; line-height:30px; }
#quote .fright{ float:left; width:250px; height:27px; padding-top:3px; }
/*For height more than 30px i.e textares etc*/
#quote .linel { float:left; width:100%; }
#quote .fleftl{float:left; width:240px;  }
#quote .frightl{ float:left; width:250px;  padding-top:3px; }

#quote .error{ float:left; width:180px; height:30px; line-height:30px; }
#quote form {}
#quote input[type = "text"]{	
	padding:3px;
	margin-top:0px;
	border:1px solid #999999;
	width:224px;
	
	
}
#quote textarea {
padding:3px;
margin-left:25px;
border:1px solid #999999;
width:400px;
height:150px;
}
#quote select {
		width:214px;
		padding:4px 3px;
		margin:0px 0;
		font-weight:300;
		font-size:12px;
		border:1px solid #999999;
	}

/* Models Page*/
.model_title{color:#333333; font-size:24px;}
.model_title a{color:#333333; text-decoration:none;}
.model_title a:hover{color:#333333; text-decoration:none;}

.model_title_small{color:#333333; font-size:20px;}
.model_title_small a{color:#333333; text-decoration:none;}
.model_title_small a:hover{color:#333333; text-decoration:none;}

.more_info { font-size:14px; font-weight:bold; color:#0088DD;}
.more_info a{ color:#0088DD; text-decoration:none;}
.more_info a:hover{ color:#0088DD; text-decoration:none;}

/*Tab Slide Model Page*/
		#model-menu {
			width:540px;
			min-height:40px;
			background-image:url('../images/home-slide-menu-bg.jpg');
			background-repeat:no-repeat;
		}
		
		#model-menu ul {
				float:left;
				text-align:center;
				margin-top:0px;
				margin-left:0px;
			}
			
		#model-menu li {
				float:left;
			}
		
		#model-menu li a {
				color:#333333;
				font-size:14px;
				font-weight:900;
				display:block;
				background-image:url(../images/model-div.jpg);
				background-repeat:no-repeat;
				background-position:right;
				height:40px;
				padding-left:10px;
				padding-right:10px;
				line-height:40px;
				text-decoration:none;
			}
			
		#model-menu li a.twoline {
				color:#333333;
				font-size:14px;
				font-weight:900;
				display:block;
				background-image:url(../images/model-div.jpg);
				background-repeat:no-repeat;
				background-position:right;
				height:40px;
				padding-left:10px;
				padding-right:10px;
				text-decoration:none;
			}
		
		#model-menu li a:hover {
				color:#0088DD;
				text-decoration:underline;
			}
			
		#model-menu li a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
				color:#0088DD;
				text-decoration:none;
			}
			
		.model-content {
			width:512px;
			background-color:#FFFFFF;
			height:auto;
			
			position: absolute; /* Do not change this value */
			visibility: hidden;
		}
		
		/*Tech data tables */
		.techdata {width:100%; border-collapse:collapse; text-align:center;}
		.techdata th { background-color:#0088dd; color:#FFFFFF;}
		.techdata tr {background-color:#FFFFFF; text-align:center;}
		.techdata tr.grey { background-color:#CCCCCC; text-align:center;}

/*Ask Question Form*/

#ask { float:left; font-family:Arial, Helvetica, sans-serif;}
#ask h2 { color:#0089CA; font-size:16px;}
#ask .spacer10 {clear:both; width:100%; height:10px;}
#ask .spacer20 {clear:both; width:100%; height:20px;}
#ask .required { color:#990000;}
#ask .line { float:left; width:100%; height:30px; }

#ask .fleft{float:left; width:220px; height:30px; line-height:30px; }
#ask .fright{ float:left; width:250px; height:27px; padding-top:3px; }
/*For height more than 30px i.e textares etc*/
#ask .linel { float:left; width:100%; }
#ask .fleftl{float:left; width:220px;  }
#ask .frightl{ float:left; width:300px;  padding-top:3px; }

#ask .error{ float:left; width:200px; height:30px; line-height:30px; }
#ask form {}
#ask input[type = "text"]{	
	padding:3px;
	margin-top:0px;
	border:1px solid #999999;
	width:224px;
	
	
}
#ask textarea {
padding:3px;
margin-left:0px;
border:1px solid #999999;
width:400px;
height:150px;
}
#ask select {
		width:214px;
		padding:4px 3px;
		margin:0px 0;
		font-weight:300;
		font-size:12px;
		border:1px solid #999999;
	}

/*Blog */
#blog_side_menu{
float:left; width:200px; margin-top:0px; 
}
#blog_side_menu .accordion-toggle {
		float:left;
		font:900 14px Arial, Helvetica, sans-serif;
		width:180px;
		display:block;
		outline:none;
		cursor:pointer;
		margin:0 0 5px 0;
		color:#0088CB;
		background-image:url('../images/side-menu-link-bg.png');
		background-repeat:no-repeat;
		background-position:bottom;
		padding:6px 10px 10px 5px;
	}
	
#blog_side_menu ul li ul li {

		color:#333333;
		text-decoration:none;
		margin-left:0px;
		display:block;
		float:left;
		width:100%;
		margin:0 0 0 5px;
	}
#blog_side_menu ul li ul li a{

		color:#333333;
		text-decoration:none;
		
	}
#blog_side_menu ul li ul li a:hover{

		color:#333333;
		text-decoration:underline;
		
	}
.blog_tag_title {
float:left;
		font:900 14px Arial, Helvetica, sans-serif;
		width:180px;
		display:block;
		outline:none;
		cursor:pointer;
		margin:0 0 5px 0;
		color:#0088CB;
		background-image:url('../images/side-menu-link-bg.png');
		background-repeat:no-repeat;
		background-position:bottom;
		padding:6px 10px 10px 5px;
}	
.blog_tag_nav{color:#333333;}
.blog_tag_nav a{color:#333333; text-decoration:none;}
.blog_tag_nav a:hover{color:#333333; text-decoration:none;}

.post_content_wrapper {
float:left;
width:502px;
}
.post_date{
float:left; width:66px; height:67px; margin-right:20px; background-image:url('../images/blog-post-icon.png'); background-repeat:no-repeat;
}
.post_top{
margin-bottom:10px;
}
.postmetadata {
width:100%;
float:left;
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
padding:5px 0 5px 0;
}
.post_content{
float:left; width:416px;
}

.blog_navigation{
float:left;
width:100%;
margin-bottom:20px;
}
.b_nav_left{
float:left; width:49%; text-align:left;
}
.b_nav_right{
float:right; width:49%; text-align:right;
}


/*Downloads */
table#posts
{
	border-collapse:collapse; width:100%;
}

#posts th
{
text-align:left; background-image:url(../images/form_bg.gif); background-repeat:repeat-x;  color:#FFFFFF; height:23px; line-height:23px;  font-size:12px; padding-left:3px; padding-right:3px; 
}

#posts th.right
{
text-align:center; background-image:url(../images/form_bg.gif); background-repeat:repeat-x;  color:#FFFFFF; height:23px; line-height:23px;  font-size:12px; 
}

#posts tr
{

}
#posts tr.white
{
background-color:#FFFFFF;
}

tr.gray
{
 background-image:url(../images/box_bg.gif);
background-repeat:repeat-x;
}




#posts td
{
text-align:left;
padding-left:3px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-weight:bold;
font-size:12px;
line-height:23px;
height:23px;

}

#posts td.cellright
{
padding-top:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-weight:bold;
font-size:12px;
vertical-align:middle;


}
#posts b
{
font-size:11px;
}
#posts a
{
text-decoration:none;
padding:0px;
display:inline;
font-size:11px;
font-weight:bold;
color:#000000;
}
#posts a:hover
{
color:#000000;
text-decoration:underline;
}

/*Pagination */
.pagination {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	
}

.pagination a:link {
	color:#000000;
	
}
.pagination a:visited {
	color:#000000;
	
}
.pagination a:hover {
	color:#000000;
	text-decoration:underline;
}

/*Jquery Paging */
ul.paging li {
    padding: 0px;
    width: 512px;
    margin-bottom: 1px;
}

ul.paging p {margin:0 0 8px 0;}

ul.red {
	outline:10px solid red;
}

ul.simplePagerNav li{
    display:block;
    float: left;
    padding: 5px;
    margin-bottom: 10px;

}

ul.simplePagerNav li a{
    color: #0088dd;
    text-decoration: none;
}

li.currentPage {
	
        background: #0088dd;	
}

ul.simplePagerNav li.currentPage a {
	color: #fff;	
}

table.pageme {
    border-collapse: collapse;
    border: 1px solid #ccc;
}  

table.pageme td {
    border-collapse: collapse;
    border: 1px solid #ccc;
}      

ul.paging  li.sticky {
	background-color: red !important;
	display: block !important
}

/* Footer */

#footer {
	width:970px;
	margin:0 auto;
	padding-bottom:5px;
	min-height:60px;
	border-top:1px solid #C9C9C9;
}



	#footer #browse {
		width:955px;
		margin:0 auto;
		background-image:url('../images/browse-bg.jpg');
		background-repeat:no-repeat;
		min-height:173px;
		padding-left:15px;
	}
	
		#footer #browse .topich {
			font-size:21px;
			font-weight:900;
			color:#0089CA;
			margin-top:15px;
			margin-bottom:10px;
		}
		
		#footer #browse ul li {
			font-size:10px;
			color:#000000;
		}
		
		#footer #browse ul li.topic {
		font-size:14px;
		color:333333;
		font-weight:600;
		margin-bottom:5px;
		}
		
		#footer #browse ul li.topic a {
		font-size:14px;
		color:333333;
		font-weight:600;
		margin-bottom:5px;
		text-decoration:none;
		}
		
		#footer #browse ul li.topic a:hover {
		font-size:14px;
		color:333333;
		font-weight:600;
		margin-bottom:5px;
		text-decoration:none;
		}
		
		#footer #browse ul li a {
			color:#000000;
			text-decoration:none;
		}
		
		#footer #browse ul li a:hover {
			text-decoration:underline;
		}
	
	#footer #copy {
		text-align:right;
		background-image:url('../images/base-footer.jpg');
		background-repeat:no-repeat;
		color:#FFFFFF;
		height:60px;
		padding-right:15px;
	}
	
		#footer #copy p {
			line-height:60px;
		}
	
		#footer #copy a {
			text-decoration:none;
			color:#FFFFFF;
			font-weight:900;
			font-size:12px;
		}
		
		#footer #copy a:hover {
			text-decoration:underline;
		}