/********** Global ******
div {     border: 1px black solid;} */

body
{
	background: #D4D4D4;
	font-family: Lato, Arial;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
p, .webxLabel
{
	font-size: 12px;
	margin: 10px 0;
}
a
{
	color: #202B65;
}
textarea
{
	font-family: Lato, Arial;
	font-size: 12px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .H1, .H2, .H3, .H4, .H5, .H6
{
         /* color: #ffffff; Commented out the generic colour for Headers  #184848;*/
         /*   color: #E51937;           */
}
/*h1, .h1, .H1
{
	color: #184848;    /* set the colour of all H1 format to white  #ffffff; */
                font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px 0;
	display: inline-block;
}*/
h1 
{
	color: #184848;    /* set the colour of all H1 format to white  #184848*/
                font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px 0;
	display: inline-block;
}
.h1 
{
	color: #184848;    /* set the colour of all H1 format to white */
                font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px 0;
	display: inline-block;
}
.H1 
{
	color: #184848;    /* #ffffff; set the colour of all H1 format to white */
                font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px 0;
	display: inline-block;
}
h2, .h2, .H2
{
                color: #184848;  /* set the colour of all H2 format to Green */	
                font-size: 16px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	display: inline-block;
}
h3, .h3, .H3
{
	color: #184848;  /* set the colour of all H3 format to Green */
                font-size: 14px;
	font-weight: bold;
}
h4, .h4, .H4
{
	font-size: 14px;
}
h5, .h5, .H5
{
	font-size: 13px;
}
h6, .h6, .H6
{
	font-size: 12px;
}
img
{
	border: none;
}
#ctl00_wrapper
{
	width: 992px;   /* changed from 992px */
	margin: 0 auto;
	position: relative;
                background-color:   #fff; 
}
#ctl00_header
{
	height: 180px;   /* changed from 180px */
	background-color:#ffffff;    /*#ffffff ;  header banner colour #184848*/
	width: 988px; /* changed from 990pc */    
	position: relative; 
 	border-top: 1px #184848 solid;
	border-left: 2px #184848 solid;
	border-right: 2px #184848 solid;
	border-bottom: 1px #184848 solid;
}
.headerRight
{
	margin-top: 0px;  / * changed to 10px from 20px */
	margin-right: 20px;
                padding-top: 35px;
                float:right;
	width:160px;
	color:#184848; /*#FFFFFF;  #184848  header text */
	font-size:48px;  /* changed form 26px */
}
.headerMid
{
	margin-top: 0px;
                margin-left: 48px; 
                margin: 0 auto; /* added in to see if this would center the image */
	float:left;    
	width:547px;
}
.headerLeft
{
	margin-top: 0px;
                padding-top: 15px; /*added in to see if image moved down */
                margin-left: 190px; /* changed form 20px to 150px */
	float:left;
	width:208px;
}
#ctl00_navigation
{
	border-top: 5px; /* added 5 from 0 */
	border-left: 2px #184848 solid;
	border-right: 2px #184848 solid;
	border-bottom: 5px;   /* added 5 from 0 */
                clear: both; 
	position: relative;
	height: 0;   /* changed from 0 to 10 */
	font-size: 14px;   /*Changed from 12px */
	top: -37px;
}
#ctl00_border_sides
{
	float: left;
	border-top: 0px;   /* changed from 0 */
	border-left: 2px #184848 solid; /* changed from 2 to 10 */
	border-right: 2px #184848 solid;
	border-bottom: 0;
	width: 988px;   /* changed from 988px */
}
#ctl00_content
{
	width: 1000px;
	margin: 15px;   /* changed from 15px */
	padding-top: 10px;  /*changed from 10px */
}
#ctl00_content_left
{
	width: 500px;
	margin: 0 6px;
	padding-top: 10px;  /*changed from 10px */
	float: left;
}
#ctl00_content_right
{
	width: 450px;
	margin: 25px 0 25px 0; /* changed from 20px */
	float: right;
}
#ctl00_content_text
{
	/*position: relative;*/ /*Disabled - this prevents the navigation menu working in IE 7 and earlier*/
	margin: 20px;
                
}
#ctl00_border_bottom
{
	width: 992px;
	background-color:#184848;
	clear: both;
	height: 130px;
	vertical-align: text-bottom;
	color:#FFFFFF;
	font-size: 10px;
}
#ctl00_border_bottom a
{
 color:#ffffff;
 text-decoration:none;
}
#ctl00_footer_left
{
	float: left;
	text-align: left;
                font-size: 11px;
	width: 510px;
	margin: 20px 10px 10px 20px;
}
#ctl00_footer_mid
{
	float: left;
	text-align: left;
                font-size: 11px;
	width: 210px;
	margin: 20px 10px 10px 20px;
}
#ctl00_footer_right
{
	float: left;
	text-align: right;
	width: 180px;
	margin: 25px 20px 10px 10px;
}
#ctl00_menu
{
	width: 300px;
	margin: 20px; 
	padding-top: 10px;
	float: left;
}
label
{
	padding: 4px;
}
input[type="radio"]
{
	padding: 4px;
}
.webxError
{
	margin: 0;
	padding: 0;
	padding-left: 12px;
	list-style-type: none;
}


/********** Menu and Buttons **********/
/********** Buttons **********/
input[type="submit"], #mainmenu_link_holder a, a.btn080, a.btn090, a.btn100, a.btn110, a.btn120, a.btn130, 
a.btn140, a.btn150, a.btn160, a.btn170, a.btn180, a.btn190, a.btn200, input.btn080, input.btn090, input.btn100, input.btn110, input.btn120, input.btn130, 
input.btn140, input.btn150, input.btn160, input.btn170, input.btn180, input.btn190, input.btn200,  input.postcode_lookup, input.btnSummary, a.btnSummary
{
    border:1px solid #184848;   /* original number #408080; */
    /*border:1px solid #01256F;  commented out to check border colour change line above */
    background-color: #184848;
    background-repeat:repeat-x;
    text-align: center;
    height: 26px;
    line-height: 22px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
}
a.btn040, a.btn050, a.btn060, a.btn070, a.btn080, a.btn090, a.btn100, a.btn110, a.btn120, a.btn130, a.btn140, a.btn150, a.btn160, a.btn170, a.btn180, a.btn190, 
a.btn200, #mainmenu_link_holder a, a.btnSummary
{
    display: block;
}
input.postcode_lookup
{
     /* Added this line to see effect postocde lookup border */
    width: 100px;
    height: 25px;  
    line-height: 23px;
}
a.btn040, input.btn040
{
    width: 40px;
}
a.btn050, input.btn050
{
    width: 50px;
}
a.btn060, input.btn060
{
    width: 60px;
}
a.btn070, input.btn070
{
    width: 70px;
}
a.btn080, input.btn080
{
    width: 80px;
}
a.btn090, input.btn090
{
    width: 90px;
}
a.btn100, input.btn100, input[type="submit"]
{
    width: 100px;
}
a.btn110, input.btn110
{
    width: 110px;
}
a.btn120, input.btn120
{
    width: 120px;
}
a.btn130, input.btn130
{
    width: 130px;
}
a.btn140, input.btn140, #mainmenu_link_holder a, input.postcode_lookup
{
    width: 140px;
}
a.btn150, input.btn150
{
    width: 150px;
}
a.btn160, input.btn160
{
    width: 160px;
}
a.btn170, input.btn170
{
    width: 170px;
}
a.btn180, input.btn180
{
    width: 180px;
}
a.btn190, input.btn190
{
    width: 190px;
}
a.btn200, input.btn200
{
    width: 200px;
}
a.btnSummary, input.btnSummary
{
    width: 150px;
    display: block;
    margin-top: 5px;
    margin-left: auto;
    margin-bottom: 5px;
    margin-right: auto     
}
span.btn100_grey, span.btn120_grey, span.btn140_grey, span.btn100Grey, span.btn120Grey, span.btn140Grey, span.btnGrey,
a.btn100_grey, a.btn120_grey, a.btn140_grey, a.btn100Grey, a.btn120Grey, a.btn140Grey, a.btnGrey,
input.btn100_grey, input.btn120_grey, input.btn140_grey, input.btn100Grey, input.btn120Grey, input.btn140Grey, input.btnGrey
{
    border:1px solid #184848;
    background-image: none;
    background-color: #AAAAAA;
    background-image: url("../WebXImage/btnbgGrey.png");
    background-repeat:repeat-x;
    text-align: center;
    height: 26px;
    line-height: 22px;
    text-decoration: none;
    color:#FFFFFF;
    font-size: 12px;
}
span.btn100_grey, a.btn100_grey, input.btn100_grey, span.btn100Grey, a.btn100Grey, input.btn100Grey
{
    width: 100px;
}
span.btn120_grey, a.btn120_grey, input.btn120_grey, span.btn120Grey, a.btn120Grey, input.btn120Grey
{
    width: 120px;
}
span.btn140_grey, a.btn140_grey, input.btn140_grey, span.btn140Grey, a.btn140Grey, input.btn140Grey
{
    width: 140px;
}
a.btnSmall, input.btnSmall
{
    border: #184848 solid 1px;   /* changed #E51937 to #184848 to check what border changes in webex */
    background: #AEAEAE;
    width: 100px;
    height: 20px;
    font-size: 10px;
    line-height: 18px;
}

#ctl00_ContentPlaceHolder1_grdUsers th {
    background-color: #184848 !important; /* #E51937 !important; */
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    height: 55px;
    padding: 2px;
    text-align: left;
    vertical-align: top;
}
/********** Products page **********/
.WebXProductsHolder a
{
    height: 80px;
    line-height: 80px;  /* changed from 38px  this had an affect on the text within the button*/
    width: 300px;
    text-align: center;
    vertical-align: middle;    /* added 12-4-17 to see if this resolved the alignment issue with the courier button on menu.aspx */
    text-decoration: none;
    color: #FFFFFF;
    font-size: 22px;
    display: block;
    border:1px solid #01256F;
    background-color:  #184848;
    background-repeat:repeat-x;
    padding-top: 4px;
}
.WebXProductColumn
{
    margin: 20px;
}
.WebXProduct
{
    margin: 20px 0 40px 0;
}

/********** Options page **********/
.WebXOptionsHolder ul
{
	list-style-type: none;
}
.WebXOptionsContent
{
    margin: 20px;
}
.WebXOptionsContent li
{
    margin: 20px 0 20px 0;
}
.WebXOptionsHolder a
{
    height: 40px;
    line-height: 32px;
    width: 250px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 14px;
    display: block;
    border:1px solid #01256F;
    background-color:  #184848;
}

/********** Navigation Control **********/
/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */
/* When the Menu control Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.WebXNavigation ul
{
    background:    #FFFFFF /*#184848;  #FFFFFF; changed this on 9-4-17 back from F to 18
}
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier appearance. */
/*
.WebXNavigation ul.AspNet-Menu ul
 {
     width: 10.5em;
     left: 8.9em;
     padding: 5px 0; /* added in to see changes this would have on the menu. This spaced the menu option out*/
     top: -1em;
     z-index: 400;
 }
.WebXNavigation ul.AspNet-Menu ul ul
{
     width: 11.5em;
     padding: 5px 0;  /* added in to see changes this would have on the menu. This spaced the menu option out*/
     left: 10.4em;
}
*/
/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.WebXNavigation ul.AspNet-Menu li
{
    background-color:   #003366; /* #FFFFFF; #184848  #003366; This changes the colour of the menu item 10-4-17 */
}
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined its */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.WebXNavigation ul.AspNet-Menu li a, .WebXNavigation ul.AspNet-Menu li span
{
    color:  #003366; /* #FFFFFF   #184848;; amended to see the effect has turned manu text green*/ 
    padding: 11px 0;
}
/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.WebXNavigation ul.AspNet-Menu li:hover, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background:   #434343;  /*#184848; #FFFFFF; amended to see effect turned the color when you click on the menu*/
}
.WebXNavigation ul.AspNet-Menu li:hover a, .WebXNavigation ul.AspNet-Menu li:hover span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover a, 
.WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover span, .WebXNavigation ul.AspNet-Menu li:hover li:hover a, .WebXNavigation ul.AspNet-Menu li:hover li:hover span, 
.WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, 
.WebXNavigation ul.AspNet-Menu li:hover li:hover ul a:hover, .WebXNavigation ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: #FFFFFF; /* #FFFFFF;  amended to see effect changed the menu text colour*/
}
.WebXNavigation ul.AspNet-Menu li:hover ul a, .WebXNavigation ul.AspNet-Menu li:hover ul span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover ul a, 
.WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .WebXNavigation ul.AspNet-Menu li:hover li:hover ul a, 
.WebXNavigation ul.AspNet-Menu li:hover li:hover ul span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, 
.WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
   /* color: #FFFFFF; /* #FFFFFF  #184848; changed this on 10:16 on 23/07/2017 soon as you hover over the menu lettering disapears*/ */
}
/* -------------------------------------------------------------------------- */
/* When the Menu control Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.WebXNavigation .AspNet-Menu-Horizontal
{
    position: absolute;  /* changed from absolute */
    left: 15px;
    top: 0px;
    z-index: 300;
}
/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu
{
}
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 0;
    top: 100%;
}
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
}
/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 134px;
    text-align: center;
}
/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align: left;
    width: 180px;
    padding: 0 0 0 6px;
}
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    text-align: left;
    width: 180px;
    padding: 0 0 0 6px;
}
/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}

ul.AspNet-Menu, ul.AspNet-Menu ul {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.AspNet-Menu li {
    float: left !important;
    height: 1% !important;
    float: left;
    list-style: none outside none;
    position: relative;
}

ul.AspNet-Menu li a, ul.AspNet-Menu li span {
    height: 1% !important;
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul {
    display: none;
    visibility: visible !important;
}

ul.AspNet-Menu ul {
    position: absolute;
    visibility: hidden;
}

ul.AspNet-Menu, ul.AspNet-Menu ul {
    display: block;
    margin: 0;
    padding: 0;
}

.WebXNavigation ul {
    background: none repeat scroll 0 0  #184848; } 

ul.AspNet-Menu li {
    float: left !important;
    height: 1% !important;
    float: left;
    list-style: none outside none;
    position: relative;
}

ul.AspNet-Menu li a, ul.AspNet-Menu li span {
    height: 1% !important;
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu li {
    list-style: none outside none;
    float: left !important;
    height: 1% !important;
}
ul.AspNet-Menu li a, ul.AspNet-Menu li span {
    height: 1% !important;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li li {
    float: left !important;
}
ul.AspNet-Menu ul {
    visibility: visible !important;
}
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul {
    visibility: visible !important;
}
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul {
    visibility: visible !important;
}
ul.AspNet-Menu ul {
    display: none;
}
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li:hover ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul { 

    display: none;
}
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul {
    display: block;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li li {
    float: none;
}

#ctl00_menu 
{
width: 900px;
}
 



/********** Login **********/
#login_container
{
                width: 400px;
                margin: 30px auto 0px auto;
}
#ctl00_login_links 
{
                margin-top: -30px;  
}
#ctl00_login_links a
{
                margin: 0 6px;
}
#ctl00_login_links img
{
                height: 110px;
}
#ctl00_login_top
{
                width: 400px;
                margin: 30px auto 0px auto;
}
#ctl00_ContentPlaceHolder1_ddlAgentID
{
 width:140px;
 margin-right:20px;
}
#ctl00_ContentPlaceHolder1_txtConfirmAgentID
{
 width:336px;
}
#ctl00_ContentPlaceHolder1_btnUseAgentID
{
 margin-top:12px;
}
#ctl00_login_bottom
{
                width: 400px;
                margin: 0px auto 0px 49px;
                display: inline-block;
                font-size: 14px;
}
#fut
{
 margin-top:60px;
}
.override_agent_text_container
{
 font-weight: bold;
 margin-bottom: 12px;
}
.override_agent_message_container
{
 margin-top:12px;
}
.override_agent_button_container
{
 margin-top:12px;
}
/********** Quote / Custom / Nav **********/
#ctl00_quote_content
{
    width: 956px;
    background-color: #F7F7F7;
    border: 2px solid #000000;
    margin: 30px 20px 20px 20px;
    font-size: 12px;
}
#ctl00_custom_content
{
    width: 990px;
    margin: 0 5px;
    font-size: 12px;
}
.hidden
{
    position: absolute;
    visibility: hidden;
}
/***** Grid *****/
.grid
{
	border-collapse: collapse;
	border: solid 1px #000;
	font-size: 12px;
	margin-bottom: 12px;
}
.grid th
{
	padding: 4px;
	background-color: #184848;/* changed from #E51937; */
	border: solid 1px #000;
    color: #fff;
}
.grid td
{
	padding: 4px;
	background-color: #FFFFFF;
	border: solid 1px #000;
    color: #000;
}
/***** Debug Zone *****/
.debug
{
	position: absolute;
	top: 0px;
	right: 0px;
}
/********** Navigation tabs **********/
/**************************************** Fix for ValidationSummary ****************************************/
#ctl00_ContentPlaceHolder1_valSummary, #ctl00_ContentPlaceHolder1_valSummaryPostcode_SSLControl_txtPostcode, #ctl00_ContentPlaceHolder1_valSummaryPostcode_SSLControl_Postcode
{

/*    margin-top: -52px;
    margin-left: -20px;
    margin-bottom: 2px;
    width: 960px;
    background-color: #fff;
    padding: 2px 0 34px 0;
    border-bottom: solid #000 2px;
    */
    margin-top: -56px;
    margin-left: -22px;
    margin-bottom: 2px;
    width: 960px;
    z-index: 99;
    background-color: #fff;
    padding: 2px 0 34px 0;
    border-bottom: solid #000 2px;
}
/**************************************** Navigation zone default properties ****************************************/
table.nav_policy_5parts, table.nav_policy_4parts, table.nav_policy_3parts, table.nav_policy_2parts, 
table.nav_policy_5parts_bg, table.nav_policy_4parts_bg, table.nav_policy_3parts_bg, table.nav_policy_2parts_bg, 
table.nav_location_5parts, table.nav_location_4parts, table.nav_location_3parts, table.nav_location_2parts
{
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-left: -22px;
}
table.nav_policy_5parts, table.nav_policy_4parts, table.nav_policy_3parts, table.nav_policy_2parts, 
table.nav_policy_5parts_bg, table.nav_policy_4parts_bg, table.nav_policy_3parts_bg, table.nav_policy_2parts_bg
{
	margin-top: -42px;
}
table.nav_location_5parts, table.nav_location_4parts, table.nav_location_3parts, table.nav_location_2parts
{
	margin-top: -50px;
}
/**************************************** Navigation zone table cell default properties ****************************************/
table.nav_policy_5parts td, table.nav_policy_4parts td, table.nav_policy_3parts td, table.nav_policy_2parts td, 
table.nav_policy_5parts_bg td, table.nav_policy_4parts_bg td, table.nav_policy_3parts_bg td, table.nav_policy_2parts_bg td, 
table.nav_location_5parts td, table.nav_location_4parts td, table.nav_location_3parts td, table.nav_location_2parts td
{
    padding: 0;
    text-align: center;
}
table.nav_policy_5parts td, table.nav_policy_4parts td, table.nav_policy_3parts td, table.nav_policy_2parts td, 
table.nav_location_5parts td, table.nav_location_4parts td, table.nav_location_3parts td, table.nav_location_2parts td
{
    line-height: 30px;
}
table.nav_policy_5parts_bg td, table.nav_policy_4parts_bg td, table.nav_policy_3parts_bg td, table.nav_policy_2parts_bg td
{
    line-height: 32px;
}
/**************************************** Tab default properties ****************************************/
table.nav_policy_5parts a, table.nav_policy_4parts a, table.nav_policy_3parts a, table.nav_policy_2parts a, 
table.nav_policy_5parts span, table.nav_policy_4parts span, table.nav_policy_3parts span, table.nav_policy_2parts span, 
table.nav_location_5parts a, table.nav_location_4parts a, table.nav_location_3parts a, table.nav_location_2parts a, 
table.nav_location_5parts span, table.nav_location_4parts span, table.nav_location_3parts span, table.nav_location_2parts span, 
table.nav_policy_5parts_bg a, table.nav_policy_4parts_bg a, table.nav_policy_3parts_bg a, table.nav_policy_2parts_bg a, 
table.nav_policy_5parts_bg span, table.nav_policy_4parts_bg span, table.nav_policy_3parts_bg span, table.nav_policy_2parts_bg span
{
    border: none;
    display: block;
    text-decoration: none;
    color: #184848; /*#fff;*/
}
/**************************************** Tab height ****************************************/
table.nav_policy_5parts a, table.nav_policy_4parts a, table.nav_policy_3parts a, table.nav_policy_2parts a, 
table.nav_policy_5parts span, table.nav_policy_4parts span, table.nav_policy_3parts span, table.nav_policy_2parts span, 
table.nav_location_5parts a, table.nav_location_4parts a, table.nav_location_3parts a, table.nav_location_2parts a, 
table.nav_location_5parts span, table.nav_location_4parts span, table.nav_location_3parts span, table.nav_location_2parts span
{
    height: 30px;
}
table.nav_policy_5parts_bg a, table.nav_policy_4parts_bg a, table.nav_policy_3parts_bg a, table.nav_policy_2parts_bg a, 
table.nav_policy_5parts_bg span, table.nav_policy_4parts_bg span, table.nav_policy_3parts_bg span, table.nav_policy_2parts_bg span
{
    height: 60px;
}
/**************************************** Current page tab text colour ****************************************/
table.nav_policy_5parts span, table.nav_policy_4parts span, table.nav_policy_3parts span, table.nav_policy_2parts span, 
table.nav_policy_5parts_bg span, table.nav_policy_4parts_bg span, table.nav_policy_3parts_bg span, table.nav_policy_2parts_bg span, 
table.nav_location_5parts span, table.nav_location_4parts span, table.nav_location_3parts span, table.nav_location_2parts span
{
    color:  #000;
}
table.nav_policy_5parts span.unavailable, table.nav_policy_4parts span.unavailable, table.nav_policy_3parts span.unavailable, table.nav_policy_2parts span.unavailable, 
table.nav_policy_5parts_bg span.unavailable, table.nav_policy_4parts_bg span.unavailable, table.nav_policy_3parts_bg span.unavailable, table.nav_policy_2parts_bg span.unavailable, 
table.nav_location_5parts span.unavailable, table.nav_location_4parts span.unavailable, table.nav_location_3parts span.unavailable, table.nav_location_2parts span.unavailable
{
    color: #184848; /*#fff;*/
}

/**************************************** Tab width and font size ****************************************/
table.nav_policy_5parts a, table.nav_policy_5parts span, table.nav_policy_5parts_bg a, table.nav_policy_5parts_bg span, table.nav_location_5parts a, table.nav_location_5parts span
{
    width: 192px;
    font-size: 12px;
}
table.nav_policy_4parts a, table.nav_policy_4parts span, table.nav_policy_4parts_bg a, table.nav_policy_4parts_bg span, table.nav_location_4parts a, table.nav_location_4parts span
{
    width: 240px;   /* original width 240px */
    font-size: 12px;
}
table.nav_policy_3parts a, table.nav_policy_3parts span, table.nav_policy_3parts_bg a, table.nav_policy_3parts_bg span, table.nav_location_3parts a, table.nav_location_3parts span
{
    width: 320px;
    font-size: 13px;
}
table.nav_policy_2parts a, table.nav_policy_2parts span, table.nav_policy_2parts_bg a, table.nav_policy_2parts_bg span, table.nav_location_2parts a, table.nav_location_2parts span
{
    width: 480px;
    font-size: 14px;
}
/**************************************** Policy, Active, 5 parts ****************************************/
table.nav_policy_5parts a:link, table.nav_policy_5parts a:active, table.nav_policy_5parts a:visited
{
    background-image: url("../WebXImage/tab_5parts_blue.png");
}
table.nav_policy_5parts a:hover
{
    background-image: url("../WebXImage/tab_5parts_black.png");
}
table.nav_policy_5parts span
{
    background-image: url("../WebXImage/tab_5parts_white.png");
}
table.nav_policy_5parts span.unavailable
{
    background-image: url("../WebXImage/tab_5parts_grey.png");
}
/**************************************** Policy, Passive, 5 parts ****************************************/
table.nav_policy_5parts_bg a:link, table.nav_policy_5parts_bg a:active, table.nav_policy_5parts_bg a:visited
{
    background-image: url("../WebXImage/tab_5parts_grey_bg.png");
}
table.nav_policy_5parts_bg a:hover
{
    background-image: url("../WebXImage/tab_5parts_black_bg.png");
}
table.nav_policy_5parts_bg span
{
    background-image: url("../WebXImage/tab_5parts_white_bg.png");
}

/**************************************** Policy, Active, 4 parts ****************************************/
table.nav_policy_4parts a:link, table.nav_policy_4parts a:active, table.nav_policy_4parts a:visited
{
    background-image: url("../WebXImage/tab_4parts_terquise_bg.png");
    color: #fff;   /*added 30-05-2018 to check the text xolour */
}
table.nav_policy_4parts a:hover
{
    background-image: url("../WebXImage/tab_4parts_black.png");
}
table.nav_policy_4parts span
{
    background-image: url("../WebXImage/tab_4parts_white.png");
}
table.nav_policy_4parts span.unavailable
{
    background-image: url("../WebXImage/tab_4parts_grey.png");
}
/**************************************** Policy, Active, 3 parts ****************************************/
table.nav_policy_3parts a:link, table.nav_policy_3parts a:active, table.nav_policy_3parts a:visited
{
    background-image: url("../WebXImage/tab_3parts_terquise_bg.png");
    color: #fff;   /*added 30-05-2018 to check the text xolour */
}
table.nav_policy_3parts a:hover
{
    background-image: url("../WebXImage/tab_3parts_black.png");
}
table.nav_policy_3parts span
{
    background-image: url("../WebXImage/tab_3parts_white.png");
}
table.nav_policy_3parts span.unavailable
{
    background-image: url("../WebXImage/tab_3parts_grey.png");
}
/**************************************** Policy, Active, 2 parts ****************************************/
table.nav_policy_2parts a:link, table.nav_policy_2parts a:active, table.nav_policy_2parts a:visited
{
    background-image: url("../WebXImage/tab_2parts_blue.png");
}
table.nav_policy_2parts a:hover
{
    background-image: url("../WebXImage/tab_2parts_black.png");
}
table.nav_policy_2parts span
{
    background-image: url("../WebXImage/tab_2parts_white.png");
}
table.nav_policy_2parts span.unavailable
{
    background-image: url("../WebXImage/tab_2parts_grey.png");
}
/**************************************** Policy, Passive, 5 parts ****************************************/
table.nav_policy_5parts_bg a:link, table.nav_policy_5parts_bg a:active, table.nav_policy_5parts_bg a:visited, table.nav_policy_5parts_bg span.unavailable
{
    background-image: url("../WebXImage/tab_5parts_grey_bg.png");
}
table.nav_policy_4parts_bg a:hover
{
    background-image: url("../WebXImage/tab_5parts_black_bg.png");
}
table.nav_policy_4parts_bg span
{
    background-image: url("../WebXImage/tab_5parts_white_bg.png");
}
/**************************************** Policy, Passive, 4 parts ****************************************/
table.nav_policy_4parts_bg a:link, table.nav_policy_4parts_bg a:active, table.nav_policy_4parts_bg a:visited, table.nav_policy_4parts_bg span.unavailable
{
    background-image: url("../WebXImage/tab_4parts_grey_bg.png");
}
table.nav_policy_4parts_bg a:hover
{
    background-image: url("../WebXImage/tab_4parts_black_bg.png");
}
table.nav_policy_4parts_bg span
{
    background-image: url("../WebXImage/tab_4parts_white_bg.png");
}
/**************************************** Policy, Passive, 3 parts ****************************************/
table.nav_policy_3parts_bg a:link, table.nav_policy_3parts_bg a:active, table.nav_policy_3parts_bg a:visited, table.nav_policy_3parts_bg span.unavailable
{
    background-image: url("../WebXImage/tab_3parts_grey_bg.png");
}
table.nav_policy_3parts_bg a:hover
{
    background-image: url("../WebXImage/tab_3parts_black_bg.png");
}
table.nav_policy_3parts_bg span
{
    background-image: url("../WebXImage/tab_3parts_white_bg.png");
}
/**************************************** Policy, Passive, 2 parts ****************************************/
table.nav_policy_2parts_bg a:link, table.nav_policy_2parts_bg a:active, table.nav_policy_2parts_bg a:visited, table.nav_policy_2parts_bg span.unavailable
{
    background-image: url("../WebXImage/tab_2parts_grey_bg.png");
}
table.nav_policy_2parts_bg a:hover
{
    background-image: url("../WebXImage/tab_2parts_black_bg.png");
}
table.nav_policy_2parts_bg span
{

    background-image: url("../WebXImage/tab_2parts_white_bg.png");
}
/**************************************** Location, 5 parts /****************************************/
table.nav_location_5parts a:link, table.nav_location_5parts a:active, table.nav_location_5parts a:visited
{
    background-image: url("../WebXImage/tab_5parts_blue.png");
}
table.nav_location_5parts a:hover
{
    background-image: url("../WebXImage/tab_5parts_black.png");
}
table.nav_location_5parts span
{
    background-image: url("../WebXImage/tab_5parts_white.png");
}
table.nav_location_5parts span.unavailable
{
    background-image: url("../WebXImage/tab_5parts_grey.png");
}
/**************************************** Location, 4 parts /****************************************/
table.nav_location_4parts a:link, table.nav_location_4parts a:active, table.nav_location_4parts a:visited
{
    background-image: url("../WebXImage/tab_4parts_terquise_bg.png");
    color: #fff;   /*added 30-05-2018 to check the text xolour */
}
table.nav_location_4parts a:hover
{
    background-image: url("../WebXImage/tab_4parts_black.png");
}
table.nav_location_4parts span
{
    background-image: url("../WebXImage/tab_4parts_white.png");
}
table.nav_location_4parts span.unavailable
{
    background-image: url("../WebXImage/tab_5parts_grey.png");
}
/**************************************** Location, 3 parts /****************************************/
table.nav_location_3parts a:link, table.nav_location_3parts a:active, table.nav_location_3parts a:visited
{
    background-image: url("../WebXImage/tab_3parts_terquise_bg.png");
    color: #fff;   /*added 30-05-2018 to check the text xolour */
}
table.nav_location_3parts a:hover
{
    background-image: url("../WebXImage/tab_3parts_black.png");
}
table.nav_location_3parts span
{
    background-image: url("../WebXImage/tab_3parts_white.png");
}
table.nav_location_3parts span.unavailable
{
    background-image: url("../WebXImage/tab_5parts_grey.png");
}
/**************************************** Location, 2 parts /****************************************/
table.nav_location_2parts a:link, table.nav_location_2parts a:active, table.nav_location_2parts a:visited
{
    background-image: url("../WebXImage/tab_2parts_blue.png");
}
table.nav_location_2parts a:hover
{
    background-image: url("../WebXImage/tab_2parts_black.png");
}
table.nav_location_2parts span
{
    background-image: url("../WebXImage/tab_2parts_white.png");
}
table.nav_location_2parts span.unavailable
{
    background-image: url("../WebXImage/tab_5parts_grey.png");
}
/********** Side Navigation Tabs **********/
/*** Side navigation zone default properties ***/
table.sidenav_small, table.sidenav_medium, table.sidenav_large
{
    border-collapse: collapse;
    position: absolute;
    top: 210px;
    right: 20px;
    z-index: 90;
    /*Disabled - these measurements used only when ctl00_content_inner has relative positioning
    top: 40px;
    right: -2px;*/
}
/**************************************** Side navigation zone table cell default properties ****************************************/
table.sidenav_small td, table.sidenav_medium td, table.sidenav_large td
{
    padding: 0;
    text-align: center;
    line-height: 60px;
}
/**************************************** Side tab default properties ****************************************/
table.sidenav_small a, table.sidenav_medium a, table.sidenav_large a
{
    border: none;
    display: block;
    text-decoration: none;
    color: #fff;
    height: 60px;
}
/**************************************** Current page side tab text colour ****************************************/
table.sidenav_small span, table.sidenav_medium span, table.sidenav_large span
{
    color: #000;
}
/**************************************** Side tab width and font size ****************************************/
table.sidenav_small span, table.sidenav_small a
{
    width: 100px;
    font-size: 12px;
}
table.sidenav_medium span, table.sidenav_medium a
{
    width: 150px;
    font-size: 12px;
}
table.sidenav_large span, table.sidenav_large a
{
    width: 200px;
    font-size: 12px;
}
/**************************************** Small ****************************************/
table.sidenav_small a:link, table.sidenav_small a:active, table.sidenav_small a:visited
{
    background-image: url( "../WebXImage/sidetab_small_white.png" );
    color: #000;
}
table.sidenav_small a:hover
{
    background-image: url( "../WebXImage/sidetab_small_black.png" );
    color: #fff;
}
table.sidenav_small span
{
    background-image: url( "../WebXImage/sidetab_small_blue.png" );
    color: #fff;
}
table.sidenav_small a.unavailable, table.sidenav_small span.unavailable
{
    background-image: url( "../WebXImage/sidetab_small_grey.png" );
    color: #fff;
}
/**************************************** Medium ****************************************/
table.sidenav_medium a:link, table.sidenav_medium a:active, table.sidenav_medium a:visited
{
    background-image: url( "../WebXImage/sidetab_medium_white.png" );
    color: #000;
}
table.sidenav_medium a:hover
{
    background-image: url( "../WebXImage/sidetab_medium_black.png" );
    color: #fff;
}
table.sidenav_medium span
{
    background-image: url( "../WebXImage/sidetab_medium_blue.png" );
    color: #fff;
}
table.sidenav_medium a.unavailable, table.sidenav_medium span.unavailable
{
    background-image: url( "../WebXImage/sidetab_medium_grey.png" );
    color: #fff;
}
/**************************************** Large ****************************************/
table.sidenav_large a:link, table.sidenav_large a:active, table.sidenav_large a:visited
{
    background-image: url( "../WebXImage/sidetab_large_white.png" );
    color: #000;
}
table.sidenav_large a:hover
{
    background-image: url( "../WebXImage/sidetab_large_black.png" );
    color: #fff;
}
table.sidenav_large span
{
    background-image: url( "../WebXImage/sidetab_large_blue.png" );
    color: #fff;
}
table.sidenav_large a.unavailable, table.sidenav_large span.unavailable
{
    background-image: url( "../WebXImage/sidetab_large_grey.png" );
    color: #fff;
}

/********** B.A. CLASSES **********/
.HeaderItem
{
	font-size: 13px;
	font-weight: bold;
	color: #4888C8;
}
table.Sidebar
{
	MARGIN: 30px 20px 0px;
	padding: 10px;
	border: solid 2px #000000;
    background-color: #FFFFFF;
}
table.RiskBorderTop
{
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: 3px;
	overflow: hidden;
	border-collapse: collapse;
	table-layout: fixed;
}
table.RiskBorderMid
{
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	border-collapse: collapse;
	table-layout: fixed;
}
table.RiskBorderBottom
{
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	border-collapse: collapse;
	table-layout: fixed;
}
.detailRow
{
	background-color: #fff;
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
.detailRow td
{
	background-color: #eee;
	border: #fff 1px solid;
}
.label
{
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
.labelPink
{
	background-color: #eee;
	vertical-align: middle;
}
.field
{
	color: #5C3A3B;
	text-decoration: none;
	font-size: 12px;
}
.tableBorder
{
	border: 1px #000 solid;
	background-color: #fff;
	padding: -2px;
}
.tableHeader
{
	border-top: solid 2px #000;
	border-left: solid 2px #000;
	border-right: solid 2px #000;
	border-bottom: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0085A6', endColorstr='#045362');
	background-image: none;
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	vertical-align: middle;
	width: 685px;
}
.tableFooter
{
	border-top: none;
	border-left: solid 2px #000;
	border-right: solid 2px #000;
	border-bottom: solid 2px #000;
	font-size: 11px;
	font-weight: bold;
	width: 685px;
}
.tableRow
{
	border-top: solid 2px #000;
	border-left: solid 2px #000;
	border-right: solid 2px #000;
	border-bottom: none;
	background-color: #eee;
	color: #000;
	width: 685px;
}
.errText
{
	color: #ff0000;
	text-decoration: none;
	font-size: 10pt;
}
.additionalInfo
{
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
.ReadOnly
{
	background-color: #E8E8E8;
	font-size: 11px;
}
.ReadOnlyRightAlign
{
	background-color: #E8E8E8;
	font-size: 11px;
	text-align: right;
}
.TextRightAlign
{
	font-size: 11px;
	text-align: right;
}
.SummaryGrid
{
	color: #045362;
	background-color: #FFFFFF;
	font-size: 11px;
}
.SummaryGrid
{
	table-layout: fixed;
	width: 650px;
}
.SummaryGrid input
{
	font-size: 11px;
	border: #045362 2px solid;
	padding: 10px;
}
.SummaryGrid td
{
	height: 45px;
	padding: 0;
	margin: 0;
}
.PinkBorder
{
	background-color: #eee;
	border: #045362 2px solid;
	text-decoration: none;
	font-size: 12px;
}
.LargeLabelBold
{
	color: #000;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.LargeLabel
{
	color: #000;
	font-size: 13px;
	text-decoration: none;
}
#imgUpload, #imgClose
{
	margin-top: -30px;
}
.SummaryButtons
{
	border-collapse: collapse;
}
.SummaryButtons input
{
	margin: 0 1px;
}
.first_column
{
	width: 550px;
}
.second_column
{
	width: 350px;
	padding-left: 16px;
}
#ctl00_ContentPlaceHolder1_apply_form
{
	font-size: 12px;
}
/********** Direct debit form **********/
.account
{
	width: 300px;
}
.number
{
	width: 200px;
}
.collection
{
	width: 100px;
}
.name
{
	width: 200px;
}
.address
{
	width: 300px;
}
.postcode
{
	width: 70px;
}
.telephone
{
	width: 200px;
}
.email
{
	width: 300px;
}
.dropdown1
{
	width: 100px;
	border: 1px solid #5E5E5E;
}
.dropdown2
{
	width: 200px;
	border: 1px solid #5E5E5E;
}
.radiobutton1

{

	color: #5E5E5E;
}
.ZoneWithBorder
{
	padding: 10px;
	border: solid 2px #000;
	margin-bottom: 30px;
	background-color: #FFF;
}
.ZoneWithBorder h3
{
	margin-top: 0;
}
.AdditionalZoneWithBorder
{
	padding: 10px;
	border: solid 2px #000;
	background-color: #F9E8EB;
	margin-bottom: 30px;
	margin-left: 50px;
}
.AdditionalZoneWithBorder h3
{
	margin-top: 0;
}
.Title1, .Title1Inline
{
	font-size: 13.5px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	display: inline;
}
.SidebarLabel
{
	font-size: 11px;
	font-weight: bold;
}
.SidebarField
{
	font-size: 11px;
}
.webxTextbox
{
   width: 300px;
   border: 1px solid #184848;
   font-family: Lato, Arial;
   font-size: 12px;
   padding: 5px;
   margin: 1px;
}
input[type="image"].webxTextbox 
{
   width: 16px;
 margin-bottom:-8px;
}
.webxDropdownlist
{
   width: 312px;
   border: 1px solid #184848;
   font-family: Lato, Arial;
   font-size: 12px;
   padding: 5px;
   margin: 1px;
}
select.postcode_lookup
{
   border: 1px solid #184848;
   font-family: Lato, Arial;
   padding: 5px;
   margin: 1px;
/*   margin: 4px 0 4px 0;*/
   width: auto;
   float:none;
}

.webxRadiobuttonList
{
	color: #5E5E5E;
                padding: 2px;
}
.webxCheckbox
{
}
.webxLabel
{
}
.textBoxCash
{
	width: 100px;
	border: 1px solid #5E5E5E;
	margin-right: 10px;
}
.textBoxNarrow
{
	width: 200px;
}
.textBoxWide
{
	width: 400px;
}
.textArea
{
   width: 300px;
   border: 1px solid #E51937;
   margin-bottom: 10px;
   height: 75px;
   font-family: Lato, Arial;
   font-size: 12px;
   padding: 5px;
   margin: 1px;
}
.field  
{
	color: #5C3A3B;
	text-decoration: none;
	font-size: 12px;  
}
.label  
{
	color: #000;
	text-decoration: none;   
	font-weight: bold;
	font-size: 12px;
}
/******* Tool Tips *******
       
Special styling to create a long lasting tooltip hover over.
       
Standard tool tip message disapears after 5 seconds, using CSS counters this

*/


.ToolTipContainer
{
   overflow:hidden;
   cursor:help;
}
.ToolTipContainer:hover .ToolTipInner
{
   display:block;
}
.ToolTipInner
{
   position: absolute;
   z-index: 99;
   margin-left: 10px;
   width: 200px;
   padding: 0.8em 1em;
   background: #184848;  /* changed from #E51937;*/
   color: #FFFFFF;
   border: 1px solid #184848; /* changed from #E51937;*/
   display:none;
}
.ToolTipContainer:hover em
{
   font-style:normal;
   font-size: 1.1em;
   font-weight: bold;
   font-display: block;
   padding: 0.2em 0 0.6em 0;
}
.Email
{
   font: Arial;
   font-size: 12px;
}
.GridHyperlink
{
   font-size: 11px;
   font-weight: bold;
   text-decoration: underline;
   cursor: pointer;
}
/********** Manage Users **********/.greyBox
{
    margin: 20px 0;
    font-size: 12px;
}
#ctl00_ContentPlaceHolder1_grdUsers table
{
    margin: 0;
    padding: 0;
    width: 850px;
    font-size: 12px;
    table-layout: fixed;
    border-collapse: collapse;
    border: solid 1px #000;
}
#ctl00_ContentPlaceHolder1_grdUsers th
{
    background-color: #003366;
    color: #fff;
    font-weight: normal;
    height: 55px;
    text-align: left;
    padding: 2px;
    vertical-align: top;
    font-size: 12px;
}
#ctl00_ContentPlaceHolder1_grdUsers td
{
    color: #000;
    height: 35px;
    padding: 2px;
    margin: 0;
    vertical-align: top;
    font-size: 12px;
}
#ctl00_ContentPlaceHolder1_grdUsers input[type="text"]
{
    font-size: 11px;
}
th.username_column
{
    width: 110px;
}
th.reset_column
{
    width: 70px;
}
td.reset_column
{
    text-align: center;
}
th.fullname_column
{
    width: 145px;
}
td.fullname_column input[type="text"]
{
    width: 130px;
}
th.email_column
{
    width: 145px;
}
td.email_column input[type="text"]
{
    width: 125px;
}
th.job_column
{
    width: 145px;
}
td.job_column input[type="text"]
{
    width: 130px;
}
th.phone_column
{
    width: 100px;
}
td.phone_column input[type="text"]
{
    width: 85px;
}
th.blocked_column
{
    width: 50px;
}
td.blocked_column
{
    text-align: center;
}
th.command_column
{
    width: 60px;
}
td.command_column
{
    text-align: center;
}
#tblNewUser, #tblEditUser
{
    margin-bottom: 10px;
}
#tblNewUser td, #tblEditUser td
{
    padding: 1px 5px;
    width: 210px;
}
#tblNewUser input[type="text"], #tblEditUser input[type="text"]
{
    width: 200px;
}

/********** Account Statement **********/table#intro
{
    padding: 3px;
    font-size: 12px;
}
table#intro td
{
    padding: 4px 70px 4px 18px;
}
div#currency
{
    margin: 16px 0;
    padding: 17px 0 22px 18px;
}
.broker_statement_grid, .uw_statement_grid
{
    padding: 0;
    width: 950px;
    table-layout: fixed;
    border-collapse: collapse;
    border: solid 1px #000;
    font-size: 12px;
}
.broker_statement_grid th, .uw_statement_grid th
{
    background-color: #E51937;
    color: #fff;
    font-weight: normal;
    height: 90px;
    text-align: left;
    padding: 1px;
    vertical-align: top;
    margin: 0;
}
.broker_statement_grid td, .uw_statement_grid td
{
    color: #000;
    font-size: 11px;
    height: 40px;
    vertical-align: top;
    padding: 1px;
}
th.date_column
{
    width: 60px;
}
th.transaction_column
{
    width: 90px;
}
th.type_column
{
    width: 40px;
}
th.number_column
{
    width: 50px;
}
th.policy_column
{
    width: 60px;
}
th.details_column
{
    width: 100px;
}
th.gross_column
{
    width: 50px;
}
th.grosscr_column
{
    width: 10px;
}
th.due_column
{
    width: 50px;
}
th.duecr_column
{
    width: 10px;
}
th.held_column
{
    width: 70px;
}
th.notes_column
{
    width: 160px;
}
th.uwnet_column
{
    width: 50px;
}
th.ipt_column
{
    width: 50px;
}
th.uwnetipt_column
{
    width: 60px;
}
td.date_column
{
}
td.transaction_column
{
}
td.type_column
{
}
td.number_column
{
}
td.policy_column
{
}
td.details_column
{
}
td.gross_column
{
    text-align: right;
    border-right: 0;
}
td.grosscr_column
{
    border-left: 0;
}
.broker_statement_grid td.due_column
{
    text-align: right;
    background-color: #434343;
    color: #fff;
}
.broker_statement_grid td.duecr_column
{
    background-color: #434343;
    color: #fff;
}
td.held_column
{
    text-align: right;
}
td.notes_column
{
    font-style: italic;
    padding-left: 10px;
}
td.uwnet_column
{
}
td.ipt_column
{
}
td.uwnetipt_column
{
}
.print_statement
{
    margin: 10px 0;
    display: none;
}

/********** Multi quote ***********/
.multi_quote_header
{
	background-color: #F7F7F7;
}
.multi_quote_header td
{
	padding: 0;
}
.multi_quote_detail
{
	background-color: #F7F7F7;
}
.multi_quote_detail td
{
	padding: 0;
}
.multi_quote_detail img
{
	width: 60px;
	height: 40px;
}
.multi_quote_detail_indicative
{
	background-color: #F7F7F7;
}
.multi_quote_detail_indicative td
{
	padding: 0;
}
.multi_quote_detail_indicative img
{
	width: 60px;
	height: 40px;
}
/******************** Comparison ********************/
.comparison_header
{
	background-color: #F7F7F7;
}
.comparison_header td
{
	padding: 0;
}
.comparison_detail
{
	background-color: #F7F7F7;
}
.comparison_detail td
{
	padding: 0;
	text-align: center;
	text-align: -moz-center;
	margin-left: auto;
	margin-right: auto;
}
.comparison_detail img
{
	width: 46px;
	height: 46px;
}
.comparison_detail_indicative
{
	background-color: #F7F7F7;
}
.comparison_detail_indicative td
{
	padding: 0;
	text-align: center;
}
.comparison_detail_indicative img
{
	width: 60px;
	height: 40px;
}
.CompareDetailHR hr
{
	color: #858585;
	background-color: #858585;
	height: 2px;
	margin: 12px 0 11px 0;
	width: 70%;
	display: inline-block;
}
/******** MULTI QUOTE ********/
.MultiQuoteSummaryZone
{
  background-color: #F7F7F7;
  line-height: 30px;
}
.MultiQuoteHeaderZone
{
  color: #fff;
  background-color: #81BF33;
}
.MultiQuoteHeader
{
  font-size: 13px;
  font-weight: normal;
}
.MultiQuoteHeaderBold
{
  font-size: 13px;
  font-weight: bold;
}
.CompareH1
{
  font-size: 14px;
  font-weight: bold; 
}
.CompareH2
{
  font-size: 12px;
  font-weight: bold; 
}
.CompareH3
{
  font-size: 11px;
}
.CompareDetailH1
{
  font-size: 14px;
  font-weight: bold; 
}
.CompareDetailH2
{
  font-size: 12px;
  font-weight: bold; 
}
.CompareDetailH3
{
  font-size: 11px;
}
/********** Search Grids *******/

/* Results grid section */
#ctl00_ContentPlaceHolder1_GridView1
{
	border-style: None;
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	border: 1px;
	width: 900px;
	height: 30px;
	align: left;
	margin-top: 14px;
}

/* Header row */
#ctl00_ContentPlaceHolder1_GridView1 th
{
	font-weight: normal;
	font-size: 12px;
	background-color: #184848; /* Changed from #E51937; */
	color: #fff;
	padding: 2px 3px;	
}

/* All data rows  */
#ctl00_ContentPlaceHolder1_GridView1 tr
{
	font-size: 11px;
	padding: 2px 3px;	
}

/* Alternate row coloring */
#ctl00_ContentPlaceHolder1_GridView1 tr:nth-child(even)
{
	background: #dcdcdc;
}
#ctl00_ContentPlaceHolder1_GridView1 tr:nth-child(odd)
{
	background: #efefef;
}