html,body { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; } #cboxClose { background: url(images/close.png) no-repeat 0 0; cursor: pointer; display: block; height: 28px; position: absolute; right: -8px; text-indent: -999em; top: -8px; width: 28px; } .ad #popup-close { background: url(images/home-ad/close_btn.png) no-repeat 0 0; cursor: pointer; display: block; height: 38px; position: absolute; right: -7px; text-indent: -999em; top: 0; width: 50px; z-index: 999; } .ad #popup-close:hover { background-position: 0 -53px; } #popup-container { width: 450px; } #popup-container.ad { width: 980px; } .g-map, .external-video { width: 654px !important; } #popup-header { background: url(images/popupheadbg.jpg) repeat-x; float: left; height: 60px; margin: 8px 0 0; position: relative; width: 100%; } .ad #popup-header { background: none; height: 0; margin: 0; position: relative; z-index: 999; } #popup-header h2,#popup-header h1 { color: #FFF; font-size: 30px; margin: 0; padding: 13px 30px; } .article #popup-header h1 { padding-left: 25px; } #popup-content { background: #fff; float: left; padding: 28px 27px 0 !important; width: 396px; } .ad #popup-content { padding: 0 !important; width: 980px; } .article #popup-content { width: 396px !important; } .g-map #popup-content { height: 425px; padding-bottom: 28px; width: 600px; } .external-video #popup-content { width: 600px; padding-bottom: 28px !important; } .message { color: #ff6600; font-size: 13px; line-height: 18px; margin: 0 0 100px; } #popup-content p { color: #666; font-size: 13px; line-height: 17px; margin: 0 0 10px; } #popup-content p.msg { border-bottom: 3px solid #ff6600; color: #666; display: block; font-size: 13px; margin: 0 0 25px; padding-bottom: 9px; } .frm-email,#formEmail { float: left; width: 100%; } .frm-email ul,#formEmail ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; } .frm-email li,#formEmail li { background: none; float: left; list-style: none; margin: 0 0 12px; overflow: hidden; padding-left: 0; width: 100%; } .hidden { display: none; } .frm-email label,#formEmail label { float: left; font-size: 16px; font-weight: bold; margin: 0 0 9px; width: 100%; } #formEmail label.error,.frm-email label.error { color: #FF6600; font-size: 13px; font-weight: normal; margin-bottom: 0; padding: 2px 0 0 0; width: 290px; } input,textarea { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .frm-email input.txt,#formEmail input.txt { border: 1px solid #ccc; display: block; float: left; padding: 4px 5px 3px; width: 384px; } ul li textarea { border: 1px solid #ccc; display: block; height: 70px; overflow: auto; padding: 4px 5px 3px; width: 384px; } a.close { background: url(images/close.png); height: 28px; position: absolute; right: -6px; text-decoration: none; text-indent: -9999px; top: -6px; width: 28px; } .button { background: none; border: 0; margin: 0 0 0 -5px; padding: 0; position: relative; text-align: left; } .button em { background: url(images/sprite-button.png) no-repeat right -59px; float: left; font-style: normal; padding: 0 39px 0 0; } .button span { background: url(images/sprite-button.png) no-repeat 0 0px; color: #fff; float: left; font-size: 18px; font-weight: bold; line-height: 18px; padding: 9px 0 13px 18px; } .button:hover em { background: url(images/sprite-button.png) no-repeat right -179px; } .button:hover span { background: url(images/sprite-button.png) no-repeat 0 -124px; } ul { list-style: none; padding: 0; } li { background: url(images/img-bullet.gif) no-repeat -18px -25px; margin: 0 0 10px 0; padding-left: 15px; } #popup-container.event-hsc-type { width: 487px; } #popup-container.event-hsc-type #popup-content { height: 666px; padding: 15px 15px 2px !important; width: 457px; } #popup-container.event-hsc-type #popup-header h2,#popup-container.event-h-type #popup-header h2,#popup-container.event-v-type #popup-header h2 { padding: 13px 15px; } #popup-container.event-h-type { width: 795px; } #popup-container.event-h-type #popup-content { height: 635px; padding: 15px 15px 12px !important; width: 765px; } #popup-container.event-v-type { width: 235px; } #popup-container.event-v-type #popup-content { height: 1175px; padding: 8px 15px 12px !important; width: 205px; } #popup-container.event-hdr-type { width: 302px; } #popup-container.event-hdr-type #popup-content { height: 292px; padding: 8px 15px 15px !important; width: 272px; } #popup-container.event-hdr-type #popup-header h2 { padding: 13px 30px 13px 22px; } #popup-container.event-large-type { width: 733px; } #popup-container.event-large-type #popup-content { height: 798px; padding: 15px 15px 2px !important; width: 703px; } #popup-container.event-medium-type { width: 490px; } #popup-container.event-medium-type #popup-content { height: 550px; padding: 15px 15px 2px !important; width: 460px; } #popup-container.event-small-type { width: 368px; } #popup-container.event-small-type #popup-content { height: 440px; padding: 15px 15px 2px !important; width: 338px; } .no-flash-load { background: url(images/black-transparent.png) repeat left top; left: 0; padding: 15px 15px; position: absolute; top: 0; width: 950px; z-index: 99; } #popup-content .no-flash-load p { color: #ffffff; float: left; font-size: 13px; font-weight: bold; margin: 0; } .no-flash-load a { color: #FF6600; float: left; padding: 0 20px 0 0; text-decoration: none; } .no-flash-load p a { display: block; float: none; } .no-flash-load p a:hover { color: #fff; } @font-face { font-family: 'VAGRoundedLTBold'; font-style: normal; font-weight: normal; src: url("fonts/vagrol01-webfont.eot"); src: url("fonts/vagrol01-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/vagrol01-webfont.woff") format("woff"),url("fonts/vagrol01-webfont.ttf") format("truetype"),url("fonts/vagrol01-webfont.svg#VAGRoundedLTBold") format("svg"); } @font-face { font-family: 'VAGRoundedLTLight'; font-style: normal; font-weight: normal; src: url("fonts/vagroltl-webfont.eot"); src: url("fonts/vagroltl-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/vagroltl-webfont.woff") format("woff"),url("fonts/vagroltl-webfont.ttf") format("truetype"),url("fonts/vagroltl-webfont.svg#VAGRoundedLTLight") format("svg"); } .wrap-home-ad h1 { color: #000; float: left; font-family: 'VAGRoundedLTBold'; font-size: 54px; line-height: 54px; margin: 0; width: 100%; } .title { float: left; margin: 74px 0 13px 38px; width: 893px; } .title span { color: #000; font-family: 'VAGRoundedLTBold'; font-size: 25px; font-weight: bold; line-height: 25px; } .wrap-home-ad { background: url(images/home-ad/bg-main.gif) no-repeat center top; cursor: pointer; float: left; padding: 20px 25px 26px 21px; width: 935px; } .details { color: #fff; float: right; margin-right: 10px; margin-top: -2px; padding: 0; text-align: right; } .muted-blue { background: #8c9fce; } .dark-red { background: #ab0534; } .sky-blue { background: #41c4dd; } .green { background: #00a950; } .default { background: #ff9900; } .red { background: #e51b24; } .muted-green { background: #9fcf67; } .purple { background: #9b5ba4; } .yellow { background: #fff008; } .yellow .details { color: #A45C0D; } .magenta { background: #e50278; } .dark-blue { background: #002d62; } .gray { background: #a7a9ac; } .blue-gray { background: #6a747b; } .wid-event { border-radius: 0px 100px 100px 0px; font-size: 112%; height: 88px; left: 0; line-height: 133%; moz-border-radius-bottomleft: 0px; moz-border-radius-bottomright: 100px; moz-border-radius-topleft: 0px; moz-border-radius-topright: 100px; overflow: hidden; padding: 0.8%; position: absolute; webkit-border-radius: 0px 100px 100px 0px; } .thumb { border-radius: 25px 100px 100px 25px; display: block; float: right; height: 89px; margin: 0; moz-border-radius-bottomleft: 35px; moz-border-radius-bottomright: 100px; moz-border-radius-topleft: 35px; moz-border-radius-topright: 100px; webkit-border-radius: 35px 100px 100px 35px; width: 116px; } .webkit .wid-event { padding-bottom: 0.9%; } .details span { display: block; font-family: 'VAGRoundedLTLight'; text-transform: capitalize; } .tab-content { float: left; height: 414px; overflow-x: hidden; position: relative; width: 100%; } .tab-1 { width: 328px; z-index: 999; } .tab-1 .details { width: 197px; } .tab-2 { top: 31px; width: 715px; z-index: 10; } .tab-2 .details { width: 229px; } .tab-3 { top: 130px; width: 823px; z-index: 1; } .tab-3 .details { width: 263px; } .tab-4 { clear: both; top: 147px; width: 421px; z-index: 999; } .tab-4 .details { width: 286px; } .tab-5 { clear: both; top: 225px; width: 715px; z-index: 10; } .tab-5 .details { width: 193px; } .tab-6 { clear: both; top: 282px; width: 300px; z-index: 999; } .tab-6 .details { width: 165px; } .footer { float: left; padding-bottom: 7px; position: relative; width: 100%; } .info { float: left; margin-left: 39px; text-align: center; } .info span,.wrap-phone { color: #000; font-family: 'VAGRoundedLTLight'; font-size: 24px; line-height: 24px; } .wrap-phone { margin-bottom: 4px; } .footer .logo { bottom: -2px; position: absolute; right: 35px; } .ie7 .footer .logo { bottom: -5px; } .wrap-logo { float: right; width: 471px; } .info .small-txt { color: #df3828; display: block; font-size: 12px; line-height: 12px; } .wrap-logo span { color: #000; float: left; font-family: 'VAGRoundedLTLight'; font-size: 12px; line-height: 14px; margin: 51px 24px 0 0; } #popup-container.newsletter { background: #FFF; border-radius: 20px; box-sizing: border-box; height: 335px; moz-border-radius: 20px; moz-box-sizing: border-box; padding: 30px 25px; webkit-border-radius: 20px; webkit-box-sizing: border-box; width: 435px; } .newsletter #popup-content { float: none; padding: 0 !important; width: auto; } .newsletter #popup-content p { color: #666; font-size: 13px; line-height: 15px; margin-bottom: 15px; } .newsletter .form ul { margin: 0; } .newsletter .form li { background: none; float: left; height: 50px; list-style: none; margin: 0 0 19px 0; padding: 0; position: relative; width: 100%; } .newsletter .form li label { color: #333; float: left; font-size: 12px; font-weight: bold; padding-bottom: 7px; width: 100%; } .newsletter .form li label.error { bottom: -16px; color: #FF6600; font-size: 11px; font-weight: normal; left: 0; padding-bottom: 0; position: absolute; } .newsletter .form li input[type="text"],.newsletter .form li .select { background: #ebebeb; border: none; border-radius: 15px; display: block; float: left; height: 16px; left: 0; moz-border-radius: 15px; outline: none !important; padding: 7px 15px; position: absolute; top: 22px; webkit-border-radius: 15px; width: 365px; } .newsletter .form li input[type="text"]:focus { outline: none !important; } .newsletter .form li .styled { display: block !important; height: 30px; left: 0px; position: absolute; top: 23px; visibility: hidden; width: 287px; } .newsletter .form li .select { background: url(images/theme/sprite-sml.png) no-repeat right -188px #ebebeb; } .newsletter .form li button { background: #ba0b4d; background: url(images/theme/btn-go.jpg) repeat-x left top; border-radius: 45px; cursor: pointer; margin: 0; moz-border-radius: 45px; padding-left: 10px; text-transform: uppercase; webkit-border-radius: 45px; } .newsletter .form li button em { background: none; padding: 0 7px 0 0; } .newsletter .form li button em span { background: url(images/theme/arw-white.png) no-repeat right 9px; display: block; font-family: "Arial", Helvetica,sans-serif; font-size: 12px; line-height: 11px; padding: 8px 13px 7px 0px; text-transform: uppercase; } .newsletter .form li button:hover { background: #333; color: #FFF; } .newsletter .form li.wrap-submit { height: 28px; margin-bottom: 0; } .newsletter .form li.wrap-chk { height: 126px; margin-bottom: 24px; } .newsletter .form li.wrap-chk label { padding-bottom: 5px; } .newsletter .form li .checkboxes { float: left; padding: 0; } .newsletter .form li .checkboxes li { float: left; height: auto; margin-bottom: 8px; margin-right: 9px; padding-top: 3px; position: relative; width: 160px; } .newsletter .form li .checkboxes li span.checkbox { background: url(images/theme/sprite-chkbox.png) no-repeat 0 -1px; height: 18px; left: 0px; position: absolute; top: 0px; width: 18px; } .newsletter .form li .checkboxes li label { cursor: pointer; font-size: 12px; font-weight: normal; padding-bottom: 0px; padding-left: 23px; } .newsletter .form li .jspContainer { overflow: hidden; position: relative; } .newsletter .form li .jspContainer .jspPane { position: absolute; } .newsletter .form li .jspContainer .jspVerticalBar { background: none transparent; height: 100%; position: absolute; right: 4%; top: 0; width: 5px; } .newsletter .form li .jspContainer .jspHorizontalBar { background: red; bottom: 0; height: 0px; left: 0; position: absolute; width: 100%; } .newsletter .form li .jspContainer .jspVerticalBar *,.newsletter .form li .jspContainer .jspHorizontalBar * { margin: 0; padding: 0; } .newsletter .form li .jspContainer .jspCap { display: none; } .newsletter .form li .jspContainer .jspHorizontalBar .jspCap { float: left; } .newsletter .form li .jspContainer .jspTrack { background: #efeeee; position: relative; right: 2px; width: 10px; } .newsletter .form li .jspContainer .jspDrag { background: #ccc; border: none; border-radius: 100px; cursor: pointer; left: 0px; moz-border-radius: 100px; position: relative; top: 0; webkit-border-radius: 100px; width: 10px; } .newsletter .form li .jspContainer .jspHorizontalBar .jspTrack,.newsletter .form li .jspContainer .jspHorizontalBar .jspDrag { float: left; height: 100%; } .newsletter .form li .jspContainer .jspArrow { background: #50506d; cursor: pointer; display: block; text-indent: -20000px; } .newsletter .form li .jspContainer .jspArrow.jspDisabled { background: #80808d; cursor: default; } .newsletter .form li .jspContainer .jspVerticalBar .jspArrow { height: 16px; } .newsletter .form li .jspContainer .jspHorizontalBar .jspArrow { float: left; height: 100%; width: 16px; } .newsletter .form li .jspContainer .jspVerticalBar .jspArrow:focus { outline: none; } .newsletter .form li .jspContainer .jspCorner { background: #eeeef4; float: left; height: 100%; } .newsletter .form li .jspContainer * html .jspCorner { margin: 0 -3px 0 0; } .newsletter .wrap-chk-list { height: 101px; outline-style: none !important; overflow: auto; } .newsletter .back { background: url(images/theme/sprite-sml.png) no-repeat left -422px; color: #333; font-size: 12px; font-weight: bold; padding-left: 11px; text-decoration: none; text-transform: uppercase; } .newsletter .back:hover { background: url(images/theme/sprite-sml.png) no-repeat left -472px; color: #f60; } .newsletter .form .checkboxes li input.styled { height: auto; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; top: 0; visibility: visible; width: auto; z-index: -2; } .newsletter .form li .checkboxes li label { background: url(images/theme/sprite-chkbox.png) no-repeat 0 -1px; } .newsletter .form li .checkboxes li label.chk-active { background-position: 0px -70px; }  #popup-container.ad-v2{ width:600px; float:left; font-family:Arial; } .ad-v2 #popup-content{ padding:0 !important; width:600px; } .ad-v2 #popup-close{ position: absolute; top: -8px; right: -8px; background: url(images/close.png) no-repeat 0 0; height: 28px; width: 28px; display: block; text-indent: -999em; cursor: pointer; } .ad-v2 a{ text-decoration:none; color:inherit; outline:none; } .ad-v2 #popup-content .content{ padding: 0 50px 30px 50px; float: left; width: 500px; } .ad-v2 #popup-content .content h2{ font-size:37px; font-weight:bold; color:#050505; margin:10px 0 20px 0; padding:0; letter-spacing:-2px; line-height:37px; } .ad-v2 #popup-content p{ font-size:13px; color:#666666; margin:0px 0 10px 0; padding:0; } .ad-v2 #popup-content p.highlight{ font-size:20px; color:#666666; font-weight:bold; margin:0px 0 22px 0; padding:0; } .ad-v2 #popup-content a.more{ font-size:12px; color:#0188d5; font-weight:bold; margin:10px 0 22px 0; position:relative; float:left; } .ad-v2 #popup-content a.more:after{ border-bottom: 5px solid transparent; border-left: 5px solid #0188d5; border-top: 5px solid transparent; content: ""; height: 0; position: absolute; right: -12px; top: 2px; width: 0; } .ad-v2 #popup-content a.more:hover:after{ border-left: 5px solid #ff6600; } .ad-v2 #popup-content a.more:hover,.ad-v2 #popup-content .content h2:hover{ color:#ff6600; }