body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:16px;}h3{font-size:14px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}


/****** HOUSESTYLES ********/

.blue1{background-color:#0c1733;}					/* darkest - used for top */
.blue2{background-color:#1d2e59;}					/* med - used for top - 1d2e59 menu */
.blue3{background-color:#344e89;}					/* light - used for tabs */

.grey1{background-color:#f4efef;padding:10px ;}				/* light - used for side textboxes */
.grey1b{background-color:#f4efef;margin-top:10px;}			/* light -used for bottom boxes, no padding */
.grey1c{background-color:#f4efef;padding-top:10px;margin-bottom:10px;}	/* light -used for bottom boxes, no padding */
.grey1d{background-color:#f4efef;padding:0px;margin:0px;}		/* light -used for bottom boxes
.grey1e{background-color:#f4efef;padding-left:10px;margin-left:10px;}	/* light -used for bottom boxes
.grey2{background-color:#ebe8e8;padding:10px 10px 10px 10px;}		/* med -used for textboxes */
.grey3{background-color:#ccc;padding:10px 10px 10px 10px;}		/* dark - left of nav */

.white{background-color:#fff;margin:10px;}				/* used for bottom textboxes */
.whiteb{background-color:#fff;margin-bottom:10px;padding-bottom:10px;}				/* used for bottom textboxes */

/****** FUDGES ********/


.border{border: 1px solid #666;} 	/* used for testing */
.inset{padding:10px 0px 10px 10px;} 	/* needed for breadcrumb */
.right{float:right;} 			/* float the menus to the right */
.light{color: #ccc;}			/* breadcrumb */
.thin{margin:0 0 0 10px;}		/* breadcrumb, gets rid of large bottom margin */

/****** STANDARD ********/

h1.phone
	{
	color: #000;
	font-size: 12px;
	margin:0;
	padding:0;
	display:inline;
	font-weight:100;
	}

h2.phone
	{
	color: #000;
	font-size: 12px;
	margin:0;
	padding:0;
	display:inline;
	font-weight:100;
	}

img{
	border:0;
	}

p{
	overflow: hidden;
	padding: 5px 0;
	text-align: left;
	}


body {
	color: #333;
	font-size: 12px;
	padding: 0px 0 40px;
	margin: 0px;
	background-color:#fff;
	background: #fff;
	background-image: url(http://www.officephonesystem.co.uk/img/bg.jpg);
	background-repeat: repeat-x;
	
	}


a{
	color: #000;
	text-decoration:underline;
	}

a:hover{
	text-decoration:none;
	}


/****** MENUS/LISTS ********/


/* main topmenu - the wider of the two */

#nav, #nav ul {
	float:right;
	list-style: none;
	line-height:14px;
	background:#1d2e59;
	padding:0;
	border:solid #fff;
	border-width:0;
	margin:0;
	}


.ntop {
	line-height:7px;
	}

/*********** ntop is here to keep the navigation row that shows the same height as the one above, The flyout have ***********/
/*********** a different height because of long phrases. ntop is set against all li's on showing navigation row  ***********/



#nav a {
	display:block;
	text-decoration:none;
	padding: 10px 4px 10px 4px;
	border: solid #1d2e59;
	border-width:1px ;
	color: #fff;
	}

#nav li {
	float: left;
	padding: 0;
	width:156px;
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 144px;
	w\idth: 164px;
	margin: 0;
	}
	/* #nav li ul extends bg */


#nav li li {
	width: 164px
	}
	/* #nav li li extends mouseover colour */


#nav li ul a {
	width: 160px;
	w\idth: 155px;
	color: #fff;
	}
	/* #nav li ul a extends anchor width */

#nav li ul ul {
	margin: -36px 0 0 164px;				/*********** use this to pull the submenu flyout up or left ***********/
								/*********** problematic if preceding submenu spans ***********/
								/*********** more than one line because it assumes a ***********/
								/*********** a fixed height for all rows ***********/
	}





#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -2000px;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto; 
	background-position: 0 0;
	}

#nav li:hover, #nav li.sfhover {
	background: #0c1733;			/*********** #0c1733 ***********/
	}

*:first-child+html #nav {
height: 1%;
}
*:first-child+html #nav li {
height: 1%;
} 



/* small topmenu */


#navcontainer
{
margin: 0;
padding: 0 0px 0 12px;
float:right;
margin-top:25px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #fff;
height:20px;
display: block;
width: auto;
text-decoration: none;
background: #1d2e59;
margin: 0;
padding: 2px 10px;
border-top: 1px solid #1d2e59;
border-bottom: 1px solid #1d2e59;
border-left: 1px solid #1d2e59;
}

#navcontainer A:hover, #navcontainer A:active { background: #0c1733; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }

/***********  LISTS with blue line down -- *************/

/* http://css.maxdesign.com.au/listamatic/vertical09.htm */

#navblue
{
width: 158px;
border-bottom: 20px solid #fff;
background-color: #f4efef;
color: #000;
}

#navblue ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;

}

#navblue li
{
margin: 0;
}

#navblue li a
{
display: block;
padding: 5px;
border-left: 10px solid #344e89;
color: #000;
text-decoration: none;
width: 130px;
}

html>body #navblue li a { width: auto; }

#navblue li a:hover
{
border-left: 10px solid #344e89;
background-color: #1d2e59;
width:140px;
color: #fff;
}


/***********  LISTS with grey line down -- *************/

#navgrey
{
width: 158px;
padding: 0 0 1em 0;
margin-bottom: 10px;
background-color: #ffffff;
color: #000;
}

#navgrey ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navgrey li
{
margin: 0;
}

#navgrey li a
{
display: block;
padding: 5px;
border-left: 10px solid #cccccc;
color: #000;
text-decoration: none;
width: 130px;
}

html>body #navgrey li a { width: auto; }

#navgrey li a:hover
{
border-left: 10px solid #344e89;
background-color: #1d2e59;
color: #fff;
}



/****** BG AREAS *********/

#whitebg a {
	color: #000;
	}


/********* tell a friend **********/

#colleague  {
	float:right;
	display:inline;
	padding-bottom:10px;
	padding-right:5px;
	}

#colleague a {
	line-height:16px;
	color: #000;
	text-decoration: none;
	text-align:right;
	}

#colleague img {
	vertical-align: bottom;
	margin-top:-20px;
	margin-left:5px;
	}


/********* quotes **********/


 blockquote#right {
 	width: 200px;
 	float: right;
 	margin-left:30px;
 	margin-right: 0px;
 	padding: 0px;
 	background: transparent url(../img/icon-leftq.gif) left top no-repeat;
 	margin-bottom:5px;
 	display:inline;
 	}

 blockquote#left {
 	width: 200px;
 	float: left;
 	margin-left: 10px;
 	margin-right:10px;
 	padding: 5px;
 	background: transparent url(../img/icon-leftq.gif) left top no-repeat;
 	margin-bottom:5px;
 	display:inline;
 	}

 blockquote div {
 	font-size:18px;
 	text-align:left;
 	padding: 0px 28px 0px 18px;
 	background: transparent url(../img/icon-rightq.gif) right bottom no-repeat;
 	letter-spacing:.3px;
 	display:inline;
 	}


/********* homepage main tabs **********/

/*homepage main tabs, area just above tabs*/
#tabBox{
	padding:0 0 5px 0;
}


/*homepage main tabs, area behind tabs*/
/* sets top tabs line across and moves it up left*/
#tabtabBox,.tabtabBox{
	height:22px !important;
	height /**/:22px;
	/* for IE5/Win */
	margin:0;
	padding:0 0 0 5px;
	background:url("../img/tab_nav_line_eee.jpg") repeat-x bottom;
	}

/*homepage main tabs*/
/* loses li dots on top tabs*/
#tabtabBox li,.tabtabBox li{
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}

/*homepage main tabs*/
/* controls tabs */
#tabtabBox li.tabpopHead, #tabtabBox a:link, #tabtabBox a:visited, #tabtabBox a:visited.active,#tabtabBox a:hover,.tabtabBox li.tabpopHead, .tabtabBox a:link, .tabtabBox a:visited, .tabtabBox a:visited.active,.tabtabBox a:hover
{
	border:1px solid #eee;
	float:left;
	padding:2px 2px;
	margin:0 3px 0 0;
	font-size:1.0em;
	line-height:16px;
	text-decoration:none;
	text-align:center;
	height:16px !important;
	height /**/:18px;
	 /* for IE5/Win */
}

/*homepage main tabs, highlighted tab */
#tabtabBox li.tabpopHead,.tabtabBox li.tabpopHead{
	background:#ddd;
	border-bottom:1px solid #ddd;
	color:#000;
}

/*homepage main tabs, inactive tabs */
#tabtabBox a:link, #tabtabBox a:visited, #tabtabBox a:visited.active,#tabtabBox a:hover,.tabtabBox a:link, .tabtabBox a:visited, .tabtabBox a:visited.active,.tabtabBox a:hover
{background:#eee;color:#000}

/*homepage main tabs, controls borderline allround except first tab */
#tabtabBox a:hover,.tabtabBox a:hover {text-decoration:underline;color:#000;}
.tabBoxList .nlp{margin:3px 0 0 0}
ul.tabBoxList{
	padding:8px 5px 5px 0;
	margin:0 0 15px 0;
	list-style:none;
	clear:both;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	background-color:#f4efef;
	color:#000;

}

/*homepage main tabs,outer table underneath */
table.tabBoxList{
	background-color:#f4efef;
	clear:all;
}

/*homepage main tabs,outer table td underneath */
table.tabBoxList td{
	background-color:#fff;
	color:#000;
}

#gr table.tabBoxList td:hover{
	background-color:#f4efef;
	color:#000;
}

/*********** use above when you need to have highlighting on table - see offers ***********/

/*homepage main tabs,inner tables underneath */
/*border round data cells */
table.intabBoxList{
	background-color:#eee;
	margin:0px;
	padding:0px;
}

/*homepage main tabs,inner tables underneath */
table.intabBoxList td{
	background-color:#fff;
	color:#000;
	text-align:center;
}

/*homepage main tabs,inner tables underneath */
table.intabTable{
	background-color:#ddd;
	margin:0px;
	padding:0px;
}

/*homepage main tabs,inner tables underneath */
table.intabTable td{
	background-color:#fff;
	color:#000;
	text-align:left;
}



/********* tabs - box **********/

/*small prom/news tab, area just above tabs*/
#tabtabBox{
	padding:0 0 5px 0;
}

/*small prom/news tab, area behind tabs*/
/* sets top tabs line across and moves it up left*/

#tabtabboxxbl,.tabtabboxxbl{
	height:22px !important;
	height /**/:22px;
	/* for IE5/Win */
	margin:0;
	padding:0 0 0 5px;
	background:url("../img/tab_nav_line_blue.gif") repeat-x bottom;
	}



#tabtabboxx,.tabtabboxx{
	height:22px !important;
	height /**/:22px;
	/* for IE5/Win */
	margin:0;
	padding:0 0 0 5px;
	background:url("../img/tab_nav_line_blue.jpg") repeat-x bottom;
	}

/*small prom/news tab*/
/* loses li dots on top tabs*/
#tabtabboxx li,.tabtabboxx li{
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}

/*small prom/news tab*/
/* controls tabs */
#tabtabboxx li.tabpopHead, #tabtabboxx a:link, #tabtabboxx a:visited, #tabtabboxx a:visited.active,#tabtabboxx a:hover,.tabtabboxx li.tabpopHead, .tabtabboxx a:link, .tabtabboxx a:visited, .tabtabboxx a:visited.active,.tabtabboxx a:hover
{
	border:1px solid #1d2e59;
	float:left;
	padding:2px 2px;
	margin:0 3px 0 0;
	font-size:1.0em;
	line-height:16px; 
	text-decoration:none;
	text-align:center;
	height:16px !important;
	height /**/:18px;
	 /* for IE5/Win */ 
}

/*small prom/news tab, highlighted tab */
#tabtabboxx li.tabpopHead,.tabtabboxx li.tabpopHead{
	background:#344e89;
	border:1px solid #344e89;
	color:#fff;

}

/*small prom/news tab, inactive tabs */
#tabtabboxx a:link, #tabtabboxx a:visited, #tabtabboxx a:visited.active,#tabtabboxx a:hover,.tabtabboxx a:link, .tabtabboxx a:visited, .tabtabboxx a:visited.active,.tabtabboxx a:hover
{background:#1d2e59;color:#fff;border-top:1px solid #1d2e59;border-left:1px solid #1d2e59;border-right:1px solid #1d2e59;border-bottom:1px solid #1d2e59;}

/*small prom/news tab, controls borderline allround except first tab */
#tabtabboxx a:hover,.tabtabboxx a:hover {text-decoration:underline;color:#fff;}
.tabboxxList .nlp{margin:3px 0 0 0}
ul.tabboxxList{
	padding:8px 5px 0 0;
	margin:0;
	list-style:none;
	clear:both;
	border-right:1px solid #344e89;
	border-bottom:1px solid #344e89;
	border-left:1px solid #344e89;
	background-color:#344e89;
	color:#fff;
}


/*small prom/news tab, controls list  */
ul.tabboxxList li{
	padding:0 0 7px 10px;
	line-height:16px;
	font-size:1em;
	color:#fff;
}

/*small prom/news tab, controls list anchors */
ul.tabboxxList a{
	color:#fff;
	text-decoration:none;
}

/*small prom/news tab, controls list anchors */
ul.tabboxxList a:hover{
	color:#fff;
	text-decoration:underline;
}

/********* blue systems tabs homepage - boxxx **********/

/*systems tabs, area just above tabs*/
#tabboxxx{
	padding:0 0 5px 0;
}

/*systems tabs, area behind tabs*/
/* sets top tabs line across and moves it up left*/
#tabtabboxxx,.tabtabboxxx{
	height:22px !important;
	height /**/:22px;
	/* for IE5/Win */
	margin:0;
	padding:0 0 0 5px;
	background:url("../img/tab_nav_line.gif") repeat-x bottom;
	}

/*systems tabs*/
/* loses li dots on top tabs*/
#tabtabboxxx li,.tabtabboxxx li{
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}

/*systems tabs*/
/* controls tabs */
#tabtabboxxx li.tabpopHead, #tabtabboxxx a:link, #tabtabboxxx a:visited, #tabtabboxxx a:visited.active,#tabtabboxxx a:hover,.tabtabboxxx li.tabpopHead, .tabtabboxxx a:link, .tabtabboxxx a:visited, .tabtabboxxx a:visited.active,.tabtabboxxx a:hover
{
	border:1px solid #344e89;
	float:left;
	padding:2px 2px;
	margin:0 3px 0 0;
	font-size:1.0em;
	line-height:16px;
	text-decoration:none;
	text-align:center;
	height:16px !important;
	height /**/:18px;
	 /* for IE5/Win */
}

/*systems tabs, highlighted tab */
#tabtabboxxx li.tabpopHead,.tabtabboxxx li.tabpopHead{
	background:#344e89;
	border-bottom:1px solid #344e89;
	color:#FFF;
}

/*systems tabs, inactive tabs */
#tabtabboxxx a:link, #tabtabboxxx a:visited, #tabtabboxxx a:visited.active,#tabtabboxxx a:hover,.tabtabboxxx a:link, .tabtabboxxx a:visited, .tabtabboxxx a:visited.active,.tabtabboxxx a:hover
{
	background:#1d2e59;
	color:#fff;
}

/*systems tabs, controls borderline allround except first tab */
#tabtabboxxx a:hover,.tabtabboxxx a:hover{text-decoration:underline}
.tabboxxxList .nlp{margin:3px 0 0 0}
ul.tabboxxxList{
	padding:8px 5px 5px 0;
	margin:0 0 15px 0;
	list-style:none;
	clear:both;
	border-right:1px solid #344e89;
	border-bottom:1px solid #344e89;
	border-left:1px solid #344e89;
	background-color:#344e89;

}



/** start adwords tab  ***/



/*systems tabs, area behind tabs*/
/* sets top tabs line across and moves it up left*/
#tabtabboxxxadwords,.tabtabboxxxadwords{
	height:22px !important;
	height /**/:22px;
	/* for IE5/Win */
	margin:0;
	padding:0 0 0 5px;
	background:url("../june/smallblue.gif") repeat-x bottom;
	}

/*systems tabs*/
/* loses li dots on top tabs*/
#tabtabboxxxadwords li,.tabtabboxxxadwords li{
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}

/*systems tabs*/
/* controls tabs */
#tabtabboxxxadwords li.tabpopHead, #tabtabboxxxadwords a:link, #tabtabboxxxadwords a:visited, #tabtabboxxxadwords a:visited.active,#tabtabboxxxadwords a:hover,.tabtabboxxxadwords li.tabpopHead, .tabtabboxxxadwords a:link, .tabtabboxxxadwords a:visited, .tabtabboxxxadwords a:visited.active,.tabtabboxxxadwords a:hover
{
	border:1px solid #02497d;
	float:left;
	padding:2px 2px;
	margin:0 3px 0 0;
	font-size:1.0em;
	line-height:16px;
	text-decoration:none;
	text-align:center;
	height:16px !important;
	height /**/:18px;
	 /* for IE5/Win */
}

/*systems tabs, first tab bottom */
#tabtabboxxxadwords li.tabpopHead,.tabtabboxxxadwords li.tabpopHead{
	background:#02497d;
	border-bottom:1px solid #02497d;
	color:#FFF;
}

/*systems tabs, tab on right */
#tabtabboxxxadwords a:link, #tabtabboxxxadwords a:visited, #tabtabboxxxadwords a:visited.active,#tabtabboxxxadwords a:hover,.tabtabboxxxadwords a:link, .tabtabboxxxadwords a:visited, .tabtabboxxxadwords a:visited.active,.tabtabboxxxadwords a:hover
{
	background:#cb0000;
	color:#fff;
	border:1px solid #cb0000;
}

/*systems tabs, controls borderline allround except first tab */
#tabtabboxxxadwords a:hover,.tabtabboxxxadwords a:hover{text-decoration:underline}
.tabboxxxList .nlp{margin:3px 0 0 0}
ul.tabboxxxList{
	padding:8px 5px 5px 0;
	margin:0 0 15px 0;
	list-style:none;
	clear:both;
	border-right:1px solid red;
	border-bottom:1px solid orange;
	border-left:1px solid yellow;
	background-color:green;

}


/** end adwords tab  ***/



/*systems tabs,table (superceded by styles on td) */
table.tabBoxOffer{
	background-color:#fff;
}

/*systems tabs,td (supercede table style) */
table.tabBoxOffer td{
	background-color:#fff;
	color:#000;
}

/*systems tabs table links */
table.tabBoxOffer a{
	background-color:#fff;
	color:#000;
	text-decoration:underline;
}

/*systems tabs table links hover */
table.tabBoxOffer a:hover{
	background-color:#fff;
	color:#000;
	text-decoration:none;
}



/********* tabs - box **********/

/*bundles tabs, area just above tabs*/
#tabtabBox{
	padding:0 0 5px 0;
}

/*bundles tab, area behind tabs*/
/* sets top tabs line across and moves it up left*/
#tabtabExtraboxxip500,.tabtabExtraboxxip500{
	height:22px !important;
	height /**/:22px;
	/* for IE5/Win */
	margin:0;
	padding:0 0 0 5px;
	background:url("../img/tab_nav_line.gif") repeat-x bottom;
	}

/*bundles tab*/
/* loses li dots on top tabs*/
#tabtabExtraboxxip500 li,.tabtabExtraboxxip500 li{
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}

/*bundles tab*/
/* controls tabs */
#tabtabExtraboxxip500 li.tabpopHead, #tabtabExtraboxxip500 a:link, #tabtabExtraboxxip500 a:visited, #tabtabExtraboxxip500 a:visited.active,#tabtabExtraboxxip500 a:hover,.tabtabExtraboxxip500 li.tabpopHead, .tabtabExtraboxxip500 a:link, .tabtabExtraboxxip500 a:visited, .tabtabExtraboxxip500 a:visited.active,.tabtabExtraboxxip500 a:hover
{
	border:1px solid #344e89;
	float:left;
	padding:2px 2px;
	margin:0 3px 0 0;
	font-size:1.0em;
	line-height:16px;
	text-decoration:none;
	text-align:center;
	height:16px !important;
	height /**/:18px;
	 /* for IE5/Win */
}

/*bundles tab, highlighted tab */
#tabtabExtraboxxip500 li.tabpopHead,.tabtabExtraboxxip500 li.tabpopHead{
	background:#344e89;
	border-bottom:1px solid #344e89;
	color:#FFF;
}

/*systems tabs, inactive tabs */
#tabtabExtraboxxip500 a:link, #tabtabExtraboxxip500 a:visited, #tabtabExtraboxxip500 a:visited.active,#tabtabExtraboxxip500 a:hover,.tabtabExtraboxxip500 a:link, .tabtabExtraboxxip500 a:visited, .tabtabExtraboxxip500 a:visited.active,.tabtabExtraboxxip500 a:hover
{
	background:#1d2e59;
	color:#fff;
}

/*bundles tab, controls inactive tab hover */
#tabtabExtraboxxip500 a:hover,.tabtabExtraboxxip500 a:hover
{
text-decoration:underline;
}





/**********************************************************************/
/*new table structures, see tab 1 */

/*bundles - outside table */
table.BundleOutside{
	background-color:#344e89;
	width:100%;
	margin-bottom:0px;
}


/*bundles - inner table */
table.BundleInside{
	background-color:#fff;
	margin-bottom:0px;
	margin:5%;
	width:90%;
}

/*bundles - inner table (supercedes ^^ table style) */
table.BundleInside td{
	color:#000;
	padding-left:5%;
}

/*bundles - inner table links */
table.BundleInside a{
	background-color:#fff;
	color:#000;
	text-decoration:underline;
}

/*bundles - inner table links hover */
table.BundleInside a:hover{
	background-color:#fff;
	color:#000;
	text-decoration:none;
}

/*bundles - inner table h2 */
table.BundleInside h2{
	display:inline;
	font-size:16px;
}

/************* images ****************/

.img-shadow {
  float:left;
  background: url(../img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  }

.caption {
	font-size:11px;
	line-height:13px;
	padding:2px 0 5px 0;
}

/************* tables ****************/

.hlt td {
                background-color:#1d2e59;
                color:#ffffff;
            }

.hlt a {
                color:#ffffff;
            }


.toprow {
               background-color:#0c1733;
               color:#fff;
               font-weight:900;

}


.ruled {
	border: 0px solid #4f81bd;
	line-height:22px;
}

/* ruled is set against the whole table, makes bg dark. use tr style for bg colour*/


.ruled td{
	border-left: 1px solid #4f81bd;
	padding-left:5px;
	}

/*inherited into td from above*/

td.noline {
	border-left: 1px solid #fff;
	padding-left:5px;
	}

/*1st collumn*/

td.topline {
		line-height:5px;
		background:#1d2e59;
		}



/*********** forms ****************/


#sform form {
	float:right;
	margin-top:10px;
	text-align:right;
	float:right;
}

#sform input.input {
	width:150px;
	background-color: #fff;
	font: 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #444;
	border: 1px solid #ddd;
}

#sform select {
	width:152px;
	background-color: #fff;
	font: 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #444;
	border: 1px solid #ddd;
}



#bluef form {
	width: 590px;
}

#bluef label.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 0px;
	background: url(../img/bg_label.gif) no-repeat;
}


#bluef span.col2 {
	width: 450px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(../img/bg_textfield.gif) no-repeat;
}

#bluef span.col2comment {
	width: 448px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(../img/bg_textarea.gif) no-repeat;
}

#bluef .col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 0px;
	background: url(../img/bg_label_comment.gif) no-repeat;
}

#bluef div.row {
	clear: both;
	width: 590px;
}

#bluef .submit {
	height: 29px;
	width: 583px;
	background: url(../img/bg_submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;
}

#bluef input.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	width:428px;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

#bluef textarea.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 0 8px;
	padding-bottom:10px;
	width:430px;
}

#bluef select {
	background-color: #fff;
	width:432px;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}





#bluef2 form {
	width: 185px;

	}


#bluef2 span.col2comment {

	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(../img/bg_textarea.gif) no-repeat;
}

#bluef2 .col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 0px;
	background: url(../img/bg_label_comment.gif) no-repeat;
}

#bluef2 div.row {
	clear: both;
	padding-left:10px;
}

#bluef2 .submit {
	height: 29px;
	padding-top: 5px;
	clear: both;
}

#bluef2 input.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

#bluef2 textarea.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 0 8px;
	padding-bottom:10px;
}

#bluef2 select {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}



 fieldset {
 	background:#ccffcc;
 	width: 120px;
 	float: right;
 	margin:0px 0px 0px 20px;
 	border:none;
 	border-width:0px;
 	border-color:#fff;
 	padding:10px;
 	color: #000;
 	}

 legend	{
 	margin-left:-20px;
 	font-weight:bold;
 	background:#fff;
 	color:#fff;
	background-color:#00cc33;
	padding: 3px 8px;
 	}

.bluediv {
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	background:#1d2e59;
	background-color:#1d2e59;
	float:right;
	}

.bluediv li {
	margin-left:-20px;
	}

.bluediv a {
	color:#fff;
	}


.bluedivh {
	color:#fff;
	padding-left:10px;
	margin-top:10px;
	background:#344e89;
	background-color:#344e89;
	}




.greendiv {
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	background:#ccffcc;
	background-color:#ccffcc;
	float:right;
	}

.greendiv li {
	margin-left:-20px;
	}

.greendiv a {
	color:#000;
	}


.greendivh {
	color:#fff;
	padding-left:10px;
	margin-top:10px;
	background:#00cc33;
	background-color:#00cc33;
	}




.reddiv {
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	background:#ff0000;
	background-color:#ff0000;
	float:right;
	}

.reddiv li {
	margin-left:-20px;
	width:100px;
	}

.reddiv a {
	color:#fff;
	width:100px;
	}


.reddivh {
	color:#fff;
	width:120px;
	padding-left:10px;
	margin-top:10px;
	background:#ff6666;
	background-color:#ff6666;
	}
	


html {
overflow: scroll;
}

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}