#header2 {
	padding: 2px;
	margin-bottom: 1px;
	background-color: white;
	text-align: center;
}
#content {
	margin-left: 1px;
	padding: 0px;
	float: left; 
	width: 488px; 

}
#menu {
	float: left;
	width: 170px;
	height: 790px;
	margin: 0;
	margin-right: 10px;
	padding: 5px;
	background: url(images/shop1.jpg); 
  text-align: left;
border-style: hidden;
}


#hideable {
	background-color: white;
}

/* image properties */
.imgleft {
	  float: left;
      padding: 6px 10px 6px 0px;	  
}

.imgright {
	  float: right;
      padding: 6px 0px 6px 10px;	  
}
	
img { 
	  border-width: 0px; 
}

/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg { 
	  border-style:solid;
      border-color: #D6DDE6;
      border-width:0px;
}

/* general settings */

html {
    height: auto;
}
/*
body {
	height: auto;
	font: 11px Verdana,Tahoma,Arial,sans-serif;
	background: #f4f4f4;
}
*/


/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
{
	margin: 0px;
	padding: 0px;
	color: black;
}
h1 { 
	 /* left menu */
	 font-size: 13px;
     font-weight: bold;
	 color: #33517A;
}
h2 { /* page headers */
	 font-size: 14px;
     font-weight: bold;
} 
h3 { /* slogan under logo */ 
	 font-size: 15px; 
     /*font-weight: bolder;*/
     position: relative;
}
h4 { /* back to admin options, and other text links like that */
	 font-size: 12px;   
	 text-align: center;
     font-weight: normal;
}
h5 { /* product id in details.php */
	 font-size: 12px;
     font-weight: bold;
} 
h6 { /* the headers in editsettings.php */
     font-size: 13px;   
	 text-align: center;
     font-weight: bold;
     color: black;
     border: 1px solid #808080;
	 background: url(images/h6_bg.png) #d9dffb;
}


/* single pixel borders on input boxes */

 textarea
{
   background-color: #ffffff;
   border-width: 1px;
   border-style: solid;
   border-color: gray;
   color:#485257;}

}


/* text in tables */



td, th {
	font: 11px Verdana,Tahoma,Arial,sans-serif;
}





/* tables of this class have no border */

table.borderless {
	border-collapse: collapse;
	border-style: hidden;
	height:auto;
}


table.borderless th,

table.borderless td {
	border: 0px;
	padding: 5px;
	border-style: hidden;
	vertical-align: top;
	height:auto;
}
table.borderless caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}










/* a class that describes how tables should look */

.datatable td {
		border: 1px solid #CCCCCC;
		border-style: dashed ;	
		padding: 4px;
		text-align: left;
    	        vertical-align: top;
		background-color: #FFFFFF;
                

}
.datatable th {
		background-color: #ccccdd;
		font-weight: bold;
		color: #666677;
		text-align: left;
		padding: 4px;
                border: 0px solid #808080;
	        background: url(images/h6_bg.png) #d9dffb;



}
.datatable caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #E9EEF5;
		color: #000000;
}


 
#menu1 {border-style: hidden; padding:0 0 0 0px; margin:0; list-style:none; height:25px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
#menu1 li {float:left;}
#menu1 li a {list-style: none; display:block; float:left; height:25px; line-height:25px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 15 0 15px; cursor:pointer;}
#menu1 li a b {float:left; display:block; padding:0 0px 0 8px;}
#menu1 li.current a {color:#fff; background:url(button3.gif);list-style: none;}
#menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
#menu1 li a:hover {color:#fff; background:#000 url(button2.gif);list-style: none;}
#menu1 li a:hover b {background:url(button2.gif) no-repeat right top;list-style: none;}
#menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif);}
#menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}




/*
ul#navlist
{
	width: 158px;
	padding: 0px;

	border-top: 0px;
	margin: 0px;
	font: bold 11px verdana,helvetica,arial,sans-serif;
	
}
*/
/* THE LEFT MENU */
ul#navlist
{
	width: 158px;
	padding: 3px;
	border: 0px solid #808080;
	border-top: 0px;
	margin: 0px;
	font: bold 11px verdana,helvetica,arial,sans-serif;

}

	
ul#navlist li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 0px solid #808080;


}

ul#navlist li a
{
	display: block;
	width: 160px;
	padding: 8px 0px 4px 0px;
	border: 0px;
	border-left: 0px solid #aaaabb;
	text-decoration: none;
	text-align: center;
	background: url(images/menubg1.png) no-repeat ;

}

ul#navlist li a:link { color: #FFFFFF; }
div#navcontainer li a:visited { color: #FFFFF5; }

ul#navlist li a:hover
{
	border-color: #ff9000;
	color: #ffffff;
    background: url(images/menubg_hov1.png);
}
/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
{
	border-color: #ff9000;
	color: #ffffff;
    background: url(images/menubg_sel1.png);
}


/* ....................................*/

li 
{
	list-style: none;
	margin: 0px;
	border: 0px;
	
}

li a
{
	display: block;
	
	padding: 1px 2px 1px 4px;
	border: 0px;

	text-decoration: none;
	text-align: left;
	/*background: url(images/menubg.png) #d9dffb;*/
}

/* CSS Document */

* {margin:0; padding:0;}

body { background:#D9E3ED;}


td, input, textarea{
	font-family:Arial;
	font-size:11px;
	line-height:13px;  
	color:#485257;	
	vertical-align:top;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
}
a.info:hover{z-index:90; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}

a { color:#3B79C5;}


.clear { clear:both;}

.auto { width:auto; height:auto;}



table { 
	border:0px;
	border-collapse:collapse;
	width:100%;
	height:100%;
}






.form { height:22px; margin-bottom:5px;}
.form input {width:187px; height:19px; border:0px; color:#485257; background:#B5CDEA; padding:2px 0 0 7px;}
textarea {  border:0px; color:#485257; background:#B5CDEA; overflow:auto; padding:2px 0 0 7px; }

.tall_top { background:url(images/tall_top.jpg) left top repeat-x #FFFFFF;}
.tall_topfront { background:url(images/tall_top2.jpg) left top repeat-x #6E0018;}

.tall_center { background:#EAF2FA;
 #background-image: url(images/fmgroup.png);
}


.tall_btm {background:url(images/bgd_foot.gif) left top repeat-x}
.tall_btm2 { background:url(images/tall_top2.jpg) left top repeat-x}


ul { list-style:none;}
.li1 { background:url(images/line_hor_1.gif) repeat-x left bottom; color:#6F7C82;}
.li1 a {background:url(images/marker_2.gif) no-repeat left; padding-left:12px; line-height:23px; text-decoration:none;}
.li1 a:hover { text-decoration:underline;}
.li2 a {background:url(images/marker_2.gif) no-repeat left; padding-left:14px; line-height:18px;}


.img_indent { margin:3px 13px 0 0;}

.title { margin:0 0 17px 0;}

.link1 { background:url(images/marker_1.gif) no-repeat right; padding-right:14px; padding-bottom:1px;}

.txt1 { color:#3B79C5; font-weight:bold;}
.txt_10px { font-size:10px;}

.block1 { padding:25px 10px 20px 50px;}
.block2 { padding:25px 10px 20px 5px;}
.block3 { padding:23px 10px 10px 10px;}
.block4 { padding:23px 5px 10px 10px;}

/*
.block1 { padding:15px 37px 20px 50px;}
.block2 { padding:15px 30px 20px 0;}
.block3 { padding:23px 20px 10px 24px;}
.block4 {
	padding-top: 23px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
*/

/* header */
#header {
	height:261px;
	background:url(images/head_bgd_top.gif) left top repeat-x;
}
#header .row1 { height:100px;}
#header .row2 { height:46px;}
#header .row3 {
	height:115px;
}
#header .row3 .c1 { width:25px; background:url(images/left_1.jpg) no-repeat left top;}
#header .row3 .c2 { width:717px; background:url(images/bgd_head.jpg) no-repeat left top;}
#header .row3 .c2 div img { margin:69px 50px 0 0;}
#header .row3 .c3 { width:24px; background:url(images/right_1.jpg) no-repeat left top;}

#header_midl { height:166px;}
#header_midl .left2 { width:25px; background:url(images/left_2.gif) repeat-y left top;}
#header_midl .right2 { width:24px; background:url(images/right_2.gif) repeat-y left top;}
#header_midl .center { background:url(images/bgd_head_midl.jpg) repeat-x left bottom #FFFFFF;}
#header_midl .center .col1 { width:1px; background:url(images/l_b.jpg) no-repeat left bottom; padding-bottom:10px;}
#header_midl .center .col2 { background:url(images/line_ver.gif) repeat-y left top; width:2px; height:100%;}
#header_midl .center .col3 { background:url(images/r_b.jpg) no-repeat right bottom; padding-bottom:25px;}
#header_midl .center .col3 li1{ no-repeat right bottom; padding-bottom:10px; text-decoration: none;color: #3B79C5; border-style: hidden; }

/*content
#content { background:#EAF2FA;}
*/
/*footer*/
#footer { height:76px; background:url(images/bgd_foot.gif) left top repeat-x #D9E3ED;}


#footer .col1 { font-size:10px; color:#829197; padding:32px 0 0 46px;}
#footer .col2 { color:#829197; font-size:10px; padding-top:32px;}
#footer .col2 a{ color:#829197; font-size:10px;}

#footerstart { height:76px;  background:url(images/tall_top2.jpg) left top repeat-x #6E0018;}
#footerstart .col1 { font-size:10px;  background:url(images/tall_top2.jpg) color:#6E0018; padding:32px 0 0 46px;}
#footerstart .col2 { color:#6E0018;  background:url(images/tall_top2.jpg) font-size:10px; padding-top:32px;}
#footerstart .col2 a{ color:#6E0018;  background:url(images/tall_top2.jpg) font-size:10px;}
/* page1 */
#page1 #content .col1 { width:165px;}
#page1 #content .col2 .title { margin-bottom:13px; }

/* page2 */
#page2 #content .col1 { width:165px;}

/* page3 */
#page3 #content .col1 { width:165px;}
#page3 #content .col2 .title { margin-bottom:15px; }

/* page4 */
#page4 #content .col1 { width:165px;}
#page4 #content .col2 .block2 { padding-left:1px; padding-right:15px;}
#page4 #content .col2 .img_indent { margin-left:1px;}

/* page5*/
#page5 #content .col1 { width:165px;}
#page5 .block3 .title { margin-bottom:18px;}
#page5 .block2 .title { margin-bottom:20px;}
#page5 .block3 .img_indent { margin-left:1px; margin-right:14px;}
#page5 #content .col2 .block2 { padding-left:1px;}

/* page6*/
#page6 .block1 { padding-right:10px;}
#page6 .block3 .title { margin-bottom:18px;}
#header .row3 .c5 {
	width:717px;
	background-image: url(images/bgd_head1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#loginBox {border:1px;
	FONT-SIZE: 1em; BACKGROUND: url(images/bgLogin.gif) no-repeat left top; WIDTH: 164px; PADDING-TOP: 25px; HEIGHT: 145px; TEXT-ALIGN: left
}
#loginBoxContainer {border:1px;
	PADDING-LEFT: 15px; PADDING-TOP: 1px
}
#loginBoxContainerClient {
	PADDING-LEFT: 15px; PADDING-TOP: 1px
}
#contributeBoxContainer {
	PADDING-LEFT: 15px; PADDING-TOP: 1px
}
#loginBoxClient {
	FONT-SIZE: 1em; BACKGROUND: url(../images/bgLoginClient.gif) no-repeat left top; WIDTH: 194px; PADDING-TOP: 15px; HEIGHT: 109px; TEXT-ALIGN: left
}


.loginButton {
	MARGIN-TOP: 3px; WIDTH: 70px border:0px
}