﻿/* defaults */
body { margin: 0; font-size: 80%; background: url(/common/css/body-bg.jpg) no-repeat scroll 50% 0; }
body, form, input, td { font-family: Arial, Helvetica, sans-serif; color: #666666; margin: 0; }
img   { border: 0; }
h1    { color: #666666; font-size: 24px; font-weight: normal; padding: 0; margin: 0;  top: 106px; left: 170px; }/*position: absolute;*/
h2    { color: #666666; font-size: 0.95em; font-weight: bold; padding: 0; margin: 10px 0 5px 0; }
.hide { display: none; }
.pdflink { font-size: 0.75em; }

/* custom */
.title	   { font-size: 14pt; color: #F99B0C; }
.title2    { font-size: 10px; height: 20px; color: #F99B0C; }
.title3    { font-size: 10px; height: 20px; color: #F99B0C; }
.title4    { font-size: 10px; height: 19px; color: #F99B0C;}
.padB10    { padding-bottom: 5px; display: block; }
.padB20    { padding-bottom: 10px; display: block; }
.padB10T20 { margin-bottom: 5px; margin-top: 10px; display: block; }
.padB10T25 { margin-bottom: 5px; margin-top: 22px; display: block; }
.padB15T25 { margin-bottom: 12px; margin-top: 22px; display: block; }
#photo	   { float:left; margin-right:8px; margin-bottom:6px; font-size:0.85em; }

/* form styling */
/*form            { margin: 0; padding: 0; font-size: 100%; }
input.textinput { background:transparent url(srch-bg.gif) no-repeat scroll 0;
border:medium none;
height:16px;
padding:3px 5px 0 6px;
width:174px;}
form span       { height: 0; display: block; margin: 0; padding: 0; }
#submitbutton   { float: right; }*/



/* links */
a       { color: #666666; text-decoration: underline; }
a:hover { color: #FFA611; text-decoration: underline; }

/* navigation */
ul.nav  { list-style-type: none; margin: 0; padding: 0; vertical-align: top; }
#nav li { list-style-type: none; margin: 0; padding:0; display: inline; }

/* layout - homepage - top */
#main 		{ width: 770px; min-height: 237px; padding-bottom: 30px; }
#mainl 		{ width: 289px; }
#mainr 		{ width: 481px; margin-left: 289px; margin-top: -237px; }
#mainr span { width: 390px; margin-left: 22px; margin-top: 30px; display: block; }

/* layout - homepage - content */
#purchase	{ width: 170px; margin-left: 6px; margin-top: 10px; display: block; }
#purchasel  { float: left; }
#purchaser 	{ margin-left: 74px; display: block; }

#oneday		{ width: 170px; margin-left: 6px; margin-top: 10px; display: block; }
#onedayl  	{ float: left; }
#onedayr 	{ margin-left: 74px; display: block; }

#invest		{ width: 170px; margin-left: 6px; margin-top: 10px; display: block; }
#investl  	{ float: left; }
#investr 	{ margin-left: 74px; display: block; }

/* layout - homepage - bottom */
#copy 						{ width: 771px; }
#copyl 						{ float: left; width: 263px; display: block; }
#copyr 						{ margin-left: 263px; display: block; }
#copyrl						{ float: left; width: 325px; display: block; }
#copyrl span				{ width: 277px; display: block; }
#copyrr span				{ width: 180px; display: block; }
#copyrr						{ margin-left: 325px; display: block; }


/* navigation - homepage - list - arrows - orange */
#copyl ul, #copyr ul       { margin: 0; padding: 0;  margin-left: 8px; list-style: none; }
#copyl li, #copyr li       { margin: 0; }
#copyl ul li, #copyr ul li { padding-left: 13px; background: url("arrow-orange.gif") no-repeat 0 1px; }
#copyl li a, #copyr li a   { text-decoration: none; }
#copyl li a:hover, #copyr li a:hover  { text-decoration: underline; }

/* form styling */
#techspecs { width: 240px; height: 17px; font-size: 10px; }

/* layout - global */
#homecontainer{ position: relative; width: 770px; }
#container 	  { margin: 0 auto; width: 798px; padding-top: 8px; background-color:#FFFFFF;}

/* layout - global - header */
#header             { width: 798px; height: 105px; font-size: 0.85em; color: #666666; z-index:2;}
#header a           { text-decoration: underline; }
#header a:hover     { text-decoration: underline; }
#logo               { float:left; margin-top:8px;}
#rite				{float:right; width:211px;}
#homesitelink     	{ }
#homebar			{ }
#globalsitelink     { white-space: nowrap;  color: #CCCCCC; float:right;}
#navigation         {  display: block; height:10px; margin-top:8px;}
#navigation a:hover { text-decoration: none; }

#globalsitelink img {padding: 0 3px; position: relative; top: 3px;}

/* layout - global - header - search */
#globalsearch     {  width: 200px; height: 22px; float:right; }
#globalsearchform { position: relative; top: -15px; left: 55px;  width: 144px; height: 22px; }
#sitemaptext      { position: relative; top: 1px; }

/* BEGIN search form styles */
/* -------------------------------------------------------------*/
div.searchfield {line-height:90%;margin:0;padding:0;}
div.searchfield input {margin: 0 0 5px 0;}
input.textinput {background:transparent url("/common/css/srch-bg.gif") no-repeat;border: none;height:16px;padding:3px 5px 0 6px;width:174px;}
input.textinput {background-position: 0 0px; }
div.searchinputs {height:30px; float:right; margin-top:5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input.texinput {padding:3px 0 0 3px;margin: 0 10px 0 0;}
}

/* END   search form styles */
/* layout - homepage - content */
#imagery         { position: relative; display: block; float: left; }
#banner          { position: relative; display: block; }
#columns         { position: absolute; left: 0px; width: 475px; float: left; margin-left: 280px;}
#leftcolumn      { position: relative; width: 225px; display: block; float: left; }
#leftcolumn span { padding-bottom: 10px; display: block; }
#rightcolumn     { position: relative; width: 225px; display: block; float: right; }

/* layout - subpage - content */
.mainpic { padding:10px 0 10px 0; }
#subhead             { width: 447px; padding-top:50px; height:100%; padding-bottom:10px; }
#subcontent			 { width:798px; background:transparent url(/images/global/body_gradient.jpg) no-repeat scroll center top; z-index:1; min-height:500px;}	
#subcolumns          { width: 798px;}
#subleftcolumn       { width: 161px; float: left; display: block; padding-top:50px; padding-left:10px; }
#submidcolumn        { width: 452px; float: left; display: block; }
#submidcolumn img.right { padding: 2px 0 0 15px; float: right; }
#submidcolumn img.left { padding: 2px 15px 0 0; float: left; }
#submidcolumnwide    { width: 577px; float: left; display: block; }
#submidcolumnwide h1 { width: 572px; }
#submidcolumnwidemap { width: 577px; float: left; display: block; padding-left: 187px; }
#subleftcolumn span  { padding-bottom: 10px; display: block; }
#subrightcolumn      { width: 150px; float: right; display: block; padding-top: 2px; font-size: 0.85em; padding-left: 11px;  border:1px solid #000;}
#subspeccolumn       { width: 148px; float: right; display: block; }

/*layout - subpage - content2 */
#submidcolumn2      { width: 452px; float: left; display: block; padding-top:14px; }
#subrightcolumn2    { width: 130px; float: right; display: block; font-size: 0.85em; padding-right:20px; padding-top:78px; }
.subrighttitle 		{ font-size: 1.10em; font-weight: bold; padding-bottom: 10px; display: block; }
#outer 				{ height: 180px; overflow: hidden; position: relative; }
#outer[id] 			{ display: table; position: static; }
#middle 			{ position: absolute; top: 100%; } /* for explorer only*/
#middle[id] 		{ display: table-cell; vertical-align: bottom; position: static; }
#inner 				{ position: relative; top: -100% } /* for explorer only */

/* layout - subpage - leftnav */
#subleftcolumn ul 						{ margin: 0; padding: 0; margin-left: 10px; list-style: none; font-size: 0.95em; }
#subleftcolumn a 						{ text-decoration: none; padding-left: 10px; color: #666666; }
#subleftcolumn a:hover				    { text-decoration: none; padding-left: 10px; color: #F99B0C; }
#subleftcolumn ul.primary     		    { font-weight: bold; }
#subleftcolumn ul.primary li 		    { padding: 0 0 10px 0; margin: 0; }
#subleftcolumn ul.primary li a  		{ display: block; width: 125px; }
#subleftcolumn ul.primary li a img 		{ margin-left:3px; }
#subleftcolumn ul.primary li a:hover    {  }
#subleftcolumn ul.primary li a.on  		{ color:#F99B0C;}
#subleftcolumn ul.secondary    		    { margin-left: 15px; font-weight: normal; }
#subleftcolumn ul.secondary li 		    { padding: 0; margin: 0 0 0 -15px; padding-top: 5px;  }/*background:transparent url(gold_arrow_plus.gif) no-repeat scroll 1px 4px;*/
#subleftcolumn ul.secondary li a 	    {   }/*background: url(arrow-nav.gif) no-repeat 1px 5px; display: block; width: 100px;*/
#subleftcolumn ul.secondary li a:hover  {}
#subleftcolumn ul.secondary li a.on     { }
img.navSep {width:145px; height:1px; margin-left:-10px;}

/* layout - subpage - content - more information */
#submoreinfo		 { padding-left: 1px; padding-bottom: 12px; }
#submoreinfo img     { margin: 0 8px 8px 0; }
#submoreinfo span	 { padding-bottom: 8px;} 
#submoreinfo span a	 { background-image: none; padding: 0 0 3px 0; text-decoration: underline; display: inline; } 
#submoreinfo a       { text-decoration: none;  width:120px; color:#000000; font-weight:bold; }
#submoreinfo a img	 {	margin:0 0 0 3px;}
#submoreinfo a:hover { text-decoration: none; color:#F99B0C; }
#submoreinfo p {margin-top:6px;}
.subSpace{clear:both;}

/* layout - global - arrow lists */
ul.arrow     		{ list-style: none; margin: 10px 0 10px 25px ; padding: 0; }
ul.arrow li 		{  background: url("arrow-orange.gif") 1px 1px no-repeat; margin: 0; padding: 0 0 2px 15px; }

ul.list			{ list-style: square; margin: 10px 25px 10px 40px; padding: 0; }

ul.arrow2     		{ list-style: none; margin: 10px 0 10px 5px ; padding: 0; }
ul.arrow2 li		{ background: url("arrow-orange.gif") 1px 1px no-repeat; margin: 0; padding: 0 0 2px 15px; width: 105px; }
ul.arrow2 a			{ text-decoration: none; }


/*layout - global - back to top */
div.backtotop { float: right; display: block; }
div.backtotop a { background: transparent url("arrow-top.gif") 100% 50% no-repeat; padding-right: 10px; text-decoration: none; } 
div.backtotop a:hover { background: transparent url("arrow-top2.gif") 100% 50% no-repeat; padding-right: 10px; text-decoration: none; } 

/* layout - sitemap */
#sitemap b						  { background: url("arrow-orange.gif") no-repeat 0 1px; padding-left:2px; display: block; margin-bottom: 5px; }
#sitemap ul 					  { margin: 0; padding: 0; margin-left: 2px; list-style: none; font-size: 0.95em; }
#sitemap a 						  { text-decoration: none; padding-left: 10px; color: #666666; }
#sitemap a:hover				  { text-decoration: none; padding-left: 10px; color: #F99B0C; }
#sitemap ul.primary li 			  { padding: 0; margin: 0; padding-bottom: 1px; }
#sitemap ul.primary li a  		  { display: block; width: 135px; }
#sitemap ul.primary li a:hover    { background: url(arrow-nav-orange.gif) no-repeat 1px 4px; }
#sitemap ul.secondary    		  { margin-left: 15px; font-weight: normal; }
#sitemap ul.secondary li 		  { padding: 0; margin: 0; padding-top: 1px; }
#sitemap ul.secondary li a 	   	  {  }/*background: url(arrow-nav.gif) no-repeat 1px 5px; display: block; width: 100px; */
#sitemap ul.secondary li a:hover  { }/*background: url(arrow-nav2.gif) no-repeat 1px 5px; */
#sitemap ul.secondary li a.on     {  }/*background: url(arrow-nav2.gif) no-repeat 1px 5px; color: #F99B0C;*/
div.cleaner {clear:both; height:1px; overflow:hidden;}

/* Site Footer
-------------------------------------------------------------*/
div#footer {clear:both;margin-top: 25px;width:798px;}
div#footer ul {display:block;margin:0;padding:0;line-height:9px;padding-bottom:10px}
div#footer ul li {display:inline;font-size:9px;padding:5px 4px 5px 6px;background: transparent url(/img/other/footer-border.gif) no-repeat 0 2px;color:#999999;}
div#footer ul li.first {background:none}
div#footer ul li.copyright {background:none;color:#999;}
div#footer ul li a {color:#999;text-decoration:underline;}
div#footer ul li a:hover {color:black}
div#footer ul li a.espanol {background:#FFFFFF url(/img/home/espanol-menu-border.gif) no-repeat 23px 10px;text-decoration:none;}

#go-footer {float:right;margin-top:-40px;}

#footer a {border-style: none;}

#globalsitelink #countryFlag {vertical-align: top; top: -1px;}
#countryName {color: #999; margin-right: 2px;}

.accessible {position:absolute;left:-2000px;width:990px;font-size:1px;line-height:1;}

.sf-menu{z-index:10;}

h2.graphicTitle{border:0px;margin:0px;padding:0px;top:auto;left:auto;margin-bottom:21px;}

.clear { clear: both; }

/* список банков */
.banks { margin-bottom: 40px; }
.banks .bank { display: block; float: left; width: 440px; padding: 2px; /* font-size: 70%; */ color: #808284; }
.banks .bank a { color: #0023A0; }
.banks .bank div { border: 1px solid #FdFdFd;}
.banks .bank div p { padding: 5px 0 5px 50px; margin: 0 !important;}
.banks .clear { background-color: #D5D5D5; margin-bottom: 2px; height: 1px;}
.bank_letter { padding: 10px 10px 10px 14px; color: #FFFFFF; font-size: 14px; width: 15px; margin-bottom: 40px; }
.bank_letters a { padding: 2px 5px 2px 5px;; font-size: 12px; font-weight: bold; text-transform: uppercase; background-color: #D5D5D5; margin-right: 2px; color: #FFFFFF; }
.bank_letter, .bank_letters a.selected { background-color: #0023A0; }
.bank_letter, .bank_letters a.selected { background-color: #FFA000; }

/* пресс-релизы */
.pr_comment { margin-top: 20px; clear: both; }
.pr_comment .text { width: 260px; float: right; background-color: #F3F3F3; font-size: 90%; padding: 20px; border-bottom: 2px solid #FFA000; }
.pr_comment .text h1 { color: #363636; margin: 0px 0px 5px 0px;}
.pr_comment .text p { color: #363636; margin: 0px 0px 5px 0px; text-align: left;}
.pr_comment .text a { color: #0023A0; }
.pr_comment img { float: left; }


#alphabet { margin-top: 30px; margin-left: 5px; }
#alphabet a{ display: block; float: left; width: 19px; height: 17px; background: #d7d7d7; border: 1px solid #fff; color: #fff; font-weight: bold; text-align: center; padding-top: 2px; text-decoration: none; }

#alphabet a.selected {
	background-color: #0023A0;
}
#alphabet a:hover {
	background: #FFA000;
}
#alphabet div {
	height: 19px;
	width: 19px;
	background: #E9E9E9;
	float: left;
	border: 1px solid #fff;
}


