/* General styles */
    body {
        margin: 5px 0px 0px 0px;
        padding:0;
        border:0;					/* This removes the border around the viewport in old versions of IE */
        width:100%;
	     min-width:600px;    				/* Minimum width of layout - remove line if not required */
		  text-align:center;				/* The min-width property does not work in old versions of Internet Explorer */
	     background: #666;
		  	  
	font-family: Arial,Helvetica,Sans-Serif;
	font-size:95%
		
    }
	
#fixed {
   margin:0 auto;
   width:790px;   /* 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;	/* This 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;		/* This 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 165px;    	/* 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  */





	
	
	h1 {
		margin:.2em 0 .2em 0;
		padding: 0px 0px 3px 0px ;
		font-size: 130%;
		font-weight:bold;
		color: #0C5C8E;
		border-bottom: 1px;
		border-bottom-style: solid;
		border-bottom-color: #bbb;
	}
	/* affects all H2 */	
	h2 {
		margin: 1px 0px -15px 2px;
		padding: 0px;
		font-size: 110%;
		color: #0C5C8E;
		border: 0px;
		border-style: solid;
	}
	
	h3 {
		margin:.8em 0 .2em 0;
		padding:0;
		font-size: 100%;
		color: #0C5C8E;
		border: 0px;
		border-style: solid;
	}

	h4 {
		margin:.8em 0 .2em 0;
		padding:0;
		font-size: 70%;
		color: #0C5C8E;
		border: 0px;
		border-style: solid;
	}

	
	


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

	#siteheader-box
	{
		height: 80px;
		padding: 0;
		/* margin: 0 auto; */
		margin: 0px 0px 0px;
		background-image:url('/images/site-logo.jpg')
	
	}
		
	/* --------------  Top NavBar ---------------- */
	#topnavbar-box
	{
		background-color: #EEEEEE;
		height: 25px;
		text-align: left;
		
		/* border-top: 2px;
		border-bottom-style: solid;
		border-bottom-color: #81C925;
		
		border-bottom: 1px;
		border-bottom-style: solid;
		border-bottom-color: #93C750;
		
		border-right: 1px;
		border-right-style: solid;
		border-right-color: #81C925;

		border-left: 1px;
		border-left-style: solid;
		border-left-color: #81C925; */
		
		border: 0;
		margin: 1px 0px 0px ;

		
		background-image:url('/images/bars/nav-bar-green.gif');

font-size:80%;

	}

/* TopNavBar Anchor Links */
#topnavbar-box  a {color:white; font-weight: 600; text-decoration:none;}
#topnavbar-box  a:hover {color: #FFFF8A; font-weight: 600; text-decoration:none;}
#topnavbar-box  img {padding:0}


#topnavbar-box ul {
	position: relative; top: 4px;  margin: 0;
	margin: 0;
	padding: 0 0 0 5px;
	display: inline;
	vertical-align: middle;
}

#topnavbar-box ul li 	{
	margin-left: 0;
	padding: 0px 4px 0px 6px;
	border-left: 1px solid white;
	list-style: none;
	display: inline;
	
	font: bold 100% "helvetica",sans-serif ;
	}
	
#topnavbar-box ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}



		
	#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: 460px;
		height: 25px;
		margin-top: 5px;
		#height: 25px;
		#margin-top: 5px;
		padding: 6px 0px 0px 10px;
		background: #ccc;	
		background-image:url('/images/bars/title-bar-grey.gif');	
		
		clear:both;
		float:left;
	
	}
	
	
	#homepage-headline-border {
		width: 458px;
		#width: 458px;
		border-top: 0px;
		
		border-bottom: 1px;
		border-bottom-style: solid;
		border-bottom-color: #BBBBBB;
		
		border-right: 1px;
		border-right-style: solid;
		border-right-color: #BBBBBB;

		border-left: 1px;
		border-left-style: solid;
		border-left-color: #BBBBBB;
		
		clear:both;
		float:left;
				
	}
	
	#homepage-headline-content {
		width:  438px;
		#width: 445px; /* 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;
	}



	
	/* 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:#f00; text-decoration: underline}

	
	
/* Homepage - Articles */
		
	#homepage-articles-border {
		width: 460px;
		#width: 460px;
		margin-top: 10px;
		margin-bottom: 0px;
				
		clear:both;
		float:left;
					
	}
	
	#homepage-articles-content {
		width: 448px;
		#width: 458px;
		padding: 0px 10px 0px 10px;
	
	}
	
	#homepage-articles-divider {
		width: 350px;
						
		border-bottom: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #bbb;
		margin-top: 2px;
		margin-bottom: 2px;
		clear:both;
	}
	
	/* no affect */
	#homepage-articles-content 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;
	}
		
	#homepage-articles-content h2 {
		margin: 1px 0px -15px 0px;
		padding: 0px;
		font-size: 16px;
		color: #0C5C8E;
	}
	
	#homepage-articles-content h3 {
		margin:.8em 0 .2em 0;
		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: 10px;
		padding: 5px;
		font-weight: bold;
	}

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

	}

	#homepage-articles-content img {
		margin:0px 4px 0px 0px;
	}
	
	.merchantimage img {
		margin:0px 0px 0px 0px;
	}
		
	#homepage-articles-content .darkrow 	{background-color: #C3EC8B;}
	#homepage-articles-content .lightrow 	{background-color: #E3FAC2;}


	/* 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: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		font-size: 12px;
	
	}




	#lefthandcol-title {
		width: 97%;
		padding: 4px 0px 4px 4px;
		margin: 0px;
		
		background-color: #ccc;
		background-image:url('/images/bars/section-bar-grey.gif');
		font-weight: 600;
		color: #444;
		font-size: 100%;
		
	}

	
	#lefthandcolbox p {
		margin: 5px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		border-style: solid;
	}
		
	

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

	#lefthandcolbox ul {
		margin-left:0px; 
		margin-top:7px; 
		padding-left:0; 		
		list-style-type:square
	}


	#lefthandcolbox ul li {
		
		list-style-image: url('/images/li/nav-li.gif');
		list-style-type: square;
		list-style-position:outside;
		
		margin-bottom:4px; 
		margin-left:0px;
		line-height:125%;
		
		}


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





/* right Hand column */

	#righthandcolbox {
		width: 100%; 
		border: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		font-size: 12px;
	
	}


	.righthandcol-title {
		width: 95%;
		margin: 5px 0px 0px 0px;	/* has no affect on title block */	
		padding: 4px 0px 4px 4px;
		background-color: #ccc;
		background-image:url('/images/bars/section-bar-grey.gif');
		font-weight: 600;
		color: #444;
		font-size: 100%;
	}
		
	#righthandcolbox P {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 3px 1px 15px 1px;
		font-size: 12px;
		}

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

	#righthandcolbox ul {
	margin: 0; padding: 0;
	}
		
	#righthandcolbox ul li {
		/* list-style-image: url('/images/li/nav-li.gif'); */
		list-style: none;
		list-style-position:inside;
		margin: 0;
		padding: 7px 0px 7px 2px;
		border: 0;
		line-height:125%;
		border-top: dashed #bbb 1px;
		
		}

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


		
		
		

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






	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		
		border-top: 1px;
		border-top-style: solid;
		border-top-color: #ccc;
		
		width:100%;
		background:#fff;
	}
	#footer p {
		padding: 5px;
		margin: 0;
		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 */

	.offertable_head {
	background-color: #959598;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 80%;
	color: #FFFFFF
	}

	.offertable_foot {
	background-color: #959598;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #FFFFFF
	}

	.darkrow {background-color: #C3EC8B; font-size: 11px;}
	.lightrow {background-color: #E3FAC2; font-size: 11px;}
	.highlightrow {background: #FFCACA; font-size: 11px;}
	
	.largerfont {font-size: 18px}

	/* t&c */
	#tc p {
		margin: 0px 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: #0C5C8E;
		float: left;
		border: 0px;
		border-style: solid;

	}

.alert {  color: #FF0000}


/* Social Bookmarking */
div.social { margin: 16px 0; }

.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);
	}
	
	
/* Homepage - Articles */
		
	#game-details-border {
		width: 415px;
		#width: 415px;
		margin-top: 10px;
		margin-bottom: 0px;
				
		clear:both;
		float:left;
					
	}
	
	#game-details-content,game-details-content2 {
		width: 410px;
		#width: 410px;
		padding: 0px 10px 0px 10px;
	
	}
	
	#game-details-content img {
		padding: 0px 7px 5px;
	}
	
		
	#game-details-content h1 {
		margin:.2em 0 .2em 0;
		padding: 0px 0px 3px 0px ;
		font-size: 125%;
		font-weight: bold;
		color: #0C5C8E;
		border-bottom: 1px;
		border-bottom-style: solid;
		border-bottom-color: #bbb;
	}
		
	#game-details-content h2 {
		margin: 1px 0px -15px 0px;
		padding: 0px;
		font-size: 110%;
		color: #0C5C8E;
	}
	
	#game-details-content h3 {
		margin:.8em 0 .2em 0;
		padding:0;
		font-size: 100%;
		font-weight: bold;
		color: #0C5C8E;
	}

	#game-details-content h4 {
		margin:.8em 0 .2em 0;
		padding:0;
		font-size: 90%;
		font-weight: bold;
		color: #0C5C8E;
	}
	

	#game-details-content img {
		margin:0px 6px 0px 0px;
	}

	/* move these to ID sections */
	.price 				{ font-size: 105%; font-weight: 500; color: #333333 }
	.lowestprice 		{ font-size: 105%; font-weight: 600; color: #FF0000 }
	.description 		{ font-size: 105%; font-weight: 500; color: #333333 }
	.comp-table-text 	{ font-size: 105%; font-weight: 500; color: #333333 }
	p.breadcrumb 		{ font-size:  80%; font-weight: 600; color: #fff; 
	margin-left:1px; margin-top:1px;}	


	#pricesummary {	
		width: 95%;
		margin: 1px 0px 0px 0px;	/* has no affect on title block */	
		padding: 4px 0px 4px 4px;
		background-color: #E3FAC2;
	
	}

	#pricesummary dl {
		margin: 7px 2px 2px 10px
		}
		
	#pricesummary dt {
		margin-bottom:2px; 
		margin-left:0px;
		color: #666;
		font: bold 1.2em "Lucida Grande",sans-serif;
		}
		
	#pricesummary dd {
		margin-bottom:7px; 
		margin-left:0px;
		}
		
	.bestprice {
		color: red;
		font: normal 2em "Lucida Grande",sans-serif;
		margin-right: 5px;
		}
		
	.savingpercentage {
		color: red;
		font: normal 1.8em "Lucida Grande",sans-serif;
		margin-right: 5px;
		}
		
	.statprices {
		color: #11f;
		font: normal 1.2em;
		}
		
	.pricereduction {
		color: red;
		font: normal 1.5em "Lucida Grande",sans-serif;

		}

	.priceincrease {
		color: #11f;
		font: normal 1.2em;
		}

		
	.bestpricemerchant {
		color: #004f00;
		font: bold 1.3em "Lucida Grande",sans-serif;
		margin-right: 5px;
		
		 }
		
	#preorderinfo {
		margin:10px 0px 0px;
				
	}



			/* Anchor Links */
	#pricesummary a:link			{color:#555; text-decoration: none}
	#pricesummary a:visited 		{color:#555; text-decoration: none}
	#pricesummary a:active  		{color:#555; text-decoration: none}
	#pricesummary a:hover   		{color:#ccc; text-decoration: underline}
	
	
	
	
	/* works outside this template */
/* for articles boxes, try a single div with a fixed (no repeat-x) graphic at the top, sitting behind the H2 */
 
#gametable {
	clear: both;
	display: table;
	width: 95%;
	background: #fff;
	border-collapse: separate;
	margin: 0;
	text-align: left;
	padding: 2px 10px 2px;
	border-spacing: 2px 5px;
}
.row {display: table-row; margin: 0; border: 0; width: 100%;}

.cell {display: table-cell; background: #fff;  width: 30%;}

.cellblock 	{border: 0px 0px 0px; margin: 0;}
.celltitle 	{background: #aaa;  width: 95%;margin: 0px 10px;}
.cellfooter {background: #aaa;  width: 95%;margin: 0px 10px;}

	
.cell .cellblock p, .cell cellblock h4 {margin: 2px 5px; padding: 0;}
.cell img {float: left; padding: 2px 2px 5px;}

.cell .cellblock p.price {
		font-size: 110%;
		color: red;
		margin: 5px 0px 0px;
		}

.cell .cellblock p.save {
		font-size: 70%;
		color: brown;
		margin: 0;
		position: relative;
		bottom: 0px; right: 0px;
		}

.imagetablelinktext {text-align:right; font-size: 80%; margin: 0px 25px;}







/* Homepage divs */

	#col-layout-2 {
	    background:#fff; 
		  
	}

	    #homepage-left-col {
        float:left;
		width: 20%;
        margin:0 0 0 5px;
        background:#fff;    	
	}
	

	 #homepage-center-col {
       	
		float: right; 
		width: 75%;
		background: #fff; 
		
       
	}

	
	
	#newhomepage-headline-box {
		
		width: 97%;
		margin: 5px 0px 0px;
		border: 1px solid #bbb;
		
		
		
		/* background-image: url('/images/bars/title-bar-grey.gif');
		background-position: top left;
		background-repeat: repeat-x;
		*/
		background-color: #fff;
		
				
	}
	
	
	#newhomepage-headline-box P {
		padding: 2px 15px 2px;
	}

	#newhomepage-headline-box img {
		margin:0px 5px 10px 10px;
	}

	#newhomepage-headline-box h1 {
	margin: 0px 10px 0px;
	/* padding: 33px 5px 2px; */
	padding: 5px 5px 2px;

	}
	
	#newhomepage-headline-box h2 {
	margin: 0;
	padding: 3px 5px;
	color: white;

	}


	
	/* Anchor Links */
	#newhomepage-headline-box a:link    		{color:#00f; text-decoration: none}
	#newhomepage-headline-box a:visited 		{color:#00f; text-decoration: none}
	#newhomepage-headline-box a:active  		{color:#00f; text-decoration: none}
	#newhomepage-headline-box a:hover   		{color:#00f; text-decoration: underline}

	
	.propopen {clear: both}