/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_modern * @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif;outline:none; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0;} h3 { font-size: 1.17em; margin: 1em 0;} h4 { font-size: 1em; margin: 1.33em 0;} h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } */ /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } */ /* * Addresses paddings set differently in IE6/7 menu, ol, ul { padding: 0 0 0 40px; } */ /* * Corrects list images handled incorrectly in IE7 nav ul, nav ol { list-style: none; list-style-image: none; } */ /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } img.left {margin:0 15px 15px 0;} img.right {margin:0 0 15px 15px;} /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } object {margin:0 0 0 10px;} /* Tables */ table { border-collapse: collapse; border-spacing: 0; width:100%; } table.table {background:#fff;width: 100%;margin:5px auto 15px;max-width:100%;table-layout: fixed} table.table, table.table tr td {font-size: 10px;border:1px solid #ccc;} table.table tr td {width:auto} table.table tr td ul {text-align: left !important;} table.table tr.thead {background: #F3F7FA;} table.table tr td.label {background: #fafafa;} table.table tr td.label, table.table tr td.label p { color: #777; font-weight:bold; text-shadow:1px 1px 0 #fff; } table.table tr.thead td { text-shadow:1px 1px 0 #fff; border:1px solid #C0D3E5; border-bottom:2px solid #C0D3E5; box-shadow: inset 0px 1px 1px #fff; } table.table tr.thead td:first-child {width:100px;} table.table tr.thead td, table.table tr.thead td p {color:#6D8CAC;font-weight: bold;} table.table tr td {padding:4px;} table.table tr td, table.table p, table.center tr td, table.center p {font-size: 10px;text-align: center;line-height: 1.3;} table.table.left tr td, table.table.left p {text-align: left} table.table.small tr td, table.table.small p {font-size: 10px} table.table p, table.center p {margin:5px;} table.photos-2col, table.photos-3col, table.photos-4col { width: 100%; margin:20px 0 0; table-layout: fixed; } table.photos-2col tr td, table.photos-3col tr td, table.photos-4col tr td { width: auto; /* vertical-align:bottom; */ padding:10px 0 5px; } table.photos-2col tr td {width: 50%;} table.photos-3col tr td {width: 33%;vertical-align: initial;} table.photos-2col tr td img, table.photos-3col tr td img, table.photos-4col tr td img {max-width: 90%;} table.photos-2col tr td img {max-height:40px;} .water-filters table.photos-2col tr td img, .media-filtration table.photos-2col tr td img, .media-filtration table.photos-3col tr td img, .components-residential table.photos-2col tr td img, .components-residential table.photos-3col tr td img {max-height:140px;} table.photos-3col tr td img {max-height:20px;} /****** END Normalization ******/ @font-face { font-family: 'Exo2Regular'; src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-regular.eot'); src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-regular.eot') format('embedded-opentype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-regular.woff') format('woff'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-regular.ttf') format('truetype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-regular.svg#Exo2Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Exo2SemiBold'; src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibold.eot'); src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibold.eot') format('embedded-opentype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibold.woff') format('woff'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibold.ttf') format('truetype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibold.svg#Exo2SemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Exo2SemiBoldItalic'; src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibolditalic.eot'); src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibolditalic.eot') format('embedded-opentype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibolditalic.woff') format('woff'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibolditalic.ttf') format('truetype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-semibolditalic.svg#Exo2SemiBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Exo2Bold'; src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-bold.eot'); src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-bold.eot') format('embedded-opentype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-bold.woff') format('woff'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-bold.ttf') format('truetype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-bold.svg#Exo2Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Exo2ExtraBoldItalic'; src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-extrabolditalic.eot'); src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-extrabolditalic.eot') format('embedded-opentype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-extrabolditalic.woff') format('woff'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-extrabolditalic.ttf') format('truetype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/Exo2/exo2-extrabolditalic.svg#Exo2ExtraBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansCondensed'; src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condbold.eot'); src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condbold.eot') format('embedded-opentype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condbold.woff') format('woff'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condbold.ttf') format('truetype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condbold.svg#OpenSansCondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansCondensedLight'; src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condlight.eot'); src: url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condlight.eot') format('embedded-opentype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condlight.woff') format('woff'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condlight.ttf') format('truetype'), url('http://appliedmembranes.com/skin/frontend/default/respond/fonts/OpenSans/opensans-condlight.svg#OpenSansCondensedLight') format('svg'); font-weight: normal; font-style: normal; } body { font:75%/1.5 /*12/18*/ Arial, Helvetica, sans-serif; color:#000; } img { border:0; vertical-align:top; max-width: 100%;} .overlay {text-align: center;} a, a:focus, object, embed, input, button { outline: 0; } a {text-decoration: none; color: #2050df;} a:hover { text-decoration:underline; color: #d90202; } hr { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/hr.png) no-repeat; background-size: 100% 2px; border:none; height:2px; width:100%; margin:20px 0 25px; } span.sep {margin:0 2px;opacity: 0.8;filter:alpha(opacity=80);} /* Headings */ h1, h2, h3, h4, h5, h6 { line-height: 1.2; padding: 0; margin: 0 0 5px; clear: both; } h1 { color:#2050df; font-family: "Exo2ExtraBoldItalic", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 1; text-transform: uppercase; text-shadow:1px 1px 0 #fff; } .cms-home h1 { font-size: 23px; text-align: center; margin:0; } .parent h1 {width:540px;} h2 { color:#222; font-family: "Exo2Bold", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 1.1; margin:5px 0 10px; } h3 { color:#444; font-size: 21px; font-family: "Exo2Bold", Arial, Helvetica, sans-serif; margin:20px 0 10px; } .spec-wrapper > h3:first-of-type {margin-top:0;} h4 { font-size: 17px; font-family: Arial, sans-serif; margin:5px 0 10px;} h5 { font-size: 15px; font-family: Arial, sans-serif; } h6 { font-size: 13px; font-family: Arial, sans-serif; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:-webkit-baseline-middle; text-align:left; font-weight:normal; } /* Content */ p { color:#444; margin:6px 0 12px; } p.center, h2.center, h3.center, h4.center {text-align: center;} p.center img {margin:5px;} .col-main p { font-size: 14px;line-height: 1.4;} .col-main p a { font-weight: bold;} p.small { font-size:11px;font-style: italic;line-height: 1.4;} span.small { font-size:0.9em;font-weight: normal;} strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } /* small { font-size:1em; } big { font-size:1.15em; } /*sup { font-size:1em; vertical-align:top; } /* Lists */ ul, ol, dl, dt, dd { list-style:none; margin:0; padding: 0; } #tabcontent ol { list-style: decimal; line-height: 1.2; margin:10px 0; padding-left:20px; } #tabcontent ol li { margin:5px 0; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; margin: 0 15px 15px 0; } .f-right, .right { float:right !important; margin: 0 0 15px 15px; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .clear {clear:both;} .clearfix:after, .spec-wrapper:after {content:"";display:block;height:0;clear:both;} .constrain {width: 1020px;margin: 0 auto;} /* Default Layout: 980px. Gutters: 20px. Outer margins: 20px. ------------------------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 px 40 100 160 220 280 340 400 460 520 580 640 700 760 820 880 940 */ .page { width:100%; min-width: 1080px; position: relative; margin: 0 auto; padding: 0px 0px; background: #fff; overflow: hidden; } .main { padding: 18px 0; } .main-container, #emblems { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-hr.png) no-repeat center top; width:1020px; margin:0 auto; } body.cms-home .main-container { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-home-content.png) repeat-x center bottom; width:100%; position: relative; z-index: 10; } body.cms-home .main {width:1020px;margin:0 auto;} .col-main {position: relative;} .col2-left-layout .col-left { float: left; width: 230px; } .col2-left-layout .col-main { float: right; width: 770px; } .col2-right-layout .col-right { float: right; width: 220px; margin-left: 20px; } .col2-right-layout .col-main { float: left; width: 770px; } .col1-layout .col-main { float: none; width: 100%; } .col3-layout .col-left { float: left; width: 230px; } .col3-layout .col-right { float: right; width: 220px; } .col3-layout .col-main { float: left; width: 530px;margin: 0px 20px; } /* content columns */ .col2-set { clear:both; overflow:hidden; } .col2-set .col-1 { float:left; width:48%; } .col2-set .col-2 { float:right; width:48%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /* accessible hidden content http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ /************* Form Elements **********************************/ select { padding: 0;} input, textarea { padding:6px; -moz-transition:all 0.15s; -webkit-transition:all 0.15s; transition:all 0.15s; } .input-box { clear: both; } .input-box input.input-text, textarea { background: #f1f2f6; border:1px solid #80a5ca; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 0 #F3F7FA; margin:0 auto; display: block; } .input-box select { background: #F7F7F7; border: none; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; padding:8px 4px 7px; width: 96%; } .input-box select.multiselect { min-height:90px; background:#F7F7F7; border:none; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; padding:5px; } .input-text.qty { background:#F7F7F7; border:none; padding:9px 10px 10px; width: 20px; border: 1px solid #444; text-align: center; } #contact-left { width:490px; float: left; } #contact-right { width:490px; float: right; } #contact-right div.left { border-right:1px dotted #ccc; width: 245px; margin:0; } #contact-right div.right { width:200px; margin:0; } #contact-right img { border:1px solid #80a5ca; box-shadow: inset 0 2px 2px #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom:15px; } #contact-right strong { color:#80a5ca; font-style: italic; display: block; } #contact-right span {font-weight: bold;} #contact-right p {padding-left:30px;} #contact-right p.map { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-map-blue.png) no-repeat left top; } #contact-right p.clock { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-clock.png) no-repeat left top; } #contact-right p.bubble { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-bubble.png) no-repeat left top; } #map { display: block; clear:both; } #map:hover { opacity: 0.85; filter:alpha(opacity=85); } #map img { margin:14px 0 0; } #webform_2_form {width:490px} #webform_1, #webform_2 {padding-top:10px;} #webform_1, #webform_2, #webform_3, form#webform_4 { background: #dce7f2; border:1px solid #80a5ca; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: inset 0 0 0 1px #F3F7FA; display: block; } #webform_1:after, #webform_2:after, #webform_3:after, form#webform_4:after { content:""; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-bottomcurve.png) no-repeat center top; height:15px; width:219px; margin:0 auto -14px; display: block; } #webform_1 h2, #webform_2 h2 {display: none;} #webform_3 h2 { color:#fff; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; text-align: center; text-transform: uppercase; text-shadow: -1px -1px 0 #80a5ca; letter-spacing: 0.05em; background: #b2cbe4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyY2JlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MGE1Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b2cbe4 0%, #80a5ca 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2cbe4), color-stop(100%,#80a5ca)); background: -webkit-linear-gradient(top, #b2cbe4 0%,#80a5ca 100%); background: -o-linear-gradient(top, #b2cbe4 0%,#80a5ca 100%); background: -ms-linear-gradient(top, #b2cbe4 0%,#80a5ca 100%); background: linear-gradient(to bottom, #b2cbe4 0%,#80a5ca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2cbe4', endColorstr='#80a5ca',GradientType=0 ); border-bottom:1px solid #80a5ca; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); margin:0 0 15px; padding:10px 0; } #webform_1 label, #webform_2 label, #webform_3 label { color:#6D8CAC; margin-left:3px; display: block; } .col-main .webforms-fields-comment { color:#777; font-size: 11px; line-height: 1; margin:2px 0 4px 3px; } #webform_1 .fieldset input, #webform_1 .fieldset textarea, #webform_2 .fieldset input, #webform_2 .fieldset textarea {width:420px;} #webform_3 .fieldset input, #webform_3 .fieldset textarea {width:178px;} #webform_1 .fieldset textarea, #webform_2 .fieldset textarea {height:160px;} #webform_2 .webforms-fields-42, #webform_2 .webforms-fields-22 { border-top:1px solid #fff; margin-top:18px; padding-top: 15px; } #webform_3 .fieldset textarea {height:100px;} #webform_1 .fieldset input:hover, #webform_1 .fieldset input:focus, #webform_1 .fieldset textarea:hover, #webform_1 .fieldset textarea:focus, #webform_3 .fieldset input:hover, #webform_3 .fieldset input:focus, #webform_3 .fieldset textarea:hover, #webform_3 .fieldset textarea:focus { background: #fff; border-color:#6D8CAC; } #webform_4_form { width: 460px; } #webform_4_form form { padding-top:10px; } #webform_4_form h2 {display: none;} #webform_4_form .field { width: 48%; margin:2px 0 6px; float: left; } #webform_4_form .webforms-fields-44, #webform_4_form .webforms-fields-46, #webform_4_form .webforms-fields-48 { margin-right:15px; } #webform_4_form .form-list .fields .field label, #webform_4_form .form-list .fields .field .input-box { float: left; } #webform_4_form .webforms-fields-comment { margin-left:5px; float: left; } #webform_4_form .input-box { width: 100%; } #webform_4_form .input-box input.input-text { width: 90%; margin:0; } #webform_3 #recaptcha_area { display: none; } #webform_3 #recaptcha_area, #webform_3 #recaptcha_table { width: 300px !important; } #webform_3 #recaptcha_area { background:#DCE7F2 !important; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.4); margin-left: -60px; padding:10px !important; position: relative; z-index: 100; } #recaptcha_area { border-radius: 4px; margin: 0 auto; } #recaptcha_table { background: #f1f2f6 !important; border: 1px solid #80a5ca !important; border-radius: 4px; box-shadow: 0 1px 0 #F3F7FA; overflow:hidden; } .recaptchatable * { background-image:none !important; } form .recaptchatable .recaptcha_image_cell { background-color:transparent !important; } form .recaptchatable #recaptcha_image, form .recaptchatable .recaptcha_image_cell center img { height: 54px !important; width: 296px !important; } #webform_3 .recaptchatable #recaptcha_image, #webform_3 .recaptchatable .recaptcha_image_cell center img { height: 52px !important; width: 280px !important; } .recaptchatable .recaptcha_image_cell center img { border:1px solid #CDCED1 !important; border-radius: 4px; } .recaptchatable .recaptcha_input_area #recaptcha_response_field { font-size:12px; padding:2px 3px !important; } .recaptcha_theme_white #recaptcha_response_field { border: 1px solid #CDCED1 !important; } .form-alt li { margin: 8px 0; } .form-list { width:90%;margin:0 auto; } .form-list li { margin: 8px 0; } /* .form-list li { display: inline-block; } .form-list li, .form-list li .field { float:left; width:45%; margin-right:5%; } .form-list li.fields, .form-list li.wide { display: inline-block; width:100%; } .form-list li.wide .input-box input.input-text { width:90%; } */ .form-list li + li.control { margin-top:18px; } .form-list li.control + li.control { margin-top:0; } .form-list li.control { width:100%; margin:9px 0; } .form-list li.control.use-billing { margin-bottom:18px; } .form-list li.control .input-box { float:left; margin-right:10px; } .form-list li .input-range input#price, .form-list li .input-range input#price_to { float: left; margin-right: 3%; width: 40%; } .form-list li .input-range span.separator { float: left; } .form-list li .input-box input.range { overflow: hidden; } .form-list li.control label { margin: 0 10px; } #checkout-step-login .form-list li , #checkout-step-billing .form-list li, #checkout-step-shipping .form-list li, #checkout-opc-payment .form-list li, .customer-account-login .form-list li , .shipping .form-list li, .checkout-multishipping-login .form-list li, .paypal-review-order .form-list li { width: 100%; } label.required em { color: red; } p.required { font-size: 10px; color: #ccc; } p.back-link { clear: left; } .form-list li label.required em { text-align: left; } .form-guest { width: 460px; } /* Form Validation */ .validation-advice { color:#eb340a; font-size:11px; line-height:13px; letter-spacing: 0.05em; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/validation_advice_bg.gif) 2px 3px no-repeat; min-height:13px; margin:3px 0 0; padding-left:13px; clear:both; z-index: 10; } .validation-failed { border:1px solid #eb340a !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; color:#EB340A; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* .input-box { position: relative !important; } .validation-advice { color: #F6E7E6; font-size: 11px; line-height: 13px; background: #a00; border-radius: 5px; box-shadow: 0 0 4px rgba(0,0,0,0.6); min-height: 13px; padding: 8px 10px; position: absolute; top: -6px; right: -158px; width: 130px; } .validation-advice:after { position: absolute; left: -7px; bottom: 7px; content: " "; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #a00; } */ /********* Buttons Styling ***********************/ .button { color:#fff; font-family:Arial, sans-serif; font-size:10px; font-weight:normal; text-align: center; text-decoration:none; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; display:block; } .button:hover { color:#fff; text-decoration: none; } .button span { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/raquo-sm.png) no-repeat right center; padding-right:14px; } form .button { text-shadow:0 0 2px #001e78; background: #0d43e4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkNDNlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDJlYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0d43e4 0%, #002eb7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d43e4), color-stop(100%,#002eb7)); background: -webkit-linear-gradient(top, #0d43e4 0%,#002eb7 100%); background: -o-linear-gradient(top, #0d43e4 0%,#002eb7 100%); background: -ms-linear-gradient(top, #0d43e4 0%,#002eb7 100%); background: linear-gradient(to bottom, #0d43e4 0%,#002eb7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d43e4', endColorstr='#002eb7',GradientType=0 ); border:1px solid #001e78; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0 0 1px rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0 0 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0 0 1px rgba(255,255,255,0.2); width: 130px; margin:15px auto 0; padding:10px 2px; } form .button.red { background: #f12f2f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTI3MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f12f2f 0%, #c92727 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f12f2f), color-stop(100%,#c92727)); background: -webkit-linear-gradient(top, #f12f2f 0%,#c92727 100%); background: -o-linear-gradient(top, #f12f2f 0%,#c92727 100%); background: -ms-linear-gradient(top, #f12f2f 0%,#c92727 100%); background: linear-gradient(to bottom, #f12f2f 0%,#c92727 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f12f2f', endColorstr='#c92727',GradientType=0 ); border:1px solid #bc2424; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); } #webform_1_form .button, #webform_2_form .button, #webform_3_form .button { margin-top:30px; } form .button:hover { background: #002eb7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMmViNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDQzZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #002eb7 0%, #0d43e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002eb7), color-stop(100%,#0d43e4)); background: -webkit-linear-gradient(top, #002eb7 0%,#0d43e4 100%); background: -o-linear-gradient(top, #002eb7 0%,#0d43e4 100%); background: -ms-linear-gradient(top, #002eb7 0%,#0d43e4 100%); background: linear-gradient(to bottom, #002eb7 0%,#0d43e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002eb7', endColorstr='#0d43e4',GradientType=0 ); } .rfq-btn, .resume-btn { color:#fff !important; font-family: 'OpenSansCondensed', sans-serif; font-size: 19px; text-align: center; text-transform: uppercase; text-shadow: -1px -1px 0 #c92727; letter-spacing: 0.05em; line-height: 1; background: #f12f2f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTI3MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f12f2f 0%, #c92727 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f12f2f), color-stop(100%,#c92727)); background: -webkit-linear-gradient(top, #f12f2f 0%,#c92727 100%); background: -o-linear-gradient(top, #f12f2f 0%,#c92727 100%); background: -ms-linear-gradient(top, #f12f2f 0%,#c92727 100%); background: linear-gradient(to bottom, #f12f2f 0%,#c92727 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f12f2f', endColorstr='#c92727',GradientType=0 ); border:1px solid #bc2424; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); width: 220px; margin:0 0 20px; padding:10px 0; display: block; } .resume-btn { font-size: 17px; width: 230px; margin-top:15px; } body.cms-home .rfq-btn { letter-spacing: 0; width:350px; margin:20px auto 0; } body.parent .col-main .rfq-btn { width:210px; position: absolute; top:0; right: 0; } body.parent .sidebar .rfq-btn, .description-text .rfq-btn { display: none; } .detail .description-text .rfq-btn { width:200px; margin:0; position: absolute; right:10px; bottom:5px; display: block; } .purchaselink-btn{ right: 235px !important; background: #2b59d9; text-shadow: -1px -1px 0 #2145a6; border: 1px solid #2145a6; } .purchaselink-btn:hover{ background: #2145a6 !important; } .rfq-btn:hover, .resume-btn:hover { color:#fff; text-decoration: none; background: #c92727; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTJmMmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c92727 0%, #f12f2f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c92727), color-stop(100%,#f12f2f)); background: -webkit-linear-gradient(top, #c92727 0%,#f12f2f 100%); background: -o-linear-gradient(top, #c92727 0%,#f12f2f 100%); background: -ms-linear-gradient(top, #c92727 0%,#f12f2f 100%); background: linear-gradient(to bottom, #c92727 0%,#f12f2f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c92727', endColorstr='#f12f2f',GradientType=0 ); } #btn-top, #btn-directions, #btn-contact { color:#fff; font-size:10px; font-weight:normal; text-align: center; text-decoration:none; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; border:1px solid #001e78; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); width:130px; padding:10px 0 10px 15px; display:block; } #btn-top { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-top.png) no-repeat 14px 50% #2050df; margin:30px 0 0; cursor: pointer; } #btn-directions { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-map-white.png) no-repeat 8px 50% #2050df; width: 140px; margin:20px 0 0; padding-left:25px; } #btn-contact { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-contact.png) no-repeat 10px 50% #2050df; width: 120px; margin:20px 0 0; padding-left:25px; } #btn-directions span, #btn-contact span { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/raquo-sm.png) no-repeat right center; padding-right:14px; } #btn-top:hover, #btn-directions:hover, #btn-contact:hover { text-decoration:none; border:1px solid #fff; } .learn-more { font-weight: normal; font-style: normal; letter-spacing: 0.05em; background: #404552; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM0MDQ1NTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzMzNjNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #404552 50%, #33363d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#404552), color-stop(100%,#33363d)); background: -webkit-linear-gradient(top, #404552 50%,#33363d 100%); background: -o-linear-gradient(top, #404552 50%,#33363d 100%); background: -ms-linear-gradient(top, #404552 50%,#33363d 100%); background: linear-gradient(to bottom, #404552 50%,#33363d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404552', endColorstr='#33363d',GradientType=0 ); border:1px solid #383b43; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0 0 1px rgba(255,255,255,0.1); padding:9px 0 8px; display: block; position: relative; } .flexslider .learn-more { width:108px; position: absolute; right:45px; bottom:35px; } #buckets .learn-more { width:116px; margin:0 0 0 -58px; position: absolute; bottom: -2px; left:50%; z-index: 100; } .learn-more:hover { text-decoration: none; background: #33363d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzYzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQ1NTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #33363d 0%, #404552 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33363d), color-stop(100%,#404552)); background: -webkit-linear-gradient(top, #33363d 0%,#404552 100%); background: -o-linear-gradient(top, #33363d 0%,#404552 100%); background: -ms-linear-gradient(top, #33363d 0%,#404552 100%); background: linear-gradient(to bottom, #33363d 0%,#404552 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33363d', endColorstr='#404552',GradientType=0 ); } #buckets .learn-more:hover { background: #2050df; border:1px solid #fff; } #bucket-bars { margin:30px 0 0; } #bucket-bars a { color:#fff; font-size:14px; font-family:"Exo2Regular"; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/raquo-sm.png) no-repeat 95% center #2050E0; border: 1px solid #183CA8; letter-spacing: 0.05em; width: 224px; margin:5px 4px; padding:5px 10px; display: inline-block; } #bucket-bars a:hover { text-decoration: none; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/raquo-sm.png) no-repeat 95% center #183CA8; } /* Misc. Blurb Box */ .blurb { background: #f1f2f6; border:1px solid #C0D3E5; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:10px 15px; } .blurb h4 { color:#80A5CA; text-shadow: 1px 1px 0 #fff; margin:3px 0 15px; } .category-description .blurb ul li { font-size: 14px; padding-left:3px; } /* Employment Page */ .category-employment h3 {color:#a00;} .category-employment hr {margin: 30px 0 35px;} .category-employment ul {margin-bottom:20px;} /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { } .messages li li { } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; font-size:11px !important; font-weight:bold !important; line-height: 1.63636363636; padding: 8px 10px; margin-bottom: 18px; } .error-msg { border-color:#f16048; background-color:#faebe7; color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } /* BreadCrumbs */ .top-bar { padding:15px 0; position: relative; } .breadCrumb { margin: 0; padding: 0; float: left; display: block; height: 21px; overflow: hidden; padding:5px; } .breadCrumb ul { margin: 0; padding: 0; height: 21px; display: block; } .breadCrumb ul li { color:#2050df; font-size:11px; /* font-weight:bold; text-transform: uppercase; */ line-height: 21px; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/Chevron.gif) no-repeat 100% 0; height: 21px; margin: 0 6px 0 0; padding: 0 10px 0 0; display: block; float: left; position: relative; overflow: hidden; } .breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; } .breadCrumb ul li span { display: block; overflow: hidden; } .breadCrumb ul li a { color:#80a5ca; line-height: 21px; height: 21px; display: block; position: relative; overflow: hidden; float: left; } .breadCrumb ul li.home a { height: 16px !important; text-indent:-1000em; width:19px; padding: 0; margin-top: 2px; overflow: hidden; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-home.png) no-repeat 0 0; } .breadCrumb ul li.last { background: none; margin-right: 0; padding-right: 0; } .chevronOverlay { display: none; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px; } /* .breadcrumbs li { color:#2050df; font-size:11px; font-weight:bold; text-transform: uppercase; height:17px; margin:0 2px; display:inline; } .breadcrumbs li.home a { text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-home.png) no-repeat; width:19px; margin-bottom: -4px; display: inline-block; } .breadcrumbs a, .breadcrumbs span { color:#80a5ca; } .breadcrumbs span { font-size: 13px; margin-left:4px; } */ /* Page Heading */ .page-title { width:100%; overflow:hidden; margin:0 0 25px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; font-weight:bold; } /* Pager */ .pager { text-align:center; } .pager .amount { float:left; margin:0; margin-right: 20px;} .pager .pages { float: left; } .pager .pages ol { display:inline; } .pager .pages li { border: 1px solid #CCCCCC; float: left; margin: 0 2px; padding: 8px 15px; } .pager .pages .current { background: #ccc; } div.pages>strong { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /* Sorter */ .sorter { border-bottom: 1px dotted #CCCCCC; font-size: 11px; line-height: 1.63636; padding: 9px 8px 8px;} .sorter .view-mode { float:left; margin:0; } .sorter .limiter { float:right; } .sorter .limiter label { vertical-align:middle; } .sorter .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .sort-by { float:right; padding-right:36px; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} /* Toolbar */ .toolbar { margin: 9px 0; } .toolbar .pager { } .toolbar .sorter {} .toolbar-bottom {} .toolbar label { } /* Data Table */ .data-table { width:100%; } .data-table tr.odd { background:#fff } .data-table tr.even { background:#fcfcfc; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table th { padding:9px 8px; font-size:10px; line-height: 1.8; text-transform:uppercase; white-space:nowrap; } .data-table th.wrap { white-space:normal; } .data-table th a { color:#fff; } .data-table td { padding:9px 8px; } .data-table thead, .data-table thead tr { background:#e9e9e9; } .data-table tfoot { border-bottom:1px solid #d9dde3; } .data-table tfoot tr { background-color:#ccc !important; } .data-table tbody th { padding:3px 8px; font-size:11px; font-weight:bold; text-transform:none; white-space:normal; } .data-table tbody th, .data-table tbody td { border-bottom:1px solid #d9dde3; padding-bottom: 8px; } .data-table tfoot strong { font-size:14px; line-height: 1.285714286; } /* Bundle products tables */ .data-table tbody.odd tr { background:#fff; } .data-table tbody.even tr { background:#fcfcfc; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { margin:0 0 15px; } .info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } /*.std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; }*/ /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; color:#d62502; } .link-wishlist { color:#444; } .link-reorder {} .link-compare { display: none; } .link-print { /*background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px;*/ } .link-rss { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:12px; height:12px; font-size:0; line-height:0; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; margin: 0 2px; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:12px; height:12px; font-size:0; line-height:0; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; background:#ccc; margin:10px 0; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:9px 0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:11px; line-height:1.15; text-align:center; color:#fff; } /* Header */ .header-container { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-header.jpg) repeat-x center bottom #fafcfd; border-top:20px solid #404552; border-bottom: 1px solid #80a5ca; margin-bottom:12px; position: relative; z-index: 10; } .header-container:after { content:""; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-header-bottom.png) no-repeat center center; height:13px; width:1060px; margin-left:-530px; display: block; position: absolute; bottom:-13px; left:50%; z-index: 20; } .logo { margin:2px 0 -6px -15px; float: left; } .logo a {display: block;} #telephone { color:#e42e2e; font-family:"Exo2Regular"; font-size: 18px; text-align: right; text-transform: uppercase; line-height: 1.2; margin:16px 25px 0 0; float: right; } #telephone span { color:#2050df !important; font-family:"Exo2Bold"; font-size:30px; display: block; } #contact-right .phone { color:#444; } #footer-top .phone { color:#eee; } #telephone a:hover, a.phone:hover { color:inherit; text-decoration: none; cursor:default; } .header .topcart span { display: inline; } .quick-access { text-align:right; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-globalnav.png) no-repeat right top; background-size:595px 34px; height:34px; margin-top:-21px; } .quick-access .welcome-msg { display:inline; margin:0; color:#fff; } .quick-access .welcome-msg a { color:#ddd; } .quick-access .form-language, .quick-access .top-currency { float:left; margin:0 10px 9px 0; } .quick-access .form-language label, .quick-access .top-currency label { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .quick-access .form-language select, .quick-access .top-currency select{ padding:0; } .quick-access .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } .quick-access .links { margin:0 40px 0 0; } .quick-access .links li { font-size: 10px; font-weight: bold; text-transform: uppercase; margin:0 1px; display:inline-block; } .quick-access .links a {color:#aaa;} .quick-access .links a:hover, #google_translate_element .goog-te-menu-value:hover { color:#ccc; text-decoration:none; background-color:#31353f !important; } .quick-access a { background-position:12px 5px !important; padding:9px 16px 10px 40px !important; display: block; } .quick-access a.nav-support { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-support-gray.png) no-repeat left center; } .quick-access a.nav-downloads { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-downloads-gray.png) no-repeat left center; } .quick-access a.nav-technical { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-technical-gray.png) no-repeat left center; } .quick-access a.nav-employment { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-employment-gray.png) no-repeat left center; } .quick-access a.nav-translate { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-translate.png) no-repeat left center; } /* Downloads */ table.table.downloads td { font-size: 13px; } table.downloads a { border-bottom: 1px solid #ddd; padding:5px 0; display: block; } table.downloads a:last-child { border-bottom: none; } /* Google Translate Button */ #google_translate_element * { background: none !important; border:none !important; padding:0 !important; } #google_translate_element img {display: none;} #google_translate_element .goog-te-menu-value { font-size: 10px !important; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-translate.png) no-repeat 10px center !important; padding:9px 16px 10px 36px !important; } #google_translate_element .goog-te-menu-value:after { content:"TRANSLATE"; } #google_translate_element .goog-te-menu-value span {display: none !important;} .goog-te-menu-frame { -moz-box-shadow: 0 3px 8px 2px rgba(0,0,0,0.5) !important; -webkit-box-shadow: 0 3px 8px 2px rgba(0,0,0,0.5) !important; box-shadow: 0 3px 8px 2px rgba(0,0,0,0.5) !important; } /* Google Custom Search */ /* .cse form.gsc-search-box, form.gsc-search-box, .cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input { margin:0 !important; padding:0 !important; } #___gcse_0 { position: absolute; right: 0; top: 0; } .gsc-control-searchbox-only {width: 324px} .gsc-search-box .gsc-input { color:#2050df; font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: #d2dfee !important; border: none; box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px -1px 0 rgba(255, 255, 255, 0.6); height: 22px; width:262px; padding:5px 9px; float:left; -moz-transition:all 0.15s; -webkit-transition:all 0.15s; transition:all 0.15s; } .gsc-search-box .gsc-input:hover, .gsc-search-box .gsc-input:focus { background: #F0F5FA !important; box-shadow: inset 0px 1px 0px rgba(0,30,120, 0.8), inset 0px -1px 0 rgba(0,30,120, 0.8); height: 22px; cursor: pointer; } .gsc-clear-button {display: none;} td.gsc-search-button { background: #3269b0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyNjliMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI1NDU3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIyNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3269b0 0%, #25457b 50%, #192252 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3269b0), color-stop(50%,#25457b), color-stop(100%,#192252)); background: -webkit-linear-gradient(top, #3269b0 0%,#25457b 50%,#192252 100%); background: -o-linear-gradient(top, #3269b0 0%,#25457b 50%,#192252 100%); background: -ms-linear-gradient(top, #3269b0 0%,#25457b 50%,#192252 100%); background: linear-gradient(to bottom, #3269b0 0%,#25457b 50%,#192252 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3269b0', endColorstr='#192252',GradientType=0 ); border:1px solid #001e78 !important; -webkit-border-top-right-radius: 6px !important; -webkit-border-bottom-right-radius: 6px !important; -webkit-border-top-left-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-top-right: 6px !important; -moz-border-radius-bottom-right: 6px !important; -moz-border-radius-top-left: 0px !important; -moz-border-radius-bottom-left: 0px !important; border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1); -moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1); box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1); height: 32px !important; min-width: auto !important; width: 44px !important; } .cse input.gsc-search-button, input.gsc-search-button { font-size: 0px; text-indent: -9999px; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn-search.png) 14px 9px no-repeat transparent !important; border:none !important; height:100% !important; width: 100% !important; min-width: 100% !important; margin: 0 !important; padding:0 !important; } td.gsc-search-button:hover { background:#2050df; box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1); } */ #search_mini_form { position: absolute; right: 0; top: 0; } #search_mini_form label {display: none;} .form-search input.input-text { color:#2050df; background: #d2dfee; border: none; box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px -1px 0 rgba(255, 255, 255, 0.6); height: 22px; width:262px; padding:5px 9px; float:left; -moz-transition:all 0.15s; -webkit-transition:all 0.15s; transition:all 0.15s; } .form-search input.input-text:hover, .form-search input.input-text:focus { background: #F0F5FA; box-shadow: inset 0px 1px 0px rgba(0,30,120, 0.8), inset 0px -1px 0 rgba(0,30,120, 0.8); height: 22px; cursor: pointer; } .form-search button.button { background: #3269b0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyNjliMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI1NDU3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIyNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3269b0 0%, #25457b 50%, #192252 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3269b0), color-stop(50%,#25457b), color-stop(100%,#192252)); background: -webkit-linear-gradient(top, #3269b0 0%,#25457b 50%,#192252 100%); background: -o-linear-gradient(top, #3269b0 0%,#25457b 50%,#192252 100%); background: -ms-linear-gradient(top, #3269b0 0%,#25457b 50%,#192252 100%); background: linear-gradient(to bottom, #3269b0 0%,#25457b 50%,#192252 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3269b0', endColorstr='#192252',GradientType=0 ); border:1px solid #001e78; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-top-right: 6px; -moz-border-radius-bottom-right: 6px; -moz-border-radius-top-left: 0px; -moz-border-radius-bottom-left: 0px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1); -moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1); box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1); height: 32px; width: 44px; margin: 0; padding:0; float:left; } .form-search button.button:hover { background:#2050df; box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1); } .form-search button.button span {background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn-search.png) no-repeat; height:14px;width:14px;margin:0 auto;padding:0;display: block;} .form-search .search-autocomplete { z-index:999; } .form-search .search-autocomplete ul { border:1px solid #999; background-color:#f9f5f0; } .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .form-search .search-autocomplete li.odd { background-color:#f6f6f6; } .form-search .search-autocomplete li.selected { background-color:#ecf9ea; } /* Search Results Page */ .cse .gsc-control-cse, .gsc-control-cse, .gsc-results .gsc-cursor-box .gsc-cursor-current-page { background: none !important; border: none !important; padding:0px !important; } .catalogsearch-result-index .col-main ul li { border-bottom: 1px solid #ddd; padding:15px 0 10px; } .catalogsearch-result-index .col-main ul li a { font-size: 14px; } #searchterm { margin:0; position: absolute; top:6px; left:272px; display: none; } .cms-search-results-html #searchterm { display: block; } #searchterm span { color:#000; margin:0 2px; } .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult, .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column, .gsc-results .gsc-cursor-box .gsc-cursor-page { background: none !important; border: none !important; } .gs-title a { color:#2050df !important; text-decoration: none !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page { color:#2050df !important; font-size: 1em !important; text-decoration: none; display: inline-block !important; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color:#fff !important; font-weight: normal !important; text-align: center; text-shadow: none !important; background: #80A5CA !important; border-radius: 10px; width:20px; } .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column { margin: 25px 0 !important; } .gcsc-branding, .gsc-url-bottom { opacity: 0.5; filter:alpha(opacity=50); } /* .gs-no-results-result:after { content:"Please refer to our sitemap if you cannot find what you're looking for:"; display: block; } */ /********** Navigation */ .nav-container { height: 32px; width: 100%; margin: 0 auto; position: relative; z-index: 20; } .nav-container select { width: 100% } #nav { width:1020px; margin: 0 auto; position: relative; z-index: 100; overflow: visible; } /* All Levels */ #nav li.over { z-index:998; } #nav a, #nav a:hover { color:#fff; text-decoration:none; text-transform:uppercase; display:block; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /* 0 Level */ #nav li { font-family: 'Exo2SemiBold'; font-size: 13px; line-height: 1.4; background: #3269b0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyNjliMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI1NDU3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIyNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3269b0 0%, #25457b 50%, #192252 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3269b0), color-stop(50%,#25457b), color-stop(100%,#192252)); background: -webkit-linear-gradient(top, #3269b0 0%,#25457b 50%,#192252 100%); background: -o-linear-gradient(top, #3269b0 0%,#25457b 50%,#192252 100%); background: -ms-linear-gradient(top, #3269b0 0%,#25457b 50%,#192252 100%); background: linear-gradient(to bottom, #3269b0 0%,#25457b 50%,#192252 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3269b0', endColorstr='#192252',GradientType=0 ); border-top:1px solid #001e78; border-bottom:1px solid #001e78; -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3), inset 1px 0px 0 rgba(255, 255, 255, 0.2), inset -1px 0px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3), inset 1px 0px 0 rgba(255, 255, 255, 0.2), inset -1px 0px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3), inset 1px 0px 0 rgba(255, 255, 255, 0.2), inset -1px 0px 0px rgba(0, 0, 0, 0.4); float:left; } #nav li.home { border-left:1px solid #001e78; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #nav li.over, #nav li.active { background:#2050df; box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3), inset 1px 0px 0 rgba(255, 255, 255, 0.2), inset 0px -1px 0 rgba(255, 255, 255, 0.2), inset -1px 0px 0px rgba(0, 0, 0, 0.4); } #nav > li > a { padding:6px 36px; } /* 2nd Level */ #nav ul { background: #404552; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 2px 2px rgba(0,0,0,0.5); height: 290px; width: 1060px; margin-left: -540px; padding: 10px 10px 0; position: absolute; top: 32px; left: 50%; z-index: 10; display: none; } #nav ul ul {display: none;} /* #nav ul:before { content:""; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 11px solid #dce7f2; display: block; position: absolute; top:12px; left:170px; z-index: 200; } */ /* .cms-home #nav ul { background: none; box-shadow: none; } */ #nav ul li, #nav ul li.active { background: #fff; border:1px solid #404552; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 0 2px 2px #202329; height:111px; width:150px; margin:20px 10px 0; display: inline-block; position: relative; } #nav ul li span { color:#fff; font-family: 'OpenSansCondensed', sans-serif; font-size: 11px; line-height: 1.2; letter-spacing: 0.05em; background: rgba(49,53,63,0.7); -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; min-height:25px; width:130px; padding:8px 10px; display: block; position: absolute; bottom: 0; } #nav ul li:hover { background: #fff; border:1px solid #F0F5FA; box-shadow: none; height:111px; width:150px; margin:20px 10px 0; } #nav ul li:hover span { background: #2050df; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #nav ul li img { border-radius: 4px; max-height:111px; max-width:150px; margin:0 auto; display: block; } /* Sidebar =============================================================================== */ .block { margin:18px 0; } .block:first-child { margin-top: 0; } .block .block-content li.item {margin-bottom: 18px; } .block .block-content .product-name { color:#4f8100; margin-bottom: 0; } .block .btn-remove, .block .btn-edit { float:right; } .block .actions { text-align:right; } .block .actions a { float:left; } .block .actions button.button { float:right; } /* Mini Products List */ .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:60px; } /* Block: Account */ .block-account .block-title { background:#666; padding: 0 10px;} .block-account .block-title strong { color:#fff; } .block-account .block-content li a { display:block; color:#5f5d5c; text-decoration:none !important; } .block-account .block-content li a:hover { color:#444; } /* Block: Currency Switcher */ .block-currency { background:#f4f4f4; } .block-currency .block-title { border:0; background:none; text-transform:none; } .block-currency .block-title strong { text-transform:none; } .block-currency .block-content select { width:100%; padding:0; } /* Block: Layered Navigation */ .block-layered-nav p.block-subtitle { margin-bottom: 0; text-transform: uppercase; font: 12/1.5; display: none; } .block-layered-nav dt { font-weight:bold; } .block-layered-nav dd li { margin: 9px 0; } .block-layered-nav dd a { color:#444; } .block-layered-nav .currently .label { font-weight:bold; } .block-layered-nav .actions { margin:0; } .block-layered-nav .actions a { float:none; } /* Block: Cart */ .block-cart .summary { padding:9px 3px; text-align:center; position:relative; z-index:1; background: #f5f4f4; -moz-box-shadow: inset 0 0 5px 5px #edeaea; -webkit-box-shadow: inset 0 0 5px 5px#edeaea; box-shadow: inset 0 0 5px 5px #edeaea; border-radius: 4px; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { margin:9px } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { display:none !important; } .block-cart .actions .paypal-logo { float:left; width:100%; text-align:right; } /* Block: Wishlist */ .block-wishlist .actions { text-align:right; } .block-wishlist .actions a { float:none; } /* Block: Related */ .block-related .block-subtitle { font-weight:bold; border:0; text-transform:none; } .block-related input.checkbox { float:right; } .block-related .product { margin-right:20px; } /* Block: Compare Products */ .page-popup .link-print { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px; } .compare-table { border:0; } .compare-table thead, .compare-table thead tr.first { background:#fff; } .compare-table thead tr.first th, .compare-table thead tr.first td { border:0; background:none; padding:0 0 4px; font-size:0; line-height:0; } .compare-table .btn-remove { float:right; background-image:url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn_remove.gif); width:12px; height:12px; } .compare-table tbody th { background:#e9e9e9; } .compare-table tbody th, .compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; } .compare-table tbody td.last { border-right:1px solid #ccc; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; } .compare-table tr.add-to-row td { background:#fffada; text-align:center; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; color:#203548; } .compare-table tr.first td .product-name a { color:#203548; } .compare-table tr.first td .ratings { width:69px; margin:0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin:9px 0; } .compare-table .add-to-links li { background:none; padding:0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll .block-subtitle { font-size:12px; } .block-poll label { color:#777; font-weight:bold; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags .block-content .tags-list { border:0; background:none; padding:0; } .block-tags .block-content li a { color:#444; } .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Reorder */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner */ .block-banner { border:0; } .block-banner .block-content { padding:0; background:none; text-align:center; } /* Block: Login */ .block-login .block-content { padding:5px 10px; } .block-login label { font-weight:bold; color:#555; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } .block-login .actions { background:none; padding:0; margin:3px 0 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Category Page ========================================================================= */ .category-description {margin:0 0 18px;} body.detail .category-description { border:1px solid #80a5ca; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; } .category-image { width:100%; overflow:hidden; margin:0 0 18px; text-align:center; } body.detail .category-image { line-height: 140px !important; border-right:1px solid #80a5ca; min-height:140px; max-height: 320px; width:220px; margin:10px 0; padding:20px 15px; float: left; position: relative; } .category-image a {display: block;} .category-image a, .category-image a:before { opacity: 0.9; filter:alpha(opacity=90); -moz-transition:all 0.15s; -webkit-transition:all 0.15s; transition:all 0.15s; } .category-image a:before { content:""; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-zoom.png) no-repeat left top; height:14px; width:14px; position: absolute; top:0; left:10px; opacity: 0.6; filter:alpha(opacity=60) saturate(0); -webkit-filter: saturate(0); -moz-filter: saturate(0); -ms-filter: saturate(0); -o-filter: saturate(0); display: none; } body.detail .category-image a:before { display: block; } .category-image a:hover, .category-image:hover a:before { opacity: 1.0; filter:alpha(opacity=100) saturate(1); -webkit-filter: saturate(1); -moz-filter: saturate(1); -ms-filter: saturate(1); -o-filter: saturate(1); } .category-image img { display: inline-block; vertical-align: middle; line-height: normal; max-height: 90%; max-width: 100%; } body.detail .description-text { color:#444; font-size:14px; width: 490px; padding:10px 10px 50px; float: right; } .category-description ul, .spec-wrapper ul, #product-manuals ul { list-style:none; margin-left: 4px; } .category-description ul li, .spec-wrapper ul li, #product-manuals ul li { color:#517496; font-size: 14px; letter-spacing:0.05em; line-height:1.2; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bullet-drop.png) no-repeat left 2px; margin:5px 0 10px; padding-left:15px; } .spec-wrapper ul ul li, .category-description ul ul li { font-size: 0.95em; background-size: 7px 10px; } .spec-wrapper ul ul, .category-description ul ul { margin:10px 0 15px 5px; } .spec-wrapper ul ul li, .spec-wrapper ul ul li { color:#777; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bullet-drop-gray.png) no-repeat left top; background-size: 7px 11px; /* -webkit-filter: grayscale(0.8) opacity(0.9); -moz-filter: grayscale(0.8); -ms-filter: grayscale(0.8); -o-filter: grayscale(0.8); filter: grayscale(0.8); filter: url(http://appliedmembranes.com/skin/frontend/default/respond/css/grayscale.svg); filter: gray; */ } /* View Type: Grid */ .products-grid { position:relative; width:220px; display: inline-block; } .products-grid.last { border-bottom:0; } .products-grid li.item { display: inline-block; vertical-align: top; width:200px; /* margin-left: 20px; */} .products-grid li.item:hover a {color:#2050df;} .products-grid li.item:hover img {opacity: 1.0;filter:alpha(opacity=100);} .products-grid li.last { margin-right: 0; } .products-grid .product-image { display: block; margin-bottom: 10px; } .products-grid .product-image img { opacity: 0.9; filter:alpha(opacity=90); display:block; height: auto; max-height:80px; max-width: 100%; width: auto; /* Prevents scaling problem in IE8; */ margin:0 auto; } .products-grid.first .product-image { border-top:0; } .products-grid li.last .product-image { border-right:0; } .products-grid .product-name { font-size:11px; font-weight: bold; line-height:1.2; margin: 0; } .products-grid .product-name a { color:#80a5ca; text-transform: uppercase; letter-spacing: 0.1em; } .products-grid .product-name a:hover { text-decoration:none; } .products-grid .price-box { display: none; } .products-grid .availability { line-height:21px; } .products-grid .actions { bottom: 0; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 10px; } .products-list li.item.last { border-bottom:0; } .products-list .product-shop { margin-left:185px; } .products-list .product-image img { float:left; width:170px; height:170px; margin:0 0 10px; } .products-list .product-name { font-size:12px; margin:0 0 6px; } .products-list .product-name a { color:#444; text-decoration:underline; } .products-list .product-name a:hover { text-decoration:none; } .products-list .price-box { float:left; margin:4px 13px 0 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 13px; line-height:1.35; } .products-list .add-to-links { clear:both; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { margin:9px 0; } .ratings strong { float:left; margin:0 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:50px; height:10px; margin-bottom: 8px; font-size:0; line-height:0; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:10px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin:5px 5px 0 0; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } .ratings-table td { padding:4px 0 0; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#e9e9e9; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #d9dde3; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd { background:#fff; } .availability-only-details tr.even { background:#fcfcfc; } .availability-only-details tr.odd td.last { color:#396f00; font-weight:bold; } .availability-only-details tr.last td { border-bottom:none; } .product-view .product-shop .availability { font-size:11px; line-height: 1.63636636363;} .product-view .product-shop .availability span { font-weight:normal; } /* Email to a Friend */ .email-friend { margin:0; } /* Alerts */ .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box { margin:9px 0; } .price-box .price { font-size:11px; font-weight:bold; line-height: 1.63636363636 } /* Regular price */ .regular-price {} .regular-price .price { font-size:13px; font-weight:bold;} /* Old price */ .old-price { margin:0; } .old-price .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } .old-price .price { font-weight:bold; font-size:13px; text-decoration:line-through; } /* Special price */ .special-price { margin:0; } .special-price .price-label { font-size:11px; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:#000; } .special-price .price { font-size:13px; font-weight:bold; } /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; font-size:12px; text-decoration:underline; } .minimal-price-link .label { } .minimal-price-link .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; color:#888; } .price-including-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#396f00; } /* Excluding tax */ .price-excluding-tax { display:block; color:#888; } .price-excluding-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; } .price-excluding-tax .price { font-size:12px; font-weight:normal; color:#396f00; } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-size:13px; font-weight:bold; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; font-weight:normal; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Price range */ .price-from { margin:0; } .price-from .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:7px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; text-transform:uppercase; } .price-box-bundle { padding: 9px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } .price-box-bundle .price { color:#222; } f/********** Product Prices > */ /* Tier Prices */ .tier-prices { margin:10px 0; padding:10px; background:#f4f9ea; border:1px solid #ddd; } .tier-prices .benefit { font-style:italic; font-weight:bold; } .tier-prices .price { font-weight:bold;; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .add-to-links { } .add-to-links li { margin: 9px 0; } .add-to-links li a { color:#444; } .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart { padding: 9px 0;} .add-to-cart label { margin-right:5px; font-weight:bold; line-height:20px; color:#555; } .add-to-cart .qty { margin-right:5px; } .add-to-cart button.button { margin: 0; } .add-to-cart .paypal-logo { clear:left; margin:0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Add to Links + Add to Cart */ .add-to-box { margin:10px 0; } .add-to-box .add-to-cart { margin:10px 0; border:1px solid #eee; background-color:#f8f8f8; padding:10px; text-align:right; } .add-to-box .add-to-cart .paypal-logo { float:right; } .add-to-box .or { display:none !important; } .add-to-box .add-to-links { margin:10px 0; text-align:right; } .add-to-box .add-to-links li .separator { display:none !important; } .product-view {} .product-essential { padding:0 0 25px; } .product-essential h2 { } .product-collateral {} .product-collateral h2 { font-size:19px; font-weight:normal; line-height:1.15; } .product-collateral .box-collateral {} /* Product Images */ .col1-layout .product-view .product-img-box { float:left; width:460px; } .col2-left-layout .product-view .product-img-box, .col2-right .product-view .product-img-box { width: 100%; } .product-view .product-img-box .product-image { margin:0 0 10px; border:1px solid #cacaca; } .product-view .product-img-box .product-image-zoom { position:relative; width:300px; height:300px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { margin:0 0 10px; text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:24px; margin:0 auto 13px; padding:0 28px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:3px; width:9px; height:18px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:10px; top:7px; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:10px; top:7px; } .product-view .product-img-box .more-views h2 { font-size:10px; font-weight:normal; padding:0 0 2px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .product-view .product-img-box .more-views ul { margin-left:-10px } .product-view .product-img-box .more-views li { float:left; margin:0 0 8px 10px; } .product-view .product-img-box .more-views li a { float:left; width:66px; height:66px; border:1px solid #ddd; overflow:hidden; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { border:1px solid ##F2F2F2; margin:18px 0; padding:9px; } .product-image-popup .nav { font-weight:bold; margin:0 100px; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { font-size:12px; font-weight:bold; margin:0 0 10px; color:#2f2f2f; } /* Product Shop */ .col1-layout .product-view .product-shop { float:right; width:460px; } .col2-left-layout .product-view .product-shop, .col2-right .product-view .product-shop { width: 100%; } .product-view .product-shop .product-name { margin:0 0 5px; } .product-view .product-shop .product-name h1 { font:bold 13px/1.384615385 ColaborateRegular, helvetica, arial, sans-serif; } .product-view .product-shop .availability { margin:9px 0; } .product-view .product-shop .short-description { margin:9px 0; } .product-view .product-shop .price-box { margin:9px 0; } .product-view .product-shop .add-to-links { margin:0; } .product-view .product-shop .add-to-links { text-align:right; } .product-view .product-shop .add-to-links li { display:inline; margin-left:12px; } .product-view .product-shop .add-to-links li .separator { display:none !important; } .product-view .product-shop .product-options-bottom .paypal-logo { float:left; } /* Product Options */ .product-options { margin:18px 0 0; padding:0 15px 10px; background: #f4f2f2; position:relative; } .product-options .toggle { cursor: pointer; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-weight:bold; } .product-options dt label.required em { color:#eb340a; margin-right:5px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#444; } .product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #ddd; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .product-options dd input.input-text { background: #fff; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { height:8em; background: #fff; } .product-options dd select { background: #fff; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { padding:2px 0; } .product-options ul.options-list input.radio { float:left; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:2px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { position:absolute; right:15px; top:0px; } .product-options-bottom { background-color:#e7e5e5; padding:15px 20px; border-top:1px solid #e4e4e4; } .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; } .product-options-bottom .price-box { float:left; margin:0; } .product-options-bottom .add-to-links { clear:both; text-align:right; } .product-options-bottom .price-label { padding-right:5px; } .product-options-bottom .price-tax { float:left; } .product-options-bottom .add-to-cart { float:right; margin:0; padding:9px 0; border:0; background:0; } .product-options-bottom .add-to-links { float:right; display:inline; } .product-shop .product-options-bottom .price-box { float:none; margin:0; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart { clear:both; float:none; padding:12px 0 0; text-align:left; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin:0; padding:0; } /* Product Tabs */ ul.product-tabs{ border-bottom: 1px solid #DDDDDD; display: block; margin: 0 0 18px; padding: 0; } .product-tabs li { display: block; float: left; height: 35px; margin-bottom: 0; padding: 0; width: auto; } .product-tabs li.first a { border-top-left-radius: 2px; border-width: 1px 1px 0;} .product-tabs li.last a { border-top-right-radius: 2px; } .product-tabs a { background: #F5F5F5; border-color: #DDDDDD; border-style: solid; border-width: 1px 1px 0 0; display: block; font-size: 13px; height: 35px; line-height: 36px; margin: 0; padding: 0 20px; text-decoration: none; width: auto;} .product-tabs a:hover { background-color:#ddd; text-decoration:none; color:#444; } .product-tabs li.active a, .product-tabs li.active a:hover { background: none repeat scroll 0 0 #FFFFFF; border-left-width: 1px; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #111111; height: 36px; margin: 0 0 0 -1px; padding-top: 4px; position: relative; top: -4px;} .product-tabs-content h2 { display:none; font-size:12px; font-weight:bold; } /* Mini Products Grid */ .mini-products-grid { margin: 18px -20px; } .mini-products-grid li { float: left; margin-left: 20px; width: 160px; } .mini-products-grid .product-image { display:block; margin:0 0 18px; } .mini-products-grid .product-name { overflow:hidden; margin-bottom: 0;} .mini-products-grid .product-name a { color:#444; text-decoration:underline; } .mini-products-grid .product-name a:hover { text-decoration:none; } .mini-products-grid li.last { padding-right:0; } .mini-products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height:1.25; } /* Block: Upsell */ .product-view .box-up-sell h2 { margin:0 0 8px; } #product_tabs_upsell_products_contents h2 { display:block; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3 { font-size:12px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .form-add label { display:block; font-size:12px; font-weight:bold; margin:0 0 3px; } .product-view .box-tags .form-add .input-box { margin:9px 0; width: 460px; } .product-view .box-tags .form-add { width:100%; } .product-view .box-tags .form-add input.input-text { } .product-view .box-tags .form-add button.button { clear: both; } .product-view .box-tags .form-add button.button span { } .product-view .box-tags .note { margin:2px 0 0; font-size:10px; } /* Block: Reviews */ .product-view .box-reviews dl { margin:18px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 18px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:18px 0 0; } .product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:12px; } .product-view .box-reviews .form-add .data-table td { text-align:center; } /* Send a Friend */ .send-friend .form-list { overflow:hidden; } .send-friend .form-list li { margin-right:-15px; } .send-friend .form-list li p { margin:9px 0; } .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:25px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-family: colaborateregular, helvetica, arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.5;} /*.product-name a { color:#444; }*/ /* Product Tags */ .tags-list { display:block; font-size:13px; border:1px solid #ddd; background:#f6f6f6; padding:10px; } .tags-list li { display:inline !important; margin:0 4px 0 0; } .tags-list li a { color:#1b2d3b; } /* Advanced Search */ /* .advanced-search .form-list label { } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range {} .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #ddd; background:#ecf9ea; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; } .advanced-search-summary li { margin:2px 0; } .advanced-search-summary p { clear:both; font-weight:bold; margin:9px 0; } */ /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a { color:#444; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a { color:#4f8100; } /* RSS */ .rss-title h1 { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/i_rss-big.png) 0 3px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .page-title {} .cart > .checkout-types { text-align: center; } /* Checkout Types */ .cart .page-title .checkout-types { display:none !important; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table-wrap { overflow: auto; } .cart-table th { padding:9px 10px; } .cart-table td { padding:9px; } .cart-table .product-name { font-weight:bold; margin:0; color:#444; } .cart-table .item-msg { margin:9px 0; font-size:11px; font-weight:bold; color:#df280a; line-height: 1.6363636363} .cart-table tfoot td { padding:9px 10px; } .cart-table .btn-continue { float:left; } .cart-table .btn-continue span { } .cart-table .btn-continue:hover span { } .cart-table .btn-update span {} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:18px 0 0; } .cart .cart-collaterals .col2-set .col-1 { width:222px; } .cart .cart-collaterals .col2-set .col-2 { width:655px; background:#e6f7d7; } ul.crosssell-products-list { margin: 10px auto; } .cart .crosssell { border:1px solid #ddd; background:#f7f7f7; padding:10px; clear: both; float: left; } .cart .crosssell h2 { font-size:12px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; } .cart .crosssell .product-details { } .cart .crosssell .product-name { font-weight:bold; } .cart .crosssell li.item { margin:0 0 8px; padding-bottom:5px; display: inline-block; vertical-align: top; width: 220px; } .cart .crosssell li.last { border-bottom:0; padding-bottom:0; margin:0; } .cart .crosssell .link-compare { font-weight:normal; } .cart .no-crosssell { width:100%; overflow:hidden; } .cart .no-crosssell img { display:block; margin:0 0 10px; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .collat-wrap { float: left; width: 100%; } .cart div.discount, .cart div.shipping { padding:9px 0; float: left; width: 280px; } .cart .discount h2, .cart .shipping h2 { width:225px; font:normal 14px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; } .cart .discount .discount-form, .cart .shipping .shipping-form { } .cart .discount .buttons-set, .cart .shipping .buttons-set { } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin:0; } .cart .discount .buttons-set button.button span, .cart .shipping .buttons-set button.button span { } .cart .discount .buttons-set button.button span span, .cart .shipping .buttons-set button.button span span { } .cart .discount { border-bottom:1px solid #c0d2af ; margin-right: 24px; } .cart .discount label { font-weight:bold; color:#555; } .cart .discount .input-box { } .cart .discount input.input-text { width: 95%; } .cart .shipping p { margin:9px 0; } .cart .shipping .sp-methods { margin:10px 0 0; padding:6px 0 0; border-top:1px solid #c0d2af; } .cart .shipping .form-list .input-box { } .cart .shipping .form-list input.input-text { } .cart .shipping .form-list select { } /* Shopping Cart Totals */ .crosssell-wrap {} .cart .totals { padding:12px 0; float: right; width: 340px;} .cart .totals table { float:right; margin:9px 0; width: 100%; } .cart .totals td { border-bottom: 1px solid; margin: 9px 0 8px 15px; padding: 9px 10px 8px 0; } .cart .totals tr.last td {} .cart .totals tfoot td {} .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:14px; line-height: 1.285714286; font-weight:bold; } .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { clear:both; margin:9px 0; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; text-decoration:none !important; } .truncated a.details { cursor:help; text-decoration:none !important; display:inline-block; border-bottom:1px dotted #4f8100; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; z-index:999; width:250px; padding:8px; border:2px solid #ddd; border-bottom-color:#666; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options dt { margin-top:0; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:10px; } .col-right .truncated .show .item-options { left:-240px; top:10px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:13px 0 5px; font-weight:bold; } .sp-methods dd {} .sp-methods dd li { margin:9px 0; } .sp-methods label { font-weight:bold; color:#555; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods .form-list li { margin: 0 10px 8px 0; } .sp-methods select.month { width:154px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:1.5em 0 2em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:2px solid #ddd; border-bottom-color:#666; background:#f6f6f6; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:12px; height:12px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages-form .whole-order { margin:0 0 25px; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:255px; } .gift-messages-form .item .details .form-list .input-box { width:240px; } .gift-messages-form .item .details .form-list input.input-text { width:234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } .gift-messages-form .item .details .form-list li.wide textarea { width:494px; } .gift-message-link { font-size:11px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; width:12px; height:12px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn_remove.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background:#fbfbfb; border:1px solid #e4e4e4; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#555; } .opc .checkout-agreements { padding:5px 30px; } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background:#fff; padding:5px; } .opc .checkout-agreements .agree { padding-left:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { padding:10px 30px; } /* Generic Info Set */ .info-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } .info-set h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } .info-set h3, .info-set h4 { font-size:12px; font-weight:bold; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } .info-set h2.legend a { color:#fff; } .info-set h3.legend { margin:0 0 10px; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .checkout-onepage-index .col-main { float: left; } .checkout-onepage-index .col-left { float: right; margin-left; 20px; } .block-progress { border:0; margin:0; } .block-progress .block-title { background:none; border:0; padding:0; } .block-progress .block-title strong { font-size:12px; } .block-progress .block-content { background:none; padding:0; } .block-progress dt { font-size:14px; line-height:1.285714286; margin:9px 0; text-transform:uppercase; } .block-progress dt:before { content: "// "; } .block-progress dd { border-top:0; padding:9px 10px; margin:9px 0; } .block-progress dt.complete a { text-transform:none; } .block-progress p { margin:9px 0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:11px; line-height: 1.636363636; font-weight:bold; margin:9px 0; padding:0; text-transform:none; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } .opc .buttons-set p.required { margin:0; padding:0 10px 0; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:36px; line-height:36px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc .step-title { padding:9px 8px; text-align:right; border-bottom: 1px solid #ccc; } .opc .step-title .number { float:left; padding:0 3px; margin:0 5px 0 0; font:normal 11px/1.63636363636 arial, helvetica, sans-serif; color:#444; position: relative; top: 25px; } .opc .step-title h2 { color: #999999; float: left; font-family: colaboratethinregular, helvetica, arial, sans-serif; font-size: 24px; letter-spacing: 0.1em; line-height: 1.5; margin: 0; text-transform: uppercase; margin-left: 20px;} .opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } .opc .allow .step-title { cursor:pointer; } .opc .allow .step-title .number {} .opc .allow .step-title h2 { } .opc .allow .step-title a { display:block; margin-top: 12px; text-transform:uppercase; } .opc .active .step-title { padding-bottom:9px; color:inherit; cursor:default; border-bottom: 1px solid #000; } .opc .active .step-title .number {} .opc .active .step-title h2 { color: #000; } .opc .active .step-title a { display:none; } .opc .step { padding:18px 0; position:relative; } .opc .step .tool-tip { right:30px; } #checkout-step-login .col2-set .col-1 { float: right; } #checkout-step-login .col2-set .col-2 { float: left; } #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } #opc-shipping_method .buttons-set { border-top:0; } .opc .gift-messages-form { margin:0 -30px; background:#f4f4f4; border:1px solid #ddd; border-width:1px 0; padding:22px 24px 22px 30px; } .opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; } #opc-review .step { padding:0; } #opc-review .product-name { font-weight:bold; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:1px solid ##F2F2F2; padding:9px; } #opc-review .buttons-set p { margin:9px 5px 0 0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 90px; margin:0 0 20px; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:6px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#888; } .checkout-progress li.active { border-top-color:#e96200; color:#e96200; } .multiple-checkout h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size:12px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; } .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .place-order .please-wait { float:right; padding:5px 10px 0 0; } .multiple-checkout .place-order .grand-total { float:right; } .multiple-checkout .place-order .grand-total .inner {} .multiple-checkout .place-order .grand-total big { float:left; margin-right:12px; font-size:1.5em; font-weight:bold; line-height:28px; color:#e26703; } .multiple-checkout .place-order .grand-total div { float:left; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #ddd; background:#eee; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { display:none; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content { min-height:200px; padding:0 10px; } .account-login .content h2 { font-size: 13px; line-height: 1.385; } .account-login .buttons-set {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #888; border-bottom-color:#777; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #999; -webkit-box-shadow:0 0 6px #999; box-shadow:0 0 6px #999; z-index:1000; } .remember-me-popup h3 { background:#dedede; border-bottom:1px solid #ccc; color:#444; font-size:14px; margin:0; padding:7px 10px 5px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:9px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { border-top:1px solid #e6e6e6; padding:10px; } .remember-me-popup .remember-me-popup-body a, .remember-me-popup .remember-me-popup-body a span { display:inline-block; height:28px; background:transparent url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_btn.png) 0 0 no-repeat; padding:0 0 0 6px; font:bold 11px/25px Tahoma, Verdana, Arial, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#555; } .remember-me-popup .remember-me-popup-body a span { background-position:100% 0; padding:0 15px 0 9px; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 8em 1.5em 0; } .dashboard .welcome-msg p { margin:9px 0; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { margin:0 0 15px; } .box-account .box-head { margin:0 0 5px; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:14px; font-weight:bold; color:#4f8100; } .box-account .box-head a { font-size:10px; text-transform:uppercase; } .dashboard .box .box-title { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; font-size:12px; font-weight:bold; line-height:1.35; } .dashboard .box .box-title a { font-size:10px; text-transform:uppercase; } .dashboard .box .box-content { padding:0 10px; } /* Block: Recent Orders */ .dashboard .box-recent {} /* Block: Account Information */ .dashboard .box-info {} .dashboard .box-info h4 { font-size:11px; font-weight:bold; } /* Block: Reviews */ .dashboard .box-reviews .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } .dashboard .box-reviews .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } .dashboard .box-reviews .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-reviews .details { padding:0 10px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } .dashboard .box-tags .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } .dashboard .box-tags .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-tags .details { padding:0 10px; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2 { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; font-size:13px; font-weight:bold; line-height:1.25; } .addresses-list h3 { font-weight:bold; font-size:12px; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:9px 0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove {} .addresses-list .separator { margin:0 3px; } .addresses-list li.item { padding:0 10px; margin:0 0 12px; } .addresses-list li.empty {} .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item {} /* Order View */ .order-info dt { display:none; } .order-info ul { margin-bottom:15px; border-bottom:1px solid #666; background:#f2f2f2 url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_tabs.gif) 0 100% repeat-x; } .order-info li{ float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; } .order-info li.first { border-left:0; } .order-info li.last { border-right:0; } .order-info li a { display:block; padding:6px 15px; color:#444; } .order-info li a:hover { background-color:#ddd; text-decoration:none; color:#444; } .order-info li.current { background-color:#666; font-weight:bold; padding:6px 15px; color:#fff; } .order-date { margin:10px 0; } .order-info-box { margin:0 0 15px; } .order-info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; } .order-info-box .box-payment p { margin:9px 0; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 .45em; } .order-items h3 { font-size:12px; } .order-items .product-name { font-weight:bold !important; } .order-items .link-print { font-size:10px; text-transform:uppercase; } .order-items .order-links { text-align:right; } .order-items .order-links .link-print { font-weight:bold; font-size:11px; text-transform:none; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#555; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:15px; font-weight:bold; font-family: colaborateregular, helvetica, arial, sans-serif; } .page-print h2, .page-print h3 { font-size:12px; font-weight:bold; } .page-print h2.h2 { font-size:15px; font-weight:bold; text-align:right; } .page-print .order-date { border-bottom:1px solid #ccc; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .data-table td { padding:10px; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; } .my-wishlist .buttons-set { border:1px solid ##F2F2F2; padding:9px; margin:18px 0; box-shadow: 0 0 7px 5px #F2F2F2 inset; width: 90%; float: left; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span {} #wishlist-table .add-to-links { white-space:nowrap; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews */ #my-reviews-table td { padding:10px; } #my-reviews-table .rating-box { margin:3px 0 0; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } .billing-agreements .info-box p { margin:9px 0; } .billing-agreements .form-list li select { float:left; margin:3px 10px 0 0; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; padding:40px 0 10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { background:#f6f6f6; color:red; display:block; font-size:10px; line-height:14px; font-weight:bold; padding:5px; text-shadow:0 1px 0 #fff; box-shadow:0 0 3px #ccc; border-radius:5px; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#efefef ; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:9px; right:10px; height:15px; width:15px; text-indent:-9999em; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* Footer */ .footer-container {margin:40px 0 0;} #emblems { padding:40px 0; } #emblems span { width:710px; margin: 0 auto; display: block; } #emblems img { margin:0 30px; display: inline; } #footer-top { color:#d2d2d2; background: #0c246c; box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.4), inset 0px 5px 20px rgba(0, 0, 0, 0.4); padding:30px 0 40px; } #footer-top p {color:#eee;} #footer-top h4 { color:#fff; font-family: 'Exo2SemiBold'; font-size: 14px; font-weight: normal; text-transform: uppercase; margin:0 0 15px; padding:5px 0 5px 28px; } #footer-top h4.nav-company { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-drop-white.png) no-repeat left center; } #footer-top h4.nav-products { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-products.png) no-repeat left center; } #footer-top h4.nav-order { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-order.png) no-repeat left center; } #footer-top ul { list-style: circle; padding-left:20px } #footer-top ul li { font-weight: bold; margin:5px 0; } #footer-top li a {color:#d2d2d2;} #footer-top li a:hover {color:#fff;text-decoration: none;} #footer-top div.left { border-right:1px dotted #888; width:240px; padding:0 20px; } #footer-top div.left.first { width:370px; } #footer-top div.left.first img { margin:20px 0; display: block; } #footer-top div.left.first p.left, #footer-top div.left.first p.right { color:#eee; font-weight: bold; letter-spacing: 0.05em; margin:0; } #footer-top div.left.first p.left { border-right:1px dotted #888; width:185px; } #footer-top div.left.first p.right { width:165px; } #footer-top div.left.first em { color:#d2d2d2; font-weight: normal; display: block; } #footer-top div.left.last { border-right:none; } #footer-bottom { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-footer-bottom.png) repeat-x center top; margin-top:-13px; padding:10px 0 80px; } #footer-bottom p { color:#80a5ca; font-size:10px; font-weight:bold; text-align: center; text-transform: uppercase;} #footer-bottom p#bottom-links a {color:#39b7d6;} #footer-bottom .social { width:110px;margin:20px auto 0; } #footer-bottom .social li { display: inline; margin-right: 10px; } #footer-bottom .links { margin-bottom:30px; } #footer-bottom .links ul { width: 380px; margin:0 auto; } #footer-bottom .links li { font-size: 10px; font-weight: bold; text-transform: uppercase; display:inline-block; } #footer-bottom .links a { color:#80a5ca; background-position:12px 5px !important; padding:9px 16px 10px 40px; display: block; } #footer-bottom .links a.nav-support { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-support-blue.png) no-repeat left center; } #footer-bottom .links a.nav-downloads { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-downloads-blue.png) no-repeat left center; } #footer-bottom .links a.nav-technical { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-technical-blue.png) no-repeat left center; } #footer-bottom .links a.nav-employment { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/icon-employment-blue.png) no-repeat left center; } .footer .bugs { margin:0; color:#666; } .footer .bugs a { font-weight:bold; color:#444; } .footer address { clear: both; display: block; } .footer address a { color:#444; } .footer .show-on-phones { display: none; } .footer .store-options{ color:#555; } .footer .store-options label { font-weight:bold; display: block; } .footer .store-options select { padding:0; vertical-align:middle; } /* Sample Data============================================================================ */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } /*.home-spot { float:left; width:470px; margin-left:20px; }*/ .best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:#eee url(http://appliedmembranes.com/skin/frontend/default/respond/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(http://appliedmembranes.com/skin/frontend/default/respond/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } /* * jQuery FlexSlider v1.4 * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0;position: relative;} .flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width:100%;display: block;} /* FlexSlider Theme */ .flexslider-container { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/slider/bg-slider.png) no-repeat; background-size: 100% 330px; border-bottom:1px solid #eee; height:330px; width:100%; margin: -13px auto 40px; display: block; z-index: 1; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; } .flexslider-container:after { content: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-hr.png); } .flexslider-container.cover { background: #404552; } .flexslider-container.cover:after { content:none; } .flexslider-container.cover .flexslider { display: none; } .flexslider { position: relative; } .flexslider .slides li { width:1020px; height:330px; margin: 0 auto; position: relative; } .flexslider .slides img { height:290px; width:410px; margin-bottom:-150px; position: absolute; bottom:50%; left:0; } /* Caption style */ .flex-caption { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/slider/bg-slider-caption.png) no-repeat; height:226px; width: 602px; position: absolute; right: 0; bottom: 40px; } .flex-caption p { color: #8f979f; font-size: 13px; font-weight: bold; font-style: italic; text-shadow: 0 -1px 0 rgba(255,255,255,.3); margin:0; padding:30px 35px; } .flex-caption .prod-name { color:#80a5ca; font-family: 'OpenSansCondensed', sans-serif; font-size: 22px; font-style: normal; text-transform: uppercase; margin-bottom:25px; display: block; } /* Direction Nav */ .flex-direction-nav li a {width: 29px; height: 61px; margin: -30px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;opacity:0.9;filter:alpha(opacity=90);} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */ .flex-direction-nav li a.next {background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/slider/slider-control-right.png) no-repeat;right: 0px;} .flex-direction-nav li a.prev {background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/slider/slider-control-left.png) no-repeat;left: 0px;} .flex-direction-nav li a:hover {opacity: 1.0;filter:alpha(opacity=100);} /* Control Nav */ .flex-control-nav {margin-left: -31px; position: absolute; bottom: -30px; left: 50%;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */ .flex-control-nav li {margin: 0 0 0 5px; float: left;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 10px; height: 10px; display: block; background:#aaa; border-radius: 5px;cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background:#888;} .flex-control-nav li a.active {background:#80a5ca; cursor: default;} /* Featured Products Slider */ #featured-wrapper { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-featured.png) repeat-x center top; margin:-13px 0 0; padding:40px 0 0; } h4#featured-title { color:#80a5ca; font-family: 'Exo2SemiBoldItalic'; font-weight: normal; text-align: center; letter-spacing: 0.05em; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/hr-featured.png) no-repeat center top; margin:0; padding:40px 0 0; } /* Buckets */ #buckets-wrapper { background: #cfd9e3; margin:-13px auto 0; padding:25px 0 20px; } #buckets-wrapper #buckets { width:1020px; margin:0 auto; } #buckets a {display: block;} .home-thumb { width: 316px; margin:15px 15px 20px; float: left; position: relative; } .home-thumb:nth-child(1) { margin-left:0; } .home-thumb:nth-child(3) { margin-right:0; } .subcategory-thumb { margin:15px 15px 20px; float: left; position: relative; } .parent .subcategory-thumb { margin:15px 8px 20px !important; } .parent .subcategory-thumb:first-child, .parent .subcategory-thumb:nth-child(3n+1) { margin-left:0 !important; } .parent .subcategory-thumb:nth-child(3n) { margin-right:0 !important; } .subcategory-thumb:nth-child(odd) {margin-left:0;} .subcategory-thumb:nth-child(even) {margin-right:0;} body.category-products .subcategory-thumb:nth-child(1), body.category-products .subcategory-thumb:nth-child(4), body.category-products .subcategory-thumb:nth-child(7), body.category-products .subcategory-thumb:nth-child(10) {margin:15px 0;} body.category-products .subcategory-thumb:nth-child(2), body.category-products .subcategory-thumb:nth-child(5), body.category-products .subcategory-thumb:nth-child(8), body.category-products .subcategory-thumb:nth-child(11) {margin:15px;} body.category-products .subcategory-thumb:nth-child(3), body.category-products .subcategory-thumb:nth-child(6), body.category-products .subcategory-thumb:nth-child(9), body.category-products .subcategory-thumb:nth-child(12) {margin:15px 0;} #buckets a:hover, .home-thumb:hover a, .subcategory-thumb:hover a {text-decoration: none;} .image-box { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGNlN2YyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 60%, #dce7f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#dce7f2)); background: -webkit-linear-gradient(top, #ffffff 50%,#dce7f2 100%); background: -o-linear-gradient(top, #ffffff 60%,#dce7f2 100%); background: -ms-linear-gradient(top, #ffffff 60%,#dce7f2 100%); background: linear-gradient(to bottom, #ffffff 60%,#dce7f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce7f2',GradientType=0 ); border:1px solid #80a5ca; border-top:none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: inset 0 0 0 1px #F3F7FA; height:220px; width: 248px; position: relative; -moz-transition:background 0.4s; -webkit-transition:background 0.4s; transition:background 0.4s; } .cms-home .image-box { width: 315px; } .col2-right-layout .image-box { width: 244px; } .parent .image-box { width: 240px; } .image-box:after { content:""; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-bottomcurve.png) no-repeat center top; height:15px; width:100%; margin:0 auto; display: block; position: absolute; bottom:-14px; -moz-transition:background 0.5s; -webkit-transition:background 0.5s; transition:background 0.5s; } .image-box img { max-height:110px; max-width:170px; margin: 5px auto 5px; display: block; opacity: 100; filter:alpha(opacity=100); -moz-transition:opacity 0.4s; -webkit-transition:opacity 0.4s; transition:opacity 0.4s; } #buckets .label-block { text-align: center; line-height: 30px; height:30px; margin:0; padding:13px 0 16px; display: block; position: relative; overflow: hidden; } #buckets .image-box .label-block { background: #404552; border-top:1px solid #404552; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); padding:13px 15px 27px; } #buckets .label { color:#fff !important; font-family: 'OpenSansCondensed', sans-serif; font-weight: 300; text-align: center; text-transform: uppercase; text-shadow: -1px -1px 0px #33363d; letter-spacing: 0.05em; display: block; vertical-align: middle; line-height: 1.2; margin:7px 0; } #buckets span.label { margin:0; display: inline-block; } #buckets .bucket-text .label-block { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/hr-bucket.png) no-repeat center bottom; margin-bottom:15px; } .home-thumb span.label {font-size: 16px;} .home-thumb p.label {font-size: 16px;} .subcategory-thumb span.label {font-size: 14px;} .subcategory-thumb p.label {font-size: 14px;} #buckets .image-box span.label:after, #buckets .bucket-text:after { content:""; background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-bucket-label.png) no-repeat center center; background-color:#fff; height:24px; width: 100%; margin:0; display: block; position: absolute; bottom:-1px; left:0; -moz-transition:background-color 0.4s; -webkit-transition:background-color 0.4s; transition:background-color 0.4s; } .bucket-text p { color:#fff; font-size:13px; line-height: 1.2; opacity: 0; filter:alpha(opacity=0); -moz-transition:opacity 0.4s; -webkit-transition:opacity 0.4s; transition:opacity 0.4s; } .home-thumb:hover p, .subcategory-thumb:hover p { opacity: 100; filter:alpha(opacity=100); } /* Bucket Overlay */ .bucket-text { background: #404552; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0 0 1px rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0 0 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0 0 1px rgba(255,255,255,0.2); height: 63px; width: 100%; position: absolute; top: 1px; left: 0; z-index: 0; visibility: hidden; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; } .cms-home .bucket-text { width:317px; } .bucket-text a {padding:0 16px;} .home-thumb:hover img, .subcategory-thumb:hover img { height:0; opacity: 0; filter:alpha(opacity=0); } .home-thumb:hover .bucket-text, .subcategory-thumb:hover .bucket-text { height: 194px; z-index: 10; visibility: visible; } .home-thumb:hover .bucket-text:after, .subcategory-thumb:hover .bucket-text:after { background-color:#979797 !important; } .home-thumb:hover .image-box, .subcategory-thumb:hover .image-box { background:#979797; } .home-thumb:hover .image-box:after, .subcategory-thumb:hover .image-box:after { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-bottomcurve-hover.png) no-repeat center top; } /* Clears */ .clearer:after, .constrain:after, .header-container .top-container:after, .header:after, .top-bar:after, .quick-access:after, .form-search:after, .gsc-search-box:after, #nav:after, .main:after, #webform_4_form:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, #buckets:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .order-info ul:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-tabs:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, #checkout-step-login .col2-set .col-1:after, #checkout-step-login .col2-set .col-2:after {content:"";display:block;height:0;clear:both;} /***** IE FIXES *****/ /* IE 6 only */ .lt-ie7 .validation-advice { height:13px; } .lt-ie7 .main { height:350px; } .lt-ie7 .account-login .content { height:200px; } .lt-ie7 .block li.item, .lt-ie7 .block-poll li, .lt-ie7 .opc li.section { vertical-align:top; } .lt-ie7 button.button span { background-image:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_btn.gif); } .lt-ie7 .form-search button.button span, .lt-ie7 .block button.button span, .lt-ie7 .product-view .box-tags .form-add button.button span, .lt-ie7 .footer .form-subscribe button.button span { background-image:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bkg_btn-small.gif); } .lt-ie7 .window-overlay { background:#ccc; filter:alpha(opacity=50); } /* Doubled Margin Fixes */ .lt-ie8 .product-view .product-img-box .more-views li, .lt-ie8 .product-view .box-tags .form-add .input-box, .lt-ie8 .sp-methods select.month, .lt-ie8 .footer .form-subscribe .input-box { display:inline; } /* Forms */ .lt-ie9 .input-box input.input-text { line-height: 34px; } .lt-ie8 .button { padding: 7px 10px 7px; } .lt-ie8 .footer .form-subscribe button.button { position: relative; top: 1px; } .input-box input.input-text /********** < Navigation styles */ .lt-ie8 .header, .lt-ie8 .nav-container { z-index: 1; } .lt-ie8 #nav ul, .lt-ie8 #nav div { z-index: 1000; } .lt-ie8 #nav li a { zoom:1; } .lt-ie8 #nav li { vertical-align:top; } /********** < Navigation styles */ .lt-ie8 .remember-me-popup .remember-me-popup-body a span, .lt-ie8 .truncated a.details, .lt-ie8 .cart .crosssell li.item, .lt-ie8 .product-options dd .time-picker, .lt-ie8 #nav, .lt-ie8 .form-list li.fields, .lt-ie8 .form-list li.wide, .lt-ie8 .form-list li , .lt-ie8 .form-search, .lt-ie8 .cart .crosssell li.item, .lt-ie8 #nav, .lt-ie8 .products-grid li.item, .lt-ie8 .mini-products-grid td { display: inline-block; zoom: 1; *display: inline; } .lt-ie8 table { scrollbar-face-color:expression(runtimeStyle.scrollbarFaceColor = '#fff', cellSpacing = 0); } .lt-ie8 .product-view .product-img-box .zoom.disabled { filter:alpha(opacity=30); } .lt-ie8 .gift-messages-form { position:relative; zoom:1; } .lt-ie8 .tool-tip .btn-close a { margin:0; } .lt-ie8 .product-view .box-tags .product-tags li { padding:0 4px 0 7px; } .lt-ie8 .footer li { padding-right:2px; margin-right:6px; } .lt-ie8 .product-options dd .time-picker select { margin:0; padding:0; position:relative; top:-1px; } /* Clearer */ .lt-ie8 .clearer { display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Clears and hasLayout fixes */ .lt-ie8 .header-container, .lt-ie8 .header-container .top-container, .lt-ie8 .header, .lt-ie8 .top-bar, .lt-ie8 .quick-access, .lt-ie8 .form-search, .lt-ie8 #nav, .lt-ie8 .main, .lt-ie8 .footer, .lt-ie8 .footer .form-subscribe, .lt-ie8 .footer-container .bottom-container, .lt-ie8 .col-main, .lt-ie8 .col2-set, .lt-ie8 .col3-set, .lt-ie8 .col4-set, .lt-ie8 .messages li, .lt-ie8 .search-autocomplete li, .lt-ie8 .block, .lt-ie8 .block .block-content, .lt-ie8 .block .actions, .lt-ie8 .block li.item, .lt-ie8 .block-poll li, .lt-ie8 .block-poll .label, .lt-ie8 .block-layered-nav .currently li, .lt-ie8 .block-account .block-content li a, .lt-ie8 .mini-products-list .product-details, .lt-ie8 .page-title, .lt-ie8 .rss-title h1, .lt-ie8 .products-grid, .lt-ie8 .products-list li.item, .lt-ie8 .box-account .box-head, .lt-ie8 .dashboard .box .box-title, .lt-ie8 .order-info ul, .lt-ie8 .box-reviews li.item, .lt-ie8 .box-tags li.item, .lt-ie8 .pager, .lt-ie8 .sorter, .lt-ie8 .ratings, .lt-ie8 .add-to-box, .lt-ie8 .add-to-cart, .lt-ie8 .product-essential, .lt-ie8 .product-collateral, .lt-ie8 .product-tabs, .lt-ie8 .product-view .product-img-box .more-views ul, .lt-ie8 .product-view .box-tags .form-add, .lt-ie8 .product-view .product-shop .short-description, .lt-ie8 .product-view .box-description, .lt-ie8 .product-options .options-list li, .lt-ie8 .product-options, .lt-ie8 .product-options-bottom, .lt-ie8 .truncated, .lt-ie8 .truncated .truncated_full_value, .lt-ie8 .product-review, .lt-ie8 .cart, .lt-ie8 .cart-collaterals, .lt-ie8 .cart .crosssell li.item, .lt-ie8 .cart .discount, .lt-ie8 .cart .discount .discount-form, .lt-ie8 .cart .shipping .shipping-form, .lt-ie8 .opc .step-title, .lt-ie8 .opc .step, .lt-ie8 .multiple-checkout, .lt-ie8 .sp-methods, .lt-ie8 .checkout-progress, .lt-ie8 .multiple-checkout .place-order, .lt-ie8 .form-list li, .lt-ie8 .form-list .field, .lt-ie8 .form-list .input-box, .lt-ie8 .group-select li, .lt-ie8 .buttons-set, .lt-ie8 .page-print .print-head, .lt-ie8 .cart-tax-total, .lt-ie8 .advanced-search-summary, .lt-ie8 .advanced-search-summary p, .lt-ie8 .gift-messages-form .item, .lt-ie8 .send-friend .form-list li p, .lt-ie8 .centinel .authentication { zoom:1; } /* Hover Fix */ .lt-ie8 iframe.hover-fix { position:absolute; left:-1px; top:-1px; z-index:-1; background:transparent; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } /***** End IE Fix ******************************/ /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } /* a[href]:after { content: " (" attr(href) ")"; } */ a[href]:before, a[href]:after, .header-container:after { content: none !important; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } h1, h2, h3, h4, p {font-family: Arial, Helvetica, sans-serif;} h1 {font-size:26px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} .header-container {border:none;} #telephone, #telephone span {color:#999 !important;} .breadCrumb ul li.home a {margin-top:0;text-indent: 0;width:auto;} .breadCrumb > div, .breadCrumb ul li span {width: auto !important;overflow: visible;} .col2-left-layout .col-main {width: 100%;float: none;} body.detail .category-image {border:none;} body.detail .description-text {width: 70%;} .tabs li a {border:none !important;} /** Print styles from Modern Theme *******/ /* * { background:none !important; text-align:left !important; } */ html { margin:0 !important; padding:0 !important; } body { background:#fff !important; font-size:9pt !important; padding:0 !important; margin:10px !important; } a { color:#2976c9 !important; } th,td { color:#2f2f2f !important; border-color:#ccc !important; } .quick-access, .nav-container, .social-bar-container, .footer-container, .rfq-btn, .sidebar, #buckets, .pager, .toolbar, .actions, .buttons-set { display:none !important; } .page-print .data-table .cart-tax-total { background-position:100% -54px; } .page-print .data-table .cart-tax-info { display:block !important; } } /* Social Bar */ .social-bar-container { margin: 0; padding: 0; position: absolute; right: 0; text-align: right; top: 15px; } #socialBar { list-style: none outside none; margin: 0; padding: 0; } #socialBar li { background: none repeat scroll 0 0 transparent; float: left; margin: 0 4px 0 0; padding: 0; width: 16px; } #socialBar li a { background: url("http://appliedmembranes.com/skin/frontend/default/respond/images/social/socialtoolbar.png") no-repeat scroll 0 0 transparent; display: block; height: 16px; } #socialBar li a.printButton { background-position: -19px 0; } #socialBar li a.twitterButton { background-position: -38px 0; } #socialBar li .emailButton { background-image: url("http://appliedmembranes.com/skin/frontend/default/respond/images/social/socialtoolbar.png"); background-position: 0 0; background-repeat: no-repeat; border: medium none; display: block; height: 16px; text-indent: -9999px; width: 16px; } #socialBar li .emailButton:hover {background-position:0px -16px; cursor: pointer;} #socialBar li.google-plus { padding-right: 16px; } #facebook-btn { padding-right: 15px; } /*AN's BASIC STYLE*/ .header,.footer{ width: 1060px; margin: auto; position: relative; } /*top drop cart */ .top-cart-drop{ position: absolute; right: 0px; top:55px; z-index: 999999; display: none; background-color: white; border: 1px solid black; } .top-cart-drop .block{ margin: 0px; padding-top:5px; background-repeat: no-repeat; background-position: 198px 0px; } .top-cart-drop .block-content{ padding: 0px;margin: 0px; width: 260px;padding: 0px; display: block; position: relative; padding-bottom: 80px; } .top-cart-drop .block-content > .empty{ margin: 0px;padding: 10px; text-align: left; } .top-cart-drop .block-subtitle{ text-transform: uppercase;font-size: 11px; padding-top:10px; margin: 0px; } #cart-sidebar{padding:5px 20px;} #cart-sidebar li{border-bottom:1px dotted #696969;} #cart-sidebar .product-image{ margin: 0px 0px 5px 0px; border:1px solid gray; } #cart-sidebar .product-details .price{ color: #1066A4; font-size: 15px; } #cart-sidebar .product-details { text-align: left; margin-left: 60px; } #cart-sidebar .product-details .product-name a{ color: black; font-size: 15px; } .top-cart-drop .summary{ background-color: #dcdcdc; display: block; height: 80px; width: 100%; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; position: absolute; bottom:0px; } .top-cart-drop .summary .amount{ display: block; position: absolute; left: 20px; bottom:35px; color: #696969; font-size: 13px; } .top-cart-drop .summary .amount span a{ color: #1066A4; font-size: 15px; } .top-cart-drop .summary .button{ display: block; position: absolute; bottom:5px; right: 10px; width: 100px; font-size: 11px; border:1px solid #ebebeb; } .top-cart-drop .summary .subtotal{ display: block; position: absolute; right: 20px; bottom:35px; color: #696969; font-size: 13px; } .top-cart-drop .summary .white-div{ display: block; border-bottom: 1px solid white; width: 230px; position: absolute; bottom:45px; left: 20px; } .top-cart-drop .summary .subtotal .price{ color: #1066A4; font-size: 17px; } .top-cart-drop .summary .button span{ display: block; } /* Tabbed Content */ #tabbed { margin:60px 0 0; clear: both; } .tabs { position: relative; z-index: 10; } .tabs li { font-size: 14px; font-weight: bold; text-align: center; line-height: 1; margin: 0 15px; padding: 0; float: left; position: relative; } .tabs li:nth-child(1) { margin-left:46px; } .tabs li.ui-state-active {z-index: 15;} .tabs li a { color:#fff; text-shadow: 0 0 1px #80a5ca; background: #b2cbe4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyY2JlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MGE1Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b2cbe4 0%, #80a5ca 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2cbe4), color-stop(100%,#80a5ca)); background: -webkit-linear-gradient(top, #b2cbe4 0%,#80a5ca 100%); background: -o-linear-gradient(top, #b2cbe4 0%,#80a5ca 100%); background: -ms-linear-gradient(top, #b2cbe4 0%,#80a5ca 100%); background: linear-gradient(to bottom, #b2cbe4 0%,#80a5ca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2cbe4', endColorstr='#80a5ca',GradientType=0 ); border-top: 1px solid #80a5ca; box-shadow: inset 0 1px 1px rgba(255,255,255,0.5); padding: 6px; display: block; position: relative; } .tabs li a:hover, .tabs li.ui-state-active a { color:#2050df; text-decoration: none; text-shadow: 0 0 1px #fff; background: #dce7f2; box-shadow: inset 0 1px 1px rgba(255,255,255,1); z-index: 10; } .tabs li.ui-state-active:after { content: ""; height: 2px; background: #dce7f2; min-width: 100%; display: block; position: absolute; padding: 0 34px; left: -34px; } .tabs li a:before { content:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-tabs-left.png); height:27px; width:40px; position: absolute; left:-38px; bottom:0; } .tabs li a:after { content:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-tabs-right.png); height:27px; width:40px; position: absolute; right:-38px; bottom:0; } .tabs li.ui-state-active a:before, .tabs li a:hover:before { content:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-tabs-left-active.png); height:27px; width:40px; position: absolute; left:-38px; bottom:0; } .tabs li.ui-state-active a:after, .tabs li a:hover:after { content:url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-tabs-right-active.png); height:27px; width:40px; position: absolute; right:-38px; bottom:0; } #tabcontent { background: #dce7f2; border:1px solid #80a5ca; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: inset 0 0 0 1px #fff; padding: 10px; } .spec-wrapper { background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: auto; padding:20px; clear:both; /* display: none; */ } .ui-tabs-hide {display: none;} .spec-wrapper img, .spec-wrapper#features img, .water-filters .spec-wrapper#features img { max-height:100px; max-width:45%; } .water-filters .spec-wrapper img, .media-filtration .spec-wrapper img { max-height:300px; max-width:60%; } .water-treatment .spec-wrapper img { max-height:200px; max-width:100%; } .membrane-housings .spec-wrapper img, .components-residential .spec-wrapper img, .components-commercial .spec-wrapper img, .pumps-systems .spec-wrapper img, .test-kits .spec-wrapper img, .chemicals .spec-wrapper img, .ultraviolet .spec-wrapper img { max-height:300px; max-width:100%; } .water-filters .spec-wrapper table img, .media-filtration .spec-wrapper table img, .components-residential .spec-wrapper table img, .components-commercial .spec-wrapper table img, .pumps-systems .spec-wrapper table img, .test-kits .spec-wrapper img, .water-treatment .spec-wrapper table img { max-height:140px; } .spec-wrapper a img:hover { opacity: 0.9; filter:alpha(opacity=90); } .jumpLinks ul.buttonLinks{ background: #4880bf; width: 100%; border-radius: 4px; box-shadow: inset 0px -9px 19px 7px #3b689c; } .jumpLinks ul.buttonLinks li{ float:left; /* background: #4880bf; */ } .jumpLinks ul.buttonLinks li > a{ color: #fff; padding: 13px 22px; line-height: 44px; font-size: 15px; font-weight: bold; border-right: 1px solid #4e8acf; } .jumpLinks ul.buttonLinks li > a.last{ border-right: 0px; padding-left: 32px; } #linkContent{ margin-top: 15px; border: 1px solid #4e8acf; border-radius: 4px; } #linkContent > div{ /* border-bottom: 1px solid #ccc; */ width: 93%; margin-left: 5px; border-radius: 0px; } #linkContent > h3{ margin: 0; padding: 7px; background: #4880bf; color: #fff; font-size: 16px !important; } .backToTopLink{ background: #9fb9d5; color: #fff; padding: 5px 14px; border-radius: 4px; float: right; } .backToTopLink:hover{ color:#fff; } .jumpLinks ul.buttonLinks li > a:hover{ box-shadow: inset 0px -9px 19px 7px #3b689c; text-decoration: none; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_modern * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; border:0 !important; padding:5px 9px !important; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; font-size:12px; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; font-size:12px; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; font-size:12px; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(http://appliedmembranes.com/skin/frontend/default/respond/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /** * CODNITIVE * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade to newer * versions in the future. * * @category Codnitive * @package Codnitive_Sidenav * @author Hassan Barza * @copyright Copyright (c) 2011 CODNITIVE Co. (http://www.codnitive.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Sidebar Navigation ==================================================================== */ #sidebar-nav { background: #eceef6; border:1px solid #749bc2; border-radius: 6px; position: relative; } #sidebar-nav .block-title { color:#fff !important; font-family: 'OpenSansCondensed', sans-serif; font-size: 19px; text-align: center; text-transform: uppercase; text-shadow: -1px -1px 0 #749bc2; letter-spacing: 0.05em; line-height: 1; background: #a1bbd6; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyY2JlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MGE1Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a1bbd6 0%, #749bc2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1bbd6), color-stop(100%,#749bc2)); background: -webkit-linear-gradient(top, #a1bbd6 0%,#749bc2 100%); background: -o-linear-gradient(top, #a1bbd6 0%,#749bc2 100%); background: -ms-linear-gradient(top, #a1bbd6 0%,#749bc2 100%); background: linear-gradient(to bottom, #a1bbd6 0%,#749bc2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1bbd6', endColorstr='#749bc2',GradientType=0 ); border-bottom:1px solid #749bc2; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 1px rgba(255,255,255,0.2); padding:15px 5px 28px; } #sidebar-nav .block-content { background: url(http://appliedmembranes.com/skin/frontend/default/respond/images/bg-sidebar.png) no-repeat center top; margin-top:-15px; padding: 56px 3px 3px; overflow: auto; } #sidebar-nav-menu > li { font-size: 13px; text-shadow: 0 0 1px #6D8CAC; letter-spacing: 0.05em; line-height: 1.2; margin:2px 0 3px; position: relative; } #sidebar-nav-menu li.last { margin-bottom:0 !important; } #sidebar-nav li a { color:#fff; background: #749bc2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM4MGE1Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjJjYmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(left, #749bc2 10%, #a1bbd6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(10%,#749bc2), color-stop(100%,#a1bbd6)); background: -webkit-linear-gradient(left, #749bc2 10%,#a1bbd6 100%); background: -o-linear-gradient(left, #749bc2 10%,#a1bbd6 100%); background: -ms-linear-gradient(left, #749bc2 10%,#a1bbd6 100%); background: linear-gradient(to right, #749bc2 10%,#a1bbd6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#749bc2', endColorstr='#a1bbd6',GradientType=1 ); padding: 8px 20px 8px 10px; display: block; } #sidebar-nav li:hover > a { text-decoration: none; background: #407ed6; } #sidebar-nav li.active > a { color:#B0C4D8; background: #5f88b0; } #sidebar-nav li.active.parent > a, #sidebar-nav-menu li ul > li.active a { color:#fff; text-shadow: none; background: #2050df; border-left:none; } #sidebar-nav-menu li > a.open { color:#cbdbeb; background: #5f88b0; } #sidebar-nav-menu li ul { margin:0 !important; padding:0 !important; } #sidebar-nav-menu li ul > li { font-size: 11px; letter-spacing: 0.1em; margin:3px 0; position: relative; } #sidebar-nav-menu li ul > li > a { color:#DFE8F2; background: #749bc2; border-left:8px solid #5f88b0; } #sidebar-nav-menu li ul > li:hover > a { border-left:8px solid #305FA1; } #sidebar-nav-menu li ul > li:hover > a.open { border-left:8px solid #5f88b0; } #sidebar-nav-menu li ul > li.active a { font-style: italic; } /* #sidebar-nav ul.ul-thumb { padding-left: 0; } #sidebar-nav-menu > li.parent > ul.ul-thumb { padding-left: 10px; } #sidebar-nav li.thumb { list-style-type: none; } #sidebar-nav-menu > li.no-thumb, #sidebar-nav-menu > li.thumb { margin-left: 0 !important; list-style-type: none; } #sidebar-nav img { border: 0 none !important; outline: 0 none !important; } #sidebar-nav span.product-count { color: #000; } #sidebar-nav .home { list-style: none !important; } #sidebar-nav .home a { display:inline-block; padding-left:20px; background:url('http://appliedmembranes.com/skin/frontend/default/respond/images/codnitive/sidenav/home.png') left top no-repeat; min-height:16px; } #sidebar-nav .support-logo-wrapper { margin-top:10px; } #sidebar-nav .support_logo { font-size: 9px; float: right; right: 5px; bottom: 5px; text-decoration: none; } #sidebar-nav .support_logo img { max-width: 65px; } */ /* Collapsible Design ==================================================================== */ #sidebar-nav li.thumb .thumb-img-left { float: left; margin: 1px 3px 0 0; } #sidebar-nav li.thumb .thumb-img-right { float: right; margin: 1px 3px 0; } #sidebar-nav-menu .arrow-left, #sidebar-nav-menu .arrow-right, #sidebar-nav-menu .plus-left, #sidebar-nav-menu .plus-right { float: left; background: url('http://appliedmembranes.com/skin/frontend/default/respond/images/codnitive/sidenav/arrows.gif') left center no-repeat; display: block; cursor:pointer; } #sidebar-nav-menu .plus-left, #sidebar-nav-menu .plus-right { background-image: url('http://appliedmembranes.com/skin/frontend/default/respond/images/codnitive/sidenav/plus.gif'); } #sidebar-nav-menu .arrow-right, #sidebar-nav-menu .plus-right { position: absolute; right: 5px; top: 7px; z-index: 5; } #sidebar-nav-menu .arrow-right:hover, #sidebar-nav-menu .plus-right:hover { -webkit-filter: invert(100%) opacity(50%); filter:alpha(opacity=25); } #sidebar-nav-menu li ul[expanded="0"] { display: none; } #sidebar-nav li.active > ul { display: block; } #sidebar-nav li.active > .arrow-left, #sidebar-nav li.active > .arrow-right, #sidebar-nav li.active > .plus-left, #sidebar-nav li.active > .plus-right { display: block; background-position: right center; } #sidebar-nav-menu > li.collapsible { list-style: none !important; } #sidebar-nav .collapse-name { cursor:pointer; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{outline:0;} #cboxContent{margin-top:32px; overflow:visible; background:#fff;border:4px solid #A0BCD8;padding:10px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#fff; padding:1px;} #cboxLoadingGraphic{background:url(http://appliedmembranes.com/skin/frontend/default/respond/css/images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#fff;} #cboxTitle{position:absolute; top:-22px; left:0; color:#444;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://appliedmembranes.com/skin/frontend/default/respond/css/images/controls.png) no-repeat 0 0;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}