/*
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: #333333;
}

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

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

div#header
{
    background-color: #666688;
    color: #ffffff;
    top: 0px;
    padding: 0px;
    margin: 0px;
    height:  70px;
    z-index: 100;
    margin: auto;
}

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#contenttable
{
    display: table;
}

/*
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
{
    display: table-cell;
    background: transparent;
    width: 581px;
    vertical-align: top;
    top: 0px;
    padding: 5px;
    padding-bottom: 35px;
}

/*
end content wrapper
*/

/*
footer
*/

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
*/
.product-small-image {/*text-align:center;*/}
.product-small-image p {margin:0px; padding:0px;}
.product-small-image img
{
	width:123px;
	max-height:107px;
}


/* Download Container
.download-box{}

.download-box-image {background-image: url("../images/big_product_img.jpg"); background-repeat: no-repeat;}

.download-box-title{}
.download-box-title p{}
.download-box-title a{}

.download-box-desc{}
.download-box-desc p{}
.download-box-desc a{}

.download-box-download{}


Download Container */

/* Approvals Container */

.approvals-container{width:520px;}

.approvals-container-image {background-image: url("../images/approvals-bg.png"); width:517px; height:95px; background-repeat: no-repeat;}

.approvals-container-title
{
	float:left;
	padding:25px 0 0 20px;
}
.approvals-container-title p{}

.approvals-container-title a
{
	color:#31266A;
	display:block;
	font-size:14px;
	font-weight:bold;
	/*line-height:61px;
	height:61px;
	width:166px;*/
	margin:0;
	text-align:left;
	text-decoration:none;
}

.approvals-container-title a:hover
{
	color:#31266A;
	display:block;
	font-size:14px;
	font-weight:bold;
	/*line-height:61px;
	height:61px;
	width:166px;*/
	margin:0;
	text-align:left;
	text-decoration:underline;
}

.approvals-container-desc{}
.approvals-container-desc p{}
.approvals-container-desc a{}

.approvals-container-download{float:right;}


/* Download Container */


/* Sub Pages */

#sub-page-ul
{
	margin:0px 0px 0px 25px;
	list-style-type:none;
	padding:0px;
	width:640px;
}

.sub-page-li
{
	float:left;
}

.sub-page-div
{
	
}

.img-holder
{
	clear:both;
	float:none;
	height:125px;
}
.img-holder-inner {height:130px;}

.grey-divider
{
	background:url("../images/img_graybg.jpg") repeat-x scroll 0 0 transparent;
	height:145px;
	width:95%;
}

.sub-page-div
{
	
	background-image: url("images/sup-page-bg.png");
	background-repeat: no-repeat;
	width:210px;
	float:left;
	margin:3px 0px 3px 0px;
	height:113px;
	padding-bottom:10px;
	overflow:hidden;
}


.sub-page-div img
{
	border:1px solid #31237D;
	max-width:150px;
	max-height:95px;
}

.image-holder-inner {width:100px; height:100px;}
/*
.img-holder p
{margin:0px; padding:0px; text-align:center;}
*/

.sub-page-title {
float:left;
height:25px;
margin:0 0 0 30px;
width:152px;
}

.sub-page-title-left
{
	background-image: url("../templates/resources/img_leftside.jpg");
	background-repeat: no-repeat;
	width:29px;
	height:125px;
	float:left;
}

.sub-page-title-right
{
	background-image: url("../templates/resources/img_rightside.jpg");
	background-repeat: no-repeat;
	width:29px;
	height:125px;
	float:right;
}


.sub-page-div h3
{
	text-align:center;
	background-color: #31237D;
	padding:5px 5px 5px 5px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

.sub-page-div a
{
	color:#fff;
	text-decoration:none;
}

.shadow
{
	background-image: url("../templates/resources/img_shedo.jpg");
	background-repeat: no-repeat;
	width:134px;
	height:11px;
}

/*


.sub-page-div-home
{
	border: 1px solid #31237D;
	width:175px;
	float:left;
	margin:5px 25px 5px 25px;
	height:125px;
	padding-bottom:15px;
}
*/
.img-holder p
{margin:0px; padding:0px; text-align:center;}
/*
.sub-page-title-home
{
	width:175px;
	height:40px;
}

.sub-page-div-home h3
{
	text-align:center;
	background-color: #31237D;
	padding:5px 5px 5px 5px;
	color:#fff;
	text-decoration:none;
	font-size:13px;
}

.sub-page-div-home a
{
	color:#fff;
	text-decoration:none;
}

*/
/* End Sub Pages */

 
.form_subgroup ul
{
	list-style-type: none;
} 


/* Food Pharmaceutical Link Container */

#link-container
{
	float:right;
	margin: 0px 10px 0px 0px;
}

.link-container-left
{
	float:left;
	line-height:9px;
	margin:0 0 0 0;
	width:325px;
}

.link-container-left p
{
	
}

.link-container-left a
{
	color:#696969;
	font-size:12px;
	text-align:left;
	text-decoration:none;
}

.link-container-right
{
	float:left;
	width: 45px;
	margin: 0px 0px 0px 0px;
}

.link-container-right img
{
	
}

/* End Food Pharmaceutical Link Container */

/* Sector Banners */

/* Car */
#sector-banner-car
{
	
}

#sector-banner-car h4
{
	margin: 0px; padding:0px;
}

#sector-banner-car-inner
{
	background-image: url(/images/sector-car.png);
	background-repeat: no-repeat;
	height: 135px;
}

#sector-banner-car-text
{
	width:330px;
	padding:10px 0px 0px 10px;
}
/* End Car */

/* Truck */
#sector-banner-truck
{
	
}

#sector-banner-truck h4
{
	margin: 0px; padding:0px;
}

#sector-banner-truck-inner
{
	background-image: url(/images/truck-banner.png);
	background-repeat: no-repeat;
	height: 115px;
}

#sector-banner-truck-text
{
	width:400px;
	padding:10px 0px 0px 10px;
}
/* End Truck */

/* Bus */
#sector-banner-bus
{
	
}

#sector-banner-bus h4
{
	margin: 0px; padding:0px;
}

#sector-banner-bus-inner
{
	background-image: url(/images/bus2-banner.png);
	background-repeat: no-repeat;
	height: 135px;
}

#sector-banner-bus-text
{
	width:265px;
	padding:10px 0px 0px 10px;
}
/* End Bus */

/* Rail */
#sector-banner-rail
{
	
}

#sector-banner-rail h4
{
	margin: 0px; padding:0px;
}

#sector-banner-rail-inner
{
	background-image: url(/images/train-banner.png);
	background-repeat: no-repeat;
	height: 135px;
}

#sector-banner-rail-text
{
	width:340px;
	padding:10px 0px 0px 10px;
}
/* End Rail */

/* Defence */
#sector-banner-defence
{
	
}

#sector-banner-defence h4
{
	margin: 0px; padding:0px;
}

#sector-banner-defence-inner
{
	background-image: url(/images/defence-banner.png);
	background-repeat: no-repeat;
	height: 135px;
}

#sector-banner-defence-text
{
	width:370px;
	padding:10px 0px 0px 10px;
}
/* End Defence */


/* Marine */
#sector-banner-marine
{
	
}

#sector-banner-marine h4
{
	margin: 0px; padding:0px;
}

#sector-banner-marine-inner
{
	background-image: url(/images/marine-banner.png);
	background-repeat: no-repeat;
	height: 135px;
}

#sector-banner-marine-text
{
	width:370px;
	padding:10px 0px 0px 10px;
}
/* End Marine */

/* F1 */
#sector-banner-f1
{
	
}

#sector-banner-f1 h4
{
	margin: 0px; padding:0px;
}

#sector-banner-f1-inner
{
	background-image: url(/images/f1-banner.png);
	background-repeat: no-repeat;
	height: 135px;
}

#sector-banner-f1-text
{
	width:325px;
	padding:10px 0px 0px 10px;
}
/* End F1 */

/* End Sector Banners */