/***********************************************************
 * BTS Formatting data
 * 18th march 2010
 * (c)Bout Time Software

 outline-style:none; outline-width:0;

 ***********************************************************/

* :focus { outline: 0; }

BODY {
	BACKGROUND-IMAGE: url(images/body-bg.jpg);
	FONT-FAMILY	: Verdana, Arial, Tahoma; 
	font-size	: 12px;
	MARGIN		: 0px;
	WIDTH		: auto;
	MIN-WIDTH	: 980px;
}

.MainBody {
	BACKGROUND-IMAGE: url(images/ext-cog1.jpg);
	BACKGROUND-REPEAT: repeat-x;
	COLOR		: #000088;
	FONT-SIZE	: 12px;
	PADDING		: 0px 5px 5px 0px;
	text-align	: center;
}

.header
{
	background	: url(images/header.jpg) no-repeat;
	WIDTH		: 978px;
	HEIGHT		: 223px;
 	TEXT-ALIGN	: center;
}

.base
{
	background	: url(images/base.jpg) no-repeat;
	WIDTH		: 622px;
	HEIGHT		: 144px;
	TEXT-ALIGN	: center;
}


table {font-family : verdana; font-size	: 12px;}

#nav-menu 	{ padding : 20px 0px 0px 0px;} 
#nav-menu ul	{ list-style: none;padding: 0;margin: 0;}
#nav-menu li
{
	margin		: 0 0.15em; 
	color		: #fff;
	text-align	: left;
	padding-left	: 5px;
	FONT-FAMILY	: "Trebuchet MS", Tahoma, Arial; 
	font-size	: 12px;
}
#nav-menu li a
{
	background	: url(images/menu2.jpg) top left no-repeat;
	height		: 2em;
	line-height	: 31px;
	width		: 175px;
	height		: 31px;
	display		: block;
	color		: #fff;
	text-decoration	: none;
	text-align	: center;
	font-weight	: bold;
	FONT-FAMILY	: "Trebuchet MS", Tahoma, Arial; 
	font-size	: 14px;
}
#nav-menu li a:hover
{
	background	: url(images/menu1.jpg) no-repeat;
	padding-top	: 0px;
	height		: 31px;
	color		: #FF0;
	font-weight	: 600;
}
.banner {								/* Page Header */
	text-shadow	: #ffffff 20px -12px 5px;
	COLOR		: white;
	FONT-SIZE	: 20px;
	TEXT-ALIGN	: center;
	FONT-FAMILY	: "Trebuchet MS";
	margin		: 5px 165px 0px 150px;
}
.box {									/* standard box for use with border graphics */
	clear		: both;
	PADDING		: 10px 15px 10px 20px;
	margin		: 0px;
}
.boxmain {								/* for use inside box border graphics */
	PADDING		: 0px;
	margin		: 0px;
	background	: url(images/box1-bg.jpg);
	border		: 0px #FF0000 solid;
}
.boxin {								/* for use inside box border */
	PADDING		: 10px;
	margin		: 0px;
	border		: 0px #000 solid;
	text-align	: justify;
}
.boxs {									/* standard box for use with square border and flat bg */
	PADDING		: 10px 15px 10px 20px;
	margin		: 0px;
	border		: 1px solid #aaaaaa;
	background-color: #eeeeee;
}
.boxd {									/* standard box for use with square border and flat bg details in portfolio also idea for float right modules.*/
	PADDING		: 5px 5px 5px 5px;
	margin		: 0px;
	border		: 1px solid #aaaaaa;
	background-color: #eeeeee;
	width		: 250px;
}
.boxdhdr {								/* header for boxd */
	PADDING		: 5px;
	margin		: 0px;
	border		: 1px solid #aaaaaa;
	background-color: #aadddd;
	color		: #4444ff;
	FONT-SIZE	: 14px;
	font-family	: Tahoma, Arial;
	text-align	: center;
	width		: 250px;
}
.boxl {
	float		: left;
	width		: 46%;
	PADDING		: 10px 10px 10px 20px;
	margin		: 0px;
}
.boxr {
	float		: right;
	width		: 46%;
	PADDING		: 10px 15px 10px 10px;
	margin		: 0px;
}
.boxf {
	FLOAT		: left;
	TEXT-ALIGN	: center;
	FONT-SIZE	: 12px;
	PADDING		: 10px;
}
.boxfr {
	FLOAT		: right;
	TEXT-ALIGN	: center;
	FONT-SIZE	: 12px;
	PADDING		: 10px;
}


.boxd ul
{
	list-style	: circle;
	padding-left	: 20px;
	margin		: 0px;
}
.textfloat {								/* text box to allow content to float left with fixed width, to support wide screen monitors it will look like columns */
	float		: left;
	PADDING		: 10px 10px 10px 10px;
	margin		: 0px;
	width		: 850px;
}
.words {
	FONT-FAMILY:   "Trebuchet MS", Tahoma, Arial;
	COLOR:         #000088;
	FONT-SIZE:     12px;
	MARGIN:        0px;
}
.wordsdull {
	FONT-FAMILY:    Tahoma, Verdana, arial;
        COLOR:         #888888;
	FONT-SIZE:     12px;
}
.wordsred {
	FONT-FAMILY	: "Trebuchet MS", Arial;
	COLOR		: #FF0000;
	FONT-SIZE	: 12px;
	MARGIN		: 0px;
}
.wordsor {								/* package headings */
	FONT-FAMILY	: sans-serif, verdana;
	BACKGROUND-COLOR: #D1D6C9;
	COLOR		: #000088;
	FONT-SIZE	: 14px;
	MARGIN		: 0px;
}
.wordst {								/* for use in package compare table */
	FONT-FAMILY	:"Trebuchet MS", Tahoma, Arial;
	COLOR		:#000088;
	FONT-SIZE	:12px;
	MARGIN		:0px;
}
.ver {									/* to display version */
	FONT-FAMILY	: Tahoma, arial;
        COLOR		: #666666;
	FONT-SIZE	: 10px;
}
.wordssmallhead {							/* used in demonstration for smaller headings */
	FONT-FAMILY	: Tahoma, Arial;
	COLOR		: #444444;
	FONT-SIZE	: 18px;
}
.hdr {									/* for standard headings */
	background	: url(images/marker.gif) top left no-repeat;
        WIDTH		: 400px;
	HEIGHT		: 73px;
	padding		: 0px 0px 0px 80px;
	COLOR		: #000058;
	FONT-SIZE	: 20px;
	font-family	: Arial;
	text-align	: left;
}
.hdrw {									/* for standard headings white*/
	COLOR		: white;
	FONT-SIZE	: 22px;
	text-align	: left;
	FONT-FAMILY	: "Trebuchet MS", Tahoma, Arial;
}
.owordsheadh {
	FONT-FAMILY	: Arial;
	COLOR		: #000000;
        TEXT-ALIGN	: left;
	FONT-SIZE	: 18px;
}
.ohelp {
	FONT-FAMILY	: Arial;
	PADDING		: 10px 10px 40px 40px;
        COLOR		: #666666;
        text-align	: left;
	font-size	: 12px;
}

.crpprice {								/********* for coupon pricing  need to include here as crp is included in html */
	FONT-FAMILY	: "Trebuchet MS", Arial;
	COLOR		: #FF0000;
	FONT-SIZE	: 12px;
	MARGIN		: 0px;
}


/************ css for Request Quote form *************/

.helptip {
/*	position	: relative;  */
}

.rquotetd {
	padding		: 10px;
	white-space	: nowrap;
}

.rqoption {
	cursor		: pointer;
	border		: 1px dotted #aaaaaa;
	padding		: 5px;
	margin		: 0px 0px 5px 0px;
	background-color: #aaeeee;
}


.rquotenote {
	color		: #555533;
	font-size	: 10px;
	border		: 1px solid #555555;
	padding		: 5px;
	text-align	: justify;
}

.rqdis {
	background-color:#eeeeee;
}

.statusoption {
	float		: left;
	width		: 470px;
	cursor		: pointer;
	border		: 1px dotted #aaaaaa;
	padding		: 10px;
	margin		: 10px 0px 0px 10px;
	background-color: #eeeeaa;
}

.statusoptionins {
	float		: left;
	width		: 410px;
	cursor		: pointer;
	border		: 1px dotted #aaaaaa;
	padding		: 5px;
	margin		: 15px 0px 0px 10px;
	background-color: #eeeeaa;
}


.fl { float:left }
.fr { float:right }
.al { text-align:left }
.ar { text-align:right }
.ac { text-align:center }
.aj { text-align:justify }
.txb { color: black}
.cb { clear:both}
.pad10 {font-family:tahoma;padding:10px}
.smalp {font-size:10px;color:#aaaaaa;}
.sz {width:100%}
.lne {height:1px;width:50px;text-align:left;}

UL.pt { list-style-image: url('images/bullet-gear.gif');}		/* bullet point using gear */


#dhtmltooltip{position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color: lightyellow;visibility: hidden;z-index: 100;}
#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}

table.wordst tr:link	{ }
table.wordst tr:visited	{ }
table.wordst tr:hover	{ BACKGROUND-COLOR: #dddddd }
table.wordst tr:active	{ }

.t  {background: url('images/box1-t.jpg') 0 0 repeat-x}
.b  {background: url('images/box1-b.jpg') 100% 100% repeat-x}
.l  {background: url('images/box1-l.jpg') 0 0 repeat-y}
.r  {background: url('images/box1-r.jpg') 100% 0 repeat-y}
.bl {background: url('images/box1-bl.jpg') 0 100% no-repeat}
.br {background: url('images/box1-br.jpg') 100% 100% no-repeat}
.tl {background: url('images/box1-tl.jpg') 0 0 no-repeat}
.tr {background: url('images/box1-tr.jpg') 100% 0 no-repeat; padding:10px}

.tl2 {background: url('images/box2-tl.jpg') 0 0 no-repeat}

A:link		{ BACKGROUND-COLOR: transparent; COLOR: #FF0000; TEXT-DECORATION: none }
A:visited	{ BACKGROUND-COLOR: transparent; COLOR: #008855; TEXT-DECORATION: none }
A:hover		{ BACKGROUND-COLOR: transparent; COLOR: #0000FF; FONT-SIZE: 12px; TEXT-DECORATION: none }

/*---------------------------------------------*/