/* CSS Document */
/************************************/
/********** Pro Dark-Room 0.8em***********/
/************************************/
body{
	font:0.8em Verdana, 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	background: #fff url(../images/bg_body.png) repeat-x top center;
	margin:0;
	padding:0;
	text-align:center;
	color:#666666;

font-size:12px;}
	* html body{margin-bottom:10px}

input, select {

font-size:12px;}

form{
padding:0px;
margin:0px;
margin-top:0px;
margin-bottom:0px;
}
	
/***********************	top navigation	   ************************/
.navtop a:link, .navtop a:visited {color: #fff; margin:0 20px 0 0; font-weight: normal;	text-decoration:none; font-size:12px }
.navtop a:hover {color: #fff; background: #006699; text-decoration: none; font-size:12px }
.alignmiddle {vertical-align: middle;} /*used on flags to vert-align the text links*/
/***********************	/ top navigation	   ************************/

/***********************	main navigation	   ************************/
ul#nav { font-size:12px; }
ul#nav {display: block;margin:0;padding: 5px 0;}
ul#nav li {display:inline; margin:0; padding:0; list-style-type:none;}
ul#nav a, ul#nav a:visited {color: #333; background:#eee; padding:5px 13px; font-weight:normal; text-decoration:none;}
ul#nav a:hover {color:#fff; background:#62AEE8; text-decoration:none;}
ul#nav #selected a {color:#333; background:#ccc; font-weight:bold; text-decoration:none;}
/***********************	/ main navigation	   ************************/

/***********************	vertical navigation	   ************************/
.vertnav ul {list-style:none;margin:5px 0 10px 0;padding:0;border:none;}
.vertnav li { margin:0;}
.vertnav li a, .vertnav li a:visited {display:block; padding:3px 3px 3px 0.5em; color:#0000FF; text-decoration:none;}
	html>body .vertnav li a { width:auto; } /*CCS2 browser hack to correct the width*/
.vertnav li a:hover {background-color:#ccc; color:#333;}


ul.sidenav {
 list-style:none;
 margin:5px 0 10px 0;
 padding:0;
 border:none; 
}

ul.sidenav li {
 margin:0;
}

ul.sidenav li a  {
 display:block; padding:3px 3px 3px 0.5em; text-decoration:none;
}

ul.sidenav li a:hover {background-color:#ccc; color:#333;}

ul.sidenav li ul {
 list-style-type:circle;
 margin: -1.4em 0 0 -1.2em;
 padding: 1.4em 0 0 1.4em;
}

ul.sidenav li ul li {
 margin-left: 0.7cm;
 padding-left: 10px;
 color:black;

}

ul.sidenav li ul li a:visited, ul.sidenav li ul li a:link   {
 display:block; padding:3px 3px 3px 0px; text-decoration:none;
}
ul.sidenav li ul li a:hover {
 background-color:#eee; color:#ff6600;;
}



/***********************	/ vertical navigation	   ************************/

/***********************	various links	   ************************ was 0000FF */

a:link , a:visited {color:#FF6600; text-decoration:none;}
a:hover {color:#006699; text-decoration:none;}
div#maincontent a:link, div#maincontent a:visited { color:#0066CC; text-decoration:none; } 
div#maincontent a:hover { color:#0066CC; text-decoration:underline; }
/***********************	/ various links	   ************************/

/***********************	text styling	   ************************/
h1 {color:#0066CC; margin:0; font-size:20px; margin-bottom:5px; }
h2 {color:#000; margin:0; font-size:14px; margin-bottom:10px }
h3 {color:#fff; margin:0; font-size:14px; padding:1px 5px; background:url(../images/bg_header3.png) no-repeat center left}
h4 {color:#333; margin:0; font-size:14px;}
h5 {color:#0066CC; margin:0; font-size:12px; margin-bottom:5px; }

h5 a:link, h5 a:visited, h5 a:hover{
text-decoration:none;
color:red;
}

p { margin:10px 0; line-height:20px; }
p.indent { margin:5px 5px 10px 5px; line-height:20px }

ul { list-style-type:circle; padding:0 0 0 20px; margin:5px 0 10px 0; color:#999}
ul.content li { color:black; margin-top:5px; } 
ul.content-black li { color:black; }
ul.content { border: 1px dashed #EEE; background-color:#ffffe7; padding-top:5px; padding-bottom:5px }
ul.spec{
list-style-type:diamond;
}
ul.spec li{
color:#666666;
size:12px;
}

.inlineerror{
color:red;

}
/***********************	/ text styling	   ************************/

/***********************	specific divs	   ************************/
div#topbar {width:750px; margin:0 auto 0 auto; padding:2px 0; text-align:right;}
	html>body #topbar {padding:1px 0 2px 0;}

div#topcurv {width:760px; margin:20px auto 0 auto; padding:0; background: url(../images/bg_logobar.png) no-repeat top center;}

div#logobar {width:760px; margin:0 auto 0 auto; padding:81px 0 0 0; text-align:right; background: #fff url(../images/logo.jpg) no-repeat top center;}

div#container {background:#ccc url(../images/bg_container.gif) no-repeat bottom center; width:760px; w\idth:750px; margin:0 auto 10px auto; text-align:left; padding:5px}

div#sidebar {width:200px; margin:0; padding:0 0 10px 0; float:left; display:inline; background:#efefef url(../images/bg_sidebar.gif) no-repeat bottom center;}
	* html div#sidebar{margin-right:-3px}/*fixes 3px bug in IE*/
div#maincontent {margin:0 0 0 205px; height:300px; padding:10px; background:#fff url(../images/bg_maincontent.gif) no-repeat bottom center;}
	* html div#maincontent{margin-left:202px}
	html>body #maincontent {height:auto; min-height:300px;}

div#clear {clear:both; height:1px; overflow:hidden;} /*allows the container to accomodate the sidebar in firefox*/

div#footer {padding:4px 0; background:#fff; width:760px; margin:10px auto 10px auto;}
/***********************	/ specific divs	   ************************/


img.framed {padding: 6px; border: 1px solid #CCC; background-color:#eee; }
img#flagselected { padding:2px; background-color:navy; }
img {border:none} /*take away the border on image all image links*/

/* Tables */

table#registration th{
background-color:#EEE;
padding:2px;
}

table#registration td{
padding:2px;
}

table#pp-options{
border-collapse: collapse;
}

table#pp-options td{
vertical-align:top;
padding:2px;
border:1px solid black;
}

table#pp-options th{
background-color:#ffffe7;
padding:2px;
border:1px solid black;
}

table#gallery-options{
border-collapse: collapse;
}

table#gallery-options td{
vertical-align:middle;
text-align:center;
padding:2px;
border:1px solid black;
width:150px;
}

table#gallery-options td.a{
text-align:left;
}

table#gallery-options th{
background-color:#ffffe7;
padding:2px;
border:1px solid black;
text-align:center;
}


table#imagedisplay{
border-collapse:collapse;
}

table#imagedisplay th{
background-color:#ffffe7;
border:1px solid black;

}

table#imagedisplay td{
border:1px solid black;
vertical-align:top;
padding:3px;

}

table#recommendedsuppliers th{
text-align:center;
vertical-align:top;
padding-top:30px;
}

table#recommendedsuppliers td{
padding:15px;
padding-bottom:30px;
}

/******* Floated yellow menu block *******/

div.floatmenu{
background-color:#ffffe7;
width:150px;
float:right;
border:1px solid #EEE;
margin:10px;
}

div.floatmenu li{
color:black;
}

#breadcrumbs{
background-color:#ffffe7;
border:1px solid gray;
margin:4px 0px 10px 0px;
padding:3px;
width:auto;
font-size:12px;
}

.greybox{
background-color:#f1f1f1;
border:1px solid black;
padding:4px;
margin-bottom:5px;
}

div.frontpageblock{
clear:both;
margin-top:15px;
}

ul.fpcontent li{
margin-left:10px;
color:black;
}

table#frontpage td{
vertical-align:top;
padding-right:10px;
}

/*****************************************************************/
/********** Written by Simon Baxter www.baxtersweb.com (amended by Adam Smith :p) ***********/
/*****************************************************************/