/* --- LAYOUT --- */

/* --- html, body { margin:0; padding:0; font-family: Trebuchet MS; background-color: #656565; height: 100%; }
 --- */

/* -------------- LOGO swf embedded not playing on Safari --------------- */

html, body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; background: #CE0000 url('../images/bg_1px_vert_01.gif') repeat-x; height: 100%; }
																							/* background color added*/		
#outer_wrapper
{
	width: 810px;
	margin: 0 auto;
	text-align: left;
	
	padding: 0px;
	}
	
.outer_wrapper
{
	width: 810px;
	margin: 0 auto;
	text-align: left;
	
	padding: 0px;
	}

/* --- COMMON STYLES --- */ 
p, h1, h2, h3, h4, h5, form, ul, li { margin: 0; padding: 0; }
p { font-size: 12px; line-height: 16px; }


p.welcome_copy { font-size: 11px; line-height: 18px;  }    

p.top_picks_copy { font-size: 11px; line-height: 22px;  }

.lh_18 { line-height: 18px;}

.line_height_120 {line-height: 120%;}

a { text-decoration: none; }
a:hover { text-decoration:underline; }

img { display: block; border: none; }

h1 { font-size: 24px; font-weight: bold;}

h1.title { font-size: 20px; font-weight: bold; font-family: Georgia; font-style: italic;}

h2 { font-size: 22px;  }

h3 { font-size: 18px; }

h4 { font-size: 14px; font-weight: normal;   }

h4.title { font-size: 14px; font-weight: bold; font-family: Georgia; font-style: italic; line-height: 30px;  }

h5 { font-size: 14px; font-weight:normal; }

.georgia { font-family: Georgia,Verdana,Arial; }


select, textarea, input { font-family: Trebuchet MS; font-size: 12px; }

.select { height: 18px!important;}

.clearer0 {  line-height: 0; clear: both; margin : 0px; padding: 0px; border: 0px; height: 0px; }
.clearer_1 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 1px; padding: 0; border: 0; }
.clearer_2 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 2px; padding: 0; border: 0; }
.clearer_3 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 3px; padding: 0; border: 0; }
.clearer_4 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 4px; padding: 0; border: 0; }
.clearer_5 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 5px; padding: 0; border: 0; }
.clearer_10 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 10px; padding: 0; border: 0; }
.clearer_20 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 20px; padding: 0; border: 0px solid red; }

.clearer_30 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 30px; padding: 0; border: 0px solid red; }

.clearer_40 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 40px; padding: 0; border: 0px solid red; }

.clearer_80 {  line-height: 0; clear: both; margin : 0 0 0px 0; height: 80px; padding: 0; border: 0px solid red; }

.align_center { text-align: center!important;}

.bold { font-weight: bold; }

.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.inline { display: inline;}
.block { display: block;}

.padding_right_10 { padding-right: 10px;}

.up_2
{
	margin-top: -6px;
	}

.right_2{ margin-right: 2px!important;}
.right_3{ margin-right: 3px!important;}
.right_4{ margin-right: 4px!important;}
.right_5{ margin-right: 5px!important;}
.right_6{ margin-right: 6px!important;}
.right_8{ margin-right: 8px!important;}
.right_10{ margin-right: 10px!important;}
.right_12{ margin-right: 14px!important;}
.right_16{ margin-right: 16px!important;}
.right_18{ margin-right: 18px!important;}
.right_20{ margin-right: 20px!important;}

.left_1 { margin-left: 1px!important;}
.left_2 { margin-left: 2px!important;}
.left_3 { margin-left: 3px!important;}
.left_4 { margin-left: 4px!important;}
.left_6 { margin-left: 6px!important;}
.left_8 { margin-left: 8px!important;}
.left_9 { margin-left: 9px!important;}
.left_10 { margin-left: 10px!important;}
.left_11 { margin-left: 11px!important;}
.left_12 { margin-left: 12px!important;}
.left_13 { margin-left: 13px!important;}
.left_15 { margin-left: 15px!important;}
.left_16 { margin-left: 16px!important;}
.left_18 { margin-left: 18px!important;}
.left_20 { margin-left: 20px!important;}
.left_21 { margin-left: 21px!important;}
.left_30 { margin-left: 30px!important;}
.left_50 { margin-left: 50px!important;}
.left_80 { margin-left: 210px!important;}
.left_110 { margin-left: 110px!important;}
.left_134 { margin-left: 134px!important;}
.left_164 { margin-left: 164px!important;}

.left_170_browse{ margin-left: 274px!important;}

.top_1 { margin-top: 1px!important;}
.top_2 { margin-top: 2px!important;}
.top_2_padding { padding-top: 20px!important;}
.top_3 { margin-top: 3px!important;}
.top_4 { margin-top: 4px!important;}
.top_5 { margin-top: 5px!important;}
.top_6 { margin-top: 6px!important;}
.top_7 { margin-top: 7px!important;}
.top_8 { margin-top: 8px!important;}
.top_9 { margin-top: 9px!important;}
.top_10 { margin-top: 10px!important;}
.top_10_padding { padding-top: 10px!important;}
.top_11 { margin-top: 11px!important;}
.top_12 { margin-top: 12px!important;}
.top_13 { margin-top: 13px!important;}
.top_14 { margin-top: 14px!important;}
.top_16 { margin-top: 16px!important;}
.top_20 { margin-top: 20px!important;}
.top_22 { margin-top: 22px!important;}
.top_28 { margin-top: 28px!important;}
.top_40 { margin-top: 40px!important;}

.bottom_2 { margin-bottom: 2px!important;}
.bottom_3 { margin-bottom: 3px!important;}
.bottom_4 { margin-bottom: 4px!important;}
.bottom_5 { margin-bottom: 5px!important;}
.bottom_6 { margin-bottom: 6px!important;}
.bottom_7 { margin-bottom: 7px!important;}
.bottom_8 { margin-bottom: 8px!important;}
.bottom_9 { margin-bottom: 10px!important;}
.bottom_10 { margin-bottom: 10px!important;}
.bottom_12 { margin-bottom: 12px!important;}
.bottom_14 { margin-bottom: 14px!important;}
.bottom_16 { margin-bottom: 16px!important;}
.bottom_18 { margin-bottom: 18px!important;}
.bottom_20 { padding-bottom: 20px!important;}
.bottom_margin_20 { margin-bottom: 20px!important;}
.bottom_22 { margin-bottom: 22px!important;}


.size_10 { font-size: 10px!important;}
.size_11 { font-size: 11px!important;}
.size_12 { font-size: 12px!important;}
.size_13 { font-size: 13px!important;}
.size_14 { font-size: 14px!important;}
.letter_space_1 { letter-spacing: -1px;}

.size_18 { font-size: 18px;}

.no_margin { margin: 0px;}

.up_2 { margin-top: -2px!important;}

.align_left
{
	text-align: left;}


#top
{
	position: relative;
	margin: 24px 0px 0px 0px;
	width: 810px;
	height: 43px;
	background: url('../images/bg_main_top_01.gif') no-repeat top left;
}


#main_content
{
	position: relative;
	width: 810px;
	padding: 0px;
	margin: 0px;

	background: url('../images/bg_1px_01.gif') repeat-y;
}

#main_content .innertube
{
	padding: 0px 46px 20px 42px;
}

#bottom
{
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 810px;
	height: 10px;
	background: url('../images/bg_main_bottom_01.gif') no-repeat top left;
}

#main_navigation
{
	position: relative;
	width: 810px;
	height: 28px;
	padding: 0px;
	margin: 0px;	
	background: url('../images/bg_main_brown_01.gif') repeat-y;
}


#content_top
{
	position: relative;
	width: 721px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #000000;	
	}
	
#content_footer
{
	position: relative;
	width: 721px;
	height: auto;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-top: 1px solid #000000;	
	}
	
#content_top #main_nav
{
	position: relative;
	width: auto;
	height: 11px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	float: right;
	display: inline;
	font-family: Georgia;
	
	font-weight: bold;	
	}
	
#content_top #main_nav h2.nav_item
{
	position: relative;
	width: auto;
	float: left;
	display: inline;
	color: #000000;
	padding: 0px;
	margin: 0px;
	font-size: 17px;
	}
	
#content_top #main_nav h2.nav_item_reddot
{
	background: #ffffff url('../images/nav/red_dot_01.gif') no-repeat center right;
	padding: 0px 8px 0px 0px;
	margin: 0px 6px 0px 0px;	
	}
	
#content_top #main_nav a.nav_item:hover
{
	
	color: #000000;
	text-decoration: underline;	
	}
	
#sub_nav
{
	position: relative;
	width: auto;
	height: 11px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	float: right;
	display: inline;
	font-family: Georgia;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	}

#sub_nav a.sub_nav_item
{
	position: relative;
	width: auto;
	float: left;
	display: inline;
	color: #000000;
	padding: 0px;
	margin: 0px 0px 0px 20px;	
	}
	
#sub_nav a.sub_nav_item:hover, #sub_nav a.sub_nav_item_on
{

	color: #CE0000;
	text-decoration: none;

	}
	
/* HOME PAGE FEATURE  */

.minus_20
{
	margin-left: -20px;
}

.feature_wrapper
{
	position: relative;
	width: 227px;
	height: 225px;
	float: left;
	display: inline;
	border-top: 1px dotted #000000;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	
	}
	
.feature_wrapper img.feature_main
{
	position: relative;
	width: 227px;
	height: 113px;
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	
	}

.feature_wrapper h2.feature_title
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	font-family: Georgia;
	font-style: italic;
	
	}
	
.feature_wrapper h2.feature_toptitle
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	font-family: Georgia;
	
}
	
	

.feature_wrapper a.feature_title
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	font-family: Georgia;
	font-style: italic;
	color: #000000;	
	}
	
.feature_wrapper a.feature_toptitle
{	
	
	padding: 0px 0px 0px 0px;

	font-size: 14px;
	font-family: Georgia;
	font-weight: bold;
	color: #000000;	
	}
		
	
	
.feature_wrapper a.feature_red
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	font-weight: bold;
	font-family: Georgia;
	font-style: italic;
	color: #CE0000;	
	}
	
		
	
.feature_wrapper a.feature_title:hover
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	font-family: Georgia;
	font-style: italic;
	color: #000000;
	text-decoration: none;
	}
	
	
.feature_wrapper p.feature_copy
{		
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 11px;
	line-height: 13px;
	}
	
.feature_wrapper p.feature_copy a
{		
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 11px;
	line-height: 13px;
	}	
	
.feature_wrapper p.feature_copy a:hover
{		
	text-decoration: none;
	}	

.feature_wrapper a.feature_link
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	
	}
	
.feature_wrapper a.feature_link:hover
{	
    text-decoration: none;
	}

/* HOME PAGE FEATURE  */

.minus_16
{
	margin-left: -16px;
}

.client_wrapper
{
	position: relative;
	width: 167px;
	height: 151px;
	float: left;
	display: inline;
	border-top: 1px dotted #000000;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 16px;
	
	}
	
.client_wrapper img.client_main
{
	position: relative;
	width: 167px;
	height: 113px;
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	
	}
	
.client_wrapper h2.client_title
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	font-family: Georgia;
	font-style: italic;
	
	}
	
/* MAIN PAGE FEATURE  */

.feature_main_wrapper
{
	position: relative;
	width: 723px;
	height: 525px;
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	}
	
.feature_main_wrapper img.feature_main
{
	position: relative;
	width: 723px;
	height: 181px;
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 23px 0px;
	
	}

.feature_main_wrapper h2.feature_main_title
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 22px;
	font-family: Georgia;
	font-style: italic;
		}
		
.feature_main_wrapper h3.feature_main_sub
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	font-family: Georgia;
	font-style: italic;
		}

	
.feature_main_wrapper p.feature_main_copy
{		
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	line-height: 15px;
	width: 460px;
	}
	
.feature_main_wrapper p.feature_main_italics
{		
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 8px;
	line-height: 15px;
	width: 460px;
	font-style: italic;
	}	
	
	
.feature_main_wrapper p.feature_main_copy a
{		
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 11px;
	line-height: 13px;
	}	
	
.feature_main_wrapper p.feature_main_copy a:hover
{		
	text-decoration: none;
	}	

.feature_main_wrapper a.feature_main_link
{	
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	
	}
	
.feature_main_wrapper a.feature_main_link:hover
{	
    text-decoration: none;
	}

	/* COLOURS  */
	
.black, .black a, black a:hover
{
	color: #000000;
}
	
.grey, .grey a, grey a:hover
{
	color: #959595;
}
	
.red, .red a, red a:hover
{
	color: #CE0000;
}