/* CSS Style Sheet - Contents
------------------------------------------------------
1. STRUCTURE - dimensions, positioning, and bg for #pageheader, #pagebody, and #pagefooter
2. MAIN MENU - all styles for main menu and sub menu
3. DEFAULT TAG STYLES - styling for tags having no id nor class
4. CUSTOM STYLES - styling for IDs or classes (in alphabetical order)
-----------------------------------------------------*/
* {margin:0px; padding:0px;}
/* ************************************************************* STRUCTURE ************************************************************* */
body {background:#F3F3EF url(../_images/layout/docbody_bg2.png) repeat;
font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#333333;}
#container {width:960px; height:auto; margin:0px auto; background:transparent url(../_images/layout/container_bg.png) no-repeat; position:relative;}
#index_php #container {background:transparent url(../_images/assets/indexcontainer_bg.jpg) no-repeat;}
#pageheader {width:918px/*960*/; height:85px/*153*/; padding:68px 0px 0px 42px; z-index:99; /*60 128*/
background:transparent;}
#pagebody {width:876px; height:auto; padding:0px 42px 0px 42px;
background:transparent; position:relative;}
#index_php #pagebody {width:960px; height:auto; padding:0px;}
#pagebody.W595 {width:595px; height:auto; padding:0px 328px 0px 42px;}
#pagefooter {width:858px; height:10px; padding:13px 51px 10px 41px;
margin:40px auto 10px auto; position:relative;
background:transparent url(../_images/layout/footer_bg.png) no-repeat; font-size:10px;}
/* ************************************************************* MAIN MENU ************************************************************* */
ul#mainmenu {width:450px; height:31px; list-style:none; margin:0px; padding:0px; position:absolute; top:81px; right:0px;}
#mainmenu li {float:left; text-align:left; height:31px; position:absolute;}
#mainmenu #company_li {left:0px; top:0px; width:90px;}
#mainmenu #partners_li {left:90px; top:0px; width:94px;}
#mainmenu #products_li {left:184px; top:0px; width:94px;}
#mainmenu #support_li {left:278px; top:0px; width:82px;}
#mainmenu #contact_li {left:360px; top:0px; width:90px;}
#mainmenu a.mainbutton {display:block; height:31px; text-align:center; background:url(../_images/layout/mainmenu.png) no-repeat; font-style:normal;}
#mainmenu a span {display:none;}
/* idle */
ul#mainmenu a#company {width:90px; background-position:0px 0px;}
ul#mainmenu a#partners {width:94px; background-position:-90px 0px;}
ul#mainmenu a#products {width:94px; background-position:-184px 0px;}
ul#mainmenu a#support {width:82px; background-position:-278px 0px;}
ul#mainmenu a#contact {width:90px; background-position:-360px 0px;}
/* hover
JQuery drives the hover state for buttons that have a sub menu; such buttons are commented-out here
---------------------------------- */
ul#mainmenu a#company:hover {width:90px; background-position:0px -31px;}
ul#mainmenu a#partners:hover {width:94px; background-position:-90px -31px;}
ul#mainmenu a#products:hover {width:94px; background-position:-184px -31px;}
ul#mainmenu a#support:hover {width:82px; background-position:-278px -31px;}
ul#mainmenu a#contact:hover {width:90px; background-position:-360px -31px;}
/* current */
ul#mainmenu a#company.current {width:90px; background-position:0px -62px;}
ul#mainmenu a#partners.current {width:94px; background-position:-90px -62px;}
ul#mainmenu a#products.current {width:94px; background-position:-184px -62px;}
ul#mainmenu a#support.current {width:82px; background-position:-278px -62px;}
ul#mainmenu a#contact.current {width:90px; background-position:-360px -62px;}
/* --- Submenus --- */
#mainmenu .positioner {background:transparent; /*display:none;*/}
#mainmenu .submenu_wrap {padding-left:10px;}
#mainmenu .submenu_wrap ul.submenu {list-style:none; margin:0px; padding:0px; background:#transparent;}
#mainmenu .submenu_wrap ul.submenu li {padding:0px; float:none; position:static; height:auto;}
#mainmenu .submenu_wrap ul.submenu a {color:#969696; font-size:10px; text-transform:uppercase;
display:inline; background:none; text-align:left; z-index:999;}
#mainmenu .submenu_wrap ul.submenu a:hover {color:#0098C3;}
#mainmenu .submenu_wrap ul.submenu a.current {color:#0098C3;}
/* ************************************************************* DEFAULT TAG STYLES ************************************************************* */
a {text-decoration:none; font-weight:normal; color:#0098C3;}
a:visited {color:#0098C3;}
a:hover {color:#E48101;}
blockquote {padding-left:15px; border-left:2px solid #E48101; margin-left:35px; margin-bottom:25px; line-height:18px;}
cite {font-style:normal; font-weight:bold; padding-left:20px;}
form li {margin-bottom:3px;}
h1 /*logo*/ {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:28px; width:153px; height:45px;}
h1 a {color:#005568;}
h1 a span {display:none;}
h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:25px; letter-spacing:0.7px;
width:375px; padding:60px 0px 70px 0px;}
h3 {font-family:Arial, Helvetica, sans-serif; color:#E48101; font-weight:normal; font-size:16px; letter-spacing:.5px; margin-bottom:25px; line-height:18px;}
h3 img {margin-bottom:5px;}
#pagebody h4 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color: #1c99c3; margin-bottom: 3px;}
h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;}
hr {width:950px; margin:0px auto; height:1px; border:none;}
img {border:none;}
input.radio {margin-left:10px;}
input.submit {color:#0098C3; font-weight:bold;}
input.text {height:23px/*25*/; border:1px solid #787878; opacity:0.4; filter:alpha(opacity=40);}
label {display:block; margin-bottom:3px; font-size:10px; font-weight:bold; color:#0098C3; text-transform:uppercase;}
label.submit {text-transform:none; position:relative; top:5px;}
ol {line-height:18px; margin-bottom:25px; margin-left:25px; padding-left:25px;}
p {line-height:22px; margin-bottom:25px; text-align:justify;}
select {height:23px/*25*/; border:1px solid #B0B6BB; background:#B0B6BB;
font-size:10px; font-weight:bold; color:#FFFFFF; letter-spacing:0.5px;}
table {border-collapse:collapse; margin-bottom:25px; border:1px solid #E48101; margin-left:20px;}
td {padding:8px; border:1px solid #E48101;}
th {padding:8px; border:1px solid #E48101;}
textarea {height:123px/*125*/; border:1px solid #787878; opacity:0.4; filter:alpha(opacity=40);}
ul {line-height:18px; margin-bottom:25px; margin-left:25px; padding-left:25px;}
/* *****************
========================================================= CUSTOM STYLES ===========================================================
****************** */
.clearit {clear:both;}
/* COLORS
----------------- */
.tourquoise {color:#0098C3;}
.light_tourquoise {color:#9BDDE8;} /* see #trailer #blue_block h2 */
.dark_tourquoise {color:#1B657F;} /* see #trailer #blue_block with images disabled */
.orange {color:#E48101;}
.dark_orange {color:#E14A21;}
.light_orange {color:#FFDCAD;}
.pale_orange {color:#E3A450;} /* see
in #trailer orange block */
.gray {color:#969696;}
.dark_gray {color:#787878;}
.blue_gray {color:#B0B6BB;} /* see
below #intro on index.php */
.column {float:left;}
#contact_php #sidebar {padding-top:35px;}
.floatl {float:left;}
.floatr {float:right;}
#fma {width:960px/*960*/; height:auto;
font-family:Arial, Helvetica, sans-serif; font-size:24px;}
#fma img {width:960px; height:300px;}
form .fullwidth {width:588px;;}
form .halfwidth {width:278px; margin-right:30px;}
form .thirdwidth {width:178px; margin-right:25px;}
.h3 {font-family:Arial, Helvetica, sans-serif; color:#E48101; font-weight:normal; font-size:14px; letter-spacing:.4px; margin-bottom:25px;}
.hidden {display:none;}
hr.arbitrary {width:100%; margin:15px 0px;}
hr.pale_orange {background:#E3A450;}
hr.blue_gray {background:#B0B6BB;}
img.floatl {margin-right:10px;}
img.floatr {margin-left:10px;}
#intro {width:870px/*960*/; height:75px/*135*/; padding:30px 45px; margin-bottom:8px;
background:url(../_images/assets/intro_bg.png) no-repeat top left;}
#intro p {margin-bottom:5px; line-height:18px;}
.leftcolumn {float:left;}
#login_form {margin-bottom:55px;}
#login_form li {margin-bottom:15px;}
.nobullets {list-style:none!important; list-style-image:none!important;}
.nomargin {margin:0px!important;}
.nopadding {padding:0px!important;}
#phofaxem {margin:0px; padding:0px; list-style:none;}
#phofaxem li {float:left; margin-right:20px;}
#privacylink {position:absolute; top:13px; right:51px;}
.rightcolumn {float:left;}
.shortline {line-height:17px;}
#trailer {width:960px; margin-top:125px;}
#index_php #trailer {width:960px; margin-top:15px;}
#trailer #block1 {width:283px/*335*/; height:148px/*172*/; padding:24px 26px 0px 26px; margin-right:10px;
background:#E48101 url(../_images/layout/orange_block.png) no-repeat; color:#FFFFFF;}
#trailer #block1 .top {padding-bottom:15px; border-bottom:1px solid #E3A450; margin-bottom:15px;}
#trailer #block2 {width:126px/*302*/; height:146px/*172*/; padding:26px 150px 0px 26px; margin-right:11px;
background:#2A5D7B url(../_images/layout/blue_block1.png) no-repeat; color:#FFFFFF;}
#trailer #block3 {width:226px/*302*/; height:148px/*172*/; padding:24px 50px 0px 26px; margin-right:0px;
background:#1B657F url(../_images/layout/blue_block.png) no-repeat; color:#FFFFFF;}
#trailer h2 {margin:0px 0px 8px 0px; width:auto; padding:0px; font-size:21px; letter-spacing:0.4px;}
#trailer p {text-align:left;}