@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.74em;
	color: #666;
	text-align: center;
	min-width: 960px;
}
body#home {
	background: #d0d7e1;
}

#header {
	/*	border: #F33 1px solid;
*/	background: #fff url("img2/bg.jpg") repeat-x;
	width:100%;
	height:194px;
}
body#home #header{
	background-color: #111010;
	background-image: url(img2/bg.jpg);
	background-repeat: repeat-x;
	
}
#header .wrapper{
	position:relative;
	
}
#masthead {
/*	border: 1px #0FF solid;
*/	clear: both;
	position: relative;
	background: #fff url("img2/header-bg-subs.jpg") no-repeat top;
	margin:0;
	width:960px;
	height:165px;
	}
body#home #masthead {
	background: #000 url("img2/header-bg.jpg") 0 0;
	}



p#traxlogoprint {display: none;}

/* === TYPE === */

p {margin: 0 0 1em 0; line-height: 1.3em;}

/* -- Headings -- */ /* note: for inline sifr headings, apply class .sifrInline to prevent sifr taking up 100% width. */

h1 {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, Helvetica, sans-serif;
	color: #4e515a;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	padding: 0;
	margin: 0 0 15px 0; /* no sifr */
}
h1.sIFR-replaced {margin: 0;} /* with sifr */
/*\*/ * html h1.sIFR-replaced {margin: 0 0 10px 0;} /* with sifr, ie6 */

h2 {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	color: #4e515a;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	padding: 0;
}
/* h2s on Home page */
body#home h2 {

	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
} 
body#home #content h2 {
	margin-top: 0px;
	margin-bottom: 15px;
	width:200px;

} 
body#home #content .col2 h2 {

	width:300px;

} 
/* no sifr */
body#home h2.sIFR-replaced {margin: 0;} /* with sifr */
/*\*/ * html body#home h2.sIFR-replaced {margin: 0 0 10px 0;} /* with sifr - ie6 */
/* h2s on sub pages (more v space below for grad line) */
h2 {margin: 0 0 45px 0; width: 600px;} /* no sifr */
h2.sIFR-replaced {margin: 0 0 30px 0; width:600px;} /* with sifr */
/*\*/ * html h2.sIFR-replaced {margin: 0 0 40px 0;} /* with sifr - ie6 */

h3 {font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000; font-size: 16px;}

h4 {font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000; font-size: 12px;}
h4.sIFR-replaced {position: relative; left: -4px;}

body#legal #content .wrapper h3 {
	margin:15px 0;
}

/* === Other selectors */

a:link, a:visited {
	color:#218e37;
	text-decoration:none;
}
a:hover, a:active, focus {
	color:#10bb10;
	text-decoration:none;
}

img {
	border: 0;
	vertical-align: text-top;
	margin: 0 0 0 0;
}

body#home img {border: 1px solid #1D6F2F; vertical-align: text-top; margin: 0 0 1em 0;}

.clr {clear:both;}

.readmore {font-weight: bold;}

hr {
	clear: both; 
	border-top: 1px solid #b3b9c5;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	margin: 0 0 10px 0;
	height: 1px;
	padding:0 0 1em 0;
}

.imgleft{float:left; margin-right: 20px;}
.imgright{
	float:right;
	margin-left: 20px;
}
.imgright{
	float:right;
	margin-left: 0px;
}

.bottommargin {margin-bottom: 40px;}

a img.linkicon {vertical-align: middle;}

/* === MISC === */

/*---- sIFR ---*/

.sifrInline .sIFR-flash {width: 48%;}

/* === LAYOUT === */


/*Sticky Footer Solution*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap{
	height: auto;
	min-height: 100%;
	z-index: auto;
}

#content {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	padding-top: 15px;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ##################END Sticky Footer Solution##############*/



.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	z-index: 2000;
}


/* === MAIN MENU NAVIGATION === */

ul#menu{
	position:relative;
	z-index:1500;
	margin: 0;
	padding: 0;
	float: right;
	height: 40px;
	list-style:none;
	width: auto;
}

ul#menu li {
	
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #125e20;
}

ul#menu li a:link, ul#menu li a:visited {
	text-decoration:none;
	padding: 14px 13px 14px 13px;
	margin: 0;
	color: #fff;
	line-height: 12px;
	display: block;
}
ul#menu li.first {
	border: 0;
}

ul#menu li a:active, ul#menu li a:focus, ul#menu li a:hover {
	color: #2a2829;
	background: #b4b4b4 url("img2/nav-over-bg.jpg") repeat-x;
}

ul#menu li.current {font-weight: bold;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff;}
#menu li:hover {
	position:relative;
	
}

#menu li:hover > a {}
#menu li:hover > a.sub {color: #2a2829; background: #b4b4b4 url("img2/nav-over-bg.jpg") repeat-x;}

#menu li.current a {}

#menu li a.sub {}
#menu li.current a.sub {}

#menu :hover ul {left:0; top:40px; width:220px; background:#23a13e; padding: 10px 0; height: auto;}
/*\*/ * html #menu :hover ul {left:-13px; top: 41px;} /* IE6 only */

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul {left:0px; top:-0px; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; width: 100%; background:#23a13e; border: 0;}
#menu :hover ul li a {width:100%; padding:0; text-indent:14px; height:30px; line-height:30px; display: block; float: left;}
#menu :hover ul li a:hover, #menu :hover ul li a:focus {background: #fff; color: #2a2829;}

#menu :hover ul li a.fly {}

#menu :hover ul :hover {background-color:#23a13e; color:#fff;}
#menu :hover ul :hover a.fly {color:#fff;}

#menu :hover ul li.currentsub a {color:#fff;}
#menu :hover ul li.currentsub a.fly {color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:14px; color:#ccc;}
#menu :hover ul :hover ul :hover {color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {color:#fff;}

#menu li.lastDropdown ul {margin-left: -124px;} /*nudge last dropdown to the left so it remains on screen */

/* === Flags ===*/

#flag {
}
#clearF {
	height:0;	
	width:0;
	margin:0;
	padding:0;
}
#country {
	width: 150px;
	height: 31px;
	background: url("img2/flag-box-bg-2.gif") no-repeat;
	position:absolute;
	z-index: 1100;
	top: 2px;
	left: 16px;
	
}


a#UK:link, a#UK:visited {
	width: 20px;
	height: 24px;
	background: url("img2/flag_DE-2.gif") 0 0 no-repeat;
	border: 0;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	line-height: 0;
	position: absolute;
	left: 16px;
	top: 9px;
}
a#UK:hover, a#UK:link.current, a#UK:visited.current {
	background: url("img2/flag_uk-2.gif") 0 0 no-repeat;
	outline: none;

}

a#USA:link, a#USA:visited {
	width: 23px;
	height: 24px;
	background: url("img2/flag_usa-2.gif") -20px 0px no-repeat;
	border: 0;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	line-height: 0;
	position: absolute;
	left: 47px;
	top: 9px;
}
a#USA:hover, a#USA:link.current, a#USA:visited.current {
	background: url("img2/flag_usa-2.gif") -20px 0px no-repeat;
	outline: none;

}

a#DE:link, a#DE:visited {
	width: 20px;
	height: 24px;
	background: url("img2/flag_uk-2.gif") -43px 0px no-repeat;
	border: 0;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	line-height: 0;
	position: absolute;
	left: 87px;
	top: 9px;
}
a#DE:hover, a#DE:link.current, a#DE:visited.current {
	background: url("img2/flag_de-2.gif") -43px 0px no-repeat;
	outline: none;

}
a#FR:link, a#FR:visited {
	width: 20px;
	height: 24px;
	background: url("img2/flag_uk-2.gif") -63px 0px no-repeat;
	border: 0;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	line-height: 0;
	position: absolute;
	left: 120px;
	top: 9px;
}
a#FR:hover, a#FR:link.current, a#FR:visited.current {
	background: url("img2/flag_fr-2.gif") -63px 0px no-repeat;
	outline: none;

}
/* === MASTHEAD ie logo and Phone / Call to Action ===
#'###########################'*/


a img#traxlogo {
	position: absolute;
	top: 29px;
	left: 15px;
	border: 0;
}

#callToAction {
	position: absolute;
	top: 6px;
	right: 12px;
	text-align: right;
}
body#home #callToAction {
	top: 6px;
	position: absolute;
}

h2#phone {
	margin: 23px 0 0 0; /* normal html, in case sifr not active */
	color: #269c3e;
	font-style: italic;
	font-size: 18px;
	font-weight: normal;
	margin-top:15px;
}
h2#phone.sIFR-replaced {margin: 15px 0 0 0;} /* sifr */
h2#phone span {color: #6dc37f;}

body#home h2#phone {

	margin-top:15px;
}


h3#strapline {
	margin: 0;
	color: #fff;
	font-style: italic;
	font-size: 22px;
	font-weight: normal;
}

/* === FEATURES === */

#features {background: #111010 url("img2/diaglines.gif") bottom left repeat-x; }

#features .wrapper {
/*	background: url("img2/features-grad_2.png") center 0 no-repeat;
*/	height: 333px;
	
}

/* === CONTENT === */

#content {
	background: #ffffff url("img2/pagesgrad.jpg") center 60px no-repeat;
	border-top: 1px solid #fff;
	padding-top: 20px;
}


	
body#home #content {
	background: #d0d7e1 url("img2/content-topline.jpg") top center no-repeat;
	border-top: 0;
	padding-top: 20px;
}

body#home #content .wrapper {
	background: url("img2/three-col-lines.gif") top left repeat-y;
	margin-bottom: 20px;
	overflow: hidden;
}

/* Home 3 cols */
body#home #content .col1 {
	width: 230px;
	float: left;
	padding: 0 20px 0 0;
}
body#home #content .col1 h2.sIFR-replaced {width:230px;}

body#home #content .col2 {
	width: 400px;
	float: left;
	padding: 0 20px 0 20px;
}
body#home #content .col2 h1.sIFR-replaced {width:400px;}

body#home #content .col3 {
	width: 250px;
	float: right;
	padding: 0 0 0 20px;
	font-weight: normal;
}
body#home #content .col3 h2.sIFR-replaced {width:250px;}
body#home #content .col3 img {
	float: left;
	margin: 0 10px 10px 0;
}
body#home #content .col3 p {margin-top: 0;}
/*\*/ * html body#home #content .col3 hr {margin: -20px 0 -10px 0;} /* ie6 */

/*Keep css for tester.html page*/
.pfull {
	width:100%;
	float:left;
	margin-top:10px;
}

.p70 {
	width:69%;
	float:left;
	margin-top:20px;
	position:relative;
}

.p30 {
	width:29%;
	float:left;
	margin-top:20px;
	position:relative;
}
.p33 {
	width:33%;
	float:left;
	margin-top:10px;
}	
.p25 {
	width:25%;
	float:left;
	margin-top:20px;
}

.fleft {
	float:left;
}
.fright {
	float:right;
}

.txtr {
	padding-left:40px;
}
/*News*/
body#news #content .col, body#design #content .col {
	width:960px;
	float: left;
	padding: 0 0 0 0;
	font-weight: normal;
}

body#news #content .col img {
	float: left;
	margin: 0 10px 10px 0;
}

#content p.newscol1 {
	text-align: right;
	clear: both;
	}

body#news #content .col1, body#design #content .col1 {
	float: left;
	padding: 0 20px 0 0;
}

body#news #content .col2 {
	width: 650px;
	float: left;
	padding: 0 20px 0 20px;
}

body#news #content .col3, body#design #content  .col3 {
	width: 250px;
	float: left;
	padding: 0 0 0 20px;
	font-weight: normal;
}

body#news #content .col3 p {margin-top: 0;}
/**/ * html body#news #content .col3 hr {margin: -20px 0 -10px 0;} /* ie6 */

/* Packaging */

body#packaging p.cta {clear: left; border-top: 1px solid #b3b9c5; padding-top: 20px;}

.pkgcol1 {float: left;}
.pkgcol2 {float: left; margin-top: 0px}

/*\*/ * html body#packaging .pkgcol1 {float: left; margin-right: 30px;} /* ie6 */

body#packaging #content h3.sIFR-replaced  {width: 45%;}

body#packaging ul.wrapper {
	clear:both;
	width:300px;
	text-align:left;
}
body#packaging ul li {
	list-style-position:outside;
	list-style-type:none;
}
/* Design */

body#design {}

body#design #content .col2 {
	width: 300px;
	float: left;
	padding: 0 20px 0 20px;
}


/* Products */

#prodlink {
	text-align: right;
	width: 150px;
	float: right;
	margin: -60px 10px 0 0;
}

.prodbox {
	width:215px;
	height:180px;
	padding-right:15px;
	float:left;
}

.prodbox img {margin-top: 5px;}

body#products #content .col1 {width: 50%; float: left; margin: 10px 0;}

body#products #content .col2 {width: 43%; float: left; border-left: 1px solid #b3b9c5; padding-left: 5%; margin: 10px 0 20px 0;}

body#products body#news h2 {width: 600px;} /* no sifr */

/* assortment*/
table.tiny td{
	padding-right:20px;
}
table#assortment th {
	background:#CCC;
}

table#assortment tr {
	line-height:30px;
	text-align: center;

}
table#assortment {
	background:#e0dfe4;
	border:1px solid #000;
	margin-top:10px;
	padding-left:0px;
	padding-right:0px;
	float:left;

}

/* Company / About Us */

ul li {
	list-style-position: inside;
	margin-bottom: 0.5em;
}

/* Downloads */

body #downloads #content {
 width:980px;
}

.downlbox {
	float:left;
	width:187px;
	margin: 0 5px 10px 0;
}

.downlbox img {
	margin: 5px 0 0 0;
}

a .txt {
	margin: 25px 0 0 0;
}

.downloadsH {
	float: left;
	width: 190px;
}

.downloadsC {
	float: left;
	width: 950px;
	margin-left:0px;

}

.downlbox img {
	margin-right:5px;
}

/*LINKS*/
#links h2 {
	width:100%;
	}
#links .prodbox {
	padding-bottom:25px;
	height: 100%;
}


/* === FOOTERS i. Footer menu ii. Footer content === */

#footerMenu {
	background: #218d37 url("img2/footer-menu-bg.jpg") repeat-x;
	height: 36px;
}

#footerMenu .wrapper {}

#footerMenu ul {text-align: right; margin: 0; padding: 0;}

#footerMenu ul li {
	line-height: 36px;
	display: inline;
	padding-left: 12px;
	margin-left: 11px;
	border-left: 1px solid #216c19;
}

#footerMenu ul li.first {
	border: 0;
}

#footerMenu ul li a:link, #footerMenu ul li a:visited {
	text-decoration: none;
	color: #fff;
}
#footerMenu ul li a:focus, #footerMenu ul li a:active, #footerMenu ul li a:hover {
	text-decoration: underline;
	color: #000;
}

#footerContent {
	background: #8e94a0 url("img2/footer-content-bg.gif") repeat-x;
	font-size: 10px;
	overflow: auto;
	color: #000;
}

#footerContent .wrapper {padding: 30px 0;}

#footerContent p {float: left;}
#footerContent p#credits {float: right;}
#footerContent p#qualitylogos {
	clear: both;
	margin: 0 0 0 0;
}
#footerContent p#qualitylogos img {
	border: 0;
	float: left;
	margin: 0 10px 10px 0;
}

#footerContent p a:link, #footerContent p a:visited {color: #fff;}
#footerContent p a:active, #footerContent p a:hover {color: #000;}

/* === HOME PAGE FEATURES / TAB ROTATOR === */

#rotator {
	width: 960px;
	position:relative;
	margin: 12px 0 0 0;
	display: inline-block; /* prevent push-margin bug */
	background: url(img2/rotator/rotator-content-bg.jpg) no-repeat 0 35px;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	text-decoration:none;
	list-style:none;
	float:left;
}

ul.ui-tabs-nav {
	position: absolute;
	z-index: 100;
	margin-left: 1px;
	top: 0px;
}

li.ui-tabs-nav-item span {
	border-right:1px solid #1c1b1b; /* separators */
	height: 10px;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size: 12px;
	line-height: 10px;
	font-weight:normal;
	color:#fff;
	background: url(img2/rotator/tab-bg.gif) repeat-x top left; 
	/*border-right:1px solid #1c1b1b; */
	height: 44px;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background: url(img2/rotator/tab-bg-hover.gif) repeat-x; 
	color:#fff;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background: url(img2/rotator/tab-selected-arrow.gif) no-repeat top center;
	color:#fff;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	width: 960px;
	height:290px;
	overflow:auto;
	padding-top: 35px; /* = height of tabs 34px + 1px border */
	/* don't use the original clear float here - ie7 */
	visibility: hidden; /* TURN THEM ALL BACK ON WITH JQUERY (graceful degredation) */
}s
#rotator .first {visibility: visible;}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator .ui-tabs-panel img {
	float: right;
	border: 0;
}

#rotator .ui-tabs-panel h1 {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 20px;
}

#rotator .ui-tabs-panel ul {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 30px;
	padding:0;
}
/*\*/ * html #rotator .ui-tabs-panel ul {margin-left: 35px;}

#rotator .ui-tabs-panel ul li {
	list-style-position: outside;
	list-style-image: url("img2/bullets.gif");
	margin: 0;
	padding: 0 0 0 0;
}

#rotator .ui-tabs-panel p {
	color: #fff;
	margin: 0.5em 10px 0.5em 20px;
}
#rotator .ui-tabs-panel .largetext {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	font-style: italic;
	margin: 0.5em 10px -0.6em 20px;
	line-height: 1.8em;
}

/* === ARROW BUTTONS === */

.arrow_btn, .start_arrow_btn, .end_arrow_btn {
	float: left;
	background: url(img2/arrow-btn-tail.gif) no-repeat;
	padding: 0 0 0 15px;
	margin: 5px -10px 5px 0;
}
.start_arrow_btn {padding: 0; margin-left: 20px; display: inline;}
/*\*/ * html .arrow_btn {margin-right: -25px;} /* ie6 */
.arrow_btn a:link, .arrow_btn a:visited, .start_arrow_btn a:link, .start_arrow_btn a:visited, .end_arrow_btn a:link, .end_arrow_btn a:visited {
	float: left;
	height: 27px;
	background: url(img2/arrow-btn-stretch-bg.gif) repeat-x left top;
	line-height: 25px;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
.arrow_btn a:hover, .start_arrow_btn a:hover, .end_arrow_btn a:hover {
	text-decoration: underline;
}
.arrow_btn a:active, .start_arrow_btn a:active, .end_arrow_btn a:active, .arrow_btn a:focus, .start_arrow_btn a:focus, .end_arrow_btn a:focus {
	outline:0; /* for browsers that understand */
	outline: none;
}
.arrow_btn span, .start_arrow_btn span, .end_arrow_btn span {
	background: url(img2/arrow-btn-head.gif) no-repeat;
	float: left;
	width: 15px;
	height: 27px;
}
.end_arrow_btn span {background: transparent;}

/* CONTACT FORM */

#formhold {
	overflow:hidden;
	margin: 0 auto;
	text-align: left;
}

#formleft{
	float:left;
	width:300px;
	margin: 0 20px 0 0;
	}
#formleft a {
	color:#218e37;
	text-decoration:none;
}
#formleft a:visited {
	color:#218e37;
	text-decoration:none;
}
#formleft a:hover {
	color:#206020;
	text-decoration:none;
}
#formleft a:active {
	color:#218e37;
	text-decoration:none;
}
#formiddle {
float:left;
	width:300px;
	margin: 0 20px 0 0;
}
#formright {
    float:left;
	width:300px;
	margin: 0;
}
form {padding:0px;margin:0px;
}

.formsection p {
	margin:3px 0 0 0;
	}
	
input {width:280px;}

.inbut {
	float:left;
	width:66px;
	margin-top:20px;
	}
	
.msg {width:280px; height:130px; overflow:auto;}

/*
#pad25 {padding-left:25px;}
#pad30 {padding-left:28px;}
#downsp {width:230px;}
*/

.formsection 
 {
	display:inline;
	float:left;
	margin: 0 ;
}


/* ==================================================================================================================== 

--------- Legacy css --- */


#infoot {
	width:920px;
	margin:auto;
	text-align:left;
	font-size:10px;
}

#isos {
	float:left;
	width:315px;
	height:50px;
}

#bridge {
	float:right;
	width:420px;
}

#tyre {
	background-image:url(img/f1.png);
	background-repeat:no-repeat;
	width:133px;
	height:64px;
	z-index:999;
}

.sep {color:#30670e;}

.bold{font-weight:bold;}

#footmenu {
	color:#FFFFFF;
	font-size:11px;
	padding-top:20px;
}
* html #footmenu{
	padding-top:10px;
}

#footmenu a{
	color:#FFFFFF;
	font-size:11px;
	padding-top:20px;
	text-decoration:none;
}

#footmenu a:visited{
	color:#FFFFFF;
	font-size:11px;
	padding-top:20px;
	text-decoration:none;
}

#footmenu a:hover{
	color:#bae6c3;
	font-size:11px;
	padding-top:20px;
	text-decoration:none;
}

#footmenu a:active {
	color:#FFFFFF;
	font-size:11px;
	padding-top:20px;
	text-decoration:none;
}

#ender {
	padding-top:26px;
	float:left;
}

#ender2 {
	padding-top:26px;
	float:right;
}

#ender2 a	{
	text-decoration:none;
	color:#ffffff;
}

#ender2 a:visited	{
	text-decoration:none;
	color:#ffffff;
}

#ender2 a:hover	{
	text-decoration:none;
	color:#cdcdcd;
}

#ender2 a:active	{
	text-decoration:none;
	color:#ffffff;
}

#fright{float:right;}

#mid1 {
	float:left;
	background-image:url(img/mid1.jpg);
	background-repeat:no-repeat;
	width:252px;
	height:281px;
}
#mid1pad {
	font-size:11px;
	padding-top:200px;
	padding-left:5px;
	padding-right:5px;
	line-height:17px;
}

#mid2 {
	float:left;
	width:360px;
	height:281px;
	line-height:18px;
}
#mid2pad {
	padding-left:16px;
	padding-right:16px;
	padding-top:10px;
}

#mid3 {
	float:left;
	background-image:url(img/mid3.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:281px;
}
#mid3pad{
	width:145px;
	line-height:18px;
	padding-top:40px;
	padding-left:153px;
}

#mid4pad{
	line-height:18px;
	padding-top:28px;
}

#mid4pad a {
	color:#218e37;
	text-decoration:none;
}
#mid4pad a:visited {
	color:#218e37;
	text-decoration:none;
}
#mid4pad a:hover {
	color:#206020;
	text-decoration:none;
}
#mid4pad a:active {
	color:#218e37;
	text-decoration:none;
}
#lcol{width:300px; float:left;}


#rcol {
	float:right;
	width:603px;
	line-height:18px;
}

#lcol2 {
	width:623px;
	float:left;
	text-align:left;
	margin-top: 20px;
	margin-right:20px;
}

#lcol3 {
	width:920px; 
	float:left; 
	text-align:left;
}

#rcol2 {
	width:300px;
	float:left;
	text-align:left;
	margin-top: 20px;
}

#designpad {
	width:290px;
	padding-top:10px;
}
.subt {font-size:14px; line-height:21px; font-weight:bold;}



#prodbox {
	width:215px;
	height:180px;
	padding-right:15px;
	float:left;
}

#pdfbox1 {
	text-align:left;
	width:432px;
	/*height:124px;*/
	float:left;
	padding-top:20px;
}

#pdfsep {
	background-image:url(img/sep-v.png);
	background-repeat:no-repeat;
	width:28px;
	height:124px;
	float:left;
}

.tiny {
	font-size:10px;
}



#mast {
	background-image:url(img/t-steel.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:66px;
	text-align:center;
}

#mast-alloy {
	background-image:url(img/t-alloy.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:66px;
}

#mast-adhesive {
	background-image:url(img/t-adhesive.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:66px;
}

#mast-motorcycle {
	background-image:url(img/t-motorcycle.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:66px;
}

#mast-truck {
	background-image:url(img/t-truck.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:66px;
}

#mast-motor {
	background-image:url(img/t-motor.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:66px;
}

#mast-ass {
	background-image:url(img/t-ass.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:66px;
}


.mastlink {
	clear:left;
	font-weight:bold;
	padding-right: 50px;
	padding-bottom: 15px;
	padding-left: 750px;
}

a:link {
	color:#218e37;
	text-decoration:none;
}
a:visited {
	color:#218e37;
	text-decoration:none;
}
a:hover {
	color:#10bb10;
	text-decoration:none;
}
a:active {
	color:#218e37;
	text-decoration:none;
}

#boxheader {
	background: #868889 url("img/c-alloy.jpg") no-repeat;

}

#boxheader h4 {
	color:#fff;
	font-size:16px;
	margin: 0;
	padding:15px 20px;
	font-weight: normal;
	text-align: center;
}
#boxheader h4 span {color: #000;}
#boxheader h4.sIFR-replaced {padding-top: 20px;}

.ppad {
	width:330px;
	padding-left:20px;
	padding-right:10px;
	float:right;
}

#c-col {
	width:300px;
	text-align:center;
	/*padding-left:20px;*/
	/*margin-right:20px;*/
	background-color:#bfc0c2;
	padding-top: 15px;
}

.col2 {
	width:623px;
	display: block;
}
.c-pad {
	width:260px;
	text-align:left;
	padding: 5px 20px 0px 20px;
}