html, body{
margin: 0;
padding: 0;
}
body {
background: none;
font: normal normal 70%/2.8ex Verdana,Arial,Helvetica,sans-serif;
text-align: left;
}
body .container {
text-align: left;
}
body .wrapper {
margin: 0 auto;
padding: 0 15px;
width: 950px;
}
body #leftNavDivider {
background: url("../../client_new/imgs/leftNav_divider.gif") no-repeat scroll 181px 144px transparent;
height: 100%;
}
.noNav #leftNavDivider {
background: none;
}
body .footerWrapper {
background: url("../../client_new/imgs/footerWrapper_bg.png") no-repeat 0 0px scroll transparent;
height: 70px;
margin: 0 auto;
width: 950px;
}
h1 {
color: #666666;
font: normal 1.6em Arial,Helvetica,sans-serif;
margin: 0;
padding: 0;
}
h2 {
color: #000000;
font: bold 1.1em Arial,Helvetica,sans-serif;
margin: 0.83em 0px;
}
h3 {
color: #999999;
font: normal 1.1em Arial,Helvetica,sans-serif;
margin: 0;
}
h4, h5 {
color: #999999;
font: bold 1em Arial,Helvetica,sans-serif;
margin: 5px 0;
}
/* The h6 is being used for all subpage links; it should work with the subpagelinks class */
h6 {
color: #336699;
font: normal 1.1em Arial,Helvetica,sans-serif;
padding: 5px 0 0 0;
}
@font-face {
font-family: 'AntitledOTBook';
src: url('../../client/fonts/antitledbook-webfont.eot');
src: url('../../client/fonts/antitledbook-webfont.eot?iefix') format('eot'),
url('../../client/fonts/antitledbook-webfont.woff') format('woff'),
url('../../client/fonts/antitledbook-webfont.ttf') format('truetype'),
url('../../client/fonts/antitledbook-webfont.svg#webfontxcmI6akg') format('svg');
font-weight: normal;
font-style: normal;
}
.antHeading {
color: #000;
font-family: 'AntitledOTBook',Tahoma,Arial,Helvetica,"Microsoft YaHei New","Microsoft Yahei","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;
font-size: 50px;
line-height: 50px;
}
#MainBody .antHeading {
color: #89B204;
font-size: 36px;
line-height: 36px;
}
.pixelArrow {
padding: 0 0 5px 10px;
width: 10px;
height: 15px;
}
ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border-style: none;
}
table {
border: 0 none;
border-collapse: collapse;
margin: 5px 0 0 0;
vertical-align: top;
/* should not be setting style globally width: 100%; */
}
td, tr {
border: 0 none;
border-collapse: collapse;
margin: 0;
padding: 0;
vertical-align: top;
}
td, th {
padding: 6px;
}
td {
border-bottom: 1px solid #E5E5E5;
}
td.center {
text-align: center;
}
th, thead {
background-color: #CCCCCC;
color: #000;
font-weight: normal;
text-align: left;
padding: 5px;
margin: 1px;
}
hr {
border: 0;
background-color: #E5E5E5;
color: #E5E5E5;
height: 1px;
}
textarea{
width: 100%;
}
.navHeaders { /* green header text used in various places */
color: #778000;
font: bold 1.1em Arial,Helvetica,sans-serif;
padding: 0 0 5px 0;
}
textarea.errorInput {
border: 2px solid #FF0000;
}
/* Button Styles begin */
button, .submitButton, a .submitButton, .submitButtonRight {
background-color: #126c98;
border: none;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
margin: 0 0 4px 1px;
padding: 3px 8px;
white-space: nowrap;
}
.submitButtonRight {
float: right;
overflow: visible;
}
.submitButtonLeft {
float: left;
}
.callToAction,#Searchbar .searchButton {
background-color: #2B6B9D;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, rgb(10, 71, 118)),
color-stop(0.7, rgb(43, 107, 157))
);
background: -moz-linear-gradient(
center bottom,
rgb(10, 71, 118) 20%,
rgb(43, 107, 157) 70%
);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.searchButton {
font-size: 12px;
margin-top: 5px;
}
/* Find all uses and name appropriately */
#removeProductButton, #addToShoppingListButton {
background-color: transparent;
border: medium none;
display: block;
font-size: 11px;
font-weight: normal;
padding: 0;
}
#removeProductButton.enabled, #addToShoppingListButton.enabled {
color: #336699;
}
.addToShoppingListButton {
}
.checkOutButton {
background-color: #97AE41;
}
.mainActionButton {
background-color: #97AE41;
}
.secondaryActionButton {
background-color: #CADFE8;
color: #126C98;
}
.shareCartButton {
background-color: #CADFE8;
color: #126C98;
}
.listingButton {
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
color: #126C98;
padding: 2px 7px;
}
.listingButtonRight {
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
color: #126C98;
padding: 2px 7px;
float: right;
}
button.disabled {
background-color: #EAE6DB;
border: 1px solid #989899;
color: #989899;
padding: 2px 7px;
cursor: default;
}
#Searchbar input {
padding-left: 4px;
}
/* Button Styles end */
/* Links styles begin */
a,
a:link,
a:visited,
a:hover,
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
/*font-weight: bold;*/
color: #336699;
text-decoration: none;
font-style: normal;
}
a:hover {
text-decoration: underline;
}
a:focus {
-moz-outline-style: none;
}
a.closeIcon {
background: url("../../client_new/imgs/btnClose.jpg") no-repeat 0 0;
float: right;
height: 15px;
margin-top: -15px;
margin-right: -10px;
width: 15px;
}
a.btn:link,
a.btn:active,
a.btn:visited,
a.btn:hover {
color: #FF4242;
font-size: 13px;
font-weight: bold;
line-height: 23px;
text-decoration: none;
}
a.btn:link .arrow,
a.btn:active .arrow,
a.btn:visited .arrow,
a.btn:hover .arrow {
background: url("../imgs/find_l_border.gif") no-repeat scroll 0 50% transparent;
float: left;
padding: 0 0 0 20px;
}
a.btn:link .rightend,
a.btn:active .rightend,
a.btn:visited .rightend,
a.btn:hover .rightend {
background: url("../imgs/find_bkgnd.gif") repeat-x scroll 100% 0 transparent;
float: left;
font-size: 13px;
font-weight: bold;
line-height: 23px;
padding: 0 15px 0 0;
}
.shoppingListLink {
font: normal .9em Arial,Helvetica,sans-serif;
}
a.submitButton, a.submitButtonRight{
color: #ffffff;
}
/* Links styles end */
.container {
background-color: transparent;
margin: 0 auto;
padding: 0;
width: 950px;
}
#MainBody {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #FFF;
/*margin: 0 182px;*/
overflow: hidden;
padding: 0 17px 25px;
position: relative;
clear: both;
}
.noNav #MainBody{
margin-left: 0;
}
#MainBody.noRightNav{
margin-right: 0;
}
#MainBody .pageHeader, h1 {
color: #666666;
font: normal 1.6em Arial,Helvetica,sans-serif;
margin: 0px 0px 10px 0px;
padding: 0;
}
#content-frame {
background: url("../imgs/rule.png") repeat-y scroll 182px 0 #FFFFFF;
}
.header {
background: transparent;
height: 145px;
margin: 0 auto 10px;
padding: 0;
position: relative;
width: 950px;
z-index: 200;
}
#Logo {
float: left;
margin: 15px 0 18px 20px;
}
.logoImg {
cursor: pointer;
width: 221px;
height: 51px;
}
.logoImg {
background: url("../../client/imgs/waters_logo_B.png");
}
#loginDD {
background-color: transparent;
padding-top: 7px;
position: absolute;
right: 0;
width: 110px;
}
.loginOption {
background-color: #fff;
border-color: #CDCDCD;
border-style: none solid solid solid;
border-width: 0px 1px 1px 1px;
padding: 10px;
text-align: left;
}
.loginOption a {
color: #2C6D9F;
padding: 0px !important;
}
#LoginNav {
background: url(../imgs/backgrounds/bg_repeat_loginNav.png) 0 0 repeat-x transparent;
color: #000000;
font-size: 12px;
height: 30px;
text-align: right;
}
#LoginNav a {
color: #000000;
padding: 0px 0px 0 10px;
text-decoration: none;
}
#LoginNav img {
vertical-align: middle;
}
#LoginNav ul {
list-style-type: none;
margin: 0;
}
#LoginNav ul li span{
display: inline-block;
}
#LoginNav li {
display: inline;
float: right;
padding: 0 10px 3px 0;
position: relative;
}
#LoginNav li div.navPad{
display: inline-block;
padding: 5px 0 8px;
}
.orderCenterBox {
cursor: pointer;
display: inline;
float: right;
margin: 3px 10px 0 0;
}
.orderCenterText:hover {
text-decoration: underline;
}
#LoginNav .countryPopUp {
background-color: #FFFFFF;
border: 1px solid #336699;
color: #000000;
display: none;
left: 0px;
padding: 5px;
position: absolute;
top: 30px;
text-align: left;
width: 180px;
z-index: 999;
}
#LoginNav .countryPopUp li {
float: left;
width: 100%;
}
#LoginNav li:hover .countryPopUp,#LoginNav li.iehover .countryPopUp {
display: block;
}
#LoginNav .countryPopUp li {
display: block;
}
#LoginNav li.countrySelector {
background: url(../../client_new/imgs/facetBar_arrow_off.png) no-repeat right 11px;
cursor: pointer;
padding-right: 16px;
margin-right: 8px;
}
.countrySelectorText {
padding: 0 5px 0 0;
}
.countrySelectorText:hover {
text-decoration: underline;
}
#LoginNav li.countryIndicator {
padding-right: 16px;
margin-right: 8px;
}
#LoginNav .welcomeMsg {
background: url(../../client_new/imgs/facetBar_arrow_off.png) no-repeat right 50%;
cursor: pointer;
padding-right: 16px;
}
#Searchbar {
border-left: 1px solid #D3D3D3;
float: left;
font: normal 1em Arial,Helvetica,sans-serif;
padding: 4px 4px 2px 4px;
text-align: right;
width: 200px;
}
#Searchbar .searchform {
background-color: #FFFFFF;
border: 1px solid #d9d7d7;
float: left;
font: normal 1em Arial,Helvetica,sans-serif;
height: 18px;
margin: 0;
width: 165px;
}
#Searchbar .searchArrow button{
background: url(../../client/imgs/backgrounds/bg_searchIcon.png);
float: right;
height: 20px;
margin-left: -1px;
margin-right: 0;
width: 18px;
padding: 0;
}
#Searchbar .searchPopUp {
background-color: #FFFFFF;
border: 1px solid #d1d1d1;
color: #000000;
display: none;
float: right;
padding: 5px;
position: relative;
text-align: left;
width: 250px;
z-index: 999;
}
#Searchbar .searchClose {
float: right;
margin-top: 10px;
text-align: right;
z-index: 999;
}
#Searchbar .searchClose a {
color: #729cbc;
}
#searchPopUpDisplay.searchPopUp {
margin-left: -6px;
position: absolute;
padding: 10px 8px;
top: 29px;
width: 192px;
}
#searchPopUpDisplay ul li{
color: #7F7F7F;
display: block;
width: 100%;
}
#searchPopUpDisplay ul li input{
margin-right: 10px;
}
#searchPopUpDisplay li {
float: left;
}
#searchPopUpDisplay .searchHeading {
font-weight: bold;
font-size: 12px;
padding-bottom: 10px;
}
.goGlobalSearch a, .goGlobalSearch a:visited {
color: #FFFFFF;
font-weight: normal;
}
#CountrySelector {
background: url("/webassets/client/imgs/countrySelectorBk.jpg") no-repeat bottom;
line-height: 1.7em;
}
#CountrySelector .content {
margin: 50px 0px 0px 45px;
text-align: left;
float: left;
display: inline;
}
#CountrySelector content .title {
margin: 10px 0px 20px 0px;
width: 860px;
}
#CountrySelector .fourColumns {
float: left;
margin: 10px 0px 20px 0px;
width: 205px;
}
/* Primary Tab-based navigation */
ul.topNav {
background: #fff;
border: 2px solid #F1F4F7;
display: block;
clear: both;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
height: 25px;
list-style: none outside none;
margin: 3px 0 10px 0px;
overflow: visible;
position: relative;
}
.topNav li {
float: left;
height: 26px;
line-height: 26px;
padding: 0;
z-index: 900;
}
.topNav li a, .topNav li span {
border-right: 2px solid #F1F4F7;
color: #666;
display: block;
font-family: Arial, Helvetica, sans-serif;
padding: 0 15px;
position: relative;
text-decoration: none;
z-index: 900;
}
.topNav > li:hover {
background-color: #f1f4f7;
}
.topNav > li:hover a{
color: #666666;
cursor: pointer;
}
.topNav > li:hover span{
color: #666666;
cursor: default;
}
.megaMenu.hover, .topNav li.iehover .megaMenu {
display: block;
}
.megaMenu {
background: url("../../client/imgs/backgrounds/bg_megamenu.png") no-repeat scroll 0 0 #F1F4F7;
display: none;
position: absolute;
height: 420px;
left: -2px;
margin-top: 0px;
width: 950px;
box-shadow: 0px 3px 5px #aaa;
}
.promoItem {
clear: both;
cursor: pointer;
overflow: hidden;
}
.promoImage {
float: left;
padding-right: 10px;
}
.promoTitle, .promoItem a.promoTitle {
color: #2c6d9f !important;
display: block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 14px;
margin-bottom: 2px;
}
.promoDesc {
color: #666666;
font-size: 12px !important;
font-weight: normal;
line-height: 14px !important;
padding-left: 0px !important;
}
.megaMenuNav {
list-style: none outside none;
padding-top: 20px;
overflow: hidden;
width: 200px;
}
.megaMenuNav .navWArrowWrapper {
width: 200px;
}
.megaMenuNav > li {
clear: both;
float: left;
margin: 0 1px 0 0;
padding: 10px 0;
width: 200px;
}
.megaMenuNav > li a, .megaMenuNav > li span {
border: medium none;
color: #666666;
display: block;
font-size: 14px;
font-weight: normal;
padding: 0 0 0 20px;
position: relative;
text-decoration: none;
}
.mMArrow{
background-color: transparent;
background: url("../../client/imgs/sprites/icons.png") no-repeat scroll -5px 3px transparent;
float: right;
height: 13px;
width: 30px;
}
.megaMenuNav > li.hover{
background: transparent;
}
.megaMenuNav li .navWArrowWrapper a, .megaMenuNav li .navWArrowWrapper span {
float: left;
max-width: 140px;
line-height: 15px;
padding-bottom: 3px;
}
.topMenuSecondary {
clear: both;
float: left;
}
.megaMenuNav li.hover .navWArrowWrapper .mMArrow, .megaMenuNav li.iehover .navWArrowWrapper .mMArrow{
display: block;
background-position: -5px -361px;
}
.megaMenuNav li.hover .navWArrowWrapper a, .megaMenuNav li.ieover .navWArrowWrapper a,.megaMenuNav li.hover .navWArrowWrapper span, .megaMenuNav li.ieover .navWArrowWrapper span{
color: #89b204;
}
.megaMenuExtended {
display: none;
color: #2c6d9f;
font-size: 12px;
padding: 25px 15px 0 20px;
position: absolute;
right: 0;
top: 3px;
width: 715px;
}
.megaMenuNav li.hover .megaMenuExtended, .megaMenuNav li.iehover .megaMenuExtended {
display: block;
}
.megaMenuNav .topMenuSecondary {
height: auto;
}
.megaMenuNav .topMenuSecondary span {
font-size: 14px;
}
.leftColumnPromotions {
float: left;
width: 350px;
}
.rightColumnPromotions {
float: right;
width: 350px;
}
.megaMenuContent .promoItem a {
padding: 0px;
}
/* vertical split two columns */
.styleVSTC .groupA{
border-right: 1px solid #FFFFFF;
float: left;
height: 333px;
width: 329px;
}
.styleVSTC .groupB{
border-left: 1px solid #D9D8D8;
float: left;
height: 333px;
margin: 0;
overflow: hidden;
padding: 0 0 0 30px;
width: 345px;
}
.styleVSTC .groupB p{
margin: 0;
}
.styleHSML .groupB p{
margin: 0;
}
.styleHSLL .groupB p{
margin: 0;
}
.megaMenuContent.styleVSTC .groupB .promoItem{
margin-bottom: 30px;
width: 285px;
}
/* horizontal split more links */
.styleHSML .groupA{
border-bottom: 1px solid #FFFFFF;
height: 283px;
width: 720px;
}
.styleHSML .groupB{
border-top: 1px solid #D9D8D8;
height: 64px;
margin: 0;
overflow: hidden;
padding: 7px 0 0 0;
width: 720px;
}
.styleHSML ul.prodLinkList {
float: left;
padding-right: 10px;
width: 230px;
}
.styleHSML .promoItem {
clear: none;
float: left;
margin-right: 70px;
width: 285px;
}
/* horizontal split less links */
.styleHSLL .groupA{
border-bottom: 1px solid #FFFFFF;
height: 110px;
overflow: hidden;
width: 710px;
}
.styleHSLL .groupB{
border-top: 1px solid #D9D8D8;
height: 235px;
margin: 0;
overflow: hidden;
padding: 20px 0 0 0;
width: 710px;
}
.styleHSLL ul.prodLinkList {
float: left;
padding-right: 10px;
width: 220px;
}
.styleHSLL .promoItem {
float: left;
width: 285px;
padding-bottom: 25px;
}
ul.prodLinkList{
color: #2c6d9f;
font-weight: normal;
font-size: 11px;
list-style: square outside none;
overflow: hidden;
padding-bottom: 20px;
}
.prodLinkList a {
cursor: pointer;
font-family: Arial,Helvetica,sans-serif;
}
.prodLinkList li{
background: none;
color: #666666;
clear: both;
font-size: 11px;
margin-left: 13px;
padding: 3px 0;
height: auto;
line-height: 18px;
width: 95%; /*for IE*/
}
.prodLinkList li.title{
font-weight: bold;
font-size: 12px;
list-style: none inside none;
margin-left: 0;
}
.prodLinkList li.title a, .prodLinkList li.title span{
color: #666666;
float: left;
font-weight: bold;
}
.prodLinkList > li span {
padding: 0;
font-size: 12px !important;
}
.prodLinkList > li a {
color: #2C6D9F !important;
/*float: right;*/
font-size: 12px;
padding: 0;
}
.megaSplashMenu .prodLinkList > li a{
float: none;
}
.prodLinkList > li a:hover{
color: #89b204 !important;
font-size: 12px;
}
.primaryNavLiHover {
color: #89b204;
}
.primarySubNavLiHover {
background: url("../../client_new/imgs/primaryNav_sub_arrow.gif") no-repeat 0 10px transparent;
}
.primarySubNavLiHoverUl {
background-image: none;
display: block;
}
.omnitureData {
display: none;
}
/* end Primary Tab-based navigation */
.myaccount {
float: right;
margin-right: 10px;
margin-top: 3px;
}
.cart {
float: right;
line-height: 23px;
margin-top: 1px;
padding: 0 15px 0 0;
}
.cart img {
vertical-align: top;
}
.cart a,
.myaccount a {
color: #FFFFFF;
font-size: 10px;
font-weight: normal;
padding-right: 8px;
text-decoration: none;
}
/* Industry Page General */
#ContentBody h3.greenHead {
border-bottom: 1px solid #D2D2D2;
color: #89b204;
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
padding-left: 10px;
}
#PromotionsWindow {
position: relative;
width: 590px;
}
#PromotionsWindow .anythingSlider {
padding-left: 10px;
width: 590px;
}
#PromotionsWindow .anythingSlider .anythingWindow {
margin-top: 40px;
}
#PromotionsWindow .anythingSlider .anythingControls {
height: 40px;
margin-top: -40px;
position: absolute;
width: 590px;
}
#PromotionsWindow .anythingControls {
}
#PromotionsWindow .anythingControls .thumbNav li {
float: left;
padding: 10px 0 0 0;
}
#PromotionsWindow .anythingControls .thumbNav li a, #PromotionsWindow .anythingControls .thumbNav li span{
display: none;
}
#PromotionsWindow .anythingControls .thumbNav li a.cur, #PromotionsWindow .anythingControls .thumbNav li span.cur{
display: block;
}
#PromotionsWindow #promoArrows {
background-color: #fff;
border-left: 1px solid #d2d2d2;
height: 26px;
margin-top: -1px;
padding-left: 1px;
position: absolute;
right: 0;
width: 52px;
z-index: 10;
}
#PromotionsWindow .promoButton {
background-image: url("../../client/imgs/sprites/icons.png");
background-repeat: no-repeat;
cursor: pointer;
float: left;
height: 26px;
width: 26px;
}
#promoGoLeft {
background-position: 0px -186px;
}
#promoGoRight {
background-position: 0px -212px;
}
#richVideoContent .userDefined {
padding-left: 10px;
}
.showMore, .expanded .showLess {
display: block;
}
.showLess, .expanded .showMore {
display: none;
}
/* Right Side on Industry Pages */
#RightSide {
background-color: #fafbfd;
border-left: 1px solid #d5d6d7;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
float: right;
margin: 0px -17px 0 20px;
padding: 25px 20px 0 20px;
width: 280px;
}
.rightBlock {
border-bottom: 1px solid #d5d6d7;
margin-bottom: 25px;
padding-bottom: 25px;
}
#RightSide h3 {
color: #333333;
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
}
#RightSide a {
color: #2c6d9f;
}
#RightSide .tabNav {
overflow: hidden;
}
#RightSide .tabNav .rightTab{
background-color: #e9e9e9;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, #e9e9e9),
color-stop(0.7, #ffffff)
);
background: -moz-linear-gradient(
center bottom,
#e9e9e9 20%,
#ffffff 70%
);
border-color: #fff #fff #e9e9e9 #fff;
border-style: solid;
border-width: 1px;
color: #afafaf;
cursor: pointer;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
padding: 7px 0;
text-align: center;
width: 138px;
}
#RightSide .tabNav .rightTab.active{
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, #ffffff),
color-stop(0.7, #e9e9e9)
);
background: -moz-linear-gradient(
center bottom,
#ffffff 20%,
#e9e9e9 70%
);
border-color: #d1d1d2 #d1d1d2 #fff #fff;
color: #000;
}
#RightSide .tabContainer {
padding: 10px 0 0;
}
#RightSide .tabContainer div{
display: none;
}
#RightSide .tabContainer div.active{
display: block;
}
#RightSide ul {
list-style: square outside none;
padding-left: 16px;
}
.moreLessControls {
display: block !important;
padding-top: 15px;
padding-left: 10px;
}
.moreLessControls span, .moreLessControls .showAll{
background: url("../../client/imgs/sprites/more_less_button.png") no-repeat scroll right top transparent;
cursor: pointer;
float: left;
padding-left: 20px;
margin-right: 10px;
padding-left: 20px;
}
.moreLessControls .showMore {
background-position: 0 0;
}
.moreLessControls .showLess {
background-position: 0 -22px;
}
.moreLessControls .showAll {
background-position: 0 -46px;
}
/* LeftNav Styles begin */
#LeftNav {
background: url("../../client_new/imgs/leftNav_divider.gif") no-repeat scroll right top transparent;
border-style: none;
float: left;
margin: 0;
padding: 10px 0 0;
width: 182px;
height: 100%;
}
.noNav #LeftNav {
display: none;
}
#ecommerceFooter,
#accountFooter,
#MyWatersAJAXContent {
display: none;
}
#LeftNav.wrapLinks {
/*margin-left: .9em;
text-indent: -.8em;
padding: 0px 12px 7px 24px;
margin: 0px;
line-height: 14px;*/
background: url("../../client_new/imgs/leftNav_divider.gif") repeat-y scroll 181px 0px transparent;
border-style: none;
float: left;
margin: 0 10px 0 0;
position: relative;
width: 182px;
}
#LeftNav p {
font-weight: bold;
margin: 0;
padding: 0 0px 3px 0px;
}
#LeftNav a {
color: #000000;
}
#LeftNav .selParent, .selChild
{
background-color: #336699;
color: #FFFFFF;
margin: 0px;
padding: 4px 0px 0px 0px;
vertical-align: middle
}
#LeftNav .selParent a {
color: #FFFFFF;
font-weight: bold;
}
#LeftNav .selChild a {
color: #FFFFFF;
font-weight: normal;
}
#LeftNav .sub a {
font-weight: normal;
}
/* LeftNav Styles end */
/* RightNav Styles */
#RightNav {
/*background: url("../../client_new/imgs/leftNav_divider.gif") repeat-y scroll 0px 0px #FFF;*/
float: right;
padding: 0 0 0 15px;
margin: 0px 0px 0px 15px;
position: relative;
text-align: left;
width: 160px;
z-index: 10;
}
#RightNav ul {
float: right;
text-align: left;
}
#RightNav .descWideQuick p{
margin: 6px 0;
}
#RightNav .chatOnline {
background: url("../../client_new/imgs/chat_box.jpg") no-repeat scroll transparent;
color: #000000;
font: normal 1em/1.2em Arial,Verdana,Helvetica,sans-serif;
height: 70px;
padding: 20px 0px 0px 20px;
text-align: left;
width: 155px;
}
#RightNav .chatOnline a {
color: #000000;
font-weight: bold;
padding: 5px 0 0 0;
}
#RightNav .productBlock {
background: url("../../client_new/imgs/rightNav_divider.gif") no-repeat scroll right top transparent;
padding: 10px 17px 10px 3px;
}
#RightNav .first {
background: none;
padding: 10px 17px 10px 3px;
}
#RightNav .productBlock p{
margin: 0;
}
#RightNav .thumbSmall {
padding: 0;
width: 63px;
}
#RightNav .thumbMed {
float: left;
padding: 0;
width: 158px;
}
#RightNav .desc{
float: right;
padding: 10px 0 0 0;
width: auto;
}
#RightNav img{
width: 158px;
}
#RightNav.home img{
width: 260px;
}
#RightNav .pTitle h3{
color:#666666;
font-size:15px;
font-weight: bold;
margin-top:8px;
}
#RightNav h3 {
color: #000;
font-size: 18px;
font-weight: bold;
}
.rightNavSection {
background: url("../../client/imgs/backgrounds/bg-curve.png") top left no-repeat;
/*min-height:150px;*/
padding:10px 0px 10px 10px;
}
.rightNavSection p {
margin:0;
padding:4px 0px 0px 0px
}
.rightNavLinks {
font-size:11px
}
/* RightNav Styles end */
#subHead {
background-color: #fff;
margin-left: 185px;
padding-left: 15px;
padding-bottom: 10px;
text-align: left;
}
#subHead h1 {
margin-top: 10px;
}
/* Industry Page Specific */
ul#promotions li.panel {
display: none;
position: absolute;
}
ul#promotions li.panel.activePage {
display: block;
}
ul#promotions .promoItem {
clear: none;
cursor: pointer;
float: left;
height: 63px;
padding-right: 10px;
width: 285px !important;
}
/* Breadcrumb bar styles */
#Breadcrumb {
margin: 0 0 0 0px;
padding: 17px 0 10px;
}
.noNav #Breadcrumb {
margin: 0;
}
#Breadcrumb a {
color: #336699;
font: normal normal 0.9em/1em Arial,Verdana,Helvetica,sans-serif;
}
#Breadcrumb .text {
color: #999999;
font: normal normal 0.9em/1em Arial,Verdana,Helvetica,sans-serif;
}
/* Breadcrumb bar styles end */
.richContentWide {
width: auto;
overflow: hidden;
width: 715px;
}
/* Home Styles */
#MainBody.home{
padding-left: 28px;
}
#MainBody.home #Home {
display: block;
float: left;
width: 586px;
}
#MainBody.home #Home .productBlock{
clear: both;
}
#MainBody.home #Home .thumbSmall.l,
#MainBody.home #Home .thumbMed.l{
float: left;
padding-right: 10px;
}
#MainBody.shoppingCart {
min-height: 500px;
padding-bottom: 300px; /* this is for the icon hover image */
}
#RightNav.home{
width: 280px;
}
/* Home Styles end */
#contacts ul {
list-style: none;
}
#contacts li {
margin: 15px 0;
}
#contacts li a:active,
#contacts li a:visited,
#contacts li a:hover,
#contacts li a {
color: #666666;
font: bold normal 1em/1em Arial,Verdana,Helvetica,sans-serif;
}
#contacts .bullet {
background: url("../imgs/bullet_rtNav.gif") no-repeat scroll 0 0 transparent;
padding-left: 20px;
margin: 10px 0;
}
.FloatContentBody {
width:720px !important;
float:left;
}
.noRightNav .FloatContentBody {
width:100%;
}
.noRightNav #ContentBody {
float:left;
width:720px;
}
#ContentBody {
min-height: 400px;
width: 542px;
float: left;
}
#ContentBody.auto, #ContentBody.FloatContentBodyShort {
width: 100% !important;
}
#ContentBody.centerColumn, #ContentBody.auto.centerColumn {
float: left;
width: 533px !important;
}
#ContentBody.questions {
float: left;
padding-top: 10px;
width: 720px !important;
}
#ContentBody.shopLanding {
float: left;
padding-top: 10px;
width: 720px !important;
}
.shoppingCart .noNav #ContentBody,.shoppingCart #ContentBody {
width: auto;
}
.noNav #ContentBody.twoColLayout, #ContentBody.twoColLayout, .noNav #ContentBody.tableView, .shoppingCart #ContentBody.twoColLayout {
width: 720px;
}
.noRightNav #ContentBody.tableView {
width:720px;
}
.noNav #ContentBody.hasFacet {
width: 720px !important;
}
#ContentBody.tableView {
padding-bottom: 300px;
overflow: hidden;
width: 720px;
}
#ContentBody.twoColLayout.irequest {
float: left;
margin-top: 10px;
}
#ContentBody.threeColLayout {
width: auto;
}
.noNav #ContentBody {
margin: 0;
/*width: 731px; old value not working with #RightSide*/
width: 720px; /*was 590px, this may cause other pages to slide down from the float */
float: left
}
#BannerImage {
overflow: hidden;
padding: 10px 0;
}
#BannerImage.limitsize img {
width: 710px;
}
#GenericAboutWaters{
zoom: 1;
overflow: hidden;
}
#eAppNotebook{
zoom: 1;
overflow: hidden;
}
/* SITEMAP STYLES */
#SiteMap {
background: url("../imgs/countrySelectorBk.jpg") no-repeat bottom;
}
#SiteMap .content {
padding: 30px 0px 0px 45px;
float: left;
}
#SiteMap .title {
color: #666666;
font-size: 1.6em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#SiteMap .list {
width: 858px;
border: 1px solid #999999;
background: url("../imgs/courseHeaderBK.jpg") top left repeat-x;
}
#SiteMap .list .sectionHead {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
/*background: url("../imgs/courseHeaderBK.jpg") top left repeat-x;
*/padding: 3px 0px 3px 6px;
vertical-align: middle;
}
#SiteMap .expandIcon {
float: left;
background: url("../imgs/expanded.gif") 0px 2px no-repeat;
padding: 4px 6px 1px 0px;
height: 15px;
width: 15px;
}
#SiteMap .collapseIcon {
float: left;
background: url("../imgs/collapsed.gif") 0px 4px no-repeat;
padding: 4px 6px 1px 0px;
height: 20px;
width: 20px;
}
#SiteMap .list .sectionHead span {
float: right;
padding: 0 10px 0 0;
}
#SiteMap .links .ind1 li {
margin-left: 0px;
}
#SiteMap .links .ind2 li {
margin-left: 20px;
}
#SiteMap .links .ind3 li {
margin-left: 40px;
}
#SiteMap .links .ind4 li {
margin-left: 60px;
}
#SiteMap .links .ind5 li {
margin-left: 80px;
}
#SiteMap .links {
border-color: -moz-use-text-color #999999 #999999;
border-style: solid;
border-width: 0 1px 1px;
display: none;
margin: 0 auto;
padding: 5px 0 0 26px;
visibility: hidden;
}
#SiteMap .links .colWrapper{
right: 50%;
}
#SiteMap .links .wrapLinks {
line-height: 14px;
margin: 0 0 0 .9em;
float: left;
padding: 0px 12px 7px 24px;
text-indent: -.8em;
width: 320px;
}
#SiteMap p {
color: #336699;
margin: 6px 0 0 1.3em;
padding: 0px;
text-indent: -1.3em;
}
/* SITEMAP STYLES END */
/* Button Styles begin */
#ButtonRightNav {
padding: 0px 0px 8px 0px;
width: 145px;
}
#ButtonRightNav a {
background: url("../../client_new/imgs/buttonRightNav_left.png") no-repeat transparent;
color: #FFFFFF;
display: block;
padding: 0px 0px 0px 5px;
}
#ButtonRightNav a span{
background: url("../../client_new/imgs/buttonRightNav_right.png") no-repeat right top transparent;
display: block;
padding: 2px 0px 3px 6px;
}
#ButtonForm {
display: inline;
}
#ButtonForm a {
background: url("../../client_new/imgs/buttonForm_left.png") no-repeat transparent;
color: #FFFFFF;
padding: 6px 0 12px 7px;
}
#ButtonForm a span{
background: url("../../client_new/imgs/buttonForm_right.png") no-repeat right top transparent;
padding: 6px 13px 12px 6px;
}
/* Button Styles end */
.thumbLarge{
float: left;
margin: 5px 17px 5px 0;
width: 180px;
}
.descOverview{
margin-left: 200px;
padding-top: 0px;
}
.descOverviewWide {
width: 550px;
padding-top: 2px;
}
.descOverviewTabbed{
width: 550px;
padding-top: 2px;
}
.descOverviewTabbedAuto {
width: auto;
}
.descOverviewWideTabbed {
width: 720px;
padding-top: 2px;
}
.userDefinedWidthOverride{
width: 550px;
}
.userDefinedWidthOverrideWide {
width: 720px;
}
a.quickLink, a.quickLink visited, a.quickLink hover {
font-weight: bold;
line-height: 1.9em;
}
.productSubSection {
display: none;
margin: 0 0 0 6px;
}
/* Product Tab Styles */
#ProductTabs {
margin: 0;
padding: 0;
}
.productSnapshotDetailsTable {
margin:0;
width:720px;
overflow:hidden;
zoom:1;
position:relative;
}
.productSnapshotDetailsTable td {
border:0;
overflow:hidden;
line-height:20px;
font-size:12px;
margin:0;
padding:0px 15x 0px 0px
}
.productSnapshotDetailsTable td h2 {
width:100%;
text-overflow: ellipsis;
white-space: wrap;
overflow: hidden;
}
/* inner table styles */
.productSnapshotDetailsTable .TableOutlined {
/* font-size: .9em;*/
margin: 4px 0px 0px 0px;
border-collapse: collapse;
line-height: 2.5ex;
}
.productSnapshotDetailsTable table.TableOutlined td {
vertical-align: top;
text-align: left;
border: 1px solid #6183c0;
padding: 5px;
background: #FFFFFF;
}
.productSnapshotDetailsTable .TableNoLines {
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0px;
line-height: 2.5ex;
}
.productSnapshotDetailsTable table.TableNoLines td {
vertical-align: top;
text-align: left;
background: #FFFFFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 0px;
}
.productSnapshotDetailsTable table.TableOutlined td table.TableNoLines td {
border: none;
padding: 4px;
}
#ProductTabs .tabProductContent h2 {
color: #525252;
font-size: 1.3em;
width:352px;
margin:0px 15px 0px 0px;
padding:0
}
#ProductTabs .hidden {
display: none;
}
#ProductTabs ul.tabsContainer {
list-style: none outside none;
overflow: hidden;
margin: 0 0 10px 0;
padding: 1px 0 0 0;
}
#ProductTabs ul.tabsContainer li {
background: #CCDFE6;
color: #000000;
cursor: pointer;
display: inline;
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
float: left;
line-height: 16px;
margin: 1px;
padding: 5px;
position: relative;
text-align:center
}
#Home #ProductTabs .tabsContainer li{width:22%}
#ProductTabs ul.tabsContainer li.active{
background-color: #00608A;
color: #FFFFFF;
}
#ProductTabs ul.tabsContainer li.notActive{
background-color: #CCDFE6;
color: #000000;
text-decoration: none;
}
/* styles for subsection links */
#ProductTabs .active {
color: #000000;
}
#ProductTabs .notActive {
color: #336699;
margin: 0 0 0 5px;
}
#ProductTabs .notActive a:visited {
font-weight: normal !important;
}
#PartPageTabs .desc {
width: 500px;
padding-top: 12px;
padding-left: 20px;
padding-right: 12px;
}
html>body #PartPageTabs .desc {
width: 468px;
}
#PartPageTabs .descMed {
width: 655px;
padding-top: 12px;
padding-left: 20px;
}
html>body #PartPageTabs .descMed {
width: 635px;
padding-top: 15px;
padding-left: 20px;
}
#PartPageTabs .descOverviewWide {
width: 740px;
}
/*
#ProductTabs li div {
background: url(tab_prod.gif) no-repeat 0 0px transparent;
padding-left: 10px;
}
#ProductTabs li.active,
#ProductTabs li:hover {
background-position: 100% -104px;
}
#ProductTabs li.active div,
#ProductTabs li:hover div {
background-position: 0 -36px;
}*/
/* Product Tab Styles End */
/* Facet Bar Styles */
#FacetInfo {
margin: 10px 0 5px 0;
padding: 0;
line-height: 16px;
font: 11px Verdana;
}
#FacetInfo .infoHeader {
float: left;
font-weight: bold;
margin: 0 10px 0 0;
}
#FacetInfo .filtersContainer {
float: left;
margin: 0 0 5px 0;
padding: 0;
width: 60%;
}
#FacetInfo .clearFilter {
text-align: left;
}
#FacetInfo .clearAll {
text-align: right;
float: right;
}
#FacetInfo .clearX {
font-weight: normal;
color: #000000;
background: url("../../client_new/imgs/icon_x.gif") no-repeat right center transparent;
height: 14px;
line-height: 14px;
padding: 0 20px 1px 0;
text-decoration: none !important;
}
#FacetBarContainer {
background: url("../../client_new/imgs/facetBar_leftCap.png") no-repeat transparent;
height: 32px;
margin: 5px 0 15px 0;
padding: 0 0 0 8px;
}
#FacetBarContainer .rightCap {
background: url("../../client_new/imgs/facetBar_rightCap.png") no-repeat right top transparent;
padding: 0 8px 0 0;
}
#FacetBar {
background: url("../../client_new/imgs/facetBar_hDivider.gif") repeat 0 0 #99BED0;
display: inline-block;
list-style: none outside none;
margin: 0 0 10px;
padding: 0;
width: 100%;
z-index: 9;
}
.auto.hasFacet #FacetBar, .tableView #FacetBar {
width: 715px;
}
#FacetBar a {
color: #000000;
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; /*width: 10em;*/
}
#FacetBar li.l2 {
background: url(../../client_new/imgs/facetBar_arrow_off.png) no-repeat right 50% transparent;
border-color: #99BED0 #FFFFFF #FFFFFF #99BED0;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline;
float: left;
height: 28px;
line-height: 30px;
margin: 0;
padding: 0px 21px 0 15px;
position: relative;
z-index: 99
}
#FacetBar li.l2 li{
min-height: 15px;
line-height: 10px;
padding: 3px 0;
}
#FacetBar li.l2 a.head {
height: 30px;
padding: 0;
margin: 0;
}
#FacetBar li.l2:hover, #FacetBar li.l2.iehover {
background: url(../../client_new/imgs/facetBar_arrow_on.png) no-repeat right 50% #478CA9;
color: #FFFFFF;
}
#FacetBar li.l2.iehover a.head:hover, #FacetBar li.l2.iehover a.head2Line:hover {
background-color: #478CA9;
color: #FFFFFF;
}
html>body #FacetBar li.l2 a.head:hover {
background-color: #478CA9;
color: #FFFFFF;
}
#FacetBar li.l2over {
background-color: #478CA9;
color: #FFFFFF;
z-index: 999;
}
#FacetBar li.l2over a.head {
color: #FFFFFF;
height: 30px;
list-style: none;
z-index: 999;
}
#FacetBar li.l2 .dropDownBlock{
border: 1px solid #478CA9;
display: none;
left: -1px;
margin: 0;
position: absolute;
top: 29px;
z-index: 999;
-moz-box-shadow: 0.4em 0.4em 1em -0.2em black;
-webkit-box-shadow: 0.4em 0.4em 1em -0.2em black;
box-shadow: 0.4em 0.4em 1em -0.2em black;
}
#FacetBar li.l2 .scrollBlock{
height: 300px;
overflow: hidden;
background-color: white;
min-width: 200px;
padding: 0;
z-index: 999;
}
#FacetBar li ul.l2_sub {
background-color: #FFFFFF;
border: 1px solid #478CA9;
margin: 0;
position: absolute;
z-index: 1;
}
#FacetBar .menuItem {
background-color: #FFFFFF;
clear: both;
color: #000000;
font-size: 10px;
display: block;
overflow: hidden;
padding: 0px 0px 0px 0px;
_padding: 5px 0 4px 0px;
text-align: left;
text-indent: 10px;
white-space: nowrap;
z-index: 1;
}
#FacetBar .menuItem:hover {
background-color: #8CA8D0;
}
li.menuItemExpandable{
background: url("../../client_new/imgs/facetBar_arrow_off.png") no-repeat scroll right 6px #99BED0;
}
li.menuItemExpandable div{
color: #000;
margin-right: 20px;
text-indent: 8px;
}
li.menuItemExpandable:hover, li.menuItemExpandable.expanded{
background: url("../../client_new/imgs/facetBar_arrow_on.png") no-repeat scroll right 6px #478CA9;
}
li.menuItemExpandable:hover div, li.menuItemExpandable.expanded div{
color: #fff;
}
li.menuItemExpandable ul {
display: none;
}
li.menuItemExpandable.expanded ul {
display: block;
}
/*
#FacetBar .menuItem a {
color: #000000;
font-size: 10px;
height: 16px;
line-height: 16px;
padding: 5px 0px 0px 10px;
_padding: 5px 0 4px 10px;
}
#FacetBar .menuItem a.itemOn {
font-weight: bold;
background-color: #8CA8D0;
}
*/
#FacetBar .menuI2 {
background-color: #fff;/*#99BED0;*/
clear: both;
color: #000;
list-style: disc inside none;
padding-right: 10px;
text-align: left;
text-indent: 10px;
white-space: nowrap;
}
/*
#FacetBar .menuI2 a {
background: url(../imgs/dropdown_dot2.gif) no-repeat left top #E2E9F3;
color: #000000;
height: 16px;
padding: 5px 0 0 18px;
_padding: 5px 0 4px 18px;
}
*/
#FacetBar .menuI2:hover {
background-color: #8CA8D0;
}
#FacetBar .arrows {
background: url(../../client_new/imgs/facetBar_arrowsBG.gif) repeat-x transparent;
clear: both;
height: 20px;
margin: 0;
padding: 0;
width: 100%
}
#FacetBar .arrows .noscrollleft {
float: left;
/*
background-color: #FFFFFF;
background: url(../imgs/menu_noscroll_left.gif) no-repeat left;
*/
width: 64px;
height: 20px;
margin: 0;
padding: 0;
width: 50%
}
#FacetBar .arrows .noscrollright {
float: right;
/*
background-color: #FFFFFF;
background: url(../imgs/menu_noscroll_right.gif) no-repeat left;
*/
width: 64px;
height: 20px;
margin: 0;
padding: 0;
width: 50%
}
#FacetBar .arrows .up {
float: left;
background: url(../../client_new/imgs/facetBar_arrowUp.gif) no-repeat center 8px transparent;
width: 64px;
height: 20px;
text-align: left;
margin: 0;
padding: 0;
cursor: pointer;
width: 50%
}
#FacetBar .arrows .up:hover {
float: left;
background: url(../../client_new/imgs/facetBar_arrowUp.gif) no-repeat center 8px #95AFD3;
width: 64px;
height: 20px;
text-align: left;
margin: 0;
padding: 0;
cursor: pointer;
width: 50%
}
#FacetBar .arrows .down {
float: right;
background: url(../../client_new/imgs/facetBar_arrowDown.gif) no-repeat center 8px transparent;
width: 64px;
height: 20px;
text-align: left;
margin: 0;
padding: 0;
cursor: pointer;
width: 50%
}
#FacetBar .arrows .down:hover {
float: right;
background: url(../../client_new/imgs/facetBar_arrowDown.gif) no-repeat center 8px #95AFD3;
width: 64px;
height: 20px;
text-align: left;
margin: 0;
padding: 0;
cursor: pointer;
width: 50%
}
#FacetBar li ul, #FacetBar li.sfhover ul {
/* lists nested under hovered list items for ie */
left: auto;
padding: 0px;
/*margin: 21px 0px 0px -65px;*/
}
.course, .course .courseLinks{
clear: both;
}
.course, .course .courseLinks, .course span{
line-height: 20px;
}
.courseLinks {
float: right;
margin: 0 0 0 0;
width: 175px;
}
.courseLinks a{
font-size: 12px;
}
.register {
float: right;
}
.details {
float: left;
}
html>body #FacetBar li ul, html>body #FacetBar li.sfhover ul {
/* lists nested under hovered list items for non-ie */
left: auto;
padding: 0;
/* margin: 0px 0px 0px -15px;*/
z-index: 100;
}
/*===== Drop Down Menus : End = ===========*/
.short {
width: 730px;
}
.long {
width: 864px;
}
/* Product Styling begin */
#Products, .product {
/* float: left; */
padding: 8px 0;
overflow: hidden;
position: relative;
}
.ajaxWidth {
width: 546px;
}
.ajaxWidthWide {
width: 720px;
}
.listPageWidth {
/*width: 546px; */
width:auto;
}
.listPageWidthWide {
width: 720px;
float: left
}
table .product{
width: auto;
}
.sparePartsTable table {
width: 100%;
clear: both
}
.noNav #Products {
width: auto;
}
#Products .thumbSmall, .product .thumbSmall{
float: left;
height: 63px;
padding: 0 10px 0 0;
width: 63px;
}
#Products .descriptionNoImage {
width: 546px;
}
.noNav #Products .descriptionNoImage {
width: auto;
}
#Products .descriptionWithImage {
margin: 0;
vertical-align: top;
}
#Products .descriptionWithImage img {
float: left;
height: 63px;
padding: 0 10px 0 0;
width: 63px;
}
#Products .descriptionNoImageWide {
width: 100%;
}
/* Product styling end */
/*
#FacetBar li:hover > ul {
background-image: none;
display: block;
}
#FacetBar li div {
background: url("../imgs/tab_prod.gif") no-repeat 0 0px transparent;
padding-left: 10px;
}
#FacetBar li.active,
#FacetBar li:hover {
background-position: 100% -104px;
}
#FacetBar li.active div,
#FacetBar li:hover div {
background-position: 0 -36px;
}
*/
/* Facet Bar Styles End */
.subPageLinks {
margin: 0 auto;
}
.subPageLinks td {
color: #435AA0;
cursor: pointer;
font-size: 1.1em;
font-weight: normal;
margin: 0;
padding: 5px 10px 0;
}
.subPageLinks .active {
color: #000;
}
#Footer {
background: transparent;
clear: both;
color: #687b86;
margin: 30px 0 35px;
padding: 0;
text-transform: uppercase;
width: 950px;
}
#Footer a {
color: #4E4E4F;
font-size: 9px;
padding: 0 30px 0 0;
}
#overlay {
background: url("../imgs/overlay_bg.gif") repeat-x 0 0;
clear: both;
display: none;
font: normal normal 10px Verdana;
height: 600px;
margin: 0;
padding: 0 0 0 56px;
position: absolute;
width: 880px;
z-index: 10;
}
.itemList {
height: 68px;
overflow: hidden;
}
/* Pagination Styles */
#paginationForm1 {
margin:0px;
padding:0px;
}
#Pagination {
display: block;
padding: 0px 0 10px 0;
font-size: .9em;
clear: both;
}
#Pagination .resultsText {
display: inline;
font-weight: normal;
}
#Pagination .gotoPage {
float: right;
font-weight: normal;
width: 200px;
text-align: right
}
#Pagination select {
color: #666666;
font-size: 1.0em;
}
/* Pagination styles end */
/* FORMS STYLES */
input {
margin: 0 0 5px 0;
}
input[type="text"] {
border: 1px solid #999999;
font-size: 1.0em;
height: 16px;
margin: 0 0 5px 0;
vertical-align: bottom;
}
.inputBox {
border: 1px solid #999999;
font-size: 1.0em;
height: 20px;
margin: 0 0 5px 0;
width: 275px;
}
/*
#userMktingForm input[type="text"]{
border: 1px solid #999999;
font-size: 1.0em;
height: 18px;
margin: 0 0 5px 0;
width: 275px;
vertical-align: bottom;
}
*/
#userMktingForm select {
border: 1px solid #999999;
margin: 0 0 5px 0;
width: 275px;
vertical-align: bottom;
padding-top: 2px;
}
input[type="checkbox"] {
width: 13px;
height: 13px;
padding: 0;
margin: 0;
position: relative;
top: -1px;
*overflow: hidden;
}
#userMktingForm .inputWithLabelAlign {
width: 800px;
}
#userMktingForm .inputLabel {
width: 220px;
display: inline-block;
}
#changeSupportPlanForm .inputLabel {
width: 340px;
display: inline-block;
}
#changeSupportPlanForm .inputNoLabelAlign {
clear: left;
padding: 0 0 0 350px;
}
#changeSupportPlanForm .inputBox {
width: 200px;
display: inline-block;
}
#userMktingForm .inputBox {
width: 275px;
display: inline-block;
}
.inputWithLabelAlign {
}
.inputNoLabelAlign {
clear: left;
padding: 0 0 0 229px;
}
.inputBox {
border: 1px solid #999999;
font-size: 1.0em;
height: 20px;
margin: 0 0 5px 0;
width: 275px;
}
#inputBox {
border: 1px solid #999999;
font-size: 1.0em;
height: 20px;
margin: 0 0 5px 0;
width: 275px;
}
.inputBoxLarge {
border: 1px solid #999999;
height: 100px;
margin: 0 0 5px 0;
width: 275px;
}
.inputLabel {
display: inline-block;
line-height: 16px;
padding: 2px 5px 7px 0;
text-align: right;
width: 220px;
}
.labelTitle, .labelTitleBold {
font: normal 1.1em/20px Arial,Verdana,Helvetica,sans-serif;
padding: 0 5px 0 0;
}
.labelTitleBold {
color: #999999;
float: left;
font-weight: bold;
text-align: right;
width: 220px;
}
.inputLabelLong {
vertical-align: top;
width: 250px;
}
.inputFormBlock {
display: block;
float: left;
}
.checkbox {
float: left;
text-align: right;
width: 150px;
}
input.errorInput {
border: 2px solid #FF0000;
width: 273px;
}
select {
border: 1px solid #3D7BAB;
font-size: 1.0em;
}
#cartCountrySelect {
border: 1px solid #3D7BAB;
font-size: 1em;
margin: 0 5px 0 0;
}
select.errorInput {
border: 2px solid #FF0000;
}
.sTermsForm {
/*float: left;*/
margin: 3px 12px 0 0 ;
}
.twoButtonBar {
padding: 0px 10px 0px 154px;
width: 278px;
}
/* FORMS STYLES END */
/* Compound Search Styles begin */
.eapp {
border: 1px solid #333;
float: left;
margin: 0;
padding: 5px;
}
.eapp a:link, .eapp a:active, .eapp a:visited, .eapp a:hover {
float: left;
font-weight: bold;
margin: 0;
padding: 5px 8px 5px 8px;
}
.eapp .nolink {
float: left;
padding: 5px 8px 5px 8px;
}
.letters {
margin: 5px 0 20px 0;
text-align: right;
width: 100%;
}
.letters a.expand:link, .letters a.expand:active, .letters a.expand:visited, .letters a.expand:hover {
margin: 5px 15px 0 0;
}
.letters ul.parent {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
text-align: left;
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
height: 450px;
overflow: auto;
}
/* Compound Search Styles end */
/* Shopping Cart Styles */
#Cart {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 100%;
border-collapse: collapse;
}
#Cart .qty, .qty {
text-align: right;
width: 25px;
}
#Cart td {
font-size: 1em;
border: 1px solid #EBEBEB;
padding: 3px 7px 2px 7px;
}
#Cart th {
background-color: #EBEBEB;
color: #000;
font-size: 1.1em;
font-weight: normal;
text-align: left;
padding: 5px 7px 4px 7px;
}
#Cart .number {
text-align: right;
}
#Cart .icon {
height: 100%;
}
.cartButtonsContainer {
display: block;
margin: 20px 0 0 0;
}
.cartButtonsContainer .leftAlignBlock {
margin: 3px 0 0 0;
float: left;
text-align: left;
}
.cartButtonsContainer .rightAlignBlock {
text-align: right;
}
.cartCountryDropdownContainer {
display: block;
margin: 20px 0 0 0;
}
.cartCountryDropdownContainer .leftAlignBlock {
margin: 3px 0 0 0;
float: left;
text-align: left;
}
.cartCountryDropdownContainer .rightAlignBlock {
text-align: right;
}
/* Shopping Cart Styles end */
/* Order Center Styles */
#OrderCenter {
width: auto;
overflow: hidden;
padding: 0 17px 0 0;
}
#OrderCenter .orderHeader {
color: #666666;
font-size: 1.6em;
padding: 0 0 5px 0;
}
#OrderCenter table tr {
color: #000;
font-size: 11px;
line-height: 15px;
padding: 0 0 10px 0;
}
#OrderCenter table tr .headerRow {
color: #000;
font-size: 11px;
line-height: 15px;
padding: 0 0 10px 0;
}
#OrderCenter table td {
color: #000;
font-size: 11px;
line-height: 15px;
padding: 0 0 10px 0;
}
#OrderCenter .landingNavBox {
background-color: #E6EFF4;
display: block;
margin: 20px 0;
padding: 10px;
zoom: 1;
}
#OrderCenter .landingNavBox a{
font-weight: normal;
}
#OrderCenter .navColumns {
float: left;
margin: 0 1%;
width: 23%;
}
#OrderCenter .navColumns ul li{
margin: .5em 0;
}
#OrderCenter .landingPromotionBlock {
display: block;
float: left;
width: 710px;
}
#OrderCenter .landingPromotionColumns {
background: url("../../client_new/imgs/promotionDivider.gif") no-repeat right top;
float: left;
width: 33%;
}
#OrderCenter > #UserGoals .productDivider {
float: left;
margin: 0 40px;
}
#OrderCenter > #UserGoals .productColumns{
display: block;
float: left;
padding: 20 0px;
width: 158px;
}
/* Order Center Styles End */
/* Checkout styles begin */
#CheckOut {
width: auto;
}
#CheckOut .progressContainer, .progressContainer {
font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
padding: 20px 0 30px 0;
text-align: center;
}
#CheckOut .progressBox, .progressBox {
border: 1px solid #999999;
color: #000000;
display: inline;
margin: 0 10px;
padding: 5px;
text-align: center;
}
#CheckOut .progressBoxActive, .progressBoxActive {
background-color: #999999;
border: 1px solid #999999;
color: #FFFFFF;
display: inline;
margin: 0 10px;
padding: 5px;
text-align: center;
}
#CheckOut .progressBox .progressText,
#CheckOut .progressBox .progressTextActive,
.progressBox .progressText,
.progressBox .progressTextActive {
color: #000000;
font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
text-align: center;
}
#CheckOut .progressBox .progressTextActive,
.progressBox .progressTextActive {
color: #FFFFFF;
}
#CheckOut .addressContainer {
clear: left;
padding: 10px 0;
width: auto;
}
#CheckOut .addressContainer .addressBlock {
display: inline;
float: left;
padding: 0 5px;
}
#CheckOut .addressContainer .addressBlock input{
vertical-align: top;
margin-top: 2px;
}
#CheckOut .addressContainer .addressBlock .addressBlockText {
padding: 0 5px;
display: inline-block;
}
#CheckOut .twoColumnBlock {
clear: left;
display: block;
padding: 15px 0;
width: auto;
}
#CheckOut .leftColumn{
display: block;
float: left;
padding: 5px 0;
text-align: left;
width: 50%;
}
#CheckOut .rightColumn, #CheckOut .rightColumnAlignRight {
display: block;
float: right;
padding: 5px 0;
text-align: left;
width: 50%;
}
#CheckOut .rightColumnAlignRight {
text-align: right;
}
#CheckOut .rightAlignBlock {
display: block;
float: right;
text-align: right;
}
#CheckOut .indentedText {
text-indent: 15px;
}
#CheckOut .specialInstText {
width: 700px;
height: 80px;
word-wrap: break-word;
}
#CheckOut .noteText {
font: normal 0.9em Arial, Helvetica, sans-serif;
}
#CheckOut .largeText {
font: normal 1.3em Arial, Helvetica, sans-serif;
}
#CheckOut .thankYouBox {
background-color: #E5E5E5;
border: 1px solid #999999;
color: #000000;
margin: 10px 0px;
padding: 5px;
}
/* Checkout Styles end */
/* User Goals begin */
#UserGoals {
padding: 10px 0 0 0;
width: 100%;
}
#UserGoals .productColumns{
display: block;
float: left;
width: 158px;
min-height: 160px;
padding: 0px 18px 0px 0px;
}
#UserGoals .productColumns p{
margin: 0;
}
#UserGoals .productBlock {
float: left;
padding: 0;
}
#UserGoals .descriptionWithImage {
margin: 0;
vertical-align: top;
}
.goalsLinkTitle {
font-weight: bold;
text-transform: uppercase;
}
#UserGoals .productDivider {
float: left;
margin: 0;
}
#UserGoals .thumbmed {
padding: 0;
width: 158px;
}
/* User Goals end */
#ACS .acsHeader {
color: #666666;
font-size: 1.6em;
padding: 0 0 5px 0;
}
#ACS .acsText {
color: #000;
font-size: 11px;
line-height: 15px;
padding: 0 0 10px 0;
}
#ACS .acsLinkBlock {
margin: 70px 0 50px 0;
}
#ACS ul li {
list-style: square inside none;
}
#ACS form {
font-size: .9em;
}
#ACS form label {
color: #000000;
padding: 2px 5px 0 0;
}
#ACS form select {
margin: 0 0 5px 0;
width: 277px;
}
#ACS .acsLoginRemember {
padding: 0 0 0 150px;
width: 282px;
}
#ACS .acsSubmit {
width: 291px;
}
.acsSubmit button{
float: right;
margin-right: 14px;
}
/* 2 column layouts */
.acs2Column {
clear: both;
float: left;
width: 850px; /* width of whole page */
overflow: hidden; /* This chops off any overhanging divs */
}
.colright,
.colleft {
float: left;
width: 100%;
position: relative;
}
.col1,
.col2 {
float: left;
position: relative;
overflow: hidden;
}
.acs2Column .colleft {
right: 50%; /* right column width */
}
.acs2Column .col1 {
left: 50%; /* right column width plus left column left padding */
text-align: right;
}
.acs2Column .col2 {
left: 50%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* List Page Layout Styles begin (News, Library, Event, Job, Parts, Support, education) */
.summaryLabelAlignLeft {
float: left;
width: 60%;
}
.summaryTitleAlignRight {
color: #333333;
float: left;
font: bold 10px Verdana;
height: 16px;
line-height: 16px;
margin: 0 5px 0 0;
text-align: right;
width: 30%;
}
.summaryTitle {
color: #333333;
font: bold 10px Verdana;
height: 16px;
line-height: 16px;
}
a.supportLinkHeading {
font-size: 13px;
line-height: 25px;
}
.priceQuantity {
margin: 10px 0;
}
/* List Page Layout Styles end */
/* 2 column layout end */
.favoritesLinksBlock, .chooseCorpAccountBlock {
clear: left;
display: block;
padding: 0 0 10px 0;
}
.favoritesLinksBlock .leftColumn, .chooseCorpAccountBlock .leftColumn {
display: block;
float: left;
padding: 0px 10px 10px 0;
text-align: left;
}
/* STYLES TO SUPPORT ERROR MESSAGING ON FORMS */
/*#Error {
color: #FF0000;
font-weight: bold;
}
*/
#Error .errorBullet li, .errorBullet li {
list-style-type: square;
color: #FF0000;
margin-left: 16px;
}
#Error .errorBullet a:link, .errorText a:link {
color: #666666;
font-weight: normal;
text-decoration: underline;
}
#Error .errorBullet a:hover, .errorText a:hover {
color: #666666;
font-weight: normal;
text-decoration: underline;
}
#Error .errorBullet a:visited, .errorText a:visited {
color: #666666;
font-weight: normal;
text-decoration: underline;
}
#Error .errorText, .errorText {
color: #FF0000;
font-weight: bold;
}
#Error .errorInput {
border: 1px solid #FF0000;
width: 273px;
}
/* Button Styles - temporary */
a.buttonGr:link, a.buttonGr:visited, a.buttonGr:active, a.buttonGr:hover {
color: white;
cursor: pointer;
display: block;
float: right;
font-weight: bold;
white-space: nowrap;
}
.green {
background: url("../imgs/button_bg_green.gif") repeat-x top;
color: #FFFFFF;
height: 23px;
text-align: center;
}
.green .leftborder {
background: url("../imgs/button_borderleft_green.gif") repeat-y left;
height: 23px;
padding: 0 0 0 9px;
}
.green .rightborder {
background: url("../imgs/button_borderright_green.gif") repeat-y right;
height: 23px;
padding: 3px 9px 0 0;
vertical-align: middle;
}
/* Button Styles temp end */
/* THIS IS A TEMPORARY FIX PLEASE REMOVE */
table#RightNav {
float: right;
width: 200px;
}
#SearchResults {
padding: 15px 20px 0;
}
.SearchResults h3{
color: #004096;
cursor: pointer;
font-weight: bold;
padding: 0px;
}
.SearchResults form {
float: right;
white-space: nowrap;
}
.SearchResults li {
border-bottom: 1px solid #E5E5E5;
margin-left: 0;
padding: 10px;
}
h2.listHeader{
background: #126C98;
color: #ffffff;
margin: 10px 0 0;
padding: 5px 10px;
}
.productDescLink {
display: block;
margin-left: 20px;
width: 200px;
}
.icon {
float: left;
height: 15px;
padding: 0 5px 0 0;
width: 14px;
}
.SearchResults .icon{
float: left;
height: 15px;
padding: 0 5px 0 0;
width: 14px;
margin: 0px;
}
.SearchResults .icon .infohover, .icon .infohover {
background-color: #FFFFFF;
border: 1px solid #000000;
display: none;
height: auto;
padding: 5px;
position: absolute;
width: 600px;
z-index: 100;
}
.SearchResults .icon:hover .infohover, .icon:hover .HoverWindow {
display: block;
}
.HoverWindow img.productImage{
float: left;
padding: 0 10px 10px 0;
}
.infohover img{
float: left;
padding: 0px 5px 0px 0px;
}
.SearchResults .hazard {
float: left;
margin: 20px 0 0 -25px;;
position: relative;
width: 20px;
height: 20px;
}
.SearchResults .hazard .hazardhover {
background: none repeat scroll 0 0 white;
border: 5px solid #FF6000;
display: none;
height: auto;
padding: 20px;
position: absolute;
width: 600px;
z-index: 100;
}
.SearchResults .hazard:hover .hazardhover {
display: block;
}
.HoverWindow {
background-color: #FFFFFF;
border: 5px solid #C5E182;
display: none;
padding: 20px;
position: absolute;
max-width: 600px;
z-index: 9999;
}
.HoverWindow .title {
font-weight: bold;
padding: 10px 0 0 0;
}
.HoverWindow .overlayButtonBox {
padding: 10px 0 0 0;
}
.HoverWindow img {
float: left;
margin: 5px 5px 0px 0px;
}
.availability{
}
.availability .availabilityWindow {
background-color: #FFFFFF;
border: 5px solid #C5E182;
display: none;
padding: 20px;
position: absolute;
max-width: 400px;
z-index: 9999;
}
.termsAndConditions{
}
.termsAndConditions .termsAndConditionsWindow {
background-color: #FFFFFF;
border: 5px solid #C5E182;
display: inline-block;
padding: 20px;
top: 100px;
left: 100px;
max-width: 600px;
z-index: 9999;
}
.specifications{
}
.specifications .specificationsWindow {
background-color: #FFFFFF;
border: 5px solid #C5E182;
display: inline-block;
padding: 20px;
position: absolute;
top: 100px;
left: 100px;
max-width: 600px;
z-index: 9999;
}
#shoppingCartpopup {
background-color: #FFFFFF;
border: 5px solid #C5E182;
display: none;
padding: 20px;
position: absolute;
width: 393px;
z-index: 9999;
}
#PopupWindow {
background-color: #FFFFFF;
border: 5px solid #C5E182;
display: none;
padding: 20px;
position: absolute;
max-width: 600px;
z-index: 9999;
}
#PopupWindow .title {
font-weight: bold;
padding: 10px 0 0 0;
}
#PopupWindow .overlayButtonBox {
padding: 10px 0 0 0;
}
#AddToCartWindow {
background-color: #FFFFFF;
border: 5px solid #C5E182;
display: none;
padding: 20px;
position: absolute;
width: 393px;
z-index: 9999;
}
#AddToCartWindow .itemTitle {
font-weight: bold;
padding: 10px 0 0 0;
}
#AddToCartWindow .overlayButtonBox {
padding: 10px 0 0 0;
}
html>body #AddToCartWindow {
height: auto;
}
.jobDetails {
font-style: none;
}
.jobDetails span{
font-weight: bold;
}
.partDetails img.productImage{
float: right;
padding: 0 10px 10px 0;
}
.partDetails .description{
overflow: auto;
zoom: 1;
}
/*
.partDetails th{
background-color: #666666;
color: white;
border: white;
border-width: 1px;
border-style: solid;
}
.partDetails td{
background-color: white;
color: black;
border: black;
border-width: 1px;
border-style: solid;
}
*/
ul.tableListLayout{
width: 100%;
}
.tableListLayout li{
display: inline-block;
width: 49%;
}
.tableListLayout li.alt{
}
.tableListLayout h6{
cursor: pointer;
display: inline;
}
.tableListLayout h6.active{
margin: 0;
font-weight: bold;
}
.Subhead{
font-weight: bold;
}
/*SITE PREPARATION STYLING*/
#siteChecklist{
margin-top: 20px;
}
#siteChecklist select{
margin: 0px;
}
#siteChecklist fieldset{
border: none;
margin: 5px 0px 5px 0px;
padding-bottom: 3px;
}
#siteChecklist label.legend{
display: block;
font-weight: bold;
color: #000;
text-align: left;
}
#siteChecklist select{
margin-bottom: 1em;
}
#siteChecklist label{
width: auto;
float: none;
}
#siteChecklist table{
width: 100%;
}
#siteChecklist th{
text-align: left;
}
#siteChecklist p.legendP{
margin-top: 0px;
}
#siteChecklist table {
border-collapse: separate;
border-spacing: 7px;
}
#siteChecklist tbody{
line-height: 1em;
}
.clearingHeadingSearch {
width: auto;
}
#formIframe {
overflow: auto;
}
#orderhistory {
margin: 0;
padding: 0 0 0 0px;
overflow: auto;
}
#orderhistory .col1 {
float: left;
text-align: right;
padding: 0 5px 0 0;
width: 160px;
font-weight: bold;
}
#orderhistory .col2 {
float: left;
margin: 0 5px 5px 0;
width: 250px;
text-align: left;
}
#orderhistory .col2 select, #OrderHistory .col2 input {
font-size: 10px;
}
#orderhistory .col2 input {
width: 250px;
_width: 250px;
}
#orderhistory .col3 {
float: left;
margin: 0 0 5px 0;
}
.advsearch {
float: left;
width: 100%;
#width : 85 %;
}
.advsearch .context {
float: left;
font-weight: bold;
width: 190px;
}
.advsearch .row {
display: none;
clear: both;
margin: 0 0 10px 0;
overflow: hidden;
}
.advsearch select.searchwithin, .advsearch select.searchmode, .advsearch select.searchforA, .advsearch select.searchforB, .advsearch select.searchforC {
float: left;
width: 170px;
height: 19px;
margin: 0 20px 0 0;
font-size: 0.9em;
}
.searchcategory, .searchtype, .searchformat {
display:none;
}
.advsearch select.searchforA, .advsearch select.searchforB, .advsearch select.searchforC {
display: none;
}
.advsearch select.condition {
float: left;
width: 80px;
height: 19px;
margin: 0 20px 0 0;
font-size: 0.9em;
}
.advsearch input.searchfor {
float: left;
width: 170px;
margin: 0 16px 0 0;
}
.advsearch .addfield {
float: left;
margin: 0;
}
.advsearch .removefield {
float: left;
margin: 0;
}
.advsearch a:link, .advsearch a:active, .advsearch a:visited {
font-weight: normal;
}
/* TABLE GRID */
#orderhistory table {
margin: 0 0 0 0;
padding: 0;
border-collapse: collapse;
background-color: #FFFFFF;
font: 10px Verdana;
}
#orderInquiryListing table {
width: 100%;
}
#orderhistory table th {
background: #CCCCCC;
height: 30px;
margin: 0;
text-align: left;
vertical-align: middle;
}
#orderhistory table th.rightalign, #overlay table td.rightalign {
text-align: right;
padding-right: 12px;
}
#addMultipleItemsForm input[type="text"]{
display: block;
width: 100%;
}
#addMultipleItemsForm .productNumber{
width: 85%;
}
#addMultipleItemsForm .qty{
width: 15%;
}
#addMultipleItemsForm .error{
display: block;
color: #ff0000;
font-weight: bold;
}
#emailForm input[type="text"],
#emailForm textarea{
width: 100%;
}
.courseTitle,
.courseNumber .label{
font-weight: bold;
}
.courseDescription{
margin: 0;
}
#emailJobObject .inputWithLabelAlign label{
display: block;
font-weight: bold;
}
#emailJobObject .inputWithLabelAlign input,
#emailJobObject .inputWithLabelAlign textarea{
width: 100%;
}
#emailJobObject .checkbox{
width: 15px;
margin-right: 10px;
}
.formcol1, .formcol1blk{
display: inline-block;
font-weight: bold;
vertical-align: top;
width: 225px;
}
.formcol2, .formcol2wide{
display: inline-block;
}
.lblhdr {
font-size: 1.2em;
color: #3b67b2;
font-weight: bold;
}
.clear{
clear: both;
}
.inputWithLabelAlign label{
font-weight: bold;
vertical-align: top;
}
.progressBarText, .prgbar {
border: 1px solid #999999;
border-left: none;
border-right: none;
font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
text-align: center;
}
.prgbarone {
border-top: #ccc 1px solid;
font-size: .5em;
padding: 6px 0 6px 0;
margin: 0 20px 10px 0px;
}
.progressBarText .pbActive, .prgbaractive {
color: #395ca8;
}
ol.progressBarTextList {
list-style: decimal outside none;
overflow: hidden;
width: 724px;
}
ol.progressBarTextList li{
float: left;
list-style: decimal outside none;
margin-left: 25px;
margin-right: 25px;
width: 130px;
text-align: left;
}
ol.progressBarTextList li div {
*width: 130px;
*margin-left: 15px;
}
.IENumber {
display: none;
*display: block;
*float: left;
*margin-left: -20px;
}
.subHead{
font-size: 14px;
font-weight: bold;
color: #000;
padding: 10px 0;
}
.subcategory{
display:block;
margin-botton: 3px;
}
table.noborder, table.noborder th, table.noborder td{
border: none;
}
ul.parent li ul a{
font-weight: normal;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/* Start userDefined Page Styles */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
.userDefined {
color: #000000;
margin-top: 0px;
margin-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
text-align: left;
font-size: 1.07em;
/* line-height: 2.76ex;*/
}
.verticalsUserContent {
padding-left: 10px;
padding-bottom: 10px;
}
/****************************************************************/
/* Table Styles */
/****************************************************************/
.userDefined table, .userDefined tr, .userDefined th, .userDefined td {
padding: 0px;
margin: 0px;
vertical-align: top;
border: 0px;
}
.userDefined tbody td, .userDefined tbody td {
margin: 0;
color: #000000;
padding: 6px 0px 6px 6px;
/*background: url("../imgs/courses_tdBK.gif") bottom left repeat-x;*/
}
.userDefined thead td {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 4px 0px 4px 6px;
background: url("../imgs/courseHeaderBK.jpg") top left repeat-x;
}
.userDefined .TableOutlined {
/* font-size: .9em;*/
margin: 4px auto;
border-collapse: collapse;
line-height: 2.5ex;
}
.userDefined table.TableOutlined td {
vertical-align: top;
text-align: left;
border: 1px solid #6183c0;
padding: 5px;
background: #FFFFFF;
}
.userDefined .TableNoLines {
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0px;
line-height: 2.5ex;
}
.userDefined table.TableNoLines td {
vertical-align: top;
text-align: left;
background: #FFFFFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 0px;
}
.userDefined table.TableOutlined td table.TableNoLines td {
border: none;
padding: 4px;
}
.userDefined .keyDocs {
float: right;
margin: 0px 0px 20px 20px;
width: 190px;
padding: 15px;
}
.userDefined table.keyDocs td {
border: 1px solid rgb(81, 128, 162);
padding: 15px;
}
/****************************************************************/
/* Link Styles */
/****************************************************************/
.userDefined a, .userDefined a:visited, .userDefined a:active, .userDefined a:hover, userdefined {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 100%;
font-weight: normal !important;
text-decoration: underline !important;
color: #003399 !important;
}
/* automatically inserting a PDF icon before a link*/
.userDefined a.PDF-link:before {
content: url(/webassets/cms/promotion/media/designed_page/common/icon16x16_pdf.gif) " ";
text-decoration: none;
}
.userDefined a.PDF-link {
text-decoration: none;
}
.userDefined a.PDF-link:visited {
text-decoration: none;
}
.userDefined a.PDF-link:hover {
text-decoration: none;
}
/****************************************************************/
/* Image Styles */
/****************************************************************/
.userDefined img {
padding: 0px;
/* margin:0 17px 17px 0; */
margin: 0px;
border: none;
}
.userDefined .overviewImg{
width: 180px;
float: right;
margin: 0 0 17px 17px;
}
.userDefined .ImageRight {
color: #4F4F4F;
text-align: center;
float: right;
overflow: auto;
margin: 1em;;
font-size: 0.9em;
}
.userDefined .ImageLeft {
color: #4F4F4F;
text-align: center;
float: left;
overflow: auto;
margin: 1em;
font-size: 0.9em;
}
.userDefined .ImageCenter {
margin: 0 auto;
color: #4F4F4F;
text-align: center;
overflow: auto;
display: block;
font-size: 0.9em;
}
/****************************************************************/
/* List Styles */
/****************************************************************/
.userDefined ul {
text-decoration: none;
text-align: left;
padding-left: 3em;
list-style-type: square;
}
.userDefined ul li {
list-style-type: square;
list-style-position: outside;
/* line-height: 2.8ex;*/
margin-top: 5px;
margin-bottom: 5px;
}
.userDefined ul ul li {
list-style-type: square;
}
.userDefined ul ul ul li {
list-style-type: square;
}
.userDefined ol {
text-decoration: none;
text-align: left;
padding-left: 3em;
list-style-type: decimal; /* defining this style to fix IE 6.x bug */
}
.userDefined ol li {
list-style-position: outside;
line-height: 2.8ex;
margin-top: 5px;
margin-bottom: 5px;
list-style-type: decimal;
}
.userDefined ol ol li {
list-style-type: lower-alpha;
}
.userDefined ol ol ol li {
list-style-type: lower-roman;
}
/****************************************************************/
/* Tag Styles */
/****************************************************************/
.userDefined b {
font-weight: bold;
}
.userDefined i {
font-style: italic;
}
.userDefined blockquote {
margin-left: 15px;
}
.userDefined p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
/* font-weight: normal !important;*/
line-height: 20px !important;
/* margin: .86em 0em .86em !important;*/
}
.userDefined sup {
/ vertical-align : + .9 ex;
}
.userDefined sub {
vertical-align: -.4ex;
}
.userDefined pre {
color: #000000;
font-family: Courier, serif;
font-weight: normal;
padding: 0px;
margin: 0px;
}
.userDefined h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
}
.userDefined h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
}
.userDefined h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-top: 10px;
margin-bottom: 3px;
}
.userDefined h4, h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
line-height: 2.9ex;
margin: .86em 0em .86em;
}
/****************************************************************/
/* Class Styles */
/****************************************************************/
.userDefined .t {
vertical-align: top;
}
.userDefined .PageTitleBlack {
color: #333333;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: #fff;
}
.userDefined .PageTitleBlue {
color: #395ca8;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: #fff;
}
.userDefined .Headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
}
.userDefined .Subhead {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-top: 10px;
margin-bottom: 3px;
}
.userDefined .CodeSnippet {
font-family: Monospace, Arial, Helvetica, sans-serif;
}
.userDefined .Legal {
font-size: .9em;
color: #666666;
line-height: 2.5ex;
}
.userDefined .SmallText {
color: #4F4F4F;
font: 0.9em / 2.5ex;
}
.userDefined .WarningText {
color: red;
font-weight: bold;
}
.userDefined .Blue {
color: #003399;
}
.userDefined .campaignForm {
}
.richContent {
/*width: 546px;*/
width: auto;
zoom: 1;
overflow: hidden;
}
.richContent .productBlock {
width: 546px;
}
.richContent .descMed {
width: 463px;
}
.richContent .descWide {
width: 546px;
}
.richContentWide .productBlock {
width: 546px;
}
.richContentWide .descMed {
width: 463px;
}
.richContentWide .descWide {
width: 546px;
}
.designedPage {
color: #000000;
margin-top: 0px;
margin-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1.07em;
line-height: 2.76ex;
padding: 0px 0px 0px;
vertical-align: top;
text-align: left;
width: 950px;
}
/****************************************************************/
/* Table Styles */
/****************************************************************/
.designedPage table, .designedPage tr, .designedPage th, .designedPage td {
padding: 3px;
vertical-align: top;
border: 0px;
margin: 0px;
}
.designedPage .TableOutlined {
font-size: .9em;
border-collapse: collapse;
margin: 4px;
line-height: 2.5ex;
}
.designedPage table.TableOutlined td {
vertical-align: top;
text-align: left;
border: 1px solid #6183c0;
padding: 10px;
}
.designedPage .TableNoLines {
/* font-size: .9em;*/
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0px;
line-height: 2.5ex;
}
.designedPage table.TableNoLines td {
vertical-align: top;
text-align: left;
padding: 3px;
}
/* Table Styles to fix the background image */
/* for the page to the top or bottom */
.designedPage .TableBckgrndTop {
vertical-align: top;
border: 0px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top;
}
.designedPage .TableBckgrndBottom {
vertical-align: top;
border: 0px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: bottom;
}
.designedPage .TableBckgrndTop td {
margin: 0px;
vertical-align: top;
padding-top: 30px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 30px;
}
.designedPage .TableBckgrndBottom td {
margin: 0px;
vertical-align: top;
padding-top: 30px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 30px;
}
.designedPage .layoutTable {
margin: 0px;
padding: 0px;
border-width: 0px;
}
/* End Table Styles to fix the background image */
/****************************************************************/
/* Link Styles */
/****************************************************************/
.designedPage a, .designedPage a:visited, .designedPage a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
text-decoration: underline;
color: #0033FF;
}
.designedPage a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
text-decoration: underline;
color: #0033FF;
}
/* automatically inserting a PDF icon before a link*/
.designedPage a.PDF-link:before {
content: url(/webassets/cms/promotion/media/designed_page/common/icon16x16_pdf.gif) " ";
text-decoration: none;
}
.designedPage a.PDF-link {
text-decoration: none;
}
.designedPage a.PDF-link:visited {
text-decoration: none;
}
.designedPage a.PDF-link:hover {
text-decoration: none;
}
/****************************************************************/
/* Tag Styles */
/****************************************************************/
.designedPage b {
font-weight: normal;
}
.designedPage i {
font-style: italic;
}
.designedPage p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
line-height: 15pt;
margin: .86em 0em .86em;
}
.designedPage sup {
/* position:relative;
top:-.1em;
to prevent clipping, using verticle-align, better for positioning inline elements*/
vertical-align: +.9ex;
}
.designedPage sub {
/* position:relative;
bottom: +.1em;
to prevent clipping, using verticle-align, better for positioning inline elements*/
vertical-align: -.4ex;
}
.designedPage h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: bold;
color: #000000;
line-height: 1.1em;
margin-top: 0em;
margin-bottom: .5em;
}
.designedPage h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
color: #000000;
margin-top: 1em;
margin-bottom: 1em;
}
.designedPage h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-top: 10px;
margin-bottom: 3px;
color: #000000;
}
/****************************************************************/
/* Selector Styles */
/****************************************************************/
.designedPage .CodeSnippet {
font-family: Monospace, Arial, Helvetica, sans-serif;
}
.designedPage .Legal {
font-size: 0.9em;
color: #999999;
line-height: 2.5ex;
}
.designedPage .SmallText {
font-size: 0.9em;
color: #000000;
line-height: 2.5ex;
}
.designedPage .WarningText {
color: red;
font-weight: bold;
}
/****************************************************************/
/* List Styles */
/****************************************************************/
.designedPage ul {
text-decoration: none;
text-align: left;
padding-left: 3em;
}
.designedPage ul li {
list-style-type: disc;
list-style-position: outside;
line-height: 2.8ex;
margin-top: 5px;
margin-bottom: 5px;
}
.designedPage ul ul li {
list-style-type: square;
}
.designedPage ul ul ul li {
list-style-type: circle;
}
.designedPage ol {
text-decoration: none;
text-align: left;
padding-left: 3em;
list-style-type: decimal; /* defining this style to fix IE 6.x bug */
}
.designedPage ol li {
list-style-position: outside;
line-height: 2.8ex;
margin-top: 5px;
margin-bottom: 5px;
list-style-type: decimal;
}
/****************************************************************/
/* Image Styles */
/****************************************************************/
.designedPage img {
padding: 0px;
margin: 0px;
border: none;
}
.designedPage .ImageRight {
color: #4F4F4F;
text-align: center;
float: right;
overflow: auto;
margin: 1em;;
font-size: 0.9em;
}
.designedPage .ImageLeft {
text-align: center;
float: left;
overflow: auto;
margin: 1em;
}
.designedPage .ImageCenter {
text-align: center;
overflow: auto;
margin: 0px;
display: block;
font-size: 0.9em;
}
.designedPage .ImageTitle {
font-size: 1em;
font-weight: bold;
}
.designedPage .ImageCaption {
font-size: .9em;
}
/****************************************************************/
/* Reverse Styles - for elements appearing on a dark background */
/****************************************************************/
.designedPage .reverse, .designedPage .reverse p, .designedPage .reverse h1, .designedPage .reverse h2, .designedPage .reverse h3 {
color: #FFFFFF;
}
.designedPage .reverse .WarningText {
color: red;
font-weight: bold;
}
.designedPage .reverse table.TableOutlined td {
color: #FFFFFF;
border-color: #999999;
}
.designedPage .reverse table.TableNoLines td {
color: #FFFFFF;
}
.designedPage .reverse a, .designedPage .reverse a:visited, .designedPage .reverse a:active {
color: #FF6600;
}
.designedPage .reverse a:hover {
color: #FF6600;
}
.designedPage .reverse .Legal {
color: #999999;
}
.designedPage .reverse .SmallText {
color: #999999;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/* End designedPage Styles */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
.staticPage {
background-color:#FFFFFF;
padding:34px 20px 10px;
text-align:left;
vertical-align:top;
}
.staticPage table {
font-size: 12px;
}
#favoritePartsForm table{
font-size: 10px;
}
#MainBody.shoppingCart{
padding-top: 25px;
/*width: 724px;*/
}
/*PROJECT DETAILS STYLING*/
ul.projectDetails{
width:400px;
margin:18px 0;
}
ul.projectDetails li{
display:block;
clear:both;
zoom: 1;
margin: 3px 0px\9;
}
ul.projectDetails dl{
margin:0;
padding:0;
}
ul.projectDetails dt{
width:50%;
float:left;
}
ul.projectDetails dd{
width:50%;
margin:0;
float:right;
text-align:right;
}
ul.projectDetails input{
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 1em;
}
ul.projectDetails a#editProjectNameLink {
font-weight:bold;
}
dd.sectionEnd{
margin-bottom:18px;
}
table.implementationItems{
width:100%;
border-collapse:collapse;
font-size: 1em;
}
table.implementationItems caption{
text-align:left;
padding-bottom:15px;
font-size: 1.2em;
font-weight: bold;
color: #666;}
table.implementationItems th{
padding: 4px 0 4px 6px;
border-right:1px solid #fff;
/*
* color:#fff;
background-color:#666;
background: transparent url(../imgs/courseHeaderBK.jpg) repeat-x scroll left top;
*/
}
table.implementationItems td{
padding: 4px 0 4px 6px;
border-bottom:1px solid #ccc;}
th.quantity, td.quantity{
text-align:center;
border: 0;}
th.product, th.part{
text-align:left;
border: 0;}
td.product, td.part{
border: 0;}
ul.projectDetails dt.labelName {
font-weight: bold;
color: #666666;
text-align: right;
margin-bottom: 2px;
}
ul.projectDetails dd.fieldValue {
margin-right: -12px;
margin-bottom: 2px;
text-align: left;
}
/*END PROJECT DETAILS STYLING*/
.myWaters{
height: 500px;
overflow: auto;
}
.myWaters #popupwindow{
top: 0;
}
#MyWatersPopupWindow {
height: auto;
position: absolute;
display: none;
visibility: hidden;
background-color: #FFFFFF;
text-align: left;
position: absolute;
top: 50%;
left: 50%;
margin-left: -150px;
margin-top: -110px; /* border not in design. can be removed when black background added */
border: 5px solid #C5E182;
z-index: 9999;
padding: 20px;
}
html>body #MyWatersPopupWindow {
height: auto;
}
#MyWatersPopupWindow .content {
padding: 12px;
padding-top: 5px;
padding-right: 5px;
}
#MyWatersPopupWindow .close a.x:link, #MyWatersPopupWindow .close a.x:visited, #MyWatersPopupWindow .close a.x:active, #MyWatersPopupWindow .close a.x:hover {
color: #666666;
text-decoration: none;
}
#MyWatersPopupWindow .close .closebutton {
padding-top: 0px;
width: 20px;
height: 20px;
background: url(/webassets/client/imgs/icon_close.gif) no-repeat right;
cursor: pointer;
}
html>body #MyWatersPopupWindow .close .closebutton {
padding-top: 0px;
margin-right: 0px;
}
#MyWatersPopupWindow .close .closetext {
padding-top: 0px;
cursor: pointer;
}
#MyWatersPopupWindow .title {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #003399;
margin-top: 3px;
}
#MyWatersPopupWindow .descr {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.1em;
color: #000000;
margin-top: 3px;
}
#overlay #MyWatersPopupWindow #MyWatersPopupWindowContent{
width: 393px;
}
#overlay #MyWatersPopupWindow #MyWatersPopupWindowContent .closetext{
width: 393px;
}
#overlay #MyWatersPopupWindow #MyWatersPopupWindowContent .closetext .r{
width: 393px;
}
#Home #ProductTabs li{padding:7px auto}
#Searchbar .searchform,
#Searchbar .searchArrow{border:none}
.searchHoverContainer{
border: 1px solid #d1d1d1;
height: 20px;
background: #fff
}
#PrimaryNav iframe{
display: none;
}
#irequestForm input{
margin: 0;
}
form#command td{
border: none;
}
.registerNow{
text-align: right;
}
#MainBody.home #Home .productBlock{
margin: 1em 0;
}
#MainBody.home #Home .productBlock .descMed.r{
float: left;
width: 513px;
}
#MainBody.home #Home .productBlock .desc.r{
float: left;
width: 420px;
}
#MainBody.home #Home .productBlock .desc.r p,
#MainBody.home #Home .productBlock .descMed.r p{
margin: 0;
}
/* STYLES FOR COMBO LOGIN/REG FORM */
.comboReg {
margin: 0px;
padding: 25px;
position: relative;
}
#combo.register {
width: 500px;
float: right;
border-left: solid 1px #CCC;
margin-bottom: 25px;
padding: 0 0 0 27px;
}
#combo .comboLogin {
float: left;
width: 325px;
height: 585px;
}
#combo.comboLoginRemember {
padding: 10px 0 10px 0;
overflow: auto;
}
#combo .inputWithLabelAlign {
text-align: right;
}
#combo .comboInputNoLabelAlign {
clear: left;
padding: 0 0 0 223px;
text-align: right;
}
#combo .loginLabel, .loginLabelLong {
display: inline-block;
line-height: 16px;
padding: 2px 5px 7px 0;
text-align: right;
width: 100px;
}
#combo .inputLabel, .inputLabelLong {
display: inline-block;
line-height: 16px;
padding: 2px 5px 7px 0;
text-align: right;
width: 200px;
}
#combo .loginBox {
border: 1px solid #999999;
font-size: 1.0em;
height: 16px;
margin: 0 0 5px 0;
width: 210px;
}
input.errorInputLogin {
border: 2px solid #FF0000;
width: 210px;
}
/* situational selling */
.selectionBody {
overflow: hidden;
width: 930px;
}
.roundedNav {
color: #FFFFFF;
float: left;
list-style-type: none;
margin: 0 20px 0 0;
padding: 0;
width: 220px;
}
.offeringsNav li{
height: 30px;
margin-bottom: 1px;
}
.roundedNav li.listTop{
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.roundedNav li.listBottom{
-moz-border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
.offeringsNav {
}
.offeringsNav li.second{
background-color: #587d92;
cursor: default;
font-size: 15px;
font-weight: bold;
height: 26px;
margin-bottom: 0;
padding-left: 10px;
padding-top: 10px;
}
.offeringsNav li.third{
background: url(../../client_new/imgs/facetBar_arrow_rightBlk.png) no-repeat 1px 40% transparent;
background-color: #7398ae;
font-size: 14px;
font-weight: bold;
height: 22px;
padding-left: 10px;
padding-top: 7px;
}
.offeringsNav li.thirdarroff{
background: url(../../client_new/imgs/facetBar_arrow_offBlk.png) no-repeat 1px 60% transparent;
background-color: #7398ae;
font-size: 14px;
font-weight: bold;
height: 22px;
padding-left: 10px;
padding-top: 7px;
}
.offeringsNav li.fourth{
background-color: #d6e9f4;
color: #527e97;
font-size: 12px;
font-weight: normal;
height: 22px;
padding-left: 22px;
padding-top: 8px;
}
.offeringsNav li.fourth:hover, .offeringsNav li.fourth.active, .offeringsNav li.fourth.sticky{
background: url(../../client/imgs/li_hover.png) #a0bb49 0 0 no-repeat;
color: #fff;
cursor: pointer;
}
#solutions, #products {
float: left;
width: 685px;
}
#solutionsDesc, #productsDesc {
margin-bottom:10px
}
#solutionsHeading, #productsHeading {
font-size: 21px;
}
.solutionsContainer {
height:160px;
overflow:hidden;
}
#showMoreButton {
text-align:left;
display:block;
width:100%;
margin-right:10px;
margin-bottom:20px;
font-weight:bold;
}
#solutionsText, #productsText {
font-size: 12px;
}
#solutionsTables .roundedNav, #productsTables .roundedNav {
background-color: #c6deed;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
border: 1px solid #c6deed;
color: #567c92;
float: left;
margin-right: 15px;
width: 210px;
}
#solutionsTables .roundedNav li, #productsTables .roundedNav li{
margin-bottom: 1px;
}
#solutionsTables .roundedNav li.second, #productsTables .roundedNav li.second{
background-color: #d8ecf6;
font-size: 15px;
font-weight: bold;
height: 26px;
margin-bottom: 0;
padding-left: 10px;
padding-top: 10px;
}
#solutionsTables .roundedNav li.third, #productsTables .roundedNav li.third{
background-color: #e9f4fa;
font-size: 14px;
font-weight: bold;
height: 22px;
padding-left: 10px;
padding-top: 7px;
}
#solutionsTables .roundedNav li.third.active, #productsTables .roundedNav li.third.active,
#solutionsTables .roundedNav li.third.sticky, #productsTables .roundedNav li.third.sticky{
background: url("../../client/imgs/li2_hover.png") #a0bb49 0 0 no-repeat;
color: #ffffff;
cursor: pointer;
}
#solutionsTables .roundedNav li.fourth,
#productsTables .roundedNav li.fourth{
background-color: #ffffff;
color: #527e97;
font-size: 12px;
font-weight: normal;
height: 22px;
padding-left: 22px;
padding-top: 8px;
}
#solutionsTables .roundedNav li.fourth:hover, #solutionsTables .roundedNav li.fourth.active,
#productsTables .roundedNav li.fourth:hover, #productsTables .roundedNav li.fourth.active{
background: url("../../client/imgs/li2_hover.png") #fff 0 0 no-repeat;
background: #fff 0 0 no-repeat;
color: #527e97;
cursor: pointer;
}
#solutionsTables .roundedNav li.fourth.sticky,
#productsTables .roundedNav li.fourth.sticky{
/* background: url("../../client/imgs/li2_hover_a.png") #a0bb49 0 0 no-repeat; */
background: #a0bb49 0 0 no-repeat;
color: #ffffff;
cursor: pointer;
}
#solutionsTables .roundedNav li.fourth.active.sticky,
#productsTables .roundedNav li.fourth.active.sticky{
/* background: url("../../client/imgs/li2_hover_b.png") #a0bb49 0 0 no-repeat; */
background: #a0bb49 0 0 no-repeat;
color: #ffffff;
cursor: pointer;
}
#solutionsTables .roundedNav li.fourth.stickyRoll, #productsTables .roundedNav li.fourth.stickyRoll {
background-color: #cccccc;
color:#fff
}
.orderList {
list-style-type: none;
margin: 0;
padding: 0;
}
.orderList li.title {
background: none;
color: #000;
font-weight: bold;
font-size: 12px;
padding: 0;
}
.orderList li {
background: url('../../client/imgs/li_bullet.png') 0px 4px no-repeat;
color: #333;
font-size: 10px;
padding: 4px 0px 4px 20px;
}
.orderList li a {
color: #2C6D9F;
display: block;
font-size: 12px;
}
.searchType {
margin-bottom: 20px;
}
.searchType span{
color: #759aaf;
font-size: 14px;
margin-right: 8px;
}
.searchType button {
cursor: pointer;
}
.selectionBody {
display: none;
}
.selectionBody.active {
display: block;
}
#solutionButton {
background-color: #f1f1f1;
border-color: #e0e0e0;
border-style: solid;
border-width: 1px 0 1px 1px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.20, rgb(229, 229, 229)),
color-stop(0.75, rgb(253, 253, 253))
);
background: -moz-linear-gradient(
center bottom,
rgb(229, 229, 229) 20%,
rgb(253, 253, 253) 75%
);
color: #7b7b7b;
}
#solutionButton.active{
background-color: #62879c;
border-color: #466a7e;
color: #FFFFFF;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.20, rgb(112, 151, 173)),
color-stop(0.75, rgb(72, 104, 122))
);
background: -moz-linear-gradient(
center bottom,
rgb(112, 151, 173) 20%,
rgb(72, 104, 122) 75%
);
}
#productButton {
background-color: #f1f1f1;
border-color: #e0e0e0;
border-style: solid;
border-width: 1px 1px 1px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
margin: 0 0 0 -4px;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.20, rgb(229, 229, 229)),
color-stop(0.75, rgb(253, 253, 253))
);
background: -moz-linear-gradient(
center bottom,
rgb(229, 229, 229) 20%,
rgb(253, 253, 253) 75%
);
color: #7b7b7b;
}
#productButton.active{
background-color: #62879c;
border-color: #466a7e;
color: #FFFFFF;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.20, rgb(112, 151, 173)),
color-stop(0.75, rgb(72, 104, 122))
);
background: -moz-linear-gradient(
center bottom,
rgb(112, 151, 173) 20%,
rgb(72, 104, 122) 75%
);
}
.addressBlock input[type="radio"] {
float: left;
margin-right: 10px;
}
#storedBillingAddress .addressBlock .addressBlockText {
float: left;
margin-right: 15px;
}
.addressShippingBlockText {
float: left;
}
.tabsWrapper, #contactResponse, form#eductionRegistrationForm, form#command {
overflow: hidden;
}
@-moz-document url-prefix() {
.eiMOZ {
/*margin-left: 194px;*/
}
}
.bullFix ul li{
list-style-position: outside;
}
.downloadableTable {
width: 100%;
}
#popupOffering {
display: none;
position: absolute;
width: 315px;
}
#popupOffering .orderText {
display: none;
}
#popupTail {
background: url('../../client/imgs/popup_tail.png') bottom center no-repeat;
height: 12px;
width: 18px;
margin: 0 auto;
}
#popupOfferingContent {
background-color: #fff;
border-color: #e0e0e0;
border-style: solid;
border-width: 1px 1px 1px 1px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin: 0 0 -2px;
padding: 15px;
}
#sitSellHead {
display: inline-block;
padding: 10px 25px 20px 0;
}
.buttonContainer {
width: 275px;
}
.priceCookieText {
background-color: #F7F305;
font-weight: normal;
}
.priceSearchDropdownContainer {
display: block;
margin: 2px 0 0 0;
}
.socialIcons {
display: inline;
}
.socialIcons ul {
display: inline;
list-style: none outside none;
}
.socialIcons > ul > li.shareThis {
display: inline;
margin-right: 2px;
padding-bottom: 8px;
padding-top: 6px;
vertical-align: middle;
}
.socialIcons > ul > li.fbLike {
display: inline;
margin-right: 4px;
vertical-align: middle;
position:relative;
top:1px;
}
/* PRODUCT SNAPSHOP */
.productSnapshot {
clear:both;
overflow:hidden;
margin-bottom:20px;
width:100%;
}
.productSnapshot h2 {
color: #525252;
font-size: 1.3em
}
.productSnapshotInfo {
float:left;
width:370px;
margin:0px 15px 0px 0px;
}
.productSnapshotInfo ul {
list-style:disc;
margin:auto;
}
.productSnapshotMedia {
float:left;
width:512px;
margin-right:15px;
overflow:hidden
}
.productSnapshotDetails {
width:512px;
float:left
}
.productSnapshotDetailsWide {
width:530px;
float:left
}
.noNav .productSnapshotDetails {
width:720px;
float:left
}
.productSnapshotTopSocial {
float:right
}
.productSnapshotBottomSocial {
clear:both;
width:100%;
}
.greenButton {
line-height:38px;
color:#fff !important;
text-align:center;
font-size:11px !important;
background:#8ab204;
max-width:150px;
display:block;
font-weight:normal;
margin-top:6px;
margin-bottom:6px
}
#RightNav .greenButton {
font-size:11px
}
.campaignLinks {
max-width:130px;
border-radius:4px;
line-height:140%;
background: url("../../client/imgs/backgrounds/btn-campaign.jpg") bottom left repeat-x;
border:1px solid #d8d8d8;
display:block;
margin-bottom:6px;
margin-top:12px;
font-size:11px !important;
text-align:center;
padding:10px
}
#RightNav .campaignLinks {
font-size:11px;
margin-bottom:12px
}
.detailsText {
width:352px;
}
.detailsImage {
position:relative;
width:352px;
overflow:hidden
}
.imageZoomContainer {
position:relative;
z-index:100;
overflow:hidden
}
.imageZoomContainer img {
max-width:100%
}
.zoomIcon {
position:absolute;
bottom:0px;
left:0px;
z-index:200;
cursor:pointer;
background: url("../../client/imgs/button_magnify.png") 4px 4px no-repeat;
width:40px;
height:40px;
padding:2px;
overflow:hidden;
text-indent:-999px
}
.productZoomOverlay {
border:2px solid #ccc;
width:98%;
position:absolute;
left:1%;
top:10px;
min-height:200px;
z-index:9999;
background:#fff;
box-shadow:2px 2px 4px #000;
display:none;
overflow:hidden;
max-height:90%;
}
.productZoomOverlay img {
max-width:100%;
}
.closeZoomOverlay {
font-weight:bold;
display:block;
background:#ccc;
padding:4px;
text-align:center;
color:#333;
position:absolute;
top:0px;
right:0px;
font-size:16px;
color:#999;
text-decoration:none;
cursor:pointer;
}
.closeZoomOverlay:hover {
text-decoration:none;
}
.noRightNav .eventListInstanceContainer {
float:left;
width:720px
}
.eventListInstanceContainer {
float:left;
width:542px;
}
#partLinkContainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#partLinkContainer ul li { display: inline; }
#YAFooterLinks {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
clear: both;
color: #5D5D5D; !important
padding: 0;
width: 950px;
font-size: 90%;
}
#YAFooterLinks a, #YAFooterLinks a:link, #YAFooterLinks a:visited, #YAFooterLinks a:hover, #YAFooterLinks a:active {
color: #858585; !important
font-size: 90%;
}