/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.0
   Last updated:     2007/01/23
   Last updated by:  Matt Wilcox
                     matt@karova.com
   ----------------------------------------------------------------------------------------------------------------------- */

@import url(screen_extended.css);  /* import browser specific CSS */

@media all { /* all contained styles hidden from IE Mac */

/* =global_reset */
   *                                     { margin: 0; padding: 0; }
   ul, dl, ol                            { list-style-position: inside; }
   ul ul, ul ol, ul dir, ul menu, ul dl,
   ol ul, ol ol, ol dir, ol menu, ol dl,
   dir ul, dir ol, dir dir, dir menu, 
   dir dl, menu ul, menu ol, menu dir,
   menu menu, menu dl, dl ul, dl ol,
   dl dir, dl menu, dl dl                { margin-top: 0; margin-bottom: 0; }
   p, ul, ol, dl, dd, blockquote, form   { margin-bottom: 1em; }

/* =html =body */
   html { background-color : #333; }
   body {
     font : 87.5%/114% Arial, Verdana, sans-serif; color : #666; background : #fff url(../images/body.gif) 0 0 repeat-x; }

/* =hx */
   h1, h2, h3, h4, h5, h6 {
     font-family : 'Myriad Pro', Ariel, sans-serif; font-weight : normal; color : /* #793 */ #000; }
     
/* =h1 */
   h1 { font-size : 1.8em; }
   #content_main h1 {  }
   
/* =h2 */
   h2 { font-size : 1.6em; }
   
   #site_info h2,
   #nav_supp h2 {
     position : absolute; left : -999em;
     overflow : hidden; }
     
   #content_intro h2 {
     display : block; width : 208px; height : 27px; margin-bottom : .3em;
     text-indent : -999em; overflow : hidden; background : url(../images/content_intro_h2.gif) 0 0 no-repeat; }
   .about #content_intro h2 {
     background : url(../images/content_intro_h2.gif) 0 0 no-repeat; }
     
   .default #content_learn h2 {
     display : block; width : 194px; height : 17px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/content_learn_h2.gif) 0 0 no-repeat; }
   .default #nav_homepage h2 {
     float : left; margin-right : 1em;
     font-size : 1em; font-weight : bold; line-height : 28px; }
   .default #product_managed h2,
   .managed #content_main h1 {
     display : block; width : 171px; height : 23px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_managed.gif) 0 0 no-repeat; }
   .default #product_colocated h2,
   .colocated #content_main h1 {
     display : block; width : 181px; height : 23px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_colocated.gif) 0 0 no-repeat; }
   .default #splash h2 {
     display : block; width : 180px; height : 23px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_hosting-solutions.gif) 0 0 no-repeat; }
     
   .contact #content_intro h2 {
     display : block; width : 98px; height : 17px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_contact-us.gif) 0 0 no-repeat; }
     
   .accessibility #content_intro h2 {
     display : block; width : 198px; height : 26px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_accessibility-statement.gif) 0 0 no-repeat; }
   .accessibility #content_additional h2 {
     display : block; width : 151px; height : 17px; margin : .7em 0;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_more-information.gif) 0 0 no-repeat; }
     
   .thankyou-enquiry #content_intro h2,
   .thankyou-order #content_intro h2 {
     display : block; width : 68px; height : 21px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_success.gif) 0 0 no-repeat; }
   .thankyou-enquiry #content_main h2,
   .thankyou-order #content_main h2,
   .privacy #content_normal h2 {
     margin-bottom : .7em; }
   .thankyou-order #content_main h2#order-details {
     display : block; width : 162px; height : 21px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_order-details.gif) 0 0 no-repeat; }
     
   .privacy #content_intro h2 {
     display : block; width : 123px; height : 23px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_privacy.gif) 0 0 no-repeat; }
   
   .about #content_intro h2 {
     display : block; width : 175px; height : 18px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_about.gif) 0 0 no-repeat; }
     
   .terms #content_intro h2 {
     display : block; width : 180px; height : 19px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h2_terms.gif) 0 0 no-repeat; }
     
/* =h3 */
   h3 { font-size : 1.4em; }
   
   form h3 {
     margin-bottom : 1em; }
   
   #site_info #company_info h3 {
     display : block; width : 133px; height : 23px; margin-bottom : 4px;
     background : url(../images/h3_company-info.gif) 0 0 no-repeat; text-indent : -999em; overflow : hidden; }
   #site_info #additional h3 {
     display : block; width : 121px; height : 17px; margin-bottom : 9px;
     background : url(../images/h3_more-karova.gif) 0 0 no-repeat; text-indent : -999em; overflow : hidden; }
     
   .contact .your-details h3,
   .support .your-details h3,
   .billing .your-details h3 {
     display : block; width : 106px; height : 19px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_your-details.gif) 0 0 no-repeat; }
   .contact .enquiry-details h3,
   .support .enquiry-details h3 {
     display : block; width : 124px; height : 27px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_enquiry-details.gif) 0 0 no-repeat; }
     
   .accessibility #content_more h3#heading_accessibility {
     display : block; width : 212px; height : 26px; margin-bottom : .7em;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_accessibility-web.gif) 0 0 no-repeat; }
   .accessibility #content_more h3#web_standards {
     display : block; width : 212px; height : 26px; margin : .7em 0;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_web-standards.gif) 0 0 no-repeat; }
   .accessibility #content_more h3#accessibility_features {
     display : block; width : 265px; height : 25px; margin : .7em 0;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_accessibility-features.gif) 0 0 no-repeat; }
   .accessibility #content_additional div h3 {
     font-size : 1em; margin-bottom : .7em; }
     
   .privacy #content_normal h3#we-collect {
     display : block; width : 289px; height : 20px; margin : .7em 0;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_info-we-collect.gif) 0 0 no-repeat; }
   .privacy #content_normal h3#protecting-privacy {
     display : block; width : 218px; height : 27px; margin : .7em 0;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_protecting-privacy.gif) 0 0 no-repeat; }
   .privacy #content_normal h3#cookies {
     display : block; width : 62px; height : 15px; margin : .7em 0;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_cookies.gif) 0 0 no-repeat; }
   .privacy #content_normal h3#note {
     display : block; width : 41px; height : 18px; margin : .7em 0;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_note.gif) 0 0 no-repeat; }
     
/* =h4 */
   h4 {  }
   
/* =h5 */
   h5 {  }
   
/* =h6 */
   h6 {  }
   
/* =p */
   p { 
     margin-bottom : 1.4em; }
   
   p.accessibility {
     position : absolute; left : 0;
     display : block; width : 100%; margin-top : -2em; padding : .25em 0 1em 0;
     text-align : center; z-index : 2; }

   #site_context p {
     position : absolute; left : -999em;
     overflow : hidden; }
     
   #content_promo p {
     position : absolute; left : -999em;
     overflow : hidden; }
     
   #page_context p {
     position : absolute; left : -999em; 
     overflow : hidden; }
     
   #site_info #additional p {
     margin-top : 2.5em; /* 3.8em; 5.1em; */ }
     
   .contact form p {
     margin-bottom : 1em; }
   .contact form div p {
     margin-top : .7em; font-size : .8em; }

/* =blockquote */

/* =em =strong =del =ins =abbr =acronym =code */
   em          {  }
   strong      { color : #000; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #009; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font : 87.5% dialogue, 'Courier New', courier, serif; color : #000; }
   
   label em {
     position : absolute; margin-left : 23em; color : red; }
     
   #quick-sell-1 li strong {
     position : absolute; left : 140px; }

/* =address */
   #site_info address {
     font-style : normal; }
   
/* =dl =dt =dd */
   #site_info dl dt {
     float : left;
     margin-right : .5em; }
   #site_info dl dd {
     margin-bottom : 0; }
   
/* =ul */
   #content_main ul {
     margin-bottom : 1.4em; margin-left : 1em;
     list-style-position : outside; }
     
   #nav_main ul,
   #nav_supp ul {
     list-style-type : none; list-style-position : outside;
     padding-left : 20px; }
     
   #nav_supp ul {
     width : 650px; padding-left : 125px; }
     
   /*#site_info #additional ul,*/
   .default #nav_homepage ul {
     list-style-type : none; list-style-position : outside; }
   .default #nav_homepage ul {
     line-height : 28px; }
     
   .terms #content_normal ul {
     list-style-type : none; list-style-position : outside; }
   .terms #content_normal ul ul {
     list-style-type : none; margin : 1em 0 1em 2em; }
   .terms .faux-ol {
     margin-top : 1em; }
     
   #quick-sell-1 ul {
     color : #000; }
   
   .about #content_main ul {
     margin-top : 1em; }
     
/* =ol */
   ol {  }
   
/* =li */
   #content_main ul li {
     margin-bottom : .5em; }
        
   #nav_main li,
   #nav_supp li,
   /*#site_info #additional li,*/
   .default #nav_homepage li {
     display : inline; }
     
   #nav_supp li#support {
     position : absolute; right : 20px; top : 0; }
   #nav_main li#basket {
     position : absolute; right : 0px; top : 0; }
     
   .default #nav_homepage li {
     margin-right : 1em; }
   
   .portfolio #content_normal ul li {
     clear : both; display : block; margin-bottom : 20px;
     overflow : hidden; }
     
   #quick-sell-1 li {
     position : relative; }
     
/* =img */
   img,
   img a { border-width : 0; background : none; display : block; }

/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #ac3; text-decoration : none; }
   a:visited { color : #ac3; text-decoration : none; }
   a:hover   { text-decoration : underline; color : #6B8020; }
   a:focus   { background-color : #ffff99; color : #333; outline : none; }
   a:active  { background-color : #ffff66; color : #000; outline : none; }
   
   p.accessibility a:link,
   p.accessibility a:visited {
      text-decoration : none; }
   p.accessibility a:hover {
      text-decoration : underline; }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 2em;
     background-color : #ffff99; }
   p.accessibility a:focus:after {
     content : " (access key + " attr(accesskey) ") "}
     
   #nav_main h2 span {
     position : absolute; left : -3000px;
     overflow : hidden; }
   #nav_main h2 a {
     position : absolute; top : 57px; left : 20px;
     display : block; width : 381px; height : 145px; padding-top : 10px;
     background-color : #eee; }
   #nav_main h2 a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 381px; height : 155px;
     background : transparent url(../images/nav_main_h2.gif) 0 0 no-repeat; }
     
   #nav_main li a,
   #nav_supp li a {
     line-height : 37px; margin-right : 16px; }
   #nav_main li a:link,
   #nav_main li a:visited,
   #nav_supp li a:link,
   #nav_supp li a:visited {
     color : #fff; text-transform : lowercase; }
   #nav_main li a:focus,
   #nav_main li a:active,
   #nav_supp li a:focus,
   #nav_supp li a:active,
   #site_info li a:focus,
   #site_info li a:active {
     color : #000; }
     
   /*#site_info #additional li:after {
     content : ", "; }
   #site_info #additional li:last-child:after {
     content : ""; }*/
   #site_info a:link,
   #site_info a:visited {
     color : #fff; }
     
   .default #product_managed p a,
   .default #product_colocated p a,
   .managed #content_main p a,
   .colocated #content_main p a {
     float : right; }
     
/* =table */
   table {
     width : 100%; margin-bottom : 1.4em;
     border-collapse : collapse; }

/* =caption */
   caption {  }

/* =thead */
   thead {  }

/* =tfoot */
   tfoot {  }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tr:hover {
     background-color : #eee; }
   
/* =th */
   th {
     padding : 3px; border : 1px solid #eee; vertical-align : top;
     text-align : left; background : #666; color : #fff; font-weight : normal; }
   .colocated table th,
   .colocated table td {
     width : 25%; }

/* =td*/
   td {
     padding : 3px; border : 1px solid #eee; vertical-align : top; }
   td.numeric {
     text-align : right; }
   
/* =form */
   
/* =fieldset */
   fieldset { 
     margin : 0; border-width : 0; padding : 0; }
     
   .contact fieldset {
     padding-bottom : 1em; border-bottom : 1px dotted #888; margin-bottom : 1em; }
     
/* =legend */
   legend {  }
   
/* =label */
   label {
     display : block;
     margin-bottom : .3em; }
   
   .default fieldset label {
     display : inline; }
     
/* =input */
   input:focus,
   select:focus {
     border: 1px solid #000; padding : 1px;
     background : #ffd url(../images/highlight.gif) 0 0; }
   
   .boolean input {
     float : left; width : auto;
     margin-right : .5em; }
          
   input {
     width : 14em; }
   input[type="submit"] {
     width : auto; }
     
/* =textarea */
   textarea { 
     width : 400px; height : 150px; }
   textarea:focus {
     border: 1px solid #000; padding : 1px;
     background : #ffd url(../images/highlight.gif) 0 0; }
     
/* =select */
   select:active {
     background : #ffd none; }
     
/* =div */
   #content {
     position : relative;
     width : 780px; margin : 0 auto; overflow : hidden; }

   #content_main {
     padding : 240px 20px 0 20px;
     overflow : hidden; }
   .default #content_main {
     padding-top : 220px; }
   .colocated #content_main,
   .managed #content_main {
     margin-bottom : 2.5em; }
     
   #content_intro {
     position : absolute; top : 93px; left : 430px;
     /* width : 360px; */ }
     
   #nav_main {
     position : absolute; top : 0; left : 0;
     width : 780px; height : 2.65em;
     background : #333 url(../images/nav_main.gif) 0 0 repeat-x; }
     
   #nav_supp {
     position : absolute; top : 10px;
     background : url(../images/navigation.gif) -20px 0 no-repeat; }
     
   #site_info {
     position : relative;
     height : 215px;
     font-size : .857em; color : #8c8c8c; overflow : hidden; background : #333 url(../images/html.gif) 0 0 repeat-x; }
     
   #site_info .nasty_unsemantic_div {
     width : 740px; margin : 0 auto; padding : 0 20px;
     background : url(../images/nasty_unsemantic_div.jpg) 0 0 no-repeat; overflow : hidden; }
     
   #company_info {
     float : left;
     display : block; width : 190px; height : 153px; margin : 62px 10px 0 194px; }
     
   #additional {
     margin : 62px 0 0 0; }
     
   .default #product_managed {
     width : 48%; margin-bottom : 2.5em; float : left; }
   .default #product_colocated {
     width : 48%; margin-bottom : 2.5em; float : right; }
   .default #splash {
     overflow : hidden;
     border-top : 1px solid #bfbfbf; border-bottom : 1px solid #bfbfbf; padding : 12px 0; margin-bottom : 20px; }
   .default #splash #message {
     float : left; width : 340px; }
     
   .accessibility #content_additional div {
     float : left;
     display : block; width : 340px; margin : 20px 20px 0 0; }
     
   .privacy #content_normal {
     padding : 20px 0; }
     
   .about #content_normal,
   .hosting-packages #content_managed,
   .error #content_main {
     padding-bottom : 20px; }

/* =span */
   .contact label span {
     float : left;
     display : block; width : 11em; }
   .terms #content_normal ul ul span {
     font-weight : bold; color : #000; }
     
   #nav_main h2 span {
     position : absolute; left : -3000px;
     overflow : hidden; }
   #nav_main h2 a {
     position : absolute; top : 57px; left : 20px;
     display : block; width : 381px; height : 145px; padding-top : 10px;
     background-color : #eee; }
   #nav_main h2 a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 381px; height : 155px;
     background : transparent url(../images/nav_main_h2.gif) 0 0 no-repeat; }
     
/* =generic classes */
   .float-left {
     float : left; margin-right : 1em; }
   .float-right {
     float : right; margin-left : 1em; }
}