/*
Howard League
Copyright Net Efficiency Ltd
26 August 2005
*/

html, body {
	background:#fff;
	color:#838383;
	margin:0px;
	padding:0;
	font-family: Verdana, Helvetica, Arial, "Trebuchet MS", Geneva, sans-serif;
}
body {text-align:center;width:100%;margin:0px;}

#jar { /*centers all in middle of page horizontally */
	width: 740px;margin: 0px auto;padding:20px 0 0 0;text-align:left;font-size:small;}
* html #jar{font-size:x-small;font-s\ize:small;}
#banner{display:block;float:left;clear:right;width:740px;margin:0 0 10px 0;padding: 0;}
#logo{display:block;float:left;clear:none;width:400px;height:27px;margin:0;padding:0;border:0;}
#logolink{display:block;float:left;clear:none;width:400px;height:27px;margin:0;padding:0;border:0;}
#logolink #logo{display:inline;width:400px;height:27px;margin:0;padding:0;border:0;}
#strap{float:left;clear:none;margin:0;padding:0;}

/* top search form */
#sform{display:block;float:right;clear:right;margin:26px 0 0 0;padding:0;}
#sform p{margin:0;padding:0;font-size:100%;}
#sform p #slabel {float:left;clear:none;display:inline;margin:0 5px 0 0;padding:0;}
#sform p #sword {float:left;clear:none;display:inline;width:150px;color:#555;margin:0 5px 0 0;padding:0;border:1px solid #838383;}
#sform p #sbutton {float:left;clear:none;display:inline;width:9px;height:16px;background:white;padding:0;margin:1px 0 0 0;}

#topnavarea{display:block;float:left;clear:both;width:740px;background: #fff url(bar.gif) 0px 0px repeat;margin:5px 0 0 0;padding:5px 0 5px 0;	font-size:80%;}
#topnav{float:right;list-style: none;line-height: 1;display:block;margin:0;padding:0 10px 0 0;}
#topnav li{display:block;float:left;clear:none;margin: 0;
	padding:0 0 1px 0; /* needed for IE to display underlines*/
}
#topnav li a, #topnav li span{color:#fff;font-weight:bold;text-decoration:none;margin:0 0 0 12px;padding:5px;}
#topnav li a:hover{color:#fff;text-decoration:underline;}
#topnav li span{color:#fff;text-decoration:underline;cursor:default;}
#lhcol{display:block;float:left;clear:none;width:170px;margin: 0 15px 0 0;padding:0;}

/* top LH nav */
#sidenav, #sidenav li, #sidenav li ul {padding:0;margin:0;border:0;}
#sidenav, #sidenav li ul { /* all lists */
	list-style: none;
	line-height: 1;
	width:170px;
	display:block;
}
#sidenav li:hover ul, #sidenav li.over ul{left:170px;}
#sidenav li, #sidenav li ul li { /* all list items */
	display: block;
/*	list-style: none;
	float:left;*/
	width: 170px; /* width needed or else Opera goes nuts */
	color:#777;
}
#sidenav li{position:relative;}
#sidenav li a, #sidenav li ul li a, #sidenav li span{display: block;color:#777;text-decoration:none;width:164px;padding:4px 3px 4px 3px;}
* html #sidenav li a{width:170px;w\idth:164px;}
* html #sidenav li ul li a {width:170px;w\idth:164px;}
* html #sidenav li span{width:170px;w\idth:164px;}

#sidenav li ul { /* second-level lists */
position: absolute;top:0;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* Holly Hack. IE Requirement \*/
* html ul#sidenav li {float:left;}
* html ul#sidenav li a {height: 1%;}
/* End */

#sidenav li:hover, #sidenav li:hover ul, #sidenav li.over, #sidenav li.over ul {background:#f0f0f0;}
#sidenav li a:hover, #sidenav li.over a:hover {color:#000;text-decoration:underline;}
#sidenav li span {color:#000;cursor:default;}

#sidenav2{
	display:block;
	float:left;
	margin:73px 0 0 0;
	padding:0;
	border:0;
	border-left:1px solid #bdbdbd;
	width:169px;
	list-style: none;
	line-height: 1;
}
* html #sidenav2{
	width:170px;
	w\idth:169px;
}

#sidenav2 li { /* all list items */
	display: block;	
	list-style: none;
	float:left;
	margin:0;padding:0;
	border:0;
	border-top:1px solid #bdbdbd;
	width: 169px; /* width needed or else Opera goes nuts */
	color:#000;
}
#sidenav2 a, #sidenav2 span{
	display:block;
	width:161px;
	margin:0;
	padding:4px 4px 4px 4px;
	color:#777;
	text-decoration:none;
}
* html #sidenav2 a{
	width:169px;
	w\idth:161px;
}
* html #sidenav2 span{
	width:169px;
	w\idth:161px;
}

#sidenav2 label {cursor:pointer;}
#sidenav2 a:hover, #sidenav2 a#members:hover label{text-decoration:underline;color:#000;cursor:pointer;}
#sidenav2 span{color:#000;cursor:default;}

/* LH members login form */
#mform{
	margin:0 0 0 0;
	padding:3px;

/*background:blue;*/
}
#mform p{margin:0 0 5px 0;padding:0;font-size:100%;/*border:1px dotted #000;*/ float:left;display:inline;clear:both;width:160px;}
#mform p #username, #mform p #password {float:left;display:inline;width:120px;clear:none;color:#555;margin:0 5px 0 0;padding:0;border:1px solid #838383;}
#mform p #memberbutton {float:left;clear:none;display:inline;width:9px;height:16px;background:white;padding:0;margin:1px 0 0 0;}








/* center column of front page */
#maincol{
	display:block;
	float:left;
	clear:none;
	width:555px;
	margin: 0 15px 0 0;
margin:0;
	padding:0;
	color:#444;
}

#maincol h1,#maincol h2{margin:0 0 15px 0;padding: 3px 5px;border:0;background:#959595;
font-size:120%;font-weight:bold;color:#fff;display:block;clear:both;}
#maincol h2{font-size:100%;margin: 0 0 10px 0;}
#maincol p{line-height:1.3;margin:0 0 10px 0;}
#maincol p img{display:inline;float:left;clear:none;margin:0 5px 5px 0;}

#maincol ul{line-height:1.3;margin:0 0 3px 1.5em;padding:0;list-style:disc;}
#maincol ol{line-height:1.3;margin:0 0 3px 1.5em;padding:0;list-style:decimal;}
#maincol ul li, #maincol ol li{line-height:1.3;margin:0 0 7px 0;padding:0;}


/* Styles for image divs */
#maincol .picdiv_l, #maincol .picdiv_r{
	clear:none;
	width:auto;
	padding: 22px 0 0 0;
	background: #838383 url(bar.gif) top left repeat-x;
	color:#fff;
	line-height:1.2;
}
#maincol .picdiv_l{float:left;margin: 0 10px 10px 0;}
#maincol .picdiv_r{float:right;margin: 0 0 10px 10px;}
#maincol .picdiv_l img, #maincol .picdiv_r img{
	display:block;
	float:left;
	clear:none;
	margin:0 4px 0 0;
	padding:0;
}
#maincol .picdiv_l span, #maincol .picdiv_r span{
	display:block;
	float:left;
	width:100px;
	margin: 3px 3px 0 0;
	padding: 0;
}

#maincol a{color:#444;text-decoration:none;border-bottom:1px dotted #777;background:none;}
#maincol a:hover{color:#000;text-decoration:none;border-bottom:1px solid #000;background:#f1f1f1;background:none;}

#maincol h1 a,#maincol h2 a{color:#fff;border-bottom:1px dotted #fff;background:none;}
#maincol h1 a:hover, #maincol h2 a:hover{color:#000;border-bottom:1px dotted #000;background:none;}


/* site map */
#maincol ul.sitemap{list-style-position:inside;list-style-type:none;margin:0;padding:0;}
#maincol ul.sitemap ul{list-style-position:inside;list-style-type:none;margin:.6em 0 1em 1.8em;padding:0;font-size:85%;}
#maincol ul.sitemap ul ul{font-size:100%}
#maincol ul.sitemap li{margin:0 0 .7em 0;padding:0;}
#maincol ul.sitemap li ul li{margin:0 0 .6em 0;padding:0;}


#maincol .breadcrumb{font-size:80%;margin:0 0 10px 0;padding:0;}
#maincol .breadcrumb ul{clear:none;margin:0;padding:0;display:inline;list-style-type:none;list-style-position:inside;}
#maincol .breadcrumb li{display:inline;margin:0;padding:0 .6em 0 0;list-style-type:none;list-style-position:inside;}
#maincol .breadcrumb li a{text-decoration:none;}
#maincol .breadcrumb li a:hover{text-decoration:underline;}


/*   shop extension specifics   */
#maincol #basket_info_template{width:99%;display:block;float:left;clear:both;padding:0;}
#maincol #basket_info_template p{display:block;clear:both;float:left;width:98%;}
#maincol #basket_info_template p span.col1{display:block;width:30%;clear:none;float:left;font-weight:bold;}
#maincol #basket_info_template p span.col2{display:block;width:55%;clear:none;float:left;}
#maincol #basket_info_template p span.col2 input, #maincol #basket_info_template p span.col2 textarea{width:25em;}

#maincol #basket_payment_template{width:554px;display:block;float:left;clear:both;padding:0;}
#maincol #basket_payment_template p{display:block;clear:both;float:left;width:98%;}
#maincol #basket_payment_template p span.col1{display:block;width:40%;clear:none;float:left;font-weight:bold;}
#maincol #basket_payment_template p span.col2{display:block;width:55%;clear:none;float:left;}

#maincol .textbox {padding:0;margin:0 0 10px 0;}
#maincol .textbox h2.basket{background:none;color:#444;padding:0;margin:10px 0 0 0;}
#maincol .textbox h2.basket a{color:#444;text-decoration:none;border-bottom:1px dotted #777;background:none;}
#maincol .textbox h2.basket a:hover{color:#000;text-decoration:none;border-bottom:1px solid #000;background:#f1f1f1;background:none;}


#rhcol{display:none;float:left;clear:none;width:160px;margin:0 0 0 15px;margin:0;padding:0;background:#f3f9f3;text-align:center;}
#rhcol img{margin:4px 0 4px 0;padding:0;border:0;}

#rhcol .textbox{margin:15px 0 10px 0;padding:0 0 5px 0;border:1px solid #838383;width:158px;}
* html #rhcol .textbox{width:160px;w\idth:158px;}
.textbox h1, .textbox h2{margin:0 0 7px 0;padding: 3px 5px;border:0;background:#838383;font-size:100%;font-weight:bold;color:#fff;}
.textbox h2.basket{background:none;text-align:left;font-size:80%;}
.textbox p{margin:0 6px 5px 6px;font-size:80%;color:#444;line-height:1.2;text-align:left;}
.textbox a{color:#444;text-decoration:none;border-bottom:1px dotted #777;background:none;}
.textbox a:hover{color:#000;text-decoration:none;border-bottom:1px solid #000;background:#f0f0f0;background:none;}


#footer{display:block;float:left;clear:both;width:740px;height:50px;margin:5px 0;padding:5px 0 0 0;border-top:1px solid #838383;text-align:center;color:#838383;}
#footer p{font-size:80%}
a#dev{color:#838383;text-decoration:none;border-bottom:1px solid #fff;background:#fff;padding:0 2px;}
a#dev:hover{color:#333;text-decoration:none;border-bottom:1px dotted #333;background:#e1e1e1;}


/* ######### required / typo3 styles ######## */
.alttext{display: none;}
/*  Netscape float bug  */
.clearing {height:1px;line-height: 1px;clear: both;font-size: 0px;}