@charset "utf-8";
/* CSS Document */

/*-------------------------Redined Tags-------------------------------*/

body {
	font: Arial, Helvetica, sans-serif;
	background: #666666 url(../images/background.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

img {
border: none;
}

td {
	vertical-align: top;
}

hr {
	color: #CCCCCC;
	background-color: #FFFFFF;
	margin: 25px 0px;
	padding: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}

h1 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 0px 0px 0px;
	padding: 0px;
}


h3 {
	color: #999999;
	font-size: 12px;
	text-transform: uppercase;
}

h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 20px 0px 10px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFCFCF;
	text-transform: uppercase;
}

h5 {
	color: #4D0000;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 0px;
}
/*-------------------------Body-------------------------------*/

 #container {
	width: 865px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0px;
	padding-top: 10px;
}


#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #666666;
	clear: both;
	height: 100%;
	display: table;
}

/*------------------------Links-------------------------------*/

a:link, a:visited {
	color: #CC0000;
	text-decoration: none;
}

a:active, a:hover {
	color: #FF3300;
	text-decoration: none;
}

/*------------------------------Home--------------------------------*/

#homeContent {
 /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#homeContent a:link, #homeContent a:visited {
	color: #FF9900;
	text-decoration: none;
}

#homeContent a:active,#homeContent  a:hover {
	color: #FFCC00;
	text-decoration: none;
}



 #containerHome {
	width: 802px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-top: 10px;
}

#bottomSpecial {
	background-image: url(../images/bottomSpecial.gif);
	height: 138px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #111111;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#bottomSpecial h3{
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0px 0px 10px;
}

#specialLeft {
	width: 370px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#specialRight {
	width: 370px;
	float: right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#specialContent {
	line-height: 20px;
	color: #C3C3C3;
	width: 90%;
	margin-left: 15px;
	margin-bottom: 10px;
}
#scLeft {
	width: 50px;
	float: left;
}

#scRight {
	width: 50px;
	float: left;
}
#specialContent ul{
	line-height: 20px;
	color: #999999;
	font-weight: bold;
	list-style-image: url(../images/arrow_grey.png);
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}

#specialContent ul a:link, #specialContent ul a:visited{
	color: #999999;
}

#specialContent ul a:hover, #specialContent ul a:active{
	color: #FFFFFF;
}

#specialContent li{
	margin-left: 40px;
	padding-left: 0px;
}

/*-------------------------TopNav/Header-------------------------------*/
#headerHome {
	height: 98px;
	margin-bottom: 5px;
}

#header {
	height: 98px;
	margin-bottom: 5px;
	width: auto;
	padding-right: 30px;
	padding-left: 30px;
}

#topNav_home {
	margin-top: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #666666; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}

#topNav_home a:link, #topNav_home a:visited{
	font-size: 11px;
	font-weight: bold;
	color: #666666; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-decoration: none;
	margin-left: 8px;
	margin-right: 8px;
}

#topNav_home a:active, #topNav_home a:hover{
	color: #801418; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

 #topNav {
	margin-top: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #666666; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-left: 0px;
	width: auto;
}

#topNav a:link, #topNav a:visited{
	font-size: 11px;
	font-weight: bold;
	color: #666666; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}

#topNav a:active, #topNav a:hover{
	color: #801418; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#topNav  ul {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}
#topNav  ul li {
	list-style-type: none;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#topNav li li a:link,  #topNav li li a:visited{
	color: #FFFFFF;
	line-height: 18px;
}

#topNav li li a:active,  #topNav li li a:hover{
	color: #FFCC00;
}


#topNav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	color: #FFFFFF;
	background-color: #4D0000;
	display: block;
	border-right-style: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
}

#topNav li li {
	border-right-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	
}

#topNav ul li.last{
	border-right: none;

}

#topNav li:hover ul {
	left: auto;
}


#topNav li ul li ul {
	display: none;
	
}



#Search {
	float: right;
	clear: right;
}

#Logo {
	float: left;
	height: 100px;
	width: 117px;
}

#banner {
	height: 181px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: double;
	border-bottom-style: solid;
	border-top-color: #CFCFCF;
	border-bottom-color: #CFCFCF;
}

#Tagline {
	height: 55px;
	width: 517px;
	float: right;
	background: url(../images/headerTagline.gif) 0 0 no-repeat;
}

#Tagline h1 { height: 74px; width: 517px; text-indent: -9999px;  }

/*------------------------Custom Classes-------------------------------*/

.smallText {
	font-size: 10px;
}


.callOut {
	font-size: 12px;
	font-weight: bold;
	color: #4D0000;
}
.red {
	color: #8A2A35;
}

.placeholder {
	color: #4D0000;
	font-size: 14px;
	font-weight: bold;
}

/*------------------------LeftNav-------------------------------*/
#leftNav {
	float: left;
	color: #999999;
}
#LN_first {
	width: auto;
	padding-left: 15px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CFCFCF;
	padding-top: 15px;
}

#LN_second {
	width: auto;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
}

#leftNav ul{
	line-height: 20px;
	color: #999999;
	font-weight: bold;
	list-style-image: url(../images/arrow_grey.gif);
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}

#leftNav ul a{
	color: #999999;
}

#leftNav li{
	margin-left: 30px;
	padding-left: 0px;
}

#leftNav h3{
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

#requestRFQ {
	width: 100%;
	height: 115px;
	text-align: center;
	margin-top: 35px;
	clear: left;
	float: left;
}
#requestRFQ-side {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CFCFCF;
}

/*------------------------Content-------------------------------*/
#rightContent {
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	float: left;
	width: 585px;
}

#rightContent ul{
	list-style-image: url(../images/dashed_arrow.gif);
	margin: 0px;
	padding: 0px 0px 0px 30px;

}

#rightContent h2 { 

/* This H2 replaces the previous On-Page Title H1 so that the Tagline H1 has actual (and greater search engine significance) as well as maintain a semi-semantical use of the header elements */

	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;



  }

#product {
	border: 1px solid #000000;
	margin-top: 15px;
}

.whatsNew {
	float: left;
	width: 275px;
	margin-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CFCFCF;
	padding-left: 10px;
}

.lineCard p {
	margin-top:0px;
	padding-top:0px;
}

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

/*------------------------Footer/Bottom-------------------------------*/

 #bottom {
	width: 801px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: right; /* this overrides the text-align: center on the body element. */
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 8px;
}

#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CFCFCF;
	clear: both;
}

#copyright {
	float: right;
	width: 350px;
}
#bottomLeftNav {
	float: left;
	width: 200px;
	text-align: left;
	text-transform: uppercase;
}

#bottomLeftNav a{
	color: #FFFFFF;
}

/*------------------------Forms-------------------------------*/

.formStyle {
	color: #666666;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #c2c7c7;
}

form{
	font-weight: normal;
}

input  {
	border: solid 1px #949aa5;
}

textarea  {
	border: solid 1px #949aa5;
	width: 300px;
	height: 65px;
}

select  {
	border: solid 1px #949aa5;
	width: auto;
	color: #000000;
	line-height: 18px;
}
	
.formtext {
	color: #6d7781;
	line-height: 16px;
	vertical-align: top;
	padding-bottom: 16px;
}

a.formtext {
	text-decoration: underline !important;
}

a.formtext:hover {
	text-decoration: underline !important;
	color: inherit;
}
.alignLeft   {
	float: left;
	margin-right: 15px;
}

.alignRight   {
	float: right;
	margin-left: 15px;
}

.h_rule {
	background-image: url(../images/format/h_rule.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	height: 25px;
}
.floatLeft {
	float: left;
}

.table_top {
	background-color: #CCCCCC;
	text-transform: capitalize;
	font-weight: bold;
	line-height: 14px;
	color: #7E1216;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.displayNone {
	display: none;
}
.pagination-wrap {
	clear: right;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
	display: block;
	height: 30px;
}

.pagination-wrap a{
	float: left;
}

.pagination-wrap li a:link{
	color: #CC0000;
}

.pagination-wrap li a:hover{
	color: #FF0000;
}

.pagination-wrap li a:active{
	color: #7E1216;
}

.pagination-wrap li a:visited{
	color: #999999;
}
#bottomSpecial3 {
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #111111;
}
#specialContent2 {
	line-height: 20px;
	color: #C3C3C3;
	width: 85%;
	margin-left: 15px;
	margin-top: 8px;
}
.pagination-wrap ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
.pagination-wrap ul li {
list-style-type: none;
	list-style-image: none;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.pagination-wrap ul li a {
list-style-type: none;
	list-style-image: none;
		float: left;
	background-image: none;
	padding: 0px;
	margin: 0px;
}
.pagination-wrap li.active a{
	color: #7E1216;
}
/*#hotContainer {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#hotBox {
	padding: 20px;
	width: 761px;
}
#hotContent {
	line-height: 14px;
}
#hotContent   .TN  {
	float: left;
	clear: right;
	padding-right: 10px;
}*/


#hotContainer {
	background-color: #4C0000;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/home/whatsHot-bck.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#hotBox {
	width: 770px;
	padding-top: 78px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
}
#hotContent {
	line-height: 16px;
	font-weight: normal;
}
#hotContent   .TN  {
	float: left;
	clear: right;
	padding-right: 10px;
}

/*------------------------Links-------------------------------*/
a.hot:link, a.hot:visited {
	color: #FF8E04;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

 a.hot:active,  a.hot:hover {
	color: #FF3300;
	text-decoration: none;
}
.manu-logos {
	padding-right: 15px;
	padding-bottom: 15px;
}