@charset "utf-8"; /* CSS Document */ @font-face { font-family: FontAwesome; font-weight: normal; font-style: normal; src:url('/store/agilent_fonts/icomoon.eot?96h3dp'); src:url('/store/agilent_fonts/icomoon.eot?#iefix96h3dp') format('embedded-opentype'), url('/store/agilent_fonts/icomoon.woff?96h3dp') format('woff'), url('/store/agilent_fonts/icomoon.ttf?96h3dp') format('truetype'), url('/store/agilent_fonts/icomoon.svg?96h3dp#icomoon') format('svg'); } @font-face{ font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(/store/agilent_fonts/webfonts/fa-brands-400.eot);src:url(/store/agilent_fonts/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/store/agilent_fonts/webfonts/fa-brands-400.woff2) format("woff2"),url(/store/agilent_fonts/webfonts/fa-brands-400.woff) format("woff"),url(/store/agilent_fonts/webfonts/fa-brands-400.ttf) format("truetype"),url(/store/agilent_fonts/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;src:url(/store/agilent_fonts/webfonts/fa-light-300.eot);src:url(/store/agilent_fonts/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/store/agilent_fonts/webfonts/fa-light-300.woff2) format("woff2"),url(/store/agilent_fonts/webfonts/fa-light-300.woff) format("woff"),url(/store/agilent_fonts/webfonts/fa-light-300.ttf) format("truetype"),url(/store/agilent_fonts/webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;src:url(/store/agilent_fonts/webfonts/fa-regular-400.eot);src:url(/store/agilent_fonts/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/store/agilent_fonts/webfonts/fa-regular-400.woff2) format("woff2"),url(/store/agilent_fonts/webfonts/fa-regular-400.woff) format("woff"),url(/store/agilent_fonts/webfonts/fa-regular-400.ttf) format("truetype"),url(/store/agilent_fonts/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;src:url(/store/agilent_fonts/webfonts/fa-solid-900.eot);src:url(/store/agilent_fonts/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/store/agilent_fonts/webfonts/fa-solid-900.woff2) format("woff2"),url(/store/agilent_fonts/webfonts/fa-solid-900.woff) format("woff"),url(/store/agilent_fonts/webfonts/fa-solid-900.ttf) format("truetype"),url(/store/agilent_fonts/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900;font-style:normal; } @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 400; font-display: block; src: url('../../common/agilent_fonts/webfonts/fontawesome6/fa-regular-400.eot'), url("../../common/agilent_fonts/webfonts/fontawesome6/fa-regular-400.woff2") format("woff2"), url('../../common/agilent_fonts/webfonts/fontawesome6/fa-regular-400.woff') format('woff'), url("../../common/agilent_fonts/webfonts/fontawesome6/fa-regular-400.ttf") format("truetype"), url('../../common/agilent_fonts/webfonts/fontawesome6/fa-regular-400.svg#font_awesome_6_proregular') format('svg'); } .fa6{font-family: 'Font Awesome 6 Pro';font-style: normal;} .fa6.fa-arrows-rotate:before{content:"\f021"} /*========Global Classes======*/ body {background:#f6f6f6 !important; color:#444;} .noMargin {margin:0; padding:0;} .noPadding {padding:0;} .smLogo {width:160px;} .f20 {font-size:20px; color:#0767c9;} ul {list-style:none; padding:0px; margin:0px;} a { color: #0085D5; text-decoration: none; } a:hover, a:focus { color: #00426A; text-decoration: underline; } .noFloat {float:none;} .inline{display:inline} .fontNormal {font-weight:normal;} .smallFont {font-size:11px;} .caps {text-transform:capitalize;} .upper {text-transform:uppercase;} .lower {text-transform:lowercase;} .bold {font-weight:bold;} .blue {color:#0767c9;} .red {color:#cd5c5c;} .green {color:#35b115;} h3.title {font-size:18px;} .bottomLine {border-bottom:1px solid #ccc; margin:0px 8px 10px; padding-bottom:10px; *margin-bottom:25px;} .p15 {padding-top:15px;} .p5 {padding-top:5px;} .pbot0{padding-bottom:0px;} .mr10 {margin-right:10px;} .mbot20 {margin-bottom:30px;} .mbot10{margin-bottom:10px;} .mbot5{margin-bottom:5px; *margin-bottom:4px;} .mbot0 {margin-bottom:0px;} .mtop5 {margin-top:5px;} .mtop0 {margin-top:0px; margin-bottom:20px;} .mLeft20 {margin-left:20px;} .mLeft18 {margin-left:18px;} .mLeft10 {margin-left:10px;} a:hover, a.dropdown-toggle:hover, a.dropdown-toggle:focus {text-decoration:none;} #bin {margin:0 auto; width:960px;} .dash {height:45px; background:url(../images/dash.gif) repeat-x left bottom; margin:0 auto; width:100%;} .htAdj {clear:both; height:2px; margin-bottom:20px;} .form-horizontal .billShip .control-label, .f14 {font-size:14px;} .form-horizontal .billShip .checker {margin-right:25px;} /*registration country drdown*/ /*div.selector {width:270px !important;}*/ #uniform-rem.checker span {margin-top:0px;} #uniform-rem label.col-lg-4 {width:auto; padding-right:0;} .padding510 {padding:5px 10px !important; line-height:16px;} /*====Added for China message board======*/ .messageBoardLayout table.fixed{ table-layout:fixed; border:1px solid #D3D3D3; word-break:break-all;} .messageBoardLayout table tbody tr td.messageRowFix{ width:435px; height:125px;} /*=====Header styles=====*/ h1.logo {float:left; width:26%; padding:10px 0px;} h1.logo a {background:url(../images/logo.gif) no-repeat; height:47px; font-size:0px; display:block; position:relative;} #header nav {float:right; margin:0px; /*width:65%;*/width:74%;} nav ul {float:left; padding:0;} nav ul.loginReg {margin-top:30px; float:right; margin-right:20px;} #header nav li {background:url(../images/navsep.gif) no-repeat right 0; float:left; font:bold 11px arial; padding:0 10px;} #header nav ul.loginReg > li {max-width:98px;} /*#header nav ul.loginReg li:first-child {max-width:220px;}*/ nav ul.loginReg > li.first{height:40px; overflow:hidden; text-align:right; max-width:170px !important; *max-width:150px !important;} #header nav li.last {background:none;} #header .dropdown-menu li {float:none; background:none; padding:0px;} .accountPanel {float:right; position:relative; /*width:43%;*/ width:38%;} ul.myCartOrder {background:url(../images/sprite.png) no-repeat -40px -12px; border-bottom:1px solid #ccc; margin-left:6px; height:65px; width:/*259px;*/96%; *width:260px;/*width:98%; background:url(../images/sprite.png) no-repeat -34px 0px;*/ } .accountPanel .lftCrv {background:url(../images/sprite.png) no-repeat -24px 0; position:absolute; width:7px; height:52px; left:0px; bottom:-1px; height:79px;} .accountPanel .rgtCrv {background:url(../images/sprite.png) no-repeat -393px 0; position:absolute; width:7px; height:52px; right:0px; bottom:-1px; height:79px;} #header .myCartOrder li {float:left; width:33.3%; text-align:center; font:bold 11px Arial, Helvetica, sans-serif; border-right:1px solid #ced2d7; padding:0px; background:none;} #header .myCartOrder li a {padding:10px 7px 7px; display:block; color:#444;} #header .myCartOrder li span {background:url(../images/sprite.png) no-repeat; width:18px; height:18px; display:block; margin:0px auto 3px;} #header .myCartOrder li.last {border-right:0 none;} #header .myCartOrder li span.myAccount {background-position:0 0;} #header .myCartOrder li span.myCart {background-position:0 -20px;} #header .myCartOrder li span.myQckOrder {background-position:0 -40px;} #header .myCartOrder li .myAcDrdwn li span{background:none; width:auto; height:auto; display:block; margin:0px 0px; padding:7px 10px 5px} /*====My Account Dropdown=====*/ .myCartOrder li.first {position:relative;} .myCartOrder li.first:hover .myAcDrdwn, .dispBlk {display:block;} .myAcDrdwn {display:none; position:absolute; width:200px; background:#e4e4e4; z-index:3; border:1px solid #CED2D7; border-top:0 none; margin:0 0 0 1px;} #header .myCartOrder li .myAcDrdwn li {float:none; border:0 none; width:auto; text-align:left;} h5.gpTitle {background:#efeff0; border-color:#cecece; border-width:1px 0 1px; border-style:solid; font:bold 11px arial; margin:0px; padding:5px; word-wrap:break-word; display:block;} #header .myCartOrder li .noFloat li a {padding:7px 10px 5px;} #header .myCartOrder li .noFloat li a:hover {color:#0767C9;} .more button.btnSmall {padding:3px 7px 3px 8px; font:bold 10px arial; width:auto; margin:0px 10px 10px 0; float:right;} ul.myCartOrder > li {height:64px;} ul.myCartOrder > li > a {height:100%; *height:75%; padding:10px 5px 7px; word-wrap:break-word; display:block;} /*====GLOBAL TOP MENU=====*/ .topNav {margin:15px 17px 0 21px; position:relative; width:921px; background:url(../images/menuTopBg.gif) repeat-x;} .menuLft {background:url(../images/sprite.png) no-repeat -21px -93px; width:22px; height:63px; float:left; left:-21px; position:absolute;} .menuRgt {background:url(../images/sprite.png) no-repeat -53px -93px; width:18px; height:63px; float:right; right:-18px; position:absolute;} .topNav form {margin:0px; padding:0; } .topNav .input-append {margin:0px; padding:0; background:url(../images/sprite.png) no-repeat 0 -760px !important; height:38px;} /*z-index remove for type ahead drop down*/ .Explorer7 .topNav .input-append {background:url(../images/sprite.png) no-repeat 0 -213px !important;} .topNav input[type=text] {/*background:url(../images/sprite.png) no-repeat 0 -213px !important;*/ background:none !important; border:0 none; padding:11px 10px 12px; /*width:215px;*/ width:222px; float:left} .Safari .topNav input[type=text]{width:221px;} .Explorer7 .topNav input[type=text] {width:199px;} .topNav .btn {background:url(../images/sprite.png) no-repeat -4px -166px; padding:0; height:40px; width:47px; position:relative; left:-5px; top:0px; vertical-align:inherit; border:none; z-index:1;} .lt-ie8 .topNav .btn{top:-2px;} /*mainmenu dropdown*/ .dropMenu {position:absolute; z-index:2; background:#fff; width:250px; border:1px solid #cecece; display:none;} /*== MAINMENU STYLES ==*/ .lt-ie8 .topNav {position:relative; z-index:5;} .mainMenu {padding:0px; float:left; width:645px; margin-left:1px;} .mainMenu table {height:63px; font-size:13px; width:auto!important} .mainMenu td {text-align:center; /*width:100px; padding:0px 10px;*/ padding:0; height:61px;} .mainMenu td.menu {position:relative;} .mainMenu td > a {display:block; color:#eee;} .mainMenu .menu:hover .dropMenu {display:block; z-index:8;} .mainMenu .menu:hover > a {/*background:url(../images/act.png) repeat-x; border-radius:8px 8px 0 0;*/} .mainMenu td.sep {height:30px; width:2px; margin: 15px 0; padding: 0 18px;} .mainMenu td.sep span {display:block; background:url(../images/sprite.png) no-repeat -12px -115px; height:30px; width:2px;} .mainMenu .menu:first-child .dropMenu {left:0px; *left:-1px;} .dropMenu {top:60px; width:auto; padding:10px; text-align:left; background:#F4F4F4; margin-left:-21px; *left:1px; border-radius:0px 0px 10px 10px; box-shadow:0px 1px 3px #B8C7DB;} .Explorer .dropMenu {box-shadow:inset 0px 1px 6px #B8C7DB;} .dropMenu .col_1 {width:220px; float:left; margin-right:10px; *margin-right:5px;} .dropMenu .col_1:last-child {margin-right:0px;} /* .menu:first-child .dropMenu .col_1:first-child {padding-left:22px;} */ .dropMenu .col_1:first-child {padding-left:10px;} .dropMenu .col_1 ul {border-bottom:1px dashed #ccc; margin-right:15px; padding-bottom:5px;} .dropMenu h3 {color:#204974; margin:7px 0 5px; padding-bottom:7px; font:bold 13px Arial, Helvetica, sans-serif;} .topNav .dropMenu li {font:normal 13px Arial, Helvetica, sans-serif; margin-bottom:5px;} .topSearch {/*position:relative; right:-15px; top:3px;*/ margin-right:-15px; margin-top:11px;} .Explorer7 .topSearch {margin-right:-13px;} .topNav input[type="text"].activated {/*position:absolute; z-index:1; right:4px; top:-12px;*/ background:url(../images/sprite.png) no-repeat 0 -353px !important;} /*==========SIDEBAR==========*/ .sidebar {margin-left:20px; margin-bottom:20px; padding:0px; width:192px; float:left;} .sidebar div.mbot20 {border-bottom:0 none; border-right:1px solid #d0dbe6; border-top:0 none; border-left:1px solid #f7f8fa; -moz-box-shadow:1px 1px 0px #B8C7DB; -webkit-box-shadow:1px 1px 0px #B8C7DB; box-shadow:1px 0px 0px #B8C7DB; } .sidebar h2 {font-size:14px; background:#f2f6f9; font-weight:bold; text-transform:uppercase; padding:20px 0px 20px 10px; margin:0px; color:#444;} .sidebar h2 span {background:url(../images/sprite.png) no-repeat scroll -175px -105px; width:15px; height:15px; float:left; margin-right:5px;} .sidebar ul {border-top:1px solid #CAD6E1;} .sidebar ul > li {border-bottom:1px solid #cad6e1; margin-bottom:1px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f6f9', endColorstr='#e4ebf1'); background:-webkit-gradient(linear, left top, left bottom, from(#f2f6f9), to(#e4ebf1)); background:-moz-linear-gradient(top, #f2f6f9, #e4ebf1); display:block; } .sidebar ul > li > a {padding:8px 12px; display:block; color:#0767c9; font-size:15px; display:block;word-wrap: break-word;} .sidebar ul > li > a:hover { -moz-box-shadow:inset 1px 1px 18px #b8c7db; -webkit-box-shadow:inset 1px 1px 18px #b8c7db; box-shadow:inset 1px 1px 18px #b8c7db; } .sidebar ul > li span {position:absolute; right:-14px; top:0px; z-index:6; height:37px; width:13px; background:url(../images/sprite.png) no-repeat -195px -96px; display:none; *right:-15px;} ul#categories li span{left:406px;} .lt-ie8 ul#categories li span,.lt-ie9 ul#categories li span{left:402px;} .dropCols {position:absolute; left:418px; width:567px; background:#f2f6f9; top:-5px; z-index:5; border:1px solid #aeaeae; display:none; overflow-x:none; overflow-y:auto; padding:0 15px} .lt-ie8 .dropCols,.lt-ie9 .dropCols{left:414px;} .lt-ie8 .dropCols {overflow-x:hidden;} /*.sidebar ul > li:hover span, .sidebar ul > li:hover .dropCols {display:block;}*/ .colGrid h3 {font-size:14px; font-weight:bold; color:#444;} .colGrid {width:47%; margin-right:3%;} .colGrid ul {padding-bottom:20px; border-top:0 none; border-bottom:1px solid #aeaeae; margin-right:10%;} .colGrid ul:last-child {border-top:0 none; border-bottom:0 none;} .sidebar ul > li .colGrid li, .sidebar ul > li .colGrid li a:hover {background:none; border:0 none; box-shadow:none;} .sidebar ul > li .colGrid li a {padding:0px; padding:2px 0px; font:normal 14px arial;} .sidebar ul > li .colGrid li a:hover {color:#0083D8;} .sidebar ul li.grey a{color:#444444} /*------sidebar categories------*/ .categories h2 {color:#444;} .categories h2 span {background:url(../images/sprite.png) no-repeat -366px -234px; margin-right:20px;} .categories ul li {/*border:0 none;*/ background:#ccd6de; margin:0; padding:0px 10px; color:#0050a1;} .categories ul li a {color:#0050a1;} .categories ul li.mainList {border-bottom:1px solid #b3c1cf; padding:8px; background:linear-gradient(180deg, #d9e1e7 0%, #c0ccd8 60%); font:normal 15px arial; color:#0083d8;} .categories .parentCat {padding-top:5px;} .sidebar ul li.mainList {padding:0px;} .sidebar ul li.mainList a:hover{background-color:#b8c7db} h3.pCat {margin:7px 0 7px 5px; font-weight:bold; font-size:14px; color:#0050a1;} .parentElem, .categories ul li.parentElem {cursor:pointer; background:url(../images/sprite.png) no-repeat -58px -319px; padding-left:10px;} .closedList, .categories ul li.parentElem.closedList {background:url(../images/sprite.png) no-repeat -78px -307px; font-weight:bold;} .noChild, .categories ul li.parentElem.noChild {background:none;} .categories .childCat li, .categories .childCat li a, .f12 {padding:0px; font-size:12px; font-weight:normal;} .categories .childCat li {margin:4px 0px 0px 8px; font-weight:normal 12px arial; padding-left:8px; background:url("../images/sprite.png") no-repeat -79px -308px;} .categories .childCat li.last {padding-bottom:10px;} .categories .childCat li a:hover, .categories .parentCat a:hover {background:none; box-shadow:none; color:#2a6496;} .categories .childCat .parentElem > a, .categories .childCat li.last > a {font-weight:bold;} #fileUp {border:1px solid #ccc;} .upload {width:500px; font:normal 12px arial;} .uploadSection {width:370px; margin:20px auto; line-height:30px;} /*----sidebar secondary list-----*/ .sidebar ul.secList {background:#fff; border:0 none;} .sidebar ul.secList > li {background:none; padding:10px 0px 0px 10px; position:relative} .sidebar ul.secList > li span {width:20px; display:inline; background:url(../images/sprite.png) no-repeat -211px -90px; left:10px; top:10px;} .sidebar ul.secList > li.myCat span {background-position:-232px -90px;} .sidebar ul.secList > li.ordStat span {background-position:-253px -90px;} .sidebar ul.secList > li.ordStat11 {border:0 none;} .sidebar ul.secList > li a {font:bold 14px arial; text-transform:uppercase; padding-left:25px;} .sidebar ul.secList > li a:hover {box-shadow:none;} .selectLang {float:none; width:140px; *width:110px!Important;} .selector .selectLang{width:100%!important;} /*=========FOOTER==============*/ footer{height:auto; clear:both} #footer{/*border-bottom: 4px solid #BCBFC3;*/ padding:27px 0; overflow: hidden; text-align:center} #footer > div {padding-left:0px; *text-align:center} #footer ul{margin:0 auto; display:inline-block; *display:inline; } #footer ul li { display:inline-block; float:left; *display:inline; *float:none; font-size:11px; font-weight:bold; list-style-type:none; text-transform:uppercase; margin:0; padding:0 31px; overflow: hidden; } #footer ul li.sep{background:url(../images/sprite.png) no-repeat -2px -98px transparent; height:13px; width:1px; padding:0; margin:0; overflow:hidden; display:inline-block; *display:inline; *position: absolute} #footer ul li.links a{display: inline-block; max-width: 135px;} #footer .punch{border: none;} .copyright{text-align:center; font-size:11px; padding:10px 0; overflow:hidden;} .copyright ul { margin: 0 auto; width: 100%; overflow:hidden } .copyright ul li.first { background: none repeat scroll 0 0 transparent;} .copyright ul li {display:inline; list-style-type:none; padding:5px 4px 5px 7px; margin:0;} .copyright ul li.sep {background:url(../images/sprite.png) no-repeat -4px -97px; display:inline; padding:3px 1px 3px 3px; width:1px;} /*========MAINCONTAINER BEGINS========*/ #mainContainer {background:#fff; /*overflow:hidden;*/ min-height:400px} .breadcrumb {background:none transparent; border-radius:0px; /*padding:8px 5px;*/ padding:8px 5px 8px 23px; margin-bottom:10px; float:left; width:100%; font-size:12px;} .breadcrumb > .active {color:#444444;} .breadcrumb li{display:block; float:left;} .breadcrumb span.divider {margin:0px 5px 0px 5px !important; display:block; width:7px; float:left;} .lt-ie8 .breadcrumb span.divider {margin:2px 0px 0px 5px;} .breadcrumb a{display:block; float:left;} .rgtPnl {width:739px; float:left} .partQty {margin-top:5px;} .partQty label {min-width:214px;} /* .lt-ie8 .partQty label {min-width:209px;} */ .partQty input[type=text] {margin-top:5px; margin-bottom:10px; padding:3px 5px 5px; border:1px solid #bbc5cf; box-shadow:inset 1px 1px 2px #eceff1; border-radius:4px;} .partTxt {width:200px; *width:188px; margin-right:15px;} #quickOrderCart .partTxt {width:160px; *width:148px; margin-right:10px;} .qtyTxt {width:70px; *width:53px; margin-right:30px;} /*===common classes that are to be merged=====*/ .rgtPnl h2,.rgtPnl h3 {margin-top:0;} .btn-blue { color: #fff; font-size:14px; text-transform:uppercase; border-radius:15px; line-height:1.5em; font-weight:bold; padding:6px 20px; background-color:#0155b4; border:none; margin-bottom:5px; position:relative; z-index:1; zoom:1; } .btn-blue-de { color: #fff; font-size:14px; border-radius:15px; line-height:1.5em; font-weight:bold; padding:6px 20px; background-color:#0155b4; border:none; margin-bottom:5px; position:relative; z-index:1; zoom:1; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { color: #fff; background-color: #0155b4; } .btn-grey { color: #0767c9; background-color: #e7edf1; border-color: #cccccc; font-size:12px; text-transform:uppercase; border-radius:12px; line-height:1em; font-weight:bold; position:relative; z-index:1; zoom:1; } .btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { color: #0767c9; background-color: #ebebeb; border-color: #adadad; } /*.skyblueTable{width:100%; border:1px solid #b5c0cc; border-collapse:collapse; font-size:12px;} .skyblueTable thead > tr > th{border-bottom:1px solid #b5c0cc;} .skyblueTable th{padding:10px; text-align:left; border:1px solid #b5c0cc; background-color:#e7edf1; font-size:12px; vertical-align:middle; text-transform:uppercase; white-space:nowrap; border-collapse:collapse;} .skyblueTable td{padding:10px; text-align:left; border:1px solid #b5c0cc; background:#d8e1e8; vertical-align:middle; border-collapse:collapse;}*/ .cartTable .skyblueTable tbody tr:first-child td{ background-image:none !important} .cartTable tr:first-child td.first .skyblueTable tbody tr:first-child td {background:url(../images/gridRowImg.png) top left repeat-x #d8e1e8 !important;} .skyblueTable tbody tr td:first-child input[type=text]{width:30px; padding:4px 0; border:1px solid #bbc5cf; border-radius:2px; -webkit-box-shadow: inset 0 1px 4px rgba(187,197,207,0.75); -moz-box-shadow: inset 0 1px 4px rgba(187,197,207,0.75); box-shadow: inset 0 1px 4px rgba(187,197,207,0.75); text-align:center; line-height:12px;} input{ position:relative; z-index:1; zoom:1} .padR10{padding-right:10px} .cartTable .skyblueTable{ border-width: 0 0 1px 0;} .cartTable .skyblueTable th{ border-width: 0 0 1px 0; font-size: 12px; text-transform: none; font-weight: normal; background:none;} .cartTable .skyblueTable td{ border-width: 0 0 1px 0; font-size:13px; vertical-align:top;} .cartTable .skyblueTable td .partNo{ color:#0767c9; font-weight:bold; font-size:15px;} .cartTable .skyblueTable td .partNodetail{ font-size:13px;} .cartTable .skyblueTable td .inStock{font-size:13px; text-decoration:none; color:#498923; font-style:italic } .cartTable .skyblueTable td .outStock{font-size:13px; text-decoration:none; color:#ab3851; font-style:italic } .cartTable .skyblueTable tbody tr td .textboxQnt { border: 1px solid #BBC5CF; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 4px rgba(187, 197, 207, 0.75) inset; height:25px; text-align: center; width: 50px; *margin-bottom:12px !important; } .cartTable .skyblueTable .text-right{text-align:right;} .cartTable .skyblueTable .yourPriceHead{text-align:right; padding-right:40px} .cartTable .skyblueTable .priceBig{font-weight:bold;} .cartTable .skyblueTable .priceBig .currency{display:block; text-align:right; font-size:11px; font-weight:normal} .cartTable .skyblueTable .partNo .sepFavRem{background-position: -279px -181px; display: inline-block; height:18px; width:11px; float:none;} .cartTable .skyblueTable .partNo .config{font-size:11px; text-decoration:underline; text-transform:uppercase; vertical-align:text-top;} .cartTable .skyblueTable .promo label{font-size:13px; font-weight:normal; padding:0 10px;} .cartTable .skyblueTable .promo .form-control{display: inline-block; width:200px; padding: 9px 12px; text-align:left; *width:170px;} .cartTable .skyblueTable .totlePrice{background-color:#165BB8; color:#FFFFFF; float:right; font-weight:bold; margin:-5px; padding:9px; text-align:center; width:30%; line-height:20px; font-size:16px;} .cartTable .skyblueTable .totlePrice div{font-size:13px; color:#b4d8ff; font-weight:normal;} .cartTable .skyblueTable .promo{margin-top:5px;} /*====ends here====*/ /*=======CONTENT SECTION BEGINS======*/ .contentSection h2{font: 28px/normal Arial, Helvetica, sans-serif; color:#0767c9;} .contentTitle {margin-bottom:30px; font-size:26px;} .batchUp {background:#e7edf1; border:1px solid #ccc; padding-top:10px; padding-bottom:10px; font:normal 13px arial; line-height:1.5em; float:left;} .contentPanel {padding:20px 0;} .pdpcontentPanel {padding:20px 0px 0px;} .price {margin-top:8px;} .remFav {margin-top:2px;} .sepFavRem, .favorite, .remove {background:url(../images/sprite.png) no-repeat; width:26px; height:26px; float:left;} .favorite {background-position:-233px -182px;} .sepFavRem {background-position:-281px -181px; width:10px; margin-top:-4px; height:34px;} .remove {background-position:-233px -233px; cursor:pointer} .addFav {background-position:-234px -210px;} .text-center .remove {float:none; display:block; margin:0 auto;} .btnPanel {padding:15px 0;} .thumbnail {border-radius:0px; padding:0px;} .thumbnail > img {height:172px; width:230px; } .prodThumb li {box-shadow:0px 0px 6px 1px #e5e5e5; margin-right:4px; margin-bottom:8px;} .prodThumb li.last {margin-right:0px;} /*========REGISTRATION STYLES========*/ .steps {margin:20px 0px 5px 55px; *overflow:hidden;} .steps li {padding:10px 10px 10px 55px; font-size: 18px; color:#444; float:left; width:32%; *width:25%; line-height:10px; } .steps li span {background:url(../images/sprite.png) no-repeat -300px -181px; color: #FFFFFF; display: inline-block; height: 40px; margin-right: 15px; padding:8px 0 10px; line-height:20px; margin-left:-55px; text-align: center; top: -9px; vertical-align: middle; width: 40px;} .steps li.active span {background-position:-350px -181px;} .steps li.active {color:#0767c9;} p.normal {font:normal 13px/18px Arial, Helvetica, sans-serif; padding-bottom:15px; margin:0;} .well {font:bold 15px arial; color:#444;} .langPref label {font-size:14px; margin-right:8%;} .langPref div.checker {margin-right:15px;} div.checker span {margin-top:-2px;} button.btn-csa {font:bold 13px arial; padding:6px 13px; width:auto;} .form-horizontal .lftFields .col-lg-2, .form-horizontal .rgtFields .col-lg-2 {width:32%; text-align:right; font-size:0.95em; padding-right:5px;} .lftFields .upper, .rgtFields .upper {font:bold 15px arial;} .lftFields .alert-danger, .rgtFields .alert-danger {padding:5px; background:none; border: 0 none; margin-bottom:0px; display:none;} .lftFields .control-label span, .rgtFields .control-label span {color:#444;} .info {font-size:12px;} .selectChk .col-lg-6 {font-family:arial;} .selectChk .col-lg-6 a, .underline {text-decoration:underline;} .selectChk .titleSelect {padding:10px 0 20px;} #uniform-rem.checker, #uniform-rem span, #uniform-rem input, #uniform-chkChngPwd.checker, #uniform-chkChngPwd span, #uniform-chkChngPwd input, .selectChk div.checker, .selectChk div.checker span, .selectChk div.checker input { width:13px; height:13px; margin-right:45px; top:-1px; } .selectChk div.checker input {position:relative; top:-4px;} .selectChk div.checker span {background-position:-347px -235px; *position:relative;} .selectChk div.checker span.checked {background-position:-330px -235px;} #uniform-rem.checker, #uniform-rem span, #uniform-rem input, #uniform-chkChngPwd.checker, #uniform-chkChngPwd span, #uniform-chkChngPwd input {margin-right:10px;} #uniform-rem span.checked, #uniform-chkChngPwd span.checked {background-position:-330px -235px;} #uniform-rem span, #uniform-chkChngPwd span {background-position:-347px -235px;} .bottomLine > div {padding-left:0px; padding-right:0px;} .punch {padding:5px 0; border:1px solid #ccc; margin-bottom:10px; margin-top:3px;} .remCheck #uniform-rem.checker, .remCheck #uniform-rem span, #uniform-rem input{margin-right:0px;} .remText { margin-left: 10px;} /*====LOGIN PAGE====*/ /* .form-signin .control-label {width:20%;} */ .form-signin.form-horizontal .col-lg-4 {width:auto; padding-right:0px;} .form-signin .col-lg-offset-2 {margin-left:20%;} .nList li {font-size:12px; line-height:20px;} .whiteSpace {height:200px;} /*=====country Selection=====*/ .dispModal {overflow:hidden;} List {background:#f1f1f1; margin-top:20px; font:normal 12px Arial, Helvetica, sans-serif;} .countryList a {color:#0050a1; font-size:12px;} .countryList .americas, .countryList .emea, .countryList .apac {padding:5px 10px; min-height:250px; max-height:100%;} .countryList .americas {background:#ebebeb; width:24.80%;} .countryList .emea {margin:0px 1px; background:#e1e1e1; width:49.8%;} .countryList .emea .col-lg-6 {padding:0px;} .countryList .apac {background:#d7d7d7; width: width:24.80%;} .countryList h4 {border-bottom:1px solid #979797; font-size:15px; padding-bottom:8px;} .othCountry {border-top:1px solid #fff; background:#ccc; padding:5px 10px; *margin-top:-10px; *width:97.2%;} .othCountry .col-lg-4 {padding-right:0px; margin-top:7px; width:auto;} .othCountry .col-lg-8 div.selector {font-size:12px;} .othCountry .col-lg-8 div.selector span {text-shadow:none; color:#444;} /*=====chkorder status======*/ .formSales {padding:10px; background:#f5f5f5;} .formSales .col-lg-12, .formSales .col-lg-6, .pLeft0 {padding-left:0px;} .formSales .pull-right.col-lg-6 {padding:10px 10px 0; border:1px solid #ccc; background:#e7edf1; font:normal 13px Arial, Helvetica, sans-serif;} .formSales input[type=text] {width:58%; padding:4px 7px; height:auto;} .formSales .btnGo {padding:4px 18px;} .dateSection label {width:auto; margin-right:10px; margin-top:5px;} .dateSection input[type=text] {width:25%;} .dateSection .col-lg-1 {padding:0px; margin:-2px 0 0;} .dateSection label.col-lg-3{width:16%} #df {margin-right:10px;} .formSales input[type=radio], .taxExmp input[type=radio] {margin-right:5px; margin-top:8px;} .lScr, .rScr {height:21px;} .lScr {background-position:0 -315px; margin-right:15px;} .rScr {background-position:-30px -315px;} .listOrders {padding:0px; margin-top:20px;} .listOrders .col-lg-2 {width:52px;} .skyblueTable td.text-center {text-align:center;} .formSales .col-lg-12.scrTable{width:100%!important} /*=========cart page======*/ .btnEmptyCart {border-radius:15px; background:#f4e9eb url(../images/sprite.png) no-repeat right -1px; color:#853647; font:bold 12px Arial; border:1px solid #e9d1d6; padding:4px 23px 4px 10px; margin-top:24px;} .chkOutBlk {background:#165bb8 url(../images/cartBg.gif) repeat-x left bottom; border-right:1px solid #152133; margin-top:25px; font:normal 12px arial; color:#fff; padding:10px;} .sub {color:#b4d8ff; line-height:20px} .total {font:bold 25px/35px Arial, Helvetica, sans-serif;} .chkOutBlk .btn-blue-big {padding:4px 0px; height:38px; font-size:15px; margin-bottom:3px; text-align:center; width:190px; font-weight:bold;} .chkOutBlk .pes a {color:#64a9f4; display:block; height:22px; width:20px; margin:0 auto} .chkOutBlk .pes a:hover {color:#B4D8FF; text-decoration:underline;} .chkOutBlk .currency.upper{padding-bottom:25px; line-height:20px} .pes {margin:0 -10px -11px; height:auto; overflow:hidden; padding-top:10px} .pes div {float:left; margin-top:5px; height:22px; width:24%;} .pes div a {background:url(../images/sprite.png) no-repeat; display:block} .pes .printBlk a {background-position:-715px -32px;} .pes .emailBlk a {background-position:-748px -50px;} .pes .delBlk a {background-position: -687px -7px;} .pes .saveBlk a {background-position:-779px -67px;} .pes span {width:1%; background:url(../images/sprite.png) no-repeat -284px -84px; height:34px; float:left;} .qckOrder .partQty {border:1px solid #ccc; background:#dfe7ef; padding:5px 10px 8px; border-radius:10px;} .qckOrder label {min-width:110px; margin-top:10px; font:normal 12px arial;} .qckOrder label.qty {min-width:65px;} .qckOrder .btn-blue {width:auto; padding:5px 16px; margin-top:3px;} .recom img {width:137px; height:102px; box-shadow:0px 1px 5px #AEAEAE; float:left; margin-right:10px;} .prdPanel {width:46%;} .prdPanel .prdName {line-height:16px; margin:5px 0px; height:30px;} /*redeem quote*/ .deliveryOption label {font-weight:normal; display:block;} .deliveryOption .calender {width:100px; margin-right:10px; float:left;} .deliveryOption .cal {float:left; width:25px; cursor:pointer; margin-top:2px;} .delOpt .form-control {width:150px; float:left; margin-right:10px;} .redQuote .bdr-btm {margin-top:5px; margin-bottom:5px;} .dispInline {display:inline !important;} .redQuote label {font-size:12px;} .redQuote .w200 {width:200px; *width:180px;} /*.redQuote {position:relative;} .IETopCrv {display:none; position:absolute; top:0; left:0; width:230px; height:10px; background:url(../images/IEtopBg.gif) no-repeat;} .IEBotCrv{display:none; position:absolute; top:98%; left:0; width:7px; height:8px; background:url(../images/botLft.gif) no-repeat;}*/ .redQuote .w95{width:95px;} .lt-ie8 #uniform-reddem_cardType{width:165px!important} .lt-ie8 #uniform-reddem_cardType span{width:165px!important} /*=====config details=====*/ .configDetail th {font-size:13px;} .configDetail td {vertical-align:top !important; padding:0 !important;} .configDetail label {font-weight:normal;} .configDetail div.checker, .configDetail div.checker span, .configDetail div.checker input {height:13px; width:13px; margin-top:-4px;} .configDetail div.checker span {background-position:-347px -235px;} .configDetail div.checker span.checked {background-position:-330px -235px;} .configDetail input[type=radio] {margin-right:5px; vertical-align:middle; margin-top:-2px;} .configDetail select.form-control, .configDetail div.selector span, .configDetail div.selector {width:200px !important;} .headerTitle {font:bold 12px Arial; text-transform:uppercase; text-align:left; padding:5px 10px; margin-bottom:0px;} .contentBox {border:1px solid #ECECEC; border-top:0 none; padding-top:10px; font-size:12px;} .contentBox > div {/*border-bottom:1px solid #ECECEC;*/ margin:5px 0px; padding-bottom:5px;} .contentBox > div:last-child {border:0 none;} .contentBox > div p {margin-bottom:3px;} .contentBox > div.clearfix.bold {padding-top:3px; border-top:1px solid #ECECEC; border-bottom:1px solid #ECECEC;} /*.contentBox > div.noBorder*/.contentBox > div.clearfix.bold:first-child {border:0 none; margin-top:0px;} /*.contentBox > div.noBorder:last-child*/.contentBox > div.clearfix.bold:last-child {border-bottom:1px solid #ECECEC;} /*additional style config */ .lt18 {line-height:18px;} .cnfTot {padding:5px; font-weight:bold; background:#fff;} .crNuConfig {width:82.5%;} .skyblueTable .noborder td {border:0 none; background:none !important; padding:3px 0px;} .configDetail .skyblueTable, .configDetail .skyblueTable th {border:0 none;} .configDetail .skyblueTable th {border-bottom:1px solid #b5c0cc;} .configDetail td > div {margin:10px;} .configDetail td > div input[type=radio], .configDetail td > div input[type=checkbox] {margin-right:5px;} .configDetail div.selector {margin-top:10px;} .scrTable {width:100%; *width:700px; overflow-x:auto; overflow-y:hidden; height:100%} .form-horizontal .form-group .label-name { font-size: 12px; font-weight: bold; text-align: left; } .btn-cart { padding: 10px 10px 20px; clear:both; } button.btnSmall { overflow: visible; padding: 4px; width: 20%; } .form-horizontal .addDropdown label.control-label {font-size:14px; padding-bottom:10px;} .col-lg-5.posRel {position:relative;} .col-lg-5.posRel .tooltip {right:10px; opacity:1; top:5px;} .profileSel label.col-lg-5 {width:auto; padding-right:0px;} /*additional styles*/ .w100 {width:100px;} .w120 {width:120px;} .w87 {width:87px;} .w70{width:70px;} .partNum {width:190px} #header nav .innerList li {padding-left:6px; padding-right:6px; max-width:100px;} #header nav .innerList li:last-child {background:none; padding-right:3px;} #header nav .innerList li a{word-wrap:break-word;} .skyblueTable tbody tr td:first-child input#quoteNo {width:210px; text-align:left; padding:4px} .cartTable .skyblueTable tbody tr td .textboxQnt {display:block; margin:3px auto;} .lt-ie8 .cartTable .skyblueTable tbody tr td .textboxQnt{height:18px;} .skyblueTable td.noPadding {padding:0px !important;} .skyblueTable th.normalWrap {white-space:normal !important;} .skyblueTable td.noBg {background-image:none !important;} .rowItem {width:70px;} .rowItem.w90 {width:90px;} .rowPrice {width:100px;} .rowPart {width:130px;} .dash.htAdj {margin-bottom:20px; height:2px;} .formSales input#datefrom {margin-top:5px;} .formHeight .cnt p {margin-top:0px;} .pnf .col-lg-4 {width:310px;} .pnf .col-lg-8 {width:620px;} .crCard .modal-scroll{height:500px; overflow-y:auto; overflow-x:hidden;} .crCard .bold {font-weight:bold !important;} .crCard .form-control {width:265px;} #uniform-ccType {width:265px !important;} .crCard .form-control.w87 {width:85px; *width:67px; margin-right:5px;} .crCard select.form-control {padding:6px;} .crCard .tooltip {position:relative; float:left; opacity:1; margin:5px 0 5px 13px;} #uniform-month {width:100px !important; margin-right:20px;} #month {width:100px;} #year{width:140px;} #uniform-year {width:140px !important;} #uniform-error_cardType {width:265px !important;} #uniform-error_cardMonth, #uniform-error_cardYear {width:130px !important;} #uniform-error_cardMonth span, #uniform-error_cardYear span {width:134px !important;} .lt-ie8 .modal.crCard {position:absolute; /*height:1020px;*/ height:650px;} /* .lt-ie8 .crCard .modal-body {height:1000px;}*/ .Explorer8 #month {top:8px; left:-6px; width:110px;} .Explorer8 #year {top:8px; left:-6px; width:150px;} .Explorer #myModalNew #uniform-error_cardType, .Explorer #myModalNew #uniform-error_cardType span { width:267px !important;} .Explorer #myModalNew #uniform-error_cardYear, .Explorer #myModalNew #uniform-error_cardYear span, .Explorer #myModalNew #uniform-error_cardMonth, .Explorer #myModalNew #uniform-error_cardMonth span {width:130px !important;} .Explorer8 #uniform-reddem_cardMonth, .Explorer8 #uniform-reddem_cardMonth span, .Explorer8 #uniform-reddem_cardYear, .Explorer8 #uniform-reddem_cardYear span, .Explorer9 #uniform-reddem_cardMonth, .Explorer9 #uniform-reddem_cardMonth span, .Explorer9 #uniform-reddem_cardYear, .Explorer9 #uniform-reddem_cardYear span {width:95px !important;} .gTot {vertical-align:top; padding-top:40px;} /*====Configuration pages styles=====*/ .charFormChk {padding:10px 5px; width:240px;} .labelTxt {float:left; margin-left:5px; width:203px;} .labelChk {float:left; width:13px;} .charFormSelect div.selector {width:135px !important; margin-top:0px !important;} .charFormSelect div.selector span {width:120px !important;} .mRL5 {margin-left:5px !important; margin-right:5px !important;} .pl5 {padding-left:5px !important; padding-top:8px !important;} .w160 {width:160px!important;} /*========BCC Pages Styles=======*/ .BCC {background:none;} .BCC label {font-weight:normal;} .BCC #bin {border:1px solid #fafafa;} .BCC .dateSection input[type=text] {width:15%;} .BCC .ordrMgt div.checker, .BCC .ordrMgt div.checker span, .BCC .ordrMgt div.checker input { background-position:-347px -235px; height:13px; width:13px; margin-top:-3px; } .BCC .ordrMgt div.checker input {top:-4px; position:relative;} .BCC .ordrMgt div.checker span.checked {background-position:-330px -235px;} .BCC .tableGroup {margin:30px 0;} .BCC .tableGroup .scrTable {height:100%;} /*.scrTable {height:430px;}*/ .BCC .tableGroup .scrTable td.column {padding:0 10px 15px;} .BCC .tableGroup .scrTable td.column .skyblueTable {width:190px;} .BCC .checkbox label {width:auto; padding:0px;} .BCC .ordrStat th, .BCC .ordrStat td {text-align:center;} .BCC .ordrStat td.text-left {text-align:left;} .BCC .form-group .form-group {display:table; margin:0 0 10px 10px; width:auto;} .BCC .form-group textarea {width:78%;} .BCC .listItems li {list-style-type:disc; margin:0px 15px 5px;} .BCC .ordrMgt td.text-center .dStatusGr, .BCC .ordrMgt td.text-center .dStatusOr {width:10px; margin:0 auto;} .BCC .formSales.pull-right.col-lg-9{padding:10px 10px 0; border:1px solid #ccc; background:#e7edf1; font:normal 13px Arial, Helvetica, sans-serif;} .BCC .formSales input[type=text]{width:20%;} .BCC .sales-ordr-list {left:50%; margin-top:100px; padding-bottom:30px; padding-top:30px; right:auto; width:400px;} h1.logo.popup-logo {float: left;padding: 10px 0;width: 94%;} .modal-body.modal-body-popup {padding: 5px 20px 20px 18px !important} .BCC .langFlag {background:url(../images/flags.png) no-repeat; width:117px; height:14px; display:inline-block; margin-top:8px;} .BCC .skyblueTable.text-center th, .BCC .skyblueTable.text-center td {text-align:center;} .punchOutTable { width:40%;} #gwpModal .upload {width:700px;} #gwpModal .btn-blue {font-size:12px; letter-spacing:1px;} /*login register panel === login page*/ .loginSign {width:500px; margin-right:10px; padding-top:35px; border-right:1px solid #ccc;} .loginSign .form-signin .col-lg-4 {width:33%;} .regSection {width:350px; margin-left:20px;} .regSection .btn {margin-top:20px;} .regSection ul {margin:0px; padding:20px 0px 20px 40px;} .regSection ul li {padding-left:5px; list-style-type:disc; line-height:20px;} /*.roundBtn {position:relative; z-index:0; zoom:1;}*/ .Explorer9 .regSection .btn {margin-top:18px;} .lt-ie9 .regSection .btn {margin-top:20px;} .Explorer8 .mtIE {margin-top:-20px;} .lt-ie8 .regSection .btn {margin-top:5px;} .lt-ie8 .loginSign .btn {margin-right:5px;} .lt-ie9 .loginSign .col-lg-offset-4 {margin-left:36% !important;} #uniform-review_cardYear, #uniform-review_cardMonth, #uniform-reddem_cardMonth, #uniform-reddem_cardYear {width:96px !important;} .lt-ie8 #uniform-review_cardYear, .lt-ie8 #uniform-review_cardMonth, .lt-ie8 #uniform-reddem_cardMonth, .lt-ie8 #uniform-reddem_cardYear {width:80px !important;} .lt-ie8 #uniform-review_cardYear span, .lt-ie8 #uniform-review_cardMonth span, .lt-ie8 #uniform-reddem_cardMonth span, .lt-ie8 #uniform-reddem_cardYear span {width:80px !important;}*/ .lt-ie8 .remIE {width:290px !important;} .Explorer8 .remIE {margin-bottom:10px;} .gridWrap .skyblueTable tr > td:first-child + td {width:110px !important;} /*=========IE Tweaks 7 and 8=============*/ .lt-ie8 .clearIE {clear:both;} .Explorer9 #header .myCartOrder li a {padding-bottom:8px;} .lt-ie8 .visible7 {overflow:visible !important;} li.dropdown {z-index:2;} /*.lt-ie8 * {margin:0; /*overflow:hidden;}*/ .IE7p0 {padding-top:0px !important;} .lt-ie9 .IETopCrv, .lt-ie9 .IEBotCrv {display:block;} .lt-ie8 header, .lt-ie8 .registration {overflow:hidden;} .lt-ie8 #header .myCartOrder li {width:32.7%;} .lt-ie8 #header .dropdown-toggle {position:relative; top:-2px;} .lt-ie8 .menuLft {/*left:-20px;*/ position:static; /*margin-left:-289px;*/margin-left:-21px;} .lt-ie8 .menuRgt {position:static; margin-right:-289px;} .lt-ie8 .topNav input[type=text] {width:200px;} .lt-ie9 .IECol6 {width:50%;} .lt-ie8 .IECol6 .greyBoxBg {overflow:visible;} /*.lt-ie8 header .topNav {width:921px; overflow:visible; margin:15px 17px 0 20px;}*/ /*breadcrumb*/ .lt-ie8 .breadcrumb {margin-bottom:15px;} .lt-ie8 .breadcrumb li {float:left; margin-right:8px;} /*sidebar*/ .lt-ie8 .sidebar {float:left; padding-bottom:0px; width:20%;} .lt-ie9 .sideCountry {width:98.5%; *width:91.5%; float:left;} .lt-ie9 .sidebar > .mbot20 {border:0 none; border-left:1px solid #f7f8fa; background:url(../images/ieGrad.png) repeat-y right top; *background-color:#f2f6f9;} .lt-ie8 .sidebar {width:192px; overflow:visible; z-index:1;} .lt-ie9 .sidebar h2 {margin-top:-5px;} .lt-ie9 .sidebar h2, .lt-ie9 .sidebar ul {margin-right:3px;} .Explorer9 .sidebar ul > li {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F6F9', endColorstr='#F2F6F9');} .Explorer .categories ul li { /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccd6de', endColorstr='#ccd6de');*/filter:none; } .Explorer9 .categories ul li.mainList {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9E1E7', endColorstr='#C0CCD8');} .lt-ie9 .sidebar ul > li {} .lt-ie9 .sidebar ul > li:hover {} .lt-ie9 .sidebar ul > li > a {background:#e4ebf1 url(../images/sideBg.png) repeat-x 0px -38px; padding:8px 12px 8px;} .lt-ie9 .sidebar ul > li.mainList > a {background:none;} .lt-ie8 .sidebar ul > li > a {margin-top:-2px; width:163px;} .lt-ie8 .sidebar ul > li {margin-bottom:2px;} .lt-ie8 .sidebar ul {border-top-width:3px;} .lt-ie9 .sidebar ul > li > a:hover { background:#F2F6F9; /* url(../images/side Bg.png) repeat-x 0 1px; */ } .lt-ie9 .sidebar ul > li.mainList > a:hover {background:#b8c7db } .lt-ie9 .sidebar ul > li .colGrid a, .lt-ie9 .sidebar ul > li .colGrid a:hover {background:none; padding:1px 0px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F6F9', endColorstr='#F2F6F9'); color:#0767C9; font:normal 14px arial;} .lt-ie9 .categories .childCat > li > a, .lt-ie9 .categories .childCat > li > a:hover {background:none; padding:0px;}*/ .lt-ie9 .sidebar ul > li .colGrid a:hover {color:#0083D8;} .lt-ie9 .sidebar ul > li .colGrid li {border:0 none;} .lt-ie8 .categories ul li.mainList {margin-top:-1px; margin-bottom:0px;} .lt-ie8 .dropCols h3 {margin-bottom: 10px; margin-top: 20px;} /*----sidebar secondary list-----*/ .lt-ie9 .sidebar ul.secList > li > a {background:none;} .Explorer .sidebar ul.secList > li {padding-left:15px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');} .lt-ie9 .sidebar ul.secList > li span {left:5px; top:10px;} .lt-ie8 .sidebar ul.secList > li span {top:8px;} /*sidebar top and bottom*/ .sideTopCrv, .sideBotCrv {margin-left:-1px; background:#fff url(../images/sprite.png) no-repeat -199px -144px; width:195px; height:10px;} .Explorer8 .sideBotCrv {margin-left:-2px;} .Explorer8 .sideTopCrv {background-position:-201px -144px;} .lt-ie8 .sideTopCrv {background:#fff url(../images/sprite.png) no-repeat -201px -144px; width:195px; margin-top:-10px; height:10px;} .lt-ie8 .sidebar h2 {padding-top:20px; margin-top:-5px;} .sideBotCrv {background-position:-201px -161px; margin-left:0px; *background-position:-203px -161px;} .sideBotGray {background-position:-400px -161px; *background-position:-402px -161px; float:left;} .sideCountry {padding:0px 0px 15px 10px; background:#F2F6F9;} .sidebarCntry h2 {padding:8px;} .lt-ie8 .sideBotCrv {/*position:relative;*/ margin-top:-2px; z-index:1;} .lt-ie8 .colGrid {width:46%;} .lt-ie8 .configDetail {overflow:visible;} /*right Panel*/ .lt-ie9 .rgtPnl {float:left; width:77%; *width:74%;} .lt-ie8 .col-lg-9.rgtPnl {position:static;} .lt-ie8 .myCartOrder, .lt-ie8 .accountPanel {position:relative; z-index:1;} .lt-ie8 .accountPanel {z-index:6;} .lt-ie8 .myAcDrdwn {left:5px; border:1px solid #CED2D7 !important;} .lt-ie8 .contentSection h2 {margin-top:-5px; margin-bottom:10px;} .lt-ie8 .contentPanel {float:left;} /*.Explorer .btn-blue {background:url(../images/buttonGrad.png) repeat-x; overflow:visible; line-height:1.3em;}*/ .lt-ie8 .btn-blue, .lt-ie8 .btn-grey {line-height:normal;} .Explorer .btn-grey {overflow:visible;} .lt-ie8 .btn-blue.btnAdd {padding-top:4px; padding-bottom:4px; position:relative; top:-4px;} .lt-ie9 .batchUp {width:33%; *width:29%;} .lt-ie9 .prodThumb li {filter: progid:DXImageTransform.Microsoft.Shadow(Color=#e5e5e5, Strength=5, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#e5e5e5, Strength=5, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#e5e5e5, Strength=5, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#e5e5e5, Strength=5, Direction=270);} .lt-ie9 .prodThumb li {width:32.5%;} .lt-ie8 .prodThumb li {width:31.9%; margin-right:0px;} .lt-ie8 .btnVwAll {margin-right:9px;} .lt-ie8 .steps li span {height:20px;} /*===registration ie====*/ .lt-ie8 .form-horizontal .col-lg-6.lftFields, .lt-ie8 .form-horizontal .col-lg-6.rgtFields {width:47%;} .lt-ie8 .col-lg-12.selectChk > .col-lg-6 {width:47%;} .lt-ie8 .col-lg-12.selectChk > .col-lg-6 .col-lg-6 {width:40%;} .lt-ie9 .form-horizontal .col-lg-6.lftFields .col-lg-8, .lt-ie9 .form-horizontal .col-lg-6.rgtFields .col-lg-8 {width:65.66%;} .lt-ie8 .form-horizontal .col-lg-6.lftFields .col-lg-8, .lt-ie8 .form-horizontal .col-lg-6.rgtFields .col-lg-8 {width:55.66%;} .lt-ie8 .col-lg-7.billAddRequest .col-lg-8 {width:56.66%;} .lt-ie9 .form-horizontal .col-lg-6.lftFields .col-lg-2.control-label, .lt-ie9 .form-horizontal .col-lg-6.rgtFields .col-lg-2.control-label {width:33%;} .lt-ie8 .form-horizontal .col-lg-6.lftFields .col-lg-2.control-label, .lt-ie8 .form-horizontal .col-lg-6.rgtFields .col-lg-2.control-label {width:28%;} .lt-ie9 .col-lg-7.billAddRequest .col-lg-2.control-label, .lt-ie9 .col-lg-7.billAddRequest .col-lg-2.control-label {width:32%;} .lt-ie8 .col-lg-7.billAddRequest .col-lg-2.control-label, .lt-ie8 .col-lg-7.billAddRequest .col-lg-2.control-label {width:30%;} .lt-ie8 .form-horizontal .billAddRequest .col-lg-offset-4{margin-left:38.33%;} .lt-ie8 .col-lg-6.lftFields .col-lg-8 .form-control, .lt-ie8 .col-lg-6.rgtFields .col-lg-8 .form-control {width:245px;} .lt-ie8 .col-lg-6.lftFields .col-lg-8 select.form-control, .lt-ie8 .col-lg-6.rgtFields .col-lg-8 select.form-control {width:270px;} .billShip .control-label, .selectChk .col-lg-11 {clear:left; width:auto; float:none;} .lt-ie9 .billShip .control-label, .lt-ie9 .selectChk .col-lg-11 {display:table; float:none; width:auto;} .lt-ie8 .punch {float:left; width:100%; margin-top:-6px;} .lt-ie8 .punch .col-lg-2 {position:static;} .lt-ie8 .formSales input, .lt-ie8 .formSales .btn{position:relative;} /*country select*/ .lt-ie9 .dispModal {width:600px; margin-left:25%;} .lt-ie9 .countryList .americas, .lt-ie9 .countryList .apac {width:27.3%;} .lt-ie8 .countryList .americas, .lt-ie8 .countryList .apac {width:24.8%;} .lt-ie9 .countryList .emea {width:45%;} .lt-ie8 .countryList .emea {width:40%;} .lt-ie9 .countryList .emea .col-lg-6, .lt-ie9 .formSales .col-lg-6 {width:50%;} .lt-ie8 .formSales input[type=text] {width:51%;} .Explorer .dateSection input[type=text], .Chrome .dateSection input[type=text] {width:25.5%;} .lt-ie8 .dateSection input[type=text] {width:19.5%;} .lt-ie8 .formSales .col-lg-6 {width:47%;} .lt-ie9 .formSales form label.col-lg-5 {float:left; width:42%;} .lt-ie8 .formSales form label.col-lg-5 {float:left; width:42%;} .lt-ie9 .formSales form label.col-lg-3, .lt-ie9 .formSales #df, .lt-ie9 .formSales #dt{float:left;} .lt-ie8 .lrScr {height:40px;} .lt-ie8 .formSales input#datefrom, .Explorer8 #quoteForm input.col-lg-2 {margin-top:3px;} .lt-ie9 .noBg .col-lg-4 {margin-right:9px; width:30.6%} /*spc*/ #quoteForm input.col-lg-2 {margin-top:0px;} .lt-ie8 #quoteForm .col-lg-9.pLeft0 {width:60%;} #quoteForm .col-lg-9.pLeft0 {margin-top:2px;} /*cart page*/ .lt-ie9 .chkOutBlk{width:25%;} .lt-ie8 .chkOutBlk{width:22.8%; margin-top:3px;} .lt-ie9 .RequestQuote {width:23.5%; padding:15px} .lt-ie8 .RequestQuote {width:21.5%; padding:15px} .RequestQuote .btn-grey{width:100%} .lt-ie8 .RequestQuote .btn-grey{width:90%} .lt-ie9 .chkOutBlk .btn-blue-big {border:0 none; background:url(../images/chkout.png) no-repeat;} .lt-ie9 .cartTable {width:75%;} .lt-ie8 .cartTable {width:71.7%;} .lt-ie8 .cartTable .skyblueTable .totlePrice{ width:33%;} .lt-ie8 .cartTable .col-lg-2 {margin-top:-22px;} .lt-ie8 .btnEmptyCart {padding:3px 5px 3px 0px; background-position:right 0px;} .lt-ie8 .cartTable .btn.btn-grey {margin-top:-12px;} .lt-ie8 .cartTable .promo .btn.btn-grey {margin-top:2px;} .lt-ie8 .cartTable .promo .form-control {padding-top:5px; padding-bottom:3px;} .lt-ie8 .htie7 {height:5px; margin-bottom:20px;} .lt-ie9 .recom .col-lg-4 img {filter: progid:DXImageTransform.Microsoft.Shadow(Color=#aeaeae, Strength=4, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#aeaeae, Strength=5, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#aeaeae, Strength=5, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#aeaeae, Strength=5, Direction=270);} .lt-ie9 .recom .col-lg-4 {width:33.3%; padding-right:5px;} .lt-ie8 .recom .col-lg-4 {width:30%; padding-right:15px;} .lt-ie8 .qckOrder .partQty .btnAdd {margin-top:8px;} .lt-ie8 .IE7Mtop {margin-top:-20px;} .Explorer .f12.lt18 {padding-right:0px; padding-left:5px;} .Explorer9 .crNuConfig {width:82.3%;} .Explorer8 .crNuConfig {width:82.2%;} .Explorer7 .crNuConfig {width:82.8%;} .lt-ie8 #reviewOrder label.col-lg-6.control-label {padding:0px;} .errorMessages{display:none} .lt-ie9 .form-horizontal .profileSel label.col-lg-5 {width:auto;} /* BCC */ .lt-ie8 .ordrMgt .form-horizontal .form-group {margin-left:0px;} .lt-ie8 .ordrMgt .form-group .form-group {display:block;} .lt-ie8 .ordrMgt .btn-blue.btnSave {margin-left:5px; margin-right:5px;} .lt-ie9 .ordrMgt .form-group.noFloat label.col-lg-2 {width:150px;} .lt-ie9 .form-horizontal .profileSel label.col-lg-5 {width:auto;} .Explorer .BCC .dateSection input[type=text], .lt-ie8 .BCC .formSales input[type=text] {width:15%;} .lt-ie9 #listRec {width:25%;} .lt-ie9 #customerOrderForm {width:75%;} .lt-ie8 #listRec {width:22%;} .lt-ie8 #customerOrderForm {width:72%;} .lt-ie8 .mtIE7 {margin-top:-7px;} .lt-ie8 .pnf .col-lg-4 {width:280px;} .lt-ie8 .pnf .col-lg-8 {width:590px;} .lt-ie8 .partQty .col-lg-8{width:59.5%;} .lt-ie8 .homePage .partQty .col-lg-8, .lt-ie8 .quickOrder .partQty .col-lg-8,.lt-ie8 .orderCenterToolHomePage .partQty .col-lg-8{width:62%;} .lt-ie8 #updateCommPref input[type='checkbox'] {margin-left:0px;} .lt-ie8 .configDetail .greyBoxBg {overflow:visible;} .lt-ie8 .col-lg-5.pull-left.configDetail {width:300px;} .lt-ie9 .crCard .modal-dialog {width:600px;} .cartPage .modal-dialog.ShipDatePopup {width:650px; margin-top:100px} .cartPage .modal-dialog.ShipDatePopup .modal-content{min-height:300px} .lt-ie8 .crCard .control-label {width:150px !important;} .lt-ie8 #uniform-ccType {width:280px !important;} .lt-ie9 #ccType {width:277px !important; position:absolute; top:6px; left:-6px;} .lt-ie8 #ccType {width:290px !important; position:absolute; top:13px;} .lt-ie8 .crCard div.selector span{padding-right:0px;} .Explorer7 #header {*position:relative; *z-index:10;} .lt-ie8 .txtBrk {word-wrap:break-word; min-width:180px; margin:0 -10px; padding:0px;} .smallloader {border:0 none; background:url(../images/loading-small.gif) no-repeat;} .alert-danger a{font-weight:bold; color:#B94A48; text-decoration:underline} .distributor {padding:2px 8px; border:1px solid #bcbcbc; background:#b9cde5; margin:-3px 5px 0 0;} /*Avnish*/ #fltrmatrix{font-size:11px; text-transform:uppercase; padding:15px 0 0} #fltrmatrix li{display:block; float:left; margin-right:5px; background-color:#787878; color:#FFF; padding:2px 4px} .loadingImg{display: block;margin: auto;} #localizeErrorMsg{display: none;} .pagination span.gray{font-weight:bold} .container .gray {color: #838383;} .dynamic span.caret{border:none; background:url(../images/arrow-down.png) no-repeat; height:19px; width:19px; margin-left:7px} .dynamic span.fltr{background:url(../images/funnel.png) no-repeat} .paginate{float:right} .paginate li{float:left; padding:2px 4px} .paginate .gray{font-weight:bold} /*AP-856 advance shipping*/ .advShip {font:bold 15px arial !important;} #advShp {width:90%; margin:0 auto 40px;} /*#advShp .skyblueTable th {border:0px none;}*/ #advShp .inStock {color:#498923;} #advShp .outStock {color:#AB3851;} .distributor {background:#B9CDE5; border:1px solid #BCBCBC; margin:-3px 5px 0 0; padding:2px 8px;} .adShp {width:96%; margin-left:9px !important;} .addressBox.adShp p {font:normal 13px/20px arial; margin-bottom:10px; margin-top:-10px;} .shpType {width:200px !important;} .advQty, .advChQty {width:45px !important;} .w200 {width:200px !important;} .w135 {width:135px !important;} .w90 {width:90px !important;} #imdShp, #prmShp {background:#444; color:#fff; font-weight:bold;} .f11 {font-size:11px !important;} .mRight20 {margin-right:20px;} .skyblueBottom {border-bottom: 2px solid; color:#165BB8;} #imdShp td, #prmShp td {padding:8px 5px;} #advShp #cartTable tr:last-child .skyblueBottom {border-bottom:0 none;} @media print {.noPrint {display:none;} .bdr-btm {border-bottom:0 !important} .topSearch .btn{display:none;} .skyblueBottom{ border-bottom: 2px solid; color: #0767C9;} } .reviewOrderPage #uniform-review_cardType{ width:195px !important;} .Explorer .reviewOrderPage #uniform-review_cardType{ width:195px !important;} .fadeMe { background: #000 none repeat scroll 0 0; height: 100%; left: 0; opacity: 0.5; padding: 20%; position: fixed; text-align: center; top: 0; vertical-align: bottom; width: 100%; z-index: 10; } /*Start changes for Header Footer */ @font-face { font-family: FontAwesome; font-weight: normal; font-style: normal; src:url(../agilent_fonts/icomoon.eot?96h3dp); src:url(../agilent_fonts/icomoon.eot?#iefix96h3dp) format('embedded-opentype'), url(../agilent_fonts/icomoon.woff?96h3dp) format('woff'), url(../agilent_fonts/icomoon.ttf?96h3dp) format('truetype'), url(../agilent_fonts/icomoon.svg?96h3dp#icomoon) format('svg'); } @font-face { font-family: 'robotoregular'; src: url('../agilent_fonts/roboto-regular/roboto-regular.eot'); src: url('../agilent_fonts/roboto-regular/roboto-regular.eot?#iefix') format('embedded-opentype'), url('../agilent_fonts/roboto-regular/roboto-regular.woff2') format('woff2'), url('../fonts/roboto-regular/roboto-regular.woff') format('woff'), url('../agilent_fonts/roboto-regular/roboto-regular.ttf') format('truetype'), url('../agilent_fonts/roboto-regular/roboto-regular.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('../agilent_fonts/roboto-medium/roboto-medium.eot'); src: url('../agilent_fonts/roboto-medium/roboto-medium.eot?#iefix') format('embedded-opentype'), url('../agilent_fonts/roboto-medium/roboto-medium.woff2') format('woff2'), url('../agilent_fonts/roboto-medium/roboto-medium.woff') format('woff'), url('../agilent_fonts/roboto-medium/roboto-medium.ttf') format('truetype'), url('../agilent_fonts/roboto-medium/roboto-medium.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedlight'; src: url('../agilent_fonts/roboto-light/robotocondensed-light.eot'); src: url('../agilent_fonts/roboto-light/robotocondensed-light.eot?#iefix') format('embedded-opentype'), url('../agilent_fonts/roboto-light/robotocondensed-light.woff2') format('woff2'), url('../agilent_fonts/roboto-light/robotocondensed-light.woff') format('woff'), url('../agilent_fonts/roboto-light/robotocondensed-light.ttf') format('truetype'), url('../agilent_fonts/roboto-light/robotocondensed-light.svg#roboto_condensedlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('../agilent_fonts/roboto-condensed/robotocondensed-bold.eot'); src: url('../agilent_fonts/roboto-condensed/robotocondensed-bold.eot?#iefix') format('embedded-opentype'), url('../agilent_fonts/roboto-condensed/robotocondensed-bold.woff2') format('woff2'), url('../agilent_fonts/roboto-condensed/robotocondensed-bold.woff') format('woff'), url('../agilent_fonts/roboto-condensed/robotocondensed-bold.ttf') format('truetype'), url('../agilent_fonts/roboto-condensed/robotocondensed-bold.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedregular'; src: url('../agilent_fonts/roboto-condensed-regular/robotocondensed-regular.eot'); src: url('../agilent_fonts/roboto-condensed-regular/robotocondensed-regular.eot?#iefix') format('embedded-opentype'), url('../agilent_fonts/roboto-condensed-regular/robotocondensed-regular.woff2') format('woff2'), url('../agilent_fonts/roboto-condensed-regular/robotocondensed-regular.woff') format('woff'), url('../agilent_fonts/roboto-condensed-regular/robotocondensed-regular.ttf') format('truetype'), url('../agilent_fonts/roboto-condensed-regular/robotocondensed-regular.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_bold'; src: url('../agilent_fonts/roboto-bold/roboto-bold.eot'); src: url('../agilent_fonts/roboto-bold/roboto-bold.eot?#iefix') format('embedded-opentype'), url('../agilent_fonts/roboto-bold/roboto-bold.woff2') format('woff2'), url('../agilent_fonts/roboto-bold/roboto-bold.woff') format('woff'), url('../agilent_fonts/roboto-bold/roboto-bold.ttf') format('truetype'), url('../agilent_fonts/roboto-bold/roboto-bold.svg#roboto-bold') format('svg'); font-weight: normal; font-style: normal; } /* End changes for Header Footer */ /* UI code for CTA Buttons Starts */ #cta_banner { width:100%; border:#D4D9DD 1px solid; background-color:#F9F9FA; } #cta_banner ul{ padding-left:20px; margin: 10px 0px; } #cta_banner ul li{ display:inline-block; border:#D4D9DD 1px solid; background-color:#FFFFFF; vertical-align:middle; margin-right:6px; } #cta_banner ul li.nobdr span{ font-family: roboto_condensedlight, Arial, Helvetica, sans-serif; font-size: 18px; } #cta_banner ul li img{ width:42px; height:42px; float:left; border: 0; } #cta_banner ul li a{ line-height: 42px; text-decoration:none } .nobdr { border:none!important; background-color:#F9F9FA!important } .img-label { color: #0085D5; font-family: roboto_condensedlight, Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; margin: 0 10px; } #cta_banner a:hover,#cta_banner a:active,#cta_banner a:focus { outline: none; } /*div.clearfix.clearIE.col-lg-12.contentPanel { display: none; }*/ #homePageCTA { margin-bottom: 60px; margin-top: 30px; } /* UI code for CTA Buttons Ends */ /* Fix for APP-14007 Starts */ .btnLightGray{background-color:#aaaaaa; border:1px solid #999; border-radius:0;} .btnLightGray:hover, .btnLightGray:focus, .btnLightGray:active, .btnLightGray.active {background-color:#909090; border:1px solid #909090;} .pic {width:110px;} .pic img{width:110px; height:94px;} .picDetails{width:155px;} .picDetails .partDesc{height:50px; overflow:hidden;} .partPanel {width:285px; float:left;} .btn-Small{font-size:12px; padding:3px 10px 2px 13px !important;} .btn-Small span{background:url(../images/arrowSmall_white.png) no-repeat 0 1px; margin-left:7px; display:inline-block; width:6px; height:9px;} .btn-Small span.blue{background:url(../images/arrowSmall_blue.png) no-repeat 0 1px; margin-left:3px; display:inline-block; width:6px; height:9px; font-size:11px;} .lt-ie8 .btn-Small span, .lt-ie8 .btn-Small span.blue {position:relative; margin-top:-12px; left:5px;} .lt-ie8 .bigBlue, .lt-ie8 .bigWhite{position:relative; margin-top:-14px; left:5px;} #recommendedproducts{margin-left:36px;width:905px;} h2.blackBold{color:#444;font-weight:bold;font-size:23px;} #scroll{height:185px;overflow:auto;}#scroll ul{float:left;margin-right:-999em;list-style:none;}#scroll li{float:left;display:inline;} .borderRight {background: url(../images/dot.png) repeat-y right top;margin-right: 10px;} /* Fix for APP-14007 Ends*/ .rec-productDes{ font-size: 16px; font-weight:600; } .rec-productTitle{ font-size: 14px; } .picDetails .rec-productDes { height:auto !important; } #dropdown-wrapper { padding: 30px; height: 203px; } #dropdown-wrapper .custom-form-group { padding-bottom: 10px; } #dropdown-wrapper .custom-addcontact_form_cl label { font-family: robotomedium,arial,helvetica, sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 6px; } #dropdown-wrapper label.listnameLabel{ display: block; text-align: left; font-size: 14px; font-weight: normal; color: #303030 !important; margin-bottom: 1px !important; font-family: robotomedium,arial,helvetica, sans-serif; } #dropdown-wrapper label.nospecialLabel{ display: block; text-align: left; font-size: 13px; font-weight: normal; margin-top: 5px; color: #202020 !important; font-family: robotoregular, arial, helvetica, sans-serif; } #dropdown-wrapper div#uniform-overlay_catlog { display: block; width: 100% !important; margin-bottom: 10px; } #dropdown-wrapper .custom-form-group div.selector { background: rgba(0, 0, 0, 0) url("../images/select-arrow.png") no-repeat scroll 99% center; border: 1px solid transparent; border-radius: 0; box-shadow: none; font-family: roboto,arial,helvetica, sans-serif; font-size: 14px; font-weight: 300; height: 40px; line-height: 30px; padding: 3px 12px 0; z-index: 2147483647; } #dropdown-wrapper .custom-form-group div.selector span { color: #b0b1b4; font-family: roboto,arial,helvetica, sans-serif; font-size: 14px; font-weight: 300; text-overflow: clip; width: 100% !important; top: 1px; position: relative; left: -6px; } #dropdown-wrapper div.selector select#overlay_catlog { border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-radius: 0; border-top-width: 1px; box-shadow: none; height: 38px; left: 0; opacity: 1; right: 0; top: 0; -moz-appearance: none; padding-left: 5px; color: #b0b1b4; } #dropdown-wrapper .custom-form-group input, #dropdown-wrapper .custom-form-group select { border: 1px solid #e5e5e5; border-radius: 0; box-shadow: none; height: 40px; width: 100%; font-size: 14px !important; } #dropdown-wrapper div.selector select#overlay_catlog option { background: #EEF7FC none repeat scroll 0 0; color: #000; font-family: roboto,arial,helvetica, sans-serif; font-size: 14px; font-weight: 300; height: 30px; line-height: 30px; padding: 6px 12px 0; } #dropdown-wrapper .custom-form-group div.selector span{ color:transparent; } #dropdown-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #dropdown-wrapper .createcatlog-list{ background: #0088d3 none repeat scroll 0 0; border: 1px solid transparent; color: #fff !important; cursor: pointer; display: inline-block; font-family: robotomedium,arial,helvetica, sans-serif; font-size: 14px; /*font-weight: bold;*/ height: 38px; padding: 0; text-align: center; text-decoration: none; width: 115px !important; float: right; border-radius: 15px; } #catlogName{ display: inline-block; width: 300px; height: 37px; border: 1px solid #B1B3B3; } #dropdown-wrapper #error-msg { display: none; color: #D6001C; font-size: 13px; margin-bottom: 20px; word-wrap: break-word; margin-top: 5px; } #dropdown-wrapper #success-msg { display: none; color: #6BBF43; font-size: 12px; margin-bottom: 20px; word-wrap: break-word; } div#message-wrapper { padding: 15px; font-size: 14px; } .disabledColor { background: #ccc !important; } #dropdown-wrapper select::-ms-expand { display: none; } .catalogTooltip { display:none; width: 200px; background-color:#FFFFFF; color:#333; text-align: center; border-radius: 3px; /*padding: 5px;*/ position: absolute; z-index: 99; /* bottom:50px;*/ /* left: 7.5%;*/ right: 0px; margin-left: -25px; /*opacity: 0;*/ transition: opacity 1s; font-size: 12px; line-height: 18px; border: 2px solid #D2DCE3; -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); text-align:left; word-wrap: break-word; font-family: robotoregular,Arial,Helvetica,sans-serif; } .addtoFavDiv { display: inline-block; cursor: pointer; } .upArrow { display: none; } .giftListView li.giftListItem { padding: 5px 0; cursor: pointer; font-size: 14px; } ul.giftListView { border-bottom: 1px solid #D2DCE3; padding: 10px; max-height: 150px; overflow-y: auto; overflow-x: hidden; } .createListLink { padding: 10px; } .createListLink div { cursor: pointer; color: #0085D5 !important; font-size: 14px; } /*#myCatalogModal button.close { border: medium none; content: ""; cursor: pointer; display: inline-block; float: right; font-size: 23px; font-style: normal; font-weight: normal; opacity: 1 !important; position: absolute; right: 23px; text-decoration: none; top: 26px; width: 23px; line-height: 1; }*/ #myCatalogModal button.close:before{ font-size: 23px; color: #0085D5; margin-top: 1px; content: "\e611"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; position: relative; right: -3px; margin-top: 6px; } #myCatalogModal button.close { opacity: 1; } div#myCatalogModal > div > div > div button#catalogClose { opacity: 1; } #myCatalogModal .modal-header { background: #e5e5e5 none repeat scroll 0 0; padding: 21px 30px; border-radius: 6px 6px 0 0; } #myCatalogModal .modal-title { color: #303030 !important; font-size: 24px; font-family: roboto_condensedlight,Helvetica, Arial, sans-serif; } #myCatalogModal .modal-dialog { width: 510px; } #mycatlogAdd .mandatory { color: #D6001C; } div#error-msg, .emptyText-List, .splchar-error, .service-error { color: #D6001C; font-weight: normal; display: none; font-family: robotoregular, arial, helvetica, sans-serif; } #catlogName.requiredName { border: 1px solid #D6001C; } #mycatlogAdd label.labelrequired { color: #D6001C !important; } .giftListView li.active { background-color: #006CAC; /*border: 1px solid #b5c0cc;*/ color: #fff; } .successCatalogTooltip { width: 100%; background-color:#EFEFEF; color:#0085D5; padding: 10px 12px 14px 12px; position: absolute; z-index: 99; /*bottom:50px;*/ left: 0%; margin-top: -1px; font-size: 14px; line-height: 18px; word-wrap: break-word; font-family: robotoregular,Arial,Helvetica,sans-serif; display: none; margin-bottom:5px !important; } .successCatalogTooltip::after { content: ""; position: absolute; top: -38%; left: 11%; margin-left: -5px; border-width: 10px; border-style: solid; border-color: transparent transparent #EFEFEF transparent; } .favCatCartstock .cartTick:before { content: "\e621"; font-family: FontAwesome; font-size: 20px; left: 4px; position: relative; margin: 0 10px 0 0; top: 4px; } .successText { margin-left: 25px; } .giftListText a.mycatalogLink { color: #6BBF43 !important; text-decoration: underline; } .giftListView li.tbl-loading { background: url(../images/Spinner.gif) 50% 50% no-repeat; width: 100%; height: 20px; display: inline-block; text-align: center; } #addFavSection { float: right; margin: 10px 0 20px 0; } #successCatalog-messages { display: none; border: 1px solid #6BBF43; border-radius: 4px; font-size: 13px; font-family: roboto,arial,helvetica, sans-serif; font-weight: 300; color: #6BBF43; background: #F1FAF1 none repeat scroll 0 0; margin: 0; padding: 10px 10px 10px 20px; } #successCatalog-messages.alert-dismissable .close { position: relative; top: -3px; right: 0px; } #successCatalog-messages.serviceErrorMsg { display: none; border: 1px solid #b94a48; border-radius: 4px; font-size: 13px; font-family: roboto,arial,helvetica, sans-serif; font-weight: 300; color: #b94a48; background: #f2dede none repeat scroll 0 0; margin: 0; padding: 10px 10px 10px 20px; } #successCatalog-messages.serviceErrorMsg.alert-dismissable .close { position: relative; top: -3px; right: 0px; } img.upArrow, img.downArrow { margin-left: -5px; position: relative; right: -8px; } #addFavSection .addtoFavDiv a.addFavTxt { text-decoration: none !important; position: relative; left: 10px; } #mycatlogAdd { margin-top: 15px; } /*APP-13101*/ footer#footer .footer-links .col-sixth ul li a{ word-break: break-word !important; } /*APP-20793*/ footer#footer .footer-links .col-sixth ul{ display:block; float:none; } .registrationConfirmation .contentSection p.normal{ word-break: normal; } div#maxLimit-messages { display: none; } /*======SUREFISH STYLES====HOMEPAGE=====*/ #mainContainer.sureFISH { padding: 0px 17px; min-height: 500px;width: 1025px;} #mainContainer.sureFISH .slides_control img {height:287px; width:990px;} #mainContainer.sureFISH .chmsbrwtitle {padding:20px 16px; font:bold 15px 'Trebuchet MS', Helvetica, sans-serif; color:#333;} #mainContainer.sureFISH #root {width:775px; margin:0 auto 20px;} #mainContainer.sureFISH #root .tabs li {float:left; background:url(../images/tabs_bg.png) repeat-x 0 -3px;} #mainContainer.sureFISH #root .tabs li.first {background:url(../images/tabs_bg_l.png) no-repeat -6px -3px;} #mainContainer.sureFISH #root .tabs li.last {background:url(../images/tabs_bg_r.png) no-repeat -25px -3px;} #mainContainer.sureFISH #root .tabs li span {background:url(../images/tabs_bg_sep.gif) no-repeat right 3px; display:block; float:left; height:34px; line-height:36px; text-align:center; width:32px; } #mainContainer.sureFISH #root .tabs li.last span {background:none; width:35px;} #mainContainer.sureFISH #root .tabs li a {color:#333; font-weight:bold;} #mainContainer.sureFISH #root .tabs li a:hover {color:#0085C8;} #mainContainer.sureFISH #bannerSlider {position:relative; height:305px; padding-top:5px;} #mainContainer.sureFISH #slides .slide {width:990px; height:304px; display:block;} #mainContainer.sureFISH #slides .pagination > li > a, #slides .pagination > li > span { position: static; float: left; padding: 0; margin-left: 0; line-height: 17px; text-decoration: none; background-color: #ffffff; border: 0; } #mainContainer.sureFISH #slides .pagination > li:first-child > a, #slides .pagination > li:first-child > span, #mainContainer.sureFISH #slides .pagination > li:last-child > a, #slides .pagination > li:last-child > span { border-radius:0; } #mainContainer.sureFISH .pagination {margin:-30px 0 30px 62px; width:140px; position:relative; z-index:10;} #mainContainer.sureFISH .pagination li {float:left; margin:0 1px; list-style:none;} #mainContainer.sureFISH .pagination li a {display:block; width:18px; height:17px; text-align:center; color:#85629a; font-weight:bold; background:url(../images/img_sprite.png) no-repeat -3px -422px; float:left; overflow:hidden;} #mainContainer.sureFISH .pagination li.current a {background:url(../images/img_sprite.png) no-repeat -3px -401px; color:#fff;} /*end*/ /*========PCR PRODUCT OVERVIEW=====*/ #mainContainer.sureFISH .bannerText {position:absolute; top:45px; left:0px; color:#fff;} #mainContainer.sureFISH .bannerTitle {float:left; width:345px; font:bold 30px 'Arial'; padding:20px 0px 20px 40px;} #mainContainer.sureFISH .bannderDesc {float:left; width:485px; font-size:13px;} #mainContainer.sureFISH .bannderDesc h3 {font-size:16px; font-weight:bold; margin:10px 0px 8px;} #mainContainer.sureFISH .pcrPrdOvervw .newsPrdPartner {margin-top:5px;} #mainContainer.sureFISH .newsPrdPartner .prdGrp h2 span {text-align:center;} #mainContainer.sureFISH .pcrNews {width:327px; float:left; position:relative;} #mainContainer.sureFISH a.more {display:block; text-align:right; margin-right:20px; color:#fa9a21; font-size:12px; position:absolute; /*bottom:30px;*/ right:0px;} #mainContainer.sureFISH a.more:hover {color:#0085c8;} #mainContainer.sureFISH .pcrPrdGrp {width:336px; float:left; margin-left:5px;} #mainContainer.sureFISH .pcrPrdGrp li, .appRelPro li, .pcrResources li, .appResources li, .prdGrp li, .partnerPrg li {padding:4px 0px 11px 3px;} #mainContainer.sureFISH .pcrResources {width:318px; float:right; position:relative;} #mainContainer.sureFISH .pcrNews .contentBlk, .pcrPrdGrp .contentBlk, .pcrResources .contentBlk {min-height:235px;} #mainContainer.sureFISH .appRelPro li{background:none; padding-left:5px;} #mainContainer.sureFISH .appRelPro li a img, .sureFISH .appResources li a img {margin-right:10px; float:left;} /*=========-----Applications------==========*/ #mainContainer.sureFISH .pcrApplications .bannerText {top:70px;} #mainContainer.sureFISH .pcrApplications .bannderDesc {margin-top:14px;} #mainContainer.sureFISH .appNews, .appRelPro, .appResources {width:325px; float:left;} #mainContainer.sureFISH .appResources {float:right;} #mainContainer.sureFISH .appRelPro {margin-left:5px;} /*-----news partner program panel and left panel of product page-----*/ #mainContainer.sureFISH .newsPrdPartner { margin-top:5px;} #mainContainer.sureFISH .newsPrdPartner h2, .leftSection h2, h2.titleBar {background:url(../images/pnlRgt.gif) no-repeat right top; height:36px;} #mainContainer.sureFISH .newsPrdPartner h2 span, .leftSection h2 span, h2.titleBar span {background:url(../images/pnlLft.gif) no-repeat left top; height:23px; padding:8px 10px 6px 18px; font:bold 16px 'Arial', Helvetica, sans-serif; color:#333; display:block;} #mainContainer.sureFISH .newsPrdPartner h2 span.center {padding:8px 0px 6px 0px;} #mainContainer.sureFISH .leftSection .sectionBlockNew h2 span{padding:8px 6px 0px 4px; font:bold 15px 'Arial', Helvetica, sans-serif;} #mainContainer.sureFISH .bottomBlk {background:url(../images/pnlRgtBot.gif) no-repeat right top; height:11px;} #mainContainer.sureFISH .bottomBlk span {background:url(../images/pnlLftBot.gif) no-repeat left top; height:11px; display:block;} #mainContainer.sureFISH .contentBlk {border:1px solid #ccc; border-top:0 none; border-bottom:0 none; min-height:285px; padding:10px 1px 10px 10px; font-size:14px; /*overflow-x:hidden; overflow-y:auto;*/ position:relative;} #mainContainer.sureFISH .contentBlk strong {margin-right:5px;} #mainContainer.sureFISH .newsAnnouncement strong {float:left; margin-left:10px;} #mainContainer.sureFISH .contentBlk a {color:#333;} #mainContainer.sureFISH .contentBlk a:hover {color:#0085c8;} #mainContainer.sureFISH ul.innerUl {margin:10px;} #mainContainer.sureFISH .newsAnnouncement li, .pcrNews li, .appNews li, .pcrPrdGrp li, .appRelPro li, .appResources li, .prdGrp li, #mainContainer.sureFISH .partnerPrg li, .pcrResources li {font-size:12px;} #mainContainer.sureFISH .newsAnnouncement {width:277px; float:left;} #mainContainer.sureFISH .newsAnnouncement li, .pcrNews li, .appNews li {padding:5px 0px 10px 5px; overflow:hidden;} #mainContainer.sureFISH .newsAnnouncement li span, .pcrNews li span, .appNews li span, .pcrPrdGrp li span, .appRelPro li span, .appResources li span, .prdGrp li span, #mainContainer.sureFISH .partnerPrg li span, .pcrResources li span {width:26px; height:26px; float:left; display:block; background:url(../images/img_sprite.png) no-repeat;} #mainContainer.sureFISH .appNews li span, .newsAnnouncement li span, .pcrNews li span {background-position:-1px -202px;} #mainContainer.sureFISH .appRelPro li span {background-position:-1px -230px;} #mainContainer.sureFISH .appResources li span, .pcrResources li span {background-position:-1px -312px;} #mainContainer.sureFISH .prdGrp li span {background-position:-1px -258px;} #mainContainer.sureFISH .partnerPrg li span {background-position:-1px -285px;} #mainContainer.sureFISH .pcrPrdGrp li span {background-position:-1px -231px;} #mainContainer.sureFISH .newsAnnouncement .contentBlk a, .pcrNews .contentBlk a, .appNews .contentBlk a, .appRelPro .contentBlk a, .appResources .contentBlk a, #mainContainer.sureFISH .prdGrp .contentBlk a, .partnerPrg .contentBlk a, .pcrPrdGrp .contentBlk a, .pcrResources .contentBlk a {margin-left:35px; display:block; margin-top:2px;} #mainContainer.sureFISH .prdGrp {width:435px; float:left; margin-left:5px;} #mainContainer.sureFISH .prdGrp ul.left {float:left; width:192px;} #mainContainer.sureFISH .prdGrp ul.right {float:right; width:192px;} #mainContainer.sureFISH .partnerPrg {width:269px; float:right;} #mainContainer.sureFISH .pcrPrdOvervw .newsPrdPartner {margin-top: 5px;} #mainContainer.sureFISH .pcrNews {width:327px; float:left; position:relative;} #mainContainer.sureFISH a.more {display:block; text-align:right; margin-right:20px; color:#fa9a21; font-size:12px; position:absolute; /*bottom:30px;*/ right:0px;} #mainContainer.sureFISH a.more:hover {color:#0085c8;} #mainContainer.sureFISH .flinks {float:right;margin:15px 0px 0px;text-align:right;} #mainContainer.sureFISH .flinks a {background:url(../images/img_sprite.png) no-repeat; width:30px; height:30px; float:left; margin:0px 5px;} #mainContainer.sureFISH .flinks .fb {background-position:-1px -139px; margin:0px 1px;} #mainContainer.sureFISH .flinks .twt {background-position:-1px -338px; margin:0px 1px;} #mainContainer.sureFISH .flinks .lnk {background-position:-1px -169px; margin:0px 1px;} #mainContainer.sureFISH .flinks .utube {background-position:-1px -368px; margin:0px 1px;} #mainContainer.sureFISH .footer {padding: 15px 25px 50px; text-align: right; width: 991px; margin: 0 auto; box-sizing: border-box;} #mainContainer.sureFISH .footer img {margin-right:0px;} #mainContainer.sureFISH .footer .flLeft {text-align:left; font:normal 12px 'Trebuchet MS', Helvetica, sans-serif;} #mainContainer.sureFISH .footer .flLeft p {margin: 2ex 0 -2ex;} #mainContainer.sureFISH .flLeft{float:left;} #mainContainer.productListing ul.paginate .next:before{ content: "\e60b"; } #mainContainer.productListing ul.paginate .prev:before{ content: "\e60a"; } #mainContainer.productListing ul.paginate .next:before,#mainContainer.productListing ul.paginate .prev:before { font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; font-size: 24px; margin-left: -5px; } #mainContainer.productListing ul.paginate li{ border: 1px solid #F4F3F1; color: #0085D5; border-radius: 1px; margin: 5px 1px; padding:7px 10px; } #mainContainer.productListing ul.paginate li.selectedpage{ border: 1px solid #808A42; border-radius: 1px; background-color: #edeff0; } #mainContainer.productListing ul.paginate li.content { height: 36px; width: 35px; margin: 5px 1px; padding:7px 10px; } .pnlp_paginate ul.paginate li.content{padding:7px 12px !important;} .pnlp_paginate ul.paginate .selectedpage.next.grey{ color:#d0d0ce !important; position: relative; width: 8px; display: block; height: 19px;} .pnlp_paginate ul.paginate .selectedpage.prev.grey{ color:#d0d0ce !important; position: relative; width: 8px; display: block; height: 19px;} #mainContainer.productListing ul.paginate li.paginationText { height: 36px; margin: 7px 5px 5px 1px; padding:5px 10px; } #mainContainer.productListing ul.paginate li.paginationText:first-of-type .grey{ font-family: robotoregular, Helvetica, Arial, sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; color: #202020 !important;} #mainContainer.productListing #resetfilter{ cursor:pointer; font-weight:bold; } #mainContainer.productListing .skyblueTable tbody tr td:last-child input[type=text]{text-align:center;width:50px; padding:4px 0; border:1px solid #bbc5cf; border-radius:2px;} #mainContainer.productListing {width: 1004px;} /*changes start*/ .gridWrap form.pnlp_form .skyblueTable tr > td:first-child + td{ width:auto !important;} .btnWrapRight.pnlp_space{ padding:15px 0 30px;margin-bottom: 0px;} .btnWrapRight.pnlp_space .btn { padding: 5px 1em !important; margin-bottom:0px; } form.pnlp_form{margin-bottom:0px;} .transparentBtn{border: 1px solid #0085D5 !important; padding-left: 15px !important; padding-right: 15px !important; font-weight: 400; vertical-align: top; } .transparentBtn:hover, .transparentBtn:active, .transparentBtn:focus { background-color: #edeff0; border-color: #005f98 !important; text-decoration: none !important; } a.addtocart_btn,button.addtocart_btn{ margin-left: 6px; verticla-align:top; border-color: transparent; border-radius:0px !important; } .pnp_qty{ width: 5em; margin-left: 60px; text-align: center; color: rgb(0, 133, 213); font-size: 14px; box-shadow: none; height: 35px; padding: 6px 12px; line-height: 1.4; background-color: #FFF; background-image: none; border: 1px solid #bababa; border-radius: 0px;font-family: robotomedium, Arial, Helvetica, sans-serif; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .pnp_qty{ border: 1px solid #BBC5CF !important; border-radius: 2px 2px 2px 2px !important; box-shadow: 0 1px 4px rgba(187, 197, 207, 0.75) inset !important; line-height: 12px; padding: 4px 0 !important; text-align: center; width: 54px !important; margin-right: 6px; } .pnp_qty:focus{ border: 1px solid #5a6772; outline: none !important; color: #202020; font-family: robotomedium, Arial, Helvetica, sans-serif; } #mainContainer.productListing ul.paginate li:first-of-type{border:none !important;padding-bottom: 0; margin-bottom: 0; height: 33px;} .requestquote_enable{ background:#0085d5 !important; border-radius:0px !important; color: #ffffff !important; font-size: 14px !important; text-transform: uppercase; line-height: 1.5em !important; font-weight: bold !important; border: 0px !important; text-transform: uppercase !important;} .pnlp_page_space{ width:77% !important; padding-right:0px;} .pnlp_page_space p{margin-top: 13px;} @-moz-document url-prefix() {      .pnlp_page_space{ width:75% !important;} } #mainContainer.productListing .pnlp_form .skyblueTable tbody tr td:last-child input[type=text]{width:40px !important;padding: 3px 0 !important; height:24px !important;} #mainContainer.productListing ul.paginate{ margin-bottom:52px;} /*changes end*/ /*PNP Changes */ tr.custom-wrap-pnp .whiterow { padding: 18px 14px 15px 15px; } tr.custom-wrap-pnp .whiterow .custom-pnp-para{ margin-top:0; } #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .pnp_qty{ width: 68px !important; margin-left: 2px !important; text-align: center; color: rgb(0, 133, 213) !important; font-size: 14px; box-shadow: none !important; height: 37px; line-height: 1.4; border: 1px solid #d2d2d2 !important; border-radius: 0px !important; font-family: robotomedium, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 !important; margin-right: 0px !important; background-color: #ffffff !important; -webkit-writing-mode: horizontal-tb !important; } #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .pnp_qty:focus{ border: 1px solid #5a6772 !important; outline: none !important; color:rgb(32, 32, 32) !important; } #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .pnp_qty:focus::placeholder{ color:#ffffff !important; } input.pnp_qty::placeholder { color:#0085d5; } #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .p15 .transparentBtn.requestquote_enable{ text-align: center; color: #fff !important; font-size: 14px !important; box-shadow: none !important; min-height: 37px; line-height: 1.4 !important; border-radius: 0px !important; font-family: robotomedium, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 8px 20px !important; background: #0085d5 !important; font-weight: normal !important; vertical-align: top; margin-left: 0px; margin-bottom:0px !important; } #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .p15 .requestquote_enable{ text-align: center; color: #ffffff !important; font-size: 14px !important; box-shadow: none !important; min-height: 37px; line-height: 1.4 !important; border-radius: 0px !important; font-family: robotomedium, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 8px 20px !important; background: #0085d5 !important; font-weight: normal !important; vertical-align: top; margin-left: 1px !important; margin-bottom:0px !important; } #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .p15 .transparentBtn { border: 1px solid #0085D5 !important; padding: 8px 15px !important; font-weight: 400; vertical-align: top; height: 37px; text-transform: uppercase; color: #0085d5 !important; margin-left:2px; } #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .p15{ padding-top: 0px; margin-top:-1px; } #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .requestquote_enable_2{ margin-left:2px !important; } .pnlp_form .pnlp_space .requestquote_enable_2{ text-align: center; color: #ffffff !important; font-size: 14px !important; box-shadow: none !important; min-height: 37px; line-height: 1.4 !important; border-radius: 0px !important; font-family: robotomedium, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 8px 20px !important; background: #0085d5 !important; font-weight: normal !important; vertical-align: top; margin-left: 2px; text-transform: uppercase !important; margin-bottom:0px !important; } .pnlp_form .pnlp_space .transparentBtn{ padding: 8px 15px !important; height: 37px; text-transform: uppercase !important; margin-left: 5px; margin-bottom:0px !important; font-family:robotomedium, Arial, Helvetica, sans-serif !important; } .pnlp_page_space .resetfilter{color:#0085D5 !important; font-size:13px !important;} .pnlp_form{ margin-top:10px !important;} .pnlp_page_space p{ margin-bottom:0px !important;} #mainContainer.productListing ul.paginate li.content { height: auto; text-align: center; width: auto; display: inline-block; margin: 5px 4px 8px; vertical-align: middle; padding: 6px 7px !important; line-height: 1; } #mainContainer.productListing ul.paginate li.content.ellipsisdot { margin-left: 0; margin-right: 0; padding-left: 0 !important; padding-right: 0 !important; border: none; } #mainContainer.productListing ul.paginate li.content a{ padding:0px; vertical-align: middle; display: inline-block; font-family: robotoregular, Helvetica, Arial, sans-serif; font-size:14px !important; line-height: 19px; } #mainContainer.productListing ul.paginate li.content a.activepage.next,#mainContainer.productListing ul.paginate li.content a.activepage.prev { padding-top: 0px; width: 8px; display: block; height: 19px; position: relative; } #mainContainer.productListing ul.paginate li.selectedpage{ background-color: #EDEFF0; border-color: #808A8E!important; cursor: default; border-radius:0px !important; } #mainContainer.productListing ul.paginate li.selectedpage .selectedpage.grey{ padding: 0px; vertical-align: middle; display: inline-block; color:#808A8E!important; font-family: robotoregular, Helvetica, Arial, sans-serif; font-size:14px !important; line-height: 19px; } #mainContainer.productListing ul.paginate .next.gray:before, #mainContainer.productListing ul.paginate .prev.gray:before{ top: -3px !important; left: -3px !important; } #mainContainer.productListing ul.paginate li.content .selectedpage.prev.grey:before,#mainContainer.productListing ul.paginate li.content .selectedpage.next.grey:before { top: -1px !important; left: -3px !important;} #mainContainer.productListing ul.paginate li.content a.activepage.next:before, #mainContainer.productListing ul.paginate li.content a.activepage.prev:before {top: -1px; left: -4px; } #mainContainer.productListing ul.paginate li.content a.activepage.next:before { left: -2px; } #mainContainer.productListing ul.paginate li.content a.activepage.next:hover, #mainContainer.productListing ul.paginate li.content a.activepage.prev:hover, #mainContainer.productListing ul.paginate li.content a.activepage.next, #mainContainer.productListing ul.paginate li.content a.activepage.prev, #mainContainer.productListing ul.paginate li.content a, #mainContainer.productListing ul.paginate li.content a:hover {color:#0085d5 !important;} .pdpcontentPanel .alert-danger.newError,#error-messages .alert-danger, #error-messages.alert-danger{ background: #faf1f1 url(../images/warning.svg) no-repeat 16px 16px; background-size: 15px 15px; font-size: 14px; padding:15px 15px 15px 39px; line-height: 17px; color: #D6001C; font-family: robotoregular, Helvetica, Arial, sans-serif; margin-top:15px; margin-bottom: 5px; } #error-messages .alert-success{ background: #F1FAF1 url(../images/success.svg) no-repeat 16px 16px; background-size: 15px 15px; font-size: 14px; padding:15px 15px 15px 39px; line-height:17px; color:#008522; font-family: robotoregular, Helvetica, Arial, sans-serif; margin-top:15px; margin-bottom: 5px; } .pdpcontentPanel .alert-danger.newError,.pdpcontentPanel #error-messages.alert-danger.newError, .pdpcontentPanel #error-messages.alert-danger.newAlert { margin-top: 5px; margin-bottom: 15px; } .mainContainer.productListing .alert-dismissable { padding-right:15px; } .pdpcontentPanel .alert-dismissable .close,.mainContainer.productListing .alert-dismissable .close { right:0; } .pnlp_form .skyblueTable a{color:#0085d5 !important;} .pnlp_form .skyblueTable a.requestQuotePnlpLink { position: relative; top:-9px;} .paginate { margin-top: -5px; } .btn-blue{ margin-left:6px !important;} #mainContainer #recommendedproducts { margin-bottom:12px; } #mainContainer #recommendedproducts #scroll { margin-bottom: 22px; } #mainContainer .sidebar{ margin-bottom:16px; } .mainContainer.productPage .pdpcontentPanel { padding-top:0px; } .mainContainer.productPage #addFavSection { margin-top:3px; margin-bottom:18px; } .mainContainer.productPage .pdpcontentPanel #PrDetailForm { margin-bottom: 47px; } #mainContainer.sureFISH .contentArea {padding:7px 0px;} #mainContainer.sureFISH .contentBlock {border:1px solid #ccc;padding:20px;min-height:480px;} #mainContainer.sureFISH .contentBlock p {margin-bottom:10px; margin-bottom:0;} #mainContainer.sureFISH .headTitle {margin:0 0 20px 0; font:bold 18pt arial; color:#B43427;} /*ui design changes strat*/ #mainContainer.productListing #resetfilter{ float:right; padding:13px 0 13px 0;} .pnlp_page_space .mbot10.clearfix.prodConf{ margin-bottom:0px !important;} .pnlp_page_space .resetfilter{line-height:1 !important;} #mainContainer.productListing #resetfilter:hover{ color:#00426A !important;} .pnlp_form{ margin-top:0px !important;} .pnlp_form .skyblueTable a:hover{color:#00426A !important;} span.pgEllipsisTxt:parent { border: none !important; } span.pgEllipsisTxt{ padding: 0px; vertical-align: middle; display: inline-block; font-family: robotoregular, Helvetica, Arial, sans-serif; font-size: 14px !important;height: auto; line-height: 15px; position: relative; top: -2px; width: 12px; } #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .p15 .transparentBtn{font-family: robotomedium, Arial, Helvetica, sans-serif !important;} #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .p15 .requestquote_enable:hover{ background-color:#00426A !important;} #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .requestquote_enable_2:hover{ background-color:#00426A !important;} .pnlp_form .pnlp_space .requestquote_enable_2:hover{ background-color:#00426A !important;} tr.custom-wrap-pnp .whiterow{ padding:15px !important;} tr.custom-wrap-pnp .whiterow .col-lg-12 p{ margin:0px !important; float:right;} tr.custom-wrap-pnp .whiterow .col-lg-12 p a{ margin-top: 7px !important;float: right;} tr.custom-wrap-pnp .whiterow .p15.text-right{ float:right;margin-top: 15px !important;} /*ui design changes end*/ #mainContainer.sureFISH .flLeft{float:left;} #mainContainer.sureFISH .listProbes { width: 368px; margin: 20px 50px; } #mainContainer.sureFISH ol, ul { list-style: none; } #mainContainer.sureFISH .probesBlock .contentBlk a { color: #0085C8; } #mainContainer.sureFISH .listProbes li { margin-bottom: 15px; } #mainContainer.sureFISH .probesBlock .contentBlk { padding: 0px; height: auto; font-family: 'Trebuchet MS', arial; } #mainContainer.sureFISH .contentBlk { border: 1px solid #ccc; border-top: 0 none; border-bottom: 0 none; /* height: 275px; */ min-height: 285px; padding: 10px 1px 10px 10px; font-size: 14px; position: relative; } #mainContainer.sureFISH h2.titleBar { text-align: center; } #mainContainer.sureFISH h2.titleBar { margin:0; } #mainContainer.sureFISH .probes { margin-top: 30px; margin-bottom: 30px; } #mainContainer.sureFISH .flRight{ float:right;} #mainContainer.sureFISH #bannerSlider .slides_container .slide { display:none; } #mainContainer.sureFISH #bannerSlider .slides_container .slide:first-child { display:block; } /* code for surfish Chromosome Browser page */ #container.sureFISH { width: 1025px; margin: 0 auto; background-color: #FFF; } #container.sureFISH .topContainer{ padding: 2px 17px 0px; } #container.sureFISH .midContainer { padding: 0px 17px; min-height: 500px; } #container.sureFISH .chmsbrwtitle { padding: 20px 16px; font: bold 15px 'Trebuchet MS', Helvetica, sans-serif; color: #333; } #container.sureFISH .contentArea { padding: 15px 0px; } #container.sureFISH .breadcrumb{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #container.sureFISH .breadcrumbs { overflow:hidden; } #container.sureFISH .breadcrumb { padding: 2px 5px 0px 0px; margin-bottom: 0; } #container.sureFISH h2.titleBar { text-align: center; } #container.sureFISH h2.titleBar span { font-size: 14px; } #container.sureFISH .footer { margin: 15px 25px 0px; text-align: right; } #container.sureFISH .flinks { float: right; font: normal 13px/16px 'Arial', Helvetica, sans-serif; } #container.sureFISH .flinks a { background: url(../images/img_sprite.png) no-repeat; width: 30px; height: 30px; float: left; margin: 0px 5px; } #container.sureFISH .flinks .fb { background-position: -1px -139px; margin: 0px 1px; } #container.sureFISH .flinks .twt { background-position: -1px -338px; margin: 0px 1px; } #container.sureFISH .flinks .lnk { background-position: -1px -169px; margin: 0px 1px; } #container.sureFISH .flinks .utube { background-position: -1px -368px; margin: 0px 1px; } #container.sureFISH .sureFISH .footer .flLeft { text-align: left; font: normal 12px 'Trebuchet MS', Helvetica, sans-serif; float:left; } #container.sureFISH .botContainer { height: 40px; } #container.sureFISH .chromosome .tabs li a { color: #333; font-weight: bold; } #container.sureFISH .tabs li a:hover { color: #0085C8; } #container.sureFISH .chromosome .tabs li.hover a { top:-2px; } #container.sureFISH .chromosome .tabs ul { margin-top:2px; } #container.sureFISH .chromosome .tabs li.hover a span { line-height: 35px; } #container.sureFISH .chromosome .tabs li.first span { padding: 0 0 0 15px; } #container.sureFISH #productResult{color:#333} #container.sureFISH .contentBlk { border: 1px solid #ccc; border-top: 0 none; border-bottom: 0 none; /* height: 275px; */ min-height: 285px; padding: 10px 1px 10px 10px; font-size: 14px; position: relative; } #container.sureFISH h2.titleBar {text-align:center;} #container.sureFISH h2.titleBar span {font-size:14px;} #container.sureFISH .probesBlock .contentBlk {padding:0px; height:auto; font-family:'Trebuchet MS', arial;} #container.sureFISH .probesBlock .contentBlk a {color:#0085C8;} #container.sureFISH .noProductsFound {padding-top:20px; text-align:center; display:none;} #container.sureFISH .productCount {font-weight:bold;} #container.sureFISH .productCountBlock {float:left; width:49%; padding:10px 0 10px 10px;} #container.sureFISH .pagingBlock {float:right; width:49%; padding:10px 8px 10px 0;} #container.sureFISH .pagingBlock ul {float:right;} #container.sureFISH .pagingBlock ul li.first,#container.sureFISH .pagingBlock ul li.previous, #container.sureFISH .pagingBlock ul li.next,#container.sureFISH .pagingBlock ul li.last {margin:1px 3px 0; height:16px; width:17px; cursor:pointer;} #container.sureFISH .pagingBlock ul li {float:left; margin:0px 5px; font-size:12px;} #container.sureFISH .pagingBlock ul li.active a {color:#333; font-weight:bold;} #container.sureFISH .pagingBlock ul li.firstInactive {background:url(/store/images/surefishPrSrch/eFish/first_inactive.png) no-repeat;} #container.sureFISH .pagingBlock ul li.firstActive {background:url(/store/images/surefishPrSrch/eFish/first_active.png) no-repeat;} #container.sureFISH .pagingBlock ul li.prevInactive {background:url(/store/images/surefishPrSrch/eFish/previous_inactive.png) no-repeat;} #container.sureFISH .pagingBlock ul li.prevActive {background:url(/store/images/surefishPrSrch/eFish/previous_active.png) no-repeat;} #container.sureFISH .pagingBlock ul li.nextInactive {background:url(/store/images/surefishPrSrch/eFish/next_inactive.png) no-repeat;} #container.sureFISH .pagingBlock ul li.nextActive {background:url(/store/images/surefishPrSrch/eFish/next_active.png) no-repeat;} #container.sureFISH .pagingBlock ul li.lastInactive {background:url(/store/images/surefishPrSrch/eFish/last_inactive.png) no-repeat;} #container.sureFISH .pagingBlock ul li.lastActive {background:url(/store/images/surefishPrSrch/eFish/last_active.png) no-repeat;} #container.sureFISH .sureProdPanel {background:url(/store/images/surefishPrSrch/eFish/gene_tab_ex_long.png) no-repeat 0 0; padding:10px 8px 10px 13px; border-top:1px solid #ccc; margin-bottom:10px;} #container.sureFISH .sureProdName {margin-left:13px; float:left; width:550px;} #container.sureFISH .sureProdName a {float:left; margin-right:5px;} #container.sureFISH .sureProdName span {display:block; padding-top:2px;} #container.sureFISH .sureProdName .name {font:bold 13px 'Trebuchet MS', arial; color:#FF8800;} #container.sureFISH .sureProdName .fileSize {font:bold 9px 'Trebuchet MS', arial; text-transform:uppercase; margin-top:3px;} #container.sureFISH .sureTabs {float:right; width:325px;} #container.sureFISH .sureTabs ul {float:right;} #container.sureFISH .hybridization {display:none;} #container.sureFISH .sureTabs li {float:left; text-align:center; font-size:11px; background:#E7E7E7; border:1px solid #ccc; border-bottom:0 none; width:104px} #container.sureFISH .sureTabs li a {padding:5px 10px; display:block; color:#333 !important;} #container.sureFISH .sureTabs li.active {background:#fff; } #container.sureFISH .sureTabs li img {margin:2px auto;} #container.sureFISH .probesBlock .resultPanel { border-top:1px solid #ccc; padding:10px; float:left; width:915px; margin-top:-1px} #container.sureFISH .probesBlock .prdContainer {height:500px; overflow-x:hidden; overflow-y:auto;} #container.sureFISH .resCont .flLeft {margin:5px;} #container.sureFISH .features {font:bold italic 14px 'Trebuchet MS', arial; color:#0085C8; min-width:110px;} #container.sureFISH .probesBlock .contentBlk .vwOpt a {font:normal normal 11px 'Trebuchet MS', arial; color:#7F7F7F; text-decoration:underline;} #container.sureFISH .resultPanel .title {font:bold 13px 'Trebuchet MS', arial; margin:10px 0px;} #container.sureFISH .resCont ul {float:left; margin-right:30px; font-size:12px;} #container.sureFISH .cartProd {position:relative; width:478px; margin-right:50px;} #container.sureFISH .vwCart {position:absolute; font:normal 11px 'Trebuchet MS', arial; top:1px; right:20px;} #container.sureFISH .shopping_cart {background:url(/store/images/surefishPrSrch/eFish/bg_shopping_cart.png) no-repeat; height:132px; width:485px; margin-top:5px;} #container.sureFISH .shopping_cart table {width:95%; font-size:13px;} #container.sureFISH .shopping_cart table th {font-weight:bold; text-align:left} #container.sureFISH .shopping_cart table td {border:0 none; padding:5px 0px 15px ;} #container.sureFISH .cartProd .shopping_cart .kitDetails td {vertical-align: top;} #container.sureFISH .shopping_cart table td.alignLeft {text-align:left;} #container.sureFISH .shopping_cart .txtbox {width:40px;} #container.sureFISH .kitWidth, .kitCatId, .kitPrice {width:80px;} #container.sureFISH .kitQty{width:50px} #container.sureFISH .kitColor{width:100px} #container.sureFISH .shopping_cart{width:470px !important;} #container.sureFISH .shopping_cart table .button span {padding:0 0 0 5px;} #container.sureFISH .shopping_cart table .button span span {font-size:11px; padding:0 10px 0 4px;} #container.sureFISH .infoItalic { margin-top: 5px;font-size: 11px;font-style: italic;} #container.sureFISH .infoPanel {font-size:11px; margin-top:15px;} #container.sureFISH .infoPanel .flLeft {font-style:italic;} #container.sureFISH .infoPanel .flRight {margin-right:100px;} #container.sureFISH .hPanel {float:left; width:50%; margin-top:10px;} #container.sureFISH .hLabel {font:bold 11px 'Trebuchet MS', arial; margin:8px 0px 10px 5px;} #container.sureFISH .bottomPager {margin-right:10px;} #container.sureFISH .pager {float:left; width:350px; margin-top:2px;} #container.sureFISH .pager li {float:left; margin:2px; padding-right:6px; background:url(/store/images/surefishPrSrch/footerLinksBg.gif) no-repeat right 3px;} #container.sureFISH .pager .next, #container.sureFISH .pager .prev {float:left; margin:-1px 5px 0 0; padding-right:0px; background:none;} #container.sureFISH .pager .next {margin:-1px 0 0 10px;} /*for chromobrowser settings*/ #container.sureFISH .chromosomePagination {float: left;width: 48%;padding: 10px 0 10px 10px;} #container.sureFISH .chromosomePager{float: right;width: auto;} /*ends here*/ #container.sureFISH .probesBlock .resultPanel { border-top: 1px solid #ccc; padding: 10px; float: left; width: 915px; margin-top: -1px; } #container.sureFISH .flLeft { float: left; } #container.sureFISH .resCont .flLeft { margin: 5px; } #container.sureFISH .features { font: bold italic 14px 'Trebuchet MS', arial; color: #0085C8; min-width: 110px; } #container.sureFISH .resultPanel .title { font: bold 13px 'Trebuchet MS', arial; margin: 10px 0px; } #container.sureFISH .contentBlk li { line-height: 16px; color: #333; } #container.sureFISH .resCont .flLeft { margin: 5px; } #container.sureFISH .flLeft { float: left; } #container.sureFISH .probesBlock .contentBlk .vwOpt a { font: normal normal 11px 'Trebuchet MS', arial; color: #7F7F7F; text-decoration: underline; } #container.sureFISH .flRight { float: right; } #container.sureFISH .cartProd { position: relative; width: 478px; margin-right: 50px; } #container.sureFISH .features { font: bold italic 14px 'Trebuchet MS', arial; color: #0085C8; min-width: 110px; } #container.sureFISH .vwCart { position: absolute; font: normal 11px 'Trebuchet MS', arial; top: 1px; right: 20px; } #container.sureFISH button.button { background: none; border: 0 none; cursor: pointer; margin: 0; overflow: visible; padding: 0; width: auto; } #container.sureFISH button span { background: url(/store/images/surefishPrSrch/btn_sprite.png) no-repeat 0 0; border: 0 none; color: #FFFFFF; font: normal 13px/23px Arial; height: 26px; position: relative; padding: 0 0 0 6px; display: block; white-space: nowrap; } #container.sureFISH .bottomBlk { background: url(/store/images/pnlRgtBot.gif) no-repeat right top; height: 11px; } #container.sureFISH .bottomBlk span { background: url(/store/images/pnlLftBot.gif) no-repeat left top; height: 11px; display: block; } #container.sureFISH #checkerBlock span { float: left; width: 30px; height: 30px; } #container.sureFISH .kitColor span.green { background: url(/store/images/surefishPrSrch/eFish/color_2.png) no-repeat 1px 0px; } #container.sureFISH .kitColor span.blue { background: url(/store/images/surefishPrSrch/eFish/color_3.png) no-repeat 1px 0px; } #container.sureFISH .kitColor span.red { background: url(/store/images/surefishPrSrch/eFish/color_4.png) no-repeat 1px 0px; } #container.sureFISH .kitColor span.green.visible { background: url(/store/images/surefishPrSrch/eFish/color_2o.png) no-repeat 1px 0px; } #container.sureFISH .kitColor span.blue.visible { background: url(/store/images/surefishPrSrch/eFish/color_3o.png) no-repeat 1px 0px; } #container.sureFISH .kitColor span.red.visible { background: url(/store/images/surefishPrSrch/eFish/color_4o.png) no-repeat 1px 0px; } #container.sureFISH button span span { background-position: 100% 0; padding: 0 15px 0 6px; } #container.sureFISH .red { color: #ff0000; } #container.sureFISH .green { color: #008000; } #container.sureFISH .chromosome .tabs li.last span { width: 35px; padding-right: 6px; } #container.sureFISH .chromosome .tabs li a span { height: 34px;line-height: 41px; } #container.sureFISH .kitSize select { width: 57px; color: #333; font-family: sans-serif; } #container.sureFISH input{ font-size: 100%; } #container.sureFISH .chromosome .tabs ul{margin-left: -2px;} #bin{ padding-top:122px;} #mainContainer.sureFISH .contentArea .contentBlock .probes .flLeft{width:600px;} #dialog-message .dialogtext{ font-weight:400;} /*MicroArrayQuality Page*/ .microarrayWrap .contentArea { padding: 3px 0px 15px; } .microarrayWrap .contentBlock { border: 1px solid #ccc; padding: 20px; min-height: 480px; } .microarrayWrap .headTitle { margin: 0 0 20px 0; font: bold 18pt arial; color: #B43427; } .sureVector .microarrayWrap .contentBlock p { margin-bottom: 15px; line-height: 16px; } .microarrayWrap .mqi { margin: 15px 0px; } .microarrayWrap .formDefault .field { margin-bottom: 20px; overflow: hidden; } .microarrayWrap .mqi .field { margin-left: 50px; line-height:16px; } .microarrayWrap .formDefault label { float: left; width: 203px; padding: 3px 10px 5px 5px; text-align: right; } .microarrayWrap .microarray .formDefault label { float: left; width: 240px; padding: 3px 10px 5px 5px; text-align: right; font-family: 'Arial', Helvetica, sans-serif; line-height: 16px; font-weight: 400; margin-bottom: 0; } .microarrayWrap .mqi label { padding-top: 0px; margin-top: -2px; } .microarrayWrap .cert { width: 200px; margin-right: 10px; margin-top: 1px; } .microarrayWrap .formDefault .txtbox { float: left; width: 312px; line-height: normal; } .microarrayWrap .formDefault textarea.txtbox { resize: vertical; } .microarrayWrap button.button { background: none; border: 0 none; cursor: pointer; margin: 0; overflow: visible; padding: 0; width: auto; height: 26px; } .microarrayWrap button span { background: url(../images/btn_sprite.png) no-repeat 0 0; border: 0 none; color: #FFFFFF; font: normal 13px/23px Arial; height: 26px; position: relative; padding: 0 0 0 6px; display: block; white-space: nowrap; } .microarrayWrap button span span { background-position: 100% 0; padding: 0 15px 0 6px; } .microarrayWrap .red { color: #ff0000 !important; margin-left: 5px; font-size: 13px; line-height: 16px; font-weight: 400; font-family: 'Arial', Helvetica, sans-serif; } .microarrayWrap .formDefault .field h2 { margin: 0; float: left; width: 100%; } .microarrayWrap .microarray .formDefault label i,.microarrayWrap .microarray .qualityResults i { font-size: 11px; } .microarrayWrap .qualityResults { border-top: 2px solid #ccc; margin-top: 50px; line-height:16px; font-family: 'Arial', Helvetica, sans-serif; } .microarrayWrap .qualityResults h2{ margin:0; font-size:14px; font-family: 'Arial', Helvetica, sans-serif; } .microarrayWrap .qualityResults h2.tTitle { font: bold 16px arial; margin: 15px 0; color:#333; } .flinks{ line-height: 16px; } .microarrayWrap .qualityResBlk { margin: 0px 20px; padding: 10px; float: left; width: 220px; } .microarrayWrap .qualityResBlk ul li { background: url(../images/blue-bullet.png) no-repeat 0px 6px; padding-left: 12px; margin-bottom: 10px; } /* Code for BioCalc Models */ #CalcContainer .clearfix:before, #CalcContainer .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } #CalcContainer .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ #CalcContainer .clearfix { *zoom: 1; } .biocalcModel{ min-height: 700px; } .biocalcModel .calcBlock { margin: 0 auto; background: #fff; border: 1px solid #ccc; width: 500px; padding: 20px 10px 20px 20px; font-size: 13px; font-family: 'Arial', Helvetica, sans-serif; line-height: 16px; } .microarrayWrap .biocalcModel .contentArea { padding: 15px 0px; } .biocalcModel .calcBlock p { margin: 10px 0px; line-height: 20px; } .biocalcModel .calc { margin: 20px 0px; } .biocalcModel .w160 { width: 203px!important; } .biocalcModel .calc .txtbox { width: 125px; } .biocalcModel .txtbox { background: url(../images/txtboxBg.gif) repeat-x 0 0; border: 1px solid #ccc; padding: 3px 5px; } .biocalcModel .calc .btn { width: 350px; text-align: right; } .biocalcModel sup { font-size: 11px; text-transform: lowercase; } .biocalcModel sub { font-size: 100%; } #picomoles { line-height: 15px; } .surevector_pnlp { width: 100% !important; padding-right: 15px; } /* Style for space creations */ #mainContainer.productPage.space-creatr-prodts { min-height: 300px; } #mainContainer.productListing.space-creatr-prodts,#mainContainer.productPage.space-creatr-prodts { padding-bottom:60px; } #mainContainer.productListing.space-creatr-prodts ul.paginate li.paginationText { margin: 0px 5px 0px 1px; padding:7px 10px 0px; height: 23px; } #mainContainer.productListing.space-creatr-prodts ul.paginate{ margin-bottom:0px; margin-top:0px;} #mainContainer.productListing.space-creatr-prodts ul.paginate li.content { margin: 0px 4px 0px; } #mainContainer.space-creatr-prodts #recommendedproducts .col-lg-12 { min-height: auto; } #mainContainer.space-creatr-prodts #recommendedproducts h2.blackBold { margin-top:48px; } #mainContainer.space-creatr-prodts #recommendedproducts #scroll { margin-bottom: 0px; height: auto; } #mainContainer.space-creatr-prodts #recommendedproducts #scroll .partBtn input.btn, #mainContainer.space-creatr-prodts .sidebar,#mainContainer .sidebar div.mbot20, .mainContainer.productPage.space-creatr-prodts .pdpcontentPanel #PrDetailForm, #mainContainer.space-creatr-prodts #recommendedproducts { margin-bottom: 0px; } #mainContainer.space-creatr-prodts .sideTopCrv,#mainContainer.space-creatr-prodts .sideBotCrv { margin-left:0; position: relative; left:-1px; } #mainContainer .clearfix.footer { padding: 15px 25px 0px; width: 991px; margin: 0 auto; box-sizing: border-box; } .mainContainer.sureVector #sureVectorForm .contentContainerRt .rightTextBox table tr td a img,.mainContainer.sureVector #sureVectorForm .contentContainerRt .rightTextBox table tr td,.mainContainer.sureVector #sureVectorForm .contentContainerRt .rightTextBox table tr td p{ box-sizing: unset;} /* CSS for QCPD */ .QCPD .contentArea{font:normal 13px/16px 'Arial', Helvetica, sans-serif;color: #333;} .QCPD .topLinks {text-align: right;margin: 0 10px;line-height: 16px;} .QCPD .topLinks a { margin: 0px 5px; color: #333; } .QCPD .topLinks a.active, .QCPD .topLinks a:hover { color: #0085C8; } .QCPD .frmQuickChange .field { margin: 15px 0px; } #tree_view ul { margin: 0 0 0 20px; } #tree_view li { padding: 3px 0px 3px 16px; background: url(../images/dots-1.gif) no-repeat 4px 0px; } #tree_view li.node { padding-left: 0px; background: url(../images/dots.gif) repeat-y 5px 4px; } .node span { background: url(../images/plus.gif) no-repeat; display: block; float: left; height: 9px; margin: 3px; width: 9px; } .colapse > span { background: url(../images/minus.gif) no-repeat; } .QCPD div.selector span { background-image: url(../images/side-arrow.png); background-repeat: no-repeat; background-position: right center; height: 24px; line-height: 18px; padding-right: 12px; display: block; color: #333; } #uniform-dakoCountry span, #uniform-prdGrp span, #uniform-aff span, #uniform-countryArea span, #uniform-ssdCntry span, #uniform-manual span, #uniform-cntry span, #uniform-bPayMethod span, #uniform-searchSelectType span, #uniform-gb span, #uniform-md span, #uniform-sl span, #uniform-pos span, #uniform-ins span, #uniform-stateProv span { background: url(../images/selectbox.gif) no-repeat right 0; padding: 3px 5px 1px; font-size: 12px; border: 1px solid #ccc; width: 312px !important; } .QCPD .frmQuickChange .field .flLeft { margin-right: 10px; float:left; } .QCPD div.selector { background-position: 0; border: none; border-radius: 0; padding: 0; overflow: visible; line-height: 18px; height: 18px; margin-right: 8px; position: relative; width:auto !important; } #uniform-dakoCountry, #uniform-prdGrp, #uniform-aff, #uniform-countryArea, #uniform-ssdCntry, #uniform-manual, #uniform-searchSelectType, #uniform-gb, #uniform-md, #uniform-sl, #uniform-pos, #uniform-stateProv, #uniform-ins { float: left; width: 312px !important; } .QCPD .frmQuickChange .field #uniform-prdGrp { height: auto; line-height: 25px; } .QCPD div.selector select { top: 0px; left: 0px; position: absolute; color: #333; } #dakoCountry, #prdGrp, #aff, #countryArea, #ssdCntry, #manual, #gb, #md, #sl, #pos, #ins, #stateProv { width: 312px; height: 24px; } #uniform-taxECert { position: relative; float: left; background: url(../images/file.gif) no-repeat; display:block !important; width: auto; height: auto; } .frmQuickChange .field #uniform-taxECert, .frmQuickChange .field .txtarea { margin-top: 10px; } .frmQuickChange .field .txtarea { line-height:15px; } #taxECert { position: absolute; left: 2px; top: 1px; width: 242px; z-index: 1; } #uniform-taxECert .filename { background: url(../images/file.gif) no-repeat; float: left; height: 24px; margin:0; line-height:16px; margin-right: 18px; overflow: hidden; padding: 5px 10px 5px 6px; width: 156px; border-right:0; color: #333; font-size:13px; } #uniform-taxECert .action { background: url(../images/btn_sprite.png) no-repeat right top; float: left; padding: 5px 10px; color: #fff; text-shadow: none; font-size: 13px; font-weight: 400; line-height: 16px; height: 26px; width: auto; } .leftBorder { padding: 2px 0px 0px 15px; border-left: 1px dashed #333; } .QCPD .txtarea { width: 377px; margin-bottom: 20px; border: 1px solid #ccc; padding: 0px 0px 0px 5px; height: 102px; overflow-x: hidden; overflow-y: auto; resize: vertical; color:#333; } .QCPD .txtbox{ line-height:15px; } .QCPD .mtlt{ margin-left:4px; } .QCPD .dnaUploadField .field label { margin-bottom: 0px; } .QCPD input.ntd { vertical-align: top; margin-top: 2px; } .QCPD .field p { margin: 15px 0px; } #upnow .flLeft .selector span, #uptrans .flLeft .selector span { background: url(../images/selectbox.gif) no-repeat right 0; border: 1px solid #ccc; width: 70px !important; padding: 2px 0px 0px 3px; } .QCPD .dnaUploadField div.selector span { height:22px; } .QCPD .radioTxt { margin-top: 8px; } .QCPD div.checker { margin-right: 3.5px; margin-top: -1px; } .QCPD div.checker,.QCPD div.checker span,.QCPD div.checker input { width:auto; height: auto; background: none; } .QCPD div.checker span input { -moz-appearance: checkbox; -webkit-appearance: checkbox; background: none; opacity: 1; } .QCPD #upnow .flLeft .selector span,.QCPD #uptrans .flLeft .selector span { line-height: 17px; font-size: 13px; color:#333; } .QCPD .dnaUploadField #upnow .field label,.QCPD .dnaUploadField #uptrans .field label { font-weight:400; } .QCPD .dnaUploadField #upnow .field:first-child label,.QCPD .dnaUploadField #uptrans .field:nth-child(2) label { font-weight:700; } .QCPD form.frmQuickChange { margin:0; } .QCPD form.frmQuickChange table tr td,.QCPD form.frmQuickChange table tr th{ border:0; padding:0;} .qcpdHelp.microarrayWrap .contentArea { padding: 10px 0px 15px; font:normal 13px/16px 'Arial', Helvetica, sans-serif;color: #333; } .qcpdHelp .tTitle { font: bold 16px arial; margin: 15px 0; } .qcpdHelp .innerLinks { margin-left: 15px; } .qcpdHelp .innerLinks li { margin: 5px 0px; list-style-type: disc; } .qcpdHelp .innerLinks li ul { margin-left: 15px; } .qcpdHelp .helpcontainer { margin-top: 20px; padding: 10px; } .qcpdHelp .bordertop { border-top: 2px solid #ccc; } .qcpdHelp .helpcontainer .tTitle { font-size: 14px; margin-bottom: 10px; } .qcpdHelp .contentBlock p { margin:0; margin-bottom: 15px; } .qcpdHelp .bordertop pre { margin: 10px auto; text-align: left; width: 925px; font: normal 12px arial; padding: 0; background: none; border: 0; border-radius: 0; } .qcpdHelp .en0 { margin-left: 78px; } .qcpdHelp .en1 { margin-left: 103px; } .qcpdHelp .ol, .qcpdHelp .ol ul { list-style-type: decimal; list-style-position: outside; margin: 0; margin-left: 20px; padding-left: 0; } .qcpdHelp .ol li, .qcpdHelp .ol ul li { margin: 10px 0; } .qcpdHelp .ol ul { list-style-type: lower-roman; } .qcpdHelp .bordertop th { font-weight: bold; } .qcpdHelp .bordertop th, .bordertop td { padding: 5px; text-align: center; } .qcpdHelp .bordertop th:first-child { width: 60px; } .QCPDHelp .footer .flLeft { text-align: left; font: normal 12px 'Trebuchet MS', Helvetica, sans-serif; float:left; } .QCPDHelp .footer .flLeft p{ margin: 0; } .QCPDHelp .flinks { padding-bottom: 0; } #mainContainer.QCPDHelp .clearfix.footer { padding-bottom: 40px; } /* css hacks for mozilla */ @-moz-document url-prefix() { .frmQuickChange .field .txtarea, .QCPD .txtbox { line-height: 16px; } } #upnow .field:last-child > div,#uptrans .field:last-child > div { margin-top: 1px; letter-spacing: .1px; } /* CSS style for MXdownload */ .mxDownload { line-height:16px; } .mxDownload .midContainer ,.Article .midContainer { padding: 0px 0px; min-height: 500px; width: 990px; margin: 0 auto; } .midContainer.microarrayWrap .contentArea { padding: 8px 0px 15px; } .mxDownload .topLinks { text-align: right; margin: 0 10px; } .mxDownload .topLinks a { margin: 0px 5px; color: #333; } .mxDownload .topLinks a.active,.mxDownload .topLinks a:hover { color: #0085C8; } .mxDownload .tTitle { font: bold 16px arial; margin: 15px 0; } .mxDownload form label { font-weight:400; } .mxDownload .contentBlock p { margin-bottom: 15px; margin-top:0; } .mxDownload form input{ line-height:15px; } .mxDownload form{margin:0;} .midContainer.microarrayWrap .contentBlock { min-height: 522px; } .mxDownload .sftDwn .formDefault .field { margin-bottom: 20px; overflow: visible; position:relative; } .mxDownload .sftDwn .formDefault label { float: left; width: 203px; padding: 3px 10px 5px 5px; text-align: right; } .mxDownload .sftDwn .formDefault label { width: 170px; margin-bottom:0; } .mxDownload .sftDwn .formDefault .txtbox { width: 262px; } .mxDownload .errorMessages { margin: 0px 0px 10px; border: 1px solid #C3E4F4; display: block; background: #ECF6FB; } .mxDownload .errorMessages li,.mxDownload .contentBlk .errorMessages li { list-style-type: disc; background: none; list-style-position: inside; font: normal 12px arial; color: red; margin: 3px 5px; } .Article .midContainer.microarrayWrap .contentArea { padding: 15px 0px 15px; } .Article .row.containerPanel { margin:0; } .Article .breadcrumbs { font-size: 12px; color: #444; margin: 10px 0 14px 55.5px; } .Article .breadcrumbs a { color: #0083d8; margin: 0px 5px; } .Article .contentBlock p { margin-bottom: 15px; line-height:16px; } .mxDownload #fnameerror,.mxDownload #lnameerror,.mxDownload #insterror, .mxDownload #emailerror,.mxDownload #email_ValidationError,.mxDownload #insSrNoerror { position: absolute; left: 167px; top: 26px; } .mxDownload #lnameerror{ left:auto; right:227px } /* Common button style CSS */ .btn-stnd-medium { background-color: #0085D5; border: 1px solid transparent; color: #fff; padding: 8px 20px; line-height: 19px; text-transform: uppercase; font-size: 14px; font-family: robotomedium,arial,helvetica, sans-serif; text-align:center; display: inline-block; border-radius: 0; } .btn-stnd-small { background-color: #0085D5; border: 1px solid transparent; color: #fff; padding: 5px 15px; line-height: 19px; text-transform: uppercase; font-size: 14px; font-family: robotomedium,arial,helvetica, sans-serif; text-align: center; display: inline-block; font-weight: normal; border-radius: 0; } .btn-stnd-medium:hover,.btn-stnd-small:hover { background-color: #00426A; border: 1px solid #F4F3F1; color:#fff; text-decoration: none; outline: 0; } .btn-stnd-medium:focus, .btn-stnd-small:focus{ background-color: #0085D5; border: 1px solid transparent; color: #fff; } .btn-stnd-medium:visited,.btn-stnd-small:visited { background-color: #0085D5; border: 1px solid transparent; color: #fff; outline: 0; } .btn-stnd-transparent { color: #0085d5; background: #fff; border: 1px solid #0085d5; } .btn-stnd-transparent:hover, .btn-stnd-transparent:focus, .btn-stnd-transparent:visited { background: #EDEFF0; border: 1px solid #0085d5; color: #0085d5; } .mgb-5{ margin-bottom:5px;} .mgrt-5{margin-right:5px;} .mgt-5{margin-top:5px;} .mglt-5{margin-left:5px;} .mrginRT36{margin-right:36px;} .mrginLT36{margin-left:36px;} .mrginRT35{margin-right:35px;} .mrginRT40 {margin-right: 40px;} .fLeft{float:left;} .fRight{float:right;} .width-175{width:175px;} .width-210{width:210px;} .width-200{width:200px;} .link-stnd-default { line-height: 37px; text-transform: uppercase; font-size: 14px; font-family: robotomedium,arial,helvetica, sans-serif; text-align: center; display: inline-block; color: #0085D5; background:none; border:0; outline:0; padding: 0px; } .link-stnd-default:visited { color: #0085D5; } .link-stnd-default:hover, .link-stnd-default:focus { color: #00426A ; text-decoration: underline ; outline: 0; } /* CSS for surefish home page */ #mainContainer.sureFISH .prdPartnerColumn .appRelPro {margin-left: 0;} .prdPartnerColumn .appRelPro,.prdPartnerColumn .appResources{ width:49%;} .prdPartnerColumn h2{margin-bottom: 0;} .prdPartnerColumn .appRelPro .contentBlk a{margin-left:3px;} .newsLink{padding-top:10px; padding-bottom:5px;} .appResources .contentBlk .newsLink a{margin-left: 5px; font: bold 16px 'Arial', Helvetica, sans-serif; color: #333;} #mainContainer.sureFISH .mainContentWrap .chmsbrwtitle{padding: 20px 16px !important;} #mainContainer.sureFISH .mainContentWrap .contentBlock p { margin-bottom: 15px; margin-top: 0; line-height: 15px; } .mainContentWrap .contentBlock > div:nth-child(4) > div{margin-top: 1px;} #mainContainer.sureFISH .mainContentWrap + .footer{padding-bottom: 40px; padding-top:5px;} .Article .microarrayWrap #articleContent ul { list-style: disc; margin: 0 0 0 30px; } #mainContainer.sureFISH .probesBlock h2.titleBar span { font-size: 14px; } .es_ES #PrDetailForm .skyblueTable .custom-wrap-pnp .whiterow .pnp_qty { width: 74px !important; } /* order center */ div#custom-main-wrapper-expand #bin { margin: 0 auto; width: 100%; } #custom-main-wrapper-expand .container{ padding: 0px; max-width: 100%; position:relative; } #custom-main-wrapper-expand .container .brandLogo { width: 200px; position: absolute; top: 65px; text-align: center; left: 50%; margin: 0 0 0 -100px;} #custom-main-wrapper-expand .container .brandLogo img { width: 100%; margin: 0 0 10px 0;} #custom-main-wrapper-expand .container .main-master-container{ max-width: 1190px; text-align: left; margin-left: 2px; } #custom-main-wrapper-expand .orderCenterToolHomePage h1{ font-size: 43px; font-family: roboto_condensedlight,arial,helvetica, sans-serif; color: #303030; margin: 25px 0 25px; } body.zh_CN #custom-main-wrapper-expand .orderCenterToolHomePage h1{ font-weight:400; } #custom-main-wrapper-expand .textView h2{ font-size: 28px; font-family: roboto_condensedlight,arial,helvetica, sans-serif; color: #303030; margin: 0px 0 13px; } body.zh_CN #custom-main-wrapper-expand .textView h2{ font-weight:400; } #orderCenterTab { border-bottom: 1px solid #D0D0CE; overflow: hidden; margin-bottom: 27px; width: 990px; } #orderCenterTab li { float: left; color: #0085D5; /*padding: 20px 0 20px;*/ cursor: pointer; font-size: 18px; font-family: roboto_condensedregular,arial,helvetica, sans-serif; font-weight: normal; } #orderCenterTab li.active { color: #303030; border-bottom: 5px solid #F2A900; } #bulkUploadView,#copyPasteView { display: none; /*min-height: 360px;*/ } .orderCenterSection { background-color: #EDEFF0; padding-top: 10px; padding-left: 100px; padding-bottom: 30px; margin-bottom: 60px; } /*#orderCenterTab ul { padding-left: 20px; }*/ #orderCenterTab li a { padding: 15px 20px 14px 20px; display: block; text-decoration: none; color: #0085D5; outline: none; } li#bulkUploadLi,li#copyPasteLi { margin-left: 20px; } .partNumberSection,.addtoCartSection,.bulkUploadSection,.copyPasteSection { overflow: hidden; } .partNumberSection .textView,.bulkUploadSection .textView,.copyPasteSection .textView { width: 300px; float: left; } .partNumberSection .partNumberView,.bulkUploadView,.copyPasteView { width: 790px; padding-right: 100px; float: left; } .partNumberView label,label.fileUploadLabel,label.copyPasteLabel { margin-bottom: 5px; font-size: 14px; color: #303030; font-weight: normal; font-family: robotomedium,arial,helvetica, sans-serif; } label.partnoLabel { width: 540px; } label.qtyLabel { margin-left: 18px; } .partnoEntryList div { margin-bottom: 20px; } .entryList input { height: 37px; border: 1px solid #B1B3B3; padding: 10px; font-family: robotoregular, arial, helvetica, sans-serif; color: #53565A; font-size: 14px; } input.partNoText { width: 540px; margin-right: 17px; } input.qtyText { width: 129px; } /*.partnoEntryList { margin-bottom: 30px; }*/ .addMoreDiv { float: left; margin: 4px 0 0 0; } .addtoCartDiv { float: right; } .addMoreDiv .addmore, .addMoreDiv .clearAll-partno { cursor: pointer; color: #0085D5; font-size: 14px; font-family: robotoregular, Arial, Helvetica, sans-serif; } .addMoreDiv .addmore:hover, .addMoreDiv .clearAll-partno:hover { color: #00426A; text-decoration: underline; } .addMoreDiv .divider { width: 1px; height: 20px; display: inline-block; background-color: #888B8D; margin: 0 17px 0 16px; position: relative; top: 5px; } .addMoreDiv .far.fa-plus { color: #0085D5; font-size: 16px; margin: 7px 6px 0 0; vertical-align: top; } .partNumberView .addtoCartSection { margin-top: 30px; } .copyPasteView .addtoCartSection { margin-top: 25px; } .firstClick,.secondClick,.thirdClick,#addmore2,#addmore3 { display: none; } #bulkUploadLi a,#copyPasteLi a { padding: 15px 0 14px; } #orderCenterTab li.active a { color: #303030; } #quickOrderView form#orderCenterForm,form#bulkUploadForm,form#copyPasteForm { margin: 0; } .textView p.desc { font-family: robotoregular, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #303030; margin: 0 25px 0 0; } .requiredTextBox { border: 1px solid #D6001C !important; } .requiredLabel { color: #D6001C !important; } .requiredText { display: none; font-size: 12px; font-family: robotoregular, arial, helvetica, sans-serif; color: #D6001C !important; margin-top: 2px; } .msg-stnd { font-family: robotoregular, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; padding: 15px 15px 15px 15px; float: left; display:flex; width:100%; } .msg-stnd i{ float: left; line-height: 18px; width: 16px; height: 16px; font-size: 16px; margin-right: 10px; } .msg-stnd span{ flex:1; } #error-message-non-com.msgBoxStnd.msg-stnd i{ font-size: 16px; } .msg-box-error { color: #D6001C; background-color: #FAF1F1; } .msg-box-success { color: #303030; background-color: #F1FAF1; } .msg-box-info{ color:#303030; background-color: #EEF7FC; } .msg-box-warning{ color:#303030; background-color: #FCF5E4; } .multi{ margin-bottom: 20px; } .msg-stnd .fa-info-circle{color:#0085D5;} .msg-stnd .fa-exclamation-triangle{color:#F2A900;} .msg-stnd .fa-check-circle{color:#008522;} .partNumberView .msg-stnd, .bulkUploadView .msg-stnd { margin-bottom: 10px; } #error-msg-block div:last-child { margin-bottom: 16px; } #error-msg-block div:first-child { margin-top: 3px; } @media screen and (-ms-high-contrast: active) , ( -ms-high-contrast : none) { .entryList input { padding: 6px 10px 7px 10px; } } @media screen and (-webkit-min-device-pixel-ratio:0) { .partNumberView .addtoCartSection { margin-right: 1px; } } @-moz-document url-prefix() { .partNumberView .addtoCartSection { margin-right: 0px; } } .downloadTemplate { float: left; } .bulkUploadSection .textView p.desc { margin-bottom: 15px; } label.fileUploadLabel { display: block; margin-bottom: 4px; } .bulkUploadView #fileUp{ border: 1px solid #ccc; background-color: #fff; height: 37px; padding: 7px 0 5px 10px; margin-right: 17px; width: 540px; display: inline-block; } .bulkUploadView #uploadform { top: 1px; } #fileUp #fup { /*color: transparent; width: 91px;*/ display: inline-block; } #fileUp > label[for="fup"]{ border: 1px solid #E0E0E0; box-shadow: 1px 1px 3px #E0E0E0; margin: 2px 10px 0 0; line-height: 16px; height: 18px; padding: 0 6px; border-radius: 5px; color: #808080; font-size: 11px; } @-moz-document url-prefix() { /*#fileUp #fup { width: 79px; }*/ } @media screen and (-ms-high-contrast: active) , ( -ms-high-contrast : none) { /*#fileUp #fup { width: auto; }*/ #fileUp .noFile { margin-left: 6px !important; } label.fileUploadLabel { margin-bottom: 6px; } .bulkUploadView #uploadform { top: -1px; } .bulkUploadView p.desc { margin: 5px 0 0 0; } /*.msg-stnd i{ margin-right: 26px; }*/ } #fileUp .noFile { color: #c6c4c4; font-size: 14px; font-weight: normal; margin: 0; } .bulkUploadView p.desc, .copyPasteView p.desc { margin: 7px 0 0 0; font-size: 14px; color: #303030; font-family: robotoregular, Arial, Helvetica, sans-serif; } /* popup */ .mediumPopup .closePopup { background: url(../images/Close.svg) no-repeat; width: 18px; height: 18px; color: #0085D5; margin-top: 0px; float: right; cursor: pointer; } .mediumPopup .modal-header { background: #EDEFF0 none repeat scroll 0 0; padding: 23px 30px 21px 30px; border-radius: 6px 6px 0 0; height:60px; border-bottom: 0px; } .modal.fade.in.mediumPopup { background: rgba(0,0,0,0.5); } .mediumPopup .modal-title { color: #303030 !important; font-size: 24px; font-family: roboto_condensedlight, Helvetica, Arial, sans-serif; font-weight: 300; line-height: 0.6; } .mediumPopup .modal-dialog, .mediumPopup .modal-content{ width: 500px; left: -2%; } #fileUploadPopup .fileUploadContent { margin: 0px 30px 0px 30px; } #fileUploadPopup .fileUploadContent p { font-family: robotoregular, arial, helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #202020; margin: 0 0 25px 0; } #fileUploadPopup form { margin:0px; display: inline-block; } #fileUploadPopup .submitSection{ text-align: right; } #fileUploadPopup .submitSection.largeFilesubmit{ margin-bottom: 25px; } #fileUploadPopup .submitSection.smallFilesubmit{ margin-bottom: 30px; } #fileUploadPopup .msg-stnd { margin: 20px 0 16px 0px; width: 100% !important; } #smallFileUpload .largeFilesubmit #viewcart, #smallFileUpload .smallFilesubmit #startCheckout { margin-right: 20px; } #largeFileUpload { display: none; } .recommendText { font-style: italic; font-size: 12px !important; color: #E87722 !important; margin: 4px 0 0 0 !important; text-align: right; } /* #largeFileUpload .submitSection #startCheckout { width: 234px; } .largeFilesubmit button#startCheckout { width: 236px; }*/ /* -- */ #downloadFile { text-decoration: none; } .smallFilesubmit form#viewCartForm { float: right; } .disabled-button { /*color: #7CC1EC !important;*/ opacity: 0.5; pointer-events: none; } html.Mac.Safari .bulkUploadView #fileUp { padding: 7px 0 5px 10px; } html.Mac.Safari .bulkUploadView #uploadform { top: 1px; } html.Mac.Chrome .bulkUploadView #fileUp { padding: 7px 0 5px 10px; } html.Mac.Chrome .bulkUploadView #uploadform { top: 1px; } .btn-stnd-medium[disabled], .btn-stnd-large[disabled], .btn-stnd-small[disabled]{ color: #7CC1EC; opacity: 0.5; cursor: default; } .btn-stnd-medium[disabled]:hover, .btn-stnd-large[disabled]:hover, .btn-stnd-small[disabled]:hover{ background-color: #0085D5; color: #7CC1EC; opacity: 0.5; border: 1px solid transparent; text-decoration: none; outline: 0; } .exlaimIcon { /*background: url(../images/exclamation-triangle-solid.svg) no-repeat; display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; margin-right: 10px;*/ width: 16px; height: 16px; font-size: 15px; margin-right: 10px; } .partnoEntryList input[disabled], #copyPasteText[disabled]{ background-color: #edeeee; color: #53565A; /*opacity: 0.1;*/ border: 1px solid #ddddde; } #copyPasteText[disabled]{ resize: none; } .orderServiceSection { width: 100%; overflow: hidden; margin-bottom: 60px; } .orderColumn { width: 32.5%; float: left; margin-right: 10px; background-color: #EDEFF0; border-top: 5px solid #0085D5; } .orderColumn:last-child { width: 33.3%; margin-right: 0px; float: right; } .orderColumn h3 { font-size: 24px; font-family: roboto_condensedlight,arial,helvetica, sans-serif; color: #303030; margin: 0 20px; padding: 20px 0 20px 80px; border-bottom: 1px solid #D0D0CE; } body.zh_CN .orderColumn h3 { font-weight:400; } .imageLinkSection span.imageSection { width: 64px; height: 64px; display: inline-block; margin: 0 16px 20px 20px; float: left; } #orderQuotesSection span.imageSection { background: url(../images/icon-quick-order-blue.svg) no-repeat; } #ourServiceSection span.imageSection { background: url(../images/support-icon-service.svg) no-repeat; } #resourceCneterSection span.imageSection { background: url(../images/support-icon-resource.svg) no-repeat; } .imageLinkSection { margin-top: 20px; overflow: hidden; } .linksSection { float: left; margin-bottom: 25px; } .linksSection li a { color: #0085D5 !important; font-size: 14px; line-height: 18px; font-family: robotoregular, Arial, Helvetica, sans-serif; } .linksSection li { margin-bottom: 10px; /*width: 263px;*/ } .linksSection li a:hover { color: #00426A !important; text-decoration: underline; } .linksSection li:last-child { margin-bottom: 0px; } @media (max-width: 1251px) { .orderColumn { width: 32.5% !important; } .orderColumn:last-child { width: 33% !important; } .textView p.desc { margin-bottom: 21px; } #bulkUploadView #error-msg-block { margin-top: 20px; } .invantory-tab-wrapper .uploadSection { padding-top: 20px; } } @media (max-width: 1110px) { .orderColumn { width: 32.5% !important; } .orderColumn:last-child { width: 33% !important; } .textView p.desc { margin-bottom: 21px; } #bulkUploadView #error-msg-block { margin-top: 20px; } } @media only screen and (max-width: 1062px) and (min-width: 992px) { .orderColumn { width: 32.4% !important; } .orderColumn:last-child { width: 33% !important; } .textView p.desc { margin-bottom: 21px; } #bulkUploadView #error-msg-block { margin-top: 20px; } } @media (max-width: 991px) { .orderCenterSection { padding-left: 15px; } .partNumberSection .partNumberView { width: 675px; padding-right: 0px; } input.partNoText { margin-right: 0px; } .textView p.desc { margin-bottom: 21px; } input.partNoText { width: 525px; } .partNumberView .addtoCartSection { margin-right: 27px; } #orderCenterTab { width: 648px; } input.qtyText { width: 119px; } #quickOrderView .msg-stnd { width: 645px; } #bulkUploadView .msg-stnd { width: 655px; } #bulkUploadView #error-msg-block { margin-top: 20px; } .orderColumn { width: 32.8% !important; } .orderColumn:last-child { width: 31.3% !important; } .linksSection li { margin-left: 20px; } .imageLinkSection span.imageSection { width: 100%; } } textarea#copyPasteText { width: 690px !important; min-height: 150px; max-height: 400px; font-family: robotoregular, arial, helvetica, sans-serif; color: #53565A; font-size: 14px; padding: 14px 0 0 10px; line-height: 24px; border: 1px solid #B1B3B3; } textarea#copyPasteText::placeholder { color:#c6c4c4; } textarea#copyPasteText:-ms-input-placeholder{ color:c6c4c4; } .copyPasteView .addMoreDiv { margin-top: 9px; } /* -- */ /* order center */ /*order tools css start*/ #custom-main-wrapper-expand .custom-ordertool-wrapper h2, #custom-main-wrapper-expand .productCategory h2{ margin: 27px 0 26px; font-size: 28px; line-height: 100%; color: #303030; font-family:'roboto_condensedlight',Helvetica, Arial, sans-serif; } body.zh_CN #custom-main-wrapper-expand .custom-ordertool-wrapper h2, body.zh_CN #custom-main-wrapper-expand .productCategory h2{ font-weight:400; } #custom-main-wrapper-expand .custom-order-filter-wraper { display: table; } #custom-main-wrapper-expand .custom-order-tiles-wraper { margin-top: 20px; display: flex; flex-wrap: wrap; } #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filterby, #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filter-name, #custom-main-wrapper-expand .custom-order-filter-wraper .custom-clearall { display: table-cell; } #custom-main-wrapper-expand .custom-order-tiles-wraper .custom-tiles { border: 1px solid #D0D0CE; padding: 20px; width: 24.37%; display: inline-block; margin: 0 10px 10px 0; min-height: 152px; } #custom-main-wrapper-expand .custom-order-tiles-wraper .custom-tiles:nth-child(4n){ margin-right:0; } #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filter-name{ margin:0; padding:0; } #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filter-name li { display: inline-block; font-size: 14px; color: #0085d5; border: 1px solid #0085d5; line-height: 100%; padding: 10px 20px; margin-right: 10px; cursor: pointer; margin-bottom:10px; } #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filter-name li:last-child{ margin-right: 0px; } #custom-main-wrapper-expand p.custom-filterby { font-size: 14px; line-height: 100%; color: #888b8d; margin: 0 0 0; padding-right: 15px; min-width: 65px; } #custom-main-wrapper-expand p.custom-clearall { margin: 0; font-size: 14px; line-height: 100%; color: #0085d5; cursor: pointer; padding-left: 15px; min-width: 68px; } #custom-main-wrapper-expand a.custom-tile-link{ font-size: 16px; line-height: 18px; color: #0085d5; } #custom-main-wrapper-expand p.custom-tile-des { margin: 0; font-size: 14px; line-height: 20px; color: #202020; margin-top:10px; } #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filter-name li.custom-active{ background: #0085d5; color: #fff; position:relative; } .custom-order-filter-wraper .custom-right-tick { display: none; } #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filter-name li.custom-active .custom-right-tick{ display: inline-block; margin-right: 10px; } #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filter-name li.custom-active .fa-check:before { content: "\f00c"; width: 16px; height: 16px; } #custom-main-wrapper-expand .custom-no-data{ display:none; padding-left: 60px; margin-bottom:60px; } /*order tools for pagination start*/ #custom-main-wrapper-expand .custom-pagination-wrap { text-align: right; } #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li:last-child > a{ margin-right: 0; } #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li:last-child > a, #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li:last-child > span{ border-radius: 0; } #custom-main-wrapper-expand div#custom-ordertool-pagination { margin: 0; } #custom-main-wrapper-expand .custom-pagination-wrap { text-align: right; clear: both; height: 33px; margin-bottom: 60px; } #custom-main-wrapper-expand p.results.custom-totaltiles { display: inline-block; margin: -4px 0 0; height: 33px; vertical-align: middle; line-height: 100%; font-family: robotomedium, Arial, Helvetica, sans-serif; font-size: 14px; color: #202020; padding-right: 20px; } #custom-main-wrapper-expand .custom-pagination-wrap { width: 100%; padding: 0px; background-color: #fff; margin: 0px 0px 60px 0px; } #custom-main-wrapper-expand .custom-pagination-wrap ul#custom_pagination_link { margin: 0; } #custom-main-wrapper-expand .align-right, #custom-main-wrapper-expand .pagination-con.align-right .pagination, #custom-main-wrapper-expand .pagination-con.align-right .results { float: right; } #custom-main-wrapper-expand .pagination-con .pagination > li { display: inline-block; float: left; } #custom-main-wrapper-expand .pagination-con.align-right .pagination { margin: 0px; padding-left: 20px; } #custom-main-wrapper-expand .pagination-con .results { margin: 7px 0px 0px 0px; color: #202020; } #custom-main-wrapper-expand .pagination > li.page-back > a, #custom-main-wrapper-expand .pagination > li.page-forward > a { width: 25px; height: 33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #custom-main-wrapper-expand .pagination > li.page-forward > a { margin-right: 0px; } #custom-main-wrapper-expand .pagination > li:first-child > a, #custom-main-wrapper-expand .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #custom-main-wrapper-expand .pagination > .disabled > span, #custom-main-wrapper-expand .pagination > .disabled > span:hover, #custom-main-wrapper-expand .pagination > .disabled > span:focus, #custom-main-wrapper-expand .pagination > .disabled > a, #custom-main-wrapper-expand .pagination > .disabled > a:hover, #custom-main-wrapper-expand .pagination > .disabled > a:focus { color: #D3D8DC; background-color: #fff; border-color: #D3D8DC; cursor: auto; } #custom-main-wrapper-expand .pagination > li > a, #custom-main-wrapper-expand .pagination > li > span { position: relative; float: left; line-height: 11px; text-decoration: none; color: #0085D5; background-color: #ffffff; border: 1px solid #D0D0CE; font-size: 14px; padding: 10px 7px; margin: 0px 4px 0px 4px; border-radius: 0px; display: inline-block; height: 33px; } #custom-main-wrapper-expand .pagination > li.disabled.page-back > a:before, #custom-main-wrapper-expand .pagination > li.disabled.page-forward > a:before { color: #D0D0CE; } #custom-main-wrapper-expand .pagination > li:first-child > a:before { font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60a"; position: absolute; top: 4px; left: 0px; font-size: 24px; } #custom-main-wrapper-expand .pagination > li:last-child > a:before { font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60b"; position: absolute; top: 4px; right: 0px; font-size: 24px; } #custom-main-wrapper-expand .pagination > .active > a, #custom-main-wrapper-expand .pagination > .active > span, #custom-main-wrapper-expand .pagination > .active > a:hover, #custom-main-wrapper-expand .pagination > .active > span:hover, #custom-main-wrapper-expand .pagination > .active > a:focus, #custom-main-wrapper-expand .pagination > .active > span:focus { z-index: 2; color: #202020; background-color: #EDEFF0; border-color: #888B8D; cursor: default; } #custom-main-wrapper-expand .pagination li.ellipsis a, #custom-main-wrapper-expand .pagination li.pgEllipsisTxt span { border: none; line-height: 14px; background: none; padding: 6px 0px; margin: 0px 0px 7px 0px; letter-spacing: 0.2px; font-size: 14px; cursor: default; } #custom-main-wrapper-expand .pgpPaginationCon { float: right; width: 40%; } #custom-main-wrapper-expand .pgpShowResults, #custom-main-wrapper-expand .rightAlignRP { font-family: robotoregular, Arial, Helvetica, sans-serif; font-size: 14px; color: #202020; } #custom-main-wrapper-expand .pdpPaginationCon { width: 50%; float: left; } #custom-main-wrapper-expand .rightAlignRP { float: right; line-height: 45px; height: 42px; margin: 9px 0px 0px 0px; padding-left: 20px; } #custom-main-wrapper-expand .pagination > li > span { padding: 6px 0px 10px; border: none; margin: 0; color: #D3D8DC; background-color: #fff; font-size: 20px; } #custom-main-wrapper-expand .pagination > li > span:hover{ background:none; } .Cus-rm-border{ border:none !important; } .active.Cus-rm-border{ border-color:none !important; } /*order tools for media query start*/ @media (max-width: 1246px) { #custom-main-wrapper-expand .custom-order-tiles-wraper .custom-tiles { max-width: 24%; } } @media (max-width: 1080px) { #custom-main-wrapper-expand .custom-order-tiles-wraper .custom-tiles { max-width: 23%; } } @media (max-width: 900px) { #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filter-name { margin: 10px 0 0; display:block; } #custom-main-wrapper-expand .custom-order-filter-wraper .custom-filter-name li{ margin-bottom:10px; } #custom-main-wrapper-expand .custom-order-tiles-wraper .custom-tiles{ padding:10px; } } /*order tools css end*/ /* AMS-386 changes */ ol.next{ background-image: none; } /* AMS-386 changes - End */ /* Invantory tab */ #viewUploadinventory { display: none; } .invantory-tab-wrapper .uploadSection .col-lg-12 { padding-left: 0; } .invantory-tab-wrapper .uploadSection label.fileUploadLabel { line-height: 1; margin-bottom: 0; } .invantory-tab-wrapper .uploadSection form { margin-top: 7px; margin-bottom: -4px; } .invantory-tab-wrapper p.error { margin: 0; } .invantory-tab-wrapper::after, .invantory-tab-wrapper::before { content: ''; display: table; width: 100%; } .invantory-tab-wrapper div#error-messages { position: relative; margin-top: -7px; margin-bottom: 20px; } .invantory-tab-wrapper .textView { width: 300px; float: left; } .invantory-tab-wrapper .textView h2 { line-height: 1; } .invantory-tab-wrapper .textView p.desc { margin-bottom: 15px; } .invantory-tab-wrapper .uploadSection { width: 790px; padding-right: 100px; float: left; margin: 0; } .invantory-tab-wrapper #fileUp { border: 1px solid #ccc; background-color: #fff; height: 37px; padding: 7px 0 5px 10px; margin-right: 17px; width: 540px; display: inline-block; } .invantory-tab-wrapper li { list-style: none; font-family: robotoregular, Arial, Helvetica, sans-serif; font-size: 14px; color: #202020; } #inventory-success-popup { display: none; } #inventory-success-popup.in { display: block; } #inventory-success-popup .modal-container { padding: 30px 0; } #fileUp #fupInventory { display: inline-block; line-height: 1; vertical-align: top; } .invantory-tab-wrapper #uploadformInventory { position: relative; top: -3px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .mac-os .invantory-tab-wrapper #uploadformInventory { top: -6px; } .mac-os .invantory-tab-wrapper #fileUp{ padding: 9px 0 5px 10px; } } /*error and success message start*/ .message-stnd { font-family: robotoregular, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; padding: 15px 15px 15px 15px; float: left; display:flex; width:100%; background-image: none; display: none; } .message-stnd i{ float: left; line-height: 18px; width: 16px; height: 16px; font-size: 16px; margin-right: 10px; font-style:normal; } .message-box-error { color: #D6001C; background-color: #FAF1F1; } .message-box-success { color: #303030; background-color: #F1FAF1; } .message-box-info{ color:#303030; background-color: #EEF7FC; } .message-box-warning{ color:#303030; background-color: #FCF5E4; } .multi{ margin-bottom: 20px; } .message-stnd .fa-info-circle{color:#0085D5;} .message-stnd .fa-exclamation-triangle{color:#F2A900;} .message-stnd .fa-check-circle{color:#008522;} .message-stnd .fa-exclamation-circle{color:#D6001C;} #bulk-add-product-error{ display:block; margin-bottom:16px; } #fileUploadPopup .errorSection .msg-align{ margin: 20px 0 10px 0px; } .msg-stnd a:hover { color: #00426A; text-decoration: underline !important; } /*error and success message end*/ #categoryList ul { overflow: hidden; margin-bottom: 16px; } #categoryList li { font-family: robotomedium, Arial, Helvetica, sans-serif; font-size: 16px; color: #0085d5; border: 1px solid #D0D0CE; padding: 20px; margin-right: 10px; margin-bottom: 10px; width: 290px; height: 85px; text-align: center; float: left; display: table; cursor: pointer; } #categoryList li a { display: table-cell; vertical-align: middle; } #categoryList ul li:nth-child(4n+4) { margin-right: 0px; } .productCategory { overflow: hidden; border-bottom: 1px solid #D0D0DE; border-top: 1px solid #D0D0CE; } .seeAllProduct { text-align: right; font-family: robotoregular, Arial, Helvetica, sans-serif !important; font-size: 14px; color: #0085D5; margin-bottom: 55px; } .seeAllProduct .fa-chevron-right:before { margin-left: 5px; font-size: 12px; } .seeAllProduct a:focus,.seeAllProduct a:hover,#categoryList li:focus,#categoryList li:hover,#categoryList li:focus a,#categoryList li:hover a { color: #00426A; text-decoration: underline !important; } div#categoryList { line-height: 21px; } .punchoutorderBanner { padding: 0 !important; } div.punchoutorderBanner p { margin: 18px 20px 16px; font-family: roboto_condensedlight, Arial, Helvetica, sans-serif !important; font-size: 28px !important; font-weight: 500; line-height: 100%; color: #FFFFFF; display: inline-block; } .btn-stnd-small { background-color: #0085D5; border: 1px solid transparent; color: #fff; padding: 5px 15px; line-height: 19px; text-transform: uppercase; font-size: 14px; font-family: robotomedium,arial,helvetica, sans-serif; text-align: center; display: inline-block; font-weight: normal; border-radius: 0; } .btn-small-transparent { background: transparent; color: #fff; border: 1px solid #fff; } .btn-small-transparent:hover, .btn-small-transparent:focus, .btn-small-transparent:visited { background: transparent; color: #fff; border: 1px solid #fff; } button#contactSalesAssist { margin: 0 0 40px 0px; display: block; } .punchoutDesc { font-family: robotoregular, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #202020; margin: 0 0 25px 0; width: 690px; } #myModal2 .contactSalesList { overflow: hidden; padding: 30px 30px 0 30px; max-height: 575px; overflow-y: auto; overflow-x: hidden; margin-bottom: 30px; } #myModal2 .contactListview { border: 1px solid #B1B3B3; overflow: hidden; margin-bottom: 20px; padding: 16px 20px 15px 20px; } #myModal2 div.contactListview p { font-family: robotoregular, Arial, Helvetica, sans-serif; font-size: 14px; color: #202020; margin: 0; padding: 0; } #myModal2 div.contactListview p.phnNo, #myModal2 div.contactListview span.divider, #myModal2 div.contactListview p.mail { float: left; } #myModal2 span.divider { width: 1px; height: 20px; display: inline-block; background-color: #888B8D; margin: 0 20px; } #myModal2 div.contactListview p.cmpName { font-family: roboto_bold, Arial, Helvetica, sans-serif; } #myModal2 div.contactListview p.mail { line-height: 20px; color: #0085D5; } #myModal2 .modal-dialog { padding-top: 0px; padding-bottom: 0px; } .contactSalesList p.mail a:hover { text-decoration: underline; color: #00426A; } #myModal2 .contactListview:last-child { margin-bottom:0px; } .punchoutorderBanner + h1 { margin-bottom: 21px !important; } .mediumPopup .newCloseIcon { position: absolute; width: 18px; height: 18px; top: 21px; float: right; right: 24px; } .newCloseIcon .fa-times:before { color: #0085D5; font-size: 18px; cursor: pointer; } h1.punchoutorderHeading { margin-bottom: 21px !important; } .container.orderCenter p.desc { color: #202020; } @media (max-width: 780px) { .copyPasteView { width: 745px; } textarea#copyPasteText { width: 645px !important; } } @media (max-width: 1160px) { .orderCenterSection{ padding-right:20px; } #orderCenterTab{ max-width:990px; width:auto; } } .unitKey { color: #202020; margin-left: 5px; font-size: 14px; opacity: 1; font-family: robotoregular; letter-spacing: 0px; vertical-align: bottom; display: inline-block; line-height: 13px; } .custombread .noPrint { height: auto; } .custombread .row{ margin-right: 0; margin-left: 0px; } .custombread .breadcrumb{ padding: 9px 5px 9px 0; width: auto; max-width: 1240px; background: none; border-bottom: none; min-height: 35px; margin: 0 auto; float: left; vertical-align: middle; } #mainContainer .custombread{ width: 100%; max-width: 100%; background: #FFF; border-bottom: 1px solid #0085D5; min-height: 35px; padding: 0 20px; margin: 0 auto; } #mainContainer .custombread .custom-bread-wrapper { width: 1240px; margin: 0 auto; max-width:100%; padding-left:0px; } #custom-main-wrapper-expand .container .custombread .custom-bread-wrapper .row.mrginBT10{ max-width: 1190px; margin: 0; padding-left:3px; float:left; } #mainContainer .bc-layout{ max-width: 1280px !important; padding: 0 20px; margin: 0 auto; } @media screen and (max-width: 1290px) { #mainContainer .custombread,#mainContainer .bc-layout,#mainContainer .bc-layoutpnp { padding: 0 15px; } } /*Store page Products by Category section*/ #categoryList li{width: calc(26.5% - 26px); margin-right: 5px; margin-left: 5px; padding: 20px;} #categoryList li a{word-break: break-all;} #categoryList li:nth-child(4n) { margin-right: 0px;} #categoryList li:nth-child(4n+1) { margin-left: 0;} /*iPad fixes*/ @media only screen and (min-device-width: 768px) and (max-device-width: 3000px) and (-webkit-min-device-pixel-ratio: 2) { #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li:last-child > a, #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li:first-child > a{color:#fff} #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li:last-child > a:before{right: -1px;} #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li:first-child > a:before{left: -1px;} #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li:last-child > a:before, #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li:first-child > a:before{color:#0085D5} #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li.disabled:last-child > a:before, #custom-main-wrapper-expand .custom-pagination-wrap .pagination > li.disabled:first-child > a:before{color:#D3D8DC} } label.partnoLabel, input.partNoText { width: calc(100% - 151px);} .bulkUploadView #fileUp{ width: calc(100% - 154px)} textarea#copyPasteText{width: 100% !important;} @media (max-width: 1251px) { #bulkUploadView #error-msg-block { margin-top: 0; } } @media only screen and (max-width: 1240px){ .partNumberSection .partNumberView, .bulkUploadView, .copyPasteView{ width:690px;padding-right:0;} } @media only screen and (max-width: 1160px){ .partNumberSection .partNumberView, .bulkUploadView, .copyPasteView{ width: calc(100% - 300px);} } @media only screen and (max-width: 991px){ .partNumberSection .partNumberView, .bulkUploadView, .copyPasteView {width: 775px;padding-right: 100px;} #bulkUploadView #error-msg-block { margin-top: 20px; } input.qtyText{margin: 0 0 0 18px;} label.partnoLabel,input.partNoText { width: calc(100% - 170px);} }