/*<@- Asign MARGIN, PADDING=0 to all default Tag Selector's -@>*/



.calculartor-wrap {

	padding		: 0px;

	margin		: 0px;

	font-size	: 12px;

}



@font-face {

    font-family: 'pf_dindisplay_proregular';

    src: url('../fonts/pfdindisplaypro-reg-webfont.eot');

    src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'),

         url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'),

         url('../fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'pf_dindisplay_prothin';

    src: url('../fonts/pfdindisplaypro-thin-webfont.eot');

    src: url('../fonts/pfdindisplaypro-thin-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/pfdindisplaypro-thin-webfont.woff') format('woff'),

         url('../fonts/pfdindisplaypro-thin-webfont.ttf') format('truetype'),

         url('../fonts/pfdindisplaypro-thin-webfont.svg#pf_dindisplay_prothin') format('svg');

    font-weight: normal;

    font-style: normal;



}



html .calculartor-wrap, body .calculartor-wrap

{

	height		: 100%;

	padding		: 0px;

	margin		: 0px;

}





body .calculartor-wrap

{

	color		: #858585;

	font		: normal 16px 'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;

	height		: 100%;		

	text-align	: left; 	

	margin		: 0px auto; 

}



.calculartor-wrap .clr{

	clear:both;

}

.calculartor-wrap a:link, .calculartor-wrap a:active, .calculartor-wrap a:visited  

{

	color			: #5e5e5e;

	font			: normal 16px 'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;

	text-decoration	: none;

}



.calculartor-wrap a:hover

{

	color			: #000; 

	font			: normal 16px 'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;

	text-decoration	: none;

}



		

.calculartor-wrap p 

{

	margin		: 0px auto;

	padding		: 0px;			

}



.calculartor-wrap ul, .calculartor-wrap li, .calculartor-wrap ol 

{			

	list-style	: none;

	text-align	: left;			

}		



.calculartor-wrap img 

{

	float		: none;

	border		: 0px;

}



.calculartor-wrap table, .calculartor-wrap td, .calculartor-wrap th, .calculartor-wrap div, .calculartor-wrap ul, .calculartor-wrap li, .calculartor-wrap ol, .calculartor-wrap span, .calculartor-wrap form, .calculartor-wrap select, .calculartor-wrap option, .calculartor-wrap em

{

	font-family	: normal 13px 'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;

	padding     : 15;

	margin      : 0;

	border      : none;

}

.calculartor-wrap h1{

	font-family:'pf_dindisplay_prothin', Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#5cade7;

	font-weight:normal;

	line-height:26px;

	padding:0 0 9px 0;
	padding-top: 10px;

	display:block;

}

.calculartor-wrap h2, .calculartor-wrap label{

	font-family:'pf_dindisplay_prothin', Arial, Helvetica, sans-serif;

	font-size:20px;

	color:#858585;

	font-weight:normal;

	line-height:22px;

	padding:0 0 0 0;

	display:block;

	margin-top:30px;

}



/* [ End ] */



.calculartor-wrap #top_container{

	width:100%;

	padding:10px 0;

	border-bottom:#e6e6e6 1px solid;

	overflow:hidden;

	background:#fff;

}

.calculartor-wrap .logo{

	width:50px;

	padding-left:19px;
	min-height: 33px;

	float:left;

}

.calculartor-wrap #top_menu_contianer{

    background: none repeat scroll 0 0 white;

    position: absolute;

    right: 7px;

    top: 10px;

    width: 159px;

    z-index: 1111; 

}

.calculartor-wrap A.menu_btn{

	width:159px;

	height:33px;

	background:url(../images/top_menu_btn.gif) no-repeat top;

	display:block;

}

.calculartor-wrap A.menu_btn:hover,A.menu_btn.active{

	background:url(../images/top_menu_btn.gif) no-repeat bottom;

}

.calculartor-wrap .top_menu_tab_area{

	width:131px;

	border-left:#e6e6e6 1px solid;

	border-right:#e6e6e6 1px solid;

	border-bottom:#e6e6e6 1px solid;

	padding:8px 13px 8px 13px;

	display:none;

}

.calculartor-wrap .top_menu_tab_area ul{

	padding:0;

	margin:0;

}

.calculartor-wrap ul.top_menu_tab_area li{

	list-style:none;

	display:block;

}

.calculartor-wrap .top_menu_tab_area li:hover{

	display:block;

}

.calculartor-wrap .top_menu_tab_area li a{

	font-family:'pf_dindisplay_prothin', Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#5fb1ec;

	line-height:35px;

	border-bottom:#e6e6e6 1px solid;

	padding:0 0 0 32px;

	display:block;

	text-shadow:none;

}

.calculartor-wrap .re_calculate{

	background:url(../images/re_calculate.png) no-repeat left;

}

.calculartor-wrap .settings{

	background:url(../images/settings.png) no-repeat left;

}

.calculartor-wrap .help{

	background:url(../images/help.png) no-repeat left;

}

.calculartor-wrap .about_qc{

	background:url(../images/about_qc.png) no-repeat left;

}

.calculartor-wrap .top_menu_tab_area li a.main_last_tab{

	border-bottom:none;

}

.calculartor-wrap .site_type_area{

	width:100%; 

}

.calculartor-wrap .site_type_list_area{

	padding:0;

	display:block;

}

.calculartor-wrap .site_type_list_area .ui-checkbox .ui-btn, .calculartor-wrap .ui-radio .ui-btn{

    background: none repeat scroll 0 0 white;

    border: medium none;

    border-radius: 0 0 0 0;	 

}

.calculartor-wrap .site_type_list_area .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .calculartor-wrap .ui-radio .ui-mini.ui-btn-icon-left .ui-icon{

    display: none;

}

.calculartor-wrap .site_type_list_area .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner, .calculartor-wrap .ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner{

    padding-left: 0;

}



.calculartor-wrap .site_type_list_area .ui-radio .ui-btn-icon-right .ui-icon{ 

	height:9px;

}





.calculartor-wrap .site_type_list_area label span {

    color: #5CADE7;

    display: block;

    font-family: 'pf_dindisplay_prothin',Arial,Helvetica,sans-serif;

    font-size: 21px;

    font-weight: normal;

    line-height: 26px;

    padding: 0 0 9px;

}

.calculartor-wrap .site_type_list_area label:hover {

    color: #5CADE7;  

}



.calculartor-wrap .site_type_list_area label   .ui-icon{

	background:none; 

}



.calculartor-wrap .basic_option_area{

	padding:0 0 36px 0;

	border-bottom:#e6e6e6 1px solid;

	display:block;

}

.calculartor-wrap .basic_title_area{

	width:100%;

	border-bottom:#e6e6e6 1px solid;

	margin-bottom:15px;
	
	margin-top:30px;
	padding-bottom: 15px;

}

.calculartor-wrap .how_many_mock_scrall_area{

	padding:0;

	display:block;

}

.calculartor-wrap .scrall_blue_bg{

	height:9px;

	background:url(../images/scrall_blue_bg.gif) repeat-x top;

	position:relative;

	border:#e2e2e2 1px solid;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	-khtml-border-radius: 20px;

	border-radius: 20px;

}

.calculartor-wrap .drag_arrow{

	width:31px;

	height:39px;

	background:url(../images/drag_arrow.png) no-repeat top;

	top:-10px;

	left:39%;

	position:absolute;

}

.calculartor-wrap .scr_no_area{

	width:100%;

	overflow:hidden;

}

.calculartor-wrap .scr_number{

	width:33%;

	font-family:'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;

	font-size:15px;

	color:#858585;

	padding-left:0%;

	padding-top:22px;

	line-height:17px;

	float:left;

}

.calculartor-wrap .design_complexity_area{

	width:100%;

	padding:34px 0 0 0;

}

.calculartor-wrap .design_complex_title{

	padding-bottom:19px;

}

.calculartor-wrap .mobile_device{

	width:100%;

	padding-bottom:16px;

}

.calculartor-wrap .yes_container{

	width:100%;

	/*overflow:hidden;*/

}

.calculartor-wrap .radio_left_name{

	width:50px;

	font-family:'pf_dindisplay_proregular', Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#858585;

	line-height:19px;

	padding-left:31px;

/*	float:left;*/

}











.calculartor-wrap .checkbox, .calculartor-wrap .radio {

	width: 19px;

	height: 25px;

	padding: 0 5px 0 0;

	background: url(checkbox.png) no-repeat;

	display: block;

	clear: left;

	float: left;

}

.calculartor-wrap .radio {

	background: url(radio.png) no-repeat;

}

.calculartor-wrap .select {

	position: absolute;

	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */

	height: 21px;

	padding: 0 24px 0 8px;

	color: #fff;

	font: 12px/21px arial,sans-serif;

	background: url(select.png) no-repeat;

	overflow: hidden;

}





.calculartor-wrap .clear{ 

	clear:both;

}





.calculartor-wrap .borderbottom{ 

	border-bottom:#e6e6e6 1px solid; 

    margin: 15px;

}







.calculartor-wrap .bottom-arrows{ 

    margin: 15px 0;

}

.calculartor-wrap .bottom-arrows span{

	float:left;

	height:22px; 

	cursor:pointer;

}



.calculartor-wrap .bottom-arrows span.prev{

	background: url(../images/btn-pre.jpg) no-repeat; 

    width: 124px;

}



.calculartor-wrap .bottom-arrows span.next{

	background: url(../images/btn-next.jpg) no-repeat; 

    width: 77px; 

	float: right;

}

.calculartor-wrap .top-arrows{ 

    margin:20px 0 10px;

}





/* jquery ui css 



*/



.calculartor-wrap .basic_option_area   input.ui-input-text.ui-slider-input {

	display:none;

}



.calculartor-wrap .basic_option_area  .how_many_mock_scrall_area .ui-slider-track, .calculartor-wrap .ui-slider-switch { 

    margin: 0; 

}



.calculartor-wrap .ui-bar-a{

	background:none;

	border:none;

}

.calculartor-wrap .ui-body-c, .calculartor-wrap .ui-overlay-c{

	background:none;

}



.calculartor-wrap .ui-content {

	margin:0 0 0;   

	padding-top: 8px;

}



.calculartor-wrap .ui-icon, .calculartor-wrap .ui-icon-searchfield:after{

	background-color: #4596CE;

}

.calculartor-wrap .ui-slider-handle {

	background: url(../images/drag_arrow.png) no-repeat;

	border: none;

    box-shadow: none;

    height: 39px !important;

    width: 31px !important; 

	border-radius:0 !important;

}



.calculartor-wrap .ui-slider-handle.ui-focus {

	box-shadow:none;

}





/* for select box */

.calculartor-wrap .ui-btn-text {

	color:#858585;

}

.calculartor-wrap .ui-select .ui-icon, .calculartor-wrap .ui-icon-searchfield:after{

	background: url("../images/select-icons.png") no-repeat left -75px;

	width:36px;

}

.calculartor-wrap .ui-select   .ui-btn{

	border-radius:0;

	box-shadow:none;

	border:1px solid #f5f5f5;

	background: none;

}



/* for radio button */

.calculartor-wrap .ui-radio .ui-btn-icon-right .ui-icon{

	background: url("../images/check_box_img.gif") no-repeat left 0px; 

}



.calculartor-wrap .ui-radio .ui-btn-icon-right .ui-icon.ui-icon-radio-on {

    background-position: left -18px;

}





/* for checkbox button */

.calculartor-wrap .ui-checkbox .ui-btn-icon-right .ui-icon{

	background: url("../images/check_box_img.gif") no-repeat left 0px;

}



.calculartor-wrap .ui-checkbox .ui-btn-icon-right .ui-icon.ui-icon-checkbox-on  {

    background-position: left -18px;

}

.calculartor-wrap .ui-checkbox   .ui-btn{

	border-radius:0;

	box-shadow:none;

	border:1px solid #f5f5f5;

	background: white;

}





/* for image */

.calculartor-wrap .ui-li-thumb, .calculartor-wrap .ui-listview .ui-li-icon{

	left: 5px;

    top: 34px;

}

.calculartor-wrap .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .calculartor-wrap .ui-li-static.ui-li-has-thumb{    

	padding-left: 60px;

}

.calculartor-wrap .ui-content .ui-li{

	background:none;

	border:0;

}

.calculartor-wrap .ui-li-desc{

    color: #6CBBF3;

    font-size: 16px;

    font-weight: bold;

}



.calculartor-wrap .final-cost{

	font-size: 24px;    

	font-weight: bold;

}



.calculartor-wrap .tooltip {

    color: #858585;

    display: block;

    font-family: 'pf_dindisplay_prothin',Arial,Helvetica,sans-serif;

    font-size: 14px;

    font-weight: normal; 

    padding: 0;

}



.calculartor-wrap .ui-mobile .ui-page{

	padding-top:50px !important;

}





.calculartor-wrap .home_body2 { background:url(../images/content_bottom.gif) right bottom no-repeat; min-width:100%; border:1px solid #f4f4f4; margin:0 auto 20px; position:relative; font-size:16px; }

.calculartor-wrap .home_body2 .article { margin:-30px 2% 20px ; padding-top:20px; }

.calculartor-wrap .home_body2 p, .calculartor-wrap .home_body2 li, .calculartor-wrap .home_body2 h4, .calculartor-wrap .home_body2 strong{ font-size:16px; line-height:20px;}

.calculartor-wrap .featured_img { max-height:260px; min-height:150px; overflow:hidden; }

.calculartor-wrap .featured_img img { width:100% !important; height:auto !important; }

.calculartor-wrap .article h3 { font-size:18px; color:#666; background:url(../images/arrow22.png) no-repeat left center; padding:10px 0 10px 25px; }

.calculartor-wrap .article h2 { font-size:20px; color:#666; background:url(../images/h2_bg.png) no-repeat left 12px; padding:10px 0 10px 25px; }

.calculartor-wrap .home .article H4, .calculartor-wrap div.breadcrumbs { padding:0; margin:0 0 10px 0; font-family:Museo300-Regular, "MS Serif", "New York", serif; font-size:13px; font-weight:bold; color:#acacac; }

.calculartor-wrap *.big_center { text-align:center; margin:4px 0; padding:0; font-weight:bold; font-size:13px; text-transform:none !important; }

.calculartor-wrap *.big_center_lower { text-align:center; margin:4px 0; padding:0; font-weight:bold; font-size:17px; text-transform:none !important; }

.calculartor-wrap ul.highlight { margin:10px 0; padding:0; }

.calculartor-wrap ul.highlight li { list-style:none; background:#E5ECF2; padding:3px 15px 3px 10px; margin:1px 0 0 0; display:table; color:#333; }

.calculartor-wrap ul.highlight2 { margin:0; padding:0; }

.calculartor-wrap ul.highlight2 li { list-style:none; background:#FFE8E8; padding:3px 15px 3px 10px; margin:1px 0 0 0; display:table; color:#666; }

.calculartor-wrap .content_bottom_blue { position:absolute; bottom:-14px; right:-2px; }



.calculartor-wrap .ui-header-fixed, .calculartor-wrap .ui-footer-fixed {

  position: absolute !important;

}





/*Style by Kadir*/

.calculartor-wrap .top_menu_tab_area {

  width: auto;

}



.calculartor-wrap .top_menu_tab_area li {

  list-style: outside none none !important;

}



.calculartor-wrap .borderbottom {

  margin: 15px 15px 15px 0;

}



.calculartor-wrap .site_type_list_area .ui-radio .ui-btn-icon-right .ui-icon {

  height: 18px;

}



.calculartor-wrap .ui-select .ui-btn {

  border: 1px solid #ccc;

}



.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text {

  line-height: 30px;

  min-height: 30px;

}



.calculartor-wrap .tooltip {

  background: transparent none repeat scroll 0 0;

}



.ui-input-text.ui-focus, .ui-input-search.ui-focus {

  box-shadow: 0 0 2px #387bbe;

}



.ui-body-c, .ui-overlay-c{

	background: transparent !important;

}



.ui-mobile .ui-page-active {

  position: relative !important;

}



.calculartor-wrap label {

  line-height: 18px !important;

}



#contact_submit_button {

  line-height: 40px;

}



.ui-page{ min-height: auto !important; }

/*calc_form4 - 05-01-17*/
.calculartor-wrap .site_type_list_area .ui-radio .ui-btn-icon-right .ui-icon {

  height: 9px;

}

.calculartor-wrap [data-icon]::before {
  content: '' !important;
}

.ui-mobile, .ui-mobile body {
    height: auto !important;
}