/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : 25 Feb, 2015, 2:59:23 PM

    Author     : jitendra

*/



/*Starting Utilities Mostly Applicable Pls. Don''t Edit*/ 



body, div, span, h1, h2, h3, h4, h5, h6, hr, table, tr, td, p, ul, li, dd, fieldset, form, input, hr{ margin:0; padding:0;}ul, li, ol{ list-style-type:none;}

a, a:hover{text-decoration: none;}img, img:hover, input{border:none;}



.pull-left{ float:left;}

.pull-right{ float:right;}

.block-display{ display:block;}

.text-center{ text-align: center !important;}

.text-left{text-align: left !important;}

.text-right{text-align: right !important;}

.clear-fix{ float:none; clear:both;}

.margin-l{ margin-left: 0 !important;}

.margin-r{ margin-right: 0 !important;}

.border-radious-n{ border-radius: 0 !important;}

.uppercase{ text-transform: uppercase;}

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

.italic{ font-style: italic !important;}

hr{border: none; height: 1px; background-color: #c0c0c0;}

.border-n{ border: none !important;}

.red{ color: #f10000 !important;}

.blue{color:#0e76bc !important;}



/*Starting Utilities Mostly Applicable Pls. Don''t Edit*/ 



body{

    background: #fff;

}





.container{

    width: 1060px;

    margin: 0 auto;

    position: relative;

}

.wraper, #contentArea{

    width: 960px;

    margin: 0 auto;

    position: relative;

}



.section-1{

    background: url(../images/section-1.jpg) no-repeat center top;

    margin: 0 auto;

    height: 675px;

	min-width:1060px;

}

.section-2{

    background: url(../images/section-2.jpg) no-repeat center top;

    margin: 0 auto;

    height: 436px;

	min-width:1060px;

}

.section-3{

    background: url(../images/section-3.jpg) no-repeat center top;

    width: 1060px;

    margin: 0 auto;

    height: 328px;

}



.section-2 p{

    color: #000000;

    font: 16px/1.5 arial;

    padding-top: 50px;

    text-align: justify;

    white-space: pre-line;

    width: 53%;

}



.frm-container{

    left: 718px;

    position: relative;

    top: 105px;

    width: 287px;

}



input[type=text], select{

    background: none repeat scroll 0 0 #fff;

    border: 0 none;

    font: 13px arial;

    height: 28px;

    margin: 4px 0 3px 8px;

    width: 200px;

}



input[type=submit]{

    background:url(../images/submit-bt.png) no-repeat center top;

    width:270px;

    height:86px;

    cursor:pointer;

    border:none;

    margin:auto;



}



select{ padding:3px; height:25px;}



.label{

    color:#FFF;

    text-align:right;

    font:14px Tahoma;

    text-transform: uppercase;

    padding:2px 0 1px 0;	

}

.label a{ text-decoration: underline; color: #ffcc00;}



footer{

    text-align: center;

    font:14px Tahoma;

    color: #000;

    margin: 20px 0;

	min-width:1060px;

}

footer a{color: #000;}







.checkout-bg{

    background: url(../images/checkout-bg.jpg) no-repeat center top;

    width: 100%;

    min-height: 856px;

	min-width:1060px;

}



.frm-container-2{

    left: 48px;

    position: absolute;

    top: 368px;

    width: 292px;

}



#left-content{

    box-sizing: border-box;

    float: left;

    padding-top: 258px;

    position: relative;

    width: 62%;

}

#right-content{ 

    width: 38%; 

    position: relative;

    float: left;

    box-sizing: border-box;

}



/*#left-content table{

    position: absolute;

    top: 200px;

}*/



#left-content .table{ margin-left: 193px; width: 65%;}



#left-content .table td{

    font:18px/1.2 arial;

    color: #FFF;

    padding: 5px 0;

}



#left-content .table td:last-child{ text-align: right;}





#left-content .table tr td h1{

    font:bold 26px/1.2 arial;

    color: #FFF;

}



#left-content .table tr td h2{

    font:bold 23px/1.2 arial;

    color: #FFF;

}



.border-box{ 

    font: 14px/1.5 tahoma;

    margin-left: 3%;

    margin-top: 162px;

    padding: 10px;

    text-align: justify;

    width: 93%;

}



.border-box a{ text-decoration: underline; color: #21b100;}



#thankyou h1{

    color: #606060;

    text-align: left;

    width: 100%;

    font:bold 40px/1.4 arial;

}



#thankyou h2{

    color: #000;

    text-align: left;

    font:bold 20px/1.4 arial;

    margin: 10px 0;

}



#thankyou p{

    color: #000;

    text-align: left;

    font: 20px/1.4 arial;

}

#thankyou h1 span{ display: block; font-size: 28px;}



#thankyou ul li{

    color: #d71f2b;

    font:bold 16px/1.4 arial;

}

#thankyou ul li:first-child{

    background: url(../images/support.jpg) no-repeat left top;

    padding: 8px 0;

    padding-left: 50px;

}

#thankyou ul li:last-child{

    background: url(../images/support.jpg) no-repeat left 126%;

    padding: 8px 0;

    padding-left: 50px;

}