@charset "UTF-8";
/*!
 * Groupe LP: v1.0.1 oct2013 
 *
 * FORM Styling CSS
 * CSS1
 * 
 */


/*FORM*/

@media all {
    /*Resetting Microsoft IE*/
    @-ms-viewport {width:device-width;}
    /*Selection*/
    ::-moz-selection {background:#443F3F; color:#fff;}
    ::selection {background:#443F3F ; color:#fff;}
    ::-webkit-input-placeholder {color:#443F3F;}
    :-moz-placeholder {color:#443F3F;}
    ::-moz-placeholder {color:#443F3F;}
    :-ms-input-placeholder {color:#443F3F;}
    /*Gen*/
    html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    body {font-family:Arial, Helvetica, sans-serif; font-size:0.875em; color:#333; margin:0; padding:0; background-color:#fff;}
    img, embed, object, video, canvas {max-width:100%;height: auto;}
    ul.nav, ol.nav, nav ul, nav ol, .dl-submenu, .dl-menu {list-style:none; list-style-image:none; margin:0; padding:0;}
    /*P*/
    p {margin:0 0 0.75em 0;}
    /*Hn*/
    h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0; line-height:120%;}
    /*B I  ADDRESS*/
    b {font-weight:normal; line-height:normal;}
    i, address {font-style:normal; line-height:normal;}
    /*A*/
    a {color:#1F5295; text-decoration:none;}
    a:hover, a:focus {color:#1F5295; text-decoration:underline;}
    a:focus {outline:dotted 1px #1F5295;}
    a[href^=tel] {color:#03365F !important;} /*ios phone number detection formatting*/
    a.link-readmore {}
    a.link-readmore:before {content:'\203A'; display:inline-block; margin:0 0.5em 0 0; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:155%; font-weight:bold; color:#C40070; line-height:1; speak:none;}
    a img {border-width:0;}
    /*Misc*/
    .text-align-left {text-align:left;}
    .text-align-center {text-align:center;}
    .text-align-right {text-align:right;}
    .block-left {float:left !important;}
    .block-right {float:right !important;}
    .float-reflow {overflow:auto; overflow-y:hidden;} /*Float reflow Fix; overflow y is trying to patch chrome unzoomed page scrollbar*/
    .has-border-radius {-webkit-border-radius:3px; border-radius:3px;}


    /*Area*/
    /*--> structure*/
    #wrapper {}
    #main {}
    #main p {margin:0 0 0.75em 0;}
    #main #breadcrumb {}
    #main #contenu, #main #menu-right {float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #main #contenu {width:75.9375%; padding:1.429em 2.1666% 1.214em;}
    #main #contenu h1 {position:relative; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:2.429em/*34px*/; color:#00335F; margin:0 0 0.65em 0; padding:0 0 0.4em 0;}
    #main #contenu h1:before {content:'/'; font-weight:bold; color:#60B47B; position:absolute; left:-19px; top:auto;}
    #main #contenu h1 ~ p:last-of-type {margin-bottom:4em;}
    .dj_ie8 #main #contenu .form-item-has-shadow {margin-top:4em;}
    #main #menu-right {position:relative; width:24.0625%; padding:1.429em 1.45833% 0 1.333%;}
    #main #menu-right:before {content:''; position:absolute; top:0; left:-2.2%; width:1px; min-height:100%;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top,  rgba(207,207,207,0) 0%, rgba(207,207,207,0.5) 25%, rgba(207,207,207,1) 50%, rgba(207,207,207,0.5) 75%, rgba(207,207,207,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,0)), color-stop(25%,rgba(207,207,207,0.5)), color-stop(50%,rgba(207,207,207,1)), color-stop(75%,rgba(207,207,207,0.5)), color-stop(100%,rgba(207,207,207,0)));
        background: -webkit-linear-gradient(top,  rgba(207,207,207,0) 0%,rgba(207,207,207,0.5) 25%,rgba(207,207,207,1) 50%,rgba(207,207,207,0.5) 75%,rgba(207,207,207,0) 100%);
        background: -o-linear-gradient(top,  rgba(207,207,207,0) 0%,rgba(207,207,207,0.5) 25%,rgba(207,207,207,1) 50%,rgba(207,207,207,0.5) 75%,rgba(207,207,207,0) 100%);
        background: -ms-linear-gradient(top,  rgba(207,207,207,0) 0%,rgba(207,207,207,0.5) 25%,rgba(207,207,207,1) 50%,rgba(207,207,207,0.5) 75%,rgba(207,207,207,0) 100%);
        background: linear-gradient(to bottom,  rgba(207,207,207,0) 0%,rgba(207,207,207,0.5) 25%,rgba(207,207,207,1) 50%,rgba(207,207,207,0.5) 75%,rgba(207,207,207,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cfcfcf', endColorstr='#00cfcfcf',GradientType=0 );
    }
    .dj_ie8 #main #menu-right:before {border-left:solid 1px #CFCFCF;}
    /*--> page is form*/
    .page-is-form fieldset {margin:1em 0 3em 0; padding:0 1.5em 1.5em 1.5em; border:solid 1px #CFCFCF;}
    .page-is-form fieldset legend {float:left; margin:-1.5em 0 0 -1em; padding:0; font-size:1.429em; color:#00335F;}
    .page-is-form #menu-right fieldset {margin:4em 0 1em 0; padding:0;}
    .page-is-form #menu-right fieldset legend {font-size:1em; color:#333;margin:-2.3em 0 0 0;}
    .page-is-form fieldset legend + * {clear:both;}
    .page-is-form fieldset legend ~ fieldset {margin-top:2.5em;}
    .page-is-form fieldset legend ~ fieldset legend {font-size:1.143em/*16*/; font-weight:bold; color:#333; margin-left:-1.143em;}
    .page-is-form table,
    .page-is-form fieldset table {width:100%; margin:1.5em 0 0 0;}
    .page-is-form #menu-right fieldset table {width:100%; margin:0.5em 0 0 0;}
    .page-is-form #menu-right fieldset table tr > td:last-child {text-align:right;}
    .page-is-form .form-button-rw {text-align:center;}
    .page-is-form fieldset .form-button-rw {text-align:right;}
    .page-is-form fieldset a {color:#60B47B}
    .captcha-wrapper {width:8.643em/*121px*/;}
    .captcha-wrapper img {}


    /*Form-item-has-shadow */
    .form-item-has-shadow {}
    .form-item-has-shadow select {-webkit-appearance:menulist;} /*Reseting appearance for select yet still no shadow until bug is fixed by Chrome*/
    .form-item-has-shadow select {padding:9px 5px;} /*Increasing padding Top+Bottom*/
    .form-item-has-shadow textarea {padding:9px 5px; -webkit-box-shadow: inset 1px 1px 7px 1px #CACACA; box-shadow: inset 1px 1px 7px 1px #CACACA;} /*Increasing padding Top+Bottom*/
    .form-item-has-shadow input[type="text"],
    .form-item-has-shadow input[type="password"],
    .form-item-has-shadow input[type="email"],
    .form-item-has-shadow input[type="tel"],
    .form-item-has-shadow input[type="number"] {-webkit-appearance:none; -webkit-box-shadow: inset 1px 1px 7px 1px #CACACA; box-shadow: inset 1px 1px 7px 1px #CACACA; padding:9px 5px !important;}  /*Chrome is buggy regarding shadow on form element*/ /*Increasing padding Top+Bottom*/
    .dj_ie8 .form-item-has-shadow input[type="text"],
    .dj_ie8 .form-item-has-shadow input[type="password"],
    .dj_ie8 .form-item-has-shadow input[type="email"],
    .dj_ie8 .form-item-has-shadow input[type="tel"],
    .dj_ie8 .form-item-has-shadow input[type="number"] {padding:8px 5px 3px 5px !important; border:solid 1px #CACACA !important;} /*Increasing padding Top+Bottom*/
    .form-item-has-shadow input[type="checkbox"],
    .form-item-has-shadow input[type="radio"] {margin-right:5px;}
    .form-item-has-shadow label,
    .form-item-has-shadow .label-like {display:block; min-width:7.071em/*99*/; min-height:26px; padding:8px 0.357em 0 0.357em; text-align:right; vertical-align:middle;}
    .form-item-has-shadow input:invalid,
    .form-item-has-shadow textarea:invalid {background-color:inherit;}
    .form-item-has-shadow input,
    .form-item-has-shadow input[type="search"],
    .form-item-has-shadow textarea,
    .form-item-has-shadow select,
    .form-item-has-shadow button {vertical-align:middle; line-height:normal !important; -moz-box-sizing:border-box; box-sizing:border-box;}
    .form-item-has-shadow input,
    .form-item-has-shadow button {min-height:22px; vertical-align:middle;}
    .form-item-has-shadow .touch input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*touch screen makes input wider*/
    .form-item-has-shadow textarea {vertical-align:top;}
    .form-item-has-shadow input[type="text"], .form-item-has-shadow input[type="email"], .form-item-has-shadow input[type="search"], .form-item-has-shadow input[type="password"] {-moz-appearance:caret;} /*Defect #221*/
    .form-item-has-shadow .button-like {display:inline-block; cursor:pointer;} /*class for button look-alike*/
    .form-item-has-shadow .button-like {font-size:14px; color:#fff; padding:9px 23px; text-transform:none; background-color:#C40070; border:solid 1px #C40070;}
    .form-item-has-shadow .button-like:hover, .form-item-has-shadow .button-like:active, .form-item-has-shadow .button-like:focus {color:#fff; background-color:#C40070; text-decoration:none; border-color:#C40070;}
    .form-item-has-shadow button[disabled="disabled"] {color:#AAAAAA;}
    .form-item-has-shadow button[disabled="disabled"]:before, .form-item-has-shadow button[disabled="disabled"]:after {color:#AAAAAA;}
    .form-item-has-shadow .button-like[disabled="disabled"] {background-color:#DDDDDD; border-color:#DDDDDD; color:#AAAAAA;}
    .form-item-has-shadow select {padding:8px 5px; border:solid 1px #cecece; -webkit-border-radius:3px; border-radius:3px;}
    .form-item-has-shadow input[type="text"],
    .form-item-has-shadow input[type="password"],
    .form-item-has-shadow input[type="email"],
    .form-item-has-shadow input[type="tel"],
    .form-item-has-shadow input[type="number"] {border:solid 1px #cecece; -webkit-border-radius:3px; border-radius:3px;}
    .form-item-has-shadow textarea {padding:5px 2px; border:solid 1px #cecece;}
    /**/
    .tundra .form-item-has-shadow .dijitInputContainer.f-button-w-small .dijitInputInner {width:3em !important;}
    /*-> tundra reset*/
    .tundra .form-item-has-shadow .dijitInputContainer,
    .tundra .form-item-has-shadow .dijitTextBox {margin:0; background-color:transparent; background-image:none; border-width:0;}
    /* Patch DW */
    /*
    .tundra .form-item-has-shadow .dijitInputField .dijitInputInner {width:auto !important; background-color:#fff !important;}
    .tundra .form-item-has-shadow .dijitTextBox {width:auto !important;}
    */
    .tundra .form-item-has-shadow .dijitError {background-color:transparent;}
    .tundra .form-item-has-shadow .dijitError .dijitInputContainer {border:solid 1px #F00; -webkit-border-radius:3px; border-radius:3px;}
    .tundra .form-item-has-shadow .dijitValidationIcon {-webkit-box-shadow:none; box-shadow:none; border-width:0;}
    .tundra .form-item-has-shadow .dijitTextBox .dijitSpinnerButtonContainer,
    .tundra .form-item-has-shadow .dijitTextBox .dijitArrowButtonContainer,
    .tundra .form-item-has-shadow .dijitTextBox .dijitValidationContainer {margin:0 3px 0 9px;}
    /**/
    .tundra.page-is-form .dijitTooltipContainer {color:#F00; border:solid 1px #F00; background-image:none; background-color:#fff;}
    .tundra.page-is-form .dijitTooltipContainer:before {position:absolute; left:8px; top:40%; content:''; width:0px; height:0px; border-style:solid; border-width:3.5px 6.1px 3.5px 0; border-color: transparent #ff0000 transparent transparent; -webkit-transform:rotate(360deg);}
    .tundra.page-is-form .dijitTooltipRight .dijitTooltipConnector {display:none;}
    /**/
    .tundra.page-is-form .ui-widget {font-size:1em;}
    .tundra.page-is-form .ui-jqgrid .ui-jqgrid-htable th div {min-height:100%;}
    .tundra.page-is-form .ui-jqgrid tr.jqgfirstrow td {padding:0 !important; border-right-width:0;}
    .tundra.page-is-form .ui-jqgrid-view {font-size:1em;}
    .tundra.page-is-form .ui-jqgrid tr.jqgrow td {height:auto;}
    .tundra.page-is-form .ui-jqgrid tr.ui-row-ltr td {border-right-width:0;}
    .tundra.page-is-form .ui-widget-content .ui-state-default {background-image:none; background-color:#fff;}
    .tundra.page-is-form .ui-widget-content .ui-th-column {font-weight:normal; color:#fff; padding:1.214em 0.929em; background-color:#03365F;}
    .tundra.page-is-form .ui-widget-content .ui-th-column:nth-child(even) {background-color:#034881;}
    .tundra.page-is-form .ui-widget-content .ui-jqgrid-btable td {padding:0.929em; border-bottom:dotted 1px #A8A8A8}
    .tundra.page-is-form .ui-widget-content .ui-jqgrid-btable td:nth-child(odd) {background-color:#eee; border-bottom:dotted 1px #A8A8A8;}


    /*nav-list wrapper*/
    .page-is-form .navlist-wrapper {margin:0; padding:0; background-color:transparent; border-bottom:solid 1px #CFCFCF}
    .page-is-form .navlist-wrapper ul {overflow:hidden; display:table;}
    .page-is-form .navlist-wrapper ul li {display:table-cell; margin:0 0.5em 0 1em; padding:0; vertical-align:middle;}
    .page-is-form .navlist-wrapper ul li a {position:relative; padding:0.79em 2em 0.79em 1em; display:inline-block; text-align:center; background-color:#eee;}
    .page-is-form .navlist-wrapper ul li a:before {
        border-color: #eee #eee #eee transparent;
        border-style: solid;
        border-width: 1.5em 0 1.5em 1em;
        content: "";
        left: -1em;
        margin-top: -1.5em;
        position: absolute;
        top: 50%;
        -webkit-transform:rotate(360deg);
    }
    .page-is-form .navlist-wrapper ul li a:after {
        border-color: transparent #eee transparent transparent;
        border-style: solid;
        border-width: 1.5em 0 1.5em 1em;
        content:"";
        margin-top: -1.5em;
        position: absolute;
        right: -1em;
        top: 50%;
        -webkit-transform:rotate(360deg);
    }

    .page-is-form .navlist-wrapper ul li:last-child a {right:0; border-color:#fff #fff #fff #eee;}

    /*->*/
    .page-is-form .navlist-wrapper ul li a.current {color:#fff; background-color:#03365F;}
    .page-is-form .navlist-wrapper ul li a.current:before {border-color: #03365F #03365F #03365F transparent;}


    /*Nav Chapter*/
    .nav-chapter {width:100%; font-size:1em; margin:0.75em 0 1em; background-color:#eee; border:5px solid #eee;}
    .nav-chapter .button-prev:hover,
    .nav-chapter .button-next:hover {cursor:pointer; text-decoration:underline;}
    .nav-chapter .button-prev,
    .nav-chapter .button-next {font-family:Arial, Helvetica, sans-serif; font-size:1.143em; font-weight:bold; color:#1F5295; vertical-align:middle; padding:0; background-color:transparent; border-width:0;}
    .nav-chapter button:before,
    .nav-chapter button:after {display:inline-block; width:38px; line-height:83%; vertical-align:bottom; text-align:center; font-size:2em; font-weight:bold; color:#C40070; speak:none; }
    .nav-chapter button.button-next:after {content:'\203A'; margin:0 0 0 0.35em; border-left:solid 1px #fff;}
    .nav-chapter button.button-prev:before {content:'\2039'; margin:0 0.35em 0 0; border-right:solid 1px #fff;}
    .nav-chapter button[disabled="disabled"] {color:#AAAAAA;}
    .nav-chapter button[disabled="disabled"]:before, .nav-chapter button[disabled="disabled"]:after {color:#AAAAAA;}

    /*Box recap*/
    .box-recap {margin-top:15px}
    .box-recap a {color:#60B47B}
    .box-recap h1 {font-size:1em; font-weight:bold; padding:0 0 0.786em 0;}
    .box-recap h2 {font-size:1em; font-weight:bold; padding:0 0 0.786em 0; text-transform:uppercase;}
    .box-recap .nav {margin:0 0 1em 0;}
    .box-recap .nav li {padding:0.2em 0;}
    .box-recap .box-number {margin:1em 0;}
    .box-recap .box-number h2 {text-transform:none;}
    .box-recap a img {vertical-align:middle;}
    .highlight-accent {color:#C40070;}

    /* box-number/box-ask-us*/
    .box-number>h2:first-child + h2 + h2 {color:#00335F;margin-top:10px;}
    .box-ask-us .box-body {text-align:center;}
    .box-ask-us .phone-number {position:relative; border:2px solid #03365F; display:inline-block; padding:0 0.5em 0 37px; margin:0.5em 0; text-align:center; color:#03365F; height:34px; line-height:34px; font-size:1.5458em; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-weight:700; -webkit-border-radius: 30px; border-radius: 30px;}
    .box-ask-us .phone-number i {position:absolute; left:0; display:inline-block; background:url(../images/css1/ico-tiles.png) no-repeat scroll -8px -239px transparent; width:34px; height:34px; vertical-align:top;}

    /* form */
    form td {padding-top:5px;padding-bottom:5px;}
    form td.data {color:#AAAAAA}
    /* form quote.jsp */
    .table-border-liability {
        border-collapse: collapse;
    }
    .table-border-liability td{
        border:1px solid #CFCFCF;
        text-align:center;
    }
    .table-border-liability td label{
        display:inline;
    }
    .table-border {
        border-collapse: collapse;
    }
    .column-left {
        border-left: 1px solid #CFCFCF;
    }
    .column-right {
        border-right: 1px solid #CFCFCF;
    }
    .column-top {
        border-top: 1px solid #CFCFCF;
    }
    .column-bottom {
        border-bottom: 1px solid #CFCFCF;
    }

    div.direct-debit {
        width:100%;
        height:44px;
        position:relative;
        background:transparent url(../../packsme/images/direct-debit.png) no-repeat scroll right bottom;
    }
    .devise1:before {
        content:attr(data);
        position:absolute;
        margin: 10px 0 0 -9px;
    }
    .devise2:before {
        content:attr(data);
        position:absolute;
        margin: 10px 0 0 -17px;
    }

    .devise3:before {
        content:attr(data);
        position:absolute;
        margin: 10px 0 0 -27px;
    }

    .width45 {
        width:45%;
    }

    .width35 {
        width:35%;
    }

    .width30 {
        width:30%;
    }

    .width25 {
        width:25%;
    }

    .width26 {
        width:26%;
    }

    .width22 {
        width:22%;
    }

    .width21 {
        width:21%;
    }

    .width15 {
        width:15%;
    }

    .width10 {
         width:10%;
    }

    .padding_right{
        padding-right:10px;
    }

    .width15 {
        width:15%;
    }
    .width10em {
        width:10em;
    }

    /*Defect 407*/
    #price_comments {
        margin-top: 15px;
    }
    #price_comments span{
        font-style: italic;
    }
    /*End Common*/
}