@charset "utf-8";
/* CSS Document */
*, div { padding:0; margin:0;}
a{text-decoration:none;}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {*zoom: 1;}
body{background:#FFF;color:#666;font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
.wrapper{margin:0 auto;padding:0; width:1200px; float:none;}
/*Header Starts*/
.header{ margin:0; padding:0; width:100%;float: left;}
.gray-head{ margin:0 0 40px 0; padding:0; float:left; width:100%; height:18px; background:#c3c3c3;}
.logo-holder{ margin:0 0 44px 0; padding:0; float:left; width:100%;}
.logo-holder h1{ margin:0; padding:0; display:block; width:100%; float:left;}
.logo-holder h1 img{ margin:0 auto; padding:0 0 13px 0; width:370px; display:block;}
.logo-holder h1 a{ margin:0 auto; padding:0; display:table; float:none;}
.logo-holder span{ margin:0 auto; display:block; width:794px;}
/*Header Ends*/
/*Container Start*/
.container{ margin:0; padding:0; float:left; width:100%; background:url(../img/bg.png) top left no-repeat fixed ;background-size:contain;}
.left-cont{ margin:27px 0 0 69px; padding:0; float:left; width:680px}
.head-image{ margin:0; padding:0;}
.head-image{ margin:0 auto; padding:0; display:block; width:382px;}
.heading-holder{ margin:34px 0 0 0; padding:0;}
.heading-holder h2{ margin:0 auto; padding:0; text-align:center; color:#000; font-family: 'akzidenz-grotesk_bq_light_sRg';font-size:65px;}
.heading-holder span img{ margin:0 auto; width:284px; display:block;}
.content{ margin:0 0 34px 0; padding:0; float:left;}
.content p{ margin:35px 0 0 0; padding:0; float:left; font-family: 'akzidenz-grotesk_bq_lightRg'; font-size:16px; color:#a2a2a2;}
.sub-heading{ margin:36px 0 0 0; padding:0; float:left;}
.sub-heading h3{ margin:0; padding:0; float:left; font-family: 'akzidenz-grotesk_bq_light_sRg'; color:#404040; font-size:28px;}
.watch-holder{ margin:0; padding:0; float:left;}
.watch-pic-holder ul{ margin:0; padding:0; float:left;}
.watch-pic-holder ul li{ margin:47px 40px 0 0; padding:0; float:left;float:left; list-style-type:none;}
.watch-pic-holder ul li img{ margin:0; padding:0; float:left;}
.form-steps{ margin:0; padding:0;}
.form-steps ul{ margin:8px 0 0 0; padding:0; float:left;}
.form-steps ul li{margin:35px 0 0 0; padding:0; float:left; list-style-type:decimal; font-family: 'akzidenz-grotesk_bq_lightRg'; font-size:16px; color:#a2a2a2;}
.right-con{ margin:0 0 0 52px; padding:0; float:left; width:391px;}
.frm-holder{ margin:0; padding:0; float:left; border:1px solid #524f4f; width:320px;}
.frm-head{ margin:0; padding:0; float:left; width:100%; height:68px; background:#c3c3c3; box-shadow: 0px 3px 5px #cacaca;}
.frm-head h2{ font-family: 'akzidenz-grotesk_bq_light_sRg'; color:#404040; font-size:32px; text-align:center; line-height:68px;}
.frm-sub-heading{ margin:22px 0 10px 0; padding:0; float:left; width:100%;}
.frm-sub-heading h3{ margin:0 0 0 13px;padding:0;float:left;font-family: 'akzidenz-grotesk_bq_light_sRg';color:#404040;font-size:17px;}
.frm-sub-heading p{margin:0 10px 0 0;padding:0; float:right;font-family: 'akzidenz-grotesk_bq_lightRg';color:#404040;font-size:14px;}
.quote-frm{ margin:13px 0 0 10px; padding:0; width:100%;}
.quote-feild{ margin:15px 0 0 0;float:left; padding:0 0 0 5px; height:40px; width:290px;font-family: 'akzidenz-grotesk_bq_light_sRg';color:#ababab;font-size:13px;}
.drop-down{ margin:15px 0 0 0; float:left; padding:0 0 0 5px; height:44px; width:300px; font-family: 'akzidenz-grotesk_bq_light_sRg';color:#ababab;font-size:13px;}
.quote-frm p{ margin:0; padding:0; text-align:center; line-height:90px;font-family: 'akzidenz-grotesk_bq_light_sRg';color:#323232;font-size:15px;}
.upload-btn{ margin:25px 0 0 10px; padding:0; float:left; position:relative; overflow:hidden; background:#c3c3c3; width:138px;height:37px;  box-shadow: 3px 3px 5px #cacaca; cursor: pointer;}
.btn-file{ margin:0; padding:20px; position:absolute; opacity:0;filter: alpha(opacity=0); cursor: pointer; }
.upload-btn span{ margin:0; padding:0; text-align:center; line-height:37px;font-family: 'akzidenz-grotesk_bq_light_sRg';color:#323232;font-size:15px; display:block;cursor: pointer;}
.btn-frm-holder{ margin:18px 0 0 0; padding:0; float:left; width:100%;}
.btn-frm{  padding:0; background:#c3c3c3; width:250px; margin:0 auto; display:block;height:37px;  box-shadow: 3px 3px 5px #cacaca;}
.btn-frm-holder p{ margin:0 0 0 17px; padding:0; float:left;font-family: 'akzidenz-grotesk_bq_light_sRg';;color:#323232;font-size:13px; line-height:37px; }
.btn-frm span{ margin:0; padding:0; text-align:center; line-height:37px;font-family: 'akzidenz-grotesk_bq_light_sRg';color:#323232;font-size:15px; display:block;}
.multi-line{ margin:0; float:left; padding:8px 0 0 5px; height:151px; width:290px; font-family: 'akzidenz-grotesk_bq_light_sRg';color:#ababab;font-size:13px; resize:none;}
/*Container Ends*/
/*Footer Starts*/
.footer{ margin:46px 0 0 0; padding:0; float:left; width:100%; background:#c3c3c3; height:58px;}
.social-icon{ margin:0; padding:0; float:left;}
.social-icon ul{ margin:0; padding:0; float:left; list-style-type:none;}
.social-icon ul li{ margin:0 15px 0 0; padding:0; float:left;}
.social-icon ul li span.tel-icon{width: 16px;height: 16px;padding:0 0px 37px 6px;float:left; background: url(../img/phone.png) center left no-repeat ; }
.social-icon ul li span.mail-icon{width: 16px;height: 16px; padding:0 0 37px 6px; float:left; background:url(../img/mail.png) center left no-repeat }
/*.social-icon ul li{ margin:13px 15px 0 0; padding:0; float:left;}*/
.social-icon ul li a{text-decoration:none;font-family: 'akzidenz-grotesk_bq_lightRg';color:#000;font-size:13px; line-height:58px;}
/*.social-icon ul li a{ text-decoration:none;}*/
.footer-txt{ margin:0; padding:0; float:right;}
.footer-txt p{ margin:0; padding:0; float:left;font-family: 'akzidenz-grotesk_bq_lightRg';color:#000;font-size:13px; line-height:58px; }
/*Footer Ends*/


/*responsive styles starts here*/

@media only screen and (min-width:245px) and (max-width:480px)
{
    .logo-holder h1 a {display: inherit;float: none;margin: inherit;padding: inherit;}
    .logo-holder h1 img{display: table;margin: 0 auto;max-width: 70%;width: auto;}
    .logo-holder span {display: block;margin: 0 auto;width: 100%;}
    .logo-holder span img{max-width: 100%;}
    .wrapper {float: none;margin: 0 auto;padding: 0;width: 100%;}

    .left-cont {float: left;margin: 27px 0 0;padding: 0;width: 100%;}
    .head-image{width: 100%;}
    .head-image img{max-width: 100%;}
    .content{width: 100%;}
    .watch-pic-holder ul li {display: inline;float: none;list-style-type: none;margin: 47px 6px 0 0;padding: 0;width: auto;}
    .watch-pic-holder ul li img {float: left;margin: 20px 6px 0 7px;max-width: 28%;padding: 0;}
    .form-steps{float:left;}
    .right-con {float: left;margin: 38px 0 0 2%;padding: 0;width: 95%;}
    .frm-holder{width: 100%;}
    .quote-feild{width:92%;}
    .drop-down{width: 94%;}
    .multi-line{width: 91%;}
    .frm-sub-heading{width: 90%;}
    .quote-frm p{width: 95%; text-align: center;}
    .footer{height: inherit;}
}

@media only screen and (min-width:768px) and (max-width:800px)
{


    .logo-holder h1 a {display: inherit;float: none;margin: inherit;padding: inherit;}
    .logo-holder h1 img{display: table;margin: 0 auto;max-width: 70%;width: auto;}
    .logo-holder span {display: block;margin: 0 auto;width: 100%;}
    .logo-holder span img{max-width: 100%;}
    .wrapper {float: none;margin: 0 auto;padding: 0;width: 100%;}
    .head-image{width: 100%;}
    .head-image img{max-width: 100%;}
    .content{width: 100%;}
    .watch-pic-holder ul li {display: inline;float: none;list-style-type: none;margin: 47px 6px 0 0;padding: 0;width: auto;}
    .watch-pic-holder ul li img {float: left;margin: 20px 6px 0 7px;max-width: 28%;padding: 0;}
    .form-steps{float:left;}
    .right-con {float: left;margin: 38px 0 0 2%;padding: 0;width: 95%;}
    .frm-holder{width: 100%;}
    .quote-feild{width:92%;}
    .drop-down{width: 94%;}
    .multi-line{width: 91%;}
    .frm-sub-heading{width: 90%;}
    .quote-frm p{width: 95%; text-align: center;}
    .footer{height: inherit;}

    .right-con {float: left;margin: 38px 0 0 2%;padding: 0;width: 50%;}
    .left-cont {float: left;margin: 27px 0 0;padding: 0;width: 45%;}
}

/*SK 2014.11.12*/
#images{width: 94%;}
#images img{width: 100px;height: 120px;}
.removed{position: relative;color: red;cursor: pointer;font-weight: bold;margin: 0;top: -107px;width: 0;left: 0;}
#images > div{float: left;width: 45%;padding: 0 0 0 15px;}
.overlay {width: 100%;height: 100%;opacity: 0.3;position: fixed;background-color: #000;z-index: 999999;}
.wait-message {z-index: 9999999;position: fixed;top: 50%;left: 50%;width: 120px;height: 50px;margin-left: -70px;margin-top: -35px;box-shadow: 0 0 5px #ccc;border-radius: 3px;padding: 10px;color: #606060;font-weight: bold;background-color: #ffffff;text-align: center;display: block;}
.wait-message img {display: block;margin: 10px auto 0 auto;}
.size_error{position: absolute;top: 990px;left: 896px;color: red;}
#rsuccess{ width: 312px;top: 1556px;color: green;font-size: 16px;padding: 4px;right: 151px;/*border: 1px solid #000000;border-top: 0;position: absolute;*/}
.loaderImg{margin:0 0 0 135px;}
.ecolor{color: red !important;}

.tradeMarkText{
    text-align:center;
    font-family: 'akzidenz-grotesk_bq_lightRg';
    font-size: 16px;
    margin:0;
    padding: 0 15px;
        color: #404040;
}