html{overflow-y:scroll}
body{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 62.5%;margin:0;padding:0; background-color: #CCC; color: #CCC;}
.highlight{background-color:#fee5f8}
img{border:none;margin:0;padding:0}
*,*:after,*::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
input{height:30px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; float: left; border: 1px solid #333;}
select{height:30px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border: 1px solid #CCC; float: left;}

INPUT, SELECT, TH, TD {font-size:1em}
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em} 
.transparent-block {position: absolute; background-color:#000; filter: alpha(opacity=80);  -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; width: 100%; height: 100%; z-index: -1}

.cookiebar{position:relative;width:100%;height:30px;background:#f3f3f3;font-size:1.3em;line-height:27px}
.cookiebar a:link,.cookiebar a:active,.cookiebar a:visited{color:#144DB8;font-weight:700}
.cookiebar a:hover{color:#000;font-weight:700}
#cookiesubcontainer{width:1200px;margin-right:auto;margin-left:auto;text-align:left;background-color:#fff;position:relative;z-index:1}
#cookietext{float:left;width:1180px}
#cookieclose{float:left;width:20px;font-size:12px}


#callusbox {position: fixed; bottom: 20px; left: 50%; width: 340px; height: 50px; margin-left: -160px; background-color: #000;filter: alpha(opacity=80);  -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #FFF; padding: 7px 20px 10px 20px;}
#callusbox .text1 {float: left; margin-top: 10px; margin-right: 10px; font-size: 1.5em;}
#callusbox .text2 {font-size: 3em; font-weight: bold; float: left;}

.tdpadding10 {padding: 10px;}
 
.seperatorbar {width: 100%; height: 80px; background-color: #666; margin-top: 40px;}

/*input[type=checkbox] {height: auto;}*/
.fixbox {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;}
/*#outtercontainer{width:100%;background-repeat:repeat-x;background-image:url(/themes/caraudio/images3/top-c.gif);background-position:top center;float:left;height:auto}*/

#outtercontainerExtended{width:100%;float:left;height:auto; margin-top: 50px;}

.container{width:1200px;margin-right:auto;margin-left:auto;text-align:left;position:relative; font-size: 1.6em; clear: both;}
.Textcontainer{width:1000px;margin-right:auto;margin-left:auto;text-align:left;position:relative; font-size: 1.6em; clear: both;}
.Fullcontainer{width:100%; text-align:left; clear: both; margin: 100px 0px 20px 0px; float: left;}
.FullBGcontainer{width:100%; margin-right:auto;margin-left:auto;text-align:left;position:relative; clear: both; margin: 0px 0px; float: left;}
.Fullcontainer a {width: 100%;}

.FullcontainerHome{width:100%; margin-right:auto;margin-left:auto;text-align:left;position:relative; clear: both; margin: 40px 0px; float: left;}
.FullcontainerHome a {width: 100%;}

.FullcontainerHomeFull{width:100%; margin-right:auto;margin-left:auto;text-align:left;position:relative; clear: both; margin: 40px 0px; float: left;}
.FullcontainerHomeFull a {width: 100%;}
.FullcontainerHomeFull h1 {color: #FFF; font-size: 3.5em;}
.FullcontainerHomeFull p {color: #e2e2e2;}


.FullcontainerWhite{width:100%; margin-right:auto;margin-left:auto;text-align:left;position:relative; clear: both; margin: 40px 0px; float: left;}
.FullcontainerWhite a {width: 100%;}
.FullcontainerWhite h1 {color: #333; font-size: 3.5em;}
.FullcontainerWhite p {color: #333;}


.spacer10 {margin-bottom: 10px;}
.headerborder {position: fixed; top : 0px; height: 70px; z-index: 9999999; margin-left: auto; margin-right: auto; width: 100%; background-color: #333;}

.spacer20 {margin-bottom: 20px;}
/*a {text-decoration: none; display: inline-block;}*/
a:link, a:active, a:visited {color: #47A6DB; text-decoration: none;}
a:Hover{color: #0274EC; text-decoration: underline;}

.btn{background-color: #439CCF;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    font-weight: 400;
    background-image: -moz-linear-gradient(center top,#439CCF 0px,#144db8 100%);
}

.formerror {clear: left; float: left; display: none;}

#header{
	/*float: left;*/
	z-index: 50;
	width: 100%;
	height: 70px;
	}
	
h1 {color: #1C1750; font-size: 3.5em; margin: 0.6em 0 0.5em 0; font-family: 'Palanquin Dark', 'Franklin Gothic Book',  sans-serif;}	
h2 {color: #47A6DB;font-size: 2.4em; margin: 0.2em 0;}
h3 {color: #FFF; font-size: 1.8em; margin: 1em 0 0.5em 0;}
#features h2 {color: #FFF;}
.blue {color: #1f1b4f;}
h2.lightgrey {color: #cdcdcd; font-size: 2.7em;}


.form-error{display:block;color:red;padding:20px 20px;width:100%; background-color:#fbf9c9; margin-bottom: 10px;-webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px;}
/*.help-block{color:red;padding:5px 0 0 3px}
.help{color:#f90;padding:5px 0 0 3px}
.valid{border:1px solid #96b796!important;color:#002f00;background:url(/assets/images/icon-ok.png) no-repeat right center #e3ffe5}
.error{background:url(/assets/images/icon-fail.png) no-repeat right center #ffebef}*/

	

#header .logo {float: left; min-width: 25%; height: 100%;display: table-cell; vertical-align: middle }
#header .logo a{width: 100%; height: 70px; line-height: 100%; text-align: center; display: table-cell; vertical-align: middle}
#header .logo a img{vertical-align: middle; width: 80%;}
	#header #header-right {float: right; width: 75%; height: 80%; padding-left: 20px;}
		 #header-right-inner {position:relative; height: 100%; width: 100%;}
		 #header-dock {float: left; width: 100%; height: 35px; text-align: right; padding-left: 10%;}
		 	#header-dock ul {float:right;list-style-type:none;margin:0;padding:0}
			#header-dock ul{height:31px;background-color:#FFF;padding:0}
			#header-dock ul li{float: left;padding:3px 10px; font-size: 1.8em}
		 #header-menu {position: absolute; bottom: 0px; width: 100%; height: 40px;}



/* Mega Menu Styles */
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

#mega-menu-1 {
font-family: 'Jura', sans-serif; 
list-style: none; 
position: relative; 
padding: 0; 
margin: 0;
font-size:1.2em;
}
#mega-menu-1 .sub ul {
display: block;
font-size:0.9em;
}
#mega-menu-1 {
 
width: 100%; 
height: 40px;
position: relative;
}
#mega-menu-1 li {
float: left; 
margin: 0; 
padding: 0; 
font-weight: bold;
}
#mega-menu-1 li a {
float: left; 
display: block; 
color: #CCC; 
padding: 12px 20px; 
text-decoration: none;
}
#mega-menu-1 li.mega-hover a, #mega-menu-1 li.mega-hover a:hover {
background: #2B2B2B; 
color: #CCC;
}
#mega-menu-1 li a:hover {
background: #222222; 
color: #FFF;
}
#mega-menu-1 li .sub-container {
    position: absolute;
}
#mega-menu-1 li .sub {
background: #222222; 
padding: 15px; 
border: 1px solid #ccc;
}
#mega-menu-1 li .sub .row {
max-width: 100%; 
overflow: hidden;
clear: both;
}
#mega-menu-1 li .sub li {
list-style: none; 
float: none; 
width: 210px; 
font-size: 1em; 
font-weight: normal;
}
#mega-menu-1 li .sub li.mega-hdr {
margin: 0 10px 10px 0; 
float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0;
}
#mega-menu-1 li .sub a {
background: none; 
color: #FFF; 
padding: 7px 10px; 
display: block; 
float: none; 
font-size: 0.9em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 15px 5px 5px; 
margin-bottom: 5px; 
background: #efefef; 
text-transform: uppercase; 
font-weight: bold; 
color: #000;
font-size: 0.8em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
}
#mega-menu-1 .sub li.mega-hdr li a {
padding: 4px 5px; 
font-weight: normal;
}
#mega-menu-1 .sub li.mega-hdr li a:hover {
color: #441abc; 
background: #efefef;
}
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
padding: 10px;
}
#mega-menu-1 li .sub-container.non-mega li {
padding: 0; 
width: 210px; 
margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
color: #a32403; 
background: #efefef;
}
/* Mega Menu Styles */


	 
		 
#mobilesubmenu-block{display:none} 
#menuicon,#searchicon,#storesicon,#phoneicon{width:24%;text-align:center;display:inline-block;margin:0;padding:0;display:none}
#menuicon{background:url(images/mobile-images/menu-icon.gif) top no-repeat}
		 

#footer {width: 100%; background-color: #000; float: left; margin-top: 30px; color: #FFF; min-height: 100px; padding: 0px 20px;  filter: alpha(opacity=90);  -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.footercontainer{width:1200px;margin-right:auto;margin-left:auto;text-align:left;position:relative; font-size: 1.4em; height: 320px; padding-top: 10px;}
.footercol{width: 100%; min-height: 50px; margin: auto; text-align: center; color: #FFF; font-weight: normal; margin-top: 0px;}
.footercol p {padding: 0px; margin: 0px;}
.footercol h2 {color: #FFF; font-weight: normal; font-size: 2.8em;}
.footercol ul li {padding: 0;  margin: 0;  list-style-type: none;}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:active {color: #FFF;}
#footer a:hover {text-decoration: underline;}

#footercopyright {width: 100%; float: left; margin-top: 0px; color: #CCC; min-height: 100px; padding: 0px 20px;}
#footercopyrightcontainer{width:1200px;margin-right:auto;margin-left:auto;text-align:center;position:relative;}
#copyrightbox {float: left; width: 100%; font-size: 1.3em; margin-top: 20px;font-weight: bold;}
#copyrightbox a:link,#copyrightbox a:visited, #copyrightbox a:active {color: #CCC;}
.get-in-touch-icon {margin: 0px 25px;}

.banner-home{background:url(/assets/images/homepage/banner-full7.png) no-repeat; background-size: 80%; padding-top: 0%; float: left; font-size: 1.1em; height: 890px; margin-bottom: 0px; background-position: top right;}
.banner-homenobg { background-size: 80%; padding-top: 0%; float: left; font-size: 1.1em; height: 890px; margin-bottom: 0px; background-position: top right;}

 
#ourproducts {float: left; padding-top: 0px; width: 100%; min-height: 250px; }
#ourproducts .span3 {float: left; width: 33.33%;   margin:30px 0px 30px 0px;}

.innerbox {margin: 10px; padding: 0px 20px 10px 20px; max-width: 100%; height: 490px; z-index: 2}
.innerboxmid{border-left: 1px solid #1e134f; border-right: 1px solid #1e134f;}
#ourproducts H1, #ourproducts a:link, #ourproducts a:visited {width: 100%; text-align: center;}
.innerbox p{color: #a8a8a8;}
/* 164db5 */
#datablock1 { width: 100%; float: left; margin-top: 40px; padding-bottom: 30px;}
#datablock1 .container, #datablock1 table{color: #FFF;}
#datablock1 .tbl {border: 1px solid #3C90BF; border-left: none; border-bottom: none;}
#datablock1 .tdheader {font-size: 1.4em; font-weight: bold; border-bottom: 1px solid #3C90BF; border-left: 1px solid #3C90BF;}
#datablock1 .tdrow {border-left: 1px solid #3C90BF; border-bottom: 1px solid #3C90BF;}

#datablock2 {background-color: #FFF; width: 100%; float: left; margin-top: 40px; padding-bottom: 30px;}
#datablock2 .container, #datablock2 table{color: #333;}
#datablock2 .tbl {border: 1px solid #333; border-left: none;}
#datablock2 .tdheader {font-size: 1.4em; font-weight: bold; border-bottom: 1px solid #FFF;border-left: 1px solid #333;}
#datablock2 .tdrow {border-left: 1px solid #333;}

.coloblock {width: 100%; }
.coloblock table, .coloblock th, .coloblock td {border: 1px solid #CCC;border-collapse: collapse;}
.coloblock table {width: 100%; font-size: 0.9em;}
.coloblock td, .coloblock th {padding: 5px;}
.coloblock td.subheading {font-weight: bold;}
.coloblock h3 {color: #333; font-size: 1em; margin: 0em 0 0.5em 0;}





#formbox {float: left; width: 60%; padding: 1em; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px; color: #333; border: 1px solid #0c0994;}
#formbox label{float:left;clear:both;width:30%;text-align:right;padding-right:20px;padding-top:5px;}
.tbox{float:left;width:70%;margin-bottom:20px;}
.tbox input[type="text"] {width: 60%}
.styled-select select{background:transparent;width:368px;padding:5px;line-height:1;border:0; border-radius:0;height:34px;-webkit-appearance:none}
.styled-select{width:60%;height:34px;overflow:hidden;background:url(/assets/images/down_arrow_select.png) no-repeat right #FFF;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px}

.formrightbox {float: right; width: 37%; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px; color: #333; border: 1px solid #0c0994; padding: 1em;}
.formrightbox .heading {font-size: 1.1em; font-weight: bold; color: #144db8}



#formboxHome {float: left; width: 100%; padding: 1em; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px; color: #CCC; border: 1px solid #555; font-size: 1.7em}
#formboxHome label{float:left;clear:both;width:100%;text-align:left;padding-right:20px;padding-top:5px;}
.tboxDark{float:left;width:100%;margin-bottom:20px;}
.tboxDark input[type="text"] {color:#FFF; width: 100%; background:transparent; height: 35px; border: 1px solid #555;}
.styled-select-dark select{color:#FFF;background:transparent;width:435px;padding:5px;line-height:1;border:0; border-radius:0;height:34px;-webkit-appearance:none}
.styled-select-dark{color:#FFF; width: 100%;height:34px;overflow:hidden;background:url(/assets/images/down_arrow_select.png) no-repeat right;border:1px solid #555;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px}
.tboxDark textarea {background:transparent;border: 1px solid #555; width: 100%; color: #FFF; font-size: 1.2em;}





.association {width: 100%; text-align:center; padding-left: 10px;}
.footercol .logo {width: 150px; display: inline-block; vertical-align:middle; height: 200px;}


.Login .Textbox, .Login .Hover
{
    width: 337px;
    height: 17px;
    background:transparent url(/assets/images/inputlogin.png) no-repeat top left;
    color: Black;
    border: none;
    padding: 5px;
    font-weight: bold;
}
  
.Login .Hover
{
    background:transparent url(/assets/images/inputlogin.png) no-repeat bottom left;
}



.colcontainer {
    margin:auto;
    text-align: center;
    float: left;
    width: 100%;
}
.cols4 {
    width: 270px;
    margin: 20px 0px 20px 20px;
    display: inline-block;
    text-align: center;
    min-height: 300px;
    vertical-align: top;
    border-right: 1px solid #1e1a4f;
    padding-right: 20px;
    color: #a8a8a8;
}

.cols4noborder {
    width: 240px;
    margin: 20px 0px 20px 20px;
    display: inline-block;
    text-align: center;
    min-height: 300px;
    vertical-align: top;
    padding-right: 20px;
    color: #a8a8a8;

}


.cols4 p, .cols4 ul, .cols4noborder p, .cols4noborder ul { padding: 10px; min-height: 200px;  text-align: left;}



.cols2 {
    width: 400px;
    margin: 20px;
    display: inline-block;
    text-align: center;
    min-height: 300px;
    vertical-align: top;
}
.cols2 p, .cols2 ul {padding: 150px 10px 30px 10px; height: 588px; width: 404px; background:transparent url(/assets/images/collocation-bg1.png) no-repeat top left;}
.cols2 ul { list-style-type: none;}
.cols2 ul li{ color: #CCC; font-size: 1.2em; }

.cols2Home {
    width: 500px;
    margin: 20px;
    display: inline-block;
    text-align: center;
    min-height: 300px;
    vertical-align: top;
}
.cols2Home p, .cols2Home ul {padding: 150px 10px 30px 10px; height: 588px; width: 404px;}
.cols2Home ul { list-style-type: none;}
.cols2Home ul li{ color: #211a5f; font-size: 1.2em; }


.cols2Homeright { width: 500px; margin: 20px; display: inline-block; text-align: center; vertical-align: top;}
.cols2Homeright .heading {color: #FFF; font-size: 2.4em;}
.cols2Homeright a {width: auto; color: #FFF; font-weight: bold;}

.cols3 {
    width: 350px;
    margin: 10px;
    display: inline-block;
    text-align: center;
    min-height: 10px;
    vertical-align: top;
    font-size: 0.9em;
    color: #211a5f;
}

.cols3 ul { width: 310px; padding-left: 20px; ;}
.cols3 .one { background:transparent url(/assets/images/managed-hosting/server-options1bg.png) no-repeat top left; padding: 100px 20px 30px 20px; float: left; width: 350px; height: 590px;}
.cols3 .two {  background:transparent url(/assets/images/managed-hosting/server-options2bg.png) no-repeat top left; padding: 100px 20px 30px 20px; float: left; height: 590px;}
.cols3 .three {  background:transparent url(/assets/images/managed-hosting/server-options3bg.png) no-repeat top left; padding: 100px 30px 30px 10px; float: left; height: 590px;}
.cols3 ul li{ color: #47A6DB; margin: 2px; text-align: left;}
.cols3 .one H2, .cols3 .one H3 {margin-bottom:0px;}
.cols3 h3 {color: #E2E2E2;}



.cols4v2 {
    width: 262px;
    margin: 10px;
    display: inline-block;
    text-align: center;
    min-height: 10px;
    vertical-align: top;
    font-size: 0.9em;
    color: #211a5f;
}

.cols4v2 ul { width: 222px; padding-left: 20px; ;}
.cols4v2 .one { background:transparent url(/assets/images/managed-hosting/server-options-4c-1bg.png) no-repeat top left; padding: 130px 20px 30px 20px; float: left; width: 262px; height: 670px;}
.cols4v2 .two {  background:transparent url(/assets/images/managed-hosting/server-options-4c-2bg.png) no-repeat top left; padding: 130px 20px 30px 20px; float: left; height: 670px;}
.cols4v2 .three {  background:transparent url(/assets/images/managed-hosting/server-options-4c-3bg.png) no-repeat top left; padding: 130px 30px 30px 10px; float: left; height: 670px;}
.cols4v2 .four {  background:transparent url(/assets/images/managed-hosting/server-options-4c-4bg.png) no-repeat top left; padding: 130px 30px 30px 10px; float: left; height: 670px;}
.cols4v2 ul li{ color: #47A6DB; margin: 2px; text-align: left;}
.cols4v2 .one H2, .cols4v2 .one H3 {margin-bottom:0px;}
.cols4v2 h3 {color: #E2E2E2;}




.tick {float: left; clear: left;}
.ticktext  {float: left; margin-left: 20px; color: #0e0cae; margin-top: 10px; font-weight: bold; font-size: 1.2em;}

.softwareoptions{width: 100%; text-align: center;}

.lefttick {background: url('../assets/images/blue-tick.png') no-repeat 0px 33px; left: 0px; padding-left: 30px;}
.icon-hardware { background: url('../assets/images/homepage/blue-icons/hardware.png') no-repeat 0px 28px; left: 0px; padding-left: 75px;}
.icon-loop { background: url('../assets/images/homepage/blue-icons/icon-loop.png') no-repeat 0px 28px; left: 0px; padding-left: 75px;}
.icon-lock { background: url('../assets/images/homepage/blue-icons/icon-lock.png') no-repeat 0px 28px; left: 0px; padding-left: 75px;}
.icon-bandwidth { background: url('../assets/images/homepage/blue-icons/icon-bandwidth.png') no-repeat 0px 28px; left: 0px; padding-left: 75px;}
.icon-quality { background: url('../assets/images/homepage/blue-icons/icon-quality.png') no-repeat 0px 28px; left: 0px; padding-left: 75px;}
.icon-price { background: url('../assets/images/homepage/blue-icons/icon-price.png') no-repeat 0px 28px; left: 0px; padding-left: 75px;}



/* back to top css */
.cd-top {
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:  url(/assets/images/up-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #F67400;
  opacity: 1;
}


    .hidden{
    visibility: hidden;
}



video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}


.whitebg {background-color: #FFF;}
.blackbg {background-color: #000;}

.homepage-tbl-header {background-color: #2B2B2B; font-size:1.4em; color:#FFF; text-align: center; font-weight: bold; padding: 15px 5px;}
.homepage-tbl-price {
    font-size: 2.5em;
    background-color: #222222;
    text-align: center;
    font-weight: bold;
    color:#FFF;
    padding: 20px 5px;;
}
.homepage-tbl-price2 {font-size: 0.4em; color: #46A5DA;}
.homepage-tbl-list {font-size: 0.9em; text-align: center; width: 100%; color: #FFF;}
.homepage-tbl-list .row1 {padding: 15px 5px;}
.homepage-tbl-list .row2 {padding: 15px 5px; background-color: #222222;}
.homepage-tbl-list .rowbig {padding: 12px 5px;font-size: 1.3em; color :#46A5DA; font-weight: bold;}
.homepage-tbl-list .rowbig2 {padding: 12px 5px; background-color: #222222;font-size: 1.4em; color :#46A5DA; font-weight: bold;}


.homepage-tbl-border {
    border: 1px solid #333;
    min-width: 300px;
    float: left;
    margin: 25px 0px;
    background-color: #2B2B2B;
}

.homepage-tbl-border-big {
    border: 3px solid #a8a8a8;
    min-width: 300px;
    float: left;
    margin: 25px 0px;
    background-color: #2B2B2B;}


.noright-border {}

.colo-tbl-header {background-color: #2B2B2B; font-size:1.4em; color:#47A6DB; text-align: center; font-weight: bold; padding: 15px 5px;}
.colo-tbl-border {
    border: 1px solid #333;
    max-width: 20%;
    float: left;
    margin: 25px 0px;
    background-color: #2B2B2B;
}
.colo-td-hight1 {height: 150px;}
.colo-td-hight2{height: 85px;}

.colo-tbl-list {font-size: 0.9em; text-align: center; width: 100%; color: #FFF; height: 100%;}
.colo-tbl-list .row1 {padding: 15px 5px;}
.colo-tbl-list .row2 {padding: 15px 5px; background-color: #222222;}



.coloplus-tbl-border { border: 1px solid #333; max-width: 25%; float: left; margin: 25px 0px; background-color: #2B2B2B;}




.padding20 {padding: 0 20px;}
.CenterText {text-align: center;}
.left-aligntext {text-align: left;}
.clearall{clear:both}

/* END back to top css */


    .associations {
        width: 70%;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }


.datefont {
    font-size: 0.8em;
    color:#0A719C;
}

@media (max-width: 1219px) {




	body{background-position:0 191px;}

	.container{max-width:1000px}

	a.blue-btn:hover{height:20px;font-size:1.4em;line-height:20px}

	#maincontent{width:968px}
	
	#cookiesubcontainer{width:1000px;margin-right:auto;margin-left:auto;text-align:left;background-color:#fff;position:relative;z-index:1}
    #cookietext{float:left;width:980px}
	
	
	h1 {font-size: 2em; margin: 0.1em 0;}	
    h2 {font-size: 2.4em; margin: 0.1em 0;}
    h3 {font-size: 1.8em; margin: 0.1em 0;}


    .headerborder {height: 120px;}
    #header #header-right {width: 100%; clear: both; height: 40px; background-color: #000;}
    .headerborder {border: none;}
    .footercontainer{width:1000px;}



    .homepage-tbl-border {min-width: 180px;}

    .colo-tbl-header {height: 80px}
    .colo-td-hight1 {height: 180px;}
    .colo-td-hight2{height: 85px;}

    .colo-td-hight3 {height: 85px;}



}



@media (max-width: 1000px) {
	html {width: auto; }
	#outtercontainer{font-size:14px}
	.container{width: auto; max-width:100%;margin-right:auto;margin-left:auto;position:relative}
	
	.grey-btn{height:24px;font-size:1.6em;line-height:24px}
	
	#maincontent{min-width:96%;width: auto; max-width:96%;z-index:0;padding:5px 2% 15px; border: none;}
	/*#header {height: auto;}
	#header .logo {width: 100%; text-align: center; height: auto;}
	#header .logo a {height: 90px; display: inline;}
	#header #header-right {width: 90%; height: 75px; float: right;}
	#header-menu {float: left; position: static;}
	#header #header-right {max-width: 70%;}*/
	
	.navbar {min-width: 0px!important;}
	
	#ourproducts {float: left; padding-top: 40px; width: 96%; margin-left: 2%; margin-right: 2%;}
	#header .logo {width: 30%;}
	#header .logo a {height: auto; display: block;}
	#header .logo a img {max-width: 100%; margin-top: 15px;}

.cookiebar{display: block; height: auto; float: left;}
#cookiesubcontainer{width:100%}
#cookietext{width:92%;font-size:14px;text-align:center}
#cookieclose{float:right;width:5%;font-size:18px;text-align:right;margin-right:1%;margin-top:12px}

.innerbox {min-height: 300px;}

.footercontainer{width:100%;}

#footercopyrightcontainer {width: 100%}

.Textcontainer {  width: 95%; }

.homepage-tbl-border {min-width: 180px;}
.homepage-tbl-header {padding: 15px 2px; }
.homepage-tbl-price {padding: 20px; 2px;}
.homepage-tbl-list .row1 {padding: 15px 2px; }
.homepage-tbl-list .row2 {padding: 15px 2px; }

.colo-tbl-border {max-width: 33%}
 .colo-tbl-header {height: 60px}


.FullcontainerHomeFull h1 {font-size: 2.5em; }

}

@media (max-width: 850px) {

#ourproducts .span3 {width: 98%; height: auto; margin: 20px auto; float: none;}

.cycle-pager { top: 60%!important;}
/*#header .logo {width: 50%;}
#header .logo a {height: auto}
#header .logo a img {max-width: 100%;}*/
    #header {height: 55px;}
#header .logo a img {max-width: 100%; margin-top: 20px;}
#header #header-right {float: right; width: 70%; height: 80%; padding-left: 0px;}

 #mega-menu-1 li a {padding: 5px 5px;    }

#formbox {width: 100%;}
#formbox label {width: 100%; text-align: left;}
.styled-select {width: 100%;}
.styled-select select {width: 100%;}
.tbox {width: 100%;}
.tbox input[type="text"] {width: 100%;}

.innerbox {min-height: auto; height: auto;}

.footercol {width: 60%; clear: left;}
.association {width: 100%; float: left; text-align:centre; padding-left: 40px;}
.footercol .logo {width: 70%; float: left; clear: left; padding-left: 30px;}
.innerboxmid {border: none;}

/* .container{height: 150px} */

#header #header-right {width: 100%; clear: both; height: 40px;}

.homepage-tbl-border, .homepage-tbl-border-big {width:50%;}

.associations { width: 80%; }

.colo-tbl-border {max-width: 50%}
.coloplus-tbl-border {max-width: 50%}



}



@media (max-width: 500px) {

.cycle-pager { top: 40%!important;}
#header {height: auto;}
#header .logo {height: auto;width: 50%; display: inline; margin: 0 auto;}
#header #header-right {display: none;}
#header .logo a img {max-width: 100%; margin-top: 0;}

.container{height: auto;}


#mobilesubmenu-block{display: inline;float:left;width:100%;background-color:#144DB8;height:40px;padding:0;}
#menuicon,#searchicon,#storesicon,#phoneicon,#accounticon{width:19%;text-align:center;display:inline-block;margin:0;padding:0}
#menuicon{background:url(/assets/images/icon-menu.png) top no-repeat;background-size:40px 40px}
/*#searchicon{background:url(images/mobile-images/search-icon-tablet.png) top no-repeat;background-size:83px 40px}*/
#phoneicon{background:url(images/mobile-images/phone-icon-tablet.png) top no-repeat;background-size:83px 40px}
#accounticon{background:url(images/mobile-images/account-icon-tablet.png) top no-repeat;background-size:83px 40px}

.footercol {width: 100%; clear: left;}
.footercol .logo {width: 90%; float: left; clear: left; padding-left: 30px;}

.get-in-touch-icon{margin: 0px 10px;}

.innerbox img {width: 50%;}

.homepage-tbl-border {width:100%;}
    #formboxHome {width: 100%;}
    .cols2Home, .cols2Homeright {width: 96%; margin-left: 2%; margin-right: 2%;}

    .coloplus-tbl-border {max-width: 100%}

    .associations {width: 95%;}

    .headerborder {z-index:999; height: 70px;}
}