﻿/* TechSoft Main Screen Styles */
html { overflow-y: scroll; }
body { margin:0px;				font: 0.8125em Verdana, sans-serif; 
	  /*line-height: 1.5em;*/	background-color:#adadad;
	   color:#000000;	}
img {border:none;}
fieldset {border:none;}
h1 {font-size:1.8em;padding:4px;}	h2 {font-size:1.6em;color:#333333;}	h3 {font-size:1.5em;color:#333333;}
h4 {font-size:1.3em;}				h5 {font-size:1.1em;}				h6 {font-size:1em;}

sup,sub {	height:0;line-height: 1;font-size:95%;
			vertical-align: baseline;
			_vertical-align: bottom;
			position: relative;	}
sup {	bottom: .5ex;}
sub {	top: .5ex;}

.hd {display:none;}
.greenBul {	background: url('../_layout_img/greenBul.png') no-repeat;	padding:2px 4px 0px 18px;	}

.hPadTable td{padding:0px 14px;text-align:center;}

.topLink{cursor:pointer;margin:16px 10px;}
.topLink:hover{background-color:#CCCCCC;}

.hand{cursor:pointer;}

#pgIdent{display:none;}

a.links, a.links:visited {	color:blue;			text-decoration:underline;								}
a.links:hover {				color:maroon;																}

a.linksNoUL, a.linksNoUL:visited {color:blue;	text-decoration:none;									}
a.linksNoUL:hover {			color:maroon;																}

a.linksBuy, a.linksBuy:visited {color:blue;		text-decoration:underline;		font-size:1.1em;		}
a.linksBuy:hover {			color:maroon;																}

a.linksBuySm, a.linksBuySm:visited {color:blue;	text-decoration:underline;								}
a.linksBuySm:hover {		color:maroon;																}

.softLinks {				list-style:square;  margin:-10px 0px 20px 97px;
							line-height:160%;   font-size:120%;											}
							
#header {					height:108px !important;			width:100%;
							position:fixed;						z-index:9990;							}
#printHeader{display:none;}
							
#accLinks {					font-size:9px; 						font-weight:bold;
							text-align:right;					margin-right:22px;
							padding-top:14px; 															}
							
#accLinks img{				margin-right:6px;					vertical-align:middle;					}
#accLinks a{				color:#ffffff;						}
#accLinks a:hover{			color:lime;}
#mast {						background-image:url('../_layout_img/Header_Main.png');
							background-repeat:no-repeat;
							width:968px;						height:71px !important;
							margin: 0px auto;	}
#nav {	width: 950px; 		height:32px;	margin:0px auto;	padding:5px 0px 0px 18px;
		background-image:url('../_layout_img/Header_R2.png');	background-repeat:no-repeat;			}
#nav img{float:left;		margin-right:1px;					}

#topSpace {	background-color:transparent;	width:100%; height:127px !important;
			margin:0px auto;	/*border-left:1px gray solid;		border-right:1px gray solid;*/
			}
#topSpaceSr {
			background-image:url('../_layout_img/Top_fade_tile.png');
			background-repeat:repeat-x;
			width:947px; height:7px !important;
			margin:0px auto;
}
#brdWrp {background-image:url('../_layout_img/page_BG.png');
	background-repeat:repeat-y;
	width:968px;
	margin:0px auto;
}
#breadcrumb {width:940px; 						padding:3px 0px 4px 10px;				 margin:0px auto;
 			 color:#333333;						background-color:#E9E8FD;				 font-size:0.7em;
 			 border-bottom:1px #CCCCCC solid;
 			}
#breadcrumb a, #breadcrumb a:visited{color:#333333;text-decoration:underline;}
#breadcrumb a:hover {color:#993333;}
#bb {width:40px !important; height:11px !important; background-image:url('../_layout_img/back.png'); background-position:left top;background-repeat:no-repeat;
	 padding:0px 0px 0px 15px;display:inline-block;font-family:Arial, Helvetica, sans-serif; font-size:0.95em;font-weight:bold;cursor:pointer;}
#bb:hover{background-image:url('../_layout_img/back_mo.png');}

#page {		background-image:url('../_layout_img/page_BG.png');
			background-repeat:repeat-y;
			width:916px; /* was 876 */
			margin:0px auto;
			padding:10px 26px 30px 26px; /*26's were 46 */
			font-size:0.85em;									}
/*Added pageInner because the decision to reduce padding above looks awful this allows proper padding on a page by dropping in a pageInner div */
#pageInner{padding:0px 20px;}
#pageEnd {			width:968px; 											height:21px !important;
					background-image:url('../_layout_img/page_bott.png');
					background-repeat:no-repeat;
					margin:0px auto;				}
#footer{width:938px;		margin:0px auto;
		color:#000000;		padding:6px;
		font-size:0.7em;							}
#footer a,a:visited { 	color:#424242; 		text-decoration:none;}
#footer a:hover { 		color:maroon;		text-decoration:underline; }
.opa7 {		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
			filter: alpha(opacity=70);	-moz-opacity:0.7;		-khtml-opacity: 0.7;	opacity: 0.7;
	}
.opa5 {		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
			filter: alpha(opacity=50);	-moz-opacity:0.5;		-khtml-opacity: 0.5;	opacity: 0.5;
		}
#blanket {	z-index:9991;		background-color:#666666;			display: none;		
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
			filter: alpha(opacity=70);	-moz-opacity:0.7;		-khtml-opacity: 0.7;	opacity: 0.7;
			position: fixed;			top:0px; left:0px;		width:100%;				height:100% !important;		margin:0px auto;	}

#overviewFull {display:none; }

#vidDiv {	display:none;						z-index:9993;
			position:absolute;					background-color:#ffffff;
			border:7px #333333 inset;			padding: 6px;
			margin:10px auto;												}

/* search Box */
#search {				float:right;			margin:0px 18px 0px 5px;					}
.border_textsearch {	border:1px #184880 solid;						font-size: small;	}
.searchbutton_text {	font-size: 11px;		font-style: normal;		line-height: normal;
						font-weight: bold;		color: #184880;			text-align: center;	}
#leftCol {	width:414px;
			float:left;
			padding-right:20px;
			/*border-right:1px gray solid;*/	}
#rightCol{	width:454px;
			float:right;						}
#endCols {clear:both;							}

#progress {display:none;position:absolute;width:160px;padding:20px;vertical-align:text-top;
					background-color:white;border:5px green ridge;z-index:10035;			}
#progress img {vertical-align:middle;}
.vLtile {background:transparent url('../_layout_img/vertLineTile.png') repeat-y scroll center top;width:11px;}
.c3coll {width:272px;padding-right:10px;text-align:justify;}
.c3colm {width:272px;padding:0px 11px;text-align:justify;}
fy;}

.pad24Hd { padding:2px 2px 2px 4px; }
.pad20Hd { padding:2px, 2px, 2px, 4px; }
.topM30 {margin-top:30px;}
.topM40 {margin-top:40px;}

.specTable {font-size:1em; border:1px black solid;}
.specTable td{padding:2px;}
.specTableAltRow td{background-color:#cccccc;}
.specTableAltRowWKEQ td{background-color:#c9d1be;}
.specTableHdNb td {background-color:#b6dab6;}
.specTableH5 {margin-bottom:2px;margin-top:0px;background-colour#e5e5e5;padding-left:1px;}

.mmRowH tr td {height:22px;padding:2px 3px 2px 3px;}
.specTableH5WKEQ  {margin-bottom:2px;margin-top:0px;background-colour#c9d1be;padding-left:1px;}

.ul {text-decoration:underline;}	.bld{font-weight:bold;}		.ntbld{font-weight:normal;}	.ital {font-style:italic;}
.inL{display:inline;}
.ac{text-align:center;}				.ar{text-align:right;}		.aj{text-align:justify;}	.al{text-align:left;}

.fr{float:right; margin:0px 0px 10px 10px;}
.fl{float:left; margin:0px 10px 10px 0px;}


.gryBG {background-color:#E5E5E5;}

.klB {border:1px black solid;}

/*  C l e a r   F l o a t s  */
.clrB{clear:both;display:inline;}	.cB{clear:both;}	.cL{clear:left;}	.cR{clear:right;}
/* Vertical alignments */
.vTop, .vTop td {vertical-align:top;} .vMid, .vMid td {vertical-align:middle;}
/* margins */
.BM2 {margin-bottom:2px;}	.BM4 {margin-bottom:4px;}
.noM{margin:0px;}			.noTM{margin-top:0px;}		.noBM{margin-bottom:0px;}
/* padding */
.pad2{padding:2px;}			.pad4{padding:4px;}				.pad8{padding:0px 8px 8px 8px;}
.pad8True{padding:8px;}		.pad20{padding:20px;}			.pad40{padding:40px;}
.padR10{padding-right:10px;}
/* Standard Colours */
.white{color:white;}		.black{color:black;}		.blu{color:blue;}			.red{color:red;}

/* Price tables */
.prTables {	font-size:1em;	width:100%; border:1px black solid; background-color:white;}
.prTables tr:hover {background-color:#cccccc;}
.prIt {font-style:italic;font-size:0.9em;}
.prSmall {font-size:0.9em;}
.prH5 {margin:0px 0px 3px 0px;color:#333399;}
.prH5wTag {margin:0px;color:#333399;}
.prH5wTag2 {margin:0px;color:#000000;}
.taglinePrH5 {margin: 0px 0px 3px 0px;}
.prTables td {border-bottom:1px #cccccc solid;padding:4px;}
.prCol1{width:110px;font-size:0.9em;font-family:Arial, Helvetica, sans-serif;}
.prCol2{border-left:1px #cccccc solid;border-right:1px #cccccc solid;}
.prCol3{width:70px;}
.prCol4{width:30px;border-left:1px #cccccc solid;text-align:right;}
.prCol5{width:110px;font-size:1em;font-family:Arial, Helvetica, sans-serif;}
.prColSoft{font-weight:bold;}
.prColSoft2{width:116px;border-left:1px #cccccc solid;text-align:center;}


/* Vinyl Roll images in materials page */
.vinylRollMat {margin:24px 0px 4px 0px;}
.vinylRollMat img {float:left; margin-right:15px;margin-top:-4px;}
.vinylRollMat h6 {color:blue; margin:0px 0px 0px 123px;}

/* Materials Price Tables */
.mprTables {	font-size:1em; border:1px black solid; background-color:white;width:100%;margin-top:2px;}
.mprTables tr:hover {background-color:#cccccc;}
.mprTables td {border-bottom:1px #cccccc solid;padding:4px;}

.TDtop td {vertical-align:top;}
.TDmid td {vertical-align:middle;}

/* Warranty Tables used with uPrints and maybe others  */
.warrantyTables {font-size:1em;	border:1px #cccccc solid; border:1px black solid; background-color:white; }
.warrantyTables td { border-bottom:1px #cccccc solid;padding:10px;border-right:1px #cccccc solid;}


.resourceHeadStrip {background-image:url('../resources/img_Resources/heading_strip.jpg'); background-repeat:no-repeat;
					height:30px; color:white;padding:6px 0px 0px 10px; }
.weHeadStrip {background-image:url('../products/workshop-equipment/img_WE/headingStrip10.jpg'); background-repeat:no-repeat;
					height:30px; color:white;padding:6px 0px 0px 10px; }



/* News page */
.newsSnip { 	margin:20px 0px;	font-size:1em; 				line-height:1.2em; 	}
.newsSnip img { float:left;			margin:2px 12px 14px 0px;	border:none; 		}
.newsSnip h1  { font-size:1.2em;	color:#ffffff;				padding:6px;		background-color:gray;	}

/* Products Page */
.prodTableDivsNL {		float:left; 		width:180px;		height:120px !important;
						margin:14px;		font-size: 0.8em;	border:1px #000000 solid;	}
.prodTableDivsNL h4{	padding:2px 4px;	font-size:1.2em;	margin-top:0px;
						color:#ffffff;		text-decoration:none;						}

.prodTableDivs, .prodTableDivsFirst {	float:left; 		width:180px;				margin:14px;
										font-size: 0.8em;	border:1px #000000 solid;	height:120px !important;	}
.prodTableDivsFirst {margin: 14px 14px 14px 4px;}
.prodTableDivs:hover {			border: 5px solid;	margin:10px;				cursor: pointer;			}
.prodTableDivsFirst:hover {		border: 5px solid;	margin:10px 10px 10px 0px;	cursor: pointer;}
.prodTableDivs h4, .prodTableDivsFirst h4{			padding:2px 4px;			font-size:1.2em;			margin-top:0px;
													color:#ffffff;				text-decoration:none;							}


#sft, .sft{background-color:#dedaeb;}					#sft:hover, .sft:hover			{border-color:navy;}
#lsc, .lsc{background-color:#fce3d6;}					#lsc:hover, .lsc:hover			{border-color:red;}
#kfc, .kfc{background-color:#e1ecf2;}					#kfc:hover, .kfc:hover			{border-color:#0099CC;}
#emr, .emr{background-color:#e2efe1;}					#emr:hover, .emr:hover			{border-color:green;}
#threeds, .threeds{background-color:#eceded;}			#threeds:hover, .threeds:hover	{border-color:#c6c7c8;}
#plc, .plc{background-color:#ece8d5;}					#plc:hover, .plc:hover			{border-color:#80811f;}
#threedp, .threedp{background-color:#fbe5ef;}			#threedp:hover, .threedp:hover	{border-color:fuchsia;}
#itr, .itr{background-color:#ebdeec;}					#itr:hover, .itr:hover			{border-color:purple;}
#emb, .emb{background-color:#FFFBD2;} /*#fffce4;*/		#emb:hover, .emb:hover			{border-color:yellow;}
#mme, .mme{background-color:#e5e4e7;}					#mme:hover, .mme:hover			{border-color:#286a82;}
#fur, .fur{background-color:#e9e4e6;}					#fur:hover, .fur:hover			{border-color:#806346;}
#tools, .tools{background-color:#e8d3c9;}				#tools:hover, .tools:hover		{border-color:maroon;}
#mat, .mat{background-color:#E9F3F3;}					#mat:hover, .mat:hover			{border-color:teal;}
#weq, .weq{background-color:#e2efe1;}					#weq:hover,.weq:hover			{border-color:green;}
#art, .art {background-color:#FFE7CE;}					#art:hover, .art:hover			{border-color:#FF9900;}
#cadcam, .cadcam {background-color:#EFFFDF;}			#cadcam:hover, .cadcam:hover	{border-color:#66FF99;}
#res, .res 	{background-color:#E2E6DB;}					#res:hover,	.res:hover			{border-color:#515a3f;}
#wkeq, .wkeq{background-color:#c9d1be;}						#wkeq:hover, .wkeq:hover		{border-color:#05651a;}


#cadCamProd { 	float:left; width:630px; background-color:#E4E4E4; 	}
/* #cadCamProd h2 { background-color:black; color:#ffffff;padding:4px; font-size:1.1em; margin-top:0px;} */
#cadCamToolsMaterials { }


.brd1px {border-width:1px;border-style:solid;}

.KC {	background-color:#0099CC; 	}					.brdKC 	{border-color:#0099CC;	}
.MR {	background-color:green; 	}					.brdMR 	{border-color:green;	}
.LC {	background-color:red;		}					.brdLC 	{border-color:red;		}
.PC {	background-color:#80811f;	}					.brdPC 	{border-color:#80811f;	}
.SF {	background-color:navy;		}					.brdSF 	{border-color:navy;		}
.DIM {	background-color:fuchsia;	}					.brdDIM {border-color:fuchsia;	}
.PIC {	background-color:#c6c7c8; 	}					.brdPIC {border-color:#c6c7c8;	}
.ITR {	background-color:purple;	}					.brdITR {border-color:purple;	}
.EMB {	background-color:yellow; 	}					.brdEMB {border-color:yellow;	}
.MAN {	background-color:#286a82; line-height:1em;}		.brdMAN {}
.FRN {	background-color:#806346; 	}					.brdFRN {border-color:#806346;}
.TOOL { background-color:maroon;	}					.brdTOOL{border-color:maroon;}
.MAT {	background-color:teal;		}					.brdMAT {border-color:teal;}
.WEQ {	background-color:green;	}						.brdWEQ {border-color:green;}	
.RES {	background-color:#515a3f;	}					.brdRES {border-color:#515a3f;}
.ART {	background-color:#FF9900;	}					.brdART {border-color:#ff9900;}
.CDM {	background-color:#66FF99;	}					.brdCDM {border-color:#66ff99;}
.WKEQ {	background-color:#05651a;	}					.brdWKEQ {border-color:#05651a;}
	
}


.specs {font-weight:bold; color:#6666FF;}


.specs {font-weight:bold; color:#6666FF;}


.specs {font-weight:bold; color:#6666FF;}

.featureList { 	margin-top:0px;		margin-left:15px; 	padding-left:0px; 	}
.featureList li {padding-left:0px;	margin-bottom:5px;}

.booksList li{	margin-left:230px;}
.author {		font-style:italic;	margin-top:4px;		/*padding-left:10px;*/ }

.normTable {	width: 100%;		border:1px #000000 solid;		}
.normTable td {	border-right:1px gray solid;			border-bottom:1px gray solid;	padding:2px;	}

.cadFileTable {	  	border:1px gray solid;}
.cadFileTable td {	padding:4px;}
.cadFileTable th {	background-color:#cccccc;}
.shade { 		  	background-color:#ebebeb;}


/* Materials and Tools */
#matHolder {/* height:300px; overflow:auto;*/  }

/* material 3 column navigation - This is getting phased out!!!!!!!! */
#mat3Cl {float:left;width:27em;}
#mat3Cm {float:left;width:27em;}
#mat3Cr {float:left;width:27em;}
#mat3Cl li, #mat3Cm li, #mat3Cr li {
			line-height:2em;
			width:24em;
			list-style:none; cursor:pointer;
			background-image: url('../_layout_img/bullet1.png');  			background-position: 0px 6px;
  			background-repeat: no-repeat;
  			padding: 0 0 0 15px; /* left padding moves the text away from the bullet */	
}
#mat3Cl li.HL, #mat3Cm li.HL, #mat3Cr li.HL {font-weight:bold;	color:blue;}
#mat3Cl li:hover, #mat3Cm li:hover, #mat3Cr li:hover {background-color:gray;color:white;font-weight:bold;}
.matCont {	padding:0px 10px;															display:XXXXXXXXXXXXXXnone; 			}
.matContVis {padding:0px 10px;}
#matLL {margin:0px;padding:0px;}
.matcol1 {margin-left:1em;}
.matcol2 {margin-left:28em;}
.matcol3 {margin-left:55em;}
.matAll { 	line-height:2em;
			width:24em;
			list-style:none; cursor:pointer;
			background-image: url('../_layout_img/bullet1.png');  			background-position: 0px 6px;
  			background-repeat: no-repeat;
  			padding: 0 0 0 15px; /* left padding moves the text away from the bullet */	
}
.matAllHL {font-weight:bold;	color:blue;
			line-height:2em;	width:24em;
			list-style:none; cursor:pointer;
			background-image: url('../_layout_img/bullet1.png');			background-position: 0px 6px;
  			background-repeat: no-repeat;
  			padding: 0 0 0 15px; 
}
.colTop2 {margin-top: -4em;}
.colTop3 {margin-top: -6em;}
.colTop4 {margin-top: -8em;}
.colTop5 {margin-top: -10em;}
.colTop6 {margin-top: -12em;}
.colTop7 {margin-top: -14em;}
.colTop8 {margin-top: -16em;}
.colTop9 {margin-top: -18em;}
.colTop10 {margin-top: -20em;}
.colTop11 {margin-top: -22em;}
.matcol1:hover, .matcol2:hover,.matcol3:hover {	background-color:gray;color:white;font-weight:bold;}

.matLinks { /* tables */ width:99%;
			margin-left:20px;}
.matLinks td{background-image: url('../_layout_img/bullet1.png'); background-position: 0px 5px;
  			background-repeat: no-repeat; width:33%; height:20px;
  			padding: 0 8px 0 15px;
  		}
.matLinks a.HL {font-weight:bold; color:blue; text-decoration:none;}
.matLinks td a:hover {background-color:gray;color:white;padding:3px;}
  			
#download, #download2DDesign, #download2DPCB, #download2DPrimary, #compa3 {z-index:9999; position:absolute;left:0; top:0;}
.download {			width:480px; background-color:white;
					font-size:90%; line-height:150%;
					border:thick teal solid;
					display:none;							}
.infoPop {			width:700px; background-color:white;
					font-size:85%; line-height:140%;
					border:thick gray solid;
					display:none;							}
.colorTable {border:none; }
.colorRow { }
.colorRow td {width:80px; height:50px;}
.colorRow td div{width:40px; height:40px;margin:0px 20px;}
.labelRow {padding:0px 5px;}
.labelRow10 {padding:0px 10px;}
.padCellsLR5 {padding-left:5px;padding-right:5px;}
.wid50{width:50px;}	.wid60{width:60px;}	.wid70{width:70px;}	.wid80{width:80px;}	.wid90{width:90px;}

.h4Link {	margin: 5px 0px 0px 0px;	color:#6699FF;}

.engrvLamSwatch { width:34px; height:19px;font-weight:bold;text-align:center;padding-top:3px;margin:0px 8px;}

.pgStripBlue { background-color:blue;font-size:110%; font-weight:bold;color:white;padding:4px;}

.newBuildHeads {	background-color:#3c5662;
					padding:5px;
					color:white;					}
.gryHeads {background-color:#CCCCCC;padding:8px;margin:12px 0px;}

a:visited {color:maroon;text-decoration:underline;}

/* Product Cart related Styles */
.transparentField {border:none;margin-top:-2px;}

.manMachines{margin-bottom:60px;background: transparent url('../products/workshop-equipment/img_WE/rghtBGgradGreen7 bigger.png') no-repeat scroll right top;}
.wBG {background-color:white;}




