/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/back.jpg);
}


#global {
	position:absolute;
	left: 50%;
	width: 820px;
	margin-left: -410px; /*half of the width*/
	top: 30px;
}

table{
	font-size:12px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}
a:active {
	color: #ffffff;
	text-decoration: none;
}
a:link {
	text-decoration: none;
	color: #ffffff;
}
.style4 {
	font-size: 18px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style5 {
	color: #333333;
	font-size: 11px;

}

label{
	padding: 0 0 0 0px;
	float: left;
	width: 110px;
	font-weight: bold;
	/* n  n  top  left*/
	margin: 0 0 0px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#FFFFFF;
	}
	
br{
	clear: left;
	}
	
input, textarea{
	width: 190px;
	margin-bottom: 0px;
	border: 1px solid #999;
	padding: 1px;
	}
	
select{
	width: 190px;
	margin:0 0 12px 0;
	border: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	}
textarea{
	width: 234px;
	height: 150px;
	}
.radio {
	border: none;
	width: auto;
	height: auto;
	margin: 0;
	}
.submitbutton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffba00;
	background: #d01414;
	padding: 2px;
	/*margin-left: 185px;*/
	margin-top: 0px;
	width: 30px;
	cursor:hand;
	}

.titles{
	position:absolute;
	top:310px;
	left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:justify;
	color:#000000;
	width: 500px;
	font-weight:bold;
}

.textblocks{
	position:absolute;
	top:345px;
	left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	width: 719px;
	line-height:20px;
}


.address{
	padding: 0 0 0 6px;
	float: left;
	width: 110px;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}

.stylelinks {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

a.stylelinks:hover{font-weight:bold; text-decoration:underline; color:#ffffff;}

/*
a:link 
a:visited 
a:active 
a:hover 

/*

a:link {
     color: #FFFFFF;
     background-color: transparent;
	 text-decoration:none;
}
a:visited {
     color: #FFFFFF;
     background-color: transparent;
	 text-decoration:none;
}
a:active {
     color: #FFFFFF;
     background-color: transparent;
	 text-decoration:none;
}
a:hover {
     color: #FFFF00;
     background-color: transparent;
	 text-decoration:none;
}


=================================================================================

FREE INDEX LINK (REQUIRES stylelinks):  KYANITE LINK (REQUIRES stylelinks):

<div style="position:absolute; top:787px; left:154px; width: 627px; text-align:right;">
<a href="http://www.kyaniteconsulting.co.uk" target="_blank" class="stylelinks">Web design by Kyanite - website design in Lincolnshire and across the UK.</a> &nbsp;&nbsp; <a href="http://www.kyanitewebhosting.co.uk" target="_blank" class="stylelinks">Providing affordable, robust web hosting.</a><br>
&nbsp;</div>

<div style="position:absolute; top:700px; left:558px;  width: 141px; text-align:right;">
<a href="http://www.freeindex.co.uk" target="_blank" class="stylelinks">UK Business Directory</a></div>

<div style="position:absolute; top:720px; left:279px;  width: 328px; text-align:left;">&nbsp;</div>

=================================================================================

Go back to previous page
<a href="" style="text-decoration:none;" onMouseOver="this.style.cursor='hand';" onClick="history.go(-1)"> << Go back >> </a>

/////////////////////////////////////////////////////////
Browser selection

if (ieVer==7) {
document.write('<div style="position:relative; top:5px; left:0px; height:3px; text-align: right; background-color: #FF0000;"></div>');
document.write('<div id="flashcontent" align="left" style="position:relative; top:8px; left:0px;"><p>Unable to load the Flash movie.</p></div>');

var so = new SWFObject("pstar.swf", "pstar", "700", "80", "6", "#ffffff"); 
so.write("flashcontent"); 
//
');


document.write('<div style="position:relative; top:386px; left:0px; height:3px; text-align:right; background-color:#FF0000;"></div>');
document.write('<div style="position:relative; top:386px; left:0px; height:13px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-right:25px; font-weight:bold; color:#FFFFFF; background-color:#333333;"><a href="links.php" style="color:#ffffff; text-decoration:none;">Links</a> </div>');
document.write('<div style="position:relative; top:386px; left:0px; height:3px; text-align:right; background-color:#FF0000;"> </div>');

}
else{
document.write('<div style="position:relative; top:-2px; left:0px;"><hr style="color:#ff0000; height:3px;"></div>');
document.write('<div id="flashcontent" align="left" style="position:relative; top:-6px; left:0px;"><p>Unable to load the Flash movie.</p></div>');

////////////////////////////////////////

PHP write to file
// Open the file and erase the contents if any
$fp = fopen("sql.txt", "w");
// Write the data to the file
fwrite($fp, $sql);
// Close the file
fclose($fp);

$fp = fopen("sql.txt", "w");
fwrite($fp, $sql);
fclose($fp);


/////////////////////////////////////////
Click for larger image on same page from same src 

<script type="text/javascript">
function doIt(obj){
document.getElementById("bigpic").src=obj.src
}
</script>

Thumbnail:
<img border="1" src="images\newpicsmall" width="60"  onclick="doIt(this)">

Large display:
<img id="bigpic" src="images\originalpic.jpg">


<script type="text/javascript">

if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Firefox/x.x or Firefox x.x (ignoring remaining digits);

 	document.write('<div class="textblocks" style="width:240px; height:auto; left:-4px; top:1040px; font-size:15px; text-align:center; line-height:25px; color:#FFFFFF; padding:5px; border:none; border-color:#FFFFFF; border-width:1px;"><span style="font-weight:bold;">MIRACOIL 3<br>COMFORT AND SUPPORT<br>FOR ALL<br>SHAPES AND SIZES</span></div>');

// 	document.write('<div class="textblocks" style="width:200px; height:115px; left:14px; top:1180px; font-size:12px; color:#FFFFFF; padding:5px; border:none; border-color:#FFFFFF; border-width:1px;"><span style="font-weight:bold;">Zip &amp; Link </span>sets have two mattresses zipped together on the top side and the divans linked in the centre. They can be used as two singles or one large king size bed.</div>');	

}
else{
 	document.write('<div class="textblocks" style="width:240px; height:auto; left:2px; top:1040px; font-size:15px; text-align:center; line-height:25px; color:#FFFFFF; padding:5px; border:none; border-color:#FFFFFF; border-width:1px;"><span style="font-weight:bold;">MIRACOIL 3<br>COMFORT AND SUPPORT<br>FOR ALL<br>SHAPES AND SIZES</span></div>');

// 	document.write('<div class="textblocks" style="width:200px; height:115px; left:20px; top:1180px; font-size:12px; color:#FFFFFF; padding:5px; border:none; border-color:#FFFFFF; border-width:1px;"><span style="font-weight:bold;">Zip &amp; Link </span>sets have two mattresses zipped together on the top side and the divans linked in the centre. They can be used as two singles or one large king size bed.</div>');
}

</script>


*/