@import url(mailer/gbcf_styles.css);

#header { text-align:right; border-bottom: solid 1px #ccc; color: #555; }
#header h2  { font: 100 1.75em/1.5em Georgia, 'Times New Roman', Times, serif; letter-spacing: 1px; text-transform: uppercase; }
#header p { font: bold .95em/1.5em Georgia, 'Times New Roman', Times, serif; }
#header a { color: #0083b3; text-decoration: none; font-weight:normal; }
#header { height: 200px; margin: 2px 0 0 0; position:relative; }
#header h2  { margin: 0; padding: 70px 25px 0 0; }
#header p { margin: 0; padding:0 25px 0 50px; }

div.wrapper { margin: 0 auto; padding: 0; text-align:left; position:relative; min-width: 980px; max-width: 980px; }
#sitenav { height: 2.1em; background-image:url(images/menubar-bg.jpg); }
#sitenav ul { margin: 0; padding: 0; }
#sitenav ul li { margin:0; padding:0; display:inline;text-align:center; list-style:none; }
#sitenav ul li a { 
	float:left; 
	height: 2em; 
	width:14%;
	background:url(images/nav_border.gif) repeat-y; 
	font: bold 1em/2em Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	text-decoration: none;
	text-align:center; 
}
#sitenav ul li a.none { width:16%; background-image:url(images/menubar-bg.jpg);}
#sitenav ul li a:hover { background-color:#ddeaf2; color: #000000; }
#greybar { background-image:url(images/menubar-bg.jpg); width:100%; height: 2.1em; }

body {
	font:  small/145% Arial, Helvetica, Verdana, sans-serif;
	background: url(/images/demetech-bg.png) repeat-y top center;
	font-size: 12px;
	color: #000000;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	/*background-image:url(images/blank.gif)*/
}

td {
	font:  small/145% Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	background-image:url(images/blank.gif)
}
.menu {
	font-weight: normal;
	color: #000000;
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 100px;
}
.body {
	color: #000000;
	padding:0 20px 20px 20px;
}
.use {
	color: #000000;
	padding: 30px 20px 30px 25px;
	line-height: 20px;
}
.use a:hover {
	font-weight: normal;
	color:#000000;
	text-decoration: underline;
	background-color: #DDDDDD;
}
.tablegroup {
	color: #000000;
	line-height: 20px;
}
.tablegroup a:hover {
	font-weight: normal;
	color:#000000;
	text-decoration: underline;
	background-color: #DDDDDD;
}
.tablemenu {
	color: #000000;
	padding-left: 10px;
}
.productsmenu {
	color: #000000;
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.productspage {
	color: #000000;
	padding-left: 25px;
	padding-right: 50px;
}
.productspage a:hover {
	font-weight: normal;
	color:#000000;
	text-decoration: underline;
	background-color: #DDDDDD;
}
.use-name {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.quality {
	color: #000000;
}
.quality2 {
	color: #000000;
	padding-left: 60px;
	padding-top: 100px;
	padding-right: 400px;
}
.catalog-image-padding {
	color: #154A75;
	padding-top:20px;
	padding-bottom:20px;
}
.menu-quality {
	font-weight: bold;
	color: #154A75;
	padding-left: 40px;
}
.menu-picture-quality {
	padding-top:100px;
}
.code-body {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #154A75;
}

a {
	font-weight: normal;
	color: #154A75;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color:#000000;
	text-decoration: underline;
	background-color: none;
}


.menubar {
	font-weight: bold;
	color: #154A75;
	text-decoration: none;
	word-spacing:25px;
	background-image:url(images/menubar-bg.jpg);
}
.menubar a {
	font-weight: bold;
	color: #154A75;
	text-decoration: none;
	word-spacing:0px;
}
.menubar a:hover {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	word-spacing:0px;
	background-color: #DDDDDD;
}

table.chart{
	font-size: 10px;
	width: 350px;
	border:1px;
}
table.chart thead th{
	background: #CCCCCC;
	color: #000000;
	font-weight: bold;
	text-align: center;
	height: 30px;
	width: 100px;
	border: 1px solid #999999;
}
table.chart th{
	background: #f3f2f2;
	color: #000000;
	font-weight: normal;
	text-align: center;
	padding: 4px 0 4px 0;
	border: 1px solid #C0C0C0;
}
table.chart td{
	color: #000000;
	font-weight: normal;
	text-align: center;
	padding: 4px 0 4px 0;
	border: 1px solid #C0C0C0;
}

table.chart .gray{
	background: #eaf0f5;
}

table.productsnavigation{
	
	width: 250px;
	height:300;
	border:1px;
}
table.productsnavigation thead th{
	font-size: 15px;
	background: #CCCCCC;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	text-indent:10px;
	height: 40px;
	width: 100px;
	border: 1px solid #999999;
}
table.productsnavigation th{
	background: #f3f2f2;
	color: #000000;
	font-weight: normal;
	text-align: left;
	padding: 4px 0 4px 0;
	border: 1px solid #C0C0C0;
}
.productsTitle{
	padding-left: 15px;
	text-align: left;
}
.productsInfo{
	padding-left: 15px;
	background-color:#f7f7f7;
}


h1 {
    font-size: 150%;
    line-height: 100%;
    margin: 1.3em 0 1.0em 0;
    padding-left: 0.1em;
    padding-right: 20px;
}
h1 strong { color: #1d5b99; }

h1.title {
	font:32px Helvetica, Arial, sans-serif;
	margin:0;
        color: #366aaa;
}
h1.hometitle {
	font:24px Helvetica, Arial, sans-serif;
	margin:0;
        color: #366aaa;
	padding-top:15px;
	padding-bottom:5px;
}
h2.title {
	font:20px Helvetica, Arial, sans-serif;
	margin:0;
        color: #366aaa;
	padding:0;
}

#bottommenu {

}
#bottommenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#bottommenu ul li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: 1px solid #444;
}