BODY {
   margin:0;
   padding:0; 
   top:0; 
	background-image : url(/graphics/elements/pagebg.gif);
	background-color : #fcfcfc;
	background-repeat :  repeat-x;
	background-position:0px 101px;
	font-family : Arial, Helvetica, sans-serif;
	color : #2F4F4F;
	text-align:center;
}

/* colour defs:
0099cc royal blue
*/
/* General Styles */

p, ul, ol, blockquote { color: #2F4F4F; font-size:0.8em; 	font-family : Arial, Helvetica, sans-serif;}
ol ul{ font-size:1em;}

p{line-height:1.3em; margin-bottom : 0.8em;}

h1, h2, h3{ color: #136a93; margin-bottom:2px;	 margin-top:5px; font-family : Arial, Helvetica, sans-serif;}

h1 a, h2 a, h3 a, h1 a:visited, h2 a:visited, h3 a:visited {color:#0099cc; }

	h1{ font-size:1.2em; color:#666666;}
	h2{ font-size:1em;}
	h3{font-size:0.9em;}

a:link{ color: #483D8B; text-decoration:none;}
a:visited{ color:#483D8B}
a:hover{ color:#000000; text-decoration:underline}

a{text-decoration:none;}
p a{text-decoration:underline}
a p{text-decoration:none;}

a.noLine, a:hover.noLine, a:visited.noLine { text-decoration:none; color:#2F4F4F;}

/* General Classes */

.menu {padding-left:15px; border-top:0px solid black; height:20px; line-height:20px;}
.footer {font-size:0.7em;font-weight:bold; margin-top: 1em;color:#888888; }
	.footer a{ color:#888888;}
.hpinside {padding:15px; padding-top:5px; padding-bottom:0px;} 
.black{color:black;}
.smaller {font-size : 0.75em;}
.nomargin {margin:0;}
.spacer {width:100%; height:15px; clear:both;} 
.spacedline {line-height : 1.4em; overflow:visible;}
.padded {padding:15px;}
.white {color:white;}
	.white .hpprice{ color:#FFFFFF; line-height:1em;}
.clear{ margin:0px; padding:0px; overflow:hidden; height:1px; line-height:1px; clear:both;}
.bigNoPad{ line-height:1.5em; margin-left:0px; font-size:0.9em; padding-left:0px; margin-top:15px; }
.bigNoPad li{ padding-left:12px; margin-left:0px; list-style-type:none; background-image:url(/graphics/bullet.gif); background-repeat:no-repeat; background-position:0px 6px}
.roundedPic{ margin:0px; padding:0px; float:left; margin-top:5px; margin-right:6px;}

.arrow1{ padding-left:0px; margin-left:10px;}
.arrow1 li{ list-style-type:none; background-image:url(/graphics/bullet.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:13px;}

.cols3{ margin:0px; padding:0px; font-size:0.55em;}
.cols3 li{ list-style-type:none; display:block; float:left; width:180px;margin:0px; padding:0px;}

img.imageleft { float: left }
img.imageright { float: right } 

a.textlink{ background-image:url(/graphics/buttons/arrow2.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:18px; color:#0099cc; font-weight:bold;  }
	a:visited.textlink{color:#0099cc;}
	a:hover.textlink{color:#0099cc;}
	a:live.textlink{color:#0099cc;}




.button .roundedSmall{ background-image:url(/graphics/buttonbg.gif); border:1px solid #999999; display:inline; top:4px; }
.button span{ padding-left:10px; padding-right:10px;}
.button a{ color:#0099cc; font-weight:bold;text-decoration:none;}
.button a:hover{ text-decoration:none; color:#0066CC;}
.button:hover{ position:relative;text-decoration:none;}

/* Links Classes */
.menulink { margin-bottom:0px; margin-right:15px; margin-left:15px; font-size:0.9em; font-weight:bold; text-decoration:none; }
a.menulink {color: #0099cc}
a:hover.menulink {color: black; text-decoration:none;}
a:live.menulink {color:black}
	.menu a.current{ color:#000000;}

/* Home page only  Classes */
 .hpprice { font-size:2.7em; color:#0099cc;}
 .bigimg {float: left; margin-right:30px;}
 .hpsmallbox { float:left; margin-right:30px; width:240px; }
.hpsmallbox img {float:left;margin-right:15px; }
.hpsmallbox h3, p {margin:0; padding:0;}
.hpsmallbox a:hover h3{ color:#000000;}
.hpsmallbox p{float:right; width:173px;}
.userlogos {margin:0; padding:0; border:0; float:right;}
#hpbanner h1{ font-size:2em; margin-top:15px; color:#136a93;}
#hpbanner h2{ font-size:1.4em;}
#hpbanner img {margin-right : 20px; padding:0px; float: left;  margin-bottom:0px;}
#hpusers  p { margin:0; border:0; padding:0;font-size:0.8em; padding-left:50px; padding-top:12px; }

#hptsa p{ font-size:0.9em; margin-bottom:28px; margin-top:3px;}
#hptsa p:first-line{ font-size:1.4em;}
#hptsa p { line-height:1.7em; }


/* Article page  Classes */
.articlecontent{ }
.articleimage{width:230px; text-align:center; float:left; }
.articletext{width:550px; margin-top:30px; float:right; padding-bottom:20px; padding-right:15px;}
.articletext h1{ margin-bottom:10px;}
.articletext h2{ margin-top:20px; margin-bottom:4px;}
.articletext p{ margin-bottom:15px;}
.bluestripcontent {width:534px; float:right; padding-top:20px; padding-bottom:20px; }
.darkbluestripColumn{width:280px; float:left; margin-left:30px; padding-top:20px; }
	.darkbluestripColumn p{ font-size:0.7em;}
.darkbluestripColumn2{width:200px; float:right; margin-left:30px; padding-top:10px; padding-bottom:10px; }
	.darkbluestripColumn2 p{ margin-top:0px;  }

#bluestrip p{ margin-top:0px; padding:0px; }
#bluestrip{}

.quote{ background-image:url(/graphics/openQuotes.gif); background-repeat:no-repeat; margin-left:-26px; padding-left:26px; padding-bottom:5px; margin-top:20px; margin-bottom:0px;  }
	.quote img{ vertical-align:bottom; padding-left:5px; margin-right:-28px;}
.quoteName{ margin:0px;}


#bluestrip p.quoteBlue{ background-image:url(/graphics/openQuotesBlue.gif); background-repeat:no-repeat; margin-left:-26px; background-position:0px 10px;  padding-left:26px; padding-bottom:15px;font-weight:bold; color:#136a93; padding-top:10px;}
	.quoteBlue img{ vertical-align:bottom; padding-left:5px; margin-right:-28px; }
	.quoteLink{ float:right; font-weight:bold; font-size:0.85em; }
	.quoteLink a{color:#0099cc; text-decoration:underline; }
	.quoteComp{ margin-bottom:25px;}
	
.checkouttable{margin-top:10px}
.checkouttable td{ padding:2px; font-size:0.8em; padding-right:8px;}
.checkoutheader td{ background-color:#CCCCCC; border-bottom:1px solid black; font-weight:bold;}
.checkouttotal td{ border-top:1px solid black; border-bottom:3px double black; font-weight:bold;}
.rightAlign{ text-align:right;} 
.dottedTop td{border-top:1px dashed black; margin-top:5px;}
.checkouttable select{ font-size:0.8em;}
.dotndouble td{border-top:1px dashed black;border-bottom:3px double black;}

.contactForm{ font-size:0.8em; font-weight:bold; margin-left:20px; margin-top:20px; color:#136a93; }
.contactForm td{ vertical-align:top;}
.contactForm td .button a span{ color:#136a93; margin-top:30px;}

.darkbluestripColumn h3.white a{ color:#FFFFFF;}