/* cameraman standard stylesheet */
/* clearfix fixes problem with floating elements not pushing borders down,
add the .group class to all elements containing floating elements */

.group:before, .group:after {
	content: "";
	display:table;
	}
.group:after {
	clear:both;
	}
.group {
	zoom:1;
	}

/* Modal window basic styles */
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: -50px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
	  background:rgba(102,102,102,0.7);
	 /* background-image:url(images/background-trans.png); */
}
#overlay div {
     width:700px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
	 border-radius:0.5em;
     padding:15px;
     text-align:center;
}
/* added styles for content of modal */
/* #overlay p a{text-decoration:none;font-weight:bold;color:red;} */
/* #overlay h1 span{color:blue} */
/* #overlay #right img {width:50%;} */
/* #overlay #left img {width:50%;} */
/* #overlay #left {float:left;width:47%;height:350px;border:solid 1px #aaa;margin-bottom:0.5em;} */
/* #overlay #right {float:right;width:47%;height:350px;border:solid 1px #aaa;margin-bottom:0.5em;} */
/* #overlay #left h1, #overlay #left h2{background-color:#EF1C26;color:white;} */
/* #overlay #right h1, #overlay #right h2{background-color:#000000;color:white;} */
/* #overlay #left h2, #overlay #right h2{border:none} */
/* #overlay #across {clear:both;width:100%;margin:0.5em auto;height:auto;border:solid 1px #aaa;} */

/* #across #a-left, #across #a-center, #across #a-right {float:left;width:30%;height:auto;} */
/* #across #a-left img, #across #a-center img, #across #a-right img {width:70%;margin:auto 0} */
/* #across #a-left img{margin-top:1.5em;} #across #a-right img {margin-top:1.5em;} */

/* here starts overlay 2 */

/* #overlay2 { */
     /* visibility: hidden; */
     /* position: absolute; */
     /* left: 0px; */
     /* top: -50px; */
     /* width:100%; */
     /* height:100%; */
     /* text-align:center; */
     /* z-index: 1000; */
	  /* background:rgba(102,102,102,0.7); */
	 /* /* background-image:url(images/background-trans.png); */ */
/* } */
/* #overlay2 div { */
     /* width:700px; */
     /* margin: 100px auto; */
     /* background-color: #fff; */
     /* border:1px solid #000; */
	 /* border-radius:0.5em; */
     /* padding:15px; */
     /* text-align:center; */
/* } */
/* added styles for content of modal2 */

/* #overlay2 p a{text-decoration:none;font-weight:bold;color:red;} */
/* #overlay2 h1 span{color:blue} */
/* #overlay2 #right img {width:50%;} */
/* #overlay2 #left img {width:50%;} */
/* #overlay2 #left {float:left;width:47%;height:350px;border:solid 1px #aaa;margin-bottom:1em;} */
/* #overlay2 #right {float:right;width:47%;height:350px;border:solid 1px #aaa;margin-bottom:0.5em;} */
/* #overlay2 #left h1, #overlay2 #left h2{background-color:#EF1C26;color:white;} */
/* #overlay2 #right h1, #overlay2 #right h2{background-color:#000000;color:white;} */
/* #overlay2 #left h2, #overlay2 #right h2{border:none} */
/* #overlay2 #across {clear:both;width:100%;margin: 3em auto 0.5em auto;height:auto;border:solid 1px #aaa;} */

/* #across #a-left, #across #a-center, #across #a-right {float:left;width:30%;height:auto;} */
/* #across #a-left img, #across #a-center img, #across #a-right img {width:70%;margin:auto 0} */
/* #across #a-left img{margin-top:1.5em;} #across #a-right img {margin-top:1.5em;} */

/* start of modal 3 */

/* #overlay3 { */
     /* visibility: hidden; */
     /* position: absolute; */
     /* left: 0px; */
     /* top: -50px; */
     /* width:100%; */
     /* height:100%; */
     /* text-align:center; */
     /* z-index: 1000; */
	  /* background:rgba(102,102,102,0.7); */
	 /* /* background-image:url(images/background-trans.png); */ */
/* } */
/* #overlay3 div { */
     /* width:700px; */
     /* margin: 100px auto; */
     /* background-color: #fff; */
     /* border:1px solid #000; */
	 /* border-radius:0.5em; */
     /* padding:15px; */
     /* text-align:center; */
/* } */
#across #left, #across #center-l, #across #center-r, #across #right {float:left;width:25%;height:auto;}
#across h2{clear:both;text-align:center;font-size:1.6em;}
#across #about {width:100%;border:solid 1px red;background-color:#ED1C24}
#across #about ul{float:left;list-style:none;color:white;font-size:1.1em;}
#across #about ul li {text-align:left}
#across #about ul li:first-child {text-align:center;font-weight:bold;}
#across #about img{width:20%;float:right;min-width:140px;}
/* end of modal window style */

body {
	font-family:Calibri, Verdana, Arial, San-serif;
	background-color:#ddd;
	}
body h1 {font-size:1.3em;}
body h2{font-size:1.2em; border-bottom:solid 1px #aaa;}
body a:hover {text-decoration:none;}
#header {width:100%;height:auto;text-align:center;padding:0;}
#header img {width:100%;padding:0;margin:0}
#header #logo-small {display:none;}

/* scroll to top style */

.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:350px;
	right:-50px;
	display:none;
	background: url('../images/-arrow-up.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}

#content {
      /* float: left; */
      width: 95%;
	  margin:0.5em auto;
      /* margin-right: -480px; /* The size of the fixed block. */ */ */
}
#content #content-fluid #specials {width:100%;height:auto;border:solid 1px #aaa;background-image:url('../images/special-bg.jpg');background-size:cover;border-radius:5px;}
#content-fluid #specials h1 {text-align:center;color:white;margin:0.2em 0;text-shadow:5px 5px 5px #000;}
#content-fluid #specials p{text-align:center;border:solid 1px #aaa;background-color:rgba(255,255,255,0.4) ;font-weight:bold;padding:0.2em 0;width:80%;margin:0.5em auto;border-radius:10px;}
#content-fluid #specials p:hover { background-color:rgba(255,255,255,1);}
#content-fluid #specials p a{color:#000;text-decoration:none}
#content-fluid #specials p a:hover{text-decoration:underline;}
#content-fluid {
/* sets enough right margin on the fluid element to allow space for the fixed element */
      /* margin-right: 490px; The size of the fixed block. */
	  /* margin-bottom:0.5em; */
	  /* border:solid 1px #000; */
	  padding:1em;
	  /* border:solid 1px #ccc; */
	  /* border-radius:0.5em; */
	  /* box-shadow:5px 5px 5px #aaa; */
	  background-color:#ffffff;
}
#content-fluid h1 {border-top:solid 2px #AE1A26}
#sidebar {
     float: left;
/* sets the width of the fixed element */
     width: 455px; /* The size of the fixed block. */
	 border:solid 1px red;
	 padding:1.9em 0.5em;
	 background-color:#ffffff;
	 border:solid 1px #ccc;
	 border-radius:0.5em;
	 box-shadow:5px 5px 5px #aaa;
	 margin-bottom:0.5em;
}

#sidebar table, #sidebar #hours {width:95%;margin:0.5em auto;border:solid 1px #aaa;border-radius:5px;font-size:1.1em;}
#sidebar table td img {width:22%;min-width:45px;}
#sidebar .label {text-align:right;font-weight:bold;width:25%}
#sidebar #hours .label{width:40%;}
#sidebar #table-top {
	text-align:center;
	font-weight:bold;
	padding:0.5em 0;
	color:#EF1C24;
	background:linear-gradient(#9F9F9F, #E8E8E8, #9F9F9F);
	border-radius:5px;
	}

/* about us page */
#content-fluid #body-cam {float:left;max-width:200px;}
#content-fluid #tamron {float:right;width:20%;min-width:150px;}
#content-fluid #odyssey {float:left;width:30%;min-width:250px;}

/* analogue */

#analogue #locate {float:right;margin:0 1em 1em 0;font-size:1.2em;background-color:#EF1C24;color:white;padding-bottom:0.1em;}
#analogue {clear:both;width:100%;height:auto;margin:1.5em auto 0.5em auto;background-color:white;border:solid 1px #aaa;border-radius:0.5em;}
#analogue h1, #analogue h2{clear:left;margin-left:1em;padding-bottom:0.5em;}
#analogue .sub-head {color:#EF1C24}
#analogue #display {width:90%;margin:0.5em auto;height:auto;;text-align:center;}
#analogue #left, #analogue #center, #analogue #right {float:left;width:31%;height:320px;margin:0.5em;text-align:center;border:solid 1px #aaa;box-shadow:5px 5px 5px #aaa;}
#analogue #center {margin: 0.5em 1.3em;}
#analogue .four ul{text-transform:uppercase;font-size:0.9em;}
#analogue #left h1, #analogue #center h1, #analogue #right h1{font-size:1.1em}
#analogue #left ul, #analogue #center ul, #analogue #right ul{width:60%;margin:0.5em auto;}
#analogue #left ul li, #analogue #center ul li, #analogue #right ul li{text-align:left}
#analogue #left img {width:50%;max-width:300px;min-width:110px}
#analogue #center img{width:30%;max-width:300px;min-width:110px}
#analogue #right img{width:30%;max-width:300px;min-width:110px}

#analogue .left-left, #analogue .left-center, #analogue .right-center, #analogue .right-right {
	float:left;
	width:22%;
	height:345px;
	margin:0.5em 1.15em 1em 1.15em;
	border:solid 1px #aaa;
	box-shadow:5px 5px 5px #aaa;
	text-align:center;
	}
#analogue .right-center, #analogue .right-right {float:right;}
#analogue .left-left h1, #analogue .left-center h1, #analogue .right-center h1, #analogue .right-right h1{font-size:1.1em}
#analogue .left-left img, #analogue .left-center img, #analogue .right-center img, #analogue .right-right img {width:50%;}
#analogue .left-left  ul, #analogue .left-center  ul, #analogue .right-center  ul, #analogue .right-right  ul{width:65%;margin:0.5em auto;}
#analogue .left-left  ul li, #analogue .left-center  ul li, #analogue .right-center  ul li, #analogue .right-right  ul li{text-align:left;}

#analogue .three {width:100%;margin:0.5em auto;height:auto;border:solid 1px transparent}
#analogue .three .left, #analogue .three .center, #analogue .three .right {
	width:30%;float:left;height:310px;margin:0.5em 1.7em 1em 1.7em;border:solid 1px #aaa;text-align:center;
	}
#analogue .three .ip3 {box-shadow:none;}
#analogue .three #dlink20x{width:15%;min-width:90px;}
	
#analogue .four {clear:left;width:100%;margin:1em auto 1.5em auto;height:auto;border:solid 1px transparent;}
#analogue .four h1{text-transform:uppercase;}
#analogue .four .left, #analogue .four .center-left, #analogue .four .center-right, #analogue .four .right {float:left;width:22.5%;height:280px;border:solid 1px #aaa;margin:0.5em 0.8em;text-align:center;padding:0.1em;}
#analogue .four .empty {border-color:transparent;}
#analogue .four .left h1, #analogue .four .center-left h1, #analogue .four .center-right h1, #analogue .four .right h1{margin:0.5em 0;font-size:1.1em;}
/* #analogue .four .left img, #analogue .four .center-left img, #analogue .four .center-right img, #analogue .four .right img{width:60%;} */
#analogue .four .left #tester {width:28%;}
/* #analogue .four .left .balun-king, #analogue .four .center-left .balun-king {width:30%;max-width:100px;} */
/* #analogue .four .right img{width:40%;} */
#analogue .four .left ul, #analogue .four .center-left ul, #analogue .four .center-right ul, #analogue .four .right ul{width:70%;margin:0.2em auto;}
#analogue .four .left ul li, #analogue .four .center-left ul li, #analogue .four .center-right ul li, #analogue .four .right ul li{text-align:left;line-height:1.1em;}

#analogue .three .center {margin:0.5em 0}
#analogue .three .empty {border-color:transparent;}
#analogue .three h1 {font-size:1.1em;margin:0.5em auto;}
#analogue .three ul {width:60%;margin:0.5em auto;text-align:left;}
/* #analogue .three .left img, #analogue .three .center img, #analogue .three .right img {width:40%;max-width:175px;min-width:120px;} */


#analogue .two {clear:both;width:60%;margin:1em auto;height:auto;border:solid 1px transparent;}
#analogue .two .left, #analogue .two .right {width:45%;height:306px;float:left;margin:0.5em 1em;border:solid 1px #aaa;text-align:center;}
#analogue .two .right {float:right}
/* #analogue .two .left img, #analogue .two .right img{width:50%;max-width:175px;} */
#analogue .two .left #dlink {width:20%;} 
#analogue .two .right #dlink2 {width:30%;}
#analogue .two .left h1, #analogue .two .right h1{font-size:1.1em;}
#analogue .two ul {width:50%;margin:0.5em auto;text-align:left;}

#analogue .one {clear:both;width:40%;margin:1em auto;height:auto;border:solid 1px transparent;text-align:center;}
#analogue .one .center {width:95%;height:306px;float:left;margin:0.5em 0.5em 1em 0.5em;border:solid 1px #aaa;box-shadow:5px 5px 5px #aaa;text-align:center;}
#analogue .one #license img{width:40%;max-width:200px;min-width:100px;}
#analogue .one img{width:20%}
#analogue .one .center ul {width:50%;margin:0.5em auto;text-align:left;}

#analogue .four .left #macro, #analogue .four .center-left #macro {width:40%}

/* Terms and Conditions */

.terms {list-style-type:decimal-leading-zero}

/* contact Us */
input[type=text], textarea, input[type=phone], input[type=email] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, textarea:focus, input[type=phone]:focus, input[type=email]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
#content-fluid #address, #content-fluid #enquiry {
	width:47%;
	float:left;
	height:auto;
	border:solid 1px #aaa;
	border-radius:0.5em;
	}
#content-fluid table td img {width:22%;min-width:45px;}
#content-fluid #enquiry {float:right;}
#content-fluid table th{
	background:linear-gradient(#9F9F9F, #E8E8E8, #9F9F9F);
	color:#EF1C24;
	font-size:1.1em;
	padding: 0.5em 0;
	border-radius:5px;
	}
#content-fluid table{width:95%;margin:0.5em auto;}
#content-fluid table .label{text-align:right;font-weight:bold;width:40%;}
#content-fluid table .Button {background:linear-gradient(#9F9F9F, #E8E8E8, #9F9F9F);height:2em;border-radius:8px;}
#content-fluid table .Button:hover{background:linear-gradient(#9F9F9F, #E8E8E8);}
#content-fluid input, #content-fluid table .Button, #content-fluid table #comments {font-size:1em;}
#content-fluid #comments {font-size:1.1em}

hr { border: 0; border-bottom: 1px dashed #ccc; background: #999; }

footer {clear:both;width:100%;margin:0em auto 1em auto;text-align:center;background:linear-gradient(#EF1C24, #B60E16);color:white;font-size:0.8em;border-radius:0.5em;}
footer p {padding:1em}
footer p span{display:inline-block;width:1.5em;}
footer a{color:white;text-decoration:none;}
footer a:hover{font-weight:bold;text-decoration:underline;}
footer a:hover{font-weight:bold;}
footer #theta {margin:0;padding:0;}

#content .error {font-size:1.5em;font-weight:bold;text-align:center}
#content  #error-head{text-align:center;font-size:1.5em;border-bottom:dashed 1px red;}

#analogue .empty {display:none}