/**
 * Ten4 Design http://www.ten4design.co.uk/
 * CSS compressed using the Offbeat CMS compression system http://www.offbeat.com
 * This file uses the default css as a base referenece for HTML 4.0 For more information
 * see http://www.w3.org/TR/REC-CSS2/sample.html
 */
/**
 * Start the custom css.
 */
body
{
	background-color: #d9d9d9;
	margin: 0;
	padding:0;
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: left;
}
body, td, tr, h1, h2, h3, h4, h5, h6
{
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: left;
}
td, tr, h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
	
}
h1, h2, h3, h4, h5, h6
{
	border:0;
	padding:0;
	margin:0;
	display:inline;
}

a:link {
	color: #CA2F87;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CA2F87;
}
a:hover {
	text-decoration: underline;
	color: #CA2F87;
}
a:active {
	text-decoration: none;
	color: #CA2F87;
}

a.headercontact:link
{
	color: #fff;    
	
}
a.headercontact:visited
{
	color: #fff;    
	
}
a.headercontact:hover{
	color: #fff;
	text-decoration: underline;

}

/*
START TAB CSS*/
#wrapper2{
width: 100%;
margin: 0 auto;
}

#tabwrapper{
width: 100%;
margin: 0 auto;
background: #D9D9D9;

}
.box{
background: #D9D9D9;

}
.boxholder{
clear: both;
padding: 15px;
background: #D9D9D9;
}
.tab{
float: left;
height: 20px;
width: 114px;
margin: 5px 1px 0 0;
text-align: center;
background: #D9D9D9 url(http://www.thechangegroup.com/assets/images/default/tab.jpg);
}
.tabtxt{
margin: 0;
font-size: 11px;
font-weight: bold;
padding: 0 0 0 0;
}
.abovetabtext {
color:#FFFFFF;
}
a.abovetabtext:link
{
	color: #99cc00;
}
a.abovetabtext:visited
{
	color: #99cc00;
}
a.abovetabtext:active
{
	color: #99cc00;
}
a.abovetabtext:hover{
	color: #99cc00;
}



/*
END TAB CSS*/

/*
For page titles, now use h2
*/
a h2, h2, h2 a, .h2
{
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	padding:0 0px 0 0px;
	white-space:nowrap;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none; 
	text-transform:uppercase; 
	background-color:transparent;
}
a:hover h2, h2:hover, h2 a:hover, .h2:hover
{
	text-decoration: underline;
}
a:visited h2, h2 a:visited
{
}
a h2.active, a:visited h2.active, a:active h2.active, a:link h2.active, h2.active, h2 a.active, h2 a.active:visited, h2 a.active:active, h2 a.active:link, .h2-active
{
	color: #CC0066;
	text-decoration: none;  
}






label
{
	cursor:pointer;
}
form
{
	padding:0;
	margin:0;
}
a img
{
	border:0;
}


.footer, a.footer, a.footer:link, a.footer:visited {
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
}
.footer-dividerlarge {
	font-size: 16px;
	color: #CA2F87;
}
.footer-dividersmall {
	font-size: 14px;
	color: #CA2F87;
}
.footerlarge, a.footerlarge, a.footerlarge:link, a.footerlarge:visited {
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}
a.footer:active
{
	color: #000000;
}
a.footer:hover{
	color: #000;
}
a.footerlarge:active
{
	color: #000000;
}
a.footerlarge:hover{
	color: #000;
}
a.headline, .headline {
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	padding:0 0px 0 0px;
	white-space:nowrap;
	font-size: 15px;
	font-weight: ;
	color: #FFFFFF;
	text-decoration: none; 
	text-transform:uppercase; 
}
.colouredheader {
	color: #E85C0F;
	font-size: 14px;
	font-family: Helvetica, Arial;
	font-weight: normal;
}
.grey {
	color: #666666;
	font-size: 12px;
	font-family: Helvetica, Arial;
	font-weight: normal;
}
.date {
	font-size: 12px;
	color: #666666;
	font-family: Helvetica, Arial;
}

.input-box
{
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color:#999;
	padding:2px;
	margin:2px;
	border: 1px solid #666;
	color: #000;
}
.input-box:focus
{
	border: 1px solid #666;
	background-color:#ECF2F6;
	color: #000000;
}
.input-box[disabled]
{
	border: 1px solid #666;
	color: #909090;
}

.input-button
{
	border: 1px solid #666;
}
.input-button:hover
{
	border: 1px solid #666;
	background-color:#ECF2F6;
	color: #000000;
	cursor:pointer;
}
.input-button[disabled]
{
	border: 1px solid #666;
	color: #909090;
	cursor:normal;
}

.lowlight
{
	color:#666666;
	font-size:10px;
}
.highlight
{
	color:#000000;
	font-weight:normal;
	text-transform: uppercase;
}
img.header
{
	margin-bottom:0px;
}

.rollover
{
	cursor:pointer;
}

.nav
{
	background:url(http://www.thechangegroup.com/assets/images/default/nav/bottomspace.gif);
	color:#fff;
}

#container_small{
/*the width of the main container - not obligatory*/
width:320px;
}
.css_angles{
/*the background_image*/
background:url(http://www.thechangegroup.com/assets/images/default/corners.png) no-repeat;
/*the height - equal half the background image*/
height:25px;
}
#angle_top_left{
/*position of the background image in the top left corner*/
background-position:top left;
}
#angle_top_right{
/*position of the background image in the top right corner*/
background-position:top right;
}
#angle_bot_left{
/*position of the background image in the bottom left corner*/
background-position:bottom left;
}
#angle_bot_right{
/*position of the background image in the bottom right corner*/
background-position:bottom right;
}
.background_color{
/*background_color to fill up the space in between the 2 corners*/
background-color:#c0cacb;
/*the height*/
height:25px;
/*its position in rapport to its relative corner*/
/*equal to margin-top:-15px;margin-right:15px;margin-bottom:0;margin-left:15px;*/
margin:-25px 25px 0 25px;
}
.content{
/*the background color of the content - the same as the one used first*/
background-color:#c0cacb;
/*a padding space to the left and right in between the edge of the element and its content - not obligatory*/
padding:0 10px;
}