/*====================================================== Screen Style Sheet TW Metals ------------------------------------------------------ Author(s): Mike Rohal @ TopSpot IMS Created: July 22, 2013 ======================================================*/ /* Import Fonts @import url(http://fonts.googleapis.com/css?family=Oswald); Commented out because loading font in */ /* General Classes */ .hidden { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .hide-text {text-indent: -9999px;} .left { float: left; margin: 0 1em 1em 0; } .right { float: right; margin: 0 0 1em 1em; } .clear { clear: both; } .req, .warning, .error { color: #a00; } /* Links */ a {color: #005bb2;} a:link, a:hover, a:visited, a:active {} /* Typography */ h1 { font-size: 24px; line-height: 29px; text-transform: uppercase; color: #004a90; margin: 0 0 13px; } h2 { font-size: 17px; line-height: 20px; color: #424242; text-transform: uppercase; } h2 a {color: #424242;} h3 { font-size: 15px; line-height: 20px; color: #424242; text-transform: uppercase; /* margin-bottom: 0; */ } h4 { font-size: 14px; line-height: 18px; margin-bottom: 0; } big { font-size: 16px; font-weight: bold; font-style: italic; } p {margin: 0 0 1.2em;} .p {margin-bottom: 1.2em;} ul, ol {margin-bottom: 15px;} h1 a, h2 a, h3 a, h4 a {color: #005bb2;} hr {border-color: #DDD;} /* *********** Responsive Elements */ .tablet-only, .tablet-phone, .phone-only, .phone-only-inline {display:none !important;} /* ****************************************** Content Elements */ .blue {color: #004a90} .border {border: #666 solid 1px;} a.rfq-btn { display: block; border: 1px solid #687b48; -webkit-box-shadow: inset 0px 0px 1px 1px #c0d28a; box-shadow: inset 0px 0px 1px 1px #c0d28a; background: #95bd42; text-shadow: 0px -1px 0px #576d30; color: #FFF; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 400; /* letter-spacing: 1px; */ text-transform: uppercase; border-radius: 6px; -webkit-border-radius: 6px; padding: 11px 40px 11px 0; font-size: 20px; position: relative; text-align: center; /* Old browsers */ background: -moz-linear-gradient(top, #95bd42 0%, #678239 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95bd42), color-stop(100%, #678239)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #95bd42 0%, #678239 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #95bd42 0%, #678239 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #95bd42 0%, #678239 100%); /* IE10+ */ background: linear-gradient(to bottom, #95bd42 0%, #678239 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ } a.rfq-btn span { position: absolute; right: 6px; top: 8px; display: inline-block; zoom: 1; *display: inline; width: 34px; height: 23px; background: url(/images/template/rfq-btn-arrow.png); } a.rfq-btn:hover { text-decoration: none; background: #678239; /* Old browsers */ background: -moz-linear-gradient(top, #678239 0%, #95bd42 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #678239), color-stop(100%, #95bd42)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #678239 0%, #95bd42 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #678239 0%, #95bd42 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #678239 0%, #95bd42 100%); /* IE10+ */ background: linear-gradient(to bottom, #678239 0%, #95bd42 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ } #sidebar-right a.rfq-btn, #sidebar-right a.red-btn { margin-bottom: 15px; } /* Bigger */ a.rfq-btn.big { font-size: 24px; padding: 23px 117px 23px 35px; } a.rfq-btn.big span { top: 13px; right: 36px; width: 56px; height: 38px; background: url(/images/template/rfq-btn-arrow-big.png); } a.rfq-btn.medium { font-size: 24px; padding: 18px 117px 18px 35px; } a.rfq-btn.medium span { top: 10px; right: 36px; width: 56px; height: 38px; background: url(/images/template/rfq-btn-arrow-big.png); } #page-1 a.rfq-btn, #page-1 a.red-btn {margin: 0 0 10px;} #page-1 a.red-btn {font-size: 22px;} /* Buy Now Button - Red */ a.red-btn { display: block; color: #FFF; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 400; text-shadow: 0px -1px 0px #971c1c; -webkit-box-shadow: inset 0px 0px 1px 1px #f66f6f; box-shadow: inset 0px 0px 1px 1px #f66f6f; /* letter-spacing: 1px; */ text-transform: uppercase; border-radius: 6px; -webkit-border-radius: 6px; padding: 8px 0; font-size: 20px; line-height: 23px; position: relative; text-align: center; border: 1px solid #680606; background: #e24141; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyNDE0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjFhMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e24141 0%, #b21a1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e24141), color-stop(100%,#b21a1a)); background: -webkit-linear-gradient(top, #e24141 0%,#b21a1a 100%); background: -o-linear-gradient(top, #e24141 0%,#b21a1a 100%); background: -ms-linear-gradient(top, #e24141 0%,#b21a1a 100%); background: linear-gradient(to bottom, #e24141 0%,#b21a1a 100%); /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24141', endColorstr='#b21a1a',GradientType=0 ); */ } a.red-btn:hover { text-decoration: none; background: #b21a1a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyNDE0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjFhMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b21a1a 0%, #e24141 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b21a1a), color-stop(100%,#e24141)); background: -webkit-linear-gradient(top, #b21a1a 0%,#e24141 100%); background: -o-linear-gradient(top, #b21a1a 0%,#e24141 100%); background: -ms-linear-gradient(top, #b21a1a 0%,#e24141 100%); background: linear-gradient(to bottom, #b21a1a 0%,#e24141 100%); /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21a1a', endColorstr='#e24141',GradientType=0 ); */ } /* Calculators Button */ a.calculators-btn { display: block; border: 1px solid #ba8e34; -webkit-box-shadow: inset 0px 0px 1px 1px #e3c763; box-shadow: inset 0px 0px 1px 1px #e3c763; background: #af6b24; text-shadow: 0px 0px 3px #ad4416; color: #FFF; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 400; /* letter-spacing: 1px; */ text-transform: uppercase; border-radius: 6px; -webkit-border-radius: 6px; padding: 11px 0 6px; font-size: 20px; position: relative; text-align: center; /* Old browsers */ background: -moz-linear-gradient(top, #c0812b 0%, #99501b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0812b), color-stop(100%, #99501b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c0812b 0%, #99501b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c0812b 0%, #99501b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c0812b 0%, #99501b 100%); /* IE10+ */ background: linear-gradient(to bottom, #c0812b 0%, #99501b 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ } a.calculators-btn img { position: relative; top: -3px; margin: 0 10px; } a.calculators-btn:hover { text-decoration: none; background: #af6b24; /* Old browsers */ background: -moz-linear-gradient(top, #99501b 0%, #c0812b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99501b), color-stop(100%, #c0812b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #99501b 0%, #c0812b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #99501b 0%, #c0812b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #99501b 0%, #c0812b 100%); /* IE10+ */ background: linear-gradient(to bottom, #99501b 0%, #c0812b 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ } /* Content CTA */ a.content-cta { display: block; clear: both; color: #FFF; border: 1px solid #687b48; -webkit-box-shadow: inset 0px 0px 1px 1px #c0d28a; box-shadow: inset 0px 0px 1px 1px #c0d28a; background: #95bd42; border-radius: 6px; -webkit-border-radius: 6px; text-align: center; font-size: 14px; font-weight: bold; padding: 12px 0; margin: 20px 0 15px; /* Old browsers */ background: -moz-linear-gradient(top, #95bd42 0%, #678239 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95bd42), color-stop(100%, #678239)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #95bd42 0%, #678239 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #95bd42 0%, #678239 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #95bd42 0%, #678239 100%); /* IE10+ */ background: linear-gradient(to bottom, #95bd42 0%, #678239 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ } a.content-cta strong { text-transform: uppercase; } a.content-cta:hover { text-decoration: none; background: #678239; /* Old browsers */ background: -moz-linear-gradient(top, #678239 0%, #95bd42 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #678239), color-stop(100%, #95bd42)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #678239 0%, #95bd42 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #678239 0%, #95bd42 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #678239 0%, #95bd42 100%); /* IE10+ */ background: linear-gradient(to bottom, #678239 0%, #95bd42 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ } /* *********** Forms */ textarea, input[type="text"], input[type="email"], input[type="tel"], select, .uneditable-input { font-size: 13px/* 11px */; color: #666; padding: 3px 9px; border: #BBB solid 1px; background: #fffde6; border-radius: 5px; -webkit-border-radius: 5px; } textarea.error, input[type="text"].error, input[type="email"].error, input[type="tel"].error, .uneditable-input.error { color: #a00; } textarea { resize: none !important; } .label { background: none; color: #666; display: none; } .ie label.label {display: block;} .fileupload { margin-bottom: 0; } .fileupload .uneditable-input { width: 120px; } .fileupload-preview { font-size: 11px; color: #a1a1a1; } .field-group {float: left; margin-right: 15px;} .field-group.last {margin-right: 0;} /* .placeholder{color:#999}.placeholderFocus{color:#444} */ /* Content Forms */ #content form h4 { text-align: center; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 400; /* letter-spacing: 1px; */ font-size: 24px; /* font-weight: 700; */ color: #FFF; padding: 10px 0; background: #004a90; margin: 0; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; text-transform: uppercase; } #content form p.disclaimer { text-align: center; color: #666; font-size: 11px; font-weight: bold; } #content form fieldset { border: 1px solid #bbbbbb; border-top: none; background: #e5e5e5; padding: 8px 15px; -webkit-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; } #content form input[type="submit"], #content form input[type="reset"], #content form input[type="button"], #content button { /* display: block; */ display: inline-block; zoom: 1; *display:inline; background: #004a90 url(/images/template/double-arrow-right-white2.png) right no-repeat; color: #FFF; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 400; /* letter-spacing: 1px; */ font-size: 17px; padding: 3px 38px 3px 8px; text-align: center; border: none; text-transform: uppercase; border-radius: 5px; -webkit-border-radius: 5px; } #content form input[type="submit"]:hover, #content form input[type="button"]:hover { background: #678239 url(/images/template/double-arrow-right-white2.png) right no-repeat; } #content form input[type="reset"] { background: #004a90; padding: 3px 8px; margin-left: 5px; } #content form input[type="reset"]:hover { background: #678239 } /* Quick Contact Form */ form#quickContact .field-group {margin: 0;} #content form#quickContact textarea, #content form#quickContact input[type="text"], #content form#quickContact input[type="email"], #content form#quickContact input[type="tel"], #content form#quickContact .uneditable-input { width: 178px; } #content form#quickContact select {width: 197px;} #content form#quickContact .fileupload .uneditable-input { width: 92px; } #content form#quickContact input[type="submit"] { float: right; } /* Recaptcha Code */ form#quickContact #recaptcha_image {width: 198px !important;} /* Main Contact Form */ form#contact .field-group {margin: 0;} #content form#contact { width: 234px; float: left; } #content form#contact textarea, #content form#contact input[type="text"], #content form#contact input[type="email"], #content form#contact input[type="tel"], #content form#contact .uneditable-input { width: 181px; } #content form#contact select {width: 200px;} #content form#contact .fileupload .uneditable-input { width: 92px; } #content form#contact input[type="submit"] { margin: 0 auto; padding: 3px 60px 3px 15px; } /* RFQ Form */ #content form#rfq {width: 740px;} #content form#rfq select {width: 225px;} #content form#rfq textarea {width: 687px;} /* Recaptcha Code */ form#contact #recaptcha_image {width: 202px !important;} /* Calculator Tables */ #calculators table { margin: 0 auto; border: none; } /* Calculator Forms */ .calcbody > select{ width: 70px; } select.wide-select{ width: 226px; } .calcbody select {padding: 4px 6px;} input[readonly]{ border:0px solid white; text-shadow: none; box-shadow: none; margin-bottom: 0px; background: #FFF; font-size: 13px; } #main-content form .disclaimer {padding: 10px 0; font-size: 12px;} #main-content form input[type="button"] {margin-bottom: 10px;} .half-2col {width: 300px;} .input-column {width: 240px;} /* *********** Bootstrap Scaffolding */ .row {margin-left: -20px;} [class*="span"] {float:left; margin-left: 20px;} /* 2 Column */ .col-two .span1 {width: 121px;} .col-two .span2 {width: 246px;} .col-two .span3 {width: 373px;} .col-two .span4 {width: 504px;} .col-two .span5 {width: 635px;} .col-two .span6 {width: 766px;} /* 3 Column */ .col-three .span1 {width: 65px;} .col-three .span2 {width: 160px;} .col-three .span3 {width: 255px;} .col-three .span4 {width: 350px;} .col-three .span5 {width: 445px;} .col-three .span6 {width: 540px;} /* *********** Tables */ .table caption { text-align: left; color: #FFF; padding: 8px; font-size: 16px; line-height: 22px; font-weight: bold; border: #00236f solid 1px; background: #0064b7; /* Old browsers */ background: -moz-linear-gradient(top, #0064b7 0%, #00316a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0064b7), color-stop(100%,#00316a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0064b7 0%,#00316a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0064b7 0%,#00316a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0064b7 0%,#00316a 100%); /* IE10+ */ background: linear-gradient(to bottom, #0064b7 0%,#00316a 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064b7', endColorstr='#00316a',GradientType=0 ); IE6-9 */ } .table thead { border: #717171 solid 1px; background: #717171; color: #FFF; font-size: 15px; font-weight: bold; } .table tbody { border: #BBB solid 1px; font-size: 15px; color: #444; background: #F3F3F3; } #table-caption {margin-bottom: 0;} /* .table tbody tr {border-top: 1px solid #E7E7E7;} .table th, .table td {border-bottom: 1px solid #FFF;} */ /* ****************************************** Layout */ body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #636363; background: #004b91; overflow-x: hidden; } #body-wrap { border-top: #004a90 solid 6px; background: #e6e6e6 url(/images/template/bg-tile.png) top repeat-x; position: relative; /* min-width: 1080px; */ } #body-highlight { width: 100% background: url(/images/template/bg-radial.png) top center no-repeat; } .site-container { width: 1060px; padding: 0 10px; margin: 0 auto; } #content { background: #FFF; padding: 12px 18px 18px; } /* Home page */ #page-1 #content { background: none; padding: 0 0 15px; } /* Multi-Columns */ .col-two #main-content { float: left; width: 770px; } .col-three #main-content { float: left; width: 550px; } .col-two-lside #main-content { float: left; width: 800px; } /* Hide right sidebar on SPECS page */ #page-195 #sidebar-right {display: none;} #page-195 .col-three #main-content {width: 800px;} /* ***************************************** Header */ #header { position: relative; } #header #logo { display: block; float: left; width: 349px; } #header #header-links-right { color: #525252; font-size: 11px; font-weight: bold; position: absolute; top: 4px; right: 0; text-align: right; text-transform: uppercase; } #header #header-links-right a { display: block; float: right; clear: both; } #header #live-chat-link { padding: 0 0 1px 25px; background: url(/images/template/icon-chat.png) left 1px no-repeat; } #header #translate-this { position: absolute; left: 0; top: 4px; } #header #live-chat-link:hover { color: #004a90; background: url(/images/template/icon-chat.png) left -49px no-repeat; } #header #header-links-right .cart-link { clear: none; margin-right: 12px; /* position: absolute; top: 4px; left: 193px; font-size: 11px; font-weight: bold; */ } /* #header .cart-link:hover {text-decoration: none;} */ #header #header-links-right .cart-link [class^="icon-"], #header .cart-link [class*=" icon-"] { margin-top: -1px; } #header #telephone { display: block; float: right; clear: right; margin: 34px 0 0; font-size: 26px; font-weight: bold; color: #000; } #header #telephone a {color: #000;} #header #telephone a:hover {text-decoration: none;} /* Site Search Bar */ form.simpleSearchForm {position: relative;} form.simpleSearchForm { float: right; clear: right; margin: 14px 0; } form.simpleSearchForm input { margin: 0; border: none; } form.simpleSearchForm input#simpleSearch_input, form.simpleSearchForm input#m_simpleSearch_input { background: #004a90; border-radius: 15px; -webkit-border-radius: 15px; padding: 5px 34px 5px 13px; font-size: 11px; font-weight: bold; color: #FFF; font-style: italic; } #header form.simpleSearchForm input#simpleSearch_input { width: 245px; } form.simpleSearchForm input#simpleSearch_input:hover, form.simpleSearchForm input#simpleSearch_input:focus, form.simpleSearchForm input#m_simpleSearch_input:hover, form.simpleSearchForm input#m_simpleSearch_input:focus { background: #c0cfdd; color: #343434; } form.simpleSearchForm input#simpleSearch_submit, form.simpleSearchForm input#m_simpleSearch_submit { position: absolute; display: block; padding: 0; margin: 0; top: 0; right: 0; width: 34px; height: 30px; background: url(/images/template/search-btn-bg.png) no-repeat center center; } /* Global Navigation */ ul#global-nav { text-align: center; font-size: 0; margin: -1px 0 7px; } ul#global-nav li { background: #004a90; display: inline-block; zoom: 1; *display: inline; padding: 0 6px 0 0; /* margin-top: -4px; */ position: relative; top: -10px; } ul#global-nav li.cap-left, ul#global-nav li.cap-right { padding: 0; margin: 0; top: 0; width: 18px; height: 20px; } ul#global-nav li.cap-left { background: url(/images/template/global-nav-caps.png) right; } ul#global-nav li.cap-right { background: url(/images/template/global-nav-caps.png) left; } ul#global-nav li a { font-size: 13px; color: #FFF; /* font-weight: bold; */ border-right: 1px solid #FFF; padding-right: 6px; text-decoration: none; } ul#global-nav li a:hover { text-decoration: underline; } /*ul#global-nav li#glb-link-201 { padding-right: 0; } ul#global-nav li#glb-link-201 a { padding-right: 0; border: none; }*/ /* Hidden items ul#global-nav li#glb-link-186, ul#global-nav li#glb-link-187, ul#global-nav li#glb-link-204 { display: none; } */ /* Primary Navigation */ ul#primary-nav { clear: both; float: none; margin: 14px 0 0; background: #ffffff; border-bottom: #ECECEC solid 1px; border-radius: 9px; -webkit-border-radius: 9px; -webkit-box-shadow: 0px 1px 1px 1px #b1b1b1; box-shadow: 0px 1px 1px 1px #b1b1b1; padding-left: 6px; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ } ul#primary-nav > li { display: block; position: relative; float: left; margin: 0 0 -5px; padding: 3px 4px; border-radius: 5px; -webkit-border-radius: 5px; background: url(/images/template/primary-nav-divider.png) right 10px no-repeat; } ul#primary-nav > li a { display: block; text-decoration: none; font-weight: bold; } ul#primary-nav > li > a { padding: 7px 10px; font-size: 12px; text-transform: uppercase; color: #393939; text-shadow: 1px 1px 0px #FFFFFF; } ul#primary-nav > li > a:hover { text-decoration: none; } ul#primary-nav > li.hover, ul#primary-nav > li:hover, ul#primary-nav > li.active { border-bottom: 3px solid #00346e; padding-bottom: 0; } ul#primary-nav > li.hover > a, ul#primary-nav > li:hover > a, ul#primary-nav > li.active > a { color: #FFF; background: #0063b6; /* Old browsers */ background: -moz-linear-gradient(top, #0063b6 0%, #00346e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0063b6), color-stop(100%, #00346e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0063b6 0%, #00346e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0063b6 0%, #00346e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0063b6 0%, #00346e 100%); /* IE10+ */ background: linear-gradient(to bottom, #0063b6 0%, #00346e 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ text-decoration: none; text-shadow: 1px 1px 0px #0063b6; } ul#primary-nav > li.hover.parent { border-bottom: none; } ul#primary-nav > li.hover.parent#prime-link-204, ul#primary-nav > li.hover.parent#prime-link-202 { border-bottom: 3px solid #00346e; } ul#primary-nav > li ul { position: absolute; z-index: 999; top: 37px; display: none; width: 220px; padding: 5px 0; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; overflow: hidden; border: 1px solid #0d306d; background: #00346e; /* Old browsers */ background: -moz-linear-gradient(top, #00346e 0%, #113a82 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00346e), color-stop(100%, #113a82)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00346e 0%, #113a82 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00346e 0%, #113a82 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00346e 0%, #113a82 100%); /* IE10+ */ background: linear-gradient(to bottom, #00346e 0%, #113a82 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ } ul#primary-nav > li ul li { border-top: #113A82 solid 1px; border-bottom: #17499C solid 1px; } ul#primary-nav > li ul li.first { border-top: none; } ul#primary-nav > li ul li.last { border-bottom: none; } ul#primary-nav > li ul li a { padding: 6px 12px; color: #FFF; font-size: 13px; } ul#primary-nav > li ul li a:hover { color: #004a90; background: #FFF; } /* Mobile Menu Button */ a#mobile-menu-btn { position: absolute; right: 16px; top: 18px; display: block; width: 39px; height: 29px; padding: 7px; border: #FFF solid 1px; -webkit-box-shadow: 0px 1px 2px 0px #dcdcdc; box-shadow: 0px 1px 2px 0px #dcdcdc; -webkit-border-radius: 8px; border-radius: 8px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); IE6-9 */ } a#mobile-menu-btn span { display: block; width: 39px; height: 29px; background: url(/images/template/mobile-menu-btn.png) left; } a#mobile-menu-btn.active span, a#mobile-menu-btn:hover span { background: url(/images/template/mobile-menu-btn.png) right; } /* Mobile Nav */ #mobile-nav { position: absolute; /* Width adds to 240px; */ width: 210px; right: 0; top: 0; background: #004b91; padding: 0 15px; display: none; } #mobile-nav ul { float: none; clear: both; } #mobile-nav ul li { border-bottom: 1px solid #0071c8; border-top: 1px solid #00285d; padding: 7px 0; } #mobile-nav ul li.first {border-top: none;} #mobile-nav ul li.last {border-bottom: none;} #mobile-nav ul li.mbl-link a { display: block; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; } /* Mobile Search Bar */ #mobile-nav form.simpleSearchForm input#m_simpleSearch_input { width: 145px; } #mobile-nav form.simpleSearchForm input#m_simpleSearch_input, #mobile-nav form.simpleSearchForm input#m_simpleSearch_input:hover, #mobile-nav form.simpleSearchForm input#m_simpleSearch_input:focus { background: #FFF; color: #004b91; } #mobile-nav form.simpleSearchForm input#m_simpleSearch_submit { background: url(/images/template/search-btn-bg-big-blue.png) no-repeat center center; } /* ***************************************** Breadcrumbs & SM Toolbar */ #bread-social { margin: 0 0 9px; } /* Breadcrumbs */ ul.B_crumbBox { list-style: none; margin: 0; float: left; max-width: 780px; } ul.B_crumbBox li { font-size: 11px; font-weight: bold; text-transform: uppercase; display: inline; } ul.B_crumbBox li a { color: #666; } ul.B_crumbBox li.B_currentCrumb, ul.B_crumbBox li.B_lastCrumb a { color: #0d306d; } /* Social Media Toolbar */ #emailSocialButtonForm fieldset { margin: 0 0 16px; border: 1px solid #000; padding: 8px; } #emailSocialButtonForm legend, #tafForm label { display: block; font-weight: bold; color: #333; } #emailSocialButtonForm input[type=text], #tafForm textarea[type=text], #tafForm select { border: 1px solid #999; padding: 3px; margin: 3px 0; } #emailSocialButtonForm textarea { font: arial; } #socialBar { list-style: none; margin: 0; padding: 0; } #socialBar li { padding: 0; margin: 0; float: left; width: 16px; margin-right: 2px; } #socialBar li a { display: block; background-image: url(/images/template/socialtoolbar.png); background-repeat: no-repeat; height: 16px; } #socialBar li a.emailButton { background-position: 0px 0px; } #socialBar li a:hover.emailButton { background-position: 0px -16px; } #socialBar li a.printButton { background-position: -19px 0px; } #socialBar li a:hover.printButton { background-position: -19px -16px; } #socialBar li a.twitterButton { background-position: -38px 0px; } #socialBar li a:hover.twitterButton { background-position: -38px -16px; } .socialLineOne { margin: 2px -31px 0 0; float: left; width: 130px; } #fb-btn-container { float: right; } .social-bar-container { margin: 0; padding: 0; overflow: hidden; float: right; } /* ****************************************** Sidebar - Right */ #sidebar-right { width: 230px; float: right; margin-top: 20px 0 15px; } /* Downloads Box */ .docs-box { border: #BBB solid 1px; -webkit-border-radius: 6px; border-radius: 6px; background: #F3F3F3; padding: 5px; margin: 20px 0; } .docs-box h4 { text-align: center; padding: 3px 0 7px; border-bottom: #c2c2c2 solid 1px; margin: 0 0 13px; font-size: 16px; font-weight: bold; text-transform: uppercase; } .docs-box h4 a {text-decoration: none;color: #444;} .docs-box a.doc { display: block; color: #004a90; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 5px 0 5px 19px; } .docs-box a.doc:before {content: '+ '} .docs-box a.doc span {display: none;} /* SPECS Page Document List */ #main-content a.doc { display: block; padding: 3px 0; font-size: 16px; } #main-content a.doc span[class^="icon-"], #main-content a.doc span[class*=" icon-"] {margin-top: 2px;} /* V2 */ #main-content p.doc {margin-bottom: 6px;} #main-content p.doc a {font-size: 16px;} #main-content h2 span[class^="icon-"], #main-content h2 span[class*=" icon-"] {margin-top: 4px;} /* ****************************************** Sidebar - Left */ #sidebar-left { float: left; margin: 0 20px 15px 0; width: 200px; } /* Secondary Navigation */ .secondary-nav { border: 1px solid #bbbbbb; background: #e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; position: relative; /* overflow: hidden; */ margin-bottom: 10px; } .secondary-nav h2 { margin: 0; border-bottom: #FFF solid 1px; } .secondary-nav h2 a { display: block; padding: 10px; color: #004a90; text-decoration: none; font-size: 20px; font-weight: bold; text-transform: uppercase; position: relative; } .secondary-nav h2 a:hover { text-decoration: none; } .secondary-nav h2 a span { display: none; position: absolute; width: 20px; height: 18px; top: 11px; right: 17px; background: url(/images/template/double-arrow-down-up-blue.png) top; } .secondary-nav h2 a.active span { background: url(/images/template/double-arrow-down-up-blue.png) bottom; } .secondary-nav > ul { padding-bottom: 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .secondary-nav > ul > li.last ul { border-bottom: 1px solid #BBBBBB; } .secondary-nav > ul > li.last ul ul { border: none; } .secondary-nav ul { margin: 0; list-style: none; } .secondary-nav ul > li a { display: block; padding: 7px 15px; font-size: 15px; font-weight: bold; color: #444; text-decoration: none; } .secondary-nav ul > li > a { border-top: #BBB solid 1px; border-bottom: #FFF solid 1px; } .secondary-nav ul > li.last > a { border-bottom: none; } .secondary-nav ul > li.active.parent > a /* ,.secondary-nav > ul > li.last a */ { border-bottom: #BBB solid 1px; } .secondary-nav ul > li > a:hover, .secondary-nav ul > li.active > a { background: #FFF; } .secondary-nav ul > li > ul { background: #FFF url(/images/template/secondary-nav-sub-bg-top.png) top no-repeat; background-size: 100% 5px; margin: 0 -1px; } .secondary-nav ul > li > ul > li.active > a, .secondary-nav ul > li > ul > li a:hover { border: none; background: #004a90; color: #FFF; } /* .secondary-nav ul > li > ul > li.first, .secondary-nav ul > li > ul > li:first-child { background: url(/images/template/secondary-nav-sub-bg-top.png) top no-repeat; background-size: 100% 5px; } */ /* .secondary-nav ul > li > ul > li.last, */ .secondary-nav ul > li > ul > li:last-child { background: url(/images/template/secondary-nav-sub-bg-bottom.png) bottom no-repeat; background-size: 100% 5px; } .secondary-nav ul > li > ul li { border: none; padding: 0 15px; /* &.last a {-webkit-border-radius: 0; border-radius: 0;} */ } .secondary-nav ul > li > ul li a { border: none; background: #ccdbe9; font-size: 13px; font-weight: normal; padding: 5px 19px; } .secondary-nav ul > li > ul li ul { margin: 0; background: #ccdbe9; } .secondary-nav ul > li > ul li ul li.first, .secondary-nav ul > li > ul li ul li.last { background: none; border: none; } .secondary-nav ul > li > ul li ul li { padding: 0; } .secondary-nav ul > li > ul li ul a { padding-left: 36px; padding-right: 10px; color: #004a90; } .secondary-nav ul > li > ul li ul li.active a { color: #004a90; background: #ccdbe9; font-weight: bold; } .secondary-nav ul > li > ul li ul li.active a:after { content: ' \00BB'; font-size: 20px; float: right; } /* ****************************************** Footer */ #footer { clear: both; border-top: #4f4f4f solid 1px; background: #828282; /* Old browsers */ background: -moz-linear-gradient(top, #828282 0%, #464646 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #828282), color-stop(100%, #464646)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #828282 0%, #464646 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #828282 0%, #464646 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #828282 0%, #464646 100%); /* IE10+ */ background: linear-gradient(to bottom, #828282 0%, #464646 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', bottomColorstr='@bottom-color', GradientType=0); IE6-9 */ color: #FFF; font-size: 13px; } #footer a { color: #e7e7e7; } #footer a:hover { color: #2b2b2b; text-decoration: none; } #footer #footer-wrap { background: url(/images/template/bg-noise.png); padding: 18px 0 15px; -webkit-box-shadow: inset 0px 8px 12px 0px #5d5d5d; box-shadow: inset 0px 8px 12px 0px #5d5d5d; } #footer #footer-wrap .foot-block { float: left; margin-right: 15px; width: 190px; } #footer #footer-wrap .foot-block #foot-logo { width: 146px; } #footer #footer-wrap .foot-block.wide { width: 215px; } #footer #footer-wrap > .left {width: 134px;} #footer #footer-wrap .foot-title { display: block; text-transform: uppercase; font-weight: bold; } #footer .foot-divider { height: 2px; margin: 0 0 10px; background: url(/images/template/divider-horz-tile-x.png) top repeat-x; width: 100% } #footer .twitter-block { float: right; width: 262px; } #footer #foot-utility { text-align: center; margin-top: 20px; margin-bottom: 5px; } #footer #foot-utility ul, #footer #foot-utility li { display: inline; } #footer #foot-utility li:after { content: ' |'; } #footer #foot-utility .footer-utility-2 li.last:after { content: ''; } #footer #foot-utility a { display: inline-block; zoom: 1; *display: inline; font-weight: bold; } #footer #foot-bottom a:hover { text-decoration: underline; color: #FFF; } #footer #foot-bottom-lower { text-align: center; text-transform: uppercase; font-size: 11px; position: relative; } #footer #foot-bottom-lower #credits { position: absolute; right: 0; top: 0; } #footer ul.unstyled { margin-bottom: 0; } #footer ul.unstyled a { display: block; } p.sm-btns {text-align: center; margin-bottom: 0;} p.sm-btns a { display: inline-block; zoom: 1; *display: inline; width: 30px; height: 30px; /* margin-right: 2px; */ line-height: 18px; background-image: url(/images/template/sm-icons.png); } p.sm-btns a#twitter-btn { background-position: 0 0; } p.sm-btns a#twitter-btn:hover { background-position: -30px 0; } p.sm-btns a#facebook-btn { background-position: 0 -30px; } p.sm-btns a#facebook-btn:hover { background-position: -30px -30px; } p.sm-btns a#youtube-btn { background-position: 0 -60px; } p.sm-btns a#youtube-btn:hover { background-position: -30px -60px; } /* Twitter Feed */ .twitter-cloud { position: relative; padding: 11px; -webkit-border-radius: 8px; border-radius: 8px; background: url(/images/template/twitter-cloud-bg2.png); font-size: 11px; line-height: 18px; color: #323232; font-weight: bold; text-transform: uppercase; -webkit-box-shadow: 0px -2px 1px 1px #1f1f1f; box-shadow: 0px -2px 1px 1px #1f1f1f; margin-bottom: 20px; } #footer .twitter-cloud a {color: #555;} #footer .twitter-cloud a:hover {color: #FFF; text-decoration: none;} .cloud-pointer { position: absolute; left: 17px; bottom: -13px; display: block; width: 22px; height: 13px; background: url(/images/template/twitter-cloud-pointer2.png); } a#twitter-follow-link { display: block; padding: 3px 0 5px 49px; background: url(/images/template/icon-twitter-bird.png) no-repeat 17px 5px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; } a#twitter-follow-link:hover { color: #0DCCFB; text-decoration: none; background: url(/images/template/icon-twitter-bird.png) 17px -47px no-repeat; } /* ***************************************** Buckets */ /* v1 - with images */ #buckets { margin: 25px 0 0 -10px; } a.bucket { display: block; float: left; margin: 0 0 20px 10px; width: 250px; } a.bucket .img-wrap { position: relative; overflow: hidden; height: 116px; background: #000; margin-bottom: 4px; border-radius: 6px; -webkit-border-radius: 6px; } a.bucket .img-wrap img { position: absolute; top: 0; left: 0; border-radius: 6px; -webkit-border-radius: 6px; } a.bucket .img-wrap .bucket-title { position: relative; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; width: 100%; background: url(/images/template/overlay-black-tile-x.png) top; } a.bucket .img-wrap .bucket-title span { display: block; width: 20px; height: 16px; position: absolute; right: 12px; top: 9px; background: url(/images/template/double-arrow-right-white.png); } a.bucket .img-wrap h3 { font-size: 18px; color: #FFF; margin: 0; text-transform: none; padding: 8px 33px 8px 12px; } a.bucket .img-wrap .caption { display: none; position: relative; /* position: absolute; top: 0; left: 0; */ /* background: #000; */ color: #FFF; padding: /* 10px */4px 12px 0; min-height: 150px; font-size: 14px; } a.bucket .more { display: block; text-align: center; padding-top: 2px; height: 21px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/template/bucket-more-bg.png) top center no-repeat; } a.bucket .more [class^="icon-"], a.bucket .more [class*=" icon-"] { margin-top: 0; } a.bucket:hover { /* .caption {display: block;} */ text-decoration: none; } a.bucket:hover .more { background: url(/images/template/bucket-more-bg.png) bottom center no-repeat; text-decoration: none; } /* Home buckets - modified from v1 */ #buckets-home { margin: 35px 0 0 -20px; clear: both; } #buckets-home a.bucket { width: 340px; margin-left: 20px; } #buckets-home a.bucket .img-wrap { height: 146px; } #buckets-home a.bucket .more { background: url(/images/template/bucket-more-bg-big.png) top center no-repeat; } #buckets-home a.bucket:hover .more { background: url(/images/template/bucket-more-bg-big.png) bottom center no-repeat; } /* v2 - without images */ #buckets-level3 { margin: 25px 0 0 -20px; } #buckets-level3 a.bucket { margin: 0 0 20px 20px; border-radius: 8px; -webkit-border-radius: 8px; background: #e0e0e0; /* Adds to 265px x 120px */ padding: 10px; width: 245px; height: 100px; overflow: hidden; font-size: 14px; color: #636363; } #buckets-level3 a.bucket h3 { position: relative; font-size: 18px; color: #004a90; text-transform: none; padding: 0 22px 5px 0; background: url(/images/template/bucket-title-border-tile.gif) bottom repeat-x; margin: 0 0 6px; } #buckets-level3 a.bucket h3 span { display: block; width: 20px; height: 16px; position: absolute; right: 1px; top: 2px; background: url(/images/template/double-arrow-right-blue.png); } #buckets-level3 a.bucket:hover { background: #333; color: #FFF; } #buckets-level3 a.bucket:hover h3 { color: #FFF; } #buckets-level3 a.bucket:hover span { background: url(/images/template/double-arrow-right-white.png); } /* ***************************************** Banner - Home */ #home-banner { margin: 11px 0 0; position: relative; border-radius: 8px; -webkit-border-radius: 8px; } #home-banner ul.slides { overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; } #home-banner ul.slides li { display: none; z-index: 10; border-radius: 8px; -webkit-border-radius: 8px; } #home-banner ul.slides li a {text-decoration: none} #home-banner ul.slides li .caption { position: absolute; top: 80px; right: 40px; /* width: 475px; */ text-align: right; } #home-banner ul.slides li .caption h3 { font-family: 'Oswald', "Arial Narrow", sans-serif; /* letter-spacing: 1px; */ color: #FFF; font-size: 30px; line-height: 1.3em; text-shadow: 0px -1px 0px #000000; text-transform: none; font-weight: 400; } #home-banner #hero-controls { position: absolute; z-index: 20; left: 0; bottom: 12px; width: 100%; text-align: center; } #home-banner #hero-controls ul { margin: 0; } #home-banner #hero-controls ul li { display: inline-block; zoom: 1; *display: inline; margin: 0 3px; } #home-banner #hero-controls ul li a { display: inline-block; zoom: 1; *display: inline; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 400; /* letter-spacing: 1px; */ background: url(/images/template/overlay-black-tile-x.png) repeat-x; margin: 3px; padding: 11px 10px 11px 6px; border-radius: 6px; -webkit-border-radius: 6px; text-shadow: 1px 1px 1px #000000; color: #FFF; font-size: 24px; text-transform: uppercase; } #home-banner #hero-controls ul li a:hover { opacity: 0.7; text-decoration: none; } #home-banner #hero-controls ul li a.flex-active { margin: 0; border: #356e9e solid 3px; -webkit-box-shadow: 0px 3px 4px 2px #313131; box-shadow: 0px 3px 4px 2px #313131; } #hero-shadow { margin-bottom: -20px; } /* ***************************************** Search Results */ .sisea-paging { margin: 15px 0; } .sisea-highlight { background: #fffcb1; color: #222; } .sisea-result { border-bottom: #CCC solid 1px; margin: 10px 0; } /* ***************************************** News */ .post { padding-bottom: 27px; border-bottom: #E5E5E5 solid 1px; margin: 22px 0; position: relative; } .post img { float: left; margin: 0 12px 5px 0; } .post h2 {margin: 0 0 5px;} .post .date {font-style: italic;} .post .readmore { bottom: 13px; font-size: 12px; font-weight: bold; position: absolute; right: 0; text-transform: uppercase; } .post .readmore:after {content: ' \00BB'; font-size: 17px;} /* ***************************************** Tertiary Navigation */ .pills-nav { border: #BBB solid 1px; background: #E5E5E5; padding: 4px; -webkit-border-radius: 7px; border-radius: 7px; margin-bottom: 14px; } .pills-nav ul {margin: 0; padding: 0; list-style: none;} .pills-nav ul li {float: left; margin-right: 15px;} .pills-nav a { display: block; margin: 1px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #004a90; padding: 4px 12px; -webkit-border-radius: 4px; border-radius: 4px; } .pills-nav li.active a, .pills-nav a:hover { text-decoration: none; margin: 0; border: #00101f solid 1px; color: #FFF; background: #0064b6; /* Old browsers */ background: -moz-linear-gradient(top, #0064b6 0%, #00326c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0064b6), color-stop(100%,#00326c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0064b6 0%,#00326c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0064b6 0%,#00326c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0064b6 0%,#00326c 100%); /* IE10+ */ background: linear-gradient(to bottom, #0064b6 0%,#00326c 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064b6', endColorstr='#00326c',GradientType=0 ); IE6-9 */ } /* ***************************************** Media Gallery */ .media-gallery {position: relative; margin-bottom: 15px;} .slideshow-container { float: left; width: 520px; } /* Thumbnails */ .media-gallery .navigation { width: 240px; /* height: 378px; */ float: right; } .media-gallery .navigation .jcarousel-clip { height: 365px; width: 240px; overflow: hidden; } .media-gallery .navigation ul.thumbs li { margin-bottom: 13px; } .media-gallery .navigation ul.thumbs img {border: #B6B6B6 solid 1px;} .media-gallery .navigation ul.thumbs a:hover img, .media-gallery .navigation ul.thumbs li.selected img {border: #004a90 solid 1px;} #photo-gallery .navigation .caption {display: none;} .jcarousel-container { position: relative; padding: 40px 0; } .jcarousel-container .jcarousel-prev, .jcarousel-container .jcarousel-next { cursor: pointer; display: block; position: absolute; width: 100%; height: 30px; } .jcarousel-container .jcarousel-prev { top: 0; background: #DBDBDB url(/images/template/arrow-up.png) center center no-repeat; } .jcarousel-container .jcarousel-prev:hover { background: #004a90 url(/images/template/arrow-up.png) center center no-repeat; } .jcarousel-container .jcarousel-next { bottom: 0; background: #DBDBDB url(/images/template/arrow-down.png) center center no-repeat; } .jcarousel-container .jcarousel-next:hover { background: #004a90 url(/images/template/arrow-down.png) center center no-repeat; } /* Large Image Area */ .media-gallery .slideshow-wrap {margin-bottom: 13px;} .media-gallery .slideshow {text-align: center;} #video-gallery .slideshow-wrap { height: 380px; background: #000 url(/images/template/Select-A-Video.gif) center center no-repeat; } /* #video-gallery .caption {display: none;} */ /* Captions */ .media-gallery .caption { background: #EBEBEB; padding: 10px; color: #444; font-size: 13px; } .media-gallery .caption .download {display: none;} .media-gallery .caption .image-title {font-weight: bold; font-size: 14px;} /* ***************************************** Accordions - FAQs & Calculators */ .accordion-container {margin-bottom: 15px;} .accordion-group {border: 0;} .accordion-heading {padding: 0;} a.accordion-toggle { border-bottom: #E5E5E5 solid 2px; display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #004a90; padding: 10px; background: url(/images/template/symbol-minus.gif) right no-repeat; } a.accordion-toggle {text-decoration: none;} a.accordion-toggle.collapsed { background: url(/images/template/symbol-plus.gif) right no-repeat; color: #424242; } a.accordion-toggle.collapsed:hover {color: #004a90;} .accordion-inner { padding: 10px 15px; border: 0; border-bottom: #E5E5E5 solid 2px; } /* Item Filtering - FAQs */ #faq-accordion .mix{opacity: 0; display: none;} /* ***************************************** Interactive Locations Map */ #interactive-map { position: relative; /* padding: 10px 0; */ -webkit-border-radius: 8px; border-radius: 8px; border: #102754 solid 1px; margin-bottom: 20px; overflow: hidden; background: #173d7c; /* Old browsers */ background: -moz-linear-gradient(top, #173d7c 0%, #102754 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#173d7c), color-stop(100%,#102754)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #173d7c 0%,#102754 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #173d7c 0%,#102754 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #173d7c 0%,#102754 100%); /* IE10+ */ background: linear-gradient(to bottom, #173d7c 0%,#102754 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173d7c', endColorstr='#102754',GradientType=0 ); IE6-9 */ } /* Contact Page Map */ #map-wrap {float: right; width: 770px;} /* Big Maps */ #map-world { max-width: 720px; /* height: 324px; */ margin: 0 auto; position: relative; } #map-world img {position: relative;} .map-region { position: relative; float: left; max-width: 524px; display: none; } /* World Map Regions */ .map-world-region { opacity: 0.5; display: block; cursor: pointer; position: absolute; -webkit-border-radius: 8px; border-radius: 8px; border: #003366 solid 1px; background: url(/images/template/bg-bw-gradient-screened-tile-horz.png) bottom repeat-x; /* background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(0,0,0,0.2))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#1a000000',GradientType=0 ); */ } .map-world-region:hover {opacity: 1;} .map-region a.back { display: block; position: absolute; bottom: 0; left: 0; padding: 15px; color: #FFF; font-size: 15px; font-weight: bold; } /* #region-north-america { top: 64px; left: 80px; width: 210px; height: 125px; } #region-europe { top: 41px; left: 305px; width: 155px; height: 110px; } #region-asia { top: 74px; left: 519px; width: 165px; height: 145px; } */ #region-north-america { top: 19%; left: 10%; width: 25%; height: 33%; } #region-europe { top: 12%; left: 43%; width: 20%; height: 33%; } #region-asia { top: 22%; left: 71%; width: 22%; height: 46%; } /* Map City Pins */ .map-pin { position: absolute; display: block; height: 8px; width: 8px; margin: -4px 0 0 -4px; background: url(/images/template/map-pin.png) top; left: -9999px; top: -9999px; } .map-pin.active {background: url(/images/template/map-pin.png) bottom;} /* Map Info Boxes */ .map-info-box { display: none; position: absolute; top: 5px; right: -235px; /* display: none; */ width: 190px; padding: 15px; border: #444 solid 1px; -webkit-border-radius: 8px; border-radius: 8px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); IE6-9 */ } .map-info-box h4 { margin: 0; } #map-europe {float: right;} #map-europe .map-info-box, #map-europe a.back {left: -235px; width: 185px;} #map-asia .map-info-box {width: 230px;} /* Tabs - Calculators, Locations List, Photo Gallery */ .nav-tabs {margin-bottom: 10px;} .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {background: #EEE; border-color: #DDDDDD;} .tab-content {margin-bottom: 15px;} /* Locations List */ #locations-list {clear: both;} .locations {margin-left: -15px;} .info-block { float: left; min-height: 175px; width: 245px /* 180px */; margin-left: 15px; } a#view-locations { display: block; float: right; margin: 0 0 15px 10px; font-family: 'Oswald',"Arial Narrow",sans-serif; font-size: 20px; color: #004990; text-transform: uppercase; border: #BBB solid 1px; padding: 10px 67px 10px 20px; background: #E5E5E5 url(/images/template/double-arrow-right-blue-w-vert-line.png) right no-repeat; -webkit-border-radius: 8px; border-radius: 8px; } a#view-locations:hover {background: #BBB url(/images/template/double-arrow-right-blue-w-vert-line.png) right no-repeat; text-decoration: none;} a#view-locations:before {content: 'Hide ';} a#view-locations.collapsed:before {content: 'View ';} /* ***************************************** Online Catalog Landing */ #sidebar-left.customer-portal { float: left; margin: 20px 15px 15px 0; width: 230px; } .customer-portal h2{ font-size: 20px; line-height: 29px; text-transform: uppercase; color: #004a90; margin: 0 0 13px;} #catalog-right{ width: 74%; float: right; margin-top:20px; border-left: solid 1px rgb(227, 227, 227); padding-left: 20px; } #catalog-right .bucket{ width:240px; } #login{ position:relative; float:left; margin: 20px 0; background: #FAFAFA; width:210px; border: solid 1px #E5E5E5; padding: 20px 10px; } #customer-login { background: #004b91 url("/images/template/double-arrow-right-white.png") no-repeat 181px 7px; padding: 7px 29px 7px 8px; border-radius: 5px; color: #fff; font-size: 13px; display: block; text-transform: uppercase; font-weight: bold; margin-top: 20px; } #register{ position:relative; float:left; font-size:12px; } #register ul li {line-height:16px;} #bucket-home.catalog{clear:none!important;} /* ***************************************** IE Adjustments */ .lt-ie8 .social-bar-container {display: none;} #rfq .realperson-regen{ text-align:left; } .bottomProduct { display: none; position: fixed; bottom: 0; width: 100%; height: 40px; border-top: 1px solid #000; background: #004a90; color:#fff; z-index: 10000; } .bottomProduct p { height: 50%; /* Set your own height: percents, ems, whatever! */ width: 100%; /* Set your own width: percents, ems, whatever! */ overflow: auto; /* Recommended in case content is larger than the container */ margin: auto; /* Center the item vertically & horizontally */ position: absolute; /* Break it out of the regular flow */ top: 0; left: 0; bottom: 0; right: 0; /* Set the bounds in which to center it, relative to its parent/container */ text-align: center; } a#product-jump { color: white; } a#product-jump:hover { text-decoration:none; } .banner25off { width: 1053px; height: 78px; margin: 25px 0 15px; position: relative; left: -31px; background: url(/images/banner-25pctOFF.png) 0 0 no-repeat; }