/* General styles */

	html {
	margin: 2px 0px;
	}
	
    body {
        margin:0;
        padding:0;
        border:0;			/* Removes the border around the viewport in old versions of IE */
        width:100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
        background: #999;
        min-width:900px;    	/* Min width of layout - remove line if not required */
		text-align:center;			/* Min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
    }
	
	
#fixed {
   margin:0 auto;
   width:1020px;   /* use px, em or % */
   text-align:left;
}
	
		
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 5px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	   clear:both;
	   float:left;
		width:100%;				/* width of whole page */
		overflow:hidden;		/* chops off any overhanging divs */
	}
	/* 3 column settings */
	.col-layout-3 {
	    background:#fff;    	/* Right column background colour */
	}

    .col-layout-3 .colmid {
        float:left;
        width:200%;
        margin-left:-160px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
		
		
    }
    .col-layout-3 .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:320px;         	/* Left column width + right column width */
        background:#fff;    	/* Left column background colour */
			
    }
    .col-layout-3 .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:160px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.col-layout-3 .col1 {
        margin:0 165px 0 185px;    	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		
	}
    .col-layout-3 .col2 {
        float:left;
        float:right;		/* This overrides the float:left above */
        width:150px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:5px;         	/* Width of the left-hand side padding on the left column */
		
		
		
    }
    .col-layout-3 .col3 {
        float:left;
        float:right;		/* This overrides the float:left above */
        width:150px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		
		
		
    }


	
/*  Columns fixing styles - end  */


	/* common stuff */

	a:link    		{color:#00f; text-decoration: none}
	a:visited 		{color:#00f; text-decoration: none}
	a:active  		{color:#00f; text-decoration: none}
	a:hover   		{color:#00f; text-decoration: none}
	
	
	h1 {
		margin:.2em 0 .2em 0;
		padding: 0px 0px 3px 0px ;
		font-size: 18px;
		color: #0C5C8E;
		border-bottom: 1px;
		border-bottom-style: solid;
		border-bottom-color: #bbb;
	}
	/* affects all H2 */	
	h2 {
		margin: 5px 0px -15px 2px;
		padding: 0px;
		font-size: 16px;
		color: #0C5C8E;
		border: 0px;
		border-style: solid;

	}
	
	h3 {
		margin: 5px 0px -15px 2px;
		padding: 0px;
		font-size: 14px;
		color: #0C5C8E;
		border: 0px;
		border-style: solid;
	}

	h4 {
		margin:.8em 0 .2em 0;
		padding:0;
		font-size: 12px;
		font-weight: bold;
		color: #0C5C8E;
	}

	
		#homepage-headline-content ul {
		list-style:disc outside;
		padding: 2px 15px;
		margin: 0;
		font-size: 100%
				
	}
		
		#homepage-headline-content li {
		/* background-image:  url(/images/li/red-bullet.gif); 
		border-top: dashed #bbb 1px;background-position: 0px 10px; background-repeat: no-repeat;
		*/
		
		
		padding: 0px 1px 1px 2px; 
		line-height:100%;
			
		
	}
	
	

.navbartext {font-weight: bold;}
.navbar_pipe {font-weight: lighter;font-size: 16px;color: #666666;}
.price {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 16px; font-weight: 700; color: #333333; font-style: normal}
.description {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 15px; font-weight: 600; color: #333333; font-style: normal}
.red_price { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; color: #FF0000}
	

	/* start - top of page */
	#header {
		clear:both;
		float:left;
		width:100%;
		background-color: #000;
	}
	

	#siteheader-box
	{
		height: 80px;
		padding: 0;
		margin: 0 auto;
		background-image:url('/images/playstationmove-header.png')
	
	}
		
	/* TopNavBar */
	#topnavbar-box
	{
		background-color: #EEEEEE;
		height: 35px;
		text-align: left;
		margin: 0 auto;
		background-image:url('/images/silver_bar.gif');
	}
	
	
	#topnavbar-box p {
			padding: 10px;
			margin:0;
			
		}

	#topnavbar-box .navitem {
			
			padding-top: 0px;
			padding-right: 4px;
			padding-bottom: 0px;
			padding-left: 5px;
			border-left-style: solid;
			border-left-width: 1px;
		}

	#topnavbar-box .navitemfirst {
			
			padding-top: 0px;
			padding-right: 4px;
			padding-bottom: 0px;
			padding-left: 4px;
			
		}
		
	/* TopNavBar Anchor Links */
	#topnavbar-box a:link    		{color:#0C5C8E; text-decoration: none}
	#topnavbar-box a:visited 		{color:#0C5C8E; text-decoration: none}
	#topnavbar-box a:active  		{color:#0C5C8E; text-decoration: none}
	#topnavbar-box a:hover   		{color:#00f; text-decoration: underline}
		
	#gradbar-box
	{
		background-color: #EEEEEE;
		height: 19px;
		padding: 0;
		margin: 0 auto;
		background-image:url('/images/silver_bar.gif');
	}
	
	/* top of page - end */
	
	
	/* content section - start */
	
	#homepage-headline-topbox {
		width: 650px;
		height: 22px;
		margin-top: 5px;
		#height: 22px;
		#margin-top: 5px;
		background-color: #888;
		clear:both;
		float:left;
		
		vertical-align:middle;
		
	
	}
	
	
	#homepage-headline-border {
		width: 648px;
		#width: 650px;
		border-top: 0px;
		
		border-bottom: 1px;
		border-bottom-style: solid;
		border-bottom-color: #eee;
		
		border-right: 1px;
		border-right-style: solid;
		border-right-color: #eee;

		border-left: 1px;
		border-left-style: solid;
		border-left-color: #eee;
		
		clear:both;
		float:left;
			
	}
	
	#homepage-headline-content {
		width:  633px;
		#width: 640px; /* was 458px, worked for ie6, not ie7 */
		padding: 0px 5px 10px 5px;
		background-color: #fff;
						
	}
	
	#homepage-headline-content P {
		padding: 0px 2px 5px 2px;
	}

	#homepage-headline-content img {
		margin:0px 5px 10px 10px;
	}

	/* #homepage-headline-content ol {
	margin-left:0px; 
	margin-top:7px; 
	padding-left:0; 
	list-style-type:decimal;
	} */
		
	#homepage-headline-content li {
		list-style-position:outside;
		
		margin-bottom:15px; 
		margin-left:0px;
		line-height:125%;
		
		} 

	#homepage-headline-content DL {
	border:0;
	margin: 2px;
	padding: 0px;
	}
	
	#homepage-headline-content DT {
	float: left;
	margin: 0px 5px 5px 0px;
	border: 0;
	}
	
	#homepage-headline-content DD {
	margin: 0px 0px 5px 0px;
	border: 0;
	}	
	
	
	
	
	
	/* Anchor Links */
	#homepage-headline-content a:link    		{color:#00f; text-decoration: none}
	#homepage-headline-content a:visited 		{color:#00f; text-decoration: none}
	#homepage-headline-content a:active  		{color:#00f; text-decoration: none}
	#homepage-headline-content a:hover   		{color:#00f; text-decoration: none}

	
	
/* Homepage - Articles */
		
	#homepage-articles-border {
		width: 650px;
		#width: 650px;
		margin-top: 10px;
		margin-bottom: 0px;
				
		clear:both;
		float:left;
					
	}
	
	#homepage-articles-content {
		width: 643px;
		#width: 650px;
		padding: 0px 10px 0px 5px;
	
	}
	
	#homepage-articles-divider {
		width: 600px;
						
		border-bottom: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #bbb;
		margin-top: 2px;
		margin-bottom: 2px;
		clear:both;
	}
	
	
	#homepage-articles-content h1 {
		margin:1px 0px -5px 0px;
		padding: 0px 0px 3px 0px ;
		font-size: 18px;
		color: #0C5C8E;
		border-bottom: 1px;
		border-bottom-style: solid;
		border-bottom-color: #bbb;
	}
		
	#homepage-articles-content h2 {
		margin: 1px 0px -5px 0px;
		padding: 0px;
		font-size: 16px;
		color: #0C5C8E;
	}
	
	#homepage-articles-content h3 {
		margin: 1px 0px -5px 0px;
		padding:0;
		font-size: 14px;
		color: #0C5C8E;
	}

	#homepage-articles-content h4 {
		margin:.8em 0 .2em 0;
		padding:0;
		font-size: 12px;
		font-weight: bold;
		color: #0C5C8E;
	}
	

	#homepage-articles-content tr.offertable_head {
		background-color: #5EB1E9;
	}

	#homepage-articles-content tr.offertable_foot {
		background-color: #5EB1E9;
	}

	#homepage-articles-content th {
		font-size: 11px;
		padding: 5px;
		font-weight: bold;
	}


	#homepage-articles-content td {
		font-size: 11px;
		padding: 3px;

	}



	#homepage-articles-content img {
		margin:0px 4px 0px 0px;
	}

	
	


		
	#homepage-articles-content .darkrow 	{background-color: #C9E1F2}
	#homepage-articles-content .lightrow 	{background-color: #EEF3F6}
	#homepage-articles-content .topdealrow {background-color: #FFCACA}





	
		
	/* Anchor Links */
	#homepage-articles-content a:link    		{color:#0C5C8E; text-decoration: none}
	#homepage-articles-content a:visited 		{color:#0C5C8E; text-decoration: none}
	#homepage-articles-content a:active  		{color:#0C5C8E; text-decoration: none}
	#homepage-articles-content a:hover   		{color:#f00; text-decoration: underline}

	

	/* Left Hand column */

	#lefthandcolbox {
		width: 100%; 
		border: 0px;
		margin-top: 5px;
		text-align: left;
		font-size: 12px;
		font-family: arial, helvetica, clean, sans-serif; 
		}
	
	#lefthandcolbox p {
		margin: 0px 0px 10px 0px;
		padding: 5px 0px 5px 0px;
		border: 0px;
		border-style: solid;
				/* background-color: #E7EDF3; */
	}
		
	

	#lefthandcolbox img {
		margin:0px 0px 0px 0px;
		}






/* right Hand column */


#righthandcolbox {
		width: 100%; 
		border: 0px;
		margin-top: 5px;
		text-align: left;
		font-size: 12px;
		font-family: arial, helvetica, clean, sans-serif; 	
	}
	
	#righthandcolbox p {
		margin: 0px 0px 10px 0px;
		padding: 5px 0px 5px 0px;
		border: 0px;
		border-style: solid;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		/* background-color: #E7EDF3; */
	}
		
	

	#righthandcolbox img {
		margin:0px 0px 0px 0px;
		}




	#righthandcolbox {
		width: 95%; 
		border: 0px;
		/*margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px; */
		text-align: left;
		font-size: 12px;
	
	}
	
	#righthandcolbox P {
		width: 100%;
		margin: 0px 0px 5px 0px;
		padding: 3px 1px 10px 1px;
		font-size: 12px;
	}
		
	


	#righthandcolbox img {
		margin:0px 0px 0px 0px;
		}






/* common stuff for both outer columns */
	.lefthandcol-title, .righthandcol-title {
		background-color: #888;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		vertical-align:middle;
		margin: 0;
		padding: 2px 5px;
	}

	.lefthandcol-title {
		width: 97%;
		
	}

	.righthandcol-title {
		width: 100%;
			
	}


	#lefthandcolbox ul, #righthandcolbox ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		
	}
		
	#lefthandcolbox li, #righthandcolbox li {
		background-image:  url(/images/li/red-bullet.gif);
		background-repeat: no-repeat;
		background-position: 0px 10px; 
		padding: 6px 2px 6px 10px; 
		line-height:125%;
		border-top: dashed #bbb 1px;
		font-weight: bold;
	}

	#lefthandcolbox li.firstlistitem, #righthandcolbox li.firstlistitem {border-top: none}

	/* Anchor Links */
	#righthandcolbox a:link, #lefthandcolbox a:link				{color:#555; text-decoration: none}
	#righthandcolbox a:visited,	#lefthandcolbox a:visited		{color:#555; text-decoration: none}
	#righthandcolbox a:active, #lefthandcolbox a:active  		{color:#555; text-decoration:none}
	#righthandcolbox a:hover, #lefthandcolbox a:hover   		{color:#00f; text-decoration: underline}


	.imgintro {padding: 0px 0px 0px 20px}


	/* Footer styles */
	#footer {
		clear:both;
		float:left;
					
		width:100%;
		background:#fff;
	}
	#footer p {
		padding: 5px;
		margin: 0px 10px 2px 10px;
		width:95%;
		
		border-top: 1px;
		border-top-style: solid;
		border-top-color: #bbb;
		
		color: #aaa;
		font-size: 11px;

	}

	#footer .navitem {
			
			padding-top: 0px;
			padding-right: 4px;
			padding-bottom: 0px;
			padding-left: 4px;
			border-left-style: solid;
			border-left-width: 1px;
		}

	#footer .navitemfirst {
			
			padding-top: 0px;
			padding-right: 4px;
			padding-bottom: 0px;
			padding-left: 2px;

		}

	#footer a:link    	{color:#aaa; text-decoration: none}
	#footer a:visited 	{color:#aaa; text-decoration: none}
	#footer a:active  	{color:#aaa; text-decoration: none}
	#footer a:hover   	{color:#000; text-decoration: underline}
	
	
	/* Offertable stuff */
	
	div.sectionintro 		{ text-align: left; margin: 5px 0px 10px; border-top: 3px solid #eee}
	.productimage-home 		{ float:left; width:225px; height:326px; margin-bottom:20px; border:5px solid #eee; background-color:#fff; } 
	
	
	.offertable_foot, .offertable_head {
	background-color: #aaa;/* #626262; */
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF
	}
	
	.tablefooter {border-top: 5px solid #aaa}
		
	.darkrow 	{background-color: #ddd}
	.lightrow 	{background-color: #fff}
	.topdealrow {background-color: #ffcaca}
	
	/* hover not working here */
	.darkrow:hover, .lightrow:hover {background-color: #ffaca}
	
	.table-text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; color: #333333}
	.model-text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; color: #333}
	.desc-text 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; color: #666}
	.table-code { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333333 }
	.price {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 14px; font-weight: bold; color: #22c; font-style: normal}
	.delivery {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; font-weight: 500; color: #444444; font-style: normal}
	.discountcode {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
	
	img.retailer-logo {  margin: 5px 10px; padding:auto;  border: 1px solid #ccc; vertical-align:middle}
	
	img.stockimage {
		margin:0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		vertical-align:middle;
		
	}
	
	
	/* offer table stock icons */
	.in-stock, .out-of-stock,.preorder,.check-stock {
	display:block;  width: 70px; height: 17px;  
	margin: auto; padding: 5px 10px;
	text-align:center; 	color:#555; font-weight:bold;
	border: 1px solid grey;}

	.in-stock a:hover, .out-of-stock a:hover,.preorder a:hover,.check-stock a:hover { text-decoration: none}
	.in-stock:hover, .out-of-stock:hover,.preorder:hover,.check-stock:hover { background-color: #83ace3}

	.in-stock		{background-color: #0edb0e;}
	.out-of-stock	{background-color: red;}
	.preorder		{background-color: #ff871d;}
	.check-stock 	{background-color: #d9d938;}
	
	


	/* t&c */
	#tctable {
		width: 1020px
	}
	
	#tc p {
		margin: 15px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		border-style: solid;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;
		
	}

	#tc li {
		margin: 0px 0px 10px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;
		
	}
	
	
	




	/* Figure out why the padding doesn't work */

	#bordered-pics img {
			margin: 2px;
			padding: 1px;
			border-style: solid;
			border-width: 1px;
			border-color: #CCCCCC
	}


	.pubdate {
		margin: 6px 0px 0px 6px;
		padding: 0px 0px 0px 0px ;
		font-size: 10px;
		color: #fff;
		float: left;
		border: 0px;
		border-style: solid;

	}

.alert {  color: #FF0000}

.psp3000msg {
		margin: -12px 15px 0px 0px;
		padding: 0px 0px 0px 0px ;
		font-size: 10px;

}

/* Social Bookmarking */
div.social { margin: 25px 20px 10px 0px; }

.social span {
	display: block;
}
.social ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.social ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.social ul li:before { content: ""; }
.social img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 3px 0px 0px 0px;
	padding: 0;
}

.social-hover {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.social-hover:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	}
	


.videopage p {margin: 15px 0px 0px 0px}

.social-icon {
	float:right;
	margin: 0px 0px 1px 15px;
	padding: 2px;
	font-size:9px;
	text-align:left;
	/* border:#ccc solid 1px; */
}


/* ######################################## */
/* Story - Previews */
	
	#preview-section {
		width: 100%;
		margin: 10px 0;
		text-align: center;
	}
	
	.story-preview {
		width: 45%;
		margin: 5px 3px 5px 3px;
		margin: 5px 10px 5px 0px;
		text-align: left;
		vertical-align:text-top;
			
		display: inline-block;
				
	}

	.story-preview h2 {
		margin: 0 !important;
		padding: 0px;
		font-size: 16px;
		color: #0C5C8E; /* colour is overriden by anchor link */
		
	}
	
	.story-preview img {
		margin:2px 5px 1px 0px;
	}
	
	.story-preview p {
		margin: 2px 1px;
		padding:0;
		
	}

	/* Anchor Links */
	.story-preview a:link    		{color:#0C5C8E; text-decoration: none}
	.story-preview a:visited 		{color:#0C5C8E; text-decoration: none}
	.story-preview a:active  		{color:#0C5C8E; text-decoration: none}
	.story-preview a:hover   		{color:#f00; text-decoration: underline}

/* ################################################# */

.facebookfanpage 		{ margin:3px 0px 10px }
.clear 					{ clear: both; }