@charset "utf-8";

/* ****************************** CSS NAVIGATION LINKS ******************* */



#navArea {

	display: inline;

	vertical-align: bottom;

	text-align: center;

	width: 780px;

    line-height:normal;

	padding-bottom: 3px;

	height: 45px;

	padding-top: 5px;

}

    

#navArea ul {

	margin:0;

	list-style:none;

	padding-left: 10px;

	width: 100%;

	height: 43px;

	text-align: center;

	line-height: normal;

}

    

#navArea li {

    display:inline;

    margin-left:5px;

	margin-top: 2px;

	text-align: left;

	padding-right: 22px;

	float: left;

	border: 1px solid #ffffff;

}



* html #navArea li {

	padding-right: 20px;

}

    

#navArea a {

	font-family: tahoma;

	font-weight: normal;

	font-size: 13px;

    float:left;

    margin:0;

    padding:0 0 0 0px;

    text-decoration:none;

	border: 1px solid #ffffff;

}

    

#navArea a span {

    float:left;

    display:block;

    padding:3px;

    color:#333333;

	margin: 0;

	border: 1px solid #ffffff;

}



 

#navArea a:hover span {

	color:#0062b4;

	margin: 0;

	border: 1px solid #794a4b;

}



* html #navArea a:hover {

	color:#0090B4;

	margin: 0;

}

    

.topNavCell {

	vertical-align: bottom;

	float: left; 

	margin: 0 0 .15em;

	padding-left: 8px;

	width: 90px;

	height: 36px;

	text-align: left;

	display: block;

}



#navArea a span {float:none; vertical-align: bottom;}



.top-nav-sec {

	margin: 0 auto;

	/*background-color: #ebebeb;*/

	text-align: center;

	display: block;

	vertical-align: bottom;

	width: 100%;

}



* html .top-nav-cell {

	vertical-align: bottom;

	text-align: center;

	margin: 0 auto;

	padding-left: 0px;

	padding-right: 0px;

}



.top-nav-cell {

	vertical-align: bottom;

	text-align: center;

	margin: 0 auto;

	padding-left: 10px;

	padding-right: 10px;

}



/* ******************** Logo style ************************************* */



#logoArea { 

	float: left;

	display: block;

	text-align: left;

	height: auto;

	margin-bottom: 10;
	margin-top: 9px;
	margin-left: 11px;

}



/* ************************ about/contact/quote/cart styles ********************** */



#topRightLink {

	float: right;

	padding-right: 5px;

	vertical-align: top;

	width: 184px;

}



#topRightBar { /* color bar with links for about us, contact us */

	width: 100%;

	height: 13px;

	background-color: #8c0d20;

	padding: 0;

	vertical-align: top;

	float: right;

	margin: 0;
}



* html #topRightBar {

	width: 100%;

	height: 5px;

	margin: 0;

	padding: 0;

	float: right;

	vertical-align: top;
}



#topLinkAlign {

	width: 100%;

	text-align: center;

	float: right;

	margin-right: 0;
	white-space : nowrap;

}



a:link.topLink, a:active.topLink, a:visited.topLink {

	font-size: 11px;

	color: #fff;

	font-family: arial, helvetica, verdana;

	font-weight: normal;

	white-space: nowrap;

	text-transform: uppercase;	

	padding-left: 13px;

	padding-right: 13px;

}



a:hover.topLink {

	font-size: 11px;

	color: #fff;

	font-family: arial, helvetica, verdana;

	text-decoration: underline;

}	



.top-tick {

	padding-bottom: 2px;

	display: inline;

}



* html .top-tick {

	margin-bottom: 6;

	display: inline;

}



#quote-req {

}



#view-cart {

}





/* ********************** keyword search bar **************************** */



.menuBar {

	padding-left: 5px;

	padding-right: 0px;

}



# html .menuBar {

	padding-right: 0px;

	margin-right: 0;

	width: 100%;

}



.keywordBar { /*keyword search bar */

	background-color: #8c0d20;

	height: 27px;

	width: 576px;

	text-align: left;

	padding-left: 5px;

	float: left;

	display: inline;

}



.search-box {

	display: inline;

	border: 1px solid #666;

	margin-top: 0;

	margin-bottom: 5;

}



.arrow-but {

	display: inline;

	margin-top: 3;



	/*padding-top: 4px;

	vertical-align: bottom;*/

}



* html .arrow-but {

	margin-top: 3;

}



#rightNav {

	background-color: #263145;

	width: 206px;

	height: 27px;

	float: left;

	text-align: left;

	margin-left: 3px;

}



* html #rightNav {

	float: left;

	margin-left: 3;

	margin-right: 0;

	width: 206px;

}



* html .keywordBar {

	width: 581px;

	float: left;

	margin-left: 0;

}



#rightNav a {

	font-family: arial, helvetica, sans-serif;

	font-size: 12px;

	color: #fff;

	font-weight: bold;

}



#rightNav a:hover {

	color: #8c0d20;

	text-decoration: none;

}



#rightNav .rNavLink {

	font-family: verdana;

	font-size: 13px;

	color: #fff;

	font-weight: bold;

	padding-left: 15px;

	height: 27px;

	line-height: 27px;

	vertical-align: bottom;

	display: inline;

}



.tick {

	padding-left: 10px;

	height: 27px;

	line-height: 27px;

	vertical-align: bottom;

	display: inline;

}



* html .tick {

	padding-left: 13px;

	padding-right: 0px;

	height: 27px;

	padding-top: 5px;

	line-height: 27px;

	display: inline;

	vertical-align: middle;

}





#rightNav #spec-coll-link {

	font-family: verdana;

	font-size: 13px;

	color: #fff;

	font-weight: bold;

	padding-left: 10px;

	height: 27px;

	line-height: 27px;

	vertical-align: bottom;

	text-transform: uppercase;

}

#quoteImage
{
	position: relative;
	width: 100%;
	text-align: right;
	float: right;
	margin: 10px 3px 0px 0px;
}

#quoteItems, a:link.quoteItems, a:active.quoteItems, a:visited.quoteItems, a:hover.quoteItems
{
 position: relative;
	width: 100%;
	height: 15px;
	text-align: right;
	float: right;
	padding: 0px 20px 0px 0px;
	font-size: 9pt;
	font-weight: bold;
	font-family: verdana, helvetica, arial;
	color: #003399;
}