/* Localized */
/* vim: set expandtab syntax ts=4 */
/** 
*/
html {	height: 100%;	border: 0;	margin: 0;	padding: 0;}
body {	margin: 0; padding: 0;
	background: #F2F2F2 repeat-x;
	font-family: verdana, helvetica, sans-serif; font-size: 12px; line-height: 24px; height: 100%; }
body, b, p, td {	font-size: 12px; line-height: 24px; }
img {	border: 0; }
#contentPane {	position: absolute; left: 50%; 	top: 0;	margin-left: -50%;	margin-top: 0;	width: 100%;	border: none;	padding-bottom: 0px;	height: 100%;}
#mainNavi {	position: relative;	top: 0;	left: 50%;	margin-left: -40%;	height: 150px;	width: 80%;	vertical-align: middle;}

#mainContent {	width: 80%;	margin-left: 10%;  padding-top: 10px;}
#mainContent, #mainContent * { 	color: #666;}
a {color:#333}
#naviContainer { position: relative; left: -10px; top: 55px;}
.tx-photogals-pi1-thumbs {  position: absolute;  top: 35px;  left: 20px;  width: 140px;}
.page-title { position: absolute; top: 0; left: 15px; }
.left {  margin-top: 0px; padding: 0; float: left; }
.left p a {    text-decoration: none; vertical-align: middle; text-transform: uppercase; font-weight: bold; display: block;}
.left p.newsletterButton a, .left p.facebookButton a {    padding: 10px 0 14px 58px;}
.left p.newsletterButton a {background: transparent url(../img/mailButton.gif) no-repeat;}
.left p.facebookButton a {background: transparent url(../img/facebookButton.gif) no-repeat;}

.left p.more {padding-top: 48px;}
.left p.more a {font-weight: normal; display: inline;}

h1, h2, h3, h4 {	font-size: 1em; }
hr {	display: none; }
.csc-menu-def li {   display: inline;  padding: 0 3px;  margin: 0;}
ul.csc-menu {  margin: 0;  padding: 0;  text-align: left;}
#subNavi {  position: absolute;  top: 10px;  right: 15px;  height: 25px;  width: 650px;  text-align: right;}
#subNavi ul {  margin: 0;  padding: 0;}
#subNavi li {  list-style-type: none;  text-transform: uppercase;  display: inline;}
#subNavi a { text-decoration: none; font-weight: bold; color:#b0b0b0; }
#subNavi a.active {  color:#4e4e4e; }

.right { margin: 0 !important; padding: 0 200px 50px 400px;}
.right h2 {    font-size:1.3em; line-height: 24px; font-weight: normal; margin: 0; padding: 10px 0 2px 0;}
#mainContent .right a {    text-decoration: underline;    font-weight: normal; color:#333}
#mainContent .right a:hover {text-decoration: none;}
.right .more {padding-top: 48px; font-size: .8em; display: block; text-decoration: underline;}

.index .right {   height: 407px; }
.left p, .right p {	margin-top: 0;}
.index .right {	height: 530px;	margin-top: 0 !important;	padding: 0;	overflow: hidden;}


#languageContainer {  position: absolute; right: 15px; bottom: 10px; }
#languageContainer ul {  list-style-type: none; margin: 0; padding: 0; }
#languageContainer a {  text-decoration: none; color:#000; font-weight: bold; }
.left dl {  font-size: 0.8em; }

.index #mainContent {	top: 0;	height: 530px;}
.index #mainNavi {	top: 530px;	height: 70px;	z-index: 3;	width: 400px;}
#languageContainer { line-height: 1em;	}
.index #languageContainer {	left: 30px;        top: 25px;	}

.formLabel {  white-space: nowrap;  padding-right: 8px;  text-align: right;  width: 60px;}

.contact .left {	width: 40%;}
.contact .right {	padding-left: 40% !important;	}

input, textarea {  border: 1px #CCC solid;  color: #000 !important;  font-size: 1em;  font-family: sans-serif; }
input, textarea, .requiredNote {}
input.button {   width: auto;}
.formHeader {
   font-weight: bold;
   padding-bottom: 1em;
}
.csc-textpic * {
  padding: 0;
  margin: 0;
}

.left {	top: 0;	margin-top: 0;	height: auto;}

#mainContent .right .csc-menu-4 dt {margin-bottom: 0.5em;}
#mainContent .right .csc-menu-4 dd {margin:0; margin-bottom: 1em;line-height: 1.4em;}


h2 {
  font-size: 1em;
  line-height: 1em;
  vertical-align: top;
  margin: 0;
  margin-bottom: 1em;
  padding-top: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.unc-gmenu, .unc-gmenu li {  list-style-type: none;  margin: 0;  padding: 0;  display: inline;
}
.index .left {	display: none;}
body.eu {	margin: 20px;}
.eu .csc-textpic { background-color:#555548;	height: 270px;}
.eu .csc-textpic-text {	padding: 15% 20% 20%  2%;	font-weight: bold;	color:#e5e5e5;}
.eu .right {	height: auto;	width: 760px;	margin: 0 0;	padding: 0;}
.eu h1, .eu h2, .eu h3, .eu h4 {	font-size: 1.4em;	line-height: 2em;	letter-spacing: 0;	text-transform: none;}
.eu .contenttable th {	text-align: left;}
.eu .csc-firstHeader {	position: relative;	left: auto;	top: auto;	height: auto;}

.surname {	display: none;}
input {       color:#000 !important;}
.error {       font-weight: bold;color:#4e4e4e;}



.imageWrapper {
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	width: auto;
	height: auto;
	text-align:right;
	float: right;
}
#imageLoading {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	z-index: 99;
	width: 50px;
	height: 50px;
	background: #FFF no-repeat url(../img/loadingAni.gif) center center;
}
#hoverNav {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: auto;  z-index: 10;}
#vTheImage>#hoverNav {	left: 0;}
#hoverNav a {	outline: none;}
#prevLink, #nextLink {width: 49%;height: 100%;	background:transparent url(../img/blank.gif) no-repeat;	display: block;}
#prevLink {	left: 0;	float: left;}
#nextLink {	right: 0;	float: right;}
#prevLink:hover, #prevLink:visited:hover {	background: url(../img/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {	background: url(../img/next.gif) right 15% no-repeat;}
#titleBarContainer {display: block;background-color: transparent;}
#logo { position: absolute; right: 0px; top: 35px; }
.photographerTitle, .categoryTitle {	position: relative;	font-size: 1.6em;	line-height: 1.4em;	text-transform: uppercase;	color:#4e4e4e !important;	white-space: normal;	width: 300px;}
.photographerSideBar, .categorySideBar, .otherSideBar {	list-style-type: none;	margin: 0;	padding: 0;	text-transform: uppercase;	margin-bottom: 2em;}
#mainContent .photographerSideBar a, #mainContent .categorySideBar a, #mainContent .otherSideBar a {text-decoration: none;}
#mainContent .photographerSideBar a:hover, #mainContent .categorySideBar a:hover, #mainContent .otherSideBar a:hover {text-decoration: underline;}
#mainContent .photographerSideBar .active a, #mainContent .categorySideBar .active a, #mainContent .otherSideBar .active a { color:#4e4e4e !important; font-weight: bold;}

.theThumbnails {border-top-width: 0;}
#vThumbsContainer {
  
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: auto;
  height: 74px;
}

.contentwrapper {
  margin:0;
  padding: 0;
}
#vThumbs {
  text-align:center !important;
  margin-left: auto;
  margin-right: auto;
}
#vThumbs, #vThumbs * {
	margin: 0;
	padding: 0;
	line-height: 1px;
}

#vThumbs td {
  border: 2px #F2F2F2 solid;
  border-width: 0px 2px;
}
#vThumbs img {
}
#vThumbs a {
	display: block;
}

#subNavi {
	position: absolute;
	left: 20px;
	top: 20px;
	text-align: left;
	width: 150px;
	height: auto;
}
#subNavi li {
	display: block;
	
}
#subNavi a {
	color:#b0b0b0;
	font-weight: normal;
}
#subNavi .active a, #subNavi .active {
	color:#4e4e4e;
	font-weight: bold;
}
#vText {
	color:#b0b0b0;
	font-size: 10px;
	line-height: 14px;
	width: 140px;
	float: right;	
	overflow: hidden;
	position: absolute;
	bottom: 40px;
}
#vCounter {
	position: absolute;
	bottom: 20px;

}

#vCounter, #vCounter * {
	color: #4e4e4e;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	vertical-align: middle;
}
#flexcroll-init {
  visibility: hidden;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #8b0046;
}
.vscrollerbar {
width: 10px;
background-color: #f2f2f2;
}
.hscrollerbase {
height: 10px;
background-color: #f2f2f2;

}
.hscrollerbar {height: 10px;background-color: #8B0046;}

.scrollerjogbox {width: 10px;height: 10px;top: auto; left: auto;bottom: 0px; right: 0px;background-color: #E7E4DF;}

#titleBar {  height: 30px;}
.photographersOverview {  width: 100%;  margin: 0 !important;  padding: 0 !important;}
.photographersOverview td {}
#mainContent .photographersOverview a {	color:#666; text-decoration: none; }
#mainContent .photographersOverview a:hover { text-decoration: underline;}
#mainContent .photographersOverview a.active { text-decoration: underline;}
#mainContent .photographersOverview a.loading {	color:#CCC; }
#mainContent .photographersOverview a.inactive { }
.photographers, .categories, .photographersOverview .image {  text-align: left; margin: 0; padding: 0; width: 25%;}
.photographersOverview .image {width: 50%; text-align:right;}
.photographersOverview .image, .photographersOverview .image * { margin: 0 !important;	padding: 0 !important; }
.photographerList, .categoryList {list-style-type: none; margin: 0;  padding:0;  line-height: 2em;}
.categoryList {text-align: left; padding: 0 0 0 50px;}
.gallery #mainContent {}
.gallery .right {  margin: 0 auto;  padding: 0;  height: auto;}
.gallery h1 {}
.imageDetailTable {width: 100%; padding: 0; margin: 0;}
#mainContent .imageDetailTable a {color: #666;}
.imageDetailTable td {	margin: 0;	padding: 0;}
.imageDetailTable .side {}
.imageDetailTable .image {  text-align:right;}
.imageDetailTable .image * {	margin: 0;	padding: 0;	line-height: 0 !important;}
#vTheImage {margin-bottom: 0;	padding-bottom: 0;}
.aboutText {padding-left: 40px !important;	padding-top: 1.2em !important;}
.aboutImage {padding-left: 40px !important;	padding-top: 1.2em !important;}
.counter {padding-bottom: 10px !important;}
#vTheCaption {padding-bottom: 2em !important;}
#indexLogo {position: absolute;	top: 40%;	left: 50%;	margin-left: -167px;	margin-top:-49px;}
#indexEnter {position: absolute;	bottom: 10%;	left: 50%;	margin-left: -167px;	margin-top: -49px;	}
table#vThumbs tbody td a img {background: #666;}
:focus {outline: 0}
#contentPane {min-width: 1000px;}

.csc-uploads td {
 vertical-align: top;
 padding: .5em;
 margin: 0;
}

.magframe {
	width: 100%;
	height: 730px;
 	border: 1px #F00 solid;
		
}

/* EOF */