@charset "utf-8";
* { margin: 0; padding:0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: url(../images/body_bg.gif) repeat-x top; font-family:  "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #333; }
#wrap { width: 982px; margin: auto; }
a, a:visited, a:active { color: #0175ae; }
a:hover { color: #333; }

h1,h2,h3,h4, { font-family: Arial, Helvetica, sans-serif; }

#head { position: relative; }
#head img.logo { float:left; margin: 18px 0 15px 15px; border: none; }
#head a.powered { background: url(../images/poweredby.gif) no-repeat; width: 231px; height: 35px; float:left; margin: 27px 0 0 19px; text-decoration: none; position: relative; }
#head a.powered span.pb { display: none; }
#head a.powered span.tooltip { font-family: Arial, Helvetica, sans-serif; z-index: 100; font-size: 10px; color: #666; background: #fff; padding: 2px 10px 6px 10px; width: 500px; position: absolute; top: -10px; left: -150px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid #ccc; display: none;  }
#head a.powered span.tooltip strong { display: block; color: #0175ae; font-size: 11px; margin-top: 4px; }
#head a.powered:hover span.tooltip { display: block;}

#head ul#nav { background: url(../images/nav_bg.gif) repeat-x 0 0; height: 34px; display: block; clear:left; list-style: none; }
#head ul#nav li { float:left; background: url(../images/nav_divider.gif) no-repeat right 0; height: 34px; }
#head ul#nav li.last { background: url(../images/nav_right.gif) no-repeat right 0; width: 10px; float: right; }
#head ul#nav li a {
	background: url(../images/nav_bg.gif) repeat-x 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	float:left;
	height: 25px;
	padding: 9px 16px 0 16px;
	text-decoration: none;
	outline: none;
	margin: 0 2px 0 0;
}
#head ul#nav li.locator a { background: url(../images/nav_bg_locator.gif) repeat-x 0 0; color: #333;  }
#head ul#nav li a.first {background: url(../images/nav_bg.gif) repeat-x 0 0; padding:0; height: 34px; }
#head ul#nav li a.first span { height:25px; display: block; background: url(../images/nav_left.gif) no-repeat left 0; padding: 9px 25px 0 25px; cursor: pointer; } 
#head ul#nav li a:hover, #head ul#nav li a.first:hover span, #head ul#nav li.active a, #head ul#nav li.active a span { background-position: 0 -34px; }

#head ul#links { position: absolute; right: 7px; top: 12px; list-style: none; }
#head ul#links li { border-left: 1px solid #ccc; display: inline; padding: 0 2px; font-size: 11px; }
#head ul#links li.first { border-left: none; }
#head ul#links li a { color: #098ecc; font-size: 11px; padding: 3px 6px; text-decoration: none; }
#head ul#links li a:hover { color: #000;text-decoration: underline;  }

#head h1.order { font-size: 19px; letter-spacing: -1px; color: #333; position: absolute; right: 15px; top: 46px; font-weight: normal; }
#head h1.order span { color: #0175ae; }

#index {}
#index #splash { background: url(../images/index_splash.jpg) no-repeat top; height: 362px; position: relative; margin-bottom:6px; }
#index #splash .text { background: url(../images/index_splash_text.gif) no-repeat left 0; height: 200px; }

#index #splash .text2 {
	background: url(../images/index_splash_text2.gif) no-repeat left 0;
	height: 100px;
}

#index #splash p { color: #666; font-size: 12px; width: 194px; position: absolute; font-family: Arial, Helvetica, sans-serif; }
#index #splash p a { display: block; width: 105px; height: 35px; background: url(../images/btn_learnmore.gif) no-repeat; margin: 16px 0 0 0; background-position: 0 -70px; }
#index #splash p a:hover { background-position: 0 0; }
#index #splash p a span { display: none; }
#index .machines {
	color: #666;
	font-size: 12px;
absolute; 	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	display: inline;
}

#index #splash .machines ul { list-style: none; margin:0; padding:0; }
#index #splash .machines ul li {  margin:0; padding:0 0 6px 10px; background: url(../images/index-arrow.gif) no-repeat 0 4px; }
#index #info,#index #testimonials { padding: 14px 20px; border: 1px solid #dfdfdf;border-radius:4px; 	-moz-border-radius:4px; 	-webkit-border-radius:4px; margin: 10px 0; }
#index #info p.index-intro {  }
#index #testimonials { font-family: Arial, Helvetica, sans-serif; color: #444; }
#index #testimonials img.author { margin-left:0; }
#index #testimonials p { margin-bottom: 18px; }

#index #info p { color: #666; font-size: 12px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
#index #info h3,#index #testimonials h3 { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 14px; margin:0 0 8px 0; font-weight: bold; }

#index .button { float:left; }
#index .button a { display: block; width: 105px; height: 35px; background: url(../images/btn_learnmore.gif) no-repeat; background-position: 0 -70px; }
#index .button a:hover { background-position: 0 0; }
#index .button a span { display: none; }

#index a.tickl{font-size:13px;  text-decoration:none;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#index a.tickl:hover{color:#ff0000; text-decoration:none;}
#index .ticki{height:23px;overflow:hidden;}
#index .ticko{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:4px 0 4px 0; margin:4px 0 2px 0;display:block;}
#index .tickls{color:#666666;}
#index .tickh{display:none;}

#contour #splash, #commercial #splash { margin-bottom: 10px; position: relative; }
#contour #splash img.product-img, #commercial #splash img.product-img { position: absolute; top: 8px; right: 34px; }
#contour #splash h1, #commercial #splash h1, .sub-page h1 { font-size: 40px; letter-spacing: -2px; color: #333; font-weight: bold; margin: 14px 0 6px 24px;  }
#contour #splash h2, #commercial #splash h2, .sub-page h2 { font-size: 28px; letter-spacing: -1px;  margin: 14px 0 14px 24px; }
#contour #splash p, #commercial #splash p { margin: 0 300px 10px 24px; font-size: 12px; line-height: 20px; color: #666; }
#contour #splash .box, #commercial #splash .box { margin-top: 24px; }

#personal #splash, #commercial #splash { margin-bottom: 10px; position: relative; }
#personal #splash img.product-img, #commercial #splash img.product-img { position: absolute; top: 8px; right: 34px; }
#personal #splash h1, #commercial #splash h1, .sub-page h1 { font-size: 40px; letter-spacing: -2px; color: #333; font-weight: bold; margin: 14px 0 6px 24px;  }
#personal #splash h2, #commercial #splash h2, .sub-page h2 { font-size: 28px; letter-spacing: -1px;  margin: 14px 0 14px 24px; }
#personal #splash p, #commercial #splash p { margin: 0 300px 10px 24px; font-size: 12px; line-height: 20px; color: #666; }
#personal #splash .box, #commercial #splash .box { margin-top: 24px; }

#personal #features ul, #commercial #features ul,#contour #features ul { list-style: none; margin: 20px 0; }
#personal #features ul li, #commercial #features ul li,#contour #features ul li { float:left; width:143px; font-size: 11px; margin-left: 44px; color: #666; display: inline; }
#personal #features ul li img, #commercial #features ul li img,#contour #features ul li img { border: none; display: block; margin: auto; margin-bottom: 6px; }
#personal #features ul li strong, #commercial #features ul li strong,#contour #features ul li strong { display: block; margin-bottom: 6px; font-size: 12px; color: #333; }
#commercial p.pt { clear:left; }
#commercial p.pt img { float:left; border: 1px solid #ccc; margin: 0 40px 10px 0; }
#commercial p.pt strong { display: block; margin-bottom: 10px; font-size: 16px;  }

.content { background: url(../images/nav_shadow.gif) no-repeat top center; padding-top: 20px; padding-bottom: 18px;  }

.content h1.page-title { font-size: 18px; border-bottom: 1px solid #dedede; margin:0 0; padding:0 0 8px 24px; color: #666; font-weight: normal; letter-spacing:-1px; position: relative;  }
.content h1.page-title span.grey { color: #999; }
.content h1.page-title a.right {
	position: absolute;
	top:-2px;
	right:0;
	width: auto !important;
	width: 220px;
	background: url(../images/btn_grey_left.gif) no-repeat left 0;
	height: 26px;
	text-decoration: none;
	color: #004d73;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	margin-right: 110px;
}
.content h1.page-title a.right span { display: block; height: 21px; background: url(../images/btn_grey_right.gif) no-repeat right 0; padding: 5px 14px 0 14px; text-align: center; cursor:pointer; }
.content h1.page-title a.right:hover { color: #333; background-position: 0 -26px; }
.content h1.page-title a.right:hover span { background-position: right -26px; }

.content .box, .content .box_blue { margin-bottom: 10px; }
.content .box .box_head { background: url(../images/main_tl.gif) no-repeat left; }
.content .box .box_head span { background: url(../images/main_tr.gif) no-repeat right; height: 10px; display: block; font-size: 2px; }
.content .box .box_content, .content .box_blue .box_content { border: 1px solid #dedede; border-top: none; border-bottom: none; background: url(../images/main_b.gif) repeat-x bottom; padding: 1px 14px; }
.content .box .box_content h1 { font-size: 40px; letter-spacing: -2px; color: #333; font-weight: bold; margin: 10px 24px 14px 24px;}
.content .box .box_content p { margin: 0 24px 20px 24px; font-size: 12px; line-height: 20px;  }
.content .box .box_content p#newsdate { border-top:1px solid #CDCDBE; color: #0175ae;}

.content .box .box_content p { margin: 10px 24px; }
.content .box .box_content p label { float:left; width: 160px; font-weight: bold; font-size: 11px; margin: 4px 0 0 0; }
.content .box .box_content p input.txt { width: 220px; padding: 5px; }
.content .box .box_content p select { width: 232px; padding: 5px; }
.content .box .box_content p textarea { font-family: Arial, Helvetica, sans-serif; width: 220px; height: 120px; font-size: 12px; padding: 5px; }
.content .box .box_content img.video { margin:10px 24px;}

.content .box .box_foot, .content .box_blue .box_foot { background: url(../images/main_bl.gif) no-repeat left top; }
.content .box .box_foot span, .content .box_blue .box_foot span { background: url(../images/main_br.gif) no-repeat right top; display: block; height: 14px; font-size: 2px; }
.content .box_blue .box_head { background: url(../images/main_blue_tl.gif) no-repeat left; }
.content .box_blue .box_head h1 { background: url(../images/main_blue_tr.gif) no-repeat right; height: 28px; display: block; margin:0; font-size: 14px; font-weight: bold; letter-spacing:-1px; color: #fff; padding: 7px 0 0 24px; }
.content .box_blue .box_content p { color: #666; font-size: 11px; margin:10px; }
.content .box_blue .box_content ul { list-style: none; margin: 10px 10px 10px 10px; list-style: square; color: #666; }
.content .box_blue .box_content ul li { font-size: 11px; line-height: 17px; margin: 8px 10px 0 14px; }
.content .box_blue .box_content ul li a#on { color:#333}
.content .box_blue .box_content ul li span { font-weight: bold; }
.content .box_content img.floating-pic { float:left; margin: 0 20px 20px 14px; }

.content .box_blue #tech-specs ul { float: left; width: 278px; display: inline;  list-style: none; padding-left: 28px }
.content .box_blue #tech-specs ul li { margin: 2px 10px 0 0px ;font-size: 10px; text-align: right; border-bottom: 1px solid #f2f2f2; padding: 2px 0; }
.content .box_blue #tech-specs ul li strong { color: #0175ae; text-align: left; display: block; }
.content .box_blue #tech-specs ul li span { float:left; width: 130px; text-align: left; }

.content .box_blue .tech-specs ul { float: left; width: 278px; display: inline;  list-style: none; padding-left: 28px }
.content .box_blue .tech-specs ul li { margin: 2px 10px 0 0px ;font-size: 10px; text-align: right; border-bottom: 1px solid #f2f2f2; padding: 2px 0; }
.content .box_blue .tech-specs ul li strong { color: #0175ae; text-align: left; display: block; }
.content .box_blue .tech-specs ul li span { float:left; width: 130px; text-align: left; }

.content .box_small { width: 326px; float:left; margin-left: 10px; display: inline; }
.content .box_med { width: 643px; float:left; display: inline; }
#products .box_small { width: 320px; float:left; margin-left: 11px; display: inline;   }
#products h2 span { display: block; font-size: 14px; color: #666; letter-spacing: normal; border-top: 1px solid #dedede; padding-top:3px; }

#products { padding-top: 20px; }
#products #topBar { background: url(../images/products_head.gif) no-repeat 0 0; height: 43px; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#products #topBar span { float:left; width: 226px; color: #333; padding: 8px 0 0 20px; }
#products #topBar span.first { width: 470px; }
#products #splash { background: url(../images/products_splash.gif) no-repeat 0 0; min-height: 230px; padding:0 0 30px 0; }
#products #splash .col { float:left; width: 245px; margin:0;  } 

#products #splash p { margin:0; padding:60px 110px 0 25px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; height: 148px; } 
#products #splash .price {   padding:20px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 5px 0; }
#products #splash .price .rrp { text-decoration: line-through; font-weight: bold; color: #444; padding: 0 0 0 25px; }
#products #splash .price .direct { font-size: 16px; display: block; font-weight: bold; color: #005e7f; padding: 5px 0 5px 25px; background: url(../images/products_arrow.gif) no-repeat 0 8px; }
#products #splash .price .direct {  }
#products #splash .price .direct a { text-decoration: none; }
#products #splash .price .competitors { font-size: 11px; color: #b40000; padding-left: 25px; display: block; }

#products .price2 {   padding:0px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 5px 10px; }
#products .price2 .rrp { text-decoration: line-through; font-weight: bold; color: #444; padding: 0 0 0 25px; }
#products .price2 .direct { font-size: 16px; display: block; font-weight: bold; color: #005e7f; padding: 5px 0 5px 25px; background: url(../images/products_arrow.gif) no-repeat 0 8px; }
#products .price2 .direct {  }
#products .price2 .direct a { text-decoration: none; }
#products .price2 .competitors { font-size: 11px; color: #b40000; padding-left: 25px; display: block; }

.content { position: relative; }
.price-pp {   padding:0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: -10px 20px 0 0; float:right; letter-spacing:normal; }
.price-pp .rrp { text-decoration: line-through; font-weight: bold; color: #444; padding: 0 0 0 25px; }
.price-pp .direct { font-size: 16px; display: block; font-weight: bold; color: #005e7f; padding: 3px 0 3px 25px; background: url(../images/products_arrow.gif) no-repeat 0 8px; }
.price-pp .direct a { text-decoration: none; }
.price-pp .competitors { font-size: 11px; color: #b40000; padding-left: 25px; display: block; }

#products #toggle { background: url(../images/products_bar.gif) no-repeat 0 0; height: 45px; clear: left; font-family: Arial, Helvetica, sans-serif }
#products #toggle a { float:left; width: 220px; color: #333; font-size: 12px; font-weight: bold; padding: 8px 0 0 24px; height:23px; text-decoration: none; border-left: 1px solid #ababab; outline: none; }
#products #toggle a:hover { text-decoration: underline; }
#products #toggle .t1 a { border-left: none; padding-left: 25px; }
#products #toggle .t1 a.active { background: url(../images/products_bar.gif) no-repeat 0 -101px; color: #000;  }
#products #toggle .t2 a.active { background: url(../images/products_bar.gif) no-repeat -246px -141px; color: #000;  }
#products #toggle .t3 a.active { background: url(../images/products_bar.gif) no-repeat -491px -181px; color: #000;  }
#products #toggle .t4 a.active { background: url(../images/products_bar.gif) no-repeat -736px -221px; color: #000; width: 222px  }
#products .box_blue .tech-specs ul { width: auto;  margin:0; padding:0; }
#products .box_blue .tech-specs ul li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 406px; float:left; margin: 5px 35px; }
#products .box_blue .tech-specs p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 15px 20px; border: 1px solid #ccc;   -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 15px; }
#products .box_blue .tech-specs p strong { display: block; }

.content a.grey-button { float:left; width: auto !important;  width: 220px; background: url(../images/btn_grey_left.gif) no-repeat left 0; height: 26px; text-decoration: none; color: #004d73;  font-size: 12px; font-weight: bold; letter-spacing: normal; margin: -2px 10px 0 0; }
.content a.grey-button span {
	display: block;
	height: 22px;
	background: url(../images/btn_grey_right.gif) no-repeat right 0;
	padding: 4px 15px 0 15px;
	text-align: center;
	cursor:pointer;
}
.content a.grey-button:hover { color: #333; background-position: 0 -26px; }
.content a.grey-button:hover span { background-position: right -26px; }

.content a.red-button {
	float:right;
	width: auto !important;
	width: 220px;
	background: url(../images/btn_red_left.gif) no-repeat left 0;
	height: 26px;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	margin: -2px 10px 0 0;
}
.content a.red-button span {
	display: block;
	height: 22px;
	background: url(../images/btn_red_right.gif) no-repeat right 0;
	padding: 4px 15px 0 15px;
	text-align: center;
	cursor:pointer;
}
.content a.red-button:hover { color: #333; background-position: 0 -26px; }
.content a.red-button:hover span { background-position: right -26px; }

.content ul#technology { list-style: none; padding: 17px 0; margin:0; }
.content ul#technology li { width: 270px; font-size: 11px; margin-left: 10px; }
.content ul#technology li p { font-size: 11px; margin:0; }
.content ul#technology li img { float:left; margin: 0 14px 0 0; }

.content p { font-size: 12px; margin: 10px 0; line-height: 19px; }
.sub-page p { margin: 0 24px 10px 24px; font-size: 12px; line-height: 18px; color: #666; }

#markets .market { clear:left; }
#markets .market h2 { margin-bottom: 8px;  }
#markets .market h2 a { color: #0175ae; text-decoration: none; }
#markets .market p a { color: #0175ae;  }
#markets .market a:hover { color: #333; }
#markets .col { float:left; width: 490px; }
#markets .market span { float:left; width: 80px; background: url(../images/markets.jpg) no-repeat; height: 82px; margin: 4px 20px 24px 24px; }
#markets .market span.icon-02 { background-position: 0 -86px; }
#markets .market span.icon-03 { background-position: 0 -172px; }
#markets .market span.icon-04 { background-position: 0 -258px; }
#markets .market span.icon-05 { background-position: 0 -344px; }
#markets .market span.icon-06 { background-position: 0 -430px; }
#markets img.image { float:right; margin: 0 0 20px 48px; }

#testimonials p { background: url(../images/testimonials_quote.gif) no-repeat 94px 0 ; padding-left: 152px; margin-bottom: 34px; }
#testimonials img.author { float: left; border: 1px solid #dedede; margin: 0 0 0 24px; padding: 2px; clear: left; }
#testimonials span.author { color: #0175ae; font-weight: bold; display: block; margin: 4px 0 0 0 }
#testimonials span.title {
	font-size: 10px;
	margin: 0 0 0 0;
	color: #999999;
	font-weight: bold;
}
#testimonials .col { float:left; width: 490px; }

#faq p { }
#faq p.answer { margin-bottom: 24px; margin-left: 44px; display: none; }
#faq ul.answer { display: none; }
#faq p strong a { color: #0175ae; cursor: pointer; }
#faq p strong a:hover { color: #333; }
#faq ul { list-style: square; font-size: 12px; color: #666; margin: 0 0 24px 60px; }
#faq ul li { margin: 4px 0; }

#contact .col { width: 646px; float:left; }

#contact form p { margin: 10px 24px; }
#contact form p label { float:left; width: 160px; font-weight: bold; font-size: 11px; margin: 4px 0 0 0; }
#contact form p input.txt { width: 220px; padding: 5px; }
#contact form p select { width: 232px; padding: 5px; }
#contact form p textarea { font-family: Arial, Helvetica, sans-serif; width: 220px; height: 120px; font-size: 12px; padding: 5px; }

#reference ul.list a { font-weight: bold; font-size: 12px; }
#reference h3 { font-size: 20px; letter-spacing: -1px; margin: 10px 24px; }
#reference .box a { margin: 24px 24px 6px 24px; font-size: 12px; display: block; text-decoration: none;  }

#boxes { height: 164px; clear:left; }
#boxes img { border: none; float:left; margin-left: 14px; }

#footer { clear:left; background: url(../images/footer.gif) no-repeat top center; padding: 1px; }
#footer p { color: #7f7f7f; font-size: 11px; margin: 10px 14px; }
#footer ul {  list-style: none;  margin: 20px 14px 20px 14px; }
#footer ul li { border-left: 1px solid #ccc; display: inline; padding: 0 0 0 4px; font-size: 11px; }
#footer ul li.first { border-left: none; padding-left:0; }
#footer ul li.first a { margin-left:0; padding-left:0; }
#footer ul li a { color: #098ecc; font-size: 11px; padding: 3px 7px; text-decoration: none; }
#footer ul li a:hover { color: #000; text-decoration: underline; }

#locator table.plateLocator { width: 95%; margin: auto; font-size: 11px; font-weight: normal; font-family:Arial, Helvetica, sans-serif; }
#locator table.plateLocator th { font-weight: bold; text-align: left; border-bottom: 1px solid #ccc; padding: 5px; background: #f2f2f2; }
#locator table.plateLocator td { padding: 5px; border-bottom: 1px solid #eee; }
#locator table.plateLocator tr:hover { background: #e5f5fb; }
#locator table.plateLocator td.customer { font-weight: bold; color: #666; }
#locator table.plateLocator td a.map { background: url(../images/flag_on.gif) no-repeat left 2px; height: 14px; display: block; float:left; text-decoration: none; padding: 0 0 0 16px; margin-right: 4px; }
#locator table.plateLocator td a.map:hover { text-decoration: underline; }
#locator h3.sub-heading { margin: 16px 0 16px 24px; position: relative; }
#locator h3.sub-heading span { position: absolute; right: 24px; top:0; font-size: 12px; border: 1px solid #ead336; padding: 4px 8px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: normal; background: #fffce9; }

#locator form.locator { border:1px solid #ccc; background: #f2f2f2; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; margin: 10px 24px; }
#locator form.locator label { float: left; margin-left: 24px; margin-right: 10px; margin-bottom:14px; }
