/* General styles */

* { padding: 0; margin: 0; }

html, body, #wrap {
 border: 0;			/* This removes the border around the viewport in old versions of IE */
 background: #fff;
 color: #444;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 height: 100%;
 margin: 0;
 min-width:800px;		/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
 padding: 0;
 width: 100%;
}

body > #wrap {
 height: auto;
 min-height: 100%;
}

/* Font styles */

a {
 color: #555;
}

a:hover {
	background: #eee;
	color: #000;
	text-align: center;
}

h1, h2, h3, h4 {
 font-family: Georgia, Book Antiqua, serif;
 font-weight: 100;
}

h1 {
 padding: 0 0 .75em 0;
}

h3 {
 padding: .5em 0;
}

p {
 color: #777;
 font-size: 75%;
 line-height: 150%;
 padding: 5px 0 5px 0;
}

p.content-p {
 padding: 0 2% 5px 2%;
}

p.firstline {
 padding: 12px 0 5px 0;
}

h2 {
 border-bottom: 1px solid #ccc;
 color: #FA6900;
 font-size: 1.75em;
 padding: .5em 0 .1em 0;
}

h2.name {
 border-bottom: none;
 color: #FF6600;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 24pt;
 font-weight: bold;
 padding: 0;
}

h2.number {
 border-bottom: none;
 color: #444;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 24pt;
 font-weight: 100;
 padding: 0;
 text-align: right;
}

h4 {
 border-bottom: 1px solid #ddd;
 color: #777;
 font-size: 14pt;
 padding: 0 0 2px 0;
}

/* Image styles */

img {
 border: 5px solid #eee;
}

img.productpic {
 border: 2px solid #444;
 display: block;
 margin: 0 auto 0 auto;
}

/* Header styles */

#header {
	background: #95A8C0;
 height: 130px;
 width: 100%;
}

#headerbottom {
 background-image: url(../images_global/images_Template_2010/header-bottom.png);
 background-repeat: repeat-x;
 height: 30px;
}

#headertop {
 background-image: url(../images_global/images_Template_2010/MiniTec-BKGD.png);
 height: 100px;
}

#info {
 background-image: url(../images_global/images_Template_2010/MiniTec-Logo.png);
 background-repeat: no-repeat;
 height: 84px;
 text-align: right;
 padding: 16px 20px 0 0;
}

#info a {
 color: #fff;
}

#info a:hover {
 background: #fff;
 color: #444;
}

#info p {
 color: #fff;
 font-size: 7.5pt;
 line-height: 9pt;
 padding: 0 0 5px 0;
}

#navbar {
	background: #F05700;
 background-image: url(../images_global/images_Template_2010/navbar-bkgd.png);
 height: 30px;
 padding: 0 0 0 20px;
}

#navbar ul li {
 display: inline;
 float: left;
 list-style-type: none;
 text-align: center;
}

#navbar ul li a {
 background-image: url(../images_global/images_Template_2010/navbar-button-bkgd.png);
 color: #fff;
 display: block;
 font-size: 10pt;
 flont-style: italic;
 height: 30px;
 line-height: 30px;
 text-decoration: none;
 width: 98px;
}

#navbar ul li a:hover {
	background: #D14008;
 background-image: url(../images_global/images_Template_2010/navbar-hover.png);
}

#navbar ul li a.active {
	background: #E14800;
 background-image: url(../images_global/images_Template_2010/navbar-active.png);
 font-style: normal;
}

/* Content styles */

#content {
 clear: both;
 width: 100%;
 padding: 40px 0 180px 0;
}

.heading {
 padding: 0 2% .75em 2%;
}

/* Product Pages styles */

#files {
 background: #f8f8f8;
 border: 1px solid #ddd;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 float: left;
 font-size: 90%;
 margin: 0 2% 40px 2%;
 padding: 2px 1%;
 width: 94%;
}

.file-title {
 font-weight: bold;
}

#partnumber {
 float: left;
	hleight: 60px;
 width: 50%;
}

#productcontent {
 clear: both;
 width: 100%;
}

#productname {
 float: left;
	hleight: 60px;
 width: 50%;
}

.producttable {
 padding: 40px 0;
}

.producttable table {
 border-collapse: collapse;
 width: 100%;
}

.producttable th {
 background: #FF6600;
 border-bottom: 1px solid #444;
 border-top: 1px solid #444;
 color: #fff;
 font-size: 80%;
 font-weight: 100;
 padding: 4px 0 4px 0;
 text-align: center;
}

.producttable td {
 border-bottom: 1px solid #444;
 color: #242424;
 font-size: 80%;
 padding: 4px 0 4px 0;
 width: 50%;
}

/* New Product Pages styles */

/* column container */

.colmask {
 position:relative;	/* This fixes the IE7 overflow hidden bug */
 clear:both;
 float:left;
 width:100%;			/* width of whole page */
 overflow:hidden;
}

/* common column settings */

.colright, .colmid, .colleft {
 float:left;
 width:100%;			/* width of page */
 position:relative;
}

.col1, .col2, .col3 {
 float:left;
 position:relative;
 padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
			only padding top and bottom is included here, make it whatever value you need */
 overflow:hidden;
}

/* 2 Column (double page) settings */

.doublepage {
 background:#fff;		/* right column background colour */
}

.doublepage .colleft {
 right:50%;			/* right column width */
 background:#fff;		/* left column background colour */
}

.doublepage .col1 {
 width:46%;			/* left column content width (column width minus left and right padding) */
 left:52%;			/* right column width plus left column left padding */
}

.doublepage .col2 {
 width:46%;			/* right column content width (column width minus left and right padding) */
 left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings */

.threecol {
 background:#fff;		/* right column background colour */
}

.threecol .colmid {
 right:33%;			/* width of the right column */
 background:#fff;		/* center column background colour */
}

.threecol .colleft {
 right:33%;			/* width of the middle column */
 background:#fff;	/* left column background colour */
}

.threecol .col1 {
 width:29%;			/* width of center column content (column width minus padding on either side) */
 left:102%;			/* 100% plus left padding of center column */
}

.threecol .col2 {
 width:30%;			/* Width of left column content (column width minus padding on either side) */
 left:39%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
 width:29%;			/* Width of right column content (column width minus padding on either side) */
 left:76%;			/* Please make note of the brackets here:
				(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */


}

#footer p {
 color: #999;
 font-size: 70%;
}

junk.footercolumn {
 float: left;
 width: 33%;
 padding: 10px 0 8px 0;
}

.footertext {
 padding: 8px 20px 0 20px;
}

.sitemap {
 float: left;
 width: 50%;
}

.sitemap ul {
 padding: 20px 0 0 0;
}

.sitemap ul li {
 list-style: none;
 padding: 0 0 5px 0;
}

.sitemap ul li a {
 color: #888;
 display: block;
 font-size: 8pt;
}

.align_right {
 text-align: right;
}

.invisible {
 display: hidden;	
}

#clear {
 clear: both;
}
.cell_pad {
	padding: 30px;
}
.open600x600 {
	width: 80%;
}


/*------------------------------------*\
	NEW STYLES
	ADDED OCTOBER 2013
	FOR PRODUCT TEMPLATES
\*------------------------------------*/

.center {
	text-align: center;
}


#numbered-sidebar {
	float: left;
	width: 5%;
}

#numbered-sidebar p {
	blackground: rgba(0,0,0,.1);
	font-size: 200%;
	height: 230px;
	line-height: 200px;
	margin: 0 0 40px 0;
	padding: 0;
	text-align: center;	
}

.product {
	blackground: rgba(0,0,0,.1);
	float: left;
	height: 230px;
	margin: 0 0 40px 0;
	text-align: center;
	width: 33%;
}

.product p {
	line-height: 30px;
	padding: 0;
}

.product a:hover {
	background: none;
}

.product img {
	background: rgba(0,0,0,.1);
	border: none;
	display: block;
	margin: 0 auto;
	height: 200px;
	width: 200px;
}

#product-columns-wrapper {
	blackground: rgba(0,0,0,.1);
	float: left;
	margin: 0 2% 40px;
	width: 96%;
}

#product-columns {
	blackground: rgba(0,0,0,.1);
	float: left;
	width: 95%;
}

#tech-data {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	float: left;
	font-size: 90%;
	margin: 0 2% 40px;
	padding: 2px 1%;
	width: 94%;
}

#tech-data .file-title {
	text-transform: uppercase;
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {

	.hidden-4col {
		display: none;
	}

	.product {
		width: 25%;
	}

}

/* Minimum width of 1280 pixels. */
@media screen and (min-width: 1280px) {

	.hidden-5col {
		display: none;
	}

	.product {
		width: 20%;
	}

}

/* Minimum width of 1440 pixels. */
@media screen and (min-width: 1440px) {

	.hidden-6col {
		display: none;
	}

	.product {
		width: 16.666666%;
	}

}

/* Minimum width of 1680 pixels. */
@media screen and (min-width: 1680px) {

	.hidden-7col {
		display: none;
	}

	.product {
		width: 14.285714%;
	}

}

/* Minimum width of 2000 pixels. */
@media screen and (min-width: 2000px) {

	.hidden-8col {
		display: none;
	}

	.product {
		width: 12.5%;
	}

}