/******************************* GLOBAL RESET table, tr, th, td {margin: 0; padding: 0; border: 0; text-align: left;} h1, h2, h3, h4, p {margin: 0; padding: 0;line-height:normal;} ul, li {margin: 0; padding: 0; border: 0; line-height:normal; text-align: left; list-style:none;} form {margin: 0; padding: 0; border: 0;} *******************************/ /***** GLOBAL *****/ /* Color Scheme: Black: #000 Light Blue: #2a4a81 Dark Blue: #036 Tan: #fff4d8 Light Gray: #f5f5f5 White: #fff Red: #c00 */ body {font-size:62.5%; font-family: Arial, Verdana, Helvetica, sans-serif; background-color:#c1e1f9;} a, a:visited {color: #0065cc;} a img, :link img, :visited img {border: 0;} a:hover {text-decoration:underline;} .punch {font-weight:bold; color:#2a4a81; font-size:110%;} .rightalign {float:right; margin:5px 0 5px 5px;} .leftalign {float:left; margin:5px 5px 5px 0;} .smalltext {font-size:.9em} .cleardiv {clear:both;} .red {color:#900;} p.headline {font-weight:bold;} img.icon {vertical-align:middle;} /******* #container {margin:0 auto; min-width:960px; overflow:auto;} #container-inner {margin:0 13px; background:#fff; border:solid #fff; border-width:0 2px; overflow:auto;} ***/ #container-table {margin:0 auto; height:110%; width:960px; border:solid #036; background:#fff; border-width:0 1px;} #container-table td.container-td {vertical-align:top; margin:0; padding:0; text-align:left; width:auto !important;} /******* global form fields *******/ .form-field, .form-fieldnumber, .form-fieldzip {height:14px; font-size:.9em; margin-right:2px; border:1px solid #ccc; padding:3px; color:#333; vertical-align:middle;} .form-fieldnumber {width:16px;} .form-fieldzip {width:100px;} .form-drop {font-size:1em; border:1px solid #ccc; padding:3px; vertical-align:middle;} /********* HEADER *********/ /* logo area */ #header {margin:0 15px;} #header h1, #header h2, #header h3, #header h4, #header p {margin: 0; padding: 0;line-height:normal;} #header ul, #header li {margin: 0; padding: 0; border: 0; line-height:normal; text-align: left; list-style:none;} #logo {float:left; margin:5px 5px 0 0; padding-bottom:8px; } #logo h1 {width:260px; height:53px; background:url(/ebm/images/global/logos/logo-top.gif) no-repeat; text-indent:-9999px;overflow:hidden;} #logo h1 a {display:block;height:100%;width:260px;} #logo h2 { font-style:italic; text-align:left; margin-left:18px; color:#036; font-size:1.1em;} #headersupport {width:300px; float:left; color:#2a4a81; margin-left:10px;} #headersupport img {float:right;} #headersupport p {text-align:center; font-size:1.2em; margin-top:12px; font-weight:bold;} #headersupport p strong {color:#cc9900; font-size:1.8em; } #headerlinks {width:110px; float:left; margin-top:15px; font-size:1.1em;} #headerlinks p {text-align:center; margin-bottom:5px;} #headercart {width: 220px; float:right; margin:5px 5px 5px 0; padding:3px 0 5px; font-size:1em;} #headercart p {text-align:center; vertical-align:middle; margin-bottom:3px;} #headercart p.headline {font-size:1.2em; color:#2a4a81; text-align:center; margin:3px 0 0;} #headercart p img {vertical-align:middle; margin:0 3px;} /* tabs */ .tabs {clear:both; width:100%; margin:0;} .tabs ul, .tabs li {margin: 0; padding: 0; border: 0; line-height:normal; text-align: left; list-style:none;} .tabs ul {text-align: center; padding: 3px 0 3px; font-weight: bold; font-style: italic; font-size:1.2em;} .tabs ul li {display: inline; } .tabs ul li a {padding: 5px 1em 5px;background: #bcd5e8 url(/ebm/images/global/bkgds/shim-tab.gif) repeat-x 100% 0; color: #036; text-decoration: none; border: 1px solid #bcd5e8; border-width:1px 1px 0; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .tabs ul li.active a, .tabs ul li.active a:hover, .tabs ul li a:hover {background:url(/ebm/images/global/bkgds/shim-tab-over.gif) repeat-x; border: 1px solid #e5cc7f; border-width:1px 1px 0;} .tabs ul li {margin-right: .15em;} .tabs ul li.last {margin-right: 0;} /* action bar */ .actionbar {clear:left; float:left; display:inline; overflow:hidden; width:98%; margin:0 10px 0 8px; position:relative; background:#0a1346 url(/ebm/images/global/bkgds/shim-actionbar.gif) repeat-x; border:1px solid #036; border-width:0 2px; border-radius:3px; -moz-border-radius:3px;} .actionbar ul, .actionbar li {margin: 0; padding: 0; border: 0; line-height:normal; text-align: left; list-style:none;} .actionbar ul {clear:left; float:left; position:relative; left:50%; text-align:center;} .actionbar ul li {display:block; float:left; position:relative; right:50%;} .actionbar ul li a {display:block; font-size:1.2em; padding:.2em 2em; color:#fc0; text-decoration:none; border:1px solid #333; border-width:0; line-height:1.6em; font-weight:bold;} .actionbar ul li.active a {background:#333; font-weight:bold;} .actionbar ul li a:hover { color:#fff;} /********* MAIN TABLE *********/ /********* LEFT COLUMN *********/ #left {margin: 5px 0 10px 15px; width:145px; clear:both;} #left .form-field {width:90px; font-size:1em;} #left .go-button img {vertical-align:middle; margin-left:2px;} /* Email and Search Box */ #email-left {height: 130px; margin-bottom:0; padding-bottom:5px; background: #fff url(/ebm/images/plugs/plugs/email-signup.gif) no-repeat;} #email-left p {margin: 0; padding: 0;line-height:normal; padding:0 5px; font-size:.9em; margin-top:2px;} #email-left p.go-button {padding-top:90px;} #email-left a {color:#fff;} /* Left sections */ .sections {border:1px solid #ccc; overflow:auto; margin:5px 0; border-radius:5px; -moz-border-radius:5px;} .sections ul, .sections li {margin: 0; padding: 0; border: 0; line-height:normal; text-align: left; list-style:none;} .sections ul {display:block; line-height:13px; background:#fff4d8; } .sections ul li {display:block; font-size:1.1em; background-color:#c1e1f9; font-weight:bold; text-decoration:none; color:#333; padding:0; margin:0;} .sections ul li span {padding: 4px 6px; display:block;} .sections ul ul li {background:none; font-size: 1em; color:#333; padding:2px 4px 4px 6px; } .sections ul ul li a {background:#fff4d8; color:#333; font-weight:normal; text-decoration:none; border-bottom:none; margin-bottom:0;} .sections .lastitem a {border-bottom:none;} .sections ul ul li a:hover {background: #fff4d8; color: #000; text-decoration:underline;} .sections ul ul ul {margin:2px 0 0;} .sections ul ul ul li { padding:0px 4px 2px 16px; } .sections ul ul ul li a {display:inline;} /* Expanded Region */ .sections ul.selected a, #left .sections ul li.selected a {background:#fff;} .sections .selected #current a {background:#fff; color:#000; font-style:italic;} #leftplugs {width:145px;} #leftplugs p.headline {font-size:1.4em;} /********* RIGHT COLUMN *********/ #right {overflow:hidden; display:inline; float:right; margin:5px 15px 10px 0; font-size:1.1em;} #right img {margin-bottom:5px;} #date {margin-bottom:2px; color: #000; margin-bottom:5px; font-weight:bold; text-align:center} #right p {min-width:145px;} /* Right Cart */ .thawte {padding-left:35px;} .plug-testi {width:145px; background:#fff4d8; padding:5px 0; margin-bottom:5px; text-align:center} .plug-testi p {margin:0 8px 3px 8px; line-height:1.4em; text-align:left;} #right .plug-testi p {width:130px; min-width:130px; margin:0 8px 3px 8px; line-height:1.4em; text-align:left;} .plug-testi p.testi-head {font-size:1.3em; line-height: 1.2em; font-weight:bold; text-align:center;} .plug-testi p strong {padding-left:10px; font-weight:normal} .plug-testi p.divider {border-top:1px solid #2a4a81; margin:7px 10px 10px; line-height:0;} /********* FOOTER *********/ #footer {clear:both; padding-top:10px; font-size: 1.1em;} #footer img {margin-bottom:5px;} #footer p {text-align:center; clear:both; margin:15px 0;} #footer p.divider {border-top:1px solid #2a4a81; margin:7px 10px 10px; clear:both;} #footer ul, #footer li {margin: 0; padding: 0; border: 0; line-height:normal; text-align: left; list-style:none;} #footer ul {overflow:auto; width: 400px; margin:10px auto 10px auto; display:block;} #footer li {display:block; float:left; text-align:center} #footer-logos {width:970px; margin:0 auto; border:1px solid #ccc;} #footer .accredited {overflow:auto; margin:10px auto 30px auto; float:left;} #footer .accredited p {font-weight: bold; margin:0;} #footer .accredited ul {margin:0; width:565px;} #footer .endorsed {overflow:auto; margin-top:10px; float:left;} #footer .endorsed p {font-weight: bold; margin:0;} #footer .endorsed ul {margin:0; width:390px;} /******************************* CENTER COLUMN *******************************/ /* CENTER CONTENT */ #content {width:auto; float:left; min-width:600px; margin:0 15px 10px 15px; font-size:1.0em;} /* Center Banner - Rotating */ #slider1 {position: relative; overflow: hidden; width: 600px; height:160px; margin:10px auto;} .sliderwrapper .contentdiv {visibility: hidden; position: absolute; left: 0; top: 0; background: #fff;width: 600px; height: 160px;} #paginate-slider1 {width:auto; overflow:hidden; background: #fff url(/ebm/images/global/bkgds/shim-rotatecontrol.gif) repeat-x 3px 3px; border:1px solid #666; border-radius:3px; -moz-border-radius:3px; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666;} .pagination {overflow:auto; position:absolute; top:125px; left:456px; z-index:100; text-align: center; font-size: 1em;} .pagination a {text-decoration: none; border-right:1px solid #666; padding: 4px 5px; color: #666; display:block; width:10px; float:left; text-align:center; font-weight:bold;} .pagination a.next {border:none;} .pagination a:hover, .pagination a.selected {background: #666; color: #fff;} .pagination a.selected {background: #036; color: #fff;} #breadcrumbs p {margin:10px 0; font-size:.9em;} /* CATEGORY/PRODUCTLINE DISPLAY */ #category-top, #search-top {margin-bottom:10px;} #category-top h1 {margin: 0; padding: 0;line-height:normal; font-size:1.8em; text-align:center} #category-top h2 {margin: 0; padding: 0;line-height:normal; font-size:1.2em; font-style:italic; text-align:center;} #category-top p {margin: 0; padding: 0;line-height:normal; margin:6px 0 0;} /* Category/Cross-Sell thumbnail diplay */ #cat {clear:both; overflow:auto; margin:0 auto;} #cat table, #cat tr, #cat th, #cat td {margin: 0; padding: 0; border: 0; text-align: left;} #cat table {margin:0 auto;} #cat table tr {background:#fff4d8 url(/ebm/images/global/bkgds/shim-cat.gif) repeat-x;} #cat tr.spacerrow {background:none;} #cat td {width:196px; padding:4px 4px 4px 0; vertical-align:top; background:none; text-align:center;} #cat td.firstCol {padding-left:4px;} #cat .catItem {background:#fff; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; } .catItem p {margin: 0; padding: 0;line-height:normal; margin:5px; font-size:.9em; text-align:left;} .catItem p.punch { font-style:italic; margin:0; color:#900; text-align:center;} .catItem p.catName {font-size:1em; font-weight:bold; text-align:center;} .catItem h3 {margin: 0; padding: 0;line-height:normal; font-size:1em; padding: 5px 5px 2px 5px; text-align:center;} .catItem h3 a {color:#369} .catItem h4 {margin: 0; padding: 0;line-height:normal; text-align:center; margin-bottom:10px; font-size:.8em;} .catItem p.catImage {text-align:center; margin:0;} .catItem p.buttons {font-size:10px; text-align:center;} .catItem .buttons img {vertical-align:middle; margin-left:8px} /************ PRODUCT PAGE ************/ #product-table {margin: 0; padding: 0; /*border: 0;*/ text-align: left; width:auto; width:100%; overflow:auto;} #product-table td {margin: 0; padding: 0; border: 0; text-align: left; width:50%; vertical-align:top; font-size:.9em;} #productphotos {width:300px; text-align:center; margin-bottom:10px;} #productphotos #producthero {margin-bottom:10px; text-align:center;} #productphotos p {margin: 0; padding: 0;line-height:normal; text-align:center; margin-bottom:4px;} #productphotos .thumbs1, #productphotos .thumbs2 {float:left; display:inline; text-align:center; font-size:.9em;} #productphotos .thumbs1 {width:90px; margin:5px 5px 10px 5px;} #productphotos p.headline {text-align:center; margin-bottom:4px; color:#c00;} #productphotos p.survey {text-align:left; margin:5px 15px; clear:both;} #productphotos #reviews-block {background: #fcf5e3; padding:2px 0 10px; color:#036; width:300px; margin:0 auto;} #productphotos #reviews-block p {margin-bottom:15px;} #productphotos #reviews-block p span {margin-left:15px;} #productphotos #reviews-block p span a {margin-right:5px; color:#333;} #productphotos #reviews-block p.testi {text-align:left; margin:0 20px; font-style:italic;} #productphotos #reviews-block p.testiname {text-align:right; margin:0 20px 20px;} #productphotos .video-block {width:280px; margin:0 10px;} #productphotos .video-block p {margin:5px 0; font-size:1.4em; font-weight:bold;} #productinfo {margin-left:15px; width:300px} #productinfo table, #productinfo tr, #productinfo th, #productinfo td {margin: 0; padding: 0; border: 0; text-align: left; min-width:0;} #productinfo form {margin: 0; padding: 0; border: 0;} #productinfo h2 {margin: 0; padding: 0;line-height:normal; font-size:1.6em; color:#036;} #productinfo h3 {margin: 0; padding: 0;line-height:normal; font-size:1.2em; margin-bottom:5px; color:#036;} #productinfo h4 {margin: 0; padding: 0;line-height:normal;} #productinfo p {margin: 0; padding: 0;line-height:normal; clear:left; line-height:1.3em; margin-bottom:4px;} #productinfo p.price {font-size:1.2em; font-weight:bold; margin:0 0 5px; text-align:center} #productinfo ul, #productinfo li {margin: 0; padding: 0; border: 0; line-height:normal; text-align: left; list-style:none;} #productinfo ul li {list-style:disc; margin:2px 0 2px 15px;} #productinfo ul ul li {list-style:none; margin-bottom:none;} #productinfo .order-table {width:210px; margin:5px auto 10px;} #productinfo .order-table p {text-align:left;} #productinfo table {width:210px; margin: 0;} #productinfo th, #productinfo td {padding:3px 0px 3px; text-align:center; width:70px;} #productinfo th {} #productinfo input.form-fieldnumber {width:16px;} #productinfo input.form-field {width:40px;} #productinfo .group-discounts { background:#c3e1ff; clear:both; padding:5px; text-align:center;} #productinfo .group-discounts p {text-align:center;} #productinfo .group-discounts p.headline {color:#c00;} /******************************* GLOBAL CENTER BANNERS *******************************/ /* SEO Bottom Box */ #questionbox {clear:left; padding:10px; width:auto; margin:0 auto;} #questionbox span.headline {color:#333; font-size:1.4em; text-align:center;} #questionbox p {margin: 0; padding: 0; line-height:16px; margin-bottom:10px;}