/* CSS Document */

html {height:100%;}
body {margin:0; padding:0; background:#F3F3F3; color:#000; font:1em Arial, Verdana, Helvetica, sans-serif; width:100%; height:100%;}
img	{border:0}
form {margin:0; padding:0;}
ul {margin:0; padding:0; list-style-type:none;}
a {text-decoration:none;}
hr {display:none; visibility:hidden;}
label {font-weight:bold;}
fieldset {border:0; margin:0; padding:0;}
p {line-height:1.2em; padding-bottom:0.5em;}

/* -- ACCESSIBILITY SPECIFIC -- */
#skiplinks{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

/* wrapper */
#wrapper {width:auto; max-width:996px; margin:0 auto; padding:10px; background:#FFF; font-size:0.7em;}
#holder {margin:0 auto; width:100%; min-width:772px; max-width:996px;}

#holder #header {width:100%; min-height:76px; background:#00004F;}
#holder #header #logo {float:left; display:inline; height:29px; margin:32px 0 0 14px;}
#holder #header #logo {display:inline;}
#holder #header #headerMenu {float:right; display:inline; width:577px; margin:0 8px 10px 13px;}
#holder #header #headerMenu ul {float:left; display:inline; margin:35px 33px 0 0; padding:0; color:#FFF;}
#holder #header #headerMenu ul li {float:left; display:inline; padding:0 20px 0 11px; background:url(../../images/header-menu-cross.gif) 0em 0.3em no-repeat scroll;}
#holder #header #headerMenu ul li a {color:#FFF;}
#holder #header #headerMenu ul li a:hover {text-decoration:underline;}
#holder #header #headerMenu fieldset {float:left; display:inline; margin-top:29px;}
#holder #header #headerMenu fieldset label {color:#FFF;}
#holder #header #headerMenu fieldset input {width:96px; height:16px; border:0; font-size:1em; padding:4px 2px 0px 2px;}
#holder #header #headerMenu fieldset input.searchButton {width:auto; height:20px; padding:0px 9px 0 2px; background:#FFF url(../../images/search-arrow.gif) center right no-repeat scroll; color:#00004F; font-weight:bold; text-align:left; cursor:pointer;}

#holder #mainMenu {width:100%; height:39px; background:#00004F; margin-bottom:9px;}
#holder #mainMenu table {width:100%; border:0; margin:0; padding:0;}
#holder #mainMenu table td {text-align:center; margin:0; padding:0;}
#holder #mainMenu table td.destManc {text-align:left; width:18%;}
#holder #mainMenu table td.destManc img {margin-left:11px;}
#holder #mainMenu table td.mancVen {text-align:center;width:18%;}
#holder #mainMenu table td.supServ {text-align:center; width:15%;}
#holder #mainMenu table td.contUs {text-align:center; width:13%;}
#holder #mainMenu table td.newsOffers {text-align:center;width:17%;}
#holder #mainMenu table td.mancMerch {text-align:right; width:19%;}
#holder #mainMenu table td.mancMerch img {margin-right:5px;}
#holder #mainMenu ul {float:left; width:100%; height:18px; display:inline; margin:0; padding:3px 0 0 0; color:#FFF; margin-top:-4px; z-index:5; position:relative;}
#holder #mainMenu ul li {float:left; display:inline; padding:0;}
#holder #mainMenu ul.destManc {background:#A9B122;}
#holder #mainMenu ul.mancVen {background:#3AB5D2;}
#holder #mainMenu ul.supServ {background:#EB5D35;}
#holder #mainMenu ul.contUs {background:#EE065D;}
#holder #mainMenu ul.newsOffers {background:#AE77CB;}
#holder #mainMenu ul.mancMerch {background:#A2358A;}
#holder #mainMenu ul li.first {margin-left:14px;}
#holder #mainMenu ul.destManc li {padding:0 20px 0 11px; background:url(../../images/destManc-cross.gif) 0em 0.3em no-repeat scroll;}
#holder #mainMenu ul.mancVen li {padding:0 20px 0 11px; background:url(../../images/mancVen-cross.gif) 0em 0.3em no-repeat scroll;}
#holder #mainMenu ul.supServ li {padding:0 20px 0 11px; background:url(../../images/supServ-cross.gif) 0em 0.3em no-repeat scroll;}
#holder #mainMenu ul.contUs li {padding:0 20px 0 11px; background:url(../../images/contUs-cross.gif) 0em 0.3em no-repeat scroll;}
#holder #mainMenu ul.newsOffers li {padding:0 20px 0 11px; background:url(../../images/newsOffers-cross.gif) 0em 0.3em no-repeat scroll;}
#holder #mainMenu ul.mancMerch li {padding:0 20px 0 11px; background:url(../../images/mancMerch-cross.gif) 0em 0.3em no-repeat scroll;}
#holder #mainMenu ul li a {color:#FFF; font-size:1.1em; font-weight:bold;}
#holder #mainMenu ul li a:hover {text-decoration:underline;}

#holder #contentRow {float:left; margin-bottom:10px; width:100%;}
#holder #contentRow #contentWrapper {float:left; width:100%;}
#holder #contentRow #content {margin-right:251px; padding:0 10px 10px; border-top:1px solid #FFF;}
#holder #contentRow #content h1 {font-size:2.4em; text-transform:uppercase; margin:0 0 35px 0; padding:0;}
#holder #contentRow #content h1 span {font-weight:normal; font-size:0.9em; text-transform:none;}

/* form template */
#holder #contentRow #content span.required {color:#00004F;}
#holder #contentRow #content fieldset.formTemplate {margin-top:10px;}
#holder #contentRow #content fieldset.formTemplate span.required {clear:left; float:left; display:block; font-size:1.1em; width:10px;}
#holder #contentRow #content fieldset.formTemplate span.notRequired {clear:left; float:left; display:block; font-size:1.1em; width:10px;}
#holder #contentRow #content fieldset.formTemplate label {float:left; font-size:1.1em; width:132px;}
#holder #contentRow #content fieldset.formTemplate label.dataProtect {width:auto; font-weight:normal; padding:3px 0 0 1px; margin-bottom:20px;}
#holder #contentRow #content fieldset.formTemplate label.checkbox {width:auto; font-weight:normal; padding:3px 0 0 1px;}
#holder #contentRow #content fieldset.formTemplate label.checkboxMulti {width:auto; font-weight:normal; padding:3px 0 0 1px;}
#holder #contentRow #content fieldset.formTemplate label.radioMulti {width:auto; display:inline; font-weight:normal; padding:3px 0 0 1px;}
#holder #contentRow #content fieldset.formTemplate input {float:left; display:inline; width:256px; border:1px solid #000; font-size:1.1em; padding:2px; margin-bottom:10px;}
#holder #contentRow #content fieldset.formTemplate select {float:left; font-size:1.1em; margin-bottom:10px;}
#holder #contentRow #content fieldset.formTemplate select.multi {width:262px;}
#holder #contentRow #content fieldset.formTemplate input.submitForm {border:0; margin:17px 0 40px 292px; width:115px; font-size:1.1em; height:18px; padding:0px 2px 0 6px; background:#00004F url(../../images/submit-arrow.gif) center right no-repeat scroll; color:#FFF; font-weight:bold; text-align:left; cursor:pointer;}
#holder #contentRow #content fieldset.formTemplate input.checkBox {width:auto; border:0; padding:0;}
#holder #contentRow #content fieldset.formTemplate input.checkBoxMulti {width:auto; border:0; padding:0;}
#holder #contentRow #content fieldset.formTemplate input.radioMulti {width:auto; border:0; padding:0;}
#holder #contentRow #content fieldset.formTemplate textarea {float:left; display:inline; width:256px; height:90px; border:1px solid #000; font-size:1.1em; padding:2px; margin-bottom:10px;}
#holder #contentRow #content fieldset.formTemplate div.checkRadioHolder {float:left; display:inline; margin-bottom:10px; width:262px;}
#holder #contentRow #content fieldset.formTemplate div.checkRadio {float:left; display:inline; margin:0 20px 10px 0; white-space:nowrap;}
#holder #contentRow #content fieldset.formTemplate p.checkRadioQuestion {float:left; width:128px; display:inline; font-weight:bold; margin:3px 10px 5px 0; padding:0;}
/* end form template */

#holder #contentRow #rightColWrapper {float:left; width:251px; margin-left:-251px; border-top:1px solid #FFF;}
#holder #contentRow #rightCol ul#level3nav {width:216px; font-size:1.3em; font-weight:bold; border-top:1px dotted #8E8E8E;}
#holder #contentRow #rightCol ul#level3nav li {padding:9px 0 10px 16px; background:url(../../images/level3nav-cross.gif) 0em 0.8em no-repeat scroll; border-bottom:1px dotted #8E8E8E;}
#holder #contentRow #rightCol ul#level3nav li.first {}
#holder #contentRow #rightCol ul#level3nav li.last {border:0;}
#holder #contentRow #rightCol ul#level3nav li a {color:#000; text-decoration:none;}
#holder #contentRow #rightCol ul#level3nav li a:hover {text-decoration:underline;}
#holder #contentRow #rightCol object {margin-bottom:44px;}

#holder #footer {width:100%; min-height:123px; background:url(../../images/dotted-bar.gif) top left repeat-x scroll;}
#holder #footer p {float:left; display:inline; width:auto; margin:1px 18px 0 0;}
#holder #footer #footerLogos {float:left; display:inline; margin-top:30px; width:500px;}
#holder #footer #footerLogos img {float:none; margin:0 50px 1px 0; vertical-align:middle;}
#holder #footer #footerMenu {float:left; display:inline; width:647px; margin:20px 12px 0 0;}
#holder #footer #footerMenu ul {float:left; display:inline; margin:0; padding:0; color:#000;}
#holder #footer #footerMenu ul li {float:left; display:inline; padding:0 20px 0 11px; background:url(../../images/footer-menu-cross.gif) 0em 0.3em no-repeat scroll;}
#holder #footer #footerMenu ul li a {color:#000;}
#holder #footer #footerMenu ul li a:hover {text-decoration:underline;}
#holder #footer img {float:right; display:inline; margin:8px 0 0 0;}

/* -- USEFUL CLASSES -- */
.clr {clear: both; overflow:hidden}
div.clear {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;}
