﻿   /*@page {
        size: A3;
        margin: 1cm;
    }*/

   @page {
        size: A4 landscape;
    }

   @supports (-ms-ime-align:auto) {
        .selector {
            property: value;
        }
    }
@media print {
    

    @font-face {
  font-family: 'GillSansMT-Bold';
  src: url('../webfonts/GillSansMT-Bold.eot') format('embedded-opentype');
  src: url('../webfonts/GillSansMT-Bold.woff')format('woff'),
       url('../webfonts/GillSansMT-Bold.ttf')  format('truetype'),
       url('../webfonts/GillSansMT-Bold.svg#GillSansMT-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
  /*url('../webfonts/GillSansMT-Bold.woff2')format('woff2'),*/
}

@font-face {
  font-family: 'GillSansMT';
  src: url('../webfonts/GillSansMT.eot') format('embedded-opentype');
  src: url('../webfonts/GillSansMT.woff')format('woff'),
       url('../webfonts/GillSansMT.ttf')  format('truetype'),
       url('../webfonts/GillSansMT.svg#GillSansMT') format('svg');
  font-weight: normal;
  font-style: normal;
  /*url('../webfonts/GillSansMT.woff2')format('woff2'),*/
}

@font-face {
  font-family: 'SourceSansPro_Semibold';
  src: url('../webfonts/SourceSansPro-Semibold.eot');
  src: url('../webfonts/SourceSansPro-Semibold.woff') format('woff'),
       url('../webfonts/SourceSansPro-Semibold.ttf') format('truetype'),
       url('../webfonts/SourceSansPro-Semibold.svg#SourceSansPro-SemiboldIt') format('svg'),
       url('../webfonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  /*url('../webfonts/SourceSansPro-Semibold.woff2') format('woff2'),*/
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/Roboto-Regular.eot');
    src: url('../webfonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        
        url('../webfonts/Roboto-Regular.woff') format('woff'),
        url('../webfonts/Roboto-Regular.ttf') format('truetype'),
        url('../webfonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    /*url('../webfonts/Roboto-Regular.woff2') format('woff2'),*/
}

@font-face {
    font-family:'Roboto_bld';
    src: url('../webfonts/Roboto-Bold.eot');
    src: url('../webfonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        
        url('../webfonts/Roboto-Bold.woff') format('woff'),
        url('../webfonts/Roboto-Bold.ttf') format('truetype'),
        url('../webfonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    /*url('../webfonts/Roboto-Bold.woff2') format('woff2'),*/
}

    
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    text-decoration:none;
}
table tr td a {
    text-decoration:underline;
    color:#1191f7;
}
table tr td a:hover {
    text-decoration:none;
}
.inline { display:inline-block; vertical-align:top; }
.cursor_hover:hover{cursor:pointer; background:#e8d6d6;}
.cursor { cursor:pointer; }
.flt_right{ float:right; }
.flt_left{ float:left; }
.clr_red{ color:#ee1c24 !important;}
.clr_blue{ color:#0859b2 !important;}
.clr_gray{ color:#717171;}
.txt_center { text-align: center; }
.txt_right{ text-align: right; }
.clr_white{ color: #fff; }
.pipe_line{ color: #8a8a8a; font-size: 20px !important;}
.icon_clr{ color: #3b5a6b;}
.mrg_lft_5{ margin-left: 5px; }
.mrg_lft_20{ margin-left: 20px !important; }
.mrg_top_20{ margin-top: 20px !important; }
.mrg_top_10{ margin-top: 10px !important;  }
.mrg_rg_10{ margin-right: 10px !important; }
.mrg_top_5{ margin-top: 5px !important;  }
.mrg_bottom_10{ margin: 0px 0 10px 0}
.mrg_bottom_20{ margin: 0px 0 20px 0}
.mrg_lft_10{ margin-left: 10px !important; }
.mrg_top_btm_10 { margin:10px 0px; }
.mrg_top_btm_20 { margin:20px 0px; }
.mrg_top_btm_5 { margin:5px 0px; }
.pad_zero{ padding:0px !important; }
.pad_lr_20{ padding:0px 20px !important; }
.pad_rg_10{ padding-right:10px !important; }
.pad_tb_10 { padding:10px 0px; }
.pad_btm_20 { padding:0px 0px 20px 0px; }
.pad_l_5{ padding:0px 0 0 5px; }
.robo_bold { font-family:'Roboto_bld'; }
.bold { font-weight:bold; }
.bg_clr_white { background:#fff !important; }
.height_40 { height:40px; }
.min_hei_300 { height:300px; }
.min_hei_400 { height:400px; }
.min_hei_350{ height:350px; }
.min_hei_340{ height:340px; }
.mrg_zero{ margin: 0px; }
.bg_content_green{background:/*#fa4c4d*/ #3c8baf/* #109c7f*/;}
.bg_content_dg_blue{background:#3b5a6b;}
.bg_content_dg_red{background:#d05d54;}
.bg_btn_red_lg{ background: #ce5c61; color: #fff; }
.bg_btn_red_lg:hover,.bg_btn_red_lg:focus{ background: #e06065; }
.bg_btm_lt_blue{background: #039be5;}
.bg_btm_lt_blue:hover,.bg_btm_lt_blue:focus{background: #24a4e2;}
.clr_red{ color: #ce5b60; }
.width_40per{ width: 40%; }
h1,h2,h3,h4,h5,h6{ padding: 0px; margin: 0px; font-family:'Roboto_bld';}
.container{ margin: 0px auto; max-width: 1920px; min-width:1280px; width: 100%; padding: 0 10px;}
.display_inline{ display: inline-block; }
.display_blk{ display: inline-block; width: 100%; vertical-align: top; }
.display_block { display:block; }
.wrapper{ max-width: 1280px; width: 100%; min-width: 320px; margin: 0px auto; }
.txt_underline { text-decoration:underline; }
.txt_underline:hover { text-decoration:none; }
.col.m3 { width: 25%; margin-left: auto; left: auto; right: auto; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.75rem; min-height: 1px;}
.col.m1 { width: 10%; margin-left: auto; left: auto; right: auto; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.75rem; min-height: 1px;}
.font_18 { font-size:18px; }
.font_16 { font-size:16px; }
.height_80 { height:80px; }

.col.m4 { width: 32%; margin-left: auto; left: auto; right: auto; margin-right:13px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.col.m4.last { width: 32%; margin-left: 0px; left: auto; right: auto; margin-right:0px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.col.m6 { width: 48.5%; margin-left: auto; left: auto; right: auto; margin-right:13px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.col.m6.last { width: 48.5%; margin-left: 0px; left: auto; right: auto; margin-right:0px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}

.col.m12 { width: 99%; margin-left: auto; left: auto; right: auto; margin-right:13px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.border_top_one { border-top:1px solid #ccc; margin:20px 0px; padding:10px 0px; box-sizing:border-box;  }
.border_line_red { padding-bottom: 7px;position: relative; border-bottom: 2px solid #ccc;}
.border_line_red:before { position: absolute; background: #ef2c34; height: 2px; content: ''; width: 100px; bottom: -2px; left: 0;}
    table tr td {
        font-size: 15px;
    }
    li {
    list-style-type: none;
}
    .para_tech_common {
        display:none;
    }
       

    /*****************Popup print***********************/
    


/************************************Parts Details *************************************/
.dataTable tr th {
    background: #404e5e;
    color: #fff;
    border: none !important;
    /* border-left: 1px solid #ccc !important; */
}
.details_list { padding:15px 0px; border-bottom:1px solid #dcdcdc; display:inline-block; width:100%; }
.details_list ul li{ float:left; padding:2px 5px; box-sizing: border-box;  font-size:15px;}
.details_list ul li.first_part_number{ width:40%; }
.details_list ul li:nth-child(3) {
    float: right;
}

.picZoomer img{
    
    margin:20px 0 0 0;
}
 

.add_list_pop {
    display:inline-block;
    width:100%;
    text-align:center;
    margin:10px 0;
}

.pop_select_cart {
    float: left;
    margin: 0px 20px 0px 0px;
}

.pop_select_cart label{
    margin:0 5px 0 0;
}

.pop_select_cart select{
    min-width: 100px;
    padding: 3px;
}


.kit_pop_select_cart {
    float: left;
    margin: 0px 20px 0px 0px;
}

.kit_pop_select_cart label{
    margin: 0 5px 0 0;
    display: inline-block;
    
    vertical-align: middle;
}

.kit_pop_select_cart select{
    min-width: 100px;
    padding: 3px;
    display: inline-block;
    vertical-align: middle;

    max-width: 100px;
}

.pop_qty_input {
    margin: 0px 10px 5px 0px;
    display: inline-block;
    vertical-align: top;

}

.pop_qty_input input{
    padding: 3px 5px;
    width:90px;
}

.pop_qty_input select{
    padding: 3px 5px;
}

.kit_pop_qty_input {
    float:left;
    margin:0 10px;
}

.kit_pop_qty_input label{
    float:left;
    margin:6px 10px 0 0;
}

.kit_pop_qty_input input{
    padding: 3px 5px;
    width:60px;
    float:left;
}

#opener{ cursor:pointer; }
.fixed-dialog{
  position: fixed;
  top: 50px;
  left: 50px;
}
.Partdetal_left { width:100%; float:left; margin:2% 0; }
.product_main{ float: left;  width: 100%; padding:10px; box-sizing:border-box; border:1px solid #ccc;}
.part_id_sec { display:inline-block; width:100%; text-align:right; padding:10px 0px; }
.part_id_head { font-size:20px; color:#323b45; float:left;  }

.product_image_zoom { display:inline-block; text-align:center; width: 25%; padding: 20px; box-sizing: border-box; border-right:1px solid #ccc; }

.right_side_desc { width: 75%; float: right; padding:10px 20px; box-sizing: border-box; }
.details_heading { font-size:20px; color:#323b45; font-family:'roboto'; }

.detail_list_head{ padding:0 10px 0 0px; display: inline-block; vertical-align: bottom; color:#6f7aab; font-size:17px; }

.dimension_main { margin:0 0 20px 0; }
.dimension_head { color: #323b45; font-size: 18px; font-family: 'Roboto'; padding: 15px 0px; }
.dimension_head_package { color: #323b45; font-size: 18px; font-family: 'Roboto'; padding: 15px 0px; }

.dimension_main ul {  }
.dimension_main ul#Dimensions{ overflow:visible; width:100%; padding:2px; }
.dimension_main ul li { width: 49%;  float: left; box-sizing: border-box; box-shadow: 0 0 2px #ccc; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.dimension_main ul li.dimension_bearingset{ width: initial; border: none; max-width: 100%;  min-width: 100%;   box-shadow: none; }
.dimension_main ul li.dimension_bearingset span.dimension_list_head{ width: 6%;   min-width:140px; position:absolute; z-index:9;  border-left:1px solid #ccc;   max-width:140px;  border-bottom: 1px solid #ccc;}
.dimension_main ul li.dimension_bearingset span.dimension_list_attrvalue{     width: 15%;
    border-left: 1px solid #ccc;
    min-width: 140px;
    position: relative;
    border-top: 1px solid #ccc;
     left: 140px;
         border-bottom: 1px solid #ccc;
}
.dimension_main ul li.dimension_bearingset span.dimension_list_attrvalue:last-child{ border-top:1px solid #ccc; border-right:1px solid #ccc; }

.dimension_list_head {  display: inline-block; background: #ededee; color:#4f5b92 !important; width: 57%; min-width:200px; float:left; }
.dimension_main ul li span { color:#36383b; font-size:15px; padding:10px; display:inline-block;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }






.spec { color:#207a98; text-decoration:underline; }
.spec:hover { cursor:pointer; text-decoration:none; }

.para_tech_common{ color:#3a3a3c; font-size:15px; line-height:20px; text-align:justify;max-height: 150px;overflow-y: auto; }
.prop_65{ border-top:1px solid #ccc; padding:10px 0px; }
.prop_65 p{ color:#3a3a3c; font-size:15px; line-height:20px; text-align:justify; }
.prop_65 b{ font-size:16px; }
.prop_65 a{ color:#0461cc; text-decoration:underline; }
.prop_65 a:hover{ text-decoration:none; }

/*.competi_fits{ padding:10px; box-sizing:border-box; border:1px solid #ccc; margin:20px 0px; }*/
.heading_all_inner{ text-align: left; margin:10px 0 0 0;}
.heading_all_inner h1{ font-size: 18px;  color: #2f2f2f; } 
.heading_all_inner span{ color: #ef1c25; padding:0 0 0 3px; }

.dimension_main_also_fits { padding: 20px 0; border-bottom: 1px solid #ccc; }
.dimension_main_also_fits ul li { width: 30%;  float: left; box-sizing: border-box; box-shadow: 0 0 2px #ccc; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.dimension_main_also_fits ul li span { color:#36383b; font-size:15px; padding:10px; display:inline-block; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; }
  .picZoomer-pic-wp{
        width: 300px !important;
        height: 300px !important;
    }

    .slider__item a.pdf_left {
        left: 28%;
    }

    .slider__item a.pdf_right {
        right: 18%;
        bottom: 7%;
    }
/***********************Jquery Image Zooming with Slider*********************************/
    .piclist{
        margin: 40px  0px;
    }
    .piclist li{
        display: inline-block;
        width: 50px;
        height: 50px;
        cursor:pointer;
        margin:5px 5px;
        padding:5px;
        box-shadow:1px 0px 10px #a9a9a9;
        vertical-align:top;
    }
    .piclist li:hover{
        box-shadow:1px 0px 10px #f7a2a2;    
    }

    .piclist li:active,.piclist li:focus{
        box-shadow:1px 0px 10px #f35555;    
    }
    .piclist li.active{
        box-shadow:1px 0px 10px #f35555;    
    }

    .piclist li img{
        width: 100%;
        height: auto;
        max-height:100%;
    }

    /* custom style */
    .picZoomer-pic-wp,
    .picZoomer-zoom-wp{
        border: 1px solid #fff;
    }

.picZoomer{
    position: relative;
    /*max-width: 340px;
    max-height: 400px;
    min-height: 320px;
    width:100%;*/
    display: inline-block;
    vertical-align: middle;
    height: inherit !important;
    text-align:center;
    /*min-height:350px;*/
}
.picZoomer img{
    max-width: 290px;
    max-height: 290px;
    min-height: 180px;
    padding:15px 15px 10px 15px;
}

.picZoomer-zoom-wp {
    
    text-align:center;
    
}

.picZoomer-zoom-wp img {
    /*height: 100% !important;
    max-width: 800px;
    min-height: 650px;*/
    height: auto !important;
    max-width: 1000px;
    min-width: 500px;
    min-height: 100%;
    max-height: 1000px;
    width:auto !important;
}
.picZoomer-pic-wp{
	position: relative;
	overflow: hidden;
    /*height: 100%!important;
    width: auto!important;*/

}
.picZoomer-pic-wp:hover .picZoomer-cursor{
	display: block;
}
.picZoomer-zoom-pic{
	position: absolute;
	top: 0;
	left: 0;
}
.picZoomer-pic{
	/*width: 100%;*/
	/*height: 100%;*/
}
.picZoomer-zoom-wp{
	display: none;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    border: 1px solid #333;
    background: #fff;
    /*height:450px !important;
    width:650px !important;*/
    
    
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.picZoomer-cursor{
	display: none;
	cursor: crosshair;
	width: 50%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	/*border-radius: 100%;*/
	border: 1px solid #eee;
	background-color: rgba(0,0,0,.1);
}
.picZoomCursor-ico{
	width: 23px;
	height: 23px;
	position: absolute;
	top: 100px;
	left: 100px;
	/*background: url(../img/zoom-ico.png) left top no-repeat;*/
}

.picZoomer-pic-wp:nth-child(3) {
    display:none;
}







           * {
    font-size: 1em !important;
    line-height: 1 !important;
    }
.print:last-child {
     page-break-after: auto;
}

body.printing {
    display: block;
}


        .dimension_list_head {
            min-width:50%;
        }
        .product_main {
            width:100%;
            position:absolute;
            top:0;
            height:100%;
            /*min-height:750px;
            max-height:800px;*/
            left:0px;
        }
    .dimension_main {
        margin:0px;
    }

    .details_list {
        padding:2px 0px;
    }

        .competi_fits {
            width:100%;
            position:absolute;
            top:100%;
            left:0px;
        }

        div.fix-break-print-page {
            page-break-inside: avoid;
        }

        .print{
            display: block;
        }

        #status,.top_menu,.sec_level_menu,.banner_inner,#btnAddtoCart,.engine_cart_main,footer,.back_button,.cart_item_qty,.add_list_col_first,#print_partdesc_notes,.details_heading{
            display:none;
        }
        table#tblAlsoFits tfoot,.arrow_right,.arrow_left {
            display : none;
        }

    .also_fits_main table tr th:nth-child(3), .also_fits_main table thead tr th:nth-child(3),.also_fits_main table tbody tr td:nth-child(3) {
        display:none;
    }

    .add_list_col_first, .add_list_col {
        display:none;
    }

    .engine_cart_main_posi {
        display:none;
    }

    .p_parts_desc_notes_waring {
        display:none;
    }
      

        .Partdetal_left {
            display:block;
        }

        .autoscroll_partdesc {
            height:100px;
        }

       .para_tech_common {
           height:100px; 
            /*max-height:500px;
            overflow:auto;*/
        }

      
        table#tblAlsoFits, table#tblAlsoFits thead th, table#tblAlsoFits tr, table#tblAlsoFits td{
            border : 1px solid black;
            /*padding:2px !important;*/
            padding : 3px 8px;
        }
        table#tblHeadachekit, table#tblHeadachekit thead th, table#tblHeadachekit tr, table#tblHeadachekit td{
            border : 1px solid black;
            /*padding:2px !important;*/
            padding : 3px 8px;
        }

        table#tbl_componentpartdetail, table#tbl_componentpartdetail thead th, table#tbl_componentpartdetail tr, table#tbl_componentpartdetail td{
            border : 1px solid black;
            /*padding:2px !important;*/
            padding : 3px 8px;
        }

        table#tblHeadboltkit, table#tblHeadboltkit thead th, table#tblHeadboltkit tr, table#tblHeadboltkit td{
            border : 1px solid black;
            /*padding:2px !important;*/
            padding : 3px 8px;
     }


    table.dataTable {
        border:1px solid red;
        display:none;
    }

    .kit_pop_qty_input.select_cart {
        display:none;
    }
        

     }

    .print:last-child {
        page-break-after: auto;
}

















 