/* Hide if Flash */ 

.flashInstalled h1,
.flashInstalled #topbar,
.flashInstalled .flash,
.flashInstalled #box h2 {
	visibility: hidden;
}

/* Tags */
body {
	font: 62.5%/133% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 30px;
	color: #767676;
	background-color: #fff;
	text-align: center;
}
a {
	color: #5780aa;
	text-decoration: underline;
}
a:hover,
a:focus {
	text-decoration: none;
}
a img {
	border: none;
}
p {
	padding: 0 0 10px 0;
	margin: 0;
}
h1,
.flash {
	height: 22px;
	color: #fff;
	letter-spacing: -1px;
	padding: 6px 6px 0 18px;
	margin: 0;
	font: 1.4em Arial, Helvetica, sans-serif;
}
h2 {
	margin: 0;
	padding: 0;
	color: #212121;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}
hr {
	background:none;
	border: none;
	border-bottom: 1px solid #d4d4d4;
	height: 1px;
	margin-bottom: 10px;
}
form, 
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
button {
	font-size: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	cursor: pointer;
	width: 59px;
	height: 28px;
	float: right;
	background: url(/_img/layup/submit.gif) no-repeat;
} 
legend {
	display: none;
}

/* Structure */

.home #maintext {
	min-height: 163px;
	float: none;
}
.home #leftside h1 {
	background: url(/_img/layup/bar_bg.gif) repeat-x;
}
.home #holder,
.help #holder {
	margin-top: 3px;
}
.help #holder {
	min-height: 329px;
}
.printlogo {
	display: none;
}
.fullwidth {
	width: auto !important;
}

#contents{
	margin: 0 auto;
	width: 984px;
	text-align: left;
}
#middle {
	margin: 0 6px 0 0;
	float: left;
	width: 565px;
}
#middle h1 {
	width: 541px;
	background: url(/_img/layup/bar_bg.gif) repeat-x 0 -58px;
}
#middle .corners {
	width: 563px;
}
#maintext {
	padding: 20px;
	font-size: 1.1em;
	line-height: 1.2em;
	min-height: 328px;
	float: left;
	width: 525px;
	border-bottom: 3px solid #fff;
	background: #f0f0f0;
}
#topbar {
	margin: 15px 0 0;
	height: 226px;
}
#topbar ul {
	height: 21px;	
	padding: 0;
	margin: 0 20px 0 0;
	float: right;
}
#topbar li {
	display: inline;
} 
#topbar a {
	float: left;
	text-align: center;
	color: #000;
	text-decoration: none;
	padding: 0 10px;
	height: 19px;
	white-space: nowrap;
	font: normal .9em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 120%;
}
#topbar a:hover,
#topbar a:focus,
#topbar a.on {
	text-decoration: none;
	color: #b50309;
}
#leftside {
	width: 196px;
	float: left;
	margin: 0 6px 0 0;
}
#leftside h1 {
	width: 172px;
	background: #808080;
}
#feature {
	min-height: 377px;
	margin: 3px 0 0;
	padding: 17px 15px 0;
	border: 1px solid #d4d4d6;
	list-style: none;
	background: #f5f5f5 url(/_img/layup/grad_bg.gif) repeat-x;
}
#feature li {
	margin-bottom: 2px;
}
#feature img {
	border: 1px solid #dcdcdc;
}
#feature h2,
#news h2 {
	margin: 6px 0 0;
	padding: 0 0 5px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
#feature h2 a,
#news h2 a {
	color: #6a6a6a;
	margin: 0;
	padding-right: 13px !important;
	text-decoration: none;
	background: url(/_img/layup/arrow.gif) no-repeat right center;
}
#feature h2 a:hover,
#news h2 a:hover {
	color: #222;
}
#feature p,
#news div p {
	color: #5b5b5b;
	font: 1em Arial, Helvetica, sans-serif;
}
#subnavi {
	margin: 0;
	padding: 0;
}
#subnavi li {
	display: block;
	list-style: none;
	line-height: 0;
	margin: 0;
	padding: 0;
}
#subnavi a {
	margin-top: 2px;
	text-decoration: none;
	display: block;
	background: url(/_img/layup/nav_bg.gif) repeat-x;
}
#subnavi a:hover,
#subnavi a:focus {
	text-decoration: none;
	background: url(/_img/layup/nav_bg.gif) repeat-x 0 -30px;
}
#subnavi a.on,
#subnavi .on:hover {
	background: url(/_img/layup/nav_bg.gif) repeat-x 0 -60px;
}
#subnavi li ul {
	margin: 2px 0 0;
	padding: 8px 0;
	border: 1px solid #d4d4d4;
	background: #f5f5f5 url(/_img/layup/snavi_bg.gif) repeat-x;
}
#subnavi li ul li {
	margin: 2px 0;
}
#subnavi li ul a {
	padding: 0 17px 0 31px;
	color: #464646;
	clear: both !important;
	display: inline !important;
	background: none;
	font: normal 1.1em Arial, Helvetica, sans-serif;
}
#subnavi li ul a:hover,
#subnavi li ul a:focus {
	color: #0566c8;
	background: none !important;
}
#subnavi li ul .on,
#subnavi li ul .on:hover {
	color: #0566c8;
	background: none !important;
}
#maintext #news {
	padding: 0 0 10px;
	height: auto !important;
	border-bottom: 1px solid #ccc;
}
#news {
	margin: 0;
	padding: 20px 20px 5px;
	width: 525px;
	min-height: 140px;
	overflow: hidden;
	list-style: none;
	background: #f0f0f0; 
}
#news li {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
#news img {
	float: left;
	margin-right: 17px;
	border: 1px solid #b8b8b8;
}
#news div {
	float: left;
	width: 430px;
}
#news h2 {
	float: left;
	margin: 3px 0 0;
}
#news a {
	background: none !important;
}
#news span {
	float: right;
	margin: 3px 0 0;
	color: #8a8a8a;
}
#news p {
	clear: both;
}
#tabs {
	margin: 3px 0 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	background: url(/_img/layup/tabline.gif) no-repeat left bottom;
}
#tabs li {
	display: inline;
	float: left;
	margin-right: 4px;
	border: 1px solid #b1b1b1;
	border-bottom: none;
}
#tabs .corners {
	width: auto !important;
	margin-right: -1px;
	margin-left: -1px;
}
#tabs li a {
	color: #424242;
	text-decoration: none;
	padding: 6px 12px;
	display: block;
	letter-spacing: -1px;
	border-bottom: 1px solid #b1b1b1;
	font: 1.4em Arial, Helvetica, sans-serif;
}
#tabs li a:hover,
#tabs li a.on {
	background: #f0f0f0;
}
#tabs li a.on {
	border-bottom: 1px solid #f0f0f0;
}
#pinfo,
#pinfo2 {
	float: left;
	margin: 0;
	padding: 18px 20px;
	min-height: 320px;
	width: 525px;
	font: 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	background: #f0f0f0 url(/_img/layup/prod_bg.gif) no-repeat;
}
.ptext {
	width: auto;
	/*width: 265px;*/
}
.ptext img {
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}
#imgs {
	float: right;
	width: 230px;
	margin: 0 0 15px 15px;
}
#imgs .enlarge {
	position: absolute;
	display: block;
	text-indent: -9000px;
	outline: 0;
	width: 71px;
	height: 25px;
	margin: 6px 0 0 3px;
	background: url(/_img/layup/enlarge.png) no-repeat;
}
#mainimg, mainimg2 {
	display: block;
	border: 1px solid #b8b8b8;
}
#thumbnails {
	margin: -2px 0 0;
	padding: 0;
	width: 233px;
	list-style: none;
}
#thumbnails li {
	display: inline;
	float: left;
	width: 70px;
	height: 53px;
	margin: 10px 10px 0 0; 
}
#thumbnails .last {
	margin-right: 0;
}
#thumbnails a {
	display: block;
	width: 70px;
	height: 53px;
	outline: 0;
	border: 1px solid #b8b8b8;
}
#thumbnails a:hover {
	border: 1px solid #999;
}
#prodbuts {
	clear: left;
	padding: 20px 0 0 !important;
	margin: 0 !important;
	list-style: none;
}
#prodbuts li {
	margin: 0 0 7px;
}
#prodbuts a {
	color: #212121;
	text-decoration: none;
	letter-spacing: -.5px;
	padding: 5px 0 0 25px;
	font: 1.2em Arial, Helvetica, sans-serif;
}
#prodbuts a:hover {
	color: #6a6a6a;
}
#prodbuts a.pdf {
	background: url(/_img/layup/pdf.gif) no-repeat;
}
#prodbuts a.enquire {
	background: url(/_img/layup/email.gif) no-repeat 4px 4px;
}

#rightside{
	float: left;
	width: 196px;
	font: 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
#rightside h1 {
	width: 172px;
	background: url(/_img/layup/bar_bg.gif) repeat-x 0 -87px;
}
#holder {
	margin: 0;
	border: 1px solid #d4d4d6;
}
.imageholder {
	min-height: 381px;
	padding: 11px 15px 2px;
	text-align: center;
}
.home .imageholder {
	padding-bottom: 2px;
	min-height: 372px;
}
.imageholder img {
	display: block;
	margin-bottom: 10px;
}
.int {
	min-height: 381px;
	padding: 17px 15px;
}
.int img {
	border: 1px solid #ececec;
	margin-bottom: 14px;
}
.int .mask {
	position: absolute;
	width: 89px;
	height: 64px;
	margin: -30px 0 0 96px;
	background: url(/_img/layup/label.png) no-repeat;
}
.int p {
	margin-left: 4px;
}
.int ul {
	margin: 0 0 10px 8px;
	padding: 0;
	list-style: none;
}
.int li {
	padding-left: 12px;
	margin-bottom: 5px;
	background: url(/_img/layup/bullet.gif) no-repeat left 5px;
}
#box {
	margin: 0;
	padding: 15px 10px !important;
	background: #f0f0f0;
	min-height: 230px;
}
#box h2 {
	height: 18px;
	margin: 0 0 13px;
	font: normal 1.1em Arial, Helvetica, sans-serif;
}
#box ul {
	margin: 0 0 11px;
	padding: 0 0 23px;
	list-style: none;
	border-bottom: 1px solid #d4d4d6;
}
#box li {
	color: #4e5151;
	padding-left: 17px;
	margin-bottom: 2px;
}
#box .yes {
	background: url(/_img/layup/connect_icons.gif) no-repeat left 2px;
}
#box .opt {
	background: url(/_img/layup/connect_icons.gif) no-repeat left -13px;
}
#box .no {
	background: url(/_img/layup/connect_icons.gif) no-repeat left -28px;
}
#box h3 {
	color: #141414;
	margin: 0 0 10px;
	font: normal 1.1em Arial, Helvetica, sans-serif;
}
#box dl {
	margin: 0 0 10px;
	padding: 0 0 10px;
	float: left;
	width: 135px;
	border-bottom: 1px solid #d4d4d6;
}
#box dt {
	width: 12px;
	float: left;
	clear: left;
	padding: 1px 0 0;
	cursor: help;
}
#box dd {
	margin: 3px 2px 3px 0;
	padding: 0;
	float: left;
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9000px;
	background: url(/_img/layup/ribbon_icons.gif) no-repeat 0 -14px;
}
#box dd.on {
	background: url(/_img/layup/ribbon_icons.gif) no-repeat 0 0;
}
.key {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	
}
.key li {
	color: #4e5151;
	padding-left: 17px;
	margin-bottom: 2px;
	font-size: .95em;
}
.ribprop {
	height: 55px !important;
}
.ribprop li {
	padding-left: 0 !important;
	background: none !important;
	margin-right: -10px !important;
	font: .9em Arial, Helvetica, sans-serif;
}
#kiosk {
	margin: 0;
	padding: 0;
	list-style: none;
}
#kiosk li {
	margin-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
	overflow: hidden;
	clear: left;
}
#kiosk h3 {
	margin: 0;
	padding: 0 0 5px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}
#kiosk p {
	float: left;
	width: 430px;
}
#kiosk div {
	float: right;
	width: 104px;
	margin: -28px -3px 0 20px;
}
#kiosk div a {
	display: block;
	text-indent: -9000px;
	width: 19px;
	height: 18px;
	float: left;
	margin-left: 8px;
	outline: 0;
	background: url(/_img/layup/docs.gif) no-repeat 0 2px;
}
#kiosk .document {
	background: url(/_img/layup/docs.gif) no-repeat 0 -20px;
}
#kiosk .image {
	width: 16px !important;
	background: url(/_img/layup/docs.gif) no-repeat 0 -38px;
}
#kiosk .video {
	width: 15px !important;
	background: url(/_img/layup/docs.gif) no-repeat 0 -57px;
}
.kiosknavi a {
	padding-left: 37px !important;
}
.kiosknavi span {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	margin-left: 9px;
}
.icon1 {
	background: url(/_img/layup/kiosk_icons.png) no-repeat;
}
.icon2 {
	background: url(/_img/layup/kiosk_icons.png) no-repeat 0 -30px;
}
.icon3 {
	background: url(/_img/layup/kiosk_icons.png) no-repeat 0 -60px;
}
.icon4 {
	background: url(/_img/layup/kiosk_icons.png) no-repeat 0 -90px;
}
.icon5 {
	background: url(/_img/layup/kiosk_icons.png) no-repeat 0 -120px;
}
.icon6 {
	background: url(/_img/layup/kiosk_icons.png) no-repeat 0 -150px;
}
.icon7 {
	background: url(/_img/layup/kiosk_icons.png) no-repeat 0 -180px;
}
.icon8 {
	background: url(/_img/layup/kiosk_icons.png) no-repeat 0 -210px;
}
.icon9 {
	background: url(/_img/layup/kiosk_icons.png) no-repeat 0 -240px;
}
.icon10 a {
	background: url(/_img/layup/client_login.gif) no-repeat !important;
}
.icon10 a:hover {
	background: url(/_img/layup/client_login.gif) no-repeat 0 -30px !important;
}
.icon10 .on,
.icon10 .on:hover {
	background: url(/_img/layup/client_login.gif) no-repeat 0 -60px !important;
}
.paging {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 10px 0 0;
	clear: both;
	float: right;
}
.paging li {
	float: left;
	margin: 0;
	padding: 0;
}
.paging li.first {
	font-weight: bold;
	padding: 2px 6px 0 0;
}
.paging li a {
	display: block;
	margin: 0 1px 0 0;
	padding: 2px 5px;
	text-decoration: none;
	color: #fff;
	background: #777;
}
.paging li a:hover,
.paging li .on {
	background: #4a4a4a;
} 
#footer{
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	width: 984px;
}
#footer ul{
	margin: 0;
	width: 956px;
	padding: 17px 7px 0;
	list-style: none;
	text-align: left;
	float: left;
	border-top: 1px solid #a1a1a1;
}
#footer li{ 
	display: inline;
	float: left;
}
#footer a{
	font-weight: bold;
	color: #ababab;
	text-decoration: none;
	border-right: 1px solid #a1a1a1;	
	padding: 0 9px;
}
#footer .last {
	float: right;
}
#footer .no a { 
	border-right: none;	
}
#footer .last a { 
	border-right: none;	
	color: #d4d4d4;
	padding-right: 0;
}
#footer a:hover,
#footer a:focus {
	color: #797979;
}

/* Forms */

.formarea{
	text-align: right;
	vertical-align: top;
	width: 340px;
	border: none;
}
.formarea p {
	margin: 10px 0;
	padding: 0;
}
.formarea p label {
	float: left;
}
.formarea select{
	padding: 0;
	width: 174px;
}
.textform {
	background: #fff !important;
}
.textformfocus {
	border: 1px solid #666 !important;
	color: #222 !important;
}
.textform, 
.textformfocus {
	color: #666;
	padding: 2px 3px 3px 3px;
	width: 168px;
	border: 1px solid #ccc;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

/* Ajax & Error Checking */

.formerror .textform, 
.formerror .textformfocus {
	border: solid 1px #d11010;
	color: #d11010;
}
.formerror .textformfocus {
	background: #ffeeed !important;
}
.formerror label:after {
	color: #d11010;
	content: " *";
}
.formerror label {
	color: #000;
}
.error {
	color: #d11010;
	padding: 10px 0 !important;
	text-align: left !important;
}
#waiting {
	position: absolute;
	background-color:#fff;
	width: 536px;
	margin-left: -1px;
	opacity: 0.9;
	text-align: center;
}

/* Extras */

.clear{
	clear: both;
}
.hidden {
	position: absolute; 
	left: -9999px; 
}
.hand {
	cursor: pointer;
}
.textleft {
	text-align: left !important;
}
.textcenter {
	text-align: center !important;
}
.textright {
	text-align: right !important;
}
.right {
	float: right;
}
.left {
	float: left;
}

.corners {
	display: block;
	height: 1px;
	width: 194px;
	line-height: 0;
	font-size: 0;
	border: solid #fff 1px;
	border-top: none;
	border-bottom: none;
	margin: -1px 0 0;
}
.top {
	position: absolute;
	margin-top: 0;
}

#map {
	width: 525px; 
	height: 370px;
	margin-bottom: 3px;
}
#recaptcha_widget_div {
	float: right !important;
}