/* CSS Document */
body {
	font: 100%/1.4 'Droid Sans', sans-serif;
	background-color: #E3E3E3;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url(../img/items/back.jpg);
	background-repeat: repeat-x;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 15px;
	color:#cc092f; font-weight:bold; 
}
p {margin-top: 0;padding-right: 15px; padding-left: 15px; font-size:.8em;}
p.lead{padding-left:0px; text-align:justify;}
p.prd{font-size:1.0em; margin:0px; padding:0px;}
p.news-sm{font-size:0.6em; line-height:1.5em;margin:0px; padding:0px;}
a img {border: none;}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link, a:visited {color:#cc092f; text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
a.anchor{display: block; position: relative; top: -50px; visibility: hidden;}

/* Product area */
.clearright{} /* this will make invisible for printing */
.product{background: url("../img/items/column.png") repeat-y scroll right top transparent;
    float: left;
    padding: 0 3.0%; /* 3.92157%  */
    width: 60%; /*62.7451%  */
	margin-top: -9px;
}
.product h1{font-size:1.8em;margin-bottom:1px;}
.product h2{font-size:1.4em; margin-bottom:1px; margin-top:15px;}
.product h3{font-size:1.2em; margin-bottom:1px; margin-top:15px;}
.productside{float:right; width: 32.00%/*35.2941%;*/}
.headquarters{
	float:right; width:265px; height:auto; margin: 0 10px;border: 1px solid #999999; text-align:center; padding:5px; font-size:0.7em;
	-moz-border-radius-topleft: 10px; /* Mozilla/Firefox */
	-webkit-border-top-left-radius: 10px; /* Webkit/Safari/Chrome/etc… */
	border-top-left-radius: 10px;  /* Standard */
	-o-border-top-left-radius: 10px;	/* Opera 10.x */
	-icab-border-top-left-radius: 10px;	 /* iCab */
	-khtml-border-top-left-radius: 10px;	 /* KHTML/Konqueror */
	
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px;
	-icab-border-top-right-radius: 10px;	
	-khtml-border-top-right-radius: 10px;	
}
.productside h3, .project h3{padding:2px; background-color:#cc092f; color:#FFFFFF; width:100%; text-align:center; margin-bottom: 6px;margin-top: 15px;
	-moz-border-radius-topleft: 10px; /* Mozilla/Firefox */
	-webkit-border-top-left-radius: 10px; /* Webkit/Safari/Chrome/etc… */
	border-top-left-radius: 10px;  /* Standard */
	-o-border-top-left-radius: 10px;	/* Opera 10.x */
	-icab-border-top-left-radius: 10px;	 /* iCab */
	-khtml-border-top-left-radius: 10px;	 /* KHTML/Konqueror */
	
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px;
	-icab-border-top-right-radius: 10px;	
	-khtml-border-top-right-radius: 10px;	
}	
div.row{width: 100%; border-bottom: 1px solid #333; padding: 2px; height:auto; margin: 0px auto; clear:both;}
div.row-L {float: left; text-align: left; font-weight: bold; color: #000; width: 25%;}
div.rowR {float: right; text-align: left; color: #000; width: 73%;}
/* Gradient transparent - color - transparent */ 
hr.style-two { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); clear:both;}
/*<hr class="style-two">*/
ul.representatives{line-height:1.8em;margin-left:30px; list-style-type:none; margin-bottom: 22px;}
ul.includes, ul.includes2 {font-size:0.8em; margin-left:20px; line-height:1.4em;}
.includes2 li {margin-top: 5px;}
.includes ul li{margin-left: 20px;}
.includes2 ul li {margin-left: 20px; margin-top: 0px;}
ul.points {font-size:0.9em; margin-left:30px; line-height:1.4em; margin-bottom:10px;}
ul.none {font-size:0.9em; margin-left:0px; line-height:1.0em; margin:0px; padding:0px; list-style-type:none;}
.nsnhead{color: #cc092f; font-size: 0.8em; font-weight: bold; margin-bottom: 0; margin-left: 0; margin-top: 3px; padding: 0;}
.nsn{color:#666666}
.gpulist{display:table; margin: 1px 1px; float:left; width:190px;font-size:0.6em;}
.question{font-weight:bold;display: inline;}
.answer{ margin-left:23px; margin-bottom:7px; margin-top:0px;}
.regtext{font-size:0.8em; margin-left:10px; margin-right:10px; text-align:justify;}
.mymargin{margin-right:10px; width:50px; float:left;}
img.product, img.productA, img.productH, img.productV {float:right; margin-left: 10px; border:1px solid #666666; padding:4px; background-color:#FFFFFF; margin-top:3px;}
img.productX {float:right; margin-left: 10px; border:1px solid #666666; padding:0px; background-color:#FFFFFF; margin-top:3px;}
img.product, img.productA, img.productX {height:200px; width:auto;}
img.productSM {float:right; margin-left:10px; border:1px solid #666666; padding:0px; background-color:#FFFFFF; margin-top:3px; width:125px; height:auto}
img.productH{height:auto; width:300px;}
img.productV{height:250px; width:auto;}
img.product7{height:100px; width:auto;float:right; margin-left:10px;border:1px solid #666; padding:3px;background-color:#FFFFFF;}
.design{}
.design p{padding:0px; font-size:0.8em;}
.design ul{font-size:0.8em; margin-left:35px; line-height:1.4em;}
.design h2{font-size:1.2em; margin-left:0px}
.design h3{font-size:1.0em; margin-left:15px}

.cf:before, .cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {}
* {-moz-box-sizing: border-box;}
/* pdf to download */
.pdf {line-height: 1.8; padding-left: 15.2778%; padding-right: 5.55556%; position: relative; }
.pdf:before {
    -moz-transition: -moz-transform 0.5s linear 0s;
	transition: -moz-transform 0.5s linear 0s;
	-ms-transition: -moz-transform 0.5s linear 0s; /* IE 9 */
	-webkit-transition: -moz-transform 0.5s linear 0s; /* Opera, Chrome, and Safari */
    content: url('../img/items/pdficon.png');
    display: block;
    left: 4.16667%;
    position: absolute;
    top: 4px;
	cursor:pointer;
	/*background-image:url("../img/items/pdficon.png") repeat-none; */
}
.pdf:hover:before, .pdf:focus:before {
    -moz-transform: rotate(360deg);
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* IE 9 */
	-webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
}
.pdf a {color: #CC092F;}
.red{color: #CC092F;}
.base{}
h3.inline{display:inline}
.listproducts{}
/*.listproducts h3{display:table-row;} 
.listproducts p{display:table-row;}*/
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.listproducts a{text-decoration:none; padding-right:5px; background-image:url(../img/items/point-r.gif); padding-left: 22px; background-repeat:no-repeat;}
.listproducts a:hover, .listproducts a:focus{text-decoration:none; background:#cc092f; color:#FFFFFF;  background-image:url(../img/items/point-w.gif); background-repeat:no-repeat;}
.listproducts p{padding-left: 22px;}
.header {text-align:left;}
.logo{
	width:160px;
	float: left;
	height: 115px;
	margin-left:15px;
}
.logo-r{
	width:160px;
	float: right;
	height: 115px;
	margin-right:10px;
	margin-top:2px;
}
/* Tables ----------------*/
table, th, td {
	border: 1px solid #999999;
}
table.prod {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse;
	font-size: 0.7em;
}
th.prod, td.prod, tr.prod, tbody.prod,{
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}
td.prod {
	vertical-align: top;
}
/* ~~ This is the layout information. ~~ */
.sidebar1{
	float:right;
	width:175px;
	padding:5px;
	margin-top: 16px;
}
.sidebar{
	float:left;
	width:24%;
	padding:5px;
	margin-top: 16px;
}
.sidebar img{margin-bottom:13px}
.pressrelease{
	float:left;
	width:47%;
	padding:5px;
	margin-top: 16px;
	margin-right:5px;
}

.pressrelease h3, .sidebar1 h3, .sidebar h3, .sidebar-left h3{
	font-size:16px;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666666;
	color: #CC0000;
	text-align: left;
}
.sidebar-left{
	float:left;
	width:200px;
	padding:5px;
	margin-top: 16px;
}
/*  Side Menu */
    #side {font-size:0.8em; width:175px;}
    #side ul {margin:0; padding:0;}
    #side li {
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding: 5px;
}
#side li:hover, #side li:focus {background-color: #999999;}
	#side a:hover, #side a:focus {color:#FFFFFF}
	#side a{
	 cursor: pointer;
	 display:block;
	 text-decoration:none;
	 width:100%;
	}
/* services features */
.features{width:200px; height:276px; margin-right:2px; margin-bottom:10px;float:left; padding:0px;}
.features h4{font-size:14px; font-weight:bold; color:#996600}
.features p, .sidebar2 p{font-size:12px; margin-top: -7px; line-height:14px; text-align:left;}
.features a, .pressrelease a, .sidebar2 a{color:#0066FF; text-decoration:none}
.features a:hover, .pressrelease a:hover, .sidebar2 a:hover, .pressrelease a:focus, .sidebar2 a:focus{color:#990000; text-decoration:underline}
/* Contents section */

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearspace {
	clear:both;
	height:20px;
	font-size: 1px;
	line-height: 10px;
}
.xplode{ width:auto; text-align:center;}
.sep{width:80%; margin-left:auto; margin-right:auto; height:5px; clear:both; background-position: center; background-image: url(../img/items/line.gif); background-repeat: no-repeat;}
.addthis{float:right; text-align:right; margin-right:10px; margin-right:5px;}
.social{float:right; text-align:right; margin-right:20px; margin-top: 7px;}
.social img{margin-left:10px;}
.social img:hover, .social img:focus {opacity: 0.5;}
.content-project{}
.prefooter{}
.project{ margin-top:-15px; }
.project img{
-webkit-transform:scale(0.9); /*Webkit 0.8 times the original Image size*/
-moz-transform:scale(0.9); /*Mozilla 0.8 times the original Image size*/
-o-transform:scale(0.9); /*Opera 0.8 times the original Image size*/
-ms-transform: scale(0.9); /*Internet Explorer*/
-webkit-transition-duration: 0.6s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.6s; /*Mozilla Animation duration*/
-o-transition-duration: 0.6s; /*Opera Animation duration*/
opacity: 0.8;
margin: 5px;
float:left;
border:2px solid #000000;
}
.project img:hover, .project img:focus{
-webkit-transform:scale(1.0); /*Webkit: 0.6 times the original Image size*/
-moz-transform:scale(1.0); /*Mozilla 0.6 times the original Image size*/
-o-transform:scale(1.0); /*Opera 0.6 times the original Image size*/
-ms-transform: scale(1.0); /*Internet Explorer*/
/*box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray; */
opacity: 1;
cursor:-moz-zoom-in;
}
.project-block{width:400px; margin-right:20px; margin-bottom:10px; margin-left:10px; float:left; padding:0;}
.project-block img{Cursor: -moz-zoom-in;}
.project-block-th{}
img.big{width:400px; height:auto}
img.bigV{width:auto; height:300px; margin-left:87px;}
img.thumb-h{width: 95px; height:71px; float:left; margin-top:5px; margin-right:5px; border:none;}
img.thumb-v{width: 95px; height:71px; float:left; margin-top:5px; margin-right:5px; border:none;}
/*img.thumb-h{width: 133px; height:100px; float:left; margin:4px;}*/
/*  boders*/
img.border{border: 2px solid #996600;}
img.flex{border: 2px solid #996600; max-width: 100%; width:48%; height:auto; display:block;}
img.borderfltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	border: 2px solid #996600;
}
img.borderfltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
	border: 2px solid #996600;
}
.wideslider img {max-width: 100%; display: block; margin-bottom:8px; zoom: 1; width:90%; height: auto;}
.wide img {max-width: 100%; display: block; padding:7px; margin-bottom:8px; zoom: 1; width:98%; height: auto;}
.widetop img {max-width: 100%; display: block; padding:2px; margin-bottom:8px; zoom: 1; width:100%; height: auto;}
.slideshow{margin-left:8px; margin-bottom:8px; float:right; margin-right:5px; border: 2px solid #996600;}
img.right{margin-left:10px; margin-bottom:0px; float:right; border: 1px solid #000;}
.mylink {}
.mylink a:link, .mylink a:visited{color: #CC092F; text-decoration:none; border: 1px solid #CC092F; margin: 3px; padding:3px; float:left}
.mylink a:hover, .mylink a:focus{ color: #FFFFFF; background-color:#CC092F; text-decoration:none; border: 1px solid #CC092F;}
/* Universal page Design */
.header1{
	height: 115px;
    top: 0;
    width: 100%;
    z-index: 10;
	background-color:#FFFFFF;
	text-align:left;	
}
.header2 {
	margin: 0 auto;
	max-width: 1260px;
	min-width: 480px; 
	width:90%;
	background: #fff;
}
.home{
	float:left;
	text-align:left;
	margin-right:10px;
	margin-top: 7px;
	font-size: 1.6em;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#CC092F;
}
.home h1{}
.home a{text-decoration:none; color:#333333; padding:6px; margin-right:4px;}
.home a:visited, .home a:active, .home a:hover, .home a:focus{color:#fff; background-color:#CC0000;}
.mymenu{
    clear: both;
    height: 35px;
	margin-left:0px;
    padding-top: 2px;
	z-index:100;
}
.container {
	width: 90%;
	max-width: 1260px;
	min-width: 480px; 
	background: #fff;
	margin: 44px auto 0px;
	border: 1px solid #fff;
}
.container2 {
	width: 90%;
	max-width: 1260px;
	min-width: 480px; 
	background: #fff;
	margin: 4px auto 0px;
	border: 1px solid #fff;
}
.bottom-border{
	border: 1px solid #999999;
	margin-top:0px;
	padding: 10px;
	clear:both;
	height:auto;
	background-color:#FFFFFF;
	/*display: table;*/
	-moz-border-radius-topleft: 10px; /* Mozilla/Firefox */
	-webkit-border-top-left-radius: 10px; /* Webkit/Safari/Chrome/etc… */
	border-top-left-radius: 10px;  /* Standard */
	-o-border-top-left-radius: 10px;	/* Opera 10.x */
	-icab-border-top-left-radius: 10px;	 /* iCab */
	-khtml-border-top-left-radius: 10px;	 /* KHTML/Konqueror */
	
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px;
	-icab-border-top-right-radius: 10px;	
	-khtml-border-top-right-radius: 10px;	

}
.sidelinks{}
.access{ line-height:1.0;}
.access a {text-decoration:none; color:#000000;}
.accessories, .accessoriesW, .accessoriesWW, .units, .unitsA{background-color:#D6D6D6; text-align:center; font-size:0.7em; float:left; margin-right:5px; border:1px solid #cc092f; margin-top:3px; padding:5px;text-decoration:none; color:#000000;}
.accessories{width:150px; height:auto; }
.accessoriesW{width:200px; height:auto;}
.accessoriesWW{width:282px; height:auto;}
.accessoriesWW img {width: 272px; height: auto;}
.units{width:150px; height:115px;}
.unitsA{width:150px; height:auto;}
.accessories:hover, .accessoriesW:hover, .units:hover, .unitsA:hover, .accessoriesWW:hover, .accessories:focus, .accessoriesW:focus, .units:focus, .unitsA:focus, .accessoriesWW:focus {background-color:#cc092f;;color:#FFFFFF;}
.bold{font-weight:bold}
.nema{width:150px; height:120px; font-size:0.6em; text-align:center; float:left; margin-right:3px; border:1px; border-style:dotted; margin-top:3px;}
.regtextwmarginright {
    /*font-size: 12px;*/
    line-height: 16px;
    margin-left: 0px;
    margin-right: 8px;
    width: 400px;
	font-weight:bold;
}
.regtextwmarginright a:link{text-decoration:none;}
.regtextwmarginright a:hover, .regtextwmarginright a:focus{color: #FFFFFF; background-color:#cc092f;}

/* ~~ The footer ~~ */
.footer {
	padding-top: 32px;
	padding-bottom: 10px;
	margin-top:-12px;
	color:#FFFFFF;
	width:100%;
	background: #850a17 url(../img/items/menu_back.jpg) repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  #ef3043 0%, #850a17 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef3043), color-stop(100%,#850a17)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ef3043 0%,#850a17 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ef3043 0%,#850a17 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ef3043 0%,#850a17 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ef3043 0%,#850a17 100%); /* W3C */
	z-index: 50;
	position:relative;

}
/* -------------------------------------------------------------------------- */
.footer ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.footer-inside > div {
    padding-left: 20px;
	position:relative;
}
.footer-inside li {
    float: none;
	position:relative;
}
.footer-inside ul {
    text-align: left;
	position:relative;
}
.footer-L {
    float: left;
    width: 30%; /*31.164% */
	padding:0 10px;
	position:relative;
}
.footer-L h3 {
    font-size: 1.4em; color:#FFFFFF; text-align:center;display: inline-block;margin-top: 15px;
}
.footer-L ul{
    font-size: 0.8em;
    line-height: 1.4;
    text-align: center;
	margin-top: -20px;
}
.footer-L li {
	text-align:center;
}
.footer-L ul a{color: #CCCCCC;}
/*------------------------*/
.manual{width:45%; float:left; padding-right:5%;}
.manual ul, .manual li {list-style:none; font-size:0.9em; color:#CC092f; font-weight:bold; letter-spacing:.5 px;}
.manual a:link, .manual a:visited, .manual a:active{text-decoration:none; color:#000000; display: block;
	padding: 2px;
	margin: 1px;
	text-align:left;
	white-space:nowrap;
	height:auto;
	background-image: url(../img/items/pdficon_small.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	font-weight:normal;
	font-size:0.8em; letter-spacing:normal; color:#000000;
}
.manual a:hover, .manual a:focus{background-color:#CC092F; color:#FFFFFF; }
/* Long Menu for GPU & MPU */
.menu_long > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
    height: inherit;
	font-size: 0.7em;

}

.menu_long > ul > li {
    display: block;
    float: left;
    padding: 1px;
 	margin: 0px 3px 1px 1px;
 	text-align:center;
	white-space:nowrap;
	/* border: 1px solid #000000; */
}
.menu_long > ul > li:before { content:"> "; color:#000000; font-weight:bold; cursor:pointer;}
.menu_long a:link, .menu_long a:visited, .menu_long a:active{text-decoration:none; padding:2px;}
.menu_long a:hover, menu_long a:focus{background-color:#CC092F; color:#FFFFFF; padding:2px;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* -------------------------------------------------------------------------- */
/* This is all the adjustable divs */
/* for 980px or less */
@media screen and (max-width: 930px){
.product h1{text-align:center;}
.home{ font-size: 1.5em; }
.product {background: none; width: 100%; float:none;}
.productside {float: none;clear: left;width: auto;padding: 20px;}
.footer-inside > div {float: none; clear: left; margin: 0 auto 36px; width: auto;text-align:left;}
.footer-inside li {float: none;}
.footer-inside ul {text-align: left;}
}
/* for 850px or less */
@media screen and (max-width: 849px){
.home{ font-size: 1.2em; }
.menu_container > ul > li > a {font-size: 13px; padding: 10px 10px;}
.menu_container > ul > li:hover > a {padding-left: 10px;}
.pressrelease{width: 100%;float:none;}
.sidebar{width: 44%;}
}
@media screen and (max-width: 800px){
.headquarters{
	float:none; width:100%; height:auto; margin: 0;border: 0px; font-size: 1em;}
}
@media screen and (max-width: 700px){
.menu_container > ul > li > a {font-size: 11px; padding: 7px 7px;}
.menu_container > ul > li:hover > a {padding-left: 7px;}
.home{ font-size: 1.2em; }
.sidebar{width: 46%;}
img.product, img.productA, img.productH, img.productA, img.productX {margin: 0 auto; float:none; width: 95%; height:auto; padding:0px;}
.logo-r{display:none}
.clearspace {
	clear:both;
	height:5px;
	font-size: 1px;
	line-height: 5px;
}
.productside{padding:2px;}
}
@media screen and (max-width: 650px){

}

/* for 520px or less */
@media screen and (max-width: 520px){
/*img.productV{margin: 0 auto; float:none; width:auto; height:250px;}*/
img.productSM {margin: 0 auto; float:none; width: 95%; height:auto; padding:0px;}
.product h1{font-size: 1.4em;}
.product h2{font-size:1.2em;}
.product h3{font-size:1.1em;}
.home{margin-right: 5px;}
.header1{width: 100%}
.container{width: 100%}
.footer-L{clear:both; float: none; width: 100%;padding:0 4px;}
.container {width: 100%; min-width: 0px; background: #fff; margin: 0px auto 0px; border: 0px;}
.footer{margin-top:0px;}
.manual {width:100%; float:none;}
}
@media screen and (max-width: 480px){
.header1{width: 100%; margin-top:40px;}
.footer-L{float: none; width: 100%;padding:0 4px;}
.bottom-border{padding: 0px; margin-top:5px; border:none;}
.sidebar{clear:both; float:none; width:100%; padding:5px; margin-top: 5px;}
.home{ font-size: 0.8em; }
.logo {float: left; height: 115px; margin-left: 5px; width: 126px;}
.product{width:100%;}
.flex-control-nav li {margin: 0 3px;}
.flex-control-paging li a {height: 9px; width: 9px;}
}
/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
.header1{width: 100%}
.footer-L{float: none; width: 100%;padding:0 4px;}
.bottom-border{padding: 0px; margin-top:5px; border:none;}
.sidebar{clear:both; float:none; width:100%; padding:5px; margin-top: 5px;}
.home{ font-size: 0.8em; }
.logo {float: left; height: 115px; margin-left: 5px; width: 126px;}
.flex-control-nav li {margin: 0 3px;}
.flex-control-paging li a {height: 9px; width: 9px;}
.manual {width:100%; float:none;}
.parts img {margin-right:5px;margin-left:5px;}
}
@media screen and (max-width: 320px){
.pressrelease h1{font-size:24px}
.home{ font-size: 0.7em;  margin-top: 37px; }
.logo {float: left; height: 115px; margin-left: 5px; width: 117px;}
.client img { width: auto; height: 70px;}
.parts img {margin-right:5px;margin-left:5px;}
}
@media screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
.pressrelease h1{font-size:24px}
.home{ font-size: 0.7em; margin-top: 37px; }
.logo {float: left; height: 115px; margin-left: 5px; width: 117px;}
.client img { width: auto; height: 70px;}
.parts img {margin-right:5px;margin-left:5px;}
}