/* CSS page */ * { box-sizing: border-box;} body {font-size: 100%; margin: 5px;} /* blocks */ .content-body { margin:0; overflow: auto; height: 100%;} .title-bar {overflow: auto;} .navbox { min-width: 200px; margin: -2px; padding: 5px; height: 100%; } .main {padding: 10px 15px; height: 100%; overflow: auto; float: right;} .footer { text-align: center; position: relative;} .centeredbox {width: 70%; Margin: auto; } /* floats, clears, aligns */ .floatleft {float: left;} .floatright {float: right;} .clear {clear:both;} .clear-right {clear:right;} .clear-left {clear:left;} .alignright {text-align: right;} .aligncenter {text-align: center;} .alignleft {text-align: left;} /* text formatting */ .b {font-weight: bold;} .bi {font-weight: bold; font-style: italic;} .i {font-style: italic;} .strike {text-decoration: line-through;} .plus1 {font-size: 1.2em;} .plus2 {font-size: 1.4em;} .minus1 {font-size: 0.9em;} .minus2 {font-size: 0.6em;} .minus3 {font-size: 0.4em;} h4 + p {margin-top: -20px;} h3 + ul.data {margin-top: -20px;} h4 + ul.data {margin-top: -20px;} ul.data {margin: 0;} .hr {width: 100%; display: block; border: 2px solid #000080;} .hr2 {width: 75%; display: block; border: 2px solid #000080; margin-left: 10%;} .hr3 {width: 100%; display: block; border: 1px solid AntiqueWhite;} /* images */ #logo {float: left; border: solid #FFFFFF 3px; padding: 8px; height: 100px; margin: 10px; } /* boxes */ .shoppingcartbox {padding: 7px; margin: 5px; border-style: inset; float: right; border-radius: 10px;} .currencybox {border: #092966 3px solid; background: #ffffff; padding: 7px; margin: 5px; border-style: inset; border-radius: 10px;} .addthisbox {padding: 7px; float:right;} .footerlinks {color: #FAEBD7;} .video {border: #092966 3px solid; background: #ffffff; padding: 7px; margin: 5px; border-style: inset; border-radius: 10px; width: 100%; height: auto; min-height: 480px; max-height: 480px; max-width: 640px; margin-left: auto; margin-right: auto; display: block;} #cookieinfo {top: 40px !important; position: fixed !important;} /* MOBILE FORMATTING */ @media only screen and (max-width: 549px){ #logo {display:none;} h1 {font-size: x-large; text-align: center;} .centeredbox {width: 100%; } } /* COLUMN FORMATTING */ *[class*="col-"] {float: left;} .row:after { content: ""; clear: both; display: block; } /* for mobile phones */ *[class*="col-"] {width:100%;} /* for tablets */ @media only screen and (min-width: 700px) { .col-m-1 {width: 8.33%;} .col-m-2 {width: 16.66%;} .col-m-3 {width: 25%;} .col-m-4 {width: 33.33%;} .col-m-5 {width: 41.66%;} .col-m-6 {width: 50%;} .col-m-7 {width: 58.33%;} .col-m-8 {width: 66.66%;} .col-m-9 {width: 75%;} .col-m-10 {width: 83.33%;} .col-m-11 {width: 91.66%;} .col-m-12 {width: 100%;} .navbox {max-width: 275px;} } /* for desktops */ @media only screen and (min-width: 932px) { .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;} .col-5 {width: 41.66%;} .col-6 {width: 50%;} .col-7 {width: 58.33%} .col-8 {width: 66.66%;} .col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;} .navbox {max-width: 275px;} } /*END OF COLUMN FORMATTING */