/*------------------------------------------------------------------ [Table of contents] TEST-Alex 0. Reset & Base YUI 1. HTML Init 2. Typography 3. Page Layout 4. Form Layout 5. Tables 6. Header 7. Navigation 8. Footer 9. Login 10. Messages & Autocomplete 11. Dashboard 12. Boxes 13. Buttons 14. Options 15. Lists 16. Tabs 17. Image Rotator 18. Product Categories 19. Brands 20. Search Results 21. Item Details 22. Cart and Quick Select 23. Font/Text Classes 24. Display Classes 25. Padding & Margins 26. Section Layout 27. Included from other files -------------------------------------------------------------------*/ /*[0. Reset & Base YUI] ------------------------------------------------------------------*/ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:3.0.0 build:1549 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:3.0.0 build:1549 */ h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #999;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /*[1. HTML Init] ------------------------------------------------------------------*/ html { border-top:4px solid #1c2049; } body { margin:0; min-width:960px; padding:0; min-height:768px; background:#fff; } h1, h2, h3, h4, h5, h6 { margin:0 0 8px 0; } dl { margin:0 0 12px 0; } img,input[type="image"] { border:0; vertical-align:middle; } .header, .footer { background:#181818; } hr { -moz-border-top-colors: #888; -moz-border-right-colors: #ddd; -moz-border-bottom-colors: #ddd; -moz-border-left-colors: #ddd; } /*[2. Typography] ------------------------------------------------------------------*/ body { color:#666; font:13px/1.4em sans-serif; } h1, h2, h3, h4, h5, h6 { color:#444; font:500 1.2em/1.2em Palatino, "Palatino Linotype", Constantia, Georgia, "Lucida Bright", Lucidabright, serif; text-shadow:1px 1px 1px rgba(0,0,0,.1); } h1 { font-size:2.2em; } h2 { font-size:1.8em; } h3 { font-size:1.5em; } h4 { font-size:1.2em; } h5 { font-size:1.1em; } h6 { font-size:1em; } a { cursor:pointer; color:#034af3; text-decoration:underline; } a:link { color:#034af3; text-decoration:underline; } a:visited { color:#505abc; } a:hover, a.attachment:hover { color:#008; text-decoration:underline; } a:active { color:#1d60ff; } a.deleted { text-decoration:line-through; color:#c00; } a.more { font-size:11px; } a.more.block { margin-top:5px; display:block; } a.none { text-decoration:none; } a.underline, .underline { text-decoration:underline; } a.pointer { cursor:default; } a.attachment { text-decoration: none; } a.forceLink {cursor:pointer !important; color:#034af3 !important; text-decoration:underline !important;} a.forceLink:hover {text-decoration:none !important;} .header a:visited, .header a:active, .footer a:visited, .footer a:active { color:#ccc; } dt { font-weight:bold; } blockquote, blockquote p { font-style:oblique; line-height:1.6em; } pre, code { font:.9em/1.5em "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; display:block; overflow:auto; } legend, h2.legend, h3.legend, h3.altTitle { font-size:14px; font-weight:bold; color:#666; } dfn { cursor:help; color:#333; border-bottom:1px dotted #666; font-size:12px; } dfn:hover { color:#90e; } dl.def dfn { font-size:13px; font-weight:bold; } .alt, .prod ul.listProd h3, #lineSheet h3, ul.sideRibbon li h3, h3.help, .modal h3, ol.process li h3, ol.process li h4, h2.legend, h3.legend, .footer h3, .promoBox h2, .promoBox h3, ul.resultsList.collapse li .searchDetails .searchInfo h3, .itemDetails h3, ul.resultsList li h3, ul.resultsList li h4, ul.searchOptions h5, h3.altTitle { font-family:Helvetica, "Helvetica Neue", Arial, "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", sans-serif; text-shadow:none; } h3.help { font-weight:bold; font-size:1.2em; color:#313c79; text-shadow:none; } h3.help.alt {font-size:14px; margin-bottom:15px; } h3.help.alt.margBottom5 {margin-bottom:7px;} /*[3. Page Layout] ------------------------------------------------------------------*/ .main { min-height:500px; } .content.top { margin-top:40px; padding-top:5px; overflow:hidden; } .content.top.none { margin-top:8px; padding-top:5px; overflow:hidden; } .colFloat { overflow:hidden; } ul.content, ul.content li { margin:0; padding:0; } ul.content li { list-style:none; } .contentPadding { padding:10px; } .contentLeft { margin:0 315px 0 0; } .contentRight { float:right; margin:0; width:300px; } .colLeft { width:300px; float:left; } .colRight { margin:0 0 0 315px; } .colLeft20 { float:left; width:20%; } .colLeft40 { float:left; width:40%; } .colLeft50 { float:left; width:50%; } .colLeft66 { float:left; width:66%; } .colLeft70 { float:left; width:70%; } .colLeft80 { float:left; width:80%; } .colLeft33,.colMid33 { float:left; width:33%; } .colLeft60,.colMid60 { float:left; width:60%; } .colRight20 { float:right; width:20%; } .colRight30 { float:right; width:30%; } .colRight33 { float:right; width:33%; } .colRight40 { float:right; width:40%; } .colRight50 { float:right; width:50%; } .colRight60 { float:right; width:60%; } #contentFixLeft { float:left; width:20%; } #contentFixMid { float:left; width:640px; } #contentFixRight { margin-left:40%; } ul.col { clear:both; margin:0; padding:8px 0; display:block; } ul.col li { float:left; margin:0 8px; list-style:none; padding:0; } ul.col li.clear { margin-top:12px; } ul.col li a { text-decoration:none; } ul.col li ul { margin:0; } ul.col li ul li { float:none; margin:0; padding:0; } p, ul { margin-bottom:20px; } p { line-height:1.6em; } blockquote p { margin:0; } li.first { border-left:0 !important; } li.last { border-right:0 !important; } .serviceLayout { background:url(/Images/bg/serviceBG.png) repeat-y; margin:0; padding:0; overflow:hidden; } .serviceLayout .sLeft { font-size:11px; width:288px; padding:5px; float:left; background:#eee; border-left:1px solid #ddd; border-right:1px solid #ddd; } .serviceLayout .sRight { margin:0 0 0 310px; padding:0 0 0 8px; } .aLeft { margin-right:210px; } .aRight { float:right; width:200px; } /*[4. Form Layout] ------------------------------------------------------------------*/ fieldset { margin:0 0 12px 0; padding:10px; border:1px solid #ccc; } fieldset p { margin:0 12px 10px 10px; } fieldset legend { padding:8px 4px; } fieldset:hover legend { color:#313c79; } div.modal fieldset.email {width:460px !important; margin-left:10px;} input[type="text"], input[type="password"], input[type="file"], textarea { font-size:12px; background:#fff; padding:2px; width:200px; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; -webkit-background-clip:padding-box; } input[type="text"]:focus, input[type="password"]:focus,input[type="file"]:focus, textarea:focus { padding:3px; background:#fff; border:1px solid #313c79; outline:none; } input.txtQty, input.txtQtyMain, .txtQty {margin:0 4px; width:35px;} input[type="radio"], input[type="checkbox"] {margin-right:3px;} input.disabled {background:#ddd;} input[readonly], input[readonly]:focus {background:#eaeaea; border:1px solid #ccc; outline:none;} div.fieldset {margin:0 0 25px 0; padding:25px 10px; border:1px solid #ccc; position:relative;} div.fieldset p {margin:0 12px 10px 10px;} div.fieldset .legend {background:#fff; padding:0 5px; margin:0; position:absolute; left:10px; top:-8px; text-shadow:none; font-weight:bold;} div.fieldset:hover .legend {color:#313c79;} div.fieldset.right, div.fieldset.left {width:400px;} div.fieldset.right .legend {left:auto; right:10px;} h3.altTitle {text-shadow:none; font-weight:bold;} .zipSearch, .zipWaterSearch { padding:3px; margin:5px 0 0 10px; width:220px !important; } .zipWaterSearch { color:#aaa; border:1px solid #aaa; } textarea.txtBulkQuote { width:250px; color:#555; } /*[5. Table Layout] ------------------------------------------------------------------*/ table tr.textLeft th { text-align:left; } table.none, table.none.zero td { margin:0; padding:0; } table.none, table.none tr, table.none th, table.none td { border:0; } #results.full, .results.full, table.full,table.full.tablefooter { width:100%; } #results.half, .results.half, table.half { width:50%; } table.tCenter { margin:auto; } #results, .results, .tablefooter { font-size:11px; border:1px solid #ddd; margin:0; } #results tr, .results tr { border:0; } #results tr td, .results tr td,#results tr.none td, .results tr.none td { border:0; border-bottom:1px dotted #ddd; } .results tr.highlight td { background:#e7e9f5; } #results tr:hover td, .results tr:hover td { background:#eee; } .results tr.highlight:hover { border: 1px solid #ced3eb; } table.results.vertTrim td, table.results.vertTrim th {padding:3px 5px 4px; margin:0;} table.results.vertTrim tr.blankRow, table.results.vertTrim tr.blankRow td {padding:0;} #results .tableheader, .results .tableheader, #results .tableheader a, .results .tableheader a { color:#ddd; background:#313c79; font-weight:bold; } #results .tableheader, .results .tableheader, #results .tableheader td, #results .tableheader th, table .tablefooter td, .results .tableheader td, .results .tableheader th { border:0 !important; } .tablefooter, p.tablefooter { background:#ddd; margin:0; } .tablefooter ,.tablefooter tr, .tablefooter th, .tablefooter td, .tablefooter tbody { border:0px hidden #ddd !important; } .tablefooter td a { margin-left:2px; } .tablefooter:hover td { background:none !important; } .tablefooter a.activetab { text-decoration:none; color:#555; } p.tablefooter { padding:5px; } table.noTops tr td table#results, table.noTops tr td table.results { border-bottom:1px dotted #ddd; border-top:0; } #results tr td.textLeft, .results tr td.textLeft, #results tr.textLeft td, .results tr.textLeft td { text-align:left !important; } #results tr td.textRight, .results tr td.textRight, #results tr.textRight td, .results tr.textRight td { text-align:right !important; } #results.alt .tableheader th, .results.alt .tableheader th { background:#ddd; color:#666; } .rapidEntry td { padding:2px 3px; } .tablesorter .tableheader { background: #ddd; } .tablesorter .tableheader th { color:#034af3 !important; cursor: pointer; text-decoration:underline; } .tablesorter .tableheader th:hover { color:008 !important; } .boxContent table { margin:0; width:100%; border-collapse:collapse; border:1px solid #ccc; font-size:11px; } .boxContent table td, .boxContent table th { border:none; } .boxContent table tbody tr td { text-align:center; } .boxContent table td:first-child, boxContent table th:first-child { text-align:left; } .boxContent table td:last-child, boxContent table th:last-child { text-align:right; } .boxContent table th, .boxContent tfoot td { background:#ccc; } .boxContent table tr:nth-child(odd) { background:#eee; } .boxContent tr:hover td { background:#009; color:#fff; } .boxContent tr:hover a { color:#fff; } .borderless th, .borderless td { border: none; } .cRapidOrder { margin-top:5px; overflow:visible !important; position:relative; width:280px;} .cRapidOrder p { padding:10px; margin:0; } .cRapidOrder .tblRapid { border:0; margin-top:8px; } .cRapidOrder .tblRapid tbody tr:hover { background:none; } .tblRapid { width:100%; overflow:hidden; } .tblRapid th { font-size:12px; color:#777; } .tblRapid tr.textSmall th {font-size:11px;} .tblRapid td, .tblRapid th { border:none; margin:0; padding:2px 4px; } .tblRapid a { font-size:.8em; } .tblRapid .rapidColQty { width:50px; } .tblRapid .rapidQty { width:50px; } .tblRapid .rapidNum { width:200px; } .tblRapid input[type="submit"] { float:right; margin-top:8px; } .ajax__calendar_title, .ajax__calendar_today { color:#495ab5; } .ajax__calendar_today { text-decoration: underline; } .ajax__calendar table, .ajax__calendar table td { border:0; } .ajax__calendar table .ajax__calendar_active .ajax__calendar_day { border:1px solid #313c79; background: #5665ba; color: #fff; font-weight:bold; } .ajax__calendar table .ajax__calendar_hover .ajax__calendar_day { border:1px solid #7a86c9; background: #9ea7d8 !important; color: #fff; } /*[6. Header] ------------------------------------------------------------------*/ .header { overflow:hidden; } .header .section { position:relative; height:90px; } .header img { padding:10px; } .header div.title { position:relative; } .header div.title, .header div.title a { width:360px; height:50px; } .header div.title a { position:absolute; left:0; top:12px; background:#181818 url(/Images/logos/EESLogo3.png) no-repeat; text-decoration:none; } .header div.title a span { visibility:hidden; } .header p.subH { text-indent:-32766px; } /* Downtime Message */ div.downMsg {clear:both; margin:34px 0 0 14px; padding:4px 6px; font-size:12px; background:#444; border-radius:4px; border:1px solid #aaa; color:#fff;} div.downMsg a.plainTxt {color:#fff; text-decoration:none;} div.downMsg a.plainTxt:hover {color:#eee; text-decoration:underline;} /*[7. Navigation] ------------------------------------------------------------------*/ .navHeader { position:absolute; top:0; right:0; margin:0; padding:0; } .navHeader li.navSection { height:80px; list-style:none; margin:0; padding:0; display:inline; float:left; overflow:hidden; } .navBar { overflow:hidden; margin:0; padding:0 8px 3px; position:absolute; top:0; right:0; font-weight:bold; font-size:10px; } .hNav.section { height:auto; } .navHeaderLinks2 { overflow:hidden; float:right; margin:0; padding:0; } .navHeaderLinks2 li { color:#ccc; list-style:none; display:inline; margin:0; padding:0; } .navHeaderLinks2 a, .navHeaderLinks2 a:visited, .navHeaderLinks2 a:active { color:#ccc; text-decoration:none; margin:0 0 0 16px; } .navHeaderLinks2 a:hover { color:#fff; text-decoration:underline; } .navHeaderLinks2 li b { color:#fff; font-size:11px; } .navHeader2 { position:absolute; top:20px; right:0; margin:0; padding:0; color:#ddd; } .navHeader2 .navSection { list-style:none; margin:0 0 0 10px; padding:3px 10px; display:inline; float:left; overflow:hidden; height:58px; } .navSection h4 { margin:0; font-size:12px; color:#fff; } .navSection .contain { margin-bottom:10px; overflow:hidden; } .navSection.cart { color:#555; } .navSection.cart .contain { padding:0 8px; border:1px solid #aaa;background-color:#ccc;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb)); background-image:-moz-linear-gradient(top, #ddd, #bbb);border-radius:5px; -moz-border-radius:5px; } .navSection.cart .contain:hover { background:#aaa; } .navSection.cart h4 { font-weight:bold; display:inline; float:left; margin:4px 10px 0 0; color:#313c79; } .navSection.cart small { float:right; font-size:9px; margin-top:4px; } .navSection.cart .total { display:block; margin:10px 0 0; font-size:17px; text-align:right; color:#ddd; } .navSection.cart a { text-decoration:none; color:#ccc; padding:0 0 13px 0; color:#555; } .navSection.cart a:hover { color:#313c79; } .navSection.login { font-size:11px; padding:8px 8px 0; } .navSection.login dl { float:left; margin:0; overflow:hidden; } .navSection.login dt { float:left; } .navSection.login dd { margin:0 0 5px 70px; max-height:21px;} .navSection.login .inputBox { width:125px; } .navSection.login .inputBox:focus { border:0; } .navSection.login .option { margin:0 0 0 10px; padding:0; float:left; } .navSection.login .option label { font-size:10px; } .navSection.login .option .btn { margin-top:1px; padding:4px 8px; font-size:11px; } .navSection.login .option a { float:right; } .navSection.login .links { float:left; text-align:right; } .navSection.login .links a { display:block; color:#999EBD; text-decoration:none; } .navSection.login .links a:hover { color:#fff; text-decoration:underline; } .navSection.user { font-size:11px; color:#eee; } .navSection .navUser { overflow:hidden; margin:0; padding:0; } .navSection .navUser li { list-style:none; margin:0; padding:0; line-height:20px; } .navSection .navUser li img { margin:0 4px 0 0; padding:0; position:relative; z-index:500; } .navSection .navUser li a { color:#ccc; text-decoration:none; } .navSection .navUser li a span { margin-left:3px; color:#999EBD; } .navSection .navUser li a:hover { color:#fff; } .navSection .navUser li a:hover span { text-decoration:underline; color:#ddd; } .tooltip, .navTip { background:#313c79; padding:1px 8px; color:#ddd; border-radius:5px; -moz-border-radius:5px; font-size:11px; font-weight:bold; } .navTip { padding:1px 25px 1px 8px; } .tooltip.bottomCenter:before,.tooltip.bottomCenter:focus:before,.navTip:before,.navTip:focus:before { content:""; position:absolute; margin:0; width:0; height:0; line-height:0; font-size:0; } .navTip:before,.navTip:focus:before { right:0; bottom:-6px; border-top:10px solid #313c79; border-right:20px solid transparent; } .tooltip.bottomCenter:before, .tooltip.bottomCenter:focus:before { bottom:19px;right:30px; border-bottom:10px solid #313c79; border-right:5px solid transparent; border-left:5px solid transparent; } .navSection.hide { display:none; } #navigation { margin:0 0 1px 0; padding:0; clear:both; position:relative; z-index:300; border:0; background:#313c79 url(/Images/nav/nav.slice.png) repeat-x; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#414e95), to(#242d5d)); background-image:-moz-linear-gradient(top, #414e95, #242d5d); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.5); -moz-box-shadow:0 1px 5px rgba(0,0,0,.5); box-shadow:0 1px 5px rgba(0,0,0,.5); } .nav, .nav ul, .nav li { margin:0; padding:0; } .nav { margin-bottom:12px; height:28px; position:relative; } .nav li { list-style:none; float:left; border-right:1px solid #313c79; border-left:1px solid #242d5d; } #navigation .nav li li { border:0; } .nav li:first-child, .nav li.firstChild { border-left:0; } .nav li:nth-last-child(-n+2), .nav li.lastChild { border-right:0; } .nav li a { color:#eee; padding:5px 15px; display:block; text-decoration:none; font-weight:bold; font-size:12px; text-shadow:2px 2px 2px rgba(0,0,0,.1); } .nav a, .nav a:link, .nav a:visited, .nav a:active { color:#eee; } .nav li a:hover, .nav li:hover a { color:#fff; background:#313c79; text-shadow:2px 2px 2px rgba(0,0,0,.3); } .nav li.active a, .nav li.active ul.navSub li.navDrop.active a, .nav li.active ul.navSub li.navDrop.active ul.navVert li.active a { color:#fc0; } .nav li.active ul.navSub li.navDrop.active ul.navVert li a { color:#eee; } .nav .navDrop { background:url(/Images/Icons/misc/arrowDown1.png) no-repeat 10px; } li.navDrop a { padding-left:25px; } .navDrop a:hover, li.navDrop:hover a { background:#313c79 url(/Images/Icons/misc/arrowDown2.png) no-repeat 10px; } /* New Nav */ span.newNav ul.navSub {float:none;} span.newNav ul li.navSubHeader {display:block; float:none; clear:both;} span.newNav ul li.navSubHeader > a {border-top:1px solid #616161; background:#444 !important; background:rgba(65,65,65,1) !important; font-weight:bold !important;} span.newNav ul li.navSubHeader a:hover, li.navSubHeader:hover {background:#313c79 !important; text-shadow:2px 2px 2px rgba(0,0,0,.3); } span.newNav ul li.navSubHeader.tightMenu ul li a {padding:1px 20px;} span.newNav ul li.navSubHeader.tightMenu ul li.bottom a {padding:3px 20px; margin-bottom:10px;} span.newNav ul li.navSubHeader ul.right.margFix {margin-right:145px;} li.navSubHeader ul.right.margFixSmall {margin-right:10px;} span.newNav ul.subContent.navSub {position:relative; top:0px;} span.newNav ul.subContent.navSub li {list-style:none; color:#eee; float:none; display:inline;} span.newNav ul.subContent.navSub li a {background:url(/Images/Icons/Misc/bullet.png) no-repeat left; vertical-align:middle; padding:2px 20px; margin:3px 2px 3px 9px; color:#ddd;} span.newNav ul.subContent.navSub li a:hover {background:#313c79 url(/Images/Icons/Misc/bullet2.png) no-repeat left !important; border-radius:4px;} span.newNav ul.subContent.navSub li.lastBlank {list-style:none; height:31px;} span.newNav ul li ul.left {float:left; } span.newNav ul li ul.right {float:right; } ul.nav.navHorz li.navDrop ul:first-child { background:rgba(22,22,22,.96) !important; background-color:#222; box-shadow:1px 1px 2px #333; border:1px solid #222; border-top:none;} ul.navSub hr {border-color:#4a4a4a; color:#eee; border:0; height:1px; background-color:#444;} .navDrop .navSub, .navSub ul { z-index:300; display:none; position:absolute; top:28px; background-color:#222; background:rgba(50,50,50,0) !important; } .navDrop .navSub li, .navVert .navSub li, .navSub ul li {float:none; min-width:200px; } .navDrop .navSub li a, .navDrop .navSub .navDrop a { padding-left:15px; } .navDrop .navSub.Products li a {padding:14px 15px;} .navDrop .navSub li a, .navDrop:hover .navSub a { line-height:21px;color:#fff; font-size:11px; font-weight:normal; text-shadow:none; background:none; } .nav :hover .navSub { display:block; } .nav :hover .navSub > li.navDrop > a:hover, .nav :hover .subContent > li.navDrop > a:hover { background:#313c79 url(/Images/Icons/misc/arrowDown2.png) no-repeat 10px; } .nav :hover .navSub li a:hover { background-color:#313c79; background-color:rgba(49,60,121,.8); } .navHorz .navSub { height:auto; } .navHorz .navSub li { float:none; min-width:0; } .navHorz :hover .navSub { display:block; } .navVert { z-index:310; width:auto; height:auto; left:auto; position:relative; } .navVert li { float:none !important; min-width:175px !important; } .navSub :hover .navVert{ display:block; } .navVert a { padding:2px 5px !important; } .navVert, .navSub, .searchDrop { border-bottom-left-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; } .navVert { border-top-right-radius:4px; -moz-border-radius-topright:5px; } .nav li.navSearch { border:0; color:#eee; font-size:11px; margin:0; padding:0; position:absolute; right:0; } .navSearch input.searchBox,.navSearch .watermark { width:175px; } .navSearch input.searchBox,.navSearch .watermark, .btnSearch, .searchFilters ul, .searchIndicator { margin:3px 0; } .navSearch input.searchBox,.navSearch .watermark { outline:0; border-radius:0; -moz-border-radius:0; font-size:12px; float:left; } .navSearch input.searchBox,.navSearch .watermark, .searchFilters ul { padding:2px 5px 2px 25px; border:1px solid #ddd; background:#fff; } .searchFilters { border:1px solid #333; background:#555; background:rgba(50,50,50,.95); padding:5px; clear:both; position:absolute; top:24px; right:0; z-index:500; } .searchFilters h4 { border:1px solid #444; clear:both; background:#eee; font-size:12px; text-transform:uppercase; letter-spacing:1px; color:#444; height:16px; line-height:16px; padding:5px; } .searchFilters ul { list-style:none; width:360px; padding:10px 10px; background:#eee; border:1px solid #444; color:#555; overflow:hidden; } .searchFilters li { font-size:12px; line-height:28px; height:28px; float:left; width:50%; list-style:none; } .searchFilters li input[type="checkbox"] { float:left; margin:7px 4px 0 5px; } .searchIndicator { padding:0; position:absolute; left:0; padding:2px 3px 3px; width:18px; height:14px; background:#fff url(/Images/icons/16x16/searchIndicator.png) no-repeat center center; z-index:10; } .btnSearch { background:#ddd; height:21px; width:28px; float:left; border:0; outline:none; cursor:pointer; } .btnSearch:hover { background:#CBCEDD; } .navSearch .watermark { color:#aaa; } #navigation .nav li.navSearch { border:0; } #navigation .nav li:first-child, .nav li.firstChild { border-left:0; } #navigation .nav li:nth-last-child(-n+2) { border-right:0; } .nav li.lastChild { border-right:0; } .navBox { margin:20px 0; padding:5px 0; overflow:hidden; position:relative; } .navBox h2 { display:inline; } ul.navDashboard { position:absolute; right:0; display:inline; float:left; margin:0; padding:0; overflow:hidden; background:#080; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#40A640), to(#080)); background-image:-moz-linear-gradient(top, #40A640, #080); border:1px solid #007400; border-radius:5px; -moz-border-radius:5px; text-shadow:0 1px 1px rgba(100,100,100,0.25); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); box-shadow:0 0 4px rgba(0,0,0,0.5); } ul.navDashboard li { list-style:none; display:inline; float:left; } ul.navDashboard li a { font-weight:bold; display:block; padding:5px 12px; text-decoration:none; border-right:1px solid #007400; border-left:1px solid #40A640; color:#eee; } ul.navDashboard li a.active, ul.navDashboard li a:hover { color:#fff; background:#40A640; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#080), to(#40A640)); background-image:-moz-linear-gradient(top, #080, #40A640); } ul.navDashboard li a:hover { color:#333; } ul.navDashboard li a.active:hover { cursor:none; color:#eee; } ul.navDashboard li:first-child a { border-left:0; border-bottom-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px; } ul.navDashboard li:last-child a { border-right:0; border-bottom-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; } .nav .navDrop.noDrop { background:none; } li.navDrop.noDrop a, .navDrop .navSub .navDrop.noDrop a { padding-left:15px; } .navDrop.noDrop a:hover, li.navDrop.noDrop:hover a { background:#313c79; } .nav :hover .navSub > li.navDrop.noDrop > a:hover { background:#313c79; } .DisputedInvoice { color:#c00; } .DisputedInvoice a:link { color:#c00; } /*[8. Footer] ------------------------------------------------------------------*/ .footer { clear:both; font-size:10px; color:#555; text-shadow:none !important; border-top:4px solid #1c2049; min-height:135px; } .footer .section { overflow:hidden; } .footer h3 { font-weight:bold; font-size:12px; color:#eee; margin:0 0 10px; text-transform:uppercase; } .footer a { color:#bbb; text-decoration:none; } .footer a:hover { color:#fff; text-decoration:underline; } .footer .navFooter { clear:both; margin:15px auto 0; padding:10px 0; overflow:hidden; } .footer .subNav, .footer .subNav ul li { margin:0; padding:0; list-style:none; } .footer .subNav { float:left; padding:6px 42px 10px; min-height:190px; border-left:1px solid #1d1d1d; border-right:1px solid #141414; font-size:10px; } .footer .subNav ul { margin:0; } .footer .subNav a { font-size:10px; } .footer .navFooter .subNav:first-child { border-left:0; } .footer .navFooter .subNav:last-child { border-right:0; } .footer .footImages { text-align:center; } .footer .footImages h3 { margin-bottom:12px; } .footer .footImages a { border:0; } .footer .footRights { background:#1c2049; padding:5px 10px; clear:both; margin:20px 0; overflow:hidden; } .footer .footRights p, .footer .footRights .subMenu, .footer .footRights .subMenu li { margin:0; padding:0; color:#ccc; } .footer .footRights p { margin-top:2px; } .footer .hSpace { margin-top:50px; } .footer .navFooter, .footer .footRights { border-radius:5px; -moz-border-radius:5px; } .chatfooter.modal { position:fixed; z-index:9999; bottom:10px; right:15px; margin:0; min-width:250px !important; box-shadow:2px 2px 3px #444; } .chatfooter.modal.smallChat div.marg20 {display:none;} .chatfooter.modal.smallChat h3:hover {cursor: pointer; border:1px inset #000 !important; background-color:#222 !important; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#111)) !important; background-image:-moz-linear-gradient(top, #333, #111) !important;} div.chatfooter h3 {background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#222)) !important; background-image:-moz-linear-gradient(top, #444, #222) !important; background-color:#2a2a2a !important;} .chatfooter.modal h3 a {color:#fff; text-decoration:none;} .chatfooter.modal h3 a:hover {text-decoration:underline; color:#FC0;} div.chatfooter.modal div.marg20 {padding:12px 10px 15px 12px;} div.chatfooter.modal div.marg20 a {background: url(/Images/Icons/32x32/chat.png) no-repeat left top; padding-left:40px; display:block;} /*[9. Login] ------------------------------------------------------------------*/ div.fieldset p.demoImg { text-indent:-32766px; width:100px; height:100px; float:right; display:inline; } div.fieldset.login, div.fieldset.demo, div.fieldset.help, div.fieldset.register { height:175px; } div.fieldset.login, div.fieldset.register { width:600px; } div.fieldset.demo, div.fieldset.help { width:300px; } div.fieldset.login { margin-top:30px; background:url(/Images/animations/login.trans.gif) no-repeat right top; } div.fieldset p.demoImg { background:url(/Images/stock/stock.jpg) no-repeat 0 0; } div.fieldset.demo { float:right; position:relative; } div.fieldset.demo p.demoImg { background-position:0 0; } div.fieldset.demo:hover p.demoImg { background-position:-100px 0; } div.fieldset.demo .btn { position:absolute; bottom:20px; left:100px; } div.fieldset.register { position:relative; margin-bottom:75px; } div.fieldset.register p.demoImg { background-position:0 -100px; } div.fieldset.register:hover p.demoImg { background-position:-100px -100px; } div.fieldset.register dl dd { margin:8px 0 15px 8px; } div.fieldset.register .btn { position:absolute; bottom:15px; left:250px; } div.fieldset.help { float:right; position:relative; } div.fieldset.help p { margin-left:0; } div.fieldset.help p.demoImg { background-position:0 -200px; } div.fieldset.help:hover p.demoImg { background-position:-100px -200px; } div.fieldset.help dl { margin-top:20px; } div.fieldset.help .btn { position:absolute; bottom:20px; left:125px; } div.fieldset.auto { height:auto; width:auto; } /*[10. Messages & Autocomplete] ------------------------------------------------------------------*/ .msgWarning, .msgError, .msgSuccess, .msgInfo, .msgHelp { margin:10px 0; padding:15px 10px 15px 20px; position:relative; } .msgError { background:#c00; color:#eee; border-color:#AD0000; } .msgWarning { background:#fff4a1; color:#767032; border-color:#6e6200; } .msgInfo { background:#BDE5F8; color:#00529B; border-color:#A1C3D3; } .msgSuccess { background:#c3e787; color:#374e10; border-color:#BECEA2; } .msgHelp { background:#9a61b1; color:#E6D7EB; border-color:#C4B7C8; } .msgClose { background:url(/Images/icons/16x16/close.black50.png) no-repeat; cursor:pointer; height:16px; position:absolute; right:10px; text-decoration:none; top:5px; width:16px; } div.colLeft50.adjust .msgWarning, .msgError, .msgSuccess, .msgInfo, .msgHelp {margin:0 0 15px 28px;} .msgInfo.shipping {padding: 6px;margin: 0px;border-style: solid;border-width: thin;border-radius: 5px;} .msgInfo.shipping .smallhint {margin-left: 0px;left: 0%;padding-left: 162px;padding-bottom: 0px;margin-top: -16px;font-size: small;} .msgInfo.shipping .smallhint ul li{list-style-type: none;} .message { text-align:center; margin:8px 0; } .message div { display:inline; padding:4px 8px; font-size:12px; font-weight:bold; border-radius:5px; -moz-border-radius:5px; } div.msgQuoteMode {width:960px;padding:9px 10px 7px; background:#FFBE5E; border:1px solid #E7AD01;} div.msgQuoteMode img {padding:0 4px 7px;} div.msgQuoteMode a {margin:0 10px; text-shadow:none; font-size:12px;} div.msgQuoteMode a.btn {padding:2px 10px;} .message2 { text-align:center; margin:0 0 12px 0; } .message2 p.error { background:#c00; color:#eee; border-color:#AD0000; } .message2 p.warning { background:#FFFAD4; color:#767032; border-color:#ECDF64; } .message2 p.info { background:#BDE5F8; color:#00529B; border-color:#A1C3D3; } .message2 p.success { background:#DFF2BF; color:#4F8A10; border-color:#BECEA2; } .message2 p.help { background:#E6D7EB; color:#9a61b1; border-color:#C4B7C8; } .message2 p {display:inline; padding:3px 8px; font-size:12px; font-weight:bold;border:1px solid;border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;} .autocomplete_completionListElement {margin:0 !important; border:1px solid #999; border-top:1px solid #ccc;; overflow:auto; height:190px; text-align:left; list-style-type:none; background:#fff; position:relative; z-index:9800 !important;} .autocomplete_completionListElement.fixed {position:fixed !important;} .autocomplete_highlightedListItem {background-color:#ff9; color:#009; font-weight:bold; padding:2px; cursor:pointer; margin:0 !important; } .autocomplete_listItem {background-color:#fff; border-bottom:1px solid #eee; color:#555; padding:2px; margin:0 !important;} a img.helpBulk {padding:3px 5px 16px 2px !important;} div.loading {margin-left:84px; margin-top:10px;} .redtext {color:#f00;} div.divBetaMessage {padding:10px 0px 15px; top:-3px; background:#B17738; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8A36A), to(#B17738)); background-image:-moz-linear-gradient(top, #D8A36A, #B17738); position:relative;width:100%;z-index:105;text-align:center;font-weight:bold;color: #fff; z-index:9000;} div.divBetaMessage span a {color:#1329C4; margin:0 5px 0 7px; font-size:11.5px; } div.divBetaMessage a.close-notify {white-space:nowrap;float:right; margin-right:10px;text-decoration:none; border:1px solid #bbb; } /*[11. Dashboard] ------------------------------------------------------------------*/ .dashSettings { border:1px solid #ccc; background:#eee; padding:3px; margin:0; position:relative; } .dashSettings p { margin:0; padding:0; } .dashSettings p.pRight { float:right; } .dashSettings a.more { font-size:11px; } ul.oPromote { background:#f3f3f3; margin:0 0 20px 0; padding:12px; overflow:hidden; border:1px solid #ccc; border-top:0; } ul.oPromote li { list-style:none; width:311px; display:inline; float:left; text-align:center; position:relative; } ul.oPromote li ul li { width:auto; display:block; float:none; text-align:left; } ul.oPromote li ul.listEventShort { margin:0; padding:0; } ul.oPromote li ul.listEventShort li { background:none; border:0; } ul.oPromote li ul.listEventShort li h4 { float:left; font-size:14px; } ul.oPromote li ul.listEventShort li ul { margin-left:100px; } .dash .contentLeft, .dash .contentRight { margin-bottom:20px; } .dash .contentLeft.marg0, .dash .contentRight.marg0 { margin:0px; } .dash h3 { background:#313c79; border:1px dotted #1c2049; font-size:14px; font-weight:bold; padding:4px 6px; } .dash h3, .dash h3 a { color:#eee; text-decoration:none; } .dash h3 a:hover { color:#fff; text-decoration:underline; } .dash h3.sub { background:#656D9B; border:1px dotted #313c79; font-size:13px; } .dash h3 .reg { font-size:11px; font-weight:normal; } .dash h3 .btn:hover { color:#333; } .dash h3 select { margin:-1px 0 -1px 3px; padding:0; font-weight: normal; font-size: 10px; } .dash .subMenu { padding-right:8px; position:relative; z-index:110; } .dash .subMenu li { float:left; display:inline; } .dash .subMenu li a { color:#ddd; display:block; padding:0 5px; } .dash .subMenu li a.btn.option { color:#666; } .dash .subMenu li a.btn.option:hover { text-decoration:none; } .dash .subMenu li a.current { background:#656D9B; border:1px solid #242d5d; color:#fff; } .dash .subMenu li a.current:hover { text-decoration:none; cursor:default; } .dash .subMenu li a.btn.option.current { color:#414e95; background:#D4D4D4; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D4D4D4), to(#F5F5F5)); background-image:-moz-linear-gradient(top, #D4D4D4, #F5F5F5); } .dash .subMenu li a.btn.option.current:hover { text-decoration:none; cursor:default; } .dash .subMenu.space li { margin-left:10px; } .dash .subMenu li.light { color:#eee; } .dash .subMenu.small { margin:0; color:#333; padding:3px 5px 0 10px; border-radius:5px; -moz-border-radius:5px;} .dash .subMenu.small li { border:0; margin-right: 4px; } .dash .subMenu.small li a { color:#034af3; background:#ddd; position: relative; height: 17px; border:2px outset #ccc; padding:0 5px; margin:0;} .dash .subMenu.small li a:hover { background:#bbb; border:2px inset #ccc; } .dash .subMenu.small li a.current { border:2px inset #eebe00; font-weight: bold; background:#fc0; color:#222; cursor:default; text-decoration:none; } .dash .subMenu.small li a.current:before { content: ""; border:10px solid transparent; border-top: 10px solid #fc0; position: absolute; left:6px; top:17px; margin:0; width: 0px; height: 0; line-height: 0; font-size: 0; } .dash .results tr td { text-align:center; } .dash .results.textLeft tr td { text-align:left; } .dash .results tr td.textRight { text-align:right; } .dash .results .tableheader, .dash .results .tableheader a { background:#ddd; color:#555; } .dash .process li { list-style-type:decimal !important; } .dash .process li h3 { background:none; border:0; } .dash h3,.dash .subMenu li a { border-radius:5px; -moz-border-radius:5px; } div.pane h3.alt {background:#ccc; border:1px solid #bbb;} a.listAll {font-weight:bold; font-size:11.5px; background:url(/Images/icons/16x16/listAll.png) left no-repeat; padding-left:22px;} a.listAll:hover { background:url(/Images/icons//16x16/listAll.hover.png) left no-repeat;} a.searchMore {font-weight:bold; font-size:11.5px; background:url(/Images/icons/16x16/search.flat.png) left no-repeat; padding:6px 2px 4px 17px;} a.searchMore:hover {background:url(/Images/icons/16x16/searchIndicator.png) left no-repeat;} /*[12. Boxes] ------------------------------------------------------------------*/ .box { border:1px solid #888; margin-bottom:12px; background:#fff; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,.2); -moz-box-shadow:1px 1px 10px rgba(0,0,0,.2); box-shadow:1px 1px 10px rgba(0,0,0,.2); } .box h2, .box h3 { padding:3px 3px 3px 5px; margin-bottom:0; font-size:16px; text-shadow:none; background:#ccc; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#aaa)); background-image:-moz-linear-gradient(top, #ccc, #aaa); border:1px solid #eee; } .box h2 a, .box h3 a { color:#333; text-decoration:none; } .boxContent { padding:5px 2px 2px 2px; overflow:hidden; } .boxContent p { margin:0; text-align:center; font-size:10px; } .boxContent img { text-align:center; } .boxContent a.moreInfo { font-size:10px; text-decoration:underline; } a.moreRapid { font-size:10px; width:100px; text-align:left; position:relative; float:left; top:-35px; } .modal { display:none; margin-bottom:12px; border:4px solid #848484; border:4px solid rgba(50,50,50,.7); border-radius:5px; -moz-border-radius:5px; width:auto; min-width:350px;} .modal.long { width:500px; } .modal h3 { border:0 !important; margin:0 !important; font-size:14px !important; font-weight:bold !important; padding:4px 8px !important; color:#eee !important; border-bottom:1px solid #1c2049 !important; background:#313c79 !important; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#414e95), to(#242d5d)) !important; background-image:-moz-linear-gradient(top, #414e95, #242d5d) !important; } .modal .box { overflow:auto; max-height:600px; font-size:12px; margin:0; padding:12px; border:0; background:#eee; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .modal.flat {border:1px solid #333; border-radius:0 0 5px 5px;} .modal.flat h3 {background:#242d5d !important; padding-bottom:8px !important;} .modal .box .sub { border-top:1px solid #ddd; padding:10px 15px 0 15px; margin:0; } .modal > .close { background-image:url(/Images/icons/16x16/close.white.png); cursor:pointer; height:16px; position:absolute; right:5px; top:5px; width:16px; } .modal.white .box { background:#fff; } .modal.move h3 { cursor: move; } div.modal div.section {width:650px;} .scrollBox { overflow:hidden; font-size:11px; } .scrollBox .scrollhead, .scrollBox .scrolldata, .scrollBox .scrollfoot { border:1px solid #aaa; } .scrollBox .scrollhead, .scrollBox .scrollfoot { background:#eee; } .scrollBox .scrolldata, .scrollBox .scrollfoot { border-top:0; } .scrollBox .scrollhead { overflow:hidden; } .scrollBox h4.scrollhead { margin:0 0 0 0; padding:5px 8px; } .scrollBox .scrolldata { overflow:auto; height:240px; clear:both; } .scrollBox .scrollfoot { text-align:right; font-weight:bold; padding:8px; } /* Address Microformat */ div.vcard {min-width:150px;} .vcard p { margin:0; padding:0; } .vcard .fn { font-weight:bold; font-size:11px; } .vcard .adr, .vcard .tel, .vcard .hours, .vcard .url { font-size:10px; } .vcard .adr .street-address { display:block; } /* Homepage bottom content */ #bottWrapper {margin:20px 0px 25px 0px; padding:0px; height:241px; width:633px; line-height:19px;} #bottWrapper li {list-style-type:none; margin-right:36px; width:185px;height:216px;float:left;z-index:-100; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow: 2px 2px 3px #999; -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 3px #999;background:#e7e7e7;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#D3D3D3));background:-moz-linear-gradient(top,#eee,#D3D3D3);} #bottWrapper li:hover {background:#efefef;background:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#dfdfdf));background:-moz-linear-gradient(top,#f4f4f4,#dfdfdf);} #bottWrapper li.mid {width:170px; border-color:#bbb; background:#ccc;background:-webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#bfbfbf));background:-moz-linear-gradient(top,#e5e5e5,#bfbfbf);} #bottWrapper li.mid:hover {background:#ddd;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ccc));background:-moz-linear-gradient(top,#eee,#ccc);} #bottWrapper li.lastWrap {margin-right:0px;} #bottWrapper li a.link{display:block; text-decoration:none; position:relative;width:198px;height:238px;background-image:url("/Images/bg/3-col-BG.png"); left:0;z-index:0;border:none; outline:none;} #bottWrapper li a.link div{display:block;float:left;position:relative; margin-top:10px; left:10px; font-size:12px; z-index:100; color:#777; width:160px;} #bottWrapper li a.link div h4 {font-weight:bold; color:#555; margin-bottom:0px; font-size:14px;} #bottWrapper li a.link div hr {color:#eee;} #bottWrapper li.mid a.link {width:170px; background-image:none;} #bottWrapper li.mid img {margin:8px 0 0 8px;} #feedback-wrap a.link{background-position:0px 0px;} #regi-wrap a.link{background-position:-201px 0px;} .menuBlock { float:left; margin:0 50px 10px 0; width:280px; } .menuBlock div { display:block; } .menuBlock h4 { padding-top:10px; } .menuBlock p { padding-top:15px; font-size:11px; } .menuBlock a { text-decoration:none; } .clearBlock { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; display:block; } /*[13. Buttons] ------------------------------------------------------------------*/ a.btn, button.btn, input.btn { cursor:pointer; font-size:12px; font-weight:700; margin:0 7px 0 0; padding:6px; text-decoration:none; text-shadow:0 1px 1px rgba(100,100,100,0.25); } button.btn img, .btn img { border:0; padding-right:3px; vertical-align:middle; } .btn.pLeft, .btn.pCenter, .btn.pRight { margin:0 0 0 -4px; } .btn.pLeft { border-bottom-right-radius:0; border-top-right-radius:0; -moz-border-radius-bottomright:0; -moz-border-radius-topright:0; } .btn.pCenter { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .btn.pRight { border-bottom-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; } .btn { border: 1px solid #1c2049; white-space:nowrap; text-decoration: none; background-color: #313c79; color: #eee; background-image: -moz-linear-gradient(#4657b2, #2d3975 10%, #242d5d); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4657b2),color-stop(.10, #2d3975),color-stop(1, #242d5d)); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-border-radius: 4px; border-radius: 4px; } .btn:hover, .btn.active { color: #fff; background: #495ab5; background-image: -moz-linear-gradient(#242d5d, #293369 1%, #3c4b9a 10%, #3c4b9a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #242d5d),color-stop(.01, #293369),color-stop(.10, #3c4b9a),color-stop(1, #3c4b9a)); } .btn:link { color: #eee; } a.btn:visited {color:#eee;} .btn.close:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; } .btn.cancel { background: #c00; color: #fff; background-image: -moz-linear-gradient(#f33, #c00 10%, #c40202); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f33),color-stop(.10, #c00),color-stop(1, #c40202)); border: 1px solid #c40202; } .btn.cancel:hover { background: #f33; color: #fff; background-image: -moz-linear-gradient(#c40202, #c00 1%, #e03434 10%, #e03434); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c40202),color-stop(.01, #c00),color-stop(.10, #de2525),color-stop(1, #de2525)); border: 1px solid #c40202; } .btn.orange {background:#E1880F; color: #fff; background-image: -moz-linear-gradient(#F3B056, #E1880F 10%, #DC850F 90%, #C0750E); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F3B056),color-stop(.10, #E1880F),color-stop(.90, #DC850F), color-stop(1, #C0750E)); border: 1px solid #C0750E;} .btn.orange:hover {background:#C0750E; color: #fff; background-image: -moz-linear-gradient(#C0750E, #DC850F 10%, #E1880F 90%, #F3B056); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #C0750E),color-stop(.10, #DC850F),color-stop(.90, #E1880F), color-stop(1, #F3B056)); } .btn.save, .btn.cart { background: #080; color: #fff; border: 1px solid #007400; background-image: -moz-linear-gradient(#0d0, #0b0 10%, #080); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0d0),color-stop(.10, #0b0),color-stop(1, #080)); } .btn.save:hover, .btn.cart:hover { background: #0b0; background-image: -moz-linear-gradient(#070, #080 1%, #0a0 10%, #0b0); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #070),color-stop(.01, #080),color-stop(.10, #0a0),color-stop(1, #0b0)); } .btn.quote { background: #008; color: #fff; border: 1px solid #007400; background-image: -moz-linear-gradient(#0d0, #0b0 10%, #dcdcdc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dcdcdc),color-stop(.10, #0b0),color-stop(1, #080)); } .btn.option { background: #dcdcdc; color: #555; border: 1px solid #bbb; background-image: -moz-linear-gradient(#ededed, #dcdcdc 10%, #c3c3c3); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ededed),color-stop(.10, #dcdcdc),color-stop(1, #c3c3c3)); } .btn.option:hover { background: #eee; background-image: -moz-linear-gradient(#cbcbcb, #dcdcdc 1%, #ededed 10%, #dcdcdc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cbcbcb),color-stop(.01, #dcdcdc),color-stop(.10, #ededed),color-stop(1, #dcdcdc)); } a.btn.option:visited {color:#555;} .btn.option.active, .btn.option.current { color:#414e95; background:#D4D4D4; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D4D4D4), to(#F5F5F5)); background-image:-moz-linear-gradient(top, #D4D4D4, #F5F5F5); } .btn.disabled, .btn[disabled], .btn[disabled]:hover { background:#636363 !important; border:1px solid #525252 !important; color:#c0c0c0 !important; cursor:text !important; } .btn.spacer { margin-right:40px; } .btn.xSmall {font-size:10px; padding:1px 3px;} .btn.small { padding:2px 4px; font-size:11px; } .btn.medium { padding:3px 8px; font-size:12px; } .btn.large {padding:8px; font-size:13px;} .btn.w100p { display:block;} .sideBtn { padding:1px 4px; margin:0; background:#bbb; color:#333; font-size:12px; } .btnOther { font-size:11px; margin-left:5px; } .btnViewCart { border:1px solid #f00; background:url(/Images/icons/24x24/gear.png) no-repeat; height:24px;padding-left:30px; display:block; float:left; } .btnViewCart, .btnViewCart:hover { text-decoration:none; } .btnViewCart span { margin:0; padding:0; } .btnViewCart span.info { font-size:11px; } .btnViewCart span.btnView { font-weight:bold; border:1px solid #ccc; padding:4px 8px; display:inline-block; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#D4D4D4)); background-image:-moz-linear-gradient(top, #F5F5F5, #D4D4D4); } .btnMini {border:1px solid #ccc; background:#eee; padding:0 2px 2px; border-radius:2px;} .btnMini:hover {background:#ddd; border-color:#bbb;} /*[14. Options] -------------------------------------------------------------------------*/ .btnOptions { text-align:right; } #optionEmail, #optionFax { display:none; } .options { background:#eee; border-bottom:1px soild #ddd; margin:0; overflow:hidden; } .options p { margin:0 0 12px 0; } .options p.none { margin:0; } .options p.pnlClose { text-align:center; margin:0 0 8px 0; } .options.border { border:1px solid #aaa; border-bottom:0; } .searchSection { padding:8px; border:1px solid #ccc; background:#ddd; } .titleBand { background:#313c79; padding:5px 8px; color:#eee; } .titleBand.light { background:#656D9B; border:1px dotted #313c79; } .titleBand.rounded { border-radius:5px; -moz-border-radius:5px; } .titleLine { border-bottom:1px solid #aaa; padding:5px 2px; } /* Unpaid Invoice actions */ p.invAction a {padding:2px 4px 0 20px; font-size:12px; margin:0 0 0 5px;} p.invAction a#aEmailInvoices {background: url(/Images/icons/16x16/email2.png) left no-repeat;} p.invAction .lnbPrint {background: url(/Images/icons/16x16/printer.png) left no-repeat;} p.invAction a#aFaxInvoices {background: url(/Images/icons/16x16/fax.png) left no-repeat;} p.invAction .lnbDownload {background: url(/Images/icons/16x16/Download.png) left no-repeat;} p.invAction a#aDisputeInvoices {background: url(/Images/icons/16x16/dispute.gif) left no-repeat;} p.invAction .lnbAck {background: url(/Images/icons/16x16/check3.png) left no-repeat;} /*[15. Lists] -------------------------------------------------------------------------*/ ul.basicSpace li {margin-bottom:9px;} dl.dlRapidMenu,.dlRapidMenu dt,.dlRapidMenu dd { margin:0; padding:0; } dl.dlRapidMenu { background:#eee; border:1px solid #888; width:100%; overflow:hidden; margin:0 0 8px 0; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,.2); -moz-box-shadow:1px 1px 10px rgba(0,0,0,.2); box-shadow:1px 1px 10px rgba(0,0,0,.2); } .dlRapidMenu dt { background:#ccc url(/Images/icons/misc/ArrowDown.png) no-repeat 95%; border-bottom:1px solid #ddd; border:1px solid #fff; cursor:pointer; color:#555; margin:0; padding:5px 15px; } .dlRapidMenu dt:hover { background:#009 url(/Images/icons/misc/ArrowDown_white.png) no-repeat 95%; color:#fff; } .dlRapidMenu dt.current { background:#ccc; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc)); background-image:-moz-linear-gradient(top, #ddd, #ccc); cursor:default; color:#009; } .dlRapidMenu dd { border-width:0 2px; border:1px solid #fff; color:#555; display:none; font-size:12px; padding:15px; text-align:center; } .dlRapidMenu dd h3 { color:#999; margin-top:0; font-size:15px; font-weight:bold; } .dlRapidMenu dd ul { padding:30px; margin:0; } .dlRapidMenu dd li { display:inline; list-style:none; } .dlRapidMenu dd li a { padding:0 8px; } dl.dlBox { margin:0; padding:0; } dl.dlBox dt { font-weight:bold; margin-bottom:5px; } dl.dlBox dt a { color:#444; text-decoration:none; } dl.dlBox dd { background:none no-repeat 5px top; color:#555; font-size:10px; line-height:1.5em; margin:0 8px 2em 0; padding-left:4.5em; } dl.dlBox dd.docInfo32 { background-image:url(/Images/Icons/32x32/document.info.png); } dl.dlBox dd.info32 { background-image:url(/Images/Icons/32x32/info.png); } dl.dlBox dd.gear32 { background-image:url(/Images/Icons/32x32/gear.png); } dl.dlBox dd.userShadow32 { background-image:url(/Images/Icons/32x32/user.shadow.png); } dl.dlBox dd.products {background-image:url(/Images/Icons/32x32/cart.png);} dl.dlBox dd.faq { background-image:url(/Images/Icons/32x32/help.png); } dl.dlBox dd.help { background-image:url(/Images/Icons/32x32/help.png); } dl.dlBox dd a.imgLink {width:32px; height:32px; float:left; position:relative; top:3px; left:3px;} dl.dlBox.tab { margin-left:10px; } dl.dlBox.tabR { margin-right:10px; } ul#homeContent dl.dlBox {margin-right:7px;} ul#homeContent dl.dlBox dd.ddHeader {margin:0 0 5px; padding:0;} ul#homeContent dl.dlBox dd.ddHeader a { color:#444 !important; text-decoration:none; background:none; } ul#homeContent dl.dlBox dd.ddHeader a:hover {text-decoration:underline; color:#0239B9 !important;} ul#homeContent dl.dlBox dd h3.alt {font-size:13px; font-weight:bold; margin:0; line-height:18px; color:#444; text-decoration:none;} ul#homeContent dl.dlBox p {margin-bottom:5px;} ul#homeContent dl.dlBox dd a {font-weight:bold;} .dtTitle dt { color:#313c79; } .listTiny, .listSmall, .listMedium { margin:0 0 12px 0; padding:0; font-size:10px; } .listTiny li, .listSmall li, .listMedium li { list-style:none; } .listSmall { font-size:11px; } .listMedium { font-size:12px; } .listMedium.space { line-height:22px; } .listMedium.space2 { line-height:30px; } ul.smallhint, ul.smallhint li { list-style:none; margin:0; padding:0; } .section.breadcrumbs { margin-top:10px !important; background:#fff; font-size:11px; color:#000;} .breadcrumbs a { font-weight: bold; } .bread { font-size:11px; font-weight:bold; } .bread .active { font-weight:normal; background:#fff; } .bread .path { margin:0 3px; } ul.bread { margin:0; padding:0; overflow:hidden; } ul.bread li { list-style:none; display:inline; float:left; padding:3px 0 6px 0; margin:0; } ul.bread li a:link { text-decoration:none; color:#333; padding:0; margin:0 5px; } ul.bread li a:hover { border-bottom:1px solid #009; color:#666; } ul.bread li.active { margin-left:5px; } ul.bread li.search { margin-right:3px; } ul.bread li.search a { color:#000; border:0; font-weight:bold; } ul.bread li a:hover { color:#1d60ff; } ul.bread li.first a:link { margin-left:0; } ul.num { font-size:11px; color:#555; font-weight:normal; border:0; } ul.num,ul.num li { list-style-type:decimal !important; border:0; } ul.login { display:block; width:206px; margin:10px 0 0 15px; padding:0; height:auto; } ul.login li { list-style:none; margin-bottom:12px; } ul.login li label { margin:0 3px; } ul.login li label.dBold { margin:0; display:block; font-weight:bold; } ul.login li .btn { margin-right:0; float:right; } ul.loginOptions { margin:25px 0 0 12px; padding:0; } ul.loginOptions li { display:inline; list-style:none; margin-right:12px; } ul.loginOptions li a { font-size:12px; } ul.sideRibbon { margin:0 0 40px 0; padding:0 5px; } ul.sideRibbon li { list-style-type:none; margin:8px 0 20px 0; position:relative; } ul.sideRibbon li.cutTop {margin-top:0px;} ul.sideRibbon li:last-child { margin-bottom:5px; } ul.sideRibbon li h3 { border:1px solid #d8d8d8; padding:4px 8px 4px 20px; margin-bottom:6px; font-size:13px; color:#555; font-weight:bold; text-shadow:none; background:#ddd url(/Images/icons/misc/header.block3.gif) no-repeat 5px 7px; } ul.sideRibbon li h3 a { color:#555; text-decoration:none; } ul.sideRibbon li h3 a:hover { color:#414e95; text-decoration:underline; } ul.sideRibbon li p.banner { display:none; } ul.sideRibbon li .cSide, .side .cSide, ul.listProd li .cSide { overflow:hidden; padding:8px 5px; position:relative; background:#eee; border:1px solid #ddd; } ul.sideRibbon li .cSide.tab { background:#eee;} .cSide.tab {overflow:visible !important;} ul.listProd li .cSide.tab {padding:3px; max-height:250px;} ul.listProd div.rapidOrder ul.tabContent p {margin:2px 0;} ul.sideRibbon li .cSide p.text { margin:0; text-align:center; font-size:10px; } ul.sideRibbon li .cSide .more { margin:12px 12px 0 0; padding:0; text-align:right; font-size:10px; } ul.sideRibbon li .cSide a.moreInfo { font-size:12px; } ul.sideRibbon li .cSide a.moreInfo.underline { text-decoration:underline; } ul.sideRibbon ul.login { font-size:12px; width:250px; margin-left:10px; } ul.sideRibbon ul.login li { margin-bottom:0; } ul.sideRibbon ul.login li input[type="text"], ul.sideRibbon ul.login li input[type="password"] { width:245px; } ul.sideRibbon ul.loginOptions li:first-child { margin-right:80px; } ul.sideRibbon ul.loginOptions a { font-size:11px; } ul.sideRibbon.sLeft { padding:8px 8px 8px 0; bottom:auto; } ul.sideRibbon.toggle li h3 { cursor:pointer; } ul.sideRibbon ul.menu { margin:0; padding:0; } ul.sideRibbon ul.menu li { margin:0 0 0 -30px; padding:0; list-style:none; } ul.sideRibbon ul.menu li.active { margin-right:20px; background:url(/Images/nav/menu.arrow.png) no-repeat left center; } ul.sideRibbon ul.menu li a { padding:8px 0 0 30px; margin:0 0 0 30px; height:27px; display:block; text-decoration:none; } ul.sideRibbon ul.menu li.active a { color:#fff; font-weight:bold; padding-left:10px; background-color:#313c79; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#414e95), to(#242d5d)); background-image:-moz-linear-gradient(top, #414e95, #242d5d); border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topright:5px; } ul.sideRibbon .listTiny li { margin:0; } ul.wizardSteps {margin:0 auto; padding:4px 10px 8px 10px; overflow:hidden; display:inline-block; font-size:10px; } ul.wizardSteps li {list-style:none; display:inline; float:left; color:#aaa; } ul.wizardSteps li a.active {font-weight:bold; color:#313c79; } ul.wizardSteps li a {color:#666; text-decoration:none; display:block; width:100px; height:37px; background:none; } ul.wizardSteps li a:link {color:#313c79;} ul.wizardSteps li a span {display:block; padding:5px 0 6px 0; background:url(/Images/nav/wizard/wizardSteps.png) no-repeat -100px 0;} ul.wizardSteps li.completed {background:none;} ul.wizardSteps li.completed a {background:url(/Images/nav/wizard/wizardSteps.png) no-repeat -100px -76px; color:#666; padding:30px 0 0; margin:0; height:18px;} ul.wizardSteps li.wizardstepsfirst.completed a {background-position: 0px -76px;} ul.wizardSteps li.wizardstepslast.completed a {background-position: -200px -76px;} ul.wizardSteps li.completed a span {display:none;} ul.wizardSteps li.wizardstepsfirst a span { background-position:0 0; } ul.wizardSteps li.wizardstepslast a span { background-position:-200px 0; } ul.wizardSteps li a.active span { background-position:-100px -37px; color:#FC0 !important; font-size:11px;} ul.wizardSteps li.wizardstepsfirst a.active span { background-position:0 -37px; } ul.wizardSteps li.wizardstepslast a.active span { background-position:-200px -37px; } ul.wizardSteps li a:hover {text-decoration:none; font-weight:bold; color:#313c79; } ul.wizardSteps li a.inactive:hover {font-weight:normal !important; color:#666 !important; cursor:default !important;} ul.wizardSteps.nonClick li a {cursor:default !important;} dl.slim { margin:0 0 12px 0; padding:0; overflow:hidden; display:inline-block; } dl.slim.hide {display:none;} dl.slim.none { margin:0; padding:0; } dl.slim dt { font-weight:bold; float:left; width:100px; padding:3px 0; text-align:left; color:#313c79; } dl.slim.textGray dt {color:#555;} dl.slim dt.grayBg, dl.slim dd.grayBg {background:#e3e3e3;} dl.slim dd { margin:0; padding:3px 15px 3px 110px; border-bottom:1px dotted #ccc; text-align:left; overflow:visible; } dl.slim.compact dd { padding-top:1px; padding-bottom:1px; } dl.slim.compact dt { padding-top:1px; padding-bottom:1px; } dl.slim dd select { margin-bottom:1px; } dl.slim.smallDT dt { width:50px; } dl.slim.smallDT dd { padding-left:60px; } dl.slim.mediumDT dt { width:80px; } dl.slim.mediumDT dd { padding-left:90px; } dl.slim.longDT dt { width:150px; } dl.slim.longDT dd { padding-left:160px; } dl.slim.longerDT dt { width:175px; } dl.slim.longerDT dd { padding-left:185px; } dl.slim.longestDT dt { width:200px; } dl.slim.longestDT dd { padding-left:210px; } dl.slim.reverse dt { width:450px; } dl.slim.reverse dd { padding-left:460px; } dl.slim.noLines dd { border:0; } dl.slim dd p.note { font-size:11px; margin:0 0 0 2px; padding:0; } dl.slim.emphasis dt, dl.slim.emphasis dd { color:#666; font-weight:normal; } dl.slim.emphasis dt a { font-weight:bold; } dl.slim.normal dd { color:#666; } dl.slim.normalDT dt { color:#666; } dl.slim dd.none { padding:0; } dl.slim dd.error { color:#c00; } dl.slim dd.hasError { border:0; } dl.slim.tab { margin-left:25px; } dl.slim .spacer { margin-top:15px; } dl.question { cursor:help; } dl.question,dl.question dt, dl.question dd { margin:0 0 5px 0; padding:0; } dl.question dt:hover { color:#313c79; } dl.question dd { font-size:11px; } dl.question dd:hover { color:#414e95; } .process { margin:10px 40px; color:#313c79; font-weight:bold; } .process li, ol.process li { margin:15px 0;border-bottom:1px dotted #ddd; list-style-type:lower-alpha; } .process li:last-child { border:0; } .process li h3, .process li h4 { font-size:14px; font-weight:bold; color:#313c79; text-shadow:none; margin-bottom:15px; } .process li h4 { color:#666; } .process li h3 a.more { font-size:10px; font-weight:normal; color:#034af3; text-decoration:underline; } .process li p, .process li .content { color:#666; font-weight:normal; border:0; } .process li p.smallhint { color:#080; } .process li p.error { color:#c00; } .process li dl { font-weight:normal; } .process li .address { font-weight:normal; font-size:12px; margin:0 0 15px 50px; color:#414e95; } .process li ul.list0, .process li ul.list0 li, .process .listMedium { margin:0; padding:0; list-style:none; border:0 !important; } .process .listMedium li { list-style:none; border:0; } .process li ul.normal { color:#666; font-weight:normal; } .process li ul.break li { clear:both; } .process li ul.break li .field { margin:0 75px; border-bottom:1px solid #eee; padding-bottom:15px; } .process li ul.break li:last-child .field { border:0; } .process li ul.noLines li { border:0; } .process li ul.small { margin:4px 0 12px 25px; } .process li ul.small li { padding:3px 0; margin:0; } .process.num li { list-style-type:decimal; } .process .results td, .process #results td { font-weight:normal; } .address ul,.address ul li, ul.address, ul.address li { margin:0; padding:0; list-style:none; } .list0,.list0 li, .list0 dt, .list0 dd { margin:0; padding:0; list-style:none; } ul.bullet li, list0 ul.bullet li, ul.list0.bullet li { list-style-type:disc !important; } ul.bullet.height li { margin-bottom:11px; } .listHoverOptions { margin:0; font-size:11px; } .listHoverOptions li { position:relative; margin-left:30px; list-style-image:url(/Images/icons/10x10/arrow.right.light.png); } .listHoverOptions li:hover { margin:0; padding:8px 80px 8px 32px; border:1px solid #ddd; list-style:none; font-size:13px; background:#f8f8f8 url(/Images/icons/16x16/arrow.right.png) no-repeat 10px;border-radius:5px; -moz-border-radius:5px; text-shadow:1px 2px 3px rgba(100,100,100,.2);} .listHoverOptions li a { text-decoration:none; } .listHoverOptions li:hover a { font-weight:bold; } .listHoverOptions li .hOptions { display:none; } .listHoverOptions li:hover .hOptions { margin:0; padding:0; display:inline; position:absolute; right:8px; top:6px; } .subMenu { margin:8px 0 0 0; padding:0; } .subMenu li { list-style:none; display:inline; margin:0; padding:0; } .subMenu li a { font-size:11px; margin:0 5px 0 2px; } .subMenu li a.active { background:#656D9B; text-shadow:none; border:1px solid #242d5d; color:#fff; padding:0 5px; border-radius:5px; -moz-border-radius:5px; } .subMenu li a.active:hover { text-decoration:none; cursor:default; } .subMenu.normal li a { font-size:13px; } .subMenu.none { margin:0; padding:0; } .smallRoman li { list-style-type:lower-roman; } .numbers li { list-style-type:decimal; } .menuPanel { margin:0 0 0 0; padding:8px 12px; background:#ccc; overflow:hidden; font-size:12px; } .menuPanel li { list-style:none; display:inline; margin:0 12px 0 0; padding:0; float:left; } .menuPanel li.right { float:right; } .menuPanel li a { display:block; padding:0 8px; background:#ddd; text-decoration:none; border-radius:15px; -moz-border-radius:15px; } .menuPanel li a:hover { background:#414e95; color:#eee; } .menuPanel li a.active { background:#313c79; color:#fff; } .poList li { list-style-type:decimal; padding:8px 70px 8px 8px; position:relative; border:1px solid #fff; border-radius:10px; -moz-border-radius:10px; } .poList li:hover { border:1px solid #bbb; background:#f0f0f0; } .poList li h5 { letter-spacing:1px; margin:0; color:#4554a9; font-weight:bold; } .poList li h5 span { font-size:11px; cursor:help; } .poList li p.buttons { position:absolute; right:0; top:0; margin:0 5px 0 0; } .poList li p.buttons a { margin-right:5px; } .ln-letters { overflow:hidden; } .ln-letters a { font-size:0.9em; display:block; float:left; width:24px; padding:2px 0; text-align:center; border:1px solid #ccc; border-right:0; text-decoration:none; } .ln-letters a.all { width:40px; } .ln-letters a.search {width:100px;} .ln-letters a.ln-last { border-right:1px solid #ccc; } .ln-letters a.ln-disabled { color:#ccc; } .ln-letters a:hover, .ln-letters a.ln-selected { background-color:#ccc; color:#414e95; } .ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#369; } .gray li { background:#eee; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; margin:10px 22px 0 0; padding:12px 10px 12px 7px; display:inline; list-style:none; -webkit-box-shadow:2px 2px 4px #aaa; -moz-box-shadow:2px 2px 4px #aaa; box-shadow:2px 2px 4px #aaa; } .gray li a { padding:11px 6px 11px 0; } ul.legend, ul.legend li { margin:0; padding:0; } ul.legend li { list-style: none; display: inline; float: left; margin-right: 10px; font-size: 10px; } .qSelect ul.legend:hover li { background:none; border-color:transparent; font-weight: normal; } .StoreList { height:100px; overflow:auto; margin:0; border:1px solid #aaa; background: #fff; } .StoreList li { list-style:none; background: #fff; color:#333; padding:2px 5px; } .StoreList li:hover { background: #aab2dd; } .StoreList li input[type="checkbox"] { margin-top: 3px; } /*[16. Tabs] -------------------------------------------------------------------------*/ ul.tabs.spec { margin:5px 0 0 0; padding:0; } ul.tabs.spec li { list-style:none; display:inline; } ul.tabs.spec li a { position:relative; top:1px; border:1px solid #888; color:#777; text-decoration:none; padding:3px 8px 3px 8px; border-bottom:0; cursor:pointer; font-weight:bold; background:#eee; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background-image:-moz-linear-gradient(top, #fff, #eee); border-top-left-radius:5px; -moz-border-radius-topleft:5px; } ul.tabs.spec li a.current { z-index:100; color:#242d5d; padding-bottom:5px; background-color:#fff; border-bottom:none;} ul.tabs.spec li a:hover { color:#242d5d; } ul.tabs.spec.side { margin:8px 0 0 0; } ul.tabs.spec.side li a { padding:3px 12px 4px 12px; background:#ddd; border:1px solid #ddd; border-bottom:0; color:#3c4b9a; } ul.tabs.spec.side li a.current { color:#242d5d; background:#eee; padding-bottom:5px; } ul.tabs.spec.side li a:hover { color:#555; } ul.tabContent.specs { border:1px solid #888; } ul.tabContent { background:#fff; margin:3px 0 0 0; padding:0; } ul.tabContent li .marg10 { margin:10px; } .tab.cSide .tabContent { background:#eee; } .modal ul.tabs.spec { padding-left:10px; } .modal ul.tabs.spec li a { border:1px solid #ccc; border-bottom:0; background:#ddd; padding:3px 8px 5px 8px;} .modal ul.tabs.spec li a.current { background:#eee; padding-bottom:8px } .modal ul.tabContent { padding:12px 8px 8px; border-top:1px solid #ccc; background:#eee; } .modal ul.tabContent li { list-style: none; } /*[17. Image Rotator] ------------------------------------------------------------------*/ #rotatorBox { position:relative; z-index:200; } #rotatorBox p.banner { z-index:210; position:absolute; bottom:16px; left:-18px; width:19px; height:45px; background:url(/images/nav/imgRotator/banner.png) no-repeat; } #rotatorBox #imgRotator { margin:20px 0; overflow:hidden; position:relative; z-index:200; border:1px solid #888; background:#fff; } #rotatorBox #imgRotator { height:288px; } #rotatorBox #imgRotator ul.items li { height:255px; } #rotatorBox #imgRotator, #rotatorBox #imgRotator .navRotator, #rotatorBox #imgRotator ul.items li { width:628px; } #rotatorBox #imgRotator .navRotator { background:#313c79 url(/images/nav/imgRotator/slice.png) repeat-x; height:34px; margin:0; padding:0 0 0 2px; position:absolute; bottom:0; border-top:1px solid #242d5d; } #rotatorBox #imgRotator .navRotator li { margin-right:3px; display:inline; float:left; } #rotatorBox #imgRotator .navRotator li a { background:url(/images/nav/imgRotator/buttons.jpg) 0 0; display:block; width:32px; height:32px; text-indent:-32766px; } #rotatorBox #imgRotator .navRotator li.active a { cursor:default; } #rotatorBox #imgRotator .navRotator li.navPromo a { background-position:0 0; } #rotatorBox #imgRotator .navRotator li.navPromo a:hover { background-position:0 -32px; } #rotatorBox #imgRotator .navRotator li.navPromo.active a { background-position:0 -64px; } #rotatorBox #imgRotator .navRotator li.navEvent a { background-position:-32px 0; } #rotatorBox #imgRotator .navRotator li.navEvent a:hover { background-position:-32px -32px; } #rotatorBox #imgRotator .navRotator li.navEvent.active a { background-position:-32px -64px; } #rotatorBox #imgRotator .navRotator li.navCopper a { background-position:-64px 0; } #rotatorBox #imgRotator .navRotator li.navCopper a:hover { background-position:-64px -32px; } #rotatorBox #imgRotator .navRotator li.navCopper.active a { background-position:-64px -64px; } #rotatorBox #imgRotator .navRotator li.navFeature a { background-position:-96px 0; } #rotatorBox #imgRotator .navRotator li.navFeature a:hover { background-position:-96px -32px; } #rotatorBox #imgRotator .navRotator li.navFeature.active a { background-position:-96px -64px; } #rotatorBox #imgRotator .navRotator li.navService a { background-position:-128px 0; } #rotatorBox #imgRotator .navRotator li.navService a:hover { background-position:-128px -32px; } #rotatorBox #imgRotator .navRotator li.navService.active a { background-position:-128px -64px; } #rotatorBox #imgRotator .navRotator li.navLocation a { background-position:-160px 0; } #rotatorBox #imgRotator .navRotator li.navLocation a:hover { background-position:-160px -32px; } #rotatorBox #imgRotator .navRotator li.navLocation.active a { background-position:-160px -64px; } #rotatorBox #imgRotator p#navTitle { color:#D1CEE1; text-align:right; position:absolute; z-index:250; bottom:-16px; left:403px; width:215px; height:24px; font-weight:bold; font-size:14px; font-style:italic; } #rotatorBox #imgRotator ul.items { margin:0; padding:0; width:32766em; position:relative; } #rotatorBox #imgRotator ul.items li { overflow:hidden; float:left; display:inline; background:#fff url(/images/nav/imgRotator/bg.jpg) no-repeat 0 0; } #rotatorBox #imgRotator ul.items li#itemPromo { background-position:0 0; } #rotatorBox #imgRotator ul.items li#itemEvent { background-position:0 -255px; } #rotatorBox #imgRotator ul.items li#itemCopper { background-position:0 -510px; } #rotatorBox #imgRotator ul.items li#itemFeature { background-position:0 -765px; } #rotatorBox #imgRotator ul.items li#itemService { background-position:0 -1020px; } #rotatorBox #imgRotator ul.items li#itemLocation { background-position:0 -1276px; } #rotatorBox #imgRotator ul.items li#itemEvent { position:relative; } #rotatorBox #imgRotator ul.items li#itemEvent ul.events { position:absolute; left:357px; top:66px; margin:0; font-size:12px;} #rotatorBox #imgRotator ul.items li#itemEvent ul.events.upcoming {left:29px; width:313px; } #rotatorBox #imgRotator ul.items li#itemEvent ul.events a { text-decoration:none; color:#1C3E7D; } #rotatorBox #imgRotator ul.items li#itemEvent ul.events a:hover { text-decoration:underline; color:#00C; } #rotatorBox #imgRotator ul.items li#itemEvent p.buttons { margin:218px 0 0 0px;} #rotatorBox #imgRotator ul.items li#itemEvent p.buttons a.rightSide {margin-left:185px;} #rotatorBox #imgRotator ul.items li#itemEvent a.btn { width:100px; display:inline; text-align:center; margin-left:0px; } #rotatorBox #imgRotator ul.items li#itemEvent ul.events li { background:url(/images/icons/10x10/arrow.right.solid2.png) no-repeat left center; margin:0 3px 6px 2px; padding:0 10px 0 20px; } #rotatorBox #imgRotator ul.items li#itemEvent ul.events li b {text-decoration:underline;} #rotatorBox #imgRotator ul.items li#itemEvent ul.events li.newest { background:url(/images/icons/10x10/star.png) no-repeat left center;} #rotatorBox #imgRotator ul.items li#itemEvent ul.events li.newest a {color:#090;} #rotatorBox #imgRotator ul.items li#itemEvent ul.events li.newest:hover {background:url(/images/icons/13x13/star2.png) no-repeat left center;} #rotatorBox #imgRotator ul.items li#itemEvent ul.events li:hover { background:url(/images/nav/imgRotator/arrow.png) no-repeat left center; } #rotatorBox #imgRotator ul.items li#itemEvent ul.events li:hover ul li { background:none; } #rotatorBox #imgRotator ul.items li#itemCopper img {float:right; margin:28px 0px 0 5px; } #rotatorBox #imgRotator ul.items li#itemCopper h3.alt { margin:40px 0 8px 40px; padding:0 0 4px 0; width:185px; font-size:1.16em; font-weight:bold; border-bottom:1px solid #ddd; } #rotatorBox #imgRotator ul.items li#itemCopper ul { margin:15px 0px 0px 32px; padding:0px; } #rotatorBox #imgRotator ul.items li#itemCopper ul li { margin:10px 0 15px 10px; font-size:11.5px; } #rotatorBox #imgRotator ul.items li#itemCopper ul li a { background:url(/images/icons/10x10/arrow.right.solid2.png) no-repeat left center; padding:0 0 0 20px; } #rotatorBox #imgRotator ul.items li#itemCopper ul li a:hover { text-decoration:none; color:#00C; background:url(/images/nav/imgRotator/arrow.png) no-repeat left center; } #rotatorBox #imgRotator ul.items li ul li { width:auto; height:auto; float:none; display:block; background:none; } #rotatorBox #imgRotator a.moreLink { display:block; width:625px; height:250px; text-decoration:none; } #rotatorBox #imgRotator a.btmRightLink { display:block; width:175px; height:38px; text-decoration:none; float:right; margin:170px 0 0 0; } #rotatorBox #imgRotator a.locLink { display:block; width:175px; height:38px; text-decoration:none; float:right; margin:203px 10px 0 0; } /*------Wide Rotater (used in About Us, Support, etc. ------*/ #rotatorBox.wide #imgRotator, #rotatorBox.wide #imgRotator .navRotator, #rotatorBox.wide #imgRotator ul.items li { width:727px; } #rotatorBox.wide #imgRotator a.moreLink {width:727px; height:325px; } #rotatorBox.wide #imgRotator p#navTitle {left:503px; width:215px;} #rotatorBox.wide #imgRotator .navRotator li a { background:url(/images/nav/imgRotator/Buttons_Numbers.jpg) 0 0;} #rotatorBox.wide #imgRotator .navRotator li.active a { cursor:default; } #rotatorBox.wide #imgRotator .navRotator li.navPromo a { background-position:0 0; } #rotatorBox.wide #imgRotator .navRotator li.navPromo a:hover { background-position:0 -32px; } #rotatorBox.wide #imgRotator .navRotator li.navPromo.active a { background-position:0 -64px; } #rotatorBox.wide #imgRotator .navRotator li.navEvent a { background-position:-32px 0; } #rotatorBox.wide #imgRotator .navRotator li.navEvent a:hover { background-position:-32px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navEvent.active a { background-position:-32px -64px; } #rotatorBox.wide #imgRotator .navRotator li.navCopper a { background-position:-64px 0; } #rotatorBox.wide #imgRotator .navRotator li.navCopper a:hover { background-position:-64px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navCopper.active a { background-position:-64px -64px; } #rotatorBox.wide #imgRotator .navRotator li.navFeature a { background-position:-96px 0; } #rotatorBox.wide #imgRotator .navRotator li.navFeature a:hover { background-position:-96px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navFeature.active a { background-position:-96px -64px; } #rotatorBox.wide #imgRotator .navRotator li.navService a { background-position:-128px 0; } #rotatorBox.wide #imgRotator .navRotator li.navService a:hover { background-position:-128px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navService.active a { background-position:-128px -64px; } #rotatorBox.wide #imgRotator .navRotator li.navLocation a { background-position:-160px 0; } #rotatorBox.wide #imgRotator .navRotator li.navLocation a:hover { background-position:-160px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navLocation.active a { background-position:-160px -64px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts1 a { background-position:0 0; } #rotatorBox.wide #imgRotator .navRotator li.navProducts1 a:hover { background-position:0 -32px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts1.active a { background-position:0 -64px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts2 a { background-position:-32px 0; } #rotatorBox.wide #imgRotator .navRotator li.navProducts2 a:hover { background-position:-32px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts2.active a { background-position:-32px -64px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts3 a { background-position:-64px 0; } #rotatorBox.wide #imgRotator .navRotator li.navProducts3 a:hover { background-position:-64px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts3.active a { background-position:-64px -64px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts4 a { background-position:-96px 0; } #rotatorBox.wide #imgRotator .navRotator li.navProducts4 a:hover { background-position:-96px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts4.active a { background-position:-96px -64px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts5 a { background-position:-128px 0; } #rotatorBox.wide #imgRotator .navRotator li.navProducts5 a:hover { background-position:-128px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts5.active a { background-position:-128px -64px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts6 a { background-position:-160px 0; } #rotatorBox.wide #imgRotator .navRotator li.navProducts6 a:hover { background-position:-160px -32px; } #rotatorBox.wide #imgRotator .navRotator li.navProducts6.active a { background-position:-160px -64px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands1 a { background-position:0 0; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands1 a:hover { background-position:0 -32px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands1.active a { background-position:0 -64px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands2 a { background-position:-32px 0; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands2 a:hover { background-position:-32px -32px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands2.active a { background-position:-32px -64px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands3 a { background-position:-64px 0; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands3 a:hover { background-position:-64px -32px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands3.active a { background-position:-64px -64px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands4 a { background-position:-96px 0; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands4 a:hover { background-position:-96px -32px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands4.active a { background-position:-96px -64px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands5 a { background-position:-128px 0; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands5 a:hover { background-position:-128px -32px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands5.active a { background-position:-128px -64px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands6 a { background-position:-160px 0; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands6 a:hover { background-position:-160px -32px; } #brandRotatorBox.wide #brandImgRotator .navRotator li.navBrands6.active a { background-position:-160px -64px; } #rotatorBox.wide #imgRotator ul.items li { overflow:hidden; float:left; display:inline; background:#fff url(/images/nav/imgRotator/bg_Services.jpg) no-repeat 0 0; } #rotatorBox.wide #imgRotator ul.items li#itemPromo { background-position:0 0; } #rotatorBox.wide #imgRotator ul.items li#itemEvent { background-position:0 -325px; } #rotatorBox.wide #imgRotator ul.items li#itemCopper { background-position:0 -650px; } #rotatorBox.wide #imgRotator ul.items li#itemFeature { background-position:0 -975px; } #rotatorBox.wide #imgRotator ul.items li#itemService { background-position:0 -1300px; } #rotatorBox.wide #imgRotator ul.items li#itemLocation { background-position:0 -1625px; } #rotatorBox.wide #imgRotator ul.items li#itemProducts1 { background-position:0 0; } #rotatorBox.wide #imgRotator ul.items li#itemProducts2 { background-position:0 -325px; } #rotatorBox.wide #imgRotator ul.items li#itemProducts3 { background-position:0 -650px; } #rotatorBox.wide #imgRotator ul.items li#itemProducts4 { background-position:0 -975px; } #rotatorBox.wide #imgRotator ul.items li#itemProducts5 { background-position:0 -1300px; } #rotatorBox.wide #imgRotator ul.items li#itemProducts6 { background-position:0 -1625px; } #rotatorBox.wide #imgRotator { height:358px; } #rotatorBox.wide #imgRotator ul.items li { height:325px; } /*------Main Products Home Rotater, variation on above ------*/ #rotatorBox.wide.prodHome #imgRotator, #rotatorBox.wide.prodHome #imgRotator .navRotator, #rotatorBox.wide.prodHome #imgRotator ul.items li { width:450px; } #rotatorBox.wide.prodHome #imgRotator a.moreLink {width:450px; height:253px; } #rotatorBox.wide.prodHome #imgRotator p#navTitle {left:215px; width:215px;} #rotatorBox.wide.prodHome #imgRotator ul.items li { overflow:hidden; float:left; display:inline; background:#fff url(/images/nav/imgRotator/ProductsHome.jpg) no-repeat 0 0; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemPromo { background-position:0 0; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemEvent { background-position:0 -253px; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemCopper { background-position:0 -506px; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemFeature { background-position:0 -759px; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemService { background-position:0 -1012px; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemLocation { background-position:0 -1265px; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemProducts1 { background-position:0 0; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemProducts2 { background-position:0 -253px; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemProducts3 { background-position:0 -506px; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemProducts4 { background-position:0 -759px; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemProducts5 { background-position:0 -1012px; } #rotatorBox.wide.prodHome #imgRotator ul.items li#itemProducts6 { background-position:0 -1265px; } #rotatorBox.wide.prodHome #imgRotator { height:286px; } #rotatorBox.wide.prodHome #imgRotator ul.items li { height:253px; } /*------Featured MFRs Rotator on Products Home ------*/ #brandRotatorBox { position:relative; z-index:200; } #brandRotatorBox p.banner { z-index:210; position:absolute; bottom:16px; left:-18px; width:19px; height:45px; background:url(/images/nav/imgRotator/banner.png) no-repeat; } #brandRotatorBox #brandImgRotator { margin:20px 0; overflow:hidden; position:relative; z-index:200; border:1px solid #888; background:#fff; } #brandRotatorBox #brandImgRotator { height:288px; } #brandRotatorBox #brandImgRotator ul.items li { height:255px; } #brandRotatorBox #brandImgRotator, #brandRotatorBox #brandImgRotator .navRotator, #brandRotatorBox #brandImgRotator ul.items li { width:628px; } #brandRotatorBox #brandImgRotator .navRotator { background:#313c79 url(/images/nav/imgRotator/slice.png) repeat-x; height:34px; margin:0; padding:0 0 0 2px; position:absolute; bottom:0; border-top:1px solid #242d5d; } #brandRotatorBox #brandImgRotator .navRotator li { margin-right:3px; display:inline; float:left; } #brandRotatorBox #brandImgRotator .navRotator li a { background:url(/images/nav/imgRotator/buttons.jpg) 0 0; display:block; width:32px; height:32px; text-indent:-32766px; } #brandRotatorBox #brandImgRotator .navRotator li.active a { cursor:default; } #brandRotatorBox #brandImgRotator p#brandNavTitle { color:#D1CEE1; text-align:right; position:absolute; z-index:250; bottom:-16px; left:403px; width:215px; height:24px; font-weight:bold; font-size:14px; font-style:italic; } #brandRotatorBox #brandImgRotator ul.items { margin:0; padding:0; width:32766em; position:relative; } #brandRotatorBox #brandImgRotator ul.items li { overflow:hidden; float:left; display:inline; background:#fff url(/images/nav/imgRotator/bg.jpg) no-repeat 0 0; } #brandRotatorBox #brandImgRotator ul.items li ul li { width:auto; height:auto; float:none; display:block; background:none; } #brandRotatorBox #brandImgRotator a.moreLink { display:block; width:625px; height:250px; text-decoration:none; } #brandRotatorBox #brandImgRotator a.btmRightLink { display:block; width:175px; height:38px; text-decoration:none; float:right; margin:170px 0 0 0; } #brandRotatorBox #brandImgRotator a.locLink { display:block; width:175px; height:38px; text-decoration:none; float:right; margin:203px 10px 0 0; } #brandRotatorBox.wide #brandImgRotator, #brandRotatorBox.wide #brandImgRotator .navRotator, #brandRotatorBox.wide #brandImgRotator ul.items li { width:727px; } #brandRotatorBox.wide #brandImgRotator a.moreLink {width:727px; height:325px; } #brandRotatorBox.wide #brandImgRotator p#brandNavTitle {left:503px; width:215px;} #brandRotatorBox.wide #brandImgRotator .navRotator li a { background:url(/images/nav/imgRotator/Buttons_Numbers.jpg) 0 0;} #brandRotatorBox.wide #brandImgRotator .navRotator li.active a { cursor:default; } #brandRotatorBox.wide.prodHome #brandImgRotator, #brandRotatorBox.wide.prodHome #brandImgRotator .navRotator, #brandRotatorBox.wide.prodHome #brandImgRotator ul.items li { width:450px; } #brandRotatorBox.wide.prodHome #brandImgRotator a.moreLink {width:450px; height:253px; } #brandRotatorBox.wide.prodHome #brandImgRotator p#brandNavTitle {left:215px; width:215px;} #brandRotatorBox.wide.prodHome #brandImgRotator ul.items li { overflow:hidden; float:left; display:inline; background:#fff url(/images/nav/imgRotator/ProductsHome.jpg) no-repeat 0 0; } #brandRotatorBox.wide.prodHome #brandImgRotator { height:286px; } #brandRotatorBox.wide.prodHome #brandImgRotator ul.items li { height:253px; } #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator, #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator .navRotator, #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator ul.items li { width:750px;} #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator {border:none;} #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator .navRotator {border:1px solid #222;} #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator li div.MFR {margin-left:20px;} #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator ul.items li ul.catList {background:#fff;} #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator ul.items li ul.catList li {width:auto; height:auto; float:none; display:block; background:none; padding:0;} #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator a.moreLink {width:750px; height:253px; } #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator p#brandNavTitle {left:515px; width:215px;} #brandRotatorBox.wide.prodHome.featMFR #brandImgRotator ul.items li { overflow:hidden; float:left; display:inline; background:#f5f5f5; padding-top:7px;} /*[18. Product Categories] -------------------------------------------------------------------------*/ .prod { margin:0 0 0 200px; } .prod a.advSearch { font-size:12px; text-decoration:none; } .prod ul.listProd { margin:0; padding:0; } .prod ul.listProd li { list-style:none; margin-bottom:12px; } .prod ul.listProd h3 { border:1px dotted #ddd; border-bottom:0; font-size:16px; font-weight:bold; background:#eee; margin:0; padding:5px 8px; } .prod ul.listProd h3 a { text-decoration:none; } .prod ul.listProd h3 a:hover { text-decoration: underline; } .prod ul.listProd a.more { text-decoration:none; font-size:11px; letter-spacing:1px; float:right; padding:6px 8px; } /* Guides & References */ .prodHelpBox { overflow:hidden; border:1px solid #eee; } /* Featured Items */ table.featItems { margin:0 0 10px 0; } .featItems tbody tr td { padding:10px 10px 0 10px; border:1px solid #eee; border-left:0; } .featItems .img { text-align:center; } .featItems .price { text-align:right; margin:0 0 8px 0; } .featItems tbody tr td:first-child, .featItems tbody tr td.first { border-left:1px solid #eee; } .featItems .item ul li { list-style-type:disc; margin:0; } /* Featured Brands & Manufacturers */ .logoLink { text-decoration:none; padding:0; margin:0 8px; display:inline-block; border:1px solid #fff; } .logoLink .text { display:none; } .logoLink img { padding:0 14px; margin:0; } .logoLink:hover { border:1px solid #bbb; } .logoLinkFull { border-bottom:1px solid #ddd; padding-bottom:8px; } .logoLinkFull .logoLink { margin:0 1px; } li.prodFeatBrand, li.prodFeatItems, li.prodHelp { margin:20px 0 12px 0; } li.prodOptions, li.prodOptions .cRapidOrder, li.prodOptions .quickSelectBox { min-height:212px; } li.prodOptions .rapidOrder { overflow:visible; float:right; } li.prodOptions .rapidOrder .cRapidOrder { border:1px solid #eee; margin:0; padding:2px; } li.prodOptions .quickSelect { margin-right:315px; } .quickSelectBox { border:1px solid #eee; padding:10px 10px 10px 20px; } .quickSelect ul { margin:0; padding:0; overflow:hidden; } .quickSelect ul li { float:left; display:inline; width:200px; } /*[19. Brands] ------------------------------------------------------------------*/ .brand { margin:0; } .brand .listImgBox ul { margin:0 0 0 35px; } .brand .listImgBox { border:0; border-bottom:1px solid #ddd; } .brandsBox { margin:0 0 30px 0; overflow:hidden; min-height:400px; } #brandsList { width:100%; margin-left:20px; } #brandsList li { float:left;width:220px;margin-right:2px; list-style-position:outside; padding-right:13px; } #brandsList li a { display:block; text-decoration:none; } #brandsList li a:hover { background-color:#ddd; } #lineSheet { margin:0 0 30px 0; padding:0; } #lineSheet .sect { list-style:none; padding:0; margin:0; float:left; width:10em; } #lineSheet h3 { font-size:1.1em; font-weight:bold; text-shadow:none; color:#555; } div.mfrQS {background:#ccc; padding:3px 7px; font-size:11px; font-weight:bold; border-right:1px solid #bbb;} /*[20. Search Results] ------------------------------------------------------------------*/ .SearchGuide { width:190px; float:left; margin:0; border:1px solid #ccc; margin-bottom:30px; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; background:#dfdfdf; color:#696969;} .SearchGuide h2 { font-size:1.3em; } .SearchGuide h3 { font-size:12px; font-weight:bold; margin:0; color:#666; } .SearchGuide h3.guideToggle { color:#414e95; border-top:1px solid #eee; cursor:pointer; position:relative; padding:5px 8px 5px 23px; background:#ddd url(/Images/icons/12x12/collapsed.square.png) no-repeat 5px; } .SearchGuide h3.guideToggle.collapsed { background-image:url(/Images/icons/12x12/expand.square.png); } .SearchGuide h3.guideToggle.noBorder { border:0; } .SearchGuide h3.sep { padding:8px; background:#eee; border:1px solid #ccc;} .SearchGuide h3.sep.head {font-size:14px; color:#fff; border:2px solid #414E95; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#414E95), to(#242D5D)); background-image:-moz-linear-gradient(top, #414E95, #242D5D); background:#313C79; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;} .SearchGuide ul.ulResults {border:1px solid #ccc; margin:10px 8px 15px; padding:2px; background:#f7f7f7;} .SearchGuide ul li {padding:0 0 0 10px; margin:0 2px 6px 5px; background:url(/Images/Icons/misc/tiny-arrow.png) no-repeat 0 6px; } .SearchGuide ul li:hover {background:url(/Images/Icons/10x10/arrow.right.solid2.png) 0 4px no-repeat;} .SearchGuide ul li.noImg {background-image:none; padding:0;} .SearchGuide ul li a {color:#2F55AE;} .SearchGuide ul li a:hover { color:#034af3; text-decoration:none; } .SearchGuide ul li.more { list-style:none; margin:0; padding:0; } .SearchGuide ul li.more a { text-decoration:none; } .SearchGuide .promo { margin:0; border-top:1px solid #eee; padding:20px 0; text-align:center; } .SearchGuide p { margin:1em; font-size:10px;} .SearchGuide p a.btnOther {font-size:11px; font-weight:bold;} p.promo.norm {padding:10px 10px 0; text-align:left;} p.promo.norm.tight {padding:0;} p.promo.norm.repBox {border:1px solid #ccc; background:#f7f7f7; margin:0 8px 15px; padding:6px;} /* New Design CSS---------------------- */ div.SearchGuide a {text-decoration:none;} div.SearchGuide a:hover {text-decoration:underline !important;} div.SearchGuide h2.alt {font-size:120%; font-weight:bold; color:#666; margin:4px 1px 4px 3px; font-variant:small-caps;} div.SearchGuide div.attrPanel h2.alt, div.SearchGuide h2.alt.subStyle {font-size:1.1em; color:#555; font-variant:normal;} div.SearchGuide ul.dotBott {border-bottom:1px dotted #bbb; padding-bottom:5px;} div.SearchGuide ul.breadcrumbs {margin:8px 0 12px 15px;} div.SearchGuide ul.breadcrumbs li {margin:0 0 5px 0; padding:0; list-style:none; vertical-align:top; display:list-item; background:none;} div.SearchGuide ul.breadcrumbs li a {background:url(/Images/Icons/10x10/arrow.left.png) left 5px no-repeat; padding-left:12px; display:inline-block;} div.SearchGuide div.attrPanel ul.breadcrumbs {margin:8px 0 12px 8px; font-size:90%;} div.SearchGuide div.attrPanel ul.breadcrumbs li a {background:url(/Images/Icons/12x12/delete.png) left 2px no-repeat; padding-left:16px; display:inline-block; font-weight:normal;} div.SearchGuide div.attrPanel ul.breadcrumbs li a span {font-weight:bold;} .SearchGuide div.attrPanel div ul.collapsible {margin:0; padding:0;} .SearchGuide div.attrPanel div ul.collapsible li {cursor: pointer; list-style:none; margin:0; margin-top:10px; padding:0; background:none; display: block; width: 100%;} .SearchGuide div.attrPanel div ul.collapsible li a {display:block; padding:2px 15px 2px 5px; font-weight:bold; color:#414E95; border-bottom:1px dotted #d5d5d5; background:url(/images/icons/10x10/expand.blue.png) no-repeat 99% 45%;} .SearchGuide div.attrPanel div ul.collapsible li a:hover {color:#333; text-decoration:none !important;} .SearchGuide div.attrPanel div ul.collapsible li a.active { background:url(/images/icons/10x10/collapse.blue.png) no-repeat 99% 50%; border-bottom:none;} .SearchGuide div.attrPanel div ul.collapsible ul {background:#fff; border:1px solid #ccc; border-top:1px solid #777; max-height:260px; min-height:10px; overflow:auto;} .SearchGuide div.attrPanel div ul.collapsible ul {margin:0 0 0 2px; font-size:90%;} .SearchGuide div.attrPanel div ul.collapsible ul li {margin-top:4px;} .SearchGuide div.attrPanel div ul.collapsible ul li a {color:#2F55AE; padding-left:18px; background:url(/Images/Icons/13x13/checkbox.png) 1% 40% no-repeat; font-size:95%;} .SearchGuide div.attrPanel div ul.collapsible ul li a:hover {background-color:#eee;} .SearchGuide div.attrPanel div ul.collapsible ul li a.selected {background:url(/Images/Icons/13x13/checkbox-on.png) 1% 40% no-repeat;} .SearchGuide div.attrPanel div ul.collapsible ul li a span {color:#999;} .SearchGuide div.attrPanel div ul.collapsible div p.searchInside {margin:0; padding:4px 2px; background-color:#ccc; border:1px solid #bbb; border-top:none; border-right:none;} .SearchGuide div.attrPanel div ul.collapsible div p.searchInside input {width:88%; font-size:103%; color:#777;} .SearchGuide div.attrPanel div ul.collapsible div:hover p.searchInside {display:block;} /* Quick selects - new design elements ----------------------------------*/ table.simpleQS {border-color:#ccc; white-space:nowrap;} table.simpleQS thead tr {background:#ddd;} table.simpleQS thead tr.topRow th {background:#aaa; color:#444;} table.simpleQS thead tr td, table.simpleQS thead tr th {border:1px solid #bbb; font-size:11px;} table.simpleQS img {max-width:70px; max-height:100px;} table.simpleQS td {border:1px solid #ccc; background:#fff;} table.simpleQS th {border:1px solid #bbb; background:#ddd; color:#444;} table.simpleQS td span {color:#10750B; font-size:13px; font-weight:bold; white-space:nowrap;} table.simpleQS td span.forOrder {color:#444;} ul.legend .qsSpecial { background: #10750B; padding:0; } ul.legend .qsCompany { background:#444; padding:0;} /* additional new design css for search results ----------------------- */ .w40p {width:40%;} .w60p {width:60%;} .addtoBox {background:#f3f3f3; padding:3px 4px; border:1px solid #ccc; border-radius:3px;} .addtoBox:hover {background:#eee;} .addtoBox a {text-decoration:none;} .addtoBox a:hover {text-decoration:underline;} a.grnButton {background-color: #393;color: #fff; border: 1px #0a630a solid; border-radius:3px 0 0 3px; padding:5px 11px 4px; margin:0 !important; font-size:13px; font-weight:bold; display: inline-block; text-align: center; text-decoration: none;} a.grnButton.drop {border-radius: 0 3px 3px 0; border-left:none;} a.grnButton:hover {background-color:#2b822b;} a.btn.smaller.textSmall {font-size:11px;} div.addtoMenu {position: absolute; top: auto; right: auto; margin-left: 17px; z-index: 8000; background: #fff; width: 140px; text-align: left; display: block; border: 1px solid #aaa;} div.addtoMenu a {padding:4px 7px; display:block; text-decoration:none; margin:0 !important; border-bottom:1px dotted #ccc;} div.addtoMenu a:hover, div.addtoMenu a.needLogin:hover {background-color:#ddd; color: rgb(0, 0, 136);} div.addtoMenu a.needLogin {color:#4A61AC; background:#f1f1f1 url(/Images/Icons/10x10/lock.gray.png) 6px 6px no-repeat; padding-left:18px;} div.comparePane {position: fixed; width: 100%; font-size: 11px; bottom: 0; left: 0; z-index: 9000; background-color: #64686c;} a.paneTab { text-decoration:none; position: absolute; top: -24px; left: 150px; font-size: 12px; font-weight: bold; color: #fff; height: 18px; padding: 5px 28px 1px 10px; line-height: 18px; text-align: center; vertical-align: middle; background-color: #64686c; width: 93px;} a.paneTab:hover {text-decoration:underline; color:#eee;} div.compItemBox {float: left; height:60px; width:20%; background:#fff; margin:0 8px 5px 0; border-radius:3px 3px 0 0; padding:2px 3px 2px 2px; border:1px solid #555;} div.compItemBox:first-child {background:#ddd; width:11%; text-align:center; height:auto; border-radius:3px;} div.compItemBox:first-child a.btn {margin-right:0;} div.compItemBox:hover {border-color:#111;} div.compItemBox a.removeCompItem {float:right;} div.compItemBox img.left {max-width:40px; min-height:30px; max-height:58px; margin-right:3px;} div.compItemBox h3.alt {font-size:12px; overflow:hidden; margin:5px 0 0 0;} div.compItemBox h3.alt b {color:#505abc; font-size:13px;} div.compItemBox h3.alt a {text-decoration:none; color:#444;} div.compItemBox h3.alt a:hover b { color:#008;} div.resultSelector {float:left; width:3%; padding:48px 0 0 5px;} ul.tabs.spec.searchResults {margin-top:10px;} ul.tabs.spec.searchResults li {margin:0 5px 0 0;} ul.tabs.spec.searchResults li a {color:#444;} ul.tabs.spec.searchResults li a.current, ul.tabs.spec.searchResults li a.current:hover {background:#ccc; color:#404AA8; border-color:#bbb; cursor:default;} ul.tabs.spec.searchResults li a:hover {background:#eee; color:#034af3;} ul.resultsList li ul.sDescList {margin-bottom:10px;} ul.resultsList li.selected {background:#FEF5D3;} ul.resultsList li.selected .searchDetails p.searchImage img {border:1px solid #ccc;} div.fieldset.catBox {margin-bottom:5px; padding:15px 5px; display:table; width:99%; background:#f6f6f6; border-color:#e4e4e4;} .fieldset.catBox {border-spacing:5px;} h3.legend span {font-size:.8em; font-weight:normal;} .catRow {display:block; max-width:759px; } .catRow a {width:107px; height:100px; float:left; background:#fff; display:block; text-align:center; border:1px solid #ddd; border-radius:2px; text-decoration:none; margin-right:10px; margin-bottom:10px; padding:4px 2px; font-size:.9em; text-transform:capitalize; overflow:hidden; } .catRow a img {width:50px;} .catRow a span {color:#777;} .catRow a:hover {border-color:#bbb;} div.seleItem {font-size:10px; border-bottom:1px dotted #ccc; padding:5px 1px;} .SearchGuide div.seleItem p {margin:0 1px 0 2px;} div.seleItem.even {background:#eee;} /*Products Graphic Content Menu (products/categories/brands main page content)------------------------------------------*/ div.homeBanner { margin:0 0 20px; padding:5px 6px 2px 18px; border:1px solid #ccc;} div.homeBanner, a.bigBtn { background: #eeeeee; background: -moz-linear-gradient(top, #ffffff 8%, #eeeeee 57%, #d8d8d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#ffffff), color-stop(57%,#eeeeee), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 8%,#eeeeee 57%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 8%,#eeeeee 57%,#d8d8d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 8%,#eeeeee 57%,#d8d8d8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 8%,#eeeeee 57%,#d8d8d8 100%); /* W3C */} a.bigBtn {padding:13px 5px 10px 7px; font-size:18px;color:#222; border-color:#aaa; box-shadow:1px 1px 1px #333; font-weight:normal; margin:20px 0 0 0; border-radius:2px;} .borderLeft {border-left:1px solid #ccc;} div.bannerRight {min-width:170px; padding-left:3px;} div.bannerRight p { padding:4px 0 2px 4px; margin-bottom:7px; border-radius:4px;} div.bannerRight p:hover {background-color:#ddd; border:1px solid #ccc; padding:3px 0 1px 4px;} div.bannerRight p span {font-size:13px; font-style:italic;} div.bannerRight p span a {font-size:16px; text-decoration:none; font-style:normal; font-weight:bold;} div.graphicMenu {width:760px; float:right; padding:0;} div.graphicMenu-Col {width:170px; margin:0 11px 0 0; float:left; display:inline; vertical-align:top;} div.graphicMenu.prodHome div.graphicMenu-Col .catList {height:137px; border-right:1px dotted #ccc;} div.graphicMenu.MFRoneLine {float: right;padding:4px 2px 2px 4px; background:#f6f6f6; border:1px solid #eee;} div.graphicMenu-Col.MFR {width:199px; margin-right:30px;} div.graphicMenu.MFRoneLine div.graphicMenu-Col.MFR {width:200px; margin-right:25px;} div.graphicMenu.MFRoneLine div.graphicMenu-Col.MFR.last {margin-right:0;} div.graphicMenu.MFRoneLine div.graphicMenu-Col.MFR .catList {overflow:hidden; background:#fff; border-top:1px dotted #ddd; border-bottom:1px solid #ddd;} div.graphicMenu.MFRoneLine div.graphicMenu-Col.MFR.last .catList {border-right:none;} div.graphicMenu.MFRoneLine div.graphicMenu-Col.MFR .catList li.viewAll {bottom:5px;} .catHdr{margin:10px 0;border:1px solid #cdcdcd;height:60px;overflow:visible;position:relative;text-decoration:none;display:block; color:#222;} div.graphicMenu.MFRoneLine div.graphicMenu-Col.MFR .catHdr { background:#ddd; border:none; border-radius:5px 5px 0 0;} .catHdr:hover {background:#FDF9E3; border-color:#bbb; color:#C26D10} .catImg { display: inline-block; float: left; position: absolute; max-height: 85px; max-width: 75px; overflow: hidden; top: -8px; left: -5px; border: 0;} .catTitle { font: 500 1.2em/1.2em Tahoma,Geneva,Arial,sans-serif; position: absolute; bottom: 3px; right: 5px; width: 90px; overflow: visible; line-height:15px;} .catTitle span.textSmall {line-height:12px;} .catList{display:block;height:240px;position:relative;margin:0 0 5px;overflow:hidden;font-family: Verdana, Geneva, sans-serif;} .catList li{list-style:none;line-height:10px; margin:0 0 7px 0;} .catList li a{text-decoration:none;font-size:11px;} .catList li a:hover{text-decoration:underline;} .catList li.viewAll{font-weight:bold; font-size:11px; bottom:0; position:absolute; margin-top:20px; } .catList li select {font-size:10px;} /*Products graphic side menu styles ---------------------------------------------------------*/ ul#menu {background: #eee;color: #222;margin: 0;width:175px;border:1px solid #ccc;font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;font-size: 11px;} ul#menu li {margin: 0.1em 1em;position: relative;list-style:none;} ul#menu li.listHeader {background:#006; color:#fff; font-weight:bold; margin:0; padding:4px 3px;} ul#menu li.mega {margin:0; border-top:1px solid #ccc;} ul#menu h2, ul#menu h3 {font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;font-size: 100%;font-weight: normal;display: block;padding:0;margin:0;} ul#menu li a {color: #222;text-decoration: none;padding: 0 0.4em;display:block;} ul#menu li a:hover, ul#menu li.mega div a:hover {text-decoration: underline;color:#06F;} ul#menu li.mega a {background: transparent url(/images/icons/10x10/arrow.right.gray.png) 98% center no-repeat;padding: 5px 1.2em 5px 7px;display:inline;} ul#menu li.mega h2 a {display:block;} ul#menu li.mega h2 a:hover {background:#f6f6f6;} ul#menu li.mega a:hover {text-decoration: underline;} ul#menu div {display: none;} ul#menu li.mega div, div.allCats {border: 1px solid #ccc;width:57em;position: absolute;z-index:9000;top: 0;left: 176px;padding: 4px 1.3em;background: #f6f6f6;color: #930;} ul#menu li.hovering div {display: block;} ul#menu li.mega div a {color: #300;padding: 0;padding-right:5px;background-image: none;text-decoration: underline;} ul#menu li div a.more {color: #390;font-weight: bold;} ul#menu li.mega div img, ul.navSub li div.allCats img {clear:both; float:left; border:1px solid #ddd; width:55px; margin-right:10px; margin-bottom:4px;} ul.navSub li div.allCats img.none {float:none; width:auto; background:none; margin:0; border:none;} ul.navSub li div.allCats img {background-color:#fff;} ul#menu div h3 {clear:both; color: #009; font-weight: bold; font-size: 1.1em; border-top:1px dotted #ccc; padding-top:5px;} ul#menu div h3:first-child {border-top:none; padding:0;} ul#menu div p {margin: 0 0 0.5em 0; padding: 0 0 7px 0;} div.allCats {width:700px; padding:5px;} ul#menu li.mega div.allCats {width:810px; padding-top:10px;} li.navSubHeader:hover div.allCats.hide {display:block;} li.navSubHeader div.allCats {left:157px; box-shadow:1px 1px 1px #555; color:#eee;} li.navSubHeader div.allCats h4 {color:#eee;} ul.navSub li div.allCats {background:#444; border:1px solid #333; padding-top:8px;} ul.navSub li div.allCats dl.basicSpace dt {padding:0; color:#ddd; margin:3px 0 5px 0;} ul#menu li.mega div.allCats a, div.allCats a {width:191px; display:inline; margin:0 0 10px 2px; float:left; padding:4px 0 2px 0; height:50px; color:#151B4F;} .navDrop .navSub div.allCats a {padding:5px; width:215px; border-bottom:1px dotted #4d4d4d; border-right:1px dotted #4b4b4b; margin-right:5px;} ul#menu li.mega div.allCats a:hover, div.allCats a:hover {background-color:#eee; border-radius:5px;} ul#menu li.mega div.allCats a img, div.allCats a img {max-width:44px; padding:2px; margin:0 6px 0 2px; border:none; } ul#menu li.mega div.allCats a span.cTitle, div.allCats a span.cTitle {display:block; width:125px; float:left; line-height:14px;} div.allCats a span.cTitle {width:150px;} .navDrop .navSub div.allCats a.btn { height:auto; width: auto; border: 1px solid #1c2049; white-space:nowrap; text-decoration: none; background-color: #313c79; color: #eee; background-image: -moz-linear-gradient(#4657b2, #2d3975 10%, #242d5d); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4657b2),color-stop(.10, #2d3975),color-stop(1, #242d5d)); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-border-radius: 4px; border-radius: 4px; } .navDrop .navSub div.allCats a.btn.right {float:right;} .navDrop .navSub div.allCats .btn:hover, .navDrop .navSub div.allCats .btn.active { color: #fff; background: #495ab5; background-image: -moz-linear-gradient(#242d5d, #293369 1%, #3c4b9a 10%, #3c4b9a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #242d5d),color-stop(.01, #293369),color-stop(.10, #3c4b9a),color-stop(1, #3c4b9a)); } /*-END new stuff [NOTE some changes have been made to ul.searchOptions just below.]-----------------------*/ .SearchResults { margin:15px 0 30px 200px; } li.SearchResults { margin:0; padding:0; } .SearchResults h2 { font-size:20px; } .SearchResults h2, .SearchResults p.SearchNum { display:inline; } .masterToggle { display:inline; font-size:10px; } .ulResults { font-size:11px; } .ulResults li { list-style:none; } .ulResults li.more { text-align:right; } .ulResults li.more a { display:block; padding:4px 8px; } ul.searchOptions { background:#ccc; border:1px solid #bbb; margin:1px 0 0 0; height:100%; text-align:left; padding:5px 3px;} ul.searchOptions .text { float:left; margin:3px 0 0 3px; font-weight:bold; } ul.searchOptions h5 { display:inline; font-weight:bold; font-size:11px; } ul.searchOptions li { list-style:none; display:inline; font-size:12px; margin-right:12px; } ul.searchOptions ul { margin:0; padding:0; display:inline; } ul.searchOptions ul li { margin:0; padding:0; } ul.searchOptions a { color:#505abc; cursor:pointer; font-weight:bold; text-decoration:none; display:inline-block; padding:0px 5px; border:1px solid #999; background:#ddd; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ddd)); background-image:-moz-linear-gradient(top, #efefef, #ddd); } ul.searchOptions a.active, ul.searchOptions a.active:hover { color:#ddd; cursor:default; border:1px inset #ccc; background:#666; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#828282)); background-image:-moz-linear-gradient(top, #555, #828282); } ul.searchOptions a:hover { color:#008; background:#ddd; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#efefef)); background-image:-moz-linear-gradient(top, #ddd, #efefef); } .resultOptions { font-size:11px; overflow:hidden; padding:6px 8px 3px 8px; margin:0; height:100%; border:1px solid #ddd; background:#eee; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ddd)); background-image:-moz-linear-gradient(top, #efefef, #ddd); } .resultOptions.bottom { border:1px solid #efefef; } .resultOptions p.pNumItems { margin:0; padding:0; display:inline; } .resultOptions ul.paging { display:inline; margin:2px 0 0 0; padding:0; float:right; color:#555; } .resultOptions ul.paging li { margin:0;padding:0; display:inline; list-style:none; } .resultOptions ul.paging li a { padding:0 4px; } .resultOptions ul.paging li a.active { text-decoration:none; font-weight:bold; color:#555; } .resultOptions ul.paging li a.disabled, .resultOptions ul.paging li a.disabled:hover { color:#aaa; text-decoration:none; } /* Search Results List */ .resultsDiv { overflow:hidden; } ul.resultsList { border:1px solid #ddd; margin:0; padding:0; height:100%; } ul.resultsList li { overflow:hidden; clear:both; margin:0; padding:3px; border-top:1px solid #bbb; list-style:none; font-size:11px; } ul.resultsList li h3 { font-size:15px; margin:0 0 5px 0; } ul.resultsList li h3 a { text-decoration:none; } ul.resultsList li h4 { font-size:13px; font-weight:bold; } ul.resultsList li ul { line-height:12px; margin:0 0 0 20px; } ul.resultsList li ul li { border:0; list-style:disc inside none; line-height:12px; } ul.resultsList li p { margin-bottom:5px; } ul.resultsList li p.margBottom0 { margin-bottom:0; } ul.resultsList li .searchDetails { overflow:hidden; margin:5px 0 0 0; height:100%; } ul.resultsList li .searchDetails .details { font-size:12px; } ul.resultsList li .searchDetails .searchImage { float:left; width:15%; text-align:center; } ul.resultsList li .searchDetails .searchImage a { border:0; font-size:10px; margin-top:3px; text-decoration:none; } ul.resultsList li .searchDetails .searchImage img { max-width:100px; max-height:90px; } ul.resultsList li .searchDetails .searchInfo .sDescList li.sHideInList { display:none; } ul.resultsList li .searchDetails .searchInfo { float:left; width:65%; } ul.resultsList li .searchDetails .searchPrice { float:left; width:15%; font-weight:bold; text-align:right; font-size:16px; color:#c00; } ul.resultsList li .searchDetails .searchPrice span { color:#666; } ul.resultsList li .searchDetails .searchPrice span.bookprice { font-size:11px; color:#008; display:block;} ul.resultsList li .searchDetails .searchPrice span.smallhint { font-size:10px; color:#080; display:block;} ul.resultsList li .searchLinks { text-align:right; font-size:12px; margin-bottom:2px; background-color:#f5f5f5; border:1px solid #eee; border-radius:4px; } ul.resultsList li .searchLinks .btnOptions { display:inline; font-size:11px; } ul.resultsList li .searchLinks a { margin:0 6px; } ul.resultsList li .searchLinks .sCart { display:inline; margin:0; padding:0; } ul.resultsList li .searchLinks a.btnCart { white-space:nowrap; background:#080; margin:0; padding:5px 10px; color:#fff; border:1px solid #007400; font-weight:bold; text-decoration:none; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#40A640), to(#080)); background-image:-moz-linear-gradient(top, #40A640, #080); border-radius:4px; -moz-border-radius:4px; } ul.resultsList li .searchLinks a.btnCart:hover { background:#40A640; } ul.resultsList li .searchLinks .lSpec { display:inline; float:left; font-size:11px; } /* New - Search Results List Collapsed ------- */ ul.resultsList.collapsed li {overflow:visible;} ul.resultsList.collapsed div.theAddToMenu {} ul.resultsList.collapsed div.searchItemContainer {padding-bottom:3px;} ul.resultsList.collapsed li .searchDetails .searchInfo {width:42%; overflow:visible;} ul.resultsList.collapsed li .searchDetails .searchInfo .sInfo div.left.w40p {width:99%;} ul.resultsList.collapsed li .searchDetails .searchInfo .sInfo div.left ul.sDescList {margin:7px 0 0 8px;} ul.resultsList.collapsed li .searchDetails .searchInfo .sInfo div.left ul.sDescList li {display:none;} ul.resultsList.collapsed li .searchDetails .searchInfo .sInfo div.left ul.sDescList li.showAlways {display:inline; margin:0 6px 0 0; padding-left:7px; background:url(/images/icons/misc/bullet3.png) left no-repeat;} ul.resultsList.collapsed li .searchDetails .searchPrice {width:auto; margin-left:9px;} ul.resultsList.collapsed li .searchDetails .searchImage {width:11%; margin-right:4px;} ul.resultsList.collapsed li .searchDetails .searchImage img {max-height:35px; max-width:60px;} ul.resultsList.collapsed div.resultSelector {padding-top:24px;} ul.resultsList.collapsed p.lSpec {display:none;} ul.resultsList.collapsed li .searchLinks { display:block; position:relative; bottom:62px; float:right; padding:0; margin:0; height:0; background:none; border:none; color:#111;} ul.resultsList.collapsed li .searchLinks a.grnButton {padding:3px 11px 2px;} ul.resultsList.collapsed span.yourCost {display:none;} ul.resultsList.collapsed li p {margin-bottom:0px;} ul.resultsList.collapsed li .searchDetails .searchInfo p.sDesc {font-size:10px;} /* OLD - Search Results List Collapsed---------------OLD Version------------------------- ul.resultsList.collapse li .searchDetails .searchImage { display:none; } ul.resultsList.collapse li .searchDetails .searchInfo { width:75%; } ul.resultsList.collapse li .searchDetails .searchInfo h3 { margin-left:8px; font-weight:bold; font-size:13px; } ul.resultsList.collapse li .searchDetails .searchInfo h3 a { text-decoration:none; } ul.resultsList.collapse li .searchDetails .searchInfo h3 a:hover { color:#034af3; } ul.resultsList.collapse li .searchDetails .searchInfo .sInfo { display:none; } ul.resultsList.collapse li .searchDetails .searchPrice { width:25%; font-size:12px; } ul.resultsList.collapse li .searchDetails .searchPrice span.bookprice { display:none;} ul.resultsList.collapse li .searchDetails .searchPrice span.smallhint { display:none;} ul.resultsList.collapse li .searchLinks { margin:0 0 5px 8px; text-align:left; font-size:10px; position:relative; } ul.resultsList.collapse li .searchLinks .sCart { position:absolute; right:0; z-index:50; } ul.resultsList.collapse li .searchLinks .lSpec { float:none; } ul.resultsList.collapse li .searchLinks a { color:#555; } ul.resultsList.collapse li .searchLinks a:hover { color:#034af3; } ul.resultsList.collapse li .searchLinks .btn { color:#eee; } ul.resultsList.collapse li .searchLinks .btn:hover { color:#fff; } ul.resultsList.collapse li.alternate { background-color:#eee; }-------------- */ /* Search Results Grid */ ul.resultsList.grid { margin:0 auto; } ul.resultsList.grid li { clear:none; width:232px; border:1px solid #bbb; float:left; display:inline; padding:8px 9px; } ul.resultsList.grid li h3 { font-size:10px; margin:0 !important; padding:0; } ul.resultsList.grid li ul { margin:0; padding:0; } ul.resultsList.grid li ul li { width:auto; border:0; border-bottom:1px dotted #ccc; padding:2px 0; margin:0; float:none; display:block; list-style:none outside none; } ul.resultsList.grid li .searchDetails { height:auto; } ul.resultsList.grid li .searchDetails div.resultSelector {float:none; background:#eee; border:1px solid #ddd; border-radius:4px; width:70px; padding:1px 0 2px 3px; margin-bottom:2px;} ul.resultsList.grid li .searchDetails .searchImage { float:none; width:auto; text-align:center; height:120px; } ul.resultsList.grid li .searchDetails .searchInfo { float:none; width:auto !important; margin:5px 0 0; padding:0; } ul.resultsList.grid li .searchDetails .searchInfo h3 { margin-left:8px; font-size:14px; font-weight:bold; white-space:nowrap; overflow:hidden; } ul.resultsList.grid li .searchDetails .searchInfo h3 a { text-decoration:none; } ul.resultsList.grid li .searchDetails .searchInfo .sDesc { display:none; } ul.resultsList.grid li .searchDetails .searchInfo .sDescList li.sHideInGrid { display:none; } ul.resultsList.grid li .searchDetails .searchInfo .sInfo { margin:0;} ul.resultsList.grid li .searchDetails .searchInfo .sInfo dl {min-height:160px; min-width:230px;} ul.resultsList.grid li .searchDetails .searchPrice { float:none; width:auto; background:#d5d5d5; border:1px solid #ccc; font-size:14px; margin:10px auto; padding:2px 6px; border-radius:5px; -moz-border-radius:5px; } ul.resultsList.grid li .searchDetails .searchPrice span { font-size:11px; vertical-align:top; color:#444; } ul.resultsList.grid li .searchDetails .searchPrice span.bookprice { display:none;} ul.resultsList.grid li .searchDetails .searchPrice span.smallhint { display:none;} ul.resultsList.grid li .searchLinks {background:#e5e5e5;} ul.resultsList.grid li .searchLinks input.txtQtyMain {} ul.resultsList.grid li .searchLinks a.pdf { display:block; text-align:left; } ul.resultsList.grid li .searchLinks .btnOptions { margin:0 auto; padding:0; text-align:center; } ul.resultsList.grid li .searchLinks .btnOptions a { display:inline; } ul.resultsList.grid li .searchLinks .sCart { float:none; text-align:left; display:block; margin:8px 0 0 0; position:relative; padding:0; } ul.resultsList.grid li .searchLinks .sCart a.btnCart { display:inline; margin:0; padding:5px 8px; } ul.resultsList.grid li .searchLinks .lSpec { float:none; display:block; text-align:center; } /* Search Results Grid Collapsed */ ul.resultsList.grid.collapse li:nth-child(even) { background-color:#fff; } ul.resultsList.grid.collapse li .searchDetails { height:auto; } ul.resultsList.grid.collapse li .searchDetails .searchInfo h3 { font-size:13px; } ul.resultsList.grid.collapse li .searchDetails .searchInfo h3 a { color:#034af3; } ul.resultsList.grid.collapse li .searchDetails .searchInfo .sImage { display:none; } ul.resultsList.grid.collapse li .searchDetails .searchPrice span.bookprice { display:none;} ul.resultsList.grid.collapse li .searchDetails .searchPrice span.smallhint { display:none;} ul.resultsList.grid.collapse li .searchLinks .sCart { position:relative; } ul.resultsList.grid.collapse li .searchLinks .sCart .btn { margin:0; } ul.resultsList.grid.collapse li .searchLinks .lSpec { float:none; } /* Search Results Sub Items overrides */ ul.resultsList li.searchSubItem { font-size:9px; } ul.resultsList li.searchSubItem h3 { font-size:13px;} ul.resultsList li.searchSubItem h4 { font-size:11px;} ul.resultsList li.searchSubItem .searchDetails .details { font-size:10px; } ul.resultsList li.searchSubItem .searchDetails .searchImage { text-align:center; padding: 0 0 0 0 } ul.resultsList li.searchSubItem .searchDetails .searchImage a { font-size:8px; text-align:center;} ul.resultsList li.searchSubItem .searchDetails .searchImage img { max-width:25px; max-height:25px; } ul.resultsList li.searchSubItem .searchDetails .searchPrice { font-size:12px;} ul.resultsList li.searchSubItem .searchLinks { font-size:10px;} ul.resultsList li.searchSubItem .searchLinks .btnOptions { font-size:9px; } ul.resultsList li.searchSubItem .searchLinks .lSpec { font-size:9px; float:none; text-align:center; } ul.resultsList li.searchSubItem .btn.medium { padding:2px 4px; font-size:10px; } ul.resultsList li.searchSubItem input.txtQtyMain { width:30px;} ul.resultsList.collapse li.searchSubItem { display: none; } ul.resultsList.grid li.searchSubItem { display: none; } ul.resultsList.grid li.searchSubItem h3 { font-size:8px; } ul.resultsList.grid li.searchSubItem .searchDetails .searchInfo h3 { font-size:12px; } ul.resultsList.grid li.searchSubItem .searchDetails .searchPrice { font-size:12px; } ul.resultsList.grid li.searchSubItem .searchDetails .searchPrice span { font-size:8px; } ul.resultsList.grid li.searchSubItem .btn.medium { padding:2px 4px; font-size:10px; } ul.resultsList.grid.collapse li.searchSubItem { display: none; } /*[21. Item Details] -------------------------------------------------------------------------*/ .itemDetails { margin-bottom:12px; overflow:hidden; } .itemDetails h2 { margin:0; } .itemDetails h2 span.altTitle {font-size:85%; text-shadow:none;} .itemDetails h3 { margin:4px 3px 12px 3px; } .itemDetails h3 { font-weight:bold; font-size:12px; } .itemDetails h3.custom { color:#080; margin:0 0 3px 0; text-align:center; } .itemDetails h3 a { text-decoration:none; } .itemDetails .iheader { overflow:hidden; margin-bottom:20px; } .itemDetails .iheader .iImage { float:left; width:210px; } .itemDetails .iheader .iImage img { cursor:pointer; margin:0 auto; display:block; max-width:200px; max-height:200px; } .itemDetails .iheader .iImage img.dInline {margin:0; display:inline; padding-right:4px;} .itemDetails .iheader .hgroup { margin-left:220px; } .itemDetails .iheader .hgroup p { margin:0; padding:3px 0; } .itemDetails .iheader .hgroup ul.prodAttr { margin:15px 0 4px 0; padding:0; } .itemDetails .iheader .hgroup ul.prodAttr li { display:inline; list-style:none; margin-right:3px; } .itemDetails .iheader .hgroup .iPrice { margin:0 0 12px 0; padding:0; font-size:11px; } .itemDetails .iheader .hgroup .iPrice li { list-style:none; margin:0; padding:0; } .itemDetails .iheader .hgroup .iPrice .current .priceUnit { color:#777; text-decoration:none; margin-bottom:8px; background:#fff; } .itemDetails .iheader .hgroup .iPrice .current .priceValue { color:#c00; font-size:2em; font-weight:bold; margin-bottom:8px; background:#fff; } .itemDetails .iheader .hgroup .iPrice li a { text-decoration:none; color:#777; cursor:pointer; } .itemDetails .iheader .hgroup .iPrice li a:hover { color:#008; } .itemDetails .iheader .sCart { font-size:12px; } .itemDetails .iheader .sCart .btnCart { margin-right:5px; } .itemDetails .tabs li a, .itemDetails .tabContent { border:1px solid #bbb; } .itemDetails .tabs li a.current { background:#fff; border-bottom:0; background:#fff; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#fff)); background-image:-moz-linear-gradient(top, #f3f3f3, #fff); } .itemDetails .tabContent { margin-bottom:20px; } .itemDetails .tabContent .specPDF { margin-bottom:12px; } .itemDetails .tabContent dl.itemSpec { overflow:hidden; margin:8px; color:#555; background:#fff; height:100%; } .itemDetails .tabContent dl.itemSpec dt { clear:both; margin:0 0 4px 0; font-size:12px; } .itemDetails .tabContent dl.itemSpec dd dl { margin:5px 20px 20px 20px; } .itemDetails .tabContent dl.itemSpec dd dl.slimItem {margin:0 20px;} .itemDetails .tabContent dl.itemSpec dd dl dt, dl.itemSpec dd dl dd { margin:0; padding:3px; font-size:12px; position:relative; } .itemDetails .tabContent dl.itemSpec dd dl dt { width:185px; float:left; display:inline; font-weight:normal; z-index:210; } dl.itemSpec dd dl dd.padTop20, dl.itemSpec dd dl dt.padTop20 {padding-top:20px !important;} .itemDetails .tabContent dl.itemSpec dd dl dd { border-bottom:1px dotted #ddd; width:670px; padding-left:200px; background:none; } .itemDetails .tabContent dl.itemSpec dd dl dd:nth-child(1) { border-top:none; } .itemDetails .tabContent dl.itemSpec dd dl dd p { margin-bottom:5px; } .itemDetails .tabContent p { padding:0; margin:0; } .prodAlt { background:#eee; border-top:1px solid #ddd; padding-top:8px; clear:both; position:relative; } .prodAlt h3 { margin:0; padding:0; } .prodAlt ul.altProducts { width:820px; margin:0 auto; padding:0; padding:15px; overflow:hidden; } .prodAlt ul.altProducts li { list-style:none; margin:0; padding:0; display:inline; float:left; } .prodAlt ul.altProducts li.container { width:750px; } .prodAlt ul.altProducts li a.prev, .prodAlt ul.altProducts li a.next { cursor:pointer; display:block; height:32px; width:32px; text-indent:-32766; margin-top:105px; } .prodAlt ul.altProducts li a.prev { float:none; background:url(/Images/icons/32x32/arrow.prev.png) no-repeat; } .prodAlt ul.altProducts li a.next { float:none; background:url(/Images/icons/32x32/arrow.next.png) no-repeat; } .prodAlt ul.altProducts li .navi { background:#ddd; width:200px; margin:0 auto; padding:4px 4px 0 4px; overflow:hidden; border-bottom:0;border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; } .prodAlt ul.altProducts li .navi a { width:8px; height:8px; float:left; margin:3px; background:url(/Images/nav/navigator.png) 0 0 no-repeat; display:block; font-size:1px; } .prodAlt ul.altProducts li .navi a:hover { background-position:0 -8px; } .prodAlt ul.altProducts li .navi a.active { background-position:0 -16px; } .prodAlt ul.altProducts li .horz { background:#e9e9e9; position:relative; overflow:hidden; height:192px; border:1px solid #ddd; margin:0; padding:0; } .prodAlt ul.altProducts li .horz .items { position:absolute; width:20000em; margin:0; padding:0; } .prodAlt ul.altProducts li .horz .items li { text-align:center; background:#fff; list-style:none; border:1px solid #ddd; margin:5px 0 5px 5px; padding:15px; height:150px; width:150px; float:left; } .prodAlt ul.altProducts li .horz .items li:hover { border:1px solid #034af3; } .prodAlt ul.altProducts li .horz .items li img {width:auto; max-width:100px; max-height:100px !important; height: expression(this.width > 100 ? 100: true) !important; } .prodAlt ul.altProducts li .horz .items li h3 { margin:0 0 3px 0; font-size:15px; font-weight:bold; } .prodAlt ul.altProducts li .horz .items li a { border:0; text-decoration:none; } .prodAlt ul.altProducts li .horz .items li p { font-weight:bold; color:#c00; } ul.assembledKit { margin:0; padding:0; overflow:auto; max-height:500px; } ul.assembledKit li { list-style:none; clear:both; margin-top:8px; border-bottom:1px solid #eee; } ul.assembledKit ul { margin-top:3px; } ul.assembledKit ul li { list-style:disc inside none; clear:none; margin-top:0; border:0; } ul.assembledKit li .kitImage { float:left; width:15%; text-align:center; } ul.assembledKit li .kitImage a { font-size:11px; text-decoration:none; border:0; max-width:100px; } ul.assembledKit li .kitImage a img{ max-width:100px; } ul.assembledKit li .kitImage .kitQty { font-size:14px; font-weight:bold; color:#c00; } ul.assembledKit li .kitInfo { padding-left:16%; } ul.assembledKit li .kitInfo h2 { font-size:1.5em; } ul.assembledKit li .kitInfo h2 a { text-decoration:none; color:#555; } ul.assembledKit li .kitInfo h2 a:hover { color:#008; } ul.assembledKit li .kitInfo .kInfo { font-size:12px; } table.productReel { width:100%; margin:0; } table.productReel, table.productReel thead th, table.productReel tbody td { border:0; } table.productReel thead th { text-align:left; background:#aaa; color:#eee; } table.productReel tbody tr:hover td { font-weight:bold; } a.AddToInventory {background:url(/Images/Icons/12x12/star_blank.png) no-repeat; text-decoration:none; padding-left:10px; position:relative; top:0;} div.searchInfo a.AddToInventory {top:3px; padding:0 5px 0 10px;} a.AddToInventoryText {background:url(/Images/Icons/12x12/star_blank.png) no-repeat top left; padding:0 0 0 15px;} a.AddToInventory:hover, a.AddToInventoryText:hover {background:url(/Images/Icons/12x12/star_blank_hover.png) no-repeat;} a.AddToInventory.Added, a.AddToInventoryText.Added {background:url(/Images/Icons/12x12/star_yellow.png) no-repeat;} li#tabCrossReferenced ul li {background:#F4F4F4; list-style:none;padding:6px; margin:0 25px 10px 0; border-bottom:1px solid #ccc; font-size:11px; float:left; width:45%; border-right:1px dotted #ddd; } li#tabCrossReferenced ul li b {color:#000; padding:0 3px;font-size:13px;} li#tabCrossReferenced {margin-bottom:20px; margin-top:10px; list-style:none;} /*[22. Cart and Quick Select] ------------------------------------------------------------------*/ #cart .contentLeft { min-height:484px; margin:8px 245px 12px 0; height:100%;} #cart .contentLeft h2 { height:28px; } #cart .contentRight { width:225px; } #cart .contentRight ul { margin:0; padding:0; } #cart .contentRight ul li { list-style:none; padding:8px; margin-bottom:12px; } #cart .contentRight ul li h3 { border-bottom:1px solid #ccc; } #cart .contentRight ul li ul li { min-height:0; margin:0; padding:0; } #cart ul li.summary { background:#eee; border:1px solid #ccc; margin-top:35px; font-size:12px; border-radius:5px; -moz-border-radius:5px; } #cart ul li.summary table.tSummary { width:100%; border:0; } #cart ul li.summary table.tSummary, #cart ul li.summary table.tSummary td { border:0; } #cart ul li.summary table.tSummary tr.total { border-top:3px double #ccc; } #cart ul li.summary .btn.cart { margin:8px 0 0 0; font-size:14px; } #cart ul li.summary p.secure { font-size:11px; text-align:center; margin:0; padding:0; } #cart ul li.info a{ font-size:11px; } #cart table.tCart { width:100%; border:1px solid #ccc; font-size:11px; } #cart table.tCart thead tr th { color:#ddd; background:#313c79; } #cart table.tCart thead tr th, #cart table.tCart tbody tr td { border:0; } #cart table.tCart tbody tr { background:#fff !important; border-bottom:1px dotted #ccc; } #cart table.tCart tbody tr td { vertical-align:top; text-align:center; padding-top:8px; } #cart table.tCart tbody tr:hover td { background:#eee; } #cart table.tCart tr .small { width:5%; } #cart table.tCart tr .medium { width:55%; } #cart table.tCart tr .cPrice { text-align:right; width:17.5%; } #cart table.tCart tbody tr td p { padding:0; margin:0 0 3px 0; text-align:left; } #cart table.tCart tbody tr td a.small { font-size:10px; display:block; text-decoration:none; } #cart table.tCart tbody th { border:0; background:#ddd; } #cart table.tCart tfoot tr , #cart table.tCart tfoot tr td { border:0; } #cart table.tCart tr.cTotal td { margin:0; padding:0 8px 0 0; } #cart table.tCart .textLeft { text-align:left; } #cart table.tCart .textCenter { text-align:center; } #cart table.tCart table.tSummary { width:100%; margin:0; padding:0; outline:0; border:0; } #cart table.tCart table.tSummary tbody tr td { text-align:left; padding:3px; } #cart table.tCart table.tSummary tbody tr:hover td { background:#ddd; } #cart table.tCart table.tSummary tbody tr td.textRight { text-align:right; } #cart table.tCart table.tSummary tbody tr.total { border-top:3px double #ccc; } #cart table.tCart table.tSummary tbody tr.total td { padding-top:12px; } #cart tr.total { font-weight:bold; } #cart tr.total td { padding:10px; } #cart tr.total td.price { text-align:right; font-size:16px; color:#c00; } #cart ul.listOptions { margin:0 0 10px 0; padding:0; overflow:hidden; position:relative; height:100%; } #cart ul.listOptions li { list-style:none; display:inline; float:left; margin-right:8px; } #cart ul.listOptions li.right { float:right; margin-right:0; } #cart ul.listOptions li a { font-size:9px; font-weight:bold; display:block; padding:1px 10px; border:1px solid #313c79; background:#414e95; color:#ddd; text-decoration:none; border-radius:5px; -moz-border-radius:5px; } #cart ul.listOptions li a:hover { border:1px solid #1c2049; background:#242d5d; color:#fff; } #cart ul.listOptions li a.btn.cart { margin:0; padding:6px; font-size:13px; background:#080; color:#fff; border:1px solid #007400; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#40A640), to(#080)); background-image:-moz-linear-gradient(top, #40A640, #080); } #cart ul.listOptions li a.btn.cart:hover { background:#40A640; } .quoteStatus { text-align:center; height:50px; } .quoteStatus p { padding-top:15px; font-size:12px; font-weight:bold; } .quoteExpired { background:#eee url(/Images/icons/misc/expired.png) no-repeat left center; height:50px; } .rapidBox { overflow:hidden; width:650px; margin:0 0 25px 0; } .rapidBox .options { background:#ddd; } .rapidBox table { float:left; width:300px; margin:10px 0 0; } .rapidBox table.first { margin:10px 20px 5px; border-right:1px solid #ccc; } .rapidBox table td, .rapidBox table th { border:0; padding:3px 2px; } .rapidBox .autoComplete { width:200px; } /* Add to Cart TextBox Warning */ .ToolTipCartItemTextboxError { display:none; text-align:left; background-color:#FF1010; border:3px solid #601010; font-size:11px; font-weight:normal; height:35px; width:195px; margin:0 0 0 5px; padding:5px; color:#000; } input.CartItemTextBoxError { background:#f81010; } .cartBox { background:#e7e9f5; border:1px solid #c2c8e6; padding:10px; margin-bottom:15px; } .cartBox h4 { color:#555; font-weight:bold; margin-bottom:15px; padding-bottom:8px; border-bottom:1px solid #ced3eb; } .cartBox .slim { font-size:12px; } .cartBox .bBottom { border-bottom:1px solid #999 !important; } /*Quick Select*/ .qSelect h3 { font-size:16px; font-weight:bold; } .qSelect li { padding:1px 5px; border:1px solid transparent; } .qSelect li .note { display: none; color:#5665ba;} .qSelect input { color:#666; } .qSelect li .notAvailable, .quickTable .notAvailable, .quickTable:hover .notAvailable { width:40px; display: inline-block; margin:0 5px 0 5px; text-align: center; border:1px solid #ccc; padding: 0 2px 0 2px; border-radius: 5px; -moz-border-radius:5px; } .quickTable td { border: 1px solid #aaa; font-size: 11px; } .quickTable .ColumnHeader, .quickTable .RowHeader { background:#ced3eb; } .quickTable .ColumnTitles, .quickTable .RowTitles { background:#e0e0e0; } .quickTable .ColumnTitles, .quickTable .ColumnHeader, .quickTable .tableInfo, .qSelect .txtQty { text-align: center; } .quickTable .notAvailable { border-color:transparent; } .qSelect ul li .note { font-weight: bold; font-size: 9px; margin-left: 15px; display: inline; } .qSelect .notAvailable, .qSelect ul.legend .notAvailable { background:#fcc; color:#c00; border:1px solid #f99; width:40px; display: inline-block; margin:0 5px 0 5px; text-align: center; padding: 0 2px 0 2px; border-radius: 5px; -moz-border-radius:5px; } .qSelect .qsSpecial, .qSelect .qsSpecial:focus, .qSelect ul.legend .qsSpecial { border:1px solid #080; background:#cfc; } .qSelect .qsTransfer, .qSelect .qsTransfer:focus, .qSelect ul.legend .qsTransfer { border:1px solid #6e7bc4; background:#e7e9f5; } .qSelect .qsCompany, .qSelect .qsCompany:focus, .qSelect ul.legend .qsCompany { border:1px solid #CCAB66; background:#F5ECDE; } li.stockGap {margin-left:65px !important;} #qSelectOptions, .qOptionsBottom {background:#eee; padding-top:10px; border:1px dotted #ddd;} #qSelectOptions.fixed {position: fixed; top: 0; z-index:10; width:960px; border-bottom:2px solid #bbb;} div.options.qtyBorder {border:1px dotted #ddd; border-top:none;} div.options.qtyBorder.bottomQTY {border-top:1px dotted #ddd; padding:10px 0 10px 10px; background:#e9e9e9;} div.sideBorders {border-right:1px dotted #eee; border-left:1px dotted #ddd; padding:20px 0 0 10px;} .qSelect .notAvailable, .qSelect ul.legend .notAvailable { background:#fcc; color:#c00; border:1px solid #f99; width:40px; display: inline-block; margin:0 5px 0 5px; text-align: center; padding: 0 2px 0 2px; border-radius: 5px; -moz-border-radius:5px; } .qSelect .qsSpecial, .qSelect .qsSpecial:focus, .qSelect ul.legend .qsSpecial { border:1px solid #080; background:#cfc; } .qSelect .qsTransfer, .qSelect .qsTransfer:focus, .qSelect ul.legend .qsTransfer { border:1px solid #6e7bc4; background:#e7e9f5; } .qSelect .qsCompany, .qSelect .qsCompany:focus, .qSelect ul.legend .qsCompany { border:1px solid #CCAB66; background:#F5ECDE; } /*[23. Font/Text Classes] ------------------------------------------------------------------*/ .textLeft { text-align:left; } .textCenter { text-align:center; } .textRight { text-align:right; } .textDisabled {text-decoration:line-through !important; color:#999 !important;} .textBold { font-weight:bold !important; } .textItalic { font-style: italic; } .textLarger { font-size:14px; } .textLarge { font-size:13px; } .textMedium { font-size:12px !important; } .textSmall { font-size:11px; } .textSmaller {font-size:10px;} .textSmallest {font-size:9px;} .textCaps { text-transform:uppercase; } .textOrange {color:#EA9B24 !important;} .textBlue {color:#313c79 !important;} .textRed {color:Red !important;} .normal { color:#666; } .hint, .smallhint, .note.spec { color:#080; } .note, .smallhint, .error { font-size:11px; } .smallerhint { font-size:9px; color:#080; } .note.spec { font-style:italic; font-weight:normal; } .error { color:#c00; } .price, .pricePositive { font-size:14px; color:#c00; font-weight:bold; } .price.pos { color:#080; } .price.normal { color:#666; } p.small { margin:0; padding:0; font-size:11px; } p.note, p.error { font-size:11px; margin:0 0 0 2px; padding:0; } img.pic { padding:3px; border:1px solid #ddd; margin:0 15px; -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.1); -moz-box-shadow:2px 2px 4px rgba(0,0,0,.1); box-shadow:2px 2px 4px rgba(0,0,0,.1); } .bgHighlight { background-color:#ff0; } .niceHighlight {padding:5px 8px; background-color:#FEDF98; border:1px solid #ddd; border-radius:3px; color:#444;} .warning { border: 1px solid #c00 !important; background: #fcc !important; } hr.dotted {color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; } a.pendingOrder {background: url(/images/icons/14x14/attention.png) right no-repeat; padding-right:14px;} /*[24. Display Classes] ------------------------------------------------------------------*/ .show { display:block; } .hide { display:none; } .invisible { visibility:hidden; } .visible { visibility:visible; } .zero { height:0; width:0; border:0; display:none; } .left { float:left; } .right { float:right; } .center, .iCenter { margin:0 auto; display:block; } .iCenter { display:inline-block; } .vTop { vertical-align:top; } .vMiddle { vertical-align:middle; } .vBottom { vertical-align:bottom; } .dInline { display:inline; } .dBlock { display:block; } .dIBlock { display:inline-block; } .dNone { display:none; } .w100 { width:100px; } .w200 { width:200px; } .w300 { width:300px; } .w400 { width:400px; } .w500 { width:500px; } .w550 { width:550px; } .w600 { width:600px; } .w700 { width:700px; } .w800 { width:800px; } .w65p { width: 65%; } .w50p { width: 50%; } .w20p { width: 20%; } .mw600 { max-width: 600px; } .h100 {height:100px;} .oHidden { overflow:hidden; } .oAuto {overflow:auto;} .imgResize { width:100%; } .clear { clear:both; } .none { margin:0; padding:0; } ul.none li { list-style:none; } li.noBullet {list-style:none !important;} div.validation-summary-errors ul li {list-style:none;} .border1 {border:1px solid #ccc;} .grayBox {background:#eee; border:1px solid #ccc; padding:10px;} .grayBG {background:#ddd;} .pressed { color:#ddd; padding:20px; background:#111; border:1px solid #080808; border-right:1px solid #222; border-bottom:1px solid #222; -moz-border-radius:5px; border-radius:5px; } a.pdf { background:url(/Images/icons/16x16/pdf.png) no-repeat left center; padding:3px 0 3px 20px; line-height:20px; } a.pdf.block { margin:8px; display:block; border:1px solid #ddd; background-position:400px center; background-color:#008; font-weight:bold; font-size:11px; text-decoration:none; text-align:center; color:#fff; } a.pdf.block:hover { background-color:#1d60ff; } li.pdf { list-style:url(/Images/icons/16x16/pdf.png); margin:3px 0 0 4px; } li.pdf a { line-height:16px; vertical-align:top; } /*[25. Padding & Margins] ------------------------------------------------------------------*/ .pad0{padding:0} .pad5{padding:5px} .pad10{padding:10px} .pad15{padding:15px} .pad20{padding:20px} .padTop0{padding-top:0} .padTop5{padding-top:5px} .padTop10{padding-top:10px} .padTop15{padding-top:15px} .padTop20{padding-top:20px} .padRight0{padding-right:0} .padRight5{padding-right:5px} .padRight10{padding-right:10px} .padRight15{padding-right:15px} .padRight20{padding-right:20px} .padBottom0{padding-bottom:0} .padBottom5{padding-bottom:5px} .padBottom10{padding-bottom:10px} .padBottom15{padding-bottom:15px} .padBottom20{padding-bottom:20px} .padLeft0{padding-left:0} .padLeft5{padding-left:5px} .padLeft10{padding-left:10px} .padLeft15{padding-left:15px} .padLeft20{padding-left:20px} .padRight2 {padding:0 2px 0 0;} .padBottRight, .padBottRight2 {padding:0 2px 2px 0;} .marg0{margin:0} .marg5{margin:5px} .marg10{margin:10px} .marg15{margin:15px} .marg20{margin:20px} .margTop0{margin-top:0} .margTop5{margin-top:5px} .margTop10{margin-top:10px} .margTop15{margin-top:15px} .margTop20{margin-top:20px} .margRight0{margin-right:0} .margRight5{margin-right:5px} .margRight10{margin-right:10px} .margRight15{margin-right:15px} .margRight20{margin-right:20px} .margBottom0{margin-bottom:0} .margBottom5{margin-bottom:5px} .margBottom10{margin-bottom:10px} .margBottom15{margin-bottom:15px} .margBottom20{margin-bottom:20px} .margLeft0{margin-left:0} .margLeft5{margin-left:5px} .margLeft10{margin-left:10px} .margLeft15{margin-left:15px} .margLeft20{margin-left:20px} .margSpacer { margin-bottom: 50px; } .btn.margLeft10 {margin-left:10px;} /*[26. Section Layout] ------------------------------------------------------------------*/ /* THIS SECTION IS LAST TY */ .section { width:960px; margin:0 auto; } .section.main { margin-top:20px; } .section.short { width:750px; } .testBG { background:#f00; border:1px solid #0f0; } /*[27. Included from other files] ------------------------------------------------------------------*/ /* from jquery.gritter.css*/ * html #gritter-notice-wrapper{position:absolute}* html .gritter-top{margin-bottom:-10px}* html .gritter-item{padding-bottom:0}* html .gritter-bottom{margin-bottom:0}* html .gritter-close{background:url(/Images/script/gritter-close-ie6.gif);width:22px;height:22px;top:7px;right:7px}#gritter-notice-wrapper{position:fixed;top:20px;right:20px;width:301px;z-index:9999}.gritter-item-wrapper{position:relative;margin:0 0 10px 0;background:url('.')}.gritter-top{background:url(/Images/script/gritter-long.png) no-repeat left -30px;height:10px}.hover .gritter-top{background-position:right -30px}.gritter-bottom{background:url(/Images/script/gritter-long.png) no-repeat left bottom;height:8px;margin:0}.hover .gritter-bottom{background-position:bottom right}.gritter-item{display:block;background:url(/Images/script/gritter-long.png) no-repeat left -40px;color:#eee;padding:2px 11px 8px 11px;font-size:11px;font-family:verdana}.hover .gritter-item{background-position:right -40px}.gritter-item p{padding:0;margin:0}.gritter-close{position:absolute;top:5px;right:3px;background:url(/Images/script/gritter-long.png) no-repeat left top;cursor:pointer;width:30px;height:30px}.gritter-title{font-size:14px;font-weight:bold;padding:0 0 7px 0;display:block;text-shadow:1px 1px #000}.gritter-image{width:48px;height:48px;float:left}.gritter-with-image,.gritter-without-image{padding:0 0 5px 0}.gritter-with-image{width:220px;float:right}