.tabs_default .tabcontainer { border: 1px solid #dddddd; padding: 15px; clear: both; margin-bottom: 20px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .tabs_default .tab { list-style: none; padding: 0; } .tabs_default .tab li { display: inline; z-index: 0; } .tabs_default .tab li a { color: #e00014; float: left; display: block; padding: 10px 20px; position: relative; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; margin-left: -1px; left: 1px; background-color: #fafafa; text-decoration: none; border-top-left-radius: 3px; border-top-right-radius: 3px; outline: none; } .tabs_default .tab li a.tabselected { background-color: #dddddd; color: #e00014; border-top-color: #e00014; border-left-color: #e00014; border-right-color: #e00014; z-index: 1; } .tabs_default .tab li a:hover { color: #ff0000; border-top-color: #e00014; border-left-color: #e00014; border-right-color: #e00014; z-index: 2; } .tabs_default .tabareaclosed { display: none; } @media screen and (max-width: 1199px) { .tabcontainer { border-width: 1px 0 1px 0; } .tabcontainer { padding-left: 0 !important; padding-right: 0 !important; } .tabs_default .sqrmobileboxedimportant, .tabs_default .sqrallwaysboxed { padding-left: 15px !important; padding-right: 15px !important; } .tabs_default .tabcontainer { border-left: 0; border-right: 0; } } @media screen and (max-width: 575px) { .tabs_default .tab { margin-bottom: 0; } .tabs_default .tab li a { float: none; border-bottom: 1px solid #dddddd; margin-bottom: 5px; } } .tabs_default .sqrpanoramicbackground { padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px; }