/*
Note on font size ... using rems ..... http://snook.ca/archives/html_and_css/font-size-with-rem

initial font-size set to 10px in html tag .... this is for easy of use.... 1.4rems = 14px....

ppop
Colours

GREY
------

grey = #ddd

mid grey = #ccc ... for gradients

dark grey = #414141

grey buttons = #999 to 666

button grey = #555


GREEN 
------

green = #75bb30

dark green = #3e5e1f

button green = #52a102


BLUE
------ 

blue = #3b77f5

dark blue = #213a7f

button blue = #044ebc

*/



@font-face {
	font-family: 'VAGRoundedBT';
	src: url('font/VAGRoundedBT.eot');
	src: local('font/VAGRoundedBT'), url('font/VAGRoundedBT.woff') format('woff'), url('font/VAGRoundedBT.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_6855">Text with this font applied</p> */
.fontsforweb_fontid_6855 {
	font-family: 'VAGRoundedBT' !important;
}

/* Font downloaded from FontsForWeb.com */



@font-face {
	font-family: 'VAG-thin';
	src: url('font/vagroundedstd-thin-webfont.eot');
	src: local('font/vagroundedstd-thin-webfont'), url('font/vagroundedstd-light-webfont.woff') format('woff'), url('font/vagroundedstd-thin-webfont.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_6898">Text with this font applied</p> */
.fontsforweb_fontid_6898 {
	font-family: '616' !important;
}

@font-face {
	font-family: 'VAG-regular';
	src: url('font/vagroundedstd-light-webfont.eot');
	src: local('font/vagroundedstd-light-webfont'), url('font/vagroundedstd-light-webfont.woff') format('woff'), url('font/vagroundedstd-light-webfont.ttf') format('truetype');
}
 
@font-face {
font-family: 'VAGRound';
font-family: 'VAG-regular';
	src: url('font/vagroundedstd-light-webfont.eot');
	src: local('font/vagroundedstd-light-webfont'), url('font/vagroundedstd-light-webfont.woff') format('woff'), url('font/vagroundedstd-light-webfont.ttf') format('truetype');
}



@font-face {
	font-family:'ArialRoundedMTBold';
	src: url('font/ArialRoundedMTBold.eot?') format('eot'),
	     url('font/ArialRoundedMTBold.woff') format('woff'),
	     url('font/ArialRoundedMTBold.ttf')  format('truetype'),
	     url('font/ArialRoundedMTBold.svg#ArialRoundedMTBold') format('svg');	
}


* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

html { height: 100%; font-size:62.5%; } 

body { height: 100%; background:url(../images/page-bg-01.jpg) center top no-repeat #ede8e4; font-size:14px; font-size:1.4rem; font-family:VAG-regular, sans-serif; line-height:1.5em; -webkit-text-size-adjust:none; }

.outter-wrapper { min-height:100%; height:auto !important; height:100%; margin-bottom:-100px; background:url(../images/page-bg-01.jpg) center top no-repeat #ede8e4; }

.wrapper {  max-width:960px; position:relative; z-index:2; margin:0 auto;  }

.glow { background:url(../images/sun-glow2.png) no-repeat scroll center top transparent; height:450px; left:-115px; position:absolute; top:-140px; width:500px; z-index:-1; }


#flag-mobile {display:none;}
#flag-desktop {display:block}

/*** TEXT FORMATS ***/

h1, h2, h3, h4, h5, h6 { font-family: 'VAG-regular'; line-height:1.5em; margin-bottom:0.5em; font-weight:400; color:#213a7f /*dark blue*/ }

h1, h2.price-summary { font-size:24px; font-size:2.4rem; border-bottom:1px dashed #999; border-color:rgba(0,0,0,0.4); margin-bottom:0.5em; padding-bottom:0.25em; }

h1, h2 { font-size:24px; font-size:2.4rem; margin-bottom:0.5em; clear:both; margin-left:-3px; }

h3 { font-size:22px; font-size:2.2rem; clear:both; }

h3.index { font-size:12px; color: #ffffff !important; font-size:12px; font-size:1.4rem; margin-bottom:1.5em; line-height:1.5em; font-weight: bold; }

h4 { font-size:2.0rem; clear:both; }

h5 { font-size:16px; font-size:1.6rem; clear:both; }

h6 { font-size:16px; font-size:1.6rem; clear:both; }

p.no-mb { font-size:12px; font-size:12px; font-size:1.2rem; margin-bottom:0em; line-height:1.5em; }
p { font-family: 'VAG-regular'; font-size:12px; font-size:12px; font-size:1.5rem; margin-bottom:1.5em; line-height:1.5em; }

ul { font-family: 'VAG-regular',sans-serif; margin-left:0%; /* this value was set to 5% but didn't fit the homepage slider */ list-style-type:disc; } 
ol { font-family: 'VAG-regular',sans-serif; margin-left:5%; font-size:12px; font-size:1.2rem; }
li { font-family: 'VAG-regular',sans-serif; margin-bottom:0.5em; }

/*** TEXT COLOUR CLASSES ***/

.text-blue { color:#213a7f; }

.text-green { color:#75bb30; }

.text-white { color:#fff; }

.text-black { color:#111; }

.text-shadow { text-shadow: 0px 1px 1px rgba(0,0,0,0.8); }

/*** BOX GRADIENTS & SHADOWS ***/

.gradient-green {
background: linear-gradient(top, rgba(62,94,31,1) 0%,rgba(117,187,48,1) 75%,rgba(62,94,31,1) 100%);
background: linear-gradient(to bottom, rgba(62,94,31,1) 0%,rgba(117,187,48,1) 75%,rgba(62,94,31,1) 100%);
}

.gradient-grey-light {
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
}
.gradient-grey-dark {
background: linear-gradient(top, rgba(65,65,65,1) 0%,rgba(119,119,119,1) 75%,rgba(81,81,81,1) 100%); 
background: linear-gradient(to bottom, rgba(65,65,65,1) 0%,rgba(119,119,119,1) 75%,rgba(81,81,81,1) 100%); }

.box-shadow { box-shadow:0px 3px 2px 0px rgba(0, 0, 0, 0.3); }

.bg-grey { background-color:#ccc; }


/*** LINES & BORDERS ***/

.line-dashed { border-bottom:1px dashed #fff; border-color:rgba(255,255,255,0.4); padding-bottom:0.5em !important; margin-bottom:20px !important; }

.line-dashed-dark { border-bottom:1px dashed #999; border-color:rgba(0,0,0,0.4); padding-bottom:0.5em !important;  margin-bottom:20px !important; }

div.line-dashed { border-bottom:1px dashed #fff; margin-bottom:20px; opacity:0.4; clear:both; }
div.line-dashed-dark { border-bottom:1px dashed #999; border-color:rgba(0,0,0,0.4); margin-bottom:20px; clear:both;  margin-bottom:20px !important; }

.left-line { border-left:1px solid #ddd; }

.top-line { border-top:0px dashed #aaa; padding-top:0.5em; /*line-height:3em;*/ }

.margin-bottom-0 { margin-bottom:0 !important; }

/*** POSITIONS ***/

.flo-left { float:left }
.flo-right { float:right }
.flo-center { display:block; margin:0 auto; }

.clear { clear:both; margin-bottom:10px; }
.clear-0 { clear:both; margin:0; }

.text-center { text-align:center; }
.text-left { text-align:left; }
.button-text { letter-spacing: 0em; color: #cc0066; margin-right: 20px; }


/* MARVIN */
.marvin-header 
{
    position:absolute; width:140px; height:142px; background:url(../images/marvin_header2.png) right center no-repeat; z-index:10; top:1.3%; left:40%; }
    
.marvyn { position:absolute; width:100%; height:100%; background:url(../images/homepage-marvin.png) no-repeat; z-index:0; top:20px; left:0; background-position: right 20px center; }
    


/* BREADCRUMBS */
.breadcrumbs
{
display: block;
padding: 0.5625rem 0.875rem 0.5625rem;
overflow: hidden;
margin-left: 1.5%;
margin-right: 66%;
margin-bottom: -23px;
list-style: none;
border-style: solid;
border-width: 1px;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
border-color: #DEDDDB;
-webkit-border-radius: 3px;
border-radius: 10px 10px 0 0;
min-width: 315px;
}


.breadcrumbs>*
    {
        margin:0;
        float:left;
        font-size:0.9rem;
        /*text-transform:uppercase*/
        }
        
.breadcrumbs>*:hover a,.breadcrumbs>*:focus a
{
    text-decoration:underline}
    
.breadcrumbs>* a,.breadcrumbs>* span
{
    text-transform:uppercase;
    color:#0f034e}
    
.breadcrumbs>*.current
{
    cursor:default;
    color:#333
    }
    
.breadcrumbs>*.current a
{
    cursor:default;
    color:#333
    }
    
.breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a{text-decoration:none}
.breadcrumbs>*.unavailable{color:#999}
.breadcrumbs>*.unavailable a{color:#999}
.breadcrumbs>*.unavailable:hover,.breadcrumbs>*.unavailable:hover a,.breadcrumbs>*.unavailable:focus,.breadcrumbs>*.unavailable a:focus{text-decoration:none;color:#999;cursor:default}
.breadcrumbs>*:before{content:"/";color:#aaa;margin:0 0.75rem;position:relative;top:1px}
.breadcrumbs>*:first-child:before{content:" ";margin:0}



/*** BOX CONTAINERS ***/

article,
aside { padding:1.5em; border:1px solid #ddd; border-radius:10px; margin-bottom:8px; }

.content { position:relative; border:1px solid #eee; border-radius:10px; box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.2); padding:15px 20px; margin:20px 0; background-color:#fff; }
.content:before, .content:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.content:after { clear: both; }  
.content  { zoom: 1; }

.extra-padding { padding:30px 40px; }

.box-50 { width:50%; margin:30px auto; }
.box-50 .field label { display:inline-block; width:40%; margin-right:5%; }
.box-50 .field input { display:inline-block; width:50%; }

.box-33 { width:33%; margin:30px auto; }
.box-33 .field label { display:inline-block; width:25%; margin-right:5% }
.box-33 .field input { display:inline-block; width:70%; }

.field label.width-auto { width:auto; }

/*** BUTTONS ***/

.button, .button-back,
input.button, input.button-back { display:inline-block; border-radius:5px; padding:0 1.5em;   
font-family: 'VAG-regular', sans-serif; font-weight:600; font-size:16px; font-size:1.6rem; line-height:2.25em; color:#fff !important; 
text-align:center; text-transform:uppercase; text-decoration:none !important;
background-image:linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);/* Nothing ... without PrefixFree*/
background-image:linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* Firefox */
text-shadow:0px 1px 2px rgba(0,0,0,0.7);
}
input.button, input.button-back { display:block !important; border:none; height:auto; float:none; margin:0.5em auto; padding:0.25em 0; }

.button:hover, .input.button-back:hover { background-image:none; text-shadow:none; color:#fff; }

.button.full { width:100%; padding:0; }

.button.green { background-color:#52a102; }

.button.blue, .button-back.blue { background-color:#044ebc; }

.button.grey { background-color:#555; }

.button.small { font-size:80%; padding:0 1em; width:auto; margin:0.2em; background-color:#555; line-height:2.5em; }

.button.small.green { background-color:#52a102; }

.button.small.white { background-color:#ddd; color:#333 !important; text-shadow:none !important; }

.button-subtext { font-size:80%; display:block; text-align:center; }

/*** DATE PICKER ***/

.ui-datepicker .ui-datepicker-title select { font-size:12px !important; padding:0 !important; }

/*** TOOL TIPS ***/

.qtip-default { margin-left:3px; max-width:300px; border-radius:7px; overflow:hidden; }
.qtip-titlebar { padding:10px 0; }
.qtip-default h3 { font-size:14px; }
.qtip-default p { font:11px/1.25em Arial, Helvetica, sans-serif; margin-bottom:1.5em; }

.qtip-default strong { font:bold 12px/1.25em Arial, Helvetica, sans-serif; }
.qtip-default ul { margin-bottom:1em; }
.qtip-default li { font:11px/1.25em Arial, Helvetica, sans-serif; margin-bottom:0.5em; }

.qtip-step-2 { max-width:140px !important; margin-top:-5px !important;  }

/*** HEADER ***/
.logo { margin:10px 0; float: left; position:relative; }
.logo { margin:10px 0; }

.contacts {float: right;margin: 65px 0 0;width: 270px;position: relative;color: #fff;text-align: center;line-height: 1.4;}
.contacts-uk {float: right;margin: 65px 0 0;width: 210px;position: relative;color: #fff;text-align: center;line-height: 1.3;}
.contacts-mid {float: right;margin: 40px 0px;width: 360px;position: absolute;color: #fff;text-align: center;left: 35%;}
.contacts-mid-uk {float: right;margin: 30px 0px;width: 360px;position: absolute;color: #fff;text-align: center;left: 35%;}
#phone-sub {
    font-size: 0.5em;
    text-align: center;
    position: absolute;
    top: 49px;
    margin: 0 auto;
    /* left: 2%; */
    right: 16%;
}
.contacts strong { font-size: 28px;
  position: relative;
  top: -27px;
  display: inline-block;
  margin-right: 10px;
  font-family: 'VAG-regular'; }
.contacts strong a { color:#fff; text-decoration:none; }
.contacts ul { margin-left:0; list-style-type:none; }
.contacts ul,
.contacts li { display:inline-block; }
.contacts li a { display:block; width:36px; height:36px; border-radius:18px; margin-left:5px;
background-color:#fff;  background-position:center center; background-repeat:no-repeat; 
transition:background-color 300ms; }
.contacts li a:hover { background-color:#ABCB4B; }
.contacts li a.facebook { background-image:url(../images/icons-fb.png); }
.contacts li a.twitter { background-image:url(../images/icons-tw.png); }
.contacts li a.email { background-image:url(../images/icons-em.png); }

.contacts div {
font-family: 'VAGRoundedBT';
  line-height: 1em;
  margin-bottom: 0em;
  font-weight: 400;
  color: #fff;
  text-align: center;
  font-size: 13px;
  clear: both;
}

.footersocial ul { margin-left:0; list-style-type:none; }
.footersocial ul,
.footersocial li { display:inline-block; }
.footersocial li a { display:block; width:36px; height:36px; border-radius:18px; margin-left:5px;
background-color:#eee;  background-position:center center; background-repeat:no-repeat; 
transition:background-color 300ms; }
.footersocial li a:hover { background-color:#ccc; }
.footersocial li a.facebook { background-image:url(../images/icons-fb.png); }
.footersocial li a.twitter { background-image:url(../images/icons-tw.png); }
.footersocial li a.email { background-image:url(../images/icons-em.png); }

.footersocial div {
font-family: 'VAGRoundedBT';
  line-height: 1em;
  margin-bottom: 0em;
  font-weight: 400;
  color: #fff;
  text-align: center;
  font-size: 13px;
  clear: both;
}

.contacts p { font-family: 'VAG-regular', sans-serif; font-weight:700;  text-align:center; font-size:14px; }

.top-nav { display:none; }   

.main-nav { background:#1E599D;
border-top:2px solid #BCCEE2; border-bottom:2px solid #BCCEE2; border-color:rgba(255, 255, 255, 0.7); 
min-height:35px; display:inline-block; width: 100%; }
.main-nav ul {
display: inline;
line-height: 34px;
margin-left: 0;
list-style-type: none;
font-size: 1.1em;
padding-left: 1em;
font-weight: 600;
}

.main-nav ul li { display:inline; margin:0 !important; }
.main-nav li a { color:#fff; display:inline-block; padding:0 10px; text-decoration:none; transition:background-color 300ms; }
.main-nav li a:hover { background-color:#003176; color:#fff; }

.main-nav .flags { float:right; height:35px; position:relative; right:6px; top:4px; margin-left:0; list-style-type:none; }
.main-nav .flags li { margin:0 1px; }
.main-nav .flags li a { padding:0; background:none; }
.main-nav .flags li img { border:1px solid #fff; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
.main-nav .flags li img:hover { border-color:#ffff33; }

.main-nav .mobile-menu { position:relative; display:none; text-align:center; }

.main-nav span.phone { font-size:20px; font-weight:bold; color:#fff; line-height:1.5em; background:url(../images/Phone.png) left center no-repeat; padding:0 20px;  }
.main-nav span.phone a{ color:#fff; text-decoration:none; }

.main-nav span.menu-label { font-size:12px; color:#fff; line-height:2.5em; right:50px; position:absolute; }

.sub-nav { background:#003176; }
.sub-nav ul { margin-left:0; list-style-type:none; }
.sub-nav li { color:#fff; display:inline; line-height:25px; font-size:11px; }
.sub-nav li.in { color:#ffff33; }

ul.policy-menu { margin-left:0; list-style-type:none; position:absolute; right:0; }
ul.policy-menu li { font-size:80%; display:inline-block; }

.banner { color:#fff; margin:20px 0 30px; position:relative; text-align:center; width:100%; }
.banner div,
.banner div h1 { font-family: "VAGRoundedBT",sans-serif; !important; color:#fff; font-size:50px; line-height:1em; font-weight:normal; display:block; /* margin-bottom:0.5em;*/ }
.banner div h1 { display:inline; /*font-size:inherit;*/ border:none; }
.banner #fittext2 { font-size:60px; }
.banner #fittext2 span { display:block; text-align:right; font-size:80%; }
.banner #fittext3 { font-size:54px; }

/** Homepage **/
.step-1 .banner h1{ margin:2% 0 2% 2.5%; width:100%; }
.banner ins.currency:before { content:"from"; position:absolute; font-size:0.25em; top:-2.4em;  }
.banner ins.currency { font-family:'ArialRoundedMTBold', sans-serif !important; font-size:64%; display:inline-block; position:relative; }
.banner small { font-family: 'VAG-regular', sans-serif; font-size:14px; line-height:1.25em; display:block; text-align:center; margin:0% 0 0 7%; }


/*** GENERAL FORM STYLES ***/

input { background:#fff; border:1px solid #999; padding:5px 5px 6px; float:left; font-size:13px; font-size:1.3rem; height:28px; border-radius:0; }

label { display:block; float:left; padding-top:2px; font-size:12px; font-size:1.2rem; }

input, select { border-radius:5px; outline:none; }

select { position:relative; float:left; line-height:1em; border:1px solid #999; background:#fff; cursor:pointer; height:auto; min-width:50px; padding:4px 3px; font-size:13px; font-size:1.3rem; }

textarea { border-radius:5px; border:1px solid #999; background:#fff; resize:vertical; width:100%; }

.field { width:100%; padding:0.3em 0; position:relative; }
.field:before, .field:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.field:after { clear: both; }  
.field  { zoom: 1; }

.row { width:100%; padding:0; }
.row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.row:after { clear: both; }  
.row  { zoom: 1; }

#JSValidation ol,
.block-1,
.block-2,
.block-3,
.block-4 { width:100%; padding:0.5em 0; }
#JSValidation ol:before,
#JSValidation ol:after,
.block-1:before,
.block-2:before,
.block-3:before,
.block-4:before, 
.block-1:after,
.block-2:after,
.block-3:after,
.block-4:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
#JSValidation ol:after,
.block-1:after,
.block-2:after,
.block-3:after,
.block-4:after { clear: both; }
#JSValidation ol,
.block-1,
.block-2,
.block-3,
.block-4 { zoom: 1; }


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

*** PAGE SPECIFIC STYLES ***

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

/*** ALL STEPS ***/


.step-3 h2,
.step-4 h2,
.step-5 h2 { font-size:27px; font-size:2.7rem; margin-bottom:0.25em; }

.step-3 h2 span,
.step-4 h2 span,
.step-5 h2 span { font-size:0.6em; }

.step-3 .button,
.step-4 .button { display:block; width:250px; margin:20px auto; }


/*** STEP 1 - HOMEPAGE ***/

.step-1 .main-nav { border-bottom:5px solid #003176; } 

.step-1 .sub-nav { display:none; } 

.homepage-left { float:left; width:60.0%; position:relative; }

.agg article { padding:0; border:none; border-radius:0; margin-bottom:10px; }

.agg .homepage-left { border:0; }
.agg .homepage-form { padding:1.5em; }
.agg .homepage-form .content-wrapper { position:relative; z-index:11; }

.homepage-right { float:right; width:38%; margin-bottom:5px; }

.homepage-left h2,
.homepage-right h4 { font-family: 'VAGRoundedBT'; font-size:20px; font-size:2.2rem; font-weight:normal; margin-bottom:0.1em; text-shadow:none; /* letter-spacing:-1px; */}
.homepage-right h3 { font-family:'VAGRound', 'ArialRoundedMTBold', sans-serif; font-size:18px; font-size:1.8rem; font-weight:normal; margin-bottom:0.5em; text-shadow:none; letter-spacing:-1px; }

.homepage-left h2 span,
.homepage-right h3 span { white-space:nowrap; }

/***form ***/

/*TEMP*/ #AnnualPanel form > p { display:none; }

.agg .homepage-form .agg-logo { padding:10px; background:#fff; border-radius:10px; display:block; margin:0 auto; } 

.marvyn { position:absolute; width:100%; height:100%; background:url(../images/homepage-marvin.png) no-repeat; z-index:0; top:20px; left:0; background-position: right 20px center; }

.promo-graphic { position:absolute; width:100%; height:100%; background:url(../images/discount-applied.png) right top no-repeat; z-index:10; top:0; right: 20px; }
.homepage-form { background:rgba(0, 49, 118, 0.6); border:2px solid rgba(255, 255, 255, 0.7); border-radius:10px; min-height:390px; position:relative; /*box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.3);*/}

#JSValidation { background-color:rgba(255, 255, 255, 0.3); border-radius:10px; color:#fff !important; font-size:12px; font-weight:bold; padding:20px; margin-top:20px; }
#JSValidation ol { list-style-type:disc; }
#JSValidation ol li { float:left; margin:0 10px 0 15px; }

.homepage-form #JSValidation { margin-right:25%; padding:10px; }

.homepage-form form { position:relative; z-index:11; }

.homepage-form form .margin-wrapper {margin-right:25%;}

.homepage-form input,
.homepage-form select { border:none; }
 
.homepage-form  input { width:48%; } 

.homepage-form #annualpanel input,
.homepage-form #singlepanel input { background:url("../images/icon-calendar-bg.png") 98% 2px no-repeat #fff; cursor:pointer; }

span.new-tip-1,
a.new-tip-1 {  display:inline-block; height:16px; width:16px; margin-left:5px; cursor:pointer; }

span.new-tip-1:before { 
background-color:rgba(0, 0, 0, 0.5);
    border-radius:8px;
    color:#fff;
    content: "?";
    display:block;
    font-family:Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    height:15px;
    line-height:1.5em;
	position:relative;
    top:0px;
    text-align:center;
    width:15px;
	transition:background-color 300ms;
 }
 
span.new-tip,
a.new-tip {  display:inline-block; height:16px; width:16px; margin-left:5px; cursor:pointer; }

span.new-tip:before { 
background-color:rgba(0, 0, 0, 0.5);
    border-radius:8px;
    color:#fff;
    content: "?";
    display:block;
    font-family:Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    height:15px;
    line-height:1.5em;
	position:relative;
    top:4px;
    text-align:center;
    width:15px;
	transition:background-color 300ms;
 }
.homepage-form span.new-tip:before { 
background-color:rgba(255, 255, 255, 0.7);
    color:#003176;
	content: "?";

 }
.homepage-form span.new-tip {  display:block; position:absolute; height:16px; width:16px; top:0; left:-5px; cursor:pointer; text-shadow:none !important; }
 
.homepage-form span.new-tip:hover:before { background-color: rgba(255, 255, 255, 1); }

.homepage-form #annualpanel { padding-bottom:0.25em; }

.homepage-form span.icon-cal { display:inline-block; width:30px; height:30px; background:url(../images/icon-calendar.png) no-repeat; margin:-2px 0 0 5px; }

.homepage-form .field .input-wrapper { font-family: 'VAG-regular'; float:left; width:48%; padding-left:20px; position:relative; }
.homepage-form .field .input-wrapper-tip { float:right; padding-left:20px; position:relative; }
.homepage-form .field .input-wrapper-right { float:left; width:100%; padding-right:20px; position:relative; }
.homepage-form .input-wrapper-right span.new-tip { left:auto; right:-2px; }

.homepage-form select { width:65px; }
.homepage-form .full { width:100%; }

.homepage-form .single-age #bookingBoxAgesOne { float:left; margin-left:5px; }

.homepage-form .multi-age #AgeGroupPanel .field { width:53%; float:left; margin-left:47%; padding: 0.25em 0 0; }

.homepage-form .multi-age select { margin:0 3px 5px 0; }

.homepage-form .multi-age .input-wrapper { padding-bottom:0.25em; }


.homepage-form .multi-age span { display:inline-block; clear:left; color:#fff; font-size:12px; font-size:1.2rem; font-weight:bold; text-shadow:0px 1px 2px rgba(0,0,0,0.9); }

.homepage-form form label { color:#fff; font-size:13px; font-family: 'VAG-regular'; font-size:1.4rem; font-weight:bold; margin-right:1%; width:41%; }

.homepage-form form label.fullwidth { color:#fff; font-size:13px; font-family: 'VAG-regular'; font-size:1.4rem; font-weight:bold; margin-right:1%; width:80%; }

.homepage-form form .button {  }

.homepage-form .button.green {
    background-color:#52A102;
	background-image:linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); 
	background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); 
	border-radius:5px; 
	color:#FFFFFF !important; 
	font-family:'VAGRound', 'ArialRoundedMTBold', sans-serif; 
	font-size:18px;
	font-size:1.8rem; 
	font-weight:normal; 
	line-height:2.0em; 
	padding:0 1.2em; 
	text-align:center; 
	text-decoration:none !important; 
	text-transform:uppercase;
	border:1px solid rgba(255, 255, 255, 0.7); 
	display:block; 
	margin:10px auto;
	min-width:0; 
	width:220px;
}

.adcopy-full {
  font-size: 1.4rem;
  color: #555;
  text-align: center;
  font-family: 'VAG-regular',sans-serif;
  line-height: 15px;
  margin-top: 5%;
  line-height: 1.3;

}

.agg .homepage-form .button.green { padding:0.25em 0; font-size:28px; font-size:2.8rem; }

.agg h1.agg-price {
    font-family: 'VAGRound', 'ArialRoundedMTBold', sans-serif;
    font-size: 62px;
    font-size: 5.2rem;
    text-align: center;
    color: #fff;
    border: none;
    padding: 0;
    margin: 0em;
}

.agg .homepage-form table {
    width: 90%;
    font-size: 13px;
    font-size: 1.6rem;
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    padding: 0px;
    border-collapse: inherit;
    border-spacing: 10px 5px;
}

.agg .homepage-form table td { width:50%; }

.agg .agg-links { text-align:center; }
.agg .agg-links a { line-height:2em; color:#fff; }

.agg .columns-1 { padding:10px; }

.homepage-right .info-box { background-color:rgba(255,255,255,0.7); border:none; padding-bottom:0.7em; font-size:0.9em; line-height: 1.55em; }

.agg .homepage-right .info-box { padding:1.5em; border-radius:10px; }

.homepage-right .info-box p { font-size:12px; font-size:1.2rem; margin-bottom: 0.5em;}
p.class { font-size: 10px; font-size: 1.0rem;}


.agg .homepage-right .info-box p { font-size:11px; font-size:1.2rem; }

.homepage-right .extra-box { height:60px; margin-bottom:3%; position:relative; padding:0; overflow:hidden; border:none; }

.extra-box.box-1 { background-image:url(../images/ski.jpg); }
.extra-box.box-2 { background-image:url(../images/golf_multitrip.png); }
.extra-box.box-3 { background-image:url(../images/Flight-Cancellation.jpg); }
.extra-box.box-4 { background-image:url(../images/domestic.jpg); }
.extra-box.box-5 { background-image:url(../images/business_tavel.png); }

.extra-box.box-1,
.extra-box.box-2,
.extra-box.box-3,
.extra-box.box-4, 
.extra-box.box-5{ background-position:right center; background-size:auto 100%; background-repeat:no-repeat; /*box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.3);*/ }

.extra-box h4 { font-family:'VAGRound', 'ArialRoundedMTBold', sans-serif; font-size:18px; font-size:1.8rem; position:relative; z-index:999; padding:17px 0 0 10px; color:#fff; }

.extra-box .mask { position:absolute; z-index:997; width:100%; height:100%; 
background:url(../images/Feather-Green.png) right center no-repeat; right:25%; 
}

.extra-box .gradient { position:absolute; z-index:998; width:100%; height:100%;
background:linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
}

span.new-more:before,
span.new-less:before { 
	background-color:rgba(255, 255, 255, 0.6);
    border-radius:10px;
    color:#64AB1C;
    content: "+";
    display:block;
    font-family:Arial,sans-serif;
    font-size:20px;
    font-weight:bold;
	width:20px;
    height:20px;
    line-height:1.05em;
	position:relative;
    top:1px;
    text-align:center;
    
	transition:background-color 300ms;
 }
span.new-less:before { content: "x"; font-size:17px; top:-1px; } 
span.new-more,
span.new-less {  display:inline-block; height:20px; width:20px; margin-right:5px; cursor:pointer; }
 
span.new-more:hover:before,
span.new-less:hover:before { background-color: rgba(255, 255, 255, 1); }

.extra-boxes { position:relative; }

.extra-box-overlay { display:none; 
background-color:#52a102;
background-image:linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); 
border:10px; position:absolute; top:0px; right:0px; min-height:100%; z-index:999; padding:17px 10px 10px 10px; border:none;
}
.extra-box-overlay * { color:#fff; }
.extra-box-overlay h4 { font-family:'VAGRound', 'ArialRoundedMTBold', sans-serif; font-size:18px; font-size:1.8rem; position:relative; z-index:999; color:#fff; }
.extra-box-overlay p,
.extra-box-overlay ul { font-size:11px; line-height:1.35em; }

.extra-box-overlay .more { display:none; }

.extra-box-overlay a.show-more { display:block; font-size:11px; font-weight:bold; color:rgba(255,255,255,0.6); text-align:center; text-decoration:none; margin-bottom:0.5em; }
.extra-box-overlay a.show-more { color:rgba(255,255,255,1); }

.advert-wrapper { position:relative; }

.adverts article { box-shadow:0px 3px 2px 0px rgba(0, 0, 0, 0.2); padding-left: 1.1em; height: 9em; }


.advert-right { float:right; text-align:center; height: 9em; width:38%; top:0; bottom:0; padding-bottom:2.25%; box-shadow:0px 3px 2px 0px rgba(0, 0, 0, 0.2); }
.advert-halfs { text-align:center; background-color: #cc0066; }
.advert-halfs img { margin-top: -3%; }

/*** STEP 2 ***/

.step-2 .desktop { display:block; }
.step-2 .mobile { display:none; }

.step-2 #reloadButton { display:none; } /*mobile only*/

.step-2 .content { padding:1% 0; }

.extras { width:34%; float:left; padding:0 1.5%; font-family: 'VAG-thin';}
.extras label { font-size: 1.7rem;  position:relative; margin-left:4px; }
.extras_domestic label { font-size: 1.7rem;  position:relative; margin-left:4px; }
.extras_domestic {width: 46%;float: left;padding: 0 1.5%;font-family: 'VAG-thin'; padding-bottom: 0.5em;}
.extras_domestic.popular label { position:relative; margin-left:0px; padding:3px 75px 3px 3px; background:url(../images/PopularChoice.png) 97% center no-repeat; }
.extras.popular label { position:relative; margin-left:0px; padding:3px 75px 3px 3px;
background:url(../images/PopularChoice.png) 97% center no-repeat; }

.extras_domestic select {width:180px}
.step-2 .extras .optional-covers-title { position:relative; top:10px; left:-5px; font-weight:400; font-size:14px; color:#044ebc; text-transform:uppercase;  font-family: 'VAG-regular', sans-serif; }

.step-2 .extras .optional-covers-title ins { display:block; text-transform:lowercase; font-size:80%; line-height:1em; } 

.step-2 .extras #show-all-covers.optional-covers-title { top:0; }
.step-2 .extras select {float: right; width:100px;}
.cover,
.cover-icons { width:22%; float:left; text-align:center; padding:0 1.5%; border-left:1px solid #ddd; position:relative; }
.cover-icons { padding-bottom:0.5%; }

.additional-covers-2 .extras,
.additional-covers-2 .cover-icons { padding:0 1.5% 0.5%;  }

.cover h2,
.extras h2 { font-size:27px; font-size:2.7rem; line-height:1em; margin-bottom:0; letter-spacing:-0.05em; }

.cover h2 { overflow:visible; position:relative; font-weight:600; }

.good-buy { position:absolute; width:42px; height:75px; background-image:url(../images/BestBuy.png); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; top:-12px; right:4%;  }

.cover .button { min-width:120px; }
.cover .button.box-shadow { box-shadow:0px 3px 2px 0px rgba(0, 0, 0, 0.2); }

.price { font-family: 'VAG-regular', sans-serif; font-size:27px; font-size:2.7rem; line-height:1.75em; letter-spacing:-0.05em; margin-bottom:0.1em; }
.price .current-policy { color:#52A102; font-size:60%; display:block; margin-top:-1.25em; }
.price-agg { font-family: 'VAG-regular', sans-serif; font-size:27px; font-size:2.7rem; line-height:1.75em; letter-spacing:-0.05em;  }

.additional-covers-2,
.benefits-2 { display:none; width:100%; }

.step-2 .extras select { float:right; }

.step-2 .input-wrapper { float:right; width:auto; padding-left:25px; position:relative; }
.step-2 .input-wrapper span.new-tip { display:block; position:absolute; height:16px; width:16px; top:2px; left:-5px; cursor:pointer; }

.yes { height:28px; background:url(../images/icon-yes.png) center center no-repeat; }
.no { height:28px; background:url(../images/icon-no.png) center center no-repeat; }

#GradeContainer .input-wrapper { margin-top:8px; }
.step-2 .extras a.new-tip:before { background-color: rgba(0, 0, 0, 0.5); content: "?"; }
.step-2 .extras a.new-tip:hover:before { background-color: rgba(0, 0, 0, 0.3); }

.extras a.show-grades { display:none; float:right; width:15%; margin:7px 0; text-align:right; line-height:1.5em; }

input#QuoteInfor_PromortionCode { margin-right:2%; width:27%; float:left; margin-top: 3px; }

.extras .discount { margin:7px 0; }

.step-2 .extras .price small { font-size:60%; }
.step-2 .extras .price small.one { font-size:39%; letter-spacing: 0px;}

.price input { width:50% !important; float:none; display:inline; font-size:1.25em; margin-top:-1px; height:auto; border:none; background:none; color:#000; }

table.benefits-desktop {font-family: 'VAG-thin';width: 100%;font-size: 1.5rem;text-align: left;line-height: 1.9;color: #555;}
table.benefits-desktop th,
table.benefits-desktop td { padding:1px 3px 2px 10px; border-bottom:1px solid #aaa; transition:background-color 500ms; text-align:left !important; }

table.benefits-desktop tr.full th,
table.benefits-desktop tr.full td { /* background-color:#fff; */ }

table.benefits-desktop th { position:relative; cursor:pointer; }

table.benefits-desktop th span.tips { font-weight:normal; padding:10px; line-height:1.5em; position:absolute; left:0; margin-top:0; width:100%; height:auto; display:none; border:1px solid #aaa; border-top:none; border-left:none; margin-right:1px; background-color:#ccc; color:#000; z-index:999 }

table.benefits-desktop tr:first-child th { border-top:1px solid #aaa; }

table.benefits-desktop tr:hover td,
table.benefits-desktop tr:hover th { background-color:#ccc; }
table.benefits-desktop th:hover span.tips { display:block; }

table.benefits-desktop .col-1,
table.benefits-desktop .col-2,
table.benefits-desktop .col-3 { width:22%; border-left:1px solid #aaa; }

table.benefits-desktop .col-1.deeplink,
table.benefits-desktop .col-2.deeplink,
table.benefits-desktop .col-3.deeplink { width:44%; }

table.benefits-desktop span { float:left; text-align:left; }
table.benefits-desktop span:nth-of-type(1) { width:50%; }
table.benefits-desktop span:nth-of-type(2) { width:50%; }
/*table.benefits-desktop span:nth-of-type(1) { width:50%; }
table.benefits-desktop span:nth-of-type(2) { width:50%; }*/


.covers,
.excess { width:50%; float:left; text-align:left; }

.benefits .cover,
.benefits .extras { padding-top:0; padding-bottom:0.5%; }


.agg .columns-1 .col-1 { width:50% !important; }

.policy-docs .button { min-width:18%; font-size:93%; }

/** Hide / Show Columns **/

/*

.columns-1 = Australia
.columns-2 = Premier, Premier Plus
.columns-3 = Essential, Premier, Premier Plus


.col-1 = Essential
.col-2 = Premier
.col-3 = Premier Plus
.col-4 = Australia

*/

.columns-1 .Essential,
.columns-1 .Premier,
.columns-1 .PremierPlus,
.columns-1 .benefits-desktop .col-1,
.columns-1 .benefits-desktop .col-2,
.columns-1 .benefits-desktop .col-3,
.columns-1 tr.australia-hide { display:none !important; }

.columns-2 .Essential,
.columns-2 .A,
.columns-2 .benefits-desktop .col-1,
.columns-2 .benefits-desktop .col-4 { display:none !important; }

.columns-3 .Australia,
.columns-3 .benefits-desktop .col-4 { display:none !important; }

/** Columns Widths **/

.columns-1 .Australia,
.columns-1 .col-4 { width:55% !important; }

.columns-2 .Premier,
.columns-2 .PremierPlus,
.columns-2 .col-2, 
.columns-2 .col-3 { width:44% !important; }

/*** MODAL ***/

#simplemodal-overlay {
    background:#000;
	cursor: pointer;
}
.simplemodal-container {
    background:#fff;
    border: 1px solid #ccc;
    border-radius:10px;
    height: 400px;
    padding: 25px;
    width: 730px;
}
.simplemodal-container .modals {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.simplemodal-container a.modalCloseImg {
    background: url("/images/x.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline;
    height: 28px;
    position: absolute;
    right: 19px;
    top: 15px;
    width: 28px;
    z-index: 3200;
}

.simplemodal-data { overflow:visible !important; }

#activityList div { font-size:85%; }

/*** STEP 3 ***/

.step-3 h2 span { float:right; margin-right:4%; font-size:70%; white-space:nowrap; }

.step-3 .block-1 .field {}
.step-3 .block-1 .field-item { float:left; margin-right:1%; width:18%; }
.step-3 .block-1 .field-item-Y { float:left; margin-right:1%; width:14%; }
.step-3 .block-1 .field-item-N,
.step-3 .block-1 .field-item- { float:left; margin-right:1%; width:30%; }
.step-3 .block-1 .field-item:last-child { margin-right:0; }
.step-3 .block-1 .field-item label { display:block; clear:left; }

.step-3 .block-1 input,
.step-3 .block-1 select { width:100%; }

.step-3 .block-1 .salutation { width:60px !important; }

.step-3 .block-1 .age { width:30px !important; } 
.step-3 .block-1 .age input { border-color:#999; background:#ccc; }

.step-3 .block-1 .field-item,
.step-3 .block-1 .field-item-,
.step-3 .block-1 .field-item-Y,
.step-3 .block-1 .field-item-N { position:relative; bottom:0; display:inline-block; float:none; margin-right:0; }
.step-3 .block-1 .read-only input { background:#ccc; }

.step-3 .block-2 { position:relative; }

.step-3 .block-2 h2 { margin-bottom:1em; }

.step-3 .block-2 .login-box  { position:absolute; width:49%; top:15px; background:#eee; border-radius:5px; font-size:11px; font-size:1.1rem; left:48.9%; padding:0.5% 1%; }

.step-3.agg .block-2 .login-box { display:none; }

.step-3 .block-2 .login-box .button { margin:0; width:auto !important; display:inline-block !important; height:auto; font-size:11px; font-size:1.1rem; }

.step-3 .block-2 .login-box span { line-height:27px; }
.step-3 .block-2 .login-form { position:absolute; left:0; top:0; padding:7px 10px; width:100%; background:#eee; border-radius:5px; display:none;  }

.step-3 .block-2 .login-form label { width:auto; margin-right:5px; font-size:11px; font-size:1.1rem; padding-top:0; }
.step-3 .block-2 .login-form input { display:inline-block; width:120px; margin-right:2%; font-size:11px; font-size:1.1rem; height:23px; }
.step-3 .block-2 .login-form input:nth-of-type(2) { width:80px; }

.step-3 .block-2 .login-form #errorLogin { position:absolute; top:-23px; }

.step-3 .block-2 .left,
.step-3 .block-2 .right { width:48%; float:left; margin-right:2%; }
.step-3 .block-2 label { width:42%; }

.step-3 .block-2 .left .postcode input { width:33%; margin-right:1%; }
.step-3 .block-2 .left .postcode input.button { width:20%; float:right; margin:0 3% 0 0; }

.step-3 .block-2 label.long { width:50%; }

.step-3 .block-2 input { width:55%; }

.step-3 .block-2 select { width:55%; }

.step-3 label.news-label { width:100%; }
.step-3 #news-items-2 { font-size:13px; position:relative; clear:left; }
.step-3 #flat { background-color:#fff; background-image:url(../images/source-enquiry-arrow.png); background-position:98% center; background-repeat:no-repeat; border:1px solid #999; border-radius:5px; float:left; font-size:13px; font-size:1.3rem; height:28px; padding:1px 5px 6px; width:47%; margin-top:1%; cursor:pointer;  }

ul#nav { position:absolute; z-index:9999; top:30px; margin-left:20px; display:none; overflow:visible; width:300px; height: 600px; }

ul.drop, ul.drop li, ul.drop ul { list-style:none; margin:0; padding:0;  }

ul.drop li { position:relative; display:block; line-height:1.25em; vertical-align:middle; zoom: 1; padding:2px 5px; 
border:1px solid #F1D031; border-bottom:none; width:150px; background:#FFFFA3; }
ul.drop li:last-child { border-bottom:1px solid #F1D031; }

ul.drop a { display:block; color:#333; font-size:10px; text-decoration:none; }

ul.drop li:hover {  cursor:default; background:#F1D031; }
ul.drop ul { display:none; position:absolute; margin-top:1px; width:150px; top:-2px; left:100%; }

ul.drop ul li { float:none; }
ul.drop li:hover > ul { display:block;}

.step-3 .field.terms input { float:left; }
.step-3 .field.terms label { float:right; width:95%; }

.step-3 span.new-tip:before { top:0; }

.step-3 .block-4 .left { width:52%; float:left; margin-right:4%; }
.step-3 .block-4 .right { width:44%; float:left; }
.step-3 .block-4 select { float:right; width:45%; }
.step-3 .block-4 label { width:60%; }
.step-3 .block-4 input {width: 45%;}
.step-3 h2 span.win-link { cursor:pointer; margin-right:1%; }

.step-3 h2 span.win-link:after { 
background-color:#aaa;
    border-radius:10px;
    color:#fff;
    content: "?";
    display:inline-block;
    font-family:Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    height:20px;
    line-height:1.5em;
	position:relative;
    top:-2px;
	margin-left:5px;
    text-align:center;
    width:20px;
	transition:background-color 300ms;
 }
 
.step-3 h2 span.win-link:hover:after { background-color: rgba(0, 0, 0, 0.4); }

.step-3 h3.win-text { display:none; color:#8db701; }

.step-3 .button { margin:20px auto; }
.step-3 .button-back { margin:0px auto; }

.step-3 a#addSMS,
.step-3 a#removeSMS,
.step-3 a#addPost,
.step-3 a#removePost { background-color:#999; margin-left:5px; border-radius:3px; color:#fff; font-size:9px; line-height:10px; padding:0 2px 2px; text-decoration:none; }

.step-3 a#addSMS,
.step-3 a#addPost { background-color:#52A102; }

.step-3 a#addSMS:hover,
.step-3 a#removeSMS:hover,
.step-3 a#addPost:hover,
.step-3 a#removePost:hover { background-color:#333; }

.summary {  padding:0; 
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(46,149,216,0.7) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(46,149,216,0.7) 100%);
 }
.summary > div { padding:15px; float:left; width:50%;  }

.summary h2 { font-size:22px; font-size:2.2rem; line-height:1.8em; }
.summary h3 { font-size:22px; font-size:2.2rem; line-height:1.8em; margin: 10px 14px; }

.summary dl { font-size:12px; font-size:1.2rem; line-height:1em; }
.summary dt, 
.summary dd { display:block; float:left; margin-bottom:1em;}
.summary dt { width:60%; }
.summary dd { width:40%; font-weight:bold; }
.summary dl .notSelected { color:red; text-decoration:line-through; }
.summary dl .total { font-family: 'VAG-regular', sans-serif; font-weight:400; font-size:19px; font-size:1.9rem; line-height:1em;  }

.summary span.optional-label { color:#fff; font-size:80% }

.summary .button { margin:20px auto; }

/*** STEP 4 ***/

.step-4 h2 span { float:right; margin-right:4%; font-size:70%; }

.step-4 .block-1 .field { width:49%; float:left; }

/*** .step-4 .block-1 .field:nth-of-type(5) { clear:left; } ***/

.step-4 .block-1 label { width:42%; }
.step-4 .block-1 input,
.step-4 .block-1 select { width:50%; }
.step-4 .block-1 span { margin-left:43%; font-size:80%; }

.step-4 .block-1 .expiry-date div { width:24%; float:left; }
.step-4 .block-1 .expiry-date div select { width:100%; }
.step-4 .block-1 .expiry-date div:last-of-type { margin-left:2%; }
.step-4 .block-1 .expiry-date div span { margin-left:5px; display:block; }

.step-4 .block-1 .field.ccv input { width:24%; }
.step-4 .block-1 .field.ccv span { margin-left:2%; }

#paymentInfo { clear:both; text-align:center; }
#paymentInfo span { display:block; margin:0 auto; width:50%; font-size:12px; color:green; border-radius:10px; background:#fff;padding:10px; text-align:center; }


/*** STEP 5 - Thank You ***/

.step-5 .content {  } 

/*** MY POLICY ***************************************************************************/

.opacity-02 { background:rgba(255,255,255,0.2) !important; border:0 !important; }
.opacity-02 .field label { color:#fff; }
.opacity-02 .field input { border-color:#fff; }

.small-form { margin:0 auto; padding:3%; }
.opacity-02 .small-form { border:1px dashed rgba(255,255,255,0.6); border-right:none; border-left:none; }

/*** My Policy Homepage ***/

.policy-edit-links { border-bottom:1px dashed rgba(0, 0, 0, 0.4); padding-bottom:20px; margin-bottom:20px; }
.policy-edit-links h5 { font-size:14px; font-size:1.4rem; margin-bottom:1em; }

.policy-edit-links .green  { margin-bottom:10px;
	background-image:linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); 
	background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); }

/*** Price Summary *** Used on multiple pages on My Policy ***/
h4.price-total { text-align:right; }
h4.price-total input { float:none; width:80px; height:auto; display:inline-block; background:none; font-family: 'VAG-regular', sans-serif; line-height:1.5em; margin:0; font-weight:400; color:#213a7f; font-size:20px; font-size:2.0rem; border:none; padding:0; vertical-align:bottom; position:relative; top:-1px;  }

/*** Cancel Policy ***/

.summary.cancel dt { width:40%; }
.summary.cancel dd { width:60%; font-weight:normal; }

/*** Add Covers ***/

.small-form h5 span { font-size:80%; }

/***FOOTER ***/

.footer, .push { font-family: 'VAG-regular',sans-serif; height:50px; clear:both; }

.copyright { clear:both; font-size:9px; font-size:0.9rem; text-align:center; padding:20px 0; }

.footer-content { font-family: 'VAG-regular',sans-serif; font-size:12px; font-size:1.2rem; color:#666; text-align:justify; padding:2em; box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.3); }
.footer-content h3 { font-size:18px; font-size:1.8rem; line-height:1.5em; color:#666; }
.footer-content li { font-family: 'VAG-regular',sans-serif; font-size:1.6rem; color:#666; text-align:justify; padding:0em; }
.footer-text { max-width:960px; margin:0 auto; text-align:center; }

/*** COOKIES ***/

.cookie { background:#000; border-left:medium none; bottom:0; font-size:14px; font-weight:bold; line-height:1; padding:5px 12px; position:fixed; right:0; z-index:1000; }

.cookie .infoLink { color:#FFFFFF; float:left; margin-top:1px; font-size:11px; }

.cookie .close { background:url(../images/tooltip_close_white.png) no-repeat scroll 0 0 transparent; float:left; margin-left:15px; text-indent:-9999em; width:14px; }

/**** PMI ****/
.pmi { display: inline-block; float: left; width: 33%; padding-right: 1%; font-size: 0.8em;}

/*** OVER RIDES ***/

.margin { margin:20px 0; }

.no-padding { padding-top:0; padding-bottom:0.5%; }


@media only screen and (max-width: 1023px) { /* 1px smaller than iPad Lanscape 1024px */	

.wrapper { padding:0 20px; }
.step-3 .button.edit-cover { display:none; }
.extras_domestic select {width: 110px;}
.banner div h1 { font-family: "VAGRoundedBT",sans-serif; !important; color:#fff; font-size:45px; line-height:1em; font-weight:normal; display:block; /* margin-bottom:0.5em;*/ }	
}


@media only screen and (max-width: 960px) {	
.contacts-mid {display: none;}	
.main-nav ul { line-height:28px; }
.main-nav li { font-size:80%; }
.main-nav li a { padding:0 4px; }

.step-1 .banner h1 { font-size:36px; font-size:3.6rem; }

.homepage-form form .margin-wrapper { /* margin-right:15%;  */}
.homepage-form .field label { width:43%; }
.homepage-form .field .input-wrapper { width:56%; padding-left:30px; }

.step-2 .banner h1,
.step-3 .banner h1,
.step-4 .banner h1,
.step-5 .banner h1 { font-size:30px; font-size:3rem; }

span.new-tip:before { height:20px; width:20px; border-radius:10px; line-height:20px; }

/** STEPS **/

.step-2 .cover h2,
.step-2 .extras h2,
.step-2 .price { font-size:22px; font-size:2.2rem; }

.good-buy { width:35px; height:65px; }

.extras.popular label { padding-right:3px; background:none; }

.benefits .cover,
.benefits .extras { font-size:80%; }

.copyright { color:#eee; }

.step-3 .button,
.step-4 .button { margin:20px auto; width:60%; }

.step-3 .login-box { display:none; }

.box-50 { width:70%; margin:30px auto; }
.extras_domestic select {width: 90px;}	
}

@media only screen and (max-width: 870px) {
.home_image_270 {right: 5%;}
}

@media only screen and (max-width: 780px) {	/* iPad Portrait 768px */

.marvyn { display:none; }

.step-3 .block-4 .left { width:48%; }
.step-3 .block-4 .right { width:48%; }

.step-3 .block-4 select { float:none; width:100%; }
.step-3 .block-4 label { width:100%; }	



}

@media only screen and (max-width: 748px) {	 /* 20px smaller than iPad Portrait */

#flag-mobile {display: block; margin-left: 0%; margin-top: -5%;}
#flag-desktop {display:none!important}

.adcopy {max-width: 100%;}

#img_compare {display:none;}

.adcopy-full {
  font-size: 1.8rem;
  color: #555;
  text-align: center;
  font-family: 'VAG-regular',sans-serif;
  line-height: 15px;
  margin-top: 5%;
  line-height: 1.3;

}

.home_image_270 {display:none;}
.marvin-header { display:none; } 
.logo { margin:10px auto; display:block; float:none; }

.glow { left:0; width:100%; }

.contacts { display:none; }

.top-nav ul.flags { position:relative; top:4px; margin-left:5px; }
.top-nav ul.flags li { line-height:normal; margin:0 3px 0 3px; }

.main-nav .mobile-menu { display:block; }

.main-nav ul.flags { top:auto; right:0; float:none; margin:10px 0; }
.main-nav ul.flags li { display:inline-block; }
.main-nav ul.flags li a { margin:0 5px; }

.main-nav ul { clear:both; display:none; font-size:15px; text-align:center; }
.main-nav .main-menu li { display:block; border-top:1px dotted #BCCEE2; line-height:3em; }
.main-nav ul li a { display:block; }

.sub-nav ul { margin-left:-10px; text-align:center; }

.step-1 .main-nav { margin-bottom:3%; }

.homepage-left { float:none; width:auto; }

.homepage-form form .margin-wrapper { /* margin-right:25%; */ }

.homepage-right { float:none; width:auto; }

.extra-box .mask { right:20%; }

.advert-right { clear:left; float:none; width:100%; }

/** STEPS **/

.step-2 .desktop { display:none; }
.step-2 .mobile { display:block; padding:0; }

.step-2 #reloadButton { display:inline-block; }

.step-2 .content { overflow:hidden; }

.step-2 .extras { display:none; }
.step-2 .cover { width:33%; border:none; }

.step-2 .covers-mobile { display:none; }

.step-2 .select-cover { float:none; width:100%; border-bottom:1px solid #999; position:relative;
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
}
.step-2 .select-cover { width:100%; padding:0.5em 0; }
.step-2 .select-cover:before, .step-2 .select-cover:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.step-2 .select-cover:after { clear: both; }  
.step-2 .select-cover  { zoom: 1; }

.step-2 .select-cover h2 { float:left; font-size:28px; font-size:2.8rem; line-height:1.25em; margin:0 0 0 5%; }
.step-2 .select-cover .price { position:absolute; left:40%; font-size:28px; font-size:2.8rem; line-height:1.25em; margin:0 0 0 5%; }
.step-2 .select-cover .button { float:right; width:auto; min-width:0; padding-left:1em; padding-right:1em; margin-right:1%; }
.good-buy { display:none; }

.step-2 .genericon-show { display:inline-block; }

.step-2 .benefits-mobile { display:none; background:#0052C4; font-size:12px; font-size:1.2rem; line-height:1.25em; color:#fff; }

.step-2 .benefits-mobile table { width:100%; }
.step-2 .benefits-mobile th { text-align:left; }
.step-2 .benefits-mobile th,
.step-2 .benefits-mobile td { padding:1px 3px 2px; border-bottom:1px solid #3374CF; }
.step-2 .benefits-mobile tr td:nth-of-type(1) { width:50%; }

.step-2 .benefits-mobile tr.table-headings { display:none; }


/*
.step-2 .benefits-mobile tr td:nth-of-type(2) { width:30%; }
.step-2 .benefits-mobile tr td:nth-of-type(3) { width:20%; }
*/

.step-2 .benefits-mobile .tips { display:none; }

.step-2 .benefits-mobile.Essential .col-2,
.step-2 .benefits-mobile.Essential .col-3,
.step-2 .benefits-mobile.Essential .col-4,
.step-2 .benefits-mobile.Premier .col-1,
.step-2 .benefits-mobile.Premier .col-3,
.step-2 .benefits-mobile.Premier .col-4,
.step-2 .benefits-mobile.PremierPlus .col-1,
.step-2 .benefits-mobile.PremierPlus .col-2,
.step-2 .benefits-mobile.PremierPlus .col-4,
.step-2 .benefits-mobile.Australia .col-1,
.step-2 .benefits-mobile.Australia .col-2,
.step-2 .benefits-mobile.Australia .col-3 { display:none }

/*
.step-2 .benefits-mobile .col-2,
.step-2 .benefits-mobile .col-3,
.step-2 .benefits-mobile .col-4 { display:none; }
*/
.step-2 .benefits-mobile span { float:left; text-align:left; }
.step-2 .benefits-mobile span:nth-of-type(1) { width:60%; }
.step-2 .benefits-mobile span:nth-of-type(2) { width:40%; }

.step-2 .add-cover { display:none; }
.step-2 .covers-mobile { width:100%; }

.step-2 .covers-mobile h2 { font-size:20px; font-size:2rem; line-height:2em; color:#fff; text-align:center; margin:0 0 1.5% 0; }
.step-2 .covers-mobile h2.text-black { color:#111; }

.step-2 .covers-mobile .field { width:70%; margin:0 auto 1%; border-bottom:1px dashed #ccc; padding-bottom:2%; }
.step-2 .covers-mobile .field label { width:60%; font-size:120%; }
.step-2 .covers-mobile .field select { margin-right:10%;  }

.step-2 .covers-mobile .button { display:block; width:70%; margin:3% auto; }

.step-2 .discount input.button { font-size:80%; padding:0 1em; width:auto; margin:0; float:right; }

.step-2 #GradeContainer div span { display:block; text-align:center; }

.step-2 .discount-applied { font-size:16px; text-align:center; }

.step-3 .block-1 .field-item-Y { width:30%; }
.step-3 .block-1 .field-item-Y { width:40%; }

.step-3 .block-1 .phi { clear:left; }

.step-3 .block-1 .field-item { width:32%; }

.step-3 .block-3 .left,
.step-3 .block-3 .right { width:100%; float:none; }
.step-3 .block-3 .field.left { padding-bottom:0; }
.step-3 .block-3 .field.right { padding-top:0; }

.step-3 .block-4 .left label,
.step-3 .block-4 .right label { display:block; width:100% !important; clear:both; }
.step-3 .block-4 .right select { float:left; }

.step-3 .field.terms label { float:right; width:93%; }

.step-4 h2 { text-align:center; }
.step-4 h2 span { display:block; float:none; margin-right:0; font-size:60%; }

.step-4 .block-1 .field { width:48%; margin:0 2% 0 0 !important; } 
.step-4 .block-1 .field label { display:block; width:100% !important; clear:both; }
.step-4 .block-1 .field input,
.step-4 .block-1 .field select { width:100%; }
.step-4 .block-1 .field.expiry-date div { width:49%; }
.step-4 .block-1 span { margin-left:0; }

.step-4 .block-1 .field.ccv input { width:49%; }

.step-5 .button { display:block; width:100%; margin:10px 0;  }

.box-50 { width:100%; margin:30px auto; }

}



@media screen and (min-width: 749px) and (max-width: 920px) { 
  
.adtitle {
  font-size: 1rem;
  color: #2d4281;
  color: #cc0066;
  text-align: center;
  font-family: 'VAG-regular',sans-serif;
  letter-spacing: 0.5px;
  font-weight: 600;
}  
  
  #img_compare {
  float: left;
  width: 30%;
  
}


}

@media only screen and (max-width: 600px) 
{
    /*.homepage-left {display:none;}*/
    .footer-content h2 {text-align:left;font-size:2rem;}
    .footer-content li {font-family: 'VAG-regular',sans-serif;font-size: 1.4rem;color: #666;text-align: left;padding: 0em;line-height: 1.5;}
    .org-tickbox {background-image: url("http://localhost:55881/App_Themes/Multitrip/css/../images/green_tickbox.png");background-repeat: no-repeat;width: 20px;height: 20px;padding-left: 30px;font-size: 1.6rem;}
    }

@media only screen and (max-width: 520px) {

#flag-mobile {display: block; margin-left: 0%; margin-top: -7%;}	
	
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
select { width:100% !important; height:2em; font-size:100% !important; color:#888; }
	
.logo { width:80%; max-width:271px; height:auto; display:block; margin:5% auto; }

.homepage-form form .margin-wrapper { /* margin-right:15%; */ }	
	
.step-2 .banner h1,
.step-3 .banner h1,
.step-4 .banner h1,
.step-5 .banner h1 { font-size:32px; font-size:3.2rem; line-height:1.25em; }

.step-3 .button,
.step-4 .button { width:90%; }

.step-2 .select-cover h2,
.step-2 .select-cover .price { font-size:22px; font-size:2.2rem; line-height:1.8em; margin:0 0 0 2% }

.step-2 .select-cover .button { font-size:16px; font-size:1.6rem; }

.step-2 .covers-mobile .field { width:92%; padding-bottom:3%; margin-bottom:2%; }
.step-2 .covers-mobile .field label { float:left; width:60% !important; font-size:115%; margin-left:2%; line-height:2em; }
.step-2 .covers-mobile .field select.yes-no { float:right; margin-right:5%; width:65px !important; height:32px !important; font-size:115% !important; color:#888; }
.step-2 .covers-mobile .field select.yes-no select { color:#888; font-size:100% !important; }

.step-2 .covers-mobile .field select.yes-no:before { width:32px; height:32px; font-size:17px; line-height:24px; }

.step-2 .covers-mobile #GradeContainer { margin:0 5%; width:90%; }

.step-2 .covers-mobile .button { width:95%; }

.step-3 .block-1 input[type="text"],
.step-3 .block-1 input[type="email"],
.step-3 .block-1 select,
.step-3 .block-1 select,
.step-3 .block-1 .field-item-Y { width:100% !important; max-width:100%; float:none; margin-bottom:0.5em; }
.step-3 .block-1 .field-item-N { width:100%; }

.step-3 .block-1 input.age { width:30px !important; }

.step-3 .block-1 label { float:none; display:inline; position:relative; top:-3px; }

.step-3 .field.terms label { float:right; width:90% !important; clear:none; }

.step-3 .left label,
.step-3 .right label { display:block; width:100% !important; clear:both; }

.step-3 .left input,
.step-3 .right input,
.step-3 .left select,
.step-3 .right select,
.step-3 .left select,
.step-3 .right select,
.step-3 #flat { width:100% !important; }

.step-3 .block-2 .left .postcode input { width:55% !important; }
.step-3 .block-2 .left .postcode input.button { width:40% !important; }

.step-3 ul#nav { margin-left:5px; }

.step-3 .block-2 .left:nth-of-type(2n) .field label { clear:both; display:block; width:100% !important; }

.step-3 .block-4 .left,
.step-3 .block-4 .right,
.step-3 .block-4 .field { float:none; width:100%; }

.summary > div { float:none; width:100%; border-left:none; }
.summary .gradient-green { border-bottom:1px solid #fff; border-right:none; }

		
}

@media only screen and (max-width: 481px) {	/* 1px larger than iPhone Landscape 480px */
#flag-mobile {display: block; margin-left: 0%; margin-top: -8%;}
.banner { display:none; }

.sub-nav { margin-bottom:3%; }

.homepage-left { margin-top:5%; }

/** All STEPS **/

.step-3 .page-left h2,
.step-4 .page-left h2,
.step-5 h2 { font-size:22px; font-size:2.2rem; font-weight:600; }

/** STEPS **/

.step-4 .block-2 label { width:70%; margin-right:5%; }

.cookieInfo {   height: 150px;width:420px;  padding:3px;}
		
}

@media only screen and (max-width: 479px) {	/* 1px smaller than iPhone Landscape 480px */

.top-nav li.mobile-hide { display:none; }
.top-nav ul.flags { top:2px; }

.top-nav li { font-size:115%; line-height:2em; }

.main-nav span.phone { font-size:16px; line-height:1.9em; float:left; margin-left:20px; }

.homepage-form form .margin-wrapper { margin-right:0; }
.homepage-left h2 { font-family: 'VAGRoundedBT'; font-size:22px; font-size:2.2rem; text-align:center; }
.homepage-left h2 span { white-space:nowrap; }

.homepage-form form label { width:100%; }
.homepage-form input[type="text"],
.homepage-form input[type="email"],
.homepage-form select { width:100% !important; }

.homepage-form .single-age div { float:none; margin-left:0; position:relative; top:5px; }

.homepage-form .single-age #bookingBoxAgesOne { margin:0 0 1.5em 0; width: 99%; }

.homepage-form form input.date { width:90% !important; }

.homepage-form .button.green { width:100%; }

.step-2 .benefits-mobile { font-size:11px; font-size:1.1rem; }

.step-2 .select-cover h2,
.step-2 .select-cover .price { font-size:18px; font-size:1.8rem; line-height:2em; margin:0 0 0 2% }
.step-2 .select-cover .price { left:37%; }

.step-3 h2 span { float:left; margin-right:4%; font-size:60%; white-space:normal; }

.step-3 .block-1 .field-item,
.step-3 .block-1 .field-item-,
.step-3 .block-1 .field-item-Y,
.step-3 .block-1 .field-item-N { float:none; width:100%; }
.step-3 .block-1 .field .salutation { width:100px !important; }
.step-3 .block-1 .field .age { width:100% !important; }
.step-3 .block-1 .field .age label,
.step-3 .block-1 .field .age input { display:inline; clear:none; width:100px !important; }
.step-3 .block-1 .field .age input { color:#333; }

.step-4 .block-1 .field { width:100%; margin:0; }
.pmi { display: inline-block; float: left; width: 100%; padding-right: 0%; font-size: 0.8em; margin-bottom: 15px;}
}

@media only screen and (max-width: 360px) {	/* 40px larger than iPhone Portrait 320px */

.wrapper { padding:0 10px; }

.main-nav .main-menu li a { padding:0 2px; }

.main-nav span.phone { font-size:14px; line-height:2.25em; }

.cookie { width:100%; }

/** FORMS **/

.field { padding:0.25em 0; }

label { display:block; width:100% !important; clear:both; }

select { color:#888; font-size:100% !important; }

select:before { width:32px; height:32px; font-size:17px; line-height:24px; }

.homepage-form .field .input-wrapper { width:100%; }

.button, .button-back { display:block; width:100%; margin-bottom:3%; padding-left:0; padding-right:0; }

/** STEPS **/

.homepage-form form .button { width:100%; }

.step-2 .select-cover h2,
.step-2 .select-cover .price { font-size:22px; font-size:2.2rem; line-height:1.25em; margin:0; width:50.5%; text-align:center; font-weight:600; }
.step-2 .select-cover .price { position:relative; float:left; left:auto; }
.step-2 .select-cover .button { float:right; margin:-1em 2% 0 0; font-size:16px; font-size:1.6rem; display:inline-block; width:auto; min-width:0; padding-left:1em; padding-right:1em; }

.step-2 .benefits-mobile tr td:nth-of-type(1) { width:65%; }
.step-2 .benefits-mobile tr td:nth-of-type(2) { width:35%; }
.step-2 .benefits-mobile .excess{ display:none; }

.step-2 .covers-mobile .field label { margin-left:2%; line-height:1.5em; }
.step-2 .covers-mobile .field select.yes-no { margin-right:2%; }

.step-2 input#QuoteInfor_PromortionCode { float:none; }
.step-2 .discount input.button { width:100%; float:none; margin:5% 0 1%;  }

.step-3 .mobile-hide { display:none; }

.step-3 .left, 
.step-3 .right { width:100% !important; float:none !important; margin:0 !important; }

.step-3 .block-1 label { font-size:115% !important; color:#888; }

.step-3 .block-2 .left .postcode input.button { height:32px; }



}

input[type="radio"] { position:relative; margin:0 5px; top:0; width:auto !important; }
input[type="checkbox"] { position:relative; margin:0 5px; width:auto !important; position:relative; top:-4px; }

.notValid { border-color:#ec942c !important; background-color:#faf4ed !important; }

.ui-dialog-titlebar {display:none}

.cookie-table { margin-bottom:15px; }
.cookie-table td { border:1px solid #ccc; padding:5px; width:30%; font-size:70%; line-height:1em; }





.textfieldCC { top: -3px !important; }


.Paypal-bg {
    background-color: rgba(30, 89, 157, 0.3);
    border-radius: 10px 10px 10px 10px;
    color: #333333 !important;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.haz-scroll {
    color: #000000;
    display: inline;
    float: right;
    font-size: 70% !important;
    font-weight: bold;
}

.one-half 
{
    width: 45%;
    float: left;
    }
    .handling_info
    {color: #213A7F;
     font-size: 0.7em;
     margin-bottom: 3em;
    }
    
 .info-small
 {
     font-size:10px;
 }
 
 .landing-textbox 
 {
     width:75%;
     
 }
 
 .landing-imagebox 
 {
     width:25%;
     float: right;
 }

 .landing-links
 {
     font-size: 1.2em;
     text-align: center;
     padding-left: 8px;
     padding-right: 8px;
     }
 a:hover.landing-links 
 {
    text-decoration: none;
    }
    
  a:link.landing-links 
 {
    text-decoration: none;
    }
    
    
      .domestic
 {
     width:54%;
 }
 
.org-tickbox {
background-image: url("../images/green_tickbox.png");
background-repeat: no-repeat;
width: 20px;
height: 20px;
padding-left: 30px;
}

.home_image_270 {
float: right;
position: absolute;
bottom: 165px;
right: 7%;
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
line-height: 1;
}
 
.adtitle {
font-size: 1.2em;
color: #2d4281;
text-align: center;
font-family: 'VAG-regular',sans-serif;
letter-spacing: 0.5px;
font-weight: 600;
}

.adcopy {
  font-size: 1.2rem;
  color: #555;
  text-align: center;
  font-family: 'VAG-regular',sans-serif;
  line-height: 15px;
  margin-top: 8%;
  padding-left: 0.3em;
  /* right: 50%; */
 max-width: 60%;
  float: right;
}

 #img_compare 
 {
     float: left;
     }
     
 
 #img_compare_awards 
 {
     float: left;
     max-width:140px;
     }
     
 
 th.col-4 span {
width:50%;
text-align:center;
} 
td.col-4 span {
width:50%;
text-align:center;
}       

@media only screen and (max-width: 748px) {	 /* 20px smaller than iPad Portrait */

.adcopy {max-width: 100%;}
}

/* Need to add space out Age and DOB fields */
.field-item.age 
{
    margin-right: 20px !important;
}