/* Generic Styles ------------------------------------------------------*/ html { background-color: #e8e6de; } body { color: #666; font-family: Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; position: relative; font-size: 62.5%; padding: 0; margin: 0; width: 100%; } h1, h2, h3, h4, h5, h6, ul, ol, p { margin: 0 0 10px 0; padding: 0; } a { text-decoration: none; color: #D81E05; cursor: pointer; } a:hover { text-decoration: underline; } img { border: 0; } /*Layout -----------------------------*/ .siteWrapper { background-image: url(/Images/dotesBG.jpg); background-repeat: repeat-y; background-position: center top; padding-bottom: 16px; } .midSectionFooter { padding: 4px 0; margin-top: 30px; *padding: 15px 0; } /*CONTENT*/ #content { width: 980px; background: #fff url(/Images/bg2.gif) left top repeat-y; position: relative; background-color: #fff; margin: 0 auto; padding-bottom: 20px; border-bottom: 5px solid #f1f1f1; padding: 0px; overflow: hidden; z-index: 1; } #content #mainContentHeader { border-bottom: 1px solid #DDD; margin: 0 20px; padding: 0; width: 940px; padding-bottom: 5px; } #content #mainContentHeader h1 { font-weight: normal; padding-top: 10px; font-size: 25px; } #content #mainContentHeader .sub-title { font-size: 1.7em; margin-bottom: 10px; } #content ul.spaced li { margin-bottom: 1em; } #content ol { padding-left: 30px; font-size: 1.0em; margin-bottom: 10px; } #content ol ol { margin-bottom: 0; } #content ul { margin-bottom: 10px; } #content ul ul { padding-left: 30px; margin-bottom: 0; } #content ul ol { margin-bottom: 0; } /*Two Column Layout*/ #mainContent-twoColumn { background-color: #fff; overflow: hidden; height: 100%; position: relative; padding-bottom: 20px; width: 970px; border-right: 5px solid #f1f1f8; border-left: 5px solid #f1f1f8; } #ie6 #mainContent-twoColumn #side-nav { margin-left: 10px; } #mainContent-twoColumn #main { float: left; width: 520px; position: relative; margin: 20px 0 0 0px; padding: 0px; font-size: 1.4em; } #mainContent-twoColumn #main p { margin: 10px 0; } #mainContent-twoColumn #sideBar { float: right; width: 180px; position: relative; padding: 0px; margin-right: 25px; font-size: 1.4em; } #ie6 #mainContent-twoColumn #sideBar { padding-right: 10px; margin-right: 0px; } /*No Column Layout*/ #mainContent-full { padding: 0 20px; margin: 20px 0 0 0; font-size: 1.4em } #mainContent-full #searchResults { width: 920px !important; margin: 0px 5px; } #mainContent-full ul { margin-bottom: 10px; padding-left: 30px; } /*Large Image Layout*/ #mainContent-largeImage { font-size: 1.4em; margin: 0 5px } #mainContent-largeImage ul { margin-bottom: 10px; padding-left: 30px; } /*Fondos Layout*/ #mainContent-twoColumn.fondos #sideBar { margin: 0px; width: 225px; text-align: right; } /*One Column Layout*/ #mainContent-oneColumn { background-color: #fff; overflow: hidden; height: 100%; position: relative; padding-bottom: 20px; width: 970px; border-right: 5px solid #f1f1f8; border-left: 5px solid #f1f1f8; } #mainContent-oneColumn #side-nav { width: 170px; } #mainContent-oneColumn #main { float: left; width: 745px; position: relative; margin: 20px 0 0 0px; padding: 0px; font-size: 1.4em; /*line-height:1.4em;*/ } #mainContent-oneColumn #main p { margin: 10px 0; } #ie6 #mainContent-oneColumn #side-nav { float: left; border: 1px solid #fff; width: 170px; margin-left: 10px; } /*#ie6 #mainContent-oneColumn #main { float: left; width: 650px; position: relative; margin:0px; padding: 0px; }*/ /*Side Nav*/ #side-nav { color: #999; padding-bottom: 20px; margin: 20px 15px 0px 0px; width: 180px; overflow: hidden; border: 1px solid #fff; float: left; } #side-nav ul { list-style: none; /*padding-left: 10px;*/ } #side-nav ul ul { float: left; } #side-nav li a { color: #777; font-size: 1.2em; } #side-nav li a:hover { color: #D81E05; text-decoration: none; } #side-nav li span { color: #777; font-size: 1.2em; } /* MCM */ #side-nav li { line-height: 1.2em; padding: 8px 0; margin-right: 15px; margin-left: 30px; } #side-nav h3 { min-height: 30px; padding: 4px 0 0; line-height: 1.2em; font-size: 1.2em; margin-left: 20px; } #side-nav h3 strong { display: block; line-height: 1em; } #side-nav h3 a { font-weight: bold; color: #D81E05; /* MCM */ } #side-nav h4 { color: #666; margin-right: 20px; margin-top: 4px; margin-left: 20px; border-top: 4px double #ddd; line-height: 1.3em; font-size: 1.2em; } #side-nav h4.top { border-top: 1px solid #ddd; margin-top: 2px; padding-top: 4px; margin-bottom: 0px; } #side-nav h4 a { color: #666; } #side-nav ul li { line-height: 1.2em; padding: 5px 0; } #side-nav li.active { background-image: none; position: relative; background-color: #f1f1f1; padding-left: 30px; *padding-left: 10px; margin-left: 0px; z-index: 50; } #side-nav li.active:before { content: ''; display: block; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 5px; border: 1px solid #fff; border-left: none; -webkit-box-shadow: inset -2px 2px 1px #e3e3e3,inset -1px -2px 1px #e3e3e3; -moz-box-shadow: inset -2px 2px 1px #e3e3e3, inset -1px -2px 1px #e3e3e3; box-shadow: inset -2px 2px 1px #e3e3e3,inset -2px 2px 1px #e3e3e3; z-index: 1; } #side-nav li.active li.active:before { display: none; } #side-nav ul.level-1 { width: 170px; /*BugFix ID:406 background-image:url(/Images/sideNavBG.jpg);*/ background-repeat: no-repeat; background-position: -2px bottom; } #side-nav ul.level-1 li.active a, #side-nav ul.level-2 li.active a { background-image: none; float: left; position: relative; color: #515151; width: 90%; font-weight: bold; background: transparent; z-index: 9; } #ie6 #side-nav ul.level-1 li.active a, #ie7 #side-nav ul.level-1 li.active a { position: static !important; } #side-nav ul.level-1 li.active li a:hover, #side-nav ul.level-2 li.active li a:hover { color: #D81E05; } #side-nav ul.level-1 li.active li a { float: none; font-weight: normal; } #side-nav ul.level-1 li.active a.active { background-image: none; background: #d8d8d8; margin-top: 3px; } #ie6 #side-nav ul.level-1 li.active a.active { position: static !important; } #side-nav ul.level-1, #side-nav li.active ul.level-2, #side-nav li.active ul.level-3 { display: block; } #side-nav li.active ul.level-2 li.active, #side-nav li.active ul.level-3 li.active { background-image: none; background-color: #d8d8d8; padding-bottom: 4px; margin-left: -30px; } /*BugFix ID:406 Remove bottom spacing in sidenav*/ /*#side-nav ul.level-1 { padding-bottom: 10px; }*/ #side-nav li.active ul.level-1 li:hover { color: #D81E05; } #side-nav li.active a { background-image: none; background-color: #d8d8d8; padding: 5px 5px 5px 20px; margin-left: -21px; border: 1px solid #f1f1f8; *margin-left: 0px; } #side-nav ul.level-1 li.active li.active a { font-weight: bold; } #side-nav ul.level-1 li.active ul.level-2 li a, #side-nav ul.level-2 li.active ul.level-3 li a { background-color: transparent; background-image: none; } #side-nav li.selected ul.level-3 li.active { margin-left: -40px; background-image: none; } #fondos-side-nav { position: relative; margin-top: 20px; padding-left: 25px; width: 200px; float: left; } #fondos-side-nav nav { width: 180px; margin-top: 20px; padding: 0; } #fondos-side-nav nav h3 { margin: 0 0 10px 0; padding-bottom: 5px; color: #a7a9ac; font-size: 14px; border-bottom: 1px solid #adafb2; } #fondos-side-nav nav em { color: #e52e2e; font-style: normal; } #fondos-side-nav nav ul { padding: 0; margin: 0px; list-style-type: none; } #fondos-side-nav nav li { display: block; padding: 0; margin: 5px 0 0 0; } #fondos-side-nav nav li a { text-decoration: none; font-size: 13px; color: #a7a9ac; margin: 13px 0 0 0; /*padding-right: 60px;*/ padding-right: 20px; display: block; } #fondos-side-nav nav ul ul a { padding-right: 45px; } #fondos-side-nav nav li a.selected { zoom: 1; padding: 5px 5px 5px 0px; z-index: 50; display: block; color: #808285; background-color: #f3f3f4; border-top: 1px solid #dadadb; border-bottom: 1px solid #dadadb; border-right: 1px solid #dadadb; font-weight: 100; margin-left: -40px; padding-left: 40px; } #fondos-side-nav nav ul ul { margin-left: 15px; } #fondos-side-nav nav ul ul a.selected { font-weight: 700; } #fondos-side-nav nav ul li.selected-parent a { font-weight: 700; color: #808285; } #fondos-side-nav nav ul li.selected-parent ul a { font-weight: 100; } #fondos-side-nav nav ul li.selected-parent ul a.selected { font-weight: 700; } #fondos-side-nav #leftSideBar { text-align: center; padding: 20px; } #ie6 #fondos-side-nav nav ul ul li { margin-top: -10px; } #ie6 #fondos-side-nav nav ul ul li a { margin-top: 0px; } #ie6 #fondos-side-nav nav li a.selected { margin-top: 20px; margin-bottom: 20px; } #fondos-side-nav nav ul li ul li.node1 a { color: #73aa4a; } #fondos-side-nav nav ul li ul li.node2 a { color: #8cbe42; } #fondos-side-nav nav ul li ul li.node3 a { color: #d6db29; } #fondos-side-nav nav ul li ul li.node4 a { color: #f7e700; } #fondos-side-nav nav ul li ul li.node5 a { color: #f7ae39; } #fondos-side-nav nav ul li ul li.node6 a { color: #f79221; } #fondos-side-nav nav ul li ul li.node7 a { color: #ef5929; } #fondos-side-nav nav ul li ul li.node8 a { color: #e72429; } #fondos-side-nav nav ul li ul li.node9 a { color: #c62429; } /*TOP HEADER*/ #top { background: #dcdbd4 url(/Images/dotesBG.jpg); width: 100%; height: 36px; font-size: 1.2em; overflow: hidden; } #topHeader aside { float: right; margin-top: 10px; } #topHeader { position: relative; width: 980px; margin: 0 auto; } #topHeadera aside > a { float: left; } #topHeader aside ul { list-style: none; float: left; margin: 0 10px 0; vertical-align: text-bottom; height: 20px; } #topHeader aside ul li { position: relative; display: inline; float: left; width: 20px; font-weight: bold; text-align: center; padding: 1px; margin: 0 1px; background-color: transparent; } #topHeader aside ul li:hover { background-color: #c1c0ba; z-index: 999; } #topHeader aside ul li a { font-size: 12px; width: 20px; height: 20px; display: block; background: url(/Images/font-sizes.gif) left top no-repeat; } #topHeader aside ul li a:hover { background-color: #fff; } #topHeader aside ul .default a { background-position: 0 top; } #topHeader aside ul .lrg a { background-position: -20px top; } #topHeader aside ul .x-lrg a { background-position: -40px top; } #topHeader aside ul .default a:hover, #topHeader aside ul.default .default a { background-position: 0 bottom; } #topHeader aside ul.default li.default { background-color: #c1c0ba; } #topHeader aside ul .lrg a:hover, #topHeader aside ul.lrg .lrg a { background-position: -20px -20px; } #topHeader aside ul.lrg li.lrg { background-color: #c1c0ba; } #topHeader aside ul .x-lrg a:hover, #topHeader aside ul.x-lrg .x-lrg a { background-position: -40px -20px; } #topHeader aside ul.x-lrg li.x-lrg { background-color: #c1c0ba; } /*HEADER TABS*/ #headerTabs { display: inline; float: left; list-style: none; width: 665px; height: 30px; line-height: 30px; padding: 0; margin: 5px 0 0 0; } #headerTabs li { display: inline; float: left; background-color: #b5b5b5; height: 25px; line-height: 25px; margin-left: 10px; margin-top: 5px; font-weight: bold; text-align: center; } #headerTabs li a { color: #fff; padding: 0 8px; display: block; } #headerTabs li a:hover, #headerTabs ul li a:focus { background-color: #888; text-decoration: none; color: #fff !important; } #headerTabs li:first-child { margin-left: 15px; } #headerTabs li.current { background-color: #fff; height: 30px; margin-top: 1px; line-height: 30px; } #headerTabs li.current a { color: #aaaaaa; } /* HEADER */ #siteHeader { width: 980px; margin: 0px auto; position: relative; font-size: 1.2em; z-index: 999; clear: both; background-color: #fff; } #siteHeader .top-nav-sb li a.tab .arrow { right: 15px; } #siteHeader #mega-menu li:hover a.tab .arrow, #siteHeader #mega-menu li.active a.tab .arrow { border-right-color: #f1f1f1; border-bottom-color: #f1f1f1; border-left-color: #f1f1f1; } #siteHeader aside { position: relative; display: inline; float: right; background-color: #f5f5f5; margin: 10px 20px 10px 0; border: 1px solid #e3e3e3; text-align: center; overflow: hidden; -webkit-box-shadow: 1px 1px 0 #ccc; -moz-box-shadow: 1px 1px 0 #ccc; box-shadow: 1px 1px 0 #ccc; } #siteHeader aside .wrap { border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; padding: 10px; } #siteHeader aside p { display: block; border-top: 1px solid #d4d4d4; margin-bottom: 0px; font-size: 12px; height: 25px; padding: 0 15px; line-height: 22px; margin: 5px 0 0 0; } #siteHeader aside p a { color: #D81E05; } #siteHeader aside select { width: 150px; vertical-align: top; } #ie7 #siteHeader #lblSignIn { margin-top: -15px; zoom: 1; padding: 0 5px 8px 0; } /* FONDOS MAIN NAV */ /*BugFix ID:413 Fondos Header Menu needed to be taller (height change). margin-bottom:0 fixes gap between content and header links in fondos */ .MainNavDesk ul { list-style: none; overflow: hidden; height: 90px; margin-bottom: 0px; } .MainNavDesk li { height: 100%; float: left; width: 200px; border-top: 4px solid; /*height: 48px;*/ text-align: center; margin: 0; display: none; } .MainNavDesk li { height: 100%; float: left; width: 200px; border-top: 4px solid; /*height: 48px;*/ text-align: center; margin: 0; display: none; } .MainNavDesk li a { height: 100%; color: #555; font-size: 15px; display: block; padding: 15px 10px 0 10px; background-color: #DDD; } .MainNavDesk li a:hover { text-decoration: none; background-color: #cacaca; } .MainNavDesk li.selected a { background-color: transparent; color: white; font-weight: 700; } .MainNavDesk li.selected a:hover { background-color: transparent; } li.position1 { border-top-color: #d8005c; background-color: #d8005c; } li.position2 { border-top-color: #19669f; background-color: #19669f; } li.position3 { border-top-color: #0082b3; background-color: #0082b3; } li.position4 { border-top-color: #9c9000; background-color: #9c9000; } li.position5 { border-top-color: #d68f00; background-color: #d68f00; } li.position6 { border-top-color: #9070ae; background-color: #9070ae; } li.position7 { border-top-color: #a82e35; background-color: #a82e35; } li.position8 { border-top-color: #e1211b; background-color: #e1211b; } .signInButton { display: inline-block; *display: inline; zoom: 1; padding: 0 0 0 7px; color: #fff; background-repeat: repeat-x; cursor: pointer; } .signInButton span, .signInButton input { border: none; background-color: transparent; padding: 8px 7px 7px 0px; margin: 0px; display: block; background-position: right top; color: #fff; cursor: pointer; } .signInButton:hover { background-position: left -45px; } .signInButton:hover span, .signInButton:hover input { background-position: right -45px; } .signInButton, .signInButton span { border-radius: 0px !important;} #logo { position: relative; float: left; display: block; width: 490px; height: 46px; margin: 22px 0; text-shadow: 2px 2px 2px #aaa; text-decoration: none; text-shadow: none; } #logo img { margin-left: 20px; } /* FOOTER */ footer { background-color: #e8e6de; width: 980px; margin: 15px auto; padding-top: 15px; } footer h3 { font-weight: 700; font-size: 1.2em; color: #515151; margin-bottom: 0; } footer h3 a:hover { color: #D81E05; text-decoration: none; } footer article { overflow: hidden; width: 980px; } footer span { font-size: 1em; display: block; font-weight: 700; margin: 5px 0; } footer span a { color: #666; } footer .products { list-style: none; margin: 0 20px 20px 20px; overflow: hidden; border-bottom: 1px solid #ccc; width: 940px; } footer .footerSeparator { margin: -20px 20px 20px 20px; border-top: 1px solid #fff; clear: both; overflow: hidden; } footer .products li { font-size: 1.2em; display: inline; float: left; width: 185px; padding-bottom: 20px; } footer .products li a { display: block; padding: 5px 0;; color: #D81E05; } footer .contact { clear: none; display: inline-block; *display: inline; zoom: 1; float: left; width: 185px; margin: 0 0 20px 20px; font-size: 1.2em; } footer .contact a { margin: 5px 0; display: block; } footer .contact h4 { background: url(/Images/bg-cell.gif) left center no-repeat; height: 45px; padding: 10px 0 0 20px; font-size: 1.2em; line-height: 1.5em; color: #666; } footer .contact span a:hover { color: #D81E05; text-decoration: none; } footer .services { display: inline-block; *display: inline; zoom: 1; width: 752px; float: left; margin: 0 20px 20px 0; font-size: 1.2em; } footer .services ul { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; list-style-type: none; } footer .services li { display: block; padding-bottom: 7px; } footer .services li a { display: inline-block; float: left; width: 10em; margin-right: 20px; border: 1px solid #E8E6DE; } footer .quick-links { display: inline; overflow: hidden; clear: both; margin: 0px 20px 20px 20px; background-image: url(/Images/vertHr.png); background-repeat: repeat-x; font-size: 1.2em; } footer .quick-links li { display: inline-block; padding-bottom: 10px; } #ie7 footer .quick-links li { float: left; height: 25px; } footer .quick-links li a { color: #666; padding: 5px 10px; border-right: 1px solid #ccc; vertical-align: middle; } footer .quick-links li a img { vertical-align: middle; margin-top: -5px; line-height: 1.2em; } footer .quick-links li:last-child a { border-right: none; } footer .quick-links li a:hover { color: #D81E05; text-decoration: none; } #footerLegal { width: 980px; margin: 5px auto; position: relative; overflow: hidden; padding: 10px 0; } #footerLegal small { font-size: 1em; float: left; } #footerLegal aside { float: right; } /*SERVICE MENU*/ #ulServiceMenu { position: relative; clear: both; list-style: none; height: 3.75em; padding: 0; background-color: #eee; z-index: 9999; } #ulServiceMenu li { position: relative; display: inline; float: left; background: url(/Images/divider.png) right center no-repeat; height: 3.75em; z-index: 99; list-style-type: none; } #ulServiceMenu li .tab { height: 100%; margin-left: 10px; margin-right: 10px; padding-left: 15px; } #ulServiceMenu li:hover .tab { background: #e4e4e4; } #ulServiceMenu li .tab a { display: block; color: #8e8e8e; text-decoration: none; } #ulServiceMenu li:hover a { color: #D81E05; } #ulServiceMenu li:hover ul a { color: #666666; } #ulServiceMenu li:hover ul a:hover { color: #D81E05; } #ulServiceMenu li.active a.tab, #ulServiceMenu li:hover a.tab { background: #e4e4e4; } #ulServiceMenu li.active a.tab { padding-bottom: 10px; } #ulServiceMenu li .tab em { display: block; font-size: 1.2em; font-weight: 700; font-style: normal; padding-top: 7px; } #ulServiceMenu li .tab:hover { color: #D81E05; text-decoration: none; } #ulServiceMenu li.a { width: 195px; } #ulServiceMenu li.a a.tab { width: 160px; } #ulServiceMenu li.b { width: 225px; } #ulServiceMenu li.b a.tab { width: 190px; } #ulServiceMenu li.c { width: 235px; } #ulServiceMenu li.c a.tab { width: 200px; } #ulServiceMenu li.d { width: 325px; background-image: none; } #ulServiceMenu li ul a { color: #666; background: transparent !important; } #ulServiceMenu li ul a:hover { text-decoration: none; } #ulServiceMenu.b li.b a, #ulServiceMenu.c li.c a { background: #e4e4e4; } #chivasContent { padding:15px 170px 0px 0px; position:relative; min-height:138px; } #chivasContent .badge { position:absolute; right:0px; top:15px; width:160px; } /* content */ #ulServiceMenu li.a .content { width: 575px; } #ulServiceMenu li.a .content .leftForm { float: left; height: 210px; padding-left: 20px; width: 355px; } #ulServiceMenu li.a .content label { display: block; font-size: 1.2em; font-weight: bold; height: 30px; line-height: 30px; margin-top: 10px; } #ulServiceMenu li.a .content input#search-location { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F4F4F4; border-color: #C4C4C4; border-style: solid; border-width: 2px 0 0 2px; color: #989898; font-size: 1.4em; height: 16px; padding: 3px; width: 290px; } #ulServiceMenu li.a .content .leftForm input { vertical-align: middle; } #ulServiceMenu li.a .content a, #ulServiceMenu li.a .content .side a { color: #D81E05; height: 40px; line-height: 40px; margin: 0; padding: 0; display: block; } #ulServiceMenu li.a .content .side { margin: -10px 0 0 0; background-color: #F1F1F1; border-left: 20px solid #F1F1F1; float: right; height: 210px; width: 180px; } #ulServiceMenu li .content { display: none; position: absolute; background-color: #fff; top: 44px; left: 4px; width: 570px; height: 0; border-left: 1px solid #b8bcbb; overflow: hidden; zoom: 1; z-index: 999; -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; -moz-box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; } #ulServiceMenu li .content h3 { background: #e4e4e4; color: #666; height: 40px; line-height: 40px; padding-left: 20px; font-size: 1.2em; font-weight: normal; overflow: hidden; } #ulServiceMenu li .content hr { float: left; clear: both; background-color: #9e9e9e; color: #9e9e9e; width: 30px; height: 1px; padding: 0; margin: 0 150px 0 0; } #ulServiceMenu li .content hr.dark { background-color: #666; color: #666; } #ulServiceMenu li .content li { display: block; float: none; background: none; } #ulServiceMenu li .content a { padding: 0; margin: 0; } #ulServiceMenu li.c .content { left: -351px; } /* locations */ #ulServiceMenu li.a .content form { float: left; width: 355px; height: 210px; padding-left: 20px; } #ulServiceMenu li.a .content form label { display: block; height: 30px; line-height: 30px; margin-top: 10px; font-weight: bold; font-size: 1.2em; } #ulServiceMenu li.a .content form input { vertical-align: middle; } #ulServiceMenu li.a .content form input#search-location { background-color: #f4f4f4; color: #989898; width: 290px; height: 16px; padding: 3px; border: 2px solid #c4c4c4; border-width: 2px 0 0 2px; font-size: 1.4em; } #ulServiceMenu li.a .content .side { float: right; background-color: #f1f1f1; width: 180px; height: 250px; border-left: 20px solid #f1f1f1; } #ulServiceMenu li.a .content form a, #ulServiceMenu li.a .content .side a { color: #D81E05; height: 40px; line-height: 40px; padding: 0; margin: 0; } #ulServiceMenu li.a .content .side h4 { height: 30px; line-height: 30px; margin-top: 10px; font-size: 1.2em; } #ulServiceMenu li.a .content .side h4.hr { background: transparent url(/Images/hr.gif) no-repeat bottom left; margin-bottom: 5px; } #ulServiceMenu li.a .content .side p { clear: both; font-size: 1.1em; } #ulServiceMenu li.a .content .side p.phone { background: url(/Images/bg-cell.gif) left center no-repeat; padding-left: 25px; margin-top: 10px; } #ulServiceMenu li.b .content ul li, #ulServiceMenu li.c .content ul li { height: auto; line-height: 1.1em; padding: 5px 0; font-size: 1.2em; } #ulServiceMenu li.b .content ul li.hr, #ulServiceMenu li.c .content ul li.hr { background: transparent url(/Images/hr.gif) no-repeat bottom left; margin-bottom: 3px; padding-bottom: 8px; } #ulServiceMenu li.b .content ul li h4, #ulServiceMenu li.c .content ul li h4 { color: #535353; } #ulServiceMenu li:hover .content, #ulServiceMenu .active .content { display: block; height: 250px; } #ulServiceMenu li:hover .content, #ulServiceMenu .c .active .content { display: block; height: 260px; } #ulServiceMenu li.a .content .column { width: 100px; display: inline-block; float: left; } #ulServiceMenu li .content .column { float: left; width: 163px; padding-top: 10px; overflow: hidden; padding-left: 20px; height: 100%; } /*BugFix margin changed so that no whitespace at top*/ #ulServiceMenu li .content .column.greyBG { background-color: #f1f1f1; margin: -10px 0 0 20px; } #ulServiceMenu li .content .column.greyBG small { margin-right: 20px; } #ulServiceMenu li .content .column.greyBG h4.hr { background: url("/Images/hr.gif") no-repeat scroll left bottom transparent; margin-bottom: 5px; font-size: 1.2em; height: 30px; line-height: 30px; } #ulServiceMenu li .content .column.greyBG p { clear: both; font-size: 1.1em; } #ulServiceMenu li .content .column.greyBG .phone { background: url("/Images/bg-cell.gif") no-repeat scroll left center transparent; margin-top: 10px; padding-left: 25px; } /*BugFix : 0000359 Whitespace between items that shouldn't have been there*/ #ulServiceMenu { margin: 0 0 0 0; } /*CONTACT US -------------------------*/ #contactForm { margin-top: 20px; overflow: hidden; text-align: left; } #contactForm aside { display: block; margin: 5px 0; font-weight: 700; } #contactForm small { display: block; margin-bottom: 20px; } #contactForm em { color: #D81E05; font-weight: 700; } #contactForm a { margin-top: 10px; margin-right: 50px; float: right; } #contactForm label { display: inline-block; *display: inline; zoom: 1; margin: 5px 0; text-align: right; width: 328px; float: left; position: relative; padding-right: 23px; margin-right: 20px; } #contactForm input[type=text] { width: 180px; border: 1px solid #ccc; height: 20px; margin-left: 10px; display: inline-block; padding: 0 5px; } #contactForm select { width: 200px; height: 23px; margin-left: 10px; } #contactForm .group { overflow: hidden; clear: both; padding-top: 20px; } #contactForm .group .disabled { display: none; } #contactForm .comments { display: block; width: 702px; padding-top: 10px; } #contactForm .comments textarea { margin-left: 10px; width: 569px; vertical-align: top; height: 120px; } #contactForm ul { display: block; margin: 10px 0; } #contactForm ul li { display: block; color: #D81E05; } #ie6 #contactForm a { margin-right: 23px; } #contactForm.chivas { border-top:1px solid #dcdcdc; padding-top:15px; width:580px; } #contactForm.chivas label { display: block; float:initial; width:450px; margin:10px 20px 0 0; } #contactForm.chivas input[type=text] { width: 280px; } #contactForm.chivas a { float:none; margin-left:255px; } .required:before { content: "*"; color: #c00; } .validation { position: absolute; right: 0; bottom: 0px; width: 20px; height: 20px; background-image: url(/Images/validationSprite.jpg); background-repeat: no-repeat; display: none; } .field-validation-valid, .field-validation-valid + .validation { display: inline-block; *display: inline; zoom: 1; background-position: 0px top; } .field-validation-error, .field-validation-error + .validation { display: inline-block; *display: inline; zoom: 1; background-position: 0px -71px; } /*PDF List Selector ---------------*/ .pdfList { } .pdfList select { margin-left: 10px; width: 100px; height: 25px; border: 1px solid #ccc; vertical-align: middle; } /* Generic Styles ------------------------------------------------------*/ /*body { color: #666; font-family: Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; position:relative; } h1, h2, h3, h4, h5, h6, ul, ol, p { margin: 0; padding: 0; }*/ /*.button { padding: 5px 10px; background-color: #D81E05; color: #fff; margin: 0; border: none; cursor: pointer; }*/ .addButton { padding: 4px 0 4px 30px; color: #605b5b; font-size: 12px; display: inline-block; *display: inline; zoom: 1; background-image: url(/Images/addReferenceIcon.jpg); background-repeat: no-repeat; } .responsiveObject, .responsiveObject img { max-width: 100%; } .btnDefault { font-size: 14px; color: #fff; display: inline-block; *display: inline; zoom: 1; padding-left: 12px; background-image: url(/Images/btn.jpg); } .btnDefault span { display: block; padding: 9px 12px 7px 0px; background-image: url(/Images/btn.jpg); background-position: right top; background-color: #fff; } .btnDefault:hover { background-position: left -36px; } .btnDefault:hover span { background-position: right -36px; } .btnCancel { font-size: 14px; color: #fff; display: inline-block; *display: inline; zoom: 1; padding-left: 12px; background-image: url(/Images/btn.jpg); background-position: left -80px; } .btnCancel span { display: block; padding: 9px 12px 7px 0px; background-image: url(/Images/btn.jpg); background-position: right top; background-color: #fff; background-position: right -80px; } .btnCancel:hover { background-position: left -116px; } .btnCancel:hover span { background-position: right -116px; } .frutiger { font-family: "Times New Roman",Times,serif; } .hide { display: none; } .hidden { position: absolute !important; left: -9999px !important; } /* hidden text for screen readers */ input.hidden { width: 10px; } .invisible { visibility: hidden; } /* NEW CLEAR FIX */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child + html .clearfix { zoom: 1; } /* IE7 */ .clear { clear: both; } .left { float: left; } .right { float: right; } .lrg #content-body { font-size: 1.5em !important; } .x-lrg #content-body { font-size: 1.8em !important; } div#calculadora { background-image: url("/img/calculadoraBGM.gif"); background-repeat: no-repeat; height: 133px; width: 412px; } div#calculadora table { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; height: 125px; margin-left: 10px; padding-top: 10px; } div#calculadora td { height: 24px; } /*Rotator*/ .desktopRotator { margin-top: -10px; width: 100%; overflow: hidden; position: relative; z-index: 101; } #content .desktopRotator ul { width: 90000px; position: relative; padding: 0px; list-style-image: none; list-style-type: none; margin: 0px; border-top: 5px solid #eee; } .desktopRotator li { float: left; display: inline-block; height: 368px; list-style-image: none; } .desktopRotator li .cta { width: 400px; margin-top: -300px; background-color: #fff; padding: 30px; margin-left: 80px; position: relative; z-index: 101; } #content .desktopRotatorNav { position: absolute; margin-top: 321px; margin-left: 20px; z-index: 110; list-style-image: none; } .desktopRotatorNav li { background-image: url(/Images/rotatorNavdskt.png); background-position: left 12px; cursor: pointer; float: left; display: inlin-block; list-style-type: none; width: 12px; height: 12px; margin-left: 10px; } .desktopRotatorNav li.current { background-position: left 0px; } .desktopRotator .red-btn { display: inline-block; background-image: url(/Images/arrow_right_white.png); background-position: right center; background-repeat: no-repeat; padding: 5px 35px 5px 10px; font-size: 14px; margin-top: 20px; } /* Slideshow Rotator */ .desktopSlideshowRot { margin-left: 10px; width: 100%; max-width:99%; overflow: hidden; position: relative; z-index: 101; } #content .desktopSlideshowRot ul { width: 90000px; position: relative; padding: 0px!important; list-style-image: none; list-style-type: none; margin: 0px; } .desktopSlideshowRot li { float: left; display: inline-block; height: 395px; list-style-image: none; } .desktopSlideshowRot li .cta { width: 400px; margin-top: -300px; background-color: #fff; padding: 30px; margin-left: 80px; position: relative; z-index: 101; } #content .desktopSlideshowRotNav { position: absolute; margin-top: 321px; margin-left: 20px; z-index: 110; list-style-image: none; } .desktopSlideshowRotNav li { background-image: url(/Images/rotatorNavdskt.png); background-position: left 12px; cursor: pointer; float: left; display: inline-block; list-style-type: none; width: 12px; height: 12px; margin-left: 10px; } .desktopSlideshowRotNav li.current { background-position: left 0px; } .desktopSlideshowRot .red-btn { display: inline-block; background-image: url(/Images/arrow_right_white.png); background-position: right center; background-repeat: no-repeat; padding: 5px 35px 5px 10px; font-size: 14px; margin-top: 20px; } /* Specific Styles! -------------------------------------------------------*/ .subheading { color: #515151; font-weight: normal; margin-bottom: 3em; } .fondosVideo { width:650px;} .ErrorSummary { padding: 0 0 10px 0; color: #bf121b; } .ErrorSummary h4 { padding-bottom: 10px; font-size: 15px; } .ErrorSummary ul { padding: 0 0 0 25px; } .validation-summary-errors { display: block; } a#group-sites { color: #666; font-weight: bold; width: 170px; height: 30px; margin-top: 5px; line-height: 30px; text-align: center; } a#group-sites:hover, a#group-sites:focus { color: #D81E05; text-decoration: none; } #form-lang { float: left; } .langSelector { float: left; } .champagneBTN { background-image: url(/Images/greyButton.png); } .champagneBTN input { background-image: url(/Images/greyButton.png); } .redBTN { background-image: url(/Images/redButton.png); } .redBTN input { background-image: url(/Images/redButton.png); } #ie7 .signInButton { margin-right: 10px; display: inline; zoom: 1; padding-left: 6px; } #ie7 #btnSignIn { padding: 0 6px 0 0; overflow: visible; width: auto !important; } #ie6 .signInButton { left: -90px; } #ie6 #btnSignIn { width: 80px; padding: 3px 3px 2px 0px; } #ie6 #box_ls .linkselect { margin-top: 12px; } #btnSignIn a { color: #fff; padding: 0; } #lblOnlineCTA { color: #767474; font-weight: 100; } .txtSearchQuery, .imgSearchSubmit { position: absolute; top: 0; right: 0; } .search label { position: absolute; left: -9999px; } .txtSearchQuery { background-color: #fff; color: #8e8e8e; width: 280px; height: 20px; padding: 6px; margin: 5px 20px 0 0; border: 1px solid #ccc; border-color: #ccc #fff #fff #ccc; font-size: 1.2em; -webkit-box-shadow: -1px -1px 0 #fff; -moz-box-shadow: -1px -1px 0 #fff; box-shadow: -1px -1px 0 #fff; } .imgSearchSubmit { color: #fff; width: 30px; height: 30px; margin: 7px 22px 0 0; font-weight: normal; text-shadow: -1px -1px 0 #900; } .imgSearchSubmit:focus { outline: 1px dotted #000; } /* MEGA MENU */ #mega-menu { margin-bottom: 0px; position: relative; list-style: none; background-color: #D81E05; height: 43px; padding: 7px 8px 0; border-bottom: 0px solid #f1f1f1; z-index: 999; } #mega-menu li { display: inline; float: left; border: 1px solid #D81E05; background: #D81E05; zoom: 1; } #mega-menu li li { background: transparent; } #mega-menu li a.tab { position: relative; display: inline; float: left; color: #fff; font-size: 1.2em; line-height: 38px; padding: 0 27px 0 11px; border-top: 1px solid #D81E05; border-left: 1px solid #D81E05; zoom: 1; } #mega-menu.top-nav-sb li.a a.tab { padding-left: 11px !important; } #mega-menu li a.tab:hover { text-decoration: none; } #mega-menu li a.tab .arrow { display: block; position: absolute; top: 18px; right: 5px; background-image: url(/Images/mainNavSprite.gif); background-position: right top; background-repeat: no-repeat; width: 15px; height: 5px; } header #mega-menu li.active a.tab .arrow { background-position: right -45px; } #mega-menu li:hover { border: 1px solid #fff; border-bottom: 3px solid #f1f1f1; } #mega-menu li:hover a.tab { position: relative; background-color: #f1f1f1; color: #39afda; margin-right: 0; border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; text-decoration: none; text-shadow: none; z-index: 9999; } #mega-menu li .content { display: none; position: absolute; background-color: #f1f1f1; top: 45px; width: 700px; height: 0; overflow: hidden; zoom: 1; z-index: 999; -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; -moz-box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; } #mega-menu li.a .content, #mega-menu li.b .content, #mega-menu li.c .content, #mega-menu li.d .content, #mega-menu li.d .content { /*left: 9px;*/ } #mega-menu li.e .content, #mega-menu li.f .content, #mega-menu li.g .content { right: 0; zoom: 1; } #mega-menu li .content .bumper { display: block; margin: 0; height: 30px; line-height: 30px; } #mega-menu li .content ul { list-style: none; display: inline; } #mega-menu li .content .col { display: inline; float: left; width: 154px; height: 400px; height: 320px; padding-top: 10px; border: none; overflow: hidden; } #mega-menu li .content .col li { display: block; float: none; border: none; line-height: 14px; padding: 3px 0; font-size: 12px; *margin: 2px 0; } #mega-menu li .content .col h4 { color: #515151; /*line-height: 1.2em;*/ cursor: default; font-size: 1.2em; margin-bottom: 5px; } #mega-menu li .content .col li.hr { padding-bottom: 8px; margin-bottom: 3px; background: transparent url(/Images/hr.gif) no-repeat bottom left; } #mega-menu li .content .col a { display: block; color: #666; } #mega-menu li .content .col a:hover { color: #D81E05; text-decoration: none; } #mega-menu li .content .regular { float: left; background-color: #fff; } #mega-menu li .content .first { padding-left: 20px; } #mega-menu li .content .last { padding-right: 20px; } #mega-menu li .content .promo { margin-left: 0px; padding-left: 0px; } #mega-menu li .content .promo.col { width: 143px; } #mega-menu li .content .promo.col.last { padding-left: 10px; } #mega-menu li .content img.thumb { display: block; border: 1px solid #ccc; max-width: 143px; } #mega-menu li .content div.promo h4 { margin-top: 10px; } #mega-menu li .content div.promo a { color: #D81E05; padding: 5px 0; font-weight: bold; } #mega-menu li .content div.promo a:hover { text-decoration: underline; } #mega-menu li.active .content { display: block; height: 280px; border-color: #fff; border-style: solid; border-width: 0px; /* becomes 1px on hover */ border-left-color: #b0b0b0; } #mega-menu li .MegaMenu1col { width: 380px; } #mega-menu li .MegaMenu2col { width: 380px; } #mega-menu li .MegaMenu3col { width: 562px; } #mega-menu li .MegaMenu4col { width: 696px; } #mega-menu li .MegaMenu5col { width: 850px; } #mega-menu li .MegaMenu6col { width: 1000px; } #ie6 #mega-menu li .MegaMenu6col { width: 1024px; } /* NESTED NAV */ body select.onLightBox { display: none; } #sideBarInfo { font-size: 1.1em; margin: 30px 10px 0 20px; } #sideBarInfo strong { font-weight: 700; font-size: 1.1em; color: #505151; } #sideBarInfo p { margin-bottom: 1.2em; } #sideBarInfo h2 { padding: 4px 0 4px 0; line-height: 1.2em; font-size: 1.2em; color: #505151; } #sideBarInfo img { float: left; margin-right: 5px; } #sideBarInfo .country { color: #D81E05; font-weight: 700; float: left; } #sideBarInfo .imageCountry { margin-bottom: 5px; } #sideBarInfo .content { margin-top: 10px; } .contact h4 { color: #D81E05; } html body .footerBorderTop { padding-top: 20px; margin-top: 20px; display: block; background-image: url(/Images/bbord.jpg); background-repeat: repeat-x; } html body .footerBorderBottom { padding-top: 20px; margin-top: 20px; display: block; background-image: url(/Images/bbord.jpg); background-position: bottom; background-repeat: repeat-x; } /* BTM */ #btm { width: 980px; margin: 5px auto; position: relative; overflow: hidden; padding: 10px 0; } #legal { overflow: hidden; } #legal img { float: right; width: 28%; } #stockTicker { position: fixed; background-color: #fff; left: 1px; bottom: 0; width: 100%; background: #e7e5e6; border-top: 6px solid #9e57a3; z-index: 999; font-size: 1.2em; -webkit-box-shadow: 0 5px 20px #999; -moz-box-shadow: 0 5px 20px #999; box-shadow: 0 5px 20px #999; } #stockTicker:before { content: ""; position: absolute; top: 50px; left: -2000px; width: 5000px; height: 100px; background: #fff; z-index: -1; } #stockTicker.open #minimize-stockTicker a { background-image: url('/Images/icon_stockTicker_close.png'); } #stockTicker .content { width: 980px; height: 0; overflow: hidden; margin: 0 auto; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; } #stockTicker .tickerHead { position: relative; height: 54px; padding-top: 12px; } #stockTicker .ticker { height: 50px; } #stockTicker .select { float: right; } #stockTicker select { padding: 5px; } #stockTicker h4 { display: none; color: #000; font-size: 22px; float: left; } #stockTicker small { padding: 12px 0 0 5px; float: Left; } #stockTicker .description { position: absolute; padding: 0; left: 0px; top: 35px; color: black; font-weight: bold; } #stockTicker .btnDefault { height: 32px; width: 32px; padding: 0; line-height: 32px; text-align: center; background: url('/Images/btn_stockTicker_submit_off.png') no-repeat left top; } #stockTicker .btnDefault:hover { background-image: url('/Images/btn_stockTicker_submit_on.png'); } #stockTicker .btnDefault span { padding: 0; background: none; } #stockTicker .content ul li { cursor: default; } #ie6 #stockTicker { position: relative; } #ie6 #stockTicker { position: absolute; } #minimize-stockTicker { position: absolute; right: 50%; width: 230px; height: 25px; margin-right: -115px; padding: 0 20px 0 5px; top: -31px; background: url('/Images/btn_stockTicker.png') no-repeat center bottom; box-sizing: border-box; } #minimize-stockTicker a { height: 100%; display: block; padding: 0 18px 0 0; color: #fff; font-size: 15px; line-height: 25px; text-align: center; vertical-align: middle; overflow: hidden; background: url('/Images/icon_stockTicker_open.png') no-repeat right center; box-sizing: border-box; } #minimize-stockTicker a:hover{ text-decoration: none; } .ticker { overflow: hidden; } .ticker ul { white-space: nowrap; margin: 5px 0 0 0; padding: 0; list-style: none; } .ticker li { display: inline-block; *display: inline; zoom: 1; padding: 0px 20px; font-weight: 700; } .ticker em { color: #2e2e2e; font-style: normal; padding-right: 5px; padding-top: 8px; display: inline-block; *display: inline; zoom: 1; } .ticker mark { color: #2e2e2e; background-color: transparent; display: block; } .ticker mark + span { font-weight: 100; } .ticker .positive { color: green; } .ticker .negative { color: red; } /* Cascading Dropdown List Module*/ .cascadingDropdownLinks { text-align:right; margin:20px 0px; padding:20px 10px; background-color:#f9f9f7; border:1px solid #e4e4e4; overflow:hidden; } .cascadingDropdownLinks label { text-align:right; display:inline-block; width:460px; margin-right:250px; padding:2px 0} .cascadingDropdownLinks select { width:300px; padding:2px; } .cascadingDropdownLinks .button { float:right; margin:10px 250px 0px 0px;} /*Split Collapsible Multi Module*/ .splitCollapsible { margin:5px 0 10px 0; border: 1px solid #cfcfcf; padding: 5px 10px; background-color: #fff; border-radius: 8px; box-shadow: 1px 1px 2px 1px #DDDDDD; } .splitCollapsible:hover { background-color: #f9f9f7; } .splitCollapsible > h2:first-child { font-size:1.15em; display: block; margin: 0px; padding: 8px 40px 8px 0; cursor: pointer; background: url("/Images/splitCollapsibleButton.png") no-repeat right 0px; } .splitCollapsible h2:hover { background-position: right -137px; } .splitCollapsible > div { padding: 0; margin: 0 0 5px 15px; display: none; } .splitCollapsible.open { background-color: #f9f9f7; padding-bottom: 20px; } .splitCollapsible.open h2 { background-position: right -376px; position:relative; } .splitCollapsible.open h2:hover { background-position: right -574px; } .premium .splitCollapsible h2 { background: url("/Images/splitCollapsibleButtonPremium.png") no-repeat right 0px; } .splitCollapsible .splitCollapsible { padding:10px 0 0 0; margin:10px 0px 0px 0px; border:none; border-top:1px dashed #ccc; border-radius:0px; background-color:transparent; box-shadow:none !important; } .splitCollapsible .splitCollapsible > h2:first-child { font-size:16px; padding: 5px 0 5px 15px; background-image:none; } .splitCollapsible .splitCollapsible > h2:first-child:before { content:'+'; position:absolute; left:0px; top:3px; font-weight:100; font-size:20px; color:#666; } .splitCollapsible .splitCollapsible.open > h2:first-child:before { content:'-'; top:-px;} /* Kiosk List*/ .kioskListWrapper label { font-size: 1.2em; } .kioskListWrapper header { background-color: #888; color: white; padding: 4px 6px 4px 15px; margin: 10px 0 0 0; } .kioskListWrapper header span { font-size: 1.2em; } .kioskListWrapper header span, .kioskListWrapper header select { display: inline-block; } .kioskListWrapper header span.establishment { width: 225px; } .kioskListWrapper header span.directory { width: 245px; } .kioskListWrapper header select { width: 240px; text-align: left; } #content #main .kioskListWrapper ul { list-style: none; padding-left: 0; } .kioskListWrapper ul li { padding: 8px 15px 8px 0px; overflow: hidden; zoom: 1; } .kioskListWrapper ul li.odd { background-color: #F4F4F4; } .kioskListWrapper ul li img { width: 60px; vertical-align: middle; float: left; } .kioskListWrapper ul li span.kioskItemEstablishment { display: inline-block; *display: inline; *zoom: 1; margin-left: 15px; width: 230px; float: left; } .kioskListWrapper ul li ul li a { text-decoration: none; color: #666; } .kioskListWrapper ul li .kioskItemDirectory { float: left; width: 240px; } #content .kioskListWrapper ul li ul { float: right; width: 235px; } #ie6 .kioskListWrapper ul li ul { width: 5px; } .kioskListWrapper ul li ul li { padding: 0px 3px 3px 10px; background-image: url(/Images/checkSymbol.png); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 10px; } /*Kiosk Details*/ .kioskDetailsWrapper { position: relative; } .kioskDetailsWrapper h2 { float: left; font-size: 1.3em; margin: 0 0 5px 5px; padding: 5px 0 0 5px; } .kioskDetailsWrapper h3 { background-color: #EEE; float: right; padding: 10px 15px 10px 15px; font-size: 0.8em; margin: -59px -25px 0 0; position: relative; } #ie6 .kioskDetailsWrapper h3 { margin-right: -12px; } .kioskDetailsWrapper article { clear: both; border: 10px solid #EEE; padding: 15px 15px 20px 15px; margin: 0 0 20px 0; } .kioskDetailsWrapper article header { border-bottom: 1px solid #EEE; padding-bottom: 10px; overflow: hidden; zoom: 1; } .kioskDetailsWrapper article header em { font-style: normal; display: block; font-weight: 700; } .kioskDetailsWrapper article header h2 { margin-left: 0px; } .kioskDetailsWrapper article header img { float: left; } .kioskDetailsWrapper article header div { float: right; text-align: right; } .kioskDetailsWrapper article h4 { margin-top: 17px; clear: both; } .kioskDetailsWrapper article div.kioskContent { margin-left: 17px; } .kioskDetailsWrapper article ul { list-style-type: none; } .kioskDetailsWrapper article ul li { padding: 2px 0 0 3px; background-image: url(/Images/checkSymbol.png); background-repeat: no-repeat; background-position-y: 8px; background-position-x: 0px; padding-left: 10px; } .TaxServiceDetailsWrapper { margin-top: 30px; } /* COMMON */ /*#content-body p { padding-top: 1em; margin-bottom: 1em; } #content-body a img { border: none; } #content-body h3 { color: #D81E05; margin-bottom: 1em; } #content-body .three-cols .one-col { width: 260px; } #content-body .three-cols .two-col { width: 525px; } #content-body .three-cols .three-col { width: 790px; }*/ .question .content label { cursor: pointer; } .tool-tip { position: relative; } #ie6 .tool-tip { z-index: 999; } #context-help, #close-help { position: absolute; } #close-help { z-index: 1000; } #context-help { background: #fff; width: 275px; margin-bottom: 20px; border: 1px solid #999; overflow: hidden; z-index: 999; -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.5); -moz-box-shadow: 4px 4px 0 rgba(0,0,0,.5); box-shadow: 4px 4px 0 rgba(0,0,0,.5); } #context-help:focus { outline: none; } #help-title span { font-weight: normal; } #help-title { background: #f1f1f1; height: 35px; line-height: 35px; text-indent: 10px; border-top: 1px solid #fff; } #help-description { padding: 10px; font-weight: normal; } /*#content-body #content-tool-icons { position: absolute; right: 25px; top: -33px; /*margin:37px 30px 0 0; }*/ /*#content-body #content-tool-icons a { display: inline; float: left; background: url(/Images/Sprites/sprite-dl-print-email.gif) left top no-repeat; width: 23px; height: 20px; overflow: hidden; text-indent: -9999px; } #content-body #content-tool-icons a:focus, #content-body #content-tool-icons a:hover { background: url(/Images/Sprites/sprite-dl-print-email-over.gif) left top no-repeat; } #content-body #content-tool-icons a.download, #content-body #content-tool-icons a:hover.download { background-position: 0 0; } #content-body #content-tool-icons a.print, #content-body #content-tool-icons a:hover.print { background-position: -24px top; } #content-body #content-tool-icons a.email, #content-body #content-tool-icons a:hover.email { background-position: -48px top; }*/ /* IE 6 */ #ie6 a#group-sites { position: relative; top: 10px; } /*#ie6 #tools { /*position:relative; position: absolute; top: 0px; right: 0; }*/ #ie6 #mega-menu li.g { position: absolute; } #ie6 #mega-menu li .content .col { width: 160px; } #ie6 #mega-menu li .content .col li, #ie7 #mega-menu li .content .col li { padding: 3px 0; } #ie6 #mega-menu li .content .first, #ie7 #mega-menu li .content .first { padding-left: 10px; } #ie6 #mega-menu li .content .last { padding-right: 10px; } #ie6 #mega-menu li.g .content { right: -27px; margin-top: -8px; } #ie6 #questions div.hover-active { background: url("/Images/bg-accordion-opened-hover.gif") no-repeat scroll right top #F9F9F7; } #ie6 #questions div.hover { background: url("/Images/bg-accordion-closed-hover.gif") no-repeat scroll right top #F9F9F7; } #ie6 #btm { border-bottom: 60px solid #e8e6de; } #ie6 #legal { margin-bottom: 10px; } .mapButtons { font-size: 1.1em; } .mapBTN { display: inline-block; background-image: url(/Images/mapDirectionsBTN.png); padding-left: 10px; margin-top: 5px; letter-spacing: 1px; background-repeat: no-repeat; } .mapBTN button { background-color: transparent; padding: 4px; padding-right: 10px; color: #666666; font-weight: 700; text-transform: uppercase; font-size: 9px; background-image: url(/Images/mapDirectionsBTN.png); background-position: right top; background-repeat: no-repeat; } .ie .mapBTN button { padding-top: 6px; padding-bottom: 6px; } .iwstyle .mapBTN, .iwstyle .mapBTN button { background-image: url(/Images/mapDirectionsBTN_Red.png); color: #fff; } .mapBTN button { padding-top: 6px; padding-bottom: 6px; } .noData { border: solid 1px #000; display: inline-block; padding: 5px; background-color: #FFF; } .searchAddress h5 { font-size: 1.3em; margin: 13px 0 2px 0; } #divDetails .mapBTN { display: none; } #divAlertBox { text-align: center; } #divAlertBox a { display: inline-block; background-image: url(/Images/mapDirectionsBTN_Red.png); color: #fff; padding-right: 10px; display: inline-block; margin-top: 5px; background-repeat: no-repeat; background-position: right top; text-transform: uppercase; font-size: 10px; } #divAlertBox a span { background-image: url(/Images/mapDirectionsBTN_Red.png); background-position: left top; padding: 5px 0px 5px 10px; display: inline-block; } .bigImage { position: relative; } .bigImage img { display: block; max-width: 745px; } .bigImage .bigImageOverlay { position: absolute; bottom: 20px; left: 0px; padding: 10px 10px; width: 500px; background-image: url(/Images/BigImageTextBG.png); } #mainContent-oneColumn #main .bigImage img { max-width: 745px; width: 745px; margin-top: 20px; } #mainContent-twoColumn #main .bigImage img { max-width: 520px; width: 520px; margin-top: 20px; } #mainContent-largeImage .bigImage img { max-width: 980px; width: 980px; } /* Contact Blurb*/ #content .contactBlurb { clear: both; width: 766px; border: 1px solid #CFCFCF; margin: 10px 0; background: transparent url('/Images/btn-dd-close.gif') no-repeat scroll right top; border-radius: 10px; box-shadow: 1px 1px 2px #cccccc; overflow: hidden; } #content .contactBlurb:hover { background: #f9f9f7 url('/Images/btn-dd-close-over.gif') no-repeat scroll right top; } #content .contactBlurb.active { background: #f9f9f7 url('/Images/btn-dd-open.gif') no-repeat scroll right top; } #content .contactBlurb.active:hover { background: #f9f9f7 url('/Images/btn-dd-open-over.gif') no-repeat scroll right top; } #content .contactBlurb.active div { display: block; background-image: none; } .contactBlurb div { display: none; overflow: hidden; margin: 0% 3% 0 1.5%; padding: 0 0 3% 0; } .contactBlurb h2 { margin: 0; height: 35px; line-height: 35px; margin: 0; } .contactBlurb h2 a, .contactBlurb h2 a:link, .contactBlurb h2 a:visited, .contactBlurb h2 a:hover, .contactBlurb h2 a:active { color: #515151; display: block; text-decoration: none; height: 35px; line-height: 35px; font-size: 16px; padding-left: 3%; } .contactBlurb ul { list-style-type: none; margin: 0; padding: 0; } .contactBlurb ul li { padding-top: 1em; font-size: 1.3em; } .contactBlurb ul li.alternating { padding-top: 1em; border-top: 1px solid #CCC; margin-top: 12px; } #content .contactBlurb ul li p { padding-top: 0; } #content .contactBlurb .descriptionText a, #content .contactBlurb .descriptionText a:link, #content .contactBlurb .descriptionText a:visited, #content .contactBlurb .descriptionText a:hover, #content .contactBlurb .descriptionText a:active { color: red; } /*Youtube module*/ .youtubeVLB { background-color: #eeede8; padding: 10px; text-align: center; } .youtubeVLB .videoTitle { display: block; color: #383735; text-decoration: underline; font-family: 'Scotiabank'; margin-bottom: 5px;} .youtubeVLB .videoSubtitle { display: block; color: #ED2D23; text-transform: uppercase; font-family: 'ScotiabankBold'; font-weight: 100; margin:0px 5px 5px 5px; } .youtubeVLB img { width: 100%; } /*BugFix ID:404 Uls in "Split Collapsible Modules" fix */ #content #main .descriptionText ul { font-size: 0.8em; list-style-type: disc; padding-left: 25px; margin-top: -12px; } /* COMMON BUTTONS */ /*a.button, a.button:link, a.button:visited { padding: 4px 10px 4px 16px; cursor: pointer; color: #fff; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: 0px top; display: inline-block; *display: inline; zoom: 1; background-image: url(/Images/buttonBG.jpg); } a.button span { font-family: Arial,Helvetica,sans-serif; font-size: 16px; background-repeat: no-repeat; display: inline-block; *display: inline-block; zoom: 1; padding: 4px 13px 4px 0px; background-position: right 0px; } a.button:hover, a.button:active { background-position: 0 -36px; } a.button:hover span, a.button:active span { background-position: right -45px; }*/ .sdButton { padding: 4px 0px 4px 10px; background-image: url(/Images/redButtonBG.jpg); background-repeat: no-repeat; background-position: left 4px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } .sdButton span { padding: 6px 10px 6px 0px; background-image: url(/Images/redbuttonBG.jpg); background-position: right top; background-color: #fff; display: inline-block; *display: inline; zoom: 1; color: #fff; line-height: 1.5em; vertical-align: middle; } .sdButton:hover { background-position: left -32px; } .sdButton:hover span { background-position: right -36px; } .button { color: #fff; display: inline-block; border: 1px solid #bd0000; border-radius: 4px; } .button span { color: #fff; padding: 6px 13px 7px 13px; border-top: 1px solid #ffa5a5; display: block; background-color: #e51918; border-radius: 4px; } .button:hover { text-decoration: none; } .button:hover span { background-color: #f72f2f; } .button.back span:before { content: '\25C4'; font-size: 8px; position: relative; left: -3px; top: -2px; } .button.next span:after { content: '\25BA'; font-size: 8px; position: relative; right: -3px; top: -2px; } .button { behavior: url(/Scripts/PIE.htc); } .button.cta { color: #fff; display: inline-block; border: 1px solid #be7418; border-radius: 4px; } .button.cta span { color: #fff; padding: 6px 13px 7px 13px; border-top: 1px solid #f6dab7; display: block; background-color: #e8a249; border-radius: 4px; } .button.cta:hover { text-decoration: none; } .button.cta:hover span { background-color: #efa74e; } a.champagneBTN, a.champagneBTN span { background-image: url(/Images/greyButton.png); } a.redBTN, a.redBTN span { background-image: url(/Images/redButton.png); } .button.disabled, .button.disabled:hover { font-size: 14px; cursor:default; color: #fff; display: inline-block; *display: inline; zoom: 1; padding-left: 12px; background-image: url(/Images/btn.jpg); background-position: left -80px; text-decoration: none; border:none;} .button.disabled span, .button.disabled span:hover { display: block; padding: 9px 12px 7px 0px; background-image: url(/Images/btn.jpg); background-color: #fff; background-position: right -80px; text-decoration: none; border:none;} .linkSections { overflow: hidden; } /*BugFix ID:416 Changed width from 250 to 246*/ .linkSections section { float: left; width: 246px; zoom: 1; } #content .linkSections ul { list-style-type: none; padding: 0px; font-weight: 700; } /* CTA Box */ .roundedCtaBox { float: left; width: 310px; margin: -15px 0px 15px 11px; position: relative; z-index: 105; } .roundedCtaBox .top { height: 20px; background-repeat: no-repeat; border-right: 6px solid #0081ab; } .roundedCtaBox .content { padding: 0px 20px; border-left: 6px solid #0081ab; border-right: 6px solid #0081ab; height: 135px; background-color: #fff; } .roundedCtaBox .bottom { height: 20px; border-left: 6px solid #0081ab; } /*burgundy*/ .roundedCtaBox.ctaBurgundy .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #a33038; background-position: left top; } .roundedCtaBox.ctaBurgundy .content { border-left-color: #a33038; border-right-color: #a33038; } .roundedCtaBox.ctaBurgundy .bottom { border-left-color: #a33038; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right bottom; } /*orange*/ .roundedCtaBox.ctaOrange .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #bf650f; background-position: left -30px; } .roundedCtaBox.ctaOrange .content { border-left-color: #bf650f; border-right-color: #bf650f; } .roundedCtaBox.ctaOrange .bottom { border-left-color: #bf650f; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -519px; } /*green*/ .roundedCtaBox.ctaGreen .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #7e7a00; background-position: left -60px; } .roundedCtaBox.ctaGreen .content { border-left-color: #7e7a00; border-right-color: #7e7a00; } .roundedCtaBox.ctaGreen .bottom { border-left-color: #7e7a00; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -486px; } /*navy*/ .roundedCtaBox.ctaNavy .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #104181; background-position: left -90px; } .roundedCtaBox.ctaNavy .content { border-left-color: #104181; border-right-color: #104181; } .roundedCtaBox.ctaNavy .bottom { border-left-color: #104181; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -453px; } /*blue*/ .roundedCtaBox.ctaBlue .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #0081ab; background-position: left -120px; } .roundedCtaBox.ctaBlue .content { border-left-color: #0081ab; border-right-color: #0081ab; } .roundedCtaBox.ctaBlue .bottom { border-left-color: #0081ab; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -420px; } /*pink*/ .roundedCtaBox.ctaPink .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #d1005d; background-position: left -152px; } .roundedCtaBox.ctaPink .content { border-left-color: #d1005d; border-right-color: #d1005d; } .roundedCtaBox.ctaPink .bottom { border-left-color: #d1005d; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -386px; } /*purple*/ .roundedCtaBox.ctaPurple .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #a74dc3; background-position: left -188px; } .roundedCtaBox.ctaPurple .content { border-left-color: #a74dc3; border-right-color: #a74dc3; } .roundedCtaBox.ctaPurple .bottom { border-left-color: #a74dc3; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -354px; } /*yellow*/ .roundedCtaBox.ctaYellow .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #e3a324; background-position: left -220px; } .roundedCtaBox.ctaYellow .content { border-left-color: #e3a324; border-right-color: #e3a324; } .roundedCtaBox.ctaYellow .bottom { border-left-color: #e3a324; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -321px; } .content { overflow: hidden; } .content h2 { font-size: 1.2em; margin-bottom: 7px; } .content ul { list-style-type: none; } .content ul li { margin: 5px 0; font-size: 0.9em; } .roundedCtaBox.ctaBlue .content h2 { color: #0081ab; } .roundedCtaBox.ctaPink .content h2 { color: #d1005d; } .roundedCtaBox.ctaGreen .content h2 { color: #7e7a00; } .roundedCtaBox.ctaPurple .content h2 { color: #a74dc3; } .roundedCtaBox.ctaNavy .content h2 { color: #104181; } .roundedCtaBox.ctaOrange .content h2 { color: #bf650f; } .roundedCtaBox.ctaBurgundy .content h2 { color: #a33038; } /*********************************** TILES ************************************/ .infoTiles { padding: 10px 10px 0px 24px; font-size: 0.7em; } .infoTiles .tiles { list-style-type: none; padding: 0px; margin: -48px 0 0; overflow: hidden; } .infoTiles .tiles .tile { position: relative; z-index: 102; border: 1px solid #CCC; width: 236px; height: 239px; float: left; margin: 0 2%; background-color: #fff; font-size: 1.2em; } .infoTiles .tiles .tile .button { position: absolute; bottom: 15px; left: 15px; display: inline-block; color: #fff; background-color: #ee2f32; border: 1px solid #e02226; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .infoTiles a.button span { padding: 0px 0px 0px 0px; } #content .infoTiles { width: 760px; margin-left: -25px; } /*BugFix for tile uls being shifted too far right*/ #content #main .tiles ul { padding-left: 0; } #content #main .infoTiles .tiles { padding-left: 0; } #content #box { position: relative; background-color: #F5F5F5; border: 1px solid #E3E3E3; box-shadow: 1px 1px 0 #CCCCCC; float: left; width: 770px; margin-bottom: 20px; } #content .infoTiles .tiles { position: relative; background-color: #eeede8; width: 100%; margin: 0px 0 20px 0; box-shadow: 1px 1px 0 #CCCCCC; padding-bottom: 10px; } #ie6 #content .tiles { margin: 20px 0 20px 0; } #content .infoTiles .tiles .tile { display: inline; float: left; margin: 10px 0 0 10px; border: 2px solid #fff; overflow: hidden; } #content .infoTiles .tiles .tile:hover { border: 2px solid #D81E05; } #content .infoTiles .tiles .tile:hover a.quickFlipCta span { color: #fff; } #content .infoTiles .tile .innerContent article { margin: 10px 20px; } #content .infoTiles .front .tile { padding-left: 15px; } #content .infoTiles .tiles .tile ul { list-style-type: none; padding-left: .5em; } #content .infoTiles .tiles .tile li { padding-left: 14px; background-image: url(/Images/checkmark-small.gif); background-repeat: no-repeat; background-position: left 3px; } #content .infoTiles .tiles .grey { background-color: transparent; border: 1px solid #eeede8; font-size: 1.15em; } #content .infoTiles .tiles .grey article { padding: 0px 10px; } #content .staticInfoTiles { padding: 0px 15px 15px 0px; background-color: #f0eee9; margin-bottom: 15px; margin-left: -15px; width: 745px; font-size: 0.7em; } #content .staticInfoTiles #tileHeader { margin: 0 15px; padding-top: 2px; font-size: 1.4em; } #ie6 #content .staticInfoTiles #tileHeader { margin-left: 35px; } #content .staticInfoTiles #tileHeader h1 { font-size: 1.6em; margin-top: 15px; } #content .staticInfoTiles .tiles { list-style-type: none; padding: 0px; margin: 0px; overflow: hidden; } #content .staticInfoTiles .tiles li { position: relative; padding: 0px; margin: 0px; width: 203px; height: 200px; float: left; margin: 15px 0px 0px 15px; background-color: #fff; padding: 10px 15px; } #ie6 #content .staticInfoTiles .tiles li { margin-top: -5px; } #content .staticInfoTiles .tiles li p { font-size: 1.2em !important; } #content .staticInfoTiles .tiles li .button { position: absolute; bottom: 15px; left: 15px; display: inline-block; color: #fff; background-color: #ee2f32; border: 1px solid #e02226; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #content .staticInfoTiles .tiles li.graphical { padding: 0px; width: 235px; height: 232px; } #content .staticInfoTiles .tiles li.graphical a { display: block; width: 100%; height: 100%; } #content .staticInfoTiles .tiles li.graphical img { width: 100%; display: block; } #content .staticInfoTiles a.button span { padding: 0px 0px 0px 0px; } #content .staticInfoTiles .tiles li.grey { background-color: transparent; font-size: 1.15em; } #content .staticInfoTiles .tiles li .red-btn { position: absolute; bottom: 15px; left: 15px; } #content .staticInfoTiles h2 { *font-size: 1.5em; } .red-btn { font-size: 12px; color: #fff; display: inline-block; *display: inline; zoom: 1; padding-left: 7px; padding-right: 0px; background-image: url(/Images/red-btn.png); } .red-btn span { display: block; padding: 5px 7px 5px 0px; background-image: url(/Images/red-btn.png); background-position: right top; background-color: #fff; } #ie9 .red-btn span { padding: 6px 7px 6px 0px; } .red-btn:hover { background-position: left -28px; } .red-btn:hover span { background-position: right -28px; } #content .tiles .tile .red-btn { position: absolute; margin: 10px 0 10px 20px; } #content .tile .red-btn { bottom: 2px; font-weight: bold; left: 0px; text-align: center; } #content .tiles .tile h2 { font-size: 2em; font-weight: normal; margin: .5em 15px 0.05em 15px; line-height: 1em; padding: 0px; width: 206px; } #content .tiles .tile h2 a { color: #515151; text-decoration: none; } #content .tiles .tile h3 { font-size: 1.4em; color: #7b7b7b; margin-left: 20px; } #content .tiles .tile h2 sup { font-size: .4em; line-height: .4em; margin-left: 20px; } #content .tiles .tile h3 sup { font-size: .6em; line-height: .6em; } .fourbyfour { float: left; width: 51em; } #ie7 .fourbyfour, #ie8 .fourbyfour, #ie9 .fourbyfour { float: left; width: 51.5em; overflow: hidden; } #content .tiles .two-row { border-width: 2px; width: 24em; height: 49.5em; } #content .tile a.quickFlipCta { position: absolute; right: 15px; bottom: 15px; width: 24px; height: 24px; cursor: pointer; z-index: 99; color: #fff; } #content .front a.quickFlipCta { position: absolute; right: 0px; bottom: 0px; cursor: pointer; text-indent: -9999px; z-index: 99; } #content .tile a.quickFlipCta span { position: absolute; bottom: 7px; left: 36px; display: block; color: #fff; } #content .front a.quickFlipCta span { right: 15px; text-align: right; left: inherit; color: #999; display: inline-block; *display: inline; zoom: 1; width: 32px; *left: 20px; } #content .front a.quickFlipCta:hover span { color: #fff; } #content .front a.quickFlipCta { display: block; background: url(/Images/Sprites/btn-dogear-front.gif) 0 0 no-repeat; width: 70px; height: 70px; overflow: hidden; } #content .tiles .tile .front a.quickFlipCta:hover { display: block; background: url(/Images/Sprites/btn-dogear-front.gif) 0 -140px no-repeat; width: 70px; height: 70px; overflow: hidden; } #content .front:hover a.quickFlipCta { background: transparent url(/Images/Sprites/btn-dogear-front.gif) right -70px no-repeat; } #content .back a.quickFlipCta { background: url(/Images/Sprites/btn-dogear-back.gif) 0 0 no-repeat; overflow: hidden; bottom: 0px; cursor: pointer; position: absolute; right: 0px; width: 70px; height: 70px; z-index: 99; } #content .back a.quickFlipCta span { color: #fff; } #content .back a.quickFlipCta:hover span { } #content .back a.quickFlipCta:hover { background: url(/Images/Sprites/btn-dogear-back.gif) 0 -70px no-repeat; width: 70px; height: 70px; } #content .tiles .tile .front { background-color: #fff; } #content .noFlip { position: relative; } #content .tile .back { background-color: #D81E05; padding: 3px; border: 1px solid #D81E05; height: 238px; } #content .tile .back .innerContent { background: #fff; position: absolute; bottom: 4px; width: 228px; height: 155px; left: 2px; } #content .tile .back .tileContentPadding { margin: 2px; } #content .tiles .tile .back .title { height: 81px; margin: 0px; background: none; } #content .tiles .tile .back h2 a, #content .tiles .tile .back h3 { color: #fff; } #content #creditcards .tile img { display: block; padding-left: 20px; position: absolute; top: 97px; } #content .back h2, #content .back h3 { color: #fff; } /* FF WEB FONT FIX */ @-moz-document url-prefix() { .wf-loading .frutiger; { visibility: hidden; } } /*PROPERTY*/ #ie6 #propertySideBar { float: right; width: 160px; display: inline; zoom: 1; } #propertySideBar { float: right; display: block; margin: 61px 27px 0 0; padding: 0; width: 165px; border: 1px solid #d4d4d4; border-bottom: none; list-style-type: none; } #propertySideBar h3 { padding: 5px 10px; color: #D81E05; } #propertySideBar li { margin: 0; padding: 5px 10px; display: block; border-bottom: 1px solid #d4d4d4; } #propertySideBar li a { color: #666; cursor: pointer; } #propertySideBar li:nth-child(even) { background-color: #f4f4f4; } #propertyDetails { width: 540px; float: left; margin-bottom: 40px; font-size: 0.9em; } #propertyDetails h2 { } #propertyDetails .featuredProperty { margin: 20px 0; padding: 20px; background-color: #f6f6f6; } #propertyDetails .featuredProperty h4 { margin-top: 10px; font-size: 13px; font-weight: 100; } #propertyDetails .featuredProperty article { overflow: hidden; margin-top: 20px; width: 500px; } #propertyDetails .featuredProperty p { font-style: normal; clear: both; } #propertyDetails .featuredProperty article img { float: left; width: 165px; border: 1px solid #d8d8d8; } #propertyDetails .featuredProperty article ul { float: right; width: 300px; display: block; padding: 0; list-style-type: none; } #propertyDetails .featuredProperty article ul li { overflow: hidden; display: block; margin: 0; padding: 5px; border-bottom: 1px solid #e8e8e8; font-weight: 700; text-align: left; } #propertyDetails .featuredProperty article ul li em { font-style: normal; text-align: right; float: right; font-weight: 100; margin-right: 20px; *display: inline-block; display: inline; zoom: 1; *margin-top: -15px; *padding-top: -15px; } #propertyDetails .featuredProperty article ul li span { float: left; } #propertyDetails #listingGallery { *margin-bottom: 30px; } #propertyDetails #listingGallery .return { display: block; text-align: left; } #propertyDetails #listingGallery a { display: inline-block; *display: inline; zoom: 1; margin: 20px 15px 0 0px; cursor: pointer; text-align: center; vertical-align: top; font-size: 1.3em; } #propertyDetails #listingGallery a:nth-child(5) { margin-right: 0px; } #propertyDetails #listingGallery a:nth-child(10) { margin-right: 0px; } #propertyDetails #listingGallery header { border-bottom: 1px solid #bcbcbc; } #propertyDetails #listingGallery header h2 { padding-bottom: 5px; font-weight: 100; } #ie6 #propertyListings .search { border: 1px solid red; outline: none; margin: 0; background-image: url(/Images/buttonBG.jpg); background-repeat: no-repeat; background-position: top center; border: none; display: inline-block; *display: inline; zoom: 1; width: 80px; height: 32px; color: #fff; font-weight: 700; font-size: 14px; } #ie6 #propertyListings .search:hover { background-position: bottom center; } #ie6 #propertyListings { width: 540px; display: inline; zoom: 1; } #propertyListings { width: 540px; float: left; margin-bottom: 30px; } #propertyListings h2 { margin-top: 20px; } #propertyListings input[type=submit] { margin: 0; background-image: url(/Images/buttonBG.jpg); background-repeat: no-repeat; background-position: top center; border: none; display: inline-block; *display: inline; zoom: 1; width: 80px; height: 32px; color: #fff; font-weight: 700; font-size: 14px; } #propertyListings input[type=submit]:hover { background-position: bottom center; } #propertyListings a span { display: inline-block; *display: inline; zoom: 1; padding: 6px 15px; } #propertyListings #propertySearch { background-color: #f6f6f6; } #propertyListings #propertySearch article { padding: 10px 50px 10px 10px; margin: 20px 0; } #propertyListings #propertySearch label { display: block; text-align: right; margin: 5px 0; } #propertyListings #propertySearch label select { width: 300px; position: relative; z-index: 1; } #propertyListings #propertyResults { margin: 20px 0; overflow: hidden; } #propertyListings #propertyResults .paging { text-align: center; margin-top: 20px; } #propertyListings #propertyResults .paging a { font-weight: 700; font-size: 14px; color: #666; } #propertyListings #propertyResults .paging a:hover { color: #D81E05; } #propertyListings #propertyResults aside { margin: 0 20px; display: block; } #propertyListings #propertyResults aside a { color: #D81E05; background-image: none; font-size: 12px; } #propertyListings #propertyResults aside em { font-weight: 700; font-style: normal; } #propertyListings #propertyResults aside p { padding-top: 5px; } #propertyListings #propertyResults header { overflow: hidden; border-bottom: 1px solid #bcbcbc; } #propertyListings #propertyResults span { margin: 15px; display: block; } #propertyListings #propertyResults header h2 { padding-bottom: 5px; font-weight: 100; font-size: 16px; width: 200px; } #propertyListings #propertyResults header a { float: right; color: #666; background-image: none; width: auto; font-size: 12px; cursor: pointer; width: 200px; *display: inline; *zoom: 1; *margin-top: -22px; } #propertyListings #propertyResults header a:hover { color: #D81E05; text-decoration: none; } #propertyListings #propertyResults ul li.greyBG { background-color: #f6f6f6; } #propertyListings #propertyResults article { margin: 20px; overflow: hidden; } #propertyListings #propertyResults article img { float: left; width: 165px; border: 1px solid #d8d8d8; } #propertyListings #propertyResults article ul { float: right; width: 300px; } #propertyListings #propertyResults article ul li { overflow: hidden; padding: 5px; border-bottom: 1px solid #e8e8e8; font-weight: 700; text-align: left; list-style-type: none; } #propertyListings #propertyResults article ul li em { font-style: normal; text-align: right; font-weight: 100; margin-right: 5px; float: right; max-width: 150px; } #ie6 #propertyListings #propertyResults article { margin: 20px 10px 10px 10px; float: left; width: 500px; } #ie6 #propertyListings #propertyResults article img { display: inline; zoom: 1; width: 160px; float: left; } #ie6 #propertyListings #propertyResults article ul { display: inline; zoom: 1; margin-top: 13px; } #ie6 #propertyListings #propertyResults article ul li em { margin-top: -20px; } #propertySlider { text-align: center; } #propertySlider .slideShow { text-align: center; display: inline-block; position: relative; margin-top: 0; *display: inline; zoom: 1; } #propertySlider .slideShow div { display: inline-block; *display: inline; zoom: 1; margin: 0 auto; position: relative; } #propertySlider .slideShow div img { margin: 20px; border: 10px solid #fff; max-width: 100%; } #propertySlider .slideShow #btnPrev { position: absolute; left: -45px; top: 45%; z-index: 50; display: inline-block; width: 52px; height: 53px; background-image: url(/Images/btnPrev.png); background-repeat: no-repeat; background-position: right; } #propertySlider .slideShow #btnPrev:hover { background-position: left; } #propertySlider .slideShow #btnNext { position: absolute; right: -45px; top: 45%; z-index: 50; display: inline-block; width: 52px; height: 53px; background-image: url(/Images/btnNext.png); background-repeat: no-repeat; background-position: right; } #propertySlider .slideShow #btnNext:hover { background-position: left; } #MobileSlideShow { display: none; } #propertySlider ul { padding: 0; margin: 0; margin-top: -10px; margin-left: -10px; } #propertySlider ul li { padding: 0; margin: 0; display: inline; list-style-type: none; } #ie6 html, body { height: 100%; } #propertySlider ul { padding: 0; margin: 0; margin-top: -10px; margin-left: -10px; } #propertySlider ul li { padding: 0; margin: 0; display: inline; list-style-type: none; } #ie6 html, body { height: 100%; } #ie6 *html .lightBox.show, #ie6 *body .lightBox.show { height: 100%!important; } #ie6 *html .lightBox, #ie6 *body .lightBox { height: 100%!important; } #ie6 #lightBox { height: 100%!important; } .lightBox, #lightBox { display: none; z-index: 9999; width: 100%; height: 100%; position: fixed!important; position: absolute; top: 0px; left: 0px; overflow: hidden; background-image: url(/Images/LightBoxBG.png); background-repeat: repeat; } .lightBox.show, #lightBox.show { display: block; height: 100%; } .lightBox .wrapper, #lightBox .wrapper { position: relative; background-color: #fff; border: 2px solid #666; width: 580px; height: 380px; margin: 100px auto; padding: 10px; overflow: hidden; z-index: 10000; } #propertySlider .slideShow div .close { position: absolute; right: 12px; top: 13px; z-index: 60; background-image: url(/Images/Close.png); background-repeat: no-repeat; cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 20px; height: 20px; } #lightBox.youtubeVideo .wrapper { width: 640px; margin-top: 142px; background-color: #404040; border-color: #404040; padding:25px; } #lightBox .close { width: 14px; height: 14px; display: block; zoom: 1; position: absolute; top: 10px; right: 10px; background-image: url(/Images/closeIframe.png); background-repeat: no-repeat; background-position: left top; z-index: 9999; } #lightBox .close:hover { background-position: right top; } #propertySlider .slideShow div .close { position: absolute; right: 12px; top: 13px; z-index: 60; background-image: url(/Images/close.png); background-repeat: no-repeat; cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 20px; height: 20px; } /*TABS --------------------*/ .Tabbed { padding: 20px; line-height: 1.4em; } .Tabbed .Tabs, .Tabbed .Tabs li { margin: 0px; padding: 0px; list-style: none; } .Tabbed .Tabs li.Selected { display: inline-block; *display: inline; zoom: 1; } .Tabbed .Tabs li { background-color: #F1F1F1; display: inline-block; *display: inline; zoom: 1; border: 1px solid #f1f1f1; border-bottom-color: #e4e4e4; margin: 0 5px -1px 0; position: relative; } #ie6 .Tabbed .Tabs li { border-bottom-color: #f1f1f1; } .Tabbed .Tabs a { padding: 0px 10px; color: #D81E05; display: inline-block; *display: inline; zoom: 1; line-height: 37px; height: 37px; font-size: 16px; } .Tabbed .Tabs li.Selected { background-color: #FFF; border: 1px solid #e4e4e4; border-bottom-color: #FFF; } .Tabbed .Tabs li.Selected a { color: #666666; font-weight: bold; } .TabsContent { border: 1px solid #e4e4e4; background-color: #F1F1F1; margin-bottom: 20px; font-size: 0.9em; } .TabsContent li.content { background-color: #F9F9F7; display: none; padding: 20px; font-size: 1.13em; } .TabsContent li.Selected { display: block; } ul.TabsContent { padding: 0!important } /*BugFix 0000371*/ #content .TabsContent .content ul { padding-left: 1em; list-style-type: none; font-size: 1.2em; margin-bottom: 10px; } #content .TabsContent .content ul li { margin-top: 8px; padding-left: 18px; background: url(https://origin.agilitycms.com/scotiabank-el-salvador/images/icn-red-check-mark.png) no-repeat left 1px; } /*BugFix ID:407 text within lists was being displayed to large. Set to 0.7em*/ #content .TabsContent .content ul ul li { font-size: 0.8em; } #content .TabsContent .content ul ol li { font-size: 0.9em; } #content .TabsContent .content ol ul li { font-size: 0.9em; } #content .TabsContent .content ol ol li { font-size: 0.9em; } #content .TabsContent li.content ol { font-size: 1.0em; margin-bottom: 10px; } /*BuxFix ID:408 Remove checkmarks from being dispalyed along with numbers in ol. Remove padding to properly align text*/ #content .TabsContent li.content ol li { padding-left: 0; margin-top: 8px; background-image: none; } /*BugFix where tab content was shifted too far right*/ #content #main .TabsContent { padding-left: 0; } .Tabbed h2 { font-size: 1.5em; } .TabsContent ol { margin-bottom: 0; } .ratesToApply { border: 4px solid #aeaeae; border-left: none; border-right: none; overflow: hidden; margin-top: 20px; zoom: 1; } .ratesToApply header { width: 230px; float: left; padding: 10px 15px 10px 0; zoom: 1; } .ratesToApply h2 { font-size: 1.3em; } .ratesToApply article { width: 500px; float: left; zoom: 1; } .ratesToApply ul { list-style-type: none; color: #666; } .ratesToApply li { padding: 10px 140px 10px 0; position: relative; zoom: 1; } .ratesToApply h4 { margin: 0px; padding: 0px; font-size: 1.154em; } .ratesToApply li.first { border-bottom: 1px solid #ccc; } #content .ratesToApply p { margin: 0px; padding: 0px; } .ratesToApply a { display: block; position: absolute; right: 0px; bottom: 20px; } .atAGlance { font-size: .95em; } #content .atAGlance ul { list-style-type: none; padding: 0px; margin: 10px 0 0 0; overflow: hidden; zoom: 1; } #content .atAGlance li { padding: 0px; margin: 0px; background-image: none; border-right: 1px solid #ccc; width: 30%; float: left; margin-right: 1%; padding-left: 1%; font-weight: 700; position: relative; min-height: 50px; } #content .atAGlance li.last { border: none; } #content .atAGlance li:last-child { border-right: none; } #content .atAGlance em { font-size: 3em; font-style: normal; letter-spacing: -1px; display: inline-block; *display: inline; zoom: 1; } #content .atAGlance span { display: inline-block; width: 100px; padding-left: 6px; vertical-align: top; } #content .atAGlance sup { height: 0; font-size: .6em; vertical-align: top; _vertical-align: top; position: relative; } .referralForm { overflow: hidden; font-size: 1.2em; margin-top: 15px; padding: 10px 20px 20px 20px; width: 700px; } .referralForm h3 { margin-bottom: 10px; } .referralForm label { display: block; width: 305px; float: Left; text-align: right; padding-right: 20px; margin: 10px 0 0 0; position: relative; font-size: 0.8em; } .referralForm label .validation { position: absolute; right: 0px; top: 5px; } .referralForm label input[type=text] { width: 170px; } .referralForm label select { width: 173px; } .referredData { background-color: #f9f9f7; border: 1px solid #e3e3e3; position: relative; overflow: hidden; } .referredData .delete { position: absolute; padding-right: 15px; top: 10px; right: 15px; text-decoration: underline; background-image: url(/Images/deleteIcon.jpg); background-repeat: no-repeat; background-position: right 2px; } #addRefference { margin-top: 15px; } .submitReference { margin-top: 15px; *margin-top: -25px; float: right; } .cal { } .cal header { overflow: hidden; text-align: center; background-color: #c9c9c9; border: 1px solid #c9c9c9; padding: 15px; color: #fff; } .cal header a { background-image: url(/Images/calBTN.jpg); text-indent: -900px; overflow: hidden; display: block; width: 26px; height: 26px; top: 11px; } .cal .next { position: absolute; right: 10px; background-position: right top; } .cal .prev { position: absolute; left: 10px; background-position: left top; } .cal .next:hover { background-position: right bottom; } .cal .prev:hover { background-position: left bottom; } .cal table { width: 100%; border-collapse: collapse; margin-bottom: 5px; } .cal table .week { background-color: #a6a6a6; } .cal table .week th { color: #fff; font-weight: 100; font-size: 10px; text-transform: uppercase; } .cal table tr { text-align: center; } .cal table tr td { border: 1px solid #dcdcdc; color: #28363d; padding: 10px; font-weight: 700; background-repeat: no-repeat; background-position: center 25px; font-size: 11px; } .cal table tr td.loaded { background-image: url(/Images/Mobile/dots.png); } .cal table tr td.selected { color: #fff; background-color: #28363d; background-position: center -13px; } .cal table .days { background-color: #f5f5f5; } .cal table tr td.otherMonth { color: #a9b0b6; background-position: center -68px; } /*BugFix Tab had whitespace*/ #content .Tabbed ul.Tabs { margin-bottom: 0px; padding-left:0px; } #trademark { width: 420px; height: 46px; } #ie6 #trademark { top: -20px; display: block; position: relative; margin-bottom: -20px; } .socialMedia { float: left; display: inline; list-style-type: none; clear: none; width: 183px; padding-left: 30px; position: relative; } .socialMedia li { float: left; display: inline; } .footerBottomLink { float: right; clear: none; margin-top: -35px; padding-right: 67px; font-size: 12px; font-weight: normal; } .follow { font-size: 1.2em; padding: 8px 10px 4px 0; font-weight: 700; } .facebook, .twitter { padding-right: 10px; } /*THEME -----------------------------*/ body { color: #666; font-family: Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; } .small { font-size: 12px !important; } .normal { font-size: 14px !important; } .lrg { font-size: 1.3em !important; } .x-lrg { font-size: 1.4em !important; } .pink { color: #E53985 !important; } .blue { color: #00A3E5 !important; } .red { color: #D81E05 !important; } .purple { color: #925FB0 !important; } .orange { color: #F87700 !important; } .green { color: #7F7F00 !important; } /***********************Latinlingua Requested Additions***************************/ /*********************************************************************************/ /*********************************************************************************/ .productDetailsTop { list-style-type: none; font-size: 1.2em; color: #666; padding-left: 10px; margin-top: 4px; } .productDetailsTop li { padding: 4px 0 4px 25px; background-image: url(/Images/bg-circle-check.gif); background-repeat: no-repeat; background-position: 0px 4px; font-size: 0.9em; } .contactTile { list-style-type: none; padding: 0 0 15px 0; margin: 0px; overflow: hidden; width: 760px; border-bottom: 2px solid #e3e3e3; } .contactTile li { padding: 0px; margin: 0 9px 0 0; width: 200px; height: 130px; padding: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-bottom: 2px solid #cccccc; border-right: 2px solid #cccccc; float: left; } .contactTile .title { font-size: 35px; font-weight: 100; } .contactTile .article { padding-left: 35px; position: relative; font-size: 1.2em; margin-top: 5px; } .contactTile img { position: absolute; left: 0px; top: 0px; display: block; border: none; } #ie6 .contactTile img { left: -35px; } /* Generic table */ table.default { font-size: 1.2em; border: 1px solid #ccc; border-top: 3px solid #adada7; padding: 0; border-collapse: collapse; margin-top: 1.5em; width: 100%; margin-bottom: 1em; background-color: #FFF; } table.default tbody { padding: 0; } table.default tr.odd th, table.default tr.odd td { background-color: #f5f5f5; } table.default th { font-size: 1.1em; text-align: left; padding: 0.5em; padding-left: 1em; border-width: 0 1px; border-style: solid; border-color: #ccc; border-bottom: 3px solid #ccc; } table.default td { padding: 1em; border-width: 0 1px; border-style: solid; border-color: #ccc; } table.default td.headerRow { font-size: 1.1em; font-weight: bold; border: 1px solid #ccc; border-top: 3px solid #ccc; } table.default a { font-weight: bold; } /* Comisiones tab */ .comisiones table { font-size: 1em; } .comisiones p { font-size: 1em; } .comisiones h2 { font-size: 1.4em; } #content.interstitial { background-image: none; border: none; } .interstitialMessage { border: 7px solid #eeeeee; padding: 20px; width: 500px; margin: 10px auto; text-align: center; } .interstitialMessage article { text-align: left; margin-bottom: 15px; } /*BugFix 0000355 uls didn't align with content*/ #content #main ul { padding-left: 17px; } #content #main .linkSections ul { padding-left: 0px; } /*404 Error page*/ .error404 { overflow: hidden; padding: 20px; } .error404 ul { list-style-image: url("http://sb-agility-ugc-bfn.s3.amazonaws.com/Styles/img/arrow.gif"); margin-left: 20px; font-size: 1.2em; padding-left: 10px; } .error404 .left { width: 50%; float: left; } .error404 .right { width: 50%; float: left; } .error404 #pageName { padding: 4px 0px; font-weight: normal; font-size: 25px; border-bottom: 1px solid #DDDDDD; color: #666666; } /******************************************************************************************************************************************************************************* GANA GANA 2015 ********************************************************************************************************************************************************************************/ #mainContent-largeImage .ganaGanaNav { list-style: none; margin: 10px 0px 0px 0px; padding: 0 0 5px 0; font-size: 0px; } .ganaGanaNav li { display: inline-block; margin: 0 0 0 15px; box-sizing: border-box; border-radius: 10px 0 10px 0; min-width: 156px; text-align: center; behavior: url(/Scripts/PIE.htc); position: relative } .ganaGanaNav css3-container:first-child + li, .ganaGanaNav li:first-child { margin-left: 0; } .ganaGanaNav li:after { content:' '; display:block; border: none; width: 95%; position: absolute; bottom: -7px; } .ganaGanaNav li.amber { background: rgb(209, 131, 22); } .ganaGanaNav li.amber:hover { background: rgb(224, 172, 99); background: rgba(209, 131, 22, 0.75); } .ganaGanaNav li.pear { background: rgb(141, 139, 0); } .ganaGanaNav li.pear:hover { background: rgb(175, 174, 76); background: rgba(141, 139, 0, 0.75); } .ganaGanaNav li.amethyst { background: rgb(144, 80, 168); } .ganaGanaNav li.amethyst:hover { background: rgb(172, 124, 190); background: rgba(144, 80, 168, 0.75); } .ganaGanaNav li.raspberry { background: rgb(226, 1, 119); } .ganaGanaNav li.raspberry:hover { background: rgb(235, 77, 160); background: rgba(226, 1, 119, 0.75); } .ganaGanaNav li.sapphire { background: rgb(0, 52, 121); } .ganaGanaNav li.sapphire:hover { background: rgb(89, 123, 168); background: rgba(0, 52, 121, 0.75); } .ganaGanaNav li a { color: #fff; padding: 12px 34px; font-size: 13px; font-weight: 700; display: block } .ganaGanaNav li a:hover { text-decoration: none; } .ganaGanaContent { padding: 20px 30px } .ganaGanaContent h1 { font-size: 1.9em; font-weight: 700; } .ganaGanaContent em { font-style: normal } .ganaGanaContent small { display: block } .ganaGanaContent .ganaGanaCTA { width: 385px; margin: 20px auto; text-align: center; position: relative; font-size: 0.85em; } .ganaGanaContent .bonusList img { display: inline-block; vertical-align: middle } .ganaGanaContent .bonusList .ganaGanaList { width: 80%; font-size: 0.85em; display: inline-block } .ganaGanaContent .ganaGanaCTA img { margin: 0 auto; display: block } .ganaGanaList { margin: 20px!important; padding: 20px!important; background: #f1f1f1; border-radius: 10px 0 10px 0; behavior: url(/Scripts/PIE.htc); position: relative } .ganaGanaList li { list-style: none; display: inline-block; margin-right: 15px; text-indent: -5px } .ganaGanaList strong { list-style: none; display: block; margin: 0 0 5px 0 } .ganaGanaList li:before + strong { content: none } .ganaGanaList li:before { content: '\002022'; font-size: 18px; padding-right: 5px; } .ganaGanaLandingCTA { font-size: 16px; padding: 15px } .ganaGanaLandingCTA img { vertical-align: middle } .amber .ganaGanaNav li.amber:after { border: 2px solid #d18316; } .amber .ganaGanaContent h1, .amber .ganaGanaContent h3, .amber .ganaGanaContent strong, .amber .ganaGanaContent b, .amber .ganaGanaList li:before, .amber .ganaGanaContent a { color: rgb(209, 131, 22); } .pear .ganaGanaNav li.pear:after { border: 2px solid #8D8B00; } .pear .ganaGanaContent h1, .pear .ganaGanaContent h3, .pear .ganaGanaContent strong, .pear .ganaGanaContent b, .pear .ganaGanaList li:before, .pear .ganaGanaContent a { color: rgb(141, 139, 0); } .amethyst .ganaGanaNav li.amethyst:after { border: 2px solid #9561A8; } .amethyst .ganaGanaContent h1, .amethyst .ganaGanaContent h3, .amethyst .ganaGanaContent strong, .amethyst .ganaGanaContent b, .amethyst .ganaGanaList li:before, .amethyst .ganaGanaContent a { color: rgb(144, 80, 168); } .raspberry .ganaGanaNav li.raspberry:after { border: 2px solid #E20177; } .raspberry .ganaGanaContent h1, .raspberry .ganaGanaContent h3, .raspberry .ganaGanaContent strong, .raspberry .ganaGanaContent b, .raspberry .ganaGanaList li:before, .raspberry .ganaGanaContent a { color: rgb(226, 1, 119); } .sapphire .ganaGanaNav li.sapphire:after { border: 2px solid #003479; } .sapphire .ganaGanaContent h1, .sapphire .ganaGanaContent h3, .sapphire .ganaGanaContent strong, .sapphire .ganaGanaContent b, .sapphire .ganaGanaList li:before, .sapphire .ganaGanaContent a { color: rgb(0, 52, 121); } /***************************************************************************** Car Loan Calculator **************************************************************************/ .carLoanCalculatorModule { margin: -20px -20px 0 -20px; padding: 20px 60px 60px 60px; background: url('//origin.agilitycms.com/scotia-bank-mexico/images/CarLoanCalculator/bg.jpg') #1f1f20 center top no-repeat; overflow: hidden; } .carLoanCalculatorModule table { width:100%; text-align:center; } .carLoanCalculatorModule .splitcollapsible { border: solid 1px black; } .carLoanCalculatorModule .splitcollapsible .collapsible, .carLoanCalculatorModule .splitcollapsible button { display:none; } .carLoanCalculatorModule .splitcollapsible.show .collapsible, .carLoanCalculatorModule .splitcollapsible.show button { display:block; } #carLoanInfo { font-family: Arial, Helvetica, sans-serif; } #carLoanInfo .button { position: relative; border: 0; padding: 0; cursor: pointer; behavior: url(/Scripts/PIE.htc); background: linear-gradient(to right, #670a31 0, #e00e78 50%); } #carLoanInfo .button span { position: relative; color: #fff; font-weight: bold; background-color: #e00e78; background: linear-gradient(to right, #670a31 0, #e00e78 50%); -pie-background: linear-gradient(to right, #670a31 0, #e00e78 50%); border: none; behavior: url(/Scripts/PIE.htc); } #carLoanInfo h2 { position: relative; padding: 12px 0; color: #fff; font-size: 22px; text-align: center; background-color: rgba(0,0,0,0.5); -pie-background: rgba(0,0,0,0.5); border-radius: 20px 0; behavior: url(/Scripts/PIE.htc); } #carLoanInfo h3 { text-align: center; } #carLoanInfo h3 span { display: inline-block; padding: 25px 0 25px 112px; color: #575656; font-size: 20px; background: url("//origin.agilitycms.com/scotia-bank-mexico/images/CarLoanCalculator/icon_car.png") no-repeat left center; } #carLoanInfo ul { list-style: none; margin: 0; width: 480px; color: #2c3133; font-size: 17px; } #carLoanInfo > ul { float: left; } #carLoanInfo li { width: 460px; display: inline-block; padding-bottom: 40px; vertical-align: top; background: url("//origin.agilitycms.com/scotia-bank-mexico/images/CarLoanCalculator/scale_black.png") no-repeat 110px 60px; } #carLoanInfo li[data-field="downPayment"] { padding-bottom: 30px; } #carLoanInfo li[data-field="terms"] { padding-bottom: 30px; background: none; } #carLoanInfo li input { position: relative; display: block; width: 100px; height: 40px; color: #3a3a3a; line-height: 40px; margin: 26px 0 0 0; padding: 0 12px; background-color: #fff; border: 1px solid #e00e78; border-radius: 10px 0; font-size: 13px; box-sizing: border-box; font-weight: bold; behavior: url(/Scripts/PIE.htc); } #carLoanInfo li input[type=button] { display: inline; width: 50px; height: 44px; margin: 10px 6px 0 0; color: white; background-color: black; font-size: 22px; font-weight: bold; line-height: 44px; border: none; cursor: pointer; } #carLoanInfo li input.selected {background-color: #e00e78; background: linear-gradient(to right, #670a31, #e00e78); } #carLoanInfo li div { float: right; overflow: hidden; position: relative;} #carLoanInfo li div.terms { float: none;} #carLoanInfo li div a { cursor: pointer; display:block; width:25px; height:25px; position: absolute; left:-30px; bottom:12px; background:url("/images/actionIcon.png") no-repeat left -65px; transition:left .2s ease-out; } #carLoanInfo li.refresh div a { left:5px;} #carLoanInfo li .range { position: relative; display: inline-block; width: 250px; height: 14px; margin: 20px 10px 20px 50px; position: relative; background-color: #000; border-radius: 0 10px 10px 0; overflow: visible; behavior: url(/Scripts/PIE.htc); } #carLoanInfo li .range div { float: none; display: inline-block; width: auto; height: 40px; padding-left: 51px; position: relative; left: -102px;; bottom: 12px; background: #670a31; border-radius: 10px 0; cursor: pointer; overflow: visible; z-index: 1; behavior: url(/Scripts/PIE.htc);} #carLoanInfo li .range div span { display: block; width: 102px; height: 100%; margin-left: -51px; background: url("//origin.agilitycms.com/scotia-bank-mexico/images/CarLoanCalculator/slider.png") no-repeat right top; } #carLoanInfo .splitcollapsible { position: relative; margin-bottom: 40px; padding: 0 30px; border: none; color: #fff; background: #000; border-radius: 6px; behavior: url(/Scripts/PIE.htc); } #carLoanInfo .splitcollapsible.short { float: left; width: 460px; } #carLoanInfo .splitcollapsible.final { clear: both; } #carLoanInfo .splitcollapsible .collapsible { padding-bottom: 10px; } #carLoanInfo .splitcollapsible .finalResult { position: relative; margin: 0 60px; border: 2px solid #e00e78; border-radius: 50px 0; overflow: hidden; behavior: url(/Scripts/PIE.htc); } #carLoanInfo .splitcollapsible table { border-collapse: collapse; width:101%} #carLoanInfo .splitcollapsible th { font-weight: normal; padding: 10px 0; font-size: 1.4em; } #carLoanInfo .splitcollapsible td { border-right: 1px solid #fff; font-size: 1.2em; } #carLoanInfo .final div { padding: 0 25px; text-align: right; } #carLoanInfo .final .button { display: none; margin: 15px 0 -10px 0; line-height: 22px; font-size: 1.1em; } #carLoanInfo .final.show .button { display: inline-block; } #carLoanInfo .splitcollapsible h4 { position: relative; margin: 0 -30px; padding: 20px 50px 20px 30px; font-size: 20px; cursor: pointer; } #carLoanInfo .splitcollapsible h4:after { content: "+"; position: absolute; right: 30px; } #carLoanInfo .splitcollapsible.show h4:after { content: "-"; } #carLoanInfo .splitcollapsible ul { padding: 0; color: #fff; background: none; } #carLoanInfo .insurance { float: left; margin-bottom: 40px; background: #000; border-radius: 6px; width: 520px; padding-top: 20px; } #carLoanInfo .insurance span { color: #fff; } #carLoanInfo .insurance li { padding-bottom: 40px; background-image: url("//origin.agilitycms.com/scotia-bank-mexico/images/CarLoanCalculator/scale_white.png"); } #carLoanInfo .insurance li .range { background-color: #fff; border-color: #fff; } #carLoanInfo .results { float: right; width: 310px; } #carLoanInfo .results .totals { position: relative; padding: 30px 0 40px 0; font-size: 20px; text-align: center; background: rgba(0,0,0,0.5); -pie-background: rgba(0,0,0,0.5); border-radius: 30px 0; behavior: url(/Scripts/PIE.htc); } #carLoanInfo .results .totals h4 { color: #fff; font-size: 28px; font-weight: normal; } #carLoanInfo .results .totals b { display: block; padding-bottom: 20px; color: #e00e78; font-size: 48px; } #carLoanInfo .results .splitcollapsible { margin-top: -20px; padding: 0; background: none; } #carLoanInfo .results .splitcollapsible h4 { position: relative; margin: 0 40px; padding: 12px 30px 12px 12px; font-size: 20px; text-align: center; background: #e00e78; border-radius: 8px; z-index: 1; behavior: url(/Scripts/PIE.htc); } #carLoanInfo .results .splitcollapsible h4:after { right: 12px; bottom:31px; } #carLoanInfo .results .collapsible { position: relative; margin-top: -10px; padding: 26px; color: #6a6a6b; background: rgba(255,255,255,0.8); -pie-background: rgba(255,255,255,0.8); border-radius: 30px 0; behavior: url(/Scripts/PIE.htc); } #carLoanInfo .results #contactForm div > span, #carLoanInfo .results #contactForm .checkbox { font-size: 0.8em; } #carLoanInfo .results #contactForm fieldset { border: none; padding: 0; margin: 0; } #carLoanInfo .results #contactForm label { display: block; margin: 5px -25px 5px 0; padding: 0 25px 0 0; text-align: left; width: auto; float: none; } #carLoanInfo .results #contactForm .validation { bottom: 4px; right: 2px; background-image: url('//cdn.agilitycms.com/scotia-bank-mexico/images/CarLoanCalculator/validationSprite.png'); } #carLoanInfo .results #contactForm .checkbox .validation { bottom: 0; } #carLoanInfo .results #contactForm input[type="text"], input[type="email"], input[type="tel"] { position: relative; display: block; width: 100%; height: 32px; margin: 0; padding: 0 12px; color: #fff; line-height: 32px; background: #000; border-radius: 4px; box-sizing: border-box; behavior: url(/Scripts/PIE.htc); } #carLoanInfo .results #contactForm label + div { margin: 10px 0 0 0; text-align: center; } #carLoanInfo .results #contactForm a { float: none; margin: 0; } #carLoanInfo .results #contactForm input[type="checkbox"] {vertical-align: middle;} .tip { display: inline-block; z-index: 90; position: relative; color: #e00e78; font-weight: bold; cursor: pointer; } .tip span { position: relative; display: none; width: 225px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 1em; position: absolute; background-color: #1f1f20; color: white; font-size: 0.8em; font-weight: normal; display: none; left: 32px; top: -12px; border-radius: 6px; border: 1px solid #e00e78; behavior: url(/Scripts/PIE.htc); } .tip span:before { content: '\25C0'; position: absolute; width: 20px; height: 20px; top: 10px; left: -20px; color: #1f1f20; font-size: 40px; line-height: 20px; vertical-align: middle; text-shadow: -1px 0 0 #e00e78; border-right: 4px solid #1f1f20; overflow: hidden; z-index: 99; } .tip span.show { display: block;} .CLfooter { color: #fff; } .CLfooter > div { position: relative; } .socialbranches { float:right; margin: 0; padding: 0; list-style: none; } .socialbranches li { display: inline-block; padding: 0; } .socialbranches li * { display: inline-block; vertical-align: middle; } .socialbranches span { padding: 0 25px 0 8px; max-width: 108px; } .CLfooter input { width: 65px; height: 40px; margin-left: 16px; padding: 0 15px; color: #b5b5b5; font-size: 20px; background: #1f1f20; border: 1px solid #b5b5b5; line-height: 40px} .CLfooter hr { margin: 15px 0; } .CLfooter .links { position: absolute; top: 0; right: 0; } .CLfooter .links a { color: #fff; } .carLoanCalculatorModule .CLfooter .splitcollapsible { border: none; } .CLfooter .splitcollapsible h4 { cursor: pointer; font-weight: normal; } .CLfooter .splitcollapsible h4:hover { text-decoration: underline; } .CLfooter .splitcollapsible.show h4 { text-decoration: underline; } .CLfooter .splitcollapsible h4 span:after { content: "+"; } .CLfooter .splitcollapsible.show h4 span:after { content: "-"; } #mainContent-full .CLfooter .collapsible ul { margin: 0; padding: 0; list-style: none; } .CLfooter .collapsible li { padding: 0; } .CLfooter .collapsible li:before { content: "- "; }