/* Undo existing styles
======================================================================*/
a img,:link img,:visited img { border: none; }
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th {font-size: 1em; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0px; padding: 0px; }


/* INFORMATION
======================================================================

	COLOR
	====================>



*/


/* FOUNDATION
======================================================================*/
body {
	background: #FFF; 
	font-family: Arial, Verdana, sans-serif; 
	margin: 0px; 
	padding: 0px; 
	position: relative; 
	text-align: left;
}
.clearBig {clear:both;font-size:14px;height:15px;line-height: 14px; width:100%;}
.clearLeft{ clear:left; font-size:1px; height:1px;line-height: 1px; width:100%;}
.clearSm {clear:both;font-size:1px;height:1px !important;line-height: 1px; width:100%;}
.clearNav {clear:both;font-size:1px;height:1px;line-height: 1px; width:100%;}

p {color: #403D3D; font-size:12px; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px;}
ul {color: #403D3D; margin-left:15px; margin-bottom: 20px; font-size:12px;}
ul.mount li{ padding: 0px 0px 10px 0px;}
a {color: #BF141C; text-decoration: none;}
a:hover {color: #8E090F;}
a.black{color:#000 !important;}
h1 {color:#41709D; font-size: 25px; font-weight: normal; padding: 32px 0px 25px 0px; text-transform: uppercase;}
h3 {color: #41709D !important;	font-size: 14px; text-transform:none;}
h3 a {color: #41709D !important;}
.validationText {font-size:12px;}
#flashcontent {font-size: 11px; text-align:left;}
#side_flash span {font-size: 11px; text-align:right; position: relative; bottom: 20px;}

/* HEADER
======================================================================*/
.header {
	background: url(../../images/template/hdr-back-gradient.gif) top left repeat-y #BACFE5;
	height: 102px;
	position: relative;
	width:100%;
	min-width:945px;
	}

.header .logo {
	float: left; 
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 38px;
	}
	
.header .twitterIcon {
	position:relative;
	left:45px;
	top:35px;
}

.header .jumpNav {
	float: left; 
	height: 40px;
	text-align:right;
	position: absolute;
	margin: 50px 0px 0px 4px;
	left: 280px;
	top: 0px;
	width: 715px;
}
	
.header .jumpNav ul {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px; 
	padding: 17px 0px 0px 0px;
	width:365px; 
}
.header li {color: #4D4D4D; float: left; font-size: 11px;}
.header .jumpNav a {color: #BD2D33; padding: 10px 6px; text-decoration: none;}
.header .jumpNav a:hover {color: #8E090F;}

.search {float: right; height: 50px; text-align: left; width:340px;}
.search div {float: left; height:50px;}
.search div.website {width: 185px;}
.search div.updateContainer {width: 150px;}
.search div.website {padding: 0px 0px 0px 0px; position:relative;}
.search div.updateContainer {padding: 0px;position: relative;}
.search input {color: #585858;font-size: 11px; width: 115px !important;}
.search .btn {
	background:#BF141C;
	border: none;
	color:#FFF;
	display: block;
	font-size: 11px;
	font-weight:bold;
	width: 25px !important;
	}
.search div.website .btn,
.search .updateContainer .btn {height: 18px;padding: 2px 0px 3px 0px; width: 25px;}
.search div.website .btn {position: absolute;top: 13px;right:15px; width:45px !important;}
.search .updateContainer .btn {position: absolute;top: 13px; right: 0px;}

.search p {
	color: #000000;
	font-size:11px;
	line-height:10px;
	margin:0px;
	padding: 0px;
	}

/* NAVIGATION
======================================================================*/
#nav {background:#BF141C; padding-left: 50px; position:absolute; top: 0px; left: 0px; width:945px; min-width:945px;}
.navContainer{background:#BF141C; border-top: 2px solid #FFF;position: relative; height: 30px; width: 100%;}

ul#navmenu-h {
	background: #BF141C;
	height: 28px;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

ul#navmenu-h li {
	/*border-left:1px solid #BC6141; border-right:1px solid #820024;*/
	display: inline;
	float: left;
	height: 30px;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
ul#navmenu-h li.leftBracket {cursor: default;width: 3px;}
ul#navmenu-h li.midBracket {width: 15px;}
ul#navmenu-h li:first-child {border-left:none;/* doesn't work in IE6, but it's a pretty minor detail */}
ul#navmenu-h>li:last-child {/* doesn't work in IE6, but it's a pretty minor detail */}
ul#navmenu-h ul {
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute; top: 30px; left: 0px;
}

ul#navmenu-h ul:after {
	clear: both;
	font: 12px;
	font-size: 12px;
	height: 0;
	margin: 0px; 
	padding: 0px;
	visibility: hidden;
}

/* Root Menu */
ul#navmenu-h a {
	color:#FFF;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font: bold 11px/28px Verdana, Arial, Helvetica, sans-serif;
	height: auto !important;
	height: 1%; /*For IE*/
	text-decoration: none;
	padding: 0px 11px;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
	color: #FFF;
}
ul#navmenu-h .active {background: #820024;}

/* 2ND MENU
======================================================================*/
ul#navmenu-h ul {background: #8E090F;}
ul#navmenu-h ul li {
	border:none;
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
	height:20px;
	text-align:left;
	width:190px;
}

ul#navmenu-h li ul {/*border:1px solid #b7b7b7 ;*/ border-bottom: none; width:190px !important;}
ul#navmenu-h li ul li {border-bottom:1px solid #b7b7b7 !important;}

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	background: #8E090F !important;
	color: #FFF;
	float: none;
	font-size:10px;
	line-height:20px;
	padding: 0px 6px 0px 12px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  /* background: #CCC; */
  background: #BF141C !important;
  color: #FFF;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

/* TEMPLATE STRUCTURE
======================================================================*/
.contentContainer {padding: 10px 0px 0px 0px; min-width: 945px;}

.bodyContent { /*width:775px;*/
	padding: 0px 0px 10px 0px;
	float: left;
	width: 700px;
}

.colL {
	background-color:#fff;
	float:left;
	margin: 0px 35px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align:right !important;
	width:220px;
}

.colL h3 {
	text-transform: uppercase;
}
.colL .flash {margin-bottom: 20px; height:225px;}
.colL ul {list-style-type: none; margin: 35px 0px 40px 0px;}
.colL ul li {font-size: 12px;}

.colR { float: right; padding-top: 35px; width:210px;}
.colR img {margin-left: 10px;}
.colR p {margin-left: 10px;}

	/* COLUM LEFT ELEMENTS
	======================================================================*/
	.callout {
		margin: 0px 0px 15px 10px;
		padding: 0px;	
		text-align:right;
	}

	.callout p {color:#484849; line-height: 14px; padding: 0px 0px 15px 0px;}
	.callout a {white-space: nowrap;}


/* Overview General Styles
======================================================================*/
.overviewContainer {}
.overviewContainer .colL, 
.overviewContainer .colR { float: left !important; padding-top: 0px !important; padding-left: 5px; text-align:left !important;}

.overviewContainer .colL, 
.overviewContainer .colR ul li{ list-style-type: dots !important;}




.navText {display: block;}
.navText ul {display: inline;float: left; font-size: 12px; list-style-type: none; margin:0px !important; width: 100px;}
.navText p {display: inline;float: right;width: 585px; display: block;}
.navText ul li {padding-bottom: 3px;}
.navText ul a {color: #D2232A; text-decoration: underline;}

#temp_space {width:235px; background-color:#403D3D;}

/* CONTENT
======================================================================*/
.bodyContent .flash {
	margin: 0px 0px 15px 0px;
}

.side_flash {position:absolute; height: 200px; top:41px; left:15px; z-index:100;}

.home p {
	font-size: 12px;
	margin-left: 175px;
}

.home p span {
	font-size: 20px;
	font-weight: bold;}

	/* PRODUCT TABLE
	==================================*/
	table.productTable {width: 100%;}
	.productTable th {background-color:#3F3F3F; border-top: 5px solid #FFF; border-bottom: 1px solid #FFF; color: #FFF; font-size: 14px; height: 24px; text-align:center; text-transform: uppercase;}
	.productTable tr.subHead th {border-top: none;border-bottom: 1px solid #FFF; font-size: 12px !important; font-weight: normal; height: 19px;}
	.productTable tr.sectionHead th {background: #D2232A; border-top: 4px solid #FFF; border-bottom: 1px solid #FFF; font-size: 12px !important; font-weight: normal; height: 19px;}
	.productTable tr.sectionHead.after th {border-top: none;}
	.productTable tr {border-top: 1px solid #000;}
	.productTable tr.products td {border: 1px solid #D3D4D5; border-bottom: none; vertical-align:top; width: 243px;}
	.productTable tr.products td p {font-size: 11px; line-height: 13px;padding: 5px 7px;}
	.productTable tr.products td ul {font-size: 11px; line-height: 13px;padding: 5px 7px 5px 22px;}
	.productTable td.img {width: 200px !important;}
	.productTable td.img img {float: left; padding: 0px 0px 5px 0px;}
	.productTable img + p{padding: 5px 10px 0px 10px !important;text-align:left; float:right; font-weight:bold;}
	.productTable td.img div {float: right;padding: 10px 10px 10px 5px; width: 115px;}
	.productTable td.img div p {display: block; font-weight: bold; margin: 0px; padding: 0px;}
	.productTable td.img div a {font-weight: normal;}
	.productTable td.gutter {border: none !important; border-top:none !important; margin: 0px; padding: 0px; width: 5px !important;}
	.productTable tr.bottom td {border-bottom: 1px solid #D3D4D5 !important;}
	.productTable td.bottom {border-bottom: 1px solid #D3D4D5 !important;}
	/*.productsContainer .materialsTable{ padding:0px 0px 0px 0px; margin: 0px 0px 0px 120px;}*/
	
	.productsContainer .productLeft, .productRight{ float:left;}
	.productsContainer .leftColumn ul li, .rightColumn ul li{ list-style-type:square;}
	.leftColumn {margin: 0px 80px 0px 0px; float: left !important;}
	.rightColumn { float:left; width:350px;}
	
	
/* FOOTER
======================================================================*/
.footer {
	background: url(../../images/template/hdr-back-gradient.gif) top left repeat-y #BACFE5;
	color: #4D4D4D;
	height: 24px; 
	text-align:center;
	}
.footer p {color: #4D4D4D;font-size: 10px; padding-top: 6px;}
.footer ul {color: #4D4D4D; list-style-type: none; height:20px; margin-left: 260px;padding: 5px 0px 0px 0px; text-align:center;}
.footer li {float: left; font-size: 11px;}
.footer a {color: #bd2d33; padding: 0px 10px; text-decoration: none;}
.footer a:hover {color: #8E090F;}


/*  TERMS AND CONDITIONS
=======================================================================*/
.termsContainer{
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	font-size:12px;
	width: 480px;
}
.termsContainer ul li{
	list-style-type: dots !important;
	padding:10px 0px 10px 5px !important;
}

.spacer {
	height:5px;
}
.phone{
	color: #E1B0B2;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	padding-top: 8px;
	padding-left: 33px;
	margin-right: 95px;
	position:relative;

}

ul.pressRel{
	font-size:12px;
}

ul li.pressNo{
	list-style-type:none !important;
}

/*  Specialized Markets
======================================================================*/

.specializedContainer{}

.specializedContainer ul li{ font-size:11px;}

.specializedContainer h3{color: #000; text-decoration:underline;}

.specializedContainer div{ padding: 0px 0px 20px 35px; font-size:12px;}

.specializedContainer p + ul{margin: -20px 0px 0px 35px !important; padding: -20px 0px 0px 35px !important;}

ul.products{text-indent:20px;}




/* MATERIALS  TABLE
	==================================*/
	table.materialsTable {width:400px;}
	.materialsTable th {background-color:#3F3F3F; border-top: 5px solid #FFF; border-bottom: 1px solid #FFF; color: #FFF; font-size: 14px; height: 24px; text-align:center; text-transform: uppercase;}
	.materialsTable tr.subHead th {border-top: none;border-bottom: 1px solid #FFF; font-size: 12px !important; font-weight: normal; height: 19px;}
	.materialsTable tr.sectionHead th {background: #D2232A; border-top: 4px solid #FFF; border-bottom: 1px solid #FFF; font-size: 12px !important; font-weight: normal; height: 19px;}
	.materialsTable tr.sectionHead.after th {border-top: none;}
	.materialsTable tr {border-top: 1px solid #000;}
	.materialsTable tr.products td {border: 1px solid #D3D4D5; border-bottom: none; vertical-align:top; width: 243px;}
	.materialsTable tr.products td p {font-size: 11px; line-height: 13px;padding: 5px 7px;}
	.materialsTable tr.products td ul {font-size: 11px; line-height: 13px;padding: 5px 7px 5px 22px;}
	.materialsTable td.img {width: 200px !important;}
	.materialsTable td.img img {float: left; padding: 0px 0px 5px 0px;}
	.materialsTable img + p{padding: 5px 10px 0px 10px !important;text-align:left; float:right; font-weight:bold;}
	.materialsTable td.img div {float: right;padding: 10px 10px 10px 5px; width: 115px;}
	.materialsTable td.img div p {display: block; font-weight: bold; margin: 0px; padding: 0px;}
	.materialsTable td.img div a {font-weight: normal;}
	.materialsTable td.gutter {border: none !important; border-top:none !important; margin: 0px; padding: 0px; width: 5px !important;}
	.materialsTable td.sideImage {border: none !important; border-top:none !important; margin: 0px; padding: 0px; width: 5px !important;}
	.materialsTable tr.bottom td {border-bottom: 1px solid #D3D4D5 !important;}
	.materialsTable td.bottom {border-bottom: 1px solid #D3D4D5 !important;}



/* CONTACT FORM 
========================================================================*/
.contactForm { font-size:14px; width: 470px;}
.contactForm span {
	color:#7D7D7D !important; 
	float: left; 
	width: 115px !important;
}
.contactForm div {
	display: block !important; 
	height: 20px; 
	padding: 0px !important; 
	margin: 5px 0px 0px 0px;
}

.contactForm div input {
	border: 1px solid black;
	float: left !important; 
	text-align: left; 
	margin: 0px !important; 
	padding: 0px !important;
}

.contactForm .comment textarea	{
	float: left !important; 
	margin: 15px 0px 5px 0px !important; 
	margin-bottom: 5px !important;
}

.commentSample textarea {
	border: 1px solid black !important; 
	float: left !important; 
	margin: 15px 0px 5px 0px !important; 
	margin-bottom: 5px !important; 
	overflow:auto; 
	width: 250px;
}

.contactForm .commentFurther textarea {
	float: left !important; 
	margin: 15px 0px 5px 0px !important; 
	margin-bottom: 5px !important;
}

.phoneContact {
	font-size:14px; 
	margin-top: -5px; 
	margin-bottom:-5px; 
	margin: none !important; 
	padding: none !important; 
	height: 25px;
}

.phoneContact span {color:#7D7D7D !important;}
.phoneNumber { float: left !important;}
.phoneNumber input { border:1px solid black; width: 120px !important; margin: 0px 0px 0px 91px;}
.extension span{ padding: 0px 0px 0px 15px; width: 40px !important;}

.extension { float: left !important; margin: 0px !important; padding: 0px !important;}
.extension input { border:1px solid black; width: 30px !important; margin: 0px 155px 0px 0px;}
.email {clear: left;}

.comment span {vertical-align: top;}
.comment textarea{ border: 1px solid black; overflow:auto; float:right; text-align:left; margin: -28px 62px 0px 0px; padding: 0px 0px 0px 0px; width:250px;}

.state input{ width: 40px !important;  margin: -18px 270px 0px 0px !important;}
.zipcode input{width: 120px; margin: -18px 190px 0px 0px;}
.country input{width: 120px; margin: -18px 190px 0px 0px;}
.fax input {width: 120px !important; margin:-18px 190px 0px 0px;}
.dropDown select{ float:right; text-align:left;  margin: -18px 150px 0px 0px; padding: 0px 0px 0px 0px;}
.submitButton{ height:25px; padding: 40px 0px 0px 0px;}
.submitButton input { width: 80px !important; text-align:center !important; float:left !important; border: 1px solid #41709D !important; background-color:#41709D; color:#FFF; font-size: 14px !important; font-weight: bold !important;}


/* TECHNICAL SERVICE REQUEST FORM
===========================================================================*/
.adhesiveType {font-size: 14px; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px;}
.adhesiveType input{ margin-right: 5px;}
.adhesiveLeft{ float:left; padding: 0px 40px 0px 0px; margin: 10px 0px 0px 30px;}
.adhesiveRight{ float:left; padding: 0px 50px 0px 0px; margin: 10px 0px 0px 30px;}
.carrier{ font-size: 14px; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px;}
.carrier input{ margin-right: 5px; }
.carrierLeft{ float:left; padding: 0px 40px 0px 0px; margin: 10px 0px 0px 30px;}
.carrierRight{  float:left; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 82px;}
.requestType{font-size: 14px; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px;}
.requestType input{ margin-right: 5px;}
.requestLeft{  float:left; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 30px;}
.targetPrice { font-size:14px; padding-bottom: 15px;}
.targetPrice span{ float: left; width: 130px;}
.targetPrice div{ height: 25px; display: block; width: 380px; padding-top: 5px;}
.targetPrice textarea{ border: 1px solid black; overflow: auto; height: 100px; margin: 5px 0px 20px 15px;}
.targetOne{ margin-top: 8px !important;}
.targetPrice input { float:left; text-align:left; margin: 0px 0px 0px 10px;  border: 1px solid black; width: 120px;}
.inputPrice{ float:left; padding: 0px 0px 0px 0px; margin: 10px 0px 15px 0px;}
.comment {height: 130px !important;}
.commentFurther { font-size:14px; padding-bottom: 15px; height: 150px !important;}
.commentFurther textarea{ border: 1px solid black !important;  margin: 5px 0px 20px 15px; overflow: auto !important;  text-align:left; width:250px !important;}

.sampleKits{ font-size:14px;}
.sampleKits input{ margin-right: 5px;}
.sampleKits img{  padding-left: 25px; margin: 5px 0px 20px 0px;}


.rightContent{padding-top: 50px; margin:none;}

/*--==============================
SPECIAL CLASS FOR TECHNICAL REQUEST
===============================*/
.rightContentTech{ margin:none;}
/*=============================
PADDING ON IMAGE 
================================*/
.fastenerImage{padding: 0px 0px 0px 0px; margin-left: 30px;}

/* ADHESIVE PAGE
========================================*/
.contain{}
.first{float: left;}
.second{float: right;}

/* CABABILITIES CONVERTING
=============================================*/
.ImageHldr{height: 120px;}
.ImageHldr img{ margin-right: 10px;}

.specialListOne{float:left; margin-right: 75px;}
.specialListTwo{float:left; margin-right: 50px;}
.specialList{float:left;}
