.revs,.tabs-box,ul.tabs li { position: relative; } #wrap,#wrapper,caption,td,th { text-align: left; } #footer,body,td { text-align: center; } #hours,#map { margin-bottom: 20px; } #footer a,body { color: #000; } #footer a,a:hover { text-decoration: none; } #footer,.clear { clear: both; } a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,tfoot,thead,tt,ul,var { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body,caption,h3,td,th { font-weight: 400; } :focus { outline: 0; } body { line-height: 1; background: #939393; margin-top: 0!important; padding-top: 0!important; font-size: 15px; font-family: Arial,Helvetica,sans-serif; } #contactBox .heading,.benf,.skinBg { background-repeat: no-repeat; } blockquote::after,blockquote::before,q::after,q::before { content: ""; } a { text-decoration: underline; } h3 { font-size: 19px; padding: 10px 0; } #wrap,#wrapper { margin: 0 auto; padding: 0; width: 1000px; background-color: #fff; } #content { margin: 35px 20px 5px; } .left { float: left; } .right { float: right; margin-left: 20px; } #content #main { width: 650px; margin-bottom: 15px; } #content #page { width: 100%; margin: 15px 0; padding: 40px 50px; } #content .mainimage { padding: 0 20px 15px 0; float: left; } #content h1,#content h2 { padding-bottom: 20px; line-height: 1.3; } #content h1 { font-size: 24px; color: #19417C; } #content h2 { font-size: 20px; } #content p,#content ul { padding-bottom: 15px; line-height: 1.3em; } #content #side { width: 265px; line-height: 1.3em; margin-bottom: 15px; } #contactBox { background-color: #d2edf9; font-size: 14px; width: 260px; margin-bottom: 15px; color: #3e4552; border-bottom: 4px solid #6fc5e8; } #contactBox .heading { font-size: 16px; font-weight: 700; background-image: url(contactheader.jpg); height: 30px; } #contactBox .heading p { padding: 6px 0 0 10px; } #contactBox .address,#contactBox .coupon,#contactBox .email,#contactBox .facebook,#contactBox .fax,#contactBox .phone,#contactBox .play,#contactBox .twitter,#contactBox .web { background-repeat: no-repeat; height: 40px; background-position: 10px 50%; } #contactBox .address p,#contactBox .coupon p,#contactBox .email p,#contactBox .facebook p,#contactBox .fax p,#contactBox .phone p,#contactBox .play p,#contactBox .twitter p,#contactBox .web p { padding: 14px 5px 0 55px; } #contactBox .phone { background-image: url(phoneicon.jpg); } #contactBox .address { background-image: url(addressicon.jpg); } #map img { margin: 10px 0; } #hours { line-height: 20px; } #hours strong { line-height: 26px; } #payment img { margin: 10px 5px 10px 0; } #footer { font-size: 10px; line-height: 1.5em; background-color: #e6e6e6; padding: 5px; } .tname,ul.tabs li { font-size: 16px; } strong { font-weight: 500; } ul { margin-left: 30px; } li { padding-left: 5px; } .benf { background-image: url(mg.webp); background-size: cover; height: 40px; margin-bottom: 10px; width:100%; } .skinBg { background-position: left center; } .video {margin: 0 20px 5px 0; height: 70%; } ul.tabs,ul.tabs li { height: 42px; float: left; } .tabs-box,ul.tabs { padding: 0; margin: 0; width: 100%; } * { box-sizing: border-box; } .tabs-box { display: inline-block;padding-top: 40px;} ul.tabs { list-style: none; border-bottom: 1px solid #00655c; } ul.tabs li { margin: 0; cursor: pointer; padding: 0 21px; line-height: 42px; border-top: 1px solid #00655c; border-left: 1px solid #00655c; border-right: 1px solid #00b7a6; background-color: #009688; color: #ddd; overflow: hidden; } .tab_last { border-right: 1px solid #00655c; } ul.tabs li:hover { background-color: #26A69A; color: #fefefe; } ul.tabs li.active { background-color: #fff; color: #333; border-top: 2px solid green; display: block; } .tab_accordion,.tab_content { display: none; } .tab_container { border: 1px solid #00655c; border-top: none; clear: both; float: left; width: 100%; background: #fff; overflow: auto; } .tab_content { padding: 20px; } .tab_content img { display: block; max-width: 100%; } .wiki { width: 100%; margin-bottom: 10px; } .tab_content img.img-left { width: 25%; float: left; margin: 5px 10px 10px 0; } .tab_content img.img-right { width: 25%; float: right; margin: 5px 0 15px 15px; } .revs { padding-bottom: 56.25%; padding-top: 25px; height: 0; } .resp-tab tr {flex-direction: row; flex-wrap: wrap; margin-bottom: 10px;} .resp-tab tr span{ vertical-align: middle;} .resp-tab td { margin: 0 -1px -1px 0; position: relative; width: 50%; } .resp-tab { border-radius: 5px; font-weight: normal; border: none; border-collapse: collapse; width: 100%; max-width: 100%; background-color: white; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2 );} .resp-tab td, .resp-tab th { text-align: center; font-size: 14px; border: none;padding: 6px;} .resp-tab td { border-right: 1px solid #E6E4E4; } .resp-tab th { color: #ffffff; background: #2d6b9f; } .resp-tab th:nth-child(odd) { background: #337AB7; } .resp-tab tr:nth-child(even) { background: #F8F8F8; } @media screen and (max-width:480px) {.resp-tab td { width: 25%; }.tabs { display: none; } .tab_accordion { position: relative; background-color: #26A69A; font-weight: 400; font-size: 16px; color: #ddd; border-top: 1px solid #ccc; margin: 0; padding: 14px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tab_accordion:hover { background-color: #009688; } .tab_accordion:before { content: ''; height: 8px; width: 8px; display: block; border: 2px solid #fefefe; border-right-width: 0; border-top-width: 0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 20px; top: 18px; } .d_active { background-color: #008477; color: #fff; } .d_active.tab_accordion:before { border: 2px solid #fefefe; border-left-width: 0; border-bottom-width: 0; top: 18px; } } @media screen and (max-width:700px) { #wrapper { max-width: 100%; } #header img { width: 100%; height: auto; float: left; } img { max-width: 100%;height: auto; } #content { margin: 0; width: 100%; } }