1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "//www.w3.org/TR/html4/loose.dtd"> 2<html lang="en"> 3<head> 4<title>Driving Classes, Driver Improvement | El Paso, TX</title> 5 <link rel="canonical" href="https://a2bdrivingschooltx.com/driving-tests.html" /> 6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7<meta http-equiv="Cache-Control" content="max-age=1800"> 8<meta name="ROBOTS" content="INDEX,FOLLOW"><meta name="DESCRIPTION" content="Contact us in El Paso, TX, to learn more about our driving classes and driver improvement."><meta name="KEYWORDS" content="driving classes, driver improvement, el paso, tx">
9<script src="javascript/com/jquery/latest/jquery.js"></script>
vendor: 1 bytes, line 9
9
10<script type="text/javascript"> 11 WebFontConfig = { 12 google: { families: [ 'Open+Sans:400,700,400italic:latin' ] } 13 }; 14 (function() { 15 var wf = document.createElement('script'); 16 wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + 17 '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 18 wf.type = 'text/javascript'; 19 wf.async = 'true'; 20 var s = document.getElementsByTagName('script')[0]; 21 s.parentNode.insertBefore(wf, s); 22 })(); </script>
22 23<style type="text/css"> 24/* ---------------------------------- */ 25/* ---------------------------------- */ 26/*TEMPLATE - DesignTest1b_rx */ 27/*Updated 10/31/16 */ 28/* ---------------------------------- */ 29/* ---------------------------------- */ 30/* ---------------------------------- */ 31/* ---------------------------------- */ 32/*CSS Reset*/ 33/* ---------------------------------- */ 34/* ---------------------------------- */ 35.clearfix:before, 36.clearfix:after { content: " "; display: table; } 37.clearfix:after { clear: both; } 38.clearfix { *zoom: 1; } 39html, html body { margin: 0; padding: 0; height: 100%; min-height: 100%} 40body p { margin-top: 0; margin-bottom: 0; display:block} 41body p + p { margin-top: 0; } 42table {border-collapse: collapse !important} 43*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 44/* ---------------------------------- */ 45/* ---------------------------------- */ 46/*Sections*/ 47/* ---------------------------------- */ 48/* ---------------------------------- */ 49body {font-size: 11pt; position: relative;} 50div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, 51 pre, form, p, blockquote, .sectionTitle { 52 margin: 0; 53 padding: 0; 54 line-height: 1.5; 55 direction: ltr; } 56 h1, h2, h3, h4, h5, h6, body {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } 57br[style="clear: both"]{ display: none; } 58/* Needs BODY selector to overwrite uaDefaultStylesReset.css */ 59body p, body a { 60 font-family: inherit; 61 margin-top: 0; 62 margin-bottom: 1em} 63 1body a {display: inline-block;} 64 body p a, 65 body p a.button, 66 body p a.buttonInverted, 67 body p .button {margin-bottom: 0} 68.rsp_content a img, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {margin-bottom: 0} 69/* Needs BODY selector to overwrite uaDefaultStylesReset.css */ 70body h1, body h2, body h3, body h4, body h5, body h6 { 71 font-style: normal; 72 text-rendering: optimizeLegibility; 73 line-height: 1; 74 margin-bottom: .5em; 75 margin-top: 0; } 76 h1, h2, h3, h4, h5, h6 {font-weight: normal} 77/* removed body .section-container specific selector */ 78 h1 {font-size:32px} 79 h2 {font-size: 24px} 80table { 81 border-collapse: collapse; 82 table-layout:fixed; 83 border-spacing: 0;} 84 table.columns.small-icon {table-layout:auto} 85img, video { 86 max-width: 100%; 87 height: auto;} 88 .rsp_content img {margin-bottom: 1em} 89 .fullWidthColumnFull img {margin-bottom: 0} 90@media only screen and (max-width: 768px) { 91 img {float: none !important} 92 a[href^=tel] { color: inherit !important;} 93 body p { -webkit-text-size-adjust:100% } 94} 95iframe {max-width: 100%;} 96.section ul, .section ol { margin: 0 25px 14px; } 97.button, .buttonInverted, #layout input.form-element[type="submit"], .wsp_print_btn_text, .buttonGhost { 98 display: inline-block; 99 cursor: pointer; 100 text-align:center; 101 margin: 0 inherit; 102 margin-bottom: 1em; 103 border: 0; 104 padding: 10px 25px; 105 border-radius: 5px; 106 text-decoration: none; 107 font-weight: 700; 108 transition: all 0.3s ease 0s; 109 -webkit-appearance: none; 110} 111 .button.buttonGhost, .buttonGhost { 112 background: transparent; 113 border-width: 2px; 114 padding: 2px 23px; 115 border-style: solid;} 116.section-container { 117 width: 100%; 118 margin: 0; 119 padding: 0; } 120.section { 121 max-width: 960px; 122 margin: 0 auto; } 123 .section.fullWidthColumn {max-width: 100%} 124 .rsp_kv.section {padding: 100px 0} 125 .rsp_kvSubpage.section {padding: 50px 0} 126 .rsp_content {padding: 50px 0 35px} 127 .rsp_content.fullWidthColumn {padding: 0} 128 .rsp_kv p:only-of-type {margin-bottom: 0} 129.fullwidth, .fullwidthStatic, .fullWidth, .fullWidthStatic, span.fullwidth > img, span.fullWidth > img { 130 background-repeat: no-repeat; 131 width: 100%; 132 background-position: center top; 133 -webkit-transform: translateZ(0); 134 -webkit-background-size: cover; 135 -moz-background-size: cover; 136 -o-background-size: cover; 137 background-size: cover; 138 border-left: 0 !important; 139 border-right: 0 !important; } 140 .fullwidthStatic, .fullwidthStatic img { background-attachment: fixed; } 141 .KV-Text-Left .fullwidth {background-position: right top} 142 p img.fullwidth, p img.fullWidth, p .fullwidth img, p .fullWidth img {margin-bottom: -1em} 143 /* 50/50 Content Block */ 144 .fullWidthColumnInfo { 145 float: right; 146 max-width: 452px; 147 padding: 40px 0;} 148 .fullWidthColumnImage-mirrored .fullWidthColumnInfo {float: left} 149 .fullWidthColumnFull { 150 overflow: hidden;} 151 .fullWidthColumnFull img { 152 display:block; 153 height: 100%; 154 width: auto; 155 max-width: none; 156 min-width: 100%;} 157 .fullWidthColumnImage-mirrored .fullWidthColumnFull img {float: right;} 158 .rsp_content.fullWidthColumnImage > table > tbody > tr > td:last-child {padding: 0;} 159 .rsp_content.fullWidthColumnImage-mirrored > table > tbody > tr > td:first-child {padding: 0;} 160 .rsp_content.fullWidthColumnImage-mirrored > table > tbody > tr > td:last-child {padding: 0 0 0 2%;} 161 @media only screen and (max-width: 960px) { 162 .rsp_content.fullWidthColumnImage > table > tbody > tr > td, 163 .rsp_content.fullWidthColumnImage-mirrored.fullWidthColumnImage-mirrored > table > tbody > tr > td {padding: 0} 164 .fullWidthColumnImage {overflow: hidden;} 165 .fullWidthColumnInfo { 166 max-width: 100%; 167 padding: 50px 20px 35px; 168 float: none} 169 .fullWidthColumnFull img { 170 height: auto; 171 max-width: 100%; 172 } 173 } 174 @media only screen and (max-width: 768px) { 175 .fullWidthColumnInfo {padding: 20px} 176 } 177 /* END 50/50 Content Block */ 178.rsp_box { padding: 25px } 179/* Header */ 180.rsp_header {padding: 20px 0} 181.header h1, .header h2, .header h3, .header h4, .header h5, .header a, .header p {margin-bottom: 0} 182.Header-LogoLeft-PhoneRight .phone { 183 text-align: right; 184 width: 100%; 185 display:inline-block} 186 .rsp_header .half {width: 50%; float: left;} 187 .rsp_header h1, .rsp_header h2, .rsp_header h3, .rsp_header h4, .rsp_header p, .rsp_header a {margin-bottom: 0} 188 .header a, .rsp_header a {display:inline-block;} 189#companyname a img {max-width: 100%} 190.Header-Centered img {margin-bottom: 10px; display: block;} 191.Header-Centered .phone img {margin-bottom: 0; float: left; margin-right: 10px;} 192.Header-Centered .phone {display: inline-block; line-height: 1;} 193@media only screen and (max-width: 960px) { 194 .rsp_header {padding:20px;} 195} 196@media only screen and (max-width: 768px) { 197 .rsp_header .half {width: 100%; float: none;} 198 .Header-LogoLeft-PhoneRight .phone { 199 text-align: center; 200 margin-top: 1em} 201} 202 .phone table {display: inline-block;} 203 .phone table:last-child {margin-left: 20px} 204 @media only screen and (max-width: 768px) { 205 .phone table {table-layout: inherit} 206 .phone.phone td {width: auto !important; display: table-cell !important} 207 } 208 @media only screen and (max-width: 568px) { 209 #companyslogan { width: calc(100% - 40px); } 210 .header .phone { margin: 0 auto; } 211 .header .button { display: inline-block; } 212 .header .hamburger { padding: 10px 0 !important; } 213 } 214.header form { 215 display: block; 216 float: right; 217 text-align: right; 218 width: 100%; 219} 220@media only screen and (max-width: 768px) { 221 .header form {float: none} 222} 223.header input { 224 display: inline-block; 225 height: 35px; 226 margin-bottom: 0; 227 padding: 0 10px; 228} 229.header input[type="text"] { 230 border: 1px solid #ccc; 231 box-sizing: border-box; 232} 233.header .phone { 234 display: table; 235 float: right; 236 font-size: 14pt; 237 line-height: 25px; 238 margin-bottom: 0.5em; 239 width: auto; 240 float: right; 241} 242#companyslogan * {clear:both} 243@media only screen and (max-width: 768px) { 244 .header .phone {float: none} 245} 246.header .phone img { 247 display: inline-block; 248 float: left !important; 249 padding-right: 5px; 250} 251.header span#rsp_cart { 252 display: inline-block; 253 float: right; 254 margin-bottom: 0; 255 margin-left: 20px; 256 position: relative; 257 text-align: left; 258 width: auto; 259} 260.header span#rsp_cart a { 261 display: inline-block; 262 line-height: 25px; 263} 264.header span#rsp_cart a:hover { 265 text-decoration: underline; 266} 267/* Column Padding */ 268.rsp_content > div > table > tbody > tr > td, 269.rsp_content > table > tbody > tr > td {padding: 0 2%} 270.rsp_content > div> table > tbody > tr > td:first-child, 271.rsp_content > table > tbody > tr > td:first-child {padding: 0 2% 0 0} 272.rsp_content > div > table > tbody > tr > td:last-child, 273.rsp_content > table > tbody > tr > td:last-child {padding: 0 0 0 2%} 274.rsp_content > table.columns, 275.rsp_content > div > table.columns {width: 104%; margin: 0 -2%} 276.rsp_content > table.columns > tbody > tr > td, 277.rsp_content > div > table.columns > tbody > tr > td {padding: 0 2%} 278/* Added to address a comment in RSP-106 */ 279.rsp_content > div > table > tbody > tr > td[colspan], 280.rsp_content > table > tbody > tr > td[colspan] { 281 padding: 0; 282} 283@media only screen and (max-width: 768px) { 284.rsp_content > table.columns, 285.rsp_content > div > table.columns {width: 100%; margin: 0} 286} 287.small-icon.small-icon .icon {padding: 0} 288@media only screen and (max-width: 960px) { 289 .rsp_content .columns.four > tbody > tr > td { 290 width: 40%; 291 display: inline-block; 292 } 293 .rsp_content.fullWidthColumn > table > tbody > tr > td, 294 .rsp_content.fullWidthColumn > table > tbody > tr > td:first-child, 295 .rsp_content.fullWidthColumn > table > tbody > tr > td:last-child {padding: 0} 296 .Addons-2Column-RightForm > table > tbody > tr > td:first-child {padding: 0 2% 0 0} 297 .Addons-2Column-RightForm > table > tbody > tr > td:last-child {padding: 0 0 0 2%} 298 .small-icon.small-icon .icon {padding: 0} 299 .rsp_kv.section {padding: 100px 20px 85px} 300 .rsp_kvSubpage.section, 301 .rsp_content.section {padding: 50px 20px 35px} 302} 303@media only screen and (max-width: 768px) {
304 /* fix for old template */ 305 table td {padding: 0} 306 img {margin-bottom: 1em} 307 .section.section.section {padding:20px;} 308 .rsp_content > table > tbody > tr > td, 309 .rsp_content > table > tbody > tr > td:first-child, 310 .rsp_content > table > tbody > tr > td:last-child, 311 .Addons-2Column-RightForm > table > tbody > tr > td, 312 .Addons-2Column-RightForm > table > tbody > tr > td:first-child, 313 .Addons-2Column-RightForm > table > tbody > tr > td:last-child {padding: 0} 314 .rsp_kv img, .rsp_kv table {margin: 0} 315 .rsp_kvSubpage {text-align: center} 316 .rsp_kv.section {padding: 20px !important} 317 .section.section td, 318 .rsp_content .columns.four > tbody > tr > td { 319 display: block; 320 padding: 0; 321 width: 100% !important} 322 .blank {display:none !important;} 323 .fullwidth.fullwidth {background-position: center top;} 324 .small-icon.small-icon .icon { 325 display: inline-block; 326 width: 25%;} 327 .small-icon.small-icon .column-text { 328 display: inline-block; 329 padding: 0 0 20px 15px; 330 width: 65%;} 331} 332/* ---------------------------------- */ 333/* ---------------------------------- */ 334/* DEFAULT COLORS */ 335/* ---------------------------------- */ 336/* ---------------------------------- */ 337body, h1, h2, h3, h4, h5, h6 {color: #333} 338.primaryColorbg, .secondary-webcomMenu {background-color:#ccc} 339.button, #layout input.form-element[type="submit"] { 340 background-color: #666; 341 color: #fff; 342 } 343.hamburger div { 344 color: #333; 345 border-color: #333; } 346 .hamburger span, 347 .hamburger span:before, 348 .hamburger span:after {background-color: #333;} 349li.hamburger a:before {background: transparent !important} 350#slide-navContainer {background: #333} 351 #slide-navContainer a {color: #fff} 352 #slide-navContainer a, #slide-navContainer a:before {background: transparent !important} 353/* ---------------------------------- */ 354/* ---------------------------------- */ 355/* NAV */ 356/* ---------------------------------- */ 357/* ---------------------------------- */ 358/* ---------------------------------- */ 359/* START structure.css nav fixes */ 360/* ---------------------------------- */ 361.section #styleNav ul { margin: 0;} 362#styleNav {visibility: visible !important;} 363primary-webcomMenu-offset {position: auto !important} 364.primary-webcomMenu, 365.primary-webcomMenuItem, 366.primary-webcomMenuItem-bottom, 367.primary-webcomMenuItem-top, 368.primary-webcomMenuItem-right, 369.primary-webcomMenuItem-left, 370.primary-webcomMenuItem-middle, 371.primary-webcomMenuItem { 372 float: none; 373 height: auto !important; 374 padding: 0 !important} 375div.primary-webcomMenu-bottom, 376div.secondary-webcomMenu-bottom { 377 position: auto; 378 float: left} 379.primary-webcomMenuItem-middle, .secondary-webcomMenuItem-middle { text-overflow:ellipsis; } 380/* ---------------------------------- */ 381/* END structure.css nav fixes */ 382/* ---------------------------------- */ 383#navContainer, #nav, #styleNav { 384 display: inline-block; 385 width: 100%; 386 } 387#nav ul { max-height: 65px;} 388#nav ul li ul { max-height: none; } 389.primary-webcomMenu { 390 float: left; 391 padding: 0; 392 margin: 0; 393 height: auto !important; 394 width: auto !important} 395.primary-webcomMenu li { 396 list-style-type: none; 397 max-width: 250px; 398 display: block; 399 float: left; 400 } 401li.primary-webcomMenuItem > a { position: relative; } 402.primary-webcomMenu li.selected > a { font-weight: bold;} 403.primary-webcomMenu li.selected a:hover { text-decoration: none; } 404.primary-webcomMenu a { 405 display: block; 406 text-overflow: ellipsis; 407 overflow:hidden; 408 white-space:nowrap; 409 text-decoration: none; 410 text-transform: uppercase; 411 padding: 20px 10px; 412 margin: 0 5px; 413 margin-bottom: 0} 414 .primary-webcomMenu a:hover {text-decoration: underline;} 415.primary-webcomMenu ul { 416 padding: 0; 417 position: absolute; 418 left: 0; 419 width: 100% 420 z-index: 100; 421 } 422 #navContainer .secondary-webcomMenu {box-shadow: inset 0 3px 5px rgba(0,0,0,0.2);} 423.primary-webcomMenu ul li { 424 display: block; 425 width: 100%; 426 float: left; 427 list-style-type: none; 428 max-width: 100%; 429 } 430 .primary-webcomMenu ul li a{ 431 padding: 15px 10px 0; 432 width: 100%; 433 } 434 .primary-webcomMenu ul li:last-child a{padding-bottom: 15px} 435 .primary-webcomMenu li:hover ul { 436 display: block; 437 } 438 .primary-webcomMenu li { 439 display: block; 440 float: left; 441 list-style-type: none; 442 max-width: 100%; 443} 444@media only screen and (max-width:768px) { 445 .primary-webcomMenu-offset { display: block; margin: 0; } 446} 447/* ---------------------------------- */ 448/* ---------------------------------- */ 449/* HAMBURGER ICON */ 450/* ---------------------------------- */ 451/* ---------------------------------- */ 452.hamburger div { 453 cursor: pointer; 454 display:inline; 455 border-radius: 3px; 456 margin-top: 14px; 457 text-align: center; 458 background: none; 459 z-index:95; 460 display: block; 461 border-width: 1px; 462 border-style: solid; 463 padding: 5px 12px; 464 } 465 .hamburger div:after {content: 'MENU';padding-right: 30px} 466.hamburger span, 467.hamburger span:before, 468.hamburger span:after { 469 border: 0 none; 470 border-radius: 1px; 471 content: ""; 472 cursor: pointer; 473 display: block; 474 height: 3px; 475 margin: auto; 476 padding: 0; 477 position: absolute; 478 right: 0; 479 top: 47%; 480 width: 25px; 481 margin-right: 15px; 482 z-index: 100;} 483 .hamburger span:before {top: -6px;} 484 .hamburger span:after {bottom: -11px;} 485 .hamburger span::before, .hamburger span::after { 486 margin-right: 0; 487 } 488.hamburger a { 489 display: block; 490 padding: 0} 491 .hamburger.hamburger a:hover {text-decoration: none} 492@media only screen and (max-width: 768px) { 493 .hamburger a { 494 position: relative; 495 height: 25px; 496 width: 25px;} 497 .hamburger div {display:none} 498 .hamburger span, 499 .hamburger span:before, 500 .hamburger span:after {top: 45%; margin: auto;} 501 .hamburger span:before {top: -6px;} 502 .hamburger span:after {bottom: -11px;} 503} 504/* ---------------------------------- */ 505/* ---------------------------------- */ 506/* SLIDE OUT NAV */ 507/* ---------------------------------- */ 508/* ---------------------------------- */ 509#slide-navContainer { 510 position: fixed; 511 top: 0; 512 right: -250px; 513 width: 250px; 514 height: 100%; 515 z-index: 3000; 516 overflow-y: auto; 517 overflow-x: hidden; 518 margin-bottom: 0;} 519 #slide-navContainer #nav { 520 margin-top: 45px; 521 background-color: #333; 522 width: 90%;} 523#slide-navContainer ul { 524 list-style-type: none; 525 float: none; 526 position: initial; 527 background-color: transparent 528 padding: 0; } 529 #slide-navContainer li { 530 width: 100%; 531 max-width: 100%; } 532 #slide-navContainer ul ul { 533 display:block; 534 padding: 0 0 0 20px; 535 position: relative; } 536 #slide-navContainer.primaryColorbg #styleNav ul li ul li { 537 border-bottom: none; background-color: transparent; } 538#slide-navContainer a { 539 display: block; 540 float: none; 541 width: 100%; 542 padding: 10px; 543 margin: 0; 544 text-overflow: unset; 545 white-space: pre-line; 546 overflow:hidden; 547 text-decoration: none; 548 text-align:left;} 549 #slide-navContainer a:hover { text-decoration: underline; }
550 #slideout-menu-toggle { 551 text-indent: 0; 552 display: block; 553 line-height: 1; 554 text-decoration: none; 555 z-index: 100; } 556 #slideout-menu-toggle:hover { } 557 /* ---------------------------------- */ 558 /* CLOSE BUTTON */ 559 /* ---------------------------------- */ 560 #navContainer .close {display:none; height: 0; visibility:hidden} 561 #slide-navContainer .close { 562 font-size: 36px; 563 line-height: 36px; 564 padding: 0; 565 position: absolute; 566 right: 10px; 567 top: 0; 568 } 569 #slide-navContainer .close:hover {text-decoration: none} 570 #slide-navContainer .close span:after { 571 text-align: right; 572 display: block; 573 content:'\00D7'; } 574@media only screen and (max-width: 768px) { 575 .primary-webcomMenu-bottom, .secondary-webcomMenu-bottom {float: right !important;} 576 #slide-navContainer ul ul {display: block} 577 #nav .section {padding: 10px 20px} 578 .primary-webcomMenu {width: 100% !important} 579 #slideout-menu-toggle {float: right} 580} 581/* ---------------------------------- */ 582/* ---------------------------------- */ 583/* STICKY NAV */ 584/* ---------------------------------- */ 585/* ---------------------------------- */ 586#sticky-navContainer { display: block; z-index: 100; position: fixed; top: -120px; width: 100%; -webkit-transition: top 0.3s linear; -moz-transition: top 0.3s linear; transition: top 0.3s linear; } 587#sticky-navContainer .primary-webcomMenu li ul { display: none; } 588#sticky-navContainer .primary-webcomMenu li:hover ul { display: block; } 589#sticky-navContainer #nav-toggle span { margin-top: 6px; } 590#sticky-navContainer ul li { position: relative; } 591#sticky-navContainer .section { padding: 0 !important; margin-top: 0; } 592#sticky-navContainer .close { display: none; } 593@media only screen and (max-width: 768px) { 594#sticky-navContainer #nav-toggle span { margin: 0; } 595#sticky-navContainer #slideout-menu-toggle { padding: 10px 10px 10px 0;} 596} 597/* ---------------------------------- */ 598/* ---------------------------------- */ 599/* FOOTER */ 600/* ---------------------------------- */ 601/* ---------------------------------- */ 602.box {display: table; height: 100%; margin-bottom: -20px; } 603#layout, #mtx_footer{ display: table-row; } 604#mtx_footer #footer { padding: 20px 0; text-align: center; width: 100%;} 605#mtx_footer #footer span { display: inline-block; } 606#mtx_footer #footer span.street-address:after { content: ", "} 607#mtx_footer #footer br { display: none; } 608#mtx_footer .footercontent {display: block; max-width: 960px; margin: 0 auto;position: relative; padding: 0; } 609#mtx_footer .footercontent center { display: block; width: 100%; margin: 0; padding: 30px 0 10px; } 610#mtx_footer .footercontent a { text-decoration: none; display: inline-block; margin: 0 10px; padding: 5px 0;} 611#mtx_footer .footercontent a:hover { text-decoration: underline; } 612#mtx_footer .footercontent table { line-height: 150%; text-align: center; } 613#mtx_footer .footercontent table td, .footercontent table tr { display: inline-block; text-align: center;} 614#mtx_footer .footercontent table td { padding: 0 5px;} 615#mtx_footer .footercontent table tr { margin: 10px 0 0;} 616#mtx_footer .footercontent span.fn.org { position: absolute; top: 0;font-size: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);} 617@media only screen and (max-width: 768px) { 618#mtx_footer .footercontent span.fn.org { font-size: 16px } 619#mtx_footer #footer font { font-size: 11px; } 620#mtx_footer .vcard table table td[nowrap=""] { text-align: center; white-space: normal; } 621#mtx_footer .footercontent table tr { margin: 0;} 622} 623#mtx_footer { width: 100%; } 624.footercontent { padding: 40px 0; width: 100%; margin: 0 auto; } 625.footercontent .vcard {display: block; max-width: 960px; margin: 0 auto; } 626.footercontent h4, .footercontent .businessname { display: block; clear: both; text-align: center; } 627.footercontent h4.fn.org a, .footercontent .businessname a { font-size: 24px; text-decoration: none; margin: 0 0 0.3em; font-weight: bold; } 628.footercontent ul { list-style-type: none;} 629.footercontent li { font-size: 14px; line-height: 20px;} 630.footercontent ul.mtx_footnav { display: table; clear: both; margin: 0 auto; } 631.footercontent ul.mtx_footnav a { margin-bottom: 0.5em; text-decoration: none; } 632.footercontent ul.mtx_footnav a:hover { text-decoration: underline; } 633.footercontent ul.mtx_footnav li { display: inline; margin: 0 .5em} 634.footercontent ul.mtx_footnav li ul { display: none; } 635.footercontent ul.mtx_buscontact { display: table; clear: both; list-style-type: none; margin: 0 auto 1em;; text-align: center; } 636.footercontent ul.mtx_buscontact li { display: inline-block; margin: 0;} 637.footercontent ul.mtx_buscontact li::after { content:" |"} 638.footercontent ul.mtx_buscontact li:last-child::after { content: "";} 639.footercontent ul.mtx_buscontact li.tel::before {content: "Phone: " } 640.footercontent ul.mtx_buscontact li.mtx_fax::before {content: "Fax: " } 641.footercontent ul.mtx_buscontact li.mtx_cell::before {content: "Cell: " } 642.footercontent ul.adr { font-weight: bold; display:table; margin: 0 auto; } 643.footercontent ul.adr li { font-weight: normal; display: inline; float: left; margin: 0 3px 0 0; padding: 0; } 644.footercontent ul.adr li::after { content: ","} 645.footercontent ul.adr li:last-child::after { content: ""} 646.footercontent #mtx_copyright { text-align: center; font-size: 10px; margin: 1em auto 0;} 647.footercontent .email #footerContact, .footercontent .email .footer_contact_component { display: inline-block; } 648#mtx_footer .footercontent a.footer_contact_email { margin: 0 } 649.footercontent ul.adr li.region::after { content: ""; } 650.footercontent ul.mtx_footnav, .footercontent ul.adr, #mtx_footer #footer .vcard div[style="width: 100%"], #mtx_footer #footer .vcard table[style="width: 100%"] { text-align: center; } 651#mtx_footer #footer .vcard br, #mtx_footer #footer .vcard br { display: initial; } 652/* Video Embed Fix */ 653body .html5-video-container { z-index: auto !important; } 654/* ---------------------------------- */ 655/* ---------------------------------- */ 656/* Contact Form*/ 657/* ---------------------------------- */ 658/* ---------------------------------- */ 659div[id*="webcom-component-form"] > table > tbody > tr > td:first-child, 660div[id*="webcom-component-form"] > table > tbody > tr > td:last-child, 661div[id*="webcom-component-feedback"] > table > tbody > tr > td:first-child, 662div[id*="webcom-component-feedback"] > table > tbody > tr > td:last-child {display:none} 663div[id*=webcom-component-form] td[width*="10%"], 664div[id*=webcom-component-feedback] td[width*="10%"] { width: 100% !important; } 665form[id^=webcom-component-form], 666form[id^=webcom-component-feedback] { 667 width: 100%; 668 margin: 0 auto; 669} 670form[id^=webcom-component-form] table, 671form[id^=webcom-component-feedback] table, 672.form-element[type=text], 673.web_com_custom_form .form-element-size-large[type="text"], 674.web_com_custom_form table.form-element-size-large, 675.web_com_custom_form textarea.form-element-size-large, 676.web_com_custom_form select.form-element-size-large, 677.web_com_custom_form table td.FirstName input, 678.web_com_custom_form table td.LastName input, 679.web_com_custom_form table[class*=large], 680.web_com_custom_form input[class*=large], 681.web_com_custom_form table[class*=large], 682.web_com_custom_form textarea[class*=large], 683.web_com_custom_form select[class*=large] { 684 padding: 5px !important; 685 -webkit-box-sizing: border-box; 686 -moz-box-sizing: border-box; 687 box-sizing: border-box; 688 max-width: 100% !important; 689 min-width: 100% !important; 690 width: 100% !important} 691@media only screen and (max-width: 768px) { 692 form[id^=webcom-component-form], 693 form[id^=webcom-component-feedback] {width: 100%;} 694 .web_com_custom_form table td.FirstName, 695 .web_com_custom_form table td.LastName{ 696 padding-left: 0 !important; 697 width: 100% !important} 698} 699/* POPUP CONTACT */ 700.fc_overlay { width: auto !important; height: auto !important; } 701.fc_container { max-width: 90% !important;} 702#footer #fc_form_header, #footer #fc_form_container label { color: #333;} 703#fc_form_container form { display: block; } 704#fc_form_container tr { display: block; margin: 0; padding: 0; } 705#fc_form_container table td { padding: 0; } 706#fc_form_container table td[width="45%"] { display: none important;} 707#fc_form_container table td[width="10%"] { display: block; width: 100%} 708/* ---------------------------------- */ 709/* ---------------------------------- */ 710/* ECOMM */ 711/* ---------------------------------- */ 712/* ---------------------------------- */ 713.mtrx_ecom_layout { display: block; margin: 0 auto; max-width: 960px; padding: 20px;} 714.Header-EcommerceSearch h2, .Header-EcommerceSearch img, .Header-EcommerceSearch div { display: inline-block; } 715.Header-EcommerceSearch form { float: right; display: block; width: 100%; text-align: right; } 716.Header-EcommerceSearch input { height: 35px; padding: 0 10px; display: inline-block; margin-bottom: 0} 717.Header-EcommerceSearch input[type='text'] { 718 border: 1px solid #ccc; 719 box-sizing: border-box; } 720.Header-EcommerceSearch div.phone { display: table; width: auto; margin-bottom: 0.5em; float: right; line-height: 25px; font-size: 14pt; } 721.Header-EcommerceSearch div.phone img { float: left !important; display:inline-block; padding-right: 5px; } 722.Header-EcommerceSearch span#rsp_cart { float: right; position: relative; width: auto; margin-left: 20px; margin-bottom: 0; text-align:left; display: inline-block; } 723.Header-EcommerceSearch span#rsp_cart a { display: inline-block; line-height: 25px; } 724.Header-EcommerceSearch span#rsp_cart a:hover { text-decoration: underline; }
725.mtrx_ecom_layout #page .result .description { line-height: 150%; } 726#page div.results-grid { width: 100%; } 727body #page-content h1, body #page-content h2, body #page-content h3, body #page-content h4, body #page-content h5, body #page-content h6 { line-height: inherit; } 728.mtrx_ecom_layout a:hover { text-decoration: none; } 729#page .result h3 { overflow: none; height: auto; font-size: 16px; } 730#page div.results .result { height: auto; overflow: none; width: 100%; } 731#page div.results .result .thumbnail { display: inline-block; float: left; max-width: 20%; margin-right: 5%; } 732#page div.results .result .details { display: inline-block; overflow: auto; padding: 0px; text-align: left; width: 75%; } 733#page div.results .result .amount { width: auto; float: right; text-align: right; } 734#page div.results .result .description { margin-bottom: 0; font-size: 13px;} 735body .mtrx_ecom_layout #page .btn-add-to-cart, body .mtrx_ecom_layout #page.content a.btn-main, body .mtrx_ecom_layout div.upsell-panel a.btn-main, body .mtrx_ecom_layout #page .btn-add { 736 display: inline-block; 737 cursor: pointer; 738 text-align:center; 739 margin: 0 inherit; 740 margin-bottom: 1em; 741 border: 0; 742 padding: 10px 25px; 743 border-radius: 5px; 744 text-decoration: none; 745 font-weight: 700; 746 transition: all 0.3s ease 0s; 747} 748@media only screen and (max-width: 768px) { 749#webcom_ecomm_category_title { display: block; position: relative; background: rgba(0,0,0,0.05); padding: 10px; cursor: pointer; } 750#webcom_ecomm_category_title::after { content: " \25BE"; } 751#webcom_ecomm_category_title.rsp_active::after { content: " \25B4"; } 752.mtrx_ecom_layout #cats { display: block; border: 1px solid rgba(0,0,0,0.05); padding: 10px; margin-top: -10px; } 753.mtrx_ecom_layout #cats { display: none; } 754#cats.rsp_active { display: block; } 755 .Header-EcommerceSearch div.phone { margin: 10px auto 0; float: none; } 756 .Header-EcommerceSearch form { margin: 10px auto 0 ; float: none; text-align: center; max-width: 350px; } 757 .Header-EcommerceSearch input[type='text'] { width: 70%;} 758 .Header-EcommerceSearch input[type='submit'] { width: 28%; } 759 .Header-EcommerceSearch h2, .Header-EcommerceSearch img, .Header-EcommerceSearch div { display: block; margin: 0 auto; } 760 .Header-EcommerceSearch h2 { margin-bottom: 0; } 761 .Header-EcommerceSearch div { float: none; width: 100%; } 762 .Header-EcommerceSearch span { text-align: center; margin: 0; line-height: auto; margin-bottom: 0.5em;} 763 .Header-EcommerceSearch span.phone { margin: 0 auto; float: none; } 764 .Header-EcommerceSearch span.phone img { display: inline-block; margin: 0; } 765.cart-gridview .row-item { position: relative; } 766.cart-gridview .cell-remove { position: absolute; top: 0; right: 20px;} 767.mtrx_ecom_layout table td, #cart-contents .cart-gridview .cell-product { display: block; width: auto;} 768#cart-links { margin: 0 auto 5px !important; } 769#search-box { display: none; } 770#search-box input { display: inline-block; } 771#search-box .search-field { width: 76% !important; height: 30px !important; padding: 0 !important; text-indent: 5px; } 772#search-box .btn-search { width: 22% !important; margin: 0 0 0 1%; height: 30px !important; padding: 0 !important;} 773.paging .page-mode { display: none; } 774.paging { font-size: 12px !important; } 775#page div.results-grid .result { width: 33%; max-width: 33%;} 776 .cart-gridview table { 777 width: 100%; 778 border-collapse: collapse; 779 } 780 /* Zebra striping */ 781 .cart-gridview tr:nth-of-type(odd) { 782 } 783 .cart-gridview th, .calculations-hack { 784 display: none !important; 785 } 786 .cart-gridview td, .cart-gridview th { 787 padding: 6px; 788 text-align: left; 789 } 790 .cart-gridview table, .cart-gridview thead, .cart-gridview tbody, .cart-gridview th, .cart-gridview td, .cart-gridview tr { 791 display: block; 792 } 793 .cart-gridview thead tr { 794 position: absolute; 795 top: -9999px; 796 left: -9999px; 797 } 798 .cart-gridview td { 799 border: none; 800 position: relative; 801 padding-left: 30% !important; 802 clear: both; 803 } 804 .cart-gridview td.cart-summary { padding-left: 0 !important;} 805 .cart-gridview td.cart-summary .coupons { width: 100%; margin: 0; } 806 .cart-gridview td.cart-summary label { font-size: 14px; padding: 10px 20px; line-height: 16px;} 807 .cart-gridview td.cart-summary label em { font-size: 10px; margin: 0; padding: 0;} 808 .cart-gridview td.cart-summary .coupons input.text { width: 80%; margin: 0 0 0 6px; padding: 0;} 809 .cart-gridview .cart-summary .calculations tr, .cart-gridview .cart-summary .calculations table td { border: 0;} 810 .cart-gridview td:before { 811 position: absolute; 812 top: 6px; 813 left: 6px; 814 padding-right: 10px; 815 white-space: nowrap; 816 } 817 .cart-gridview td.cell-quantity:before { content: "Quantity"; } 818 .cart-gridview td.cell-thumbnail:before { content: ""; } 819 .cart-gridview td.cell-product:before { content: "Product"; } 820 .cart-gridview td.cell-price:before { content: "Price"; } 821 .cart-gridview td.cell-total:before { content: "Total"; } 822 .cart-gridview .row-option { display: block; } 823 .cart-gridview tr.row-option { border-top: 0;} 824 .cart-gridview tr.row-option td:nth-of-type(1):before { content: "Options";} 825 .cart-gridview td.cart-summary:nth-of-type(1):before, .cart-gridview .cart-summary .calculations td:nth-of-type(1):before { content: ""; } 826 #cart-contents .cart-gridview .cart-summary .calculations { clear: both; width: 100%; float: none; } 827 #cart-contents .cart-gridview .calculations td { padding: 0 8px; } 828.option select { width: 100%;} 829div.wrapper-main #billing-address div.left { max-width: 100%; min-width: 200px; } 830div.wrapper-main #page-body div.secure-text { float: none; position: relative; } 831div.wrapper-main #page-body { padding: 0;} 832div.wrapper-main #billing-address input, div.wrapper-main #billing-address select, div.wrapper-main input.text, div.wrapper-main select, div.wrapper-main textarea { width: 100%; margin: 0;} 833div.wrapper-main #billing-address .checkbox input { float: left; width: auto;} 834div.wrapper-main #billing-address .checkbox { margin: 20px 0 0; } 835div.wrapper-main .summary .calculations, div.wrapper-main .final-summary .calculations { width: 30%; margin: 0; } 836div.wrapper-main .summary { width: 80%; float: none; } 837body .cart-gridview tr { border: none; } 838#cart-contents .cart-gridview .calculations td:first-child { width: 30%} 839#cart-contents .cart-gridview .calculations td { padding: 0 8px; width: auto; display: inline-block; text-align: right; } 840body #cart-contents .cart-gridview .cart-summary { margin-top: 20px; border-top: 2px solid #ccc; } 841#page.product-detail .quantity-discounts .netprice{ font-weight: bold; } 842.cart-gridview .row-option td.cell-product::before { content: ''; } 843.cart-gridview .cell-thumbnail { display: none; } 844#cart-contents .cart-gridview tr.row-item.alt { background: rgba(0,0,0,0.02); margin-top: 20px; } 845body div.wrapper-main form label { width: auto !important;} 846div#page.product-detail .gallery img { display: block; margin: 0 auto; } 847.paging .page-mode { display: inline-block; float: right; } 848.paging .page-mode label { display: none; } 849#ctl00_mainContent_productBrowser_pagerTop_ctl00_gridButton , a#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton { display: inline-block; position: relative; text-indent: -9999em; width: 26px;
849 height: 26px; cursor: pointer; } 850#ctl00_mainContent_productBrowser_pagerTop_ctl00_gridButton:before { display: block; content: ''; position: absolute; height: 12px; width: 12px; background: rgba(0,0,0,0.2); border-radius: 2px; box-shadow: 14px 0 0 rgba(0,0,0,0.2),14px 14px 0 rgba(0,0,0,0.2),0 14px 0 rgba(0,0,0,0.2) ;} 851.disabled#ctl00_mainContent_productBrowser_pagerTop_ctl00_gridButton:before { background: rgba(0,0,0,0.5);box-shadow: 14px 0 0 rgba(0,0,0,0.5),14px 14px 0 rgba(0,0,0,0.5),0 14px 0 rgba(0,0,0,0.5) ;} 852#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:before {display: block; content: ''; position: absolute; height: 6px; width: 6px; background: rgba(0,0,0,0.2); border-radius: 18px; box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)} 853#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:after {display: block; content: ''; position: absolute; top:0; left: 9px;height: 5px; width: 18px; background: rgba(0,0,0,0.2); box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)} 854.disabled#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:before {background: rgba(0,0,0,0.5); box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)} 855.disabled#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:after {background: rgba(0,0,0,0.5); box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)} 856#ctl00_mainContent_productBrowser_pagerBottom_ctl00_gridButton , a#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton { display: inline-block; position: relative; text-indent: -9999em; width: 26px; height: 26px; cursor: pointer; } 857#ctl00_mainContent_productBrowser_pagerBottom_ctl00_gridButton:before { display: block; content: ''; position: absolute; height: 12px; width: 12px; background: rgba(0,0,0,0.2); border-radius: 2px; box-shadow: 14px 0 0 rgba(0,0,0,0.2),14px 14px 0 rgba(0,0,0,0.2),0 14px 0 rgba(0,0,0,0.2) ;} 858.disabled#ctl00_mainContent_productBrowser_pagerBottom_ctl00_gridButton:before { background: rgba(0,0,0,0.5);box-shadow: 14px 0 0 rgba(0,0,0,0.5),14px 14px 0 rgba(0,0,0,0.5),0 14px 0 rgba(0,0,0,0.5) ;} 859#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:before {display: block; content: ''; position: absolute; height: 6px; width: 6px; background: rgba(0,0,0,0.2); border-radius: 18px; box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)} 860#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:after {display: block; content: ''; position: absolute; top:0; left: 9px;height: 5px; width: 18px; background: rgba(0,0,0,0.2); box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)} 861.disabled#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:before {background: rgba(0,0,0,0.5); box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)} 862.disabled#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:after {background: rgba(0,0,0,0.5); box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)} 863} 864@media only screen and (max-width: 568px) { 865#page div.results-grid .results-row { display: inline; } 866#page div.results-grid .result { display: inline-block; width: 46%; max-width: 46%; padding: 20px 0 0; margin: 0 0 0 2%; text-align: center; } 867#page div.results-grid .result .thumbnail { display: block; width: 100%; float: left; margin: 0 10px 0 0 !important; } 868#page div.results-grid .result .thumbnail img { display: block; margin: 0 auto;} 869#page div.results-grid .result h3 { margin: 0; text-align: center; } 870#page div.results-grid .result h3 a { text-decoration: none; } 871#page div.results-grid .result .amount { display: inline-block; text-align: center; margin: 0 auto; width: auto;} 872#page div.results-grid .result .description { display: none; } 873#page div.results-grid { width: 100%;} 874} 875@media only screen and (max-width: 468px) { 876#page-content #subheader h2 { text-align: center; } 877#page.product-detail .image { text-align: center; float: none; margin: 0 auto;} 878#page.product-detail div.gallery { float: none; } 879#page div.results-grid .results-row, 880#page div.results-grid { width: 100%;} 881} 882/* ---------------------------------- */ 883/* ---------------------------------- */ 884/*COUPONS*/ 885/* ---------------------------------- */ 886/* ---------------------------------- */ 887.coupon {margin-bottom: 1em} 888.rsp_coupon.section {padding: 100px 0} 889.section.section td.wsp_print_btn_left, .section.section td.wsp_print_btn_right{display: none !important;} 890.section div[align=center] div[style*="height: 27px"] { height: auto !important; } 891#table_border { width: 100% !important;} 892.wsp_print_btn_middle{ 893 background: none !important; 894 height: auto; 895 text-align:center; 896 vertical-align:middle; 897 white-space:nowrap; 898} 899.wsp_print_btn_text { 900 text-decoration: none; 901 color: inherit !important; 902 padding: 10px; 903 margin: 0; 904} 905.wsp_print_btn { 906 cursor: default; 907 font-family: inherit !important; 908 font-size: inherit; 909 font-size-adjust:none; 910 font-style:normal; 911 font-variant:normal; 912 font-weight:normal; 913 font-size-adjust:none; 914 line-height:normal; 915 white-space:nowrap; 916 margin: 0 auto; 917 width: auto !important; 918} 919.wsp_print_btn .wsp_print_btn_middle {height: auto } 920table.wsp_print_btn td { padding: 0;} 921@media only screen and (max-width: 768px) { 922 .coupon-clear { max-width: 100%; overflow-x: auto;} 923} 924/* ---------------------------------- */ 925/* ---------------------------------- */ 926/*MAPS*/ 927/* ---------------------------------- */ 928/* ---------------------------------- */ 929.map-address {display: none} 930.fullWidthColumnFull {position: relative} 931div[id^=webcom-component-map], .map-container, .map-source, #layout .inner-map-container, .inner-map-container iframe { 932 width: 100% !important; 933 min-height: 360px; 934} 935.fullwidthmap iframe{width: 100%}
936.inner-map-container p, .inner-map-container br {display:none !important} 937@media only screen and (max-width: 768px) { 938 .fullWidthColumnInfo {max-width: 100%; float: none} 939} 940/* ---------------------------------- */ 941/* ---------------------------------- */ 942/*PHOTO ALBUM*/ 943/* ---------------------------------- */ 944/* ---------------------------------- */ 945@media only screen and (max-width: 768px) { 946 div[id^="webcom-component-photoalbum"] {margin-bottom: 1em} 947} 948/* ---------------------------------- */ 949/* ---------------------------------- */ 950/*GALLERY*/ 951/* ---------------------------------- */ 952/* ---------------------------------- */ 953.rsp_gallery { position: relative; min-height: 150px; background: #000 ; } 954.rsp_gallery p { display: none; } 955.rsp_gallery .album-title { position: absolute; z-index: 10; width: 80%; height: 50%; margin: auto; top: 0; left: 0; bottom: 0; right: 0; text-align: center; font-size: 52px !important; color: #fff !important; text-shadow: 0 2px 4px rgba(0,0,0,0.5); line-height: 100% !important;} 956.rsp_gallery .galleria-container { height: auto !important; padding-bottom: 30% } 957.rsp_gallery .galleria-info-text, .rsp_gallery .galleria-container .galleria-info { display: none !important; } 958.rsp_gallery .galleria-container .galleria-info, .rsp_gallery .galleria-nav-bar { filter: none; background: none !important; }
959.rsp_gallery .galleria-nav-bar { left: 0 !important; width: 100%; } 960.rsp_gallery .galleria-container .galleria-nav-items { float: none; margin: 0 auto; display: table; } 961.rsp_gallery .galleria-container .galleria-nav-items .arrow { border-radius: 100%; margin: 0 10px; background-image: none; display: block !important; } 962.rsp_gallery .galleria-container .galleria-counter { display: none; } 963.rsp_gallery .galleria-container .galleria-nav-items .arrow[style="background-color: rgb(136, 136, 136);"] { background-color: rgba(0,0,0,0.6) !important; } 964.rsp_gallery .galleria-container .galleria-nav-items div { width: 15px; height: 15px; } 965.galleria-container { 966 width: 100% !important; 967} 968.galleria-container img { 969 width: 100% !important; 970 left: 0 !important; 971} 972.galleria-container .galleria-counter { 973 position: absolute !important; 974 right: 0px !important; 975 left: auto !important; 976 background-color: none !important; 977 z-index: 10; 978 opacity: 0.3 !important; 979} 980.galleria-container .galleria-nav-items .arrow { 981 display: none !important; 982} 983@media only screen and (max-width: 767px) { 984 .rsp_gallery .galleria-container { padding-bottom: 50% } 985 .rsp_gallery .album-title { font-size: 30px !important; } 986} 987/* ---------------------------------- */ 988/* ---------------------------------- */ 989/*RESPONSIVE DATA TABLES*/ 990/* ---------------------------------- */ 991/* ---------------------------------- */ 992.responsiveTable td { 993 -ms-word-break: break-all; 994 word-break: break-all; 995 word-break: break-word; 996 } 997@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) { 998 .responsiveTable .tableHeader {display: none} 999 .responsiveTable table, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr { display: block; } 1000 .responsiveTable td { 1001 position: relative; 1002 padding-left: 50% !important; 1003 } 1004 .responsiveTable td:before { 1005 position: absolute; 1006 left: 15px; 1007 width: 45%; 1008 padding-right: 10px; 1009 white-space: normal; 1010 } 1011} 1012/* ---------------------------------- */ 1013/* ---------------------------------- */ 1014/*IMAGE EFFECTS*/ 1015/* ---------------------------------- */ 1016/* ---------------------------------- */ 1017span.circle img, .circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;} 1018span.roundedcorners img, .roundedcorners { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; } 1019span[class*=stackedphoto] img, span[class*=hvr] img { margin: 0; } 1020span[class*=stackedphoto], span[class*=hvr] { margin-bottom: 20px; } 1021.circle-red-border-5px img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 5px solid #DB3744; } 1022.circle-blue-border-2px img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 2px solid #4C6CAE; } 1023.frame { display: inline-block; position: relative; border: 4px solid #fff; } 1024.frame:before { content: ''; position: absolute; top: -7px; left: -7px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #0d0d0d transparent transparent transparent; } 1025.frame:after { content: ''; position: absolute; bottom: -7px; right: -7px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #0d0d0d transparent transparent transparent; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } 1026.frame a, .frame img { margin: 0px ; } 1027.polaroid img { display: inline-block; border: 5px solid #fff; -webkit-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); -moz-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); -o-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); border-bottom: 30px solid #fff; } 1028.polaroid img, .polaroid a { margin: 0px; } 1029.taped-up { display: inline-block; position: relative; border: 4px solid #fff; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); -o-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); } 1030.taped-up:before { content: ''; position: absolute; background-color: rgba(255,255,255,0.6);
1030 height: 26px; left: 25%; top: -15px; width: 50%; -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-style: dotted; border-color: rgba(0,0,0,0.1); border-width: 0 2px;} 1031.taped-up:nth-of-type(odd):before { -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 1032.taped-up:nth-of-type(even):before { -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 1033.taped-up:first-child:before { -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 1034.taped-up:last-child:before { -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); } 1035.taped-up a, .taped-up img { margin: 0px ; } 1036.taped-up-skew a, .taped-up-skew img { margin: 0px ; } 1037.taped-up-skew { display: inline-block; position: relative; border: 4px solid #fff; box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); } 1038.taped-up-skew:before { content: ''; position: absolute; background-color: rgba(255,255,255,0.6); height: 26px; left: 25%; top: -15px; width: 50%; -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-style: dotted; border-color: rgba(0,0,0,0.1); border-width: 0 2px; } 1039span.hvr-outline-out:hover::before, span.hvr-outline-out:active::before, span.hvr-outline-out:focus::before { left: -6px; right: -6px; top: -6px; bottom: -6px; } 1040span.hvr-outline-out::before { 1041 border: 3px solid rgba(0,0,0,0.4); 1042 bottom: 0; 1043 content: ""; 1044 left: 0; 1045 position: absolute; 1046 right: 0; 1047 top: 0; 1048 transition-duration: 0.3s; 1049 transition-property: top, right, bottom, left; 1050} 1051span.hvr-outline-out { 1052 backface-visibility: hidden; 1053 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 1054 position: relative; 1055 -ms-transform: translateZ(0px); 1056 -webkit-transform: translateZ(0px); 1057 transform: translateZ(0px); 1058 display: inline-block; 1059} 1060span.hvr-float img:hover, span.hvr-float > img:active, span.hvr-float img:focus { -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } 1061span.hvr-float img { 1062 backface-visibility: hidden; 1063 position: relative; 1064 -ms-transform: translateZ(0px); 1065 -webkit-transform: translateZ(0px); 1066 transform: translateZ(0px); 1067 transition-duration: 0.3s; 1068 transition-property: transform; 1069} 1070span.hvr-float-shadow:hover::before, span.hvr-float-shadow:active::before, span.hvr-float-shadow:focus::before { opacity: 1; -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); } 1071span.hvr-float-shadow::before { 1072 background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0; 1073 content: ""; 1074 height: 10px; 1075 left: 5%; 1076 opacity: 0; 1077 pointer-events: none; 1078 position: absolute; 1079 top: 100%; 1080 transition-duration: 0.3s; 1081 transition-property: transform, opacity; 1082 width: 90%; 1083 z-index: -1; 1084} 1085span.hvr-float-shadow { 1086 backface-visibility: hidden; 1087 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 1088 position: relative; 1089 -ms-transform: translateZ(0px); 1090 -webkit-transform: translateZ(0px); 1091 transform: translateZ(0px); 1092 transition-duration: 0.3s; 1093 transition-property: transform; 1094} 1095span.hvr-grow img:hover, span.hvr-grow img:active, span.hvr-grow img:focus { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } 1096span.hvr-grow img { 1097 backface-visibility: hidden; 1098 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 1099 -ms-transform: translateZ(0px); 1100 -webkit-transform: translateZ(0px); 1101 transform: translateZ(0px); 1102 transition-duration: 0.3s; 1103 transition-property: transform; 1104} 1105span.hvr-grow-shadow img:hover, span.hvr-grow-shadow img:active, span.hvr-grow-shadow img:focus { box-shadow: 0 10px 10px -10px rgba(0,0,0,0.4); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } 1106span.hvr-grow-shadow img { 1107 backface-visibility: hidden; 1108 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 1109 -ms-transform: translateZ(0px); 1110 -webkit-transform: translateZ(0px); 1111 transform: translateZ(0px); 1112 transition-duration: 0.3s; 1113 transition-property: box-shadow, transform; 1114} 1115span[class*=stackedphoto] { 1116 -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1117 -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1118 box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1119 border: 6px solid #fff; 1120 position: relative; 1121 display: inline-block; 1122 box-sizing: border-box; 1123} 1124span.stackedphoto::before { 1125 content: ""; 1126 height: 100%; 1127 width: 100%; 1128 position: absolute; 1129 z-index: -1; 1130 top: 0px; 1131 left: -10px; 1132 background: #eff4de; 1133 border: 6px solid #fff; 1134 -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1135 -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1136 box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1137 -webkit-transform: rotate(-5deg); 1138 -moz-transform: rotate(-5deg); 1139 -o-transform: rotate(-5deg); 1140 -ms-transform: rotate(-5deg); 1141 transform: rotate(-5deg); 1142}
1143span.hvr-stackedphoto::before { 1144 content: ""; 1145 height: 100%; 1146 width: 100%; 1147 position: absolute; 1148 z-index: -1; 1149 top: 0px; 1150 left: -10px; 1151 background: #eff4de; 1152 border: 6px solid #fff; 1153 -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1154 -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1155 box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1156 -webkit-transform: rotate(-5deg); 1157 -moz-transform: rotate(-5deg); 1158 -o-transform: rotate(-5deg); 1159 -ms-transform: rotate(-5deg); 1160 transform: rotate(-5deg); 1161 transition-property: transform; 1162 transition-duration: .2s; 1163} 1164span.hvr-stackedphoto:hover::before { 1165 transform: rotate(0deg); 1166} 1167/* ---------------------------------- */ 1168/* ---------------------------------- */ 1169/* TEMPLATE SPECIFIC */ 1170/* ---------------------------------- */ 1171/* ---------------------------------- */ 1172/* ---------------------------------- */ 1173/* HEADER */ 1174/* ---------------------------------- */ 1175.header #companyname { } 1176 .header #companyname a { text-decoration: none;} 1177@media only screen and (max-width: 768px) { 1178 .header #companyname { 1179 padding: 0; 1180 text-align:center} 1181 .header #companyname {margin: 0 auto} 1182} 1183/*.box {background-color: transparent !important}*/ 1184</style> 1185<!--[if IE]> 1186<style>@media only screen and (max-width: 960px) { 1187 .section td, .section tr, .section tbody { 1188 display: block !important; 1189 width: 100% !important; 1190 float: left; 1191 clear: both; margin: 0 auto; text-align: center; 1192 } } 1193</style> 1194<![endif]-->
1195<script type="text/javascript"> 1196$( document ).ready(function() { 1197 /////////// 1198 // MAKE PHONE IN THE HEADER CLICK TO CALL 1199 /////////// 1200 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 1201 var ttdPhoneNumber = $('#CTCPhoneNumber').text(); 1202 ttdPhoneNumber = ttdPhoneNumber.replace(/\ /g, ''); 1203 ttdPhoneNumber = ttdPhoneNumber.replace(/\(/g, ''); 1204 ttdPhoneNumber = ttdPhoneNumber.replace(/\)/g, ''); 1205 ttdPhoneNumber = ttdPhoneNumber.replace(/\-/g, ''); 1206 $('#CTCPhoneNumber').wrapInner( '<a href="" style="text-decoration:none !important; color: inherit !important;"></a>' ); 1207 $('#CTCPhoneNumber').find('a').attr( 'href', 'tel:' + ttdPhoneNumber ); 1208 } 1209 /////////// 1210 // ECOMM CLEANUP 1211 /////////// 1212 if(window.location.href.indexOf("SecureCart") > -1) { 1213 $( ".mtrx_ecom_layout > table > tbody > tr:first-child , .mtrx_ecom_layout > table > tbody > tr:nth-child(2) > td:first-child" ).css( "display", "none" ); 1214 } 1215 $("#webcom_ecomm_category_title").click(function(e){ 1216 $('#webcom_ecomm_category_title').toggleClass('rsp_active'); 1217 $('#cats').toggleClass('rsp_active'); 1218 e.preventDefault(); 1219 }); 1220 /////////// 1221 // MOBILE VIEWPORT FIX 1222 /////////// 1223 $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1">'); 1224 /////////// 1225 // HIDE AUTO GENERATED <BR>'S WHEN ADDING NEW CONTENT BLOCK 1226 /////////// 1227 $('br[style="clear: both;"]').css( "display", "none" ); 1228 $('br[style="clear:both;"]').css( "display", "none" ); 1229 /////////// 1230 // STRIP HARDCODED IMAGE HEIGHTS AND WIDTHS 1231 /////////// 1232 $('img').each(function(){ 1233 $(this).removeAttr('width') 1234 $(this).removeAttr('height'); 1235 }); 1236 /////////// 1237 // DUPLICATE NAV TO USE FOR SLIDE OUT NAVIGATION 1238 /////////// 1239 $( "#navContainer" ).clone().attr('id', 'slide-navContainer').appendTo( "body" ); 1240 /////////// 1241 // REMOVE ANY <P> and <BR> TAGS AFTER THE MAP EMBED 1242 /////////// 1243 $('div[id*="webcom-component-map"]').parent().find('p').remove(); 1244 $('div[id*="webcom-component-map"]').parent().find('br').remove(); 1245 /////////// 1246 // RESPONSIVE EMBEDDED VIDEOS 1247 // fluidvids.js v2.4.1 | (c) 2014 @toddmotto | https://github.com/toddmotto/fluidvids 1248 /////////// 1249!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t:e.fluidvids=t()}(this,function(){"use strict";function e(e){return new RegExp("^(https?:)?//(?:"+d.players.join("|")+").*$","i").test(e)}function t(e,t){return parseInt(e,10)/parseInt(t,10)*100+"%"}function i(i){if((e(i.src)||e(i.data))&&!i.getAttribute("data-fluidvids")){var n=document.createElement("div");i.parentNode.insertBefore(n,i),i.className+=(i.className?" ":"")+"fluidvids-item",i.setAttribute("data-fluidvids","loaded"),n.className+="fluidvids",n.style.paddingTop=t(i.height,i.width),n.appendChild(i)}}function n(){var e=document.createElement("div");e.innerHTML="<p>x</p><style>"+o+"</style>",r.appendChild(e.childNodes[1])}var d={selector:["iframe","object"],players:["www.youtube.com","player.vimeo.com"]},o=[".fluidvids {","width: 100%; max-width: 100%; position: relative;","}",".fluidvids-item {","position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;","}"].join(""),r=document.head||document.getElementsByTagName("head")[0];return d.render=function(){for(var e=document.querySelectorAll(d.selector.join()),t=e.length;t--;)i(e[t])},d.init=function(e){for(var t in e)d[t]=e[t];d.render(),n()},d}); 1250 /////////// 1251 // FIX COUPON OVERFLOW 1252 /////////// 1253 $('.wsp_print_btn').parent().parent().addClass('coupon-clear'); 1254 /////////// 1255 // BACKGROUND-COVER IE6-8 SUPPORT 1256 // Library homepage: https://github.com/Metafalica/background-size-emu 1257 /////////// 1258 /////////// 1259 // RESPONSIVE DATA TABLES 1260 /////////// 1261 var sheet = (function() { 1262 // Create the <style> tag 1263 var style = document.createElement("style"); 1264 // Add a media (and/or media query) here if you'd like! 1265 // style.setAttribute("media", "screen") 1266 style.setAttribute("media", "only screen and (max-width : 768px)") 1267 // WebKit hack :( 1268 style.appendChild(document.createTextNode("")); 1269 // Add the <style> element to the page 1270 document.head.appendChild(style); 1271 return style.sheet; 1272 })(); 1273 $('.responsiveTable tr:first, .responsiveTable thead tr:first').addClass('tableHeader'); 1274 $('.responsiveTable tr:first td, .responsiveTable thead tr:first th').addClass('colHeader'); 1275 $('.responsiveTable').each( function(){ 1276 var i=0; 1277 var tableID = '#' + $(this).attr("id"); 1278 if (tableID == '#undefined'){ 1279 tableID = ''; 1280 } 1281 $(this).find("td").each( function(){ 1282 var heading = $(this).closest('table').find( ".tableHeader .colHeader" ).eq( i ).html(); 1283 if (heading == '' || heading == 'undefined' || !heading){ 1284 heading = $(this).closest('table').find( ".tableHeader .colHeader" ).eq( i ).html(); 1285 } 1286 i++; 1287 sheet.insertRule(tableID + '.responsiveTable td:nth-of-type(' + i + '):before {content: "' + heading + '"; font-weight:bold;}', 0); 1288 }); 1289 }); 1290}); 1291$(window).on("load resize",function(e){ 1292 /////////// 1293 // NAV SELECT DROPDOWN 1294 /////////// 1295 $('.primary-webcomMenu li').css("text-indent", "0");
1296 $("#navContainer #slideout-menu-toggle").remove(); 1297 var width = 0; 1298 var navwidth = $('#styleNav').width(); 1299 navwidth = navwidth-120; 1300 var toowide = 'no'; 1301 pagewidth = window.innerWidth; 1302 if (pagewidth <= 768){ 1303 toowide = 'yes'; 1304 $( "#navContainer ul:first > li" ).each(function(){ 1305 $(this).css("display", "none"); 1306 }); 1307 } else { 1308 $( "#navContainer ul:first > li" ).each(function() { 1309 width = width + $(this).outerWidth(true); 1310 if (width < navwidth){ 1311 toowide = 'no'; 1312 $(this).css("display", "block"); 1313 } 1314 if (width > navwidth){ 1315 toowide = 'yes'; 1316 $(this).css("display", "none"); 1317 } 1318 }); 1319 } 1320 if (toowide == 'yes') { 1321 $('#navContainer .primary-webcomMenu').append("<li id='slideout-menu-toggle' class='hamburger'><a href='#' id='nav-toggle' ><span></span><div></div></a></li>"); 1322 } 1323 /////////// 1324 // SLIDE OUT MENU TOGGLE 1325 /////////// 1326 $("#slideout-menu-toggle, .close").click(function(e){ 1327 var distance = $('#slide-navContainer').css('right'); 1328 if (distance == "auto" || distance == "0px") { 1329 $('#slide-navContainer').animate({"right":"-250px"}, "slow"); 1330 } else { 1331 $('#slide-navContainer').animate({"right":"0px"}, "slow"); 1332 } 1333 e.preventDefault(); 1334 }); 1335}); 1336</script>
1336 1337<style></style><link href="css/button.css" rel="stylesheet" type="text/css"><style id="_app_designed_custom_css" type="text/css">/*Button*/ 1338.button { 1339 background: #42A5F5; 1340 color: #ffffff; 1341} 1342.buttonInverted { } 1343/*Primary & Accent Colors Styles*/ 1344.primaryColor {} 1345.primaryColorbg {} 1346.accentColor {} 1347.accentColorbg{} 1348.sectionTitle {} 1349/*Layout Effects*/ 1350.circle { } 1351.roundedcorners { } 1352.fullWidth {} 1353.fullwidthStatic {} 1354.responsiveTable {} 1355.black-outline { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 2px rgba(255,255,255,0.5); } 1356.white-outline { text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 2px 2px 2px rgba(0,0,0,0.5); } 1357.grey-outline-15px { outline: 15px solid; outline-offset: -15px; outline-color: rgba(0, 0,0, 0.6); } 1358.circle-red-border-5px { } 1359.circle-blue-border-2px { } 1360.stackedphoto { } 1361.polaroid {} 1362.taped-up{} 1363.hvr-stackedphoto { } 1364.hvr-outline-out { } 1365.hvr-float { } 1366.hvr-float-shadow { } 1367.hvr-grow { } 1368.hvr-grow-shadow { } 1369body { 1370 line-height: auto; 1371 color: #FFFFFF; 1372} 1373</style> 1374<style id="_template_custom_css" type="text/css">.imgborder { 1375 border: 3px solid #FD5C2D; 1376 box-shadow: 0 0 10px rgba(0,0,0,0.8); 1377} 1378#bb { 1379 border: 3px solid #fff; 1380} 1381body { 1382 /*background-image: url(//http://12566503.sites.myregisteredsite.com/files/121762739.png);*/ 1383 background-attachment: fixed; 1384 background-size: cover; 1385 background-position: center center; 1386} 1387.slide-caption { 1388 display: none; 1389} 1390.phone { 1391 color: #011640; 1392} 1393.webcom-component-photoalbum-16387712243191282.gallery-image-caption { 1394 color: #FFFFFF; 1395 font-family: Arial, Helvetica, sans-serif; 1396 font-weight: normal; 1397 font-style: normal; 1398 font-size: 14px; 1399 line-height: 1.5; 1400 display: none; 1401} 1402/*PRIMARY COLOR*/ 1403.primaryColor, .companyname, h1, h3, a { 1404 color: #011640; 1405} 1406.primaryColorbg, .secondary-webcomMenu { 1407 background: #011640; 1408} 1409.primaryColorbg, #navContainer ul ul:before, .secondary-webcomMenu { 1410 border-color: #fd5c2d; 1411} 1412.hamburger div { 1413 color: #fd5c2d; 1414 border-color: #fd5c2d; 1415} 1416.hamburger span, .hamburger span:before, .hamburger span:after { 1417 background-color: #fd5c2d; 1418} 1419.secondary-webcomMenu li { 1420 border-bottom: 1px solid #fd5c2d; 1421} 1422/*PRIMARY COLOR TEXT*/ 1423.primaryColorbg, .primaryColorbg a, .primaryColorbg .hamburger div, .hamburger div, .secondary-webcomMenu { 1424 color: #ffffff; 1425} 1426.primaryColorbg .hamburger div, .hamburger div { 1427 border-color: #ffffff; 1428} 1429.primaryColorbg .hamburger span, .primaryColorbg .hamburger span:before, .primaryColorbg .hamburger span:after { 1430 background-color: #ffffff; 1431} 1432/*ACCENT COLOR*/ 1433.accentColorbg, .accentButton { 1434 background-color: #011640; 1435} 1436/*ACCENT COLOR TEXT*/ 1437.accentColor, h2, h4, h5, h6, .sectionTitle, .accentColorbg, .accentButton { 1438 color: #FD5C2D; 1439} 1440/*FOOTER*/ 1441#mtx_footer { 1442 background-color: #011640; 1443} 1444#footer span, #footer div, #footer p, .footercontent, #footer font, #footer a, #footer a:hover, #footer a:visited { 1445 color: #ffffff; 1446} 1447/*BUTTON*/ 1448.button, a.button, .button a, .wsp_print_btn_text, #layout input.form-element[type="submit"] { 1449 color: #ffffff; 1450 background: #fd5c2d; 1451 border-radius: 100px; 1452} 1453.button:hover, a.button:hover, .button a:hover, .wsp_print_btn_text:hover, #layout input.form-element[type="submit"]:hover { 1454 background: #ca4a24; 1455} 1456.buttonGhost, a.buttonGhost, .buttonGhost a { 1457 border-color: #fd5c2d; 1458 color: #fd5c2d; 1459} 1460.buttonGhost:hover, a.buttonGhost:hover,.buttonGhost a:hover { 1461 background: #fd5c2d; 1462 color: #ffffff; 1463} 1464.buttonInverted, a.buttonInverted,.buttonInverted a { 1465 color: #fd5c2d; 1466 background: #ffffff; 1467} 1468.buttonInverted:hover, a.buttonInverted:hover, .buttonInverted a:hover { 1469 color: #ca4a24; 1470 background: #ffffff; 1471} 1472.buttonGhost.buttonInverted, a.buttonInverted.buttonGhost, .buttonInverted.buttonGhost a { 1473 border-color: #ffffff; 1474 color: #ffffff; 1475} 1476.buttonGhost.buttonInverted:hover, a.buttonInverted.buttonGhost:hover, .buttonInverted.buttonGhost a:hover { 1477 color: #fd5c2d; 1478 background: #ffffff; 1479} 1480/*---------------------------------*/ 1481/*--- NAV ANIMATION X TO Y ---*/ 1482/*---------------------------------*/ 1483li.primary-webcomMenuItem > a { 1484 position: relative; 1485} 1486li.primary-webcomMenuItem > a:hover { 1487 text-decoration: none; 1488} 1489li.primary-webcomMenuItem > a:before, li.primary-webcomMenuItem > a:after { 1490 position: absolute; 1491 opacity: 0; 1492 width: 0%; 1493 height: 2px; 1494 content: ''; 1495 transition: all 0.3s; 1496 background: rgb(249, 214, 26); 1497} 1498li.primary-webcomMenuItem > a:before { 1499 left: 0px; 1500 top: 10px; 1501} 1502li.primary-webcomMenuItem > a:after { 1503 right: 0px; 1504 bottom: 10px; 1505} 1506li.primary-webcomMenuItem > a:hover:before, li.primary-webcomMenuItem > a:hover:after, li.selected.primary-webcomMenuItem > a:before, li.selected.primary-webcomMenuItem > a:after { 1507 opacity: 1; 1508 width: 100%; 1509} 1510li.selected.primary-webcomMenuItem > a:before, li.selected.primary-webcomMenuItem > a:after { 1511 background: rgb(249, 214, 26); 1512} 1513/*---------------------------------*/ 1514/*--- END NAV ANIMATION ---*/ 1515/*---------------------------------*/ 1516/*---------------------------------*/ 1517/*--- CENTERED NAV---*/ 1518/*---------------------------------*/ 1519.primary-webcomMenu-offset { 1520 display: table; 1521 margin: 0 auto; 1522} 1523@media only screen and (max-width:768px) { 1524 .primary-webcomMenu-offset { 1525 display: block; 1526 margin: 0; 1527 } 1528} 1529/*---------------------------------*/ 1530/*--- END CENTERED NAV ---*/ 1531/*---------------------------------*/ 1532.section ul, .section ol { 1533 margin: 0 0 14px; 1534} 1535/*---------------------------------*/ 1536/*--- STICKY NAV---*/ 1537/*---------------------------------*/ 1538.main-nav-scrolled { 1539 position: fixed; 1540 width: 100%; 1541 z-index: 2000; 1542 top: 0; 1543} 1544</style>
1545<script type="text/javascript"> 1546$( document ).ready(function() { 1547 hdr = $('.header').height(); 1548 $(window).scroll(function() { 1549 if( $(this).scrollTop() > hdr ) { 1550 $('#navContainer').addClass('main-nav-scrolled'); 1551 $('#layout').addClass('navSticked'); 1552} 1553else { 1554 $('#navContainer').removeClass('main-nav-scrolled'); 1555 $('#layout').removeClass('navSticked'); 1556}} 1557); 1558} 1559); 1560</script>
1560 1561<style> 1562/*---------------------------------*/ 1563/*--- END STICKY NAV ---*/ 1564/*---------------------------------*/ 1565@media only screen and (min-width: 768px) { 1566#navContainer, #nav, #styleNav { 1567 display: block; 1568} 1569} 1570p, body { 1571color: #282828; 1572font-size: 14pt; 1573} 1574img { 1575margin-bottom: 0px !important; 1576} 1577p:empty { 1578display: none; 1579} 1580.alt { 1581background-color: #011640; 1582/*previously #fd5c2d*/ 1583color: #fff; 1584} 1585.alt h1, .alt h2, .alt a, .alt p { 1586color: #fff; 1587} 1588.button, a.button, .button a, .wsp_print_btn_text, #layout input.form-element[type="submit"] { 1589background-color: #011640; 1590} 1591.nopadtop { 1592padding-top: 0px; 1593} 1594#border { 1595border: 3px solid #ffffff; 1596} 1597.alt #border { 1598border: 3px solid #011640; 1599} 1600@media only screen and (max-width: 767px) { 1601.phone { 1602float: none !important; 1603text-align: center !important; 1604margin-top: 15px !important; 1605} 1606.hpkv { 1607background-position: left !important; 1608} 1609} 1610</style>
1611<script>window['matrixMiscInfo'] = {}</script>
vendor: 1 bytes, line 1611
1611
1612<script> 1613window['matrixMiscInfo'].partnerId = 'wdc_difm'; 1614window['matrixMiscInfo'].isPublish = true 1615</script>
vendor: 1 bytes, line 1615
1615
1616<script language="JavaScript" type="text/javascript" src="scripts/browserBehavior.js"></script>
vendor: 1 bytes, line 1616
1616
1617<script language="JavaScript" type="text/javascript" src="scripts/utils.js"></script>
vendor: 1 bytes, line 1617
1617
1618<script language="JavaScript" type="text/javascript" src="javascript/com/web/useragent/shared.js"></script>
vendor: 1 bytes, line 1618
1618
1619<script language="JavaScript" type="text/javascript" src="scripts/navigation.js"></script>
1619 1620<link rel="StyleSheet" type="text/css" href="css/uaDefaultStylesReset.css">
1621<script language="JavaScript" type="text/javascript" src="scripts/popup.js"></script>
vendor: 1 bytes, line 1621
1621
1622<script language="JavaScript" type="text/javascript">var wsp_htmlref_blank='scripts/blank.html';</script>
1622 1623<style type="text/css" media="print"></style>
1623<script type="text/javascript" src="javascript/com/web/ResourceLoader.js"></script>
vendor: 1 bytes, line 1623
1623
1624<script type="text/javascript"> 1625WebCom.ResourceLoader.setShared(true); 1626WebCom.ResourceLoader.setSecure(false); 1627WebCom.ResourceLoader.loadLib('com.jquery', '', true); 1628WebCom.ResourceLoader.loadLib('com.web.components.navigation', '1.1', true); 1629WebCom.ResourceLoader.loadLib('com.web.core', '', true); 1630WebCom.ResourceLoader.loadLib('com.web.components.socialmediashare', '1.1', true); 1631WebCom.ResourceLoader.loadLib('com.web.components.footercontact', '1.0', true); 1632</script>
vendor: 1 bytes, line 1632
1632
1633<script type="text/javascript">WebCom.ResourceLoader.flushResourcesQueue();</script>
vendor: 1 bytes, line 1633
1633
1634<script type="text/javascript" language="JavaScript"> 1635<!-- 1636jQuery(document).ready(function() {WebCom.ResourceLoader.setDocumentClosed(true);WebCom.Components.Navigation.init({"styleNav":{"secondary":{"button":{"stretch":"vertical","width":"auto","bullet":"none"},"orientation":"vertical","delay":"fast","position":{"offsetH":0,"reference":"self","offsetV":0},"type":"flyout","decoration":{"stretch":"vertical"},"animation":{"effect":"none","speed":"default"},"direction":{"x":"right","y":"down"}},"primary":{"button":{"stretch":"horizontal","width":"auto","bullet":"none","height":72},"orientation":"horizontal","singleline":true,"width":960,"decoration":{"stretch":"horizontal"},"height":72,"animation":{"effect":"none","speed":"none"}}}});if (WebCom.Components.SocialMediaShare && typeof(WebCom.Components.SocialMediaShare.initInstances) == 'function') {WebCom.Components.SocialMediaShare.initInstances([{"miscData":{"renderMode":"Publish","q":"JhBFnjDhIwnYuDeRvByGafNnGZ3CbaAn+uZ51u/qi/GPZdWlM7ZFIedC+fdfyrwRH9CtG7AlSeTe\r\nfIkeENDoouoFLrLKrrDLb4f7Hzpen8VhqA8GYDmtQCDMnpOQpGxO0L9X0QXqn/EVkxWHKzdG/RTn\r\n6IQlFelFkUpHf0hQ2dm1sDpWGT2K2A=="},"componentData":{"shareStyle":"IconUnder_Medium"},"id":"webcom-component-socialmediashare-42098422474015609"}]);}}); 1637// --> 1638</script>
1638</head> 1639<body> 1640<div class="box designtest1brx"> 1641<div class="header clearfix"> 1642 <div id="companyname"><div><style><!-- 1643.Header-LogoLeft-PhoneRight .phone {float: right} 1644 .Header-LogoLeft-PhoneRight .phone td {vertical-align: center} 1645 .Header-LogoLeft-PhoneRight .phone img {display: block; margin: 0 5px 0 0} 1646 .Header-LogoLeft-PhoneRight .phone { 1647 display: inline-block; 1648 text-align: right; 1649 vertical-align: middle; 1650 width: auto; 1651 } 1652 @media only screen and (max-width: 768px) { 1653 .Header-LogoLeft-PhoneRight .phone { 1654 margin: 0 auto; 1655 float: none; 1656 display: inline-block; 1657 width: auto} 1658 .Header-LogoLeft-PhoneRight.Header-LogoLeft-PhoneRight .phone td{ 1659 display: inline-block; 1660 width: auto !important; 1661 } 1662 .Header-LogoLeft-PhoneRight.Header-LogoLeft-PhoneRight td{ 1663 text-align: center} 1664 } 1665--></style><table cellpadding="0" width="100%" cellspacing="0" class="fullwidth"> 1666<tbody> 1667<tr> 1668<td> 1669<div class="section rsp_header Header-LogoLeft-PhoneRight"> 1670<table cellpadding="0" width="100%" cellspacing="0"> 1671<tbody> 1672<tr> 1673<td><a href="/" target="_self"><img width="441" title="A2B Driving School, Logo" assetid="104767471" src="image/104767471.png" height="52" border="0" alt="A2B Driving School, Logo" selectedfileurl="files/104767471.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=A35A619E247DD50F5B8B14F98D120486?id=104767471&_dt=1487264455696"></a></td> 1674<td> 1675<div class="phone"> 1676<p></p> 1677<p></p> 1678<table cellpadding="0" cellspacing="0"> 1679<tbody> 1680<tr> 1681<td><img width="25" title="Phone Icon" assetid="121805011" src="image/121805011.png" height="23" border="0" alt="Phone Icon" selectedfileurl="files/121805011.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=E6D30EAA498DB2E2603911B8B446D0D8?id=121805011&_dt=1487376277753"></td> 1682<td> 1683<p><strong>(915) 751-8500</strong></p> 1684<p><strong>Calls forwarded after hours</strong></p> 1685</td> 1686</tr> 1687</tbody> 1688</table> 1689</div> 1690<div class="phone"></div> 1691<div class="phone">Lisa (Owner) - (915) 929-9882<br>8500 Dyer St. Suite 12, El Paso, TX 79904<br>Office hours Mon. - Thurs. 1:00 - 5:00 pm<br>Closed Friday</div> 1692<div class="phone"></div> 1693<div class="phone"></div> 1694<div class="phone"></div> 1695<div class="phone"></div> 1696<div class="phone"></div> 1697</td> 1698</tr> 1699</tbody> 1700</table> 1701</div> 1702</td> 1703</tr> 1704</tbody> 1705</table> 1706<p></p></div></div> 1707</div> 1708<div id="navContainer" class="primaryColorbg clearfix"> 1709<a href="#" class="close"><span></span></a> 1710 <div id="nav"> 1711 <div class="section"> 1712<!-- css nav --> 1713<div id="styleNav"><ul class="primary-webcomMenu"><li><a href="/">Home</a></li><li class="selected"><a href='/driving-tests'>Driving Tests</a></li><li><a href='/driving-classes-driver-improvement'>Classes</a></li><li><a href='/driving-school-driver-education-contact'>Contact</a></li></ul></div>
1713<script type="text/javascript" language="JavaScript"> 1714<!-- 1715document.getElementById('styleNav').style.visibility ='hidden'; 1716// --> 1717</script>
1717 1718<!-- css nav --> 1719 </div> 1720 </div> 1721</div> 1722 <div class="section-container clearfix"> 1723 <div id="layout"><!-- custom_1 --> 1724<table cellpadding="0" cellspacing="0" width="100%" border="0"> 1725 <tr> 1726 <td> 1727 <!-- ADD CUSTOM BLOCK --> 1728 <div align="center"> 1729<table border="0" cellpadding="0" cellspacing="0" width="100%"> 1730 <tr> 1731 <td align="center" valign="top"> 1732 <div align="left"><div><img width="2000" title="A2B Driving School" assetid="121767387" src="image/121767387.png" height="400" border="0" alt="A2B Driving School" selectedfileurl="files/121767387.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=A35A619E247DD50F5B8B14F98D120486?id=121767387&_dt=1487268615738"></div></div></td> 1733 </tr> 1734</table> 1735</div><br style="clear:both;"><div align="center"> 1736<table border="0" cellpadding="0" cellspacing="0" width="100%"> 1737 <tr> 1738 <td align="center" valign="top"> 1739 <div align="left"><table cellpadding="0" cellspacing="0" width="100%"> 1740<tbody> 1741<tr> 1742<td align="center"> 1743<table cellpadding="0" cellspacing="0" width="100%" style="background-color: rgba(255, 255, 255, 0);" class="rsp_kvOverlayBG"> 1744<tbody> 1745<tr align="center"> 1746<td width="100%"> 1747<div class="rsp_content section Content-1Column-Text"> 1748<div class="off-box" style="background-color: rgba(255, 255, 255, 0);"> 1749<h1 style="text-align: left;">We Are Now Authorized By DPS To Administer The Road Test</h1> 1750<h2 style="text-align: left;">Register In Person At 8500 Dyer St. Suite 12 During Open Hours With All Required Documents</h2> 1751<h2 style="text-align: left;"><br>We use our vehicles and can usually schedule you in the next few days.</h2> 1752<h2 style="text-align: left;"><span style="text-decoration: underline;"></span></h2> 1753<p><span style="text-decoration: underline;"></span></p> 1754<p style="text-align: left;"><strong><span style="text-decoration: underline;">TPST Requirements</span></strong></p> 1755<p style="text-align: left;"><br>*Proof of identity which must include one of the following:<br>1. A valid <span style="text-decoration: underline;">Texas</span> Driver’s License 2. A valid Texas driver license with a “B” restriction 3. The driver license temporary receipt with the photograph issued by DPS.</p> 1756<p style="text-align: left;"><strong><span style="text-decoration: underline;">Students Age 16-17</span></strong></p> 1757<p style="text-align: left;">*Original birth certificate and social security card<br>*Present a valid <span style="text-decoration: underline;">Texas</span> Class C Learner License with “B” restriction held at least 6 months<br>*Provide DE-964 or PTDE-964 certificate indicating Teen driver’s ed completion<br>*Provide unexpired Impact <span style="text-decoration: underline;">Texas</span> Teen Driver certificate (ITTD)<br>*Provide 30 hour driving log completed<br>*Current VOE from your school dated within 30 days of testing<br>*Parent must be present at your appointment</p> 1758<p style="text-align: left;"></p> 1759<p style="text-align: left;"><br><strong><span style="text-decoration: underline;">Adults Age 18-24</span></strong></p> 1760<p style="text-align: left;">*Original birth certificate and social security card<br>*Present a valid <span style="text-decoration: underline;">Texas</span> Learner License <br>*Provide unexpired Impact <span style="text-decoration: underline;">Texas</span> Driver certificate (ITTD/ITAD)<br>*18-24 year old must also provide proof of ADE-1317 certificate required after 6 hour course showing completion of the written tests</p> 1761<p style="text-align: left;"><br><strong><span style="text-decoration: underline;">Adults Age 25+</span></strong></p> 1762<p style="text-align: left;">*Original birth certificate and social security card<br>*<span style="text-decoration: underline;">Texas</span> Class C driver license with “B” restriction or temporary permit Class C with “B” restriction <br>*ITAD or ITTD completion certificate completed within 90 days before the skills test<br><br></p> 1763<p style="text-align: center;"><strong><span style="text-decoration: underline;">Cost - Initial Road Test</span></strong><br>($10 Off If Previous A2B Student)<br>Cash price - $80<br>We do no accept credit cards</p> 1764<p style="text-align: center;"><span style="text-decoration: underline;"><strong>Cost - 2nd and/or 3rd Attempt</strong></span><br>Cash Price - $25<br>We do not accept credit cards</p> 1765<p style="text-align: left;"><strong>Our dedicated team offers a wide range of knowledge, including practical skills and legal knowledge, to help you understand the rules and laws that regulate driving.</strong></p> 1766</div> 1767</div> 1768</td> 1769</tr> 1770</tbody> 1771</table> 1772</td> 1773</tr> 1774</tbody> 1775</table> 1776<p></p></div></td> 1777 </tr> 1778</table> 1779</div><br style="clear:both;"><div align="center"> 1780<table border="0" cellpadding="0" cellspacing="0" width="100%"> 1781 <tr> 1782 <td align="center" valign="top"> 1783 <div align="left"><table cellpadding="0" cellspacing="0" width="100%"> 1784<tbody> 1785<tr> 1786<td align="center"> 1787<table cellpadding="0" cellspacing="0" width="100%" style="background-color: rgba(255, 255, 255, 0);" class="rsp_kvOverlayBG"> 1788<tbody> 1789<tr align="center">
1790<td width="100%"> 1791<div class="rsp_content section Content-1Column-Text nopadtop"> 1792<div class="off-box" style="background-color: rgba(255, 255, 255, 0);"> 1793<p><div id="webcom-component-socialmediashare-42098422474015609"></div></p> 1794</div> 1795</div> 1796</td> 1797</tr> 1798</tbody> 1799</table> 1800</td> 1801</tr> 1802</tbody> 1803</table> 1804<p></p></div></td> 1805 </tr> 1806</table> 1807</div><br style="clear:both;"> 1808 </tr> 1809</table> 1810<!-- END-OF custom_1 --> 1811</div> 1812 </div> 1813 <div id="mtx_footer" class="clearfix"> 1814 <div id="footer"> 1815<!-- FOOTER BLOCK --> 1816<div align="center"> 1817<table border="0" cellpadding="0" cellspacing="0" width="100%"> 1818 <tr> 1819 <td align="left" valign="top"> 1820 <div id="footer_-58_8664714" itemscope class="footercontent" itemtype="https://schema.org/LocalBusiness"><div class="vcard"><p class="businessname fn org" itemprop="name"><b>A2B Driving School</b></p><!--Navigation Links--><ul class="mtx_footnav"><li><a href="/">Home</a><li><a href='/driving-tests'>Driving Tests</a><li><a href='/driving-classes-driver-improvement'>Classes</a><li><a href='/driving-school-driver-education-contact'>Contact</a></ul><!--Business Address--><ul class="adr" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"><li class="street-address" itemprop="streetAddress">8500 Dyer St. Suite 12</li><!--SA1--> 1821<!--SA2--> 1822<li class="locality" itemprop="addressLocality">El Paso</li> <li class="region" itemprop="addressRegion">TX</li> <li class="postal-code" itemprop="postalCode">79904</li></ul><!--Business Contact--><ul class="mtx_buscontact"><li><span class="type">Phone:</span> <span class="value"> (915) 751-8500</span></li></ul></div></div></td> 1823 </tr> 1824</table> 1825</div><!--WSP_COPYRIGHT--><div id="mtx_copyright" style="width:100%;text-align:center;font-size:11px;font-family:Arial">Copyright © <span id="copyrightyear">2013</span> <a href="http://www.web.com/">Web Design</a> by Web.com Group, Inc.</div>
1825<script type="text/javascript" src="javascript/copyright/webcom_copyright_kw.js"></script>
1825<!--/WSP_COPYRIGHT--> 1826<!-- END-OF FOOTER BLOCK --> 1827</div> 1828 <div class="clearfix"></div> 1829 </div> 1830 </div> 1831<!--WSP_SC-->
1832<script type="text/javascript"> 1833<!-- 1834document.write('<'+'img src="http://scorecard.wspisp.net/logger.php'+'?tag=dW5waWQ6MTI1NjY1MDM7d2RjX2RpZm0%3D&ref='+document.referrer+'&x='+Math.random()+'" '+'width="1" height="1" alt="" '+'>'); 1835//--> 1836</script>
1836 1837<noscript><img src="logger.php-tag-dW5waWQ6MTI1NjY1MDM7d2RjX2RpZm0-.jpg" width="1" height="1" alt=""></noscript> 1838<!--/WSP_SC-->
1839<script language="JavaScript" type="text/javascript">WebCom.ResourceLoader.flushResourcesQueue();</script>
1839<script language="JavaScript" type="text/javascript">WebCom.ComponentLoader.flushQueue();</script>
1839<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"01d3a7902237472ab680dc500b0e0a88","r":1,"spa":2}' crossorigin="anonymous"></script>
1839 1840</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.