html, body {
background-color: #FFFFFF;
margin: 0px;
height: 100%;
text-justify: inter-word;
font-size: 18px;
color: #555555;
font-family:'Arial',sans-serif;
text-decoration: none;
font-weight: normal;
}
a[href ^= 'tel:'] {
background-color: #f2f2f2;
color: #555555;
font-family:'Arial',sans-serif;
text-decoration: none;
font-weight: normal;
}
a {
text-decoration: none;
color: #2e7c13;
font-weight:bold;
overflow:hidden;
}
#container{
width:100%;
min-height:100%;
position:relative;
}
/*#left{
float:left;
width:0%;
margin-top: 30%;
overflow: hidden;
}
#right{
float:right;
width:0%;
margin-top: 30%;
overflow: hidden;
}*/
.inputResize{
}
#header{
width:100%;
margin: 0 auto;
height: 210px;
position: relative;
/*text-align: center;*/
z-index: 50;
background-color:white;
}
#headercontainer {
width:80%;
height:100px;
margin-left:auto;
margin-right: auto;
}
#headertop {
display:inline-block;
float:left;
width:90%;
height:50px!important;
}
#headerbottom{
text-align: right;
display:inline-block;
width:90%;
height:50px!important;
}
#headerlogo{
float:left;
width:10%;
position: relative;
z-index:20;
display:inline-block;
padding-top:5px;
/*padding-left:10px;*/
font-size: 14px;
/*border:1px solid red;*/
height:100%;
/*background-image: url("images/logo/logo.png");*/
}
#headerlogo img{
height:200px;
/*border: 1px solid #000;*/
margin-left:20px;
}
#headerlogo a{
height:0px;
padding:0px;
}
#headermiddle{
display:inline-block;
float:left;
margin-left:3%;
width:12%;
text-align:left;
font-size: 12px;
/*border:1px solid blue;*/
line-height:50px;
font-family:'Arial',sans-serif;
}
#headerright{
display:inline-block;
width:100%;
margin-top: 2%;
height:50px;
line-height: 50px;
font-size: 16px;
color: #555555;
font-family: calibri,arial;
text-decoration: none;
font-weight: normal;
/*border:2px solid black;*/
text-align: right;
}
#SocialMedia {
float: right;
text-align: right;
color: #ccc;
color: #2e7c13;
font-size: 13px;
line-height: 50px;
margin-right:12px;
}
#SocialMedia img {
height: 8%;
width: 8%;
vertical-align: sub;
}
#SocialMedia img:hover {
}
.abouthead {
float:left;
background: #8abee7;
width: 96%;
margin-top:20px;
overflow: hidden;
height: 100%;
padding-left: 20px;
padding-right: 20px;
border-left: 2px solid #cccccc;
border-top: 2px solid #cccccc;
border-right: 2px solid #cccccc;
}
.aboutdesc{
float:left;
background: #ffffff;
width: 96%;
padding: 20px;
overflow: hidden;
border-left: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;
border-right: 2px solid #cccccc;
}
.aboutheadtext {
display: block;
margin-left: auto;
margin-right: auto;
font-size: 16px;
color: #fff;
font-family: "Arial";
margin: 12px;
text-transform: uppercase;
font-weight: bold;
text-align: left;
}
.slogantext {
display: block;
margin-left: auto;
margin-right: auto;
font-size: 16px;
color: #fff;
font-family: "Arial";
margin: 12px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
.slogantext a{
display: block;
margin-left: auto;
margin-right: auto;
font-size: 16px;
color: #fff;
font-family: "Arial";
margin: 12px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
li.navlink {
display: inline;
height: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
li.navlink a:hover {
background-color: #2e7c13;
height: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
li.bullets {
margin-left:20px;
}
p {
color: #555555;
font-family:'Arial',sans-serif;
text-decoration: none;
font-weight: normal;
font-size:18px;
}
p a {
color: #555555;
font-family:'Arial',sans-serif;
text-decoration: none;
font-weight: normal;
font-size:18px;
}
label {
color: #555555;
font-family:'Arial',sans-serif;
text-decoration: none;
font-weight: normal;
font-size:18px;
}
#collabel{
min-width:100px;
}
#adrotator_container {
width: 100%;
overflow: hidden;
/*background-color:#eee;*/
}
img.Game {
width:75%;
height:75%;
}
img.Queen {
width:75%;
height:75%;
}
.mySlides {
height:100%;
width:100%;
max-height:450px;
z-index: -1;
background: transparent no-repeat center;
background-size: cover;
}
.s1{
background-image: url(../images/rotator/football.jpg);
background-size:cover;
width:100%;
height:400px;
}
.s2{
background-image: url(../images/rotator/ball.jpg);
background-size:cover;
width:100%;
height:400px;
}
.ContentBack {
background-color:#f2f2f2;
width: 100%;
min-height: 100%;
padding-top: 20px;
padding-left:0%;
padding-bottom: 10px;
overflow: auto;
}
.ContentContainer{
width:90%;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
padding-bottom:15px;
}
.MapBack {
background-color:#f2f2f2;
width: 100%;
min-height: 100%;
padding-top: 20px;
padding-bottom: 30px;
overflow: auto;
}
.MapBack h3 {
padding-left:2%;
}
.SupplierLogin {
width:98%;
margin-left:auto;
margin-right:auto;
}
.indexbuttoncontainer {
width:100%;
}
.indexbutton {
float:left;
/*background: #ffffff;*/
/*border: 1px solid #cccccc;*/
height:100%;
width: 23%;
margin-left:1%;
margin-right:1%;
overflow: hidden;
}
.indexbutton img {
height: 100%;
width: 100%;
}
.indexbuttonwriteup {
float:left;
/*background: #ffffff;
border: 1px solid #cccccc;*/
height:100%;
width: 31.3333%;
overflow: hidden;
margin-right: 1%;
margin-left: 1%;
margin-top:20px;
}
.indexbuttonwriteup p {
font-size: 15px;
margin: 15px;
text-align: center;
font-family:'Arial',sans-serif;
}
.indexbuttonwriteup h3 {
font-size: 14px;
text-align: center;
margin: 15px;
}
h3 {
color: #666;
font-weight: 600;
}
h3.SubText {
color: #286630;
font-family:'Arial','Sans-serif';
font-size:20px;
}
.font {
font-family:'Arial','Sans-serif';
margin-top:14px;
}
.Logos {
width: 100%;
}
.Logos img {
width: 100%;
height: 100%;
}
.headertext {
color: #2e7c13;
font-family: 'Arial', sans-serif!important;
text-decoration: none;
font-weight: normal;
font-size:20px;
font-weight:bold;
}
.NewsImgContainer{
display:none;
width:48%;
margin-left:1%;
margin-right:1%;
float:left;
}
.NewsImgContainer img{
display:block;
width:70%;
margin-left:auto;
float:right;
margin-top:40px;
min-width:200px;
}
.NewsImgColumn{
width:48%;
margin-left:1%;
margin-right:1%;
float: left;
}
.NewsInfoColumn{
width:48%;
margin-left:1%;
margin-right:1%;
float: left;
}
.MainButtonPara {
width:48%;
margin-left:1%;
margin-right:1%;
float: left;
}
.MainButtonPara p, .MainButtonPara li{
font-family:'Arial',sans-serif;
}
.MainButtonPara h3{
font-family:'Arial','Sans-serif';
}
.MainLinksRightRed {
background-color: #ce1719;
width: 100%;
height:100%;
padding-bottom: 10px;
margin-bottom: 50px;
position: relative;
}
.MainLinksRightRed img{
position: absolute;
top:5px;
left:13px;
width:50px;
}
.MainLinksRightRedFooter{
background-color:#8A140A;
height:40px;
width:100%;
display:block;
position:absolute;
bottom:-40px;
}
.MainLinksRightRedFooter img{
float:right;
position: absolute;
top:10px!important;
left:auto!important;
right:10px;
width:auto!important;
height:20px;
}
.LinkTitle {
font-size: 28px;
font-weight: bold;
color: #fff;
padding-left: 70px;
padding-right: 10px;
padding-top: 20px;
font-family: 'Arial', sans-serif!important;
}
.SideImages {
float: right;
width: 48%;
height: 48%;
margin: 1%;
}
.SideImages img {
width: 100%;
height: 100%;
}
.LinkPara {
font-size: 14px;
color: #fff;
margin-top:10px;
padding-left: 15px;
padding-right: 15px;
}
.LinkPara p {
font-size: 14px;
color: #fff;
}
.ButtonSpacer {
margin-top: 250px;
}
#contactleft {
float: left;
width:64%;
margin-left:3%;
margin-right:3%;
margin-bottom: 20px;
}
#contactright {
float: right;
width:24%;
margin-left:3%;
margin-right:3%;
text-align: right;
}
#contactright p{
font-family:'Arial',sans-serif;
}
#contactmapcontainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-family:'Arial',sans-serif;
font-size: 14px;
}
input[type=password], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-family: calibri,arial;
font-size: 14px;
}
textarea {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-family: calibri,arial;
font-size: 14px;
}
.SubmitButton {
width: 100%;
background-color: #2e7c13;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
font-family:'Arial',sans-serif;
font-size: 14px;
}
.SubmitButton:hover{
background-color:#266610!important;
}
textarea:focus {
border: 2px solid #2e7c13;
}
input[type=text]:focus {
border: 2px solid #2e7c13;
}
input[type=submit]:hover {
background-color: #2e7c13;
}
.promotionscontainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
text-align: center;
margin-top: 20px;
margin-bottom: 150px;
}
.prom1 {
width: 45%;
overflow: hidden;
float:left;
text-align: center;
margin-top: 20px;
/*margin-bottom: 30px;*/
}
.prom1 img {
height: 85%;
width: 85%;
}
.prom2 {
width: 45%;
overflow: hidden;
float:right;
text-align: center;
margin-top: 20px;
/*margin-bottom: 30px;*/
}
.prom2 img {
height: 85%;
width: 85%;
}
#categorycontainer {
width: 100%;
min-height: 100%;
margin: 0 auto;
overflow: hidden;
margin-left: 25px;
}
img.imggall {
height: 50%;
width: 50%;
}
.catdesc {
font-size: 18px;
color: #004b97;
font-family: calibri,arial;
text-decoration: none;
font-weight: bold;
margin-left: 10px;
margin-top: 10px;
}
.imagegalleryitem {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 15%;
text-align: center;
}
.imagegalleryitem:hover {
border: 2px solid #8abee7;
}
/*required to resize images in carousel*/
.item {
height:50%;
width:50%;
}
.onlinedesc {
float: left;
width: 50%;
}
.onlinelogos img {
float: right;
height: 20%;
width: 20%;
padding-top: 12%;
}
.topnav {
background-color: #fff;
/*background-color: #008431; */
text-align: right;
height:50px;
padding:0;
/*width: 70%;*/
}
.topnav a {
display: inline-block;
color: #999;
text-align: center;
padding-left: 10px;
padding-right: 15px;
text-decoration: none;
margin-top:0px;
font-size: 16px;
height:50px;
font-weight: bold;
float:right;
font-family:'Arial','Sans-serif';
}
.topnav a:hover {
background-color: yellow;
color: white;
}
.topnavsubcontent a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.topnav a.active {
background-color: yellow;
color: white;
}
.topnav .icon {
display: none;
}
/* Dropdown container - needed to position the dropdown content */
.dropdown {
display:inline;
overflow: hidden;
float:right;
}
/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
display: block;
color: #666;
text-align: center;
font-size: 13px;
border: none;
font-weight: normal;
background-color: inherit;
padding-left:10px;
padding-right:10px;
height:50px;
background-color: inherit;
font-family: inherit;
margin: 0;
cursor: pointer;
font-family:'Arial','Sans-serif';
}
.dropdown .dropbtn a:hover {
color: #fff;
}
/* Style the dropdown content (hidden by default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* Style the links inside the dropdown */
.dropdown-content a {
float: none;
color: #666;
height:15px;
line-height:15px;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
font-size: 11px;
border: none;
}
/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn:hover {
background-color: yellow;
color: #000;
}
/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
background-color: #ccc;
color: #333;
}
/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
display: block;
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
}
.indexmenu:after {
content: 'HOME';
}
.AdvertContainer {
width:100%;
min-height: 100%;
overflow: auto;
}
.MainBanner {
margin-top:20px;
margin-bottom:20px;
text-align: center;
max-width:1000px;
margin-left:auto;
margin-right:auto;
display:block;
}
.MainBanner img {
width:80%;
height:100%;
}
hr.WholesalerMap {
border: 0;
height: 1px;
background: #ccc;
}
.WholesalerSearch {
width: 40%;
margin-left: 20px;
}
.WholesalerSearch {
width: 100%;
margin-left: 20px;
}
.MapKey {
border: 1px dashed #ccc;
}
.WebsitesTBL {
margin-left:20px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}
.MemberTBL {
font-size: 14px;
}
.WebsitesTBL a {
font-size: 14px;
margin-left: 10px;
}
.ServicesTBL {
font-size: 14px;
margin-bottom: 10px;
margin-left:20px;
}
.CatsTBL {
font-size: 14px;
margin-bottom: 10px;
}
li.BPoint {
margin-left: 40px;
}
.MessageError {
font-size: 14px;
color: red;
}
.MessageInfo {
font-size: 14px;
color: #2e7c13;
}
.MessageInfo a{
font-size: 14px;
color: #2e7c13;
}
.MainLinksLeftGreen {
background-color: #444;
width: 100%;
padding-bottom:20px;
padding-top:20px;
border-radius:3px;
}
.NewsContainer {
width:100%;
min-height: 100%;
padding-top: 30px;
padding-bottom: 50px;
overflow:hidden;
}
.NewsTitle {
color: #ce1719;
font-weight: bold;
padding-top: 20px;
font-size: 26px;
display: block;
text-transform: capitalize;
font-family: 'Source Sans Pro', sans-serif;
}
.NewsLinkTitle {
font-size: 44px;
font-weight: bold;
color: #fff;
padding-left: 30px;
padding-right: 30px;
}
.NewsLinkPara {
font-size: 18px;
font-weight: bold;
color: #fff;
padding-left: 30px;
padding-right: 30px;
margin-top: -5px;
}
.NewsProdDetails {
color: #666;
font-size: 14px;
margin-bottom: 30px;
background-color:#fff;
padding:20px;
border-left:3px solid #ce1719;
}
.NewsThumb {
float: left;
width: 25%;
margin-top:10px;
margin-bottom:10px;
position: relative;
}
.hiddenbutton{
position:absolute;
top:0px;
left:0px;
background-color:rgba(0,0,0,0);
outline:0px;
margin:0px;
padding:0px;
width:100%;
height:100%;
cursor:pointer;
border:0px;
}
.hiddenbutton:hover{
background-color:rgba(0,0,0,0)!important;
}
.NewsDesc {
color: #666;
font-size: 14px;
background-color:#fff;
padding:20px;
}
.NewsLabel{
font-family: 'Source Sans Pro', sans-serif;
}
.NewsMainAdditional{
}
.NewsMain {
width: 65%;
display:block;
margin-left:auto;
margin-right:auto;
}
.NewsMain img{
margin-top:150px;
width: 90%;
display:block;
margin-left:auto;
margin-right:auto;
max-width:250px;
min-width:250px;
border-radius:2%;
box-shadow:0px 10px 100px 0px rgba(0,0,0,0.5);
}
.NewsThumb img {
border: 1px solid #ccc;
height:230px;
display:block;
margin-left:auto;
margin-right:auto;
}
.NewsThumb img:hover{
box-shadow:0px 4px 4px 0px rgba(0,0,0,0.6);
cursor:pointer;
}
.MNVariation{
width:30px;
height:30px;
border-radius: 15px;
text-align: center;
line-height: 30px;
background-color:#eee;
cursor:pointer;
box-shadow:0px 1px 1px 0px rgba(0,0,0,0.6);
display:inline-block;
margin-left:5px;
margin-right:5px;
color:green;
font-size:20px;
}
.MNVariation1, .MNVariation2, .MNVariation3{
display:none;
}
.Top20BarContainer {
width:100%;
}
.Top20BarContainer img {
width:200%;
}
.FooterMain {
width:100%;
height: 100px;
/*background-color:#494c55;*/
background-color: #444;
color: #fff;
padding-left: 0%;
}
.FooterContainer{
width:90%;
margin-left:auto;
margin-right:auto;
}
.FooterLinks {
float:left;
/*background: #ffffff;
border: 1px solid #cccccc;*/
/*height:150px;*/
width: 18%;
margin-left:1%;
margin-right:1%;
overflow: hidden;
margin-top:5px;
font-family:'Arial','Sans-serif';
}
.FooterLinks h3 {
font-size:17px;
color:#fff
}
.FooterLinks p {
font-size:10px;
color: #fff;
font-family:'Arial',sans-serif;
}
.FooterLinks a {
color: #ccc;
font-size:12px;
display:block;
text-align: left;
}
.footerinfo{
width:50%;
display:block;
height:50px;
line-height: 50px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family:'Arial',sans-serif;
}
.footerinfo p {
color:white;
font-size:10px;
margin:0px;
}
.SupContactsTable{
width:100%;
display:block;
margin-left:auto;
margin-right:auto;
text-align:left;
border-collapse:collapse;
}
.SupContactsTable td, .SupContactsTable th {
/* border-top:1px solid black!important;*/
/*border-bottom:1px solid black!important;*/
border:1px solid black;
padding:4px;
}
.SupContactsTable th {
font-size:20px;
background-color: #009764;
color:white;
font-family:'Arial','Sans-serif';
}
.SupplierImg {
width:100%;
min-width:180px;
max-width:300px;
}
.top20container {
display:block;
width:90%;
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:50px;
}
.top20headingcontainer{
width:100%;
display:block;
height:auto;
overflow: hidden
}
.top20heading50{
width:50%;
display:inline-block;
float:left;
min-width:300px;
}
.top20img {
display:inline-block;
float:left;
width:10%;
margin:0%;
margin-top:1%;
margin-bottom:1%;
min-width:100px;
}
.top20link {
display:inline-block;
padding:5px;
background-color:#efefef;float:right;
margin:2px;
color:#555555;
border-radius:3px;
font-size:14px;
}
.top20link:hover{
color:#fff;
background-color:#555;
}
.downloadselect{
display:inline-block;
width:70%;
float:left;
height:50px;
line-height:50px;
margin:0px;
border-radius:0px;
}
.downloadsubmit{
display:inline-block;
width:20%;
float:left;
height:50px;
line-height:50px;
outline:none;
border:none;
background-color: #7CD257;
color:white
}
.downloadsubmit:hover{
color:white;
cursor:pointer;
background-color:#009764!important;
}
.eventcard{
width:98%;
height:auto;
display:block;
padding:1%;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.6);
background-color:white;
overflow:hidden;
margin-top:20px;
margin-bottom:20px;
}
.eventcontainer{
width:48%;
display:inline-block;
float:left;
min-width:200px;
padding:1%;
}
.eventcontainer h1 {
font-size:24px;
}
.mobilenavicon{
position:absolute;
right:20px;
top:25px;
width:50px;
background-repeat: no-repeat;
height:50px;
display:none;
}
.mobilenavicon img {
width:100%;
height:100%;
cursor: pointer;
}
.mobilenavdropdown{
position:absolute;
top:100px;
width:100%;
background-color:rgba(0,0,0,0.9);;
z-index:50;
display:none;
}
.mobilenavitem{
height:50px;
line-height:50px;
width:100%;
display:block;
text-align: left;
color:white;
font-size:20px;
padding-left:20px;
font-family:'Arial','Sans-serif';
font-weight: bold;
cursor:pointer;
}
.mobilenavitem:hover{
background-color:white!important;
color:black;
}
.submenuitem{
height:50px;
display:block;
width:100%;
text-align:left;
line-height:50px;
color:white;
font-size:15px;
padding-left:50px;
overflow:hidden;
font-family:'Arial','Sans-serif';
}
.container100{
text-align: center;
width:100%;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
}
.container50{
width:48%;
margin:1%;
display:inline-block;
float:left;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.6);
cursor:pointer;
}
.container50:hover{
box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.6);
}
.container50 img{
width:100%;
}
.submenuitem:hover{
background-color:white!important;
color:black;
}
.submenucontainer{
display:none;
}
@media only screen and (min-width: 1500px){
#headermiddle{
font-size:17px!important;
}
.dropdown button{
font-size:16px!important;
}
#headerright a {
font-size:16px!important;
}
.MainBanner {
max-width:1200px;
}
}
@media only screen and (max-width: 1200px) and (min-width: 0px){
#headercontainer {
width:98%;
}
#headerright a {
font-size:12px!important;
padding-left:11px;
padding-right:11px;
}
#headerright {
width:90%!important;
float:right;
}
#headerbottom{
}
#headerright button{
padding:0;
}
.dropbtn{
padding-left:11px!important;
padding-right:11px!important;
}
.topnav{
width:100%!important;
}
.dropdown button{
font-size:12px!important;
}
.dropdown{
}
#headermiddle{
display:none;
margin-left:2%;
font-size:10px!important;
width:14%!important;
}
.dropdown-content a{
float:none!important;
height:40px!important;
line-height: 40px!important;
padding-top:0px;
padding-bottom:0px;
}
#headerlogo{
width:10%;
}
.LinkTitle{
font-size:23px!important;
}
.LinkPara{
font-size:14px!important;
}
}
@media only screen and (max-width: 800px) and (min-width: 0px){
.SideImages{
width:60%!important;
margin-left:40%;
margin-right:0%;
}
#headerright {
width:88%!important;
}
#headermiddle{
display:none;
margin-left:4%!important;
text-align:right;
font-size:9px!important;
}
.dropdown button{
font-size:1.5vw!important;
}
.dropbtn{
padding-left:4px!important;
padding-right:4px!important;
}
#headerright a {
font-size:1.5vw!important;
padding-left:4px!important;
padding-right:4px!important;
}
.top20heading50 h1{
float:left!important;
}
.top20heading50 a{
float:left!important;
}
.GYSTitleText {
font-size: 32px;
}
.GYSTitleTextGreen{
font-size: 32px;
}
.GYSSubTitleText{
font-size: 28px;
}
#SocialMedia{
font-size:12px;
}
.FooterLinks h3{
font-size:14px!important;
}
.FooterLinks a{
font-size:10px!important;
}
.FooterLinks p{
font-size:7px;
}
.LinkTitle {
font-size:15px!important;
padding-left:70px;
padding-top:20px;
}
.LinkPara{
font-size:12px!important;
margin-top:35px;
}
.dropdown-content a{
float:none!important;
height:30px!important;
line-height: 30px!important;
}
.dropdown-content{
min-width:180px!important;
}
#adrotator_container{
height:300px;
}
.MainButtonPara p,.MainButtonPara li,.MainButtonPara a{
font-size:14px;
}
.MainButtonPara h3{
font-size:20px;
}
.Main-Resize{
float:left!important;
width:100%;
margin:0px;
margin-top:20px;
}
.MemberTBL{
margin-left:0px;
}
#myMap{
height:300px!important;
}
.WebsitesTBL{
margin-left:0px!important;
}
#contactleft{
width:100%;
margin:0px;
}
.SubText{
font-size:16px!important;
}
.indexbuttonwriteup p{
font-size:13px!important;
}
.SupContactsTable th {
font-size:10px!important;
}
.SupContactsTable td {
font-size:8px!important;
}
.BPoint{
margin-left:20px!important;
}
.container50{
width:90%;
margin-left:5%;
margin-right:5%;
display:inline-block;
float:left;
}
.NewsInfoColumn{
width:98%;
padding-bottom:15px;
}
.NewsImgColumn{
display:none;
}
.NewsInfoContainer{
width:48%;
margin-left:1%;
margin-right:1%;
display:inline-block;
float:left;
}
.NewsImgContainer{
display:inline-block;
}
.NewsLinkTitle{
font-size:35px;
}
.NewsLabel{
font-size:15px;
}
.NewsLinkPara{
font-size:15px;
}
.NewsTitle{
font-size:18px;
}
.NewsThumb img{
height:150px;
}
.NewsThumb{
width:23%;
margin-left:1%;
margin-right:1%;
}
.NewsProdDetails{
font-size:12px!important;
}
.NewsDesc{
font-size:12px!important;
}
.slideshow-container{
width:450px!important;
height:150px!important;
}
.admySlides{
height:150px!important;
}
.ad1{
width:100%;
height:200px;
background-image:url('http://www.kidsgroveladsandads.com/images/adverts/banner1.png');
background-size:contain;
background-repeat: no-repeat;
}
.ad2{
width:100%;
height:200px;
background-image:url('http://www.kidsgroveladsandads.com/images/adverts/banner2.png');
background-size:contain;
background-repeat: no-repeat;
}
.MainButtonPara {
width:100%;
text-align: center;
}
.MainButtonPara img{
height:100%;
width:100%;
}
}
@media only screen and (max-width: 500px) and (min-width: 0px){
li.BPoint{
margin-left:20px!important;
font-size:11px;
}
#headerright{
display:none;
width:77%!important;
}
#SocialMedia{
display:none;
}
.indexbutton{
width:48%;
}
.indexbuttonwriteup{
width:100%;
}
.MainButtonPara {
width:100%;
text-align: center;
}
.MainButtonPara img{
height:100%;
width:100%;
}
.mobilenavicon{
display:block;
}
.dropdown button{
font-size:11px!important;
font-weight: normal!important;
}
#headerright a {
font-size:11px!important;
padding-left:3px!important;
padding-right:3px!important;
font-weight: normal;
}
.dropbtn{
padding-left:3px!important;
padding-right:3px!important;
font-weight: normal!important;
}
.dropdown-content{
min-width:130px!important;
}
.btnResize{
font-size:12px;
width:50px;
height:30px;
text-align: center;
padding:0px;
}
.inputResize{
padding:5px!important;
height:30px;
}
.lblResize{
font-size:14px;
margin:0px!important;
padding:0px!important;
}
#collabel{
min-width: 0px!important;
}
.searchIcon{
display:none;
}
#contactright{
width:100%;
margin:0px;
text-align: center;
}
#adrotator_container{
height:200px;
}
.MainButtonPara p,li,a{
font-size:11px;
}
a[href ^= 'tel:'] {
font-size:11px;
}
a.MainButtonPara {
font-size:11px;
}
.MainButtonPara h3{
font-size:18px;
}
.SideImages{
width:80%!important;
margin-left:20%;
margin-right:0%;
}
.MainLinksRightRed{
padding-bottom:0px!important;
}
.downloadselect{
padding:3px;
font-size:12px;
width:70%;
}
.downloadsubmit{
width:30%;
}
.SubText{
font-size:14px!important;
}
.indexbuttonwriteup p{
font-size:12px!important;
}
.SupContactsTable th {
font-size:6px!important;
}
.SupContactsTable td {
font-size:5px!important;
white-space: normal;
word-wrap: normal;
}
.LinkTitle{
font-size:12px!important;
}
.LinkPara{
font-size:10px!important;
}
.MainLinksRightRedFooter{
bottom:-26px!important;
height:26px!important;
}
.MainLinksRightRedFooter img{
height:16px!important;
top:5px!important;
}
.FooterLinks h3{
font-size:12px!important;
}
.FooterLinks a{
font-size:9px!important;
}
.NewsThumb img{
height:100px;
}
.slideshow-container{
width:300px!important;
height:100px!important;
}
.admySlides{
height:100px!important;
}
.ad1{
width:100%;
height:200px;
background-image:url('http://www.kidsgroveladsandads.com/images/adverts/banner1.png');
background-size:contain;
background-repeat: no-repeat;
}
.ad2{
width:100%;
height:200px;
background-image:url('http://www.kidsgroveladsandads.com/images/adverts/banner2.png');
background-size:contain;
background-repeat: no-repeat;
}
}
.adrotatorfade{
animation: fade 1s forwards;
}
@keyframes fade{
0%{
opacity:1;
}
100%{
opacity:0;
}
}
.showNav{
animation: showNav 0.3s forwards;
}
@keyframes showNav{
0%{
opacity:0;
}
100%{
opacity:1;
}
}
/*Adverts*/
.slideshow-container {
width:750px;
position: relative;
margin: auto;
margin-top:20px;
height:260px;
}
.addot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
margin-top:10px;
margin-bottom:20px;
}
.admySlides {display: none;}
.adactive {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
.ad1{
width:100%;
height:200px;
background-image:url('http://www.kidsgroveladsandads.com/images/adverts/banner1.png');
background-size:contain;
background-repeat: no-repeat;
}
.ad2{
width:100%;
height:200px;
background-image:url('http://www.kidsgroveladsandads.com/images/adverts/banner2.png');
background-size:contain;
background-repeat: no-repeat;
}
.ad3{
width:100%;
height:200px;
background-image:url('TBC');
background-size:contain;
background-repeat: no-repeat;
}
.ad4{
width:100%;
height:200px;
background-image:url('TBC');
background-size:contain;
background-repeat: no-repeat;
}