@import url(reset.css);

/* GLOBAL SETS */
body {line-height: 150%; font-size: 0.75em /* = 12px */; color: #636363; font-family: "Trebuchet MS", Lucida Grande, Lucida Sans Unicode, Tahoma, Verdana, sans-serif}
a {color: #0D62AC}
a:hover, .contentwrap table a:hover {color:#F90300; text-decoration:none}
em {font-style: normal}
strong {font-weight: bold}
input, select, textarea {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; /* color: #0c65ae; */ vertical-align: middle;}
a.button, .inputBtn {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #F5FBFF; color: #09A6EA; border: 1px solid #D5F0FC; text-decoration: none; padding: 3px 6px; font-weight: bold; cursor: pointer}
	a.button:hover, .inputBtn:hover {color: #E3181F;  background: white; text-decoration: none}
input.secondary {font-weight: normal}
.inputText, select, textarea {border: 1px solid #cccccc; padding: 2px;}
.inputText:focus, select:focus, textarea:focus {border-color: #9CCAE2}
#headerwrapper, #main, #footer {width: 960px; margin: 0 auto}
.alignCenter {text-align: center}
.alignRight {text-align: right}
.alignLeft {text-align: left}
.floatRight {float: right}
.floatLeft {float: left}
.clear {clear: both;}
.hidden {display: none}

/* vertical rhythm */
.contentwrap p {margin-bottom: 1.5em}
.contentwrap h2 {font-size: 1.5em; margin-bottom: 1em; line-height: 1em}
.contentwrap h3, .formBox legend {font-size: 1.1667em; line-height: 1.286em; margin-top: 1.2857em /* 1.929em */; margin-bottom: 0.643em}
.contentwrap h4 {margin-bottom: 1em; font-weight: bold}


/* HEADER */
#header {border-bottom: 1px solid #F6F6F6}
	#headerwrapper {height: 88px; border-top: 6px solid #f6f6f6 ; margin: 0 auto; position: relative; overflow: hidden}

	#header h1 {position: absolute; height: 64px; width: 405px; background: url(../pics/logo.png) no-repeat; top: 12px; left: 12px; z-index: 0}
		#header h1 a {display: block; overflow: hidden; text-indent: -1000px; height: 100%}
  #header ul { height: 25px; list-style: none; margin:11px 0 auto auto; padding-right: 14px; float: right}
    #header li { float: left; background: url(../pics/arrow_gray_right.png) 0 center no-repeat; padding: 0 0 0 12px; margin: 0 1px 0 19px; font-size: 0.9em}
      #header li a { color: #656565; text-decoration: none}
      #header li a:hover { color: #c70100; text-decoration: underline}
  #userInfo { float: right; width: 444px; padding: 3px 8px 0 8px; margin: 9px 0 0 12px; background: url(../pics/userInfo.png) no-repeat; clear: both; font-size: 11px}
    #userInfo p { margin: 0 0 3px 0}
    #userInfo em { color: #939da6}
    #userInfo strong {font-weight: bold; margin-right: 1em; line-height: 1em}
			#userInfo strong img {vertical-align: top}
    #logout {color: #f80300; text-decoration: none; float: right}
    #logout:hover { text-decoration: underline}
  #userLogin {float: right; width: 418px; padding: 3px 4px 0 0; margin: 0 0 0 12px; background: url(../pics/userLogin.png) right top no-repeat; clear: both}
/*   #userLogin {float: right; width: 408px; height: 40px; padding: 3px 4px 0 8px; margin: 0 0 0 12px; background: url(../pics/userLogin.png) no-repeat}	 */
    #userLogin #userLoginForm {margin: 4px 0 0 auto; text-align: right}
      #userLogin fieldset { border: 0}
        #userLogin label {  color: #000; font-size: 0.9em; margin: 0 0 0 5px}
        #userLogin input { vertical-align: middle; border: 1px #ccc solid; font-size: 12px; color: #0c65ae}
        #userLogin #login { width: 102px; /* height: 18px; */ padding: 3px 3px 2px 1px}
        #userLogin #password { width: 102px; padding: 3px 3px 2px 1px}
				#userLogin #openid { width: 180px; padding: 3px 3px 2px 20px; background: url(../pics/icon_openid_mini.png) 3px center no-repeat}
				#userLogin #loginSubmit {width: 67px; height: 21px; color: #f8f8f8; border: 1px solid #ccc; font-weight: bold; margin: 0 2px 0 12px; background: #f8f8f8; color: #7188af; cursor: pointer; font-size: 12px}
        #userLogin #loginSubmit:hover {color: #296db3}
		#userLogin #userLoginOptions {margin-top: 1px; text-align: right; white-space: nowrap}
			#userLogin #userLoginOptions a {color:#787A8F; font-size: 0.8em; text-decoration: none}
			#userLogin #userLoginOptions a:hover {color:#C70100; text-decoration:underline}
			#userLogin #userLoginOptions a#zOpenId {background: url(../pics/icon_openid_mini.png) center left no-repeat; padding-left: 18px; margin-left: 13px}
			#userLogin #userLoginOptions a#przypomnijLogin {margin-right: 90px}
			#userLogin #userLoginOptions a#zUzyciemLoginuYoyo {background: url(../pics/icon_yoyo_mini.png) center left no-repeat; padding-left: 18px; margin-left: 133px}
			
			
/* MAIN */			
#main {}

/* MAIN - homepage */
#main.main-homepage {margin-top: 12px}
#level-1, #level-2, #level-3 {clear: both}
#intro {width: 653px; height: 146px; float: left; margin-bottom: 16px}
	#intro a {display: block; height: 100%; text-indent: -1000px; overflow: hidden; background: url(../pics/intro.png) no-repeat}	
#download {float: right; width: 291px; color: #A0A0A0; margin-bottom: 16px; padding: 12px 0 0 0}
	#download h2 {background: url(../pics/header-pobierz.png) no-repeat; height: 13px; line-height: 1em; text-indent: -1000px; overflow: hidden; margin: 0 0 1em 0}
	#download h3 {font-weight: bold; text-align: center}
	#download p {font-size: 11px; text-align: center; line-height: 1.15em}
	#download a.btn_dl {width: 250px; margin: 1em auto 0 auto; display: block; height: 36px; background: url(../pics/btn_dlnow.png) top center no-repeat; overflow: hidden; color: #777777; text-decoration: none; font-weight: bold}
		#download a.btn_dl em {display: block; margin:19px 45px 0pt 74px; text-align: right}
		#download a.btn_dl em span {display: none}
	#download a.btn_dl:hover {color: #BCDB38}
	
#level-2 .feature {width: 302px; float: left; padding: 0 8px; margin-bottom: 16px}
	#level-2 .feature h2 {height: 44px; text-indent: -1000px}
	#level-2 .feature .short {height: 96px; margin: 0 -8px}
		#level-2 .feature .short a {display: block; height: 100%; text-indent: -1000px; overflow: hidden}
	#level-2 .feature .long {padding: 0 16px 16px 16px; cursor: default}	
	#feature1 h2 {background: url(../pics/feature1-head.png) top center no-repeat}
	#feature1 .short {background: url(../pics/feature1-short.png) no-repeat}
	#feature1 .long {background: url(../pics/feature1-btm.png) bottom}
		#feature1 .long:hover {color: #3E9626}
	#feature2 h2 {background: url(../pics/feature2-head.png) top center no-repeat}
	#feature2 .short {background: url(../pics/feature2-short.png) no-repeat}
	#feature2 .long {background: url(../pics/feature2-btm.png) bottom}
		#feature2 .long:hover {color: #AC7917}
	#feature3 h2 {background: url(../pics/feature3-head.png) top center no-repeat}
	#feature3 .short {background: url(../pics/feature3-short.png) no-repeat}
	#feature3 .long {background: url(../pics/feature3-btm.png) bottom}
		#feature3 .long:hover {color: #AA0F0F}
	#feature1, #feature2 {margin-right: 3px}
#level-3 {background: url(../pics/level3-right-btm.png) right bottom no-repeat; overflow: hidden; margin: 0 0 16px; zoom:1}	
	#level-3 #costs {width: 651px; background: url(../pics/level3-left.png) top no-repeat}	
	#level-3 #news {width: 309px; background: url(../pics/level3-right.png) top right no-repeat; overflow: hidden}	
	#level-3 #costs, #level-3 #news {float: left; padding: 12px 0 0 0;}
		#level-3 h2 {height: 13px; line-height: 1em; text-indent: -1000px; overflow: hidden; margin: 0 12px 1em 12px}
		#costs h2 {background: url(../pics/header-cenniki.png) no-repeat; text-indent: 0; zoom:1}	
			#costs h2 span {display: none}	
			#costs h2 a {text-align: right; font-size: 0.9em; display: block; text-decoration: none; color: #82BDDB; font-weight: normal; line-height:0.9em; height: 100%}	
				#costs h2 a:hover {text-decoration: underline; color: #f90300}	
		#news h2 {background: url(../pics/header-conowego.png) no-repeat}	
		#news dl {margin: 0 12px; line-height: 1.3em;}
			#news dt {margin-bottom: 0.3em}
				#news dt strong {font-weight: bold}
				#news dt small {display: block; color: #B0B0B0}
			#news dd {margin-bottom: 1em; color: #787A8F}
				#news .more {text-align: right}
					#news .more a {text-decoration: none; font-weight: bold}
		/* #costs: */
			#detailedCosts {float: left; margin: 0 0 12px 12px; width: 220px; display: inline}
				#detailedCosts h3 {font-weight: bold; margin: 0 0 0.5em 0; text-align: center; border-bottom: 1px solid #F2F2F2; padding-bottom: 0.3em}
				#detailedCosts.pl h3 span {background: url(../pics/flags/pl.gif) 0 0.2em no-repeat; color: #881111; padding-left: 25px}
				#detailedCosts table {width: 100%}
					#detailedCosts td.value {color: #DF1923}
			#countriesList {float: left; width: 395px; margin: 0 12px 12px 12px /* left: 244px */; display: inline}
				#countriesList {}
					#countriesList table {margin: 0 0 12px 0; width: 49%;}
					#countriesList table.left {float: left}
					#countriesList table.right {float: right}
					#countriesList td.value {color: #0430A9}
					#costs th, #costs td {font-weight: bold; padding: 3px 2px 5px 2px}
					#costs th img {margin-right: 0.5em}
					#costs th em {font-weight: normal}
				#otherCosts {clear: both; background: #F8FFED; padding: 3px 5px; color: #6E8A42; border-top: 1px solid #E9F9B2; border-bottom: 1px solid #E9F9B2; zoom:1}
					#otherCosts strong {color: #3E9626;}
					#otherCosts em {color: #0281BF; font-weight: bold; font-size: 1.1em}
		#costs .note {clear: both; font-size: 0.9em; color: #c0c0c0; margin: 0 2em 0 2em; text-align: center; border-top: 1px solid #e0e0e0; zoom:1}

/* MAIN - subpage */
#main.main-subpage {}
#sidebar {width: 25%; float: left; background: url(../pics/bg_pixel.png) right repeat-y;}
	.sidemodule {margin-bottom: 1.5em; background: #F8F8F8 url(../pics/grayFrameBox-tl.png) no-repeat; margin-top: -1px; zoom:1}
	.sidemodule .wrap {padding: 12px; background: url(../pics/grayFrameBox-bl.png) bottom left no-repeat; zoom:1}
		.sidemodule a {text-decoration: none}
		.sidemodule ul {}
			.sidemodule ul li { padding: 3px 0 3px 10px; font-weight: bold; background: url(../pics/arrow_right_red.png) 0 center no-repeat; border-bottom: 1px #f0f0f0 solid; }
				.sidemodule ul li a {color: #5C81A0; text-decoration: none; display: block; zoom:1}
				.sidemodule ul li a:hover {text-decoration: underline; color:#F90300; }
				.sidemodule ul li li a:hover {text-decoration: none;}
			.sidemodule ul li.open { background: url(../pics/arrow_down_red.png) 0 9px no-repeat; }	
				.sidemodule ul ul {margin: 0 0 0 0.15em}	
					.sidemodule ul ul li {background: url(../pics/icon_circle_red.png) 0 0.55em no-repeat; border: none; padding: 1px 0 1px 10px}	
						.sidemodule ul ul li a {color: #958B82}	
			.sidemodule ul li.hot a {color: #f80300}	
	.smpanel {background: #F7F6EE url(../pics/warmBox-tl.png) 0 0 no-repeat;}
		.smpanel .wrap {background: url(../pics/warmBox-bl.png) 0 100% no-repeat;}
		.smpanel h2 {height: 13px; line-height: 1em; zoom:1}
		#smp_account.smpanel h2 {background: url(../pics/header-twojekonto.png) no-repeat; }
		#smp_phone.smpanel h2 {background: url(../pics/header-twojtelefon.png) no-repeat; }
		#smp_orders.smpanel h2 {background: url(../pics/header-twojezamowienia.png) no-repeat; }    
  		#smp_orders.smpanel h2 a {background: url(../pics/toggler-right.gif) no-repeat 100% 50%; }
			.smpanel h2 span {display: none;}
			.smpanel h2 a {text-align: right; display: block; color: #B2AEAA; font-weight: bold; font-size: 11px; height: 100%; background: url(../pics/toggler-up.gif) no-repeat right 4px; padding-right: 10px; line-height: 1em; }
			.smpanel h2 a:hover {color: #636363}
			.smpanel .content {margin-top: 1em}
			.smpanel ul li {border-bottom-color: #F6EAD4}
				.smpanel ul li a {}
			.smp_minimized .content {display: none}
				.smp_minimized h2 a {background: url(../pics/toggler-down.gif) no-repeat right 4px; color: #B78B8F}
	
	#priceViewer {background: #E6F4FA url(../pics/blueBox-tl.png) 0 0 no-repeat; text-align: center}
		#priceViewer .wrap {background: url(../pics/blueBox-bl.png) 0 100% no-repeat; /* padding: 6px 12px */}
		#priceViewer h2 {background: url(../pics/header-sprawdzcene.gif) no-repeat; height: 13px; line-height: 1em; zoom:1; text-indent: -1000px; overflow: hidden}
		#priceViewer select {font-size: 11px; display: block; margin: 1em 0 6px 0; border: 1px solid #B2D2E0; width: 100%; }
		#priceViewer strong {font-size: 1.1em; background: #fff; padding: 2px 3px; color: #D56206; }
		#priceViewer small {display: block;   margin-top: 5px; font-size: 0.9em}
			#priceViewer small em {font-style: italic}
	
#content {width: 75%; float: left; background: url(../pics/bg_pixel.png) left repeat-y; margin-left: -1px; }
	.contentwrap {padding: 1em 18px 1.5em 18px}
	.contentwrap h2 {font-family:  Arial, sans-serif; font-weight: bold}
	.contentwrap h2/* .icon  */{background: /* #E9F9FF */ #E6F5FC url(../pics/contenttitle-bg.png) no-repeat; height: 35px; padding: 0 8px; line-height: 35px; color: #39809C; width: 666px}
	.contentwrap h3 {font-weight: bold}
	.contentwrap a {font-weight: bold}	
	.contentwrap .inputText, .contentwrap textarea, .contentwrap select {background: #F2F9FD; border: 1px solid #9FDBF5; padding: 2px}	
	.inputBtn {}
	
	.strongPoints {margin: 2em; }
	.strongPoints h3 {margin-bottom: 1.5em; text-align: center}
	.strongPoints dt {font-size: 1.5em; margin-bottom: 0.5em; color: #139CD2; }
	.strongPoints dl {padding-left: 72px; padding-bottom: 1.2em; }
		.p-tanie {background: url(../pics/p-grosz.png) no-repeat}
		.p-zaDarmo {background: url(../pics/p-darmo.png) 0 0 no-repeat}
		.p-billing {background: url(../pics/p-billing.png) 0 0 no-repeat}
		.p-prosteZasady {background: url(../pics/p-proste.png) 0 0 no-repeat}
		.p-pocztaGlosowa {background: url(../pics/p-poczta.png) 0 0 no-repeat}
		.p-naliczanie {background: url(../pics/p-naliczanie.png) -3px 0 no-repeat}
		.p-numery {background: url(../pics/p-numery.png) 0 0 no-repeat}
		.p-doladowania {background: url(../pics/p-doladowania.png) 0 0 no-repeat}
		.p-dzwonienie {background: url(../pics/p-dzwonienie.png) 0 0 no-repeat}
		.p-brakAbonamentu {background: url(../pics/p-abonament.png) 0 0 no-repeat}
		
	.basicList, .newsBody ul, .newsBody ol {margin-left: 1em; margin-bottom: 1.5em}
		.basicList li, .newsBody ul li {background: url(../pics/icon_greendot.gif) 0 0.4em no-repeat; border: none; padding-left: 1.5em; margin-bottom: 0.5em}
		
	p.context_download  { }
	p.context_download a {float: right; margin: 0 0 1em 1em; width: 130px; height: 156px; display: block; background: url(../pics/dl_box.png) no-repeat; text-decoration: none;}
		p.context_download em {padding-top: 134px; display: block; text-align: center; color: #9CD13B; font-size: 11px}
		p.context_download span {display: none}
	 
	ul.newsListing {}
		ul.newsListing li {}
		.news {margin: 0 8px 1em 8px}
			.news h3 { margin-bottom: 0; border-bottom:3px solid #a0bac7; padding: 4px 8px}
			.news h4 {font-weight: normal; color: #abc1cc; text-align: right; margin-bottom: 0.3em; font-size: 0.9em; padding: 0 8px}
			.newsBody {padding: 4px 8px;  margin: 0 2em}
			ul .newsBody {padding: 4px 8px; /* font-size: 1.1667em; line-height: 1.286em;  */}
			
				.newsBody p {margin-bottom: 0.7em }
				.newsBody ul {margin-bottom: 0.7em;  }
				.newsBody ol {list-style-type: decimal; margin-left: 2.4em; margin-bottom: 0.7em; }
					.newsBody ol li {margin-bottom: 0.5em}
			.newsFoot {text-align: right; padding: 3px 5px;  border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #fafafa}
				.newsFoot a {/* color: #09A6EA; */ text-decoration: none;}
		
		div.news_single {}
		
#accountPanel {margin: 1em 4em 1.5em 4em; margin: 0 36px 1.5em 36px;}		
	#accountPanel h2 {margin-left: -36px; margin-right: -36px; }		
	#accountPanel .pcontent {padding: 0.5em}		
	#accountPanel dl {overflow: hidden;   margin-bottom: 1em;}		
	#accountPanel dt {font-size: 1.1667em; line-height: 1.286em; font-weight: bold; border-bottom: 1px solid #DAF7B0; padding: 0 0 0.5em 0; color: #71B10B; color: #1e9e2d}		
	#accountPanel dd {clear: both; background: #fff; padding: 1em; background: #FAFDF6; overflow: hidden}		
		#accountPanel dd p {margin-bottom: 0}		
	#accountPanel dl.multiple dd {padding-bottom: 5px; margin-bottom: 1px}
		#accountPanel dl.multiple dd p {margin-left: 176px}
		#accountPanel dl.multiple .note {display: block; font-size: 0.9em}
	#accountPanel label {font-weight: bold; float: left; width: 170px; padding: 0; color: #3D7714}
	#accountPanel .button, #accountPanel .inputBtn {background: #fff}		
	#accountPanel .money, #accountPanel em {font-weight: bold}		
	
 
#promo {background: url(../pics/promo.gif) 0 0 no-repeat; margin: 0 0 1.4em 18px; min-height:90px;
  height:auto !important; height:90px; line-height: 1.65em; border-bottom: 8px solid #eee;}
#promo strong.title {float: left; text-indent: -1000px; overflow: hidden}
#promo p {border-top: 4px solid #ededed; margin: 0 0 0 95px; padding: 1em 1em 1em 1em; font-size: 1.17em; font-weight: normal}
#promo p strong {background: #14996f; color: #fff; font-size: 1.1em; padding: 0 0.21em}
#promo em {font-weight: bold}
 
.contentwrap table { margin: 0 auto 1.5em auto}
table.common, table.vcommon {border-collapse: collapse; color: #3D7714}	

table.common thead th, table.vcommon thead th {  border-bottom:1px solid #DAF7B0; color:#16815F; font-size:1.1667em; font-weight:bold; padding: 7px; 	border-bottom: 3px solid #DAF7B0 }
table.common tbody td, table.vcommon tbody td, table.vcommon tbody th {background: #FAFDF6; padding: 6px 6px; border-bottom: 1px solid #DAF7B0; }
table.common tr.odd td, table.vcommon tr.odd td {background: #fff; padding: 6px 6px; }
table.common tfoot td, table.vcommon tfoot td {background: #F0F9E4; padding: 6px 6px;    border-top:2px solid #fff; }
table.common tfoot th, table.vcommon tfoot th {background: #F0F9E4; padding: 6px 6px;    border-top:2px solid #fff; font-weight: bold}
table.common a, table.vcommon a {color: #0080C9}
table.vcommon tbody th {background: #EFFAFF; font-weight: bold;   border-bottom-color: #fff; border-bottom: 1px solid #B7E4F9; color: #447A94; border-right: 1px solid #fff}
	table.vcommon tbody tr.odd th {background: #F7FCFF;  }
table.vcommon thead th {border-bottom-color: #B7E4F9;}
.alignCenter td, .alignCenter th {text-align: center;} 
		
.pagination {}		
.pagination p {line-height: 2em; text-align: center}		
.pagination a {background: #F5FBFF; color: #09A6EA; border: 1px solid #D5F0FC; text-decoration: none; padding: 2px 6px; font-weight: bold; }		
	.pagination a:hover {color: #E3181F; background: #fff; text-decoration: none}
.pagination span {padding: 2px 6px}		
.pagination .current {font-weight: bold; background: #09A6EA; color: #fff; padding: 3px 8px}		

a.button, .inputBtn {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #F5FBFF; color: #09A6EA; border: 1px solid #D5F0FC; text-decoration: none; padding: 3px 6px; font-weight: bold; cursor: pointer}
	
		
#breadcrumbs ul {padding: 12px 24px 0 18px; overflow: hidden; zoom:1}
	#breadcrumbs li {color: #959ba7; float: left; padding: 0 15px 0 0; margin: 0 8px 0 0; background: url(../pics/arrow_right_red.png) right 6px no-repeat}
	#breadcrumbs li.last { background: none; padding: 0}
	#breadcrumbs a { font-weight: normal; color: #959ba7; text-decoration: none}	
		#breadcrumbs a:hover { text-decoration: underline; color: #C70100}

#reportbar {margin: 0 1.5em 1.5em 1.5em; font-size: 1.1667em; padding: 12px 12px 12px 46px; font-weight: bold}
	#reportbar p {margin: 0}
.rb-info {background: #EEF4D7 url(../pics/report_info.gif) 10px 12px no-repeat; color: #3B690A}
.rb-warning {background: #FAF4DD url(../pics/report_warning.gif) 17px 10px no-repeat; color: #705D25}
.rb-error {background: #FFECEC url(../pics/report_error.gif) 10px 10px no-repeat; color: #950F31}
			
/* form layout */
.formBox {}
.formBox legend {margin-top: 0}
.formBox fieldset {margin: 1em 0}
.formBox .required, .formBox .optional, .formBox .buttons {margin-bottom: 0.5em; overflow: hidden; padding: 4px 0 4px 170px; zoom:1}
	.formBox .required label {font-weight: bold}
.formBox .error {background: #FCF3F4; border: 1px solid #FEE1E3; border-left: 0; border-right: 0; padding-top: 0; border-top-width: 2px}
.formBox .errorField {color: #D3232F; background: #fff url(../pics/icon_attention.gif) 4px 4px no-repeat; font-weight: bold; margin: 0 0 0.75em 0.25em; padding: 3px 0 3px 26px; border-bottom: 2px solid #FEE1E3; margin-left: -170px;}
.formBox label {float: left; margin: 2px 0 0 -170px; width: 165px; text-align: right}
.formBox .compactBox label {display: block; float: none; margin: 0 0 0 0; text-align: left; width: auto}
.formBox .inputText {width: 200px}
.formBox textarea {width: 300px}
.formBox select {width: 200px}
.formBox small {display: block; font-size: 0.9em; color: #157398}
.notes {background: #FFFFE1; padding: 4px 6px; border: 1px solid #FFE594; margin-bottom: 1em}
			
/* FOOTER */
#footer { clear: both; width: 960px; margin: 0 auto; background: #f6f6f6; color: #bab1b1; font-size: 11px; zoom:1; margin-bottom: 16px}
	#footer .t-l {background: url(../pics/footerCorner-tl.png) top left no-repeat; zoom:1}
	#footer .t-r {background: url(../pics/footerCorner-tr.png) top right no-repeat; zoom:1}
	#footer .b-l {background: url(../pics/footerCorner-bl.png) bottom left no-repeat; zoom:1}
	#footer .b-r {background: url(../pics/footerCorner-br.png) bottom right no-repeat; zoom:1}
		
	#footer .padding {padding: 15px 15px}
	#footer a {color: #787a8f; text-decoration: none}
		#footer a:hover {text-decoration: underline; color: #C70100}
	#footer dl {overflow: hidden}
		#footer dl dt {float: left; margin-right: 5px; clear: both}
		#footer dl.current dd {padding: 0 14px 0 0; background: url(../pics/footer_dot.png) right 5px no-repeat; margin-right: 9px; border: none}
			#footer dl.current a {font-weight: bold}
		#footer dl.current dd.last {background: none}
		#footer dl dd {display: inline}	
		#footer #yoyoBlock {margin-top: 1.5em; overflow: hidden; background: url(../pics/footer_yoyoLogo.png) 25px center no-repeat}
			#footer #yoyoBlock #yoyoBlockLogo {margin-top: 4px; width: 150px; padding: 5px 10px; background: url(../pics/footer_yoyoLogo.png) center no-repeat; height: 27px; float: left; display: none}
			#footer #yoyoBlock #yoyoBlockText {margin-left: 175px; border-left:4px solid #f0f0f0; padding-left: 10px}
				#footer #yoyoBlock #yoyoBlockText ul {margin-bottom: 6px; overflow: hidden; list-style: none; zoom:1}
					#footer #yoyoBlock #yoyoBlockText ul li {display: inline; padding: 0 14px 0 0; background: url(../pics/footer_dot.png) right 5px no-repeat; margin-right: 11px; border: none; float: left}
					#footer #yoyoBlock #yoyoBlockText ul li.last {background: none}
				#footer #yoyoBlock #yoyoBlockText p.small {font-size: 0.9em; margin-bottom: 0px}
#footerBottomSpace {height: 25px}