.header {
	/*background: url(img/logo1.jpg) no-repeat right top;*/
	
	border-bottom: 1px solid #333;
	font: normal 2em sans-serif;
	height: 100px;
}
.header a {
	color: #888;
	display: block;
	line-height: 120px;
	text-decoration: none;
	
}
.header span {padding-left: 5px;}

/* content elements */
.content h2 {
	background: url(img/bgh1.gif) repeat-x left bottom;
	color: #EEE;
	margin-bottom: 10px;
	padding: 6px 0 4px;
}
.content a {
	color: #999;
	text-decoration: underline;
}
.content a:hover {color: #CCC;}
.content .descr {margin-bottom: 5px;}





h2 {
	font: bold 1.6em Verdana,sans-serif;
	padding-bottom: 4px;
}

.clearer {clear: both;}


.stripes {
	background: #333 url(img/stripe.gif);
	height: 6px;
}



.container {
	margin: auto;
	width: 950px;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}

.wrapper {
	margin: auto;
	background: #dadfe3 url('products/images/4a.jpg') no-repeat center top;
	
}

/* sub-navigation */
.subnav {
	background: #2A2A2A;
	border: 1px solid #1E1E1E;
	border-top-color: #444;	
	padding: 12px;
}
.subnav h3 {padding-top: 8px;}
.subnav ul {margin: 0;}
.subnav li {
	background: url(img/li.gif) no-repeat left bottom;
	list-style: none;
	margin: 0;
}
.subnav li a {
	color: #777;
	line-height: 2.4em;
	padding-left: 18px;
	text-decoration: none;
}
.subnav li a:hover {color: #BBB;}



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin: 0px;
	padding: 0px;
	
}

#masthead {
float: right;

}

/*COLUMNS*/
#column_holder {
	margin: 0 auto;
	background-repeat: repeat-y;
}

#columns-top {
	background-repeat: no-repeat;
	height: 12px;
}

#c1,#c2,#c3,#c4 {
	float: left;
}

#columns-bottom {
	clear: both;
	background-repeat: no-repeat;
	height: 12px;
	font-size: 0px;
}

.content { /* padding: 8px 20px; */
	font-size: 0.75em;
	line-height: 1.5em;
}

.content p {
	margin: 6px 0px 0;
}

h1 {
	margin: 0px;
	font-size: 1em;
	letter-spacing: 0.2em;
}

/*h2 {
	font-size: 1.1em;
	margin: 28px 0px 0px;
}
h3 {
	font-size: 1em;
	margin: 28px 0px 0px;
}*/

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#footer, #masthead {
	font-size: .7em;
	
}

#footer_content, #masthead_content {
	margin: 0px auto;
	
}

/*GLOBALS: Nav Bar*/
#tnav, #bnav { 
	font-size: 0.8em;
	padding: 0px;
	margin: 0px;	
}

#tnav {	
	
}

#tnav-center, #bnav-center {
	clear: both;
	margin: 0 auto;	
	background-color: #000000;
}

#tnav-center {
	background: no-repeat url(images/main_header_image3.jpg);
}

#tnav li {
	list-style-type: none;
	float: left;
}

/*GLOBALS: Link Styles other than main navigation bar*/
a:link, a:visited, a:hover, a:active {
	color: #ffffff;
	text-decoration: none;
}

.title {
/*	position: relative;*/
	height: 108px;
}

.logo {
	float: left;
	width: 200px;	
	padding: 0px 0 0 20px;	
}

.title_rh {
	float: right;
	text-align: right;
	padding: 0 20px 0 0;
	font-size: 100%;
	width: 677px;
}

#title_tms {
	float: left;
	text-align: left;
	padding: 10px 0px 0px 550px;
	
}


.contact_highlight {
	color: #66cc66;
	font-weight: bold;
	margin-right: 20px;
	
}

.contact_info {
	
	color: #ffffff;
	/* width: 800px; */
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
	float: right;
}

/* p works */
.contact_info p{
	text-align:right;
	color: #ffffff;
}

.contact_info ul {
	margin: 2px 0 0 0;
	text-align: right;
	color: #ffffff;
}

.contact_info.li {
	display: inline;
	color: #ffffff;
	text-align: right;
	/* to use a bg img then anti aliasing needs to be fixed */
	/* background: no-repeat url(images/arrow.gif); */
	margin-left: 20px; 
}

.contact_info a {
	text-decoration: none;
}

.contact_info a:hover {
	color: #00cc00;
}

.nav_main {
	clear: right;
	color: #000000;
	margin: 0;
	padding: 1px 0 0 0;	
}

.nav_main li {
	background: #FAC400;
	color: #000000;
	width: 206px;
	font-weight: bold;
	text-align: center;	
	padding: 5px 0px 6px 0px;
	margin: 0px 0px 0px 6px;
} 

.nav_main ul a {
	width: 100%;
	/* height: 30px; */
	color: #000000;
	display: inline;
}

.nav_main li.selected a {
	color: #FAC400;
}

.nav_main li.selected {
	background: url("/images/hm_nav_bg_2.gif");
}


/* NAVIGATION BOXES */
.navigation {
	clear: both;
	padding: 20px 10px 20px 33px;
}

.navigation ul {
	margin: 0;
	padding: 0;
}

.navigation ul.nav_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navigation ul.nav_list li {
	float: left;
	width: 130px;
	margin: 0 0.15em;
	padding: 0 15px 0 0;
}

.navigation ul.nav_list li a {
	color: #ffcc33;
	text-decoration: none;
}

.navigation ul.nav_list li .nav_header {
	display: block;
	border-bottom: #710909 solid 2px;
}

.navigation ul.nav_list li a:hover {
	color: #00cc00;
}

.navigation ul.nav_list li a.active,.navigation ul.nav_list li a.active:hover
	{
	color: #00cc00;
}

.navigation ul.nav_col li {
	list-style: none;
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #1C1C1C;
}

.navigation ul.nav_col li a {
	color: #ffffff;
}

.navigation ul.nav_col li a:hover {
	color: #00cc00;
}



/* navigation */
.nav {background: #191919 url(img/nav.gif);}
.nav a {
	background: #191919 url(img/nav.gif);
	border-right: 1px solid #161616;
	color: #CCC;
	float: left;
	font: bold 1em Verdana,sans-serif;
	line-height: 51px;
	padding: 0 20px;
}
.nav a:hover {
	background: #191919 url(img/nav_hover.gif);
}



.content {
	background-color: #ffffff;
}

.content_header {
	clear: both;
	width: 100%;
	height: 103px;
	margin: 0;
	padding: 0;	
}

.content_header h2 {
	position: relative;
	left: 20px;
	bottom: 40px;
	background: #ffffff url("images/category_bg.gif");
	font-size: 30px;
	color: #00cc00;
	display: inline;
	padding: 7px 15px 6px 12px;
	margin: 0;
}

/* PRODUCT TABLES */
table.product {
	clear: both;
	border-width: 0;
	border-style: none;
	border-spacing: 0;
	border-top-style: none;
	width: 920px;
	padding: 0;
	margin: 0 0 0 20px;
	table-layout: auto;
	font-size: 90%;
	color: #000000;
	background: #ffffff;
}

table.product th {
	border-width: 0;
	padding: 0;
	border-style: none;
	text-align: center;
	font-weight: bold;
	background: #cccccc;
	color: #000000;
}

table.product tr:hover {
	background-color: #F5F5F5;
}

table.product th.product_name_header {
	padding: 7px 10px 7px 25px;
	background-image: url("images/subcat_bullet.gif");
	background-repeat: no-repeat;
	background-position: 10px 48%;
	height: 10px;
	text-align: left;
}

table.product td {
	font-weight: bold;
	height: 40px;
	margin: 0 2px 0 0;
	border-width: 0;
	padding: 0;
	border-style: none none none none;
}

table.product td.product_name {
	padding: 0 0 0 25px;
	/* width:80%; */
	text-align: left;
	border-bottom: 1px solid #D9D9D9;
}

table.product td.product_price {
	text-align: center;
	width: 10%;
	border-bottom: 1px solid #D9D9D9;
}

.table_spacer {
	height: 50px;
	margin: 0;
	padding: 0;
}

.description {
	font-weight: normal;
}

.description a {
	color: #000000;
}

.toplink {
	color: #717171;
	float: right;
	text-decoration: none;
	margin: 10px 60px 28px 0;
	font-size: 85%;
}

a.toplink {
	color: #717171;
}

.toplink:hover {
	color: #717171;
	text-decoration: underline;
}

/* Footer styles */
#footer, #masthead {
	color: #FFFFFF;
	background: #000000;
	
}

#footer p, #masthead p {
	
	padding: 10px 20px 10px 40px;
	margin: 0;
}

#footer_right, #masthead_right {
	padding-right: 500px;
	
}


/*****************Extra css**************/



#tnav-center {
	width: 950px;
}

#bnav-center {
	width: 950px;
}

#column_holder {
	width: 950px;
	color: #000000;
}

#columns-top {
	
}

#c1,#c2,#c3 {
	width: 0px;
	margin-right: 0px;
}

#c2 {
	width: 950px;
}

#c3 {
	margin-right: 0px;
}

#columns-bottom {
	
}

#footer_content, #masthead_content {
	width: 950px;
	
	
}