/*html { height:100%; }*/
body {
    margin:0;
    padding:0;
/*    height:auto !important;
    height:100%;
    min-height:100%;*/
}

body {
    background: #fff url(/img/body_right_bg.jpg) no-repeat top right;
	font-size: 80%;
    font-family: Arial, sans-serif;
}

table, td {
    vertical-align: top;
    border: none;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

img { border: none; }

div#head {
	background: url(/img/head_bg_fill.png) repeat-x top left;
}

div#head div#bgWrap { background: url(/img/head_right_bg.jpg) no-repeat top right; }

div#header {
	background: #900;
	height: 2em;
}

div#header h1 {
	float: left;
	width: 22em;
	height: 100%;
	background: #4f4f4f;
	margin: 0px;
	font-size: 1.5em;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}

div#header span#email_info {
	float: right;
	font-size: 1.2em;
	padding: 0.25em 0.5em;
}

div#header span#email_info a { color: #fff; }

div#head img#logo { margin: 12px; }

div#menu { padding-left: 30px; }

div#menu ul {
	margin: 0px;
	padding: 0px;
}

div#menu ul li {
	list-style: none;
	position: relative;
	bottom: -7px;
	float: left;
	padding-bottom: 0.5em;
	padding-top: 1em;
    margin-left: 5px;
	/*border: 1px solid #ccc;*/
	width: 100px;
	text-align: center;
	font-size: 1.25em;
	background: url(/img/button_inactive.png) center 9px no-repeat;
}

div#menu ul li#selected {
	width: 160px;
	font-weight: bold;
	background: url(/img/button_active.png) bottom center no-repeat;
}

div#menu ul li a { color: #333; }
div#menu ul li a:hover { color: #000; }

div#container { padding: 0px; margin: 0px; padding-left: 15px; }

div#contentWrap {
	clear: both;
    float: left;
	width: 65%;
    padding: 0px;
    margin: 0px;
	background: url(/img/content_bg_vert_bottom_fill.png) bottom left repeat-x;
	font-size: 1.2em;
}

table#main_area {
    width: 100%;
    background: url(/img/content_bg_vert_fill.png) top left repeat-x;
}

table#main_area td { height: 100%;}

table#main_area td#left_col { 
    width: 4%;
    background: url(/img/content_left_hor_bg_fill.png) top left repeat-y;
}

table#main_area td#right_col {
    width: 4%;
    background: url(/img/content_right_hor_bg_fill.png) top right repeat-y;
}

table#main_area div { height: 100%; width: 100%; }

table#main_area td#left_col div.topBg {
    background: url(/img/content_left_top_bg.png) top left no-repeat;
}

table#main_area td#left_col div.bottomBg {
    background: url(/img/content_left_bottom_bg.png) bottom left no-repeat;
}

table#main_area td#right_col div.topBg {
    background: url(/img/content_right_top_bg.png) top right no-repeat;
}

table#main_area td#right_col div.bottomBg {
    background: url(/img/content_right_bottom_bg.png) bottom right no-repeat;
}

table#main_area td#content_col { padding-bottom: 20px; width: 92%; }

table#main_area div.text { margin-top: 20px; width: 100%; font-size: 0.85em; }

/* content styling */
p.newsItem {}
p.newsItem strong.newsHead { 
    border-left: 2px solid #999 /*#A2B5CD*/;
    padding: 1px 3px;
    /*background: #CAE1FF;*/
    color: #333;
}
p.newsItem span.date { font-style: italic; font-size: 0.7em; color: #666; }
p.newsItem span.newsBody {}

ul.catalogs { padding: 0px; margin: 0px; }
ul.catalogs li { list-style: none; margin: 3px 0px; }
ul.catalogs li a {
    border-left: 2px solid #999;
    padding: 1px 3px;
    font-weight: bold;
    color: #3A5FCD;
}

ul.catalogs li a:hover {
    border-left: 2px solid #333;
    background: #CAE1FF;
    color: #27408B;
}

ul.catalogs li.cat_selected { border-left: 2px solid #000; color: #000; padding: 1px 3px; }

ul.products li a, ul.downloads li a { color: #009; }
ul.products li a:visited, ul.downloads li a:visited { color: #06c; }
ul.products li a:hover, ul.downloads li a:hover { color: #03f; }

ul.downloads li {
    list-style-image: url(/img/attach.png);
}

h3.info {
    font-size: 1em;
    color: #666;
}

ul.qList li { margin-top: 10px; }
ul.qList li strong { color: #333; }

ul.product_photos { list-style:none; }
ul.product_photos img { width: auto; height: auto;}
/* end of content styling */

div#sidebar {
	float: right;
	width: 30%;
	margin-top: 0px;
}

div#sidebar div.infoBlock { 
	margin: 25px;
	margin-top: 15px;
	background: #d9e8f3;
	border: 1px solid #999;
    padding: 3px;
}

div#sidebar h2 {
	padding: 0.5em;
    margin: 0px;
	font-size: 1.25em;
    color: #900;
    background: #ffc;
    border: 1px solid #ccc;
}

div#sidebar ul { padding: 0px; margin: 0px; }
div#sidebar ul li {
    margin-left: 2em;
    padding-left: 0.5em;
	list-style: url(/img/arrow.png);
}

div#sidebar p { text-align: justify; margin: 1em; }

div#sidebar span.date { font-size: 0.7em; font-style: italic; color: #666; }