/********** Global ******

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


@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

a
{
	color: #a4123b;
}

*
{
	font-family: 'Arial'; 
}

.fa
{
    font: normal normal normal 14px/1 FontAwesome !important;
}


div[class*=row] {
      /* min-width: 100%; */
    margin-top: 1%;
}

#ctl00_ContentPlaceHolder1_trSecurity td
{
	padding-top:10px;	
}

#ctl00_ContentPlaceHolder1_trSecurity td:nth-child(2)
{
	white-space:nowrap;
}


#ctl00_ContentPlaceHolder1_trSecurity td:last-child
{
	padding-left:10px;
}

input[type="text"].CodeInput:focus {
    background: #fff !important;
    box-shadow: 0px 0px 0px 1px #a4123b, inset 0px 2px 3px #d6d6d6, 0px 5px 5px #f5f5f5 !important;
    outline: none !important;
    transition: none !important;
}

button:focus {outline:0 !important;}

p, .webxLabel
{
	font-size: 15px;
	margin: 10px 0;
}

textarea
{
	font-family: Lato, Arial;
	font-size: 12px;
}


.H3Indent
{
	font-size: 14px;
	padding-left: 10px;
}
.Indent
{
	padding-left: 10px;
}


img
{
	border: none;
}

#ctl00_loginheader {
            height: 77px;
            width: 90px;
            position: relative;
            margin-left: auto;
            margin-right: auto;
}

.headerLeft
{
	margin-top: 20px;
	margin-left: 20px;
	padding-top: 35px;
	float:left;
	width:160px;
	color:#FFFFFF;
	font-size:26px;
}
.headerMid
{
	margin-top: 0px;
    margin-left: 48px;
	float:left;
	width:547px;
}
.headerRight
{
	margin-top: 0px;
	float:left;
	width:208px;
}

#ctl00_border_sides {
float: left;
width: 990px;
position: relative;
top:10px;
}

#ctl00_content
{
	width: 990px;
	margin: 15px;
	padding-top: 10px;
}
#ctl00_content_left
{
	/*width: 400px;*/
	margin: 0 6px;
	padding-top: 10px;
	float: left;
}
#ctl00_content_rightMenuPage
{
/*width: 571px;*/
margin: 20px 0 20px 0;
float: right;
margin-top: 55px;

}

#ctl00_content_right
{
/*width: 571px;*/
	margin: 20px 0 20px 0;
	float: right;
margin-top: 76px;
margin-right: 65px;
}
#ctl00_content_text
{
	/*position: relative;*/ /*Disabled - this prevents the navigation menu working in IE 7 and earlier*/
	margin: 20px;
}

#ctl00_border_bottom {
    width: 140px; 
    background-color:#FFFFFF;  
    clear: both;
    vertical-align: text-bottom;
    font-size: 12px;
}

#ctl00_border_bottom a
{
 color: #FFFFFF;
 text-decoration:none;
}
#ctl00_footer_left
{
	float: left;
	text-align: left;
	width: 720px;
	margin: 20px 10px 10px 20px;
}
#ctl00_footer_mid
{
	float: left;
	text-align: left;
	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: 10px;
	padding-top: 10px;
	float: left;
}

#ctl00_legal {
    margin-top: 30px;
    margin-bottom: 30px;
    margin: auto;
    width: 970px;
    padding-top: 15px;
}


#ctl00_legal img
{
  margin-bottom: 20px;
  margin-left: 20px;
  float: right;
}

#ctl00_links
{
    float: right;
    text-align: right;
    color: #202B65;
}
label
{
	padding: 4px;
}
input[type="radio"]
{
	padding: 4px;
}

.webxError{
       list-style-type: none;
	width: 100%;
	color: #f50808;
	max-width: 1170px;
	padding-right: 15px;
	padding-left: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	border-radius: 5px;
}


.webxError.Summary
{
                list-style-type: none;
	background: #ff44448c;
	vertical-align: top;
	width: calc(100% + 30px);
	color: white;
	max-width: 1170px;
	padding-right: 15px;
	padding-left: 6px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: -15px;
	margin-bottom: -90px;
	border-radius: 5px;
    top: 95px;
    position: relative;
}

#HeaderTextOverlay {
position: absolute;
top: 22px;
left: 161px;
}

#ClientLogo {
position: relative;
    left: 560px;
top: -10px;
}
#AgentLogo {
    position: relative;
    height: 100px;
    top: 8px;
    float: left;
}
/*
#AgentLogo {
position: absolute;
top: 60px;
left: 880px;
}
*/

.clientmargin
{
margin-top:5px;
}

.taskFilter
{
width: 480px;
border: none;
}
.anonborder
{
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
    border-left: #000 2px solid;
    border-right: #000 2px solid;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 14px;
    padding-right: 14px;
    margin: 0px;
    background-color: white;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.hideField
{
display: none;
}
img#ClientLogo {
    display: none;
}

.wordspace{margin-left:3px;}

.ProgressZone {
    text-align: center;
height: 460px;
}

/********** Menu and Buttons **********/
/********** Buttons **********/
input[type="submit"], input[type="button"], #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, #ctl00_ContentPlaceHolder1_btnInsertTestData, .grid button {
    outline: 0 !important;
    border: none;
    background-repeat: repeat-x;
    text-align: center;
    height: 30px;
    line-height: 22px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
}


a.btnSummary, input.btnSummary, btnSummaryGrey, input.btnSummaryGrey
{
    width: 150px;
    display: block;
    margin-top: 5px;
    margin-left: auto;
    margin-bottom: 5px;
    margin-right: auto;    
 border-radius: 5px; 
}
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,
btnSummaryGrey, input.btnSummaryGrey
{
    background-image: none;
    background-color: #AAAAAA;
    text-align: center;
    height: 26px;
    line-height: 22px;
    text-decoration: none;
    color:#FFFFFF;
    font-size: 12px;
    cursor: default;
}
span.btnGreyMargin,
a.btnGreyMargin,
input.btnGreyMargin
{
    background-image: none;
    background-color: #AAAAAA;
    text-align: center;
    height: 26px;
    line-height: 22px;
    text-decoration: none;
    color:#FFFFFF;
    font-size: 12px;
	cursor: default;
	margin-top: 5px;
}
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
{
    background: #AEAEAE;
    width: 100px;
    height: 20px;
    font-size: 10px;
    line-height: 18px;
}

#ctl00_ContentPlaceHolder1_grdUsers th {
    background-color: #F0662B !important;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    height: 55px;
    padding: 2px;
    text-align: left;
    vertical-align: top;
}
/********** Products page **********/

.WebXProductsHolder a {
height: 40px;
line-height: 38px;
width: 230px;
text-align: center;
text-decoration: none;
color: #FFF;
font-size: 22px;
display: block;
background-color: #720404;
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;
    background-color: #F0662B;
}

/********** Navigation Control **********/

/* 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;
     top: -1em;
     z-index: 400;
 }
.WebXNavigation ul.AspNet-Menu ul ul
{
     width: 11.5em;
     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;*/
}
/* 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: #000000;
    padding: 2.5px 0;
}

.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: #b5607b;
    padding: 6px 0;
}


/* -------------------------------------------------------------------------- */
/* 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;
    left: 845px;
    top: 0px;
    z-index: 300;
    width: 700px;
}

/* 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%;
	margin-top:0px;
}
.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 {
    text-align: left;
    padding: 0px 10px;
    border-left: 2px solid #A4123F;
}
/* 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: 140px;
    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;
}


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_ContentPlaceHolder1_btnPostcodeLookup {
width: 120px;
}
input#ctl00_ContentPlaceHolder1_btnUseAgentIDContinue {
position: absolute;
right: 615px;
}
input#ctl00_ContentPlaceHolder1_btnUseAgentIDCancel {
position: absolute;
right: 720px;
}


.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu li:first-child {
    border: none;
}


#ctl00_navigation {
    position: relative;
    top: -35px;
    font-size: 15px;
    background: none;
    margin: 0 auto;
    width: 860px;
}


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
{
    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: 40%;
/*margin-left: 20px;*/
}
a.btn090, input.btn090
{
    width: 90px;
}
a.btn100, input.btn100
{
    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;
}



/********** Login **********/

div#ctl00_ContentPlaceHolder1_LoginPanel * {
    display: block;
    float:  none;
    width: 100%;
}

#ctl00_ContentPlaceHolder1_ValidationSummary1
{
    overflow: hidden;
    color: Red;
    margin-left: 0px;
    margin-top: 30px;
    margin-bottom: -130px;
}

#emailverification_error{line-height:30px;}

#ctl00_ContentPlaceHolder1_ValidationSummary1 ul
{
	 margin-left: 0px !important;
    white-space: pre !important;
}

#ctl00_ContentPlaceHolder1_pnlChangePasswordTextboxes td 
{
	text-align:left !important;
}

#ctl00_content_text li
{
list-style:circle;

}

#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: 980px !important;
    position: relative;
    display: inline-block;
    font-size: 14px;
    top: -16px;
}
#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;
}
.AspNet-Login
{
	width: 100%;
    height: 109px;
    padding: 12px 12px 5px 5px;
    background-color: #f5f5f5;
    position: relative;
	margin-top: 40px;
}
.AspNet-Login-SubmitPanel
{
margin-left: 218px;
}
.AspNet-Login-PasswordRecoveryPanel
{
margin-left: 4px !important;
margin-top: 50px !important;
color: #A4123F !Important;
}
.AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label
{
color: #000;
/* font-weight: bold; */
}
#ctl00_ContentPlaceHolder1_pnlOverrideAgentIDEnter
{
width: 386px;
height: 129px;
/*margin: 30px auto 0px auto;*/
margin-top: -38px !important;
padding: 12px 12px 5px 5px;
background-color: white;
/*border: Solid 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;*/
}
#ctl00_ContentPlaceHolder1_pnlOverrideAgentIDConfirm
{
width: 350px;
height: 129px;
/*margin: 30px auto 0px auto;*/
margin-top: -38px !important;
padding: 12px 12px 5px 5px;
/*border: Solid 1px;
background-color: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;*/
}
.override_agent_button_container
{
float: right;
}

#ctl00_ContentPlaceHolder1_pnlChangePassword
{
border: none 0px white !important;
}
.AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label {
    color:#2F2F2F;
    font-family: 'Arial'; 
}

#ctl00_loginheader h1 {
    right: 114px;
    position: relative;
}


.LoginWrapper{
width:30% !important;
}

.loginPageContentText{
    position: relative;
   margin: auto !important;
    width: 75%;
}

.borderSidesLoginPage{
width: 100% !important;
position: relative !important;
top:10px !important;
float:none !important;
}

div#ctl00_ContentPlaceHolder1_pnlChangePassword {width: 425px !important;}
/********** Quote / Custom / Nav **********/

#ctl00_quote_content {
    width: 956px;
    margin: 30px 20px 20px 15px;
    font-size: 12px;
}
#ctl00_custom_content
{
    width: 990px;
    margin: 0 5px;
    font-size: 12px;
}
.hidden
{
    position: absolute;
    visibility: hidden;
}

#ctl00_subnavigation_bar {
font-size: 11px;
margin-bottom: 0px;
margin-left: 25px;
margin-right: 25px;
position: relative;
top: 12px;
}

/***** Grid *****/


#ctl00_ContentPlaceHolder1_ctl11_SSLControl_grdPoliciesAll .grid
{
max-Width:98%;
}

.grid
{
	border-collapse: collapse;
	font-size: 12px;
	margin-bottom: 12px;
width: auto;
}

.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
{
float:right;
}
/**************************************** 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;
}
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
{
	position: absolute;
    top: -10px;
}
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
{
    display: block;
    text-decoration: none;
	
    background-color: #C1C1C1;
	border-bottom: none;
	color: #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;
}


/********** 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;
}

/****************************** Premium Finance*******************************/

.prem_finance_rightcol
{
    float:right;
    position: absolute;
    top: 433px;
    left: 490px;
}

.prem_finance_ddl {
width: 55px;
border: 1px solid #F0662B;
font-family: Lato, Arial;
font-size: 12px;
padding: 3px;
margin: 1px;
}

.prem_finance_textbox
{
   width: 200px;
   border: 1px solid #F0662B;
   font-family: Lato, Arial;
   font-size: 12px;
   padding: 5px;
   margin: 1px;
}

.prem_finance_address
{
   width: 300px;
   border: 1px solid #F0662B;
   font-family: Lato, Arial;
   font-size: 12px;
   padding: 5px;
   margin: 1px;
}

.prem_finance_postcode
{
   width: 70px;
   border: 1px solid #F0662B;
   font-family: Lato, Arial;
   font-size: 12px;
   padding: 5px;
   margin: 1px;
}

#ctl00_ContentPlaceHolder1_ctl04_SSLControl_dtmDateOfBirth_txtDate {
font-size: 12px;
padding: 5px;
border: solid 1px #1B5E83;
margin: 1px;
}

#ctl00_ContentPlaceHolder1_ctl06_SSLControl_dtmDateOfBirth_txtDate {
border: #1B5E83 solid 1px;
padding: 3px;
}

.prem_finance_postcodelbl
{
position: relative;
top: 5px;
font-weight: bold;
}

.percentOffset
{
margin-right:14px;
}


#publicGetAQuote {
font-size: 20px;
padding: 50px 20px 0px;
}

#publicGetAQuoteButton img {
margin-top: 20px;
margin-left: 5px;
margin-right: 50px;
position: relative;
top: 14px;
}

#publicGetAQuoteButton2 img {
margin-top: 20px;
margin-left: 27px;
margin-right: 50px;
position: relative;
top: 14px;
}

#gotohub img {
margin-top: 20px;
margin-left: 5px;
position: relative;
top: 14px;
}

#gotopubliclogin img {
margin-right: 30px;
margin-left: 58px;
position: relative;
top: 14px;
}

#entryBodyText
{
margin-top: 20px;
padding: 20px;
border-top: solid #CCC 2px;
}

#getQuote1 {
font-size: 16px;
margin-left: 40px;
}

#getQuote2 {
font-size: 16px;
margin-left: 38px;
}

#getQuote3 {
font-size: 16px;
margin-left: 184px;
}

#gotopubliclogin2 {
position: relative;
top: 14px;
margin-left: 16px;
margin-right:200px;
}

#gotopubliclogin3 {
position: relative;
top: 14px;
margin-left: 16px;
}
/********** B.A. CLASSES **********/

.Product 
{
   font-size: 12px;
}
.HeaderItem
{
	font-size: 13px;
	font-weight: bold;
	color: #4888C8;
}

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: 10px;
}
.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
{
	margin-bottom: 30px;
}
.ZoneWithBorderTop
{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	border-bottom: none;
	border-left: solid 2px #000;
	margin: 0px;
	background-color: #FFF;
}
.ZoneWithBorderBottom
{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top: none;
	border-right: solid 2px #000;
	border-bottom: solid 2px #000;
	border-left: 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;
float: right;
}
.webxTextbox
{
width: 90%;
    min-width: 10%;
    font-size: 15px;
    padding: 5px;
    margin: 1px;
    border-radius: 5px;
    border: 1px solid #A4123F;
    -webkit-box-shadow: 0 2px 2px 0 hsla(0,0%,80%,.5) inset;
    box-shadow: inset 0 2px 2px 0 hsla(0,0%,80%,.5);

}
input[type="image"].webxTextbox 
{
   width: 16px;
 margin-bottom:-8px;
}
.webxDropdownlist
{
 width: 90%;
    min-width: 10%;
    font-size: 15px;
    padding: 5px;
    margin: 1px;
    border-radius: 5px;
    border: 1px solid #A4123F;
    -webkit-box-shadow: 0 2px 2px 0 hsla(0,0%,80%,.5) inset;
    box-shadow: inset 0 2px 2px 0 hsla(0,0%,80%,.5);

}

select.postcode_lookup
{
    width: 90%;
    min-width: 10%;
    font-size: 15px;
    padding: 5px;
    margin: 1px;
    border-radius: 5px;
    border: 1px solid #A4123F;
    -webkit-box-shadow: 0 2px 2px 0 hsla(0,0%,80%,.5) inset;
    box-shadow: inset 0 2px 2px 0 hsla(0,0%,80%,.5);

}

.webxRadiobuttonList
{
margin-top: 3px;
margin-bottom: 3px;
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 RGB(27,94,131);
   margin-bottom: 10px;
   height: 75px;
   font-family: Lato, Arial;
   font-size: 12px;
   padding: 5px;
   margin: 1px;
}
.field  
{
	color: #5C3A3B;
	text-decoration: none;
	font-size: 14px;  
 margin-left: 5px;
}
.label  
{
	color: #000;
	text-decoration: none;   
	font-weight: bold;
	font-size: 14px;
               
}
/******* 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: #F0662B;
   color: #FFFFFF;
   border: 1px solid black;
   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;
}

.ui-dialog-title, .ui-widget-header{
    color: #FFFFFF; /* this will be the colour of the text. In this case white */
    background: #b5607b; /* the background colour of the popup box header. In this case Dark Blue */
    border-color: #A4123F; /* the border colour of the popup box header. In This case Dark Blue. */
}

.infoText
{
 font-style: italic;
}
/********** Search Grids *******/

#searchContent span:nth-child(3) :nth-child(1) 
{
    display: inline-block;
    width: 18%;
    margin-left: 2%;
}

#searchContent>div:nth-of-type(2)>span {
    margin-right: 4px;
}

#searchContent span:first-of-type :nth-child(1) {
    width: 18%;
    display: inline-block;
}

/* All data rows  */
#ctl00_ContentPlaceHolder1_GridView1 td
{
	width: 10%;
	padding-left: 10px;	
}

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


#searchContent input, #searchContent select {
    padding: 4px;
}

#searchContent input[type=submit] {
    height: 40px;
    width: 200px !important;
    font-size: 16px;
	margin-right:4px;
}

#searchContent #ctl00_ContentPlaceHolder1_GridView1 a {
    text-decoration: none;
}

#searchContent table {
    margin: 16px 0;
}

#ctl00_ContentPlaceHolder1_GridView1
{
    box-sizing: border-box !important;
    width:  100% !important;
}

#ctl00_ContentPlaceHolder1_GridView1 td {
    width: 10%;
    padding: 12px 0;
    padding-left: 8px;
    border: none;
}

#ctl00_search_content h1 {
    font-size: 26px;
}

#searchContent #ctl00_ContentPlaceHolder1_GridView1 input {
    padding: 2px;
    width: 74px;
}

/********** 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;
}

/**********Client Centric + Progress Zone*********/

.CenteredFeaturedProducts>div[class*=row]>span
{
vertical-align:middle;
}


.clientproductlabel 
{
    margin-top: -10px;
    margin-left: -15px;
    text-decoration: none;    
}

#progressZoneTextDiv {
    width: 100%;
    text-align:center;
}

#progressZoneImageDiv {
    width: 100%;
    text-align:center;
}

/*a fix on progress icon*/
/*#webxPostbackImageBack
{
	height:1000px;
	width:1600px; 
	background-color:#EFEFEF;
	filter:Alpha(opacity=50);
	-moz-opacity:0.50;
	-webkit-opacity:0.50;
}*/

.webXtabButton{
height:40px;
width: 190px;
border-top: #000 2px solid;
border-bottom: #000 0px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
background-color: grey;
background-image: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline;
position: relative;
right: 1px;
top: 2px;
}

.tabBorderTop{
border-top: #000 2px solid;
border-bottom: #000 0px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 14px;
padding-right: 14px;
margin:0px;
background-color: white;
border-radius: 0px 10px 0px 0px;
-moz-border-radius: 0px 10px 0px 0px;
-webkit-border-radius: 0px 10px 0px 0px;
}

.tabBorderMid{
border-top: #000 0px solid;
border-bottom: #000 0px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 14px;
padding-right: 14px;
margin:0px;
background-color: white;
}

.tabBorderBottom{
border-top: #000 0px solid;
border-bottom: #000 2px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 14px;
padding-right: 14px;
margin:0px;
background-color: white;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
}


/***************carousel************/
#home_banner
{
    background: #ffffff;
    clear: both;
    margin: 0 0 40px;
    position: relative;
}
#home_banner img
{
    display: block;
}
#home_banner .arrow
{
    background: url(../webximage/arw.png) no-repeat;
    display: none;
    height: 82px;
    left: -59px;
    overflow: hidden;
    padding: 19px 0 0 14px;
    position: absolute;
    top: 38px;
    width: 44px;
    z-index: 120;
}
#home_banner .arrow a
{
    display: block;
    overflow: hidden;
    padding: 64px 0 0;
    height: 0px;
    width: 100%;
}
#home_banner .next
{
    background-position: -58px 0;
    left: auto;
    padding: 19px 14px 0 0;
    right: -59px;
}
#home_banner li
{
    float: left;
    width: var(--menuImagesSectionTextWidth);
}
#home_banner ul
{
    list-style: none;
}
#home_banner .button
{
    background: #053192 url(../webximage/quotebg.png) repeat-x;
    bottom: -12px;
    color: #fff;
    font-size: 80%;
    height: 27px;
    overflow: hidden;
    padding: 15px 10px;
    position: absolute;
    right: -10px;
    text-align: center;
    text-decoration: none;
    width: 170px;
}
#home_banner .carousel
{
    height: var(--menuImagesSectionHeight);
	365px;
    overflow: hidden;
    z-index: 100;
}
#home_banner .carousel div
{
    position: relative;
}
#home_banner .carousel p
{
    font-size: 14px;
	box-sizing:border-box;
	padding:10px;
    height: 138px;
    position: absolute;
    top: 160px;
    width: 571px;
}
#home_banner .carousel p *
{
    font-family: 'Coustard' ,georgia,serif !important;
    font-weight: normal;
}
#banner .carousel p strong
{
    display: block;
    height: 138px;
    overflow: hidden;
    width: 266px;
padding: 10px;
}
#home_banner .navigation
{
    left: 399px;
    height: 19px;
    margin: 13px 0 0;
    position: absolute;
    z-index: 110;
}
#home_banner .navigation li
{
    display: inline-block;
    margin: 0 0 0 15px !important;
    width: 13px;
}
div[id=home_banner] .arrow
{
    background-image: url(../webximage/arw.png) !important;
}
/******************** ACCOUNT STATEMENT ********************/
table#intro
{
    padding: 3px;
}
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: 920px;
    table-layout: fixed;
    border-collapse: collapse;
    border: solid 1px #000;
}
.broker_statement_grid th, .uw_statement_grid th
{
    background-color: #B1B1B1;
    color: #fff;
    font-weight: normal;
    height: 40px;
    text-align: left;
    padding: 1px;
    vertical-align: top;
    margin: 0;
}

.broker_statement_grid td, .uw_statement_grid td
{
    background-color: #FFF;
	color: #000;
	font-size: 11px;
	height: 40px;
	vertical-align: top;
	padding: 1px 5px;
	word-wrap: break-word;
}

.uw_statement_grid
{
	border:none;
}


th.date_column
{
    width: 60px;
}
th.transaction_column
{
    width: 90px;
}
th.type_column
{
    width: 40px;
}
th.number_column
{
    width: 50px;
}
th.policy_column
{
    width: 90px;
}
th.details_column
{
    width: 130px;
}
th.gross_column
{
    width: 75px;
}
th.grosscr_column
{
    width: 10px;
}
th.due_column
{
    width: 75px;
    border-left: solid 1px #000;
}
th.duecr_column
{
    width: 10px;
    border-right: solid 1px #000;
}
th.held_column
{
    width: 70px;
}
th.notes_column
{
    width: 80px;
}
th.uwnet_column
{
    width: 50px;
}
th.ipt_column
{
    width: 50px;
}
th.uwnetipt_column
{
    width: 60px;
}
td.gross_column
{
    text-align: right;
    border-right: 0;
}
td.grosscr_column
{
    border-left: 0;
}
.broker_statement_grid td.due_column
{
    text-align: right;
    border-right: 0;
    background-color: #EAEFF2;
    border-left: solid 1px #000;
}
.broker_statement_grid td.duecr_column
{
    border-left: 0;
    background-color: #EAEFF2;
    border-right: solid 1px #000;
}
td.held_column
{
    text-align: right;
}
td.notes_column
{
    font-style: italic;
    padding-left: 10px;
}

.print_statement
{
	margin: 10px 0;
	display: none;
}

/**************Reporting******************/
#ParameterTable_ctl00_ContentPlaceHolder1_ReportViewer_ctl00
{
background-color: transparent !important;
width: 955px !important;
padding-right: 22px !important;
}
#ctl00_ContentPlaceHolder1_ReportViewer
{
margin-left: -19px;
width: 955px !important;
}
#ctl00_ContentPlaceHolder1_ReportViewer_ctl00
{
width: 955px !important;
}
/*Login LiveTiles*/
#loginTiles
{
position: relative;
    top: 30px;
    left: 50px;
}
		ul#live_tiles { float:right; width:560px; height:310px; margin:0; padding:0; list-style:none; }
        ul#live_tiles li { float:left; width:98px; height:98px; line-height:98px; text-align:center; margin:0 0 8px 8px; font-size:16px; font-family: 'Roboto Condensed', sans-serif;  }
        ul#live_tiles li a { display:block; height:98px; color:#fff; text-decoration:none; }
        ul#live_tiles li a:hover { color:#000; text-decoration:none; }
        ul#live_tiles li div { width:98px; height:98px; }
/** "Live Tiles"
*****************************/
ul#live_tiles { float:right; width:560px; height:188px; margin:0 !important; padding:0 !important; list-style:none; }
    ul#live_tiles li { float:left; width:90px; height:90px; overflow:hidden; line-height:90px; text-align:center; margin:0 8px 8px 0; font-size:14px; font-family: 'Roboto Condensed', sans-serif; }
    ul#live_tiles li a { display:block; height:90px; color:#fff; text-decoration:none; }
    ul#live_tiles li a:hover { color:#000; text-decoration:none; }
        
        ul#live_tiles li div { width:90px; height:90px; }
        
    ul#live_tiles li.icon { /*background-image:url(/_images/layup/icons-services.png); background-color:#3d3f47; background-repeat:no-repeat;*/ }    
    ul#live_tiles li.icon div:first-child { background-image:url(../webximage/icons-services.png); background-color:#3d3f47; background-repeat:no-repeat; }    
    ul#live_tiles li.icon div:last-child {  background-color:#3d3f47; }
        
    ul#live_tiles li.pen {  }
    
    ul#live_tiles li.pen 
    {  background:none;  }
    
    ul#live_tiles li.pen div:first-child {   }
    
    ul#live_tiles li.pen div:last-child {   }
    
    
    /*ul#live_tiles li.brokers { background-color:#856cb0; background-image:none; }*/
    
    ul#live_tiles li div span.two-line { display:block; padding-top:25px; line-height:normal !important;  }
    
    ul#live_tiles li.brokers div { background-color:#856cb0; background-image:none; }    
    
    ul#live_tiles li.graph div:first-child { background-position:-294px top; }
    
    ul#live_tiles li.insurers div { background-color:#f26528; background-image:none; }
    
    ul#live_tiles li.folder div:first-child { background-position:-588px top; }
    
    ul#live_tiles li.mgas div { background-color:#74c043; background-image:none; }
    
    ul#live_tiles li.umbrella div:first-child { background-position:-98px top; }
    
    ul#live_tiles li.captives div { background-color:#25aae1; background-image:none; }
    
    ul#live_tiles li.document div:first-child { background-position:-490px top; }
    
    ul#live_tiles li.underwriters div { background-color:#f05555; background-image:none; }
    
    ul#live_tiles li.risk-managers div { background-color:#c69b2d; background-image:none; }
    
    ul#live_tiles li.data div:first-child { background-position:-196px top; }
    
    ul#live_tiles li.coins div:first-child { background-position:-392px top; }
    
    ul#live_tiles li.tpas div { background-color:#2cbb97; background-image:none; }
    
    ul#live_tiles li.lock div:first-child { background-position:right top; }
 
    ul#live_tiles li.end { margin-right:0; }
 
.more-solutions { position:absolute; left:0; bottom:25px; }

.live-tile > div,
.list-tile > div,
.live-tile > .slide,
.carousel > .slide,
.live-tile > .slide-front,
.live-tile > .slide-back,
.live-tile > .flip-front,
.live-tile > .flip-back {
  top: 0px;
  left: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
/* Sizes */
.live-tile,
.list-tile,
.copy-tile,
.tile-strip .flip-list > li {
  height: 98px;
  margin: 5px;
  outline: 1px solid transparent;
  padding: 0px;
  width: 98px;
}
.live-tile.half-tile,
.list-tile.half-tile,
.copy-tile.half-tile,
.tile-strip .flip-list > li.half-tile {
  height: 70px;
  width: 70px;
}
.live-tile.half-wide,
.list-tile.half-wide,
.copy-tile.half-wide,
.tile-strip .flip-list > li.half-wide {
  width: 70px;
}
.live-tile.two-wide,
.list-tile.two-wide,
.copy-tile.two-wide,
.tile-strip .flip-list > li.two-wide {
  width: 310px;
}
.live-tile.three-wide,
.list-tile.three-wide,
.copy-tile.three-wide,
.tile-strip .flip-list > li.three-wide {
  width: 470px;
}
.live-tile.four-wide,
.list-tile.four-wide,
.copy-tile.four-wide,
.tile-strip .flip-list > li.four-wide {
  width: 630px;
}
.live-tile.five-wide,
.list-tile.five-wide,
.copy-tile.five-wide,
.tile-strip .flip-list > li.five-wide {
  width: 790px;
}
.live-tile.six-wide,
.list-tile.six-wide,
.copy-tile.six-wide,
.tile-strip .flip-list > li.six-wide {
  width: 950px;
}
.live-tile.seven-wide,
.list-tile.seven-wide,
.copy-tile.seven-wide,
.tile-strip .flip-list > li.seven-wide {
  width: 1110px;
}
.live-tile.eight-wide,
.list-tile.eight-wide,
.copy-tile.eight-wide,
.tile-strip .flip-list > li.eight-wide {
  width: 1270px;
}
.live-tile.nine-wide,
.list-tile.nine-wide,
.copy-tile.nine-wide,
.tile-strip .flip-list > li.nine-wide {
  width: 1430px;
}
.live-tile.ten-wide,
.list-tile.ten-wide,
.copy-tile.ten-wide,
.tile-strip .flip-list > li.ten-wide {
  width: 1590px;
}
.live-tile.half-tall,
.list-tile.half-tall,
.copy-tile.half-tall,
.tile-strip .flip-list > li.half-tall {
  height: 70px;
}
.live-tile.two-tall,
.list-tile.two-tall,
.copy-tile.two-tall,
.tile-strip .flip-list > li.two-tall {
  height: 310px;
}
.live-tile.three-tall,
.list-tile.three-tall,
.copy-tile.three-tall,
.tile-strip .flip-list > li.three-tall {
  height: 470px;
}
.live-tile.four-tall,
.list-tile.four-tall,
.copy-tile.four-tall,
.tile-strip .flip-list > li.four-tall {
  height: 630px;
}
.live-tile.five-tall,
.list-tile.five-tall,
.copy-tile.five-tall,
.tile-strip .flip-list > li.five-tall {
  height: 790px;
}
.live-tile.six-tall,
.list-tile.six-tall,
.copy-tile.six-tall,
.tile-strip .flip-list > li.six-tall {
  height: 950px;
}
.live-tile.seven-tall,
.list-tile.seven-tall,
.copy-tile.seven-tall,
.tile-strip .flip-list > li.seven-tall {
  height: 1110px;
}
.live-tile.eight-tall,
.list-tile.eight-tall,
.copy-tile.eight-tall,
.tile-strip .flip-list > li.eight-tall {
  height: 1270px;
}
.live-tile.nine-tall,
.list-tile.nine-tall,
.copy-tile.nine-tall,
.tile-strip .flip-list > li.nine-tall {
  height: 1430px;
}
.live-tile.ten-tall,
.list-tile.ten-tall,
.copy-tile.ten-tall,
.tile-strip .flip-list > li.ten-tall {
  height: 1590px;
}
/* flip-list tile grid sprite styles */
.live-tile > .flip-list,
.list-tile > .flip-list {
  height: 100%;
  width: 100%;
}
.flip-list > li {
  height: 50px;
  margin: 0px;
  padding: 0px;
  width: 50px;
}
.flip-list.fourTiles > li {
  border: none;
  padding: 0;
  margin: 0;
  height: 50%;
  width: 50%;
}
.flip-list.nineTiles > li {
  height: 33%;
  width: 33%;
  border: none;
  padding: 0;
  margin: 0;
}
.flip-list.fourTiles > li > div,
.flip-list.fourTiles > li > div > a,
.flip-list.fourTiles > li > div > img,
.flip-list.nineTiles > li > div,
.flip-list.nineTiles > li > div > a,
.flip-list.nineTiles > li > div > img {
  border: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
/* fourTile background positions */
.fourTiles .fourTiles1 img,
.fourTiles img.fourTiles1,
.fourTiles .fourTiles1 a,
.fourTiles .tile-1 img,
.fourTiles .tile-1 a {
  background-position: 0px 0px;
}
.fourTiles .fourTiles2 img,
.fourTiles img.fourTiles2,
.fourTiles .fourTiles2 a,
.fourTiles .tile-2 img,
.fourTiles .tile-2 a {
  background-position: -75px 0px;
}
.fourTiles .fourTiles3 img,
.fourTiles img.fourTiles3,
.fourTiles .fourTiles3 a,
.fourTiles .tile-3 img,
.fourTiles .tile-3 a {
  background-position: 0px -75px;
}
.fourTiles .fourTiles4 img,
.fourTiles img.fourTiles4,
.fourTiles .fourTiles4 a,
.fourTiles .tile-4 img,
.fourTiles .tile-4 a {
  background-position: -75px -75px;
}
/* nineTile background positions */
.nineTiles .nineTiles1 img,
.nineTiles img.nineTiles1,
.nineTiles .nineTiles1 a,
.nineTiles .tile-1 img,
.nineTiles .tile-1 a {
  background-position: 0px 0px;
}
.nineTiles .nineTiles2 img,
.nineTiles img.nineTiles2,
.nineTiles .nineTiles2 a,
.nineTiles .tile-2 img,
.nineTiles .tile-2 a {
  background-position: -50px 0px;
}
.nineTiles .nineTiles3 img,
.nineTiles img.nineTiles3,
.nineTiles .nineTiles3 a,
.nineTiles .tile-3 img,
.nineTiles .tile-3 a {
  background-position: -100px 0px;
}
.nineTiles .nineTiles4 img,
.nineTiles img.nineTiles4,
.nineTiles .nineTiles4 a,
.nineTiles .tile-4 img,
.nineTiles .tile-4 a {
  background-position: 0px -50px;
}
.nineTiles .nineTiles5 img,
.nineTiles img.nineTiles5,
.nineTiles .nineTiles5 a,
.nineTiles .tile-5 img,
.nineTiles .tile-5 a {
  background-position: -50px -50px;
}
.nineTiles .nineTiles6 img,
.nineTiles img.nineTiles6,
.nineTiles .nineTiles6 a,
.nineTiles .tile-6 img,
.nineTiles .tile-6 a {
  background-position: -100px -50px;
}
.nineTiles .nineTiles7 img,
.nineTiles img.nineTiles7,
.nineTiles .nineTiles7 a,
.nineTiles .tile-7 img,
.nineTiles .tile-7 a {
  background-position: 0px -100px;
}
.nineTiles .nineTiles8 img,
.nineTiles img.nineTiles8,
.nineTiles .nineTiles8 a,
.nineTiles .tile-8 img,
.nineTiles .tile-8 a {
  background-position: -50px -100px;
}
.nineTiles .nineTiles9 img,
.nineTiles img.nineTiles9,
.nineTiles .nineTiles9 a,
.nineTiles .tile-9 img,
.nineTiles .tile-9 a {
  background-position: -100px -100px;
}
.tile-group,
.tile-strip {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 20;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
}
.tile-group.one-tile,
.tile-strip.one-tile {
  height: 160px;
  width: 160px;
}
.tile-group.half-wide,
.tile-strip.half-wide {
  width: 80px;
}
.tile-group.one-wide,
.tile-strip.one-wide {
  width: 160px;
}
.tile-group.two-wide,
.tile-strip.two-wide {
  width: 320px;
}
.tile-group.three-wide,
.tile-strip.three-wide {
  width: 480px;
}
.tile-group.four-wide,
.tile-strip.four-wide {
  width: 640px;
}
.tile-group.five-wide,
.tile-strip.five-wide {
  width: 800px;
}
.tile-group.six-wide,
.tile-strip.six-wide {
  width: 960px;
}
.tile-group.seven-wide,
.tile-strip.seven-wide {
  width: 1120px;
}
.tile-group.eight-wide,
.tile-strip.eight-wide {
  width: 1280px;
}
.tile-group.nine-wide,
.tile-strip.nine-wide {
  width: 1440px;
}
.tile-group.ten-wide,
.tile-strip.ten-wide {
  width: 1600px;
}
.tile-group.half-tall,
.tile-strip.half-tall {
  height: 80px;
}
.tile-group.one-tall,
.tile-strip.one-tall {
  height: 160px;
}
.tile-group.two-tall,
.tile-strip.two-tall {
  height: 320px;
}
.tile-group.three-tall,
.tile-strip.three-tall {
  height: 480px;
}
.tile-group.four-tall,
.tile-strip.four-tall {
  height: 640px;
}
.tile-group.five-tall,
.tile-strip.five-tall {
  height: 800px;
}
.tile-group.six-tall,
.tile-strip.six-tall {
  height: 960px;
}
.tile-group.seven-tall,
.tile-strip.seven-tall {
  height: 1120px;
}
.tile-group.eight-tall,
.tile-strip.eight-tall {
  height: 1280px;
}
.tile-group.nine-tall,
.tile-strip.nine-tall {
  height: 1440px;
}
.tile-group.ten-tall,
.tile-strip.ten-tall {
  height: 1600px;
}
/* liveTile styles */
.tile-strip,
.live-tile,
.list-tile,
.copy-tile,
.slide {
  float: left;
}
.tile-strip.bounce,
.live-tile.bounce,
.list-tile.bounce,
.copy-tile.bounce,
.slide.bounce {
  cursor: pointer;
  outline: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tile-strip.bounce.bounce-c,
.live-tile.bounce.bounce-c,
.list-tile.bounce.bounce-c,
.copy-tile.bounce.bounce-c,
.slide.bounce.bounce-c {
  cursor: pointer;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.tile-strip.bounce.bounce-t,
.live-tile.bounce.bounce-t,
.list-tile.bounce.bounce-t,
.copy-tile.bounce.bounce-t,
.slide.bounce.bounce-t {
  -webkit-transform: rotateX(20deg);
  -ms-transform: rotateX(20deg);
  -moz-transform: rotateX(20deg);
  -o-transform: rotateX(20deg);
  transform: rotateX(20deg);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.tile-strip.bounce.bounce-b,
.live-tile.bounce.bounce-b,
.list-tile.bounce.bounce-b,
.copy-tile.bounce.bounce-b,
.slide.bounce.bounce-b {
  -webkit-transform: rotateX(-20deg);
  -ms-transform: rotateX(-20deg);
  -moz-transform: rotateX(-20deg);
  -o-transform: rotateX(-20deg);
  transform: rotateX(-20deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.tile-strip.bounce.bounce-r,
.live-tile.bounce.bounce-r,
.list-tile.bounce.bounce-r,
.copy-tile.bounce.bounce-r,
.slide.bounce.bounce-r {
  -webkit-transform: rotateY(20deg);
  -ms-transform: rotateY(20deg);
  -moz-transform: rotateY(20deg);
  -o-transform: rotateY(20deg);
  transform: rotateY(20deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.tile-strip.bounce.bounce-l,
.live-tile.bounce.bounce-l,
.list-tile.bounce.bounce-l,
.copy-tile.bounce.bounce-l,
.slide.bounce.bounce-l {
  -webkit-transform: rotateY(-20deg);
  -ms-transform: rotateY(-20deg);
  -moz-transform: rotateY(-20deg);
  -o-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.tile-strip.bounce.bounce-tl,
.live-tile.bounce.bounce-tl,
.list-tile.bounce.bounce-tl,
.copy-tile.bounce.bounce-tl,
.slide.bounce.bounce-tl {
  -webkit-transform: rotateX(10deg) rotateY(-10deg);
  -ms-transform: rotateX(10deg) rotateY(-10deg);
  -moz-transform: rotateX(10deg) rotateY(-10deg);
  -o-transform: rotateX(10deg) rotateY(-10deg);
  transform: rotateX(10deg) rotateY(-10deg);
}
.tile-strip.bounce.bounce-tr,
.live-tile.bounce.bounce-tr,
.list-tile.bounce.bounce-tr,
.copy-tile.bounce.bounce-tr,
.slide.bounce.bounce-tr {
  -webkit-transform: rotateX(10deg) rotateY(10deg);
  -ms-transform: rotateX(10deg) rotateY(10deg);
  -moz-transform: rotateX(10deg) rotateY(10deg);
  -o-transform: rotateX(10deg) rotateY(10deg);
  transform: rotateX(10deg) rotateY(10deg);
}
.tile-strip.bounce.bounce-bl,
.live-tile.bounce.bounce-bl,
.list-tile.bounce.bounce-bl,
.copy-tile.bounce.bounce-bl,
.slide.bounce.bounce-bl {
  -webkit-transform: rotateX(-10deg) rotateY(-10deg);
  -ms-transform: rotateX(-10deg) rotateY(-10deg);
  -moz-transform: rotateX(-10deg) rotateY(-10deg);
  -o-transform: rotateX(-10deg) rotateY(-10deg);
  transform: rotateX(-10deg) rotateY(-10deg);
}
.tile-strip.bounce.bounce-br,
.live-tile.bounce.bounce-br,
.list-tile.bounce.bounce-br,
.copy-tile.bounce.bounce-br,
.slide.bounce.bounce-br {
  -webkit-transform: rotateX(-10deg) rotateY(10deg);
  -ms-transform: rotateX(-10deg) rotateY(10deg);
  -moz-transform: rotateX(-10deg) rotateY(10deg);
  -o-transform: rotateX(-10deg) rotateY(10deg);
  transform: rotateX(-10deg) rotateY(10deg);
}
.live-tile,
.list-tile,
.copy-tile {
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 20;
}
.live-tile p,
.list-tile p,
.copy-tile p,
.live-tile .face,
.list-tile .face,
.copy-tile .face {
  display: block;
  font-size: 1em;
  line-height: 1.2em;
  margin: 0;
}
.live-tile .face,
.list-tile .face,
.copy-tile .face {
  padding: 0px;
}
.live-tile p,
.list-tile p,
.copy-tile p {
  padding: 10px;
}
.live-tile.half-tile p,
.list-tile.half-tile p,
.copy-tile.half-tile p {
  padding: 5px;
}
.live-tile .face.full,
.list-tile .face.full,
.copy-tile .face.full {
  height: 100%;
  width: 100%;
}
.live-tile img,
.list-tile img,
.copy-tile img {
  border: none;
}
.live-tile .tile-title,
.list-tile .tile-title,
.copy-tile .tile-title {
  position: absolute;
  bottom: 0px;
  font-size: 12px;
  left: 0px;
  padding: 0 0 6px 2%;
  text-decoration: none;
  width: 98%;
  z-index: 30;
}
.live-tile a.tile-title:link,
.list-tile a.tile-title:link,
.copy-tile a.tile-title:link,
.live-tile a.tile-title:visited,
.list-tile a.tile-title:visited,
.copy-tile a.tile-title:visited,
.live-tile a.tile-title:hover,
.list-tile a.tile-title:hover,
.copy-tile a.tile-title:hover,
.live-tile a.tile-title,
.list-tile a.tile-title,
.copy-tile a.tile-title {
  text-decoration: none;
}
.live-tile a:link,
.list-tile a:link,
.copy-tile a:link,
.live-tile a:visited,
.list-tile a:visited,
.copy-tile a:visited {
  color: #fff;
  text-decoration: underline;
}
.live-tile a:hover,
.list-tile a:hover,
.copy-tile a:hover {
  color: #fff;
  text-decoration: none;
}
.light .copy-tile {
  color: #000;
}
.light .copy-tile.accent {
  color: #fff;
}
.light .copy-tile a:link,
.light .copy-tile a:visited,
.light .copy-tile a:hover {
  color: #000;
}
.light .copy-tile .face,
.light .copy-tile .accent {
  color: #fff;
}
.light .copy-tile .face a:link,
.light .copy-tile .accent a:link,
.light .copy-tile .face a:visited,
.light .copy-tile .accent a:visited,
.light .copy-tile .face a:hover,
.light .copy-tile .accent a:hover {
  color: #fff;
}
.copy-tile p {
  padding: 5px 5px 0px 5px;
  font-size: .95em;
}
.noselect > div,
.noselect > .slide,
.noselect > .slide-front,
.noselect > .slide-back,
.noselect > .flip-front,
.noselect > .flip-back {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.live-tile > div,
.list-tile > div,
.live-tile > .slide,
.carousel > .slide,
.live-tile > .slide-front,
.live-tile > .slide-back,
.live-tile > .flip-front,
.live-tile > .flip-back {
  top: 0px;
  left: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.list-tile > div {
  position: relative;
  background-color: transparent;
}
img.full,
a.full,
.live-tile .full,
.list-tile .full {
  display: block;
  margin: 0px;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
.live-tile > .back,
.live-tile > .slide-back,
.live-tile > .flip-back,
.flip-list .flip-back {
  position: absolute;
  z-index: 10;
}
/*  ========== flip-list Styles ==========
	.flip-list
	---li
	------div.flip-front
	------div.flip-back
*/
.flip-list {
  padding: 0px;
  margin: 0px;
}
.list-tile .flip-list {
  height: 100%;
  width: 100%;
}
.flip-list > li > a {
  border: none;
  outline: none;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}
.flip-list > li img {
  border: none;
  outline: none;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.flip-list > li {
  float: left;
  list-style-type: none;
  outline: none;
  position: relative;
}
.flip-list > li > div {
  border: none;
  background: white;
  height: 100%;
  left: 0px;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  padding: 0px;
  top: 0px;
  width: 100%;
  z-index: 20;
}
.flip-list > li > div.flip-back {
  height: 0px;
}
/* ------ Hardware Accelerated Tiles --------*/
/* flip */
.live-tile.flip.ha,
.flip-list.ha {
  position: relative;
  overflow: hidden;
}
.live-tile.flip .ha.flip-front,
.flip-list .ha.flip-front,
.live-tile.flip .ha.flip-back,
.flip-list .ha.flip-back {
  position: absolute;
  z-index: 20;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-list > li > .ha.flip-back,
.flip-list > li > .ha.flip-back img {
  /* override the values set for margin and ensure the back tile is visible  */

  margin: 0px !important;
  height: 100%;
}


/**************CSS Fix******************/

/*search policy quick fix on width ddl*/
#ctl00_ContentPlaceHolder1_SSLCriteria_p.schemeid {
	width: 200px;
}


.btn-postcode {
    margin-right: 10px;
    width: 80% !important;
    height: 30px !important;
}
/**************Footer******************/
#ctl00_footer {
	    margin-top: 177px;
}

footer div.wrap-container {
	margin: auto; 
	width: 75%; 
	position: relative;
}
footer .inner {
    min-height: 130px;
   /* margin-top: 120px;*/
    text-align: center;
    overflow: hidden;
}


footer nav {
	vertical-align: top;
    display: inline-block;
    width: 33%;
    text-align: center;
}
footer nav ul {
    list-style: outside none none;
width: 97%;
}
footer nav ul li {
	
}
footer nav ul li a {
	line-height: 20px; 
	font-size: 14px;
	display: block;
text-decoration: underline;
}

footer div.contact {
	padding: 10px 0px; 
	width: 225px;
	float: left;
}
footer div.affiliations {
	text-align: right;
	padding-top: 150px; 
	float: right;
}
footer div.affiliations a {
	margin-left: 5px;
}


footer #copyright .site-by {

}
footer #copyright .site-by span {
	display: none;
}
footer a {
    color: #A094A0;
}
/***Custom Menu***/

.menuButton {
    background-color: #4f4f4f;
    height: 50px;
    border: solid 1px #303030;
    display: block;
    text-decoration: none;
    color: #ffffff;
    text-align: left;
    padding-left: 16px;
    font-size: 16px;
    line-height: 50px;
    width: 222px;
    margin-bottom: 15px;
}

.menuTabs {
    background-color: #4f4f4f; 
    height: 30px;
    border: solid 1px #303030;
    color: #ffffff;
}

.menuTabsSelected {
    height: 30px;
    background-color: #e3e3e3;
    border: #000 1px solid;
}

.menuSSRSzone
{
	overflow:hidden;
	height:300px;
}

.menuSSRSzone input
{
	display:none;
}


.menuSSRSzone #ctl00_ContentPlaceHolder1_SSLZone_30_rViewer
{
	position: relative;
    right: 77px;
    top: 50px;
}

/********** Branding Styling **********/

.webxButton {

margin-right: 10px;
}

/**********  FontAwesome Icons on Login Menu styling **********/

#ctl00_LoginInfo a:hover .fa, 
#ctl00_LoginInfo a:hover p 
{
    color: #b5607b;
}


#ctl00_LoginInfo a .fa 
{
    font-size: 35px !important;
    color: #9d9d9d;
    transition: ease-in-out 0.2s all;
    padding-top: 25px;
}

#ctl00_LoginInfo center
{
	margin-left:41px;
}

#ctl00_LoginInfo a:hover
{
    box-shadow: 2px 5px 5px 0px #b9b9b9;
    transform: scale(1.1);
}

#ctl00_LoginInfo a
{
	width: 85px;
    height: 85px;
    border-radius: 150px;
    display: block;
    float: left;
    text-decoration: none;
    perspective: 500px;
    -webkit-perspective: 100px;
    margin: 10px 5px;
    border: 1px solid #949494;
    box-sizing: border-box;
    background-color: #fff;
    transition: ease-in-out 0.3s all;
}

#ctl00_LoginInfo a p
{
	display: none;
    font-size: 15px;	
    transition: ease-in-out 0.5s all;
}


#ctl00_LoginInfo
{
	margin-top: 63px;
    margin-left: 30px;
    position: relative;
    display: inline-block;
}

#ctl00_LoginInfo ul
{
	list-style:none;	
}

#ctl00_LoginInfo ul p
{
	color: #A4123F;	
	width: 14px;
	margin:0;
	display:inline-block;
	font-size: 18px;
}

/********** End of login text and font awesome styling **********/

/********** Search page Tab Styling **********/

#searchContent .Search_0_row_1
{
    margin-left: -9px;
    margin-top: -38px;
    background-color: #f5f5f5;
    width: 102%;
    border-bottom: 1px solid #cdcdcd;
}

#searchContent
{
    background-color:  #fbfbfb;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 0px 0px 1px 0px #525252;
    margin-top: 47px;
}

/* Results grid section */
#ctl00_ContentPlaceHolder1_GridView1
{
	border-style:solid;
	border: 15px;
	border-color: #808080;
	width: 100%;
	border-collapse: collapse;
	height: 15px;
	align: left;
	margin-top: 14px;
	padding: 15px;	
}

/* Header row */
#ctl00_ContentPlaceHolder1_GridView1 th
{
	font-weight: bold;
	font-size: 24px;
	background-color: #808080;
	color: #fff;
	padding: 5px;	
}

/********** Search Grid Button Selected **********/
#ctl00_search_content #searchContent>div:nth-of-type(2)>span a[disabled*=disabled] {
    background-color: #b5607b !important;
    color: #fff;
}


/********** Search Grid Button Not Selected **********/
#ctl00_search_content #searchContent>div:nth-of-type(2)>span a
{
    text-align: center;
    line-height: var(--searchGridButtonNotSelectedLineHeight);
    cursor: default;
    text-decoration: none;
    font-size: 14px;
    background-color: #A4123F;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 38px;
    width: 190px;
    margin: 0 auto;
    display: inline-block;
    border-bottom: 2px solid #b9b9b9;
	cursor: pointer;
	}



/********** End of Search Page and Grid Styling **********/

/********** Quote Progress Styling **********/

.nav_policy_5parts .webxLink, 
.nav_policy_4parts .webxLink, 
.nav_policy_3parts .webxLink, 
.nav_policy_2parts .webxLink
{
    background-color: #A4123F;
    color:  #000 !important;
	text-decoration: none;

}

.nav_policy_5parts a.webxLink:hover,
.nav_policy_4parts a.webxLink:hover,
.nav_policy_3parts a.webxLink:hover,
.nav_policy_2parts a.webxLink:hover
{
    color: #b5607b !important;
}

.nav_policy_5parts .SSLZone_1_row_1>span>span.selected,
.nav_policy_4parts .SSLZone_1_row_1>span>span.selected,
.nav_policy_3parts .SSLZone_1_row_1>span>span.selected,
.nav_policy_2parts .SSLZone_1_row_1>span>span.selected
{
   background-color: #b5607b;
}
.nav_policy_5parts .SSLZone_1_row_1>span>span.unavailable,
.nav_policy_4parts .SSLZone_1_row_1>span>span.unavailable,
.nav_policy_3parts .SSLZone_1_row_1>span>span.unavailable,
.nav_policy_2parts .SSLZone_1_row_1>span>span.unavailable
{
	background-color: #808080;
}

.nav_policy_5parts .SSLZone_1_row_1>span>span,
.nav_policy_4parts .SSLZone_1_row_1>span>span,
.nav_policy_3parts .SSLZone_1_row_1>span>span,
.nav_policy_2parts .SSLZone_1_row_1>span>span,
.nav_policy_5parts .webxLink,
.nav_policy_4parts .webxLink,
.nav_policy_3parts .webxLink,
.nav_policy_2parts .webxLink 
{
    padding: 6px !important;
    display: inline-block;
	width: 100% !important;
	color: #ffff;
}

.nav_policy_5parts .SSLZone_1_row_1>span:first-child>*,
.nav_policy_4parts .SSLZone_1_row_1>span:first-child>*,
.nav_policy_3parts .SSLZone_1_row_1>span:first-child>*,
.nav_policy_2parts .SSLZone_1_row_1>span:first-child>*
{
	border-bottom-left-radius: 10px;
}

.nav_policy_5parts .SSLZone_1_row_1>span,
.nav_policy_4parts .SSLZone_1_row_1>span,
.nav_policy_3parts .SSLZone_1_row_1>span,
.nav_policy_2parts .SSLZone_1_row_1>span 
{
    width: 18%;
}

.nav_policy_5parts .SSLZone_1_row_1>span,
.nav_policy_4parts .SSLZone_1_row_1>span,
.nav_policy_3parts .SSLZone_1_row_1>span,
.nav_policy_2parts .SSLZone_1_row_1>span 
{
    text-align: center;
}

.nav_policy_5parts,
.nav_policy_4parts,
.nav_policy_3parts,
.nav_policy_2parts 
{
    position: absolute;
    top: -19px;
    text-align: center;
}

.nav_policy_5parts .SSLZone_1_row_1>span:last-child>span,
.nav_policy_4parts .SSLZone_1_row_1>span:last-child>span,
.nav_policy_3parts .SSLZone_1_row_1>span:last-child>span,
.nav_policy_2parts .SSLZone_1_row_1>span:last-child>span
{
    border-bottom-right-radius: 10px;
}


/********** End of Quote Progress Styling **********/

/********** Webx Tab Non Selected *********/
.webxTab{
    color: #000;
    width: 220px;
    font-size: 14px;
    height: 38px;
    border: none;
    display: block;
    text-decoration: none;
    line-height: 26px;
    text-align: center;
    display: inline;
    position: relative;
    margin-right: 2px;
    margin-left: 2px;
    top: 2px;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-bottom: 2px solid #b9b9b9;
    background-color: #A4123F;
	
}

/********** Webx Tab Selected  *********/
.selectedTab{
    color: #fff;
    width: 220px;
    font-size: 14px;
    height: 38px;
    border: none;
    display: block;
    text-decoration: none;
    line-height: 26px;
    text-align: center;
    margin-right: 2px;
    margin-left: 2px;
    display: inline;
    position: relative;
    top: 2px;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-bottom: 2px solid #b9b9b9;
    background-color: #b5607b;
}

/********** WebX Tab Border *********/
.tabBorder{
    border-top: #cac6c6 1px solid;
    border-bottom: #cac6c6 1px solid;
    border-left: #cac6c6 1px solid;
    border-right:#cac6c6 1px solid;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 14px;
    padding-right: 14px;
    margin: 0px;
    background-color: #ffff; 
    border-radius: 0px 10px 10px 10px;
    -moz-border-radius: 0px 10px 10px 10px;
    -webkit-border-radius: 0px 10px 10px 10px;
    margin: 0 auto;
    width: 87%;
}

.tabBorderMidScroll{
	overflow-y: scroll;
	overflow-x: hidden;
    height: 350px; 
}

/********** Side bar on Client Centric Pages *********/
.Sidebar {
    background-color: #ffffff; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
border: solid 1px  #A4123F;
    top: 325px;
right: calc(calc(100% - 985px)/2) !important;
    width: calc(calc(90% - 1227px)/2) !important;
    max-width: 300px;
 vertical-align: top;
    min-width: 200px;
    position: absolute;
   height: 210px;
}

/**********  Footer Background Colour **********/
footer
{
	background-color: #f5f5f5; 
}

/********** Footer Header Colour **********/

footer h3 {
	color: #616161; 
	font-size: 24px !important; 
	font-weight: 300; 
	margin-bottom: 15px;
}

/**********  Footer Text Colour  **********/
footer p {
	line-height: 20px; 
	font-size: 16px;
	color: #8c8c8c;
                display: inline;
}

/********** Footer Link Colour **********/
footer a {
	color:  #00000; 
margin-right: 30px;
}

/********** TO SEPERATE - Footer Bold Colour **********/
footer strong {
	color: #000000; 
}

/********** Footer Hover Colour **********/
footer nav ul li a:hover, footer nav p a:hover {
	color: #b5607b;
}

/********** Footer Copyright Colour **********/
footer #copyright {
	height: 50px; 
	clear: both; 
	position: relative;
	color: #000000;
	text-align:center;
}

/**********  Grid Cell Borders - Client Summary **********/
.NoGridBorders span:first-of-type,
#ctl00_ContentPlaceHolder1_ctl10_SSLControl_grdNewPolicies table.webxGrid td,
#ctl00_ContentPlaceHolder1_ctl10_SSLControl_grdNewPolicies table.webxGrid th
{
	background-color:transparent;
    border: 0px solid black;
}

/********** Grid Column Header Colour Div Layout **********/
.grid th
{
	padding: 4px;
	background-color: #A4123F;
                color: #fff;
              /*  box-shadow: 0px 0px 5px 0px #525252;*/
}

/********** Grid Button Width **********/
.grid button
{
	min-width: 100%;

}

/********** Actual button color non hover **********/
input[type="submit"], input[type="button"], .grid button
{
background-color:  #A4123F;
}

/********** All actual buttons on hover **********/
input[type="submit"]:hover, input[type="button"]:hover, .grid button:hover {
    background-color: #b5607b;
}

/********** Main Menu buttons on Hover **********/
input.WebXMenu_Option:hover
{
color:  #ffffff;
background-color:  #b5607b;
background-position: right bottom;
}

/********** Main Menu Buttons - NON hover **********/

input.WebXMenu_Option {
    width: 200px !important;
    height: 50px;
    line-height: 40px; 
    margin-bottom: 3px;
    margin-left: -30px;
    margin-right: 10px;
    background-color: #A4123F;
    text-align:center;
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 0px;
}

/********** Nav Menu Dropdown Link color **********/

.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: #4e4e4e; 
}

/********** Nav Menu Dropdown background color **********/
.WebXNavigation ul {
    background: none repeat scroll 0 0 #e6e6e6; 
	}
	
/********** Navigation text link color on hover **********/
.WebXNavigation ul.AspNet-Menu li:hover li:hover a {
    color: #ffffff;
}


/********** Navigation dropdown colour on hover **********/
.AspNet-Menu-Leaf:hover{
    background-color: #b5607b;
    margin-right: 0px;
    width: 186px;
}

/********** 2 factor styling **********/
input[type="text"].CodeInput
{
 background-color: #d6d6d6 !important;
 border: solid 1px #808080 !important;
}

/********** Login Styling**********/

.AspNet-Login-SubmitPanel
{
margin-top: 15px !important;
margin-left: 0px !important;
overflow:hidden !important;
float: none !important;
;
}

.AspNet-Login-PasswordPanel, AspNet-Login-UserPanel
{
    overflow: hidden !important;

}

.LoginButton
{
	position: relative !important;
    float: right !important;
}

#ctl00_ContentPlaceHolder1_pnlChangePasswordReq
{
	float: right !important;
    margin-right: 10px !important;
	padding-left: 0px !important;
margin-top: 115px;
}

.LoginPassword
{
    margin-left: 3px;
}

/********** End SEPERATE - Login Styling**********/

/********** Captcha Styling **********/
#ctl00_ContentPlaceHolder1_captcha>Div:first-child
{
    width: auto !important;
    height: auto !important;
    left: 10px;
    position: relative;
    margin-left: 10px;
    margin-top: 10px;
}


/********** Background stying **********/
body {
	background: #fff;
    font-family: 'Arial';
    font-size: 12px;
    padding: 0;
    margin: 0;
    background-image: url(../webximage/compassBackground.png);
	background-image: url(../webximage/compassBackground.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 18px;
    background-attachment: fixed;
}


/********** Nav Menu Dropdown Link color **********/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .H1, .H2, .H3, .H4, .H5, .H6, .H3Indent
{
	color: #a4123b;
}

h1, .h1, .H1
{
	font-size: 20px !important;
	margin: 0 0 2px 0;
	display: inline-block;
}
h2, .h2, .H2
{
	font-size: 16px !important;
	margin-top: 10px;
                margin-bottom: 5px;
                margin-left: 0px;
                margin-right: 0px;
	display: inline-block;
}
h3, .h3, .H3
{
	font-size: 14px !important;
	font-weight: bold;
}
h4, .h4, .H4
{
	font-size: 14px !important;
}
h5, .h5, .H5
{
	font-size: 13px !important;
}
h6, .h6, .H6
{
	font-size: 12px !important;
}

/********** Main Panel Styling (Content Box) **********/
#ctl00_wrapper {
    width: 60%;
    min-width: 10%;
    position: relative;
    background: #f5f5f5;
    margin: 0 auto;
	
    box-shadow: 0px 0px 10px 0px #525252;
	z-index:1;
	min-height: 540px; 
 border-radius: 5px;
margin-top: 10px;
}

/********** Login Content Panel styling override **********/
.LoginWrapper
{
	min-height: 470px !important;
	margin-top: 50px !important;
}

/********** Webheader options **********/
#ctl00_header {
	height: 110px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
}

/** Login Styling Fix **/

.AspNet-Login input {
padding-bottom: 2px;
box-sizing: border-box;
padding: 10px;
margin: 0 auto;
border-radius: 5px;
margin-top: 0px;
border: 1px solid #A4123F;
text-align: center;
transition: 0.1s;
padding-top: 4px;
 box-shadow: inset 0 2px 2px 0 hsla(0,0%,80%,.5);
}

/* label#ctl00_ContentPlaceHolder1_UserNameLabel, #ctl00_ContentPlaceHolder1_PasswordLabel {width: 60px;display: none !important;} */



.imgCustomProgress
{
    border-width: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.lblCustomProgress
{
  font-size: 20px;
  margin: 0 0 10px 0;
  display: inline-block;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
color: #a4123b;
}

.hiddenZone
{
display:none;
}


/*************Quote Summary Page ***************/

.DocLink{
margin-left:2px;
font-size: 12pt;

}

.HideValidator {
display:none !important;
}


/********Passowrd Recovery Page********/

div#passwordrecovery_buttons input {
    width: 20%;
}

div#passwordrecovery_details input {
    padding-bottom: 2px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-left:10px;
    border: 1px solid #b9b9b9;
    text-align: center;
    transition: 0.1s;
    padding-top: 4px;
    width: 300px;
    height:30px;    
}



/*******Change Passsword Page*******/

div#changepassword_buttons input {
    width: 20%;
}

div#ctl00_ContentPlaceHolder1_changepassword_details input {
    padding-bottom: 2px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-left: 10px;
    border: 1px solid #b9b9b9;
    text-align: center;
    transition: 0.1s;
    padding-top: 4px;
    width: 300px;
    height: 30px;
}


/******Other******/

.zoneCSS
{
margin:0 auto;
max-width:800px;
}

/* Default styling for all WebX zones */
.WebXZone
{
	width: 87%;
	margin: 0 auto;
}



/********cookie-bar******/
#cookie-bar.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 500%;
    z-index: 100;
}


/*******Radio Buttons*******/

input[type=radio] {
    appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -webkit-appearance:none;
    background:#fff;
   box-shadow:inset 0px 0px 0px 2px #A4123f, inset 0px 0px 15px 0px #ffffff;
   
    width:20px;
    height:20px;
    border-radius:20px;
}
input[type=radio]:checked {
    background:#A4123f;
 box-shadow:inset 0px 0px 0px 5px #A4123f, inset 0px 10px 10px 10px hsl(208deg 3% 70%);
}
input[type=radio]:focus {
    outline:none;
}


.smallTextBoxCSS{
width:25%;
    min-width: 10%;
    font-size: 15px;
    padding: 5px;
    margin: 1px;
    border-radius: 5px;
    border: 1px solid #A4123f;
    -webkit-box-shadow: 0 2px 2px 0 hsla(0,0%,80%,.5) inset;
    box-shadow: inset 0 2px 2px 0 hsla(0,0%,80%,.5);
}

input[type=checkbox]{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    background: #fff;
  box-shadow:inset 0px 0px 0px 2px #A4123f, inset 0px 0px 15px 0px #ffffff;
    width: 20px;
    height: 20px;
}


input[type=checkbox]:checked {
    background:#A4123f;
     box-shadow:inset 0px 0px 0px 5px #A4123f, inset 0px 10px 10px 10px hsl(208deg 3% 70%);
}

.webxRadiobuttonlist label {
    width: 40%;
    vertical-align: super;
}

/******Change Password on Login*******/

input#ctl00_ContentPlaceHolder1_txtOldPassword, input#ctl00_ContentPlaceHolder1_txtNewPassword,input#ctl00_ContentPlaceHolder1_txtConfirmNewPassword {
    width: 99%;
    min-width: 10%;
    font-size: 15px;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #A4123f;
    -webkit-box-shadow: 0 2px 2px 0 hsla(0,0%,80%,.5) inset;
    box-shadow: inset 0 2px 2px 0 hsla(0,0%,80%,.5);
}

div#ctl00_ContentPlaceHolder1_pnlChangePasswordTextboxes {
    margin: 20px auto;
    font-size: 15px;
}

input#ctl00_ContentPlaceHolder1_btnChangePasswordConfirm, input#ctl00_ContentPlaceHolder1_btnChangePasswordCancel{
       width: 46%;
    margin-left:5px;
    margin-top:10px;
}
/******  Search & Menu Framework page styling ******/

/************ search zones and controls ************/

.search-zone span > span {
    display:inline-block;
    width:150px;
    font-size:15px;
}
.search-zone input, .search-zone select{
 box-sizing:border-box;
    width: 48%;
    float: right;
    height: 35px;
    display: inline-block;
} 

.search-zone input:-ms-input-placeholder{
    text-transform:lowercase;
}

.search-zone input::placeholder{
	text-transform:lowercase;
}
.search-zone input::-webkit-input-placeholder, 
.search-zone input::-moz-placeholder{
	text-transform:lowercase;
}

.search-zone {
    background-color: #fbfbfb;
    padding: 8px;
    border: 1px solid #b7b7b7;
border-radius: 5px;
}

.margin-left-146 {
    margin-left:146px;
}


/************ tabs ************/

button[class*=webXtab] {
    border:none;
    text-align: center;
    line-height: 38px;
    cursor: default;
    text-decoration: none;
    font-size: 14px;
    background-color: #A4123F;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 38px;
    width: 190px;
    margin: 0 auto;
    display: inline-block;
    border-bottom: 2px solid #b9b9b9;
    cursor: pointer;
    margin-right:2px;
}

button[class*=selectedTab] {
    border:none;
    text-align: center;
    line-height: 38px;
    cursor: default;
    text-decoration: none;
    font-size: 14px;
    background-color: #b5607b;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 38px;
    width: 190px;
    margin: 0 auto;
    display: inline-block;
    border-bottom: 2px solid #cac6c6;
    cursor: pointer;
    margin-right:2px;
}

button[class*=webXtab].selected {
    background-color: #b5607b !important;
    color:  #fff;
}

 /***input[id$=SearchButton] {
    height: 40px;
    width: 200px !important;
    font-size: 16px;
    margin-right: 4px;
}***/

/************ results grid ************/

span[id$=SearchResults]{
    width:100% !important;
}
.webxGrid, .webxGrid * {
   /* display:block; */
    overflow:hidden;
   /* box-sizing:border-box; */
    width:100%;
 float: left;
}

.webxGrid th, .webxGrid td {
      /* float:left; */   
    font-size:12px;
}

.webxGrid th{
	white-space:nowrap !important;
}

.webxGrid td, .webxGrid th *, .webxGrid td * {
    white-space:pre-wrap !important;
}

.webxGrid td input {
    width:100% !important;
}

[id$=_SSLControl_ClientSearchResults] .webxGrid td input[type=submit], [id$=_SSLControl_PolicySearchResults] .webxGrid td input[type=submit] {
	max-width:100px;
	border-radius:5px;
	height:30px;
	
}

.webxGrid tbody > tr:first-child {
    max-height:47px !important;
    background-color: #808080;
}

.webxGrid tr td {
    margin-top:-23px;
}

tr.results-pages td {
    width: 100% !important;
    margin-top: 30px;
}
tr.results-pages td a {
    display:inline-block;
    width:auto;
    margin-right:15px;
} 
tr.results-pages td a:first-child {
    margin-left:15px;
}

.webxGrid tbody > tr:first-child {
    max-height:47px !important;
    background-color: #ffffff !important;
    padding-top:4px
}

.webxGrid tbody > tr:last-child {
	padding-bottom:20px;
}

.webxGrid tbody > tr:first-child th{
	font-weight: bold;
	color: #fff;
	padding: 5px 0;
	margin-top:-30px !important;
	text-align: left;
}

.webxGrid tr td {
    margin-top:-23px;    
    color:#009aa6;
}

.webxGrid tbody > tr:first-child * {
    color: #7b7b7b;
}

.webxGrid tbody > tr:not(:first-child) {
    /* height:79px; */
}

.webxGrid tbody > tr {
	border-top: 1px solid gainsboro
}

.webxGrid tbody > tr:not(:first-child):nth-of-type(even) {
    background: #fff;    ;
}

.webxGrid tbody > tr:not(:first-child):nth-of-type(odd) {
    background: #fff;
}

.webxGrid tbody > tr > *:first-child>*:not(a){
	padding-left:7px;
}
.webxGrid tbody > tr > *:last-child>*:not(a){
	padding-right:7px;
}

tr.results-pages td {
    width: 100% !important;
    margin-top: 30px;
}

[id$=_SSLControl_ClientSearchResults] tr.results-pages td:last-child, [id$=_SSLControl_PolicySearchResults] tr.results-pages td:last-child{
    width: 100% !important;
    margin-top: 30px;
}

tr.results-pages td a {
    display:inline-block;
    width:auto;
    margin-right:15px;
} 
tr.results-pages td a:first-child {
    margin-left:15px;
}


.webxSearchTextbox
{
width:200px;

}

/**********Stock pages*********/


.manageUsersGrid
{
    overflow: hidden;
width: 95%;
}

.manageUsersGrid tbody > tr:first-child {
    max-height:47px !important;
    background-color: #ffffff !important;
    padding-top:4px
}

.manageUsersGrid tbody > tr:last-child {
	padding-bottom:20px;
}

.manageUsersGrid tbody > tr:first-child th{
	font-weight: bold;
	color: #fff;
	padding: 5px 0;
	margin-top:-30px !important;
	text-align: left;
}

.manageUsersGrid tr td {
    margin-top:-23px;    
    color:#009aa6;
}

.manageUsersGrid tbody > tr:first-child * {
    color: #7b7b7b;
}

.manageUsersGrid tbody > tr:not(:first-child) {
    /* height:79px; */
}

.manageUsersGrid tbody > tr {
	border-top: 1px solid gainsboro
}

.manageUsersGrid tbody > tr:not(:first-child):nth-of-type(even) {
    background: #fff;    ;
}

.manageUsersGrid tbody > tr:not(:first-child):nth-of-type(odd) {
    background: #fff;
}

.manageUsersGrid tbody > tr > *:first-child>*:not(a){
	padding-left:7px;
}
.manageUsersGrid tbody > tr > *:last-child>*:not(a){
	padding-right:7px;
}

tr.results-pages td {
    width: 100% !important;
    margin-top: 30px;
}

table.webxGrid.month-statement tr:last-child td * {
    font-weight: bold;
}

#ctl00_wrapper.wide {
    width: 1290px;
}


#ctl00_wrapper.wide #ctl00_quote_content {
    width: 1260px;
}

.webxGrid.account-statement-grid *{
    white-space:unset !important;
    height:32px;
    padding:2px 0;
}

.WebXZone.account-statement-zone span[class*='_cell'] {
    vertical-align:top;
}

.webxGrid.account-statement-grid {
    width: unset;
}

.account-statement-zone h2, .account-statement-zone .webxLabel {
    color: hsl(0, 0%, 25%);
}

.account-statement-zone span.webxLabel, .account-statement-zone span[id*=SSLControl] {
    font-size:16px;
}

.account-statement-zone h2 {
    font-size:28px;
    font-weight:normal;
}

select.postcode_lookupAccount
{
   padding: 5px;
   margin: 1px;
  width: 174px;
   float:none;
}

input.postcode_lookupAccount
{
   width: 140px;
    height: 25px;
    line-height: 23px;
}

.SubmitButton
{
 margin-left: 213px;
}
/*********Responsive CSS********/

@media(max-width:1200px)
{

div#ctl00_ContentPlaceHolder1_pnlChangePassword {
    width:80% !important;
    margin-left: -55px;
}
}

@media(max-width:1500px)
{
div#ctl00_wrapper{
width:55%!important;
    
}
}



p.passwordText {
    width: 95%;
}

@media(max-width: 1500px)
{
    p.passwordText {
        width:72% !important;
    }
}


span#ctl00_ContentPlaceHolder1_lblNews div {
    width: 100%;
}

@media(max-width:1200px)
{
    span#ctl00_ContentPlaceHolder1_lblNews div {
    width:20%;
}

footer #copyright{font-size:10px;margin: auto 0;margin-left: 30px;}

  .PanelCSS {
  	width:100% !important;
  }

footer .inner {
     text-align: center !important; 
    overflow: hidden;

}
footer a {
	  /*   margin-right: 0px !important; */
}

footer div.wrap-container {
	margin: auto 0;
	width: 90%;
	position: relative;
}

footer #copyright {
	height: 100px !important;
}
}

.PanelCSS {
	background-color: #ffff;
	border-radius: 10px;
	border: solid 1px #cac6c6;
	width: 87%;
                margin:0 auto;
                padding: 20px;
	}

.DDGcss{
    border-width: 0px;
    margin: auto auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
width:100%;
}

.ProceedToPayment {

    float:right;
}


.marginLeft
{
margin-left:10px;
}

.search-zone .CellWrapper span div {
    box-sizing: border-box;
    float: right;
    display: inline-block;
}

.webxTextbox.width-290.hasDatepicker{
	width: 175%;
}

.width-290.border{
 border-radius:5px;
}


.SearchLabels {
    display: inline-block;
    width: 50%;
    font-size: 15px;
    font-size: 15px;
    height: 30px;
    padding-top: 5px;
}


.txtMobile{
width:100%;
}

.container-fluid
{
background: #f5f5f5;
margin: 40px auto;
border-radius: 5px;
    box-shadow: 0px 0px 10px 0px #525252;
    width: 60%;
}


@media (min-width: 1200px) {
  .container {
        /* width: 880px; */
  }
}

@media (max-width: 1200px) {
 .positionRight{
float:left !important;
}
.container-fluid
{
	width:90%;
    background: #f5f5f5;
    box-shadow: none;
}
}

@media (max-width: 1200px) {
  p, .webxLabel {
       margin-left:0px;
width: 20%;
  }
 .Product{
  	width:100%;
  }
}


.tabs
{
  padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 30px;
    width: 110%;
    display:inline-block;
    text-align: center;
}

.tabs.col-md-2
{
padding-left: 0px;
padding-right: 0px;
border-radius: 5px;
}

.tabs.col-md-2.leftcorner 
{
border-radius: 5px 0px 0px 5px;
}

.tabs.col-md-2.selected
{
  background:#b5607b;
    color: #fff;
  width: 20%;
  height:35px;
  position:relative;
 margin-right:20px;
margin-bottom: 10px;
}

.tabs.col-md-2.selected::after {
    content:"";
    position:absolute;
    left:209px;
    bottom:0;
    width:0;
    height:0;
    border-left:20px solid #b5607b;
    border-top:20px solid transparent;
    border-bottom:15px solid transparent;
}

.tabs.col-md-2.selected::before {

 content: "";
      position: absolute;
      right: 192px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 20px solid #f5f5f5;
      border-top: 20px solid transparent;
      border-bottom: 15px solid transparent;
}

.tabs.col-md-2.unavailable
{
  background: #A4123F;
    color: #fff;
  width: 20%;
  height:35px;
  position:relative;
margin-right:20px;
margin-bottom: 10px;
}


.tabs.col-md-2.unavailable::after {
    content:"";
    position:absolute;
    left:209px;
    bottom:0;
    width:0;
    height:0;
    border-left:20px solid #A4123F;
    border-top:20px solid transparent;
    border-bottom:15px solid transparent;

}

.tabs.col-md-2.unavailable::before {

 content: "";
      position: absolute;
      right: 192px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 20px solid #f5f5f5;
      border-top: 20px solid transparent;
      border-bottom: 15px solid transparent;
}

@media (max-width: 1200px) {
.tabs.col-md-2 {
       width: 100%;
  }

a.btn080, input.btn080{
width: 98%;
    height: 35px !important;
    font-size: 15px;
    margin-bottom: 15px;
    float:left;
}

.webxTextbox, .webxDropdownlist,.hasDatepicker,.btn-postcode,.smallTextBoxCSS{
     width: 98% !important;
   margin-left: auto;
   margin-right: auto;
}


h3, .h3, .H3{
	margin-left:0px;
}
}

.hide {
    display: none;
}

@media(max-width: 1200px)
{
.txtMobile,.btnSummary,.webxButton, .DDGcss{
width:100% !important;margin-top: -10px !important;margin-bottom: 10px;
}
}

.btnGetQuoteClientSummary
{
margin-top: 45px;
}

@media (max-width: 1200px) {
  .btnGetQuoteClientSummary {
      margin-top: 0px;
  }
}


@media (max-width:1200px){

.LoginWrapper
{ 
width:90% !important; 
box-shadow: none !important;
}

.webXtabset1{
width:100% !important;
    text-align: center;
border-radius: 5px;
}
}


.widthCss{
width:100%;
}

@media(max-width:1200px)
{
.ProgressZone {
    text-align: center;
    height: 460px;
}

	.search-zone input, .search-zone select{
		width:100%;
		margin-top:10px;
	}

             .SearchLabels{
		margin-left:10px;
	}

.webxGrid, .webxGrid * {
		width: 100% !important;
}
.gridSelectButton{
max-width:100% !important;
}


.grid
{
	display:block;
}

button[class*=webXtab].selected, button[class*=webXtab]{
	border-radius:5px;
 box-shadow: 0px 0px 10px 0px #525252;
}

.btn110,.btnGrey,.btn120{
border-radius:5px;
width:100% !important;
}

.prem_finance_postcode,.postcode_lookup,.prem_finance_address,.prem_finance_textbox,.prem_finance_ddl{
	 width:98% !important;
}
}

@media(max-width:1200px){
img#AgentLogo {
    float:none;
    margin:0px auto;
    padding:20px 0px;
    position:static;
    display:block;
    height: 110px !important;
}
}

.LogoDIV {
    width: 1100px;
}

@media (max-width: 1200px)
{
.LogoDIV {
	width:100%;
}
}

/**********PasswordRecovery Page*********/


@media(max-width:1200px)
{

iv#passwordrecovery_details table {
    display: block;
    width:100%;
    
}

    div#passwordrecovery_buttons input {
    width: 95%;
    display: block;
    margin-top:10px;
}

div#passwordrecovery_details input{
	display:block;
	width:100%;
}

div#changepassword_buttons input {
    width: 95%;
       display: block;
    margin-top:10px;
}

div#ctl00_ContentPlaceHolder1_changepassword_details input {
    display:block;
	width:100%;
}
}


table.table th, table.table td {
    width:auto !important;
}

@media(max-width:1200px)
{
footer {
    background-color: #ffffff;
    border-top: solid 1px #2276d254;
}

#ctl00_footer {
      margin-top: 0px;
    width: 97%;
    text-align: center !important;
    margin: 0 auto;
    height: 100%;
}

.tabs.col-md-2.selected
{
  color: #fff;
  width: 150px;
  height:35px;
  position:relative;
  background:#8fc2e8;
  margin-right:20px;
}

.tabs.col-md-2.selected::after {
    content:"";
    position:absolute;
    left:149px;
    bottom:0;
    width:0;
    height:0;
    border-left:20px solid #b5607b8a;
    border-top:20px solid transparent;
    border-bottom:15px solid transparent;

}

.tabs.col-md-2.selected::before {

 content: "";
      position: absolute;
      right: 130px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 20px solid #f5f5f5;
      border-top: 20px solid transparent;
      border-bottom: 15px solid transparent;
}

.tabs.col-md-2.unavailable
{
  color: #fff;
  width: 150px;
  height:35px;
  position:relative;
  background:#61ade0;
  margin-right:20px;
}

.tabs.col-md-2.unavailable::after {
    content:"";
    position:absolute;
    left:149px;
    bottom:0;
    width:0;
    height:0;
    border-left:20px solid #A4123F;
    border-top:20px solid transparent;
    border-bottom:15px solid transparent;

}

.tabs.col-md-2.unavailable::before {

 content: "";
      position: absolute;
      right: 130px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 20px solid #f5f5f5;
      border-top: 20px solid transparent;
      border-bottom: 15px solid transparent;
}

}


.headerImgCSS{

width: 35px;
filter: hue-rotate(125deg) brightness(65%);
}


.positionRight{
float: right;
}


@media(max-width:1200px)
{
    .error_container,#ctl00_content_text,#ctl00_border_sides,#ctl00_quote_content{
        width: 95%;
    }

    #ctl00_wrapper {
	width: 60%;
	min-width: 10%;
	position: relative;
	background: #f5f5f5;
	margin: 0 auto;
	z-index: 1;
	min-height: 540px;
	border-radius: 5px;
	box-shadow: none;
	padding-top: 20px;
}

.error_text_container {
 font-size:20px
}

img#ctl00_ContentPlaceHolder1_imgErrorImage {
    width: 35%;
}

.error_container input, .error_container textarea {
    width: 95%;
}

.WebXZone.headerCSS div:nth-child(2) {
           text-align: left !important;
}
.headerImgCSS
{
	width:7%;
}

.webxError.Summary{
    font-size: 12px;
    position: relative;
    top: 0;
    margin-bottom: -50px;
}

}

.headerCSS{
   padding-top: 30px;
}

.WebXZone.headerCSS div:nth-child(2) {
           text-align: right;
}

/******Calendar*******/

@media(max-width:1200px)
{
.ui-datepicker{
    width: 100%;
    height: auto !important;
    /*top: 451px !important;*/
    margin: 0  auto !important;
    left:0 !important;
    position:relative:;
}
.ui-datepicker .ui-datepicker-header{
    height:11vh;
    
}

ui-icon ui-icon-circle-triangle-w,.ui-datepicker .ui-datepicker-prev{
height:10vh;   
}


.ui-datepicker .ui-datepicker-prev{
    width: 40px;
    height: 40px;
    background-image:url(../webximage/Icon_previous.png) !important;
    background-size: 40px;
    top:10px;
    left:5%;
}

.ui-datepicker .ui-datepicker-next{
    width: 40px;
    height: 40px;
    background-image:url(../webximage/Icon_next.png) !important;
    background-size: 40px;
    top:10px;
    right: 5%;
}

.ui-datepicker-month{
    font-size:25px;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size:25px;
    color: #A4123F;
}


td.ui-datepicker-week-end{
    height:7vh;
}

.ui-widget-content {
    height: 100% !important;
    font-size: 25px;
width: 90% !important;
}

.ui-widget-overlay {height: 300% !important; }

.ui-icon-circle-triangle-w {
     background-position: 37px;
}

a.ui-datepicker-next.ui-corner-all span {
    background-image: none; 

}

.ui-state-default{
	font-size:25px;
}
}

img#SubLogo {
    position: relative;
    height: 66px;
    top: 28px;
    float: right;
    right: 150px;
}

@media(max-width: 1200px){
img#SubLogo {
    float:none;
    margin:0px auto;
    padding:20px 0px;
    position:static;
    display:block;
    height: 80px !important;
    margin-top: -12px;
}
}

th span {
    white-space: normal;
}


.hiddenErrorText {
    display: none !important;
}


.ui-widget-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;height: 151%;}


@media(max-width: 1500px){

div#frameWrapper {
    width:165%;
    left: -75px;
}

input#btn_0_7_grdPolicySummarySelect {font-size:7.5px; width:100%  !important;}

span#ctl00_ContentPlaceHolder1_ctl07_SSLControl_grdPolicySummary { font-size:9px;}

}

@media(max-width: 2000px)
{
.txtMobile,.btnSummary,.webxButton, .DDGcss{
width:100% !important;margin-top: -10px;
}

input#btn_0_7_grdPolicySummary {
	width: 55px !important;
}

.smallTextBoxCSS{
	width:40%;
}

}


@media(max-width:2000px){
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_CurrencyID1,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblNetPremium2,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_txtLabel2,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_CurrencyID2,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblTax1,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblTax5,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblIPT,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblIPT,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_CurrencyID,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblPremium1,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblAnnualHeader,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblMTAHeader,
span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblPremiumBreakdown1 
{
    font-size:10pt !important;
}
}

.webxImage {
filter: hue-rotate(125deg) brightness(65%);
}
/*** stephen css ***/

.Sidebar {
    padding:10px;
}

.Sidebar.full {
    height:auto;
}
.Sidebar.full .H3 {
    margin-top:0;
}
.Sidebar.top{
    top:220px;
}
.label {
    padding:0;
}

.burger {
    display:none;
    position: absolute;
    right: 30px;
    top: 40px;
    width: 30px;
    z-index: 4999;
    cursor:pointer;
}
.burger > div {
    width:100%;
    height:5px;
    background:#b5607b;
}
.burger > div:not(:first-child) {
    margin-top:5px;
}

@media(max-width:800px) {

    body {
        background-image:none;
        background-color:hsla(0,0%,96%);
    }

}


@media(max-width:1200px){
   /* div#ctl00_navigation {display:block !important;}*/


#ctl00_header {
/*	position: sticky;*/
    top: 0px;
    z-index: 5000;
    height:180px;
 border-bottom: solid 1px #b5607b8a;
}
    .burger{
        display:block;
    }
    div#ctl00_navigation {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    overflow: hidden;
    background:#ffffffd1;
    z-index:5000;
}
div#ctl00_navigation * {
    position:static;
    float:none;
    display:block;
    border:none;
    width:100%;
    color:#ececec;
    padding:0;
}

.AspNet-Menu-Leaf{
    border-top:1px solid #A4123F !important;
    padding:5px !important;
}

.AspNet-Menu-Leaf:hover {
    background:#A4123F;
}

.AspNet-Menu-NonLink {
    color:#d4d4d4 !important;
    background:#A4123F;
    font-size:18px;
    padding:5px !important;
}

.WebXNavigation {
    width:90% !important;
    background:#b5607b;
    overflow:hidden;
    margin:40px auto;
    border-radius:4px;
    padding:20px !important;
}
}

@media(max-width:992px){
.webx-tabs .row > div {
    width: 100%;
    float: left;
    margin-bottom:10px;
}
.webx-tabs .row > div:first-child, .webx-tabs .row > div:last-child {
  /*  display:none;*/
}

}


@media(min-width:1200px)
{
#ctl00_navigation {
    display: block  !important;
}
}

.CheckoutContent * {
    margin: 0 auto;
    display: block;
}

.CheckoutContent .fa {
    font-size: 60px !important;
    margin-top: 60px;
    color:#A4123F;
}
input.disabled {
    opacity:0.6;
}

.GridPolicySummarySelectButtonWidth {
  width:90%;
}