@charset "utf-8";

/*_____________
CSS Preficses 
l-layout 
b-block 
n-navigation 
f-form 
e-extra
_____________*/


/****************/
/***CSS Eraser***/ 
/****************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}


/*****************************/
/***Base Common Page Styles***/ 
/****************************/
body {font:normal 0.8em Tahoma, Verdana, Arial, sans-serif; color:#000; background:#fff;}

a:link{text-decoration:underline; color:#10aec4;}
a:visited{text-decoration:underline; color:#10aec4;}
a:hover{text-decoration:none; color:#10aec4; }
a:active{text-decoration:none; color:#10aec4;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:10px;}
h1 {font-size:1.8em;}
h2 {font-size:1.4em; word-spacing:normal; padding-left: 10px}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}
.h2_index {font-size:1.4em; word-spacing:normal; padding-left: 10px; color:#B5B4B4; margin-bottom: 10px}
.h2_index a {color:#B5B4B4;}
.h2_index a:hover {color:#10aec4;}
.h2_fotograf a {color:#B5B4B4;}
/*** Global ***/
a.dashed-lnk, a.dashed-lnk:visited {border-bottom:dashed 1px; text-decoration:none; line-height:100%;}
.button {background:url(../images/bg_btn.gif) repeat-x 0 0; border:0; padding:0; margin: 0; color:#fff;font-family:Tahoma, Helvetica, sans-serif;  font-size:11px; padding:4px 8px 5px; cursor:pointer; overflow:visible; position:relative;}
.textbox {border:1px solid #aaa; color:#aaa; font-family:Tahoma, Helvetica, sans-serif; font-size:12px; padding:4px 5px; outline:none;}
.error   {color: #ff0000; line-height: 1.5em; padding: 0px 0px 2em 0px}
.message {color: #00ff00; line-height: 1.5em; padding: 0px 0px 2em 0px}

/*********************/
/***Clearing Styles***/ 
/*********************/
.clrfix {overflow:hidden;}
.clear {clear:both; font-size:0; height:0; line-height:0;}
.clear-left {clear:left;}
.clear-right {clear:right;}


/**************************/
/***Base Foterstick Page***/ 
/**************************/
html, body {height:100%;}
#main-container {min-height:100%; position:relative;}
	#wrapper {padding-bottom:95px;}
#footer {margin-top:-54px; height:54px; position:relative;}


/*** Floats ***/
.left {float:left;}
.right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}

/*** Layouts ***/
.l-wrap {width:960px; margin:0 auto;}
.l-left-col {width:650px;}
.l-right-col {width:290px;}

.none {display: none}

/*** Header ***/
.b-header {padding:5px 10px 20px 10px;}
	.b-logo {padding:0 0 10px;}
	.n-top {}
		.n-top li {float:left; padding-right:55px; font-size:1.4em; color:#494949}
			.n-top li a, .n-top li a:visited {}
	.b-sign-in {padding:15px 0 5px; font-size:1em; text-align:right; position:relative; margin-right:-10px;}
		.b-sign-in a, .b-sign-in a:visited {color:#494949; display:inline-block; zoom:1; $display:inline; padding:5px 10px 10px; position:relative;}
		#lnk-login {background:url(../images/sep_signin.gif) no-repeat 0 50%; text-decoration:none;}
		#lnk-login span {border-bottom:1px dashed;}
		#lnk-login.active {background-color:#dbf3f6;}
		#lnk-login.active span {border-bottom-color:#dbf3f6;}
	.f-search {padding-top:14px; padding-left:10px;}
		.f-search .textbox {vertical-align:middle; width:153px;}
		.f-search .button {vertical-align:middle;}
		
/*** Login Popup ***/
.b-login {background:#dbf3f6; width:270px; padding:10px; position:absolute; right:0; top:42px; z-index:100; text-align:right;}
	.b-login label {margin-bottom:5px; display:block;}
	.b-login .textbox {width:180px;}
	.b-login a, .b-login a:visited {color:#10aec4;}
	.b-login .button {margin-right:1px; margin-left:10px;}

/*** Home Page Big Photo ***/
.b-home-photo {width:609px; border:1px solid #ddd; height:578px; text-align:center; margin-left:9px; overflow:hidden;}
	.b-home-photo table {width:100%;}
		.b-home-photo td {height:578px; vertical-align:middle;}	
			.b-home-photo td img {display:block; margin:auto;}

/*** Home Page Photo Previews ***/
.l-home-prew-row {margin-right:-30px; zoom:1; padding-top:3px;}
	.l-home-prew-row .b-prew {margin-right:30px;}

.b-prew {word-spacing:-1em; width:300px;}
	.b-prew-item {-moz-inline-box; display:inline-block; line-height:0; padding:0 10px 17px 10px; word-spacing:normal; width:80px}
	.b-prew-item img, .b-prew-item a { display:block;}


/*** Bottom Banner ***/
.l-top-adv img, .l-top-adv object {vertical-align: middle}
.b-bottom-adw {padding-top:45px;}

/*** Footer ***/
.b-footer-inner {width:960px; margin:0 auto; border-top:1px solid #a8a8a8; text-align:right; padding-top:14px;}
.b-footer-inner span {color: #aaaaaa}

/*** Combobox ***/
.f-combo-label {position:relative; display:block;}
		.f-combo-label .f-combo {background:url(../images/btn_combo.gif) no-repeat 100% 0;}
		/** .f-combo-label select { position:absolute; z-index:100; top:2px; right:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}


/*** Catalog ***/
.b-catalog-head {padding-bottom:10px;}
	.b-catalog-head h2 {float:left; margin:0; color:#494949}
	.n-cat-view {float:right; width:290px; text-align:right; margin-right:10px}

.tbl-catalog {width:100%; margin-bottom:2em;}
	.tbl-catalog td {vertical-align:middle; text-align:center; overflow:hidden;  padding:0 0 60px; width:auto;}
	/*.tbl-gros td {width:450px; height:450px;}
	.tbl-klein td {width:130px; height:130px;}
	.tbl-medium td {width:200px; height:200px;}*/


.b-pager {text-align:center; word-spacing:0.4em;}
	.b-pager a, .b-pager a:visited {text-decoration:none;}
.b-pager-sep {height: 15px}	
	
/*** Catalog Photographer ***/
.tbl-photographer .b-photographer {text-align:left;}
	.tbl-photographer td {padding:30px 10px;}	
	.tbl-photographer .b-photographer p {margin-top:0.5em;}
	.tbl-photographer tr:hover td {background:#dbf3f6; cursor:pointer;}
	
.b-catalog-filter { margin-bottom:10px;}
	.b-filter-search {float:left; padding-left: 10px}
		.b-filter-search .textbox {width:255px;}
		.b-filter-search input {vertical-align:middle;}
	.b-filter-combo {float:right; width:290px;}
		.b-filter-combo .f-combo-label {width:212px;}
		.b-filter-combo .textbox {width:280px;}
		.b-filter-combo select {width:212px;}
	
/*** View Images ***/
.b-view-img-prev {text-align:center;position: relative;  overflow: hidden; height: 86px; width: 957px; margin: 0px auto 10px auto}
    .b-view-img-prev a {float: left; margin-right: 1px}
	.b-view-img-prev a img {border:3px solid #fff;}
	.b-view-img-prev a:hover img, .b-view-img-prev a.active img {border-color:#dbf3f6;}
	
.b-view-img {text-align:center;}
    .b-view-img img {cursor: pointer;cursor: hand;} 


/*** Register Form ***/
.f-register, .f-register-column {padding:0 0 0 10px;}
	.f-register label, .f-register-column label {display:block; margin-bottom:10px; overflow:hidden; width:460px; padding-top:4px;}
		.f-register label .textbox, .f-register-column .textbox {float:right; width:245px; margin-top:-4px; margin-right:54px; margin-left:10px;}
		.f-register label select.textbox, .f-register-column label select.textbox  {float:right; width:257px; margin-top:-4px; margin-right:54px;}
        .f-register label .file, .f-register-column .file {float:right; width:257px; margin-top:-4px; margin-right:34px; margin-left:0px;}
        .f-register label .checkbox, .f-register-column .checkbox {float: right; margin-right: 298px}

        .f-register label .f-fake-filebox {float:right; margin-top:-4px; width:311px; padding-top:2px; position:relative;}
			.f-register label .f-fake-filebox .textbox {float:none; margin-right:0; margin-left:0;}
			.f-register label .f-fake-filebox input {vertical-align:bottom;}
			.f-register label .filebox { position:absolute; z-index:100; top:2px; right:5px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
    .f-register p {line-height: 1.5em; padding-bottom: 2em}

.f-register-button {margin-left: 149px; margin-top:15px;}

/*** Multi column ***/
.f-register-column {width: 430px; float: left;}
    .f-register-column label {width:430px;}
.f-register-column-button {margin-left: 450px; margin-top:15px}

/*** Profile ***/
.l-profile-side {float:left; width:230px;}
	.l-profile-side .b-inner {padding-left:10px; width:200px;}
		.l-profile-side .b-inner p {margin-bottom:1em;}
		.img-photographer {display:block; margin-bottom:1em;}
.l-profile-main {float:right; width:730px;}	
	.l-profile-main .tbl-catalog {table-layout:fixed;}
	.l-profile-main .tbl-catalog td {padding:0 0 15px; text-align:center; width:auto; $padding-bottom:5px;}
	
    .b-profile-img-box {width:200px; height:200px; padding: 20px; position: relative}
		.b-profile-img-box-inner {width:200px; height:200px;vertical-align:middle; display:table-cell; overflow:hidden; text-align: center}
		.lnk-close {background:url(/images/btn_close.gif) no-repeat 0 0; width:14px; height:14px; display:block;}
		.b-profile-img-box .lnk-close {position:absolute; top:6px; right:6px; visibility:hidden;} 
	.b-profile-img-box-over {background:#dbf3f6;}
		.b-profile-img-box-over .lnk-close {visibility:visible;}

.note-box {margin:0 0 1em 20px;}
.note-box span {font-size:12px}
.note {background:#dbf3f6; color:#10aec4; padding:5px 10px;}
.control {padding-top: 10px; text-align: center}
.b-limit {font-size:1.4em; color:red;}
.b-sep40 {height: 40px}
.b-sep20 {height: 20px}
.w130 {width: 130px}

/*** Profile Edit ***/
.l-profile-main .f-register {margin-left:20px; margin-top:2.4em;}	
	.l-profile-main .f-register textarea.textbox {width:299px; margin-right:0;}	


#loader {display:none; position: absolute; left: 441px; width: 75px; height: 11px; background: url(/images/loader.gif);}
	
/*** Content Page ***/
.l-content { padding:10px;}
	.l-content h2 {padding-left:0;}
	.l-content p {margin-bottom:1em; line-height:140%;}
	.l-content ul {margin:0 0 1.6em 0; padding-left:3em; line-height:140%; list-style:disc;}

/*** Search autocomplite ***/	
.ac_results {width: 159px; padding: 0px; border: 1px solid #cccccc; border-top: 0px; background-color: #ffffff; overflow: hidden; z-index: 99999;}
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A; color: white;}
#noJS  {padding: 0px 0px 20px 10px;}

#tooltip {position: absolute; z-index: 3000; background-color: #DBF3F6;	padding: 5px;	opacity: 0.9;}
#tooltip h3, #tooltip div.body {font-size: 0.9em; color: #000000; line-height: 1.3em; padding: 0; margin: 0 }