/* * ---------------------------------------- * * Name: Brother Global Styles * * Type: CSS * * Version: v6.0.0 * * Author: Codehouse LTD * * ---------------------------------------- * */ /* ======================================================================= CHANGES TO THIS FILE WILL AFFECT ALL OF THE BROTHER SITES Please only modify entries if you are sure that changes are global ======================================================================= */ /* ---------------------------------- Global ---------------------------------- */ body { background: #f5f6f8; font-size: 12px; color: #4d4d4d; line-height: 17px; word-wrap: break-word;min-width: 960px;} .wrapper { width: 960px; margin: 0 auto; } #main { padding-top: 7px; } .cf { zoom: 1; } .cf:after { content: " "; display: block; height: 0px; clear: both; } img.alignleft { float: left; margin: 0px 16px 10px 0px; } img.alignright { float: right; margin: 0px 0px 10px 16px; } .content-box { background: #ffffff url(../../images/global-content/content-box-shadow.png) center bottom no-repeat; padding: 15px 12px 40px 12px; margin-bottom: 10px; } .content-box.padded{ padding: 15px 0px; } .content-unit { padding: 0px 8px; float: left; list-style-type:none;} /*changed back to 8 BD13014014*/ .content-unit.one { width: 140px; } .content-unit.two { width: 296px; } .content-unit.three { width: 452px; } .content-unit.four { width: 608px; } .content-unit.five { width: 764px; } .content-unit.six { width: 920px; } .box-out { padding: 10px; background: #ededed; margin-bottom: 20px; } /*changed padding back and removed Width BD10014014*/ .box-out.flush { padding: 0; } .ie7 .box-out { zoom: 1; } .box-out:after { content: " "; display: block; height: 0px; clear: both; } .box-out.padded { padding: 20px; } .box-out.pin { margin-bottom: 5px; } ul, ol { list-style-position: inside; } a { color: #0d2ea0; } a > img { border: none; } .button { position: relative; } .button, .button:hover, .button:visited { display: inline-block; height: 34px; line-height: 34px; padding: 0px 10px; background: url(../../images/global-content/button-bg.png); border: 1px solid #afafaf; border-radius: 4px; font-size: 12px; text-transform: uppercase; color: #4d4d4d; text-decoration: none; cursor: pointer; margin-right: 14px; } .button.blue, .button.blue:hover, .button.blue:visited { background-position: 0 -34px; border: 1px solid #0036a2; color: #ffffff; font-weight: bold; } .button.green { background-position: 0 -68px; border: 1px solid #8bb233; color: #ffffff; font-weight: bold;} .button.light-blue { background-position: 0 -102px; border: 1px solid #4a9ebc; } .button.orange { background-position: 0 -136px; border: 1px solid #9a721b; } .button.blue > input, .button.green > input, .button.light-blue > input, .button.orange > input { color: #fff; font-weight: bold; } .button.disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .button-grey, .button-grey:hover { display: inline-block; height: 34px; line-height: 34px; padding: 0px 10px; background: url(../../images/global-content/button-bg.png); border: 1px solid #afafaf; border-radius: 4px; font-size: 12px; text-transform: uppercase; color: #4d4d4d; text-decoration: none; cursor: pointer; margin-right: 14px; } .button-blue, .button-blue:hover { display: inline-block; height: 34px; line-height: 34px; padding: 0px 10px; background: url(../../images/global-content/button-bg.png); background-position: 0 -34px; border: 1px solid #0036a2; border-radius: 4px; font-size: 12px; text-transform: uppercase; color: #ffffff; text-decoration: none; cursor: pointer; margin-right: 14px; font-weight: bold; } .button-green, .button-green:hover { display: inline-block; height: 34px; line-height: 34px; padding: 0px 10px; background: url(../../images/global-content/button-bg.png); background-position: 0 -68px; border: 1px solid #57c200; border-radius: 4px; font-size: 12px; text-transform: uppercase; color: #ffffff; text-decoration: none; cursor: pointer; margin-right: 14px; font-weight: bold; } .button-aqua, .button-aqua:hover { display: inline-block; height: 34px; line-height: 34px; padding: 0px 10px; background: url(../../images/global-content/button-bg.png); background-position: 0 -102px; border: 1px solid #7f3608; border-radius: 4px; font-size: 12px; text-transform: uppercase; color: #ffffff; text-decoration: none; cursor: pointer; margin-right: 14px; font-weight: bold; } .button-orange, .button-orange:hover { display: inline-block; height: 34px; line-height: 34px; padding: 0px 10px; background: url(../../images/global-content/button-bg.png); background-position: 0 -136px; border: 1px solid #7f3608; border-radius: 4px; font-size: 12px; text-transform: uppercase; color: #ffffff; text-decoration: none; cursor: pointer; margin-right: 14px; font-weight: bold; } .button-blue.disabled, .button-green.disabled, .button-grey.disabled, .button-orange.disabled, .button-aqua.disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .button-small { display: inline-block; height: 26px; line-height: 26px; padding: 0; background: url(../../images/global-content/button-bg-small.png);border: 1px solid #afafaf; border-radius: 4px; text-decoration: none; cursor: pointer; } .ie7 .button-small { height: 26px; line-height: 26px; float: left;} .button-small.blue { background-position: 0 28px; border: 1px solid #0036a2; } .button-small input { background: none; border: none; padding: 0 10px; text-transform: uppercase; font-size: 12px; width: 100%; height: 100%; line-height: 23px;} .button-small.blue input { color: #ffffff; font-weight: bold; } /* ---------------------------------- Global Site Header ---------------------------------- */ #site-header { } /* brother global header */ #site-header #brother-global-header { white-space: nowrap; border-top: 1px solid #13245e; position: relative; z-index: 1; margin-bottom: 7px; } #site-header #brother-global-header .left-overflow { left: 0; position: absolute; width: 50%; height: 100%; background: #0d2ea0; display: block; z-index: -1; } #site-header #brother-global-header .right-overflow { right: 0; position: absolute; width: 50%; height: 100%; background: #071956; display: block; z-index: -1; } #site-header #brother-global-header .wrapper { color: #fff; font-size: 24px; z-index: 1; background: #0d2ea0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMmVhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzE5NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(left, #0d2ea0 0%, #071956 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d2ea0), color-stop(100%,#071956));background: -webkit-linear-gradient(left, #0d2ea0 0%,#071956 100%);background: -o-linear-gradient(left, #0d2ea0 0%,#071956 100%);background: -ms-linear-gradient(left, #0d2ea0 0%,#071956 100%);background: linear-gradient(to right, #0d2ea0 0%,#071956 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2ea0', endColorstr='#071956',GradientType=1 ); } #site-header #brother-global-header .wrapper .bol { color: #a8b9f6; } #site-header #brother-global-header #master-logo { float: left; margin-top: 9px; margin-bottom: 9px; } #site-header #brother-global-header #master-logo img { border: none; } #site-header #brother-global-header #master-search { color: #fff; font-size: 9px; float: right; } #site-header #brother-global-header #master-search .label { display: block; float: right; clear: both; width: 100%; text-align: right; padding: 10px 3px 10px 0px; height: 10px; font-size:10px; } #site-header #brother-global-header #master-search .label .country { font-weight:bold;} #site-header #brother-global-header #master-search .label a {color:#fff;font-family: Arial, Helvetica, sans-serif;text-decoration:none;} #site-header #brother-global-header #master-search .header-search { float: right; clear: both; width: 150px; height: 17px; position: relative; } #site-header #brother-global-header #master-search .header-search input { float: right; font-size: 10px; color: #fff; background: url(/images/global-header/input_off.gif) no-repeat; padding: 0px 20px 0px 5px; width: 150px; height: 17px; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #site-header #brother-global-header #master-search .header-search input:focus { outline-color: rgba(255,255,255,0.6); background: url(/images/global-header/input_on.gif) no-repeat; color: #4d4d4d; } #site-header #brother-global-header #master-search .header-search a.search-button { width: 20px; height: 17px; cursor: pointer; top: 0; right: 0; position: absolute; display: block; } #site-header #brother-global-header #master-search .header-search #header-search-autocomplete-results { border: 1px solid #D3D5D4; font-size: 12px; color: #4d4d4d; min-width: 100%; max-height: 300px; overflow-y: auto; background: #ffffff; position: absolute; right: 0; top: 20px; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #site-header #brother-global-header #master-search .header-search #header-search-autocomplete-results a { display: block; padding: 2px 4px; } #site-header #brother-global-header #master-search .header-search #header-search-autocomplete-results a:hover, #site-header #brother-global-header #master-search .header-search #header-search-autocomplete-results a:focus { background: #F5F6F8; } #site-header #brother-global-header #master-search .header-search #header-search-autocomplete-results a.results-heading { background: #0D2EA0; color: #ffffff; } #site-header #brother-global-header #master-search .header-search #header-search-autocomplete-results a.results-heading:hover, #site-header #brother-global-header #master-search .header-search #header-search-autocomplete-results a.results-heading:focus { background: #0067AE } #site-header #brother-global-header #master-search .header-search #header-search-autocomplete-results a.results-page { padding-left: 14px; } /* ---------------------------------- Global Primary Nav ---------------------------------- */ #primary-nav { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #bfbfbf; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); margin:0 auto; width:960px; } #primary-nav .wrapper > ul { list-style: none; margin: 0; padding: 0; position: relative; /* For page editor z-index: 9001;*/ } .ie7 #primary-nav .wrapper > ul {z-index: 9001;} #primary-nav .wrapper > ul > li { float: left; display: block; position: relative; } #primary-nav .wrapper > ul > li .separator { display: block; height: 32px; width: 1px; position: absolute; right: 0; top: 50%; margin-top: -16px; background: #d2d2d2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d2d2d2 0%, #bcbcbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#bcbcbc)); background: -webkit-linear-gradient(top, #d2d2d2 0%,#bcbcbc 100%); background: -o-linear-gradient(top, #d2d2d2 0%,#bcbcbc 100%); background: -ms-linear-gradient(top, #d2d2d2 0%,#bcbcbc 100%); background: linear-gradient(to bottom, #d2d2d2 0%,#bcbcbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#bcbcbc',GradientType=0 ); } #primary-nav .wrapper > ul > li > a { display: block; font-size: 14px; color: #4d4d4d; padding: 11px 31px; line-height: 17px; cursor: pointer; text-decoration: none; text-align: center; } #primary-nav .wrapper > ul > li > a:hover { text-shadow: -1px 1px 8px #fff, 1px -1px 8px #fff; } #primary-nav .wrapper > ul > li.active { background: #8d8d8d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkOGQ4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzdjN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #8d8d8d 0%, #7c7c7c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d8d8d), color-stop(100%,#7c7c7c)); background: -webkit-linear-gradient(top, #8d8d8d 0%,#7c7c7c 100%); background: -o-linear-gradient(top, #8d8d8d 0%,#7c7c7c 100%); background: -ms-linear-gradient(top, #8d8d8d 0%,#7c7c7c 100%); background: linear-gradient(to bottom, #8d8d8d 0%,#7c7c7c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8d8d', endColorstr='#8d8d8d',GradientType=0 ); } .ie7 #primary-nav .wrapper > ul > li.active { background: #8d8d8d; } /* filter property causes issues with ie7 triggering the jquery hover */ #primary-nav .wrapper > ul > li.active .separator { display: none; } #primary-nav .wrapper > ul > li.active > a { color: #fff; font-weight: bold; text-shadow: none; } #primary-nav .wrapper > ul > li > ul { z-index:1000; display: none; position: absolute; left: -1px; top: 100%; margin-top: 1px; list-style: none; min-width: 100%; box-shadow: 4px 3px 5px #cacaca; white-space: nowrap; } #primary-nav .wrapper > ul > li > ul > li { border-top: 4px solid #cacaca; } #primary-nav .wrapper > ul > li > ul > li:first-child { border-top: none; } #primary-nav .wrapper > ul > li > ul > li > a { display: block; line-height: 25px; padding: 4px 16px; border: 1px solid #cacaca; border-top: none; background: #F0F0F0; color: #5a5a5a; font-size: 12px; text-decoration: none; } #primary-nav .wrapper > ul > li > ul > li > a:first-child { border-top: none; } #primary-nav .wrapper > ul > li > ul > li > a:hover { color: #00529c; background: #dbd8d7; } #primary-nav .wrapper > ul > li.nav-basket { float: right; position: relative; } #primary-nav .wrapper > ul > li.nav-basket > a { display: block; padding: 11px 18px 11px 60px; background: url(/images/brother-main/webshop/basket-icon.png) no-repeat 20px center; font-size: 14px; text-decoration: none; } #primary-nav .wrapper > ul > li.nav-basket.active > a { background: url(/images/brother-main/webshop/basket-icon-active.png) no-repeat 20px center; color: #fff; font-weight: bold; } .basket-container { z-index: 1000; position: absolute; top: 38px; right: 0; width: 386px; background: #f0f0f0; border: 1px solid #cacaca; color: #4d4d4d; box-shadow: 4px 3px 5px #cacaca; display: none; } .basket-container .sections { border-bottom: 5px solid #cccccc; padding: 0 5px 0 5px; overflow: hidden; } .basket-container li { list-style: none; } .basket-container .basket-item { float: right; width: 100%; padding: 0; margin: 0; } .basket-container .basket-item li { padding: 15px 10px 15px 10px; border-top: 1px dashed #b3b3b3; width: 356px; overflow: hidden; } .basket-container ul.basket-item li:first-child { border-top: none; } .basket-container .basket-item li .product-container { background: #fff;border: 1px solid #ccc; height: 81px; width: 81px; float: left; display: inline-block; margin-right: 10px; } .basket-container .basket-item li .product-container .img-wrapper { height:100%; width: 100%; margin: 0; padding: 0; border: 0; } .basket-container .basket-item li .product-container .img-wrapper td { vertical-align: middle; text-align: center; } .basket-container .basket-item li .product-info { position: relative; float: left; width: 263px; } .basket-container .basket-item li .product-info h4 { font-size: 16px; font-weight: bold; margin: 10px 0 8px 0; } .basket-container .basket-item li .product-info p, .basket-container .basket-item li .product-info label { font-size: 12px; margin-bottom: 0; } .basket-container .basket-item li .product-info label { float: left; width: 100%; } .basket-container .basket-item li .product-info .remove { font-size: 11px; position: absolute; top: 10px; right: 0; cursor: pointer; text-decoration: underline; } .basket-container .add-to-basket { padding: 20px 30px; } .basket-container .add-to-basket .delivery-info { width: 100%; float: left; margin-bottom: 15px; } .basket-container .add-to-basket .delivery-info img { float: left; margin-top: 10px; } .basket-container .add-to-basket .delivery-info .delivery-info-copy { float: left; margin-left: 30px; } .basket-container .add-to-basket .delivery-info .delivery-info-copy span { font-size: 14px; font-family: Arial, sans-serif; line-height: 23px; } .basket-container .add-to-basket .delivery-info .delivery-info-copy span.bold { font-size: 20px; font-weight: bold; display: block; } .basket-container .add-to-basket a { width: 300px; text-align: center; } .basket-container .promo { position: relative; min-height: 110px; border-bottom: none; overflow: hidden; } .basket-container .promo .img-container { position: absolute; bottom: -4px; left: -48px; float: left; } .basket-container .BC-basket-promo .img-container { position: absolute; bottom: auto; left: 5px !important; float: left; } .basket-container .promo .promo-info { float: right; width: 257px; margin-top: 17px; margin-right: 17px; margin-bottom: 17px; } .basket-container .promo .promo-info h4, .basket-container .promo .promo-info p { margin: 0; } .basket-container .promo .promo-info h4 { font-size: 18px; font-weight: bold; margin-bottom: 3px; } .basket-container .promo .promo-info p { font-size: 14px; line-height: 1.3em; margin-bottom: 4px; } .basket-container .promo .promo-info a { font-size: 12px; } #primary-nav .wrapper > ul > li.language-selector { float: right; margin-left: 20px; } #primary-nav .wrapper > ul > li.language-selector > a { text-decoration: none; font-size: 12px; position: relative; padding-left: 16px; padding-right: 23px; } #primary-nav .wrapper > ul > li.language-selector > a:after { content: " "; display: block; height: 0px; width: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #4c4c4c; border-bottom: none; position: absolute; top: 50%; margin-top: -2px; right: 13px; } #primary-nav .wrapper > ul > li.language-selector > a:hover:after { border-top: none; border-bottom: 3px solid #4c4c4c; } #primary-nav .wrapper > ul > li.language-selector > ul { width: auto; } /* ---------------------------------- Site Footer ---------------------------------- */ #site-footer { overflow: hidden; color: #353535; padding-top: 7px; background: #ffffff; border-top: 13px solid #0d2ea0; } #site-footer.main-landing-page { color: #353535; padding-top: 0px; background: none; border-top: none; } #site-footer .footer-container { background: #fff; border: 1px solid #d4d4d4; width: 920px; padding: 16px 19px; position: relative; overflow: hidden; } #site-footer .footer-container .vertical-separator { background: #ebebeb; width: 2px; height: 100%; position: absolute; left: 168px; top: 0;} #site-footer .footer-container article { float: left; width: 142px; margin-left: 22px; margin-right: 20px} #site-footer .footer-container article:first-child { margin-left: 0; } #site-footer .footer-container article h3 { color: #353535; font-size: 12px; margin-top: 0; margin-bottom: 4px; } #site-footer .footer-container article ul { list-style: none; font-size: 12px; } #site-footer .footer-container article ul > li { margin-bottom: 4px; } #site-footer .footer-container article ul > li a { color: #353535; text-decoration: none; } #site-footer .footer-container .social-links { list-style: none; overflow: hidden; width: 184px; float: right; } #site-footer .footer-container .social-links li { float: left; margin-right: 3px; } #site-footer .footer-container .social-links li a, #site-footer .footer-container .social-links li img { display: block; border: none; } #site-footer .copyright { font-size: 12px; margin: 10px 0px 20px 19px; } /* ---------------------------------- Login/Register page ---------------------------------- */ .login-register .hero-banner { padding: 0 8px; margin: 5px 0 20px 0; } .ie7 .login-register .hero-banner { margin-top: 20px; } .login-register .hero-banner h1 { margin-top: 0; } .login-register .hero-banner > div { padding: 22px 30px; } .login-register .email-success { background: url(/images/brother-online/success-tick.png) #e6eaf5 no-repeat 20px center; padding: 30px 20px 30px 110px; margin-bottom: 15px; } .oldie .login-register .email-success { margin-bottom: 20px; } .login-register .warning-bar { margin-bottom: 20px; } .oldie .login-register .warning-bar { margin-top: 0; margin-bottom: 20px; } .login-register .email-success h2 { margin-bottom: 10px; } .login-register .email-success p { font-size: 14px; margin-bottom: 0; } .login-register .box-out { margin-bottom: 30px; } .login-register .cb-wrapper { float: left; height: 20px;} ul.social-network-sign-in { list-style: none; } ul.social-network-sign-in li { padding: 15px 0; } ul.social-network-sign-in li a { display: block; width: 210px; height: 35px; } ul.social-network-sign-in li.facebook a { background: url(/images/brother-online/login-btn-facebook.png) no-repeat; } ul.social-network-sign-in li.google a { background: url(/images/brother-online/login-btn-google.png) no-repeat; } ul.social-network-sign-in li.linkedin a { background: url(/images/brother-online/login-btn-linkedin.png) no-repeat; } p.social-network-security { background: url(/images/brother-online/security-icon.png) no-repeat left top; padding: 6px 20px 0 55px; min-height: 45px; font-size: 11px; line-height: 14px; } .social-confirmation h1, .reset-pass-container h1, .account-deleted h1 { font-size: 26px; font-weight: bold; line-height: 26px; margin-bottom: 13px; } /* ---------------------------------- Form styling ---------------------------------- */ .generic-form .half-col { display: block; float: left; width: 50%; padding: 0px 10px 0px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .generic-form .half-col + .half-col { padding: 0px 0px 0px 10px; } .generic-form .half-col:nth-child(2n-1) { padding-left: 0;padding-right: 10px;} .ie7 .generic-form .half-col { width: 47%; } .ie7 .generic-form .half-col select { width: 206px; } .generic-form p, .generic-form .form-section { margin-bottom: 25px; } .generic-form .add-device-tnc .error { margin-top: 8px;} .generic-form a { text-decoration: none; } .generic-form .error, .warning-bar p { color: #DD0000; display: block; margin-bottom: 10px; } .generic-form .error { margin-bottom: 0;} .generic-form label, .radio-holder-label, #registration-radio-buttons .label { display: block; font-size: 14px; margin-bottom: 4px;margin-right: 40px; } #DeliveryOptionsContainer h3 { margin-bottom: 7px;} #DeliveryOptionsContainer br { display: none;} #DeliveryOptionsContainer label { font-size: 13px;margin-right: 0;margin-bottom: 6px;} #DeliveryOptionsContainer label span.price { float: right; } .generic-form .pwd-field label { margin-right: 10px;} #registration-radio-buttons .label { width: 100%; } .radio-btn-holder { width: 100%; float: left; } .radio-btn-holder label { float: left; } .generic-form .checkbox-wrapper label { padding-left: 19px; } .generic-form input[type="text"], .generic-form-row input[type="text"], .generic-form input[type="password"], .generic-form-row input[type="password"] { margin-bottom: 4px; border: 1px solid #9d9d9d; height: 26px; font-size: 13px; width: 305px; max-width: 100%; padding: 0px 5px; background: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .generic-form input[type="text"].aspNetDisabled, .generic-form-row input[type="text"].aspNetDisabled, .generic-form input[type="password"].aspNetDisabled, .generic-form-row input[type="password"].aspNetDisabled { background-color: #cccccc; } .generic-form .full-width input[type="text"], .generic-form-row .full-width input[type="text"], .generic-form .full-width input[type="password"], .generic-form-row .full-width input[type="password"] { width: 100%; } .oldie .generic-form input[type="text"], .oldie .generic-form-row input[type="text"], .oldie .generic-form input[type="password"], .oldie .generic-form-row input[type="password"] { line-height: 23px; } .generic-form input[type="radio"], .generic-form .styled-radio { float: left; margin-left: 0; } .generic-form input[type="radio"]:first-child, .generic-form #SignInRadioRadioButton, .generic-form .styled-radio:first-child { margin-left: 0px; } .generic-form input[type="radio"] + label { float: left; } .generic-form input[type="checkbox"] { float: left; margin: 2px 6px 0px 0px; } .generic-form select, .generic-form-row select { margin-bottom: 5px; border: 1px solid #9d9d9d; font-size: 14px; width: 305px; max-width: 100%; padding: 3px 3px 3px 5px; background: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .generic-form .forgotten-password-link { display: inline-block; clear: both; } .generic-form .error, .generic-form .server-error { display: none; } .generic-form .validation-failed.blur .error { display: block; } .generic-form .validation-failed.load span.error { display: block; } .generic-form .styled-checkbox.validation-failed.blur .error { margin-top: 25px; } .generic-form #registration-radio-buttons > div, .generic-form #registration-radio-buttons > label, .generic-form #business-checkboxes > label { float: left; } .generic-form #cc-registration-radio-buttons > label { float: left; } .generic-form [data-validateerrormessagekey="TermsAndConditionsRequired"] .validation-failed div.error { display: none; } /* ---------------------------------- Social confirmation page ---------------------------------- */ .oldie .social-confirmation { background: #ededed url(/images/brother-online/social-confirmation-bg.png) no-repeat bottom right; } .social-confirmation { background: #ededed url(/images/brother-online/social-confirmation-bg.png) no-repeat bottom right -8px; padding: 20px 360px 40px 40px; margin-top: 5px;margin-bottom: 30px;} .social-confirmation .confirmation-message { margin-bottom: 25px; float: left; font-size: 16px; line-height: 22px;width: 100%; } .social-confirmation #business-checkboxes { margin-top: 5px; } .ie7 .social-confirmation .generic-form select { width: 256px; } /* ---------------------------------- Tabbed Content ---------------------------------- */ .tab-list, .tab-content { margin: 0px; padding: 0px; list-style: none; } .tab-list { overflow: hidden; } .tab-list > li { float: left; margin-right: 2px; } .tab-list > li > a { display: block; height: 41px; line-height: 41px; padding: 0px 17px; min-width: 106px; text-align: center; background: url(../../images/global-content/tab-inactive-bg.png); border-radius: 4px 4px 0px 0px; font-size: 14px; text-decoration: none; color: #ffffff; } .tab-list > li.active > a { background: #ffffff; color: #4d4d4d; font-weight: bold; cursor: default; } .tab-content > li { display: none; padding: 45px 10px 0px 10px; background: #ffffff; overflow: hidden; } .tab-content > li:first-child { display: list-item; } /* --------------------------------- Global Lightbox --------------------------------- */ .lightbox { display: none; position: fixed; left: 50%; top: 50%; z-index: 10000; max-height: 90%; -moz-box-shadow: 0px 0px 8px #888; -webkit-box-shadow: 0px 0px 8px #888; box-shadow: 0px 0px 8px #888; } .lightbox > div { position: relative; z-index: 20000; } .lightbox-background { display: none; background-color: rgba(104,104,104,0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9900; } .ie7 .lightbox-background, .ie8 .lightbox-background { background-image: url(/images/global-content/lightbox-bg.png); } .external-link-lightbox { padding: 40px 20px 20px 20px; min-width: 400px; } .external-link-lightbox p { margin-bottom: 20px; } /* --------------------------------- Hero Unit --------------------------------- */ .hero-unit { margin-bottom: 7px; height: 346px; border: 1px solid #d3d5d4; position: relative; } .content-unit.six .hero-unit { border: none; } .hero-slides { position: relative; height: 346px; list-style-type: none; overflow: hidden; } .hero-slides > li { display: none; position: absolute; height: 346px; width: 100%; padding: 30px 40px; left: 0; top: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .hero-slides > li:first-child { display: list-item; } .hero-slides > li h1 { font-size: 45px; font-weight: normal; line-height: 55px; margin: 0px; } .hero-nav { position: absolute; right: 40px; bottom: 15px; list-style-type: none; overflow: hidden; } .hero-nav > li { float: left; margin-left: 7px; height: 10px; width: 10px; } .hero-nav > li a { display: block; width: 10px; height: 10px; background: #6d6d6d; } .hero-nav > li a:hover { background: #00529C; } .hero-nav > li.active a { background: #0067ae; } /* --------------------------------- Hero Unit - gallery --------------------------------- */ .hero-unit.gallery { border: none;} .hero-unit.gallery .hero-slides, .hero-unit.gallery .hero-slides > li { height: 150px;overflow: hidden;} .hero-unit.gallery .hero-slides > li img { margin: 0 auto;width: 80%;display: block;margin-top: -10px;} .hero-unit.gallery .hero-prev, .hero-unit.gallery .hero-next { position: absolute;top: 40%;} .hero-unit.gallery .hero-prev { left: 0;} .hero-unit.gallery .hero-next { right: 0;} .hero-unit.gallery .hero-prev a, .hero-unit.gallery .hero-next a { display: block;width: 17px;height: 42px;background: url(/images/brother-main/feature-carousel-arrows-bg.png) left top no-repeat;text-indent: -9999px;} .hero-unit.gallery .hero-next a { background-position: right top;} .hero-unit.gallery .hero-prev.disable a { background-position: left bottom;} .hero-unit.gallery .hero-next.disable a { background-position: right bottom;} /* --------------------------------- Hero Banner --------------------------------- */ .hero-banner { margin-bottom: 7px; position: relative; } .hero-banner > img { display: block; } .hero-banner > div { position: absolute; top: 0; left: 0; width: 100%; max-height: 100%; padding: 22px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* --------------------------------- Styled Dual States --------------------------------- */ .styled-checkbox { position: relative; float: left; display: block; min-height: 16px; min-width: 16px; margin-right: 8px; padding: 2px 0;} .styled-checkbox input { display:block; float:left; width:17px; height: 16px; left:0px; } .styled-checkbox span { background: url(/images/global-content/unchecked.png) 0 center no-repeat transparent; left:0px; width:17px; height: 16px; display:block; float:left;} .styled-checkbox span.checked {background: url(/images/global-content/checked.png) 0 center no-repeat transparent;} .styled-radio { position: relative; float: left; display: block; height: 16px; width: 16px; margin-right: 5px;padding: 2px;} .styled-radio input { margin: 0; display:block; float:left; width:16px; height: 16px; left:0; top: 0; position: absolute; cursor: pointer; z-index: 1000; background: #222; } .styled-radio span { background: url(/images/global-content/radio-btn.png) 0 0 no-repeat transparent; left:0px; width:12px; height: 13px; display:block; float:left;} .styled-radio span.checked { background-position: 0px -13px; } .styled-address-radio-button label {width:33%;} /* --------------------------------- Category Filters --------------------------------- */ .category-filters { float: left; width: 172px; margin-right: 15px; } .category-filters > section { margin-bottom: 20px; padding: 10px; background: #e4e4e4; } .category-filters > section .filter-group { margin-bottom: 5px; border-bottom: 1px dashed #acb7d5; } .category-filters > section > h2 { padding: 10px; margin: -10px -10px 10px -10px; background: #cdcdcd; font-size: 18px; } .category-filters > section h3.facet { margin: 0px -10px 5px -10px; padding: 5px 18px; line-height: 18px; } .category-filters > section .selected h3.facet { background-color: #C7C8CA; position: relative; } .category-filters > section .selected h3.facet:before { content: ""; display: block; border-left: 8px solid #ffffff; border-top: 14px solid transparent; border-bottom: 14px solid transparent; position: absolute; left: 0; top: 50%; margin-top: -14px; } .category-filters > section h3.facet .arrow { float: right; margin: 6px 0px 0px 8px; width: 12px; height: 7px; background-image: url("/images/brother-main/blue-arrow-down.png"); } .category-filters > section h3.facet.active .arrow { margin: 4px 4px 0px 8px; width: 7px; height: 12px; background-image: url("/images/brother-main/blue-arrow-right.png"); } .category-filters > section > p { margin-bottom: 15px; } .category-filters .button-blue { margin-right: 0px !important; } .category-filters .reset-filters { margin-top: 15px; } .category-filters .compare-list, .category-filters .filter-list { list-style: none; padding: 0px 0px 15px 0px; } .category-filters .compare-list li, .category-filters .filter-list li { padding: 4px 18px 3px 18px; margin: 0px -10px; } .category-filters .filter-list li.active { background: #cdcdcd url(../../images/brother-main/filter-active-bg.png) left center no-repeat; } .category-filters .filter-list li.active label { padding-left: 10px; } .category-filters .filter-list input { float: right; } .category-filters .filter-list .styled-radio, .category-filters .filter-list .styled-checkbox { float: right; margin-left: 8px; margin-right: 0px; } .category-filters .filter-list .styled-radio { padding: 0px; width: 12px; } .filter-list-minvalue { float: left; } .filter-list-maxvalue { float: right; } .category-filters .filter-list input.facetvalue-slider { float: left;} .category-filters .compare-list li a.remove { margin-left: 8px; } .category-filters .compare-list li a.remove img { vertical-align: top; } /* --------------------------------- Excentos Category Filters --------------------------------- */ .category-filters.excentos { float: left; width: 205px; margin-right: 15px; } .filter-list.selected-filters { display: none; padding-bottom: 5px; } .filter-list.selected-filters li { background: url("../../images/global-content/white-cross.png") no-repeat 10px 7px #4D4D4D; color: #FFFFFF; cursor: pointer; margin: 0 0 5px; text-align: right; padding: 4px 8px 3px 28px; } .category-results, .awards-results { overflow: hidden; } .sort-by { float: right; } #results article:first-child, #results h3 + article { border-top: none; } #results > h3.box-out { margin-bottom: 0px; } #results article { overflow: hidden; padding: 15px 0px 14px 0px; border-top: 1px dashed #c2cbe7; } #results article h3 a { color: #4D4D4D; text-decoration: none; } #results article > img, #results article > a > img { float: left; margin-right: 15px; } #results article > div { overflow: hidden; } #results article > div ul { font-size: 12px; margin: 0px 0px 8px 16px; list-style: disc; } #results article > div ul.feature-list { float: none; width: auto; list-style: none; margin: 0px; } #results article .discontinued-search-product-image, #results article .promoted-search-product-image, #results article .new-search-product-image { max-width: 75px; margin-right: -90px; position: relative; z-index: 1;} /* Slider Control */ .slideControlContainer { position: relative; display: block; height: 16px; padding: 0px 5px; background: #efefef; background: -moz-linear-gradient(top, #ededed 0%, #b4b4b4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#b4b4b4)); background: -webkit-linear-gradient(top, #ededed 0%,#b4b4b4 100%); background: -o-linear-gradient(top, #ededed 0%,#b4b4b4 100%); background: -ms-linear-gradient(top, #ededed 0%,#b4b4b4 100%); border: 1px solid #ccc; box-shadow: inset 0 1px 0 #fff; border-radius: 7px; cursor: pointer; } .ie7 .slideControlContainer { width: 140px; } .slideControlTrack { height: 3px; margin-top: 5px; border: 1px solid #ababab; box-shadow: inset 0 1px 0 #4668b0; background: #0036a2; display: block; border-radius: 7px; } .slideControlFill { height: 3px; margin-top: -5px; border: 1px solid #ababab; box-shadow: inset 0 1px 0 #cbcbcb; background: #e6e6e6; display: block; border-radius: 7px; position: relative; z-index: 1; overflow: visible !important; } .slideControlHandle { top: -6px; display: block; background: #cfdbe9; background: -moz-linear-gradient(top, #cfdbe9 0%, #f4f8fb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfdbe9), color-stop(100%,#f4f8fb)); background: -webkit-linear-gradient(top, #cfdbe9 0%, #f4f8fb 100%); background: -o-linear-gradient(top, #cfdbe9 0%, #f4f8fb 100%); background: -ms-linear-gradient(top, #cfdbe9 0%, #f4f8fb 100%); border-radius: 14px; border: 2px solid #fff; width: 10px; height: 10px; box-shadow: 0 0 1px #555; position: absolute; right: -6px; z-index: 5; cursor: pointer; } .ieShadow { zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=1); top:-8px; right:-4px; } .slideControlInput { display: none; } /* --------------------------------- Global Tabbed Menu --------------------------------- */ .tab-menu > ul { position: absolute; bottom: 0; overflow: hidden; left: 200px; list-style: none; } .tab-menu > ul > li { display: block; float: left;min-width: 106px; text-align: center; margin-right: 2px; font-size: 14px; text-decoration: none; color: #cfcfcf; } .tab-menu > ul > li a { color: #ffffff; text-decoration: none; text-align: center; vertical-align: middle} .tab-menu > ul > li.active { font-weight: bold; } .tab-menu > ul > li.active a { color: #4d4d4d } .tab-menu li .menu-item-container > div { float: left; } .tab-menu li .menu-item-container .item-start { background: url(/images/global-content/inactive-start.png) top left transparent no-repeat;height: 46px; width: 20px; } .tab-menu li .menu-item-container .item-mid { background: url(/images/global-content/inactive-mid.png) bottom left transparent repeat-x; height: 28px; padding-top: 18px; padding-right: 15px; padding-left: 15px; min-width: 80px; } .tab-menu li .menu-item-container .item-end { background: url(/images/global-content/inactive-end.png) top left transparent no-repeat; height: 46px; width: 20px; } .tab-menu li.active .menu-item-container .item-start { background: url(/images/global-content/active-start.png) top left transparent no-repeat; } .tab-menu li.active .menu-item-container .item-mid { background: url(/images/global-content/active-mid.png) top left transparent repeat-x; } .tab-menu li.active .menu-item-container .item-end { background: url(/images/global-content/active-end.png) top left transparent no-repeat; } /* --------------------------------- wffm --------------------------------- */ #main .scfForm { height: auto; } .scfForm, .scfSectionBorder { zoom: 1; } .scfForm:after, .scfSectionBorder:after { content: " "; display: block; height: 0px; clear: both; } .scfForm .scfSectionBorderAsFieldSet { border-top: none; margin: 0px; padding: 0px; } .scfForm input[type="text"], .scfForm select { width: 278px; max-width: 100%; border: 1px solid #a7a7a7; height: 26px; display: block; } .content-unit.two .scfForm input[type="text"], .content-unit.two .scfForm select, .right-column .scfForm input[type="text"], .right-column .scfForm select { width: 100%; } .scfForm textarea { width: 522px; max-width: 100%; height: 140px; border: 1px solid #a7a7a7; display: block; } .scfForm input[type="image"], .scfForm input[type="submit"] { width: auto; border: none; } .scfForm .scfSubmitButtonBorder input { margin: 10px 20px; clear: both; float: right; background: url("../../images/global-content/button-bg.png") repeat scroll 0 -34px transparent; border: 1px solid #AFAFAF; border-radius: 4px 4px 4px 4px; cursor: pointer; display: inline-block; height: 34px; line-height: 34px; margin-right: 14px; padding: 0 10px; text-decoration: none; text-transform: uppercase; border: 1px solid #0036A2; color: #FFFFFF; font-weight: bold; } .content-unit.two .scfForm .scfSubmitButtonBorder input, .right-column .scfForm .scfSubmitButtonBorder input { margin-right: 0px; } .scfForm .scfEmailGeneralPanel, .scfForm .scfMultipleLineGeneralPanel, .scfForm .scfSingleLineGeneralPanel, .scfForm .scfPasswordGeneralPanel, .scfForm .scfNumberGeneralPanel, .scfForm .scfDatePickerGeneralPanel, .scfForm .scfDateGeneralPanel, .scfForm .scfRadioButtonListGeneralPanel, .scfForm .scfCheckBoxListGeneralPanel, .scfForm .scfFileUploadGeneralPanel, .scfForm .scfDateSelectorGeneralPanel, .scfForm .scfCreditCardGeneralPanel, .scfForm .scfConfirmPasswordGeneralPanel, .scfForm .scfCaptchaGeneralPanel, .scfForm .scfTelephoneGeneralPanel, .scfForm .scfSmsTelephoneGeneralPanel, .scfForm .scfListBoxGeneralPanel, .scfForm .scfDropListGeneralPanel, .scfForm .scfDropListLabel, .scfForm .scfEmailLabel, .scfForm .scfMultipleLineTextLabel, .scfForm .scfSingleLineTextLabel, .scfForm .scfPasswordLabel, .scfForm .scfNumberLabel, .scfForm .scfDatePickerLabel, .scfForm .scfDateLabel, .scfForm .scfRadioButtonListLabel, .scfForm .scfCheckBoxListLabel, .scfForm .scfListBoxLabel, .scfForm .scfFileUploadLabel, .scfForm .scfDateSelectorLabel, .scfForm .scfCreditCardLabel, .scfForm .scfConfirmPasswordLabel, .scfForm .scfCaptchaLabel, .scfForm .scfTelephoneLabel, .scfForm .scfSmsTelephoneLabel, .scfForm .scfValidator { float: none; clear: left; width: 100%; padding-right: 0px; } .scfForm .scfValidator, .scfForm .scfValidationSummary { color: #fe0314; } .scfForm div[id$="fieldContainer"] > div { width: auto; min-width: 278px; padding: 0px 20px; } .content-unit.two .scfForm div[id$="fieldContainer"] > div, .right-column .scfForm div[id$="fieldContainer"] > div { padding: 0px; } .scfForm .scfDropListBorder, .scfForm .scfEmailBorder, .scfForm .scfMultipleLineTextBorder, .scfForm .scfSingleLineTextBorder, .scfForm .scfPasswordBorder, .scfForm .scfNumberBorder, .scfForm .scfDatePickerBorder, .scfForm .scfDateBorder, .scfForm .scfRadioButtonListBorder, .scfForm .scfListBoxBorder, .scfForm .scfCheckBoxListBorder, .scfForm .scfFileUploadBorder, .scfForm .scfDateSelectorBorder, .scfForm .scfCreditCardBorder, .scfForm .scfConfirmPasswordBorder, .scfForm .scfCaptchaBorder, .scfForm .scfTelephoneBorder, .scfForm .scfSmsTelephoneBorder { position: relative; } .scfForm .scfRequired, .scfForm .scfValidatorRequired { position: absolute; top: 3px; right: 0; color: #fe0314; } .scfForm .success-message { font-size: 14px; padding-top: 10px; } .scfForm .success-message > img { float: left; margin: -10px 10px 0px 0px; } .scfForm .scfHiddenFieldGeneralPanel {display: none; visibility: hidden;} .results-loading { display: none; z-index: 1;width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/images/global-content/loader.gif) center no-repeat #f5f6f8 } /* --------------------------------- misc --------------------------------- */ .ie7 hr.sep { display: block; list-style: none; width: 100%; border-bottom: 1px dashed #c2cbe8; filter: alpha(opacity=100); } hr.sep { background: none; border-bottom: 1px dashed #c2cbe8;height: 1px; } #cookieLawBar { background: #ffffff; padding: 20px 0px; position: fixed; bottom: 0px; width: 100%; border-top: 1px solid #0066EE; z-index: 99999; } #cookieLawBar .wrapper > a { float: right; margin-left: 20px; margin-right: 0px; } #cookieLawBar .wrapper > p { overflow: hidden; } /* Flash detection */ .no-flash { display: none; } /* ------------------------------------------------------------- New Grid layout for BOL and all other solutions 12 Col Layout ----------------------------------------------------------------------*/ body { min-width: 960px; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 960px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:80px; } .container_12 .grid_2 { width:160px; } .container_12 .grid_3 { width:240px; } .container_12 .grid_4 { width:320px; } .container_12 .grid_5 { width:400px; } .container_12 .grid_6 { width:480px; } .container_12 .grid_7 { width:560px; } .container_12 .grid_8 { width:640px; } .container_12 .grid_9 { width:720px; } .container_12 .grid_10 { width:800px; } .container_12 .grid_11 { width:880px; } .container_12 .grid_12 { width:960px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:80px; } .container_12 .prefix_2 { padding-left:160px; } .container_12 .prefix_3 { padding-left:240px; } .container_12 .prefix_4 { padding-left:320px; } .container_12 .prefix_5 { padding-left:400px; } .container_12 .prefix_6 { padding-left:480px; } .container_12 .prefix_7 { padding-left:560px; } .container_12 .prefix_8 { padding-left:640px; } .container_12 .prefix_9 { padding-left:720px; } .container_12 .prefix_10 { padding-left:800px; } .container_12 .prefix_11 { padding-left:880px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:80px; } .container_12 .suffix_2 { padding-right:160px; } .container_12 .suffix_3 { padding-right:240px; } .container_12 .suffix_4 { padding-right:320px; } .container_12 .suffix_5 { padding-right:400px; } .container_12 .suffix_6 { padding-right:480px; } .container_12 .suffix_7 { padding-right:560px; } .container_12 .suffix_8 { padding-right:640px; } .container_12 .suffix_9 { padding-right:720px; } .container_12 .suffix_10 { padding-right:800px; } .container_12 .suffix_11 { padding-right:880px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:80px; } .container_12 .push_2 { left:160px; } .container_12 .push_3 { left:240px; } .container_12 .push_4 { left:320px; } .container_12 .push_5 { left:400px; } .container_12 .push_6 { left:480px; } .container_12 .push_7 { left:560px; } .container_12 .push_8 { left:640px; } .container_12 .push_9 { left:720px; } .container_12 .push_10 { left:800px; } .container_12 .push_11 { left:880px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-80px; } .container_12 .pull_2 { left:-160px; } .container_12 .pull_3 { left:-240px; } .container_12 .pull_4 { left:-320px; } .container_12 .pull_5 { left:-400px; } .container_12 .pull_6 { left:-480px; } .container_12 .pull_7 { left:-560px; } .container_12 .pull_8 { left:-640px; } .container_12 .pull_9 { left:-720px; } .container_12 .pull_10 { left:-800px; } .container_12 .pull_11 { left:-880px; } .browser-update{display:none;z-index:111111;width:100%;top:0;left:0;border-bottom:1px solid #A29330;background:#FDF2AB;text-align:left;color:#000;font-size:12px} .browser-update>div{padding:5px 36px 5px 40px} .browser-update a,.browser-update a:visited{color:#E25600;text-decoration:underline} .browser-update-close{position:absolute;right:6px;top:-2px;height:20px;width:12px;font-weight:700;font-size:18px;padding:0;cursor:pointer}