.alert	{
		color: rgb(255, 50, 34);
		font-style: italic;

	}

a:link{

	color: rgb(43, 38, 128);
	}


a:link.attention	{
	text-decoration: none;
	color: rgb(255, 0, 0);
	font-weight: bolder; 

	font-style: normal;
	}
	

a:link.overBlue	{

	/* color: rgb(255, 252, 242); */
	text-decoration: none;

	}



a:visited{

	color: rgb(41,41,41);

	}


a:visited.attention	{
	text-decoration: none;
	font-weight: normal; 

	font-style: normal;
	}
	

a:visited.overBlue	{

	/* color: rgb(255, 252, 242); */
	text-decoration: none;

	}

	

a:hover {

	color: rgb(76, 15, 10);

	}


a:hover.overBlue {

	/* color: rgb(160,160,255); */

	}

table.comparison a:hover {

	color: rgb(76, 15, 10);


	}
	
body  {	font-family: Arial, sans serif;

	font-size: 100%;

	font-style: normal; 

	line-height: 140%;  

	background-color: rgb(255, 255, 255);

	margin-top:0;

	margin-bottom:0;

	margin-left: 0;

	margin-right: 0;

	color: rgb(0,0,0);

	height: 100%;

	}
	
dd	{
	margin-top: 11px;
	margin-bottom: 11px;
	}
	

dt	{
	color: rgb(0,0,0);
	margin-top:64px;
	margin-bottom: 5px;
	font-weight: bold;
	}
	

div.bigPic	{

	position: relative;

	left: 17%;

	width: 79%;

	margin-left: 0%;

	margin-right: 0%;

	}


div.breakout	{

	background-color: rgb(250, 245, 245);
	border: 1px solid rgb(179, 35, 24);
	width: 75%;
	font-family: monospace;

	}
	
div.johnson	{
	border: 2px dotted rgb(179, 35, 24);
	width: 75%;
	font-family: serif;
	}
	

div.leftMenu	{

/*	position: absolute;

	top: 88px;

	left: 0%; */

	width: 15%;

	height: 100%;

	border-right: 1px solid rgb(225,225,225);

	margin-left: 5px;

	}

	
.left	{

	position: relative;

	/*top: 125px;*/
	left: 20%;

	width: 80%;
	padding-top: 18px;

	margin-left: 0%;

	margin-right: 0%;
	background-color: rgb(250, 245, 245);
	}


div.logo	{
	/*position: absolute;

	top: 0px;

	left: 0px;*/
	width: 20%;
	background-color: rgb(250, 245, 245);
}

div.lp	{
	position: absolute;
	top: 330px;
	left: 2px;
	/*position: relative;
	top: 100px;*/
}

div.lp table	{
	width: 100px;
	}

div.right	{

/*	position: absolute;

	top: 86px;

	left: 67%;*/

	width: 29%;

	}



div.menu	{

/*	position: relative;

	left: 25%;

	width: 63%;*/
	}


div.numVisitors	{
	position: absolute;
	top: 450px;

	left: 5px;

	width: 15%;
	font-style: italic;
	font-size: 80%;
	color: rgb(102, 102, 102);
}

div.quote	{

	background-color: rgb(250, 245, 245);
	border: 1px solid rgb(179, 35, 24);
	width: 75%;
	margin-left: 2%;
	}

div.tandc	{
	background-color: rgb(250, 245, 245);
	}

div.tandc p	{

	font-size: 75%;
	margin-left: 0;

	}

div.tandc h1	{

	font-size: 100%;
	margin-left: 0;

	}

div.tandc h2	{

	font-size: 75%;
	margin-left: 0;

	}
	
div.tandc li	{

	font-size: 75%;
	margin-left: 0;

	}

div.wholeBody	{
		/*border: 1px solid red;*/
	}


em,	.emphasise	{

	font-weight: bolder; 

	font-style: normal;

	color: rgb(179, 35, 24);

	}



em.adHeadline	{

	font-weight: bolder;
	font-size: 150%;
	line-height: 150%;

	font-style: normal;

	color: rgb(179, 35, 24);
	text-decoration: none;

	}


em.bigQuote	{
	font-size: 150%;
	font-weight: bold;
	}

form.paypal	{
}


h1   { 

	font-family: arial, sans serif;
	font-weight: bolder;

	font-style: normal;

	font-size: 200%;
	line-height: 120%;

	/*color: rgb(179, 35, 24);
	background-image: url(ball.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	text-indent: 40px;*/
	/*background-color: rgb(179, 35, 24);
	color: rgb(255, 252, 242);
	background-image: url(horizontalBG.png);
	font-weight: bold;
	position: relative;
	left: -2%;
	padding-left: 2%;*/
	color: rgb(179, 35, 24);
	font-weight: bold;
	}

	

h1.main   {

	font-weight: bolder; 

	font-style: normal;

	margin-left: 22%;

	margin-right: 33%;

	margin-top: 0;

	background-color: rgb(179, 35, 24);

	color: rgb(255, 252, 242);

	margin-top: 10px;

	margin-bottom: 0px;

	}
	

h2    {
	font-family: arial, sans serif;

	font-weight: bolder; 

	font-style: normal;

	font-size: 150%;
	line-height: 120%;

	margin-left: 0;

	margin-right: 0;

	}



h3    { 

	font-weight: bolder; 

	font-style: normal;

	font-size: 100%; 

	margin-left: 0%;

	margin-right: 10px;

	}



h4    { 

	font-weight: normal; 

	font-style: normal;

	text-decoration: underline;

	font-size: 100%; 

	margin-left: 0%;

	margin-right: 10px;

	}



h5    { 

	font-weight: normal; 

	font-style: normal;

	text-decoration: none;

	font-size: 100%; 

	margin-left: 0%;

	margin-right: 10px;

	}
	
img {

	border: 0;
	}


img.editorial	{

	margin: 10px;
	float: right;
	margin-right: 50px;
	}

img.editorialAlone	{

	margin: 2%;
	}
	
img.enquire	{
	position: absolute;

	top: 95px;

	left: 20%;
}

img.frontPage	{
	float: left;
	margin-right: 2%;
}

img.logo	{
	position: absolute;

	top: 0px;

	left: 20%;
}


table.photo img {

	border-bottom: 0px solid rgb(116,116,116);
	}

	

img.selection, img.button, img.buttonNoPrint	{

	border: none;

	}


img.table	{

	margin: 10px;
	float: right;
	}
	

img.top	{

	height: 104px;

	width: 100%;
	/*border: 1px solid green;*/
	}
	
input, textarea	{

	/*background-color: rgb(225,225,225); (caused problems with buy now buttons) */

	}


div.buy	{
	margin-top: 20px;
	text-align: center;
	}
	

input.enquire	{

	/*background-color: rgb(204,68,0); (was) */
	background-color: rgb(178,125,0);

	position: absolute;

	left: 67%;

	top: 74px;

	border: 1px solid rgb(125,42,0);
	color: rgb(255, 252, 242);
	width: 19%;

	}


input.error	{
	background-color: rgb(247, 173, 173);
	border: 1px solid rgb(247, 124, 124);
}

li	{
	margin-top: 5px;
	}
	

p	{



	}


p.buyLink {
	font-size: 200%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
}

p.quoteRun	{
	font-style: italic;
	}
	
div.left p, h1, h2, h3, h4, dd, dt, li {

	margin-right: 46%;
	margin-left: 2%;

	}

table.comparison h3, table.comparison p {
	margin-right: 2%;

}

table.integrationFrontPage	{
	position: absolute;
	top: 100px;
	}

div.left p.quote	{
	margin-right: 2%;
	margin-left: 5%;
	font-style: italic;
	}

div.left p.subscribe	{
	margin-right: 2%;
	margin-left: 5%;
	font-size: 60%;
	font-style: italic;
	}
	
div.left p.title	{
	margin-right: 2%;
	margin-left: 5%;
	font-weight: bold;
	}
	
table.rentBuy p {
	margin-right: 2%;
}

table.rentBuy li	{
	margin-right: 2%;
}

table.rentBuy h2	{
	margin-right: 2%;
}


ul.noMargin li	{
	margin-right: 2%;
	margin-left: 2%;
}

div.breakout	p {
	margin-right: 2%;
	margin-left: 2%;	
	}
	
div.johnson	p {
	margin-right: 2%;
	margin-left: 2%;	
	}

div.quote	p {
	background-image: url(tick15.jpg);
	background-repeat: no-repeat;
	margin-right: 2%;
	margin-left: 2%;
	padding-left: 8%;
	}

div.quote	em {
	color: rgb(0,0,0);
	}
	
p.attribution {
	font-size: 60%;
	font-style: italic;
	margin-right: 4px;
	margin-left: 4px;
	}

p.download {
	font-weight: bold;
	color: rgb(179, 35, 24);
	border: 2px dotted rgb(179, 35, 24);
	text-align: center;
	font-size: 150%;
	padding: 2%;
}


p.error	{

	color: rgb(255,0,0);

	}


p.first	{
	font-weight: bold;
	}
	

p.footer	{

/* background-color: rgb(179, 35, 24); */
	border-top: 1px solid rgb(179, 35, 24);

/* color: rgb(255,255,255); */

	font-style: italic;

	font-size: 75%;

	vertical-align: bottom;

/*	margin-left: 17%;

	width: 49%; */
	clear:both;
	padding-left: 5px;
	padding-right: 5px;

	}



p.margins	{

	margin-left: 21%;

	margin-right: 29%;

	}


form.price	{
	text-align: right;
	}
	

p.top	{

	color: rgb(255, 252, 242);

	position: absolute;

	left: 22%;

	width: 43%;

	font-size: smaller;

	font-style: italic;

	}



.forthcoming	{

	font-style: italic;

	color: rgb(204,204,204);

	}


sup	{
}

span.topRight	{

	position: absolute;

	left: 67%;
	top: 30px;

	color: rgb(255, 252, 242);

	font-size: 150%;
	font-weight: bold;

	}

span.no	{
	color: rgb(204,0,0);
	font-weight: bold;
	font-size: 120%;
	}

span.yes	{
	color: rgb(0,204,0);
	font-weight: bold;
	font-size: 120%;
	}
	

table	{

	}


table.btsTable	{
	border: 1px solid rgb(179, 35, 24);
	margin: 1%;
	float: left;
	background-color: rgb(255,252,242);
}

table.comparison	{
	border-top: 3px solid rgb(179, 35, 24);
	border-bottom: 3px solid rgb(179, 35, 24);
	border-left: 1px solid rgb(179, 35, 24);
	border-right: 1px solid rgb(179, 35, 24);
	border-collapse:collapse;
	margin-right: 50px;
	margin-left: 2%;
}

table.comparison th	{

	background-color: rgb(250, 245, 245);
	color: rgb(0,0,0);
	border-bottom: 1px solid rgb(179, 35, 24);
	}
	
table.comparison th, table.comparison td 	{
	padding: 5px;
	border-right: 1px solid rgb(179, 35, 24);
	}

table.comparison td 	{
	text-align: center;
	}

table.comparison p, table.comparison h3 {
	text-align: left;
	}
	
table.leftBody	{
	margin: 2%;
	background-color: rgb(252,250,250);
}

table.prices, table.prices2, table.contact	{
	border-top: 3px solid rgb(179, 35, 24);
	border-bottom: 3px solid rgb(179, 35, 24);
	border-left: 1px solid rgb(179, 35, 24);
	border-right: 1px solid rgb(179, 35, 24);
	border-collapse:collapse;
}

table.prices2{
	margin-right: 0;
}

table.rentBuy	{
	border-top: 3px solid rgb(179, 35, 24);
	border-bottom: 3px solid rgb(179, 35, 24);
	border-left: 1px solid rgb(179, 35, 24);
	border-right: 1px solid rgb(179, 35, 24);
	border-collapse:collapse;
	margin-right: 50px;
	margin-left: 2%;
}

form.prices2	{
	margin-right: 50px;
}

table.select	{

	width: 80%;

	border: 1px solid rgb(116,116,116);

	}



table.selection {

	margin-left: 25%;

	width: 71%;

	border-top: 1px solid rgb(100,100,100);

	}	



table.detail {

	margin-left: 25%;

	width: 39%;

	}	

	

th, td	{

	vertical-align: top;

	text-align: left;
	}	


table.btsTable th, table.btsTable td	{

	padding: 3px;
	}

table.photo td	{

	background-color: rgb(116,116,116);

	color: rgb(251,251,251);

	}


table.prices td, table.prices2 td	{
	padding: 1%;
}

table.prices th, table.prices2 th,	table.rentBuy th	{
	padding: 1%;
}


table.photo {

	border-width: 0px;

	border-spacing: 0px;

	}



table.photoLarge {

	border-width: 0px;

	border-spacing: 0px;

	width: 712px;

	}

	

table.photoLarge td	{

	background-color: rgb(116,116,116);

	color: rgb(251,251,251);

	font-weight: bold;

	}

	

.detailOne	{

	width: 25%;

	}

	

.detailTwo	{

	width: 50%;

	}



.detailThree	{

	width: 50%;

	}

	

td.innerSelectionOne	{

	width: 24%;

	}

	

td.innerSelectionTwo	{

	width: 24%;

	}

	

td.inLeft	{

	width: 20%;

	}

	
td.inLeft2	{

	width: 40%;

	}


td.inset	{
	padding-left: 1%;
	}
	
td.lhs	{
	width: 25%;
	}


td.selectionText	{

	width: 58%;

	}

	

.edge	{

	background-color: rgb(219,219,219);

	color: rgb(100,100,100);

	}



.topEdge	{

	border-bottom: solid 1px rgb(100,100,100);

	}


td.title	{
	background-color: rgb(179, 35, 24);
	color: rgb(255, 252, 242);
	background-image: url(horizontalBG.png);
	font-weight: bold;
}

td.title2	{
	font-weight: bold;
	padding-top: 30px;
}


th	{

	background-color: rgb(179, 35, 24);

	color: rgb(255, 252, 242);

	}

	

table.prices td, table.prices2 td	{
	border-bottom: 1px solid rgb(179, 35, 24);
}

table.contact td	{
	padding: 5px;
	padding-bottom: 10px;
	}


table.contact td.firstCol	{
	font-weight: bold;
	text-align: right;
	}

/* sliding door button stuff from http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */

 .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a2.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span2.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a#enquireTop	{
	position: absolute;
	top: 65px;
	left: 20%;
}