﻿@charset "utf-8";

/* ------------------------------------
 * --        TABLE OF CONTENT        --
 * ------------------------------------
 * 1. Global CSS reset
 * 2. Typografia (typography)
 * 3. Listy (lists)
 * 4. Tabele (tables)
 * 5. Formularze (forms)
 * 6. Często używane klasy (common classes)
 * 7. Layout
 * 8. Różne elementy (other elements)
 * 9. Elementy contentu (content elements)
 * 10. Elementy sidebaru (sidebar elements)
 */

/* ------------------------------------ *
 * --           1. RESET             -- *
 * ------------------------------------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, 
q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, hr, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
}

html, body  {
	background: #003263 url(../img/common/body-bg.jpg) repeat-x 0 0;
	color: #fff;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
/*	height: 100%; */
	line-height: 1.3;		
	text-align: left;
/*	width: 100%; */	
}

:root { overflow-y: scroll !important; }

img, fieldset { 
	border: 0 none; 
	outline: 0 none; 
}

/* focus - jakoś trzeba je jednak wyróżnić, przynajmniej w wypadku elementów formularza */
form :focus, a:focus { 
	outline: 0 none; 
}

a, em, strong, span, acronym, abbr, q, cite {
  color: inherit;	
	font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;	
  font-weight: inherit;
}

em { 
	font-style: italic; 
}

strong { 
	font-weight: bold; 
}

em strong, strong em {
  font-style: italic;
	font-weight: bold;
}

acronym, abbr {
	border-bottom: 1px dotted;	
	cursor: help;
}

q, cite, blockquote { 
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: no-open-quote;
	content: no-close-quote;
}


/* ------------------------------------ *
 * --        2. TYPOGRAPHY           -- *
 * ------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-weight: bolder;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 13px;
	line-height: 1.2;
}

h1, h2, #sidebar h3 { 
	color: #ecf0ee;
	font-size: 25px;
}

.slogan {
	color: #003263;
	font-weight: normal;
	font-size: 25px;
	padding: 13px 10px 0;
}

h3, h4 {
	color: #fd7500;	
}

h3 { 
	font-size: 17px;
}

#sidebar h4 { 
	font-size: 15px;
}

h4, h5 {
	font-size: 13px;
}

h5 { 

}

h6 { 
	font-size: 12px;
	color:#FF0000;
}
.orange {color: #fd7500;}

p, address, ul, ol, dl {
	font-style: normal;
	padding-bottom: 13px;
}

/* linki */

/* pierwszy wariant linków - text-decoration */

a { 
	color: #ccd7e9;
	text-decoration: underline;
}

a:hover {
	color: #fd7500;
/*	text-decoration: none; */
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: inherit;
	text-decoration: underline;
}

/* cytaty */

blockquote {
	background: #658ABE url(../img/common/quote.gif) no-repeat scroll 9px 10px;
	font-family: Georgia, Times New Roman, Times, serif;	
	font-style: italic;
	margin: 0 10px 13px;
	padding: 13px 24px 0 36px;
}

blockquote p {
	font-style: italic;
}

/* ------------------------------------ *
 * --           3. LISTS             -- *
 * ------------------------------------ */

ol, ul { 
	list-style: none; 
}

ol ul, ul ul { 
	padding-bottom: 0; 
}

ol ul li, ul ul li { 
	padding-bottom: 1px;
	padding-top: 1px;
}

/* lista wypunktowana 01 */
ul.bulleted-01 li {
	background: url(../img/common/bull-01.gif) no-repeat 0 3px;
	padding: 0 0 4px 26px;
}

/* lista numerowana */
ol.numbered {
	list-style: decimal-leading-zero outside;
	margin-left: 40px;
}

/* listy zagnieżdżone */
ol ul.bulleted-01 li, ul ul.bulleted-01 li {
	background: url(../img/common/bull-01.gif) no-repeat 0 4px;
	padding: 1px 0 4px 27px;
}

/* ------------------------------------ *
 * --           4. TABLES            -- *
 * ------------------------------------ */

table { /* nadać 'cellspacing="0"' w kodzie */
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 13px;
}

th, td {
	border-bottom: 1px solid #fff;
	padding: 6px;
	text-align: left; /* wyrównanie tekstu można usunąć i zdefiniować dla klas nadanym col */
	vertical-align: top;	
}

th {
	font-weight: bold;
}

thead th {
	background: #658ABE;	
}

.everySecond td, .everySecond th { background: #8FA6BF; }

caption {
	caption-side: top;
	font-weight: bolder;
	padding: 0 0 9px 6px;
	text-align: left;
}

/* ------------------------------------ *
 * --           5. FORMS            -- *
 * ------------------------------------ */

form {
	margin: 0 auto 18px;
}

fieldset, form > div {
	overflow: hidden;
}

legend {
	white-space: normal !important;
	display: block;
	color: #fd7500;
	font-size: 17px;
	font-weight: bolder;
	padding-bottom: 14px;
}

textarea {
	overflow: auto;
}

input[type="radio"], input[type="checkbox"] {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

fieldset > ul, 
form > div > ul {
	padding: 0 0 9px;
}

fieldset > ul > li, 
form > div > ul > li {
	overflow: hidden;
	padding: 0 0 8px;
}

fieldset > ul > li > label, 
form > div > ul > li > label, .label {
	display: block;
	float: left; 
	padding: 3px 10px 0 0;
	width: 170px;
	font-weight: bolder;
}

fieldset h4 {
	padding:0 0 5px;
	} 

.inputWrap {
	padding: 0;
	margin: 0 0 0 180px;
}
.inputWrap input, .inputWrap textarea {
	font-family:Verdana;
	color:#333;
	font-size:13px;
	}


fieldset > ul > .diff > label, 
form > div > ul > .diff > label {
	float: none; 
	width: auto;
}

div.diff {
	padding:10px 0 12px;
	}
.textInput, select {
	border: 1px solid #8ca6cd;
	color: #333;
	width: 204px;
	padding: 4px;
}

.textInput {
	width:196px;
}
input#loan{font-weight:bold;color:black;}
.form .textInput {
	width: 260px;
}
.form input.short {
	width:220px;
}
textarea.textTextarea {
	width: 260px;
	padding:4px;
	height:130px;
}
textarea.textInput {
	display: block;
	width: 432px;
	margin-top: 9px;
	height: 102px;
}

.textInput:focus, select:focus {
	border-color: #fd7500;
	background: #dae4ee;
}

optgroup {
	font-style: normal;
	font-weight: bolder;
}


/* buttons */

form .buttons {
	padding: 0 0 9px;
	position:relative;
}

form .buttons .print {
	padding:8px 0 0;
	}
form .buttons .fl-l {
	margin-right: 10px;
}

form .buttons .fl-r {
	margin-left: 10px;
}
select.selectmid {
	width:150px;
	}
select.selectShort {	
	width:68px; 
	float:left;
	margin:0 3px 0 0;
	}
.button {
	background: #fd7500 url(../img/common/) no-repeat 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	display: block;
	font: bold 11px/24px Arial, Helvetica, sans-serif;
	height: 24px;
	margin: 0;
	padding: 0 0 3px;
	text-align: center;	
	width: 90px;
}

.button:hover {
	background: #658ABE url(../img/common/) no-repeat 0 -24px;
	color: #003263;
}

/* Success / Failure messages */
.failure, .success {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 10px 18px; 
	padding: 8px 10px 8px 60px;		
}
.failure { 
	background: #fbe3e4 url(../img/common/error.gif) no-repeat 18px 50%;
	border: 1px solid #dc1919;
	color: #dc1919;
}

.failure a {
	color: #ff7348 !important;
	border: 0 none !important;
}

.failure a:hover { text-decoration: underline; }

.success { 
	background: #e6efc2 url(../img/common/success.gif) no-repeat 18px 50%;
	border: 1px solid #c6d880;
	color: #264409;
}
.required {
	color:#e50000;
}	
/* ------------------------------------ *
 * --       6. COMMON CLASSES        -- *
 * ------------------------------------ */

.invisible { 
	visibility: hidden;
}

.hide { 
	display: none;
}

.visible { 
	display: block !important;
	visibility: visible !important;
}

.fl-l { 
	float: left !important; 
}

img.fl-l {
	margin: 0 20px 18px 0;
}

.fl-r { 
	float: right !important; 
}

img.fl-r {
	margin: 0 0 18px 20px;
}

.clear { 
	clear: both; 
}

.bold { 
	font-weight: bold; 
}

.noBorder { 
	border: 0 none !important;
}

.uppercase { 
	text-transform: uppercase; 
}

/* some colors classes */
.orange, .orange * {
	color: #fd7500 !important;	
}

/* ------------------------------------ *
 * --        7. MASTER LAYOUT        -- *
 * ------------------------------------ */

/* wspólne ustawienia kilku bloków */
#topNav, #footer {
	margin: 0 auto;
	overflow: hidden;
}
/* głowny blok strony */
#wrapper {
	width: 870px;
	margin: 0 auto;
}

/* kolumny */
#contentWrapper {
	margin: 0 auto;
	overflow: hidden;
}

/* główna zawartość - można odwrócić bez ingerowania w kod - tylko sidebar i content odwrotne float'y dostaną */
#content {
	float: left;
	padding: 18px 10px;
	width: 468px;
	overflow: hidden;
}

/* boczna zawartość */
#sidebar {
	float: right;
	overflow: hidden;
	padding: 18px 10px;
	width: 310px;
}

/* główna zawartość dla homepage */
.homepage #content {
	float: left;
	width: 580px;
	padding: 0 0 18px;
	margin-top: 5px;
}

/* boczna zawartość dla homepage */
.homepage #sidebar {
	float: left;
	width: 290px;
	padding: 0 0 18px;
	margin-top: 5px;
	background: url(../img/common/side-bg.jpg) 0 0 no-repeat;
	min-height: 210px;
}

/* główna zawartość dla how it works */
.hiwpage #content {
	width: 850px;
	float: none;
}

/* nagłówek */
#masthead {
	margin: 0 auto;
	width: 870px;
	position: relative;
	height: 132px;
}

/* logo */
h1.logo, h1.logo a {
	height: 53px;
	overflow: hidden;
	width: 440px;
}

h1.logo, h1.FlashLogo {
	padding: 0;	
	position: absolute;
	bottom: 66px;
	left: -127px;
}

h1.logo {
	background: url(../img/common/logo.jpg) no-repeat 0 0;
}

h1.logo a {
	display: block;
	text-indent: -9999px;
}

#masthead p {
	position: absolute;
	font: normal 17px/21px Verdana, Geneva, Arial, Helvetica, sans-serif;
	right: 12px;
	top: 37px;
	color: #fd7500;
}

#masthead p strong {
	font: bold 29px/1 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}

/* Top navigation*/
#topNav {
	height: 29px;
	padding: 0;
	position: absolute; bottom: 0; right: 0;
}

#topNav li { 
	display: inline; 
}

#topNav a {
	display: block;
	height: 29px;
	float: left;
	width: 117px;
	text-indent: -9999px;
	margin: 0 4px 0 0;
}

#topNav .how-it-works {
	background: url(../img/common/menu-how.jpg) no-repeat 0 0;
}

#topNav .what-we-loan {
	background: url(../img/common/menu-loan.jpg) no-repeat 0 0;
	width: 174px;	
}

#topNav .apply-now {
	background: url(../img/common/menu-apply.jpg) no-repeat 0 0;
	width: 98px;
}

#topNav .security {
	background: url(../img/common/menu-security.jpg) no-repeat 0 0;
	width: 72px;
}

#topNav .what-we-buy {
	background: url(../img/common/menu-what.jpg) no-repeat 0 0;
}

#topNav .faq {
	background: url(../img/common/menu-faq.jpg) no-repeat 0 0;
}

#topNav .about-us {
	background: url(../img/common/menu-about.jpg) no-repeat 0 0;
	width: 82px;
}

#topNav .testimonials{
	background: url(../img/common/menu-testimonials.jpg) no-repeat 0 0;
	width: 117px;
}

#topNav .contact {
	background: url(../img/common/menu-contact.jpg) no-repeat 0 0;
	width: 92px;
}

#topNav .didya {
	background: url(../img/common/menu-didya.jpg) no-repeat 0 0;
	width: 124px;
}

#topNav .interest {
	background: url(../img/common/menu-interest.jpg) no-repeat 0 0;
	width: 117px;
}

#topNav a:hover, #topNav a.active { 
	background-position: 0 -29px !important;
}

/* Footer */
#footer {
	padding: 0 10px;
	width: 850px;
}

.opening {
	float: left;
	width: 330px;
	padding: 0 18px 0 0;
	font-size: 14px;
}

.logos {
	float: right;
	width: 500px;
	padding: 0;
}

.logos li {
	display: inline;
	padding: 0 10px;
}

.logos img {
	vertical-align: middle;
}

.ICO {
	height: 15px;
	display: block;
	padding: 5px 0 0 15px;
}
.ICO2 {
	height: 15px;
	padding: 40px 0 0 348px;
}

#footerMenu {
	clear: both;
	overflow: hidden;
	font-size: 12px;
	line-height: 1;
	padding: 26px 0 13px;
}

#footerMenu li {
	float: left;
	padding: 0 8px;
	border-left: 1px solid #ccd7e9;
}

#footerMenu li.first {
	float: left;
	padding: 0 8px 0 0;
	border-left: 0 none;
}

.legal {
	color: #6689bd;
	font-size: 10px;
}

/* ------------------------------------ *
 * --       8. RÓŻNE ELEMENTY        -- *
 * ------------------------------------ */

.innerContainer {
	overflow: hidden;
	position: relative;
}

.linkButton {
	text-align: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 -31px;
	background-repeat: no-repeat;
	height: 31px;
}

.linkButton:hover {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
}

input.linkButton {
	border: medium none;
	cursor: pointer;
}

.helpBut {
	background-image: url(../img/common/but-help.gif);
	background-position: 0 0;	
	height: 30px;
	width: 62px;
	cursor:pointer;
}

.helpBut:hover {
	background-position: 0 -30px;
}
p.legend {
	white-space: normal !important;
	display: block;
	color: #fff;
	font-size: 17px;
	font-weight:400;
	padding-bottom: 14px;
}
p.rightParagraph {
	padding:0 10px 13px 180px;
}
/* ------------------------------------ *
 * --       9. CONTENT ELEMENTS     -- *
 * ------------------------------------ */

/* --            homepage            -- */

.trackBut {
	width: 175px;
	background-image: url('../img/common/but-track2.gif');
	margin: 0 10px 0 0;
}
.trackButHome {
	width: 175px;
	background-image: url(../img/common/but-track2.gif);	
	margin: 0 10px 0 0;
}

#needCash .buttons {
	padding-top: 24px;
}

.homepage #animation {
	width: 580px;
	height: 210px;
	overflow: hidden;
	background: url(../img/common/ani-l-bg.jpg) 0 0 no-repeat;
	margin-bottom: 24px;
}

.homepage #animation img {
	display: block;
	margin: 0 auto;
}

.hp-row {
	overflow: hidden;
	padding: 0 10px
}

.hp-row .col-l {
	float: left;
	width: 270px;
}

.hp-row .col-r {
	float: right;
	width: 270px;
}

.loanBox {
	padding: 0 0 52px;
	position: relative;
}

.homepage .loanBox {
	padding-bottom: 13px;
}

.homepage .loanBox li h3 {
	font-size: 13px;
	color: #fd7500;	
	padding: 0 0 6px;
	letter-spacing: -1px
}

.productpage #sidebar .loanBox li h3 {
	font-size: 15px;	
	padding: 0;
}

.loanBox ul {
	padding: 5px 0 10px;
	position: relative;
	z-index: 1;
}

.homepage .loanBox ul {
	min-height: 336px;
	padding: 5px 0;
}

.loanBox li {
	overflow: hidden;
	padding-bottom: 13px;
}

.loanBox li img {
	float: left;
	margin: 2px 0 0;
}

.loanBox .text {
	margin-left: 80px;
}

.loanBox .text p {
	font-size: 11px;
  padding: 0;
}

.calcBut, .applyBut, .interestBut {
	margin: 0 auto;	
	width: 175px;
}
.homeButtons {
	padding-left: 20px;
}
.homepage .applyBut, .homepage .interestBut {
	margin: 0 10px 12px 0;
}
.homepage .calcBut {
	margin: 12px 10px 12px 0;
}
.productpage .applyBut {
	margin: 0 auto 0 0;	
	background-position: 0 0;
}

.productpage .applyBut:hover {
	background-position: 0 -31px;
}

.calcBut {
	background-image: url(../img/common/but-calc.gif);
	cursor:pointer;
}
.homepage .interestBut {
	background-image: url(../img/common/but-home-interest.gif);
	cursor:pointer;
}

.buttonsList {
	padding: 0;
}

.buttonsList li {
	margin-bottom: 32px;
}

.buttonsList .linkButton {
	background-position: 0 -63px;	
	height: 63px;
	width: 298px;
	margin: 0;
}

.buttonsList .linkButton:hover {
	background-position: 0 0;	
}

.buttonsList .calcBut {
	background-image: url(../img/common/but-calc-big.gif);
}

.buttonsList .interestsBut {
	background-image: url(../img/common/but-interests.gif);
}

.loanBut {
	background-image: url(../img/common/but-gold-loan-rates.gif);
	float:right;
}

.cryptoBox {
	padding: 5px 0 15px;
}

.homepage .cryptoBox {
	padding: 0 0 15px;
}

.homepage .row #calcOpen {
	margin:0 0 12px 0;
	}
.homepage .row .applyBut{
	margin:0 7px 12px 0;
	}
.homepage .row .trackBut {
	width: 196px;
	background: url(../img/common/but-track.gif) 0 0 no-repeat;	
	margin: 0 7px 12px 0;
}
.homepage .row .trackBut:hover { 
	background-position:0 -31px;
	}
.cryptoBox .bulleted-01 {
	font-size: 12px;
}
ul.bulleted {
	margin:0 0 0 10px;
	}
.applyBut {
	background-image: url(../img/common/but-apply.gif);	 	
}

#sidebar .didYouBut {
	background-image: url(../img/common/but-did-you-big.gif);	
}

#sidebar .faqBut {
	background-image: url(../img/common/but-faq-big.gif);	
}

#sidebar .trackBut {
	background-image: url(../img/common/but-track-big.gif);	
}

.printBut {
	background-image: url(../img/common/but-print.gif);	
	width: 119px;	
}

#calculator {
	width: 298px;
	height: 336px;
	padding: 0;
	margin: 0;
	background: url(../img/common/calc-bg-big.gif) no-repeat 0 0;
	display: none;
}

.homepage #calculator {
	width: 268px;
	background: url(../img/common/calc-bg.gif) no-repeat 0 0;	
}

.caclOnTop {
	position: absolute;
	right: auto;
	left: 0;
	top: 50px;
	z-index: 2;	
	display: block !important;
}

.homepage .caclOnTop {
	right: 0;
	left: auto;
}

#calculator legend {
	display: none;
}

#calculator fieldset {
	padding: 48px 16px 0;
}

#calculator label {
	font-size: 15px;
	display: block;
	padding: 0 0 6px;
}

#calculator .calcBut {
	background: url(../img/common/but-calc-calc.gif) no-repeat 0 0;
}

#calculator .applyBut {
	background: url(../img/common/but-apply-calc.gif) no-repeat 0 -31px;
}

#calculator .closeCalcBut {
	background: url(../img/common/but-close-calc.gif) no-repeat 0 0;
	height: 33px;
	margin: 0 auto;
	width: 175px;
}

#calculator .calcBut:hover {
	background-position: 0 -31px;
}

#calculator .applyBut:hover {
	background-position: 0 0;
}

#calculator .closeCalcBut:hover {
	background-position: 0 -33px;
}

#calculator div {
	padding-bottom: 2px;
}

#calculator .linkButton {
	margin: 10px auto 8px !important;
}

/* --            how it works            -- */

.hiwpage #content p {
	font-size: 17px;
}

#steps {
	padding: 5px 0;
	position:relative;
}
#steps .detailPanel {
	position:absolute;
	right:0;
	top:-5px;
}

#steps li {
	overflow: hidden;
	padding-bottom: 27px;
}

#steps li img {
	float: left;
	margin: 2px 0 0;
}

#steps .text {
	margin-left: 120px;
}

#steps .text h3 {
	color: #feba80;
	font: normal 25px/1.2 Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
}

#steps .text p.what {
  color: #fd7500;
	font: normal 25px/1.2 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#steps .expand, #steps .collapse {
	display: inline-block;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	/*background: url(../img/common/expand-collapse.gif) no-repeat 100% 0;*/
	padding-right: 16px;
}

#steps .collapse {
	/*background: url(../img/common/expand-collapse.gif) no-repeat 100% -15px;*/
}

#steps .details {
	/*clear: left;
	padding: 26px 0 0 120px;
	position: relative;
	min-height: 60px;*/
	position:absolute;
	right:0;
	top:-5px;
	width:409px;
}

#steps .details p {
	padding-bottom: 6px;
}

#steps .helpBut {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -15px 0 0;
}
#steps .step-1 {
	background: url(../img/common/detail-step-1-bg-big.gif) 0 0 no-repeat;
	width: 377px;
	position: relative;
	padding: 15px 16px 0 16px;
	height: 250px;
}
#steps .step-1 p {
	font-size:18px;
	color:#003263;
	line-height:120%;
}
#steps .arrowStep1 {
	position:absolute;
	left:-46px;
	top:81px;
	}
#steps .arrowStep2 {
	position:absolute;
	left:-46px;
	top:209px;
	}
#steps .arrowStep3 {
	position:absolute;
	left:-46px;
	top:343px;
	}
#steps .arrowStep4 {
	position:absolute;
	left:-46px;
	top:475px;
	}
#steps .stepPanel p {
	font-size: 17px;
	color: #003263;
	line-height: 125%;
}
#steps .stepPanel p.small {
	font-size:14px;
}
#steps .stepPanel p.smallIndent {
	font-size:15px;
	padding:20px 0 0;
	}
#steps .helpStep3 {
	position:relative;
	margin-top: 20px;
	}
#steps .helpStep3 p {
	padding-left:74px;
	font-size: 14px; 
}
#steps .details .helpPopup {
	display:none;
	position:absolute;
	left:-36px;
	top:46px;
	background:#ccd7e9;
	border:2px solid #fd7500;
	color:#003263;
	width:225px;
	
	padding:6px 16px 0px 11px;
}
#steps .details .helpPopup p {
	font-size:11px;
	padding-left:0px;
	}
#steps .details .helpPopup p strong {
	color:#fd7500
	}
#steps .details .helpPopup p a {
	color:#fd7500
	}
#steps .helpBut {
	position: absolute;
	left: 0;
	top: 25px;
	background:url(../img/common/but-help-step.gif) 0 -31px no-repeat;
}
#steps .helpBut:hover {
	background:url(../img/common/but-help-step.gif) 0 0 no-repeat;
}
.stepPanel p.indented {
	margin-left: 50px;
}
.stepPanel p.indented span {
	margin-left: -50px;
	width: 50px;
	display: block;
	float: left;
	font-weight: bold;
}

.panelWrap {
	width:409px;
	background:url(../img/common/detail-bg.gif) 0 0 repeat-y;
	}
.panelWrap .panel {
	min-height:484px;
	background:url(../img/common/detail-bg-top.jpg) 0 -9px no-repeat;
	padding:9px 20px 0 24px;
	}
.panelWrap .panelShort {
	min-height:250px;
	background:url(../img/common/detail-bg-top.jpg) 0 -9px no-repeat;
	padding:9px 20px 0 24px;
	}
.panelBottom {
	background:url(../img/common/detail-bg-bottom.gif) 0 0 no-repeat;
	height:11px;
	width:409px;
	}
.panelTop {
	height:9px;
	width:409px;
	background:url(../img/common/details-top.gif) 0 0 no-repeat;
	position:relative;
	}
.hiwpage #content .defaultPanel p {
	color:#003263;
	font-size:20px;
	font-weight:bold;
	padding:0 0 25px;
	}
.defaultPanel p strong {
	font-size:29px;
	}
.defaultPanel ul {
	margin:0 0 17px 14px;
	}

.defaultPanel li {
	padding:0 0 14px 28px;
	background:url(../img/common/orange-bullet.gif) 0 10px no-repeat;
	color:#003263;
	font-size:22px;
	font-weight:bold;
	} 
.defaultPanel .applyBut {
	background:url(../img/common/but-apply-calc.gif) 0 -31px no-repeat;
	}
.defaultPanel .applyBut:hover {
	background:url(../img/common/but-apply-calc.gif) 0 0  no-repeat;
	}
.helpPopup p {
	font-size:14px;
}

/* --            products page            -- */

.intro {
	overflow: hidden;
	padding-bottom: 13px;
}

.intro img {
	float: left;
	margin:0 18px 8px 0;
	vertical-align:top;
}

.intro p {
	/*margin-left: 80px;*/
}
.moreText {
	clear: both;
	margin-top: 20px;
}
.row {
	overflow: hidden;
	margin-top: 26px;
}

.homepage .row {
	margin-top: 0;
	padding: 0 10px;
}

p.cell {
	float: left;
	width: 140px;
	margin: 0 16px 0 0;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow: hidden;
}

p.cell img {
	display: block;
}

p.cell a {
	text-decoration: none;
}

p.cell a:hover {
	text-decoration: underline;
}

p.cell > a + strong {
	margin-top: 8px;
}

p.cell strong {
	font-size: 15px;
	display: block;
}

p.cell span {
	display: block;
	padding-bottom: 8px;
}
.help-wrapper {
	position:relative;
	clear:both;
	}	
.help {
	width:62px;
	height:31px;
	position:absolute;
	left:-78px;
	top:-88px;
	}
.helpPopup {
	display:none;
	position:absolute;
	left:-220px;
	top:-47px;
	background:#ccd7e9;
	border:1px solid #fd7500;
	color:#003263;
	width:174px;
	padding:6px 18px 0px 12px;
}
.helpPopup li {
	padding:0 0 6px;
	}
.helpPopup span {
	color:#fd7500;
	}
.display-bl {
	display:block !important;
}
/* ------------------------------------ *
 * --     10. ELEMENTY SIDEBARU      -- *
 * ------------------------------------ */

/* --            homepage            -- */

/* główna zawartość dla homepage */
/* .homepage #content width = 560px + 2*10px; */
/* .homepage #sidebar width = 270px; + 2*10px */

.frmCont {
	margin: 8px auto 18px;
	width: 272px;
	padding: 7px 0 0;
	overflow: hidden;
	background: url(../img/common/side-frm-top.png) 0 0 no-repeat;
}

.cashFrm {
	margin: 0 auto;
	padding: 0 0 7px !important;
	background: url(../img/common/side-frm-bot.png) 0 100% no-repeat;
	width: 272px;
}

.cashFrm fieldset {
	padding: 4px 10px 6px 12px;
	overflow: hidden;
	background: url(../img/common/side-frm-mid.png) 0 0 repeat-y;
}

.cashFrm fieldset ul {
	width: 250px;
	overflow: hidden;
}
.cashFrm label, .cashFrm .label {
	width: 70px;
	color: #023465;
	font-size: 11px;
}

.cashFrm h3 {
	color: #023465 !important;
	font-size: 20px !important;
	font-weight: bold;
	/*text-transform: uppercase;*/
}

.cashFrm .inputWrap {
	padding: 0;
	margin: 0 0 0 80px;
}

.cashFrm .textInput, .cashFrm select {
	width: 168px;
	padding: 2px;
	font-size: 11px;
}

.cashFrm .textInput {
	width: 162px;
}

.cashFrm input.short {
	width: 90px;
}

.form input.short {
	width:220px;
}

.cashFrm  textarea.textInput {
	width: 242px;
	margin-top: 9px;
	height: 52px;
}

.cashFrm .infoNote, .cashFrm .infoNote li {
	padding: 0 0 6px;
	color: #023465;
	font-size: 10px;
}

.cashFrm .infoNote strong {
	display: block;
}

.cashFrm .infoNote li {
	padding: 0 !important;
}

.cashFrm div.diff {
	overflow: hidden;
}

.cashFrm div.diff span {
	font-size: 11px;
	margin-left: 20px;
	display: block;
}

.cashFrm a {
	color: #023465;
}

.cashFrm a:hover {
	color:#FD7500;
}

.getBut {
background-image:url(../img/common/but-cash.gif);
margin:0 auto;
width:119px;
}


/*--- Latest Gold Prices ---*/
.goldPrices {
	width:269px;
	padding:50px 15px 0;
	height:326px;
	margin: 0 0 40px;
	background:url(../img/common/gold-prices-bg.gif) 0 0 no-repeat;
}
.goldPrices h4 {
	color:#003263;
	font-size:13px;
	padding:0 0 7px;
	font-weight:700;
	font-family:Verdana;
}
.goldPrices table {
	width:175px;
	margin:0 0 22px;
	}
.goldPrices td {
	border:#fd8715 1px solid;
	padding:2px 14px 1px 5px;
	}
li.value {
	overflow:hidden;
	}
li.value dt {
	width:170px;
	padding:0 10px 0 0;
	float:left;
	font-weight:700;
	color:#FD7500;
	}
li.value dd {
	float:left;
	}
li.value dd span{
	color:#FD7500;
	font-weight:700;
}

.contacts {
	font-size:15px;
	font-family:Tahoma;
}
.contacts li {
	overflow:hidden;
	margin:0 0 3px;
	}
.contacts li dt {
	float:left;
	width:80px;
	padding:0 5px 0 0;
}
.contacts li dd {
	float:left;
	font-weight:bold;
	color:#FD7500;
	}
.contacts li dd a {
	color:#FD7500;
	text-decoration:none;
	}
.contacts li dd a:hover {
	color:#ccd7e9;
	}
.contacts ul {
	padding:0 0 3px;
	}
.contacts .address {
	padding:0 0 5px;
	}
.contacts .address .pawn {
	color:#ccd7e9;
	font-weight:700;
	}
.contacts .address .direct {
	color:#fd7500;
	font-weight:700;
	}

.faqList ol li, .testimonialList ul li {
	list-style-image:none;
	list-style-position:outside;
	height:auto;
	vertical-align:top;
	font-weight:bold;
	color:#fd7500;
	margin:0 0 0 25px;
	padding:3px 0 7px;
	list-style-type:decimal;
	border-bottom:1px solid #aabcd7;
	}
.faqList ol li h5{
	padding:0 0 0 30px;
	cursor:pointer;
	}
	.testimonialList ul li h5 {
	padding:0 0 0 30px;
	cursor:pointer;
	}
.faqList  .answer {
	padding:11px 0 0 30px;
	color:#FFF;
	}
.testimonialList  .answer {
	padding:11px 0 0 30px;
	color:#FFF;
	}
	
#iterestRates,#loanRates {
	width:299px;
	overflow:hidden;
	display:none;
	margin:0 0 40px;
	position:relative;
	}
#loanRates td+td, #loanRates th+th { 
	text-align:right;
	}	
	
.interestRatesShow {
	margin: 20px 0 0 0;
	padding: 20px;
	background: #fda307;
	/*position:relative;*/
}
.iterestRatesTop {
	height:45px;
	background:url(../img/common/interest-rates-bg-top.gif) 0 0 no-repeat;
	overflow:hidden;
	}
#loanRates .iterestRatesTop { 
	background:url(../img/common/gold-loan-rates-bg-top.gif) 0 0 no-repeat; 
	}
.iterestRatesBottom {
	height:30px;
	overflow:hidden;
	background:url(../img/common/interest-rates-bg-bottom.gif) 0 0 no-repeat;
	}
.iterestRatesWrapper {
	overflow:hidden;
	min-height:485px;
	padding:0 15px;
	position:relative;
	background:url(../img/common/interest-rates-bg.gif) 0 0 no-repeat #fda307;
	}
#loanRates .iterestRatesWrapper { 
	min-height:365px; 
	background:url(../img/common/gold-loan-rates-bg.gif) 0 0 no-repeat #fda307; 
	}
.iterestRatesWrapper p, .interestRatesShow p {
	color:#003263;
	font-size:12px;
	padding: 0 0 6px 0;
	}
.iterestRatesWrapper .footnote, .interestRatesShow .footnote {
	font-size:10px;
	}
.iterestRatesWrapper table, .interestRatesShow table {
	width:100%;
	font-size:11px;
	}
.iterestRatesWrapper td, .interestRatesShow td {
	border:#fd8715 1px solid;
	padding:2px 5px 1px 5px;
	}
.iterestRatesWrapper th, .interestRatesShow th {
	background:#fd7500;
	border:#fd8715 1px solid;
	padding:2px 5px 1px 5px;
	}
.iterestRatesWrapper h4, .interestRatesShow h4 {
	color:#003263;
	padding:0 0 5px;
	}
.iterestRatesWrapper h5 {
	color:#fd7500;
	padding: 0 0 5px;
	}
.interestRatesShow h5 {
	color:#ffffff;
	padding: 0 0 5px;
	}
.ratesTop{
	/*position: absolute;
	right: auto;
	left: 0;
	top: 50px;
	z-index: 2;*/
	display: block !important;
}
.bulleted-02 {
	margin:0 0 0 8px;
	padding:0 0 8px 0 !important;
	}
.bulleted-02 li{
	background:url(../img/common/orange-bullet.gif) 0 4px no-repeat;
	padding:0 0 0 20px;
	color:#003263;
	font-weight:bold;
	font-size:14px;
}
.display_n {
	display:none;
}
#iterestRates .closeCalcBut, #loanRates  .closeCalcBut{
	background: url(../img/common/but-close-calc.gif) no-repeat 0 0;
	height: 33px;
	margin: 0 auto;
	width: 175px;
}

#iterestRates .closeCalcBut:hover, #loanRates  .closeCalcBut:hover {
	background-position: 0 -33px;
}

.boldOrange {
	font-size:17px;
	color:#fd7500;
	font-weight:700;
	}

.homepage .boldOrange {
	font-size:14px;
}

/*our names*/
.nameItems {
	overflow:hidden;
	margin:0 0 30px;
	}
.nameItems div {
	margin-left:237px;
	}
.nameItems img {
	float:left;
	}
.nameItems div p {
	padding:0 10px 9px 0;
	}
	
/**/
#content p.small {
	font-size:11px;
	}

ul.privacyList {
	margin-left: 30px;
}

.privacyList li {
	margin-bottom: 5px;
}

.noIndent {
	font-weight: bold;
	margin-top: 10px;
	margin-left: -15px;
}
/*what our customers say*/
.customersSay {
	width:551px;
	background:url(../img/common/bg_customers_say.png) repeat-y 0 0;
	}
.customersSay .customersSayBotom {
	height:14px;
	clear:both;
	background:url(../img/common/bg_customers_say_bot.png) no-repeat 0 0;
	}
.customersSay .customersSayWrap {
	overflow:hidden;
	margin:0 4px;
	background:url(../img/common/bg-content_customers_say.png) repeat-x 0 0;
	min-height:63px;	
	}
.customersSay .customersSayWrap p {
	padding:4px 19px 0 16px;
	color:#000;
	}
.customersSay h3 {
	height:36px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/common/h3-what_our_customers_say.png) no-repeat 0 0;
	}
.customersSay .more {
	float:right;
	margin:-20px 23px 0 0;
	}
.customersSay .more a {
	color:#1e4c7e;
	text-decoration:none;
	font-weight:700px;
	font-size:16px;
	}