/*

 * Created by BESTERsolutions.

 *

 * Project : Frequent Flyers

 * File:

 * Description :

 *

 * Author: Shon Bester

 * Date: 12/03/2016

 *

 * @copyright   Copyright (C) ${YEAR} BESTERsolutions. All rights reserved.

 */



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 2, 2015 */



@font-face {

    font-family: 'renault_life';

    src: url('font/renaultlife-bold-webfont.eot');

    src: url('font/renaultlife-bold-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/renaultlife-bold-webfont.woff2') format('woff2'),

    url('font/renaultlife-bold-webfont.woff') format('woff'),

    url('font/renaultlife-bold-webfont.ttf') format('truetype'),

    url('font/renaultlife-bold-webfont.svg#renault_lifebold') format('svg');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'renault_life';

    src: url('font/renaultlife-italic-webfont.eot');

    src: url('font/renaultlife-italic-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/renaultlife-italic-webfont.woff2') format('woff2'),

    url('font/renaultlife-italic-webfont.woff') format('woff'),

    url('font/renaultlife-italic-webfont.ttf') format('truetype'),

    url('font/renaultlife-italic-webfont.svg#renault_lifeitalic') format('svg');

    font-weight: normal;

    font-style: italic;

}



@font-face {

    font-family: 'renault_lifelight';

    src: url('font/renaultlife-light-webfont.eot');

    src: url('font/renaultlife-light-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/renaultlife-light-webfont.woff2') format('woff2'),

    url('font/renaultlife-light-webfont.woff') format('woff'),

    url('font/renaultlife-light-webfont.ttf') format('truetype'),

    url('font/renaultlife-light-webfont.svg#renault_lifelight') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'renault_life';

    src: url('font/renaultlife-regular-webfont.eot');

    src: url('font/renaultlife-regular-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/renaultlife-regular-webfont.woff2') format('woff2'),

    url('font/renaultlife-regular-webfont.woff') format('woff'),

    url('font/renaultlife-regular-webfont.ttf') format('truetype'),

    url('font/renaultlife-regular-webfont.svg#renault_liferegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'renault_life';

    src: url('font/renaultlife-bolditalic-webfont.eot');

    src: url('font/renaultlife-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/renaultlife-bolditalic-webfont.woff2') format('woff2'),

    url('font/renaultlife-bolditalic-webfont.woff') format('woff'),

    url('font/renaultlife-bolditalic-webfont.ttf') format('truetype'),

    url('font/renaultlife-bolditalic-webfont.svg#renault_lifebold_italic') format('svg');

    font-weight: bold;

    font-style: italic;

}



@font-face {

    font-family: 'renault_lifelight';

    src: url('font/renaultlife-lightitalic-webfont.eot');

    src: url('font/renaultlife-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/renaultlife-lightitalic-webfont.woff2') format('woff2'),

    url('font/renaultlife-lightitalic-webfont.woff') format('woff'),

    url('font/renaultlife-lightitalic-webfont.ttf') format('truetype'),

    url('font/renaultlife-lightitalic-webfont.svg#renault_lifelight_italic') format('svg');

    font-weight: normal;

    font-style: italic;

}




@font-face {
    font-family: 'nissan_brandbold';
    src: url('nissan_brand_bold-webfont.eot');
    src: url('nissan_brand_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('nissan_brand_bold-webfont.woff2') format('woff2'),
         url('nissan_brand_bold-webfont.woff') format('woff'),
         url('nissan_brand_bold-webfont.ttf') format('truetype'),
         url('nissan_brand_bold-webfont.svg#nissan_brandbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nissan_branditalic';
    src: url('nissan_brand_italic-webfont.eot');
    src: url('nissan_brand_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('nissan_brand_italic-webfont.woff2') format('woff2'),
         url('nissan_brand_italic-webfont.woff') format('woff'),
         url('nissan_brand_italic-webfont.ttf') format('truetype'),
         url('nissan_brand_italic-webfont.svg#nissan_branditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nissan_brandlight';
    src: url('nissan_brand_light-webfont.eot');
    src: url('nissan_brand_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('nissan_brand_light-webfont.woff2') format('woff2'),
         url('nissan_brand_light-webfont.woff') format('woff'),
         url('nissan_brand_light-webfont.ttf') format('truetype'),
         url('nissan_brand_light-webfont.svg#nissan_brandlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nissan_brandregular';
    src: url('nissan_brand_regular-webfont.eot');
    src: url('nissan_brand_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('nissan_brand_regular-webfont.woff2') format('woff2'),
         url('nissan_brand_regular-webfont.woff') format('woff'),
         url('nissan_brand_regular-webfont.ttf') format('truetype'),
         url('nissan_brand_regular-webfont.svg#nissan_brandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}









BODY, TABLE, TR, TD, INPUT, OPTION, TEXTAREA {

    font-family: Arial, Gotham, "sans-serif";
	
    font-size: 14px;
	
	color: #000;

}



BODY {

    background-color: #303030;

    font-family: Arial, Gotham, "sans-serif";

}

a, a:link, a:visited {
    text-decoration: none;
}



.topbar {

    background-color: #FFFFFF;



}



.HeaderTitle {

    font-size: 34px;

    font-weight: bold;

    line-height: 36px;

}



.HeaderSub {

    font-size: 18px;

}



#container {

    margin-bottom: 48px;
	/*padding: 6.786em 0 0 0;*/
	padding: 49px 0 0 0;
}



span.missing {

    border-radius: 3px;

    font-size: 12px;

    line-height: 1.5;

    padding: 1px 5px;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

    background-color: #d9534f;

    border-color: #d43f3a;

    color: #fff;

}



#data_dump {

    max-height: 400px;

    height: 400px;

    overflow: auto;

}



span.error {

    padding: 5px;

    display: block;

    border: 1px solid #F00;

    color: #F00;

    text-align: center;

}



.ui-datepicker .ui-datepicker-title {

    font-size: 10px;

}



.red {

    color: #F00;

}



.right {

    text-align: right;

}



input.error {

    background-color: rgba(200,200,200,0.4);

}



.success {

    padding: 5px;

    display: block;

    border: 1px solid #0F0;

    color: #090;

    text-align: center;

}



#underscore {

    color: #FDB515;

    display: inline;

}



.underscore {

    color: #FDB515;

}



#greyTitle {

    color: #333333;

    display: inline;

}



/** Hidden State for the dialog */



div.hiddenState {

    visibility: hidden;

    display: none;

}



/* Some rought layout, could be anything including backgrounds etc */



div.visibleNotifyMsg {

    position: absolute;

    /*top: 150px;*/

    left: 300px;

    width: 300px;

    background-color: #FFF;

    color: #000;

    border: 2px solid #C00;

    padding: 10px;

}



span.visibleNotifyMsg {

    position: relative;

    display: block;

    /*top: 150px;*/

    background-color: #FF9;

    color: #000;

    padding: 2px;

}



#Header_Banner {

    height: 99px;

    width: 1000px;

}



.bannermenu {

    font-size: 10px;

    color: #222222;

    text-transform: capitalize;



    line-height: 32px;

    text-align: right;

    max-width: 1000px;

    margin-left: auto;

    margin-right: auto;

}



.bannermenu A {

    color: #222222;

    padding-right: 5px;

    padding-left: 5px;

}



.bannermenu A:hover {

    color: #C71444;

}



.topbar {

    text-align: right;

    width: 100%;

    overflow: hidden;

}



.topbar .dropdown-menu div {

    cursor: pointer;

}



.topbar .dropdown-menu div:hover {

    color: #999;

}



.topbar .languageoptions, .topbar .countryoptions, .topbar .importeroptions, .topbar .clientoptions {

    float: left;

    padding-right: 10px;

    position: absolute;

    height: 30px;

}



.topbar .languageoptions .title, .topbar .countryoptions .title, .topbar .importeroptions .title, .topbar .clientoptions .title {

    height: 35px;

    padding-bottom: 10px;

}



.topbar .languageoptions {

    margin-left: 80px;

}



.topbar .countryoptions {



}



.topbar .clientoptions {

    margin-left: 160px;

}



.topbar .languageoptions .dropdown-menu, .topbar .countryoptions .dropdown-menu, .topbar .importeroptions .dropdown-menu, .topbar .clientoptions .dropdown-menu {

    top: 30px;

    color: #000000;

    padding: 5px;

    text-align: left;

    position: absolute;

    width: 250px;

    font-size: 90%;

}



.topbar .languageoptions:hover .dropdown-menu, .topbar .countryoptions:hover .dropdown-menu, .topbar .importeroptions:hover .dropdown-menu, .topbar .clientoptions:hover .dropdown-menu {

    display: block;

}



.topbar .dropdown span {

    margin-right: 5px;

    padding: 3px;

    text-align: center;

    cursor: pointer;

    color: #000000;

}



.topbar form.bannermenu {

    text-align: right;

    color: #FFFFFF;

    height: 36px;

    position: relative;

}



.topbar form.bannermenu table {

    right: 0px;

    position: absolute;

    color: #222222;

}



.topbar form.bannermenu table tr td {

    padding: 4px;

}



.Menubar {

    background-color: #000000;

}



.Menubar TD {

    padding: 0px;

    padding-left: 5px;

    padding-right: 5px;

    padding-bottom: 5px;

    background-color: #FFFFFF;

    text-align: center;

    vertical-align: middle !important;

    font-family: Arial, "sans-serif";

    text-transform: uppercase;

    font-size: 11px;

    border-bottom: #C71444 thick solid;

    border-top: #FFFFFF 10px solid;

    min-height: 30px;


}



.Menubar TD:hover {

    border-bottom: #ED1A3B thick solid;

}



.Menubar A {

    display: block;

    text-decoration: none;

    color: Black;

}



.Menubar A.on {

    color: #C71444;

}



.Menubar A.fulloff {

    width: 100%;

}



.Menubar A span {

    font-size: 80% !important;

    color: #C71444 !important;

}



.Menubar A:hover, .Menubar A:active {

    text-decoration: none;

    color: #C71444;

}



.Menubar ul, .Menubar ul li {

    list-style: none;

    margin: 0px;

    padding: 0px 5px;

}



span.caret {

    clear: both;

    display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



.dropdown:hover .dropdown-menu {

    display: block;

}



.body_content {

    min-height: 600px;

    display: block;

}



div.footer {

    background-color: #C71444;

    border-bottom: 21px solid #303030;

    height: 48px;

    line-height: 28px;

    font-size: 10px;

    width: 100%;

    text-align: center;

    position: fixed;

    bottom: 0px;

}



div.footerbar {

    max-width: 1000px;

    margin-left: auto;

    margin-right: auto;

    text-align: left;

    color: #666;

}



div.footerbar a {

    color: #FFFFFF;

}



TD.bottombar {

    display: none;

    background-color: #FFFFFF;

    border-bottom: none;

    color: #303030;

    height: 24px;

    overflow: hidden;

    font-family: Arial, "sans-serif";

}



.bottombar A, .bottombar A:visited {

    color: #555555;

    text-decoration: none;

    padding: 0px;

    padding-left: 10px;

    padding-right: 20px;

}



.bottombar A:hover {

    color: #000000;

    text-decoration: none;

}



.Copyright {

    color: #FFFFFF;

    font-size: 9px;

}



.Copyright A, .Copyright A:visited {

    color: #FFFFFF;

    font-size: 9px;

    text-decoration: none;

}



.Copyright A:hover {

    color: #FFFFFF;

    font-size: 9px;

    text-decoration: none;

}



A.Copyright, A.Copyright:visited {

    color: #FFF;

    font-size: 9px;

    text-decoration: none;

}



A.Copyright:hover {

    color: #FFF;

    font-size: 9px;

    text-decoration: none;

}



#Copyright {

    color: #FFF;

    font-size: 9px;

    text-decoration: none;

}



Legend {

    color: #000000;

}



A, A.TOption, A.Option {

    color: #000;

    text-decoration: none;

}



A:hover, A.TOption:hover, A.Option:hover {

    text-decoration: underline;

}



A img, a img {

    border: none;

}



.btn-yellow {

    background-image: linear-gradient(to bottom, #FBB714 0px, #DAA502 100%);

    border-color: #DAA502 !important;
    
    color: #fff;
    text-shadow: 0 1px 0 #FBB714 !important;

}



.btn-yellow:hover {

    background-image: none;
    background-color: #DAA502 !important;

    background-position: 0 -15px;

    color: rgb(255, 255, 204) !important;

}



.V2 .msg {

    background-color: #FFFFCC;

    padding: 5px;

    font-weight: bold;

}



.V2 #TOptions {

    background-color: #FFFFFF

}



.V2 A.TOption, .V2 A.TOption:link, .V2 A.TOption:visited, .V2 A.TOption:active {

    color: black;

    text-decoration: none;

}



.V2 A.TOption:hover {

    text-decoration: underline;

}



.V2 A.submitlink, .V2 INPUT.submitlink {

    font-weight: bold;

    color: #FDB515;

    text-transform: capitalize;

    font-family: Arial, "sans-serif";

}



A.submitlink:hover, INPUT.submitlink:hover {

    text-decoration: none;

    color: #666666;

}



A.submitbutton, INPUT.submitbutton, A.button {

    font-weight: 700;

    color: #000000;

    text-transform: uppercase;

    font-family: Arial, "sans-serif";

    padding: 2px 5px 2px 5px;

    border: none;

    line-height: 21px;

    font-size: 14px;

}



A.submitbutton:hover, INPUT.submitbutton:hover, A.button:hover {

    text-decoration: none;

    cursor: pointer;

    color: #fff;


}



.topbar .bannermenu .submitbutton::before, A.yellow_btn::before, .V2 .FlyerMenu A.yellow_btn::before, A.submitbutton::before, INPUT.submitbutton::before, A.button::before {

    content: "> ";

    font-size: 150%;

}



.topbar .bannermenu .submitbutton {

    background-color: #303030;

    font-weight: 700;

    color: #FFFFFF !important;

    font-family: Arial, "sans-serif";

    padding: 2px 5px 2px 5px !important;

    border: none;

    line-height: 21px;

    font-size: 12px;

}



.topbar .bannermenu input {

    color: #303030;

}



A.yellow_btn, .V2 .FlyerMenu A.yellow_btn {

    font-weight: 700;

    color: #000000 !important;

    font-family: Arial, "sans-serif";

    padding: 2px 5px 2px 5px !important;

    border: none;

    background-image: url(../R_images/website/btn_yback.png);

    background-position: left;

    background-repeat: no-repeat;

    line-height: 21px;

    font-size: 12px;

}



A.yellow_btn:hover {

    text-decoration: none;

    background-image: url(../R_images/website/btn_yback_over.png);

    cursor: pointer;

    color: #000000;

}



A.btn_blue, A.btn_blue:visited, A.btn_blue:link {

    font-weight: bold;

    color: #FDB515;

    text-transform: capitalize;

    font-family: Arial, "sans-serif";

    padding: 2px 4px 2px 4px;

    border: #435967 thin solid;

    background-color: #435967;

    display: block;

    text-align: center;

    width: 150px;

}



A.btn_blue, A.btn_blue:visited, A.btn_blue:link {

    background-color: #435967;

}



a.btn-xs {

    color: #FFFFFF !important;

}



/*



A.btn_blue:hover {

border:#FDB515 thin solid;

}



.btn-group A.btn, .btn-group A.btn:hover {

color: #435967;

background-image: linear-gradient(to bottom, #FFFFFF 0px, #E0E0E0 100%);



    background-repeat: repeat-x;



    border-color: #CCCCCC;



    text-shadow: none;

}



.btn-group A.btn:hover {

background:none;

background-repeat: repeat-x;

background-image: linear-gradient(to bottom, #E0E0E0 0px, #FFFFFF 100%);

}



*/



/* Price Fields */

.part_select {

    border: 2px solid #FDB515;

    color: #FDB515;

    text-transform: uppercase;

    padding: 5px 15px;

    border-radius: 5px;

    background-color: #303030;

}



.submission_list {

    width: 300px;

    padding: 5px;

    display: block;

    margin: 5px;

    background-color: #FFF;

    line-height: 20px;
	
	float: right;
	
	

}



.submission_list .design {
	
	font-size: 10px;

}



.submission_list .actions {

    padding: 0px;

    float: right;

}



.FormSubmit {

    float: right;

    height: 40px;

}



a.mainmenubutton {

    background-color: #696969;

    font-weight: bold;

    color: white;

    text-transform: capitalize;

    font-family: Arial, "sans-serif";

    padding: 2px 4px 2px 4px;

    display: block;

    margin-bottom: -4px;

    margin-top: 0px;

}



.MainMenuHeader {

    padding-top: 15px;

    color: #FFFFFF;

    font-weight: bold;

}



.Intro {

    padding: 10px;

}



.News {

    background-color: #CCCCCC;

}



.NewsHeading {

    background-color: #999999;

    padding: 5px;

    font-weight: bold

}



.NewsItem {

    background-color: #F0F0F0;

    padding: 5px;

    margin: 5px;

}



/* Login Page */



.LoginBox {

    float: right;

    background-color: #DEDEDD;

    padding: 5px;

}



/* Main Menu */



.V2 .MainMenu .Menutext {

    padding-left: 175px;

    padding-bottom: 100px;

}



.V2 .MainMenu .Disclaimer {

    font-weight: bold;

    line-height: 20px;

}



/* User Info Box */



.V2 .UserInfo {

    border: 1px solid #DDD;

    background-color: #F5F5F5;

    border-collapse: collapse;

    width: 100%;

}



.V2 .UserInfo TD {

    padding: 4px;

}



.V2 .UserInfo .Data {

    width: 80%;

    font-size: 11px;

    line-height: 16px;

}



.V2 .UserInfo .Update {

    width: 20%;

    text-align: center;

}



.PageHeading {

    color: #C71444;

    font-size: 16px;

    font-weight: bold;

}



.PageTitle {

    color: #000000;

    font-size: 16px;

    font-weight: bold;

    font-family: Arial, "sans-serif";

    text-transform: uppercase;

}



.PageTitle strong {

    color: #C71444;

    text-transform: none;

}



/* Trade Flyers */



.V2 .Trade {

    background-position: left;

    background-repeat: repeat-y;

}



.V2 .Trade .Intro {

    padding-left: 175px;

    padding-bottom: 100px;

}



.TradeFlyer A {

    text-decoration: none;

    color: #E9E9E9;

}



.TradeFlyer A:visited {

    color: white;

}



A.Red {

    color: #FDB515;

}



A.Red:visited {

    color: #FDB515;

}



/* General Page */



.UserInfo {

    margin-bottom: 15px;

}



.UserInfo .detail {

    font-weight: bold;

    color: #DA261E;

}



/* TRADE FLYERS ============================================================== */



/* Overall structure */



.UserInput {

    border: 15px solid #C0C0C0;

    /*  background-color: black; */

    color: white;

}



.UserInput .Step {

    background-color: #DA261E;

    padding: 3px;

    color: white;

    font-weight: bold;

}



.UserInput .Step .Number {

    color: yellow;

    font-size: 17px;

    padding-right: 10px;

}



.UserInput .Step .Name {

    color: #FEE;

    font-size: 13px;

}



.UserInput .Instructions {

    background-color: #555;

    color: white;

    padding: 5px;

}



.UserInput .Content {

    padding: 10px;

    color: white;

}



.UserInput .Content A.Option {

    color: white;

}



.UserInput .Content A.Option:hover {

    color: yellow;

}



/* Flyer List */



.FlyerList TH, .FlyerList TD {

    padding: 3px;

}



.FlyerList TH {

    background-color: #EEE;

    border: 1px solid #DDD;

}



.FlyerList TD {

    border: 1px solid #F0F0F0;

}



.FlyerList A {

    color: #FDB515;

}



/* Selection Areas */



.SelectArea {

    height: 350px;

    overflow: auto;

    border-top: 1px solid black;

    border-bottom: 1px solid black;

}



.SelectArea TD {

    background-color: white;

}



.SelectArea A {

    display: block;

    padding: 4px;

    background-color: white;

    border: 1px solid white;

}



.SelectArea A.Current {

    background-color: #CFC;

    border: 1px solid #060;

    color: black;

}



.SelectArea A:hover {

    background-color: #FFC;

}



.SelectArea A:visited {

    border: 1px solid black;

}



.BackgroundSelect TD {

    padding: 5px;

}



.HeadingSelect TD {

    padding: 0px;

}



.HeadingSelect TD A {

    color: black;

}



.IconSelect TD {

    border: 1px solid black;

    padding: 0px;

}



.IconSelect TD A {

    display: block;

    border: 0;

    height: 100%;

}



/* Select background style */



.PanelPresentation {

    text-align: center;

    border-top: 1px solid white;

    color: white;

}



.PanelPresentation .Options {

    margin: 5px 0;

}



.PanelPresentation IMG.NotSelected {

    border: 3px solid white;

}



.PanelPresentation IMG.Selected {

    border: 3px solid yellow;

}



/* Offer Category / Subcategory tree */



.SkinStyle {

    text-align: center;

}



.OfferSelect {

    height: 220px;

    overflow: auto;

    border: 1px inset gray;

    font-weight: bold;

    background-color: white;

    color: black;

}



.OfferSelect A {

    display: block;

    color: black;

    padding-left: 3px;

}



.OfferSelect A.Sub {

    font-size: 10px;

    padding-left: 25px;

    padding-top: 1px;

    padding-bottom: 1px;

    color: black;

}



.OfferSelect A:hover {

    background-color: #FFC;

    color: black;

}



.OfferSelect A.Sub:hover {

    background-color: #EEE;

    color: black;

}



.OfferSelect A:visited {

    color: black;

}



/* Part/Offer selection area */



.hidden_part {

    display: none;

}



.part_item, .part_select {

    cursor: pointer;

}



.PartSelection {

    border: 1px outset gray;

    background-color: #FAFAFA;

    padding: 5px;

    cursor: pointer;

}



.PartSelection .Category {

    padding: 2px;

    border-bottom: 1px solid #777;

    margin-bottom: 5px;

    color: black;

}



.PartSelection .Category A {

    color: #600;

    font-weight: normal;

}



/* Select single or multi presentation style */



.PresentationStyle {

    text-align: center;

    height: 35px;

    padding-top: 15px;

}



.PresentationStyle A {

    margin: 5px;

    border: 1px outset gray;

    background-color: #DDD;

    color: black;

    padding: 3px;

}



.PresentationStyle A:hover {

    color: #999;

}



.PresentationStyle A:active {

    border: 1px inset gray;

    background-color: #CCC;

}



/* Multi Offer */



.odd {

    background-color: #CCCCCC;

}



.even {

    background-color: #FFFFFF;

}



/* List of offers already entered */



.ContentPreview A {

    color: white;

    font-weight: bold;

}



.OfferList {

    border: 1px solid gray;

    margin-bottom: 3px;

}



.OfferList TD {

    padding: 2px;

    font-family: Arial, "sans-serif";

    font-size: 8px;

}



.OfferList TD A {

    color: #600;

    font-weight: bold;

}



.OfferList TR.RowStandard TD {

    background-color: #F6F6F6;

}



.OfferList TR.RowAlternate TD {

    background-color: white;

}



.SingleOffer {

    width: 200px;

    padding: 10px;

    background-color: white;

    color: black;

    border-top: 1px solid white;

}



.SingleOffer IMG {

    display: block;

    margin: 10px;

}



.SingleOffer .Description {

    margin: 10px;

}



.SingleOffer .SmallPrint {

    margin: 10px;

    font-size: 9px;

}



/* Panel Capacity */



.Capacity {

    text-align: center;

    font-weight: bold;

    margin-bottom: 10px;

    border: 1px inset gray;

    background-color: white;

    color: black;

}



.Capacity .Used {

    color: #600;

}



.Capacity .Available {

    color: #060;

}



.Capacity .Splash {

    color: #AAA;

    padding: 3px;

}



/* Panel Completion Options */



.Completion {

    margin-top: 10px;

    padding: 10px;

    border-top: 1px dotted #AAA;

}



.Completion .Submit {

    text-align: center;

    margin-top: 15px;

}



/* Preview */



.Panels .Normal {

    border: 1px solid white;

}



.Panels .Selected {

    border: 1px solid #FFD700;

}



/* Checkout */



.Note {

    color: #FDB515;

    font-weight: bold;

}



.Footnote {

    font-size: 10px;

    margin-bottom: 15px;

}



/* Checkout Page */



.CheckoutInput {

    text-align: left;

    font-size: 12px;

    padding: 0px 0px 0px 40px;

}



.CheckoutInput .hilite {

    background-color: #79B809;

    padding: 5px 20px;

    color: #FFF;

    margin-bottom: 20px;

}



.CheckoutInput .Instructions {

    background-color: black;

    font-weight: bold;

    border-bottom: 1px solid white;

}



.CheckoutInput .Form {

    padding: 10px;

    border-bottom: 1px solid white;

}



.CheckoutInput .Form .Section {

    margin-bottom: 10px;

}



.CheckoutInput .Form TD {

    color: white;

}



.CheckoutInput .Form TD SELECT {

    width: 150px;

}



.CheckoutInput .Submit {

    padding: 5px;

    text-align: center;

}



.CheckoutInput fieldset {

    margin-bottom: 20px;
	border: 2px solid #F0F0F0;
	padding: 15px;

}



.CheckoutInput .field label {

    width: 30%;

    max-width: 250px;

    min-width: 50px;

    font-size: 100%;

    padding-right: 10px;

    color: #000;

}



.CheckoutInput .field {


    padding: 0px;

}



.CheckoutInput textarea {

    width: 95%;

}



.CheckoutInput .radio .checkbox {

    margin-top: 0px;

}



.CheckoutInput .radio label {

    float: none;

    max-width: 160px;

    min-width: 80px;

    line-height: 20px;

    font-size: 75%;

    margin-bottom: 0px;

    padding-bottom: 0px;

}



.CheckoutInput .btn {

    text-transform: uppercase;
	border-radius: 0px;

}



/* Specials / Promotions */



.SpecialsDesigns TD.GroupName {

    padding: 5px;

    color: #CC0000;

    text-align: left;

    font-weight: bold;

    font-size: 14px;

    border-top: #666666 thin solid;

}



.SpecialsDesigns A.fixedselect {

    background-color: #FFFFFF;

    margin-top: 5px;

    padding: 2px;

}



.SpecialsDesigns A:Hover.fixedselect {

    background-color: #333333;

}



/* Retail System */



.V2 .V2Page .Intro {

    padding-left: 175px;

    padding-bottom: 100px;

}



.V2 {

}



.V2 .Title {

    padding: 3px;

    padding-top: 6px;

    font-weight: bold;

    white-space: nowrap;

}



.V2 .Input, .InfoBar {

    padding: 15px;

    width: 100%;

}



.InfoBar {

    background-color: #ddd;

}



.V2 .Box {

    border: 1px solid #333333;

    color: black;

    padding: 3px;

}



.V2 .Input .Box .Form .Edit TD {

    color: black;

    padding: 3px;

}



.V2 .Space {

    padding: 20px 40px;

    line-height: 25px;

}



.V2 .RadioGroup {

    padding: 3px 10px;

}



.V2 .RadioGroup .Option {

    padding-bottom: 3px;

}



.V2 .AdColor {

    float: left;

    width: 49%;

}



.V2 .AdDepartment {

    float: left;

    width: 50%;

    padding-left: 1%;

}



.V2 TABLE.FlyerType {

    width: 700px;

}



.V2 TABLE.FlyerType TD {

    text-align: center;

    padding: 5px 5px 10px 5px;

}



.V2 .SubmitArea {

    text-align: center;

    padding: 5px;

}



.V2 .FlyerPreview .Heading {

    font-family: Arial, "sans-serif";

    color: white;

    font-weight: bold;

}



.V2 .FlyerMenu {

    padding-left: 10px;

}



.V2 .FlyerMenu A {

    display: block;

    padding-left: 5px;

    color: white;

}



.V2 .FlyerMenu A:hover {

    text-decoration: none;

    color: #999999;

}



.V2 .LayoutSelection {

    text-align: center;

}



.V2 .LayoutSelection TABLE {

    border-collapse: collapse;

    width: 100%;

}



.V2 .LayoutSelection TABLE TD {

    text-align: center;

    padding: 5px;

}



.V2 .LayoutSelection TABLE TD A {

    color: black;

}



.V2 TABLE.Layout {

    border-collapse: collapse;

    background-color: #666666;

    width: auto;

}



.V2 TABLE.Layout TD {

    border: 1px solid white;

    background-color: #666666;

    padding: 0;

}



.V2 .HeadingSelect {

    height: 385px;

    overflow: auto;

    background-color: white;

}



.V2 .HeadingSelect A {

    display: block;

    padding: 2px;

    color: black;

}



.V2 .HeadingSelect A:hover {

    text-decoration: none;

    background-color: #FFD700;

}



.V2 .HeadingSelect A.Current {

    border: 1px solid #FFD700;

}



.V2 .IconSelection {

    background-color: #FFFFFF;

    text-align: center;

}



.V2 .IconSelection TABLE {

    width: 100%;

}



.V2 .IconSelection TABLE TD {

    text-align: center;

    background-color: white;

    padding: 0;

}



.V2 .IconSelection TABLE TD A {

    display: block;

    padding: 1px;

    border: 1px solid white;

    color: black;

}



.V2 .IconSelection TABLE TD A:hover {

    background-color: #333333;

    border: 1px solid #333333;

}



.V2 .IconSelection TABLE TD A.Current {

    border: 1px solid #FDB515;

}



.SubCat {

    color: #000000;

}



.V2 .ItemSelector A, .skinselect A {

    text-decoration: none;

    display: block;

}



.V2 .ItemSelector .Category .Name A {

    color: black;

    font-weight: bold;

}



.V2 .ItemSelector .Category .Name A:hover, .V2 .ItemSelector .Category .Name A:active, .skinselect A:hover {

    background-color: #333333;

    color: #FFFFFF;

}



.V2 .ItemSelector A.Item {

    color: black;

    font-weight: normal;

    padding: 5px;

    width: 30%;

    float: left;

    text-align: center;

}



.V2 .ItemSelector A.Item img {

    width: 100%;

    height: auto;

}



.V2 .ItemSelector A.Item:hover {

    background-color: #FDB515;

}



.V2 .ItemSelector .Category {

    clear: both;

    width: 100%;

}



.V2 .ItemSelector .branch {

    clear: both;

    width: 100%;

}



.V2 .ItemSelector .accordion .keywords {

    display: none;

}



.V2 .PanelDetails, .V2 .Box {

    color: #000000;

}



.V2 .PanelDetails .Image {

    text-align: center;

    padding: 10px;

}



.V2 .PanelDetails .Form {

    padding: 4px;

}



.V2 .PanelDetails .Submit {

    text-align: center;

    padding: 5px;

}



.V2 .Box .Edit {

    width: 100%;

}



.V2 .Box .Edit TD {

    padding: 2px;

    color: black;

}



.V2 .Completed {

    padding: 30px;

}



img {

    max-width: 100%;

    max-height: auto;

}



/* Downloads */



.V2 .Downloads {

    background-position: left;

    background-repeat: repeat-y;

}



.V2 .Downloads .Content {

    padding-left: 175px;

    padding-bottom: 100px;

}



.V2 .Downloads UL LI {

    padding: 5px;

}



/* Help */



.V2 .Help {

    background-position: left;

    background-repeat: repeat-y;

}



.V2 .Help .Content {

    padding-left: 175px;

    padding-bottom: 100px;

}



#red {

    color: #FDB515;

}



td.vdiv {

    background-repeat: repeat-y;

    background-position: right

}



td.AddFlyerTitle {

    background-repeat: repeat-x;

    background-position: bottom;

    font-weight: bold

}



.bottombar {

    padding: 10px;

    margin: 20px;

    color: #FDB515;

}



.wLabel {

    width: 25%;

    text-align: right;

}



td.Preview {

    background-color: #CCCCCC;

    min-height: 500px;

    height: 500px;

}



.Label {

    width: 25%;

}



/* Pricelist */



.PriceList {

    border-collapse: collapse;

    background-color: white;

    color: black;

}




.Input .success {
    padding: 5px;
    color: #333;
    border: 2px solid #ddd;
	background-color: #eee;
    width: 520px;
    margin: 0 auto;

}

.Input .warning {

    padding: 15px;

    color: #c71444;

    border: none;

}



.Input .fieldset {

    /*border-bottom: 1px solid #CCC;	*/

    /*margin-bottom: 20px;
	padding: 10px;*/
}



.Input legend {

    font-size: 14px;

    color: #c71444;
	
	font-weight: bold;

	text-transform: uppercase;
	
	padding: 0px 10px 0px 10px;

}



Input.TotalPrice {

    background-color: #A9A9A9;

    text-align: right;

}



Input.Price {

    text-align: right;

}



.field label {

    width: 50%;

    max-width: 250px;

    min-width: 200px;

    display: inline-block;

    color: #333;

    text-align: left;

}



.page .field label {

    width: 100%;

    max-width: 100%;

}



.page .field input, .page span.input {

    width: 100%;

    max-width: 100%;

}



span.input .textarea {

    width: 100%;

}



.FullWidth .field label {

    float: left;

}



.FullWidth .field .input {

    float: left;

}



.FullWidth .field .input input {

    width: 100%;

    max-width: 100%;

}



.radio span.input {

    float: left;

}



.radio input {

    width: 50px !important;

    max-width: 50px;

    min-width: 50px;

    float: left;

}



.radio label {

    float: left;

    width: 80px !important;

    max-width: 80px;

    min-width: 80px;

    line-height: 20px;

}



.hint {



}



.hint .fa-circle {

    color: darkblue;

}



.hint .text {

    display: none;

}



.hint:hover .text {

    display: inline-block;

}



.vLabel {

    border-bottom: thin solid #A9A9A9

}



Input.fixed {

    background-color: #AAAAAA;

}



Input.variable {

    background-color: #FFFFFF;

}



Fieldset {

    padding: 10px;

}



.Edit .Label {

    color: #333333;

}



.pageselect A {

    background-color: #333333;

    padding: 4px;

    color: #FFFFFF;

    display: block;

    text-decoration: none;

    text-align: center

}



.pageselect A:hover {

    background-color: #CC0000;

    text-decoration: none

}



/* Slideshow */



td.SlideshowOrderForm {

    background-color: #CCCCCC;

}



tr.heading_row {

    background: #CCC;

    font-weight: 800;

}



tr.top_heading {

    background: #999;

    font-weight: 800;

}



tr.odd td.cell_100 {

    background: #FF8080;

}



tr.even td.cell_100 {

    background: #FF9191;

}



div.table {

    display: block;

    width: 100%;

    clear: both;

}



div.table div.row {

    display: block;

    width: 100%;

    padding: 3px;

}



div.table div.row:hover {

    display: block;

    width: 100%;

    background-color: #fcefa1;

}



div.table div.row div.left {

     display: block;

     width: 70%;

     float: left;

 }



div.table div.row div.right {

    display: block;

    width: 30%;

    float: right;

}



.black_overlay {

    display: none;

    position: absolute;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 100%;

    background-color: black;

    z-index: 801;

    -moz-opacity: 0.8;

    opacity: .80;

    filter: alpha(opacity=80);

}



.white_content {

    display: none;

    position: absolute;

    top: 20px;

    left: auto;

    right: auto;

    width: 900px;

    height: 600px;

    z-index: 802;

    padding: 16px;

}



.box_content {

    background-color: white;

    padding: 16px;

    border: 16px solid #C9D2E0;

    overflow: auto;

}



.close_button {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 30px;

    height: 30px;

}



.clear {

    clear: both;

}



.field {

    clear: both;

    padding-bottom: 10px;

    width: 99%;
	
	

}



.doclink.subcat {

    margin-left: 20px;

}



.doclink {

    display: block;

    height: 40px;

    width: 100%;

    line-height: 40px;

    overflow: hidden;

}



.doclink .t {

    line-height: 40px;

    height: 40px;

    overflow: hidden;

}



.doclink .i {

    height: 40px;

    width: 30px;

    background-image: url(/R_images/website/icons.png);

    background-repeat: no-repeat;

    margin-right: 15px;

    display: inline-block;

    float: left;

}



.doclink.image .i {

    background-position: -59px 0px;

}



.doclink.word .i {

    background-position: -30px 0px;

}



.doclink.excel .i {

    background-position: -117px 0px;

}



.doclink.pdf .i {

    background-position: -88px 0px;

}



.doclink.zip .i {

    background-position: -205px 0px;

}



.doclink.file .i {

    background-position: 0px 0px;

}



input[type="radio"], input[type="checkbox"] {

    display: inline;

}



input[type="radio"] {

    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */

    -moz-appearance: checkbox; /* Firefox */

    -ms-appearance: checkbox; /* not currently supported */

}



/* R_upload */

.Uploader {

    padding: 15px;

}



.Uploader #files {

    height: 250px;

    width: 100%;

}



.Uploader fieldset {

    padding: 15px;

    margin: 15px;

}



.Uploader .good {

    background-color: #ccffcc;

}



.Uploader .new {

    background-color: #FFcccc;

}



.checkout-table .radio .checkbox {

    width: 30px !important;

    min-width: 30px !important;

}



.checkout-table .radio.radio label {

    width: auto !important;

    max-width: auto;

    min-width: auto;

}



.checkout-table .radio select {

    float: left;

    margin-right: 10px;

}



.checkout-table .radio select:disabled {

    background: #eee;

}



.bannermenu > a + a {

    border-left: solid 1px #fff;

}













































/*  new css rules suzuki  */

@charset "utf-8";
/* CSS Document */


/*       ---------------------------------------------------------------------     */



html {
height: 100%;
box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* -+-+-+- VIDEO BACKGROUND START -+-+-+- */	
body {
  margin: 0;
/*  Background fallback in case of IE8 & down, or in case video doens't load, such as with slower connections  */
  background-color: #eee;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  min-height: 100%;
  
}


#video-background {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
  filter: opacity(40%);
  
}	
/* -+-+-+- VIDEO BACKGROUND END -+-+-+- */


/*  GO FULL WIDTH BELOW 640 PIXELS */
@media only screen and (max-width: 640px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%;}
	
}	
/* -+-+-+- COLUMNS END -+-+-+- */
	
/* -+-+-+- LOG IN BOXES START -+-+-+- */	
.L-inner-container {
float: left;
width: 100%;
	
}
	
.R-inner-container {
float: left;	
width: 100%;
	
}

	
.box{
  /*height:100%;*/	
  width: 100%;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  color:#fff;
  background-color:rgba(189,28,72,0.8);
  padding: 25px;
  margin: 0px;
  /*margin-top: -.5px;*/
}	
	
.box-2{
  /*height:100%;*/	
  width: 100%;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  color:#fff;
  background-color:rgba(189,28,72,0.8);
  padding: 0px;
  margin: 0px;
  /*margin-top: -.5px;*/
}

	
.box h1{
  text-align: center;
  margin: 0;
  font-size: 3em;
  font-weight: 200;
  width: 100%;
}
	
.box input{
  display:block;
  width: 100%;
  margin: 3% auto;
  padding: 3%;
  /*background:rgba(255,255,255,1);*/
  color:#222;
  border:0;
  font-size: 15px;
}



.box input:focus,.box input:active,.box button:focus,.box button:active{
  outline:none;

}
.box button{
  background-color:rgba(00,166,153,0.0);
  border:0;
  color:#fff;
  padding:5px;
  font-size:15px;
  font-weight: 600;
  width:70%;
  margin:5px auto;
  display:block;
  cursor:pointer;
  text-align: left;
}
.box button:active{
  background: yellow;
}
/* -+-+-+- LOG IN BOXES END -+-+-+- */
	
/* -+-+-+- HEADER START -+-+-+- */
.header-fixed {
	border-bottom: solid 5px #f0f0f0;
	background-color: #fff;
	position: fixed;
	top: 0;
	display: block;
	width: 100%;
	z-index: 995;
  	margin: 0;
    padding: 0;
    font: inherit;
    font-size: inherit;
    font-size: 100%;
    vertical-align: baseline;
}


.header-fixed .header-limiter {
	background-position: 0 -48px; height: 48px; margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

.header-container {
	position: relative;
	z-index: 9999; 
	margin: auto;
	width: 960px;
	max-width: 100%;
	min-width: 960px;
	
	
}

.header-fixed-placeholder{
	height: 48px;
	display: none;
}

.logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 116px;
	height: 141px;
	z-index: 5;
	display: block;	
}

.header-menu {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: inherit;
	font-size: 100%;
	vertical-align: baseline;		
}

#menuNav {
	margin-left: 14.271%;
	position: relative; display: inline;
	float: left;
	width: 56.458%;
	margin-right: 1.875%; 
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: inherit;
	font-size: 100%;
	vertical-align: baseline;	
	
}

/* Fixed version of the header */

body.fixed .header-fixed {
	padding: 10px 40px;
	height: 50px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

body.fixed .header-fixed-placeholder {
	display: block;
}

body.fixed .header-fixed .header-limiter h1 {
	font-size: 24px;
	line-height: 30px;
}

body.fixed .header-fixed .header-limiter nav {
	line-height: 28px;
	font-size: 13px;
}


/* Making the header responsive */
@media all and (max-width: 600px) {

	.header-fixed {
		padding: 20px 0;
		height: 48px;
	}

	.header-fixed .header-limiter h1 {
		float: none;
		margin: -8px 0 10px;
		text-align: center;
		font-size: 24px;
		line-height: 1;
	}

	.header-fixed .header-limiter nav {
		line-height: 1;
		float:none;
	}

	.header-fixed .header-limiter nav a {
		font-size: 12px;
	}

	body.fixed .header-fixed {
		display: none;
	}

}	
	
	
/* -+-+-+- FOOTER START -+-+-+- */		
.wrapper {
  margin: 0 auto;
  background-color: #fff;
}
	
div.footerbar {
  max-width: 100%;		
		
}

.footerbar {
  max-width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  padding: 0.5rem;
  /*background-color:rgba(26,26,26,0.80);*/
  background-color:#eee;
  text-align: left;
  color: #fff;
  font-family: Arial, "sans-serif";
  border-top: 2px solid #ddd;
}
/* -+-+-+- FOOTER END -+-+-+- */		

/* The navigation links */

.header-fixed .header-limiter a {
	color: #222;
	text-decoration: none;
}

.header-fixed .header-limiter nav {
	font: 15px Arial, "sans-serif";
	line-height: 3em;
	float: left;
	padding-left: 3%;
	font-weight: 600;
}

.header-fixed .header-limiter nav a{
	width: 100%;
	display: inline-block;
	padding: 0 10px;
	opacity: 1;
	font-weight: bold;
	background-color: transparent;
	cursor: pointer;
}

.header-fixed .header-limiter nav a.active, .header-fixed .header-limiter nav ul.active{
	opacity: 1;
	background-color: #fff;
	color: #c71444;
	border-bottom: 5px solid #c71444;
}

.header-fixed .header-limiter nav a:hover{
	opacity: 1;
	background-color: #fff;
	color: #c71444;
	border-bottom: 5px solid #c71444;
}

.header-fixed .header-limiter nav a.selected {
	pointer-events: none;
	opacity: 1;
	border-bottom: 5px solid #c71444;
	color: #c71444;
}
	
/* ----------------------------------------- */
	 
.Menubar a {
	color: #c71444;
	text-decoration: none;
}

.Menubar {
	line-height: 3em;
	float: left;
	font-weight: 600;
	background-color: transparent;
	position: absolute;
	width: 100%;
	margin: 0% 0% 0% 25%
}
	
.Menubar TD {
	font: 14px Arial, "sans-serif";
	line-height: 3.4em;
	font-weight: 600;
	border-bottom: 0;
	border-top: 0;
	padding: 0;
	background-color: transparent;

}

.Menubar a{
	display: inline-block;
	padding: 0 10%;
	text-decoration:none;
	color: #222;
	opacity: 0.9;
}

.Menubar a:hover{
	opacity: 1;
	background-color: none;
	color: #fff;
	box-shadow: none;
	border-bottom: solid 5px #c71444;

}

.Menubar a.selected {
	color: #c71444;
	pointer-events: none;
	opacity: 1;
}

.Menubar a.active {
	color: #c71444;
	opacity: 1;
}

.Menubar TD:hover {
    border-bottom: 0;
}
	
.Menubar ul, .Menubar ul li {
	padding: 0;	
	height: 53px;
}
	
.dropdown-menu, .dropdown-menu2 {
    min-width: 100%;
    background-color: #f0f0f0;
    border-radius: 0;
    border: 0;
    font-weight: bold;
}

.dropdown-menu a {

}
	
.dropdown-menu > li > a, .dropdown-menu2 > li > a {
padding: 0px 0px;	
background-color: #fff;
}
	
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu2 > li > a:hover, .dropdown-menu2 > li > a:focus {
background-image: linear-gradient(to bottom,#ffff 0,#fff 100%)		
		
}
	
/* ----------------------------------------- */	
		
#header-img {
float: left;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.ItemSelector .accordion .keywords {
display: none;
}

.ItemSelector .accordion .keywords {
display: none;
}
/*	
.ItemSelector A.Item {
    color: black;
    font-weight: normal;
    padding: 5px;
    width: 30%;
    float: left;
    text-align: center;
    height: 230px;
	}
	
.ItemSelector A.Item:hover {
    background-color: rgba(25, 171, 237, 0.4) ;

}
*/

.ItemSelector A.Item {
  color: black;
  font-weight: normal;
  padding: 5px;
  width: 33.33%;
  float: left;
  text-align: center;
  padding-bottom: 12px;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  text-decoration: none;
}

.ItemSelector A.Item:hover, .ItemSelector A.Item:focus, .ItemSelector A.Item:active {
  box-shadow: 0 0 8px rgba(189, 28, 72, 0.9);
  background-color: #c51733;
  color: #fff;
}	





/*        =========================================     */

#video-background {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
  filter: opacity(40%);
  
}	
/* -+-+-+- VIDEO BACKGROUND END -+-+-+- */

/* -+-+-+- COLUMNS START -+-+-+- */	
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}


.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
	
.col:first-child { margin-left: 0; }

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

.span_3_of_3 {
	width: 30%;
}
.span_2_of_3 {
	width: 40%;
	margin: 5% 0% 0 0%;	
}
.span_1_of_3 {
	width: 30%;
}

.span_1_of_1 {
	width: 100%;
}

/*  GO FULL WIDTH BELOW 640 PIXELS */
@media only screen and (max-width: 640px) {
	.col {  margin: 0%; }
	.span_1_of_3, .span_2_of_3, .span_3_of_3, { width: 100%;}
	
}	
/* -+-+-+- COLUMNS END -+-+-+- */


	
	
/* -+-+-+- HEADER END -+-+-+- */	

input.submitbutton {
  background-color:#c71533;
  border:0;
  color:#fff;
  padding:5px;
  font-size:15px;
  font-weight: 600;
  width:60%;
  margin-top:5px;
  display:block;
  cursor:pointer;
  text-align: center;
}

.submitbutton:hover{
  background: rgba(255,255,255,.1);
}

input.submitbutton:active{
  background: #C71444;
}

svg:not(:root).svg-inline--fa {
margin: 0 15px;
	
}

.svg-inline--fa {
vertical-align: -0.35em;
font-size: 2em;

}

.active, .accordion:hover {
	
background-color: #f0f0f0;
}

.nama_banner {
	position: relative; 
	z-index: 10; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font: inherit; 
	font-size: inherit; 
	font-size: 100%; 
	vertical-align: baseline;
}
	
.hero { 
	width: 100%; 
	height: 240px; 
	position: relative; 
	overflow: hidden; 
	border-bottom: 5px solid #f0f0f0;
}
	
.hero img { 
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -640px;
}
	
.banner_title_1 {
	position: relative; 
	top: 0; 
	left: 0; 
	margin-top: 70px; 
	z-index: 1; 
	margin: auto; 
	width: 960px; 
	max-width: 100%; 
	min-width: 960px;	
}
	
.banner_title_2 {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: inherit;
	font-size: 100%;
	vertical-align: baseline;	
}
	
.banner_title_3 {
	display: inline; 
	float: left; 
	width: 100%; 
	margin-right: 1.875%; 
	margin-top: 120px;	
}
	
.banner_title_3 p {
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000;
	margin: 0;
	display: block;
	font-size: 1em;
	line-height: 1em;	
}

.dropdown-menu2 {
    display: none;
    background-color: #fff;
    z-index: 1;
}
.dropdown-menu2.left {
    position: absolute;
    top: 0;
    right: 100%;
}
#dropdown-address a {
    width: 400px;
    background-color: #fff;
}
.dropdown-menu li {
    height: auto !important;
    line-height: 3em;
}
.dropdown a {
    margin-bottom: 5px;
}
.dropdown a:hover {
    margin-bottom: 0px;
}
.dropdown a.active {
    margin-bottom: 0px !important;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
}
.dropdown-submenu li, .dropdown-menu li {
    height: auto;
}
.dropdown-submenu:hover .dropdown-menu2 {
    display: block;
}
a.mainmenu-item {
    height: 53px;
    margin-bottom: 0px;
}

/* Breadcrumb */
	.breadcrumb {
	    padding:0 !important;
	    border-radius: 0 !important;
	    display:inline-block;
	    background-color: transparent !important;
	}
	.breadcrumb li{
	    display:inline-block;
	}
	.breadcrumb span{
	    font-size:1rem;
	    position:relative;
	    display:inline-block;
	    background:#eee;
	    text-decoration:none;
	    color:#555;
	    padding:7px 5px 7px 10px;
	    margin-left: 7px;
	}
	.breadcrumb li:first-child span {
	    margin-left: 0px;
	}
	.breadcrumb span:first-child:after{
	    position:absolute;
	    content:"";
	    height:0;
	    width:1px;
	    top:50%;
	    left:-10px;
	    margin-top: -14px;
	    border: 14px solid #eee;
	    border-right: 0 !important;
	    border-left: 10px solid transparent !important;
	}
	.breadcrumb span:first-child:before{
	    left:-19px;
	    border: 18px solid #555;
	}
	.breadcrumb li:first-child span:first-child:after{
		border: 0;
	}
	.breadcrumb li span:last-child {
	    position:absolute;
	    display:inline-block;
	    background:transparent;
	    color:#555;
	    margin-left: -0px;
	    border-top: 14px solid transparent;
		border-left: 10px solid #eee;
		border-bottom: 14px solid transparent;
		padding: 0px;
	}
	.breadcrumb > li + li:before {
	    content: " " !important;
	}
	.heretext {
	    position: absolute;
	    right: 0px;
	    top: -15px;
	    font-size: 8.5px;
	    color: #555;
	}
	
	/* ACTIVE STYLES */
	.breadcrumb li:last-child span:last-child{border-left: 10px solid #777;}
	.breadcrumb li:last-child span:first-child:after{border-color:#777;}
	.breadcrumb li:last-child span:first-child{background: #777; color: #fff;}