html {margin: 0 auto; padding: 0; height: 100%;}
body {font: 12px Arial, Verdana; line-height: 16px; color: #333; background: #d6d6d6 url(../../images/bg.jpg) repeat-x top; margin: 0 auto; padding: 0; text-align: center; height: 100%;}

/* LAYOUT */
#container {width:960px; padding: 0; margin: 0 auto; display:block; }
#header{display:block; width:960px; height:47px; margin:20px 0 0 0; background: url(../../images/nav-bg.gif) no-repeat top right; }
#logo{background: url(../../images/logo-chick.gif) no-repeat; width:179px; height:47px; float:left;margin:0; padding:0;}
.splash{background: #000 url(../../images/splash.jpg) no-repeat top center; width:960px; height:260px; margin:25px 0 15px 0; padding:0;}
.splash2{background: #000 url(../../images/splash2.jpg) no-repeat top center; width:960px; height:260px; margin:25px 0 15px 0; padding:0;}
.splash3{background: #000 url(../../images/splash3.jpg) no-repeat top center; width:960px; height:260px; margin:25px 0 15px 0; padding:0;}

.philsbold{font-weight:bold; color:#000000}

#leftcol{width:550px; float:left; padding:0; margin:0; text-align:left; background-color:transparent; display:inline;}
#rightcol{width:395px; float:left; padding:0 0 0 15px; margin:0; text-align:left; background-color:transparent; display:inline;}

.box {width:100%; display:block; background: #fff url(../../images/box-bg.gif) repeat-x top; padding:0; margin:25px 0 0 0; text-align: left;}

body.photo1 .box {background: #fff url(../../images/splash-about-bg.jpg) no-repeat top;}
body.photo2 .box {background: #fff url(../../images/splash-product-bg.gif) no-repeat top;}
body.photo3 .box {background: #fff url(../../images/splash-sample-bg.jpg) no-repeat top;}
body.photo4 .box {background: #fff url(../../images/solutions_index_bg.jpg) no-repeat top;}
body.photo5 .box {background: #fff url(../../images/accessories_index_bg.jpg) no-repeat top;}
body.photo6 .box {background: #fff url(../../images/product_index_bg.jpg) no-repeat top;}
body.photo7 .box {background: #fff url(../../images/spare_parts_index_bg.jpg) no-repeat top;}
body.photo8 .box {background: #fff url(../../images/register_bg.jpg) no-repeat top;}
body.photo9 .box {background: #fff url(../../images/contact_bg.jpg) no-repeat top;}
body.photo10 .box {background: #fff url(../../images/support_bg.jpg) no-repeat top;}
body.photo11 .box {background: #fff url(../../images/system_5_bg.jpg) no-repeat top;}
body.photo12 .box {background: #fff url(../../images/local_support_bg.jpg) no-repeat top;}
body.photo13 .box {background: #fff url(../../images/e_spare_parts_index_bg.jpg) no-repeat top;}
body.photo14 .box {background: #fff url(../../images/e_accessories_index_bg.jpg) no-repeat top;}
body.photo15 .box {background: #fff url(../../images/m_spare_parts_index_bg.jpg) no-repeat top;}
body.photo16 .box {background: #fff url(../../images/m_accessories_index_bg.jpg) no-repeat top;}
body.photo17 .box {background: #fff url(../../images/directions_bg.jpg) no-repeat top;}
body.photo18 .box {background: #fff url(../../images/404_bg.jpg) no-repeat top;}
body.photo19 .box {background: #fff url(../../images/site_bg.jpg) no-repeat top;}
body.photo20 .box {background: #fff url(../../images/qwikchange_bg.jpg) no-repeat top;}



#subnav{width:190px; float:left; text-align: left;}
#maincontent{width:755px; margin:0 0 0 197px; text-align: left; border-left:1px solid #eee; padding:0 0 0 5px;}

.width200{width:200px;}
.width300{width:350px;}
.width450{width:450px;}
.width700{width:723px;}

#footer{background: url(../../images/footer-bg.gif) no-repeat top; width:960px; height:40px; margin:25px auto 0 auto; padding:0; display:block; text-align: left; clear: both;}


/* PRODUCT DESCRIPTION PAGE */
#selectcol {width:240px;float:left; padding:0; margin:0; text-align:left; background-color:transparent; display:inline;}
#displaycol {width:705px; float:left; padding:0 0 0 15px; margin:0; text-align:left; background-color:transparent; display:inline;}
#selectcol .box{margin:25px 0 0 0; }
#displaycol .box{margin:25px 0 0 0; }

#displaycol .boxright{margin:25px 0 0 0; }

.thumbs{float:right; margin:10px 20px; display:block;}

table{margin:5px 15px 10px 15px; padding:0; border:0;}
td{font-size:12px; line-height: 18px;}

/* TYPE */
p {font-size:12px; line-height: 18px; margin:0; padding:0 15px 10px 15px; text-align: left;}

h1{font-size:18px; padding:5px 15px; margin:0; font-weight:normal; color:#000; line-height:135%;}
h2{font-size:14px; padding:5px 15px; margin:0; font-weight:bold; color:#000; line-height:135%;}
h3 {font: italic normal 1.4em georgia, sans-serif;letter-spacing: 1px; margin-bottom: 0; color: #7D775C;}
h4 {font-size: 16px; padding: 5px 15px; margin: 0; font-weight: bold; color: #000;}

	
a:link {text-decoration: underline; color: #990000;}
a:visited {color: #660000;}
a:hover, a:active {color: #330000;}

.splash a:link, .splash a:visited {text-decoration: underline; color: #fff; font-weight:bold;}
.splash a:hover, .splash a:active {color: #990000;}

.splash2 a:link, .splash2 a:visited {text-decoration: underline; color: #fff; font-weight:bold;}
.splash2 a:hover, .splash2 a:active {color: #990000;}

.splash3 a:link, .splash3 a:visited {text-decoration: underline; color: #fff; font-weight:bold;}
.splash3 a:hover, .splash3 a:active {color: #990000;}

.xtralinks a:link, .xtralinks a:visited {text-decoration: none; color: #333;}
.xtralinks a:hover, .xtralinks a:active {color: #990000;}

#subnav ul {margin:0 15px; padding:10px 0 0 0; list-style: none; background: #fff url(../../images/rule.gif) repeat-x top;}
#subnav ul li {margin:0 0 3px 0; padding:0; line-height: 18px;}
#subnav a:link, #subnav a:visited {text-decoration: none;}
#subnav a:hover, #subnav a:active {color: #990000;}

a.pop:link, a.pop:visited, a.pop:active {text-decoration: none; color: #666; background-color:#eee; border:1px solid #999; padding:5px 10px; margin:10px 0; text-transform: uppercase; font-size: 10px; font-weight:bold;}
a.pop:hover {background-color:#ccc; border:1px solid #333;}

ul.selections {margin:0 15px; padding:10px 0 0 0; list-style: none; background: #fff url(../../images/rule.gif) repeat-x top;}
ul.selections li {margin:0 0 10px 0; font-weight:bold;}
ul.selections li ul {margin:0; padding:0; list-style:disc;}
ul.selections li ul  li {font-size:11px; margin:0 15px; font-weight:normal;}

#mycustomscroll a:link, #mycustomscroll a:visited, #mycustomscroll a:hover, #mycustomscroll a:active {text-decoration: none;}

img {border:0; margin:0; padding:0;}
hr { color: #fff; background-color: #fff; border: 1px dotted #999; border-style: none none dotted; height: 1px; margin: 5px 0; padding: 0; display:block;}
.alignright{float:right;}
.alignleft{float:left;}

.smaller{font-size:11px; line-height: normal;}

ul {margin:0 0 0 20px; padding:0 0 10px 0; list-style: disc;}
ul li {margin:0 0 0 15px; padding:0;}

ul.prodlinks {margin:0 20px 10px 20px; padding:0 15px 10px 15px; list-style: none;}
ul.prodlinks li {margin:0; padding:5px 0; border-top:1px dotted #ccc;}
ul.prodlinks li ul li {border:none; line-height: normal; margin:0; padding:0;}
ul.prodlinks li.last {border-bottom:1px dotted #ccc;}

.tn table {border:none; background:none; padding:0; margin:0 15px 30px 15px;}
.tn table td {padding:15px 15px 15px 0; line-height:normal;}
.tn table td.alt {border-left:1px dotted #999; padding:15px;}
.tn table td.bot {border-bottom:1px dotted #999;}
.tn a:link, .tn a:visited {text-decoration: none;}
.tn a:hover, .tn a:active {color: #000;}
.tn table img {margin:0 0 5px 0;}
.tn table td select {margin:5px 0 0 0;} /* NEW */
.tn table td div {padding:0 15px;}

/* Navigation */
body#sec-workholding #nav-one li#workholding span a,
body#sec-sample #nav-one li#sample span a,
body#sec-product #nav-one li#product span a,
body#sec-qwik #nav-one li#qwik span a,
body#sec-spare #nav-one li#spare span a,
body#sec-support #nav-one li#support span a,
body#sec-login #nav-one li#login span a {background: #cd001b url(../../images/nav-on.gif) repeat-x top;} 

.nav, .nav ul {list-style: none; margin: 0; padding: 0;}

.nav {font-family: Arial, Helvetica, sans-serif; z-index: 100; position: relative;}
.nav li {border-right: 1px solid #660000; border-left: 1px solid #ff6699; float: left; margin: 0; padding: 0; position: relative;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 12px/15px Arial, Helvetica, sans-serif;
  background: #cd001b;
  color: #fff;
  display: block;
  padding: 10px 20px 0 20px;
  text-decoration: none;
  height:37px;
  text-align: left;
  font-weight:bold;
}

.nav li a:hover, #nav-one li:hover a, #nav-one li.sfHover a {background: #cd001b url(../../images/nav-on.gif) repeat-x top;}

ul#nav-one li:hover ul li a, 
ul#nav-one li.sfHover ul li a {
  background: #cd001b;
  color: #fff;
  padding: 5px 30px 5px 20px;	
  height:15px;
  font-weight:normal;
}

ul#nav-one li:hover ul a:hover, 
ul#nav-one li.sfHover ul a:hover {
  background: #333;
}

li.navend{border-right:none; border-left: 1px solid #ff6699; height: 47px;}

.nav ul {
  background: #cd001b;
  border-bottom: 2px solid #000;
  border-right: 1px solid #000;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: -1px;
  padding:0;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 47px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border-left: 1px solid #990000;
  border-top: 1px dotted #990000;
  border-right: 1px solid #990000;
  border-bottom: 0;
  white-space: nowrap;
}
.nav ul a:hover {background: #ccc; color: #000;}

li.first a, li.first a:link, li.first a:active, li.first a:visited, li.first a:hover{border-top:none;}
#nav-one li.dark a, #nav-one li.dark a:link, #nav-one li.dark a:active, #nav-one li.dark a:visited, #nav-one li.dark a:hover {color:#600;}

.dark {color:#600;}


/*workholding accordion */
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 150px;
			padding: 3px 0 0 0;
			line-height: 28px;
			color: #666;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 11px;
			color: #000;
			border-top: 1px solid #ccc;
			cursor: pointer;
		}
		
		.accordion_toggle_active {
			color: #900;
			border-top: 1px solid #900;
			font-weight:bold;
		}
		
		.accordion_content {
			color: #444;
			overflow: hidden;
			margin: 0;
			width: 150px;
			padding: 0 0 5px 0;
		}
			
			.accordion_content h2 {
				color: #666;
				padding: 0 0 0 5px;
			}
			
			.accordion_content p {
				padding: 0 0 3px 5px;
			}
			


/*foooter */
#footer ul { 
	list-style: none;
	margin: 0;
	padding: 0;}

#footer ul li {
  border-right: 1px solid #ccc;
  border-left: 1px solid #666;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
  font: bold 12px/14px Arial, Helvetica, sans-serif;
  color: #eee;
  display: block;
  padding: 9px 15px 0 15px;
  text-decoration: none;
  height:22px;
  text-align: left;
  font-weight:normal;
}

#footer ul li a:hover, #footer ul li:hover a {color:#000;}
#footer ul li.first {border-left:none;}
#footer ul li.last {border-right:none; height:32px}
#footer p {color:#666; font-size:11px; padding:5px 0; margin:0;}
.phone {margin:0 20px 0 0; float:right; text-align:right; font-size: 14px; color:#fff; padding:12px 0 0 0;}
.xtralinks{float:right; text-align: right; margin:5px 20px 0 0; padding:0; font-size:11px; color:#666;}


#mycustomscroll div {padding:0 0 10px 0; margin:0 0 15px 0; text-align: left; display:block;}

#mycustomscroll div.num {text-align: center; background: url(../../images/num.gif) no-repeat center top; color:#fff; padding:5px 10px; font-size:11px; margin:0 10px 35px 0; float:left;}

#mycustomscroll img {display:block; margin:0 auto;}

#mycustomscroll div.on{border:1px solid #990000;}

.quote_thanks {
border:1px solid #990000;
margin:10px 220px 10px 14px;
padding:10px;
}


#mycustomscroll {
/* Typical fixed height and fixed width example */
height: 340px; width:100%; 
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: transparent;
margin: 0;
padding: 0;
text-align: center;
}


.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #eee;
}
.vscrollerbar {
width: 15px;
background: #900 url(../../images/scroll.gif) repeat-x center;
}
.hscrollerbase {
height: 15px;
background-color: white;
}
.hscrollerbar {
height: 15px;
background-color: black;
}

.scrollerjogbox {
width: 15px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

.breaker {clear:all; height:0;}

* html #workholding {width:140px;}
* html #sample{width:95px;}
* html #login{width:80px;}
* html #product{width:100px;}
* html #qwik{width:150px;}
* html #spare{width:130px;}
* html #support{width:90px;}

*html #fhome {width:60px;}
*html #fabout {width:100px;}
*html #fcontact {width:95px; }

*html .nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  padding: 7px 20px 0 20px;
  height: 40px;
}

/* ACCORDIAN FOR HELP WITH SIZE CONTENT */

div.hidden {display:none;}
div.visible{display:block;}
#helpsize{margin:0 0 0 20px;}
#helpsize h1 {
			display: block;
			height: 30px;
			width: 90%;
			background-color: #ffeeee;
			padding: 5px 10px;
			line-height: 30px;
			color: #666;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 14px;
			color: #003366;
			border-top: 1px solid #990000;
			margin: 0;
		}
		
		
#Redgroup1 {background-color: #ffeeee;
			color: #444;
			overflow: hidden;
			margin: 0;
			width: 90%;
			padding: 5px 10px;
			border-bottom:1px solid #990000;}
			
			
#Redgroup1 p {line-height: 150%; padding: 5px 10px 15px 0;}


/* LOCAL SUPPORT */

fieldset, form {margin:0; padding:0; border:none;}
label {
			font-size:12px;
			float:left;
			display:block;
			text-align:left;
			width: 110px;
			padding: 2px 0; 
			margin: 0 10px 10px 15px;
			}
input {
			margin: 0 0 5px 0; 
			border:1px solid #999;
			font-size:12px;
			height: 19px; 
			font-family:Verdana, Arial, Helvetica, sans-serif;vertical-align:text-top;
			}
textarea {
			margin: 0 0 5px 0;
			border:1px solid #999;
			font-size:11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			vertical-align:text-top;
			}
noborder {border:none;}
callout {
			padding:10px 5px;
			margin:10px 15px; 
			background-color:#ccffcc; 
			border:1px dotted #006633;}