/*
======================
General body styles 
======================


used Colors:
rgb(146,132,125)	1st Light Brown -> used for menu text and background on plugin heads (eg exif, image descriptions)
rgb(156,142,135)	2nd Light Brown -> used for most Text elements
rgb(206,192,185)	3rd Light Brown -> used for text input-field backgrounds
rgb(31,24,18)		Dark Brown -> background of the Main Area 
rgb(20,16,12)		Darkest Brown -> background of top and bottom area and cart entry background
rgb(174,89,42)		Orange used for some text messages
rgb(134,49,2)		Dark Orange used for button text on hover
black				used on some Backgrounds
rgb(90,90,90)		Grey (read only) input text (Order Form)

*/

img, div, td  { /* Transparent PNG fix for older IE versions - thanks to: http://www.twinhelix.com/css/iepngfix/demo/ */
	behavior: url(css/iepngfix_v2/iepngfix.htc)

}

body {
	color: rgb(156,142,135);
	background-color: rgb(40,40,40); /*rgb(61,24,18); */
	font-size: 100%;
	font-family: arial, helvetica;
	text-align: center;
	margin:0px 0px;
	padding:0px;
}
/* Frame Position independent styles */

/* Table mouseover color change with black background used for thumb selection */
td.off {
	opacity: 0.7;
	background: black;
	vertical-align: center;
}
td.on {
	background: rgb(20,16,12);
	
	/* background-image: url(../menu_gallery/gradient.jpg); */
	vertical-align: center;
	color: rgb(174,89,42);
}

/* Table mouseover color change for gallery folders */
td.offw {
	opacity: 0.7;
	background: black;
	vertical-align: center;
}
td.onw {
	background: rgb(20,16,12); 
	background-image: url(../menu_gallery/gradient.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	vertical-align: center;
	color: rgb(174,89,42);
}

img.prevnext_on {

	opacity: 0.7;
	/* filter:alpha(opacity=70);  as usual IE sucks! */

}

img.prevnext_off {
	opacity: 1;
	
}

p.prevnext {
	margin-top: -5px;
	margin-left: -3px;
	margin-bottom: -25px;
	color: rgb(174,89,42);
	font-size: 8pt;
}
p.prevnext_ie6 { /* display fix for IE6 */
	margin-top: -5px;
	margin-left: -3px;
	margin-bottom: -20px;
	color: rgb(174,89,42);
	font-size: 8pt;
}


/* General link styles */
a {
	color: rgb(156,142,135);
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: non; /* overline underline */
}

/* General image styles */
img {
	border-style: none;
}


/* ======================*/
/* Top frame styles */
/* ======================*/
#Top {
	width: 1050px;
	color: rgb(156,142,135);
	margin: 5px auto;
	text-align: left;
	padding: 15px;
	border-width: 0px 3px 3px 0px;
	border-style: solid;
	border-color: black; /*rgb(37,28,23); */
	background-image: url(../page_images/framebar.bmp);
	background-color: rgb(31,24,18);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;


}
/* <style fprolloverstyle>A:hover {color: rgb(174,89,42); font-weight: normal} </style> */

a:hover.menu {
	color: rgb(174,89,42);
	font-weight: normal;
}
a:hover.pathbar {
	color: rgb(174,89,42);
	font-weight: normal;
}
a:hover.lightbox {
	color: rgb(174,89,42);
	font-weight: normal;
}
a:hover.links {
	color: rgb(174,89,42);
	font-weight: normal;
}

a:hover.collapser { /* plugin collapse triangle on mouse over */

	margin-top: 0px;
	background-color: rgb(206,192,185);
	padding: 1px 1px 1px 0px; 
	background-image: url(../page_images/plugin_bar_bright.jpg); 
	vertical-align: center;
	background-position: 0px 0px;
	background-repeat: repeat-x;
		
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;

}

img.collapser {		/* Triangle on plugin collapser needs an offset for hovering */
	margin-top: -2px;
}

img:hover.thumbhover { /* Lightbox thumbs get framed on mouseover */
	margin-left: -1px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(174,89,42)	;

}

/* Top menu color */
a.menu {
	color: rgb(146,132,125);
	font-size: 14px;
}

/* Top menu table layout */
table.menu {
	width: 100%;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset;
	border-color: rgb(255,100,100);
	border-collapse: separate;

	
	
}
table.menu td {
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
	border-style: none;
	border-color: rgb(10,10,10);
	/* background-color: rgb(31,24,18); */
	width: 500px;
	text-align: center;
	color: rgb(156,142,135);
	
	/* -moz-border-radius: 8px 0px 8px 0px;  */
}

/* ======================*/
/* Main frame styles */
/* ======================*/

#Main {
	width: 1050px;
	margin: 5px auto; /* position of the main area - remove auto to NOT center the main area */
	text-align: left;
	padding: 15px;
	border-width: 0px 3px 3px 0px;
	border-style: solid;
	border-color: black; /* rgb(37,28,23); */
	background-color: rgb(31,24,18);
	background-image: url(../page_images/framebar.bmp); 
	background-position: 0px 0px;
	background-repeat: repeat-x;

	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}


#Contact {

	background-image: url(../menu_contact/background.png);
	background-repeat: no-repeat; 
}
#Order1 {

	background-image: url(../menu_lightbox/background1.png);
	background-repeat: no-repeat; 
}
#Order2 {

	background-image: url(../menu_lightbox/background2.png);
	background-repeat: no-repeat; 
}
#Home {
	margin-left: -15px;  /* margins are needed for background image to extend to the full main area */
	margin-top: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
	background-image: url(../menu_home/background.png);
	background-repeat: no-repeat; 
}
#PROFILE {
	background-image: url(../menu_profile/background.png);
	background-repeat: no-repeat; 
}

a.orange { /* text that should show up in orange */
	color: rgb(174,89,42);
}


/* Styles for viewing a specific gallery thumb page */
table.thumbs {
	width: auto;
	border-width: 0px;
	margin-top: -10px;
	border-style: solid;
	border-color: rgb(10,10,10);
	border-collapse: separate;
	border-spacing: 20px;
	margin-left: 0px;
}
table.thumbs td {
	/* border-width: 10px 10px 10px 10px; */
	
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: rgb(31,24,18);
	height: 180px;
	width: 180px;
	text-align: center;
	font-size: 9px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
/* Styles for viewing gallery selection page */
table.gallery {
	/*width: auto; */
	margin-left: 25px;
	margin-top: 5px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(10,10,10);
	border-collapse: separate;
	border-spacing: 10px;
	vertical-align: center;
}
table.gallery td {
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: rgb(37,28,23);
	height: 100px; /* height of the gallery selection thumbs */
	/* width: 100px; */ /* creates messy line breaks in gallery index page*/
	vertical-align: center;
	text-align: center;
	font-size: 11px;
	
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
/* Styles for viewing a selected image */
table.mainbar{
	width: 100%;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(57,48,43);
	border-collapse: collapsed;
	border-spacing: 0px;
	vertical-align: left;
	padding: 0px 0px 0px 0px;
}

table.imageview {
	width: 100%;
	margin-top: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(57,48,43);
	border-collapse: collapsed;
	border-spacing: 15px;
	vertical-align: left;
	padding: 0px 0px 0px 0px;

}
td.imageview {
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: red; /* rgb(157,148,143); */
	height: 100px;
	/* width: auto; */
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	color: rgb(146,132,125);
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

td.imageview_ie6 {
	border-width: 0px;
	padding: 10px 10px 10px 10px;
	border-style: solid;
	border-color: red; /* rgb(157,148,143); */
	height: 100px;
	/* width: auto; */
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	color: rgb(146,132,125);
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

img.hiddenPic {

	display: none; 

}


/* Frame Style for Plugins like exif, description and add2cart login*/

table.plugin {
	width: 100%;
	height: auto;
	margin-top: 0px;
	background-color: transparent;/* rgb(146,132,125);	 */
	-moz-border-radius: 0px 0px 0px 0px;
}

td.plugin_heading {
	height: 19px; 
	vertical-align: center;
	font-size: 12px;
	font-weight: bold;
	color: black; /* rgb(57,48,43); */
	/* background-color:rgb(146,132,125); */
	font-size: 12px;
	font-weight: bold;
	background-image: url(../page_images/plugin_bar.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
}
td.plugin_info {
	height: auto;
	color: rgb(156,142,135);
	background-color: transparent;
	padding: 5px 5px 5px 5px; 
	-moz-border-radius: 0px 0px 0px 0px;
	
}

th.plugin_info {
	height: auto;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color: rgb(156,142,135);
	background-color: transparent; 
	text-align: left;
	padding: 5px 5px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

td.plugin_info_links {  /* dedecated style for the links plugin as a smaller font size looks nicer */
	height: auto;
	font-size: 11px;
	color: rgb(156,142,135);
	background-color: transparent;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
}

input.radio1 {
	background-color: transparent;
	/* color: black;  */
}
a.exif {
color: rgb(174,89,42);
}

/* ============================================================= */
table.stats {
	width: 100%;
	color: black;

}
td.stats1 {
	
	background-color: rgb(100,100,100);
	font-size: 10px;
	color: white;
}
td.stats2 {
	
	background-color: rgb(40,40,40);
	font-size: 10px;
	color: white;
}
td.stats3 {
	
	background-color: rgb(70,70,70);
	font-size: 10px;
	color: white;
}
td.stats4 {

	background-color: rgb(100,100,100);
	font-size: 10px;
	color: white;
}
td.stats5 {
	
	background-color: rgb(130,130,130);
	font-size: 10px;
	color: white;
}

table.cart {
	width: 100%;
	height: auto;
	border-collapse: collapse;
	margin-top: -15px;
	border-width: 1px;
	border-color: white; /* rgb(57,48,43); */
	/* background-color: black; /* rgb(146,132,125);	 */
	-moz-border-radius: 0px 0px 0px 0px;
}

td.cart_heading {
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: rgb(57,48,43);
	background-color:rgb(146,132,125);
	background-image: url(../page_images/plugin_bar.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	-moz-border-radius: 0px 0px 0px 0px;
}
td.cart_entry {
	height: auto;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(57,48,43);
	color: rgb(156,142,135);
	background-color: transparent; /*rgb(20,16,12); /* rgb(31,24,18); */
	padding: 5px 5px 5px 5px;

	-moz-border-radius: 0px 0px 0px 0px;
}
th.cart_entry {
	height: 20px;
	font-weight: normal;
	border-width: 1px;
	border-color: white; /* rgb(57,48,43); */
	color: rgb(156,142,135);
	background-color: rgb(31,24,18);

}

textarea.textinput {
	border-width: 1px;
	border-color: black; /*rgb(37,28,23); */
	border-style: solid;
	color: black;
	font-family: arial, helvetica;
	background-color: rgb(206,192,185);
	width: 100%;
	font-size: 11px;
	overflow-y: hidden;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

input.btn { /* standard black buttons */
	background-image: none;
	color:  rgb(156,142,135);
	border-color: rgb(156,142,135);
	border-style:solid;
	border-width: 1px;
	background-color: rgb(37,28,23); 
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

input.btnhov { /* standard black buttons (hover) */
  border-color: rgb(174,89,42);
  color: white;
}

input.btn2 { /* orange buttons */
	background-image: none;
	color: black; /* rgb(156,142,135); */
	
	border-color: rgb(156,142,135);
	height: 30px;
	border-style:solid;
	border-width: 0px;
	background-color: rgb(37,28,23); 
	background-image: url(../page_images/button_background_dark.jpg); 
	background-position: 0px 0px;
	background-repeat: repeat-x;
	-moz-border-radius: 2px 2px 6px 6px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

input.btnhov2 {  /* orange buttons (hover)*/
	border-color: rgb(174,89,42);
	background-image: url(../page_images/button_background.jpg); 
	background-position: 0px 0px;
	background-repeat: repeat-x;
	color: rgb(134,49,2);

}

/* Style of the path line links */
a.pathbar {
	font-size: 8pt;
}
p.pathbar {
	margin-top: 0px;
	margin-bottom: -25px;
	color: rgb(174,89,42);
	font-size: 8pt;
}
a.pagebar {
	font-size: 8pt;
	
}

a.pagebar_highlight {
	font-size: 8pt;
}

sub { /* Index number that shows the number of items in cart */

	color: rgb(174,89,42);
	font-weight: bold;
}

table.home{
	width: auto;
	margin-right: 20px;
	margin-left: 20px; /* to compensate for the div home background image offset */
	
}

td.home {
	vertical-align: top;
	
}

a.home {
	margin-left: 210px;
}

a.h1 {
	font-size: 25px;

}

/* Contact Form */
textarea.question {
	
	border-width: 0px;
	border-color: black; /*rgb(37,28,23); */
	border-style: solid;
	color: black;
	font-family: arial, helvetica;
	font-weight: bold;
	
	/* 60% transparent Test input field at contact question form */	
	background:rgb(206,192,185);
	filter:alpha(opacity=60); /* Für IE */
	-moz-opacity:0.6; /* Für Gecko-Browser */
	opacity:0.6; /* Für Konqueror, Opera 9+, Safari */
	
	width: 50%;
	font-size: 14px;
	/* overflow-y: hidden; */
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
}

input.details { /* style for most text inputs in forms like Contact or Order */
	border-width: 0px;
	border-color: black; /*rgb(37,28,23); */
	border-style: solid;
	color: black;
	font-family: arial, helvetica;	
	font-weight: bold;
	
	/* 60% transparent Test input field at order and contact forms */
	background:rgb(206,192,185);
	filter:alpha(opacity=60); /* Für IE */
	-moz-opacity:0.6; /* Für Gecko-Browser */
	opacity:0.6; /* Für Konqueror, Opera 9+, Safari */
	
	/* width: 100%;  */
	font-size: 14px;
	overflow: hidden;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
}

input.details_center{ /* style for text inputs where the input should be centered (Lightbox Quantity-Input) */
	border-width: 0px;
	border-color: black; /*rgb(37,28,23); */
	border-style: solid;
	color: black;
	font-family: arial, helvetica;	
	font-weight: bold;
	text-align: center;
	width: 35px;
	/* 60% transparent Test input field at order and contact forms */
	background: rgb(206,192,185);
	filter:alpha(opacity=60); /* Für IE */
	-moz-opacity:0.6; /* Für Gecko-Browser */
	opacity:0.6; /* Für Konqueror, Opera 9+, Safari */
	
	/* width: 100%;  */
	font-size: 14px;
	overflow: hidden;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
}
td.lightboximage {
	text-align: center;
}
input.details_grey { /* greyed out order form (delivery address) */
	border-width: 0px;
	border-color: black; /*rgb(37,28,23); */
	border-style: solid;
	color: rgb(90,90,90); 
	font-family: arial, helvetica;
	font-style: italic;
	font-weight: bold;
	height: 17px;
	/* 60% transparent Test input field at order and contact forms */
	background:rgb(206,192,185);
	filter:alpha(opacity=60); /* Für IE */
	-moz-opacity:0.6; /* Für Gecko-Browser */
	opacity:0.6; /* Für Konqueror, Opera 9+, Safari */
	
	/*width: 100%; */
	font-size: 14px;
	overflow-y: hidden;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
}

select.details {  /* style used for country drop down menu in order form */
	border-width: 0px;
	border-color: black; /*rgb(37,28,23); */
	border-style: solid;
	color: black;
	font-family: arial, helvetica;
	font-weight: bold;
	
	/* 60% transparent Test input field at order and contact forms */
	background:rgb(206,192,185);
	filter:alpha(opacity=60); /* Für IE */
	-moz-opacity:0.6; /* Für Gecko-Browser */
	opacity:0.6; /* Für Konqueror, Opera 9+, Safari */
	
	/* width: 100%; */
	font-size: 14px;
	overflow-y: hidden;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
}


table.mainforms { /* Styles used for forms like Contact, Order etc */
	
	width: 97%;
	margin-left: 15px;
}

table.mainforms2 { /* Styles used for forms like Contact, Order etc */
	
	width: auto;
	margin-left: 15px;
}


font.asterisk { /* Style for the asterisk used on mandatory input fields */
	color: rgb(174,89,42);

}

th.order_heading {
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../page_images/plugin_bar.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	color: rgb(57,48,43);
	background-color:rgb(146,132,125);
	
	-moz-border-radius: 0px 0px 0px 0px;
}


/* ======================*/
/* Bottom frame styles */
/* ======================*/

#Bottom {
	width: 1050px;
	color: rgb(174,89,42);
	font-size: 80%;
	margin: 5px auto;
	text-align: left;
	padding: 15px;
	border-width: 0px 3px 3px 0px;
	border-style: solid;
	border-color: black; /* rgb(37,28,23); */
	/* background-color: rgb(20,16,12); */
	background-color: rgb(31,24,18);
	background-image: url(../page_images/framebar.bmp);
	background-position:0px 0px;
	background-repeat: repeat-x;
	
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
a.langselect {
	font-size: 10px;
}
a:hover.langselect {
	font-size: 10px;
	color: rgb(174,89,42);
}
a.langselect_on {
	font-size: 10px;
	color: rgb(174,89,42);
}
td.logininfo {
	text-align: right;
}