/* @override http://review.danner.com/skin/frontend/lfi/danner/css/main.css http://dev.danner.com/skin/frontend/lfi/danner/css/main.css http://www.danner.com/skin/frontend/lfi/danner/css/main.css http://cdn.danner.com/skin/frontend/lfi/danner/css/main.css */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} body{font: 13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;}a:focus{outline:1px dotted invert}hr{border:0 #CCC solid;border-color: rgba(0,0,0, 0.1);border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:12px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} address {font-style: normal;} /* HTML5 */ article, aside, footer, header, hgroup, nav, section {display: block;} footer {clear: both;} /* End HTML5 */ html, html a, input {-webkit-font-smoothing: antialiased !important;} body > iframe {top: 0;} body, a {color: #4C463F;} a {text-decoration: none;} ul {list-style-type: square;} dt {cursor: default;} label {color: #332C2A;} /** Global Font Families **/ .hn-light {font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-weight: normal;} .hn-regular {font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-weight: normal;} strong, .hn-medium {font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-weight: normal;} /* Lists */ ul,ol {list-style:none;} .form-list li {margin-left: 0;} h2 {font-size: 26px; text-transform: uppercase;} h3 {font-size: 11px; margin-bottom: 6px;} h3 a {text-decoration: underline;} h5 {font-size: 11px; margin: 0;} .smallHeader {font-size: 11px; font-weight: bold; text-transform: uppercase;} .ui-tabs .ui-tabs-hide {display: none;} .hide {display: none;} .safeHide {position: absolute !important; left: -10000px !important;} .wrap {width: 973px; margin: 0 auto; position: relative;} .a-right {text-align: right;} .page-title h1 {font-size: 22px; line-height: 1; margin-top: 20px;} #jQueryAddress {display: none;} #notification-bar {background-color: #309261 !important;} #notification-bar a {text-decoration: underline; color: #FFF;} .outline-button {display: inline-block; padding: 14px 19px; line-height: 100%; color: #000; border: 1px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-transform: uppercase; letter-spacing: 1px; font-family: 'HelveticaNeueW01-65Medi',Arial,sans-serif; font-size: 13px; font-weight: normal;} .outline-button.light {color: #FFF; border-color: #FFF; border-width: 1px;} /** International Store Modals **/ .international-store-modal.modal {padding: 66px 66px 100px 66px; text-align: center; font-famly: font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue',Arial,sans-serif;} .international-store-modal .flag {border: 1px solid #D1CECF;} .international-store-modal h2 {margin: 20px 0 5px 0; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Arial,sans-serif; font-weight: normal; font-size: 22px; color: #000;} .international-store-modal p {margin-bottom: 28px; font-size: 14px; color: rgba(0,0,0, 0.8);} .international-store-modal a.action-link {padding: 10px 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; background-color: #309261; text-align: center; text-transform: uppercase; font-size: 13px;} .international-store-modal div.alt {margin-top: 15px; font-size: 12px; color: rgba(0,0,0, 0.5);} .international-store-modal div.alt a {text-decoration: underline; color: inherit;} /** Header **/ header {height: 70px; margin-bottom: 33px; position: relative; font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue',Arial,sans-serif; background-color: #F3F2F0; background-color: rgba(243,242,240, 0.95); /*-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0, 0.3), 0 1px 2px -1px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 1px 0 rgba(0,0,0, 0.3), 0 1px 2px -1px rgba(0,0,0, 0.2); box-shadow: 0 0 1px 0 rgba(0,0,0, 0.3), 0 1px 2px -1px rgba(0,0,0, 0.2);*/} header a, header input {color: #000;} header input::-webkit-input-placeholder {color: #000 !important;} header input:-moz-placeholder {color: #000 !important;} header input::-moz-placeholder {color: #000 !important;} header input:-ms-input-placeholder {color: #000 !important;} header .wrap {padding-top: 13px;} #header-menu {position: relative; float: right; margin-top: 13px; font-size: 15px;} #header-menu nav {display: inline-block;} #nav-list {display: inline-block;} #nav-list li {display: inline-block; margin: 0 25px 0 0; line-height: 17px; text-transform: uppercase; font-size: 15px;} #nav-list li.last {margin-right: 20px;} #nav-list li.active {font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Arial,sans-serif;} #nav-list li.active a span {border-bottom: 1px solid #D9DBD8; border-color: rgba(0,0,0, 0.1);} #search-form {display: inline-block; -moz-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4;} #search-form fieldset {position: relative; display: inline-block; margin: -4px 0 0 0; padding: 0 0 0 25px; border: 1px solid transparent; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background: transparent url("//cdn.danner.com/skin/frontend/lfi/danner/images/search-icon.png") no-repeat 6px 7px; transition: border 0.5s, background-color 0.5s; -webkit-transition: border 0.5s, background-color 0.5s; -moz-transition: border 0.5s, background-color 0.5s;} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { #search-form fieldset {background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/search-icon@2x.png'); background-size: 13px 13px;} } #search-form fieldset.active {border-color: #D9D8D7; background-color: #FFF;} #search-form #search-btn {position: absolute; top: 6px; right: 6px; width: 9px; height: 16px; opacity: 0; border: none; background-color: transparent; background-repeat: no-repeat; background-position: right center; cursor: pointer; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;} #search-form fieldset.active #search-btn {opacity: 1;} #search-form input[type=text] {display: inline-block; width: 50px; height: 27px; margin: 0; padding: 0; border: none; font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue',Arial,sans-serif; font-size: 15px; font-weight: normal; background-color: inherit; background-image: none; -webkit-transition: width 0.3s ease-in-out, padding-right 0.3s; -moz-transition: width 0.3s ease-in-out, padding-right 0.3s; transition: width 0.3s ease-in-out, padding-right 0.3s;} #search-form fieldset.active input[type=text] {width: 200px; padding-right: 15px; color: #000; border-color: #E6E6E6;} #account-name-link {display: inline-block; margin-left: 24px; padding-left: 20px; background: url('//cdn.danner.com/skin/frontend/lfi/danner/images/account-icon.png') no-repeat 0px 4px; -moz-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4;} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { #account-name-link {background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/account-icon@2x.png'); background-size: 15px 13px;} } #header-menu .links {display: inline-block; margin: 0; -moz-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4;} #header-menu .links li {display: inline-block; margin: 0 0 0 28px; line-height: 17px; text-transform: uppercase;} #header-menu .links .top-link-cart {padding-left: 22px; background: url('//cdn.danner.com/skin/frontend/lfi/danner/images/cart-icon.png') no-repeat 0px 2px;} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { #header-menu .links .top-link-cart {background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/cart-icon@2x.png'); background-size: 16px 13px;} } #header-menu .links .top-link-cart span {padding-right: 1px;} /*#header-menu .links .top-link-cart span.empty {opacity: 0.3;}*/ /** Header - Default Layout **/ header, body.full.standard-header header {position: static; width: 100%; height: 70px; z-index: 1; margin-bottom: 33px; background-color: #F1F2F0; background-color: rgba(242,241,239, 0.95);} /** Header Overrides - Full Layout **/ body.full header {position: absolute; top: 0; margin: 0; background-color: #000; background: transparent\9; background-color: rgba(0,0,0, 0.15); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000,endColorstr=#26000000); zoom: 1;} /** Header Overrides - Full Layout - Light Scheme **/ body.full header.light a, body.full header.light input {color: #FFF;} body.full header.light ::-webkit-input-placeholder {color: #FFF !important;} body.full header.light :-moz-placeholder {color: #FFF !important;} body.full header.light ::-moz-placeholder {color: #FFF !important;} body.full header.light :-ms-input-placeholder {color: #FFF !important;} body.full header.light a.logo img {display: none;} body.full header.light a.logo {display: inline-block; width: 81px; height: 40px; background: url('//cdn.danner.com/skin/frontend/lfi/danner/images/logo-white@2x.png') no-repeat 0 0; background-size: 81px 40px;} body.full header.light #search-form {-moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6;} body.full header.light #search-form fieldset {background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/search-icon-white.png');} body.full header.light #search-form fieldset.active {border-color: #FFF; background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/search-icon.png');} body.full header.light #search-form fieldset.active ::-webkit-input-placeholder {color: #000 !important;} body.full header.light #search-form fieldset.active :-moz-placeholder {color: #000 !important;} body.full header.light #search-form fieldset.active ::-moz-placeholder {color: #000 !important;} body.full header.light #search-form fieldset.active :-ms-input-placeholder {color: #000 !important;} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { body.full header.light #search-form fieldset {background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/search-icon-white@2x.png');} body.full header.light #search-form fieldset.active {background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/search-icon@2x.png');} } body.full header.light #account-name-link {background: url('//cdn.danner.com/skin/frontend/lfi/danner/images/account-icon-white.png') no-repeat 0px 4px; -moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6;} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { body.full header.light #account-name-link {background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/account-icon-white@2x.png'); background-size: 15px 13px;} } body.full header.light #header-menu .links {-moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6;} body.full header.light #header-menu .links .top-link-cart {background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/cart-icon-white.png');} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { body.full header.light #header-menu .links .top-link-cart {background-image: url('//cdn.danner.com/skin/frontend/lfi/danner/images/cart-icon-white@2x.png');} } /*body.full header.light #header-menu .links .top-link-cart span.empty {opacity: 1;}*/ body.full #notification-bar {display: none;} /** Header Overrides - Full Layout - Dark Scheme **/ /** Footer **/ footer {margin-top: 40px; padding-top: 40px; border-top: 1px solid #E5E7E7; border-color: rgba(0,0,0, 0.1); font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue',Arial,sans-serif; font-size: 13px;} footer address {display: none;} footer .wrap {text-align: center;} #info-links {display: inline-block; margin-bottom: 15px;} #info-links a {color: #4E4B47;} #info-links li {display: inline; margin: 0 0 0 6px; padding: 0 10px 0 0; border-right: 1px solid #D9D8D7;} #info-links li.last {border-right: none; margin-right: 0; padding-right: 0;} #contact-links {text-align: center;} #contact-links li {display: inline-block; margin: 0 5px 0 0; vertical-align: top;} #contact-links li.last {margin-right: 0;} #contact-links form {display: inline-block; vertical-align: bottom;} #contact-links form fieldset {display: inline-block; margin: 0 4px 0 0; padding: 0;} #contact-links form input[type=email] {display: inline-block; width: 190px; height: 28px; padding: 0 20px 0 8px; border: 1px solid #D9D8D7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; line-height: 16px; font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue',Arial,sans-serif; font-size: 14px; background: none;} #contact-links form input[type=submit] {width: 9px; height: 17px; margin-left: -20px; border: none; cursor: pointer; background-color: transparent;} #borderfree-badge {display: inline-block; margin-left: 10px;} #borderfree-badge img {width: 24px; margin: -3px 0 0 2px; vertical-align: middle;} /** Content **/ #content {min-height: 400px;} .breadcrumbs {font-size: 13px !important; margin-bottom: 10px; cursor: default; color: rgba(0,0,0, 0.8);} .breadcrumbs li {display: inline; margin-left: 0; color: rgba(0,0,0, 0.8);} .breadcrumbs li a {color: rgba(0,0,0, 0.8);} .breadcrumbs li span {padding: 0 2px;} .breadcrumbs li strong {font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif;} .breadcrumbs a:first-child {padding-left: 0;} #prod-control {position: relative; height: 55px; z-index: 400;} #prod-control h4 {text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 0; color: #32312c;} .kickers-3 {margin: 0; list-style-type: none; text-align: center;} .kickers-3 li {display: inline-block; width: 311px; overflow: hidden; margin: 0 20px 30px 0; padding: 0; text-align: center; vertical-align: top; color: #6D6D6C; font-family: 'HelveticaNeueW01-45Ligh',Arial,sans-serif; font-size: 13px;} .kickers-3 li.last {margin-right: 0;} .kickers-3 a {display: block;} .kickers-3 img {display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden;} .kickers-3 strong, .kickers-3 h5 {display: block; margin-top: 10px; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Arial,sans-serif; font-size: 15px; font-weight: normal; text-transform: uppercase; color: #000;} /* @TODO find and replace with class */ #kickers-4 {list-style-type: none; margin: 12px 0 0 -7px;} .ie #kickers-4 {width: 1000px;} #kickers-4 li {position: relative; float: left; margin: 0 0 0 7px; padding: 0;} #kickers-4 img {display: block;} #kickers-4 h5 {font-weight: bold; text-transform: uppercase; margin: 7px 0 0 0; font-size: 11px;} #kickers-4 span {line-height: 1;} #kickers-4 a {color: #7F7C72;} #kickers-4 h5 a {color: #4C463F;} /** Products **/ #category-header {} #category-header img {display: block;} #product-wrap.mode-standard {margin-top: 35px;} #directory-header {margin-bottom: 30px; border-bottom: 1px solid #E5E5E5; border-color: rgba(0,0,0, 0.1);} .block-layered-nav {position: relative; z-index: 100; height: 90px;} .block-layered-nav .block-title {display: block; float: left; margin-top: 6px; font-size: 13px;} .block-layered-nav .block-sort {position: absolute; top: 0; right: 0;} .block-layered-nav .block-content {position: absolute; top: 0; left: 0;} .block-layered-nav .block-content .block-state {display: none;} #narrow-by-list, #sort-by-list {float: left; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif; font-size: 13px;} #narrow-by-list .itemWrap, #sort-by-list .itemWrap {position: relative; float: left; width: 120px; margin-left: 10px; padding: 4px 0 4px 10px; background: url('//cdn.danner.com/skin/frontend/lfi/default/images/icon-dropdown.png') no-repeat 108px 11px; border: 1px solid #D9D8D7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer;} #narrow-by-list .itemWrap.over, #sort-by-list .itemWrap.over {background-color: rgba(254,254,254, 0.98); -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0;} #narrow-by-list dt, #sort-by-list dt {padding-right: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;} #narrow-by-list dt span, #sort-by-list dt span {} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { #narrow-by-list .itemWrap, #sort-by-list .itemWrap {background-image: url('//cdn.danner.com/skin/frontend/lfi/default/images/icon-dropdown@2x.png'); background-size: 14px 8px;} } #narrow-by-list dd, #sort-by-list dd {position: absolute; top: 100%; left: -1px; width: 100%; opacity: 0; visibility: hidden; overflow: hidden; border: 1px solid #D9D8D7; background-color: #FEFEFE; background-color: rgba(254,254,254, 0.98); -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear; -moz-transition: visibility 0s linear 0.1s, opacity 0.1s linear; transition: visibility 0s linear 0.1s, opacity 0.1s linear; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;} #narrow-by-list .itemWrap.over dd, #sort-by-list .itemWrap.over dd {opacity: 1; visibility: visible;} #narrow-by-list dd ol, #sort-by-list dd ol {margin: 0; padding: 4px 0;} #narrow-by-list dd ol li, #sort-by-list dd ol li {margin: 0;} #narrow-by-list div.selection a {display: block; padding: 2px 0; background: url('//cdn.danner.com/skin/frontend/lfi/default/images/filter-clear.png') no-repeat -500px 7px; -webkit-transition: background-position 0s; -moz-transition: background-position 0s; transition: background-position 0s; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s;} #narrow-by-list .itemWrap.over div.selection a {background-position: 100px 7px;} #narrow-by-list .multi li a {background: url('//cdn.danner.com/skin/frontend/lfi/default/images/filter-checkbox.png') no-repeat 10px 4px; padding-left: 30px;} #narrow-by-list .multi li.selected a {background-image: url('//cdn.danner.com/skin/frontend/lfi/default/images/filter-checkbox-checked.png');} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { #narrow-by-list .multi li a {background-image: url('//cdn.danner.com/skin/frontend/lfi/default/images/filter-checkbox@2x.png'); background-size: 15px 15px;} #narrow-by-list .itemWrap.over div.selection a {background-image: url('//cdn.danner.com/skin/frontend/lfi/default/images/filter-clear@2x.png'); background-size: 10px 10px;} #narrow-by-list .itemWrap.multi li.selected a {background-image: url('//cdn.danner.com/skin/frontend/lfi/default/images/filter-checkbox-checked@2x.png'); background-size: 15px 15px;} } #narrow-by-list li a, #sort-by-list li a {display: block; width: auto; padding: 2px 10px;} #narrow-by-list li a:hover, #sort-by-list li a:hover {background-color: #F1F3F3; background-color: rgba(0,0,0, 0.05);} #product-area {position: relative; width: 100%; overflow: hidden;} #product-area .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none; z-index: 10; background-color: #fff;} #product-area .product-page {position: relative;} #product-area .product-page-grid {position: absolute; top: 0; left: 0; z-index: 5;} #catnav {margin: 32px 0 35px 0; text-align: center; border: 1px solid #E5E7E7; border-color: rgba(0,0,0, 0.1); border-width: 1px 0 0 0; font-size: 14px;} #catnav li.level0, #catnav li.level2 {display: none; margin: 0;} #catnav li.level0 {width: 100%;} #catnav li.level0.parent {display: inline-block;} #catnav li.level0.parent > a {display: none;} #catnav li.level0.parent > ul.level0, #catnav li.level1 > ul.level1 {display: none; width: 100%; margin: 0;} #catnav li.level0.parent.active > ul.level0, #catnav li.level1.active > ul.level1 {display: block; float: left;} #catnav ul.level0 {padding-top: 7px !important;} #catnav ul.level1 {margin-top: 9px !important; padding-top: 10px !important;} #catnav ul.level0 li.level1, #catnav li.level1.active ul.level1 li.level2 {display: inline; margin: 0 33px 0 0;} #catnav ul.level0 li.level1.last, #catnav ul.level1 li.level2.last {margin-right: 0 !important;} #catnav li.level1.active > a, #catnav li.level2.active > a {font-family: 'HelveticaNeueW01-65Medi',Arial,sans-serif;} #catnav li.level1.active > a span, #catnav li.level2.active > a span {padding-bottom: 1px; border-bottom: 1px solid #E5E7E7; border-color: rgba(0,0,0, 0.1);} #catnav li.level1.last::after {content: ''; display: block; padding-top: 9px; border: 1px solid #E5E7E7; border-color: rgba(0,0,0, 0.1); border-width: 0 0 1px 0;} #catnav li.level1 > a[href="http://dev.danner.com/product/sale/"], #catnav li.level1 > a[href="http://review.danner.com/product/sale/"], #catnav li.level1 > a[href="http://www.danner.com/product/sale/"] {color: #C24B42;} .product-list {list-style: none; padding: 0; margin: 0;} .product-list li {position: relative; float: left; width: 243px; height: 300px; margin: 0; color: #4E4B47; font-size: 13px;} /*#product-list img {display: block; margin: 0 auto;}*/ .product-list .prodThumbImage {position: relative; height: 200px; padding-left: 20px; background-image: url("//cdn.danner.com/skin/frontend/lfi/default/images/spinner.svg"); background-repeat: no-repeat; background-position: center center;} .no-svg .product-list .prodThumbImage {background-image: url("//cdn.danner.com/skin/frontend/lfi/danner/images/product-spinner.gif");} /* fallback */ .product-list .prodThumbImage img {position: absolute; bottom: 0; width: 200px;} .product-list .prodThumbInfo {margin: 0 10px 10px 0; padding: 10px 0; text-align: center;} .product-list .prodThumbInfo a {display: block; line-height: 1.2;} .product-list .prodThumbPrice {opacity: 0.8; margin: 2px 0 0; color: #33312D; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;} .product-list .new-flag {position: absolute; top: 5px; right: 5px; width: 38px; height: 38px; line-height: 38px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #309261; color: #FFF; text-align: center; text-transform: uppercase; font-size: 11px;} .product-list .specialContent {} .product-list .specialContent img {margin: 6px 0 0 8px;} .boxshadow .modal {box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);} .product-list .stars {background: url('//cdn.danner.com/media/pwr/engine/images/stars_small.gif') no-repeat; height: 15px; margin-top: 3px;} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .product-list .stars {background-image: url('//cdn.danner.com/media/pwr/engine/images/stars_small@2x.gif'); background-size: 83px 195px;} } .product-list .rating05 {background-position: center -18px;} .product-list .rating10 {background-position: center -36px;} .product-list .rating15 {background-position: center -54px;} .product-list .rating20 {background-position: center -72px;} .product-list .rating25 {background-position: center -90px;} .product-list .rating30 {background-position: center -108px;} .product-list .rating35 {background-position: center -126px;} .product-list .rating40 {background-position: center -144px;} .product-list .rating45 {background-position: center -162px;} .product-list .rating50 {background-position: center -180px;} .price-box {margin-right: 10px;} .price-box .price-label {display: none;} .price-box .old-price {display: inline-block; margin: 0; text-decoration: line-through;} .price-box .special-price {display: inline-block; margin: 0; padding-left: 5px; color: #b80c00;} h1.pageHeader {font-size: 20px; margin: 50px 0 25px;} #category-list {list-style-type: none; margin-left: -18px} .ie #category-list {width: 1000px; left: -18px;} #category-list li {float: left; margin: 0 0 45px 19px;} #category-list a {display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #332D2A;} #email-signup-form {display: none; position: absolute; top: 0; left: 0; width: 238px; height: 113px; background: #F2F1EF;} #email-signup-form fieldset {padding: 20px 15px; position: absolute; top: 0; left: 0;} #email-signup-form .error {font-weight: bold; color: #b80c00;} #newsletter-email {width: 180px;} #signup-success {text-align: center; font-size: 12px;} #lights-off {display: none; background-color: #000; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 500;} #video-box-wrap {position: fixed; top: 50%; left: 50%; margin: -238px 0 0 -373px; z-index: 502; width: 766px; height: 504px;} #video-bg {background: url("//cdn.danner.com/skin/frontend/lfi/danner/images/video-bg-trans.png") no-repeat; padding: 12px; width: 742px; height: 480px;} #video-box {padding: 10px;} #video-box embed {background: url("//cdn.danner.com/skin/frontend/lfi/danner/images/product-spinner.gif") no-repeat center center;} #modal-close img, .modal-close img, #video-close img, .video-close img {position: absolute; top: -16px; left: -16px;} h3.videoTitle {text-transform: uppercase; font-size: 16px; margin: 0;} #video-info {padding: 3px 5px 5px;} #video-info a {text-transform: uppercase; font-weight: bold;} #g-holiday-ship {position: absolute; right: 0; bottom: -22px; text-transform: uppercase; z-index: 10;} #g-holiday-ship a {color: #7F7A72;} #g-holiday-ship span {color: #993300; font-weight: bold;} .catalog-product-view #content .social {display: none;} #newsletter-signup, #newsletter-signup .shade, #newsletter-signup fieldset {position: absolute; top: 0; left: 0; display: block; width: 238px; height: 113px;} #newsletter-signup .shade {background-color: #3f3631;} #newsletter-signup label {color: #fff;} /*** PDP ***/ .catalog-product-view {color: #000;} .catalog-product-view footer {margin-top: 0;} .catalog-product-view .breadcrumbs {width: 973px; margin: 0 auto;} #product-display {margin-bottom: 50px;} #product-display fieldset, #product-display hr {margin: 0;} #product-display .prod-image {position: relative; float: left; width: 585px; margin: 25px 75px 0 0; text-align: center;} #product-display .prod-image #image-list {list-style-type: none; margin: 560px 0 0 0;} #product-display .prod-image #image-list li {display: inline-block; margin: 0; padding: 1px;} #product-display .prod-image #image-list li.selected, #product-display .prod-image #image-list li.over {background-color: #D9D8D7;} #product-display .prod-image #image-list li img {display: block; width: 51px; padding: 5px 8px; cursor: pointer; background-color: #FFF;} #product-display .prod-image #main-product-image, #product-display .prod-image .upcoming {position: absolute; top: 0; left: 50%; width: 516px; z-index: -1; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);} #product-display .prodInfo {position: relative; float: left; width: 311px; margin-top: 33px;} #product-display .prodInfo .prodName {margin: 0; line-height: 24px; font-size: 24px; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-weight: normal; text-transform: uppercase;} #product-display .prodInfo .style {margin-bottom: 22px; color: rgba(0,0,0, 0.6); font-size: 13px; font-family: 'HelveticaNeueW01-45Ligh',Arial,sans-serif; font-weight: normal; text-transform: uppercase;} #product-display .prodInfo .availability.in-stock {display: none;} #product-display .box-overview {margin-top: 20px; border-color: #EEE; border-bottom: 1px solid rgba(0,0,0, 0.1);} #product-display .box-overview .usa-crafted {background: url('//cdn.danner.com/skin/frontend/base/default/images/borderfree/US.gif') no-repeat 0 2px; background-size: 24px 15px; display: block; margin-bottom: 5px; padding-left: 30px; line-height: 21px; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Arial,sans-serif;} #product-display .box-overview .shortDesc {} #product-display .price-box {float: left; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 18px;} /*.add-to-box {display: none;}*/ #availability-message {float: left; margin-top: 4px; color: rgba(0,0,0, 0.8);} #product-options-wrapper #quality-select, #product-options-wrapper .quality-label, #product-options-wrapper .quality {display: none;} /* #product-options-wrapper {margin-bottom: 15px;} #product-options-wrapper dl {margin-bottom: 9px;} .add-to-cart label, #product-options-wrapper dt {text-transform: uppercase; font-weight: bold; margin-top: 8px;} .ie7 #product-options-wrapper dt {clear: both;} #product-options-wrapper dt span {color: #7E766A; font-weight: normal; padding-left: 3px; text-transform: none;} #product-options-wrapper dt span.error {color: #b80c00;} #product-options-wrapper ul {margin: 0;} #product-options-wrapper li {float: left; list-style-type: none; margin: 4px 4px 0 0; background-color: #E4DFD6; text-transform: uppercase; text-align: center; padding: 0 4px; cursor: pointer;} #product-options-wrapper .sizes li {width: 29px; padding: 0;} #product-options-wrapper li.selected {background-color: #4d463e; color: #fff;} #product-options-wrapper li.over {background-color: #c8c5c1;} #product-options-wrapper li.stock-out {cursor: default; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);} #product-options-wrapper .validation-advice {display: none;} */ #product-options-wrapper {position: relative; z-index: 1; font-family: 'HelveticaNeueW01-45Ligh',Arial,sans-serif; font-size: 14px;} #product-options-panel {top: 35px;} #product-options-wrapper .itemWrap {position: relative; margin-bottom: 10px; border: 1px solid #D9D8D7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} /* #product-options-wrapper .itemWrap:hover, #product-options-wrapper .itemWrap.over {} #product-options-wrapper .itemWrap.open dd {display: block !important;} */ #product-options-wrapper dl {margin: 0;} #product-options-wrapper dt {line-height: 33px; padding-left: 10px; border-right: 8px solid transparent; background: url('//cdn.danner.com/skin/frontend/lfi/default/images/icon-dropdown.png') no-repeat right center; cursor: pointer;} #product-options-wrapper dt * {cursor: pointer;} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { #product-options-wrapper dt {background-image: url('//cdn.danner.com/skin/frontend/lfi/default/images/icon-dropdown@2x.png'); background-size: 14px 8px;} } #product-options-wrapper dd {position: absolute; z-index: 1; width: 100%; background: #FFF; -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0, 0.4), 0 1px 2px -1px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 1px 0 rgba(0,0,0, 0.4), 0 1px 2px -1px rgba(0,0,0, 0.2); box-shadow: 0 0 1px 0 rgba(0,0,0, 0.4), 0 1px 2px -1px rgba(0,0,0, 0.2);} #product-options-wrapper dd ul {margin: 0;} #product-options-wrapper dd ul li {margin: 0; padding: 5px 10px;} #product-options-wrapper dd ul li.over {background-color: #F3F2F0; cursor: pointer;} #product-options-wrapper dd ul li.selected {color: #FFF; background-color: #000;} #product-options-wrapper dd ul li.stock-out {cursor: default; opacity: 0.6; color: rgba(0,0,0, 0.6);} #product-options-wrapper #sizes-select li {float: left; width: 31px; text-align: center;} #product-options-wrapper #sizes-select dt span {display: inline-block; max-width: 250px; white-space: nowrap;} .product-options-bottom {clear: both; margin-bottom: 11px;} #product_addtocart_form {margin-top: 20px; padding-bottom: 20px; border-color: #EEE; border-bottom: 1px solid rgba(0,0,0, 0.1);} #product_addtocart_form .qty {text-align: right; width: 19px; float: left; margin: 1px 10px 0 0 !important; padding: 5px 4px 4px !important;} #product_addtocart_form .errormsg {color: #b80c00; font-weight: bold; padding: 3px; width: 300px; overflow: hidden;} #product_addtocart_form .callout {text-transform: uppercase; text-align: center;} #atc-btn {display: block; height: 31px; line-height: 31px; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;} #product-display .box-tags {margin-top: 20px; border: 1px;} #product-display .box-tags .product-tags {display: inline; margin: 0;} #product-display .box-tags .product-tags li {display: inline; margin: 0;} #product-display .box-tags .product-tags li a {padding: 6px 10px; color: rgba(0,122,61, 0.8); background-color: rgba(0,0,0, 0.07); border-radius: 12px;} #product-display .social-links {margin-top: 20px; text-align: center;} #product-display .social-links li {display: inline-block; margin: 0 6px;} /** Product Collateral **/ #product-collateral h1, #product-collateral h3 {text-align: center; text-transform: uppercase; font-size: 20px; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Arial,sans-serif; font-weight: normal;} #product-collateral #description {padding-bottom: 70px; text-align: center; background-color: #F3F2F0;} #product-collateral #description .col2-set {width: 973px; margin: 0 auto;} #product-collateral #description .col2-set > div {margin-top: 0;} #product-collateral #description h1 {display: none;} #product-collateral #description div {margin: 70px 0 0 0; vertical-align: top; text-align: left;} #product-collateral #description div h3 {margin-bottom: 24px;} #product-collateral #description ul {margin: 0;} #product-collateral #description ul li {margin: 0 0 10px 0;} /*#product-collateral #description div.details-features {width: 50%;}*/ #product-collateral #crosssell_products {padding-top: 68px; text-align: center;} #product-collateral .product-list li {float: none; display: inline-block; text-align: center;} #product-collateral .product-list li .prodThumbImage {padding-left: 0;} #product-collateral .product-list li .prodThumbImage img {position: relative;} #product-collateral .product-list li .prodThumbName {padding-top: 10px;} #product-collateral .product-list li .prodThumbPrice {color: #33312D; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; opacity: 0.8;} #product-collateral .product-list li .price-box {float: none; font-size: inherit; font-family: inherit;} #reviews_detailed {clear: both; padding-top: 68px; text-align: center; background-color: #F3F2F0;} #reviews_detailed h1 {margin-bottom: 8px;} #reviews_detailed .pr-write-review {width: 180px; line-height: 31px;} #reviews_detailed #pr-reviews-detailed {width: 973px; margin: 0 auto 0 auto;} #reviews_detailed .clearfix {z-index: -1;} #recovery-list {list-style-type: none; margin-top: 20px;} #recovery-list li {float: left;} /** Detailed Reviews **/ /*** Shopping Cart ***/ .checkout-cart-index .security {margin-bottom: 12px; color: #7E766A; display: block;} .checkout-cart-index .security strong {font-weight: normal; color: #33312C;} .checkout-cart-index #ps-scroll-content {overflow: auto; height: 480px; position: relative;} .checkout-cart-index .top-checkout {display: block; width: 140px; position: absolute; bottom: 12px; right: 0;} .checkout-cart-index .page-title.title-buttons {position: relative; min-height: 56px;} .checkout-cart-index .page-title {margin-top: 56px; text-align: center; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif !important; text-transform: uppercase; color: #000;} .checkout-cart-index .page-title h1 {margin: 0 0 5px 0; font-size: 34px; font-weight: normal;} .checkout-cart-index .messages {margin: 15px 0 0 0; text-align: center; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif; font-size: 14px;} .checkout-cart-index .messages ul {margin-bottom: 5px;} .checkout-cart-index .messages li {margin: 0; font-weight: normal !important;} .checkout-cart-index .messages li.success-msg {color: #007A3D;} #cart-form {margin-top: 60px;} #cart-form fieldset {margin-bottom: 0px;} #cart-list {list-style-type: none; margin-bottom: 42px; padding-top: 14px; clear: both; z-index: 55; position: relative; border-top: 1px solid rgba(0,0,0, 0.1);} #cart-list li {margin: 0 0 15px; padding-bottom: 2px; position: relative; border-bottom: 1px solid rgba(0,0,0, 0.1); font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif; font-size: 12px; color: #000;} #cart-list img {float: left; margin-bottom: 10px;} #cart-list .product-info {position: absolute; top: 22px; left: 145px; line-height: 170%;} #cart-list .product-info p {margin-bottom: 2px;} #cart-list .product-info h3 {font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif !important; font-weight: normal; font-size: 14px; color: #000;} #cart-list .product-info .item-options {display: inline;} #cart-list .product-info .item-options dt {display: inline; padding-right: 5px;} #cart-list .product-info .item-options dd {display: inline;} #cart-list .product-info .item-options dd::after {content: ", ";} #cart-list .product-info .item-options dd.last::after {content: "";} #cart-list .item-price {position: absolute; top: 21px; right: 285px; width: 190px; text-align: right; font-size: 14px;} #cart-list .item-price .markdown {padding-right: 5px; color: #C24B42; text-decoration: line-through;} #cart-list .product-actions {position: absolute; top: 17px; right: 113px; font-size: 14px;} #cart-list .product-actions label {width: 58px; display: inline-block; visibility: hidden;} #cart-list .product-actions input {float: left;} #cart-list .product-actions input {display: inline-block; width: 36px; height: 28px; padding: 0; border: 1px solid #D9D8D7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; line-height: 16px; text-align: center; font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue',Arial,sans-serif; font-size: 14px; background: none;} #cart-list .product-actions .btn-remove2 {width: 58px; height: 26px; line-height: 26px; text-align: center;} #cart-list .item-total {position: absolute; top: 21px; right: 0px; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif !important; font-size: 14px;} .cart-collaterals .pre-cart {margin-right: 12px;} .cart-collaterals .pre-cart h5 {margin-bottom: 8px;} .cart-collaterals .pre-cart label {display: block; margin-bottom: 12px; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif !important; font-size: 14px;} .cart-collaterals .input-box {float: left; margin-right: 10px;} .cart-collaterals .pre-cart .button {width: 101px; height: 30px;} .cart-collaterals .pre-cart .discount-form .button.remove {background: #C24B42 none !important;} .cart-collaterals .totals {float: right; text-align: right; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif; font-size: 14px; color: #000;} .cart-collaterals .totals dl {float: right; width: 311px; margin-bottom: 30px;} .cart-collaterals .totals dt {clear: left; float: left; width: 194px; margin-bottom: 5px;} .cart-collaterals .totals dd {float: left; width: 117px; margin-bottom: 5px;} .cart-collaterals .totals dt.discount, .cart-collaterals .totals dd.discount {color: #C24B42;} .cart-collaterals .totals dt.grand_total, .cart-collaterals .totals dd.grand_total {margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(0,0,0, 0.1); font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif !important;} .cart-collaterals .totals .button {width: 157px; height: 31px; line-height: 31px; padding: 0; font-family: 'HelveticaNeueW01-65Medi','Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif !important; font-size: 13px !important;} .cart-collaterals .totals .button.disabled {opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; cursor: default;} .cart-collaterals .totals .checkout-types {clear: both; margin: 0; list-style-type: none;} .checkout-cart-index .shipping-box, #discount-coupon-form {float: left; width: 269px; margin-right: 20px; padding: 17px 21px 21px 21px; background-color: #F1F2F0; background-color: #F2F2F2; background-color: rgba(0,0,0, 0.05);} #discount-coupon-form .remove-button {position: absolute; top: 9px; right: 12px; text-decoration: underline;} #discount-coupon-form input[type="text"], #shipping-zip-form input[type="text"] {display: inline-block; width: 128px; height: 28px; padding: 0 20px 0 8px; background: #FFF; border: 1px solid #D9D8D7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; line-height: 16px; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif; font-size: 14px;} .checkout-cart-index #co-shipping-method-form .buttons-set {display: none;} .checkout-cart-index .shipping-box .validation-advice {display: none !important;} .checkout-cart-index .shipping-box .input-box select {width: 223px; margin-bottom: 7px;} #co-shipping-method-form {clear: both;} #co-shipping-method-form ul {margin: 23px 0 0 0; list-style-type: none; border-top: 1px solid rgba(0,0,0, 0.1);} #co-shipping-method-form li {margin: 0; padding: 5px 0 10px 0; border-bottom: 1px solid rgba(0,0,0, 0.1);} /*#co-shipping-method-form li.over {background-color: #EBE8E2;}*/ #co-shipping-method-form input {overflow: visible; margin: 8px 5px 0 2px; padding: 0; width: 13px; height: 13px;} #co-shipping-method-form label {margin: 0; cursor: pointer; color: #332C2A; font-size: 12px;} #co-shipping-method-form .method-title {display: inline;} #co-shipping-method-form .price {display: inline-block; float: right; line-height: 250%;} #co-shipping-method-form .method-delivery-info {padding-left: 23px; color: #000; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif; font-size: 12px;} .cart .crosssell {border-top: 2px solid #E4DFD6; margin-top: 20px;} .cart .crosssell h2 {font-size: 12px; margin: 0; padding-top: 22px; text-transform: uppercase;} .cart .crosssell #product-list {padding-top: 12px;} /*** Checkout ***/ .checkout-onepage-index .col-main {width: 610px; float: left;} #checkoutSteps {list-style-type: none; margin: 0; color: #332C2A;} #checkoutSteps ul, #checkoutSteps ol {list-style-type: none; width: 100%;} #checkoutSteps .input-box {padding-right: 20px;} #checkoutSteps .input-image {display: block;} #checkoutSteps .step {position: relative;} #checkoutSteps li {margin: 0 0 1px;} #checkoutSteps h3 {font-size: 12px; margin-bottom: 9px; text-transform: uppercase;} #checkoutSteps a {text-decoration: underline; color: #665952;} #checkoutSteps .please-wait {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #fff; text-align: center;} .rgba #checkoutSteps .please-wait {background-color: rgba(255, 255, 255, 0.75);} .ie7 #checkoutSteps .step-title, .ie7 #checkoutSteps #opc-billing.allow .step-title {height: 24px;} .ie7 #checkoutSteps #opc-billing .step-title {height: 27px;} #checkoutSteps .step-title h2 {font-size: 11px; text-transform: uppercase; background-color: #E4DFD6; margin: 0; display: block; padding: 5px 12px;} #checkoutSteps .step-title .number, #checkoutSteps .step-title a {display: none;} #checkoutSteps .allow.active .step-title, #checkoutSteps .step-title {cursor: default;} #checkoutSteps .allow .step-title {cursor: pointer;} #checkoutSteps .active .step-title h2 {background-color: #4C463F; color: #E4DFD6;} #checkoutSteps .control {border-top: 1px solid #E4DFD6; padding: 3px; margin: 0;} #checkoutSteps .control label {margin-left: 25px; font-weight: bold; display: block; cursor: pointer;} #checkoutSteps .inner-wait {top: 42%; left: 35%; position: absolute; text-align: center;} #checkoutSteps .inner-wait img {position: relative; top: -2px; margin-right: 5px;} #checkout-step-login .col2-set {margin: 2px 0; padding: 25px 16px; background: url('//cdn.danner.com/skin/frontend/lfi/danner/images/c-e4dfd6.gif') repeat-y center top;} #checkout-step-login .col-1 {width: 50%; float: left;} #checkout-step-login .col-2 {width: 240px; float: left; margin-left: 15px;} .ie7 #checkout-step-login .col-2 {float: none; position: absolute; left: 310px;} .ie7 #checkout-step-login .col-2 .control {display: block; border-top-width: 3px; margin-top: 0;} .ie7 #checkout-step-login .col-2 .control label {display: block;} #checkout-step-login .col-1 .form-list {width: 220px;} #checkout-step-login .col-1 li {margin-bottom: 12px;} #checkout-step-login .input-text {width: 187px !important;} #checkout-step-login .control label {font-weight: normal;} #checkout-step-login .col-2 li:nth-child(3), #checkout-step-billing .radio-list li:nth-child(3) {border-top: 1px solid #E4DFD6; margin-bottom: 3px;} #checkout-step-shipping, #checkout-step-billing {padding: 21px 15px;} #checkout-step-shipping .form-list, #checkout-step-billing .form-list {width: 420px;} #checkout-step-shipping .fields, #checkout-step-billing .fields {margin-bottom: 13px;} #checkout-step-shipping .clearfix .field, #checkout-step-billing .clearfix .field {float: left;} #checkout-step-shipping .input-text, #checkout-step-billing .input-text {width: 387px;} #checkout-step-shipping .clearfix .input-text, #checkout-step-billing .clearfix .input-text {width: 167px;} #checkout-step-shipping select, #checkout-step-billing select {width: 100%;} #checkout-step-shipping .clearfix select, #checkout-step-billing .clearfix select {width: 180px;} #checkout-step-shipping .name-lastname, #checkout-step-billing .name-lastname, #checkout-step-shipping .postcode, #checkout-step-billing .postcode {margin-left: 20px;} #checkout-step-shipping .control, #checkout-step-billing .control {width: 396px;} #checkout-step-shipping .wide, #checkout-step-billing .wide {margin-bottom: 5px;} #checkout-step-shipping .telephone, {margin-bottom: 28px;} #checkout-step-billing .telephone {margin-bottom: 28px;} #checkout-step-shipping .address-select, #checkout-step-billing .address-select {margin-bottom: 20px;} #register-customer-password {margin-bottom: 28px !important;} #register-customer-password .field {margin-bottom: 5px;} #checkout-step-shipping .control {border-width: 0;} #checkout-step-shipping_method {padding: 24px 15px;} #checkout-shipping-method-load {width: 400px; margin: 0 0 25px;} #checkout-step-shipping-method li {cursor: default !important;} #checkout-step-payment {padding: 24px 15px;} #checkout-step-payment li {margin-bottom: 11px;} #checkout-step-payment .form-list {width: 320px;} #checkout-step-payment .input-text {width: 287px;} #checkout-step-payment select {width: 300px;} #checkout-step-payment .v-fix {float: left;} #checkout-step-payment .v-fix select {width: 140px; margin-right: 20px;} #checkout-step-payment .cvv {width: 47px; margin-right: 8px;} #checkout-step-review {padding: 24px 15px;} .checkout-onepage-index .col-right {float: right; width: 353px; border: 1px solid #E4DFD6; margin-top: 62px;} #checkout-progress-wrapper {font-size: 11px; margin: 13px 15px; color: #33312C;} .block-progress .block-title {text-transform: uppercase; margin-bottom: 15px;} .block-progress a {text-decoration: underline;} .block-progress dt {display: none;} .block-progress dt.complete {display: block; font-weight: bold; text-transform: uppercase; margin-bottom: 3px;} .block-progress dt a {font-weight: normal; text-transform: none;} .block-progress dd {line-height: 1.2;} .block-progress address {margin-bottom: 0;} .block-progress dl {margin-bottom: 0;} .block-progress dl .item-wrap {margin-bottom: 20px; width: 161px; float: left;} .block-progress dl .billing, .block-progress dl .ship_method {clear: both;} #checkout-review-table {font-size: 10px; color: #33312C; margin-bottom: 5px; width: 100%;} #checkout-review-table h5 {font-size: 10px; line-height: 1.2; font-weight: normal; margin-bottom: 5px;} #checkout-review-table tbody td {vertical-align: top; padding: 6px 10px 0 0; border-bottom: 1px solid #E4DFD6;} #checkout-review-table tbody td.last {padding-right: 5px;} .gecko #checkout-review-table tbody td.last {padding-right: 3px;} #checkout-review-table tr.last td {} #checkout-review-table img {width: 50px; margin-bottom: 10px;} #checkout-review-table div {color: #7B6D68; font-style: italic; line-height: 1.3;} #checkout-review-table div.item-options {font-style: normal;} #checkout-totals-table {float: right; color: #332C2A; margin-right: 3px;} #checkout-totals-table tr.last {font-size: 16px; line-height: 1;} #checkout-totals-table td {width: 100px; padding-bottom: 5px;} /*** Account ***/ .account-login .error-msg, .account-login .error-msg li {margin-left: 0;} #login-form .form-list {width: 320px;} #login-form a {text-decoration: underline; color: #665952;} #login-form p {width: 412px;} #login-form h2 {font-size: 12px; text-transform: uppercase; color: #33312C; margin-bottom: 3px;} #login-form label {color: #332C2A;} #login-form .input-text {width: 287px;} #login-form ul {list-style-type: none;} #login-form li {margin: 0 0 9px;} .wide .input-box input {width: 387px;} .form-list .control, .sp-methods li {position: relative;} .password-toggle {margin-top: 18px;} .form-list .control label {font-weight: bold; margin-left: 23px; line-height: 1.8em;} .form-list .control input {position: absolute; top: 2px; left: 3px;} .sales-guest-form .form-alt li {margin-left: 0;} .sales-guest-form .form-alt .input-box {margin-bottom: 10px;} .sales-guest-form .form-alt em {display: none;} .my-account a, .tracking-numbers a {text-decoration: underline;} .my-account address {margin-bottom: 10px;} .box-payment .cards-list li {margin-left: 0;} .box-payment .info-table th {padding-right: 5px; font-weight: normal;} .my-account .messages li {margin-left: 0;} .col2-left-layout {margin-top: 80px;} .col2-left-layout .col-main {margin-left: 218px !important; padding: 0 30px; border-left: 2px solid #E4DFD6; min-height: 450px;} .col2-left-layout .col-left {position: absolute; top: 0;} .col2-left-layout .col-left li {margin: 0 0 6px;} .col2-left-layout .col-left .block-title {text-transform: uppercase; margin-bottom: 10px; font-size: 12px;} .col2-left-layout .col-left strong {cursor: default;} .col2-left-layout .col2-set {margin-bottom: 15px;} .col2-left-layout #breadcrumb {position: absolute; top: -64px;} .box-recent #my-orders-table td, .sales-order-history #my-orders-table td {padding: 5px 15px 5px 0;} #my-orders-table {width: 100%;} #my-orders-table th {padding: 0 6px; line-height: 20px; text-align: left; background-color: #F1EFEA;} #my-orders-table tr.border td {padding: 10px 6px; border-bottom: 1px solid #F1EFEA;} #my-orders-table tr.subtotal td {padding-top: 10px;} #my-orders-table tr.last td {padding-bottom: 10px; border-bottom: 1px solid #F1EFEA;} #my-orders-table tr td.last {padding-right: 0;} #my-orders-table td .return-checkbox {position: relative;} #my-orders-table td .return-checkbox input {position: absolute; top: 24px; left: 10px;} #my-orders-table .productInfo h5 {padding-top: 8px;} #my-orders-table .productInfo img {float: left; margin-right: 20px;} #my-orders-table-totals {width: 100%;} #my-orders-table-totals select {width: 173px; margin-bottom: 10px;} #my-orders-table .returned-item-mask {position: absolute; width: 522px; height: 80px; background-color: white; opacity: 0.70;} .order-info .order-date {margin-bottom: 0;} #order-info-tabs li {display: inline; margin-left: 0; padding: 0 8px 0 10px; border-left: 1px solid;} #order-info-tabs li.first {padding-left: 0; border-left: 0;} .tracking-numbers li {margin-left: 0;} .sales-order-history .col-main {padding-right: 0;} .sales-order-history .pager .amount {float: left;} .sales-order-history .pager .amount strong {font-weight: normal;} .sales-order-history .pager .limiter {float: right;} #return-form select {width: 173px; margin-bottom: 10px;} .return-reason {float: left; width: 200px;} #return-reason-detail {float: left;} .return-label-ajax-loading {position: absolute; top: 0; right: 0;} .back-link a {text-transform: uppercase; text-decoration: none;} .back-link a small {color: #A6A3A0;} /* .erp-order-index h1 {margin-bottom: 0;} .erp-order-index .orders-back-link {margin-bottom: 35px;} .erp-order-index .orders-back-link a {text-transform: uppercase; text-decoration: none;} .erp-order-index .orders-back-link a span {color: #A6A3A0;} .erp-order-index .order-date {margin: 0;} .erp-order-index .order-info-box a {text-decoration: underline;} .erp-order-index .col2-set, .erp-order-index .order-items {width: 693px;} .erp-order-index .col2-set .col-1 {width: 50%;} .erp-order-index .col2-set .col-2 {width: 50%;} .erp-order-index .col2-set .box {min-height: 85px; margin-top: 20px;} */ .server-messages {padding: 5px 10px; border: 1px solid #D0908C; color: #B80C00; font-weight: bold; background-color: #FBF3F2;} .addresses-list ol li {margin-left: 0;} .addresses-additional li {margin-bottom: 25px;} .my-account .form-list li {margin-bottom: 9px;} /*** Customer Service ***/ #ancillary-list {list-style-type: none; float: left; width: 220px;} #ancillary-list li {margin: 0 0 1px;} #ancillary-list li.selected {font-weight: bold;} #ancillary-list li.sectionHeader {font-weight: bold; font-size: 12px; text-transform: uppercase; margin: 42px 0 10px;} #ancillary-list li.sectionHeader.first {margin-top: 0;} /*.pageContent {float: left; width: 700px; border-left: 2px solid #E4DFD6; padding: 0 0 15px 33px; margin-top: 30px; min-height: 385px;}*/ .cms-page-view .col-main ul {list-style-type: square;} .cms-page-view .col-main a {text-decoration: underline;} h1.ancillaryHeader {font-size: 22px;} .cms-returns ol {list-style-type: decimal} .fieldFirst label {display: block;} #locator-form .left {width: 315px; float: left;} #locator-form p {margin-top: 12px;} #locator-or {float: left; font-weight: bold; padding: 30px 100px;} #main-landing {height: 337px; padding: 0 0 4px; position:relative;} #main-landing hr { border-top:2px solid #E4DFD6; bottom:4px; left:0; margin:0; position:absolute; width:973px; } #main-landing .right { float:right; margin:35px 12px 0 0; width:208px; } #main-landing h2 { font-size:20px; line-height:1.1; text-transform:uppercase; } #main-landing p { color:#7F7C72; } /*** Recrafting ***/ #recrafting #main-landing { height:300px; padding:0 0 4px; position:relative; } #recrafting #main-landing .right { float:right; margin:35px 12px 0 0; width:208px; } #recrafting #main-landing h2 { font-size:20px; line-height:1.1; text-transform:uppercase; } #recrafting #main-landing p { color:#7F7C72; margin-bottom:45px; } #recrafting #content h3 { border-bottom:2px solid #E4DFD6; font-size:14px; line-height:1; margin:23px 0 18px; padding-bottom:5px; text-transform:uppercase; } #recrafting #content .clearfix { margin-left:-20px; } #recrafting dl { float:left; margin:0 0 0 20px; padding:0; width:228px; background: #F3F2EF; } #recrafting dl#pleasenote { background:#ffffff;} #recrafting #packages-one dl {height:140px;} #recrafting #packages-two dl {height:210px;} #recrafting dt { font-weight:bold; text-transform:uppercase; padding:10px 15px; } #recrafting dt .price { float:right;} #recrafting dd ul { list-style-image:url('//cdn.danner.com/skin/frontend/lfi/danner/images/bullet-brown.gif'); margin:0 0 20px;} #recrafting dd div { padding:0 15px;} #packages-one { margin: 0 0 17px;} #downloadform { float:right;width:228px;} #recrafting ol {width: 718px; padding: 0; margin: 0; list-style-type: none;} #recrafting ol li {margin: 0; padding-left: 35px; position: relative;} #recrafting ol li h4 {font-size: 11px; text-transform: uppercase; margin-bottom: 2px;} #recrafting ol li p {color: #665952;} #recrafting .counter {position: absolute; top: 0; left: 2px; font-size: 35px; font-weight: bold; line-height: 1; color: #a3998f;} /*** Utility ***/ .boxTitle {font-weight: bold; font-size: 22px; margin: 30px 35px 0;} .boxContent {margin: 25px 35px; line-height: 1.2;} .boxContent a {text-decoration: underline;} .radio-list .control.over, .radio-list .control:hover {background-color: #F3F2EF;} .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; } .display-hidden { display: none; } .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; } .f-right, .right { float:right !important; } .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; } .input-text {margin: 0;} /* Content Columns */ .col2-set .col-1 { float:left; width:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } .form-list li {clear: both;} ul.tabs {list-style-type: none; margin: 0; padding: 0;} ul.tabs li {float: left; margin: 0;} ul.tabs a {display: block; padding: 0 15px;} #atff {position: absolute; left: -999px; top: 0;} .error-msg {font-weight: bold !important; color: #b80c00;} .separator {margin: 0 3px; font-weight: normal;} input[type=text], input[type=email], input[type=password] { height: 13px; padding: 3px 7px 3px 4px; color: #4C463F; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif; font-size: 11px; font-weight: normal; border-width: 1px; border-color: #D9D8D7; border-style: solid; border-collapse: collapse; background: #fff url('//cdn.danner.com/skin/frontend/lfi/danner/images/c-f2f2f2.gif') repeat-x top left; } input.qty {text-align: right;} input.autofill.blur {color: #000; color: rgba(0,0,0, 0.5);} input::-webkit-input-placeholder {color: #000; color: rgba(0,0,0, 0.5);} input:-moz-placeholder {color: #000; color: rgba(0,0,0, 0.5);} input::-moz-placeholder {color: #000; color: rgba(0,0,0, 0.5);} input:-ms-input-placeholder {color: #000; color: rgba(0,0,0, 0.5);} input[type="search"] {-webkit-appearance: textfield; -webkit-box-sizing: content-box;} /*div.validation-error {background: url(../images/i_msg-error.png) no-repeat right 3px;}*/ .validation-failed, .input-error {border-color: #D85E51 !important; background-image: none !important; background-color: #FFF7F5 !important;} .validation-advice {color: #CD3423; clear: both;} .arrowLink {color: #7F7C72;} #cvv2-link:after, #order-details .smallHeader a:after, #cart-summary a:after, #main-home .right a:after, #video-info a:after, #cart-help .outsideLink:after, .arrowLink:after, #kickers-3 span a:after, #kickers-4 span a:after {display: inline-block; width: 6px; height: 7px; margin-left: 4px; background: url("//cdn.danner.com/skin/frontend/lfi/danner/images/arrow-right.png") no-repeat top left; content: ' ';} .clearfix {position: relative;} #ship-method .shipMethod:after, #kickers-3:after, #kickers-4:after, ul.tabs:after, .prodReviews:after, .product-list:after, #product-expanded:after, #filter-list:after, #cart-list li:after, .wrap:after, .clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;} .clear {clear:both;display:block;visibility:hidden;} * html .clearfix{height:1%} .noscript p, p.demo-notice {background-color: #e93118; margin: 0; color: white; text-align: center; padding: 3px;} .button {margin: 0; position: relative; display: inline-block; color: #EBEADE; background-color: rgba(0,122,61, 0.8); cursor: pointer; text-align: center; text-decoration: none; text-transform: uppercase; font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-weight: normal; border: 2px solid transparent; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} /* .button span {background: transparent url(../images/btn-highlite-l.png) no-repeat top left; display: block;} .button span span {background: transparent url(../images/btn-highlite-r.png) no-repeat right 1px; padding: 3px 15px 4px; white-space: nowrap;} .button.alt {background-color: #E4DFD6; color: #332C2A; text-shadow: #f8f7f5 0 1px 0; border-color: #D0C9BB;} .webkit.cssgradients .button {background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(59,55,49)), color-stop(1, rgb(76,70,63)));} .gecko.cssgradients .button {background: -moz-linear-gradient(center bottom, rgb(59,55,49) 0%, rgb(76,70,63) 100%);} .webkit.cssgradients .button.alt {background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(218,213,204)), color-stop(1, rgb(221,216,207)));} .gecko.cssgradients .button.alt {background: -moz-linear-gradient(center bottom, rgb(218,213,204) 0%, rgb(221,216,207) 100%);} */ .button.small {font-size: 10px; padding-left: 10px; padding-right: 15px;} /* Updated buttons are targeted until full site is using new style */ .checkout-cart-index .cart-collaterals .button {margin: 0; position: relative; display: inline-block; color: #EBEADE; text-shadow: none; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 12px; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif; font-size: 12px; font-weight: normal; border: 2px solid transparent; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} .checkout-cart-index .cart-collaterals .pre-cart .button {background: #4C4B4A none !important;} .checkout-cart-index .cart-collaterals .totals .button {background: rgba(0,122,61, 0.8) none !important;} .checkout-cart-index .product-actions .btn-remove2 {color: #000 !important; text-shadow: none; text-transform: lowercase; background-color: #F2F2F2; background: rgba(0,0,0, 0.05) none !important; font-family: 'HelveticaNeueW01-45Ligh','Helvetica Neue',Arial,sans-serif; font-size: 12px; font-weight: normal; border: 2px solid transparent; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} .checkout-cart-index .button.small {font-size: 10px; padding-left: 10px; padding-right: 15px;} /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .top-bar:after, .quick-access:after, .form-search:after, #nav:after, .main:after, .footer:after, .footer .form-subscribe:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li: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-options .options-list li:after, .product-options-wrapper: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 { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } /* For scrollbars, defining a color for background alongside with an image is always a good idea, this way the scrollbars are visible until images load */ .vscrollerbase { /* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */ width: 15px; /*background-color: white;*/ } .vscrollerbar { width: 10px; /*background-color: black;*/ } .hscrollerbase { /* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */ height: 10px; background-color: white; } .hscrollerbar { height: 15px; background-color: black; } /* basic style ends here, this was actually all that is required to run fleXcroll, albeit without images, my advice is to have this basic style and build the rest on top of this. */ /* styles for scrollbar images start here */ .hscrollerbar { /* Main body of horizontal scrollbar */ background-color: #E4DFD6; } .vscrollerbar { /* Main body of vertical scrollbar */ background-color: #E4DFD6; } .vscrollerbar, .hscrollerbar { /*padding information of these elements are only used for padding of the scroll-bar with respect to the scroll-base, the padding will automatically be turned off by the script The greater the padding, the further away the scrollbar stops away from both ends. This may be used, for example, to provide space for our "faux" arrow heads. */ padding: 20px; /* z-index for scrollbars define the z-index for the content, if left at "auto" or "0", they are set to "2", if defined, content z-index is set the same as the scrollbars. Version 1.7.5 and higher does not need this setting to function properly, earlier versions need this for proper operation */ z-index: 2; } /* Following are for scrollbase images, may not always be required */ .vscrollerbase { /* Vertical scrollbar's base body */ } .vscrollerbasebeg { /* Vertical scrollbar's base top-cap */ /* This may be used for holding the up arrow */ background: url('//cdn.danner.com/skin/frontend/lfi/danner/images/arrow-top.gif') no-repeat left bottom; width: 15px; /* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */ height: 15px !important; /* Safari BG repeat fix */ } .vscrollerbaseend { /* Vertical scrollbar's base bottom-cap */ /* This may be used for holding the down arrow */ background: url('//cdn.danner.com/skin/frontend/lfi/danner/images/arrow-bottom.gif') no-repeat left top; height: 15px; width: 15px; } /** Livepipe **/ #control_overlay { background-color:#000; } .modal { background-color:#fff; padding:10px; } /* * Part of Tipped - The Javascript Tooltip Framework * http://projects.nickstakenburg.com/tipped * * IMPORTANT: * When modifying or adding your own skins it's recommended to do * this in a seperate file, overwriting or building on top of the * styling defined in tipped-skins.css to make updating easier. * * Documentation: * http://projects.nickstakenburg.com/tipped/documentation/#css * **/ .t_Tooltip { margin: 0; padding: 0; position: absolute; overflow: hidden; background-color: transparent; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .t_Tooltip.t_hidden { opacity: 0; } .t_Tooltip.t_visible { opacity: 1; } .t_Skin { position: absolute; top: 0; left: 0; } .t_Skin * { zoom: 1; } /* IE7 */ .t_Bubble { position: relative; } .t_Background, .t_Stem { position: absolute; } .t_Close { position: absolute; cursor: pointer; top: 0; } .t_CloseButtonShift { position: relative; overflow: hidden; float: left; } .t_CloseState { position: absolute; margin: 0; padding: 0; left: 0; } .t_Content { position: absolute; top: 0; left: 0; } /* * Shadow */ .t_Shadow { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .t_Shadow .t_ShadowInnerWrapper{ position: relative; float: left; margin: 0; padding: 0; } .t_ShadowBubble { position: relative; padding: 0; margin: 0; float: left; } .t_ShadowBackground, .t_ShadowStem { position: absolute; } .t_ShadowBackground *, .t_ShadowStem * { float: left; } .t_CloseButtonShadow { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .t_UpdateQueue { position: absolute; top: -15000px; left: -15000px; background: #efefef; width: 5000px; height: 5000px; visibility: hidden; } .t_UpdateQueue .t_Tooltip, .t_UpdateQueue .t_Content { position: relative; overflow: visible; float: left; top: auto; left: auto; width: 100%; } .t_Tooltip .t_ContentContainer { float: left; clear: both; position: relative; } .t_UpdateQueue .t_ContentContainer { position: absolute; top: 0; left: 0; } /* * Skin-specific styles. */ .t_Content_danner { color: #FFF; font-size: 11px; line-height: 14px; padding: 8px 12px; } .t_Content_danner a, .t_Content_danner a:hover { color: #FFF; text-decoration: underline; background: none; border: 0; } .t_Content_danner a:hover { color: #57a1d6; text-decoration: underline; }