
#popup {
    font-family: Helvetica, Arial, Georgia, serif;
        position: fixed;
    right: -260px;
    top: 100px;
    width: 260px;
    height: 440px;
    background: #fff url(images/plugins/popup.gif) right top no-repeat;
    z-index: 9999;
}

#popup.shown {
    right: 0;
}

#popup.shown > .popup-container{
    padding-right: 35px;
    width: 252px;
}

#popup a#show {
    display: block;
    position: absolute;
    text-transform: uppercase;
    left: -40px;
    top: 0px;
    width: 40px;
    height: 440px;
    cursor: pointer;
    background: #FF0081;
}

#popup h2.success {
    margin-top:150px;
}

#popup-form {
    margin-top: 10px;
}
#popup-form #car_is_damaged label {
    padding: 2px 10px;
    cursor: pointer;
}
#popup-form #car_is_damaged #car_damage_reason {
    display:none;
    background: white;
}
#popup-form #car_is_damaged label input{
    margin: 0px 10px;
}


#ig-subscription-optin {

    background: #2A6DA9;
    background: -moz-linear-gradient(top, #5AE, #036);
    background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));
    width: 260px;
    /*height: 430px;*/
    color: white !important;
    text-align: center !important;
    line-height: 22px;
    padding: 5px;
    border: none;
}

#ig-subscription-optin p {
    margin: 8px 0 0 !important;
    line-height: 22px;

    padding: 5px;
    border: none;
}

#ig-subscription-optin input.name {
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAB2UlEQVQ4y62UPYtaQRSG/QeB/Ac7U4iILgQFsVC0ElGJhQoiCDaCItqIhYhCdFG4nU3gdsYvtFLxIyLewkaxsYh/YYvdhd3mzTlDDGF3Wa6uxQOHmfecZxiG0QDQMFqtVsB1KBSyx2KxDYFIJAKfz6e4XC7ry9w5aF6KvF6vIRgMPhPw+/3weDwgCex2+7PZbP5yNZHT6fzpdrvFcIfDwQJYrVaYTCbo9Xr5aiKLxfJos9nQarWwXC4xm80gyzIMBgN0Ot391UR0arTbbWy3W0ynUwHXzWYTtI+LRYVCQXAaEA6Hf8/ncywWC4xGIwHXk8kEtLc95U59HxGlq9UqNpuNGD4ej0Vdq9VYFP+w6H9ooFSv1/9dXaPRYIn0Vla16Hg8voKGfiIUAn/h+vNb2YtEuVzuhvhB3MfjcaxWK0EikQCtPRAy8fUi0eFwECSTye/5fB6DwQD7/R7dbhfFYlHAr5DXhsMhOMPZU59q0W6300SjUalcLmO9XqPT6Yin3Ov1oCiKoN/vizUWcoaz3MO9qkWBQOBbNpsVp61UKiiVSu/CGc5yD/eqFtFX80uSJKRSqbPgHu5VLaJ/7C6dTvNVnEUmk+E/8Em1yGg0log7AmfyRNyqFf0B1wD+gu63a+UAAAAASUVORK5CYII=) no-repeat center right;
}

#ig-subscription-optin input[type="text"]{
    border: 1px solid #111 !important;
    font-size: 15px !important;
    margin-bottom: 10px !important;
    padding: 8px 28px 8px 10px !important;
    width: 80% !important;
    height: auto !important;
}

#ig-subscription-optin select {
    border: 1px solid #111 !important;
    font-size: 15px !important;
    margin-bottom: 10px !important;
    padding: 8px 28px 8px 10px !important;
    width: 80% !important;
    height: 34px;
    color:#000000;
}

#ig-subscription-optin input.email {
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAALCAQAAADLyVV7AAABCElEQVQYGXXBzWoTURgA0PPdmdikSU0jjiOKCLoX6hu48a269UH0QQQXFbpQdCmCP4sutEmhSSSZhLk2O8HJOfH67eHJYrhKWauVtVqtVpvz5s/lt69vXvhPeefRy9vbuOVfYacpmgevVjqU8yfbOPPMyFIISRL6rr33PFVPdUjr6Kl8tjRSKBUKAwvnxo4IHdIatconS0OFQt/CuYnaPmmNpHbszELfgbl3Rmo9+6SVna1C7aOZmQ9qPVlhn7KRbcxUeq58ER46tjI1sU+5zm1cqRzgnrsC2aHk0pGcdSin3zeP78cgQiAQdsbG7a/m94UO5fWP08lgWEYhCUkg3MjbZj69+KnDXwmCVbdK9N7yAAAAAElFTkSuQmCC) no-repeat center right;
}

#ig-subscription-optin input {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 2px 2px #111;
    -moz-box-shadow: 0 2px 2px #111;
    -webkit-box-shadow: 0 2px 2px #111;
    margin: 0px;
    padding: 0px;
}

#ig-subscription-optin h3 {
    margin-top: 10px !important;
    margin-bottom: 8px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-weight: bold !important;
    line-height: 26px !important;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    text-align: center !important;
    border: none;
    padding: 0px !important;
    float: none;
}

input:hover[type="submit"] {
    background-color: #0094D2;
    border: 1px solid #0094D2;
    color: white;
    text-decoration: none;
}

input[type="submit"] {
    background-color: #00A7ED;
    border: 1px solid #0094D2;
    color: white;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
    text-decoration: none;
}

input {
    color: #333;
    font-family: 'Droid Sans', sans-serif;
}

#ig-subscription-optin input[type="submit"] {
    background: #FF0081;
    border: 1px solid #111 !important;
    color: white;
    cursor: pointer !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 6px 0 !important;
    text-shadow: -1px -1px #3A060A !important;
    width: 96% !important;
    height: auto !important;
    line-height: 24px !important;
}

#ig-subscription-optin input[type="submit"]:hover {
    color: #FFA5A5;
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);


}

.vertical-text {
    transform: rotate(-90deg);
    transform-origin: left top 0;
    width: 356px;
    position: absolute;
    bottom: 23px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
}