/* layout --------------------------------------------------------------- */

* {   
margin:0;
padding:0;
}

html,body
{

height:100%;
min-height:100%; 
}

body 
{

} 


/* debug this style prevents gaps in home page right box */
li {
font-size:10pt;
margin:0pt;
padding:0pt;
}

ul { /* compensate for * { padding/margin zero hack } */
margin-left:2em;
}

div#metacontainer {
height:100%;
width:100%;
clear:both;
margin:0;
padding:0;
display:inline; /* hack FF box break */
/* text-align:center; */
}



div#container
{
width:800px;
margin:0 auto; 
padding: 0;
text-align:left;
clear:both;
}

div#header
{
height:102px;
clear:both;
width:100%;
}



/* banner */
div#header_a {
height:90px;
width:100%;
clear:both;
}

div#header_aa {
float:left;
width:40%;
text-align:left;
height:inherited;
}

div#header_ab {
float:right;
width:60%;
height:inherited;
}

/* menu container */
div#header_b {
height:22px;
width:100%;
clear:both;
/* overflow:hidden; */
} 

div#block_wrapper
{
min-height:400px;
/* _height:360px; */
clear:both;
}

div#footer
{
clear:both;
height:20px;
width:inherited;
margin:0; 
padding: 3px 20px;  
}

/* sidebar */

div#sidebar {
width:200px;
height:100%;
float:right;
background-color:#DFEDD7;
margin: 10px;
display:inline;
font-size:9pt;
}

/* pad the cotnent of the sidebar if desired */
div.padding {
margin:10px;
}

div#sidebar ul {
list-style-type:none;
}

div#sidebar ul.iconlist li {
margin-left:10px
}

div#sidebar img {
border:1px solid #45A856;
width:198px;
}

img.outline {
border:1px solid #45A856;
}




div#sidebar .whitespacer {
height:8px;
background-color:white;
display:block;
}


div#sidebar h1, div#sidebar h2, div#sidebar h3, div#sidebar ul {
font-size:10pt;
margin:10px 5px;
}

div#sidebar p {
font-size:9pt;
}

div#sidebar a, div#sidebar a:link {
color:black;
}

div#sidebar a:hover, div#sidebar a:active {
color:black;
}


div#sidebar div#sidebar a:visited {
color:black;
}


div#leftsidebar {
float:left;
font-size:9pt;
width:180px;
margin:0px;
padding:0px;
overflow:hidden;
}

div#leftsidebar a, div#leftsidebar a:link {
color:black;
font-size:9pt;
}

div#leftsidebar a:hover, div#leftsidebar a:active, div#leftsidebar a:visited {
text-decoration:none;
color:black;
}

div#leftsidebar p {
margin:10px;
font-size:9pt;
}


div#leftsidebar img {
margin:16px auto;
}

div#leftsidebar ul {
margin:5px;
}



div#leftsidebar ul li {
	list-style: square; 
	margin-left:2px;
	font-size:9pt;
}



/* styles --------------------------------------------------------------- */

html, body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	color:#000;
}

body 
{
	background-color: #ffffff; 
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
}

div#container{
background-color:#ffffff; 
border:0; /* hack: FF adds to bottom border otherwise */
border-left: 1px solid #000;
border-right: 1px solid black;
font-size:9pt;
font-family:Verdana, Arial, sans-serif;
color: #000;
}


div#header {
background-color:#000;
}

div#header_b {
background-color:#000000;
}

div#footer{background-color:#000; color:#FFF; text-align:right; font-size:10px}

h1 {
	color: #000;
	font-size: 22pt;
	margin-bottom:12pt;
}

h2 {
	color: #333333;
	margin-bottom:3pt;
	font-size: 12pt;
}

h3 {
	color: #000000;
	font-size: 14pt;
	margin-bottom:12pt;
}

p {
margin: 0em 1.2em 1.2em 0em;
}


.smalltext, .caption {
	font-size: 8pt;
}

/* links */

a, a:link, a:visited  {
	color: #60A739;
}


a:hover, a:active {
	color: #415C36;
	text-decoration:none;
}

hr {
	color: #eeeeee;
	height: 1px;
	width: 100%;
	margin-bottom:20px;

}

/* listing and nav styles */

div.doclisting {
margin: 0px 0px 24px 0px;
font-size:10pt;
}

div.doclisting p, div.doclisting li {
font-size:10pt;
margin:0pt 0pt 1.2em 0pt;
padding:0pt;
}

div.doclisting p.smalltext {
font-size:8pt;
}

div.doclisting h1, div.doclisting h2, div.doclisting h3 {
font-size:10pt;
margin: 0px 0px 10px 0px;
}

div.doclisting h1, div.doclisting h1 a,  div.doclisting h2, div.doclisting h2 a, div.doclisting h3, div.doclisting h3 a
{
color:#415C36;
}


/* utilit menu */
div#utilitymenu {
font-size:8pt;
font-weight:bold;
color:#fff;
background-color:#000;
position:relative;
right:0px;
top:0px;
padding: 10px 20px 10px 10px; 
float:right;
}

div#utilitymenu a {
color:#fff;
}

div#utilitymenu a:hover {
text-decoration:none;
color:#60A739;
}


/* small box */
div.smallbox {
margin:0px 20px;
font-size:8pt;
}


div.smallbox h1, div.smallbox h2, div.smallbox h3 {
padding:0;
margin-bottom:3px;
width: inherit;
color:#000000;
}

div.smallbox h1 {
font-size: 10pt;
}

div.smallbox h2, div.smallbox h3 {
font-size: 9pt;
}


div.smallbox p, div.smallbox a, div.smallbox ul {
font-size: 8pt;
}

div.smallbox p {
margin-right: 10%;
}

div.smallbox hr {
	color: #eeeeee;
	height: 1px;
	shade:no-shade;
}

/* yellow box */

.yellowbox {
background-color:#FFFFCC;
border-top: 1px solid #45A856;
border-bottom: 1px solid #45A856;
margin:10px 0px 10px 0px;
padding:10px 0px;
}


.yellowbox p {
margin:3pt 10px;
}

.yellowbox h3 {
font-size:12pt;
font-family:Arial, sans-serif;
margin:3pt 10px;
}

.yellowbox ul li {
	list-style: square; 
	margin-left:5px;
}

.yellowbox a, .yellowbox a:link {
color:black;
}

.yellowbox a:hover, .yellowbox a:active, .yellowbox a:visited {
text-decoration:none;
color:black;
}


/* icons ------------------------------------------------------------------- */

ul.iconlist, ul.iconlist_pdf, ul.iconlist_word, ul.iconlist_video, ul.iconlist_document  {
padding:0;
margin:0em 0em 2em 0em;
list-style-type:none;
}

ul.iconlist li {
line-height:1.3em; 
}


/* default icon */
ul.iconlist li a { 
	padding: 0px 0px 0px 20px;
/* margin-left:12px; */
	background: transparent url(../images/icons/0177_document.png) no-repeat center left;
}

a.icon_pdf, ul.iconlist li a.icon_pdf, ul.iconlist_pdf a { 
	padding: 0px 0px 0px 20px;
	background: transparent url(../images/icons/0161_pdf.png) no-repeat center left;
}

a.icon_word, ul.iconlist li a.icon_word, ul.iconlist_word a { 
	padding: 0px 0px 0px 20px;
	background: transparent url(../images/icons/icon_word.gif) no-repeat center left;
}

a.icon_video, ul.iconlist li a.icon_video, ul.iconlist_video a { 
	padding: 0px 0px 0px 20px;
	background: transparent url(../images/icons/windows_video.gif) no-repeat center left;
}

a.icon_document, ul.iconlist li a.icon_document, ul.iconlist_document a { 
	padding: 0px 0px 0px 20px;
	background: transparent url(../images/icons/0177_document.png) no-repeat center left;
}

a.icon_download, ul.iconlist li a.icon_download  { 
	padding: 0px 0px 0px 20px;
	background: transparent url(../images/icons/0107_dl.png) no-repeat center left;
}


/* for product listings */
div.products_list  {
	margin:0;
	padding:0;
}

div.products_list_item  {
margin:0px 20px 20px 0px;
min-height:64px;
}

div.products_list_item h3 {
font-size:10pt;
color:#339966;
margin-bottom:3pt;
}

/* this style currently getting stepped on by other styles - hence !imporatant */
div.products_list_item a, div.products_list_item h3 a {
color:#339966 ! important;
text-decoration:underline ! important;
}

div.products_list_item a:hover, div.products_list_item h3 a:hover {
color:#45A856;
text-decoration:none ! important;
}


.products_list_item img {
float:left;
border: 1px solid #45A856;
/*clear: left; */
margin: 0px 10px;
}



/* if there is support, create links that have an icon related to their type */

.iconlist a[title*='Brochure'], .iconlist a[title*='Price List'], .iconlist a[title*='Manual'], .iconlist a[title*='White Paper'] .iconlist a[title*='Reference'] { 
	padding: 0px 0px 0px 20px;
	background: transparent url(../images/icons/0161_pdf.png) no-repeat center left;
}


.iconlist a[title*="Video"] { 
	padding: 0px 0px 0px 20px;
	background: transparent url(../images/icons/windows_video.gif) no-repeat center left;
}


h1.greenborder {
border-bottom: 15px solid #45A856;
margin-bottom:0;
width:100%;
color:#B6C0B1;
font-size:22pt;
font-weight:bold;
font-family:Verdana, sans-serif;
}

h3.rightside {
margin-top:0px;
text-align:right;
font-size:14pt;
color:black;
}

div#videoplayer {
margin-bottom:30px;
}

/* old hack for box break bug */
.sealedbox:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}

.sealedbox {
min-height:1px;
clear:both;
}

* html .sealedbox {
height:1px;
clear:both;
}