/*
** project:		Trade Group
** date:		2008/05/27
*/
html { height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; background: #FFFFFF url("../images/background.png") repeat-x 0 0; color: #343434; font: .625em/1.5 "Arial", sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", sans-serif; }

* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

table, dl, ul, ol, p, span { font-size: 1.2em; }
p, ul, ol, dl { padding-bottom: 3ex; }
li *, dt *, dd *, p *, li p, ul ul, ol, ol, table p { font-size: 1em; }

p {text-indent:10px;}

img { border: none; }
button { overflow: visible; cursor: pointer; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.wrapper { width: 981px; margin: 0 auto; }

.clear { float: left !important; clear: both !important; width: 100%; }

.no-margin { padding-bottom: 0; }

a {
	color: #1b6b94;
	text-decoration: underline;
}
a:focus, a:hover {
	text-decoration: underline;
	color: #0033FF;
}

input.text { padding: .5ex 2px; border: 1px solid #d4d4d4; background: #ffffff url("../images/text_background.png") no-repeat 0 0; color: #000000; vertical-align: middle; }

select { width: 170px; background: #ffffff; color: #545454; font-size: .8em; text-transform: uppercase; }


/*
**
*/
p.title { padding-bottom: 0; }
  p.title a img { padding-bottom: -15px; vertical-align: bottom; }


/*
** menu
*/
.menu { background: #1d578e url("../images/menu_background.png") repeat-x 0 0; color: #ffffff; }

ul#menu { list-style: none; padding: 0;  }
 ul#menu li { position: relative; z-index: 4; float: left; padding: 0 0 0 12px; background: transparent url("../images/bullet_1.png") no-repeat 5px 50%; }
 ul#menu li.first { padding-left: 0; background: transparent; }
  ul#menu li a { display: block; height: 38px; background: transparent url("../images/menu.png") no-repeat 0 0; text-indent: -999em; overflow: hidden; }
  ul#menu li:hover ul, ul#menu li.hover ul { left: 14px; z-index: 5; }

  ul#menu li a.i-0 { width: 64px; background-position: 0 0; }
  ul#menu li a.i-0:focus, ul#menu li a.i-0:hover { background-position: 0 -38px; }

  ul#menu li a.i-1 { width: 82px; background-position: -65px 0; }
  ul#menu li a.i-1:focus, ul#menu li a.i-1:hover { background-position: -65px -38px; }

  ul#menu li a.i-2 { width: 131px; background-position: -148px 0; }
  ul#menu li a.i-2:focus, ul#menu li a.i-2:hover { background-position: -148px -38px; }

  ul#menu li a.i-3 { width: 146px; background-position: -280px 0; }
  ul#menu li a.i-3:focus, ul#menu li a.i-3:hover { background-position: -280px -38px; }

  ul#menu li a.i-4 { width: 181px; background-position: -427px 0; }
  ul#menu li a.i-4:focus, ul#menu li a.i-4:hover { background-position: -427px -38px; }

  ul#menu li a.i-5 { width: 131px; background-position: -148px 0; }
  ul#menu li a.i-5:focus, ul#menu li a.i-5:hover { background-position: -148px -38px; }

  ul#menu li a.i-6 { width: 92px; background-position: -677px 0; }
  ul#menu li a.i-6:focus, ul#menu li a.i-6:hover { background-position: -677px -38px; }

  ul#menu li ul { position: absolute; left: -999em; list-style: none; width: 93px; height: auto; margin: 0; padding: 0 0 1px 0; background: #00376a; }
   ul#menu li ul li { width: 71px; margin: 0 -1px; padding: 0 12px; background: #00376a url("../images/bullet_2.png") no-repeat 12px 50%; }
    ul#menu li ul li.last a { background-image: none; }
    ul#menu li ul li a { float: left; width: 65px; height: auto; padding: 4px 0 4px 6px; background: transparent url("../images/border_0.png") repeat-x 0 100%; color: #ffffff; font-family: "Arial", sans-serif; font-size: .9em; text-indent: 0; text-decoration: none; }
    ul#menu li ul li a:focus, ul#menu li ul li a:hover { background: transparent url("../images/border_0.png") repeat-x 0 100%; color: #98D1F0; }
    ul#menu li ul li.last a:focus, ul#menu li ul li.last a:hover { background-image: none; }

.bondwizard {
	text-align:center;
	width:607px;
	height:600px;
}
.bondwizard_data {
	text-align:center;
	width:607px;
	height:25px;
	vertical-align:top;
	font-size:12px;
}

.bondwizard_header {
	text-align:center;
	width:607px;
	height:20px;
	font-size:16px;
	font-weight:bold;
	color:#98D1F0;
}

/*
** banner
*/
/*p.banner { padding-bottom: 8px; background: transparent url("../images/banner_background.png") no-repeat 50% 0; } */
 p.banner { padding-bottom: 8px; no-repeat 50% 0; } 
 p.banner img { display: block; }

/*
** Main Content
*/

.link {margin-left:0; margin-right: 10%; margin-top: .5em; margin-bottom: .5em;}


/*
** columns
*/
.column-0 { position: relative; float: left; width: 215px; padding: 24px 21px 0 38px; background: #f4f5f6; text-align: right; }
 .column-0 p { float: left; clear: both; width: 100%; }
  .column-0 img {
	position: absolute;
	bottom: -62px;
	right: 40px;
}
   .column-0 h2 { padding: 0 0 1em 0; color: #073bfe; font-size: 1.6em; text-align:left;}
  

.column-1 { float: left; width: 607px; margin: 0px -5px; padding: 0 50px 2em 50px; border: 1px solid #e6e6e6; border-top: none; border-bottom: none; }
 .column-1 h1 { margin: 0 0 0 0; padding: 0 0 0 0; border-bottom: 1px solid #e6e6e6; color: #073bfe; font-size: 2.5em; font-weight: 400; }
 .column-1 h2 { padding: 0 0 1em 0; color: #45555f; font-size: 1.6em; }

.column-2 { position: relative; float: left; width: 190px; background: #ffffff; }

 
.form-grey {
	background: #f4f5f6;
}


/*
** buttons
*/
ul.buttons-0 { clear: both; list-style: none; margin: 0; padding: 0; text-align: left; }
 ul.buttons-0 li { padding-bottom: 8px; }
  ul.buttons-0 li a img{ display: block; margin-right: -21px; text-indent: -999em; overflow: hidden; }

  a.button-forms-library { width: 236px; height: 68px; background: transparent url("../images/button_forms_library.jpg") no-repeat 0 0; }
  a.button-faq { width: 236px; height: 68px; background: transparent url("../images/button_faq.jpg") no-repeat 0 0; }
  a.button-commercial-claim { width: 190px; height: 56px; background: transparent url("../images/button_commercial_claim.jpg") no-repeat 0 0; }
  a.button-TCR { width: 202px; height: 100px; background: transparent url("../images/logos/TCR logo 2c.png")  no-repeat 0 0; }
  a.button-personal-claim { width: 190px; height: 56px; background: transparent url("../images/button_personal_claim.jpg") no-repeat 0 0; }

a.button-more { float: right; width: 57px; height: 25px; background: transparent url("../images/button_more.png") no-repeat 0 0; text-indent: -999em; text-align: left; overflow: hidden; }


/*
** map
*/
img.map { display: block; margin: 25px 0 0 0; padding: 4px; border: 1px solid #d4d4d4; background: #ffffff; }


/*
** signature
*/
.signature { float: left; width: 33%; padding-top: 2em; text-align: center; }
 .signature img { padding-bottom: 5px; vertical-align: bottom; }
  .signature p span { display: block; font-size: .75em; text-transform: uppercase; }


/*
** login form
*/
form.login { float: left; clear: both; width: 160px; margin: 0 0 12px 0; padding: 5px; background: #f4f5f6; font-size: .7em; overflow: visible; }
 form.login h1 { float: left; width: 190px; height: 1px; margin: -15px -15px 15px -15px;text-indent: -999em; overflow: hidden; }
 form.login p.right { float: right; clear: none; width: 57px; }
  form.login p.right input.button-login { width: 57px; height: 25px; border: none; background: transparent url("../images/button_login.png") no-repeat 0 0; font-size: 70em; overflow: hidden; cursor: pointer; }
    form.login p.right input.button-submit { width: 57px; height: 25px; border: none; background: transparent url("../images/button_submit.png") no-repeat 0 0; font-size: 70em; overflow: hidden; cursor: pointer; }
 form.login p { float: left; clear: both; width: 100%; }
  form.login p label { float: left; padding-top: 1ex; } 
  form.login p input { float: right; }
  form.login p input#login { width: 100px; }
  form.login p input#password { width: 100px; }
 form.login ul { float: left; list-style: none; width: 100px; margin: 0; padding: 0; }


/*
** footer
*/
.footer { margin: 12px 0 0 0; padding: 2em 0; border-top: 1px solid #8cb4c9; color: #676767; font-size: .8em; line-height: 1.1; }
 .footer ul { clear: left; list-style: none; width: 55%; margin: 0; padding: 0 0 1ex 0; text-transform: uppercase; }
  .footer ul li { float: left; margin-left: 1.5ex; padding-left: 1.5ex; border-left: 1px solid #b2b2b2;  }
  .footer ul li.first { margin-left: 0; padding-left: 0; border-left: none; }
 .footer p.right { position: relative; top: -1.6em; clear: right; width: 45%; padding-bottom: 1ex; text-align: right; }


/*
** the end
*/