@charset "UTF-8"; 
/* 
This is a universal stylesheet reset, which has been disabled to
keep formatting correct on older pages. This code is recommended
for future site revisions:

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td, img,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
} 

*/
html, body {
	margin: 0; padding: 0; border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body { 
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
          background-color: #ccc;
                     color: #000;
}
html, body {
  height: 100%;
}
a, a:link, a:visited { color: #cc0000; text-decoration: underline; }
a:active, a:hover { text-decoration: underline; }
body, td, p, li {
	      font-size: 9pt; /* May want to consider defining in 'em' for future updates. */
	    font-family: Arial, Helvetca, sans-serif;
	text-decoration: none;
}

/* Fix for image formatting for content pages: */
table.fix {
	   display: block;
	     width: 800px; 
	 max-width: 800px;
	    margin: 0 auto;
	overflow-x: hidden;
}
table div hr {
	 margin: 0;
	padding: 0;
	 border: 0;
	  clear: both;
}
/* End of fix code */

#top { position: relative; margin: 0 auto; width: 800px; height: 100px; }
#bluebar { position: relative; margin: 0 auto; width: 800px; height: 30px; background-color: #0099cc; }
.spacer { margin: 0 auto; background-color: white; clear: both; }
#mobilemenu {
	position: fixed;
	    left: 0;
	     top: 0;
	  height: auto;
	   width: 100vh;
	 z-index: 11;
}

@media screen and (max-width: 480px) {
	#bluebar { width: 800px; height: 30px; }
	#menu { display: block; }
	#mobilemenu { display: block; }
	.spacer { width: 800px; height: 20px; }
}

@media screen and (min-width: 480px) and (max-width: 800px) {
	#menu { display: block; }
	#mobilemenu { display: block; }
	.spacer { width: 800px; height: 20px; }
}

@media screen and (min-width: 800px) {
	#menu { display: block; }
	#mobilemenu { display: none; }
	.spacer { width: 800px; height: 20px; }
}

/*-- Mobile Menu CSS --*/
#mobileActivator {
	position: fixed;
	  cursor: pointer;
	     top: 20vh;
	    left: 70vw;
	-webkit-transition: all 0.6s ease;
       -moz-transition: all 0.6s ease;
         -o-transition: all 0.6s ease;
            transition: all 0.6s ease;
}
#mobileActivator.subsided {
	left: 0vw;
}
#mobileActivator img {
	 width: 50px;
	height: 100px;
}
#mobileSelectors {
	        position: absolute;
	        position: fixed;
	           width: 70vw;
	       max-width: 70vw;
	          margin: 0 auto;
	         display: block;
	          height: 100vh;
	background-color: #0099cc;
	        overflow: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: max-width 0.6s ease;
       -moz-transition: max-width 0.6s ease;
         -o-transition: max-width 0.6s ease;
            transition: max-width 0.6s ease;
}
#mobileSelectors::-webkit-scrollbar { width: 0 !important }
#mobileSelectors.collapsed {
	max-width: 0px;
	 overflow: hidden;
}
#mobileSelectors img {
	       display: block;
	        margin: 0 auto;
	   padding-top: 1.0vh;
	padding-bottom: 1.0vh;
}
#mobileSelectors a {
	 cursor: pointer;
	display: block;
	  color: #fff;
	  width: 100%;
	text-decoration: none;
	      font-size: 1.5em;
	     text-align: center;
	  margin-bottom: 1.0vh;
	    padding-top: 1.0vh;
	 padding-bottom: 1.0vh;
}
#mobileSelectors a:hover {
	opacity: 0.5;
     filter: alpha(opacity=50);
}

#mainmenu {
	z-index: 10;
}
#mainmenu a {
	  display: block;
	font-size: 13px;
	    color: #fff;
	text-decoration: none;
}
#mainmenu ul {
  text-align: left;
     display: inline;
      margin: 0;
     padding: 0px 20px;
  list-style: none;
     z-index: 10;
}
#mainmenu ul li {
       display: inline-block;
     font-size: 13px;
  margin-right: -4px;
      position: relative;
       padding: 0px 20px;
        cursor: pointer;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}
#mainmenu ul li:hover {
  background: #006699;
  color: #fff;
}
#mainmenu ul li ul {
   padding: 0;
  position: absolute;
       top: 30px;
      left: 0;
     width: 150px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
     display: none;
     opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
     -ms-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
        -transition: opacity 0.2s;
}
#mainmenu ul li ul li { 
   background: #006699;
      display: block; 
        color: #fff;
  text-shadow: 0 -1px 0 #000;
}
#mainmenu ul li ul li:hover { background: #000084; }
#mainmenu ul li:hover ul {
     display: block;
     opacity: 1;
  visibility: visible;
}
/* --------------PRODUCT PAGE---------------- */
.product_content {
	  width: 780px;
	padding: 10px;
	 margin: 0 auto;
	background-color: #fff;
	
}
.content {
	  width: 780px;
	padding: 10px;
	 margin: 0 auto;
	background-color: #fff;
	
}
h2.greyed { color:#3d3d3d; }
.content a { margin-left:20%; }
.content div a { margin-left: 0; }
#usa-ca, #uk-worldwide, #uk, #france, #germany-austria-switz, #spain, #scandanavian, #israel, #worldwide { padding-left: 10%; }
#usa-ca p, #uk-worldwide p, #uk p, #france p, #germany-austria-switz p, #spain p, #scandanavian p, #israel p, #worldwide p { margin-left:30px; font-size: 16px; font-family: 'Times New Roman', serif; color: #3d3d3d; margin-bottom: 50px;}
.product_content h2 {
	font: bold 18px/1.4 'Arial', sans-serif;
	text-align: center;
	
}
img.bob {
	position: absolute relative;
	left: 0px;
}
.bob {
	-webkit-animation-name: bobanim;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: bobanim;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}
@-webkit-keyframes bobanim {
	100% { left: -10px; }
}
@keyframes bobanim {
	100% { left: -10px; }
}
.product_content .description { float: left; width: 40%; }
.product_content .image { float: left; width: 35%; }
.product_content .image img { width: 100%; }
.product_content .image p { text-align: center; }
.product_content .description, .product_content .description ul li,
.product_content .description a, #store, #store a, #downloads, #downloads a,
#datasheet, #datasheet a {
	font: normal 16px/1.4 'Arial', sans-serif;
}
#downloads {
	float: left;
	width: 20%;
	padding-bottom: 10px;
	border: 1px solid #0099cc;
}
#downloads h2 {
	display: block;
	width: 100%;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	background-color: #0099cc;
	font: bold 11px/1.4 'Arial', sans-serif;
	text-align: center;
}
#downloads a {
	display: block;
	width: 100%;
	padding: 5px 0px;
	font: normal 12px/1.4 'Arial', sans-serif;
	text-align: left;
	-webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#downloads a:hover {
	background-color: #0099cc;
}
#datasheet {
	margin-left: 35%;
	clear: both;
}
#datasheet p.disclaim, #datasheet p.disclaim a {
	font: normal 11px/1.4 'Arial', sans-serif;
}
#datasheet p.disclaim {
	margin-left: 31px;
}
#datasheet img { height: 20px; width: 31px; }
#store {
	width: 80%;
	margin: 0 auto;
	border: 1px solid silver;
}
#store, #store a { font: bold 12px/1.4 'Arial', sans-serif; }
#store .item { width: 25%; float: left; }
#store .item p { padding: 5px; }
#store .check_inv { width: 25%; float: left; text-align: center; }
#store .check_inv a { display: block; margin: 15px; }
#store .store_item { width: 25%; float: left; }
#store .add_cart { width: 25%; float: left; text-align:center; }
#store .add_cart input { margin: 15px; }
#store .below { clear: both; width: 100%; text-align: center; }
#store .below p, #store .below p a { font: normal 14px/1.4 'Arial', sans-serif; }
#store .below p.c { font: normal 11px/1.4 'Arial', sans-serif; }

@media screen and (max-width: 799px) {
	.product_content {
		width: 100vw;
		padding: 0;
		margin-top: -20px;
	}
	.content {
		width: 100vw;
		padding: 0;
		margin-top: -20px;
	}
	.product_content h2 {
		display: block;
		float: right;
		padding-right: 10vw;
		width: 70%;
		text-align: right;
	}
	.product_content .description { float: none; width: 90%; }
	.product_content .image { float: none; width: 90%; }
	.product_content .image img { width: 100%; }
	#downloads {
		float: none;
		margin: 0 auto;
		width: 90%;
	}
	#downloads h2 {
		margin: 0 auto;
		width: 89.3%;
		margin-bottom: 10px;
	}
	#datasheet {
		margin-left: 0%;
		margin: 0 auto;
		width: 90%;
	}
	#store {
		width: 90%;
	}
	#store .item { width: 50%; }
	#store .check_inv { width: 50%; }
	#store .store_item { clear: both; width: 50%; height: 60px; border-top: 1px solid silver; border-bottom: 1px solid silver; }
	#store .add_cart { width: 50%; height: 60px; border-top: 1px solid silver; border-bottom: 1px solid silver; }
}