@charset "UTF-8";
/* CSS Document */

h1{font-size:20px;font-family:Arial;font-weight:500;color: white;}
h2{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h3{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h4{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h5{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h6{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}

.buybutton {
        font-family: Verdana, Arial, sans-serif;
        display: inline-block;
        background: #04B404;
        border: 1px solid #298A08;
        padding: 7px 9px 7px 9px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
                }

.buybutton:hover {
        text-decoration: none;
		background: #298A08;
}

button {
	font: 14px "Trebuchet MS", sans-serif;

}
.button {
	padding: 8px 16px;
display:inline-block;
text-decoration:none;
border-radius:3px;
background-color: #ccc;

}
.button-primary {
	background:#DBDBDB;
	color:white;
}
.button-primary:hover {
	background:lightslategrey;
	color:#fff;
}


.left  {
float:left;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #0099ff;
    margin: 1em 0;
    padding: 0; 
}

button {
	font: 14px "Trebuchet MS", sans-serif;

}
.button {
	padding: 8px 16px;
display:inline-block;
text-decoration:none;
border-radius:3px;
background-color: #ccc;

}
.button-primary {
	background:#DBDBDB;
	color:white;
}
.button-primary:hover {
	background:lightslategrey;
	color:#fff;
}



.styled-select select {
  
   border: 2px solid;
   font-size: 26px;
   height: 58px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}


body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:87.5%;
  background:url(../images/background/speedcurb-speed-camera.jpg) no-repeat fixed 50% 0;
  }

.style1 {
	font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
font-weight: none;
margin:0;
padding:0;
}

.style2 {
	
}

#countyad {
	float: left;
	width: 1000px;
	
}

.county{
width:300px;
height:260px;
float:left;
border:1px solid #0099ff;
margin:10px 0px 10px 10px;
padding:10px;
}


#social{
float:left;
width:150px;
margin: 10px 0px 0px 10px;
}

#linkstop{
float:right;
width:550px;
}

#topmenu {
overflow:hidden;
width: 100%;
float: left;
background-color:white;
}

#link{
font: 80% Arial;
font-size:14px;
}
#link ul{
list-style-type:none;
margin:0;
padding:0;

}
#link li{
float:left;
padding:10px;
}
#link a:link, #link a:visited{
display:block;
color:black;
background-color:none;
text-align:center;
text-decoration:none;
}
#link a:hover, #link a:active{
background-color:none;
text-decoration: underline;
}

A:link{
color: #0099ff;
text-decoration: none;
}
A:visited{ 
color: #7401DF;
text-decoration: none;
}
A:hover{
color: #003399;
text-decoration:underline;
}
A:active{
color: #003399;
text-decoration: none;
}

 
#container {
	width:1150px;
      margin:0 auto;
      padding:5px 5px 5px 5px;
      border:1px solid #cccccc;
      background:#ffffff;
	   }

#top {
display: none;
}
	     
.title {
float: left;
width: 100%;
	background-color: #0099ff;
	box-shadow: inset -200px 0px 200px -100px white;
}

#content {
float: left;
width: 830px;
}

#contentproduct {
float: left;
width: 1100px;
}

#productimage {
float: left;
width: 600px;
}

#productdescription {
float: left;
width: 500px;
}

#productcart {
float: left;
width: 1000px;
}

#productcameras {
float: left;
width: 1000px;
}

#productcamera {
float: left;
width: 80px;
}

#productmore {
float: left;
width: 1100px;
}

#sctop{
float: left;
width:1150px;
background-color: #DBF2FA;
}

#sclogo{
float: left;
width: 250px;
}

#sclogomob{
display: none;
}

#scbanner{
float: left;
width: 750px;
}

#countyselection{
float: left;
width: 350px;
height: 500px;
}

#cameracomments{
float: left;
width: 830px;
}

#typeofcamera{
float: left;
width: 350px;
height: 275px;
}

#mobilecounty{
display: none;
}

#database1{
width: 350px;
float: left;
}

#database2{
width: 700px;
float: left;
}

.sc {
float: left;
width: 775px;
padding: 3px 0px 3px 0px;
}

.sc1 {
float: left;
width: 80px;
}

.sc2 {
float: left;
width: 670px;
}

#skyscraper {
display: none;}

#ld{
padding: 0px 0px 0px 0px;	
float: left;
width: 800px;
}

#scintro{
display: none;
}

#scintro2{
float: left;
width: 210px;
}




#ld1{
float: left;
width: 320px;
	padding: 0px 0px 0px 10px;
}

#ld2{
display: none;
float: left;
width: 320px;
}

#ld3{
float: left;
width: 800px;
}

#advertld{
float: left;
width: 300px;
}

.location{
width: 335px;
height:275px;
float: left;
border:1px solid #0099ff;
margin:10px 0px 10px 10px;
padding:10px;
}


#navigationtab{
	display:none;
	
}

#navigation{  
width: 100%;
float: left;
border-top:3px solid white;
}

#navigationmobile{  
display: none;
}

#navmenu{
	margin:0;
	padding:0;
	
}

#navmenu ul{
	margin:0;
	padding:0;
	line-height:33px;
	
}

#navmenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#978E8E;
	padding: 0px 0px 0px 0px;
	width:12.5%;
}

#navmenu li li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#978E8E;
	color: white;
	width:100%;
}


#navmenu ul li a{
	
	background:  url(../images/navigation/line.gif) bottom right no-repeat;
	text-align:center;
	font-family:"Helvetica";
	text-decoration:none;
	height:33px;
	width: 100%;
	display: block;
	color:white;
	border:none;
	
}

#navmenu ul ul{
	position:absolute;
	visibility:hidden;
	top:33px;
	background:grey;
	padding: none;
	width: 175px;
}

#navmenu ul li:hover ul{
	visibility:visible;
	top:33px;
	
}


#navmenu li:hover{
	background-color:black;
	color:red;

}

#navmenu ul li:hover ul li a:hover{
	background:black;
	color:lightblue;
	text-decoration:underline;
}

#rightad{
float: left;
width: 300px;
}

#footer {
overflow:hidden;
width: 1150px;
float: left;
background-color: #DBF2FA;
}

.speedcamerasuk{
width: 249px;
height: 280px;
float: left;
border:3px solid white;
margin:20px 0px 20px 10px;
padding:10px;
background-color:#0099ff;
}

.style11{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: white;
font-weight:800;
}

.footlink{
font: 80% Arial;
font-size:14px;
}
.footlink ul{
list-style-type:none;
margin:0;
padding:0;

}
.footlink li{
padding:1px;
}
.footlink a:link, .footlink a:visited{
color:white;
background-color:none;
text-align:left;
text-color:#003399;
text-decoration:none;
}
.footlink a:hover, .footlink a:active{
background-color:none;
text-decoration: underline;
text-colour:#003399;
}

#copyright{
width: 975px;
float: left;
margin:0px 0px 0px 10px;
padding:10px;
}

.clear{
    clear: both;
}





@media (max-width:800px)
{

#container {
	width:95%;
      margin:0 auto;
      padding:5px;
      border:1px solid #cccccc;
      background:#ffffff;
	   }

#topmenu {
display: none;
}

#top {
display: none;
}

#countyad {
	display: none;
	
}
	
.style1 {
	font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
font-weight: none;
margin:0;
padding:0;
}
	   
#content {
float: left;
width: 100%;
}

#contentproduct {
float: left;
width: 100%;
}

#productimage {
float: left;
width: 100%;
}

#productdescription {
float: left;
width: 100%;
}

#productcart {
float: left;
width: 100%;
}

#productcameras {
float: left;
width: 100%;
}

#productcamera {
float: left;
width: 80px;
}

#productmore {
float: left;
width: 100%;
}

#sctop{
float: left;
width:100%;
}

#sclogo{
display: none;;
}

#sclogomob{
	display: inline;
float: left;
width: 100%;
}


#scbanner{
display: none;
}

#database2{
width: 100%;
float: left;
}

#mobilecounty{
display: inline;
float: left;
width: 320px;
}

#scintro{
display: inline;
float: left;
width: 360px;
}

#scintro2{
display: none;
}

.sc {
float: left;
width: 330px;
}

.sc1 {
float: left;
width: 80px;
}

.sc2 {
float: left;
width: 250px;
}


#skyscraper {
	display: inline;
float: left;
padding: 80px 0px 0px 80px;
width: 170px;
}

#ld{
float: left;
width: 100%;
}

#ld1{
float: left;
width: 240px;
}

#ld2{
display: inline;
float: left;
width: 300px;
}

#ld3{
float: left;
width: 100%;
}

#cameracomments{
float: left;
width: 100%;
}

.title {
float: left;
	background-color: #0099ff;
	box-shadow: inset 0px 0px 0px 0px white;
}
	
#navigation{
	display:none;
	
}

#navigationtab{
	display:none;
	
}
	
#navigationmobile{ 
display:inline; 
width: 100%;
float: left;
}

#navmenumobile{
	margin:0;
	padding:0;
}

#navmenumobile ul{
	margin:0;
	padding:0;
	line-height:33px;
}

#navmenumobile li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#978E8E;
	width: 33.33%;
}

#navmenumobile li li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#978E8E;
	color: white;
	width:100%;
}

#navmenumobile ul li a{
	
	background:  url(../images/navigation/line.gif) bottom right no-repeat;
	text-align:center;
	font-family:"Helvetica";
	text-decoration:none;
	height:33px;
	width:100%;
	display: block;
	color:#FFF;
	border:none;
}

#navmenumobile ul ul{
	position:absolute;
	visibility:hidden;
	top:33px;
}

#navmenumobile ul li:hover ul{
	visibility:visible;
	top:33px;
}

#navmenumobile li:hover{
	background:black;


}

#navmenumobile ul li:hover ul li a:hover{
	background:black;
	color:white;

}	

#footer {
overflow:hidden;
width: 100%;
float: left;
}

#copyright{
width: 100%;
float: left;
margin:0px 0px 0px 10px;
padding:10px;
}

.locationtext{
width: 160px;
height:175px;
float: left;
border:1px solid #0099ff;
margin:10px 0px 10px 10px;
padding:10px;
}

.locationtext2{
width: 160px;
height:240px;
float: left;
border:1px solid #0099ff;
margin:10px 0px 10px 10px;
padding:10px;
}

.locationtext3{
width: 160px;
height:300px;
float: left;
border:1px solid #0099ff;
margin:10px 0px 10px 10px;
padding:10px;
}
	
}

@media (max-width:550px)
{
	
#ld1{
float: left;
width: 100%;
}

#ld2{
display: none;	
}

}