/* Comman */
@font-face {
    font-family: 'calibri';
    src: url('http://www.jib-crane.com.au/fonts/calibri.eot');
    src: url('../../fonts/calibri.eot') format('embedded-opentype'),
         url('../../fonts/calibri.woff') format('woff'),
         url('../../fonts/calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueLTStd';
    src: url('http://www.jib-crane.com.au/fonts/helveticaneueLTStd.eot');
    src: url('../../fonts/helveticaneueLTStd.eot') format('embedded-opentype'),
         url('../../fonts/helveticaneueLTStd.woff') format('woff'),
         url('../../fonts/helveticaneueLTStd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'FRADM';
	src: url('../../fonts/FRADM.eot');
	src: url('../../fonts/FRADM.woff') format('woff'), url('../../fonts/FRADM.ttf') format('truetype'), url('../../fonts/FRADM.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*a {
transition-property:color, text, background, img;
transition-duration: 0.2s;
transition-timing-function: linear, ease-in;

-webkit-transition-property:color, text, background, img;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear, ease-in;

-moz-transition-property:all;
-moz-transition-duration:0.2s;
-moz-transition-timing-function: linear, ease-in;

-o-transition-property:color, text, background, img;
-o-transition-duration:0.2s;
-o-transition-timing-function: linear, ease-in;
}*/

.no-effect a, a.no-effect { transition-property:none; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; }
.no_javascript { background:#263D4B; color:#FF3300; font-weight:bold; padding:5px 0; position:fixed; width:100%; z-index:1; text-align:center; }
.nobbrd { border-bottom:none !important; margin-bottom:0px !important; }
.txtc { text-align:center; }
.txt_b { font-weight:bold; }
.back_to_top {float: right; font-size: 11px; height: 16px; line-height: 16px; margin: 10px 0 0; padding: 0 14px 0 18px; }
.float_lt { float:left !important; }
.float_rt { float:right !important; }
.grey_txt { color:#959595; font-weight:bold; }
.rounded { border-radius: 10px; -webkit-border-radius:  10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; }
.hidediv { display:none; }
.error_text { line-height:30px !important; padding: 0 0 0 35px !important; overflow:hidden; }
.msg_txt { color: #FF0000; font-size:14px; display: block; padding: 10px 0; clear: both; text-align: center; }
.brd_radius_3 { border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; }
.play_btn { display: inline-block; height: 25px; position: absolute; width: 30px; z-index: 2; }
.loading {  }
.clear_both { clear:both; }




/* Form */
.form_field_wrap { border-bottom:solid 1px #E9E9E9; padding:0 0 14px 10px; margin:0 0 12px; overflow:hidden; }
.form_field_wrap_spacing { border-bottom:solid 1px #E9E9E9; padding:0 0 7px; margin:0 0 12px; overflow:hidden; }
.extra_padding_contact_us{padding:0 0 7px !important;}
.form_wrap { float:left; padding:0 0 14px 15px; width: 600px; }
.leftform { float: left; padding: 0; width: 440px; }
.rightform { float: left; width: 612px;  }
.form_row { clear: both; overflow: hidden; padding: 10px 0; }
.form_row label { float: left;  padding: 7px 10px 0 0; text-align: right; width: 215px; font-size:14px; color:#424242; }
.form_row label.txt_lt { text-align: left; }
.form_row input, .form_row textarea, .form_row select { float: left; width: 235px;  color:#424242; }
.form_row input.name { background-position: 7px 6px; }
.form_row input.unit_fd { width: 70px; }
.form_row label.street_1 { width: 68px; }
.form_row .input_sm { width:96px; margin:0 7px 0 0; }
.form_row .input_s { margin:10px 0 0 0; }
.form_row .wv_wrap { float:left; }
.form_row .wv_wrap img { float:left; }
.form_row input.field_wv { text-transform: uppercase; width: 60px; margin: 0 0 0 10px; }
.form_row select { width: 250px; }
.form_row select.exp_date_yr { float: left; width: 80px; margin:0 5px 0 0; }
.mand_sign { color: #FF0000; padding: 0 3px 0 0; }
.form_row input[type="checkbox"] { margin: 6px 0 0 10px; border: 0 none !important; cursor: pointer; height: auto !important; width: auto !important; }
.help_txt { display: block; font-size: 10px; font-weight: normal; padding: 5px 6px 0 18px; }
.flash_captcha { float: left; margin: 0 5px 0 0; }
.form_row .org_btn { width:auto; color:#000000; background: none repeat scroll 0 0 #FFCE00; border: 1px solid #C7C7C7 !important; cursor: pointer; }
.form_row_btn { text-align:right; overflow:hidden; padding:0 0 40px; clear: both; }
.form_row_btn .org_btn { float:right; }

.bank_details { float:left; padding: 4px; }
.what_ccv { float:left; padding:10px 0 0 5px; }
.padd_errormsg {  clear: both;  color: #FF0000; display: block; font-size: 12px;  padding: 2px 0 0 225px; }
.form_row_chkbox { clear: both; overflow: hidden; padding: 10px 0; }
.form_row_chkbox label { float: left;  padding: 4px 5px 0 0; text-align: right; width: 390px; font-size:14px; }
.form_row_chkbox input { float: left; }
.form_row_chkbox input[type="checkbox"] { margin: 6px 0 0 10px; border: 0 none !important; cursor: pointer; float: none !important; height: auto !important; width: auto !important; }
.fields_marked { font-size:13px; }


.address { float: left; margin-bottom: 15px; padding: 15px 15px 15px 0; width: 580px; }
.address .add_heading { font-size:18px; color:#448CCB; padding:0 0 15px; }
.version_wrap { clear:both; overflow:hidden; padding:0 0 40px; }
.version_wrap a { display:inline-block; text-decoration:none; font-weight:bold; }
.version_wrap a:hover, .version_wrap a.active { text-decoration:none; color:#045774; }
.version_wrap span { display:inline-block; padding:0 10px;  }
.thank_wrap { overflow:hidden; border-bottom:1px solid #CCC; padding:0 0 20px; margin: 0 0 20px; }
/* Gmap */
.overlay_map { height: 580px; float:left; position:relative;  width: 633px; border:1px solid #ccc; padding:2px; }
.gmap_wrap { width: 633px; float:left; }
.gmapDiv { position:relative; /*border:1px solid #ccc;*/ padding:0; margin:0 0 20px; overflow:hidden; clear:both; }
.map_logo { background: url("../../images/frontend/image_storelocator.jpg") no-repeat scroll 0 0 transparent; display: block; height: 40px; position: absolute; right: 0; top: 35px; width: 80px; }

/* Breadcrumb */
.breadcrumb { clear:both; color: #ffffff; overflow:hidden; text-align:right; margin: 15px 0 15px 0; font-size:13px; font-weight: normal; height: 18px; }
.breadcrumb h2 { display:inline; font-size:13px; font-weight:normal; }
.breadcrumb a {font-weight:normal; text-decoration:none; color: #ffffff;}
.breadcrumb a:hover {text-decoration:underline; color: #ffffff; }
.breadcrumb span { padding:0 2px; }
.breadcrumb span.active { padding:0px; }

/* Site Map */
.site_map_wrap { overflow: hidden; }
.site_map_wrap ul { padding: 0 0 18px 15px; }
.site_map_wrap ul li { list-style-type: none; padding: 0 0 0 18px; margin: 0 0 15px; }
.site_map_wrap ul li h3 { padding:0 0 5px; }
.site_map_wrap ul li ul { padding: 5px 0; }

/* Footer */
#footer_wrap { overflow:hidden; position:relative; background: url(../../images/frontend/bg_footer.jpg) repeat-x scroll 0 0 #1E1F24; margin: 0 auto; min-height: 147px; }

.footer_left_panel{width: 90px; float: left;}
.footer_right_panel{width: 800px; float: left;position: relative;}

.footer_panel { overflow: hidden; margin: 0 auto; width: 949px; font-size: 12px; color:#acacac; padding:15px 15px 0; position: relative; clear: both;}
.footer_webmagnet, .footerarea_info { overflow: hidden; margin: 0 auto; width: 949px;}
.footerarea_info a { color: #acacac; font-size: 11px; padding: 0 0 9px; text-decoration: none; }
.footerarea_info a:hover { color: #acacac; text-decoration:underline; }
.comp_info { clear: both; padding: 0 0 10px 5px; }
.footer_modules_link { overflow:hidden; border:1px solid #38434b; border-width:0 0 1px; padding: 0 0 20px 5px; }
.footer_modules_link ul { float:left; width: 140px; padding:0 15px 0 0; }
.footer_modules_link li { padding: 10px 0 10px 0; overflow:hidden; }
.footer_modules_link li a { display: block; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; }
.footer_modules_link li a:hover { color:#959595; }

.footer_link_wrap { overflow:hidden; padding:0 0 0 5px; margin:0 0 15px; clear:both; height: 20px; }
.footer_link_panel { float:left; width:715px;  padding: 5px 0 0; }

.footer_link_wrap .footer_link { float:left; padding:0 0 0 0; }
.footer_link_wrap a { color:#959595; font-size:11px; text-decoration:none; }
.footer_link_wrap .footer_head { color:#acacac; font-size:12px; font-weight:bold; margin: 0 0 10px; display: inline; }
.footer_link_wrap .footer_link h3 { overflow:hidden; margin: 0 0 6px; }
.footer_link_wrap a:hover { text-decoration:underline; color:#959595; }

.footer_webmagnet { overflow:hidden; }
.webmagnet_popular_searches {minus_icon.pngfloat:left; padding: 0 0 0 20px; color:#959595; text-decoration:none; font-size:11px; margin:4px 0 15px; }
.collapse {  }
.webmagnet_popular_searches:hover { text-decoration:underline; color:#959595; }
.webmagnet_wrap { overflow:hidden; padding: 10px 0 0 3px; clear:both; }

/* Footer Exa Info */
.footerarea_info { overflow:hidden; color: #959595; font-size:11px; padding:0 5px 0; }
.footerarea_info .info { float:left; }
.footerarea_info .info a { float:none; }
.footerarea_info .info span { display:block; padding: 5px 0 0; }
.footer_logo_wrap {  background: url("../../images/frontend/footer_logo.png") no-repeat scroll right center transparent; width: 70px; height: 32px; position: absolute; right: 0; top: 37px;}
.footer_logo_wrap a { float:left; display:inline; }
.wm_logo { width:134px; height:30px; }
.exalogo { width:65px; height:25px; margin:0 0 0 22px; }

.fp1 { float: left; padding: 0 15px 0 0; width: 128px; }	
.fp2 { float: left; padding: 0 15px 0 0; width: 128px; }
.fp3 { float: left; padding: 0 15px 0 0; width: 128px; }
.fp1 .footer_head, .fp2 .footer_head, .fp3 .footer_head { margin: 0 0 6px; }
.fp1 h3, .fp2 h3, .fp3 h3, .fp1 h2, .fp2 h2, .fp3 h2 { overflow:hidden; margin: 0 0 6px; }


/* SITEMAP */
#sitemap li a {color:#01AEF0;font-weight:bold;text-decoration:none;font-size:15px; }
#sitemap li{ background:url(../../images/frontend/li_arrow.jpg) no-repeat 0 6px; padding:0 0 15px 20px; color:#252525; line-height:20px; }

    
    
    

    
    
    
body{ background: url("../../images/frontend/banner.jpg") no-repeat scroll center 0 #000000; width:100%; height:100%; font-weight:normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#505663; font-size: 14px;}
a{ color:#2a2b2c; text-decoration:none; outline:none;}
a:hover{ color:#2a2b2c; text-decoration:none;}
/*-----------------------------Global Variable----------------------------------------*/
.l_div{float: left;}
.r_div{float: right;}
.clear{clear: both;}

.content_wrap .page_h2head{font-weight: normal;color: #505663; font-size: 36px; line-height: 30px; font-family: FRADM,Arial; padding-bottom: 15px; }
.content_wrap .page_h2head span{font-weight: normal;color: #505663; font-size: 26px; font-family: FRADM,Arial; padding-bottom: 15px; }

.content_wrap .title_h3{font-weight: bold; color: #505663; font-size: 16px; padding-bottom: 15px; padding-top: 10px;}


.content_wrap ul.ul_arrow { margin-left: 25px; padding-bottom: 15px;}
.content_wrap ul.ul_arrow li { line-height: 20px; list-style: square outside url("../../images/frontend/li_arrow.jpg"); }

.content_wrap ul.ul_arrow_second { margin-left: 25px; }
.content_wrap ul.ul_arrow_second li { line-height: 20px; list-style: square outside url("../../images/frontend/li_arrow.jpg"); }
/*---------------------------- End ----------------------------*/



/*---------------------------- Start Top Wrapper ----------------------------*/
#h1_cover { text-align: right; width: 100%; height: 22px; padding-top: 5px; }
#h1_key { display: block; margin: 0 auto; color: #363636; font-size: 11px; padding: 0 auto; }

#bgtopwrapper { background: url("../../images/frontend/bgtopwraper.jpg") repeat-x scroll 0 0 transparent; position: relative; width: 100%;}
#topwrapper { height: 128px; margin: 0 auto; position: relative; width: 972px; }
#top_logo { display: block; position: absolute; bottom: 13px; left: 0;}
#top_tel { display: block; position: absolute; right: 0; bottom: 35px; }
/*---------------------------- End Top Wrapper ----------------------------*/



/*---------------------------- Start Main Nav ----------------------------*/
#topnav_wrapper{ width: 977px; height: 62px; margin: 0 auto; position: relative;}
#topnav_main{ margin: 0 0 0 382px; height: 62px; text-indent: -9999px; }
#topnav_main li{ float:left; text-align: center; list-style: none; }
#topnav_main li a{ display: block; height: 54px; font-size: 16px; background: url("../../images/frontend/main_nav.png") top center no-repeat; }
#topnav_main li .home { width:90px; background-position: 0 0; }
#topnav_main li .jibcranes { width:170px; background-position: -90px 0; }
#topnav_main li .services { width:160px; background-position: -260px 0; }
#topnav_main li .contact { width:175px; background-position: -420px 0; }
#topnav_main li .home:hover, #topnav_main .home_wrapper .active { width:90px; background-position: 0 -62px; }
#topnav_main li .jibcranes:hover, #topnav_main .jibcranes_wrapper .active { width:170px; background-position: -90px -62px; }
#topnav_main li .services:hover, #topnav_main .services_wrapper .active { width:160px; background-position: -260px -62px; }
#topnav_main li .contact:hover, #topnav_main .contact_wrapper .active { width:175px; background-position: -420px -62px; }
/*---------------------------- End Main Nav ----------------------------*/


/*---------------------------- Start Main C2A - Homepage ----------------------------*/
#banner_c2a_wraper{width: 978px; position: relative; margin: 0 auto; }
#c2a_wraper{width: 978px; height: 275px; position: relative; margin: 265px 0 0 0; font-family: FRADM,Arial; }
#c2a_wrapper { background-color: #FFFFFF; margin: 0 auto; position: relative; width: 956px; }

#c2a li{ list-style: none; padding: 6px 0 0 9px; float: left; }
#c2a li.first{ padding-left: 0; }
#c2a a{ display: block; width: 320px; height: 267px; background: url('../../images/frontend/c2a_bg.png') top left no-repeat; color: #363636; font-size: 16px; }
#c2a img{ margin: 20px 0 0px 19px; }
#c2a .text { display: block; margin: 10px 19px 0 19px; height: 40px; }
#c2a .more{ display: block; width: 33px; height: 33px; margin: 3px 0 0 145px; background: url('../../images/frontend/c2a_more.png') 0 0 no-repeat; }
#c2a a:hover, #c2a a:hover .more { background-position: bottom left; color: #ffffff; }
/*---------------------------- End Main C2A - Homepage ----------------------------*/

/*---------------------------- Start Main C2A - Subpage ----------------------------*/
#banner_c2a_sub_wraper{float: right; height: 775px; width: 298px; position: relative; margin: 0 auto; }
#c2a_sub_wraper{width: 298px; height: 810px; position: relative; margin: -35px auto 0; font-family: FRADM,Arial; }
#c2a_sub_wrapper { background-color: #FFFFFF; margin: 0 auto; position: relative; width: 956px; }

#c2a_sub li{ list-style: none; float: left; margin-top: 25px; }
#c2a_sub li.first{ margin-top: 0; }
#c2a_sub a{ display: block; width: 296px; height: 245px; background: url('../../images/frontend/c2a_sub_bg.png') top left no-repeat; color: #363636; font-size: 14px; }
#c2a_sub img{ margin: 20px 0 0px 19px; }
#c2a_sub .text { display: block; margin: 10px 19px 0 19px; height: 40px; }
#c2a_sub .more{ display: block; width: 33px; height: 33px; margin: -5px 0 0 136px; background: url('../../images/frontend/c2a_more.png') 0 0 no-repeat; }
#c2a_sub a:hover, #c2a_sub a:hover .more { background-position: bottom left; color: #ffffff; }
/*---------------------------- End Main C2A - Subpage ----------------------------*/


/*---------------------------- Start Main Content ----------------------------*/
#main_contsub_bg{ background: url("../../images/frontend/body_sub_bg_v2.jpg") repeat-x scroll 0 0 #000000; position: relative; width: 100%; min-height: 816px; height: auto !important; margin: 225px 0 0 0; }
#main_content { margin:30px auto 35px; width:973px; position:relative; clear:both; }
.con_top_curve_bg { background:url(../../images/frontend/con_top_curve_bg.png) top center no-repeat; height:10px; }
.con_btm_curve_bg { background:url(../../images/frontend/con_btm_curve_bg.png) top center no-repeat; height:22px; }

#main_cont_sub{ float: left; width:653px; position:relative; }
.contsub_top_curve_bg { background:url(../../images/frontend/contsub_top_curve_bg.png) top center no-repeat; height:10px; }
.contsub_btm_curve_bg { background:url(../../images/frontend/contsub_btm_curve_bg.png) top center no-repeat; height:22px; }

.content_wrap { overflow:hidden; background:url(../../images/frontend/con_brd_bg.jpg) top center repeat-y; padding: 25px 20px 25px 20px; }
.content_wrap p { padding:0 0 15px; line-height:20px; }
.content_wrap .wid_formdiv p {line-height:18px;padding:0px !important }
.home_content { overflow:hidden; }
#toggle_read_more { overflow:hidden; clear:both; }


.content_column_left { float: left; width: 449px; }
.content_column_right { float: left; padding-left: 35px; width: 449px; }

/* read_more_wrap */
.read_more_wrap { overflow:hidden; text-align:center; position:relative; background:url(../../images/frontend/read_more.png) no-repeat; width:973px; height:33px; }
.read_more_wrap.posti { bottom:0px; background:url(../../images/frontend/hide.png) no-repeat; width:973px; height:33px; }
.read_more_wrap a { background:url(../../images/frontend/read_more_btn.png) no-repeat; width:111px; height:33px; text-decoration:none; display:inline-block; }
.read_more_wrap a.close_btn { background:url(../../images/frontend/hide_btn.png) no-repeat; width:114px; height:33px; text-decoration:none; display:inline-block; }
/*---------------------------- End Main Content ----------------------------*/

.err_spacer{margin: 15px 0 15px 0; height: 18px;}


section.top-footer {
    margin-top: 15px;
    padding: 40px;
    background: #1D1F24;
    color: #d5d8e0;
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
}
.footer-inner {
    padding: 40px;
    background: #111;
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 15px;
}
.footer-nav {
    display: none !important;
}
.col-sm-8.col-md-9.border-sep {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
section.top-footer ul.ticks {
    margin-left: 0;
    padding-left: 20px;
}
.col-md-6, .col-xs-6 {
    width: calc(50% - 30px);
    display: inline-block;
    position:relative;
    float:left;
}
.col-md-4 {
    width: calc(50% - 30px);
    display: inline-block;
    position:relative;
    float:left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
section.top-footer ul.ticks li {
    list-style-image: url(/img/frontend/footer_bullet.jpg);
    list-style-position: outside;
    padding-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
}

section.top-footer .social-link.linkedin {
    background-image: url(/img/frontend/linkedin_ico.jpg);
}
section.top-footer .social-link.twitter {
    background-image: url(/img/frontend/tweeter_ico.jpg);
}
section.top-footer .social-link.facebook {
    background-image: url(/img/frontend/facebook_ico.jpg);
}
section.top-footer .social-link.youtube {
    background-image: url(/img/frontend/youtube_ico.jpg);
}
section.top-footer .social-link {
    display: inline-block;
    width: 31px;
    height: 30px;
    margin-right: 5px;
    background-repeat: no-repeat;
}
.top-footer hr.visible-xs {
    display: none;
}
.top-footer hr {
    margin-top: 21px;
    margin-bottom: 21px;
    width: 100%;
    float: left;
    border: 0px solid transparent !important;
    border-top: 1px solid #4e5156 !important;
}
.top-footer {
    height: 200px;
}
.row {
    float:left;
    width: 100%;
}
.col-xs-12.col-md-4 {
    display: none;
}
.top-footer p {
    margin: 0 0 15px;
}
.footer-inner {
    height: 16px;
}
.text-right {
    text-align: right;
}
footer {
    color: #bbbfc6;
}
.footer_panel {
    display: none;
}
.footer-inner a {
    color: #CB9900 !important;
}
.footer-inner a:hover {
    text-decoration: underline !important;
    color: #CB9900 !important;
}