meta.foundation-mq-small {
font-family: "only screen and (min-width: 768px)";
width: 768px; }
meta.foundation-mq-medium {
font-family: "only screen and (min-width:1280px)";
width: 1280px; }
meta.foundation-mq-large {
font-family: "only screen and (min-width:1440px)";
width: 1440px; }
html,
body {
font-size: 100%; }
.left {
float: left !important; }
.right {
float: right !important; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
.text-justify {
text-align: justify !important; }
.hide {
display: none; }
.antialiased {
-webkit-font-smoothing: antialiased; }
#osbov img {
display: inline-block;
vertical-align: middle; }
#osbov #os textarea {
height: auto;
min-height: 50px; }
#osbov #os select {
width: 100%; }
/* Grid HTML Classes */
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5em;
*zoom: 1; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.row.collapse > .column,
.row.collapse > .columns {
position: relative;
padding-left: 0;
padding-right: 0;
float: left; }
.row.collapse .row {
margin-left: 0;
margin-right: 0; }
.row .row {
width: auto;
margin-left: -0.9375em;
margin-right: -0.9375em;
margin-top: 0;
margin-bottom: 0;
max-width: none;
*zoom: 1; }
.row .row:before, .row .row:after {
content: " ";
display: table; }
.row .row:after {
clear: both; }
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
*zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table; }
.row .row.collapse:after {
clear: both; }
.column,
.columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
width: 100%;
float: left; }
@media only screen {
.column,
.columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left; }
.small-1 {
position: relative;
width: 8.33333%; }
.small-2 {
position: relative;
width: 16.66667%; }
.small-3 {
position: relative;
width: 25%; }
.small-4 {
position: relative;
width: 33.33333%; }
.small-5 {
position: relative;
width: 41.66667%; }
.small-6 {
position: relative;
width: 50%; }
.small-7 {
position: relative;
width: 58.33333%; }
.small-8 {
position: relative;
width: 66.66667%; }
.small-9 {
position: relative;
width: 75%; }
.small-10 {
position: relative;
width: 83.33333%; }
.small-11 {
position: relative;
width: 91.66667%; }
.small-12 {
position: relative;
width: 100%; }
[class*="column"] + [class*="column"]:last-child {
float: right; }
[class*="column"] + [class*="column"].end {
float: left; }
.column.small-centered,
.columns.small-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
.large-1 {
position: relative;
width: 8.33333%; }
.large-2 {
position: relative;
width: 16.66667%; }
.large-3 {
position: relative;
width: 25%; }
.large-4 {
position: relative;
width: 33.33333%; }
.large-5 {
position: relative;
width: 41.66667%; }
.large-6 {
position: relative;
width: 50%; }
.large-7 {
position: relative;
width: 58.33333%; }
.large-8 {
position: relative;
width: 66.66667%; }
.large-9 {
position: relative;
width: 75%; }
.large-10 {
position: relative;
width: 83.33333%; }
.large-11 {
position: relative;
width: 91.66667%; }
.large-12 {
position: relative;
width: 100%; }
.column.large-centered,
.columns.large-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important; }
.column.large-uncentered,
.columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important; }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right !important; } }
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
display: inherit !important; }
.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
display: none !important; }
.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
display: inherit !important; }
.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
display: table; }
thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
display: table-header-group !important; }
tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
display: table-row-group !important; }
tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
display: table-row !important; }
td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
display: table-cell !important; }
/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 768px) {
.show-for-medium,
.show-for-medium-up {
display: inherit !important; }
.show-for-small {
display: none !important; }
.hide-for-small {
display: inherit !important; }
.hide-for-medium,
.hide-for-medium-up {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
display: table; }
thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
display: table-header-group !important; }
tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
display: table-row-group !important; }
tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
display: table-row !important; }
td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
th.show-for-medium,
th.show-for-medium-up,
th.hide-for-small {
display: table-cell !important; } }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1280px) {
.show-for-large,
.show-for-large-up {
display: inherit !important; }
.show-for-medium,
.show-for-medium-down {
display: none !important; }
.hide-for-medium,
.hide-for-medium-down {
display: inherit !important; }
.hide-for-large,
.hide-for-large-up {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
display: table; }
thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
display: table-header-group !important; }
tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
display: table-row-group !important; }
tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
display: table-row !important; }
td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
th.show-for-large,
th.show-for-large-up,
th.hide-for-medium,
th.hide-for-medium-down {
display: table-cell !important; } }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1440px) {
.show-for-xlarge {
display: inherit !important; }
.show-for-large,
.show-for-large-down {
display: none !important; }
.hide-for-large,
.hide-for-large-down {
display: inherit !important; }
.hide-for-xlarge {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
display: table; }
thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
display: table-header-group !important; }
tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
display: table-row-group !important; }
tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
display: table-row !important; }
td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
th.show-for-xlarge,
th.hide-for-large,
th.hide-for-large-down {
display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
display: table; }
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important; }
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important; }
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important; }
td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important; }
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-landscape, table.hide-for-portrait {
display: table; }
thead.show-for-landscape, thead.hide-for-portrait {
display: table-header-group !important; }
tbody.show-for-landscape, tbody.hide-for-portrait {
display: table-row-group !important; }
tr.show-for-landscape, tr.hide-for-portrait {
display: table-row !important; }
td.show-for-landscape, td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important; } }
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important; }
.hide-for-portrait,
.show-for-landscape {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-portrait, table.hide-for-landscape {
display: table; }
thead.show-for-portrait, thead.hide-for-landscape {
display: table-header-group !important; }
tbody.show-for-portrait, tbody.hide-for-landscape {
display: table-row-group !important; }
tr.show-for-portrait, tr.hide-for-landscape {
display: table-row !important; }
td.show-for-portrait, td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
display: none !important; }
.hide-for-touch {
display: inherit !important; }
.touch .show-for-touch {
display: inherit !important; }
.touch .hide-for-touch {
display: none !important; }
/* Specific visilbity for tables */
table.hide-for-touch {
display: table; }
.touch table.show-for-touch {
display: table; }
thead.hide-for-touch {
display: table-header-group !important; }
.touch thead.show-for-touch {
display: table-header-group !important; }
tbody.hide-for-touch {
display: table-row-group !important; }
.touch tbody.show-for-touch {
display: table-row-group !important; }
tr.hide-for-touch {
display: table-row !important; }
.touch tr.show-for-touch {
display: table-row !important; }
td.hide-for-touch {
display: table-cell !important; }
.touch td.show-for-touch {
display: table-cell !important; }
th.hide-for-touch {
display: table-cell !important; }
.touch th.show-for-touch {
display: table-cell !important; }
/* Foundation Block Grids for below small breakpoint */
@media only screen {
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -0.625em;
*zoom: 1; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table; }
[class*="block-grid-"]:after {
clear: both; }
[class*="block-grid-"] > li {
display: inline;
height: auto;
float: left;
padding: 0 0.625em 1.25em; }
.small-block-grid-1 > li {
width: 100%;
padding: 0 0.625em 1.25em; }
.small-block-grid-1 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.small-block-grid-2 > li {
width: 50%;
padding: 0 0.625em 1.25em; }
.small-block-grid-2 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.small-block-grid-3 > li {
width: 33.33333%;
padding: 0 0.625em 1.25em; }
.small-block-grid-3 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.small-block-grid-4 > li {
width: 25%;
padding: 0 0.625em 1.25em; }
.small-block-grid-4 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.small-block-grid-5 > li {
width: 20%;
padding: 0 0.625em 1.25em; }
.small-block-grid-5 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.small-block-grid-6 > li {
width: 16.66667%;
padding: 0 0.625em 1.25em; }
.small-block-grid-6 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.small-block-grid-7 > li {
width: 14.28571%;
padding: 0 0.625em 1.25em; }
.small-block-grid-7 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.small-block-grid-8 > li {
width: 12.5%;
padding: 0 0.625em 1.25em; }
.small-block-grid-8 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.small-block-grid-9 > li {
width: 11.11111%;
padding: 0 0.625em 1.25em; }
.small-block-grid-9 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.small-block-grid-10 > li {
width: 10%;
padding: 0 0.625em 1.25em; }
.small-block-grid-10 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.small-block-grid-11 > li {
width: 9.09091%;
padding: 0 0.625em 1.25em; }
.small-block-grid-11 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.small-block-grid-12 > li {
width: 8.33333%;
padding: 0 0.625em 1.25em; }
.small-block-grid-12 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
/* Remove small grid clearing */
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: none; }
.large-block-grid-1 > li {
width: 100%;
padding: 0 0.625em 1.25em; }
.large-block-grid-1 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.large-block-grid-2 > li {
width: 50%;
padding: 0 0.625em 1.25em; }
.large-block-grid-2 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.large-block-grid-3 > li {
width: 33.33333%;
padding: 0 0.625em 1.25em; }
.large-block-grid-3 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.large-block-grid-4 > li {
width: 25%;
padding: 0 0.625em 1.25em; }
.large-block-grid-4 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.large-block-grid-5 > li {
width: 20%;
padding: 0 0.625em 1.25em; }
.large-block-grid-5 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.large-block-grid-6 > li {
width: 16.66667%;
padding: 0 0.625em 1.25em; }
.large-block-grid-6 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.large-block-grid-7 > li {
width: 14.28571%;
padding: 0 0.625em 1.25em; }
.large-block-grid-7 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.large-block-grid-8 > li {
width: 12.5%;
padding: 0 0.625em 1.25em; }
.large-block-grid-8 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.large-block-grid-9 > li {
width: 11.11111%;
padding: 0 0.625em 1.25em; }
.large-block-grid-9 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.large-block-grid-10 > li {
width: 10%;
padding: 0 0.625em 1.25em; }
.large-block-grid-10 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.large-block-grid-11 > li {
width: 9.09091%;
padding: 0 0.625em 1.25em; }
.large-block-grid-11 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.large-block-grid-12 > li {
width: 8.33333%;
padding: 0 0.625em 1.25em; }
.large-block-grid-12 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
button, .button {
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: inherit;
font-weight: bold;
line-height: normal;
margin: 0 0 1.25em;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
padding-top: 0.75em;
padding-right: 1.5em;
padding-bottom: 0.8125em;
padding-left: 1.5em;
font-size: 1em;
background-color: #2ba6cb;
border-color: #2284a1;
color: white; }
button:hover, button:focus, .button:hover, .button:focus {
background-color: #2284a1; }
button:hover, button:focus, .button:hover, .button:focus {
color: white; }
button.secondary, .button.secondary {
background-color: #e9e9e9;
border-color: #d0d0d0;
color: #333333; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
background-color: #d0d0d0; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
color: #333333; }
button.success, .button.success {
background-color: #5da423;
border-color: #457a1a;
color: white; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
background-color: #457a1a; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
color: white; }
button.alert, .button.alert {
background-color: #c60f13;
border-color: #970b0e;
color: white; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
background-color: #970b0e; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
color: white; }
button.large, .button.large {
padding-top: 1em;
padding-right: 2em;
padding-bottom: 1.0625em;
padding-left: 2em;
font-size: 1.25em; }
button.small, .button.small {
padding-top: 0.5625em;
padding-right: 1.125em;
padding-bottom: 0.625em;
padding-left: 1.125em;
font-size: 0.8125em; }
button.tiny, .button.tiny {
padding-top: 0.4375em;
padding-right: 0.875em;
padding-bottom: 0.5em;
padding-left: 0.875em;
font-size: 0.6875em; }
button.expand, .button.expand {
padding-right: 0;
padding-left: 0;
width: 100%; }
button.left-align, .button.left-align {
text-align: left;
text-indent: 0.75em; }
button.right-align, .button.right-align {
text-align: right;
padding-right: 0.75em; }
button.disabled, button[disabled], .button.disabled, .button[disabled] {
background-color: #2ba6cb;
border-color: #2284a1;
color: white;
cursor: default;
opacity: 0.6;
-webkit-box-shadow: none;
box-shadow: none; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #2284a1; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
color: white; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #2ba6cb; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
background-color: #e9e9e9;
border-color: #d0d0d0;
color: #333333;
cursor: default;
opacity: 0.6;
-webkit-box-shadow: none;
box-shadow: none; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #d0d0d0; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
color: #333333; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #e9e9e9; }
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
background-color: #5da423;
border-color: #457a1a;
color: white;
cursor: default;
opacity: 0.6;
-webkit-box-shadow: none;
box-shadow: none; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #457a1a; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
color: white; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #5da423; }
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
background-color: #c60f13;
border-color: #970b0e;
color: white;
cursor: default;
opacity: 0.6;
-webkit-box-shadow: none;
box-shadow: none; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #970b0e; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
color: white; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #c60f13; }
button, .button {
padding-top: 0.8125em;
padding-bottom: 0.75em;
-webkit-appearance: none; }
button.tiny, .button.tiny {
padding-top: 0.5em;
padding-bottom: 0.4375em;
-webkit-appearance: none; }
button.small, .button.small {
padding-top: 0.625em;
padding-bottom: 0.5625em;
-webkit-appearance: none; }
button.large, .button.large {
padding-top: 1.03125em;
padding-bottom: 1.03125em;
-webkit-appearance: none; }
@media only screen {
button, .button {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out; }
button:active, .button:active {
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
button.radius, .button.radius {
-webkit-border-radius: 3px;
border-radius: 3px; }
button.round, .button.round {
-webkit-border-radius: 1000px;
border-radius: 1000px; } }
@media only screen and (min-width: 768px) {
button, .button {
display: inline-block; } }
/* Standard Forms */
#osbov #os form {
margin: 0 0 1em; }
/* Using forms within rows, we need to set some defaults */
#osbov #os form .row .row {
margin: 0 -0.5em; }
#osbov #os form .row .row .column,
#osbov #os form .row .row .columns {
padding: 0 0.5em; }
#osbov #os form .row .row.collapse {
margin: 0; }
#osbov #os form .row .row.collapse .column,
#osbov #os form .row .row.collapse .columns {
padding: 0; }
#osbov #os form .row .row.collapse input {
-moz-border-radius-bottomright: 0;
-moz-border-radius-topright: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0; }
#osbov #os form .row input.column,
#osbov #os form .row input.columns,
#osbov #os form .row textarea.column,
#osbov #os form .row textarea.columns {
padding-left: 0.5em; }
/* Label Styles */
#osbov #os label {
font-size: 0.875em;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: 500;
margin-bottom: 0.1875em;
/* Styles for required inputs */ }
#osbov #os label.right {
float: none;
text-align: right; }
#osbov #os label.inline {
margin: 0 0 1em 0;
padding: 0.625em 0; }
#osbov #os label small {
text-transform: capitalize;
color: #666666; }
/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
display: block;
position: relative;
z-index: 2;
text-align: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
border-style: solid;
border-width: 1px;
overflow: hidden;
font-size: 0.875em;
height: 2.3125em;
line-height: 2.3125em; }
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
line-height: 2.125em; }
.prefix.button {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
line-height: 2.125em; }
.prefix.button.radius {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.postfix.button.radius {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.prefix.button.round {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-bottomleft: 1000px;
-moz-border-radius-topleft: 1000px;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
.postfix.button.round {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-topright: 1000px;
-moz-border-radius-bottomright: 1000px;
-webkit-border-top-right-radius: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px; }
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, #osbov #os label.prefix {
background: #f2f2f2;
border-color: #d9d9d9;
border-right: none;
color: #333333; }
span.prefix.radius, #osbov #os label.prefix.radius {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
span.postfix, #osbov #os label.postfix {
background: #f2f2f2;
border-color: #cccccc;
border-left: none;
color: #333333; }
span.postfix.radius, #osbov #os label.postfix.radius {
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * {
-moz-border-radius-bottomleft: 1000px;
-moz-border-radius-topleft: 1000px;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * {
-moz-border-radius-topright: 1000px;
-moz-border-radius-bottomright: 1000px;
-webkit-border-top-right-radius: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px; }
/* We use this to get basic styling on all basic form elements */
#osbov #os input[type="text"],
#osbov #os input[type="password"],
#osbov #os input[type="date"],
#osbov #os input[type="datetime"],
#osbov #os input[type="datetime-local"],
#osbov #os input[type="month"],
#osbov #os input[type="week"],
#osbov #os input[type="email"],
#osbov #os input[type="number"],
#osbov #os input[type="search"],
#osbov #os input[type="tel"],
#osbov #os input[type="time"],
#osbov #os input[type="url"],
#osbov #os textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
background-color: white;
font-family: inherit;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 0.875em;
margin: 0 0 1em 0;
padding: 0.5em;
height: 2.3125em;
width: 90%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
-moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
#osbov #os input[type="text"]:focus,
#osbov #os input[type="password"]:focus,
#osbov #os input[type="date"]:focus,
#osbov #os input[type="datetime"]:focus,
#osbov #os input[type="datetime-local"]:focus,
#osbov #os input[type="month"]:focus,
#osbov #os input[type="week"]:focus,
#osbov #os input[type="email"]:focus,
#osbov #os input[type="number"]:focus,
#osbov #os input[type="search"]:focus,
#osbov #os input[type="tel"]:focus,
#osbov #os input[type="time"]:focus,
#osbov #os input[type="url"]:focus,
#osbov #os textarea:focus {
-webkit-box-shadow: 0 0 5px #999999;
-moz-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #999999;
border-color: #999999; }
#osbov #os input[type="text"]:focus,
#osbov #os input[type="password"]:focus,
#osbov #os input[type="date"]:focus,
#osbov #os input[type="datetime"]:focus,
#osbov #os input[type="datetime-local"]:focus,
#osbov #os input[type="month"]:focus,
#osbov #os input[type="week"]:focus,
#osbov #os input[type="email"]:focus,
#osbov #os input[type="number"]:focus,
#osbov #os input[type="search"]:focus,
#osbov #os input[type="tel"]:focus,
#osbov #os input[type="time"]:focus,
#osbov #os input[type="url"]:focus,
#osbov #os textarea:focus {
background: #fafafa;
border-color: #999999;
outline: none; }
#osbov #os input[type="text"][disabled],
#osbov #os input[type="password"][disabled],
#osbov #os input[type="date"][disabled],
#osbov #os input[type="datetime"][disabled],
#osbov #os input[type="datetime-local"][disabled],
#osbov #os input[type="month"][disabled],
#osbov #os input[type="week"][disabled],
#osbov #os input[type="email"][disabled],
#osbov #os input[type="number"][disabled],
#osbov #os input[type="search"][disabled],
#osbov #os input[type="tel"][disabled],
#osbov #os input[type="time"][disabled],
#osbov #os input[type="url"][disabled],
#osbov #os textarea[disabled] {
background-color: #dddddd; }
/* Adjust margin for form elements below */
#osbov #os input[type="file"],
#osbov #os input[type="checkbox"],
#osbov #os input[type="radio"],
#osbov #os select {
margin: 0 0 1em 0; }
/* Normalize file input width */
#osbov #os input[type="file"] {
width: 100%; }
/* We add basic fieldset styling */
#osbov fieldset {
border: solid 1px #dddddd;
padding: 1.25em;
margin: 1.125em 0; }
#osbov fieldset legend {
font-weight: bold;
background: white;
padding: 0 0.1875em;
margin: 0;
margin-left: -0.1875em; }
/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
display: block;
padding: 0.375em 0.25em;
margin-top: 0;
margin-bottom: 1em;
font-size: 0.75em;
font-weight: bold;
background: #c60f13;
color: white; }
[data-abide] span.error, [data-abide] small.error {
display: none; }
span.error, small.error {
display: block;
padding: 0.375em 0.25em;
margin-top: 0;
margin-bottom: 1em;
font-size: 0.75em;
font-weight: bold;
background: #c60f13;
color: white; }
.error input,
.error textarea,
.error select {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1);
margin-bottom: 0; }
.error input:focus,
.error textarea:focus,
.error select:focus {
background: #fafafa;
border-color: #999999; }
.error label,
.error label.error {
color: #c60f13; }
.error > small,
.error small.error {
display: block;
padding: 0.375em 0.25em;
margin-top: 0;
margin-bottom: 1em;
font-size: 0.75em;
font-weight: bold;
background: #c60f13;
color: white; }
.error span.error-message {
display: block; }
#osbov input.error,
#osbov #os textarea.error {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1);
margin-bottom: 0; }
input.error:focus,
#osbov #os textarea.error:focus {
background: #fafafa;
border-color: #999999; }
.error select {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1); }
.error select:focus {
background: #fafafa;
border-color: #999999; }
#osbov #os label.error {
color: #c60f13; }
/* Dropdown Button */
.dropdown.button {
position: relative;
padding-right: 3.1875em; }
.dropdown.button:before {
position: absolute;
content: "";
width: 0;
height: 0;
display: block;
border-style: solid;
border-color: white transparent transparent transparent;
top: 50%; }
.dropdown.button:before {
border-width: 0.5625em;
right: 1.5em;
margin-top: -0.25em; }
.dropdown.button:before {
border-color: white transparent transparent transparent; }
.dropdown.button.tiny {
padding-right: 2.1875em; }
.dropdown.button.tiny:before {
border-width: 0.4375em;
right: 0.875em;
margin-top: -0.15625em; }
.dropdown.button.tiny:before {
border-color: white transparent transparent transparent; }
.dropdown.button.small {
padding-right: 2.8125em; }
.dropdown.button.small:before {
border-width: 0.5625em;
right: 1.125em;
margin-top: -0.21875em; }
.dropdown.button.small:before {
border-color: white transparent transparent transparent; }
.dropdown.button.large {
padding-right: 4em; }
.dropdown.button.large:before {
border-width: 0.625em;
right: 1.75em;
margin-top: -0.3125em; }
.dropdown.button.large:before {
border-color: white transparent transparent transparent; }
.dropdown.button.secondary:before {
border-color: #333333 transparent transparent transparent; }
/* Custom Checkbox and Radio Inputs */
#osbov #os form.custom .hidden-field {
margin-left: -99999px;
position: absolute;
visibility: hidden; }
#osbov #os form.custom .custom {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: -1px;
/* fix centering issue */
vertical-align: middle;
border: solid 1px #cccccc;
background: white; }
#osbov #os form.custom .custom.checkbox {
-webkit-border-radius: 0;
border-radius: 0;
padding: 0; }
#osbov #os form.custom .custom.radio {
-webkit-border-radius: 1000px;
border-radius: 1000px;
padding: 3px; }
#osbov #os form.custom .custom.checkbox:before {
content: "";
display: block;
font-size: 16px;
color: white; }
#osbov #os form.custom .custom.radio.checked:before {
content: "";
display: block;
width: 8px;
height: 8px;
-webkit-border-radius: 1000px;
border-radius: 1000px;
background: #222222;
position: relative; }
#osbov #os form.custom .custom.checkbox.checked:before {
content: "\00d7";
color: #222222;
position: absolute;
top: -50%;
left: 50%;
margin-top: 4px;
margin-left: -5px; }
/* Custom Select Options and Dropdowns */
#osbov #os form.custom {
/* Custom input, disabled */ }
#osbov #os form.custom .custom.dropdown {
display: block;
position: relative;
top: 0;
height: 2.3125em;
margin-bottom: 1.25em;
margin-top: 0;
padding: 0;
width: 100%;
background: white;
background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
-webkit-box-shadow: none;
background: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
box-shadow: none;
font-size: 0.875em;
vertical-align: top; }
#osbov #os form.custom .custom.dropdown ul {
overflow-y: auto;
max-height: 200px; }
#osbov #os form.custom .custom.dropdown .current {
cursor: default;
white-space: nowrap;
line-height: 2.25em;
color: rgba(0, 0, 0, 0.75);
text-decoration: none;
overflow: hidden;
display: block;
margin-left: 0.5em;
margin-right: 2.3125em; }
#osbov #os form.custom .custom.dropdown .selector {
cursor: default;
position: absolute;
width: 2.5em;
height: 2.3125em;
display: block;
right: 0;
top: 0; }
#osbov #os form.custom .custom.dropdown .selector:after {
content: "";
display: block;
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #aaaaaa transparent transparent transparent;
border-top-style: solid;
position: absolute;
left: 0.9375em;
top: 50%;
margin-top: -3px; }
#osbov #os form.custom .custom.dropdown:hover a.selector:after, #osbov #os form.custom .custom.dropdown.open a.selector:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #222222 transparent transparent transparent;
border-top-style: solid; }
#osbov #os form.custom .custom.dropdown .disabled {
color: #888888; }
#osbov #os form.custom .custom.dropdown .disabled:hover {
background: transparent;
color: #888888; }
#osbov #os form.custom .custom.dropdown .disabled:hover:after {
display: none; }
#osbov #os form.custom .custom.dropdown.open ul {
display: block;
z-index: 10;
min-width: 100%;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
#osbov #os form.custom .custom.dropdown.small {
max-width: 134px; }
#osbov #os form.custom .custom.dropdown.medium {
max-width: 254px; }
#osbov #os form.custom .custom.dropdown.large {
max-width: 434px; }
#osbov #os form.custom .custom.dropdown.expand {
width: 100% !important; }
#osbov #os form.custom .custom.dropdown.open.small ul {
min-width: 134px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#osbov #os form.custom .custom.dropdown.open.medium ul {
min-width: 254px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#osbov #os form.custom .custom.dropdown.open.large ul {
min-width: 434px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#osbov #os form.custom .error .custom.dropdown {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1);
background: rgba(198, 15, 19, 0.1);
margin-bottom: 0; }
#osbov #os form.custom .error .custom.dropdown:focus {
background: #fafafa;
border-color: #999999; }
#osbov #os form.custom .error .custom.dropdown + small.error {
margin-top: 0; }
#osbov #os form.custom .custom.dropdown ul {
position: absolute;
width: auto;
display: none;
margin: 0;
left: -1px;
top: auto;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
margin: 0;
padding: 0;
background: white;
border: solid 1px #cccccc;
font-size: 16px; }
#osbov #os form.custom .custom.dropdown ul li {
color: #555555;
font-size: 0.875em;
cursor: default;
padding-top: 0.25em;
padding-bottom: 0.25em;
padding-left: 0.375em;
padding-right: 2.375em;
min-height: 1.5em;
line-height: 1.5em;
margin: 0;
white-space: nowrap;
list-style: none; }
#osbov #os form.custom .custom.dropdown ul li.selected {
background: #eeeeee;
color: black; }
#osbov #os form.custom .custom.dropdown ul li:hover {
background-color: #e4e4e4;
color: black; }
#osbov #os form.custom .custom.dropdown ul li.selected:hover {
background: #eeeeee;
cursor: default;
color: black; }
#osbov #os form.custom .custom.dropdown ul.show {
display: block; }
#osbov #os form.custom .custom.disabled {
background: #dddddd; }
/* Labels */
.label {
font-weight: bold;
text-align: center;
text-decoration: none;
line-height: 1;
white-space: nowrap;
display: inline-block;
position: relative;
padding: 0.1875em 0.625em 0.25em;
font-size: 0.875em;
background-color: #2ba6cb;
color: white; }
.label.radius {
-webkit-border-radius: 3px;
border-radius: 3px; }
.label.round {
-webkit-border-radius: 1000px;
border-radius: 1000px; }
.label.alert {
background-color: #c60f13;
color: white; }
.label.success {
background-color: #5da423;
color: white; }
.label.secondary {
background-color: #e9e9e9;
color: #333333; }
/* Pricing Tables */
.pricing-table {
border: solid 1px #dddddd;
margin-left: 0;
margin-bottom: 1.25em; }
.pricing-table * {
list-style: none;
line-height: 1; }
.pricing-table .title {
background-color: #dddddd;
padding: 0.9375em 1.25em;
text-align: center;
color: #333333;
font-weight: bold;
font-size: 1em; }
.pricing-table .price {
background-color: #eeeeee;
padding: 0.9375em 1.25em;
text-align: center;
color: #333333;
font-weight: normal;
font-size: 1.25em; }
.pricing-table .description {
background-color: white;
padding: 0.9375em;
text-align: center;
color: #777777;
font-size: 0.75em;
font-weight: normal;
line-height: 1.4;
border-bottom: dotted 1px #dddddd; }
.pricing-table .bullet-item {
background-color: white;
padding: 0.9375em;
text-align: center;
color: #333333;
font-size: 0.875em;
font-weight: normal;
border-bottom: dotted 1px #dddddd; }
.pricing-table .cta-button {
background-color: whitesmoke;
text-align: center;
padding: 1.25em 1.25em 0; }
/* Progress Bar */
.progress {
background-color: transparent;
height: 1.5625em;
border: 1px solid #cccccc;
padding: 0.125em;
margin-bottom: 0.625em; }
.progress .meter {
background: #2ba6cb;
height: 100%;
display: block; }
.progress.secondary .meter {
background: #e9e9e9;
height: 100%;
display: block; }
.progress.success .meter {
background: #5da423;
height: 100%;
display: block; }
.progress.alert .meter {
background: #c60f13;
height: 100%;
display: block; }
.progress.radius {
-webkit-border-radius: 3px;
border-radius: 3px; }
.progress.radius .meter {
-webkit-border-radius: 2px;
border-radius: 2px; }
.progress.round {
-webkit-border-radius: 1000px;
border-radius: 1000px; }
.progress.round .meter {
-webkit-border-radius: 999px;
border-radius: 999px; }
/* Tables */
table {
background: white;
margin-bottom: 1.25em;
border: solid 1px #dddddd; }
table thead,
table tfoot {
background: whitesmoke;
font-weight: bold; }
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
padding: 0.5em 0.625em 0.625em;
font-size: 0.875em;
color: #222222;
text-align: left; }
table tr th,
table tr td {
padding: 0.5625em 0.625em;
font-size: 0.875em;
color: #222222; }
table tr.even, table tr.alt, table tr:nth-of-type(even) {
background: #f9f9f9; }
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
display: table-cell;
line-height: 1.125em; }
/* CALENDAR */
#osbov #container_main a:link, 
#osbov #container_main a:visited, 
#osbov #container_main a:focus, 
#osbov #container_main a:active {
color: #425968;
text-decoration: underline;
}
#osbov #container_main a:hover,
.sync_link > span:hover{
color:#2d96cd;
}
.sync_s_bn_print {
background: url("/cs/ENGInE/img/sync/packed.png") repeat scroll -214px 0 transparent;
height: 23px;
margin-right: 5px;
width: 21px;
}
.sync_link > span{
color: #425968;
display:inline-block;
float: left;
text-decoration: underline;
cursor: pointer;
}
.osbDealerProfileBlock, .osbDateTimeYourDealer {
display: inline-block;
margin-left: 10px;
vertical-align: top;
width: 229px;
}
.osbDateTimeYourDealer {
margin: -32px 0 0;
}
div.calendarBlock, div.calendarValuesBlock, div.calendarTime, span.calendarAndLegendBlock {
border: 1px solid #A0ACB3;
display: inline-block;
margin: 0 10px 10px 0;
vertical-align: top;
width: 417px;
}
span.calendarAndLegendBlock {
padding: 10px 0 0 10px;
width: 428px;
}
div.calendarValuesBlock {
height: auto;
max-width: 270px;
padding: 5px 10px 10px;
width: auto;
}
div.calendarTime {
height: auto;
padding: 10px;
position: relative;
width: 398px;
}
.calendarLegend span {
background-position: left center;
display: inline-block;
height: auto;
margin: 5px 0;
padding-left: 20px;
position: inherit;
vertical-align: top;
width: 185px;
}
.calendarHeader {
background: url("/cs/ENGInE/img/osb/calendar/gradient_blue_H.png") repeat-x scroll 0 -2px transparent;
color: white;
display: block;
font-weight: bold;
height: auto;
margin: 0;
position: relative;
text-align: center;
}
#calendarHeader {
display: inline;
}
.calendarHeaderButtonLeft, .calendarHeaderButtonRight {
height: 25px;
padding-top: 8px;
position: absolute;
width: 50px;
}
.calendarHeaderButtonLeft {
left: 0;
top: 0;
}
.calendarHeaderButtonRight {
right: 0;
top: 0;
}
a.calendarButton, a.calendarButton:visited, a.calendarButton:focus {
border: medium none;
text-decoration: none;
}
.calendarBlock table {
border-spacing: 0;
padding: 0 2px;
width: 100%;
}
.calendarBlock td, .calendarBlock th {
padding: 1px;
text-align: center;
}
.calendarBlock th {
background: none repeat scroll 0 0 #EAECED;
color: #2E588E;
font-weight: bold;
height: 33px;
width: 63px;
}
th.calendarWeekend {
background: none repeat scroll 0 0 #EAEAEA;
}
.calendarButton, .calendarSelected, .calendarDisabled {
display: block;
height: 25px;
padding-top: 8px;
width: 57px;
}
.calendarButton {
background: none repeat scroll 0 0 #DBDBDC;
color: #757575;
font-weight: bold;
}
.calendarSelected {
background: url("/cs/ENGInE/img/osb/calendar/gradient_blue_H.png") repeat-x scroll 0 -2px transparent;
color: white;
font-weight: bold;
}
.calendarDisabled {
background: none repeat scroll 0 0 #DBDBDC;
color: #ABABAB;
text-decoration: none;
}
.calendarButtonNone {
background: none repeat scroll 0 0 white;
height: 0;
width: 0;
}
.calendarCrossGrey, .calendarCrossRed, .calendarStripeRed, .calendarExclamation {
display: none;
height: 13px;
left: 50%;
margin-left: -6px;
margin-top: -6px;
position: absolute;
top: 50%;
width: 13px;
}
.calendarCrossGrey {
background: url("/cs/ENGInE/img/osb/calendar/calendar_cross_grey.png") no-repeat scroll 0 0 transparent;
height: 20px;
margin: -10px 0 0 -10px;
width: 20px;
}
.calendarCrossRed {
background: url("/cs/ENGInE/img/osb/calendar/calendar_cross_red.png") no-repeat scroll 0 0 transparent;
}
.calendarStripeRed {
background: url("/cs/ENGInE/img/osb/calendar/calendar_stripe_red.png") no-repeat scroll 0 0 transparent;
}
.calendarExclamation {
background: url("/cs/ENGInE/img/osb/calendar/calendar_exclamation.png") no-repeat scroll 0 0 transparent;
margin-left: 5px;
margin-top: -7px;
}
.calendarAndLegendBlock a {
outline: medium none;
text-decoration: none;
}
#osbDate, #osbTime, #osbBringBefore {
font-weight: normal;
}
.word-break {
-moz-binding: url("xbl.xml#wordwrap");
overflow: auto;
white-space: pre-line;
word-wrap: break-word;
}
div.suggestions {
-moz-box-sizing: border-box;
background-color: #FFFFFF;
border: 1px solid black;
position: absolute;
text-align: left;
z-index: 1;
}
#osbov #container_main.mobile .heading > span.show{
background-color:#425968;
background:url('data:image/png;base64,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') no-repeat -82px 0px;
border:0;
min-width:10px;
margin: 0 10px 0 0;
height:25px;
width:30px;
float:right
}
#osbov #container_main.mobile .heading > span.show.upDownArr{
background-position:6px 0px;
}
/*##### overrides ######*/
#osbov #container_main{
background: #fff;
min-height: 800px;
}
#osbov #container_main.mobile{
min-height:480px;
width:auto;
}
#osbov .center_item {
float:none;
}
#osbov .top-image{width:100%;height:auto;}
#osbov #os input[type="radio"]{
margin:0;
vertical-align: middle;
}
#osbov #os input[type="text"], #osbov #os input[type="email"], #osbov #os input[type="tel"],
#osbov #os input[type="password"]{width:100%;margin-top:5px;}
#osbov #os select{width:auto;margin-top:5px;}
#osbov #os .button{
background-color: #0E569E;
font: 12px FordAntennaCondBold,Arial,Verdana,Tahoma,Helvetica,sans-serif;
letter-spacing: 0.025em;
min-width: 70px;
padding: 2px 10px;
text-align: left;
white-space: nowrap;
}
#osbov #os .button:hover{
background-color:#F0F0F0;
color:#2D96CD;
}
#osbov .blockContent{
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
margin: 20px 0 15px 0;
padding: 0 0 20px;
}
#osbov .blockContent .para-text p{
margin:10px 0;	
}
#osbov .blockContent .para-text p.contact-no{
margin-bottom:35px;	
}
#osbov .blockContent .para-text p.contact-no > img{
float:left;margin-right:5px;
}
#osbov .blockContent .para-text p.print-btn{
margin-left:15px;
}
#osbov .blockContent .para-text p > br{
line-height:0;
}
#osbov .blockContent .inline-list{padding-left:0;}
#osbov .blockContent .inline-list li{
list-style:none;
float:left;
margin-left:10px;
width:43.5%;
}
#osbov #os .blockContent .inline-list li input[type="radio"]{
margin:3px 0 0 0;
vertical-align: top;
}
#osbov #os fieldset{
border:none;
padding:0;
margin:0;
}
.light-bkgrd{
background-color:#C8C8C8;
}
.dark-blue{
background-color:#0E569E;
background-image: linear-gradient(top, #4587C9 26%, #0E569E 88%);
background-image: -o-linear-gradient(top, #4587C9 26%, #0E569E 88%);
background-image: -moz-linear-gradient(top, #4587C9 26%, #0E569E 88%);
background-image: -webkit-linear-gradient(top, #4587C9 26%, #0E569E 88%);
background-image: -ms-linear-gradient(top, #4587C9 26%, #0E569E 88%);
color:#fff;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.26, #4587C9),
color-stop(0.88, #0E569E)
);	
}
#osbov #os h2{
border-radius: 5px 5px 0 0;
color:#fff;
font-size:13px;
margin:0;
padding:10px;
}
#osbov #os .blockContent .dark-blue{
margin-bottom:20px;
}
#osbov .progress{
margin-top:10px;
}
#osbov .progress .meter {
background-color: #C8C8C8;
}
#osbov .progress > span{
background-color: #C8C8C8;
height:100%;
display:block;
}
#osbov .progress .meter.completed,
#osbov .progress .meter.current{
background-color: #0E569E;
color:#fff;
font-weight: bold;
text-align: right;
}
#osbov #os .heading{
color: #425968;
font-family: FordAntennaRegular;
font-size: 23px;
line-height: 1;	
}
#osbov #os .subheading{
color: #425968;
font-family: FordAntennaRegular;
font-size: 12px;	
}
#osbov #os p{
font-size:12px;
}
#osbov #os header p{
margin: 10px 15px;
}
#osbov .aside-login p{
margin: 10px 0 20px;
}
#osbov #os label{
color: #425968;
font-family: FordAntenna, Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-top: 15px;
text-transform: none;
}
#osbov #os .vehicleList label span{
display: inline-block;
width: 78%;
word-wrap:break-word;
}
#osbov #os .aside-login{
float: left;
padding-top: 20px;
margin-left:20px;
width: 30%;
}
#osbov #os .aside-login .loginLink{
background: none repeat scroll 0 0 #F0F0F0;
border-color: #E6E6E6;
color: #000000;
float:left;
font-size: 11px;
margin-bottom: 0;
text-align: left;
text-decoration: none;
width: 91.5%;
}
#osbov #container_main.mobile #os .aside-login .loginLink{
padding-right:0;
width: 96%;
}
#osbov #login-box{
border: 1px solid #CCCCCC;
border-radius: 0 0 5px 5px;
float: left;
padding: 5px;
width: 96%;
}
#osbov .blockContent .heading{
padding-left:20px;
}
#osbov #services .large-11.columns{
margin-bottom:15px;
}
#osbov #services .heading{
color: #425968;
font-size: 13px;
font-family: FordAntennaRegular;
padding-left:0;
}
#services #tyreBlock{
margin-left:10px;
}
#osbov #services table{
width:100%;
border:none;
}
#osbov #services table th{
color: #425968;
font-family: FordAntennaRegular;
font-size: 12px;
text-transform: capitalize;
}
#osbov #services figure{
margin:5px 20px 0 10px;
padding:0;
}
#osbov #services figure > img {
width:70px;
}
#osbov .carline li{
margin:10px 20px;
width:166px;
}
#osbov #os #services li{
padding-bottom:0;
}
#osbov #os #services label{
font-family: FordAntennaRegular;
font-size: 12px;	
font-weight:normal; 
text-transform:none;
margin:0;
padding:0;
}
#osbov #os #services table label{
line-height:20px;
}
#osbov #os #services select{margin-bottom:0;margin-top:5px;}
#osbov #os #services{border-bottom:#C8C8C8;}
#services #tyres td,
#services #tyres td span,
#services #lockedColumn tbody td{
color: #425968;
font-family: 'FordAntennaRegular';
font-size: 12px;
font-weight: bold;
letter-spacing: 0.025em;
}
/*#services #tyres td label{text-align:right;}*/
#services #tyres td span{font-weight: normal;}
#osbov #os #services td.total-price{
font-family: 'FordAntennaCond';
font-size: 14px;
}
#osbov #os #services td{vertical-align:top;}
#osbov #os #services td p{margin:0;}
#osbov #os #services td.total-price > span{
font-weight:bold;
}
#services #tyres td span.currency, 
#services #tyres td span.unit-price, 
#services #tyres .total-price span.amount,
#services .total-block{
display:none;
}
#services #lockedColumn table{
padding:0;
margin:0;
display: block;
background: #fff;
position: absolute;
left: inherit;
top: 60px;
width:99px;
}		
#services #lockedColumn th{padding-top:13px; padding-bottom:13px;width:190px;}
#services #lockedColumn td{padding: 6px 0; font-size:11px;}
#osbov #os #services br{line-height: 5px;}
#osbov .carline li img {
width:166px;
height:80px;
border:1px solid #E6E6E6;
margin-bottom:10px;
}		 	
#osbov .blockContent legend{
padding-left:15px;
}	
#tyres-dataGrid select{
max-width:50px;
}
#osbov #os #services td select{
margin-top:5px;
margin-left:5px;
float:left;
}
#osbov #container_main.mobile #os #services td select{margin-top:0;}
#osbov #os .total-block{
background: none repeat scroll 0 0 #E6E6E6;
color: #425968;
font-family: 'FordAntennaRegular';
font-size: 14px;
font-weight: normal;
margin-bottom: 20px;
padding: 10px;
vertical-align: middle;
}
#osbov #os .total-block .currency,
#osbov #os .total-block .total-price{
display: inline-block;
font-family: 'FordAntennaCondBold';
font-size: 18px;
vertical-align: baseline;
}
#osbov #os .total-block .currency{margin-left:5px;}	
#osbov #os .total-block sub {
font-size: 10px;
margin-left: 5px;
vertical-align: top;
}
#osbov #os .total-block small{
font-family: FordAntennaCond;
font-weight:normal;
margin-left:5px;
}
#osbov .osbButtonContainer{float:left;}
#osbov .search-btn{
}
#osbov #os #search-box{
padding-left: 0.9375em;
padding-right: 0.9375em;
}
#osbov #os .search-resultList{
list-style:none;
margin: 10px 0 50px;
padding: 0;
}
#osbov #os .search-resultList li{
padding:5px 0;
}
#osbov #os .search-resultList li:nth-of-type(n+1) {
background-color: #fff;
}
#osbov #os .search-resultList li:nth-of-type(2n+1) {
background-color: #E5EAF1;
}
#osbov #os .search-resultList li > label{
font-weight:normal;
margin-top: 0;
text-transform: none;
}
.search-resultList li > label{padding-left:5px; padding-right:5px;}
.search-resultList li > label b,
.search-resultList li > label a{margin-right: 10px;}
.search-resultList li > label a{margin-left:10px;}
.search-resultList li > label span.dealer-address, 
.search-resultList li > label span.dealer-location{
width: 80%;
display: inline-block;
vertical-align: text-top;
margin-left:0px;
}	
#osbov #container_main.mobile #osb .search-resultList li > label span.dealer-address, 
#osbov #container_main.mobile #osb .search-resultList li > label span.dealer-location{
margin-left:5px;
margin-top:2px;
}
.search-resultList li > label span.distance{
display: inline-block;
float:right;margin-right:10px;font-weight:bold;
}
#osbov #os .groupDealer #osbDealerDetailsTemplate {
background: none repeat scroll 0 0 white;
border: 1px solid black;
height: 300px;
left: 0;
padding: 35px 10px 10px;
position: absolute;
top: 50%;
white-space: wrap;
width: 490px;
}
#osbov #os .groupDealer	#osbDealerDetailsMap{float:left;}
/** DEALER SEARCH **/
#osbov #container_main.mobile #osb .osbMainBlockLeft, 
#osbov #container_main.mobile #osb .osbMainBlockLeftDealer, 
#osbov #container_main.mobile #osb .osbMainBlockRight {
display: inline-block;
width: 348px;
vertical-align: top;
margin-top: 10px;
/* IE7 garbage */
*display: inline;
}
#osbov #container_main.mobile #osb .osbMainBlockLeftDealer {
min-height: 15px;
/* IE7 */
*display: block;
}
#osbov #container_main.mobile #osb #osbDealerDetailsTemplate p {
padding: 0;
margin: 0;
}
#osbov #container_main.mobile #osb .osbNonOSBResultRow .osbTabTitle, 
#osbov #container_main.mobile #osb .osbNonOSBResultRow .osbDLRow {
background: #EAEAEA;
}
#osbov #container_main.mobile #osb .blockContent .para-text p.print-btn{
margin-left:0;
}
/* cancel alert*/
#osbov #container_main.mobile div.osbBordered {
color: black;
margin-top: -6px;
padding: 10px;
word-wrap: break-word;
}
#osbov #container_main.mobile .os_overlay {
border: medium none;
position: relative;
text-align: left;
}
#osbov #container_main.mobile .os_overlay {
min-width: 300px;
}
#osbov #container_main.mobile .os_overlay .close {
background-image: url("/cs/ENGInE/img/os_overlay_btn_close.png");
cursor: pointer;
height: 9px;
position: absolute;
right: 14px;
top: 13px;
width: 9px;
}
#osbov #container_main.mobile .os_overlay .mid {
background-repeat: no-repeat;
border-radius:5px 5px;
color: #FFFFFF;
margin-left: 5px;
padding:10px;
}
#osbov #container_main.mobile .os_overlay .mid a{
font-size:12px;
}
/* Dealer details overlay */
#osbov #container_main.mobile #osb #osbDealerDetailsTemplate {
display: none; 
padding: 10px; 
padding-top: 35px; 
background: white; 
border: solid 1px black;
white-space: nowrap;    
}
#osbov #container_main.mobile #osb #osbDealerDetailsMap {
width: 300px; 
height: 300px; 
border: 1px solid #cccccc; 
display: inline-block; 
/* IE7 garbage */
*display: inline;
vertical-align: top;
}
#osbov #container_main.mobile #osb #osbDealerDetailsInfo {
width: 200px; 
display: inline-block; 
/* IE7 garbage */
*display: inline;
padding: 0 0 10px 20px;
}
#osbov #container_main.mobile #osb .osbDealerProfileBlock, 
#osbov #container_main.mobile #osb .osbDateTimeYourDealer {
display: inline-block;
width: 229px; 
vertical-align: top; 
margin-left: 10px
}
#osbov #os  #contact-details{
padding-left: 0.9375em;
padding-right: 0.9375em;
}
#osbov #container_main.mobile #osb .osbDateTimeYourDealer {
margin: -32px 0 0 0;
}
#osbov  #container_main.print-booking{margin-top:0;}
#osbov  #container_main.print-booking #osb{
width:770px;
}
#osbov  #container_main.print-booking #summary-booking .top-image{margin-top:15px;}
/** ENDS **/	   
#osbov #os .calendarBlock{ 
border-radius: 5px 5px 5px 5px;
margin-left: 15px;
width: 400px;
}
#osbov #os .calendarBlock table{border:none;}
#osbov #os .calendarDisabled {
background: none repeat scroll 0 0 #DBDBDC;
color: #ABABAB;
text-decoration: none;
}
#osbov #os .calendarHeader{
padding: 10px 0;	
}
#osbov #os #calendarHeader{
color:#fff;
font-family: FordantennaRegular;
font-size: 16px;
}
#osbov #os .calendarButton, 
#osbov #os .calendarSelected, 
#osbov #os .calendarDisabled{
width:auto;
}
#osbov #os .calendarHeader {
background: none repeat scroll 0 0 #2DA1D2;
}
#osbov #os .calendarBlock th {
background: none repeat scroll 0 0 #EAECED;
color: #2DA1D2;
}
#osbov #os .calendarBlock td > div:first-child{
position: relative;
}
#osbov #os .calendarCrossGrey, 
#osbov #os .calendarCrossRed, 
#osbov #os .calendarStripeRed, 
#osbov #os .calendarExclamation{		
top:7px;
left:5px;
}
#osbov #os .calendarCrossGrey{
left: 26px;
top: 17px;
}	
#osbov #os .calendarSelected {
background: none repeat scroll 0 0 #2DA1D2;
}
#osbov #os .osbPrivacyStatement  {
margin:5px 0 0px 0px;
font-size:11px;font-family:FordAntennaRegular;
padding: 10px 10px 10px 15px;
}
#osbov #os .osbPrivacyStatement .heading{font-size:11px;}
#osbov #os .privacy-label{margin-left:0px;margin-top:10px;}
#osbov #container_main.mobile .osbPrivacyStatement{
height:100px;
overflow-y:auto;
border:1px solid #ccc;
border-radius:3px 3px 3px 3px;
}
#osbov #SummaryDivIdMain .subheading,
#summary-booking #SummaryDivIdMain h3,
#osbov #SummaryDivIdMain h3.osbTabTitle{ 
color: #425968;
font-family: FordAntennaRegular;
font-size: 12px;
background-color:#D8D8D8;
border: 1px solid #D8D8D8;
border-radius: 5px 5px 0 0;
padding: 10px;
margin:5px 0 0;
letter-spacing: 0.025em;
}
#osbov #SummaryDivIdMain h3.osbTabTitle a,
#osbov #SummaryDivIdMain .subheading > a,
#osbov #SummaryDivIdMain h3 > a{
float: right;
font-weight: normal;
margin-right: 10px;
position: static;
text-decoration: underline;	
}
#osbov #SummaryDivIdMain .osbBordered{
font-size:12px;
font-family: FordAntennaRegular;
border: 1px solid #D8D8D8;
color:#425968;
letter-spacing: 0.025em;
margin-top:0;
margin-bottom: 15px;
}
#osbov #SummaryDivIdMain textarea {resize: none;}
#summary-booking .button,
#osbov #os #summary-booking .button:first-child{
margin-right:10px;
}
#osbov #os .button-wrap .button{margin-right:10px; }
#osbov #os  #change.button,
#osbov #os  #amend.button{}
#osbov #os  #nochange.button{ background-color: #F0F0F0; color:#2D96CD;}
#osbov #os  #nochange.button:hover{background-color: #0E569E; color:#FFF;border-color:#2D96CD;}
#osbov .os_overlay{
width:300px;height:auto;
}
#osbov .os_overlay .mid{
float:left;
border-radius : 5px 5px;
}
#osbov #container_main.mobile  #services figure{display:none;}
#osbov #container_main.mobile  #services .large-11.columns{margin-bottom:5px;padding-left:5px;padding-right:0px;width:99%;}
#osbov #container_main.mobile  #services .blockContent .heading{
padding: 10px;
background: #22a3e6;
border-radius: 3px 3px 3px 3px;
color: #fff;
}	
#osbov #container_main.mobile  #services #tyreBlock.large-9{
width:98%;
}	
ul.osbError {
background: none repeat scroll 0 0 #F7E1E0;
border: 1px solid red;
clear: both;
margin: 10px 0;
padding: 5px;
}
.osbError, .osb input.osbError {
color: red;
}
.osbError li {
background: url("/cs/ENGInE/img/osb/icon_error.gif") no-repeat scroll 10px center #F7E1E0;
color: red;
font-weight: bold;
list-style-type: none;
padding: 3px 10px 3px 35px;
}
/* TD 11837  fixes overlap, and adds a little space on the progress meter */
#searchOutput {clear: both;}
#osbov .progress .meter.completed:after,
#osbov .progress .meter.current:after{
content:'\00a0';
}
/** MOBILE ADJUSTMENT **/
#osbov #container_main.mobile #osb{
margin:0;
padding:0 1.25em;
}
#osbov #container_main.mobile > .center_item{width:100% !important;}
#osbov #container_main.mobile section.large-12.columns,
#osbov #container_main.mobile article.large-12.columns{padding:0;}
#osbov #container_main.mobile .blockContent.large-7,
#osbov #container_main.mobile #services .blockContent.large-12,
#osbov #container_main.mobile #ContactDivId .large-5{
width:100%;
}
/*#osbov #container_main.mobile #SummaryDivIdMain .large-4.columns{
width:41.66667%;
}*/
#osbov #container_main.mobile #SummaryDivIdMain .large-7.columns{
padding:0;
}
#osbov #container_main.mobile #SummaryDivIdMain .osbBordered {
padding:10px;
word-break: break-word;
}
@media screen and (max-device-width: 320px) and (orientation : portrait){
#osbov .blockContent .inline-list li{
width:78%;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait){
#osbov #container_main.mobile  #services figure{display:none;}
#osbov #container_main.mobile  #services .large-11.columns{margin-bottom:5px;padding-left:5px;padding-right:5px;}
#osbov #container_main.mobile  #services .blockContent .heading{
background: url(/cs/ContentServer?pagename=ENGInE/EP2/common/GetImageByName&imageName=icon_arrow_white_dropdown) no-repeat top right;
padding: 5PX 10px;
background: #22a3e6;
border-radius: 3px 3px 3px 3px;
color: #fff;
}			
.search-resultList li > label span.dealer-address, 
.search-resultList li > label span.dealer-location{
width: 165px;
display: inline-block;
vertical-align: text-top;
margin-left: 10px;
}	
.search-resultList li > label span.distance{
float:none;
display: inline-block;
}	
#osbov #container_main.mobile #services .wrap-text{
width: 145px;
display: inline-block;
vertical-align: text-top;
margin-left: 5px;
}
#osbov #container_main.mobile #services #tyreBlock.large-9{
overflow-x:auto;
width:250px;
}
#services #tyreBlock table th,
#services #tyreBlock table td{
font-size: 10px;
font-weight:normal;
}
#services #tyreBlock table select{
float:right;
margin-top:0;
}
#osbov #container_main.mobile #osb #osbDealerDetailsTemplate{
display: none;
position: absolute;
background: #fff;
top: 30%;
z-index: 10;
border-radius: 5px 5px 5px 5px;
width:200px;
height: auto;
}	
#osbov #os .calendarBlock{
width:250px;
}	
#osbov #os .calendarBlock th,
#osbov #os .calendarBlock td{
font-size:9px;
}	
.calendarCrossGrey{
margin: -15px 0 0 -20px;
}
#osbov #os #contact-details{
width: 80%;
overflow-x: hidden;
overflow-wrap: break-word;
}
#osbov #container_main.mobile .os_overlay {
width: 290px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape) {
#osbov #services .wrap-text{
width: 145px;
display: inline-block;
vertical-align: text-top;
margin-left: 5px;
}
#osbov #container_main.mobile #services #tyreBlock.large-9{overflow-x:auto;width:410px;}
#osbov #osb #osbDealerDetailsTemplate{
display: none;
position: absolute;
background: #fff;
top: 30%;
z-index: 10;
border-radius: 5px 5px 5px 5px;
width:200px;
height: auto;
}
.calendarCrossGrey{
margin-top: -15px;
}
}
/* portrait */
@media screen and (orientation:portrait) {
/* portrait-specific styles */
#osbov #container_main.mobile #SummaryDivIdMain .large-5.columns,
#osbov #container_main.mobile #SummaryDivIdMain .large-6.columns,
#osbov #container_main.mobile #SummaryDivIdMain .large-7.columns{
width:100%;
}	
}
/* landscape */
@media screen and (orientation:landscape) {
/* landscape-specific styles */
#osbov #container_main.mobile #SummaryDivIdMain .large-5.columns{}
#osbov #container_main.mobile #SummaryDivIdMain .large-6.columns,
#osbov #container_main.mobile #SummaryDivIdMain .large-7.columns{}	
}
/*
Due to Globile not very responsive, I had to make the OSBOV services page same user interface experience 
regardless of the screen size as long as the 
screen size is less than 1024px; 
* 
* */
@media screen and (max-device-width: 760px){
#osbov #os label{font-size:11px;}
#osbov #container_main.mobile #osb article.large-12.columns,
#osbov #container_main.mobile #osb section.large-12.columns{
margin:0;
padding:0;
width: 100%;
}
#osbov #os .aside-login{
margin-left:0;
padding:20px 0;
width: 100%;
}
#osbov #container_main.mobile #os .aside-login .loginLink{
float:left;
padding-right:0;
width: 100%;
}
#osbov #os #login-box{
width:100%;
}			
#services figure{display:none;}
#osbov #os #vehicleModelID ul{padding-left: 0;}
.search-resultList li > label span.dealer-address, 
.search-resultList li > label span.dealer-location{
width: 60%;
display: inline-block;
vertical-align: text-top;
margin-left: 10px;
}	
.search-resultList li > label span.distance{
float:right;
display: inline-block;
}
#osbov #osb #osbDealerDetailsTemplate{
display: none;
position: absolute;
background: #fff;
top: 30%;
z-index: 10;
border-radius: 5px 5px 5px 5px;
width: 490px;
height: auto;
left: 20px;
}
#osbov #container_main.mobile #services figure{display:none;}
#osbov #container_main.mobile #SummaryDivIdMain .large-4.columns,
#osbov #container_main.mobile #SummaryDivIdMain .large-5.columns,
#osbov #container_main.mobile #SummaryDivIdMain .large-6.columns,
#osbov #container_main.mobile #SummaryDivIdMain .large-7.columns{
width:100%;
}
}
@media screen and (max-device-width: 1024px){
#osbov #container_main.mobile #services figure{display:none;}
#osbov #container_main.mobile #SummaryDivIdMain .large-4.columns{
/*width:100%;*/
}	
}
@media screen and (min-device-width: 1024px){
#osbov #container_main.mobile .blockContent .inline-list li {
margin-left:5px;
/*width:43.8%;*/
}	
}
#osbov fieldset{
border:none;
padding:0;
margin:0;
} 
#osbov-ep1-ep2 .progress{
margin-top:30px;
}
#osbov-ep1-ep2 .blockContent .inline-list li {
width: 40.5%;
}
#osbov-ep1-ep2 #os .total-block{
display:inline-block;
float: left;
width: 98%;
}