/******************************************************************** * Master6_1.css * * * * Stylesheet Format Guidelines * * * * 1. Selectors with 4 or more properties * * should be broken into multiple lines. * * * * 2. Styles with multiple selectors should be * * broken into multiple lines. * * * * 3. List properties for each selector * * alphabetically. * * * * 4. Indent with tabs. * * * * 5. Related styles should be organized * * together. * * * *********************************************************************/ /**************************************** Reset removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across most browsers based on http://developer.yahoo.com/yui/reset/ ****************************************/ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input, textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} /**************************************** Basic Elements Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. *****/ body { background: #404040 url('bodyBg.jpg') no-repeat 0 0 fixed; color: #3F3F3F; font-family:Verdana, 'Trebuchet MS', Helvetica, sans-serif; font-size:12px; line-height:18px; } u {text-decoration:underline;} p { margin-top: 0; text-align: left; } h1 { color:#000; font-size:18px; font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; font-variant:small-caps; font-weight:bold; line-height:24px; width:700px; letter-spacing:1px; } h2 {color:#222;font-size:16px;font-variant:small-caps;font-weight:bold;} h3 {color:#111;font-size:14px;font-weight:bold;} a:link { color:#003B8F; outline:none; text-decoration: none; } a:visited { color:#003B8F; outline:none; text-decoration: none; } a:hover, a:active { color: #7799ff; /*#1199ff;*/ /*#4ca636;*/ outline:none; text-decoration: underline; } strong, b {font-weight:bold;/*color:#222;*/} a:link strong {color:#003B8F;} a:visited strong {color:#003B8F;} a:hover strong, a:active strong {color:#7799ff;} img{ outline: none; } /**************************************** Generic Classes Define styles for simple things like floating to the sides, removing a bottom margin on elements, reusable elements, etc Reusable generic classes should be generic enough to work if the correct html is placed on a page. If specific customization is needed, style properties should be added or overwritten on a page or type basis in the etc section below. *****/ .clear {clear:both;} .floatLeft {float:left;} .floatRight {float:right; margin:12px;} .clearFloat {clear:both;} .centerObject {margin-left:auto;margin-right:auto;} .centerTxt {text-align:center;} .rightTxt {text-align:right;} /* clearfix note: you may also try overflow:auto or hidden on containing div instead */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .userEnabledContent{display:none;} /*set to block in noScript.css*/ div#show_hide {display:block;visibility:visible;} span.specList {margin-left:-7px;} small.flash_player {width:180px;} span.littleSpacer{margin-left:2px;} /* start: text styles */ .textSmall {font-size:11px;} /* end: text styles */ .block01 { display:block; float:left; width: 300px; } .block02 { display:block; float:left; width: 177px; } .block03 { display:block; float:left; width: 100px; } .block04 { display:block; float:left; width: 235px; } .discount {color:#38A124;font-weight:bold;} .strike {text-decoration:line-through;} .invalidItem {color:#F00;font-weight:bold;} .hide {display:none;} .show {display:block;} .hr { background:transparent url('hrLong.png') no-repeat; height:4px; margin:10px 0; width:80%; } .hrShort { background:transparent url('hrShort.png') no-repeat; height:4px; margin:10px 0; width:80%; } .hrLong { background:transparent url('hrVeryLong.png') no-repeat; height:4px; margin:10px 0; width:80%; } /* buttons */ div.buttonPrimary { background:transparent url('buttons/button-primary-right.gif') no-repeat right top; font-size:12px; float:left; display:block; margin:0; padding:0; } div.buttonPrimary a, div.buttonPrimary input, div.buttonPrimary button { background:transparent url('buttons/button-primary-left.gif') no-repeat left top; border:0; color:#fff; cursor:pointer; display:block; font-size:12px; font-weight:bold; height:23px; left:-10px; margin:0; padding:1px 5px 5px 15px; position:relative; text-align:center; text-decoration:none; } div.buttonSecondary { background:transparent url('buttons/button-secondary-right.gif') no-repeat right top; font-size:12px; float:left; display:block; left:20px; margin:0; position:relative; } div.buttonSecondary a, div.buttonSecondary input, div.buttonSecondary button { background:transparent url('buttons/button-secondary-left.gif') no-repeat left top; border:0; color:#fff; cursor:pointer; display:block; font-size:12px; font-weight:bold; height:23px; left:-10px; margin:0; padding:2px 5px 5px 12px; position:relative; text-align:center; text-decoration:none; zoom:1; } div.buttonPrimary input, div.buttonSecondary input, div.buttonSecondary button { padding-top:0; } div.buttonPrimary a:link, div.buttonSecondary a:link {color: #FFF;} div.buttonPrimary a:visited, div.buttonSecondary a:visited {color: #FFF;} div.buttonPrimary a:hover,div.buttonPrimary input:hover, div.buttonPrimary button:hover, div.buttonSecondary a:hover,div.buttonSecondary input:hover, div.buttonSecondary button:hover { color:#FFCFCF; text-decoration:none; } div.buttonPrimary a:active, div.buttonSecondary a:active {color: #FFCFCF;} div.buttonPrimary:hover div.buttonPrimary:hover,div.buttonSecondary { opacity:.85; /*filter in ie.css*/ } /* start: error messages & validation */ div.error_messages, div.warning {margin:8px 0;} div.error_messages ul, div.warning ul {list-style-type:none; margin:0; padding:0;} div.error_messages ul li, div.warning ul li { /*background:transparent url('errorMessages/warning3.gif') no-repeat 0 0;*/ color:#f00 !important; display:block; font-size:11px; font-weight:bold; line-height:24px; margin:5px 0 1px 0; max-width:700px; /*min-height:24px;*/ padding-left:20px; text-align:left; text-indent:-20px; } .validation_border { -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #EDC5C5 !important; border: 1px solid #FF0000; color: #000; margin:5px 0 5px -8px; min-height:22px; padding-left:9px; width:48%; } tr.validation_border {-moz-border-radius:0; -webkit-border-radius: 4px; border: 0px solid #FF0000;} tr.validation_border td {border-bottom:1px solid #f00; border-top:1px solid #f00;} tr.validation_border td td {border-bottom:0px solid #f00; border-top:0px solid #f00;} tr.validation_border td.first_child {border-left:1px solid #f00;} tr.validation_border td.last_child {border-right:1px solid #f00;} table.cellPadding td, table.cellPadding th {padding:4px 7px;} /* end: error messages & validation*/ input.textboxDark_qty, input.textboxDark_small, input.textboxDark_medium, input.textboxDark_large { -moz-border-radius:2px; -webkit-border-radius:2px; background:url('textboxBkgrdDark.gif'); border:1px solid #aaa; border-radius:2px; color:#FFF; font-size:12px; height:18px; padding:2px 0 0 2px; } input:hover.textboxDark_qty, input:hover.textboxDark_small, input:hover.textboxDark_medium, input:hover.textboxDark_large {border-color:#fff;} input.textboxLight_qty, input.textboxLight_smaller, input.textboxLight_small, input.textboxLight_medium, input.textboxLight_large, select { -moz-border-radius:2px; -webkit-border-radius:2px; background:url('textboxBkgrdLight.gif'); border:1px solid #727272; border-radius:2px; color:#181818; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 13px; height:18px; max-width:300px; padding:2px 0 0 2px; } select {height:auto;padding-top:0;} input.textboxDark_qty, input.textboxLight_qty {padding-left:0;text-align:center;width:30px;} input.textboxDark_smaller, input.textboxLight_smaller {width:60px;} input.textboxDark_small, input.textboxLight_small {width:100px;} input.textboxDark_medium, input.textboxLight_medium {width:150px;} input.textboxDark_large, input.textboxLight_large {width:237px;} textarea { background: #DCDCDC; border: 1px solid #727272; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 13px; line-height: 18px; padding: 2px 0 0 2px; } select option {background-color:#DCDCDC;} select option:hover {background:#B4D4ED;} .disabled {filter:alpha(opacity=40) !important; -moz-opacity:.40 !important; opacity:.40 !important;} div.buttonPrimary.disabled a, div.buttonPrimary.disabled button, div.buttonPrimary.disabled input, div.buttonPrimary.disabled a:hover, div.buttonPrimary.disabled button:hover, div.buttonPrimary.disabled input:hover {color:#63739F !important;cursor:default !important;} div.buttonSecondary.disabled a, div.buttonSecondary.disabled button, div.buttonSecondary.disabled input, div.buttonSecondary.disabled a:hover, div.buttonSecondary.disabled button:hover, div.buttonSecondary.disabled input:hover {color:#666 !important;cursor:default !important;} label {display:block;float:left;width:300px;} div.fieldRow {margin-bottom:5px;} div.fieldRowLast {margin-bottom:8px;} div.requiredFieldMsg { background:url('icon-required.png') 0 5px no-repeat; font-size:11px; margin-bottom:10px; padding-left:14px; } img.infoIcon {float:left;padding:2px 5px 2px 0;} div.rightHandRail { font-size:11px; position:absolute; right:3px; top:325px; width:202px; } div.emailPrint {margin:0 auto;padding-top:5px;width:127px;} div.emailPrint a {color:#000 !important;text-decoration:none;font-size:11px !important;} div.emailPrint a img {vertical-align:text-bottom;padding-bottom:1px;} a.seeMore { background:url('icons/icon-seeMore.gif') no-repeat 0 5px; display:block; margin: 7px 0 4px; padding-left:15px; } a.seeLess { background:url('icons/icon-seeLess.gif') no-repeat 0 5px; display:block; margin: 7px 0 4px; padding-left:15px; } a.seeMore:hover {background:url('icons/icon-seeMoreHover.gif') no-repeat 0 5px;} a.seeLess:hover {background:url('icons/icon-seeLessHover.gif') no-repeat 0 5px;} /* start: tabType2 */ #tabType2, #tabOrderProcess {background:#cfcfcf url('gradient-grayWhite.gif') repeat-x 0 -43px;} #contentType #tabType2 h1, #formType #tabType2 h1, #tabType2 h1, #tabOrderProcess h1 { background:none; font-family:'Trebuchet MS',Helvetica,sans-serif; font-size:12px; font-variant:normal; margin:0; padding:7px 120px 30px 17px; } #tabType2 ul, #tabOrderProcess ul {padding-left:12px;} #tabType2 li, #tabOrderProcess li { background:#d6d6d7 url('tabType2-sprite.gif') no-repeat right -132px; float:left; height:21px; padding: 0px 30px 0 0; } #tabType2 li a, #tabOrderProcess li span { font-size:13px; display:block; font-family:'Trebuchet MS',Helvetica,sans-serif; height:19px; padding: 2px 7px 0; color:#57a; } #tabOrderProcess li span {color: #777;} #tabType2 li.activeTab.first a, #tabOrderProcess li.activeTab.first span {background:url('tabType2-sprite.gif') no-repeat 0 0;} #tabType2 li.activeTab.last, #tabOrderProcess li.activeTab.last {background:#f1f1f1 url('tabType2-sprite.gif') no-repeat right -22px;} #tabType2 li.first a, #tabOrderProcess li.first span {background: url('tabType2-sprite.gif') no-repeat 0 -89px;height:19px;padding: 2px 0 0 30px;} #tabOrderProcess li.first span a {background: none;} #tabType2 li.last, #tabOrderProcess li.last {background:#d6d6d7 url('tabType2-sprite.gif') no-repeat right -110px;} #tabType2 li.activeTab, #tabOrderProcess li.activeTab {background:#f1f1f1 url('tabType2-sprite.gif') no-repeat right -44px;} #tabType2 li.activeTab a, #tabOrderProcess li.activeTab a, #tabOrderProcess li.activeTab span {color:#374893;font-weight:bold;} #tabType2 li.beforeActiveTab, #tabOrderProcess li.beforeActiveTab {background:#d6d6d7 url('tabType2-sprite.gif') no-repeat right -66px;} div.tabType2TabContent {background: transparent url('gradient-vFadeF1F1F1.jpg') no-repeat 0 0; clear: both; padding: 30px 40px; min-height: 200px;} /**************************************** Generic Pagination ***** *****/ ul.pages li {display: inline; margin: 3px;} ul.pages li.page-number{float:left; color:#1F527F; margin-top:4px;} ul.pages li:hover {color:#79F !important; text-decoration: underline;} ul.pages li.pgCurrent {cursor: default; font-size: 16px; font-weight: bold;} ul.pages li.pgNext{float: left; margin-top: 0;} ul.pages li .nextBtn{background: url(nextBlueBtn.png) no-repeat; cursor:pointer; height: 30px; width: 15px; } ul.pages li .prevBtn{background:url(prevBlueBtn.png) no-repeat; cursor:pointer; height: 30px; width:15px; } /************************************************************ Basic Layout ***** Define the basic template: header, footer, etc. ***** Elements that help to define the basic layout ***** of the site *****/ #container { background-image: url('dropShadow-rectangleTop2.png'); background-repeat: no-repeat; background-position:center top; min-height: 700px; } #header {overflow:visible;} #header2{ background: url('headerBg.png') no-repeat -1px 18px; /* height: 126px; */ /* commented out - caused h1's in IE to be positioned too close to the navigation...ryanb */ margin: 0 auto; position:relative; width: 977px; z-index:2; } #homeLogo { float:left; padding: 24px 0 15px 32px; width: 307px; position:relative; z-index:100; cursor:pointer; } #homeLogo img { margin: 4px 0 -4px; } #navigationContainer { background:#000; position:relative; z-index:97; height: 15px; } #navigation { height: 34px; width: 977px; position:relative; z-index:102; } #content {clear:both;} #content2{ background: #fff url('gradient-whiteGray1.png') repeat 0 0; margin: 0 auto; min-height:400px; width: 977px; position:relative; z-index:1; } .watermark{ background: url('content2Watermark.png') no-repeat; position: absolute; bottom:0; left:455px; width: 522px; min-height:384px; height:auto!important; height: 384px; margin-top:-384px; z-index:-1; /** Under Normal Content **/ zoom:1; } /**************************************** Header ***** Define all elements ***** in the header *****/ /* start: dropdown funtional styles */ #navigation { display:block; height: 38px; line-height:1; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:relative; width: 752px; } #navigation li.macroCategory { display:block; float:left; } #navigation li div.navigationTab { left:-999em; position:absolute; z-index: 99; } #navigation li:hover div.navigationTab, #navigation li.sfhover div.navigationTab { left:0; } /* end: dropdown funtional styles */ /* start: dropdown look styles */ #navigation {float:left;} #navigation h4 a { color:#eee; font-family: 'Trebuchet MS', Arial Narrow, sans-serif; /*font-variant:small-caps;*/ text-transform: uppercase; font-size:12px; font-weight:bold; text-decoration:none; letter-spacing:0.02em; } #navigation li div.navigationTab { background:transparent url('gradient-blueGray.jpg') repeat-x 0 0px; border-bottom:3px solid #222; margin-top: -1px; padding:15px 0 50px; width:977px; z-index:101; } #navigation li.macroCategory h4 a { display:block; height:29px; padding-left:7px; } #navigation li.macroCategory{ margin:0; z-index: 102; padding:6px 12px 0 10px; height:32px; } #navigation li.macroCategory:hover h4 a, #navigation li.sfhover h4 a { /*background: url('tab-left.png') no-repeat left bottom;*/ } #navigation li.macroCategory:hover, #navigation li.sfhover { /*background: url('tab-right.png') no-repeat right bottom;*/ } #navigation li.macroCategory div.navigationTab div.block01 { margin:30px 0 0 120px; width:190px; } #navigation li.macroCategory div.navigationTab div.block01 h5 { color:#000; /*font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif;*/ font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size:14px; /*font-variant:small-caps;*/ font-weight:bold; } #navigation li.macroCategory div.navigationTab div.block01 a.learnMore { display:block; font-size:10px; padding:5px 0 3px; } #navigation div.navigationTab div.block01 ul {margin-top:12px;} #navigation div.navigationTab div.block01 ul li {padding:7px 0;} #navigation div.navigationTab div.block01 ul li a {line-height:14px;font-family: 'Trebuchet MS', Helvetica, sans-serif;} #navigation div.navigationTab div.block01 ul li img { background: url('icon-arrow.png') no-repeat right center; display:none; padding-right: 17px; position:absolute; margin:-35px 0 0 -110px; } #categoryDescription { clear:both; } /* end: dropdown look styles */ /* Styles for the entire LavaLamp menu */ /* /* Represents the background of the highlighted menu-item. */ #navigationContainer .blueThing {display:none;} .blueThing { position:absolute; margin-top:-16px; padding-left: 12px; width: 50px; height: 12px; z-index: 1; } .blueThing span { display:block; height: 12px; } /**************************************** Service Messages in Header ***** *****/ #serviceMessages { color:#5F5F5F; float:right; font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; font-size:14px; font-variant:small-caps; font-weight:bold; height: 81px; width:350px; position:relative; z-index:100; background-image: url(../guaranteeLogo.png); background-repeat: no-repeat; background-position: 0px 25px; padding-top: 24px; padding-right: 35px; padding-bottom: 0; padding-left: 0; } #container #header #header2 #serviceMessages p { padding-left: 80px; } #info-logo { margin-left: 325px; } div#header2 #serviceMessages div#header_serviceMessages {display: none; visibility: hidden; width: 350px;} div#header2 #serviceMessages div#header_serviceMessages a {color: #5f5f5f; text-decoration: none; width: 100%;} #serviceMessages div#header_serviceMessages img.oneLineInfo, #serviceMessages div#whyNewPig_serviceMessages img.oneLineInfo { float:right; padding:29px 0 10px 5px; } #serviceMessages div#header_serviceMessages img.twoLineInfo, #serviceMessages div#whyNewPig_serviceMessages img.twoLineInfo { float:right; padding:37px 0 10px 5px; } #serviceMessages div#header_serviceMessages img.threeLineInfo, #serviceMessages div#whyNewPig_serviceMessages img.threeLineInfo {float:right;padding:46px 0 10px 5px;} div#header2 #serviceMessages div#header_serviceMessages a#sm-absorbents, /* uk */ div#header2 #serviceMessages div#header_serviceMessages a#sm-account, div#header2 #serviceMessages div#header_serviceMessages a#sm-customQuotes /* uk */ div#header2 #serviceMessages div#header_serviceMessages a#sm-despatch, /* uk */ div#header2 #serviceMessages div#header_serviceMessages a#sm-findDist, div#header2 #serviceMessages div#header_serviceMessages a#sm-flow, div#header2 #serviceMessages div#header_serviceMessages a#sm-guarantee, div#header2 #serviceMessages div#header_serviceMessages a#sm-inspire, div#header2 #serviceMessages div#header_serviceMessages a#sm-library, div#header2 #serviceMessages div#header_serviceMessages a#sm-noMin, div#header2 #serviceMessages div#header_serviceMessages a#sm-noMinUK, div#header2 #serviceMessages div#header_serviceMessages a#sm-promos, div#header2 #serviceMessages div#header_serviceMessages a#sm-service, /* uk */ div#header2 #serviceMessages div#header_serviceMessages a#sm-tech, div#header2 #serviceMessages div#header_serviceMessages a#sm-techSupport, /* uk */ div#header2 #serviceMessages div#header_serviceMessages a#sm-tipton, div#header2 #serviceMessages div#header_serviceMessages a#sm-worldwide {width: 100%;} #serviceMessages div#header_serviceMessages a#sm-absorbents p, #serviceMessages div#whyNewPig_serviceMessages a#sm-absorbents p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 18px 52px; float:right; padding:28px 0 17px 10px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-absorbents img.sm-image, #serviceMessages div#whyNewPig_serviceMessages a#sm-absorbents img.sm-image {float:right;padding-right:5px;} #serviceMessages div#header_serviceMessages a#sm-account p, #serviceMessages div#whyNewPig_serviceMessages a#sm-account p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 10px 60px; float:right; padding:18px 0 10px 15px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-account img.sm-image {float:right;padding-top: 3px;} #serviceMessages div#header_serviceMessages a#sm-customQuotes p, #serviceMessages div#whyNewPig_serviceMessages a#sm-customQuotes p { background:url('homepage/serviceMessages/rule-horizontalDashLite_short.png') no-repeat 18px 52px; float:right; padding:28px 0 17px 20px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-customQuotes img.sm-image {float:right;padding-top:15px;} #serviceMessages div#header_serviceMessages a#sm-findDist p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 18px 52px; float:right; padding:28px 0 17px 17px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-flow p, #serviceMessages div#whyNewPig_serviceMessages a#sm-flow p, #serviceMessages div#header_serviceMessages a#sm-despatch p, #serviceMessages div#whyNewPig_serviceMessages a#sm-despatch p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 10px 60px; float:right; padding:18px 0 10px 15px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-flow img.sm-image, #serviceMessages div#header_serviceMessages a#sm-despatch img.sm-image {float:right;} #serviceMessages div#header_serviceMessages a#sm-guarantee p, #serviceMessages div#whyNewPig_serviceMessages a#sm-guarantee p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 9px 68px; float:right; padding:10px 0 17px 10px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-guarantee img.sm-image {float:right;padding-top:6px;} #serviceMessages div#header_serviceMessages a#sm-inspire p, #serviceMessages div#whyNewPig_serviceMessages a#sm-inspire p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 20px 60px; float:right; padding:18px 0 10px 10px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-inspire img.sm-image {float:right;} #serviceMessages div#header_serviceMessages a#sm-library p, #serviceMessages div#whyNewPig_serviceMessages a#sm-library p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 10px 60px; float:right; padding:18px 0 10px 10px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-library img.sm-image {float:right;} #serviceMessages div#header_serviceMessages a#sm-noMin p, #serviceMessages div#whyNewPig_serviceMessages a#sm-noMin p, #serviceMessages div#header_serviceMessages a#sm-noMinUK p, #serviceMessages div#whyNewPig_serviceMessages a#sm-noMinUK p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 18px 52px; float:right; padding:28px 0 17px 10px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-noMin img.sm-image {float:right;padding-top:3px;} #serviceMessages div#header_serviceMessages a#sm-noMinUK img.sm-image {float: right; padding-right: 10px; padding-top: 12px;} #serviceMessages div#header_serviceMessages a#sm-promos p, #serviceMessages div#whyNewPig_serviceMessages a#sm-promos p { background:url('homepage/serviceMessages/rule-horizontalDashLite_short.png') no-repeat 32px 68px; float:right; padding:10px 0 17px 5px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-promos img.sm-image {float:right;} #serviceMessages div#header_serviceMessages a#sm-tech p, #serviceMessages div#whyNewPig_serviceMessages a#sm-tech p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 32px 68px; float:right; padding:10px 0 17px 17px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-techSupport p, #serviceMessages div#whyNewPig_serviceMessages a#sm-techSupport p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 10px 60px; float:right; padding:18px 0 10px 10px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-techSupport p {padding-top: 18px;} #serviceMessages div#header_serviceMessages a#sm-tech img.sm-image, #serviceMessages div#header_serviceMessages a#sm-techSupport img.sm-image {float:right;} #serviceMessages div#header_serviceMessages a#sm-tipton p, #serviceMessages div#whyNewPig_serviceMessages a#sm-tipton p, #serviceMessages div#header_serviceMessages a#sm-service p, #serviceMessages div#whyNewPig_serviceMessages a#sm-service p { background: url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 10px 60px; float: right; padding: 18px 0 10px 10px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-tipton img.sm-image, #serviceMessages div#header_serviceMessages a#sm-service img.sm-image {float:right;} #serviceMessages div#header_serviceMessages a#sm-worldwide p, #serviceMessages div#whyNewPig_serviceMessages a#sm-worldwide p { background:url('homepage/serviceMessages/rule-horizontalDashLite.png') no-repeat 10px 60px; float:right; padding: 18px 0 10px 15px; text-align:center; } #serviceMessages div#header_serviceMessages a#sm-worldwide img.sm-image, #serviceMessages div#header_serviceMessages a#sm-findDist img.sm-image {float:right;padding-top: 3px;} #searchPanel { background: #000; float:left; height:31px; margin-top:0px; padding:7px 0 0 20px; width:205px; } #searchPanel input.typeText{ -moz-border-radius:2px; -webkit-border-radius:2px; background:url('textboxBkgrdLight.gif'); border:1px solid #727272; border-radius:2px; color:#181818; float:left; height:18px; margin: 1px 15px 0 0; padding: 0 4px; width: 95px; } #header2 .dropShadow { background:url('dropShadow-alpha50.png') no-repeat 0 0; border:0px solid green; position:absolute; height:7px; width:977px; } /**************************************** Dashboard ***** Define all elements ***** in the dashboard *****/ #dashboard { color:#FFF; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:1.1em; margin-left: 772px; margin-top: 7px; position:absolute; visibility:hidden; width:202px; z-index:96; } #dashboard p {color: #FFF;} #dashboard .introText {font-size:12px;} #dashboard a {color: #B4D4ED;} #dashboard a:hover {color: #FFF;} #dashboard div.buttonPrimary a, div.buttonPrimary input {color: #FFF;} #dashboard div.buttonPrimary a:hover, div.buttonPrimary input:hover { color:#FFCFCF; text-decoration:none; } #dashHead { background: url('dashboard-bg.png') no-repeat 0 0; height:9px; } #dashSignIn, #dashQuickOrder, #dashMyCart, #dashProdsLastViewed, #dashMyAccount, #dashCatalogRequest { padding:10px 15px 0; } #dashSignIn {padding-top:5px;} #dashSignIn .flagThumb {float:right;width:17px;} #dashSignIn div#miniLogon .textfield { -moz-border-radius:2px; -webkit-border-radius:2px; background:url('textboxBkgrdDark.gif'); border:1px solid #aaa; border-radius:2px; color:#FFF; height:18px; width:98px; } #dashSignIn .buttonPrimary{margin:0 0 3px 52px;} #dashSignIn div.fieldRow {margin-bottom:5px;} #dashSignIn p.registerOptIn {margin:0 0 8px;} #signInIntro {margin:0 0 8px;} #signInIntro p {padding-top:2px;} #signInIntro img {float:right;} #dashSignOut {background: url('dashboard-bg.png') repeat-y 0 -10px;padding:0 7px 4px;} #dashSignOut p.signOutLink {float:right;font-size:11px;padding:1px 0 0 4px;} #dashQuickOrder div.fieldRow {margin-left:auto;margin-right:auto;width:145px;} #dashMyCart table.miniCart {margin-bottom:0;width:100%;} #dashMyCart th {white-space:nowrap;font-weight:bold;padding:0;} #dashMyCart th.col1 {text-align:left;} #dashMyCart th.col2 {text-align:center;} #dashMyCart th.col3 {text-align:right;} #dashMyCart td {padding:0;} #dashMyCart table.miniCart td img.infoIcon {float: none; padding: 2px 4px 2px 0;} #dashMyCart td.subtotal strong {color:#FFF;} #dashProdsLastViewed table#prodLastViewed {margin-bottom:8px;width:100%;} #dashProdsLastViewed table#prodLastViewed th, #dashProdsLastViewed table#prodLastViewed td, #dashProdsLastViewed table#prodLastViewed td a {font-size:11px;} #dashMyAccount ul {list-style-image:none;} #dashMyAccount ul li {padding-bottom:3px;} #dashFoot {background: url('dashboard-bg.png') no-repeat 0 -690px;height:9px;} #dashboard div.saveCartLinks a:link, #dashboard div.saveCartLinks a:visited {color: #003B8F;font-size:11px;} #dashboard div.saveCartLinks a:hover, #dashboard div.saveCartLinks a:active {color: #7799ff;font-size:11px;} /**************************************** Footer ***** Define all elements ***** in the footer *****/ #footer { } #footer2 h6 strong, #footer2 h6 b{ color: #EEEEEE; font-weight: bold;} #footer2 a{font-weight:normal;} #footer2 h6 strong{font-weight:bold;} #footer2 { background: url('gradient-charcoal.jpg') no-repeat 0 0; margin:0 auto 75px; min-height:100px; padding:20px 35px; text-align:center; width:907px; } #footer2 .colContainer { margin: 0 auto; width: 855px; } #footer2 .block02.first { padding-left:0; } #footer2 .block02 { background: url('rule-verticalDashedLight.png') no-repeat 100% 25%; min-height:270px; padding:0 15px; text-align:left; text-align:left; width:150px; } #footer2 .block02.last { background:transparent; padding-right:0; width:auto; } #footer2 h6 { font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; font-variant:small-caps; font-size:14px; color:#eee; font-weight:bold; margin:12px 0 18px; letter-spacing:1px; } #footer2 #paymentTypes img { margin:4px; } #footer2 a {color:#5C97BC;} #footer2 a:hover, #footer2 a:active { color: #FFF; /*#1199ff;*/ /*#4ca636;*/ text-decoration: underline; } #footer2 p {color:#ddd;} /**************************************** Content ***** Define all elements in the ***** content area *****/ /**************************************** contentType ***** for all static content pages *****/ #contentType {padding-left:40px;padding-bottom:70px; position:relative; z-index:2;} #contentType h1{ background:url('HeadingBg01.png') no-repeat left bottom; margin-bottom: 12px; margin-left:-40px; padding:12px 120px 30px 17px; width:550px; z-index:90; opacity:.95; } #contentType.contactUs { width:900px; } #contentType.contactUs img.pageThemeImg {float:right; margin:-24px 0 12px 12px;} #contentType h2 {padding:12px 0 7px;} #contentType p {margin-bottom:12px;max-width:700px;} #contentType img.contentImage {float:right;margin-right:225px;} #contentType dl {font-size:12px; line-height:20px; margin:0;} #contentType dt {font-weight:bold;} #contentType dd {margin:-20px 0 0 80px; position:relative;} #contentType dd a {font-size:12px;} #contentType dd.uk {margin:-20px 0 0 82px; position:relative;} #contentType dl.PigFacts {margin-left:15px;} #contentType dt.PigFacts {font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold;} #contentType dd.PigFacts { font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:normal; margin:0 0 8px 30px; } #contentType.pigLibraryLanding a.backLink, #contentType.pigLibraryArticle a.backLink { display: none; } #dashboard a.backLink, #dashboard a.printLink{ /*backLink gets appended to dashboard*/ color: #003b8f; display:block; font-size:11px; margin:7px; text-align:center; width:184px; } #dashboard a.printLink {color:#000;text-decoration:none;cursor:pointer;} #dashboard a.printLink img {padding:0 3px 3px 0;vertical-align:text-bottom;} #contentType.pigLibraryLanding a.printLink {display:none;} #contentType.pigLibraryArticle .articleLeadIn {font-style:italic; color:#999; display:none;width:400px;} #contentType.pigLibraryArticle img {border:1px solid #ccc;clear:right; float:right;margin:12px 231px 12px 40px;} #contentType.pigLibraryArticle ul {list-style-type: disc;padding:4px 0 12px 14px;width:700px;} #contentType.pigLibraryArticle li {padding:0 0 7px 7px;} div.pigLibrary {background:none;padding:0 !important;width:100%;} #contentType.pigLibraryLanding, #contentType.pigLibraryArticle {background:none;} #contentType.pigLibrary h1 { margin-left:0; position:absolute; } #contentType.pigLibraryLanding {background:url('techLibrary/pigLandingBg.jpg') no-repeat 0 0;} #contentType.pigLibraryLanding .articleList {margin-top:140px;} #contentType.alternateLanding h1 {margin-left:-40px;position:absolute;} #contentType.alternateLanding div.hr {margin:-4px 0 12px; width:977px;} #contentType.alternateLanding .articleList {margin-top:0px;} /**************************************** About Us Section ***** Why New Pig, Our Story, ***** Careers, News *****/ /***** Why New Pig *****/ #contentType.whyNewPig {padding-left:25px;} #contentType.whyNewPig h1 {margin-left:-25px;} #contentType.whyNewPig div#serviceMessages {float:left;height:auto;padding:10px 0 0;width:761px;} #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages {visibility: visible;width:100%;} #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a {color:#5f5f5f;text-decoration:none;} /* service message container */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-account, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-absorbents, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-customQuotes, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-despatch, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-flow, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-guarantee, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-inspire, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-library, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-noMin, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-noMinUK, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-promos, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-service, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-tech, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-techSupport, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-tipton, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-worldwide { background: transparent url('bkgrd-whyNewPig.png') no-repeat 0 0; display: block; float:left; margin:0 10px 0 0; padding:36px 40px 30px 30px; width:300px; } /* hover of service message container */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-absorbents:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-account:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-customQuotes:hover, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-despatch:hover, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-flow:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-guarantee:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-inspire:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-library:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-noMin:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-noMinUK:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-promos:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-service:hover, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-tech:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-techSupport:hover, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-tipton:hover, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-worldwide:hover { background: transparent url('bkgrd-whyNewPigHover.png') no-repeat 0 0; color:#FFF; } /* service message - two line text */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-absorbents p, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-account p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-customQuotes p, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-despatch p, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-flow p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-inspire p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-guarantee p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-library p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-noMin p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-noMinUK p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-promos p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-service p, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-tech p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-techSupport p, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-tipton p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-worldwide p { display: block; float: right; margin-bottom: 0; padding-left: 0; padding-top: 12px; text-align: center; width: 195px; } /* service message - one line text */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-absorbents p, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-noMin p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-noMinUK p { background-position: 21px 46px; padding-top: 21px; } #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-customQuotes p { background-position: 38px 46px; padding-right: 15px; padding-top: 21px; width: 180px; } /* service message - three line text */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-guarantee p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-promos p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-tech p { background-position: 21px 65px; padding-right: 9px; padding-top: 5px; } /* service message - image */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages img.sm-image {float: right;} #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-customQuotes img.sm-image {padding-top: 10px;} #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-noMinUK img.sm-image {padding-right: 10px; padding-top: 5px;} /* service message - two line text - changes */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-account p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-despatch p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-flow p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-inspire p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-library p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-service p, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-tipton p, #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-techSupport p, /* uk */ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-worldwide p { background-position: 15px 56px; padding-left: 0; width: 188px; } #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages a#sm-promos p { background-position: 44px 65px; padding-right: 0; width: 190px; } /* service message - one line info icon*/ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages img.oneLineInfo {padding-top: 22px;} /* service message - two line info icon*/ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages img.twoLineInfo {padding-top: 32px;} /* service message - three line info icon*/ #contentType.whyNewPig div#serviceMessages div#whyNewPig_serviceMessages img.threeLineInfo {padding-top: 38px;} #contentType.ourStory, #contentType.careers, #contentType.news {padding-left:0;} #contentType.ourStory h1, #contentType.careers h1, #contentType.news h1 {margin-left:0;} #contentType.ourStory h2, #contentType.careers h2, #contentType.news h2 {margin-bottom:12px;} #contentType.ourStory h3, #contentType.careers h3, #contentType.news h3 {font-size:13px;} #contentType.ourStory div.tabType2TabContent, #contentType.careers div.tabType2TabContent, #contentType.news div.tabType2TabContent {padding:40px 40px 0;} #contentType.ourStory div.tabType2TabContent ul, #contentType.careers div.tabType2TabContent ul, #contentType.news div.tabType2TabContent ul {list-style-type:disc;margin-bottom:12px;max-width:690px;padding-left:40px;} #contentType.ourStory div.tabType2TabContent ol, #contentType.ourStory div.tabType2TabContent ol {list-style-type:decimal;margin-bottom:12px;max-width:690px;padding-left:40px;} #contentType.ourStory div#companyHistory {padding:0 40px;} #contentType.ourStory table#contentSpot_AboutUsCatalogAwardsUS, #contentType.ourStory table#contentSpot_AboutUsCatalogAwardsUK, #contentType.ourStory table#contentSpot_AboutUsProductAwardsUS, #contentType.ourStory table#contentSpot_AboutUsProductAwardsUK {margin-top:10px;width:700px;} #contentType.careers div#jobOpportunities div.clearfix div.hr {background-position:-10% 0;margin:25px 0 0;width:80%;} #contentType.careers div#jobOpportunities div.hr {width:100%;margin:18px 0 22px;} #contentType.careers div#jobOpportunities h2 {padding-top:0;} #contentType.news div#newsRelease.tabType2TabContent h3 {margin:25px 0 5px;} #contentType.news div#newsRelease.tabType2TabContent p.newsRelease {margin-bottom: 0; margin-left: 35px; line-height: 22px; text-indent: -15px; width: auto;} #contentType.news div#newsRelease.tabType2TabContent a.newsReleaseLink {} #contentType.news div#newsReleaseArticle.tabType2TabContent {width:700px;} #contentType.news div#newsReleaseArticle.tabType2TabContent div.prContacts {float:left;width:50%;} #contentType.news div#newsReleaseArticle.tabType2TabContent img.imgright {border:1px solid #CCC;float:right;margin:0 0 10px 25px;} #contentType.news div#newsReleaseArticle.tabType2TabContent img.imgleft {border:1px solid #CCC;float:left;margin:0 25px 10px 0;} #contentType #alternate_content, #content_type #alternate_content {width:450px;} /**************************************** Help Center Section ***** Contact Us, Pig Library, ***** MSDS Search, Shipping Terms ***** FAQs *****/ /**************************************** Pig Library ***** *****/ #pigLibraryTabContent .block01 {margin:12px 7px;} #pigLibraryTabContent h2, .articleList h2, .articleList h3, #contentType.pigLibraryArticle h2, #pigLibraryTabContent strong, .articleList strong, #contentType.pigLibraryArticle strong {font-size:14px;font-weight:bold;font-variant:normal;color:#444;padding:12px 0 7px;display:block;} #pigLibraryTabContent a:link strong, .articleList a:link strong, #contentType.pigLibraryArticle a:link strong {color:#444;} #pigLibraryTabContent a:visited strong, .articleList a:visited strong, #contentType.pigLibraryArticle a:visited strong {color:#444;} #pigLibraryTabContent a:hover strong, .articleList a:hover strong, #contentType.pigLibraryArticle a:hover strong {color:#000;} #pigLibraryTabs { /* background: #000 url('homepage/slider/sliderCover.png'); padding:12px 7px; text-align:center;*/ min-height:300px; } #pigLibraryTabContent li a, .articleList li a { background:url('icons/iconDocument-small.png') no-repeat 17px 15px; color:#555; display:block; padding:0 20px 7px 57px; text-decoration:none; } #pigLibraryTabContent li a:hover, .articleList li a:hover {background: url('icons/iconDocument-small.png') no-repeat 17px 15px;} #pigLibraryTabContent li:hover {background: url('gradient-pink1.png') no-repeat;} #pigLibraryTabContent li.selectionTool a, .articleList li.selectionTool a {background:url('icons/iconDocument-small.png') no-repeat 17px 15px;} #pigLibraryTabContent li.video a, .articleList li.video a, #pigLibraryTabContent li.video a:hover, .articleList li.video a:hover {background:url('icons/iconVideo-small.png') no-repeat 17px 15px;} #pigLibraryTabContent li.pdf a, .articleList li.pdf a, #pigLibraryTabContent li.pdf a:hover, .articleList li.pdf a:hover {background:url('icons/iconPDF-small.png') no-repeat 12px 15px;} #pigLibraryTabContent li.ccg a, .articleList li.ccg a, #pigLibraryTabContent li.ccg a:hover, .articleList li.ccg a:hover {background:url('icons/iconCCG-small.png') no-repeat 12px 7px;} .articleList li:hover {background: url('gradient-pink2.png') no-repeat;} #pigLibraryTabContent li a span, .articleList li a span { display: block; font-size:11px; min-height: 48px; line-height:16px; overflow:hidden; } #pigLibraryTabContent a.viewAll { color:#369; display:block; font-weight:bold; margin-top:12px; text-align:center; } #pigLibraryTabContent { background:#c9c9c9 url('gradient-vFade2.jpg') no-repeat 0 0; padding:15px; width:947px; } #pigLibrarySearchPanel input.typeText {float:left; margin-right:12px;} #contentType .articleList {width:700px;margin-left:-40px;} #pigLibraryTabs ul.ui-tabs-nav li a {padding:4px 35px 0px;} #pigLibraryTabs li.activeTab { background: #EBECEC url('productTabRight.gif') no-repeat 100% 0; height: 22px; margin-top: 3px; max-height:24px; } #pigLibraryTabs ul.ui-tabs-nav li.activeTab a { background: transparent url('productTabLeft.gif') no-repeat 0 0; color: #000; white-space:nowrap; } #pigLibraryTabs ul.ui-tabs-nav li.activeTab a:hover {color:#79f;} .articleList h3 { font-size:14px;font-weight:bold;font-variant:normal;color:#444; } .articleList li{padding-left:70px;} #contentType.pigLibraryLearnMore .articleBody {padding:100px 0 70px 70px; width:650px;} #contentType.pigLibrary div#hero div#slideshowNav {margin:-50px 0 0 12px;} #contentType.pigLibrary div#hero a {display:block;} #pigLibrarySearchPanel { background:url('keywordSearchBox.jpg') no-repeat 0 0; height:300px; margin:-10px auto -14px; width:670px; } #pigLibrarySearchPanel h2, #pigLibrarySearchPanel p {width:325px;} #pigLibrarySearchPanel h2 {font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; font-size:16px;padding-top:70px;text-indent:-3px;margin:0 auto;color:#eee;font-variant:small-caps;text-align:center;} #pigLibrarySearchPanel p {color:#fff;padding-top:30px;} #pigLibrarySearchPanel input{margin-left:219px;} #techLibHero {height:312px;visibility:hidden;overflow:hidden;} .tech_article_table1 td {border-top:1px dotted #ccc; padding:4px;} .tech_article_table2 td {border-top:1px dotted #ccc; padding:2px 4px 8px 4px;width:25%;} /* learn more lightbox */ .learnMoreModal { padding:15px 15px 15px 15px; } .learnMoreModal h1, .learnMoreModal p {width:400px;} .learnMoreModal p {padding:21px 7px 0 70px;} .learnMoreModal .articleList {padding-top: 12px;width:700px;} .learnMoreModal .articleList li{padding:3px 12px 0;} .learnMoreModal .articleList h2, .learnMoreModal .articleList strong{color:#eee !important;} .learnMoreModal a.link01 {display:block;margin:40px 0 12px 500px;font-weight:bold;white-space:nowrap;} .learnMoreModal .articleList li a:hover, .learnMoreModal .articleList li a:hover {background: url('icons/iconDocument-small.png') no-repeat 12px 3px !important;} .learnMoreModal .articleList li:hover, .learnMoreModal .articleList li:hover {background: url('gradient-pink1.png') no-repeat left bottom;} .learnMoreModal .articleList li.selectionTool a, .learnMoreModal .articleList li.selectionTool a {background:url('icons/iconDocument-smallLight.png') no-repeat 12px 3px;} .learnMoreModal .articleList li.video a, .learnMoreModal .articleList li.video a {background:url('icons/iconVideo-smallLight.png') no-repeat 12px 3px !important;} .learnMoreModal .articleList li.video a, .learnMoreModal .articleList li.video a {background:url('icons/iconVideo-smallLight.png') no-repeat 12px 3px !important;} /* selection guide */ table.selectionResults_inner td {padding:0 12px;} #contentType.productSelector .graybkgrd {background:url('shopCartRowBkgrd.gif') 0 0;margin-left:-40px;} #contentType.productSelector .graybkgrd td {padding:2px;} #contentType.productSelector #oldBrowse {margin-left:-40px;width:977px;} #contentType.productSelector .tblcenter {margin-left:70px;width:700px;} #contentType.productSelector td.answerlink {padding:0 40px 1px 3px} /* mat comparison chart */ #contentType .matcompchart {border-left:1px #666 solid; border-top:1px #666 solid;} #matcompchart td {border-bottom:1px #666 solid; border-right:1px #666 solid; text-align:center;} #matcompchart .bluebkgrd {background-color:#CFE7F9;} #matcompchart .pinkbkgrd {background-color:#FBDDE9;} #reg table {margin:0; padding:0;} #reg table td {margin:0; padding:3px;} #contentType .btutable {margin-left:auto; margin-right:auto; width:80%;} #contentType .btuborder_br {border-bottom:1px solid #666; border-right:1px solid #666;} #contentType .btuborder_b {background-color:#F5F5F5; border-bottom:1px solid #666;} #contentType .btuborder_bb { border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; } #contentType .ccgtable td {padding:6px 0 0 0;} #contentType .ccgtable td.textblack {background:url('hrLong.png') no-repeat 0 bottom;padding-bottom:3px;} #contentType .ccglinktable td {padding:0 20px 12px 0; width:50%;} #contentType .ccglinktable a { display:block; font-size:11px; line-height:14px; padding-left:10px; padding-right:10px; text-indent:-10px; } #contentType div.static_1column table#legend { border:1px solid #000; margin: 15px 0 2px 0; width: 225px; } #contentType div.static_1column table#legend td {color:#000; font-size:10px; text-alignment:left;} #contentType div.static_1column table#legend td.poly, #contentType div.static_1column table#containmentGuide td.poly { background-color: #E2FFDF; font-weight:bold; padding-left:5px; text-align:left; } #contentType div.static_1column table#legend td.poly span, #contentType div.static_1column table#legend td.fluor span, #contentType div.static_1column table#legend td.steel span {font-weight:normal;} #contentType div.static_1column table#legend td.fluor, #contentType div.static_1column table#containmentGuide td.fluor { background-color: #FDDFEB; font-weight:bold; padding-left:5px; text-align:left; } #contentType div.static_1column table#legend td.steel, #contentType div.static_1column table#containmentGuide td.steel { background-color: #D7A7DF; font-weight:bold; padding-left:5px; text-align:left; } #contentType div.static_1column table#containmentGuide {border:1px solid #000; margin: 21px 0 0 -40px; width:900px;} #contentType div.static_1column table#containmentGuide th { background-color:#8F3E8B; border-bottom:1px solid #000; border-right:1px solid #CF9BCD; /* border-top:1px solid #000; */ color:#FFF; font-size:10px; font-weight:normal; line-height:12px; padding:4px 0; text-align:center; vertical-align:bottom; } #contentType div.static_1column table#containmentGuide th.prodLabel { font-size:14px; font-weight:bold; padding:4px 0 4px 5px; text-align:left; width:27%; } #contentType div.static_1column table#containmentGuide th.lastCol { border-right:0; } #contentType div.static_1column table#containmentGuide td { border-bottom:1px solid #000; border-right:1px solid #000; color:#000; font-size:11px; font-weight:normal; padding:2px; text-align:center; width:9%; } #contentType div.static_1column table#containmentGuide tr.lastRow td { border-bottom:2px solid #000; } #contentType div.static_1column table#containmentGuide td.drumno { border-bottom:2px solid #000; font-size:14px; font-weight:bold; } #contentType div.static_1column table#containmentGuide td.prodDesc { padding:0 0 0 5px; text-align:left; width:28%; } #contentType div.static_1column table#containmentGuide td.lastCol { border-right:0; } /** FAQs **/ #contentType.siteHelp {padding-right:220px;} #contentType.siteHelp div#faq div.hr {margin: 20px 0;} .siteHelp .help2 h3 {margin-bottom:5px;} .siteHelp .help2 ol {list-style-type:decimal;margin:0 0 20px 12px;padding-left:20px;} .siteHelp .help2 ol li {padding-bottom:2px;} .siteHelp h3 {margin-bottom:5px;width:650px;} .siteHelp p.helpReturn {font-size:11px;margin-bottom:18px !important;} /** multi column layout **/ /* allow room for 2 columns */ .siteHelp ul {width: 650px;} /* float & allow room for the wider items */ .siteHelp ul li {float: left; margin-right:18px;width:300px; margin-bottom:6px;} /* stop the float */ .siteHelp .wrapper br{clear: left;} /* separate the list from subsequent markup */ .siteHelp div.wrapper{margin-bottom: 1em; clear:both;} .siteHelp .br{clear:both;} .siteHelp li b {float: left; margin-right: 15px;} /******************************************** Pig Jokes ***** *****/ #contentType.pigJokes{width:650px;} #contentType.pigJokes .pigRiddles {width:490px; margin-bottom:45px;} #contentType.pigJokes .pigRiddles .answer{display:inline;float:right; width:165px; text-align:left;} /******************************************** Pig Games ***** *****/ #contentType.pigGames {padding-left:0; position:relative;} #contentType.pigGames #tabType2.ui-tabs .ui-tabs-nav li a{margin-right:21px;} #contentType.pigGames #tabType2.ui-tabs .ui-tabs-nav li a, #tabType2.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a, #tabOrderProcess.ui-tabs .ui-tabs-nav li span, #tabOrderProcess.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected span {margin:0 24px 7px;} #contentType.pigGames .game1, #contentType.pigGames .game2, #contentType.pigGames .game3, #contentType.pigGames .game4{position:absolute; top:130px;} #contentType.pigGames .tabType2TabContent{height:540px;} #contentType.pigGames .game1{left:86px;} #contentType.pigGames .game1 .tblcenter{margin-left:99px;} #contentType.pigGames .game1 th.matchTxt{padding-left:163px;} #contentType.pigGames .game2{left:-13px; top:168px;} #contentType.pigGames .game2 p{margin-left:52px;} #contentType.pigGames .game3{left:94px; top:153px;} #contentType.pigGames .game4{left:112px; top:155px;} #contentType.pigGames .game4 tbody{text-align:left;} #contentType.pigGames #answers{position:absolute;left:80px;} #contentType.pigGames .contentWrapper{width:770px; text-align:center;} /******************************************** Facts & Trivia ***** *****/ #contentType.factsTrivia {padding-left:0; position:relative;} #contentType.factsTrivia #tabType2.ui-tabs .ui-tabs-nav li a, #tabType2.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a, #tabOrderProcess.ui-tabs .ui-tabs-nav li span, #tabOrderProcess.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected span {margin:0 24px 7px;} #contentType.factsTrivia .contentWrapper{width:730px;} #contentType.factsTrivia img{float:right; padding:0 0 40px 20px;} #contentType.factsTrivia ul li.dyk_facts {padding-bottom: 20px;} #contentType.factsTrivia ol {padding-left: 20px;} #contentType.factsTrivia ol li {list-style-type: decimal;} #contentType.factsTrivia ol li.question {margin-bottom: 20px;} #contentType.factsTrivia p.answer {margin: 6px 0 0 25px;} /**************************************** National Stock Numbers for Federal Government Customers ***** *****/ #NSN input{ -moz-border-radius:2px; -webkit-border-radius:2px; background:url('textboxBkgrdLight.gif'); border:1px solid #727272; border-radius:2px; color:#181818; font-size:12px; height:18px; padding:2px 0 0 2px; } /**************************************** New Products Page ***** *****/ #contentType.newProductPage {padding-left:0;} #contentType.newProductPage #newProdTop { background: url('productPageBG.jpg') no-repeat #5E78B3; height:310px; width:977px; position:relative; } #contentType.newProductPage #newProdTop h1,#contentType.newProductPage #barnYardTop h1 {position:absolute; left:4px; top:3px;} #contentType.newProductPage #barnYardTop { background: url('barnYard.jpg') no-repeat; border-bottom: 2px solid #5f5f5f; height:310px; width:977px; } #contentType.newProductPage p.headerTxt { color:#000; margin-left:270px; width:485px; position:absolute; top:40px; } #contentType.newProductPage #newProdTop img{position:absolute; bottom:0; left:190px;} #contentType.newProductPage #groupedWrapped {position:absolute; left:12px; top:40px; width:208px;} #contentType.newProductPage #groupedWrapped.barnYard {background:transparent url(lightYellowBG.png) repeat scroll 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #contentType.newProductPage #groupedWrapped.barnYard .grouped a:hover{color:#02141F;} #contentType.newProductPage .grouped { float:left; font-size:11px; padding: 5px 20px 4px 5px; width: 200px; clear:left; font-weight:bold; } #contentType.newProductPage .grouped.selected{background:url('tinyBlueArrow_Right.png') no-repeat scroll 3px 9px;} #contentType.newProductPage .grouped.selected a{color:#02141F;} #contentType.newProductPage .grouped a:hover{color:#fff; text-decoration:underline;} #contentType.newProductPage .grouped a {font-size:12px; color:#074A75; padding-left:7px;} .learnMoreModal .articleList li a {background:url('icons/iconDocument-smallLight.png') no-repeat 12px 15px;} .learnMoreModal .articleList li a:hover {background: url('icons/iconDocument-smallLight.png') no-repeat 12px 15px !important;} .learnMoreModal .articleList li:hover {background: url('gradient-pink1.png') no-repeat left bottom;} .learnMoreModal .articleList li.selectionTool a {background:url('icons/iconDocument-smallLight.png') no-repeat 12px 15px;} .learnMoreModal .articleList li.video a {background:url('icons/iconVideo-smallLight.png') no-repeat 12px 15px !important;} .learnMoreModal .articleList li.video a:hover {background:url('icons/iconVideo-smallLight.png') no-repeat 12px 15px !important;} .learnMoreModal .articleList li.pdf a {background:url('icons/iconPDF-smallLight.png') no-repeat 7px 15px !important;} .learnMoreModal .articleList li.pdf a:hover {background:url('icons/iconPDF-smallLight.png') no-repeat 7px 15px !important;} .learnMoreModal .articleList li a span {min-height:32px;} .learnMoreModal .articleList p {color:#b8a695 !important; width:500px;} /**************************************** International Sales Landing Map ***** *****/ #map { font-family:Verdana, 'Trebuchet MS', Helvetica, sans-serif; position: relative; width: 730px; height: 400px; overflow: hidden; left:-16px; zoom:1;} #map a{color:#B5DFF7; text-decoration:none;} #map h3{color:#fff; font-size:13px;} #map .popupcontent{position:absolute; top:0; left:0;} #map .contactContent{width:270px; position:absolute; left:255px; top:100px;} #returnlink {display: block; position: absolute; top: 6px; right: 6px; color:#5C97BC; background:#1f1f1f; padding: 3px; } #map a.bullet { background: url(../StoreInfoArea/Content/InternationalSalesSection/images/redPin.png) no-repeat; display: block; position: absolute; width: 11px; height: 19px; z-index: 2; text-decoration:none; } #map img.zoomable { } #map div.popup{background: url(../StoreInfoArea/Content/InternationalSalesSection/images/contactBg.png) no-repeat ; color:#fff; font-size:11px; display: none; position: absolute; width: 730px; height:400px; left: 0px; top: 0px; z-index: 3; text-align:right;} #map div.popup p{margin-bottom:0;} #map div.popup a.close{color:#B5DFF7; font-size:14px; display: block; width:10px; height:10px; text-align:right; position: absolute; top:86px;right:194px; font-weight:bold; } #map div.popup a.close:hover{color:#fff;} /**************************************** formType ***** for sign in, register, ***** catalog request, etc. *****/ #formType {padding:0px 24px 40px; position:relative; z-index:2;} #formType.myAccount {padding:0px 0px 40px; position:relative;} #formType h1{ background:url('HeadingBg01.png') no-repeat left bottom; margin-bottom: 12px; margin-left:-24px; opacity:.95; padding:12px 120px 30px 17px; width:550px; z-index:90; } #formType h2{padding:12px 0 7px;} #formType p{margin-bottom:12px;max-width:700px;} #formType fieldset {padding:0 0 8px 50px; z-index:5;} #formType .fieldrow {clear:both;padding:3px;} #formType .validation_border.fieldrow {padding:3px 0 3px 7px;} #formType label { display:block; float:left; padding:0 6px 1px 12px; width:105px; } #formType .hr{ background: url('hrShort.png') no-repeat; height:9px; margin:18px 0 13px 50px; width:350px; zoom:1; } #formType .hrLong{ background: url('hrLong.png') no-repeat; height: 22px; width:600px; } #formType label.required {background:url('icon-required.png') 0 4px no-repeat;} #formType.registration label {width:120px;} #formType.registration .commOptOut fieldset label {width:auto;} #formType.registration span.floatright{margin-left:145px; font-size:11px; line-height:32px;} #formType.registration .commOptOut fieldset input {margin:4px 0 10px;} #formType .buttonLeft {margin-top:6px; position:absolute; left:88px;} #countrySelection {background:url('sparky/sparkyGlobe.png') no-repeat 423px bottom;height:400px;padding:30px 45px 21px;width:620px;} #countrySelection h1 {background:none;margin:0;opacity:1;} #countrySelection div.block03 {width:125px;} #countrySelection a.NewPigUSStore { background: transparent url('flags/flag_NewPigUSStore.png') no-repeat 0 0; display:block; float:left; height: 111px; width: 68px; } #countrySelection a.NewPigFDStore { background: transparent url('flags/flag_NewPigFDStore.png') no-repeat 0 0; display:block; float:left; height: 110px; width: 82px; } #countrySelection a.NewPigCAStore { background: transparent url('flags/flag_NewPigCAStore.png') no-repeat 0 0; display:block; float:left; height: 96px; width: 67px; } #countrySelection a.NewPigUKStore { background: transparent url('flags/flag_NewPigUKStore.png') no-repeat 0 0; display:block; float:left; height: 111px; width: 68px; } #countrySelection a.NewPigCNStore { background: transparent url('flags/flag_NewPigCNStore.png') no-repeat 0 0; display:block; float:left; height: 96px; width: 68px; } #countrySelection a.NewPigOTStore { background: transparent url('flags/flag_NewPigOTStore.png') no-repeat 0 0; display:block; float:left; height: 110px; width: 68px; } #countrySelection p strong {color:pink;font-weight:bold;} #countrySelection div.flagContainer {margin:35px 0 0 0;width:430px;} .changeAccount {height:350px;padding: 45px 20px 5px;width:580px;} /**************************************** Forgot Username or Password ***** *****/ #formType .forgotPW .entEmail {width: 142px;} #formType .forgotPW p{padding-left: 13px;} #miniFind .margBtm{margin-bottom:25px;} /**************************************** Catalog Request ***** *****/ #formType #preCatRequest label{width: 400px;} #formType #preCatRequest .imgLeft{ float: left; font-size: 10px; line-height: 11px; padding: 0 20px 0 20px; text-align: center; width: 150px; } #formType #preCatRequest .imgLeft .coaster{padding-top: 22px;} #formType #preCatRequest .inputLeft{float:left; padding-bottom:15px;} #formType #preCatRequest .inputLeft .inputRadio{display:inline; float:left; margin-top:5px;} #formType #preCatRequest #contentAbove{text-align:left; float:left;} #formType #preCatRequest p{width: 500px;} #formType #preCatRequest #contentBelow{float: left; padding-top: 18px; text-align: left;} #formType #preCatRequest {height: !important auto; min-height: 560px;} #formType #catRequest label{width: 120px;} #formType #catRequest .submitBtnTxt{font-size:10px;line-height:47px;padding-left:20px;} #formType #catRequest .buttonPrimary.floatClear{margin-top:8px;} #formType #catRequest .hr{margin-left:25px;} .pigCoaster {padding:35px 25px 25px;width:600px;} .pigCoaster h1 {width:auto;} .pigCoaster b {color:#FFF;} /**************************************** Email Product to Friend ***** *****/ #formType #emailToFriend {min-height:435px;height:auto!important;height:435px;} #formType #emailToFriend p.paddingTop{padding-top:10px; margin-bottom:20px;} #formType #emailToFriend .smTxt{float:left;font-size:9px;line-height:10px;margin-top:10px;padding-left:8px;} #formType #emailToFriend .buttonPrimary{float:left; margin-left:20px;} #formType #emailToFriend input{float:left;} /**************************************** Multiple Users Forgot Password ***** *****/ #formType #multiUsers label {width:112px;} #formType #multiUsers .miniOptOut{margin:60px 0 0 48px} /**************************************** Email Cart to Friend ***** *****/ #formType #emailCart {min-height:435px;height:auto!important;height:435px;} #formType #emailCart p.paddingTop{padding-top:10px;} #formType #emailCart .smTxt{float:left;font-size:9px;line-height:10px;margin-top:8px;padding-left:8px;} #formType #emailCart div.buttonPrimary {float:left; margin-left:10px;} #formType #emailCart input{float:left;} #formType #emailCart .clearBoth{clear:both; padding-top:20px;} /**************************************** Password Change *****/ #formType #pwChange label{width:155px;} #formType #pwChange .smTxt{float:left;font-size:9px;line-height:11px;padding-left:8px;width:215px;} #formType #pwChange input{float: left;} #formType #pwChange .validation_border {width:555px;} /**************************************** Site Map Page ***** *****/ #contentType.siteMap {padding-right:220px;} #contentType.siteMap p {margin-bottom:0;} #contentType.siteMap img.contentImage {margin-left:25px;margin-right:225px;} /**************************************** Communication Preferences ***** *****/ #formType #userComPref .wrapped{float:left;clear:both; height:26px;} #formType #userComPref label{padding: 0 6px 1px; width:600px; vertical-align: middle;} #formType #userComPref input{float:left;outline:none; margin-top:1px;} #formType #userComPref .floatLeft{float:left;padding: 0 0 10px 50px;width:100%;} #formType #userComPref .buttonLeft{clear:both; float:left; position:relative; left:60px;} /**************************************** Express Checkout Options ***** *****/ #formType #expressCheckoutOpts h3{padding-bottom:10px;} #formType #expressCheckoutOpts label{width:500px;} #formType #expressCheckoutOpts input{clear:both; float:left; margin-top:3px;} #formType #expressCheckoutOpts .buttonPrimary2{clear:left;margin-left:12px;padding-top:10px;} #formType #expressCheckoutOpts .buttonPrimary2 .buttonSecondary{margin-right:30px;} #formType #expressCheckoutOpts .inLine{float:left;} #formType #expressCheckoutOpts .indent{padding-left:10px;} #formType #expressCheckoutOpts .margTop{margin-top:15px} #formType #expressCheckoutOpts .margTop2{margin-top:18px} #formType #expressCheckoutOpts .saveBtn{margin:23px 0 8px 82px;} #formType #expressCheckoutOpts .smTxt{font-size:11px;margin:-8px 0 10px 0; zoom:1;} /**************************************** Become a Distributor ***** *****/ #formType #becomeADistributor label{width:124px;} #formType #becomeADistributor .hr{margin-left:-19px;} #miniFind .margBtm{margin-bottom:25px;} /**************************************** Saved Shopping Carts ***** *****/ #savedShoppingCarts input{float:left;margin-top:3px;margin-right:10px;} #savedShoppingCarts #titleRow {margin-left:53px;} #savedShoppingCarts #titleRow .cartName{float:left;} #savedShoppingCarts #titleRow .dateCreated{float:left;margin-left:185px;} #savedShoppingCarts .block1{margin:10px 0 15px 30px; width:700px;} #savedShoppingCarts .block1 .date{width:175px; float:left;} #savedShoppingCarts .buttonSecondary{margin-top:10px;} #savedShoppingCarts .margLeft{margin-left:23px;} #savedShoppingCarts .shoppingCartLabel{width:230px; margin-right:20px; float:left;} #nyroModalContent #savedCartItems {padding:12px 12px 12px 40px;height:350px;width:600px;overflow:auto;} #nyroModalContent #savedCartItems #shoppingCart, #nyroModalContent #savedCartItems h1 {width:450px;} /**************************************** Contact Information Page ***** *****/ #formType #contactInfo label{width: 110px;} #formType #contactInfo .col1_whitebkgrd{padding:5px 0 10px;} /**************************************** My Address Book Display ***** *****/ #formType #myAddBook .buttonSecondary{float:left; margin-right:30px;} #formType #myAddBook label{margin-right:20px;width:330px;} #formType #myAddBook input{float:left; margin:3px 10px;} #formType #myAddBook .inLine{float:left;} #formType #myAddBook .inBox{display:block;height:45px;margin-top:3%;} #formType #myAddBook .margLeft{margin-left:48px; margin-bottom:35px;} /**************************************** Shopping List ***** *****/ #shoppingList input.box{float:left; margin:3px 20px 0 10px} #shoppingList li.select{margin-left:10px} #shoppingList li.itemNum{margin-left:78px;} #shoppingList li.qty{margin-left:101px;} #shoppingList li.Desc{margin-left:20px;} #shoppingList li.removeAll{position:absolute; left:646px;} #shoppingList .grouped{width:800px; padding:8px; margin-top:10px; height:60px;} #shoppingList .description ul li{display:inline;} #shoppingList a.floatLeft{float:left; padding-right:10px;} #shoppingList .textboxLight_qty{float:left; margin: 0 10px 0 10px;} #shoppingList .prodName{float:left; margin:0 10px 10px 0; width:280px;} #shoppingList .prodDisc{float:left; width:280px; clear:left;} #shoppingList .prodItemNumber{float:left;width:120px;} #shoppingList .floatClear{clear:both;} #shoppingList .cartRowBg{background:url(shopCartRowBkgrd.gif) repeat-y;} #shoppingList .prodImg{float:left; width:60px; height:60px; margin:0 20px 10px 0} #shoppingList .prodDet{margin-left:10px; width:300px; float:left;} /**************************************** Purchased Items ***** *****/ #formType #purchasedItems #ec{width:730px;} #formType #purchasedItems select{right:224px;} /**************************************** Order, reOrder, & ***** orderHistory Tracking Form ***** *****/ table.ui-datepicker-calendar{color:#E0E4EF} #reOrder label, #orderTracking label, #orderHistory label{width:126px;} #orderTracking .tabType2TabContent{padding:0 24px;} #reOrder td.ordersFrom, #orderHistory td.ordersFrom, #orderTracking td.ordersFrom{margin-right:6px;} #reOrder tr.showAllOrders, #orderHistory tr.showAllOrders, #orderTracking tr.showAllOrders{margin-top:8px;} #reOrder table, #orderHistory table, #orderTracking table{margin-bottom:8px; font-size:11px;} #form_type .col_container table {width:100%;} #form_type .col_container table td {vertical-align:top;} #reOrder .txtLft, #orderHistory .txtLft, #orderTracking .txtLft{float:left; padding-right:10px;} .eXtremeTable .toolbar{margin-right:-70px;width:180px;zoom:1} .eXtremeTable .tableHeader { color:#27607F; font-family:Verdana,Arial,sans-serif; font-size:11px; font-weight:normal; margin:0; white-space:nowrap; cursor:pointer; padding-right:12px; } .eXtremeTable .tableHeaderSort{font-family:Verdana,Arial,sans-serif;font-size:11px;padding-right:12px;} .eXtremeTable select{display:none;} .eXtremeTable .odd {background:url(shopCartRowBkgrd.gif) repeat-y;} #form_type .col_container table td {vertical-align:top;} .eXtremeTable .odd td, .eXtremeTable .even td {padding:4px 3px;} .eXtremeTable td.right{text-align:right;} /**************************************** ReOrder Form ***** *****/ #reOrder label{width:136px;} #reOrder radio{float:left;} /**************************************** Password Update ***** *****/ #formType.passwordUpdate label{width:150px;} /**************************************** Select Contact ***** *****/ #formType.selectContact input {float:left;} #formType.selectContact .singleWrapped {width:100%; float:left; margin-top:12px;} #formType.selectContact label {width:650px;} #formType.selectContact input {margin-top:2px;} /**************************************** Order History Details ***** *****/ #formType.orderHistoryDetails .minorTitle { font-weight:700; float:left; width:100%; font-size:12px; } #formType.orderHistoryDetails .leftCol{ background:#fbfbfb; width:300px; float:left; padding:8px; margin:15px 0 15px 0; font-size:11px; } #formType.orderHistoryDetails .rightCol{ background:#fbfbfb; width:300px; float:left; padding:8px; margin:15px 0 15px 20px; font-size:11px; } #formType.orderHistoryDetails span.l{float:left;width:135px;text-align:right;} #formType.orderHistoryDetails span.r{float:left;width:120px;margin-left:15px;} #formType.orderHistoryDetails .paymentMethod span.l{width:65px;} #formType.orderHistoryDetails .paymentMethod span.r{width:210px;} #formType.orderHistoryDetails .shippingAddress{ background:#fbfbfb; width:300px; float:left; padding:8px; margin:15px 0 15px 0; font-size:11px; } #formType.orderHistoryDetails .billingAddress{ background:#fbfbfb; width:300px; float:left; padding:8px; margin:15px 0 15px 20px; font-size:11px; } #formType.orderHistoryDetails .paymentMethod{ background:#fbfbfb; width:300px; float:left; padding:8px; margin:5px 0 15px 0; font-size:11px; } #formType.orderHistoryDetails .shipmentMethods{ background:#fbfbfb; width:300px; float:left; padding:8px; margin:5px 0 15px 20px; font-size:11px; } #formType.orderHistoryDetails .orderComments{ background:#fbfbfb; width:635px; float:left; padding:8px; margin:5px 0 15px 0; font-size:11px; } #formType.orderHistoryDetails th{color:#222; height:24px;} #formType.orderHistoryDetails table.totals{margin-top:20px; text-align:right;} /**************************************** Form Address Maintenance ***** *****/ #formType #shipAddMain .saveBtn{margin-top:10px;} /**************************************** Credit Card Information ***** *****/ #formType #creditCardInfo .addEdit{margin-left:60px;} #formType #creditCardInfo .buttonSecondary{float:left; margin-right:30px;} #formType #creditCardInfo input{float:left; margin-top:3px;} #formType #creditCardInfo label{width:auto; padding: 0 2px 1px 8px;} #formType #creditCardInfo a.removeLink{margin-left:20px;} #formType #creditCardInfo label.l1{width:84px;} /**************************************** Credit Card Maintenance ***** *****/ #formType #creditCardMaint label{width:116px;} /**************************************** Collect Carriers ***** *****/ #formType #collectCarriers .buttonSecondary{margin-right:30px;} #formType #collectCarriers .clearBoth{float:left; margin:5px 0 0 15px;} #formType #collectCarriers .addEdit{margin-left:60px;} #formType #collectCarriers input{clear:both; margin-top:9px; float:left;} #formType #collectCarriers label.l1{padding-top:6px; width:310px;} #formType #collectCarriers .col1{width:600px;} #formType #collectCarriers .grouped{height:22px;position:relative;} #formType #collectCarriers .removeBtn{margin:7px 0 0 20px;float:left;} /**************************************** userTimeout ***** *****/ #formType #userTimeout label{width:110px;} #formType #userTimeout .buttonPrimary{margin:18px 0 0 24px;} /**************************************** userLogon ***** *****/ #formType.userLogon {width:724px;} #formType.userLogon .error_messages ul li {padding-left:0;text-indent:0;width:400px;} #formType.userLogon div#registered {float:left;width:300px;} #formType.userLogon div#registered div#miniLogon {margin:15px 0;} #formType.userLogon div#registered div#miniLogon div.fieldRow label, #formType.userLogon div#newCustomer div#miniFindMe div.fieldRow label {padding-left:0;} #formType.userLogon div#registered div#miniLogon div.fieldRowLast {margin-bottom:15px;} #formType.userLogon div#registered div#miniLogon div.fieldRowLast label {padding-left:0;} #formType.userLogon div#registered div#miniLogon div.buttonPrimary {margin:0 0 10px 10px;} #formType.userLogon div#newCustomer {float:left;padding-left:35px;width:388px;} #formType.userLogon div#newCustomer h2 {margin-bottom:15px;} #formType.userLogon div#newCustomer ul.grayArrowBullet li { background:url("icon-arrowGray.gif") no-repeat 0 5px; list-style-type:none; margin:0 0 2px 0; padding:0 0 0 18px; } #formType.userLogon div#newCustomer div.buttonPrimary {margin:15px 0 15px 58px;} #formType.userLogon div#newCustomer div#miniFindMe {margin:15px 0 0 48px;width:auto;} #formType.userLogon div#registered div#guestCheckout {margin-top:25px;} #formType.userLogon div#registered div#guestCheckout h2 {margin-bottom:15px;} #formType.userLogon div#registered div#guestCheckout p a {display:block;margin-top:10px;} /**************************************** Password Change on Submit ***** *****/ #contentType.passwordChangeOnSubmit {position:relative;} #contentType.passwordChangeOnSubmit .buttonPrimaryWrap{position:absolute; left:220px} #contentType.passwordChangeOnSubmit .messageWrap{float:left; margin: 40px 30px 0 0; height:300px; width:350px;} #contentType.passwordChangeOnSubmit img{float:left; margin-top:20px;} /**************************************** Registration Success Page ***** *****/ #contentType.regSuccess{} #contentType.regSuccess .contentLeft{width:450px; float:left; margin:0 25px 20px 0;} #contentType.regSuccess .buttonPrimaryWrap{position:absolute; left:80px;} #contentType.regSuccess .clearFloat{height:2px;} /**************************************** Express Checkout Success Page ***** *****/ #contentType.expressCheckoutSuccess .hidden{display:none;} #contentType.expressCheckoutSuccess img{margin-top:20px;} #contentType.expressCheckoutSuccess .success{height:200px; margin:60px 30px 0 40px; float:left; } #contentType.expressCheckoutSuccess .buttonPrimaryWrap {position:absolute; left:120px;} /**************************************** Catalog Request Success ***** *****/ #contentType.catalogSuccess .contentLeft{margin:50px 30px 0 0; float:left; width:450px; text-align:center; position:relative;} #contentType.catalogSuccess .buttonPrimary{position:relative;left:187px;} #contentType.catalogSuccess img{margin-top:15px;} /**************************************** Collect Carriers ***** *****/ #formType #collectCarrierMaint label{width:120px;} /**************************************** orderProcess ***** for shopping cart ***** and order process *****/ #staticCart {padding:20px 45px;} #staticCart h1 {color:#272727;float:left;width:auto;} #staticCart table.staticCart {background-color:#000;width:100%;} #staticCart table.staticCart th, #staticCart table.staticCart td {color:#E2E2E2;font-size:12px;padding:5px 0 0 5px;} #staticCart table.staticCart th {font-size:11px;} #staticCart table.staticCart th.rightTxt, #staticCart table.staticCart td.rightTxt {padding:5px 5px 0 0;} #staticCart table.staticCart th.centerTxt, #staticCart table.staticCart td.centerTxt {padding:5px 0 0;} #staticCart table.staticCart tr.cartRowBkgrd td {background-color:#272727;} #staticCart table.staticCart td.thumbnail {padding:8px 5px 3px;width:65px;} #staticCart table.staticCart td img {border:0;height:60px;width:60px;} #orderProcess { background:url('gradient-vFadeF1F1F1.jpg') no-repeat 0 0;clear:both;padding:30px 40px;min-height:200px; padding:40px 40px 30px; } #orderProcess .validation_border {padding:2px;width:82%;} #orderProcess h1 { background:url('HeadingBg01.png') no-repeat left bottom; margin-bottom: 12px; margin-left:-10px; padding:12px 120px 30px 17px; width:550px; z-index:90; opacity:.95; } #orderProcess h2 {color:#000;padding:12px 0 7px;} #orderProcess .actionLink {float:left; margin:4px 10px 0 !important;} #orderProcess input.orderProcessRadio {clear:both;float:left;margin:3px 10px;} #orderProcess label {width:80%;} #orderProcess div.orderProcessButtons {margin:40px 0 0 15px;width:700px; } #orderProcess div.orderProcessButtonsTop {margin:0 0 15px 15px;width:700px;} #orderProcess div.orderProcessButtons div.buttonPrimary, #orderProcess div.orderProcessButtons div.buttonSecondary, #orderProcess div.orderProcessButtonsTop div.buttonPrimary, #orderProcess div.orderProcessButtonsTop div.buttonSecondary {width:120px;left:0;} #orderProcess div.orderProcessButtons div.buttonPrimary input, #orderProcess div.orderProcessButtons div.buttonSecondary input, #orderProcess div.orderProcessButtonsTop div.buttonPrimary input, #orderProcess div.orderProcessButtonsTop div.buttonSecondary input {width:120px;} #orderProcess div.orderProcessButtons div.buttonPrimary, #orderProcess div.orderProcessButtonsTop div.buttonPrimary {float:right;} /**************************************** Shopping Cart ********************* *********************/ #orderProcess.shoppingCart {background-image:none;padding:0 0 30px 1px;} #orderProcess.shoppingCart h1 {margin-left:0;} #orderProcess.shoppingCart div.warning {margin-left:24px;} #orderProcess.shoppingCart table#shoppingCart, #orderProcess.emptyCart table#shoppingCart {border:0;width:765px;} div.saveCartLinks {margin:10px auto 0;text-align:center;width:130px;} div.saveShoppingCart {font-size:11px;padding:25px;} #orderProcess.shoppingCart table#shoppingCart tr.header, #orderProcess.shippingCarrier table#shoppingCart tr.header, #orderProcess.reviewOrder div.reviewContent table#shoppingCart tr.header, #orderProcess.orderConfirmation table#shoppingCart tr.header, #orderProcess.express table#shoppingCart tr.header {background:url('shopCartHeaderBkgrd.gif') repeat-y;} #orderProcess.shoppingCart table#shoppingCart th, #orderProcess.shippingCarrier table#shoppingCart th, #orderProcess.reviewOrder div.reviewContent table#shoppingCart th, #orderProcess.orderConfirmation table#shoppingCart th, #orderProcess.express table#shoppingCart th, #orderProcess.emptyCart table#shoppingCart th { color:#000; font-size:11px; padding:2px 0; } #orderProcess.shoppingCart table#shoppingCart tr.rowBkgrd, #orderProcess.shippingCarrier table#shoppingCart tr.rowBkgrd, #orderProcess.reviewOrder div.reviewContent table#shoppingCart tr.rowBkgrd, #orderProcess.orderConfirmation table#shoppingCart tr.rowBkgrd, #orderProcess.express table#shoppingCart tr.rowBkgrd {background:url('shopCartRowBkgrd.gif') repeat-y;} #orderProcess.shoppingCart table#shoppingCart td, #orderProcess.shippingCarrier table#shoppingCart td, #orderProcess.reviewOrder div.reviewContent table#shoppingCart td, #orderProcess.orderConfirmation table#shoppingCart td, #orderProcess.express table#shoppingCart td, #orderProcess.emptyCart table#shoppingCart td { color:#000; font-size:11px; line-height:13px; padding:15px 0 0; vertical-align:top; } #orderProcess.shippingCarrier table#shoppingCart td, #orderProcess.reviewOrder div.reviewContent table#shoppingCart td, #orderProcess.orderConfirmation table#shoppingCart td, #orderProcess.express table#shoppingCart td {padding:7px 0;} #orderProcess.shoppingCart table#shoppingCart td.thumbnail, #orderProcess.emptyCart table#shoppingCart td.thumbnail {padding:8px 5px 3px 15px;width:65px;} #orderProcess.shoppingCart table#shoppingCart td.thumbnail img, #orderProcess.emptyCart table#shoppingCart td.thumbnail img {width: 60px;} #orderProcess.shoppingCart table#shoppingCart tr.nopad td {padding-top:0;} #orderProcess.shoppingCart table#shoppingCart tr.validation_border td select {margin-top:3px;} #orderProcess.shoppingCart table#shoppingCart tr.validation_border td p {margin-bottom:18px;} #orderProcess.shoppingCart ul.prodAccessories {list-style-type:circle;} #orderProcess.shoppingCart table#shoppingCart td div.buttonSecondary.updateCart {float:right;margin-right:45px;} /* Shopping Cart Merchandising Associations */ #orderProcess.shoppingCart div#merchAssoc { /* background: transparent url('merchAssoc-middle.png') no-repeat 0 46px; */ width:217px; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocTop { background: transparent url('merchAssoc-top.png') no-repeat 0 0; height:20px; text-align:center; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocMiddle { background: transparent url('merchAssoc-middle.png') no-repeat 0 0; color:#FFF; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:1.1em; max-height:360px; padding:0 9px; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocMiddle div.accessoriesContainer { padding:0 0 5px; height:150px; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocMiddle div.accessoriesContainer div.prodGroupContainer { padding:10px 0; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocMiddle div.accessoriesContainer div.prodGroupContainer img { margin-bottom:3px; vertical-align:top; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocMiddle div.accessoriesContainer div.prodGroupContainer.rowBkgrd { background: #272727; border-top:1px solid #67686B; border-bottom:1px solid #67686B; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocMiddle h6 { background:transparent url('../javascript/jquery/themes/ui-richness/images/accordion-blue_merchAssoc.png') no-repeat 0 0; color:#fff; font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size:13px; font-weight:bold; height:22px; padding:5px 0 0 15px; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocMiddle div.prodName { color:#FFFFFF; font-family:Verdana,Helvetica,sans-serif; font-size:11px; font-variant:small-caps; line-height:13px; margin-bottom:3px; padding:0 0 0 10px; width:88%; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocMiddle p.prodUrl { color:#B4D4ED; float:left; font-family:Verdana,Helvetica,sans-serif; font-size:11px; line-height:12px; padding:0 5px 0 20px; width:61%; } #orderProcess.shoppingCart div#merchAssoc div.merchAssocBottom { background: transparent url('merchAssoc-bottom.png') no-repeat 0 0; height:33px; } #orderProcess.shoppingCart div.grayBkgrd { background-image: url('shopCartRowBkgrd.gif'); margin:15px 0; padding:0 0 15px; width:765px; } #orderProcess.shoppingCart div.dealFreight { background: url('dealFreightBkgrd.png') no-repeat; height:199px; float:left; margin-left:30px; padding:20px 35px 10px; width:309px; } #orderProcess.shoppingCart h2, div#estimateFrt h2.discount { font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; padding:12px 0 7px; } #orderProcess.shoppingCart div.dealFreight h2.discount {color:#38A124;} #orderProcess.shoppingCart div.dealFreight h2.discount a { font-family:Verdana, Arial, 'Trebuchet MS', Helvetica, sans-serif;; font-variant:normal; font-weight:normal; } div#estimateFrt div.error_messages, div.saveShoppingCart div.error_messages {margin:0;} div#estimateFrt div.error_messages ul li, div.saveShoppingCart div.error_messages ul li { color:#F00 !important; font-size:11px; font-weight:normal; margin:0; padding:0; text-indent:0; line-height:13px; } #orderProcess.shoppingCart div.orderDiscTot {float:right;margin:20px 25px 0 0;} #orderProcess.shoppingCart div.orderDiscTot p {text-align:right;} #orderProcess.shoppingCart div.orderProcessButtons {float:right;margin:20px 25px 0 0;} #orderProcess div.orderProcessButtons.checkout {margin-top:-73px;width:140px;} #orderProcess div.orderProcessButtons.checkout div.buttonPrimary, #orderProcess div.orderProcessButtons.checkout div.buttonSecondary {width:140px;left:0;} #orderProcess.emptyCart { background:url('sparky/sparky-emptyCart.png') no-repeat 400px 40px; min-height:375px; padding:0 0 30px 1px; } #orderProcess.emptyCart h1 {margin-left:0;} #orderProcess.emptyCart div.warning {margin-left:24px;} #orderProcess.emptyCart h2 {margin-left:24px;} #orderProcess.emptyCart p {margin-left:24px;} #orderProcess.emptyCart div.buttonSecondary {margin-top:1px;} #orderProcess.emptyCart div.buttonSecondary a {padding:0 5px 0 15px;} #orderProcess.emptyCart div.buttonSecondary.updateCart {display:none;} /**************************************** Shipping & Billing Page ***** Review & Confirmation ***** *****/ #orderProcess #newAddressDiv, #orderProcess #manual, #orderProcess #newCreditCardDiv, #orderProcess #creditCardDiv {display:none;} #orderProcess.shippingAddress h2, #orderProcess.shippingCarrier h2, #orderProcess.billingInfo h2, #orderProcess.express h2, #orderProcess.reviewOrder h2 {margin-bottom:8px;} #orderProcess.shippingAddress div.addressSection, #orderProcess.shippingAddress div.attentionToSection, #orderProcess.shippingCarrier div.carrierOptions, #orderProcess.shippingCarrier div.specialInstructions, #orderProcess.billingInfo div.poNumber, #orderProcess.billingInfo div.billingInfoContainer, #orderProcess.billingInfo div.billingInfoContainer div.paymentMethod, #orderProcess.billingInfo div.billingInfoContainer div.billingAddress, #orderProcess.reviewOrder div.reviewContent, #orderProcess.orderConfirmation div.orderConfContent, #orderProcess.express div.attentionToSection, #orderProcess.express div.carrierOptions, #orderProcess.express div.poNumber, #orderProcess.express div.specialInstructions {margin:15px 0 0;width:725px;} #orderProcess.billingInfo div#formType div.requiredFieldMsg {margin-left:3px;} #orderProcess.shippingAddress div.addressSection div#formType label {float:left;width:105px;} #orderProcess.shippingAddress div.addressSection label, #orderProcess.shippingAddress div.attentionToSection label, #orderProcess.express div.attentionToSection label {float:none;margin-bottom:5px;} #orderProcess.billingInfo div.billingInfoContainer div#formType label, #orderProcess.express #creditCard label {width:125px;} #orderProcess.shippingAddress div.addressSection div#formType, #orderProcess.shippingAddress div.attentionToSection div#formType, #orderProcess.billingInfo div.billingInfoContainer div#formType, #orderProcess.express div.attentionToSection div#formType, #orderProcess.reviewOrder div.needHelp div.submitOrder {padding:15px 0 0 34px;} #orderProcess.billingInfo div.billingInfoContainer div.existingCC {margin: 8px 0 15px 33px;} #orderProcess.shippingAddress div.addressSection div#formType fieldset, #orderProcess.shippingAddress div.attentionToSection div#formType fieldset, #orderProcess.express div.attentionToSection div#formType fieldset {padding-left:0;} #orderProcess.billingInfo #orderProcess #manual {margin-left:50px;} #orderProcess.express #manual {margin-top:15px;} #orderProcess.express #creditCard div#ccSecurityCode {padding-top:10px;} #orderProcess.shippingCarrier #manual {margin-top:30px;} #orderProcess div.existingBillAddress {margin:5px 0 15px 32px;} #orderProcess div.indentSubOptions {margin:15px 0 0 50px;} #orderProcess div.indentSubOptions div#formType fieldset {padding:0;} /**************************************** Review Page ***** Confirmation Page ***** *****/ #orderProcess.reviewOrder div.reviewContent h3 { float:left; font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; font-size: 14px; font-variant:small-caps; font-weight:bold; font-spacing:1px; } #orderProcess.reviewOrder div.reviewContent div.block04 { margin-bottom:15px; padding:0 0 10px 15px; width:225px; } .ruleLeft {border-left:1px dashed #999;} #orderProcess.reviewOrder div.reviewContent h3 {margin-bottom:5px;} #orderProcess.reviewOrder div.reviewContent table#shippingMethods, #orderProcess.reviewOrder div.reviewContent table#shoppingCart, #orderProcess.orderConfirmation div.orderConfContent table#shoppingCart {margin-bottom:25px;width:98%;} #orderProcess.reviewOrder div.reviewContent table#shippingMethods td {font-size:11px;} #orderProcess.reviewOrder div.reviewContent div#shippingInstructions, #orderProcess.reviewOrder div.reviewContent div#orderMessages, #orderProcess.reviewOrder div.reviewContent div#discountsTotals, #orderProcess.reviewOrder div.reviewContent div#orderComments {margin-bottom:25px;} #orderProcess.reviewOrder div.reviewContent div#discountsTotals h2, #orderProcess.orderConfirmation div#discountsTotals h2 { font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; } #orderProcess.reviewOrder div.needHelp {margin-bottom:25px;width:750px;} #orderProcess.reviewOrder div.needHelp div.submitOrder {float:left;width:260px;margin-right:10px;} #orderProcess.reviewOrder div.needHelp div.holdOrder {float:left;padding-top:15px;width:380px;} #orderProcess.reviewOrder div.needHelp div.holdOrder div.contact {margin:2px 0 0 34px;padding-top:10px;} #orderProcess.reviewOrder div.needHelp div.holdOrder div.contact label {width:50px;} #orderProcess.reviewOrder div.orderProcessButtons div.buttonPrimary {float:left;} #orderProcess.orderConfirmation div#msdsRequest {margin-top:35px;} /*************************************** Generic Errors ***** ****/ #genError #bigBlue{background:url(bigBlueBox.png) no-repeat; position:relative; left:-50px; width:740px; height:290px; position:relative; top:15px;} #genError #bigBlue .txtWrap{color:#fff; font-size:12px; float:left; width:490px; margin-left:0px; padding:23px 0 0 84px; line-height:15px;} #genError #bigBlue p{margin-left:26px; width:650px} /**************************************** Product Page ***** *****/ #productPage {width:100%;} #productPage div.upperSection {background: url('productPageBG.jpg') no-repeat #5E78B3;} #productPage div#column1 {float:left;margin:25px 25px 0;width:252px;} #productPage div#column1 div#seeLarger { -moz-opacity:.80; background:#FFF url('icon-zoomIn.png') no-repeat center center; cursor:pointer; filter:alpha(opacity=80); height:20px; left:256px; opacity:.80; position:absolute; top:256px; width:20px; } #productPage div#column1 div#productPhotos div.new { background: transparent url('bug-new.png') no-repeat 0 0; height:67px; width:67px; position:absolute; } #productPage div#column2 h2.barnyard { background: transparent url('bug-barnyard.gif') no-repeat top right; padding-right:100px; height:55px; } #productPage div#column1 div#productPhotos img#prod_image_large {border:1px solid #CCC;} #productPage div#column1 div#productPhotos div.spacer {height:76px;} #productPage div#column1 div#productPhotos div#thumbnails { display:none; margin:6px 0; text-align:center; visibility: hidden; } #productPage div#column1 div#productPhotos div#thumbnails div#prevBtn { background-image: url('btnPrevProductPg.gif'); border: 1px solid #ccc; cursor: pointer; float: left; height: 58px; left: 0; position: relative; top:0; width: 26px; } #productPage div#column1 div#productPhotos div#thumbnails div#nextBtn { background: #ddd url('btnNextProductPg.gif') no-repeat 50% 50%; border: 1px solid #ccc; cursor: pointer; float: left; height: 58px; left: 196px; position: relative; top:0; width: 26px; } #productPage div#column1 div#productPhotos div#thumbnails div#smallPhotos { background-color: #FFF; left: -24px !important; margin: 0; position: relative; width: 188px !important; } #productPage div#column1 div#productPhotos div#thumbnails div#smallPhotos ul#thumbWrapper li.thumbnail {height: 60px;} #productPage div#column1 div#productPhotos div#thumbnails div#smallPhotos img {margin:0 4px 0 0;cursor:pointer;} #productPage div#column2 {float:left;margin:25px 25px 10px 0;width:443px;} #productPage div#column2 h2 { color: #000; font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; font-size:18px; line-height:20px; padding-left:10px; text-indent:-10px; } #productPage div#column2 h2 img.ourLogo {margin-left:5px;vertical-align:text-bottom;} #productPage div#column2 div#prodInfo p {color: #000;font-size:11px;margin-bottom:15px;} #productPage div#column2 div#prodInfo div#pricingSection .soldInternationally {color:#F00;} #productPage div#column2 div#prodInfo div#pricingSection div.qty {color:#000;} #productPage div#column2 div#prodInfo div#pricingSection div.pricingData div.priceBreaks { color:#000; float:left; margin-right:5px; text-align:center; width:74px; } #productPage div#column2 div#prodInfo div#pricingSection div#val_quantity.qty.validation_border { padding: 0 0 3px; width: 15%; } #productPage div#column2 div#prodInfo div#pricingSection select {border-color: #CCC;} #productPage div#column2 div#prodInfo div#pricingSection div.buttonPrimary.add2Cart {margin:15px 0 0 15px;} #productPage div#column2 div#prodInfo div#pricingSection div.buttonPrimary.add2Cart a {padding-left:12px;} #productPage div#column2 div#prodInfo div#pricingSection div.buttonPrimary.add2Cart img {margin-right:3px;} #productPage div#column2 div#prodInfo div#pricingSection div.shopList {float:right;margin-right:17px;} #productPage div#productTabs { background: transparent url('gradient-vFadeEBECEC.jpg') no-repeat 0 0; color: #000; min-height:380px; position:relative; } #productPage div#productTabs ul.ui-tabs-nav li {margin-top: 2px;} #productPage div#productTabs ul.ui-tabs-nav li.ui-corner-top.ui-tabs-selected.ui-state-active { background: #EBECEC url('productTabRight.gif') no-repeat 100% 0; height: 21px; margin-top: 3px; max-height:24px; } #productPage div#productTabs ul.ui-tabs-nav li.ui-corner-top.ui-tabs-selected.ui-state-active a { background: transparent url('productTabLeft.gif') no-repeat 0 0; color: #000; padding-top: 1px !important; } #productPage div#productTabs ul.ui-tabs-nav li.ui-corner-top.ui-tabs-selected.ui-state-active a:hover { color: #000; cursor: text; } #productPage div#productTabs ul.ui-tabs-nav li a, .ui-state-default a, .ui-widget-content .ui-state-default a { display: block; height: 21px; padding: 0 50px !important; } #productPage div#productTabs.ui-tabs ul.ui-tabs-nav li.ui-state-default a:hover, #productPage div#productTabs.ui-tabs ul.ui-tabs-nav li.ui-state-active a:hover {color:#79f;} #productPage div#productTabs ul.ui-tabs-nav li a#reviewsTab span#reviewTabAverageRatingId {float:left;width:auto;} #productPage div#productTabs ul.ui-tabs-nav li a#reviewsTab span#reviewTabAverageRatingId span.ratingPigs {float:left;width:145px;} #productPage div#productTabs ul.ui-tabs-nav li a#reviewsTab span#reviewTabAverageRatingId span a { color:#FFF; font-family:verdana, arial, sans-serif !important; font-size:11px !important; font-weight:normal; padding:4px 0 0 !important; } #productPage div#productTabs ul.ui-tabs-nav li.ui-state-active a#reviewsTab span {color: #000;} #productPage div#productTabs ul.ui-tabs-nav li a:hover#reviewsTab span {color:#79f;} #productPage div#productTabs ul.ui-tabs-nav li a:hover#reviewsTab spanv#reviewTabAverageRatingId span img {filter:alpha(opacity=40); -moz-opacity:.40; opacity:0.4;} #productPage div#productTabs ul.ui-tabs-nav li.ui-corner-top.ui-tabs-selected.ui-state-active a:hover#reviewsTab span#reviewTabAverageRatingId span img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} #productPage div#productTabs ul.ui-tabs-nav li.ui-corner-top.ui-tabs-selected.ui-state-active a#reviewsTab span {background:none;color:#000;} #productPage div#productTabs ul.ui-tabs-nav li.ui-corner-top.ui-tabs-selected.ui-state-active a:hover#reviewsTab span {color:#000;} #productPage div#productTabs ul.ui-tabs-nav li a#reviewsTab span#reviewTabAverageRatingId span {padding: 0;} #productPage div#productTabs ul.ui-tabs-nav li a#reviewsTab span#reviewTabAverageRatingId span.ratingPigs a {padding:0 !important;} #productPage div#productTabs h3 {color:#000;font-size:12px;margin:10px 0 10px;} #productPage #bulletedProductCopy li { display:block; background: url('icons/iconBullet-disc.gif') no-repeat 0 6px; padding-left:13px; width:350px; } #productPage div#productTabs div#productDetails, #productPage div#productTabs div#techInfo {float:left;padding:5px 0 25px 25px;width:725px;} /**************************************** Product Details Tab ***** *****/ #productPage div#productTabs div#productDetails p, #productPage div#productTabs div#productDetails ul li, #productPage div#productTabs div#productDetails ol li, #productPage div#productTabs div#productDetails a, #productPage div#productTabs div#productDetails div {font-size:11px;} #productPage div#productTabs div#productDetails div.col1 {float:left;margin:0 50px 0 0;width:365px;} #productPage div#productTabs div#productDetails div.col1 div#supplierLogo {margin:25px 0;} #productPage div#productTabs div#productDetails div.col2 {float:left;margin:0 10px 0 0;width:300px;} #productPage div#productTabs div#productDetails div.col2 div.specDesc {float:left;width:50%;} #productPage div#productTabs div#productDetails div.col2 div.specName {float:left;width:50%;} #productPage div#productTabs div#productDetails div.col2 div#bugBadge {margin:10px 0;} div.bugRecycle_W, div.bug1991POY_GOLD, div.bug1992POY_GOLD, div.bug1993POY_GOLD, div.bug1994POY_GOLD, div.bug1996POY_GOLD, div.bug1997POY_GOLD, div.bug1998POY_GOLD, div.bug1999POY_GOLD, div.bug2001POY_GOLD, div.bug2002POY_GOLD, div.bug2004POY_GOLD, div.bug2005POY_GOLD, div.bug2006POY_GOLD, div.bug2007POY_GOLD, div.bugFMApprovedW, div.bugInventedHere_W {min-height:200px;min-width:437px;padding:25px 50px 50px;} div.bugRecycle_W {background:url('bugBkgrd-Recycle.png') no-repeat 0 -100px;} div.bug1991POY_GOLD, div.bug1992POY_GOLD, div.bug1993POY_GOLD, div.bug1994POY_GOLD, div.bug1996POY_GOLD, div.bug1997POY_GOLD, div.bug1998POY_GOLD, div.bug1999POY_GOLD, div.bug2001POY_GOLD, div.bug2002POY_GOLD, div.bug2004POY_GOLD, div.bug2005POY_GOLD, div.bug2006POY_GOLD, div.bug2007POY_GOLD {background:url('bugBkgrd-POTY.png') no-repeat 0 -100px;} div.bugFMApprovedW {background:url('bugBkgrd-FMApproved.png') no-repeat 0 -100px;} div.bugInventedHere_W {background:url('bugBkgrd-inventedHere.png') no-repeat 0 -100px;} div.bugRecycle_W h1, div.bug1991POY_GOLD h1, div.bug1992POY_GOLD h1, div.bug1993POY_GOLD h1, div.bug1994POY_GOLD h1, div.bug1996POY_GOLD h1, div.bug1997POY_GOLD h1, div.bug1998POY_GOLD h1, div.bug1999POY_GOLD h1, div.bug2001POY_GOLD h1, div.bug2002POY_GOLD h1, div.bug2004POY_GOLD h1, div.bug2005POY_GOLD h1, div.bug2006POY_GOLD h1, div.bug2007POY_GOLD h1, div.bugFMApprovedW h1, div.bugInventedHere_W h1 {width:auto;} div.bugRecycle_W img, div.bug1991POY_GOLD img, div.bug1992POY_GOLD img, div.bug1993POY_GOLD img, div.bug1994POY_GOLD img, div.bug1996POY_GOLD img, div.bug1997POY_GOLD img, div.bug1998POY_GOLD img, div.bug1999POY_GOLD img, div.bug2001POY_GOLD img, div.bug2002POY_GOLD img, div.bug2004POY_GOLD img, div.bug2005POY_GOLD img, div.bug2006POY_GOLD img, div.bug2007POY_GOLD img, div.bugFMApprovedW img, div.bugInventedHere_W img {float:left;margin-right:25px;} div.bugRecycle_W p, div.bug1991POY_GOLD p, div.bug1992POY_GOLD p, div.bug1993POY_GOLD p, div.bug1994POY_GOLD p, div.bug1996POY_GOLD p, div.bug1997POY_GOLD p, div.bug1998POY_GOLD p, div.bug1999POY_GOLD p, div.bug2001POY_GOLD p, div.bug2002POY_GOLD p, div.bug2004POY_GOLD p, div.bug2005POY_GOLD p, div.bug2006POY_GOLD p, div.bug2007POY_GOLD p, div.bugFMApprovedW p, div.bugInventedHere_W p {padding-top:10px;} /**************************************** Tech Info Tab ***** *****/ #productPage div#productTabs div#techInfo {padding-left:25px;} /**************************************** Review Tab ***** *****/ #productPage div#productTabs div#reviews {margin: 25px; padding:0;} #productPage div#productTabs div#reviews div.reviewContent {padding:10px 0 0 0;} #productPage div#productTabs div#reviews div.reviewContent h3 {font-size:14px;} #productPage div#productTabs div#reviews div.reviewContent div.hrLong { background-position: -21px 0; margin: 20px 0; width: 100%; } #productPage div#productTabs div#reviews div.reviewContent div#reviewHeader { border-bottom:2px solid #999; margin-bottom:15px; padding-bottom:25px; } #productPage div#productTabs div#reviews div.reviewContent div#reviewHeader div.avgReviewRating { float:left; width:537px; } #productPage div#productTabs div#reviews div.reviewContent div#reviewHeader div.daapiHat { background:#F2F2F2; border:1px solid #999; float:left; font-size:11px; margin-left:23px; padding:0 0 10px; width:345px; } #productPage div#productTabs div#reviews div.reviewContent div#reviewHeader div.daapiHat h2.reviewWelcome { background-color:#e1e1e1; border-bottom:1px solid #999; color:#555; margin:0 0 10px; padding:10px 0; text-align:center; } #productPage div#productTabs div#reviews div.reviewContent div#reviewHeader div.daapiHat div#currentAvatar img { border:1px solid #CCC; margin:0 15px 10px 10px; } #productPage div#productTabs div#reviews div.reviewContent div#reviewHeader div.daapiHat div#currentDisplayName h2 {font-size:14px;margin-top:18px;} #productPage div#productTabs div#reviews div.reviewContent div#reviewHeader div.daapiHat div.reviewInstruct { float:left; line-height:15px; padding:0 10px; } #productPage div#productTabs div#reviews div.reviewContent div#reviewHeader div.daapiHat div.reviewInstruct ul { list-style-type:disc; margin:10px 0; padding-left:35px; } #productPage div#productTabs div#reviews div.reviewContent div#average_ratings {margin:25px 0;} #productPage div#productTabs div#reviews div.reviewContent div.productRating div.ratingCaption, div#ratingArea div#ratingLabel {float:left;width:180px;} #productPage div#productTabs div#reviews div.reviewContent div.productRating {font-size:11px;margin:2px 0;} #productPage div#productTabs div#reviews div.reviewContent div.productRating div.ratingPigs, div#ratingArea div.ratingPigs {float:left;width:160px;} #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews {margin:15px 0;} #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewBodyContainer {float:left;margin:0 19px 0 0;width:482px;} #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewBodyContainer img, #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewCommentContainer div.commentsContainer img { border:1px solid #CCC; float:left; margin-right:15px; } #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewBodyContainer h3 {color:#000;font-size:13px;margin:0 0 7px;} #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewBodyContainer div.reviewText {margin:15px 0 30px;} #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewRatingsContainer {float:left;margin-right:56px;width:370px;} #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewRatingsContainer div.productRatingsArea div.productRating div.ratingCaption {width:150px;} #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewCommentContainer { width:100%; } #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.addComments { float:left; font-size:11px; line-height:17px; margin:15px 2% 0 0; width:52%; } #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewRecommendContainer { float:left; font-size:11px; line-height:17px; margin:15px 0 0 0; text-align:right; width:40%; } #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewCommentContainer div.commentsContainer { margin:0 0 10px 75px; padding:10px; width:575px; } #productPage div#productTabs div#reviews div.reviewContent div#individual_reviews div.reviewCommentContainer div.commentsContainer.commentsContainerBkgrd { background:url('shopCartRowBkgrd.gif') repeat-y; } /**************************************** Write a Review Page ***** *****/ #formType.writeReview h1 {margin-bottom:25px;} #formType.writeReview img.prodImg {border:1px solid #CCC;height:250px;margin-right:25px;width:250px;} #formType.writeReview div#narThanksReviewText {float:left;width:450px;} #formType.writeReview div#narThanksReviewText ul {list-style-type:disc;margin-bottom:12px;padding-left:35px;} #formType.writeReview h2 {border-bottom: 1px solid #222;margin:25px 0;padding-bottom:0;width:650px;} #formType.writeReview p#reviewBody {font-style:italic;margin:15px 0 0 12px;} #formType.writeReview div.error_messages ul {padding-left:0;list-style-type:none;} #formType.writeReview div#val_ReviewText.validation_border {padding-bottom:5px;padding-top:5px; width:650px;} #formType.writeReview div#val_commentText.validation_border {padding-bottom:5px;padding-top:5px; width:650px;} #formType.writeReview div#ratingArea div.ratingPigs a.ratePigs { background: transparent url('reviews/pigRating-empty.png') no-repeat 0 0; display: block; float: left; height: 20px; margin: 0 3px 5px 0; width: 26px; } #formType.writeReview div#ratingArea div.ratingPigs a.fullPig { background: transparent url('reviews/pigRating-full.png') no-repeat 0 0; display: block; float: left; height: 20px; margin: 0 3px 5px 0; width: 26px; } div#reviewPolicy {font-size:11px;line-height:15px;margin-left:755px;position:absolute;width:185px;} div#reviewPolicy ul, #formType.writeReview ul {list-style-type:disc;margin-bottom:12px;padding-left:30px;} /* div#ratingArea div#ratingLabel - see above in Review Tab */ /* div#ratingArea div.ratingPigs - see above in Review Tab */ div#ratingArea div.ratingPigs img {cursor:pointer;} /**************************************** Change Avatar ***** *****/ div.changeAvatar {min-height:275px;padding:25px 25px 50px;width:680px;} div.changeAvatar h1 {margin-top:0 !important;width:auto;} div.changeAvatar div#selectAvatarViewPort { background: transparent url('avatarBkgrd.gif') no-repeat scroll 0 6px; height:130px; margin:0 auto; padding:15px 0; overflow-x:scroll; white-space:nowrap; width:550px; } div.changeAvatar div#selectAvatarViewPort div#selectAvatarViewer {width:4185px;} div.changeAvatar div#selectAvatarViewPort div#selectAvatarViewer div.avatarImageAndName { float:left; font-size:11px; margin-right:10px; text-align:center; width:125px; } div.changeAvatar div#changeName {margin-left:64px;} div.changeAvatar div#changeName div.fieldRow {margin:25px 0;} div.changeAvatar div#changeName div.fieldRow label {width:115px;} div.changeAvatar div.buttonSecondary a {color:#FFF !important;} /**************************************** Merchandise Associations ***** *****/ #productPage div#productTabs div.rightHandRailBottom {float:right;margin:5px 5px 0 0;position:relative;} #productPage div#productTabs div.rightHandRailBottom h3 {margin-bottom:0;margin-left:9px;} #productPage div#productTabs div.rightHandRailBottom div#merchAssoc { /* background: transparent url('merchAssoc-middle.png') no-repeat 0 46px; */ width:217px; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocTop { background: transparent url('merchAssoc-top.png') no-repeat 0 0; height:20px; text-align:center; } /* #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocTop h3 { color:#FFF; font-size:14px; font-variant:small-caps; margin:0; } */ #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle { background: transparent url('merchAssoc-middle.png') no-repeat 0 0; color:#FFF; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:1.1em; max-height:360px; padding:0 9px; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle div#prodGroupContainer { height:305px; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle div.prodGroup { padding:5px 0 10px; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle div.prodGroup.rowBkgrd { background: #272727; border-top:1px solid #67686B; border-bottom:1px solid #67686B; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle div.prodGroup table.product { border:0; margin:0 0 8px; width:100%; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle div.prodGroup table.product td.image { width:65px; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle div.prodGroup table.product td.image img { border:1px solid #5f5f5f; height:60px; margin-left:5px; width:60px; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle div.prodGroup table.product td.prodName { color:#FFF; font-family:Verdana, 'Trebuchet MS', Helvetica, sans-serif; font-size:11px; font-variant:small-caps; line-height:13px; padding:0 0 0 10px; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle div.prodGroup div.skus { margin: 0 10px 0 5px; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocMiddle div.prodGroup div.skus a { color:#B4D4ED; font-family:Verdana, 'Trebuchet MS', Helvetica, sans-serif; font-size:10px; line-height:12px; } #productPage div#productTabs div.rightHandRailBottom div#merchAssoc div.merchAssocBottom { background: transparent url('merchAssoc-bottom.png') no-repeat 0 100%; height:20px; } #add_to_cart_closer_fed_guest {display:none;} /**************************************** shared between product page ***** and quick view *****/ div#column2 div#prodInfo div#productAddSuccess {display: none;} div#column2 div#prodInfo div#productAddSuccess div.content {padding:50px;} div#column2 div#prodInfo div#productAddSuccess div.content h1 {width:auto;} div#column2 div#prodInfo div#pricingSection div.pricingData {float:left;margin-top:3px;width:237px;} div#column2 div#prodInfo div#pricingSection div.qty { float:left; font-size:12px; margin-right:5px; text-align:center; } div#column2 div#prodInfo div#pricingSection div.shopList a {color:#FFF;font-size:10px;} div#column2 div#prodInfo div#pricingSection div.shopList a:hover {color:#FFF;} div#column2 div#prodInfo div#pricingSection.barnyard div.pricingData {margin-right:45px;width:auto;} div#column2 div#prodInfo div#skuSelector div.skuSize, div#column2 div#prodInfo div#skuSelector div.skuColor, div#column2 div#prodInfo div#skuSelector div.skuFeatures, div#column2 div#prodInfo div#skuSelector div.skuStyles { background: transparent url('hrShort.png') no-repeat 0 0; padding-top:15px; width:100%; } div#column2 div#prodInfo div.skuLength { background: transparent url('hrShort.png') no-repeat 0 100%; margin-top: -10px; width:100%; } div#column2 div#prodInfo div#skuSelector div.skuSize, div#column2 div#prodInfo div#skuSelector div.skuStyles, div#column2 div#prodInfo div.skuLength {height:35px;} div#column2 div#prodInfo div#skuSelector div.skuSize p, div#column2 div#prodInfo div#skuSelector div.skuColor p, div#column2 div#prodInfo div#skuSelector div.skuFeatures p, div#column2 div#prodInfo div#skuSelector div.skuStyles p, div#column2 div#prodInfo div.skuLength p {float:left;font-size:11px;margin:0 30px 0 0;} div#column2 div#prodInfo div#skuSelector div.skuColor ul, div#column2 div#prodInfo div#skuSelector div.skuFeatures ul { position:relative; } div#column2 div#prodInfo div#skuSelector div.skuColor ul li, div#column2 div#prodInfo div#skuSelector div.skuFeatures ul li { float:left; margin-bottom:8px; } div#column2 div#prodInfo div#skuSelector div.skuColor ul li a, div#column2 div#prodInfo div#skuSelector div.skuFeatures ul li a { cursor:pointer; display:block; float:left; height:76px; margin-right:5px; width:62px; } div#column2 div#prodInfo div#skuSelector ul li a.selectedSwatch { background: transparent url('icons/icon-skuSelector.png') no-repeat bottom center; } div#column2 div#prodInfo div#skuSelector ul li a.notAvailable { cursor:default !important; filter:alpha(opacity=10); opacity: 0.1; } div#column2 div#prodInfo div#skuSelector div.skuColor ul li img, div#column2 div#prodInfo div#skuSelector div.skuFeatures ul li img {border:1px solid #CCC;} div#column2 div#prodInfo div#pricingSection p.validation_border {color: #000; font-size: 11px; margin-top: 14px; padding-left: 0; width:100%;} div#column2 div#prodInfo div#pricingSection div.error_messages ul li { -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #EDC5C5 !important; border: 1px solid #FF0000; color: #000 !important; font-weight: normal; line-height: 17px; margin:5px 0 5px -8px; min-height:22px; padding:5px 0 5px 9px; position:relative; text-indent: 0; width:48%; zoom:1; } div#column2 div#prodInfo div#pricingSection div.validation_border { background-image: none; padding-top: 10px; width: 100%; } /**************************************** Quick View ***** *****/ #quickView {min-height:275px;padding:25px 25px 50px;width:680px;} #quickView div#column1 {float:left;margin:12px 25px 0 0;width:255px;} #quickView div#column1 img {border:1px solid #CCC;height:250px;width:250px;} #quickView div#column2 {float:left;width:400px;} #quickView div#column2 h1 {margin-bottom:0;width:auto;} #quickView div#column2 div#prodInfo div#pricingSection div.shopList {display:none;} #quickView div#column2 div#prodInfo div#pricingSection div.pricingData div.priceBreaks { color:#FFF; float:left; margin-right:5px; text-align:center; width:74px; } #quickView div#column2 div#prodInfo div#pricingSection a.addToCartIcon { background:transparent url('addToCartIcon.png') no-repeat scroll 0 0; display:block; float:left; height:47px; margin:10px 0 0 10px; width:40px; } #quickView div#column2 div#prodInfo div#pricingSection div.validation_border {width:100%;} #quickView div#column2 div#prodInfo div#pricingSection div.validation_border p {color:#000;} #quickView div#column2 div#prodInfo div#pricingSection div.buttonPrimary.add2Cart a {background:none;} #quickView div#column2 div#prodInfo div#pricingSection div.buttonPrimary.add2Cart img {display:none;} #quickView div#column2 div#prodInfo div#pricingSection .soldInternationally {color:#DF3737;} /**************************************** homePage ***** aka topCategoriesDisplay ***** or Homepageview *****/ /**************************************** Hero ***** *****/ /* start: temporary hero - us/fd/ca/uk/ot */ div#hero div#heroLaunch {display:none;} div#hero div#heroLaunch {height:495px;width:977px;} div#hero div#heroLaunch div.slide1 { background:transparent url('homepage/hero/launch/hero_goGreen.jpg') no-repeat 0 0; height:495px; width:977px; } div#hero div#heroLaunch div.slide1 div.buttonPrimary {left:515px;position:relative;top:250px;} div#hero div#heroLaunch div.slide1 a.prodLink { display:block; height:22px; left:160px; position:relative; top:275px; width:56px; } div#hero div#heroLaunch div.slide1 a.recycledContent { display:block; height:24px; left:429px; position:relative; top:262px; width:270px; } div#hero div#heroLaunch div.slide2 { background:transparent url('homepage/hero/launch/hero_pigBlue.jpg') no-repeat 0 0; height:495px; width:977px; } div#hero div#heroLaunch div.slide2 div.buttonPrimary { left:522px; position:relative; top:215px; } div#hero div#heroLaunch div.slide2 a.blueMats { display:block; height:24px; left:422px; position:relative; top:252px; width:270px; } div#hero div#heroLaunch div.slide2UK { background:transparent url('homepage/hero/launch/hero_pigBlueUK.jpg') no-repeat 0 0; height:495px; width:977px; } div#hero div#heroLaunch div.slide2UK p { color:#FFF; font-size:11px; line-height:14px; margin:228px 0 0 25px; width:270px; } div#hero div#heroLaunch div.slide2UK p a {color:#92CBFF;} div#hero div#heroLaunch div.slide2UK a.bluLink { display:block; height:20px; left:437px; position:relative; top:15px; width:50px; } div#hero div#heroLaunch div.slide3, div#hero div#heroLaunch div.slide3UK { background:transparent url('homepage/hero/launch/hero_drainblocker.jpg') no-repeat 0 0; height:495px; width:977px; } div#hero div#heroLaunch div.slide3 div.prodLink, div#hero div#heroLaunch div.slide3UK div.prodLink { color:#000; font-size:11px; left:560px; line-height:14px; position:relative; text-align:right; top:272px; width:100px; } div#hero div#heroLaunch div.slide3UK div.prodLink {left:548px;width:117px;} div#hero div#heroLaunch div.slide3 div.prodLink a { font-weight:bold; } div#hero div#heroLaunch div.slide3 div.prodLink div.buttonPrimary {margin:8px 0 0 20px;} div#hero div#heroLaunch div.slide3UK div.prodLink div.buttonPrimary {margin:8px 0 0 37px;} div#hero div#heroLaunch div.slide3 div.prodLink div.buttonPrimary a { color:#FFF; padding-top:3px; } div#hero div#slideshowNav { float:left; height:35px; margin:-186px 0 0 41px; position:absolute; width:120px; z-index:99; } div#hero div#slideshowNav a.pause { background:url('homepage/hero/slideshowNav.png') no-repeat -85px 0; display:block; float:left; height:35px; width:35px; } div#hero div#slideshowNav a:hover.pause { background:url('homepage/hero/slideshowNav.png') no-repeat -85px -35px; } div#hero div#slideshowNav a.resume { background:url('homepage/hero/slideshowNav.png') no-repeat -85px -35px; display:block; float:left; height:35px; width:35px; } div#hero div#slideshowNav div#heroNav { float:left; height:35px; width:85px; } div#hero div#slideshowNav div#heroNav a.slide0, div#hero div#slideshowNav div#heroNav a.activeSlide0, div#hero div#slideshowNav div#heroNav a.slide1, div#hero div#slideshowNav div#heroNav a.activeSlide1, div#hero div#slideshowNav div#heroNav a.slide2, div#hero div#slideshowNav div#heroNav a.activeSlide2 { color:#FFF; display:block; float:left; font-size:14px; font-weight:bold; height:32px; padding-top:3px; text-align:center; text-decoration:none; } div#hero div#slideshowNav div#heroNav a.slide0 { background:url('homepage/hero/slideshowNav.png') no-repeat 0 0; width:29px; } div#hero div#slideshowNav div#heroNav a:hover.slide0, div#hero div#slideshowNav div#heroNav a.activeSlide0 { background:url('homepage/hero/slideshowNav.png') no-repeat 0 -35px; width:29px; } div#hero div#slideshowNav div#heroNav a.slide1 { background:url('homepage/hero/slideshowNav.png') no-repeat -29px 0; width:28px; } div#hero div#slideshowNav div#heroNav a:hover.slide1, div#hero div#slideshowNav div#heroNav a.activeSlide1 { background:url('homepage/hero/slideshowNav.png') no-repeat -29px -35px; width:28px; } div#hero div#slideshowNav div#heroNav a.slide2 { background:url('homepage/hero/slideshowNav.png') no-repeat -57px 0; width:28px; } div#hero div#slideshowNav div#heroNav a:hover.slide2, div#hero div#slideshowNav div#heroNav a.activeSlide2 { background:url('homepage/hero/slideshowNav.png') no-repeat -57px -35px; width:28px; } /* end: temporary hero - us/fd/ca/uk/ot */ /**************************************** Slider ***** *****/ div#sliderBkgrd { background:url('homepage/slider/sliderBkgrdHome.png') no-repeat center center; height:150px; margin:-149px 0 0; padding:0 9px; position:absolute; width:962px; z-index:99; } div#sliderBkgrd div#previousBtn { background: url('homepage/slider/sliderPrevious.png') 0 center no-repeat; border:0px; cursor:pointer; display:inline; height:150px; left:20px; position:absolute; top:0; width:34px; z-index:999; } div#sliderBkgrd div#nextBtn { background: url('homepage/slider/sliderNext.png') right center no-repeat; border:0px; cursor:pointer; display:inline; height:150px; right:20px; position:absolute; top:0; width:34px; z-index:999; } div#sliderBkgrd div#slider { overflow:hidden; padding:0; margin:0 auto; visibility:hidden; } div#sliderBkgrd div#slider div.sliderBoxShadow { background:url('homepage/slider/sliderBoxShadow.png') no-repeat 20px 15px; display:block; height:140px; padding:15px 26px 0; width:261px; } div#sliderBkgrd div#slider div.sliderBoxShadow a {text-decoration:none;cursor:pointer;} div#sliderBkgrd div#slider div.sliderBoxShadow a img {border:0;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox { height: 133px; margin:-14px auto 0; overflow: hidden; position: absolute; width: 261px; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox p { color:#6CBBED; font-size:11px; text-align:center; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox h1 { color:#FFF; font-size:16px; line-height:18px; margin:0; text-align:center; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.barnyard div.barnyardCover { background:url('homepage/slider/sliderBarnyardChicken.png') no-repeat 197px 0; height:85px; left:0; position:absolute; top:56px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.barnyard div.barnyardCover img {float:right;padding-right:5px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.barnyard div.barnyardCover2 { background:url('homepage/slider/sliderCover.png') no-repeat 0 1px; height:93px; position:absolute; top:69px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.barnyard div.barnyardCover2 h1 { font-size:16px; padding:9px 0 0; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.newProducts div.newProductsCover { background:url('homepage/slider/sliderCover.png') no-repeat 0 40px; height:110px; left:0; position:absolute; top:86px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.newProducts div.newProductsCover img {display:block;margin:4px auto 0;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.newProducts div.newProductsCover p {font-size:12px;font-weight:bold;padding-top:10px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.onlineCatalog div.onlineCatalogCover { background:url('homepage/slider/sliderCover.png') no-repeat 0 23px; height:110px; left:0; position:absolute; top:102px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.onlineCatalog div.onlineCatalogCover img {margin:3px 0 0;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.onlineCatalog div.onlineCatalogCover p { clear:both; font-weight:bold; line-height:15px; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.requestCatalog div.requestCatalogCover, div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.requestCatalogue div.requestCatalogCover { background:url('homepage/slider/sliderCover.png') no-repeat 0 18px; height:110px; left:0; position:absolute; top:107px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.requestCatalog div.requestCatalogCover h1, div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.requestCatalogue div.requestCatalogCover h1 {padding-top:25px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.pigLibrary div.pigLibraryCover { background:url('homepage/slider/sliderCover.png') no-repeat 0 23px; height:110px; left:0; position:absolute; top:102px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.pigLibrary div.pigLibraryCover img {margin:8px 0 0 0;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.pigLibrary div.pigLibraryCover p {line-height:15px;padding-top:4px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.promoBkgrd {background-color:#EED4CD;height:114px;position:relative;top:5px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promo { background:url('homepage/slider/sliderPromo.png') no-repeat 0 0; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promoUK { background:url('homepage/slider/sliderPromoUK.png') no-repeat 0 0; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promo div.promoCover, div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promoUK div.promoCover { background:url('homepage/slider/sliderCover.png') no-repeat 0 35px; height:110px; left:0; position:absolute; top:90px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promo div.promoCover img, div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promoUK div.promoCover img { display:block; margin:0 auto; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promo div.promoCover h1 {padding:10px 0 3px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promoUK div.promoCover h1 {padding: 0 0 3px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promo div.promoCover p, div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.promoUK div.promoCover p {line-height:15px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.soooemail div.soooemailCover, div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.soooemailUK div.soooemailCover { background:url('homepage/slider/sliderCover.png') no-repeat 0 0; height:110px; left:0; position:absolute; top:124px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.soooemail div.soooemailCover h1 {padding:9px 0 2px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.soooemailUK div.soooemailCover h1 {padding:20px 0 2px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.soooemail div.soooemailCover p {line-height:13px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.findDistributor div.findDistributorCover { background:url('homepage/slider/sliderCover.png') no-repeat 0 15px; height:110px; left:0; position:absolute; top:109px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.findDistributor img.floatRight {margin:0;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.findDistributor div.findDistributorCover p {line-height:14px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.becomeDistributor img.floatRight {margin:0;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.becomeDistributor div.becomeDistributorCover { background:url('homepage/slider/sliderCover.png') no-repeat 0 19px; height:110px; left:0; position:absolute; top:106px; width:100%; } div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.becomeDistributor div.becomeDistributorCover h1 {padding:3px 0 2px;} div#sliderBkgrd div#slider div.sliderBoxShadow div.sliderBox.becomeDistributor div.becomeDistributorCover p {line-height:14px;} /* ioSlider */ div#ioSliderBkgrd.intelOffer { position: relative; width:977px; height:257px; } div#ioSlider { padding:7px; margin:0; width:963px; } div#ioSliderBkgrd li.ioBlock01 { background:url('gradientBox01.png') no-repeat 0 0; width:177px; height:150px; padding: 14px 0 0 14px; float:left; height:229px; } div#ioSliderBkgrd li.ioBlock01 a.ioExtra1 { background:url('gradientBox02.png') no-repeat 0 0; display:block; opacity: 0; position:absolute; width:191px; height:243px; margin: -14px 0 0 -14px; z-index:2; } div#ioSliderBkgrd.intelOffer li.ioBlock01 div.ioPartNumInfo {text-align:center;margin-left:-12px;z-index:3;position:relative;} div#ioSliderBkgrd.intelOffer li.ioBlock01 img.ioImage { margin:7px 40px 0 36px; background:#fff; border:0px solid #CCCCCC; margin:3px 40px 7px 36px; padding:2px; z-index:3; position:relative; } div.io_recs_title_h h3 { font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; margin: 0 0 3px 12px; font-variant:small-caps; font-size:14px; letter-spacing:1px; } div#ioSliderBkgrd a.infoIcon img { margin: 8px 1px -3px 0; } div#ioSliderBkgrd a.ioProdDescription { width:115px; min-height:18px; padding:4px; overflow:hidden; margin-left:2px; z-index:3; position:relative; } div#ioSliderBkgrd a.ioProdDescription2 { display:block; float:left; width:130px; min-height:32px; padding:4px; overflow:hidden; white-space:normal; margin-left:10px; text-align:center; font-size:11px; z-index:3; position:relative; } /**************************************** searchType for sign in, register, catalog request, etc. *****/ /********************************* MSDS Search ******** ********/ #msdsNum, #msdsProductNum { background: url(msdsSearchBox3.png) no-repeat 0 0; color:#ccc; width:430px; float:left; height: 230px; } #msdsNum h2, #msdsProductNum h2 { color:#eee; margin: 0 0 12px 24px; } #msdsNum input.textboxLight_medium, #msdsProductNum input.textboxLight_medium { float:left; margin:10px 7px 0 0; } #msdsNum{} #msdsProductNum{margin-left:40px;clear:both;} #msdsAlternate #msdsNum, #msdsAlternate #msdsProductNum { margin-left:0px; width:370px; background:none; color:#555; } #msdsAlternate #msdsNum {border-left:1px dashed #999;} #msdsAlternate #msdsNum h2, #msdsAlternate #msdsProductNum h2 {color:#333;} .listedResults{ background: url('shopCartRowBkgrd.gif'); width:770px; margin:5px 0 20px 70px; padding:12px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .listedResults img{float:left; margin: 4px 40px 4px -12px;} #msdsAlternate .listedResults{width:570px;} .sorryMsg{ float:left; width:320px; margin:0 0 12px 50px; } .msdsSearchForm{ width:305px; float:left; padding-right:15px; margin:5px 0 0 30px; position:relative; } .msdsSearchForm .buttonPrimary{ margin:10px 0 30px 10px; } .havingTrouble{ clear:both; padding:10px 0 20px 70px; } /**************************************** browseType ***** for first and second level ***** browse, and product page *****/ #browseFF div.buttonPrimary{padding-right:6px;} #browseFF .loading {display:none;} /* Sets Display None Until Content Is loaded - FastFinder.js*/ #browseFF #browsebg h2 {background:url('HeadingBg01.png') no-repeat left bottom; margin-bottom: 12px; margin-left:-5px; padding:12px 120px 16px 17px; width:550px; z-index:90; opacity:.95;} #browseFF #browsebg a{position:relative;height:auto;} #browseFF #browsebg #stageNavigation h2{font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; position:absolute; color:#fff; top:5px; left: 5px; background:transparent; width:250px;} #browseFF #browsebg #stageNavigation a{color:#074a75;} #browseFF #browsebg #stageNavigation ul{margin:40px 0 0 25px;} #browseFF #browsebg #stageNavigation li{line-height:16px; padding: 4px 0 4px 10px; font-weight:bold;} #browseFF #browsebg #stageNavigation li:hover{} #browseFF #browsebg #stageNavigation li:hover a{color:#fff; text-decoration:underline;} #browseFF #browsebg .stageNavigationTitle {position:absolute; top:40px; left:18px;} #browseFF #browsebg .stageNavigationTitle .attribBG {background:transparent url(hrShort.png) no-repeat scroll -139px 0;height:5px; position:relative; width:200px;} #browseFF #browsebg #ffnav a{color:#074a75;} #browseFF #browsebg #shopTab li, #browseFF #browsebg {color:#FFEFF4;} #browseFF #browsebg #shopTab strong {color:#FFF;} #browseFF #browsebg #shopTab ul {position:relative; left:28px; top:5px;} #browseFF #browsebg #shopTab input{vertical-align:middle; float:left; padding:0;margin:0;} #browseFF #browsebg #shopTab li {line-height:13px; position:realtive;} #browseFF #browsebg #shopTab .attributeValue {line-height:13px;display:block; margin-left:16px; width:120px;} #browseFF #browsebg{background: url('productPageBG.jpg') no-repeat #5E78B3; min-height:333px; height:auto !important; height:334px;position:relative;} #browseFF #tabs { float: left; width: 500px; height: auto; } #browseFF .ui-tabs .ui-tabs-hide { display: none; } #browseFF .ui-tabs-nav { height: 50px; background-image: none; !important; display: none; } #browseFF .ui-tabs-panel { height: auto; !important;} #browseFF #tabs {background:none;} #browseFF #ffResults { width: 940px; margin-left:22px; position:relative; top:-20px;} #browseFF #ffResults ul { } #browseFF #ffResults ul li { } #browseFF #ffResults ul li .partNum:hover strong{color:#2F78BF;} #tabBGLeft{color:#efefef; margin-left:20px;} #browseFF #ffResults strong.total{font-size:14px; margin-left:20px; color:#efefef;} #browseFF #productGroups { width: 100%; float: right; overflow: hidden; } #browseFF #productGroups li {float: left; margin-right: 3px; margin-top: 3px; margin-left: 3px; padding: 5px; width: 450px;} #browseFF #productGroups li h2 {color: #2f2f2f; font-weight: bold;font-size: 0.9em;margin-right:30px; } #browseFF #productGroups li img { margin-right: 3px; display: inline; } #browseFF #productGroups .products {float: right; width: 300px; } #browseFF #productGroups .products ul{display:block;} #tabControl ul#shopCompareTab li{display:block; float:left; margin-top:-3px; text-align:center; width:122px;} #tabControl ul#shopCompareTab li.tabbed{background:url(blueTabUp.png) no-repeat;display:inline; display:block; float:left; margin-top:-3px; text-align:center; height:22px;width:122px;zoom:1;} #browseFF #productGroups .products li {margin: 2px; padding-left: 3px; clear:both; border: 0px; width: 100%; color: black; position:relative; left:-10px;font-weight: bold; font-size: 0.8em; height: auto; zoom:1;} #browseFF #productGroups .products li:hover{background:url(productLiBg.png) repeat-y scroll -15px 0;} #browseFF #productGroups .products li a { display: inline; float: left; } #browseFF img.prodGroupImage{float:left;} #browseFF #ffnav { width: 475px; margin: -20px 0 0 0; padding: 0px; zoom:1; } #browseFF #ffnav strong.narrowDown{position:absolute;top:65px;width:375px;} #browseFF #ffnav a#resetShop{} #browseFF #ffnav .buttonSecondaryWrap{position:absolute; left:684px; top:271px; width:62px;} #browseFF #ffnav ul { width: 475px; margin-top: 3px; padding: 0px; } #browseFF #ffnav .buttonSecondaryWrap .buttonSecondary{width:43px;} #browseFF #ffnav ul li { width: 150px; margin-right:8px; float: left; padding: 4px 0; } #browseFF #ffnav ul li div { display:block; width: 100%; float: left; clear: both; font-size: 0.85em; margin-top: 5px; } #browseFF #stageNavigation { float:left; width:255px; padding:5px; margin-bottom:6px; } #browseFF #compareTab { width:460px; margin:25px 0 0 44px; height: auto;} #browseFF #compareTab ul {width:360px; position:relative; top:50px;} #browseFF #compareTab strong.itemsCompareTxt{position:relative;top:28px;width:240px;} #browseFF #compareTab strong.itemsCompareTxt2{font-size:16px;font-variant:small-caps;font-family:'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; position:relative;top:65px;} #browseFF .ui-tabs{color:#fff;} #browseFF #tabs .hrShort{position:relative;top:58px;} #browseFF #tabs strong{color:#fff;} #browseFF #compareTab a#resetCompare:hover{text-decoration:none;} #browseFF #compareTab a#resetCompare strong{color:#fff;} #browseFF #compareTab .buttonPrimaryWrap{position:absolute;left:384px;} #browseFF #compareTab .buttonSecondaryWrap{position:absolute;left:666px; top:33px; width:62px;} #browseFF #compareItems { } #browseFF #compareItems ul { width: auto; margin-top: 10px; } #browseFF #compareItems li { float: left; display:inline; margin-right:20px; font-weight:bold; padding: 2px; } #browseFF #shopTab { width: auto; min-height: 300px; height: auto; } #browseFF #reviewTab { width: auto; overflow: hidden; min-height: 300px; height: auto; } #browseFF #compareTabControls { display: none;} #browseFF .inResult input{left:282px; position:absolute; top:7px;} #browseFF #shopTabControls {display: none; } #browseFF .compareButtonWrap{position:absolute; left:370px; margin-right:10px;} #browseFF #compareTab .compareButtonWrap{position:absolute;left:557px; top:143px; width:60px;} #browseFF .compareButton { float: right; width:55px; z-index: } #browseFF #tabControl {background: url(blackTabBar.gif) repeat-x; width:977px; position:relative;top:-23px; height:24px; zoom:1;} #browseFF #tabControl .productResults{float:left; margin:3px 0 0 10px; font-weight:bold; font-size:15px; color:#efefef;} #browseFF #tabControl .buttonSecondaryWrap{position:absolute; left:10px; top:-20px; color:#fff; zoom:1;} #browseFF #tabControl a#resetShop strong, #browseFF #tabControl a#resetCompare strong{color:#fff;} #browseFF #tabControl .buttonSecondary{width:56px;} #browseFF #tabControl li.page-number{color:#7799FF;} #browseFF #tabControl .pagesTop{text-align:right;} #browseFF #tabControl ul#shopCompareTab{position:absolute;left:367px;top:3px;} #browseFF #tabControl ul li strong{font-family:'Palatino Linotype','Bookman Old Style','Times New Roman',Times,serif; font-weight:normal; font-weight:bold; letter-spacing:1px; margin-left:4px; font-variant:small-caps; font-size:14px;color:#fff;} #browseFF #tabControl ul li strong:hover{color:#336699; text-decoration:none; border:none;} #browseFF .pagesTop #pagerTop{margin-top:-2px; zoom:1; float:right;} #browseFF .pagesTop{width:400px; float:right;} #browseFF ul#shopCompareTab a.tabButton:hover, #browseFF #tabControl ul li strong:hover{text-decoration:none; color:#fff;} #browseFF #tabControl ul li strong:hover{text-decoration:underline;} #browseFF #pagerBottom li a{display:block;} .hide {display:none;} .show {display:block;} #browseFF .productSpecs{display:block; left:81px; margin-bottom:-16px; position:relative; top:-18px; width:168px; zoom:1;} #browseFF .pager { float: right; } #browseFF .partNum{cursor:pointer; position:relative; width:250px;} #browseFF .partNum strong{color:#11518F; font-weight:normal} #browseFF .pages li { display: inline; padding: 3px; } #browseFF ul.pages li.pgCurrent {font-weight:bold;} #browseFF #pagerTop ul.pages li.pgCurrent{color:#efefef;} #browseFF a.compareButton{display:none;} #browseFF .margTop{margin-top:3px;} #browseFF .seperator{width:934px;height:1px;} #browseFF .ffRowSeperator {width:950px; height:1px; border:none;padding:0;margin:0;margin-top:-1px; font-size:0;} #browseFF .products strong{width:200px;} #browseFF #browsebg .ui-tabs, #browseFF #browsebg .ui-tabs-panel{padding:0;} #browseFF #browsebg #stageNavigation .selected{background:url('tinyBlueArrow_Right.png') no-repeat scroll 0 6px;} #browseFF #browsebg #stageNavigation .selected a{color:#02141F;} #browseFF .inResult {background: transparent url(productBG.png) no-repeat scroll 6px 4px; position:relative;} #browseFF .inResult h2{position:relative;left:10px;} #browseFF .inResult .hr{background:url(hrShort.png)no-repeat scroll -12px 0;float:right;margin-right:2px;height:4px;width:305px;} #browseFF .notInResult { } #browseFF .nextBtn{background:url(nextBlueBtn.png) no-repeat scroll 0 4px;width:10px; height:30px;} #browseFF .prevBtn{background:url(prevBlueBtn.png) no-repeat scroll 0 4px;width:10px; height:30px;} #browseFF .page-number{float:left; color:#1F527F; margin-top:4px;} #browseFF .pgNext{float:left;} #browseFF .attribBG{background:transparent url(miniHR.png) no-repeat scroll -31px 0;height:5px; 1px; position:absolute;} #browseFF .emptySpace{margin-right:20px;} #browseFF .attribDesc strong{font-size:11px; font-weight:bold; position:relative; width:155px;} #browseFF .attribDesc .attributeBG{background:transparent url(miniHR.png) no-repeat scroll -37px 0;height:5px;width:155px;} #browseFF a.addToCart{background:transparent url(iconAdd2Cart-bk.png) no-repeat; margin: -3px 0 0 5px; width:21px; height:18px; display:block; zoom:1; position:absolute; left:278px;} #browseFF a.quickInfo{background:transparent url(iconInfo-small.png) no-repeat; width:18px; height:15px; display:block; position:absolute; left:262px;} #browseFF a.addToCart:hover, #browseFF a.quickInfo:hover{text-decoration:none;} /***************************************** QUICK VIEW **********************/ /* #quickView {position:relative} #quickView .clearAll{clear:both;} #quickView #largePhoto {float:left; position:relative;} #quickView #productDetails, #quickView h1 {float:left; margin:-14px 0 0 18px; width:415px;} #quickView .qty{float:left; position:relative; top:14px; left:-50px;} #quickView .addToCartIcon{background:url(addToCartIcon.png)no-repeat; height:47px; width:40px; position:absolute; bottom:10px; right:8px;} #quickView .skewOptions{clear:both; width:300px;} #quickView .pricingData{width:270px;} #quickView #bottomContent{width:700px;} #quickView #rightColumn {float:right; height:95px;width:325px;} #quickView #leftColumn {float:left; height:95px;width:300px;} #quickView #leftColumn ul li{display:inline;} #quickView table.whitebkgrd{position:relative; top:14px; left:-104px;} */ /***************************************** Compare PopUp **********************/ #nyroModalContent #productCompare .centerTxt{width:400px; text-align:center;} .productCompare #nyroModalContent #productCompare h1{} #nyroModalContent .warnHr{position:relative;top:107px;left:31px;width:338px;} #nyroModalContent .compareMaxWarn{font-family: 'Trajan Pro','Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; font-weight:normal; font-size:14px;color:#CFCFCF; position:relative; top:119px;} #productCompare td{padding-right:12px;} #productCompare td.feature{width:15%; font-size:10px;} #compare_details tbody{position:relative;left:0;} #productCompare td.price {background:#000;} #productCompare .priceData{padding-left:29px;} #compare_details #col2, #col3, #col4, #col5{width:150px;} /***************************************** Old Browse **********************/ #oldBrowse #productCategoriesBg{background: url('productPageBG.jpg') no-repeat #5E78B3; min-height:330px; height:auto !important; height:330px;position:relative;} #oldBrowse #productCategoriesBg h2{ color:#202020; position:absolute; margin-bottom:12px; margin-left:-5px; opacity:0.95; padding:12px 120px 16px 17px; width:550px; z-index:90; font-family: 'Palatino Linotype', 'Bookman Old Style','Times New Roman', Times, serif; background:url('HeadingBg01.png') no-repeat left bottom; top:5px; left:5px; } #oldBrowse #contentType h1{background:transparent none; padding:6px 0 2px 6px;} #oldBrowse #tabbedBar {background:transparent url(blackTabBar.gif) repeat-x scroll 0 0;height:24px;width:977px;} #oldBrowse ul#prodCategories{height: 265px; margin:37px 0 0 15px; width:385px;} #oldBrowse ul#prodCategories li{display:inline; line-height:25px;} #oldBrowse ul#prodCategories li.sameLength{ width:185px;} #oldBrowse .productLinksWrap{width:400px; float:left;} #oldBrowse ul.productLinks li{display:inline; line-height:25px;} #oldBrowse ul.ib-fix li.sameLength2:hover{background:transparent url(productLiBg.png) repeat-y scroll -105px 0;} #oldBrowse ul#prodCategories li{display:inline; line-height:27px;} #oldBrowse ul#prodCategories li.sameLength{padding-left:5px;float:left; width:185px;} #oldBrowse ul#prodCategories li a{color:#fff} #oldBrowse ul#prodCategories li:hover{background:transparent url(browseTabBg.png) repeat-y scroll 0 0; color:#fff;text-decoration:underline;} #oldBrowse .prodImage{float:left; width:135px; height:135px;padding:0 20px 20px 0} #oldBrowse #displayProd {width:740px; margin-left:20px;} #oldBrowse .item{background:transparent url(prodGroupBg-wide.png) no-repeat scroll -1px 29px; padding-top:30px; width:733px;} #oldBrowse .item .info{float:left;} #oldBrowse .item .infoHeader h2{padding-top:6px;} #oldBrowse .seo_description{float:left; margin-top:15px; width:555px;} #oldBrowse #prodGroupDesc {font-size:12px; line-height:16px;color:white; left:377px; position:absolute; top:60px; width:372px;} #oldBrowse ul.ib-fix {float:left; width:390px; margin:0;padding:0;} #oldBrowse ul.ib-fix li.sameLength2{float:left; width:380px; display:block; padding:5px 15px 5px 8px; v-align:center;} /**************************************** Old Browse Main Lanking Page ************/ #oldBrowse .productImgLink .darkOver, #oldBrowse .productImgLink .hovered{left:35px; position:absolute;width:90px;height:90px; background:#000;} #oldBrowse .productImgLinkWrap { float: left; margin: 10px 0 30px 0; padding: 10px; width: 720px; font-size:11px; margin-left:8px; } #oldBrowse .productImgLink { margin: 0; padding: 5px; float: left; position: relative; /* Set the absolute positioning base coordinate */ width: 130px; height: 120px; } #oldBrowse .loading{display:none;} #oldBrowse .productImgLink .inlarge img.prodCatImg{ margin: 17px 0 0 15px; } #oldBrowse .productImgLink .inlarge { width: 150px; height: 120px; /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ padding: 5px; position: absolute; left: 0; top: 0; } #oldBrowse .productImgLink .hover { border: none; /* Get rid of border on hover */ } #oldBrowse .productImgLink .link{ position:relative; top:94px; width:100%; text-align:center;} #oldBrowse .productImgLink a:hover{color:#003B8F;} #oldBrowse .whiteBg{ background:#000; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; } #oldBrowse .productImgLink .shadowUnder {background:url(landingPageImgShadow.png) no-repeat scroll 0 0; height:134px; position:absolute; top:-12px; left:20px; width:149px; z-index:1;} #oldBrowse .productImgLink img.prodImgBg{width:190px; height:182px; position:absolute; left:10px; top:-2px; z-index:-1;} #oldBrowse #bigBlue{background:url(bigBlueBox.png) no-repeat; width:740px; height:145px; position:relative; left:18px; top:2px;} #oldBrowse #bigBlue .txtWrap{color:#fff; font-size:17px; float:left; width:490px; padding:25px 0 0 84px; line-height:20px;} #oldBrowse #bigBlue img.imgRight{padding:60px 0 0 48px;} /**************************************** Old Browse Product Page ************/ #oldBrowse .productsGrouped{background:transparent url(productBG.png) no-repeat scroll 1px 18px; margin-left:25px; float:left; height:auto !important; height:180px; min-height:180px; width:452px;} #oldBrowse .productsGrouped img{float:left; padding:20px 20px 0 0;} #oldBrowse .productsGrouped .textWrap {width:295px; float: left; padding-bottom:7px;} #oldBrowse .productsGrouped .textWrap h2{padding:6px 0 6px; color:#2F2F2F; font-size:0.9em; font-weight:bold;} #oldBrowse .productsGrouped .textWrap .shortDesc{font-size:11px;} #oldBrowse .productsGrouped .textWrap div.hrShort{background-position: -26px 0;margin:0 0 5px 0; width:100%;} #oldBrowse .productsGrouped .singleProdWrap{float:right; width:297px; font-size:11px; position:relative; padding:7px 0 7px 5px;} #oldBrowse .productsGrouped .singleProdWrap:hover{background:transparent url(productLiBg.png) repeat-y scroll -15px 0;} #oldBrowse .productsGrouped .singleProdWrap .emptySpace{width:18px; min-height:18px; height:18px; height:auto !important; float:left;} #oldBrowse .productsGrouped .prodId{float:left; width:65px; word-wrap:break-word; margin-right:8px; } #oldBrowse .productsGrouped .prodSpecs {float:left; margin-left:5px; width:160px;} #oldBrowse .productsGrouped .prod_image_medium {width:130px; height:130px;} #oldBrowse .productsGrouped img.margTop{margin-top:3px;} #oldBrowse .productsGrouped img.quickInfo{left:247px; position:absolute; padding:0;} #oldBrowse .productsGrouped img.addToCart{left:270px; position:absolute; padding:0;} #oldBrowse .captureTitle{margin:10px 0 0 40px;} #oldBrowse .seoDescription{margin:10px 0 0 60px; width:630px; min-height:110px; height:auto !important;height:110px} .lightbox_bg { background: #505150 url(../javascript/jquery/themes/nyroModal/images/ajaxLoader.gif) no-repeat 45% 40%; display:none; height:100%; filter:alpha(opacity=70); opacity: 0.77; left:0px; width:977px; z-index: 2000; position: absolute; } .ajaxLoading{ background: #505150 url(../javascript/jquery/themes/nyroModal/images/ajaxLoader.gif) no-repeat 45% 40%; display: none; filter: alpha(opacity=70); opacity: 0.77; height: 360px; width:977px; left: 0px; z-index: 2000; position: absolute; } /**************************************** printFriendly ***** for print friendly pages *****/ #container #content #content2 #contentType ul ul li { list-style-type: circle; margin-left: 40px; line-height: 20px; } .newcopy { margin-right: 275px; } #container #footer #footer2 p { text-align: center; }