/********************************************************** YUI Reset v2.5.0 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

em { font-style: italic; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }





/****************************************************************** Clearing */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear-right { clear: right }




/******************************************************** Global Definitions */

body {
  background: #481111 url(img/bg3.gif) scroll repeat-x top left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  color: #000;
  }

hr, .no-css { display: none }

div.hr {
  border-top: 1px solid #999;
  margin: 24px 0;
  height: 1px;
  }

blockquote {
  border-left: 1px solid #999;
  margin: 1em 0 1em 0;
  padding: 0 2em;
  }

p, .p {
  margin: 1em 0;
  line-height: 17px;
  }

ul, ol {
  padding: 0;
  margin: 1.2em 0;
  }

li { margin: 2px 0 2px 20px }

  ol li { list-style: decimal }
  ul li { list-style: circle }




/****************************************************** Layout & Positioning */

#outer { margin: 0 auto; position: relative; width: 900px; }
#inner { margin: 0 auto; width: 800px; }

#logo { left: 8px; position: absolute; top: 10px; }
#logo-big { left: 15px; position: absolute; top: 104px; }

#content-outer { padding-top: 78px; }
  body#body-index #content-outer { padding-top: 42px; }

#content-inner { background: #FFF; border: 4px solid #FFF; }

  .content-box { margin-bottom: 4px; }

  #main-content { width: 792px; float: left; }

    #main-content-inner { padding: 28px 28px 36px 28px; }

  #menu-top, #menu-broker {
    background: #313B80 url(img/menu-top-bg.png) repeat-x scroll top left;
    padding-left: 216px;
    height: 35px;
    }

  #menu-broker {
    line-height: 35px;
    color: #FFF;
    font-weight: bold;
    padding-left: 220px;
    }

    #menu-broker a:link,
    #menu-broker a:visited,
    #menu-broker a:active,
    #menu-broker a:hover {
      color: #FFF;
      text-decoration: none;
      }
      
      #menu-broker a:hover {
        text-decoration: underline;
        }

#sidebar {
  float: right;
  width: 196px;
  font-size: 10px;
  }

  #sidebar h3 {
    background: #B72F25;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    padding: 2px 7px;
    margin-bottom: 0;
    }

  .sidebar-box {
    border: 1px solid #B72F25;
    padding: 12px;
    background: #FDF8F0;
    margin-bottom: 4px;
    }

#footer-photo {
  display: none;
  }

#footer-top {
  color: #FFEFDF;
  font-size: 11px;
  left: 349px;
  position: absolute;
  text-align: right;
  top: 51px;
  width: 500px;
  }

  body#body-index #footer-top { top: 15px; }

#footer {
  margin: 15px 0 35px 0;
  line-height: 18px;
  color: #CC722F;
  font-size: 11px;
  text-align: center;
  }



/******************************************************* Generic Positioning */

.next { margin-top: 40px }

.first, .first-element { margin-top: 0 }

.no-bottom { margin-bottom: 0 }

.no-margin { margin: 0 }

.grid-block {
  float: left;
  width: 140px;
  text-align: left;
  margin-right: 35px;
  height: 240px;
  }




/********************************************************************* Forms */

fieldset {
  border: 1px solid #CCC;
  padding: 5px 22px 12px 22px;
  margin: 1em 0 1.5em 0;
  }

legend {
  font-weight: bold;
  font-size: 15px;
  }

.form-button {
  padding: 4px 10px;
  }

.form-input {
  padding: 2px;
  font-size: 13px;
  border: 2px inset #666;
  }



/************************************************************ Generic Floats */

.float-right {
  float: right;
  margin: 0 0 20px 20px;
  }

.float-left {
  float: left;
  margin: 0 20px 20px 0;
  }




/************************************************************ Generic Frames */

.framed {
  border: 1px solid #CCC;
  padding: 4px;
  }




/******************************************************************* Headers */

h1 { font-size: 20px; line-height: 28px; font-weight: normal; margin-bottom: 14px; color: #000; }
h2 { font-size: 18px; line-height: 24px; font-weight: normal; margin-bottom: 12px; color: #394392; }
h3 { font-size: 15px; line-height: 20px; font-weight: normal; margin-bottom: 10px; color: #394392; }
h4 { font-size: 14px; line-height: 18px; font-weight: normal; margin-bottom: 8px; }




/**************************************************************** Typography */

.small {
  font-size: 11px;
  line-height: 16px;
  }

.regular {
  font-size: 12px;
  line-height: 17px;
  }

.b { font-weight: bold }

.uppercase { text-transform: uppercase }

.faded { color: #AAA }

.centered { text-align: center }

blockquote + h2, blockquote + h3, blockquote + p, p + h1 { margin-top: 2em }

.dropcap {
  float: left;
  font-size: 40px;
  line-height: 33px;
  padding-right: 5px;
  }

.callout, .callout-left, .callout-right {
  color: #FFF4E5;
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;
  }

  .callout-left {
    width: 35%;
    float: left;
    margin: 0 20px 20px 0;
    }

  .callout-right {
    width: 35%;
    float: right;
    margin: 0 0 20px 20px;
    }

#page-header { margin-bottom: 3px }



/********************************************************************* Links */

a:link,
a:visited,
a:active,
a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #B82F25;
  }

  a:hover { color: #701D17 }

  #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
    text-decoration: none;
    color: #738075;
    }

    #footer a:hover {
      text-decoration: underline;
      color: #373D38;
      }

a.external:link, a.external:visited, a.external:active, a.external:hover {
  background: transparent url(img/external.gif) no-repeat scroll right center;
  padding-right: 13px;
  }

a.jump:link, a.jump:visited, a.jump:active, a.jump:hover {
  background: transparent url(img/fast-forward.gif) no-repeat scroll left center;
  padding-left: 14px;
  }

#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover {
  font-weight: normal;
  color: #D7BD96;
  text-decoration: none;
  }

  #footer a:hover {
    color: #FFEBC9;
    text-decoration: underline;
    }

#footer-top a:link,
#footer-top a:visited,
#footer-top a:active,
#footer-top a:hover {
  font-weight: normal;
  color: #FFEFDF;
  text-decoration: none;
  }

  #footer-top a:hover {
    color: #FFF;
    text-decoration: underline;
    }



/**************************************************************** Icon Boxes */

.audio, .pdf, .txt, .doc, .ppt { padding: 2px 0 2px 28px }

.audio { background: transparent url(img/audio.gif) scroll no-repeat 0px 2px }
.pdf { background: transparent url(img/pdf.gif) scroll no-repeat 1px 6px }
.ppt { background: transparent url(img/ppt.gif) scroll no-repeat 1px 6px }
.txt { background: transparent url(img/txt.gif) scroll no-repeat 0px 4px }
.doc { background: transparent url(img/doc.gif) scroll no-repeat 2px 5px }




/**************************************************************** Tables */

tr.odd td {
  background: #F6F6F6;
  border-bottom: 1px solid #EEE;
  }

tr.even td {
  border-bottom: 1px solid #FFF;
  }

td.recipe-left {
  padding: 3px 4px 3px 20px;
  text-align: right;
  vertical-align: top;
  }

td.recipe-right {
  padding: 3px 20px 3px 4px;
  text-align: left;
  vertical-align: top;
  }




/****************************************************************** Messages */

div.messages {
  background-color: #FFF;
  border: 3px solid #B8D3E5;
  padding: 1em 1em 1em 3em;
  margin: 0 0 1em 0;
  font-weight: bold;
  }

  div.ok {
    color: #3A7305;
    border-color: #4D9906;
    background: #F2FAEB url(img/icons/tick.png) no-repeat scroll 8px 8px;
    }

  div.error {
    color: #c52020;
    border-color: #D40B00;
    background: #FCECEB url(img/icons/exclamation.png) no-repeat scroll 8px 8px;
    }

  div.alert {
    color: #999900;
    border-color: #999900;
    background: #FFF url(img/icons/error.png) no-repeat scroll 8px 7px;
    }

  div.messages ul, div.message ol {
    margin: 0;
    }




/***************************************************************** Tabs */

.tabMenu a, .tabMenu a:active, .tabMenu a:visited, .tabMenu a:hover {
	float: left;
	display: block;
	background-color: #CCC;
	color: #FFF;
	padding: 8px 13px;
	margin: 0 5px;
	border: 1px solid #AAA;
	border-width: 1px 1px 0 1px;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	}

	.tabMenu a:hover{
		background-color: #AAA;
		border: 1px solid #999;
		border-width: 1px 1px 0 1px;
		}

	.tabMenu a.activeTab, .tabMenu a.activeTab:active, .tabMenu a.activeTab:visited, .tabMenu a.activeTab:hover {
		background-color: #FFF;
		color: #000;
		border-color: #CCC;
		padding: 8px 13px;
		text-decoration: none;
		font-weight: bold;
		}


    
    
/************************************************************* Partners Page */

.partner {
  border-bottom: 1px dotted #DDD;
  padding-bottom: 1em;
  }

  .partner img.float-right { margin: 0 !important; }