/* DEFAULTS
----------------------------------------------------------*/
body 
{
    background:#ffffff url(../images/main-bg.gif) repeat-x;
    font-size:  13px;
    font-family: 'Open Sans',sans-serif;
    padding: 0px;
    margin: 0px;
}

body.vodafone 
{
    background:#f4f4f4;
    font-size:  13px;
    font-family: 'Open Sans',sans-serif;
    padding: 0px;
    margin: 0px;
}



.content-container{
    border: 0;
    padding: 0;
    margin:0 auto;
    position:relative;
    z-index:2;
    }
    .content-container .main-container {
        padding: 0px 10px 0px 10px;
    }
    .content-container #upPanel{ width:100%; }
    
  .cookie {
    background: #000;
    border-left:medium none;
    bottom:0;
    font-size:1.1em;
    font-weight:bold;
    line-height:1;
    padding:5px 12px;
    position:fixed;
    right:0;
    z-index:1000;
}

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

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

 
 
 
 .homeQuickQuoteWrap .selectWrap, .tabsContent .selectWrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #3F6A8F;
    border-radius: 20px 20px 20px 20px;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    position: relative;
    font-weight: bold;
    color: #ffffff;
    z-index: 5;
    float: left;
    width: 270px;
    height: 245px;
    margin-left: 15px;
    }
.Quote-Quote 
{
    font-size: 27px;
    text-align: center;
    color: #9A9A9A;
    margin-top: 100px;
    
    }    
 form input.home {
    border: 1px solid #24B1DF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
    display: inline-block;
    height: 20px;
    margin: 5px 0 5px 15px;
    padding: 5px;
    position: relative;
    width: 228px;
    }
    
 form input.homeGrey {
    border: 1px solid #24B1DF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
    display: inline-block;
    height: 20px;
    margin: 5px 0 5px 15px;
    padding: 5px;
    position: relative;
    width: 228px;
    color: Gray;
    }

/*.tabsContent .quickQuotePriceWrap {
    background: url("../images/yourQuickQuote.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 41px;
    margin-top: 27px;
    width: 100%;
}
.quickQuoteWrap .quickQuotePriceWrap {
    display: none;
}
div.overSelectHome {
    background: url("../images/overSelectHome.jpg") no-repeat scroll right 0 transparent;
    display: inline;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding: 0 38px 0 7px;
    position: absolute;
    width: 229px;
}
.otherField {
    display: none;
}

.overSelectBlue_left {
    background: url("../images/select_left.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 43px;
    width: 11px;
}
.overSelectBlue_right 
{
    background: url("../images/select-blue.png") no-repeat scroll right center transparent;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    padding: 8px 0 0 0px;
    width: 260px;   
    height: 26px;
    text-indent: 15px;
    margin: 5px 0px;
}

.overSelectBlue_right select{
    background: url("../images/select-blue.png") no-repeat scroll right center transparent;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    padding: 8px 0 0 0px;
    width: 260px;   
    height: 26px;
    text-indent: 15px;
    margin: 5px 0px;
}

.overSelectBlue_right select option {
    background: url("../images/select-blue.png") no-repeat scroll right center transparent;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    padding: 8px 0 0 0px;
    width: 260px;   
    height: 26px;
    text-indent: 15px;
    margin: 5px 0px;
}

.width273 select {
    height: 35px !important;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 273px !important;
    z-index: 0;
}


}

.home-select 
{
    border: none !important;
    border-radius: 5px;
    display: inline-block;
    height: 25px;
    margin: 0px 0 5px 6px;
    padding: 5px;
    position: relative;
    width: 248px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
}
.width286 select {
    height: 48px !important;
    line-height: 43px;
    opacity: 0;
    position: absolute;
    top: 30px;
    left: 15px;
    width: 260px !important;
    z-index: 0;
    background: green;
    color: #ffffff;
    border: 0px !important;
}


.width286 select.make {
    height: 48px !important;
    left: 15px;
    line-height: 43px;
    opacity: 0;
    position: absolute;
    top: 83px;
    width: 263px !important;
    z-index: 0;
}

.width286 select.model {
    height: 48px !important;
    left: 15px;
    line-height: 43px;
    opacity: 0;
    position: absolute;
    top: 127px;
    width: 263px !important;
    z-index: 0;
}

.width286 select.value {
    height: 48px !important;
    left: 15px;
    line-height: 43px;
    opacity: 0;
    position: absolute;
    top: 170px;
    width: 263px !important;
    z-index: 0;
}

.width286:after {
    clear: both;
}
.width273 .overSelectGray_right {
    width: 262px;
}

  
/******************* HEADER LOGO & MENU *********************/

div#title {
    display: block;
    float: left;
    text-align: left;
}

/** Page Container */
.main-container{
    padding: 0 10px;
    margin: 10px 0;
    }
.error-container{
    margin: 10px 0;
    }

.action-container{
    margin-top: 10px;
    clear:both;
    }

a.terms:link {
    color:  #003366 !important;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

a.terms:visited {
    color: #003366;
}

a.terms:hover {
    text-decoration: underline;
}

a.terms:active {
    color: #003366;
}

a:link {
    color: #10A1D0;
    font-weight: bold;
}

a:visited {
    color: #10A1D0;
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: #10A1D0;
}

p.bold 
{
    font-weight: bold;
    }
p
{
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px !important;
    line-height: 1.3em;
}

p.content-summary 
{
    margin-left: 5px;
    margin-bottom: 20px;
    line-height: 1.8em;
    }
p.content-indent 
{
    margin-left: 5px;
    line-height: 1.8em;
    }

p.content-indent-terms 
{
    margin-left: 5px;
    line-height: 1.8em;
    font-size: 12px;
    }

p.gadget-list
{
    font-size: 13px;
    margin: 0px;
}

p.gadget-list-value
{
    font-size: 13px;
    margin: 0 !important;
    padding: 3px 0;
}

.text-small
{
    color: #002D56;
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px;
    }

ul 
{
    margin: 10px 0px 20px;
    padding: 0px;
}

ul.col-1 
{
    float: left;
    margin: 5px 0 10px 25px;
    padding: 0px;
}

ul.col-2 
{
    float: left;
    margin: 5px 0 0 55px;
    padding: 0px;
}
li 
{
    margin: 0px 0px 0px 5px;
    list-style-image:none;
}
li.home 
{
    list-style-image:url(../images/green-tick.png);
    font-size: 14px;
}

#List p.Question {
    color: #3856AF;
    font-size: 15px;
    font-weight: 600;
    display: inline;
    cursor: pointer;
}

#List p.Answer {
    display: none;
    margin-top: 10px;
}

.location {
    float: left;
    margin-right: 25px;
    width: 70%;
}


.map {
    height: 340px;
    margin: 21px 0px;
    width: 100%;
}

/* HOME - MASTER
----------------------------------------------------------*/

.page-wrap 
{
   background:url(../images/main-bg-img.png) no-repeat;
   margin: 0 auto;
   width: 1000px;
 }

.page-wrap-vod
{
   background:url(../images/main-bg-img-vod.png) no-repeat;
   margin: 0 auto;
   width: 1000px;
 }
 
 #extra-links 
 {
     float: right;
     display: inline;
     }
 
 .phone 
 {
     color: #003366;
     font-size: 25px;
     font-weight: bold;
     display: inline-block;
     margin-right: 10px;
     vertical-align: middle;
     }
 .social-icons 
 {
     display: inline-block;
     vertical-align: middle;
     }
 .home-icon
 {
     background:url(../images/home-icon.png) 0 0;
     width: 20px;
     height: 17px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     }
 .home-icon:hover
 {
     background:url(../images/home-icon.png) 0 -17px;
     width: 20px;
     border: 0px;
     }
 .facebook
 {
     background:url(../images/facebook.png) 0 0;
     width: 38px;
     height: 32px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     
     }
 
.facebook:hover
 {
     background:url(../images/facebook.png) 0 -32px;
     width: 38px;
     border: 0px;
     }
  .twitter
 {
     background:url(../images/twitter.png) 0 0;
     width: 38px;
     height: 32px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     }
 
.twitter:hover
 {
     background:url(../images/twitter.png) 0 -32px;
     width: 38px;
     border: 0px;
     }
  .email
 {
     background:url(../images/email.png) 0 0;
     width: 38px;
     height: 32px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     }
 
.email:hover
 {
     background:url(../images/email.png) 0 -32px;
     width: 38px;
     border: 0px;
     }
     
  .home-icon-voda
 {
     background:url(../images/home-icon-voda.png) 0 0;
     width: 20px;
     height: 17px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     }
 .home-icon-voda:hover
 {
     background:url(../images/home-icon-voda.png) 0 -17px;
     width: 20px;
     border: 0px;
     }
 .facebook-voda
 {
     background:url(../images/facebook-voda.png) 0 0;
     width: 38px;
     height: 32px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     
     }
 
.facebook-voda:hover
 {
     background:url(../images/facebook-voda.png) 0 -32px;
     width: 38px;
     border: 0px;
     }
  .twitter-voda
 {
     background:url(../images/twitter-voda.png) 0 0;
     width: 38px;
     height: 32px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     }
 
.twitter-voda:hover
 {
     background:url(../images/twitter-voda.png) 0 -32px;
     width: 38px;
     border: 0px;
     }
  .email-voda
 {
     background:url(../images/email-voda.png) 0 0;
     width: 38px;
     height: 32px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     }
 
.email-voda:hover
 {
     background:url(../images/email-voda.png) 0 -32px;
     width: 38px;
     border: 0px;
     }
     
     
 .flags 
 {
     display: inline-block;
     margin-left: 10px;
     vertical-align: middle;
     }
 
 .irl-flag
 {
     background:url(../images/ireland-flag.gif) 0 0;
     width: 26px;
     height: 19px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     }
 
.irl-flag:hover
 {
     background:url(../images/ireland-flag.gif) 0 -19px;
     width: 26px;
     border: 0px;
     }   
 .uk-flag
 {
     background:url(../images/uk-flag.gif) 0 0;
     width: 26px;
     height: 19px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     }
 
.uk-flag:hover
 {
     background:url(../images/uk-flag.gif) 0 -19px;
     width: 26px;
     border: 0px;
     }
 .us-flag
 {
     background:url(../images/us-flag.png) 0 0;
     width: 26px;
     height: 19px;
     border: 0px;
     display: inline-block;
     cursor:pointer;
     }
 
.us-flag:hover
 {
     background:url(../images/us-flag.png) 0 -19px;
     width: 26px;
     border: 0px;
     }
     
 #main-price 
 {
     color: #ffffff;
     font-size: 20px;
     float: right;
     margin-bottom: 20px;
     font-weight: bold;
     }
 #main-price-vod
 { 
 color: #FFFFFF;
    float: right;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
    height: 200px;
    }
 .buy-online
 {
     color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    display: inline-block;
     }
  .compliance
 {
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
     }
 .buy-online-voda
 {
     color: #000000;
    font-size: 45px;
    font-weight: bold;
    line-height: 50px;
         }
  .compliance-voda
 {
    color: #999;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    margin-bottom: 60px;
    line-height: 15px;
    text-align: center;
     }
 .home-area-left 
 {
     display: inline-block;
     background:url(../images/quote-area.png) no-repeat;
     height: 352px;
     width: 58%;
     margin-bottom: 15px;
     }
 .home-area-left_Coming_Soon 
 {
     display: inline-block;
     height: 352px;
     width: 58%;
     margin-bottom: 15px;
     }
  .quote-area
  {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #3F6A8F;
    border-radius: 20px 20px 20px 20px;
    display: inline-block;
    height: 230px;
    margin-left: 15px;
    padding: 10px;
    vertical-align: top;
    width: 275px;
    position: relative;
    }
 
 .quote-reveal 
 {
    width: 180px;
    float: left;
    margin-left: -15px;
    margin-top: 15px;
    z-index: 888;
     }
   .quote-reveal-inner 
   {
    background: none repeat scroll 0 0 #A9EEFD;
    border: 3px solid #3F6A8F;
    border-radius: 20px 20px 20px 20px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    top: -155px;
    } 

.object {
    position: absolute;
}
.flip 
{
    top: 60px;
    left: 150px;
    position: relative;
    z-index: 999;
} 
#axis:hover .move-right{
    transform: translate(350px,0);
    -webkit-transform: translate(350px,0); /** Chrome & Safari **/
    -o-transform: translate(350px,0); /** Opera **/
    -moz-transform: translate(350px,0); /** Firefox **/
}
/*.object {
    position: absolute;
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 2s ease-in-out; /** Firefox **/
    -o-transition: all 2s ease-in-out; /** Opera **/
}*/
    .quote-reveal-flip 
    {
    background: url(../images/price-flip.png) no-repeat;
    z-index: 999;
        }
  .quote-title
  {
      color:#333333;
      font-size: 15px;
      font-weight: bold;
      }
  .quote-or
  {
      display: block;
      color:#333333;
      font-size: 15px;
      font-weight: bold;
      margin: 5px 0;
      }  
 .quote-price
  {
      color:#002d56;
      font-size: 30px;
      font-weight: bold;
      margin: 0;
      padding: 0;
      letter-spacing: -1px;
      }
      .quote-Year
  {
      /*color:#002d56;
      font-size: 30px;
      font-weight: bold;
      margin: 0;
      padding: 0;
      letter-spacing: -1px;
      */
      }
      .quote-Month
  {
      /*color:#002d56;
      font-size: 30px;
      font-weight: bold;
      margin: 0;
      padding: 0;
      letter-spacing: -1px;
        */
      }
 .quote-type
  {
      color:#002d56;
      font-size: 18px;
      font-weight: bold;
      margin: 0;
      padding: 0;
      letter-spacing: -1px;
      line-height: 18px;
      }
      
  span.quote-title 
  {
      display: block;
      margin-bottom: 15px;
      }
      
 #home-right-container 
 {
     float: right;
     width: 41%;
     }
 
 .home-area-right
 {
background:#FFF;
-webkit-box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(199,198,198,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* W3C */
    padding: 0.6em;
    vertical-align: top;
    -moz-border-radius: 20px; /* Firefox */  
    -webkit-border-radius: 20px; /* Safari, Chrome */  
    border-radius: 20px; /* CSS3 */ 
    display: block;
	float:left;
    width: 95%;
     }
     
 .home-area-right-vod
 {
background:#FFF;
-webkit-box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(199,198,198,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* W3C */
    padding: 0.6em;
    vertical-align: top;
    display: block;
	float:left;
    width: 95%;
     }
 
 .home-area-right-sml 
 {
-webkit-box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
/*box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);*/
background: #4cd5f3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjZDVmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjhmYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4cd5f3 0%, #268fb2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cd5f3), color-stop(100%,#268fb2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4cd5f3 0%,#268fb2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4cd5f3 0%,#268fb2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4cd5f3 0%,#268fb2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4cd5f3 0%,#268fb2 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cd5f3', endColorstr='#268fb2',GradientType=0 );  IE6-8 */
color: #ffffff;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    -moz-border-radius: 20px; /* Firefox */  
    -webkit-border-radius: 20px; /* Safari, Chrome */  
    border-radius: 20px; /* CSS3 */  
    margin-top: 15px;
    margin-right: 5px;
     }
     
  .home-area-right-sml-vod
 {
-webkit-box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
/*box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);*/
background: #e31a22;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzMWEyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTA3MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e31a22 0%, #9a070d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e31a22), color-stop(100%,#9a070d));
background: -webkit-linear-gradient(top, #e31a22 0%,#9a070d 100%);
background: -o-linear-gradient(top, #e31a22 0%,#9a070d 100%);
background: -ms-linear-gradient(top, #e31a22 0%,#9a070d 100%);
background: linear-gradient(to bottom, #e31a22 0%,#9a070d 100%);
color: #ffffff;
    display: inline-block;
    padding: 10px;
    vertical-align: top; 
    margin-top: 15px;
    margin-right: 5px;
     }
     
  .trustpilot 
  {
     display: inline-block;
     margin-top: 13px;
     float: right;
     }
 /*  SECTIONS  ============================================================================= */

#section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID OF TWO   ============================================================================= */
.outline-box 
{
    border: 1px solid #002D56;
    background: #eeeeee;
    margin: 10px 5px; }
    
 .contfirmation 
{
    width: 70% !important; 
    }
.content-pages 
{
    width: 100% !important; 
    }
 
  .confirmation
 {
     background:#FFF;
-webkit-box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(199,198,198,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* W3C */
    -moz-border-radius: 20px; /* Firefox */  
    -webkit-border-radius: 20px; /* Safari, Chrome */  
    border-radius: 20px; /* CSS3 */ 
   display: block;
    margin: 0 auto;
    padding: 10px;
    vertical-align: top;
    width: 70%;
     }  
  #booking-area-right, .booking-area-right, .content-pages
 {
     background:#FFF;
-webkit-box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(199,198,198,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* W3C */
    padding: 10px;
    vertical-align: top;
    -moz-border-radius: 20px; /* Firefox */  
    -webkit-border-radius: 20px; /* Safari, Chrome */  
    border-radius: 20px; /* CSS3 */ 
    margin-bottom: 10px;
    width: 24%;
    margin-left: 1%; 
    display: block;
	float:left;
     }
 
#booking-area-left, .booking-area-left
 {
     background:#FFF;
-webkit-box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
box-shadow:  0px 1px 0px 1px rgba(255, 255, 255, 0.5);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(199,198,198,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%, rgba(199,198,198,1) 100%); /* W3C */

    padding: 0.6em;
    vertical-align: top;
    -moz-border-radius: 20px; /* Firefox */  
    -webkit-border-radius: 20px; /* Safari, Chrome */  
    border-radius: 20px; /* CSS3 */ 
    width: 71%;
    display: block;
	float:left;
     }
     
 .tooltip-image
 {
     background: url(../images/info.gif) no-repeat 0px 6px;
      } 
 .tooltip-image-loss
 {
     background: url(../images/info.gif) no-repeat 0px 3px;
      }
 .tooltip-image-loss-1
 {
     background: url(../images/info.gif) no-repeat 0px 0px;
      }
 .indent 
 {
     margin-left: 10px;}
 .tooltip
 {
     background:#EEEEEE;
     border: 1px solid #27B4E2;
     border-radius: 10px;
      }    
 .policy-item 
 {
     width: 60%;
     text-align: left;
     font-size: 13px;
     display: inline-block;
     color: #333333;
     font-weight: bold;
     line-height: 25px;
     }
 .policy-item-total 
 {
     width: 59%;
     text-align: left;
     font-size: 14px;
     display: inline-block;
     color: #3856AF;
     font-weight: bold;
     line-height: 25px;
     }
   .policy-item-link 
 {
     width: 100%;
     text-align: left;
     font-size: 13px;
     display: inline-block;
     color: #333333;
     font-weight: bold;
     line-height: 25px;
     }  
   .policy-item-extra
   {
     width: 100%;
     text-align: left;
     font-size: 12px;
     display: inline-block;
     color: #333333;
     font-weight: bold;
     }
 .policy-result 
 {
     width: 40%;
     text-align: left;
     font-size: 13px;
     display: inline-block;
     line-height: 30px;
     }
.policy-result-extra
 {
     width: 40%;
     text-align: left;
     font-size: 13px;
     display: inline-block;
     }
     
 .price-flip 
 {
     background: url(../images/price-flip.png) right no-repeat;
     margin-bottom: 10px;
     }
     
 .flip-prices
 {
     width: 110px;
     text-align: center;
     }
 table.info td.heading {
    font-weight:bold;
    text-align:center;
    width:30%;}
table.info td {    border-bottom:1px solid #8A8C90;
    border-right:1px solid #8A8C90;
    padding:3px;
    text-align:left;
    vertical-align:middle; }

table.info th {
    background-color:#000000;
    border-right:1px solid #8A8C90;
    color:#FFFFFF;
    font-weight:normal;
    padding:3px;
    text-align:center;}
/* BOXES MASTER
----------------------------------------------------------*/

.box, .box2 { 
  background:#f7f7f7; 
  position:relative; 
	padding:10px 15px;
	border:7px solid #dcdcdc; 
	color:#333;
 	margin-bottom:10px;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
	box-shadow:inset 0px 3px 3px #aaa, #bbb 0px 5px 3px; -moz-box-shadow:inset 0px 3px 3px #aaa, #bbb 0px 5px 3px; -webkit-box-shadow:inset 0px 3px 3px #aaa, #bbb 0px 5px 3px;
  /*
  -webkit-box-shadow: #bbb 0px 5px 3px;
	-moz-box-shadow: #bbb 0px 5px 3px;
	box-shadow: #bbb 0px 5px 3px;
  */
}

.box2 { background:#fcfcfc; border-color:#ebebeb; }

.no-drop { box-shadow:inset 0px 3px 3px #aaa; -moz-box-shadow:inset 0px 3px 3px #aaa; -webkit-box-shadow:inset 0px 3px 3px #aaa; }

.col-50 { float:left; width:431px; margin-right:20px; }
.col-66 { float:left; width:591px; margin-right:20px; }
.col-33 { float:left; width:271px; margin-right:20px; }
.col-3 { float:left; width:240px; margin-right:20px; }

      
    th 
    {
        text-align: left;
        padding: 0px 5px;
        border-left: 1px solid #d6d6d6;
        }

 th:last 
    {
        text-align: left;
        padding: 0px 5px;
        }
        
.gadget-list-number  
{
   width: 0px;
   font-weight: normal;
   color: #333333;
    margin: 0;
    vertical-align: middle;
    padding: 0px 5px;
    border-left: 1px solid #d6d6d6;
    font-size: 10px;
   }

.gadget-list-Value  
{
   width: 70px;
   font-weight: normal;
   color: #333333;
    margin: 0;
    vertical-align: middle;
    padding: 0px 5px;
    border-left: 1px solid #d6d6d6;
    
   }
.gadget-list-NetY  
{
   width: 60px;
   font-weight: normal;
   color: #333333;
   margin: 0;
    vertical-align: middle;
    padding: 0px 5px;
    border-left: 1px solid #d6d6d6;
   }
 .gadget-list-NetM 
{
    width: 60px;
    font-weight: normal;
    color: #333333;
    margin: 0;
    vertical-align: middle;
    padding: 0px 5px;
    border-left: 1px solid #d6d6d6;
   }
 .gadget-list-discount 
{
    font-weight: normal;
    color: #333333;
    margin: 0;
    vertical-align: middle;
    padding: 0px 5px;
    border-left: 1px solid #d6d6d6;
   }
.gadget-list-Model
{
    width: 80px;
    font-weight: normal;
    color: #333333;
    margin: 0;
    vertical-align: middle;
    padding: 0px 5px;
    border-left: 1px solid #d6d6d6;
   }

.gadget-list-Make
{
    width: 80px;
    font-weight: normal;
    color: #333333;
    margin: 0;
    vertical-align: middle;
    padding: 0px 5px;
    border-left: 1px solid #d6d6d6;
   }

.gadget-list-Type
{
    color: #333333;
    font-weight: normal;
    line-height: 15px;
    margin: 0;
    vertical-align: middle;
    width: 150px;
    padding: 0px 5px;
    border-left: 1px solid #d6d6d6;
   }

 .gadget-list-Type td
{
   height: 20px !important;
   }

.gadget-list-items
{
   font-weight: bold;
   margin-left: 3px;
   color: #24B1DF;
   text-transform: capitalize;
   }

/* FORM   
----------------------------------------------------------*/






.booking {border: none; background:#ededed; }
.number-blue span { font-weight:bold; font-size:16px; line-height:1em; position:relative;  display:block; padding:5px 0px; color: #1499d7; text-align:center;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.number span { font-weight:bold; font-size:16px; line-height:1em; border:1px solid #bbb; position:relative;  background:#fff; display:block; padding:5px 10px; width:10px; text-align:center;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
select.gadget-type  { width:152px; }
input.make  { width:120px; }
input.model  { width:120px; }
input.value  { width:50px; }
input.idnum  { width:155px; }
select.date { width:60px; }
select.month  { width:60px; }
input.year  { width:50px; vertical-align: top; position: relative; top: -2px; }

img {border: none !important; }

form input  
{
    padding:5px;
    display: inline-block;
    position:relative;
    border: 1px solid #bbb;
	}
form input.loss  
{
    padding:5px;
    display: inline-block;
    position:relative;
    border: 1px solid #bbb;
    top: 2px;
    margin-right:18px;
	}
form label.loss {
    display: inline-block;
    margin-left: 18px;
    padding: 3px 0 3px 3px;
    font-size: 13px;
}
 .loss-cover 
    {
       font-size: 13px;
    }
    
form input img
{
    border: none!important;
    }
 .styled-select 
   {

   width: 240px;
   height: 34px;
   overflow: hidden;
   margin-left: 15px;
   margin-top: 10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   box-shadow: inset 0 -8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
   display: inline-block;
   z-index: 999;
   background:#23B0DF;
   }

select.test 
{
    color: Blue !important;
    }
    .styled-select select 
    {
   color: #ffffff;
   width: 266px;
   padding: 5px 5px 0px 5px;
   font-size: 16px;
   border: 0;
   border-radius: 0;
    background: url(./images/arrow-down.png) no-repeat right ;
   background-repeat: no-repeat;
   background-position: 200px center; 
   -webkit-appearance: none;
   }
   
   .styled-select select option {
   padding: 5px 0px 5px 5px;
   -webkit-appearance: none;
   color: #ffffff;
   }
   
form select 
{
    padding:4px 5px 4px 0px;
    border:1px solid #bbb;
    position:relative;
    width: 170px;
    vertical-align: top;
    height: 30px;

	}
form select option  
{
    border: medium none;
    bottom: 2px;
    text-transform: capitalize;
    padding:3px 3px 3px 0px;
    position:relative;
    vertical-align: top;
    height: 20px;
    background: white;
    font-size: 12px;
	}
form select.marketing {
    padding:4px 5px 4px 0px;
    background:#fff;
    position:relative;
    width: 215px;
	}
form select.county {
    padding:4px 5px 4px 0px;
    background:#fff;
    position:relative;
    width: 210px;
	}
form select.title {
    padding:4px 5px 4px 0px;
    background:#fff;
    position:relative;
    width: 70px;
	}
	
form select.date {
    padding:4px 5px 4px 0px;
    background:#fff;
    position:relative;
    width: 65px;
	}
form select.month {
    padding:4px 5px 4px 0px;
    background:#fff;
    position:relative;
    width: 71px;
	}

input.remove, remove 
{
    background: url("../images/remove-gadget.png") no-repeat scroll 0 0px transparent;
    border: 0px;
    height: 13px;
    width: 51px;
    }

input.remove:hover, remove 
{
    background: url("../images/remove-gadget.png") 0 -14px;
    border: 0px;
    width: 51px;
    }
    


form textarea  { padding:5px 5px; background:#fff; border:1px solid #bbb; width:200px; height:60px; margin-bottom:15px; position:relative; resize:none; font:12px Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

form label { padding:3px 0 3px 3px;  display:inline-block; font-size: 13px; }



/* Form Elements Classes */
.radio { width:14px; padding:0; border:none !important; position:relative; top:0px; background:none; }
.checkbox  
{
    background: none repeat scroll 0 0 transparent;
    border: medium none !important;
    left: 5px;
    padding: 0;
    position: relative;
    top: 17px;
    border: 0px !important!;
     }

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    color: #ffffff;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h1 span
{
    font-size:45px ;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

span.h1-a
{
    font-size:45px ;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: block;
}

h2, .h2
{
    padding-bottom:5px;
    margin:15px 0px 10px 0px;
    color:#ffffff;
    font-size: 1.7em;
    font-weight: bold;
    text-align:center;
}

h3, .h3
{
    color: #002D56;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 7px;
    padding-top: 5px;
}

h4,  .h4
{
    color: #002D56;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0px;
    }

.h4-vodafone-red
{
    color: #fe0103;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0px;
    }
.h4-vodafone-black
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0px;
    }
    
.vodafone-img 
{
    float: right;
    position: relative;
    right: -450px;
    top: 70px;
    }  

.promo-graphic {
      background: url("../images/discount-applied.png") no-repeat scroll right top transparent;
    float: right;
    height: 66px;
    margin-right: 6px;
    position: relative;
    width: 86px;
    z-index: 10;
}


.h4-title
{
    color: #fffff;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0px;
    }
    
h5
{
    color: #002D56;
    font-size: 17px;
    font-weight: bold;
    margin-left: 5px;
    display: inline;
}

span.h5-title
{
    color: #002D56;
    font-size: 17px;
    font-weight: bold;
    margin-left: 5px;
    display: inline;
    margin-bottom: 10px;
}
.get-title
{
    color: #002D56;
    font-weight: bolder;
     margin: 10px 0 10px -5px;
    text-align: center;
    }
span.h5
{
    color: #333333;
    font-size: 25px;
    font-weight: bold;
    display: inline;
}

.payment-select-area-left 
{
    background: none repeat scroll 0 0 #EEEEEE;
    border-right: 1px solid #DEDEDE;
    display: inline-block;
    float: left;
    border-radius: 10px 0 0 10px;
    margin: 10px 0 20px;
    padding: 10px;
    width: 47%;
    }
.payment-select-area-right 
{
    background: none repeat scroll 0 0 #EEEEEE;
    border-right: none;
    display: inline-block;
    float: left;
    border-radius: 0px 10px 10px 0px;
    margin: 10px 0 20px;
    padding: 10px;
    width: 47%;
    }
    
    
.price-payment-currency
{
    color: #333333;
    font-size: 25px;
    font-weight: bold;
    display: inline;
}
.price-payment-month
{
    color: #333333;
    font-size: 25px;
    font-weight: bold;
    display: inline;
}

.price-payment-year
{
    color: #333333;
    font-size: 25px;
    font-weight: bold;
    display: inline;
}

h6
{
    color: #002D56;
    font-size: 13px;
    font-weight: bold;
    display: inline;
    position: relative;
    top: 18px;
}

span.h6 {
    color: #3856AF;
    font-size: 22px;
    font-weight: bold;
    display: inline;
    }


/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* BUTTON MASTER
----------------------------------------------------------*/
input.button-green {
border-style: none;
    border-color: inherit;
    border-width: 0px;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px 40px 5px 15px;
    text-decoration: none;
    margin-top: 10px;
    color: #ffffff;
    line-height: 24px;
    font-size: 20px;
    font-weight: bold;
    display: inline;
    background: url(../images/button-green-arrow.png), #6bae40;
    box-shadow: inset 0 -8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
 background-repeat: no-repeat;
    background-position: right 50%;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
    }

.button-green:hover {
color: #ffffff;
    display: inline;
    background: url(../images/button-green-arrow.png), #57a42f;
    box-shadow: inset 0 -8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
    background-repeat: no-repeat;
    background-position: right 50%;
}

.button-green:active {
text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
    background: url(../images/button-green-arrow.png), #57a42f;
    box-shadow: inset 0 -8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
    background-repeat: no-repeat;
    background-position: right 50%;
}


.button-light-blue {
border-style: none;
    border-color: inherit;
    border-width: 0px;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px 15px 5px 40px;
    text-decoration: none;
    margin-top: 10px;
    color: #ffffff;
    line-height: 24px;
    font-size: 20px;
    font-weight: bold;
    display: inline;
    background: url(../images/button-light-blue-arrow.png), #24b1df;
    box-shadow: inset 0 -8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
 background-repeat: no-repeat;
    background-position: left 50%;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
    }

.button-light-blue:hover {
color: #ffffff;
    display: inline;
    background: url(../images/button-light-blue-arrow.png), #10a1d0;
    box-shadow: inset 0 -8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
    background-repeat: no-repeat;
    background-position: left 50%;
}

.button-light-blue:active {
    text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
    background: url(../images/button-light-blue-arrow.png), #10a1d0;
    box-shadow: inset 0 -8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
    background-repeat: no-repeat;
    background-position: left 50%;
}


.button-blue 
{
 background: #3856af;
 padding: 5px 10px;
 color: #ffffff !important;
 border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
 }
 
 .button-blue:hover
{
 background: #3a5fcc;
 padding: 5px 10px;
 color: #ffffff;
 border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-decoration: none;
    }
 
 .button-summary 
{
 background: #81BE41;
 padding: 5px 10px;
 color: #ffffff !important;
 border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
 }
 
 .button-summary:hover
{
 background: #57a42f;
 padding: 5px 10px;
 color: #ffffff;
 border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-decoration: none;
    }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

.header {
    float: right;
}

.logo 
{
    display: inline-block;
    width: 30%;
    }
    
    
.header h1, #header h1 {
    font-weight: bold;
    line-height: 60px;
    margin: 0 0 10px;
    color: #fff;
    font-size: 55px;
    text-align: right;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    color: #333333;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 20px;
}
/* TAB MENU   
----------------------------------------------------------*/
#menu 
{
    font-size: 14px;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

#menu li {
    display: inline;
    list-style: none;
    padding-right: 13px;
    font-weight: normal;
    text-decoration: none !important;
}

#menu li.last {padding-right: 0px;}

#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

#menu li a 
{
    color: #ffffff !important;
    font-weight: normal;
    text-decoration: none;
}

#menu li a:hover {
    color: #003366 !important;
    text-decoration: none;
}

#menu li a:active {
    background-color: #3856B8;
    text-decoration: none;
}

#menu li.selected a {
    background-color: #3856B8;
    text-decoration: none;
}

/* TAB MENU VODAFONE  
----------------------------------------------------------*/
#menu-voda 
{
    font-size: 14px;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

#menu-voda li {
    display: inline;
    list-style: none;
    padding-right: 13px;
    font-weight: normal;
    text-decoration: none !important;
}

#menu-voda li.last {padding-right: 0px;}

#menu-voda li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #003366;
}

#menu-voda li a 
{
    color: #003366 !important;
    font-weight: normal;
    text-decoration: none;
}

#menu-voda li a:hover {
    color: #003366 !important;
    text-decoration: underline;
}

#menu-voda li a:active {
    background-color: #3856B8;
    text-decoration: none;
}

#menu-voda li.selected a {
    background-color: #3856B8;
    text-decoration: none;
}

#footer-menu 
{
    font-size: 11px;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: center;
    height: 40px;
}

#footer-menu ul
{
    margin-bottom: 0px;
}

#footer-menu  li {
    display: inline;
    list-style: none;
    padding-right: 18px;
    font-weight: normal;
    text-decoration: none !important;
}

#footer-menu  li.last {padding-right: 0px;}

#footer-menu  li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #333333;
}

#footer-menu li a 
{
    color: #333333 !important;
    font-weight: 600;
    text-decoration: underline;
}

#footer-menu  li a:hover {
    color: #25B2E0 !important;
    text-decoration: none;
}

#footer-menu  li a:active {
    background-color: #25B2E0;
    text-decoration: none;
}

#footer-menu  li.selected a {
    background-color: #25B2E0;
    text-decoration: none;
}

#pup li 
{
    list-style-type: disc;
    margin-left: 20px;
    margin-right: 10px;
    line-height: 18px;}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    padding: 1em;
    margin: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 3px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    color: #27B4E2;
}

/*input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}*/

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    text-align: left;
}

nav, 
#menucontainer {
    display: inline-block;
    color: #ffffff;
}

#left-menucontainer {
    margin-top: 40px;
    float: left;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 0.9em;
    display: block;
    text-align: right;
    margin: 10px 0px;
    color: #ffffff;
    font-weight: bold;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

.failureNotification
{
    font-size: 1em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
}

.error-container{
     margin: 10px 0; 
    clear:both;
    padding:5px;
	margin-bottom:2px;
	border:1px solid #F1B7B7;
	background-color:#FAE5E5;
	color:#CC0000;
	display: block;
	border-radius: 5px;
    }
    .error-container span.error {
	    padding:5px;
	    margin-bottom:2px;
	    border:1px solid #F1B7B7;
	    background-color:#FAE5E5;
	    color:#CC0000;
	    position: relative;
	    top: 12px;
        }
    .error-container div.error ul {
	    margin:0px;
    	padding:0px;
	    list-style:none;
	    padding:5px;
    	margin-bottom:2px;
	    border:1px solid #F1B7B7;
	    background-color:#FAE5E5;
	    color:#CC0000;
        }
        .error-container div.error ul li {
	        padding-bottom:2px;
            }

.error
{
    font-size: 8pt;
	color: red;
}


.action-container .buttonText, 
.action-container .buttontext{
    background: #e3e3e3 url('../Images/button_bg.png') repeat-x top left;
    border: 1px solid #86A5BA;
    color: #252525;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    margin: 0 5px 0 0;
    padding-left: 10px;
    padding-right: 10px;
	cursor:pointer;
	*width:auto;
	*overflow:visible;
    text-align:center;
}

.form-content-container
{
    padding:0;
}

ui-helper-IE7-table-width
{
    *width: 97.6%;
}

/* */
.template-row{
	clear:both;
	margin-bottom:5px;
    /* IE7 Hack only */
	*position: relative;
	_position: fixed;
    
    width: 100%;
    }
    .template-property, 
    .template-value, 
    .template-value-split{
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        }
    .template-property-gadgetlist{
        float: left;
	    position:relative;
	    clear: both;
    color: #27B4E2;
    display: block;
    font-size: 13px;
    font-weight: bold;
    overflow: visible;
    text-align: left;
    vertical-align: middle;
    text-align: left !important;
        }
   
   .template-property-gadgetinsure{
        float: left;
	    position:relative;
    color: #27B4E2;
    display: block;
    font-size: 13px;
    font-weight: bold;
    overflow: visible;
    text-align: left;
    vertical-align: middle;
    text-align: left !important;
        }
        
        
   .ItemTitle { width: 174px; }
   .MakeTitle { width: 103px; }
   .ModelTitle { width: 103px; }
   .ValueTitle {width: 103px; }
   .SelectTitle {width: 103px; }
   .removeTitle {width: 103px; }
   
     .template-property{
        float: left;
	    position:relative;
	    clear: both;
    color: #27B4E2;
    display: block;
    font-size: 13px;
    font-weight: bold;
    overflow: visible;
        }
    .template-value span.bodyText, 
    .template-value div.bodyText, 
    .template-value > a, /* to the 1st level child, so don't mess with UI dropdown control. */
    .template-value-split span.bodyText, 
    .template-value-split a{
        padding-top:4px;
        display:inline-block;
        }
    .template-value-fixed label,
    .custom-field-row .template-row > .template-value label,
    .template-value input.bodyText {
        position:relative;
        width: 150px;
        }
        .template-value input,
        .template-value-split input,
        .template-value-split-fixed input{
            vertical-align:top;
            width: 200px;
            color: #333333;
            }
        .template-value input.FirstName{
            vertical-align:top;
            width: 124px;
            }
         .template-value input.SurName{
            vertical-align:top;
            width: 202px;
            }
        .template-value input.mobile{
            vertical-align:top;
            width: 120px;
            }
       .template-value-radio input {
            vertical-align:top;
            margin-top: 5px;
            }
    .template-property span.subHeadingCOLON {
	    display:inline-block;
        }
    .template-value{
        display: inline;
        }
    .template-value-split{
        float: left;
        width: 28%;
        }
    .template-link{
        width: 20%;
        float: left;
        text-align:right;
	    margin-right:10px;
        }
    .template-info {
 	    float:left;
 	    width:25px;
 	    text-align:center;
 	    vertical-align:top;
        }
        .template-info img{
            cursor:pointer;
        }
        
     .template-Loss {
         font-weight: bold;
         display: inline-block;
         width: 18%;
         }
      .template-Total {
         font-weight: bold;
         display: inline-block;
         width: 18%;
         }
         
       .template-LossTotal-value {
         font-weight: bold;
         display: inline-block;
         margin-right: 10px;
         }
         
        .template-property-pay{
        float: left;
	    position:relative;
	    text-align:left;
	    font-weight:bold;
        width: 36%;
        }
        
        .template-value-pay {
        width: 60%;
        float: left;
        }
         
/*Text Style */

.center 
{
    margin: 0 auto;
    }

.left 
{
    float: left;
    }

.right
{
    float: right;
    }
    
.line
{
    border-top: 1px solid #3856B8;
    margin: 20px 0px;
    }
.line-payment
{
    border-top: 1px solid #3856B8;
    margin: 10px 0px 5px;
    }
    
.bodyText, .bodytext, .TextareaStyle
{
	font-size: 10pt;
	font-weight: normal;
}
.payment-title{
	position:relative;
	clear: both;
    color: #27B4E2;
    display: block;
    font-size: 17px;
    font-weight: bold;
    overflow: visible;
        }
        
.payment-title-sml{
    color: #3856B8;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    margin-left: 3px;
        }
 .payment-title-gov{
    color: #3856B8;
    font-size: 12px;
    font-weight: 600;
        }
        
.bluetitle 
{
    display:inline;
    line-height: 10px;
    color:#056693;
    font-weight: bold;
    padding: 5px !important;
    }
    
 #divItem
 {
     margin-top: 0px;}
.RemoveLabelTitle, .TypeLableTitle, .BreedLabelTitle, .AgeLabelTitle, .ChipLabelTitle
{
    
    font-weight: bold;
    clear:both;
	/*margin: 0 73px 0 0;*/
	overflow:visible;
	color: #27b4e2;
	display: block;
	font-size: 13px;
}
.AdditionalTitle 
{
    background: url(../images/info.gif) no-repeat 0px 3px; 
    font-weight: bold;
    clear:both;
	/*margin: 0 73px 0 0;*/
	overflow:visible;
	color: #27b4e2;
	display: block;
	font-size: 13px;
	padding-left : 15px;
}
.TypeLableTitle
{
}

.BreedLabelTitle
{
    
}

.AgeLabelTitle
{
    
}

.ChipLabelTitle
{
   
}

.RemoveLabel, .TypeLable, .BreedLabel, .AgeLabel, .ChipLabel
{
    display: inline;
}
.TypeLable
{
    float:left;
    padding: 5px 5px 5px 0px;
    margin-right: 30px;
}
.PromotionTypeLable
{
    float:left;
    padding: 5px 5px 5px 0px;
    margin-right: 10px;
}
.BreedLabel
{
    width: 150px;
    padding: 5px 5px 5px 0px;
}
.AgeLabel
{   
    padding: 5px 5px 5px 0px;
    margin-right: 30px;
}
.ChipLabel
{
    padding: 5px 5px 5px 0px;
}

.table-end {text-align: left; border: 1px solid #2891C8;} 
td.noline {border: 0px;}

.new {margin-right: 30px;}

.page-box {
    background:none repeat scroll 0 0 #DEEFFB;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 3px #EFEFEF inset;
    padding:10px;
}
.notSelected
{
    color: #ee0c0c;
    text-decoration: line-through;
    font-style:italic;
}
.stageSelected
{
    background-color:#3856af !important;
    color: #ffffff;
}

.stageNotSelected
{
    font-size: 10px;
    color: #999999;
}

.step-padding 
{
    padding: 2px 20px;
    font-weight: 600;
    margin: 0px auto;
    }

#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 5px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 2px solid #28B4E3;
  background-color: #ffffff;
  border-radius: 10px;
  color: #333333;
  font-size: 0.95em;
}
#divUK {
   width: 1000px;
   margin: auto;
}
DIV#loader {
          width: 700px;
          height: 700px;
        }

        /** 
         * While we're having the loading class set.
         * Removig it, will remove the loading message
         */
        DIV#loader.loading {
          background: url(../images/loading.gif) no-repeat center center;
        }