/* CSS Document */
/* Created by Sam Pearson October 2008*/

/*_________________________Layout divs____________________________*/

body{
background-color:#000022;
background-image:url(../images/new_merlin_backgr.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
}

#outer_wrapper{
margin:0 auto;
padding:0;
background-image:url(../images/side_borders.png);
background-repeat: repeat-y;
width:780px;
}

#top_border{
background-image:url(../images/top_border.png);
width:780px;
height:10px;
}

#bottom_border{
background-image:url(../images/bottom_border.png);
width:780px;
height:10px;
}

#banner {
background-color: #454870;
background-image:url(../images/merlin_banner.png);
position: relative;
height: 125px;
width:770px;
border: 0px solid #003;
text-align:center;
margin:auto;
padding:0;
z-index: 1;
}

#master_content_wrapper{  /* Wrapper for content below the navigation bar*/
position:relative;
width:760px;
margin:auto;
padding:5px 5px 5px 5px;
}

#page_wrapper{    		/* Wrapper for page specific content below the navigation bar*/
position:relative;
width:736px;
margin:5px 0px 0px 1px;
padding:10px 10px 10px 10px;
border: 1px solid #454870;
}

#title_wrapper{         /* Wrapper for page title content below the navigation bar above the main and right content*/
position:relative;
width:700px;
height:15px;
margin:5px 15px 5px 20px;
padding:5px 5px 5px 5px;
text-align:center;
}

#main_content{			/* Wrapper for page specific content not including the items to the right*/
position:relative;
width:520px;
margin:5px 5px 10px 5px;
padding:10px 0px 10px 0px;
}

#home_media{           /* Wrapper for the flash animation or picture on home page*/
position:relative;
height:280px;
width:280px;
margin:0px 40px 0px 5px;
padding:0px 0px 0px 0px;
float:left;

}

#right_content{			/* Wrapper for page specific content in the right hand section*/
position:absolute;
width:200px;
margin:5px 5px 10px 5px;
padding:10px 0px 10px 0px;
left: 544px;
top: 48px;
}

#right_content_pics{    /*Boxes for pictures in the right content area*/
position:relative;
width:160px;
height:162px;
margin:10px 18px 10px 18px;
padding:0px;
}

#page_footer{			/*The footer which is the same on every page*/
width:758px;
height:200px;
position: relative;
background-color:#454870;
background-image:url(../images/merlin_footer.png);
background-repeat:no-repeat;
margin:0px 1px 0px 1px;
padding:10px 0px 10px 0px;
}

#footer_inner_wrap{    /*The top inner div of the footer which is the same on every page*/
width:720px;
height:132px;
margin:5px 10px 1px 10px;
padding:0px 0px 0px 0px;
position: relative;
}

#footer_inner_two{     /*The bottom inner div of the footer which is the same on every page*/
width:720px;
height:30px;
margin:20px 10px 5px 10px;
padding:0px 0px 0px 0px;
position: relative;
}

#enquiry_box{
width:500px;
height:1000px;
margin:10px 2px 10px 2px;
padding:0px 0px 0px 0px;
position: relative;
background-image:url(../images/form_cube.png);
background-repeat:no-repeat;
}

#letter_links{
width:500px;
height:50px;
margin:5px 10px;
padding:0px;
text-align:center;
}

#jargon_lists{
width:500px;
margin:5px 5px;
padding:0px;
}
/*___________________________ Navigation bar______________________________*/

#outer_nav{
margin: 0 auto;
padding: 0;
font-size:14px;
font-family:Century Gothic,"Trebuchet MS", "Arial";
width: 770px;
height:28px;
border-bottom:1px solid #454870;
}

#tab_navigation{	
position:relative;
width:770px;
background-color:#000022;
font-size:14px;
font-family:Century Gothic,"Trebuchet MS", "Arial";
margin:5px auto 5px;
padding:0;
visibility:visible;
height:28;
border-bottom:1px solid #454870;
}
html>/*Hack so IE7 draws the navigation bottom border in the same place as other borwsers*/body #tab_navigation {
border-bottom:none;
}

#tab_navigation ul {
margin:0;
padding:0px 1px 0 2px;
list-style:none;
}
#tab_navigation li {
display:inline;
margin:0;
padding:0;
}

#tab_navigation a {
float:left;
background:url("../images/tableft.png") no-repeat left top;
margin:0;
padding:0 2px 0 6px;
text-decoration:none;
}
#tab_navigation a span {
display:block;
background:url("../images/tabright.png") no-repeat right top;
padding:4px 8px 4px 0px;
color:#000022;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab_navigation a span {float:none;}
/* End IE5-Mac hack */

#tab_navigation a:hover span {
color:#000022;
}
#tab_navigation a:hover {
background-position:0% -43px;
}
#tab_navigation a:hover span {
background-position:100% -43px;
}

#tab_navigation #current a {
background-position:0% -43px;
}
#tab_navigation #current a span {
background-position:100% -43px;
}
/*______________________Other Buttons__________________________*/

#jargon_buttons{
position:relative;
width:160px;
height:162px;
margin:10px 18px 10px 18px;
padding:0px;
}

#jargon_buttons a{
display:block;
background:url("../images/jargon_buster_button.png");
width:160px;
height:162px;
margin:0px;
padding:0px;
}

#jargon_buttons a:hover {
background-position:0% -162px;
}

#jargon_buttons a:hover span {
background-position:100% -162px;
}

#offer_buttons{
position:relative;
width:160px;
height:162px;
margin:10px 18px 10px 18px;
padding:0px;
}

#offer_buttons a{
display:block;
background:url("../images/special_offer_button.png");
width:160px;
height:162px;
margin:0px;
padding:0px;
}

#offer_buttons a:hover {
background-position:0% -162px;
}

#offer_buttons a:hover span {
background-position:100% -162px;
}

#life_insur_block{
position:relative;
width:464px;
height:110px;
margin:1px 30px;
padding:0px;
}

#life_insur_block a{
display:block;
background:url("../images/insur_block_life.png");
background-repeat:no-repeat;
width:464px;
height:110px;
margin:0px;
padding:0px;
}

#life_insur_block a:hover{
background-position:0% -110px;
}

#life_insur_block a:hover span{
background-position:100% -110px;
}
/*_________________*/

#crit_ill_block{
position:relative;
width:464px;
height:110px;
margin:1px 30px;
padding:0px;
}

#crit_ill_block a{
display:block;
background:url(../images/insur_block_illn.png);
width:464px;
height:110px;
margin:0px;
padding:0px;
}

#crit_ill_block a:hover{
background-position:0% -110px;
}

#crit_ill_block a:hover span{
background-position:100% -110px;
}
/*_________________*/

#build_con_block{
position:relative;
width:464px;
height:110px;
margin:1px 30px;
padding:0px;
}

#build_con_block a{
display:block;
background:url(../images/insur_block_buildcon.png);
width:464px;
height:110px;
margin:0px;
padding:0px;
}

#build_con_block a:hover{
background-position:0% -110px;
}

#build_con_block a:hover span{
background-position:100% -110px;
}

/*_________________*/

#pay_prot_block{
position:relative;
width:464px;
height:110px;
margin:1px 30px;
padding:0px;
}

#pay_prot_block a{
display:block;
background:url(../images/insur_block_payprot.png);
width:464px;
height:110px;
margin:0px;
padding:0px;
}

#pay_prot_block a:hover{
background-position:0% -110px;
}

#pay_prot_block a:hover span{
background-position:100% -110px;
}

/*_____________________*/

#ret_arrow{
position:relative;
width:100px;
height:50px;
margin:75px 200px;
padding:0px;
}

#ret_arrow a{
display:block;
background:url(../images/return_arrow.png);
width:100px;
height:50px;
margin:0px;
padding:0px;
}

#ret_arrow a:hover{
background-position:0% -50px;
}

#ret_arrow a:hover span{
background-position:100% -50px;
}

/*______________________Collapsible Paragraphs________________________*/

.mainExpand {
  cursor:hand;
  cursor:pointer;
  font: bold .9em verdana, arial, helvetica, sans-serif;
}

.mainExpand h2:hover{
color:#00CCFF;
}
/*______________________Text Attributes________________________*/

p {
color:#9FA5D5;
font-size:13px;
font-family:Arial, "Helvetica", "sans-serif";
}

#footer_inner_two p{
color:#000044;
}

a {
color:#00CCFF;
font-size:13px;
font-family:Arial, "Helvetica", "sans-serif";
}

h1{
font-size:18px;
font-family: Arial, "Trebuchet MS","Century Gothic";
font-weight:lighter;
font-style:italic;
color:#8591FE;
}

h2{
font-size:15px;
font-family: Arial, "Trebuchet MS","Century Gothic";
font-weight:lighter;
font-style:normal;
color:#8591FE;
}

h3{
font-size:15px;
font-family: Arial, "Trebuchet MS","Century Gothic";
font-weight:normal;
color:#8591FE;
}

h4{}

h5{}

em{
color:#FF0000;
font-style:normal;
}

em2{
font-style:italic;
}

.ital{
font-style:italic;
}

ul{
font-size:15px;
font-family: "Trebuchet MS","Arial","Century Gothic";
list-style-image: url(../images/list_star_1.png);
color:#8591FE;
}

#main_content a{
color:#00CCFF;
font-size:14px;
font-family: "Trebuchet MS","Arial","Century Gothic";
text-decoration:none;
}

#footer_inner_two ul{
list-style:none;
text-align:center;
color:#000044;
}

#footer_inner_two li{
display:inline;
color:#000044;
font-size:13px;
font-family:Arial, "Helvetica", "sans-serif";
}

#main_content li{
color:#8591FE;
font-size:15px;
font-family: "Trebuchet MS","Arial","Century Gothic";
text-indent:30px;
}

#main_content li a{
color:#5959FF;
font-size:15px;
font-family: "Trebuchet MS","Arial","Century Gothic";
text-decoration:none;
}

#main_content li a:hover{
color:#00CCFF;
font-size:15px;
font-family: "Trebuchet MS","Arial","Century Gothic";
text-decoration:none;
}

#footer_inner_two a{
color:#0000FF;
}

#letter_links ul{
list-style:none;
font-size:15px;
color:#8591FE;
}

#letter_links li{
display:inline;
color:#8591FE;
font-size:15px;
font-family: "Trebuchet MS","Arial","Century Gothic";
}

#jargon_lists li{
color:#9FA5D5;
font-size:13px;
font-family:Arial, "Helvetica", "sans-serif";
}

.footred{
font-size:13px;
font-family:Arial, "Helvetica", "sans-serif";
color:#FF0000;
}

#enquiry_box p{
color:#000022;
font-size:13px;
font-family:Arial, "Helvetica", "sans-serif";

}