﻿.clearfix {
    width: 100%;
    height: 0px;
    visibility: hidden;
    clear: both;
    display: block;
    font-size: 0.00em;
    margin: 0;
    padding: 0;
}

/* LINK CLASSES */

a {
    text-decoration: none;    
    text-decoration: underline;
    color: #666666;    
}

a:hover {
    color: #333333;    
}

a img {
    border: none;
}

a#logo {
    display: block;
    width: 16em;
    height: 3.92em;
    margin: 0 0 2.50em 0; 
}

a#logo img {
    width: 100%;
    height: 100%;
}

div#footer div span a {
    color: #000000
}

#siteMenu li a {
    text-decoration: none;
}


/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0.42em 0;
    padding: 0 0 0.42em 0;
    font-weight: normal;
}

h1, h1 a {
    font-size: 1.50em;
    color: #F9AE31;
}

h3, h3 a {
    font-size: 1.08em;
    text-transform: uppercase;
    font-weight: bold;    
}

h4, h4 a {
    font-size: 1em;
    color: #000000;
    margin: 0;
    padding: 0;
}

h2 span a{
    font-size: 0.63em;
    text-decoration: none;
}

h2 span a:hover{
    text-decoration: underline;
}

.yBox h3, #loginForm h3 {
    border-bottom: 1px solid #F9AE31;
}

.yBoxSolid h3 {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.gBox h3 {
    border-bottom: 1px solid #CCCCCC;
}

/* PARAGRAPHS */

ul, li, h2, h3, h5, h6 {
    color: #333333;
}

p {
    color: #666666;
}

p.hidden {
    display: none;
    height: 0px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

.right {
    float: right;
    clear: right;
}

.left {
    float: left;
    clear: left;
}

div#footer div span {
    color: #666666;
} 

/* SITE STRUCTURE */

form {
    border: 0;
    padding: 0;
    margin: 0;
}

body {
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000000;
}

div#page {
    width: 65em;
    margin: 0 auto 0 auto;
}

div#header {
    margin: 1.67em 0 0.83em 0;    
}

div#footer {    
    clear: both;
    margin: 0.83em 0 0 0;
}

div#footer div {
    margin: 0 0 0.42em 0;
    font-size: 0.9em;
}

ul#footLinks {
    border-top: 1px solid #CCCCCC;
    list-style-type: none;
    padding: 0.42em 0 0 0;
    margin: 0;
    font-size: 0.8em;
    color: #333333;
    float: left;
    width: 100%;
}

ul#footLinks li {
    display: inline;
    padding: 0 0.42em 0 0;    
}

ul#footLinks li a {
    color: #666666;    
}

div#main {
    clear: both;
}

div#leftCol {
    float: left;
    width: 72.4%;
}

div#leftCol img[align="left"] {
    margin: 0 0.83em 0.83em 0;    
} 

div#leftCol img[align="right"] {
    margin: 0 0 0.83em 0.83em;    
}

.imgleft {
    margin: 0 0.83em 0.83em 0;    
}

.imgright {
    margin: 0 0 0.83em 0.83em;    
}

div#rightCol {
    float: right;
    width: 26%;
    margin: 0 0 0 1.6% !important; 
    /* fix margin in IE 6 */
    margin: 0 0 0 0.8%;
    /* end fix */       
}

/* SITE MENU */

div#siteMenu {
    width: 100%;
    margin:0px auto;
    min-width:20em;        
    background:url(../images/menu_bg.gif) repeat-x center center;
}

div#siteMenu .hd .c,
div#siteMenu .ft .c {
    font-size:1px; /* ensure minimum height */
    height:5px;
}

div#siteMenu .ft .c {
    height:5px;
}

div#siteMenu .hd {
    background:transparent url(../images/menu_hl.gif) no-repeat 0px 0px;
}

div#siteMenu .hd .c {
    background:transparent url(../images/menu_hr.gif) no-repeat right 0px;
}

div#siteMenu .ft {
    background:transparent url(../images/menu_fl.gif) no-repeat 0px 0px;
}

div#siteMenu .ft .c {
    background:transparent url(../images/menu_fr.gif) no-repeat right 0px;
}

div#siteMenu ul {
    list-style: none;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #CCCCCC;
    padding: 3px 0 3px 3px;
    margin: 0;
}

div#siteMenu ul li {
    display: inline;
    border-right: 1px solid #FFFFFF !important;
    border: none;                               
    padding: 0.67em 0 0.58em 0 !important;    
    padding: 0;
    margin:0pt 0pt 0pt -0.33em;
}

div#siteMenu ul li a {
    font-size: 1.1em;
    color: #666666;
    border-right: 1px solid #d9d9d9;
    padding: 8px 1.08em 8px 1.08em;
}

div#siteMenu ul li.active {
}

div#siteMenu ul li.active a {
    color: #000000;
}

div#siteMenu ul li a:hover {
    color: #000000;
    text-decoration: none;    
}

/* WIDGET BOXES */

.widget {
    width: 100%;
    margin:0 auto 0.83em auto;
    min-width:10em;
}

.widget .inner {
    padding: 0 0.42em 0 0.42em;
    display: block;
}

.widget .hd .c,
.widget .ft .c {
    font-size:1px; /* ensure minimum height */
    height:5px;
}

/* WIDGET BORDERS */

.yBox .hd {
    background:transparent url(../images/ybox_hl.gif) no-repeat 0px 0px;
}

.yBox .hd .c{
    background:transparent url(../images/ybox_hr.gif) no-repeat right 0px;
}

.yBox .ft {
    background:transparent url(../images/ybox_fl.gif) no-repeat 0px 0px;
}

.yBox .ft .c{
    background:transparent url(../images/ybox_fr.gif) no-repeat right 0px;
}

.yBox .inner {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #F9AE31;
}

.yBoxSolid .hd {
    background:transparent url(../images/yboxSolid_hl.gif) no-repeat 0px 0px;
}

.yBoxSolid .hd .c{
    background:transparent url(../images/yboxSolid_hr.gif) no-repeat right 0px;
}

.yBoxSolid .ft {
    background:transparent url(../images/yboxSolid_fl.gif) no-repeat 0px 0px;
}

.yBoxSolid .ft .c{
    background:transparent url(../images/yboxSolid_fr.gif) no-repeat right 0px;
}

.yBoxSolid .inner {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #F9AE31;
    background: #F9AE31;
    color: #ffffff !important;
}

.yBoxSolid .inner p {
    color: #FFFFFF;
    margin-bottom: 0;
}

.yBoxSolid .inner p a{
    color: #FFFFFF;
}

.gBox .hd {
    background:transparent url(../images/gbox_hl.gif) no-repeat 0px 0px;
}

.gBox .hd .c{
    background:transparent url(../images/gbox_hr.gif) no-repeat right 0px;
}

.gBox .ft {
    background:transparent url(../images/gbox_fl.gif) no-repeat 0px 0px;
}

.gBox .ft .c{
    background:transparent url(../images/gbox_fr.gif) no-repeat right 0px;
}

.gBox .inner {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #CCCCCC;
}

#loginForm {
}

#loginForm .hd {
    background:transparent url(../images/loginForm_hl.gif) no-repeat 0px 0px;
}

#loginForm .hd .c{
    background:transparent url(../images/loginForm_hr.gif) no-repeat right 0px;
}

#loginForm .ft {
    background:transparent url(../images/loginForm_fl.gif) no-repeat 0px 0px;
}

#loginForm .ft .c{
    background:transparent url(../images/loginForm_fr.gif) no-repeat right 0px;
}

#loginForm .inner {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #F9AE31;
    background: #F9AF33 url(../images/loginForm_bg.gif) repeat-x top left;
    margin: 0 !important;
}

div.inner ul {
    list-style-type: none;
    margin: 0.42em 0 0.42em 0;
    padding: 0;
}

div.inner ul li {
    padding: 0.42em 0 0 0;    
}

div.inner ul li a {
    display: block;
    padding: 0 0 0 2.50em;
    height: 1.83em;    
}

div.inner ul#userOpt li a.user {
    background: url(../images/user.gif) no-repeat center left;        
}

div.inner ul#userOpt li a.padlock {
    background: url(../images/padlock.gif) no-repeat center left;  
        
}

div.inner div#userInfo {
    padding: 0 0.42em 0.42em 0.42em;
    background: #FFFFFF;
    filter: alpha(opacity=80)!important;
    filter: alpha(opacity=100);
    opacity: 0.8;
    -moz-opacity: 0.8;
    border: 1px solid #F9AE31;
    -moz-border-radius: 5px;
}

div.inner div#userInfo ul li{
    color: #000000;
    padding: 0.42em 0 0.42em 0;
    background-image: none;
}

div.inner div#userInfo ul li b{
    font-size: 0.83em;
}

/* CLIENT LOGIN FORM */

input#loginFormUser, input#loginFormPass, input#loginFormEmail {
    width: 12em;
    height: 2.42em;
    padding: 0.3em 0 0 2em;
    overflow: hidden;
    color: #333333;
    display: inline;
}

#loginForm form span {
    background: url(../images/login_input_r.png) right top no-repeat;
    display: block;    
}

input#loginFormUser {
    background: url(../images/login_inputUser_l.png) left top no-repeat !important;
    background: url(../images/login_inputUser_l.gif) left top no-repeat;
    border: none;  
}

input#loginFormPass {
    background: url(../images/login_inputPass_l.png) left top no-repeat !important;
    background: url(../images/login_inputPass_l.gif) left top no-repeat;
    border: none;  
}

input#loginFormEmail {
    background: url(../images/login_inputEmail_l.png) left top no-repeat !important;
    background: url(../images/login_inputEmail_l.gif) left top no-repeat;
    border: none;  
}

div#loginFormOpt {
    width: 100%;
    height: 2.42em;    
}

div#loginFormOpt a {
    float: left;
    color: #333333;
    font-size: 0.8em;
    padding: 1.2em 0 0 0;    
}

input#loginFormBtn {
    margin: 0;
    padding: 0;
    float: right;
    border: none;
    background: url(../images/login_btn.png) center center no-repeat !important;
    background: url(../images/login_btn.gif) center center no-repeat;
    height: 2em;
    width: 5.38em;
    cursor: pointer;
}

input#loginFormBtn:focus {
    outline: none;
    border: 0;
}

input#loginFormBtn:active {
    background: url(../images/login_btn_active.png) center center no-repeat !important;
    background: url(../images/login_btn_active.gif) center center no-repeat;    
    border: 0;
}

/* NEWS BOX & PAGE */


.newsItem {
    filter: alpha(opacity=60)!important;
    filter: alpha(opacity=100);
    opacity: 0.6;
    -moz-opacity: 0.6;
}

.newsItem:hover {
    filter: alpha(opacity=100)!important;
    opacity: 1;
    -moz-opacity: 1;
}

.newsItem p{
    padding: 0 0 0.83em 0;
    margin: 0;
    font-size: 0.8em;
    cursor: default;
}

div.newsPageRow {    
    border-bottom: 1px solid #cfcfcf;
    padding: 0 0 0.83em 0;
    margin: 0 0 1.67em 0; 
    clear: both;  
}

div.newsPageImage {
    width: 100px;
    height: 100px;
    margin: 0 0.83em 0 0;
    float: left;
}

div.newsPageItem, div.prodPageItem {
    margin: 0;
    display: inline;    
}

div.newsPageItem h2, div.prodPageItem h2{
    padding: 0;
    margin: 0 0 0 0;
    font-size: 1.2em
}

div.prodPageItem h2 {
    margin: 0 0 0.83em 0;
}


div.newsPageItem h2 a, div.prodPageItem h2 a {
    color: #333333; 
    text-decoration: none;
}

div.newsPageItem h2 a:hover, div.prodPageItem h2 a:hover { 
    text-decoration: underline;
}

div.newsPageItem p, div.prodPageItem p {
    margin: 0;
    padding: 0;
    color: #666666;
}

div.newsPageItem p.date, div.prodPageItem p.date {    
    font-size: 0.8em;
    margin: 0 0 0.83em 0;
    padding: 0;
    color: #666666;
}

div.newsPageItem p a, div.prodPageItem p a{
    margin: 0.83em 0 0 0;
    padding: 0;
    font-size: 0.8em;
    display: block;
}


/* SEARCH FORM */

#ajaxSearch_form {
    height: 2.08em;
    width: 17em;
    float: right;
    margin: -6.5em 0 0 0;
}

#ajaxSearch_input {
    width: 85.8%;
    height: 2.08em;
    padding: 0.27em 0 0 0.42em;
    color: #333333;
    margin: 0;    
    background: url(../images/searchText.gif) top left no-repeat;   
    border: 0px;
    display: inline;
    float: left; 
}

#ajaxSearch_submit {
    width: 1.75em;
    height: 2.08em;
    border: none;
    background: url(../images/searchBtn.gif) top right no-repeat;
    display: inline;
    float: right;
    cursor: pointer;
}

#ajaxSearch_output {
}

.ajaxSearch_result {
    border-bottom: 1px solid #cfcfcf;
    padding: 0 0 0.83em 0;
    margin: 0 0 1.67em 0;  
}

.ajaxSearch_resultLink {
    padding: 0;
    margin: 0 0 0.42em 0;
    font-size: 1.2em;
    color: #333333;
    text-decoration: none;        
}

.ajaxSearch_resultLink:hover {
    text-decoration: underline;
    color: #333333;    
}

.ajaxSearch_pagination {
    font-size: 1.50em;
    color: #F9AE31;
}

.ajaxSearch_highlight {
    font-weight: bold;
    font-style: oblique;
}

.ajaxSearch_extract {
    color: #666666;
}

/* FORMS */

div#main div#leftCol form, div#main div#leftCol form fieldset {
    color: #666666;
}

div#main div#leftCol form textarea {
    width: 98%;
    padding: 0.42em;
    border: 1px solid #F9AE31;
    -moz-border-radius: 5px;
    margin: 0 0 0.83em 0;
    font-size: 1.17em;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #333333;
}

div#main div#leftCol form fieldset {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid;
    border-color: #666666;
    margin: 0 0 0.83em 0;
}

div#main div#leftCol form fieldset label, div#main div#leftCol formlabel {
    display: inline;
}

div#main div#leftCol form fieldset legend {
    color: #333333;
}

div#main div#leftCol form span, div#main div#leftCol form fieldset span, div#main div#leftCol form fieldset fieldset span  {
    background: url(../images/login_input_r.gif) right top no-repeat;
    display: block;
}

div#main div#leftCol form div.errors {
    margin: 0 0 0.83em 0;
    color: #D90000;        
}

.textInput {
    width: 85%;
    height: 2.42em;
    padding: 0.3em 0 0 0.42em;
    overflow: hidden;
    color: #333333;
    display: inline;
    background: url(../images/login_input_l.gif) left top no-repeat;
    border: none;
    font-size: 1.17em;
}

#specifyPass {
    display: none;
}

.submitBtn {
    margin: 0;
    padding: 0;
    float: right;
    border: none;
    background: url(../images/submit_btn.png) center center no-repeat !important;
    background: url(../images/submit_btn.gif) center center no-repeat;
    height: 2em;
    width: 5.38em;
    cursor: pointer;
    color: #333333;    
}

/* PAGE STRUCTURES */

.pageHead {
    width: 46.34em;
    height: 9.92em;
    background: no-repeat left top;
    margin: 0 0 0.83em 0;
    padding: 0.83em 0 0.83em 0.83em;
}

.pageHeadInfo {
    height: 9.92em;
    width: 300px;    
}

.pageHeadInfo h1{
    color: #333333;
    word-spacing: 0.1em;
    letter-spacing: -1px;
    line-height: 1.1em;
    font-size: 1.5em;
    margin: 0 0 0 0;    
}

.pageHeadInfo p{
    color: #333333;        
}

div#leftCol ul {
    list-style-type:none;
    margin: 0;
    padding: 0 0 0 0.82em;    
}

div#leftCol ul li {
    margin: 0;
    padding: 0.08em 0 0.08em 0.82em;
    background: url(../images/li_bullet.gif) left center no-repeat;
}

div.widget .inner ul  {
    list-style-type:none;
    margin: 0;
    padding: 0 0 0 0;    
}

div.widget .inner ul li {
    margin: 0;
    padding: 0.42em 0 0.42em 0.82em;
    background: url(../images/li_bullet.gif) left center no-repeat;
}

div.widget .inner ul#userOpt li {
    padding: 0.42em 0 0 0.82em;
    background: transparent;
}

div.yBoxSolid .inner ul li {
    background: url(../images/li_bullet_white.gif) left center no-repeat;
    color: #FFFFFF;
}

div.column {
    width: 48.21%;
    display: inline;
    float: left;
    padding: 0.42em;
}

div.column h4 {
    padding: 0.42em 0 0.42em 0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    margin: 0.83em 0 0.42em 0;
    text-transform: uppercase;
    font-size: 0.95em;
    color: #666666;
    font-weight: bold;   
}

/* USER AREA */

ul#UAfaqList {
    padding: 0 0 0.83em 0 !important;
    margin: 0 0 1.67em 0;
    border-bottom: 1px solid #CCCCCC;    
}

ul#UAfaqList li {
    padding-top: 0.42em !important;
    padding-bottom: 0.42em !important;
    height: auto;
    display: block;    
}

ul#UAfaqFullList {
    color: #666666;    
}

ul#UAfaqFullList li {
    background-image: none !important;
    padding: 0.83em 0 0 0 !important;
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 0.83em 0 !important;    
}

ul#UAfaqFullList li div {
    padding: 0 0 0.83em 2em;
    border-bottom: 1px solid #CCCCCC;
}

ul#UAfaqFullList li div p{
    border-bottom: none !important;
    
}

ul#UAfaqFullList li ol li{
    border-bottom: none !important;    
    padding: 0.08em 0 0.08em 0 !important;
    margin: 0 !important;    
    color: #666666;  
}

ul#UAfaqFullList li ul li{
    border-bottom: none !important;   
    padding: 0.08em 0 0.08em 0.82em !important;
    background: url(../images/li_bullet.gif) left center no-repeat !important;
    margin: 0 !important;    
    color: #666666;  
}

a.faqfullrowlink {
    font-size: 0.82em;
}

ul#UA_index {
    padding: 0 !important;    
}

ul#UA_index li{
    display: inline;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
    background-image: none !important;   
}

ul#UA_index li .widget{
    width: 22em;
    margin: 0 0 0.83em 0.83em;    
}

ul#UA_index li .inner {
}

ul#UA_index li .inner ul {
    padding: 0 0 0 0 !important;
    width: 100%;
}

ul#UA_index li .inner ul li {
    margin: 0 !important;
    height: auto;
    padding: 0.42em 0 0.42em 0.82em !important;
    background: url(../images/li_bullet.gif) left center no-repeat !important;    
}

ul#UA_index li .inner ul li a {
    padding: 0 !important;
    height: auto !important;
}

ul#UA_index .newsPageRow {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;    
}

table#ServStatusTable {
    width: 100%;
    margin: 0 0 0.42em 0;
    padding: 0 0 0.83em 0;
    border-bottom: 1px solid #F9AE31;
}

table#ServStatusTable td{
    padding: 0.42em 0 0.42em 0; 
}

table#ServStatusTable td span.up{
    background: url(../images/tick.jpg) no-repeat center center;
    height: 18px;
    width: 17px;
    display: block; 
}

table#ServStatusTable td span.down{
    background: url(../images/cross.jpg) no-repeat center center;
    height: 18px;
    width: 17px;    
    display: block; 
}

.UA_morelink {
    font-size: 0.83em;
    margin: 0.83em 0 0 0 !important;
    text-align: right;
    
}
  
/* FLASH INTRO */

div#flashIntro {
    height: 11.7em;    
}

div#flashIntro embed{
    width: 100%;
    height: 100%;    
}

/* IMAGE GALLERY */

div.galleryContainer div.thumbscontainer ul.thumbs{
    list-style-type: none;
}

div.galleryContainer div.thumbscontainer ul.thumbs li{
    padding: 0;
    margin: 0.8em 0 0.8em 0 !important;
    background-image: none!important;
}



