@import url("/stylesheets/forms.css"); 
/*============================================================================
[Screen Stylesheet]
==============================================================================
Project: Online Tech 
Version: 1.x
Last Modified: 12/19/2008(Forms)
Assigned to:   Meili Chen
Primary use:   Page Layouts - one, two & three colum layouts 
==============================================================================*/

/*=============================================================================
[Table of Contents]
===============================================================================

A. Global Reset

B. Global Formatting

C. Layout
    1. Body 
       1.1. Skip to content / a#skip
    2. Layout wrapper / div#wrapper
       2.1. Header / div#header
            2.1.1 Logo / h1
            2.1.2 Utility navigation / ul#utility
            2.1.3 Search / div#search       
            2.1.4 Global navigation / div#globalNav
                  2.1.4.1 Global nav dropdown menu / ul.dropdown
       2.2. Banner section / div#banners  (home page only)
    2.3. Content section / div#content          
         2.3.1 Primary column / div#primeCol 
               2.3.1.1 page title / h1#pageTitle
               2.3.1.2 breadcrumbs / div#breadcrumbs
               2.3.1.3 Main content/div#mainContent
                       2.3.1.3.1 services on home /div.services    
                       2.3.1.3.2 features on home /div.features
                       2.3.1.3.3 Froms (12/16 added styles)
                       2.3.1.3.4 News .newsList / .newsDetails
                       2.3.1.3.5 FAQ ul.faq-cat
                       2.3.1.3.6 Events List div.eventsList 
                       2.3.1.3.7 Event Item div.eventItem 
                       2.3.1.3.8 Search Results
         2.3.2 Second column / div#secondCol
               2.3.2.1 default sidebar item  /div.sidebar
               2.3.2.2 customer quotes /div.quotes
               2.3.2.3 news / di.news (home)
               2.3.2.4 three call outs (live chat, request a quote, contact us)      
                     2.3.2.4.1 live chat /div.liveChar
                     2.3.2.4.2 request a quote /div.requestQuote
                     2.3.2.4.3 contact us /div.contactUs 
                     2.3.2.4.4 three call outs as an individual graphic .callOutImg
               2.3.2.5 sign up enewsletter  /div.signUpEnewsletter
               2.3.2.6 online tech blog  /div.blog
               2.3.2.7 myonline tech customer portal
               2.3.2.8 sub/local navigation /div#subNav 
                       2.3.2.8.1  sub/local navigation the third level
        2.3.3 Third column / div#thirdCol 
              2.3.3.1 rounded blue box - light blue
              2.3.3.2 rounded blue box - medium blue
              2.3.3.3 rounded blue box - dark blue
              2.3.3.4 rounded blue box - blue gradient 
              2.3.3.5 rounded blue box - dark blue gradient
              2.3.3.6 rounded blue box - blue line  
    2.4 Footer / div#footer 
        2.4.1 footer content div.content
               2.4.1.1 Footer navigation / ul#footNav 
               2.4.1.2 Footer copyright / div.copyright       
                     
===============================================================================*/

/*==============================================================================
[Color codes]
================================================================================
#ffffff  white: (mainContent,globalNav text, subNav, banner callouts, features boday, quotes body, news body, three callouts,customer portal )
#000000  black (footer copyright)
#231f20  dark grey (body text, page title)
#333333  grey (feature title)
#99ccff  grey (customer portal note)
#bdc7d1  grey (body)

#336699  blue (default link)
#99ccff  light blue (utility link, customer portal text)
#d5eaff  light blue (banner tagline)
#0079c2  blue (breadcrumbs, footer link, rounded light blue)
#034571  blue (signup enews title)
#dce2e9  light blue (default sidebar bg, subNav third level)
#0075bb  blue (subNav bg)
#6fa5d9  blue (subNav third level)
#95b9e2  blue (subNav third level)
#025990  blue (rounded blue box)
#034571  blue (rounded dark blue box)
#dce2e9  blue (rounded  blue gradient)
#ebf5ff  light blue (blue line box)
#0079c2  blue (rounded dark gradient box)
#ebf5ff  light blue (rounded blue line box)
      
#ff0000  red (default link hover)
#ff3333  red (utility hover, callouts hover)
#b91e1e  red (default sidebar title, blog title, subNav link)
#b91e1e  red (signup enews email box)
#800a09  red (globalNav hover bg)

#eec63c  yellow (three callouts-live chat, request a quotes, contact us- title)

==================================================================================*/

/*=================================================================================
A. GLOBAL RESET
===================================================================================*/

body {font: 62.5%/1.4 Arial,verdana,Helvetica,Jamrul,sans-serif;  background: #fff; color: #000; margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6, fieldset, form, label, input, textarea, legend, dl, dt, dd, table, caption, th, td, blockquote, cite {
 margin: 0; padding: 0; font-size: 1em;}
ul, ol, li, ul *, ol *  {font-size: 1em;}

h1, h2 {color:#0075bb;}

a img {border: 0;}

input, textarea {font-family: Trebuchet MS,Arial,Verdana,Helvetica,Jamrul,sans-serif;}
textarea {overflow: auto;}
table {border-collapse: collapse;   margin-bottom: 1em;}
td, th {padding: 0.1em 1em;}

acronym, abbr {border-bottom: 1px dotted; cursor: help;}
cite {font-style: normal;}
:focus {outline: 0;}

/*====================================================================================
B. GLOBAL FORMATTING  
=====================================================================================*/
.clear {clear: both; height: .001em; font-size: .001em;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.right img {margin: 0 0 10px 10px;}
.left img {margin: 0 10px 10px 0px;}
.center {text-align: center;}
.block {display: block;}
.bld {font-weight: bold;}
.biggerTxt {font-size: 1.05em;}
.smallerTxt {font-size: .95em;}
.redTxt {color: #b91e1e;}

a {color: #336699; text-decoration: none; font-weight: bold;}
a:hover {color: #ff0000;}

/*h1,h2,h3,h4,h5,h6 {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;}*/
h1 {font-size: 1.4em;line-height: 120%;}
h2 {font-size: 1.3em;line-height: 120%;}
h3 {font-size: 1.2em; }
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: .9em;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 1em;}

hr {border: none; margin: 15px 0; background: #bcc0c5; padding: 0; height: 1px;}
.nav, .nav ul {margin: 0; padding: 0; list-style: none;}

/*======================================================================================
C. LAYOUT                                                                   *
=======================================================================================*/

/*--------------------------------------------------------------------------------------------
 1. Body / body                                                                                                                                                             
----------------------------------------------------------------------------------------------*/
body {background: #bdc7d1 url(/images/background/body_bg.jpg) repeat-x 0 0; }

   /* 1.1. Skip to content / a#skip */
   #skip {position: absolute; top: -1000px;} 
    
/*------------------------------------------------------------------------------------------
2. Layout Wrapper                                                                                                                                                     
---------------------------------------------------------------------------------------------*/
#wrapper {color: #231f20; font-size: 1.25em; margin: 10px auto; width: 960px; background: transparent; overflow: hidden;}
#wrapper p {margin-bottom: 1em;}
   /*.........................................................................
    2.1. Header / div#header 
   ...........................................................................*/
   #header {background: url(/images/background/header_bg.gif) no-repeat 0 0; width: 100%; margin: 0; height: auto; clear: both; }
      /* 2.1.1 logo / h1 */
      #header h1 {height: 100px; width: 312px; margin: 0; padding: 0; background: #fff url(/images/background/client_logo.jpg) no-repeat 10px 100%;  text-indent: -9000px; float: left; }
      #header h1 a {display: block; height: 100px; width: 312px; background: #fff url(/images/background/client_logo.jpg) no-repeat 10px 100%;}
      #header h1 a:hover {border-bottom: none;}
      
      #logo-fix span {height: 100px; width: 312px; margin: 0; padding: 0; background: #fff url(/images/background/client_logo.jpg) no-repeat 10px 100%;  text-indent: -9000px; float: left; }
      #logo-fix span a {display: block; height: 100px; width: 312px; background: #fff url(/images/background/client_logo.jpg) no-repeat 10px 100%;}
      #logo-fix span a:hover {border-bottom: none;}
      
      /*2.1.2 phone number / #phone */
      #phone-number {color:#ffffff;float:right;font-size:.95em;font-weight:bold;margin:3px 3px 0 0;}

      /*2.1.2 utility / #utility */
      #utility {font: 12px Trebuchet MS,Arial,Verdana,Helvetica,Jamrul,sans-serif; width: 645px; padding: 0px; margin: 6px 0px 6px 0;float: left; overflow: hidden;}
      #utility ul {padding: 0; margin: 3px 0 0 25px; float: left; width: 325px;}
      html>body #utility ul {margin-left: 20px;}
      #utility ul li {display: inline; margin: 0; padding: 0 10px; background: url(/images/navs/utility_divider.gif) no-repeat 100% 50%;}
      #utility ul li a {color: #99ccff; font-weight: bold; padding: 0; background: url(/images/navs/utility_nav_off.gif) no-repeat 100% 100%; }
      #utility ul li a:hover, #utility ul li.current a {color: #ff3333; text-decoration: none;}
      #utility ul li.last {background: none; padding-right: 3px;}
      
      /* 2.1.3 search / #search */
      #search {width: 270px; margin: 0; float: right; text-align: right; overflow: hidden;}
      #search form {margin: 0;}
      #search input {vertical-align: middle;}
      #search #query {background: url(/images/misc/search_box.gif) no-repeat 0 0; width: 185px; padding: 2px 6px 5px 6px; border: 0; border-style: hidden; margin: 0; }
      #search .searchBtn {vertical-align: middle;padding: 0px 0; margin: 0 0 3px 10px;}  
    
      /* 2.1.4. Global navigation / div#globalNav */
      #globalNav {font: 12px Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif; width: 640px; margin: 4px 0 4px 0px; display: block; float: right;  background: transparent;}
      #globalNav ul {float: right; width: 100%;  padding: 0 0 0 1px; margin: 0px;}
      #globalNav  ul a {display: block;}
      #globalNav  ul li {float: left; display: inline; padding: 0px; margin: 0 1px 0 0;}
      #globalNav  ul li a{background: url(/images/navs/global_nav_off.gif) repeat-x 0 0;display: block;  vertical-align: middle; padding: 7px 16px 7px 16px;font-weight: bold; color: #fff; text-align: center;}
      #globalNav ul li a:hover, #globalNav ul li .current a {text-decoration: none; background: url(/images/navs/global_nav_on.gif) repeat-x 0 0;}
      #globalNav a:hover, #globalNav .current a, #globalNav li:hover a{text-decoration: none; background: url(/images/navs/global_nav_on.gif) repeat-x 0 0;}
      #globalNav ul li.first a{background: url(/images/navs/tab_off_left.gif) no-repeat 0 0;}
      #globalNav ul li.last a {background: url(/images/navs/tab_off_right.gif) no-repeat 100% 0;}
      #globalNav ul li.first a:hover, #globalNav ul li.first .current a, #globalNav ul li.first:hover a, #globalNav ul li.sfhover a{background: url(/images/navs/tab_on_left.gif) no-repeat 0 0;}
      #globalNav ul li.last a:hover, #globalNav ul li.last .current a, #globalNav ul li.last:hover a {background: url(/images/navs/tab_on_right.gif) no-repeat 100% 0;}
      #globalNav ul li.sfhover a{background: url(/images/navs/global_nav_on.gif) repeat-x 0 0;}  
         
      /* 2.1.4.1 Global nav dropdown menu / ul.dropdown */
         .dropdown{ position: absolute; left: -999em;  margin: 0;  padding: 0; z-index: 100; overflow: hidden;  float: none;  }
         #globalNav ul ul{ float: none; background: #800a09; margin-top: -3px; padding: 8px 0px 20px 0 !important; width: 225px; float: none;}
         html>body #globalNav ul ul{ background: url(/images/navs/dropdown_bg.png) no-repeat 0 100%;}
         #globalNav ul ul a {text-align: left; margin-right: 0; font-weight: normal; padding: 8px 10px 8px 34px !important; }
         #globalNav ul li ul.dropdown li {float: none; margin: 0!important; display: inline; }
         #globalNav ul li:hover ul, #globalNav li.sfhover ul {left: auto; padding-right: 0px; margin: -2px 0 0 0; }
         #globalNav ul li ul.dropdown li a, #globalNav ul li.first ul.dropdown li a, #globalNav ul li.last ul.dropdown li a{background: url(/images/navs/dropdown_stick.gif) no-repeat -5px 50%; color: #fff; font-size: 12px; color: #fff; line-height: 100%; }
         #globalNav ul li ul.dropdown a:hover, #globalNav ul li ul.dropdown .current a, #globalNav ul li.first ul.dropdown li a:hover, #globalNav ul li.last ul.dropdown li a:hover {background: url(/images/navs/dropdown_stick_blue.gif) no-repeat -5px 50%; font-weight: bold; }
         #globalNav ul li.last ul.dropdown .current a,  #globalNav ul li.first ul.dropdown .current a {background: url(/images/navs/dropdown_stick_blue.gif) no-repeat -5px 50%; font-weight: bold; }
         
         #globalNav ul li.noDropdown ul{background: none;}
         #globalNav ul .noDropdown ul li a {background-color: #800a0a!important;}
         #globalNav ul .noDropdown ul li a {background: #800a0a url(/images/navs/dropdown_stick.gif) no-repeat -5px 50%; }
         #globalNav ul .noDropdown ul li a:hover {background: #800a0a url(/images/navs/dropdown_stick_blue.gif) no-repeat -5px 50%; font-weight: bold;}
         
   /*............................................................................
      2.2. Banner section / div#banners 
    ................................................................................. */  
      #banners {width: 926px; height: 192px;display: block; background: #fff url(/images/misc/banner.jpg) no-repeat 17px 15px; padding: 15px 17px; float: left;}
      #banners #tagline {width: 457px; height: 72px; margin: 30px 0px 10px 0px; float: right;  font: 27px arial,sans-serif;  font-weight: bold; line-height: 120%; color: #d5eaff; background: url(/images/misc/tagline.png) no-repeat 0 100%; overflow: hidden;}
      #banners #sas70 {width: 250px; height: 50px; margin: 15px 0px 15px 0px; float: right;  font: 27px arial,sans-serif;  font-weight: bold; line-height: 120%; color: #d5eaff; background: url(/images/misc/SAS-70-Audited.png) no-repeat 0 100%; overflow: hidden;}
      #banners #callOutLinks {float: left; width: 261px; height: 191px; background: /*url(/images/misc/banner_call_out_links_bg.jpg)*/url(/images/misc/banner_callouts_bg_red.gif) no-repeat 0 0; overflow: hidden;}/*.jpg or .gif for ie6 or the links will not work */
      html>body #banners #callOutLinks {background: url(/images/misc/banner_callouts_bg_red.png) no-repeat 0 0; }
      #banners ul{margin: 0; padding: 0; list-style:none; float: left;width: 100%;}
      #banners ul li {font: 18px Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif; list-style: none; color: #fff; padding: 23px 0; line-height: 100%;}
      #banners ul li a {color: #fff; background: url(/images/misc/stick_white.gif) no-repeat 0px .4em; padding-left:38px; display: block;}
      #banners ul li a:hover {text-decoration: none; color: #fff; background: url(/images/misc/stick_red.gif) no-repeat 0px .4em;}
      
   /*............................................................................
      2.3. content section / div#content 
    ................................................................................. */
   #content {background: #fff;  margin: 0; padding: 30px 17px 10px 17px; clear: both; overflow: hidden; background: #fff;}
   #home #content {padding-top: 0px;}
      /* 2.3.1 Primary column / div#primeCol */
      #primeCol {float: left; width: 460px; background: url(/images/background/primary_col_bg.gif) repeat-x 0 0;  margin: 0 15px 0 233px; padding: 0; display: inline; overflow: hidden; }
      .oneCol #primeCol {width: 100%; margin-left: 0; border: none; }
      .twoCol #primeCol, .twoColNoSub #primeCol{width: 688px; float: right; margin: 0!important;}
      .threeCol #primeCol {} 
      #home #primeCol {background: #fff; font-size: .95em;}
      #home  #primeCol, .twoColNoLeft #primeCol  {width: 693px; float: left; margin: 0 10px 0 0;}  
         
         /* 2.3.1.1 Page Title / h1#pageTitle */
         h1#pageTitle {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;color: #231f20; margin: 0 6px .3em 6px; padding: 8px; background: url(/images/misc/stick_dark_grey.gif) no-repeat 100% 100%;}    
         
         /* 2.3.1.2 Breadcrumbs / h1#breadcrumbs*/
         #breadcrumbs {font: .95em Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif; color: #0079c2; font-weight: bold; margin: 0 6px 15px 6px; padding: 0 8px; line-height: 110%;}
         #breadcrumbs a {color: #0079c2;}
         #breadcrumbs a:hover { color: #ff0000;}
         
         /* 2.3.1.3 Main content */
         #mainContent {background: #fff; padding: 10px 10px 10px 14px; }
         .oneCol #mainContent {}
         .twoCol #mainContent, .twoColNoSub #mainContent {}
         .threeCol #mainContent {}
         #home #mainContent {background: #fff; line-height: 130%; padding: 0;}
         #mainContent a {border-bottom: 1px dotted #336699;}
         #mainContent a img {border-bottom: none!important;}

         
            /*2.3.1.3.1  services on home*/
            .services {float: left;width: 211px; margin-right: 8px; padding: 7px; background: #fff url(/images/background/grey_gradient.jpg) repeat-x 0 0; overflow: hidden;}
            .services h2{font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;background: url(/images/misc/stick_long.gif) no-repeat 100% 100%; padding: 0px 0 5px 5px; margin: 0 0 .3em 0;}
            .services .photo {margin: 0 auto 5px auto; padding: 0; text-align: center; display: block;}
            .services .inner {padding: 0 0 5px 5px;}
            .services .photo a, .services img a {border: none!important; text-decoration:none!important;}
            .colocation {}
            .dedicatedServers{}
            .managedServices{margin-right: 0px;}
            .disasterRecovery{float: right; margin: 0px 0 0 7px;}
            .otvault{margin-right: 0px;}
            
            
            
            /*2.3.1.3.2 features on home */
            .features {float: left; padding-bottom: 5px ;width: 455px; overflow: hidden;line-height: 120%;}
            .features h2 {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;color: #fff; background: #fff url(/images/rounded_boxes/features_title.gif) no-repeat 0 0; margin: 0; padding: 7px 10px; text-transform: uppercase; }
            .featuresContent {width: 450px;float: left;  margin: 12px 0 0 0; overflow: hidden;}
            .featuresImage{float:left; width: 100px; display: block; text-align: center; margin: 0 auto; }
            .featuresImage img {border: none;}
            .featuresImage a {border:  none!important;}
            .featuresDescription{float: left; width: 340px; margin-left: 5px; padding: 5px 0;}
            .featuresTitle {font-weight: bold; color: #333;}
            
            /*2.3.1.3.3 Froms (contact us, request a quote, newsletter, support) */
            .form-field label { width: 280px; line-height: 110%;font-size: 12px; color: #3e4f5a;}
            .form-field {margin-bottom: 15px;}
            .validated_form fieldset {border: 1px double #8196a4; padding: 10px 5px; margin-bottom: 15px;}
            .validated_form  legend {font-size: 13px; color:#fff;background: url(/images/rounded_boxes/dark_blue_gradient_bg.gif) repeat-x 0 0; border: none;padding: 4px 10px;  margin-bottom: 5px; font-weight: bold; letter-spacing: 1px; }      
            .validated_form .submitBtn {color:#fff; background: #9d1111; border: 1px solid #330000; font-size: 1.1em; font-weight: bold;  padding: 2px 5px; cursor: pointer;}      
            
            #contact_us .form-field label {width:120px!important; }
            #Support .form-field label {width: 210px;}
            #Newsletter .form-field label{width: 180px; text-align: right; }
            #Newsletter #interested_in {border: none;float: none; margin-left: 190px; margin-bottom: 0px;}
            #Newsletter #interested_in label {float: none; width: 180px; text-align: left; display: block; margin-bottom: 6px; font-weight: normal;}
            
            /*2.3.1.3.4 News List& New Details / .newsList .newsDetails*/
            .newsList {margin: 0;}
            .newsList .newsItem {margin: 0 0 2em 0;}
            .newsItem .newsTitle {font-size: 1.1em; font-weight: bold; margin: 0 5px 5px 0; padding: 0;}
            .newsItem .newsDate {font-size: .95em; color: #60656a; font-style: oblique;}
            .newsDetails .newsTitle {font-size: 1.1em; font-weight: bold; margin: 0 5px 5px 0; padding: 0;}
            .newsDetails .newsDate {font-size: .95em; color: #60656a; font-style: oblique;}
            .newsLink {position: relative; top: -1em;}
            
            /*2.3.1.3.5 FAQ ul.faq-cat */
            ul.faq-cat {list-style: none; margin: 0; padding: 0;}
            ul.faq-cat div.answer {margin-left: 26px;}
            ul.faq-cat  li {padding-bottom: 8px;}
            ul.faq-cat h5 {margin-bottom: 0px;}
            ul.faq-cat li h5:first-letter {font-size: 1.3em; color: #b91e1e;}
            
            /*2.3.1.3.6 Events List div.eventsList */
            .eventsList {margin: 0; padding: 0; }
            .eventsList .event {margin: 0 0 10px 0; background: #f5f7fb; border: 1px dotted #dfe0e3; padding: 10px;}
            .eventsList .event .eventTitle {font-weight: bold; color: #b91e1e;  margin-bottom: 10px;}
            .eventsList .event .eventStart {}
            .eventsList .event .eventEnd {}
            .eventsList .event .eventAbstract {margin: 10px 0; padding: 5px 0;}
            .eventsList .eventLink {}
            
             /*2.3.1.3.7 Event Item div.eventItem */
             .eventDetail {margin: 0 0 15px 0;}
             .eventDetail .eventTitle {font-size: 1.3em; color: #b91e1e; font-weight: bold; margin-bottom: 10px;}
             .eventDetail .eventDescription{margin: 10px 0; padding: 5px 0;}
             .eventDetail .eventStart {}
             .eventDetail .eventEnd {}
             .eventDetail .eventTime {}
             .eventDetail .eventCost {}
             .eventDetail .eventLocation {}
             
             /* 2.3.1.3.8 Search Results */
             #results_form .disc li {margin-bottom: 1.5em;}
         
      /* 2.3.2 Second (Left) column / div#secondCol */
      #secondCol {float: left; display: block; width: 218px; margin-left: -708px; overflow: hidden;}
      .oneCol #secondCol {display: none;}
      .twoCol #secondCol, .twoColNoSub #secondCol {margin-left: 0px; margin-right: 0;}
      .threeCol #secondCol {}
      #home  #secondCol, .twoColNoLeft  #secondCol {display: none;}
         
         /* 2.3.2.1   default sidebar item  /div.default    */
         .sidebar {margin: 0 0 18px 0px; padding: 0px; overflow: hidden;}
         .sidebar h2{font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;color: #b91e1e; background: url(/images/misc/stick_grey.gif) no-repeat 100% 100%; margin: 0 0 .5em 0; padding: 5px 5px 10px 0; line-height: 110%;}
         .sidebar .content{background: #dce2e9 url(/images/rounded_boxes/blue_gradient_bg.gif) repeat-x 0 0; padding: 3px 8px; display: block; overflow: hidden; }
         .sidebar .inner {padding:5px;}
         .sidebar .top_left {background: url(/images/rounded_boxes/blue_gradient_top_left.gif) no-repeat top left; height: 10px;}
         .sidebar .top_right {background: url(/images/rounded_boxes/blue_gradient_top_right.gif) no-repeat top right; height: 10px;}
         .sidebar .bottom_left {background: url(/images/rounded_boxes/blue_gradient_bottom_left.gif) no-repeat bottom left; }
         .sidebar .bottom_right {background: url(/images/rounded_boxes/blue_gradient_bottom_right.gif) no-repeat bottom right; height: 10px;}
            
         /* 2.3.2.2 customer quotes /div.quotes */ 
         .quotes {margin: 0 0 18px 0; padding: 0px; color: #fff; line-height: 140%;}
         .quotes h2 {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;color: #fff; border-bottom: 1px dotted #fff; font-weight: bold; text-transform: uppercase; margin: 0 0 .3em 0; padding: 0px 0px 5px 2px; background: none;}
         .quotes .quotesItem{font-size: 1.2em; background: url(/images/misc/quote_top.gif) no-repeat 0 0; padding: 5px 14px 0 14px; font-weight: bold;}
         .quotes .quotesItemEnd {background: url(/images/misc/quote_bottom.gif) no-repeat 100% 100%; margin: 0; padding: 5px 12px; position: relative; top: -20px;}
         .quotes .quotesAuthor {padding: 10px 12px 0 12px; font-size: .95em; font-weight: bold;text-indent: -8px;}
         .quotes ul {list-style: none; margin: 0; padding: 0; }   
         .quotes ul li {list-style: none; padding:0;}
         .quotes a {color: #fff; font-weight: bold;}
         
         
         /* 2.3.2.3 news / div.news */
         .news {margin: 0 0 18px 0; padding: 0px; color: #fff;}
         .news h2 {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;color: #fff; border-bottom: 1px dotted #fff; font-weight: bold; text-transform: uppercase; margin: 0 0 .8em 0; padding: 0px 0px 5px 2px;background: none; }
         .news ul {font-size: 1.06em; list-style: none; margin: 0; padding: 0; line-height: 125%}
         .news ul li {list-style: none; padding-bottom: 20px;}
         .news .newsTitle {/*font-weight: bold;*/}
         .news .newsDate {font-weight: bold;}
         .news .newsDesc {}
         .news a {color: #fff; font-weight: bold;}
         .news a:hover {color: #ff0000;}
         
         /* 2.3.2.4 three call outs div.callOuts */
         .callOuts {background: none;}
         .callOuts h2 {background: none; margin: 0; padding: 0;}
         .callOuts .content {background: none; padding: 0; margin: 0;}
         .callOuts .inner {padding: 0;}
         .callOuts .top_left, .callOuts .top_right, .callOuts .bottom_left, .callOuts .bottom_right  {background: none; height: 0;}
                  
            /* 2.3.2.4.1 live chat /div.liveChar */
            .liveChat {background: #0079c2; margin: 0 0 1px 0px; padding: 0px; color: #fff; overflow: hidden; line-height: 110%;}
            .liveChat p {margin-bottom: 0px!important; padding-bottom: 0px;}
            .liveChat h2{font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;  background: #0079c2 url(/images/misc/live_chat_icon.gif) no-repeat 100% 50%;  color: #eec63c; margin: 0 0 2px 0; padding: 3px 5px 10px 0px;}
            .liveChat .content{font-size: .95em; background: #0079c2 url(/images/misc/stick_white_2.gif) no-repeat -10px 50%; padding: 0px 8px 0px 25px; display: block; overflow: hidden; }
            .liveChat .inner {padding-right: 5px;}
            .liveChat .go {text-align: right; margin: 0px 0 0px 5px;  overflow: hidden;}
            .liveChat .go a {background: url(/images/misc/go_arrow.gif) no-repeat 0 50%; padding-left: 20px;}
            .liveChat .go a:hover {color: #ff3333; }
            .liveChat .text {padding-right: 40px;}
            .liveChat a {color:#fff;}
            .liveChat .top_left {background: url(/images/rounded_boxes/light_blue_top_left.gif) no-repeat top left; height: 5px;}
            .liveChat .top_right {background: url(/images/rounded_boxes/light_blue_top_right.gif) no-repeat top right; height: 5px;}
            .liveChat .bottom_left {background: url(/images/rounded_boxes/light_blue_bottom_left.gif) no-repeat bottom left; height: 5px;}
            .liveChat .bottom_right {background: url(/images/rounded_boxes/light_blue_bottom_right.gif) no-repeat bottom right; height: 5px;}
            
            /* 2.3.2.4.2 request a quote /div.requestQuote */
            .requestQuote {font-size: .95em; background: #025990; margin: 0 0 1px 0px; padding: 0px; color: #fff; overflow: hidden; line-height: 110%;}
            .requestQuote p {margin-bottom: 0px!important; padding-bottom: 0px;}
            .requestQuote h2{font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;  background: #025990 url(/images/misc/request_quote_icon.gif) no-repeat 100% 50%;  color: #eec63c; margin: 0 0 2px 0; padding: 3px 5px 10px 0px;}
            .requestQuote .content{ background: #025990 url(/images/misc/stick_white.gif) no-repeat -10px 50%; padding: 0px 8px 0px 25px; display: block; overflow: hidden; }
            .requestQuote .inner {padding-right: 5px;}
            .requestQuote .go {text-align: right; margin: 0px 0 0px 5px; padding-bottom: 0px!important; overflow: hidden;}
            .requestQuote .go a {background: url(/images/misc/go_arrow.gif) no-repeat 0 50%; padding-left: 20px;}
            .requestQuote .go a:hover {color: #ff3333; }
            .requestQuote .text {padding-right: 40px;}
            .requestQuote a {color:#fff;}
            .requestQuote .top_left {background: url(/images/rounded_boxes/blue_top_left.gif) no-repeat top left; height: 5px;}
            .requestQuote .top_right {background: url(/images/rounded_boxes/blue_top_right.gif) no-repeat top right; height: 5px;}
            .requestQuote .bottom_left {background: url(/images/rounded_boxes/blue_bottom_left.gif) no-repeat bottom left; height: 5px;}
            .requestQuote .bottom_right {background: url(/images/rounded_boxes/blue_bottom_right.gif) no-repeat bottom right; height: 5px;}
            
            /* 2.3.2.4.3 contact us /div.contactUs */
            .contactUs {font-size: .95em; background: #034571; margin: 0 0 20px 0px; padding: 0px; color: #fff; overflow: hidden; line-height: 110%;}
            .contactUs p {margin-bottom: 0px!important; padding-bottom: 0px;}
            .contactUs h2{font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;  background: #034571 url(/images/misc/contact_us_icon.gif) no-repeat 100% 50%;  color: #eec63c; margin: 0 0 2px 0; padding: 3px 5px 10px 0px;}
            .contactUs .content{ background: #034571 url(/images/misc/stick_white.gif) no-repeat -10px 50%; padding: 0px 8px 0px 25px; display: block; overflow: hidden; }
            .contactUs .inner {padding-right: 5px;}
            .contactUs .go {text-align: right; margin: 0px 0 0px 5px; padding-bottom: 0px!important; overflow: hidden;}
            .contactUs .go a {background: url(/images/misc/go_arrow.gif) no-repeat 0 50%; padding-left: 20px;}
            .contactUs .go a:hover {color: #ff3333; }
            .contactUs .text {padding-right: 40px;}
            .contactUs a {color:#fff;}
            .contactUs .top_left {background: url(/images/rounded_boxes/dark_blue_top_left.gif) no-repeat top left; height: 5px;}
            .contactUs .top_right {background: url(/images/rounded_boxes/dark_blue_top_right.gif) no-repeat top right; height: 5px;}
            .contactUs .bottom_left {background: url(/images/rounded_boxes/dark_blue_bottom_left.gif) no-repeat bottom left; height: 5px;}
            .contactUs .bottom_right {background: url(/images/rounded_boxes/dark_blue_bottom_right.gif) no-repeat bottom right; height: 5px;}
            .sidebar .contactUs {margin-bottom: 0px;}
            
            /* 2.3.2.4.4 three call outs as an individual graphic .callOutImg */
            .callOutImg {background: none;display: block; margin:0 auto 0px auto; text-align: center; line-height: 100%;}
            .callOutImg p {display: inline;}
            .callOutImg h2{background: none; display: none; margin: 0; padding: 0;}
            .callOutImg .content, .callOutImg .inner {background: none; margin: 0; padding: 0;}
            .callOutImg .top_left, .callOutImg .top_right, .callOutImg .bottom_left, .callOutImg .bottom_right{background: none; height: 0; display: none;}
            .callOutImg a {display: block;}
            .callOutImg img {display: block; margin: auto; text-align: center;}
            .liveChatImg {margin-bottom: 1px;}
            .requestQuoteImg{margin-bottom: 1px;}
            .contactUsImg {margin-bottom: 20px;}
                    
         /* 2.3.2.5 sign enewsletter  /div.signUpEnewsletter */ 
         .signUpEnewsletter {margin: 0 0 20px 0; padding: 0px;text-align: center; overflow:hidden;}
         .signUpEnewsletter h2 {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;color: #034571; font-weight: bold; margin: 0 0 .5em 0; padding: 0px 5px 8px 3px; font-size: 1.2em; background: url(/images/misc/stick_grey.gif) no-repeat 100% 100%; }
         .signUpEnewsletter .content, .signUpEnewsletter .inner {padding: 0; margin: 0;}
         .signUpEnewsletter form {margin: 0;}
         .signUpEnewsletter input {vertical-align: middle;}
         .signUpEnewsletter #emailBox {background: url(/images/misc/signup_box.gif) no-repeat 0 0; width: 166px; color: #b91e1e; padding: 3px 6px 3px 6px; border: 0; border-style: hidden; margin: 0; }
         .signUpEnewsletter .goBtn {padding: 0px 0; margin: 0 0 0 6px; vertical-align: middle;}  
         
         /* 2.3.2.6 online tech blog  /div.blog */ 
         .blog {margin: 0 0 20px 0; padding: 0px; overflow:hidden; font-size: .95em; line-height: 130%;}
         .blog h2 {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;color: #b91e1e; font-weight: bold; margin: 0 0 .5em 0; padding: 3px 5px 12px 0px; background: url(/images/misc/stick_grey.gif) no-repeat 100% 100%; }
         .blog .content {background: url(/images/misc/blog_icon.gif) no-repeat 92% 1px; overflow:  hidden;}
         .blog .inner {margin: 0; padding: 0; }
         .blog .blogTitle {font-weight: bold; }
   
         /* 2.3.2.7 myonline tech customer portal */ 
         .customerPortal {overflow:hidden; color: #fff; font-size: .95em; margin: 0 0 20px 0;}
         .customerPortal h2{float: left; width: 125px; color: #fff; overflow: hidden; margin: 0 0 .2em; padding: 0; line-height: 105%; font-size: 1.2em; background: none; }
         .customerPortal h2 a {color: #fff;display: block;}
         .customerPortal .content {}
         .customerPortal .inner {}
         .customerPortal .portalLogin {float: right; margin-bottom: 10px; width: 50px; margin: 0px;overflow: hidden;}
         .customerPortal .portalNote {clear: both;color:#99ccff; font-weight: bold;  margin: 12px 0 0 0; }
         .customerPortal a {color:#99ccff; }
         .customerPortal a:hover {color: #ff3333;}
         
         /* 2.3.2.8     sub/local navigation /div#subNav  */                                                                 
         .twoColNoSub #subNav {display: none;}
         #subNav {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;overflow: hidden; background: url(/images/navs/sub_top.gif) no-repeat 0 0; margin: 0 0 20px 0px; line-height: 120%;}
         #subNav h2 {color: #fff; padding: 14px 5px 10px 15px; margin: 0; border-bottom: 1px solid #fff;}
         
         #subNav ul {background: #0075bb url(/images/navs/sub_bottom.gif) no-repeat 0 100%; margin: 0; padding: 0 0 15px 0px; display: block; }
         #subNav ul a {}
         #subNav li a {font-size: 1.05em; color: #fff; display: block; background: #0075bb url(/images/navs/sub_dot_off.gif) no-repeat 15px 50%; border-bottom: 1px solid #fff; padding: 8px 5px 8px 25px;}
         #subNav li a:hover, #subNav .current a {color: #fff; background: #b91e1e url(/images/navs/sub_dot_on.gif) no-repeat 15px 50%;}
         #subNav  ul li {display: inline; line-height: 120%;}
        
            /* 2.3.2.8.1     sub/local navigation the third level    */ 
            #subNav ul ul {padding: 0; border: none; background: none; margin: 0; padding: 0;}
            #subNav li li a{padding-left: 40px;}
            #subNav .current li a, #subNav li li a {background: #6fa5d9 url(/images/navs/sub_dot_red_off.gif) no-repeat 25px 50%; font-weight: normal;}
            #subNav .current .current a, #subNav li li a:hover, #subNav .current li a:hover{ background: #95b9e2 url(/images/navs/sub_dot_red_on.gif) no-repeat 25px 50%; color: #b91e1e; font-weight: bold;}  
         
      /* 2.3.3 Third (Right) column / div#thirdCol */
      #thirdCol {float: right; display: inline; width: 218px; overflow: hidden;}
      .oneCol #thirdCol {display: none;}
      .twoCol #thirdCol, .twoColNoSub #thirdCol {display: none;}
      .threeCol #thirdCol {}
      #home  #thirdCol, .twoColNoLeft #thirdCol {float: right; display: block;}
      
         /*2.3.3.1 rounded blue box - light blue */
         .roundedLightBlue {background: #0079c2; overflow: hidden;}
         .roundedLightBlue .content{background: #0079c2; padding: 3px 10px; overflow: hidden; }
         .roundedLightBlue .top_left {background: url(/images/rounded_boxes/light_blue_top_left.gif) no-repeat top left; height: 5px;}
         .roundedLightBlue .top_right {background: url(/images/rounded_boxes/light_blue_top_right.gif) no-repeat top right; height: 5px;}
         .roundedLightBlue .bottom_left {background: url(/images/rounded_boxes/light_blue_bottom_left.gif) no-repeat bottom left; height: 5px;}
         .roundedLightBlue .bottom_right {background: url(/images/rounded_boxes/light_blue_bottom_right.gif) no-repeat bottom right; height: 5px;}

         /*2.3.3.2 rounded blue box - medium blue */
         .roundedBlue {background: #025990; overflow: hidden;}
         .roundedBlue .content{background: #025990; padding: 3px 10px; overflow: hidden; }
         .roundedBlue .top_left {background: url(/images/rounded_boxes/blue_top_left.gif) no-repeat top left; height: 5px;}
         .roundedBlue .top_right {background: url(/images/rounded_boxes/blue_top_right.gif) no-repeat top right; height: 5px;}
         .roundedBlue .bottom_left {background: url(/images/rounded_boxes/blue_bottom_left.gif) no-repeat bottom left; height: 5px;}
         .roundedBlue .bottom_right {background: url(/images/rounded_boxes/blue_bottom_right.gif) no-repeat bottom right; height: 5px;}

         /*2.3.3.3 rounded blue box - dark blue */
         .roundedDarkBlue {background: #034571; overflow: hidden;}
         .roundedDarkBlue .content{background: #034571; padding: 3px 10px; overflow: hidden; }
         .roundedDarkBlue .top_left {background: url(/images/rounded_boxes/dark_blue_top_left.gif) no-repeat top left; height: 5px;}
         .roundedDarkBlue .top_right {background: url(/images/rounded_boxes/dark_blue_top_right.gif) no-repeat top right; height: 5px;}

         .roundedDarkBlue .bottom_left {background: url(/images/rounded_boxes/dark_blue_bottom_left.gif) no-repeat bottom left; height: 5px;}
         .roundedDarkBlue .bottom_right {background: url(/images/rounded_boxes/dark_blue_bottom_right.gif) no-repeat bottom right; height: 5px;}
         
         /*2.3.3.4 rounded blue box - blue gradient (used for default sidebar)  */
         .roundedBlueGradient {overflow: hidden;}
         .roundedBlueGradient .content{background: #dce2e9 url(/images/rounded_boxes/blue_gradient_bg.gif) repeat-x 0 0; padding: 3px 8px; display: block; overflow: hidden; }
         .roundedBlueGradient .top_left {background: url(/images/rounded_boxes/blue_gradient_top_left.gif) no-repeat top left; height: 5px;}
         .roundedBlueGradient .top_right {background: url(/images/rounded_boxes/blue_gradient_top_right.gif) no-repeat top right; height: 5px;}
         .roundedBlueGradient .bottom_left {background: url(/images/rounded_boxes/blue_gradient_bottom_left.gif) no-repeat bottom left; }
         .roundedBlueGradient .bottom_right {background: url(/images/rounded_boxes/blue_gradient_bottom_right.gif) no-repeat bottom right; height: 5px;}
         
         /*2.3.3.5 rounded blue box - dark blue gradient */ 
         .roundedDarkBlueGradient {overflow: hidden;}
         .roundedDarkBlueGradient .content{background: #0079c2 url(/images/rounded_boxes/dark_blue_gradient_bg.gif) repeat-x 0 0; padding: 3px 8px; display: block; overflow: hidden; }
         .roundedDarkBlueGradient .top_left {background: url(/images/rounded_boxes/dark_blue_gradient_top_left.gif) no-repeat top left; height: 5px;}
         .roundedDarkBlueGradient .top_right {background: url(/images/rounded_boxes/dark_blue_gradient_top_right.gif) no-repeat top right; height: 5px;}
         .roundedDarkBlueGradient .bottom_left {background: url(/images/rounded_boxes/dark_blue_gradient_bottom_left.gif) no-repeat bottom left; }
         .roundedDarkBlueGradient .bottom_right {background: url(/images/rounded_boxes/dark_blue_gradient_bottom_right.gif) no-repeat bottom right; height: 5px;}
         
         /*2.3.3.6 rounded blue box - blue line */    
         .roundedBlueLine {background: #ebf5ff;overflow: hidden;}
         .roundedBlueLine .content{background: #ebf5ff; padding: 3px 10px; overflow: hidden; border: 1px solid #75b7e0; border-top: none;}
         .roundedBlueLine .top_left {background: url(/images/rounded_boxes/blue_line_top_left.gif) no-repeat top left; height: 5px;}
         .roundedBlueLine .top_right {background: url(/images/rounded_boxes/blue_line_top_right.gif) no-repeat top right; height: 5px;}
         .roundedBlueLine .inner {margin: 0; padding: 0;}
               
         html>body .roundedBlueLine .bottom_left {background: url(/images/rounded_boxes/blue_line_bottom_left.gif) no-repeat bottom left; height: 5px;}
         html>body .roundedBlueLine .bottom_right {background: url(/images/rounded_boxes/blue_line_bottom_right.gif) no-repeat bottom right; height: 5px;}
         html>body .roundedBlueLine {border-bottom: none;}
         html>body .roundedBlueLine .content {border-bottom: none;}
   
   /*..................................................................................
     2.4 Footer / div#footer  
     .................................................................................*/
   #footer {color: #666; overflow: hidden; margin: 0px 0 10px 0; width: 100%; padding: 5px 17px 15px 17px; background: #fff; }
      
      /* 2.4.1 footer content div.content */
      #footer .content {font-size: .95em;border-top: 4px solid #0079c2; padding: 20px 0 10px 0; float:left; overflow: hidden;}
      
         /* 2.4.1.1 Footer navigation / ul#footNav */
         #footNav {overflow: hidden; width: 735px; float: left; }
         #footNav ul {float: right; margin: 0px; padding:0; }
         #footNav ul li {display: inline; padding: 0px 8px 0 4px; background: url(/images/navs/foot_nav_divider.gif) no-repeat 100% 50%;}
         #footNav ul li a {color: #0079c2; margin: 0; padding: 0; font-weight: normal;text-align: center;}
         #footNav ul li a:hover {text-decoration: underline;}
         #footNav ul li.current a {text-decoration: none; font-weight: bold; }
         #footNav ul li.last {background: none; padding-right: 2px;}
          
         /* 2.4.1.2 Footer copyright / div.copyright */
         #footer .copyright {color: #000; font-weight: bold; float: left; width: 190px; overflow: hidden;}     
         
  /*..................................................................................
     Form Styling Edits  
     .................................................................................*/
   #server_sel {
   width: 300px;
   }       
        
   .RadioButtonListWidget {
   margin: 0 auto;
   width:300px;
   }