/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

html, body
{
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

div#contentbackground
{
    margin: auto;
    min-height: 100%;
    width: 890px;
    background-color: white;    
    background-image: url(../images/gr-contentbg.jpg);
    background-position: bottom right;
    background-repeat: repeat-y;
}

div#container
{
    margin: auto;
    width: 890px;
    background: transparent;
    background-position: left;
    background-repeat: repeat-y;
}

div#header
{
	/*background-image: url(../images/banner2.png);
    background-color: #fff;
    color: #ffffff;*/
    top: 0px;
    padding: 0px;
    margin: 0px;
    height:  168px;
    z-index: 100;
    margin: auto;
	width:890px;
}

div#header div#header_flash
{
    float: right;
    padding: 0px;
    margin-top: -5px;
}

div#header p
{
    margin: 0px;
    padding: 20px 0px 0px 20px;
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
}


div#banner-img
{
	background-image: url(../images/banner-img.png);
    background-color: #fff;
    color: #ffffff;
    top: 0px;
    padding: 0px;
    margin: 0px;
    height:  166px;
    z-index: 100;
    margin: auto;
	width:890px;
}
/*
main side menu
*/

div#menu
{
    position: relative;
    display: table-cell;
    width: 187px;
    left: 0px;
    top: 0px;
}

div#menu ul
{
    width: 187px;
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 36px;
}

div#menu ul li
{
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li a
{
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 5px 5px 15px;
    margin: 0px;
}

div#menu ul li a:hover
{
    color: #ffffff;
    background-color: #777671;
}

div#menu ul li.selected
{
    display: block;
    color: #ffffff;
    background-color: #777671;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li.selected ul
{
    background-color: #a19e97;
    padding: 0px;
    margin: 0px ;
}

div#menu ul li.selected ul li
{
}

div#menu ul li.selected ul li a
{
    font-size: 11px;
    font-weight: 400;
    padding: 5px 5px 5px 30px;
    margin: 0px;    
}

div#menu ul li a ul li.selected
{
    color: #333333 !important;
    background-color: #dddddd !important;
}

/*
end main side menu
*/

div#content-bg
{
    background-image: url(../images/main-bg.png);
    background-repeat: no-repeat;
	width: 890px;
	height:684px;
    vertical-align: top;
    top: 0px;
    padding: 5px;
    padding-bottom: 35px;
}


div#content
{
	width: 615px;
	height:575px;
    vertical-align: top;
    top: 0px;
    padding: 5px;
	/*padding-bottom: 35px;*/
	padding-bottom:0px;
	margin-top:10px;
	margin-left:45px;
	float:left;
	overflow-y:scroll;
}

/*
end content wrapper
*/

/*
footer
*/

#content-footer
{
	width: 615px;
	height:35px;
    vertical-align: top;
    top: 0px;
    padding: 0px;
    padding-bottom:0px;
	margin-top:0px;
	margin-left:45px;
	float:left;
	border-top:1px solid #ccc;
	padding: 0px 0px 0px 10px;
}

#content-footer p{color:#0e122d;font-size:15px; margin:0px; padding:0px;}
#content-footer a{color:#0e122d;font-size:15px;text-decoration:none;}
#content-footer a:hover{color:#0e122d;font-size:15px;text-decoration:underline;	}

#content-footer-email
{
	width:320px;
	float:left;
	padding-top:12px;
}

#content-footer-powered
{
	width:185px;
	float:right;
	padding-top:12px;
}

div#footer
{
    width: 780px;
    margin: 0 auto;
    display: block;
    height: 35px;
    /*background-color: #eeeeee;*/
    margin-top: -35px;
    position: relative;
    padding: 0px;
    clear: both;
}

div#footer p
{
    padding: 10px 0px 0px 20px;
    font-size: 11px;
    color: #666666;
}

/*
end footer
*/

/* Expandable Menu */

div#column_container
{
	clear: both;
	padding-top: 0px;
	padding-bottom: 20px;
	float:left;
	width: 160px;
	position:relative;
	top:12px;
	left:45px;
	height:88%;
	background-color: #D7D7D7;
}

div#column_container_inner
{
	height:400px;
}

div#column_container div.column {float: left; padding-bottom: 0px;background-color:#000;}

div#nav_column {width: 157px}

.nav-column-main {/*margin-left:19px !important;*/}

div#nav_column ul {margin: 0px 0px 0px 0px; padding: 0px;}
div#nav_column ul li
{
	width: 157px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #ffffff;
	/*background-image: url(../images/btn-menu.png);*/
}

div#nav_column ul li p
{
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

div#nav_column ul li a {display: block; background-color: #0d132d; padding: 5px 5px 5px 15px; color: #e1e1e1; text-decoration: none;}
div#nav_column ul li a:hover {background-color: #3375b3; border-bottom: none}

div#nav_column ul li.current a {display: block; background-color: #569FE4;}
div#nav_column ul li.current ul li a {color: #0d132d; background-color: #e1e1e1;}
div#nav_column ul li.current ul li a:hover {background-color: #c4c3c3; border: none}

div#nav_column ul li.current p {border: solid 1px #D7D7D7;}

/* End Expandable Menu */
/* Left Hand Menu */

#address-left
{
	background-color:#d7d7d7;
	padding:1px;
	height:202px;
}

#address-left p 
{
	color:#0d132d;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-left:20px;
}
/* End Left Hand Menu */

/* Right Side Bar */

#content-sidebar
{
	width:169px;
	height:565px;
	position:relative;
	/*top:-85px;*/
	/*border-left:1px solid #bbbbbb;*/
}

#content-sidebar-free-quote
{
	height:145px;
	padding-top:15px;
	text-align:center;
	border-bottom:1px solid #bbbbbb;
}

#content-sidebar-enquiries
{
	height:140px;
	text-align:center;
	border-bottom:1px solid #bbbbbb;
}
#content-sidebar-free-quote p
{
	margin:0px;
	padding:0px;
}

#content-sidebar-logos
{
	height:220px;
	text-align:center;
}

/* End Right Sidebar */

/* Flash Banner */ 

#flashcontent
{
	margin-left:-3px;	
}
 
/* End Flash Banner */