/** * Primary styles * * Author: V2G */ /*body { background:url("https://www.virtual2go.com/lesweston/wp-content/themes/lesweston/css/../img/sand_bg.png") repeat scroll 0 0 transparent; padding: 0; margin:0; }*/ body { background-color:#fff; padding: 0; margin:0; } #container { /*width: 940px;*/ margin: 0 auto; padding: 0; height: auto;font-family: 'TeXGyreAdventorBold'} header.bg { background:#FFF; } /*header { width: 940px;}*/ header .top-logo-container{width: 940px; height:73px; padding: 13px 0 0 0; margin:0;} header .top-logo-container #headerimg { float: left; height:85%; position: relative; } header .top-logo-container #headerimg img { height: 100%;width: inherit;} ul#hotline { float:right; list-style-type:none; width:auto; height:60px; clear: both;padding-top:20px;} ul#hotline li {list-style:none; padding: 0; margin: 0 0 0 17px; float: right;} ul#hotline li a.hotline { width:227px; height:27px; background:url(../img/hotline-number-new.png) no-repeat; display:block; text-indent:-9999px; margin:4px 0 0 0; float:right;} ul#hotline li span {margin: 3px 0 0 5px;padding: 0; font-size: 1.5em; float:right; font-weight:bold;} /*ul#hotline li a.sign-in { width:76px; height:33px; background:url(../img/signin-button.png) no-repeat; display:block;text-indent:-9999px; background-color:#76292A;}*/ ul#hotline li a.sign-in { width:76px; height:26px; display:block; background-color: #556c74; font-family: 'TeXGyreAdventorBold'; font-size:14px; color:#fff; padding: 2px 0 3px 40px; margin: 2px 0 0 0; text-decoration: none; } ul#hotline li a.sign-in:hover {opacity:.7;} ul#hotline li a.cart {text-decoration: none;} ul#hotline li .shoppigcart {margin-top:2px;padding-top:1px;width:116px;height:29px;background-color: #556c74;} ul#hotline li .shoppigcart:hover {opacity:.7;} .cart_text{padding-top:5px; padding-left:37px; font-family: 'TeXGyreAdventorBold';font-size:12px;color:#fff;text-transform:none;text-align:left; text-decoration: none;} span.edit-link { margin:5px 0 0 5px; padding:0; font-size:1em; } span.edit-link a { color:#5F7D83;font-family:Arial, Helvetica, sans-serif; } span.edit-link a:hover { color:#023976; text-decoration:underline; } /*****NAV*****/ /*header ul#nav {overflow:hidden; position:relative; } header ul#nav li { padding: 0; margin: 0; list-style:none;float: left; font: 19px Arial, Helvetica, sans-serif bold;} header ul#nav li a {color:#FFF;display:block; padding:18px 12px 14px; text-transform:uppercase;text-decoration:none; -moz-border-radius: 10px 0 0 10px; border-radius:10px 0 0 10px;border-right: 1px #FFF solid;} header ul#nav li:nth-child(1) a {background-color:#5F7D83;color:#FFF;display:block; -moz-border-radius: 10px 0 0 10px; border-radius:10px 0 0 10px;} header ul#nav li:nth-child(2) a { -moz-border-radius: 0; border-radius:0;background-color:#5F7D83;} header ul#nav li:nth-child(3) a {background-color:#76292A; -moz-border-radius: 0; border-radius:0;} header ul#nav li:nth-child(n+4) a {background-color:#5F7D83;text-decoration:none; -moz-border-radius: 0; border-radius:0; text-transform:lowercase; font-size:19px;} header ul#nav li:nth-child(7) a { background-color:#5F7D83; -moz-border-radius: 0 10px 10px 0; border-radius:0 10px 10px 0; border: none; float:left; font-size:19px; text-transform:lowercase;} header ul#nav li a:hover {background-color:#8A8172; -moz-border-radius: 0; border-radius:0;} header ul#nav li:nth-child(1) a:hover {background-color:#8A8172;color:#FFF;display:block; -moz-border-radius: 10px 0 0 10px; border-radius:10px 0 0 10px;} header ul#nav li:nth-child(7n) a:hover { -moz-border-radius: 0 10px 10px 0; border-radius:0 10px 10px 0; }*/ /*TOP CONTAINER*/ #main {width: 940px;margin:auto;} #main .featured-graphic { width: 940px; float:left; border-radius:10px; -moz-border-radius:10px; box-shadow: 0 0 1em #CCC; -moz-box-shadow: 0 0 1em #CCC; -webkit-box-shadow: 0 0 1em #CCC; background-color: #FFF; margin: 16px 0 20px 0; behavior: url(border-radius.htc); /* MSIE fix */} #main .featured-graphic ul.graphic-title {width: 940px;padding: 0;margin: 0; float:left;} #main .featured-graphic ul.graphic-title li { float:left; font-family:'Yanone Kaffeesatz', sans-serif; font-size:40px; font-weight:bold; color:#000; text-transform:uppercase; list-style-type: none; padding: 25px 0 0 17px; letter-spacing: -1px;} #main .featured-graphic ul.graphic-title li.block-title { background-color:#5F7D83; font: 20px 'Yanone Kaffeesatz', sans-serif; color:#FFF; float:right; list-style-type: none; margin: 34px 0 0 0; padding: 3px 46px 3px 14px; text-transform: lowercase; letter-spacing: normal;} /*END OF TOP TITLES*/ #main .featured-graphic .earth-graphic {display: block; padding: 0; margin: 0; float: left; margin: 20px 0 0 35px; } /*HIGHLIGHTED TEXT*/ #main .featured-graphic .info{margin-left: 40px;padding: 0;float:left;width:441px;} #main .featured-graphic .info ul.highlighted-text {display: block; padding: 0;margin: 20px 0 0 60px font-family:'Yanone Kaffeesatz', sans-serif; font-family:'Yanone Kaffeesatz', sans-serif; font-weight:bold; line-height:15px;t} #main .featured-graphic .info ul.highlighted-text li { margin: 15px 0 0 0; padding-left: 10px;font-size:25px; color:#000; letter-spacing: -1px; list-style:none; background:url(../../../themes/v2g-theme-1/img/pricing/lg-dot.gif) no-repeat 0 5px;} #main .featured-graphic .info ul.highlighted-text li span { font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#3c3c3c; font-weight:normal; } #main .featured-graphic .info ul.highlighted-text li.last { color:#5F7D83;} #main .featured-graphic .info ul.highlighted-text li.bt-text { padding: 0; margin:30px 0 20px 0px; background:none; text-align:center;} #main .featured-graphic .info ul.highlighted-text li.bt-text h1 {font-size:40px; font-weight:bold; padding-bottom: 10px; margin-bottom:25px;} #main .featured-graphic .info ul.highlighted-text li.bt-text a.lg-button { cursor:pointer;text-decoration:none;} #main .featured-graphic .info ul.highlighted-text li.bt-text .lg-button { background:#5F7D83;text-align: center; padding: 2px 10px; font-size:1.5em; color:#FFF; text-transform:uppercase; border-radius:10px; -moz-border-radius:10px; margin:10px 0 10px 0; overflow:hidden;} #main .featured-graphic .info ul.highlighted-text li.bt-text a.lg-button:hover { opacity:.7;} #main .featured-graphic .info ul.highlighted-text li.bt-text p { margin: 20px 0 0 0; color:#333;display:block;} #main .featured-graphic .info ul.highlighted-text li.bt-text p span { color:#5F7D83; font-size:25px;} #main .featured-graphic .info ul.highlighted-text li.bt-text small { font-size:20px; color:#333; display:block; color:#5F7D83; line-height:30px;} #main .featured-graphic .info ul.highlighted-text li.bt-text small span { color:#5F7D83; } /*TOP-ROW CONTAINER*/ #main #top-row { float:left;width:100%; background-color:#5F7D83;-moz-border-radius:10px; border-radius:10px; -moz-box-shadow: 1px 1px 5px #5F7D83; -webkit-box-shadow: 1px 1px 1px #5F7D83; box-shadow: 1px 1px 5px #5F7D83;overflow:hidden;position:relative;} #main #top-row ul.ledger-banner {clear:left; float:left; list-style-type:none; font-family:'Yanone Kaffeesatz', sans-serif; font-size:25px; color:#fff; font-weight:bold; position:relative;left:50%;text-align:center; } #main #top-row ul.ledger-banner span.edit-link a { position:absolute; bottom:0; right:10px; font-size:.5em; color:#FFF; } #main #top-row ul.ledger-banner span.edit-link a:hover { color:#76292A; text-decoration:underline; } #main #top-row ul.ledger-banner li { margin: 10px 0 10px 0;background:url(../../../themes/v2g-theme-1/img/lg-dot.png) no-repeat; background-position:right; padding:0 15px 0 5px;display:block;float:left;list-style:none; position:relative;right:50%; } #main #top-row ul.ledger-banner li:nth-child(2) { padding: 0; background: none; padding:0 15px 0 5px; } /*4 TEX BOXES*/ #main ul.top-row {width: 940px;padding: 0; margin: 10px 0; list-style-type:none; float:left;} #main ul.top-row .left-box { float:left; padding: 20px 0px 0 0; width:217px; list-style: none; } #main ul.top-row .left-box p { padding: 0; margin: 0; display:block; } #main ul.top-row .left-box p.info { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;} #main ul.top-row .left-box li.info {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;} #main ul.top-row .text-box-wrapper { padding: 0; margin: 0; float: right; width: 668px; } #main ul.top-row .text-box-wrapper li.text-box { list-style: none;float: left; height:125px;width:317px;border-radius:10px;-moz-border-radius:10px;box-shadow: 0 0 1em #CCC; -moz-box-shadow: 0 0 1em #CCC; -webkit-box-shadow: 0 0 1em #CCC; background-color:#fff; margin: 5px 0 0 5px; padding: 0 2px 0 10px; overflow:hidden;} #main ul.top-row li.text-box h2 { margin: 15px 0 0 0; padding: 0; font-family:'Yanone Kaffeesatz', sans-serif; font-size:25px; color:#5F7D83; font-weight:bold;} #main ul.top-row li.text-box p { margin: 2px 0 0 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;} /* process bar */ #main .process-step {margin: 10px 0 10px 0;margin-left: 172px;} #main .step { color:#010101; font-family:'Yanone Kaffeesatz', sans-serif; font-size: 20px; font-weight:bold; text-decoration: none; } #main .step:hover { color:#023976; font-family:'Yanone Kaffeesatz', sans-serif; font-size: 20px; font-weight:bold; text-decoration: none; } #main .step-sel { /*color:#474747;*/ color:#023976; font-family:'Yanone Kaffeesatz', sans-serif; font-size: 20px; font-weight:bold; text-decoration: none; } #main .arrow { color:#010101; font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight:bold; margin: 0 28px 0 28px; } /****Bar Divider****/ #main #bottom-bar { float: left; height:49px;width:940px;border-radius:10px;-moz-border-radius:10px;-moz-box-shadow: 1px 1px 5px #CCC; -webkit-box-shadow: 1px 1px 1px #CCC; box-shadow: 1px 1px 5px #CCC; background-color:#fff; margin: 17px 0 0 0; padding: 0;} #main #bottom-bar ul { margin-top: 2px;} #main #bottom-bar ul li { margin: 0; padding: 0; list-style: none; float: right;} #main #bottom-bar ul li span {margin:7px 2px 0; padding:0; font-family:'Yanone Kaffeesatz', sans-serif; font-size:30px; color:#000; font-weight:bold; display:block; } #main #bottom-bar ul li a { cursor:pointer;text-decoration:none; font-family:'Yanone Kaffeesatz', sans-serif; font-weight:bold;color:#FFF; background:#5F7D83; vertical-align:middle; text-align: center; padding: 2px 15px; left:50%; font-size:2em; border-radius:10px; -moz-border-radius:10px; display:block; margin:7px 10px 0;} #main #bottom-bar ul li a:hover { opacity:.7;} #main #bottom-bar span.edit-link { position:absolute;font-family:Arial, Helvetica, sans-serif;} #main #bottom-bar span.edit-link a { color:#5F7D83; } #main #bottom-bar span.edit-link a:hover { color:#76292A; } /*MIDDLE CONTAINER*/ #main #middle-wrapper{ padding: 0; margin: 0; width:940px; float:left; position:relative;} #main #middle-wrapper .left-box { width: 217px; paddin: 0; margin: 16px 0 0 0; float: left; list-style:none; font-family:'Yanone Kaffeesatz', sans-serif;} #main .left-box h3 { font-size:39px; color:#5F7D83; font-weight:bold; letter-spacing: -1px; display:block; padding-bottom:20px; font-family:'Yanone Kaffeesatz', sans-serif; line-height:30px;} #main #middle-wrapper .left-box p { margin:0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;line-height:normal; } #main #middle-wrapper ul.photo-wrapper {padding: 0 0 0 0px; margin: 16px 0 0 0; float:right; width: 668px;} #main #middle-wrapper ul.photo-wrapper li.headshot { padding: 0; margin: 10px 0 10px 0; width: 660px; float: left; display: block;} #main #middle-wrapper ul.photo-wrapper li.headshot p { padding-top: 5px; display: block;} #main #middle-wrapper ul.photo-wrapper li.headshot .headshot-img { float: left; padding:0; margin: 0 15px 0 0; width:164px; height:174px; border-radius:10px;-moz-border-radius:10px; } #main #middle-wrapper ul.photo-wrapper li.headshot em { padding: 0; display: block;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; } #main #middle-wrapper ul.photo-wrapper li.headshot span { padding: 10px 0 0 0; display: block; font-family:'Homemade Apple', cursive; font-size:12px; color:#5F7D83; } /*END MIDDLE CONTAINER*/ /*******IMAGE SLIDER*******/ #main #gallery { width: 940px; height:304px; overflow:hidden; margin: 20px 0 0; padding: 0; position:relative; float:left; } #main #gallery .slider-container { margin: 0 0 0 68px; padding: 0; position:relative; height:300px;} #main #gallery .slider-container ul#slider1 { width:805px; height: 295px; } #main #gallery .slider-container ul#slider1 li { padding: 0; list-style:none; letter-spacing: -1px; } .slider-img { float:left; display:block; margin:0 0 0 30px; padding:0; position:relative; width:300px; } .slider-img img { max-width:100%; height:inherit; } .slider-text {line-height: 25px; position: relative; float:right; width:400px; margin: 30px 30px 0 0;} .slider-text h3 { font-family:'Yanone Kaffeesatz', sans-serif;color: #FFF;font-size:39px; color:#5F7D83; padding-bottom:5px;} .slider-text p { color: #3c3c3c; font-family:Arial, Helvetica, sans-serif;font-weight: normal; font-weight:200;} .slider-text em { padding-top: 8px; font-family:'Homemade Apple', cursive; font-size:2em; color:#5F7D83; display: block; text-align:right;} #main #gallery .slider-container .bx-wrapper { padding: 0; margin: 0; width: 810px; } .bx-window { box-shadow: 0 0 1em #CCC; -moz-box-shadow: 0 0 1em #CCC; -webkit-box-shadow: 0 0 1em #CCC; height: 290px; } /*next button*/ .bx-next {position:absolute;top:50%;right:-68px;z-index:999;width: 62px;height:64px;text-indent: -999999px;background: url(../../../themes/v2g-theme-1/img/right-arrow.png) no-repeat 0; background-color:#5F7D83; } /*previous button*/ .bx-prev {position:absolute;top:50%;left:-68px; z-index:999; width:62px;height:64px; text-indent:-99999px; background: url(../../../themes/v2g-theme-1/img/left-arrow.png) no-repeat 0; background-color:#5F7D83;} /*next/prev button hover state*/ .bx-next:hover, .bx-prev:hover {background-position: 0 0;} /*captions*/ /*FOOTER*/ footer {width: 940px; margin-top:20px; padding-bottom:30px;border-radius:10px; -moz-border-radius:10px; box-shadow: 0 0 1em #CCC; -moz-box-shadow: 0 0 1em #CCC; -webkit-box-shadow: 0 0 1em #CCC; background-color: #333;font-family:Arial, Helvetica, sans-serif; line-height: 25px; color: #FFF; float:left; } footer #ft-coln { width: 200px; padding: 0; margin: 30px 0 0 30px; float: left; } footer #ft-coln h3 { margin: 15px 0 0 0; padding: 0; font-family:'Yanone Kaffeesatz', sans-serif; font-size:20px; color:#fff;} footer #ft-coln ul { padding: 0; margin: 0px; } footer #ft-coln ul li { padding: 2px 0 0 2px; margin: 0; list-style: none; color:#e1e1e1;} footer #ft-coln ul li a { color: #e1e1e1; text-decoration: none;} footer #ft-coln ul li a:hover { text-decoration:underline; } .ft-copy { width: 940px; margin: 10px 0 0 0; padding: 0 0 50px 0; display:block; float:left; } .ft-copy a.ft-logo { float: left; width:15%; position: relative;} .ft-copy img { width: 100%;height: inherit;} .ft-copy ul { padding-top: 0px; margin: 0; float: right; display: block; } .ft-copy ul li { font-size:.86em;color:#333;float:left; padding: 0 8px; margin: 0; list-style:none; text-transform:uppercase;} .ft-copy ul li a { text-decoration: none;color:#333; } .ft-copy ul li a:hover { text-decoration:underline; } footer .pricing-footer#ft-coln {width: 400px; padding: 0; margin: 20px 0 0 40px; float: left; } footer .pricing-footer#ft-coln p { font-size: 1em;} /*******TOUR PAGE******/ #main ul.left-wrapper { width: 940px; float:left; border-radius:10px; -moz-border-radius:10px; box-shadow: 0 0 1em #CCC; -moz-box-shadow: 0 0 1em #CCC; -webkit-box-shadow: 0 0 1em #CCC; background-color: #FFF; margin: 16px 0 30px 0; height: 250px; position:relative; } #main ul.left-wrapper li { list-style:none; } #main ul.left-wrapper .cellphone { float: left; left: 20px; top:-5px; position: relative; } #main ul.left-wrapper .stick-people{ float: left; left: 20px; top:-20px; position: relative; } #main ul.left-wrapper li.step-one { margin: 45px 0 0 60px; padding: 0; width: 500px; float:left; list-style:none; font-family:'Yanone Kaffeesatz', sans-serif; line-height: 40px; } #main ul.left-wrapper li.step-one h1 {padding: 0px 0 0 20px; display: block; font-family:'Homemade Apple', cursive; color:#000;font-size: 2.7em;} #main ul.left-wrapper li.step-one h1 span { color:#5F7D83; padding-left: 10px; font-size: 2.7em;font-family:'Yanone Kaffeesatz', sans-serif; } #main ul.left-wrapper li.step-one p { font-size: 3.45em; color:#545454; display:block; } #main ul.right-wrapper { width: 940px; float:left; } #main ul.right-wrapper .cassette {float: right; left:0; top:-10px; position: relative; } #main ul.last-wrapper .earth {float: right; left: 0; top:-20px; position: relative; } #main ul.right-wrapper li.step-two { float: left; width:300px; padding: 0; margin: 30px 0 0 40px; list-style:none; line-height: 40px; } #main ul.right-wrapper li.step-two h1 {padding: 10px 0 0 20px; } #main ul.last-wrapper { height: 300px; float:left;width: 940px; } #main ul.last-wrapper li.step-two { float: left; width:300px; padding: 0; margin: 30px 0 0 40px; list-style:none; line-height: 40px; } #main ul.last-wrapper li.step-two h1 {padding: 10px 0 0 20px; } /*******INTERNAL PAGES******/ #main ul.extended-wrapper { height: 100%; } #main ul.extended-wrapper .entry-header h1.entry-title { margin:0; padding: 20px 0 0 20px; display: block; font-family:'Homemade Apple', cursive; color:#000; font-size: 2.6em;height:40px; -moz-box-shadow: inset 0px -3px 5px #CCC;-webkit-box-shadow: inset 0px -3px 5px #CCC;box-shadow: inset 0px -3px 5px #CCC;} .page #main ul.extended-wrapper li.step-one { width: 800px; margin: 35px 0 40px 60px; line-height:normal; } .page #main ul.extended-wrapper li.step-one h1 { padding:20px 0 10px;} .page #main ul.extended-wrapper li.step-one h2 { font-size:2.35em; color:#5F7D83; padding:20px 0 10px; } .page #main ul.extended-wrapper li.step-one h3 { font-size:1.75em; line-height:1.34em; color:#5F7D83; padding:15px 0 10px; font-weight:normal;} .page #main ul.extended-wrapper li.step-one h4 { font-size: 1.75em; line-height:1.34em; color:#5F7D83; font-weight:normal; padding:15px 0 0px; } .page #main ul.extended-wrapper li.step-one p { line-height: 1.45em; font-size: 1.325em;} .page #main ul.extended-wrapper li.step-one ul { padding: 0; margin: 10px 0; } .page #main ul.extended-wrapper li.step-one ul li { padding: 1px 0; margin:0 0 0 25px; line-height: 1.45em; font-size: 1.325em; list-style:disc;} .page #main ul.extended-wrapper li.step-one ul li span { color:#5F7D83; } /*contact us page */ .page #main ul.extended-wrapper .two-coln-wrapper { width: 880px; margin: 35px 0 40px 60px; line-height:normal; float:left;} #main ul.extended-wrapper .two-coln-wrapper .left-coln { width:400px; float:left; margin:0; padding:0; font-family: 'Yanone Kaffeesatz', sans-serif;} #main ul.extended-wrapper .two-coln-wrapper .right-coln { float:right; margin:0px; padding:0; } .page #main ul.extended-wrapper .two-coln-wrapper .left-coln h1 { padding:20px 0 10px; } .page #main ul.extended-wrapper .two-coln-wrapper .left-coln h2 { font-size:1em; color:#5F7D83; padding:20px 0 10px; } .page #main ul.extended-wrapper .two-coln-wrapper .left-coln h3 { font-size:.75em; color:#5F7D83; font-weight:normal; padding:15px 0 0px; } .page #main ul.extended-wrapper .two-coln-wrapper .left-coln h4 { font-size: 1.75em; line-height:1.34em; color:#5F7D83; font-weight:normal; padding:15px 0 0px; } .page #main ul.extended-wrapper .two-coln-wrapper .left-coln p { line-height: 1.45em; font-size: 1.325em;} .page #main ul.extended-wrapper .two-coln-wrapper .left-coln ul { padding: 0; margin: 10px 0;} .page #main ul.extended-wrapper .two-coln-wrapper .left-coln ul li { padding: 0; margin:0; line-height:normal; list-style:inside; line-height: 1.45em; font-size: 1.325em;} .page #main ul.extended-wrapper .two-coln-wrapper .left-coln ul li span {color:#5F7D83; } .page-template-contact-php .right-coln input[type="email"], input#s {width: 60%; } .page-template-contact-php .right-coln input[type="text"], input#s {padding: 2px 0;} .page-template-contact-php .right-coln textarea { width: 60%; } .page-template-contact-php .right-coln input[type="submit"] {border:none; background:#5F7D83;color:#FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-top:5px; } .page-template-contact-php .right-coln #si_contact_form1 { line-height: 1.45em; font-size: 1.325em; } #main ul.extended-wrapper .two-coln-wrapper .left-coln span.edit-link { } /*******PRICING******/ #main #plan-wrapper {width:940px;float:left;} #main #plan-wrapper ul.pricing-wrapper { width: 940px; margin: 20px 0 10px 10px; padding: 0; font-family:'Yanone Kaffeesatz', sans-serif; color:#000; } #main #plan-wrapper ul.pricing-wrapper li.that-one {float:left;border-radius:10px;-moz-border-radius:10px;box-shadow: 0 0 1em #CCC; -moz-box-shadow: 0 0 1em #CCC;-webkit-box-shadow: 0 0 1em #CCC; background-color: #FFF;z-index:100; margin: 10px -12px 0px 0px;list-style: none; height:375px;width:254px; position:relative; padding:20px 30px 0px; z-index:200px;} /*****jquery****/ #main #plan-wrapper #plan-a { cursor:pointer; } #main #plan-wrapper #plan-a.hilite { background:#FFFDF7; cursor:pointer; } #main #plan-wrapper #plan-b.hilite { background:#FFFDF7;cursor:pointer; } #main #plan-wrapper #plan-c.hilite { background:#FFFDF7;cursor:pointer; } #main #plan-wrapper #plan-a.click-a { z-index:300;width: 254px;border:1px #5F7D83solid;top:-10px;height:390px;background:#fff; } #main #plan-wrapper #plan-b.click-b { z-index:200;width: 254px;border:1px #5F7D83solid;top:-10px;height:390px;background:#fff; } #main #plan-wrapper #plan-c.click-c { z-index:200;width: 254px;border:1px #5F7D83solid;top:-10px;height:390px; background:#fff; } #main #plan-wrapper ul.pricing-wrapper li.this-one.click {z-index:200;width: 254px;border:1px #06Fsolid;top:-5px;height:395px; } #main #plan-wrapper ul.pricing-wrapper li.this-one {z-index:200;width: 254px;top:-5px;height:390px;border:1px #06Fsolid;top:-10px;} #main #plan-wrapper #plan-b h1 {color:#5F7D83; margin: 0 auto; text-align:center;} #main #plan-wrapper #plan-b h1 span {color:#000;} #main #plan-wrapper #plan-b h2 { padding-left: 20px; } #main #plan-wrapper #plan-b h2 span{ color:#5F7D83;} #main #plan-wrapper #plan-b .this {background:#5F7D83; } #main #plan-wrapper #plan-b .this p { font-size:1.7em; padding:0 10px; } /******Pricing (continued)******/ #main #plan-wrapper ul.pricing-wrapper li.that-one h1 {display: block;color:#76292A;font-size: 3em;text-transform:uppercase;background-image: url(../../../themes/v2g-theme-1/img/pricing/dot.gif);background-repeat:repeat-x;background-position:-10px 100%; letter-spacing:-2px; font-weight:bold; text-align:center;} #main #plan-wrapper ul.pricing-wrapper li.that-one h1 span { font-size:.7em; font-family:'Homemade Apple', cursive; color:#000;text-transform: none; font-weight:normal; } #main #plan-wrapper ul.pricing-wrapper li.that-one p {display:block; font-size: 3.4em; padding:10px 0 15px; text-align:center;} #main #plan-wrapper ul.pricing-wrapper li.that-one small { font-size: 1.2em; display: block; list-style:circle;padding-left:20px; } #main #plan-wrapper ul.pricing-wrapper li.that-one h2 { font-size: 2.3em; display: block; padding-left: 20px; font-weight:100;} #main #plan-wrapper ul.pricing-wrapper li.that-one h2 span { font-size: .6em; color:#76292A; } #main #plan-wrapper ul.pricing-wrapper li.this-one h1 {color:#5F7D83; margin:0 auto;} #main #plan-wrapper ul.pricing-wrapper li.this-one h2 span {color:#5F7D83;} #main #plan-wrapper ul.pricing-wrapper li.this-one h2 { padding-left: 20px; } #main #plan-wrapper ul.pricing-wrapper li.other-one {z-index:100px; margin-left:1px; } #main #plan-wrapper ul.pricing-wrapper li.other-one h1 { color:#00b090; padding-left: 0; } #main #plan-wrapper ul.pricing-wrapper li.other-one h2 span { color: #00b090;} #main #plan-wrapper ul.pricing-wrapper li.that-one .that {margin:10px auto 0; bottom:20px; background:#76292A;cursor:pointer;left: 50%; display:table; color:#FFF; text-transform:uppercase; border-radius:5px; -moz-border-radius:5px;} #main #plan-wrapper ul.pricing-wrapper li.that-one .that p { vertical-align:middle;text-align: center; padding: 0 10px; font-size:1.7em;} #main #plan-wrapper ul.pricing-wrapper li.this-one .this {background:#5F7D83;} #main #plan-wrapper ul.pricing-wrapper li.this-one .this p { font-size:2.7em; } #main #plan-wrapper ul.pricing-wrapper li.other-one .other { background:#00b090;} /********FORM*******/ #main .form-container {margin-right: auto;margin-left: auto;/*margin-top: 25px;float:left;*/border: 1px solid rgba(204, 204, 204, 0.48);padding: 10px;} /*STEP-TWO-FORM*/ #main .form-container .header {height:40px;-moz-box-shadow: inset 0px -3px 5px #CCC;/* -webkit-box-shadow: inset 0px -3px 5px #CCC; */box-shadow: inset 0px -0px 5px #CCC;font-size:2em;padding: 5px 0 0 10px;text-align: left;font-family:'Yanone Kaffeesatz', sans-serif;} #main .form-container ul.input { float:left; width:940px; color:#000; height:170px;} #main .form-container ul.input li.phone{ float: left;width: 465px;display: block;text-align: center;margin-top: 50px;} #main .form-container ul.input li.phone h2 { font-size: 2.4em; font-family:'Yanone Kaffeesatz', sans-serif; text-transform:uppercase;} #main .form-container ul.input li.phone p { font-family:'Homemade Apple', cursive; font-size:1em; margin:2px 0 7px 0; font-size:1.45em;text-transform:uppercase; padding-top:0px;} #main .form-container ul.input li.or { display:block; background:url(../../../themes/v2g-theme-1/img/pricing/dot.gif) 0 0 repeat-y; width:2px; height:150px; } #main .form-container ul.input li.p-divider { border-left:1px dotted #5F7D83; display:block; width:2px; height:150px;float:left; margin: 20px 0 10px 0;} #main .form-container ul.input li.p-divider h2 { position:absolute; font-size:28px; margin: 50px 0 0 -13px; font-family:'Yanone Kaffeesatz', sans-serif; text-transform:uppercase;} /*STEP-THREE-FORM*/ #main .form-container ul.config-wrap { width: 940px; float: left; padding-left: 17px; font-family:Arial, Helvetica, sans-serif;} #main .form-container ul.config-wrap li { list-style: none; font-weight:bold; line-height: 20px; margin-top:20px; } #main .form-container ul.config-wrap li h1 { font-size: 3.45em;font-family:'Yanone Kaffeesatz', sans-serif; color:#000; text-transform:uppercase; } #main .form-container ul.config-wrap li p { font-size: 1em; } #main .form-container ul.config-wrap li.config-plan { border-bottom: 3px solid #76292A !important;width: 148px; float:left; list-style: none; font-size:1.2em; min-height: 140px; display:block; background:url(../../../themes/v2g-theme-1/img/grey-bg.jpg) 0 40px repeat-x; margin-left: 2px; margin-top:27px; } #main .form-container ul.config-wrap li.config-plan h4 { text-align: center; display:block; padding: 10px 0; background:#76292A !important; text-transform:uppercase; color:#FFF; margin-bottom: 10px; } #main .form-container ul.config-wrap li.config-plan p {display:block; margin-left:5px; } #main .form-container ul.config-wrap li.config-plan small { text-align:right; display:block; margin-right:5px; } #main .form-container ul.config-wrap li.last-plan { border-bottom: 3px solid #000;width: 77px; } #main .form-container ul.config-wrap li.last-plan h4 { background: #000;} #main .form-container .billing-wrapper {width:100%;DISPLAY: inline-block;/* padding: 10px 0 0 20px;*/background:#EDEDED;/*margin: 4px 0 0 18px;*/} #main .form-container .billing-wrapper h5 { color: #333; font-size:1.23em; } /* Form Style */ #main .form-container .billing-wrapper .formfields {width:450px; float:left; margin-bottom:30px;} #main .form-container .billing-wrapper .formfields .button { width:70px;height:22px;background-color:#76292A;color:#FFF;border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;float:right;} #main .form-container .billing-wrapper .errorbox {width: 400px; float:right; display:none; } #main .form-container .billing-wrapper .formfields legend { font-weight:bold; padding: 10px 0 10px 0; font-size:1.45em; color:color: #023976 !important;font-family: 'TeXGyreAdventorBold'; } #main .form-container .billing-wrapper .formfields .fields ul { list-style:none; margin:0; padding:0; font-weight:bold; color:#023976 !important;font-family: 'TeXGyreAdventorBold'; } #main .form-container .billing-wrapper .formfields .fields ul li.twocolumn { float:left; padding:10px 10px 0 0; } #main .form-container .billing-wrapper .formfields .fields ul li.onecolumn { clear:left; padding:10px 10px 0 0; } #main .form-container #bottom { -moz-box-shadow: inset 0 0 5px #CCC;-webkit-box-shadow: inset 0 0 5px #CCC;box-shadow: inner 0 0 5px #CCC; height: 35px;} .submit-btn {width: 149px;height: 35px;background-color:#ea402e;color:#FFF;border:none;margin: 25px 0 0 0;font-size: 16px;margin-bottom: 25px;font-weight: bold;} .submit-btn:hover { opacity:.7; } .submit-btn-link {color:#222 !important;border:none; font-size: 16px; font-weight: bold; text-decoration: none; display: block; padding: 10px 0 10px 25px; border: 2px solid #ea402e } .submit-btn-link:hover { opacity:.7; text-decoration: none; color: #fff; } /*location list styles*/ #main .location-container { border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; width:97%; padding:10px 5px 10px 5px; } .col2 input { float: right !important; border: 1px solid #ccc; padding: 5px !important; margin: 4px; width: 140px !important; } /*#main .location-container:hover { background-color: #FFF; }*/ #main .location-container-last { width:97%; padding:10px 5px 10px 5px; margin: 0 0 10px 0; } /* #main .location-container-last:hover { background-color: #FFF; } */ #main .location-container-narrow { width: 97%; padding: 16px; border: 1px solid #eee; height: 160px !important; margin: 0px 0px 0px 0px; } #main .location-container-narrow:hover {background-color: #FFF;} #main .locationlist { display: table; } #main .locationlist .locrow { display: table-row; } #main .locationlist .image_holder { width:225px; float:left; padding-right:10px; display: table-cell; height: 150px; } #main .locationlist .image_holder .pic { padding: 2px; border: 2px solid #e5e5e5; } /*#main .locationlist .image_holder span { position:relative; top: -115px; left: 35%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background:url(/v2g/img/play-button.png); }*/ #main .locationlist .image_holder span{ position:relative; top: -111px; left: -34%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #main .locationlist .office_name_address { width: 350px; float:left; display: table-cell;vertical-align: top; } #main .locationlist .office_link_col { width: 175px; float:right; display: table-cell;vertical-align: top; padding: 5px 25px 0 0; } #main .locationlist pre.office_name_text{ font-size: 15px; color:#023976; font-family: 'TeXGyreAdventorBold'; text-align:left; font-weight:bold; float:left; text-transform:uppercase; width: 300px; height: 25px; padding: 2px; margin: 0; } #main .locationlist pre.office_name_link{ font-size: 15px; color:#023976; font-family: 'TeXGyreAdventorBold'; text-align:left; font-weight:bold; float:left; text-transform:uppercase; width: 175px; height: 25px; padding: 0; margin: 0; } #main .locationlist pre.office_name_text pre.loc-name{ font-size:16px; color:#023976; font-family: 'TeXGyreAdventorBold'; text-align:left; font-weight:bold; float:left; text-transform:uppercase; text-decoration: none; width:300px; padding: 2px; margin: 0; } #main .locationlist pre.office_name_link a { font-size:16px; color:#023976; font-family: 'TeXGyreAdventorBold'; text-align:left; font-weight:bold; float:left; text-transform:uppercase; text-decoration: none; width: 175px; padding: 0; margin: 0; } #main .locationlist pre.office_name_link a:hover { text-decoration: underline; } #main .locationlist pre.map_link { float:left; width:300px; height: 25px; padding: 2px; margin: 0; } #main .locationlist pre.map_link a { font-size: 14px; color:#023976; font-family: 'TeXGyreAdventorBold'; text-align:left; font-weight:bold; float:left; text-decoration: none; width:150px; padding: 2px; margin: 0; } #main .locationlist pre.map_link a:hover { text-decoration: underline; } #main .locationlist pre.office_address{ font-size: 12px; color:#444444; /*font-family:Arial, Helvetica, sans-serif;*/ font-family: 'TeXGyreAdventorRegular'; text-align:left; /*font-weight: normal;*/ font-weight: 500; width: 300px; float:left; padding: 2px; margin: 0; } #main .locationlist pre.office_name_email_phone { font-size: 12px; color:#444444; font-family: 'TeXGyreAdventorRegular'; text-align:left; float:left; text-transform:uppercase; width: 300px; height: 25px; padding: 2px; margin: 0; } #main .locationlist .button-col { width: 175px; float:right; display: table-cell;vertical-align: bottom; text-align: left; padding: 10px 25px 0 0; /*padding: 5px 15px 0 0;*/ } #main .locationlist .button-col pre.price-text { font-size:16px; color:#607890; font-family: 'TeXGyreAdventorRegular'; text-align:left; font-weight:500; text-transform:uppercase; padding: 0; margin: 0; } #main .locationlist .button-col pre.price-rate { font-size:20px; color:#607890; font-family: 'TeXGyreAdventorBold'; text-align:left; font-weight:bold; text-transform:uppercase; padding: 0; margin: 0; } #main .locationlist .button-col a { background-color: #023976; border:2px solid #035EC0; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; padding:10px 45px; margin: 5px 0 0 0; text-decoration:none; } #main .locationlist .button-col a:hover { display:inline-block; background-color: #035EC0; border:2px solid #023976; font-family:arial; font-size:15px; padding:10px 45px; margin: 5px 0 0 0; text-decoration:none; /*opacity:.7;*/ } .clear{ clear:both;} #main .locationlist .link-col { width: 175px; float:right; display: table-cell;vertical-align: bottom; text-align: left; padding: 25px 25px 0 0; } /*#main .locationlist .link-col a{ font-size: 14px; color:#607890; font-family: 'TeXGyreAdventorBold'; text-align:left; font-weight:bold; text-transform:uppercase; text-decoration: none; padding: 0; margin: 0; }*/ #main .locationlist .link-col a { background-color: #023976; border:2px solid #035EC0; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; padding:10px 10px; margin: 5px 0 0 0; text-decoration:none; } #main .locationlist .link-col a:hover { display:inline-block; background-color: #035EC0; border:2px solid #023976; font-family:arial; font-size:15px; padding:10px 10px; margin: 5px 0 0 0; text-decoration:none; /*opacity:.7;*/ } #main .locationlist div.location-inline { display: none; } /*cart css*/ .cart_left_pannel{ width:550px; float:left; margin: 20px 0 0 15px; } .added{ width:265px; float:left; font-family: 'TeXGyreAdventorBold'; font-size:19px; text-transform:uppercase; padding-top:10px; color:#607890; } .cart_cross_img{ width:22px; height:22px; float:left; padding: 15px 0 0 0; } .empty_cart{ width:115px; font-family: 'TeXGyreAdventorRegular'; font-size:16px; color:#6c6c6c; float:left; text-transform:uppercase; padding-left: 0; padding-top: 12px; } .empty_cart a{ font-family: 'TeXGyreAdventorBold'; font-size:15px; text-decoration: underline; cursor: pointer; } .empty_cart a:hover{ text-decoration: none; } .chechout_btn{ width:127px; height:45px; float:right; } #product_table{ width:550px; margin-top:15px; border:1px solid #d6d6d6; } .product_holder{ background-color:#3b9fd8; height:45px; width:525px; padding-left:13px; padding-right:12px; line-height: 40px; } .product{ font-family: 'TeXGyreAdventorBold'; color:#ffffff; font-size:16px; text-transform:uppercase; text-align:left; width:330px; float:left; } .price_text{ font-family: 'TeXGyreAdventorBold'; color:#ffffff; font-size:16px; text-transform:uppercase; text-align:left; width:75px; float:left; } .cart_content_holder{ padding-left:13px; padding-right:12px; padding-top:25px; padding-bottom:25px; } a.prod_desc{ text-decoration: none; color:#474747; } a.prod_desc:hover{ text-decoration: none; color:rgb(59, 159, 216); } .plan_text a{color:#474747;text-decoration: none;} .plan_text a:hover{color:rgb(59, 159, 216);text-decoration: none;} .plan_text { width:210px; font-family: 'TeXGyreAdventorBold'; font-size:15px; color:rgb(59, 159, 216); text-align:left; float:left; text-transform:uppercase; } .filler { width:210px; float:left; text-align:left; color:#444444; font-size:14px; font-family: 'TeXGyreAdventorBold'; line-height:normal; } .virtual_office_text{ width:210px; font-family: 'TeXGyreAdventorBold'; font-size:15px; color:603rgb(59, 159, 216); text-align:left; float:left; text-transform:uppercase; } .cart_month{ width:110px; padding-left:15px; float:left; text-align:right; color:#444444; font-size:14px;603 font-family: 'TeXGyreAdventorBold'; } .cart_month_code{ width:150px; padding-left:15px; float:left; text-align:right; color:#444444; font-size:14px; font-family: 'TeXGyreAdventorBold'; } .cart_dollar{ width:40px; text-align:right; color:#444444; font-size:14px; font-family: 'TeXGyreAdventorBold'; float:left; padding: 0 0 0 5px; } .cart_cross{ width:22px; height:22px; float:right; } .total_text{ font-family: 'TeXGyreAdventorBold'; font-size:17px; color:gray; text-align:right; text-transform:uppercase; padding-right:70px; } .recommend_text{ font-family: 'TeXGyreAdventorBold'; font-size:19px; text-transform:uppercase; padding-top:30px; color:#607890; text-align:left; } .cart_month1{ width:110px; padding-left:225px; float:left; text-align:right; color:#444444; font-size:14px; font-family: 'TeXGyreAdventorBold'; } .add_btn{ width:69px; height:45px; float:right; padding: 0 15px 40px 0; } a.add-btn-link { background-color: #023976; border:2px solid #035EC0; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; padding:10px 25px; margin: -25px 0 0 0; text-decoration:none; cursor: pointer; } a.add-btn-link:hover{ display:inline-block; background-color: #035EC0; border:2px solid #023976; font-family:arial; font-size:15px; padding:10px 25px; margin: -25px 0 0 0; text-decoration:none; cursor: pointer; /*opacity: .7;*/ } .add_left{ width:375px; float:left; } aside#cart_right_pannel{ width:350px; float:right; margin:0 auto; min-height: 155px; border:1px solid #ccc; } .cart_right_pannel_support{ width: 367px; float:right; margin: 20px 10px 0 0; } .order_summery_holder{ width:325px; margin:0 auto; padding-bottom:10px; padding-top:0px; } .order_summery { width: 100%; float: left; font-family: 'TeXGyreAdventorBold'; font-size: 16px; text-transform: uppercase; padding-top: 6px; color: #607890; background: #3b9fd8; margin: 0 -12px; color: #fff; line-height: 45px; padding: 0 0 0 25px; } .summery_dollar_holder{ width:345px; margin:0 auto; padding-bottom:15px; } .summery_dollar_holder1{ width:345px; margin:0 auto; padding-bottom:15px; padding-top:15px; } .monthly_total{ width:235px; float:left; text-align:left; font-family: 'TeXGyreAdventorBold'; font-size:14px; /*color:#607890;*/ color:#474747; line-height:normal; padding-top:6px; } .monthly_total_dollar{ width: 90px; float:right; text-align:right; font-family: 'TeXGyreAdventorBold'; font-size:18px; /*color:#607890;*/ color:#474747; line-height:normal; } .monthly_total_dollar_all{ width: 217px; float:left; text-align:left; font-family: 'TeXGyreAdventorBold'; font-size:14px; color:gray; line-height:normal; padding-top:6px; } .total_dollar_all{ width:90px; float:left; text-align:right; font-family: 'TeXGyreAdventorBold'; font-size:22px; color:gray; line-height:normal; } .checkout_big_btn {background-color: #ea402e;color:#FFF;border:none;margin: 9px 0px 9px 0px !important;font-size: 17px;font-weight: bold;display: block;padding: 18px 0px 18px 79px !important;text-decoration: none;} .checkout_big_btn:hover { opacity:.7; color: #FFF;} .checkout_big_btn_link {background-color:#ea402e;color:#FFF;border:none;margin: 0px 0px 9px 16px !important;font-size: 16px;font-weight: bold;display: block;padding: 16px 0px 18px 75px !important;text-decoration: none;} .checkout_big_btn_link:hover { opacity:.7; color: #FFF; } .term_head { width: 100%; float: left; font-family: 'TeXGyreAdventorBold'; font-size: 16px; text-transform: uppercase; padding-top: 6px; color: #607890; background: #3b9fd8; margin: 0 -12px; color: #fff; line-height: 45px; padding: 0 0 0 25px; } .col1{ width:105px; float:left; text-align:left; font-family: 'TeXGyreAdventorBold'; font-size:14px; /*color:#607890;*/ color:#474747; line-height:normal; padding-top:6px; } .col2{ width: 220px; float:right; /*text-align:right;*/ font-family: 'TeXGyreAdventorBold'; font-size: 14px; /*color:#607890;*/ color:#474747; line-height:normal; } .empty-cart-text { width:210px; font-family: 'TeXGyreAdventorBold'; font-size:15px; color:#023976; text-align:left; float:left; text-transform:uppercase; } /*bubble format*/ #office_listing_content_area{ width:960px; margin:0 auto; padding-bottom:40px; } .location_map_img{ width:470px; height:470px; float:left; margin:0; padding:0; } section.prize_box { float:left; width:960px; margin-top:15px; height:430px; margin: 0 auto; } section.prize_box { float:left; display:block; text-decoration:none; list-style-type: none; margin: 0 auto; } section.prize_box div.package_box{ width:300px; float:left; display:block; margin-right: 15px; height:417px; text-align:center; background:url(../../../themes/v2g-theme-1/img/prize_box_bg.png) #e9e9e9 no-repeat top center; cursor: pointer; border-radius: 10px;-moz-border-radius:10px;box-shadow: 0 0 1em #CCC; -moz-box-shadow: 0 0 1em #CCC;-webkit-box-shadow: 0 0 1em #CCC; border:1px solid #c4c4c4; } section.prize_box div.package_box:hover, section.prize_box div.package_box_selected{ width:300px; float:left; display:block; margin-right:15px; text-align:center; height:417px; background:url(../../../themes/v2g-theme-1/img/prize_box_hover_bg.png) #e9e9e9 no-repeat top center; cursor: pointer; border-radius:10px;-moz-border-radius:10px;box-shadow: 0 0 1em #CCC; -moz-box-shadow: 0 0 1em #CCC;-webkit-box-shadow: 0 0 1em #CCC; border:1px solid #c4c4c4; } .starder_text{ font-family: 'TeXGyreAdventorBold'; font-size:20px; color:#607890; text-transform:uppercase; text-align:center; padding:10px 0 0 0; margin: 0 0 10px 0; height: 40px; } .best-val-text { height: 10px; margin: 0 0 15px 0; } .best-val-text div { font-family: 'TeXGyreAdventorBold'; font-size:16px; color:#607890; text-align:center; } .Rate_parize{ font-family: 'TeXGyreAdventorBold'; font-size:20px; color:#023976; text-align:center; text-transform:uppercase; padding: 0; } .genral_text{ font-family: 'TeXGyreAdventorRegular'; font-size:14px; color:#585858; text-transform:uppercase; text-align:center; padding-top:8px; } .sign_up_box { width:130px; height:38px; margin:0 auto; padding-top:6px; padding-bottom:12px; } .sign_up_box a.select-btn { background-color: #023976; border:2px solid #023976; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; padding:10px 35px; margin: 0 auto 0 auto; text-decoration:none; cursor: pointer; } /*.sign_up_box a.select-btn:hover { background-color: #f59145; border:2px solid #76292A; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; padding:10px 35px; margin: 0 auto; text-decoration:none; text-shadow:0px 1px 0px #cc9f52; text-align: center; cursor: pointer; }*/ .product_list { height: 225px; } .gray_panel{ width:260px; padding: 11px 20px 11px 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#585858; text-align:center; margin: 0 auto; background-color:#d1d1d1; } .white_panel{ width:260px; padding: 11px 20px 11px 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#585858; margin: 0 auto; text-align:center; background-color:#e2e2e2; } .view_plan{ width:300px; vertical-align: bottom; } a.view-detail { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#023976; text-align:center; margin: 0 auto; text-align: center; cursor: pointer; text-decoration: none; } #disablingDiv { /* Do not display it on entry */ /*display: none; */ /* Display it on the layer with index 1001. Make sure this is the highest z-index value used by layers on that page */ z-index:1000; /* make it cover the whole screen */ position: absolute; top: 0%; left: 0%; width: 100%; height: 250%; /* make it white but fully transparent */ background-color: #999; opacity:.50; filter: alpha(opacity=50); } /* login block */ .row { padding: 10px 0 10px 50px; font-family: 'TeXGyreAdventorRegular'; font-size:15px; } .row .text{ font-family: 'TeXGyreAdventorRegular'; font-size:15px; width: 250px; margin: 5px 0 0 0; border: 1px solid #ccc; padding: 4px 7px; outline: 0; -webkit-appearance: none; } .row .text:focus{ border-color: #023976; } .row .dropdown{ font-family: 'TeXGyreAdventorRegular'; font-size:15px; width: 268px; margin: 5px 0 0 0; border: 1px solid #ccc; padding: 4px 7px; outline: 0; -webkit-appearance: none; } .row .dropdown:focus{ border-color: #023976; } .row .monthdd{ font-family: 'TeXGyreAdventorRegular'; font-size:15px; width: 150px; margin: 5px 0 0 0; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; padding: 4px 7px; outline: 0; -webkit-appearance: none; } .row .monthdd:focus{ border-color: #023976; } .row .yeardd{ font-family: 'TeXGyreAdventorRegular'; font-size:15px; width: 100px; margin: 5px 0 0 0; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; padding: 4px 7px; outline: 0; -webkit-appearance: none; } .row .yeardd:focus{ border-color: #023976; } .row-submit-btn{ padding: 10px 0 10px 125px; } /* SQUARED FOUR */ .squaredFour { width: 600px; margin: 20px auto; position: relative; } .squaredFour label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border-radius: 4px; -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); /*background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/ background: #fff; border: 1px solid #ccc; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); } .squaredFour label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .squaredFour label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.5; } .squaredFour input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* RADIO */ .radio-row { padding: 15px 0 5px 30px; } .radio-row .float-r { float: right; width: 95%; } .radio-row .float-r label { font-family: 'TeXGyreAdventorBold'; } .regular-radio { display: none; padding: 0; margin: 0; } .regular-radio + label { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 50px; display: inline-block; position: relative; } .regular-radio:checked + label:after { content: ' '; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 3px; background: #99a1a7; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); text-shadow: 0px; left: 3px; font-size: 32px; } .regular-radio:checked + label { background-color: #e9ecee; color: #99a1a7; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); } .regular-radio + label:active, .regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .row label { color: #000000; font-family: 'TeXGyreAdventorRegular'; font-size: 14px; font-weight: bold; } .lbl{ font-family: 'TeXGyreAdventorBold'; font-size:19px; text-transform:uppercase; color:#607890; } .payicon { position: relative; top: 10px; } .para { font-family: 'TeXGyreAdventorRegular'; font-size:14px; } /*boilerplate css*/ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear{ clear:both} @media all and (orientation:portrait) { } @media all and (orientation:landscape) { } @media screen and (max-device-width: 480px) { /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /*Features table------------------------------------------------------------*/ .features-table { width: 100%; margin: 0 auto; border-collapse: separate; border-spacing: 0; /*text-shadow: 0 1px 0 #fff;*/ color: #2a2a2a; background: #fafafa; background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */ background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)); padding: 5px 0 0 0; } .features-table td { height: 50px; /*line-height: 50px;*/ padding: 0 10px; vertical-align: middle; border-bottom: 1px solid #727272; box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; /*white-space: nowrap;*/ white-space: normal; text-align: center; } /*Body*/ .features-table tbody td { text-align: center; font: normal 12px Verdana, Arial, Helvetica; width: auto; vertical-align: middle; } .features-table tbody td a.prod_desc { text-decoration:none;font-weight: bold;color:#134E8B;} a.prod_desc { text-decoration:none;font-weight: bold; } .features-table tbody td:first-child { width: auto; text-align: left; background-color:#fff; border-left:1px solid #727272; border-right: 1px solid #727272; } .features-table tbody td:first-child.price { border-bottom: 1px solid #727272; } .features-table thead td:nth-child(2n+2) { background-color: #023976; color: #010101; border-right: 1px solid #fff; } .features-table thead td:nth-child(2n+3) { background-color: #023976; color: #010101; border-right: 1px solid #fff; } .features-table td:nth-child(2n+2) { background: #e7e8e9; /*background: rgba(144,144,144,0.15);*/ border-right: 1px solid #727272; border-bottom: 1px solid #727272; } .features-table td:nth-child(2n+3) { background: #ffffff; /*background: rgba(238,265,164,0.15);*/ border-right: 1px solid #727272; border-bottom: 1px solid #727272; } .features-table .price { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } /*Header*/ .features-table thead td { /*-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px;*/ border-top: 1px solid #eaeaea; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; } .features-table tfoot td:nth-child(2n+2):hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background: #135896; color:#fff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); } .features-table tfoot td:nth-child(2n+3):hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background: #135896; color:#fff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); } .features-table thead td:first-child { border-top: none; background-color: #ffffff; } /*Footer*/ .features-table tfoot td { font-family: Arial, Helvetica, sans-serif; /*-moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;*/ border-bottom: 1px solid #dadada; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #58585A; text-transform:uppercase; } .features-table tfoot td:nth-child(2n+2) { background-color: #023976; color: #fff; border-right: 1px solid #727272; } .features-table tfoot td:nth-child(2n+3) { background-color: #023976; color: #fff; border-right: 1px solid #727272; } .features-table tfoot td:first-child { border-bottom: none; border-right: 1px solid #727272; } /*top row where Best Value create no formatting*/ .features-table thead td.noformating { border-top: none; border-bottom: none; background: #ffffff; border-right: 1px solid #ffffff; /*border-bottom: 1px solid #727272;*/ } /*SELECTED Item Formatting*/ /*Footer*/ .features-table tfoot .selectfoot { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background: #135896 !important; color:#FFFFFF !important; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); } /*price*/ .features-table td.price-select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background: #004065; color:#FFFFFF; } .features-table thead td.option-select { background: #404040; color:#FFFFFF; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-top: 1px solid #eaeaea; font-size: 12px; font-weight: normal; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); } /*Header*/ .features-table thead td.header-select { border-top: none; border-bottom: none; background: #ffffff; } /*table body*/ .features-table td.select { background: #58585A; color:#ffffff; } /*Best Value Formatting*/ /*Footer*/ .features-table tfoot .valuefoot { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; /*background: #ee1d23; color:#FFFFFF;*/ color:#58585A; text-transform:uppercase; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); } /*price*/ .features-table td.valueprice { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; /*background: #58585A;*/ color:black; } .features-table tbody td a.prod_desc { color:#134E8B;} .features-table thead td a.prod_desc { color: #fff; text-transform:uppercase;} .features-table thead td.valueoption { background: ; color:#FFFFFF; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; font-size: 12px; font-weight: normal; } /*Header*/ .features-table thead td.value { /*-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px;*/ border:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-transform:uppercase; background: #fff; /*-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);*/ } /*table body*/ .features-table td.valueitems { /*background: #58585A ;*/ color:#ffffff; } /*Best Value Selected*/ /*Footer*/ .features-table tfoot .valuefoot-select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background: #eb7124; color:#FFFFFF; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); } /*price*/ .features-table td.valueprice-select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background: #004065; color:#FFFFFF; } .features-table thead td.valueoption-select { background: ; color:#FFFFFF; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; font-size: 12px; font-weight: normal; } /*Header*/ .features-table thead td.value-select { /*-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px;*/ border:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-transform:uppercase; background: #fff; /*-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);*/ } /*table body*/ .features-table td.valueitems-select { background: #004065; color:#ffffff; } .v2g-footer-info { width: 100%; margin: 0 auto; clear: both; padding: 10px 0 5px 0px; } .globalworkspaceassoc{ float: left; margin-top: 20px; } .powered-by-text{ float: right; text-align: right; padding: 70px 0 5px 0; font-family: 'TeXGyreAdventorBold'; font-size: 12px; } .powered-by-text a { color: #c95800; text-decoration: none; } .powered-by-text a:hover { color: #fd7603; } .selected-loc-area{ text-align: right; padding: 0px 20px 0px 0; background: #fff; /* font-family: 'TeXGyreAdventorBold'; */ } .telephone { padding: 10px; } .telephone h1 { font-family: 'TeXGyreAdventorBold'; color: #fd7603; text-transform:uppercase; font-size: 16px; } /* phone number */ #select-number { font-family: 'TeXGyreAdventorBold'; font-size: 14px; color: #7d7d7d; } #select-number h1, .select-chat-plan h1, .select-lvr-plan h1 { color: #023976; margin: 0 0 15px 0; text-transform: uppercase; font-size: 16px; font-family: 'TeXGyreAdventorBold'; } #select-number .para1 { font-family: 'TeXGyreAdventorBold'; color: #004065; font-size: 14px; line-height: 150%; } #select-number a { font-size: 14px; color: #7d7d7d; text-decoration: none; } #select-number a:hover{ font-size: 14px; color: #004065; text-decoration: none; } #select-number table { padding: 0; margin: 0; background-color: transparent; } #select-number table tr td { background-color: transparent; padding: 0 10px 0 0; } input.signupinput[type="text"] { /*width: 409px; height: 25px; margin: 0 0 5px 0; padding: 1px;*/ font-family: 'TeXGyreAdventorRegular'; font-size:15px; width: 250px; margin: 5px 0 0 0; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; padding: 4px 7px; outline: 0; -webkit-appearance: none; } input.signupinput[type="text"]:focus{ border-color: #023976; } .virtual-heading { font-size: 25px; color: #333; font-family: Arial, Helvetica, sans-serif; padding: 0px 10px 10px 12px; text-align: center; } #existing{ font-size:14px; color:#607890; font-family: 'TexGyreAdventorBold'; padding: 0 0 10px 0; } .row_p { padding: 5px 0 5px 5px; font-family: 'TeXGyreAdventorRegular'; font-size:12px; } .row_p .text{ font-family: 'TeXGyreAdventorRegular'; font-size:12px; width: 200px; margin: 0; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; padding: 4px 7px; outline: 0; -webkit-appearance: none; } .row_p .text:focus{ border-color: #023976; } .row_p .text-label{ font-family: 'TexGyreAdventorBold'; width: 400px; float: left; font-size: 12px; padding: 2px 0; } #planName, #planName a, #planName a:hover { color: #ea6500; text-transform: uppercase; font-size: 16px; font-family: 'TeXGyreAdventorBold'; } input.signupinput[type="text"] { /*width: 409px; height: 25px; margin: 0 0 5px 0; padding: 1px;*/ font-family: 'TeXGyreAdventorRegular'; font-size:15px; width: 250px; margin: 5px 0 0 0; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; padding: 4px 7px; outline: 0; -webkit-appearance: none; } input.signupinput[type="text"]:focus{ border-color: #023976; } /* Contact-Us */ .contact-us-box { width: 497px; padding-bottom: 4px; background: url(https://www.virtual2go.com/img/contact-us-box-repeat.png) repeat-y; position: fixed; top: 130px; right: -453px; z-index: 999; } .contact-us-box .form div.validation-div { margin: -10px 0 10px 0; } .contact-us-box .form input.input-validation-error, .contact-us-box .form textarea.input-validation-error { border: 1px solid #f00 !important; background: #fee; } .contact-us-box .chat-live { position: relative; top: 4px; border: 0px; } #contact-btn1 { position: absolute; top: 150px; left: 0; width: auto; min-width:auto; height: auto; min-height:auto; cursor: pointer; z-index: 9999; } .test1 { font-size:25px; font-weight:bold; line-height:45px; width: auto; min-width:auto; text-align:center; padding:5px 5px 5px 5px; z-index: 9999; color: #949494; border: solid 1px #dbdbdb; background: #dbdbdb; background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#fdfdfd)); background: -moz-linear-gradient(top, #ececec, #fdfdfd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#fdfdfd'); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-transform: rotate(+90.0deg); /* FF3.5+ */ -o-transform: rotate(+90.0deg); /* Opera 10.5 */ -webkit-transform: rotate(+90.0deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */ } #contact-btn { position: absolute; top: 40px; left: -35px; width: 136px; height: 150px; cursor: pointer; z-index: 9999; } .test { font-size:20px; font-weight:bold; line-height:45px; width: auto; /*border: solid 1px #000000;*/ padding:20px 0px 0px 5px; text-align:center; color: #949494; /*border: solid 1px #dbdbdb; background: #dbdbdb; background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#fdfdfd)); background: -moz-linear-gradient(top, #ececec, #fdfdfd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#fdfdfd'); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ -moz-transform: rotate(+90.0deg); /* FF3.5+ */ -o-transform: rotate(+90.0deg); /* Opera 10.5 */ -webkit-transform: rotate(+90.0deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */ } #contact-us-top { position: absolute; top: 0; left: 0; width: 497px; height: 190px; background: url(https://www.virtual2go.com/img/contact-us-box2_new1.png) no-repeat; } .contact-us-box .form { width: 413px; float: right; padding: 10px 20px; position: relative; z-index: 9999; } .contact-us-box .bottom { position: absolute; left: -44px; bottom: -25px; width: 497px; height: 21px; background: url(https://www.virtual2go.com/img/contact-us-box2_new1.png) no-repeat 0 -512px; } .contact-us-box .form h3 { color: #79af26; font-size: 18px; } .contact-us-box .form input[type=text], .contact-us-box .form textarea { width: 400px; height: 25px; margin: 0 0 5px 0; padding: 1px; } .contact-us-box .form textarea { height: 68px; } .watermarkify-wrap{ position:relative; overflow:hidden; } .watermarkify-watermark{ position:absolute; display:block; color:#999; padding-left:2px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; overflow:hidden; } .watermarkify-watermark-blurred { color: #ccc; } .watermarkify-watermark.required-watermark { color: #4FA800; } .watermarkify-watermark-blurred.required-watermark { color: #ccc; } /* END */ #change-image { font-size: 0.8em; } .button{ background: #023976; border: none; color: #fff; display: inline-block; line-height: 30px; padding: 0 30px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; font-size: 13px; } .button:focus { outline-style: dotted; outline-width: 1px; } /*map / list button css*/ .google-map-controls-button, .locations-content-container .content-tab-controls-button { background: #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 1px solid #cdcdcd; color: #666666; float: left; margin-left: -1px; padding: 0 15px; } /* line 1969, ../../src/sass/application.scss */ .google-map-controls-button:focus, .locations-content-container .content-tab-controls-button:focus, .google-map-controls-button:hover, .locations-content-container .content-tab-controls-button:hover { background: #e5e5e5; } /* line 1973, ../../src/sass/application.scss */ .google-map-controls-button.list-button, .locations-content-container .list-button.content-tab-controls-button { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; float: right; } /* line 1977, ../../src/sass/application.scss */ .google-map-controls-button.map-button, .locations-content-container .map-button.content-tab-controls-button { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; float: right; } /* line 1981, ../../src/sass/application.scss */ .google-map-controls-button.current-button { background: #fff; color: #363636; float: right; } /* line 1986, ../../src/sass/application.scss */ .google-map-controls-button .icon, .locations-content-container .content-tab-controls-button .icon { display: inline-block; height: 22px; margin: 0 6px 0 0; vertical-align: middle; width: 22px; } /* line 1990, ../../src/sass/application.scss */ .google-map-controls-button .list-icon, .locations-content-container .content-tab-controls-button .list-icon { background: url('http://carrworkplaces.com/assets/images/buttons/map-control-list.png?1377095390') no-repeat 0 0; } /* line 1994, ../../src/sass/application.scss */ .google-map-controls-button .map-icon, .locations-content-container .content-tab-controls-button .map-icon { background: url('http://carrworkplaces.com/assets/images/buttons/map-control-map.png?1377095390') no-repeat 0 0; } /* paging style */ .pageing { display: inline-block; padding: 0px 9px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9; box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size: .875em; font-weight: bold; text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255,255,255, 1); } .pageing:hover, .pageing.gradient:hover { background: #fefefe; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0); } .pageing.active { border: none; background: #616161; box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0,0,0, .5); } .pageing.gradient { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9)); background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9); } .locdropdown{ font-family: 'TeXGyreAdventorRegular'; font-size:15px; width: 150px; margin: 0 0 3px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 3px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; padding: 2px 7px; outline: 0; -webkit-appearance: none; } .locdropdown:focus{ border-color: #023976; } .smalltxt { font-family: 'TeXGyreAdventorRegular'; font-size:12px; line-height: auto; text-transform: lowercase; } /*meeting room form css*/ .fixed-banner{ background: #023976; left: 0; position: fixed; top: 0; width: 100%; z-index: 101; display: none; padding: 30px 0 30px; margin: 0 auto; } .fixed-banner .wrapper-banner{ margin: 0 auto; width: 980px; font-size: 16px; color: #EA6500; text-decoration: none; } .fixed-banner a{ color: #fff; text-decoration: none; font-size: 22px; } .fixed-banner a:before { background: #333 url('/img/arrow-down.png') no-repeat 17px 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; content: ""; display: block; height: 46px; position: absolute; width: 46px; margin-top: -23px; position: absolute; right: 250px; top: 50%; } .fixed-banner a:hover{ text-decoration: underline; } .feature-carousel .carousel-navigation, .contact-form-wrapper, .homepage-feature-carousel .wrapper, .find-your-workplace, #global-header > .wrapper, #global-footer > .wrapper, .feature-banner .content-wrapper, .primary-content-aside > .wrapper, .secondary-content > .wrapper, .center-feature-carousel-container .content-wrapper, .locations-feature-carousel-container .content-wrapper, .about-committment .about-committment-inner > .wrapper, .about-committment .about-community-inner > .wrapper, .landing-page-primary-content, .primary-content > .wrapper, .fixed-banner > .wrapper, .center-feature-carousel .carousel-navigation, .faux-carousel-navigation, .about-offering .about-offering-container, .rising-stars-secondary-content .wrapper, .service-secondary-content .wrapper, .service-tertiary-content .wrapper { margin-left: auto; margin-right: auto; } .feature-carousel .carousel-navigation, .contact-form-wrapper, .homepage-feature-carousel .wrapper, .find-your-workplace { width: 820px; } #global-header > .wrapper, #global-footer > .wrapper, .feature-banner .content-wrapper, .primary-content-aside > .wrapper, .secondary-content > .wrapper, .center-feature-carousel-container .content-wrapper, .locations-feature-carousel-container .content-wrapper, .about-committment .about-committment-inner > .wrapper, .about-committment .about-community-inner > .wrapper, .landing-page-primary-content { width: 940px; } .primary-content > .wrapper, .fixed-banner > .wrapper, .center-feature-carousel .carousel-navigation, .faux-carousel-navigation, .about-offering .about-offering-container, .rising-stars-secondary-content .wrapper, .service-secondary-content .wrapper, .service-tertiary-content .wrapper { width: 1000px; } form ul{ list-style: none; margin: 0; padding: 0; } .secondary-content { background: #191919 url('/img/waves-black.png') repeat 0 0; padding: 10px 0; } .secondary-content h1 { color: #023976; font-weight: normal; line-height: 1.2; margin: 0 0 14px 0; } .secondary-content-header { padding-bottom: 40px; text-align: center; } .secondary-content-header h1 { font-size: 40px; } .secondary-content-header p { color: #fff; font-size: 16px; font-style: italic; margin: 0; } .form-field label, .contact-form-wrapper > form label { color: #a8a8a8; display: block; margin-left: -4px; padding: 4px; text-transform: uppercase; } .form-field .text-input-field, .contact-form-wrapper > form input { background: #d1d1d1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px inset; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px inset; color: #363636; font: inherit; height: 35px; padding: 0 10px; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; width: 100%; } /*.contact-form-wrapper { background: url('http://72.26.103.134:8080/v2g/img/contact-form-wrapper.png') no-repeat 50% 0; }*/ .contact-form, .contact-form-wrapper > form { float: left; width: 460px; } form ul { margin-left: -20px; } .form-field { float: left; margin: 0 0 5px 20px; } .lt-ie9 .form-field .text-input-field { padding-top: 8px; } .form-field .text-input-field:focus, .form-field .text-input-field:hover { background: white; } .form-field textarea.text-input-field { height: auto; min-height: 115px; padding: 10px; resize: vertical; width:440px; } .form-field .radio-input-label { margin: 10px 0 0 30px; float: left; vertical-align: top; } .form-field .radio-input-field { margin-right: 7px; width: 20px; height: 20px; } .submit-form-field { margin-top: 14px; } .full-width-form-field { clear: left; width: 460px; } .half-width-form-field { width: 220px; } .select-wrapper { background: #d1d1d1 url('/img/select-control.png') no-repeat 100% 0; /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d1d1d1)); background-image: -webkit-linear-gradient(top, #ffffff, #d1d1d1); background-image: -moz-linear-gradient(top, #ffffff, #d1d1d1); background-image: -o-linear-gradient(top, #ffffff, #d1d1d1); background-image: linear-gradient(top, #ffffff, #d1d1d1);*/ display: block; height: 35px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; position: relative; } .select-wrapper select { -webkit-appearance: menulist-button; height: 40px; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity=1 )"; filter: alpha(opacity=1); opacity: 0.01; position: absolute; top: 0; width: 100%; } .select-wrapper .value, .select-wrapper .select-value { display: block; height: 35px; width: 100%; color: #363636; padding: 8px 46px 0 10px; } .select-wrapper option { color: #363636; font: inherit; font-size: 12px; padding: 4px; } .submit-button, .contact-form-wrapper > form input[type=submit], .contact-form-wrapper > form .submit { font-size: 14px; } .error { color: #f00; display: inline-block; padding-top: 5px; } .contact-form-wrapper > form { color: #a8a8a8; text-transform: uppercase; } .contact-form-wrapper > form input { margin-bottom: 9px; } .contact-form-wrapper > form input[type=submit], .contact-form-wrapper > form .submit { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; height: auto; width: auto; } .contact-form-wrapper > form .field-no-viking-breakfast { display: none !important; visibility: hidden; } .contact-form-aside { background: #262626; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: right; margin: 26px 0 0 20px; padding: 30px; /*width: 340px;*/ width:280px; position:absolute; top:10px; right:30px; } .contact-form-aside h1 { font-size: 25px; } .contact-form-aside p { color: #fff; } .contact-form-aside ul { background: #191919; background: rgba(0, 0, 0, 0.4); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; line-height: 1; list-style: none; margin: 30px -30px -30px -30px; padding: 30px; } .contact-form-aside ul li:first-child { font-size: 20px; margin-bottom: 12px; } .contact-form-aside ul a { color: #fff; text-decoration: none; } .contact-form-aside ul a:hover { color: #fff; text-decoration: underline; } .contact-form-aside .icon { display: inline-block; height: 16px; margin: 0 10px 0 0; vertical-align: middle; width: 17px; } .contact-form-aside .phone-icon { background: url('/img/contact-phone.png') no-repeat 0 0; } .contact-form-aside .email-icon { background: url('/img/contact-email.png') no-repeat 0 0; } .clear { zoom: 1; } .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } .qtip{ max-width: 500px; font-family: 'TeXGyreAdventorBold' !important!; } .qtip-title { font-size: 15px; line-height: 1.5; font-family: 'TeXGyreAdventorBold' !important!; margin: 5px 0; } .qtip-content { font-size: 14px; line-height: 1.5; font-family: 'TeXGyreAdventorBold' !important!; } .qtip-content p { font-family: 'TeXGyreAdventorBold' !important!; line-height: 1.5; max-width: 250px; } .qtip-titlebar { height: 20px; } /* SITE CSS */ .log { position: relative; width: 1112px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* New Table Design */ table{margin:auto} /* Primary End */ table.features-table1 { border-collapse: collapse; border-spacing: 0; margin: auto;} table.features-table1 tr td { height: 56px; background: #fff; border: 1px solid #f0f4f7; text-align: center; border-right: 2px solid #eee; } table.features-table1 tr td.he-cell { background: #fdfdfd; text-align: left; padding-left:10px} table.features-table1 tr td.white-td { background: #fff; border: none; } table.features-table1 tr td.he-cell a { text-decoration: none; color: #000 } table.features-table1 tr td.heading-packeg .pkg-box-main {color: #fff;display: inline-block;text-align: center;position: relative;padd;padding: 10px 0px 30px;in: 0 0 10px;text-transform: uppercase;width: 100%;} table.features-table1 tr td.heading-packeg .pkg-box-main a { color:#52cbf8; text-decoration: none; font-weight: bold; font-size: 18px; padding: 10px 0 5px 0; text-align: center; display: block } table.features-table1 tr td.heading-packeg .price-tag {text-align: center;padding: 0px 19px;} table.features-table1 tr td.heading-packeg .price-tag h2 { font-size: 300%; color: #556b72; text-transform: uppercase; font-weight: 300; margin: 40px 0 16px 0; line-height: 36px } table.features-table1 tr td.heading-packeg .price-tag h2 b { font-weight: 900 } table.features-table1 tr td.heading-packeg .price-tag h2 span {font-size: 16px;font-weight: 500;margin-left: auto;margin-right: auto;} table.features-table1 tr td.heading-packeg .price-tag h3 { font-weight: 400; text-transform: capitalize; margin: 0; font-size: 14px; padding: 0 0 15px 0 } table.features-table1 tr td.button_select a { text-decoration: none; color: #000; border: 2px solid #ea402e; font-size: 14px; font-weight: 400; padding: 8px 30px; } table.features-table1 tr td.button_select { height: 0px; background: #fff; padding-top: 34px; vertical-align: top; padding-bottom: 34px; } table.features-table1 tr td.button_deselect a {background: #ea402e;color: #fff} table.features-table1 tr td.button_select a:hover { border: 2px solid #ea402e; color: #fff; background: #ea402e; } .selected table tr td.button_select a{ border: 2px solid #ea402e; color: #fff; background: #ea402e; } a.checkout { background: #66F; padding: 20px 50px; color: #fff; margin: auto; display: inline-block; text-decoration: none } .compare { background: #66F; padding: 10px 20px; color: #fff; margin: auto; display: inline-block; text-decoration: none ; border:none; cursor:pointer} .clearifx { clear: both } .container {text-align: center;margin-top: 0px;/*margin-bottom: 100px;*/padding: 15px 0px;} table.features-table1 tr td.button { height: 100px; background: #fff } .border-none{border:none} .heding-td tr{padding-left:15px} .price-tag { position: relative; } .selected{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;} .selected{ -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.02,1.09); z-index: 2; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) ;} .selected table tr td.he-cell1{background:#fff !important} .selected tr td.heading-packeg .price-tag{border:none !important} tr td.selected,tr td.selected.heading-packeg{background:#556c74 !important} td.heading-packeg.selected .price-tag h2, td.heading-packeg.selected .price-tag h3, td.price.selected{color:#fff !important} .dropdown_select { -moz-appearance: none; appearance: none; background: #66F url(img/select-arrow.png) no-repeat 90% center; text-indent: 0.01px; text-overflow: ""; color: #FFF; padding: 10px; width: 90%; margin-top: 0px; display: none; } .chk { float: left; margin-top: 13px; height: 18px; width: 18px; position: absolute;; left: 6px; } .fixed_bottom{ position: fixed; bottom: 0; padding: 1% 2%; background: #fff; text-align: right; width: 96%; z-index: 9999; left: 0; border-top: 1px solid #eee; box-shadow: 1px 0px 0px #000; } .qtip-tipped { border: 3px solid #000 !important; background-color: #000 !important; color: #fff !important; font-family: 'arial'!important; } table.features-table1 tr td.selected { border-bottom: 1px solid #fff !important; border-bottom: 1px solid #ffffff !important; box-shadow: 0 3px 1px rgba(255,255,255,1), 0 -1px 0px rgba(255,255,255,1) !important; color:#fff !important; position: relative; } table.features-table1 tr td.selected.button_select a{ color:#fff; } .poweredby { /*margin-top: -90px !important;*/ margin-bottom: 100px; margin-right: 0px; } .poweredby a:hover { color: #23527c !important; text-decoration: underline !important; } /* END CSS */ .button_select.selected::after { background: #556c74 none repeat scroll 0 0; bottom: -5px; content: ""; display: inline-block; height: 6px; left: 0px; position: absolute; right: 0; width: 100%; } #main{ padding-right: 15px; /* padding-left: 15px;*/ margin-right: auto; margin-left: auto } @media (min-width:768px) { #main { width: 750px } } @media (min-width:992px) { #main { width: 970px } } @media (min-width:1200px) { #main { width: 1170px } } .form-container-res{max-width:1170px !important; width:100% !important} .form-container-res .billing-wrapper{width:100% !important; margin:0 !important; padding:0 !important} .form-container-res .location-container-narrow{display:inline-block; width:100%} .form-container-res .location-container-narrow{width:100%} .form-container-res .locationlist{width:100%} .form-container-res .right-block{float:right; text-align:right} .form-container-res .right-block .office_link_col{width:auto; float:none} .form-container-res .right-block .link-col{float:none !important} .form-container-res .office_name_address{width:250px !important} .form-container-res .location-container-narrow{height: inherit !important;} .form-container-res .v2g-footer-info{width:100% !important} .form-container-res .locationlist .link-col{display:block !important} @media (max-width: 768px) { .form-container-res .locrow .image_holder { float: none !important; width: 100% !important; } .form-container-res .billing-wrapper .location-container-narrow{height:auto !important} .form-container-res .billing-wrapper .locationlist .image_holder{display:inline-block !important; margin-bottom:20px} } @media (max-width: 479px) { .right-block{float:left !important; margin-top:20px} } .client_cat_name{ text-transform: uppercase; } hr { display: block; height: 1px; border: 0; border-top: 3px solid #FFFF00 ; margin: 1em 0; padding: 0; } /* label.dropdown select { padding: 10px 42px 10px 10px; background: #428bca; color: #444; border: 1px solid #aaa; border-radius: 0; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; color: #fff } label.dropdown select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #444; } label.dropdown select::-ms-expand { display: none; } label.dropdown:before { content: ''; right: 1px; top: -7px; width: 40px; height: 38px; background: #337ab7; position: absolute; pointer-events: none; display: block; } label.dropdown option:not(:checked) { border-bottom: 1px solid #000 !important; background-color: #337AB7; color:#fff; } label.dropdown { position: relative; } label.dropdown:after { content: '>'; font: 22px Consolas, monospace; color: #fff; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 2px; top: -9px; position: absolute; pointer-events: none; width: 40px; padding: 0 0 5px 0; text-indent: 14px; } @media screen\0 { label.dropdown:after { width: 38px; text-indent: 15px; right: 0; } } @media screen and (min--moz-device-pixel-ratio:0) { label.dropdown select { padding-right: 40px; } label.dropdown:before { right: 6px; } label.dropdown:after { text-indent: 14px; right: 6px; top: -5px; width: 36px; } }*/ /* END CSS */ .customSelect { position: relative; float: left; color: #8f8f8f; font-weight: 700; font-size: 12px; text-align: left; border: 1px solid #eeeeee; padding: 10px 0px; } .customSelect .selectedValue { /*height: 26px;*/ padding: 0px 22px 0px 0px; margin-bottom: 0; cursor: pointer; *zoom: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .customSelect .selectedValue:hover { color: #37474f; } .customSelect dl, .customSelect dd { margin: 0px; } .customSelect dd { zoom: 1; color: #8399a4; cursor: pointer; padding: 4px 0px 4px 0px; } .customSelect dt { font-weight: bold; font-style: italic; padding: 2px 10px 2px 6px; } .customSelect .selected { position: relative; color: #ffffff; text-decoration: none; background-repeat: repeat-x; box-shadow: none; } .customSelect .selected:before { left: -14px; color: #f57f17; font-size: 14px; } .customSelect .selectList { z-index: -1; position: absolute; left: -999em; top: -999em; list-style: none; width: 100%; } .customSelect .selectList dl { overflow: visible !important; color: #fff; } .customSelect .selectList dl.defaultScrollbar { overflow-x: hidden; overflow-y: scroll; } .customSelect .selectList dd { -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; transition: color 0.4s ease; } .customSelect .selectList dd.hovered { color: #fff; } .customSelect .selectList dd.disabled.hovered { background: none; color: #999; } .customSelect .caret { position: absolute; top: 0px; right: 0px; height: 100%; width: 20px; cursor: pointer; display: inline-block; border-left: 1px solid #cfcfcf; border: 0px; } .customSelect .selected:before, .customSelect.select-open .caret:before, .customSelect .caret:before { content: '>'; font: 16px Consolas, monospace; color: #333; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); pointer-events: none; position: absolute; font-weight: bold; left: 3px !important; top: -1px !important; } .customSelect .selected:before { /*content: "\e1c1";*/ left: -15px !important; top: 3px !important; color: #f57f17; } .customSelect.select-open .caret:before, .customSelect .caret:before { left: 0px; top: 10px !important; } .customSelect .selectListOuterWrap { opacity: 0; -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; -o-transition: opacity 0.8s; transition: opacity 0.8s; } /* ====================================================== ============ .customSelect.select-open ============== */ .customSelect.select-open { color: #fff; } .customSelect.select-open .caret:before { /*content: "\e1c0";*/ color: #fff; } .customSelect.select-open .selectList { top: -20px !important; left: 0 !important; } .customSelect.select-open .jspPane { left: 0px !important; right: 0px !important; width: 90% !important; overflow: hidden; } .customSelect.select-open .selectListOuterWrap { opacity: 1; background-color: #37474f; padding-top: 55px; margin-left: -32px; margin-right: -32px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; } .customSelect.select-open .selectedValue:hover { color: #fff; } /* ====================================================== ============== .customSelect.disabled ================ */ .customSelect.disabled .selectedValue { color: #999; cursor: default; } /* ===================================================== ===================== CUSTOM SCROLL ================= */ .customSelect .jspTrack { background-color: #101010; right: 0px; border-radius: 5px; } .customSelect .jspVerticalBar { background: none; width: 5px; right: 8px; } .customSelect .jspHorizontalBar { height: 0; overflow: hidden; } .customSelect .jspDrag { border-radius: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f57f17; background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } /* ================================================== ===================== hasJS ====================== */ .hasJS select.custom { position: absolute; left: -999em; } .hasJS select.custom.use-default { position: absolute; left: auto; height: auto; width: 100%; appearance: none; -moz-appearance: none; -webkit-appearance: none; opacity: 0; /* prevents iOS from zooming in on field */ font-size: 16px; } .jspScrollable, .jspScrollable:focus, .jspContainer:focus { outline: none !important; } .customSelect .jspPane { /*overflow-x: hidden;*/ } .jspContainer, .jspScrollable { width: auto !important; } .jspScrollable { margin-left: -30px !important; margin-right: -30px !important; } .jspScrollable dd { padding-left: 30px; } .jspScrollable .selected:before { left: 12px !important; top: 2px !important; color: #f57f17; } @media only screen and (max-width: 570px) { .customSelect.select-open .selectListOuterWrap { margin-left: -26px; margin-right: -26px; } .customSelect.select-open .selectListOuterWrap, .jspScrollable dd { padding-left: 26px; padding-right: 26px; } } /* ================================================== ========== basic scrollbar styling =============== ================================================== */ /* vertical scrollbar */ .mCSB_container { width: auto; margin-right: 30px; overflow: hidden; } .mCSB_container.mCS_no_scrollbar { margin-right: 0; } .mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar { margin-right: 30px; } .mCustomScrollBox > .mCSB_scrollTools { width: 16px; height: 100%; top: 0; right: 0; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: relative; height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; } /* horizontal scrollbar */ .mCSB_horizontal > .mCSB_container { height: auto; margin-right: 0; margin-bottom: 30px; overflow: hidden; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom: 0; } .mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; } .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { display: block; position: relative; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; } .mCustomScrollBox { -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/ } /* default scrollbar colors and backgrounds (default theme) */ .mCustomScrollBox > .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ } .mCustomScrollBox:hover > .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; /* old ie */ } .mCSB_scrollTools .mCSB_draggerRail { background: none; /* rgba fallback */ filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #C6CCD2; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #C6CCD2; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #C6CCD2; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ } /*scrollbar themes*/ /*dark (dark colored scrollbar)*/ .mCS-dark > .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.15); } .mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); } .mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); } .mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); } .mCS-dark > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /*light-2*/ .mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.85); } .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); } .mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /*dark-2*/ .mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); } .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); } .mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /*light-thick*/ .mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.85); } .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); } .mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /*dark-thick*/ .mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); } .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); } .mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /*light-thin*/ .mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail { background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); } .mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /*dark-thin*/ .mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.15); } .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; } .mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); } .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); } .mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .jspContainer, .jspScrollable, .selectListInnerWrap dl {width: auto !important;overflow: hidden;} #containerId table.features-table1 tr td.heading-packeg .pkg-box-main a{font-size: 12px} #containerId table.features-table1 tr td.heading-packeg .price-tag h2{font-size: 200% !important} #containerId table.features-table1 tr td.heading-packeg .price-tag{padding: 0 10px}