.tsc_clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;} .tsc_clear { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;} /* PRICING TABLE STYLE */ div.tsc_pricingtable03 { margin-bottom:24px; width:100%; height:100%; font-weight:normal; color:#333; line-height:normal !important;} div.tsc_pricingtable03 a { color:#333; text-decoration:none; margin-left: 35px; } div.tsc_pricingtable03 ul { margin:0px; padding:0px !important; list-style-type:none !important;} div.tsc_pricingtable03 li { margin:0px; padding:0px !important; list-style-type:none !important;} div.tsc_pricingtable03 .align_center { text-align:center;} div.tsc_pricingtable03 .radius3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} div.tsc_pricingtable03 .radius5_topleft { border-radius:5px 0px 0px 0px; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px;} div.tsc_pricingtable03 .radius5_topright { border-radius:0px 5px 0px 0px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px;} .tsc_pricingtable03 .pricing_yes { background:url("/assets/img/check-grey.png") center top no-repeat; } .tsc_pricingtable03 .pricing_no { background:url("../img/no.png") center top no-repeat; } div.tsc_pricingtable03 h1, div.tsc_pricingtable03 h2, div.tsc_pricingtable03 h3 { margin:1px; padding:1px !important; font-weight:lighter !important; border:0 !important; line-height:normal !important;} div.tsc_pricingtable03 h1 { font-size:42px; /*color: #04306A !important;*/} div.tsc_pricingtable03 h1 /*span*/ { font-size:49px; line-height:49px;} div.tsc_pricingtable03 h2 { /*font-size:16px; position: inherit;*/ color:#FFF; font-size:16px;} /*div.tsc_pricingtable03 h3 { }*/ div.tsc_pricingtable03 .footer_row h2 {text-transform:uppercase; font-size:14px; margin-left:5px;} div.tsc_pricingtable03 div.caption_column li.header_row_0, div.tsc_pricingtable03 div.column_1 li.header_row_0, div.tsc_pricingtable03 div.column_2 li.header_row_0, div.tsc_pricingtable03 div.column_3 li.header_row_0, div.tsc_pricingtable03 div.column_4 li.header_row_0 { background-color:#999; height:25px; width:100%; padding:3px 0px 0px 0px !important;} div.tsc_pricingtable03 div.caption_column li.header_row_1, div.tsc_pricingtable03 div.column_1 li.header_row_1, div.tsc_pricingtable03 div.column_2 li.header_row_1, div.tsc_pricingtable03 div.column_3 li.header_row_1, div.tsc_pricingtable03 div.column_4 li.header_row_1 { height:48px; width:100%; padding:3px 0px 5px 0px !important;} div.tsc_pricingtable03 div.caption_column li.header_row_2, div.tsc_pricingtable03 div.column_1 li.header_row_2, div.tsc_pricingtable03 div.column_2 li.header_row_2, div.tsc_pricingtable03 div.column_3 li.header_row_2, div.tsc_pricingtable03 div.column_4 li.header_row_2 { height:115px; width:100%; padding:3px 0px 7px 0px !important;} div.tsc_pricingtable03 div.caption_column li.header_row_2 { height:87px; width:100%; padding:32px 0px 6px 10px !important;} div.tsc_pricingtable03 div.caption_column { width:360px; height:100%; float:left; font-size: 13px;} div.tsc_pricingtable03 div.column_1 { width:130px; height:100%; float:left; position:relative;} div.tsc_pricingtable03 div.column_2, div.tsc_pricingtable03 div.column_3, div.tsc_pricingtable03 div.column_4 { width:153px; height:100%; float:left; position:relative;} div.tsc_pricingtable03 div.column_1, div.tsc_pricingtable03 div.column_2, div.tsc_pricingtable03 div.column_3, div.tsc_pricingtable03 div.column_4 { /* transitions */ -webkit-transition:box-shadow 0.1s ease; -moz-transition:box-shadow 0.1s ease; -o-transition:box-shadow 0.1s ease; -ms-transition:box-shadow 0.1s ease; transition:box-shadow 0.1s ease;} div.tsc_pricingtable03 div.column_1:hover, div.tsc_pricingtable03 div.column_2:hover, div.tsc_pricingtable03 div.column_3:hover, div.tsc_pricingtable03 div.column_4:hover,/**/ div.tsc_pricingtable03 div.column_1.hovered, div.tsc_pricingtable03 div.column_2.hovered, div.tsc_pricingtable03 div.column_3.hovered, div.tsc_pricingtable03 div.column_4.hovered { position:relative; z-index:100; left:-5px; top:-15px; /* shadow */ box-shadow:5px 0px 30px rgba(0, 0, 0, 0.5); -webkit-box-shadow:5px 0px 30px rgba(0, 0, 0, 0.5); -moz-box-shadow:5px 0px 30px rgba(0, 0, 0, 0.5);} div.tsc_pricingtable03 div.column_1:hover li.row_style_1, div.tsc_pricingtable03 div.column_2:hover li.row_style_1, div.tsc_pricingtable03 div.column_3:hover li.row_style_1, div.tsc_pricingtable03 div.column_4:hover li.row_style_1, div.tsc_pricingtable03 div.column_1:hover li.row_style_2, div.tsc_pricingtable03 div.column_2:hover li.row_style_2, div.tsc_pricingtable03 div.column_3:hover li.row_style_2, div.tsc_pricingtable03 div.column_4:hover li.row_style_2, div.tsc_pricingtable03 div.column_1:hover li.row_style_3, div.tsc_pricingtable03 div.column_2:hover li.row_style_3, div.tsc_pricingtable03 div.column_3:hover li.row_style_3, div.tsc_pricingtable03 div.column_4:hover li.row_style_3, div.tsc_pricingtable03 div.column_1:hover li.row_style_4, div.tsc_pricingtable03 div.column_2:hover li.row_style_4, div.tsc_pricingtable03 div.column_3:hover li.row_style_4, div.tsc_pricingtable03 div.column_4:hover li.row_style_4,/**/ div.tsc_pricingtable03 div.column_1.hovered li.row_style_1, div.tsc_pricingtable03 div.column_2.hovered li.row_style_1, div.tsc_pricingtable03 div.column_3.hovered li.row_style_1, div.tsc_pricingtable03 div.column_4.hovered li.row_style_1, div.tsc_pricingtable03 div.column_1.hovered li.row_style_2, div.tsc_pricingtable03 div.column_2.hovered li.row_style_2, div.tsc_pricingtable03 div.column_3.hovered li.row_style_2, div.tsc_pricingtable03 div.column_4.hovered li.row_style_2, div.tsc_pricingtable03 div.column_1.hovered li.row_style_3, div.tsc_pricingtable03 div.column_2.hovered li.row_style_3, div.tsc_pricingtable03 div.column_3.hovered li.row_style_3, div.tsc_pricingtable03 div.column_4.hovered li.row_style_3, div.tsc_pricingtable03 div.column_1.hovered li.row_style_4, div.tsc_pricingtable03 div.column_2.hovered li.row_style_4, div.tsc_pricingtable03 div.column_3.hovered li.row_style_4, div.tsc_pricingtable03 div.column_4.hovered li.row_style_4 { /*min-height:28px; padding-top:12px !important;*/ padding-left:5px !important; padding-right:5px !important;} div.tsc_pricingtable03 div.column_1:hover li.header_row_0, div.tsc_pricingtable03 div.column_2:hover li.header_row_0, div.tsc_pricingtable03 div.column_3:hover li.header_row_0, div.tsc_pricingtable03 div.column_4:hover li.header_row_0, div.tsc_pricingtable03 div.column_1:hover li.header_row_1, div.tsc_pricingtable03 div.column_2:hover li.header_row_1, div.tsc_pricingtable03 div.column_3:hover li.header_row_1, div.tsc_pricingtable03 div.column_4:hover li.header_row_1,/**/ div.tsc_pricingtable03 div.column_1.hovered li.header_row_0, div.tsc_pricingtable03 div.column_2.hovered li.header_row_0, div.tsc_pricingtable03 div.column_3.hovered li.header_row_0, div.tsc_pricingtable03 div.column_4.hovered li.header_row_0, div.tsc_pricingtable03 div.column_1.hovered li.header_row_1, div.tsc_pricingtable03 div.column_2.hovered li.header_row_1, div.tsc_pricingtable03 div.column_3.hovered li.header_row_1, div.tsc_pricingtable03 div.column_4.hovered li.header_row_1 { padding-left:5px !important; padding-right:5px !important; /*border-radius:5px 5px 0px 0px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;*/} div.tsc_pricingtable03 div.column_1:hover li.header_row_2, div.tsc_pricingtable03 div.column_2:hover li.header_row_2, div.tsc_pricingtable03 div.column_3:hover li.header_row_2, div.tsc_pricingtable03 div.column_4:hover li.header_row_2,/**/ div.tsc_pricingtable03 div.column_1.hovered li.header_row_2, div.tsc_pricingtable03 div.column_2.hovered li.header_row_2, div.tsc_pricingtable03 div.column_3.hovered li.header_row_2, div.tsc_pricingtable03 div.column_4.hovered li.header_row_2 { padding-left:5px !important; padding-right:5px !important; padding-bottom:22px !important;} div.tsc_pricingtable03 div.column_1:hover li.footer_row, div.tsc_pricingtable03 div.column_2:hover li.footer_row, div.tsc_pricingtable03 div.column_3:hover li.footer_row, div.tsc_pricingtable03 div.column_4:hover li.footer_row,/**/ div.tsc_pricingtable03 div.column_1.hovered li.footer_row, div.tsc_pricingtable03 div.column_2.hovered li.footer_row, div.tsc_pricingtable03 div.column_3.hovered li.footer_row, div.tsc_pricingtable03 div.column_4.hovered li.footer_row { padding-left:5px !important; padding-right:5px !important; /*padding-bottom:21px !important;*/} div.tsc_pricingtable03 li.row_style_1, div.tsc_pricingtable03 li.row_style_2, div.tsc_pricingtable03 li.row_style_3, div.tsc_pricingtable03 li.row_style_4 { width:100%; height:100%; min-height:26px; padding-top:9px !important; float:left;} div.tsc_pricingtable03 li.row_style_1 span, div.tsc_pricingtable03 li.row_style_2 span, div.tsc_pricingtable03 li.row_style_3 span, div.tsc_pricingtable03 li.row_style_4 span { padding-left:10px !important; padding-right:10px !important;} div.tsc_pricingtable03 li.row_style_1, div.tsc_pricingtable03 li.row_style_2 { background-color:#EAEAEA;} div.tsc_pricingtable03 li.row_style_3, div.tsc_pricingtable03 li.row_style_4 { background-color:#ffffff;} div.tsc_pricingtable03 li.footer_row { width:100%; height:25px; float:left; border-bottom:1px solid #ccc; background-color:#999999; } div.tsc_pt3_style1 h1.col1, div.tsc_pt3_style1 h1.col2, div.tsc_pt3_style1 h1.col3, div.tsc_pt3_style1 h1.col4 { color: #ffffff; } /*div.tsc_pt3_style1 h1 span { color: #ffffff; }*/ div.tsc_pt3_style1 h2.col1, div.tsc_pt3_style1 h2.col2, div.tsc_pt3_style1 h2.col3, div.tsc_pt3_style1 h2.col4, div.tsc_pt3_style1 h2.col1 a, div.tsc_pt3_style1 h2.col2 a, div.tsc_pt3_style1 h2.col3 a, div.tsc_pt3_style1 h2.col4 a { color: #333 !important; } div.tsc_pt3_style1 h2.col1, div.tsc_pt3_style1 li.header_row_1 h2.col4 {padding: 12px 0 0 0 !important;} div.tsc_pt3_style1 h2.col1.orig, div.tsc_pt3_style1 h2.col2.orig, div.tsc_pt3_style1 h2.col3.orig, div.tsc_pt3_style1 h2.col4.orig, div.tsc_pt3_style1 h2.col1.orig a, div.tsc_pt3_style1 h2.col2.orig a, div.tsc_pt3_style1 h2.col3.orig a, div.tsc_pt3_style1 h2.col4.orig a { color: #999 !important; font-size:27px; line-height:20px !important;} div.tsc_pt3_style1 h2 a { color: #ffffff; margin-left:0px; } div.tsc_pt3_style1 h2.caption { color: #999999; } div.tsc_pt3_style1 h2.caption span { color: #999999; } div.tsc_pt3_style1 h3.col1, div.tsc_pt3_style1 h3.col2, div.tsc_pt3_style1 h3.col3, div.tsc_pt3_style1 h3.col4 { font-size:12px; color: #0079F2; margin-top: -10px; margin-bottom: 20px; } div.tsc_pt3_style1 div.caption_column li.header_row_1 { border-top: 0; border-bottom: 1px solid #ffffff; /*background-color: #ffffff;*/ } div.tsc_pt3_style1 div.caption_column li.header_row_2 { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; /*background-color: #ffffff;*/} div.tsc_pt3_style1 div.column_1 li.header_row_1, div.tsc_pt3_style1 div.column_2 li.header_row_1, div.tsc_pt3_style1 div.column_3 li.header_row_1, div.tsc_pt3_style1 div.column_4 li.header_row_1 { border-top: 0; background-color: #FFF; border-left: 1px solid #EAEAEA;} div.tsc_pt3_style1 div.column_1:hover li.header_row_1, div.tsc_pt3_style1 div.column_2:hover li.header_row_1, div.tsc_pt3_style1 div.column_3:hover li.header_row_1, div.tsc_pt3_style1 div.column_4:hover li.header_row_1, div.tsc_pt3_style1 div.column_1.hovered li.header_row_1, div.tsc_pt3_style1 div.column_2.hovered li.header_row_1, div.tsc_pt3_style1 div.column_3.hovered li.header_row_1, div.tsc_pt3_style1 div.column_4.hovered li.header_row_1 {border-left:0;} div.tsc_pt3_style1 div.column_1 li.header_row_1 div, div.tsc_pt3_style1 div.column_2 li.header_row_1 div, div.tsc_pt3_style1 div.column_3 li.header_row_1 div, div.tsc_pt3_style1 div.column_4 li.header_row_1 div {border-bottom:1px solid #EAEAEA; width:90%; display:block; margin: 0 auto; height:100%;} div.tsc_pt3_style1 div.column_1 li.header_row_2, div.tsc_pt3_style1 div.column_2 li.header_row_2, div.tsc_pt3_style1 div.column_3 li.header_row_2, div.tsc_pt3_style1 div.column_4 li.header_row_2 { border-top: none; /*border-bottom: 1px solid #EAEAEA;*/ background-color: #FFF; border-left: 1px solid #EAEAEA; height: 183px; } div.tsc_pt3_style1 div.column_1:hover li.header_row_2, div.tsc_pt3_style1 div.column_2:hover li.header_row_2, div.tsc_pt3_style1 div.column_3:hover li.header_row_2, div.tsc_pt3_style1 div.column_4:hover li.header_row_2, div.tsc_pt3_style1 div.column_1.hovered li.header_row_2, div.tsc_pt3_style1 div.column_2.hovered li.header_row_2, div.tsc_pt3_style1 div.column_3.hovered li.header_row_2, div.tsc_pt3_style1 div.column_4.hovered li.header_row_2 {border-left:0;} div.tsc_pt3_style1 div.column_1 li.header_row_2 h1 {color:#04306A;} div.tsc_pt3_style1 div.column_2 li.header_row_2 h1 {color:#05458F;} div.tsc_pt3_style1 div.column_3 li.header_row_2 h1 {color:#055AB5;} div.tsc_pt3_style1 div.column_4 li.header_row_2 h1 {color:#0079F2;} /* --------------------------------------------------------------- ------------------------- Additional ----------------------------- ----------------------------------------------------------------*/ #mobileContentOnly {display:none;} #mobileContentOnly .package {border: 1px solid #ccc; margin-right: 0px !important; margin-bottom:10px; padding-bottom: 15px;} #mobileContentOnly .package div {margin: 5px;} #mobileContentOnly .package h2 {text-align: center; width: 95%; margin: 0 auto 10px; border-bottom: 1px solid #CCC; padding: 10px 0;} #mobileContentOnly .package.popular h2 {margin: 0 auto 5px;} #mobileContentOnly .package h5 {text-align:center; margin-bottom:5px;} #mobileContentOnly .package .price {text-align: center; padding: 5px 0; background: #0683FF; color: #FFF; font-size: 20px; line-height: 25px;} #mobileContentOnly .package .signup {text-align:center; padding-top:10px;} #page #mobileContentOnly .tbusVA .tagLine span {display:none;} #page #mobileContentOnly .tbusVA .tagLine span.wrapUusual {display:block;} #page.region #mobileContentOnly .tbusVA .tagLine span.wrapUusual {display:none;} #page.sanfran #mobileContentOnly .tbusVA .tagLine span.wrapSanfran, #page.seattle #mobileContentOnly .tbusVA .tagLine span.wrapSeattle, #page.houston #mobileContentOnly .tbusVA .tagLine span.wrapHouston, #page.chicago #mobileContentOnly .tbusVA .tagLine span.wrapChicago {display:block;} #page #mobileContentOnly .tbusLogo, #page #mobileContentOnly .vaLogo {display:block;} #page.seattle #mobileContentOnly .tbusLogo, #page.sanfran #mobileContentOnly .tbusLogo {display:none;} #page.chicago #mobileContentOnly .vaLogo, #page.houston #mobileContentOnly .vaLogo {display:none;} #page #mobileContentOnly .regionSpecific span {display:none;} #page #mobileContentOnly .regionSpecific span.usual {display:block;} #page.region #mobileContentOnly .regionSpecific span.usual {display:none;} #page.sanfran #mobileContentOnly .regionSpecific span#sanfranUnSalt, #page.houston #mobileContentOnly .regionSpecific span#houstonUnSalt, #page.seattle #mobileContentOnly .regionSpecific span#seattleUnSalt, #page.seattle #mobileContentOnly .regionSpecific span#seattleUnFresh, #page.chicago #mobileContentOnly .regionSpecific span#chicagoUnFresh {display:block;} div.tsc_pricingtable03 a.popup { margin-left: 0; } div.tsc_pricingtable03 img { margin-left:5px !important; } a.popup img { vertical-align: text-top; } /* Pricing Chart CSS: */ .attr-col { margin: 110px 0 0; float: left; width: 350px; } .attr-col ul { background: #f4f4f4; font-weight: bold; font-size: 12px; border: 1px solid #d6d6d6; border-width: 1px 0px 1px 1px; /*-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;*/ } .attr-col ul li { text-align: right; padding: 0 10px; border-bottom: 1px solid #d6d6d6; line-height: 45px; display: block; } .heading {color: #990000; font-size: 18px;} .attr-col ul li.last { border-bottom: none; } .pt-table { padding-left: 200px; display: block; position: relative; } .pt-body { padding: 10px 0 0; } .pt-rows li { display: block; overflow: hidden;background: #fff; border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 1px solid #d9d9d9; } .pt-rows li span { width: 24%; text-align: center; float: left; border-right: 1px solid #d9d9d9; display: block; line-height: 45px; height: 45px; } .pt-rows li.title { background: #666; font-size: 14px; color: #fff; font-weight: bold; /*-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius:*/ 5px; border-bottom: 2px solid #555; border-width: 0 0 2px; /*border-top-right-radius: 5px;*/ } .pt-rows li.title span { line-height: 14px; height: 40px; border: none; padding: 10px 1px 0; text-shadow: 2px 2px #444; } .pt-rows li.fees { border-bottom: 1px solid #ccc; } .pt-rows li.fees span { line-height: 48px; height: 48px; background: #f7f7f7; font-size: 24px; font-weight: 700; font-family: Georgia, Arial, sans-serif; color: #990000; text-shadow: 2px 2px #fff; } .pt-rows li span.pt-yes { background: url(//www.boatus.com/towing/assets/img/yes-no.gif) no-repeat center 12px; } .pt-rows li span.pt-no { background: url(//www.boatus.com/towing/assets/img/yes-no.gif) no-repeat center -38px; } .pt-rows li.fin { border-bottom: 2px solid #d9d9d9; /*-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;*/ height: 85px; } .pt-rows li span.pt-3x { width: 72%; float: left; text-align: center; border: none; } .pt-special { width: 23%; position: absolute; right: 0; top: 0; } .pt-special .pt-rows { /*border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ border: 1px solid #a2b7ca; background: #f4faff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding-bottom: 10px; } .pt-special .pt-rows li { border-width: 0 0 1px; background: transparent; } .pt-special .pt-rows li.title { height: 58px; margin: 1px; background: #d0ebfe; color: #2a719d; font-size: 24px; line-height: 65px; text-align: center; border-bottom: 1px solid #bfd4e6; border-width: 0 0 1px; text-shadow: 2px 2px #e6f5ff; } .pt-special .pt-rows li.fees { border-bottom: 1px solid #bcd8ec; } .pt-special .pt-rows li.fees span { background: #ecf6fe; } .pt-special .pt-rows li.fin { border: none; text-align: center; } .pt-special .pt-rows li span { border: none; width: 100%; } .pt-special .pt-rows li.fin .big-button { background: #3a8bd0; top: 22px; } .pt-special .pt-rows li.fin .big-button:hover { background: #50a6ef; } /* Simple Button CSS: */ .big-button { font-size: 24px; line-height: 50px; font-weight: 700; color: #fff; padding: 10px 20px; background: #990000; text-shadow: 2px 2px rgba(0, 0, 0, 0.3); /*border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ border: 1px solid #407718; text-decoration: none; position: relative; top: 18px; } .big-button:hover { color: #fff; -moz-box-shadow: 0 0 20px #fffc00; -webkit-box-shadow: 0 0 20px #fffc00; box-shadow: 0 0 20px #fffc00; background: #6fbb2f; } .big-button:active { position: relative; top: 1px; } div.tsc_pricingtable03 div.column_1:hover li.footer_row.actualFooter, div.tsc_pricingtable03 div.column_2:hover li.footer_row.actualFooter, div.tsc_pricingtable03 div.column_3:hover li.footer_row.actualFooter, div.tsc_pricingtable03 div.column_4:hover li.footer_row.actualFooter,/**/ div.tsc_pricingtable03 div.column_1.hovered li.footer_row.actualFooter, div.tsc_pricingtable03 div.column_2.hovered li.footer_row.actualFooter, div.tsc_pricingtable03 div.column_3.hovered li.footer_row.actualFooter, div.tsc_pricingtable03 div.column_4.hovered li.footer_row.actualFooter { /* so the bottom two rows aren't out of line padding-bottom:6px !important;*/ } div.tsc_pricingtable03 div.caption_column li.header_row_1 {height:241px; background-color:#FFF; border-bottom:none !important;} div.tsc_pricingtable03 a {margin-left:0px;} .lighter {font-weight:lighter;} .image { position:relative; width:100%; /* for IE 6 */ } /*h2 { position: absolute; top:190px; left: 0; width: 100%; } h2 span { color: white; font-weight:normal !important; font-family: Arial,Helvetica,sans-serif; font-size: 16px; letter-spacing: -1px; color:rgb (53, 70, 77); /* fallback color background-color: rgba(53, 70, 77, 0.8); padding:5px 5px 5px 10px; -moz-border-radius: 2px 2px 2px 2px;-webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; float:right; margin-right:-15px; }*/ /*What is this for?!*/ span.move { margin-left:15px; } a.line { border-bottom:0 none !important; text-decoration:none !important; } a.line:hover { border-bottom:0 none !important; text-decoration:none; color:#990000 !important; } .image .boxshadow { -moz-box-shadow: 3px 3px 3px #cccccc; -webkit-box-shadow: 3px 3px 3px #cccccc; box-shadow: 3px 3px 3px #cccccc; } #wrapper { width: 440px; /*height:43px;*/ overflow: hidden; /* will contain if #first is longer than #second */ background-color: rgba(53, 70, 77, 0.8); margin-top:-8px; color: white; float: right; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal !important; letter-spacing: 0px; margin-right: 3px; padding: 5px 10px; } #first { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); float: left; width: 290px; line-height: 140%; padding-left: 10px 10px 10px 10px; } #second { overflow: hidden; padding-left: 20px; padding-top: 5px; } #joinbutton { background: url('//www.boatus.com/towing/assets/img/joinboatustowing.jpg'); height:39px; width:248px; display:block; margin-left:280px; margin-top:50px; text-decoration: none; } #joinbutton:hover { background: url('//www.boatus.com/towing/assets/img/joinboatustowing_hover.jpg'); } /*hero bg image*/ @media only screen and (min-width:761px) { /* Desktop Only */ #page #towingHeader {width:949px; margin:0 auto; padding-right: 5px;} #page #towingHeader .heroImage {background-image:url(//www.boatus.com/towing/assets/img/pricing-tbus-hero.jpg); height: 250px; position: relative;} /*default*/ #page.sanfran #towingHeader .heroImage, #page.seattle #towingHeader .heroImage {background-image:url(../img/va-header-services.jpg);} #page.houston #towingHeader .heroImage, #page.chicago #towingHeader .heroImage, #page.newjersey #towingHeader .heroImage, #page.newyork #towingHeader .heroImage, #page.gulf #towingHeader .heroImage {background-image:url(//www.boatus.com/towing/assets/img/pricing-tbus-hero.jpg) no-repeat;} } /*hero caption text*/ /*#page #towingHeader .heroCaption {background: url(assets/img/80white.png) repeat; background: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; padding: 10px 40px; width: 720px;}*/ #page #towingHeader .heroCaption { position: absolute; bottom: 0; padding: 10px 40px; width: 720px; background-image: url(//www.boatus.com/towing/assets/img/80white.png); background-repeat: repeat; } #page #towingHeader .heroCaption { background:rgb(255,255,255); background: transparent\9; background:rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff); zoom: 1; } #page #towingHeader .heroCaption .left {width: 500px; font-size: 15px; line-height: inherit; color: #1b3f7d; font-weight:bold;} #page #towingHeader .heroCaption .left span {display:none;} #page #towingHeader .heroCaption .left span.wrapUusual {display:block;} #page.sanfran #towingHeader .heroCaption .left span.wrapUusual, #page.seattle #towingHeader .heroCaption .left span.wrapUusual, #page.houston #towingHeader .heroCaption .left span.wrapUusual, #page.chicago #towingHeader .heroCaption .left span.wrapUusual {display:none;} #page.sanfran #towingHeader .heroCaption .left span.wrapSanfran, #page.seattle #towingHeader .heroCaption .left span.wrapSeattle, #page.houston #towingHeader .heroCaption .left span.wrapHouston, #page.chicago #towingHeader .heroCaption .left span.wrapChicago {display:block;} #page #towingHeader .heroCaption .left span.notUsual {display:none;} #page.region #towingHeader .heroCaption .left span.notUsual {display:block;} #page #pricingTable .tbusLogo, #page #pricingTable .vaLogo {display:block;} #page #pricingTable .tbusLogo img {margin:25px 0 15px 0;} #page.seattle #pricingTable .tbusLogo, #page.sanfran #pricingTable .tbusLogo {display:none;} #page.chicago #pricingTable .vaLogo, #page.houston #pricingTable .vaLogo {display:none;} #page.seattle #pricingTable .vaLogo img, #page.sanfran #pricingTable .vaLogo img, #page.chicago #pricingTable .tbusLogo img, #page.houston #pricingTable .tbusLogo img {margin: 50px 0 15px 0;} /*pricing "Best For.." */ #page #pricingTable .regionSpecific {height:35px;} #page.chicago #pricingTable .regionSpecific {height:16px;} #page #pricingTable .regionSpecific span {display:none;} #page #pricingTable .regionSpecific span.usual {display:block;} #page.sanfran #pricingTable .regionSpecific span.usual, #page.houston #pricingTable .regionSpecific span.usual, #page.seattle #pricingTable .regionSpecific span.usual, #page.chicago #pricingTable .regionSpecific span.usual {display:none;} #page.sanfran #pricingTable .regionSpecific span#sanfranUnSalt, #page.houston #pricingTable .regionSpecific span#houstonUnSalt, #page.seattle #pricingTable .regionSpecific span#seattleUnSalt, #page.seattle #pricingTable .regionSpecific span#seattleUnFresh, #page.chicago #pricingTable .regionSpecific span#chicagoUnFresh {display:block;} /* Popular Background */ div.tsc_pt3_style1 div.column_1.popular li.header_row_0, div.tsc_pt3_style1 div.column_2.popular li.header_row_0, div.tsc_pt3_style1 div.column_3.popular li.header_row_0, div.tsc_pt3_style1 div.column_4.popular li.header_row_0 {background:#055AB5;} div.tsc_pt3_style1 div.column_1.popular li.header_row_1, div.tsc_pt3_style1 div.column_2.popular li.header_row_1, div.tsc_pt3_style1 div.column_3.popular li.header_row_1, div.tsc_pt3_style1 div.column_4.popular li.header_row_1,/**/ div.tsc_pt3_style1 div.column_1.popular li.header_row_2, div.tsc_pt3_style1 div.column_2.popular li.header_row_2, div.tsc_pt3_style1 div.column_3.popular li.header_row_2, div.tsc_pt3_style1 div.column_4.popular li.header_row_2 {background:#D6E9FE;} div.tsc_pricingtable03 .popular img {margin-left: 0px !important;} div.tsc_pt3_style1 div.column_1.popular:hover img, div.tsc_pt3_style1 div.column_2.popular:hover img, div.tsc_pt3_style1 div.column_3.popular:hover img, div.tsc_pt3_style1 div.column_4.popular:hover img,/**/ div.tsc_pt3_style1 div.column_1.popular.hovered img, div.tsc_pt3_style1 div.column_2.popular.hovered img, div.tsc_pt3_style1 div.column_3.popular.hovered img, div.tsc_pt3_style1 div.column_4.popular.hovered img {margin-left: -5px !important;} div.arrowDown {width: 0; height: 0; border-left: 74px solid transparent; border-right: 74px solid transparent; border-top: 30px solid #D6E9FE; position: absolute;} div.tsc_pt3_style1 div.column_1.popular:hover .arrowDown, div.tsc_pt3_style1 div.column_2.popular:hover .arrowDown, div.tsc_pt3_style1 div.column_3.popular:hover .arrowDown, div.tsc_pt3_style1 div.column_4.popular:hover .arrowDown,/**/ div.tsc_pt3_style1 div.column_1.popular.hovered .arrowDown, div.tsc_pt3_style1 div.column_2.popular.hovered .arrowDown, div.tsc_pt3_style1 div.column_3.popular.hovered .arrowDown, div.tsc_pt3_style1 div.column_4.popular.hovered .arrowDown {margin-left:-5px; border-left: 79px solid transparent; border-right: 79px solid transparent;} .arrowDown {display:none;} .popular .arrowDown {display:block;} .mostPop h5, .bestValue h5 {text-transform:uppercase; color:#FFF; font-weight: lighter; font-size: 14px; padding-top: 3px;} div.tsc_pricingtable03 div.column_4 li.header_row_0.bestValue {background-color:#066EDA;} div.mostPop {display:none;} .popular .mostPop {display:block;} /* in-page styles */ .lightBlue {color: #0079F2 !important;} .testimonial {display:none;} /*#mobileContentOnly {display:none;}*/ #mobileContentOnly .package {border: 1px solid #ccc; margin-right: 0px !important; margin-bottom:10px; padding-bottom: 15px;} #mobileContentOnly .package div {margin: 5px;} #mobileContentOnly .package h2 {text-align: center; width: 95%; margin: 0 auto 10px; border-bottom: 1px solid #CCC; padding: 10px 0;} #mobileContentOnly .package.popular h2 {margin: 0 auto 5px;} #mobileContentOnly .package h5 {text-align:center; margin-bottom:5px;} #mobileContentOnly .package .price {text-align: center; padding: 5px 0; background: #0683FF; color: #FFF; font-size: 20px; line-height: 25px;} #mobileContentOnly .package .signup {text-align:center; padding-top:10px;} #page #mobileContentOnly .tbusVA .tagLine {padding-top:1em;} #page #mobileContentOnly .tbusVA .tagLine span {display:none;} #page #mobileContentOnly .tbusVA .tagLine span.wrapUusual {display:block;} #page.region #mobileContentOnly .tbusVA .tagLine span.wrapUusual {display:none;} #page.sanfran #mobileContentOnly .tbusVA .tagLine span.wrapSanfran, #page.seattle #mobileContentOnly .tbusVA .tagLine span.wrapSeattle, #page.houston #mobileContentOnly .tbusVA .tagLine span.wrapHouston, #page.chicago #mobileContentOnly .tbusVA .tagLine span.wrapChicago, #page.jersey #mobileContentOnly .tbusVA .tagLine span.wrapNewJersey, #page.newyork #mobileContentOnly .tbusVA .tagLine span.wrapNewYork, #page.gulf #mobileContentOnly .tbusVA .tagLine span.wrapGulf {display:block;} #page #mobileContentOnly .tbusLogo, #page #mobileContentOnly .vaLogo {display:block;} #page.seattle #mobileContentOnly .tbusLogo, #page.sanfran #mobileContentOnly .tbusLogo {display:none;} #page.chicago #mobileContentOnly .vaLogo, #page.houston #mobileContentOnly .vaLogo, #page.jersey #mobileContentOnly .vaLogo, #page.newyork #mobileContentOnly .vaLogo, #page.gulf #mobileContentOnly .vaLogo {display:none;} #page #mobileContentOnly .regionSpecific span {display:none;} #page #mobileContentOnly .regionSpecific span.usual {display:block;} #page.region #mobileContentOnly .regionSpecific span.usual {display:none;} #page.sanfran #mobileContentOnly .regionSpecific span#sanfranUnSalt, #page.houston #mobileContentOnly .regionSpecific span#houstonUnSalt, #page.seattle #mobileContentOnly .regionSpecific span#seattleUnSalt, #page.seattle #mobileContentOnly .regionSpecific span#seattleUnFresh, #page.chicago #mobileContentOnly .regionSpecific span#chicagoUnFresh, #page.jersey #mobileContentOnly .regionSpecific span#newjerseyUnSalt, #page.newyork #mobileContentOnly .regionSpecific span#newyorkUnSalt, #page.gulf #mobileContentOnly .regionSpecific span#gulfUnSalt {display:block;} #page #pricingTable .heroCaption div {display:none; color: #666666; padding: 5px 10px; font-size: 16px; /*margin-top: 40px;*/ line-height: 20px; text-align:left;} #page #pricingTable .heroCaption div.wrapUusual {display:block;} #page.sanfran #pricingTable .heroCaption div.wrapUusual, #page.seattle #pricingTable .heroCaption div.wrapUusual, #page.houston #pricingTable .heroCaption div.wrapUusual, #page.chicago #pricingTable .heroCaption div.wrapUusual, #page.jersey #pricingTable .heroCaption div.wrapUusual, #page.newyork #pricingTable .heroCaption div.wrapUusual, #page.gulf #pricingTable .heroCaption div.wrapUusual {display:none;} #page.sanfran #pricingTable .heroCaption div.wrapSanfran, #page.seattle #pricingTable .heroCaption div.wrapSeattle, #page.houston #pricingTable .heroCaption div.wrapHouston, #page.chicago #pricingTable .heroCaption div.wrapChicago, #page.jersey #pricingTable .heroCaption div.wrapNewJersey, #page.newyork #pricingTable .heroCaption div.wrapNewYork, #page.gulf #pricingTable .heroCaption div.wrapGulf {display:block;} #page #pricingTable .heroCaption div.notUsual {display:none;} #page.region #pricingTable .heroCaption div.notUsual {display:block;} #page #pricingTable .heroCaption div h2 {font-size:40px; line-height:46px;} #page #pricingTable .tbusLogo, #page #pricingTable .vaLogo {display:block;} #page #pricingTable .tbusLogo img {margin:25px 0 15px 0;} #page.seattle #pricingTable .tbusLogo, #page.sanfran #pricingTable .tbusLogo {display:none;} #page.chicago #pricingTable .vaLogo, #page.houston #pricingTable .vaLogo, #page.jersey #pricingTable .vaLogo, #page.newyork #pricingTable .vaLogo, #page.gulf #pricingTable .vaLogo {display:none;} #page.seattle #pricingTable .vaLogo img, #page.sanfran #pricingTable .vaLogo img, #page.chicago #pricingTable .tbusLogo img, #page.houston #pricingTable .tbusLogo img, #page.jersey #pricingTable .tbusLogo img {margin: 50px 0 15px 0;} /*pricing "Best For.." */ #page #pricingTable .regionSpecific span {display:none;} #page #pricingTable .regionSpecific span.usual {display:block;} #page.sanfran #pricingTable .regionSpecific span.usual, #page.houston #pricingTable .regionSpecific span.usual, #page.seattle #pricingTable .regionSpecific span.usual, #page.chicago #pricingTable .regionSpecific span.usual, #page.jersey #pricingTable .regionSpecific span.usual, #page.newyork #pricingTable .regionSpecific span.usual, #page.gulf #pricingTable .regionSpecific span.usual {display:none;} #page.sanfran #pricingTable .regionSpecific span#sanfranUnSalt, #page.houston #pricingTable .regionSpecific span#houstonUnSalt, #page.seattle #pricingTable .regionSpecific span#seattleUnSalt, #page.seattle #pricingTable .regionSpecific span#seattleUnFresh, #page.chicago #pricingTable .regionSpecific span#chicagoUnFresh, #page.jersey #pricingTable .regionSpecific span#newjerseyUnSalt, #page.newyork #pricingTable .regionSpecific span#newyorkUnSalt, #page.gulf #pricingTable .regionSpecific span#gulfUnSalt {display:block;} @media only screen and (min-width:761px) { /* Desktop Only */ #content {margin-top: 0px;} } @media only screen and (max-width: 760px) { /* Mobile Only */ }