body
{
    font: normal 75%/140% Arial, Sans-Serif, Tahoma;
    color: #d7d7d7;
    text-align: center;
    line-height:1.6em;
    background: url(/images/bits/pattern.png);
}

h1
{
    font-size:1.8em;
    font-weight:normal;
    color:#d7d7d7!important;
    margin:0 0 25px 0;
    padding:0;
    font-family: Trajan Pro, Georgia, Arial;
}

h1.dark_grey
{
    color: #999!important;
}


h2
{
    font-size: 1.6em;
    margin: 5px 0 5px 0;
    padding:0;
}

h3
{
    font-size: 1.4em;
    margin: 5px 0 5px 0;
    padding:0;
}

h4
{
    font-size: 1.2em;
    margin: 5px 0 5px 0;
    padding:0;
}

p
{
    margin: 5px 0 5px 0;
    padding:0;
}

.brand_red
{
    color: #991e21;
}

#footer
{
   text-align:left;
   background:#991e21;
   color: #3e5301;
}

#footer a
{
    color:#fff!important;
    font-size:0.8em;
}

form label
{
    float: left;
	padding: 2px 2px 2px 2px;
	width: 130px;
	clear: both; 
}

.form_field_wrapper
{
    float: left;
    margin: 3px 0 0 0;
    display: inline;
}

.form_field_wrapper label
{
    display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 160px; 
	padding: 0; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

.form_field_wrapper input, .form_field_wrapper select, .form_field_wrapper textarea
{
    font-size:1em;
    width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
    padding: 0 3px 2px 2px;
    border: solid 1px #777;
}

.form_field_wrapper select
{
    padding: 0!important;
}

.form_field_wrapper input[type=radio]
{
    color:#000; 
    background-color:#fff;
    border: solid 1px #fff;
}

/* value label class is used when we wish to display text in a form instead of an input or similar.
Prevents it from inheriting the .form_field_wrapper label style */
.form_field_wrapper .value_label
{
    display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: auto;
	padding: 0; 
	margin: 5px 0 0 10px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

.text_left
{
    text-align: left;
}

img
{
border:none!important;
}

a
{
color: #fff;
cursor:pointer!important;
text-decoration: none;
}

#navigation .divider
{
color:#ccc;
}

#footer .divider
{
color:#ccc;
}

.bold
{
font-weight:bold;
}

.block
{
    float: left;
    margin: 0 auto;
}

.thru
{
text-decoration:line-through;
}

.light_grey
{
color:#ccc!important;
}

.light_grey_sml
{
color:#aaa;
font-size:9px;
}

.light_grey_ital
{
color:#aaa;
font-style:italic;    
}

.light_grey_sml_ital
{
color:#aaa;
font-style:italic;
font-size:9px;   
}

.top_8
{
    margin-top: 8px!important;
    }

.error
{
    color: #991e21!important;
}

.error_large
{
color:#f00;
font-size:1.4em;
}

.required_field
{
border:solid 1px #f00!important;
}

.required_label
{
color:#f00;
}

.requiredfield
{
border:solid 1px #b50058!important;
}

.required
{
color: #b50058;
}

.requiredlabel
{
color: #b50058!important;
}
.focus
{
background:#fffacd;
}
.blur
{
background:#fff;
}
.labelexplain
{
color:#aaa;
font-style:italic;
}

.margin_left_24
{
    margin-left: 24px!important;
}

.margin_top_24
{
    margin-top: 24px!important;
}

.notification
{
margin:0 0 15px 0;
padding:10px;
background:#f7efed;
}

.referral_head
{
	line-height:25px;
	/*background:#e7e7e7;*/
	font-weight:bold;
	border-bottom:solid 1px #000;	
}

.referral_name
{
	width:200px;
}

.referral_email
{
	width:250px;
}

.referral_status
{
	width:100px;	
}

.referral_voucher
{
	width:200px;	
}

.row
{
	background:#f9f9f7!important;
}

.left_menu_header
{
    /*font-size: .7em;*/
    color: #777;
    border-bottom: 1px solid #aaa;
    background-position: right; 
    margin: 0 0 5px 0;
}

.alt_row
{
	background:#fff!important;
}


.bg_white
{
    background: #fff;
}

.bg_white div, .bg_white a:link, .bg_white a:hover, .bg_white a:visited, .bg_white a:active 
{
    color: #000;
}

.bg_black
{
    background: #000;
}

.bg_black div, .bg_black a:link, .bg_black a:hover, .bg_black a:visited, .bg_black a:active 
{
    color: #bbb;
}

.red_trans_bg
{
    background: url(/images/bits/red_60.png)!important;
}

.dark_trans_bg
{
    background: url(/images/bits/black_50.png)!important;
}

#main_l .helpbody
{
    margin-top:50px;
}

#left .helpmenu
{
    margin:96px 25px 0px 18px;
    padding:0px;
    list-style:none;
}

#right .helpmenuright
{
    margin:76px 25px 0px 0px;
    padding:0px;
    list-style:none;
}

#left .helpmenu li, #right .helpmenuright li
{
    margin:10px 0px;
    border-bottom:dashed 1px grey;
}

#left .helpmenu li a, #right .helpmenuright li a
{
    text-decoration:none;
}

.inspirationtext
{
    margin: 50px 0px 0px 28px;
}

#image_fade
{
    position:absolute;
    list-style:none;
    padding:0!important;
    margin:0!important;
}

.itemerror
{
    color:Red;
}

.error_control
{
	margin: 0;
	padding: 0;
	color: #fff;
	background-image: url('/Images/Bits/error_back.png');
	font-family: Arial;	
}

.error_control ul
{
	list-style-type:none;
	margin:0px;
	padding:15px 20px 15px 20px;
}

.error_control ul li
{
	margin:0px;
	padding:0px;
}

.register
{
	margin: 20px 0 0 0;
	width: 450px;
}

.get_in_touch
{
	margin: 20px 0 0 0;
	width: 360px;
}

.personal
{
	margin: 0 0 20px 0;
	width: 360px;
}

.recommendations
{
	margin: 20px 0 20px 0;
	width: 440px;
}

.product_navigator
{
    float:right;
    width:760px;        
    margin:0 5px 0 0;
    text-align:right;
}

.product_navigator .column
{
    float:right;
    padding-left:10px;
}   
     
.page_hightlight
{
    background:#CCCCCC none repeat scroll 0 0;
    padding:0 2px !important;
    width:14px !important;
}