/*------ Layout ------*/

body {
	background: #FFFFFF;
	margin: 0;
	font-family: "trebuchet ms","trebuchet","sans-serif";
	font-size: 1em;
}

#container {
	text-align: left;
	width: 780px;	/* 760 */
	height: 1000%;
	margin: auto;
	overflow: hidden;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#header {
	width: 100%;
	height: 100px;
	background: url('images/header_bg.gif');
	border: 0;
}

img.logo {
	margin-left: 15px;
}

#headerbar {
	width: 100%;
	height: 3px;
	background: url('images/headerbar.png');
}

#navigation {
	width: 100%;
	height: 20px;
	background: url('images/nav_bg.png');
	border-bottom: 1px solid #CCCCCC;
}

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

a.navlink {
	float: left;
	display: block;
	height: 20px;
	width: 80px;
	text-decoration: none;
	color: #999999;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	border-right: 1px solid #CCCCCC;
	font-size: .8em;
}

a.navlink:hover {
	background: #EFEFEF;
	/*border-top: 2px solid #999999;*/
	height: 20px;
}

a:link.product_index_link {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: none;
}

a:hover.product_index_link {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FD1414;
}

#img_link a:link,#content a:visited {
	color:#FD1414;
	border-bottom: none;
	text-decoration: none;
}

#img_link a:hover {
	background:#ffcccc;
	color:#FD1414;
	border-bottom: none;
	border-top: none;
	text-decoration:none;
}

#content a:link,#content a:visited {
	color:#000000;
	border-bottom:1px solid #FD1414;
	text-decoration:none;
}

#content a:hover {
	color:#FD1414;
	border-bottom:1px solid #FD1414;
	text-decoration:none;
}

#content a:link.product_index_link, #content a:visited.product_index_link {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: none;
	color: #797268;
}

#content a:hover.product_index_link {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: none;
	color: #FD1414;
}

#content a:link.anchor_index_link, #content a:visited.anchor_index_link, #content a:hover.anchor_index_link{
	text-decoration: none;
	border-bottom: none;
	color: #FD1414;
}

#footer a:link {
	color:#787878;
	border-bottom:1px dotted #0099cc;
	text-decoration:none;
}

#footer a:hover {
	background:#ccffff;
	color:#787878;
	border-bottom:1px dotted #0099cc;
	border-top:1px dotted #0099cc;
	text-decoration:none;
}

/*------ Content ------*/

#content {
	width: 100%;
}

h1.areatitle {
	font-size: 1.5em;
	font-weight: normal;
	color: #FD1414;
	font-weight: bold;
	border-bottom: 2px solid #999999;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	padding: 0;
}

h2.areatitle {
	font-size: 1.1em;
	font-weight: normal;
	color: #FD1414;
	font-weight: bold;
	border-bottom: 2px solid #999999;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0;
}

h3 {
	margin: 0 0 10px 10px;
	padding: 0;
}

p.areatext {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 80%;
}

p.date { 
	color: #FD1414; 
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 80%;
}

p.spacer {
	margin: 0;
	padding: 0;
	margin: 10px 10px;
	font-size: .8em;
	border-bottom: 2px solid #999999;
}

a.areatext {
	margin-left: 60px;
	margin-right: 60px;
	text-decoration: none;
	border-bottom: none;
	border-top: none;
}

img.product {
	margin-left: 10px;
	margin-bottom: 10px;
}

/*------ Lists ------*/

ul.menu_areatext {
	margin-left: 110px;
	margin-right: 60px;
	font-size: .8em;
}

ul.about_product {
	border: 0;
	margin-left: 30px;
	margin-bottom: 10px;
	padding: 0;
	list-style-type: none;
	font-size: 1em;
	font-weight: bold;
}

ul.areatext {
	list-style-type: none;
}

li.about_product {
	color: #FD1414;
}

img.content_image {
	margin-left: 10px;
	border: 2px solid #999999;
	padding: 5px;
}

table.areatext {
	margin-left: 60px;
}

td.areatext {
	padding-left: 5px;
	padding-right: 5px;
}

#table {
	margin-left: 10px;
}

#table td {
	padding-left: 5px;
	padding-right: 5px;
}

/*------ Contact ------*/

#content dl {
	margin: 10px 10px;
	font-size: 80%;
}

#content dt {
	float: left;
	width: 50px;
	clear: both;
}

#content dd {float: left;}

#contact {
	
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 50px;
}

#contact form label {
	width: 140px;
	float: left;
	font-size: 80%;
}

#contact form {
	width: 380px;
}

#contact form input, #contact form select, #contact form textarea {
	margin-top: 20px;
}

/*------ Clear Fix ------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* IE Mac hack \*/

* html .clearfix {height: 1%}

.clearfix {display: block;}

/* end of hack */	

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

#footer {
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	height: 30px;
	margin-top: 30px;
	background: url('images/footer_bg.png');
}

#footer p {
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
    line-height: 15pt;
	color: #787878;
	font-size: 80%
}

/*------ Table ------*/

table.mytable {
	width: 760px;
	padding: 0;
/*	margin-left: 10px;*/
	margin: 10px 0 0 10px;
}

table.mytable_index {
	width: 760px;
	padding: 0;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

caption {
	padding: 0 0 5px 0;
	font: italic 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 10px 0 0 0;
}

th {
	font: bold 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	color: #FD1414;
}

th.nobg_index {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	width: 600px;
	color: #FD1414;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font:  70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.spec_index {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width: 600px;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

th.specalt_index {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	width: 600px;
}

p.table {
	margin: 10px 20px;
	font:  .7em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}