/* ==================================== Style by bitabite.com ==================================== */ body {font-family: 'Arial', 'Tahoma','Verdana',sans-serif; color: #000066; background-color: #ccc; font-size:14px;} a {color:#7D8FB3;} a:hover {color: navy;} #back_holder {margin:0 auto 0 auto; width: 990px; background:#CCCCCC url(../../images/body_background.gif) repeat-y scroll center top;} #Container {margin:0 auto 0 auto; width:960px; background-color: White;} #Content {background-color: white;} #ContentContainer {margin:20px 0 30px 0;float: left; width: 720px; _width: 720px;} #MainContent {width:480px; float: left; font-size:14px; line-height: 18px; margin-bottom: 20px;} #MainContent strong {font-weight: 600;} #MainContentWide, #MainContent.wide {background: transparent url(../images/stripe.gif) no-repeat scroll 500px 15px; width:720px; _width:700px; float: left;} #MainContent img {float: right; margin: 5px 0px 5px 15px; } #MainContent table img {float: none; margin: 0 10px 5px 0; } #MainContent li img {float: left; margin:0 10px 5px 0px;} .imgText {float: right; font-size: 10px; clear: both; margin-right: 10px; line-height: 12px; text-align: center;} .wide #contentEditor {padding-right: 20px;} .wide #abstr {padding-right: 20px;} #Header{overflow: hidden; height: 70px;background-color: white;} #campaign { background-color: gray; height: 141px; margin-bottom: 6px;} #campaign h2{color: white;padding: 20px;font-size: 16px;width: 695px;} #langSelect {float: right; margin: 22px 15px 0px 0px;} h1#Logo{margin-top: 10px; height:55px; width:260px;float:left;} h1#Logo a{display:block;height:100%;} #Navi{float:left;border-top: 1px solid #E2E2E2;background-color: white;width: 150px;border-bottom: 1px solid #E2E2E2;font-size:14px;} #searchBox { width: 220px;float: right;background-color: white; height: 20px;} #searchBox a {font-size:13px;margin-top: 7px; padding-left: 18px; padding-right: 15px;float: left;text-decoration: none; background: url(../images/sitemap.png) no-repeat;} #searchBox a :hover {text-decoration: underline !important;} #searchBox * {margin-top: 3px;} #searchInput {float: left; border: 1px solid #7D8FB3; width: 100px; height: 16px; margin-right: 4px; padding: 0px 3px; color: #7D8FB3;} hr {border: 0; height: 4px; color: white; background-color: white;} #MainContent.thin {width: 350px;} #SecondaryContent.thin {width: 350px; padding-top: 40px;} /* ----------------------------------------------- Google ----------------------------------------------- */ #map {margin-bottom: 20px;} #directions {padding: 0px !important; font-size: 10px;} /* ----------------------------------------------- Top Menu ----------------------------------------------- */ .topMenu ul { background: #fff;list-style: none;margin: 0;padding-left: 20px;} .topMenu ul li a{border: 0px;float: none;} .topMenu ul a { padding-right: 20px;width: auto;white-space: nowrap; } .topMenu {width: 220px; padding-top: 60px; } .topMenu {margin: 0px 0px 0px 0px;padding-left: 20px;float:left;padding-bottom: 70px;} .topMenu li { margin-top: 8px;font-size: 15px; } .topMenu ul.sub li{margin-top: 0px;font-size: 13px;} ul.topMenu li a:link, ul.topMenu li a:visited, ul.topMenu li.Selected ul li a {text-decoration: none; font-weight: normal; color: #003366; background: none; } ul.topMenu li.Selected a { font-weight:bold; color: #7D8FB3; } ul.topMenu li a:hover { text-decoration: underline;} ul.topMenu a:hover {color: #000;} /* Submenu */ ul.submenu {font-size: 11px;padding: 0px;margin:0px; min-width: 135px;border:1px solid #c6c9d0;} ul.submenu a:hover{padding:0px;border:1px solid #c6c9d0; background: url(../../images/menubluelinevert.gif) repeat-y left;} ul.submenu li {float:left; clear:both; padding:0px; height:1%; min-width:135px;} ul.topMenu li ul.submenu li a {margin: 0px 0px 0px 0px; } ul.topMenu li ul.submenu li a:link, ul.submenu li a:visited { border:0px; } ul.topMenu li ul.submenu li a:hover, ul.submenu li a:active { border:0px; background-color:#fff;} /* ----------------------------------------------- Product Lists ----------------------------------------------- */ #productList img.flRight, #NewsList img.flRight {text-decoration: none; float: left; padding-right: 10px; margin: 3px 7px 4px 0px;padding-bottom: 5px;padding: 3px;} .productTabs {border-bottom: 1px solid #7D8FB3; padding-bottom: 7px; padding-left:10px; clear: both;} ul.productTabs li {padding: 8px 10px 8px 10px; display: inline;} ul.productTabs li.selected {border-top: 1px solid #7D8FB3; border-right: 1px solid #7D8FB3; border-left: 1px solid #7D8FB3; background: white;} ul.productTabs li a {text-decoration: none; } ul.productTabs li a:active {border-top: 1px solid #ccc !important; border-right: 1px solid #ccc; border-left: 1px solid #ccc;} #productList {margin-top: 20px;} #MainContentWide #productList li , #productList.Wide li {float: left; width: 335px; height: 120px; overflow: hidden;} #productList li.moveRight {float: left; padding-right: 15px;} .hider {display: none; height:100%; margin-top: 30px;} .expander {float: left; cursor: pointer;} .expanderButton {cursor: pointer; float: right; background: url(../images/down.gif) no-repeat right 3px; padding-right: 15px; margin-right:15px;} li.selected .expanderButton {background: url(../images/up.gif) no-repeat right 3px; padding-right: 15px; margin-right:15px;} #productList li.heading {height: 40px !important; width: 100% !important;} #productList li.headingCol {height: 100%; width: 100% !important;} #productList li.moveRight {width: 220px !important;} #productList li p{ font-size: 11px;} .brochures li {padding:10px 15px 10px 0px; width:215px;float: left;} .brochures img {float:left;padding-right: 10px;} /* ----------------------------------------------- Fonts Headings Links ----------------------------------------------- */ #MainContent h3, #MainContentWide h3{padding: 10px 0px 5px 0px; font-size: 16px; font-weight: bold; text-decoration: none !important; color: #000066;} #MainContent li h3, #MainContent li h3 {padding-top: 0px; padding-bottom: 0px;} #contentEditor h4 {font-weight: bold;} h2 a, h3 a, h4 a {text-decoration: none;} #MainContent h2, #MainContentWide h2{padding-top: 20px; padding-bottom: 15px; font-size: 20px;color: #000066;} body p { margin: 10px 0;} body li p{ margin: 4px 0; font-size: 12px;} #MainContent a, #MainContentWide a{color:#7D8FB3;} #MainContent a:hover, #MainContentWide a:hover{color: navy;} a.videoLink {background: url(../images/play.gif) 2px 8px no-repeat; padding: 8px 0px 6px 21px; display: inline;} a.pdfLink {background: url(../images/pdf_icon.gif) 0px 7px no-repeat;padding: 8px 0px 6px 21px;display: inline;} /* ========================================== Content editor styling ========================================== */ #contentEditor {margin-top: 15px;} #contentEditor ul {padding-left: 5px; margin: 10px 0px 10px 10px;} #contentEditor li {background: url(../images/li.gif) 0px 8px no-repeat; padding-left: 10px;} #contentEditor table {font-size: 10px;} #contentEditor table td {vertical-align: top; text-align: left; padding-right: 14px;} #contentEditor table.contact {font-size: 14px;} /* ========================================== Breadcrumb ========================================== */ #Breadcrumb {background-color:white; float:left; width:500px;} #Breadcrumb li {display: block; float: left; font-size: 13px;padding-top: 5px;} #Breadcrumb ul {clear: right;} #Breadcrumb li a:visited, #Breadcrumb li a, #searchBox a {color: #003366;} /* ========================================== Sitemap List ========================================== */ #sitemap li {background: url(../images/doc.gif) 3px 3px no-repeat; padding-left: 18px; padding-bottom: 2px;} #sitemap ul li.pdf {background: url(../images/pdf_icon.gif) 0px 1px no-repeat; padding-left: 18px; padding-bottom: 2px; } #sitemap ul li.folder {background: url(../images/folder_icon.gif) 1px 0px no-repeat; padding-left: 18px; padding-bottom: 2px; } #sitemap ul li.video {background: url(../images/play.gif) 3px 3px no-repeat; padding-left: 18px; padding-bottom: 2px; } /* ========================================== News List ========================================== */ #MainContent ul.NewsList{ margin:15px 0 0 0;} #MainContent ul.NewsList li{ margin:0 0 10px 0; } #MainContent ul.NewsList li a{ display:block;} li.Event{padding:3px 0px 0px 0px; clear: both;} li.Event p{padding-right:8px;} #MainContent ul.NewsList li a.News {background-repeat:no-repeat; background-position:0px 8px; padding:0px 8px 1px 0px; text-decoration: none;} #MainContent ul.NewsList li a.News:hover {text-decoration: underline;} #MainContent .EventItem strong {display:block;} /* ========================================== Contact Form ========================================== */ .ContactForm {clear: both;} #MainContent .ContactForm .Error {border-top:2px solid #FFD324; border-bottom:2px solid #FFD324; background-color:#FFF6BF; color:#000000; font-weight:bold; margin:18px 25px 31px 0; padding:9px 0 10px 50px; background-image:url(../Data/Assets/theme_one/Misc/error_icon.gif); background-repeat:no-repeat; background-position:15px 12px;} #MainContent .ContactForm .Error li{font-weight:normal;} #MainContent .ContactForm fieldset { border:0px solid #000000; display:block; margin:15px 0 15px 0;} #MainContent .ContactForm legend {display:none;} #MainContent .ContactForm input.frmButton {margin-top: 10px; font-size: 14px; padding: 4px; width: 150px; background: url(../images/buttonBack.gif) repeat-x; color: #000066; border: 1px solid #000066; cursor: pointer;} #MainContent .ContactForm .TextBox{border:1px solid #CACACA; display:block; font-family: Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; padding:3px 4px 2px 3px; width:100%;} #MainContent .ContactForm .TextArea {border:1px solid #CACACA;display:block; font-family: Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; padding:3px 4px 2px 3px;height:90px;width:100%;} /* ========================================== Search Results ========================================== */ #MainContent #xsltsearch #xsltsearch_summary strong {font-weight:bold;} #MainContent #xsltsearch .xsltsearch_description strong {background-color:#FFF6BF; padding:0 2px 0 2px;} #MainContent #xsltsearch .xsltsearch_form .input {border:1px solid #bcbcbc; padding:3px 7px 4px 4px; font-size:11px;} #MainContent #xsltsearch #xsltsearch_stats {font-size:12px; font-style:italic;} /* ========================================== Secondary Content ========================================== */ #SecondaryContent {float: right;width: 220px; font-size: 13px; background: url(../images/stripe.gif) no-repeat; margin-top: 15px; padding-top: 35px;} #SecondaryContent h3 {font-size: 18px; color: #000066; padding-bottom: 0px; } #SecondaryContent h4 {margin-top: 20px; font-weight: bold; font-size: 16px; color: #000066;} #SecondaryContent a {color:#000066; text-decoration: none;} #SecondaryContent a h4 {text-decoration:none;} #SecondaryContent a:hover h4 {text-decoration:underline;} #SecondaryContent a:hover {color:#000000; text-decoration:none;} #SecondaryContent a.RSSLink {background-image:url(../Data/Assets/theme_one/Misc/rss_icon.gif); background-repeat:no-repeat; background-position:0 3px; padding:0 0 8px 23px; text-decoration:underline; display:block;} #SecondaryContent a.RSSLink:hover {text-decoration:none; display:block;} #NewsSecondaryHeader {background-repeat:no-repeat; background-position:0 6px;} #SecondaryContent ul.NewsList {margin:24px 0 0 0;} #SecondaryContent ul.NewsList li {margin:0 0 0 0; font-size:13px;} #SecondaryContent ul.NewsList li strong {font-weight:bold;} #SecondaryContent ul.NewsList li.Event a {display:block; padding:8px 0px 7px 0px; text-decoration:none;} #SecondaryContent ul.NewsList li.News a {display:block; padding:8px 8px 7px 0px; text-decoration:none;} #SecondaryContent ul.NewsList li a:hover {color:#666; text-decoration:none;} #SecondaryContent #SearchSecondaryHeader {margin: 30px 0 0 0;} #SecondaryContent form {margin:0 0 30px 0;} #SecondaryContent form input {border:1px solid #000066; padding:3px 7px 4px 4px; margin-top: 10px; font-size: 14px; width:120px; color: #000066; background: url(../images/buttonBack.gif) repeat-x;} form select {border:1px solid #ccc;height: 22px; font-size: 14px;width: 200px;color: #000066;} /* ========================================== Footer ========================================== */ #Footer {clear:both;color: white; background-color: #01236a; padding: 15px 20px 13px 240px; font-size: 12px; height:65px;} #footerLogo {margin: -50px 0px 0px -70px;position: absolute;} #Footer a {color: White;text-decoration:none;} #Footer a:hover {color:#808080;text-decoration:underline;} #footerPartners {position: absolute; margin-top: -125px; margin-left: -221px;} #footerPartners p {margin: 0; padding: 0;} #footerPartners img {float: left;} /* =========================== Rich text editor stying =========================== */ #holderBody {background:none;} #holderBody strong {font-weight:bold;} #holderBody a {text-decoration:underline;} #holderBody p {margin:auto;} #holder {border: 1px solid #ccc;padding: 10px;margin: 5px;text-align: left;font-size:14px;} /* ================================================ resets styles ================================================ */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img { border:0;} address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;} ol,ul {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;} .form {font-size: 14px; margin-top: 30px; margin-bottom: 30px; float: left; clear: both;} .form .ed_form_label {display: block;} .form textarea {width: 50%; height: 100px; margin-bottom: 15px;} .lineItem input {width: 90%; padding: 3px 4px 2px 3px; border: 1px solid #CACACA; margin-bottom: 10px;} .lineItem #chkAcceptAgreement{width: 20px;} .lineItem select {margin-bottom: 15px; width: 70%;} .lineItem textarea{width: auto; border: 1px solid #CACACA; } .OrderServiceButton {margin: 10px 0; font-size: 14px; padding: 4px; float: left; width: 150px; background: url(../images/buttonBack.gif) repeat-x; color: #000066; border: 1px solid #000066; cursor: pointer;} .ed_form_textbox, .ed_form_dropdown_list, .ed_form_list {width: 30%;padding: 3px;margin-bottom: 15px;} .ed_form_element_required {border: 1px solid orange;} .ed_form_submission_message { font-size: 16px;} blockquote {margin-left; 30px;} .mc-field-group {margin-bottom: 10px;} .campTextHolder {position: absolute; width: 190px; padding: 15px 10px;} .campTitle {font-size: 22px;} .billedText {text-align: center !important; line-height: 14px !important; font-size:10px !important;} #loginBox {background: #e7e7e7; padding: 15px;} #loginBox label {display: block; font-size: 14px;} #loginBox input {width: 180px; padding: 3px 4px 2px 3px; border: 1px solid #CACACA;} #loginBox h1 {font-size: 20px; margin-bottom: 10px;} #loginBox .loginButton { font-size: 14px; padding: 4px; float: left; width: 100px; background: url(../images/buttonBack.gif) repeat-x; color: #000066; border: 1px solid #000066; cursor: pointer;} #loginBox a {text-decoration: underline;} .form i {display: block; } .smallInput {width: 40px !important; } .phone {width: 200px !important; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */