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