﻿/* 
------------------------------------------------------------------------------------------- 
INSIDE DYSON COLUMNS
-------------------------------------------------------------------------------------------
*/

.columnInside1{width:174px; float:left; padding-left:20px}
.columnInside2{width:568px; float:left;margin-bottom:50px !important;}
.columnInside3{width:750px; float:left;}
.columnInsideLeft{width:182px; float:left; }

.insideContent, .relatedLinks {font-size:1.0em;}
.relatedLinks a {font-size:.9em;}

.columnFoot1{margin:0px 0px 0 27px;float:left;display:block; width:205px;}
.footerCatsPad {margin:20px 0 0px 0; padding-bottom:65px}

.insideFooter{margin:20px 0;display:block;height:55px;}
.insideFooter .column1{padding:0px;margin-top: 0px !important;margin-left:0px !important;margin-right:10px !important;width:237px;}

#relLinks{margin-top:-10px;}

/* 
------------------------------------------------------------------------------------------- 
FOOT ARROW RIGHT STYLES 
-------------------------------------------------------------------------------------------
*/

a.rArrow { padding : 0 0 0 15px !important;}

a.rArrow {
    background      : transparent url(/images/arrow_right_gr.gif) no-repeat scroll 0px 5px !important; 
	color			: #666666 !important; 
}

a:hover.rArrow {
    background      : transparent url(/images/arrow_right_bl.gif) no-repeat scroll 0px 5px !important; 
	color: #000000 !important;
}

/* 
------------------------------------------------------------------------------------------- 
INSIDE DYSON STYLES
-------------------------------------------------------------------------------------------
*/

span.title {font-weight:bold !important; font-size:1.1em}

/* SEARCH BOX */
	.insideSearch
	{
		border                  : 0px none; background-color        : #FFF;
	}

	ul#insideSearch
	{
		clear:both;
		/*background-color        : #eee;*/
		height : 40px; list-style              : none; padding					: 0 0 0 15px;
		/*width                   : 974px;*/
		margin                  : 0 auto;
		margin-top              : 15px;
		margin-left             : 4px;
		margin-bottom           : 0px;
	}
	ul#insideSearch li{
		display                 : inline;
		float                   : left;
		padding                 : 0 10px 0 0;
	}
	ul#insideSearch label{color:#000 !important;font-weight:bold;}
	ul#insideSearch li.switcher
	{
		float                   : right;
	}
	ul#insideSearch li.clearLi a, 	ul#insideSearch li.clearLi label
	{
		padding-left            : 0px;
		padding-right           : 5px;
		color                   : #a1a1a1;
		font-size				: .95em;
		padding-top				: 0px
	}
	ul#insideSearch li.clearLi
	{
		padding-top             : 3px;
	}

	ul#insideSearch li.sortLi
	{
		padding-top             : 2px;
		color					: #a1a1a1 !important;
	}

	.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;  
	}
	
a.sortUp,a.sortDown
{
    background-position  : top center; background-repeat : no-repeat; display : block; height : 9px; width : 15px; margin-top : 7px;
}
a.sortUp
{
    background-image : url(/images/sort_arrows_up.gif);
}

a.sortDown
{
    background-image : url(/images/sort_arrows_down.gif); margin-left : 5px;
}

/* Switch Between Flash and Non Flash Link */

ul.switchLinks
{
    list-style : none; 
    padding: 0px; float: right; height: 24px;
    width:210px;
    text-align:left;
}
ul.switchLinks li
{
    display : inline;
}
ul.switchLinks li a
{
    float : left; display : block; text-decoration : none;font-size:90%;color:#999;
}
ul.switchLinks li a img
{
    margin-right    : 5px; float : left;
}

#insideSWFDiv,#contentHolder
{
	width : 974px !important; display : block; clear : both; padding : 0px !important; z-index : 0; margin-top : 0px;
}
#contentArea
{
	text-align              : left;
}
	
/* HTML FULL ARTICLE */

    .mainImg
    {
        float               : left;
        border              : 1px solid #ccc;
        margin-right        : 16px; 

    }
    #articleImages
    {
        padding-left        : 0px;
        float               : left;
        margin-bottom       : 0px !important;
    }
    #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;
    }	
	

	#insideContent
	
	{
		min-height          : 150px;
		margin              : 0 auto;
		margin-left         : 77px;
		margin-top          : 0px;
	}

    .insideContent
    {
        width               : 568px;
        color               : #999;
        font-size           : 120%;
        float               : left;
        margin              : 10px 16px  30px  0px;
        padding-left        : 196px;

    }
    .insideContent p
    {
        font-size           : 80%;
    }
	
/* Bottom Page Sub Nave Games, Dyson Tech etc */

#startingPoints
{
    display					: block;
    float                   : left;
    padding-bottom			: 15px;
	padding-left			: 25px
}
#startingPoints ul
{
    /*width                 : 600px;
    margin-left             : 196px;*/
     padding-left           : 2px;
}
#startingPoints ul li a
{
    width                   : 200px;
    display                 : block;   
}

#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; 
	font-size			: .8em;
	font-weight   		:normal
}    


/* ABOUT WALL (Centre block of links on default and search page  */

    #stories{float:left; width:740px; padding-right:0;}
	
    #stories.double
    {
        width                   : 470px;
        
    }    
    #stories li
    {
        display                 : inline;    
    }
    #stories li a
    {
        display                 : block;
        float                   : left;
        width                   : 210px;
        height                  : 65px;
        text-decoration         : none;
        margin-right            : 12px;
        margin-bottom           : 20px;
        overflow                : hidden;
        line-height             : 110%;
		font-size				: 0.8em;
		color					: #999999
    }
    #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; font-weight:bold}
	
/* ------------------ */

    .promoItem
    {
        margin : 0px; float : left; width : 170px; height : 303px; display : block; margin-left : -50px;
    }
	
/* PAGING */
#paging{list-style : none; margin : 0px 20px 20px 0; padding : 0px; clear : both; height : 20px; width : 108px; float:right;}
#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
{
     display : block; color : #999; padding-left:20px
}
#paging li a:hover{
     background-position     : top right;
}


/* Send to a Friend */
#staf p{padding-left:15px;padding-right:15px;}
#staf,#share{width:338px;height:437px;background:url(/images/inside/staf_bg.png) no-repeat;padding:10px;z-index:100;position:absolute;top:700px;left:300px;}
#staf.nonJS{top:550px;}
#staf h1,#share h1{color:#828282;padding:15px;padding-bottom:0px;}
#staf h1 span,#share h1 span{color:#d1d1d1;}
#staf.hidden,#share.hidden{display:none;}
#staf fieldset,#share fieldset{padding:15px;padding-top:5px;}
    #staf label{width:6.5em;clear:both;}
    #staf .txt{width:14em;}
    #staf .txtArea{width:14em;height:7em;}
    #staf ul.buttons{list-style:none;margin-left:6.9em;margin-bottom:0px;}
    #staf ul.buttons li{display:inline;}
    #staf ul.buttons > li:first-child{margin-right:12px;}
    
    #contentHolder form{min-height:110px;}
    
    #stafConfirm{padding:20px;}
    #staf .fld span{height:12px;font-size:0.9em;display:block;}
    
    #share h1 a{float:right;text-decoration:none;padding:5px;font-size:1em;margin-top:-15px;}
    
    #share ul{list-style:none;margin:0px;padding:0px;width:330px;}
    #share ul li{display:inline;}
    #share ul li a{font-size:1.2em;display:block;float:left;width:150px;padding:5px;text-decoration:none;}
    #share ul li a span{display:block;width:16px;height:16px;background:url(/images/inside/bookmarks.png) no-repeat;float:left;margin:0 10px 0 10px;}
    .bm2{background-position:-16px !important;}
    .bm3{background-position:-32px !important;}
    .bm4{background-position:-48px !important;}
    .bm5{background-position:-64px !important;}
    .bm6{background-position:-80px !important;}
    .bm7{background-position:-96px !important;}
    .bm8{background-position:-112px !important;}
    .bm9{background-position:-128px !important;}
    
    #staf .url,#share .url{margin-left:0px;width:300px;}
    
    
 #share li{font-size:90%;}   
    .links{margin-bottom:20px;}
    
    .shareLinks{display:block;height:125px;}
    #errTo,#errFrom{height:40px;display:block;clear:both;}
    .err{padding-left:86px !important;display:block;height:30px;}
    .fm .fld{margin-top:0px !important;margin-bottom:0px !important;}

    #fmSearchInside {width:690px; margin-left:152px;}
    
    
