/* Minification failed. Returning unminified contents. (1898,47): run-time error CSS1038: Expected hex color, found '#blue' */ /* Baseline CSS */ * { padding: 0; margin: 0; outline: none; } html, body {font-size: 11px; height: 100%; } body { background: #EAEAEA; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #444; width: 100%; } h1 { font-size:31.5px; } h2 { font-size:24.5px; } h3 { font-size:17.5px; } h4 { font-size:14px; } h5 { font-size:11.9px; } h6 { font-size:10px; } h7 { font-size:9px; } h1, h2, h3, h4, h5, h6, h7 { margin: 10px 0; font-family: inherit; font-weight: normal; line-height: 20px; color: #444; text-rendering: optimizelegibility; } h1, h2, h3 { line-height: 40px; } p { margin-top: 5px; line-height:16px; font-size:11px; } strong, b, strong *, b * { font-weight: bold !important; } em, em * { font-style: italic !important; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } body.wait, body.wait *{ cursor: wait !important; } /************************************BUTTONS****************************************************/ /* for all buttons: */ .button { margin:5px 0; /*float:left; */ } .button a {cursor:pointer !important; display:block; margin:0; text-decoration:none; float:left; background:url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/phx-buttons-sprite-right.png") no-repeat scroll; } .button a span {cursor:pointer !important; display: block; text-decoration:none; vertical-align:middle; text-align:center; float:left; background:url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/phx-buttons-sprite-left.png") no-repeat scroll; } /* button-system-small */ .button a.button-system-small {padding: 0 23px 0 0; text-decoration:none; height: 26px; line-height: 18px; color: #444444;font-size: 14px;background-position: right -2px; cursor:pointer !important; } .button a.button-system-small span { padding: 4px 0 4px 23px; background-position: left -2px; } .button a.button-system-small:hover {background-position: right -30px;} .button a.button-system-small:hover span {background-position: left -30px; color:#0088CC; } /* button-system-medium */ .button a.button-system-medium {padding: 0 23px 0 0; text-decoration:none; height: 38px; line-height: 18px; color: #444444;font-size: 18px;background-position: right -56px; cursor:pointer !important; } .button a.button-system-medium span { padding: 10px 0 10px 23px; background-position: left -56px; } .button a.button-system-medium:hover {background-position: right -94px;} .button a.button-system-medium:hover span {background-position: left -94px; color:#0088CC; } /* button-system-large */ .button a.button-system-large {padding: 0 23px 0 0; text-decoration:none; height: 60px; line-height: 24px; color: #444444;font-size: 22px;background-position: right -134px; cursor:pointer !important; } .button a.button-system-large span { padding:18px 0 18px 23px; background-position: left -134px; } .button a.button-system-large:hover {background-position: right -195px;} .button a.button-system-large:hover span {background-position: left -195px; color:#0088CC; } /***************************************************************************************************************/ /* button-focus-small */ .button a.button-focus-small { padding: 0 23px 0 0; text-decoration:none; height: 25px; line-height: 18px; color: #fff;font-size: 14px;background-position: right -513px; cursor:pointer !important; } .button a.button-focus-small span { padding: 4px 0 4px 23px; background-position: left -513px; } .button a.button-focus-small:hover { background-position: right -541px; } .button a.button-focus-small:hover span { background-position: left -541px; color:#fff; } /* button-focus-medium */ .button a.button-focus-medium { padding: 0 23px 0 0; text-decoration:none; height: 36px; line-height: 18px; color: #fff;font-size: 18px;background-position: right -569px; cursor:pointer !important; } .button a.button-focus-medium span { padding: 8px 0 10px 23px; background-position: left -569px; } .button a.button-focus-medium:hover { background-position: right -607px; } .button a.button-focus-medium:hover span { background-position: left -607px; color:#fff; } /* button-focus-large */ .button a.button-focus-large { padding: 0 23px 0 0; text-decoration:none; height: 60px; line-height: 24px; color: #fff;font-size: 22px;background-position: right -645px; cursor:pointer !important; } .button a.button-focus-large span { padding: 18px 0 18px 23px; background-position: left -645px; } .button a.button-focus-large:hover { background-position: right -707px; } .button a.button-focus-large:hover span { background-position: left -707px; color:#fff; } /***************************************************************************************************************/ /* button-calltoaction-yellow-small */ .button a.button-calltoaction-yellow-small { padding: 0 23px 0 0; text-decoration:none; height: 26px; line-height: 18px; color: #fff;font-size: 14px;background-position: right -769px; cursor:pointer !important; } .button a.button-calltoaction-yellow-small span { padding: 3px 0 5px 23px; background-position: left -769px; } .button a.button-calltoaction-yellow-small:hover { background-position: right -797px; } .button a.button-calltoaction-yellow-small:hover span { background-position: left -797px; color:#fff; } /* button-calltoaction-yellow-medium */ .button a.button-calltoaction-yellow-medium { padding: 0 23px 0 0; text-decoration:none; height: 36px; line-height: 18px; color: #fff;font-size: 18px;background-position: right -825px; cursor:pointer !important; } .button a.button-calltoaction-yellow-medium span { padding: 8px 0 10px 23px; background-position: left -825px; } .button a.button-calltoaction-yellow-medium:hover { background-position: right -863px; } .button a.button-calltoaction-yellow-medium:hover span { background-position: left -863px; color:#fff; } /* button-calltoaction-yellow-large */ .button a.button-calltoaction-yellow-large { padding: 0 23px 0 0; text-decoration:none; height: 60px; line-height: 24px; color: #fff;font-size: 22px;background-position: right -901px; cursor:pointer !important; } .button a.button-calltoaction-yellow-large span { padding: 18px 0 18px 23px; background-position: left -901px; } .button a.button-calltoaction-yellow-large:hover { background-position: right -963px; } .button a.button-calltoaction-yellow-large:hover span { background-position: left -963px; color:#fff; } /***************************************************************************************************************/ /* button-emphasize-small */ .button a.button-emphasize-small {padding: 0 23px 0 0; text-decoration:none; height: 27px; line-height: 18px; color: #fff;font-size: 14px;background-position: right -257px; cursor:pointer !important; } .button a.button-emphasize-small span { padding: 4px 0 5px 23px; background-position: left -257px; } .button a.button-emphasize-small:hover { background-position: right -285px;} .button a.button-emphasize-small:hover span { background-position: left -285px; color:#fff; } /* button-emphasize-medium */ .button a.button-emphasize-medium {padding: 0 23px 0 0; text-decoration:none; height: 36px; line-height: 18px; color: #fff;font-size: 18px;background-position: right -313px; cursor:pointer !important; } .button a.button-emphasize-medium span { padding: 8px 0 10px 23px; background-position: left -313px; } .button a.button-emphasize-medium:hover { background-position: right -351px;} .button a.button-emphasize-medium:hover span { background-position: left -351px; color:#fff; } /* button-emphasize-medium */ .button a.button-emphasize-medium-two-lines {padding: 0 23px 0 0; text-decoration:none; height: 36px; line-height: 14px; color: #fff;font-size: 14px;background-position: right -313px; cursor:pointer !important; } .button a.button-emphasize-medium-two-lines span { padding: 4px 0 4px 23px; background-position: left -313px; } .button a.button-emphasize-medium-two-lines:hover { background-position: right -351px;} .button a.button-emphasize-medium-two-lines:hover span { background-position: left -351px; color:#fff; } /* button-emphasize-large */ .button a.button-emphasize-large {padding: 0 23px 0 0; text-decoration:none; height: 60px; line-height: 24px; color: #fff;font-size: 22px;background-position: right -389px; cursor:pointer !important; } .button a.button-emphasize-large span { padding: 18px 0 18px 23px; background-position: left -389px; } .button a.button-emphasize-large:hover { background-position: right -451px;} .button a.button-emphasize-large:hover span { background-position: left -451px; color:#fff; } /***************************************************************************************************************/ /* button-calltoaction-liteblue-small */ .button a.button-calltoaction-liteblue-small { padding: 0 23px 0 0; text-decoration:none; height: 26px; line-height: 18px; color: #fff;font-size: 14px;background-position: right -1025px; cursor:pointer !important; } .button a.button-calltoaction-liteblue-small span { padding: 4px 0 4px 23px; background-position: left -1025px; } .button a.button-calltoaction-liteblue-small:hover { background-position: right -1053px; } .button a.button-calltoaction-liteblue-small:hover span { background-position: left -1053px; color:#fff; } /* button-calltoaction-yellow-medium */ .button a.button-calltoaction-liteblue-medium { padding: 0 23px 0 0; text-decoration:none; height: 36px; line-height: 18px; color: #fff;font-size: 18px;background-position: right -1081px; cursor:pointer !important; } .button a.button-calltoaction-liteblue-medium span { padding: 8px 0 10px 23px; background-position: left -1081px; } .button a.button-calltoaction-liteblue-medium:hover { background-position: right -1119px; } .button a.button-calltoaction-liteblue-medium:hover span { background-position: left -1119px; color:#fff; } /* button-system-disabled-small */ .button a.button-system-disabled-small { padding: 0 23px 0 0; text-decoration:none; height: 26px; line-height: 18px; color: #888888;font-size: 14px;background-position: right -2px; cursor: default !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-system-disabled-small span { padding: 4px 0 4px 23px; cursor: default !important; background-position: left -2px; } /* button-system-disabled-medium */ .button a.button-system-disabled-medium { padding: 0 23px 0 0; text-decoration:none; height: 38px; line-height: 18px; color: #888888;font-size: 18px;background-position: right -56px; cursor: default !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-system-disabled-medium span { padding: 10px 0 10px 23px; background-position: left -56px; } /* button-emphasize-disabled-small */ .button a.button-emphasize-disabled-small { padding: 0 23px 0 0; text-decoration:none; height: 27px; line-height: 18px; color: #fff;font-size: 14px;background-position: right -257px; cursor:default !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-emphasize-disabled-small span { padding: 4px 0 5px 23px; background-position: left -257px; } .button a.button-emphasize-disabled-medium { padding: 0 23px 0 0; text-decoration:none; height: 36px; line-height: 18px; color: #fff;font-size: 18px;background-position: right -313px; cursor: default !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-emphasize-disabled-medium span {padding: 8px 0 10px 23px; background-position: left -313px;} .button a.button-focus-disabled-small { padding: 0 23px 0 0; text-decoration:none; height: 25px; line-height: 18px; color: #fff;font-size: 14px;background-position: right -513px; cursor:default !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-focus-disabled-small span { padding: 4px 0 3px 23px; background-position: left -513px; } .button a.button-focus-disabled-medium { padding: 0 23px 0 0; text-decoration:none; height: 36px; line-height: 18px; color: #fff;font-size: 18px;background-position: right -569px; cursor: default !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-focus-disabled-medium span { padding: 8px 0 10px 23px; background-position: left -569px; } .button a.button-calltoaction-yellow-disabled-small { padding: 0 23px 0 0; text-decoration:none; height: 26px; line-height: 18px; color: #fff;font-size: 14px;background-position: right -769px; cursor: default !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-calltoaction-yellow-disabled-small span { padding: 4px 0 4px 23px; background-position: left -769px; } .button a.button-calltoaction-yellow-disabled-medium { padding: 0 23px 0 0; text-decoration:none; height: 36px; line-height: 18px; color: #fff;font-size: 18px;background-position: right -825px; cursor: default !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-calltoaction-yellow-disabled-medium span { padding: 8px 0 10px 23px; background-position: left -825px; } .button a.button-calltoaction-liteblue-disabled-small { background-position: right -1025px; color: #FFFFFF; cursor: default !important; font-size: 14px; height: 26px; line-height: 18px; padding: 0 23px 0 0; text-decoration: none; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-calltoaction-liteblue-disabled-small span { background-position: left -1025px; padding: 4px 0 4px 23px; } .button a.button-calltoaction-liteblue-disabled-medium { background-position: right -1081px; color: #FFFFFF; cursor: default !important; font-size: 18px; height: 36px; line-height: 18px; padding: 0 23px 0 0; text-decoration: none; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .button a.button-calltoaction-liteblue-disabled-medium span { background-position: left -1081px; padding: 8px 0 10px 23px; } /* buttons with icons in them */ .button a.cart-button span img { vertical-align:middle; padding:0 0 2px; margin:0; width:21px; } .button a.add-button span img { vertical-align:middle; padding:3px 5px 0 0; margin:0px; float:left; } /* input buttons */ .input-button {margin:5px 0; float:left; } .input-button input { cursor:pointer !important; display:inline; margin:0; padding:0; text-decoration:none; background:url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/phx-buttons-sprite-left.png") no-repeat scroll;} .input-button span {cursor:pointer !important; display:inline; margin:0; text-decoration:none; float:left; background:url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/phx-buttons-sprite-right.png") no-repeat scroll;} /* button-input-system-small (grey) */ .input-button input.button-input-system-small { color: #444444; cursor: pointer; border:none; float: left; font-size: 11px; height: 26px; text-align: center; text-decoration: none; margin:0; padding:0 0 3px 15px; background-position: left -2px;} .input-button span.button-input-system-small-endcap { width:15px; height:26px; background-position: right -2px;} .input-button input.button-input-system-small:hover { background-position: left -30px; color:#0088CC;} .input-button:hover span.button-input-system-small-endcap { background-position: right -30px; } .input-button span.button-input-system-smalll-endcap:hover { background-position: right -2px; cursor: auto; } /* button-input-call-to-action-small (yellow) */ .input-button input.button-input-call-to-action-small { color: #444444; cursor: pointer; border:none; float: left; font-size: 11px; height: 26px; text-align: center; text-decoration: none; margin:0; padding:0 0 3px 15px; background-position: left -769px;} .input-button span.button-input-call-to-action-small-endcap { width:15px; height:26px; background-position: right -769px;} .input-button input.button-input-call-to-action-small:hover { background-position: left -797px; color:#444444;} .input-button:hover span.button-input-call-to-action-small-endcap { background-position: right -797px; } .input-button span.button-input-call-to-action-smalll-endcap:hover { background-position: right -769px; cursor: auto; } /* button-input-emphasized-small (green) */ .input-button input.button-input-emphasized-small { color: #ffffff; cursor: pointer; border:none; float: left; font-size: 11px; height: 27px; text-align: center; text-decoration: none; margin:0; padding:0 0 3px 15px; background-position: left -257px;} .input-button span.button-input-emphasized-small-endcap { width:15px; height:27px; background-position: right -257px;} .input-button input.button-input-emphasized-small:hover { background-position: left -285px; color:#ffffff;} .input-button:hover span.button-input-emphasized-small-endcap { background-position: right -285px; } .input-button span.button-input-emphasized-small-endcap:hover { background-position: right -257px; cursor: auto; } /* button-input-emphasized-large (green) */ .input-button input.button-input-emphasized-large { color: #ffffff; cursor: pointer; border:none; float: left; font-size: 11px; height: 60px; text-align: center; text-decoration: none; margin:0; padding:0 0 3px 15px; background-position: left -389px;} .input-button span.button-input-emphasized-large-endcap { width:19px; height:60px; background-position: right -389px;} .input-button input.button-input-emphasized-large:hover { background-position: left -450px; color:#ffffff;} .input-button:hover span.button-input-emphasized-large-endcap { background-position: right -450px; } .input-button span.button-input-emphasized-large-endcap:hover { background-position: right -389px; cursor: auto; } /* button-input-focus-small (blue) */ .input-button input.button-input-focus-small { color: #ffffff; cursor: pointer; border:none; float: left; font-size: 11px; height: 26px; text-align: center; text-decoration: none; margin:0; padding:0 0 3px 15px; background-position: left -513px;} .input-button span.button-input-focus-small-endcap { width:15px; height:26px; background-position: right -513px;} .input-button input.button-input-focus-small:hover { background-position: left -541px; color:#ffffff;} .input-button:hover span.button-input-focus-small-endcap { background-position: right -541px; } .input-button span.button-input-focus-small-endcap:hover { background-position: right -513px; cursor: auto; } /* * phx-new.css * http://phenomenex.com * Copyright 2013 Phenomenex Inc. * * Overall master styles of Phenomenex.com redesign. Contains all helper and selector styles. * Base styles are located in base-new.css and legacy base support in base-legacy.css until all * pages are migrated to the redesign. * Buttons are located in buttons-new.css. Legacy support in buttonsAndmenu.css. */ /* Helpers */ .text30 { width: 30px; } .text50 { width: 50px; } .text100 { width: 100px; } .text150 { width: 150px; } .text190 { width: 190px; } .text200 { width: 200px; } .text250 { width: 250px; } .text500 { width: 500px; } .text250x50 { width: 250px; height: 50px; } .text300 { width: 300px; } .ddl50 { width: 50px; } .ddl60 { width: 60px; } .ddl120 { width: 120px; } .ddl150 { width: 150px; } .ddl190 { width: 190px; } .ddl330 { width: 330px; } .blue-text { color: #0088CC; } .yellow-text { color: #fff200; } .display-block { display: block; } .formHeader { color: #ffffff; background-color: #55B89F; font-size: 12px; font-weight:bold; padding: 7px 0 7px 15px; margin: 20px 0 0 0; } .formContent { border: 1px solid #55B89F; background-color:#ffffff; margin: 0 0 0 0; padding: 10px 0 10px 15px; } .formContentHeader { color: #A3238E; font-weight: bold; font-size: 12px; padding: 10px 0 10px 0; } .float-left { float:left; } .float-right { float:right; } .clear-all, .ClearAll, .clearAll { clear: both; position:relative; } .bold-text, .boldText, .BoldText { font-weight:bold; } .redText { color: #FF0022; } img { border: none; outline:0; } a, a:link { color: #0088CC; text-decoration: none; } a:hover { text-decoration: underline; } input[type=text], input[type=password] { padding:2px; } .link-divider { margin:0 5px; } .shadow{ -moz-box-shadow: 3px 3px 4px #666; -webkit-box-shadow: 3px 3px 4px #666; box-shadow: 3px 3px 4px #666; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#666666'); } .underline { border-bottom: 1px dotted #838383; } /* Sprites */ .phenova-sprite-common { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/phx-sprite-common.png") no-repeat scroll 0 0 transparent; } .phx-sprite-common { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/phx-sprite-common.png") no-repeat scroll 0 0 transparent; } .product-sprite-homepage { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/prod.hp_btn_sprite.png") no-repeat scroll 0 0 transparent; } .industries-sprite-homepage { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/industries.hp_btn_sprite.png") no-repeat scroll 0 0 transparent; } .selection-tools { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/tool_btn_sprite.png") no-repeat scroll 0 0 transparent; } .sprite-common { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/phx-sprite-common.png") no-repeat scroll 0 0 transparent; } .phenova-tools { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/tool_btn_sprite.png") no-repeat scroll 0 0 transparent; } .dashboard-sprite { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/dashboard.hp_btn_sprite.png") no-repeat scroll 0 0 transparent; } .sprite-site-icons { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/sprite-site-icons.png") no-repeat scroll; } .account-dashboard-sprite { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/account_dashboard_sprite.png") no-repeat scroll 0 0 transparent; } .account-dashboard-sprite-new { background: url("//az621941.vo.msecnd.net/images/DashboardSprite_All.png") no-repeat scroll 0 0 transparent; } .shoppingcart-dashboard-small { background-position: -2417px -451px; width: 50px; height: 37px; float:left; } .phenologix-dashboard-small{ background-position: -2098px -459px; width: 115px; height: 34px; } .order-history-blue-small-new{ height: 35px; background-position: -2306px -453px; width: 40px; } .order-history-blue-new{ background-position: -2278px -185px; } .my-document-blue-small-new{ background-position: -570px -455px; height: 45px; width: 51px; } .message-center-blue-small-new{ background-position: -986px -452px; height:48px; width:50px; } .mysupport-blue-small-new{ background-position: -1113px -449px; height: 52px; width: 50px; } .myprofile-blue-small-new{ background-position: -851px -457px; height: 48px; width: 58px; } .companies-sprite { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/phx-companies-sprite-2.png") no-repeat scroll 0 0 transparent; } .black-arrow { display:inline-block; width:9px; height:9px; background-position:-171px -31px; margin:0 0 0 5px; vertical-align: middle; } .white-arrow { display:inline-block; width:9px; height:9px; background-position:-216px -31px; margin:0 0 0 5px; vertical-align: middle; } .blue-arrow { display:inline-block; width:9px; height:9px; background-position:-202px -31px; margin:0 0 0 5px; vertical-align: middle; } #home-page-tabs .ui-state-active .black-arrow { background-position: -216px -31px; } /* Purple arrow when tab is selected on homepage */ #industry-tabs .ui-state-active .black-arrow { background-position: -216px -31px; } /* Purple arrow when tab is selected on homepage */ .questionMarkIcon { width:13px; height:13px; display:inline-block; background-position:0 0; cursor: pointer !important; margin:0 0 0 5px; } .signupContainer { padding-left: 20px; } .freebieOption{ float: left; width:400px; padding: 20px 30px 20px 0px;} #signup-complete { padding:20px; height:100%;} #contactMethodsHeading { width: 215px; font-weight: bold; font-size: 14px; padding-bottom: 10px;} #contactMethodsSubHeading { width: 215px; font-weight: bold; font-size: 12px; padding: 0 0 10px 10px;} .labSelector { float:left; color: #444444; font-size: 18px; font-weight: bold; margin: 10px 0 0 30px; display: none; z-index: 2; position: relative; } #labSelect { font-size: 16px; font-weight: normal; } .tooltip { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/sprite-site-icons.png") no-repeat 0px -210px; position:fixed; font-size:12px; height:110px; width:161px; padding:15px; color:#fff; z-index: 6; } .tooltip-inner{ font-size:11px; } /* New Messages Alert */ #newMessages div { width: 905px; margin: 0 auto; } /* Our Sites */ #top-wrapper { height: 25px; width:958px; margin:0 auto; padding: 5px 0; font-size:11px; position:relative; z-index: 100; } #top-wrapper ul { margin: 0; } #top-wrapper .our-sites { margin-left: 20px; } #top-wrapper span { float: left; padding: 0px 5px 0 0; font-weight: bold; } #top-wrapper ul li { display: inline; float: left; font-size: 12px; padding: 0px 0 0 10px; margin: 0 0 0 0px; font-weight: bold; } #top-wrapper ul li a { color: #444; } #top-wrapper .selected { color: #999; } #top-wrapper div.companies-sprite { height: 30px; display: inline-block; margin: 0 3px; float: left; background-color: #EAEAEA; } /* New nav */ #top-wrapper a div:hover { opacity: .75; } #top-wrapper > div:first-child { margin-left: 15px; } #top-wrapper .technical-support-link { margin: 1px 5px 0 0; } /* Companies tabs */ .products-site { background-position: 10px 6px; width: 100px; } .products-site.es-ES { background-position: 8px -19px; width: 110px; } .tour-company-site { background-position: -100px 6px; width: 125px; } .tour-company-site.es-ES { background-position: -100px -19px; width: 210px; } .phenova-site { background-position: -242px 6px; width: 100px; } .phenologix-site { background-position: -358px 6px; width: 80px; } .neoteryx-site { background-position: -448px 6px; width: 95px; } .blog-site { background-position: -363px -18px; width: 148px; } .companies-sprite.selected { background-color: #fff !important; } /* Content Wrappers */ #page-wrapper { min-height: 100%; width:958px; margin:0 auto; font-size:11px; -webkit-box-shadow: #666 0px 4px 20px; -moz-box-shadow: #666 0px 4px 20px; box-shadow: #666 0px 4px 20px; background: #fff; height:auto; position: relative; behavior: url(/content/pie.htc); } #content-wrapper { min-height: 100%; margin:0 0 0 0; } * html #page-wrapper { height:100%; } #locale-language { margin: 15px 15px 0; } #locale-language #language { margin:0 10px 0 0; } #language select { width:80px; } #locale-language #flag { margin:1px 0 0 0; } #header { padding: 10px 0 0; } #phx-logo-container { width:240px; height:50px; margin:0 15px; } #phx-logo { width:236px; height:60px; display:block; background-position:-9px -75px; } #flm-logo { width:173px; height:52px; display:block;float: left; background: url('//az621941.vo.msecnd.net/cdn/Content/Images/logos/Agela-logo-1.png'); } #welcome-user { max-width: 260px; overflow:hidden; } /* LogIn Modal - extended from bootstrap */ #myModalLogIn.modal { width: 800px !important; margin-left: -400px !important; border: 8px solid #000 !important; } #myModalLogIn.modal.fade.in { top: 20% !important; } /* Modal X/Close button */ .modal-header #modalbox-close, .modal-body #modalbox-close { display: block; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('//az621941.vo.msecnd.net/cdn/Content/Images/sprites/modalbox.png') -40px 0px; cursor: pointer; z-index: 1103; } /* Dashboard mini icons for login modal */ .mydashboard-image-mini { display:inline-block; height:25px; width: 30px; margin: 0 5px 0 0; padding: 0 0 5px 0; vertical-align: middle; } #access-promos-quotes-mini { background-position: 0 -74px; } #application-locker-mini { background-position: -42px -77px; } #virtual-stockroom-mini { background-position: -87px -76px; } #my-documents-mini { background-position: -133px -80px; } #my-support-mini { background-position: -260px -76px; } #welcome-links { position: absolute; right: 0px; top: 0px; padding-top: 6px; z-index: 10; } #welcome-links > li { display: inline; } /* Admin */ .adminTable { padding: 10px 10px 10px 10px; display: none; } .auditHeader { font-weight: bold; font-size: 14px; padding: 0 0 20px 0; } #studyCounts { text-align: right; float: right; } #studyHeader { text-align: right; float: left; } #resultMode { padding: 2px 5px 0 5px; } #noUnmatched { display: none; padding: 10px 0 0 0; font-size: 12px; } /* Quick Nav Buttons (Dashboard, Quick Order, Cart Icon) */ #quick-nav-buttons { margin: 0 15px 0 0; position: relative; top: 24px; } #quick-nav-buttons a.btn { padding-top: 5px; padding-bottom: 20px; } /* Live Support button */ .tab-links-wrapper { width: 958px; margin: 0 auto; position: relative; z-index: 0; } .support-tab-right { position: fixed; bottom: 10%; width: 1120px; text-align: right; z-index: -1; } /* * * Main Products and Pages navigation menus */ /* Main nav menu items */ #main-nav-container { background-color:#000; width:958px; position:relative; z-index:7;} #main-nav { margin:10px 15px 5px 15px; padding-bottom: 3px; padding-left: 10px; position:relative; border-bottom:1px solid #626262; } #main-nav ul { vertical-align:bottom; padding: 0; margin: 0; } #main-nav > ul > li { display:inline; float:left; vertical-align: middle; font-size:12px; line-height:18px; margin:0 20px 0 0; padding:0; position:relative; } /* Display content items when hovered */ #main-nav ul li:hover ul { display:block; float:left; } /* Links within product nav menus */ #main-nav li ul a { color: #444444; font-size:12px; } #main-nav li ul a:hover { color:#0088CC; text-decoration: underline; } #main-nav li ul li { margin: 0 0 3px 5px; padding:0; line-height:18px; float: left; width:100%; white-space: nowrap; display: inline; } /* 5 main nav links */ #main-nav li > a { color:#fff; font-size:14px; } #main-nav li > a:hover { text-decoration:none; } /* Purple underlines on Products menu */ #main-nav li.sub-nav-border-bottom { border-bottom:2px solid #626262; } #main-nav li.sub-nav-border-bottom-highlight { border-color:#A3238E; } #main-nav li a.sub-nav-link-highlight, #main-nav li .sub-nav-link-highlight { color:#A3238E; } /* It's Fun! text */ #main-nav .main-nav-FUN { position: absolute; right: 67px; bottom: 20px; color: #FAA900; font-size: 14px; font-weight: bold; } /* Font awesome chevron icons */ #main-nav ul li span.icon-chevron-right { width: 0; height: 10px; display: inline-block; margin-left: 3px; font-size: 12px; } #main-nav ul li:hover span.icon-chevron-right:before { content: "\f078"; /* chevron-down */ } nav li ul { display:none; position:absolute; background:#fff; z-index:10; left:-25px; border: 1px solid #626262; padding:10px; } /* Products hover link */ #main-nav li .products-sub-nav { display: none; width:880px; margin:0 0 0 8px; position:absolute; background:#fff; z-index:10; left:-25px; border: 1px solid #626262; padding:10px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #main-nav ul li:hover .products-sub-nav { display:block; } #main-nav .products-sub-nav .products-sub-nav-list-1 { width:185px; margin:0 0 0 25px; } #main-nav .products-sub-nav .products-sub-nav-list-2 { width:145px; margin:0 0 0 25px;} #main-nav .products-sub-nav ul { position:relative; border:none; background:fff; padding:0; color:#444; } #main-nav .nav-indent { padding-left: 15px; } /* Industries, News and Events, Apps and Support hover links */ #main-nav li#industries ul, #main-nav li#news-events ul, #main-nav li#application-support ul { padding: 10px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* Tour Company hover link */ #main-nav li .our-company-sub-nav { display: none; width:350px; margin:0 0 0 8px; position:absolute; background:#fff; z-index:10; left:-25px; border: 1px solid #626262; padding:10px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #main-nav ul li:hover .our-company-sub-nav { display:block; } #main-nav li .our-company-sub-nav img { border: 3px solid #aaa; } #main-nav .our-company-sub-nav .our-company-sub-nav-list1 { width: 135px; margin: 0 0 0 25px; } #main-nav .our-company-sub-nav .our-company-sub-nav-list2 { width: 165px; margin: 0 0 0 25px; } #main-nav .our-company-sub-nav .our-company-sub-nav-list2 li { white-space: normal !important; } #main-nav .our-company-sub-nav ul { position:relative; border:none; background:fff; padding:0; color:#444; } /* Black top and bottom curves/wave from sprite */ #top-curve { width:958px; height:52px; background-position: -2px -135px; position:relative; z-index:4; } #bottom-curve { width:958px; height:40px; background-position: -2px -207px; position:relative; z-index:5; clear: both; } /* Global search at the top */ #main-search-container { background:#fff; height:25px; width:205px; margin:0 15px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:absolute; right:38px; top: -28px; z-index:8; behavior: url(/content/pie.htc); } #submit-search-btn {position:absolute; top:3px; width:20px; height:20px; right:0px; background-position:-368px 0px; cursor: pointer; } #homeFreeTextSearch { margin:2px 5px; padding: 0; border:0;height: 20px; width:170px; outline: none; } #homeFreeTextSearch:focus { border: 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search-options #search-option-link a { color: #fff; } ul#search-options { /* width: 100px; */ margin:8px 0; text-align: right; list-style-type: none; } ul#search-options ul { display:none; height:100%; background:#fff; z-index:10; position:relative; text-align: left; top:-1px; border: 1px solid #626262; padding:10px; list-style-type: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } ul#search-options #search-option-link:hover ul { display:block; list-style-type:none; } ul#search-options #search-option-link:hover span.blue-arrow { background-position:-202px -42px; } ul#search-options ul li { line-height:18px; font-size:12px; margin: 0 0 3px 0; } ul#search-options ul li a { color: #444444 !important; font-size:12px !important; } ul#search-options ul li a:hover { color:#0088CC !important; } /* Search Box Options when user clicks within searchbox */ ul#searchbox-options { margin:8px 0; list-style-type: none; } ul#searchbox-options ul { display:none; width:155px; background:#fff; z-index:10; position:relative; right:0px; top:-37px; border: 1px solid #626262; padding:10px; list-style: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } ul#searchbox-options #search-option-link:hover ul { display:block; } ul#searchbox-options #search-option-link:hover span.blue-arrow { background-position:-202px -42px; } ul#searchbox-options ul li { line-height:18px; font-size:12px; margin: 0 0 3px 0; } ul#searchbox-options ul li a { color: #444444 !important; font-size:12px !important; } ul#searchbox-options ul li a:hover { color:#0088CC !important; } #page-upsell-and-login { background-color: #000; position: relative; z-index: 6; } .banner-container { background-color: #000; position: relative; z-index: 6; } .topMargin { margin-top: 20px; } #page-banners {z-index:1; width: 958px; bottom:0; } .large-banner { width:958px; /* height:366px; */ height:258px; line-height: 1; } .short-banner { width:958px; height:200px !important; line-height: 1; font-family: 'Pontano Sans', sans-serif; } .shorter-banner { width:958px; height:139px !important; line-height: 1; font-family: 'Pontano Sans', sans-serif; position: relative; float: left; z-index: 6; } .thin-banner { width:958px; height:130px !important; line-height: 1; font-family: 'Pontano Sans', sans-serif; } /*** Homepage Banners ***/ #banner2 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_phree.png") no-repeat; width:958px; height:258px; } #banner3 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_zbsemivol.png") no-repeat; width:958px; height:258px; } #banner4 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_edge.jpg") no-repeat; width:958px; height:258px; } #banner5 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_MASStastic2013.jpg") no-repeat; width:958px; height:258px; } #banner6 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_absciex.png") no-repeat; width:958px; height:258px; } #banner7 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_lux.jpg") no-repeat; width:958px; height:258px; } #hpbanner-knx { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_knx.jpg") no-repeat; width:958px; height:258px; } #hpbanner-knxUS { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_knxUS.jpg") no-repeat; width:958px; height:258px; } #hpbanner-chiral { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_chiral.png") no-repeat; width:958px; height:258px; } #hpbanner-foodsafety { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_foodsafety.jpg") no-repeat; width:958px; height:258px; } #hpbanner-asms2013 { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_asms2013.jpg") no-repeat; width:958px; height: 258px; } #hpbanner-luxCN { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_luxCN.png") no-repeat; width:958px; height: 258px; } #hpbanner-fasha-medal { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_fasha_medal.jpg") no-repeat; width:958px; height: 258px; } #hpbanner-phree { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_phree_new.jpg") no-repeat; width:958px; height: 258px; } #hpbanner-phree_it { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_phree_it.png") no-repeat; width:958px; height: 258px; } #hpbanner-phree_de { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_phree_de.png") no-repeat; width:958px; height: 258px; } #hpbanner-phree_fr { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/hpbanner_phree_fr.png") no-repeat; width:958px; height: 258px; } .bannerHeaders1 { float:left; position:relative; top: 60px; margin: 0 0 0 28px; } .bannerHeaders1 h1 { color: #fff; font-size: 40px; } .bannerHeaders1 h2 { color: #fff; font-size: 30px; margin: 0 auto; } .bannerHeaders1 h3 { color: #fff; } .bannerHeaders1 h4 { color: #fff; font-size: 20px; } .bannerHeaders1 small { color: #fff; } .bannerHeaders2 { float:left; color: #fff; position:relative; top: 70px; margin: 0 0 0 20px; } .bannerHeaders2 h1 { color: #fff; font-size: 40px; } .bannerHeaders2 h2 { color: #f8931e; font-size: 26px; } .bannerHeaders3 { float:left; color: #000; position:relative; top: 70px; margin: 0 0 0 20px; } .bannerHeaders3 h1 { color: #8fb42d; font-size: 40px; } .bannerHeaders3 h2 { color: #8fb42d; font-size: 24px; } .bannerHeaders3 h4 { color: #000; font-size: 22px; } .bannerHeaders3 small { font-size: 15px; top: -18px; position: relative; } .bannerHeaders4 { float:left; color: #fff; position:absolute; top: 70px; margin: 0 0 0 20px; font-family: 'Pontano Sans', sans-serif; line-height: 3.5em; } .bannerHeaders4 h1 { color: #fff; font-size: 40px; text-align: left; } .bannerHeaders4 h2 { font-size: 22px; font-weight: normal; } .bannerHeaders4 h4 { color: #000; font-size: 22px; font-weight: bold; } .bannerHeaders4 small { font-size: 15px; top: -18px; position: relative; } .bannerHeaders5 { float: left; position: relative; top: 90px; margin: 0 0 0 28px; } .bannerHeaders5 h1 { color: #03588f; font-size: 40px; } .bannerHeaders5 h2 { color: #444; font-size: 24px; margin: 5px 0; font-weight: normal; } .bannerHeaders5 h3 { color: #444; } .bannerHeaders5 small { font-size: 15px; top: -18px; position: relative; } .bannerHeaders7 { float: left; position: relative; top: 60px; margin: 0 0 0 28px; } .bannerHeaders7 h1 { color: #02868f; font-size: 38px; } .bannerHeaders7 h2 { color: #808285; font-size: 28px; margin: 5px 0; font-weight: normal; } .bannerHeaders7 h3 { color: #222222; font-size: 18px; margin-top: 30px; } .bannerHeaders7 small { font-size: 14px; top: -18px; position: relative; } #hpbanner-knx div, #hpbanner-knxUS div { float:left; position:relative; top: 90px; margin: 0 0 0 20px; } #hpbanner-knx h1, #hpbanner-knxUS h1 { color: #fff; font-size: 34px; } #hpbanner-knx h2, #hpbanner-knxUS h2 { color: #fff; font-size: 30px; margin: 0 auto; } #hpbanner-knx h3, #hpbanner-knxUS h3 { color: #fff; } #hpbanner-knx h4, #hpbanner-knxUS h4 { color: #fff; font-size: 20px; } #hpbanner-knx small, #hpbanner-knxUS small { color: #fff; } #hpbanner-chiral div { float:left; color: #fff; position:absolute; top: 70px; margin: 0 0 0 20px; font-family: 'Pontano Sans', sans-serif; line-height: 3.0em; } #hpbanner-chiral h1 { color: #444; font-size: 33px; text-align: left; } #hpbanner-chiral h2 { color: #00667a; font-size: 22px; font-weight: normal; } #hpbanner-chiral h4 { color: #000; font-size: 22px; font-weight: bold; } #hpbanner-chiral small { font-size: 15px; top: -18px; position: relative; } #hpbanner-chiral .button { margin: 55px 0 0 20px; } #hpbanner-foodsafety div { float:left; color: #fff; position:absolute; top: 80px; margin: 0 0 0 20px; font-family: 'Pontano Sans', sans-serif; line-height: 2.5em; } #hpbanner-foodsafety h1 { color: #00667a; font-size: 40px; text-align: left; } #hpbanner-foodsafety h2 { color: #000; font-size: 22px; font-weight: normal; } #hpbanner-asms2013 div { float:left; color: #fff; position:absolute; top: 70px; margin: 0 0 0 20px; font-family: 'Pontano Sans', sans-serif; line-height: 2.5em; } #hpbanner-asms2013 h1 { color: #fff; font-size: 46px; margin: 10px 0; text-align: left; } #hpbanner-asms2013 h2 { color: #000; font-size: 22px; font-weight: normal; } #hpbanner-luxCN div { float:left; color: #fff; position:absolute; top: 70px; margin: 0 0 0 20px; letter-spacing: 0.1em; line-height: 2.5em; font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; } #hpbanner-luxCN h1 { color: #000; font-size: 46px; margin: 10px 0; font-weight:bold; font-style: italic; } #hpbanner-luxCN h2 { color: #00667c; font-size: 22px; font-weight: bold; } #hpbanner-fasha-medal div { float:left; color: #fff; position:absolute; top: 60px; margin: 0 0 0 35px; font-family: 'Pontano Sans', sans-serif; line-height: 2.5em; } #hpbanner-fasha-medal h1 { color: #fff; font-size: 38px; margin: 10px 0 } #hpbanner-fasha-medal h4 { color: #fff; font-size: 22px; } #hpbanner-phree div { float:left; color: #4853a4; position:absolute; top: 80px; margin: 0 0 0 35px; font-family: 'Pontano Sans', sans-serif; } #hpbanner-phree h1 { color: #4853a4; font-size: 37px; margin: 0 } #hpbanner-phree h3 { color: #4853a4; font-size: 16px; margin: 10px 0 } #hpbanner-phree h4 { color: #4853a4; font-size: 18px; line-height: 1.2em } /*** Generic Banners ***/ #generic-search-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_search.jpg") no-repeat; } #generic-search-banner div { float:left; color: #000; position:relative; top: 45px; margin: 0 0 0 30px; } #generic-search-banner div h1 { color: #444; font-size: 40px; } #generic-search-banner div h2 { color: #444; font-size: 18px; } #generic-techresources-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_techresources.jpg") no-repeat; } #generic-techresources-banner div { float:left; color: #000; position:relative; top: 45px; margin: 0 0 0 30px; } #generic-techresources-banner div h1 { color: #444; font-size: 40px; } #generic-techresources-banner div h2 { color: #444; font-size: 18px; } #generic-phenologix-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_phenologix.jpg") no-repeat; } #generic-phenologix-banner div { float:left; color: #000; position:relative; top: 45px; margin: 0 0 0 30px; } #generic-phenologix-banner div h1 { color: #444; font-size: 40px; } #generic-phenologix-banner div h2 { color: #444; font-size: 18px; } #generic-login-registration-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_login_registration.jpg") no-repeat; } #generic-login-registration-banner div { float:left; color: #000; position:relative; top: 45px; margin: 0 0 0 30px; } #generic-login-registration-banner div h1 { color: #444; font-size: 40px; } #generic-login-registration-banner div h2 { color: #444; font-size: 18px; } #generic-dashboard-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_dashboard.jpg") no-repeat; } #generic-dashboard-banner div { float:left; color: #000; position:relative; top: 45px; margin: 0 0 0 30px; } #generic-dashboard-banner div h1 { color: #444; font-size: 40px; } #generic-dashboard-banner div h2 { color: #444; font-size: 18px; } #generic-cart-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_cart.jpg") no-repeat; } #generic-cart-banner div { float:left; color: #000; position:relative; top: 45px; margin: 0 0 0 30px; } #generic-cart-banner div h1 { color: #444; font-size: 40px; } #generic-cart-banner div h2 { color: #444; font-size: 18px; } #generic-blank-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_blank.jpg") no-repeat; } #generic-blank-banner div { float:left; color: #000; position:relative; top: 45px; margin: 0 0 0 30px; } #generic-blank-banner div h1 { color: #444; font-size: 40px; } #generic-blank-banner div h2 { color: #444; font-size: 18px; } #generic-blank2-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_blank2.jpg") no-repeat; } #generic-blank2-banner div { float:left; color: #000; position:relative; top: 45px; margin: 0 0 0 30px; } #generic-blank2-banner div h1 { color: #444; font-size: 40px; } #generic-blank2-banner div h2 { color: #444; font-size: 18px; } #generic-gc-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_gc.png") no-repeat; } #generic-technical-support-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/generic_technical_support.jpg") no-repeat; } #generic-technical-support-banner div { float:left; position:relative; top: 46px; margin: 0 0 0 70px; } #generic-technical-support-banner div h1 { color: #444; font-size: 40px; font-weight: bold; } #accessories-search-banner { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/accessories_search.jpg") no-repeat; } #accessories-search-banner div { float:left; color: #aaa; position:relative; top: 45px; margin: 0 0 0 30px; } #accessories-search-banner div h1 { color: #e6e6e6; font-size: 40px; text-align: left; } #accessories-search-banner div h2 { color: #e6e6e6; font-size: 18px; } /*** Info/Page Banners ***/ #info-banner div { margin: 0 0 0 35px; left: 2px; top: 36px; line-height: 2.5em; font-family: "Pontano Sans", sans-serif; float: left; position: absolute; } /*** Industries banners ***/ /* Flexslider fixes */ .flexslider.industries-clinical-slider ol, .flexslider.industries-environmental-slider ol, .flexslider.industries-food-slider ol, .flexslider.industries-pharma-slider ol { width: 240px; left: 35px; } /* Defaults */ .industriesBannerHeaders { float:left; position:absolute; top: 60px; margin: 0 0 0 28px; } /*.industriesBannerHeaders h1 { color: #fff; font-size: 40px; font-weight: normal; margin: 0; }*/ .industriesBannerHeaders h2 { color: #fff; font-size: 30px; margin: 0 auto; font-weight: normal; margin: 0; } .industriesBannerHeaders h3 { color: #fff; font-weight: normal; margin: 0; } .industriesBannerHeaders h4 { color: #fff; font-size: 24px; font-weight: normal; margin: 0; } .industriesBannerHeaders small { color: #fff; } .industriesBannerHeaders .banner-title { font-size:20px; font-weight:bold; color: #000; } .industriesBannerHeaders .btn { margin-top: 10px; margin-left: 40px; padding: 3px 15px; } /* Clinical */ #industries-clinical-banner1 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_01.jpg") no-repeat; width:958px; height:200px; } /*#industries-clinical-banner2 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_02.jpg") no-repeat; width:958px; height:200px; }*/ #industries-clinical-banner3 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_03.jpg") no-repeat; width:958px; height:200px; } #industries-clinical-banner4 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_04.jpg") no-repeat; width:958px; height:200px; } #industries-clinical-banner5 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_05.png") no-repeat; width:958px; height:200px; } #industries-clinical-banner6 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_06.jpg") no-repeat; width:958px; height:200px; } #industries-clinical-banner7 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_07.jpg") no-repeat; width:958px; height:200px; } #industries-clinical-banner8 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_08.jpg") no-repeat; width:958px; height:200px; } #industries-clinical-banner9 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_09.jpg") no-repeat; width:958px; height:200px; } #industries-clinical-banner2 .banner-title { color: #fff; } #industries-clinical-banner2 h3 { font-size: 22px; } #industries-clinical-banner3 h1 { color: #0088CC; } #industries-clinical-banner3 h4 { color: #000; } #industries-clinical-banner4 h1 { color: #1579aa; } #industries-clinical-banner4 h4 { color: #000; } #industries-clinical-banner5 h2 { font-size: 24px; line-height: 1.1em; } #industries-clinical-banner5 h4 { font-size: 20px; margin-bottom: 5px; } #industries-clinical-banner5 .industriesBannerHeaders { position: relative; float: right; right: 50px; top: 20px;} #industries-clinical-banner5 ul { margin-left: 50px; color: #FFF; width: 250px; display: inline-block; } #industries-clinical-banner5 ul li { font-size: 14px; } #industries-clinical-banner5 .btn { margin-top: 10px; display: inline-block; float: right; } #industries-clinical-banner6 h1 { color: #652d90; } #industries-clinical-banner6 h4 { color: #000; font-size: 22px; } #industries-clinical-banner7 h1 { color: #c41804; } #industries-clinical-banner7 h4 { color: #000; font-size: 22px; } #industries-clinical-banner9 h1 { color: #14b9cf; } #industries-clinical-banner9 h4 { color: #000; } #industries-clinical-banner2 { background: url(/webimage/industries_clin_01.png) no-repeat; width: 958px; height: 200px; } .industriesBannerHeaders h1 { color: #000; font-size: 34px; font-weight: normal; margin: 0; line-height: 34px; } /* Environmental */ #industries-environmental-banner1 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesenvironmental_01.jpg?v=1") no-repeat; width:958px; height:200px; } #industries-environmental-banner2 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesenvironmental_02.png") no-repeat; width:958px; height:200px; } #industries-environmental-banner3 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesenvironmental_03.jpg?v=1") no-repeat; width:958px; height:200px; } #industries-environmental-banner4 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesenvironmental_04.jpg") no-repeat; width:958px; height:200px; } #industries-environmental-banner5 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesenvironmental_05.jpg") no-repeat; width:958px; height:200px; } #industries-environmental-banner6 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesenvironmental_06.jpg?v=1") no-repeat; width:958px; height:200px; } /*#industries-environmental-banner7 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesenvironmental_07.jpg") no-repeat; width:958px; height:200px; }*/ #industries-environmental-banner1 h1 { color: #8eb42d; font-size: 36px; } #industries-environmental-banner1 h4 { color: #000; } #industries-environmental-banner2 .industriesBannerHeaders { top: 75px; } #industries-environmental-banner2 h1 { color: #000; font-size: 38px; } #industries-environmental-banner2 h2 { color: #000; font-size: 24px; font-weight: bold; } #industries-environmental-banner2 .btn { margin-left: 0; margin-top: 0; } #industries-environmental-banner3 h1 { color: #00aeed; } #industries-environmental-banner3 h4 { color: #000; } #industries-environmental-banner4 .industriesBannerHeaders { top: 50px; } #industries-environmental-banner4 h1 { color: #0c4280; } #industries-environmental-banner5 h1 { color: #00aeed; } #industries-environmental-banner5 h4 { color: #000; } #industries-environmental-banner6 .banner-title { color: #fff; } #industries-environmental-banner6 h1 { font-size: 30px; } #industries-environmental-banner6 h2 { font-size: 42px; } #industries-environmental-banner6 .btn { margin-left: 0; } #industries-environmental-banner7 .banner-title { color: #fff; } #industries-environmental-banner7 { background: url(/webimage/industries_enviro_01.png) no-repeat; width: 958px; height: 200px; } .industriesBannerHeaders h1 { color: #000; font-size: 34px; line-height:34px; font-weight: normal; margin: 0; } /* Food */ /*#industries-food-banner1 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/fd_guide_197_banner.jpg") no-repeat; width:958px; height:200px; }*/ #industries-food-banner2 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfood_02.jpg") no-repeat; width:958px; height:200px; } #industries-food-banner3 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfood_03.jpg") no-repeat; width:958px; height:200px; } #industries-food-banner4 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfood_04.jpg") no-repeat; width:958px; height:200px; } #industries-food-banner5 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfood_05.jpg") no-repeat; width:958px; height:200px; } #industries-food-banner6 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfood_06.jpg") no-repeat; width:958px; height:200px; } #industries-food-banner7 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfood_07.jpg") no-repeat; width:958px; height:200px; } #industries-food-banner8 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfood_08.jpg") no-repeat; width:958px; height:200px; } #industries-food-banner1 h1, #industries-food-banner1 h4 { color: #c41804; } #industries-food-banner2 h1, #industries-food-banner2 h4 { color: #0088CC; } #industries-food-banner2 .btn { margin-left: 0; } #industries-food-banner3 h1 { color: #00aeed; } #industries-food-banner3 h4 { color: #000; } #industries-food-banner4 .banner-title { color: #fff; } #industries-food-banner5 h1, #industries-food-banner5 h4 { color: #1579aa; } #industries-food-banner6 h1, #industries-food-banner6 h4 { color: #c41804; } #industries-food-banner7 h1 { color: #c41804; } #industries-food-banner7 h4 { color: #000; } #industries-food-banner8 h1 { color: #00aeed; } #industries-food-banner8 h4 { color: #000; } #industries-food-banner1 { background: url(/webimage/industries_food_01.png) no-repeat; width: 958px; height: 200px; } /* Forensics/Toxicology */ #industries-forensics-banner1 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesforensics_01.jpg") no-repeat; width:958px; height:200px; } #industries-forensics-banner2 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesforensics_02.jpg") no-repeat; width:958px; height:200px; } #industries-forensics-banner3 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesforensics_03.jpg") no-repeat; width:958px; height:200px; } #industries-forensics-banner4 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesforensics_04.jpg") no-repeat; width:958px; height:200px; } #industries-forensics-banner5 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesforensics_05.jpg") no-repeat; width:958px; height:200px; } #industries-forensics-banner6 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesforensics_06.jpg") no-repeat; width:958px; height:200px; } #industries-forensics-banner1 .banner-title { color: #fff; } #industries-forensics-banner2 h1 { color: #14b9cf; } #industries-forensics-banner2 h4 { color: #000; } #industries-forensics-banner3 .banner-title { color: #fff; } #industries-forensics-banner4 h1, #industries-forensics-banner4 h4 { color: #0088CC; } #industries-forensics-banner5 h1 { color: #00aeed; } #industries-forensics-banner5 h4 { color: #000; } /* Fuels */ #industries-fuel-banner1 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfuels_01.jpg") no-repeat; width:958px; height:200px; } #industries-fuel-banner2 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfuels_02.jpg") no-repeat; width:958px; height:200px; } #industries-fuel-banner3 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfuels_03.jpg") no-repeat; width:958px; height:200px; } #industries-fuel-banner4 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfuels_04.jpg") no-repeat; width:958px; height:200px; } #industries-fuel-banner5 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfuels_05.jpg") no-repeat; width:958px; height:200px; } #industries-fuel-banner6 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfuels_06.jpg") no-repeat; width:958px; height:200px; } #industries-fuel-banner7 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesfuel01.png") no-repeat; width:958px; height:200px; } #industries-fuel-banner1 h1 { color: #14b9cf; } #industries-fuel-banner1 h4 { color: #000; } #industries-fuel-banner3 h1 { color: #c41804; } #industries-fuel-banner3 h4 { color: #000; } #industries-fuel-banner4 h1 { color: #00aeed; } #industries-fuel-banner4 h4 { color: #000; } #industries-fuel-banner6 h1 { color: #3b631c; font-size: 38px; } #industries-fuel-banner6 .btn { margin-top: 2px; } /* Pharma */ /*#industries-pharma-banner1 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_01.jpg") no-repeat; width:958px; height:200px; }*/ #industries-pharma-banner2 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_02.jpg") no-repeat; width:958px; height:200px; } #industries-pharma-banner3 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_03.jpg") no-repeat; width:958px; height:200px; } #industries-pharma-banner4 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_04.jpg") no-repeat; width:958px; height:200px; } #industries-pharma-banner5 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_05.jpg") no-repeat; width:958px; height:200px; } #industries-pharma-banner6 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_06.jpg") no-repeat; width:958px; height:200px; } #industries-pharma-banner7 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_07.jpg") no-repeat; width:958px; height:200px; } #industries-pharma-banner8 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_08.jpg") no-repeat; width:958px; height:200px; } #industries-pharma-banner9 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_09.jpg") no-repeat; width:958px; height:200px; } #industries-pharma-banner10 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriespharma_10.jpg") no-repeat; width:958px; height:200px; } /*#industries-pharma-banner1 h1 { color: #4c2628; }*/ /*#industries-pharma-banner1 .btn { margin-top: 2px; }*/ #industries-pharma-banner2 .banner-title { color: #aaa; } #industries-pharma-banner3 h1 { color: #14b9cf; } #industries-pharma-banner3 h4 { color: #000; } #industries-pharma-banner4 h1 { color: #c41804; } #industries-pharma-banner4 h4 { color: #000; } #industries-pharma-banner5 h1 { color: #00aeed; } #industries-pharma-banner5 h4 { color: #000; } #industries-pharma-banner6 .banner-title { color: #fff; } #industries-pharma-banner7 .btn { margin-top: 2px; } #industries-pharma-banner8 h1 { font-size: 38px; } #industries-pharma-banner8 .btn { margin-top: 4px; margin-left: 20px; } #industries-pharma-banner9 h1 { color: #000; } #industries-pharma-banner9 h4 { color: #006679; font-size: 22px; } #industries-pharma-banner10 h4 { color: #000; } #industries-pharma-banner1 { background: url(/webimage/industries_pharma_01.png) no-repeat; width: 958px; height: 200px; } #industries-pharma-banner1 h1 { color: #4c2628; } .industriesBannerHeaders h1 { font-size: 34px; font-weight: normal; margin: 0; line-height: 34px; } #industries-pharma-banner1 .btn { margin-top: 10px; } /*** Techniques Banners ***/ #technique-GC-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_gc.png") no-repeat; width:958px; height:200px; } #technique-oligo-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_oligo.png") no-repeat; width:958px; height:200px; } #technique-oligo-banner h1 { color: #444; } #technique-phenologix-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_phenologix.png") no-repeat; width:958px; height:200px; } #technique-prep-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_prep.jpg") no-repeat; width:958px; height:200px; } #technique-prep-banner h4 { font-weight: normal; } #technique-sec-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_sec.png") no-repeat; width:958px; height:200px; } #technique-sec-banner h1 { color: #444; } #technique-sfc-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_sfc.jpg") no-repeat; width:958px; height:200px; } #technique-spe-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_spe.png") no-repeat; width:958px; height:200px; } #technique-UHPLC-HPLC-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_uhplc.hplc.png") no-repeat; width:958px; height:200px; } #technique-accessories-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_accessories.png") no-repeat; width:958px; height:200px; } #technique-chiral-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_chiral.png") no-repeat; width:958px; height:200px; } #technique-guard-columns-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/technique_uhplc.hplc.png") no-repeat; width:958px; height:200px; } /*** Brands Banners ***/ /* Defaults */ .brandsBannerHeaders { float:left; position:absolute; top: 55px; margin: 0 0 0 28px; font-family: Pontano Sans, Arial, Helvetica, sans-serif; font-weight: normal; } .brandsBannerHeaders h1 { color: #fff; font-size: 40px; font-weight: normal; margin: 0; } .brandsBannerHeaders h2 { color: #fff; font-size: 30px; margin: 0; font-weight: normal; } .brandsBannerHeaders h3 { color: #fff; font-weight: normal; margin: 0; } .brandsBannerHeaders h4 { color: #fff; font-size: 20px; font-weight: normal; margin: 0; } .brandsBannerHeaders small { color: #fff; font-weight: normal; } .brandsBannerHeaders .banner-title { font-size:20px; font-weight:bold; color: #000; } #brand-default-banner { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_hplc_default.jpg") no-repeat; } #brand-default-banner h1 { color: #444; } #brand-afpak-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_afpak.png") no-repeat; } #brand-afpak-banner h1 { color: #fff; } #brand-aeris-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/new-aeris-banner.png") no-repeat; } #brand-aeris-banner h1 { color: #4f282a; } #brand-absiex-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_absiex.png") no-repeat; } #brand-absiex-banner h1 { color: #0083a9; font-size: 36px; } #brand-axia-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_axia.jpg") no-repeat; } #brand-axia-banner h1 { color: #000; font-size: 32px; margin-top: 12px; } #brand-clarity-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_clarity.png") no-repeat; } #brand-clarity-banner h1, #brand-clarity-banner h2 { color: #000; } #brand-ezfaast-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_ezfaast.jpg") no-repeat; } #brand-ezfaast-banner h1 { color: #000; } #brand-ezfaast-banner h2 { color: #000; font-size: 24px; } #brand-gemini-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_gemini.png") no-repeat; } #brand-gemini-banner h1 { font-size: 30px; color: #444; } #brand-impact-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_impact.png") no-repeat; } #brand-impact-banner h1 { color: #0077be; } #brand-kinetex-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_knx.png") no-repeat; } #brand-krudkatchers-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_krudkatchers.jpg") no-repeat; } #brand-krudkatchers-banner h1, #brand-krudkatchers-banner h4 { color: #000; } #brand-luna-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_luna.png") no-repeat; } #brand-lux-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/new_lux_product_banner.png") no-repeat; } #brand-lux-banner.cn-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_lux_cn.png") no-repeat; } #brand-lux-banner h1, #brand-lux-banner h2 { color: #006b80; margin: 0; } #brand-mitra-banner { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_mitra1.png?v=1") no-repeat; } #brand-mitra-banner h1 { color: #fff; font-size: 32px; line-height: 0.9; } #brand-mitra-banner p { color: #fff;margin-bottom: 5px;} #brand-mitra-banner2 { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_mitra2.png?v=1") no-repeat; } #brand-mitra-banner2 h1 { font-size: 38px; } #brand-mitra-banner2 h1 small { font-size: 12px; } #brand-mitra-banner2 .btn { margin-top: 5px; } #brand-mitra-banner3 { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_mitra3.png?v=1") no-repeat; } #brand-mitra-banner3 h1 { font-size: 32px; line-height: 0.9; color: #fff; } #brand-mitra-banner3 h4 { color: #fff; margin: 6px 0; } #brand-mitra-banner3 p { color: #fff; font-size: 14px; font-weight: bold; } #brand-mitra-banner3 .btn { margin-top: 5px; } #brand-novum-banner { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_novum.png") no-repeat; } #brand-novum-banner.cn-banner{ background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_novum_cn.png") no-repeat; } #brand-novum-banner h2.blue { color: #0099cc; font-size: 32px; } #brand-novum-banner h2.orange { color: #ff9900; font-size: 32px; } #brand-onyx-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_onyx.png") no-repeat; } #brand-onyx-banner h1, #brand-onyx-banner h2 { color: #444; } #brand-phenogel-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_phenogel.png") no-repeat; } #brand-phenogel-banner.cn-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_phenogel_cn.png") no-repeat; } #brand-phenogel-banner h1 { color: #444; font-size: 36px; } #brand-phenex-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_phenex.png") no-repeat; } #brand-phenex-banner h1 { color: #000; font-size: 33px; } #brand-phree-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/industriesclinical_06.jpg") no-repeat; } #brand-phree-banner h1 { font-size: 32px; color: #652D90; } #brand-phree-banner h2 { font-size: 20px; color: #652D90; } #brand-synergi-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_synergi.png") no-repeat; } #brand-rezex-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_rezex.png") no-repeat; } #brand-rezex-banner h1 { color: #fff; font-size: 36px; } #brand-roq-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_roq.png") no-repeat; } #brand-roq-banner.cn-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_roq_cn.png") no-repeat; } #brand-roq-banner h1 { color: #000; font-size: 36px; } #brand-security-guard-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_security_guard.jpg") no-repeat; } #brand-security-guard-banner.cn-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_security_guard_cn.png") no-repeat; } #brand-security-guard-banner h1 { color: #000; font-size: 30px; margin-top: 18px; } #brand-security-guard-ultra-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_security_guard_ultra.jpg") no-repeat; } #brand-security-guard-ultra-banner h1 { color: #000; font-size: 30px; margin-top: 18px; } #brand-standards-banner { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_standards1.png") no-repeat; } #brand-standards-banner h1 { color: #fff; font-size: 36px; } #brand-standards-banner2 { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_standards2.png") no-repeat; } #brand-standards-banner2 h1 { font-size: 38px; } #brand-standards-banner2 h1 small { font-size: 12px; } #brand-standards-banner3 { background: url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_standards3.png") no-repeat; } #brand-standards-banner3 p { color: #fff; font-size: 14px; font-weight: bold; } #brand-strata-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_strata.png") no-repeat; } #brand-strata-banner h1 { color: #fff; font-size: 36px; } #brand-stratax-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_strata-X.png") no-repeat; } #brand-stratax-banner h1 { color: #000; font-size: 20px; } #brand-stratax-banner h2 { color: #000; font-size: 36px; } #brand-verex-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_verex.png") no-repeat; } #brand-verex-banner h1 { color: #0061aa; font-size: 30px; margin: 0; } #brand-verex-banner h2 { color: #000; font-size: 22px; } #brand-yarra-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_yarra.png") no-repeat; } #brand-yarra-banner h1 { color: #4c2628; font-size: 36px; } #brand-zebron-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_zebron.png") no-repeat; } #brand-zebron-banner.cn-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_zebron_cn.png") no-repeat; } #brand-zebron-banner h1 { color: #444; font-size: 36px; } #brand-beta-gone-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/betagonesm.png") no-repeat; } #brand-beta-gone-banner h1 { color: #000; } #brand-presston-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/presstonbanner.png") no-repeat; } #brand-presston-banner h1 { color: #000; } #brand-zebronliner-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/brand_zebronliner.jpg") no-repeat; } #brand-zebronliner-banner h1 { color: #000; font-size: 30px; margin: 0; } #brand-zebronliner-banner h2 { color: #000; font-size: 22px; margin-top: -15px; } /*BenTsui 08/23/17*/ #brand-sgcap-banner { background:url("/webimage/17-securecap-banner.png") no-repeat; } #brand-sgcap-banner h1 { color: #636466; font-size: 40px; font-weight: normal; margin: 0; padding: 55px 0 0 15px;} /*BenTsui 08/23/17*/ /*** Technical Documents Banner ***/ #technical-documents-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/TechResources_Blank.jpg") no-repeat; width:958px; height:139px; } #technical-documents-banner div { float:left; color: #000; position:relative; top: 40px; margin: 0 0 0 30px; } #technical-documents-banner div h1 { color: #444; line-height: 20px; } #document-viewer-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/TechResources_Blank.jpg") no-repeat; width:958px; height:139px; } #document-viewer-banner div { float:left; color: #000; position:relative; top: 40px; margin: 0 0 0 30px; } #document-viewer-banner div h1 { color: #444; line-height: 40px; font-size: 40px; } /*** PhenoLogix Banner ***/ #phenologix-banner { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/banners/phenologix_Blank.jpg") no-repeat; width:958px; height:139px; } #phenologix-banner div { float:left; color: #000; position:relative; top: 45px; margin: 0 0 0 30px; } #phenologix-banner div h1 { color: #444; font-size: 40px; margin: 0; } #phenologix-banner div h2 { color: #444; font-size: 18px; margin: 0; } /* Technique SideNav */ #gclndg { float:left; width:880px; } #gclndgleft { float:left; width:650px; } #gclndgright { float: right; width:187px; } #gclndg h2 { font-size:16px; color:#444444; } #board { width:187px; height:400px; z-index:1; overflow:hidden; } #zside { width:187px; height:200px; } #appbutton a { height: 60px; width: 187px; margin-top:15px; background: url('/webimage/btn_application_search.png') no-repeat left top; } #appbutton a:hover { background-position: left -60px; } #techbutton a { height: 60px; width: 187px; background: url('/webimage/btn_resources.png') no-repeat left top; } #techbutton a:hover { background-position: left -60px; } #askbutton a { height: 60px; width: 187px; background: url('/webimage/btn_specialist.png') no-repeat; } #askbutton a:hover { background-position: left -60px; } .gcroll a { display: block; text-indent: -9999px; margin: auto auto auto auto; cursor: pointer; outline: transparent solid 0px; } #page-banners { font-family: 'Pontano Sans', sans-serif; } #side-banners {z-index:1; width: 187px; bottom:0; z-index:0; margin-top: 10px;} .side-banner { width:187px; height:400px; cursor:pointer; } #side-banner1 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/sidebanner-iso.png") no-repeat; width:187px; height:400px; } #side-banner2 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/sidebanner-ptmanage.png") no-repeat; width:187px; height:400px; } #side-banner3 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/ad_acceptable187x400.png") no-repeat; width:187px; height:400px; } #side-banner4 { background:url("//az621941.vo.msecnd.net/cdn/Content/Images/sidebanner-pt.png") no-repeat; width:187px; height:400px; } #banner1-button { margin: 20px 0 0 20px; } #banner2-button { margin: 30px 0 0 20px; } #banner3-button { margin: 35px 0 0 20px; } #banner4-button { position: absolute; right: 0px; } #banner5-button { margin: 35px 0 0 20px; } #banner7-button { margin-top: 10px; } .bx-wrapper a.bx-prev { text-transform:uppercase; color:#ffffff; margin:0 0 0 15px; position: absolute; z-index:10; bottom:-25px; left:31px; } .bx-wrapper a.bx-next { text-transform:uppercase; color:#ffffff; margin:0 0 0 15px; position: absolute; z-index:10; bottom:-25px; left:80px; } #quick-login { position:absolute; right:45px; top:-2px; z-index:1; width:192px; } #quick-login-top { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/sign_in_bkgd-1.png'); width:186px; height:10px; } #quick-login-content { background:#0088cc; width:168px; padding: 0 5px 10px; margin: -2px auto 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; behavior: url(/content/pie.htc); } #quick-login-content h2 { color:#ffffff; font-size:14px; line-height:18px; padding:5px 0 0 5px; margin:0; } #quick-login-content input { margin:5px 0 0 5px; width:155px; padding:4px 0px; } #quick-login-content p { color:#ffffff; padding:5px 2px; } #quick-login-content a { color:#ffffff; } #home-page-tabs { position:relative; top: -40px; z-index: 4; behavior: url(/content/pie.htc); margin: 0 auto; width: 900px;} #home-page-tabs #tabs { margin:0 auto; width:900px; position:relative; top:-35px; z-index: 4; behavior: url(/content/pie.htc);} #home-page-tabs #tabs ul { position:relative; z-index: 4; } #home-page-tabs #tabs li { margin: 0 0.5em 0 0; position:relative; z-index: 4; } #home-page-tabs #tabs li a { position:relative; z-index: 4; } #home-page-tabs #tabs li a span { font-size: 10px; } #industry-tabs { position:relative; z-index: 4; behavior: url(/content/pie.htc);} #industry-tabs #tabs { margin:0 auto; width:900px; position:relative; top:-40px; z-index: 4; behavior: url(/content/pie.htc);} #industry-tabs #tabs ul.ui-tabs-nav { position:relative; z-index: 4; /* border-bottom: 1px solid #B4E01A; */ } #industry-tabs #tabs li.ui-tabs-nav { margin: 0 0.5em 0 0; position:relative; z-index: 4; } #industry-tabs #tabs li a { position:relative; /* z-index: 4; */ } #industry-tabs #tabs section { width: 100%; height: 100%; } /* Static tabs without initializing jquery-ui tabs. See Dashboard for examples. */ #static-tabs { font-size: 12px; margin:0 auto; height: 75px; width:900px; position:relative; top:-40px; z-index: 4; behavior: url(/content/pie.htc);} #static-tabs ul { position: relative; z-index: 4; margin: 0; padding: 0 .2em 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #static-tabs ul li { outline: none; font-weight: bold; list-style: none; float: left; position: relative; top: 3px; margin: 0 0.5em 1px 0; border-top: 0 !important; padding: 0; white-space: nowrap; background: #D8D8D8; color: #555; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; behavior: url(/content/pie.htc); } #static-tabs ul li.active { height: 70px; background: #0061AA; background-color: #006DCC; background-image: -moz-linear-gradient(top, #08C, #0061AA); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#0061AA)); background-image: -webkit-linear-gradient(top, #08C, #0061AA); background-image: -o-linear-gradient(top, #08C, #0061AA); background-image: linear-gradient(to bottom, #08C, #0061AA); background-repeat: repeat-x; } #static-tabs ul li.active a { color: #FFF; } #static-tabs li a { color: #444; float: left; padding: 3.5em 1em 0.5em 1em; text-decoration: none; } /* Standard tabs to use with Bootstrap tabs. */ .standard-tabs { font-size: 12px; margin:0 auto; height: 75px; width:900px; position:relative; z-index: 4; behavior: url(/content/pie.htc);} .standard-tabs ul { position: relative; z-index: 4; margin: 0; padding: 0 .2em 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .standard-tabs ul li { outline: none; font-weight: bold; list-style: none; float: left; position: relative; top: 3px; margin: 0 0.5em 1px 0; border-top: 0 !important; padding: 0; white-space: nowrap; background: #D8D8D8; color: #555; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; } .standard-tabs ul li.active { height: 70px; background: #0061AA; background-color: #006DCC; background-image: -moz-linear-gradient(top, #08C, #0061AA); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#0061AA)); background-image: -webkit-linear-gradient(top, #08C, #0061AA); background-image: -o-linear-gradient(top, #08C, #0061AA); background-image: linear-gradient(to bottom, #08C, #0061AA); background-repeat: repeat-x; } .standard-tabs ul li.active a { color: #FFF; } .standard-tabs li a { color: #444; float: left; padding: 3.5em 1em 0.5em 1em; text-decoration: none; } /* #static-tabs ul.ui-tabs-nav { position:relative; z-index: 4; } #static-tabs li.ui-tabs-nav { margin: 0 0.5em 0 0; position:relative; z-index: 4; } #static-tabs li a { position:relative; } #static-tabs section { width: 100%; height: 100%; } */ #product-page-tabs { position:relative; behavior: url(/content/pie.htc);} #product-page-tabs #tabs { margin:0 auto; width:900px; position:relative; top:-35px; behavior: url(/content/pie.htc);} #product-page-tabs #tabs ul { position:relative;} #product-page-tabs #tabs li { margin: 0 0.5em 0 0;} #tabs { margin:0 auto; width:900px; position:relative; top:-5px; } .normal-tabs { margin:0 auto; /*width:860px;*/ position:relative; behavior: url(/content/pie.htc);} #subTabs { margin:0 auto; width:865px; position:relative; /* top:-5px; */ } .data-entry-element, dataEntryElement { margin: 5px 10px; width: 97%; } .product-category { /* border:1px solid #D8D9DB; */ margin:20px 5px 0 0; cursor:pointer; font-weight:bold; } .product-category:hover .product-category-text { color:#0088CC; } .product-category .category-image { display:block; width:214px; height:80px; } .product-category .product-category-text { color:#444; float:left; text-align:right; font-weight:bold; margin:56px 0 0 0; padding: 6px 4px 2px 6px; font-size:12px; text-decoration:none; width:194px; display:block; } .product-category-caption { font-size:14px; color:#444444; font-weight:bold; text-align:center; width: 198px; } .product-category-caption a { font-size:14px; color:#444444; font-weight:bold; } .product-category-caption a:link { font-size:14px; color:#444444; font-weight:bold; } .tools-category { width: 160px; margin:5px 0 0 0; padding: 5px; cursor:pointer; font-weight:bold; text-align: center; } .tools-category a:hover { text-decoration:none; color:#0088CC; } .tools-category .tools-image { display:block; width:80px; height:80px; margin: 0 auto; } .tools-category .tools-category-text { width: 100%; float:left; color: #444; text-align:center; font-weight:normal; padding: 6px 4px 2px 0px; font-size:10px; text-decoration:none; display:block; } .tools-category:hover .tools-category-text { color:#0088CC; } .tools-category-caption { font-size:12px; color:#444; font-weight:bold; text-align:center; height:28px; } .tools-category-caption a { font-size:12px; color:#444; font-weight:bold; } .tools-category-caption a:link { font-size:12px; color:#444; font-weight:bold; } .tools-category:hover .tools-category-caption { text-decoration:none; color:#0088CC; } .whatsnew-category { /* border:1px solid #D8D9DB; */ width: 160px; margin:25px 0 0 0; padding: 5px; cursor:pointer; font-weight:bold; text-align: center; } .whatsnew-category a:hover { text-decoration:none; color:#0088CC; } .whatsnew-category:hover .whatsnew-category-caption { text-decoration:none; color:#0088CC; } .whatsnew-category .whatsnew-image { display:block; width:80px; height:80px; margin: 0 0 0 15px; } .whatsnew-category .whatsnew-category-text { color: #444; text-align:center; font-weight:normal; /* margin:0 0 0 30px; */ padding: 6px 4px 2px 0px; font-size:10px; text-decoration:none; /* width:100px; */ display:block; } .whatsnew-category:hover .whatsnew-category-text { color:#0088CC; } .whatsnew-category-caption { font-size:12px; color:#444; font-weight:bold; text-align:center; /* width:100px; */ height:28px; /* margin-left: 30px; */} .whatsnew-category-caption a { font-size:12px; color:#444; font-weight:bold; } .whatsnew-category-caption a:link { font-size:12px; color:#444; font-weight:bold; } .mydashboard-category { /* border:1px solid #D8D9DB; */ width: 110px; margin:5px 0 0 0; padding: 5px; cursor:pointer; font-weight:bold; text-align: center; } .mydashboard-category a:hover { text-decoration:none; color:#0088CC; } .mydashboard-category a > span { margin-left: 6px; } .mydashboard-category .mydashboard-image { display:block; height:75px; margin: 0 0 0 15px; } .mydashboard-category .mydashboard-category-text { /* background:url("//az621941.vo.msecnd.net/cdn/Content/Images/background/sliver.png") repeat-x; */ /* background-color: rgba(214, 214, 214, 0.75); */ float:left; color: #444; text-align:center; font-weight:normal; margin:80px 0 0 0; padding: 6px 4px 2px 0px; font-size:10px; text-decoration:none; width:80px; display:block; } .mydashboard-modal{ width: 91px; margin: 5px 0 0 0; padding: 5px; cursor: pointer; font-weight: bold; text-align: center; } .mydashboard-modal-caption{ color: #242424; font-size:8px; } .mydashboard-modal-sprite{ background: url("//az621941.vo.msecnd.net/cdn/Content/Images/sprites/account_dashboard_sprite.png") no-repeat scroll 0 0 transparent; display:block; } .mydashboard-category:hover .mydashboard-category-caption { color:#0088CC; } .mydashboard-category-caption { font-size:12px; color:#444 ; font-weight:bold; text-align:center; width:100px; height:28px; margin-left: 5px;} .mydashboard-category-caption a { font-size:12px; color:#444 ; font-weight:bold; } .mydashboard-category-caption a:link { font-size:12px; color:#444 ; font-weight:bold; } /* Products */ #UHPLC-HPLC { background-position: -6px -9px; } #preparative-process { background-position: -234px -9px; } #GC { background-position: -462px -9px; } #sample-preparation { background-position: -690px -9px; } #chiral { background-position: -918px -9px; } #SFC { background-position: -1146px -9px; } #amino-acids { background-position: -6px -193px; } #accessories { background-position: -234px -193px; } #size-exclusion { background-position: -462px -193px; } #chromatography-services { background-position: -690px -193px; } #oligonucleotides { background-position: -918px -193px; } #vials { background-position: -1146px -193px; } #mitra { background-position: -1374px -9px; } #reference-standards { background-position: -1374px -193px; } /* Industries */ #clinical { background-position: 0 0; } #food-beverage { background-position: -228px 0; } #forensics-toxicology { background-position: -456px 0; } #environmental { background-position: -684px 0; } #fuels { background-position: -912px 0; } #pharmaceutical-biopharmaceutical { background-position: -1140px 0; } /* Selection Tools */ .spe-method-development { background-position: 0 -1px; } .spe-method-development:hover { background-position: 0 -80px; } .vial-finder { background-position: -90px -1px; } .vial-finder:hover { background-position: -90px -80px; } .syringe-filter-finder { background-position: -180px -1px; } .syringe-filter-finder:hover { background-position: -180px -80px; } #structure-search { background-position: -357px -1px; } #structure-search:hover { background-position: -357px -80px; } #application-search { background-position: -268px -1px; } #application-search:hover { background-position: -268px -80px; } #guard-finder { background-position: -446px -1px; } #guard-finder:hover { background-position: -446px -80px; } .column-match { background-position: -536px -1px; } .column-match:hover { background-position: -536px -80px; } #chiral-screening { background-position: -626px -1px; } #chiral-screening:hover { background-position: -626px -80px; } #core-shell-calc { background-position: -716px -1px; } #core-shell-calc:hover { background-position: -716px -80px; } #core-shell-calc5 { background-position: -804px -1px; } #core-shell-calc5:hover { background-position: -804px -80px; } #scaleup-calc { background-position: -894px -1px; } #scaleup-calc:hover { background-position: -894px -80px; } #gpc-calc { background-position: -984px -1px; } #gpc-calc:hover { background-position: -984px -80px; } .gc-linertool { background-position: -1074px -1px; } .gc-linertool:hover { background-position: -1074px -80px; } /* GC Selection is not part of the sprite, treat it independantly */ .gc-selection { background: url("//phenomenex.blob.core.windows.net/cdn/Content/Images/icons/gc-tool-icon.png"); } .gc-selection:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } /* Whats New */ #access-promos-quotes { background-position: 0 0; } #add-application-locker { background-position: -130px 0; } #setup-your-stockroom { background-position: -265px 0; } #save-your-documents { background-position: -408px 0; } #edit-your-account { background-position: -540px 0; } #view-your-messages { background-position: -664px 0; } #my-support { background-position: -790px 0; } .product-category:hover, .whatsnew-category:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } /* Ribbons for sidenavs */ #industries-sidenav .sidenav-title { background: #0061AA; color: #fff; text-align: center; } /* Industries Sidenav */ #industries-sidenav { font:11px verdana,arial,sans-serif; behavior: url(/content/pie.htc); border: 1px solid #C2C2C2; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } #industries-sidenav a { color: #444; } #industries-sidenav ul { list-style-type: none; margin: 0 0 5px 0; } #industries-sidenav ul li { margin: 0 0 5px 0 !important; padding: 3px 0 3px 10px; } #industries-sidenav ul li.sidenav-title { color:#eaeaea; margin:0 0 5px 0 !important; font-weight: bold; font-size: 12px; padding-top: 5px; padding-bottom: 8px; background-color: #006DCC; background-image: -moz-linear-gradient(top, #08C, #0061AA); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#0061AA)); background-image: -webkit-linear-gradient(top, #08C, #0061AA); background-image: -o-linear-gradient(top, #08C, #0061AA); background-image: linear-gradient(to bottom, #08C, #0061AA); background-repeat: repeat-x; behavior: url(/content/pie.htc); } #industries-sidenav ul:first-child li.sidenav-title { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; /* omit border-radius for ie7-8 compatibility */ } #industries-sidenav img { margin-left: 5px; float: left; } #industries-sidenav .service-support { height: 160px; background: url('//az621941.vo.msecnd.net/cdn/Content/Images/service_guy.png') right bottom no-repeat; } /* Brands Sidenav */ #brands-sidenav { font:11px verdana,arial,sans-serif; } #brands-sidenav a { color: #444; } #brands-sidenav ul { list-style-type: none; margin: 0 0 5px 0; } #brands-sidenav ul li { margin: 0 0 5px 0; padding: 3px 10px 3px 10px; } #brands-sidenav ul li.ribbon { color:#eaeaea; margin:0 0 5px 0 !important; font-weight: bold; font-size: 12px; background: #0061aa; left: -1em; width: 208px; padding-top: 5px; padding-bottom: 8px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; behavior: url(/content/pie.htc); } /* TagCloud */ .tagCloud { display: inline; } .tagList { margin: 0; padding: 0; } .tagList li { list-style-type: none; float: left; margin: 5px 3px !important; padding: 6px !important; background: #D8D9DB; max-width: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tagList li:hover { background: #CACACA; } .tagList li a { text-decoration: none; color: #blue; } /* Phase Selection */ .phase-selection { background: #EBEBEB; width: 240px; float: right; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .phase-selection .phase-header { height: 30px; padding: 5px 15px; background-color: #006DCC; background-image: -moz-linear-gradient(top, #08C, #0061AA); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#0061AA)); background-image: -webkit-linear-gradient(top, #08C, #0061AA); background-image: -o-linear-gradient(top, #08C, #0061AA); background-image: linear-gradient(to bottom, #08C, #0061AA); background-repeat: repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .phase-selection .phase-header .phase-title { float: left; font-weight: bold; color: #FFF; font-size: 24px; } .phase-selection .phase-header .phase-promo-badge { } .phase-selection .phase-promo { min-height: 50px; background: #FFF; margin: 3px; border: 1px dashed #D65E5E; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .phase-selection ul { list-style: none; } .phase-selection .selected-phase { margin: 2px; padding: 10px 15px; background-color: #D8D9DB; background-image: -moz-linear-gradient(top, #AEAEAE, #7C7C7C); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AEAEAE), to(#7C7C7C)); background-image: -webkit-linear-gradient(top, #AEAEAE, #7C7C7C); background-image: -o-linear-gradient(top, #AEAEAE, #7C7C7C); background-image: linear-gradient(to bottom, #AEAEAE, #7C7C7C); background-repeat: repeat-x; color: #FFF; font-size: 15px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .phase-selection .selected-phase.selected { background-color: #A8A8A8; background-image: -moz-linear-gradient(top, #C0C0C0, #A8A8A8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C0C0C0), to(#A8A8A8)); background-image: -webkit-linear-gradient(top, #C0C0C0, #A8A8A8); background-image: -o-linear-gradient(top, #C0C0C0, #A8A8A8); background-image: linear-gradient(to bottom, #C0C0C0, #A8A8A8); background-repeat: repeat-x; } .phase-selection .selected-phase:hover { background-color: #9fa0a2; background-image: -moz-linear-gradient(top, #D9D9D9, #9fa0a2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D9D9D9), to(#9fa0a2)); background-image: -webkit-linear-gradient(top, #D9D9D9, #9fa0a2); background-image: -o-linear-gradient(top, #D9D9D9, #9fa0a2); background-image: linear-gradient(to bottom, #D9D9D9, #9fa0a2); background-repeat: repeat-x; } .phase-selection .phase-technique { float: left; width: 165px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .phase-selection .accordion-toggle .phase-technique:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f0d7"; /* icon-caret-down */ } .phase-selection .accordion-toggle.collapsed .phase-technique:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f0da"; /* icon-caret-right */ } .phase-selection .selected-phase .phase-count { float: right; padding: 2px 10px; border-radius: 15px; margin-top: -2px; min-width: 10px; text-align: center; background-color: #686868; background-image: -moz-linear-gradient(top, #686868, #868686); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#686868), to(#868686)); background-image: -webkit-linear-gradient(top, #686868, #868686); background-image: -o-linear-gradient(top, #686868, #868686); background-image: linear-gradient(to bottom, #686868, #868686); background-repeat: repeat-x; } .phase-selection ul li { padding: 10px; border-bottom: 1px solid #FFF; cursor: pointer; } .phase-selection .selectedPhaseBox, .phase-selection .selectedPhaseBox2 { background: #99c6e3; } .phase-selection .selectedPhaseBox a, .phase-selection .selectedPhaseBox2 a { color: White; } .phase-selection ul li:last-child { border-bottom: 0; } /* Bootstrap Accordion overrides */ .phase-selection .accordion { margin-bottom: 0 !important; } .phase-selection a:hover { text-decoration: none !important; } .phase-selection .accordion-group { margin-bottom: 0 !important; } .phase-selection .accordion-heading, .phase-selection .accordion-toggle { padding: 0 !important; } .phase-selection .accordion-inner { border-top: 0 !important; padding: 0 !important; } /* Promo Badge */ .promo-badge { width: 32px; height: 12px; float: right; background: #FFF; padding: 1px 5px; font-size: 10px; color: #B94A48 !important; border: 1px solid #B94A48; font-weight: bold; line-height: 1 !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .promo-badge:hover { background: #ECECEC; } .promo-badge:active { margin-top: 1px; } .promo-badge-arrow { float: right; width: 0; height: 0; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 0px solid rgba(0, 0, 0, 0); border-top: 7px solid #B94A48; /*border-top: 7px solid #FFF; */ position: relative; right: -2px; top: 1px; } /* Promo Popovers (to be used with bootstrap popovers) */ .popover { z-index: 99999; } .promo-popover { padding: 0 !important; border: 0 !important; } .promo-popover .popover-content { width: 229px; height: 104px; padding: 25px 10px !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; } .promo-popover .popover-content h2 { line-height: 18px; } .promo-accessories .popover-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_accessories.jpg') no-repeat; } .promo-gc .popover-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_gc.jpg') no-repeat; } .promo-hplc .popover-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_hplc.jpg') no-repeat; } .promo-productguide .popover-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_productguide.jpg') no-repeat; } .promo-sampleprep .popover-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_sampleprep.jpg') no-repeat; } .promo-corppricing .popover-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_corppricing.jpg') no-repeat; } .promo-accessories .promo-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_accessories.jpg') no-repeat; } .promo-gc .promo-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_gc.jpg') no-repeat; } .promo-hplc .promo-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_hplc.jpg') no-repeat; } .promo-productguide .promo-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_productguide.jpg') no-repeat; } .promo-sampleprep .promo-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_sampleprep.jpg') no-repeat; } .promo-corppricing .promo-content { background: url('//az621941.vo.msecnd.net/cdn/Content/Images/popovers/promo_corppricing.jpg') no-repeat; } .promo-content h2 { line-height: 15px; } /* Brands Phases */ .phase-content { padding-top: 20px; width: 600px; } .phase-content h2 { line-height: 15px; } .phase-img { max-width: 200px; max-height: 200px; } /* Phases Table */ .phase-table { width: 400px; float: right; } /* Brands Order-Now */ .partInfoBlock { float: left; width: 320px; padding: 30px 0 0 10px; } .partInfoBlock p, #partDescription p, #vialDetail p, #capDetail p { padding: 2px 0; } .partInfoLabel { font-weight: bold; display: inline-block; width: 130px; text-align: right; vertical-align: top; padding: 0 5px 0 0; } .partInfoData { display: inline-block; width: 185px; } .order-now-detail { float: right; padding: 0px; margin-bottom: 10px; width: 700px; height: auto; overflow: auto; border: 2px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .order-now-loading-mask { display: none; position: absolute; width: 100%; height: 100%; text-align: center; line-height: 300px; font-size: 36px; background: rgb(255, 255, 255) transparent; background: rgba(255, 255, 255, 0.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#11aaaaaa, endColorstr=#11aaaaaa); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11aaaaaa, endColorstr=#11aaaaaa)"; } .what-is-tooltip { margin: 5px 5px 20px 0; } .what-is-tooltip > span { font-size: 10px; border-bottom: 1px dotted #999; cursor: help; } /*Bootstrap table modifications for Brands Order-Now*/ .table-striped-blue tbody > tr:nth-child(odd) > td, .table-striped-blue tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table tbody tr.selected > td { background-color: #99c6e3; } .table-hover-blue tbody tr.selected:hover > td { background-color: #86adc7; } .table-hover-blue tbody tr:hover > td { background-color: #d6e8f4; } /* Featured Section */ #featured-section { width: 100%; padding: 15px 0 0 0; } #featured-section h1 { font-size: 20px; font-weight: bold; color: #444; } #featured-section ul li { float: left; display: inline-block; width: 210px; min-height: 200px; background: #fff; margin: 0 6px 0 6px; behavior: url(/content/pie.htc); -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border: 1px solid #C2C2C2; } #featured-section ul li .featured-content { background: #fff; cursor: pointer; padding: 10px 10px 10px 10px; } #featured-section ul li .featured-content:hover { background: #F8F8F8; } #featured-section .featured-content h4 { margin: 0; } #featured-section ul li span { padding-left: 10px; font-weight: bold; } #featured-section ul li .featured-title { width: 212px; position: relative; left: -1px; top: -1px; padding: 4px 0 4px 0; color: #fff; background-color: #006DCC; background-image: -moz-linear-gradient(top, #08C, #0061AA); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#0061AA)); background-image: -webkit-linear-gradient(top, #08C, #0061AA); background-image: -o-linear-gradient(top, #08C, #0061AA); background-image: linear-gradient(to bottom, #08C, #0061AA); background-repeat: repeat-x; behavior: url(/content/pie.htc); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #featured-section ul li img { position: relative; bottom: 18px; right: 8px; float: right; height: 35px; } /* My Dashboard */ .account-dashboard section { margin-top: 20px !important; } .dash-nav-top { height: 130px; width: 100%; float: left; margin-bottom: 1px; border-bottom: 1px solid #c1c1c1; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ } .dash-nav-top .outer { float: left; width: 150px; /* margin: auto 36px; */ margin-left: 50px; } .dash-nav-top .inner { width: 60%; margin: 0 auto; position: relative; } .dash-nav-top div .dash-count { color: #fff; position: absolute; top: 60px; padding: 2px 10px; border-radius: 15px; margin-top: -2px; min-width: 10px; text-align: center; background-color: #686868; background-image: -moz-linear-gradient(top, #686868, #868686); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#686868), to(#868686)); background-image: -webkit-linear-gradient(top, #686868, #868686); background-image: -o-linear-gradient(top, #686868, #868686); background-image: linear-gradient(to bottom, #686868, #868686); background-repeat: repeat-x; behavior: url(/content/pie.htc); } .dash-nav-top div .dash-title { color: #444; float: left; min-width: 100px; text-align: center; } .dash-nav-bottom { height: 95px; width: 100%; float: left; border-top: 1px solid #c1c1c1; background: #dddddd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dddddd 3%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#dddddd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dddddd 3%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dddddd 3%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dddddd 3%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #dddddd 3%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .dash-nav-bottom div { color: #6B6B6B; width: 420px; margin: 10px 0; height: 70px; padding-left: 10px; } .dash-nav-bottom ol { color: #444; font-size: 10px; width: 380px; margin: 5px 0 0 35px; } .dash-nav-bottom .dash-title { color: #8D8D8D; font-size: 18px; } .dash-nav-bottom p { color: #444; font-size: 11px; margin-top: 0; } .dash-nav-bottom .dash-hide-notice { float: right; margin: 0 15px; font-size: 11px; } .account-dashboard-sprite { width: 100px; height: 90px; display: block; float: left; } .account-dashboard-sprite-new { width: 100px; height: 90px; display: block; float: left; } .promos-quotes-blue { background-position: -42px -180px; } .applications-locker-blue { background-position: -165px -180px; } .virtual-stockroom-blue { background-position: -287px -180px; } .my-documents-blue { background-position: -550px -180px; } .profile-blue { background-position: -815px -180px; } .order-history-blue { background-position: -682px -180px; } .message-center-blue { background-position: -940px -180px; } .change-password-blue { background-position: -1166px -180px; } .my-support-blue { background-position: -1058px -180px; } .document-library-blue { background-position: -1860px -175px; } .hplc-uhplc-blue { background-position: -1283px -175px; } .roq-quechers-kits-blue { background-position: -1283px -175px; } .care-and-use-guides-blue { background-position: -1515px -175px; } .promos-quotes-blue-small { background-position: -64px -430px; width: 70px; height: 70px; } .applications-locker-blue-small { background-position: -188px -430px; width: 70px; height: 70px; } .virtual-stockroom-blue-small { background-position: -308px -430px; width: 70px; height: 70px; } .account-blue-small{ background-position: -428px -430px; width: 70px; height: 70px; } .my-documents-blue-small { background-position: -578px -434px; width: 50px; height: 70px; margin-right: 10px; } .profile-blue-small { background-position: -832px -436px; width: 70px; height: 50px; } .order-history-blue-small { background-position: -705px -438px; width: 70px; height: 70px; } .message-center-blue-small { background-position: -960px -430px; width: 70px; height: 50px; } .change-password-blue-small { background-position: -1194px -430px; width: 50px; height: 50px; } .my-support-blue-small { background-position: -1058px -430px; width: 50px; height: 50px; } .document-library-blue-small { background-position: -1874px -425px; width: 70px; height: 70px; } .hplc-uhplc-blue-small { background-position: -1300px -430px; width: 70px; height: 70px; } .roq-quechers-kits-blue-small { background-position: -1300px -430px; width: 70px; height: 70px; } .care-and-use-guides-blue-small { background-position: -1535px -430px; width: 70px; height: 70px; } .promos-quotes-gray { background-position: -42px -300px; } .applications-locker-gray { background-position: -165px -296px; } .virtual-stockroom-gray { background-position: -287px -300px; } .my-documents-gray { background-position: -550px -300px; } .profile-gray { background-position: -815px -300px; } .order-history-gray { background-position: -682px -300px; } .message-center-gray { background-position: -940px -300px; } .change-password-gray { background-position: -1166px -295px; } .my-support-gray { background-position: -1058px -298px; } .document-library-gray { background-position: -1860px -288px; } .hplc-uhplc-gray { background-position: -1283px -290px; } .roq-quechers-kits-gray { background-position: -1283px -290px; } .care-and-use-guides-gray { background-position: -1515px -290px; } .dash-nav-top div:hover { opacity: 0.85; } .promos-quotes-gray.dash-selected { background-position: -42px -185px; } .applications-locker-gray.dash-selected { background-position: -165px -184px; } .virtual-stockroom-gray.dash-selected { background-position: -287px -185px; } .my-documents-gray.dash-selected { background-position: -550px -185px; } .profile-gray.dash-selected { background-position: -815px -185px; } .order-history-gray.dash-selected { background-position: -682px -185px; } .message-center-gray.dash-selected { background-position: -940px -185px; } .change-password-gray.dash-selected { background-position: -1166px -185px; } .my-support-gray.dash-selected { background-position: -1058px -183px; } .document-library-gray.dash-selected { background-position: -1860px -175px; } .hplc-uhplc-gray.dash-selected { background-position: -1283px -175px; } .roq-quechers-kits-gray.dash-selected { background-position: -1283px -175px; } .care-and-use-guides-gray.dash-selected { background-position: -1515px -175px; } /* My Dashboard - tables */ .app div, .proj div, .doc div, .quote div, .order div { padding: 0 2px; } .quote, .app, .proj, .acc, .doc, .order { cursor: pointer; } #currentQuotes table { background: #fff; margin-top: 20px; } /* My Dashboard misc */ .dash-group-btns { padding: 10px 0; } .table-dash { margin-top: 10px; } .table-dash th, .table-dash td { border-bottom: 0 !important; border-right: 0 !important; } .dash-container { font-size: 12px; margin: 0 auto; width: 900px; position: relative; } #dash-section { font-size: 12px; margin: 0 auto; width: 900px; position: relative; top: -20px; clear: both; } #currentPromos { overflow: auto; } #currentPromos.well { margin-top: 20px; } .dash-promo-block { width: 250px; padding: 18px; overflow: auto; float: left; text-align: center; } .dash-spacer { margin-bottom: 30px; } #dash-section .guide-buttons { margin-top: 10px; } #dash-section .guide-buttons p { margin-bottom: 20px; margin-left: 20px; } /* Dashboard - Account */ #dash-profile, #dash-change-password { margin-top: 20px; } #dash-change-password dt, #dash-change-password dd { margin-top: 10px; } #AccountPassword { background: #fff; width: 400px; margin:10px; } #AccountInfo { margin-top: 20px; } #AccountInfo .dl-horizontal { margin-top: 20px; } #AccountInfo .dl-horizontal dt, #AccountInfo .dl-horizontal dd { height: 30px; } .account-container { overflow: auto; } .account-container .account-info-form2 { margin-top: 20px; width: 300px; } #messageModal dl.dl-horizontal dt { width: 60px; } #messageModal dl.dl-horizontal dd { margin-left: 70px; } /* Dashboard - Promo blocks */ #currentPromos .promo-container { float: left; margin: 25px 15px 10px 28px; } #currentPromos .promo-container a:hover { text-decoration: none; } #currentPromos .promo-content { position: relative; width: 208px; height: 125px; padding: 15px; border-right: solid 1px #D6D6D6; border-top: solid 1px #D6D6D6; } #currentPromos .promo-content h2 { color: #ed6e64; font-size: 13px; padding-top: 15px; line-height: 18px; } #currentPromos .promo-content span { color: #68696b; font-size: 9px; } #currentPromos .promo-content .promo-code { position: absolute; bottom: 15px; left: 15px; text-align: left; } #currentPromos .promo-content .promo-expire { position: absolute; bottom: 15px; right: 15px; text-align: right; } #currentPromos .promo-daysleft { margin-left: 30%; margin-top: 5px; } /* Dashboard Document Library */ #DocumentLibrary #filters-box dl { width: 400px; margin-bottom: 20px; } #DocumentLibrary #filters-box { display: inline-block; width: 880px; margin-top: 10px; margin-bottom: 0; padding: 10px; } #DocumentLibrary #filters-box dl dt { width: 110px; } #DocumentLibrary #filters-box dl dd { margin-bottom: 10px; margin-left: 130px; } #doc-search-container span { font-size: 14px; top: 6px; right: 5px; position: relative; cursor: pointer; } #DocumentLibrary #filters-box #searchTerms { /* max-width: 420px; */ } #DocumentLibrary #filters-box #searchTerms button { margin: 3px 5px 3px 0; } /* Dashboard CQofA Pages */ .cert-container-box { width: 255px; float:left; border: 1px solid #C5C5C5; padding: 10px 10px 10px 10px; margin: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .cert-container-box.hidden { display: none; } #OrderHistory { float: left; margin-top: 10px; } #OrderHistory .partNoLabel { font-weight: bold; float: left; width: 120px; text-align: right; padding: 0 5px 0 0; } #OrderHistory .serialNoLabel { font-weight: bold; float: left; width: 120px; text-align: right; padding: 10px 5px 0 0; } #OrderHistory .partNoInput { float: left; } #OrderHistory .serialNoInput { float: left; padding-top: 10px; } #OrderHistory .certSearchDiv { width: 225px; float: left; border: 1px solid black; padding: 10px 10px 20px 10px; margin: 10px; } #OrderHistory .certSearchDivHidden { width: 225px; float: left; border: 1px solid black; padding: 10px 10px 20px 10px; margin: 10px; display: none; } #OrderHistory .requestDateTH { border-bottom: 1px solid black; text-align: left; width: 130px; } #OrderHistory .partNoTH { border-bottom: 1px solid black; text-align: left; width: 90px; } #OrderHistory .serialNoTH { border-bottom: 1px solid black; text-align: left; width: 80px; } #OrderHistory .descriptionTH { border-bottom: 1px solid black; text-align: left; width: 390px; } #OrderHistory .statusTH { border-bottom: 1px solid black; text-align: left; width: 130px; } #OrderHistory .refreshTH { border-bottom: 1px solid black; width: 20px; } #OrderHistory .historyTable { padding-top: 10px; margin-left: 10px; } #OrderHistory .sentString { color: Green; font-weight: bold; } #OrderHistory .inputText { width: 80px; } #OrderHistory .historyTable tr.alt td { background-color: #F5F5F5; padding-top: 4px; padding-bottom: 4px; } #OrderHistory .historyTable tr.reg td { padding-top: 4px; padding-bottom: 4px; } #OrderHistory .descriptionTD { padding-right: 5px; } #OrderHistory .zoomIconSmall { cursor: pointer; vertical-align: top; float: left; } #OrderHistory .viewRow { font-weight: normal; } #OrderHistory .hideRow { display: none; font-weight: normal; } #OrderHistory .titleBlock { display: inline-block; cursor: pointer; width: 475px; padding-left: 10px; float: left; zoom: 1; *display: inline; _height: 186px; } #OrderHistory .topDocRow1 { border-top: 1px solid #b5b5b5; } #OrderHistory .topLeftDocRow1 { border-top: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; } #OrderHistory .topRightDocRow1 { border-top: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; } #OrderHistory .topMiddleDocRow1 { border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; } #OrderHistory .middleLeftDocRow1 { border-left: 1px solid #b5b5b5; } #OrderHistory .middleRightDocRow1 { border-right: 1px solid #b5b5b5; } #OrderHistory .lastDocRow1 { border-bottom: 1px solid #b5b5b5; } #OrderHistory .toolQTip { color: #0088cc; cursor: pointer; } #quick-order-container, #events-container, #news-container, #brands-container, #info-container, #tools-container, #admin-container, #support-container, #sitemap-container, #footer-page-container, #generic-container { width: 900px; font-size: 12px; margin: 0 auto; position: relative; top: 20px; clear: both; overflow: hidden; } /* Events Page News Page */ #events-container > .well, #news-container > .well { overflow: auto; } #events-container img { max-width: 430px; } #info-container .info-content { overflow: auto; padding: 20px; } /* Quick Order */ #quick-order #quick-order-controls { width: 100%; } #quick-order #quick-order-input { width: 300px; float: left; } #quick-order #quick-order-input input { height: 20px; top: 2px; position: relative; } #quick-order #quick-order-upload { width: 300px; float: left; } #quick-order #checkout-btn { margin-top: 22px; } #quick-order #partsList { clear: both; } /* Cart/Checkout Page */ #cart .cart-promo-container { background: #fff; padding: 10px; text-align: left; border: 1px dashed #DDD; margin-bottom: 10px; } #cart .promoOptions { margin-top: 10px; } #cart .promoOptionQualNeeded.unqualified { color: #B94A48; background: #F2DEDE; border-color: #EED3D7; } #cart .promoOptions table > tbody > tr:first-child > td { border-top: 1px solid #DDD !important; } /* Document Viewer Tool */ #tools-container { top: 0; } #tools-container .left-col { width: 350px; float: left; } #tools-container .left-col h3 { margin-bottom: 0; } #tools-container .left-col .meta, #tools-container .left-col .button-set { text-align: center; } #tools-container .left-col .button-set { margin-top: 10px; } #tools-container .left-col .button-set .btn { margin-bottom: 5px; } #tools-container .left-col .button-set .icon-question-sign { color: #818181; font-size: 16px; } #tools-container .left-col #pdf { border: 5px solid #DDD; height: 400px; } #tools-container .right-col { width: 550px; float: right; } #tools-container .content { margin-top: 25px; padding: 20px; font-size: 14px; } #tools-container .content h1 { font-size: 18px; font-weight: bold; line-height: 24px; } #tools-container .content dt { width: 120px; margin-bottom: 5px; } #tools-container .content dd { margin-left: 140px; margin-bottom: 5px; } #email.documentviewer dt { width: 120px; margin-bottom: 10px; } #email.documentviewer dd { margin-left: 140px; margin-bottom: 10px; } /* * Widgets */ .widgets-content p { margin: 10px 0; } .widget-size-content, .widget-type-content { overflow: auto; margin: 20px 10px; } .widget-box-small { width: 250px; float: left; } .widget-box-large { width: 300px; float: left; } .widget-type-content label span { margin-left: 10px; } .widget-type-content label img { cursor: pointer; } .widget-type-content label:hover img { opacity: .90; } .widget-size-content label img { border: 5px solid #DDD; cursor: pointer; } .widget-size-content label.selected img { border: 5px solid #919191; } .widget-size-content label:hover img { border: 5px solid #C2C2C2; } .widgets-enter-info { width: 100%; float: left; margin: 20px 10px; } .widgets-enter-info .info-left { float: left; width: 250px; } .widgets-enter-info .info-right { float: left; width: 250px; } .widgets-enter-info input[type=text] { width: 218px; margin-right: 5px; margin-bottom: 5px; } .widgets-get-code { margin: 20px 10px; } .widgets-get-code textarea { margin-top: 10px; } .widgets-content .field-validation-error { float: right; margin-right: 25px; } .widget-selected { width: 350px; text-align: center; float: right; } .widget-selected h4 { font-weight: bold; margin-bottom: 0; } .widget-code-wrapper { background: #EAEAEA; padding: 10px; } /* FAQs */ /* FAQs - Admin */ #admin-container .content-container .well { } #admin-container .content-container .well.filters { height: 300px; } #admin-container .content-container .left-col { float: left; } #admin-container .content-container .right-col { float: left; } #admin-container .content-container .faq-footer { margin: 30px; text-align: right; } #admin-container .content-container #FaqForm_Question { width: 665px; } #admin-container.manage-faqs th.question { width: 400px; } #admin-container.manage-faqs th.controls { width: 70px; } /* Preparative Calculators */ .prep-calculators-content { } .prep-calculators-content ul { margin: 2px 30px 10px 30px; } /* -------- */ .product-category:hover a { text-decoration:none; } #page-header { margin:0px 41px -3px 0; color:#444444; font-size:46px; line-height:41px; position:relative; z-index:2; font-weight:normal; } .content-section { border-top: 2px solid #626262; margin:0 auto; width:900px; background:#fff; } .editable-content-section-w-back { border-top: 2px solid #626262; padding: 5px 25px 5px 25px; margin:0 auto; width:860px; background:#fff; behavior: url(/content/pie.htc); } .editable-content-section { margin:0 auto; width:900px; background:#ffffff; } #content-container { position: relative; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAIAAADvIroEAAAAfklEQVQoz5WTyw3AMAhDn7NF95+hC3WS3qoEiEkPkfJBDwMO13MPYOhbynutZ6o4eQYy/ILBLk7z/frGgY6ZQasj5+JAx9w3MHHSpo7Ye58Lo7dmKM+8YSA3u5rBj5rz/EwuaeMTX/OiSTrwSezVXkfyYWD0Pul11POr/2jYv+TYBO2jju+cAAAAAElFTkSuQmCC') repeat-x top; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #444; width: 100%; height:100%; min-height:570px; } td.promoOptionSelect, td.promoOptionQualNeeded { border-top: 0 !important;} td.promoOptionShortDesc, td.promoOptionQualNeeded.unqualified { border-bottom: 0 !important; } .inner-content { margin: 0 auto; position: relative; width: 860px; padding:20px 0; } .inner-content h1 { margin: 0 0 10px 0; } #login-inputs #new-customers-sign-up { float: left; } #login-inputs fieldset, #new-customers-sign-up fieldset { width: 415px; margin:20px 0 20px 0; border: 1px solid #626262; position:relative; height:250px; } #login-inputs fieldset { width: 415px; margin:20px 20px 20px 0; border: 1px solid #626262; position:relative; height:250px; } #login-inputs fieldset h4, #new-customers-sign-up fieldset h4 { width:395px; background:#55B89F; padding:10px; font-size:14px; color:#ffffff; } #login-hint, #signup-message { padding:0 10px 10px 10px; } #new-customers { margin:60px 10px 10px 10px; } .validation-summary-errors li, .field-validation-error { color: #FF0000; } #login-inputs #validationSummary ul { margin:10px; } .login-input-container { margin: 5px 10px; } .login-input-container input { margin: 0; width:250px; } .studyName { color:#89108A; } .dataEntryInput { width: 50px; } .methodCodeCell { width:70px; } .methodDescCell { width: 115px; } .analysisDateCell { width: 70px; } .analystCell { width: 50px; } .prepMethodCell { width: 50px; } .dashboardSecHdr { /* margin:10px 0; */} #agencySelection .agencyColumn { float: left; width: 180px; } #specialRequests { padding: 5px; width:685px; max-width:685px; height:100px; } /* Content Editable pages */ #webContent { float: left; height: auto; padding: 0 10px 20px 10px; } .imageContainer { float: right; height: auto; padding: 0 10px 20px 10px; } .rrSearchLink { padding: 10px 10px 0 0; font-weight: bold; } .ptSearchLink { padding: 10px 10px 0 0; font-weight: bold; } .qcSearchLink { padding: 10px 10px 0 0; font-weight: bold; } .techSupport { padding:0 20px 0 20px; font-size:12px; } /*** Result File Upload ***/ .file-upload-heading { font-weight:bold; font-size: 13px; margin-top: 10px; } .uploadGrid { margin: 0 10px 0 10px; overflow: auto; max-height: 180px; } .uploadGrid table { font-size:11px; width:100%; } .uploadGrid th { border: 1px solid #abaaaa; text-align: center; padding:5px; font-weight:bold; background-color: #0099cc; color: #ffffff; } .uploadGrid td { border: 1px solid #abaaaa; text-align:left; padding:5px; } .uploadLink { float: right } .mappingGrid { margin: 0 10px 0 10px; overflow: scroll; max-height: 180px; } .mappingGrid table { font-size:11px; width:100%; } .mappingGrid th { border: 1px solid #abaaaa; text-align: center; padding:5px; font-weight:bold; background-color: #0099cc; color: #ffffff; } .mappingGrid td { border: 1px solid #abaaaa; text-align:left; padding:5px;} .delimiters td { border: none; text-align:left; padding:5px;} .colMapping { background-color: #C0C0C0; } /* .error { display: none; } #errorMsg { color: #FF0000 } #reqErrorMsg { color: #FF0000 } */ /* Product Search */ #search-input {float:left; margin: 2px 10px 0 0; } #search-input p { font-size:13px; } #search-input img {float: right;}/*#search-input input { float:left; width:152px; padding:5px; height:18px; }*/ #search-input #freeTextSearch { float:left; width:152px; padding:4px; height:18px; border: 2px solid #bbbbbb;} /*#search-input #search-icon {float:left; background-position: -40px 0; cursor: pointer !important; height: 20px; margin: 5px 0 0 -23px; padding: 0; width: 20px; }*/ #search-input #search-icon {background: #ffffff url('//az621941.vo.msecnd.net/cdn/Content/Images/searchIcon.gif') no-repeat; float:left; cursor: pointer !important; height: 20px; margin: 5px 0 0 -23px; padding: 0; width: 20px; } .cartIcon { padding:0 0 0 5px; vertical-align:top; } .removeFilterIcon { padding:0 0 0 5px; cursor:pointer; vertical-align:bottom;} /*#search-filter { margin:0 15px 0; position:relative; top:24px; }*/ #search-filter li a { color:#444; } /*#search-filter li { background-color:#ffffff; border:2px solid #bbbbbb; padding:5px; }*/ #search-filter ul li { position:relative; } #search-filter ul ul { width:200px; } #search-filter li ul { width:160px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1.0; /* Safari 1.x */ -khtml-opacity: 1.0; /* Good browsers */ opacity: 1.0; } #search-filter li ul li { width:130px; margin:0 0 3px 5px; } #search-filter li ul li:hover { background-color:#87EAC7; color:#ffffff; } #search-filter li ul li a:hover { color:#ffffff; text-decoration: none; } #search-filter li ul li.selectedValue { background-color:#87EAC7; color:#ffffff; } #search-filter ul li.filter-column { width: 150px; margin:0 23px 0 0; } #freetext-label { width: 150px; } #search-filter-label ul li.filter-column { width: 150px; margin:0 23px 0 0; } /*#partsList table { border: 1px solid #dddddd } */ #search-filter .search-filter-hint { font-style: italic; color: #aaaaaa; float:left; } #search-filter span.black-arrow { margin-top:5px; } #search-filter li#std-type, #search-filter li#stdy-type, #search-filter li#anlyte-class, #search-filter li#opn-month, #search-filter li#opn-month-disabled { margin:0 10px 0 0; background-color:#ffffff; border:2px solid #bbbbbb; padding:4px; } #search-filter li#anlyte-class { margin: 0 0 0 0; width: 153px; } #search-filter-label li { font-size:13px; } #search-filter-label li#anlyte-class-label { margin:0 0 0 0; } #search-filter li#go-to-cart { margin:2px 5px;} #search-filter #quick-order { border:1px solid #0088CC; display:inline-block; background:#0088CC; padding:5px; margin: 0 0 0 10px; height:22px; float:left; position: relative ; z-index:1; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; behavior: url(/content/pie.htc); } #search-filter #quick-order-link { color:#fff; } #search-filter #go-to-cart { display:inline-block; width:29px; height:22px; background-position: -589px 0;} #search-filter #go-to-cart-link { display:inline-block; width:29px; height:22px; color:#FF00CC; text-align:center; font-size:14px; margin:0 0 5px 2px; } #search-filter li:hover span.black-arrow { background-position:-172px -31px; } #search-filter li#opn-month-disabled:hover span.black-arrow { background-position:-172px -20px; } /* hover does not change background for disabled filter */ #search-filter li#opn-month-disabled a { color: #bbbbbb; } .part-search-filter { float: left; padding-top: 10px;} .part-search-filter .standard-type { width: 95px; float: left;} .part-search-filter .study-type { width: 200px; float: left;} .part-search-filter .analyte-class { width: 100px; float: left;} .part-search-filter .pt-opening-month { width: 130px; float: left;} .part-search-filter .standard-type select { width: 95px; float: left;} .part-search-filter .study-type select { width: 200px; float: left;} .part-search-filter .analyte-class select { width: 100px; float: left;} .part-search-filter .pt-opening-month select { width: 130px; float: left;} #selectFiltersMessage { font-size: 14px; padding: 5px; } /* cart and checkout flow */ .formContainer { padding: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* Product images are set with class name */ #partsList img.resultImage { width:80; height:80; cursor: pointer; margin: 0; border: 1px solid #C8D994; background-color:#ffffff; } #currentFilters { padding: 0 0 5px 0; font-weight:bold; font-size: 13px; margin: 15px 0 5px 0; } #filtersSpan { font-weight:normal; } /*.addToCartLink { height: auto; line-height: inherit; vertical-align: middle; font-weight:bold; }*/ .analytesList { display: none; text-decoration: none; border: 1px solid #AAA; background-color: #FFF799; padding: 5px; position: absolute; margin-left: 50px; margin-top: 0px; color: #000000; z-index: 502; border-radius: 5px; box-shadow: #666 0px 0px 10px; } .analytesListTable { width: 100%; } .analytesListContainer {width: 100%; max-height: 250px; overflow: auto;} #analytesPopup {position: absolute;width:500px;top:200px;left:400px;z-index:10000;background-color:#ffffff;margin:0; border: 1px solid #222222 } #analytesPopup #closePopup {width:60px;float:right;text-align:right;margin:5px 5px 5px 0;font-size:12px; cursor:pointer; } #closePopup a { margin:0 3px 0 0; } #analytePopupTitle { float:left; font-size: 14px; font-weight: bold; margin:5px 5px 5px 5px; } #method-number { width:180px; margin: 10px 0 0 } #method-action-buttons { margin:0 0 0 10px; width: 623px; } #noStudyAccess { display:none; font-size:12px; } #noReportAccess { display:none; font-size:12px; } #noStudies { display:none; font-size:12px; } #DMRQA { width:850px; padding:10px; border: 2px solid #939598; margin: 0 auto; position:relative; background:#ffffff; } .dmrqaSection { border-top: 1px solid #ABAAAA; padding: 5px 0 10px; } .dmrqaPageNote { font-size: 12px; font-style: italic; padding: 0 0 10px; } .dmrqaActiveStudy { color: #FF0022; } #reports-list li { line-height:18px; font-size:11px; } #active-studies-caption { color: #89108A; } .dashboard-section { /*padding:10px;*/ margin: 10px; } .profileGrouping { padding: 15px 0 5px 0; font-size:14px; color:#444444; text-decoration:underline; font-weight: bold; } #UpdateProfileLinks a { font-size:12px; } /* Custom Report */ #reportDefinitionLeft {width: 580px; height:725px; border:1px solid #939598;} #reportDefinitionRight {width: 230px; /*border:1px solid #939598; */} #report-definition { border:1px solid #939598; width:100%; } #columnSelections { background-color: #FFFFFF; color: #444444; font-size: 11px; margin: 0; overflow: auto; width: 175px; position: relative; behavior: url(/content/pie.htc);} .definition-header { background-color:#55B89F; color:#ffffff; padding:8px 5px; position: relative; behavior: url(/content/pie.htc); } .custom-filter-header { background-color:#939598; color:#ffffff; padding:5px; position: relative; behavior: url(/content/pie.htc);} .report-column { border: 1px solid #939598; position: relative; behavior: url(/content/pie.htc);} .customReportsFilter { border:1px solid #939598; background-color: #ffffff; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius: 5px 5px 0 0; behavior: url(/content/pie.htc); color: #444; font-size: 11px; margin:5px; overflow: auto; position: relative; width:175px; } #columnSelections ul, .customReportsFilter ul {list-style-type: none;padding: 0;margin: 0; width:100%; position: relative; behavior: url(/content/pie.htc);} #columnSelections ul li, .customReportsFilter ul li {line-height: 9px; padding: 5px 7px;cursor: pointer; position: relative; behavior: url(/content/pie.htc);} #column-selector { border-right:1px solid #939598; height:698px; position: relative; behavior: url(/content/pie.htc);} #filtering-options { margin: 0 0 0 10px; height:698px; /* width:390px;*/ border-left:1px solid #939598; position: relative; behavior: url(/content/pie.htc); } #filtering-options .custom-filter-header { width:383px; position: relative; behavior: url(/content/pie.htc);} .filter-label, .filterLabel { color:#89108A; font-size:12px; margin:10px 0 0 10px; font-weight:bold; position: relative; behavior: url(/content/pie.htc); } #filtering-options-left { height:698px; padding:0 5px; position: relative; behavior: url(/content/pie.htc); } #filtering-options-right { height:698px; position: relative; behavior: url(/content/pie.htc);} /* #selStudyYear, #selStudyID { height:200px; } */ #selLabName, #selPartNo { height:100px; } #selEvaluation, #selAnalyteName { height: 100px; } #selStudyType { height: 150px; } #savedReportSelections { width: 208px; margin:10px; height:200px; } #disabled-buttons, #report-buttons { width:180px; margin:0 auto; } #report-actions { margin:20px auto; } .reportFormatLabel { color: #89108A; font-size: 12px; margin: 0 0 5px 0; } #save-new-report-layout { margin:20px 0 0;} #save-new-report-layout .reportNameLabel { color: #89108A; font-size: 12px; margin: 0 0 5px 0; } #reportNameInput {padding: 3px 7px; width: 215px; margin-bottom: 10px;} select#reportFormat { width:150px; } #study-type, #lab-name, #report-format { margin:0 10px 0 0; } #search-filters { width:175px;float:left; border:1px solid #939598; border-bottom:none; } #report-search-input {float:left;} #report-search-input img {float: right;} #report-search-input input { float:left; width:152px; padding:2px; height:18px; margin:10px 0 0 5px; } #report-search-input #SearchIcon {float:left; background-position: -40px 0; cursor: pointer !important; height: 20px; margin: 0 0 0 -3px; padding: 0; width: 20px; } /* DOC Report Search */ #FilterOptions { width:100%; position: relative; behavior: url(/content/pie.htc);} .searchFilter {height: 115px; border-top: 1px solid #ABAAAA; border-left: 1px solid #E5E6EE; border-right: 1px solid #E5E6EE; border-bottom: 1px solid #E5E6EE; background-color: #ffffff; -moz-border-radius:7px; -webkit-border-radius:7px; position: relative; border-radius: 5px 5px 0 0; behavior: url(/content/pie.htc); color: #444; font-size: 11px; margin: 0; overflow: auto; /*width: 200px; */ } .searchFilter ul {list-style-type: none;padding: 0;margin: 0;} .searchFilter ul li {padding: 3px 7px;cursor: pointer;} .searchReportsFilter {height: 68px; border-top: 1px solid #939598; /* border-left: 1px solid #E5E6EE; border-right: 1px solid #E5E6EE; */ border-bottom: 1px solid #939598; background-color: #ffffff; -moz-border-radius:7px; -webkit-border-radius:7px; position: relative; border-radius: 5px 5px 0 0; behavior: url(/content/pie.htc); color: #444; font-size: 11px; margin:5px 0 0; overflow: auto; /*width: 200px; */} .searchReportsFilter ul { line-height: 9px; list-style-type: none;padding: 0;margin: 0;position: relative; behavior: url(/content/pie.htc); } .searchReportsFilter ul li {line-height: 9px; padding: 3px 7px;cursor: pointer;position: relative; behavior: url(/content/pie.htc); } #ReportSearchResultsSection { float: left; margin: 0 0 0 10px; width: 640px; } #reportsListDiv { border:1px solid #939598; height: 345px; } .stackedTable { overflow: hidden; } .partsListTable th { font-weight: bold; } .partsHeaderTable { height: 37px; overflow: hidden; } .partsRowTable { overflow: auto; height: 209px; } .partsListHeaderTable { overflow: auto; width:100%; /* width: 625px; */ /* border-right: 1px solid #abaaaa; */ } .partsListHeaderTable tr { height: 36px; padding: 2px; } .partsListRowTable { margin-top: -37px; overflow: auto; width:100%; /* width: 625px; border-right: 1px solid #abaaaa; border-bottom: 1px solid #abaaaa; */ } .partsListRowTable tr { height: 36px; } .reportsHeaderTable { height: 37px; overflow: hidden; } .reportsRowTable { overflow: auto; height: 309px; } .reportsListHeaderTable { overflow: auto; width:100%; /* width: 575px; border-right: 1px solid #abaaaa; */ } .reportsListHeaderTable tr { height: 36px; padding: 2px; } .reportsListRowTable { margin-top: -37px; overflow: auto; width: 100%; /*575px;*/ border-right: 1px solid #abaaaa; border-bottom: 1px solid #abaaaa; } .reportsListRowTable tr { height: 36px; } #partsListDiv { height: 245px; } #reportsListDiv { height: 345px; } /* end of report search styles */ #analytesPopup { background-color: #FFFFFF; left: 400px; margin: 0; position: absolute; top: 200px; width: 500px; z-index: 10000; } .verifyAlert { color: #FF0000; display: none; } #my-profile-header { width: 840px; margin:0 auto; } #my-profile-icon { width:75px; height:114px; margin:0 auto; background-position: -240px 0; } #my-profile-header-content { margin: 10px 0;} #UpdatePasswordInputs { } #UpdatePasswordInputs fieldset { margin:20px 0 0; border: 1px solid #626262; position:relative; } #UpdatePasswordInputs fieldset h4 { background:#55B89F; padding:10px; margin:0 0 10px; font-size:16px; color:#ffffff; } #UpdatePasswordInputs .input-container { float:left; width:100%; margin:5px 0; } #UpdatePasswordInputs .input-container label { text-align:right; width:120px; margin:4px 5px 0; float:left; vertical-align: bottom; } #UpdatePasswordInputs .input-container input { width:200px; } #change-password-buttons { margin:0 0 10px 128px; } #UpdateRegistration { } .required-field { color:Red; margin: 0 10px 10px; } .required, .optional { zoom: 1; margin: 5px 0 0 0; padding: 1px 3px; } .required label, .optional label { display: block; float: left; width: 160px; padding: 3px 5px; margin: 0 0 5px 0; text-align: right; } .optional label, label.optional { font-weight: normal; } .required label, label.required { } .required small, .optional small { display: block; margin: 0 0 5px 142px; padding: 1px 3px; font-size: 78%; zoom: 1; font-style: italic; } .required input.inputText, .required input.inputPassword, .optional input.inputText, .optional input.inputPassword { padding: 1px 3px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } .required select, .optional select { padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; } .required input.inputCheckbox, .required input.inputRadio, .optional input.inputCheckbox, .optional input.inputRadio, input.inputCheckbox, input.inputRadio { padding: 0; margin: 0; } #UpdateRegistration fieldset { margin:20px 0 0; border: 1px solid #626262; position:relative; } #UpdateRegistration fieldset h4 { background:#55B89F; padding:10px; margin:0 0 10px; font-size:16px; color:#ffffff; } #UserProfileInfo1, #UserProfileInfo2 { width:400px; } #UpdateRegistration .input-container { float:left; width:100%; margin:5px 0; } #UpdateRegistration .input-container label { text-align:right; width:120px; margin:4px 5px 0; float:left; vertical-align: bottom; } #UpdateRegistration .input-container input { width:150px; } #change-password-buttons, #update-profile-buttons { margin:0 0 10px 128px; } #LabInfoContent { background-color:#ffffff; } #LabInfoContent fieldset { margin:20px 0 0; border: 1px solid #626262; position:relative; } #LabInfoContent fieldset h4 { background:#55B89F; padding:10px; margin:0 0 10px; font-size:16px; color:#ffffff; } #UpdateProficiencyTestingOptions { padding:0 10px; width:97%; margin:0 auto; } #UpdateProficiencyTestingOptions h3 { font-size:12px;} #UpdateProficiencyTestingOptions table { margin: 10px 0;} #UpdateProficiencyTestingOptions table th { background-color: #EBEBEB; vertical-align:middle; padding:5px; border-bottom:none; } #labEditHeader { padding:15px 0 5px 0; color:#89108A; font-size:12px; } #lab-info-left { width:350px; } #lab-info-right { width:300px; } #lab-info-left .input-container, #lab-info-right .input-container { float:left; width:100%; margin:5px 0; } #lab-info-left .input-container label { text-align:right; width:150px; margin:4px 5px 0; float:left; vertical-align: bottom; } #lab-info-right .input-container label { text-align:right; width:100px; margin:4px 5px 0; float:left; vertical-align: bottom; } #lab-info-left .input-container input, #lab-info-right .input-container input { width:150px; float:right; } #ProficiencyTesting { float:left; width:400px; margin:20px 0 0 0; } #LabCertification { float:left; width:380px; margin:20px 0 0 0;} #ProficiencyTesting .dashboardSecHdr, #LabCertification .dashboardSecHdr { padding:0 0 5px;} #ProficiencyTesting .input-container, #LabCertification .input-container { float:left; width:100%; margin:3px 0; } .permissionRow td { border-bottom: 1px solid #CCCCCC; min-width: 70px; padding: 5px; vertical-align: middle; } .permissionTable th { background-color: #EBEBEB; vertical-align:middle; padding:5px; border-bottom:none; } #InviteUsersSection { width:97%; margin: 0 auto; padding:0 0 20px 0; } #InviteUsersSection h3 { font-size:12px; margin:20px 0 10px 0; } #order-history-content {width:97%; margin:0 auto; } #order-history-content fieldset { margin:20px 0 0; border: 1px solid #626262; position:relative; } #order-history-content fieldset h4 { background:#55B89F; padding:10px; margin:0; font-size:16px; color:#ffffff; } #product-page-banner { background: #7B7C7F url("//az621941.vo.msecnd.net/cdn/Content/Images/banner_technique_01.png") no-repeat; position:relative; width:100%; height:196px; } #product-page-banner h1 { color:#ffffff; font-size:32px; margin: 130px 0 0 40px; line-height:34px; display:none; } /* text is embedded in graphic now */ #product-page-banner-qc { background: #7B7C7F url("//az621941.vo.msecnd.net/cdn/Content/Images/banner_technique_03.png") no-repeat; position:relative; width:100%; height:196px; } #product-page-banner-rr { background: #7B7C7F url("//az621941.vo.msecnd.net/cdn/Content/Images/banner_technique_02.png") no-repeat; position:relative; width:100%; height:196px; } #product-content-left, #phase-content-left { width:600px; margin: 0; } #product-content-left #ShortDesc h1 { color:#0088CC; font-size:18px; font-weight:bold; } #product-content-left .brand-title, #phase-content-left .brand-title { color: #444; font-size: 20px; font-weight: bold; margin: 0; } #product-content-left hr, #phase-content-left hr { margin: 3px 0 10px 0; border: 0; border-top: 2px solid #D5D5D5; } #product-content-left h1, #phase-content-left h1 {} #product-content-left h2, #phase-content-left h2 { color:#55B89F; font-weight:bold; margin:0 0 20px 0; } #product-content-left h2, #phase-content-left h2 { color:#0088CC; font-size: 16px; } #product-content-left h3, #phase-content-left h3 { color:#666; font-size: 14px; } #product-content-left ul, #phase-content-left ul { padding-left: 35px; margin: 10px 0; } #product-content-left p, #phase-content-left p { font-size:12px; } #product-content-left p.guarantee, #phase-content-left p.guarantee { font-size:10px; line-height:11px; margin:12px 10px 0 0; height:55px; } #product-content-left img.guarantee, #phase-content-left img.guarantee { float:left; margin:10px 10px 12px 0; display:block; } /* #product-content-left table, .ui-tabs-panel table { padding:0; border-spacing:0; border-collapse:collapse; border:none; } #product-content-left td, .ui-tabs-panel t { padding:3px; border-spacing:0; border-collapse:collapse; border:none; } #product-content-left th, .ui-tabs-panel th { font-size:12px; padding:3px; color:#fff; background-color:#808080 !important; border-spacing:0; border-collapse:collapse; border:none; vertical-align:bottom; text-align:left; } #product-content-left tr:nth-child(even), .ui-tabs-panel tr:nth-child(even) { background: #eee; } #product-content-left tr:nth-child(odd), .ui-tabs-panel tr:nth-child(odd) { background: #FFF; } #product-content-left td:first-child, .ui-tabs-panel td:first-child{ font-weight: bold; } */ #product-content-right, #phase-content-right { width:203.5px; background: white; padding-left:0; margin-top: 20px; behavior: url(/content/pie.htc); } #stay-connected { margin:10px auto; width:187px;} #stay-connected h5 { color:#A3238E; } #stay-connected input { float:left; margin:5px 0 0; width:185px; } #product-right-banner { margin: 10px auto; width:185px; } .tool-button {width:187px; height:60px; margin:10px 0px 10px 0px; } #launch-pt-manage { width:187px; height:60px; background-position: 0 0; display:block; cursor:pointer;} #launch-pt-manage:hover { background-position: 0 -60px;} #corrective-action { width:187px; height:60px; background-position: 0 -120px; display:block; cursor:pointer; } #corrective-action:hover { background-position: 0 -180px; } #technical-resources {width:187px; height:60px; background-position: 0 -240px; display:block; } #technical-resources:hover { background-position: 0 -300px; } #ptmanage-request {width:187px; height:60px; background-position: 0 -420px; display:block; cursor:pointer; } #ptmanage-request:hover { background-position: 0 -360px; } /*** Login ***/ .loginColumnRight {float:right; } .loginColumnLeft {float:left; } .loginBox { width: 405px; padding: 20px 0 20px 5px; border: 1px solid #55B89F; position:relative; height:160px; } .loginBoxTitle { width: 385px; background:#55B89F; border: 1px solid #55B89F; padding:5px 10px 5px 15px; font-size:14px; font-weight:bold; color:#ffffff; margin:10px 0 0 0;} .loginBoxHeader { font-size:12px; line-height:18px; color:#A3238E; font-weight:bold; padding: 0 0 10px 10px; } .loginBody { font-weight: bold; padding: 0 0 0 10px; } .loginBox ul { padding: 0 0 0 10px; } .loginBox form { height: 100%; } .loginBox #loginUserName input { font-style:italic; color:#aaaaaa; font-size:12px; padding:5px 2px; } .signUpList { float: left; width: 180px; } .signUpList li { list-style: disc; font-size: 12px; margin: 10px 0 0 20px; } .termsOfSaleList li { list-style: disc; font-size: 11px; margin: 0 0 5px 40px; } .loginBox .button { position: relative; bottom: 0; } .loginBox .input-button { position: relative; bottom: -10px; } .loginBox .button a { font-size: 12px; font-weight:bold; } .loginBox .input-button input { font-size: 12px; font-weight:bold; } #contentContainer #pageSearchDiv { float: left; padding: 0 0 0 10px; margin: 0; } .submitSearchBtn { float:left; width:20px; height:20px; background-position:-17px 0; margin: 0 0 0 -3px; padding:0; cursor: pointer !important; } .questionMarkIcon { width:13px; height:13px; display:inline-block; background-position:0 0; cursor: pointer !important; margin:0 0 0 5px; } .zoomIconSmall { width:15px; height:14px; display:inline-block; background-position:-61px 0; margin:0 0 0 5px; } .chromoIconBtn { width:46px; height:23px; display:inline-block; background-position:-123px 0; float:left; } .infoIconSmall { width:13px; height:13px; display:inline-block; background-position:-43px 0; float:left; cursor:pointer !important; } .shoppingCartIcon { width:19px; height:17px; display:inline-block; background-position:-202px 0; margin:0 0 0 5px; vertical-align: middle; /*float: right;*/ cursor:pointer !important; } .chromoIcon { width:24px; height:16px; display:inline-block; background-position:-227px 0; margin:0; float:right; cursor:pointer !important; } span.topButton { margin:5px 5px 0 0; float:left; } .addToVirtualStockRoomIconSmall { width:19px; height:15px; display:inline-block; background-position:-99px 0; margin:0; /*float:left;*/ text-align:center; cursor:pointer !important; } .appLockerIconLarge { width:53px; height:105px; float:left; background-position: -57px -28px; } .myFilesIconLarge { width:78px; height:79px; float:left; background-position: -188px -23px; } .virtualStockroomIconLarge { width:69px; height:101px; float:left; background-position: -114px -28px; } .printIcon {float: left; border: none; padding: 5px 5px 0 0; width:23px; height:20px; background-position:-174px 0; } .myAccountIconLarge { width:57px; height:89px; float:left; background-position: -271px -22px; margin:10px; } .redXClose { width:14px; height:14px; display:inline-block; vertical-align:top; background-position: -316px 0; } .orderHistoryIconLarge { width:76px; height:83px; float: left; margin: 10px 10px 25px 5px; background-position: -333px -23px; } .promosAndQuotesIconLarge { width:67px; height:70px; float: left; margin: 25px 20px 20px 5px; background-position: -415px -23px; } .virtualStockRoomPopupIcon { float:left; width:52px; height:50px; background-position: 0px -28px; margin:0 0 10px 10px;} ul.standardList li { list-style-image: url('//az621941.vo.msecnd.net/cdn/Content/Images/footerLinkBulletBlue.png'); } /**** SIGN UP ****/ #LoginInputs {width: 300px;float:left;} #CreateAccountTypes {float:left;width:550px;margin:0 0 0 20px;} /*fieldset {border: 1px solid #B5B5B5;margin: 0 0 1.5em;padding: 0 1.4em 1.4em;}*/ legend {color:#a3238e;font-size:24px; padding-bottom: 5px; padding-top: 10px; } #LoginInputs fieldset, #CreateAccountTypes fieldset {height:285px;} .InputLabel{margin:5px 0;} .InputField{margin:5px 0;} .InputField input[type="text"] {width: 250px;} .CheckBoxInput {width:100%;} .RequiredField {color:#FF0000;margin:0 3px 0 0;} #SignUp {width:870px;} .SignUpLeft {width:400px;float:left;} .SignUpLeft .InputLabel{width:130px;text-align:right;padding:5px;margin:5px 0;float:left;} .SignUpLeft .InputField{float:left;width:205px;} .SignUpRight {float:left;width:400px;margin: 0 0 0 30px;} .SignUpRight .InputLabel{width:130px;text-align:right;padding:5px;margin:5px 0;float:left;} .SignUpRight .InputField{float:left;width:205px;} .signupButton { width: 70px; float: right; } .signupButton input { width: 50px; font-weight: bold; font-size: 12px; } .freebieButton { width: 70px; float: left; } .freebieButton a { font-weight: bold; font-size: 12px; } .freebieBullet { height: 40px; float:left; padding: 0 10px 0 10px; } .freebieDesc { float:left;color: #A3238E; font-size: 12px; font-weight:bold; width:200px; } .freebieImage { padding: 10px 0 20px 0 } #freebies .giftDisclaimerText4 { color: #FF0000; } #freebies .giftDisclaimers { padding: 20px 0 0 0; } #freebies .giftDisclaimerTextHeading { font-size: 8px; } #freebies .giftDisclaimerText { font-size: 8px; } .ptLink { font-size: 12px; margin: 0 0 5px 20px;} .ptMessage { font-size: 12px; } /* Site Map */ .siteMapCategory { font-size: 14px; padding: 20px 0 0 20px; } .siteMapCategory ul li { font-size: 12px; padding: 10px 0 0 20px; } /* buttons used in Sign Up */ .ptPathButton { padding: 0 2px 0 0; } .ptPathButton input { width:260px; white-space:normal; font-weight:bold; } /* Footer */ #footer { width: 100%; margin-top: 40px; padding:10px 0; color:#444; background-color:#FFF; } #footer-content { padding:0 30px; width:730px; } #footer-content .footer-nav { margin:5px 0; color:#444; } #footer-nav-main span.link-separator { color: #08C; padding:0 5px 0 6px; } #footer-nav-main .blue-arrow { margin:0 2px 2px 0; } #social-media-links .social-icon { cursor: pointer !important; display: inline-block; height: 18px; margin: 0 0 0 5px; width: 18px; } #follow-us { display:inline-block; margin:4px 0 0 0; } #icon-facebook { background-position: -170px -3px; } #icon-twitter { background-position: -194px -3px; } #icon-linkedin { background-position: -241px -4px; } #icon-youtube { background-position: -218px -4px; } #site-terms-links a, #footer-nav-main a { color:#08c; text-decoration:none; } #site-terms-links a:hover, #footer-nav-main a:hover { color: #444444; } #site-terms-links span.link-separator { color: #444; padding:0 2px 0 4px; } #certificate { width:140px; height:134px; margin:-20px 20px 0 0; background-position: -265px 0; } /* Modal Popup */ /* Z-index of #mask must lower than #boxes .window */ #mask { position:absolute; z-index:9000; background-color:#000; background-color:#000; display:none; } #boxes .window { position:fixed; width:440px; min-height:200px; display:none; z-index:9999; padding:20px; } /* analyte selection popup */ #boxes #analyteSelection { width:400px; height:310px; padding:5px; background-color:#55B89F; position: absolute; z-index:9999; } #boxes #analyteSelection #options { background-color:#ffffff; height:260px; } #boxes #analyteSelection #options li { padding:10px 20px; } #boxes #analyteSelection #analyteSelectionHeader { color:#ffffff; padding:15px 20px 20px 20px; font-size:16px; font-weight:bold; } #boxes #analyteSelection #popupButtons { width:350px; float:right; padding:10px; } #boxes #analyteSelection #analyteSelectionList { width:330px; height:127px; float:left; background-color:#ffffff; padding: 0 5px 5px 10px; overflow:auto; border:1px solid #cccccc; margin: 0 5px 0 30px; position: relative; z-index:9999; } #boxes #analyteSelection #analyteSelectionList ul { width:315px; } #boxes #analyteSelection #analyteSelectionList li { padding:3px 5px 3px 5px; width:300px; } #boxes #analyteSelection li input { margin:0 5px 0 0; } #boxes #analyteSelection li.alt { background-color: #EBEBEB; } #boxes #analyteSelection li.std { background-color: #FFFFFF; } #boxes #analyteSelection #popupButtons .button { float:right; margin: 0 10px 0 0; } #boxes #analyteSelection #popupButtons .button a { color:#444444; font-size:11px; font-weight:bold; } /* user registration update freebie message popup */ #boxes #freebieMessage { width:400px; height:310px; padding:5px; background-color:#55B89F; position: absolute; z-index:9999; } #boxes #freebieMessage #options { background: #ffffff url("//az621941.vo.msecnd.net/cdn/Content/Images/giftbox.png") no-repeat bottom left; height:260px; } #boxes #freebieMessage #options li { padding:10px 20px; } #boxes #freebieMessage #freebieMessageHeader { color:#ffffff; padding:15px 20px 20px 20px; font-size:16px; font-weight:bold; } #boxes #freebieMessage #popupButtons { width:350px; float:right; padding:10px; } #boxes #freebieMessage #freebieText { font-size: 12px; padding: 20px 55px 0 20px; } #boxes #freebieMessage #freebieText p { line-height:12px; } #boxes #freebieMessage li input { margin:0 5px 0 0; } #boxes #freebieMessage #popupButtons { position: relative; bottom: -125px; } #boxes #freebieMessage #popupButtons .button { float:right; padding: 0 10px 0 0; } #boxes #freebieMessage #popupButtons .button a { color:#444444; font-size:11px; font-weight:bold; } /* user registration update freebie selection popup */ #boxes #freebieSelection { width:460px; height:510px; padding:5px; background-color:#55B89F; position: absolute; z-index:9999; } #boxes #freebieSelection #options { background: #ffffff; height:460px; } #boxes #freebieSelection #options li { padding:10px 20px; } #boxes #freebieSelection .freebieOption { float: left; width: 225px; padding: 10px 0 5px 0px; } #boxes #freebieSelection .freebieOption2 { float: left; width:220px; padding: 10px 0 5px 0px; } #boxes #freebieSelection .freebieDesc { float:left; color: #A3238E; font-size: 12px; font-weight:bold; width:180px; } #boxes #freebieSelection .giftDesc { float:left; color: #000000; font-size: 12px; font-weight:normal; width:170px; } #boxes #freebieSelection .freebieBullet { height: 40px; float:left; padding: 0 5px 0 20px; } #boxes #freebieSelection .giftDisclaimers { padding: 20px 0 0 0; } #boxes #freebieSelection .giftDisclaimerTextHeading { font-size: 8px; margin-bottom: 0; padding: 0 20px 0 20px; } #boxes #freebieSelection .giftDisclaimerText { font-size: 8px; padding: 0 20px 0 20px; } #boxes #freebieSelection #giftDisclaimer { float:left; padding: 0 10px 0 20px; vertical-align: top; } #boxes #freebieSelection #giftDisclaimerText { float:left; width: 160px; } #boxes #freebieSelection #giftDisclaimerText2 { float:left; padding:0 5px 0 20px; } #boxes #freebieSelection #giftDisclaimerText3 { float:left; padding:10px 20px 10px 20px; } #boxes #freebieSelection #giftDisclaimerText4 { float:left; padding:10px 20px 10px 20px; color: #FF0000; } #boxes #freebieSelection .freebieImage { padding: 10px 0 20px 35px; } #boxes #freebieSelection #freebieSelectionHeader { color:#ffffff; padding:15px 20px 20px 20px; font-size:16px; font-weight:bold; } #boxes #freebieSelection #popupButtons { width:350px; float:right; position: relative; bottom: 0; padding: 0 30px 10px 0; } #boxes #freebieSelection #freebieText { font-size: 12px; padding: 20px 55px 0 20px; } #boxes #freebieSelection #freebieText p { line-height:12px; } #boxes #freebieSelection li input { margin:0 5px 0 0; } #boxes #freebieSelection #popupButtons .inputButton { float:right; padding: 0 0 0 0; margin: 0 0 0 0; } #boxes #freebieSelection #popupButtons .button a { color:#444444; font-size:11px; font-weight:bold; } #freebieCancel { float: right; padding: 0 10px 0 0; } /* BETA LOGIN MASK */ #betaLogin { width:400px; height:210px; padding:5px; background-color:#55B89F; } #betaInput{ padding:20px 20px 20px 135px; } #betaMessage { font-size: 16px; font-weight: bold; padding:20px 20px 20px 30px; } #betaContinue { padding:10px 20px 20px 28px; } #guessAgain { color:#FF4444; font-size: 13px; display: none; font-weight: bold; padding:0 0 20px 20px; } /* POPUP ----------------------------------------------------------*/ #siteGateway { width:650px;} /* .popup old popup */ .popup { width:650px; } /* .homePagepopup new popups on home page, should be integrated so all popups use it */ .homePagepopup, .newPopup { margin-top:15px; height: auto; overflow: auto; } #backgroundPopup { display:none; position:fixed; position:absolute; /* internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:500; } .popupLeftFiller { background: url(//az621941.vo.msecnd.net/cdn/Content/Images/popupLeftMid.png) repeat-y; float: left; width: 25px; height: auto; position:relative; } .popupRightFiller { background: url(//az621941.vo.msecnd.net/cdn/Content/Images/popupRightMid.png) repeat-y; float: left; width: 25px; height: auto; position:relative; } .popupUpperLeft { background: url(//az621941.vo.msecnd.net/cdn/Content/Images/popupUpperLeft.png) no-repeat; float: left; width: 25px; height: 20px; position:relative; } .popupUpperRight { background: url(//az621941.vo.msecnd.net/cdn/Content/Images/popupUpperRight.png) no-repeat; float: left; width: 25px; height: 20px; position:relative; } .popupLowerLeft { background: url(//az621941.vo.msecnd.net/cdn/Content/Images/popupLowerLeft.png) no-repeat; float: left; width: 25px; height: 20px; position:relative; } .popupLowerRight { background: url(//az621941.vo.msecnd.net/cdn/Content/Images/popupLowerRight.png) no-repeat; float: left; width: 25px; height: 20px; position:relative; } .popupUpperFiller { background: url(//az621941.vo.msecnd.net/cdn/Content/Images/popupUpperMid.png) repeat-x; float: left; width: 600px; height: 20px; position:relative; } .popupLowerFiller { background: url(//az621941.vo.msecnd.net/cdn/Content/Images/popupLowerMid.png) repeat-x; float: left; width: 600px; height: 20px; position:relative; } .popup .popupContent { position:relative !important;} .homepagePopup { margin-left: -310px !important; width: auto !important; } .homepagePopup .popupContent, .newPopup .popupContent { position:relative !important; background-color: #D9D9D9; width: 600px; overflow: hidden; float: left; padding:10px; border:1px solid #b5b5b5; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; /* behavior: url(/Content/PIE.htc); */ } .homepagePopup .showAgainMsg { padding: 0 0 5px 0; margin:0px 5px 0 0; } .homepagePopup .modal-header label { vertical-align: top; } /* this is needed because the calendar control background was getting set to transparent */ .ui-datepicker { background-color:#cccccc; } /* this is for the PTRL page of the online instructions pdf for each standard */ .instrPTRL { width:800px; font-family:Arial; } .instrPTRL th { border: 1px solid #222222; text-align: center; } .instrPTRL td { border: 1px solid #222222; text-align: center; } .discountPrice { color: #990033; } #discountPrice { color: #990033; } /* GC ----------------------------------------------------------*/ /* #gclndg { float:left; width:880px; } #gclndgleft { float:left; width:650px; } #gclndgright { float: right; width:187px; } #gclndg h2 { font-size:16px; color:#444444; } */ #board { width:187px; height:400px; z-index:1; overflow:hidden; } #zside { width:187px; height:200px; } #appbutton a { height: 60px; width: 187px; margin:15px 0 0 0; background: url('/webimage/btn_application_search.png') no-repeat left top; } #appbutton a:hover { background-position: left -60px; } #techbutton a { height: 60px; width: 187px; background: url('/webimage/btn_resources.png') no-repeat left top; } #techbutton a:hover { background-position: left -60px; } #askbutton a { height: 60px; width: 187px; background: url('/webimage/btn_specialist.png') no-repeat; } #askbutton a:hover { background-position: left -60px; } #accbutton a { height: 60px; width: 187px; background: url('/webimage/btn_gc_access.png') no-repeat; } #accbutton a:hover { background-position: left -60px; } #columnbutton a { height: 60px; width: 187px; background: url('/webimage/gccolumn_187x120.png') no-repeat; } #columnbutton a:hover { background-position: left -60px; } .gcroll a { display: block; text-indent: -9999px; margin: auto auto auto auto; cursor: pointer; outline: transparent solid 0px; } .zopen { background: url('/webimage/chevron_right.png') no-repeat; } .zpush { padding-left: 11px; } .zclose { background: url('/webimage/chevron_down.png') no-repeat; } .zblock { display:block; width:190px; } a.zlink:link { color:#89108a; text-decoration:none; font-weight:bold; font-size:12px; } a.zlink:visited { color:#89108a; text-decoration:none; font-weight:bold; font-size:12px; } a.zlink:hover { color:#89108a; font-weight:bold; text-decoration:underline; font-size:12px; } .zgcnolink { color:#89108a; text-decoration:none; font-weight:bold; font-size:12px; padding-left:1px; } a.gczlink:link { color:#444444; text-decoration:none; font-weight:bold; } a.gczlink:visited { color:#444444; text-decoration:none; font-weight:bold; } a.gczlink:hover { color:#0088CC; font-weight:bold; text-decoration:none; } div.clear {clear:both; } .columnSection { float:left; margin:0 0 30px 0; } .columnSection h3 { color:#444444; font-size:16px; border-top: solid 1px #c7c8ca; padding-top:5px; } .columnSection p { font-size:12px; margin-top:5px; line-height:16px; } .columnSection .columnSectionImage { float:left; width:95px; margin:10px 0 0 0; } .columnSection .columnSectionContent { float: left; margin:20px 0 0 0; } ul.columnSectionContentList { margin:0 0 0 20px; padding:0; float:left; width:255px; } ul.columnSectionContentList li ul { list-style:none; margin:0px; padding:0; } ul.columnSectionContentList li { list-style:none; margin:0 0 10px 0; } ul.columnSectionContentList li li { list-style:none; list-style-position: inside; margin:5px 0 5px 40px; padding:0; }