/* @override http://dev.lacrosseeurope.eu/skin/frontend/lfi/lacrosse_eu/css/main.css http://review.lacrosseeurope.eu/skin/frontend/lfi/lacrosse_eu/css/main.css */ body { -webkit-text-stroke:1px transparent; } @media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}} /* Don't forget to set a foreground and background color on the 'html' or 'body' element! */ 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; /*text-align: left;*/ vertical-align: baseline; } a img, :link img, :visited img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; background: #0b0a06 url('../images/bg.jpg') no-repeat center top;} strong {font-weight: bold;} a {color: #bababa; text-decoration: none;} p {font-size: 12px; margin-bottom: 20px;} input[type="image"] {-webkit-user-select: none;} #header {background-color: rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(224, 215, 200, 0.20); height: 70px; margin-bottom: 10px;} #footer {color: #bababa; font-size: 12px; margin-top: 15px;} #footer .wrap {border-top: 1px solid rgba(0, 0, 0, 0.40);} #footer .inner {border-top: 1px solid rgba(224, 215, 200, 0.15); padding: 15px 0;} .wrap {width: 980px; margin: 0 auto; position: relative; height: 100%;} #logo {position: absolute; bottom: 9px; left: 0;} #links {position: absolute; right: 0; bottom: 0; background: url('../images/divider.gif') no-repeat bottom right; font-size: 13px;} #links li {float: left; background: url('../images/divider.gif') no-repeat bottom left; height: 49px; width: 104px;} #links .last {width: 120px;} #links a {display: block; color: #bababa; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 10px 15px; background: url('../images/link-arrow.png') no-repeat 80px 14px;} #links .last a {background-position: 96px 14px;} /*#links a:hover {color: #999999;}*/ #access {text-transform: uppercase; line-height: 11px; list-style: none; margin: 0; padding: 0; position: absolute; right: 0; bottom: 14px; font-size: 11px;} #access li {padding-right: 12px; float: left; margin: 0;} #access li.last {padding: 0 0 0 12px;} #access a {color: #eee; -webkit-text-stroke: 0 transparent;} #viewport {height: 601px; width: 980px; overflow: hidden; z-index: 2; position: relative;} #viewport a {position: absolute; border: 1px solid rgba(64, 54, 44, 0.5);} #viewport a img {display: block;} #viewport div {position: relative;} #viewport h3 {position: absolute; bottom: 0; background-color: rgba(24, 20, 14, 0.7); width: 280px; padding: 6px 8px; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 12px;} #viewport h3 img {display: inline-block; margin: 0 0 -1px 2px;} #find-store {bottom: 157px; right: 20px;} #see-catalog {bottom: 18px; right: 20px;} #content {height: 100%;} #content a.right, #content a.left {position: absolute; top: 0; z-index: 500; outline: none; background-repeat: no-repeat; background-position: 26px 276px;} #content a.left {left: 0; background-image: url('../images/arrow-left.png');} #content a.right {right: 0; background-image: url('../images/arrow-right.png');} #page-header {border-bottom: 1px solid #BBB3A8; display: block;} #text {border-top: 1px solid #fff; background-color: #f0f0f0; padding: 25px;} #text h2 {text-transform: uppercase; font-size: 18px; font-weight: bold; color: #4C4C4A; margin-bottom: 14px;} .page-title {position: relative;} .page-title .right {position: absolute; right: 0; bottom: 0; text-transform: uppercase; color: #4C4C4A; font-size: 11px; text-decoration: underline; cursor: pointer;} #shade {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E7E1DA url('../images/ajax-loader.gif') no-repeat center center; display: none;} .cms-dealers #text {background-color: #F0F0F0;} #sidebar a { cursor:pointer; display:block; color: #4C4C4A; line-height: 1.2; padding: 6px 8px 6px 48px; position: relative;} #sidebar a.selected, #sidebar a:hover {background-color: #C8C5BF;} #sidebar a img {position: absolute; left: 8px; top: 6px;} #storelocator-container { width:100%; font-size:11px; position: relative;} #sidebar { overflow: auto; padding: 20px 8px; height: 387px; width: 281px; font-size: 11px; position: relative; outline: none; z-index: 700;} #sidebar b {text-decoration: underline;} #sidebar p {font-size: 11px; color: #4C4C4A; padding: 0 7px; margin-bottom: 12px;} #map { overflow: hidden; width:100%; height: 562px; } #storelocator-container table {width: 100%;} #sidebar-td {} #side-wrap {position: relative; padding-top: 135px;width: 300px; vertical-align: top; background: #DDD9D3; border-right: 1px solid #c7c4be; float: left;} #cm_mapTR {-webkit-user-select: none;} #map-wrap {position: relative; display: block; width: 629px; float: left;} #map-wrap .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;} #map-wrap .shade {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #F0F0F0; opacity: 0.7;} #map-wrap .center {position: relative; top: 259px; margin: 0 auto; width: 190px; background-color: #2E2720; text-transform: uppercase; color: #EBEADE; padding: 10px 20px 12px; font-weight: bold; cursor: default; text-align: center;} .borderradius #map-wrap .center {-webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px;} .rgba #map-wrap .center {background-color: rgba(46, 39, 32, 0.9); text-shadow: rgba(0, 0, 0, 0.75) 0 -1px 0;} #store_locator_form {font-size: 11px; color: #4C4C4A; position: absolute; width: 100%; top: 0; z-index: 900;} #store_locator_form fieldset {background: url('../images/sidebar-separator.gif') repeat-x bottom; position: relative;} #store_locator_form .group-country {padding: 17px 14px 14px; z-index: 900;} #store_locator_form .group-narrow {padding: 13px 14px; display: none; z-index: 800;} #store_locator_form .input-country {} .ie #store_locator_form .input-country {} #store_locator_form .input-separator {} #store_locator_form .input-address {margin-bottom: 8px;} .ie #store_locator_form .input-address {position: relative;} #store_locator_form .input-address input {background: #C8C5BF url('../images/c-B4B1AC.gif') repeat-x top; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-width: 1px 1px 0; border-style: solid; border-color: #8c8a85 #b4b1ac #e4dfd6; padding: 4px 2px 3px; width: 154px; margin-bottom: 1px; color: #4C4C4A;} .ie #store_locator_form .input-address input {font-size: 11px;} #store_locator_form .input-radius {position: absolute; top: 13px; left: 184px;} .gecko #store_locator_form .input-radius {top: -2px; left: 170px;} #store_locator_form .input-button {position: absolute; top: 26px; right: 13px;} .gecko #store_locator_form .input-button {top: 11px; right: 26px} #store_locator_form .input-address img {position: absolute; left: 157px; bottom: 27px; display: none; cursor: pointer;} .ie #store_locator_form .input-address img {left: 143px; bottom: 6px;} .gecko #store_locator_form .input-address img {left: 143px; bottom: 15px;} .styledDropDown {background-color: #C8C5BF; cursor: pointer; margin: 2px 0 0; z-index: 100; position: relative; -webkit-user-select: none;} .borderradius .styledDropDown {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .styledDropDown.over {background-color: #B2AFA9;} .styledDropDown div {position: absolute; top: 100%; border-top: 1px solid #B2AFAA; background-color: #C8C5BF; z-index: 200;} .rgba .styledDropDown div {background-color: rgba(200, 197, 191, 0.9);} .borderradius .styledDropDown div {} .styledDropDown ul {padding: 8px 0 10px;} .styledDropDown li {position: static !important; padding: 0 10px; line-height: 1.6;} .styledDropDown li.over {background-color: #B2AFA9;} .styledDropDown dt {background: url('../images/down-arrow.png') no-repeat right center; margin-right: 9px; padding: 5px 10px 5px;} .styledDropDown img {display: none;} #dd-country, #dd-country ul {width: 187px; z-index: 900;} #dd-radius, #dd-radius ul {width: 60px; z-index: 800;} #lfi-marker {font-size: 12px; line-height: 1.2;} #lfi-marker b {line-height: 1.5;} #lfi-marker p {display: none;} #lfi-marker a {text-decoration: underline; color: #61615f;} #online-stores {background: url('../images/separator.gif') repeat-x top; margin-top: 19px; -webkit-user-select: none;} #online-stores dt {font-size: 12px; color: #4C4C4A; font-weight: bold; text-transform: uppercase; padding: 20px 0;} #online-stores li {float: left; font-size: 11px; color: #4C4C4A;width: 25%; line-height: 1.2;} #online-stores div {clear: both;} #online-stores a {color: #4C4C4A; text-decoration: underline;} #online-stores em {font-style: italic;} .cms-no-route #text {font-size: 12px; padding-bottom: 300px;} .cms-no-route #text a {color: #4C4C4A; text-decoration: underline;} .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: #c8c5bf; } .vscrollerbar { /* Main body of vertical scrollbar */ background-color: #c8c5bf; } .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('../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('../images/arrow-bottom.gif') no-repeat left top; height: 15px; width: 15px; } .clearfix {position: relative;} .clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}