/* =SIZING --------------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* =BASE --------------------------------------------------------------------*/ body{ font: 12px 'Helvetica Neue',Helvetica,Arial,sans-serif; color: #333; background: #fff; text-align: left; margin: 0; padding: 0; } p{margin:0 0 20px} pre{clear:both;text-align:left} small{font-size:90%} img{border:0} ul{margin:0 0 20px 25px;padding:0} ol{margin:0 0 20px 30px} a{color:#036;text-decoration:none} a:hover{color:#000;text-decoration:underline} .dashboard{z-index:3000} /* =TYPOGRAPHY --------------------------------------------------------------------*/ /** * 1/2. These font sizes appear to be overriden throughout */ h1{font-size:36px;margin:0 0 20px;line-height:110%} /* [1] */ h2{font-size:24px;margin:0 0 20px;line-height:110%} /* [2] */ h3{font-size:18px;margin:0 0 20px;line-height:130%} h4{font-size:15px;margin:0 0 20px;line-height:130%} h1, h2, h3, h4 { font:'Helvetica Neue',Helvetica,Arial,sans-serif; color: #000; } .alpha { font-size: 22px; line-height: 1.4; } .beta { font-size: 20px; line-height: 1.4; } .gamma { font-size: 18px; line-height: 1.4; } .delta { font-size: 16px; line-height: 1.4; } .epsilon { font-size: 14px; line-height: 1.3; } .zeta { font-size: 16px; } /* =ACCESSIBLE HIDING OFFSCREEN --------------------------------------------------------------------*/ /** * Hide content whilst being available to screen readers. */ .is-offscreen { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .is-hidden--lap-and-up { display: none !important; } .hide, .is-hidden, .br--palm { display: none !important; } .clear{clear:both} .goleft{float:left} .goright{float:right} .padtop{margin-top:10px} .padright{margin-right:10px} .padbottom{margin-bottom:10px} .padleft{margin-left:10px} .full-width { width: 100% !important; } .text--center { text-align: center !important; } .text--right { text-align: right !important; } .text--left { text-align: left !important; } .js-enablement{background:#c00;color:#fff;text-align:center;padding:10px;font-weight:bold} .js-enablement a{color:#fff;text-decoration:underline} .cf:before,.cf:after{content:"";display:table} .cf:after{clear:both} .text--right { text-align: right !important; } @media screen and (max-width: 568px) { .text--right--palm { text-align: right !important; } .text--left--palm { text-align: left !important; } .text--center--palm { text-align: center !important; } } .text--left { text-align: left !important; } .text--center { text-align: center !important; } .text--highlight { color: #11A1BB; } /* !layout grid */ .layout { list-style: none; margin: 0; padding: 0; margin-left: -24px; } .layout__item { display: inline-block; padding-left: 24px; vertical-align: top; text-align: left; width: 100%; } .layout--large { margin-left: -48px; } .layout--large > .layout__item { padding-left: 48px; } .layout--small { margin-left: -12px; } .layout--small > .layout__item { padding-left: 12px; } .layout--flush { margin-left: 0; } .layout--flush > .layout__item { padding-left: 0; } .layout--middle > .layout__item { vertical-align: middle; } .layout--bottom > .layout__item { vertical-align: bottom; } .layout--rev { direction: rtl; text-align: left; } .layout--rev > .layout__item { direction: ltr; text-align: left; } .layout--right { text-align: right; } .layout--center { text-align: center; } .layout--auto > .layout__item { width: auto; } [class~="layout-1/1"] { width: 100% !important; } [class~="layout-1/2"] { width: 50% !important; } [class~="layout-2/2"] { width: 100% !important; } [class~="layout-1/3"] { width: 33.33333% !important; } [class~="layout-2/3"] { width: 66.66667% !important; } [class~="layout-3/3"] { width: 100% !important; } [class~="layout-1/4"] { width: 25% !important; } [class~="layout-2/4"] { width: 50% !important; } [class~="layout-3/4"] { width: 75% !important; } [class~="layout-4/4"] { width: 100% !important; } [class~="layout-1/5"] { width: 20% !important; } [class~="layout-2/5"] { width: 40% !important; } [class~="layout-3/5"] { width: 60% !important; } [class~="layout-4/5"] { width: 80% !important; } [class~="layout-5/5"] { width: 100% !important; } [class~="layout-1/6"] { width: 16.66667% !important; } [class~="layout-2/6"] { width: 33.33333% !important; } [class~="layout-3/6"] { width: 50% !important; } [class~="layout-4/6"] { width: 66.66667% !important; } [class~="layout-5/6"] { width: 83.33333% !important; } [class~="layout-6/6"] { width: 100% !important; } [class~="layout-1/7"] { width: 14.28571% !important; } [class~="layout-2/7"] { width: 28.57143% !important; } [class~="layout-3/7"] { width: 42.85714% !important; } [class~="layout-4/7"] { width: 57.14286% !important; } [class~="layout-5/7"] { width: 71.42857% !important; } [class~="layout-6/7"] { width: 85.71429% !important; } [class~="layout-7/7"] { width: 100% !important; } [class~="layout-1/8"] { width: 12.5% !important; } [class~="layout-2/8"] { width: 25% !important; } [class~="layout-3/8"] { width: 37.5% !important; } [class~="layout-4/8"] { width: 50% !important; } [class~="layout-5/8"] { width: 62.5% !important; } [class~="layout-6/8"] { width: 75% !important; } [class~="layout-7/8"] { width: 87.5% !important; } [class~="layout-8/8"] { width: 100% !important; } [class~="layout-1/9"] { width: 11.11111% !important; } [class~="layout-2/9"] { width: 22.22222% !important; } [class~="layout-3/9"] { width: 33.33333% !important; } [class~="layout-4/9"] { width: 44.44444% !important; } [class~="layout-5/9"] { width: 55.55556% !important; } [class~="layout-6/9"] { width: 66.66667% !important; } [class~="layout-7/9"] { width: 77.77778% !important; } [class~="layout-8/9"] { width: 88.88889% !important; } [class~="layout-9/9"] { width: 100% !important; } [class~="layout-1/10"] { width: 10% !important; } [class~="layout-2/10"] { width: 20% !important; } [class~="layout-3/10"] { width: 30% !important; } [class~="layout-4/10"] { width: 40% !important; } [class~="layout-5/10"] { width: 50% !important; } [class~="layout-6/10"] { width: 60% !important; } [class~="layout-7/10"] { width: 70% !important; } [class~="layout-8/10"] { width: 80% !important; } [class~="layout-9/10"] { width: 90% !important; } [class~="layout-10/10"] { width: 100% !important; } [class~="layout-1/11"] { width: 9.09091% !important; } [class~="layout-2/11"] { width: 18.18182% !important; } [class~="layout-3/11"] { width: 27.27273% !important; } [class~="layout-4/11"] { width: 36.36364% !important; } [class~="layout-5/11"] { width: 45.45455% !important; } [class~="layout-6/11"] { width: 54.54545% !important; } [class~="layout-7/11"] { width: 63.63636% !important; } [class~="layout-8/11"] { width: 72.72727% !important; } [class~="layout-9/11"] { width: 81.81818% !important; } [class~="layout-10/11"] { width: 90.90909% !important; } [class~="layout-11/11"] { width: 100% !important; } [class~="layout-1/12"] { width: 8.33333% !important; } [class~="layout-2/12"] { width: 16.66667% !important; } [class~="layout-3/12"] { width: 25% !important; } [class~="layout-4/12"] { width: 33.33333% !important; } [class~="layout-5/12"] { width: 41.66667% !important; } [class~="layout-6/12"] { width: 50% !important; } [class~="layout-7/12"] { width: 58.33333% !important; } [class~="layout-8/12"] { width: 66.66667% !important; } [class~="layout-9/12"] { width: 75% !important; } [class~="layout-10/12"] { width: 83.33333% !important; } [class~="layout-11/12"] { width: 91.66667% !important; } [class~="layout-12/12"] { width: 100% !important; } @media screen and (max-width: 979px) { [class~="portable-1/1"] { width: 100% !important; } [class~="portable-1/2"] { width: 50% !important; } [class~="portable-2/2"] { width: 100% !important; } [class~="portable-1/3"] { width: 33.33333% !important; } [class~="portable-2/3"] { width: 66.66667% !important; } [class~="portable-3/3"] { width: 100% !important; } [class~="portable-1/4"] { width: 25% !important; } [class~="portable-2/4"] { width: 50% !important; } [class~="portable-3/4"] { width: 75% !important; } [class~="portable-4/4"] { width: 100% !important; } [class~="portable-1/5"] { width: 20% !important; } [class~="portable-2/5"] { width: 40% !important; } [class~="portable-3/5"] { width: 60% !important; } [class~="portable-4/5"] { width: 80% !important; } [class~="portable-5/5"] { width: 100% !important; } [class~="portable-1/6"] { width: 16.66667% !important; } [class~="portable-2/6"] { width: 33.33333% !important; } [class~="portable-3/6"] { width: 50% !important; } [class~="portable-4/6"] { width: 66.66667% !important; } [class~="portable-5/6"] { width: 83.33333% !important; } [class~="portable-6/6"] { width: 100% !important; } [class~="portable-1/7"] { width: 14.28571% !important; } [class~="portable-2/7"] { width: 28.57143% !important; } [class~="portable-3/7"] { width: 42.85714% !important; } [class~="portable-4/7"] { width: 57.14286% !important; } [class~="portable-5/7"] { width: 71.42857% !important; } [class~="portable-6/7"] { width: 85.71429% !important; } [class~="portable-7/7"] { width: 100% !important; } [class~="portable-1/8"] { width: 12.5% !important; } [class~="portable-2/8"] { width: 25% !important; } [class~="portable-3/8"] { width: 37.5% !important; } [class~="portable-4/8"] { width: 50% !important; } [class~="portable-5/8"] { width: 62.5% !important; } [class~="portable-6/8"] { width: 75% !important; } [class~="portable-7/8"] { width: 87.5% !important; } [class~="portable-8/8"] { width: 100% !important; } [class~="portable-1/9"] { width: 11.11111% !important; } [class~="portable-2/9"] { width: 22.22222% !important; } [class~="portable-3/9"] { width: 33.33333% !important; } [class~="portable-4/9"] { width: 44.44444% !important; } [class~="portable-5/9"] { width: 55.55556% !important; } [class~="portable-6/9"] { width: 66.66667% !important; } [class~="portable-7/9"] { width: 77.77778% !important; } [class~="portable-8/9"] { width: 88.88889% !important; } [class~="portable-9/9"] { width: 100% !important; } [class~="portable-1/10"] { width: 10% !important; } [class~="portable-2/10"] { width: 20% !important; } [class~="portable-3/10"] { width: 30% !important; } [class~="portable-4/10"] { width: 40% !important; } [class~="portable-5/10"] { width: 50% !important; } [class~="portable-6/10"] { width: 60% !important; } [class~="portable-7/10"] { width: 70% !important; } [class~="portable-8/10"] { width: 80% !important; } [class~="portable-9/10"] { width: 90% !important; } [class~="portable-10/10"] { width: 100% !important; } [class~="portable-1/11"] { width: 9.09091% !important; } [class~="portable-2/11"] { width: 18.18182% !important; } [class~="portable-3/11"] { width: 27.27273% !important; } [class~="portable-4/11"] { width: 36.36364% !important; } [class~="portable-5/11"] { width: 45.45455% !important; } [class~="portable-6/11"] { width: 54.54545% !important; } [class~="portable-7/11"] { width: 63.63636% !important; } [class~="portable-8/11"] { width: 72.72727% !important; } [class~="portable-9/11"] { width: 81.81818% !important; } [class~="portable-10/11"] { width: 90.90909% !important; } [class~="portable-11/11"] { width: 100% !important; } [class~="portable-1/12"] { width: 8.33333% !important; } [class~="portable-2/12"] { width: 16.66667% !important; } [class~="portable-3/12"] { width: 25% !important; } [class~="portable-4/12"] { width: 33.33333% !important; } [class~="portable-5/12"] { width: 41.66667% !important; } [class~="portable-6/12"] { width: 50% !important; } [class~="portable-7/12"] { width: 58.33333% !important; } [class~="portable-8/12"] { width: 66.66667% !important; } [class~="portable-9/12"] { width: 75% !important; } [class~="portable-10/12"] { width: 83.33333% !important; } [class~="portable-11/12"] { width: 91.66667% !important; } [class~="portable-12/12"] { width: 100% !important; } } @media screen and (max-width: 568px) { [class~="palm-1/1"] { width: 100% !important; } [class~="palm-1/2"] { width: 50% !important; } [class~="palm-2/2"] { width: 100% !important; } [class~="palm-1/3"] { width: 33.33333% !important; } [class~="palm-2/3"] { width: 66.66667% !important; } [class~="palm-3/3"] { width: 100% !important; } [class~="palm-1/4"] { width: 25% !important; } [class~="palm-2/4"] { width: 50% !important; } [class~="palm-3/4"] { width: 75% !important; } [class~="palm-4/4"] { width: 100% !important; } [class~="palm-1/5"] { width: 20% !important; } [class~="palm-2/5"] { width: 40% !important; } [class~="palm-3/5"] { width: 60% !important; } [class~="palm-4/5"] { width: 80% !important; } [class~="palm-5/5"] { width: 100% !important; } [class~="palm-1/6"] { width: 16.66667% !important; } [class~="palm-2/6"] { width: 33.33333% !important; } [class~="palm-3/6"] { width: 50% !important; } [class~="palm-4/6"] { width: 66.66667% !important; } [class~="palm-5/6"] { width: 83.33333% !important; } [class~="palm-6/6"] { width: 100% !important; } [class~="palm-1/7"] { width: 14.28571% !important; } [class~="palm-2/7"] { width: 28.57143% !important; } [class~="palm-3/7"] { width: 42.85714% !important; } [class~="palm-4/7"] { width: 57.14286% !important; } [class~="palm-5/7"] { width: 71.42857% !important; } [class~="palm-6/7"] { width: 85.71429% !important; } [class~="palm-7/7"] { width: 100% !important; } [class~="palm-1/8"] { width: 12.5% !important; } [class~="palm-2/8"] { width: 25% !important; } [class~="palm-3/8"] { width: 37.5% !important; } [class~="palm-4/8"] { width: 50% !important; } [class~="palm-5/8"] { width: 62.5% !important; } [class~="palm-6/8"] { width: 75% !important; } [class~="palm-7/8"] { width: 87.5% !important; } [class~="palm-8/8"] { width: 100% !important; } [class~="palm-1/9"] { width: 11.11111% !important; } [class~="palm-2/9"] { width: 22.22222% !important; } [class~="palm-3/9"] { width: 33.33333% !important; } [class~="palm-4/9"] { width: 44.44444% !important; } [class~="palm-5/9"] { width: 55.55556% !important; } [class~="palm-6/9"] { width: 66.66667% !important; } [class~="palm-7/9"] { width: 77.77778% !important; } [class~="palm-8/9"] { width: 88.88889% !important; } [class~="palm-9/9"] { width: 100% !important; } [class~="palm-1/10"] { width: 10% !important; } [class~="palm-2/10"] { width: 20% !important; } [class~="palm-3/10"] { width: 30% !important; } [class~="palm-4/10"] { width: 40% !important; } [class~="palm-5/10"] { width: 50% !important; } [class~="palm-6/10"] { width: 60% !important; } [class~="palm-7/10"] { width: 70% !important; } [class~="palm-8/10"] { width: 80% !important; } [class~="palm-9/10"] { width: 90% !important; } [class~="palm-10/10"] { width: 100% !important; } [class~="palm-1/11"] { width: 9.09091% !important; } [class~="palm-2/11"] { width: 18.18182% !important; } [class~="palm-3/11"] { width: 27.27273% !important; } [class~="palm-4/11"] { width: 36.36364% !important; } [class~="palm-5/11"] { width: 45.45455% !important; } [class~="palm-6/11"] { width: 54.54545% !important; } [class~="palm-7/11"] { width: 63.63636% !important; } [class~="palm-8/11"] { width: 72.72727% !important; } [class~="palm-9/11"] { width: 81.81818% !important; } [class~="palm-10/11"] { width: 90.90909% !important; } [class~="palm-11/11"] { width: 100% !important; } [class~="palm-1/12"] { width: 8.33333% !important; } [class~="palm-2/12"] { width: 16.66667% !important; } [class~="palm-3/12"] { width: 25% !important; } [class~="palm-4/12"] { width: 33.33333% !important; } [class~="palm-5/12"] { width: 41.66667% !important; } [class~="palm-6/12"] { width: 50% !important; } [class~="palm-7/12"] { width: 58.33333% !important; } [class~="palm-8/12"] { width: 66.66667% !important; } [class~="palm-9/12"] { width: 75% !important; } [class~="palm-10/12"] { width: 83.33333% !important; } [class~="palm-11/12"] { width: 91.66667% !important; } [class~="palm-12/12"] { width: 100% !important; } } /* !Spacing */ .flush { margin: 0 !important; } .flush--top { margin-top: 0 !important; } .flush--right { margin-right: 0 !important; } .flush--bottom { margin-bottom: 0 !important; } .flush--left { margin-left: 0 !important; } .flush--ends { margin-top: 0 !important; margin-bottom: 0 !important; } .flush--sides { margin-left: 0 !important; margin-right: 0 !important; } .hard { padding: 0 !important; } .hard--top { padding-top: 0 !important; } .hard--right { padding-right: 0 !important; } .hard--bottom { padding-bottom: 0 !important; } .hard--left { padding-left: 0 !important; } .hard--ends { padding-top: 0 !important; padding-bottom: 0 !important; } .hard--sides { padding-left: 0 !important; padding-right: 0 !important; } .push { margin: 24px !important; } .push--top { margin-top: 24px !important; } .push--right { margin-right: 24px !important; } .push--bottom { margin-bottom: 24px !important; } .push--left { margin-left: 24px !important; } .push--ends { margin-top: 24px !important; margin-bottom: 24px !important; } .push--sides { margin-left: 24px !important; margin-right: 24px !important; } .push-double { margin: 48px !important; } .push-double--top { margin-top: 48px !important; } .push-double--right { margin-right: 48px !important; } .push-double--bottom { margin-bottom: 48px !important; } .push-double--left { margin-left: 48px !important; } .push-double--ends { margin-top: 48px !important; margin-bottom: 48px !important; } .push-double--sides { margin-left: 48px !important; margin-right: 48px !important; } .push-two-thirds { margin: 16.0px !important; } .push-two-thirds--top { margin-top: 16.0px !important; } .push-two-thirds--right { margin-right: 16.0px !important; } .push-two-thirds--bottom { margin-bottom: 16.0px !important; } .push-two-thirds--left { margin-left: 16.0px !important; } .push-two-thirds--ends { margin-top: 16.0px !important; margin-bottom: 16.0px !important; } .push-two-thirds--sides { margin-left: 16.0px !important; margin-right: 16.0px !important; } .push-half { margin: 12px !important; } .push-half--top { margin-top: 12px !important; } .push-half--right { margin-right: 12px !important; } .push-half--bottom { margin-bottom: 12px !important; } .push-half--left { margin-left: 12px !important; } .push-half--ends { margin-top: 12px !important; margin-bottom: 12px !important; } .push-half--sides { margin-left: 12px !important; margin-right: 12px !important; } .push-third { margin: 8px !important; } .push-third--top { margin-top: 8px !important; } .push-third--right { margin-right: 8px !important; } .push-third--bottom { margin-bottom: 8px !important; } .push-third--left { margin-left: 8px !important; } .push-third--ends { margin-top: 8px !important; margin-bottom: 8px !important; } .push-third--sides { margin-left: 8px !important; margin-right: 8px !important; } .push-quarter { margin: 6px !important; } .push-quarter--top { margin-top: 6px !important; } .push-quarter--right { margin-right: 6px !important; } .push-quarter--bottom { margin-bottom: 6px !important; } .push-quarter--left { margin-left: 6px !important; } .push-quarter--ends { margin-top: 6px !important; margin-bottom: 6px !important; } .push-quarter--sides { margin-left: 6px !important; margin-right: 6px !important; } .soft { padding: 24px !important; } .soft--top { padding-top: 24px !important; } .soft--right { padding-right: 24px !important; } .soft--bottom { padding-bottom: 24px !important; } .soft--left { padding-left: 24px !important; } .soft--ends { padding-top: 24px !important; padding-bottom: 24px !important; } .soft--sides { padding-left: 24px !important; padding-right: 24px !important; } .soft-double { padding: 48px !important; } .soft-double--top { padding-top: 48px !important; } .soft-double--right { padding-right: 48px !important; } .soft-double--bottom { padding-bottom: 48px !important; } .soft-double--left { padding-left: 48px !important; } .soft-double--ends { padding-top: 48px !important; padding-bottom: 48px !important; } .soft-double--sides { padding-left: 48px !important; padding-right: 48px !important; } .soft-two-thirds { padding: 16.0px !important; } .soft-two-thirds--top { padding-top: 16.0px !important; } .soft-two-thirds--right { padding-right: 16.0px !important; } .soft-two-thirds--bottom { padding-bottom: 16.0px !important; } .soft-two-thirds--left { padding-left: 16.0px !important; } .soft-two-thirds--ends { padding-top: 16.0px !important; padding-bottom: 16.0px !important; } .soft-two-thirds--sides { padding-left: 16.0px !important; padding-right: 16.0px !important; } .soft-half { padding: 12px !important; } .soft-half--top { padding-top: 12px !important; } .soft-half--right { padding-right: 12px !important; } .soft-half--bottom { padding-bottom: 12px !important; } .soft-half--left { padding-left: 12px !important; } .soft-half--ends { padding-top: 12px !important; padding-bottom: 12px !important; } .soft-half--sides { padding-left: 12px !important; padding-right: 12px !important; } .soft-third { padding: 8px !important; } .soft-third--top { padding-top: 8px !important; } .soft-third--right { padding-right: 8px !important; } .soft-third--bottom { padding-bottom: 8px !important; } .soft-third--left { padding-left: 8px !important; } .soft-third--ends { padding-top: 8px !important; padding-bottom: 8px !important; } .soft-third--sides { padding-left: 8px !important; padding-right: 8px !important; } .soft-quarter { padding: 6px !important; } .soft-quarter--top { padding-top: 6px !important; } .soft-quarter--right { padding-right: 6px !important; } .soft-quarter--bottom { padding-bottom: 6px !important; } .soft-quarter--left { padding-left: 6px !important; } .soft-quarter--ends { padding-top: 6px !important; padding-bottom: 6px !important; } .soft-quarter--sides { padding-left: 6px !important; padding-right: 6px !important; } /* =ICONS --------------------------------------------------------------------*/ .icon { background: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png') no-repeat 0 0; background-size: 800px 800px; vertical-align: middle; display: inline-block; text-indent: -9999px; white-space: pre; overflow: hidden; text-align: left; } .icon-chevron-down { background-position: -57px -317px !important; width: 20px; height: 12px; } .icon-chevron-up { background-position: -90px -317px !important; width: 20px; height: 12px; } .icon-flag { width: 30px; height: 20px; background-position: -35px -167px !important; } .icon-flag--en { background-position: -35px -167px !important; } .icon-flag--cn { background-position: 0 -167px !important; } .icon-flag--ct { background-position: -69px -167px !important; } /* =TEXT HELPERS --------------------------------------------------------------------*/ .text--subtle { font-style: italic; color: #6D7579; font-weight: 400; } .decordark .text--subtle { color: #E2E2E2; } /* =LISTS --------------------------------------------------------------------*/ .inline-items { margin: 0; padding: 0; list-style-type: none; } .inline-items__item { display: inline; padding: 0 12px; border-right: 1px solid #ddd; } .inline-items--small .inline-items__item { padding: 0 6px; } .inline-items__item:first-child { padding-left: 0; } .inline-items__item:last-child { border: 0; padding-right: 0; } .paired-list { margin: 0; padding: 0; list-style-type: none; } /** * 1. Override generic box office li styles */ .paired-list__item { margin: 0; /* [1] */ padding-bottom: 6px; vertical-align: top; } .paired-list__item:last-child { padding: 0; } .paired-list__alpha, .paired-list__beta { display: inline-block; vertical-align: top; } .paired-list__alpha { width: 30%; } /* =SELECT STYLE * Custom select styles to keep brand consitency --------------------------------------------------------------------*/ .select-custom { position: relative; padding-right: 36px; overflow: hidden; border: 1px solid #DBDBDB; background: #fff; transition: all .2s ease; border-radius: 3px; transition: all .2s ease; } .select-custom:hover { border: 1px solid #D0CDCD; } .select-custom--inline { display: inline-block; } .select-custom__select { /* Make sure the select is wider than the container so we can clip the arrow*/ width: 110%; max-width: 110%; min-width: 110%; text-indent: 0.01px; text-overflow: ""; background: none; border: none; outline: none; padding: 8px 48px 8px 12px; line-height: 1.5; font-size: 14px; transition: all .2s ease; /* Remove vendor specific browser styling*/ appearance: none; -webkit-appearance: none; -moz-appearance: window; } .select-custom:hover .select-custom__select { background: #F7F9F9; } /* Hide the native dropdown button arrow in IE */ .select-custom__select::-ms-expand { display: none; } /* Focus style */ .select-custom__select:focus { outline: none; background: #ddd; border-radius: 0; box-shadow: 0 0 3px 3px rgba(180,222,250, .85); } /* This hides focus around selected option in FF */ .select-custom__select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .select-custom:after { position: absolute; right: 12px; top: 50%; width: 20px; height: 12px; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; content: ''; background: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/bo-sprite2.png') no-repeat 0 0; background-size: 56px 12px; /* This hack makes the select behind the arrow clickable in some browsers*/ pointer-events: none; transition: all .2s ease; } /* =STEPPER --------------------------------------------------------------------*/ .stepper { display: inline-table; } /* * 1. Offset the vertical padding to allow for default plus/minus * characters with a smaller x height */ .stepper__action .stepper__btn { width: 36px; padding: 4px 10px 7px; /* [1] */ font-size: 20px; } .stepper__qty { display: table-cell; width: 39px; text-align: center; font-weight: 700; vertical-align: middle; } /* =MESSAGE PANEL --------------------------------------------------------------------*/ .message-panel { padding: 18px 24px; color: #fff; background: #4C5054; } .decordark .message-panel { background: #32363A; } .message-panel__header { color: #fff; } .message-panel__icon { float: left; } /** * 1. Stop the header wrapping below the icon */ .message-panel__header h3 { overflow: hidden; /* [1] */ font-size: 18px; color: inherit; } .message-panel__body { padding-left: 32px; color: #ECECEB; border: solid #666B6F; border-width: 0 0 0 1px; } .decordark .message-panel__body { border-color: #4D545A; } .message-panel__intro { margin: 0 0 4px; font-weight: 500; } .message-panel__sub-copy { margin: 0; color: #C4CBD2; font-style: italic; } /* =TICKET LISTING BLOCK --------------------------------------------------------------------*/ #tickets { padding: 0; font-size: 14px; } .tickets__header { font-size: 14px; font-weight: 700; padding: 14px 24px; background: #EDEDED; border: solid rgba(169,169,169,0.4); border-width: 0 0 1px 0; white-space: nowrap; } .tickets__header h3 { margin: 0; font-weight: 700; } .tickets__body { padding: 24px; } .tickets__sold-out { padding: 20px 24px; text-align: center; font-weight: 500; color: #fff; background-color: #585858; } .tickets__sold-out h3 { margin-bottom: 6px; text-transform: uppercase; color: #fff; } .tickets__footer { padding: 24px 0 0; overflow: hidden; } /** * 1. Small scope for box sizing to reduce risk of box office styles */ .tickets__footer * { box-sizing: border-box; /* [1] */ } .tickets__info { display: inline-block; width: 20%; vertical-align: middle; } .tickets__pricing { display: inline-block; width: 45%; padding-right: 24px; text-align: right; vertical-align: middle; } .tickets__cta { display: inline-block; width: 35%; vertical-align: middle; } .tickets__incentives { position: relative; padding: 24px 0; margin: -1px 0 12px 0; text-align: center; border-width: 1px 0; border-style: solid; border-color: rgba(169,169,169,0.4); } .tickets__incentives-description { text-align: center; margin: 0 0 12px; font-size: 14px; } .tickets__incentives-actions { text-align: center; } .tickets__incentives-actions .incentive:first-child { margin-left: 0; } .tickets__group + .tickets__group { padding-top: 18px; } .tickets__group:last-child { margin-bottom: 0; } .tickets__group-header { white-space: normal; margin-bottom: 12px; padding-bottom: 8px; font-size: 16px; font-weight: 700; border: solid #ddd; border-width: 0 0 2px 0; } .tickets__group-header--colapsible { position: relative; padding: 25px; margin: -25px; margin-bottom: -12px; padding-right: 25px; cursor: pointer; } .tickets__group-header--colapsible.ticketrow--closed { padding-bottom: 12px; } .tickets__group-selection { padding-bottom: 12px; } .tickets__subtotal { font-size: 22px; } /* =TICKET Single ticket item styles --------------------------------------------------------------------*/ .ticket { padding-bottom: 12px; } .ticket + .ticket { padding-top: 12px; border: solid rgba(169,169,169,0.4); border-width: 1px 0 0 0; } .ticket--sold-out { opacity: .5; } .tickets__group-selection ~ .ticket { padding-top: 0; border: 0; } .ticketrow-state { position:absolute; top: 23px; right: 33px; font-size:26px; } .ticket__detail { display: inline-block; width: 50%; } .ticket__detail.fullwidth { width: 100%; } .ticket__unavailable { width: 100%; text-align: right; } .ticket__pricing + .ticket__unavailable { display: inline-block; width: 50%; } .ticket__status { display: inline-block; width: 111px; padding: 9px 0; font-weight: 700; text-align: center; text-transform: uppercase; color: #292929; background: #F3F3F3; border: 1px solid #E0E0E0; } .decordark .ticket__status { color: #fff; background: #000; border-color: #8E8D8E; } .ticket__status--early { display: block; } .ticket__type { display: inline-block; vertical-align: top; width: 50%; } .ticket__type-detail { display: inline-block; width: 50%; vertical-align: top; } .ticket__summary { margin-top: 6px; } .ticket__name { margin: 0 0 4px; font-size: 14px; font-weight: 700; color: inherit; } .ticket__description { padding-top: 6px; line-height: 1.4; font-size: 13px; } .ticket__pricing { display: inline-block; vertical-align: top; width: 50%; padding-right: 6px; font-weight: 700; text-align: right; } .ticket__price { display: block; margin-bottom: 4px; } .ticket__face-value { font-size: 13px; font-style: italic; color: #6D7579; font-weight: 400; } .price-sub-label { display: block; font-size: 14px; } .price-sub-label--instalments { font-style: italic; font-weight: 400; } .ticket__qty { display: inline-block; vertical-align: top; width: 50%; text-align: right; } .event-terms { text-align: right; } /* Ticket block pricing */ .tickets__totals { display: inline-block; } .tickets__subtotal { display: block; font-size: 18px; text-transform: uppercase; } .tickets-totals__info { margin: 3px 0 6px 0; font-size: 14px; } .tickets-totals__sub-info { font-size: 13px; line-height: 1.4; font-style: italic; color: #6D7579; } /* =BUS TICKET --------------------------------------------------------------------*/ .tickets__group-tabular { display: table; } .tickets__group-tabular .busticket, .tickets__group-tabular .drinksvoucher { display: table-cell; width: 25%; border: 1px solid #fff !important; padding: 12px; background: #F1F1F1; vertical-align: middle; text-align: center; } .tickets__group-tabular .busticket + .busticket, .tickets__group-tabular .drinksvoucher + .drinksvoucher { border-left-width: 0 !important; } .tickets__group-tabular .busticket .ticket__detail, .tickets__group-tabular .busticket .ticket__type-detail, .tickets__group-tabular .busticket .ticket__pricing, .tickets__group-tabular .busticket .ticket__qty, .tickets__group-tabular .drinksvoucher .ticket__detail, .tickets__group-tabular .drinksvoucher .ticket__type-detail, .tickets__group-tabular .drinksvoucher .ticket__pricing, .tickets__group-tabular .drinksvoucher .ticket__qty { display: block; width: 100%; text-align: center; } .tickets__group-tabular .busticket .ticket__price, .tickets__group-tabular .busticket .price-sub-label, .tickets__group-tabular .drinksvoucher .ticket__price, .tickets__group-tabular .drinksvoucher .price-sub-label { display: inline; } .tickets__group-tabular .busticket .ticket__qty, .tickets__group-tabular .drinksvoucher .ticket__qty { padding-top: 12px; } .tickets__group-tabular .ticket__status--early { padding-top: 12px; text-align: center; } @media screen and (max-width: 568px) { .tickets__group-tabular { display: block; } .tickets__group-tabular .busticket, .tickets__group-tabular .drinksvoucher { width: 100%; float: none; display: block; } .tickets__group-tabular .busticket + .busticket, .tickets__group-tabular .drinksvoucher + .drinksvoucher { border-top-width: 0 !important; border-left-width: 1px !important; } /* =RESET STYLES Reset for mobile (rather than mobile first) to allow greater browser support --------------------------------------------------------------------*/ .tickets__group-tabular .busticket .ticket__detail, .tickets__group-tabular .busticket .ticket__type-detail, .tickets__group-tabular .busticket .ticket__pricing, .tickets__group-tabular .busticket .ticket__qty, .tickets__group-tabular .drinksvoucher .ticket__detail, .tickets__group-tabular .drinksvoucher .ticket__type-detail, .tickets__group-tabular .drinksvoucher .ticket__pricing, .tickets__group-tabular .drinksvoucher .ticket__qty { display: -webkit-flex; display: flex; width: auto; text-align: left; } .tickets__group-tabular .busticket .ticket__qty, .tickets__group-tabular .drinksvoucher .ticket__qty { padding: 0; } } /* =TICKET SURVEY --------------------------------------------------------------------*/ .tickets__survey { margin: 0 -24px; padding: 24px; border-color: #DBDBDB; border-width: 1px 0; border-style: solid; background: rgba(255,255,255,.3); } /** * 1. Overlay survey top border on incentives bottom border */ .tickets__survey--has-incentives { margin-top: -13px; /* [1] */ } .tickets__survey + .tickets__footer { padding-top: 24px; } /* * 1. Remove the vertical gap between the incentives and survey * 2. Sit above the incentives border */ .tickets__incentives + .tickets__survey { position: relative; /* [2] */ margin-top: -13px; /* [1] */ } .marketing-opt-outs { margin-top: 12px; } .checkbox:last-child { margin-bottom: 12px; } /* =CURRENCY SELECTOR --------------------------------------------------------------------*/ .currency-selector { display: inline-table; border-style: solid; border-width: 1px; border-color: #9C9C9C; } .currency-selector__item { display: table-cell; padding: 8px 12px; text-align: center; border-color: inherit; border-style: solid; border-width: 0 0 0 1px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .currency-selector__item:hover { background: rgba(255,255,255,.2); text-decoration: none; } .currency-selector__item:first-child { border: 0; } .currency-selector__item--selected { cursor: default; color: #fff; background: #A9A9A9; } .currency-selector__item--selected:hover { background: #A9A9A9; } /* =LOCALE SELECTOR --------------------------------------------------------------------*/ .locale-selector { display: inline-block; } .locale-selector__item { display: inline-block; padding: 6px 16px; text-align: center; border-color: inherit; border-style: solid; border-width: 0 0 0 1px; } .locale-selector__item:hover { text-decoration: none; } .locale-selector__item:first-child { border: 0; } .locale-selector__item:last-child { padding-right: 0; } .locale-selector__icon { margin-right: 4px; } .tickets input.addtobasket { width: 100%; padding: 14px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* =CONTENT TOGGLE --------------------------------------------------------------------*/ .toggle-content__control { display: table; padding: 12px; border: solid #E1E1E1; border-width: 1px; border-radius: 3px; background: #F1F1F1; overflow: hidden; } .decordark .toggle-content__control { border-color: #7D7D7D; background: #3A3A3A; } .toggle-content__control--open { border-radius: 4px 4px 0 0; border-bottom-width: 0; } .toggle-content__control:hover { cursor: pointer; } .toggle-control__label { display: table-cell; text-align: left; } .toggle-content__indicator { display: table-cell; padding-left: 24px; vertical-align: middle; } .toggle-content__indicator .icon-chevron-up { display: none; } .toggle-content__indicator--open .icon-chevron-up { display: block; } .toggle-content__indicator--open .icon-chevron-down { display: none; } @media only screen and (max-width: 568px) { .toggle-content__content { padding: 12px 12px 24px 12px; background: #F1F1F1; } .decordark .toggle-content__content { background: #3A3A3A; } .toggle-content__content--open { display: block; border: solid #E1E1E1; border-width: 0 1px 1px; border-radius: 0 0 4px 4px; } .decordark .toggle-content__content--open { border-color: #7D7D7D; } } . .coupon-container { margin: 12px 0; padding-top: 12px; } /* =INSTALMENTS --------------------------------------------------------------------*/ .instalment-toggle { float: right; padding-top: 4px; clear: right; font-style: italic; } .instalments { background: rgba(50,50,50,.5); border: 1px solid rgba(199, 199, 199, 0.5); padding: 15px 20px; } .decordark .instalments { background: rgba(50,50,50,.5); } .instalments .text-divider:before, .instalments .text-divider:after { background: rgba(199, 199, 199, 0.5); } .instalments__today { font-size: 18px; display: block; text-align: center; } .instalments__today { text-transform: uppercase; } .instalments__monthly { margin: 0; padding: 0 20px; text-align: center; font-size: 13px; } .checkoutsidecol .instalments__monthly { padding: 0; } .instalments__total { margin-top: 6px; display: block; text-align: center; font-size: 13px; } .instalments__instalment { width: 50%; float: left; text-align: center; margin: 12px 0 0; font-size: 12px; } .instalments__instalment strong { display: block; font-size: 14px; color: #333; font-weight: 400; margin: 3px 0 0; } .decordark .instalments__instalment strong { color: #fff; } .instalments__instalment:last-child { border-left: 1px solid rgba(199, 199, 199, 0.5); } #printlogo{display:none} .layout-constrained { max-width: 840px; margin: 0 auto; } #top { max-width: 868px; margin: 0 auto; padding: 24px; text-align: left; line-height: 150%; } .pre-header { padding: 10px 0; text-align: right; } .pre-header__heading { margin: 0; } .pre-header__actions { text-align: right !important; } .pre-header__back { float: left; padding: 8px 16px 8px 0; } @media (min-width: 899px) { .checkoutsidecol .box__header + .orderevent { padding: 0; } /** * Not a preferred method to target!! */ .checkoutsidecol .orderevent + .orderevent .orderevent--card { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; } .checkoutsidecol .orderevent--card { padding: 0; border: 0; } } .orderevent--card .eventtitle { font-size: 16px; } .ordertotal:last-child { font-size: 16px; margin-top: 12px; padding-top: 12px; } #page{padding:10px 0 0} #fullcontent{width:100%;margin:0 auto;padding:0;position:relative} #content{width:100%;position:relative} #additional{width:100%;margin:20px 0 0} #firstcomment{font-weight:bold;margin-bottom:0} #logo{display:block;margin:20px 0;padding:20px 30px;background-color:#252525;background-image:-webkit-gradient(linear, left top, left bottom, from(#444), to(#252525));background-image:-webkit-linear-gradient(top, #444, #252525);background-image:-moz-linear-gradient(top, #444, #252525);background-image:-o-linear-gradient(top, #444, #252525);background-image:-ms-linear-gradient(top, #444, #252525);background-image:linear-gradient(top, #444, #252525);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box} .bar{font-weight:bold;color:#000;text-transform:uppercase;padding:8px 10px 7px;background:#efefef;border:1px solid #dbdbdb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;margin:0 0 20px} .bar a{font-size:12px;color:#000} .bar .goright{text-align:right} #event-taxonomy-filter-form{margin-left:5px} .headersocial{position:absolute;top:50px;right:45px;display:block;color:#efefef} .headersocial a{color:#efefef;text-shadow:0 0 0 rgba(0,0,0,0)} .socialicon{display:block;float:right;width:150px;margin-left:10px} .socialicon a{display:block;margin-right:5px;float:left} .usertools{text-align:right} #searchform{float:right} #searchform label{display:none} #searchform .txt{margin:0 5px 0 0} #nav{margin:0 auto 20px;list-style:none} #nav ul{margin:0;padding:0;float:left} #nav li{display:block;float:left;margin:5px 10px 0 0} #nav li a{display:block;line-height:normal} #nav li.selected a{font-weight:bold} #subnav{list-style:none;border-top:1px solid rgba(0,0,0,0.1);margin:0;padding:0} #subnav li{border-bottom:1px solid rgba(0,0,0,0.1);display:block} #subnav li a{display:block;margin:9px 10px;line-height:normal} .pagetitle{font-size:18px;margin:0 0 20px} .mainimage{float:left;margin:0 20px 20px 10px} .enlarge{ display:block; width:120px; max-height:168px; position:relative; overflow:hidden; float:left; margin-right:25px } .enlarge .mainimage{float:none;margin:0} .enlargeimg{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png") no-repeat 0 100%;width:100%;height:19px;display:block;position:absolute;bottom:0;left:0} .date { color: #888; font-size: #333; margin-bottom: 0 } .decordark .date { color: #CACACB; } /* =BOX STYLES --------------------------------------------------------------------*/ .box__header { margin: -20px -20px 20px; padding: 14px 20px; background-color: #EDEDED; font-size: 12px; font-weight: 700; white-space: nowrap; } .box__header-heading { margin: 0; } .box__header-heading--legacy { font-size: 12px; text-transform: uppercase; } /* =EVENT HEADER --------------------------------------------------------------------*/ .eventheader { float: left; max-width: 590px; } .eventheader .scroll{ font-weight: bold; margin: 0 0 21px; } .eventheader dl { margin:0 0 12px } .eventheader dt { float: left; display: block; clear: both; width: 100px; margin: 0 0 6px; padding: 0; font-weight: bold; } /** * 1. Stop long content wrapping under the dt */ .eventheader dd { float: none; overflow: hidden; /* [1] */ display:block; margin:0 0 6px; padding:0; max-width: 440px; } .loading{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/loading.gif") no-repeat 50% 0;min-height:50px} .tickets{background:#fff;border:1px solid #dbdbdb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;overflow:hidden;margin:0 0 20px;font-size:100%} .tickets th{padding:8px 10px 7px} .ticketrow th.detail{border-top:1px solid #dbdbdb} .detail{text-align:left} .total{text-align:right;white-space:nowrap} .qty,.addtobasket{text-align:center} .box { padding: 20px; border: 1px solid #dbdbdb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; overflow: hidden; word-break: break-word; margin: 0 0 20px; overflow: visible } .box .header { font-size: 12px; margin: -20px -20px 20px; padding: 10px 10px 10px; font-weight: bold; color: #000; text-transform: uppercase; background: #efefef; border-bottom: 1px solid #dbdbdb } .box__actions { text-align: right; } .orderevent--card { margin-bottom: 12px; padding: 20px; border: 1px solid rgba(169,169,169,0.4); } .orderevent--card + .checkout-item { border-top: 0; } @media (max-width: 568px) { .orderevent--card { padding: 12px; } } .half{width:453px} .wide{width:588px} .twothirds{width:743px} .thin{width:318px} .checkout .col.thin{width:178px} .cardicon{vertical-align:middle;display:inline-block;margin:0 3px 0 0;text-indent:110%;white-space:pre;overflow:hidden;background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png") no-repeat 0 0} .paypal{background-position:0 13px;width:40px;height:40px} .Visa{background-position:-52px 13px;width:40px;height:40px} .Maestro{background-position:-150px 13px;width:36px;height:40px} .Mastercard{background-position:-104px 13px;width:36px;height:40px} .VisaDelta{background-position:-196px 13px;width:40px;height:40px} .VisaElectron{background-position:-248px 13px;width:40px;height:40px} .Solo{background-position:-300px 13px;width:36px;height:40px} .AmericanExpress{background-position:-346px 13px;width:37px;height:40px} .JCB{background-position:-394px 13px;width:36px;height:40px} .comodo{background-position:0 -30px;width:60px;height:40px;margin:0 8px 4px 0} .outofstock{color:#c00} .soldout{color:#c00} .closed{color:#999} .infoicon{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png") no-repeat -1px -80px;width:20px;height:20px;display:inline-block;vertical-align:middle;text-indent:100%;white-space:pre;overflow:hidden} .jobdetails{margin:10px 0} .jobdetails strong{display:inline-block;min-width:150px;margin:0 0} .apply{margin-left:150px;font-weight:bold} .contributor{padding:20px;background:rgba(0,0,0,0.03)} .gravatar{float:left;margin:0 20px 0 0;max-width:80px;max-height:80px} .comments{list-style:none;margin:0} .comment{border-top:1px solid rgba(0,0,0,0.1);padding:20px;margin:0} .comment p{margin:0 0 5px 80px} .comment img{max-width:60px;max-height:60px} .comment .owner{margin-left:10px} .faq h2{margin:15px 0 0;border-top:1px solid rgba(0,0,0,0.1);padding:15px 0 0} .question:hover{cursor:pointer;color:#000} .answer p{margin:10px 0 0} .pages{clear:both} .paging span{display:inline-block;padding:5px 10px;border-radius:2px;margin:2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box} .paging a{display:inline-block;padding:5px 10px;border:1px solid rgba(0,0,0,0.1);margin:2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box} .paging a:hover{background:rgba(0,0,0,0.03)} .paging strong{display:inline-block;padding:5px 10px;border:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.1);margin:2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box} .mapindex{padding:6px 10px} .mapindex a,.mapindex strong,.mapindex span{display:inline-block;text-align:center;min-width:11px;max-width:11px;padding:5px 10px;border:1px solid rgba(0,0,0,0.1);margin:4px 2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box} .mapindex span{display:inline-block;color:#ccc;padding:6px 11px;border:0} .mapindex strong{background:rgba(0,0,0,0.1)} .download{margin:0 0 15px;padding:15px;border:1px solid rgba(0,0,0,0.1);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box} .download:hover{background:rgba(0,0,0,0.03)} .download a{display:block;padding:0 0 5px 24px;font-weight:bold;background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/pdf.png") no-repeat 0 2px} .download span{font-size:#333} .related{list-style:none;border-top:1px solid rgba(0,0,0,0.1);margin:0;padding:0} .related li{border-bottom:1px solid rgba(0,0,0,0.1);display:block} .related li a{display:block;margin:9px 10px;line-height:normal} .incentive { position: relative; padding: 8px 10px; margin: 0 0 0 5px; color: #fff; background: #4B587F; display: inline-block; line-height: 120%; font-size: 11px; width: 124px; text-align: right; border-radius: 3px; } .incentive:hover { background: #3B486F; } .incentive.facebook { background-color: #3562A5; } .incentive.facebook:hover { background: #255295; } .incentive.twitter { background-color: #00ACEE; margin-right: 0; } .incentive.twitter:hover { background: #009CDE; } .incentive strong { display: block; font-size: 12px; color: #ffffff; } .incentive .icon { position: absolute; top: 8px; left: 8px; display: inline-block; width: 28px; height: 25px; } .incentive.facebook .icon { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png'); background-position: -2px -309px; background-size:800px 800px!important } .incentive.like .icon { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png'); background-position: -390px -356px; background-size:800px 800px!important } .incentive.twitter .icon { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png'); background-position: -2px -356px; background-size:800px 800px!important } .incentive:hover { color: #fff; text-decoration: none; } .nopriceincentive { height: 43px; padding: 16px 10px 0; vertical-align: bottom; } .box.nopad{padding:0} .box.nopad .header{margin:0} .videoembed iframe{display:block} .productform{width:380px} .productform .field .lbl{width:100px} .productform .field .data{margin-left:100px} .productform .field .txt{width:200px} .productform .forminfo{margin-left:100px} .eventmap{height:350px} #eventmap p{background:#eee;padding:3px 7px;margin:0} .decordark #eventmap p { background: rgba(0,0,0,.5); } .venueMap{color:#333} .discounts{float:left;display:block;width:100%} .discounts h4{margin:10px 0 0} .discounts p{font-size:90%;margin:3px 0;line-height:120%} .discounts .actions{float:right;margin:15px 5px 0} .discounts .actions .button{display:block;float:left;margin:0 0 0 10px;width:120px} .attendees{float:left;display:block;width:100%} .attendees h4{margin:0} .attendees p{font-size:90%;margin:0} .attendees .fbattend{float:right} .attendees .fbuser{float:right;margin-left:5px} .item{width:350px;float:left;margin:20px 0 0 0} .item.even{margin-right:50px} .item a h3{margin:7px 0 5px} .item a:hover h3{text-decoration:underline} .item p{margin-top:0} .itemthumb{float:left;width:100%;margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid rgba(0,0,0,0.1)} .itemthumb img{float:left} .itemthumb h3{margin:0 0 5px 135px} .itemthumb a:hover h3{text-decoration:underline} .itemthumb p{margin:0 0 10px 135px} .end{border-bottom:0;margin:0} #sendtofriend{width:540px;padding:0;margin:0 auto} #sendtofriend #logo{position:inherit} #sendtofriend #logo img{max-height:60px} #sendtofriend #closepopup{position:absolute;top:10px;right:0} #sendtofriend #top{max-width:540px;width:540px;overflow:auto;margin:0 auto} #sendtofriend #page{max-width:540px;padding:10px 0;position:relative} #sendtofriend .message{max-width:540px} #sendtofriend .lbl{width:120px} #sendtofriend .data{margin-left:160px} #sendtofriend .txt{width:300px} #sendtofriend .data{width:auto} #sendtofriend .forminfo{margin-left:160px} #sendtofriend .message{border-bottom:1px solid rgba(0,0,0,0.1)} .social{display:block;margin:10px 0 0} .fb-login-button{display:inline-block;margin-right:10px} .twitter-share-button{display:inline-block} .share{vertical-align:top;margin-right:20px} .addthis_toolbox{display:inline-block;margin-right:20px} .fb-login-button span{min-width:250px !important} .fb-login-button iframe{min-width:250px !important} .fbregister span{min-width:182px !important} .fbregister iframe{min-width:182px !important} #facebook-login .forminfo,#facebook-login .fb-login-button{margin-top:0} .fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe{vertical-align:top !important} #messages{width:100%;margin:0 auto} #messages p{ margin: 0 0 10px; padding: 15px 15px 15px 35px; line-height: 120%; text-transform: uppercase; color: #fff; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } #messages a { text-decoration: underline; color: #fff; } #messages a:hover { text-decoration: none; } #messages .ok{background:#87c244 url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/messages.png") no-repeat 10px 9px} #messages .info{background:#177de3 url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/messages.png") no-repeat 10px -191px} #messages .error{background:#c00 url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/messages.png") no-repeat 10px -391px} #footer{clear:both;width:960px;padding:15px 0 0;margin:20px auto;line-height:150%;border-top:1px solid rgba(0,0,0,0.1)} #footerlower{margin:15px 0 0;border-top:1px solid rgba(0,0,0,0.1);padding:20px 0 0} .label-stacked { display: block; margin-bottom: 6px; } input,textarea,select{vertical-align:middle} select { max-width: 240px; } /** * 1. Override box office specifity */ .button.button--facebook { color: #fff; /* [1] */ background: #3b5999; border-color: #3b5999; } /** * 1. Override box office specifity */ .button.button--facebook:hover { color: #fff; /* [1] */ background: #304B86; border-color: #304B86; } .button.button--facebook.button--loading { position: relative; height: 40px; cursor: default; text-indent: -99999px; background: #C1C1C1 url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/loading-spinner.gif') center center no-repeat; background-size: 20px; } .button{ display:inline-block; background:#87c244; border:1px solid #809f5d; padding: 12px; color:#333; text-transform:uppercase; text-align: center; font:12px 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:bold; border-radius:3px; cursor:pointer; vertical-align:middle; -webkit-appearance:none; } .button:hover{ text-decoration:none } .button.inactive { background: #DBDBDB; border-color: #DBDBDB; } .button:disabled, .button:disabled:hover { opacity: .5; background: #DBDBDB; border-color: #DBDBDB; cursor: default; } .button--full { width: 100%; } .button--view-order { min-width: 105px; margin-left: 12px; } .button--update-card { margin-bottom: 6px; } .donation-input { color: #444; padding: 6px; border: 1px solid #bbb; background: #fff; border-radius: 0 3px 3px 0; height: 34px; position: relative; width: 30px; left: -50px; z-index: 0; -webkit-transition: width 0.5s, left 0.5s; -moz-transition: width 0.5s, left 0.5s; -ms-transition: width 0.5s, left 0.5s; -o-transition: width 0.5s, left 0.5s; transition: width 0.5s, left 0.5s; } .donation-input.active { width: 75px; left: 0px; } .ticket-charity .ticket__detail { width: 45%; } .ticket-charity .ticket__type-detail { width: 55%; } .ticket-charity button.other { position: relative; z-index: 1; } .ticket-charity button.other:not(.inactive) { border-radius: 3px 0 0 3px; } .process-button { padding: 14px; font-size:16px; background-color: #f05a22; -webkit-appearance: none; } .button.subtle{ background-color:#999 !important; border:1px solid #888 !important; color:#fff !important; } .button.subtle:hover{ background-color:#808080 !important; border:1px solid #6f6f6f !important } .button.closed{ background-color:#999 !important; border:1px solid #888 !important; color:#fff !important; } .button.closed:hover{ background-color:#808080 !important; border:1px solid #6f6f6f !important } .button.sold_out{ background-color:#c00 !important; border:1px solid #a00 !important; color:#fff !important; } .button.sold_out:hover{ background-color:#900 !important; border:1px solid #700 !important } fieldset{border:1px solid #ddd;padding:5px 25px;margin:0 0 20px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box} legend{font-style:italic;color:#999} .field{display:block;clear:both;margin-bottom:16px;} .field .lbl{float:left;width:170px;margin:4px 0 0;vertical-align:middle;color:#000;font-weight:bold} #signup input{margin:0 0 0 5px;vertical-align:baseline} strong.required{color:#c00} .decordark strong.required { color: #FF5353; } .txt { background: #f8f8f8; padding: 6px 8px; font: 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; margin: 0; vertical-align: middle; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; border-bottom: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3 } .txt:focus { color: #1a1a1a; border-bottom: 1px solid #b3b3b3; border-top: 1px solid #808080; border-left: 1px solid #999; border-right: 1px solid #999 } .field .data{margin:20px 0 20px 170px} .field .txt { width: 100%; } .field .thin{width:60px} .field .date{width:200px;cursor:pointer;background-image:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/datepicker/calendar.png");background-position:190px 4px;background-repeat:no-repeat} .datetoggle{vertical-align:middle;margin:0 0 0 5px} .formsummary{color:#999} .formerror{color:#c00;text-transform:uppercase;vertical-align:middle} .cardpayment #messages { width: 69%; margin: 0; padding-left: 20px; } @media (max-width: 568px) { .cardpayment #messages { width: 100%; padding: 0; } } .forminfo{margin:20px 0 20px 170px} .form .forminfo { max-width: 360px; margin-left:170px } .form fieldset{border:0;margin:0;padding:0} .form legend{display:none} .radiooption{vertical-align:middle;margin:0 20px 0 0} input[type=radio]{margin:-2px 5px 0 0} input[type=checkbox]{margin:-4px 8px 0 0} .fieldlist .formsummary{display:block} .fieldlist label{vertical-align:middle;display:block;margin:0 20px 10px 0} .formseparation{border:0;margin:0;padding:0;border-top:1px solid rgba(0,0,0,0.1)} .validation-advice{color:#c00;margin:3px 0 0} .data label{display:inline-block;margin-top:4px} .txtdate{width:100px !important;background-image:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png");background-position:100% -267px;margin-right:5px} .txttime{width:40px !important;margin-right:5px} .txtthin{width:40px !important} .field.dob .datasmall{float:left;margin-right:5px} .field.dob .datasmall .txtsmall{width:40px} .cardnumber .data { margin: 0; } .cardpayment .cardnumber { margin: 0; } .cardpayment .field .data{margin-left:0;} .cardpayment .forminfo{margin-left:25px} .cardpayment .lbl { width: auto; float: none; display: block; margin: 0 0 5px; } .field.expirydate { float: left; max-width: 55%; margin: 20px 0; } .expirydate .data { margin: 0; width: auto; } .field .exp-month { width: 50px; } .field.cv2 { max-width: 45%; float: right; clear: none; margin: 20px 0; text-align: left; } .cv2 .data { margin: 0; width: auto; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #content-left.myaccountpage{width:100%} #content-right.myaccountpage{display:none;visibility:hidden} #content-left.myaccountpage .usertools{display:block;height:50px;line-height:30px;margin-left:60px} #content-left.myaccountpage .avatarwrap { height: 30px; width: 30px; } .account__header { position: relative; } .account__header .avatarwrap { position: absolute; top: 50%; transform: translateY(-50%); } .account__header-nav { margin-left: 50px; padding: 6px 0; } @media only screen and (max-width: 568px) { .account__header { margin-bottom: 12px !important; padding: 0 12px !important; } } .twtr-doc{width:100% !important} .col.goleft{width:740px} .col.thin{width:200px} .col.thin .box{width:auto} .col.middle{width:540px} .avatar { display: block; width: 100%; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .block{display:block;text-align:center} .order { display: block; padding: 10px 0; border-bottom: 1px solid #ddd; } .order h3{font-size:120%;text-transform:uppercase;margin:0 0 5px 0} .order span{text-align:right;max-width:90%} .order p{color:#666;margin:0 0 5px 0;} .decordark .order p { color: #ddd; } .order p span{float:none} .order .cardicon { float: none; } .order.card { margin-bottom:10px; padding-bottom:10px; } .order.card:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .order.card p { clear:both; margin-bottom:10px; } .order.card .cardicon { width:40px; height:24px; background-position:-52px 0; } .order.card .cardicon.paypal { background-position:0 0; } .order.card .cardicon.Visa { background-position:-52px 0; } .order.card .cardicon.Maestro { background-position:-150px 0; } .order.card .cardicon.Mastercard { background-position:-104px 0; } .order.card .cardicon.VisaDelta { background-position:-196px 0; } .order.card .cardicon.VisaElectron { background-position:-248px 0; } .order.card .cardicon.Solo { background-position:-300px 0; } .order.card .cardicon.AmericanExpress { background-position:-346px 0; } .order.card .cardicon.JCB { background-position:-394px 0; } .thin{color:#000;font-size:12px} .event{display:block;overflow:hidden;border-bottom:1px solid #ddd;margin-bottom:10px} .event h3{font-size:110%;margin:0} .event p{color:#666;margin:0;font-size:90%} .event img{width:40px;float:left;margin:0 10px 10px 0} .event p.location{color:#000;margin-bottom:10px} .activity{display:block;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px} .activity h3{font-size:110%;margin:0 0 0 0} .activity p{color:#000;margin:0;font-size:90%} .activity .date{color:#666} .activity img{width:40px;float:left;margin:0 10px 0 0} .yourorders{margin:0 0 20px 0} .yourorders th{padding:10px;color:#fff;background-color:#999;text-transform:uppercase;font-size:120%;text-shadow:0 1px 0 rgba(0,0,0,0.5)} .yourorders td{padding:10px;color:#000;background-color:#eee;border-bottom:1px solid #ddd} .news{display:block;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px} .news h3{font-size:110%;margin:0 0 10px 0} .news p{color:#000;margin:0;font-size:90%;line-height:150%} .news img{clear:both;height:100px;margin:0;width:180px} .newsletterform fieldset{border:0;padding:0;margin:0} .newsletterform legend{display:none} .newsletterform p{margin:0} .newsletterform label{font-weight:bold;color:#000} .newsletterform input.txt{width:160px;margin:0 0 10px 0} .topicthumb{float:left;width:100%;margin:20px 0 0;padding:0 0 20px;border-bottom:1px solid rgba(0,0,0,0.1)} /** * Used in topic and other areas such as macros */ .eventimgwrap{ width:120px; overflow:hidden; text-align:center; float:left } .eventimgwrap img{ max-width:120px } /* =TOPIC --------------------------------------------------------------------*/ .topic-item { padding-bottom: 15px; } .topic-item:last-child { padding-bottom: 0; } .topic-item + .topic-item { padding-top: 15px; border-top: 1px solid #ccc; } .topic-item__title { margin: 0 0 8px 0; } .topic-item__detail p { margin: 0 0 3px 0; } .topic-item__actions { text-align: right; } .topic-item__img { width: 68px; display: inline-block; text-align:center; height: 58px; overflow: hidden; } .topic-item__img img { width: 100%; } .managesubscriptions .field .lbl{float:none} .managesubscriptions .field .data{float:left;margin:2px 0} .managesubscriptions .forminfo{margin:0} .viewall{margin:10px 0 0} .gallery{width:236px;margin:0 0 15px 15px;float:left} .gallery.first{margin-left:0;padding:0;clear:both} .gallerythumbwrap{display:block;float:left;width:100px;height:75px;overflow:hidden} .gallerythumbwrap img{max-width:100px} .gallery h3{font-size:14px;margin:0 0 4px 110px;font-weight:bold} .gallery .date{margin:0 0 0 110px} .gallery p{margin:0 0 0 110px} .photo{width:67px;height:67px;display:block;float:left;background-position:50% 0;margin:0 7px 7px 0} .photo:hover{text-decoration:none} div.video { width: 233px; margin: 0 0 15px 10px; float: left; } div.video.first{margin-left:0;padding:0;clear:both} .videothumbwrap{display:block;float:left;width:100px;height:75px;overflow:hidden} .videothumbwrap img{max-width:100px} div.video h3{font-size:14px;margin:0 0 4px 110px;font-weight:bold} div.video .date{margin:0 0 0 110px} div.video p{margin:0 0 0 110px} .timeleft{font-weight:normal;font-size:11px;color:#333} #countdown{font-size:16px} .highlight{color:#c00} #ecommerce h1{font-size:200%} #trail{margin:0 auto 20px;padding:0;width:100%} #trail li{margin:0;padding:5px 0 35px;width:25%;color:#999;list-style:none;text-align:center;background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/trail.png") no-repeat 50% 0;float:left;font-weight:normal;text-transform:uppercase} #trail li.current,#trail li strong{font-weight:bold;color:#333} #trail li.complete{color:#999} #trail li a{color:#333} #trail .current{background-position:50% -240px} #trail .complete{background-position:50% -160px} #trail .basket{background-position:50% -400px} #trail .basket.current{background-position:50% -480px} #trail .receipt{background-position:50% -80px} #trail .receipt.current{background-position:50% -320px} .row{width:100%} .row th{text-transform:uppercase;border-bottom:1px solid #e6e6e6;padding:5px 10px} .row td{border-bottom:1px solid #e6e6e6;vertical-align:middle;padding:15px 10px} .row .itemthumb{border:0} .subtotal td{border:0;padding:15px 10px 0} .delivery td{border:0;padding:10px 10px 0} .special td{border:0;padding:10px 10px 0} .total td{padding:10px 10px 15px} .special{color:#c00} .coupons label{display:none} .coupons .txt{width:160px;font-size:100%} .remove{font-weight:bold} .primary{float:right;clear:both;margin:20px 0} .secondary{float:left;margin:20px 0} .primary input{float:right;margin-left:10px;vertical-align:middle} .button.action{display:inline-block;padding:10 12px} .button.proceed{display:inline-block;margin-right:0} a.button.proceed{padding-top:6px} .checkoutfooter{clear:both} .securecheckout{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png") no-repeat -118px -34px;width:153px;height:37px;display:inline-block;text-indent:100%;white-space:pre;overflow:hidden;margin-right:10px} .securewebsite{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png") no-repeat -118px -74px;width:137px;height:37px;display:inline-block;text-indent:100%;white-space:pre;overflow:hidden;margin-right:10px} .eventgenius{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png") no-repeat -273px -41px;width:118px;height:22px;display:block;float:right;text-indent:100%;white-space:pre;overflow:hidden;margin:2px 0} .links{display:block;clear:both;font-weight:normal;text-transform:none;font-size:11px} .links a{color:#333;font-size:11px} .checkout .usertools{background:#e7e5e6;border:1px solid #e7e5e6} .checkout .checkoutfooter{background:#e7e5e6;border:1px solid #e7e5e6} .prespace{white-space:nowrap} #basket-table.tickets .insurancedescription{margin:0 0 5px;line-height:120%} .customterms{font-size:10.5px;line-height:130%;display:inline-block} .intro{margin:0} .subheader{font-size:16px;margin:20px 0 0 10px} .loginoption{display:block;margin:10px 0 10px 10px} .loginoption strong{text-transform:uppercase} .loginoptions{float:left;clear:both;width:100%;margin:0 0 20px 33px} .loginoptions .forminfo{margin-bottom:0} .loginoptions .forminfo.nooptions{margin:10px 0 0 0} .form.goleft{width:610px} .goleft.box{margin-bottom:10px} .goright.box{margin-bottom:10px} .box.sub{background:#efefef} .box.sub .header{background:#dbdbdb} .headertab{display:none} .ordersummary{width:200px;margin:0 -10px} .ordersummary td{padding:0 10px 10px} .ordersummary .totals td{border-top:1px solid #dbdbdb;font-size:15px;padding:10px 10px 0} #countdown{color:#333} .checkout #fullcontent{width:100%} .checkout .ordersummary .totals td{border-top:1px solid #333} .checkinoptions{position:absolute;top:66px;right:20px;color:#355e98;width:250px;text-align:right;font:100% 'Futura W01 Medium',Helvetica,Arial,Tahoma,Verdana,sans-serif;text-transform:uppercase} .checkinoptions a{vertical-align:baseline;color:#fff;margin-left:5px} .checkinoptions a.login-button{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/button-lock.png") no-repeat 0 0;padding:4px 0 3px 8px;color:#fff;min-height:25px;min-width:85px;vertical-align:middle} .inv{width:335px;padding:0;border:0} .inv h2{border-bottom:1px solid #e6e6e6;color:#333;font-size:140%;text-transform:none;margin:20px 0 20px;padding:0 0 5px} .inv .field .lbl{width:115px} .inv .field .data{margin-left:120px} .inv .field .txt{width:200px} .inv .field .date{width:100px} .inv .field .thin{width:100px} .inv .forminfo{margin-left:120px} .trust{padding:0;margin:0} .trust li{list-style:none;background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png") no-repeat 2px -115px;padding:0 0 0 25px;margin:0 0 10px} .sub .securecheckout{background-position:-580px -37px;width:171px;height:33px;display:block;float:none;margin:10px auto} .sub .comodo{display:block;float:none;margin:20px auto} .verifiedbyvisa{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png") no-repeat -400px -33px;width:85px;height:37px;display:block;margin:0 auto 20px;text-indent:-9999px;white-space:pre;overflow:hidden} .mastercardsecurecode{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor.png") no-repeat -490px -33px;width:85px;height:37px;display:block;margin:0 auto 10px;text-indent:-9999px;white-space:pre;overflow:hidden} .cards{margin:5px 0 0 0;display:block;float:left} .cards .card{margin-right:5px;float:left} .paymenthighlight{color:#c00;width:195px;float:right;margin-right:20px} .decordark .paymenthighlight { color: #FF5353; } .paymentform{width:700px} #payment{width:700px;min-height:350px;border-bottom:1px solid #e6e6e6;margin:0 0 25px} .basketsummary #basket-table{border-top:1px solid #e6e6e6} .basketsummary #basket-table td[align=left]{padding-left:0} .basketsummary #basket-table td[align=right]{padding-right:0} .basketsummary #basket-table .totals td{border:0;padding-bottom:0} .basketsummary h3{position:relative;font:bold 100% Helvetica,Arial,Tahoma,Verdana,sans-serif;color:#333;margin:0 0 5px} .basketsummary h3 a{position:absolute;right:0;text-align:right} .addressdetails h3{position:relative;font:bold 100% Helvetica,Arial,Tahoma,Verdana,sans-serif;color:#333;margin:0 0 3px} .addressdetails h3 a{position:absolute;right:0;text-align:right} .addressdetails p{margin-top:0} #basket-table.tickets td{border-top:1px solid #ddd} #basket-table.tickets .total td{border-top:1px solid #ccc;background-color:#ddd;font-size:120%} /*#basket-table.tickets p{margin:0}*/ #paymentform{position:relative} #paymentform legend{display:none} #paymentform .ordertotal{display:block;padding:6px 0 0;color:#333;font:100% 'Futura W01 Bold',Helvetica,Arial,Tahoma,Verdana,sans-serif;font-weight:normal} #paymentform .inv{width:500px} #paymentform .field .lbl{width:170px} #paymentform .forminfo{margin-left:170px} .billingdetails .data{padding-top:4px} #card_number_status{vertical-align:middle;margin:0 0 2px 4px} #card_type_message{display:block;padding:4px 0 2px;background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/cards/lookup.png") no-repeat -50px 0;min-height:19px} #card_type_message.visa{background-position:0 1px;padding-left:45px} #card_type_message.mastercard{background-position:0 -49px;padding-left:45px} #card_type_message.amex{background-position:0 -99px;padding-left:45px} #card_type_message.jcb{background-position:0 -149px;padding-left:45px} #cvnlink{display:inline-block;margin:0 0 0 5px;width:20px;height:20px;text-indent:-999em;background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/info.png") no-repeat} #cvn { overflow: hidden; clear: both; padding: 0 0 20px; margin: 0; cursor: pointer; } #cvn img{float:left;margin-right:15px} #paymentpage fieldset{border:0;padding:0;margin:0} .subtle{color:#666} .decordark .subtle { color: #ddd; } #paymentinformation{width:120px;position:absolute;top:10px;right:20px;z-index:100} #paymentinformation img{margin-bottom:12px} #processorder{border-bottom:1px solid #e6e6e6;padding:0 0 20px;margin:0 0 30px} #orderdetails{border-bottom:1px solid #e6e6e6;margin:0 0 30px} #orderdetails h2{margin-bottom:0} #orderdetails .goleft,#orderdetails .goright{width:335px} #paymentcontent fieldset{border:0} input.disabled,input.disabled:active,input.disabled:hover,input.disabled:focus{background:#bbb !important;border:1px solid #aaa !important;color:#888 !important;cursor:default !important;box-shadow:none !important;top:0 !important} .facebook{background-color:#6278aa;color:#fff;border:1px solid #41547f} .twitter{background-color:#5ec1de;color:#fff;margin-right:15px} .facebook{background-color:#6278aa;color:#fff;border:1px solid #41547f} .twitter{background-color:#5ec1de;color:#fff;margin-right:15px} .receiptsocial{margin-top:20px} .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;padding:0;margin:0} .fancybox-wrap{position:absolute;top:0;left:0;z-index:8020} .fancybox-skin{position:relative;padding:0;margin:0;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box} .fancybox-opened{z-index:8030} .fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)} .fancybox-outer,.fancybox-inner{padding:0;margin:0;position:relative;outline:none} .fancybox-inner{overflow:hidden;color:#333} .fancybox-inner h3{color:#333} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch} .fancybox-error{font:12px 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#333;margin:0;padding:10px} .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;padding:0;margin:0;vertical-align:top} .fancybox-image{max-width:100%;max-height:100%} #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/fancybox.png")} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8020} #fancybox-loading div{width:44px;height:44px;background:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/fancyboxloading.gif") center center no-repeat} .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040} .fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/blank.gif");-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040} .fancybox-prev{left:0} .fancybox-next{right:0} .fancybox-nav span{position:absolute;top:50%;width:26px;height:26px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden} .fancybox-prev span{left:-12px;background-position:-8px -35px} .fancybox-next span{right:-12px;background-position:-8px -65px} .fancybox-nav:hover span{visibility:visible} .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;padding:0;overflow:visible;visibility:hidden} #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:#000} #fancybox-overlay.overlay-fixed{position:fixed;bottom:0;right:0} .fancybox-title{visibility:hidden;font:12px 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#333;position:relative;text-shadow:none;z-index:8050} .fancybox-opened .fancybox-title{visibility:visible} .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8030;text-align:center} .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;text-shadow:0 -1px 0 rgba(0,0,0,0.8);color:#fff;font-weight:bold;line-height:24px;white-space:nowrap} .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff} .fancybox-title-inside-wrap{margin-top:10px} .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff} .fancybox-inner .fb_iframe_widget span{vertical-align:text-top !important} .jCalendar{background:#ddd;border-collapse:separate;border-spacing:1px} .jCalendar th{background:#ccc;color:#000;font-weight:bold;padding:5px 7px;text-align:center} .jCalendar td{background:#fff;color:#000;padding:5px 7px;text-align:center;font-weight:bold} .jCalendar .other-month{background:#eee;color:#333;font-weight:normal} .jCalendar .today{background:#d1e89f;color:#000} .jCalendar .selected{background:#8cc610;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.3)} .jCalendar .selected.dp-hover{background:#8cc610;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.3)} .jCalendar .dp-hover,.jCalendar .activeWeekHover td{background:#d1e89f;color:#000} .jCalendar .selectedWeek td{background:#f66;color:#fff} .jCalendar .disabled,.jCalendar .disabled.dp-hover{background:#e6e6e6;color:#bbb;font-weight:normal} .jCalendar .unselectable,.jCalendar .unselectable:hover,.jCalendar .unselectable.dp-hover{background:#eee;color:#999;font-weight:normal} .dp-popup{position:relative;background:#fff;padding:10px;width:200px;line-height:110%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.5);box-shadow:0 1px 5px rgba(0,0,0,0.5)} #dp-popup{position:absolute;z-index:9999} .dp-popup h2{font-size:12px;text-align:center;margin:0 0 7px;padding:0} #dp-close{font-size:11px;padding:4px 0;text-align:center;display:block} #dp-close:hover{text-decoration:underline} .dp-popup a{color:#000;text-decoration:none;padding:3px 2px 0} .dp-popup .dp-nav-prev{position:absolute;top:6px;left:10px;width:100px} .dp-popup .dp-nav-prev a{float:left;margin:0 2px 0 0} .dp-popup .dp-nav-prev a,.dp-popup .dp-nav-next a{cursor:pointer} .dp-popup .dp-nav-prev a.disabled,.dp-popup .dp-nav-next .disabled{cursor:default} .dp-popup .dp-nav-next{position:absolute;top:6px;right:10px;width:100px} .dp-popup .dp-nav-next a{float:right;margin:0 0 0 2px} .dp-popup .disabled{cursor:default;color:#aaa} .dp-popup td{cursor:pointer} .dp-popup .disabled{cursor:default} .queue{text-align:center;padding:40px} #slides{position:relative;z-index:1;margin-bottom:20px} .slides_container{width:960px;overflow:hidden;position:relative;display:none;z-index:1} .slides_container a{width:960px;height:220px;display:block} .slides_container a img{display:block;border:0} .pagination{height:15px;position:relative;z-index:100;top:-25px;float:right;line-height:0;margin:0 10px 0 0;padding:0} .pagination li{width:15px;display:inline-block;list-style:none;height:15px;overflow:hidden;padding:0;margin:0 10px 0 0;line-height:0;font-size:0} .pagination li a{display:block;height:10px;padding:0;margin:0;height:13px;width:13px;line-height:0;font-size:0;border:1px solid #fff;overflow:hidden} .pagination li.current a{background-color:#fff} .validationerror{display:block;color:#c00;text-shadow:0 1px 0 rgba(0,0,0,0.3)} .decordark .validationerror { color: #FF5353; } .currencies{margin:0;padding:0;list-style:none;text-align:left} .currencies li{display:inline;padding:0;margin:0;cursor:default} .currencies a,.currencies strong{display:inline-block;font-weight:bold;padding:0 5px} .currencies strong{border:1px solid #000;border-radius:3px 3px 3px 3px;cursor:default} .site-terms{margin: 0 0 20px 0;padding: 0 0 0 20px;} .decordark .securecheckout,.decordark .securewebsite,.decordark .eventgenius,.decordark .trust li{background-image:url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor-dark.png")} .button.repped { display:inline-block; opacity:0.5; cursor:default; background:#666; } .desc.repped { max-width:142px; display:inline-block; margin:5px 0 0 0; } .repssavebtn #intrep { margin-left:20px; } #intrepsform { padding:0; } .sold_out_mssg {border: 1px solid#c00; margin: 0 20px 20px; padding: 20px 30px 20px; border-radius: 3px; text-align: center; font-weight: bold; font-size: 130%;color: #c00; background-color: #FFF;} /* ProdGroup - FB Share tidy */ .fancybox-inner .fb_iframe_widget .fb_iframe_widget_lift { display:none !important; } .fb-login-button { background: url(https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/loading-small.gif) no-repeat 0 50%; text-indent: -999em; } .fb_iframe_widget { text-indent: 0; background: transparent; } /* =TEXT DIVIDER --------------------------------------------------------------------*/ .text-divider { position: relative; margin: 18px 0; text-align: center; } .text-divider:before, .text-divider:after { position: absolute; top: 50%; left: 0; width: 35%; height: 1px; margin-top: -1px; content: ""; background: rgba(199, 199, 199, 0.5); } .text-divider:after { right: 0; left: inherit; } .text-divider__inner { font-size: 18px; font-weight: 700; } /*BF fees explained*/ .bf-toggle-link, .df-toggle-link {display: block; font-style: italic; margin-top: 2px !important;} .bf-info-container, .df-info-container, .ta-id-info { background: rgba( 0, 0, 0, 0.05 ); border: 1px solid #E1E1E1; text-align: left; padding: 20px; padding-right: 40px; display: none; margin-bottom: 14px; position: relative; margin-top: 10px; font-size: 12px; } .info-toggle { cursor: pointer; } .info-container { display: none; position: relative; padding: 24px; background: rgba( 0, 0, 0, 0.05 ); border: 1px solid #E1E1E1; } .info-container__close { position: absolute; top: 15px; right: 15px; width: 12px; height: 12px; background: transparent url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/bf-close.png') no-repeat; content: ''; cursor: pointer; } .info-container__heading { margin-top: 0; } .bf-info-container h4 { margin-bottom: 10px; } .bf-info-container p, .df-info-container p, .ta-id-info p { margin: 0 0 20px; } .bf-info-row td, .df-info-row td {padding-top: 0; padding-bottom: 0; padding-right: 20px; border-top: none;} /* !TA ID info block */ .ta-id-info { margin-top: 18px; } .ta-id__label { margin: 0 0 6px 0; line-height: 1.2; } /* !Media block */ .media__media { float: left; margin-right: 12px; } .media__body { overflow: hidden; } /* =CHECKOUT --------------------------------------------------------------------*/ .checkout-item { padding: 12px 0; } .checkout-item--additional { border-top: 1px dotted rgba(199, 199, 199, 0.5); } .checkout-item--total { border-top: 1px solid rgba(199, 199, 199, 0.5); } .checkout-item__description, .checkout-item__title { display: inline-block; width: 80%; vertical-align: top; } .checkout-item__title h4 { font-weight: 500; } .checkout-item--pp .checkout-item__description, .checkout-item--pp .checkout-item__title { width: 66.666%; } .checkout-item__value { display: inline-block; width: 20%; vertical-align: top; text-align: right; } .checkout-item--pp .checkout-item__value { width: 33.333%; } .checkout-item__sub-info { margin: 0; } /* When placed in a side column */ .checkoutsidecol .checkout-item { padding: 10px 0; } .checkoutsidecol .checkout-item__sub-info { font-size: 13px; } .checkoutsidecol .checkout-item__title { width: 100%; } .checkoutsidecol .checkout-item__title h4 { font-size: 14px; } .checkoutsidecol .checkout-item__title + .checkout-item__value { width: 100%; } .checkoutsidecol .checkout-item__sub-info { margin-top: 6px; } @media only screen and (max-width: 568px) { .checkout-item--pp .checkout-item__title, .checkout-item__title { width: 100%; } .checkout-item__title + .checkout-item__value { width: 100%; } } .total-label, .total-value { font-size: 14px; font-weight: 500; } /* When placed in a side column */ .checkoutsidecol .total-label, .checkoutsidecol .total-value { font-size: 13px; } .total-value__sub { display: block; margin-top: 3px; } .split { border-top: 1px solid rgba(199, 199, 199, 0.5); padding: 15px 0; width: 100%; } .checkoutsidecol .split { padding: 12px 0; } .pp-total-today { padding-bottom: 0 !important; border-bottom: 0; } .ticketsfooter td {border-bottom: none; vertical-align: top;} .ticketsfooter .cardicons {min-width: 155px;} .bf-close, .df-close,.ta-id-close {position: absolute; right: 10px; background: transparent url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/bf-close.png') no-repeat; width: 15px; height: 15px;} .bf-parent-row td {border:none; padding-bottom: 0; } .bf-close-bottom {display: none;} .checkoutsidecol {clear: right;} .bf-extra-pad {margin-top: 5px !important;} #tickets .ticketrow select { max-width:250px; } .box.passedevent { background: #ffffcc; border: 0; padding: 20px; text-align: center; } .box.passedevent h3 { margin: 0 0 5px; color: #000; } .box.passedevent a { color: #000; } .guest h3 { margin: 0 0 10px; } .guest .field { margin: 0 0 10px; } .guest .txt { margin: 0 0 10px; } #eventLogo { margin: 0 0 10px; max-width: 100%; } .viewonticketarena { float: right; } @media screen and (max-width: 660px){ .viewonticketarena { display: block; float: none; } } .button.login-fb { display:inline-block; text-transform:none; color:#fff; background:#3b5998 url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/fb.png') 5px center no-repeat; padding:8px 8px 8px 35px; border:none; } .button.login-fb:hover { background-color:#516fc3; } /* =ACCOUNT --------------------------------------------------------------------*/ .account__username { display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase; color: inherit; } .account__header-links { text-transform: uppercase; text-align: right; font-weight: 700; color: #000; } /* =PAYMENT PLAN --------------------------------------------------------------------*/ .icon-paymentplan { background: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/icon-paymentplan.svg') center center no-repeat; width: 23px; height: 25px; margin-right: 12px; margin-top: 4px } .icon-paymentplan-color { background: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/icon-paymentplan-color.svg') center center no-repeat; width: 23px; height: 25px; margin-right: .6em; } .icon--header.icon-paymentplan-color { width: 18px; height: 18px; position: relative; top: -2px; background-size: contain; } .message-panel__header h3 { font-size: 16px; font-weight: 500; line-height: 1.4; } .message-panel__intro { font-weight: 400; font-size: 13px; } .message-panel__sub-copy { font-size: 13px; } /* =PANEL SWITCHER --------------------------------------------------------------------*/ .panel-switcher { background: #F0F2F3; border-bottom: 1px solid #E5E7E8; } .decordark .panel-switcher { background: #525354; border-color: #727375; } .panel-switcher__header { margin: 0; padding: 18px 0 18px 24px; font-size: 16px; color: #525F6A; } .decordark .panel-switcher__header { color: #fff; } .panel-switcher__tabs { display: inline-table; } .panel-switcher__tab { position: relative; display: table-cell; padding: 18px 24px; text-align: center; font-weight: 500; font-size: 16px; border-width: 0 0 0 1px; border-left-style: solid; border-color: rgba(0,0,0,0); border-image: linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(219,221,222,1) 30%, rgba(219,221,222,1) 65%, rgba(0,0,0,0) 65%) 1 100%; transition: color ease .2s; } .panel-switcher__tab:first-child { border: 0; } .panel-switcher__tab:hover { text-decoration: none; } .panel-switcher__tab--active, .panel-switcher__tab--active:hover, .panel-switcher__tab--active:focus { color: #525F6A; } .decordark .panel-switcher__tab--active, .decordark .panel-switcher__tab--active:hover, .decordark .panel-switcher__tab--active:focus { color: #D4D4D4; } .panel-switcher__tab--active:after { position: absolute; bottom: -11px; left: 50%; width: 18px; height: 18px; content: ''; background: #fff; border: solid #E5E7E8; margin-left: -9px; border-width: 1px 0 0 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .decordark .panel-switcher__tab--active:after { background: #000; border-color: #727375; } .schedule__item { border-bottom: 1px solid rgba(199, 199, 199, 0.5); } .schedule__item:last-child { border: 0; } .schedule__date { padding: 7px 7px 7px 0; } .schedule__info { font-size: 12px; font-style: italic; color: #6D7579; } .schedule__amount { text-align: right; padding: 7px; } .schedule__status { text-align: right; padding: 7px; } .icon-tick { background: url('/National_Library/oe_/https://www.carlcox.com/images/icon-tick.svg') center center no-repeat !important; background-size: contain; width: 14px; height: 14px; margin-top: -2px; } .icon-cross { background: url('/National_Library/oe_/https://www.carlcox.com/images/icon-cross.svg') center center no-repeat !important; background-size: contain; width: 12px; height: 12px; margin-top: -2px; } .panel { padding: 20px; border: 1px solid #ddd; background: #F9F9F9; } /* =FORM ACTIONS --------------------------------------------------------------------*/ .form-actions__primary { text-align: right; } .form-actions__primary .button { width: 100%; } /* Mobile CSS */ @media only screen and (max-width: 568px) { /* =HELPERS (MOBILE) --------------------------------------------------------------------*/ .is-hidden--palm { display: none !important; } .is-hidden--lap-and-up { display: block !important; } /* =ACCOUNT (MOBILE) --------------------------------------------------------------------*/ .account__username { float: right; margin-bottom: 6px; } .account__header-links { text-align: left; } /* =MESSAGE PANEL (MOBILE) --------------------------------------------------------------------*/ .message-panel { padding: 16px 12px; } .message-panel__header { padding: 0 0 12px 0; text-align: center; } .message-panel__body { padding: 12px 0 0 0; text-align: center; border-width: 1px 0 0 0; } /* =PANEL SWITCHER (MOBILE) --------------------------------------------------------------------*/ .panel-switcher__header { padding: 18px 0 0 0; text-align: center; } .panel-switcher__tabs { display: table; width: 100%; table-layout: fixed; } .panel-switcher__tab--active:after { bottom: -10px; } /* =TOPIC (MOBILE) --------------------------------------------------------------------*/ .topic-item__actions { padding-top: 10px; text-align: left; } /* =EVENT HEADER (MOBILE) --------------------------------------------------------------------*/ .pagetitle { margin-bottom: 10px; } .eventheader dd { float: none; width: auto; } /* =TICKETS LISTING BLOCK (MOBILE) --------------------------------------------------------------------*/ #tickets { padding: 0; } .tickets__header { padding: 12px; } .tickets__body { padding: 12px 12px 0 12px; } .tickets__footer { margin: 12px -12px 0; padding: 0 12px 12px; background: #F0F2F3; border: solid rgba(169,169,169,0.4); border-width: 1px 0 0; } .tickets__footer .text-divider:before, .tickets__footer .text-divider:after { background: solid rgba(169,169,169,0.4); } /** * 1. Overlay the survey bottom border to remove double borders */ #js-survey + .tickets__footer { margin-top: -1px; /* [1] */ } .decordark .tickets__footer { background: #000; } .event-logos { width: auto; margin: 0 -12px; padding-top: 24px; border-top: 0; } .event-logos:after { display: none; } .tickets__group + .tickets__group { padding-top: 6px; } .tickets__pricing { width: 100%; padding: 24px 0 16px 0; text-align: center; } .ticket__price { display: inline-block; margin-bottom: 0; } .ticket__price-sub { display: block; } .tickets__cta { width: 100%; } .tickets__subtotal { font-size: 22px; } /* =TICKET (MOBILE) Single ticket item styles --------------------------------------------------------------------*/ .ticket__detail { display: block; width: 100%; margin-bottom: 10px; } .ticket__type { display: block; width: auto; margin-bottom: 6px; } .ticket__type-detail { display: -webkit-flex; display: flex; width: initial; } .ticket__description { margin-bottom: 12px; } .ticket__name { margin-bottom: 0; font-size: 16px; } .ticket__pricing { flex: 1; margin-bottom: 3px; text-align: left; } .ticket__price { display: inline-block; margin-bottom: 4px; } .ticket__qty { width: inherit; display: table-cell; } .ticket__status--early { text-align: left !important; } .price-sub-label { display: inline-block; } .price-sub-label--instalments { display: block; } .tickets__incentives { margin-bottom: 12px; padding: 6px 0; border: 0; } .incentives__panel { padding: 12px; } .tickets__incentives-actions { text-align: center; } .incentive { width: 84%; margin: 0 0 6px 0; } .incentive:last-child { margin-bottom: 0; } .pre-header { padding: 0 0 10px 0; text-align: center !important; } .pre-header__back { float: none; display: inline-block; margin-bottom: 10px; padding: 10px; text-align: center; } .locale-selector { display: block; } .locale-selector__item:last-child { padding: 6px 16px; } .event-terms { text-align: center; } .forminfo { margin-left: 0; } .box .header { margin-bottom: 10px; } /* =FORMS --------------------------------------------------------------------*/ .field .lbl, .field .txt { width: 100% } .field .data .txt.thin { min-width: 63px; } .form-actions__primary { margin-bottom: 15px; text-align: center; } .form-actions__secondary { text-align: center; } #paymentform .forminfo { margin: 0; } .checkout-register-tandcs { padding-left: 25px; } .checkout-register-tandcs input { margin-left: -25px; } /* =BOX --------------------------------------------------------------------*/ .box__header, .box .header { margin: -12px -12px 10px; padding: 14px 12px; } .box { padding: 12px; } .box__actions { margin-top: 12px; text-align: left; } .button--view-order { margin-left: 0; margin-bottom: 12px; } .button--update-card { margin-right: 12px; } } /* !Retina Assets */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon,.header-nav .submenu-menu li,.header-nav .submenu-menu li:hover a,.filter-menu li.active a,.disc-twitter,.disc-facebook,.disc-instagram,.disc-tumblr,.disc-googleplus,.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover { } .cardicon,.txtdate,.eventgenius,.incentive.facebook .icon,.incentive.like .icon,.incentive.twitter .icon, .icon-chevron-down, .icon-chevron-up, .icon-flag { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/decor@2x.png'); background-size: 800px; } .pages .first, .pages .previous, .pages .last, .pages .next,.pages .first:hover, .pages .previous:hover, .pages .last:hover, .pages .next:hover { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/pages-arrows@2x.png'); background-size: 12px; } .rotatebtn span,.scrollercontainer.enabled .rotatebtn span { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/arrows-sprite@2x.png'); background-size: 150px; } #messages .ok { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/messages@2x.png'); background-size: 16px; } #messages .info { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/messages@2x.png'); background-size: 16px; } #messages .error { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/messages@2x.png'); background-size: 16px; } .footer-col .cardtypes .card { background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/cards@2x.png'); background-size: 147px; } .box-fade { } } .error { border: 1px solid #c00; } .error-message { margin-left: 1em; color: #c00; font-style: italic; } .pp-checkout-statement { margin: 12px -12px 0; padding: 0 12px 0; background: #F0F5F5; border-top: 1px solid #E0EAEA; } /* =EVENT INFO --------------------------------------------------------------------*/ .eventinfocontent img { max-width: 100%; height: auto; } /* =SLIDER --------------------------------------------------------------------*/ .slides_container, .slides_control, .slides_container a, .slides_container a img { height: auto!important; max-width: 100%; width: 100% !important; } /* !Layout */ .site-container { width: 980px; margin: 0 auto; } .maincol { width: 730px; float: left; } .sidecol { width: 230px; float: right; } .box .maincol { width: 690px; } .box .sidecol { width: 230px; } .box-fade .maincol { width: 720px; } .box-fade .sidecol { width: 200px; } .twocol { width: 480px; } .onecol { width: 230px; } .box.padright { margin-right: 20px; } .half { width: 480px; } .wide { width: 620px; } .thin { width: 340px; } /* =TICKET GRID --------------------------------------------------------------------*/ .ticket-grid { width: 100%; } .ticket-grid__slot td { padding: 8px; border-bottom: 1px solid #2E2E2E; } .ticket-grid__heading h3 { margin-bottom: 0; color: inherit; } .ticket-grid__section-heading { margin: 0; padding-top: 10px; font-size: 14px; font-weight: 700; color: inherit; } .ticket-grid__section { width: 20%; text-align: center; } .ticket-grid__section--selected { position: relative; border-bottom-color: transparent !important; } .ticket-grid__section--selected:after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; border-right: 10px solid transparent; border-bottom: 9px solid; border-left: 10px solid transparent; } .button--ticket-section, .ticket--unavailable { width: 100%; padding: 6px; } .button--ticket-section--selected, .button--ticket-section--selected:hover, .button--ticket-section--selected:focus, .button--ticket-section--selected:active { background: transparent; border: 0; } .ticket--unavailable { display: block; color: rgba(190,190,190,.75); border: 1px solid rgba(125,125,125,.75); } .ticket-slot { margin-top: -2px; padding: 12px; } .ticket-grid__slot-heading { font-size: 13px; margin: 0; } .heading-wrapper { position: relative; } .heading-wrapper:after { position: absolute; top: 50%; right: 8px; left: 8px; height: 50%; border-width: 1px 1px 0 1px; border-style: solid; border-color: rgba(125,125,125,.75); content: ""; } .heading-wrapper__heading { display: inline-block; padding: 0 15px; position: relative; z-index: 10; } @media screen and (max-width: 568px) { .ticket-grid__slot td { padding: 6px 3px; } .ticket-grid__section { width: 25%; } .ticket-grid__section--selected:after { border-bottom-width: 8px; } } /* Title: Main Template Css File /* BODY FONT - Applies to everything */ @font-face { font-family: 'NexaHeavy'; src: url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_0_0.eot'); src: url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_0_0.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_0_0.woff') format('woff'), url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_0_0.ttf') format('truetype'); } @font-face { font-family: 'Nexa-Heavy-Italic'; src: url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_6_0.eot'); src: url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_6_0.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_6_0.woff') format('woff'), url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_6_0.ttf') format('truetype'); } @font-face { font-family: 'NexaRegular'; src: url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_7_0.eot'); src: url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_7_0.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_7_0.woff') format('woff'), url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_7_0.ttf') format('truetype'); } @font-face { font-family: 'Nexa-Regular-Italic'; src: url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_F_0.eot'); src: url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_F_0.eot#iefix') format('embedded-opentype'), url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_F_0.woff') format('woff'), url('/National_Library/oe_/https://www.carlcox.com/fonts/25B23E_F_0.ttf') format('truetype'); } .themeterms h2{font-size:15px !important; text-transform:uppercase !important;} .themeterms h1{font-size:18px !important; text-transform:uppercase !important;} .discography .gallerythumbwrap {float:left !important; max-width: 100px; max-height:100px;} .sidebar-left {position:fixed !important; min-height:700px !important;} .lowersidebar {position:absolute !important;} .button.sold_out {text-shadow:none; margin-right:6px;} .pam {margin-bottom: 10px !important;} #messages .info {margin-top: 10px;} @media (max-width:1280px) { .sidebar-left {position:absolute !important; height:100%;} .lowersidebar {position:static !important; margin-top:100px !important;} } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .sidebar-left {position:absolute !important; height:100%;} .lowersidebar {position:static !important; margin-top:100px !important;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {.sidebar-left {position:absolute !important; height:100%;} .lowersidebar {position:static !important; margin-top:100px !important;}} .themepolicy h2.header.sub {color: #AFB4B7;} .gallerythumbwrap img {max-width:100px} #music table.itemthumb.end.itemtop tbody tr.ticketrow.t-0 td.detail.date {padding-right: 190px !important;} .themeradio #music table.itemthumb.end.itemtop tbody tr.ticketrow.t-0 td.detail.date {padding-right: 0px !important;} #content.cf.decordark .col.middle.goleft.padleft {margin-left: 0px;} table.tickets tbody {border-bottom: 1px solid grey;} strong {font-weight: normal !important;} /*strong {font-family: NexaHeavy; font-weight:normal !important;}*/ .widget a h4.title {margin-top: 7px;} form#user-register.form.register .field .data .validationerror {margin-left: 40px !important;} form#user-login.form.login .field {margin-left:-20px !important;} form#user-login.form.login .forminfo {margin-left: 150px;} #new-login.loginoptions .forminfo.nooptions {margin-left: 0px !important;} form#user-register.form.register .field label.lbl {margin-left: -10px !important; width:190px !important;} form#user-register.form.register .field {margin-left: 10px !important;} form#login.form.login .field {margin-left: 0px !important;} ol.h-feed {border-top: 1px solid !important;} .var-static .stream {border-top: 1px solid !important;} .span3 h4 {padding-bottom: 5px; border-bottom: 1px solid gray;} dt {font-family: NexaHeavy !important; font-weight:normal !important;} nav#main_menu ul.menu li.selected a {font-weight: normal !important;} /*@media (max-height: 300px) { .sidebar-left { display:none; } }*/ /*form#user-checkout.col {display: inline-block; float:right; width:200px;}*/ form#login.form.login p {margin-top: -7px !important;} form#user-login.form.login p { padding-top:33px; padding-left 10px;} #updatebtn {margin-left: 10px !important;} #changepassbtn {margin-left: 10px !important;} #messages .error {margin-top: 5px;} .formerror {margin-left: 20px; margin-top:5px;} form#user-checkout.col {width:450px; float: left;} .box.sub {float:right; width: 200px;} .paymenthighlight {float: left;} .box.cf.sub.goright.thin.ordersummarybox { float:right; width:200px;} #checkoutbtn {float:right; margin-right:110px;} #boxsub {width: 200px; float: right;} .paymenthighlight {padding-left: 30px;} #ordersum {display:inline-block; float:right; width:26%;} /*p.viewall {width: 16%}*/ #paymentform .field .lbl {width: 140px;} #account-login .forminfo {margin-left: 130px;} .forminfo {margin-top: -20px !important;} .forminfo.nooptions {margin-top: 0px !important;} form#user-login.form.login #account-login.loginoptions {margin-left: 10px;} #account-login.loginoptions .forminfo {margin-top: 0px !important; margin-left: 120px !important;} #account-login input.button.padright {margin-left:30px !important;} form#user-login.form.login label.loginoption {margin-top: 40px !important; margin-bottom:-10px !important;} form#useraccount.form.account .forminfo #updatebtn input.button {margin-top: 20px !important; margin-left: -10px !important;} form#user-register.form.register .forminfo p input.button.padright {margin-top: 20px !important; margin-left:0px !important;} form#user-register.form.register .forminfo {margin-left: 190px !important;} #userpassword .forminfo #changepassbtn input.button {margin-top:20px !important; margin-left:-10px !important;} form#user-login.form.login .forminfo p input.button.padright {margin-left: -10px !important; margin-top:-20px;} form#user-login.form.login .forminfo p input.button {margin-left:-10px;} .forminfo.nooptions a.button {margin-top: 20px !important;} input#process.process-button.button {margin-left: 0px!important;} form#feedbackform.form fieldset.full .forminfo input.button {margin-top: 20px !important; margin-left:-10px !important;} form#feedbackform.form fieldset.full .field {margin-left: 0px !important;} .fb-like-box { margin: 20px 0; } .slides_container a img {margin-top: 6px; width:700px !important; height:auto;} .checkoutfooter.cf {width:100% !important; padding-bottom:10px;} .form .field {margin-left: 0px;} form#user-checkout.col .box.cf.cardpayment .goleft {margin-left: -25px;} form#user-register.form.register p.intro, {margin-left:-10px;} .useraccount.loggedin.myaccount.themecarlcox #body-container footer {margin-left: 70% !important;} .useraccount.loggedin.myaccount.themecarl-cox #body-container footer {margin-left: 70% !important;} .pagefooter.pf { background: url(/National_Library/oe_/https://www.carlcox.com/images/ie_bg.png) repeat; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); /*padding: 8px 10px 7px; width: 680px;*/ } #new-login.loginoptions {margin-left:10px !important;} /*.themenews h4 span { color: #B5B875 !important; } .themenews .menu li.selected a { background: #ff0000; } .themenews .menu li.menunews a:hover { background: #2200FF; } */ hr {height: 5px;} li.menudiscography a:hover {background:#9CA4B7 !important;} .themediscography .menu li.selected a {background: #9CA4B7;} .themediscography .newsletter-signup span {color: #9CA4B7;} .themediscography .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_discography.png) !important; } .themediscography .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-discography.png) !important;} .themediscography hr {background: rgba(156,164,183,1); background: -moz-linear-gradient(left, rgba(156,164,183,1) 0%, rgba(156,164,183,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(156,164,183,1)), color-stop(100%, rgba(156,164,183,0))); background: -webkit-linear-gradient(left, rgba(156,164,183,1) 0%, rgba(156,164,183,0) 100%); background: -o-linear-gradient(left, rgba(156,164,183,1) 0%, rgba(156,164,183,0) 100%); background: -ms-linear-gradient(left, rgba(156,164,183,1) 0%, rgba(156,164,183,0) 100%); background: linear-gradient(to right, rgba(156,164,183,1) 0%, rgba(156,164,183,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ca4b7', endColorstr='#9ca4b7', GradientType=1 );} li.menucontact a:hover {background:#C2AC87 !important;} .themecontact .menu li.selected a {background: #C2AC87;} .themecontact .newsletter-signup span {color: #C2AC87;} .themecontact .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_contact.png) !important; } .themecontact .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-contact.png) !important;} .themecontact hr {background: rgba(194,172,135,1); background: -moz-linear-gradient(left, rgba(194,172,135,1) 0%, rgba(194,172,135,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(194,172,135,1)), color-stop(100%, rgba(194,172,135,0))); background: -webkit-linear-gradient(left, rgba(194,172,135,1) 0%, rgba(194,172,135,0) 100%); background: -o-linear-gradient(left, rgba(194,172,135,1) 0%, rgba(194,172,135,0) 100%); background: -ms-linear-gradient(left, rgba(194,172,135,1) 0%, rgba(194,172,135,0) 100%); background: linear-gradient(to right, rgba(194,172,135,1) 0%, rgba(194,172,135,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2ac87', endColorstr='#c2ac87', GradientType=1 );} li.menupress a:hover {background:#B6AEA3 !important;} .themepress .menu li.selected a {background: #B6AEA3;} .themepress .newsletter-signup span {color: #B6AEA3;} .themepress .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_press.png) !important; } .themepress .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-press.png) !important;} .themepress hr {background: rgba(182,174,163,1); background: -moz-linear-gradient(left, rgba(182,174,163,1) 0%, rgba(182,174,163,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(182,174,163,1)), color-stop(100%, rgba(182,174,163,0))); background: -webkit-linear-gradient(left, rgba(182,174,163,1) 0%, rgba(182,174,163,0) 100%); background: -o-linear-gradient(left, rgba(182,174,163,1) 0%, rgba(182,174,163,0) 100%); background: -ms-linear-gradient(left, rgba(182,174,163,1) 0%, rgba(182,174,163,0) 100%); background: linear-gradient(to right, rgba(182,174,163,1) 0%, rgba(182,174,163,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6aea3', endColorstr='#b6aea3', GradientType=1 );} #presslinks a {color: #B6AEA3;} .themepress .span3 {margin-top: 40px; min-width:240px; margin-left:10px;} .themepress hr {margin-top:-10px;} a.emms_logo img {max-width: 95px;} li.menubiography a:hover {background:#AEB895 !important;} .themebiography .menu li.selected a {background: #AEB895;} .themebiography .newsletter-signup span {color: #AEB895;} .themebiography .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_biography.png) !important; } .themebiography .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-biography.png) !important;} .themebiography hr {background: rgba(174,184,149,1); background: -moz-linear-gradient(left, rgba(174,184,149,1) 0%, rgba(174,184,149,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(174,184,149,1)), color-stop(100%, rgba(174,184,149,0))); background: -webkit-linear-gradient(left, rgba(174,184,149,1) 0%, rgba(174,184,149,0) 100%); background: -o-linear-gradient(left, rgba(174,184,149,1) 0%, rgba(174,184,149,0) 100%); background: -ms-linear-gradient(left, rgba(174,184,149,1) 0%, rgba(174,184,149,0) 100%); background: linear-gradient(to right, rgba(174,184,149,1) 0%, rgba(174,184,149,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeb895', endColorstr='#aeb895', GradientType=1 );} #biolinks a {color:#AEB895;} .themepolicy .menu li.selected a {background: #AFB4B7;} .themepolicy .newsletter-signup span {color: #AFB4B7;} .themepolicy .sidebar-left a.global-radio-latest {color:#AFB4B7;} .themepolicy .row td a{color: #AFB4B7;} /*.themehome .evtbut {background: #AFB4B7 !important;}*/ .themepolicy a.evtbut.button.Buy.Tickets {background: #9BADB1 !important;} .themepolicy .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news.png) !important; } .themepolicy .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-news.png) !important;} .themepolicy .span7 {padding-bottom: 0px !important; margin-bottom: -20px !important; } .themepolicy #biolinks a {color:#AFB4B7;} li.menumedia a:hover {background:#7F7D88 !important;} .thememedia .menu li.selected a {background: #7F7D88;} .thememedia .newsletter-signup span {color: #7F7D88;} .thememedia .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_media.png) !important; } .thememedia .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-media.png) !important;} .thememedia hr {background: rgba(127,125,136,1); background: -moz-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(127,125,136,1)), color-stop(100%, rgba(127,125,136,0))); background: -webkit-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: -o-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: -ms-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: linear-gradient(to right, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7d88', endColorstr='#7f7d88', GradientType=1 );} .thememedia .gallerythumbwrap img {width: 100px !important; height: auto !important; visibility:hidden;} .themegallery .menu li.selected a {background: #7F7D88;} .themegallery .newsletter-signup span {color: #7F7D88;} .themegallery .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_media.png) !important; } .themegallery .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-media.png) !important;} .themegallery hr {background: rgba(127,125,136,1); background: -moz-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(127,125,136,1)), color-stop(100%, rgba(127,125,136,0))); background: -webkit-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: -o-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: -ms-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: linear-gradient(to right, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7d88', endColorstr='#7f7d88', GradientType=1 );} .video h3 {line-height: 1 !important; margin-top: 10px !important;} .themegallery p.date {padding-top: 10px !important;} .themevideo .menu li.selected a {background: #7F7D88;} .themevideo .newsletter-signup span {color: #7F7D88;} .themevideo .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_media.png) !important; } .themevideo .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-media.png) !important;} .themevideo hr {background: rgba(127,125,136,1); background: -moz-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(127,125,136,1)), color-stop(100%, rgba(127,125,136,0))); background: -webkit-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: -o-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: -ms-linear-gradient(left, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); background: linear-gradient(to right, rgba(127,125,136,1) 0%, rgba(127,125,136,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7d88', endColorstr='#7f7d88', GradientType=1 );} li.menuevents a:hover {background:#9BADB1 !important;} /*.themeevents a {color: #9BADB1;}*/ .themeevents .menu li.selected a {background: #9BADB1;} .themeevents .newsletter-signup span {color: #9BADB1;} /*.themeevents .content-container h2.header span{color: #9BADB1;}*/ .themeevents .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_tour.png) !important; } .themeevents a.evtbut.button.Buy.Tickets {background: #9BADB1 !important;} .themeevents .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-tour.png) !important;} .themeevents hr {background: rgba(155,173,177,1); background: -moz-linear-gradient(left, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(155,173,177,1)), color-stop(100%, rgba(155,173,177,0))); background: -webkit-linear-gradient(left, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); background: -o-linear-gradient(left, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); background: -ms-linear-gradient(left, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); background: linear-gradient(to right, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9badb1', endColorstr='#9badb1', GradientType=1 );} li.menutour-dates a:hover {background:#9BADB1 !important;} /*.themeevents a {color: #9BADB1;}*/ .themetour-dates .menu li.selected a {background: #9BADB1;} .themetour-dates .newsletter-signup span {color: #9BADB1;} /*.themeevents .content-container h2.header span{color: #9BADB1;}*/ .themetour-dates .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_tour.png) !important; } .themetour-dates a.evtbut.button.Buy.Tickets {background: #9BADB1 !important;} .themetour-dates .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-tour.png) !important;} .themetour-dates hr {background: rgba(155,173,177,1); background: -moz-linear-gradient(left, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(155,173,177,1)), color-stop(100%, rgba(155,173,177,0))); background: -webkit-linear-gradient(left, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); background: -o-linear-gradient(left, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); background: -ms-linear-gradient(left, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); background: linear-gradient(to right, rgba(155,173,177,1) 0%, rgba(155,173,177,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9badb1', endColorstr='#9badb1', GradientType=1 );} .themetour-dates .box h2.header { border: 0; margin: 0; } li.menuradio a:hover {background:#899486 !important;} .themeradio .press td a { color:#899486;} .themeradio .menu li.selected a {background: #899486;} .themeradio .newsletter-signup span {color: #899486;} .themeradio .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_radio.png) !important; } .themeradio .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-radio.png) !important;} .themeradio hr {background: rgba(137,148,134,1); background: -moz-linear-gradient(left, rgba(137,148,134,1) 0%, rgba(137,148,134,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(137,148,134,1)), color-stop(100%, rgba(137,148,134,0))); background: -webkit-linear-gradient(left, rgba(137,148,134,1) 0%, rgba(137,148,134,0) 100%); background: -o-linear-gradient(left, rgba(137,148,134,1) 0%, rgba(137,148,134,0) 100%); background: -ms-linear-gradient(left, rgba(137,148,134,1) 0%, rgba(137,148,134,0) 100%); background: linear-gradient(to right, rgba(137,148,134,1) 0%, rgba(137,148,134,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#899486', endColorstr='#899486', GradientType=1 );} li.menunews a:hover {background:#B5B875 !important;} .themenews .menu li.selected a {background: #B5B875;} .themenews .newsletter-signup span {color: #B5B875;} .themenews .content-container h2.header span{color: #B5B875;} .themenews .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_home.png) !important; } .themenews .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-home.png) !important;} .themenews hr {background: rgba(181,184,117,1); background: -moz-linear-gradient(left, rgba(181,184,117,1) 0%, rgba(181,184,117,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(181,184,117,1)), color-stop(100%, rgba(181,184,117,0))); background: -webkit-linear-gradient(left, rgba(181,184,117,1) 0%, rgba(181,184,117,0) 100%); background: -o-linear-gradient(left, rgba(181,184,117,1) 0%, rgba(181,184,117,0) 100%); background: -ms-linear-gradient(left, rgba(181,184,117,1) 0%, rgba(181,184,117,0) 100%); background: linear-gradient(to right, rgba(181,184,117,1) 0%, rgba(181,184,117,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b875', endColorstr='#b5b875', GradientType=1 );} .themenews .span3 {margin-top: 40px; min-width:240px; margin-left:10px;} /* .themenews h2.header.sub {margin-top:-5px; margin-bottom:-3px;} */ .themenews hr {margin-top:-10px;} .themenews .span3 .sidebar-right {padding: 10px !important;} li.menuhome a:hover {background:#AFB4B7 !important;} .themehome .menu li.selected a {background: #AFB4B7;} .themehome .newsletter-signup span {color: #AFB4B7;} .themehome .sidebar-left a.global-radio-latest {color:#AFB4B7;} .themehome .row td a{color: #AFB4B7;} /*.themehome .evtbut {background: #AFB4B7 !important;}*/ .themehome a.evtbut.button.Buy.Tickets {background: #9BADB1 !important;} .themehome .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news.png) !important; } .themehome .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-news.png) !important;} .themehome .span7 {padding-bottom: 0px !important; margin-bottom: -10px !important; } /*.useraccount .myaccount a:hover {width: 180px; padding-right:10px; margin-right: -10px !important;}*/ .useraccount .myaccount a {background:#AFB4B7!important; padding-right:25px !important; margin-right:-15px; font-weight:normal !important; padding-top:3px !important; padding-bottom: 3px !important;} .box.goright.thin.welcome-register {width: 48%;} nav#main_menu ul.menu li.myaccount:hover { padding-left:15px !important;} .useraccount nav#main_menu ul.menu li.myaccount:hover {margin-left:-30px !important; padding-left:0px !important;} .useraccount .newsletter-signup span {color: #AFB4B7;} .useraccount .global-radio-latest-logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/play-radio-news.png) !important;} .useraccount .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news.png) !important; } .useraccount .span7 {width: 100%;} .useraccount .half {width: 50% !important;} .useraccount .pagefooter.pf {width: 100%;} .useraccount .forminfo {margin-left:160px !important;} .useraccount #fullcontent {width:97% !important; float:left !important;} .themeterms .tourhide {display: none;} .themepolicy .tourhide {display: none;} .themepolicy .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news.png) !important; } .themeevents .privacyhide {display: none;} .themeevents .termshide {display: none;} .themeterms h3 {margin-left: 0px !important;} .themeterms .privacyhide {display: none;} .themepolicy .termshide {display: none;} .themeterms .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news.png) !important; } .themecontact .forminfo {margin-left:170px !important;} form#user-login.form.login {margin: -30px 0 20px !important;} footer { border: 0 none !important; bottom: 0; color: #FFFFFF !important; height: 0px; /*margin-left: 40px;*/ padding: 0px !important; position: absolute !important; /*width: 739px;*/ /*width: 100%;*/ margin-left: 45%; } /*.logo {{background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_home.png)}*/ .sidebar-left .global-radio-latest-logo { display: block; height: 11px; width: 106px; margin: 0 40px; float: none; overflow:hidden; text-indent: -9999px; white-space: pre; } a.global-radio-latest {margin-left: -10px !important; width:200px !important; text-align:center !important; line-height:11px !important; margin-top:5px !important; margin-bottom:15px !important;} .form .forminfo { margin-left: 160px; margin-top: 15px; } body { font-family: NexaRegular; font-size: 11px; line-height: 19px; color: #FFF; background-color: #FFF; background-attachment: fixed; background-color: #cdcdcd; background-position: 0 0; background-repeat: no-repeat; background-size: cover; min-width: 960px; text-shadow: none; margin: 0; position:static; } h1, h2, h3, h4, h5, h6, div.pp_kalypso .ppt { font-family: "NexaRegular" !important; font-weight: 700; } /* Several elements using other font */ div.pp_kalypso .ppt, .flex-caption, .nivo-caption, .info_pop .text, .playVideo, .textpop-style .texts > span, .ud_counter ul li, .video-container .captions .line, .newsletter-signup input[type=submit], .page-title, .subtitle, #sidebar .title, .shop-latest .tabbable .nav li a, .topnav > li > a, nav#main_menu > ul > li > a, .pricing_table .tb_header h4, .pricing_table .price, .process_box .number span, .shop-features .shop-feature, .shop-features .shop-feature > h4, .shop-features .shop-feature > h5 { font-family: "NexaRegular"; } .event { /*background: url("/National_Library/oe_/https://www.carlcox.com/images/backgrounds/bg-event.jpg") no-repeat fixed -252px -202px transparent; background-size:cover;*/ } a { color: #FFF; } a:hover { color: #cdcdcd; text-decoration: none; } /* Use fixclear class on parent to clear nested columns */ .fixclear:before, .fixclear:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .fixclear:after { clear: both; } .fixclear { zoom: 1; } .clear { clear: both; display: block; /*overflow: hidden; visibility: hidden; width: 0; height: 0;*/ } .align-center { text-align: center; } .align-right { text-align: right; } .row { margin-bottom: 35px !important; width: auto; } ul.list-style1, ul.list-style2 { margin-left: 0; } ul.list-style1 li, ul.list-style2 li { list-style: none; background: url(/National_Library/oe_/https://www.carlcox.com/images/list-style1.png) no-repeat 2px 8px; padding-left: 15px; margin-bottom: 4px; } ul.list-style2 li { background: url(/National_Library/oe_/https://www.carlcox.com/images/list-style2.png) no-repeat 2px 5px; padding-left: 25px; } #logo-ecommerce{ background-clip: padding-box; border-radius: 5px 5px 5px 5px; display: block; /*margin: 20px 0 -15px; padding: 20px 30px; */ float:none; margin: 15px 10px -10px 20px; } #logo { float: left; margin: 0; } #logo a { padding: 28px; display: block; position: relative; } header { position: absolute; width: 100%; height: 100px; background: rgba(0,0,0,0.5); z-index: 1; } header.style1 { border-bottom: 2px solid #000; border-bottom: 2px solid rgba(0,0,0,0.7); border-top: 3px solid #CD2122; } header.style1:after { content: ""; position: absolute; left: 50%; bottom: -10px; margin-left: -2px; border: 5px solid transparent; border-top-width: 5px; border-top-color: #000; border-top-color: rgba(0,0,0,0.7); } header.style2 #logo a { background: rgba(0,0,0,0.3); padding: 25px; border-bottom: 2px solid #000; border-bottom: 2px solid rgba(0,0,0,0.7); border-top: 3px solid #CD2122; } header.style2 #logo a:after { content: ""; position: absolute; left: 50%; bottom: -11px; margin-left: -3px; border: 5px solid transparent; border-top-width: 5px; border-top-color: #000; border-top-color: rgba(0,0,0,0.7); } header.style2 .topnav.navLeft { float: left; } header.style3 { background: none; } header.style3 #logo a { background: rgba(0,0,0,0.3); padding: 25px; border-bottom: 2px solid #000; border-bottom: 2px solid rgba(0,0,0,0.7); border-top: 3px solid #CD2122; } header.style3 #logo a:after { content: ""; position: absolute; left: 50%; bottom: -11px; margin-left: -3px; border: 5px solid transparent; border-top-width: 5px; border-top-color: #000; border-top-color: rgba(0,0,0,0.7); } header.style3 .topnav.navLeft { float: left; } /* TOP NAVIGATION */ .topnav { float: right; margin: 10px 0; padding: 0; list-style: none; position: relative; z-index: 1; } .topnav > li { float: left; margin-left: 25px; position: relative; } .topnav > li > a { font-size: 11px; font-weight: 700; color: #fff; line-height: 24px; display: block; padding: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: .8; filter: alpha(opacity=80); } .topnav > li:hover > a, .topnav > li > a:hover { opacity: 1; filter: alpha(opacity=100); } .topnav > li > a > span { margin-right: 3px; margin-top: 0; } .topnav li.drop .pPanel { position: absolute; left: 0; width: auto; min-width: 120px; height: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; margin-left: -11px; } .topnav li.drop .inner { margin: 4px; list-style: none; background: #f5f5f5; padding: 4px 0; margin-top: 5px; position: relative; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.4); box-shadow: 0px 0px 5px rgba(0,0,0, 0.4); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .topnav li.drop .inner:after { content: ""; top: -8px; position: absolute; left: 9px; border: 5px solid transparent; border-bottom-width: 4px; border-bottom-color: #f5f5f5; } .topnav li.drop:hover .pPanel { opacity: 1; filter: alpha(opacity=100); height: auto; } .topnav li.drop li a { font-size: 10px; color: #222; padding: 0 5px 0 10px; display: block; text-transform: uppercase; margin-top: 1px; } .topnav li.drop li.active a, .topnav li.drop li a:hover { background: rgba(0, 0, 0, 0.1); } .topnav li.drop li a span { float: right; opacity: .3; filter: alpha(opacity=30); margin-top: 2px; } .cart_details { display: block; min-width: 250px; padding: 0 10px; font-size: 11px; } .cart_details .checkout { border-left: 1px solid #CCC; margin-left: 15px; padding-left: 15px; display: inline-block; color: #CD2122; font-size: 12px; text-transform: uppercase; float: right; } .cart_details .checkout:hover { color: #333; } .cart_details .checkout span { margin-top: 1px; opacity: 0.2; filter: alpha(opacity=20); } /* MAIN NAVIGATION - SUPERFISH */ nav#main_menu {/*float:right;*/ } nav#main_menu > ul { margin: 15px 0; padding: 0; list-style: none; } nav#main_menu > ul > li {/*float:left;*/ margin-top: 3px; margin-left: 2px; } nav#main_menu > ul > li.selected { background-color: #9BADB1; background-color: #9BADB1; width: 210px; margin-left: -15px; } nav#main_menu > ul > li.selected a { padding-right: 25px; font-weight: normal; } nav#main_menu ul#mm1.menu li.selected { background-color: #9BADB1; background-color: #9BADB1; width: 210px; margin-left: -15px; } nav#main_menu ul#mm1.menu li.selected a { padding-right: 25px; font-weight: normal; } nav#main_menu > ul > li:first-child { margin-left: -15px; } nav#main_menu > ul > li > a {/*font-size:14px; font-weight:700; color:#fff; padding: 0 12px 0; margin:0 0 5px; display: block; border: 0; line-height: 1; position:relative; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; float:left*/ } /*nav#main_menu > ul > li.active > a, nav#main_menu > ul > li > a:hover, nav#main_menu > ul > li:hover > a {background-color:#cdcdcd; padding: 6px 12px 5px; margin:-6px 0 0 0; }*/ nav#main_menu > ul > li:hover { /*background-color: #CDCDCD;*/ /*margin-left: -15px; width: 210px;*/ background-color: #CDCDCD; /*font-weight: bold;*/ margin-left: -15px !important; width: 210px; } /*2nd lev */ nav#main_menu > ul > li:hover > ul, nav#main_menu > ul > li.sfHover > ul { top: 28px; } nav#main_menu > ul ul { background: #f5f5f5; padding: 6px 0; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4); box-shadow: 0px 0px 4px rgba(0,0,0, 0.4); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: absolute; } nav#main_menu > ul > li > a.sf-with-ul .sf-sub-indicator { background: #CCC; background: rgba(255, 255, 255, 0.4); height: 1px; width: 7px; left: 17px; top: auto; bottom: -3px; } nav#main_menu > ul > li.sfHover > a.sf-with-ul .sf-sub-indicator { display: none; } nav#main_menu > ul ul li { line-height: 27px; } nav#main_menu > ul > li > ul:after { content: ""; top: -10px; position: absolute; left: 14px; border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color: #f5f5f5; } /*3rd lev */ nav#main_menu > ul ul ul { margin-left: 10px; } nav#main_menu > ul ul ul.reversed { margin-right: 10px; margin-left: 0; } nav#main_menu > ul > li > ul ul:after { content: ""; top: 6px; position: absolute; left: -10px; border: 5px solid transparent; border-right-color: #f5f5f5; } nav#main_menu > ul > li > ul ul.reversed:after { right: -10px; left: auto; border-left-color: #f5f5f5; border-right-color: transparent; } nav#main_menu > ul ul li a { color: #535353; line-height: 27px; font-size: 12px; padding: 0 12px; } nav#main_menu > ul ul li.active > a, nav#main_menu > ul ul li.sfHover > a, nav#main_menu > ul ul li a:hover { color: #323232; background: rgba(0,0,0,0.04); padding-left: 14px } nav#main_menu > ul ul .sf-sub-indicator { background: #ccc; height: 1px; width: 7px; top: 50%; margin-top: -1px; } /*2nd lev */ nav#main_menu > ul.dark_nav ul { background: #0A0A0A; border: 1px solid #000; border: 1px solid rgba(0, 0, 0, 0.8); } nav#main_menu > ul.dark_nav > li > ul:after { border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color: #0A0A0A; } /*3rd lev */ nav#main_menu > ul.dark_nav > li > ul ul:after { border: 6px solid transparent; border-right-width: 5px; border-right-color: #0A0A0A; } nav#main_menu > ul.dark_nav ul li a { color: #ACACAC; } nav#main_menu > ul.dark_nav ul li.active > a, nav#main_menu > ul.dark_nav ul li.sfHover > a, nav#main_menu > ul.dark_nav ul li a:hover { color: #ACACAC; background: rgba(255,255,255,0.04); } nav#main_menu > ul.dark_nav ul .sf-sub-indicator { background: #333; } /* SEARCH PANEL */ #search { float: right; clear: right; position: relative; } #search .search { display: none; position: absolute; right: -10px; padding: 30px; background: #f4f4f4; width: 180px; border-bottom: 1px solid #fff; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); } #search .searchBtn { margin: 10px 0 0 10px; padding: 8px; line-height: 1; display: inline-block; background: rgba(0, 0, 0, 0.5); position: relative; z-index: 1; } #search .searchBtn:hover { background: rgba(0, 0, 0, 0.7); } #search .searchBtn.active { background: #f4f4f4; } #search form { margin: 0; border-bottom: 1px solid #ccc; } #search form:hover { border-bottom: 1px solid #b5b5b5; } #search form input[type=text] { background: none; border: none; font-size: 12px; font-style: italic; color: #999; width: 155px; padding: 5px 0; margin: 0; display: inline-block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search form input[type=text]:focus { font-style: normal; color: #565656; } #search form input[type=submit] { width: 20px; background-color: transparent; border: none; text-indent: -9999px; padding: 0; display: inline-block; } #page_wrapper {/*position: relative;*/ margin-left: 330px; } section#content { /*margin-top:50px;*/ } #page_header.gradient, #slideshow.gradient { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000', GradientType=0 ); /* IE6-9 */ background-color: #345370; } #page_header, #slideshow { position: relative; top: 0; z-index: 0; } #page_header.nobg, #slideshow.nobg { background: none; } #page_header.hasMargin, #slideshow.hasMargin { margin-bottom: 40px; } #page_header:after, #slideshow:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url(/National_Library/oe_/https://www.carlcox.com/images/glare-effect.png); background-repeat: no-repeat; background-position: center top; } #page_header.noGlare:after, #slideshow.noGlare:after { background-image: none; } #slideshow .container { padding: 130px 0 45px; } #sparkles { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; } #page_header { min-height: 300px; border-bottom: 6px solid #fff; } #page_header .container { padding: 130px 0 0; } #page_header:before { content: ''; position: absolute; bottom: -26px; left: 0; width: 100%; height: 20px; background: url(/National_Library/oe_/https://www.carlcox.com/images/shadow-down.png) no-repeat center top; opacity: .6; filter: alpha(opacity=60); } #page_header .container { z-index: 1; position: relative; } #page_header > .shadowUP:after { content: ''; position: absolute; bottom: -18px; left: 50%; border: 6px solid transparent; border-top-color: #fff; margin-left: -6px; } #page_header .bgback { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #page_header .bgback.bg1 { background: url(/National_Library/oe_/https://www.carlcox.com/images/page-headers/bg1.jpg) no-repeat center top; } #page_header .bgback.bg2 { background: url(/National_Library/oe_/https://www.carlcox.com/images/page-headers/xbg2.jpg) no-repeat center top; } #page_header .bgback.bg3 { background: url(/National_Library/oe_/https://www.carlcox.com/images/page-headers/xbg3.jpg) no-repeat center top; } #page_header .bgback.bg4 { background: url(/National_Library/oe_/https://www.carlcox.com/images/page-headers/xbg4.jpg) no-repeat center top; } /* ------------------------------------- OVERIDE CODE FOR CARL COX START -------------------------------------------------*/ .lowersidebar { /*bottom: 10px;*/ position: absolute; width: 180px; } .button { background: none repeat scroll 0 0 #9BADB1 !important; border: medium none !important; border-radius: 2px 2px 2px 2px; box-shadow: none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: 'NexaRegular', Arial, sans-serif; padding: 5px; text-shadow: none; text-transform: uppercase; vertical-align: middle; } .button:hover { border: none !important; box-shadow: 0 15px 8px rgba(255, 255, 255, 0.3) inset; text-decoration: none; color: #FFF !important; } .button a:hover { color: #FFF !important; } .video p { margin: 0; } .span7 div.content-container { margin: 20px; } .box { border: none; margin: 0 0 20px; padding: 0px; } .content-container h1.header,.content-container h2.header,.content-container h3.header { font-size: 18px !important; text-transform: uppercase; font-weight:normal;} .box h2.header { /* border-bottom: none !important; margin-top:5px !important; margin-bottom:5px !important; */} .box .header { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid rgba(255, 255, 255, .2); color: #FFFFFF; font-size: 14px !important; margin: 0px; font-weight:normal !important; padding: 0px; } /*Event Title*/ .pagetitle { margin: 0 0 10px; text-transform: uppercase; } /*Share This Event Title*/ .discounts h4 { margin: 20px 0 5px; text-transform: uppercase; } /*Share This Event Attending Buttons*/ .discounts .actions { float: right; margin: 0; padding: 20px 0; } /*Event Map*/ #eventmap p { background: none repeat scroll 0 0 transparent; } /*For the When Where Venue Section*/ dt { font-weight: normal; color: #999; width: 90px; } .links a { color: #FFF; font-size: 11px; } /*Login Register*/ .header span.goright a { color: #9AACB1; } .header span.goright a:hover { color: #FFF; } /*Drop Down for the Ticket Quantity*/ select.ticketqty { float: right; /*margin-right: 10px;*/ } /*Last Column Name for the Ticket Quantity*/ .ticketheaderrow th.qty { /*float:right; padding-right: 10px;*/ padding-left: 55px; text-align:right; } /*Buy Tickets Button*/ .addtobasket input.button { background: none repeat scroll 0 0 #9BADB1; border: none !important; border-radius: 2px; box-shadow: none; color: #FFFFFF; cursor: pointer; display: inline-block; font: normal 10px nexaheavy; padding: 5px 8px; padding-top: 8px; text-shadow: none; text-align: center !important; text-transform: uppercase; vertical-align: middle; } .addtobasket input.button:hover { border: none !important; box-shadow: 0 15px 8px rgba(255, 255, 255, 0.3) inset; text-decoration: none; } /*Ticket Item List Table*/ #tickets form { margin: 0px; } .tickets { background: none repeat scroll 0 0 transparent; border: none; margin: 0 0 0px; border-top: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; } .row th { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 5px 0; } .row td { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 5px 0; } #tickets div.box { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .tickets th { background: none repeat scroll 0 0 transparent; color: #FFFFFF; } .tickets td { border-top: 1px solid rgba(255, 255, 255, 0.2); } /*-------------------*/ /*Press Item List Table*/ .press { background: none repeat scroll 0 0 transparent; border: none; margin: 0 0 0px; /*font-weight:bold;*/ } .row th { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 5px 0; } .row td { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 5px 0; } .press th { background: none repeat scroll 0 0 transparent; color: #FFFFFF; text-transform: none; font-size: 14px; font-weight: normal; } /*.press td { border-top: 1px solid rgba(255, 255, 255, 0.2); */ /*padding: 15px 0;*/ } .press td a { color:#B8ACA3;} .press td a:hover { color:#888;} /*-------------------*/ .social { display: inline-block; } .event { border-bottom: none; margin-bottom: auto; } .event p { color: #FFF; font-size: inherit; margin: 0 0 10px; } .event img { float: none; } .eventimgwrap { width: auto; } .col.goleft { width: auto; float: none; } div.video { float: left; margin: 0; width: auto; } .box { border-radius: 0px; } .enlarge { /*padding: 15px 0;*/ } /*Slider*/ #top {3 width: 100%; padding: 0; } .slides_container { width: 100%; } .slides_container a {} .pagination { color: #B3B772; margin: 0 !important; padding: 0 !important; } .pagination li { display: inline-block !important; } .pagination li a { background: url("/National_Library/oe_/https://www.carlcox.com/images/panel-select.png") no-repeat scroll left top transparent; border: 0 none; display: block; font-size: 0; height: 15px; line-height: 0; margin: 0; overflow: hidden; padding: 0; width: 15px; } .pagination li.current a { background: url("/National_Library/oe_/https://www.carlcox.com/images/panel-selected.png") no-repeat scroll left top transparent; } .wide { width: 50%; } /*.goright { width: 170px !important; } */ .evtbut { background: #9BADB1 !important; background: none repeat scroll 0 0 !important; border: medium none !important; border-radius: 2px 2px 2px 2px; box-shadow: none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font: normal 10px 'nexaheavy'; padding-top: 8px !important; padding: 5px; text-shadow: none; text-transform: uppercase; vertical-align: middle; } /*Event Button from front Page*/ .evtbut input.button:hover { border: medium none !important; box-shadow: 0 15px 8px rgba(255, 255, 255, 0.3) inset; text-decoration: none; color: #FFFFFF !important; } .evtbut input.button a:hover { color: #FFFFFF !important; } .button a:hover { color: #FFFFFF !important; } /*Checkout Bar with Countdown*/ .checkout .usertools { background-color: transparent; color: inherit; border: none; } .bar { background: none; border-top-style: none; border-right-style: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; border-left-style: none; /**/ border-radius: 0px; color: #000000; font-weight: normal; margin: 20px 0 20px; padding: 8px 10px 7px; text-transform: uppercase; } /*Go Back A Link*/ .bar a { color: #FFF; font-size: 13px; font-weight:bold; } /*Total Bar*/ #basket-table.tickets .total td { background-color: transparent; } /*Checkout Footer*/ .checkout .checkoutfooter { background: transparent; border: none; } /*Checkout Button from Cart Page*/ .proceed { background: none repeat scroll 0 0 #9BADB1; border: medium none !important; border-radius: 2px 2px 2px 2px; box-shadow: none; color: #FFFFFF; cursor: pointer; display: inline-block; font: normal 10px 'nexaheavy'; padding: 5px; padding-top: 8px !important; text-shadow: none; text-transform: uppercase; vertical-align: middle; } .proceed.button:hover { border: medium none !important; box-shadow: 0 15px 8px rgba(255, 255, 255, 0.3) inset; text-decoration: none; color: #FFFFFF !important; } .proceed.button a:hover { color: #FFFFFF !important; } /*Continue Shopping Button from Cart Page*/ .button.subtle { background: none repeat scroll 0 0 #9BADB1 !important; border: medium none !important; border-radius: 2px 2px 2px 2px; box-shadow: none; color: #FFFFFF; cursor: pointer; display: inline-block; font: normal 10px 'nexaheavy'; padding: 5px; padding-top: 8px !important; text-shadow: none; text-transform: uppercase; vertical-align: middle; } .action { background: none repeat scroll 0 0 #9BADB1; border: medium none !important; border-radius: 2px 2px 2px 2px; box-shadow: none; color: #FFFFFF; cursor: pointer; display: inline-block; font: normal 10px 'nexaheavy'; padding: 5px; padding-top: 8px !important; text-shadow: none; text-transform: uppercase; vertical-align: middle; } .action.button:hover { border: medium none !important; box-shadow: 0 15px 8px rgba(255, 255, 255, 0.3) inset; text-decoration: none; color: #FFFFFF !important; } .action.button a:hover { color: #FFFFFF !important; } /*Entry Fields*/ .field { margin: 10px 0; } .field .data { margin: 10px 0 10px 140px; } /*.goright.box { width: 660px; }*/ .goright.box {width:50%;} .goright { width: auto; float: right; } /*Current Position Trail*/ #trail li.current, #trail li strong { color: #CCC; font-weight: normal; } /*Timer*/ .timeleft { color: #FFFFFF; } #countdown { color: #FFFFFF; } /*Basket Update Order Table and Basket Box*/ .box.sub .header { background: none repeat scroll 0 0 transparent; } .box.sub { background: none; } .thin { color: #FFF; } .col.thin .box { width: 170px; } .box .header { padding: 0 0 10px; margin: 0 0 10px; } #ecommercebody .col.goleft { float: left; width: 70%; /*width: 85%;*/ } .checkout .col.thin { width: 30%; } .incentive {width: 104px !important;} #ecommercebody .col.goleft .box { margin-right: 0; width: 70%; } #ecommercebody .col.goright.thin { float: right; /*margin-left: -183px; width: 242px;*/ } #ecommercebody .col.goright.thin .box { background: none; border: 0 none; /*width: 212px;*/ } .ordersummary { margin: 0; width: 100%; } .ordersummary .totals td { border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 15px; padding: 10px 0; border-top: none !important; } /*Trail Completed*/ #trail li a { color: #CCC; } /*Field Label Color*/ .field .lbl { color: #FFFFFF; width: 160px; text-transform:uppercase; } /*Payment Page*/ body#paymentpage { background: none repeat scroll 0 0 transparent; min-width: auto; font-family: NexaRegular, Arial, sans-serif; } #ecommercebody .box iframe { /*height: 720px;*/ width: 520px; } .order.cf h3{margin-left: 0px !important;} input.button.padright {margin-left: 10px !important;} .validationerror {margin-left: 20px !important; text-transform:uppercase !important;} input#card_security.txt { color: #FFF; } /*Account Details Page*/ .myaccount { } .order { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } div.video h3 { margin: auto; font-weight: normal !important; } #fullcontent { margin: auto; } /*Currency Strong Border*/ .currencies strong { border: 1px solid #FFF; border-radius: 3px 3px 3px 3px; cursor: default; } /*Messages Bar - No Radius*/ #messages p { border-radius: 0 0 0 0; } /*Red Message Card Warning*/ .paymenthighlight { color: #F00; font-size: 12px; } /*CVN Card*/ #cvn { margin: 0 0 0 10px; } /*Table for the Event and Tickets on Front Page*/ .tkt { padding: 10px 0px !important; } /*RADIO PAGE*/ /*Text for the radio Page*/ .radio-title { font-size: 18px; } .radio-text { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; padding-bottom: 20px; } #music { padding-top: 20px; } img.media-player { margin: 0px !important; } .ticketrow td.detail h4 a { color: #8A9486 !important; text-transform: uppercase; } .ticketrow td.detail h4 a:hover { color: #CDCDCD !important; } /*Radio Button*/ .radbut { background: none repeat scroll 0 0 #8A9486; border: medium none !important; border-radius: 2px 2px 2px 2px; box-shadow: none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font: normal 10px 'nexaheavy'; padding: 5px; padding-top:8px !important; text-shadow: none; text-transform: uppercase; vertical-align: middle; } /*Radio Button */ .radbut:hover { border: medium none !important; box-shadow: 0 15px 8px rgba(255, 255, 255, 0.3) inset; text-decoration: none; color: #FFFFFF !important; } .side-text { width: 150px; } /*News Page*/ .fb-like-box span iframe { width: 95% !important; } html#facebook body.plugin div.pluginSkinDark div._4s7c { border: none !important; } /*Contact Page*/ /*.field div.data input#name.txt {width: 370px;}*/ /*.field div.data input#email.txt {width: 370px;}*/ /*.field div.data textarea#message.txt {width: 370px;}*/ .txt { background: none repeat scroll 0 0 transparent; border-color: #999999; color: #CCC; font: 13px 'Helvetica Neue'; } .txt:focus { color: #FFF; } .contact-title { display: inline-block; width: 150px; } .box a.contact-link { color:#C2AC87} .box a.contact-link:hover { color:#CDCDCD} form#feedbackform.form fieldset.full div.forminfo input.button {background: none repeat scroll 0 0 #C2AC87 !important;} /*Topic Table*/ .itemthumb { float: inherit; } /*Discography Page*/ .discography {float: left;margin: 0 0 -1px;padding: 9px 0;width: 330px;} .photowrap { display:block; width:100%;} .photowrap .header { margin: 0; } .discography span.gallerythumbwrap img { margin:0; max-width: 100px !important; max-height: 80px !important;} .disco-header { line-height:15px; margin:0; } h4.disco-header a {color:#9CA4B7; text-transform:uppercase;} h4.disco-header.sub {color:#9CA4B7; text-transform:uppercase; display:block; float:none; margin-left:100px !important; padding-right:10px;} h4.disco-header a:hover {color:#FFF;} p.disco-details {line-height:15px; margin:0; display:block; float:none; margin-left:100px !important; padding-right:10px;} p.disco-details2 {line-height:15px; margin:0;color:#999; display:block; float:none; margin-left:100px !important; padding-right:10px; } p.disco-date {color: #999999;display: block;float: none;line-height: 15px;margin: 0;width: 30px; margin-left:100px !important; padding-right: 10px;} .discowrap a.buy { color: #9CA4B7;display: inline;float: left;font-size: 11px;text-transform: uppercase;line-height: 15px;} /*Media Page*/ .header p.viewall { margin:0;} h2.header img {margin: 0 10px 5px 0 !important;} /*Photo Gallery*/ .photowrap { display:inline-block;} .box div.gallery {margin: 0 0 -1px;} .gallery.even { /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/ /*border-top: 1px solid rgba(255, 255, 255, 0.2);*/ width: 50%; } .gallery.odd { /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/ /*border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/ width: 49%; } .gallerythumbwrap { height: auto; min-height: 75px; margin-bottom: 5px; } .gallery .gallerythumbwrap, div.video .videothumbwrap { margin: 10px 20px 10px 0 !important } .videothumbwrap {margin-bottom: 5px;} .gallery h3, div.video h3 { color: #FFF; font-size: 14px; margin-left: 0px; padding-right:10px; text-transform: uppercase; } article.main-content-wrapper div.col div.box h3.header { margin-left:0px !important;} div.video h3 { margin-left: 120px; /*margin-left: 120px;*/ } .gallery .date, div.video .date { color: #999999; font-size: 11px; margin-left: 120px; padding-right: 10px; margin-top:-10px; } .gallery .location, div.video .location { color: #FFF; font-size: 11px; margin-left: 120px; } .event p.location { color: #FFFFFF; margin-bottom: 10px; padding-right: 10px; } .themegallery .content-container,.themevideo .content-container { margin: 10px 20px!important; } .themegallery .header,.themevideo .header { margin-bottom: 0; } .gallery img { visibility: hidden; } /*Video Gallery*/ .videowrap { display:inline-block; width:100%; padding: 20px 0 0;} .videowrap .header { margin: 0; } div.video { float: left; /*margin: 0 0 15px 15px;*/ width: 98%; } .box div.video {margin: 0 0 -1px;} div.video.even { /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/ /*border-top: 1px solid rgba(255, 255, 255, 0.2);*/ width: 50%; } div.video.odd { /*border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2);*/ width: 49%; } .gallerythumbwrap { height: auto; max-height: 75px; } .gallery .gallerythumbwrap, div.video .videothumbwrap { margin-top: 6px; } .gallery .date, div.video .date { color: #999999; font-size: 11px; margin-left: 120px; padding-right: 10px; } .gallery .location, div.video .location { color: #FFF; font-size: 11px; margin-left: 120px; } .event p.location { color: #FFFFFF; margin-bottom: 10px; padding-right: 10px; } .photowrap div.gallery a h3 { margin-left: 120px !important; line-height:1 !important; margin-top:10px !important; } .half { width: 363px; } #user-login.form div.field label.lbl { width:150px; text-transform:uppercase; margin-left:20px;} #user-login.form div.field div.data {margin: 10px 0 10px 140px;} #user-login.form div.field div.data input#username.txt { width: 190px !important;} #user-login.form div.field div.data input#userpass.txt { width: 190px !important;} /* ------------------------------------- OVERIDE CODE FOR CARL COX END -------------------------------------------------*/ .oldie #page_header .bgback { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/page-headers/bg1.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/page-headers/bg1.jpg', sizingMethod='scale')"; } #page_header .row { margin-bottom: 0; } #current-date { color: #383838; font: 10px Arial, Helvetica, sans-serif; float: left; padding: 3px 10px; line-height: 1; background: rgba(255, 255, 255, 0.5); clear: left; } .breadcrumbs { margin: 40px 0 8px; padding: 0 10px; list-style: none; background: #000; float: left; } .breadcrumbs li { float: left; padding-left: 10px; background: url(/National_Library/oe_/https://www.carlcox.com/images/breadcrumbs-arr.png) no-repeat left center; margin-left: 10px; color: #eee; line-height: 1.9; font-size: 13px; font-weight: 700; } .breadcrumbs li:first-child { padding-left: 0; background: none; margin-left: 0; } .breadcrumbs li a { color: #fff; } .header-titles { text-align: right; } .header-titles h2 { color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); line-height: 1.3; margin-top: 20px } .header-titles h4 { color: #fff; background: rgba(0,0,0,0.2); display: inline-block; line-height: 1.8; padding: 0 10px; margin: 0; font-weight: 500; } .shadowUP { position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: url(/National_Library/oe_/https://www.carlcox.com/images/shadow-up.png) no-repeat center bottom; z-index: 2; } .shadowDown { position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: url(/National_Library/oe_/https://www.carlcox.com/images/shadow-down.png) no-repeat center bottom; z-index: 2; } /* fixed slideshow */ .slider_fixed #slideshow { position: fixed; padding: 0; height: auto; } .slider_fixed .inner-page { position: relative; } #page-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/National_Library/oe_/https://www.carlcox.com/images/loader_light.gif) no-repeat center center #333; z-index: 999999; } #slideshow ul { list-style: none; margin: 0; padding: 0; } /* Slideshow background skins */ #slideshow.dark-blue, #page_header.dark-blue { background-color: #345370; } /* also default */ #slideshow.normal-blue, #page_header.normal-blue { background-color: #2A8FBD; } #slideshow.light-blue, #page_header.light-blue { background-color: #00B4FF; } #slideshow.dark-red, #page_header.dark-red { background-color: #A40802; } #slideshow.normal-red, #page_header.normal-red { background-color: #F02311; } #slideshow.light-red, #page_header.light-red { background-color: #FF4040; } #slideshow.dark-green, #page_header.dark-green { background-color: #2A6400; } #slideshow.normal-green, #page_header.normal-green { background-color: #7FAF1B; } #slideshow.light-green, #page_header.light-green { background-color: #72DB27; } #slideshow.dark-gray, #page_header.dark-gray { background-color: #333; } #slideshow.normal-gray, #page_header.normal-gray { background-color: #777; } #slideshow.light-gray, #page_header.light-gray { background-color: #aaa; } #slideshow.yellow, #page_header.yellow { background-color: #FFFF00; } #slideshow.purple, #page_header.purple { background-color: #47092E; } #slideshow.orange, #page_header.orange { background-color: #FF7213; } #slideshow.black, #page_header.black { background-color: #0C0C0C; } #slideshow.white, #page_header.white { background-color: #f5f5f5; } /* static content in slideshow */ #slideshow .bg-wrapper-image { width: 100%; height: 100%; min-height: 500px; background: url(/National_Library/oe_/https://www.carlcox.com/images/sliders/static/bg1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .oldie #slideshow .bg-wrapper-image { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sliders/static/bg1.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/sliders/static/bg1.jpg', sizingMethod='scale')"; } #slideshow #bottom_mask { position: absolute; bottom: 0; left: 0; width: 100%; height: 27px; z-index: 99; background: url(/National_Library/oe_/https://www.carlcox.com/images/bottom_mask.png) no-repeat center top; } #slideshow #bottom_mask.mask2 { height: 33px; background: url(/National_Library/oe_/https://www.carlcox.com/images/bottom_mask2.png) no-repeat center top; } #slideshow .bg-wrapper-png { width: 100%; height: 100%; min-height: 500px; background: url(/National_Library/oe_/https://www.carlcox.com/images/sliders/static/rayoflight.png) no-repeat center center; } /* STATIC CONTENT- default */ .static-content { color: #fff; padding-top: 20px; } .static-content h2 { font-size: 64px; text-shadow: 1px 1px 0 rgba(0,0,0,0.7); line-height: 1.3; } .static-content h2.centered { text-align: center; } .static-content h3 { font-size: 32px; font-weight: 500; text-shadow: 1px 1px 0 rgba(0,0,0,0.7); line-height: 1.4; } .static-content h3 .stronger { font-weight: 900; border-bottom: 1px dotted rgba(255,255,255,0.5); padding-bottom: 2px; cursor: help; } .static-content h3.centered { max-width: 940px; margin: 0 auto; text-align: center; } .info_pop { width: 290px; margin: 50px auto 0; padding: 10px 20px; position: relative; color: #343434; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d1d1d1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%, #d1d1d1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d1d1', GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255,255,255,.8); -moz-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255,255,255,.8); box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8); } .info_pop.left { margin-left: 0; } .info_pop.right { margin-right: 0; } .info_pop:after { content: ""; position: absolute; border: 7px solid transparent; } .info_pop[data-arrow=top]:after { top: -14px; left: 50%; margin-left: -7px; border-bottom-width: 7px; border-bottom-color: #fefefe; } .info_pop[data-arrow=bottom]:after { bottom: -14px; left: 50%; margin-left: -7px; border-top-width: 7px; border-top-color: #fefefe; } .info_pop[data-arrow=left]:after { left: -14px; top: 50%; margin-top: -7px; border-right-width: 7px; border-right-color: #fefefe; } .info_pop[data-arrow=right]:after { right: -14px; top: 50%; margin-top: -7px; border-left-width: 7px; border-left-color: #fefefe; } .info_pop .text { color: #939393; font-size: 24px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-weight: 500; line-height: 1.2; margin: 5px 0; } .info_pop .buyit { float: right; text-align: center; line-height: 20px; font-weight: 900; color: #CD2122; padding: 10px 15px 10px; border: 0; margin: 13px -20px 0 0; font-size: 18px; background: rgba(0, 0, 0, 0.1); -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .info_pop:hover .buyit { padding: 10px 30px 10px 15px; } .info_pop .buyit:hover { color: #222; background: rgba(0, 0, 0, 0.2); } .animated { -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; animation-delay: 1.5s; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; } @-webkit-keyframes fadeBoxIn { 0% { -webkit-transform: scale(1); opacity:0; } 50% { -webkit-transform: scale(1.05); opacity:0.9; } 100% { -webkit-transform: scale(1); opacity:1 } } @-moz-keyframes fadeBoxIn { 0% { -moz-transform: scale(1); opacity:0; } 50% { -moz-transform: scale(1.05); opacity:0.9; } 100% { -moz-transform: scale(1); opacity:1 } } @-o-keyframes fadeBoxIn { 0% { -o-transform: scale(1); opacity:0; } 50% { -o-transform: scale(1.05); opacity:0.9; } 100% { -o-transform: scale(1); opacity:1 } } @keyframes fadeBoxIn { 0% { transform: scale(1); opacity:0; } 50% { transform: scale(1.05); opacity:0.9; } 100% { transform: scale(1); opacity:1 } } .fadeBoxIn { -webkit-animation-name: fadeBoxIn; -moz-animation-name: fadeBoxIn; -o-animation-name: fadeBoxIn; animation-name: fadeBoxIn; } /* STATIC CONTENT- boxes */ .boxes { margin-top: 70px; } .boxes .info_pop { width: auto; margin: 0 35px; } .boxes .info_pop .title { margin-bottom: 10px; } .boxes .info_pop img { margin-right: 15px; float: left; } /* STATIC CONTENT - play video */ .video_trigger_container { color: white; font-size: 11px; font-weight: 900; width: 150px; margin: 50px auto 0; display: block; text-align: center; } .playVideo { display: block; width: 57px; height: 57px; background-image: url(/National_Library/oe_/https://www.carlcox.com/images/icons/ico-playvideo.png); background-repeat: no-repeat; background-position: center center; background-color: #000; background-color: rgba(0,0,0,0.4); border: 4px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto 20px; cursor: pointer; -webkit-box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px black; box-shadow: 0 0 5px black; } .playVideo:hover { background-color: #000; } .video-container { max-height: 600px; overflow: hidden; height: 100%; } .video-container #the-video, .video-container #the-video img { width: 100% !important; height: auto; } .video-container #the-video.extplayer { height: 600px; } .video-container .captions { position: absolute; bottom: 20%; z-index: 1; left: 50%; width: 960px; margin-left: -480px; } .video-container .captions .line { margin-top: 1px; display: inline-block; padding: 5px 10px; background: rgba(0,0,0,0.3); font-size: 36px; color: #fff; line-height: 1.4; } /* STATIC CONTENT- maps */ .static-content.maps-style { padding: 0; background: url(/National_Library/oe_/https://www.carlcox.com/images/loader_light.gif) no-repeat center center; } .maps-style .info_pop { position: absolute; z-index: 1; right: 15px; bottom: 50px; } /* STATIC CONTENT- textpop */ .textpop-style { padding-top: 0; margin-bottom: 30px; } .textpop-style .texts > span { display: block; color: #eee; text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); line-height: 1; text-align: center; text-transform: uppercase; padding: 7px 0; cursor: default; position: relative; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .textpop-style .texts .line1 { font-size: 20px; letter-spacing: 10px; word-spacing: 5px; } .textpop-style .texts .line2 { font-size: 60px; font-weight: 700; letter-spacing: 5px; word-spacing: 5px; } .textpop-style .texts .line3 { font-size: 40px; } .textpop-style .texts .line4 { font-size: 30px; letter-spacing: 3px; word-spacing: 5px; margin-top: 5px; } .textpop-style .texts .stronger { font-weight: 900; border-bottom: 1px dotted rgba(255,255,255,0.5); padding-bottom: 2px; } .textpop-style .texts > span:hover { color: #fff; text-shadow: 0 4px 1px rgba(0, 0, 0, 0.6); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } /* STATIC CONTENT- event style */ .static-content.event-style h3 { text-align: left; font-size: 28px; margin-bottom: 50px; } .ud_counter { margin: 0 0 50px; } .ud_counter ul { display: inline-block; margin: 0; padding: 0; list-style: none } .ud_counter ul li { display: inline-block; margin: 0 0 0 20px; font-size: 28px; font-weight: 700; padding: 15px 10px; width: 60px; text-align: center; background: rgba(0,0,0,0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ud_counter ul li:first-child { margin-left: 0; } .ud_counter ul li span { display: block; font-size: 13px; margin-top: 17px; line-height: 1; } .ud_counter ul li.till_lauch { height: 80px; width: 80px; padding: 0; vertical-align: top; } #mail_when_ready { float: left; margin: 0; } #mail_when_ready input[type=submit] { vertical-align: top; } .static-content .or { line-height: 30px; margin: 0 20px; } .static-content.event-style .or { float: left; } .static-content.event-style .social-icons li { margin: 0 0 0 10px; } /* social icons */ .social-icons { margin: 0 0 20px; } .social-icons li { display: inline-block; margin: 5px; vertical-align: middle; } .social-icons li a { display: inline-block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(/National_Library/oe_/https://www.carlcox.com/images/social-icons-sprite.png); background-repeat: no-repeat; position: relative; background-color: #111; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .social-icons li a:hover { background-color: #cd2122; box-shadow: 0 0 6px rgba(0,0,0,0.4) } .social-icons.has_gradient li a:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000', GradientType=0 ); /* IE6-9 */ } .social-icons li.social-twitter a { background-position: 0 0; } .social-icons li.social-dribbble a { background-position: -30px 0; } .social-icons li.social-facebook a { background-position: -60px 0; } .social-icons li.social-envato a { background-position: -90px 0; } .social-icons li.social-flickr a { background-position: -120px 0; } .social-icons li.social-forrst a { background-position: -150px 0; } .social-icons li.social-gplus a { background-position: -180px 0; } .social-icons li.social-gplus2 a { background-position: -210px 0; } .social-icons li.social-icloud a { background-position: -240px 0; } .social-icons li.social-lastfm a { background-position: -270px 0; } .social-icons li.social-linkedin a { background-position: -300px 0; } .social-icons li.social-myspace a { background-position: -330px 0; } .social-icons li.social-paypal a { background-position: 0 -30px; } .social-icons li.social-piacasa a { background-position: -30px -30px; } .social-icons li.social-pinterest a { background-position: -60px -30px; } .social-icons li.social-reedit a { background-position: -90px -30px; } .social-icons li.social-rss a { background-position: -120px -30px; } .social-icons li.social-skype a { background-position: -150px -30px; } .social-icons li.social-stumbleupon a { background-position: -180px -30px; } .social-icons li.social-tumblr a { background-position: -210px -30px; } .social-icons li.social-vimeo a { background-position: -240px -30px; } .social-icons li.social-wordpress a { background-position: -270px -30px; } .social-icons li.social-yahoo a { background-position: -300px -30px; } .social-icons li.social-youtube a { background-position: -330px -30px; } .social-icons li.social-blogger a { background-position: 0px -60px; } .social-icons li.social-deviantart a { background-position: -30px -60px; } .social-icons li.social-digg a { background-position: -60px -60px; } .social-icons li.social-foursquare a { background-position: -90px -60px; } .social-icons li.social-friendfeed a { background-position: -120px -60px; } .social-icons li.social-mail a { background-position: -150px -60px; } .social-icons li.social-html5 a { background-position: -180px -60px; } .social-icons li.social-technorati a { background-position: -210px -60px; } .social-icons li.social-soundcloud a { background-position: -240px -60px; } .social-icons li.social-quora a { background-position: -270px -60px; } .social-icons li.social-bebo a { background-position: -300px -60px; } .social-icons li.social-aim a { background-position: -330px -60px; } .social-icons li.social-gosquared a { background-position: 0 -90px; } .social-icons li.social-dropbox a { background-position: -30px -90px; } .social-icons li.social-github a { background-position: -60px -90px; } .social-icons li.social-spotify a { background-position: -90px -90px; } .social-icons li.social-apple a { background-position: -120px -90px; } /* colored */ .social-icons.colored li.social-twitter a, .social-icons.coloredHov li.social-twitter a:hover { background-color: #00bdec; } .social-icons.colored li.social-dribbble a, .social-icons.coloredHov li.social-dribbble a:hover { background-color: #ef5b92; } .social-icons.colored li.social-facebook a, .social-icons.coloredHov li.social-facebook a:hover { background-color: #3b5998; } .social-icons.colored li.social-envato a, .social-icons.coloredHov li.social-envato a:hover { background-color: #8dc050; } .social-icons.colored li.social-flickr a, .social-icons.coloredHov li.social-flickr a:hover { background-color: #ea2698; } .social-icons.colored li.social-forrst a, .social-icons.coloredHov li.social-forrst a:hover { background-color: #366725; } .social-icons.colored li.social-gplus a, .social-icons.coloredHov li.social-gplus a:hover { background-color: #d94a39; } .social-icons.colored li.social-gplus2 a, .social-icons.coloredHov li.social-gplus2 a:hover { background-color: #d94a39; } .social-icons.colored li.social-icloud a, .social-icons.coloredHov li.social-icloud a:hover { background-color: #666666; } .social-icons.colored li.social-lastfm a, .social-icons.coloredHov li.social-lastfm a:hover { background-color: #d2013a; } .social-icons.colored li.social-linkedin a, .social-icons.coloredHov li.social-linkedin a:hover { background-color: #1b92bd; } .social-icons.colored li.social-myspace a, .social-icons.coloredHov li.social-myspace a:hover { background-color: #003398; } .social-icons.colored li.social-paypal a, .social-icons.coloredHov li.social-paypal a:hover { background-color: #32689a; } .social-icons.colored li.social-piacasa a, .social-icons.coloredHov li.social-piacasa a:hover { background-color: #8e5aa4; } .social-icons.colored li.social-pinterest a, .social-icons.coloredHov li.social-pinterest a:hover { background-color: #cb2027; } .social-icons.colored li.social-reedit a, .social-icons.coloredHov li.social-reedit a:hover { background-color: #82a6ce; } .social-icons.colored li.social-rss a, .social-icons.coloredHov li.social-rss a:hover { background-color: #ff7f00; } .social-icons.colored li.social-skype a, .social-icons.coloredHov li.social-skype a:hover { background-color: #18b7f1; } .social-icons.colored li.social-stumbleupon a, .social-icons.coloredHov li.social-stumbleupon a:hover { background-color: #229d3d; } .social-icons.colored li.social-tumblr a, .social-icons.coloredHov li.social-tumblr a:hover { background-color: #38526d; } .social-icons.colored li.social-vimeo a, .social-icons.coloredHov li.social-vimeo a:hover { background-color: #01557a; } .social-icons.colored li.social-wordpress a, .social-icons.coloredHov li.social-wordpress a:hover { background-color: #454545; } .social-icons.colored li.social-yahoo a, .social-icons.coloredHov li.social-yahoo a:hover { background-color: #ab64bc; } .social-icons.colored li.social-youtube a, .social-icons.coloredHov li.social-youtube a:hover { background-color: #d20800; } .social-icons.colored li.social-blogger a, .social-icons.coloredHov li.social-blogger a:hover { background-color: #FF7600; } .social-icons.colored li.social-deviantart a, .social-icons.coloredHov li.social-deviantart a:hover { background-color: #768C82; } .social-icons.colored li.social-digg a, .social-icons.coloredHov li.social-digg a:hover { background-color: #195695; } .social-icons.colored li.social-foursquare a, .social-icons.coloredHov li.social-foursquare a:hover { background-color: #1B6CB4; } .social-icons.colored li.social-friendfeed a, .social-icons.coloredHov li.social-friendfeed a:hover { background-color: #2F72C4; } .social-icons.colored li.social-mail a, .social-icons.coloredHov li.social-mail a:hover { background-color: #b5b5b5; } .social-icons.colored li.social-html5 a, .social-icons.coloredHov li.social-html5 a:hover { background-color: #E44D26; } .social-icons.colored li.social-technorati a, .social-icons.coloredHov li.social-technorati a:hover { background-color: #55BB00; } .social-icons.colored li.social-soundcloud a, .social-icons.coloredHov li.social-soundcloud a:hover { background-color: #db5708; } .social-icons.colored li.social-quora a, .social-icons.coloredHov li.social-quora a:hover { background-color: #852828; } .social-icons.colored li.social-bebo a, .social-icons.coloredHov li.social-bebo a:hover { background-color: #a03939; } .social-icons.colored li.social-aim a, .social-icons.coloredHov li.social-aim a:hover { background-color: #cdae2d; } .social-icons.colored li.social-gosquared a, .social-icons.coloredHov li.social-gosquared a:hover { background-color: #556065; } .social-icons.colored li.social-dropbox a, .social-icons.coloredHov li.social-dropbox a:hover { background-color: #2d76be; } .social-icons.colored li.social-github a, .social-icons.coloredHov li.social-github a:hover { background-color: #667F8E; } .social-icons.colored li.social-spotify a, .social-icons.coloredHov li.social-spotify a:hover { background-color: #62aa29; } .social-icons.colored li.social-apple a, .social-icons.coloredHov li.social-apple a:hover { background-color: #859dab; } .social-icons.colored li a:hover { background-color: #121212; } .black_border { border: 10px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 4px 10px rgba(0,0,0,0.5); box-shadow: 0 4px 10px rgba(0,0,0,0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .white_border { border: 10px solid white; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 4px 10px rgba(0,0,0,0.5); box-shadow: 0 4px 10px rgba(0,0,0,0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Static content - product zoom */ .productzoom-style h3 { font-size: 28px; } #screenshot { background: url(/National_Library/oe_/https://www.carlcox.com/images/sliders/static/screenshot-framed.png) no-repeat center top; position: relative; padding: 44px 24px 18px; width: 620px; height: 390px; } #screenshot .image { position: relative; } .loupe { cursor: url(/National_Library/oe_/https://www.carlcox.com/addons/jquery_loupe/blank.png), url(/National_Library/oe_/https://www.carlcox.com/addons/jquery_loupe/blank.cur), none; border: 2px solid white; background-repeat: no-repeat; background-position: center center; background-color: #fff; position: absolute; display: none; width: 150px; height: 150px; -moz-box-shadow: 0 0 5px #777, 0 0 10px #aaa inset; -webkit-box-shadow: 0 0 5px #777; box-shadow: 0 0 5px #777, 0 0 10px #aaa inset; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #slideshow .static-content .features { margin: 30px 0; } .static-content .features li { font-size: 16px; font-weight: 300; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted rgba(255,255,255,0.2); } .static-content .features li > span { margin: 7px 10px 0 0; } .static-content .btn > span { margin: 4px 8px 0 0; } /* static content - text with register form */ .fancy_register_form { padding: 25px 30px; max-width: 350px; background: rgba(255,255,255,0.3); color: #272727; position: relative; } .fancy_register_form form { margin: 0; } .fancy_register_form > h4 { margin: 0 0 25px; font-size: 20px; font-weight: 500; } .fancy_register_form label { display: inline-block; width: 120px; color: #fff; font-size: 14px; text-shadow: 0 1px 0 rgba(0,0,0,0.5); } .fancy_register_form input { margin: 0; } .fancy_register_form div { margin: 0 0 15px 0; } .fancy_register_form .btn { margin-left: 124px; } .fancy_register_form:after { content: ''; position: absolute; bottom: -25px; left: 100px; border-top: 25px solid #fff; border-right: 25px solid transparent; opacity: .3; filter: alpha(opacity=30); } /* static content - simple */ .static-content.simple { color: #8b8b8b; text-shadow: 0 2px 0 #fff; } .static-content.simple h2, .static-content.simple h3 { text-shadow: 0 2px 0 #fff; } .static-content.simple .can_be_used { color: #b7b7b7; font-weight: 500; } .static-content.simple .can_be_used span { color: #ff6b6b; } .static-content.simple .btn.btn-flat { margin-top: 20px; } .static-content.simple .btn.btn-flat:hover { background: #343434; } .static-content.simple .btn.btn-flat:after { content: ''; position: absolute; right: -20px; top: 0; width: 20px; height: 40px; background: #f5f5f5; } .static-content.simple .line { float: left; width: 100%; height: 1px; background: #c6c6c6; margin-top: -21px; } /* Mod Title */ .m_title { margin-top: 0; color: #CD2122; text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } h3.m_title { font-size: 20px; line-height: 1.4; } .smallm_title { color: #CD2122; text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 700; border-bottom: 1px solid #bcbcbc; margin: 0 0 20px; } .smallm_title span { padding-bottom: 9px; display: inline-block; border-bottom: 1px solid #bcbcbc; position: relative; } .smallm_title span:before { content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -2px; border: 3px solid transparent; border-bottom-color: #bcbcbc; } .smallm_title.centered { text-align: center; } .smallm_title.bigger { font-size: 18px; } .circle_title { color: #cd2122; text-shadow: 0 1px 0 #fff; position: relative; margin-top: 0; } .circle_title:after { content: ''; position: absolute; left: 55px; right: 0; bottom: 5px; border-bottom: 1px dotted #bbb; } .circle_title > span { font-size: 14px; font-weight: 500; display: inline-block; background: white; width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mb_title { font-size: 20px; background: white; display: inline-block; padding: 0 10px; color: #595959; line-height: 1.5; } .mb_title img { margin-right: 5px; margin-top: -3px; } /* page title */ .page-title, .subtitle { line-height: 1.4; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #cbcbcb; } .page-title { font-size: 26px; color: #050505; margin-top: 0; } .subtitle { font-size: 36px; color: #595959; font-weight: 300; } /* support panel */ #sliding_panel { background: #eee; height: 0; position: relative; overflow: hidden; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; } #sliding_panel.opened { margin-top: 0; } #sliding_panel .container { padding: 15px 0; } #open_sliding_panel span { display: none; } #open_sliding_panel.active span { display: inline-block; } #close_sliding_panel { display: block; width: 14px; height: 14px; position: absolute; right: 14px; top: 0; background: #CCC; padding: 40px 10px 10px 10px; } #close_sliding_panel:hover { background: #ddd; } .how_to_shop > .row { font-size: 14px; margin-bottom: 20px; } .how_to_shop > p { font-size: 13px; margin-top: 15px; } .how_to_shop .number { display: inline-block; width: 28px; height: 28px; line-height: 28px; font-size: 16px; color: #fff; background: #CD2122; text-align: center; margin-right: 10px; font-weight: 900; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /** Login Register stuff */ #register_panel, .register-panel { width: 400px; } .login-panel, .register-panel, .forgot-panel { padding: 20px; } .login-panel .m_title, .register-panel .m_title, .forgot-panel .m_title { font-size: 20px; font-weight: 500; color: #4a4a4a; margin-bottom: 20px; line-height: 1; } .login-panel .inputbox { width: 145px; margin: 0 4px 0 0; vertical-align: top; } .login-panel input[type=submit], .register-panel input[type=submit], .forgot-panel input[type=submit] { border: 0; vertical-align: top; height: 30px; } .login-panel .create_account, .login-panel input[type=submit], .register-panel input[type=submit], .forgot-panel input[type=submit], .login-panel .login_facebook { display: inline-block; line-height: 30px; background: #E12121; color: white; font-size: 14px; padding: 0 10px; margin-right: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .login-panel .create_account:hover, .login-panel input[type=submit]:hover, .register-panel input[type=submit]:hover, .forgot-panel input[type=submit]:hover { background: #787878; } .login-panel .login_facebook { background: #3b5998; margin-right: 0; } .login-panel .links a, .register-panel .links a, .forgot-panel .links a { font-size: 10px; font-weight: normal; color: #898989; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } /** Scroll to top button **/ #totop { height: 9px; opacity: 0; filter: alpha(opacity=0); position: fixed; right: -50px; width: 49px; z-index: 9999; display: block; top: 85%; background-image: url("/National_Library/oe_/https://www.carlcox.com/images/arrow_totop.png"); background-repeat: no-repeat; background-position: center 15px; background-color: #404040; font-size: 9px; font-weight: 900; color: #fff; text-align: center; line-height: 1; padding: 28px 0 12px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #totop.on { right: 10px; opacity: 0.7; filter: alpha(opacity=70); } #totop.off { right: -59px } #totop:hover { opacity: 1; filter: alpha(opacity=100) } /** Action Box **/ #action_box { padding: 20px 0; color: #fff; border-top: 2px solid #fff; border-bottom: 1px solid #fff; position: relative; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000', GradientType=0 ); /* IE6-9 */ background-color: #CD2122; } #action_box .row { margin-bottom: 0; } #action_box h4.text { margin: 5px 0; font-weight: 500; font-size: 22px; } #action_box:after, #action_box:before { content: ""; position: absolute; left: 50%; bottom: -14px; margin-left: -25%; border-radius: 3px; border: 8px solid transparent; border-top-width: 7px; border-top-color: #CD2122; } #action_box:after { border-top-color: rgba(0,0,0,0.2); } #action_box[data-arrowpos=center]:after, #action_box[data-arrowpos=center]:before { margin-left: -7px; } #action_box[data-arrowpos=right]:after, #action_box[data-arrowpos=right]:before { margin-left: 25%; } /* PORTFOLIO DEVICES SLIDER */ .portfolio-slider-frames { } .portfolio-slider-frames h3 { font-size: 27x; font-weight: 500; text-shadow: 1px 1px 0 rgba(0,0,0,0.7); line-height: 1.4; max-width: 860px; margin: 0 auto; color: #fff; text-align: center; } .portfolio-slider-frames h3 .stronger { font-weight: 900; border-bottom: 1px dotted rgba(255,255,255,0.5); padding-bottom: 2px; cursor: help; } /* LAPTOP SLIDER */ .laptop-slider-wrapper { } .laptop-slider-wrapper h3 { font-size: 27px; font-weight: 300; text-shadow: 1px 1px 0 rgba(0,0,0,0.7); line-height: 1.4; max-width: 860px; margin: 0 auto; color: #fff; text-align: center; } .laptop-slider-wrapper h3 strong { font-weight: 500; } .laptop-slider-wrapper h3 .stronger { border-bottom: 1px dotted rgba(255,255,255,0.5); padding-bottom: 2px; cursor: help; } /* Site Content */ .hoverBorder { position: relative; display: inline-block; } .hoverBorder:hover img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0.8; filter: alpha(opacity=80); } .imgboxes_style1 .hoverBorder h6 { position: absolute; left: -10px; bottom: 11px; color: #fff; padding: 6px 10px; background: #cd2122; font-size: 12px; font-weight: 500; line-height: 1; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .imgboxes_style1 .hoverBorder:hover h6 { left: 15px; } .hoverBorderWrapper { position: relative; display: block; } .theHoverBorder { position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset; box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset; } .theHoverBorder:hover { -webkit-box-shadow: 0 0 0 5px #cd2122 inset; -moz-box-shadow: 0 0 0 5px #cd2122 inset; box-shadow: 0 0 0 5px #cd2122 inset; } .plus .theHoverBorder { background-position: center center; } .plus .theHoverBorder:hover { background-image: url(/National_Library/oe_/https://www.carlcox.com/images/plus01.png); background-repeat: no-repeat; background-position: center center; background-color: rgba(35,35,35,0.5); } .image-boxes .hoverBorder { margin-bottom: 15px; } .image-boxes .box { margin-bottom: 20px; } .slidingDetails { position: relative; display: block; overflow: hidden; } .slidingDetails img { position: relative; } .slidingDetails .details { position: absolute; left: 0; right: 0; bottom: 0; top: 100%; visibility: hidden; padding: 10px; font-size: 12px; color: #fff; background: #232323; background: rgba(35,35,35,0.8); } .slidingDetails:hover .details { visibility: visible; top: 0; } .slidingDetails:hover { -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.5); box-shadow: 0 0 7px rgba(0,0,0,0.5); } .slidingDetails .details h4 { font-size: 14px; margin-top: 5px; } .slidingDetails .details h6 { color: #fff; font-size: 12px; font-weight: 500; line-height: 1.5; margin: 0; } /* tabs style 1 */ .tabs_style1 { background: #fff; border: 1px solid #ececec; } .tabs_style1 > ul.nav { margin-bottom: 0; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(249,249,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-9 */ } .tabs_style1 > ul.nav > li { float: left; margin-bottom: -1px; } .tabs_style1 > ul.nav > li > a { padding: 8px 20px; line-height: 18px; border: 1px solid transparent; border-left: 1px solid #fff; border-right: 1px solid #ececec; color: #343434; } .tabs_style1 > ul.nav > li.active > a, .tabs_style1 > ul.nav > li > a:hover { background-color: #fff; } .tabs_style1 > ul.nav > li.active > a { border-top: 3px solid #cd2122; border-left: 0; font-weight: 700; padding: 6px 20px 10px; } .tabs_style1 .tab-content { display: table; width: 100%; padding: 10px 15px 15px; } /* tabs style 2 */ .tabs_style2 { margin: 10px 0; } .tabs_style2 > ul.nav { margin-bottom: 10px; } .tabs_style2 > ul.nav > li { float: left; border-left: 1px dotted #ccc; line-height: 18px; } .tabs_style2 > ul.nav > li:first-child { border-left: 0; } .tabs_style2 > ul.nav > li:first-child a { border-left: 0; padding-left: 0; } .tabs_style2 > ul.nav > li > a { padding: 4px 20px; line-height: 18px; color: #555; font-weight: normal; } .tabs_style2 > ul.nav > li.active > a, .tabs_style2 > ul.nav > li > a:hover { background: none; color: #222; } .tabs_style2 .tab-content { display: table; width: 100%; padding: 0; } /* tabs style 3 */ .tabs_style3 { background: #fff; border: 1px solid #ececec; border-radius: 5px; position: static; overflow: hidden; } .tabs_style3 > ul.nav { margin-bottom: 0; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(249,249,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-9 */ } .tabs_style3 > ul.nav > li { float: left; margin-bottom: -1px; } .tabs_style3 > ul.nav > li > a { padding: 8px 20px; line-height: 18px; border: 1px solid transparent; border-left: 1px solid #fff; border-right: 1px solid #ececec; color: #343434; } .tabs_style3 > ul.nav > li.active > a, .tabs_style3 > ul.nav > li > a:hover { background-color: #fff; } .tabs_style3 > ul.nav > li.active > a { border-left: 0; font-weight: 700; } .tabs_style3 .tab-content { display: table; width: 100%; padding: 10px 15px 15px; } /* tabs style 4 */ .tabs_style4 { } .tabs_style4 > ul.nav { margin-bottom: 0; } .tabs_style4 > ul.nav > li { float: left; margin-bottom: -1px; } .tabs_style4 > ul.nav > li > a { padding: 8px 20px; line-height: 18px; color: #343434; } .tabs_style4 > ul.nav > li.active > a, .tabs_style4 > ul.nav > li > a:hover { color: #222; } .tabs_style4 > ul.nav > li.active > a { background: #fff; border: 1px solid #ececec; border-bottom: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabs_style4 .tab-content { display: table; width: 100%; padding: 10px 15px 15px; border: 1px solid #ececec; background: #fff; } /* partners carousel */ .partners_carousel h5.title { font-weight: 500; margin-top: 0; text-shadow: 1px 1px 0 #fff } .partners_carousel ul { margin: 0; padding: 0; list-style: none; } .partners_carousel li { float: left; text-align: center; margin: 0; padding: 0 0 0 10px; } .partners_carousel li a { display: block; padding: 10px 0; margin: 0px; min-height: 46px; line-height: 46px; border: 4px solid #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ffffff; } .partners_carousel li a img { opacity: .8; filter: alpha(opacity=80); } .partners_carousel li a:hover { background: #f9f9f9; border: 4px solid #eee; } .partners_carousel li a:hover img { opacity: 1; filter: alpha(opacity=100); } .partners_carousel .controls { } .partners_carousel .controls > a { opacity: 0.5; filter: alpha(opacity=50); } .partners_carousel .controls > a:hover { opacity: 1; filter: alpha(opacity=100); } .infobox1 { text-align: center; background: #ececec; border-bottom: 1px solid rgba(255,255,255,0.9); padding: 20px 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .infobox1 .m_title { font-weight: 700; line-height: 1; margin: 0 0 10px; } .infobox1:hover { background: #e9e9e9; } .infobox2 { background: #ececec; border-bottom: 1px solid rgba(255,255,255,0.9); padding: 20px 20px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .infobox2 .m_title { font-weight: 700; line-height: 1; margin: 0 0 10px; } .infobox2 .btn { float: right; font-size: 14px; margin-top: 5px; } .infobox2:hover { background: #e9e9e9; } .feature_box .box { margin-bottom: 15px } .feature_box .title { font-size: 14px; font-weight: 700; color: #CD2122; text-shadow: 1px 1px 0 white; vertical-align: middle; } .feature_box.default_style .title > img { margin-right: 10px; } .feature_box.style2 .box { min-height: 90px } .feature_box.style2 span.icon { margin-right: 14px; display: inline-block; padding: 8px; background: #646464; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .feature_box.style2 span.icon img { vertical-align: middle; } .feature_box.style2 p { margin-left: 50px } .feature_box.style3 .box { min-height: 90px; padding: 10px; text-align: center; position: relative; } .feature_box.style3 .box .title { margin-bottom: 25px; } .feature_box.style3 span.icon { display: inline-block; margin-bottom: 20px; width: 32px; height: 32px; } .feature_box.style3 .box:hover { background: #cd2122; color: #fff; } .feature_box.style3 .box:hover .title { margin-bottom: 25px; color: #fff; text-shadow: none; } .feature_box.style3 .box:hover:after { content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: #fff; } .feature_box.style3 .box:hover:before { content: ''; position: absolute; top: 2px; left: 50%; margin-left: -2px; border: 4px solid transparent; border-top-color: #fff; } .feature_box.style3 span.icon.ico1 { background: url(/National_Library/oe_/https://www.carlcox.com/images/icons/featured_boxes3/ico-01.png) no-repeat center top; } .feature_box.style3 span.icon.ico2 { background: url(/National_Library/oe_/https://www.carlcox.com/images/icons/featured_boxes3/ico-02.png) no-repeat center top; } .feature_box.style3 span.icon.ico3 { background: url(/National_Library/oe_/https://www.carlcox.com/images/icons/featured_boxes3/ico-03.png) no-repeat center top; } .feature_box.style3 span.icon.ico4 { background: url(/National_Library/oe_/https://www.carlcox.com/images/icons/featured_boxes3/ico-04.png) no-repeat center top; } .feature_box.style3 .box:hover span.icon { background-position: center bottom; } .services_box .box { margin-bottom: 15px } .services_box .title { font-size: 14px; font-weight: 700; color: #CD2122; text-shadow: 1px 1px 0 white; vertical-align: middle; } .services_box .icon { float: left; width: 80px; line-height: 76px; background: #646464; text-align: center; margin-right: 20px; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 80px; } .services_box .box:hover .icon { background: #cd2122; } .services_box ul { float: left; } .latest_posts.default-style .hoverBorder { margin-bottom: 10px; } .latest_posts.default-style .hoverBorder h6 { position: absolute; left: -10px; bottom: 16px; color: #fff; padding: 6px 10px; background: #cd2122; font-size: 12px; font-weight: 500; line-height: 1; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .latest_posts.default-style .hoverBorder:hover h6 { left: 15px; background: #fff; color: #cd2122; } .latest_posts.default-style a + em { font-size: 11px; color: #7d7d7d; } .latest_posts.default-style .post .m_title { font-style: italic; font-size: 16px; line-height: 1.4; margin-top: 10px; } .latest_posts.style2 { position: relative; } .latest_posts.style2 .viewall { position: absolute; top: 12px; right: 0; font-size: 10px; font-weight: normal; color: #757575; } .latest_posts.style2 .viewall:hover { color: #111; } .latest_posts.style2 ul.posts { margin: 0; padding: 0; list-style: none; } .latest_posts.style2 ul.posts li { margin-top: 20px; } .latest_posts.style2 ul.posts li:first-child { margin-top: 0px; } .latest_posts.style2 ul.posts .title { font-size: 14px; font-weight: 700; color: #CD2122; text-shadow: 1px 1px 0 white; vertical-align: middle; } .latest_posts.style2 ul.posts .details { float: left; width: 110px; } .latest_posts.style2 ul.posts .details > span { display: inline-block; margin-bottom: 2px; font-size: 10px } .latest_posts.style2 ul.posts .details span.date { background: #a4a4a4; color: #fff; padding: 0 5px; position: relative } .latest_posts.style2 ul.posts .details span.date:after { content: ''; position: absolute; bottom: -8px; left: 10px; border: 4px solid transparent; border-top-color: #a4a4a4; } .latest_posts.style2 ul.posts .text { margin-left: 110px; } .latest_posts.style3 { position: relative; } .latest_posts.style3 .hoverBorder { margin-right: 20px; margin-top: 5px; } .latest_posts.style3 .viewall { position: absolute; top: 12px; right: 0; font-size: 10px; font-weight: normal; color: #757575; } .latest_posts.style3 .viewall:hover { color: #111; } .latest_posts.style3 ul.posts { margin: 0; padding: 0; list-style: none; } .latest_posts.style3 ul.posts li { margin-top: 15px; } .latest_posts.style3 ul.posts li:first-child { margin-top: 0px; } .latest_posts.style3 ul.posts .title { font-size: 13px; margin: 0 0 5px; font-weight: 700; color: #CD2122; text-shadow: 1px 1px 0 white; vertical-align: middle; } .latest_posts.style3 ul.posts .text { } /* latest posts - accordion style */ .latest_posts.acc-style { position: relative; } .latest_posts.acc-style h3.m_title { position: absolute; top: 14px; z-index: 1; margin: 0; } .latest_posts.acc-style .viewall { position: absolute; top: 12px; right: 0; font-size: 10px; font-weight: normal; color: #757575; z-index: 1; } .latest_posts.acc-style .viewall:hover { color: #111; } .css3accordion { width: 1170px; margin: 0 auto 20px; overflow: hidden; position: relative; } /* .css3accordion, .css3accordion>ul>li .thumb, .css3accordion>ul>li>.inner-acc, .css3accordion>ul { height: 202px; } */ .css3accordion>ul { list-style: none; padding: 0; margin: 0; width: 2222em; } .css3accordion>ul>li { width: 272px; padding-top: 50px; position: relative; float: left; overflow: hidden; margin-right: 20px; border-top: 4px solid #E7E7E7; transition: width 0.3s ease 0.2s; -moz-transition: width 0.3s ease 0.2s; -webkit-transition: width 0.3s ease 0.2s; -o-transition: width 0.3s ease 0.2s; } .css3accordion>ul>li>.inner-acc { width: 585px; } .css3accordion>ul>li .thumb { max-width: 273px; display: inline-block; float: left; margin-right: 20px; opacity: .8; filter: alpha(opacity=80); } .css3accordion>ul>li.last, .css3accordion>ul>li:hover { width: 585px; } .css3accordion>ul>li:hover .thumb { opacity: 1; filter: alpha(opacity=100); } .css3accordion>ul>li.last { margin-right: 0; } .css3accordion .content > em { font-size: 11px; color: #7d7d7d; } .css3accordion .content > .m_title { font-size: 13px; line-height: 1.4; margin: 10px 0; } .css3accordion .text + a { font-size: 10px; font-weight: normal; color: #888; display: inline-block; margin-top: 5px; } /* process steps */ .process_steps { overflow: hidden; border-radius: 2px; margin-bottom: 15px; } .process_steps .step { float: left; width: 25%; padding: 15px; color: #fff; min-height: 230px; position: relative; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .process_steps .step:after { content: ''; position: absolute; top: 15px; right: -14px; border: 7px solid transparent; z-index: 1; } .process_steps .step.intro { background: #cd2122; text-align: left; } .process_steps .step.intro:after { border-left-color: #cd2122; } .process_steps .step.step1 { background: #5a5a5a; } .process_steps .step.step1:after { border-left-color: #5a5a5a; } .process_steps .step.step2 { background: #4a4a4a; } .process_steps .step.step2:after { border-left-color: #4a4a4a; } .process_steps .step.step3 { background: #3e3e3e; } .process_steps .step.step3:after { display: none; } .process_steps .step.intro > h3 { margin-top: 0; line-height: 1.2; font-weight: 500; } .process_steps .step.intro > h3 strong { font-size: 120%; display: block; } .process_steps .step.intro > a { font-size: 11px; font-weight: 700; color: #eee; } .process_steps .step.intro > a:hover { color: #fff; } .process_steps .step > div + h3 + p { margin-bottom: 0; } .process_steps .step .icon { margin: 20px 0 15px; min-height: 50px; line-height: 50px; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 33% { -webkit-transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 33% { -moz-transform: scale(0.9); } 66% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-ms-keyframes pulse { 0% { -ms-transform: scale(1); } 33% { -ms-transform: scale(0.9); } 66% { -ms-transform: scale(1.1); } 100% { -ms-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 33% { -o-transform: scale(0.9); } 66% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 33% { transform: scale(0.9); } 66% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-ms-keyframes tada { 0% { -ms-transform: scale(1); } 10%, 20% { -ms-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -ms-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -ms-transform: scale(1.1) rotate(-3deg); } 100% { -ms-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes fadeOutRightBig { 0% { -webkit-transform: translate(2px, 1px); } 3% { -webkit-transform: translate(-1px, -2px); } 6% { -webkit-transform: translate(-3px, 0px); } 8% { -webkit-transform: translate(0px, 2px); } 10% { -webkit-transform: translate(1px, -1px); } 20% { -webkit-transform: translate(20px, -20px); } 100% { -webkit-transform: translate( 120px, -120px); } } @-moz-keyframes fadeOutRightBig { 0% { -moz-transform: translate(2px, 1px); } 3% { -moz-transform: translate(-1px, -2px); } 6% { -moz-transform: translate(-3px, 0px); } 8% { -moz-transform: translate(0px, 2px); } 10% { -moz-transform: translate(1px, -1px); } 20% { -moz-transform: translate(20px, -20px); } 100% { -moz-transform: translate( 120px, -120px); } } @-ms-keyframes fadeOutRightBig { 0% { -ms-transform: translate(2px, 1px); } 3% { -ms-transform: translate(-1px, -2px); } 6% { -ms-transform: translate(-3px, 0px); } 8% { -ms-transform: translate(0px, 2px); } 10% { -ms-transform: translate(1px, -1px); } 20% { -ms-transform: translate(20px, -20px); } 100% { -ms-transform: translate( 120px, -120px); } } @-o-keyframes fadeOutRightBig { 0% { -o-transform: translate(2px, 1px); } 3% { -o-transform: translate(-1px, -2px); } 6% { -o-transform: translate(-3px, 0px); } 8% { -o-transform: translate(0px, 2px); } 10% { -o-transform: translate(1px, -1px); } 20% { -o-transform: translate(20px, -20px); } 100% { -o-transform: translate( 120px, -120px); } } @keyframes fadeOutRightBig { 0% { transform: translate(2px, 1px); } 3% { transform: translate(-1px, -2px); } 6% { transform: translate(-3px, 0px); } 8% { transform: translate(0px, 2px); } 10% { transform: translate(1px, -1px); } 20% { transform: translate(20px, -20px); } 100% { transform: translate( 120px, -120px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -ms-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } .process_steps .step:hover .icon[data-animation=tada] img { -webkit-animation: tada ease-in-out 1 normal 800ms; -moz-animation: tada ease-in-out 1 normal 800ms; -ms-animation: tada ease-in-out 1 normal 800ms; -o-animation: tada ease-in-out 1 normal 800ms; animation: tada ease-in-out 1 normal 500ms; } .process_steps .step:hover .icon[data-animation=pulse] img { -webkit-animation: pulse ease-in-out 1 normal 500ms; -moz-animation: pulse ease-in-out 1 normal 500ms; -ms-animation: pulse ease-in-out 1 normal 500ms; -o-animation: pulse ease-in-out 1 normal 500ms; animation: pulse ease-in-out 1 normal 500ms; } .process_steps .step:hover .icon[data-animation=fadeOutRightBig] img { -webkit-animation: fadeOutRightBig ease-out 1 normal 1s; -moz-animation: fadeOutRightBig ease-out 1 normal 1s; -ms-animation: fadeOutRightBig ease-out 1 normal 1s; -o-animation: fadeOutRightBig ease-out 1 normal 1s; animation: fadeOutRightBig ease-out 1 normal 1s; } /* recent work carousel */ .recentwork_carousel li a:hover .details > .bg, .recentwork_carousel li .hover .hov, .recentwork_carousel.style2 li .details { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .recentwork_carousel h5.title { font-weight: 500; margin-top: 0; text-shadow: 1px 1px 0 #fff } .recentwork_carousel ul { margin: 0; padding: 0; list-style: none; height: auto; } .recentwork_carousel li { float: left; text-align: center; margin: 0; padding: 0 0 0 20px; } .recentwork_carousel li a { display: block; padding: 0; margin: 0px; } .recentwork_carousel li .hover { display: block; position: relative; overflow: hidden; } .recentwork_carousel li .hover .hov { position: absolute; left: 0; right: 0; bottom: 0; top: 100%; background-image: url(/National_Library/oe_/https://www.carlcox.com/images/plus01.png); background-repeat: no-repeat; background-position: center center; background-color: rgba(35,35,35,0.8); display: block; } .recentwork_carousel li a:hover .hov { top: 0; } .recentwork_carousel li .details { display: block; position: relative; } .recentwork_carousel li .details > .bg { position: absolute; top: 0; height: 0; background: #cd2122; width: 100%; left: 0; } .recentwork_carousel li .details h4 { font-size: 14px; color: #cd2122; padding: 10px 0; margin: 0; position: relative; z-index: 1; } .recentwork_carousel li .details h4 + span { font-size: 11px; display: block; color: #343434; line-height: 1; padding-bottom: 15px; position: relative; z-index: 1; } .recentwork_carousel li a:hover .details > .bg { height: 100%; } .recentwork_carousel li a:hover .details, .recentwork_carousel li a:hover .details h4 + span { color: #fff; } .recentwork_carousel .controls > a { opacity: 0.5; filter: alpha(opacity=50); } .recentwork_carousel .controls > a:hover { opacity: 1; filter: alpha(opacity=100); } /* recent work carousel - style2 */ .recentwork_carousel.style2 { position: relative; } .recentwork_carousel.style2 .controls { position: absolute; right: 20px; top: 12px; } .recentwork_carousel.style2 li { padding: 0 20px 0 0; } .recentwork_carousel.style2 li > a { position: relative; display: inline-block; overflow: hidden; } .recentwork_carousel.style2 li .details { position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; filter: alpha(opacity=0); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.25)), color-stop(1%, rgba(0,0,0,0.25)), color-stop(100%, rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#a6000000', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .recentwork_carousel.style2 li a:hover .details { opacity: 1; filter: alpha(opacity=100); } .recentwork_carousel.style2 li a .details .plus { position: absolute; display: block; width: 24px; height: 24px; background: #cd2122; font-size: 16px; color: #fff; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; font-weight: normal; line-height: 24px; text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3); box-shadow: 0 0 6px rgba(0,0,0,0.3); } .recentwork_carousel.style2 li a .details h4 { position: absolute; font-size: 14px; top: 65%; left: 0; right: 0; margin: 0; padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #fff; } .recentwork_carousel.style2 li a .details h4 + span { position: absolute; font-size: 11px; top: 80%; left: 0; right: 0; padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #fff; } /* goboxes */ .gobox { background: #797979; color: #fff; padding: 15px; min-height: 100px; position: relative; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .gobox:hover { -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2); box-shadow: 0 0 15px rgba(0,0,0,0.2) } .gobox h4 { margin-top: 5px; } .gobox:after { content: ''; position: absolute; top: 50%; right: -10px; margin-top: -5px; border: 5px solid transparent; border-left-color: #797979; } .gobox.ok { background: #cd2122; font-size: 13px; text-transform: uppercase; } .gobox.ok:after { display: none; } .gobox.ok h4 { font-size: 26px; margin-top: 20px; } .gobox.ok > img { float: left; margin-right: 25px; margin-top: 20px; } .gray-area { background: #ebebeb; padding: 30px 0 0; margin-bottom: 30px; } .gray-area.noMargin { margin-bottom: 0; padding-bottom: 20px; } /* info text box */ .info-text { background: #767676; color: #fff; font-size: 28px; line-height: 1.4; padding: 15px 20px; position: relative; -webkit-box-shadow: 3px 3px 0 white; -moz-box-shadow: 3px 3px 0 white; box-shadow: 3px 3px 0 white; } .info-text:after { content: ''; width: 34px; height: 34px; background: url(/National_Library/oe_/https://www.carlcox.com/images/info-circle.png); position: absolute; right: 10px; bottom: 10px; } /* testimonials carousel */ .testimonials-carousel { position: relative; } .testimonials-carousel .controls { position: absolute; right: 0; top: 14px; } .testimonials-carousel .controls > a { opacity: 0.5; filter: alpha(opacity=50); } .testimonials-carousel .controls > a:hover { opacity: 1; filter: alpha(opacity=100); } .testimonials-carousel ul { margin: 0; padding: 0; list-style: none; } .testimonials-carousel ul li { float: left; } .testimonials-carousel blockquote { background: #fff; border: 4px solid #eee; margin: 0 0 10px; padding: 15px; font-size: 12px; font-style: italic; color: #474747; position: relative; } .testimonials-carousel blockquote:after { content: ''; position: absolute; bottom: -14px; left: 15px; border: 7px solid transparent; border-top-color: #fff; } .testimonials-carousel blockquote + h5 { margin-top: 0; margin-left: 5px; font-size: 13px; font-weight: 500; } /* FLICKR FEED */ .flickr_feeds { margin: 0 0 0 -20px; padding: 0; list-style: none; position: relative; } .flickrfeed.loading:after { content: 'Loading..'; } .flickr_feeds li { float: left; margin: 0 0 20px 20px; } .flickr_feeds li a { display: block; width: 75px; position: relative; } .flickr_feeds[data-size=small] li a { width: 60px; } .flickr_feeds li a .hov1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .hover-box { display: block; padding: 15px; background: #969696; border: 1px solid rgba(0,0,0,0.4); color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); border-radius: 3px; } .hover-box:hover { background: #cd2122; color: #fff; } .hover-box.centered { text-align: center; } .hover-box > img { float: left; margin: 15px 15px 8px 10px; } .hover-box > h3 { line-height: 1.1; margin-top: 0; } .hover-box > h4 { line-height: 1.1; margin-top: 0; } .hover-box > p { margin-bottom: 0; line-height: 1.1; } /* CIRCLE HOVER */ .circlehover { width: 110px; height: 110px; text-align: center; color: white; font-size: 18px; padding: 10px; display: table; line-height: 1.4; background-color: #CD2122; position: relative; font-weight: 700; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 1px rgba(0,0,0,0.5); box-shadow: 3px 3px 1px rgba(0,0,0,0.5); } .circlehover[data-size="small"] { width: 80px; height: 80px; font-size: 14px; padding: 8px; } .circlehover[data-size="medium"] { width: 95px; height: 95px; font-size: 16px; padding: 10px; } .circlehover span { display: table-cell; vertical-align: middle; position: relative; z-index: 1; } .circlehover:before { content: ''; position: absolute; top: 7px; left: 7px; background: #CD2122; width: 30px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .circlehover[data-position="top-left"]:before { top: 7px; left: 7px; } .circlehover[data-position="top-right"]:before { top: 7px; right: 7px; left: auto; } .circlehover[data-position="bottom-left"]:before { bottom: 7px; left: 7px; top: auto; } .circlehover[data-position="bottom-right"]:before { bottom: 7px; right: 7px; left: auto; top: auto; } .circlehover[data-position="top"]:before, .circlehover[data-position="right"]:before, .circlehover[data-position="left"]:before, .circlehover[data-position="bottom"]:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .circlehover[data-position="top"]:before { top: -10px; left: 50%; margin-left: -15px; } .circlehover[data-position="right"]:before { top: 50%; right: -10px; left: auto; margin-top: -15px; } .circlehover[data-position="left"]:before { top: 50%; left: -10px; margin-top: -15px; } .circlehover[data-position="bottom"]:before { bottom: -10px; left: 50%; margin-left: -15px; top: auto; } .circlehover[data-position="bottom-right"] { -webkit-box-shadow: -3px -3px 1px rgba(0,0,0,0.5); -moz-box-shadow: -3px -3px 1px rgba(0,0,0,0.5); box-shadow: -3px -3px 1px rgba(0,0,0,0.5); } .circlehover:hover { color: #fff; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 5px 5px 1px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 1px rgba(0,0,0,0.2); box-shadow: 5px 5px 1px rgba(0,0,0,0.2); } .circlehover[data-position="bottom-right"]:hover { -webkit-box-shadow: -5px -5px 1px rgba(0,0,0,0.5); -moz-box-shadow: -5px -5px 1px rgba(0,0,0,0.5); box-shadow: -5px -5px 1px rgba(0,0,0,0.5); } .circlehover[data-align="left"] { float: left; } .circlehover[data-align="right"] { float: right; } .circlehover { -webkit-transition: all 400ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ } .circlehover.with-symbol > span.text { } .circlehover.with-symbol > span.symbol { opacity: 0; filter: alpha(opacity=0); position: absolute; display: block; left: 0; top: 0; bottom: 0; right: 0; text-align: center; line-height: 130px; } .circlehover.with-symbol:hover > span.text { opacity: 0; filter: alpha(opacity=0); } .circlehover.with-symbol:hover > span.symbol { opacity: 1; filter: alpha(opacity=100); } /* accordions */ .acc-group.default-style { margin-bottom: 3px; } .acc-group.default-style > button { background: none; border: 0; padding: 4px 10px; color: #cd2122; display: block; width: 100%; text-align: left; position: relative; } .acc-group.default-style > button:after { content: ''; position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; background: url(/National_Library/oe_/https://www.carlcox.com/images/acc-arr1.png) no-repeat center top; } .acc-group.default-style > button:hover { background: #dcdcdc; color: #111; } .acc-group.default-style > button.collapsed:after { background-position: center bottom; } .acc-group.default-style > button.collapsed { color: #505050; } .acc-group.default-style .content { padding: 10px; } .acc-group.default-style.tweaked { border-bottom: 1px solid #D5D5D5; padding-bottom: 3px; } .acc-group.default-style.tweaked > button { font-size: 20px; line-height: 1.8; padding-left: 0; } .acc-group.default-style.tweaked > button:after { top: 12px; } .acc-group.default-style.tweaked .content { padding: 10px 0; } .acc-group.default-style.tweaked .content > .row { margin-bottom: 10px; } /* accordions style2 */ .acc-group.style2 { margin-bottom: 2px; padding: 0; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .acc-group.style2 > button { display: block; width: 100%; text-align: left; position: relative; margin: 0; padding: 10px; } .acc-group.style2 > button:after { content: ''; position: absolute; right: 5px; top: 10px; width: 20px; height: 20px; background: url(/National_Library/oe_/https://www.carlcox.com/images/acc-arr1.png) no-repeat center top; opacity: .4; filter: alpha(opacity=40); } .acc-group.style2 > button:hover { } .acc-group.style2 > button.collapsed:after { background-position: center bottom; } .acc-group.style2 > button.collapsed { color: #505050; } .acc-group.style2 .content { padding: 10px 15px; border-top: 1px solid #E5E5E5; } .acc-group.style2 .content p:last-child { margin-bottom: 0; } /* accordions style3 */ .acc-group.style3 { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; } .acc-group.style3 > button { display: block; width: 100%; text-align: left; position: relative; margin: 0; padding: 10px 10px 10px 60px; background: none; border: 0; font-size: 16px } .acc-group.style3 > button:after { content: '-'; position: absolute; left: 0; top: 0; width: 20px; height: 20px; font-size: 40px; background: #eee; color: #cd2122; padding: 7px 6px 13px 14px; text-shadow: 0 1px 0 #fff; } .acc-group.style3 > button:hover { color: #cd2122 !important; } .acc-group.style3 > button:hover:after { color: #cd2122 !important; background: #e9e9e9; } .acc-group.style3 > button.collapsed:after { color: #b5b5b5; content: '+'; padding: 10px; font-size: 35px; } .acc-group.style3 > button.collapsed { color: #505050; } .acc-group.style3 .content { padding: 10px 15px; } .acc-group.style3 .content p:last-child { margin-bottom: 0; } /* Screenshot-box */ .screenshot-box { background: #fff; border: 1px solid #b3b3b3; position: relative; padding: 15px 20px 0 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 20px; } .screenshot-box .left-side { float: left; width: 450px; } .screenshot-box .left-side h3.title { font-size: 19px; color: #cd2122; line-height: 1.4; } .screenshot-box .left-side ul.features { margin: 20px 0; padding: 0; list-style: none; } .screenshot-box .left-side ul.features li { padding-left: 35px; background: url(/National_Library/oe_/https://www.carlcox.com/images/ok2.png) no-repeat left center; margin-top: 20px; } .screenshot-box .left-side ul.features li:first-child { margin-top: 0; } .screenshot-box .left-side ul.features li h4 { font-size: 14px; line-height: 1.3; margin: 5px 0 0; } .screenshot-box .left-side ul.features li h4 + span { } .thescreenshot { float: right; margin-left: 30px; width: 580px; height: 328px; padding: 42px 16px 0 10px; position: relative; background: url(/National_Library/oe_/https://www.carlcox.com/images/screenshotbox-bg.png) no-repeat left top; margin-top: -40px; } .thescreenshot .controls { position: absolute; top: 15px; left: 17px; width: 43px; height: 19px; } .thescreenshot .controls a { display: block; width: 21px; height: 19px; float: left; } #screenshot-carousel { margin: 0; padding: 0; list-style: none; } #screenshot-carousel li { float: left } /* keywords box */ .keywordbox { border-top: 4px solid #ddd; position: relative; padding-top: 30px; font-size: 23px; font-style: italic; text-align: center; color: #8D8D8D; } .keywordbox:after { content: ''; position: absolute; top: 0; left: 50%; margin-left: -3px; border: 6px solid transparent; border-top-color: #ddd; } #footer { background: #2f2f2f; padding: 40px 0 20px; color: #d5d5d5; border-top: 4px solid #fff; } #footer a { color: #fff; } #footer a:hover { color: #d5d5d5; } #footer .m_title { font-size: 14px; color: #fff; text-shadow: none } #footer .menu { margin: 0; padding: 0; list-style: none; } #footer .menu li { float: left; width: 50%; } /*Newsletter Form*/ .newsletterform input.txt { width: 130px; background-color:#000; } .newsletter-signup input[type="submit"] { border-radius: 0px 3px 3px 0px !important; height: 29px !important; margin-left: -7px !important; background-color:#000 !important; border-right-color:#FFF !important; } .newsletterform fieldset { margin: 0px -15px; } .newsletter-signup { margin-bottom: -20px; text-transform: uppercase; width: 180px; margin-top: 20px; } .newsletter-signup form { margin: 10px 9px; } .newsletter-signup input { vertical-align: top; margin-bottom: 0; } .newsletter-signup input[type=text] { color: #FFF; background: #000; border: 1px solid #494746; font-size: 11px; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset; box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset; } .newsletter-signup input[type=submit] { color: #fff; background-color: #000 !important; border: 0; font-weight: 700; font-size: 13px; height: 30px; padding: 0 10px; margin-left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #999 !important; border-left: none !important; } .newsletter-signup input[type=submit]:hover { background-color: #000 !important; } .newsletter-signup #result { display: inline-block; margin-bottom: 10px; } .newsletter-signup #result:empty { display: inline; } .map-link > span { margin-top: 2px; } #footer .bottom { padding-top: 30px; border-top: 5px solid #484848; color: #8b8c8d; } #footer .social-icons { float: right; } #footer .copyright img { float: left; margin-right: 20px; } .lowersidebar div.terms { float: left; margin: 0; } .lowersidebar div.policy { float: right; margin: 0; } #footer .social-icons { } #footer .social-icons li.title { line-height: 30px; } #footer .social-icons li { margin: 0 0 0 10px; } #footer .social-icons li:first-child { margin-left: 0; } #footer .contact-details { background: url(/National_Library/oe_/https://www.carlcox.com/images/say_hi.png) no-repeat right top; } /* SOCIAL SHARING */ .social-share { margin: 25px 0 0; padding: 0; list-style: none; text-align: center; } .social-share li { display: inline-block; margin-left: 10px; width: 90px; max-height: 20px; vertical-align: top; } .social-share li.sc-gplus { width: 70px; } .social-share li.sc-pinterest > a { width: 40px !important; margin-left: -40px !important; vertical-align: top !important; } .social-share.colored { margin-top: 15px; } .social-share.colored li { padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .social-share.colored li.sc-facebook { background: #3B5998; } .social-share.colored li.sc-twitter { background: #3CF; } .social-share.colored li.sc-gplus { background: #D34836; width: 70px; } .social-share.colored li.sc-pinterest { background: #CB2027; } /* TWITTER FEED */ #twitterFeed { background: url(/National_Library/oe_/https://www.carlcox.com/images/twitter-bird.png) no-repeat 15px center #444; font-size: 12px; color: #fff; padding: 15px 75px 15px 60px; position: relative; margin-bottom: 15px; font-style: italic; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #twitterFeed:after { content: ''; position: absolute; bottom: -10px; left: 15px; border: 5px solid transparent; border-top-color: #444; } #twitterFeed ul { margin: 0; padding: 0; list-style: none; font-size: 11px; } #twitterFeed .twTime { display: inline-block; color: #9d9d9d; padding-left: 10px; border-left: 1px solid #707070; font-size: 11px; position: absolute; right: 15px; top: 15px; bottom: 15px; width: 45px; vertical-align: middle; line-height: 1; } /* TESTIMONIALS FADER */ .testimonials_fader ul { margin: 0; padding: 0; list-style: none; border-left: 1px solid #e2e2e2; position: relative; } .testimonials_fader li { position: relative; padding: 0 0 0 100px } .testimonials_fader ul li:after { content: '“'; position: absolute; top: -10px; left: 30px; font-size: 150px; color: #e2e2e2; line-height: 1; font-family: NexaRegular; } .testimonials_fader li blockquote { margin: 0; padding: 0; border: 0; font: italic 20px/1.4 Georgia, Arial, sans-serif; } .testimonials_fader li blockquote + h6 { font-weight: normal; font-size: 11px; font-style: italic; } /* TESTIMONIALS BOX */ .testimonial_box { float: left; padding: 0 25px; margin: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .testimonial_box[data-size=small] { width: 30%; } .testimonial_box[data-size=medium] { width: 50%; } .testimonial_box[data-size=large] { width: 70%; } .testimonial_box[data-size=full] { width: 100%; } .testimonial_box[data-size=onethird] { width: 33%; } .testimonial_box[data-size=twothirds] { width: 66%; } .testimonial_box[data-theme=light] blockquote { background: #ddd; color: #343434; } .testimonial_box[data-theme=dark] blockquote { background: #707070; color: #f5f5f5; } .testimonial_box[data-theme=light][data-align=left] blockquote:after { border-right-color: #ddd; } .testimonial_box[data-theme=dark][data-align=left] blockquote:after { border-right-color: #707070; } .testimonial_box[data-theme=light][data-align=right] blockquote:after { border-left-color: #ddd; } .testimonial_box[data-theme=dark][data-align=right] blockquote:after { border-left-color: #707070; } .testimonial_box[data-theme=light][data-align=top] blockquote:after { border-bottom-color: #ddd; } .testimonial_box[data-theme=dark][data-align=top] blockquote:after { border-bottom-color: #707070; } .testimonial_box[data-theme=light][data-align=bottom] blockquote:after { border-top-color: #ddd; } .testimonial_box[data-theme=dark][data-align=bottom] blockquote:after { border-top-color: #707070; } .testimonial_box[data-align=left] .details { float: left; margin-right: 10px; width: 90px; } .testimonial_box[data-align=left] blockquote { margin-left: 90px; } .testimonial_box[data-align=left] blockquote:after { left: -14px; top: 50%; } .testimonial_box[data-align=right] .details { float: right; margin-left: 10px; width: 90px; text-align: right; } .testimonial_box[data-align=right] blockquote { margin-right: 90px; } .testimonial_box[data-align=right] blockquote:after { right: -14px; top: 50%; } .testimonial_box[data-align=top] .details { float: none; margin-left: 10px; width: 100%; position: relative; z-index: 1; } .testimonial_box[data-align=top] .details img { position: absolute; top: -5px; right: -5px } .testimonial_box[data-align=top] .details h6 strong { display: block; } .testimonial_box[data-align=top] .details h6 { margin-top: 0; } .testimonial_box[data-align=top] blockquote { margin-top: 14px; clear: both; } .testimonial_box[data-align=top] blockquote:after { left: 30px; top: -14px; } .testimonial_box[data-align=bottom] { margin-bottom: 35px } .testimonial_box[data-align=bottom] .details { position: absolute; left: 25px; right: 5px; top: 100%; z-index: 1; } .testimonial_box[data-align=bottom] .details img { float: right; margin-top: -20px; } .testimonial_box[data-align=bottom] .details h6 strong { display: block; } .testimonial_box[data-align=bottom] blockquote { margin-bottom: 0; float: none; position: relative; z-index: 0; } .testimonial_box[data-align=bottom] blockquote:after { left: 30px; bottom: -14px; } .testimonial_box .details h6 { font-size: 10px; font-weight: normal; margin: 10px 0 0; line-height: 1.4; } .testimonial_box blockquote { margin: 0; padding: 15px; border: 0; font-size: 12px; font-style: italic; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1); box-shadow: 0 0 7px rgba(0,0,0,0.1); } .testimonial_box blockquote:after { content: ''; position: absolute; border-width: 7px; border-style: solid; border-color: transparent; } /* vertical tabs */ .vertical_tabs { background: #fff; border: 1px solid #c2c2c2; overflow: hidden; border-radius: 3px } .vertical_tabs .tabbable .nav { float: left; width: 25%; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; margin: 0 0 -1px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vertical_tabs .tabbable .nav>li { border-top: 1px solid #c2c2c2; } .vertical_tabs .tabbable .nav>li>a { line-height: 60px; padding-left: 20px; font-weight: normal; text-transform: uppercase; color: #595959; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 73%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(73%, #ffffff), color-stop(100%, #ededed)); background: -webkit-linear-gradient(left, #ffffff 73%, #ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 73%, #ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 73%, #ededed 100%); /* IE10+ */ background: linear-gradient(to right, #ffffff 73%, #ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); } .vertical_tabs .tabbable .nav>li>a>span { padding: 6px 7px 7px 7px; background: #646464; margin-right: 5px; line-height: 1; display: inline-block; vertical-align: middle; margin-top: -1px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .vertical_tabs .tabbable .nav>li>a>span span { margin: 0; vertical-align: middle; } .vertical_tabs .tabbable .nav>li>a:hover, .vertical_tabs .tabbable .nav>li.active>a { color: #cd2122; } .vertical_tabs .tabbable .nav>li.active>a { background: #fff; margin-right: -1px; } .vertical_tabs .tabbable .nav>li.active>a>span, .vertical_tabs .tabbable .nav>li>a:hover>span { background: #cd2122; } .vertical_tabs .tabbable .nav>li:first-child { border-top: 0; } .vertical_tabs .tabbable .tab-content { float: left; width: 75%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*stat boxes */ .statbox { background: #fff; border: 1px solid #c2c2c2; padding: 15px; } .statbox img { float: left; margin-right: 20px; } .statbox h4 { font-size: 30px; color: #cd2122; line-height: 35px; margin-top: 0; } .statbox h6 { color: #969696; margin-bottom: 0; } /* skills diagram */ #skills_diagram { float: right; width: 600px; position: relative; } #skills_diagram .legend { position: absolute; right: -60px; top: 40px; text-align: right; } #skills_diagram #thediagram { width: 600px; height: 500px; margin-top: -50px; float: right; } #skills_diagram .skills { margin: 0; padding: 0; list-style: none; } #skills_diagram .skills li { float: right; clear: both; padding: 0 15px; height: 25px; line-height: 25px; color: white; margin-bottom: 1px; font-size: 14px; } /* PRICING TABLES */ .spacer { height: 50px; } .no-space { margin-left: 0; } .no-space [class*="span"] { margin-left: 0; } .row-fluid.no-space .span1 { width: 8.334% !important; } .row-fluid.no-space .span2 { width: 16.667% !important; } .row-fluid.no-space .span3 { width: 25% !important; } .row-fluid.no-space .span4 { width: 33.334% !important; } .row-fluid.no-space .span5 { width: 41.667% !important; } .row-fluid.no-space .span6 { width: 50% !important; } .row-fluid.no-space .span7 { width: 58.333% !important; } .row-fluid.no-space .span8 { width: 66.666% !important; } .row-fluid.no-space .span9 { width: 75% !important; } .row-fluid.no-space .span10 { width: 83.334% !important; } .row-fluid.no-space .span11 { width: 91.666% !important; } .row-fluid.no-space .span12 { width: 100% !important; } @media (max-width: 767px) { .row-fluid.no-space [class*="span"] { width: auto !important; } } .pricing_table { text-align: center; margin: 25px 0; } .pricing_table .tb_header { background-color: #8AB623; } .pricing_table .tb_header h4 { margin: 0; padding: 15px 0px; border-bottom: 3px solid #5E852C; color: white; font-size: 20px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); font-weight: 700; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 4px; border-top-left-radius: 3px; border-top-right-radius: 4px; } .pricing_table .price { margin: 0; padding: 15px 0px; border-bottom: 2px solid white; font-size: 46px; color: #fff; text-shadow: 1px 1px 0 black; font-weight: 900; letter-spacing: 0px; line-height: 1; } .pricing_table .price p:first-letter { font-weight: 300; margin-right: 2px; font-size: 26px; } .pricing_table .price p { margin: 0; } .pricing_table .price p span { display: block; padding: 4px; font-size: 14px; font-weight: 500; } .pricing_table .tb_content { margin: 0; padding: 0; list-style: none; } .pricing_table .tb_content li { margin: 0; padding: 5px 0px; font-size: 12px; line-height: 2; } .pricing_table .tb_content li:nth-child(odd) { background-color: rgba(0,0,0,0.1); } .pricing_table .tb_content li:first-child { border-top: 1px solid white; } .pricing_table .tb_content li:last-child { } .pricing_table .tb_content li hr { margin: 10px 50px; } .pricing_table .signin { padding: 15px 0 15px; background: rgba(0, 0, 0, 0.15); border-top: 3px solid #5E852C; } .pricing_table .pr_table_col { background: #fff; position: relative; z-index: 0; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1); box-shadow: 0 0 8px rgba(0,0,0,0.1); } .pricing_table [class*="span"]:nth-child(odd) .pr_table_col { background-color: #F1F1F1; } .pricing_table .pr_table_col.highlight { z-index: 1; } .pricing_table .pr_table_col:hover { z-index: 2; } .pricing_table .pr_table_col.highlight, .pricing_table .pr_table_col:hover { margin-top: -15px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); } .pricing_table .pr_table_col.highlight .tb_content li, .pricing_table .pr_table_col:hover .tb_content li { padding: 7px 0px; } .pricing_table .pr_table_col.highlight .price, .pricing_table .pr_table_col:hover .price { padding: 20px 0px; } .pricing_table .pr_table_col { -webkit-transition: -webkit-box-shadow 0.2s ease-out; -moz-transition: -moz-box-shadow 0.2s ease-out; -o-transition: -o-box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; } .pricing_table .pr_table_col.caption_column { margin-top: 50px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pricing_table .pr_table_col.caption_column .tb_header { font-size: 18px; padding: 41px 0; color: #444; font-weight: 700; border-bottom: 2px solid #fff; background: #eee; text-shadow: 1px 1px 0 #fff; } .pricing_table .pr_table_col.caption_column .tb_content li { padding: 5px 0px; text-align: left; text-indent: 30px; background: #eee; } /* pricing table skins */ .pr_table_col[data-color=red] .tb_header h4 { border-bottom: 3px solid #941414; } .pr_table_col[data-color=red] .signin { border-top: 3px solid #941414; } .pr_table_col[data-color=red] .tb_header { background-color: #cd2122; } .pr_table_col[data-color=blue] .tb_header h4 { border-bottom: 3px solid #345370; } .pr_table_col[data-color=blue] .signin { border-top: 3px solid #345370; } .pr_table_col[data-color=blue] .tb_header { background-color: #2A8FBD; } .pr_table_col[data-color=green] .tb_header h4 { border-bottom: 3px solid #5E852C; } .pr_table_col[data-color=green] .signin { border-top: 3px solid #5E852C; } .pr_table_col[data-color=green] .tb_header { background-color: #8AB623; } .pr_table_col[data-color=turquoise] .tb_header h4 { border-bottom: 3px solid #0A817F; } .pr_table_col[data-color=turquoise] .signin { border-top: 3px solid #0A817F; } .pr_table_col[data-color=turquoise] .tb_header { background-color: #12C6C2; } .pr_table_col[data-color=orange] .tb_header h4 { border-bottom: 3px solid #AF3F08; } .pr_table_col[data-color=orange] .signin { border-top: 3px solid #AF3F08; } .pr_table_col[data-color=orange] .tb_header { background-color: #EB540A; } .pr_table_col[data-color=purple] .tb_header h4 { border-bottom: 3px solid #630C72; } .pr_table_col[data-color=purple] .signin { border-top: 3px solid #630C72; } .pr_table_col[data-color=purple] .tb_header { background-color: #8A2D9A; } .pr_table_col[data-color=yellow] .tb_header h4 { border-bottom: 3px solid #A8A80A; } .pr_table_col[data-color=yellow] .signin { border-top: 3px solid #A8A80A; } .pr_table_col[data-color=yellow] .tb_header { background-color: #D6D609; } .pr_table_col[data-color=green_lemon] .tb_header h4 { border-bottom: 3px solid #708D0B; } .pr_table_col[data-color=green_lemon] .signin { border-top: 3px solid #708D0B; } .pr_table_col[data-color=green_lemon] .tb_header { background-color: #9CC607; } .pr_table_col[data-color=dark] .tb_header h4 { border-bottom: 3px solid #000; } .pr_table_col[data-color=dark] .signin { border-top: 3px solid #000; } .pr_table_col[data-color=dark] .tb_header { background-color: #333; } .pr_table_col[data-color=light] .tb_header h4 { border-bottom: 3px solid #747474; } .pr_table_col[data-color=light] .signin { border-top: 3px solid #747474; } .pr_table_col[data-color=light] .tb_header { background-color: #aaa; } .pricing_table.rounded-corners [class*="span"]:first-child .tb_header { -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; } .pricing_table.rounded-corners [class*="span"]:last-child .tb_header { -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; } .pricing_table.rounded-corners .pr_table_col:hover .tb_header, .pricing_table.rounded-corners .highlight .tb_header { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .pricing_table.rounded-corners .pr_table_col:hover, .pricing_table.rounded-corners .highlight { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pricing_table.rounded-corners .pr_table_col:hover .signin, .pricing_table.rounded-corners .highlight .signin { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .pricing_table.rounded-corners [class*="span"]:last-child .tb_header { -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; } .pricing_table.rounded-corners [class*="span"]:first-child .pr_table_col, .pricing_table.rounded-corners [class*="span"]:first-child .signin { -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .pricing_table.rounded-corners [class*="span"]:last-child .pr_table_col, .pricing_table.rounded-corners [class*="span"]:last-child .signin { -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } /* process boxes */ .process_box { position: relative; background: #fff; border: 2px solid #C5C5C5; padding: 0; margin-bottom: 40px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .process_box:hover { -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 8px rgba(0, 0, 0, 0.3); } .process_box:after, .process_box:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .process_box.last:after, .process_box.last:before { display: none } .process_box:after { border-color: transparent; border-top-color: #eee; border-width: 10px; margin-left: -10px; left: 10%; } .process_box:before { border-color: transparent; border-top-color: #ccc; border-width: 13px; margin-left: -13px; left: 10%; } .process_box[data-align=right]:after, .process_box[data-align=right]:before { right: 10%; left: auto; margin-left: 0; } .process_box[data-align=right]:after { margin-right: -10px; } .process_box[data-align=right]:before { margin-right: -13px; } .process_box[data-align=center]:after, .process_box[data-align=center]:before { left: 50%; } .process_box[data-align=center]:after { border-top-color: #fff; } .process_box .number { padding: 0; height: 100%; position: absolute; background: #eee; left: 0; top: 0; bottom: 0; border-right: 1px solid #C5C5C5; width: 240px; text-align: center; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .process_box .number span { font-size: 150px; font-weight: 900; color: #fff; line-height: 1.2; vertical-align: middle; } .process_box .content { margin-left: 260px; padding: 20px 20px 10px 10px; } .process_box[data-align=right] .number { left: auto; right: 0; border-right: 0; border-left: 1px solid #C5C5C5; ; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .process_box[data-align=right] .content { margin-left: auto; margin-right: 260px; padding: 20px 10px 10px 20px; } /* sidebars */ .sidebar-left { padding: 10px 15px; background: url(/National_Library/oe_/https://www.carlcox.com/images/ie_bg.png) repeat; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); position: fixed; top: 0; bottom: 0; left: 0; min-height: 610px; width: 210px; z-index: 999; } /*.sidebar-right { background: rgba(181,184,117,1); background: -moz-linear-gradient(left, rgba(181,184,117,1) 0%, rgba(184,183,133,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(181,184,117,1)), color-stop(100%, rgba(184,183,133,0))); background: -webkit-linear-gradient(left, rgba(181,184,117,1) 0%, rgba(184,183,133,0) 100%); background: -o-linear-gradient(left, rgba(181,184,117,1) 0%, rgba(184,183,133,0) 100%); background: -ms-linear-gradient(left, rgba(181,184,117,1) 0%, rgba(184,183,133,0) 100%); background: linear-gradient(to right, rgba(181,184,117,1) 0%, rgba(184,183,133,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b875', endColorstr='#b8b785', GradientType=1 ); }*/ .sidebar-right { background: url(/National_Library/oe_/https://www.carlcox.com/images/ie_bg.png) repeat; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); padding-top:0px; padding: 10px; margin-top: 10px; } .logo { background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_home.png); display: block; height: 83px; width: 157px; margin: 0; /* max-width: 235px;*/ /*padding: 0 40px 0 0;*/ float: none; overflow:hidden; text-indent: -9999px; white-space: pre; } .sidebar-left .logo { display: block; margin: 5px 10px 30px; } .sidebar-left .global-radio-logo, .global-radio-latest-logo, .global-radio-latest { display: block; margin: 0px 30px; } .sidebar-left .global-radio-latest-logo img { margin: 0px !important; } /*.sidebar-left a.global-radio-latest { color: #8A9486 !important; }*/ .sidebar-left a.global-radio-latest:hover { color: #CDCDCD !important; } .lowersidebar { /*position: relative; top: 100px;*/ width: 180px; padding-top: 0px; bottom: 0; padding-bottom:5px; } .lowersidebar nav.socialicons ul { /* margin: 0 0 0 40px;*/ /* text-align: left;*/ margin: 0 25px; } .lowersidebar nav.socialicons li { display: inline; margin: 0; } .lowersidebar nav.socialicons ul li a.tw { background-position: -21px 0; width: 30px; } .lowersidebar nav.socialicons ul li a.yt { background-position: -52px 0; width: 28px; } .lowersidebar nav.socialicons ul li a.sc { background-position: -81px 0; width: 37px; } .lowersidebar nav.socialicons ul li a { background: url("/National_Library/oe_/https://www.carlcox.com/images/social-icons1.png") no-repeat scroll 0 0 transparent; border-radius: 4px 4px 4px 4px; display: inline-block; height: 25px; margin: 0 0 8px; overflow: hidden; text-indent: -9999px; white-space: pre; width: 24px; } .lowersidebar nav.socialicons li a:hover { opacity: 0.6; } #sidebar .widget { margin-bottom: 0px; } #sidebar .title { color: #FFF; line-height: 1.4; margin-bottom: 10px; padding-bottom: 10px; position: relative; font-size: 13px; text-transform: uppercase; } #sidebar .title:after {/*content: ''; position: absolute; left: 0; bottom: 2px; width: 25px; height: 0; border-bottom: 1px solid #CBCBCB;*/ } #sidebar .title:before { content: ''; position: absolute; left: 0; bottom: 2px; width: 100%; height: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .sidebar-left ul.menu { margin: 0; padding: 0; list-style: none; } .sidebar-left ul.menu li { margin-bottom: 0px; } .sidebar-left ul.menu li a { color: #FFF; display: block; padding: 3px 10px 3px 20px; position: relative; /*border-radius: 2px;*/ text-transform: uppercase; text-align: right; } .sidebar-left ul.menu li a:after { /*content: '\203A'; position: absolute; left: 7px; top: 6px; color: #DDD; font-size: 16px; line-height: 1; width: 4px; height: 4px; font-family: NexaRegular;*/ } .sidebar-left ul.menu li.active a:after, .sidebar-left ul.menu li a:hover:after { color: white; left: 8px; } .sidebar-left ul.menu li.active a, .sidebar-left ul.menu li a:hover { background: #CDCDCD; color: white; font-weight: normal; padding-right: 25px; } div.cloudBlock a { padding: 4px; float: left; display: block; } /* Historic timeline */ .timeline_bar { background: url(/National_Library/oe_/https://www.carlcox.com/images/timeline_bar.png) repeat-y center top; } .timeline_bar > .row { margin-bottom: 0; } .timeline_box { background: #fff; border-radius: 3px; margin: 50px 0 70px; padding: 15px; position: relative; } .timeline_box:after { content: ''; position: absolute; top: 20px; right: -12px; border: 6px solid transparent; border-left-color: #fff; } div[data-align=right] .timeline_box:after { left: -12px; right: auto; border-left-color: transparent; border-right-color: #fff; } .timeline_box:before { content: ''; position: absolute; top: 20px; right: -21px; background: #999; width: 5px; height: 5px; border: 3px solid #f5f5f5; border-radius: 50%; } div[data-align=right] .timeline_box:before { right: auto; left: -20px; } .end_timeline { text-align: center; } .end_timeline > span { background: #fff; border-radius: 3px; padding: 0 10px; line-height: 2; display: inline-block; } .timeline_box:hover .date, .timeline_box:hover { box-shadow: 0 0 8px rgba(35,35,35,0.2); } .timeline_box:hover:before { width: 7px; height: 7px; border: 2px solid #f5f5f5; } .timeline_box .date { font-size: 18px; font-weight: 700; background: #fff; display: inline-block; padding: 5px 10px; border-radius: 2px; position: absolute; top: 11px; right: -100px; color: #787878; } div[data-align=right] .timeline_box .date { left: -100px; right: auto; } /*offline/comming soon page */ .offline-page #background { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #ffffff; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #ffffff 0%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .offline-page .containerbox { width: 700px; margin: 100px auto 0; background: #000; background: rgba(0,0,0,0.7); position: relative; z-index: 1; padding: 25px; box-shadow: 0 10px 20px #CCC; border-bottom: 5px solid #cd2122; color: #eee; } .offline-page #logo { float: left; text-align: center; position: absolute; top: 30%; } .offline-page .content { margin-left: 200px; border-left: 1px solid #777; padding-left: 20px; } .offline-page .containerbox:after { content: ''; position: absolute; bottom: -25px; left: 100px; border-top: 20px solid #cd2122; border-right: 20px solid transparent; z-index: 2; } .offline-page .ud_counter { margin: 40px 0; } .offline-page .ud_counter ul { display: inline-block; margin: 0; padding: 0; list-style: none } .offline-page .ud_counter ul li { display: inline-block; margin: 0 0 0 18px; font-size: 22px; font-weight: 700; padding: 15px 10px; width: 60px; text-align: center; background: rgba(0,0,0,0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .offline-page .ud_counter ul li:first-child { margin-left: 0; } .offline-page .ud_counter ul li span { display: block; font-size: 13px; margin-top: 17px; line-height: 1; } .offline-page .ud_counter ul li.till_lauch { height: 80px; width: 80px; padding: 0; vertical-align: top; } .offline-page #mail_when_ready { float: left; margin: 0; } .offline-page #mail_when_ready input[type=submit] { vertical-align: top; } /* testimonial box style 4 */ .testimonial_box4 blockquote { background: #fff; border: 4px solid #eee; margin: 0 0 10px; padding: 15px; font-size: 12px; font-style: italic; color: #474747; position: relative; } .testimonial_box4 blockquote:after { content: ''; position: absolute; bottom: -14px; left: 15px; border: 7px solid transparent; border-top-color: #fff; } .testimonial_box4 blockquote + h5 { margin-top: 0; margin-left: 5px; font-size: 13px; font-weight: 500; } /* 404 error page */ .error404-page #page_header { height: 200px; min-height: 0; } .error404 { margin: 20px auto; text-align: center; line-height: 1; } .error404 h2 { font-weight: normal; font-size: 260px; line-height: 1; text-align: center; text-shadow: 0 0 28px rgba(35,35,35,.5); text-transform: uppercase; margin: 20px 0; color: rgba(0,0,0,0) } .error404 h3 { font-size: 30px; text-align: center; opacity: 0.2; filter: alpha(opacity=20) } /* SERVICES STYLE 2 */ .services_box.style2 .box { padding: 30px; background: #eee; height: 300px; margin: 0; position: relative; } .services_box.style2 .box:hover { background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.2); z-index: 1; border-radius: 5px } .services_box.style2 .box .title { font-size: 22px; margin-bottom: 30px; } .services_box.style2 .box .icon { width: 45px; height: 45px; line-height: 45px; border-radius: 3px; } .services_box.style2 .box .icon img { vertical-align: middle; line-height: 45px; display: inline-block; margin-top: -2px; } .services_box.style2 .box .list { margin: 0; padding: 0; list-style: none; display: none; float: none } .services_box.style2 .box .list li { line-height: 1; padding: 10px 0px; border-top: 1px solid #eee; color: #cd2122 } .services_box.style2 .box .list li:first-child { border-top: 0; } /* team members */ .team_member { background: #fff; padding: 0 0 5px; position: relative; } .team_member:hover { box-shadow: 0 0 20px rgba(0,0,0,0.2); border-radius: 4px; } .team_member .details { padding: 0 20px 0; overflow: hidden; opacity: 0; filter: alpha(opacity=0); visibility: hidden; position: absolute; background: #fff; box-shadow: 0 12px 20px rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 11px; } .team_member:hover .details { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .team_member:hover { z-index: 2; } .team_member > h4, .team_member > h6 { padding: 0 20px; } .team_member .details .social-icons { margin: 15px 0; } .team_member .details .social-icons li { margin: 0 0 0 8px; } .team_member .details .social-icons li:first-child { margin-left: 0; } /* map controls */ #map_controls { margin: 0; padding: 0; list-style: none; position: absolute; width: auto; top: 50%; margin-top: -45px; right: 20px; width: 30px; background: #cd2122; border-radius: 2px; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4); } #map_controls li a { display: block; width: 30px; height: 30px; text-align: center; border-top: 1px solid #ccc; border-top: 1px solid rgba(0,0,0,0.1); cursor: pointer; } #map_controls li a:hover { background: #111 } #map_controls li:first-child a { border-top: 0; } #map_controls li a span { margin-top: 6px; } /*contact form */ #contact_form .form-horizontal .control-label { width: 90px; text-align: left; } #contact_form .form-horizontal .controls { margin-left: 90px; } #contact_form textarea { height: 100px; } /* BLOG */ .eBlog .itemListView { margin-bottom: 25px; } .eBlog .itemContainer { background: #FFF; margin-bottom: 35px; padding: 15px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7); box-shadow: 0 1px 0 #ccc; position: relative; border-radius: 3px; } .eBlog .itemContainer:after { position: absolute; bottom: 0px; left: 50%; margin-left: -3px; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 5px; content: ""; border-bottom-color: #ccc !important; } .eBlog .post_details { border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 10px; margin-bottom: 25px; text-transform: uppercase; padding: 10px 0 10px; font-weight: normal; position: relative; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: .6; -webkit-transition: opacity 150ms ease-in; -moz-transition: opacity 150ms ease-in; -o-transition: opacity 150ms ease-in; transition: opacity 150ms ease-in; } .eBlog .post_details:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .eBlog .post_details [class^="icon-"], .eBlog .itemLinks li [class^="icon-"], .eBlog .itemTagsBlock [class^="icon-"] { margin: 0 5px 0 0; padding: 0; } .eBlog .post_details:after { content: ''; position: absolute; left: 0; top: -1px; width: 25px; height: 0; border-bottom: 1px solid #ccc; } .eBlog .post_details:before { content: ''; position: absolute; left: 0; bottom: -1px; width: 25px; height: 0; border-bottom: 1px solid #ccc; } .eBlog .post_details .infSep { display: inline-block; margin: 0 5px; } .eBlog .itemReadMore { margin-bottom: 15px; border-bottom: 1px solid #eee; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 25px; } .eBlog .readMore { font-size: 14px; font-weight: normal; } .eBlog .itemLinks { padding: 0 !important; list-style: none !important; font-size: 10px; color: #AAA; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; margin-left: 0; } .eBlog .itemLinks li { float: left; margin-left: 0; padding-left: 0; } .eBlog .itemLinks li:first-child { margin-left: 0; } .eBlog .itemCategory { padding-left: 0; } .eBlog .itemDateCreated { padding-left: 0; } .eBlog .itemTagsBlock, .eBlog .itemTagsBlock, .eBlog .userItemTagsBlock { padding-left: 0; font-size: 10px; color: #AAA; font-weight: normal; text-transform: uppercase; } .eBlog .itemTagsBlock > span { font-weight: normal; } .eBlog .itemTagsBlock ul { margin: 0 !important; padding: 0 !important; list-style: none !important; display: inline; } .eBlog .itemTagsBlock ul li { display: inline; } .eBlog .itemTagsBlock ul li a { } .eBlog .itemTitle { font-weight: normal; } div.cloudBlock a { padding: 4px; float: left; display: block; } .eBlog .itemSocialSharing { margin-bottom: 20px; } .eBlog div.itemTwitterButton { float: left; margin: 2px 20px 0 0; width: 80px; } .eBlog div.itemFacebookButton { float: left; margin-right: 20px; width: 70px; } .eBlog div.itemGooglePlusOneButton { float: left; width: 70px; } /* Pagination */ /*.pagination { margin: 10px 0; padding: 10px 0 10px 0px; text-align: center; text-align: center; text-transform: uppercase; font-size: 10px; line-height: 1.6; color: #888; } .pagination ul { list-style-type: none; margin: 0; padding: 0; display: inline; } .pagination li { display: inline; margin: 0 5px; } .pagination li, .pagination li a, .pagination li span, .pagination p.counter { font-size: 10px; text-transform: uppercase; font-weight: bold; } .pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev { border: 0; } .pagination li.pagination-start, .pagination li.pagination-start span { padding: 0; }*/ /* hoverlink effect */ .hoverLink { position: relative; display: block; } .hoverLink img { position: relative; } .hoverLink > span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background: url(/National_Library/oe_/https://www.carlcox.com/images/transparent_png/black20.png); filter: alpha(opacity=0); opacity: 0; } .hoverLink:hover > span { } .hoverLink > span .icon { position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; margin: -12px 0 0 -12px; display: block; background-image: url(/National_Library/oe_/https://www.carlcox.com/images/hoverLinkSprite.png); background-repeat: no-repeat; } .hoverLink > span .icon.image { background-position: -72px 0; } .hoverLink > span .icon.video { background-position: -48px 0; } .hoverLink > span .icon.link { background-position: -24px 0; } .hoverLink > span .icon.extlink { background-position: 0 0; } body.dark .hoverLink > span .icon.image { background-position: -72px -24px; } body.dark .hoverLink > span .icon.video { background-position: -48px -24px; } body.dark .hoverLink > span .icon.link { background-position: -24px -24px; } body.dark .hoverLink > span .icon.extlink { background-position: 0 -24px; } /* grayhover effect */ a.grayHover { overflow: hidden; position: relative; display: inline-block; } a.grayHover img { position: relative; } a.grayHover img:first-child { } /* PORTFOLIO */ .hg-portfolio .img-intro { margin-bottom: 20px; } .hg-portfolio-item .img-full { margin-bottom: 20px; } .hg-portfolio-item .other-images { margin: 20px 0 0 -20px; padding: 0; list-style: none; } .hg-portfolio-item .other-images li { float: left; margin: 0 0 20px 20px; list-style: none; } .hg-portfolio-item .other-images li iframe { padding: 4px; border: 1px solid #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .hg-portfolio-item .itemLinks { margin-top: 15px; } .hg-portfolio-item .itemSocialSharing > div { float: left; margin-right: 30px; } .hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li { float: none; padding-left: 25px; width: auto; } .hg-portfolio-item .text ul.clearfix:after { clear: none; zoom: 0; } /* SORTABLE PORTFOLIO */ .hg-portfolio-sortable h1.title, .hg-portfolio-sortable h4.title { font-weight: normal; } .hg-portfolio-sortable #sorting { float: right; margin: 0; font-size: 10px; font-weight: normal; text-transform: uppercase; padding: 8px 10px; background: #eee; color: #888; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .hg-portfolio-sortable #sorting ul { display: inline-block; margin: 0 25px 0 0; padding: 0; list-style: none; } .hg-portfolio-sortable #sort-direction { margin-right: 0 !important; } .hg-portfolio-sortable #sorting ul li { float: left; margin-left: 10px; line-height: 1; margin-bottom: 0; } .hg-portfolio-sortable #sorting ul li a { color: #595959; line-height: 1; } .hg-portfolio-sortable #sorting ul li a.selected { text-decoration: underline; } .hg-portfolio-sortable #sorting .sortTitle { line-height: 1; } .hg-portfolio-sortable #portfolio-nav { margin: 5px 0 20px; padding: 0; list-style: none; float: left; } .hg-portfolio-sortable #portfolio-nav li { float: left; margin-left: 15px; } .hg-portfolio-sortable #portfolio-nav li:first-child { margin-left: 0; } .hg-portfolio-sortable #portfolio-nav li a { background: #eee; color: #888; padding: 8px 10px; line-height: 1; font-size: 10px; font-weight: normal; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; margin-right: 0; } .hg-portfolio-sortable #portfolio-nav li a:hover, .hg-portfolio-sortable #portfolio-nav li.current a { background: #cd2122; color: #fff; } .hg-portfolio-sortable ul#thumbs { margin: 0 0 0 -30px; padding: 0; list-style: none; left: 5px; } .hg-portfolio-sortable ul#thumbs li { float: left; width: 270px; margin: 10px 5px 20px 25px; position: relative; } .hg-portfolio-sortable ul#thumbs li .inner-item { padding: 4px; border: 1px solid #ddd; background: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0.9; filter: alpha(opacity=90); } .hg-portfolio-sortable ul#thumbs li .inner-item:hover { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); opacity: 1; filter: alpha(opacity=100); } .hg-portfolio-sortable ul#thumbs li .inner-item h4 { margin-top: 10px; display: block; line-height: 1; border-bottom: 1px dotted #ccc; font-size: 14px; margin-bottom: 10px; font-weight: normal; padding: 0 6px 10px; } .hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc { font-size: 12px; color: #777; padding: 0 6px; display: block; } .hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p { margin-bottom: 10px; } .hg-portfolio-sortable ul#thumbs li.isotope-item { z-index: 2; } .hg-portfolio-sortable ul#thumbs li.isotope-hidden { z-index: 1; } /* Portfolio carousels */ .ptcarousel { max-width: 570px; max-height: 360px; position: relative; border: 4px solid #fff; -webkit-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ptcarousel:after { content: ''; position: absolute; left: -34px; top: 50%; margin-top: -15px; border: 15px solid transparent; border-right: 15px solid #ddd; z-index: 1; } .ptcarousel:before { content: ''; position: absolute; left: -30px; top: 50%; margin-top: -13px; border: 13px solid transparent; border-right: 13px solid #fff; z-index: 2; } .ptcarousel ul { margin: 0; padding: 0; list-style: none; overflow: hidden; max-height: 360px; } .ptcarousel li { float: left; } .ptcarousel .controls > a { position: absolute; left: 15px; top: 50%; z-index: 1; background: #000; display: inline-block !important; margin: 0; margin-top: -12px; width: 30px; height: 31px; text-align: center; border-radius: 2px; opacity: 0; filter: alpha(opacity=0); } .ptcarousel .controls > a.next { left: auto; right: 15px; } .ptcarousel .controls > a span { margin: 8px 0 0; } .ptcarousel .controls > a:hover { background: #cd2122; } .ptcarousel:hover .controls a { opacity: 1; filter: alpha(opacity=100); } .itemLinks { margin-top: 20px; } .itemLinks span a { background: #eee; padding: 7px 10px; line-height: 1; font-size: 10px; font-weight: normal; text-transform: uppercase; color: #888; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; margin-right: 15px; } .itemLinks span a:hover { background: #cd2122; color: #fff; } /* sitemaps */ .sitemap ul { margin-bottom: 0; list-style: none; padding: 0; margin-left: 0; } .sitemap ul li { line-height: 25px; } .sitemap ul li a { background-image: url(/National_Library/oe_/https://www.carlcox.com/images/sitemap-arrow.png); background-repeat: no-repeat; } .sitemap ul li a { padding-left: 40px; background-position: -270px 7px; } .sitemap ul li li a { padding-left: 80px; background-position: -230px 7px; } .sitemap ul li li li a { padding-left: 120px; background-position: -190px 7px; } .sitemap ul li li li li a { padding-left: 160px; background-position: -150px 7px; } .sitemap ul li li li li li a { padding-left: 200px; background-position: -110px 7px; } /* photo gallery */ ul.photo_gallery { clear: both; list-style: none outside none; margin: 8px auto; overflow: hidden; padding: 8px 0; } ul.photo_gallery li { background: none !important; float: left; margin: 5px; padding: 0; list-style: none; } ul.photo_gallery li a img { } /* transparent content */ div.pp_kalypso.transparent .pp_content .ppt, div.pp_kalypso.transparent #pp_full_res .pp_inline { color: #ccc; margin-right: 20px; line-height: 1.4; } /* offer-banners */ .offer-banners .hoverBorder { margin-bottom: 20px; } /* SHOP LATEST // BEST SELLING TABS - CAROUSEL */ .shop-latest .tabbable .nav { border-bottom: 3px solid #d5d5d5; padding-bottom: 15px; } .shop-latest .tabbable .nav li { float: left; margin-left: 30px; padding-left: 30px; border-left: 2px solid #d5d5d5; } .shop-latest .tabbable .nav li:first-child { margin-left: 0; padding-left: 0; border-left: 0; } .shop-latest .tabbable .nav li a { font-size: 20px; font-weight: 900; color: #8c8c8c; position: relative; } .shop-latest .tabbable .nav li a:hover { color: #595959; background-color: transparent; } .shop-latest .tabbable .nav li.active a { color: #cd2122; background-color: transparent; } .shop-latest .tabbable .nav li.active a:after { content: ''; position: absolute; bottom: -15px; left: 50%; margin-left: -8px; border: 5px solid transparent; border-bottom-color: #d5d5d5; } .shop-latest .tabbable .shop-latest-carousel { margin-right: 40px; position: relative; } .shop-latest .tabbable .shop-latest-carousel ul { margin: 0; padding: 0; list-style: none; height: 370px; } .shop-latest .tabbable .shop-latest-carousel ul li { float: left; margin-right: 20px; width: 270px; } .shop-latest .tabbable .shop-latest-carousel .controls { position: absolute; right: 0; top: 0; margin-right: -40px; height: 100%; width: 40px; } .shop-latest .tabbable .shop-latest-carousel .controls a { width: 40px; height: 49.5%; background: #f1f1f1; display: block !important; position: absolute; } .shop-latest .tabbable .shop-latest-carousel:hover .controls a { background: #eee; } .shop-latest .tabbable .shop-latest-carousel .controls a:hover { background: #dedede; } .shop-latest .tabbable .shop-latest-carousel .controls a.prev { top: 50%; } .shop-latest .tabbable .shop-latest-carousel .controls a span { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; } .shop-latest .tab-content { overflow: visible; } .shop-latest .tab-content > .tab-pane { display: block; visibility: hidden; height: 0; overflow: hidden; } .shop-latest .tab-content > .active { visibility: visible; height: auto; } .product-list-item { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ffffff; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%, #ffffff), color-stop(100%, #ededed)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #ffffff 61%, #ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .product-list-item.promo-new:after { content: 'NEW'; font-size: 11px; color: #fff; font-weight: normal; background: #12a1c5; line-height: 1; padding: 4px 6px; position: absolute; left: 20px; top: 20px; } .product-list-item.promo-new:before { content: ''; border: 3px solid transparent; border-top-color: #12a1c5; position: absolute; left: 27px; top: 39px; z-index: 1; } .product-list-item.promo-sale:after { content: 'SALE'; font-size: 11px; color: #fff; font-weight: normal; background: #c51212; line-height: 1; padding: 4px 6px; position: absolute; left: 20px; top: 20px; } .product-list-item.promo-sale:before { content: ''; border: 3px solid transparent; border-top-color: #c51212; position: absolute; left: 27px; top: 39px; z-index: 1; } .product-list-item > .hover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; box-shadow: inset 0 0 0 2px #e8e8e8; } .product-list-item .image { text-align: center; line-height: 251px; max-height: 251px; } .product-list-item .details { background: #f3f3f3; padding: 15px; border-top: 1px solid #E8E8E8; } .product-list-item .details h3 { font-size: 14px; color: #2f2f2f; line-height: 1.3; margin: 0 0 10px } .product-list-item .details p.desc { font-size: 12px; font-style: italic; color: #939393; line-height: 1.3; } .product-list-item .details .actions { text-align: right; position: absolute; right: 0px; bottom: 10px; width: 0; overflow: hidden; line-height: 1; } .product-list-item .details .actions a { display: inline-block; background: #cd2122; color: #fff; font-size: 10px; line-height: 1; padding: 4px 6px; white-space: nowrap; margin-bottom: 3px; } .product-list-item .details .actions a:hover { background: #333; } .product-list-item .price { color: #565656; font-size: 20px; font-weight: 700; line-height: 1 } .product-list-item .price:first-letter { font-size: 12px; vertical-align: top; } .product-list-item .price small { font-size: 13px; font-weight:; position: relative; color: #777; line-height: 1; vertical-align: top; } .product-list-item .price small:after { content: ''; width: 34px; height: 0px; border-top: 1px solid #999; position: absolute; left: -2px; top: 9px; opacity: 0.9; filter: alpha(opacity=90); -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); } .product-list-item:hover .details { background: #edecec; } .product-list-item:hover .details h3 { color: #cd2122; } .product-list-item:hover .details .actions { width: 140px; right: 4px; } .product-list-item:hover > .hover { box-shadow: inset 0 0 0 4px #9c9c9c; } .product-list-item .details h3, .product-list-item > .hover, .product-list-item .details, .product-list-item .details .actions, .shop-latest .tabbable .shop-latest-carousel .controls a { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* limited offers carousel */ .limited-offers-carousel { position: relative; width: 712px; } #limited_offers { margin: 0; padding: 0; list-style: none; height: 194px; } #limited_offers li { float: left; margin-right: 20px; width: 158px; position: relative; border: 2px solid #e8e8e8; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ffffff; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%, #ffffff), color-stop(100%, #f0f0f0 )); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #ffffff 61%, #f0f0f0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #limited_offers li:hover { border: 2px solid #bbb; } #limited_offers li .image { max-height: 120px; line-height: 120px; margin: 10px; } #limited_offers li:after { content: attr(data-discount); font-size: 11px; color: #fff; font-weight: normal; background: #c51212; line-height: 1; padding: 4px 6px; position: absolute; left: 10px; top: 10px; } #limited_offers li:before { content: ''; border: 3px solid transparent; border-top-color: #c51212; position: absolute; left: 17px; top: 29px; z-index: 1; } #limited_offers li h5 { margin: 0 0 10px; line-height: 1 } #limited_offers li h6 { margin: 0 0 15px; line-height: 1; font-size: 11px; } #limited_offers li { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .limited-offers-carousel .controls { width: 58px; background: #fff; position: absolute; border: 2px solid #e8e8e8; text-align: center; right: -58px; top: 0; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .limited-offers-carousel .controls:after { content: ''; position: absolute; top: 50%; width: 44px; left: 5px; border-top: 1px solid #e8e8e8; } .limited-offers-carousel .controls a { position: absolute; width: 54px; height: 50%; display: block !important; opacity: .5; filter: alpha(opacity=50); } .limited-offers-carousel .controls a:hover { opacity: 1; filter: alpha(opacity=100); } .limited-offers-carousel .controls a.prev { top: 50%; } .limited-offers-carousel .controls a span { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; } .adbox.video { position: relative; } .adbox.video:after { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; box-shadow: inset 0 0 0 4px rgba(255,255,255,0.4) } .adbox.video .video_trigger_container { position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -75px; margin-top: 70px } /* shop-features */ .shop-features { margin-bottom: 0; } .shop-features .title { margin: 0; line-height: 1.3; } .shop-features .shop-feature { background: #969696; color: #fff; padding: 10px; border-radius: 3px; } .shop-features .shop-feature:hover { background: #cd2122; } .shop-features .shop-feature > img { float: left; margin: 0 20px 0 0; } .shop-features .shop-feature > h4 { line-height: 1; margin: 0 0 7px; font-size: 18px; font-weight: 900; } .shop-features .shop-feature > h5 { line-height: 1; margin: 0; font-weight: 700; } /* PRODUCT PAGE */ .product-gallery { border: 1px solid #EAEAEA; background: #fff; width: 100%; min-height: 300px; padding-bottom: 10px; } .product-gallery .big_image { width: 100%; text-align: center; } .product-gallery ul.thumbs { padding: 10px 0 0 10px; list-style: none; margin: 0; } .product-gallery ul.thumbs li { float: left; margin-left: 10px; } .product-gallery ul.thumbs li:first-child { margin-left: 0; } .product-gallery ul.thumbs li img { border: 1px solid #EAEAEA; padding: 2px; } .product-gallery ul.thumbs li img:hover { border: 1px solid #EEE; } .product-page .main-data { font-size: 11px; } .product-page .main-data .name { font-size: 32px; line-height: 1.4; } .product-page .main-data .regular_price span { text-decoration: line-through; } .product-page .main-data .price span { font-size: 36px; font-weight: normal; line-height: 1; } .product-page .main-data .price .to_wishlist { float: right; line-height: 3; margin-right: 30px; } .to_cart .quantitiy { float: left; width: 50px; } .to_cart .quantitiy label { font-size: 11px; display: block; } .to_cart .quantitiy #qty { padding: 5px; width: 50px; } .to_cart .addtocart { margin-left: 30px; margin-top: 25px; font-size: 14px; } /* site helpers */ .noBgImage { background-image: none; } .full_width { max-width: 100%; } .text_align_left { text-align: left !important; } .text_align_right { text-align: right !important; } .text_align_center { text-align: center !important; } /* custom buttons */ .btn-flat { background: #cd2122; font-size: 18px; font-weight: 700; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; border: 0; } .btn-flat:hover { background: #343434; color: #fff; } .redbtn { background: #cd2122; } /* css transitions - reducing transitions lines */ nav#main_menu li a, .topnav li.drop .pPanel, #totop, .info_pop .buyit, .playVideo span, .theHoverBorder, .hoverBorder h6, .slidingDetails .details, .slidingDetails, .partners_carousel li a, .hoverBorder:hover img, .feature_box.style3 .box, .services_box .icon, .css3accordion>ul>li .thumb, .gobox, .hover-box, .circlehover span, .process_box, .sidebar-left ul.menu li a, .timeline_box, .timeline_box:hover .date, .services_box.style2 .box, .team_member, .ptcarousel .controls > a, .shop-features .shop-feature {/* -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;*/ } /* Bootstrap code examples -------------------------------------------------- */ /* Base class */ .bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; *padding-top: 19px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Echo out a label for the example */ .bs-docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: normal; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; } /* Remove spacing between an example and it's code */ .bs-docs-example + .prettyprint { margin-top: -20px; padding-top: 15px; } /* Tweak examples ------------------------- */ .bs-docs-example > p:last-child { margin-bottom: 0; } /* Special grid styles -------------------------------------------------- */ .show-grid { margin-top: 10px; margin-bottom: 20px; } .show-grid [class*="span"] { background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 40px; line-height: 40px; } .show-grid:hover [class*="span"] { background: #ddd; } .show-grid .show-grid { margin-top: 0; margin-bottom: 0; } .show-grid .show-grid [class*="span"] { background-color: #ccc; } table {border-color: rgba(255, 255, 255, 0.2)} /*.thememedia .video {border-bottom: solid 1px rgba(255, 255, 255, 0.2) !important; border-top:solid 1px rgba(255, 255, 255, 0.2) !important;} .thememedia .gallery {border-bottom: solid 1px rgba(255, 255, 255, 0.2) !important; border-top:solid 1px rgba(255, 255, 255, 0.2) !important;}*/ .divide {border-top:1px solid rgba(255, 255, 255, 0.2); margin-top: 81px; clear:both} table {border-color:rgba(255, 255, 255, 0.2) !important;} .dividemedia {border-top:1px solid rgba(255, 255, 255, 0.2); margin-top: 97px; clear:both;} .photo {margin-left: 6px !important; margin-bottom:6px !important; margin-right:0px !important;} .tickets td {border-top: none !important;} .addtobasket {text-align: right !important;} .themepress td.date {color: #FFF !important;} .themepress a.lightbox {color: #B6AEA3 !important;} .currencies {padding-right: 10px !important;} .total {padding-right: 10px !important;} a.back-to-top:link,a.back-to-top:visited{background:#333333 url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/w-u.png") no-repeat center 10px;background:rgba(46, 46, 46, 0.8) url("https://web-archive.nli.org.il/National_Library/oe_/http://www.carlcox.com/images/w-u.png") no-repeat center 10px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;bottom:12px;display:none;font-size:15px;font-weight:bold;padding:50px 8px 12px;position:fixed;right:12px;} a.back-to-top:hover{background-color:#555;background-color:rgba(66, 66, 66, 0.8);} a.back-to-top:active,a.back-to-top:focus{background-color:#111;background-color:rgba(11, 11, 11, 0.8);} .themegallery h2.header.sub {border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;} .photowrap div.gallery a h3:hover {color: #CDCDCD;} .video h3:hover {color: #CDCDCD;} .themegallery div.contents {margin-left: -2px !important;} .themehome .row td a:hover {color: #CDCDCD;} .discnav {float:right;} .disclinks {color: #9CA4B7;} a.disclinks:hover {color: #FFF;} .press td a:hover {color: #CDCDCD !important;} a.emllink:hover {color: #CDCDCD !important;} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .themepress .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_press@2x.png) !important;} .themediscography .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_discography@2x.png) !important; } .themecontact .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_contact@2x.png) !important; } .themebiography .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_biography@2x.png) !important; } .themepolicy .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news@2x.png) !important; } .thememedia .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_media@2x.png) !important; } .themegallery .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_media@2x.png) !important; } .themevideo .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_media@2x.png) !important; } .themeevents .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_tour@2x.png) !important; } .themetour-dates .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_tour@2x.png) !important; } .themeradio .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_radio@2x.png) !important; } .themenews .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_home@2x.png) !important; } .themehome .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news@2x.png) !important; } .useraccount .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news@2x.png) !important; } .themepolicy .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news@2x.png) !important; } .themeterms .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_news@2x.png) !important; } .logo {background-image: url(/National_Library/oe_/https://www.carlcox.com/images/logo_home@2x.png); background-size:157px;} } .pslinks {display: block; width:100%; height: 100%;} #feedbackform.form label.lbl {font-weight:normal;} .video .videothumbwrap {height: auto;} .themevideo h2.header.sub { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .slides_control {height: 260px !important;} .slides_container {height: 260px !important;} #slides {height: 260px !important; margin-bottom: 30px;} .themegallery h3.header.sub:hover {color: #FFF;} .themevideo h3.header.sub:hover {color: #FFF;} .themevideo div.col.twothirds.goleft h3.header.sub {font-size: 14px !important; border:none; padding-bottom:10px;} .themegallery div.col.twothirds.goleft h3.header.sub {font-size: 14px !important; border:none;} /* =TICKETS BLOCK THEME ADJUSTMENTS --------------------------------------------------------------------*/ .decordark .tickets__header { background: none; border-top: 0; } @media (max-width: 660px) { * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; } body { min-width: 320px; } .sidebar-left { position: fixed !important; top: 0; left: -210px; width: 210px; background: #0c0c0c; transition: left .25s ease; } .sidebar-left .logo { width: 100%; margin: 5px 0; background-size: 60px; height: 32px; background-repeat: no-repeat; background-position:100% 0; } .menu-visible .sidebar-left { left: 0; box-shadow: 0 0 10px #000; } .lowersidebar { margin-top: 0 !important; } .sidebar-left .global-radio-logo { width: 42px; position: absolute; top: 10px; left: 10px; z-index: 99999; margin: 0!important;} .sidebar-left .newsletterform input.txt { font-size: 100%; height: auto;} .sidebar-left .global-radio-latest-logo,.sidebar-left .global-radio-latest { display: none !important; } #page_wrapper { margin: 0 0 15px; padding: 0; width: 100%; min-width: 320px; } #page_wrapper .logo { display: block; padding: 0; width: 100%; background-color: rgba(0,0,0,0.75); background-size: 60px; height: 60px; background-repeat: no-repeat; background-position: 15px 15px; } .rwdmenulink { position: absolute; top: 20px; right: 15px; font-size: 34px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span7,.span3 { width: 100%!important; overflow: hidden; } .fb_iframe_widget,.fb_iframe_widget * { max-width: 100%; } body [class*="span"],.themehome .span7 { clear: both!important; width: 100%!important; float: none!important; margin: 0 0 10px!important; } .header.sub { padding-top: 20px; } .header.sub:first-of-type { padding-top: 0; } .row { margin: 0!important; } .box { padding: 15px 0; margin: 0; float: none; } .box .header { margin: 0; } .prespace { white-space: normal; } .button { text-align: center; line-height: normal; } #top #slides,#top #slides * { width: 100%; height: auto!important; margin: 0; } #top #slides { margin: 0 0 15px; } hr { margin: 20px 0 0; } .box.thin { width: 100%; } .span7 div.content-container { margin: 15px; } .enlarge { margin: 10px 0 !important; } .tickets td { border-bottom: 0; border-top: 1px solid rgba(255, 255, 255, 0.2)!important } .ticketsfooter td.cardicons { border: 0!important; } .ticketsfooter input.addtobasket { text-align: center !important; } .tickets th { border-bottom: 0; } .tickets.simple-tickets td,.press td { display: inline-block; padding: 0 6px 0 0 !important; border: 0!important; } .tickets.simple-tickets .ticketrow td:first-child,.press tr td:first-child { clear: both; display: block; padding: 5px 0 0 0 !important; width: auto!important; } .tickets.simple-tickets .ticketrow td:last-child,.press tr td:last-child { clear: both; display: block!important; padding: 3px 0 7px !important; border-top: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; text-align: left!important; width: auto!important;; } .tickets.simple-tickets .prespace { display: inherit!important; } .discography,.gallery,.gallery.even,.gallery.odd,div.video,div.video.even,div.video.odd { clear: both; float: none; width: 100%; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .dividemedia,.divide { display: none; } .discowrap h2 { margin-bottom: 0!important; } .form .forminfo { margin-left: 10px !important } .box.goright.thin.welcome-register { width: 100%; float: none; } #user-login.form div.field label.lbl { margin-left: 0; } form#user-login.form.login .field,form#user-register.form.register .forminfo { margin-left: 0!important; } #user-login.form div.field div.data { margin-left: 0px; } footer { position: relative!important; margin: 0; text-align: center; } iframe { max-width: 100%; height: auto; } .decordark .tickets__footer { background: #333; border-color: rgba(169,169,169,0.4); } #top { padding: 0; } } .text-divider { border-top-color: rgba(255, 255, 255, .2) !important; } @media only screen and (max-width: 660px) { html body, .boxoffice { min-width: 320px !important; -webkit-text-size-adjust: none; } .boxoffice .checkoutheadercontainer { min-width: 100%; } #top, .checkout #top { width:auto; margin: 0; padding: 12px; } #page { margin: 0; } /* Event Listings Page */ .topicthumb { margin: 0; padding: 15px 0 10px; } .topicthumb:last-child { padding-bottom: 0; } .topicthumb .goleft { float: none; width: 100%; } .topicthumb .goleft span, .topicthumb .goleft strong { width: auto; display: inline; } .topicthumb .goright { clear: both; float: none; width: 100%; text-align: left; } .topicthumb .goright .button { float: right; position: relative; top: -3px; } /* Event Page */ .enlarge { margin-bottom: 10px; } /*dt { display: inline; float: none; clear: both; width: auto; margin: 0 5px 0 0; } dd { display: inline; float: none; width: auto; }*/ table.tickets { width: 100%; } .tickets tr.ticketheaderrow th.prespace,.tickets td.detail.prespace { display: none; } .tickets .prespace { white-space: normal; } .ticketsfooter { position: relative; height: 160px; } .ticketsfooter td.detail { position: absolute; width: 50%; } .ticketsfooter td.total { position: absolute; width: 50%; right: 0; } .ticketsfooter td.cardicons { position: absolute; margin-top: 52px; width: 100%; border: 0; } .ticketsfooter td .cardicon { position: relative; top: -7px; } .ticketsfooter td.addtobasket { position: absolute; width: 100%; margin-top: 100px; padding-top: 10px; } .ticketsfooter input.addtobasket { width: 100%; padding: 10px; } .bf-info-row .currencies { display: block!important; margin: 0 0 10px; text-align: center; } select#busticketTravelSelection, select#travelSelection { width: 100%; } select#busticketTravelSelection { margin-bottom: 10px; } select#travelSelection { font-size: 14px; } select#travelSelection:focus { font-size: 16px; } input.bt_select { margin-left: 0; } /* Social */ .discounts { position: relative; } .discounts .actions { float: left; margin-left: 0; margin-right: 0; } .discounts h4 { clear: both; } .incentive { margin: 0 5px 10px 0; } /* Checkout Pages */ .checkoutheadercontainer { text-align: center; } .checkoutheadercontainer .checkoutheading { float: none; margin: 0 0 5px; } .checkoutheadercontainer .countdown { float: none; display: block; margin-bottom: 5px; } .checkoutheadercontainer ul { float: none; } /* Checkout Receipt */ .checkoutheadercontainer .checkoutheadinginfo { float: none; text-align: center; } .checkoutheadercontainer .button { float: none; margin-top: 10px; } .boxoffice .checkoutheading { margin: 10px; } .checkoutheadinginfo { margin: 0 10px 15px; } .receiptsocial a { float: left; margin: 0 10px 10px 0 !important; } .receiptsocial p { max-width: none; clear: both; } /* Checkout Footer */ .checkoutfooter { padding-bottom: 10px; } .checkoutfooter .goleft, .checkoutfooter .goright { float: none; } .checkoutfooter .eventgenius { float: none; margin: 5px 0 10px; } .loginoption { margin-left: 0; } .loginoptions { float: none; margin: 0 auto; } .loginoptions .forminfo { margin-left: 0; } .form .forminfo { margin-left: 0; } .forminfo.nooptions { padding-bottom: 10px; } .securecheckoutbox { padding-bottom: 10px; } .paymentform { width: 100%; padding: 5px 0; } .paymenthighlight { width: 100%; padding: 5px 0 10px; position: relative; top: auto; right: auto; display: block !important; } .subaction .offsetleft { position: relative !important; right: 0; top: 0 !important; float: right; margin-top: 10px; } .box.userloggedin { padding-bottom: 10px; } .ticketplanoption { margin-top: 10px; } /* Forms */ input[type="text"], input[type="email"], input[type="password"] { font-size: 16px; } select { font-size: 12px; } #useraccount-form { max-width: none; float: none; } #useraccount-form .data { margin-left: 0; } #useraccount-form .forminfo { margin: 0; } .form .field { margin-left: 0; } .field { margin: 0 0 15px; } .field .lbl { margin: 0 0 5px; } .field .lbl[for=address2], .field .lbl[for=pri_address2] { display: none; } .field.cardprocess { margin: 0; } .field .data { margin: 0; } .expirydate { width: auto; } .cv2 { width: auto; text-align: left; } .fb-login-button.fb_iframe_widget { margin-top: 10px; display: inline-block; } /* CVV Card popup Help */ #cvn { right: 120px; top: 85px; width: 160px; background: white; padding: 20px; box-shadow: 0 2px 5px rgba(0,0,0,.2); } #cvn .subtle { display: block; } /* General */ .useraccount .wide, .useraccount .thin, .useraccount .half { width: 100%; } .useraccount div.goleft, .useraccount div.goright { float: none; } .useraccount .box { margin-bottom: 20px; } .bf-close-top { display: none; } .bf-close-bottom { display: inline-block; position: relative; background: none; left: 50%; } .usertools { text-align: left; line-height: 100%!important; } .usertools .goleft { float: none; display: block; } .usertools .goright { float: none; } .stt-edit-account { float: none; max-width: none; width: 100%; border: 0; padding: 0; clear: both; } .streetteam-form { width: 100%; } .streetteam-form .row { width: 100%; margin: 0; } .streetteam-form .row select, .streetteam-form .row input[type="text"] { width: 100%; } .streetteam-form .controls { width: 100%; } .orderbasketsummary td:empty { display: none; } .orderbasketsummary th { display: none; } .orderbasketsummary .thleft { display:block; } .orderbasketsummary td[width="5%"] { display: none; } .orderbasketsummary tbody tr { display: block; width: 100%; } .orderbasketsummary td { display: block; width: 100%; text-align: left; border-bottom: 0!important; } .orderbasketsummary .button { margin-bottom: 10px; } .bf-parent-row td { padding-bottom: 7px; } /* Reps */ .repsflr { float: none; } .repslcont { float: none; width: 100% !important; } .repssubnav { display: block; margin-top: -38px;} .repssubnav li { margin: 0; } .repssubnav li a { font-size: 90%; padding: 1px 5px 7px; margin: 0 0 0 2px; } .repssubborder { border: 0; } .repssubborder td { padding: 0; line-height: normal; } .repsrcont { width: 100%; } .repslcont > br,.repsrcont > br { display: none; } .repsctrdivide td { display: block; border: 0; width: 100%; padding: 10px; line-height: normal; } .repsinfoimg td { line-height: normal; } .repsbox { width: 100%; padding: 0; } .repstablelbl { width: 100%; } .repstxtbox { width: 100%; } .repssavebtn { margin-left: 0 !important; } #repseditinfo { width: 100%; float: none; } #colourpicker { left: 10px !important; } } @media only screen and (max-width: 660px) and (min-width: 480px) { .eventheader.thumb { width: inherit; } .enlarge { margin-bottom: 0; } dt { margin: 5px 0 0; width: 70px; } dd { margin: 5px 0 0; } } @media only screen and (max-width: 350px) { .topic-events .event-text-container {width: 54%;} } /* !Retina Assets */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cardicon,.txtdate,.eventgenius,.incentive.facebook .icon,.incentive.like .icon,.incentive.twitter .icon { background-image: url('/National_Library/oe_/https://www.carlcox.com/images/decor@2x.png'); background-size: 800px; } #messages .ok { background-image: url('/National_Library/oe_/https://www.carlcox.com/images/messages@2x.png'); background-size: 16px; } #messages .info { background-image: url('images/messages@2x.png'); background-size: 16px; } #messages .error { background-image: url('/National_Library/oe_/https://www.carlcox.com/images/messages@2x.png'); background-size: 16px; } }