/* =resets ----------------------------------- */
ul, ol, li, hr
{
    margin: 0;
    padding: 0;
}

html, body
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #666;
    margin: 0;
    padding: 0;
    height: 100%;
    background: transparent url('../images/bg.jpg') top center no-repeat;
}
.disabled
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #666;
}

.disabled:hover
{
    text-decoration: none;
}

a
{
    color: #0081c5;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
img
{
    border: none;
}
h1
{
    color: #337501;
    font-size: 17px;
    font-weight: bold;
}
h2
{
    color: #369f00;
    font-size: 13px;
    font-weight: normal;
}
h3
{
    color: #369f00;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
h4
{
    color: #44ade5;
    font-weight: bold;
    font-size: 11px;
}
.green
{
    color: #369f00;
}




th
{
    border-width: 1px;
    border-color: #C0C0C0;
    height: 20px;
    border-bottom-style: solid;
}


.table_data
{
    border-width: 1px;
    border-color: #C0C0C0;
    border-bottom-style: solid;
    height: 20px;
}

.table_highlight
{
    border-width: 1px;
    border-color: #C0C0C0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #DBEFFA;
    height: 20px;
    border-right-style: solid;
    border-left-style: solid;
}


.table_normal
{
    border-color: #C0C0C0;
    border-width: 1px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    height: 20px;
    border-right-style: solid;
    border-left-style: solid;
}



.html_button
{
    background-color: #007EC1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}


#subnav
{
    line-height: 20px;
}

#subnav a
{
    font-weight: bold;
}

#page_container
{
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

#content_container
{
    margin: 0 auto;
    min-height: 650px;
    padding: 0 0 200px 0;
    width: 85%;
}

#content_container_login
{
    width: 970px;
    margin: 0 auto;
    min-height: 650px;
    padding: 0 0 200px 0;
}

/* =header ------------------------------- */

#header
{
    /*	width:970px; */
    height: 120px;
    width: 100%;
}

#header_login
{
    height: 120px;
    width: 970px;
}

#header_lhs
{
    float: left;
    width: 660px;
}

#logo
{
    float: left;
    width: 275px;
    height: 70px;
    margin-top: 13px;
}

#dropdown
{
    float: right;
    width: 340px;
    text-align: right;
    margin-top: 13px;
    font-size: 12px;
    font-weight: bold;
    color: #007ec1;
}

#header_rhs
{
    float: right;
    width: 295px;
    margin: 13px 0px 0px 15px;
}

#cp_title
{
    width: 295px;
    height: 29px;
    float: left;
    background: transparent url('../images/cp_title.gif') top center no-repeat;
}

#cp_nav ul
{
    width: 295px;
    height: 44px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#cp_nav ul li
{
    display: block;
    float: left;
    height: 44px;
}

#cp_nav ul li img
{
}

.cp_login
{
    width: 287px;
    height: 51px;
    margin-top: 0px;
    padding-left: 8px;
    background: transparent url('../images/cp_bg.gif') no-repeat;
    float: left;
}

.cp_login a
{
    color: #fff;
    font-size: 9px;
    text-transform: lowercase;
}

.cp_login .username
{
    float: right;
    width: 116px;
    height: 17px;
    padding: 4px 0px 0px 5px;
    background: transparent url('../images/cp_username.gif') no-repeat;
    font-size: 10px;
    border: 0;
    margin: 10px 0px 0px 0px;
}

.cp_login .pass
{
    float: right;
    width: 99px;
    height: 17px;
    padding: 4px 0px 0px 5px;
    background: transparent url('../images/cp_pass.gif') no-repeat;
    font-size: 10px;
    border: 0;
    margin: 10px 0px 0px 0px;
}

.cp_login input
{
    margin: 10px 4px 0px 0px;
}


/* =primary navigation ------------------------------- */

#nav_container
{
    margin-top: 7px; /* */
    height: 40px;
    width: 100%;
    z-index: 1000;
}

#primary_menu
{
    float: left;
    font-size: 12px;
    line-height: normal;
}

#primary_nav
{
    float: left;
 /*   width: 800px;*/
    font-size: 12px;
    line-height: normal;
}


#primary_nav ul
{
    list-style: none;
}

#primary_nav li
{
    float: left;
    background: url('../images/nav_bg_right.gif') no-repeat right top;
    margin-right: 3px;
}

#primary_nav a
{
    display: block;
    background: url('../images/nav_bg_left.gif') no-repeat left top;
    padding: 5px 15px;
    color: #fff;
    text-transform: lowercase;
    font-weight: bold;
}

#primary_nav li:hover
{
    background: url('../images/nav_bg_right_.gif') no-repeat right top;
}

#primary_nav a:hover
{
    text-decoration: none;
    background: url('../images/nav_bg_left_.gif') no-repeat left top;
}

#primary_nav .active
{
    background: url('../images/nav_bg_right_.gif') no-repeat right top;
}

#primary_nav .active a
{
    background: url('../images/nav_bg_left_.gif') no-repeat left top;
}



#nav_container #search
{
    width: 300px;
    float: right;
    margin-top: 8px;
}

#nav_container .inputsearch
{
    float: right;
    width: 190px;
    height: 18px;
    padding: 3px 4px 0 30px;
    background: transparent url('../images/search_bg.gif') no-repeat;
    font-size: 10px;
    border: 0;
    margin-right: 8px;
}


/* =hero ------------------------------- */

#hero
{
    position: relative;
    width: 970px;
    height: 212px;
}


#heroLeft
{
    position: absolute;
    background: transparent url('../images/hero_left.gif') no-repeat;
    width: 6px;
    height: 200px;
    margin: 0;
    padding: 0;
}

#heroTop
{
    position: absolute;
    background: transparent url('../images/hero_top.gif') no-repeat;
    width: 675px;
    height: 6px;
    margin: 0;
    padding: 0;
}

#heroCarousel
{
    position: absolute;
    width: 675px;
    height: 182px;
    margin-top: 6px;
    font-size: 12pt;
}

#newsCarousel
{
    position: absolute;
    width: 124px;
    height: 24px;
    margin-top: 188px;
}

#textCarousel
{
    position: absolute;
    width: 530px;
    height: 14px;
    background: #007ec1;
    padding: 5px 10px 5px 10px;
    margin-top: 188px;
    margin-left: 124px;
}

#textCarousel a
{
    color: #FFFFFF;
    text-decoration: none;
}

#contact_no
{
    position: absolute;
    width: 295px;
    height: 141px;
    margin: 0px 0px 0px 674px;
}

#contact_btn
{
    position: absolute;
    width: 295px;
    height: 72px;
    margin: 141px 0px 0px 674px;
}


/* =home ------------------------------- */

#lower_content
{
    position: relative;
    width: 970px;
    padding-top: 20px;
    z-index: 70;
}

#tabbed_module
{
    width: 468px;
    height: 200px;
    margin: 0px 14px 0px 0px;
    float: left;
}

#tabbed_module ul
{
    list-style-type: none;
    display: block;
}

#tabbed_module ul li
{
    display: block;
    float: left;
}

.tabbed_module_body
{
    width: 437px;
    height: 200px;
    background: transparent url('../images/tm_bg.gif') no-repeat;
    margin-top: -3px;
    padding: 15px;
    float: left;
}

#lower_content p
{
    margin: 0px 0px 10px 0px;
    padding: 0;
}

#support
{
    width: 178px;
    height: 218px;
    float: left;
    margin: 0px 14px 0px 0px;
}

#support_body
{
    background: transparent url('../images/support_bg.gif') no-repeat;
    width: 158px;
    height: 218px;
    margin-top: -3px;
    padding: 15px 5px 5px 15px;
}

#affiliates
{
    width: 295px;
    margin: 8px 0px 0px 0px;
    float: left;
}

#affiliates ul
{
    list-style-type: none;
}

#affiliates ul li
{
    margin: 0px 2px 1px 0px;
    float: left;
}


/* =inner pg ------------------------------- */

#inner_pg_container
{
    position: relative;
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 20px 0;
    z-index: 70;
}

#toolbar
{
    /*	width:560px;*/
    width: 85%;
    height: 18px;
    margin: 0 0 0px 192px;
}

#breadcrumbs ul
{
    list-style-type: none;
    color: #999;
    text-shadow: #fff 0 1px 2px;
    width: 425px;
    float: left;
}

#breadcrumbs ul li
{
    display: inline;
}

#breadcrumbs ul li a
{
    display: inline;
    background: transparent url('../images/breadcrumbs_bullet.gif') right no-repeat;
    padding-right: 15px;
}

#tools
{
    float: right;
    text-align: right;
    width: 100px;
}

#tools ul li
{
    display: inline;
}

#content_holder ul
{
    list-style-type: none;
    margin-left: 0px;
}

#content_holder li
{
    background: url('../images/bullet_tick.gif') top left no-repeat;
    padding-left: 30px;
    margin-top: 10px;
}



/* =leftnav ------------------------------- */

#leftnav
{
    display: block;
    float: left;
    list-style: none;
    width: 180px;
    margin: 0;
    padding: 0;
}

#leftnav ul
{
    display: block;
    list-style: none;
}

#leftnav li
{
    background-color: #fff;
    border-left: 1px solid #c7def0;
    border-right: 1px solid #c7def0;
}

#leftnav li a:link, #leftnav li a:active, #leftnav li a:visited
{
    margin: 0;
    padding: 5px 0 4px 13px;
    display: block;
    color: #0081c5;
    border-bottom: 1px solid #c7def0;
}

#leftnav li.first
{
    border: none;
    background: transparent;
    margin-bottom: -3px;
    padding: 0;
}

#leftnav li a.active
{
    background-color: #daeffa;
}

/*
#leftnav li ul li {width:176px; border:none;}
#leftnav li ul li a:link, #leftnav li ul li a:active, #leftnav li ul li a:visited {margin:0 -3px 0 0; padding:5px 0 4px 30px; display:block;}
#leftnav li ul li a:hover {}
*/

#leftnav img
{
    display: block;
}

#leftnav ul li.Level2.active
{
    background-color: #dbeffa;
}

/*#leftnav ul li.Level3 {border:none;}*/

#leftnav ul ul li.Level3 a
{
    padding-left: 22px;
    display: block;
}

#leftnav ul ul li.Level3.active
{
    background-color: #dbeffa;
}

/*#leftnav ul li.Level4 {border:none;}*/

#leftnav ul ul li.Level4 a
{
    padding-left: 32px;
    display: block;
}

#leftnav ul ul li.Level4.active
{
    background-color: #dbeffa;
}


/* =content ------------------------------- */


#content_holder
{
    width: 100%;
    background-color: none;
    float: left;
}

#content_header
{
    background: transparent url('../images/news_header.jpg') no-repeat;
    height: 115px;
}

#content_tools
{
    width: 543px;
    text-align: right;
    padding: 5px 10px;
    background: transparent url('../images/news_gradient.jpg') no-repeat;
}

#content
{
    /*	width:511px; */
    padding: 10px 25px;
    background-color: #fff;
    border-left: 1px solid #c7def0;
    border-right: 1px solid #c7def0;
    margin-top: -2px;
    width: 100%;
    z-index: 1;
}

#content_tags
{
    padding: 0px 25px;
    background-color: #fff;
    border-left: 1px solid #c7def0;
    border-right: 1px solid #c7def0;
    color: #999;
    font-size: 9px;
}

#content_tags img
{
    float: left;
    margin: 0px 10px 0px 0px;
}

#content_bottom
{
    background: transparent url('../images/content_bottom.gif') no-repeat;
    height: 18px;
}

hr
{
    height: 1px;
    border: none;
    color: #ccc;
    background-color: #ccc;
}

/* =rhs ----------------------------- */

#rhs
{
    margin: 0;
    padding: 0;
    float: right;
    width: 208px;
    color: #00507b;
}

#rhs_content
{
    margin: 0;
    padding: 0px 10px;
    background: transparent url('../images/qc_bg.png') repeat-y;
}

#rhs img
{
    display: block;
}



#quick_contact
{
    text-shadow: #fff 0 1px 2px;
}

input.name, input.email, input.phone, input.company, input.enquiry
{
    width: 26ex;
    margin-bottom: 5px;
    color: #999;
}


/* =footer ------------------------------------ */

#footer1
{
    position: absolute;
    bottom: 0;
    height: 180px;
    width: 100%;
    background: transparent url('../images/footer_bg.png') repeat;
    color: #fff;
    z-index: 100;
}

#footer1_login
{
   position: absolute;
    bottom: 0;
    height: 260px;
    width: 100%;
    background: transparent url('../images/footer_bg.png') repeat;
    color: #fff;
    z-index: 100;
}

#footer2
{
    position: absolute;
    bottom: 0;
    height: 180px;
    width: 100%;
    background: transparent url('../images/footer_bg.jpg') bottom center no-repeat;
    color: #fff;
    z-index: 10;
}

#footer2_login
{
    position: absolute;
    bottom: 0;
    height: 260px;
    width: 100%;
    background: transparent url('../images/footer_bg.jpg') bottom center no-repeat;
    color: #fff;
    z-index: 10;
}


#footer_center
{
    width: 970px;
    margin: 20px auto;
    color: #b3b4b4;
}

#footer_center ul
{
    list-style-type: none;
    margin: 0px 15px 0px 0px;
    padding: 0;
    float: left;
}

#footer_center ul li
{
    margin: 0px 2px 1px 0px;
}

#footer_center strong
{
    color: #fff;
}

#footer_center a
{
    color: #b3b4b4;
}

#footer_acc
{
}

#footer_contact
{
}

.footer_sitemap
{
}


/* =misc ------------------------------- */

.clear
{
    clear: both;
}
.lowercase
{
    text-transform: lowercase;
}
.png
{
    /* Is already applied to all png instances in case we need it down the line */
}




.invoicependingdisablerow
{
    align-vertical: middle;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-size: x-small;
    color: #cb1501;
    font-family: arial, helvetica, sans-serif;
    background: #ffecea;
}
.invoicependingdisablerow a
{
    color: #cb1501;
}
.invoicependingdisablerow a:link
{
    color: #cb1501;
}
.invoicependingdisablerow a:visited
{
    color: #cb1501;
}
.invoicependingdisablerow a:active
{
    color: #cb1501;
}
.invoicependingdisablerowhighlight
{
    align-vertical: middle;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-size: x-small;
    color: #cb1501;
    font-family: arial, helvetica, sans-serif;
    background: #ffdbd7;
}
.invoicependingdisablerowhighlight a
{
    color: #cb1501;
}
.invoicependingdisablerowhighlight a:link
{
    color: #cb1501;
}
.invoicependingdisablerowhighlight a:visited
{
    color: #cb1501;
}
.invoicependingdisablerowhighlight a:active
{
    color: #cb1501;
}

.invoiceoverduerow
{
    align-vertical: middle;
    padding-top: 2px;
    padding-bottom: 4px;
    font-weight: bold;
    padding-left: 8px;
    font-size: x-small;
    color: #bf7c00;
    font-family: arial, helvetica, sans-serif;
    background: #fffaea;
}
.invoiceoverduerow a
{
    color: #bf7c00;
}
.invoiceoverduerow a:link
{
    color: #bf7c00;
}
.invoiceoverduerow a:visited
{
    color: #bf7c00;
}
.invoiceoverduerow a:active
{
    color: #bf7c00;
}
.invoiceoverduerowhighlight
{
    align-vertical: middle;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-weight: bold;
    font-size: x-small;
    color: #bf7c00;
    font-family: arial, helvetica, sans-serif;
    background: #fff5d7;
}
.invoiceoverduerowhighlight a
{
    color: #bf7c00;
}
.invoiceoverduerowhighlight a:link
{
    color: #bf7c00;
}
.invoiceoverduerowhighlight a:visited
{
    color: #bf7c00;
}
.invoiceoverduerowhighlight a:active
{
    color: #bf7c00;
}

#login_content
{
    width: 600px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    margin-left: 40px;
    margin-top: 5px;
}


#login_errors
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FF0000;
    font-size: 10pt;
}


#login_issues
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


.icCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #FFFFFF;
}
.icCalendar .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}
.icCalendar .ajax__calendar_title, .icCalendar .ajax__calendar_next, .icCalendar .ajax__calendar_prev
{
    color: #004080;
    padding-top: 3px;
}
.icCalendar .ajax__calendar_body
{
    background-color: #FFFFFF;
}
.icCalendar .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.icCalendar .ajax__calendar_day
{
    border: 1px solid #ffffff;
}
.icCalendar .ajax__calendar_hover .ajax__calendar_day, .icCalendar .ajax__calendar_hover .ajax__calendar_month, .icCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}

.icCalendar .ajax__calendar_active
{
    border: 1px solid #0000FF;
}

.icCalendar .ajax__calendar_today
{
    text-align: center;
    background-color: #ffffff;
    font-weight: bold;
}
.icCalendar .ajax__calendar_other, .icCalendar .ajax__calendar_hover .ajax__calendar_today, .icCalendar .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}

/* Watermark */
.watermark
{
    color: Gray;
    font-style: italic;
}


.text-bold
{
    font-weight: bold;
}


.column
{
    width: 45%;
}
.columnmid
{
    width: 40%;
}
.columnnarrow
{
    width: 25%;
}
.columnsmall
{
    width: 20%;
}
.left
{
    float: left;
}
.right
{
    float: right;
}