body{font-family:Arial, Verdana, Sans-Serif;font-size:12px;margin:0;padding:0;color:#333;}
h1 {font-family:Arial; font-size:20px; font-weight:normal; color:#00386a;}
h2 {font-family:Arial; font-size:18px; font-weight:normal; color:#3d3d3d;}
p { margin-top:15px;}
.CapitalizeTransform{text-transform:capitalize;}
.UppercaseTransform{text-transform:uppercase;}
.TextLarge {font-size: 14px; color:#808080;}
.TextLargest { font-size:24px;}
.TextMedium {font-size:12px; color:#808080; font-family:Verdana;}
.TextMediumTall {font-size:12px; height:14px; color:#808080; font-family:Verdana;}
.TextMedium ul {margin: 0 0 0 15px;}
.TextMedium ul li {list-style-type:disc; font-weight:normal;}
.TextSmall {font-family: Verdana; font-size:10px;}
.TextSmall ul {padding-left: 20px; color:#808080;}
.TextSmall ul li {color:#808080;}
.TextVerySmall {font-family: Verdana; font-size:7pt;}
.TextColorHeading{color: #899edf;}
.tenPointFont {font-size:10pt;}
.elevenPointFont { font-size:11pt;}
.subHeadingColorText{color: #899edf;font-size: 14px;font-weight:normal;}
.headingText{color: #3853A4;font-size: 15px;font-weight:bold;}
.subHeadingText { color: #3853A4;font-family:Verdana; font-size:10pt; font-weight:bold;}
.subHeadingItalicText { font-family:Verdana; font-size:10pt; font-weight:normal; font-style:italic;}
.bodyText { color:Black; margin-top:10px; font-family: Verdana; font-size:8pt; font-weight:normal;}
.bodyText ul {width:950px;margin:0 0 0 30px;padding:0;}
.bodyText ul li {list-style-type:disc; font-weight:bold;}
.bodyText a {color:#003399;font-family:Verdana;text-decoration:none;}
.bodyText a:hover {text-decoration:underline;}
.bodyText img { vertical-align: middle; margin-right:10px;}
.CalculatorLabel { font-family:Verdana; font-size:13pt; font-weight:bold; color:#3853A4; text-align:left}
.CalculatorResult {font-family:Verdana; font-size:8pt; font-weight:bold;color:Red;text-align:right; border-style:none; border-width:thin; background-color:Transparent;}  
.ErrorMsgColor {color:Red;font-family:Verdana;font-weight:bold;}
.ErrorMsg {color:Red;font-family:Verdana;font-size:8pt;font-weight:bold;}
.ErrorMsg a {color:Red;font-family:Verdana;font-size:8pt;font-weight:bold;}
.ErrorMsgLargerText {color:Red;font-family:Verdana;font-size:10pt;font-weight:bold;}
.ErrorMsg ul { list-style-type:none;}
.ErrorMsgWithBullets{color:Red;font-family:Verdana;font-size:8pt;font-weight:bold;}
.searchBox { border: solid 1px #677ec7; width: 222px; height: 28px; font-size: 18px; }
.formLabel{float: left; overflow: hidden;display: inline;width: 70px;text-align: right;margin-right: 10px;vertical-align: middle;font-size:14px;}
.formRow{padding-top: 10px;}
.taggerTextBox{border: 1px solid #7F9DB9;height:18px;font-size:15px;}
.boldText {font-weight: bold;}
.italicText {font-style: italic;}
.TenPointFont {font-family:Verdana;font-size:10pt;}
.PromotionLabel {font-family:Verdana;font-size:8pt;font-weight:bold;color:#000000; width:250px; text-align:right; margin: 3px 4px 0 0;}
.labelInstruct{ font-family:Verdana; font-size:8pt; font-weight:normal; }
.LabelBold{ font-family:Verdana;font-size:8pt;font-weight:bold; }
.displayInlineBlock {display:inline-block;}
.displayBlock { display:block; }
.cursorPointer {cursor:pointer;}
.SearchTextStyle {color:#899EDF;font-family:Verdana;font-weight:normal;}
.textAlignCenter{text-align:center;}
.textAlignRight {text-align:right;}
.textAlignLeft {text-align:left;}
.paddingTopOne{padding-top:1px;}
.paddingTopTwo{padding-top:2px;}
.paddingTopThree{padding-top:3px;}
.paddingTopFour{padding-top:4px;}
.paddingTopFive{padding-top:5px;}
.paddingTopSeven{ padding-top:7px;}
.paddingTopEight{padding-top:8px;}
.paddingTopTen{padding-top:10px;}
.paddingTopFifteen{padding-top:15px;}
.paddingTopTwenty {padding-top:20px;}
.paddingTopThirty {padding-top:30px;}
.paddingRightTwo{padding-right:2px;}
.paddingRightThree{padding-right:3px;}
.paddingRightFour {display:inline-block;padding-right:4px;}
.paddingRightFive{padding-right:5px;}
.paddingRightSeven{padding-right:7px;}
.paddingRightTen{padding-right:10px;}
.paddingRightTwenty{padding-right:20px;}
.paddingRightTwentyFive{padding-right:25px;}
.paddingRightThirty{padding-right:30px;}
.paddingLeftTwo{padding-left:2px;}
.paddingLeftThree{padding-left:3px;}
.paddingLeftFour{padding-left:4px;}
.paddingLeftFive{padding-left:5px;}
.paddingLeftTen{padding-left:10px;}
.paddingLeftFifteen{padding-left:15px;}
.paddingLeftTwenty{padding-left:20px;}
.paddingLeftTwentyFive{padding-left:25px;}
.paddingLeftThirty{padding-left:30px;}
.paddingLeftThirtyFive{padding-left:35px;}
.paddingLeftFourty{padding-left:40px;}
.paddingLeftFifty{padding-left:50px;}
.paddingLeftOneHundred{padding-left:100px;}
.paddingLeftTwoHundred{padding-left:200px;}
.paddingLeftThreeFifty{padding-left:350px;}
.paddingBottomFive{padding-bottom:5px;}
.paddingBottomSeven{padding-bottom:7px;}
.paddingBottomTen{padding-bottom:10px;}
.paddingBottomFifteen{padding-bottom:15px;}
.paddingBottomTwenty{padding-bottom:20px;}
.paddingTwo{ padding: 2px;}
.paddingFour{ padding: 4px;}
.paddingFive{ padding: 5px;}
.paddingTen{ padding: 10px;}
.paddingFifteen{ padding: 15px;}
.paddingTwenty{ padding: 20px;}
.paddingSidesFourNoBottomPadding {padding-right:4px;padding-left:4px; padding-top:4px;}
.marginZero { margin: 0;}
.marginOne { margin: 1px;}
.marginTwo { margin: 2px;}
.marginThree { margin: 3px;}
.marginFive { margin: 5px;}
.marginLeftFive {margin-left: 5px;}
.marginLeftTen{margin-left: 10px;}
.marginLeftThirteen{margin-left: 13px;}
.marginLeftThirty{margin-left: 30px;}
.marginLeftOneHundred{margin-left: 100px;}
.marginRightFive{margin-left: 5px;}
.marginRightTwentyFive{margin-right: 25px;}
.marginTopFive {margin-top: 5px;}
.marginTopTen {margin-top: 10px;}
.marginTopTwenty {margin-top: 20px;}
.marginBottomZero {margin-bottom: 0px;}
.marginBottomFive {margin-bottom: 5px;}
.marginBottomTen {margin-bottom: 10px;}
.widthNinetyFivePercent {width:95%;}
.widthNinetyEightPercent {width:98%;}
.widthNinetyPercent {width:90%;}
.widthOneHundredPercent {width:100%;}
.mainPageWidth {width:995px;}
.oneColumnPercentageWidth { width:98%;}
.grayText { color:Gray; }
.readonlyTextbox { background-color:#cccccc}
.noBoder{ border:none !important;}
.blackText { color:Black !important; }
.divParagraph { padding:15px 0 0 0;}
.breakWord {word-wrap:break-word;}
.inventoryStatus{cursor: pointer; text-decoration: underline; color:Blue; font-family:Arial; font-size:10px; font-weight:normal; }
.displayNone {display: none;}
/********************************************Phase 2************************************************************/
/*Link Styles*/
.footerLink {color:#0066cc;text-decoration:none;}
.footerLink:hover{color:#aeaeae;text-decoration:none;}
.eightPointFont {font-size:8pt;}

.jqueryDescendingArrow {background:transparent url('/Images/Jquery/ui-icons_222222_256x240.png') no-repeat -64px -16px;width:16px;height:16px;}
.jqueryAscendingArrow {background:transparent url('/Images/Jquery/ui-icons_222222_256x240.png') no-repeat 0px -16px;width:16px;height:16px;}
.jqueryAscendingDescendingArrow {background:transparent url('/Images/Jquery/ui-icons_222222_256x240.png') no-repeat -128px -16px;width:16px;height:16px;}

.baseGreyFont {color:#aeaeae;}
.lightGreyFont {color:#969696;}
.darkGoldFont {color:#9c5a0c;}
.darkBlueFont{color:#00386a;}
.linkStyle{color:#006fb6;text-decoration:none;cursor:pointer;}
.linkStyle:hover{color:#aeaeae;text-decoration:none;}
.totalWidth {width:100%;}
.mediumFontStyle {font-family:Arial, Sans-Serif, Verdana;font-size:12pt;}
.mediumSmallFontStyle {font-family:Arial, Sans-Serif, Verdana;font-size:11pt;}
.smallFontStyle {font-family:Arial, Sans-Serif, Verdana;font-size:10pt;}
.ninePointFontStyle {font-family:Arial, Sans-Serif, Verdana;font-size:9pt;}
.smallerFontStyle{font-family:Arial, Sans-Serif, Verdana;font-size:8pt;}
.smallestFontStyle{font-family:Arial, Sans-Serif, Verdana;font-size:7.5pt;}
.extraLargeFontStyle{font-family:Arial, Sans-Serif, Verdana;font-size:14pt;}

.baseTextboxWidth {width:125px;}
.qtyTextBoxWidth {width:45px;}
.searchTextBoxWidth {width:170px;}
.searchTextBox{display:inline-block;width:75%;padding-top:5px;}

/*Base blue button styles */
.darkBlueButtonStyle {background:transparent url('Images/BlueButtonBackground.jpg') repeat-x;display:inline-block;height:21px; line-height: 21px; margin: 0;}
.darkBlueButtonStyle span {color:#fff;cursor:pointer;display:inline-block;font-family:Arial, Sans-Serif, Verdana;font-size:12px;font-weight:bold;padding:0 0 0 0;margin:0;text-align:center;width:100%;}
.darkBlueButtonStyle input {background-color:transparent;border:0;height: 21px;color:#fff;cursor:pointer;display:inline-block;font-family:Arial, Sans-Serif, Verdana;font-size:12px;font-weight:bold;padding:0 0 0 0;margin:0;text-align:center;width:100%;}
.darkBlueButtonStyle a {background-color:transparent;border:0;height: 21px;cursor:pointer;display:inline-block;font-family:Arial, Sans-Serif, Verdana;font-size:12px;font-weight:bold;padding:0 0 0 0;margin:0;text-align:center;width:100%;text-decoration:none;}
.darkBlueButtonStyle a:link {color:#fff;}
.darkBlueButtonStyle a:hover {text-decoration:none;color:#fff;}
.darkBlueButtonStyle a:visited {color:#fff;}
/*Base blue button styles */

/*Base gray button styles */
.darkGrayButtonStyle {background:transparent url('Images/GrayButtonBackground.jpg') repeat-x;display:inline-block;position:relative;height:21px;}
.darkGrayButtonStyle input {background-color:transparent;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:Arial, Sans-Serif, Verdana;font-size:12px;font-weight:bold;height:inherit;padding:0 0 0 0;margin:0;text-align:center;width:100%;line-height:18px;}
.darkGrayButtonStyle span {color:#fff;cursor:default;display:inline-block;font-family:Arial, Sans-Serif, Verdana;font-size:12px;font-weight:bold;padding:3px 0 0 0;margin:0;text-align:center;width:100%;}
/*Base gray button styles */

/* Blue Link Style */
.blueLinkStyle input {width: 90px; background:none; border:none; color:#0066cc; cursor:pointer; font-family:Arial, Sans-Serif, Verdana; font-size:12px; font-weight:bold;}
/* Blue Link Style */

ul.baseListStyle {list-style-type:none;margin:0 0 0 .2px;padding:0;}
ul.baseListStyle li {background:transparent url('Images/arrowBullet.jpg') no-repeat 0 5px;border:none;color:#00386a;font-family:Arial, Sans-Serif, Verdana;font-size:8pt;margin:0;padding:0 0 3px 10px;}
.blueArrowImage{background:transparent url('Images/BlueArrow.png') no-repeat;display:inline-block;width:13px;height:13px;vertical-align:bottom;}

ul.baseListStyle li.myCatalogIcon {background:transparent url('/Images/Icons/myCatalogIcon.png') no-repeat 0px 0px;border:none;font-family:Arial, Sans-Serif, Verdana;font-size:8pt;margin:0;padding:0 0 5px 25px;}
ul.baseListStyle li.shoppingListPortalList {background:transparent url('Images/arrowBullet.jpg') no-repeat 8px 5px;border:none;color:#00386a;font-family:Arial, Sans-Serif, Verdana;font-size:8pt;margin:0;padding:0 0 3px 25px;}

.noMarginPadding{margin:0;padding:0;}
/*Navigation Tabs*/
#tabNavBkgrdLeft {background:transparent url('Images/TabNavigationBkgrd.jpg') no-repeat 0 0;display:inline-block;width:6px;height:29px;}
#tabNavBkgrdCenter {background:transparent url('Images/TabNavigationBkgrd.jpg') repeat-x -1px 0;color:#ffffff;display:inline-block;height:29px;padding:6px 17px 17px 6px;}
#tabNavBkgrdRight {background:transparent url('Images/TabNavigationBkgrd.jpg') no-repeat -7px 0;display:inline-block;width:6px;height:29px;}
#tabNavigtion {color:#003855;background:#ffffff;border-right:#cccccc;}
#tabNavigtion:link {color:#003855;background:#ffffff;border-right:#cccccc;}
#tabNavigtion:hover {color:#ffffff;background:transparent url('Images/TabNavigationBkgrd.jpg') repeat-x -1px 0;display:inline-block;height:29px;padding:6px 17px 17px 6px;}
/*Navigation Tabs*/

/*header*/
.headerLogo{display:inline-block;width:118px;height:53px;margin:0;}
.headerLogoText {color:#000000;font-family:Arial, Sans-Serif, Verdana;font-size:8pt;padding:39px 0 0 0;width:202px;}
.headerLinkSeparator {color:#aeaeae;margin:0;padding:0;}
.headerLinkText {color:#006fb6;font-size:8pt;font-family:Arial,Sans-Serif,Verdana;padding:0 2px 0 2px;margin:0;height:27px;text-decoration:none;}
.headerLinkText:hover {color:#aeaeae;text-decoration:none;}
.signInButton {background:transparent url('/Images/Buttons/SignIn.jpg') no-repeat;height:21px;display:inline-block;}
.searchButton {background:transparent url('/Images/Buttons/Search.gif') no-repeat 4px 4px;height:21px !important;padding:10px 0 0 2px !important;position:relative;display:inline-block;border:none;text-decoration:none;}
.searchButton input {background-color:transparent;border:none;cursor:pointer;display:inline-block;padding:0;margin:0;height:21px;width:72px;position:absolute;top:4px;left:4px;}
.searchDiv {padding-left:10px;height:29px;}
#headerCartSummary{width:70px;height:29px;}
.headerCartLink {background:transparent url('/Images/cartButtonBkgrd.jpg') repeat-x;border:1px solid #9d9d9d;display:inline-block;width:68px;height:26px;position:relative;text-decoration:none;cursor:pointer;}
.headerCartLink:hover {text-decoration:none;}
.headerCartImage {position:absolute;top:2px;left:8px;height:24px;width:24px;}
.headerCartQty {position:absolute;top:3px;left:14px;color:#000;font-size:10px;width:19px;text-align:center;}
.headerCartText {font-size:12px;position:absolute;top:6px;left:40px;height:22px;width:30px;font-weight:bold;color:#000;}
.headerCartSeparator {display:inline-block;border-left:solid 1px #aeaeae;height:20px;margin:0;padding:0;}

/*header main menu*/
#MenuRow                            { margin: 0; padding: 0; width:980px;}

.headerMenu                         { height:29px;}
.headerMenu ul                      { margin:0; padding:0; z-index:200; height:29px; line-height:29px; }
.headerMenu ul li                   { height: 29px; line-height: 29px; float:left;list-style-type:none; }
.headerMenu ul li a                 { color:#003855; font-weight:bold; display:block; height:29px; line-height:29px; text-align:center; text-decoration:none; }
.headerMenu ul li:hover a,
.headerMenu ul li.active a          { color:#fff; }

.menu-left-edge,
.menu-right-edge                    { width: 4px;height: 29px; float: left; }
.menu-middle                        { height: 29px; float: left; padding:0; }

.headerMenu ul li:hover
    .menu-left-edge,
.headerMenu ul li.active
    .menu-left-edge                 { background-image:url('/Images/menu-edges.png'); background-repeat: no-repeat; background-position: top left; }

.headerMenu ul li:hover
    .menu-middle,
.headerMenu ul li.active
    .menu-middle                    { background-image:url('/Images/menu-gradient.png');background-repeat: repeat-x; background-position: center center;  }

.headerMenu ul li:hover
    .menu-right-edge,
.headerMenu ul li.active
    .menu-right-edge                { background-image:url('/Images/menu-edges.png'); background-repeat: no-repeat; background-position: top right; }

.headerMenu ul li .navSeparator     { border-left:1px solid #AEAEAE; display:inline-block; height:26px; margin:3px 0 0 -1px; padding:0px; vertical-align:bottom; width:0; }


#homeTab                            { width:69px; }
#homeTab .menu-middle               { width:61px; }

#suppliesTab                        { width:85px; }
#suppliesTab .menu-middle           { width:77px; }

#equipmentTab                       { width:96px; }
#equipmentTab .menu-middle          { width:88px; }

#technologyTab                      { width:100px; }
#technologyTab .menu-middle         { width:92px; }

#appStoreTab                        { width:113px; }
#appStoreTab .menu-middle           { width:105px; }

#servicesTab                        { width:86px; }
#servicesTab .menu-middle           { width:78px; }

#accountTab                         { width:102px; }
#accountTab .menu-middle            { width:94px; }

/*header sub menu*/
#subMenu > ul li { list-style-type: none; display: inline; width: auto; height: 29px; }	
#subMenu > ul li a { display: block; color: #006fb6; padding-top:5px; padding-left: 3px; padding-right: 3px; float: left; }
#subMenu > ul li span { display: block; color: #006fb6; padding-top: 5px; padding-left: 3px; padding-right: 3px; float: left; }
#subMenu > ul li a:hover {color:#006fb6;}
#subMenu > ul li a:active {color:#006fb6;}

/*Home page */
    /* carousel styles */
#CarouselDiv {width: 716px; height: 272px;margin:0;padding:0;position:relative;}

#AppStoreBannerDiv { width: 955px; height: 554px; margin:0; padding:0; overflow: hidden; }

.appStoreBanner { background: no-repeat scroll 0 0 transparent; height: 554px; margin: 0; padding: 0; position: relative; width: 955px; position: absolute; }


#LinkContainer { position:relative; top: 236px; float: right; margin-right: 12px; }
#LinkContainer div { margin-right: 2px;}
.carouselLinks { cursor: pointer; display: inline-block; background: transparent url('/Images/HomeBanner/HomeBannerButtonSprite.png') no-repeat -35px 0;color:#fff;font-weight:bold;padding: 2px 0; width:20px;height:18px; text-align:center;text-decoration:none; }
.carouselLinks:hover { background: transparent url('/Images/HomeBanner/HomeBannerButtonSprite.png') no-repeat -14px 0; color:#26547c;width:20px;height:18px;text-decoration:none;}
.carouselSelectedLinks {cursor: pointer; display: inline-block; background: transparent url('/Images/HomeBanner/HomeBannerButtonSprite.png') no-repeat -14px 0; color:#26547c;font-weight:bold;padding: 2px 0; width:20px;height:18px;text-align:center; text-decoration:none;}
.carouselSelectedLinks:hover {text-decoration:none;}
.nextButton {background:transparent url('/Images/HomeBanner/HomeBannerButtonSprite.png') no-repeat -7px 0;display:inline-block;width:7px;height:18px;padding:0;text-decoration:none;}
.nextButton:hover { text-decoration:none;}
.previousButton {background:transparent url('/Images/HomeBanner/HomeBannerButtonSprite.png') no-repeat 0 0;display:inline-block;width:7px;height:18px;padding:0;text-decoration:none;}
.previousButton:hover{text-decoration:none;}
.nextPreviousDisabled {display:none;}
    /* end carousel styles */
    
 /* recommended products carousel */
.recommendedProductsArrowUp{cursor:pointer;}
.recommendedProductsArrowDown{cursor:pointer;}
.recommendedProductsDiv{height:510px; width:228px;padding-top:10px; border-color:#C9E1F4; border-style:solid;}
.recommendedProductsText{padding:0px 20px 15px 20px; font-weight:bold;}
.recommendedProductsSpacer{border-bottom:2px solid #006FB6; padding-top:15px;}
.recommendedProductsImage{height:100px; width:100px;border:1px solid #D2D2D2;}
.recommendedProductsLink{padding-left:18px;}
.recommendedProductsList{height:200px; width:150px;}
.recommendedProductsArrowUpDiv{padding:0px 0px 15px 45%;}
.recommendedProductsArrowDownDiv{padding-left:45%;}
/* end recommended products carousel */

.homeRightColumnBackground {background:transparent url('Images/HomeRightPanel.jpg') no-repeat;display:inline-block;height:697px;width:233px;}
.boxGradient{background:transparent url('Images/HomeGradientBox.jpg') no-repeat;display:inline-block;width:350px;height:155px;}
.boxGradient .innerDivPadding {padding:12px 10px 10px 10px;}
.dealsBackground {background:transparent url('Images/HomeDealsBackground.png') no-repeat;display:inline-block;height:329px;width:230px;}
.dealsRibbonImage {background:transparent url('Images/DealsRibbon.png') no-repeat;display:inline-block;height:56px;width:66px;}
.dealsRibbonStyle{display:inline-block;padding-top:3px;text-align:center;width:99%;}
.dealOfTheWeekProductImage {display:inline-block;height:150px;width:150px;float:left;}
.advantageImage {background:transparent url('Images/advantageImage.png') no-repeat;display:inline-block;height:136px;width:201px;}
.featuredSupplyImage {background:transparent url('Images/HomeFeaturedSupplies.jpg') no-repeat 0 0;display:inline-block;height:80px;width:83px;border:solid 1px #cccccc;}
.featuredEquipmentImage{background:transparent url('Images/HomeFeaturedSupplies.jpg') no-repeat -84px 0;display:inline-block;height:80px;width:83px;border:solid 1px #cccccc;}
.featuredSupplyTextWidth{width:83px;}
.ratingStarsImage{background:transparent url('Images/RatingStars.png') no-repeat;display:inline-block;height:11px;width:67px;}
.rightColumnLoginBackground{background:transparent url('Images/loginPortletBackground.jpg') no-repeat 0 0;display:inline-block;height:145px;width:233px;}
.rightColumnQuickOrderBackground{background:transparent url('Images/RightPanelBackgroundSprite.jpg') no-repeat 0 -146px;display:inline-block;height:121px;width:233px;}
.rightColumnShoppingCartBackground{background:transparent url('Images/RightPanelBackgroundSprite.jpg') no-repeat 0 -268px;display:inline-block;height:81px;width:233px;}
.rightColumnNewsletterBackground{background:transparent url('Images/RightPanelBackgroundSprite.jpg') no-repeat 0 -350px;display:inline-block;height:141px;width:233px;}
.rightColumnHuBackground{background:transparent url('Images/RightPanelBackgroundSprite.jpg') no-repeat 0 -508px;display:inline-block;height:150px;width:233px;}

#AffiliateDashboardTable tr td {font-size:12px;}

/********************************************Phase 2************************************************************/

/* special pages */

/*breadcrumb */
.breadcrumb {font-size:8pt; color:#006FB6; padding:5px 0 0 0;display:inline-block; font-family:Verdana; text-decoration:none;}
.breadcrumb:hover {text-decoration:underline;}
.breadcrumbSeparator {padding:0 4px 0 4px;}
.breadcrumbEnd {font-size:8pt; color:#aca899; padding:5px 4px 0 4px; font-family:Verdana; text-decoration:none;}
.BreadCrumb {font-family:Verdana;font-size:8pt;margin-top:10px;text-transform:capitalize;}

/* default element styles */
a {border: none; text-decoration:none; color:#006fb6; cursor:pointer;}
a:hover{color:#aeaeae;text-decoration:none;}
.underlineText {text-decoration:underline;}
a img {border: none; }
img {border-style: none; }
/* For accessibility related elements */
.access {display: none; }
.darkBold {	color: #0D3567;font-family: Verdana;font-size: 12px;font-weight: bold;}
/* top header right menu */
#headerMenu span {color: #899edf;font-family:Verdana;font-size:11px;font-weight: bold;}
#headerMenu a {color: #899edf;text-decoration: none;}
#headerMenu {padding:110px 0 0 0; float:right; text-align:right;}
.headerLogoLink {display:block;height:78px;padding-top:45px;border:none;}

.subscriptionFormLabel {font-family:Verdana;font-size:12px;color:#000000;padding-top:3px;padding-left:5px; margin: 3px 4px 0 0;}

/*Generic Lead Form */
.leadFormLabel{font-family:Verdana;font-size:8pt;color:#000000;padding-top:3px;padding-left:5px; margin: 3px 4px 0 0;}
.leadFormTextBox{margin-left:10px;color:#000000 !important; font-weight:normal !important; background-color:#FFFFFF; font-size:12px; font-family:Verdana;}
.leadFormTextBoxVerification{border:1px solid red;background-color:#fee; color:#000000 !important; font-weight:normal}
.commentsText{font-family:Verdana;font-size:8pt;color:#000000; float:left;}
.leadFormSubmitButtonDiv{width: 60px; float:left;}
.leadFormHeading{padding:20px 0px 0px 00px; text-align:center;}
.leadFormCustomerNumberDiv{padding:2px 2px 2px 0px;}
.lineHeightSeventyPercent{line-height:70%;}
.leadFormZipCodeDiv{font-family:Verdana;font-size:8pt;color:#000000;padding-top:3px;padding-left:35px; margin: 3px 4px 0 0;}
.leadFormDiv{float:left !important; width:500px !important;}
.leadFormCommentsDiv{float:left !important; width:500px !important; padding-bottom:15px !important;}
.leadFormRow{padding:5px !important; margin:5px;}
.myLocalTeamZipCode{color:#333333 !important;font-family:Arial,Verdana,Sans-Serif !important;font-size:12px !important;font-weight:normal !important;}

/* Button styles */
.SubmitButton {background:transparent url('/Images/Buttons/Submit.gif') no-repeat;width:71px;border:none;height:15px;}
.SubmitButton:hover {cursor:pointer;}

/* page heading styles */
.PageHeadingCorner { width: 11px; float:left;}
.PageHeading {font-family: Verdana; font-size: 14.5pt; font-weight: 500; color: #003366; background-color : #ECF1F7; height:25px; width:970px; float:left; } 
.PageHeadingUnderline { height:2px; background-color: #CC9933; clear:both;}

.SideUpperLeft { float:left; background-image: url(../../Images/Navigation/sideUpperLeftBlue.gif); width: 19px; height:20px; background-repeat: no-repeat;}
.SideUpperMiddle { float:left; background-image: url(../../Images/Navigation/sideUpperBlue.gif); width: 160px; height:20px; background-repeat:repeat-x; font-family:Verdana; color:#fff; font-size:11px; font-weight:bold; text-align:center; line-height:20px;}
.SideUpperRight { float:left; background-image: url(../../Images/Navigation/sideUpperRightBlue.gif); width: 19px; height:20px; background-repeat: no-repeat;}
.SideBackground {background-image: url(../../Images/Navigation/sideMiddleGrey.gif); background-repeat:repeat;}
.SideMiddle { padding-top:5px; padding-bottom:5px; padding-left:15px;}
.SideMiddleImage { display:block; text-align:center; padding:10px 0px 10px 0px; height:auto; }
.SideLowerLeft { float:left; background-image: url(../../Images/Navigation/sideLowerLeftBlue.gif); width: 19px; background-repeat: no-repeat;height:15px; }
.SideLowerMiddle { float:left;  background-image: url(../../Images/Navigation/sideLowerBlue.gif); width: 160px; height:15px; background-repeat:repeat-x; font-family:Verdana; color:#fff; font-size:11px; font-weight:bold;}
.SideLowerRight {float:left; background-image: url(../../Images/Navigation/sideLowerRightBlue.gif); width: 19px; background-repeat: no-repeat;height:15px; }
.NavSideBarMenu {color:#899edf; font-size:8pt; text-decoration:none;}
.NavSideBarMenu:hover {text-decoration:underline;cursor:pointer;}

/* bottom footer left menu */
#footerMenuLeft {padding: 10px 0 0 10px; width: 300px; height:20px; float: left; }
#footerMenuLeft span {color: white;font-family:Verdana;font-size:11px;font-weight: bold; }
#footerMenuLeft a {color: white;text-decoration: none;}
#footerMenuLeft a:hover { text-decoration: underline;}

/* bottom footer right menu */
#footerMenuRight {padding: 10px 10px 0 0px; text-align:right; height:20px; width: 300px; float:right;}
#footerMenuRight span {color: #899edf;font-family:Verdana;font-size:11px;font-weight: bold; }
#footerMenuRight a {color: #899edf;text-decoration: none;}
#footerMenuRight a:hover { text-decoration: underline;}

/* bottom footer */
#footerBottom {padding: 12px 10px 0 0px; text-align:right; width: 400px; float:right;}
#footerBottom span {color: #899edf;font-family:Verdana;font-size:9px;}

#footerSearch {clear:both; height: 120px; }
#footerSearch .SearchButton a {background:#FFFFFF url('/Images/buttons/SearchButton.gif') no-repeat bottom; }
#footerSearch .searchBoxContainer {float: right; width: 200px;padding-top:75px;}

.text {width:600px; border:2px solid #9ac1c9; border-top:none; padding:15px}
.headerTopText{font-family:Verdana;font-size: 13px;color: #899edf;padding: 10px 20px 0 400px;}

/* main menu */
.mainMenu {z-index:100;}
.mainMenu ul {float:left;height:40px;width:992px;margin:0;padding:0;z-index:200;}
.mainMenu ul li {display:inline;float:left;list-style-type:none;}
.mainMenu ul li a.mainLink {background-image:url('Images/MenuSprite.gif');background-repeat:no-repeat;display:block; font-family:Verdana;}
.mainMenu ul li.centerTabs { background-color:Gray; }
.mainMenu ul li a.services {background-position:0 0;height:40px;margin:0;text-decoration:none;width:245px;}
.mainMenu ul li a.supplies {background-position:0 -41px;height:40px;margin:0 0 0 3px;text-decoration:none;width:247px;}
.mainMenu ul li a.equipTech {background-position:0 -82px;height:40px;margin:0 3px 0 3px;text-decoration:none;width:240px;}
.mainMenu ul li a.officeDesign {background-position:0 -123px;height:40px;margin:0;text-decoration:none;width:251px;}
#slider {width:100%;}
.mainMenu ul li ul.menuContent{background-color:#DDE5FF;border-left:2px solid #bbccff;border-right:2px solid #bbccff;border-bottom:2px solid #bbccff;font-size: 11px;color: #0d3567;font-family:Verdana;list-style:none;text-align:left;margin:-1px 0 0 0;position:relative;padding:10px;overflow:hidden;z-index:500; }
.mainMenu ul li ul.menuContent li {background: transparent url('Images/rightArrow.gif') no-repeat 0 4px;clear:both;float:none;display:inline-block;padding:0 0 0 15px;z-index:550;margin:0;line-height:1em;width:91%;}
.mainMenu ul li ul.menuContent li:hover {background-color: #bbccff;}
.mainMenu ul li ul.menuContent li a {background-color: transparent;color: #0d3567;display:block; text-decoration:none;white-space: nowrap;margin:0;padding:4px 0 0 0;height:15px;z-index:600;}

.menuContent {	background-color:#DDE5FF;border-left:2px solid #bbccff;border-right:2px solid #bbccff;border-bottom:2px solid #bbccff;margin:-1px 0 0 0;padding:10px;position:absolute;overflow:hidden;z-index:100; }
#one-content {display: none;position:absolute;width:221px;left:2px;height:auto;}
#two-content {display: none;width:227px;left:246px;position:absolute;height:auto;}
#three-content {display: none;width:219px;left:497px;position:absolute;height:auto;}
#four-content {display: none;width:227px;left:740px;position:absolute;height:auto;}

a.categoryLink {color:#003399;font-family:Verdana;text-decoration:none;text-transform:capitalize;}
a.categoryLink:hover {text-decoration:underline;}
.mediumBlueHeader {background-color:#7a9aff;font-weight:700;width:635px;color:White;}
.mediumBlueBackground{background-color:#7a9aff;}
.thinLine { height:1px;width:100%;background-color:#b6b6b6; margin-top:1px; border:0px;}
.underLineStyle {background-color:#CC9933;}
.blueText {color:#336699;}
.required, .red { color:Red; font-weight:bold; font-family:Verdana; font-size:8pt;}
.inputErrorValidation {border:1px solid red;background-color:#fee;}

/* Product Catalog */

a.ProductSubCategoryLink {color:#003399;font-family:Verdana;font-size:10pt;font-weight:normal;text-decoration:none;text-transform:capitalize;}
a.ProductSubCategoryLink:hover {text-decoration:underline;}

/* Product Listings */
.DataListText {font-family: Verdana;font-size: 7.5pt;font-weight: normal;}
.DataRowEven { }
.DataRowOdd{ background-color: rgb(236, 241, 247);}
.ProductSpan{padding-bottom:20px;}
.ProductListHeader{margin:0;padding:0;width:100%;}
.ProductListHeader div {padding:2px 5px 2px 5px;}
.ProductCategoryList {padding:4px; width:98.7%;}
.ProductCategoryList ul {list-style-type:none;padding:0;margin:0;}
.ProductCategoryList li {background:transparent url('/Images/Bullet.jpg') no-repeat 2px 4px;display:block;float:left;padding:0 8px 0 10px;white-space:nowrap;}
.ProductFilterOrangeTop{background-color:#ffcc33;width:100%;height:15px;}
.ProductListFilter{padding:0px;margin:0;width:99.7%;font-weight:bold;border:solid 1px #ffcc33;}
.ProductListFilter div.FilterDropDowns {padding:2px; height:45px;}
div.FilterDropDowns .FilterSelectList {padding:5px 0 0 0;}
div.FilterDropDowns .FilterSelectList select {font-size:8pt;font-family:Verdana;font-weight:Normal; }
.PromotionImage {background:transparent url('/Images/Promotions/Promotion.gif') no-repeat;height:27px;width:79px;display:inline-block;}
.FreeGoodsImage {background:transparent url('/Images/Promotions/AutoFreeGoods.gif') no-repeat;height:72px;width:144px;display:inline-block;}


/* Product Detail */
.DataText {font-family: Verdana;font-size: 8pt;font-weight: normal;}
.DataTextLink {font-family: Verdana;font-size: 8pt;font-weight: normal;color:#3300ff;}
.DataTextLink:visited {color:#3300ff;}
.DataTextLink:hover {color:#3300ff;text-decoration:underline;cursor:pointer;}
.DataTextTopPadded {font-family: Verdana;font-size: 8pt;font-weight: normal;padding: 10px 0 0 0;}
.LinkPopUp {color:#00447e;text-decoration: underline;}
.LinkPopUp:visited {color:#00447e;}
.LinkPopUp:hover {color:#e4eefa;cursor: pointer;cursor: pointer;}
.PopUpDiv {display: none;border: 1px solid #000000;background-color: #ffffff;}
#PopUpImageDiv {clear:both;display:none;border: solid 1px #00447e;background-color: #083C6A;}
.PopUpLinkDiv {text-align: right;padding: 10px;border-bottom: 1px solid #00447e;background-color: #b7cff6;}
.PopUpDetail {background-color: #ffffff;}
#LargerImage {height:450px;width:450px;}
.PromoTextSmall {font-size: 8pt; font-family: Verdana;font-weight: Bold;color: #0000FF;} 
.PromoText { font-size: 12pt;font-family: Verdana;font-weight: Bold;color: #0000FF;} 
.BlockTitleBar {width: 100%;background-color:#7A9AFF;}
.BlockTitleBar h2 {font-weight: bolder;font-family: Verdana;font-size:10pt;color: #ffffff;text-transform: capitalize;padding: 0 0 0 2px;}
.LinkButton {height:15px;border:none;background-color:#ffffff;color:#3300ff;cursor:pointer;text-decoration:underline;}
.PromotionHeading {font-size: 14.5pt;font-weight: 500;}
#VendorName, #VendorNumber {padding: 0 0 0 4px;}
#StepDescription{padding: 0 0 0 4px; text-transform: uppercase;}

/* Quick Order */
.QuickHeading{font-family:Verdana;font-size:8pt;font-weight:bold;text-align:left;padding-left:4px;}
.QuickOrderBox{margin:10px 0 0 0;}
.QuickOrderDiv {background-color:#7a9aff;border-top:solid 1px #ffcc33;border-left:solid 1px #ffcc33;border-right:solid 1px #ffcc33;width:149px;}
.QuickOrderFloatRightDiv {float:right;padding-left:5px;margin-top:4px;}
/* MasterPage */


/* Design Portfolio */
#PattersonTodayIssuesHeading {display:block;background-color:#6699cc;color:white;padding:5px;margin-top:15px;margin-bottom:15px;}
#PattersonTodayIssues li {cursor:pointer;list-style-type:none;float:left;margin:2px;padding:4px;font-weight:bold;border:solid 1px #777788;color:#000080; }
.PattersonTodayIssue {margin-left:17px;padding:10px;clear:both;float:left;width:450px;border:solid 1px black;background-color:#6699cc;color:Black;}
.PattersonTodayIssue li {list-style-type:disc;margin-top:5px;}
.PattersonTodayIssue h5 {margin-top:15px;}
.PattersonTodayIssue a {color:Black;text-decoration:underline;}
.officeDesignMarginTop {margin-top:15px;}

/* Events */
.InstructionText { font-family: Times New Roman; font-size:16px; color:Black; margin-bottom:10px;}
.Form { font-family:Verdana; font-size:8pt; font-weight:normal; }
.DataTable { text-align:left; border: None 0px #CCCCCC; background-color:White; width:100%; border-collapse:collapse;}
.DataTable thead tr { background-color:#efefef; font-family:Arial; display:table-row; font-size:8pt; height:18px; font-weight:bold; vertical-align:middle;}
.DataTable thead tr th { height: 18px; color:#3d3d3d; font-size:12px; font-weight:bold; font-family:Arial;}
.AltDataRow{ background-color:#EEEDD8; }
.EventTable {}
.EventTable tr td { font-family:Serif; font-size:16px; }
.EventTable tr th {font-family:Verdana;font-size:8pt;font-weight:bold; text-align:right;}
.EventRow { height: 15px; padding:2px; }

/*Shopping Lists*/
.shoppingListIndexDiv{width: 800px; margin-top: 10px; margin-left: 10px;}
#ShoppingListDetailResultsTable { border-left: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;height:auto;}
.SupplyListTable { border: solid 1px #d2d2d2; width:100%; border-collapse:collapse;}
.SupplyListTable thead tr th { text-align: left; padding: 5px; font-family:Arial;font-size:12px;}
.SupplyListTable tr td {padding: 3px;}
.SupplyListTable thead tr th, .SupplyListTable tbody tr td {border: solid 1px #d2d2d2;}
#AddItemsToListDivNoJava, #AddItemsToListDiv { border-left: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;height:auto;width:210px; float:left;}
.createNewShoppingListFormLabel {font-family:Verdana;font-size:8pt;color:#000000;padding-top:3px;padding-left:5px; margin: 3px 4px 0 0; background-color:#FFFFFF;}
form.newShoppingListForm label.error {display: none; }
.nameTextBox{color:#000000; font-weight:normal; width:125px; background-color:#FFFFFF; font-size:12px; font-family:Verdana;}
.nameTextBoxVerification{border:1px solid red;background-color:#fee; color:#000000 !important; font-weight:normal}
#createListForm label.error{display: none; }

.ui-dialog .ui-dialog-buttonpane button{background:transparent url('Images/BlueButtonBackground.jpg') repeat;display:inline-block;position:relative;cursor:pointer; margin:0px 60px 0px 15px !important;}
.ui-button-text{color:White; font-weight:bold;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:left !important;}
/*Shopping List Item*/
/* .noHeight {display:none;} */

/*Formulary Lists*/
.FormularyListTable { border: solid 1px #d2d2d2; width:100%; border-collapse:collapse;}
.FormularyListTable thead tr th { text-align: left; padding: 4px; font-family:Arial;font-size:12px;}
.FormularyListTable tr td {padding: 3px;}
.FormularyListTable thead tr th, .FormularyListTable tbody tr td {border: solid 1px #d2d2d2;}

/* Tooltip */
#tooltip {position: absolute;z-index: 3000; width:400px;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0; }
.caption{margin: 5px;padding: 5px;font-size: 105%;color: black;text-align: center;font-weight: bold;}
.left{float: left;}
.right{float: right;}
.popupText{font-size: 8pt;color: #000000;}

/* PattersonToday Article Intro */
.PattersonTodayArticleIntroPageHeading {font-family: Verdana; font-size: 14.5pt; font-weight: 500; color: #003366; background-color : #ECF1F7; } 
.PattersonTodayArticleIntroThinLine { border-top:solid 2px #CC9933;width:99%;}
.PattersonTodayArticleIntroAction {font-family: Verdana; font-size: 8pt; font-weight: normal } 
.PattersonTodayArticleIntroCopy {padding-left:10px;font-family: Verdana; 	font-size: 8pt; font-weight: normal; Color: Black; } 
.PattersonTodayArticleIntroSubHeading {font-family: Verdana; font-size: 10pt; font-weight: Bold; color: #336699; } 

/* Account Pages */
.TopLeftAccount {background:transparent url('/Images/Borders/AccountCorners.jpg') no-repeat 0 0;width:6px; height:6px;}
.TopRightAccount {background:transparent url('/Images/Borders/AccountCorners.jpg') no-repeat -6px 0;width:6px; height:6px;}
.BottomLeftAccount {background:transparent url('/Images/Borders/AccountCorners.jpg') no-repeat 0 -6px;width:6px; height:6px;}
.BottomRightAccount {background:transparent url('/Images/Borders/AccountCorners.jpg') no-repeat -6px -6px;width:6px; height:6px;}
.TopCenterAccount {border-top:solid 1px #E4E4E4; height:5px;width:98.5%;}
.BottomCenterAccount {border-bottom:solid 1px #E4E4E4; height:5px;width:98.5%;}
.AccountMainContent {border-left:1px solid #E4E4E4;border-right:1px solid #E4E4E4;color:#000000;}

.top-leftSmall {float:left;background-position:0 0;width:6px;height:9px;}
.bottom-leftSmall {float:left;background-position:0 -9px;width:6px;height:9px;}
.top-rightSmall {float:left;background-position:-603px 0;width:394px;height:9px;}
.bottom-rightSmall {float:left;background-position:-603px -9px;width:394px;height:9px;}
.insideSmall {clear:both;float:left;width:94%;}
.top-leftSmall,.top-left, .top-right, .top-rightSmall, .bottom-leftSmall, .bottom-left,.bottom-right, .bottom-rightSmall {background-image:url(/Images/Borders/Corners.gif);background-repeat:no-repeat;font-size:2px;height:9px;}
.top-left, .bottom-left {margin-right:9px;}
.top-right, .bottom-right {margin-left:9px;margin-top:-9px;}
.top-right {background-position:98% 0;}
.bottom-left {background-position:0 -9px;}
.bottom-right {background-position:98% -9px;}
.inside, .insideSmall {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding-box;background:#FFFFFF none repeat scroll 0 0;border-left:1px solid #E4E4E4;border-right:1px solid #E4E4E4;color:#000000;padding-left:10px;padding-right:10px;}
.RegisterTables {margin-top:5px;}
.PageHeaderTextAlt {color:#555555;font-family:Verdana;font-size:20px;}
.LightHeaderBar {color:#E4E4E4;height:1px; width:936px;}
.PageTextSmall {color:#555555;font-family:Verdana;font-size:9px;}
.Label {font-family:Verdana;font-size:12px; color:#000000; width:250px; text-align:right; float:left; margin: 3px 4px 0 0;}
.SmallLabel { color:#666; font-family:Verdana; font-size:8pt; font-weight:normal;}
.DataRow {font-family:Verdana;font-size:8pt;font-weight:normal;color:#000000; width:250px; text-align:left; float:left; margin: 3px 0 0 0; clear:right;}
.PageHeaderText {color:#333333;font-family:Verdana;font-size:20px;}
.signInFormLabel{float: left;overflow: hidden;display: inline;text-align: right;vertical-align: middle;font-size:14px;}
.textInput { width: 150px; color:Black; font-family:Verdana; font-size:8pt; font-weight:normal; padding: 1px 0px 0px 0px; }
.signupHeader { font-family:Verdana; font-size:14px; color:#666666; font-weight:bold; }
.signupHeader2 { font-family : Verdana; font-size: 16px; color: #666666; }
.signupCopy { font-family : Verdana; font-size: 10px; color: #666666; }
.RegisterForm { width:250px; color:Black; font-family:Verdana; font-size:8pt; font-weight:normal;}
.RegisterFormField { width: 270px; text-align:left; float:left; margin: 3px 0 0 0; clear:right;}
.RegisterFormSection { width: 1055px; float: left; padding-left:10px; }
.RegisterFormLabel {font-family:Verdana;font-size:12px;color:#000000; width:270px; padding-top:3px;padding-left:5px; text-align:left; float:left; margin: 3px 4px 0 0;}
.RegisterFormRow { height:30px; clear:left; }
.RegisterSmallLabel { color:#666; font-family:Verdana; font-size:9px; font-weight:normal; }
.AddressForm { width: 655px; float: left; padding-left:10px; }
.AddressFormRow { height:30px; }
.AddressFormLabel { font-family:Verdana;font-size:8pt;font-weight:bold;color:#000000; width:200px; padding-top:3px; text-align:right; float:left; margin: 3px 4px 0 0; }
.AddressFormField { width: 260px; text-align:left; float:left; margin: 3px 0 0 0; clear:right; }
.AddressTextInput { width: 170px; color:Black; font-family:Verdana; font-size:8pt; font-weight:normal; padding: 1px 0px 0px 0px; }

.FormRow { height: 30px;}
.FormField { width: 200px; text-align:left; float:left; margin: 3px 0 0 0; clear:right;}

/* Manage Sub Accounts */
.accountTable { width:100%; border-color:Gray; border-width: 1px; border-style:solid }
.accountTable thead {background-color:#7A9AFF; color:White; font-family:Verdana; font-weight:bold;}
.accountTable th {padding:3px;margin:0;}
.accountTable td {border-color: Gray; border-width: 1px; margin:0; padding:3px;}

/* Formulary */
.FormularyDetailLabel {font-family:Verdana;font-size:8pt;font-weight:bold;color:#000000; width:210px; padding-top:3px; text-align:right; float:left; margin: 3px 4px 0 0;}
.FormularyForm { width:180px; color:Black; font-family:Verdana; font-size:8pt; font-weight:normal;}
.FormularyTable { border: solid 1px #cecece; width:100%; border-collapse:collapse;}
.FormularyTable thead tr th { text-align: left; padding: 5px;}
.FormularyTable tr td {padding: 5px; border: solid 1px gray;}
.FormularyRowHighlight { background-color: Yellow; font-weight:bold;}

#registerDiv {border:0 none;margin-bottom:10px;position:relative;width:990px;}
#registerHeaderDiv {margin-left:auto;margin-right:auto;padding:2px;width:990px;}
#signupDiv {border:0 none;margin-bottom:10px;width:990px;}
#signupHeaderDiv {margin-left:auto;margin-right:auto;padding:2px;width:95%;}
#signupContentDiv {margin-left:auto;margin-right:auto;margin-top:15px;padding:2px;width:990px;}
#signUpLogin {text-align:center;padding-bottom:50px;}
#SignupTableHeaderDiv {margin-left:auto;margin-right:auto;margin-top:5px;text-align:center;width:100%;}
#signupExistingDiv {float:left;margin-top:15px;padding:2px;width:400px; text-align:left;}
#signupRegisterSeparate {color:#666666;float:left;font-family:Verdana;font-size:22px;font-weight:bold;margin-top:35px;text-align:center;width:145px;}
#signupDivs {margin-left:auto;margin-right:auto;width:100%;}
#signupNewDiv {float:right;margin-top:15px;padding:2px;width:400px; text-align:left;}
#registerDiv {border:0 none;margin-bottom:10px;position:relative;width:990px;}
#registerHeaderDiv {margin-left:auto;margin-right:auto;padding:2px;width:990px;}

/*Order History*/
.OrderHistoryForm { width:250px; color:Black; font-family:Verdana; font-size:8pt; font-weight:normal;}
.OrderHistoryFormField { width: 160px; text-align:left; float:left; margin: 3px 0 0 0; clear:right;}
.OrderHistoryFormSection { width: 655px; float: left; padding-left:10px; }
.OrderHistoryFormLabel {font-family:Verdana;font-size:8pt;font-weight:bold;color:#000000; width:270px; padding-top:3px; text-align:right; float:left; margin: 3px 4px 0 0;}
.OrderHistoryFormRow { height:30px; width:330px;}
.OrderHistoryLabel{ font-family:Verdana;font-size:8pt;font-weight:bold; float:left; text-align:right; width:160px; margin:4px 4px 0 0;}
.OrderHistoryTab { color:#ffffff;background-color:#7A9AFF;border-color:White;border-width:1px;border-style:None;font-weight:normal;width:105px;cursor:pointer; cursor:pointer; }
.OrderHistoryTabSelected { color:#000000;background-color:#6D88C9;border-color:White;border-width:1px;border-style:Outset;font-weight:bold;width:115px;cursor:pointer; cursor:pointer; }
.OrderHistoryTextInput { width: 90px; color:Black; font-family:Verdana; font-size:8pt; font-weight:normal; padding: 1px 0px 0px 0px; }

.orderHistoryTable { width:100%; border-color:Gray; border-width: 1px; border-style:solid }
.orderHistoryTable thead {background-color:#7A9AFF; color:White; font-family:Verdana; font-size:8pt; font-weight:bold;}
.orderHistoryTable th {padding:3px;margin:0;}
.orderHistoryTable td {margin:0; padding:3px;}

.trackingFormRow { height:20px; width:600px;}
.trackingHistoryTable { width:100%; border-color:White; border-width: 0px; border-style:none }
.trackingHistoryTable thead {background-color:#7A9AFF; color:White; font-family:Verdana; font-size:8pt; font-weight:bold;}
.trackingHistoryTable th {padding:3px;margin:0;}
.trackingHistoryTable td {margin:0; padding:3px;}


/*Pager*/
.pagerLinks { font-size: 12px; padding: 2px; right: 0; width: auto; text-align: center; }
.pagerLinks a, .pagerLinks a:visited, .pagerLinks a:hover { color: #0000FF; margin: 1px; padding: 0 6px; text-decoration: underline; }
.pagerCurrentPage, .pagerMorePages { color: #000000; font-weight: bold; margin: 1px; padding: 0 6px; }

/*Cerec*/
.CerecTextTitle { font-weight: normal; font-size: 48pt; text-transform: uppercase; color: white; font-family: Arial, Verdana, sans-serif; text-align: center; }
.CerecTextSubTitle { font-weight: normal; font-size: 24pt; color: white; font-family: Arial, Verdana, sans-serif; text-align: center; }
.CerecLargeText { font-weight: normal; font-size: 16pt; color: white; font-family: Arial, Verdana, sans-serif; text-align: center; }
.CerecText { font-weight: normal; font-size: 12pt; color: white; font-family: Arial, Verdana, sans-serif; text-align: center; }
.CerecButton { margin: 70px auto 0px; width: 97px; }
a.cerecLinks:link { text-decoration: none; color: #899EDF; font-family: Verdana; text-decoration: none; }
a.cerecLinks:visited { text-decoration: none; color: #899EDF; }
a.cerecLinks:hover { text-decoration: underline;cursor:pointer; }
a.cerecLinks:active { text-decoration: none; }
.CerecDataTable { text-align: left; border: None 0px #CCCCCC; width: 700px; border-collapse: collapse; font-size: 8pt; font-family: Verdana; font-weight: Normal; color: #003366; }
.CerecDataTable thead tr { background-color:#7A9AFF; font-family:verdana; display:table-row; font-size:8pt; height:18px; font-weight:bold; vertical-align:middle;}
.CerecDataTable thead tr th { height: 30px; text-align: left; color: #fff; }
/*Validation*/
.error { color: #FF0000; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid  #CD0A0A; background-color:#FEF1EC; padding:1px; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }

/*Product Submission*/
.prodSubLink:link { color: #FFFFFF; text-decoration: none; }
.prodSubLink:visited { text-decoration: none; color: #FFFFFF; }
.prodSubLink:hover { text-decoration: none; color: #FFCC00; }
.prodSubLink:active { text-decoration: none; }
.prodSubLinks { font-size: 9px; font-style: normal; line-height: 13px; font-weight: bold; font-variant: normal; text-transform: uppercase; color: #666666; margin-left: auto; margin-right: auto; list-style-type: none; margin-top: 15px;}
.prodSubHeaders { font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; color: #000033; margin-left: auto; margin-right: auto; }
.prodSubBodyCopy { font-size: 11px; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; color: #FFFFFF; margin-left: auto; margin-right: auto; }
.prodSubBackground { background-color: #4B74B0; }


/* buttons */
.AddButton {background:transparent url('/images/buttons/Add.gif') no-repeat;width:72px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.AddToCartButton {background:transparent url(/Images/Buttons/AddToCart.gif) no-repeat;width:90px;height:15px;border:none;cursor:pointer;}
.AddToCartSubmitButton {background:transparent url(/Images/Buttons/AddToCart.gif) no-repeat;width:90px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.AddToListButton {background:transparent url(/Images/Buttons/AddToList.gif) no-repeat;width:90px;height:15px;border:none;cursor:pointer;}
.AddToListSubmitButton {background:transparent url(/Images/Buttons/AddToList.gif) no-repeat;width:90px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.AddToFormularySubmitButton {background:transparent url(/Images/Buttons/AddToFormulary.gif) no-repeat;width:110px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.AddToFormularyButton {background:transparent url(/Images/Buttons/AddToFormulary.gif) no-repeat;width:110px;height:15px;border:none;cursor:pointer;}
.ApproveButton {background:transparent url('/images/buttons/Approve.gif') no-repeat;width:71px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.DeleteSelectedButton {background:transparent url('/images/buttons/Deleteselected.gif') no-repeat;width:115px;height:16px;border:none;cursor:pointer;}
.CreateSupplyListButton{background:transparent url('/images/buttons/CreateSupplyList.gif') no-repeat;width:133px;height:18px;border:none;cursor:pointer;}
.DeleteSelectedSupplyListButton {background:transparent url('/images/buttons/Delete.gif') no-repeat;width:115px;height:22px;border:none;cursor:pointer;}
.DeleteButton {background:transparent url('/images/buttons/Delete.gif') no-repeat;width:72px;height:22px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.CreateSupplyListButton{background:transparent url('/images/buttons/CreateNewList.gif') no-repeat;width:133px;height:18px;border:none;cursor:pointer;}
.GoButton {background:transparent url(/Images/Buttons/Go.gif) no-repeat;width:36px;height:18px;border:none;cursor:pointer;}
.EmptyCartButton {background:transparent url('/images/buttons/EmptyCart.gif') no-repeat;width:90px;height:15px;border:none;cursor:pointer;}
.EmptyCartSubmitButton {background:transparent url('/images/buttons/EmptyCart.gif') no-repeat;width:90px;height:15px;border:none;cursor:pointer;display:block;text-indent:-9999px;font-size: 0px;line-height: 0px;}
.ExpressCheckoutButton {background:transparent url('/images/buttons/ExpressCheckout.gif') no-repeat;width:115px;height:15px;border:none;cursor:pointer;display:block;}
.CheckoutButton {background:transparent url('/images/buttons/Checkout.gif') no-repeat;width:72px;height:15px;border:none;cursor:pointer;display:block;}
.CheckoutSubmitButton {background:transparent url('/images/buttons/Checkout.gif') no-repeat;width:72px;height:15px;border:none;cursor:pointer;display:block;text-indent:-9999px;font-size: 0px;line-height: 0px;}
.UpdateButton {background:transparent url('/images/buttons/Update.gif') no-repeat;width:72px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.UpdateQuantityButton {background:transparent url('/images/buttons/UpdateQuantity.gif') no-repeat;width:115px;height:15px;border:none;cursor:pointer;display:block;}
.UpdateQuantitySubmitButton{background:transparent url('/images/buttons/UpdateQuantity.gif') no-repeat;width:115px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.ContinueShoppingButton {background:transparent url('/images/buttons/ContinueShopping.gif') no-repeat;width:134px;height:15px;border:none;cursor:pointer;}
.DeleteButton {background:transparent url('/images/buttons/Delete.gif') no-repeat;width:72px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.DownloadToExcelButton {background:transparent url('/images/Buttons/DownloadToExcel.gif') no-repeat;width:110px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.MoveButton {background:transparent url('/images/buttons/Move.gif') no-repeat;width:72px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.CopyButton {background:transparent url('/images/buttons/Copy.gif') no-repeat;width:72px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.RenameButton {background:transparent url('/images/buttons/Rename.gif') no-repeat;width:72px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.SupplyListSmallButton {background:transparent url('/images/buttons/ShoppingListSmall.gif') no-repeat;display:block;width:19px;height:19px;border:none;cursor:pointer;}
.RejectButton {background:transparent url('/images/buttons/Reject.gif') no-repeat;width:71px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.RemoveButton {background:transparent url('/images/buttons/Remove.gif') no-repeat;display:block;width:19px;height:19px;border:none;cursor:pointer;}
.RemoveSubmitButton {background:transparent url('/images/buttons/Remove.gif') no-repeat;display:block;width:19px;height:19px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;line-height: 0px;}
.CancelButton{background:transparent url('/images/buttons/Cancel.gif') no-repeat;display:block;width:72px;height:15px;border:none;cursor:pointer;}
.BackSubmitButton {background:transparent url('/images/buttons/Back.gif') no-repeat;display:block;width:72px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;line-height: 0px;}
.BackButton {background:transparent url('/images/buttons/Back.gif') no-repeat;display:block;width:72px;height:15px;border:none;cursor:pointer;margin:0;padding:0;}
.ContinueSubmitButton {background:transparent url('/images/buttons/Continue.gif') no-repeat;display:block;width:90px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;line-height: 0px;}
.ContinueButton {background:transparent url('/images/buttons/Continue.gif') no-repeat;display:block;width:90px;height:15px;border:none;cursor:pointer;margin:0;padding:0;}
.SaveChangesButton {background:transparent url('/images/buttons/SaveChanges.gif') no-repeat;width:82px;height:16px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;display:block;line-height: 0px;}
.SubmitButton {background:transparent url('/images/buttons/Submit.gif') no-repeat;display:block;width:71px;height:15px;border:none;cursor:pointer;}
.SearchSubmitButton {background:transparent url('/images/buttons/Search.gif') no-repeat;display:block;width:72px;height:15px;border:none;cursor:pointer;text-indent:-9999px;font-size: 0px;line-height: 0px;}
.PlaceOrderButton {background:transparent url('/images/buttons/PlaceOrder.gif') no-repeat;display:block;width:95px;height:27px;border:none;cursor:pointer;}
.PrintButton {background:transparent url('/images/buttons/Print.gif') no-repeat;display:block;width:71px;height:15px;border:none;cursor:pointer;}
.AcrobatReaderButton {background:transparent url('/images/GetAcrobatReader.gif') no-repeat;display:block;width:88px;height:31px;border:none;cursor:pointer;}
.ManageFormulariesButton {background:transparent url('/images/buttons/ManageFormularies.gif') no-repeat;width:200px;height:22px;border:none;cursor:pointer;}
.SubmitAsLink { border: 0px; margin: 0px; padding: 0px; background-color:transparent; }

/* Shopping Cart */
.cartTableHeader {font-size:8pt;font-family:verdana; font-weight:bold;color:#ffffff; vertical-align:top; background-color:#7A9AFF;height:15px;}
.cartTableHeader th {padding:3px;margin:0;}

#MSDSLabelText {font-weight:bold;}
#ProductDescription{font-family: Verdana;font-size: 8pt;font-weight: normal;padding: 10px 0 0 0;}

.LargerImageLink, .PattersonItemNumber, .ItemNumber{} /* convienence classes - do not remove for fear of the spanish inquisition! */

/* Unsubmitted Orders */
.unsubmittedOrderTable {border:solid 1px #aca899;width:100%;margin:0;}
.headerStyle {background:#7A9AFF;border-top:solid 1px #aca899;border-bottom:solid 1px #aca899;font-family:verdana;font-size:8pt;color:#ffffff;height:15px;}
.headerStyle th {padding:3px;margin:0;}
.border {border:solid 1px #aca899;}
.borderLeft {border-left:solid 1px #aca899;}
.borderRight {border-right:solid 1px #aca899;}
.borderTop {border-top:solid 1px #aca899;}
.borderBottom {border-bottom:solid 1px #aca899;}
.alternateRowStyle {background:#EEEDD8;}
.rowStyle{color:#000066;}
.rowStyle, .alternateRowStyle {height:20px;margin:0;}
.alternateRowStyle td, .rowStyle td {padding:3px;margin:0;}

/*Orders, Breadcrumb styles*/
.mainBackground {background-color:#efefef;}
.arrowStyle { padding:0 2px 0 2px;display:inline-block;}
.unfinished {background-color:#efefef;font-family:Verdana;font-size:10pt;color:Black; } 
.finished {	background-color:#efefef;font-family:Verdana;font-size:10pt;color:#CC9933;} 
.current{background-color:#efefef;font-family:Verdana;font-size:10pt;color:Black;font-weight:bold;}
.lightGreyLine { background:transparent url('/images/lightGreyPixal.gif') repeat-x;height:1px;}

.variableHeight{height: 75px;}
.variableHeightBigger{height: 115px;}
.noHeight {display:none;}
.someHeight{display:inline-block;height:40px;font-size:8pt;font-weight:bold;color:#e6e6e6;float:left;}

.PendingOrdersDataTable { text-align:left; border: None 0px #CCCCCC; background-color:White; width:100%; border-collapse:collapse;}
.PendingOrdersDataTable thead tr { background-color:#336699; font-family:verdana; display:table-row; font-size:8pt; height:18px; font-weight:bold; vertical-align:middle;}
.PendingOrdersDataTable thead tr th { height: 18px; color:White; text-align: left; text-decoration: underline; cursor: pointer; }
.PendingOrdersDataTable tbody tr td {  padding: 5px 0px 5px 0px; }

/*Order- Shipping Address */
.shippingAddressSpanOne {display:block;text-transform:capitalize;margin:0;padding:8px 0 0 20px;}
.shippingAddressSpanTransform {display:block;text-transform:capitalize;margin:0;padding:0 0 0 20px;}
.shipToAddress {display:inline-block;margin:0;padding:0;}
.shipToAddressInput{padding:0;margin:0;}
.shippingAddressSpan{display:block;margin:0;padding:0 0 0 20px;}
.addAddressLink {font-family:Verdana, Arial, "Times New Roman";font-size:10pt; }

/*Order- Review Order */
.totalAlignRight55Column {text-align:right;width:55%;}
.totalAlignRight45Column {text-align:right;width:45%;}
.total55Column {width:55%;}
.total45Column {width:45%;}

/*Order- CreditCardInfo*/
.creditCardLabel {width:30%;font-weight:bold;font-size:9pt;padding:2px 4px 0 0;text-align:left;margin:0;}
.creditCardLabelNoTopPadding {width:30%;font-weight:bold;font-size:10pt;padding:0 4px 0 0;text-align:right;margin:0;}
.creditCardInput {width:60%;margin:0;}
.creditCardDivPadding {padding:8px 0 0 0;}
.creditCardInputLongBox {width:335px;}
.creditCardNumberBox {width:156px;}
.creditCardCodeBox {width:40px;}
.creditCardZipBox { width:94px;}
.creditCardSmallLabel { color:#666; font-family:Verdana; font-size:7pt; font-weight:normal;}
.creditCardPopUpDetail {padding:2px 2px 0 2px;}
.popUpBox {width:300px; height:203px;}

/*Order - Print*/
.OrderPrintTopHeaderTextStyle {color:#000000;text-decoration:underline;}
.OrderPrintSubTextSize { font-size:20px;}

/* Search */
.SearchResult{float: left; margin: 0 auto; padding-top: 5px;padding-bottom:5px;width:600px;border-top:solid 1px #ccc;}
.SearchResults{color:#990000; font-weight:bold;float:left; margin: 20px; padding-top: 5px;padding-bottom:5px;padding-left:20px;width:620px;border-top:solid 1px #ccc;background-color:#F3F3F3;}
.SearchResultList{padding-left:20px;}
.PadMeBottom{padding-bottom:15px;}
#resultStats {padding-left:20px;}

/* status */
div.dialog{width: 100%; text-align:center;margin:0 auto; padding:0; color:#f00;}
div.dialogText{width:600px;text-align:left;margin-left:200px;padding:30px 0 50px 0;}

/* make / submit / confirm payment screens */
div.multi-step-wrapper  { margin: 0 0 0 40px; padding: 10px 0 0; font-family: Arial; font-weight: bold; }
div.gradiated-ruler     { height: 1px; width: 405px; width: 405px; margin:0; padding:0; background: transparent url('/Images/BillPay/gradiated_ruler.png') center center no-repeat; }
div.payment-steps       { height: 35px; line-height: 35px; vertical-align: middle; padding: 0 5px; }
div.step-number         { height: 35px; font-size: 24px; color: #A0A0A0; width: 12px; text-align: center; float: left; margin-right: 6px; }
div.step-number.active  { color: #006FB6; }
div.step-name           { height: 35px; font-size: 12px; color: #A0A0A0; text-align: left;  float: left; margin-right: 8px; }
div.step-name.active    { color: #000; }
div.step-arrow          { background: transparent url('/Images/BillPay/step_arrow.png') center center no-repeat; height: 35px; width: 30px; text-align: center; float: left; margin-right: 6px; }

/***************************** Visual Design Specification Version 1.1 01Jun2010 *****************************/
.HeaderPageTitle {font-family:Arial; font-size:19px; font-weight:normal; color:#00386a; width:946px;}

.NavigationTabSelected {font-family:Arial; font-size:19px; font-weight:normal; color:#ffffff;}
.NavigationTabNonSelected {font-family:Arial; font-size:19px; font-weight:normal; color:#003855;}

#contactUsTabs                  { font-family: Arial; font-size: 12px; margin: 0; padding: 0; line-height:18px; }
#contactUsTabs li.tab           { display:inline; float:left; position:relative; bottom: -1px; margin: 0 2px 0 0; border-color: #D2D2D2; border-style: solid; border-width: 1px; border-top-left-radius:4px; border-top-right-radius:4px; padding: 6px 12px; background: #B2D2E1 url('/images/jquery/ui-bg_glass_75_b2d2e1_1x400.png') repeat-x scroll 50% 50%; }
#contactUsTabs li.tab a         { color: #000; }
#contactUsTabs li.selected      { background-color: #fff; background-image: none; border-bottom-color: #fff; font-weight: bold; }

.SecondaryTabActive             { border-bottom:2px solid #FFF !important; margin-bottom:-2px !important; /*font-weight: bold !important;*/}

.LeftPanelHeader {font-family:Arial; font-size:16px; font-weight:bold; color:#00446d;}
.LeftPanelText {font-family:Arial; font-size:16px; font-weight:normal; color:#00446d;}

.ContentAreaText {font-family:Arial; font-size:12px; font-weight:normal; color:#3d3d3d;}
.ContentAreaTextSmall {font-family:Arial; font-size:12px; font-weight:normal; color:#3d3d3d;}
.ContentAreaLabel {font-family:Arial; font-size:12px; font-weight:bold; color:#3d3d3d;}
.OrderConfirmationLabel {font-family:Arial; font-size:15px; font-weight:bold; color:#00386A;}
.ContentAreaProductDescription {font-family:Arial; font-size:15px; font-weight:normal; color:#3d3d3d;}
.ContentAreaLink {font-family:Arial; font-size:16px; font-weight:normal; color:#006fb6;}

.TableColumnHeader {font-family:Arial; font-size:12px; font-weight:bold; color:#3d3d3d; background-color: #e8e8e8;}
.TableColumnHeaderLink {font-family:Arial; font-size:12px; font-weight:bold; color:#3d3d3d; background-color: #e8e8e8; border:none; cursor:pointer; text-decoration:none;}
.TableColumnCellEntry {font-family:Arial; font-size:11px; font-weight:normal; color:#3d3d3d;}
.TableColumnCellEntryItalics {font-family:Arial; font-size:11px; font-weight:normal; color:#3d3d3d; font-style:italic;}
.TableColumnCellEntryPendingOrder {font-family:Arial; font-size:11px; font-weight:normal; color:#3d3d3d;}
.TableColumnInStockItem {font-family:Arial; font-size:16px; font-weight:normal; color:#008c17;}
.TableColumnOutOfStockItem {font-family:Arial; font-size:16px; font-weight:normal; color:#d20000;}
.TableAltRowColor { background-color: #F0F0F0; }
.TableBorder{ border: 1px solid #d2d2d2; }
.TableBorderLeft{ border-left: 1px solid #d2d2d2; }
.TableBorderRight{ border-right: 1px solid #d2d2d2; }
.TableBorderTop{ border-top: 1px solid #d2d2d2; }
.TableBorderBottom{ border-bottom: 1px solid #d2d2d2; }
.TabBorder{ border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.OrderSummaryBackground { background-color: #FFFFCC; }

.RightPanelHeader {font-family:Arial; font-size:19px; font-weight:normal; color:#00386a;}
.RightPanelText {font-family:Arial; font-size:16px; font-weight:normal; color:#3d3d3d;}

.LoginHeader {font-family:Arial; font-size:19px; font-weight:normal; color:#00386a;}

.FooterLegalStatement {font-family:Arial; font-size:16px; font-weight:normal; color:#3d3d3d;}
.FooterLink {font-family:Arial; font-size:16px; font-weight:normal; color:#006fb6;}

/* Dashboard styles */
/* TODO: Have creative create a vertical gradient for the widget backgrounds - URL located in the jquery css*/

.portletGradient { background-color: #FFFFFF; background-image: url('/CSS/Default/Images/PortletGradientTop.jpg'); background-repeat: no-repeat; background-position:top; border: 1px solid #CAC7C0; }
.portletHeader { margin: 2px; padding-bottom: 4px; padding-left: 2px;}
.portletHeader .ui-icon { float: right; }
.portletContent { padding: 4px; color: #3d3d3d; font-size: 8pt;}
/*jquery custom classes, so class name not standardized*/
.ui-sortable-placeholder { border: 1px dashed black; visibility: visible !important; width: 310px; height: 25px !important; color: Yellow; }
.ui-sortable-placeholder * { visibility: hidden; }
.portletTableStyle { border: solid 1px #d2d2d2; }
.portletTableStyle th { border: solid 1px #d2d2d2; background-color:#e8e8e8; padding: 4px; }
.portletTableStyle td { padding: 4px; }
.portletTableStyle .altRow { background-color: #F0F0F0}
/* Dashboard styles */

.equipmentPromotionsHeader{width: 140px; margin:0;float: left;}
.equipmentPromotionsHeaderWhatsThis{width: 80px; margin:0;padding-left: 25px;float:right;}
#imagePreview { position: absolute; border: 1px solid #ccc; background: #fff; padding: 5px; display: none; color: #000; }

/*text align*/
.alignLeft{text-align: left;}
.alignRight{text-align: right;}
.alignCenter{text-align: center;}
/*text align*/

/* PRINTING CLASSES */
@media print { .noprint { display: none; } }
@media print { #wrap {position:relative; width: 100%; float: none !important;overflow: visible !important;display:inline;clear:none; height:auto; margin: 0; padding:0; left: 0; } }
@media print { #ResultsDiv {position:relative; width: 100%; float: none !important;overflow: visible !important;display:inline;clear:none; height:auto; margin: 0; padding:0; left: 0; } }
@media print { .threeCenter {position:relative; width: 100%; float: none !important;overflow: visible !important;display:inline;clear:none; height:auto; margin: 0; padding:0; left: 0; } }
@media print { #wrap {position:relative; width: 100%; float: none !important;overflow: visible !important;display:inline;clear:none; height:auto; margin: 0; padding:0; left: 0; } }

/* tables */
.sortDirImage {float:right; height:16px; width:16px;}
.headerSortDown .sortDirImage {background:transparent url('/Images/Jquery/ui-icons_222222_256x240.png') repeat-y -64px -16px !important;width:16px !important;height:16px !important;}
.headerSortUp .sortDirImage {background:transparent url('/Images/Jquery/ui-icons_222222_256x240.png') no-repeat 0px -16px !important;width:16px !important;height:16px !important;}
.header .sortDirImage {background:transparent url('/Images/Jquery/ui-icons_222222_256x240.png') no-repeat -128px -16px;width:16px;height:16px;}
.sortIconNoJava {float:right;}
.even{background-color:#ffffff;}
.odd{background-color:#f6f6f6;}

/* CheckBoxes */
.noBullet{list-style-type: none;}

/* Categories Tab */
#CategoriesSectionLinks  div a.selected {color: #3d3d3d;font-weight: bold; background-color:#b6b6b6 ! important;}

#expandAllCategories{cursor: pointer; color:Blue; font-family:Arial; font-size:11px; font-weight:normal; }
#collapseAllCategories{cursor: pointer; color:Blue; font-family:Arial; font-size:11px; font-weight:normal; }

/* Tables */
.sortableTableStyle { border: solid 1px #d2d2d2; }
.sortableTableStyle th { border: solid 1px #d2d2d2; background-color:#e8e8e8; padding: 4px; }
.sortableTableStyle td { padding: 4px; }
.sortableTableStyle .altRow { background-color: #F0F0F0}

/*Icons*/

/* 16 x 16 Icons */
.galleryIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -200px -89px !important; float:left; height: 16px; width: 16px; } 
.galleryIcon16Selected { background: url(/Images/Icons/icons_all.png) no-repeat -232px -89px !important; float:left; height: 16px; width: 16px; } 
.galleryIcon16:hover { background-position:-232px -89px !important; }
.listIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -184px -89px !important; float:left; height: 16px; width: 16px; } 
.listIcon16Selected { background: url(/Images/Icons/icons_all.png) no-repeat -216px -89px !important; float:left; height: 16px; width: 16px; } 
.listIcon16:hover { background-position:-216px -89px !important; }

.hazmatIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -152px -72px !important; display: inline-block; height: 16px; width: 16px; } 
.onFormularyIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -200px -72px !important; display: inline-block; height: 16px; width: 16px; } 
.requiredPrescriptionIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -216px -72px !important; display: inline-block; height: 16px; width: 16px; } 
.myCatalogIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -120px -72px !important; display: inline-block; height: 16px; width: 16px; } 
.additionalInformationIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -168px -72px !important; display: inline-block; height: 16px; width: 16px; } 
.msdsIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -184px -72px !important; display: inline-block; height: 16px; width: 16px; } 
.manufacturerPromotionIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -136px -72px !important; display: inline-block; height: 16px; width: 16px; } 
.autoFreeGoodIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -120px -88px !important; display: inline-block; height: 16px; width: 16px; } 
.advantagePromotionIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -136px -88px !important; display: inline-block; height: 16px; width: 16px; } 
.cameraIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -152px -88px !important; display: inline-block; height: 16px; width: 16px; } 
.rssIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -232px -72px !important; display: inline-block; height: 16px; width: 16px; } 
.helpIcon16 { background: url(/Images/Icons/icons_all.png) no-repeat -168px -104px !important; display: inline-block; height: 16px; width: 16px; } 

/* 24 x 24 Icons */
.galleryIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat -48px -0px !important; float: left; height: 24px; width: 24px; } 
.galleryIcon24Selected { background: url(/Images/Icons/icons_all.png) no-repeat -48px -24px !important; float: left; height: 24px; width: 24px; } 
.galleryIcon24:hover { background-position: -48px -24px !important; }
.listIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat -24px -0px !important; float:left; height: 24px; width:24px; } 
.listIcon24Selected { background: url(/Images/Icons/icons_all.png) no-repeat -24px -24px !important; float:left; height: 24px; width:24px; } 
.listIcon24:hover { background-position:-24px -24px !important; }
.shoppingCartEmpty24 { background: url(/Images/Icons/icons_all.png) no-repeat -72px -24px !important; float: left; } 
.shoppingCartFull24 { background: url(/Images/Icons/icons_all.png) no-repeat -72px -0px !important; float: left; } 

 /*
.hazmatIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat 0px 0px !important; display: inline-block; height: 24px; width: 24px; } 
.onFormularyIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat 0px -24px !important; display: inline-block; height: 24px; width: 24px; }
.requiredPrescriptionIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat 0px -48px !important; display: inline-block; height: 24px; width: 24px; } 
.myCatalogIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat 0px -71px !important; display: inline-block; height: 24px; width: 24px; } 
.additionalInformationIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat 0px -95px !important; display: inline-block; height: 24px; width: 24px; }
.msdsIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat 0px -119px !important; display: inline-block; height: 24px; width: 24px; } 
.manufacturerPromotioIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat 0px -143px !important; display: inline-block; height: 24px; width: 24px; } 
.autoFreeGoodIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat -50px -193px !important; display: inline-block; height: 24px; width: 24px; } 
.advantagePromotionIcon24 { background: url(/Images/Icons/icons_all.png) no-repeat -75px -193px !important; display: inline-block; height: 24px; width: 24px; } 
 */
.plusIcon16 { background: url(/Images/Icons/plus.png)!important; float: left; height: 16px; width: 16px; } 
.minusIcon16 { background: url(/Images/Icons/minus.png)!important; float: left; height: 16px; width: 16px; } 


.iconLegend { border: 1px solid #D2D2D2; padding: 4px; }
.iconLegendColumn { float:left; overflow: visible; margin: 2px; white-space: nowrap; } /* Used inplace of .column for IE7 purposes */
.iconLabel {  white-space: nowrap; line-height: 16px; display: inline-block; padding-left: 2px; }
.iconSpacing { margin: 0px 2px 2px 0px; }

/* Supplies and Equipment */
.ProductImageContainer { width:200px; height:150px; border: 1px solid #d2d2d2; }
.ProductImage {width: 150px; height: 150px; margin:0px 25px; background-color: transparent;}
.MostPopularCarouselItemContainer { width: 200px; }
.SuppliesNewArrivalsItemContainer { width: 200px; }
.SuppliesMostPopularPromotionItemTitle { height: 32px; }
.galleryListPipe24{line-height: 24px; height: 24px; font-size: 18px; color: #000; font-weight: bold; margin:0 5px 0 5px;}
.galleryListPipe16{line-height: 16px; height: 16px; font-size: 18px; color: #000; font-weight: bold; margin:0 5px 0 5px;}
.productItemFamilyListHeader{ margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #000;}
.suppliesCarousel{ margin-top:105px; }
.RankedPromotionText { width: 50px; height: 50px; position:relative; right:0px; top:0px; border: 1px solid #d2d2d2; }
.productItemFamilyOnPromotion {border: 1px solid #d2d2d2; background-color: #b2d2e1; }
.productImage400 {width: 400px; height: 400px; border: 0; display: inline-block;}
.productImage150 {width: 150px; height: 150px; border: 0;}
.productImage100 {width: 100px; height: 100px; border: 0;}
.productImage45 {width: 45px; height: 45px; border: 0; display: inline-block; }
.suppliesDealImage {padding: 0; margin: 0px 0px -50px -65px; z-index: 1; position: absolute;}
.hrGrey { width: 100%; color: #C0C0C0; margin: 5px 0px 5px 0px;}
ul.catalogSuppliesTab {list-style-type:none;}
ul.catalogSuppliesTab li {display:inline;}
.parentFamilyHeader {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #C0C0C0;}
.productFamilyImagesCarousel{ margin-top:25px; margin-left:5px; margin-right:5px }
.productFamilyImagesCarouselMain{ margin-top:25px; text-align:center; }
#exandAllItemFamilies{cursor: pointer; text-decoration: underline; color:Blue; font-family:Arial; font-size:11px; font-weight:normal; }
#collapseAllItemFamilies{cursor: pointer; text-decoration: underline; color:Blue; font-family:Arial; font-size:11px; font-weight:normal; }
.productFamilyCarouselImageThumb{float: left; overflow: hidden; display: inline; border: 1px solid #d2d2d2; margin:10px 5px 0 5px;}
.productFamilyCarouselImageThumb ul {margin: 0;padding: 0;list-style: none;}
.productFamilyCarouselImageThumb ul li{margin: 0; padding: 6px 5px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #FFFFFF; border-right: 1px solid #ccc;}
.productFamilyCarouselImageThumb ul li.hover{background: #C0C0C0;cursor: pointer;}
.productFamilyCarouselImageThumb ul li.active{background: #808080; cursor: default;}
.PattersonAdvantageBanner { width: 953px; height: 140px; margin: 20px auto 20px auto; }
.lastOrdered a {font-family:Arial; font-size:10px; font-weight:normal; text-decoration: underline;}
.carouselSpacer{height:400px; width:30px;}
.itemDetailImageContainer {display: inline-block; border: 1px solid #D2D2D2;}
.productFamilyDescription ul {margin-left:15px;}
.productFamilyDescription li {margin-bottom: 5px;}

/* Tags */
form.newTagForm label.error {display: none; }
.newTagTextBox{color:#000000; font-weight:normal; width:125px; background-color:#FFFFFF; font-size:12px; font-family:Verdana;}
.newTagTextBoxVerification{border:1px solid red;background-color:#fee; color:#000000 !important; font-weight:normal}

/* ECAT */
#ecatContainer { text-align: left; width: 1017px; margin-left: auto; margin-right: auto; min-height: 100%; }
#ecatHeader { top: 36px; left: 1px; z-index: 3; }
#ecatFooter { margin-top: -200px; left: -11px; z-index: -1; }
#ecatFooterText{ top: 1050px; left: 13px; z-index: 3; width: 980px; font-size : 12px;}
#ecatExploreProducts{ top: 50px; z-index: 3;}
.footerTextLeft {color: #fff; float: left;}
.footerTextRight {color: #fff; float: right;}
#ecatTestbox { left: 13px; width: 994px; height: 600px; z-index: 3; background-color: #FFFFFF; }
#ecatCallOut { padding: 20px; }
#ecatMainBodyCopy { width: 580px; padding-left: 30px; float:left; }
.largeText {font-size: 20px; font-weight: bold;}

/* Technology */
.technologyHeading{color: #3853A4;font-size:19px;font-weight:bold;font-family:Arial, Sans-Serif, Verdana;text-align:center; padding-bottom:30px;}
.technologySubText{color:#333333;font-family:Arial, Sans-Serif, Verdana;font-size:8pt;}
.practiceBackground {background:url('/Images/Technology/technologyPracticeManagement.jpg') no-repeat !important;display:inline-block;height:299px;width:170px;padding-right:7px;}
.imagingBackground {background:url('/Images/Technology/technologyImaging.jpg') no-repeat !important;display:inline-block;height:299px;width:170px;padding-right:7px;}
.patientBackground {background:url('/Images/Technology/technologyPatient.jpg') no-repeat !important;display:inline-block;height:299px;width:170px;padding-right:7px;}
.cerecBackground {background:url('/Images/Technology/technologyCerec.jpg') no-repeat !important;display:inline-block;height:299px;width:170px;padding-right:7px;}
.trainingBackground {background:url('/Images/Technology/technologyTraining.jpg') no-repeat !important;display:inline-block;height:299px;width:170px;}
.findOutMoreBackground {background:url('/Images/Technology/technologyFindOutMore.jpg') no-repeat !important;display:inline-block;height:190px;width:233px;}
.findOutMoreSubText{color:#333333;font-family:Arial, Sans-Serif, Verdana;font-size:8pt;float:left;padding:8px 5px 5px 13px;width:40%;}
.technologyLinkList{border-bottom:1px solid #AAAAAA !important;}
.technologyLinkList a {width:145px; height:30; outline: none;}
.practiceMainDiv{float:left; width: 1003px;}
.technologyTab{float:left !important; width:725px !important;}
.technologyMainDiv{border: 0px none !important; float: left !important; width: 900px !important; padding-top:15px !important;}

/* Equipment */
.equipmentHeading{color: #3853A4;font-size:19px;font-weight:bold;font-family:Arial, Sans-Serif, Verdana;text-align:center; padding-bottom:30px;}
.equipmentSubText{color:#333333;font-family:Arial, Sans-Serif, Verdana;font-size:8pt;}
.equipmentLinkList{border-bottom:1px solid #AAAAAA !important;}
.equipmentLinkList a {width:145px; height:30; outline: none;}
.equipmentTab{float:left !important; width:725px !important;}
.equipmentMainDiv{border: 0px none !important; float: left !important; width: 900px !important; padding-top:15px !important;}

/* Services */
.servicesHeading{color: #3853A4;font-size:19px;font-weight:bold;font-family:Arial, Sans-Serif, Verdana;text-align:center; padding-bottom:30px;}
.servicesSubText{color:#333333;font-family:Arial, Sans-Serif, Verdana;font-size:8pt;}
.officeDesignBackground {background:url('/Images/Services/officeDesign.jpg') no-repeat !important;display:inline-block;height:299px;width:170px;padding-right:7px;}
.advantageBackground {background:url('/Images/Services/advantage.jpg') no-repeat !important;display:inline-block;height:299px;width:170px;padding-right:7px;}
.supportBackground {background:url('/Images/Services/support.jpg') no-repeat !important;display:inline-block;height:299px;width:170px;padding-right:7px;}
.financingBackground {background:url('/Images/Services/financing.jpg') no-repeat !important;display:inline-block;height:299px;width:170px;}
.servicesfindOutMoreBackground {background:url('/Images/Services/technologyFindOutMore.jpg') no-repeat !important;display:inline-block;height:190px;width:233px;}
.servicesfindOutMoreSubText{color:#333333;font-family:Arial, Sans-Serif, Verdana;font-size:8pt;float:left;padding:8px 5px 5px 13px;width:40%;}
.servicesLinkList{border-bottom:1px solid #AAAAAA !important;}
.servicesLinkList a {width:145px; height:30; outline: none;}
.servicesTab{float:left !important; width:725px !important;}
.servicesMainDiv{border: 0px none !important; float: left !important; width: 900px !important; padding-top:15px !important;}
#advantageOverview {height:790px; background:url('/Images/Services/advantageOverview.jpg') no-repeat left bottom;}


/* MyAccount */
.MyAccountAdvantageBanner{margin:10px auto 20px auto; background-image: url('/Images/Advantage/advantageSummaryBanner.jpg');background-repeat: no-repeat;width: 953px; height: 140px;font-family: Verdana;font-size: 9px;text-align: left;color: #FFFFFF;}
.MyAccountAdvantageBannerHeader{width: 948px;height: 30px;margin: 5px 0px 0px 5px;font-size: 18px;font-family: Verdana;color: #204D22;}
.MyAccountBannerSections{width: 290px;height: 110px;margin: 5px;}
.MyAccountAdvantageImage{display: block;width: 35px;height: 35px;background-repeat: no-repeat;}
.MyAccountAdvantageBanner a{color:#99cc33;}

/* Enrollment Level Customer uses silver also*/
.PA_E_Image{background: url('/Images/Icons/icons_all.png') no-repeat -120px 0px !important; float:left; height: 34px; width: 65px;}
/* Silver Large Advantage Icon*/
.PA_S_Image{background: url('/Images/Icons/icons_all.png') no-repeat -120px 0px !important; float:left; height: 34px; width: 65px;}
/* Gold Large Advantage Icon */
.PA_G_Image{background: url('/Images/Icons/icons_all.png') no-repeat -185px -38px !important; float:left; height: 34px; width: 65px;}
/* Platinum Large Advantage Icon*/
.PA_P_Image{background: url('/Images/Icons/icons_all.png') no-repeat 0px -72px !important; float:left; height: 34px; width: 65px;}
/* Diamond Large Advantage Icon*/
.PA_D_Image{background: url('/Images/Icons/icons_all.png') no-repeat -184px 0px !important; float:left; height: 34px; width: 65px;}

/* Vertical Tabs - Technology Pages */
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em !important; float: left; width: 12em!important; }
.ui-tabs-vertical .ui-tabs-nav li {clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block !important; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {margin-bottom:2px !important; border-bottom:1px solid #AAAAAA !important; padding-bottom: 0 !important; padding-right: 1.5px; border-right-width: 1px;}
.ui-tabs-vertical .ui-tabs-panel { padding: 1em !important; float: right; width: 40em; border-left-width:1px !important;}
    
/* side bar navigation */
.clear {	clear: both;}
.RefinementSelection {	font-family: Arial,Verdana,Helvetica,sans-serif;	width: 200px;	position: relative;
    margin: 0;
}
.RefinementSelection h2 {
    background: #fff url(../../Images/SidebarNavigationSprite.gif) no-repeat -2px -617px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    height: 15px;
    margin: 0;
    padding: 6px 9px;
}
.RefinementSelection a.selected {
    font-size: 12px;
    text-decoration: none;
}
.RefinementSelection h2 span, .RefinementSelection p span {
    position: absolute;
    left: -1000000px;
}
.RefinementSelection h3 {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    height: 15px;
    background: #fff url(../../Images/SidebarNavigationSprite.gif) no-repeat -2px -868px;
    outline: 0;
    margin: 0;
    padding: 6px 9px;
}
.RefinementSelection a.expand h3 {
    margin-bottom: 2px;
    background-position: -2px -650px;
    cursor: pointer;
}
.RefinementSelection a.expand:focus h3, .RefinementSelection a.expand:active h3 {
    outline: 1px dotted!important;
}
.RefinementSelection a:focus h3, .RefinementSelection a:active h3, .RefinementSelection a:hover h3 {
    background-position: -2px -902px;
}
.RefinementSelection a.collapse h3 {
    background-position: -2px -719px;
    cursor: pointer;
}
.RefinementSelection a.expand:hover h3 {
    background-position: -2px -685px;
}
.RefinementSelection a.collapse:hover h3 {
    background-position: -2px -753px;
}
.listView ul.long {
    overflow:auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    height:200px;
    width:200px
}
.RefinementSelection p a {
    color: #666666;
    height: 12px;
    width: 27px;
    top: 30px;
    right: -2px;
    line-height: 1em;
    overflow: hidden;
    position: absolute;
}
.RefinementSelection p.dashboard a {
    top: 8px;
    right: 0;
    width: 48px;
}
.RefinementSelection dl {
    font-size: 12px;
    background: #f5f5f5;
    margin: 0 0 2px;
    padding: 4px 0 4px 9px;
}
.RefinementSelection dd {
    margin-left: 15px;
}
.RefinementSelection dt a {
    display: block;
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -236px -244px;
    text-decoration: none;
    float: left;
    margin: 0;
    padding: 2px 2px 0 16px;
}
.RefinementSelection dd a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 2px 0 0;
}
.RefinementSelection li.refinementGroup {
    margin-bottom: 5px;
    outline: none;
    position: relative;
}
.RefinementSelection .helperText {
    display: block;
    height: 1px;
    left: -2000px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
.refinementGroup p a {
    color: #666;
    font-size: 11px;
    right: 0;
    top: 29px;
}
.refinementGroup p span {
    position: absolute;
    top: 31px;
    left: 8px;
    line-height: 1em;
}
.refinementGroup h3 span {
    left: -2000px;
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
.refinementGroup .selectedCount {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    display: none;
    margin-left: 10px;
    font-size: 11px;
    font-weight: 400;
    color: #900;
}
.listView {
    font-size: 12px;
}
.listView p, .gridView p {
    font-size: 11px;
    color: #666;
    text-indent: -9000px;
    margin: 3px 0;
    padding: 2px 0;
}
.listView p *, .gridView p * {
    text-indent: 0;
}
.gridView li span.grayed {
    background: #fff url(../../Images/SidebarNavigationSprite.gif) no-repeat -116px -164px;
    float: left;
    height: 36px;
    text-indent: -9000px;
    width: 36px;
    margin: 0 4px 8px 0;
    padding: 1px;
}
.listView ul.refinementList {
    position: relative;
    padding: 0;
}
.listView ul.scroll-pane {
    padding: 5px 0 0;
}
.listView .refinementList a, .listView .userSpecifiedPriceBin form {
    text-decoration: none;
    color: #333;
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -238px -203px;
    display: block;
    clear: both;
    /*width: 193px;*/
    margin: 0 0 0 8px;
    padding: 2px 0 0 19px;
}
.listView .refinementList a:hover {
    color: #fff;
    background: #83b6d4 url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -2px -787px;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 2px 0 0 27px;
}
.listView .refinementList a.selected {
    text-decoration: none;
    font-weight:bold;
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -238px -244px;
    display: block;
    margin: 0 0 0 8px;
    padding: 2px 0 0 19px;
}
.listView .refinementList a.selected:hover {
    color: #fff;
    background: #83b6d4 url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -2px -825px;
    display: block;
    margin: 0;
    padding: 2px 0 0 27px;
}
.listView .refinementList span.grayed {
    color: #ccc;
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -238px -327px;
    display: block;
    margin: 2px 0 0 8px;
    padding: 0 0 0 19px;
}
.refinementList form ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.refinementList form {
    text-decoration: none;
    color: #333;
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -238px -203px;
    display: block;
    margin: 0 0 0 8px;
    padding: 1px 0 0 19px;
}
.refinementList form span {
    float: left;
    padding: 0 1px 0 0;
}
.refinementList form span.divider {
    padding-left: 6px;
}
.refinementList form label {
    position: absolute;
    left: -90000000px;
}
.refinementList form:hover {
    text-decoration: none;
    color: #fff;
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -2px -787px;
    display: block;
    margin: 0;
    padding: 1px 0 0 27px;
}
.refinementList form.selected {
    text-decoration: none;
    color: #333;
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -238px -244px;
    display: block;
    height: 17px;
    margin: 0 0 0 8px;
    padding: 1px 0 0 19px;
}
.refinementList form.selected:hover {
    text-decoration: none;
    color: #fff;
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -2px -824px;
    display: block;
    height: 17px;
    margin: 0;
    padding: 1px 0 0 27px;
}
.refinementList form ol li {
    float: left;
    width: 48px;
    margin: 0;
    padding: 0;
}
.refinementList form ol li label {
    float: left;
    display: block;
    width: .7em;
    height: 1em;
    overflow: hidden;
}
.refinementList form ol li #toPriceLabel {
    width: 1.3em;
}
.refinementList form legend {
    background: green;
    position: absolute;
    display: none;
    top: 20px;
    left: -3000px;
    width: 1px;
    overflow: hidden;
}
.refinementList form input#low-price, .refinementList form input#high-price {
    float: left;
    width: 2.5em;
    font-family: arial,verdana,helvetica,sans-serif;
    height: 1em;
    margin: 0;
    padding: 0;
}
.refinementList form input.default {
    color: #aaa;
}
.refinementList form input.submit {
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -238px -157px;
    border: 0;
    cursor: pointer;
    height: 15px;
    width: 25px;
    overflow: hidden;
    display: block;
    float: left;
    text-indent: -900px;
    line-height: 0;
    font-size: 0;
    margin: 0 0 0 5px;
    padding: 0;
}
.refinementList form input.submit:hover {
    background-position: -238px -134px;
}
.refinementList form .buttonGroup input {
    display: block;
    width: 25px;
    background: transparent url(../../Images/SidebarNavigationSprite.gif) no-repeat scroll -238px -134px;
    height: 15px;
    border: 0 none;
    line-height: 0;
    text-indent: 10000px;
    margin: 0 0 0 4px;
    padding: 0;
}
.refinementSearch {
    font-size: 11px;
    border-bottom: 1px solid #D6D6D6;
    padding: 7px 0 7px 9px;
}
.refinementSearchBox {
    border: 1px solid #999;
    height: 12px;
    width: 71px;
}

ul.navigationLinkList
{
    overflow:auto;
    max-height:200px;
}

.searchHighlight {
    background: #FF0;
}
.clearfix:after, .searchOptionsBar:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
.relatedContent a, .RefinementSelection a {
    text-decoration: none;
}
.searchOptionsBar ol, .searchOptionsBar ul, .RefinementSelection ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.searchResultsAndOptions span.offscreen {
    position: absolute;
    left: -2000px!important;
    display: block;
    width: 1px;
    overflow: hidden;
}
.RefinementSelection dt {
    clear: left;
}
.searchOptionsBar .pagination ol.pageNumbers {
    float: left;
    margin: 0 2px;
}
.RefinementSelection p, .listView ul li {
    margin: 0;
}
.listView ul.scrollPane a {
    width: 176px;
}
.refinementList form input.invalid, .RefinementSelection .empty {
    display: none;
}
/* end side bar navigation */
/*OrderSearch Results Table*/
.OrdersSearchResultTable { border: solid 1px #d2d2d2; width:100%; border-collapse:collapse;}
.OrdersSearchResultTable thead tr th { text-align: left; padding: 5px; font-family:Arial;font-size:12px;}
.OrdersSearchResultTable tr td {padding: 5px;}
.OrdersSearchResultTable thead tr th, .OrdersSearchResultTable tbody tr td {border: solid 1px #d2d2d2;}

/*Maintain email address - new email address text style*/
.isPrimaryEmailAddressText{ color:#D0D0D0; font-size:11px; }
/*end maintain email */

/* Help Dialog Page */
.mainHelpDiv{width:360px;height:400px;border:1px #CCCCCC;padding:15px;}
.helpHeader{padding-bottom:20px; font-family:Arial; font-weight:bold; font-size:28px; color:#003366; text-align:center;}
.helpSubHeading{font-family:Arial; font-size:18px; color:#336699;}
.helpSpan{font-family: Arial; font-size:12px; color:#333333}
/* end Help Dialog Page */

.listTable { border: solid 1px #d2d2d2; width:100%; border-collapse:collapse;}

.shareThis { float: right; height: 32px; position: relative; top: -13px; width: 85px; margin-right: 24px; }
.shareThis img { padding: 0; margin: 0; border: 0; }
.shareThis a { display: block; height: 32px; width: 32px; margin-left: 10px; }

/* Product Portlet partial */
#productPortlet .ballast { float:none; clear:both;}
#productPortlet #comingSoon { position:relative; }
#productPortlet #comingSoon .backgroundImage { height:159px; width:295px; }
#productPortlet #comingSoon .smallImage { position:absolute; top:22px; left:13px; }
#productPortlet #comingSoon .header { position:absolute; width:220px; top:71px; left:60px; font-family:Arial; font-size:16px; font-weight:bold; color:#e51d61; }
#productPortlet #comingSoon .description { position:absolute; width:190px; top:91px; left:62px; font-family:Arial; font-size:10px; line-height:14px; color:#3d3d3d; }
#productPortlet #application { height:165px; width:295px; }
#productPortlet #application .appLink { display:block; height:123px; width:295px; margin-top:17px; margin-left:0px; }
#productPortlet #application .smallImage { float:left; margin-top:30px; margin-left:11px; }
#productPortlet #application .description { float:left; width:120px; font-family:Arial; font-size:10px; line-height:17px; color:#3d3d3d; margin-top: 16px; margin-left: 8px; }
#productPortlet #application .more { float:left; text-decoration:underline; font-family:Arial; font-size:12px; color:#006fb6; margin-top:8px; margin-left:8px; }

/* Header partial */
#header { height:147px; }