/*
  Common CSS Styles V2.0

  History:
  2008 Feb 28: Version 1.0: Initial Version

  This module provides the styling for global application 
  within three related websites.

  Copyright (c) 2008, PageOne Websites and Internet Technology Co. 

*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxx RESET! xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var	{ border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }



/* xxxxxxxxxxxxxxxxxxxxxxx LAYOUT xxxxxxxxxxxxxxxxxxxxxxxx */

body {
	background: #f0f8fb url('../img/bg_tile.gif') repeat-x center top;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
	font-size: 90%;
	line-height: 1.4; 
	width:100%;
	}

#page_container	{
	margin: 0 auto;
	width:752px;
	}

.ppx_clear { background: transparent; clear:both; font-size:1px; height:1%; line-height:1px; } 
.clear { clear: both; }



/* xxxxxxxxxxxxxxxxxxxxxx LOGO AREA xxxxxxxxxxxxxxxxxxxxxx */

#header_container { }

#logo_container	{
	float:left;
	height:107px;
	width:325px;
	z-index:1;
	}

#top_right			{
	float:right;
	height:107px;
	text-align:right;
	width:427px;
	z-index:1;
	}

#nav_container {  }




/* xxxxxxxxxxxxxxxxxxxxxx HOME PAGE xxxxxxxxxxxxxxxxxxxxxx */

#indexCallout			{ background: url('../img/main_graphic.jpg') no-repeat top center; color:white; height:241px; overflow: hidden; width:752px; z-index:0; }

#indexCallout h1		{ border:0; line-height:1.2; margin:0; padding:35px 15px 0 15px; }
#indexCallout h2		{ border:0; line-height:1.2; margin:0 15px 10px 15px; padding:0; }

#indexCallout p {
	background: url('../img/png75.png') repeat top left;
	border: 0;
	color: #333;
	line-height: 1.6;
	margin:0;
	padding: 10px 15px;
	padding-bottom: 12px;
	margin-right:376px;
	}

.indexCalloutSm		{ float:left;margin-right:1px;width:250px; }
.indexCalloutSmR		{ float:left;margin-right:0;width:250px; }

* html .indexCalloutSm img		{ margin-bottom: -3px; }
* html .indexCalloutSmR img	{ margin-bottom: -3px; }

.normalCallout		{ border-top: 3px solid #333; color: #333; font-size: 80%; line-height: 1.7; margin-top:1px; padding: 10px 15px; }
.getStarted			{ color: #333; font-size: 80%; line-height: 1.7; margin-bottom: 50px; padding: 5px 15px; }

a:link.homerevCallout, a:visited.homerevCallout {
	background:#631b0f;
	border-bottom:1px solid white;
	color:white;
	display: block;
	font-size: 90%;
	font-weight:bold;
	line-height: 1.7;
	margin:0;
	padding:15px;
	text-decoration: none;
	}
a:hover.homerevCallout {
	background:#053c3d;
	border-bottom:1px solid white;
	color:white;
	display: block;
	font-size: 90%;
	font-weight:bold;
	line-height: 1.7;
	margin:0;
	padding:15px;
	text-decoration: none;
	}



/* xxxxxxxxxxxxxxxxxxxxxx HEADER AREA xxxxxxxxxxxxxxxxxxxxxx */

#content_container { background-color: #fff; }

#page_title {
	border-bottom: 3px solid #333;
	height: 145px;
	overflow: hidden;
	width: 752px;
	}

#page_info {
	background:#053c3d;
	border-right: 1px solid #fff;
	color: white;
	float: left;
	height:145px;
	overflow:hidden;
	width:199px;
	}

#page_info p {
	font-size:150%;
	font-weight:bold;
	line-height:1.1;
	margin:0;
	padding:15px;
	padding-top:85px;
	padding-bottom: 0;
	}

#page_photo { float: right; }



/* xxxxxxxxxxxxxxxxxxxxxx LEFT COLUMN xxxxxxxxxxxxxxxxxxxxxx */

#left_column {
	clear:left;
	display:inline;
	font-size: 90%;
	float:left;
	height: 1%;
	margin:0;	padding:0;
	width:575px;
	}

#left_pad { padding: 10px 15px; padding-bottom: 50px; }

#left_column p { line-height: 1.6; padding-right: 50px; }

#left_column p.quote {
	background: #f0f8fb;
	border-bottom: 1px solid #bedddf;
	color: #0b797c;
	font-size: 110%;
	padding: 20px;
	margin: 10px 0 5px 0;
	}



/* xxxxxxxxxxxxxxxxxxxxxx RIGHT COLUMN xxxxxxxxxxxxxxxxxxxxxx */

#right_column	{
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	clear:right;
	display:inline;
	float:right;
	height: 1%;
	margin:0 0 50px 0;	padding:0;
	width:176px;
	}

.right_pad { padding: 10px; }

#right_column p.quote {
	background: #f0f8fb;
	border-bottom: 1px solid #bedddf;
	color: #0b797c;
	font-size: 84%;
	padding: 10px;
	margin: 0 0 5px 0;
	}



/* xxxxxxxxxxxxxxxxxxxxxx FOOTER xxxxxxxxxxxxxxxxxxxxxx */

#footer_container {
	border-top: 15px solid #053c3d;
	font-size: 80%;
	line-height: 1.6;
	padding:10px 0;
	}

#footer_container p							{ color: #999; margin:0; padding: 0; }
#footer_container p.sitedesign 			{ padding-top: 20px;  padding-bottom: 20px;  }
#footer_container p.phonerow			{ color: #053c3d; line-height: 1; margin:0; margin-top:20px; margin-bottom:10px; padding:0; }
#footer_container span.phonebox	{ padding:10px 10px 11px 10px;background:#fff;border:1px solid #ccc;border-bottom:1px solid #aaa;margin-right:5px;}

#footer_container p a						{ color: #666; }

#footer_container .footer_logo			{ border:1px solid #ddd;float:right;height:120px;width:150px; }
#footer_container .iconFooter			{ border-right:5px solid white; margin-bottom:-2px; }



/* xxxxxxxxxxxxxxxxxxxxxx TYPOGRAPHIC xxxxxxxxxxxxxxxxxxxxxx */

h1, h2, h3, h4, h5, h6 { line-height: 1.3; }

h1 { font-size: 200%; margin: 0 0 5px 0; padding: 10px 0 2px 0; border-bottom: 1px solid #eee;  }
h2 { font-size: 150%; margin: 0; padding: 10px 0 5px 0; }
h3 { font-size: 140%; margin: 0; padding: 10px 0 5px 0; }
h4 { font-size: 120%; margin: 0 0 10px 0; padding: 18px 0 5px 0; border-bottom: 1px solid #0b797c; color: #0b797c; }
h5 { font-size: 100%; margin: 0 0 5px 0; padding: 18px 0 5px 0; border-bottom: 1px solid #0b797c; color: #666; }
h6 { font-size: 100%; margin: 0; padding: 10px 0 5px 0; }

p { margin: 0; padding: 5px 0; }

.rightlinks { padding:10px 10px 13px 10px;border: 1px solid #eee;text-align: center; }
.jobtitle { font-size: 90%; color: #aaa; padding-top:0;margin-top:0; }
.linkinfo { font-size: 90%; padding-top: 0; margin-top: 0; color: #666; padding-bottom:15px; margin-bottom:10px; border-bottom: 1px solid #eee; }
.buynow { padding: 10px;margin:10px 0;background: #ddd;text-align: center; }
.buynowprice { color: #528a33; font-size: 120%;font-weight: bold; padding:10px 40px; margin:0; border: 1px solid #ddd;background: #eee url('../img/icon_Payment.gif') center left no-repeat; }
.blockquote { padding-left: 20px; }


/* xxxxxxxxxxxxxxxxxxxxxx IMAGES xxxxxxxxxxxxxxxxxxxxxx */

.img-left					{ margin-top: 6px; border: 1px solid #ddd; float: left; margin-right:15px;  }
.img-right					{ margin-top: 6px; border: 1px solid #ddd; float: right; margin-left:20px;  }
.img-right-marg		{ margin-top: 6px; border: 1px solid #ddd; float: right; margin-left:20px; margin-bottom:10px;  }
.img-right-nobdr		{ margin-top: 6px; border: 0; float: right; margin-left:20px; margin-bottom:10px;  }
.img-right2				{ margin-top: 6px; border: 0; float: right; margin-left:0;  }

.icon16 { border-right:5px solid white; margin-bottom:-3px; }
.icon15 { border-right:10px solid white; margin-bottom:-2px; }


form.paypalBtn			{ line-height:1;display:inline;margin-bottom:0;margin-top: 6px; border: 1px solid #ddd; float: right; margin-left:10px; width: 73px; height: 44px; padding: 10px;  }
form.paypalBtn-left	{ line-height:1;display:inline;margin-bottom:0;margin-top: 6px; border: 1px solid #ddd; float: left; margin-right:10px; width: 73px; height: 44px; padding: 10px;   }


form.paypalBtn input, form.paypalBtn-left input { line-height:1; border: 0; margin: 0; margin-bottom: -3px; padding: 0;}



/* xxxxxxxxxxxxxxxxxxxxxx LISTS xxxxxxxxxxxxxxxxxxxxxx */

.rightlist, .rightlist li {
	font-size: 90%;
	list-style-type:none;
	margin: 0;
	padding:0;
	width: 100%;
	}

.rightlist li a:link, .rightlist li a:visited {
	background: #f0f8fb;
	color: #053c3d;
	display: block;
	height: 1%;
	margin-bottom: 1px;
	padding: 3px 5px;
	text-decoration: none;
	}

.rightlist li a:hover {
	background: #b1cbcb;
	color: #053c3d;
	display: block;
	height: 1%;
	margin-bottom: 1px;
	padding: 3px 5px;
	text-decoration: underline;
	}

.rightlist li a.grayout:link, .rightlist li a.grayout:visited {
	background: #eee;
	color: #ccc;
	cursor: default;
	display: block;
	height: 1%;
	margin-bottom: 1px;
	padding: 3px 5px;
	text-decoration: none;
	}

.rightlist li a.grayout:hover {
	background: #eee;
	color: #ccc;
	cursor: default;
	display: block;
	height: 1%;
	margin-bottom: 1px;
	padding: 3px 5px;
	text-decoration: none;
	}

.iconList	{
	list-style-type: none;
	padding-left:20px;
	}



/* xxxxxxxxxxxxxxxxxxxxxx LINKS xxxxxxxxxxxxxxxxxxxxxx */

a:link, a:visited {
	color: #053c3d;	
	font-weight:bold; 	
	text-decoration:underline
	}

a:hover {
	color: #ce0000;	
	font-weight:bold; 
	text-decoration:none
	}



/* xxxxxxxxxxxxxxxxxxxxxx TABLES xxxxxxxxxxxxxxxxxxxxxx */

table {
	border: 1px solid #eee;
	margin:0;
	padding:0;
	width: 100%;
	}

td {
	border: 1px solid #eee;
	margin:0;
	padding:5px;
	}



/* xxxxxxxxxxxxxxxxxxxxxx GLOBAL STYLES xxxxxxxxxxxxxxxxxxxxxx */

.buttons			{ margin:25px 0; }
.highlight			{ background-color: #f9f1c2; }
.marg10_top		{ margin-top: 10px; }
.pad10				{ padding: 10px; }
.printerform		{ background: white; }
.text-center		{ text-align: center; }
.toolboxprice	{ color: green; font-weight: bold; }



/* xxxxxxxxxxxxxxxxxxxxxx MISC STYLES xxxxxxxxxxxxxxxxxxxxxx */

#skinnyDiv {
	float:left;
	width: 285px;
	}

#skinnyDiv p {
	border-top: 2px solid #eee;
	padding: 5px; 
	}



/* xxxxxxxxxxxxxxxxxxxxxx FAX ORDER FORM xxxxxxxxxxxxxxxxxxxxxx */

.formBox { background: white; border: 2px solid #f9f1c2; padding: 10px; margin-top: 5px; margin-bottom: 5px; }

div.formBox h6 { line-height: 1;margin:0;padding: 0; text-align: center; }
div.formBox h3 { line-height: 1;margin:0;padding: 5px 0 8px 0; text-align: center; }
div.formBox h1 { line-height: 1;margin:0;padding: 10px; margin-top: 5px; text-align: center;border:0; }

.formTitle { text-align: right; font-weight: normal; width: 150px;vertical-align: middle;}
.form_app			{ border: 1px solid #aaa; margin: 0; padding: 2px; font-weight: bold; font-family: "Courier New", Courier, sans-serif; font-size: 16px; width: 300px; }
.form_appTall	{ border: 1px solid #ddd; border-bottom: 1px dashed #666; margin: 0; padding: 10px 2px; font-weight: bold; font-family: "Courier New", Courier, sans-serif; font-size: 16px; width: 300px; }
.form_appSm	{ border: 1px solid #aaa; margin: 0; padding: 2px; font-weight: bold; font-family: "Courier New", Courier, sans-serif; font-size: 16px; width: 60px; }
.blockquote { padding-left: 10px;padding-top:0;padding-bottom:0;margin-top:10px;margin-bottom:10px;margin-left: 25px; border-left: 2px solid #ddd; }

.articledate { margin-top: 0;padding-top: 0; }



/* xxxxxxxxxxxxxxxxxxxxxx CONTACT FORM xxxxxxxxxxxxxxxxxxxxxx */

form, label, fieldset, legend	{ border:0; margin:0; padding:0; }
input, textarea { margin-bottom:10px; }
legend { font-weight:bold; }
label { cursor:pointer; border-bottom:1px solid #ccc;margin-left:10px; }

.formcontainer { margin: 10px 0; text-align: center; width:545px; }

#contactform {
  background-color:#eee;
  border:0;
  border-bottom: 1px solid #aaa;
  display:block;
  line-height:2;
  margin: 0;
  padding: 0;
  text-align: left;
  }

#Name, #EmailAddress, #YourEnquiry {
  border: 1px solid #ddd;
  font-family: "Courier New", "Courier Std", Courier, "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
  font-size: 16px;
  margin: 0 10px;
  padding: 10px;
  width: 500px;
  }

#contactformbtn { 
  background-color: #fff;
  cursor: pointer;
  color: #666;
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 10px;
  }

.contacttable table, .contacttable tr, .contacttable td {  border: 0;  border-collapse: collapse;  border-spacing: 0;  margin: 0;  outline: 0;  padding: 0;  text-align: left;  vertical-align: top;  }
.contacttable table td {  border: 0; padding:10px;  }
.fldname {  font-weight:bold;  text-transform: none;  padding:0;  }
.flddata {  font-weight:normal;  padding:0;  }