/* Minification failed. Returning unminified contents.
(4858,132): run-time error CSS1038: Expected hex color, found '#52512'
(9965,1): run-time error CSS1019: Unexpected token, found '@import'
(9965,9): run-time error CSS1019: Unexpected token, found 'url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css)'
(9966,1): run-time error CSS1019: Unexpected token, found '@import'
(9966,9): run-time error CSS1019: Unexpected token, found '"/skins/iisonline/css/animate.css"'
(9967,1): run-time error CSS1019: Unexpected token, found '@import'
(9967,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Lato:300,400,700)'
(9968,1): run-time error CSS1019: Unexpected token, found '@import'
(9968,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto)'
(9969,1): run-time error CSS1019: Unexpected token, found '@import'
(9969,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Homemade+Apple)'
(11406,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.container .alpha {
  margin-left: 0px;
}
.container .omega {
  margin-right: 0px;
}
.row {
  margin-left: -30px;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}
.container {
  width: 1170px;
}
.grid_12 {
  width: 1170px;
}
.grid_11 {
  width: 1070px;
}
.grid_10 {
  width: 970px;
}
.grid_9 {
  width: 870px;
}
.grid_8 {
  width: 770px;
}
.grid_7 {
  width: 670px;
}
.grid_6 {
  width: 570px;
}
.grid_5 {
  width: 470px;
}
.grid_4 {
  width: 370px;
}
.grid_3 {
  width: 270px;
}
.grid_2 {
  width: 170px;
}
.grid_1 {
  width: 70px;
}
.preffix_12 {
  margin-left: 1230px;
}
.preffix_11 {
  margin-left: 1130px;
}
.preffix_10 {
  margin-left: 1030px;
}
.preffix_9 {
  margin-left: 930px;
}
.preffix_8 {
  margin-left: 830px;
}
.preffix_7 {
  margin-left: 730px;
}
.preffix_6 {
  margin-left: 630px;
}
.preffix_5 {
  margin-left: 530px;
}
.preffix_4 {
  margin-left: 430px;
}
.preffix_3 {
  margin-left: 330px;
}
.preffix_2 {
  margin-left: 230px;
}
.preffix_1 {
  margin-left: 130px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
@media (min-width: 980px) and (max-width: 1199px) {
  .row {
    margin-left: -20px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 940px;
  }
  .grid_12 {
    width: 940px;
  }
  .grid_11 {
    width: 860px;
  }
  .grid_10 {
    width: 780px;
  }
  .grid_9 {
    width: 700px;
  }
  .grid_8 {
    width: 620px;
  }
  .grid_7 {
    width: 540px;
  }
  .grid_6 {
    width: 460px;
  }
  .grid_5 {
    width: 380px;
  }
  .grid_4 {
    width: 300px;
  }
  .grid_3 {
    width: 220px;
  }
  .grid_2 {
    width: 140px;
  }
  .grid_1 {
    width: 60px;
  }
  .preffix_12 {
    margin-left: 980px;
  }
  .preffix_11 {
    margin-left: 900px;
  }
  .preffix_10 {
    margin-left: 820px;
  }
  .preffix_9 {
    margin-left: 740px;
  }
  .preffix_8 {
    margin-left: 660px;
  }
  .preffix_7 {
    margin-left: 580px;
  }
  .preffix_6 {
    margin-left: 500px;
  }
  .preffix_5 {
    margin-left: 420px;
  }
  .preffix_4 {
    margin-left: 340px;
  }
  .preffix_3 {
    margin-left: 260px;
  }
  .preffix_2 {
    margin-left: 180px;
  }
  .preffix_1 {
    margin-left: 100px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 748px;
  }
  .grid_12 {
    width: 748px;
  }
  .grid_11 {
    width: 684px;
  }
  .grid_10 {
    width: 620px;
  }
  .grid_9 {
    width: 556px;
  }
  .grid_8 {
    width: 492px;
  }
  .grid_7 {
    width: 428px;
  }
  .grid_6 {
    width: 364px;
  }
  .grid_5 {
    width: 300px;
  }
  .grid_4 {
    width: 236px;
  }
  .grid_3 {
    width: 172px;
  }
  .grid_2 {
    width: 108px;
  }
  .grid_1 {
    width: 44px;
  }
  .preffix_12 {
    margin-left: 788px;
  }
  .preffix_11 {
    margin-left: 724px;
  }
  .preffix_10 {
    margin-left: 660px;
  }
  .preffix_9 {
    margin-left: 596px;
  }
  .preffix_8 {
    margin-left: 532px;
  }
  .preffix_7 {
    margin-left: 468px;
  }
  .preffix_6 {
    margin-left: 404px;
  }
  .preffix_5 {
    margin-left: 340px;
  }
  .preffix_4 {
    margin-left: 276px;
  }
  .preffix_3 {
    margin-left: 212px;
  }
  .preffix_2 {
    margin-left: 148px;
  }
  .preffix_1 {
    margin-left: 84px;
  }
}
.select-menu {
  display: none !important;
}
@media (max-width: 767px) {
  .container {
    width: 420px;
    padding: 0 0px;
  }
  .row {
    margin-left: 0;
  }
  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .select-menu {
    display: block !important;
  }
}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .container {
    width: 100%;
    padding: 0 15px;
  }
  .row {
    margin-left: 0;
  }
}

/**********************************************
1. Generalized set of classes
***********************************************/

html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
    height:100%;
}

body {
    background-color: #FFFFFF;
    color: #005B9A;
    font-size: 1rem;
    font-family: "Open Sans", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    height:100%;
    line-height:1.4285;
}

form {
    height:100%;
    padding:0px;
    margin:0px;
}

#wrap {

    height:auto !important;
    height:100%;
    margin:0px auto -100px;
    min-height: 100%;
    padding:0px;
}

#body {
    overflow:auto;
    background-color:#FFFFFF;
    clear: both;
}

.push {
    height:100px;
}
.skin_footer {
    min-height:100px;
    clear:both;
    background-color:#c1c3c5;
    text-align: center;
    /*padding:3px;*/ 
    border:0px;
    width:100%;
}

.footer_div {
    display:inline;
}

.footer_section_1 {
    display:inline-block;
    text-align: left; 
    vertical-align: top;
    min-width: 85px;
    max-width:220px;
    width:100%;
    margin-bottom:15px;
}
.footer_section_2 {
    display:inline-block;
    text-align: left; 
    vertical-align: top;
    min-width: 120px;
    max-width:220px;
    width:100%;
    margin-bottom:15px;
}

.footer_section_3 {
    display:inline-block;
    text-align: left; 
    vertical-align: top;
    min-width: 120px;
    max-width:220px;
    width:100%;
    margin-bottom:15px;
}

.footer_section_4 {
    display:inline-block;
    text-align: left; 
    vertical-align: top;
    min-width: 120px;
    max-width:220px;
    width:100%;
    margin-bottom:15px;
}

.footer_heading {
    margin-top:5px;
    margin-bottom:5px;
    font-size:12px;
    font-weight:bold;
}

.footer_heading a, span {
    color:black;
}

.footer_detail {
    display:block;
    margin-left:15px;
    font-size:14px;
    color:black;
}

.footer_detail a {
    color:#606060;
}
.foother_heading span {
    font-size: medium; color: #1f497d; font-weight: bold; text-decoration: none;
}

header {
    background-color:#fff;
}

/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

.iglow {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.container_optional {
    display:table-cell;
}

.Container11 {
    padding:0px;
    min-width:240px;
    margin:5px 4px 1px 4px;
    max-width:350px;
    display:table-cell;
    float:left;
}

.Container11_header {
    background: #0687ec;
    padding: 3px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: white;
}
.Container11_header span {
    color:white;
    font-weight:900;
    padding-left:7px;
}

.container11_body {
    background: #fff;
    border-left: 2px solid #cecfcf;
    border-right: 2px solid #cecfcf;
    border-bottom: 2px solid #cecfcf;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    position: relative;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.container_blue {
    background: #0687ec;
}
.container_green {
    background:#59c01a
}
.container_red {
    background: #cf4022
}
.container_black {
    background:#333333
}

.container_yellow {
    background:#ffcc00
}

.container_purple {
    background: #663399
}

.container_pink {
    background:#ff0080
}

.Container12 {
    padding: 0px;
    min-width: 240px;
    margin: 5px 4px 1px 4px;
    max-width: 350px;
    display: table-cell;
    float: left;
}

.Container12_header {
    padding: 3px;
    color: white;
}

    .Container12_header span {
        color: white;
        font-weight: 900;
        padding-left: 7px;
    }

.container12_body {
    background: #fff;
    position: relative;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.container12_body p {
    line-height:18px;
    margin-top:15px;
    margin-bottom:15px;
}
.container12_body p span {
    padding: 0px;
}



.account_login_guidelines {
    padding-bottom: 20px;
}

    .account_login_guidelines div {
        font-size: large;
        margin: 10px 15px 15px 10px;
        line-height:20px;
    }

        .account_login_guidelines div span {
            font-size: large;
            padding:0px !important;
        }

    .account_login_guidelines ul {
        padding: 0px;
        list-style-type: disc;
        list-style-position: outside;
        margin-left: 30px;
    }

        .account_login_guidelines ul li {
            padding: 0px;
            font-size: small;
        }

            .account_login_guidelines ul li span {
                padding: 0px;
                font-size: small;
            }


.container13 {
    padding: 0px;
    min-width: 240px;
    margin: 0px;
    max-width: 350px;
    display: table-cell;
    float: left;
}

.container13_header {
    padding: 3px;
    color: white;
}

    .container13_header span {
        color: white;
        font-weight: 900;
        padding-left: 7px;
    }

.container13_body {
    background: #fff;
    position: relative;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

    .container13_body p {
        line-height: 18px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .container13_body p span {
            padding: 0px;
        }


.picture_left {
    float:left;
    padding:0 10px 0 0;
}
.picture_right {
    float: right;
    padding: 0 10px 0 0;
}





.skin_module {
    width: 450px;
    height: 400px;
    border: 1px solid;
}

.skin_module_column {
    width: 100%;
    height: 100%;
    background-color: #E0FFF4;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.skin_module_content {
    width: calc(50% - 30px);
    min-height: 60px;
    margin: 15px;
    background-color: #CEBFFF;
}





/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}


/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    float: left;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 50%;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

    /*label {
        display: block;
        font-size: 1.2em;
        font-weight: 600;
    }

    label.checkbox {
        display: inline;
    }*/



    input, textarea {
        border: 1px solid #C2C2C2;
        margin: 3px 0px;
        padding: 3px 0px 3px 3px;
        color: black;
    }

    textarea {
        font-family: inherit;
    }

        input:focus, textarea:focus, input[type="submit"]:focus, input[type="button"]:focus {
            border: 1px solid #C2C2C2;
        }

        input[type="checkbox"] {
            background: transparent;
            border: inherit;
            width: auto;
        }

input[type=radio] {
    border: 1px solid C2C2C2;
    margin: 3px 0px;
    padding: 3px 0px 3px 3px;
    color: black;
}

input[type=image] {
    border:0px;
    margin:3px;
    padding:3px 0px 3px 3px;
}

label {
        display: block;
        padding: 0px 8px 0px 3px;
        margin: 2px 2px 2px 2px;
    }
input[type="submit"], input[type="button"] {
    background-color: #0069A6;
    border: 0px solid #787878;
    cursor: pointer;
    padding: 0px 8px 0px 3px;
    margin: 2px 2px 2px 2px;
    color: white;
    font-size: small;
    font-weight: bold;
    vertical-align: middle;
    height: 100%;
    width: auto;
    text-align: center;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    -webkit--box-shadow: 0 1px 3px transparent;
    -moz-box-shadow: 0 1px 3px transparent;
}

select {
        border: 1px solid #005b9a;
        margin: 3px 0px !important ;
        padding: 3px 3px 3px 3px !important;
        color: black !important;
}
select option {
    color: black !important;
    padding: 0px 8px 0px 3px;
    margin: 3px 0px;
}

    select optgroup {
        color:black !important;
        padding: 0px 8px 0px 3px;
        margin: 3px 0px;
    }

.resize_image {
    height: auto; 
    max-width: 100%; 
}

.center {
    text-align:center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.nomargin_nopadding {
    margin:0px;
    padding:0px;
}
.line_spacer {
    max-height:5px;
}
.hidden {display:none !important;}

.table {
    display: table;
}
.tr {
    display: table-row;
}
.td {
    display: table-cell;
}

.modal-popup {
    
}

    .modal-popup input[type="text"],
    .modal-popup input[type="password"] {
        width: 90%;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0px;
    border: 0 none;
}

td {
    padding: 0px;
    margin:0px;
    border: 0 none;
}

a {
    color:#0064c4;
    text-decoration: none;
}

    a:link, a:visited, a:active, a:hover {
    }


span {
    padding:0px;
    margin:0px;
}

.skin_header_all {z-index:100; width:100%; }

/*
    Main Skin 'site.master' 
    */
.skin_header { background-color: #FFFFFF; margin: 0 auto; padding:0px; max-width: 100%; display:block;}

.skin_header_mobilemenu {display:none; float:left; }

.skin_header_logo {
    display: inline-block;
    float: left;
}
.skin_header p { color: #c8c8c8; font-family: Rockwell, Consolas, "Courier New", Courier, monospace; font-size: 2.3em; margin: 0; }
.skin_header a, .skin_header a:hover, .skin_header a:active { background: none; color: #c8c8c8; outline: none; text-decoration: none; }
.skin_header_right { float: right; width:900px; }

.skin_header_top_line {
    height:25px;
    position:relative;
    top:1px;
}

.skin_header_right_top_line { min-height:25px; direction:rtl; background-color:#0687ec; }

.skin_header_bottom {
    display: table-row; 
    height:5px;
    width:500px;
}
.skin_header_bottom_left {
    display: inline-block;
}

.skin_header_bottom_right {
    display: table-cell;
    width:350px !important;
}


.skin_header_right_2nd_line { clear:both; display:table-row; float: right; height:5px;}



.skin_header_right_3nd_line { clear:both; display:table-row; float: right; height:20px; }

.skin_header_right_options { color:#FFFFFF; direction:ltr;  height:22px; padding-top:2px; text-align:right; }
    .skin_header_right_options a, .skin_header_right_options a:link, .skin_header_right_options a:visited, .skin_header_right_options a:active { vertical-align:middle; float:right; text-decoration: none; height:20px; font-weight: bold; font-size: small; color:#005B9A;  }

.skin_header_right_options_icon {display: inline-block;  color: #005B9A; height: 20px; width: 20px;}
.skin_header_right_options_text { color:white;  text-align:right; height:22px;  }



.skin_header_mylogin { display:inline-block; }
.mylogin_icon { background: url(../images/loginbutton.png); background-size: cover; background-repeat: no-repeat; }
.mylogin_text { display:inline-block; }

.skin_header_mylogoff { display:inline-block; }
.mylogoff_icon { background: url(../images/logoffbutton.png); background-size: cover; background-repeat: no-repeat; }
.mylogoff_text { display:inline-block; }

.skin_header_myblog { display:inline-block; }
.myblog_icon { background: url(../images/blog.png); background-size: cover; background-repeat: no-repeat; }
.myblog_text { display:inline-block; }

.skin_header_izipcode { display:inline-block; }
.myzip_icon { background: url(../images/mylocationbutton.png); background-size:cover; background-repeat: no-repeat; }
.myzip_text { display:inline-block; }


.skin_header_deladdr { display:inline-block; }
.mydeladdr_icon { background: url(../images/mydeliveryaddress.png); background-size:cover; background-repeat: no-repeat; }
.mydeladdr_text { display:inline-block;  }

.skin_header_myaccount { display:inline-block; }
.myaccount_icon { background: url(../images/myaccountbutton.png); background-size:cover; background-repeat: no-repeat; }
.myaccount_text { display:inline-block; }

.skin_header_mycart { display:inline-block; }
.mycart_icon { background: url(../images/myshoppingcart.png); background-size:cover; background-repeat: no-repeat;}
.mycart_text { display:inline-block;  }

.skin_header_myfav {display:inline-block; }
.myfav_icon { background: url(../images/myfavoritesbutton.png);  background-size:cover; background-repeat: no-repeat;}
.myfav_text { display:inline-block; }

.skin_header_myfilter {display:none;}
.myfilter_icon { background: url(../images/mysearchfilter.png); background-size:cover; background-repeat: no-repeat; }
.myfilter_text { display:none; }

.skin_header_iuser { display:inline-block; }
.myiuser_icon { background: url(../images/mybillinginfo.png); background-size:cover; background-repeat: no-repeat; }
.myiuser_text { display:inline-block; }


.cursor_pointer {
    cursor:default !important;
}

.cursor_link {
    cursor: pointer !important;
}

.skin_header_search {
    border:0px;
    direction:ltr;
    display:inline-block;
    padding:0px;
    margin:0px;
}

.skin_header_search_button {
    background-image: url(../images/mysearchfilter.png);
    background-size:20px;
    background-repeat:no-repeat;
    color: white !important;
    font-size: small;
    font-weight: bold;
    vertical-align: middle;
    border: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    padding: 0px;
    margin: 0px
}

.skin_header_message_line {background-color:#61c157;  min-height:25px; margin:0px; padding:0px; clear:both; text-align:center; }

.skin_header_message_line span { text-align:center; font:large; font-family: Tahoma; font-size: medium; font-weight: bold; color:white; padding:0px; vertical-align:middle }

.skin_searchfilter {
    border:0px;
    direction:ltr;
    display:inline-block;
    padding-left:5px;
    margin:0px;
}

.mysearchfilter_text {

}

.mysearch_text {
    display: inline-block;
}

.menu_line {
    background-color:black;
}

.slicknav_menu {
    display: inline-block;
    float: left;
    top:0px;
}

.skin_menu { max-width: 100%; min-height:38px; margin:0px; padding:14px 0px 0px 400px; clear:both; position:absolute}

.skin_featuredcontent {display:block;}

.skin_rotator_container {max-height:267px; max-width:100%; margin:0px; padding:0px; display:block}

.skin_rotator {display:block; width:100%; height:267px;  }
.skin_rotator_ad1 { background:url(../images/ad1.jpg) 0 0 repeat-x; background-size:contain; width:auto; height:100%; overflow-x:hidden; }
.skin_rotator_ad2 { background:url(../images/ad2.jpg) 0 0 repeat-x; background-size:contain; width:auto; height:100%; overflow-x:hidden;  }
.skin_rotator_ad3 { background:url(../images/ad3.jpg) 0 0 repeat-x; background-size:contain; width:auto; height:100%; overflow-x:hidden;  }
.skin_rotator_ad4 { background:url(../images/ad4.jpg) 0 0 repeat-x; background-size:contain; width:auto; height:100%; overflow-x:hidden; }



.skin_body {
    background-color: #FFFFFF;
    padding:0px;
    margin:0px;
    display:table ;
}

.skin_leftcontent {
    background-color: #FFFFFF;
    vertical-align: top;
    padding:0px;
    margin:0px;
    min-width:250px;
    max-width:250px;
    display:table-cell;
}

.skin_maincontent {
    display:table-cell;
    vertical-align: top;
    padding:0px;
    margin:0px;
    /*max-width:800px;*/
    /*min-width:800px;
    width:800px;*/
}

.skin_rightcontent {
    display:table-cell;
    background-color:#FFFFFF;
    vertical-align: top;
    padding:0px;
    margin:0px;

}

.skin_maincontent_breadcrumb {
    vertical-align: top;
    padding: 0px 3px 0px 3px;
    margin: 0px;
    color: white;
    text-decoration: none;
    font-size: small;
    min-height:20px;
    background-color:#3AAD2E;
}

    .skin_maincontent_breadcrumb a, .skin_maincontent_breadcrumb a:link, .skin_maincontent_breadcrumb a:visited, .skin_maincontent_breadcrumb a:active { text-decoration: none; font-weight: bold; font-size: small; color:#005B9A; }

.breadcrumb_separator{ background: url(../images/breadcrumb.gif); background-repeat: no-repeat; display:inline-block; vertical-align:middle; text-align:right; height:10px; width:10px; }


.skin_maincontent_bottom {
    background-color: white;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    color: #005B9A;
    text-decoration: none;
    font-size: small;
}

.skin_maincontent_body {
    background-color:white;
    vertical-align: top;
    margin:0px;
}





.site_center_text {
    background-color:white;
    max-width:800px;
    padding:5px;
    margin:5px;
}

.site_center_rightfill {
    width:200px;
    padding:0px;
    margin:0px;
}


.home_featured {
    background: url(../images/Home_Features.jpg);
    background-repeat: repeat-x;
    color: #3e5667;
    padding: 20px 40px 30px 40px;
    height: 125px;
}

.c_brands_div {
    height:130px;
    padding:0px;
    margin:0px;
    width: 100%; float: left; display:table-row; text-align:center;
}

.c_brands_prev {
    clear:both; 
    width:50px;
    height:125px;
    background: url(../images/BrandsPrev.png) no-repeat;
    text-align:left; 
    display:inline-block; 
    vertical-align:top;
    padding-top:50px;
    margin-top:50px;
}
    
.c_brands_body { width: 850px !important; height:125px !important; margin: 0 auto; padding: 0px 0px 0px; display:inline-block; }
        .c_brands_body ul, .c_brands_body li { margin: 0; padding: 0; list-style: none; width: auto !important; border: none !important; overflow: visible;  }

.c_brands_next {
    clear:both; 
    width:50px;
    height:125px;
    background: url(../images/BrandsNext.png) no-repeat;
    text-align:left; 
    display:inline-block; 
    vertical-align:top;
    padding-top:50px;
    margin-top:50px;
}



/******************************
    contentforms Information
    ****************************/
.product_div {
    min-height:500px !important;
    /*padding-left:1px;
    padding-right:2px;*/
}

.quickfind {
    display:inline-block;
}

.quickfind_line {
    margin: 0px;
    padding: 0px;
    display: table;
}

.quickfind_entry {
    display:table-cell;
    min-width:0px !important;
    width:100%;
}

.quickfind_textbox {
    display:inline !important;
}
.quickfind_textbox input {
    min-width:0px !important;
    width:100%;
}
.quickfind_button {
    display:table-cell !important;
}
.quickfind_button input {
    padding: 15px 15px 15px 15px !important;
    margin-left:10px !important;
    margin-top:14px !important;
}


.quickfind_div {
    display:inline-block;
    min-width:200px;
    max-width:200px;
    background-color:white;
}

.quickfind_labels {
    display:inline-block;
    width:140px; 
    text-align:left; 
    vertical-align:middle; 
}

.quickfind_sku {
    display:inline-block;
    max-width:130px;
    width:130px;
    padding:3px;
}

.quickfind_sku input {
    width:130px;
}

.quickfind_add {
    display:inline-block;
    padding:3px;
}

.quickfind_add input {
}

.quickfind_comment {
    padding:3px;
}

.quickfind_comment span {padding:0px; }

.coupon_name {
    display:inline-block;
    max-width:130px;
    width:130px;
    padding:3px;
}

.coupon_name input {
    width:130px;
}

.coupon_add {
    display:inline-block;
    padding:3px;
}

.coupon_add input {
}

.coupon_comment {
    padding:3px;
    color:red;
}

.coupon_below_cart {
    display:none;
}

.coupon_right_side {
}

.maincontent_div {
    /*min-height:500px !important;
    padding-left:1px;
    padding-right:2px; */
    display:inline-block;
    min-width:800px;
    max-width:800px;
    width:100%;
    /*padding:4px;*/
    padding-top:4px;
}
.maincontent_grid {
    font-size:small;
    width:100%;
    border: 1px solid #0191c8;
}


.maincontent_gridheader {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:center;
}

.maincontent_gridfooter {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:right;
}




.locationinfo_div {
    margin:3px;
    max-width:800px;
}

.products_images {
    text-align:center;
    display:normal;
    padding:15px;
}

.contentforms_thumbnail {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contentforms_thumbnail img {
    display:block;
    margin: 0 auto;
}

.contentforms_thumbnail span {
    text-align:center;
    display:block;
    color:#555555;
    font-weight:bolder;
}


.contentforms_text {
    padding:0px;
    color:#444444;
    display:inline-block;
    margin:5px;
}

.contentforms_text span {
    color:#444444;
    display:inline-block;
}

.contentforms_text_inline {
    padding: 0px;
    color: #444444;
    display: inline;
    margin: 5px;
}

    .contentforms_text_inline span {
        color: #444444;
        display: inline;
    }

.contentforms_list1 {
    padding-left:30px;

}

.contentforms_list1 ul {
    list-style-type:disc;
}

.contentforms_list1 li {
    padding-left:5px;
}
.contentforms_list1 span {
    color: #666666;
    font-size:16px;
    font-weight:bold;
    padding:5px;
    display:block;
}

.contentforms_list2 {
    padding-left:30px;
    color: #666666;
    margin:0px;
}
.contentforms_list2 ul {
    list-style-type: lower-roman;
}

.contentforms_list2 li {
    padding: 0px;
}

    .contentforms_list2 span {
        color: #666666;
        font-size: 14px;
        font-weight: 520;
    }



.contentforms_list3 {
    padding: 5px;
    padding-left: 5px;
    color: #666666;
    margin: 0px;
}

    .contentforms_list3 ul {
        list-style-type: disc;
        padding-left: 25px;
    }

    .contentforms_list3 li {
        padding: 0px;
    }

    .contentforms_list3 span {
        color: #666666;
        font-size: 14px;
        font-weight: 450;
    }

.contentforms_div {
    padding: 5px;
    max-width: 800px;
    min-width: 300px;
    min-height: 500px;
}
.contentforms_rightdiv {
    width: 200px; 
    text-align: left;
    color:#0069A6; 
}
.contentforms_leftdiv {
    width: 200px; 
    text-align: left;
    color:#0069A6;
}

.contentforms_fieldset {
    display: block;
    border: 1px solid;
    padding:5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position:relative;
}
.customerlogin_fieldset {
}

.contentforms_lines {
    display:block;
    padding:5px 0px 5px 0px;
}

.contentforms_buttonlines {
    display: block;
    padding: 5px 0px 5px 0px;
    width:100%;
    text-align:center;
}

.contentforms_legend {
    display:inline;
    background-color:white;
    padding-left: 5px;
    padding-right: 5px;
    margin-left:5px;
    margin-right:5px;
    border: none;
    position:absolute;
    top:-10px;
}


.changepassword_labels {
    width:170px !important; 
}

.contentforms_homeoffice {
    text-align:left; 
    vertical-align:top; 
    padding:0px;
    padding-bottom:4px;
    margin:0px;
    display:inline-block;
}

.contentforms_homeoffice label {
    width:75px; 
    text-align:left; 
    vertical-align:top; 
    display:inline-block;
}

.contentforms_homeoffice_input {
    width:40px; 
}

.contentforms_fieldset input {
    width:250px;
}

.contentforms_fieldset input[type=radio] {
    width:15px !important;
}



.contentforms_fieldset input[type=checkbox] {
    width:15px !important;
}

.contentforms_shipto {
    display:inline-block;
}
.contentforms_shipto label {
    width:200px; 
    text-align:left; 
    vertical-align:top; 
    display:inline-block;
}

.contentforms_sendemails {
    display:inline-block;
}
.contentforms_sendemails label {
    max-width:500px; 
    text-align:left; 
    vertical-align:top; 
    display:inline-block;
}

.contentforms_paymententry {
    max-width:700px;
    display: block;
    margin-top:10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 4px;
    border: 1px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position:relative;
}

.contentforms_paymententry span {
    margin:0px;
    padding:0px;
}

.contentforms_paymententry input[type=radio] {
    width:20px !important;
}

.contentforms_viewdemo {
    text-align: right;
}

.contentforms_group {
    margin: 15px 0 5px 0;
    font-weight:bolder;
    font-size:18px;
    color:#333333;
}

.contentforms_group:after {
    content: " ";
    display:block;
    border-bottom: 2px solid #333333;
    padding-top:5px;
}

.contentforms_labels {
    display: inline-block;
    width: 160px;
    text-align: right;
    vertical-align: middle;
}

.contentforms_textbox {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
}

.contentforms_textbox span {
    display: inline-block !important;
}


.contentforms_radiogroup {
    display: inline-block;
}


.contentforms_radiobutton {
    display:inline-block;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contentforms_radiobutton_element_vertical {
    display:table;
    padding-top:5px;
    padding-bottom:5px;
    min-width:300px;
}

.contentforms_radiobutton_element_horizontal {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.contentforms_radiobutton_select {
    display: table-cell;
}

.contentforms_radiobutton_text {
    display: table-cell;
}

.contentforms_radiobutton input {
    position: absolute;
    opacity: 0;
}

.contentforms_radiobutton_checkmark {
    display:inline-block;
    margin-right:6px;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px !important;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */
.contentforms_radiobutton:hover input ~ .contentforms_radiobutton_checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.contentforms_radiobutton input:checked ~ .contentforms_radiobutton_checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.contentforms_radiobutton_checkmark:after {
    content: "";
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.contentforms_radiobutton input:checked ~ .contentforms_radiobutton_checkmark:after {
    display: inline-block;
}

/* Style the indicator (dot/circle) */
.contentforms_radiobutton .contentforms_radiobutton_checkmark:after {
    top: 6px;
    left: 6px;
    width: 12px;
    height: 13px;
    border-radius: 50%;
    background: white;
    position:relative;
}




.contentforms_checkbox {
    display: inline-table;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .contentforms_checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }


.contentforms_checkbox_checktext {
    display:inline-flex;
    padding-left:0px;
    margin-left:0px;
}

.contentforms_checkbox_checktext span {
    color:#005b9a;
}
/* Create a custom checkbox */
.contentforms_checkbox_checkmark {
    display: inline-block;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px !important;
    background-color: #2196F3;
    border-radius: 18%;
    min-width:25px;
}

/* On mouse-over, add a grey background color */
.contentforms_checkbox:hover input ~ .contentforms_checkbox_checkmark {
    background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.contentforms_checkbox input:checked ~ .contentforms_checkbox_checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.contentforms_checkbox_checkmark:after {
    content: "";
    display: none;
}

/* Show the checkmark when checked */
.contentforms_checkbox input:checked ~ .contentforms_checkbox_checkmark:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.contentforms_checkbox .contentforms_checkbox_checkmark:after {
    left: 3px;
    top: 2px;
    width: 15px;
    height: 7px;
    border: 3px solid white;
    border-top:none;
    border-right:none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position:relative;
} 








.contentforms_required {
    font-family: Verdana;
    font-size: 12px;
    color: Red;
    display:normal;
}

/*Class called for the error message reperesentation.*/


.contentforms_textbox select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px !important;
    min-width: 240px;
}

    .contentforms_textbox select:focus {
        outline: none !important;
        border-color: #719ECE;
        box-shadow: 3px 0 3px #719ECE;
    }

    .contentforms_textbox input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 1px solid #C2C2C2;
        box-shadow: 1px 1px 4px #EBEBEB;
        -moz-box-shadow: 1px 1px 4px #EBEBEB;
        -webkit-box-shadow: 1px 1px 4px #EBEBEB;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 7px;
        min-width:240px;
    }

    .contentforms_textbox input:focus {
        outline:none !important;
        border-color:#719ECE;
        box-shadow: 3px 0 3px #719ECE;
    }


        .contentforms_textbox label > span {
            width: 100px;
            font-weight: bold;
            float: left;
            padding-top: 8px;
            padding-right: 5px;
        }

    .contentforms_textbox span.required {
        color: red;
    }

    .contentforms_textbox .tel-number-field {
        width: 40px;
        text-align: center;
    }

    .contentforms_textbox input.input-field, .contentforms_textbox .select-field {
        width: 48%;
    }

    .contentforms_textbox input.input-field,
    .contentforms_textbox .tel-number-field,
    .contentforms_textbox .textarea-field,
    .contentforms_textbox .select-field {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 1px solid #C2C2C2;
        box-shadow: 1px 1px 4px #EBEBEB;
        -moz-box-shadow: 1px 1px 4px #EBEBEB;
        -webkit-box-shadow: 1px 1px 4px #EBEBEB;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 7px;
        outline: none;
    }

        .contentforms_textbox .input-field:focus,
        .contentforms_textbox .tel-number-field:focus,
        .contentforms_textbox .textarea-field:focus,
        .contentforms_textbox .select-field:focus {
            border: 1px solid #0C0;
        }

    .contentforms_textbox .textarea-field {
        height: 100px;
        width: 55%;
    }

    .contentforms_textbox input[type=submit],
    .contentforms_textbox input[type=button] {
        border: none;
        padding: 8px 15px 8px 15px;
        background: #FF8500;
        color: #fff;
        box-shadow: 1px 1px 4px #DADADA;
        -moz-box-shadow: 1px 1px 4px #DADADA;
        -webkit-box-shadow: 1px 1px 4px #DADADA;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

        .contentforms_textbox input[type=submit]:hover,
        .contentforms_textbox input[type=button]:hover {
            background: #EA7B00;
            color: #fff;
        }


.contentforms_username {
    display:inline-block;
}

.contentforms_error {
    height:10px;
    color: Red;
    display:inline-block;
}

.contentforms_forgot { text-align: right; }
.contentforms_forgot a, .contentforms_forgot a:link { color: #005B9A; font-weight:bold; font-size: x-small; font-style: italic; text-decoration: none; }


.contentforms_button {
    align-content:center;
    text-align:center; 
    display:inline-block;
}

.contentforms_button_disabled {
    align-content: center;
    text-align: center;
    display: inline-block;
    opacity:0.5;
}

    .contentforms_button input {
        padding: 15px 30px 15px 30px;
        align-content: center;
        background-color: #5cb85c;
        border: 0px solid #5cb85c;
        cursor: pointer;
        margin: 2px 2px 2px 2px;
        color: black;
        font-size: medium;
        font-weight: normal;
        vertical-align: middle;
        height: 100%;
        width: auto;
        border-radius:4px;
        text-align: center;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit--box-shadow: 0 1px 3px transparent;
        -moz-box-shadow: 0 1px 3px transparent;
        border-radius:4px;
    }


.shipto_address_info {
display:table-cell;
}
.shippingaddress_control {
    min-width:100%;
    max-width:100%;
}
.shippingaddress_radio {
    display:inline-block;
}

.shippingaddress_addressselect {
    margin-left:20px;
}

.shippingaddress_newaddress {
    margin-left:20px;
    padding-top:5px;

}
    .shippingaddress_radio label {
    display:inline-block;
    }

.shippingaddress_methodselect {
    width:8px;
    display:inline-block;
}

/*******************************************
    Next Delivery    
*******************************************/

.nextdelivery_div {
    max-width: none !important;
}

.last_delivery_info {
    max-width: none !important;
}

.nextdelivery_header {
    text-align: center;
}

.nextdelivery_subheader {
    padding: 0px;
    margin: 3px;
    text-align: center;
    line-height: normal;
}
.nextdelivery_body {
    padding: 0px !important;
}



.nextdelivery_ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    column-width: 150px;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.nextdelivery_li {
    list-style: none;
    float: left;
    display: inline;
    margin-left: 3px;
    margin-top: 3px;
    padding-left: 3px;
    padding-top: 3px;
    margin-right: 1px;
    padding-right: 1px;
    width: 220px;
}


.nextdelivery_title {
    text-align: center;
    font-size:medium  ; 
    font-weight:bold;
    color: Red;
}

.nextdelivery_titledate {
    text-align: center;
    font-size:medium  ; 
    font-weight:bold;
    color: Black;
}



.nextdelivery_topgrid {
    background: url(../images/greybar.png) 0 0; 
    background-repeat:repeat; 
    border: 0; 
    align-content:center;
    color:white;
    font-weight:bold;
    text-align:center;
    padding:4px;
}
.nextdelivery_picturetd {
    width:45px;
}

img.loading {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.loading {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle;
    align-content: center;
    width: inherit;
}

.nextdelivery_picturediv {
    width: 20%; 
    float: left;
    padding-top:2px;
    cursor: pointer; 
    margin-top: 0px; 
    padding-left: 2px;
    height:40px;
    width:40px;
    border-width:0px;
}

    .nextdelivery_picturediv img {
        width:40px;
        height:40px;
    }

.nextdelivery_brand {
    font-weight:bold;
    color:#005B9A !important;
    font-size:x-small;
    padding:0px;
    margin:0px;
}
.nextdelivery_brand a, .nextdelivery_brand a:link, .nextdelivery_brand a:visited, .nextdelivery_brand a:active { 
    font-weight:bold;
    color:#005B9A !important;
    font-size:x-small;
    margin:0px;
    padding:0px;
}

.nextdelivery_description {
    position: relative;
    color: #0191C8; 
    font-size: x-small; 
    margin:0px;
    padding:0px;
}

.nextdelivery_description a, .nextdelivery_description a:link, .nextdelivery_description a:visited, .nextdelivery_description a:active { 
    text-decoration: none; 
    font-weight: normal; 
    font-size: x-small; 
    color: #0191C8; 
    margin:0px;
    padding:0px;
}

.nextdelivery_sku {
    color: black; 
    font-size: x-small; 
    padding: 0px;
    margin: 0px; 
}

.nextdelivery_sku a, .nextdelivery_sku a:link, .nextdelivery_sku a:visited, .nextdelivery_sku a:active { 
    color: black; 
    font-size: x-small; 
    padding: 0px;
    margin: 0px; 
}

.nextdelivery_price {
    color: black; 
    font-size: x-small; 
    padding: 0px;
    margin: 0px; 
}

.nextdelivery_price a, .nextdelivery_price a:link, .nextdelivery_price a:visited, .nextdelivery_price a:active { 
    color: black; 
    font-size: x-small; 
    padding: 0px;
    margin: 0px; 
}

.nextdelivery_qtytable {
}
.nextdelivery_qtyrow {
    height:30px;
}
.nextdelivery_qtylabel {
    width:44px;
    text-align:right;
}
.nextdelivery_qtyinput {
    width:30px;
}

.nextdelivery_add_to_cart_div {
}

.nextdelivery_item_divider {
    width: 200px; 
    height:10px; 
    float: left; 
}

.nextdelivery_divitems_many {
    overflow-y:scroll; 
    overflow-x:hidden; 
    height:500px; 
    width:240px;
    text-align:left;
}

.nextdelivery_divitems_small {
    width:240px;
    text-align:left;
}

.nextdelivery_itemstable {
    width: auto !important; 
    margin: 0; 
    padding: 0; 
    list-style: none;
}

/******************************************
    Shipping Cost
 ******************************************/

.shippingcost_grid {
    font-size:small;
    max-width:655px;
    border: 1px solid;
    height:40px;
}


.shippingcost_gridheader {
    font-weight:bold;
    background-color: #0191C8; 
    color:white;
    padding:0px;
    margin:0px;
}

.shippingcost_gridcolumns {

}

.shippingcost_col_select {
    display:inline-block;
    width:5px;
    padding:10px;
}

.shippingcost_col_name {
    display:inline-block;
    max-width:400px;
    text-align:left;
}

.shippingcost_col_price {
    display:inline-block;
    width:45px;
    padding:10px;
}

.shippingcost_grid th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 6px 0 0 0;
}

.shippingcost_grid th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 6px 0 0;
}
.shippingcost_grid tr:last-child td:last-child {
     border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 6px 0;
 }

.shippingcost_grid tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 0 6px;
}


/******************************************
    PaymentEntry
 ******************************************/
.paymententry_div {
    max-width:800px;
    margin:10px;
}

.paymententry_cardcode_table {
    margin:0px !important;
    padding:0px !important;
}

.paymententry_cardcode_message {
    margin-left:5px !important;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px !important;
}

.paymententry_cardcode_input {
    width:40px !important; 
}

.paymententry_labels {
    width:170px !important; 
}

.paymentselect_div {
    max-width:800px;
    margin:0px;
}

.paymentselect_grid {
    font-size:small;
    max-width:655px;
    border: none;
}

.paymentselect_gridcolumns {
    height:40px;
    margin:0px;

}

.paymentselect_col_select {
    width:5px;
    padding:10px;
}

.paymentselect_col_name {
    max-width:400px;
    min-width:200px;
    text-align:left;
    font-size:small ;
    font-weight: bold;

}

.paymentselect_col_detail {
    max-width:400px;
    min-width:200px;
    text-align:left;
    font-size: smaller;
    font-weight:normal;
   
}

.paymententry_button {background: url(../images/button.gif) 0 0 repeat;  width:200px; padding:0px 30px 0px 30px; align-content:center; }


/******************************************
    Shopping Cart
 ******************************************/

.shoppingcart_grid {
    font-size:small;
    width:100%;
    border: 1px solid #7fcf76;
}


.shoppingcart_gridheader {
    font-size:small;
    background-color: #7fcf76; 
    color:black;
    padding:0px;
    margin:0px;
    text-align:center;
    overflow:hidden;
}
.shoppingcart_row {
    background-color: white;
    min-height: 57px;
    overflow:hidden;
    padding-top:5px;
    padding-bottom:5px;
}

.shoppingcart_alternaterow {
    background-color: #EFEFEF;
    min-height: 57px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}



.shoppingcart_gridfooter {
    font-size:small;
    background-color: #7fcf76; 
    color:black;
    padding:0px;
    margin:0px;
    text-align:right;
    overflow:hidden;
}

.shoppingcart_gridfooter_removeicon {
    width: 16px;
    height: 16px;
    vertical-align: middle !important;
}


.shoppingcart_gridcolumns {
    height:40px;
    margin:5px;

}

.shoppingcart_col_intitemcode {
    width:5px;
    padding:10px;
    display:none;
}

.shoppingcart_col_group1 { display:inline-block; float:left;}

.shoppingcart_col_remove {
    min-width: 40px;
    padding-left: 10px;
    padding-top: 2px;
    cursor: pointer;
}

.shoppingcart_col_image {
    padding: 0px;
    margin: 0px;
    padding-top: 0px;
    width: 52px;
    height: 52px;
    padding-right: 4px;
}

.shoppingcart_col_product {
    width: auto;
    text-align: left;
    vertical-align: top;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 2px;
    max-width: 300px;
}

.favorites_outofstock {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
}


.shoppingcart_col_group2 {display:inline-block;float:right;padding:3px;margin:3px;}

.shoppingcart_col_group2 label {padding:0px;margin:0px;}

.shoppingcart_col_sku {
    min-width:120px;
    max-width:120px;
    text-align:left;
    vertical-align:top;
    padding-top:2px;
    padding-right:10px;
}

.shoppingcart_col_qty {
    min-width:80px;
    text-align:center;
    align-content:center;
    align-items:center;
    vertical-align:top;
    float:none;
}

.favorites_col_qty_row {
    clear: both;
    display: table-row;
    width: 120px;
    height: 30px;
    padding: 0px;
    margin: 0px;
}


.shoppingcart_col_qty_text {
    min-height:30px;
    padding-top:2px;
    padding-right:10px;
}

.shoppingcart_col_qty_header {
    padding-top:2px;
    padding-right:20px;
}

.favorites_col_qty_header {
    padding-top: 2px;
    padding-right: 40px;
}

.shoppingcart_col_qty_inputdiv {
    display: inline-block;
}

.shoppingcart_col_qty input {
    min-width:40px !important;
    max-width:40px !important;
}

.favorites_col_qty_add_to_cart {
    display: inline-block;
    cursor: pointer;
    padding-left: 6px;
    padding-top: 3px;
}

.favorites_col_qty_add_to_cart input[type=image] {
        width: 20px !important;
        height: 20px !important;
    }

.shoppingcart_col_qty_deposit {
    min-width:40px;
    min-height:15px;
    text-align:right !important;
}

.shoppingcart_col_price_unit {
    vertical-align:bottom !important;
}

.shoppingcart_col_price_deposit {
    min-height:15px;
    vertical-align:top;
}

.shoppingcart_col_price {
    min-width:75px;
    text-align:right;
    vertical-align:top;
    padding-top:2px;
}

.shoppingcart_col_extended {
    min-width:75px;
    text-align:right;
    vertical-align:top;
    padding-top:2px;
}



.shoppingcart_col_product_brand {
    font-weight:bold;
    color:#005B9A !important;
    font-size:small;
    padding:0px;
    margin:0px;
}
.shoppingcart_col_product_brand a, .shoppingcart_col_product_brand a:link, .shoppingcart_col_product_brand a:visited, .shoppingcart_col_product_brand a:active { 
    font-weight:bold;
    color:#005B9A !important;
    font-size:small;
    margin:0px;
    padding:0px;
}

.shoppingcart_col_product_description {
    text-decoration: none; 
    font-weight: normal; 
    font-size: small; 
    color: #0191C8; 
    margin:0px;
    padding:0px;
}

.shoppingcart_col_product_description a, .shoppingcart_col_product_description a:link, .shoppingcart_col_product_description a:visited, .shoppingcart_col_product_description a:active { 
    text-decoration: none; 
    font-weight: normal; 
    font-size: small; 
    color: #0191C8; 
    margin:0px;
    padding:0px;
}


.shoppingcart_col_product_kit {
}

.shoppingcart_footer_label {padding-left:25px;padding-top:5px;}

    .shoppingcart_footer_label label {
        display: inline-block;
    }

.shoppingcart_footer_totals {
    vertical-align: bottom !important;
}

.shoppingcart_bottom_left_buttons {
    margin-left:0px !important;
}
.shoppingcart_add_list_to_cart {
    text-align:right;
}


.shoppingcart_bottom_buttons_left {
    text-align:left; 
    display:inline;
}

.shoppingcart_bottom_buttons_left input { padding:0px 30px 0px 30px; margin-left:0px }

.shoppingcart_bottom_buttons_right {
    text-align:right; 
    display:inline;
}

.shoppingcart_bottom_buttons_right input { padding:0px 30px 0px 30px; margin-right:0px }



.shoppingcart_grid th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 6px 0 0 0;
}

.shoppingcart_grid th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 6px 0 0;
}

.shoppingcart_grid tr:last-child td:last-child {
     border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 6px 0;
 }

.shoppingcart_grid tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 0 6px;
}


/******************************************
    Make Payment Select Invoices

 ******************************************/
.make_payment_div {
    max-width:500px;
    margin:10px;
}

.make_payment_grid {
    font-size:small;
    width:100%;
    border: 1px solid #0191c8;
}


.make_payment_gridheader {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:center;
}

.make_payment_gridfooter {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:right;
}

.make_payment_alternaterow {
    background-color:#EFEFEF  ;
}

.make_payment_gridcolumns {
    height:40px;
    margin:5px;

}

.make_payment_col_hinvoice {
    width:5px;
    padding:10px;
}


.make_payment_col_invoice {
    width:150px;
    text-align:left;
    vertical-align:middle ;
    padding-left:5px !important;
    padding-right:5px !important;
}

.make_payment_col_invoice_date {
    color:#005B9A !important;
    font-size:small;
    vertical-align:middle;
    padding:0px;
    margin:0px;
}


.make_payment_col_balance {
    width:120px;
    text-align:right;
    vertical-align:middle;
}

.make_payment_col_pay_amount {
    width:100px;
    height:30px;
    text-align:right;
    align-content:flex-end;
    align-items:flex-end;
    vertical-align:top;
    float:none;

}

.make_payment_col_pay_amount_text {
    height:30px;
}

.make_payment_col_pay_amount input {
    width:70px !important;
    text-align:right;
}


.make_payment_col_chkpay {
    height:30px;
    vertical-align:middle;
    text-align:center;
    align-content:center;
    align-items:center;
    width:75px;
}

.make_payment_col_comment {
    width:150px;
    text-align:left;
    vertical-align:middle ;
    padding-left:5px !important;
    padding-right:5px !important;
}



.make_payment_grid th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 6px 0 0 0;
}

.make_payment_grid th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 6px 0 0;
}

.make_payment_grid tr:last-child td:last-child {
     border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 6px 0;
 }

.make_payment_grid tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 0 6px;
}



/******************************************
    Order Inquiry
 ******************************************/
.orderinquiry_div {
    max-width:800px;
    margin:9px;
}

.orderinquiry_col_group1 { display:inline-block; float:left;max-width:300px;}

.orderinquiry_col_group2 { display:inline-block; max-width:200px;}

.orderinquiry_col_group3 { display:inline-block;}


.orderinquiry_col_openclose {
    width:165px;
}
.orderinquiry_col_openclose input[type=checkbox] {
    width:15px !important;
}
.orderinquiry_col_openclose label {
    text-align:left; 
    vertical-align:top; 
    display:inline !important;
}

.orderinquiry_col_filter {
    width:320px;
}
.orderinquiry_col_filter input[type=checkbox] {
    width:15px !important;
}
.orderinquiry_col_filter label {
    text-align:left; 
    vertical-align:top; 
    display:inline !important;
}

.orderinquiry_col_dates_label {
    width: 150px;
    text-align: right;
}

.orderinquiry_col_dates {
    width:200px;
}

.orderinquiry_button {
    text-align:right; 
}
.orderinquiry_button input { width:200px; padding:0px 30px 0px 30px; align-content:center; }


.orderinquiry_grid {
    font-size:small;
    width:100%;
    border: 1px solid #0191c8;
}


.orderinquiry_gridheader {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:center;
}

.orderinquiry_gridfooter {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:right;
}

.orderinquiry_alternaterow {
    background-color:#EFEFEF  ;
}

.orderinquiry_gridcolumns {
    height:40px;
    margin:5px;

}

.orderinquiry_col_so {
    display:inline-block;
    text-align:left;
    width:100px;
    vertical-align:top;
}

.orderinquiry_col_status {
    display:inline-block;
    text-align:center;
    width: 50px;
}

.orderinquiry_col_ponum {
    display:inline-block;
    width:100px;
}

.orderinquiry_col_date {
    display:inline-block;
    text-align:center;
    width:60px;
}

.orderinquiry_col_shipdelto {
    display:inline-block;
    width:auto;
    text-align:left;
}

.orderinquiry_col_amount {
    display:inline-block;
    text-align:right;
    width:75px;
}
.orderinquiry_grid th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 6px 0 0 0;
}

.orderinquiry_grid th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 6px 0 0;
}

.orderinquiry_grid tr:last-child td:last-child {
     border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 6px 0;
 }

.orderinquiry_grid tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 0 6px;
}

/******************************************
    Quote Inquiry
 ******************************************/
.quoteinquiry_div {
    max-width:800px;
    margin:9px;
}

.quoteinquiry_col_openclose {
    width:150px;
}
.quoteinquiry_col_openclose input[type=checkbox] {
    width:15px !important;
}
.quoteinquiry_col_openclose label {
    width:200px; 
    text-align:left; 
    vertical-align:top; 
    display:inline !important;
}

.quoteinquiry_col_dates_label {
    width: 200px;
    text-align: right;
}

.quoteinquiry_col_dates {
    width:200px;
}

.quoteinquiry_button {
    text-align:right; 
}
.quoteinquiry_button input { width:200px; padding:0px 30px 0px 30px; align-content:center; }


.quoteinquiry_grid {
    font-size:small;
    width:100%;
    border: 1px solid #0191c8;
}


.quoteinquiry_gridheader {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:center;
}

.quoteinquiry_gridfooter {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:right;
}

.quoteinquiry_alternaterow {
    background-color:#EFEFEF  ;
}

.quoteinquiry_gridcolumns {
    height:40px;
    margin:5px;

}

.quoteinquiry_col_so {
    text-align:left;
    width:100px;
}

.quoteinquiry_col_status {
    text-align:center;
    width: 50px;
}

.quoteinquiry_col_notes {
    width:auto;
}

.quoteinquiry_col_date {
    text-align:center;
    width:70px;
}

.quoteinquiry_col_shipdelto {
    width:auto;
    text-align:left;
}

.quoteinquiry_col_amount {
    text-align:right;
    width:85px;
}
.quoteinquiry_grid th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 6px 0 0 0;
}

.quoteinquiry_grid th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 6px 0 0;
}

.quoteinquiry_grid tr:last-child td:last-child {
     border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 6px 0;
 }

.quoteinquiry_grid tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 0 6px;
}

/******************************************
    Order Detail
 ******************************************/
.orderdetail_div {
    max-width:800px;
    margin:9px;
}

.orderdetail_heading {
    margin:10px;
}

.orderdetail_headerfiller {
    padding:2px;

}
.orderdetail_editlinks {
    cursor:pointer;
    padding:0px;
    margin:0px;
    font-weight:bold;
}

.orderdetail_editorder {
    text-align:left;
    vertical-align:top;
    color:white;
    cursor:pointer;
    font-weight:bold;
}

.orderdetail_orderthankyou {
    color: Red; 
    font-weight: bold;
}
.orderdetail_orderprint_text {
}

.orderdetail_orderprint {
    color: #0191C8; 
    font-weight:bold;
    cursor: pointer; 
    text-decoration: underline; 
}

.orderdetail_labels {
    width:120px; 
    text-align:right; 
    vertical-align:middle; 
    padding:0px;
    padding-right:5px;
    margin:0px;
    margin-right:5px;
}

.orderdetail_text {
    width:200px; 
    text-align:left; 
    vertical-align:middle; 
    padding:0px;
    padding-right:5px;
    margin:0px;
    margin-right:5px;
}


.orderdetail_fieldset {
    /*max-width:340px;*/
    min-width:280px;
    width:45%;
    display: inline-block;
    margin-top:10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 4px;
    border: 1px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position:relative;
    background-color:#EFEFEF;
}

.orderdetail_legend {
    display:inline;
    background-color:white;
    padding-left: 5px;
    padding-right: 5px;
    margin-left:5px;
    margin-right:5px;
    border: none;
    position:absolute;
    top:-10px;
}

.orderdetail_addressinfo {
   
}

.orderdetail_subheader_group {
    display:block;
    margin:5px;
}


.orderdetail_sub_group1 { 
    /*display:inline-block; 
    float:left;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:10px;
    width:48%;*/

    /*max-width:350px;*/
    min-width:300px;
    width:49.5%;
    display: inline-block;
    /*margin-top:10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 4px;
    border: 1px solid;*/
    /*-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position:relative;*/
    /*background-color:#EFEFEF;*/


}

.orderdetail_sub_group2 {
    /*display:inline-block;
    max-height:45px;
    float:right;
    padding-bottom:5px;
    padding-right:10px;
    padding-top:5px;
    width:48%;*/


    max-width:375px;
    min-width:375px;
    display: inline-block;
    /*margin-top:10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 4px;
    border: 1px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position:relative;
    background-color:#EFEFEF;*/

}


.orderdetail_subheader {
    background-color: #0191c8;
    /*-moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 6px 0 0 0;
    font-size:small;*/
    text-align:center;
    color:white;
}

.orderdetail_subheader_border {
    border: 1px solid #0191c8;
}

.orderdetail_detail_header {
    background-color: #0191c8;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 6px 0 0 0;
    font-size:x-small;
    color:white;
}

.orderdetail_detail_grid {
    font-size:small;
    width:100%;
    border: 1px solid #0191c8;
}


.orderdetail_detail_gridheader {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    min-height:30px;
    max-height:45px;
    text-align:center;
}

.orderdetail_footer_col_group2 {display:inline-block;float:right;}

.orderdetail_detail_gridfooter {
    font-size:small;
    background-color: #0191c8; 
    color:white;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:right;
    border:1px solid #0191c8;
}

.orderdetail_detail_gridtotals {
    font-size:small;
    background-color: white; 
    color:black;
    padding:0px;
    margin:0px;
    height:30px;
    text-align:right;
    width:100%;
}

    .orderdetail_detail_gridtotals th:first-child {
        border-radius: 0px;
    }

.orderdetail_detail_gridtotals th:last-child {
    border-radius: 0px;
}

.orderdetail_detail_gridtotals tr:last-child td:last-child {
    border-radius: 0px;
 }

.orderdetail_detail_gridtotals tr:last-child td:first-child {
    border-radius: 0px;
}



.orderdetail_detail_gridtotal_label {
     padding-right: 3px; 
     border-bottom: 1px solid  #0191c8;
     width:120px;
     border-radius: 0px;
}

.orderdetail_detail_gridtotal_value {
     padding-right: 3px; 
     border-bottom: 1px solid  #0191c8;
     width:80px;
     border-radius: 0px;
}

.orderdetail_detail_alternaterow {
    background-color:#EFEFEF  ;
}

.orderdetail_detail_grid th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 6px 0 0 0;
}

.orderdetail_detail_grid th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 6px 0 0;
}

.orderdetail_detail_grid tr:last-child td:last-child {
     border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 6px 0;
 }

.orderdetail_detail_grid tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    behavior: url(/images/border-radius.htc);
    border-radius: 0 0 0 6px;
}


.orderdetail_col_image {
    width:5px;
    padding:1px;
    margin:0px;
}

    .orderdetail_col_image img {
        width:50px;
        height:50px;
    }

.orderdetail_col_product {
    width:auto;
    text-align:left;
    vertical-align:top;
    padding-left:5px !important;
    padding-right:5px !important;
}

.orderdetail_col_sku {
    width:120px;
    text-align:left;
    vertical-align:top;
}

.orderdetail_col_qty {
    width:40px;
    text-align:center;
    align-content:center;
    align-items:center;
    vertical-align:top;
    float:none;

}

.orderdetail_col_qty_text {
    height:30px;
}


.orderdetail_col_qty input {
    width:40px !important;
}

.orderdetail_col_qty_deposit {
    width:40px;
    height:15px;
    text-align:right !important;
}

.orderdetail_col_price_unit {
    height:30px;
    vertical-align:bottom !important;
}

.orderdetail_col_price_deposit {
    height:15px;
    vertical-align:top;
}

.orderdetail_col_price {
    width:120px;
    text-align:right;
    vertical-align:top;
}

.orderdetail_col_extended {
    width:80px;
    text-align:right;
    vertical-align:top;
}



.orderdetail_col_product_brand {
    font-weight:bold;
    color:#005B9A !important;
    font-size:small;
    padding:0px;
    margin:0px;
}
.orderdetail_col_product_brand a, .orderdetail_col_product_brand a:link, .orderdetail_col_product_brand a:visited, .orderdetail_col_product_brand a:active { 
    font-weight:bold;
    color:#005B9A !important;
    font-size:small;
    margin:0px;
    padding:0px;
}

.orderdetail_col_product_description {
    text-decoration: none; 
    font-weight: normal; 
    font-size: small; 
    color: #0191C8; 
    margin:0px;
    padding:0px;
}

orderdetail_col_product_description a, .orderdetail_col_product_description a:link, .orderdetail_col_product_description a:visited, .orderdetail_col_product_description a:active { 
    text-decoration: none; 
    font-weight: normal; 
    font-size: small; 
    color: #0191C8; 
    margin:0px;
    padding:0px;
}


.orderdetail_col_product_kit {
}

/******************************************
    account select
 ******************************************/
.account_select_div {
    max-width:800px;
    margin:9px;
}

.account_select_fieldset {
    width:760px;
    display: block;
    margin-top:10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 4px;
    border: 1px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position:relative;
    background-color:#EFEFEF;
}

.account_select_legend {
    display:inline;
    background-color:white;
    padding-left: 5px;
    padding-right: 5px;
    margin-left:5px;
    margin-right:5px;
    border: none;
    position:absolute;
    top:-10px;
}

.account_select_addressinfo {
    padding-left: 5px;
    padding-right: 5px;
    margin-left:5px;
    margin-right:5px;

}


/******************************************
    Ink and Toner

 ******************************************/
.inkandtoner_div {
    margin: 10px;
    max-width: 800px;
    min-width: 500px;
}

.ink_top_brands {
    display:inline-block;
}

.ink_popular_brands {
    display:block;
}
.ink_popular_brands_brand_name {
    display:inline-block;
    min-width:150px;
}


.ink_popular_brands_brand_name a, .ink_popular_brands_brand_name a:link, .ink_popular_brands_brand_name a:visited, .ink_popular_brands_brand_name a:active { 
    color:#0191c8;
    padding:5px;
    margin:0px;
}

.ink_header {font-size:25px;}

.int_sub_heading {
    display:inline-block;
    min-height:30px;
    vertical-align:middle ;
    width:100%;
    font-size:large;
    font-weight:bold;
    background-color: #0191c8; 
    color:white;
    margin:0px;
    text-align:center;
}
.int_sub_heading_right { display:inline-block; float:right; padding:5px;}
.int_sub_heading_right a, .int_sub_heading_right a:link, .int_sub_heading_right a:visited, .int_sub_heading_right a:active { 
    font-size:large;
    font-weight:bold;
    background-color: #0191c8; 
    color:white;
    padding:5px;
    margin:0px;
    text-align:center;
}
.int_sub_heading_left  { display:inline-block; float:left; padding:5px; }

.int_sub_detail1 {
    display:inline-block;
}
.int_sub_detail1_info {
    display:inline-block;
    min-width:250px;
}
.int_sub_detail1_info a, .int_sub_detail1_info a:link, .int_sub_detail1_info a:visited, .int_sub_detail1_info a:active { 
    font-size:medium;
    font-weight:bold;
    color:#0191c8;
    padding:5px;
    margin:0px;
}

.int_sub_heading2 {
    display:inline-block;
    min-height:25px;
    vertical-align:middle ;
    width:100%;
    font-size:medium;
    font-weight:bold;
    background-color: #0191c8; 
    color:white;
    margin:0px;
    text-align:center;
}
.int_sub_heading2_right { display:inline-block; float:right; padding:5px;}
.int_sub_heading2_right a, .int_sub_heading_right2 a:link, .int_sub_heading_right2 a:visited, .int_sub_heading_right2 a:active { 
    font-size:medium;
    font-weight:bold;
    background-color: #0191c8; 
    color:white;
    padding:5px;
    margin:0px;
    text-align:center;
}
.int_sub_heading2_left  { display:inline-block; float:left; padding:5px; }

.int_sub_detail2 {
    display:inline-block;
}
.int_sub_detail2_info {
    display:inline-block;
    min-width:250px;
    max-width:250px;
    padding-bottom:3px;
    vertical-align:top;
}

.int_sub_detail2_info span {
    padding-left:unset;
}
.int_sub_detail2_info a, .int_sub_detail2_info a:link, .int_sub_detail2_info a:visited, .int_sub_detail2_info a:active { 
    font-size:unset;
    color:#0191c8;
    padding:unset;
    margin:0px;
}



.inkandtoner_grid {
    font-size:small;
    width:100%;
    border: 1px solid #0191c8;
}

.inkandtoner_subtitle {
    font-size:x-small;
    font-weight:normal;
}

.int_top_brand_imgs {
    width:50px;
    height:50px;
}

    .int_top_brand_imgs img {
    width:50px;
    height:50px;
    }

.int_all_grid {
    max-width:700px;
}

.int_all_row_title {
    background-color:#0191C8;
    height:25px;
    color:white;
    font-weight:bold;
    font-size:medium;
}
.int_all_title_left {
    width:60%;
    text-align: left; 
    text-decoration: none; 
    padding:4px;
}

.int_all_title_right {
     width:40%;
     text-align:right;
     padding:4px;
}

    .int_all_title_right a {
        color:white;
    }

.int_all_row_comment {
    height:35px;
}

.int_all_comment {
}

.int_all_alpabet {
    padding-top:7px; 
    padding-left:0px;
    width:15px;
    height:35px; 
    vertical-align:middle;
    color:#005B9A;
    font-size:small;
    font-weight:bold;
    display:inline-block;
}

    .int_all_alpabet a {
        color: #005B9A;
    }

.int_all_brands_table_title {
    /*width:650px;*/
    margin:5px;
    margin-top:10px;
    background-color:#0191C8; 
    color:white; 
    font-weight:bold;
    font-size:small; 
    height:25px; 
    padding-left: 2px; 
    padding-top: 2px; 
    text-decoration: none;
    vertical-align:middle;
}

.int_all_brands_table_title_left {
    text-align:Left;
    padding-left:4px;
}

.int_all_brands_table_title_right {
    text-align:right;
    padding-right:4px;
}

    .int_all_brands_table_title_right a {
        color: white;
        vertical-align:middle;
    }

.int_all_brands_models {
    padding:0px; 
    margin-left:5px;
    width:220px;
    color:black;
}

    .int_all_brands_models a {
        color: black;
        vertical-align:middle;
    }

.int_all_groups {
    padding-top:0px; 
    padding-left:0px;
    width:325px;
    height:20px; 
    vertical-align:middle;
    color:#005B9A;
    font-size:small;
    font-weight:bold;
}

    .int_all_groups a {
        color: #0191C8;
        vertical-align:middle;
    }

.myaccount_div {
    text-align:center;
}
.myaccount_ul { 
    -moz-column-count: 5; 
    -webkit-column-count: 5; 
    column-count: 5; 
    column-width: 150px; 
    list-style: none; 
    list-style-type: none;
    margin: 0; 
    padding: 0; 
    display: inline; }
.myaccount_li { 
    list-style: none; 
    display: inline-block; 
    margin-left: 3px;
    margin-top: 3px; 
    padding-left: 3px; 
    padding-top: 3px; 
    margin-right:1px; 
    padding-right:1px; 
    height: 180px; 
}
.myaccount_itm { border: none; width: 150px; max-width: 150px; min-height: 120px; margin: 0px; padding: 0px; column-gap: 0px; vertical-align: top; height: 120px; text-align: left; }
.myaccount_img { width: 100px; height: 100px;}

/**********************************************
   Featured Product Inquiry
***********************************************/
.featuredcell_image {
    border: 0px solid #9A9A9A;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    vertical-align: top;
    width: 75px;
    height: 75px;
    position: relative;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
}

    .featuredcell_image img {
        width: 75px;
        height: 75px;
    }

.featured_recycle {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
    margin: 0px;
}

.featured_outofstock {
    position: relative;
    top: 0px;
    left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
    margin: 0px;
}

.featured_borderimage {
    border: 1px solid #9A9A9A;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    vertical-align: top;
    position: relative;
    display: block;
    width: 75px;
    height: 75px;
}

    .featured_borderimage img {
        width: 75px;
        height: 75px;
    }

.featured_borderimagehover {
    border: 1px solid #0f4089;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    cursor: pointer;
    vertical-align: top;
    position: relative;
    display: block;
    width: 75px;
    height: 75px;
}

    .featured_borderimagehover img {
        width: 75px;
        height: 75px;
    }



.featuredcell_image_mouseover {
    border: 1px solid #0f4089;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    cursor: pointer;
    width: 75px;
    height: 75px;
    position: relative;
    display: block;
}

    .featuredcell_image_mouseover img {
        width: 75px;
        height: 75px;
    }

.featuredcell_span {
    color:grey;
}

.featuredcell_span p {
    line-height:20px;
    color:grey;
}
/**********************************************
   Product Inquiry
***********************************************/
.c_pi { width: 100%; text-align: left; border: none; vertical-align: middle; padding:0px; margin:0px; }
.c_pi_header_row { background-color:#7fcf76; color:#000000; border-spacing:0px; padding: 0px; border:0px; width: 100%; min-height:32px; float: left; display:block; text-align:center;}
.c_pi_header_sortby { min-height:18px; padding: 2px; margin:2px; text-align:left; display:inline-block; float:left; }
.c_pi_header_gridlist { min-height:18px; padding: 2px; margin: 2px auto; text-align:center; display:inline-block; vertical-align:middle; }
.c_pi_header_resultsper { min-height:18px; padding: 2px; margin:2px; text-align:right; float:right; display:inline-block; }
.c_pi_header_n_of_n { min-height:18px; padding: 2px; margin: 2px; text-align:left; display:inline-block; float:left; vertical-align:middle; }
.c_pi_header_pageselect { min-height:18px; padding: 2px; margin:2px; text-align:right; display:inline-block; float:right; vertical-align:middle; }
.c_pi_footer { height: 40px; border-spacing: 0px; padding: 0px; border: 0px; width: 100%; float: left;}
.c_pi_footer_n_of_n { min-height:18px; padding: 2px; margin:2px; text-align:left;  float:left; display:table-cell; }
.c_pi_footer_pageselect { min-height:18px; padding: 2px; margin:2px; text-align:right; float:right; display:table-cell; }


.c_pi_pageselect { border:0px; padding:0px; margin:0px; display:table-row; height:18px;}
.c_pi_pageselect_current { width:100%; border:0px; padding-top:0px; padding-bottom:0px; padding-left:1px; padding-right:1px; margin-top:0px; margin-bottom:0px; margin-left:2px; margin-right:2px; font-weight:bold; display:table-cell;}
.c_pi_pageselect_other { width: 100%; border: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; margin-top: 0px; margin-bottom: 0px; margin-left: 2px; margin-right: 2px; display: table-cell; }
.c_pi_pageselect_next { width: 100%; border: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 2px; margin-right: 5px; display: table-cell; }
.c_pi_pageselect_prev { width: 100%; border: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; margin-top: 0px; margin-bottom: 0px; margin-left: 2px; margin-right: 2px; display: table-cell; }

.c_pi_page_n_of_n { border: 0px; padding: 0px; margin: 0px; display: table-cell; }
    .c_pi_page_n_of_n span { border: 0px; padding: 0px; margin: 0px; }

.c_pi_clear { clear: both; }


.c_pi_productHTML { display: table-row; background-color:white;  }
/*.c_pi_productHTML { display: table-row; float: left;  background-color:white;  }*/
.c_pi_productHTML_cell { display: table-cell; float: left; padding:0px;margin:0px; }


.productcell_ul { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; column-width: 150px; list-style: none; list-style-type: none; margin: 0; padding: 0; display: inline; }
.productcell_li { list-style: none; float: left; display: inline; margin-left: 3px; margin-top: 3px; padding-left: 3px; padding-top: 3px; margin-right:1px; padding-right:1px; height: 340px; }
.productcell_div { border: none; width: 150px; max-width: 150px; min-height: 160px; margin: 0px; padding: 0px; column-gap: 0px; vertical-align: top; height: 180px; text-align: left; }
.productcell_table_row { width: 150px; margin: 0px; padding: 0px; column-gap: 0px; }
.productcell_table_cell { text-align: left; width: 150px; }
.productcell_image {
    border: 1px solid #9A9A9A;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    vertical-align: top;
    width: 150px;
    height: 150px;
    position:relative;
    display:block;
}

    .productcell_image img {
        width:150px;
        height:150px;
    }

.product_recycle {
    position: absolute;
    top:0px;
    left:0px;
    padding:0px;
    margin:0px;
}
.product_outofstock {
    position: relative;
    top:0px;
    left:0px;
    padding:0px;
    margin:0px;
}

.product_borderimage {
    border: 1px solid #9A9A9A;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    vertical-align: top;
    position:relative;
    display:block;
    width:150px;
    height:150px;
}
    .product_borderimage img {
        width:150px;
        height:150px;
    }

.product_borderimagehover {
    border: 1px solid #0f4089;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    cursor: pointer;
    vertical-align: top;
    position:relative;
    display:block;
    width:150px;
    height:150px;
}
    .product_borderimagehover img {
        width:150px;
        height:150px;
    }



.productcell_image_mouseover {
    border: 1px solid #0f4089;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    cursor: pointer;
    width: 150px;
    height: 150px;
    position:relative;
    display:block;
}

    .productcell_image_mouseover img {
        width:150px;
        height:150px;
    }

.productcell_brand, .productcell_brand span {  font: 11px; font-family: Tahoma; font-size: x-small; font-weight: bold; width: 150px; color:#005B9A; padding:0px; min-height:15px; max-height:25px }
.productcell_description, .productcell_description a { min-height: 40px; position: relative; font-family: Tahoma; font-size: xx-small; font-weight: normal; color: #0191C8; padding-left: 0px; padding-right: 0px; width: 150px; }
    .productcell_description a, .productcell_description a:link, .productcell_description a:visited, .productcell_description a:active { text-decoration: none; font-weight: normal; font-size: x-small; width: 150px; }
.productcell_variation, .productcell_variation a { height: 30px; min-height: 40px; position: relative; font-family: Tahoma; font-size: xx-small; font-weight: normal; color: #0191C8; padding-left: 0px; padding-right: 0px; padding-top: 5px; width: 150px; }
    .productcell_variation a, .productcell_variation a:link, .productcell_variation a:visited, .productcell_variation a:active { text-decoration: none; font-weight: normal; font-size: x-small; width: 150px; }
.productcell_variation_make_selection input { background:url(../images/Button.gif) 0 0 repeat !important; border: 0; width: 146px; height: 25px; padding: 0px; margin: 0px; color: #FFF !important; font-size: 12px; font-weight: bold; font-family: arial; cursor: pointer; vertical-align: middle; }
.productcell_price { width: 150px; height: 10px; padding: 0px; margin: 0px; display: table-row; }
.productcell_price_label { width: 45px; padding: 0px; margin: 0px; color: #0191C8; font-size: x-small; text-align: left; display: table-cell; }
.productcell_price_text { width: 90px; padding: 0px; margin: 0px; color: #0191C8 !important; font-size: x-small; font-weight: bold; text-align: left; display: table-cell; }
.productcell_sku { padding: 0px; margin: 0px; width: 150px; height: 10px; display: table-row; }
.productcell_sku_label { width: 45px; padding: 0px; margin: 0px; color: #0191C8; font-size: x-small; text-align: left; display: table-cell; }
.productcell_sku_text { width: 105px; padding: 0px; margin: 0px; color: #0191C8; font-size: x-small; text-align: left; display: table-cell; }
.productcell_qty_section { padding: 0px; margin: 0px; height: 30px; width: 150px; display: table; }
.productcell_qty_available { padding: 0px; margin: 0px; height: 20px; width: 150px; display: table-row; }
.productcell_qty_available_text { width: 20px; padding: 0px; padding-top: 5px; margin-top: 5px; color: red; font-size: x-small; font-weight: bold; display: table-cell; }
.productcell_qty_entry { padding: 0px; margin: 0px; height: 20px; width: 150px; display: table-row; }
.productcell_qty_label { width: 30px; padding-top: 5px; padding-left: 0px; padding-right: 0px; margin-top: 5px; margin-left: 0px; margin-right: 0px; color: #0191C8; font-size: x-small; display: table-cell; float: left; }
.productcell_qty_input { width: 40px; float: left; display: table-cell; }
    .productcell_qty_input input { width: 30px; }
.productcell_greenicon { width: 25px; padding-top: 4px; padding-left: 2px; padding-right: 0px; padding-bottom: 4px; margin-top: 4px; margin-left: 2px; margin-right: 0px; margin-bottom: 4px; background: url(../images/greenproduct.png); background-repeat: no-repeat; background-position: center; cursor: default; display: table-cell; float: left; }
.productcell_deposit { width: 25px; padding-top: 4px; padding-left: 2px; padding-right: 0px; padding-bottom: 4px; margin-top: 4px; margin-left: 2px; margin-right: 0px; margin-bottom: 4px; background: url(../images/deposit.png); background-repeat: no-repeat; background-position: center; cursor: default; display: table-cell; float: left; }
.productcell_add { padding: 0px; margin: 0px; height: 25px; width: 150px; display: table-row; }
.productcell_add_to_cart_div { padding: 0px; margin: 0px; display: table-cell; }
    .productcell_add_to_cart_div input { background:url(../images/Button.gif) 0 0 repeat !important; border: 0; width: 82px; height: 25px; padding: 0px; margin: 0px; color: #FFF !important; font-size: 12px; font-weight: bold; font-family: arial; cursor: pointer; vertical-align: middle; }

.productcell_add_favorites { width: 20px; height:20px; border: 0; padding: 4px; margin: 4px; background: url(../images/myFavoritesButton.png); background-size:cover; background-repeat: no-repeat; background-position: center; cursor: pointer; display: table-cell; }
    .productcell_add_favorites input { width: 20px; height:20px; border: 0; padding: 0px; margin: 0px; background: url(../images/myFavoritesButton.png); background-size:cover; background-repeat: no-repeat; background-position: center; cursor: pointer; }




.productlist_ul { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; column-width: 150px; list-style: none; list-style-type: none; margin: 0; padding: 0; display: normal; margin-top: 0px; }
.productlist_li { list-style: none; float: left; padding-left: 30px; /*position:relative;*/ width: 100%; display: normal; margin: 0; padding: 0; height: 155px; }
.productlist_div { border-style: solid; border-width: 1px; width: 100%; margin: 0px; padding: 0px; column-gap: 0px; vertical-align: top; height: 155px; text-align: left; display: table-row; }
.productlist_image_section { width: 150px; display: table-cell; }
.productlist_description_section { width: 600px; padding-left: 3px; margin-left: 3px; display: table-cell; vertical-align: top; }
.productlist_price_section { width: 150px; display: table-cell; vertical-align: top; }
.productlist_table_row { width: 150px; margin: 0px; padding: 0px; column-gap: 0px; }
.productlist_table_cell { text-align: left; width: 150px; }
.productlist_image {
    border: 1px solid #9A9A9A;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    vertical-align: top;
    width: 150px;
    height: 150px;
    position:relative;
    display:block;
}

    .productlist_image img {
        width:150px;
        height:150px;
    }

.product_recycle {
    position: absolute;
    top:0px;
    left:0px;
    padding:0px;
    margin:0px;
}
.product_outofstock {
    position: absolute;
    top:0px;
    left:0px;
    padding:0px;
    margin:0px;
}

.productlist_image_mouseover {
    border: 1px solid #0f4089;
    text-align: center;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    cursor: pointer;
    width: 150px;
    height: 150px;
    position:relative;
    display:block;
}
    .productlist_image_mouseover img {
        width:150px;
        height:150px;
    }
.productlist_brand, .productlist_brand span { width: 400px; height: 15px; font: 11px; font-family: Tahoma; font-size: x-small; font-weight: bold;  color:#005B9A; }
.productlist_description, .productlist_description a { min-height: 40px; position: relative; font-family: Tahoma; font-size: xx-small; font-weight: normal; color: #0191C8; padding-left: 0px; padding-right: 0px; }
    .productlist_description a, .productlist_description a:link, .productlist_description a:visited, .productlist_description a:active { text-decoration: none; font-weight: normal; font-size: x-small; }
.productlist_variation, .productlist_variation a { height: 30px; min-height: 40px; position: relative; font-family: Tahoma; font-size: xx-small; font-weight: normal; color: #0191C8; padding-left: 0px; padding-right: 0px; padding-top: 5px; width: 150px; }
    .productlist_variation a, .productlist_variation a:link, .productlist_variation a:visited, .productlist_variation a:active { text-decoration: none; font-weight: normal; font-size: x-small; width: 150px; }
.productlist_variation_make_selection input { background: url(../images/MakeSelection.gif) 0 0 no-repeat; border: 0; width: 146px; height: 25px; padding: 0px; margin: 0px; color: #FFF !important; font-size: 12px; font-weight: bold; font-family: arial; cursor: pointer; vertical-align: middle; }
.productlist_price { width: 150px; height: 10px; padding: 0px; margin: 0px; display: table-row; }
.productlist_price_label { width: 45px; padding: 0px; margin: 0px; color: #0191C8; font-size: x-small; text-align: left; display: table-cell; }
.productlist_price_text { width: 90px; padding: 0px; margin: 0px; color: #0191C8 !important; font-size: x-small; font-weight: bold; text-align: left; display: table-cell; }
.productlist_sku { padding: 0px; margin: 0px; width: 150px; height: 10px; display: table-row; }
.productlist_sku_label { width: 45px; padding: 0px; margin: 0px; color: #0191C8; font-size: x-small; text-align: left; display: table-cell; }
.productlist_sku_text { width: 105px; padding: 0px; margin: 0px; color: #0191C8; font-size: x-small; text-align: left; display: table-cell; }
.productlist_qty_section { padding: 0px; margin: 0px; height: 30px; width: 150px; display: table; }
.productlist_qty_available { padding: 0px; margin: 0px; height: 20px; width: 150px; display: table-row; }
.productlist_qty_available_text { width: 20px; padding: 0px; padding-top: 5px; margin-top: 5px; color: red; font-size: x-small; font-weight: bold; display: table-cell; }
.productlist_qty_entry { padding: 0px; margin: 0px; height: 20px; width: 150px; display: table-row; }
.productlist_qty_label { width: 30px; padding-top: 5px; padding-left: 0px; padding-right: 0px; margin-top: 5px; margin-left: 0px; margin-right: 0px; color: #0191C8; font-size: x-small; display: table-cell; float: left; }
.productlist_qty_input { width: 40px; padding: 0px; margin: 0px; float: left; display: table-cell; }
    .productlist_qty_input input { width: 30px; color: #0191C8; font-size: x-small; }
.productlist_greenicon { width: 25px; padding-top: 4px; padding-left: 2px; padding-right: 0px; padding-bottom: 4px; margin-top: 4px; margin-left: 2px; margin-right: 0px; margin-bottom: 4px; background: url(../images/greenproduct.png); background-repeat: no-repeat; background-position: center; cursor: default; display: table-cell; float: left; }
.productlist_deposit { width: 25px; padding-top: 4px; padding-left: 2px; padding-right: 0px; padding-bottom: 4px; margin-top: 4px; margin-left: 2px; margin-right: 0px; margin-bottom: 4px; background: url(../images/deposit.png); background-repeat: no-repeat; background-position: center; cursor: default; display: table-cell; float: left; }
.productlist_add { padding: 0px; margin: 0px; height: 25px; width: 150px; display: table-row; }
.productlist_add_to_cart_div { padding: 0px; margin: 0px; display: table-cell; }
     .productlist_add_to_cart_div input { background:url(../images/Button.gif) 0 0 repeat !important; border: 0; width: 82px; height: 25px; padding: 0px; margin: 0px; color: #FFF !important; font-size: 12px; font-weight: bold; font-family: arial; cursor: pointer; vertical-align: middle; }
.productlist_add_favorites { width: 25px; border: 0; padding: 4px; margin: 4px; background: url(../images/FavoritesButton.png); background-repeat: no-repeat; background-position: center; cursor: pointer; display: table-cell; }
    .productlist_add_favorites input { width: 25px; border: 0; padding: 0px; margin: 0px; background: url(../images/FavoritesButton.png); background-repeat: no-repeat; background-position: center; cursor: pointer; }

.recycle {
}

/* For Iridium.LastViewed :: Starts */
.c_lv_main { float: left; width: 200px; background-color:white; }
.c_lv_top { background-color:#0069A6; color: white; font-weight: bold; float: left; width: 200px; text-align: center; font-size: x-small; padding-bottom: 3px; margin-bottom: 3px; }
.c_lv_bottom { background-color:#0069A6; color: white; font-weight: bold; float: left; width: 200px; text-align: center; font-size: x-small; padding-bottom:5px; margin-bottom:5px; }
.c_lv_body { }

.c_lv_ul { width: auto !important; margin: 0; padding: 0; list-style: none; }

.c_lv_li { margin: 0; padding: 0; list-style: none; }
.lastviewed_div { width: 100%; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid; border-bottom-width: 1px; }
.lastviewed_div_last { width: 100%; padding-bottom: 3px; margin-bottom: 3px; }
.lastviewed_image { border: 1px solid #9A9A9A; text-align: center; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; vertical-align: top; width: 40px; height: 40px; display: inline-block; float: left; }
    .lastviewed_image img {
        width:40px;
        height:40px;
    }
.lastviewed_image_mouseover { border: 1px solid #0f4089; text-align: center; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; cursor: pointer; width: 150px; height: 150px; }
.lastviewed_description_section { width: 70%; padding-left: 3px; padding-right: 2px; margin-left: 3px; margin-right: 2px; text-align: left; display: inline-block; }

.lastviewed_brand, .lastviewed_brand span { height: 15px; font: 11px; font-family: Tahoma; font-size: x-small; font-weight: bold; width: 150px; color:#005B9A; }
.lastviewed_description, .lastviewed_description a { position: relative; font-family: Tahoma; font-size: xx-small; font-weight: normal; color: #0191C8; padding-left: 0px; padding-right: 0px; width: 150px; }
    .lastviewed_description a, .lastviewed_description a:link, .lastviewed_description a:visited, .lastviewed_description a:active { text-decoration: none; font-weight: normal; font-size: x-small; width: 150px; }

.lastviewed_price { height: 10px; display: table-row; }
.lastviewed_price_label { padding-top: 3px; margin-top:3px; font-size: x-small; text-align: left; display: table-cell; }
.lastviewed_price_text { padding-top: 3px; margin-top:3px; font-size: x-small; font-weight: bold; text-align: left; display: table-cell; }
    .lastviewed_price_text a, .lastviewed_price_text a:link, .lastviewed_price_text a:visited, .lastviewed_price_text a:active { text-decoration: none; font-weight: bold; font-size: x-small; color:black; }
.lastviewed_sku { padding: 0px; margin: 0px; height: 10px; display: table-row; }
.lastviewed_sku_label { padding: 0px; margin: 0px; color: #0191C8; font-size: x-small; text-align: left; display: table-cell; }
.lastviewed_sku_text {  padding: 0px; margin: 0px; color: #0191C8; font-size: x-small; text-align: left; display: table-cell; }
.lastviewed_deposit { width: 25px; padding-left: 2px; padding-right: 0px; margin-left: 2px; margin-right: 0px; background: url(../images/deposit.png); background-repeat: no-repeat; background-position: center; cursor: default; display: table-cell; float: left; }


/*  indexproduct */

.indexcontent_div { padding:0px;

}

.index_categoryheading { background-color:#0069A6; margin: 0; padding:5px; color: #fff; font: 13px normal arial,tahoma,verdana; font-weight: bold; display: block; }

.index_categorysection {display:block; padding-left:5px; background-color:white; }
.index_categorylines { display:inline-block; max-width:180px; min-width:180px; }
    .index_categorylines span, .index_categorylines a, .index_categorylines a:link, .index_categorylines a:visited, .index_categorylines a:active { font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #666666; text-decoration: none; line-height: 18px; width: 100%; display: block;  }


.index_removesection {
    display:block; 
    background-color:white; 
}
.index_removesection .contentforms_lines .index_categorylines {
    font-size:medium;
}

    .index_removesection .contentforms_lines .index_categorylines span {
        font-size: 15px;
    }

    .index_removesection .contentforms_lines .index_categorylines a span {
        font-size: 15px;
    }

.index_removeicon {display:inline-block; color:black; font-weight:bold;  }

.index_subcategoryheading { background-color:#999999; margin: 0; padding:5px; color: #fff; font: 13px normal arial,tahoma,verdana; font-weight: bold; display: block; }
.index_subcategorysection {display:block; padding-left:5px; background-color:white; }

.index_brandheading { background-color:#999999; margin: 0; padding:5px; color: #fff; font: 13px normal arial,tahoma,verdana; font-weight: bold; display: block; }
.index_brandsection {display:block; padding-left:5px; background-color:white; max-height:320px; overflow-y:auto; overflow-x:hidden; }


.index_attributeheading { background-color:#999999; margin: 0; padding:5px; color: #fff; font: 13px normal arial,tahoma,verdana; font-weight: bold; display: block; }
.index_attributesection {display:block; padding-left:5px; background-color:white; }
.index_attributelines { display:inline-block; max-width:180px; min-width:180px; max-height:8px; }
    .index_attributelines input, .index_attributelines label {font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #666666; display: inline-block; }


.maincontent_ipw {padding:5px;}
.ipw_prevbtn{ display:inline-block; max-width:35px; min-width:35px; padding-right:5px; padding-top:65px; vertical-align:top; }
.ipw_prevBtn_img {background:url(../images/prev.png) 0 0 no-repeat !important; height:35px; cursor:pointer; width:35px;}
.ipw_container {width:624px; height:265px; overflow:hidden; display:inline-block;}
.ipw_slider { max-width:10000px; min-width:200px; height:265px; width:10000px;  transform:translate3d(0, 0, 0);  transition: .5s ease-in-out; }
.ipw_nextbtn{ display:inline-block; max-width:35px; min-width:35px; padding-left:5px; padding-top:65px; vertical-align:top; }
.ipw_nextBtn_img {background:url(../images/next.png) 0 0 no-repeat !important; height:35px; cursor:pointer; width:35px;}
.ipw_productcell_div { border: none; float:left; width: 156px; max-width: 156px; min-height: 160px; margin: 0px; padding: 0px; column-gap: 0px; vertical-align: top; height: 265px; text-align: left; }


.maincontent_brands {padding:5px;}
.brand_prevbtn{ display:inline-block; max-width:35px; min-width:35px; padding-right:5px; padding-top:25px; vertical-align:top; }
.brand_prevBtn_img {background:url(../images/prev.png) 0 0 no-repeat !important; height:35px; cursor:pointer; width:35px;}
.brand_container {width:1000px; height:100px; overflow:hidden; display:inline-block;}
.brand_slider { max-width:10000px; min-width:200px; height:100px; width:10000px;  transform:translate3d(0, 0, 0);  transition: .5s ease-in-out; }
.brand_nextbtn{ display:inline-block; max-width:35px; min-width:35px; padding-left:5px; padding-top:25px; vertical-align:top; }
.brand_nextBtn_img {background:url(../images/next.png) 0 0 no-repeat !important; height:35px; cursor:pointer; width:35px;}
.brand_cell_div { border: none; float:left; width: 100px; max-width: 100px; min-height: 100px; margin: 0px; padding: 0px; column-gap: 0px; vertical-align: top; height: 265px; text-align: left; }


/* For Iridium.CartSummary :: Starts */
.c_cs_main { float: left; width: 200px; background-color:white; }
.c_cs_top { background-color:#0069A6; min-height:20px; color: white; font-weight: bold; float: left; width: 200px; text-align: center; font-size: x-small; }
.c_cs_bottom { background-color:#0069A6; color: white; font-weight: bold; float: left; width: 200px; text-align: center; font-size: x-small; padding-bottom:5px; margin-bottom:5px;

}
.c_cs_body { background-color:white }

.c_cs_ul { background-color:white;  width: auto !important; list-style: none; margin: 0px; padding: 0px;  }

.c_cs_li { background-color:white;  list-style: none; }

.solution_grouping {
    display:inline-block;
}

.cartsummary_div {
    background-color: white;
    width: 190px;
    padding: 3px;
    margin: 3px;
    border-bottom: solid;
    border-bottom-width: 1px;
}
.cartsummary_div_last { background-color:white; width: 190px; padding:3px; margin: 3px; }
.cartsummary_image { border: 1px solid #9A9A9A; text-align: center; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; vertical-align: top; width: 40px; height: 40px; display: inline-block; float: left; }
    .cartsummary_image img {
        width:40px;
        height:40px;
    }
.cartsummary_image_mouseover { border: 1px solid #0f4089; text-align: center; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; cursor: pointer; width: 150px; height: 150px; }
.cartsummary_description_section { width: 70%; padding-left: 3px; padding-right: 2px; margin-left: 3px; margin-right: 2px; text-align: left; display: inline-block; }

.cartsummary_brand, .lastviewed_brand span { font: 11px; font-family: Tahoma; font-size: x-small; font-weight: bold; color:#005B9A; min-height:15px; max-height:25px; padding:0px; }
.cartsummary_description, .cartsummary_description a { position: relative; font-family: Tahoma; font-size: xx-small; font-weight: normal; color: #0191C8; padding-left: 0px; padding-right: 0px; width: 150px; }
    .cartsummary_description a, .cartsummary_description a:link, .cartsummary_description a:visited, .cartsummary_description a:active { text-decoration: none; font-weight: normal; font-size: x-small; width: 150px; }

.cartsummary_price { height: 10px; display: table-row; }
.cartsummary_price_label { padding-top: 3px; margin-top:3px; font-size: x-small; text-align: left; display: table-cell; }
.cartsummary_price_text { padding-top: 3px; margin-top:3px; font-size: x-small; font-weight: bold; text-align: left; display: table-cell; }
    .cartsummary_price_text a, .cartsummary_price_text a:link, .cartsummary_price_text a:visited, .cartsummary_price_text a:active { text-decoration: none; font-weight: bold; font-size: x-small; color:black; }
.cartsummary_sku { padding: 0px; margin: 0px; height: 10px; display: table-row; }
.cartsummary_sku_label { padding: 0px; margin: 0px; font-size: x-small; text-align: left; display: table-cell; }
.cartsummary_sku_text {  padding: 0px; margin: 0px; font-size: x-small; text-align: left; display: table-cell; }
    .cartsummary_sku_text a, .cartsummary_sku_text a:link, .cartsummary_sku_text a:visited, .cartsummary_sku_text a:active { text-decoration: none; font-weight: bold; font-size: x-small; color: #0191C8; }
.cartsummary_deposit { width: 25px; padding-left: 2px; padding-right: 0px; margin-left: 2px; margin-right: 0px; background: url(../images/deposit.png); background-repeat: no-repeat; background-position: center; cursor: default; display: table-cell; float: left; }


.msgbox_show_border {
    position: fixed;
    background-color: black;
    border: 1px solid white;
    z-index: 1001;
    left: 35%;
    right: 35%;
    top: 20%;
    display: none;
}

.msgbox_show_box {
}

.msgbox_show_layout_table {
    width:100%;
    background-color: #FFFFFF; 
    border: 1px solid #999999;
}

.msgbox_show_layout_row_title {
}

.msgbox_show_layout_col_title {
 font-size:medium; 
 font-weight: bold; 
 padding-left: 15px; 
 background-color:cornflowerblue; 
 color: white; 
 height: 35px;
 vertical-align:middle;
}

.msgbox_show_layout_row_body {
    margin:5px;
}

.msgbox_show_layout_col_icon {
    height:75px;
    width: 100px; 
    text-align: center;
    vertical-align:middle;
}

.msgbox_show_layout_col_message {
    font-size:small;
    vertical-align:middle;
    line-height:normal;
}

.msgbox_show_layout_col_message span {
    padding: 0px;
}
.msgbox_show_layout_row_buttons {
    height:50px;
}

.msgbox_show_layout_col_buttons {
    border-top: 1px solid #CCCCCC; 
    padding-top: 5px; 
    text-align: center;
    vertical-align:middle;
}

.msgbox_show_buttons {
    align-content:center;
    text-align:center; 
}

.msgbox_show_buttons input { background:url(../images/Button.gif) 0 0 repeat !important; padding:5px 30px 5px 30px; align-content:center; }



.lbl-form-bold { font-weight: bold; }
.lbl-form { font-size: 11px; }/* label form elements*/
.txt-form-normal { width: 250px !important; }/* textbox size in the normal form(Refer :catalog.ascx)*/
.txt-form-short { width: 68px !important; }/* small text box size in normal form(Refer :catalog.ascx)*/
.Errmsg { font-family: Verdana; font-size: 12px; color: Red; }/*Class called for the error message reperesentation.*/
.Errmsg-small { color: Red; font-family: Verdana; font-size: xx-small; background-color: Transparent; }/*Class called for the error message reperesentation.*/
.ecom-content-wrapper { width: 100%; float: left; }/*For the 100% width occupying*/
.msgboxbutton { float: left; margin-left: 5px; }
/*form div.subdisable input { background:url(bg-subdis-82.gif) 0 0 no-repeat; border:0; width:82px; height:25px; color:#FFF !important; font-size:12px; font-weight:bold; font-family:arial; cursor:default; }*/
/*form div.submit { margin:5px 0; }
form div.submit input { background:url(bg-submit-82.gif) 0 0 no-repeat; border:0; width:82px; height:25px; color:#FFF !important; font-size:12px; font-weight:bold; font-family:arial; cursor:pointer; }
form div.submit_go { margin:5px 0; }*/
form div.Favorites { margin:5px 0; }
/*form div.Favorites input { background:url(FavoritesButton.gif) 0 0 no-repeat; border:0; width:16px; height:16px; cursor:pointer; }*/
/*form div.submit_go input { background:url(go_btn.gif) 0 0 no-repeat; border:0; width:82px; height:25px; color:#FFF !important; font-size:12px; font-weight:bold; font-family:arial; cursor:pointer;text-align:left;padding:0px 0px 0px 20px }
form div.submit input.continue { width:146px; background:url(bg-submit-146.gif) 0 0 no-repeat; float:right; }
form div.submit input.continueright { width: 146px; background: url(bg-submit-146.gif) 0 0 no-repeat; float: right; }
form div.submit input.continuecenter { width: 146px; background: url(bg-submit-146.gif) 0 0 no-repeat; float: left; }
form div.submit input.continueleft { width:146px; background:url(bg-submit-146.gif) 0 0 no-repeat; float:left; }
form div.submit input.returntoconfirmation { width:250px; background:url(bg-submit-250.gif) 0 0 no-repeat; float:right; }*/
form table.items {  }
form table.items th { font-weight:bold; }
form table.items td, form table.items th { padding:0 10px 4px 0; }
/*form table.items td input.text { width:20px; text-align:center; }*/
form { margin: 0px 0; }
/*form fieldset { border: 1px solid #9a9a9a; padding: 10px; display: inline; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; }*/
form legend { padding: 0 3px; font-weight: bold; color: #535353; }
form label.inline { display: inline; margin-left: 2px; }
/*form input.text { background: url(images/bg-input.gif) 0 0 no-repeat; border: 1px solid #9a9a9a; width: 190px; height: 22px; font-family: arial; font-size: 12px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; }*/
/*form select { background: url(images/bg-input.gif) 0 0 no-repeat; border: 1px solid #9a9a9a; padding: 3px 5px; font-family: arial; font-size: 12px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; }*/
/*form textarea { background: url(images/bg-input.gif) 0 0 no-repeat; border: 1px solid #9a9a9a; padding: 3px 5px; font-family: arial; font-size: 12px; width: 95%; height: 60px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; }*/

/**********************************************
2. Classes grouped as used across more than one modules/PA's
***********************************************/
/* For Iridium.AddStatLink,Iridium.Invoices,Iridium.StatementFP,Iridium.ViewableAccounts:: Starts */
.grid-item-style{height:25px;background:#f6f6f6;border:1px #cccccc solid;}

/* For Iridium.Analytics,Iridium.CartSummary,Iridium.Favorites,Iridium.Kits,Iridium.KitTracker,Iridium.LastViewed,Iridium.NextDelivery,Iridium.OrderConfirmation,Iridium.ShoppingCart:: Starts */
.GridBrandName{color:#336699 !important;font-size:11px;font-weight:bold;}
.GridDescription{color:#525152 !important;font-size:12px;margin-top:5px;font-weight:normal !important;margin:5px 0;}

/* For Iridium.Analytics,Iridium.IncidentTrackEntry,Iridium.Invoices,Iridium.InkandToner,Iridium.Products,Iridium.StoreLookUp,:: Starts */
.label-form-match-skin { color: #003366; font-family: Verdana; font-size: xx-small; }

/* For Iridium.Analytics,Iridium.Favorites,Iridium.Kits,Iridium.KitTracker,Iridium.OrderConfirmation,Iridium.ShoppingCart,Iridium.StatementFP,Iridium.ViewableAccounts:: Starts */
.cartinfo{height:20px;}
.grid-header-style{background:url(bg-store-h1.gif) 0 -1px repeat-x;height:25px; color:#fff !important;padding:3px 3px 0 3px;position:relative;z-index:30;}
.button_text{color:#fff !important;padding-top:5px; position:relative;z-index:30;display:inline-block;vertical-align:middle;line-height:normal;}
.button_div {width:146px;height:200px;line-height:200px;text-align:center; background:url(bg-submit-146.gif) 0 0 no-repeat; float:right; }

/* For Iridium.Analytics,Iridium.Favorites,Iridium.Kits,Iridium.KitTracker,Iridium.ShoppingCart,Iridium.ViewableAccounts:: Starts */
td.cart-footer{background:url(bg-store-h1.gif) 0 -1px repeat-x;color: #fff !important;padding-right:3px;padding-bottom:0px;font-size:11px;border-top : solid 1px #9A9A9A;background-color:#1e8abe;}


/* For Registration pages: Iridium.Catalog,Iridium.Login ::Starts */
.FieldsetsWrap { width: 100%; float: left; clear: both; }

/* For Iridium.CartSummary,Iridium.LastViewed,Iridium.NextDelivery ::Starts */
.head_title1 { float: left; background: url(bg-store-h1.gif) 0 -1px repeat-x; width: 100%; float: left; height: 25px; text-align: center; }
.pricedesc { font-size: 12px; color: #003366 !important; }

/* For Iridium.DeliveryInfo,Iridium.Kits,Iridium.Products,Iridium.ShippingAddress::Starts */
.ModalBackground { background-color: black; filter: alpha(opacity=70); opacity: 0.7; }

/* For Iridium.DeliveryInfo,Iridium.ShippingAddress::Starts */
.ModalWindow { border: solid 4px #cdd6db; background: #e8f1f6; padding: 0px 10px 10px 10px; position: absolute; top: -1000px; }

/* For Iridium.Favorites,Iridium.Shoppingcart :: Starts */
.Grdremovetxt { color: #fff !important; }
.Grdclick { color: #fff !important; }

/* For Iridium.Favorites,Iridium.Kits,Iridium.Shoppingcart :: Starts */
.carthyperlink { color: #08a2b5; cursor:pointer !important; }

/* For Iridium.Favorites,Iridium.Kits,Iridium.SalesOrder,Iridium.Shoppingcart,Iridium.ViewableAccounts :: Starts */
.gridCart { width:100%; border-left: none 0% #000000; border-right: none 0% #000000; border-top: none 0% #000000; border-bottom: solid 1px #9A9A9A; }
tr.gridCart td { border-left: none 0% #000000; border-right: none 0% #000000; border-top: none 0% #000000; border-bottom: solid 1px #9A9A9A;padding: 8px 5px; }

/* For Iridium.Favorites,Iridium.Kits,Iridium.Shoppingcart,Iridium.ViewableAccounts :: Starts */
table.ShoppingCart td input.text { width: 40%; }
.cart-headerstyle{border-collapse:separate !important;position:relative; }
.cart-headerstyle th { background: url(bg-store-h1.gif) 0 -1px repeat-x; height: 20px; color: #fff; padding: 3px 3px 0 8px; border-bottom: solid 1px #9A9A9A; position:relative  }
.cart-headerstyle td { background: url(bg-store-h1.gif) 0 -1px repeat-x; height: 32px; color: #fff; padding: 0 0 0 2px; border-collapse:separate !important;line-height:28px; position:relative }

.ProductName { color: #525152; font-size: 11px; margin-top: 5px; font-weight: bolder; margin: 5px 0; }
.itmdetaildisplay { color: #2091c8; font-size: 20px; font-weight: bolder; }/*to add ecom*/
html > body .pdt-title { min-height: 30px; position: relative; }/*ie7 hack*/
.pdt-title a.itmdetaildisplay, .pdt-title a.itmdetaildisplay:link, .pdt-title a.itmdetaildisplay:visited, .pdt-title a.itmdetaildisplay:active { color: #003366; font-size: 11px; font-weight: bold; }
.Description { color: #525152; font-size: 8px; margin-top: 5px; font-weight: lighter; margin: 5px 0; }
A.Description:link, A.Description:visited, A.Description:active { text-decoration: none; font-size: 11px; font-family: Arial; font-weight: normal; }
A.Description:Hover { color: #2195ce; font-family: Arial; font-size: 11px; text-decoration: underline; font-weight: normal; }

/* For Iridium.LastViewed :: Starts */
div.lastviewed { float: left; width: 200px; /*border-right:1px solid #9a9a9a;*/ }

/* For Iridium.Login,Iridium.ViewableAccounts :: Starts */
div.customer-new { float: left; width: 330px; /*margin:0 0 0 20px;*/ }
div.customer-new form { margin: 0; }
div.customer-new p { margin-top: 0; }
div.customer-new div.create-account { text-align: right; }
/*div.customer-new div.create-account a, div.customer-new div.create-account input { cursor: pointer; display: block; float: right; background: url(bg-submit-146.gif) 0 0 no-repeat; border: 0; width: 146px; height: 25px; padding: 0px 0; text-align: center; color: #FFF; text-decoration: none; font-weight: bold; }*/

/* For Iridium.MyFavorites,Iridium.Pricing :: Starts */
.inputfav { margin-top: 0px; }
 /*@-moz-document url-prefix() {.inputfav{ margin-top:-5px; }};*/

/* For Iridium.Myzipcode,Iridium.Overviews :: Starts */
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.9em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; width: auto; }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px; }

/* For Iridium.Orderconfirmation,Iridium.SalesOrder,Iridium.ShippingCosts :: Starts */
.Orderconfirm { color: #535353; font-family: Arial; font-size: 12px; padding-right: 3px; }

/* For Iridium.Orderconfirmation,Iridium.SalesOrder :: Starts */
.lblbilling { font-family: Arial; font-size: 12px; font-weight: bold; }
table.order-information { width: 100%; margin: 10px 0; }
table.order-information h3 { margin-bottom: 0; }
table.order-information p { margin-top: 0; }
.RightBorder2 { border-right: 0; padding-left: 25px; padding-right: 108px; }

/* For Iridium.SalesOrder,Iridium.ShippingCosts :: Starts */
.Product_title { background: url() 0 -1px repeat-x; height: 25px; color: #525152; padding: 3px 3px 0 3px; border-bottom: 1px solid #52512; }

/**********************************************
3. Classes used in single modules/PA
***********************************************/
/*For Iridium.BreadCrumb::Starts */
.Breadcrumb2, a.Breadcrumb2:link, a.Breadcrumb2:active, a.Breadcrumb2:visited { color: #3E81B5; }
a.Breadcrumb2:hover { color: #C00; }

/* For Iridium.DeliveryInfo::Starts */
.deliveryheader { vertical-align: middle; padding-left: 30px; color: #525152; background-color: #e2e2e2; }
.deliveryinfo { padding: 5px 40px; border: 1px solid #ccc; height: 20px; padding-left: 4px; }
td.deliveryinfo span { color: #003366; font-family: Verdana; }
td.deliveryinfo a:link { color: #666; }
td.deliveryinfo a:hover { color: #336699; }
td.deliveryinfo a:visited { color: #003366; }
.gridItemAddress { background-color: #E7F8FA; height: 30px; text-align: left; }
.AlternareGridrow { background-color: #F6F6F6; }
.AlternareGridrow td { padding: 8px 0px; border-bottom: solid 1px #9A9A9A; }
.AlternareGridrow1 { background-color: #fff; border-bottom: solid 1px #9A9A9A; }
.AlternareGridrow1 td { }
.di_select { color: #535353; }
.di_select_state { color: #666666; }

/*For Iridium.FeaturedItems:: Starts*/
.FeatureBrandName { color: #336699 !important; font-size: 11px; font-weight: bold !important; }
.FeatureDesc { color: #525152 !important; font-size: x-small !important; margin-top: 5px; font-weight: normal; margin: 5px 0; }
.FeaturePrice { color: #525152 !important; font-weight: bold !important; }
.Featureseperator { border-bottom-color: #003366 !important; border-style: dotted !important; }

/* For Iridium.Index :: Starts */
/*div.IndexTotalWidth {min-width:200px;max-width:200px}*/
html > body .LeftNavInternal { float: left; width: 200px; border: 0px #000 solid; padding-right: 0px; }/*ie7 hack*/
.LeftPaneNavigation { border: 0px #cdcdcd solid; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top: 0px #cdcdcd solid; width: 100%; margin: 0px 0px;}
td.LeftPaneNavTitleBg {background-color:#0069A6; height: 30px; }
td.LeftPaneNavTitleBg h1 { margin: 0; padding: 0px 0px 0px 5px; color: #fff !important; font: 13px normal arial,tahoma,verdana; font-weight: bold; display: block; }
.LeftPaneNavTitleBg1 { margin: 0; padding: 2px 0px 0px 5px; color: #fff; font: 13px normal arial,tahoma,verdana; font-weight: bold; display: block; }
.LeftPaneNavigation td a.ListItems, .LeftPaneNavigation td a.ListItems:link { font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #666666; text-decoration: none; line-height: 18px; margin: 0; padding: 0px; width: 100%; display: block; }
.LeftPaneNavigation td a.ListItems:hover { font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #09a2b0; text-decoration: none; line-height: 18px; }
.LeftPaneNavigation td .ListItems a, .LeftPaneNavigation td .ListItems a:link { font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #666666; text-decoration: none; line-height: 18px; margin: 0; padding: 0px; width: 100%; display: block; }
.LeftPaneNavigation td .ListItems a:hover { font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #09a2b0; text-decoration: none; line-height: 18px; }
.LeftPaneNavigation td div.SubCategoryList a, .LeftPaneNavigation td div.SubCategoryList a:link { font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #666666; text-decoration: none; line-height: 20px; }
.LeftPaneNavigation td div.SubCategoryList a:hover { font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #09a2b0; text-decoration: none; line-height: 20px; }
.LeftPaneNavigation td a.LeftNavViewMore, .LeftPaneNavigation td a.LeftNavViewMore:link { font: 11px normal arial,tahoma,verdana; font-weight: normal; color: #ae5c5a; text-decoration: none; }
.LeftPaneNavigation td a.LeftNavViewMore:hover { font: 11px normal arial,tahoma,verdana; font-weight: normal; color: #782826; text-decoration: none; }
.LeftPaneNavigation td a.LeftNavViewMore:active { font: 11px normal arial,tahoma,verdana; font-weight: normal; color: #09a2b0; text-decoration: none; }
.LeftPaneNavigation td a.RemoveProduct, .LeftPaneNavigation td a.RemoveProduct:link { font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #ae5c5a; text-decoration: none; }
.LeftPaneNavigation td a.RemoveProduct:hover { font: 11px normal arial,tahoma,verdana; font-weight: bold; color: #782826; text-decoration: none; }
.OtherPaneMargins { margin: 5px 0px 0px 0px; }


/*For Iridium.KitTrackerKitTracker(Cart data table web.EcomShoppingCart.VB)::Starts*/
.KitsGridDescription { color: #525152 !important; font-size: 10px; margin-top: 2px; font-weight: normal;border-bottom: 0 none !important; padding-left: 2px; padding-right: 2px; display:inline-block; }

/* For Iridium.Knowledgebase ::Starts */
.Klbluser { font-weight: bold; font-family: Verdana; font-size: small; }
.KBTitle { color: #2195CE; font-family: Verdana; font-size: x-small; }
.KBTitlelist { color: #2195CE; font-family: Verdana; font-weight: bold; font-size: xx-small; }
.KBTxt { font-family: Verdana; }

/* For Iridium.Login :: Starts */
div.customer-existing { float: left; width: 330px; /*border-right:1px solid #9a9a9a;*/ }
div.customer-existing form { margin: 0; }
div.customer-existing form input.text { width: 180px; }
div.customer-existing form td.forgot-password { text-align: right; }
div.customer-existing form td.forgot-password a, div.customer-existing form td.forgot-password a:link, .ForgotPassWrd { font-size: 10px; font-style: italic; text-decoration: none; }
/*div.customer-existing form div.submit { text-align: right; }*/
div.customer-existing table tr td { padding: 3px 0px 3px 0px; }
.Thanktxt { color: #00b5cc; font-family: Verdana; font-size: 12px; }

/* For Iridium.MyCart :: Starts */
.inputcart { margin-top: -2px; }

/* For Iridium.Orderconfirmation :: Starts */
.OrderconfirmBold { color: #535353; font-family: Arial; font-weight: bold; font-size: 12px; padding-right: 7px; }
.printsubmit { background: url(bg-submit-82.gif) 0 0 no-repeat; border: 0; width: 82px; height: 25px; color: #FFF; font-size: 12px; font-weight: bold; font-family: arial; cursor: pointer; }
.Orderprint { color: #09A2B0; cursor: pointer; text-decoration: underline; font-family: Arial; font-size: 12px; }
.hpEditOrder { color: #336699 !important; }
.orderThank { font-family: Verdana; font-size: 10px; color: Red; font-weight: bold; }
.Orderconfirmborder { color: #535353; font-family: Arial; font-size: 12px; padding-right: 3px; border-bottom: 1px solid #666; }
.editOrder { font-family: Arial; font-size: 12px; color: #535353; padding-left: 7px; padding-right: 7px; }
.oc_orderno { color: #535353; font-family: Arial; font-size: 12px; font-weight: bold !important; padding-right: 0px; }
.oc_orderdate { color: #535353; font-family: Arial; font-size: 12px; font-weight: bold !important; padding-right: 0px; }
.oc_grid_col_product { font-family: Arial; font-size: 12px; color: #535353; border-bottom: 1px solid #535353; padding-left: 7px; padding-right: 7px; }
.oc_grid_col_sku { font-family: Arial; font-size: 12px; color: #535353; border-bottom: 1px solid #535353; padding-left: 7px; padding-right: 7px; width: 15%; }
.oc_grid_col_qty { font-family: Arial; font-size: 12px; color: #535353; border-bottom: 1px solid #535353; padding-left: 7px; padding-right: 7px; text-align: center; width: 14%; }
.oc_grid_col_price { font-family: Arial; font-size: 12px; color: #535353; border-bottom: 1px solid #535353; padding-left: 7px; padding-right: 7px; text-align: right; width: 18%; }
.oc_grid_col_ext_price { font-family: Arial; font-size: 12px; color: #535353; border-bottom: 1px solid #535353; padding-left: 7px; padding-right: 7px; text-align: right; width: 18%; }

/* For Iridium.Overviews :: Starts */
.bigDescription { color: #525152; font-size: 10px; margin-top: 5px; font-weight: bold; margin: 5px 0; }
.PName { color: #08a2b5; font-size: 12px; margin-top: 5px; font-weight: bold; margin: 5px 0; }

/* For Iridium.payment :: Starts */
.PaymentSuccessmsg { font-family: Verdana; font-size: 12px; color: Green; }

/* ForIridium.PaymentEntry :: Starts */
*:first-child + html div.pe_form fieldset {width: 680px; }
html >  body div.pe_form fieldset {width: 680px; }/*ie7 hack*/

/* For Iridium.Products :: Starts */
.lblproductsHeader {  color: #2091c8; font-size: 12px; text-decoration: underline; font-style: normal; }
a.lblproductsHeader { color: #003366; font-size: 12px; text-decoration: none; font-style: normal; }
a.lblNext { color: #2091c8; font-size: 12px; text-decoration: none; font-style: normal; }
html >  body .pdt-description { min-height: 40px; position: relative; }
.pdt-description a, .pdt-description a:link, .pdt-description a:visited, .pdt-description a:active { text-decoration: none; font-weight: normal; font-size: x-small; }
.DefaultViewChkBG { background-color: #736F6E; }
.pageingtxt { color: #525152; }

/* For Iridium.ProductDetails :: Starts */
.backDisplay { color: #08a2b5; font-size: 11px; font-weight: normal; text-decoration: underline; cursor: pointer; }

/* For Iridium.QuickFind :: Starts*/
.QCarttxt { font-weight: bold; font-family: Verdana; font-size: xx-small; color: #003366; }

/* For Iridium.SalesOrder :: Starts */
.Order_title {  background: url() 0 -1px repeat-x; height: 25px; color: #525152; padding-left: 7px; padding-right: 7px; }
.Checkedgrid { }
.RightBorder { border-right: 1px solid #9a9a9a; padding-left: 25px; }
.Orderconfirmbottom { font-family: Arial; font-size: 12px; color: #535353; border-bottom: 1px solid #535353; padding-left: 7px; padding-right: 7px; }

/* For Iridium.SiteMap :: Starts*/
.sitemap_div { float: left; margin: 5px; display: block; }
.sitemap_ul { display: block; margin: 5px 0px 0px 15px !important; }
    .sitemap_ul, .sitemap_ul a { min-height: 40px; font-family: Tahoma; font-size:medium; font-weight:500; color: #0191C8; padding-left: 0px; }

.sitemap_list { display:block; }
.sitemap_divasdfasdf ul ul { display: block; margin: 5px 0px 0px 15px !important; font-weight:unset; }
.sitemap_li { list-style-type:disc; }
    .sitemap_li, .sitemap_li a { font-family: Tahoma; font-size:small; color:black; }

/* For Iridium.Statements :: Starts*/
.SatementHdr { background-color: #2195CE; border-style: none; color: White !important; font-weight: bold; }
.StatementPAlbtn { color: #2195CE; }
a.StatementPAlbtn { color: #2195CE; font-size: xx-small; font-family: Verdana; }

/* For Iridium.StoreFinder :: Starts*/
.storefinderbackground { position: relative; height: 135px; width: 214px; }
.storefinderTxtBox { position: absolute; left: 38px; width: 63%; top: 58px; border: medium none; }
.storefinderbutton { position: absolute; top: 85px; left: 53px; border: medium none; }

/**********************************************
4. Menu Specific Class::: TOP MENU SECTION
***********************************************/
#Top-menu-wrapper { width: 100%; float: left; height: 37px;  }
#Top-menu-wrapper-left { width: 100%; float: left; text-decoration: none; }
#Top-menu-wrapper-right { width: 100%; float: left; height: 37px; text-decoration: none; }
#Top-menu-wrapper ul.menu { width: 100%; float: left; }
#Top-menu-wrapper ul.menu li { width: auto; float: left; list-style: none; height: 37px; line-height: 37px; }
#Top-menu-wrapper ul.menu li a.last { border: none !important; }
#Top-menu-wrapper ul.menu li a, #menu-wrapper ul.menu li a:link { font-size: 12px; border-right: 2px solid #668fb7; float: left; color: #003366; text-transform: capitalize; line-height: 37px; padding: 0 20px; }
#Top-menu-wrapper ul.menu li a:hover { color: #003366; }
#dnn_IridiumMenu_NavigationMenun1 { border-left: 1px solid #1D4166 !important;}
#dnn_IridiumMenu_NavigationMenun0 td:hover { background:none;}
/*---------For Dynamic Menu Control --------------*/
div.nav { position: relative; z-index: 9; margin: 0 0 0px 0; background: #fff url(../images/bg-nav1.gif) 0 0 repeat-x; height: 37px; }
div.nav div.MenuItems { width: auto; padding: 0px 0px 0px 0px; height: 37px; }
div.nav div.MenuItems a img { display:none;}
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td a, div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td a:link { font: normal 13px arial,tahoma,verdana; font-weight: bold; color: #8c8b8b; }
div.nav div.MenuItems table.MenuList tbody tr td { padding: 0px 0px 0px 0px; height: 0px; }
div.nav div.MenuItems table.MenuList tbody tr td[id] { }
div.nav div.MenuItems table.MenuList tbody tr td > table table { }
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement { padding: 0; margin: 0; }
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement:hover {}
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement td { padding: 0px 14px 0px 2px; height: 37px; background: url(../images/menu-left.gif) no-repeat 0% 0%; }
/*div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement td:hover { padding: 0px 14px 0px 2px; height: 37px; background: url(../images/SteelBlue-menu-hover-left.gif) no-repeat 0% 0%; }*/
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td img { display: none; }
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td a { display: block; line-height: 37px; width: 100%; background: url(../images/menu-right-new.gif) no-repeat 100% 0%; padding: 0px 6px 0px 0px;outline:none;}
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td a:link { display: block; line-height: 37px; width: 100%; background: url(../images/menu-right-new.gif) no-repeat 100% 0%; padding: 0px 6px 0px 0px !important;outline:none;}
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td:hover {}
/*div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td:hover a { display: block; line-height: 37px; width: 100%; background: url(../images/SteelBlue-menu-hover-right-new.gif) no-repeat 100% 0%; padding: 0px 6px 0px 0px; outline:none;color:#fff;}*/
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td.MenuColoumnHover{ padding: 0px 14px 0px 2px; height: 37px; background: url(../images/SteelBlue-menu-hover-left.gif) no-repeat 0% 0%;}
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td.MenuColoumnHover a { display: block; line-height: 37px; width: 100%; background: url(../images/SteelBlue-menu-hover-right-new.gif) no-repeat 100% 0%; padding: 0px 6px 0px 0px; outline:none;color:#fff;}
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td a:hover { display: block; line-height: 37px; width: 100%; text-decoration: none; outline: none; }
div.nav div.MenuItems table.MenuList tbody tr td table.MenuRootElement tbody tr td a:active { display: block; line-height: 37px; width: 100%; outline: none; }
div.nav div.MenuItems table.MenuList tbody tr td table tbody tr td.active,.MenuHover {/*background: #fff; color: #ff0000; display: block; width: 100%;margin: 0; padding: 0; */}
div.nav div.nav-left { position: absolute; top: 0; left: 0; width: 13px; height: 24px; background: #FFF url(../images/bg-nav-left.gif) 0 0 no-repeat; }
div.nav div.nav-right { position: absolute; top: 0; right: 0; width: 13px; height: 24px; background: #FFF url(../images/bg-nav-right.gif) 0 0 no-repeat; }
div.nav ul { height: 24px; background: #0078ae url(../images/bg-nav.gif) 0 0 repeat-x; font-size: 13px; font-weight: bold; color: #93a3b0; padding: 0 0 0 13px; margin: 0; }
div.nav ul li { display: none; height: 24px; letter-spacing: .2em; float: left; position: relative; }
div.nav ul li.primary { display: block; }
div.nav ul li.primary li { display: block; }
div.nav ul li.divider { width: 2px; height: 24px; background: url(../images/bg-nav-li.gif) 0 4px no-repeat; }
div.nav ul a { position: relative; z-index: 1; display: block; float: left; color: #FFF; text-decoration: none; padding: 4px 42px; }
div.nav ul a:hover { color: #fff; text-decoration: none; }
div.nav ul li.active a { background: #00b0be url(../images/bg-nav-active.gif) 0 0 repeat-x; }
div.nav ul li ul { display: none; }
div.nav ul li.active ul { height: auto; color: #93a3b0; padding: 0; position: absolute; z-index: 9; top: 24px; left: 0px; background: #FFF; border: 2px solid #00b0be; border-top: 0; font-size: 12px; }
div.nav ul li.active ul li { height: 24px; float: none; letter-spacing: normal; }
div.nav ul li.active ul li a { position: relative; z-index: 1; background: none; float: none; color: #535353; display: block; padding: 4px 8px; text-decoration: none; }
div.nav ul li.active ul li a:hover { background: none; color: #09a2b0; }
div.nav ul li.active ul li ul { border: 2px solid #00b0be; position: absolute; z-index: 9; top: 8px; left: 0px; width: 180px; }
div.nav ul li.active ul li ul { border: 2px solid #00b0be; position: absolute; z-index: 9; top: 8px; left: 160px; width: 180px; }
div.nav ul li.active ul li ul#last_item { border: 2px solid #00b0be; position: absolute; z-index: 9; top: 8px; left: -160px; width: 180px; }
div.nav table.SubmenuItem {height:35px;margin:0px;padding:3px 30px 3px 16px;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
div.SubmenuList {  z-index: 1000; cursor: hand; background: #fff; font-size: 10px; font-weight: bold; filter: Alpha(Opacity=95); -moz-opacity: .95; padding-top: 0px;padding-bottom: 0px; }
html >  body .SubmenuList { z-index: 1000; cursor: hand; background: #fff; font-size: 10px; font-weight: bold;  filter: Alpha(Opacity=95); -moz-opacity: .95; padding-top: 5px; margin: -2px 0px 0px 0px; }
div.SubmenuList a, div.SubmenuList a:link {color: #8c8b8b; font-size: 10px; font-weight: bold; border-top: 0 solid #fff; border-right: 0 solid #fff; border-bottom: 1px solid #dcdcdc; border-left: 0 solid #fff; padding: 0px 30px 5px 16px; display: block; }
div.SubmenuList td:hover { font: normal 11px arial,tahoma,verdana !important; letter-spacing: 0em; font-weight: normal; text-decoration: none; background-color:#f5f5f5; }
div.SubmenuList td a:hover {}
div.SubmenuList tr td {padding:0 ; margin: 0; height: 20px !important;line-height: 20px; }
div.SubmenuList a, div.SubmenuList a:visited { font: normal 11px arial,tahoma,verdana !important; letter-spacing: 0em; font-weight: normal; }
div.SubmenuList a:hover { background: #F4F4F4; color: #2195ce; font-size: 10px; font-weight: bold; border-top: 0 solid #fff; border-right: 0 solid #fff; border-bottom: 1px solid #dcdcdc; border-left: 0 solid #fff; padding: 0px 30px 5px 16px; display: block; text-decoration: none; }



/* nav */
.nav {
	position: relative;
	margin: 20px 0;
}
.nav ul {
	margin: 0;
	padding: 0;
}
.nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.nav a {
	padding: 3px 12px;
	text-decoration: none;
	color: #999;
	line-height: 100%;
}
.nav a:hover {
	color: #000;
}
.nav .current a {
	background: #999;
	color: #fff;
	border-radius: 5px;
}

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



  .skin_maincontent {
    max-width:100%;
    min-width:100%;
    width:100%;
    }

  .maincontent_div {
    min-width:330px;
    max-width:800px;
    width:100%;
    }


  .maincontent_grid {
    max-width: 100% !important;
    min-width: 100% !important;
    }

  .contentforms_div {min-width:unset; min-height:unset;}

  .contentforms_fieldset { width:unset;}

  .customerlogin_fieldset { width:unset !important; }


  .myaccount_li {margin-right:unset; padding-right:unset;}

  .shippingaddress_addressselect select {min-width:280px; max-width:280px;width:unset;}

  .shoppingcart_grid {
    max-width: 100% !important;
    min-width: 100% !important;
    }

  /*.shoppingcart_col_sku {
    min-width:100px;
    max-width:100px;
    }*/

  .favorites_grid {
    max-width: 100% !important;
    min-width: 100% !important;
   }

  .favorites_col_sku {
    min-width:100px;
    max-width:100px;
   }

    .shippingcost_grid {
   }

    .shippingcost_col_name {
    }



.orderdetail_fieldset {
    margin-left:unset;
   }

.orderdetail_subheader_group {
    margin-left:unset;
    }


  .skin_menu {display:none; }
	
  .skin_header_right_options {height:42px;}

  .skin_header_mobilemenu { display:inline-block;}



  	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}



.blog-content {
    display: table-cell;
    vertical-align: top
}

.post {
    background: #fff;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
    margin-bottom: 3px;;
    padding: 3px;
    width: 100%
}

    .post .post-header {
        margin-bottom: 2rem
    }

        .post .post-header .post-title {
            line-height: 1;
            font-size: 2.25rem;
            margin: 0 0 0.5rem;
            font-weight: 700
        }

            .post .post-header .post-title a {
                text-decoration: none;
                color: #0064c4
            }

                .post .post-header .post-title a:hover {
                    color: #111
                }

    .post .post-info {
        font-size: 0.75rem;
        color: #666;
        text-transform: uppercase
    }

        .post .post-info span {
            margin-right: 0.5rem
        }

        .post .post-info a {
            color: #666
        }

    .post .post-body {
        line-height: 1.6
    }

        .post .post-body a:hover {
            text-decoration: underline
        }

        .post .post-body h1,
        .post .post-body h2,
        .post .post-body h3,
        .post .post-body h4,
        .post .post-body h5,
        .post .post-body h6 {
            margin-top: 2rem
        }

        .post .post-body h2 {
            font-size: 1.4375rem
        }

        .post .post-body h3,
        .post .post-body h4,
        .post .post-body h5 {
            font-size: 1.25rem
        }

    .post .post-rating {
        height: 1.5rem;
        margin: 1rem 0
    }

    .post .post-adminlinks {
        font-size: 0
    }

        .post .post-adminlinks a {
            color: #fff;
            font-size: 0.75rem;
            margin-right: 0.5rem;
            display: inline-block;
            padding: 0.25rem 1rem;
            text-align: center;
            text-transform: uppercase;
            background-color: #ddd
        }

            .post .post-adminlinks a.item-approve {
                background-color: #19cf86
            }

            .post .post-adminlinks a.item-edit {
                background-color: #5bc0de
            }

            .post .post-adminlinks a.item-delete {
                background-color: #e81c4f
            }


.related-posts {
    list-style: none;
    padding: 0
}

    .related-posts .related-posts-item {
        margin-bottom: 1rem
    }

        .related-posts .related-posts-item:last-child {
            margin-bottom: 0
        }

        .related-posts .related-posts-item a {
            display: block;
            height: 100%;
            font-size: 1rem;
            color: #000;
            font-weight: 500
        }

            .related-posts .related-posts-item a:hover {
                color: #007bff
            }

        .related-posts .related-posts-item p {
            font-size: .75rem;
            margin: 0
        }

@media screen and (max-width: 63.9375rem) {
    #relatedPosts {
        display: none
    }
}

.postlist {
}


.postlist li {
    position:relative;
    text-indent:-3px;
    max-width:180px;
    line-height:18px;
    margin:10px;

}



.searchresult {
    display:inline-block;
    margin:7px;
    width:100%;
}

.searchresult_text {
    clear: both;
    display: block;
    font-size: .875rem;
    color: #666;
    padding: 0px;
    padding-left: 5px;
}

.searchresult_url {
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
}

.searchresult_type {
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
    display:none;
}

.tagcloud {
    max-width:180px;
}


.tagcloud ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .tagcloud ul li {
        display: inline-block;
        padding: 0;
        vertical-align:middle;
    }

        .tagcloud ul li a {
            position: relative;
            display: inline-block;
            color: #fff;
            text-decoration: none;
            -webkit-transition: .2s;
            transition: .2s;
        }

            .tagcloud ul li a::before {
                position: absolute;
                top: 0;
                left: -15px;
                z-index: -1;
                content: '';
                width: 30px;
                height: 30px;
                background-color: #3498db;
                border-radius: 50%;
                -webkit-transition: .2s;
                transition: .2s;
            }

            .tagcloud ul li a::after {
                position: absolute;
                top: 50%;
                left: -6px;
                z-index: 2;
                display: block;
                content: '';
                width: 6px;
                height: 6px;
                margin-top: -3px;
                background-color: #fff;
                border-radius: 100%;
            }

        .tagcloud ul li span {
            display: block;
            max-width: 100px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .tagcloud ul li a:hover {
            color: #fff;
        }

            .tagcloud ul li a:hover::before {
            }

.tagsize_biggest {
    font-size:30px;
}

.tagsize_big {
    font-size: 25px;
}
.tagsize_medium {
    font-size: 20px;
}
.tagsize_small {
    font-size:15px;
}
.tagsize_smallest {
    font-size:10px;
}

.searchbox {
    max-width: 180px !important;
}
    .searchbox .form-horizontal .contentforms_labels {
        width: 200px !important;
    }
    .searchbox .form-horizontal .contentforms_textbox input {
        min-width: 190px !important;
    }


.newsletter {
    max-width: 180px !important;
}

    .newsletter .form-horizontal span {
        padding:0px;
        margin:0px;
    }

    .newsletter .form-horizontal .contentforms_labels {
        width:200px !important;
    }
.newsletter .form-horizontal .contentforms_labels label {
    text-align:left !important;
    color:black;
}

    .newsletter .form-horizontal .contentforms_textbox input {
        min-width:190px !important;
    }
.monthList {
    display:normal;
}

.monthList ul {
    display:normal;
}
    .monthList ul li {
        display: normal;
        cursor: pointer;
    }
    .monthList ul li span {
        font-size:18px;
    }
.monthList ul li ul {
    padding-left:15px;
}
.monthList ul li ul li {
    color:black;
    font-size:15px;
}
    .monthList ul li ul li a {
        color:black;
    }

.monthList_open {
    display:normal;
}
.monthList_close {
    display:none;
}



@media screen and (max-width:1200px) {
    .skin_rotator_ad1 {
        background-size: cover;
    }

    .skin_rotator_ad2 {
        background-size: cover;
    }

    .skin_rotator_ad3 {
        background-size: cover;
    }

    .skin_rotator_ad4 {
        background-size: cover;
    }
}

@media screen and (max-width: 1500px) {
    .brand_container {
        width: 1400px;
    }
}

@media screen and (max-width: 1400px) {
    .brand_container {
        width: 1300px;
    }
}

@media screen and (max-width: 1300px) {
    .brand_container {
        width: 1200px;
    }
}

@media screen and (max-width: 1200px) {
    .brand_container {
        width: 1100px;
    }
}

@media screen and (max-width: 1100px) {
    .brand_container {
        width: 1000px;
    }
}

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

    .skin_rotator {
        height: 200px;
    }

    .msgbox_show_border {
        left: 15%;
        right: 15%;
    }

    .ipw_container {
        max-width: 468px;
    }


    .favorites_row {
        display: inline-block;
    }

    .favorites_alternaterow {
        display: inline-block;
    }
}

@media screen and (max-width: 1000px) {
    .brand_container {
        width: 900px;
    }
}

@media screen and (max-width: 900px) {
    .brand_container {
        width: 800px;
    }
}

@media screen and (max-width: 810px) {
    .push {
        height: 170px;
    }

    .skin_footer {
        min-height: 170px;
    }

    #wrap {
        margin: 0px auto -170px;
    }

    .ipw_container {
        max-width: 312px;
    }

    .skin_leftcontent {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .brand_container {
        width: 700px;
    }
}

@media screen and (max-width: 700px) {
    .brand_container {
        width: 600px;
    }
}

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

    .skin_rotator {
        height: 140px;
    }


    .skin_header_myfilter {
        display: inline-block;
    }

    .myfilter_icon {
        display: inline-block;
    }

    .myfilter_text {
        display: inline-block;
    }

    .mysearch_text {
        display: none;
    }

    .LeftPaneNavTitleBg1 {
        margin: 0;
        padding: 2px 0px 0px 5px;
        color: #005B9A;
        font: 13px normal arial,tahoma,verdana;
        font-weight: bold;
        display: block;
    }
}


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


    /*.skin_header_search {display: none;}*/

    .skin_menu {
        display: none;
    }

    .skin_header_mobilemenu {
        display: inline-block;
    }

    .skin_header_right_options_text {
        display: none;
    }

    .skin_header_right_options_icon {
        height: 40px;
        width: 40px;
    }

    .skin_header_right_options {
        height: 42px;
    }

    .c_pi_header_resultsper {
        display: none;
    }

    .c_pi_pageselect_current {
        display: none;
    }

    .c_pi_pageselect_other {
        display: none;
    }

    .msgbox_show_border {
        left: 5%;
        right: 5%;
    }
}

@media screen and (max-width: 600px) {
    .brand_container {
        width: 500px;
    }

    .container_optional {
        display: none;
    }

    .skin_body {
        display: block;
    }

    .skin_rightcontent {
        display: block;
    }

    .skin_leftcontent {
        display: block;
        min-width: 0px;
        max-width: none;
    }

    .coupon_below_cart {
        display: inline-block;
        padding: 3px;
        width: 98%;
    }


    .Container11 {
        min-width: 0px;
        margin: 0px;
        max-width: none;
        width:100%;
    }

    .Container11_header {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px 0px 0px 0px;
    }


    .container11_body {
        border-left: none;
        border-right: none;
        border-bottom: none;
        -webkit-border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 0px 0px;
        border-radius: 0 0 0px00px;
    }

    .newsletter {
        max-width: none !important;
    }

    input, textarea {
       width:80%;
    }

}

@media screen and (max-width: 500px) {
    .brand_container {
        width: 400px;
    }

    .products_images {
        text-align: center;
        display: none;
        padding: 15px;
    }
}

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

    .skin_header_message_line {
        display: none;
    }

    .contentforms_labels {
        text-align: left;
    }

    .skin_rotator {
        height: 89px;
    }

    .ipw_container {
        max-width: 156px;
    }


    .skin_maincontent_body {
        padding: unset;
    }


    .maincontent_div {
        min-width: 300px;
        max-width: 100%;
        width: 100%;
        padding: unset;
        padding-top: 4px;
    }
}




@media screen and (max-width: 405px) {
    .push {
        height: 250px;
    }

    .skin_footer {
        min-height: 250px;
    }

    #wrap {
        margin: 0px auto -250px;
    }
}

@media screen and (max-width: 400px) {
    .brand_container {
        width: 300px;
    }
}



/*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: left;
  padding: 7px 0px 0px 0px;
  line-height: 1.125em;
  cursor: pointer; 

}


  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; 

  }

.slicknav_menu {
  *zoom: 1; 
}
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; 

  }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; 

  }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; 

    }
  .slicknav_menu .slicknav_no-text {
    margin: 0; 

  }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 

  }
  .slicknav_menu:before {
    content: " ";
    display: table; 

  }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; 

  }

.slicknav_nav {
  clear: both; 

}
  .slicknav_nav ul {
    display: block; 

  }
  .slicknav_nav li {
    display: block; 

  }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; 

  }
  .slicknav_nav .slicknav_item {
    cursor: pointer; 

  }
    .slicknav_nav .slicknav_item a {
      display: inline; 

    }

.slicknav_item div {
    display:inline-block;
}

.slicknav_item span {
    display:inline-block;
}
  .slicknav_nav .slicknav_row {
    display: block; 

  }
  .slicknav_nav a {
    display: block; 

  }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; 

  }

.slicknav_brand {
  float: left; 

}

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: white;
  padding: 0px; 
  display:inline-block;
  float:left;
}
  .slicknav_menu * {
    box-sizing: border-box; 

  }
  .slicknav_menu .slicknav_menutxt {
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; 
    padding: 2px 2px 2px 2px !important;
  }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #FFFFFF; 

  }

.slicknav_btn {
  margin: 0px;
  /*text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;*/
  background-color: black;
  height:44px;
  padding: 7px 0px 0px 0px;
  width:34px;
}

.slicknav_nav {
  background-color:#0069A6;
  position:absolute;
  z-index:100;
  color: #fff;
  margin: 40px 0 0 -30px;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0px 0 0 25px; 
    text-align:left;
    font-size:medium
  }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {

      background: #005A8E;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #005A8E;
      color: #fff; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .animated.delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

    .animated.delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
    }

    .animated.delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
    }

    .animated.delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
    }

    .animated.fast {
        -webkit-animation-duration: 800ms;
        animation-duration: 800ms;
    }

    .animated.faster {
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms;
    }

    .animated.slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
    }

@media (print), (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
}

/**************************
*
*	GENERAL
*
**************************/
.camera-wrapper {
  position: relative;
  height: 620px;
}
.camera_wrap {
  display: none;
  float: left;
  position: relative;
  z-index: 0;
}
.camera_wrap img {
  max-width: none !important;
}
.camera_fakehover {
  height: 100%;
  min-height: 60px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.camera_wrap {
  width: 100%;
}
.camera_src {
  display: none;
}
.cameraCont,
.cameraContents {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.cameraSlide {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.cameraContent {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.camera_target {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 0;
}
.camera_overlayer {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.camera_target_content {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.camera_target_content .camera_link {
  background: url(../images/blank.gif);
  display: block;
  height: 100%;
  text-decoration: none;
}
.camera_loader {
    background: #ffffff url(../images/camera-loader.gif) no-repeat center;
    background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
    border: 1px solid #ffffff;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    height: 36px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    margin: -18px 0 0 -18px;
    top: 50%;
    width: 36px;
    z-index: 3;
}
.camera_bar {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar,
.camera_thumbs_wrap.camera_right .camera_bar {
  height: 100%;
  position: absolute;
  width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar,
.camera_thumbs_wrap.camera_top .camera_bar {
  height: auto;
  position: absolute;
  width: 100%;
}
.camera_nav_cont {
  height: 65px;
  overflow: hidden;
  position: absolute;
  right: 9px;
  top: 15px;
  width: 120px;
  z-index: 4;
}
.camera_caption {
  right: 0;
  top: 0;
  display: block;
  position: absolute;
  max-width: 757px;
  width: 100%;
  height: 100%;
}
.camera_caption > div {
  padding: 134px 255px 20px 38px;
}
.camera_caption > div h2 {
  padding-bottom: 16px;
}
.camera_caption > div p {
  padding: 0 95px 32px 3px;
}
.camera_caption > div .btn_1 {
  margin-left: 2px;
}
@media (max-width: 767px) {
  .camera_caption > div {
    padding: 100px 18px 20px 18px;
  }
}
@media (max-width: 479px) {
  .camera_caption .text_5 {
    font-size: 32px;
    line-height: 42px;
  }
}
.camerarelative {
  overflow: hidden;
  position: relative;
}
.imgFake {
  cursor: pointer;
}
.camera_command_wrap .hideNav {
  display: none;
}
.camera_command_wrap {
  left: 0;
  position: relative;
  right: 0;
  z-index: 4;
}
.camera_prev,
.camera_next,
.camera_commands {
  cursor: pointer;
  height: 40px;
  margin-top: -22px;
  position: absolute;
  top: 50%;
  width: 25px;
  z-index: 2;
}
@media (max-width: 979px) {
  .camera_prev,
  .camera_next,
  .camera_commands {
    top: 40px;
    margin-top: 0;
  }
}
.camera_prev {
  left: 53px;
}
@media (max-width: 979px) {
  .camera_prev {
    left: auto;
    right: 106px;
  }
}
.camera_prev > span {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #333;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.camera_prev > span:before {
  content: '\f104';
  font: normal 69px/40px 'FontAwesome';
}
.camera_prev > span:hover {
  color: #f3f3f3;
}
.camera_next {
  right: 53px;
}
.camera_next > span {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #333;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.camera_next > span:before {
  content: '\f105';
  font: normal 69px/40px 'FontAwesome';
}
.camera_next > span:hover {
  color: #f3f3f3;
}
.camera_commands {
  right: 41px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 20px 5px;
  position: relative;
  text-indent: -9999px;
  width: 16px;
}
.camera_thumbs_cont {
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
  -moz-box-shadow: 0px 1px 0px #ffffff, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 0px #ffffff, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 0px #ffffff, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.camera_thumbs_cont > div {
  float: left;
  width: 100%;
}
.camera_thumbs_cont ul {
  overflow: hidden;
  padding: 3px 4px 8px;
  position: relative;
  text-align: center;
}
.camera_thumbs_cont ul li {
  display: inline;
  padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
  border: 1px solid;
  cursor: pointer;
  margin-top: 5px;
  vertical-align: bottom;
}
.camera_clear {
  display: block;
  clear: both;
}
.showIt {
  display: none;
}
.camera_clear {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 25px;
  position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.camera_caption.bg_3 {
  background: rgba(200, 33, 0, 0.75);
}
.camera_caption.bg_4 {
  background: rgba(89, 192, 26, 0.75);
}
.camera_caption.bg_1 {
  background: rgba(255, 255, 255, 0.75);
}
.put-left {
  float: left;
}
.put-right {
  float: right;
}
.last-child {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
}

@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
@import "/skins/iisonline/css/animate.css";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);
/*========================================================
                    Main layout styles
=========================================================*/
body {
  background: #f3f3f3;
}
a {
  font: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  text-decoration: none;
}
a:active {
  background: inherit;
}
p {
  font: normal 15px/28px 'Lato', sans-serif;
}
p a:hover {
  color: #59c01a;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
* {
  -webkit-text-size-adjust: none;
}
/*============  Text  =============*/
.text_1 {
  font: bold 69px/69px 'Lato', sans-serif;
}
.text_2 {
  font: 300 69px/69px 'Lato', sans-serif;
}
.text_3 {
  font: normal 19px/19px 'Roboto', sans-serif;
}
.text_4 {
  font: normal 13px/13px 'Roboto', sans-serif;
}
.text_5 {
  font: bold 52px/55px 'Lato', sans-serif;
}
.text_6 {
  font: normal 15px/28px 'Lato', sans-serif;
}
.text_7 {
  font: normal 49px/59px 'Lato', sans-serif;
}
.text_8 {
  font: normal 27px/39px 'Roboto', sans-serif;
}
.text_9 {
  font: normal 15px/32px 'Lato', sans-serif;
}
.text_10 {
  font: normal 49px/49px 'Lato', sans-serif;
}
.text_11 {
  font: normal 12px/12px 'Lato', sans-serif;
}
.text_12 {
  font: normal 19px/28px 'Homemade Apple', sans-serif;
}
.text_13 {
  font: normal 17px/30px 'Roboto', sans-serif;
}
@media (max-width: 979px) {
  .text_7 {
    font: 38px/51px "Lato", sans-serif;
  }
}
@media (max-width: 479px) {
  .text_7 {
    font: 27px/37px "Lato", sans-serif;
  }
  .text_1,
  .text_2 {
    font-size: 59px;
  }
}
/*============  Colors  =============*/
.color_1 {
  color: #0687ec;
}
.color_1 a {
  color: #0687ec;
}
.color_1 a:hover {
  color: #44aafa;
}
.color_2 {
  color: #59c01a;
}
.color_2 a {
  color: #59c01a;
}
.color_2 a:hover {
  color: #7fe541;
}
.color_3 {
  color: #e2e1e1;
}
.color_3 a {
  color: #e2e1e1;
}
.color_3 a:hover {
  color: #ffffff;
}
.color_4 {
  color: #0893ff;
}
.color_4 a {
  color: #0893ff;
}
.color_4 a:hover {
  color: #55b4ff;
}
.color_5 {
  color: #cf4022;
}
.color_5 a {
  color: #cf4022;
}
.color_5 a:hover {
  color: #e4725a;
}
.color_6 {
  color: #333333;
}
.color_6 a {
  color: #333333;
}
.color_6 a:hover {
  color: #595959;
}
.color_7 {
  color: #2797ef;
}
.color_7 a {
  color: #2797ef;
}
.color_7 a:hover {
  color: #6eb9f4;
}
.color_8 {
  color: #ffffff;
}
.color_8 a {
  color: #ffffff;
}
.color_8 a:hover {
  color: #e6e6e6;
}
.color_9 {
  color: #888888;
}
.color_9 a {
  color: #888888;
}
.color_9 a:hover {
  color: #aeaeae;
}
.color_10 {
  color: #777777;
}
.color_10 a {
  color: #777777;
}
.color_10 a:hover {
  color: #9d9d9d;
}
.color_11 {
  color: #a2a2a2;
}
.color_11 a {
  color: #a2a2a2;
}
.color_11 a:hover {
  color: #e6e6e6;
}
/*============  Backgrounds  =============*/
.bg_1 {
  background-color: #ffffff;
}
.bg_2 {
  background-color: #0687ec;
}
.bg_3 {
  background-color: #cf4022;
}
.bg_4 {
  background-color: #59c01a;
}
.bg_5 {
  background-color: #f3f3f3;
}
.bg_6 {
  background-color: #333333;
}
.bg_image_1 {
  background: url("../images/index_img02.png") no-repeat  360px 0px;
}
/*========================================================
                    HEADER styles
=========================================================*/
#header {
  background: #ffffff;
}
@media (max-width: 979px) {
  #header {
    text-align: center;
  }
}
.brand {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
.brand a {
  display: block;
  text-decoration: none;
}
.brand a:hover .text_2.color_6 {
  color: #999999;
}
.brand a .text_1 {
  letter-spacing: -6px;
}
.brand a .text_2 {
  letter-spacing: -2px;
}
.brand a span {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 979px) {
  .brand {
    float: none;
    display: inline-block;
  }
}
/* Main menu styles
========================================================*/
nav {
  position: absolute;
  z-index: 2;
  float: right;
  top:120px;
  left:500px
}
.sf-menu {
  padding: 55px 0 54px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sf-menu > li {
  float: left;
  position: relative;
  margin-left: 35px;
}
.sf-menu > li > a:hover,
.sf-menu > li.current > a,
.sf-menu > li.sfHover > a {
  color: #333333;
}
.sf-menu > li > a {
  color: #2797ef;
  font: normal 19px/19px 'Roboto', sans-serif;
  text-transform: capitalize;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li > a.fa {
  position: relative;
}
.sf-menu > li > a.fa:before {
  position: absolute;
  top: 0;
  left: 100%;
  font: normal 14px 'FontAwesome';
  line-height: 25px;
  margin-left: 2px;
}
.sf-menu ul li {
  border-top: 1px solid #292929;
}
.sf-menu > li > ul > li:first-child {
  border: none;
}
.sf-menu a {
  display: block;
  text-decoration: none;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
/* First level sub-menu styles
========================================================*/
.sf-menu > li > ul {
  position: absolute;
  top: 75px;
  left: -12px;
}
.sf-menu ul {
  width: 210px;
  z-index: 5;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #3d3d3d;
}
.sf-menu ul li {
  position: relative;
}
.sf-menu ul li a {
  display: block;
  padding: 0 14px 3px;
  color: #ffffff;
  font: normal 13px/31px 'Roboto', sans-serif;
}
.sf-menu ul li a:hover {
  background-color: #0687ec;
}
.sf-menu ul li a.fa {
  position: relative;
}
.sf-menu ul li a.fa:before {
  position: absolute;
  top: 6px;
  right: 13px;
  font: normal 11px 'FontAwesome';
  line-height: 25px;
  margin-left: 2px;
}
.sf-menu ul li.sfHover > a {
  background-color: #0687ec;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul > li > ul {
  position: static;
  margin-left: 0;
  background: #3d3d3d;
  z-index: 4;
}
.sf-menu ul > li > ul li a {
  color: #ffffff;
}
.sf-menu ul > li > ul li a:hover {
  background: #0687ec;
}
.select-menu {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  font: normal 19px/28px 'Roboto', sans-serif;
  margin-bottom: 21px;
}
@media (max-width: 979px) {
  nav {
    display: inline-block;
    float: none;
  }
  nav .sf-menu {
    padding-top: 0;
  }
  nav .sf-menu > li > ul {
    top: 54px;
    left: 50%;
    margin-left: -105px;
  }
}
@media only screen and (max-width: 767px) {
  nav {
    display: block;
  }
  nav .sf-menu {
    display: none;
    padding: 10px 0;
  }
}
/* Stuck menu styles
========================================================*/
.isStuck {
  background: #ffffff;
  padding: 0;
  z-index: 999;
}
.isStuck .brand {
  margin: 6px 0 16px;
}
.isStuck .sf-menu {
  padding: 35px 0 34px;
}
.isStuck .sf-menu > li > ul {
  top: 56px;
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content {
  overflow: hidden;
}
/*============  Wrappers  =============*/
.wrapper_1 {
  padding-bottom: 59px;
}
.wrapper_2 {
  padding-bottom: 70px;
}
.wrapper_3 {
  padding-top: 68px;
  padding-bottom: 69px;
}
.wrapper_4 {
  padding-bottom: 65px;
}
.page {
  overflow: hidden;
}
/*============  Headers  =============*/
.header_1 {
  padding: 57px 0 65px;
  letter-spacing: -0.2px;
}
.header_2 {
  padding-top: 47px;
  padding-bottom: 29px;
  margin-left: -3px;
}
.header_3 {
  padding-top: 47px;
  padding-bottom: 13px;
}
.header_4 {
  padding-top: 49px;
  padding-bottom: 31px;
}
.header_5 {
  padding-bottom: 19px;
}
.header_6 {
  padding-top: 47px;
  padding-bottom: 24px;
}
.header_7 {
  padding-top: 49px;
  padding-bottom: 33px;
}
.header_8 {
  padding-top: 47px;
  padding-bottom: 13px;
  margin-left: -3px;
}
/*============  Buttons  =============*/
.btn_1 {
  display: inline-block;
  min-width: 240px;
  min-height: 57px;
  padding: 15px 0 14px;
  color: #ffffff !important;
  background: #333333;
  font: normal 19px/24px 'Roboto', sans-serif;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn_1:hover {
  background: #0687ec;
  text-decoration: none;
}
.btn_1 .fa {
  font-size: 29px;
  line-height: 28px;
  margin-left: 12px;
}
.btn_2 {
  display: inline-block;
  padding-bottom: 1px;
}
.btn_2.color_1 {
  border-bottom: 1px solid #0687ec;
}
.btn_2.color_1:hover {
  color: #04518e;
  border-color: #04518e;
}
.btn_2.color_2 {
  border-bottom: 1px solid #59c01a;
}
.btn_2.color_2:hover {
  color: #316b0e;
  border-color: #316b0e;
}
.btn_2.color_3 {
  border-bottom: 1px solid #e2e1e1;
}
.btn_2.color_3:hover {
  color: #b2b0b0;
  border-color: #b2b0b0;
}
.btn_2.color_4 {
  border-bottom: 1px solid #0893ff;
}
.btn_2.color_4:hover {
  color: #005da6;
  border-color: #005da6;
}
.btn_2.color_5 {
  border-bottom: 1px solid #cf4022;
}
.btn_2.color_5:hover {
  color: #7c2614;
  border-color: #7c2614;
}
.btn_2.color_6 {
  border-bottom: 1px solid #333333;
}
.btn_2.color_6:hover {
  color: #030303;
  border-color: #030303;
}
.btn_2.color_7 {
  border-bottom: 1px solid #2797ef;
}
.btn_2.color_7:hover {
  color: #0c64a9;
  border-color: #0c64a9;
}
.btn_2.color_8 {
  border-bottom: 1px solid #ffffff;
}
.btn_2.color_8:hover {
  color: #cfcfcf;
  border-color: #cfcfcf;
}
.btn_2.color_9 {
  border-bottom: 1px solid #888888;
}
.btn_2.color_9:hover {
  color: #585858;
  border-color: #585858;
}
.btn_2.color_10 {
  border-bottom: 1px solid #777777;
}
.btn_2.color_10:hover {
  color: #474747;
  border-color: #474747;
}
.btn_2.color_11 {
  border-bottom: 1px solid #a2a2a2;
}
.btn_2.color_11:hover {
  color: #727272;
  border-color: #727272;
}
.btn_3 {
  position: relative;
  display: inline-block;
  padding-bottom: 1px;
  margin-left: 25px;
  border-bottom: 1px solid #2797ef;
  color: #2797ef;
  font: normal 19px/19px 'Roboto', sans-serif;
}
.btn_3:hover {
  color: #0d67ad;
  border-color: #0d67ad;
}
.btn_3:before {
  content: '\f0d9';
  position: absolute;
  left: -23px;
  top: 2px;
  font: normal 22px/19px 'FontAwesome';
  color: #0687ec;
}
/* ============  Icons  ============= */
.icon {
  display: inline-block;
  width: 83px;
  height: 83px;
  text-align: center;
  line-height: 83px;
  font-size: 51px;
  border-radius: 100px;
}
.icon.fa-globe {
  font-size: 64px;
}
/*============  Boxes  =============*/
.box_1,
.box_2,
.box_3,
.box_4,
.box_10 {
  margin-bottom: 30px;
}
.box_1.last-row,
.box_2.last-row,
.box_3.last-row,
.box_4.last-row,
.box_10.last-row {
  margin-bottom: 0;
}
.box_1 h3,
.box_2 h3,
.box_3 h3,
.box_4 h3,
.box_10 h3 {
  padding-bottom: 10px;
}
.box_1 p,
.box_2 p,
.box_3 p,
.box_4 p,
.box_10 p {
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .box_1.last-row,
  .box_2.last-row,
  .box_3.last-row,
  .box_4.last-row,
  .box_10.last-row {
    margin-bottom: 30px;
  }
}
.box_1 {
  position: relative;
}
.box_1 .inner {
  position: relative;
  padding: 21px 300px 43px 27px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.box_1 .bg_image_1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media (max-width: 1199px) {
  .box_1 .put-right {
    display: none;
  }
  .box_1 .bg_image_1 {
    display: none;
  }
  .box_1 .inner {
    padding: 21px 55px 43px 27px;
  }
}
@media (max-width: 479px) {
  .box_1 .put-right {
    float: none;
    text-align: center;
  }
}
.box_2 {
  padding: 21px 21px 43px 27px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box_3 p {
  padding: 3px 45px 21px 0;
}
@media (max-width: 479px) {
  .box_3 .text_8 {
    font: 21px/33px "Roboto", sans-serif;
  }
}
.box_4 .icon {
  margin-top: -1px;
  margin-right: 21px;
}
.box_4 h3 {
  padding-top: 2px;
  padding-right: 30px;
}
.box_4 p {
  padding: 3px 0 21px;
}
@media (min-width: 768px) and (max-width: 979px) {
  .box_4 .put-left {
    float: none;
    display: block;
    text-align: center;
    padding-bottom: 21px;
  }
  .box_4 .icon {
    margin-right: 0;
  }
  .box_4 h3 {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .box_4 .put-left {
    padding-top: 11px;
  }
}
@media (max-width: 479px) {
  .box_4 .put-left {
    float: none;
    display: block;
    text-align: center;
    padding-bottom: 21px;
  }
  .box_4 .icon {
    margin-right: 0;
  }
  .box_4 h3 {
    padding-right: 0;
  }
}
.box_5 {
  text-align: center;
}
.box_5 .icon {
  font: normal 49px/79px 'Lato', sans-serif;
  margin-bottom: 19px;
}
.box_5 .icon span {
  display: block;
  margin-left: -2px;
  width: 100%;
  height: 100%;
}
.box_5 h3 {
  padding-bottom: 14px;
}
.box_5 p {
  padding-bottom: 21px;
}
@media (min-width: 768px) and (max-width: 979px) {
  .box_5 .text_8 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .box_5 {
    padding-bottom: 30px;
  }
}
.box_6 h3 {
  padding-bottom: 13px;
}
.box_6 p {
  padding-right: 35px;
  padding-bottom: 3px;
}
.box_7 {
  padding-bottom: 20px;
}
.box_7.last-child {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .box_7.last-child {
    padding-bottom: 20px;
  }
}
.box_8 {
  position: relative;
  padding-left: 68px;
  padding-bottom: 20px;
}
.box_8.last-child {
  padding-bottom: 0;
}
.box_8 .fa-eye {
  font-size: 49px;
  line-height: 49px;
  left: 0;
  top: 3px;
}
.box_8 .fa-globe {
  font-size: 49px;
  line-height: 49px;
  left: 4px;
  top: 7px;
}
.box_8 .fa-group {
  font-size: 44px;
  line-height: 49px;
  left: 1px;
  top: 11px;
}
.box_8 .put-left-abs {
  position: absolute;
}
@media (min-width: 980px) and (max-width: 1199px) {
  .box_8 {
    padding-left: 49px;
  }
  .box_8 .fa-eye,
  .box_8 .fa-globe {
    font-size: 36px;
    line-height: 36px;
    top: 0;
  }
  .box_8 .fa-group {
    font-size: 31px;
    line-height: 31px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .box_8 {
    padding-left: 32px;
  }
  .box_8 .fa-eye,
  .box_8 .fa-globe {
    font-size: 26px;
    line-height: 35px;
    top: 0;
  }
  .box_8 .fa-group {
    font-size: 21px;
    line-height: 21px;
  }
  .box_8 .text_8 {
    font-size: 22px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .box_8.last-child {
    padding-bottom: 20px;
  }
}
.box_9 {
  padding-top: 10px;
}
.box_9 .put-left {
  max-width: 170px;
}
.box_9 .caption {
  position: relative;
  margin: 9px 10px 0 217px;
}
.box_9 .caption:before {
  content: '“';
  position: absolute;
  left: -20px;
  top: -23px;
  font: normal 114px/114px 'Roboto', sans-serif;
  color: #dedede;
  z-index: -1;
}
.box_9 .author {
  padding-top: 7px;
  text-align: right;
}
@media (min-width: 980px) and (max-width: 1199px) {
  .box_9 .put-left {
    max-width: 113px;
  }
  .box_9 .caption {
    margin-left: 135px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .box_9 .put-left {
    max-width: 80px;
  }
  .box_9 .caption {
    margin-left: 98px;
  }
  .box_9 .caption:before {
    left: -15px;
    top: -23px;
    font: 68px/80px "Roboto", sans-serif;
  }
}
@media (max-width: 479px) {
  .box_9 .put-left {
    max-width: 100%;
    float: none;
    text-align: center;
  }
  .box_9 .caption {
    margin-left: 10px;
  }
}
.box_10 img {
  width: 100%;
}
.box_10 .caption {
  padding: 19px 27px 43px 27px;
}
.box_10 .btn_2 {
  margin-top: 5px;
}
.box_11 {
  padding-bottom: 29px;
}
.box_11.last {
  padding-bottom: 37px;
}
.box_11 .put-left {
  padding-top: 11px;
  padding-right: 31px;
}
.box_11 p {
  padding-top: 1px;
  padding-bottom: 21px;
}
@media (max-width: 979px) {
  .box_11 .put-left {
    float: none;
    text-align: center;
    padding-bottom: 16px;
    padding-right: 0;
  }
}
@media (max-width: 479px) {
  .box_11 img {
    width: 100%;
  }
}
/*============  Marked List  =============*/
ul.marked-list {
  margin-top: -1px;
}
ul.marked-list li {
  position: relative;
  padding-left: 21px;
  font: normal 17px/35px 'Lato', sans-serif;
}
ul.marked-list li:before {
  content: '\f0da';
  position: absolute;
  top: 1px;
  left: 0;
  font: normal 22px/35px 'FontAwesome';
  color: #0687ec;
}
ul.marked-list li,
ul.marked-list li a {
  color: #777777;
}
ul.marked-list li a:hover {
  color: #59c01a;
}
@media (min-width: 980px) and (max-width: 1199px) {
  ul.marked-list li {
    padding-left: 10px;
  }
  ul.marked-list li:before {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  ul.marked-list li {
    padding-left: 8px;
    font-size: 14px;
    line-height: 27px;
  }
  ul.marked-list li:before {
    font-size: 13px;
    line-height: 27px;
  }
}
/*============  Map =============*/
.map {
  width: 100%;
  max-width: 529px;
  height: 310px;
  margin-bottom: 19px;
}
/*============  Address =============*/
address .text_8 {
  padding-bottom: 10px;
}
address dl dt,
address dl dd {
  display: inline-block;
}
address dl dt {
  min-width: 92px;
}
address a:hover {
  color: #59c01a !important;
}
/*============  Terms List =============*/
dl.terms-list {
  padding-right: 20px;
}
dl.terms-list dt {
  padding-bottom: 13px;
}
dl.terms-list dd {
  padding-bottom: 21px;
}
dl.terms-list dd.last-child {
  padding-bottom: 0;
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer ul.social-list {
  padding-top: 11px;
}
@media (max-width: 767px) {
  #footer {
    text-align: center;
  }
}
/*============  List  =============*/
ul.list li,
ul.list li a {
  font: normal 15px/32px 'Lato', sans-serif;
  color: #0893ff;
}
ul.list li a:hover {
  color: #59c01a;
}
@media (max-width: 767px) {
  ul.list {
    padding-bottom: 36px;
  }
}
/*============  Social List  =============*/
ul.social-list {
  display: inline-block;
}
ul.social-list li {
  float: left;
  margin-left: 17px;
}
ul.social-list li:first-child {
  margin-left: 0;
}
ul.social-list .fa {
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 39px;
  line-height: 39px;
  text-align: center;
}
ul.social-list a {
  color: #e2e1e1;
}
ul.social-list a:hover {
  color: #0687ec;
}
/*============  Info  =============*/
.info {
  padding: 35px 0 58px;
}
.info,
.info a {
  color: #777777;
}
.info a:hover {
  color: #59c01a;
}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 40px;
  left: 51%;
  margin-left: 640px;
  overflow: hidden;
  border: none;
  color: #404040;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  z-index: 20;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #0893ff;
}
#toTop:active {
  background: none;
}
/*============  Custom Grid  =============*/
@media (min-width: 980px) and (max-width: 1199px) {
  .md_grid_6 {
    width: 460px;
  }
  .md_grid_6 .box_2.last-row {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .md_grid_6 {
    width: 364px;
  }
  .md_grid_6 .box_2.last-row {
    margin-bottom: 30px;
  }
}
/*Core variables and mixins*/
.put-left {
  float: left;
}
.put-right {
  float: right;
}
.last-child {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
}

/* Contact Form Basic Styles 
========================================================*/
#contact-form {
  position: relative;
  letter-spacing: -4px;
  margin-right: -1px;
}
#contact-form label {
  position: relative;
  letter-spacing: normal;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  max-width: 370px;
}
#contact-form label:first-child {
  margin-left: 0;
}
@media (max-width: 979px) {
  #contact-form label {
    max-width: 100%;
  }
}
#contact-form label.message {
  max-width: 100%;
  margin-left: 0;
  width: 100%;
  margin-bottom: 26px;
}
#contact-form fieldset {
  border: none;
}
/* Contact Form Placeholder Styles 
========================================================*/
#contact-form ._placeholder {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  line-height: 28px;
  font-size: 15px;
  font-family: 'Lato', sans-serif;
  padding: 7px 15px 9px;
  color: #777777;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  cursor: text;
}
#contact-form ._placeholder.focused {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form .file ._placeholder {
  display: none;
}
/* Contact Form Input 
========================================================*/
#contact-form input[type='text'] {
  width: 100%;
  background-color: transparent;
  border-radius: 0;
  line-height: 28px;
  font-size: 15px;
  font-family: 'Lato', sans-serif;
  padding: 7px 15px 9px;
  color: #777777;
  outline: none;
  height: 43px;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  -webkit-appearance: none;
}
/* Contact Form Buttons
========================================================*/
#contact-form .btn-wrapper {
  text-align: right;
  letter-spacing: normal;
}
#contact-form .btn-wrapper .btn_2 {
  margin-left: 25px;
}
/* Contact Form Textarea 
========================================================*/
#contact-form textarea {
  width: 100%;
  background-color: transparent;
  border-radius: 0;
  line-height: 28px;
  font-size: 15px;
  font-family: 'Lato', sans-serif;
  padding: 7px 15px 9px;
  color: #777777;
  outline: none;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  height: 243px!important;
  -webkit-appearance: none;
  overflow: auto;
}
/* Contact Form Error messages
========================================================*/
#contact-form .empty-message,
#contact-form .error-message {
  position: absolute;
  right: 3px;
  top: 2px;
  color: red;
  height: 0;
  overflow: hidden;
  font-size: 11px;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  z-index: 99;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 20px;
}
/* Contact Form Processing Box
========================================================*/
#contact-form .contact-form-loader {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(247, 247, 247, 0.48) url('../images/form-loader.gif');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 5%;
  opacity: 0;
}
#contact-form.processing .contact-form-loader {
  opacity: .7;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
/* Contact Form Modal 
========================================================*/
.modal-open {
  overflow: hidden;
}
#contact-form .modal {
  letter-spacing: normal;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
}
#contact-form .modal h4 {
  font-weight: bold;
  color: #000;
  padding: 0;
  margin: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-dialog {
  width: 600px;
  margin: 10px auto;
}
@media only screen and (max-width: 768px) {
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
}
/* Contact Form Close icon 
========================================================*/
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

/* Created with Easy Button & Menu Maker */

#mbmcpebul_wrapper {
  padding: 0;
  border-style: solid;
  border-color: #000000;
  border-width: 0;
  border-radius: 0;
  background-color: #ffffff
  box-shadow: none;
  border-collapse: separate;
  background-image: url('wrapper_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background-image: linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background-size: 100% 100%;
  font-size: 0;
  line-height: 0;
}

#mbmcpebul_wrapper.quirks {
  margin-bottom: 5px;
  margin-right: 5px;
}

#mbmcpebul_wrapper.quirks #mbmcpebul_table ul li {
  width: 100%;
}

#mbmcpebul_table {
  margin: 0px;
  margin-bottom: -5px;
  margin-right: -5px;
  padding: 0;
  line-height: 0px;
  font-size: 0px;
  display: inline-block;
  width: auto;
}

#mbmcpebul_table li a {
  line-height: 18px;
  font: normal 19px/19px 'Roboto', sans-serif;
  text-decoration: none;
  color: #000000;
  padding: 10px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbmcpebul_table li div.buttonbg {
  height: 38px;
  width: 61px;
  line-height: 0;
  background-color: transparent;
  border-style: solid;
  border-color: #800421;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  text-align: center;
}

#mbmcpebul_table li:hover div.buttonbg a, #mbmcpebul_table li.expanded a.topitem, #mbmcpebul_table li.active a.topitem,
#mbmcpebul_table li.itemhot a.topitem, #mbmcpebul_table li a:hover {
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}


#mbmcpebul_table li.expanded div.buttonbg, #mbmcpebul_table li.active div.buttonbg, #mbmcpebul_table li.itemhot div.buttonbg, #mbmcpebul_table li:hover div.buttonbg {
  background-color: #870522;
  box-shadow: none;
}

#mbmcpebul_table li.expanded div.buttonbg, #mbmcpebul_table li.active div.buttonbg, #mbmcpebul_table li.itemhot div.buttonbg, #mbmcpebul_table li:hover div.buttonbg {
  border-color: #800421;
}

#mbmcpebul_table ul li a {
  color: #FFFFFF;
  font-family: Arial,sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbmcpebul_table ul li:hover > a {
  color: #FFFFFF;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbmcpebul_table ul li.subexpanded a.subexpanded, #mbmcpebul_table ul li.subitemhot a.subitemhot, #mbmcpebul_table ul li a:hover {
  color: #FFFFFF;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbmcpebul_table ul li:hover, #mbmcpebul_table ul li.subexpanded, #mbmcpebul_table ul li.subitemhot {
  border-color: transparent;
  background-color: #5C96C5;
  box-shadow: none;
}

#mbmcpebul_table ul {
  margin: 0;
  border-style: solid;
  border-color: #870724;
  border-width: 0;
  padding: 0;
  background: #870724;
  font-size: 0;
  border-radius: 0 6px 6px 6px;
}

#mbmcpebul_table ul li a {
  padding: 10px 18px 10px 16px;
  text-align: left;
}

#mbmcpebul_table ul li.separator {
  padding: 10px;
  cursor: default;
  background: none;
  box-shadow: none;
  border-width: 0;
}

#mbmcpebul_table ul li.separator div {
  border-top: 1px solid #539ACE;
  font-size: 0px;
}

#mbmcpebul_table ul li {
  border-style: solid;
  border-color: #870724;
  border-width: 0;
  height: auto;
  width: auto;
  text-align: left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  float: none;
  margin: 0 0 0px 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  display: block;
}

#mbmcpebul_table ul li.first_item {
  border-radius: 0 6px 0 0;
}

#mbmcpebul_table ul li.last_item {
  border-radius: 0 0 6px 6px;
}


#mbmcpebul_table ul {
  box-shadow: 0 0 5px -1px #333333;
}

#mbmcpebul_table a img {
  border: none;
}

#mbmcpebul_table li {
  list-style: none;
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 0;
  float: left;
  display: inline-block;
}

#mbmcpebul_table.css_menu li {
  position: relative;
}

#mbmcpebul_table.css_menu ul li:hover > ul {
  opacity: 1;
}

#mbmcpebul_table.css_menu li:hover > ul {
  top: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}

#mbmcpebul_table.css_menu ul li:hover > ul {
  top: -0px;
  left: 100%;
  right: auto;
}

#mbmcpebul_table.css_menu ul {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-property:opacity;
  -webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -ms-transition-property:opacity;
  opacity: 0;
}

#mbmcpebul_table ul {
  position: absolute;
  top:-99999px;
  z-index: 4000;
}

#mbmcpebul_table ul ul {
  position: absolute;
  z-index: 5000;
}

#mbmcpebul_table .submenu_arrow {
  margin-left: 8px;
}


@media screen and (max-width: 500px) {
  #mbmcpebul_wrapper:not(.scripted) {
    text-align: center;
    background-image: url('wrapper_simple_bg.png');
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
    background-image: -webkit-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
    background-image: linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
    background-size: 100% 100%;
  }

  #mbmcpebul_wrapper:not(.scripted) #mbmcpebul_table li {
    float: none;
    vertical-align: top;
  }
}

#mbmcpebul_wrapper.centeritems {
  text-align: center;
  background-image: url('wrapper_simple_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
  background-image: -webkit-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
  background-image: linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
  background-size: 100% 100%;
}

#mbmcpebul_wrapper.centeritems #mbmcpebul_table li {
  float: none;
  vertical-align: top;
}
#mbmcpebul_table div.arrow { 
  background-image: url(../css/ebab_mbmcp_d.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  height: 100%; 
}

#mbmcpebul_table ul li a.with_arrow {
    background-image: url(../css/ebab_mbmcp_c.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 22px;
} 

#mbmcpebul_table li:hover div.gradient38, #mbmcpebul_table li.expanded div.gradient38, #mbmcpebul_table li.active div.gradient38, #mbmcpebul_table li.itemhot div.gradient38 { 
  background-image: url('buttonhot_bg.png'); 
  background-repeat: repeat-x; 
  background-color: #000000; 
} 

#mbmcpebul_table li:hover div.gradient_button, #mbmcpebul_table li.expanded div.gradient_button, #mbmcpebul_table li.active div.gradient_button, #mbmcpebul_table li.itemhot div.gradient_button { 
  background-image: -moz-linear-gradient(top, #000000 0%, #000000 100%); 
  background-image: -webkit-linear-gradient(top, #000000 0%, #000000 100%); 
  background-image: linear-gradient(top, #000000 0%, #000000 100%); 
} 

#mbmcpebul_table ul.gradient36 { 
  background-image: url('menu_bg1.png'); 
  background-repeat: repeat-x; 
  background-color: #000000; 
} 

#mbmcpebul_table ul.gradient108 { 
  background-image: url('menu_bg.png'); 
  background-repeat: repeat-x; 
  background-color: #000000; 
} 

#mbmcpebul_table ul.gradient_menu { 
  background-image: -moz-linear-gradient(top, #000000 0%, #000000 100%); 
  background-image: -webkit-linear-gradient(top, #000000 0%, #000000 100%); 
  background-image: linear-gradient(top, #000000 0%, #000000 100%); 
} 

#mbmcpebul_table li a.button_2, #mbmcpebul_table li div a.button_2 { 
  padding-right: 25px; 
} 


/* Created with Easy Button & Menu Maker */

#mbv4vcebul_wrapper {
  padding: 0;
  border-style: solid;
  border-color: black;
  border-width: 0;
  border-radius: 0;
  background-color: black;
  box-shadow: none;
  border-collapse: separate;
  background-image: url('wrapper_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
  background-image: -webkit-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
  background-image: linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
  background-size: 100% 100%;
  font-size: 0;
  line-height: 0;
}

#mbv4vcebul_wrapper.quirks {
  margin-bottom: 5px;
  margin-right: 5px;
}

#mbv4vcebul_wrapper.quirks #mbv4vcebul_table ul li {
  width: 100%;
}

#mbv4vcebul_table {
  margin: 0px;
  margin-bottom: -5px;
  margin-right: -5px;
  padding: 0;
  line-height: 0px;
  font-size: 0px;
  display: inline-block;
  width: auto;
}

#mbv4vcebul_table li a {
  line-height: 18px;
  font-size: 15px;
  font-family: Arial,sans-serif;
  text-decoration: none;
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  padding: 10px 25px 10px 10px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbv4vcebul_table li div.buttonbg {
  height: 38px;
  width: 153px;
  line-height: 0;
  background-color: transparent;
  border-style: solid;
  border-color: #800421;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  text-align: center;
}

#mbv4vcebul_table li:hover div.buttonbg a, #mbv4vcebul_table li.expanded a.topitem, #mbv4vcebul_table li.active a.topitem,
#mbv4vcebul_table li.itemhot a.topitem, #mbv4vcebul_table li a:hover {
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}


#mbv4vcebul_table li.expanded div.buttonbg, #mbv4vcebul_table li.active div.buttonbg, #mbv4vcebul_table li.itemhot div.buttonbg, #mbv4vcebul_table li:hover div.buttonbg {
  background-color: #870522;
  box-shadow: none;
}

#mbv4vcebul_table li.expanded div.buttonbg, #mbv4vcebul_table li.active div.buttonbg, #mbv4vcebul_table li.itemhot div.buttonbg, #mbv4vcebul_table li:hover div.buttonbg {
  border-color: #800421;
}

#mbv4vcebul_table ul li a {
  color: #FFFFFF;
  font-family: Arial,sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbv4vcebul_table ul li:hover > a {
  color: #FFFFFF;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbv4vcebul_table ul li.subexpanded a.subexpanded, #mbv4vcebul_table ul li.subitemhot a.subitemhot, #mbv4vcebul_table ul li a:hover {
  color: #FFFFFF;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbv4vcebul_table ul li:hover, #mbv4vcebul_table ul li.subexpanded, #mbv4vcebul_table ul li.subitemhot {
  border-color: transparent;
  background-color: #5C96C5;
  box-shadow: none;
}

#mbv4vcebul_table ul {
  margin: 0;
  border-style: solid;
  border-color: #870724;
  border-width: 0;
  padding: 0;
  background: #870724;
  font-size: 0;
  border-radius: 0 6px 6px 6px;
}

#mbv4vcebul_table ul li a {
  padding: 10px 18px 10px 16px;
  text-align: left;
}

#mbv4vcebul_table ul li.separator {
  padding: 10px;
  cursor: default;
  background: none;
  box-shadow: none;
  border-width: 0;
}

#mbv4vcebul_table ul li.separator div {
  border-top: 1px solid #539ACE;
  font-size: 0px;
}

#mbv4vcebul_table ul li {
  border-style: solid;
  border-color: #870724;
  border-width: 0;
  height: auto;
  width: auto;
  text-align: left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  float: none;
  margin: 0 0 0px 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  display: block;
}

#mbv4vcebul_table ul li.first_item {
  border-radius: 0 6px 0 0;
}

#mbv4vcebul_table ul li.last_item {
  border-radius: 0 0 6px 6px;
}


#mbv4vcebul_table ul {
  box-shadow: 0 0 5px -1px #333333;
}

#mbv4vcebul_table a img {
  border: none;
}

#mbv4vcebul_table li {
  list-style: none;
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 0;
  float: left;
  display: inline-block;
}

#mbv4vcebul_table.css_menu li {
  position: relative;
}

#mbv4vcebul_table.css_menu ul li:hover > ul {
  opacity: 1;
}

#mbv4vcebul_table.css_menu li:hover > ul {
  top: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}

#mbv4vcebul_table.css_menu ul li:hover > ul {
  top: -0px;
  left: 100%;
  right: auto;
}

#mbv4vcebul_table.css_menu ul {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-property:opacity;
  -webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -ms-transition-property:opacity;
  opacity: 0;
}

#mbv4vcebul_table ul {
  position: absolute;
  top:-99999px;
  z-index: 4000;
}

#mbv4vcebul_table ul ul {
  position: absolute;
  z-index: 5000;
}

#mbv4vcebul_table .submenu_arrow {
  margin-left: 8px;
}


@media screen and (max-width: 500px) {
  #mbv4vcebul_wrapper:not(.scripted) {
    text-align: center;
    background-image: url('wrapper_simple_bg.png');
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
    background-image: -webkit-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
    background-image: linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
    background-size: 100% 100%;
  }

  #mbv4vcebul_wrapper:not(.scripted) #mbv4vcebul_table li {
    float: none;
    vertical-align: top;
  }
}

#mbv4vcebul_wrapper.centeritems {
  text-align: center;
  background-image: url('wrapper_simple_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
  background-image: -webkit-linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
  background-image: linear-gradient(top, #4A4A4A 0%, #2D2D2D 100%);
  background-size: 100% 100%;
}

#mbv4vcebul_wrapper.centeritems #mbv4vcebul_table li {
  float: none;
  vertical-align: top;
}
#mbv4vcebul_table div.arrow { 
  background-image: url(ebab_mbv4vc_d.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  height: 100%; 
} 

#mbv4vcebul_table ul li a.with_arrow { 
  background-image: url(ebab_mbv4vc_c.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  padding-right: 22px; 
} 

#mbv4vcebul_table li:hover div.gradient38, #mbv4vcebul_table li.expanded div.gradient38, #mbv4vcebul_table li.active div.gradient38, #mbv4vcebul_table li.itemhot div.gradient38 { 
  background-image: url('buttonhot_bg.png'); 
  background-repeat: repeat-x; 
  background-color: #000000; 
} 

#mbv4vcebul_table li:hover div.gradient_button, #mbv4vcebul_table li.expanded div.gradient_button, #mbv4vcebul_table li.active div.gradient_button, #mbv4vcebul_table li.itemhot div.gradient_button { 
  background-image: -moz-linear-gradient(top, #000000 0%, #000000 100%); 
  background-image: -webkit-linear-gradient(top, #000000 0%, #000000 100%); 
  background-image: linear-gradient(top, #000000 0%, #000000 100%); 
} 

#mbv4vcebul_table ul.gradient36 { 
  background-image: url('menu_bg2.png'); 
  background-repeat: repeat-x; 
  background-color: #000000; 
} 

#mbv4vcebul_table ul.gradient72 { 
  background-image: url('menu_bg1.png'); 
  background-repeat: repeat-x; 
  background-color: #000000; 
} 

#mbv4vcebul_table ul.gradient108 { 
  background-image: url('menu_bg.png'); 
  background-repeat: repeat-x; 
  background-color: #000000; 
} 

#mbv4vcebul_table ul.gradient_menu { 
  background-image: -moz-linear-gradient(top, #4384B7 0%, #065C9F 100%); 
  background-image: -webkit-linear-gradient(top, #4384B7 0%, #065C9F 100%); 
  background-image: linear-gradient(top, #4384B7 0%, #065C9F 100%); 
}