/* Laser Tool v2.0 */

/* ------------------------------------------------------ 
Copyright: Laser Tool and Plastics, 2006 

Designed by: Starn Marketing Group
http://www.starnmarketing.com
------------------------------------------------------ */ 

/* Import Stylesheets */
/* @import url("marginform.css"); */

/* general layout */

body { 
color: #fff; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: center; 
background-color: #000; 
margin: 0;
} 

#container {
width: 780px;
margin: 0px auto;
}

/* general styles */

h1 {
color: #000000;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}

h2 {
color: #ff0000;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}

h3 {
color: #000;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
margin-top: 30px;
}

h4 {
color: #000;
font-size: 12px;
font-weight: bold;
/* text-transform: uppercase; */
margin-bottom: 0px;
}

h5 {
color: #999;
font-size: 12px;
font-style: italic;
margin-top: 3px;
margin-bottom: 0px;
}

p {
font-size: 12px;
line-height: 16px;
color: #000;
}

.follow {
margin-top: 0px;
}

ul {
color: #000;
font-size: 12px;
line-height: 16px;
}

ul li {
list-style-type: square;
}

ol {
color: #000;
font-size: 12px;
line-height: 16px;
}

#main a, a:visited {
color: #ff0000;
text-decoration: underline;
}

#main a:hover {
text-decoration: none;
}

/* contact-info */

#contact-info p {
font-size: 9px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}

#contact-info a, a:visited {
color: #ff0000;
text-decoration: none;
}

#contact-info a:hover, a:active {
color: #ff0000;
text-decoration: underline;
}

/* header */

#header {
margin: -10px 0px 0px 0px;
}

#logo {
height: 162px;
width: 780px;
background: url(images/logo-home.jpg) #fff no-repeat;
}

body#lasertooling #logo {
height: 162px;
width: 780px;
background: url(images/logo-tooling.jpg) #fff no-repeat;
}

body#laserplastics #logo {
height: 162px;
width: 780px;
background: url(images/logo-plastics.jpg) #fff no-repeat;
}

body#laserengineering #logo {
height: 162px;
width: 780px;
background: url(images/logo-engineering.jpg) #fff no-repeat;
}

body#laserrfq #logo {
height: 162px;
width: 780px;
background: url(images/logo-rfq.jpg) #fff no-repeat;
}

body#lasercontact #logo {
height: 162px;
width: 780px;
background: url(images/logo-holeboring.jpg) #fff no-repeat;
}

body#laserthanks #logo {
height: 162px;
width: 780px;
background: url(images/logo-holeboring.jpg) #fff no-repeat;
}

body#laserhotrunner #logo {
height: 162px;
width: 780px;
background: url(images/logo-hotrunner.jpg) #fff no-repeat;
}

body#lasermolding #logo {
height: 162px;
width: 780px;
background: url(images/logo-molding.jpg) #fff no-repeat;
}

body#laserholeboring #logo {
height: 162px;
width: 780px;
background: url(images/logo-holeboring.jpg) #fff no-repeat;
}

body#laserlinks #logo {
height: 162px;
width: 780px;
background: url(images/logo-home.jpg) #fff no-repeat;
}

#logo h1 {
visibility: hidden;
}

#logo p#menu {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
margin: 50px 0px 0px 90px;
}

#logo p#menu a, a:visited {
color: #fff;
text-decoration: none;
}

#logo p#menu a:hover, a:active {
color: #fff;
text-decoration: underline;
}

#logo p#submenu {
visibility: hidden;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-align: left;
margin: -78px 0px 0px 5px;
}

#logo p#submenu a, a:visited {
color: #fff;
text-decoration: none;
}

#logo p#submenu a:hover, a:active {
color: #fff;
text-decoration: underline;
}

/* content */

#content {
width: 780px;
/* background-color: #fff; */
background: url(images/side-bg.jpg) #fff 13px bottom no-repeat;
display: table;
border-left: 6px solid #e6e4e4;
}

body#laserthanks #content {
background: #fff;
}

/* sidebar */

#sidebar {
float: left;
display: table;
height: 100%;
width: 225px;
/*background-color: #fff;*/
text-align: center;
border-top: 6px solid #e6e4e4;
/*padding-bottom: 150px;*/
}

#sidebar img {
margin-top: 6px;
}

/*
#sidebar img#distrib {
margin-top: 40px;
border: 0px;
}
*/

a#askengineer {
display: block;
width: 213px;
height: 37px;
text-decoration: none;
background: url(images/s-ask-engineer-off.jpg) no-repeat;
margin: 40px 0 0 0px;
}

html>body a#askengineer {
margin-left: 6px;
}

a#askengineer:hover {
background: url(images/s-ask-engineer.jpg) no-repeat;
}

a#askengineer span {
visibility: hidden;
}

a#onlinerfq {
display: block;
width: 213px;
height: 37px;
text-decoration: none;
background: url(images/s-online-rfq-off.jpg) no-repeat;
margin: 20px 0 0 0px;
}

html>body a#onlinerfq {
margin-left: 6px;
}

a#onlinerfq:hover {
background: url(images/s-online-rfq.jpg) no-repeat;
}

a#onlinerfq span {
visibility: hidden;
}

a#distlogin {
display: block;
width: 213px;
height: 37px;
text-decoration: none;
background: url(images/s-dist-login-off.jpg) no-repeat;
margin: 20px 0 40px 0px;
}

html>body a#distlogin {
margin-left: 6px;
}

a#distlogin:hover {
background: url(images/s-dist-login.jpg) no-repeat;
}

a#distlogin span {
visibility: hidden;
}

#vet {
color: #aaa;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
margin-top: 5px;
}

#sidebar-contact p, h3, h4 {
text-align: left;
}

#sidebar-contact h3 {
color: #ff0000;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
margin: 5px 0px 0px 10px;
}

html>body #sidebar-contact h3 {
margin: 18px 0px 0px 10px;
}

#sidebar-contact h4 {
width: 205px;
color: #ff0000;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-left: 0px;
border-bottom: 1px solid #e6e4e4;
}

html>body #sidebar-contact h4 {
margin-left: 10px;
}

#sidebar-contact p {
font-size: 11px;
/* margin-left: 10px; */
margin: 10px 0px 10px 10px;
}

#sidebar-contact a {
color: #ff0000;
text-decoration: none;
}

#sidebar-contact a:hover {
text-decoration: underline;
}


#sidebar #emp-feat {
/*width: 213px;*/
/*margin-top: 60px;*/
text-align: left;
padding-left: 6px;
}

#sidebar #emp-feat img {
/*border-top: 2px solid #666;*/
}

#sidebar #emp-feat h4 {
font-size: 11px;
margin: 0;
padding: 5px 4px 5px 4px;
width: 205px;
background-color: #ccc;
border-top: 2px solid #bbb;
border-bottom: 2px solid #bbb;
/*margin-top: -3px;*/
color: #333;
}

#sidebar #emp-feat h4 span {
/*font-style: italic;*/
font-size: 10px;
}

#sidebar #emp-feat p {
font-size: 11px;
line-height: 14px;
margin-right: 6px;
margin-top: 0;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 6px;
background-color: #eee;
border-bottom: 2px solid #bbb;
color: #333;
}


/* main */

#main {
float: right;
width: 476px;
/* min-height: 375px; */
background-color: #fff;
text-align: left;
border-top: 6px solid #e6e4e4;
border-right: 6px solid #e6e4e4;
border-left: 6px solid #e6e4e4;
padding: 5px 40px 50px 15px;
}

#main .smlink {
font-size: 11px;
}

#main img.linked {
border: 1px solid #ff0000;
}

p.anchormenu {
font-size: 11px;
margin-bottom: 20px;
}

#main img.mapquest {
vertical-align: middle;
}

p#link-amba {
background: url(images/logos/amba.jpg) top right no-repeat;
border-bottom: 1px solid #e6e4e4;
}

p#link-source {
background: url(images/logos/source.jpg) top right no-repeat;
border-bottom: 1px solid #e6e4e4;
}

p#link-ntma {
background: url(images/logos/ntma.jpg) top right no-repeat;
border-bottom: 1px solid #e6e4e4;
}

p#link-spe {
background: url(images/logos/spe.jpg) top right no-repeat;
border-bottom: 1px solid #e6e4e4;
}

p#link-2m {
background: url(images/logos/2m.jpg) top right no-repeat;
border-bottom: 1px solid #e6e4e4;
}

#main p.btt {
font-size: 10px;
font-style: italic;
}

#main p.btt img {
margin-top: 0px;
}

*html body #main p.btt img {
margin-top: -2px;
}

#main p.btt a {
text-decoration: none;
color: #777;
}

#main p.btt a:hover {
text-decoration: underline;
color: #ff0000;
}

/* footer */

#footer {
clear: both;
background-color: #fff;
border: 6px solid #e6e4e4;
margin: 0px;
}

#footer p {
font-size: 9px;
line-height: 14px;
font-weight: bold;
text-transform: uppercase;
margin: 6px 0px 6px 0px;
}

#footer a, a:visited {
color: #ff0000;
text-decoration: none;
}

#footer a:hover, a:active {
color: #ff0000;
text-decoration: underline;
}

/* credit */

#credit p,
#credit a {
color: #ccc;
font-size: 9px;
margin: 5px 0 5px 0;
text-decoration: none;
}

#credit a:hover {
color: #fff;
text-decoration: underline;
}

/* form styles */

#contactform {
color: #000;
font-size: 11px;
}

#contactform fieldset {
/* border: 0px; */
border: 1px solid #e6e4e4;
padding: 5px;
margin-bottom: 15px;
}

#contactform legend {
/* color: #666; */
color: #ff0000;
font-size: 10px;
/* font-weight: normal; */
font-weight: bold;
text-transform: uppercase;
}

#contactform legend.category {
color: #ff0000;
font-weight: bold;
}

#contactform .row {
margin: 3px 0px 0px 9px;
}

html>body #contactform .row {
margin-left: 3px;
}

#contactform label {
float: left;
width: 135px;
font-size: 11px;
font-weight: bold;
}

#contactform label.topics {
width: 100%;
}

#contactform label.plain {
font-weight: normal;
}

#contactform span {
font-weight: normal;
font-style: normal;
color: #666;
}

#contactform .checkitem {
float: left;
width: 48%;
}

.clearer {
clear: both;
height: 5px;
}

html>body .clearer {
height: 12px;
}

#contactform fieldset.orderitems {
/* background-color: #f2f2f2; */
}

/* icons */

.icon {
background-color: #ddd;
background-image: url(images/i/bg_rounded.gif);
background-repeat: no-repeat;
border: 0;
vertical-align: middle;
margin: 0 0px 2px 10px;
}

.icon-menu {
background-color: #ddd;
background-image: url(images/i/bg_blank.gif);
background-repeat: no-repeat;
border: 0;
vertical-align: middle;
margin: 0 0px 2px 5px;
}

/* front logos */

#logos {
text-align: center;
margin: 40px 0px 0px 0px;
}

/* Drill Order Form */

#contactform table {
margin-left: 8px;
margin-top: 5px;
width: 450px;
}

html>body #contactform table {
margin-left: 5px;
}

#contactform th {
padding: 2px;
}

#contactform td {
padding: 2px;
}

#contactform table thead tr {
background-color: #ddd;
}

#contactform table thead tr th.qc {
background-color: #cae8f1;

}

#contactform table thead tr.subhead th {
font-weight: normal;
}

#contactform table tbody tr td {
width: 100px;
}

#contactform table tbody tr.even {
background-color: #f6f6f6;
}

td.qc {
background-color: #ebf8fc;
}

#contactform table tbody tr.even td.qc {
background-color: #dff5fc;
}

#contactform fieldset .row p#cont-msg {
/* width: 272px; */
font-size: 11px;
font-style: italic;
background-color: #eef9fe;
border-top: 1px solid #b9e5fa;
border-bottom: 1px solid #b9e5fa;
margin: 3px 0 5px 0;
padding: 3px;
float: left;
width: 95%;
margin: 10px 0 0 0;
}

/* body imgs */

.b-rt {
float: right;
width: 150px;
margin: 0px 0px 5px 10px;
}

*html .b-rt {
margin: 0px 0px 5px 10px;
}

.b-rt img {
margin-bottom: 5px;
}


/* THICKBOX STYLES */

#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align: left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:10px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_closeWindow a,
#TB_closeAjaxWindow a {
color: #ff0000;
text-decoration: none;
}

#TB_closeWindow a:hover,
#TB_closeAjaxWindow a:hover {
color: #ff0000;
text-decoration: underline;
}

#TB_ajaxContent{
	padding:2px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent  {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}

a img {
border: 2px solid #ff0000;
}

/* DRILL-CHART */

#drill-chart table {
width: 450px;
color: #000;
font-size: 11px;
}

#drill-chart th {
padding: 4px;
}

#drill-chart td {
padding: 4px;
}

#drill-chart table thead tr {
background-color: #ddd;
}

#drill-chart table thead tr.subhead th {
font-weight: normal;
}

#drill-chart table.stripetables tbody tr td{
background-color: #f6f6f6;
}

#drill-chart table.stripetables tbody tr.even td{
background-color: #fff;
}