@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;} /* clear all default CSS */

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

body { font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif; font-size: 0.8em; }

/* Top Menu */
#pad          {height:60px;}
#followus     {
	 position: relative;
	 float:right;
	 top:-30px;
	 margin-right: 10px;
	 vertical-align: top;
	 }
#followus a { color:#EE7600; text-decoration:none;}
#followus a:hover { color:#8B795E; text-decoration:underline;}

#menuContainer {background:url(/images/iconvey-logo.png) no-repeat;}

#menu {padding:0 0 0 10px; margin:0 0 0 260px; list-style:none; width:690px; height:63px; background:url(/images/background.png)}
* html #menu {
margin:0;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background.png', sizingMethod='scale');
}

#menu li {position:relative; float:left; margin:0 5px; padding-top:1px;}
#menu li a {display:block; height:38px; line-height:35px; padding:0 20px 0 0; float:left; color:#300; text-decoration:none; font-family:arial, sans-serif; font-size:11px;}
#menu li a b {display:block; height:38px; float:left; padding:0 0 0 20px;}

#menu li a:hover,
#menu li a:active,
#menu li a:focus,
.home #menu li#home a,
.single #menu li#single a,
.dropdown #menu li#dropdown a,
.dropline #menu li#dropline a,
.flyout #menu li#flyout a,
.support #menu li#support a,
.contact #menu li#contact a
{ background: url(/images/taba.png) right top; cursor:pointer; color:#000; line-height:32px;}
#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.home #menu li#home a b,
.single #menu li#single a b,
.dropdown #menu li#dropdown a b,
.dropline #menu li#dropline a b,
.flyout #menu li#flyout a b,
.support #menu li#support a b,
.contact #menu li#contact a b
{ background: url(/images/taba.png) left top; cursor:pointer;}

#minMax {min-width:700px; max-width:1000px; margin:0 auto;}

#header {background:#fff url(/images/background.gif) repeat-x; margin:0; padding:0; border:0;}

#leftCol {float:left; width:20%;}
#leftMid {float:left; width:4%; }
#centreMid {float:left; width:60%;}
#centreMidAdmin {float:left; width:76%;}
#rightMid {float:right; width:1%; }
#rightCol {float:right; width:14%; }
#leftCol, #leftMid, #centreMid, #rightMid4, #rightCol {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {overflow:hidden;}

#topbar {width:65%; float:left; }

#footer {clear:both; background:#455c5a;}

h1 {font-size:20px; margin:0; padding:10px 0; color:#fff;}
h3 {font-size:18px; margin:0; padding:8px 0;}
.content {padding:10px;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}

div.footer1 {
    font-family: Verdana;
    font-size: xx-small;
	font-weight: normal;
    color: #808080;
    background-color: #FFFFFF;
    display: block;
    clear: both;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-right: 0px;
}

div.footer2 {
    width: 100%;
    font-family: Verdana;
    font-size: xx-small;
	font-weight: normal;
    color: #FFFFFF;
    background-color: #FFCC66;
    display: block;
    clear: both;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-right: 0px;
}

<!--[if lte IE 7]>
<style type="text/css">
/* hack to compensate for IE and percentage widths rounding errors */
#topbar {width:65.6%;}
#centreMid {width:60.8%;}
#rightCol {width:14.2%;}
/* for IE6 */
* html #wrapper {display:inline-block;}
* html #minMax {width: expression(document.body.clientWidth < 702? "700px" : document.body.clientWidth > 1102? "1100px" : "auto");}
</style>
<![endif]-->

div.img
{
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}
div.img img
{
  display: inline;
  margin: 3px;
}
div.img a:hover img {border: 1px solid #0000ff;}


div.cell {
    width: 170px;
    float: left;
}

div.buttoncell {
    width: 110px;
    float: right;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    border: 0;px
}

.clear {
    clear:both;
}

.floatleft
{
    float: left;
    display: block;
    margin: 0px 10px 10px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px;
}

.floatright
{
    float: right;
    display: block;
    margin: 0px 0px 20px 10px;
    padding: 0px 0px 0px 0px;
    border: 0px;
}

.floatleft1
{
    float: left;
    display: block;
    margin: 0px 27px 10px -20px;
    padding: 0px 0px 0px 0px;
    border: 0px;
}

.floatleft2
{
    float: left;
    display: block;
    margin: 0px 0px 10px -20px;
    padding: 0px 0px 0px 0px;
    border: 0px;
}

div.contextImage
{
	position:
}

.crumb
{
    font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 0.7em;
    font-weight: bold;
	color: #B8B8B8;
}

div.contentWrapper
{
    width: 100%;
	min-width:400px;
	max-width:640px;
}
div.contentText
{
    font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 1.0em;
    font-weight: normal;
	color: #808080;
    vertical-align: text-top;
	padding-bottom: 2px;
    margin-bottom: 2px;
}
div.contentHeader
{
    font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 1.4em;
	color: #808080;
	vertical-align: text-top;
}

div.contentHeader2
{
    font-style: bold, italic;
    font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 1.2em;
	color: #808080;
}

div.quoteHeader
{
    font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
	font-style: bold;
    font-size: 1.4em;
	color: #FF7722;
	vertical-align: top;
	margin-top: 8px;
}
div.quoteSubHeader
{
    font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
    font-style: normal;
    font-size: 1.2em;
	color: #FAA634;
	vertical-align: top;
    margin-top: 4px;
}
div.quoteSubHeader a
{
	color: #FF7722;
}

div.quoteText
{
    font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 0.9em;
    font-weight: normal;
	color: #808080;
    vertical-align: text-top;
	padding-bottom: 2px;
    margin-bottom: 2px;
}
div.quoteInfo
{
    width: 80%;
    background: url(/images/orange-info.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    padding: 5px;
    margin: 4px 0px 8px 40px;
    font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
    font-size: 0.8em;
	background-color: #FFCC66;
	border-width: 2px;
	border-style: dashed;
}
div.quoteItem
{
	float: left;
}
div.quoteAmount
{
	float: right;
}

hr {
  border: 0;
  width: 100%;
}


/* Tooltips */
.hotspot {padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/images/tt_bottom.gif) top right no-repeat; overflow:hidden}

#msg {display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

.mid {
padding: 10px;
border: 0;
display:block;
margin-left:auto;
margin-right:auto;
}

/*       */
/* Forms */
/*       */


.required {
  color: red;
  margin-right: 20px;
}
.optional {
  margin-right: 10px;
}

fieldset div.fm-optional { display : block;	}

/* Basic form layout */
form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 100%;
}

form div {
  width: 100%;
  zoom: 1;
  margin: 0;
  padding: 0;
}

/* Fieldset layout */

form div fieldset {
  	clear: both;
  	border-color: #000000;
  	border-width: 1px;
  	border-style: solid;
  	padding: 0;
  	margin: 5px 5px 0 0;
}

form div fieldset legend {
    font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 100%;
  	color: #808080;
  	font-weight: bold;
   	padding: 0 5px 0 5px;
}

/* Field labels */

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

form div label {
  clear: left;
  display: block;
  float: left;
  width: 230px;
  padding: 0 0 0 0;
  margin: 5px 10px 0 0;
  text-align: right;
  font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
  font-size: 100%;
  color: #000000;
}

/* Text input fields */
form div input[type="text"], form div select, form div textarea {
  padding: 0 0 0 0;
  margin: 5px 5px 0 0;
  text-align: left;
  font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
  font-size: 100%;
  color: #000000;
  border:1px #808080 solid;
}

form div input[type="checkbox"], form div input[type="radio"] {
  display: inline;
  padding: 0 0 0 0;
  margin: 5px 5px 0 0;
  text-align: left;
  font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
  font-size: 100%;
  color: #000000;
  border:1px #808080 hidden;
}


textarea {
  overflow: auto;
}

form .focus {
  background:#FFEE88;
}

form div img {
  border-style: none;
}

/* Form submit buttons */

.submit {
  display: inline;
  text-align: center;
  width: auto;
  padding: 2px;
  margin: 5px 0 10px 100px;
}

/*  Jargon Buster Glossary Scrolling */

#body-container{
  width: 100%;
  height: 560px;
  margin: 0 auto; 						/* This will align the div to center */
  border: 1px solid #3285ef;
}

#body-container .glossary-container{
  clear: both; 							/* This will not allow floating elements on either sides */
}

#body-container .content-container{
  width: 100%;
  height: 420px;
  overflow: auto; 						/* Scroll bar is shown when content is more than specified height */
  font-family: Tahoma,Verdana,Arial;
  font-size: 10pt;
  clear: both; 							/* This will not allow floating elements on either sides */
}

#body-container .content-container div{
  padding-left:10px; 					/* Left padding given as 10px */
  border-bottom:1px #666666 solid; 		/* In order to separate each terms given bottom border color as #666666 (gray) with 1px */
}

#body-container .content-container div h2{
  margin-top: 0px;
}

#body-container .content-container p.return-to-top{
  color: #0066FF; 						/* Giving text color to Return to top text */
  text-decoration: underline; 			/* The text will be underlined */
  text-align: right;
  margin-right: 10px;
  cursor:pointer; 						/* Making the cursor to 'hand' */
}

.informationList{
  padding: 0px 0px 0px 10px;
  margin: 0px;
}

.informationList li{
  list-style-type: square;
  padding: 0px 10px 0px 10px;
  margin: 0px;
}

.jargonAlphabet{
  padding: 0px 0px 0px 10px;
  margin: 0px;
  background-color: #3285ef;
}

.jargonAlphabet li {
  background:transparent url(/images/link_sprite_img.jpg) no-repeat scroll 0 0;
/* For all li’s (listings) given default background image using CSS Sprite concept */
  display: inline; 						/* Listings will be placed in a line */
  font-family: Tahoma,Verdana,Arial;
  font-size: 16pt;
  font-weight: bold;
  padding: 10px 15px 22px;
  line-height: 70px;
  cursor: pointer; 						/* Making the cursor to 'hand' */
}

.jargonAlphabet li.letterselected{
  background:transparent url(/images/link_sprite_img.jpg) no-repeat scroll 0px -57px;
/* When any listing is highlighted, we are given the background to image using CSS Sprite concept */
  color: #ffffff;
  font-weight: bold;
}

/* Tag Cloud */
#htmltagcloud a:link {text-decoration: none; }
#htmltagcloud a:visited {text-decoration: none; }
#htmltagcloud a:hover {text-decoration: none; color: white; background-color: #EE6600; }
#htmltagcloud a:active {text-decoration: none; color: white; background-color: #04e; }

span.tagcloud1 { font-size: 0.6em; padding: 0em; color: #ACC1F3; z-index: 9; position: relative}
span.tagcloud1 a {text-decoration: none; color: #ACC1F3;}
span.tagcloud2 { font-size: 0.8em; padding: 0em; color: #86A0DC; z-index: 8; position: relative}
span.tagcloud2 a {text-decoration: none; color: #86A0DC;}
span.tagcloud3 { font-size: 1.0em; padding: 0em; color: #86A0DC; z-index: 7; position: relative}
span.tagcloud3 a {text-decoration: none; color: #86A0DC;}
span.tagcloud4 { font-size: 1.2em; padding: 0em; color: #607EC5; z-index: 6; position: relative}
span.tagcloud4 a {text-decoration: none; color: #607EC5;}
span.tagcloud5 { font-size: 1.4em; padding: 0em; color: #607EC5; z-index: 5; position: relative}
span.tagcloud5 a {text-decoration: none; color: #607EC5;}
span.tagcloud6 { font-size: 1.6em; padding: 0em; color: #4C6DB9; z-index: 4; position: relative}
span.tagcloud6 a {text-decoration: none; color: #4C6DB9;}