.imgFloatRight { float:right; border:none; }
A.topnav 
{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none
}

A.topnav:hover 
{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: underline
}
a:hover {  text-decoration: none}
A.toplink { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: "Courier New", Courier, mono; text-decoration: none }
A.toplink:hover { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: "Courier New", Courier, mono; text-decoration: underline}
A.email { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: underline }
A.email:hover { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: underline}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top:3px; padding-bottom:3px;
}
img {
	border:none;
}
.text14pt {
	font-size:14px;
}
.redtext14pt {
	font-size:14px;
	color:#F00;
}
.text12pt {
	font-size:12px;
}
.topOrangeBoxes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	COLOR: #000000;
}
.bottomCopyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a:visited {
	color:#0066CC;
}
a {
	text-decoration: underline;
	color:#0066CC;
}
h1.openingtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin: 5;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 5;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0;
}
.catHdr{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.Flag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.attributename {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.attributeinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.required {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.magprices {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:3px;
	
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.red {
	color: #FF0000;
}
.letters {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.NewsLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}.otherMagRetailers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	
}

div#PopMags {
	
	padding-left:0;
}
div#PopMags ul {
	margin:0 5px 0 7px; 
	padding:0; 
}

div#PopMags li {
	margin:0.25em 0 0 0;
	list-style-type:none;
}	

div#PopMagsList ul {
	margin:0 0 0 1em;
	padding:10px; 
}		

div#PopMagsList li {
	list-style-image:url(subscription-images/closed.gif); 
	margin:0.25em 0 0 0;
}

.redPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
}
.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCC99;
	padding: 4px;
	margin: 2px 2px 2px 2px;
   }

.redBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #FF0000;
	padding: 5px;
	margin: 0px 5px 5px 5px;
}

.outerBlackBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000000;
	padding: 5px;
	margin: 0px 5px 5px 5px;
}

.blackBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #C2DAE4;
	padding: 0px;
	padding-top:3px;
	margin: 0px 5px 5px 5px;
}
.blackBox th {
	font-size:16px;
} 
.blackBox p {
	padding:8px;
} 
.blackBox h3 {
	padding:8px;
} 

.blackBoxAd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000000;
	padding: 5px;
	margin: 10px 5px 5px 5px;
	
   }
.blackBoxAd img {
 	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;	
   }
   
.blackTopBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
   }

.redBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #FF0000;
	padding: 5px;
	margin: 10px 5px 5px 5px;
   }
   
  /* 
#content_wrapper
	{
	float: left;
	width: 100%;
	}
#content
	{
	margin: 0 10px 0 200px;
	}
#nav
	{
	float: left;
	margin-left: -100%;
	width: 180px;
	}
*/
/*
#content_wrapper
{
	float: left;
	width: 960px;
}
#content
{
	margin: 0 10px 0 250px;
}
#nav
{
	float: left;
	margin-left: -960px;
	width: 180px;
}
*/
/*--------------------------------------------------------
the rest is the same no matter what the column ordering 
and plays no real part in the technique
---------------------------------------------------------*/
/*  throat, er cough, float, clearer
the container div and the clearing rules have no bearing on the 
technique - they're needed here on the footer's behalf
see http://www.positioniseverything.net/easyclearing.html for
an explanation of the voodoo applied to #container
Unfortunately neither of the other two easy clearing methods, 
namely applying either a float or overflow: auto (or hidden) to 
the containing wrapper works.
http://mezzoblue.com/archives/2005/03/03/clearance/
http://annevankesteren.nl/2005/03/clearing-floats
http://www.456bereastreet.com/lab/clearing_floats/
In both cases, the height of the containing wrapper is set to the 
height of block_1. Great if block_1 is the tallest column, not so good 
if it's not. (Though, of course, it should be noted that both 
methods work just fine in IE because of its infamous broken float
implementation)
*/
/*
#container:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#container
	{
	display: inline-block;
	}

* html #container
	{
	height: 1%;
	}
#container
	{
	display: block;
	}
*/

#content_area2
{
	width:960px;
	display:inline;
}
#nav2
{
	width:180px;
	float:left;
	margin-left:-960px;
	padding-bottom:10px;
}
#content2 {
	float:left;
	width:750px;
	margin-left:210px;
	display:inline;
}

#content_area
{
	width:960px;
	display:inline;
}
#nav
{
	width:180px;
	float:left;
	margin-left:-960px;
	padding-bottom:10px;
}
#content {
	float:left;
	width:750px;
	margin-left:210px;
	display:inline;
}
		
   
div#content h1 { text-indent:0px; }	
   

.open ul {
	display: block;	
	text-decoration:underline;
}
	
.closed {
	display: none;
}

.indent {
	margin:0 0px 0 17px; 
	padding:0;
}
* {margin:0; }
.line { line-height:0.5em; }

div#blackbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000000;
	padding: 5px;
	margin: 0px 2px 5px 2px;
	width:100%;
}
.blackDottedBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px dashed #000000;
	padding: 0px;
	margin: 0px 5px 5px 5px;
}
.magazines {
	display:none;
}
.left { float:left; padding:0px 5px 5px 5px;
}
.right { float:right; padding:0px 5px 5px 0px; border:none;
}



.accessaid {
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

#set_of_links {	position:relative; }
#set_of_links a:hover {	background:white;	text-decoration:none}
#set_of_links a span {	display:none;}
#set_of_links a:hover span { border:#000000 1px solid; background-color:#FFFFFF; display:inline; position:absolute;	top: 46px; right: 80px; width:200px;z-index:10;	left:25px;	padding:0px 5px 0px 5px}

.smallText {
	font-size:9px;
}
.altRow1 {
	background-color:#e9e9e9;
}
.altRow2 {
	background-color:#D2D2D2;
}
div#magInfo {
	margin-left:150px;
	width:400px;
	margin-top:-7px;
}
div#magInfoPPC {
	margin-left:150px;
	width:570px;
}
div#magReviews {
	margin-left:550px;
	width:200px;
}
table caption {
	margin:0;
	padding:5px;
	text-align:left;
	border: 1px solid #000;
	border-bottom:none;
	font-size:16px;
	font-weight:bold;
}
.blackbox th {
	border-bottom:1px solid #000;
}
div#footer {
clear:both;
	padding:3px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	text-align:center;
	background:url(images/footer-border.jpg) bottom left;
}

.fpRedBox {
	width:175px;
	background:url(images/fp-red-bottom.jpg) no-repeat bottom left;
	margin-top:2px;
	margin-left:2px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.fpRedBox p {
	padding:0px 10px 0px 10px;
}
.fpRedBox h2 {
	background:url(images/red-top.jpg) no-repeat top left;
	margin:0px;
	padding: 3px 8px 0px 10px;
	font-size:75%;
	text-align:center;
	color:#000;
	border-bottom:1px solid #A0A7C9;
}
.fpBox h2 {
	background:url(images/fp-full-box-top.jpg) no-repeat top left;
	margin:0px;
	padding: 3px 8px 0px 10px;
	font-size:75%;
	text-align:center;
	color:#000;
	border-bottom:1px solid #A0A7C9;
}
.fpBox h2 {
	background:url(images/fp-full-box-top.jpg) no-repeat top left;
	margin:0px;
	padding: 3px 8px 0px 10px;
	font-size:75%;
	text-align:center;
	color:#000;
	border-bottom:1px solid #A0A7C9;
}
.fpBox {
	width:175px;
	background:url(images/fp-bottom.jpg) no-repeat bottom left;
	margin-top:2px;
	margin-left:2px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.fpBox p {
	padding:0px 10px 0px 10px;
}

form {
	padding:3px;
}

.colourBoxHdr { 
	background-image:url(images/bkg-banner.jpg);
	padding:5px;
	margin: 5px 5px 0px 5px;
	border:#000000 1px solid;
}
.redBoxHdr { 
	background-image:url(images/bkg-banner-red.jpg);
	padding:5px;
	margin: 5px 5px 0px 5px;
	border:#000000 1px solid;
}

.voucherBox {
	font-size: 11px;
	border: 1px dashed #F00;
	padding: 1px;
	margin: 0px;
}   
.voucherRow {
	margin:10px;
}
div#buttons { margin:0px; padding:0px; }

#blueBox {
	border: 1px solid #C1DAD7;	
	margin-bottom:15px;
	margin-left:10px;
	margin-top:10px;
	padding-top:10px;
	margin-right:20px;
}
#socialtable {
	border: 1px solid #C1DAD7;	
	margin-left:10px;
	margin-top:5px;
}
#mytable {
	padding: 0;
	margin: 0;
	padding-left:5px;
}

caption {
	padding: 0 0 5px 0;
	width: 500px;	 
	font: italic 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 0px 3px 3px 3px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td { font-size:12px;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px 2px 2px 2px;
	color: #4f6b72;
}

#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
.mytableHdr {
	padding:10px;
}
.clearall { clear:both; }