﻿html{
    overflow:-moz-scrollbars-vertical;
}
 
body
{
    background-color        : #fff;
    width                   : 100%;
    color                   : #000;
}

.Nav_InsideDyson #navMain li a{color: #333;}

.Nav_InsideDyson #navMain li.on a, .Nav_InsideDyson #navMain li a:focus, .Nav_InsideDyson #navMain li a:active, .Nav_InsideDyson #navMain li a:hover{color:#999999;}


#headerWrap{
    width                   : 100%;
    margin                  : 0 auto;
    
}
#header
{
     margin                 : 0 auto;
     width                  : 974px;
     border-bottom          : 1px solid #E1E1E1;
}
#content
{
     margin                 : 0 auto;
     width                  : 974px;
    padding-top             : 0px;

}

/* SEARCH BOX */
ul#insideSearch
{
    clear:both;
    /*background-color        : #eee;*/
    height                  : 40px;
    list-style              : none;
    padding                 : 0px;
    /*width                   : 974px;*/
    margin                  : 0 auto;
    margin-top              : 15px;
    margin-left             : 140px;
    margin-bottom           : 0px;
}
ul#insideSearch li{
    display                 : inline;
    float                   : left;
}
ul#insideSearch li.switcher
{
    float                   : right;
}
ul#insideSearch li.clearLi a
{
    padding-left            : 10px;
    padding-right           : 10px;
    color                   : #000;
}
ul#insideSearch li.clearLi, ul#insideSearch li.sortLi
{
    padding-top             : 1px;
}

.scrollBox
{
    position                : absolute;
    z-index                 : 1;
    width                   : 160px;
    background-image        : url(../images/inside/trans_90.png);
    left                    : 62px;
    top                     : 63px;
    border                  : 1px solid #e1e1e1;
    border-top              : 0px none;
    overflow                : hidden;
}

.scrollBox h2
{
    padding                 : 10px;
    font-size               : 120%;
    margin-bottom           : 0px;
  
}
.scrollBox ul
{
    list-style              : none;
    margin                  : 0px;
}
.scrollBox ul li.luckyDip
{
    border-top              : 1px solid #e1e1e1;
}
.scrollBox ul li a
{
    padding                 : 5px;
    display                 : block;
    color                   : #333;
    width                   : 150px;
    text-decoration         : underline;
}
.macSearch
{
    width                   : 140px;
    height                  : 19px;
    padding-left            : 25px !important;
    padding-right           : 10px !important;
    background-image        : url(../images/search_field.gif) !important;
    background-repeat       : no-repeat !important;
    border                  : 0px none !important;
}
.macSearch:focus
{
    border                  : 0px none !important;
    outline: none;  
}


.insideSearch
{
    border                  : 0px none;
    background-color        : #FFF;
}
a.sortUp,a.sortDown
{
    background-position     : top center;
    background-repeat       : no-repeat;
    display                 : block;
    height                  : 9px;
    width                   : 15px;
    margin-top              : 4px;
}
a.sortUp
{
    background-image        : url(../images/sort_arrows_up.gif);
}

a.sortDown
{
    background-image        : url(../images/sort_arrows_down.gif);
    margin-left             : 5px;
}

a.sortUp:hover,a.sortDown:hover
{
    background-position     : bottom center;
}

a.disabled
{
    background-position     : top center !important;
    cursor                  : default;
}
#insideContent

{
    min-height              : 150px;
    margin                  : 0 auto;
    margin-left             : 77px;
    margin-top              : 0px;
}

#insideSWFDiv,#contentHolder
{
    width                   : 974px !important;
    display                 : block;
    clear                   : both;
    padding                 : 0px !important;
    z-index                 : 0;
    margin-top              : 0px;
}
#contentArea
{
    text-align              : left;
}

/* --------------------------------------- */
.footerBlocks
{
    border-top              : 1px solid #e1e1e1;
    border-bottom           : 1px solid #e1e1e1;
    padding-top                 : 20px;
    padding-bottom                 : 20px;



}

#startingPoints
{
    display:block;
    float                   : left;
    
}
#startingPoints ul
{
    /*width                   : 600px;
    margin-left             : 196px;*/
     padding-left             : 196px;
}
#startingPoints ul li
{
    float:left;
   

}
#startingPoints ul li a
{
    width                   : 200px;
    
    display                 : block;   
}


.alignCentre div
{
    display                 : block;    
    margin                  : 0 auto;

}
.footerBlocks ul
{
    width                   : 150px;
    float                   : left;
    text-align              : left;
}
.footerBlocks ul a
{
    text-decoration         : none;
    color                   : #000;
}
#linksOut
{
    float                   : right;
}
/* General */
.fLeft
{
    float                   : left;
    display                 : block;
}
.fRight
{
    float                   : right;
    display                 : block;
}
.clear{clear:both;}
/* Typography */
h2
{
    color                   : #000;
}


/* ABOUT WALL */

	#aboutContent 
	{

        display             : block;
        margin-bottom       : 40px;
        margin-left         : 119px;
        
    }
    .aboutWall
    {
        margin-left         : 196px;
        width               : 700px;
    }

    #stories{
        list-style              : none;
        padding                 : 0px;
        width                   : 710px;
        float                   : left;
        
    }
    #stories.double
    {
        width                   : 470px;
        
    }    
    #stories li
    {
        display                 : inline;    
    }
    #stories li a
    {
        display                 : block;
        float                   : left;
        width                   : 210px;
        height                  : 40px;
        /*border                  : 2px solid #fff;*/
        text-decoration         : none;
        margin-right            : 12px;
        margin-bottom           : 20px;
        overflow                : hidden;
        line-height             : 130%;
        
    }
    #stories li a img
    {
        margin-right:5px;
    }
    #stories li a:hover{
        color                   : #999;
    }
    #stories li a img
    {
        float                   : left;
        padding-right           : 5px;
    }
    #stories li h2{font-size:110%;margin-bottom:0px;}
    
    .promoItem
    {
        margin                  : 0px;
        float                   : left;
        width                   : 170px;
        height                  : 303px;

        display                 : block;
        margin-left             : -60px;
    }
    
    /* HTML FULL ARTICLE */
    .mainImg
    {
        float               : left;
        border              : 1px solid #ccc;
        margin-right        : 16px; 

    }
    #articleImages
    {
        padding-left         : 196px;
        float               : left;
    }
    #articleImages embed
    {
        margin-right        : 18px;
        margin-bottom       : 9px;
    }
    .videoFile{margin-right: 18px;}
    #articleImages ul
    {
        float               : left;
        list-style          : none;
        margin              : 0px;
        padding             : 0px;
        width               : 50px;
    }
    #articleImages ul li{display: inline;}
    #articleImages ul li a{display: block;float:left;margin: 0px 5px 15px 0px;height:39px;}
    #articleImages ul li img
    {
        border              : 1px solid #a2b0b3;
    }
    #articleImages ul li a:hover img
    {
        border              : 1px solid #ffcc00;
    }
    #articleLinks
    {
        float               : left;
        width               : 160px;
    }
    
    ul.relatedLinks
    {
        padding:0px;
        margin-left:0px !important;

    }
    ul.relatedLinks li
    {
        display             : block;
        font-size           : 120%;
    }
    
    ul.relatedLinks li a
    {
        clear               : both;
        padding-left        : 10px;
        background          : url(/images/arrow_g.png) no-repeat 0 5px; 
        width               : 169px;
        overflow            : hidden;
        
    }
    ul.relatedLinks li a:hover
    {
        color               : #333 !important;
        background          : url(/images/arrow_g.png) no-repeat 0 5px !important; 
    }  
    #searchBar{
        width               : 200px;
        float               : left;
        background-color    : #333;
    }
    .searchButton
    {
        margin-left         : 10px;
    }


    
    .insideContent
    {
        width               : 568px;
        color               : #999;
        font-size           : 120%;
        float               : left;
        margin              : 10px 16px  30px  0px;
        padding-left        : 196px;

    }
    .insideContent p
    {
        font-size           : 100%;
    }
    
    #relLinks
    {
        width               : 169px;
        float               : left;
        margin-top          : 10px;
    }
    #relLinks h1
    {
        font-size           : 120%;
        color               : #999;
    }
    #relLinks a
    {
        text-decoration     : none;
        font-size           : 95%;
    }
    #relLinks ul
    {
        margin-bottom       : 20px;
    }
    #recommendedLinks,#searchResultsList
    {

        font-size           : 110%;
        margin              : 0 auto;

    }
    #recommendedLinks li.ld
    {
        border-top          : 2px solid #e2e2e2;
    }
    #recommendedLinks li a
    {
        cursor              : pointer;
    }
    
    #startingPoints #recommendedLinks ul
    {
        list-style          : none !important;
        width               : 750px;
    }

    #startingPoints #recommendedLinks li a
    {
       
        padding-left        : 10px;
        background          : url(/images/arrow_g.png) no-repeat 0 5px; 
    }    

   
   ul#assets
   {
       float                : left;
       list-style           : none;
       margin               : 0px;
       padding              : 0px;
       width                : 43px;
       display              : block;
       margin-right         : 8px;
   }
    
      ul.assets a
      {
          border            : 1px solid #ccc;
          height            : 41px;
          width             : 41px;
          display           : block;
          margin-bottom     : 8px;
      }
      ul.assets a:hover
      {
          border            : 1px solid #ffcc00;
      }
      ul.assets a img{padding:1px;}

      .children
      {
          margin-left       : 196px;
      }

/* PAGING */
#paging
{
    list-style              : none;
    margin                  : 0px;
    padding                 : 0px;
    clear                   : both;
    margin-bottom           : 20px;
    height                  : 20px;
    width                   : 700px;
    margin-left             : 119px;

}
#paging li
{
    display                 : inline;
}
#paging li a
{
    display                 : block;
    float                   : left;
    width                   : 15px;
    background-position     : top left;
    height                  : 19px;
}
#paging li a.previous
{
    background-image        : url(/images/about/paging_left.gif);
    float                   : left;
}
#paging li a.next
{
    background-image        : url(/images/about/paging_right.gif);
    float                   : right;
    margin-left             : 10px;
}
#paging li.page
{
    float                   : right;
    display                 : block;
    color                   : #999;
}
#paging li a:hover{
     background-position     : top right;
}
#frmLocation select {
    background-color            : #FFF;
    color                       : #000;
}
#footer
{
    margin                      : 0 auto;
}
#footer .centerFooter
{
    margin-left                 : 200px;
    
}

#navFooter
{
    width:500px;
}

#leadAsset{float: left;margin-right:20px;}
#subAsset{float:left;}
#subAsset ul{list-style:none;margin:0px;padding:0px;}
#subAsset ul li{display:inline;}
#subAsset ul li a{display:block; float:left;width:57px;margin-right:20px;}

#articleContent{clear:both;font-size:1.1em;width:700px;}

#relatedArticles{margin-top:20px;}
#relatedArticles li{display:list-item;clear:both;}



#cover{width:750px;height:100%;background-color:#000;position:absolute;display:none;top:135px;left:20px;}
#articleDiv{width:100%;top:135px;left:20px;display:none;position:absolute;}


/* Typography */
h1
{
    color           : #000;
    clear           : both;
    font-size       : 1.6em;
    font-weight     : bold;
}



ul.switchLinks
{
    list-style      : none;
    margin          : 10px 22px 0px 0px;
    padding         : 0px;
    float           : right;
    height          : 24px;

}
ul.switchLinks li
{
    display         : inline;
}
ul.switchLinks li a
{
    float           : left;
    display         : block;
    margin-left     : 40px;
    text-decoration     : none;
}

ul.switchLinks li a:hover, ul.switchLinks li a:focus{
	color:#000;
}

ul.switchLinks li a img
{
    margin-right    : 5px;
    float           : left;
}




a.rssFeed2
{
    float           : left;
    display         : block;
    
}
a.rssFeed2 img
{
    float           : left;
    margin-right    : 10px;
}

#articleURL
{
    display             : block;
    position            : absolute;
    border              : 4px solid #ccc;
    background-color    : #fff;
    padding             : 10px;
    width               : 610px;
    margin-left         : 180px;
}

.noPromo
{
    margin-left:200px;
}
a.close
{
    width               : 150px;
    display             : block;
    height              : 27px;
}

.headPad
{
    height:22px;
}
embed
{
    padding:0px;
    margin-top:0px;
}
.noFlash
{
    background-color    : #f2f2f2;
    padding             : 10px;
    width               : 600px;
    
}
.noFlash img
{
    float               : left;
    padding-right       : 5px;
    padding-top         : 3px;
}


#navUtil li a:hover {color:#333333;}
#navUtil li a:focus {color:#333333;}

#navUtil li#basket a:hover, #navUtil li#basket a:focus a {background: url(/images/ico_basket_inside_on.png) no-repeat right;color:#333333;}