body, form{margin: 0;padding: 0;border: 0;} #layout_wrapper {margin-left: auto;margin-right: auto;} .float_wrapper{width: 100%;overflow: hidden;} .float{float: left;} .float_opposite{float: right;} .float_left{float: left;} .float_right{float: right;} .clear,.clear_both{clear: both;} .clear_before{clear: left;} .clear_after{clear: right;} .align_opposite{text-align: right;} .align_left{text-align: left;} .align_center{text-align: center;} .align_right{text-align: right;} .valign_top{vertical-align: top;} .valign_middle{vertical-align: middle;} .valign_bottom{vertical-align: bottom;} .no_margin{margin: 0;} .no_padding{padding: 0;} .margin_bottom{margin-bottom: 10px;} .margin_top{margin-top: 10px;} .margin_vertical{margin-top: 10px;margin-bottom: 10px;} .margin_before{margin-left: 10px;} .margin_after{margin-right: 10px;} .margin_bottom_small{margin-bottom: 5px;} .margin_top_small{margin-top: 5px;} .margin_vertical_small{margin-top: 5px;margin-bottom: 5px;} .margin_before_small{margin-left: 5px;} .margin_after_small{margin-right: 5px;} .margin_bottom_large{margin-bottom: 20px;} .margin_top_large{margin-top: 20px;} .margin_vertical_large{margin-top: 20px;margin-bottom: 20px;} .margin_before_large{margin-left: 20px;} .margin_after_large{margin-right: 20px;} .margin_left{margin-left: 10px;} .margin_left_small{margin-left: 5px;} .margin_left_large{margin-left: 20px;} .margin_right{margin-right: 10px;} .margin_right_small{margin-right: 5px;} .margin_right_large{margin-right: 20px;} .padding{padding: 10px;} .padding_bottom{padding-bottom: 10px;} .padding_top{padding-top: 10px;} .padding_left{padding-left: 10px;} .padding_right{padding-right: 10px;} .padding_rental{ padding-right: 10px; width: 330px;} .padding_vertical{padding-top: 10px;padding-bottom: 10px;} .padding_horizontal{padding-left: 10px;padding-right: 10px;} .padding_small{padding: 5px;} .padding_bottom_small{padding-bottom: 5px;} .padding_top_small{padding-top: 5px;} .padding_left_small{padding-left: 5px;} .padding_right_small{padding-right: 5px;} .padding_vertical_small{padding-top: 5px;padding-bottom: 5px;} .padding_horizontal_small{padding-left: 5px;padding-right: 5px;} .padding_large{padding: 20px;} .padding_bottom_large{padding-bottom: 20px;} .padding_top_large{padding-top: 20px;} .padding_left_large{padding-left: 20px;} .padding_right_large{padding-right: 20px;} .padding_vertical_large{padding-top: 20px;padding-bottom: 20px;} .padding_horizontal_large{padding-left: 20px;padding-right: 20px;} .print_only{display: none;} .indent1{padding-left: 10px;} .indent2{padding-left: 20px;} .indent3{padding-left: 30px;} .indent4{padding-left: 40px;} .hidden { display: none;} /* Bullets */ .bullet_wrapper {border-collapse:collapse;} .bullet_wrapper td {vertical-align:top;padding:0;} .bullet_wrapper .symbol {display:block;margin-right:3px;} /* Buttons */ a.button{display:inline-block;/* IE6 hack: must use a fixed width because IE6 can't determine size automatically */ _width:140px;color:#FFFFFF;text-decoration:none;outline:none;} a.button:hover{text-decoration:none;} .button .button_top,.button .button_content,.button .button_bottom{display:block;} .button .button_top,.button .button_bottom{height:2px;background-repeat:repeat-x;font-size:1px;line-height:1px;} .button_top .start,.button_top .end,.button_bottom .start,.button_bottom .end{height:2px;min-width:18px;/* IE6 hack: */ _width:18px;} .button_top .start,.button_bottom .start{float:left;} .button_top .end,.button_bottom .end{float:right;} .button_content{background-repeat:repeat-x;background-color:#d45411;color:#FFFFFF;padding:5px 8px 5px 8px;font-weight:bold;font-size:12px;line-height:12px;text-align:center;} .button_large .button_content{padding-top: 8px;padding-bottom: 8px;font-size:14px;line-height:14px;} .button_largest .button_content{padding-top: 18px;padding-bottom: 18px;font-size:15px;line-height:15px;} input.button,.sfButtonBottom{padding: 5px;border-width: 1px;} /* Tabbed box */ .tab_wrapper .tab_tabs .tab_item{cursor:pointer;} .tab_wrapper .tab_tabs a.tab_item,.tab_wrapper .tab_tabs .tab_item a{display:block;outline:none;} .tab_wrapper .tab_contents .tab_item{display:none;} .tab_wrapper .tab_contents .tab_active{display:block;} /* Paginator */ table.pager {width:100%;} table.pager td {padding-top:5px;padding-bottom:5px;} table.pager td {border-top-style: solid;border-top-width: 1px;border-bottom-style: solid;border-bottom-width: 1px;} td.pager_prev {border-left-style: solid;border-left-width: 1px;} td.pager_next {border-right-style: solid;border-right-width: 1px;} td.pager_prev, td.pager_next {width:100px;} td.pager_prev a, td.pager_next a {text-decoration:none;font-weight:bold;} td.pager_next {text-align: right;} td.pager_prev a:hover, td.pager_next a:hover {text-decoration:underline;} td.pager_pages {text-align:center;} .pager_pages a,.pager_pages span.active {display:inline-block;border-width:1px;border-style:solid;font-size:13px;line-height:13px;font-weight:bold;margin:0 4px 0 4px;padding:2px 3px 2px 3px;text-decoration:none;} .message_box_error .box_content {padding: 10px;padding-right: 10px;} /* BEGIN basic table layout */ table.basic{width: 100%;} table.basic tr.header span.field,table.basic td.header span.field{font-size: 11px;font-weight: bold;} table.basic tr.header td{vertical-align: bottom;border-right-style: solid;border-right-width: 2px;} table.basic tr.header a{display: block;font-weight: bold;text-decoration: none;} table.basic tr.header span.field{display: block;min-height: 26px;padding: 4px;border-bottom-style: solid;border-bottom-width: 1px;} table.basic tr.header td.lastCell,table.basic tr.header td.noBorder{border-right: none;} table.basic tr.item td,table.basic tr.itemAlt td{padding: 2px 2px 2px 2px;border-bottom-style: dotted;border-bottom-width: 1px;} table.basic tr.highlight td,table.basic td.highlight{font-weight: bold;} div.basicTableSummary{padding: 4px;} div.basicTableTop{margin-bottom: 6px;} div.basicTableBottom{margin-top: 6px;} div.basicTableSummary table{width: 100%;} div.basicTableSummary td.lastCell{text-align: right;font-weight: bold;} div.basicSelectedActions{margin-top: 6px;} div.basicTableSummary a,div.basicSelectedActions a{text-decoration: none;font-weight: bold;} div.basicTableSummary table.pager,div.basicTableSummary td.pager_prev,div.basicTableSummary td.pager_pages,div.basicTableSummary td.pager_next {width:auto;} div.basicTableSummary table.pager {float:right;} div.basicTableSummary .pager_pages a,div.basicTableSummary .pager_pages span.active {font-size: 12px;line-height:normal;margin:0 1px 0 2px;padding:1px 2px 1px 2px;} /* END basic table layout */ /* BEGIN Autosuggestion popups */ div.asList{border-width: 1px;border-style: solid;text-align: left;} div.asItem, div.asHighlighted{padding-left: 5px;padding-right: 5px;padding-top: 2px;padding-bottom: 2px;cursor: pointer;} .mascusCalendar .ajax__calendar_container{border-width: 1px;border-style: solid;} #orderpw{ display: block; } #companyinfo_container{width:100%;} .companylogo_container{float:left;} .companydetails_container{float:right;} .companydetail_u_name{font-size:14px;font-weight:bold;} .companylogo_img{max-height:70px;} /* END Autosuggest popups */ body, input.button{font-family: Arial, Helvetica, Sans-Serif;font-size: 12px;} h1, .h1 {font-size: 1.50em;font-weight: bold;} h2, .h2 {font-size: 1.33em;font-weight: bold;} h3, .h3 {font-size: 1.17em;font-weight: bold;} h4, .h4, h5, .h5 {font-size: 1.08em;font-weight: bold;} .larger {font-size: 1.08em;} .smaller {font-size: 0.92em;} a.no_underline {text-decoration: none;} a {outline: none;} a.no_underline:hover {text-decoration: underline;} .bold, .strong {font-weight: bold;} .italic {font-style: italic;} .nowrap {white-space: nowrap;} /* * jQuery UI CSS Framework 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,Helvetica,sans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=0&bgColorHeader=f6f6f6&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=d8d8d8&fcHeader=000000&iconColorHeader=333333&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=d8d8d8&fcContent=000000&iconColorContent=333333&bgColorDefault=f6f6f6&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=d8d8d8&fcDefault=000000&iconColorDefault=333333&bgColorHover=d8d8d8&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=d8d8d8&fcHover=000000&iconColorHover=333333&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=d8d8d8&fcActive=000000&iconColorActive=333333&bgColorHighlight=fbf9ee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #d8d8d8; background: #ffffff url(/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; } .ui-widget-content a { color: #000000; } .ui-widget-header { border: 1px solid #d8d8d8; background: #f6f6f6 url(/images/ui-bg_flat_100_f6f6f6_40x100.png) 50% 50% repeat-x; color: #000000; font-weight: bold; } .ui-widget-header a { color: #000000; } /* Interaction states----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d8d8d8; background: #f6f6f6 url(/images/ui-bg_flat_100_f6f6f6_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #d8d8d8; background: #d8d8d8 url(/images/ui-bg_flat_100_d8d8d8_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; } .ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #d8d8d8; background: #ffffff url(/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/images/ui-bg_flat_55_fbf9ee_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons----------------------------------*/ /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* * jQuery UI Resizable 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} /* * jQuery UI Selectable 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.11 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu {list-style:none;padding: 2px;margin: 0;display:block;float: left;} .ui-menu .ui-menu {margin-top: -3px;} .ui-menu .ui-menu-item {margin:0;padding: 0;zoom: 1;float: left;clear: left;width: 100%;} .ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;} .ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px;} /* * jQuery UI Button 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* * jQuery UI Tabs 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/ : block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* * jQuery UI Progressbar 1.8.11 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } body{color: #000000;background-color: #FFFFFF;} .fp_category_group_main,.fp_category_groups.category_icons .fp_category_group_main a{background-color: #F6F6F6;} .fp_category_groups.category_icons .fp_category_group_main{background-color: #666666;} .fp_category_group_main a,.fp_category_group_children a{color: #000000;} #dynamic_login .menu_button_text{background-color: #333333;color: #FFFFFF;} .quick_search_form{background-color: #FFFFFF;} .current_filters,.search_facets,.latest_ads,.featured_ads,.search_form{border-color: #D8D8D8;} .current_filters .top_header,.search_facets .top_header{background-color: #D8D8D8;} .current_filter .header,.search_facet .header{background-color: #F6F6F6;border-color: #D8D8D8;} .current_filter .content,.search_facet .content{background-color: #FFFFFF;border-color: #D8D8D8;} table.pager td,#search_results table.top_actions td{border-color: #D8D8D8;} .pager_pages a{background-color: #FFFFFF;} .pager_pages a:hover,.pager_pages a.active,.pager_pages a.active:hover,.pager_pages span.active{color: #FFFFFF;} .new{color: #FFFFFF;} #search_results tr.header td{background-color: #D8D8D8;} #search_results tr.altRow td,#product_details tr.altRow td,#product_compare tr.altRow td{background-color: #F6F6F6;} #search_results .field_pricetaxinc,#search_results .field_pricetaxincvatrate{color: #666666;} .current_filter .remove,.search_facet .openclose{background-color: #FFFFFF;border-color: #D8D8D8;} .current_filter .remove{color: #EE0016;} #slideshow_prev,#slideshow_next,.ad_rotator_button{color: #FFFFFF;} #product_details tr.header td,#contact_form .header,#product_compare tr.header td{background-color: #666666;color: #FFFFFF;} #contact_form{background-color: #F6F6F6;} #contact_form .tab_tabs{border-color: #E2E2E2;background-color: #FFFFFF;} #contact_form .tab_tabs .tab_item{background-color: #FFFFFF;color: #000000;} #contact_form .tab_tabs .tab_active{background-color: #666666;color: #FFFFFF;} #product_compare tr.item td.cell1,#product_compare tr.item td.cell2,#product_compare tr.item td.cell3{border-left-color: #D8D8D8;} .print_tools{background-color: #F6F6F6;border-color: #000000;} input.error,select.error,textarea.error{background-color: #FEE6B8;border: solid 1px #FF5F01;} span.error,div.error{background-color: #FEE6B8;border: solid 1px #FF5F01;padding: 3px;} span.error{display: inline-block;} .message_box_error{ background-color: #FEE6B8; /*background-image: none;*/ min-height: 70px;} /* BEGIN basic table layout */ table.basic tr.header td{background-color: #D8D8D8;border-right-color: #FFFFFF;} table.basic tr.header a{color: #000000;} table.basic tr.header span.field{border-bottom-color: #BABABA;} table.basic tr.item td,table.basic tr.itemAlt td{border-bottom-color: #D8D8D8;} table.basic tr.itemAlt{background-color: #F6F6F6;} table.basic tr.highlight td,table.basic td.highlight{background-color: #FFFAE9;} div.basicTableSummary{background-color: #F6F6F6;} /* END basic table layout */ /* BEGIN Autosuggestion popups */ div.asList{border-color: #D8D8D8;background-color: #FFFFFF;} div.asHighlighted{background-color: #666666;color: white;} .mascusCalendar .ajax__calendar_container{background-color: #FFFFFF;border-color: #D8D8D8;} /* END Autosuggest popup */ #intra_tabs a{background-color: #333333;border-color: #FFFFFF;color: #FFFFFF;} #intra_tabs a.active{background-color: #F6F6F6;color: #000000;} #intra_tools a{background-color: #F6F6F6;} #modalPopupLoading,.contentLoading,.contentLoadingIcon{background-image: url(/images/loading_ani_16.gif);} .page_intraeditad .custom_field_group_header{border-bottom-color: #F6F6F6;} a,.bullet_wrapper .symbol,.pager .symbol,#contact_form .contact_company,#intra_tabs a.active,.fp_category_group_children a,.page_intraeditad .custom_field_group_header{color: #2F3C49;} .ui-slider-handle,.pager_pages a,.pager_pages a.active,.pager_pages a.active:hover,.pager_pages span.active,.current_filters,.thumb_small,.thumb_medium,#search_results .bottom_actions .pointer,#product_images #image_thumbs a.active,.ocBox .box_content,.message_box,#modalPopupBox,.page_intraeditad .custom_field_group{ border-color: #2F3C49 !important;} tr.header td.serviceByte{ border-top-color: #2F3C49;} input.button,.sfButtonBottom,.ui-slider-range,.pager_pages a:hover,.pager_pages a.active,.pager_pages a.active:hover,.pager_pages span.active,.new,#slideshow_prev,#slideshow_next,.ad_rotator_button,#contact_form .header,#contact_form .tab_tabs .tab_active,div.asHighlighted,div.listMenuContent a:hover,#intra_tabs a,.tabNavi2 .tabs,#dynamic_login .menu_button_text,.fp_category_groups.category_icons .fp_category_group_main{background-color: #2F3C49;} input.button,.sfButtonBottom{border-style: solid;border-top-color: #9999CC;border-left-color: #9999CC;border-bottom-color: #000033;border-right-color: #000033; color: #FFFFFF;} input.button_down{background-color: #141480;border-top-color: #000033;border-left-color: #000033;border-bottom-color: #9999CC;border-right-color: #9999CC;} a.button .button_top{background-image:url(/images/blue_button_top.gif);} a.button .button_bottom{background-image:url(/images/blue_button_bottom.gif);} .button_top .start{background-image:url(/images/blue_button_top_start.gif) !important;} .button_top .end{background-image:url(/images/blue_button_top_end.gif) !important;} .button_bottom .start{background-image:url(/images/blue_button_bottom_start.gif) !important;} .button_bottom .end{background-image:url(/images/blue_button_bottom_end.gif) !important;} .button_content{background-image:url(/images/blue_button.gif);background-color:#FD6500;color:#FFFFFF;} .button_large .button_content{background-image:url(/images/blue_button_larger.gif);} .button_largest .button_content{background-image:url(/images/blue_button_largest.gif);} #modalPopupLoading,.contentLoading,.contentLoadingIcon{background-image: url(/images/loading_ani_blue_16.gif);} /* jQuery UI CSS Framework 1.8.11 */ .ui-icon {width: 16px; height: 16px; background-image: url(/images/ui-icons_000066_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/images/ui-icons_000066_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/images/ui-icons_000066_256x240.png); } .ui-state-default .ui-icon {background-image: url(/images/ui-icons_000066_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/ui-icons_000066_256x240.png); } .ui-state-active .ui-icon {background-image: url(/images/ui-icons_000066_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/images/ui-icons_000066_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/ui-icons_cd0a0a_256x240.png); } .ui-slider-range {background-image: none; } #page_top{} #page_top .site_name{font-size: large;font-weight: bold;} h1.main_header{margin-top: 0;margin-bottom: 20px;} #path{margin-bottom: 5px;} /* Front page */ .fp_category_groups a{text-decoration: none;} .fp_category_groups a:hover{text-decoration: underline;} .fp_category_group_main{font-size: 1.08em;font-weight: bold;padding: 5px;} .fp_category_group_children{padding: 5px;} /* Front page with category icons */ .fp_category_groups.category_icons .fp_category_group_main{padding: 0 0 0 37px;min-height: 37px;_height: 37px; /* IE6 hack */ background-position: left top;background-repeat: no-repeat;} .fp_category_groups.category_icons .fp_category_group_main a{display: block;padding: 2px 2px 2px 5px;min-height: 33px;_height: 33px; /* IE6 hack */ } /* Category icons (white on theme color) */ .category_icons .catalog_agriculture{background-image: url(/images/categoryicons/Agriculture-Light.png)} .category_icons .catalog_cargo-transport{background-image: url(/images/categoryicons/Cargo-Transport-Light.png)} .category_icons .catalog_construction{background-image: url(/images/categoryicons/Construction-Light.png)} .category_icons .catalog_forestry{background-image: url(/images/categoryicons/Forestry-Light.png)} .category_icons .catalog_groundscare{background-image: url(/images/categoryicons/Groundscare-Light.png)} .category_icons .catalog_materialhandling{background-image: url(/images/categoryicons/MaterialHandling-Light.png)} .category_icons .category_compactionequipmentmain{background-image: url(/images/categoryicons/CompactionEquipmentMain-Light.png)} .category_icons .category_compacttractors{background-image: url(/images/categoryicons/CompactTractors-Light.png)} .category_icons .category_constructioncomponents{background-image: url(/images/categoryicons/ConstructionComponents-Light.png)} .category_icons .category_drillingrigs{background-image: url(/images/categoryicons/DrillingRigs-Light.png)} .category_icons .category_dumpersmain{background-image: url(/images/categoryicons/DumpersMain-Light.png)} .category_icons .category_excavators{background-image: url(/images/categoryicons/Excavators-Light.png)} .category_icons .category_lawnmowers{background-image: url(/images/categoryicons/LawnMowers-Light.png)} .category_icons .category_loaders{background-image: url(/images/categoryicons/Loaders-Light.png)} .category_icons .category_telehandlers{background-image: url(/images/categoryicons/Telehandlers-Light.png)} .category_icons .category_tractors{background-image: url(/images/categoryicons/Tractors-Light.png)} .category_icons .category_wastetrucks{background-image: url(/images/categoryicons/WasteTrucks-Light.png)} /* Cutout category icons (theme color on white) */ .category_icons_cutout .catalog_agriculture{background-image: url(/images/categoryicons/Agriculture-CutOut.png)} .category_icons_cutout .catalog_cargo-transport{background-image: url(/images/categoryicons/Cargo-Transport-CutOut.png)} .category_icons_cutout .catalog_construction{background-image: url(/images/categoryicons/Construction-CutOut.png)} .category_icons_cutout .catalog_forestry{background-image: url(/images/categoryicons/Forestry-CutOut.png)} .category_icons_cutout .catalog_groundscare{background-image: url(/images/categoryicons/Groundscare-CutOut.png)} .category_icons_cutout .catalog_materialhandling{background-image: url(/images/categoryicons/MaterialHandling-CutOut.png)} .category_icons_cutout .category_compactionequipmentmain{background-image: url(/images/categoryicons/CompactionEquipmentMain-CutOut.png)} .category_icons_cutout .category_compacttractors{background-image: url(/images/categoryicons/CompactTractors-CutOut.png)} .category_icons_cutout .category_constructioncomponents{background-image: url(/images/categoryicons/ConstructionComponents-CutOut.png)} .category_icons_cutout .category_drillingrigs{background-image: url(/images/categoryicons/DrillingRigs-CutOut.png)} .category_icons_cutout .category_dumpersmain{background-image: url(/images/categoryicons/DumpersMain-CutOut.png)} .category_icons_cutout .category_excavators{background-image: url(/images/categoryicons/Excavators-CutOut.png)} .category_icons_cutout .category_lawnmowers{background-image: url(/images/categoryicons/LawnMowers-CutOut.png)} .category_icons_cutout .category_loaders{background-image: url(/images/categoryicons/Loaders-CutOut.png)} .category_icons_cutout .category_telehandlers{background-image: url(/images/categoryicons/Telehandlers-CutOut.png)} .category_icons_cutout .category_tractors{background-image: url(/images/categoryicons/Tractors-CutOut.png)} .category_icons .category_wastetrucks{background-image: url(/images/categoryicons/WasteTrucks-Cutout.png)} /***************Dashboard*************************/ .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em;} .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0;} .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 2px 0 0; border-bottom-width: 0; padding: 0;} .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 10px; width: 100%; text-decoration: none; position: relative; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;} .ui-tabs .ui-tabs-nav .ui-tabs-anchor.has_count { padding-right: 30px;} .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px;} .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text;} .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer;} .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em; background: none;} .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .ui-helper-clearfix:before,.ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse;} .ui-helper-clearfix:after { clear: both;} * .Dashboard * { box-sizing: border-box;} .Dashboard { width: 100%; line-height: 1.5; border: none; background: transparent; display: inline-block; vertical-align: top;} .Dashboard .ui-tabs-nav li { width: calc(50% - 1px); position: relative; height: auto;} .Dashboard .ui-tabs-nav li span { position: absolute; margin: 5px 3px 0 0; right: 0px; background: #fff; border-radius: 50%; display: inline-block; min-width: 24px; padding: 3px; font-size: 12px; top: 0; text-align:center;} .Dashboard .tab_content ul { padding-left: 0px; padding-right: 0px;} .Dashboard .ui-tabs-nav { padding-left: 0px; padding-right: 0px; background: transparent; display: flex; flex-flow: row nowrap;} .Dashboard .tab_content li { list-style: none;} .Dashboard .tab_content, .Dashboard .tab_header.ui-tabs-active { background: #F4F4F8;} .Dashboard .tab_header { background: #DFE0E6; border-top-left-radius: 3px; border-top-right-radius: 3px;} .Dashboard .tab_content_table { width: 100%; table-layout: auto; border-collapse: collapse;} .Dashboard .tab_content_table .tab_item_data { text-align: right; width: 1px; white-space: nowrap;} .Dashboard .tab_content_table td { padding: 5px;} .Dashboard .tab_content_table .tab_item_header { font-weight: bold;} .Dashboard .tab_header a, .Dashboard .tab_header span { color: #333333; font-weight: bold;} .Dashboard .tab_header.ui-tabs-active a, .Dashboard .tab_header.ui-tabs-active span { color: #000000;} .Dashboard .ui-tabs-nav li:last-child { margin-right: 0px;} .Dashboard .tab_header.ui-tabs-active { border-top: 2px solid #333333;} .Dashboard .tab_content { padding-bottom: 50px; position: relative;} .Dashboard .tab_content .show_all_tabs { padding: 10px; border-top: 1px dashed #DFE0E6; width: calc(100% - 2em); display: inline-block; font-weight: bold; position: absolute; bottom: 0px; text-align: center;} body.dir_rtl .Dashboard .tab_content .show_all_tabs { right: 1em;} .Dashboard .tab_item { padding: 5px 0px;} .Dashboard #tab_savedsearches .tab_item { position: relative;} .Dashboard .tab_item .tab_item_date { font-size: 13px; color: #8C8C8C; display: block;} .Dashboard .tab_item .tab_item_header { font-size: 15px; color: #333333; font-weight: bold;} .Dashboard #tab_latestmachines .tab_item .tab_item_header { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .Dashboard .tab_content_table .tab_item .tab_item_header { padding-right: 0px;} .Dashboard #tab_savedsearches .tab_item .tab_item_header { padding-right: 50px;} .Dashboard #tab_savedsearches .tab_item .dealerSearchRemove { display: inline-block; font-size: 15px; position: absolute; right: 0; top: 0; padding: 5px;} .Dashboard #tab_savedsearches .tab_item .dealerSearchRemove .fa { line-height: inherit; } .Dashboard .tab_item .tab_item_detail { font-size: 13px; color: #8C8C8C; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .Dashboard #tab_item_link { display: inline-block; vertical-align: middle; width: 100%;} .Dashboard #tab_latestmachines img { display: inline-block; padding: 5px; border: none; border-right: 1px dashed #DFE0E6; width: 80px;} .Dashboard #tab_latestmachines .tab_field_header { display: inline-block; vertical-align: middle; width: calc(100% - 80px); padding: 5px; color: #000;} .Dashboard #tab_latestmachines .tab_field_price { float: right; font-weight: bold;} .Dashboard #tab_latestmachines .tab_field_price > span > span { font-weight: normal; } .Dashboard .tab_content .tab_item.IMS_total { border-top: 1px solid #000;} .Dashboard .tab_content th { background: #ECEDF2; border-top: 1px solid #DFE0E6; padding: 5px; padding-top: 10px; text-transform: uppercase; text-align: left; font-weight: bold;} body.language_ar .Dashboard .tab_content th, body.language_ar .Dashboard .tab_content_table .tab_item .tab_item_header { text-align: right;} .Dashboard #tab_agingitem th { border-bottom: 1px solid #000000; text-transform: uppercase; text-align: center; font-weight: normal; background: transparent; border-top: none; width: 20%; word-break: break-word;} .Dashboard #tab_agingitem .tab_content_table .tab_item_header { font-weight: normal;} .Dashboard #tab_agingitem .tab_content_table .tab_item_data { text-align: center;} .Dashboard .tab_content .tab_item { border-top: 1px solid #DFE0E6;} .Dashboard .tab_content .tab_item:last-child { border-bottom: 1px solid #DFE0E6; } .Dashboard .tab_content#tab_contactrequest li, .Dashboard .tab_content#tab_wantads li { border-width: 0px;} /* Intra 2 adsearch*/ * #tab_adsearch * { box-sizing: border-box;} #tab_adsearch { width: 100%; line-height: 1.5; border: none; background: transparent; display: inline-block; vertical-align: top; position: relative; display:none; padding:0px;} #tab_adsearch .ui-tabs-nav li { line-height: 1.5; text-align: center; border: 1px solid #dee2e6; border-bottom: none;} #tab_adsearch .ui-tabs-nav li span { position: absolute; margin: 5px 3px 0 0; right: 0px; background: #24507f; color: #fff; border-radius: 50%; display: inline-block; min-width: 24px; padding: 3px; font-size: 12px; top: 0;} #tab_adsearch .tab_content ul { padding-left: 0px; padding-right: 0px;} #tab_adsearch .ui-tabs-nav { padding-left: 0px; padding-right: 0px; position:relative; overflow:visible;} #tab_adsearch .tab_content li { list-style: none;} #tab_adsearch #tab_searchform .collapse, #tab_adsearch #tab_savedsearches.collapse { border-top: 1px solid #dee2e6 !important;} #tab_adsearch #tab_searchform, #tab_adsearch #tab_savedsearches { padding: 0px; background: #fff;} #tab_adsearch .tab_content, #tab_adsearch .ui-tabs-tab.ui-tabs-active { background: #fff;} #tab_adsearch .ui-tabs .ui-tabs-nav { padding-top: 0px; background: #DFE0E6;} #search_shortcuts a { display: inline-block; padding: 2px 5px; border: 1px solid #D8DDE6; margin: 0 3px; color: #000; border-radius: 3px; margin-bottom:3px;} #tab_adsearch #search_shortcuts { display: inline-block; float: right; padding-top: 5px; line-height: 1.5; width: 50%; position: absolute; bottom: calc(100% - 50px); right: 0px; max-height: 72px; overflow-y: auto; z-index: 999;} #tab_adsearch .ui-tabs-tab { background: #f8f9fa; border-top-left-radius: 3px; border-top-right-radius: 3px; text-transform: capitalize;} #tab_adsearch .tab_content_table { width: 100%; table-layout: fixed; border-collapse: collapse;} #tab_adsearch .tab_content_table .tab_item_data { text-align: right;} #tab_adsearch .tab_content_table td { padding: 5px;} #tab_adsearch .tab_content_table .tab_item_header { font-weight: bold;} #tab_adsearch .ui-tabs-tab a,#tab_adsearch .ui-tabs-tab span { color: #333333; font-weight: bold;} #tab_adsearch .ui-tabs-tab a { text-transform: capitalize;} #tab_adsearch .ui-tabs-tab:nth-child(2) a { padding-right: 40px;} #tab_adsearch .ui-tabs-tab.ui-tabs-active a { color: #000000;} #tab_adsearch .ui-tabs-nav li:last-child { margin-right: 0px;} #tab_adsearch .ui-tabs-tab.ui-tabs-active { border-top: 2px solid #24507f;} #tab_savedsearches .search-shortcuts label { margin: 5px;} #tab_savedsearches table.saved-searches { float: left; width: calc(50% - 20px); margin-right: 20px;} #tab_savedsearches div.search-shortcuts { display: inline-block; width: 50%; float: left;} #tab_adsearch .box-header { display: none;} #tab_adsearch input[type=checkbox] { box-sizing: border-box; padding: 0; height: 16px; width: 16px; background: #fff; display: inline-block; line-height: inherit; vertical-align: middle; margin-right: 5px;} #tab_adsearch .search-name { width: 50%;} #tab_adsearch .saved-searches tr { border-bottom: #dee2e6 solid 1px;} #tab_adsearch .search-display { padding: 0px 20px 0px 0px;} #tab_adsearch .search-display label { padding: 5px; border-radius: 3px; margin-bottom: 0px;} #tab_adsearch .search-erase { padding: 5px;} #tab_adsearch .saved-searches label { margin-bottom: 0; padding-left: 5px;} #tab_adsearch .saved-searches th { font-style: normal;} #tab_adsearch .search-shortcuts tr { display: flex; flex-wrap: wrap;} #tab_adsearch .search-shortcuts td { padding-right: 5px;} #tab_adsearch .dealerSearches input[type="checkbox"] { margin-right: 4px;} #tab_adsearch #search_shortcuts div.shortcut_container { display: inline-block; max-width: calc(100% - 130px); float:right;} #tab_adsearch #search_shortcuts div.shortcut_container:empty, #search_shortcuts div.shortcut_container:empty + span.header { display: none;} #tab_adsearch #search_shortcuts span.header { float: right; padding: 3px;} #tab_adsearch .search-shortcuts label { margin-right: 0px; background-color: #f4f6f9; padding: 5px 10px 5px 10px; border-radius: 5%;} #tab_adsearch .search-display { padding-right: 10px;} #tab_adsearch .dealerSearches th { font-weight: normal; font-size: 1em;} #tab_adsearch #search_shortcuts a:hover { text-decoration: none; background-color: #2a4361; color: #fff;} .d-flex { flex-wrap: wrap;} #tab_adsearch #tab_savedsearches_content:empty { display: none;} #tab_adsearch .search-shortcuts label.selected, #tab_adsearch .saved-searches label.selected { background-color: #2a4361; color: #fff;} #tab_adsearch .search-shortcuts label.selected a { color: #fff; } #modalPopup { position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; height: 0; display: none;} #modalPopupTable { width: 100%; height: 99%; border: 0;} #modalPopupCell { padding: 0; text-align: center; vertical-align: middle;} #modalPopupBox { padding: 8px; border-style: solid; border-width: 1px; background-color: #FFFFFF; text-align: left; margin-left: auto; margin-right: auto; overflow-y: auto; min-height: 32px;} #modalPopupLoading { background-image: url(/images/loading_ani_blue_16.gif); background-repeat: no-repeat; text-align: center; height: 16px;} #modalPopupCancelButton,#modalPopupOkButton { margin-top: 10px;} #modalPopupContent h2 { margin-top: 0; margin-bottom: 0;} #modalPopupContent p { margin-top: 12px; margin-bottom: 0;} #modalPopupContent input.button { min-width: 90px;} @media(max-width: 414px) { #search_shortcuts { display: none; } } /* Product images */ .thumb_small,.thumb_medium{border-style: solid;border-width: 1px;} .thumb_small{max-width: 50px;max-height: 38px;} .thumb_medium{max-width: 120px;max-height: 90px;} /* Product videos */ .videos{margin-top:10px;} .video_header{font-weight:bold;margin-bottom:10px;} /* Search results */ #search_results .top_actions{width: 100%;border-collapse: collapse;} #search_results .top_actions td{padding: 5px 0 5px 0;border-bottom-style: solid;border-bottom-width: 1px;} #search_results .top_actions .cell1{width: 25%;} #search_results .top_actions .cell2{width: 40%;} #search_results .top_actions .cell3{width: 25%;} #search_results .bottom_actions{border-collapse: collapse;} #search_results .bottom_actions td{padding: 5px 0 5px 0;vertical-align: top;} #search_results .bottom_actions .cell1{width: 30px;} #search_results .bottom_actions .cell2{padding: 7px 10px 5px 3px;} #search_results .bottom_actions .pointer{border-left-style: solid;border-left-width: 1px;border-bottom-style: solid;border-bottom-width: 1px;font-size: 1px;height: 15px;width: 15px;margin-left: 15px;} .search_results_summary{font-weight: bold;} #search_results .search_results_sort{width: 160px;} #search_results .list{width: 100%;} #search_results .list .header td{padding: 5px;vertical-align: bottom;font-weight: bold;} #search_results .list .item td{padding: 5px;} #search_results .cell_checkbox{width: 20px;} #search_results .cell_image{width: 122px;} #search_results .cell_price,#search_results .cell_pricetaxinc{text-align: right;} #search_results .cell_pricevatrate,#search_results .cell_pricetaxincvatrate,#search_results .cell_vatrate{text-align: right;} #search_results .new{display: inline-block;padding: 1px 3px 1px 3px;font-weight: bold;} #search_results .field_brandmodel a, #search_results .field_yearandbrand a{font-size: 1.08em;font-weight: bold;text-decoration: none;} #search_results .field_brandmodel a:hover, #search_results .field_yearandbrand a:hover{text-decoration: underline;} #search_results .item .field_price,#search_results .item .field_pricetaxinc,#search_results .item .field_pricevatrate,#search_results .item .field_pricetaxincvatrate,#search_results .item .field_vatrate{font-size: 1.08em;white-space: nowrap;} #search_results .item .field_price,#search_results .item .field_pricetaxinc{font-weight: bold;} #search_results .field_pricevatrate_amount,#search_results .field_pricetaxincvatrate_amount,#search_results .field_vatrate_amount{display: inline-block;width: 30px;text-align: right;} #search_results .item .field_custom_warranty { height: 48px; position: absolute; top: 5px; left: 5px; z-index: 2; background-color: rgba(255,255,255,0.5);} #search_results .item .field_custom_warranty img { height: 100%; } .current_filters,.search_facets{border-style: solid;border-width: 1px;padding: 1px;margin-bottom: 10px;} .current_filters .top_header,.search_facets .top_header{font-weight: bold;font-size: 1.08em;padding: 2px;padding-left: 3px;} .current_filter,.search_facet{margin-top: 1px;} .current_filter .header,.search_facet .header{border-style: solid;border-width: 1px;font-weight: bold;} .current_filter .header,.search_facet .header,.current_filter .item,.search_facet .item{padding: 2px;} .current_filter .content,.search_facet .content{border-style: solid;border-width: 1px;border-top-width: 0;} .search_facet .header{cursor: pointer;} .search_facet .content{max-height: 114px;margin-bottom: 5px;overflow-x: hidden;overflow-y: auto;} .search_facet table.ranges{border-collapse: collapse;width: 100%;} .search_facet table.ranges td{padding: 2px;} .search_facet input.range{width: 76px;} .search_facet .slider{padding-top: 5px;padding-bottom: 5px;padding-left: 10px;padding-right: 10px;} .search_facet .submit{margin: 2px;} .current_filter .remove,.search_facet .openclose{border-style: solid;border-width: 1px;text-align: center;text-decoration: none;font-size: 11px;line-height: 11px;width: 14px;height: 13px;} .current_filter .item a,.search_facet .item a{text-decoration: none;} .selection-modal-closed input[type='checkbox'] { display: none;} .selection-modal-closed .item:hover { cursor: pointer; text-decoration: underline;} .selection-modal-closed .selection-modal-content-header, .selection-modal-closed .selection-modal-content-footer { display: none;} .selection-modal-btn { cursor: pointer;} .selection-modal-btn:hover { text-decoration: underline;} .selection-modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 999;} .selection-modal .selection-modal-content { padding: 20px; margin: 50px auto; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; max-height: 90%; max-width: 90%; overflow: hidden; width: 790px; height: 400px; padding-top: 45px; position: relative;} .selection-modal .selection-modal-content .selection-modal-content-header { position: absolute; top: 10px; width: 100%; left: 0px; padding: 0px 20px; display: block;} .selection-modal .selection-modal-content .selection-modal-content-header h5 { display: inline-block; font-size: 2rem; font-weight: bold;} .selection-modal .selection-modal-content .selection-modal-content-header a { float: right; padding: 2px 9px; background-color: #23527c; color: white; border-radius: 2px; cursor: pointer; font-weight: bold;} .selection-modal .selection-modal-content .selection-modal-content-body { padding-bottom: 20px; height: 86%; overflow-y: scroll;} .selection-modal .selection-modal-content .selection-modal-content-footer { border-top: 1px dashed #e3e3e3; padding-top: 20px; text-align: right; display: block;} .selection-modal .selection-modal-content .selection-modal-content-footer .select-button { padding: 5px 15px; background-color: #23527c; color: white; margin-left: 10px; cursor: pointer; border-radius: 2px; font-weight: bold;} .selection-modal .selection-modal-content .selection-modal-content-footer .black-link:hover { text-decoration: underline; cursor: pointer;} .selection-modal .selection-modal-content .item { width: 33%; display: inline-block;} .selection-modal .selection-modal-content .item:hover { background-color: #f4f4f4; cursor: pointer;} .selection-modal .selection-modal-content .item .checkBoxText { margin-left: 5px; vertical-align: text-bottom;} .selection-modal .selection-modal-content .item .count { vertical-align: text-bottom;} .no-scroll { height: 100%; overflow: hidden;} /* Search forms */ .quick_search_form{border-style: solid;border-width: 1px;padding: 5px;margin-bottom: 10px;} .quick_search_form .top_header{font-weight: bold;margin-bottom: 5px;} .quick_search_form .TextBox{width: 99%;} .search_form .search_field{margin-bottom: 5px;} .search_form .field_header{margin-bottom: 2px;font-weight: bold;} /* Product card */ #product_card_wrapper .col1 {width:480px;} #product_card_wrapper .col2 {width:300px;margin-left:15px;} #product_summary {font-weight:bold;font-size:13px;margin-bottom:5px;} #product_card {} #product_card .top {border-collapse: collapse;} #product_card .top .col1,#product_card .top .col2 {padding-top: 0;padding-bottom: 0;vertical-align: bottom;} #product_card .top .col2 {padding: 0;} #product_card .pdf_button {width: 35px;vertical-align: bottom;margin-right: 3px;} #product_card .print_button {display: inline-block;height: 17px;background-image: url(/images/print.gif);background-repeat: no-repeat;text-decoration: none;padding-top: 4px;padding-left: 28px;} #product_card .content {} #product_card .top .col1,#product_card .content .col1 {width:374px;} #product_card .top .col2,#product_card .content .col2 {width:216px;} #product_card .content .col1,#product_card .content .col2, #product_contact .content .col1,#product_contact .content .col2 {/* IE6 margin hack: */ _display:inline;} #product_images #image_frame {border: solid 1px #D8D8D8;padding: 1px;} #product_images #image_main {position: relative;width: 370px;height: 278px;overflow: hidden;} #product_images img.image_main {position: absolute;top: 0px;left: 0px;max-width: 370px;max-height: 278px;} #product_images #image_thumbs,#product_images #image_larger {margin-top: 10px;} #product_images #image_larger a {text-decoration:none;} #product_images #image_larger a:hover {text-decoration:underline;} #product_images #image_thumbs a {display:inline-block;border-style:solid;border-width:2px;border-color:#666666;margin-right:10px;max-width:50px;max-height:38px;overflow:hidden;} #product_images #image_thumbs a.active {border-color:#de5d12;} #product_images #image_thumbs a img {height:38px;} #slideshow_controls {position:absolute;z-index:5000;top:50%;left:0px;margin-top:-41px;width:370px;height:82px;display:none;} #slideshow_prev,#slideshow_next {font-size: 1.66em;cursor:pointer;padding: 30px 8px 30px 8px;} #seller_info {border: solid 1px #e2e2e2;background-color: #FFFFFF;padding: 10px;min-height: 312px;} .seller_header {margin-bottom:10px;} .seller_logo {padding-bottom: 5px;} .seller_company_name {} .seller_name {} .seller_locator {padding-left:35px;background-image:url(/images/locator_icon.gif);background-repeat:no-repeat;font-size:12px;min-height:29px;} .seller_address, .seller_locator, .seller_contact {margin-top: 15px;} .seller_others {padding-top: 10px;} .seller_all_ads {margin-top: 5px;} #product_details table.data {width: 100%;border-collapse: collapse;} #product_details tr.header td {font-weight: bold;padding: 2px;} #product_details tr.item td {padding: 2px;} #product_details tr.item td.header {width: 176px;font-weight: bold;} #product_details table.approved_used_data td {padding: 0;} #product_details table.approved_used_data img {margin-bottom: 5px;} #contact_form .header {font-weight: bold;padding: 2px;} #contact_form .content {padding-top:10px;padding-bottom:10px;} #contact_form .col1 {width:285px;margin-left:10px;} #contact_form .col2 {width:285px;margin-left:10px;} #contact_form .tab_tabs {height:100px;border-style:solid;border-width:1px;overflow:auto;margin-bottom: 10px;} #contact_form .tab_tabs .tab_item {padding:4px;text-decoration:none;line-height:14px;} #contact_form .contact_company {display:block;} #contact_form .contact_company,#contact_form .contact_name {font-size:16px;line-height:18px;font-weight:bold;} #contact_form .contact_company,#contact_form .contact_name,#contact_form .contact_address, #contact_form .contact_data {margin-bottom:10px;} #contact_form .contact_data td {vertical-align:top;} #contact_form .contact_data td.data_label {/*text-align:right;*/ padding-right:5px;} #contact_form .seller_photo { float: right;} #contact_form .seller_photo img { height: 150px;} #contact_form .seller_locator {margin:0;padding-bottom:0;} #contact_form .input_label {display:block;margin-bottom:2px;} .contact_message, .contact_input {width:279px;border:solid 1px #E2E2E2;padding:2px;font-family:Arial, Helvetica, sans-serif;color:#333333;font-size:12px;margin-bottom:10px;} .contact_message {height:160px;} .contact_send {_width:130px;min-width:130px;} /* Large product images page */ .page_productimages #product_images #image_main {width: 596px;height: 447px;} .page_productimages #product_images img.image_main {max-width: 596px;max-height: 447px;} .page_productimages #slideshow_controls {width: 596px;} .page_productimages #product_images #image_thumbs a {margin-bottom: 10px;} /* Product card print */ .page_productprint #path{display: none;} .print_tools {padding: 10px;text-align: right;border-bottom-style: solid;border-bottom-width: 2px;margin-bottom: 10px;} .rental-row .rental-pricing{ width: 50%;} .rental-row .rental-price{ float: left; margin-right: 5px;} @media print{.print_tools {display: none;} } .print_show_photos,.print_hide_photos,.print_printer{display: inline-block;width: 75px;height: 52px;font-size: 12px;text-decoration: none;} .print_show_photos{background-image: url(/images/print_photo.gif);} .print_hide_photos{background-image: url(/images/print_no_photo.gif);} .print_printer{background-image: url(/images/print_button.gif);} table#product_card_print{width: 100%;border-collapse: collapse;} table#product_card_print td{vertical-align: top;} .page_productprint .col1,.page_productprint .col2{padding: 0;} .page_productprint .col2{padding-left: 10px;} .page_productprint #product_details {width: 100%;} .page_productprint #product_images {width: 100%;} .page_productprint #product_images #image_frame {border:none;padding:0;} .page_productprint #product_images #image_larger {display:none;} .page_productprint #product_images #image_thumbs a {max-width:120px;max-height:90px;border:none;margin-bottom: 10px;} .page_productprint #product_images #image_thumbs a img {height:90px;} .page_productprint #product_details tr.header td,.page_productprint #product_details tr.header td span,.page_productprint #product_details tr.altRow td{background-color: #FFFFFF;background-image: none;color: #000000;} .page_productprint #product_details tr.header td{border-bottom: solid 2px #000000;padding: 4px 4px 4px 0;} .page_productprint #product_details tr.header td span{padding: 0;} .page_productprint #product_details tr.item td{border-bottom: solid 1px #000000;padding: 4px 4px 4px 0;} .page_productprint #seller_info{min-height: 0;border: none;padding: 0;} /* Product comparison */ #product_compare table.data {border-collapse: collapse;width: 100%;} #product_compare tr.header td {font-weight: bold;padding: 2px;} #product_compare tr.item td {padding: 2px;vertical-align: top;} #product_compare tr.item td.header {width: 176px;font-weight: bold;} #product_compare td.cell1,#product_compare td.cell2,#product_compare td.cell3 {width: 25%;} #product_compare td.cell1 select,#product_compare td.cell2 select,#product_compare td.cell3 select {width: 98%;} #product_compare td.cell1,#product_compare td.cell2,#product_compare td.cell3 {border-left-style: solid;border-left-width: 1px;} #product_compare td.cell1 span.data,#product_compare td.cell2 span.data,#product_compare td.cell3 span.data {display: block;_overflow: hidden;overflow-x: hidden;} #product_compare img.thumb_small,#product_compare img.thumb_medium {border-style: solid;border-width: 1px;} /* Ad rotator (Latest ads, Featured ads) */ .ad_rotator{position: relative;overflow: hidden;} .ad_rotator_button{display: block;padding: 4px;font-size: 1.17em;cursor: pointer;} .ad_rotator_table{border-collapse: collapse;width: 100%;visibility: hidden;} .ad_rotator .list_horizontal tr.item td{vertical-align: top;padding-right: 5px;} .ad_rotator .list_vertical tr.item td{vertical-align: top;padding-bottom: 5px;padding-right: 5px;} .ad_rotator .list_vertical tr.item td.lastCell{padding-right: 0;} .latest_ads,.featured_ads{border-style: solid;border-width: 1px;padding: 5px;} #fp_latest_ads .latest_ads {border-width: 0;} /* Dynamic drop menu */ .menu_button {display:inline-block;position:relative;border-width:1px;border-style:solid;cursor:pointer;} .menu_button_text {font-weight:bold;text-decoration:none;padding:5px;cursor:pointer;} .menu_button_text:hover {text-decoration:underline;} .menu_wrapper {position:absolute;top:0;left:0;z-index:900;width:250px;display:none;border-width: 1px;border-style: solid;} .menu_divider {position:absolute;z-index:910;bottom:0;left:0;font-size: 1px;line-height: 1px;background-color:#FFFFFF;} .menu_content {padding:15px;} /**/ #login_form{display: inline-block;} .login_input, #login_form .error{width: 200px;margin-bottom: 5px;} #login_form .error{color: #FF0000;} #dynamic_login_name {float: left;padding: 5px;} #dynamic_login_name a{color: #333333;text-decoration: none;font-weight: bold;} #dynamic_login_name a:hover{text-decoration: underline;} /* Mascus Data Inspection form (ex-PDI form) */ table.PDITable{width: 100%;margin-top: 5px;} table.PDIHeader{width: 100%;} table.PDIFooter{margin-top: 14px;} table.PDIFooter td{vertical-align: bottom;} .PDIMainHeader{font-weight: bold;font-size: 14pt;} .PDISubHeader{font-weight: bold;font-size: 11pt;} .PDICompanyName{font-weight: bold;font-size: 11pt;margin-top: 4px;} .PDIFooterTip{border: solid 1px #999999;background-color: #FEE6B8;padding: 8px;margin-right: 10px;} .PDITable td.sectionHeader{padding-bottom: 3px;padding-top: 5px;border-bottom: solid 2px #D4471C;} .PDITable td.sectionHeader span{font-weight: bold;font-size: 13pt;} .PDITable td.header{padding-top: 2px;} .PDITable td.header span{font-weight: bold;font-size: 9pt;} .PDITable td.field{padding-bottom: 10px;font-size: 8pt;} .PDITextBox, .PDITextArea{width: 95%;} .PDITextBox{margin-top: 4px;border: none;border-bottom: dotted 1px #000000;} .PDITextArea{border: none;height: 200px;overflow: hidden;} .message_form .TextBox,.message_form .TextArea{width: 400px;} .message_form .TextArea{height: 200px;} /* Print.aspx Page */ .table_admgmt_print td{padding:2px;padding-right:12px;font-size:13px;} /* Mobile redirection check */ .device_redirection_popup{position: absolute;top: 0;left: 0;width: 100%;background-color: #FFFAE9;border-bottom: solid 2px #000000;} .device_redirection_popup_content{padding: 10px;font-size: 14px;text-align: center;color: #000000;} .device_redirection_popup_content a{display: block;margin-top: 6px;color: #000000;font-weight: bold;} .data img{float:left;} .rental-prices-pc .rental-price { display: inline-block; margin-left: 20px; margin-top: 12px; padding: 0 !important;} .rental-price .single-price { font-size: 20px; text-align: right;} .rental-price > span { display: block;} .rental-price-details { font-size: 14px;} .rental-prices-pc.title-font { float: right; text-align: right; width: 100%;} /* --------------- SearchResults.ascx Page -------------------- */ .search_results_summary{ float: left;} .search_results_view{ float: right;} .txtView, .ViewImg1, .ViewImg2{ float: left;} .txtView{ font-weight: bold; padding-top: 8px;} .dis-b { display:block;} .mar-t { margin-top:10px;} .cle { clear: both;} .pad { padding: 15px;} .bor {border-width: 1px;} .primary-button {display: inline-block;cursor: pointer;text-decoration: none;text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 8px 12px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;} .success { color:green;} .failure { color:red;} .privacy_statement_a { margin-left:25px;} /************************custom seo box******************************/ .seo_text_box .seo_text_content.collapsed { height: 105px; overflow: hidden;} .seo_text_box .seo_show_more { text-align:right;} .seo_text_box .seo_show_more #seo_text_expand,.seo_text_box .seo_show_more #seo_text_collapse { font-weight:bold; text-decoration:underline;} .social-container .sociallists li.twitter:hover i {background-color: #000000 !important;color: #fff;} @import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=0d3d0bf2-84cf-4f9d-a934-05f6f4849625);/** * --------------------------------------------------- * Table of contents * --------------------------------------------------- */ /**----------0. Uncategorized 1. Layout2. Component 2.1 Top Action: Page search 2.2 Latest ads, Similar item nearby (slick slider) 2.3 Feature ribbon 2.4 Show more button 2.5 Want Ads page 2.6 Locator map 2.7 Logged in user dropdown menu 2.8 Product Card - Image Gallery 2.8.1 Product Card - Product details 2.8.2 Product Card - Product Contact 2.8.3 Product Card - Product Contact Stcikers 2.9 My Account page 2.10 AdNuntiusBanners 2.11 Page MySetting 2.12 Social links 2.13 Page MySavedSearches 2.14 Page dealer 2.15 Page MyFavorites 2.16 Banner 2.17 Financing Page 2.18 Financing Calculator 2.19 PurchaseSafe page 3. Responsive 4. Temp fix 4.1 Temp login page---------------*/ /*** ---------------------------------------------------* 0. Uncategorized* ---------------------------------------------------*/ form a { color: #005B99; text-decoration: underline;} a:hover { color: #005B99;} .border-bottom { border-bottom: 1px solid #888;} a.button { text-decoration: none; padding: 0px 15px 0px 15px; color: #333; white-space: nowrap; text-align: center;} .button:hover { text-decoration: none; color: unset;} .button.light { background-color: #fff; color: #333;} .button.dark { color: #fff!important;} .button.main-color { background-color: #e87511; color: #fff; border-radius: 5px; padding: 0px 30px 0px 30px; height: 40px; line-height: 40px; display: block; width: 200px;} .button.main-color:hover { background-color: #B24F00; } .button.main-color-light { background-color: #FCEFE4; color: #B24F00; border-radius: 5px; /*padding: 0px 30px 0px 30px;*/ height: 40px; line-height: 40px; display: block; width: 200px; border: 1px solid #B24F00;} .button.main-color-light:hover { background-color: #fff; } .main-color.disabled { background-color: #de904b; pointer-events: none;} .button i { margin-right: 10px; font-size: 18px;} input, select { height: 40px; padding: 5px; border: 1px solid #888; width: 100%; border-radius: 10px; box-shadow: none;} input:focus { outline: none; } /*img { width: 100%;} */ .servicesLead img { width: 100%;} #product_details table tbody tr td span img { width: auto;} .left { float: left; text-align: left;} .right { float: right; text-align: right;} .align-center { text-align: center; width: 100%;} .align-center .button { margin: auto; } .title { font-size: 23px; padding: 0px 15px; width: 100%;} .row { padding: 15px 0px 15px 0px;} .underline { text-decoration: underline;} #mobile-header .search-form { position: absolute; top: 0; width: 100%; height: 80px; background: #f0f0f0; margin: 0; display: none;} #mobile-header .search-form .input { /*! width: 70%; */ margin: auto 0px; float: unset; /*! height: 40px; */ position: relative; margin: 1% 0px; } a.btn-close { color: #888; font-size: 15px; padding: 0;} #mobile-header a.btn-close { display: none; -webkit-appearance: none;} *[dir="rtl"] { direction: ltr; unicode-bidi: embed;} form#aspnetForm { direction: ltr !important;} :root { font-size: 14px;} body { font-weight: normal; color: #000; font-size: 14px; line-height: 18px; font-family: "Roboto","Open Sans",Arial, "Helvetica Neue",Helvetica,sans-serif !important; direction: ltr; overflow-x: hidden;} .path, .header, .current_filters,button, input[type='button'], .backBtn,label, input + span { text-transform: capitalize;} input:focus::-webkit-input-placeholder { color: transparent !important;} input:focus::-moz-placeholder { color: transparent !important;} input:focus:-moz-placeholder { color: transparent !important;} #cookie-container { display: none;} body > div.pac-container.pac-logo.hdpi::after { display: none;} body .pac-matched { color: #FFCD11;} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} input[type=number] { -moz-appearance: textfield;} a:hover, .ui-slider-handle:hover, select:hover, button:hover { cursor: pointer;} .search_facet .ui-slider-horizontal { height: 2px; border: none;} .search_facet .ui-slider-horizontal .ui-slider-range { background-color: #e87511; } .search_facet .ui-slider-horizontal .ui-slider-handle { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; border: 2px solid #e87511 !important; border-radius: 50%; height: 20px; width: 20px; background: #fff; } .search_facet .ui-slider-handle.ui-state-default.ui-corner-all:hover { background: none; background-color: #e87511;} .search_facet .ui-slider-horizontal { background: none; background-color: #ccc;} .inventory-updated div { display: inline-block; line-height: 30px; vertical-align: sub} header .preference select { -webkit-appearance: none; appearance: none; -moz-appearance: none;} header .preference select::-ms-expand { display: none; } .service-list.left { position: relative; padding-top: 10px;} .service-list a { padding: 20px 10px 20px 0; opacity: 0.5;} .marketplace-icon { width: 24px; height: 24px; margin: 0; border-radius: 4px;} .service-list a.active, .service-list a:hover { opacity: 1;} .page_default #layout_middle .ad_banner, .page_search #layout_middle_column2 .ad_banner, .page_product #layout_middle_column3 .ad_banner { background: #C4C4C4; line-height: normal; font-size: 20px; text-align: center; text-transform: uppercase; color: #E0E0E0;} .page_default #popular-brands a { display:inline-block;} .page_login .banner .container { display: none;} .page_search div.banner, .page_product div.banner { display: none;} .saveSearch {} .saveSearch-text { font-weight: bold;} .saveSearch button { border-color: #000; background-color: #ffcd11; color: #000; font-weight: normal; border-radius: 0px; padding: 0px; text-align: center;} .saveSearch button:hover { background-color: #000; color: #fff; border-color: #000; } .hide, .customHide { display: none !important;} .current_filters .top_header { display: none;} #search_results .list_vertical tr td.cell_qcategoryname > span.field_qcategoryname { display: block;} #search_results .list_vertical tr td.cell_qcategoryname > span.field_qcategoryname + br { display: none; } .current_filter { margin: 0px; float: left; padding: 0px 5px; border: 1px solid #ccc; border-radius: 0px; margin-right: 5px; background-color: #efefef;} .current_filter .header { border: 0px; background-color: transparent; padding: 0px; display: table-cell; float: left; line-height: 19px; } .current_filter .content { border: 0px; margin: 0px; background-color: transparent; display: table-cell; float: right; margin-left: 3px; width: 100%; } .current_filter .item { float: left; padding: 0px; } .current_filter .item .float_wrapper { position: relative; padding-right: 15px; } .current_filter .item .item_text { text-transform: capitalize; margin-right: 14px; margin-top: -2px; padding-top: 4px; } .current_filter .remove { font-size: 14px; background-color: transparent; border: 0px; color: #828282; text-align: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 10px; } #remove { width: 10px; height: 10px; fill: #999;} .page_search .priceNotice { background: #FFCD11; border-radius: 3px; padding: 15px; background-image: url(/sites/cat/images/priceNotice.svg); background-repeat: repeat-x; background-position: bottom; width: 100%; display: block; overflow: auto; margin-top: 10px;} .page_search .priceNotice div.noticeHeader { line-height: normal; font-size: 12px; text-transform: uppercase; color: #000000; padding-bottom: 10px; } .page_search .priceNotice div.noticeContent p { font-style: normal; font-weight: normal; line-height: normal; font-size: 10px; color: #000000; } .page_search .wantad-entry-container { background-color: #FCEEE3; height: 100px; font-size: 28px; padding: 29px 10px; text-align: center;} .page_search .wantad-entry-container span { margin: auto; } .page_search .wantad-entry-link { color: #235999; padding-left: 8px; text-decoration: none;} @media screen and (max-width: 1200px) { .page_search .wantad-entry-container { font-size: 20px; padding: 35px 10px; } } @media screen and (max-width: 550px) { .page_search .wantad-entry-container { padding: 20px 10px; } .page_search .wantad-entry-link { display: block; } } #product_details { width: 100%; float: left; margin-top: 50px;} body.page_default { height: 100%; width: 100%; float: left; background-color: #e6e6e6;} #header { width: 100%; height: 45px; background-color: #003971; padding: 0px 15px 0px 15px; position: sticky; top: 0px; z-index: 1000;} #header .button { height: inherit; line-height: 45px; font-size: 16px; } #header .button.light:hover { background-color: rgba(255, 255, 255, 0.9); } #header .button.dark:hover { background-color: rgba(255, 255, 255, 0.25); } #top-section .btn-group a.button:last-child, #header .btn-group a.button { padding-right: 0; } #top-section .btn-group a.button.seller:last-child { background: lightgray; margin-left: 10px; padding-right: 10px; font-weight: bold; border-radius: 5px; } #top-section .button.seller i { color: #2d2525; } #header #sign-in, #header #register { padding-right: 15px; } #mobile-header { display: none;} #mobile-header #logo { width: 100%; max-width: 200px; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #mobile-header .button { text-align: center; padding: 0; width: 100%; } #mobile-header .button span { display: block; } #mobile-header .button i { font-size: 25px; position: relative; } .location-container { position: relative;} #location-popup { display: none;} .popup { position: absolute; right: 0; z-index: 10000; background: #fff; width: 350px; border: 1px solid #bbb; border-radius: 3px;} .popup > div { padding: 15px 30px; } .popup-header { font-size: 16px; border-bottom: 1px solid #bbb; width: 100%; position: relative;} .popup .popup-body { position: relative; padding-bottom: 0;} .popup .button { width: 100%;} .popup .input { padding: 0; position: relative;} .link { text-align: right; padding: 10px 0px;} .link a { text-decoration: underline; } #location-popup .fa.fa-search { position: absolute; right: 15px; top: 0; font-size: 20px; color: #888; bottom: 0; margin: auto 0; height: 20px;} #locationSearch { border: 1px solid #ccc; border-radius: 5px;} .here-suggestions-container { position: absolute; z-index: 9999; background-color: white; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; width: 288px; min-height: 120px; height: auto; display: none; border: 1px solid #bbb; border-radius: 3px;} .here-suggestion:hover { background-color: yellow;} .here-suggestion { cursor: pointer;} /*.button.btn-close i { font-size: 25px; color: #888;} .button.btn-close { padding: 0;} .button.btn-close i { margin: 0; } */ .button.btn-close { position: absolute; right: 0; top: 0; border: 0; width: 40px; height: 40px; bottom: 0; margin: auto; margin-right: 25px;} .btn-close:hover { opacity: 1;} .btn-close:before,.btn-close:after { position: absolute; left: 0px; content: ' '; height: 27px; width: 2px; background-color: #888; top: 15px; right: 0; margin: auto;} #mobile-header .btn-close { top: 37px; width: 37px; height: 37px; left: 0; font-size: 15px;} #mobile-header .btn-close:before, #mobile-header .btn-close:after { top: -25px; } .btn-close:before { transform: rotate(45deg);} .btn-close:after { transform: rotate(-45deg);} button:focus { outline: 0;} .section { height: auto; padding: 30px 25px 30px 25px; scroll-margin-top: 140px;} #top-section { position: sticky; top: 45px; z-index: 900; padding: 0;} #top-section .btn-group { height: 65px; line-height: 65px; font-size: 16px; } .divider { height: 35px; border-right: 1px solid #bbb; margin: 15px 0px 10px 0px;} #top-section .button i { font-size: 25px; color: #888; padding: 0px 10px 0px 0px; vertical-align: middle; margin: 0;} #top-section-img { width: 100%;} #top-section-img { width: 100%;} .wrapper { margin-top: 10%; margin-bottom: 10%;} .text { padding-right: 30px;} #search-placeholder { padding: 1% 0;} #search-placeholder .search-form { width: 100%; } .page_default #search-placeholder .search-form { display: none;} #search-placeholder .input { width: 74%;} #search-section { border-bottom: 3px solid #888; padding: 0;} #search-section .text { font-size: 18px; } #search-section .text h2 { font-size: 1.6rem; font-weight: 700; } .section.dark { background-color: #f0f0f0;} .search-form { width: 80%;} .search-input { border-radius: 10px 0px 0px 10px; box-shadow: none; padding-left: 40px;} #country-input { border-left: none; padding-left: 30px; color: #777787; appearance: none;} .button.search { height: 40px; display: inline-block; line-height: 40px; text-align: center; border-radius: 0px 10px 10px 0px; width: 26%;} .search-form .input,.search-form .select { position: relative; width: 74%; display: inline-block; float: left;} .search-form .input i { color: #888; position: absolute; left: 15px; line-height: 40px; font-size: 20px; top: 0px; } .search-form .fa.fa-caret-down { right: 15px; left: unset; font-size: 16px;} .column-wrapper { margin: 0px -30px;} #featured-categories .card { border: none; height: 100%;} #featured-categories .card-body { background-color: #f0f0f0; padding: 10px; border-radius: 0px 0px 5px 5px;} #featured-categories .card-text { color: #333; font-weight: 700; text-decoration: none;} #featured-categories .category_link .category_icon_link { border: 1px solid #f0f0f0; border-bottom-color: rgb(240, 240, 240); border-bottom-style: solid; border-bottom-width: 1px; border-bottom: none; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); text-align: center;} #featured-categories .category_link .category_icon_link img { height: 145px; width: auto; object-fit: contain; max-width: 255px; } .brand-img { margin-bottom: 15px; background-color: #fff;} #layout_middle > .form-inline:first-child { display: none;} .page_search .card-footer { border: none; text-align: center; padding: 5px;} .page_search .card-footer a { text-transform: capitalize; } .page_search .search_facet #locationRangeKm { width: 99%; height: 30px; line-height: 30px; border: 0px; border: 1px solid #cecece; border-left: 1px solid #FFCD11; padding-left: 10px;} .page_search #master_middlecolumn1_catsearchfacets_countrycode_box { position: relative;} .page_search .search_facet #km { position: absolute; right: 15px; height: 30px; line-height: 30px;} header #km { position: absolute; right: 0px; height: 38px; line-height: 37px; bottom: 0px;} #locationSearch:focus, #locationRangeKm:focus { outline-width: 0px; outline: none;} header li.search .searchInject .location span { display: inline; width: 40px; text-align: center; /*margin-top: -14.5px; */ margin-top: 12.5px;} span#near {} /*span#near:hover { cursor: pointer; color: #ffcd11;} */ header li.search .searchInject .search_button { width: 120px; margin-top: 0px;} header nav > ul > li.preference > div.active { display: block;} header nav > ul > li.preference > div.active > div.customUserSettings { width: auto; float: none; padding: 0px; display: block; } header nav > ul > li.preference a.preferenceButton { display: none; background: url(/sites/cat/images/preferenceIcon.svg) no-repeat center; float: right; width: 50px; height: 68px;} element.style { left: 93.2203%;} .page_search .search_facets { border: none;} .page_search .search_facet .slider { /* padding-top: 15px; */ padding: 15px 10px;} .search_facets .search_facet .content { padding: 4px; box-sizing: border-box; margin-bottom: 25px; max-height: 220px;} .page_search .search_facet .content .item a { color: inherit;} .page_search .search_facet .count { color: #999;} .page_search .search_facets .search_facet:nth-last-child(2) .content .areaContent { font-size: 14px; color: #000000; border-bottom: 1px solid #C4C4C4; padding: 2px 2px 10px 2px;} .page_search .search_facet .header, .page_search .advancedFilters .search_facet .header { border-top-color: transparent; margin-top: 0px;} .page_search .search_facets > .search_facet:nth-child(2) .header, .page_search .search_facets .advancedFilters .content .search_facet:first-child .header { border-top-color: #D8D8D8; margin-top: 0px;} .page_search .search_facets .search_facet:nth-last-child(2) .content .areaContent input, .page_search .search_facets .search_facet:nth-last-child(2) .content .areaContent select { background: #FFFFFF; border: 1px solid #C4C4C4; box-sizing: border-box; border-radius: 3px; width: 100%; padding: 6px;} .page_search .search_facets .search_facet:nth-last-child(2) .content .areaContent .fa-crosshairs:before { font-family: FontAwesome; font-style: normal; padding-right: 5px; font-weight: normal;} .page_search .search_facets .search_facet:nth-last-child(2) .content .areaContent button { border: 1px solid #828282; box-sizing: border-box; border-radius: 3px; background-color: transparent; font-style: normal; font-weight: bold; line-height: normal; font-size: 14px; text-align: center; color: #4F4F4F; border-radius: 3px; margin-top: 5px;} .page_search .search_facets .advancedFilters > .header .header_text { background: #FFCD11; border-radius: 3px; padding: 4px 15px; width: 100%; text-align: center;} .page_search .advancedFilters .search_facet { display: block !important;} .page_search .search_facets .advancedFilters .header i {} .page_search .search_facets .advancedFilters > .content { max-height: none; display: none; padding: 4px 2px; height: auto;} .page_search .search_facets .advancedFilters > .header { padding-top: 4px !important; padding-bottom: 4px !important;} .page_search .search_facets .advancedFilters > .header .float_wrapper { width: calc(100% - 32px); } .page_search .search_facets .item { text-transform: capitalize;} .btn-group.meter-selection { margin-bottom: 10px; margin-left: 2px;} .meter-selection .button { border: 1px solid #ccc; border-right: none; height: 35px; padding: 5px 10px;} .meter-selection .button:first-child { border-radius: 12px 0px 0px 12px; } .meter-selection .button:last-child { border-right: 1px solid #ccc; border-radius: 0px 12px 12px 0px; } .meter-selection .button.active { background: #FCEFE4; border-color: #e87511; color: #e87511; border-right: 1px solid #e87511; } .meter-selection .button.disabled { background-color: #F0F0F0; color: #fff; } #layout_middle_column2 #path { display: none;} #search_results tr.altRow td { background-color: transparent;} #Master_MiddleColumn2_searchresults_Master_MiddleColumn2_searchresultsSort, #Master_MiddleColumn2_searchresults_Master_MiddleColumn2_searchresultsPageSize { height: 30px; width: auto !important;} #search_results .pager { margin: 0px;} #search_results .pager_below { width: 100%;} .pager_pages a, .pager_pages span.active { border-radius: 3px;} header { border-bottom: 4px solid #FFCD11;} .banner { background-image: url(/sites/cat/images/HomepageHero.jpg); background-color: #0c1618; background-repeat: no-repeat; width: 100%; height: 203px; background-size: 1520px 204px; background-position: center; margin-top: 72px;} .page_default .banner .container .info-text { line-height: normal; font-size: 20px; letter-spacing: 0.03em; text-transform: uppercase; color: #fff; text-shadow: none; display: inline-block; text-align: left; padding-left: 15px; padding-top: 5px; line-height: 24px; background-color: #081013; margin-top: 105px; width: 440px;} .language_zh.page_default .banner .container .info-text { width: auto !important;} .banner .container { padding-top: 0px; position: relative; box-sizing: border-box; height: 199px; margin: auto; overflow: hidden; max-width: 100%; width: 1520px;} .selection-modal .selection-modal-content .selection-modal-content-header h5 { text-transform: capitalize;} .banner .countsAll span { font-size: 48px; text-align: center; line-height: 56px; border-top-color: #828282;} .banner .countsAll { background-color: #000; text-align: center; display: inline-block; margin-top: 113px; padding: 0px 11px; margin-left: 46px; border: 1px solid #fff; float: left;} .banner .before_text, .banner .after_text { display: none;} .banner .used { /** display:inline; */ display: none;} .banner .used img { padding: 5px 20px 5px 10px; border-right: 1px dotted; margin-top: 12px; } .page_product h3.small-text { display: none;} .text h1 { font-size: 1.6rem !important; font-weight: 700 !important;} h1.main_header { font-size: 30px; line-height: 30px; color: #000; font-weight: 700;} .page_product h1.main_header { font-size: 30px; line-height: 30px; font-weight: 700; width: 60%; display: inline-block; word-break: break-word;} .summary_priceeuro { width: 40%; display: inline-block;} .search_results_summary { font-weight: bold;} .seo_text_box .seo_text_content.collapsed { height: 45px !important;} .page_search .seo_text_content.content2.collapsed { height: 110px !important;} .seo_text_content a { color: #0645AD;} .page_search .search_facets > .top_header { color: #000; font-weight: normal; text-transform: uppercase; font-size: 21px !important; line-height: normal;} .search_facets > .top_header i { display: none;} .page_search .search_facets .search_facet .header { text-transform: uppercase; font-size: 14px; font-weight: 700; padding: 0px; height: 40px; line-height: 40px; padding-left: 10px; text-transform: capitalize; padding-right: 10px; border-radius: 10px; margin-bottom: 10px;} .search_facet .openclose { text-align: center; padding: 13px 0px; text-decoration: none; background-color: inherit; border: none; font-size: inherit; height: auto; width: auto;} .search_facets .search_facet .header i { top: 4px !important;} a { color: #000;} form > #path a,#layout_top #path a { font-style: normal; font-weight: 400; /*line-height: 1;*/ font-size: 14px; text-align: center; float: none; background: transparent !important; padding: 4px 5px 4px 0; display: inline-block; width: auto; color: #005B99;} #layout_top #path a.link3 span { border: 1px solid #2B3C46; border-radius: 3px; height: 20px; width: 20px; display: inline-block; } #layout_top #path { line-height: 25px; font-size: 12px; color: #BDBDBD; height: auto; min-height: 25px; margin-top: 2px; width: auto; display: inline-block; float: left;} #layout_top #path a.lastLink { color: #999;} #layout_top #path a::after, form > #path a::after, #layout_top #path a::before, form > #path a::before { display: none; } #layout_top #path a.firstLink { margin-left: 0px; } #layout_top #path a:hover { } .pager_pages span.active { background-color: #000;} #search_results .field_brandmodel a { font-weight: normal; font-size: 22px; text-transform: uppercase; text-decoration: none; color: #333;} #search_results .field_brandmodel a:visited { color: #868686; } table.bottom_actions { display: none;} .banner { display: inline-block;} .search input.form-control { border-right: 0px; border-color: #fff; background-color: rgba(0,0,0,0.5); color: #fff; height: 40px; border-radius: 0px;} .search button.btn-default { font-weight: bold; background-color: #ffcd11; border-color: #fff; height: 40px; border-radius: 0px;} .search .input-group { box-shadow: 0px 0px 7px #333;} #layout_top .quick_search_form { display: none;} .search_facet.cat-certified .inputDiv { display: table-cell; vertical-align: middle; background-color: #000; padding-left: 20px;} #contact_form .contact_address,.contact_form .contact_address { margin-bottom: 0px;} #contact_form .margin_bottom input[type='radio'] { margin-top: 0px !important; vertical-align: middle;} #contact_form .margin_bottom span { margin-left: 5px; vertical-align: middle;} #contact_form .margin_bottom span:first-child { margin-left: 0px; } #contact_form .margin_bottom input[type="radio"] { width: auto;} #ElqRdEmail { margin-left: 2px;} nav li.search a { color: #fff;} nav li.search a i { line-height: 68px; } .search_facet.cat-certified .imageDiv { display: table-cell; background-color: #000; width: 100%; text-align: center;} .page_search .saveSearchForm { display: table;} .page_search .search_facet { display: block;} .page_search .search_facet:last-of-type { border-bottom: none; } .search_facets select { border: 1px solid #ccc; width: 110px; margin: 2px; margin-bottom: 10px;} .search_facets .search_facet input.range { width: calc(100% - 2px); border-radius: 12px; border: 1px solid #ccc; height: 35px;} .search_facets .search_facet input.range:focus { outline: none; box-shadow: 0 0 5px #B7D5E5; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #B7D5E5; } .checkBoxText { position: relative; cursor: pointer; user-select: none; margin: 0;} .multiple-facet .item { cursor: default !important;} input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .custom-checkbox { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; display: none;} input[type="checkbox"]:hover ~ .custom-checkbox { background-color: #ccc;} input[type="checkbox"]:checked ~ .custom-checkbox { background-color: #E87511;} .custom-checkbox:after { content: ""; position: absolute; display: none;} input[type="checkbox"]:checked ~ .custom-checkbox:after { display: block;} .custom-checkbox:after { left: 7px; top: 3px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .page_search #search_results table.pager:not(.pager_below) { display: none;} .page_search .filterHeader { line-height: normal; font-size: 21px; text-transform: uppercase; color: #333333;} .page_search #layout_middle_column2 .searchHeader { width: 100%; float: none; padding-right: 20px;} .page_search #layout_middle_column2 .searchHeader > div { display: flex; } .search_facet.cat-certified .imageDiv img { max-width: 100%; height: 44px;} #search_results .list { width: 100%; margin: 20px 0; table-layout: fixed;} #search_results .list .item td .field_image img { width: 134px; } #search_results .list_vertical tr.item { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; width: 870px; margin-top: -1px;} #search_results .list .item td .field_favouritecheckbox a { display: none;} #search_results .list_vertical tr.item:hover { background-color: #F6F6F6;} #search_results .list_vertical tr.item:hover, .page_product #layout_top .pager_prev:hover, .page_product #layout_top .pager_next:hover, .page_product .printIcon:hover { cursor: pointer;} #search_results .list_vertical tr td.cell_year > span, #search_results .list_vertical tr td.cell_qcategoryname { width: 165px;} #search_results .list_vertical tr td.cell_year > span, #search_results .list_vertical tr td.cell_features { width: 140px;} #search_results .list_vertical tr td.cell_year > span, #search_results .list_vertical tr td.cell_qcategoryname > span { font-style: normal; font-weight: normal; line-height: 20px; font-size: 12px; color: #666666;} #search_results .list_vertical tr td.cell_year > span, #search_results .list_vertical tr td.cell_qcategoryname > span.field_qcategoryname:before { line-height: 18px; font-size: 14px; text-align: center; color: rgba(102, 102, 102, 0.5); padding-right: 6px; } #search_results .list_vertical tr td.cell_year > span, #search_results .list_vertical tr td.cell_qcategoryname > span i { width: 18px; text-align: center; } #search_results .list tr.item td.cell_features span.field_accessorylist span { text-transform: capitalize; font-style: normal; font-weight: normal; display: block; font-size: 12px; color: #333333;} #search_results .list tr.item td.cell_benefits img { border-radius: 50%;} #search_results .list tr.item td.cell_benefits i:before { font-style: normal; font-size: 10px; text-align: center; color: #ffcd11; padding: 1px; display: inline-block;} #search_results .list tr.item td.cell_benefits tr.benefit { width: 130px; margin-right: 10px; float: left; height: 30px;} #search_results .list tr.item td.cell_benefits { width: 443px;} #search_results .list tr.item td.cell_benefits .cellHeader, #search_results .list tr.item td.cell_features .cellHeader { font-style: normal; font-weight: bold; line-height: normal; font-size: 10px; color: #666666; padding-bottom: 5px; text-transform: capitalize; } #search_results .list tr.item td.cell_benefits, #search_results .list tr.item td.cell_features { border-left: 1px solid #BDBDBD;} #search_results .list tr.item td.cell_benefits i { background-color: #333; text-align: center; color: #fff; padding: 4px; border-radius: 50%; font-size: 10px; } #search_results .list tr.item td.cell_benefits .field_benefits > span { font-style: normal; font-weight: 300; line-height: 11px; font-size: 12px; width: 33.33%; display: inline-block; color: #333333; margin-top: 10px; padding-right: 5px; padding-left: 2px; } .language_ru #search_results .list tr.item td.cell_benefits .field_approvedused + span { padding-left: 10px;} #search_results .list tr.item td.cell_benefits .field_benefits > span:first-child { padding-left: 0px;} #search_results .list tr.item td.cell_benefits .field_benefits > span > span { display: inline-block; width: calc(100% - 25px); float: right; padding-top: 3px;} .language_es #search_results .list tr.item td.cell_benefits .field_benefits > span > span,.language_pt #search_results .list tr.item td.cell_benefits .field_benefits > span > span,.language_pl #search_results .list tr.item td.cell_benefits .field_benefits > span > span,.language_ru #search_results .list tr.item td.cell_benefits .field_benefits > span > span,.language_nl #search_results .list tr.item td.cell_benefits .field_benefits > span > span,.language_it #search_results .list tr.item td.cell_benefits .field_benefits > span > span,.language_de #search_results .list tr.item td.cell_benefits .field_benefits > span > span { /*text-transform: none !important;*/ } #search_results .list tr.item td.cell_brandmodel { text-align: left; display: block;} #search_results .list tr.item div.resultInfo div.resultContent { margin-bottom: 9px;} #search_results .list tr.item div.resultInfo div.resultContent > td { padding-top: 0px; padding-bottom: 0px; /* height: 130px;*/ } #search_results .list tr.item td.cell_brandmodel > span { display: inline-flex;} #search_results .list tr.item td.cell_brandmodel span.field_price { font-style: normal; font-weight: normal; line-height: normal; font-size: 22px; text-align: right; display: inline-block; color: #333333; width: 300px;} #search_results .list tr.item td.cell_brandmodel span.field_price > span > span { font-weight: bold; padding-right: 5px; } #search_results .list tr.item td.cell_brandmodel span.field_brandmodel { width: calc(100% - 300px);} .hover-container { position: absolute; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); background-image: url("/sites/ascendumnew/images/plus.png"); background-repeat: no-repeat; background-size: 60px 60px; background-position: center center; opacity: 0; z-index: 1; -moz-transition: opacity 0.2s; transition: opacity 0.2s;} .stock_count { display: none;} .banner .small-text .after_text { display: none;} h3.small-text { margin-left: 30px; font-size: 30px; color: #fff; margin-top: 0px; text-shadow: 1px 2px 1px #333;} .page_product #layout_top { display: block;} .page_product #contact_form .contact_data .data_tel_number span, .page_product #contact_form .contact_data .data_mobile_number span { display: inline-block; text-overflow: ELLIPSIS; white-space: nowrap; overflow: hidden;} .page_product table.contact_table .data_tel_number span, .page_product table.contact_table .data_mobile_number span { display: block; width: 100%; font-style: normal; font-weight: 300; line-height: normal; font-size: 16px; text-transform: uppercase; float: none; color: #000000; text-align: left;} .page_product table.pager td.pager_prev_empty ~ td { border-left:none;} .page_product table.pager td.pager_next, .page_product table.pager td.pager_prev { border: none; padding: 0px 15px; width: auto;} .page_product table.pager td.pager_next { border-left: 1px solid rgba(204, 204, 204, 1); padding-right:0px;} .page_product table.pager td.pager_prev { padding-left: 0px;} .page_product .pager_next_empty { visibility: hidden !important; display:none;} .page_product .pager_next_empty a:hover { text-decoration: none; } .page_product .contact_data .data_label i { padding-right: 10px; padding-top: 2px;} .page_product table.contact_table, .page_product .contact_data .data_tel_number, .page_product .contact_data .data_mobile_number { width: 100%; padding: 5px 0px;} .page_product .similar-ads-nearby { background-color: rgba(240, 240, 240, 1); clear:both;} .page_product #similer_listing_alert {text-align:center;padding-top:20px;padding-bottom:20px;} .page_product #similer_listing_alert p { color:#3F3F3F; font-size:16px; } .page_product #similer_listing_alert .inventory-updates a:hover { background-color: rgba(235, 244, 251, 1) } .page_product #similer_listing_alert .inventory-updated { color: #B24F00; padding: 3px 18px; background-color: rgba(252, 239, 228, 1); box-sizing: border-box; border-width: 1px; border-style: solid; display: inline-block; border-color: rgba(209, 104, 15, 1); border-radius: 5px; } .page_product #similer_listing_alert .inventory-updates a span { display: inline-block; line-height: 30px; vertical-align: sub; font-size: 14px; } .page_product #similer_listing_alert .inventory-updates a { color: #B24F00; padding: 4px 18px; background: rgba(252, 239, 228, 1); box-sizing: border-box; border-width: 1px; text-decoration: none; border-style: solid; display: inline-block; border-color: rgba(209, 104, 15, 1); border-radius: 5px; } .page_product #similer_listing_alert h2 { font-weight: 400; font-style: normal; font-size: 24px; color: #000000; line-height: 36px; } .truncate { width: 70px; white-space: nowrap; display: inline-block; overflow: hidden; text-overflow: ellipsis;} .page_product .contact_data a.show_tel_number:hover { text-decoration: none; } .page_product .contact_data .data_label { display: inline-block; width: auto} .page_product .contact_data table.contact_table tr { display: block; box-sizing: border-box; border-radius: 3px; padding: 7px 0px; width: 100%; margin: 5px 0px;} #layout_top #path a:hover { background-color: transparent; text-decoration: underline;} #layout_top #path a i { padding-left: 10px; line-height: 18px; font-size: 18px; text-align: center; color: #BDBDBD;} .page_product #layout_top table.pager td.pager_pages { display: none;} #layout_top #path ol li:last-child a i { display: none;} #layout_top #path ol { padding-inline-start: 0px; display: inline-block; margin-bottom: 0px;} #layout_top #path ol li { display: inline; float: left;} .page_product #layout_top .backBtn i::before { line-height: normal; font-size: 21px; text-align: center; color: #4F4F4F; position: relative; top: 2px;} .page_product #layout_top a.backBtn { height: 30px; margin-top: 10px; border-radius: 3px; border: 1px solid #4f4f4f; text-align: center; margin-right: 100px; margin-bottom: 5px; display: inline-block; float: left; padding: 0 10px; text-transform: uppercase;} .page_product #layout_middle a.backBtn { height: 30px; margin-top: 10px; border-radius: 3px; border: 1px solid #4f4f4f; text-align: center; display: none; margin-bottom: 5px; padding: 5px; text-transform: uppercase;} .page_search .search_facet .submit { display: block !important;} .page_product #layout_top .backBtn > font { font-style: normal; font-weight: bold; line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; color: #4F4F4F; position: relative; top: 2px;} .page_product #layout_middle_column2 .detailsHeader { width: 100%; background: #E0E0E0; margin: 20px 0; display: none; flex-direction: row; justify-content: space-around; /*display: flex; justify-content: space-around;*/ } .page_product #layout_middle_column2 .detailsHeader .navigator { font-style: normal; font-weight: bold; line-height: normal; text-transform: uppercase; padding: 15px; color: #333333; cursor: pointer; display: inline-flex; } .page_product #layout_middle_column3 table.catCert { width: 100%; margin-bottom: 20px; } .page_productprint table.catCert { margin-bottom: 20px;} .page_product #layout_middle_column3 table.catCert .printButton { vertical-align: bottom;} #product_details .data_features .cell1 td { text-transform: uppercase;} .page_product img,.page_productprint img { width: auto;} .page_product .printIcon { border: 1px solid #828282; box-sizing: border-box; border-radius: 3px; font-style: normal; font-weight: bold; line-height: normal; font-size: 14px; display: inline-block;} .page_product .printIcon a { padding: 3px 10px; display: inline-block; word-break: break-all; font-size: 12px; } .page_product #layout_middle_column3 .sendOffer { background: #F6F6F6; border: 1px solid #BDBDBD; box-sizing: border-box; padding: 13px 16px; margin-bottom: 20px;} .page_product #layout_middle_column3 .sendOffer .marketingStatement { text-transform: none; } .page_product #layout_middle_column3 .sendOffer .sendOffer-text { line-height: normal; font-size: 24px; text-transform: uppercase; color: #333333; } .page_product #layout_middle_column3 .sendOffer .input-group { display: block; } .page_product #layout_middle_column3 .sendOffer .inputAmount, .page_product #layout_middle_column3 .sendOffer .inputEmail { display: flex; margin-bottom: 15px; } .page_product #layout_middle_column3 .sendOffer .input-group p { line-height: normal; font-size: 14px; font-weight: bold; color: #000000; } .page_product #layout_middle_column3 .sendOffer .input-group.amount input { border: 1px solid #BDBDBD; box-sizing: border-box; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 3px; width: calc(100% - 95px); height: 36px; } .page_product #layout_middle_column3 .sendOffer .input-group.amount select { background: #FFFFFF; border: 1px solid #BDBDBD; box-sizing: border-box; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 3px; width: 88px; height: 36px; margin-left: 7px; } .page_product #layout_middle_column3 .sendOffer .inputEmail input { border: 1px solid #BDBDBD; box-sizing: border-box; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 3px; width: 100%; height: 36px; } .page_product #layout_middle_column3 .sendOffer .input-group.success { text-align: center; padding: 18px 0; line-height: normal; font-size: 14px; font-weight: bold; color: #000000; } .page_product #layout_middle_column3 .sendOffer .input-group img { margin-right: 10px; } .page_product #layout_middle_column3 .sendOffer .input-group.success p { padding-top: 10px; } .page_product #layout_middle_column3 .sendOffer .input-group select { width: 88px; margin-left: 20px; } .page_product #layout_middle_column3 .sendOffer .input-group button { line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; background: #FECC11; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 3px; color: #000000; width: 100%; height: 36px; } .page_product #layout_middle_column3 .sendOffer .email, .page_product #layout_middle_column3 .sendOffer .success { display: none; } .page_product .productHeader { margin-bottom: 20px;} .page_product .productHeader h1.main_header { margin-bottom: 20px; } .page_product .productHeader > div .header { display: none; } .page_product .productHeader > div .data { text-align: right; font-size: 40px; line-height: 40px; color: #000; text-transform: uppercase; font-weight: normal; } .page_product .pc_header_table .product_summary .data { font-weight: 700; color: #3F3F3F;} .page_product .pc_header_table .product_summary .data img { width: 20px; padding-right: 5px; float: none; } .page_product .pc_header_table .product_summary { margin-top: -15px;} .page_product .pc_header_table .product_summary div { font-size: 16px; } .page_product .pc_header_table .product_summary > div { display: inline-block; padding: 0px 35px; border-right: 1px solid #ccc; } .page_product .pc_header_table .product_summary > div:first-child { padding-left: 0; } .page_product .pc_header_table .product_summary > div:last-child { border: none; } .page_product .pc_header_table .product_summary > div div.header:after { content: ':'; padding-right: 10px; } .page_product .pc_header_table .product_summary > div svg { width: 35px; fill: #999; margin-bottom: 15px; } .page_product .pc_header_table .product_summary .header { color: #999; } .page_product .productHeader .product_summary span { font-weight: normal;} #productId { width: 160px; padding: 2px; border: 1px solid #ccc; text-align: center; border-radius: 4px; margin-bottom: 15px; color: #767676; text-transform: uppercase;} .page_product #layout_middle_column2 > h1.main_header { display: none;} .big-media { cursor: pointer;} .page_product .big-media ul.gallery-arrows { position: absolute; top: calc(50% - 32px); padding: 0px; width: 100%; display: flex; text-decoration: none; list-style: none; height: auto;} .page_services .purchasesafe-section .purchasesafe_section_text { display: flex; justify-content: center; align-content: center; flex-direction: column; padding-left: 30px;} .page_services h3{ font-weight:bold;} .no-margin-top { padding-top: 0px !important;} .selleqcheckbox input[type="checkbox"] { opacity: 100; width: 20px; height: 20px; position: relative; margin-right: 3px !important;} .page_services #contactpageFormSuccess { background: white;} .contactform-insidetext p { margin-bottom: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 16px} .selleqcheckbox input[type="checkbox"]:not(:first-child) { margin-left: 15px !important; } .selleqcheckbox label { text-transform: initial;} .pricegheader { border-top-left-radius: 12px; border-top-right-radius: 12px; color: white; text-align: center; padding: 15px; font-weight: bold; font-size: 20px; border: 1px #dcddde solid;} .pricegheader.starter { background: #b24f00;} .pricegheader.silver { background: #acaaad;} .pricegheader.gold { background: #d6b22f;} .pricegheader.platinum { background: #6a777a;} .pricegcontent { background: #f2f2f2; border: 1px #dcddde solid; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;} .priceBottom { text-align:center; height:70px;} .page_services .button.orange { background: #f47920; color: white; border-color: #f47920;} .page_services .button.orange { padding: 7px 35px; font-size: 18px; border: 3px solid; border-radius: 3px; display: inline-block; margin: 10px 0; text-decoration: none; height: none !important;} .benefitsheader { color: #116FAD; padding-left: 35px; padding-top: 20px; padding-bottom: 20px;} .benefitsheader a { padding-left: 15px;} .page_product .big-media .gallery-arrows li { width: 50%; } .pricebenefits { height: 420px; } @media (max-width:630px) { .pricebenefits { height: auto; } } .page_services ol.purchasesafe_custom_list li { padding: 5px 0px 5px 5px; } .page_services ul.purchasesafe_custom_list li { background: url(/Sites/RBClassified/images/checkmark.PNG) no-repeat left top; padding: 5px 0px 5px 27px; list-style: none; margin: 0; background-position-y: 7px; } .page_product .big-media .gallery-arrows li:first-child { text-align: left; } .page_product .big-media .gallery-arrows li:last-child a { float: right; } .page_product .big-media .gallery-arrows li a { background: none; width: 37px; height: auto; text-indent: initial; top: auto; margin-top: auto; position: relative; } .page_product .big-media .gallery-arrows li a:hover { background: #FECC11; } .page_product .big-media .gallery-arrows li a:hover i { background: #000; color: #FECC11; } .page_product .big-media .gallery-arrows li a i { width: auto; padding: 20px 10px; font-size: 25px; color: #000; } .big-media img { max-width: 100%; } .page_product .back_btn { display: inline-block; float: right; } .page_product .back_btn a { line-height: 32.8px; } .page_product table.pager { width: auto; margin-top: 20px; border: none; float: right; margin-bottom: 20px; margin-left: 10px; } .page_product table.pager td.pager_prev_empty, .page_product table.pager td.pager_next_empry { visibility: hidden; display: none; } .page_product table.pager td.pager_next > div, .page_product table.pager td.pager_prev > div { height: 32.8px; display: inline-block; text-decoration: underline; } .page_product table.pager td.pager_prev > div span i, .page_product table.pager td.pager_next > div span i { line-height: 32.8px; font-size: 14px; text-align: center; color: #005B99; text-decoration: underline; } .page_product table.pager td.pager_prev > div span { padding-left: 10px; line-height: 32.8px; } .page_product table.pager td.pager_next > div span { padding-right: 10px; line-height: 32.8px; } .page_product table.pager td.pager_prev > div a, .page_product table.pager td.pager_next > div a { line-height: 30px; font-size: 14px; font-weight: normal; text-decoration: underline; } .page_product #product-details { overflow: auto; min-height: 760px; } #product_details tr.item td.header { width: 200px; font-weight: bold; color: #3F3F3F; } #product_details .margin_bottom_large:not(:first-child) tr.header { display: none; } #product_details .margin_bottom_large { margin: 0; } #product_details #custom_fields { display: none; } .page_product #product_details table.data_features tr.item.row1 td.header { display: none; } .page_product #product_details table.data_features tr.item .cell1 table { width: 100%; } .page_product #product_details table.data_features tr.item .cell1 { border-bottom: none; } .page_product #product_details table.data_features tr.item:hover > td { background-color: transparent; } .page_product #product_details table.data_features tr.item > td { padding: 0px; display: inline-block; } .page_product #product_details table.data_features tr.item tr:hover { background-color: #f0f0f0; } .page_product #product_details table.data_features tr.item.row1 .cell1 { width: 100%; } .page_product #product_details table.data_features tr.item.row2 { border-bottom: 1px solid #ccc; } .page_product #product_details table.data_features tr.item.row2 td.header { border-bottom: none; padding-left: 10px; } .page_product #product_details table.data_features tr.item.row2 td.cell1 { border-bottom: none; padding-left: 10px; } .page_product #product_details table.data_features tr.item.row2:hover { background-color: #f0f0f0; } .page_product #product-details + div { clear: both; } .purchasesafe-container .checkBoxText { padding-left: 30px; text-transform: none; } #purchaseflex .checkBoxText { padding-left: 10px; cursor: default; } .purchasesafe-container .custom-checkbox { display: inline-block; } .purchasesafe-container { background: #f0f0f0; margin: 15px 0px; padding: 10px; border-radius: 10px; } #purchasesafe > div:first-child { margin-bottom: 10px; } #purchasesafe > div:last-child { padding-left: 25px; } #purchasesafe .text.light { color: #999; } #purchasesafe > div:last-child { /* padding-left: 25px; */ padding-left: 30px; } #ps-modal .form-modal-content { padding: 30px; max-width: 630px; } #ps-modal .form-content { text-align: center; } #ps-modal img { /* width: 100%; */ width: 50px; margin: auto; position: absolute; left: 0; right: 0; } #ps-modal .image-wrapper { position: relative; height: 60px; } #ps-modal .text-wrapper { text-align: center; } #ps-modal .close-btn { position: absolute; right: 0px; top: 0; width: 20px; height: 20px; opacity: 0.3; cursor: pointer; margin: 10px; } #ps-modal .close-btn:hover { opacity: 1; } #ps-modal .close-btn:before, #ps-modal .close-btn:after { position: absolute; content: ' '; height: 25px; width: 2px; background-color: #333; } #ps-modal .close-btn:before { transform: rotate(45deg); } #ps-modal .close-btn:after { transform: rotate(-45deg); } .sellerdetails { margin: 0px 10px; background-color: #f0f0f0; width: calc(100% - 20px); padding: 20px; border-radius: 0px 0px 10px 10px; } .summary > div { border-bottom: 1px dotted #999; padding: 10px 0px; } .summary-price { font-family: "Roboto"; display: flex; align-items: flex-end; justify-content: space-between; flex-flow: row wrap; } #contact_form { background-color: #fff; padding: 10px; position: relative; } .summary-phone div { border: 1px solid #ccc; height: 35px; padding: 7px; margin-bottom: 20px; border-radius: 10px; } .summary-phone div:last-child { margin: 0; } .summary-phone i { font-size: 18px; margin-right: 5px; color: #333; text-decoration: none; pointer-events: none; cursor: initial; } .contact_message, .contact_input { border: solid 1px #ccc; } input.button.main-color.contact_send { border: none; width: 100%; } .sellersendform .col2 { padding: 10px 0px; } .summary-company { display: flex; } .summary-company > div { flex: 1; line-height: 30px; } .seller-section { display: flex; } .contact_name_photo { margin-right: 15px; height: 60px; width: 60px; border-radius: 50%; overflow: hidden; } .contact_name_photo img { width: 60px; height: 60px; object-fit: cover; } .seller-info { height: 60px; padding: 10px 0px; } /*.verified { text-align: right;} */ /*.verified div { display: inline-block; } */ /*.years { background-color: #e87511; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; margin-right: 5px;} */ #contact_form .header, .contact_form .header { background-color: #F6F6F6; padding-left: 10px; padding-top: 6px; padding-bottom: 6px; box-sizing: border-box; } #contact_form .header span, .contact_form .header span { line-height: normal; font-size: 24px; text-transform: uppercase; color: #333333; } #contact_form .col2 { position: relative; } #contact-success, #contact-fail { background: #fff; height: 100%; padding: 20px; text-align: center; display: none; position: absolute; top: 0; width: 100%; } #contact-fail .button { margin: 10px auto; } .contact-header .title { font-size: 16px; padding: 0; } .contact-header { display: flex; padding-bottom: 15px; } .contact-header div { flex: 1; width: 50%; line-height: 20px; } .contact-header div:last-child { display: flex; justify-content: flex-end; align-items: center; } .contact-header i { font-size: 20px; margin-right: 5px; } .contact_name { font-weight: bold; } .phone-section div:first-child { font-weight: 700; } .phone-section { padding: 10px 5px; display: none; } .contact_data { margin: 15px 0px; } .contact_table i { color: #333; font-size: 16px; margin-right: 5px; } .modal-link { display: block; text-align: right; padding: 10px 30px; } @media (min-width:1000px) { .page_services .contactform-container { padding-top: 0px !important; margin-top: -5rem; padding-bottom: 0px !important; } } @media (min-width:1200px) { .page_services .contactform-container { padding-top: 0px !important; margin-top: -10rem; padding-bottom: 0px !important; } } .sellequipment_section_image img { width: 100%; } .contactform-insideheader { text-align: center; font-weight: bold; font-size: 20px; } .contactform-insidetext { text-align: center; font-size: 20px; } #product_details tr.header { background-color: #f0f0f0; border-bottom: none; } #product_details tr.header td { background-color: transparent; padding: 15px 10px; font-size: 16px; color: #000; text-transform: capitalize; font-weight: normal; border-top: 1px solid #767676; } #product_details tr.item td, #power_rating tr.item td { line-height: 30px; padding-left: 10px; padding: 7px; } #product_details tr.item td .data{ display:block; } #product_details tr.item td .data::first-letter { text-transform: capitalize; } .crosslinks { display: none; } .printIcon i { margin-right: 4px; } #product_details tr.altRow td { background-color: transparent; border-bottom: 1px solid #ccc; } #product_details tr.item td, #power_rating tr.item td { border-bottom: 1px dotted #999; } .gallery-thumbs { float: none; margin-top: 15px; display: inline-block; z-index: 99; position: relative; } .gallery .thumb { padding: 0px; width: inherit; height: inherit; max-width: 80px; max-height: 60px; overflow: hidden; } .gallery .thumb img { max-width: 100%; max-height: 100%; height: 60px; } #Master_MiddleColumn3_productcontact_rdAnswerPhone { margin-left: 10px !important; } .sellersendform input[type='text'], #Master_MiddleColumn3_productcontact_lstCountry { height: 35px; } #social-modal .section { padding: 0; margin-bottom: 20px; } #social-modal .title { padding: 0; font-size: 16px; } #social-modal .button { width: 100%; text-align: center; font-size: 14px; padding: 0; } #social-modal .button.main-color { border: none; } #social-modal .btn-group .button:first-child { margin-right: 10px; } #social-modal .btn-group { -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; display: flex; } #social-modal .btn-group .button { width: 14%; height: 30px; line-height: 30px; } #social-modal .btn-group { margin: 10px 0px; } .email-form { padding: 10px; background: #f0f0f0; margin-top: 10px; border-radius: 10px; margin-bottom: 15px; display: none; } #social-modal .input { margin-bottom: 10px; } #social-modal input:disabled { background: #fff; } #social-modal .link-input { display: flex; } #social-modal .link-input input { width: 100%; border-radius: 10px 0px 0px 10px; } #social-modal .link-input .button { width: 20%; border-radius: 0px 10px 10px 0px; color: #fff; } #social-modal .modal-footer .button { width: 30%; } #social-modal .success { display: none; } #social-modal .asterisk { color: red; margin-left: 3px; } /*===================================================*/ footer, footer a { color: #767676; font-size: 14px; font-weight: normal; text-decoration: none; } footer a:hover { color: #767676; } .footer-top { background-color: #3f3f3f; color: #fff; height: 50px; } .footer-top a { color: #fff; } .footer-top .button { padding: 5px 0px 5px 30px; } .footer-top .text { line-height: 50px; height: 50px; } .footer-top .row { padding: 0; } .footer-body ul { list-style: none; padding: 0; } .footer-body li { line-height: 35px; font-size: 14px; } .footer-body ul li:first-child { font-weight: 700; color: #000; } .memo { background:; background-color: #fff; margin-top: -45px; width: 100%; padding: 35px 20px; box-shadow: 10px 10px 13px -5px rgba(0,0,0,0.25); color: #333; } .memo-title { font-weight: 700; margin: 10px 0px; } .memo-body { margin-bottom: 15px; } .social div { display: inline-block; width: auto; color: #333; } footer .social b { padding-right: 15px; } footer .social .social-icons { white-space: nowrap; min-width: 215px; } footer .social .social-icons a.button:first-child { padding-left: 0px; } footer .social .social-icons a.button:last-child { padding-right: 0px; } footer .customUserSettings .location_selection, footer .customUserSettings .unitSystem_selection { display: none; } .customUserSettings .header i { line-height: 50px; } .customUserSettings select { appearance: none; background: transparent; color: #fff; border: none; } .customUserSettings select { height: 50px; padding: 0px 10px; } .customUserSettings select:focus { outline: none; } .customUserSettings select option { color: #333; } footer .expand { display: none; } /*===================================================*/ footer div.back_to_top { overflow: auto; background: #fff; padding: 20px; } footer #back_to_top { float: right; color: #20579E; } footer #back_to_top img { height: 24px; width: 24px; display: inline-block; } footer #back_to_top span { line-height: 24px; display: inline-block; text-decoration: underline; padding-left: 10px; } footer { background: linear-gradient(180deg, #F0F0F0 0%, #FFFFFF 100%); position: relative; } footer .footBottom { background: #FFCD11; padding: 20px 40px; display: flex; } footer .footBottom .left { width: 40%; text-align: left; float: left; padding: 10px; display: flex; } footer .footBottom .left .infoIcon, footer .footBottom .left .infoText { padding: 0 20px; } footer .footBottom .left .infoText { border-left: 1px solid #000; line-height: 12px; font-size: 13px; } footer .footBottom .left .infoText h5 { font-weight: bold; padding-bottom: 5px; margin-top: 0px; } footer .footBottom .left .infoText p { margin: 0px; } footer .footBottom .right { width: 60%; padding: 10px 70px 10px 10px; display: flex; justify-content: flex-end; } footer .footBottom .right .legal { } footer .footBottom .right .legal > p { font-style: normal; font-weight: normal; line-height: normal; font-size: 12px; text-align: right; color: #000000; width: 100%; margin-bottom: 0px; text-align: right; } footer .footBottom .right .legal > a { font-style: normal; font-weight: normal; line-height: normal; font-size: 12px; text-align: right; display: block; padding-bottom: 15px; color: #000000; text-align: right; } footer .footBottom .right > a:nth-child(2) { padding-top: 15px; padding-bottom: 15px; } footer .serviceContent, footer .serviceHeader, footer .logo { background-color: transparent; border-color: transparent; } footer .logo div:first-child { font-size: 30px; text-transform: uppercase; color: #333333; margin-top: 25px; } footer .logo img { margin-top: 40px; } footer .serviceHeader { text-align: center; line-height: 0.5; } footer .serviceHeader span { display: inline-block; position: relative; line-height: normal; font-size: 20px; text-transform: uppercase; color: #333333; } footer .serviceHeader > span:after, footer .serviceHeader > span:before { content: ""; position: absolute; height: 1px; border-bottom: 1px solid #E0E0E0; top: 10px; width: 130%; } footer .serviceHeader > span:after { left: 120%; margin-right: 15px; } footer .serviceHeader > span:before { right: 120%; margin-right: 15px; } footer table.services { width: 100%; } footer table.services tbody { flex-wrap: wrap; } footer table.services tr { width: 25%; float: left; padding: 20px 10px; } footer table.services tr .serviceImage { width: 64px; height: 64px; border-radius: 50%; } footer table.services tr .serviceImage img { width: 64px; height: 64px; padding: 9px; } footer table.services tr .serviceText { width: width: calc(100% - 64px); height: 85px; } footer table.services tr .serviceText .header { font-size: 16px; font-weight: bold; padding-bottom: 5px; line-height: 18px; } .language_pt footer table.services tr .serviceText .header { text-transform: none; } footer table.services tr .serviceText .content { line-height: 13px; font-size: 12px; } footer table.services tr .serviceText span { display: block; text-align: left; } .page_product .data_price select { visibility: hidden; } .search input.form-control::-webkit-input-placeholder { color: #ddd; } .page_productprint #header, .page_productprint #mobile-header, .page_productprint #top-section, .page_productprint footer { display: none; } .page_productprint #page_wrapper { margin-top: 0px; } .page_productprint .print_content { pointer-events: none; } .page_productprint .print_content #condition_info .header-selector { display: none; } .page_productprint .print_content a:hover { cursor: not-allowed; } .page_productprint table { width: 100%; } .page_productprint #layout_middle_column2 .detailsHeader { background: #E0E0E0; margin: 20px 0; justify-content: space-around; } .page_productprint #layout_middle_column2 .detailsHeader .navigator { font-style: normal; font-weight: bold; line-height: normal; text-transform: uppercase; color: #333333; cursor: pointer; display: inline-block; width: 50%; padding: 5px; vertical-align: top; } .page_productprint .print_content h1, .page_productprint .print_content, .page_productprint body, .page_productprint { padding-left: 5px; padding-right: 5px; padding-bottom: 40px; } .page_productprint header { border: none; } .page_productprint #related_products .relatedItemList { display: none; } .page_productprint #related_products_body td { display: block; width: 100%; overflow: hidden; } .page_productprint #related_products_body td.header { font-weight: bold; border-top: 1px solid #000; border-bottom: 1px solid #000; } .page_productprint #related_products_body td.header:first-child { border-top: 0px; } .page_productprint #related_products_body i { display: none; } .page_productprint #related_products .data img { width: 100px; padding: 10px; } .page_productprint #related_products .item { width: 100%; display: block; } .page_productprint #related_products .item .content li { text-decoration: none; padding: 0; padding-right: 0px; display: inline; } .page_productprint #related_products .item .content li:after { content: " / "; } .page_productprint #related_products tr.item td ul { width: calc(100% - 105px); display: inline-block; padding-left: 0px; margin-bottom: 0px; } .search input.form-control:-moz-placeholder { /* Firefox 18- */ color: #ddd; } .search input.form-control::-moz-placeholder { /* Firefox 19+ */ color: #ddd; } .search input.form-control:-ms-input-placeholder { color: #ddd; } header nav > ul > li.location { right: 75px; position: absolute; } header nav > ul > li.search { /*width: 620px;*/ text-align: center; } header nav > ul > li.search a { width: 50px; display: inline-block; } header nav > ul > li.location a { min-height: 70px; min-width: 30px; padding-left: 37px; background-image: url(https://www.cat.com/etc/designs/catDotCom/clientlibs/img/language-selector/icon-globe.png); background-position: 1px 20px; background-repeat: no-repeat; display: block; font-weight: bold; font-size: 12px; color: #fff; } header nav > ul > li.preference { width: 206px; height: 68px; } #search_results .new { font-style: normal; font-weight: bold; line-height: 15px; font-size: 12px; text-transform: lowercase; color: #fff; background-color: #828282; height: 23px; width: 23px; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: -23px; margin-left: 111px; } #search_results .noticeContent { text-transform: none; } span.counter_number { color: #ffcd11; } form#aspnetForm, footer { position: relative; width: 100%; float: left; } .page_default form#aspnetForm { background-color: #fff; } #category_links { width: calc(100% - 20px); max-width: 1156px; margin: 0 auto; border-top: 4px solid #FFCD11; position: relative; margin-top: 30px; border-bottom: 4px solid #FFCD11; overflow: auto; padding-bottom: 35px; } #category_links .category_link { width: calc(20% - 10px); text-align: center; float: left; margin-left: 5px; margin-right: 5px; padding: 5px; box-sizing: border-box; } #category_links .category_link_agriculture .category_link_image { } #category_links .category_link .category_icon_link { display: inline-block; padding: 10px 10px 0px 10px; width: 100%; } #category_links .category_link .category_link_and_count { text-align: center; } #category_links .category_link .category_link_and_count, #category_links .category_link .category_link_and_count a { font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 17px; line-height: 18px; color: #000; } #category_links .category_link img { max-width: 100%; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); } #category_links .category_link:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } #category_links .category_link:hover .category_icon_link svg { opacity: 0; } .page_default #page_wrapper { margin-top: 0; } .featured_ads { border: 0px; margin-bottom: 35px; padding-top: 35px; } .featured_ads .list tr.item { text-align: center; } .featured_ads .top_header { font-size: 40px; line-height: 40px; color: #000; text-transform: uppercase; font-weight: normal; margin-bottom: 20px; } .featured_ads .list tr.item img { max-width: 100%; } .featured_ads .list tr.item .field_brandmodel a { font-weight: normal; font-size: 16px; text-transform: uppercase; color: #565656; } .ad_rotator .list_horizontal tr.item td { width: 20% !important; float: left; } header nav > ul > li.menu > a { display: none; } header nav > ul li.blog { position: relative; } header nav > ul li.blog .blog_dropdown li:not(:first-of-type) { border-top: 1px solid #ddd; } header nav > ul li.blog .blog_dropdown li a:hover { color: #000; border-left: 4px solid #000; text-decoration: none; } header nav > ul li.blog .blog_dropdown li a { font-weight: 400; width: 100%; display: inline-block; text-transform: uppercase; text-align: center; border-left: 4px solid transparent; } header nav > ul li.blog .blog_dropdown li { line-height: 68px } header nav > ul li.blog .blog_dropdown { position: absolute; min-width: 200px; top: 75px; box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.2); background: #fff; opacity: 0; visibility: hidden; } input.button { background-color: #000; border-color: #000; } .content_tellafriend { margin-top: 20px; float: left; width: 40%; margin-bottom: 20px; } .content_tellafriend:after { content: ""; clear: both; display: table; } .content_tellafriend button { font-size: 16px; background-color: #ffcd11; border: 1px solid #ffcd11; color: #000; padding: 5px; } .content_tellafriend button:hover { background-color: #000; border-color: #000; color: #fff; } #overlay .emailHeader span { background-image: none !important; background-color: #ffcd11 !important; color: #000 !important; } .section_box1 input[type='text'] { height: 30px; min-width: 250px; } #overlay .emailBox { border-radius: 0px !important; max-width: 90%; } #overlay { z-index: 999999999 !important; } #overlay, #overlay .emailBox { overflow-y: scroll; -webkit-overflow-scrolling: touch; } #overlay .emailHeader a#close { color: #000 !important; border-color: #000 !important; border-radius: 0px !important; } .content_tellafriend button i { margin-left: 4px; } .content_tellafriend input[type='button'] { display: none; } .search_results_summary { width: 50%; float: left; } .search_results_summary { font-size: 22px; line-height: 40px; } .inventory-updates svg, .inventory-updated svg { margin-right: 3px; } .page_search .inventory-updates { text-align: right; line-height: 40px; height: 100%; white-space: nowrap; } .page_search .inventory-updates svg { fill: #005B99; } .page_search .inventory-updates > a { text-decoration: none; display: inline-block; } .page_search .inventory-updates > a span { text-decoration: underline; display: inline-block; line-height: 28px; } .page_search #saveSearchMessage { font-weight: bold; color: #000; } .page_search .searchHeader .search_results_summary { width: calc(100% - 100px); display: inline-flex; } .page_search .searchHeader .search_results_summary span { padding-right: 5px; } .page_search .searchHeader .cell1 { width: 110px; display: inline-flex; text-align: right; } .page_search .current_filters .top_header { display: block; font-style: normal; font-weight: bold; line-height: normal; font-size: 14px; color: #333333; padding-left: 0px; } .page_search .current_filters .top_header i { display: none; } .page_search .current_filters { box-sizing: border-box; border-color: #bbb !important; border-radius: 0px; position: relative; width: auto; display: inline-block; border: none; min-height: 25px; line-height: 25px; margin: 0; vertical-align: text-bottom; padding: 0; display: none; } .page_search .current_filters div.clearSearchResults { display: block; /* width: 111px; */ /* height: 44px; */ float: left; /*! margin: 10px 5px 5px 5px; */ padding-top: 2px; margin-top: 4px; } .page_search .search_facets .top_header { padding-left: 2px; } .page_search .current_filter { border: none; height: 100%; border-radius: 20px; padding: 0px 10px; margin-right: 10px; margin-top: 4px; } .page_search .current_filters .top_header, .page_search .search_facets .top_header { background-color: transparent; } .page_search .current_filter .header, .page_search .search_facet .header { background-color: #efefef; border-left-color: transparent; border-right-color: transparent; margin-top: -1px; } .current_filter .item { float: left; padding: 0px; width: 100%; } .page-search .saveSearch { width: 393px; } .page_search .saveSearch .saveSearch-remainder { display: flex; } .page_search .saveSearch .input-group { padding: 0px 25px 15px 85px; margin-top: -35px; } .page_search .saveSearch .input-group > div select { width: 155px; height: 34px; float: left; -webkit-appearance: menulist-button; text-transform: capitalize; } .page_search .saveSearch .input-group > div input { border: 1px solid #BDBDBD; box-sizing: border-box; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 3px 0 0 3px; border-right: none; width: calc(100% - 155px); height: 34px; border-right: 0px; padding-left: 10px; box-sizing: border-box; float: left; } .page_search .saveSearch .input-group > div span.input-group-btn { background: #FFCD11; border: 1px solid #BF9A0D; box-sizing: border-box; border-radius: 0 3px 3px 0; } .page_search .saveSearch .input-group > div span.input-group-btn button { border: none; font-style: normal; font-weight: bold; line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; width: 103px; text-align: center; color: #332903; } .page_search .saveSearch .input-group > div span.input-group-btn button:disabled { color: #868686 !important; pointer-events: none; } .page_search .saveSearch .input-group > div span.input-group-btn:hover button { color: #FFCD11; background: #000; } .page_search .saveSearch .input-group > div span.input-group-btn:hover { background: #000; } .page_search .saveSearch .saveSearch-remainder img.saveSearch-text { padding: 25px 2px 2px 25px; width: 75px; height: 75px; } .page_search .saveSearch .saveSearch-remainder div.saveSearch-text { font-weight: normal; line-height: normal; font-size: 16px; color: #333333; padding: 8px 25px 17px 10px; margin-bottom: 20px; max-width: calc(100% - 75px) } .page_search .search_facets > .top_header i.fa-reorder { display: none !important; } .page_search .search_facets > .top_header i.fa-angle-up, .page_search .search_facets > .top_header i.fa-angle-down { top: -4px; } .page_search .current_filter .header { font-weight: bold; } .page_search .current_filter div.header::after { content: ':'; } .page_search .search_facet .content { border: none; } .seo_text_content h2 { text-transform: none; margin-bottom: 5px; margin-top: 10px; font-size: 24px; font-weight: bold; } .seo_text_content h3 { margin-bottom: 5px; margin-top: 10px; font-size: 22px; font-weight: bold; } .seo_text_content h4 { font-weight: bold; } .seo_text_content p { font-size: 15px; } .page_search #layout_middle_column2 h1.main_header { /*display: none;*/ text-align: left; /* border-top: 1px solid #E0E0E0; */ font-size: 30px; line-height: 30px; margin-top: 0px; margin-bottom: 10px; padding-left: 15px; } .page_search #layout_middle_column2 .seo_text_box { padding-left: 15px; padding-right: 15px; } .page_search #layout_middle_column2 #path + div.saveSearch { margin-top: 40px; } .page_search #layout_middle_column2 h1.main_header + div.saveSearch { margin-top: 0px; } .page_search .saveSearch { width: 100%; position: relative; float: none; margin-bottom: 10px; background: #F2F2F2; border-left: 4px solid #FFCD11; } .current_filter, .search_facet { margin-top: 0px; } .current_filter .header, .search_facet .header { border: none; } .cat-certified { float: left; width: 100%; } .page_product #layout_middle_column2 .detailsHeader .navigator span.larger { font-size: 1em; } .page_contact #layout_middle_column2 > div { float: left; width: 50%; } .companyPart_odd, .companyPart_even { border-top: 1px dotted gray; margin-bottom: 10px; margin-top: 10px; } .page_contact #layout_top, .page_login #layout_top { padding-bottom: 10px; } #login_form { display: block; } .quick_search_form .top_header { display: none; } .searchInject .search_field_q { display: table-cell; width: 100%; } .searchInject .search_button { display: table-cell; width: 100%; } .TextBox.search_input { width: 100%; } .searchInject .search_button { display: table-cell; width: 100%; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group .form-control { width: 100%; margin-bottom: 0; } header nav > ul > li.search .location a { color: #000; display: inline; height: auto; } .searchInject .button { font-weight: bold !important; background-color: #ffcd11; height: 40px; border-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 16px !important; font-weight: normal; line-height: 1.428571429; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #ffcd11; color: #333; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; width: 120px; border-radius: 0px 3px 3px 0px; text-transform: uppercase; } .searchInject .button:disabled, .searchInject .button.disabled { color: #868686 !important; } .disabled { cursor: not-allowed; pointer-events: none; } .item.disabled { opacity: 0.7; cursor: not-allowed; pointer-events: none; } .searchInject .TextBox { width: 100%; height: 34px; padding: 6px 0px 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #E3B60B; border-right-width: 0px; border-right-style: solid; border-right-color: #E3B60B; border-radius: 3px 0px 0px 3px; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background-color: #fff; color: #888; height: 40px; } .searchInject .search_field_q::after { } .quick_search_form { background-color: transparent; } header .searchInject .search_form_fields { box-shadow: 0px 0px 7px #333; width: 100%; display: flex; } header .searchInject .search_form_fields .inputResponsive { overflow: auto; /*width: calc(100% - 120px);*/ width: 100%; overflow: hidden; } #search_results .cell_image { width: 144px; } .sticker-wrap { position: fixed !important; bottom: 0px; left: 0px; display: block; background: #fff; z-index: 9998; padding: 10px 20px !important; width: 100%; } .staticcontact { background: none repeat scroll 0 0 #fff; display: block; padding: 10px 20px !important; position: relative; width: 100%; z-index: 9998; float: left; } a.primary-button { background: none repeat scroll 0 0 #ffcd11; color: white; float: left; padding: 8px; margin-right: 1%; text-align: center; vertical-align: middle; width: 49%; } .page_product .shareButton { text-align: right; margin-top: 10px; display: none; } .page_product .shareButton a { line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; background: #F2F2F2; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 3px; color: #000000; padding: 5px 25px; font-weight: bold; } .page_content #page_wrapper { margin-top: 68px; } .page_content #layout_middle .naviBackground { display: none; } .page_content form #layout_middle .contentArea > h1 { display: none; } .page_content hr { border-top: 1px #999 solid !important } .page_content .sitemap-catalog { float: left; padding: 10px 30px 10px 0px; box-sizing: border-box; width: 25%; } .page_content a.btn.btn-primary { background-color: #ffcd11; color: #000000 !important; border-color: #ffcd11; border-radius: 0px; } .page_content a.btn.btn-primary:hover { background-color: #000; color: #2679b8 !important; border-color: #000; border-radius: 0px; } .page_content .tfn.title .eyebrow > a { color: #2f2f2f !important; } .page_content h2, .page_content h3, .page_content h4, .page_content h5, .page_content h6 { color: #000; } .page_content form[action*="content=usedProducts"] > .aem-Grid.aem-Grid--12.aem-Grid--default--12, .page_content form[action*="content=used"] > .aem-Grid.aem-Grid--12.aem-Grid--default--12 { display: none; } .container-fluid img { max-width: 100%; } .page_content .content-module.content-module-secondary a:hover { background-color: #6f6f6f !important; color: #ffcd11 !important; border-color: #6f6f6f !important; text-decoration: none; } .page_content div.callToAction > .tfn.cta.cta--light .button.button-secondary:hover { color: #ffcd11 !important; } .page_content div.callToAction > .tfn.cta.cta--light .button.button-secondary { color: #FFFFFF !important; } .page_content .content-module.content-module-secondary a { background-color: #000000; color: #FFFFFF !important; border-color: #000000; color: #fff; border: 1px solid #565656; text-transform: uppercase; font-weight: normal; font-style: normal; font-size: 13px; line-height: 16px; padding: 6px 14px; border-radius: 0; display: inline-block; float: none; position: static; text-align: center; vertical-align: middle; } .span6.pull-right header { display: none !important; } .page_content .multi-media header, .page_content .deg .multi-media header { border-bottom: none; position: relative !important; z-index: 1 } .page_content form[action*="content=tenSteps"] .iparsys.parsys, .page_content form[action*="content=fiveAreas"] .iparsys.parsys, .page_content form[action*="content=eppHasYouCovered"] .iparsys.parsys, .page_content form[action*="content=dealerSupport"] .iparsys.parsys, .page_content form[action*="content=considerConsignment"] .iparsys.parsys, .page_content form[action*="content=insideInspection"] .iparsys.parsys, .page_content form[action*="content=knowYourResources"] .iparsys.parsys, .page_content form[action*="content=peaceOfMind"] .iparsys.parsys, .page_content form[action*="content=catCertifiedUsed"] .iparsys.parsys, .page_content form[action*="content=threeReasons"] .iparsys.parsys, .page_content form[action*="content=usedProducts"] #page_wrapper, .page_content form[action*="content=used"] #page_wrapper, .page_content form[action*="content=used"] .inheritedExperienceFragment.experiencefragment, .page_content form[action*="content=usedProducts"] .inheritedExperienceFragment.experiencefragment, .page_content form[action*="content=used"] div.cmp-breadcrumb, .page_content form[action*="content=usedProducts"] div.cmp-breadcrumb, .page_content form[action*="content=used"] .contentArea, .page_content form[action*="content=usedProducts"] .contentArea { display: none !important; } .page_content form[action*="content=used"] #layout_wrapper, .page_content form[action*="content=usedProducts"] #layout_wrapper { max-width: none; padding: 0px; } .page_content form[action*="content=tenSteps"] > #path, .page_content form[action*="content=fiveAreas"] > #path, .page_content form[action*="content=eppHasYouCovered"] > #path, .page_content form[action*="content=dealerSupport"] > #path, .page_content form[action*="content=considerConsignment"] > #path, .page_content form[action*="content=threeReasons"] > #path, .page_content form[action*="content=catCertifiedUsed"] > #path, .page_content form[action*="content=peaceOfMind"] > #path, .page_content form[action*="content=knowYourResources"] > #path, .page_content form[action*="content=insideInspection"] > #path, .page_content form[action*="content=usedProducts"] > #path, .page_content form[action*="content=used"] > #path { height: 0px !important; display: block; overflow: auto; } .page_content header { margin-top: 0px !important; } .page_content form > #path a.firstLink { margin-left: 0px; } .page_content form > #path { display: none; padding: 0 10px; } .page_content form[action*="content=cookies"] #layout_top { display: block; } .page_content form[action*="content=cookies"] h1 { padding: 23px 0px; } .page_content form[action*="content=cookies"] #CookieTable > thead > tr > th { border-bottom-width: 1px; } .page_content form[action*="content=sitemap"] .contentArea { display: none; } .page_content form[action*="content=sitemap"] ul { list-style: none; padding-left: 0px; } .page_content form[action*="content=sitemap"] #layout_top { display: block; } .page_content form[action*="content=sitemap"] a:hover { color: #000; } .page_content form[action*="content=sitemap"] h1 { padding: 23px 0px; } .page_content form[action*="content=sitemap"] .sitemap-catalog > p { border-bottom: 2px solid rgba(0,0,0,.125); } .page_content form[action*="content=sitemap"] .sitemap-catalog > p a { font-size: 24px; font-weight: bold; text-decoration: none; } .page_content form[action*="content=sitemap"] ul.sitemap-subcategory > li { padding: 2px 15px 2px 10px; margin: 0px; } .page_content form[action*="content=sitemap"] .sitemap-catalog:first-child { margin-top: 0px; } .page_content form[action*="content=sitemap"] ul.sitemap-category > li:first-child { padding-top: 0px } .page_content form[action*="content=sitemap"] ul.sitemap-category > li > a { font-weight: bold; font-size: 18px; } .page_content form[action*="content=sitemap"] ul.sitemap-subcategory > li > a { font-size: 16px; text-decoration: none; } .page_content form[action*="content=sitemap"] ul.sitemap-category > li { padding-top: 10px; padding-bottom: 5px; } .page_content form[action*="content=sitemap"] .sitemap-column { width: calc(50% - 2px); display: inline-block; vertical-align: top; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner { background-image: url(/sites/cat/images/contentMain.png); background-size: auto 100%; height: 371px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner .container { padding: 38px 0 0 100px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner div { line-height: 67px; font-size: 36px; text-transform: uppercase; color: #FFFFFF; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner div.header { line-height: 67px; font-size: 64px; text-transform: uppercase; width: 500px; color: #FFFFFF; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner div > a { line-height: normal; font-size: 20px; text-align: center; text-transform: uppercase; padding: 15px 50px; color: #000000; background: #FECC11; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 3px; font-weight: bold; margin-top: 20px; display: inline-block; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner > div:last-child { } .page_content form #layout_middle .contentArea > .content, .page_content form #layout_middle .valuepageContentArea > .content { margin-bottom: 100px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea { max-width: 1500px; margin: auto; padding: 0 120px; } .page_content form #layout_middle .contentArea .content table { width: 100%; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table { height: 320px; margin-bottom: 30px; width: 100%; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table td { vertical-align: top; padding-top: 32px; } .page_content form[action*="content=main"] #layout_middle .content .row1 td.left, .page_content form[action*="content=main"] #layout_middle .content .row2 td.left { width: 40%; } .page_content form[action*="content=main"] #layout_middle .content .row1 td.right, .page_content form[action*="content=main"] #layout_middle .content .row2 td.right { width: 60%; } .page_content form[action*="content=main"] #layout_middle .content tr td .header { line-height: normal; font-size: 30px; text-transform: uppercase; color: #333333; padding-bottom: 20px; } .page_content form[action*="content=main"] #layout_middle .contentArea .content tr td .content { font-family: 'Inter UI'; font-style: normal; font-weight: normal; line-height: normal; font-size: 15px; color: #333333; } .page_content form[action*="content=main"] #layout_middle .contentArea .content tr td > a { line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; color: #000000; background: #FECC11; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 3px; padding: 5px; width: 60%; display: inline-block; font-weight: bold; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row2 td.right { background-image: url(/sites/cat/images/row2.png); background-size: auto 100%; background-repeat: no-repeat; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row3 td.right { background-image: url(/sites/cat/images/row3.png); background-size: auto 100%; background-repeat: no-repeat; text-align: left; padding-left: 300px; padding-right: 25px; width: 70%; border-left: 16px solid #FFF; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row3 td.right div.header, .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row3 td.right div.content { color: #fff; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row3 td.left { background: #C4C4C4; width: 30%; text-align: center; padding-bottom: 10px; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row3 td.left .content { text-align: left; padding: 25px; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row4 td.left { width: 70%; border-right: 16px solid #fff; color: #fff; background: #C4C4C4; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row4 td.right { background: #C4C4C4; width: 30%; padding-left: 36px; padding-right: 36px; } .page_content form[action*="content=main"] #layout_middle .content .row5 td.right { width: 40%; background-image; } .page_content form[action*="content=main"] #layout_middle .content .row5 td.left { width: 60%; border-right: 16px solid #fff; background: #C4C4C4; background-image: url(/sites/cat/images/row2.png); background-size: auto 100%; background-repeat: no-repeat; } .page_content form[action*="content=article"] #layout_middle .content .container { margin: 0px 40px; } .page_content form[action*="content=article"] #layout_middle .content table { margin-top: 45px; } .page_content form[action*="content=article1"] #layout_middle .contentArea .headBanner { background-image: url(/sites/cat/images/article1.png); background-size: auto 100%; height: 171px; } .page_content form[action*="content=article"] #layout_middle .content .row1 td.left .header { line-height: 34px; font-size: 36px; text-transform: uppercase; color: #333333; width: 700px; margin: auto; text-align: left; border-bottom: 5px solid #FFCD11; padding-bottom: 10px; } .page_content form[action*="content=article1"] #layout_middle .content .row2 td { } .page_content form[action*="content=article1"] #layout_middle .content .row2 td.left { background-image: url(/sites/cat/images/article1content.png); background-size: auto 100%; background-repeat: no-repeat; height: 330px; max-width: 497px; width: 497px; } .page_content form[action*="content=article"] #layout_middle .content table td .content { line-height: normal; font-size: 18px; padding-left: 16px; color: #000000; } .page_content form[action*="content=article"] #layout_middle .content table td .content h3 { font-weight: bold; line-height: normal; font-size: 18px; margin-bottom: 0px; } .page_content form[action*="content=article1"] #layout_middle .content table.row3 td .content { width: 700px; margin: auto; } .page_content form[action*="content=article"] #layout_middle .content table.row5 .right { text-align: center; } .page_content form[action*="content=article"] #layout_middle .content table.row5 .right .header { width: 700px; margin: auto; line-height: normal; font-size: 36px; text-transform: uppercase; color: #000000; } .page_content form[action*="content=article"] #layout_middle .content table.row5 .right a { line-height: normal; font-size: 20px; text-align: center; text-transform: uppercase; padding: 15px 50px; color: #000000; background: #FECC11; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 3px; font-weight: bold; margin-top: 20px; display: inline-block; } .page_content form[action*="content=article2"] #layout_middle .contentArea .headBanner { background-image: url(/sites/cat/images/article2.png); background-size: auto 100%; height: 171px; } .page_content form[action*="content=article2"] #layout_middle .content .row3 td.left { background-image: url(/sites/cat/images/article2content.png); background-size: auto 100%; background-repeat: no-repeat; height: 313px; width: 100%; } .page_content form[action*="content=article2"] #layout_middle .content td > .content { width: 700px; margin: 0px auto; } .page_content form[action*="content=article"] #layout_middle .contentArea .contentNav { display: flex; margin-top: 7px; } .page_content form[action*="content=article"] #layout_middle .contentArea .contentNav a { font-style: normal; font-weight: bold; line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; color: #4F4F4F; border-radius: 3px; padding: 5px 20px; border: 1px solid #2B3C46; } .page_content form[action*="content=article"] #layout_middle .contentArea .contentNav a:first-child i, .page_content form[action*="content=article"] #layout_middle .contentArea .contentNav a:nth-child(2) i { padding-right: 20px; } .page_content form[action*="content=article"] #layout_middle .contentArea .contentNav a:last-child i { padding-left: 20px; } .page_content form[action*="content=article"] #layout_middle .contentArea .contentNav a:last-child { width: 190px; margin-left: 20px; } .page_content form[action*="content=article"] #layout_middle .contentArea .contentNav a:first-child { margin-right: calc(100% - 273px - 400px); } .page_content form[action*="content=main"] #layout_middle .contentArea .shareLinks { text-align: right; margin-top: 10px; color: #C4C4C4; text-transform: uppercase; } .page_content form[action*="content=main"] #layout_middle .contentArea .shareLinks a { color: #C4C4C4; padding: 2px; } .page_content form #layout_middle .contentArea .shareButton { text-align: right; margin-top: 10px; } .page_content form #layout_middle .contentArea .shareButton a { line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; background: #F2F2F2; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 3px; color: #000000; padding: 5px 30px; font-weight: bold; } .page_content form #layout_middle .contentArea > .content .shareButton a { line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; background: #F2F2F2; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 3px; color: #000000; padding: 5px 30px; display: inline-block; width: 100%; font-weight: bold; } .page_content form #layout_middle .contentArea > .content .shareButton { text-align: center; } .page_content form #layout_middle .shareButton { display: none; } .page_content form[action*="content=valuePage"] #layout_wrapper { width: 100%; padding: 0px; } .page_content form[action*="content=valuePage"] #layout_wrapper .contentArea, .page_content form[action*="content=main"] #layout_wrapper .valuepageContentArea, .page_content form[action*="content=article1"] #layout_wrapper .valuepageContentArea, .page_content form[action*="content=article2"] #layout_wrapper .valuepageContentArea { display: none; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .headBanner .container div { line-height: 5vw; font-size: 3.8vw; text-transform: uppercase; color: #FFFFFF; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea > .content { margin-left: 50px; margin-right: 50px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content table { border-bottom: 1px solid #000; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .headBanner { background-image: url(/sites/cat/images/ValuepageHero.jpg); background-repeat: no-repeat; background-size: contain; height: 30vw; padding: 25px 50px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content tr { display: block; padding: 30px 0px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content .row2 { display: none; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content td.left .header { line-height: normal; font-size: 1.8vw; text-transform: uppercase; color: #333333; padding-bottom: 15px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content .row3 td.right { background-image: url(/sites/cat/images/TileImage1.jpg); } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content .row4 td.right { background-image: url(/sites/cat/images/TileImage2.jpg); } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content .row5 td.right { background-image: url(/sites/cat/images/TileImage3.jpg); } /* CN */ .language_zh.page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content .row3 td.right { background-image: url(/sites/cat/images/CN/TileImage1.jpg); } .language_zh.page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content .row4 td.right { background-image: url(/sites/cat/images/CN/TileImage2.jpg); } .language_zh.page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content .row5 td.right { background-image: url(/sites/cat/images/CN/TileImage3.jpg); } /* END OF CN */ .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content td.left { width: 50%; vertical-align: top; padding-right: 40px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content td.right { width: 50%; background-position: top right; background-size: contain; background-repeat: no-repeat; vertical-align: top; } .language_zh.page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content td.right { height: 250px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content .row1 td.left { width: 100%; height: auto; padding: 10px 0; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content .row1 td.right { display: none; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content td.left .content { font-family: 'Inter UI'; font-style: normal; font-weight: normal; line-height: normal; font-size: 1.1vw; color: #333333; padding-right: 40px; padding-bottom: 10px; } .page_content formform[action*="content=valuePage"] #layout_middle .valuepageContentArea .shareButton { display: none; } header .customUserSettings .location_selection, .customUserSettings .language_selection, .customUserSettings .currency_selection, .customUserSettings .unitSystem_selection { width: auto; float: right; display: flex; margin-left: 5px; line-height: 50px; } header li.preference div.customUserSettings .content #country_selection_select { width: 160px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } header .customUserSettings span.dropdown { color: #fff; } header li.preference div.customUserSettings .content input[type=text], header li.preference div.customUserSettings .content select { font-style: normal; font-weight: normal; line-height: normal; font-size: 12px; color: #F2F2F2; border: none; // background: #000; } header li.preference div.customUserSettings .content input[type=text]:-webkit-autofill { border: none !important; background-color: #000 !important; } header li.preference div.customUserSettings .unitSystem_selection { display: none; } header li.preference div.customUserSettings { width: 100%; } #search_results .list tr.item div.resultInfo div.resultContent > td { overflow: hidden; } .footBottom ul li a.social-icon { padding-left: 20px; display: block; background: url(/sites/cat/images/social-images.png) no-repeat; float: right; } .footBottom ul li a.social-icon.fb { background-position: 0 0; } .footBottom ul li a.social-icon.gp { background-position: 0 -18px; } .footBottom ul li a.social-icon.ln { background-position: 0 -36px; } .footBottom ul li a.social-icon.tw { background-position: 0 -54px; } .footBottom ul li a.social-icon.yt { background-position: 0 -72px; } .footBottom ul { list-style-type: none; } .footBottom ul li { list-style-type: none; } .footBottom ul li a { text-decoration: none; text-align: center; font-style: normal; font-weight: bold; line-height: normal; font-size: 10px; } .footBottom .right .socialLinkage td a { width: 32.33%; text-align: left; font-style: normal; font-weight: bold; line-height: normal; font-size: 10px; color: #332117; } .footBottom .right .socialLinkage td i { text-decoration: none; text-align: left; font-family: FontAwesome; line-height: normal; font-size: 18px; text-align: center; color: #332117; } .footBottom .right .socialLinkage p { line-height: normal; font-size: 14px; text-transform: uppercase; margin: 0px; color: #333333; text-align: left; padding-left: 10px; } .footBottom .right .socialLinkage tr { background: #F7C610; border-radius: 5px; width: 110px; height: 29px; margin: 10px 10px 0px 10px; display: inline-block; } .footBottom .right .socialLinkage tr td { height: 29px; vertical-align: middle; padding-left: 8px; } .socialLinkage { min-width: 391px; width: 391px; padding-bottom: 5px; } .saveSearch a.button .button_top, .saveSearch .button_top .start, .saveSearch .button_top .end, .saveSearch a.button .button_bottom, .saveSearch .button_bottom .start, .saveSearch .button_bottom .end { background-image: none !important; } .button_content { background-image: none; background-color: transparent; color: #FFFFFF; } .page_search .saveSearch .button_content { border: none; font-style: normal; font-weight: bold; line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; width: 103px; text-align: center; color: #332903; padding: 0px; } .page_search .saveSearch .button_content:hover { color: #FFCD11; } .selection-modal-closed .item:hover { text-decoration: none; } .page_search .selection-modal-btn { margin: 5px 0px 5px 10px; font-weight: lighter; border-left: 1px solid #ccc; padding-left: 10px; display: inline-block; height: 30px; line-height: 30px; } .page_search .selection-modal { display: block; z-index: 999999; -webkit-transform: translate3d(0,0,0); } .selection-modal .selection-modal-content { padding: 20px; margin: 50px auto; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; max-height: 90%; max-width: 90%; overflow: hidden; width: 790px; height: 500px; padding-top: 45px; position: relative; z-index: 99999; } .selection-modal-content .title { padding: 0; } .selection-modal-content .indent1 { padding-left: 20px; } .selection-modal-content .indent2 { padding-left: 40px; } .page_search .selection-modal .selection-modal-content .selection-modal-content-body { -webkit-overflow-scrolling: touch; } .page_search .selection-modal .selection-modal-content .selection-modal-content-footer { padding: 20px 0px; text-align: right; display: block; } .page_search .selection-modal .selection-modal-content .item:hover { background: inherit; cursor: pointer; } .page_search .selection-modal .selection-modal-content .item { margin-bottom: 10px; } .page_search .selection-modal .selection-modal-content .item .checkBoxText { margin-left: 0; padding-left: 30px; vertical-align: initial; } .page_search .selection-modal .selection-modal-content .item .count { vertical-align: initial; } .page_search .selection-modal .selection-modal-content .selection-modal-content-header a { background: transparent; color: #ccc; font-size: 23px; text-decoration: none; height: 30px; line-height: 30px; } .page_search .selection-modal-content-footer .button.main-color-light { margin-right: 10px; } .page_search .selection-modal-content-footer .button { width: 125px; text-align: center; } .page_search .checkBoxText:hover { text-decoration: underline; } .page_search .search_facet .count:hover { text-decoration: none; } .selection-modal .selection-modal-content .item input[type="checkbox"] { z-index: 1; left: 0; width: 100%; height: 100%; } .selection-modal .selection-modal-content .item .custom-checkbox { display: inline-block; z-index: 0; } #selection-modal-uname.selection-modal .item, #selection-modal-accessorylist.selection-modal .item { height: 60px; overflow: hidden; } .selection-modal .selection-modal-content { padding-top: 55px; } #Master_MasterBody .ui-autocomplete { position: fixed !important; } #Master_MasterBody .ui-autocomplete .ui-menu-item { color: #444; } span.search-suggestions-term { color: #ffcd11 !important; } #condition_info, #related_products, #power_rating, #spec_check { width: 100%; float: left; } #condition_info table, #power_rating table, #spec_check table { width: 100%; border-collapse: collapse; position: relative; } #condition_info .condition-info-data span.conditionRound, #condition_info .condition-level td span { display: inline-block; width: 10px; height: 10px; background-color: #000; border-radius: 5px; margin: 2px; } #condition_info .condition-info-data .condition-info-data-value { overflow: auto; } #condition_info .condition-info-data > span { display: block; padding-bottom: 3px; } #condition_info .condition-info-data > span img, #condition_info .condition-level td > div > div img { height: 12px; margin: 2px; } #condition_info .condition-level td { padding-top: 10px; border-bottom: 1px solid #cecece; } #condition_info .condition-level td { } #condition_info .condition-level td > div { /*width: calc(28% - 10px);*/ min-width: 20%; padding-right: 10px; float: left; } #condition_info .condition-level td > div > div { padding: 10px 0; height: 42px; } .page_product #related_products div.header { background-color: transparent; padding-top: 8px; padding-bottom: 8px; font-size: 16px; border-bottom: 1px solid #000; color: #000; text-transform: uppercase; font-weight: bold; } .page_product #related_products .relatedItemList { width: 40%; float: left; list-style: none; padding-left: 0px; } .page_product #related_products .relatedItemList li { width: calc(33.33% - 10px); padding: 5px; float: left; height: 80px; } .page_product #related_products .relatedItemList li img { display: inline-block; width: 100%; cursor: pointer; } .page_product #related_products .data_details { width: 60%; float: left; } .page_product #productImageZoom { position: absolute; border: 1px solid #d4d4d4; width: 300px; height: 225px; left: 100%; top: calc(100% - 225px); z-index: 1; } #Master_MiddleColumn2_productslideshow_imgMain:hover { cursor: zoom-in; } .page_product .img-zoom-lens { position: absolute; border: none; /*set the size of the lens:*/ width: 100px; height: 75px; } .page_product #related_products .data_details .item { border-top: 1px solid #CCCCCC; } .page_product #related_products .data_details .item:last-child { border-bottom: 1px solid #CCCCCC; } .page_product #related_products .data_details td.header { width: 100%; display: block; cursor: pointer; font-style: normal; font-weight: normal; line-height: normal; font-size: 14px; color: #333333; padding: 10px 0; font-weight: bold; } .page_product #related_products .data_details td.header i { float: right; font-size: 20px; padding-right: 5px; } .page_product #related_products .data_details td.header i.active { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari 3-8 */ transform: rotate(90deg); padding: 3px 10px; } .page_product #related_products .data_details td.content { width: 100%; display: none; } .page_product #related_products .data_details td.content.active { display: block; } .page_product #related_products .data_details td.content img { width: 40%; padding: 10px; float: left; } .page_product #related_products .data_details td.content ul { width: 60%; padding: 10px; float: left; list-style: none; } .page_product #related_products .data_details td.content ul li { padding: 5px 10px; } #related_products tr.item td ul li a:hover, #spec_check tr.item ul li a:hover { color: #ffcd11; } #condition_info table tr.header td, #related_products table tr.header td, #power_rating table tr.header td, #spec_check table tr.header td { padding: 2px; font-weight: bold; background-color: transparent; padding-top: 8px; padding-bottom: 8px; font-size: 16px; border-bottom: 1px solid #000; color: #000; text-transform: uppercase; } #condition_info table tr.item td.header, #power_rating table tr.item td.header, #spec_check table tr.item td.header { width: 176px; font-weight: bold; text-transform: capitalize; vertical-align: top; } #condition_info table tr.header-selector ul { list-style: none; padding: 0px; } #condition_info table tr.header-selector td { padding: 10px 0px; border-bottom: 1px solid #cecece; } #condition_info table tr.header-selector ul:after, #related_products table tr.header-selector ul:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } #condition_info table tr.header-selector ul li { padding: 10px 15px; float: left; background: #E0E0E0; text-transform: uppercase; font-weight: bold; border: 1px solid #fff; user-select: none; } .page_product #condition_info table tr.header-selector ul li:hover { cursor: pointer; text-decoration: underline; } #condition_info tr.item > td { border-bottom: 1px solid #ccc; padding: 2px; padding-top: 10px; padding-bottom: 10px; } #condition_info tr.item td ul { list-style: none; padding: 0px; width: 100%; } #condition_info tr.item td ul li { width: 50%; float: left; padding-bottom: 5px; } #condition_info tr.item td ul li label { margin-bottom: 0px; text-transform: uppercase; } #condition_info tr.item td ul li div { line-height: 15px; margin-bottom: 5px; color: #666; /*text-transform: capitalize;*/ } #condition_info .condition-info-value-good span, #condition_info .condition-level .levelContent.good span { background-color: #60d261 !important; } #condition_info .condition-info-value-fair span, #condition_info .condition-level .levelContent.fair span { background-color: #FECC11 !important; } #condition_info .condition-info-value-poor span, #condition_info .condition-level .levelContent.poor span { background-color: #f44f4f !important; } .cell-table tr td { } .cell-table thead tr td { font-weight: bold; line-height: 11px; padding-bottom: 10px; letter-spacing: -0.04rem; text-transform: uppercase; font-size: 11px; vertical-align: top; } .cell-table thead tr td:nth-child(6) { width: 80px; } .cell-table thead tr td:nth-child(7) { width: 80px; } .cell-table tbody tr td { padding: 5px; border-right-style: dashed; border-right-width: 1px; border-right-color: #BDBDBD; } .cell-table tbody tr td:first-child { padding-left: 10px; font-weight: 600; } .cell-table tbody tr:nth-child(2n+1) { background-color: #F2F2F2; } /*.cell-table tbody tr td:nth-child(5) { border-right: 0px;} .cell-table tbody tr td:nth-child(6) { border-right: 0px;} .cell-table tbody tr td:nth-child(7) { border-right: 0px;} */ #related_products .data img { width: 100%; padding: 10px; } #related_products tr.item td ul { position: relative; width: 100%; } #related_products tr.item td ul li a:hover, #spec_check tr.item ul li a:hover { color: #ffcd11; } #spec_check tr.item td ul { padding-left: 15px; } #spec_check tr.item td img { float: none; width: 200px; max-width: 100%; } #spec_check tr.item td { line-height: 30px; padding: 2px; padding-left: 10px; border-bottom: 1px solid #ccc; } #eloqua_form + .sellersendform { display: none !important; visibility: hidden !important; } #eloqua_consent_checkbox { margin-right: 3px !important; } #eloqua_form { padding: 10px; } #eloqua_form .header { padding-left: 0px; font-weight: bold; } #eloqua_form .contact_company, #eloqua_form .contact_name { margin-bottom: 10px; font-size: 16px; line-height: 18px; font-weight: bold; } #eloqua_form label { display: block; margin-bottom: 2px; } #eloqua_form label.radio { visibility: hidden; display: none; } #eloqua_form label.radio input { float: none; padding: 0px; } #eloqua_form input[type='text'], #eloqua_form select { width: 100%; border: solid 1px #E2E2E2; padding: 2px; color: #333333; font-size: 12px; margin-bottom: 10px; height: 30px; } span#Master_MiddleColumn3_productcontact_lblByPhone:hover, span#Master_MiddleColumn3_productcontact_lblByEmail:hover { cursor: pointer; } #eloqua_form input[type='submit'] { background-color: #000; border-color: #000; color: #fff; display: inline-block; padding: 6px 5px; text-transform: capitalize; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #eloqua_form .error-label { margin-top: -10px; } #eloqua_form legend { font-size: 1em; } #eloqua_form .span12.no_margin { text-align: right; } #eloqua_form .input_label { display: block; font-weight: bold; } #eloqua_form #ElqRdPhone { margin-left: 10px !important; } #eloqua_form .col2 { width: 100%; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .error-label { color: #FF5F01; display: block; } .error-message { color: #E50000; padding: 5px 0px; } input.error, select.error, textarea.error { background-color: #fff; border: solid 1px #E50000 !important; } .page_wantadagent #layout_middle_column2 { padding-top: 105px; padding-bottom: 30px; } #master_middlecolumn1_catsearchfacets_uname_box .item { text-transform: capitalize; } .tab_item { text-transform: capitalize; } .saveSearch .input-group { text-align: justify; } select { cursor: pointer; } .page_search .location img { width: 20px; padding-right: 5px; } .page_productprint .margin_bottom_large > .header, .page_productprint .margin_bottom_large .data_details tbody > tr.header { border-bottom: solid 2px #ccc; padding: 4px 4px 4px 0; background-color: transparent; padding-top: 8px; padding-bottom: 8px; font-size: 16px; color: #000; text-transform: uppercase; font-weight: bold; } .page_productprint .margin_bottom_large .data_details tbody > tr.item td { padding: 4px 4px 4px 0; } input[type="radio"], input[type="checkbox"] { margin: 0px !important; vertical-align: middle; } .dis-b { display: inline-block; text-decoration: underline; line-height: 13px; text-transform: capitalize; } .dis-b.link_dealer_ads { line-height: 20px; width: auto; } .dis-b.link_dealer_website { border-left: 2px solid black; padding-left: 25px; } .page_default .seo_text_box ul { list-style: none; } .page_default .seo_text_box .content2 ul { padding-left: 0px; } .page_default .seo_text_box .content1 .content_A6Y8T9 li { background: url('/Sites/RBClassified/images/checkmark_white.PNG') no-repeat left center !important; background-size: 18px !important; padding: 3px 0px 3px 27px !important; /*important tags due to styles in translations*/ } .page_default .seo_text_box .content1 li { /*background: url('/Sites/RBClassified/images/checkinspection_icon.png') no-repeat left top;*/ padding: 0px 0px 30px 85px; list-style: none; margin: 0; } .page_default .seo_text_box .content1 li:nth-child(1) { background: url('/Sites/RBClassified/images/rl_verifiedseller_RL_Grey.svg') no-repeat left top; background-size: 65px; } .page_default .seo_text_box .content1 li:nth-child(2) { background: url('/Sites/RBClassified/images/financial_1.svg') no-repeat left top; background-size: 70px; } .page_default .seo_text_box .content1 li:nth-child(3) { background: url('/Sites/RBClassified/images/location_3.svg') no-repeat left top; background-size: 65px; } .page_default .seo_text_box .content2 li { background: url('/Sites/RBClassified/images/checkmark.PNG') no-repeat left center; padding: 3px 0px 3px 27px; list-style: none; background-size: 18px; margin: 0; } .seo_text_content.container.content2 { margin-bottom: 20px; } .button.learnmore { background-color: #e87511; color: #fff; border-radius: 5px; padding: 0px 30px 0px 30px; height: 40px; line-height: 40px; display: block; width: 135px; } .button.learnmore.wide { width: 190px; } .seo_text_content.content5 img { width: 70%; margin: -40px 0; } /*Cookie box*/ .trustcookie { position: sticky; bottom: 0px; z-index: 900; pointer-events: none; } #truste-consent-content { pointer-events: auto; } @media (max-width:1401px) { header nav > ul > li.preference { height: 68px; padding-left: 5px; } header nav > ul > li.menu > ul > li > a { display: block; padding: 0 15px 0; } } @media (max-width:1338px) { .page_content .sitemap-catalog { width: 33.333%; } } @media (min-width:768px) and (max-width:1200px) { #search_results .list_vertical tr { width: calc(50% - 20px); } #search_results > .list .item:nth-child(3n+2) { margin-left: inherit; margin-right: inherit; } #search_results > .list .item:nth-child(2n+1) { margin-right: 20px; } #search_results > .list .item:nth-child(2n) { margin-left: 20px; } .page_product #layout_top #path a.firstLink { display: none; } } @media (max-width:1200px) { #search_results .list tr.item td.cell_benefits .field_benefits > span { width: 50%; } .page_product .productHeader > div .data { width: 100%; } .page_product .productHeader { height: auto; display: block; padding-top: 0px; } header li.search .searchInject { width: 620px; display: block; } .page_search #search_results .top_actions .cell2 { left: 0px; } .page_content #page_wrapper { margin-top: 139px; } div.banner { margin-top: 139px; } .trustcookie { position: fixed; } } @media (max-width:768px) { .page_content .sitemap-catalog { width: 100%; } #top-section .button { padding: 0px 5px; font-size: 15px; } #top-section .button i { font-size: 20px; padding-right: 5px; } .divider { height: 30px; margin: 20px 0px 10px 0px; } #search-placeholder .input { width: 66%; } #logo { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #search-placeholder { padding: 2% 0; } .search-form { width: 100%; } .page_search .current_filters { display: none; } .top_actions .facet-btn { width: calc(100% - 10px); height: 35px; line-height: 35px; border: 1px solid #ccc; border-radius: 10px; margin: 17px 0px; text-align: center; display: block; } .search_facets { display: none; position: fixed; z-index: 8888; top: 0; height: 100%; padding: 0; background: #fff; } .facet-body { height: calc(100vh - 110px); overflow-y: scroll; padding: 10px; } .facet-header { background-color: #f2f2f2; height: 40px; border-bottom: 1px solid #ccc; position: relative; } .facet-header .title { font-size: 16px; text-align: center; width: 100%; line-height: 40px; display: inline-block; } .facet-header .close-button { position: absolute; top: 0; z-index: 9999; right: 0; font-size: 35px; line-height: 40px; padding: 0px 15px; color: #999; text-decoration: none; } .facet-footer { background-color: #fff; border-top: 1px solid #ccc; height: 70px; position: fixed; bottom: 0px; width: 100%; z-index: 2; } .facet-footer .btn-group { align-items: center; height: 100%; justify-content: center; width: 100%; } .facet-footer .button.main-color-light { margin-right: 10px; width: 50%; } .facet-footer .button { width: 60%; text-align: center; padding: 0; } .selection-modal .selection-modal-content .item { width: 100%; display: inline-block; } #layout_top #path, #layout_top .current_filters { display: inline-block !important; } #layout_top { margin-left: 15px !important; } .page_search .saveSearch { display: block; } .page_search .inventory-updates { text-align: left; } .page_search .saveSearch .saveSearch-remainder, .page_search .saveSearch .input-group > div { width: 100%; } .page_search .saveSearch .input-group > div { padding-top: 0px; } .page_search .search_facet > .search_facet { display: none; } .page_product #layout_top a.backBtn { display: none !important; } .page_product #layout_middle a.backBtn { display: block !important; } .page_product #product-header #sticker { display: none !important; } .page_product #layout_top { display: block; } .page_product #layout_top #path { width: 100%; display: none; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row3 td.right { border: none; height: 300px; padding-left: 25px; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table { height: auto; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row2 td.right { height: 300px; } .page_content form[action*="content=main"] #layout_middle .content .row5 td.left { height: 300px; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table.row4 td.left, .page_content form[action*="content=main"] #layout_middle .content .row1 td.right { display: none; } .page_content form[action*="content=main"] #layout_middle .content .row5 td.left { border: none; } .page_content form[action*="content=main"] #layout_middle .contentArea .content table { margin-bottom: 0px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner .container { padding-left: 25px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner div { line-height: 45px; } .page_content form[action*="content=article1"] #layout_middle .content .row2 td.left { margin: 0 auto; } .page_content form[action*="content=article"] #layout_middle .content .row1 td.left .header, .page_content form[action*="content=article1"] #layout_middle .content table.row3 td .content, .page_content form[action*="content=article"] #layout_middle .content table.row5 .right .header, .page_content form[action*="content=article2"] #layout_middle .content td > .content { width: 100%; } .page_content form[action*="content=article"] #layout_middle .contentArea .contentNav { display: none; } .page_content form[action*="content=main"] #layout_middle .contentArea .shareLinks { display: none; } .page_content form #layout_middle .contentArea .shareButton { display: block; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea { padding: 0; } } /* Phone Landscape */ @media only screen and (max-device-width: 1024px) and (orientation: landscape) { #header { display: none; } #mobile-header { display: block; background-color: #f0f0f0; border-bottom: 2px solid #e87511; position: sticky; top: 0; z-index: 1000; height: 82px; } #mobile-header .button i { margin: 0; } .wrapper { margin: 10px 0px; } #top-section { display: none; } #top-section-img { display: none; } .page_search #page_wrapper { margin-top: 0; } .search-form { margin: 20px 0px; } /*.search-form .input { width: 100%; } .search-form .input input { border-radius: 0; margin-bottom: 10px; } .search-form .button.search { width: 100%; border-radius: 10px; } */ #search-section .text h2 { line-height: 45px; } .inventory-updates { text-align: left; } #layout_top #path { display: none; } .top_actions .cell:first-child { display: none; } .facet-header { display: none; } .facet-body { padding: 0; } .selection-modal .selection-modal-content { max-height: 85%; } .selection-modal .selection-modal-content .selection-modal-content-body { height: 80%; } .page_search .current_filters { display: none !important; } .page_search .inventory-updates { text-align: right; line-height: 40px; flex: 1; max-width: 100%; width: 100%; height: 100%; } .page_purchasesafe #secure_transaction_how { padding-top: 85px !important; } #layout_top #path, #layout_top .current_filters { display: inline-block !important; } #layout_top { margin-left: 15px !important; } } @media only screen and (max-device-width: 768px) and (orientation: landscape) { .search_facets { width: 100%; } .facet-body { padding: 0px 10%; } .top_actions .cell:first-child { display: block; } .facet-header { display: block; } } @media (max-width:1024px) { #header { display: none; } #mobile-header { display: block; background-color: #f0f0f0; border-bottom: 2px solid #e87511; position: sticky; top: 0; z-index: 1000; height: 82px; } #mobile-header .button i { margin: 0; } .wrapper { margin: 10px 0px; } #top-section { display: none; } #top-section-img { display: none; } .search-form { margin: 20px 0px; width: 100%; } .text { padding: 0; } .search-form .input { width: 100%; } .search-form .input input { border-radius: 0; margin-bottom: 10px; } .search-form .button.search { width: 100%; border-radius: 10px; } #search-section .text h2 { line-height: 45px; } .page_default .banner .container .info-text { margin-top: 56px; line-height: 16px; width: 260px; font-size: 12px; } .searchInject .TextBox { padding-left: 20px !important; } input, textarea { font-size: 16px !important; } #search_results .field_favouritecheckbox div { position: absolute; left: 5px; bottom: 0px; -webkit-touch-callout: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } footer .footBottom .right .legal > p span { position: relative; bottom: auto; } .inventory-updates { text-align: center; } #ps-modal .form-modal-content { max-height: 75vh; overflow-y: auto; } #ps-modal { padding-top: 85px; overflow: hidden; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .headBanner { height: 260px; padding: 20px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .headBanner .container div { font-size: 28px; line-height: 58px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content td.right { height: 250px; background-position: center right; } header li.search .searchInject { width: 100%; } #search_results .list tr.item td.cell_brandmodel span.field_brandmodel { width: calc(100% - 150px); } header li.search .searchInject .search_form_fields div.inputResponsive { width: calc(100% - 120px); } .searchInject .search_form_fields { display: inline-flex; width: 100%; } header li.search .searchInject .search_form_fields div.inputResponsive > div { width: 100%; } header li.search .searchInject .search_button { width: 120px; height: 40px; margin-top: 0px; } header li.search .searchInject .location span { width: 15px; } header li.search .searchInject .location .location_search { width: calc(100% - 20px); } footer .serviceHeader > span:after, footer .serviceHeader > span:before { width: 50%; } #search_results .list tr.item div.resultInfo { position: relative; } #search_results .list tr.item td.cell_brandmodel { width: 100%; } #search_results .list tr.item .cellContent { padding-left: 5px; } #search_results .list tr.item td.cell_brandmodel span.field_brandmodel, #search_results .list tr.item td.cell_brandmodel span.field_price { width: 100%; display: block; } .page_product #layout_middle_column3 .sendOffer .inputAmount, .page_product #layout_middle_column3 .sendOffer .inputEmail { width: 100%; float: none; } .page_product #layout_middle_column3 .sendOffer .input-group input.offerEmail { width: 100%; } .page_product #layout_middle_column3 .sendOffer .input-group button { width: 100%; margin-left: 0px; } .page_content .searchInject .button { height: 40px; } .page_product .shareButton { display: block; margin-top: 27px; float: right; } .page_product table.catCert .printButton { left: 135px; bottom: 20px; } .page_product .productHeader { display: block; } .page_product .productHeader h1.main_header, .page_product .productHeader > div .data { width: 100%; text-align: left; } .page_product .productHeader .pc_header_table .fieldPrice { } #contact_form .sellerdetails .col1, #contact_form .sellerdetails .col2 { width: calc(100% - 20px); } .page_product .contact_message, .page_product .contact_input { width: 100%; } .page_product .productHeader .pc_header_table .headerHours, .page_product .productHeader .pc_header_table .headerYear { padding-left: 10px; margin: 10px 0; } .page_product .productHeader .pc_header_table .headerPrice { text-align: left; display: inline-block; } .searchInject .button { height: 80px; } .page_search .search_facets > .top_header i { display: inline-block; } .page_search .search_facets > .search_facet { width: 100%; } .page_content header li.search .searchInject .location { display: none; } .searchInject .TextBox { border-radius: 3px 0 0 3px; } header .searchInject .location { border-radius: 0 0 0 3px; } #search_results .list_vertical td.cell_image { width: 100%; display: block; padding: 20px; position: relative; } #search_results table.list_vertical tr td.cell_image span.field_image { position: relative; } #search_results .new { margin-left: 0px; margin-top: 0px; position: absolute; right: 5px; bottom: 0px; } #search_results .list_vertical tr td.cell_qcategoryname > span { text-align: left; } #search_results .list tr.item td.cell_benefits, #search_results .list tr.item td.cell_features { border: none; } #search_results .list tr.item td.cell_benefits .cellHeader, #search_results .list tr.item td.cell_features .cellHeader { text-align: left; position: relative; } #search_results .list tr.item div.resultInfo div.resultContent { padding-left: 5px; } #search_results .list tr.item td.cell_benefits .cellHeader:after, #search_results .list tr.item td.cell_features .cellHeader:after { content: ""; position: absolute; height: 1px; border-bottom: 1px solid #BDBDBD; top: 8px; width: calc(100% - 93px); left: 80px; margin-right: 15px; } footer table.services tr .serviceText { width: calc(100% - 64px); } footer table.services tr { width: 100%; text-align: center; margin: auto; /* align-content: center; */ } div.banner { margin-top: 170px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner div.header { line-height: 30px; font-size: 28.257px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner div { line-height: normal; font-size: 15.8946px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner div > a { line-height: normal; font-size: 8.83031px; padding: 8px 20px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner { height: 250px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner div.header { width: 100%; } .page_content form[action*="content=main"] #layout_middle .content tr td .header { padding-bottom: 10px; } .page_content form[action*="content=main"] #layout_middle .contentArea .headBanner div:nth-child(2) { padding-top: 20px; } .footBottom ul { padding-left: 0px; } .socialLinkage { margin: auto; width: 100%; text-align: center; float: none; display: block; } footer .footBottom div.right { display: block !important; } footer .footBottom .right .legal { width: 100% !important; } footer .footBottom .right .legal > a { text-align: center; } footer .footBottom .right .legal > p { text-align: center; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content td.left .content { font-size: 15px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content td.left .header { font-size: 25px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .headBanner { height: 39vw; } .top_actions .facet-btn { width: calc(100% - 10px); } .page_purchasesafe #secure_transaction_how { padding-top: 85px !important; } } @media (max-width:580px) { #layout_top #path { display: none; } .seo_text_box .col-md-5 { display: none; } .seo_text_box .button { display: inline-block; float: none !important; left: 50%; position: relative; transform: translate(-50%); } .seo_text_content.content5 .col-md-5 { display: block; } .seo_text_content.content5 img { width: 100%; margin: auto; } .banner .container { width: 100%; margin-top: 0px; } .zoomLens { display: none !important; } div.banner { margin-top: 0px; } #statusEmail span { width: 100% !important; font-size: 20px; } .page_content #page_wrapper { margin-top: 0px; } footer .footBottom .left .infoIcon, footer .footBottom .left .infoText { padding: 0 10px; } /*footer .footBottom .left .infoIcon {display: none;} footer .serviceHeader > span:after, footer .serviceHeader > span:before {display: none;} */ #Master_MasterBody .ui-autocomplete { position: absolute !important; } #search_results > .list .item:nth-child(2n+1) { margin-right: inherit; } #search_results > .list .item:nth-child(2n) { margin-left: inherit; } #search_results .list_vertical tr.item { width: calc(100% - 10px); position: relative; float: none; margin-left: auto !important; margin-right: auto !important; background: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); border-radius: 3px; border: none; display: block; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .headBanner { height: 290px; padding: 20px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea > .content { margin-left: 20px; margin-right: 20px; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .content td.left .header { font-size: 20px; } #search_results .list { text-align: center; } table.top_actions tr td { display: inline-block; width: 100% !important; text-align: center; } h2.big-text, h3.small-text { margin-left: 0px; } #category_links .category_link { width: calc(100% - 20px); } .ad_rotator .list_horizontal tr.item td { width: 50% !important; } #search_results .list tr.item td.cell_benefits tr.benefit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #product_details tr.item td.header { width: 125px; } .page_search #search_results .list tr.item td.cell_features span.field_accessorylist span { width: 33.33%; float: left; border-bottom: 0px; } #category_links .category_link .category_icon_link { padding: 20px 40px 0 40px; } #search_results .list_vertical td.cell_image { padding: 0px; border-radius: 3px; position: relative; padding-bottom: 35px; } #search_results .list tr.item td.cell_benefits .cellHeader:after, #search_results .list tr.item td.cell_features .cellHeader:after { } .page_product #layout_middle_column2 .detailsHeader .header { min-width: 25%; max-width: 50%; font-size: 12px; height: 55px; padding-left: 10px; background: #E0E0E0; } .page_product #layout_middle_column2 .detailsHeader { display: none; width: 100%; margin: 20px 0; } .page_product #layout_middle_column2 .detailsHeader td { width: 100%; text-align: left; } .page_default .banner .container .countsAll { background-color: #000; text-align: center; display: inline-block; margin-top: 23px; padding: 0px 11px; margin-left: calc(50% - 55px); border: 1px solid #fff; float: none; } .page_default .banner .container .info-text { line-height: 18px; font-size: 18px; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; text-shadow: none; text-align: center; display: block; float: none; margin-top: 0px; width: 100%; padding: 10px; } .page_default .banner { background-image: none; } #eloqua_form .float { float: none; } .page_search .search_facets > .top_header { background-color: #000; color: #fff; padding: 10px 5px; } .page_search .search_facets > .top_header i.fa-angle-up, .page_search .search_facets > .top_header i.fa-angle-down { top: 1px; } header { background: #000; position: relative; width: 100%; z-index: 100; height: 180px; } .page_search #page_wrapper, .page_product #page_wrapper { margin-top: 0px; } .page_search #layout_middle_column2 #search_results .top_actions .cell2 .search_results_sort { margin-left: 0px !important; width: 100% !important; } .page_search .saveSearch .input-group > div span.input-group-btn { margin-top: 10px; display: inline-block; width: 100%; } .page_search .saveSearchFormInput { display: block !important; } .page_search .saveSearch .input-group > div span.input-group-btn button { width: 100%; padding: 5px; border-radius: 3px 3px 3px 3px; } .page_search .saveSearch .input-group > div input { border: 1px solid #BDBDBD; width: 100%; } .page_search .saveSearch .input-group > div select { width: 100%; height: 34px; float: left; padding-top: 5px; } #overlay .emailBox input, #overlay .emailBox textarea { margin-left: 1px; } #layout_top > div { padding: 7px 0px !important; } .page_product table.pager { margin: 13px 0 13px 5px !important; } .page_product #layout_top { margin-left: 0 !important; padding-left: 15px; box-sizing: border-box; } } @media (max-width:580px) and (orientation: landscape) { #top-section { display: none; } } @media (max-width:430px) { .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .headBanner { height: auto; width: 100%; } .page_content form[action*="content=valuePage"] #layout_middle .valuepageContentArea .headBanner .container div { font-size: 23px; line-height: 58px; } .banner h2.big-text { font-size: 40px; } .banner h3.small-text { font-size: 25px; } .page_product #statusEmail { font-size: 20px; background-color: rgba(255,255,255,1); } .page_search #search_results .list tr.item td.cell_features span.field_accessorylist span { width: 50%; float: left; text-transform: capitalize; padding-top: 3px; } .page_product table.catCert td.certImage img { /** width: 100%;*/ /*max-width: 200px;*/ } .page_product table.catCert td.certImage + td.printButton { position: absolute; right: 0px; bottom: 0px; left: auto; text-align: center; } .content_tellafriend button { font-size: 14px; } } @media (max-width: 992px) { .page_product #layout_top #path { width: 100%; display: none; } .page_product #layout_top { display: block; border: none; } .page_product #layout_top { display: block; } .page_product #layout_top a.backBtn { display: inline; height: 30px; border-radius: 3px; border: 1px solid #4f4f4f; padding: 0 10px; text-align: center; margin-right: 100px; float: left; margin-top: 10px; } .page_product #layout_middle_cloumn1 a.backBtn { display: none; } .page_product #layout_middle { margin-top: 0px; } } @media (min-width: 768px) { .page_content #layout_wrapper { max-width: none; } .search_facet .item a:hover, #search_results .list_vertical tr.item:hover .field_brandmodel a, #category_links .category_link:hover .category_link_text, .ad_rotator .list_horizontal tr.item td:hover .field_brandmodel a, .page_product #layout_top .pager_prev:hover a, .page_product #layout_top .pager_next:hover a, .page_product .printIcon:hover a { text-decoration: underline; } .page_content form[action*="content=usedProducts"] > #path, .page_content form[action*="content=used"] > #path { max-width: 736px; margin: auto; } } @media (min-width: 992px) { .page_content #layout_wrapper, .page_content form[action*="content=usedProducts"] > #path, .page_content form[action*="content=used"] > #path { max-width: 956px; margin: auto; } .page_content form[action*="content=valuePage"] #layout_wrapper { width: 100%; max-width: none; } } @media (max-width: 1053px) { footer .footBottom .right .legal { width: calc(100% - 261px); } .socialLinkage { min-width: 261px; padding-bottom: 5px; } } @media (max-width: 825px) { .col-memo { order: -1; margin-bottom: 25px; } .footer-bottom .social { order: -1; float: none; text-align: left; margin-bottom: 20px; } .footer-bottom .social div:first-child { display: none; } .footer-bottom .legal-links { text-align: center; margin-top: 20px; } footer .footBottom { display: block; } footer .footBottom div.left { width: 100%; float: none; padding-right: 70px; } footer .footBottom div.right { text-align: center; display: flex; width: 100%; float: none; padding: 10px; padding-right: 70px; } footer .footBottom .left .infoText { padding-right: 0px; } footer .footBottom .right .legal { width: calc(100% - 391px); } .socialLinkage { min-width: 391px; padding-bottom: 5px; } } @media (max-width: 530px) { .footer-body li ul { display: none; } footer .border-bottom { border: none !important; } .footer-body .main-item { line-height: 60px; border-bottom: 1px solid #ccc; position: relative; cursor: pointer; } footer .expand { position: absolute; right: 10px; top: 23px; display: block; } footer .expand i { font-size: 18px; } form > #path a, #layout_top #path a { font-size: 14px; } .socialLinkage { min-width: 261px; padding-bottom: 5px; } footer .footBottom { padding: 20px 0px; } footer .footBottom div.left { padding-right: 10px; } footer .footBottom div.right { padding-right: 10px; } .page_product #related_products .relatedItemList { display: none; } .page_product #related_products .data_details { width: 100%; float: left; } .page_product #productImageZoom { display: none; } .page_product #related_products .data_details td.content img { width: 100%; padding: 20px; float: none; } .page_product #related_products .data_details td.content ul { width: 100%; padding: 20px; float: none; list-style: none; } .page_product #layout_middle a.backBtn { max-width: 100%; padding-left: 5px; padding-right: 5px; } .page_product #contact_form .sellerdetails .col1, .page_product #contact_form .sellerdetails .col2 { width: calc(100% - 20px); margin-left: 10px; padding: 10px; } .page_product table.catCert .printButton { position: relative; left: 0px; bottom: 0px; } select, textarea, input { font-size: 16px; } footer .move-top { width: 35px; height: 35px; right: 20px; } footer .move-top i { top: 4px; } body.page_productprint { font-size: 0.8em; } .page_productprint #condition_info tr.item > td { padding-top: 5px; padding-bottom: 5px; } .page_productprint #condition_info tr.item td ul { margin-top: 65px; } .page_productprint #condition_info .cell-table thead tr td { font-size: 10px; line-height: 21px; } } @media screen and (max-width: 992px) { #condition_info table tr.item td.header { width: 100%; position: absolute; border-bottom: 0px; } #condition_info .cell-table tbody tr td { padding: 0px; padding-left: 5px; border-right-style: dashed; border-right-width: 1px; border-right-color: #BDBDBD; border-bottom-color: #bdbdbd; border-bottom-width: 1px; border-bottom-style: dashed; } #condition_info .cell-table tbody tr td:first-child { padding-left: 0px; } #related_products tr.item td ul li { width: 100%; padding-right: 10px; } #condition_info tr.item td ul { margin-top: 40px; } #condition_info .cell-table { margin-top: 40px; } .cell-table thead tr td { word-break: break-word; width: 16.6666%; } } @media screen and (max-width: 450px) { table#product_card_print { width: 100%; border-collapse: collapse; zoom: 0.5; -moz-transform: scale(0.5); } } @media screen and (-webkit-min-device-pixel-ratio:0) { select, textarea, input { font-size: 16px; } } .page_productprint table, .page_productprint tr, .page_productprint td { page-break-inside: auto; } .page-break { display: block; page-break-after: always; } /*.page_productprint #related_products tr,.page_productprint #related_products td,.page_productprint #condition_info tr,.page_productprint #condition_info td,.page_productprint #power_rating tr,.page_productprint #power_rating td { page-break-inside: avoid !important;} */ @page { size: auto; margin: 10mm 1mm 10mm 1mm; } @media print { html, body { padding: 10px; page-break-after: avoid !important; page-break-before: avoid !important; margin: 0px; padding-bottom: 20px; -webkit-print-color-adjust: exact; printer-colors: exact; color-adjust: exact; height: 99%; } } #layout_middle .container.ad4 .text { font-size: 22px; } #layout_middle .container.ad3 .text { left: auto; right: 0px; width: 190px; bottom: 210px; font-size: 25px; top: auto; } #layout_middle .container.ad3 .text p { font-size: 0.9em; } #layout_bottom .container.ad3 .text { left: 33%; top: 6%; line-height: 30px; width: 45%; } #layout_bottom .container.ad3 .text p { font-size: 0.9em; } @media (max-width: 994px) { #layout_middle .container.ad4 .text { font-size: 25px; } #layout_middle .container.ad3 .text, #layout_bottom .container.ad3 .text { left: 45%; width: 220px; top: 6%; line-height: 24px; font-size: 23px; } #layout_middle .container.ad3 .text p, #layout_bottom .container.ad3 .text p { font-size: 0.9em; } } @media (max-width: 660px) { #layout_middle .container.ad3 .text, #layout_bottom .container.ad3 .text { top: 6%; right: 0px; left: auto; bottom: auto; width: 190px; } } @media (max-width: 490px) { #layout_middle .container.ad3 .text, #layout_bottom .container.ad3 .text { font-size: 23px; line-height: 23px; width: 160px; } } @media (max-width: 450px) { #layout_middle .container.ad3 .text, #layout_bottom .container.ad3 .text { top: auto; right: 0px; left: auto; bottom: 244px; width: 190px; font-size: 26px; line-height: 26px; } } @media (max-width: 428px) and (min-width: 375px) { #layout_middle .container.ad3 .text, #layout_bottom .container.ad3 .text { top: auto; right: 5px; left: auto; bottom: 200px; width: 190px; font-size: 25px; line-height: 26px; } } @media (max-width: 375px) { #layout_middle .container.ad3 .text, #layout_bottom .container.ad3 .text { top: auto; right: 5px; left: auto; bottom: 300px; font-size: 25px; line-height: 26px; } } @media (max-width: 360px) { #layout_middle .container.ad3 .text, #layout_bottom .container.ad3 .text { top: auto; right: 10px; left: auto; bottom: 130px; width: 170px; } } @media (max-width: 310px) { #layout_middle .container.ad3 .text, #layout_bottom .container.ad3 .text { bottom: 440px; } } #page_wrapper { margin-top: 10px; } .page_product #statusEmail { line-height: 146px; } #statusEmail span { box-shadow: 0px 0px 15px #000 !important; border: 2px solid #888 !important; } @media (min-width: 1200px) { .display-flex-inline { display: flex !important; } .page_content form[action*="content=usedProducts"] > #path, .page_content form[action*="content=used"] > #path { max-width: 1156px; margin: auto; } } @media (max-width: 1199px) { .display-flex-inline { display: inline-block !important; } } .data_features .item.row2 { visibility: hidden; } .page_productprint #condition_info .cell-table thead tr td { border-right-style: dashed; border-right-width: 1px; border-right-color: #BDBDBD; } #condition_info .condition-level { display: none; } .page_productprint #condition_info .cell-table tbody tr, .page_productprint #condition_info .cell-table thead tr { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .page_productprint #condition_info .cell-table thead tr { border-top: 1px solid #ccc; } .page_productprint #condition_info .cell-table tr td { padding: 0px !important; width: auto !important; } .page_productprint h1.main_header { font-size: 35px; line-height: 60px; } .page_productprint #condition_info tr.item td ul li { word-break: break-word; } .page_productprint #condition_info tr.item td ul li:nth-child(odd) { padding-right: 10px; } .page_productprint #seller_info .h2 { font-size: 20px; } .page_productprint #seller_info .h3 { font-size: 15px; } @media print { .page_productprint #condition_info table tr.item > td.header { text-align: left; top: 0px; left: 50%; border-bottom: 0px; display: block; border-top: 1px solid #ccc; } .page_productprint #condition_info table tr.item > td { border: none; width: 100%; display: block; } .page_productprint #condition_info .cell-table { margin-top: 40px; } .page_productprint h1.main_header { font-size: 40px; line-height: 50px; } } .contact_company { text-transform: capitalize; } input::-ms-clear { display: none; } .saveSearch br { display: none; } #blueimp-gallery img { left: 0px; border-bottom: 2px solid #000; } #blueimp-gallery .slides .slide .video-content { max-height: 80%; max-width: 80%; } .blueimp-gallery-display > .play-pause { display: block; opacity: 1; } .page_product .video-gallary { display: none !important; } @media (max-width: 825px) { .search_facets_container_r { display: flex; flex-direction: row; } .display-flex-column { display: flex; flex-direction: column; } .search_facets_container_cl { width: 50%; } .page_search .search_facets .search_facet .header { background-color: #F2F2F2; border-color: #F2F2F2 !important; } .page_search .search_facets .search_facets_container_cl .search_facet { margin: 9px; } } @media (max-width: 660px) { .search_facets_container_cl { display: block; width: 100%; } .search_facets_container_r { display: block; width: 100%; } .page_search .search_facets .search_facets_container_cl .search_facet { margin: 9px 0px; } } .selection-modal-closed .selection-model-content-body-message { display: none; } .selection-model-content-body-message { font-weight: bold; padding-bottom: 10px; } #links:after { content: ""; clear: both; display: table; } .gallery:after { content: ""; clear: both; display: table; } .videos { display: none; height: 393px; width: 100%; padding: 0px; margin: 0px; } .videos .video_header { display: none !important; } .video-thumb { position: relative; } .video-thumb .yt-ico { position: absolute; height: 20px !important; left: 24px; top: 20px; } #blueimp-gallery .slide-video { display: flex; flex-direction: row; align-items: center; } #blueimp-gallery .slide-video .videos { width: 80%; max-width: 800px; height: 400px; margin: 0 auto; max-height: 80% !important; } #blueimp-gallery .prev, #blueimp-gallery .next { z-index: 99; opacity: 1; border-radius: 5px; border-width: 1px; } @media screen and (max-width: 425px) { .videos { height: 250px; } #blueimp-gallery .slide-video .videos { height: 275px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #blueimp-gallery .indicator li { width: 40px; height: 40px; } #blueimp-gallery .slide-video .videos { width: 80%; max-width: 600px; height: 300px; margin: 0 auto; max-height: 60% !important; } } @media screen and (min-width: 1201px) { .language_en li.search { width: calc(100% - 206px - 420px); max-width: calc(100% - 206px - 475px); } .language_fr li.search { width: calc(100% - 206px - 560px); max-width: calc(100% - 206px - 615px); } .language_de li.search { width: calc(100% - 206px - 550px); max-width: calc(100% - 206px - 605px); } .language_es li.search { width: calc(100% - 206px - 570px); max-width: calc(100% - 206px - 625px); } .language_pt li.search { width: calc(100% - 206px - 590px); max-width: calc(100% - 206px - 645px); } .language_it li.search { width: calc(100% - 206px - 520px); max-width: calc(100% - 206px - 575px); } .language_nl li.search { width: calc(100% - 206px - 420px); max-width: calc(100% - 206px - 475px); } .language_pl li.search { width: calc(100% - 206px - 670px); max-width: calc(100% - 206px - 725px); } .language_ro li.search { width: calc(100% - 206px - 430px); max-width: calc(100% - 206px - 485px); } .language_ru li.search { width: calc(100% - 206px - 480px); max-width: calc(100% - 206px - 535px); } .language_zh li.search { width: calc(100% - 206px - 420px); max-width: calc(100% - 206px - 475px); } .language_ja li.search { width: calc(100% - 206px - 460px); max-width: calc(100% - 206px - 515px); } } .page_product table.catCert td.certImage img { max-width: 170px; } #contact_form .sellersendform { padding: 10px; } #contact_form_consent + label { font-weight: normal; display: inline; } #contact_form .contact_message, #contact_form .contact_input { width: 100% !important; } .page_product #contact_form .sellersendform .col1, .page_product #contact_form .sellersendform .col2 { margin-left: 0px !important; width: 100% !important; } #contact_form .contact_message { height: 95px; resize: none; } .language_ru.page_product .printIcon a { min-width: 120px; } #overlay .emailBox input, #overlay .emailBox textarea { border-width: 1px !important; border-style: solid !important; border-color: #4F4F4F; } .condition-info-ul-table:after { content: ""; clear: both; display: table; } .condition-info-ul-table { padding-bottom: 10px; } .field_approvedused, .certImage { text-transform: capitalize; } .selection-modal.approvedused .selection-modal-content .item { width: 50%; } @media screen and (min-width: 580px) { #add-to-home { display: none; visibility: hidden; } } #add-to-home { display: none; visibility: hidden; position: fixed; bottom: 5px; padding: 20px; box-shadow: 0px -2px 2px 0px #8f8f8f; width: 100%; background: #fff; z-index: 999; justify-content: space-between; } .add-to-home-text-wrapper { float: left; } .add-to-home-btn-wrapper { float: right } #add-to-home-btn { background: #ffcd11; border: 0px; font-size: 1em; border-radius: 4px; padding: 5px 10px; border: 1px solid #ffcd11; height: 100%; } #add-to-home-banner { position: absolute; top: 0; left: 0; height: 100vh; width: 100%; z-index: 999; padding: 20px; background: transparent; display: none; visibility: hidden; } .add-to-home-banner-content { width: 100%; height: 100%; background: #fff; box-shadow: 0px 0px 2px 0px #8f8f8f; border-radius: 4px; } .add-to-home-banner-content-header { padding: 15px; text-align: right; } .add-to-home-banner-content-header a { padding: 5px 10px; font-size: 1.5em; color: #ffcd11; border-radius: 4px; border: 1px solid #FFCD11; background: #ffcd11; color: #333; font-weight: bold; } .add-to-home-banner-content-step { text-align: center; margin-top: 10px; font-size: 1em; } .add-to-home-banner-content-step img { height: 180px; } .page_content #cookie-container.container-fluid { max-width: 100% !important; padding: 0px !important; margin-bottom: 0px !important; } #rid-maintenance-container { padding: 10px; } #cookie-container, #rid-maintenance-container { background: #fff; color: #333; position: fixed; z-index: 9999; width: 100%; max-width: 560px; height: auto; border-radius: 4px; box-shadow: 2px 2px 6px 0 rgba(0,0,0,.5); left: 0; right: 0; float: none; margin: 0 auto; top: calc(50% - 130px); } body.cookieMsg::before { content: ""; position: fixed; width: 100%; height: 100%; display: block; z-index: 9998; background-color: rgba(0,0,0,.7); } #cookie-container p { color: #333; margin-bottom: 25px; font-size: 14px; } #cookie-container .row-fluid { max-width: 1140px; margin: 0 auto; width: 100%; padding: 30px; } #cookie-container .button { color: #000; padding: 7px 10px; border-radius: 4px; background-color: #ffcd11; border: 2px solid #ffcd11; font-weight: bold; text-transform: uppercase; font-weight: normal; } #cookie-container .button:hover { background-color: #000; border-color: #000; color: #fff; } #cookie-container #cookieMsgDismissBtn.button:hover { text-decoration: underline; } #cookie-container #cookieMsgDismissBtn.button { background-color: transparent; color: #000; margin-left: 10px; border: 2px solid #000; box-sizing: border-box; } #cookie-container a.link { color: #2679b8; } .cookieMsg .banner { margin-top: 252px; } @media screen and (max-width: 769px) { .cookieMsg div.banner { margin-top: 339px; } } @media screen and (max-width: 660px) { .cookieMsg div.banner { margin-top: 399px; } } @media screen and (max-width: 580px) { .cookieMsg div.banner { margin-top: 0px; } header { height: 462px; } } /*------------------BLOG PAGE---------------------*/ .page_blog #layout_middle_column2 { width: calc(100% - 300px); float: right; display: block; } .page_blog #layout_middle_column1 { float: left; width: 280px; } .page_blog ol.blogList { display: flex; flex-wrap: wrap; } .page_blog ol li.blogItem { width: 33.333%; flex: 0 0 33.333%; max-width: 33.333%; display: flex; padding: 10px; box-sizing: border-box; float: left; } .page_blog ol li.blogItem .content { border: 1px solid #ccc; box-sizing: border-box; cursor: pointer; position: relative; padding-bottom: 50px; } .page_blog ol li.blogItem .content:hover { box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.2); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; } .page_blog ol li.blogItem img { width: 100%; height: 173px; object-fit: cover; } .page_blog ol li.blogItem h2 { float: left; width: 100%; color: #000; padding: 30px; box-sizing: border-box; font-size: 20px; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; } .page_blog ol li.blogItem span.read_more { color: #000; font-weight: 400; font-size: 14px; padding: 0px 30px; box-sizing: border-box; text-transform: uppercase; position: absolute; bottom: 30px; left: 0px; width: 100%; } .page_blog ol li.blogItem span.read_more:after { display: inline-block; transform: rotate(-45deg); transition: black; margin: 0 0 1px 3px; border-style: solid; border-width: 0 2px 2px 0; padding: 3px; content: ''; transition: margin .25s ease; } .page_blog .pagination { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; border-top: 1px solid #ccc; box-sizing: border-box; padding-top: 10px; font-weight: 400; text-transform: uppercase; color: #000; } .page_blog #layout_middle_column2 h1.main_header { display: none; } .page_blog #page_wrapper, .page_blogcontent #page_wrapper { margin-top: 75px; } .page_blog h1.main_header { text-transform: uppercase; color: #000; font-weight: 400; font-size: 58px; line-height: 1; margin-top: 100px; width: 100%; max-width: 75%; margin-top: 15px; } .page_blog #layout_middle { font-size: 18px; color: #000; } .page_blogcontent #layout_middle { color: #000; line-height: 1.45; font-size: 14px; } /*.page_blogcontent .teaser__img-wrap { position: absolute !important; padding: 0; top: 0px; left: 0; right: 0; height: 100%; width: 100% !important; flex: 100%; max-width: 100%; max-height: 575px; overflow: hidden;} */ .page_blogcontent .teaser--hero .teaser__text-wrap { display: flex; align-items: center; position: relative; z-index: 9; flex: 0 0 50%; max-width: 50%; margin-top: 150px; } .page_blogcontent .teaser--hero .teaser__text-wrap h2 { font-size: 58px; line-height: 58px; font-weight: 400; color: #fff; text-transform: uppercase; } .auth .teaser.teaser--checkerboard .row .teaser__img-wrap { position: relative !important; max-width: 50%; } .page_blogcontent figure { height: 100%; } .page_blogcontent .teaser__img-wrap img { width: 100%; height: 100%; object-fit: cover; } .page_blogcontent .teaser.auth-track.teaser--hero .teaser__img-wrap.teaser-msie { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .auth #page_wrapper, .auth #page_wrapper p, .auth #page_wrapper li { font-size: 14px; line-height: 1.428571429; color: #333; } .auth a { font-size: unset; color: #0645AD; } .blogList .blogCardImg { width: 100%; height: 173px; display: block; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .page_blogcontent .teaser.auth-track { float: left; clear: none; width: 100%; /*height: 575px;*/ position: relative; } .page_blogcontent .responsivegrid .multimedia__nav, .page_blogcontent .responsivegrid .multimedia__item-count { display: none; } .page_blogcontent .teaser.auth-track.teaser--hero::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(left,#000 7%,rgba(0,0,0,0) 93%); background: -webkit-linear-gradient(left,#000 7%,rgba(0,0,0,0) 93%); background: linear-gradient(to right,#000 7%,rgba(0,0,0,0) 93%); } .page_blogcontent .teaser.auth-track .container { max-width: 1140px; margin-left: auto; margin-right: auto; height: 100%; } .page_blogcontent #page_wrapper { margin-top: 70px; } .page_blogcontent .section-container__inner h2, .page_blogcontent .section-container__inner h3, .page_blogcontent .section-container__inner h6 { text-transform: uppercase; color: #000; font-weight: 400; font-size: 26px; position: relative; } .section-padding-no-bottom { margin-top: 0px; } .page_blogcontent .section-container__inner h6 { font-size: 14px; } .page_blogcontent .section-container__inner { padding: 0 15px; box-sizing: border-box; } .page_blogcontent .socialShare { display: none; } .page_blogcontent .accent-bar, .page_blog .accent-bar { background-color: #FFCD11; width: 40px; height: 5px; line-height: 1; display: inline-block; margin: 5px 0 20px; } .page_blog h1.main_header { position: relative; margin-bottom: 40px; } .page_blog h1.main_header::after, .page_blog .search_field_q .field_header::after { content: ""; position: absolute; bottom: -15px; width: 40px; left: 0px; height: 5px; line-height: 1; display: inline-block; background-color: #FFCD11; } .page_blog .load_more { display: block; position: relative; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 9px 44px; border: 2px solid #000; margin: 0 auto; width: 270px; box-sizing: border-box; text-align: center; } .page_blog .search_facets { width: 100%; margin-top: 20px; border: 1px solid #ccc; padding: 30px; box-sizing: border-box; } .page_blog .search_facets .top_header { background-color: #fff; text-transform: uppercase; color: #000; font-size: 22px; line-height: 24px; padding-left: 0px; float: left; width: 100%; z-index: 1; padding: 0px 0px 15px 0px; } .page_blog .search_facet .header { background-color: #fff; border: 0px; padding-left: 0px !important; } .page_blog .search_facets .search_facet .content { border: 0px; border-bottom: 1px solid #ccc; max-height: 250px; } .page_blog .search_facets .search_field_q input.search_input { border: 1px solid #000; } .page_blog .search_facet .content { padding-bottom: 15px !important; } .page_blog .search_facet span.checkBox input[type='checkbox'] { margin-right: 10px !important; } .search_field_q .field_header { text-transform: uppercase; font-size: 30px; font-weight: 400; color: #000; position: relative; margin-bottom: 30px; } .search_field_q input.search_input { border: 0px; border-bottom: 1px solid rgba(118, 118, 118, 1); padding: 12px 35px !important; box-sizing: border-box; position: relative; } .search_field_q .wrapper { position: relative; } .search_field_q .wrapper:before { font-family: 'FontAwesome'; color: #000; content: "\f002"; position: absolute; left: 10px; z-index: 1; top: 15px; } .search_facets .blogsearch_button { margin-top: 10px; } .page_blogcontent #path, .page_blog #path { min-height: 40px !important; line-height: 40px !important; padding: 0px 5px; box-sizing: border-box; } .page_blogcontent #path { padding: 0px 15px; } .page_blogcontent #path a, .page_blog #path a { line-height: 40px !important; } /*** ---------------------------------------------------* 1. Layout* ---------------------------------------------------*/ #layout_top { /*! padding: 15px; */ margin: auto; } #layout_top > div { padding: 15px 0px; } #layout_middle { max-width: 960px; margin: auto; } .page_default #layout_top, .page_default #layout_middle { max-width: unset; } .page-search #layout_middle { margin-top: 5px; margin-bottom: 35px; } .page_search #layout_middle_column1 { float: left; width: 250px; } .page_search #layout_middle_column2 { width: 100%; position: relative; } .page_product #layout_middle { max-width: none; } .page_product #layout_middle #layout_middle_column1 { width: 100%; } .page_product #layout_middle_column2 { float: left; width: 100%; margin-right: 20px; clear: both; } .page_product #layout_middle_column3 { width: 100%; float: right; } .page_productprint #layout_middle { max-width: 100%; } .page_contact #layout_middle_column2 { width: 100%; } .page_content #layout_middle { margin: 0px; } @media screen and (max-width:768px) { } @media (max-width:430px) { .page_product #layout_top { display: block !important; } } @media (min-width: 576px) { #layout_top { max-width: 540px } } @media (min-width: 768px) { #layout_top { max-width: 720px } .page_search #layout_middle_column2 { width: calc(100% - 260px); } .page_product #layout_middle_column2 { width: calc(55% - 20px); } .page_product #layout_middle_column3 { width: 45%; } } @media (min-width: 992px) { #layout_top { max-width: 960px } .page_product #layout_middle_column2 { width: calc(65% - 20px); } .page_product #layout_middle_column3 { width: 30%; float: left; } } @media (min-width: 1200px) { #layout_top, #layout_middle { max-width: 1140px; } .page_default #layout_top, .page_default #layout_middle { max-width: unset; margin: 0; } .page_search #layout_middle { padding-left: 11px; margin-bottom: 40px; } .page_search #layout_top { margin-bottom: 40px; margin-top: 20px; } } @media (min-width: 1338px) { #layout_top { max-width: 1338px } } /*** ---------------------------------------------------* 2. Component* ---------------------------------------------------*/ /* --------------------- 2.1 Top Action: Page search --------------------- */ .page_search #search_results .top_actions { border-bottom: 1px solid #ccc; border-collapse: initial; margin: 0px 15px; width: calc(100% - 30px); padding: 10px 0px; display: flex; } .page_search #search_results .top_actions div.cell { width: 100%; } .page_search #layout_middle_column2 #search_results .top_actions .cell2 .search_results_sort { height: 35px; border-radius: 3px; border: 1px solid #ccc; color: #999; margin-left: 10px; } .page_search #search_results .top_actions .cell1 { display: none; } .page_search #search_results .top_actions .location-container { display: block; text-align: left; } .page_search #search_results .top_actions .location-container a#location { padding-left: 0; } .page_search #search_results .top_actions .location-container a#location i { color: #005B99; font-size: 32px; align-self: end; line-height: 35px; margin-right: 5px; } .page_search #search_results .top_actions .location-container a#location .location-desc { display: inline-block; text-align: left; } .page_search #search_results .top_actions .location-container a#location .location-desc .location-leading { width: 100%; display: block; font-size: 12px; font-weight: bold; } .page_search #search_results .top_actions .location-container a#location .location-desc .location-option { color: #005B99; text-decoration: underline; font-size: 16px; } .page_search #search_results .top_actions #location-popup { left: 0; right: auto; margin-top: 10px; } .page_search #search_results .top_actions #location-popup .btn-close::before, .btn-close::after { top: 7px; } .pac-container { z-index: 9999999; } .form-inline.location_selection { display: none; } @media (max-width:768px) { .page_search #search_results .top_actions { flex-wrap: wrap; max-width: 540px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .page_search #search_results .top_actions div.cell { align-self: flex-end; width: 50%; display: block; } .page_search #search_results .top_actions .cell2, .page_search #layout_middle_column2 #search_results .top_actions .cell2 .search_results_sort { width: 100% !important; margin-left: 0; } .page_search #search_results .top_actions .location-container { margin: 15px 0; } .page_search #search_results .top_actions .location-container a#location .location-desc .location-option { text-align: left; } .page_search #search_results .top_actions .location-container a#location { padding-right: 0; } .page_search #search_results .top_actions .cell2 { font-size: 0; order: -1; } .page_search #layout_middle_column2 #search_results .top_actions .cell2 .search_results_sort { font-size: 16px; } .page_search #search_results .top_actions #location-popup { right: 0 !important; } } @media (max-width:320px) { .page_search #search_results .top_actions div.cell { width: 100%; } .top_actions .facet-btn { width: 100%; } .page_search #search_results .top_actions div.cell { align-self: flex-start; } } /* --------------------- 2.2 Latest ads, Similar item nearby (slick slider) --------------------- */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; width: 100%; display: block; overflow: hidden; margin: 0; padding: 0; height: 390px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; height: 100%; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide > div { height: 100%; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots li button { border: 0; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; padding: 5px; cursor: pointer; } .slick-dots li button, .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover { background: 0 0; outline: 0; } .slick-dots li button:before { position: absolute; top: 9px; left: 0; content: ""; width: 20px; height: 2px; font-family: slick; font-size: 6px; line-height: 20px; text-align: center; background-color: #000; opacity: .25; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 3px; padding: 0; cursor: pointer; } .slick-dots .slick-active button { background-color: transparent; } .slick-dots li button:focus:before, .slick-dots li button:hover:before { background-color: #ec6100; opacity: 1; } .slick-dots .slick-active button:before, .slick-dots .slick-active button:before { background-color: #ec6100; opacity: 1; } .slick-slide img { vertical-align: middle; position: unset; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .slick-slide .imageWrapper:hover { opacity: 0.5; background-color: #ec6100; filter: alpha(opacity=50); } .slick-slide .imageWrapper { background: #3333; position: relative; height: 197px; vertical-align: middle; } .slick-slide a { box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; padding: 0 10px; max-width: 320px; margin: 0; text-align: center; } .card-wrapper { padding: 15px; position: relative; height: 100%; } .slick-arrow { background: #ccc; border: none; width: 40px; height: 40px; border-radius: 5px; opacity: 0.9; } .slick-arrow:hover, .slick-arrow:focus { background: #ccc; } .slick-arrow i { color: #fff; font-size: 30px; } .slick-disabled { display: none !important; } .slick-next, .slick-prev { top: -55px; bottom: 0; margin: auto; z-index: 500; position: absolute; } .slick-next { right: -5px; } .slick-prev { left: -5px; } .slick-slide a { padding: 0; white-space: unset; text-align: left; width: unset; } #latest-ads.recently_viewed .card-body { height: 145px; } #latest-ads .card-body a { color: inherit; height: 100%; display: inline-block; width: 100%; } @media (max-width:1150px) { .slick-arrow:before { display: none; } } .gl-results .card { padding-bottom: 0; } .gl-results .card a { cursor: pointer; } #latest-ads .card, .gl-results .card { border-radius: 0; } #latest-ads .card-body, .gl-results .card-body { padding: 10px; position: relative; min-height: 115px; } #latest-ads .card-title, .gl-results .card-title { color: #003971; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; font-size: 18px; line-height: 27px; /*height: 47px; commented for now, is a fallback if needed*/ } .gl-results .card-body a, .gl-results .card-body a:hover { height: 100%; display: block; color: inherit; } #latest-ads .slick-slider { margin: 0 -15px; width: calc(100% + 30px); } .card { position: relative; padding: 0; height: 100%; padding-bottom: 15px; } .img-wrapper { position: relative; z-index: 1; height: 200px; overflow: hidden; } .card-wrapper .card-img-top { border-radius: 0; position: absolute; top: 0; bottom: 0; margin: auto; } a.watchlist, .slick-slide a.watchlist { position: absolute; background: #fff; /*! width: 100px; */ right: 10px; top: -10px; line-height: 40px; border: 1px solid #888; border-radius: 50%; font-size: 14px; color: #888; width: 40px; height: 40px; z-index: 100; } .ad-details div { display: inline-block; line-height: 25px; padding: 5px 0 0; font-size: 16px; } .ad-details .price { font-weight: 700; text-align: right; } a.watchlist:hover { background-color: #F0F0F0; } a.watchlist:hover .bookmark::after, a.watchlist:hover .bookmark::before { /*border-color: #e87511;*/ /* remove border-color for mobile */ /*border-bottom-color: transparent;*/ } /* set border-color on hover event only for desktop because on mobile intersect with click event */ @media screen and (min-width:768px) { a.watchlist:hover .bookmark::after, a.watchlist:hover .bookmark::before { border-color: #e87511; border-bottom-color: transparent; } } .bookmark::after { width: 0px; height: 22px; background-color: transparent; position: absolute; top: 0; right: 0; border: solid 8px #fff; border-bottom: solid 8px transparent; transition: all 0.2s; cursor: pointer; bottom: 0; left: 0; margin: auto; content: ''; border-radius: 1px 1px 3px 3px; } .bookmark::before { width: 0px; height: 25px; background-color: transparent; position: absolute; top: 0; right: 0; border: solid 9px #888; border-bottom: solid 9px transparent; transition: all 0.2s; cursor: pointer; bottom: -1px; left: 0; margin: auto; content: ''; border-radius: 2px 2px 4px 4px; } .bookmark.active::after { border: solid 8px #E87511; border-bottom: solid 8px transparent; } .bookmark.active::before { border: solid 9px #E87511; border-bottom: solid 9px transparent; } .watchlist i { color: #888; } .watchlist.visited { border: solid 1px #E87511 !important; } .gl-results .card-wrapper { padding: 15px 0px; } .page_search .ad-details .location, .page_default .featuredads .location { width: 100%; text-align: left; display: block; float: left; } .featuredads .slick-slide .location img { width: 16px; padding-right: 5px; padding-left: 0px; float: left; padding-top: 6px; } .page_product .slick-slide img { width: 100%; } #latest-ads.similar-ads-nearby .card { height: 100%; padding-bottom: 15px; } #latest-ads.similar-ads-nearby .card .card-body .ad-details { position: relative; } #latest-ads.similar-ads-nearby .card.ad .card-img-top { width: 100%; } #latest-ads.similar-ads-nearby .container .row { width: 100%; } .similar-ads-nearby .ad-details .location { width: 100%; } #latest-ads.recently_viewed .card { height: 100%; padding-bottom: 15px; } #latest-ads.recently_viewed .card .card-body .ad-details { position: relative; } #latest-ads.recently_viewed .card.ad .card-img-top { width: 100%; } #latest-ads.recently_viewed .container .row { width: 100%; } .recently_viewed .ad-details .location { width: 100%; } @media (min-width:850px) and (max-width:1050px) { latest-ads .card-body, .gl-results .card-body { padding: 5px; position: relative; min-height: 130px; } } @media only screen and (max-device-width: 900px) and (orientation: landscape) { .card { padding-bottom: 15px; } } @media (min-width:991px) and (max-width: 1200px) { #latest-ads .card-title, .gl-results .card-title { font-size: 16px; line-height: 25px; } .gl-results .ad-details div { line-height: 25px; padding: 3px 0 0; font-size: 14px; } #latest-ads .ad-details div { display: inline-block; line-height: 25px; padding: 3px 0 0; font-size: 14px; } .slick-next, .slick-prev { top: -80px; } } @media (max-width: 992px) { latest-ads .card-body, .gl-results .card-body { padding: 5px; position: relative; min-height: 130px; } .slick-next, .slick-prev { top: -55px; bottom: 0; } } @media (max-width:768px) { .card { padding-bottom: 15px; } .slick-next, .slick-prev { top: -80px; } } @media (max-width: 580px) { .page_search .ad-details { position: relative; } .page_search .ad-details div { width: 100%; } .page_search .ad-details .price { float: none; text-align: left; } .slick-next, .slick-prev { top: 0px; } } /* --------------------- 2.3 Feature ribbon and Hightlight border --------------------- */ .featured-default { font-family: 'Roboto-Regular', 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; letter-spacing: normal; color: #3F3F3F; text-align: center; line-height: 24px; text-transform: none; } .featured-container { border-width: 0px; position: absolute; left: -4px; top: -4px; width: 97px; height: 98px; z-index: 100; } .featured-child-container { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 97px; height: 98px; -ms-overflow-x: hidden; overflow-x: hidden; -ms-overflow-y: hidden; overflow-y: hidden; background-image: none; border: none; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .featured-content { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; } .featured-shape2-bottom { border-width: 0px; position: absolute; left: 0px; top: 94px; width: 4px; height: 4px; display: flex; } .featured-shape2-bottom div { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 4px; height: 4px; background: inherit; background-color: rgba(32, 87, 158, 1); border: none; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .featured-shape2-top { border-width: 0px; position: absolute; left: 93px; top: 0px; width: 4px; height: 4px; display: flex; } .featured-shape2-top div { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 4px; height: 4px; background: inherit; background-color: rgba(32, 87, 158, 1); border: none; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .featured-content-child { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; } .featured-shape1-bottom { border-width: 0px; position: absolute; left: -35px; top: 22px; width: 144px; height: 32px; display: flex; -webkit-transform: rotate( 315deg ); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate( 315deg ); font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #FFFFFF; } .featured-shape1-bottom-first-child { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 144px; height: 32px; background: inherit; background-color: rgba(32, 87, 158, 1); border: none; border-radius: 3px; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.498039215686275); -webkit-box-shadow: 0px 1px 1px rgb(0 0 0 / 50%); box-shadow: 0px 1px 1px rgb(0 0 0 / 50%); font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif; font-weight: 700; font-style: normal; color: #FFFFFF; } .featured-shape1-bottom-second-child { position: absolute; align-self: center; padding: 0px 8px 0px 8px; box-sizing: border-box; width: 100%; border-width: 0px; word-wrap: break-word; text-transform: none; } .featured-shape1-top { border-width: 0px; position: absolute; left: -33px; top: 24px; width: 140px; height: 28px; display: flex; -webkit-transform: rotate( 315deg ); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate( 315deg ); font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #FFFFFF; } .featured-shape1-top-first-child { border-width: 0px; position: absolute; left: 0px; top: 0px; width: 140px; height: 28px; background: inherit; background-color: rgba(229, 0, 0, 0); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 1); border-radius: 2px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif; font-weight: 700; font-style: normal; color: #FFFFFF; } .featured-shape1-top-second-child { display: none; visibility: hidden; position: absolute; align-self: center; padding: 0px 8px 0px 8px; box-sizing: border-box; width: 100%; border-width: 0px; word-wrap: break-word; text-transform: none; visibility: hidden; } .highlight-border { border: 2px solid #E87511 !important; box-shadow: 4px 4px 5px rgba(118, 118, 118, 0.698039215686274); } /* --------------------- 2.4 Show more button --------------------- */ .show_more_button_container { padding: 50px 10px 50px 10px; } .show_more_button_text { font-family: 'Roboto-Regular', 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; color: #B24F00; /*#3F3F3F;*/ line-height: 24px; letter-spacing: normal; text-transform: none; } .show_more_button_div { padding: 10px 10px 10px 10px; text-align: center; background-color: rgba(252, 239, 228, 1); border-width: 1px; border-style: solid; border-color: rgba(209, 104, 15, 1); border-radius: 5px; cursor: pointer; width: 300px; margin: auto; } .show_more_button_icon { padding: 10px 25px 10px 0px; background-color: rgba(252, 239, 228, 1); background-image: url('/Sites/RBClassified/images/showMoreArrow.svg'); background-size: 20px 10px; background-repeat: no-repeat; background-position: center; } /* --------------------- 2.5 Want Ads page --------------------- */ #want-ad { margin-bottom: 50px; height: 100%; } #want-ad .title { padding: 0px 0px 10px 0px; } #want-ad .form .title { text-align: center; } #want-ad .form-header .title { padding-bottom: 25px; } #want-ad .text { padding-bottom: 20px; padding-right: 0; } #want-ad img { padding-right: 15px; width: 100%; } #want-ad .privacy-link img { width: auto; } #want-ad .form-wrapper { min-height: 607px; margin-top: -45px; height: auto; background-color: #f0f0f0; padding: 15px 25px; border-radius: 12px; height: 100%; } #want-ad .input-group .input:first-child { margin-right: 10px; } #want-ad .form .button { width: 100%; text-align: center; margin-top: 10px; } #page-2, #page-3, #page-success { display: none; } #want-ad .form textarea { width: 100%; min-height: 274px; border: none; } #want-ad .form .btn-group { width: 100%; } #want-ad .btn-group .button { margin-right: 20px; } #want-ad .btn-group .button:last-child { margin-right: 0; } #want-ad .form-header { position: relative; } #want-ad .indicator { position: absolute; } #want-ad .line { border-top: 2px solid #ccc; width: 100%; position: absolute; margin: 7px 0px; } #want-ad .indicator { top: 36px; right: calc(50% - 40px); } #want-ad .circle { width: 15px; height: 15px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; margin-right: 20px; z-index: 800; } #want-ad .circle:last-of-type { margin-right: 0; } #want-ad .circle.active { background: #e87511; pointer-events: none; } #captchaVerif { margin: 13px 0px; } #captchaVerif > div { width: 100% !important; } #captchaVerif > div iframe { width: 100%; max-width: 304px; } .page_wantad #layout_middle_column1 { width: 25%; } .page_wantad #layout_middle_column2 { width: 75%; padding-right: 15px; } @media (min-width:992px) and (max-width:1338px) { #want-ad .form .title { text-align: left; } } @media (max-width:578px) { #want-ad .indicator { top: 30px; } } @media (max-width:992px) { .page_wantad #layout_middle_column1 { width: 35%; } .page_wantad #layout_middle_column2 { width: 65%; } .page_wantad #want-ad .form-wrapper { margin-top: 0px; } } /* --------------------- 2.6 Locator Map --------------------- */ .locator_map_left_label { position: relative; padding: 10px 10px 10px 50px; background-image: url(/Sites/RBClassified/images/MapLocationPointTop.svg); background-repeat: no-repeat; background-position: left center; background-position-x: 10px; } .locator_map_left_label_number { position: absolute; left: 16px; top: 12px; height: 15px; width: 12px; background-color: #767676; color: #FFF; text-align: center; } .locator_map_left_label_odd { background-color: #FFF; } .locator_map_left_label_even { background-color: #F0F0F0; } .locator_map_left_label_link { margin: 0px; color: #005B99; } .locator_map_left_label_text { margin: 0px; color: #3F3F3F; } /* --------------------- 2.7 Logged in user dropdown menu --------------------- */ #logged-in-user-menu { min-width: 268px; margin-top: 0; border-radius: 0; padding: 0; } #logged-in-user-menu .dropdown-item { padding: 10px 20px 8px 20px; border-bottom: 1px dashed; font-size: 14px; text-decoration: none; } #logged-in-user-menu .dropdown-item.active, #logged-in-user-menu .dropdown-item:active { background-color: #fff; } #logged-in-user-menu .dropdown-item span { color: #999; display: block; } #logged-in-user-menu .dropdown-item:last-child { border-bottom: none; } #mobile-header .mobile-menu li:first-child a.dark { font-weight: 700; text-decoration: none; } #mobile-header .mobile-menu li a.dark { background-color: transparent; } #mobile-header .mobile-menu li a { text-decoration: underline; } #mobile-header .mobile-menu a { background-color: #003971; } #logged-in-user-sidemenu { margin-top: 10px; margin-right: 30px; } @media (max-width:578px) { #logged-in-user-sidemenu { display: none; } } #logged-in-user-sidemenu .dropdown-item.active, #logged-in-user-sidemenu .dropdown-item:active { color: inherit; background-color: #FCEFE4; } #logged-in-user-sidemenu .dropdown-item { text-decoration: none; font-size: 16px; padding: 7px 10px; position: relative; height: 40px; border: 0 } #logged-in-user-sidemenu .dropdown-item:hover, #logged-in-user-sidemenu .dropdown-item:hover::after { background-color: #e87511; color: #fff; } #logged-in-user-sidemenu .dropdown-item.active::after, #logged-in-user-sidemenu .dropdown-item:hover::after { content: ""; width: 0; height: 0; display: block; position: absolute; z-index: 10; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-left-color: currentcolor; border-left-style: none; border-left-width: 0px; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-left-color: currentcolor; border-left-style: none; border-left-width: 0px; border-top: 22px solid transparent; border-bottom: 19px solid transparent; margin-top: -20px; top: 50%; border-left: 16px solid; left: auto; right: -15px; } #logged-in-user-sidemenu .dropdown-item.active::after { border-left-color: #FCEFE4; } #logged-in-user-sidemenu .dropdown-item:hover::after { background: #fff; border-left-color: #e87511; } #logged-in-user-tabsmenu { margin-bottom: 40px; } #logged-in-user-tabsmenu .tabs-container { margin-bottom: 25px; } #logged-in-user-tabsmenu a.item { display: flex; background-color: rgba(242, 242, 242, 1); border: none; border-radius: 10px; padding: 20px 10px; text-decoration: none; height: 100%; } #logged-in-user-tabsmenu a.item .icon { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #919191; background: #fff; display: flex; justify-content: center; align-items: center; } #logged-in-user-tabsmenu a.item .icon img { max-width: 38px; max-height: 38px; padding: 8px; width: auto; height: 100%; } #logged-in-user-tabsmenu a.item .content { padding-left: 10px; color: #000; } #logged-in-user-tabsmenu a.item .content .desc { font-size: 15px; } /* --------------------- 2.8 Product Card - Image Gallery--------------------*/ .gallery { padding: 0px; box-sizing: border-box; position: relative; } .gallery .big-media { display: none; } .gallery i.fa-angle-right { font-size: 30px; line-height: 1; position: absolute; right: 0; top: calc(50% - 25px); z-index: 10; background: rgba(255, 255, 255, .6); color: #000; padding: 10px 40px; cursor: pointer; box-shadow: -4px 0px 6px rgba(0,0,0,.7); } .gallery i.fa-angle-right:hover { background: rgba(255,255,255,.9); } .gallery i.fa-angle-left { font-size: 30px; line-height: 1; position: absolute; left: 0; top: calc(50% - 25px); z-index: 10; background: rgba(255, 255, 255, .6); color: #000; padding: 10px 40px; cursor: pointer; box-shadow: 4px 0px 6px rgba(0,0,0,.7); } .gallery i.fa-angle-left:hover { background: rgba(255,255,255,.9); } .gallery .gallery-thumbs.container { width: 100%; max-height: 450px; height: 100%; display: flex; margin-bottom: 15px; overflow: visible; position: relative; padding: 0px; box-sizing: border-box; z-index: 8; } .gallery .gallery-thumbs a.thumb { width: 100%; height: 100%; max-width: calc(50% - 5px); max-height: 450px; display: inline-block; float: left; flex-shrink: 0; margin-right: 10px; margin-bottom: 10px; box-sizing: border-box; display: flex; flex-wrap: nowrap; } .gallery .thumb img { width: 100%; height: auto; object-fit: cover; object-position: center center; } .gallery .countContainer { margin: 0 auto; height: 100%; position: absolute; display: block; float: none; right: 0; left: 0; } .gallery .imageCountContainer, .gallery .videoCountContainer { position: absolute; right: 10%; top: 10%; background-color: rgba(255,255,255,.6); padding: 5px 15px; box-shadow: 0px 0px 5px rgba(0,0,0,.6); border-radius: 5px; font-weight: bold; font-size: 18px; color: #444; z-index: 9; cursor: pointer; } .gallery .videoCountContainer { right: calc(10% + 80px); margin-right: 15px; } .gallery .imageCountContainer .thumbs_count_value, .gallery .videoCountContainer .thumbs_count_value { margin: 0px 5px; } #blueimp-gallery { background-color: rgba(0,0,0,.6); } .blueimp-gallery-display > .next, .blueimp-gallery-display > .prev { padding: 10px 16px 10px 16px; } .blueimp-gallery-display .title, .blueimp-gallery-display .prev, .blueimp-gallery-display .next, .blueimp-gallery-display .close, .blueimp-gallery-display .indicator { display: block; } .blueimp-gallery-display .prev, .blueimp-gallery-display .next, .blueimp-gallery-display .close { text-indent: -99999px; } .blueimp-gallery-display .indicator li i { font-size: 25px; position: absolute; top: calc(50% - 12.5px); right: calc(50% - 12.5px); display: none; } .blueimp-gallery-display .indicator li span.img_index { display: none; } .blueimp-gallery > .indicator > li { width: 40px; height: 40px; background-size: cover; } .blueimp-gallery > .indicator > li:hover:after { display: none; } .blueimp-gallery > .title { left: 0px; padding: 0px; text-align: center; opacity: 1; } .page_product .img-magnifier-glass { position: absolute; border: 1px solid #fff; border-radius: 0; cursor: none; width: 200px; height: 200px; z-index: 9999; background-repeat: no-repeat; } #videoDiv { display: none !important; } @media(max-width:991px) { .blueimp-gallery > .title { top: 0px; padding-top: 15px; line-height: 1.2; height: 65px; overflow: hidden; } .gallery { padding-bottom: 50px; } .gallery i.fa-angle-right, .gallery i.fa-angle-left { top: unset; bottom: 10px; box-shadow: unset; } .gallery .imageCountContainer, .gallery .videoCountContainer { top: unset; bottom: 16px; box-shadow: unset; padding: 2px; font-size: 28px; } .gallery .imageCountContainer .thumbs_count_value, .gallery .videoCountContainer .thumbs_count_value { font-size: 14px; position: absolute; top: -10px; } .gallery .gallery-thumbs.container { margin-top: 5px; } .page_product #layout_top { display: none; } .blueimp-gallery > .slides { height: 70%; padding-top: 65px; box-sizing: border-box; } #blueimp-gallery .prev, #blueimp-gallery .next { display: none; } .blueimp-gallery > .indicator { margin: 0px 15px; left: 0; right: 0; height: calc(30% - 70px); overflow-y: scroll; bottom: 60px; } .blueimp-gallery > .indicator > li { width: calc(20% - 6px); height: 100px; border-radius: 0px; border: 0px; position: relative; } .blueimp-gallery > .indicator > li.active:before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.5); } .blueimp-gallery > .indicator > li.active span.img_index { left: calc(50% - 11px); top: calc(50% - 11px); font-size: 22px; display: block; width: 20px; line-height: 1; height: 20px; } .blueimp-gallery-display > .play-pause { display: none; } #blueimp-gallery img { border-bottom: 0px; } .blueimp-gallery > .indicator > li { opacity: 1; position: relative; } .blueimp-gallery > .indicator > li span.img_index { position: absolute; color: #fff; z-index: 1000; right: 7px; bottom: 4px; font-size: 12px; text-shadow: 0px 0px 6px #000; opacity: 1; display: block; } .blueimp-gallery > .indicator > li i.fa-camera, .blueimp-gallery > .indicator > li i.fa-play { position: absolute; color: #fff; z-index: 1000; left: 7px; bottom: 4px; font-size: 12px; text-shadow: 0px 0px 6px #000; opacity: 1; top: unset; right: unset; display: block; } .page_product .img-magnifier-glass { display: none !important; } .gallery i.fa-angle-right { padding-left: 20px; } .gallery i.fa-angle-left { padding-right: 20px; } } @media(max-width:768px) { .gallery .gallery-thumbs a.thumb { max-width: 100%; } .blueimp-gallery > .indicator > li { width: calc(25% - 6px); } .gallery .countContainer { display: flex; flex-wrap: nowrap; bottom: 0px; text-align: center; height: 65px; align-content: center; justify-content: center; } .gallery .imageCountContainer, .gallery .videoCountContainer { left: unset; right: unset; width: 50%; position: relative; bottom: 0; padding-top: 4px; height: auto; display: inline-flex; align-items: center; } .gallery .imageCountContainer { justify-content: flex-start; padding-left: 20px; } .gallery .videoCountContainer { justify-content: flex-end; padding-right: 20px; } .gallery .imageCountContainer .thumbs_count_value, .gallery .videoCountContainer .thumbs_count_value { top: -18px; position: relative; right: 0; } } @media(max-width:560px) { .blueimp-gallery > .indicator > li { width: calc(33.333% - 6px); } .blueimp-gallery > .slides { height: 60%; } .blueimp-gallery > .indicator { height: calc(40% - 70px); } } .page_product .zoomContainer { position: inherit !important; } .page_product .image_main { max-height: 450px; } /* --------------------- 2.8.1 Product Card - Product details--------------------*/ .page_product #product-details { overflow: visible; position: relative; } @media (max-width:768px) { .page_product #product-details .container { display: flex; flex-wrap: wrap-reverse; padding: 0; } } /* --------------------- 2.8.2 Product Card - Product Contact--------------------*/ .page_product #product_contact { position: unset; top: 0px; width: 100%; z-index: 100; } .page_product #product_contact .verified_badge { text-align: left; } .page_product #product_contact .verified_badge .verified_icon { width: 35px; } /*.page_product #product_contact .year_badge .years { background-image: url(/Sites/RBClassified/images/icons/yearbadge.svg); display: inline-block; height: 48px; color: #fff; width: 55px; text-align: center; line-height: 40px; background-position: center; background-repeat: no-repeat; } */ #product_contact .content .col1 { width: 100%; } #product_contact > .col1 { box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); margin: 10px; margin-bottom: 0; } #product_contact #product-price { font-size: 50px; display: block; line-height: 50px; } #product_contact #product-price .currency { font-size: 25px; padding-left: 5px; line-height: 25px; display: inline-block; } #product_contact a.button.watchlist { top: 20px; right: 20px; } #product_contact #contact_form .summary-company { display: flex; flex-wrap: wrap; justify-content: space-between; } #product_contact #contact_form .summary-company > div { flex: 0; white-space: nowrap; } #product_contact #showmorebutton, #product_contact #showlessbutton { cursor: pointer; } #phone-number { position: relative; } #phone-number a.show_tel_number { font-style: normal; font-weight: bold; line-height: normal; font-size: 14px; text-transform: uppercase; display: inline-block; position: absolute; width: 90%; left: 10%; text-align: right; color: #4F4F4F; cursor: pointer; background: #F6F6F6; top: 0px; padding-bottom: 3px; padding-top: 1px; } #show-phone-number { position: absolute; border: 0; top: 0; right: 0; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #show-phone-number a.button { background-color: #ccc; width: 45px; height: 45px; position: absolute; top: -5px; left: 0; border-radius: 10px; } #show-phone-number .button i { line-height: 45px; margin: 0; } #show-phone-number > span { margin-left: 45px; } @media (min-width:992px) { .page_product #product_contact { position: absolute; width: 31%; top: -50%; } } @media (min-width:1338px) { .page_product #product_contact { width: 25%; top: -60%; } } @media (max-width: 1024px) { .page_product #product-details { height: 100%; overflow: auto; } } @media (max-width: 768px) { .page_product #contact_form a.watchlist { z-index: 0; } .page_product #product-details { overflow: unset; } .page_product #product_contact { z-index: 0; } .page_product .pc_header_table .product_summary > div { display: flex; border: none; padding: 10px 0px; border-bottom: 1px dotted; } .page_product .pc_header_table .product_summary > div svg { width: 25px; margin: 0; margin-right: 5px; height: 25px; } .page_product .pc_header_table .product_summary .header { width: 50%; } } /* --------------------- 2.8.2 Product Card - Product Contact Stickers--------------------*/ .productcontact-stickers-container { background-color: #f0f0f0; border-top: 2px solid #e87511; } /*.productcontact-stickers-container.fixed-bottom{ z-index:10;} */ .productcontact-stickers-container #productcontact-stickers a.button { width: 45%; margin: 0% 2%; } /* --------------------- 2.9 My Account page--------------------*/ .page_myaccount h1 { margin-top: 50px; border-bottom: 1px solid #ccc; padding-bottom: 25px; } /* --------------------- 2.10 AdNuntiusBanners--------------------*/ #banner iframe, #banner div[id^=adn] { max-width: 100% !important; } #search_results #banner { padding: 30px 10px 30px 10px; margin: 0px 15px; } @media screen and (max-width: 425px) { #banner { padding: 30px 0px; } } @media screen and (max-width: 1300px) { #search_results #banner { padding: 0; } } /* --------------------- 2.11 Page MySettings--------------------*/ .page_mysettings #layout_top { padding: 15px 0; } .page_mysettings .myEmailSettings .myEmailSettings_note, .page_mysettings .mySettings .myCompanyName_note { margin-top: 5px; display: inline-block; font-size: 13px; } .page_mysettings #layout_middle_column1 { width: 25%; } .page_mysettings #layout_middle_column2 { width: 75%; padding-right: 15px; } @media (max-width: 576px) { .page_mysettings #page_wrapper { margin-top: 30px; } .page_mysettings #layout_middle_column1 { width: 30%; } .page_mysettings #layout_middle_column2, .page_wantad #layout_middle_column2 { width: 100% !important; padding-right: 0px !important; } } @media (min-width: 768px) { .page_mysettings #layout_middle_column1 { width: 25%; } .page_mysettings #layout_middle_column2 { width: 75%; } } @media (max-width: 992px) { .page_mysettings #layout_top { max-width: 100% !important; } } /* --------------------- 2.12 Social Links--------------------*/ .socialLinks { margin-top: 20px; margin-bottom: 20px; float: right; width: 60%; text-align: right; clear: both; position: relative; z-index: 1; } .socialLinks:after { content: ""; clear: both; display: table; } .socialLinks a { cursor: pointer; margin: 0px 2px; line-height: 28px; } .socialLinks a i.fa-google-plus-square { color: #DD4B39; } .socialLinks a i.fa-facebook-square { color: #3B5998; } .socialLinks a i.fa-twitter-square { color: #00ACED; } .socialLinks a i.fa-linkedin-square { color: #007BB6; } .socialLinks a i:hover { cursor: pointer; } .socialLinks span { margin: 0px 2px; line-height: 28px; } .page_product .socialLinks a { color: #3F3F3F; } .page_product .socialLinks a:first-of-type { margin-right: 15px; } .page_product .socialLinks a:hover { color: #3F3F3F; } .page_product .socialLinks svg { color: #3F3F3F; fill: #3F3F3F; } /* --------------------- 2.13 Page MySavedSearches--------------------*/ .page_mysavedsearches #layout_top { padding: 15px 0; } .page_mysavedsearches #layout_middle_column1 { width: 25%; } .page_mysavedsearches #layout_middle_column2 { width: 75%; padding-right: 15px; } @media (max-width: 578px) { .page_mysavedsearches #layout_middle_column2 { width: 100% !important; } } @media (min-width: 576px) { .page_mysavedsearches #page_wrapper { margin-top: 30px; } .page_mysavedsearches #layout_middle_column1 { width: 30%; } .page_mysavedsearches #layout_middle_column2 { width: 70%; } } @media (min-width: 768px) { .page_mysavedsearches #layout_middle_column1 { width: 25%; } .page_mysavedsearches #layout_middle_column2 { width: 75%; } } @media (max-width: 992px) { .page_mysavedsearches #layout_top { max-width: 100% !important; } } /**} /* --------------------- 2.14 Page dealer--------------------*/ .page_dealer #dealer-section { font-size: 16px; } .page_dealer #dealer-section .company_logo { width: auto; } .page_dealer #dealer-section .verified_badge img { width: 35px; } .page_dealer #dealer-section .dealer-details { padding-top: 0px; padding-bottom: 20px; } .page_dealer #dealer-section h2 { font-size: 32px; } .read-more { text-transform: lowercase; } .dealerrow { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding-bottom: 15px;} .page_dealer #dealer-section .dealer-image { background-repeat: no-repeat; background-size: auto 100%; background-position: right; max-width: 560px; max-height: 340px;} .page_dealer #dealer-section .dealer-image img { max-width: 560px; max-height: 340px; } @media (max-width: 1200px) { .page_dealer #dealer-section .dealer-image img { max-width: 400px; max-height: 240px; } } @media (max-width: 1000px) { .page_dealer #dealer-section .dealer-image img { max-width: 430px; max-height: 260px; } } @media (max-width: 990px) { .page_dealer #dealer-section .dealer-image img { max-width: 300px; max-height: 180px; } } @media (max-width: 900px) { .page_dealer #dealer-section .dealer-image img { max-width: 300px; max-height: 180px; } } @media (max-width: 800px) { .page_dealer #dealer-section .dealer-image img { max-width: 280px; max-height: 170px; } } @media (max-width: 767px) { .page_dealer #dealer-section .dealer-image { display:none; } } /* --------------------- 2.15 Page MyFavorites--------------------*/ .page_myfavorites #layout_top { padding: 15px 0; } .page_myfavorites #layout_middle_column1 { width: 25%; } .page_myfavorites #layout_middle_column2 { width: 75%; padding-right: 15px; } @media (max-width: 578px) { .page_myfavorites #layout_middle_column2 { width: 100% !important; } } @media (min-width: 576px) { .page_myfavorites #page_wrapper { margin-top: 30px; } .page_myfavorites #layout_middle_column1 { width: 30%; } .page_myfavorites #layout_middle_column2 { width: 70%; } } @media (min-width: 768px) { .page_myfavorites #layout_middle_column1 { width: 25%; } .page_myfavorites #layout_middle_column2 { width: 75%; } } @media (max-width: 992px) { .page_myfavorites #layout_top { max-width: 100% !important; } } /* --------------------- 2.16 Banner --------------------*/ #banner div, #banner div[id*='_ins'] { text-align: center; } #banner img { width: auto; height: auto; max-width: 100%; } /* --------------------- 2.17 Financing Page --------------------*/ .page_financing .form-wrapper { background-color: #f0f0f0; padding: 15px 25px; border-radius: 12px; height: 100%; } .form .input { margin-bottom: 10px; } .form select, .form input { border-color: #ccc; } .input-group .input { width: calc(50% - 5px); } .page_financing #page_wrapper { margin-top: 0; margin-bottom: 20px; } .finance-logo { width: 100%; text-align: center; } .finance-logo img { width: 200px; } .promo-text { font-family: "Roboto"; line-height: 25px; } .promo-text .mobile { display: none; } .promo-text ul { line-height: 35px; } .promo-text img { width: 100%; } .finance-form .form-wrapper { height: unset; } .finance-form .form-header { margin: 15px 0px; } .finance-form .input.required label::after { content: '*'; color: #f00; margin-left: 4px; } .finance-form .input-group .input:first-child { margin-right: 10px; } .finance-form .form-footer .button { width: 140px; margin: 10px 0px; } .finance-form .privacy { font-size: 0.9rem; } .finance-form span.light { color: #888; padding-left: 10px; } #finance-slider { width: 93%; margin: auto; margin-top: 30px; background: none; background-color: rgba(0, 0, 0, 0); background-color: #ccc; height: 2px; border: none; position: relative; } .finance-form .ui-slider-horizontal .ui-slider-handle { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; border: 2px solid #e87511 !important; border-radius: 50%; height: 20px; width: 20px; background: #fff; } .finance-form .ui-slider-handle:focus { outline: none; } .finance-form .ui-slider-range { background-color: #e87511; } .finance-form .ui-slider-handle:hover, .ui-slider-handle:focus-within { background: none; background-color: #e87511; } #handle { max-width: 65px; width: max-content; background-color: #e87511; padding: 2px; color: #fff; box-sizing: border-box; background-color: #fff; color: #333; border: 1px solid #ccc; user-select: none; } #label-min { left: -23px; } #label-min, #label-max { font-size: 14px; padding: 2px; /*! background: #ccc; */ width: max-content; position: absolute; bottom: 10px; } #label-max { right: -28px; } .promo-video iframe { width: 100%; height: auto; min-height: 340px; } .promo-text h3 { font-weight: bold; } @media screen and (max-width: 768px) { .promo-text .desktop { display: none; } .promo-text .mobile { display: block; margin-bottom: 15px; } .promo-text img { display: none; } .finance-form .input-group .input { width: 100%; margin-right: 0 !important; } .promo-video { margin-bottom: 15px; } .promo-video iframe { min-height: 200px; } } /* --------------------- 2.18 Financing Calculator --------------------*/ #purchase { display: none; } #financing-calc .title { padding: 0; margin-bottom: 10px; } #financing-calc .button.main-color { width: 100px; padding: 0; margin: 15px 0px; } #financing-calc .light { color: #767676; } .calc-wrapper { background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 30px 20px; } .calc-wrapper > div { margin-bottom: 20px; } .calculator .btn-group .button { border: 1px solid #ccc; padding: 5px 15px; } .calculator .btn-group .button:nth-child(1) { border-radius: 5px 0px 0px 5px; border-right: none; } .calculator .btn-group .button:nth-child(2) { border-radius: 0px 5px 5px 0px; border-left: none; } .calculator .btn-group .button.active { background: #fcefe4; border: 1px solid #d36700; color: #d36700; pointer-events: none; } .calculator .input { margin: 20px 0px; } .calculator .input > div { display: block; } .calculator .input input, .calculator .input select { border-color: #ccc; width: auto; display: inline-block; border-radius: 5px; margin: 10px 0px; } .calculator span.unit { display: inline-block; padding: 10px; } .calculator .result { width: calc(100% + 40px); background-color: #f0f0f0; margin: 0px -20px; padding: 10px 20px; } .calculator .result-value { font-size: 1.5em; } .calculator .header > div { padding-bottom: 10px; } #interestRatesBudget, #interestRatesMonthly { max-width: 75px; } #monthlyPaymentAmount { margin-bottom: 31px; } #est-financing { width: auto; } #est-financing > div:nth-child(1) span { margin-left: 5px; cursor: pointer; } #est-financing > div:nth-child(1) span i { color: #fff; background-color: #003971; height: 15px; width: 15px; text-align: center; line-height: 15px; border-radius: 50%; font-size: 10px; } /* --------------------- 2.19 PurchaseSafe page --------------------*/ .page_purchasesafe .purchasesafe_banner img { /*background-image: url('/Sites/RBClassified/images/purchasesafe_landinghero.jpg'); background-position: center; background-size: cover;*/ max-width: 100%; } .page_purchasesafe .purchasesafe_banner .purchasesafe_banner_content { margin: 0 -15px; color: #fff; } .page_purchasesafe .purchasesafe_banner .purchasesafe_banner_content .button { display: inline-block; margin-top: 20px; } .page_purchasesafe .contactform-header p { font-size: 20px; } .page_purchasesafe .contactform-header h1 { display: none; } .page_purchasesafe .purchasesafe_banner_bottom { display: flex; padding: 0px !important; margin-bottom: 20px; } .page_purchasesafe .purchasesafe_banner_bottom_text { /* padding: 65px 50px; */ background-color: rgba(252, 239, 228, 1); /* align-items: stretch; */ /* display: table-cell; */ display: flex; justify-content: center; align-content: center; flex-direction: column; /* vertical-align: middle; */ padding: 40px; } .page_purchasesafe .purchasesafe_banner_bottom_text p { font-size: 16px; margin-bottom: 0px; } .page_purchasesafe .purchasesafe_banner_bottom_image img { width: 478px; height: auto; border: 15px solid #c1c1c1 } .page_purchasesafe .purchasesafe-section { display: flex; } .page_purchasesafe .purchasesafe-section .purchasesafe_section_image img { width: 314px; height: auto; } .page_purchasesafe #secure_transaction_how ol.purchasesafe_custom_list li { padding: 5px 0px 5px 5px; } .page_purchasesafe #secure_transaction_how ul.purchasesafe_custom_list li { background: url(/Sites/RBClassified/images/checkmark.PNG) no-repeat left top; padding: 5px 0px 5px 27px; list-style: none; margin: 0; background-position-y: 7px; } .page_purchasesafe #secure_transaction_how .list_header { font-weight: 500; font-size: 1.5em; } .page_purchasesafe #secure_transaction_how table { background-color: #f0f0f0; } .page_purchasesafe #secure_transaction_how { padding-top: 150px; } .page_purchasesafe .purchasesafe-section .purchasesafe_section_text { display: flex; justify-content: center; align-content: center; flex-direction: column; padding-left: 30px; } /*** ---------------------------------------------------* 3. Responsive* ---------------------------------------------------*/ @media (max-width:1200px) { .page_blog #page_wrapper, .page_blogcontent #page_wrapper { margin-top: 135px; } } @media (max-width: 991px) { .page_blog #layout_middle_column1, .page_blog #layout_middle_column2 { float: left; width: 100%; } .page_blogcontent .teaser.auth-track { height: 214px; padding-bottom: 0px; } .auth .teaser.teaser--hero .teaser__text-wrap h2, .auth .teaser.teaser--hero .teaser__text-wrap .h2 { opacity: 1; } .page_blogcontent .teaser.auth-track.teaser--hero .teaser__img-wrap.teaser-msie { min-height: 214px; } .auth .teaser.teaser--hero .teaser__text-wrap { position: absolute; margin-top: 0px; top: 20%; left: 0%; max-width: 100%; display: block; } .page_purchasesafe .purchasesafe_banner_bottom { display: block !important; } .page_purchasesafe .purchasesafe_banner_bottom .purchasesafe_banner_bottom_image { display: none; } } @media (min-width:769px) and (max-width: 991px) { .page_search #layout_middle_column1 { padding-left: 10px; } } @media (max-width:768px) { .page_blog ol li.blogItem { width: 100%; flex: 0 0 100%; max-width: 100%; } .sellerdetails { width: 100%; margin: 0; border-radius: 0; } .page_product #layout_middle_column2 { margin: 0; } .modal-link { display: none; } #product_details { margin-top: 20px; } #product_details tr.header td { border: none; font-size: 1.6rem; } #product_details tr.header { background: none; } #product_details table.data { width: 90%; margin: auto; } .socialLinks { width: 100%; float: none; text-align: center; } .page_product .socialLinks a:first-of-type { margin-right: 50px; } #product_contact > .col1 { box-shadow: none; margin: 0; width: 100%; } .page_purchasesafe .purchasesafe-section { position: relative; } .page_purchasesafe .purchasesafe-section .purchasesafe_section_image { position: absolute; } .page_purchasesafe .purchasesafe-section .purchasesafe_section_image img { height: 60px; width: 60px; object-fit: cover; } .page_purchasesafe .purchasesafe-section .purchasesafe_section_text h2 { min-height: 60px; padding-left: 70px; } .page_purchasesafe .purchasesafe-section .purchasesafe_section_text { padding-left: 0px; } } @media (max-width:660px) { body, html { margin: 0 auto; overflow-x: hidden; } .page_blog #page_wrapper, .page_blogcontent #page_wrapper { margin-top: 175px; } } @media (max-width:580px) { .page_blog #page_wrapper, .page_blogcontent #page_wrapper { margin-top: 0px; } .page_purchasesafe #secure_transaction_how table td { display: block; } } @media (max-width:558px) { .page_search #layout_middle_column2 h1.main_header { margin-top: 25px; } } @media (max-width:400px) { .page_purchasesafe .purchasesafe-section .purchasesafe_section_text h2 { line-height: 30px; font-size: 18px; } } @media (min-width:768px) and (max-width:991px) { #top-section .btn-group, #top-section .button i { line-height: unset; } .button.search { padding: 0; } } @media (min-width:1338px) { .container { max-width: 1338px !important; } #layout_middle { max-width: 1338px; } } /*** ---------------------------------------------------* 4. Temp fix * ---------------------------------------------------*/ /*-----------------------4.1 Temp login page-----------------------*/ #login_form { padding-left: 50px; } .form-control.login_input { width: 200px; }