/* Styles reset -------------------------------------------------------------------------------------  */     
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li,
fieldset, form, label, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}
html
{
   background-color: #848E91;
}
body 
{
    font-family: Arial; 
    color: #556060;
    font-size: 13px;
    font-weight: normal;      
}
a
{
	color: #860038;
	text-decoration: none;
}
.clearFloat
{
    clear: both;
}
#page_wrapper
{
    margin-left: auto; 
    margin-right: auto;
    background-color: white;
}
#header_wrapper
{
    width: 960px;
    margin: 0px auto 25px auto;
}
#page_header
{
    background-color: #860038;
    height: 15px;
    margin-bottom: 20px;
}
#top_banner
{
    vertical-align: top;
}
#top_banner #imgLogo
{
    float: left;
}
#top_banner #imgLogoCaption
{
    float: right;
}
#content_wrapper
{
    margin: 0px auto 0px auto;
}
#content_wrapper #content
{
    width: 960px;
    margin: 0px auto 0px auto;
}
#content_wrapper #content h2
{
    color: #860038;
    font-size: 18px;
    font-weight: bold;
}
#content_wrapper #content h3
{
    color: #556060;
    font-size: 14px;
    font-weight: bold;
}
#content_wrapper #content p
{
    color: #556060;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0px 10px 0px;    
}
/******************************************* Footer **************************************************************/
#footer_wrapper
{
    background-color: #848e91;
    margin: 30px auto 0px auto;
    padding-bottom: 10px;
    clear: both;
}
#footer_wrapper #footer
{
    width: 960px;
    margin: 0px auto 0px auto;
    padding: 15px 0px 10px 0px;
    clear: both;
}
#footer_wrapper #footer h2
{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
#footer_wrapper #footer .sectionSeparator
{
    border-bottom: 1px dotted #ffffff;
}
#footer_wrapper #footer #latest_news
{
    width: 450px;
    float: left;
}
   #footer_wrapper #footer #latest_news a
   {
      color: white;
   }

#footer_wrapper #footer #newsletter_signup
{
    margin-left: 30px;
    width: 260px;
    float: left;
}
#footer_wrapper #footer #client_login
{
    margin-left: 30px;
    width: 190px;
    float: left;
}
#footer_wrapper #footer p
{
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0px 10px 0px;
}
#footer_wrapper #footer label
{
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}
#footer_wrapper #footer #txtEmail
{
    width: 240px;
    margin-bottom: 10px;
}
#footer_wrapper #footer #txtBusinessName
{
    width: 180px;
    margin-bottom: 10px;
}
#footer_wrapper #footer #cboPackageType
{
    width: 185px;
    margin-bottom: 10px;    
}
#footer_wrapper #footer #frmLogin a
{
    z-index: 999;
}
#footer_wrapper #footer #frmLogin
{
    margin-top: 10px;
}
#footer_wrapper #footer ul#footerMenu
{
    list-style-type: none;
    margin-top: 50px;
}
#footer_wrapper #footer ul#footerMenu li
{
    float: left;
    text-align: center;
    border-right: 1px solid #dadddf;
}
#footer_wrapper #footer ul#footerMenu li, #footer_wrapper #footer ul#footerMenu li a
{
    text-decoration: none;
    color: #dadddf;
    font-size: 12px;
    font-weight: normal;
}
#footer_wrapper #footer ul#footerMenu li a:hover
{
    text-decoration: underline;
}
#footer_wrapper #footer ul#footerMenu li#mnuCopyRight
{
    width: 140px;
    text-align: left;
}
#footer_wrapper #footer ul#footerMenu li#mnuTermsOfUse
{
    width: 100px;
}
#footer_wrapper #footer ul#footerMenu li#mnuPrivacyPolicy
{
    width: 110px;
}
#footer_wrapper #footer ul#footerMenu li#mnuSitemap
{
    width: 90px;
    border-right: 0px solid #dadddf;
}
/******************************************* Tab **************************************************************/
#tabcontainer
{
    width: 630px;
    float: left;
    margin-left: 0px;
    padding-left: 0px;
}
/******************************************* Home **************************************************************/
#content_banner
{
    margin-bottom: 5px;
    z-index: 1;
}
#content_passage
{
    width: 600px;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
}

.wide-col
{
    width: 920px;
    padding: 20px;
}

#carousel,#rightcol
{
    width: 290px;
    margin-top: 20px;
    margin-left: 30px;
    float: left;
}
.jcarousel-skin-tango
{
    float: left;
}
#welcome_title
{
    color: #860038;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    left: 0px;
    top: 24px;
    width: 420px;
}
ul#downloadMenu
{
    list-style-type: none;
    margin: 10px 0px 30px 0px;
}
ul#downloadMenu li
{
    float: left;
    width: 260px;
}
ul#downloadMenu li a
{
    color: #860038;
    font-size: 12px;
    font-weight: bold;
}
#downloadSection
{
    clear: both;
}
#uploadSection
{
    padding-top: 20px;
    clear: both;
}
#downloadSection a
{
    text-decoration: none;
}
#downloadSection a:hover
{
    text-decoration: underline;
}
#uploadSection .button
{
    margin-right: 15px;
}
/******************************************************** News page **********************************************************/
#newsNavigator .button
{
    margin-right: 20px;
}
/******************************************************** Survey page **********************************************************/
#wide_content_passage
{
    margin-top: 25px;
}
.column
{
    width: 350px;
    float: left;
}
.column .criteriaItem
{
    margin-bottom: 10px;
}
.column .criteriaItem select
{
    width: 250px;
    font-size: 12px;   
}
.column .criteriaItem label
{
    color: #556060;
    font-size: 12px;
    font-weight: bold;    
}
#criteriaResult
{
    margin-top: 20px;
    clear: both;
}
#criteriaResult .column
{
    width: 480px;
    margin-top: 20px;
    float: left;
}
#criteriaResult .column img
{
    float: left;
}
#criteriaResult .column .package_description
{
    margin-top: 25px;
    margin-left: 25px;
    width: 300px;
    float: left;
}

/******************************************************** Dashboard page **********************************************************/
#enquiry
{
    background-color: #ebf6f7;
    width: 260px;
    padding: 20px 30px 20px 20px;
}
#txtEnquiry
{
    width: 255px;
    height: 200px;
    margin: 15px 0px 15px 0px;
}
#enquirySkin {
    background-color: #ebf6f7;
    width: 320px;
    float: right
}
#enquirySkin .tl {
    background-image: url(../images/circle_light_blue_tl.png);
    width: 10px;
    height: 10px;
    float: left;
    font-size: 0;
}
#enquirySkin .tr {
    background-image: url(../images/circle_light_blue_tr.png);
    background-position: 10px 0px;
    width: 10px;
    height: 10px;
    float: right;
    font-size: 0;
}
#enquirySkin .bl {
    background-image: url(../images/circle_light_blue_bl.png);
    background-position: 0px 10px;
    width: 10px;
    height: 10px;
    float: left;
    font-size: 0;
}
#enquirySkin .br {
    background-image: url(../images/circle_light_blue_br.png);
    background-position: 10px 10px;
    width: 10px;
    height: 10px;
    float: right;
    font-size: 0;
}
/******************************************************** View package page **********************************************************/
#contact_us
{
    width: 320px;
    float: left;
    margin-left: 30px;
}
#contact_us h2
{
    padding: 10px;
}
#register_interest
{
    background-image: url(../images/contact_us_background.png);
    width: 320px;
    height: 115px;
}
#register_interest #register_link
{
    padding: 10px;
}
#register_interest a
{
    color: #556060;
    font-size: 12px;
    text-decoration: none;
}
#register_interest a:hover
{
    text-decoration: underline;
}
#contact_point
{
    
}

/******************************************************** Buttons **********************************************************/

#btnDiscoverMore {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_discover_more.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:28px;
    width:110px;     
    /*
    color:#FFFFFF;
    text-transform:uppercase;
    line-height:160%;
    padding:0 29px 9px;*/
}
#btnDiscoverMore:hover
{
    background-position: center bottom;
}
#btnSignup {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_signup.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:21px;
    width:65px;     
}
#btnSignup:hover
{
    background-position: center bottom;
}
#btnLogin {
    background:transparent url(../images/buttons/btn_login.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:block;
    text-decoration:none !important;
    height:21px !important;
    width:65px;     
}
#btnLogin:hover
{
    background-position: center bottom;
}
#btnLoginSecond {
    background:transparent url(../images/buttons/btn_submit.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:block;
    text-decoration:none !important;
    height:21px !important;
    width:65px;
}
#btnLoginSecond:hover
{
    background-position: center bottom;
}
#btnSendEmail {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_send_email.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:21px;
    width:65px;     
}
#btnSendEmail:hover
{
    background-position: center bottom;
}
#btnSendEmail {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_send_email.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:21px;
    width:65px;     
}
#btnSendEmail:hover
{
    background-position: center bottom;
}
#btnUploadFile {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_upload_file.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:28px;
    width:99px;     
}
#btnUploadFile:hover
{
    background-position: center bottom;
}
#btnBrowseFile {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_browse_file.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:28px;
    width:104px;     
}
#btnBrowseFile:hover
{
    background-position: center bottom;
}
#btnSubmit {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_submit.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:28px;
    width:61px;
}
#btnSubmit:hover
{
    background-position: center bottom;
}
#btnPrevious {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_previous.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:28px;
    width:79px;
}
#btnPrevious:hover
{
    background-position: center bottom;
}
#btnBackListing {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_back_listing.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:28px;
    width:104px;
}
#btnBackListing:hover
{
    background-position: center bottom;
}
#btnNext {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/buttons/btn_next.png) no-repeat scroll center top;
    border:0 none;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
    height:28px;
    width:61px;
}
#btnNext:hover
{
    background-position: center bottom;
}

.left
{
   float: left !important;
}

.right
{
   float: right !important;
}

.clear
{
   clear: both !important;
}

.hidden
{
   display: none !important;
}

.register-button
{
   display: block;
   width: 319px;
   height: 115px;
   background: url('../images/register-button.png') top left no-repeat;
   margin-bottom: 10px;
}

.sprite:hover
{
   background-position: bottom;
}

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

   #content_passage ul li
   {
      margin-left: 10px;
      background: url('../images/arrow-small.png') left 3px no-repeat;
      padding-left: 20px;
      padding-bottom: 5px;
   }
   
#tabcontainer div
{
   width: 600px;
}
   
#tabcontainer div ul
{
   list-style-type: none;
}

   #tabcontainer div ul li
   {
      margin-left: 0px;
      background: url('../images/arrow-small.png') left 3px no-repeat;
      padding-left: 20px;
      float: none;
      padding-bottom: 5px;
   }   

.top-space
{
   padding-top: 10px;  
}

#frmContact input.submit, .btn-contact
{
   background: url('../images/btn-contactus.png') top left no-repeat;
   height: 28px;
   width: 83px;
   border: 0;
   padding: 0;
   margin: 0;
} 

#frmContact input.submit:hover
{
   background-position: bottom;
}

#sp_carousel li img
{
   padding-left: 15px;
}

.btn-send
{
   display: block;
   width: 61px;
   height: 28px;
   background: url('../images/btn-send.png') top left no-repeat;
}

.btn-viewsite
{
   display: block;
   width: 65px;
   height: 21px;
   background: url('../images/btn-viewsite.png') top left no-repeat;
}
.logged_footer
{
    margin-left:30px;
    float:left;
    width:450px;
}
.logged_footer h2
{
}
.logged_footer ul
{
    list-style-type:none;
}
.logged_footer ul input[type="text"],input[type="password"]
{
    margin-bottom:5px;
    width:200px;
}
.logged_footer ul select
{
    margin-bottom:5px;
    width:200px;
}
.logged_footer ul label.error
{
    margin-bottom:5px !important;
    color:#860038 !important;

}
.client_announcemnt
{
    margin-left:30px;
    margin-top:10px;
    width:320px;
    float:left;
}
#ulpoad_data_form
{

}
#ulpoad_data_form input,select
{
    margin-top:10px;
    margin-bottom:5px;
}
.enquiry_comment
{
    float:right;
    width:250px;
    margin-top:50px;
}
.enquiry_comment #enquiry
{
    width:220px;
    height:230px;
    border:0px solid black;
    padding:15px;
    margin-bottom:15px;
}
 .errorValidation
{
   text-align:center;
   color:#860038;
}