body {
	background: #fff;
	margin: 0; font-family: Arial, Verdana, Helvetica, sans-serif;
}
h1 { font-size: 18px; color: #666; padding-bottom: 20px;}
h2 { font-size: 14px; color: #666; margin-top: 2em;}
h3 { font-size: 12px; color: #666;}
p, ul, td {font-size: 12px; }


#header {
	background: url('/images/header_bg.jpg') repeat-x;
	height: 100px;
}
#header img {border: none;}


#subnav {
	background-color: #1fabea;
	border-top: 1px solid #0cf;
	border-bottom: 1px solid #0cf;
	padding: 3px 0 3px 180px;
}

#subnav ul, #subnav ul li { margin: 0; padding:0; }
#subnav li { display: inline; font-size: 11px; list-style: none; border-left: 1px solid #0654a9;}
#subnav li.first { border: none;}
#subnav li a:link, #subnav li a:visited { color: #0654a9; text-decoration: none;  padding: 0 8px 0 9px;}
#subnav li a:hover { color: #fff; }


#wrapper {width: 970px;}

#banner {width: 180px;
	     padding: 0 10px 60px 10px;}
#banner img { border: none;}

#panel{
	background: #045db1 url('/images/panel.jpg') no-repeat bottom;
	width: 180px;
	padding: 30px 0 190px 0;
	float: left;
}

div#navigation-holder {border: 1px solid #006;
	margin: 0 10px 30px 10px;
	background: url('/images/catalogue.gif') no-repeat top;
	padding: 24px 0 0 0;
}

#panel ul, #panel ul li {margin: 0; padding: 0; list-style: none;}

#panel ul {
	background: #045db1;
	margin: 0 0 5px 0;
}

#panel ul li {
	text-align: center;
	background-color: #1fabea;
	border-top: 1px solid #006;
	padding: 5px 0;
}

#panel ul.filling {
	background: #1fabea url('/images/fs.jpg') no-repeat top left;
	padding-left: 14px;
	margin: 0;
}

#panel ul.filling li {border-left: 1px solid #006;}
#panel ul.filling li li {border-left: none;}

#panel li a:link, #panel li a:visited { font-weight: bold; text-decoration: none; color: #339;}


#panel ul li ul li {border: none; padding: 2px 0;}
#panel ul li ul li a:link, #panel ul li ul li a:visited { font-weight: normal; color: #000;}
#panel ul li ul li a:hover {text-decoration: underline;}

/* Distributor Section */
#distributor-login {text-align: center; margin: 0 10px 2em 10px; border: 1px solid #006;}
#distributor-login a:link, #distributor-login a:visited { color: #ddf; font-weight: bold; font-size: 16px; line-height: 1.8; text-decoration: none;}
#distributor-login a:hover {text-decoration: underline; color: #fff;}

ul.section-list li {line-height: 1.5em;}
ul.section-list li a:link, ul.section-list li a:visited {color: blue;}

ul.file-browser, ul.file-browser li {margin: 0; padding: 0;}
ul.file-browser li {list-style: disc inside}
ul.file-browser li {font-size: 14px; line-height: 1.7;}
ul.file-browser li.folder {padding-left: 24px; background: url('/images/icons/folder.png') no-repeat; list-style: none;}
ul.file-browser li.folder a:link, ul.file-browser li.folder a:visited {text-decoration: none;}
ul.file-browser li.folder>a:link, ul.file-browser li.folder>a:visited {color: #33C; font-weight: bold;}
ul.file-browser li.folder a:hover {text-decoration: underline;}
/* end Distributo Section */

#content{ margin-left: 200px; padding: 20px 20px 20px 0; width: 750px; }

div#fp-lead {width: 540px; border: 4px solid #ace; padding: 4px 2em 4px 2em;}
div#fp-lead h1 {padding-bottom: 0;}
div#fp-news h3 {color: #C00;}
div#fp-news hr {color: #ace; margin-bottom: 2em;}

div.product-images {float: right; width: 320px;}
div.product-images img { border: none; }
div.product-images-index {padding: 20px 30px 30px 40px;}
div.product-images-index img { border: none; }

div.news-product-images {padding: 10px 60px 20px 60px;}
div.news-product-images img { border: none; }

div.spec-links {padding-left: 30px;}
div.spec-links img { border: none; display: block; padding: 4px 0;}

span.made-to-order {font-size: 12px; color: #903; padding-left: 1em;}


table.specs {font-size: 12px; margin-top: 2em;}
table.specs th { text-align: left; padding: 2px 6px;}
table.specs th.header { text-align: center; background-color: #ccc;}
table.specs th.sub { text-align: right;}

dl.codes {font-size: 12px;}
dl.codes dt {font-weight: bold; width: 110px; float: left;}
dl.codes dd {margin-left: 122px; padding-bottom: 0.4em;}
dl.long dt {width: 190px;}
dl.long dd {margin-left: 200px;}

dl.features {font-size: 12px;}

label {font-size: 12px; font-weight: bold;}
form dt {width: 130px; float: left;}
form dd {margin-left: 135px; padding-bottom: 1em;}
form dl.vertical dt {float: none; width: 400px;}
form dl.vertical dd {margin-left: 0;}

div.message { border: 2px solid #ccc; margin: 1em 5em 1em 5em; padding: 1em;}
div.message {background-color: #cec;}
div.message ul, div.message li {padding: 0; margin: 0;}
div.message li {margin-left: 2em;}
div.error {background-color: #ecc;}

#footer {	text-align: center; clear: both;}
#footer li a:link, #footer li a:visited { color: #000; }

#footer li {
	margin: 0;
	display: inline;
	font-size: 11px;
	padding: 0 6px 0 6px;
}
	
#footer ul {
	margin: 0;
}