/*********************************************************
** FONTS
** Font face declaration according to: http://www.paulirish.com/2010/font-face-gotchas/#smiley
*********************************************************/
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../../fonts/opensans-condensedbold-webfont.eot');
    src: local('?'),
        url('../../fonts/opensans-condensedbold-webfont.woff') format('woff'), url('../../fonts/opensans-condensedbold-webfont.ttf') format('truetype');
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    font-style: normal;
    unicode-range: U+0000-017F,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303,U+0309,U+030F,U+0323,U+0384-03CE,U+0400-0513,U+1EA0-1EF9,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2039-203A,U+20AB-20AC;
    font-display: swap;
}
@media screen and (-webkit-max-device-pixel-ratio:1.4) {
    @font-face {
        font-family: 'Open Sans Condensed';
        src: url('../../fonts/opensans-condensedbold-webfont.svg') format('svg');
        font-weight: 700;
        unicode-range: U+0000-017F,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303,U+0309,U+030F,U+0323,U+0384-03CE,U+0400-0513,U+1EA0-1EF9,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2039-203A,U+20AB-20AC;
        font-display: swap;
    }
    @font-face {
        font-family: 'Open Sans Condensed';
        font-weight: 700;
        src: local("Arial");
        unicode-range: U+0180-019F,U+01A2-01AE,U+01B1-02FF,U+0302,U+0304-0308,U+030A-030E,U+0310-0322,U+0324-0383,U+03CF-03FF,U+0514-1E9F,U+1EFA-2012,U+2015-2017,U+201B,U+201F-2021,U+2023-2038,U+203B-20AA,U+20AD-FFFF;
        font-display: swap;
    }
}
@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/opensans-regular-webfont.ttf') format('truetype');
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-017F,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303,U+0309,U+030F,U+0323,U+0384-03CE,U+0400-0513,U+1EA0-1EF9,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2039-203A,U+20AB-20AC;
}

/*********************************************************
** MAIN TAGS
*********************************************************/

html {
}
body {
    font: normal 13px Arial, sans-serif;
    background:#e3e3e3; /* This is needed for phase 2 */
    margin:0px;
    padding:0px;
}
body.page-popup-accessory {
    background:none;
}
h1, h2 {
    font-family: 'Arial', sans-serif;
    font-weight:700;
}
body.fonts-loaded h1,
body.fonts-loaded h2 {
    font-family:'Open Sans Condensed', 'Arial', sans-serif;
}
h3, h4 {
    font-family:Arial, sans-serif;
}
h1 { font-size:26px; line-height:32px; color:#006ab0; }
h2 { font-size:20px; line-height:26px; }
h3 { font-size:16px; line-height:24px; font-weight:normal; }
h4 { font-size:14px; line-height:18px; }
p { font-size:12px; line-height:16px; margin:1em 0; padding:0; }
ul {}
ul li {}
ul li a {}

/*********************************************************
** GENERIC CLASSES
*********************************************************/
.clearboth  { clear:both; }
.floatleft  { float:left; }
.floatright { float:right; }

#content-header div.messages {
    margin:34px 0px -24px 0px;
}

div.cta {
    margin:10px 0px;
    text-align:right;
}

/* Call to actions */
.general-button,
#content .general-button {
    position:relative;
    font-family:'Open Sans Condensed', sans-serif;
    font-weight:700;
    font-size:14px;
    color:#ffffff;
    text-transform:uppercase;
    text-decoration:none;
    cursor:pointer;
    padding:5px;
    background:#1aa0c4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display:inline-block;
    /*behavior:url(/PIE.php);*/

}
#block-computerproduct-cps_eloqua_banner_block {
    background: #e3e3e3;
}
a.general-button:hover,
#content a.general-button:hover {
    color:#ffffff;
}

/* Old style - General button style */
/* This will need changing as required for redesign */
#content .node-body .general-button,
#news-archive-link,
#edit-submit,
.webform-submit,
.question-container-button,
.button{
    background-color:#E0E0E0;
    background:-webkit-gradient(linear, left top, left bottom, from(whiteSmoke), to(#E0E0E0));
    background:-moz-linear-gradient(top, whiteSmoke, #E0E0E0);
    zoom:1;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:black;
    cursor: pointer;
    font-family: Arial, Times New Roman;
    font-weight:normal;
    display:inline-block;
    text-decoration:none;
    padding:0px 15px 10px 5px;
    font-size:14px;
    /*behavior: url(/PIE.php);*/
}
/* General button style */
#news-archive-link:hover,
#edit-submit:hover,
.webform-submit:hover,
.button:hover,
#product_button.button.active,
#accessory_button.button.active {
    background:#777777;
    background:-webkit-gradient(linear, left top, left bottom, from(#999999), to(#444444));
    background:-moz-linear-gradient(top, #999999, #444444);
    zoom:1;
    color:#ffffff;
    /*behavior: url(/PIE.php);*/
}

/* Main page links */
#content .node-body a { color:#1aa0c4; text-decoration:none; }
#content .node-body a:hover { color:#1aa0c4; text-decoration:underline; }

#double-click-tag {
    float:left;
    margin-left:-9999em;
}

/*********************************************************
** SPECIFIC SECTIONS
*********************************************************/
/*
#body-inner sets up the new page width for phase 2.
*/

section#body-inner {
    background:#f6f6f6;
    width:100%;
    max-width:1200px;
    min-height:100%;
    margin:0 auto;
    padding:0px;
    box-shadow: 6px 0px 5px -5px #c2c1c0, -6px 0px 5px -5px #c2c1c0;
    -webkit-box-shadow: 6px 0px 5px -5px #c2c1c0, -6px 0px 5px -5px #c2c1c0;;
    -moz-box-shadow: 6px 0px 5px -5px #c2c1c0, -6px 0px 5px -5px #c2c1c0;

    overflow: hidden;
}

.page-popup-accessory section#body-inner {
    width:auto;
}
/*.node-type-intimis-campaign-page section#body-inner {
    width:974px;
}*/

/* fix for small screen sizes sub 1220px
@media only screen and (max-width: 1220px) {
    section#body-inner{
       width: 100% ;
    }
}*/

section#page-wrapper {
    width:100%;
    padding:10px 0px 0px 0px;
}

section#page-wrapper.error-404 {
    min-height:568px;
}

.logged-in section#page-wrapper.error-404 {
    min-height:538px;
}

#page {
    width:974px;
    margin:0 auto;
    padding:0 8px;
}

#main {
    width:100%;
    margin-bottom:30px;
}

#sidebar-first {
    float:left;
    width:250px;
    margin-top:20px;
}

#content {
    margin:0px;
    width:724px;
    float:right;
}
.no-sidebars #content {
    width:100%;
}

#content .content {
    float:none;
    width:100%;
}

#content-inner {
    margin:40px 0px 0px 0px;
}

#content-area {
    margin:0px;
}
.page-popup-accessory #content-area {
    margin:0px;
}

#content-area .node .node-body {
    float:none;
    border:0;
    border-radius:0;
    padding:0px;
    margin:0px 0px 30px 0px;
    width:100%;
    background:none;
}

/*********************************************************
** PRODUCT PAGE
** All styles relating to the body of product page
*********************************************************/
.node-type-product #main{ /*border: 5px solid red;*/ }
.node-type-product #main #content-inner { margin-top: 25px; }
.node-type-product #main h2, .node-type-product #main h3, .node-type-product #main h4{
    margin-top: 0px; margin-bottom: 0px;
    font-family: 'Open Sans Condensed'; color: #606d79; font-size: 16px; font-weight: bold;
}
.node-type-product #main .body-content-line{ /*border:1px solid black;*/ margin-bottom: 10px; }
.node-type-product #main .body-content-line.has-image .body-content{ width: 350px; }
.node-type-product #main .body-content{ /*border:1px solid red;*/ display: inline-block; *display: inline; zoom: 1; }
.node-type-product #main .body-content-image{
    float: right; display: inline-block; *display: inline; zoom: 1; width: 350px;
}
.node-type-product .main-product-content{ border-bottom: 1px solid #d6d6d6; }

.node-type-product #main .body-content-line.has-image.alternate .body-content{ float: right; }
.node-type-product #main .body-content-line.has-image.alternate .body-content-image{ float: none; }

.node-type-product #main .cta.product-cta,
.node-type-page #main .cta.product-cta
{ text-align: center; margin-bottom: 20px; }

.node-type-product #main .cta.product-cta a,
.node-type-page #main .cta.product-cta a
{ font-size: 18px; padding: 15px 25px; }

.node-type-product #highlight{ border:0px; }

/* SHARE THIS */
.node-type-product .rating-share-container{ border-bottom: 1px solid #d6d6d6; height: 70px; padding: 5px 0px; }
.node-type-product .rating-share-container .share-container h3{ font-size: 16px; margin-left: 146px; }
.sharethis-buttons .sharethis-wrapper .stButton .stMainServices{ height: 28px !important; }
.sharethis-buttons .sharethis-wrapper{ width: auto; height: 28px; text-align: center; }
.sharethis-buttons .sharethis-wrapper .stButton{ margin: 0px; margin-left: -4px; vertical-align: top; }
.sharethis-buttons .sharethis-wrapper .st-email-counter{
    background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -218px -778px no-repeat !important;
    width: 74px; height: 28px; padding: 0px;
}
.sharethis-buttons .sharethis-wrapper .st-linkedin-counter{
    background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -292px -778px no-repeat !important;
    width: 71px; height: 28px; padding: 0px;
}
.sharethis-buttons .sharethis-wrapper .st-twitter-counter{
    background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -438px -778px no-repeat !important;
    width: 70px; height: 28px; padding: 0px;
}
.sharethis-buttons .sharethis-wrapper .st-facebook-counter{
    background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -508px -778px no-repeat !important;
    width: 63px; height: 28px; padding: 0px;
}
.sharethis-buttons .sharethis-wrapper .st_googleplus_button .stButton{
    background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -363px -778px no-repeat !important;
    width: 75px; height: 28px; padding: 0px;
}
.sharethis-buttons .sharethis-wrapper .st_googleplus_button .stButton .stButton_gradient{ display: none; }
.sharethis-buttons .sharethis-wrapper .st-sharethis-counter{
    background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -571px -778px no-repeat !important;
    width: 84px; height: 28px; padding: 0px;
}
/* SHARE THIS HOVER */
.sharethis-buttons .sharethis-wrapper .st-email-counter:hover{ background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -218px -807px no-repeat !important; }
.sharethis-buttons .sharethis-wrapper .st-linkedin-counter:hover{ background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -292px -807px no-repeat !important; }
.sharethis-buttons .sharethis-wrapper .st-twitter-counter:hover{ background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -438px -807px no-repeat !important; }
.sharethis-buttons .sharethis-wrapper .st-facebook-counter:hover{ background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -508px -807px no-repeat !important; }
.sharethis-buttons .sharethis-wrapper .st_googleplus_button .stButton:hover{ background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -363px -807px no-repeat !important; }
.sharethis-buttons .sharethis-wrapper .st-sharethis-counter:hover{ background: url('../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') -571px -807px no-repeat !important; }



/*********************************************************
** WEBFORM SISTER PAGE LAYOUT
** All styles relating to the webform sister page layout.
** This is used by the contact us and contact support pages.
*********************************************************/
.sister-form-layout{
    margin-top: -20px;
}

.sister-form-layout .sister-block{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    width: 300px;
    height: 190px;
    border: 1px solid #e6e6e6;
    background: #F4F4F4;
    box-shadow: 0px 0px 2px #E2E2E2;
}
.sister-form-layout .sister-block:hover{ background: #ffffff; }
.sister-form-layout .sister-block .btn-container{ width: 100%; text-align: center; }

.sister-form-layout .form-submit{
    background: #006AB0;
    color: #ffffff;
    border-radius: 3px;
    padding: 6px 45px;
    text-shadow: -1px -1px 2px #006AB0;
    margin-top: 20px; margin-bottom: 40px;
    font-weight: 700;
    font-family: 'Open Sans Condensed';
    font-size: 20px;
    text-transform: uppercase;
}

.sister-form-layout .sister-block-2 .form-submit,
.sister-form-layout .sister-block .btn{
    display: inline-block;
    *display: inline; zoom: 1;
    background: #006AB0;
    color: #ffffff !important;
    border-radius: 3px;
    padding: 6px 15px;
    text-shadow: -1px -1px 2px #006AB0;
    margin-top: 10px;
    font-weight: 700;
    font-family: 'Open Sans Condensed';
    font-size: 14px;
    text-transform: inherit;
}
.sister-form-layout .sister-block .btn:hover,
.sister-form-layout .form-container #webform-component-notineurope a:hover{
    text-decoration: none !important;
}
.sister-form-layout .sister-block.active{
    width: 314px; height: 216px;
    border-bottom: 1px solid #ffffff;
    background: #ffffff;
}
.sister-form-layout .sister-block.active .btn{ display: none; }

.sister-form-layout .sister-block-1{
    margin-right: 20px;
}

.sister-form-layout .sister-block-2{

}

.sister-form-layout .sister-block-2 h2, .sister-form-layout .sister-block-1 h1{
    margin: 0px;
    font-size: 26px;
    color: #1D1D1D;
}
.sister-form-layout .sister-block.active .active-line-cover{
    position: absolute;
    top: 100%; left: 0px;
    height: 5px; width: 100%;
    background: #fff;
    margin-top: -3px;
}


.sister-form-layout .form-container{
    border: 1px solid #e6e6e6;
    background: #ffffff;
    padding: 20px;
    margin-top: -2px;
    box-shadow: 0px 0px 2px #E2E2E2;
}
.sister-form-layout .form-container .form-container-inner{
    width: 100%;
    position: relative;
    /*left: 50%; margin-left: -200px;*/
}

.sister-form-layout .form-item label{
    width: 140px;
}



.sister-form-layout .form-item.webform-component-textarea label,
.sister-form-layout .form-item.webform-component-checkboxes label,
.sister-form-layout .form-item.webform-component-radios label{
    width: 100%;
}

.sister-form-layout .form-item.form-item-country select {
    width: 100%;
}


.sister-form-layout .form-container #webform-component-notineurope{ width: 100%; text-align: right; margin-top: 20px; margin-bottom: -20px; }
.sister-form-layout .form-container #webform-component-notineurope p{ margin: 0px; }
.sister-form-layout .form-container #webform-component-notineurope a{
    display: inline-block;
    *display: inline; zoom: 1;
    background: #848484;
    color: #ffffff !important;
    border-radius: 3px;
    padding: 6px 15px;
    text-shadow: -1px -1px 2px #252525;
    margin-top: 10px;
    font-family: 'Open Sans Condensed';
    font-size: 14px;
}


.sister-form-layout #edit-actions, .node-webform .form-actions{ text-align: center; }



/* not really sure of a better place to put this */
.node-type-webform .messages{
    margin: 0 0 40px 0;
}

#block-views-bottom_body_content-block{
    position: relative;
    top: -30px;
}

/*********************************************************
** TO REMOVE?
** These styles are included here to remove rounded
** corners and such like, but which might need to be removed
** during phase 3.
*********************************************************/


.field-name-field-include {
    border-radius:0px;
    margin-right:0px;
}

.form-managed-file .form-file{
    margin-bottom: 10px;
    border: 0px !important;
}

.workflow-current-state{
    display:none;
}

#node-body #edit-workflow{
    display:none;
}



#page-wrapper .node-case-study div.hr{
    border-top: 1px solid #616A73;
    width: 100%;
    height: 1px;
    display: block;
    clear: both;
    visibility: visible;
    margin: 15px 0;

}