body {
	margin: 0 0 0 0;
	text-align: center;
	background:url(../images/general/technidrive_backbg.jpg) repeat-x #000033;
	font-family: tahoma, arial, verdana, sans-serif ;
	font-size: 14px;
}
html {
	overflow: -moz-scrollbars-vertical;
}
.floatleft{ float:left;}
.floatright{ float:right;}
.clearboth{ clear:both;}
.spacer { height: 10px; width: 100%;}
.spacer2 { height: 20px; width: 100%;}
.padding10px{ padding: 10px;}

#bgcontainer {
	width: 100%;
	background: url(../images/general/technidrive_mainbg2.jpg) top center no-repeat;
	overflow: hidden;
	}

#container {
	width:100%;
	max-width: 980px;
	height: 100%;
	margin-left:0px;
	margin-right: 0px;
	position: relative;
	display: block;
}

#header{
	float:left;
	width:100%;
	max-width: 980px;
	height: 210px;
	margin: 0;
	padding: 0;
}
.header_top{
	width:100%;
	max-width: 980px;
	height: 79px;
	float: left;
	text-align: left;
	margin-left:0px;
	padding: 41px 0px 0px 0px;
}
.header_middle{
	width: 100%;
	height: 30px;
	float: right;
	text-align: left;
	margin-left:auto;
	padding: 10px 0px 0px 0px;
}
.header_top img{
	width: 100%;
	max-width:478px;
}
.header_bottom{
	width:100%;
	max-width: 980px;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}

#maincontent{
	background-color:#FFFFFF;
	width: 95.9%; 
	max-width: 940px; 
	height: auto;
	min-height: auto;
	margin:0px;
	padding: 20px 2.05%;
	display: block;
	overflow: visible;
	float:left;
}

#footer{
	width: 100%;
	max-width: 980px;
	height: auto;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 9px;
	color: #fff;
}

.hometext {
	float:left;
	background:url(../images/general/hometextbg.jpg) right top #003366;
	background-repeat:no-repeat;
	width:79.5%;
	max-width:780px;
	padding-right:19%;
	padding-left:1.5%;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	font:tahoma;
	font-size:13px;
	color:#FFFFFF;
}
.hometext h1{
	float:left;
	text-align:left;
	font:verdana;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}
.hometext p {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	font:tahoma;
	font-size:12px;
	
}

/* START OF CELLS */

.cell_left{
	width: 26.5%;
	max-width: 250px;
	min-height:600px;
	height:100%;
	background:url(../images/general/leftnavbg.gif);
	background-repeat:no-repeat;
	background-color:#FAFAFA;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.cell_right{
	width: 71%;
	max-width: 670px;
	height: auto;
	float: left;
	text-align: left;
	margin-left: 2.1%;
	padding: 0px 0px 0px 0px;
}

.cell_right img{
	width:auto;
	max-width: 100%;
}
.cell_full{
	width: 100%;
	max-width: 940px;
	height: auto;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0;	
	background:#FFFFFF;
	float:left;
}

/* END OF CELLS */


/* MENUS */

#mainnav{
	background-color:#255D80;
	width: 570px;
	height: 40px;
	float: right;
	margin: -10px 0px 0px auto;
	padding: 0;
}
#mainnav ul{
	float:right;
	width: 565px;
	height: 30px;
	margin:10px 0px 0px 5px;
	//margin: 0;
	padding: 0px 0px 0px 0px;
}
#mainnav li{
	background-image:url(../images/general/mainnavbullet.jpg);
	background-repeat:no-repeat;
	float:left;
	width: auto;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	color: #FFFFFF;
	font: 12px Tahoma;
	font-weight: bold;
	list-style-type: none;
	display: inline;
}
#mainnav li a, #mainnav li a:link, #mainnav li a:visited{
	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	height: 24px;
	margin: 10px 0px 0px 0px;
	padding: 4px 15px 4px 15px;
}
#mainnav li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
	margin: 0;
	
}

#leftnav {
	width: 100%;
	max-width: 250px;
	height: 100%;
	
}
.leftnav_header{
	background-image:url(../images/general/leftnavheader.jpg);
	background-repeat:no-repeat;
	font: 18px Tahoma;
	font-weight: bold;
	color: #FFFFFF;
	padding-top:5px;
	padding-left:5px;

}
.leftnav_title{
	width: 92%;
	max-width: 230px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 4% 0px 4%;
	font:tohoma;
	font-size:14px;
	font-weight: bold;
	color: #003366;
	
	
}
.leftnav_title img{
	padding: 0px 2px 0px 10px;
}
.leftnav_title a {
	display: block;
	padding: 0px 5px 0px 0px;
	background: none;
	text-decoration: none;
}
.leftnav_title a:link, .leftnav_title a:visited {
	font: 14px Tahoma;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.leftnav_title a:hover {
	font: 14px Tahoma;
	font-weight: bold;
	color: #003366;
	text-decoration: underline;
}
#leftnav ul {
	width:92%;
	max-width:230px;
	height: auto;
	float: left;
	margin-left:4%;
	margin-right:4%;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	border-bottom:dotted #999999;
}
#leftnav li {
	width: 100%;
	max-width: 230px;
	height: auto;
	margin: 0;
	padding: 0px 0px 0px 0px;
}
#leftnav li a {
	display: block;
	padding: 5px 5px 0px 0px;
	background: none;
	text-transform: none;
}
#leftnav li a:link, #leftnav li a:visited {
	font-family: Tahoma;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #006699;
}
#leftnav li a:hover {
	background: none;
	font-family: Tahoma;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #006699;
}
#leftnav ul.sub {
	width: 200px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
#leftnav li.sub {
	width: 200px;
	margin: 0;
	padding: 0px 0px 0px 10px;
}
#leftnav li.sub a {
	display: block;
	padding: 5px 5px 5px 20px;
	background: url(../images/general/bullet1.gif) left no-repeat;
	text-transform: none;
}
#leftnav li.sub a:link, #leftnav li.sub a:visited {
	font-family: Tahoma;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #003366;
}
#leftnav li.sub a:hover {
	background: url(../images/general/bullet2.gif) left no-repeat;
	font-family: Tahoma;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #003366;
}

.productnav {
	padding: 0px 0px 0px 0px;
	float:right;
	width: 100%;
	height:auto;
	margin-left: auto;
	
}
.productnav ul{
	width: auto;
	height: auto;
	float: right;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
.productnav li{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0px 20px 0px 0px;
	color: #ffffff;
	font:Helvetica;
	font-size:20px;
	font-weight:bold;
	list-style-type: none;
	display: inline;
}
.productnav li.gearboxes{
	float: left;
	width: auto;
	height: 40px;
	background-image:url(../images/general/gearbox_bg.gif);
	background-repeat:no-repeat;
	margin-left: 0px;
	padding: 10px 0px 0px 45px;
	
}
.productnav li.motors{
	float: left;
	width: auto;
	height: 40px;
	background-image:url(../images/general/motors_bg.gif);
	background-repeat:no-repeat;
	margin-left: 20px;
	padding: 10px 0px 0px 45px;
	}
.productnav li.electrical_automation{
	float: left;
	width: auto;
	height: 40px;
	background-image:url(../images/general/electrical_bg.gif);
	background-repeat:no-repeat;
	margin-left: 20px;
	padding: 10px 0px 0px 45px;
	}


/* END OF MENUS */

/* LISTS */

.logolist{
	width: 100%;
	max-width: 980px;
	height: auto;
	float:left;
	margin: 0;
	padding: 0;
	text-align:center;
	background-color:#ffffff;
}

.logolist span{
	width: 100%;
	max-width: 980px;
	height: auto;
	float:left;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	font-size:22px;
	font-weight:bold;
	color:#003366;
}
.logolist ul{
	width: auto;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0;
	clear: both;
	text-align: center;
}
.logolist li { 
	width: auto; 
	height: 55px;
	float:left;
	text-align: center;
	margin: 1.5% 0;
	padding:0;
	display: inline;
	list-style-type: none; 
}

.logolist li img{ 
	width: auto; 
	height: 45px;
	text-align: center;
	margin: 0;
	padding: 0;
	list-style-type: none; 
}
.footer_social{
	float:right;
	width: 15%;
	height: auto;
	margin-left:0px;
	padding: 0;	
}

.footer_social img{
	float:right;
	width: 100%;
	height: auto;
	margin:10px 0;
	padding: 0;	
}
.footerlist{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#006699;
	float:left;
	width: 80.9%;
	max-width: 940px;
	height: auto;
	margin-left:0px;
	padding: 0;	
}
.footerlist ul{
	float:left;
	width: 100%;
	max-width: 940px;
	height: auto;
	margin-left:0px;
	padding: 0;
	
}
.footerlist li{
	width:100%;
	max-width: 940px;
	height: auto;
	margin-left:0px;
	padding:0px;
	float:left;
	text-align:left;
	list-style-type: none;
}
.footerlist li.footerlistbluebg{
	width:100%;
	max-width: 940px;
	height: auto;
	margin-left:0px;
	padding: 0px;
	float:left;
	text-align:left;
	list-style-type: none;
}

.webgallery ul {
	width: 100%;
	max-width: 670px;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:center;
}
.webgallery li{
	width: 160px;
	height: 150px;
	float: none;
	text-align: center;
	background-color:#ffffff;
	margin: 0px 10px 0px 0px;
	padding: 0;
	display: inline-table;
}
.webgallery li span{
	width: 160px;
	height: 150px;
	float: left;
	text-align: center;
	margin: 5px 3px 5px 0px;
	padding: 0;
	display: inline;
	overflow: hidden;
}
.webgallerytitle {
	font-size: 10px;
	font-weight: bold; 
	float: left;
	text-align: center;
	display: block;
	color: #fff;
	margin: 0;
	padding: 4px 3px 5px 3px;
	width: 154px;
	//width: 160px;
	height: auto;
}
a.webgallerytitle:link, a.webgallerytitle:visited, a.webgallerytitle:active {
	color: #fff;
	text-decoration: none;
}

.imglist ul{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style-type: none;
}
.imglist li{
	list-style-type: none;
	cursor: pointer;
	float: left;
	width: 100px;
	display: block;
	margin: 3px;
	overflow: hidden;
	border: 1px solid #ccc;
	text-align: center;
}

.list_date_hp{
	width: 98%;
	height: auto;
	float: left;
	margin: 20px 0 20px 0;
	padding: 1%;
}
.list_date_hp span{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	font-family: "Roboto",sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	color: #003366;
}
.list_date_hp ul{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.list_date_hp li{
	width: 30%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0 1.5% 5px 1.5%;
	list-style-type: none; 
	color: #003366;
	font-size: 14px;
	font-family: "Roboto",sans-serif;
}
.list_date_hp li span{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 17px;
	font-family: "Roboto",sans-serif;
	color: #FFFFFF;
}
.list_date_hp li span a:link, .list_date_hp li span a:visited, .list_date_hp li span a:active{
	font-weight: bold; 
	color: #333333;
	text-decoration: none;
}
.list_date_hp li span a:hover{
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: none;
}
.list_date_hp li img{
	height: auto;
	width: 100px;
	float: left;
	text-align: left;
	margin: 0px 10px 10px 0px;
	padding: 0;
	border: 5px solid #FFFFFF;
}
.list_date_hp div{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 15px 0;
	padding: 0;
}

.list1 {
	width: 650px;
	height: auto;
	margin: 0px 0px 10px 0px;
}
.list1 ul{
	margin: 0;
	padding: 0;
}
.list1 li { 
	width: 650px;
	height: auto;
	float: left;
	clear: both;
	list-style-type: none; 
	text-align: left;
	margin: 0;
	padding: 10px 0px 10px 0px;
	color: #333333;
	font-weight: bold;
}
.list1 li span{ 
	width: auto;
	height: auto;
	background: #999999;
	margin: 5px 0px 5px 0px;
	padding: 0;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
}
.list1 li div.list1div{ 
	width: 630px;
	height: auto;
	background: #FFFFFF;
	margin: 0;
	padding: 10px;
	text-align: center;
}
.list1 li.list1bullet { 
	width: 640px;
	height: auto;
	background: url(../images/general/faqsbullet1.jpg) left no-repeat;
	clear: both;
	list-style-type: none; 
	text-align: left;
	margin: 0;
	padding: 10px 0px 10px 30px;
	border-bottom: 1px dashed #006699;
	color: #333333;
	font-weight: bold;
}

.list2 {
	width: 650px;
	height: auto;
	margin: 0px 0px 10px 0px;
}
.list2 ul{
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	display: inline;
}
.list2 li { 
	width: 295px;
	height: 170px;
	float: left;
	text-align: left;
	margin: 0px 5px 10px 5px;
	padding: 10px;
	background: #4391C8;
	border-bottom: 1px dashed #191C1F;
	color: #191C1F;
	font-weight: bold;
}

.list3 ul {
	width: 670px;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none; 
}
.list3 li{
	width: 196px;
	height: 40px;
	float: left;
	text-align: center;
	background: #4391C8;
	margin: 0px 5px 10px 5px;
	padding: 5px;
	display: inline;
}
.list3title {
	width: 166px;
	font-size: 13px;
	font-weight: bold; 
	float: left;
	text-align: right;
	background: url(../images/general/catbullet1.jpg) right no-repeat;
	display: block;
	color: #fff;
	margin: 0;
	padding: 6px 30px 6px 0px;
}
.list3title a:link, .list3title a:visited, .list3title a:active {
	font-size: 13px;
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: none;
}
.list3title a:hover {
	font-size: 13px;
	font-weight: bold; 
	color: #191C1F;
	text-decoration: none;
}

.list4 {
	width: 97%;
	max-width: 650px;
	height: auto;
	margin: 0px 0px 10px 0px;
}
.list4 ul{
	margin: 0;
	padding: 0;
}
.list4 li { 
	width: 96.9%;
	max-width: 630px;
	height: auto;
	float: left;
	clear: both;
	list-style-type: none; 
	text-align: left;
	margin: 0;
	padding: 10px 0px 10px 3.1%;
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px dashed;
	font-weight: bold;
}

.catimagenav ul {
	width: 650px;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none; 
}
.catimagenav li{
	width: 196px;
	height: auto;
	float: left;
	text-align: center;
	background: #4391C8;
	margin: 0px 5px 10px 5px;
	padding: 5px;
	display: inline;
}
.catimagenav li span{
	width: 196px;
	height: 200px;
	float: right;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0;
	display: inline;
	overflow: hidden;
}
.catimagenavtitle {
	width: 166px;
	font-size: 13px;
	font-weight: bold; 
	float: left;
	text-align: right;
	background: url(../images/general/catbullet1.jpg) right no-repeat;
	display: block;
	color: #fff;
	margin: 0;
	padding: 6px 30px 6px 0px;
}
.catimagenavtitle a:link, .catimagenavtitle a:visited, .catimagenavtitle a:active {
	font-size: 13px;
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: none;
}
.catimagenavtitle a:hover {
	font-size: 13px;
	font-weight: bold; 
	color: #191C1F;
	text-decoration: none;
}
.productlist {
	width:100%;
	float:left;
	margin: 0;
	padding: 0;
	text-align:center;
}
.productlist ul{
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0;
	clear: both;
	text-align: center;
	
}
.productlist li { 
	width: 150px; 
	height: 150px;
	font:tohoma;
	font-size:13px;
	color:#003366;
	font-weight:bold;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	display: inline-table;
	list-style-type: none;
	border:#CCCCCC solid 1px;
	
}

.productlist2 {
	margin: 0;
	padding: 0;
	text-align:center;
	
}
.productlist2 ul{
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0;
	clear: both;
	text-align: center;
	float:left;
	
}
.productlist2 li { 
	float:none;
	width: 200px; 
	height: 200px;
	font:tohoma;
	font-size:13px;
	color:#003366;
	font-weight:bold;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	display: inline-table;
	list-style-type: none;
	border:#CCCCCC solid 1px;
	
}

/* END OF LISTS */


/* FORMS */

.contactusform{
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	width: 100%;
	display:block;
	padding: 0;
}
.contactusform label{
	float: left;
	font-weight: bold;
	text-align:left;
	width: 23.8%;
	max-width: 160px;
	display:block;
	margin-bottom: 5px;
}
.contactusform input{
	width: 75.2%;
	margin-bottom: 5px;
	float: left;
	text-align:left;
}
.contactusform select{
	width: auto;
	margin-bottom: 5px;
	float: left;
	text-align:left;
}
.contactusform textarea{
	width: 75.2%;
	height: 60px;
	margin-bottom: 5px;
	float: left;
	text-align:left;
}
.contactusform br{
	clear: left;
}
.contactusform div{
	padding:0;
	margin-left: 125px;
	display:block;
	text-align:center;
}
.contactusform.cap{
	width: 200px; height: 37px;background: white; border: 1px solid #CCCCCC; text-align:left; margin: 0; padding: 0; float:left;
}
.contactusform p{
	display:block;
	text-align:left;
	padding:0;
}
.contactusform span{
	display:block;
	text-align:left;
	width: 100%;
}

/* END OF FORMS */

input.submit , a.submit , a.submit:link, a.submit:visited{ color: #0099FF; background: url(../images/general/linkbox.gif) left no-repeat #333333; border: none; text-transform:capitalize;font-size: 11px; font-weight:bold; padding: 3px 5px 3px 20px; cursor: pointer; text-decoration: underline; width:auto; margin:1px;} 
a.submit:hover, input.submit:hover{ color: #191C1F; background: url(../images/general/linkbox2.gif) left no-repeat #000000; border: none; text-transform:capitalize;font-size: 11px; font-weight:bold; padding: 3px 5px 3px 20px; cursor: pointer; text-decoration: underline; width:auto;}

input.submit2 , a.submit2 , a.submit2:link, a.submit2:visited{ color: #333333; background: url(../images/general/linkbox3.gif) left no-repeat #4391C8; border: none; text-transform:capitalize;font-size: 11px; font-weight:bold; padding: 3px 5px 3px 20px; cursor: pointer; text-decoration: underline; width:auto; margin:1px;} 
a.submit2:hover, input.submit2:hover{ color: #191C1F; background: url(../images/general/linkbox2.gif) left no-repeat #000000; border: none; text-transform:capitalize;font-size: 11px; font-weight:bold; padding: 3px 5px 3px 20px; cursor: pointer; text-decoration: underline; width:auto;}
	
h1{
	font: verdana;
	font-size: 20px;
	text-transform: none;
	color: #003366;
	font-weight: bold;
	text-align: left;
	border: none;
}
h1 a:link, h1 a:visited {
	font: verdana;
	font-size: 20px;
	text-transform: none;
	color: #003366;
	font-weight: bold;
	text-align: left;
	border: none;
}
h1 a:hover {
	font: verdana;
	font-size: 20px;
	text-transform: none;
	color: #003366;
	font-weight: bold;
	text-align: left;
	border: none;
}

h1.h1sub{
	width: 100%;
	padding: 0px;
	font: verdana;
	font-size: 20px;
	text-transform: none;
	color: #003366;
	font-weight: bold;
	text-align: left;
}
h1.h1sub img{
	padding-right: 5px;
}
h1.h1home{
	width: 680px;
	background: #191C1F;
	border-top: #666666 1px solid;
	border-bottom: #000000 1px solid;
	margin: 0px 150px 0px 150px;
	padding: 10px 0px 10px 0px;
	font: tahoma;
	font-size: 20px;
	text-transform: none;
	color: #CCCCCC;
	font-weight: bold;
	text-align: center;
}

h2{
	font: tahoma;
	font-size: 13px;
	text-transform: none;
	color: #006699;
	font-weight: bold;
	text-align: left;
	border: none;
}

h3{
	font: verdana;
	font-size: 14px;
	text-transform: none;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	border: none;
}
h4{
	background-image:url(../images/general/h4bg.gif);
	background-repeat:no-repeat;
	min-width:250px;
	font: verdana;
	font-size: 14px;
	text-transform: none;
	color: #003366;
	font-weight: bold;
	text-align: left;
	border: none;
}

.breadcrumbs{
	width: 97%;
	max-width: 650px;
	height: 22px;
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 0px 0px;
	border-bottom: #FFFFFF solid 2px;
	font-family: Tahoma;
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    color: #003366;
}
.breadcrumbs a:link, .breadcrumbs a:visited{
	text-decoration: none;
	font-weight: bold;	
	color: #003366;
}
.breadcrumbs a:hover {
	text-decoration: underline;
	font-weight: bold;	
	color: #003366;	
}

hr{
	height: 2px;
	background-color: #006699;
	color: #CCCCCC;
	width: 100%;
	border: 0;
}

a, a:link, a:visited, a:active {
	color: #4391C8;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
}
a:hover {
	color: #4391C8;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
}
.footertext {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
.footertext ul {
	width: 95.9%;
	max-width: 940px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
.footertext li{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0px 2% 0px 0px;
	color: #FFFFFF;
	font: 9px Verdana;
	font-weight: normal;
	list-style-type: none;
	display: inline;
}

.footertext li a, .footertext li a:link, .footertext li a:visited{
	text-decoration: none;
	font-weight: normal;	
	color: #FFFFFF;
}
.footertext li a:hover{
	text-decoration: underline;
	font-weight: normal;	
	color: #FFffff;	
}
.sitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	list-style-type: square;
}
a.sitetext:link, a.sitetext:visited, a.sitetext:active  {
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;	
	color: #FFFFFF;
}
a.sitetext:hover {
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
	color: #006699;
}
.homefeatureheader {
	float:left;
	background-image:url(../images/general/subheaderbg.gif);
	font:Tahoma;
	size:18px;
	text-transform:capitalize;
	color:#FFFFFF;
	font-weight:bold;
	width:97.8%;
	max-width:920px;
	height:10px;
	margin-top:10px;
	padding:10px 1.1%;
}


.imagespacer {
	background: #FFFFFF;
	margin: 10px;
	padding: 5px;
}
.imagespacer1 {
	margin: 0px 10px 0px 0px;
}
.imagespacer2 {
	height: 70px;
	float: left;
	margin: 0px 20px 0px 0px;
}
.slideshow{
width:100%;
max-width:940px;
float:left;
}
.slideshow img{
width:100%;
max-width:940px;
height:auto;
}
.featured_products{
float:left;
width:100%;
}
.team{
float:left;
width:100%;
height:auto;
}
.team img{
float:left;
width:22.3%;
max-width:150px;
height:auto;
margin:0px 2.9% 90px 2.9%;
}
.team div.teaminfo{
width:71%;
height:auto;
float:left;
}
.productjquery{
	width: 100%;
	max-width: 940px;
	height: 200px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}
.productjquery div.PJdiv{
	width: 95%;
	max-width: 900px;
	height: 200px;
	-webkit-border-radius: 15px; 
    -moz-border-radius: 15px;                     
    border-radius: 15px;
	float: left;
	text-align: left;
	margin: 0px 20px;
	padding: 20px 0.5px 0px 0.5px;
}

/* Released: 27th March 2014 */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */
#header_res { position:relative; top:0; left:0; right:0; height:50px; background:#000033; display: none; }
#header_res label { padding:0 0.125em; font:30px Arial }
#menu_res label { padding:0 0.25em; font:30px Arial }
#menu_res .sub-nav label { padding:0 0.3125em; font:2em/2em Arial; top:0 }
#header_res label:hover, #menu_res label:hover { color:#ccc }
#main-nav-check, #menu_res .sub-nav-check { position:absolute; top:-9999px; left:-9999px }
.toggle { position:absolute; right:0.15em; cursor:pointer; color:#fff }
.container { background:#fff; min-height:100%; padding:0; margin:0 }
#menu_res, #menu_res .sub-nav { position:absolute; top:0; bottom:0; width:13.75em; background:#000033; z-index:9999; left:-13.75em }
.container, #menu_res, #menu_res .sub-nav {   
	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease
	}
#menu_res ul { background:#000033; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:50px; border-top:1px solid #444 }
#menu_res li { border-bottom:1px solid #444; text-align: left; }
#menu_res li a { display:block; font-size:0.875em; padding-left:1.5em; color:#fff; text-decoration:none }
#menu_res li a:hover, #menu_res .toggle-sub:hover { background:#0A456C }
#menu_res .sub-nav { margin-top:-1px }
#menu_res .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999 }
#menu_res .sub-heading:before { content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#0A456C; }
#menu_res .toggle-sub { font:bold 1em/2.75em Arial !important; color:#fff; background:#000033; float:right; top:auto; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center }
.container, #menu_res, #menu_res .sub-nav { -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */
.header_icons div {
	float: left;
	margin: 0 14px 0 0;
}
/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu_res,
#menu_res .sub-nav-check:checked ~ #fof-sub1, 
#menu_res .sub-nav-check:checked ~ #fof-sub2,
#menu_res .sub-nav-check:checked ~ #fof-sub3,
#menu_res .sub-nav-check:checked ~ #fof-sub4,
#menu_res .sub-nav-check:checked ~ #fof-sub5,
#menu_res .sub-nav-check:checked ~ #fof-sub6,
#menu_res .sub-nav-check:checked ~ #fof-sub7,
#menu_res .sub-nav-check:checked ~ #fof-sub8,
#menu_res .sub-nav-check:checked ~ #fof-sub9,
#menu_res .sub-nav-check:checked ~ #fof-sub10,
#menu_res .sub-nav-check:checked ~ #fof-sub11,
#menu_res .sub-nav-check:checked ~ #fof-sub12,
#menu_res .sub-nav-check:checked ~ #fof-sub13,
#menu_res .sub-nav-check:checked ~ #fof-sub14,
#menu_res .sub-nav-check:checked ~ #fof-sub15,
#menu_res .sub-nav-check:checked ~ #fof-sub16,
#menu_res .sub-nav-check:checked ~ #fof-sub17,
#menu_res .sub-nav-check:checked ~ #fof-sub18,
#menu_res .sub-nav-check:checked ~ #fof-sub19,
#menu_res .sub-nav-check:checked ~ #fof-sub20,
#menu_res .sub-nav-check:checked ~ #fof-sub21,
#menu_res .sub-nav-check:checked ~ #fof-sub22,
#menu_res .sub-nav-check:checked ~ #fof-sub23,
#menu_res .sub-nav-check:checked ~ #fof-sub24,
#menu_res .sub-nav-check:checked ~ #fof-sub25,
#menu_res .sub-nav-check:checked ~ #fof-sub26,
#menu_res .sub-nav-check:checked ~ #fof-sub27,
#menu_res .sub-nav-check:checked ~ #fof-sub28,
#menu_res .sub-nav-check:checked ~ #fof-sub29,
#menu_res .sub-nav-check:checked ~ #fof-sub30,
#menu_res .sub-nav-check:checked ~ #fof-sub31,
#menu_res .sub-nav-check:checked ~ #fof-sub32,
#menu_res .sub-nav-check:checked ~ #fof-sub33,
#menu_res .sub-nav-check:checked ~ #fof-sub34,
#menu_res .sub-nav-check:checked ~ #fof-sub35,
#menu_res .sub-nav-check:checked ~ #fof-sub36,
#menu_res .sub-nav-check:checked ~ #fof-sub37,
#menu_res .sub-nav-check:checked ~ #fof-sub38,
#menu_res .sub-nav-check:checked ~ #fof-sub39,
#menu_res .sub-nav-check:checked ~ #fof-sub40,
#menu_res .sub-nav-check:checked ~ #fof-sub41,
#menu_res .sub-nav-check:checked ~ #fof-sub42,
#menu_res .sub-nav-check:checked ~ #fof-sub43,
#menu_res .sub-nav-check:checked ~ #fof-sub44,
#menu_res .sub-nav-check:checked ~ #fof-sub45,
#menu_res .sub-nav-check:checked ~ #fof-sub46,
#menu_res .sub-nav-check:checked ~ #fof-sub47,
#menu_res .sub-nav-check:checked ~ #fof-sub48,
#menu_res .sub-nav-check:checked ~ #fof-sub49,
#menu_res .sub-nav-check:checked ~ #fof-sub50,
#menu_res .sub-nav-check:checked ~ #fof-sub51,
#menu_res .sub-nav-check:checked ~ #fof-sub52,
#menu_res .sub-nav-check:checked ~ #fof-sub53,
#menu_res .sub-nav-check:checked ~ #fof-sub54,
#menu_res .sub-nav-check:checked ~ #fof-sub55,
#menu_res .sub-nav-check:checked ~ #fof-sub56,
#menu_res .sub-nav-check:checked ~ #fof-sub57,
#menu_res .sub-nav-check:checked ~ #fof-sub58,
#menu_res .sub-nav-check:checked ~ #fof-sub59,
#menu_res .sub-nav-check:checked ~ #fof-sub60,
#menu_res .sub-nav-check:checked ~ #fof-sub61,
#menu_res .sub-nav-check:checked ~ #fof-sub62,
#menu_res .sub-nav-check:checked ~ #fof-sub63,
#menu_res .sub-nav-check:checked ~ #fof-sub64,
#menu_res .sub-nav-check:checked ~ #fof-sub65,
#menu_res .sub-nav-check:checked ~ #fof-sub66,
#menu_res .sub-nav-check:checked ~ #fof-sub67,
#menu_res .sub-nav-check:checked ~ #fof-sub68,
#menu_res .sub-nav-check:checked ~ #fof-sub69,
#menu_res .sub-nav-check:checked ~ #fof-sub70,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-sub, 
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-paintings-sub,
#menu_res .sub-nav-check:checked ~ #fof-services-sub, 
#menu_res .sub-nav-check:checked ~ #fof-services-seo-sub,
#menu_res .sub-nav-check:checked ~ #fast-apps-sub { 
	-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0) 
	}

.productdetailsimg{
padding:10px;
float:right;
}
.motors_list{
width:100%;
float:left;
text-align:center;
}
.motors_list ul{
padding:0;
margin:0;
}
.motors_list li{
width:150px;
height:auto;
float:left;
padding:0px 10px 10px 60px;
margin:0;
background:url(../images/general/dots.gif) no-repeat;
display:inline;
list-style-type:none;
font-weight:bold;
}
table.tablelg{
font-size:12px;
}
@media only screen and (min-width : 768px) and (max-width : 1023px)
{
#header_res {
	display: none;
}
.contactusform label{
	width: 100%;
	max-width: 980px;
}
}
@media only screen and (min-width : 460px) and (max-width : 767px)
{
#header_res {
	display: block;
}
.productnav {
display:none;
}
.header_middle{
display:none;
}
.hometext {
	background:#003366;
	width:97%;
	max-width:970px;
	padding-right:1.5%;
	padding-left:1.5%;
}
.cell_left{
display:none;
}
.cell_right{
	width: 98%;
	max-width: 920px;
	margin: 0px 2% 0px 2%;
	padding: 0px 0px 0px 0px;
}
.contactusform label{
	width: 100%;
	max-width: 980px;
}
table.tablelg2{
font-size:9px;
}

}
@media only screen and (min-width : 0px) and (max-width : 460px)
{
#header_res {
	display: block;
}
.productnav {
display:none;
}
.header_middle{
display:none;
}

.slideshow{
display:none;
}
.hometext {
	background:#003366;
	width:97%;
	max-width:970px;
	padding-right:1.5%;
	padding-left:1.5%;
}
.cell_left{
display:none;
}
.cell_right{
	width: 98%;
	max-width: 920px;
	margin: 0px 2% 0px 2%;
	padding: 0px 0px 0px 0px;
}
.team{
text-align:center;
}
.team img{
float:none;
text-align:center;
width:100%;
max-width:180px;
margin:0px auto 5px auto;
}
.team div.teaminfo{
width:100%;
height:auto;
float:left;
text-align:left;
}
.team{
text-align:center;
}
.contactusform label{
	width: 100%;
	max-width: 980px;
}
.productdetailsimg{
width:100%;
float:none;
text-align:center;
padding:0;
}
table.tablelg{
font-size:9px;
}
table.tablelg2{
display:none;
}
#header{
	height: 130px;
}
.list_date_hp li{
	width: 97%;
}
}
@media only screen and (min-width : 240px) and (max-width : 319px)
{
#header_res {
	display: block;
}
table.tablelg{
display:none;
}
table.tablelg2{
display:none;
}
#header{
	height: 110px;}
	
.list_date_hp li{
	width: 97%;
}
}
@media only screen and (min-width : 0px) and (max-width : 240px)
{
#header_res {
	display: block;
}
.list_date_hp li{
	width: 97%;
}
#header{
	height: 110px;
}
}