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

/* =global_reset | based on http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
   ----------------------------------------------------------------------------------------------------------------------- */
   
   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0; padding: 0; border: 0; outline: 0;
     font-size: 100%; vertical-align: baseline; background: transparent; }
   body {
     line-height: 1; }
   ol, ul {
     list-style: none; }
   blockquote, q {
     quotes: none; }

   /* remember to define focus styles! */
   :focus {
     outline: 0; }

   /* remember to highlight inserts somehow! */
   ins {
     text-decoration: none; }
   del {
     text-decoration: line-through; }

   /* tables still need 'cellspacing="0"' in the markup */
   table {
     border-collapse: collapse; border-spacing: 0; }

/* =typography | based on http://alistapart.com/articles/settingtypeontheweb/
                          http://24ways.org/2006/compose-to-a-vertical-rhythm/
   ----------------------------------------------------------------------------------------------------------------------- */
   body {
     font : 75%/1.4 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; }
   html > body {
     font-size : 12px; }
   /* div, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   address, img, dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin-top : 1.5em; margin-bottom : 1.5em; } */
   h1 { font-size : 1.5em; line-height: 1em; margin-top: 0; margin-bottom: 1em; font-weight : normal; }
   h2 { font-size:1.1667em; line-height: 1.286em; margin-top: 1.929em; margin-bottom: 0.643em; font-weight : normal; }
   h3, h4, h5, h6 {
     font-size : 1em; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.5em;
     font-weight : bold; }
   
/* =design | now the browser reset and basic typographic layout is done, lets get designing
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =html =body */
   html {
     background : url(../images/html.gif) 50% 0 repeat-y; }
   body {  }

/* =h1 */
   h1 {
     font-weight : bold; }
   
/* =h2 */
   #content_supp h2 {
     background-color : #eee; }
     
   #nav_main h2 {
     display : none; }
     
   #content_sub h2 {
     margin : 0; padding : 3px 15px 5px 15px; border-top : 1px solid #fff;
     background : #9E63A7; color : #fff; font-size : 1em; font-weight : bold; }
     
   #search_main h2 {
     display : none; }
     
   .basketshow h2.order_value {
     margin-right : 15px; border-top : 1px solid #ddd; padding-top : 15px; }
   
    h2.specialoffers {
      margin-top: 0.929em;font-weight : bold;  }
      
    #content_secondary h2{font-weight: bold;}
/* =h3 */
   #nav_latest h3 {
     padding : 0 15px 0 15px; }
     
/* =h4 */
   h4 {  }

/* =p */
   p.accessibility {
     position : absolute;
     margin : -3.5em 0 0 0;
     z-index : 2; }
     
   .default #site_context p {
     display : none; }
     
   #help_shopping p {
     padding : 15px; }
     
   blockquote p:before {
     content : "\201c"; }
   blockquote p:after {
     content : "\201d"; }
   blockquote p.author {
     border-top : 1px dotted #666; }
   blockquote p.author:before,
   blockquote p.author:after {
     content : ""; }
     
   .attributed p {
     margin-bottom : 0; }
     
   label p.error {
     padding : .5em; color : #fff;
     background : #c00; text-align : left; }
     
   p.product_code,
   p.short_description {
     margin-bottom : 1em; }
     
   p.stock_availability {
     margin : 1em 0; }
     
   .detail p.keywords {
     margin-top : 1em; }
     
   p.action {
     margin-top : 1em; }
     
   .page #content_main p {
     margin-bottom : 1em; }
     
   #nav_latest p {
     margin : 0 15px 0 15px; }
     
   .range #content_main li p,
   .detail #content_main li p,
   .search #content_main li p,
   .detail #content_main ul.related p {
     float : right;
     width : 356px; }
     
   p.buynow {
     margin : 6px 0 12px 12px; }
     div.specialoffers p{ padding: 0.5em 0; font-size: 120%;}
/* =blockquote */
   blockquote {
     clear : both; }

/* =em =strong =del =ins =abbr =acronym =code */
   em          { font-style : italic; }
   strong      { font-weight : bold; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #006; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font-family : dialogue, 'Courier New', courier, serif; }
   sup         { vertical-align : super; font-size : .8333em; }
   sub         { vertical-align : sub; }
   
   .range #content_main abbr,
   .detail #content_main abbr,
   .search #content_main abbr,
   .detail #content_main ul.related abbr {
     font-style : normal; }
   
/* =address */
   address {
     font-style :normal; }
   .vcard {
     margin : 1em 0; }

/* =dl =dt =dd */
   .basketshow #content_main dl {
     overflow : hidden; margin-bottom : 3em; }
     
   dt {
     margin-bottom : 0; }
   dd {
     margin-top : 0;
     border-left : .3em solid #ddd; padding : .5em 0 0 .7em; }
     
   .basketshow #content_main dt {
     float : left; clear : both;
     display : block; width : 225px; padding-right : 15px; }
   .basketshow #content_main dd {
     float : left;
     display : block; width : 295px; }
     
/* =ul */
   #content ul {
     margin-left : 1em;
     list-style : disc outside; }
   #nav_main ul {
     margin : 0; }
   #nav_supp ul {
     margin : 4px 0 0 .5em; }
   #nav_supp2 ul {
     margin : 4px 0 0 .5em; }
     
   #nav_recent_products ul{
     margin : 15px; }
     
   .range #content_main ul,
   .manufacturersrange #content_main ul,
   .detail #content_main ul.keywords,
   .search #content_main ul,
   .detail #content_main ul.related {
     list-style-type : none; margin : 0 15px 0 0; }
   .search #content_main ul.pages {
     margin-bottom : 15px; overflow : hidden; }
     
   .search #content_main ul#gallery {
     margin-top : 15px; }
     
   .page #content_main ul {
     margin-bottom : 15px; }
     
   #nav_latest ul {
     margin : 15px; 
     list-style-type: none;
     text-align: center;
   }
   
/* =ol */
   #content ol {
     margin-left : 1.6em;
     list-style : decimal outside; }

/* =li */

   li {
     margin : .5em 0; }
   #nav_main li,
   #nav_supp li {
     display : inline; margin : 0 .5em 0 0; padding-right : .5em; border-right : 1px solid #000; }
   #nav_main li:last-child,
   #nav_supp li:last-child {
     margin-right : 0; border-right : none; padding-right : 0; }
   #nav_supp2 li {
     display : inline; margin : 0 2em 0 0; }
     
   #nav_recent_products li{
     margin-left : 15px; }
     
   .range #content_main ul li,
   .manufacturersrange #content_main ul li,
   .search #content_main ul li,
   .detail #content_main ul.related li {
     padding-bottom : 15px; margin-bottom : 15px; border-bottom : 1px solid #E4E6EE;
     overflow : hidden; }
   .range #content_main ul.pages li,
   .manufacturersrange #content_main ul.pages li,
   .search #content_main ul.pages li {
     display : inline; padding : 0 15px 15px 0; border : 0; }
     
   .detail .keywords li {
     display : inline; margin-right : 2em; }
     
   .page #content_main ul li {
     list-style-type : disc;  }
     
/* =img */
   img,
   img a { border : none; }
   .attributed img {
     margin : 0; }
     
   .default .faux-row span {
     display : block; }
     
   .range #content_main ul img,
   .search #content_main ul#gallery img,
   .detail #content_main ul.related img {
     padding : 2px; border : 1px solid #9EA8C5;
     background-color : #E4E6EE; }
   .range #content_main ul a:hover img,
   .range #content_main ul a:active img,
   .search #content_main ul#gallery a:hover img,
   .search #content_main ul#gallery a:focus img,
   .detail #content_main ul.related a:hover img,
   .detail #content_main ul.related a:focus img {
     border : 1px solid #000;
     background-color : #9EA8C5; }
     
   .detail #content_main img {
     border : 1px solid #004C73; padding : 2px;
     background : #E7DEEF; }
   
   .basketshow #content_main dt img {
     display : block;
     padding : 2px; border : 1px solid #9EA8C5;
     background-color : #E4E6EE; }
     
/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #666; text-decoration : none; }
   a:visited { color : #666; text-decoration : none; }
   a:hover   { text-decoration : underline; }
   a:focus   { background-color : #ff9; color : #333; }
   a:active  { background-color : #ff6; color : #000; outline : none; }
   :target   { background-color : #ff6; }
   
   p.accessibility a {
     margin : 0; padding : 0; line-height : 1em; }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 2.5em;
     background-color : #ffff99; }
     
   #site_context a {
     position : absolute; top : 14px; left : 10px;
     display : block; width : 358px; height : 68px;
     text-indent : -999em; overflow : hidden; }
   #site_context a:focus,
   #site_context a:active {
     background-color : transparent; }
     
   #nav_main a {
     color : #000; font-weight : bold; font-size : .8333em; }
   #nav_main a:hover,
   #nav_main a:active {
     color : #069; }
     
   #nav_supp ul a {
     color : #fff; }
   #nav_supp ul a:focus,
   #nav_supp ul a:active {
     color : #000; }
   #nav_supp2 a {
     color : #666; text-transform : uppercase; font-size : .8333em; font-weight : bold; }
     
   .faux-row a 
   {
     float : left; 
     padding : 0 10px 0 10px; 
     margin-bottom : 30px;
     display : block; 
     width : 160px; 
     height : auto; 
     text-align: center;
   }
     
   
  
   .range #content_main ul a,
   .search #content_main ul#gallery a,
   .detail #content_main ul.related a {
     font-size : 1.1666em; color : #333; }
   .range #content_main ul p.more-information a,
   .search #content_main ul#gallery p.more-information a,
   .detail #content_main ul.related p.more-information a {
     position : relative; float : left;
     display : block; width : 98px; height : 20px; margin-top : 15px;
     font-size : .8333em; }
     
   .range #content_main ul p.more-information a {
     margin : 0 10px 0 0; }
     
   p.action a {
     margin-right : 15px; }
     
   p.action a.buynow {
     position : relative; float : left;
     display : block; width : 98px; height : 20px; }
   #nav_supp a.specialoffers{color:#FDFF1F; }
   
   a.cart{ 
   float: right;
   display: block;
   background : #fff url(../images/buttonshoppingcart.png) 0 0 no-repeat; 
   height: 27px; 
   line-height: 27px; 
   width: 144px;
   text-align: center;
   margin-right: 4em;
   }
   
/* =table */
   table {
     width : 100%; border : 1px solid #ddd; }
     
   #nav_cart table {
     border : 0; width : auto; margin : 0 12px; }
     
   .basketshow #content_main table,
   .summary #content_main table {
     width : auto; margin-right : 15px; }

/* =caption */
   caption {  }

/* =thead */
   thead {
     text-align : left; border-bottom : 1px dotted #D5BFE5; }

/* =tfoot */
   tfoot {
     border-top : 1px dotted #D5BFE5; }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tbody tr:hover { background-color : #f6f6f6; }
   
/* =th */
   th {
     font-weight : bold; padding : 4px; }

/* =td*/
   td {
     padding : 4px; }

/* =form */
   form {
     position : relative;
     width : 100%;
     overflow : hidden; }
     
   #nav_quick_viewer form {
     width : auto; margin : 15px; }     
   
   .detail #content_main form {
     padding-bottom : 3em; overflow : hidden; }
     
   .range #content_main form#basketAdd,
   .search #content_main form#basketAdd {
     clear : both; }
     
   #search_again {
     padding : 2em 0; }
   
/* =fieldset */
   fieldset {  }

/* =legend */
   legend {
     margin : 0; }
     
   .contact #content_main label {
     margin-bottom : 1em; }
   
/* =blockquote */
   blockquote {
     border-left : 5px solid #666; padding-left : 5px; }

/* =label */
   label {
     position : relative; /* so we can absolutely position errors */
     display : block;
     overflow : hidden; /* so no collapsing float issues */ }
     
   .delivery label.title,
   .billing label.title {
     float : left; width : 100px; margin-right : 15px; }
   .delivery label.forename,
   .billing label.forename {
     float : left; width : 200px; margin-right : 15px; }
   .delivery label.surname,
   .billing label.surname {
     float : left; width : 200px; }
   .delivery label.phone,
   .billing label.phone {
     float : left; width : 260px; margin-right : 15px; }
   .delivery label.email,
   .billing label.email {
     float : left; width : 260px; }
   .delivery .address label,
   .billing .address label {
     margin-bottom : 1em; }
   
/* =input */
   input[type="text"],
   input[type="password"],
   textarea {
     border : 1px solid #999; }
   input[type="text"]:focus,
   input[type="password"]:focus,
   textarea:focus {
     background-color : #ffd; }
     
   label input {
     width : 97%; }
   .boolean input {
     width : auto; margin-right : .5em; }
     
   .basketshow input.qty {
     width : 3em; }
     
   .search input#usr_std_searchTerm2 {
     width : 300px; }
     .submit{margin-top: 2px;}
/* =textarea */
    textarea {
      width : 99%; height : 8em; }

/* =select */
   label select,
   #nav_quick_viewer select {
     width : 100%; }
   select:focus {
     background-color : #ff9; }
   
   .delivery #content_main select#usr_req_country,
   .billing #content_main select#usr_req_country {
     width : 97%; }
     
/* =div */
   #container {
     position : relative;
     width : 770px; margin : 0 auto; padding-top : 115px; }
   #site_context {
     position : absolute; top : 0; left : 0;
     width : 770px; height : 90px; margin : 0;
     background : url(../images/nav-main-bg.gif) 0 0 no-repeat; }
   #nav_main {
     position : absolute; top : 43px; left : 385px;
     text-transform : uppercase; }
   #nav_supp {
     position : absolute; top : 90px; left : 0;
     width : 770px; height : 25px; border-bottom : 1px solid #fff;
     background : #9E63A7; }
   #nav_supp2 {
     clear : both;
     border-top : 1px solid #9E63A7; margin-bottom : 2em; }
   #content_main {
     float : left;
     width : 550px; }
   #content_sub {
     float : right;
     width : 220px;
     background-color : #ECE0ED; }
   #search_main {
     padding : 15px; }
   #site_info {
     margin-bottom : 3em;
     text-align : right; color : #888; }
   #nav_latest {
     padding-bottom : 15px; }
     
   .default #content_intro {
     display : block; width : 310px; height : 135px; padding : 100px 225px 0 15px; border-bottom : 1px solid #004C73;
     background : #E4E6EE url(../images/content-introduction.jpg) 0 0 no-repeat; color : #069; }
     
   .page #content_main {
     padding-right : 15px; width : 535px; }
     
   .range #content_main,
   .detail #content_main,
   .page #content_main,
   .basketshow #content_main,
   .delivery #content_main,
   .billing #content_main,
   .summary #content_main,
   .search #content_main {
     padding-top : 15px; }
     
   .faux-row {
     overflow : hidden; }
     
   .detail #product_meta {
     margin : 1em 0; }
     
   .range #content_main ul div,
   .search #content_main ul#gallery div,
   .detail #content_main ul.related div {
     float : left;
     width : 159px; overflow : hidden; }
    
   .nav_homepage_products{padding: 2em 0;}
   #content_secondary{padding: 0 10px 0 10px;}
   
/* =span */
   label span {
     display : block; }
   label.boolean span {
     display : inline; }
     
   p.more-information a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 98px; height : 20px;
     background : url(../images/button-more-information.gif) 0 0 no-repeat; }
     
   p.action a.buynow span {
     position : absolute; top : 0; left : 0;
     display : block; width : 98px; height : 20px;
     background : url(../images/button-checkout.gif) 0 0 no-repeat; }
    #nav_latest ul li a span{
     display: block;
    }
    #nav_latest ul li a:hover span{
     text-decoration : underline;
    }
    
/* =layout-classes */
   .float-left {
     float : left;
     margin-right : 30px; }
   .float-right {
     float : right;
     margin-left : 20px; }
   .one-third {
     width : 300px; text-align : justify; /* text align to show column bounds */ }
   .two-thirds {
     width : 630px; text-align : justify; /* text align to show column bounds */ }
   .half {
     width : 465px; text-align : justify; /* text align to show column bounds */ }
   label.one-third {
     width : 190px; }
   label.two-thirds {
     width : 410px; }
   
   .float-left.last {
     margin-right : 0; }
   .clear {
     clear : both; }
   .attributed {
     padding : 9px; border : 1px solid #eee;
     background-color : #f6f6f6; }