/* Lightbox iframe overrides */
body#iLightbox {
    margin: 0;
    padding: 0;
    text-align: left;
}

#iLightbox #mainWrap {
    background: none;
}

#iLightbox #mainWrap form.formWrap {
    border: 0;
}

/*- Tertiary Navigation -*/
#tertiaryNav ul li.active {
    color: #096f74;
}

#tertiaryNav p.heading a strong, #tertiaryNav ul li a {
    color: #7ebe34;
    text-decoration: underline;
    font-weight: bold;
}

#tertiaryNav p.heading a:hover strong, #tertiaryNav p.heading a:focus strong, #tertiaryNav ul li a:hover, #tertiaryNav ul li a:focus {
    color: #2fa8ac;
}

#tertiaryNav p.heading a:active strong, #tertiaryNav ul li a:active {
    color: #333;
}

#tertiaryNav ul li a {
    background: #f9f9f9 url("../img/css/nav-arrow-right.png") no-repeat 10px 0.8em;
}

#tertiaryNav ul li.active a {
    background-image: url("../img/css/nav-arrow-down.png");
    background-position: 7px 1em;
}

#tertiaryNav ul li ul li a, #tertiaryNav ul li.active ul li a {
    color: #2fa8ac;
    text-decoration: none;
    font-weight: normal;
    background: none;
}

#tertiaryNav ul li ul li a:hover, #tertiaryNav ul li ul li a:focus {
    color: #7fbe35;
    text-decoration: underline;
}

#tertiaryNav ul li ul li a:active {
    color: #333;
}

#tertiaryNav {
    margin-bottom: 50px;
}

/*-- Secondary Navigation --*/
#secondaryNav {
    float: left;
    width: 948px;
    padding: 0 0 4px 2px;
}

#secondaryNav a {
    display: block;
    padding: 3px 2px 8px 2px;
    font-weight: bold;
}

#secondaryNav a:hover, #secondaryNav a:focus, #secondaryNav a:active {
    background: url("../img/css/nav-sec-bg.png") repeat-x left bottom;
}

#secondaryNav li {
    float: left;
    border-right: solid 1px #e4e3e3;
    border-bottom: solid 1px #e4e3e3;
}

#secondaryNav li.first {
    border-left: solid 1px #e4e3e3;
}

#secondaryNav li strong, #secondaryNav li strong a {
    color: #7ebe34;
    text-decoration: underline;
}

#secondaryNav li strong a:hover, #secondaryNav li strong a:focus {
    color: #2fa8ac;
}

#secondaryNav li strong a:active {
    color: #333;
}

/* moved from GT.nova.js now hasJS is added to body tag early */
body.hasJS #secondaryNav {
    visibility: hidden;
}

/*--- Promo Bubble ---*/
div.promoBubble1, div.promoBubble2, div.promoBubble3, div.promoBubble4, div.promoBubble5, div.promoBubble7 {
    position: relative;
    background-repeat: no-repeat;
    background-position: left top;
}

div.promoBubble1 {
    min-height: 164px;
    padding: 43px 0 0 30px;
    background-image: url("../img/css/bubble-yellow.png");
}

div.promoBubble2 {
    min-height: 148px;
    padding: 60px 0 0 33px;
    background-image: url("../img/css/bubble-yellow-2.png");
}

div.promoBubble2 p.phone span.tel {
    display: block;
    font-weight: bold;
}

div.promoBubble2 a {
    font-weight: bold;
    text-decoration: underline;
}

div.promoBubble3 {
    width: 251px;
    min-height: 141px;
    padding: 52px 0 0 34px;
    background-image: url("../img/css/bubble-yellow-3.png");
}

div.promoBubble4 {
    width: 239px;
    min-height: 113px;
    padding: 42px 0 0 26px;
    background-image: url("../img/css/bubble-green.png");
}

div.promoBubble5 {
    width: 209px;
    min-height: 188px;
    padding: 35px 0 0 30px;
    background-image: url("../img/css/bubble-yellow-4.png");
}

div.promoBubble6 {
    min-height: 260px;
    padding: 35px 0 0 35px;
    background: transparent url("../img/css/bubble-yellow-5.png") no-repeat;
}

div.promoBubble7 {
    min-height: 260px;
    padding: 55px 0 0 40px;
    /*left: 42px;
    top:-187px;*/
    width: 282px;
    background: transparent url("../img/css/bubble-yellow-6.png") no-repeat;
}

div.theme3 div.promoBubble1 p.whiteText {
    width: 220px;
}

div.theme3 div.promoBubble1 a.productImage {
    position: relative;
    left: -22px;
}

div.theme3 div.promoBubble6 a.productImage {
    position: relative;
    left: -7px;
    top: -11px;
}

div.theme3 div.promoBubble2 {
    top: 67px;
    left: 7px;
    margin: 0 0 40px 0;
}

div.theme5 div.promoBubble3 {
    left: 403px;
    top: -93px;
    margin-bottom: -34px;
}

div.theme6 div.promoBubble4 {
    left: 171px;
    top: -76px;
    margin-bottom: -93px;
}

div.theme7 div.promoBubble2 {
    top: 67px;
    left: 7px;
    margin: 0 0 40px 0;
}

/*-- Fixed Width Button With Alpha Channel --*/
a.fixButton {
    display: block;
    position: relative;
    z-index: 3;
    float: left;
    margin-bottom: 15px;
    cursor: pointer;
}

a.fixButton span.body {
    display: block;
    width: 200px;
    min-height: 33px;
    padding: 10px 24px 0 20px;
    background: url("../img/css/btn-fix-silver-top-bg-ac.png") no-repeat left top;
    line-height: 1.3em;
    color: #333;
}

a.fixButton:hover, a.fixButton:focus, a.fixButton:active {
    text-decoration: none;
}

a.fixButton .link {
    padding-top: 0.6em;
    display: block;
    color: #2fa8ac;
    font-weight: bold;
}

a.fixButton span.multiLine .link {
    padding-top: 0;
}

a.fixButton:hover .link, a.fixButton:focus .link, a.fixButton:active .link, a.fixButton:hover .linkArrow, a.fixButton:focus .linkArrow, a.fixButton:active .linkArrow {
    color: #005931;
}

a.fixButton span.base {
    display: block;
    width: 100%;
    height: 15px;
    font-size: 1px;
    position: absolute;
    left: 0;
    bottom: -15px;
    background: url("../img/css/btn-fix-silver-base-bg-ac.png") no-repeat left top;
}

a.fixSubmit span.body {
    background-image: url("../img/css/btn-fix-cyan-top-bg-ac.png");
}

a.fixSubmit span.base {
    background-image: url("../img/css/btn-fix-cyan-base-bg-ac.png");
}

a.fixButton:hover > span.body, a.fixButton:focus > span.body, a.fixButton:active > span.body {
    background-image: url("../img/css/btn-fix-silver-top-bg-hover-ac.png");
}

a.fixButton:hover > span.base, a.fixButton:focus > span.base, a.fixButton:active > span.base {
    background-image: url("../img/css/btn-fix-silver-base-bg-hover-ac.png");
}

a.fixButton strong.applyButton, a.fixButton span.compareButton {
    margin-top: 4px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    height: 22px;
}

a.fixSubmit strong.applyButton, a.fixSubmit span.compareButton {
    background-position: left -22px;
}

a.fixButton:hover span > strong.applyButton, a.fixButton:focus span > strong.applyButton, a.fixButton:active span > strong.applyButton, a.fixButton:hover span > span.compareButton, a.fixButton:focus span > span.compareButton, a.fixButton:active span > span.compareButton, a.fixSubmit:hover span > strong.applyButton, a.fixSubmit:focus span > strong.applyButton, a.fixSubmit:active span > strong.applyButton, a.fixSubmit:hover span > span.compareButton, a.fixSubmit:focus span > span.compareButton, a.fixSubmit:active span > span.compareButton {
    background-position: left -44px;
}

a.fixButton strong.applyButton span, a.fixButton span.compareButton span {
    visibility: hidden;
    left: -9999em;
    width: 1em;
}

a.fixButton span.arrowIcon {
    display: block;
    background: url("../img/css/btn-arrow-right.png") no-repeat right top;
    height: 26px;
    padding-right: 20px;
}

a.fixButton span.linkArrow, a.fixSubmit span.linkArrow {
    position: relative;
    top: 0.2em;
    padding-top: 5px;
    padding-bottom: 4px;
    height: 17px;
    color: #2fa8ac;
    font-weight: bold;
}

a.fixSubmit span.arrowIcon {
    background-position: right -26px;
}

a.fixButton:hover span.arrowIcon, a.fixButton:focus span.arrowIcon, a.fixButton:active span.arrowIcon, a.fixSubmit:hover span > span.arrowIcon, a.fixSubmit:focus span > span.arrowIcon, a.fixSubmit:active span > span.arrowIcon {
    background-position: right -52px;
}

a.fixButton span.popupIcon {
    display: block;
    background: url("../img/css/btn-popup.png") no-repeat right top;
    min-height: 27px;
    padding-right: 40px;
}

a.fixSubmit span.popupIcon {
    background-position: right -27px;
}

a.fixButton:hover span.popupIcon, a.fixButton:focus span.popupIcon, a.fixButton:active span.popupIcon, a.fixSubmit:hover span.popupIcon, a.fixSubmit:focus span.popupIcon, a.fixSubmit:active span.popupIcon {
    background-position: right -54px;
}

a.fixButton span.sendIcon {
    display: block;
    background: url("../img/css/btn-send.png") no-repeat right top;
    min-height: 17px;
    padding-right: 40px;
}

a.fixSubmit span.sendIcon {
    background-position: right -27px;
}

a.fixButton:hover span.sendIcon, a.fixButton:focus span.sendIcon, a.fixButton:active span.sendIcon, a.fixSubmit:hover span.sendIcon, a.fixSubmit:focus span.sendIcon, a.fixSubmit:active span.sendIcon {
    background-position: right -54px;
}

a.fixButton span.branchIcon {
    display: block;
    background: url("../img/css/btn-branch.png") no-repeat right top;
    min-height: 21px;
    padding-right: 30px;
}

a.fixSubmit span.branchIcon {
    background-position: right -30px;
}

a.fixButton:hover span.branchIcon, a.fixButton:focus span.branchIcon, a.fixButton:active span.branchIcon, a.fixSubmit:hover span.branchIcon, a.fixSubmit:focus span.branchIcon, a.fixSubmit:active span.branchIcon {
    background-position: right -60px;
}

a.fixButton span.branchAtmIcon {
    display: block;
    background: url("../img/css/btn-branch-atm.png") no-repeat right top;
    min-height: 27px;
    padding-right: 60px;
}

a.fixSubmit span.branchAtmIcon {
    background-position: right -27px;
}

a.fixButton:hover span.branchAtmIcon, a.fixButton:focus span.branchAtmIcon, a.fixButton:active span.branchAtmIcon, a.fixSubmit:hover span.branchAtmIcon, a.fixSubmit:focus span.branchAtmIcon, a.fixSubmit:active span.branchAtmIcon {
    background-position: right -54px;
}

a.fixButton span.findBranch {
    display: block;
    background: url("../img/css/ico-compass.png") no-repeat right top;
    min-height: 30px;
    padding-right: 40px;
}

a.fixButton:hover span.findBranch, a.fixButton:focus span.findBranch, a.fixButton:active span.findBranch {
    background-position: right -30px;
}

a.loginLarge {
    display: block;
    height: 58px;
    background: url("../img/css/en/btn-login-large.png") 0 0 no-repeat;
}

a.loginLarge:hover, a.loginLarge:focus, a.loginLarge:active {
    background-position: 0 -58px;
}

a.loginLarge span {
    position: absolute;
    left: -9999em;
}

/*- Useful Tools -*/
#toolsNav {
    margin-bottom: 50px;
}

#toolsNav ul li, #toolsNav ul li a /*:hover*/
{
    background-repeat: no-repeat;
    /*background-position:left 6px;*/
}

#toolsNav ul li {
    font-size: 0.95em;
    position: relative;
}

/*
body.hasJS #toolsNav ul li, body.hasJS #toolsNav ul li a{
	background-repeat:no-repeat;
}
body.hasJS #toolsNav ul li a{
	padding-left:24px;
}
body.hasJS #toolsNav ul li a:hover img{
	background-image:none !important;

}*/
#toolsNav ul li a {
    padding-left: 24px;
}

#toolsNav ul li img, #toolsNav ul li span {
    /*float:left;
       margin:5px 5px 0 0;*/
    position: absolute;
    top: 5px;
    left: 0;
}

#toolsNav ul li span img {
    position: static;
}

#toolsNav ul li a span {
    z-index: -1;
}

#toolsNav ul li a:hover {
    text-indent: 0;
}

/*ie6 fix*/
#toolsNav ul li a:hover span {
    z-index: 10;
}

/*
#toolsNav ul li a {
	background-position:left -42px;
	background-repeat:no-repeat;
}
#toolsNav ul li a { padding-left:24px; }
#toolsNav ul li.ccard,
#toolsNav ul li.ccard a { background-image:url("/assets/img/css/ico-ccard.png"); }
#toolsNav ul li.calc,
#toolsNav ul li.calc a { background-image:url("/assets/img/css/ico-calc.png"); }
#toolsNav ul li.print,
#toolsNav ul li.print a { background-image:url("/assets/img/css/ico-print.png"); }
#toolsNav ul li.email,
#toolsNav ul li.email a { background-image:url("/assets/img/css/ico-email.png"); }
#toolsNav ul li.document,
#toolsNav ul li.document a { background-image:url("/assets/img/css/ico-document2.png"); }
*/ /*---- PAGE CONTENT STYLES ----*/ /*--- Tables ---*/ /*-- File styles --*/
td.file img {
    margin-right: 7px;
    float: left;
}

td.file a {
    line-height: 1.8em;
}

/*-- Content Grid --*/
table.contentGrid {
    width: 100%;
    margin-bottom: 1em;
    background: white;
    overflow: hidden;
}

table.contentGrid td, table.contentGrid th {
    padding: 0.3em 0.6em 0.3em 0.4em;
    background-color: #f2f2f2;
    border-bottom: #fff solid 1px;
    border-left: 2px solid #7ebe34;
}

table.contentGrid tr.even td, table.contentGrid tr.even th {
    background-color: #fff;
}

table.contentGrid th.numerical, table.contentGrid td.numerical {
    text-align: right;
    width: 6em;
}

table.contentGrid thead th span {
    display: block;
}

table.contentGrid thead th span, table.contentGrid tbody td {
    font-size: 0.9em;
}

table.contentGrid td.first, table.contentGrid th.first, table.contentGrid thead tr.generalHeader th, table.contentGrid tbody th, table.contentGrid tfoot th {
    border-left: none;
}

table.contentGrid tbody th, table.contentGrid thead tr.highlightHeader th {
    /*padding-left: 15px; kredi faiz tablosu sığmama sorunu için commentlendi*/
    padding-left: 10px;
}

table.contentGrid thead th {
    padding-top: 0.8em;
    border-bottom: none;
    line-height: 2em; /* GT change 21/12/09 */
}

table.contentGrid thead tr.generalHeader {
    color: #7ebe34;
    background: url("../img/css/table-head-bg.png") left bottom repeat-x;
    font-weight: bold;
}

table.contentGrid tr.highlightHeader {
    font-weight: bold;
}

table.contentGrid tr.highlightHeader th, table.contentGrid tr.highlightHeader td {
    border-bottom: 1px solid #ebebeb;
}

table.contentGrid tr.highlightHeader td {
    color: #3e8e0b;
    font-size: 1.2em;
}

table.contentGrid thead tr.generalHeader th {
    padding: 0;
    background: #fff;
    font-weight: bold;
}

table.contentGrid thead tr.generalHeader th span {
    background: url("../img/css/table-head-th-divider-right.png") right 0.3em no-repeat;
    display: block;
    height: 3.5em;
    font-size: 1em;
    vertical-align: middle;
    width: 100%;
    line-height: 1.35em;
}

table.contentGrid thead tr.generalHeader th.first span {
    width: 100%;
}

table.contentGrid thead tr.generalHeader th span span {
    background: url("../img/css/table-head-th-divider-left.png") left 0.3em no-repeat;
}

table.contentGrid thead tr.generalHeader th span span span, table.contentGrid thead tr.generalHeader th.last span span span {
    display: block;
    background: none;
    padding: 0 0.6em 0 10px;
    width: auto;
}

table.contentGrid thead tr.generalHeader th span span span, table.contentGrid thead tr.generalHeader th.last span span span {
    padding-top: 0.3em;
}

div.compareBox table.contentGrid thead tr.generalHeader th span span span, div.compareBox table.contentGrid thead tr.generalHeader th.last span span span {
    padding-top: 0;
}

table.contentGrid thead tr.generalHeader th.first span {
    padding-left: 15px;
    background: none;
    line-height: 2em;
}

table.contentGrid thead tr.generalHeader th.first span, table.contentGrid thead tr.generalHeader th.last span span span {
    display: block;
    width: auto;
    float: none;
}

table.contentGrid thead tr.generalHeader th span span span span, table.contentGrid thead tr.generalHeader th.first span span span span, table.contentGrid thead tr.generalHeader th.last span span span span {
    height: auto;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    padding: 0;
}

table.contentGrid thead tr.generalHeader th.last span {
    background: none;
}

table.contentGrid thead tr.generalHeader th.last span span {
    background: url("../img/css/table-head-th-divider-left.png") left 0.3em no-repeat;
}

table.contentGrid th.fixCol {
    width: 18.5%;
}

table.contentGrid thead tr.generalHeader th.first span {
    background: url("../img/css/table-head-th-divider-right.png") right 0.3em no-repeat;
}

table.contentGrid tr.highlightHeader th, table.contentGrid tr.highlightHeader td, table.contentGrid tfoot td, table.contentGrid tfoot th {
    background: none;
}

table.contentGrid tfoot td {
    padding-top: 10px;
}

table.contentGrid tbody tr.last th, table.contentGrid tbody tr.last td {
    background-image: url("../img/css/table-body-bg.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    border-bottom: none;
    padding-bottom: 0.8em;
}

table.contentGrid thead tr th.action, table.contentGrid tbody tr td.action {
    padding-right: 4px;
    width: 102px;
    border-left: none;
}

table.contentGrid thead tr th.action {
    background-image: none;
}

table.contentGrid tbody tr a.button {
    float: right;
    font-size: 1.09em;
}

table.contentGrid .numericData td {
    text-align: right;
}

table.contentGrid .compositeData td {
    font-size: 1em;
    padding-left: 10px;
    vertical-align: middle;
}

table.contentGrid .compositeData td span {
    color: #999;
}

table.contentGrid td a.computerIcon {
    display: block;
    width: 33px;
    height: 19px;
    background: url("../img/css/ico-computer.png") no-repeat left top;
}

table.contentGrid td a.computerIcon:hover, table.contentGrid td a.computerIcon:focus, table.contentGrid td a.computerIcon:active {
    background-position: left -19px;
}

table.contentGrid td a.computerIcon span {
    position: absolute;
    left: -999em;
    width: 1em;
}

.contentEmphasis2 table {
    margin-top: 5px;
    border-bottom: 2px solid #e5e5e5;
}

.contentEmphasis2 table thead tr.generalHeader th {
    background: transparent url(../img/css/content-separator-2.png) repeat-x scroll left -4px;
}

.contentEmphasis2 table thead tr.generalHeader th {
    height: 3em;
    vertical-align: middle;
}

.contentEmphasis2 table thead tr.generalHeader th span {
    height: auto;
    background: none !important;
}

.contentEmphasis2 table tbody tr th {
    width: 166px;
}

/*- Sorting tables-*/
table.contentSorting thead th {
    border-bottom: none;
}

table.contentSorting thead tr.sortingHeader {
    padding-bottom: 1px;
    border-bottom: 1px solid #CCCCCC;
}

table.contentGrid .sortingHeader th {
    border: none;
    padding: 0 0 2px 0;
}

table.contentGrid .sortingHeader th span {
    display: block;
    height: 15px;
    border-left: 2px solid #fff;
    background-color: #d7d7d7;
}

table.contentGrid .sortingHeader th.first span {
    border: none;
}

table.contentGrid .sortingHeader a {
    display: block;
    height: 15px;
    background-image: url("../img/css/table-arrows.png");
    background-color: #d7d7d7;
    background-repeat: no-repeat;
    background-position: 8px 0;
}

table.contentGrid .sortingHeader a:hover {
    background-color: #2fa8ac;
    background-position: 8px -15px;
}

table.contentGrid .sortingHeader a.asc {
    background-color: #7fbf35;
    background-position: 8px -30px;
}

table.contentGrid .sortingHeader a.asc:hover {
    background-color: #2fa8ac;
    background-position: 8px -75px;
}

table.contentGrid .sortingHeader a.desc {
    background-color: #7fbf35;
    background-position: 8px -60px;
}

table.contentGrid .sortingHeader a.desc:hover {
    background-color: #2fa8ac;
    background-position: 8px -45px;
}

.tableSection {
    border-top: 2px solid #E5E5E5;
    clear: both;
    padding: 10px 0 0 0;
    margin: 40px 14px 0 0;
}

/*-calendar search result table-*/
.calendarSearchResult {
    margin-top: -188px;
    color: #333;
}

/*-- Product interest rates --*/
table#productRates thead th.product {
    width: auto;
}

table#productRates tbody th.product {
    width: 130px;
}

table#productRates .product span {
    width: auto;
}

table#productRates .product span span span {
    width: auto;
}

table#productRates th.product span span span {
    margin-left: 15px;
    padding-left: 0;
}

table#productRates th.percentage {
    width: 90px;
}

/*-- Calculator Results --*/
div.calcResults table {
    width: 355px;
}

div.calcResults table tr th {
    font-weight: normal;
}

div.calcResults table tr td, div.calcResults table tr th {
    vertical-align: top;
    padding: 10px 0;
    background: url("../img/css/calculator-results-divider.png") 0 0 repeat-x;
}

div.calcResults table tr.first td, div.calcResults table tr.first th {
    background: none;
}

div.calcResults table tr th {
    width: 105px;
    padding-right: 25px;
    padding-top: 6px
}

div.calcResults table tr td {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
}

.masternopad #areaContentNav {
    margin-top: 0;
    padding-top: 0;
}

.masternopad #mainWrap {
    margin-top: 41px;
}

.masternopad #mainWrap div.illustration {
    background-position: left top;
}

#page.theme1 h1, #page.theme2 h1,#page.theme2.pageCampaign h1.productTitleYellow, #page.theme3 h1, #page.theme4 h1, #page.theme5 h1, #page.theme7 h1 {
    position: absolute;
    top: 41px;
    left: 14px;
    margin: 0;
    padding-top: 18px;
}

#page.theme1 h1.structural, #page.theme2 h1.structural, #page.theme3 h1.structural, #page.theme4 h1.structural, #page.theme5 h1.structural, #page.theme7 h1.structural {
    left: -9999em;
}

#page.theme1 h1 img.prefix, #page.theme2 h1 img.prefix, #page.theme3 h1 img.prefix, #page.theme4 h1 img.prefix, #page.theme5 h1 img.prefix, #page.theme7 h1 img.prefix {
    position: absolute;
    top: 0;
}

#page.theme3 #mainWrap, #page.theme4 #mainWrap, #page.theme5 #mainWrap, #page.theme7 #mainWrap {
    background-position: 700px top;
}

#page.theme3 #mainWrap.withCN, #page.theme4 #mainWrap.withCN, #page.theme5 #mainWrap.withCN {
    background-position: 532px top;
}

/*--- Theme 1 ---*/
#page.theme1 div.illustrationWrap {
    background: url("../img/css/green-gradient-h1-bg.jpg") no-repeat left 170px;
}

#page.theme1 h1 {
    top: 40px;
}

#page.master div.illustrationWrap {
    background: none;
}

/*-- Illustrations --*/
#page.theme1 #mainWrap div.illustration {
    padding-top: 200px;
}

/*--- Theme 2 ---*/
#page.theme2 #mainWrap div.areaContentPromo p.subheading,
#page.theme2.pageCampaign div.content_wrapper p.subheading {
    width: auto;
    display: block;
    margin: 0 388px 0 14px;
    padding-right: 62px;
}

/*-- Illustrations --*/
#page.theme2 #mainWrap div.illustration {
    padding-top: 176px;
    min-height: 87px;
    margin-bottom: 14px;
}

/*--- Theme 3 ---*/
#page.theme3 #mainWrap.withCN div.withAC {
    width: 518px;
    margin-right: 14px;
}

#page.theme3 div.illustrationWrap {
    min-height: 370px;
    background: url("../img/css/green-gradient-v1-bg.jpg") no-repeat 14px -330px;
}

#page.theme3 #mainWrap div.illustration1 {
    background-position: 581px top;
}

#page.theme3 #mainWrap.withCN div.illustration1 {
    background-position: 414px top;
}

#page.theme3 #mainWrap div.areaAdditionalContent div.promoCol {
    width: 280px;
    margin-left: -14px;
}

#page.theme3 #mainWrap div.areaAdditionalContent div.promoCol {
    margin-bottom: 34px;
    padding-bottom: 1px;
    background: url("../img/css/green-gradient-v1-bg.jpg") no-repeat 28px 370px;
}

#page.theme3 #mainWrap div.areaAdditionalContent div.promoCol div.illustration1, #page.theme3 #mainWrap div.areaAdditionalContent div.promoCol div.illustration2 {
    background-position: left top;
}

/*-- Illustrations --*/
#page.theme3 #mainWrap div.illustration {
    padding-top: 175px;
}

#page.theme3 #mainWrap div.illustration0, #page.theme3 #mainWrap div.illustration1, #page.theme3 #mainWrap div.illustration2 {
    padding-top: 211px;
}

/*-- Illustrations in additional areaContent column --*/
#page.theme3 #mainWrap div.areaAdditionalContent div.illustration1 {
    padding-top: 190px;
}

/*--- Theme 4 ---*/
#page.theme4 #mainWrap div.illustration {
    padding-top: 185px;
}

#page.theme4 #mainWrap div.areaAdditionalContent {
    padding-left: 14px;
    margin-left: -14px;
}

/*-- Illustrations --*/
#page.theme4 #mainWrap div.illustration1 {
    padding-top: 215px;
}

/*--- Theme 5 ---*/
#page.theme5 div.illustrationWrap {
    background: url("../img/css/green-gradient-h2-bg.jpg") no-repeat 0 93px;
}

#page.theme5 #mainWrap div.illustration {
    padding-top: 205px;
    min-height: 160px;
}

#page.theme5 h1 {
    top: 234px;
}

#page.theme5 #mainWrap div.areaContent, #page.theme5 #mainWrap div.areaAdditionalContent {
    padding-top: 14px;
}

/*--- Theme 6 ---*/
#page.theme6 #mainWrap {
    margin-top: 40px;
    padding-top: 23px;
}

#page.theme6 #mainWrap #areaContentNav {
    padding-top: 0;
}

#page.theme6 #mainWrap.withCN {
    margin-top: 50px;
    padding-top: 0;
}

#page.theme6 #mainWrap.withCN #areaContentNav {
    top: -10px;
}

#page.theme6 #mainWrap.withCN div.areaContentPromo {
    position: relative;
    top: -14px;
    left: 10px;
}

#page.theme6 #mainWrap.withCN div.areaContentPromo div.componentBox {
    position: relative;
}

#page.theme6 h1 {
    padding: 26px 33px 0;
    margin-bottom: 4px;
}

/*--- Theme 7 ---*/
#page.theme7 #mainWrap div.areaContent {
    width: 686px;
    margin-right: 14px;
}

#page.theme7 #mainWrap div.areaContent .contentBox {
    float: left;
    clear: none;
    width: 460px;
    margin-right: 0;
    padding: 0 0 4px 14px;
}

#page.theme7 #mainWrap div.areaAdditionalContent div.promoCol {
    width: 280px;
    margin-left: -14px;
}

#page.theme7 div.illustrationWrap {
    min-height: 370px;
    background: url("../img/css/green-gradient-v1-bg.jpg") no-repeat 14px -330px;
}

#page.theme7 #mainWrap div.illustration1 {
    background-position: 581px top;
}

#page.theme7 #mainWrap.withCN div.illustration1 {
    background-position: 414px top;
}

#page.theme7 #mainWrap div.areaAdditionalContent div.promoCol {
    width: 280px;
    margin-left: -14px;
}

#page.theme7 #mainWrap div.areaAdditionalContent div.promoCol {
    margin-bottom: 34px;
    padding-bottom: 1px;
    background: url("../img/css/green-gradient-v1-bg.jpg") no-repeat 28px 370px;
}

#page.theme7 #mainWrap div.areaAdditionalContent div.promoCol div.illustration1, #page.theme7 #mainWrap div.areaAdditionalContent div.promoCol div.illustration2 {
    background-position: left top;
}

/*-- Illustrations --*/
#page.theme7 #mainWrap div.illustration {
    padding-top: 175px;
}

#page.theme7 #mainWrap div.illustration0, #page.theme7 #mainWrap div.illustration1, #page.theme7 #mainWrap div.illustration2 {
    padding-top: 211px;
}

/*-- Illustrations in additional areaContent column --*/
#page.theme7 #mainWrap div.areaAdditionalContent div.illustration1 {
    padding-top: 190px;
}

/*-- Promo Theme --*/
#page.themePromo div.illustrationWrap {
    background: url("../img/css/illustration-0.png") no-repeat right top;
}

#page.themePromo div.illustration {
    background-position: left 40px;
    background-repeat: no-repeat;
}

/*-- Compare Products Page Theme--*/
#page.themeCompareProducts div.illustrationWrap {
    background: url("../img/css/green-gradient-h4-bg.jpg") no-repeat left 170px;
}

/*-- Error Page Theme --*/
#page.themeError #header {
    margin-bottom: 10px;
    background: none;
    border: none;
    min-height: 108px;
}

#page.themeError div.areaContent {
    position: relative;
    min-height: 218px;
    top: -10px;
    background: url("../img/css/green-gradient-h3-bg.jpg") no-repeat left top;
}

#page.themeError h1 {
    position: absolute;
    top: 74px;
    left: 28px;
    width: 624px;
    background-repeat: no-repeat;
    background-position: right center;
}

#page.themeError h1.error {
    background-image: url("../img/css/error-exclamation.png");
}

#page.themeError h1.error404 {
    background-image: url("../img/css/error-404.png");
}

#page.themeError #mainWrap div.areaContent {
    padding-top: 54px;
}

#page.themeError #mainWrap div.areaAdditionalContent {
    padding-top: 44px;
}

#page.themeError #mainWrap div.areaContent div.contentBox {
    padding-top: 100px;
    margin-right: 28px;
}

#page.themeError #mainWrap div.areaContent ul.list a, #page.themeError #mainWrap div.areaContent div.contentEmphasis a {
    font-weight: bold;
}

/*--- News Boxes ---*/
div.newsBox p {
    padding-top: 0.5em;
    margin-bottom: 0.5em;
}

div.newsBox p.contentNav {
    border-top: 1px solid #e8e8e8;
}

div.newsBox p.rss {
    float: right;
    position: relative;
    top: -34px;
    padding: 0;
    border-top: none;
}

/*-- Help Box --*/
div.helpBox {
    position: relative;
    top: 14px;
    margin-bottom: 40px;
    clear: both;
    padding: 0;
    border: 2px solid #ccc;
    border-top: none;
    background: white;
}

div.helpBox h2 {
    position: relative;
    top: -2px;
    margin: 0 -2px -2px;
    padding: 19px 14px 0;
    height: 30px;
    background: url("../img/css/green-header-bg.png") no-repeat left top;
}

div.helpBox p.subheading {
    padding-top: 1em;
    font-size: 1.2em;
    font-weight: bold;
    color: #005931;
}

div.helpBox a {
    font-weight: bold;
}

div.helpBox p {
    margin: 0 14px;
}

div.helpBox p.phone {
    border-top: 1px solid #ccc;
    margin-top: 0.5em;
    padding-top: 1em;
}

div.helpBox p.phone span.tel {
    display: block;
    font-weight: bold;
}

/*-- Composite List --*/
#mainWrap ul.compositeList {
    margin-bottom: 0;
}

ul.compositeList li {
    border-top: 2px solid #ccc;
}

ul.compositeList li.first {
    border-top: none;
}

ul.compositeList li h3 {
    margin: 0;
    cursor: default;
    background: url("../img/css/help-arrow-down.png") no-repeat 11px center;
}

ul.compositeList li h3 span {
    display: block;
    margin-left: 33px;
    padding: 10px;
    border-left: 1px solid #e8e8e8;
}

body.hasJS ul.compositeList li h3 {
    color: #2fa8ac;
    cursor: pointer;
    background: url("../img/css/help-arrow-right.png") no-repeat 14px center;
}

body.hasJS ul.compositeList li h3:hover, /*body.hasJS ul.compositeList li h3:focus,*/
body.hasJS ul.compositeList li h3.hover {
    color: #7fbe35;
    text-decoration: underline;
    background: url("../img/css/help-arrow-down.png") no-repeat 11px center;
}

body.hasJS ul.compositeList li h3.active {
    color: #7fbe35;
    background: url("../img/css/help-arrow-down.png") no-repeat 11px center;
}

ul.compositeList li div {
    margin: 0;
    border-top: 1px solid #e8e8e8;
}

ul.compositeList li div p {
    padding: 10px 14px 20px;
    font-size: 0.9em;
}

body.hasJS ul.compositeList li div {
    position: absolute;
    left: -999em;
    width: 1em;
}

body.hasJS ul.compositeList li div.expanded {
    position: static;
    left: 0;
    width: auto;
}

body.hasJS .master ul.compositeList li h3.active, body.hasJS .master ul.compositeList li h3:hover {
    color: #333;
    background: url("../img/css/help-arrow-down-blue.png") no-repeat 11px center;
}

/*-- Top List --*/
ul.topList {
    margin-bottom: 14px;
}

ul.topList li {
    padding: 10px 0;
    font-weight: bold;
}

div.helpBox ul.topList li {
    padding: 10px;
}

/*--- Promo Boxes ---*/
div.promoBase, div.promoBase div {
    position: relative;
    background-image: url("../img/css/promo-white-bg.png");
    background-repeat: no-repeat;
}

div.master div.interestRates, div.master div.interestRates div {
    background-image: url("../img/css/promo-bg-interestrates.png");
}

div.master div.airMiles, div.master div.airMiles div {
    background-image: url("../img/css/promo-bg-airmiles.png");
}

div.master div.freeShopping, div.master div.freeShopping div {
    background-image: url("../img/css/promo-bg-freeshopping.png");
}

div.master div.customisedCards, div.master div.customisedCards div {
    background-image: url("../img/css/promo-bg-customisedcards.png");
}

div.master .mastersPromos {
    background: #fff;
    float: left;
}

div.master .mastersPromos ul {
    float: left;
    width: 100%;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

div.master .mastersPromos div, div.master .mastersPromos div div, div.master .mastersPromos div div div {
    position: relative;
    display: block;
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

div.master .mastersPromos ul li {
    background-color: transparent;
    padding: 0;
    margin: 0 10px 0 0;
    min-height: 157px;
    width: 111px;
    background-repeat: no-repeat;
    float: left;
}

div.master .mastersPromos ul li.last {
    margin-right: 0;
}

div.master .mastersPromos div.mastersPromoBox {
    background: none;
    background-color: transparent;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}

div.master .mastersPromos div.mastersPromoBox div div div {
    margin: 0;
    padding: 0;
    min-height: 156px;
    display: block;
    width: 111px;
}

div.master .mastersPromos ul li div.mastersPromoBox div div {
    margin: 0;
    padding: 0;
    min-height: 157px;
    display: block;
    width: 111px;
}

div.master .mastersPromos ul li div.mastersPromoBox {
    left: 0;
    top: 0px;
}

div.promoBase {
    margin: 10px 0 10px 10px;
    padding: 0 10px 0 0;
    background-position: right bottom;
}

div.contentCol2 div.promoBase, div.contentCol3 div.promoBase {
    margin-bottom: 20px;
}

div.promoWrap {
    margin: 28px 14px 10px 24px;
}

div.promoBase div {
    left: -10px;
    margin: 0 -10px 0 0;
    padding: 0 0 10px;
    background-position: left bottom;
}

div.promoBase div div {
    left: 0;
    top: -10px;
    margin: 0 0 -10px;
    padding: 0;
    background-position: left top;
}

div.promoBase div div div {
    top: 0;
    margin: 0 -10px 0 10px;
    padding: 10px 10px 0 0;
    min-height: 115px;
    background-position: right top;
}

.master div.promoBase div div div {
    min-height: 122px;
}

div.promoBoxSilver, div.promoBoxSilver div {
    background-image: url("../img/css/promo-silver-bg.png");
}

div.promoBase:hover, div.promoBase:hover div {
    background-image: url("../img/css/promo-white-bg-hover.png");
}

div.promoHover, div.promoHover div {
    background-image: url("../img/css/promo-white-bg-hover.png");
}

div.promoBoxSilver:hover, div.promoBoxSilver:hover div, div.promoHoverSilver:hover, div.promoHoverSilver:hover div, div.promoHoverSilver, div.promoHoverSilver div {
    background-image: url("../img/css/promo-silver-bg-hover.png");
}

div.promoActive, div.promoActive div {
    background-image: url("../img/css/promo-white-bg-active.png");
}

div.promoActive div p.promoText {
    background: url("../img/css/ico-check.png") no-repeat right bottom;
}

div.promoHover, div.promoHover div {
    background-image: url("../img/css/promo-white-bg-hover.png");
}

div.master .mastersPromos ul li div.mastersPromoBox {
    background-color: transparent;
}

div.master .mastersPromos ul li div.mastersPromoBox div {
    background: transparent url('../img/css/masters-promo-border-bg-ac.png') top left no-repeat;
}

div.master .mastersPromos ul li div.mastersPromoBox div div {
    background: none;
}

div.master .mastersPromos ul li div.mastersPromoBox:hover div {
    background: url('../img/css/masters-promo-border-hover-bg-ac.png') top left no-repeat;
}

div.master div.interestRates:hover, div.master div.interestRates:hover div {
    background-image: url("../img/css/promo-bg-interestrates-hover.png");
}

div.master div.airMiles:hover, div.master div.airMiles:hover div {
    background-image: url("../img/css/promo-bg-airmiles-hover.png");
}

div.master div.freeShopping:hover, div.master div.freeShopping:hover div {
    background-image: url("../img/css/promo-bg-freeshopping-hover.png");
}

div.master div.customisedCards:hover, div.master div.customisedCards:hover div {
    background-image: url("../img/css/promo-bg-customisedcards-hover.png");
}

.master div.promoBase, .master div.promoBase div {
    position: relative;
    background-image: url("../img/css/promo-white-bg-masters.png");
    background-repeat: no-repeat;
}

.master div.promoActive, .master div.promoActive div {
    background-image: url("../img/css/promo-white-bg-active-masters.png");
}

.master div.promoBase:hover, .master div.promoBase:hover div {
    background-image: url("../img/css/promo-white-bg-hover-masters.png");
}

/*-- Promo Boxes Content --*/
div.areaContent div.contentBox div.promoBase p {
    padding: 0;
}

div.promoBase p.promoText, div.promoBase p.promoImage, div.mastersPromoBox p.promoText {
    position: relative;
    z-index: 2;
}

div.promoBase h3, div.mastersPromoBox h3 {
    color: #7ebe34;
    font-size: 1.2em;
}

div.master div.mastersPromoBox h3 {
    color: #fff;
    padding-top: 5px;
    padding-left: 10px;
}

div.promoBase p.promoText {
    margin-right: 60px;
    width: 155px;
    padding: 0;
}

div.promoBase p.promoArrow, div.promoBase p.promoArrow2, div.promoBase p.promoArrow3, div.promoBase p.promoArrow4, div.mastersPromoBox p.promoArrow4 {
    position: absolute;
    right: 2px;
    bottom: -8px;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: url("../img/css/promo-arrow-right.png") no-repeat right 57px;
}

div.promoBase p.promoArrow2 {
    background: url("../img/css/promo-arrow-right-green.png") no-repeat right bottom;
}

div.promoBase p.promoArrow3 {
    background: url("../img/css/promo-arrow-right-orange.png") no-repeat right bottom;
}

div.promoBase p.promoArrow4, div.mastersPromoBox p.promoArrow4 {
    background: url("../img/css/promo-arrow-black.png") no-repeat right bottom;
    bottom: 5px;
}

div.promoBase p.promoArrow a, div.promoBase p.promoArrow2 a, div.promoBase p.promoArrow3 a, div.promoBase p.promoArrow4 a, div.mastersPromoBox p.promoArrow4 a {
    display: block;
    width: 28px;
    height: 37px;
    margin: 57px 0 0 53px;
}

div.promoBase span.promoArrow2 {
    position: absolute;
    right: 2px;
    bottom: -8px;
    display: block;
    background: url(../img/css/promo-arrow-right-green-ac.png) top left no-repeat;
    width: 78px;
    height: 77px;
}

div.promoBase a.promoArrowLink {
    display: block;
    right: 2px;
    bottom: -8px;
    position: absolute;
    width: 28px;
    height: 37px;
    z-index: 2;
    overflow: hidden;
}

div.promoBase a.promoArrowLink span {
    display: block;
    position: absolute;
    left: -9999em;
}

div.promoBase p.promoArrow3 a.additionalLink {
    margin-left: 0;
    width: 224px;
}

div.promoBase p.promoArrow3 a.additionalLink img {
    margin-top: 14px;
}

div.promoBase p.promoArrow a:hover, div.promoBase p.promoArrow a:focus, div.promoBase p.promoArrow a:active {
    background: url("../img/css/promo-arrow-right.png") no-repeat right -37px;
}

div.promoBase p.promoArrow a span, div.promoBase p.promoArrow2 a span, div.promoBase p.promoArrow3 a span, div.promoBase p.promoArrow4 a span, div.mastersPromoBox p.promoArrow4 a span {
    position: absolute;
    left: -999em;
    width: 1em;
}

.contentCol4 div.promoBase div div div {
    padding-bottom: 5px;
}

.contentCol4 div.promoBase p.promoArrow2 {
    background: url("../img/css/promo-arrow-right-green-2.png") no-repeat right bottom;
}

.contentCol4 div.promoBase p.promoImage {
    position: relative;
    left: -4px;
}

div.promoBase h3.promoHeader {
    position: relative;
    left: -8px;
    top: -8px;
    margin-right: -16px;
    padding: 0;
    border-bottom: 2px solid #ccc;
    min-height: 59px;
    font-size: 1em;
}

div.promoBase h3.promoHeader a {
    display: block;
    margin-right: 14px;
    padding: 20px 100px 4px 8px;
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 35px;
}

div.promoBase h3.promoHeader img {
    float: left;
    margin: 0;
}

div.firstPromo {
    margin-top: 24px;
    margin-bottom: 20px;
}

/*-- Promo Product, Award, Compare --*/
h3.promoGoldFund a {
    background-image: url("../img/css/promo-gold-fund.png");
}

h3.promoCashNow a {
    background-image: url("../img/css/promo-cash-now.png");
}

h3.promoFundBasket a {
    background-image: url("../img/css/promo-fund-basket.png");
}

h3.promoTypeA a {
    background-image: url("../img/css/promo-type-a-funds.png");
}

h3.promoTypeB a {
    background-image: url("../img/css/promo-type-b-funds.png");
}

h3.promoAccumulating a {
    background-image: url("../img/css/promo-accumulating-fund-account.png");
}

h3.promoMonyMarket a {
    background-image: url("../img/css/promo-mony-market-funds.png");
}

div.promoProduct {
    margin-top: 51px;
}

div.promoProduct, div.contentCol2 div.promoProduct {
    margin-bottom: 8px;
}

div.promoAward {
    margin-top: 30px;
}

div.promoAward div div div {
    min-height: 100px;
}

div.promoProduct h3, div.promoAward h3 {
    position: relative;
    top: -51px;
    margin-bottom: -51px;
    min-height: 111px;
}

div.promoAward h3 {
    top: -30px;
    margin-bottom: -25px;
    min-height: 73px;
    border-bottom: 1px solid #e8e8e8;
}

div.promoAward p.promoText {
    margin-right: 0;
}

div.promoCompare {
    margin-top: 28px;
}

div.promoCompare div div div {
    position: relative;
    min-height: 130px;
}

div.promoCompare h3 {
    position: relative;
    z-index: 2;
    font-size: 1em;
    margin-bottom: 1em;
    padding: 20px 140px 4px 0;
    min-height: 33px;
    border-bottom: 1px solid #ccc;
}

div.promoCompare h3.plusBonus {
    background-repeat: no-repeat;
    background-position: left top;
}

div.promoCompare img {
    width: 115px;
    height: 85px;
    position: absolute;
    top: -20px;
    right: 14px;
}

div.promoCompare p.promoText {
    padding-right: 133px;
    margin-right: 0;
    width: 190px;
    min-height: 50px;
}

div.promoCompare p.removeLink, div.promoCompare p.compareLink {
    position: relative;
    z-index: 3;
    float: right;
    padding: 0px;
}

div.promoCompare p.removeLink a {
    font-size: 0.9em;
}

div.promoCompare p.compareLink {
    font-weight: bold;
}

div.promoCompare p.compareLink a {
    text-decoration: underline;
}

div.promoCompare p.compareLink a:hover, div.promoCompare p.compareLink a:focus, div.promoCompare p.compareLink a:active {
    text-decoration: none;
}

/*--- Recent Items Box ---*/
div.areaAdditionalContent div.recentBox {
    margin-right: 28px;
    margin-bottom: 18px;
}

div.areaAdditionalContent div.recentBox p {
    text-align: right;
    border-top: dashed 1px #ccc;
    padding: 1.333em 0;
    margin-top: 10px;
}

/*--- Outlined Box ---*/
div.outlinedBox {
    float: left;
    width: 97%;
    border: 2px solid #ccc;
    margin: 20px 0;
}

div.outlinedBox img {
    float: left;
    margin: 5px 0 0 10px;
}

div.outlinedBox p {
    float: left;
    width: 220px;
    margin: 20px 20px 0 20px;
}

div.outlinedBox p.title {
    color: #005931;
    font-weight: bold;
}

div.outlinedBox p.file {
    color: #999;
    margin: -5px 0 0 10px;
}

div.outlinedBox p.buttonWrap {
    float: right;
    width: auto;
    margin-right: 10px;
}

/*-- Helpful Tools Box --*/
div.helpfulTools h3 {
    border-top: 1px solid #e8e8e8;
    padding-top: 0.5em;
}

div.helpfulTools ul.linksList {
    margin-bottom: 1em;
}

div.helpfulTools ul.linksList li {
    position: relative;
}

div.helpfulTools ul.linksList li img, div.helpfulTools ul.linksList li span {
    position: absolute;
    top: 2px;
    right: 0;
}

div.helpfulTools ul.linksList li span img {
    position: static;
}

div.helpfulTools ul.linksList li a span {
    z-index: -1;
}

div.helpfulTools ul.linksList li a:hover {
    text-indent: 0;
}

/*ie6 fix*/
div.helpfulTools ul.linksList li a:hover span {
    z-index: 10;
}

/*-- Hub Boxes --*/
div.hubBox {
    float: left;
    width: 194px;
    min-height: 350px;
    margin: 1px 0 40px 10px;
    padding: 10px 14px 20px;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
}

div.hubBox h2 {
    position: relative;
    top: -11px;
    margin: 0 -15px;
    padding-top: 6px;
    height: 30px;
    background: url("../img/css/dark-green-header-bg.png") no-repeat left top;
    vertical-align: top;
}

div.hubBox h2 a {
    display: block;
    height: 23px;
    margin: 0 10px 0 14px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left top;
}

div.hubBox h2 a:hover, div.hubBox h2 a:focus, div.hubBox h2 a:active {
    background-position: left -23px;
}

div.hubBox h2 a span {
    position: absolute;
    left: -999em;
    width: 1em;
}

div.hubBox h3 {
    margin-bottom: 0.5em;
}

div.hubBox h3.hubBoxHeader {
    font-weight: normal;
    font-size: 1.3em;
}

#mainWrap div.hubBox ul.linksList {
    margin-top: 0.5em;
    margin-bottom: 0;
    background: url("../img/css/content-separator-2.png") repeat-x left -3px;
}

#mainWrap div.hubBox ul.linksList li {
    padding: 0.6em 0.2em;
    border-top: 1px solid #e8e8e8;
}

#mainWrap div.hubBox ul.linksList li.first {
    border-top: none;
}

/*--- Product details ---*/
div.productApply {
    position: relative;
    padding-right: 250px;
    min-height: 60px;
}

div.productApply p.buttonWrap, div.productApply div.buttonWrap {
    width: 250px;
    position: absolute;
    top: 0;
    right: -50px;
}

div.contentSeparator p.buttonWrap, div.contentSeparator div.buttonWrap {
    top: 20px;
}

div.productApply p.buttonWrap a.fixButton, div.productApply div.buttonWrap a.fixButton {
    margin-bottom: 20px;
}

/*--- Compare Products Box ---*/
#mainWrap div.areaContent div.compareBox {
    position: relative;
    margin-right: 42px;
    margin-bottom: 14px;
    padding: 20px 14px 10px;
}

p.compareText {
    position: relative;
    top: -14px;
    margin: 0 14px -14px;
    color: white;
}

div.compareBox p.buttonWrap {
    width: 250px;
    position: absolute;
    top: 20px;
    right: -40px;
    z-index: 3;
}

/*-- Compare Products List --*/
#mainWrap ul.compareList, #mainWrap div.compareList {
    position: relative;
    width: 100%;
    min-height: 154px;
    z-index: 2;
    margin-bottom: 0;
    background: url("../img/css/compare-list-bg.png") no-repeat left top;
}

ul.compareList li {
    width: 124px;
    float: left;
    background: url("../img/css/compare-list-item-bg.png") no-repeat left top;
}

ul.compareList li img {
    width: 115px;
    height: 85px;
    display: block;
}

ul.compareList li span.productName {
    padding-top: 20px;
    display: block;
    font-weight: bold;
}

div.compareBox p.contentSeparator {
    position: absolute;
    top: 114px;
    width: 180px;
    padding: 14px 14px 0 520px;
}

#mainWrap ul.comparedList {
    margin: 0 0 -1.2em 186px;
    padding-bottom: 10px;
    background: url("../img/css/content-separator.png") repeat-x left bottom;
    float: right;
}

ul.comparedList li {
    width: 132px;
    float: left;
}

/*--- Glossary Box ---*/
div.glossaryBox h3 {
    margin-bottom: 0.5em;
}

div.glossaryBox ul.abcList {
    margin-top: 1em;
    border-top: 2px solid #e5e5e5;
}

div.glossaryBox ul.firstInstance {
    margin-top: 0;
    border-top: none;
    margin-bottom: 1em;
    border-bottom: 2px solid #e5e5e5;
}

div.glossaryBox dt {
    font-weight: bold;
}

div.glossaryBox dd {
    margin-bottom: 1em;
}

div.areaContent div.glossaryBox p.contentNav {
    padding-bottom: 0;
    background: url("../img/css/content-separator-2.png") repeat-x left -4px;
}

/*---- Master ----*/
/* commented out grey version
div.master div.PE_tabbedContent ul.controls li.active a span span span,
div.master div.PE_tabbedContent ul.controls li.active a:hover span span span,
div.master div.PE_tabbedContent ul.controls li.active a:focus span span span {
background:#999999;
}
div.master div.PE_tabbedContent ul.controls li.active a {
   color:#fff;
   cursor:default;
}

div.master div.tabContent {background:#999999;color:#fff;}
div.master div.tabContent a {color:#fff;}
div.master div.tabContent p {color:#fff;}

div.PE_tabbedContent ul.controls li.active a {
   color:#333;
   cursor:default;
}

div.master div.PE_tabbedContent ul.controls li.active a span,
div.master div.PE_tabbedContent ul.controls li.active a:hover span,
div.master div.PE_tabbedContent ul.controls li.active a:focus span { background:#999999 url("/assets/img/css/tabs-separator-active-masters.png") no-repeat -1px top; }
*/ /*background-image:url("/assets/img/css/tabs-separator-active-masters.png")*/
div.master div.PE_tabbedContent ul.controls li.active, div.master div.PE_tabbedContent ul.controls li.active a {
    background-image: url("../img/css/tabs-separator-active-masters-white.png");
}

div.master div.PE_tabbedContent ul.controls li.active {
    position: relative;
    z-index: 2;
    top: -8px;
    margin-bottom: -13px;
}

div.masternopad #mainWrap div.areaContent {
    padding-bottom: 0;
}

div.masternopad div.tabContent {
    padding-bottom: 41px;
}

/*--- Lightbox ---*/
.tintedBg {
    background: url("../img/css/lightbox-bg.png") repeat top left;
    left: 0pt;
    position: absolute;
    top: 0pt;
    z-index: 11;
}

.hasJS .lightBox {
    width: 580px;
    z-index: 20;
    position: absolute;
}

.zipCodeSearchLightBoxDiv {

    width: 700px !important;
}

.campaignDetailDiv {
    width: 950px !important;
}

.hasJS .realEstateLightBox {
    width: 588px;
    z-index: 20;
    position: absolute;
}

.hideLightbox {
    display: none;
    visibility: hidden;
    border: 1px solid red; /*will indicate erroneous display on page*/
}

.hasJS .lightBox .heading {
    background: none;
}

.lightBox .heading a.closeBtn {
    float: right;
}

.lightBox .heading a.closeBtn img {
    vertical-align: middle;
}

.lightBox.hasJS .areaContent {
    background: none;
}

.lightbox-top {
    background: url("../img/css/lightbox-top.png") repeat-x left top;
    height: 19px;
    margin: 0 10px;
}

.lightbox-top-left {
    position: relative;
    background: url("../img/css/lightbox-top-corners.png") no-repeat left top;
}

.lightbox-top-right {
    background: url("../img/css/lightbox-top-corners.png") no-repeat right top;
    height: 19px;
    width: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.lightbox-main {
    background: #fff url("../img/css/lightbox-mid-left.png") repeat-y left top;
}

.lightbox-right {
    background: url("../img/css/lightbox-mid-right.png") repeat-y right top;
}

.lightbox-base {
    background: #fff url("../img/css/lightbox-base.png") repeat-x left bottom;
    height: 8px;
    margin: 0 10px;
    font-size: 0.1em;
}

.lightbox-base-left {
    background: url("../img/css/lightbox-base-corners.png") no-repeat left bottom;
    font-size: 0.1em;
    position: relative;
}

.lightbox-base-right {
    background: url("../img/css/lightbox-base-corners.png") no-repeat right bottom;
    height: 8px;
    width: 10px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.1em;
}

.lightBox a.closeBtn, .date_selector a.closeBtn {
    background: url("../img/css/lightbox-close-button.png") right center no-repeat;
    padding-right: 26px;
}

.lightBox .lightbox-right {
    text-align: left;
    padding: 17px 20px 25px 22px;
    margin: 0 0 0 1px;
}

.lightBox div.heading {
    padding-bottom: 12px;
    border-bottom: 1px solid #ededed;
}

.hasJS .lightBox div.heading {
    overflow: hidden;
}

.lightBox div.additional {
    clear: both;
    padding: 10px 110px 0 0;
    border-top: solid 1px #ededed;
}

.lightBox div.additional p, .lightBox div.areaContent div.additional ul li {
    color: #999;
}

.lightBox div.additional p {
    font-weight: bold;
}

.lightBox div.areaContent div.additional ul li {
    font-size: 0.916em;
    padding-left: 12px;
    float: none;
    padding: 0 0 0 12px;
    margin: 0;
    display: list-item;
    background: url("../img/css/additional-list-bullet.png") left center no-repeat;
}

.lightBox img.lightboxLogo {
    float: right;
    margin-top: -25px;
}

.download.logo {
    float: left;
    margin-top: -35px;
}

.download.logo.right {
    float: right;
    margin-top: -30px;
}

.download.subheader {
    margin-top: -25px;
}

.lightBox div.areaContent ul li .option {
    padding: 0;
    margin-bottom: 0.3em;
}

.lightBox div.areaContent ul li p.option {
    line-height: 0;
}

.lightBox div.areaContent ul li img.option {
    display: block;
}

/*-- Apply For a Product --*/
.hasJS .apply1 {
    width: 820px;
}

.apply1 .lightbox-right {
    padding-right: 0px;
    padding-left: 0px;
    margin: 0 0 0 1px;
}

.apply1 .lightbox-right div.heading, .apply1 div.additional {
    margin-left: 22px;
    margin-right: 19px;
}

.apply1 a.closeBtn {
    padding-right: 26px;
}

.apply1 img.lightboxLogo, .realEstateLightBox img.lightboxLogo {
    margin-right: 18px;
}

.apply1 div.areaContent ul {
    overflow: hidden;
    background: url("../img/css/lightbox-vertical-separator.png") 0 0 repeat-y;
    margin: 25px 1px 20px 0;
}

.apply1 div.areaContent ul li {
    float: left;
    display: inline;
    width: 266px !important;
    padding: 0;
    border: none;
}

.apply1 div.areaContent ul li.first {
    padding-left: 4px;
    width: 266px;
    background: none;
}

.apply1 div.areaContent ul li p.option {
    padding-top: 89px;
    padding-left: 10px;
    margin-left: 16px;
    background-position: 0px 5px;
    background-repeat: no-repeat;
}

.apply1 div.areaContent ul li.online p.option {
    background-image: url("../img/css/ico-steps-1-online.png");
}

.apply1 div.areaContent ul li.branch p.option {
    background-image: url("../img/css/ico-steps-2-branch.png");
}

.apply1 div.areaContent ul li.phone p.option {
    background-image: url("../img/css/ico-steps-3-phone.png");
}

.apply1 div.areaContent ul li p.subOption {
    font-weight: bold;
}

.apply1 div.areaContent ul li div.action {
    background: url("../img/css/content-separator-2.png") left -3px repeat-x;
    padding-top: 6px;
    margin: 0 6px 0 16px;
}

.apply1 div.areaContent ul li div.action p {
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    clear: both;
}

.apply1 div.areaContent ul li div.action p.buttonWrap {
    padding-left: 0;
    padding-top: 0;
    width: auto;
}

.apply1 div.additional ul {
    background: none;
    margin: 0;
}

/*-- Apply No Online --*/
.apply2 div.areaContent ul li {
    float: left;
    display: inline;
    margin-left: 25px;
    padding-top: 114px;
    width: 264px;
}

.apply2 div.areaContent ul li.first {
    margin-left: 0;
    background: url("../img/css/ico-branch-green.png") 0 32px no-repeat;
    width: 245px;
}

.apply2 li.first p.buttonWrap, .apply2 li p {
    background: url("../img/css/content-separator-2.png") left -3px repeat-x;
    padding-top: 8px;
}

.apply2 li.first p {
    background: none;
}

.apply2 div.areaContent ul li img.option {
    margin-top: -6px;
}

/*-- Send a Message --*/
.message .lightbox-right {
    padding-bottom: 0;
    padding-right: 5px;
}

.message a.closeBtn {
    margin-right: 15px;
}

.message form {
    clear: both;
    padding-top: 20px;
    padding-right: 15px;
}

.message .areaContent form label {
    width: 135px;
    padding-right: 20px;
}

.message div.areaContent form input, .message .areaContent form textarea {
    background-color: #f4f4f4;
    border-right: #e8e8e8 solid 1px;
    border-bottom: #e8e8e8 solid 1px;
}

.message .areaContent form input {
    width: 190px;
}

.message .areaContent form input.email {
    width: 220px;
}

.message .areaContent form textarea {
    width: 255px;
}

.message div.formFooter {
    clear: both;
    display: table;
    overflow: hidden;
    background: url("../img/css/content-separator-2.png") left -4px repeat-x;
    padding-top: 15px;
    width: 545px;
}

.zipCodeFooter {

    width: 650px !important;
}

.message div.formFooter img.lightboxLogo {
    position: absolute;
    left: 14px;
    bottom: 14px;
}

.message div.formFooter button {
    float: right;
}

.message div.formFooter p {
    margin-left: 310px;
    float: left;
    display: inline;
    padding-top: 1.5em;
}

/*-- video lightbox --*/
.lightboxNoHeader .lightbox-right {
    text-align: left;
}

.videoPlayerFormat .lightboxLogo {
    margin-top: 0px;
    padding-top: 24px;
}

/*---- Forms ----*/ /*--- General ---*/
#mainWrap form {
    color: #333;
    font-size: 1.0833em;
    background: white;
}

.lightBox form {
    font-size: 1.1em;
}

#mainWrap form div.formFooter, #mainWrap form fieldset {
    background: url("../img/css/content-separator-2.png") repeat-x left -4px;
}

#mainWrap form div.formFooter {
    padding-top: 10px;
    overflow: hidden;
}

#mainWrap div.formFooter button {
    float: right;
}

#mainWrap form fieldset {
    padding: 17px 0 6px;
}

#mainWrap form fieldset.first {
    background: none;
    padding-top: 5px;
}

#mainWrap #page h1.formHeader {
    left: 28px;
}

#mainWrap form h2 {
    padding-bottom: 15px;
}

#mainWrap form label, #mainWrap form input, #mainWrap form select, #mainWrap form .label, #mainWrap form a.help, #mainWrap form textarea, .lightBox form label, .lightBox form input, .lightBox form select, .lightBox form span.label, .lightBox form a.help, .lightBox form textarea, body.hasJS #mainWrap form div.helpContainer {
    float: left;
}

#mainWrap form div.formField, .lightBox form div.formField {
    margin-bottom: 12px;
}

#mainWrap form div.formField:after, .lightBox form div.formField:after {
    /*to hold floats - hasLayout applied to IE in IE stylesheets for same*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#mainWrap form div.formField, #mainWrap div.step2, #mainWrap div.faqs {
    clear: both;
}

#mainWrap span.label, .lightBox span.label {
    display: block;
}

#fastSearch fieldset div.formField {
    float: left;
    clear: none;
}

#mainWrap form label, #mainWrap .label, .lightBox form label, .lightBox span.label {
    color: #333;
    font-weight: bold;
    font-size: 0.923em;
    width: 150px;
    padding-right: 10px;
}

#mainWrap form select, .lightBox form select {
    min-width: 14.3em;
    font-size: 1em;
    height: 22px;
}

#mainWrap form input.noLabel, .lightBox form input.noLabel {
    margin-left: 160px;
}

#mainWrap form label.inline, .lightBox form label.inline {
    font-weight: normal;
    color: #333;
    margin: 0 14px 0 0;
    padding-right: 0;
}

#mainWrap form .inline, .lightBox form .subField {
    width: auto;
    min-width: 0;
}

.fixedLength {
    margin-right: 4px;
}

#mainWrap form .formFieldSurround input.currencyInteger {
    width: 11.3em;
    text-align: right;
}

#mainWrap form .formFieldSurround input.currencyDecimal {
    width: 2em;
}

#page form .formFieldSurround input.countryCode {
    width: 2.6em;
}

#page form .formFieldSurround input.areaCode {
    width: 3.2em;
}

#page form .formFieldSurround input.deviceNum {
    width: 5.65em;
}

#mainWrap form select.subField, .lightBox form select.subField {
    margin-right: 10px;
}

#mainWrap form input, .lightBox form input {
    width: 235px;
    padding: 2px 0px;
}

#mainWrap form input, .lightBox form input, #mainWrap form textarea, .lightBox form textarea {
    border-color: #BCBCBC #CCCCCC #CCCCCC #BCBCBC;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
}

#mainWrap form input.radio, #mainWrap form input.checkbox, .lightBox form input.radio {
    width: auto;
    margin-right: 6px;
}

#mainWrap form textarea, .lightBox form textarea {
    width: 262px;
}

#mainWrap form.formWrap {
    border: 3px solid #ccc;
    margin: 0 14px 14px;
    padding: 29px 13px 11px 13px;
}

#mainWrap form.formWrap textarea {
    height: 105px;
}

#mainWrap form.formWrap input.searchInput {
    margin: 5px 14px 0 0;
    padding: 0.35em 0.3em 0.3em;
    background: #f4f4f4;
    border: inset 2px #c3c3c3;
    border-bottom: inset 1px #e8e8e8;
    border-right: inset 1px #e8e8e8;
}

/*-- New Captcha --*/
div#mainWrap form .captchaVerify h2 {
    padding-bottom: 7px;
}

/*--
div#mainWrap form .captchaVerify p {
    line-height:1em;
    width:274px;
    margin-left:160px;
    margin-bottom:3px;
    float:left;
    display:inline;
    overflow:visible;
}
--*/
div#mainWrap form .captchaVerify p img {
    float: left;
}

div#mainWrap form .captchaVerify .formField label {
    font-weight: normal;
    margin-top: -0.18em;
    line-height: 1.2em;
}

div#mainWrap form .captchaVerify p a {
    width: 28px;
    height: 18px;
    float: right;
    margin-top: 7px;
    background: url("https://www.garanti.com.tr/tr/404.page") 0px -18px no-repeat;
}

div#mainWrap form fieldset.captchaVerify p a:hover {
    background-position: 0px 0px;
}

div#mainWrap form .captchaVerify .contextualHelp p {
    width: 125px;
    line-height: 1.4em;
    margin-left: 0px;
    float: none;
    height: auto;
    background: none;
    margin-top: 0px;
    display: block;
}

div#mainWrap form .captchaVerify p.captchaImages a.refresh, .lightBox form .captchaVerify p.captchaImages a.refresh {
    width: 28px;
    height: 19px;
    float: left;
    margin-top: 7px;
    margin-left: 6px;
    background: url("https://www.garanti.com.tr/tr/404.page") 0px 0px no-repeat;
}

div#mainWrap form .captchaVerify p.captchaImages a.refresh:hover, .lightBox form .captchaVerify p.captchaImages a.refresh:hover {
    background: url("https://www.garanti.com.tr/tr/404.page") 0px 100% no-repeat;
}

div#mainWrap form .captchaVerify p.captchaImages, .lightBox form .captchaVerify p.captchaImages {
    line-height: 1em;
    width: 310px;
    margin-left: 160px;
    margin-bottom: 3px;
    float: left;
    display: inline;
    overflow: visible;
}

.lightBox form .captchaVerify p.captchaImages {
    margin-left: 155px;
}

.lightBox form .captchaVerify p img {
    float: left;
}

#calculator div.formField input.captchaEntry {
    width: 235px;
}

/*-- Calendar --*/
#mainWrap form.calendarSearch {
    margin: 0 14px 20px 0;
    padding: 14px 10px 0;
    overflow: hidden;
}

div.withCN form.calendarSearch {
    margin: 15px 14px 200px 0 !important;
}

div.withCN form.calendarSearch2 {
    margin: 0 4px 20px 0 !important;
    padding-right: 0 !important;
}

#mainWrap form.calendarSearch fieldset {
    width: 230px;
    background: transparent url(../img/css/content-separator-3.png) repeat-x scroll left bottom;
    padding-top: 5px;
    padding-right: 78px;
}

#mainWrap form.calendarSearch2 fieldset {
    width: 480px;
    background: none;
}

div.withCN form.calendarSearch fieldset {
    padding-right: 0 !important;
}

#mainWrap form.calendarSearch fieldset.first {
    float: left;
}

#mainWrap form.calendarSearch fieldset.last {
    float: right;
}

#mainWrap form.calendarSearch fieldset label {
    color: #005931;
    padding-top: 3px;
    width: 55px;
}

#mainWrap form.calendarSearch2 fieldset label.selectDay {
    width: 75px;
    margin-left: 10px;
}

#mainWrap form.calendarSearch fieldset select {
    clear: right;
    margin-bottom: 20px;
    min-width: 12.5em;
}

#mainWrap form.calendarSearch2 fieldset select {
    min-width: 12em;
    width: 10em;
}

#mainWrap form.calendarSearch2 fieldset .error select {
    margin-bottom: 0px;
}

#mainWrap form input.day, #mainWrap form input.month {
    width: 24px;
    display: inline;
    margin-bottom: 5px;
}

#mainWrap form input.year {
    width: 40px;
    display: inline;
    margin-bottom: 5px;
}

form.calendarSearch .dateInput span {
    float: left;
    margin: 3px 5px;
    padding-top: 2px;
}

form.calendarSearch .dateInput span.opt {
    font-weight: bold;
    padding-left: 5px;
}

form.calendarSearch2 input.day, form.calendarSearch2 input.month, form.calendarSearch2 input.year, form.calendarSearch2 select, form.calendarSearch2 .dateInput span, form.calendarSearch2 .dateInput a {
    margin-top: 0px;
}

#mainWrap form.calendarSearch2 fieldset .last {
    clear: both;
    padding-top: 15px;
    overflow: hidden;
    background: transparent url(../img/css/content-separator-3.png) repeat-x scroll left top;
}

form.calendarSearch a.show {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    background: url("../img/css/ico-calendar_off.png") no-repeat 3px 3px;
}

form.calendarSearch a.show:hover {
    background: url("../img/css/ico-calendar_on.png") no-repeat 3px 3px;
}

form.calendarSearch a.show span {
    position: absolute;
    left: -9999em;
}

form.calendarSearch button.submit {
    float: right;
    margin: 15px 0 10px;
    clear: both;
}

form.calendarSearch a.closeBtn {
    float: right;
    background: transparent url(../img/css/lightbox-close-button.png) no-repeat scroll right center;
    padding-right: 26px;
}

/*- Add to calendar links list -*/
ul.resultsList {
    border-bottom: #e5e5e5 2px solid;
}

ul.resultsList li, .calendar, .activeCalendarList h3 {
    background: transparent url(../img/css/content-separator-3.png) repeat-x scroll left top;
}

.activeCalendarList h3 {
    background-position: left bottom;
}

.activeCalendarList {
    background: none;
}

.calendar {
    padding: 0.3em 0em;
}

#mainWrap .activeCalendarList ul {
    margin-bottom: 0px;
}

ul.resultsList .calendar {
    width: 200px;
    padding-top: 0.3em;
}

.calendar a, .activeCalendarList h3 a {
    padding: 7px 0 0 27px;
}

.activeCalendarList ul a {
    padding: 7px 0 0;
}

.calendar h3 {
    padding: 3px 0px 0px;
}

.calendar h3 a, .activeCalendarList h3 a {
    background: url(../img/css/ico-calendar_off.png) 0 5px no-repeat;
}

.calendar h3 a:hover, .calendar h3 a:focus, .calendar h3 a:active {
    background-image: url(../img/css/ico-calendar_on.png);
}

.calendar h3 a span, .activeCalendarList h3 a span {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: #f2f2f2 url(../img/css/add-calendar-trigger.png) -10px -9px no-repeat;
}

.activeCalendarList h3 a span {
    background-position: 4px -9px;
}

.calendar h3 a:hover span, .calendar h3 a:focus span, .activeCalendarList h3 a:hover span, .activeCalendarList h3 a:focus span {
    background-color: #2fa8ac;
    background-position: -10px 5px;
}

.calendar h3 a:active {
    color: #7FBE35;
}

.activeCalendarList h3 a:hover span, .activeCalendarList h3 a:focus span {
    background-position: 4px 5px;
}

.hasJS .calendar ul {
    display: none;
}

.activeCalendarList .calendarListHolder {
    position: relative;
    height: 1.766em;
    width: 247px;
    top: -1em;
    left: -16px;
}

.activeCalendarList div div {
    background: url(https://www.garanti.com.tr/tr/404.page) 0 0 no-repeat;
    width: 247px;
    position: absolute;
    padding-top: 12px;
    z-index: 2;
}

.activeCalendarList div.base {
    height: 13px;
    width: 247px;
    background: url(https://www.garanti.com.tr/tr/404.page) 0% 100% no-repeat;
}

.activeCalendarList div div div {
    position: static;
    padding-top: 0;
    background: url(https://www.garanti.com.tr/tr/404.page) 0 0 repeat-y;
    padding: 0px 4px 0px 5px;
    width: 238px;
}

.activeCalendarList div div div div {
    background: #fff url(https://www.garanti.com.tr/tr/404.page) 0% 100% repeat-x;
    padding: 0px 16px 12px 11px;
    width: auto;
}

.hasJS .activeCalendarList ul {
    display: block;
}

.activeCalendarList h3 {
    padding-bottom: 6px;
    width: 200px;
}

.activeCalendarList h3 a span {
    cursor: pointer;
}

.activeCalendarList ul a:hover, .activeCalendarList ul a:focus, .activeCalendarList ul a:active {
    color: #7FBE35;
}

.calendar ul li {
    background: none;
    padding: 6px 0px 5px 0px;
    position: relative;
}

.activeCalendarList ul li {
    background: none;
    padding-left: 27px;
    position: relative;
}

.activeCalendarList ul li img {
    position: absolute;
    left: 0px;
    bottom: 6px;
}

/*-- SME search result--*/
table.searchGrid {
    border-top: 1px solid #ccc;
    clear: both;
}

table.searchGrid thead tr th {
    padding-top: 30px !important;
}

table.searchGrid thead tr.sortingHeader th {
    padding-top: 0 !important;
}

/*-- Variants --*/
#page #mainWrap #contact {
    margin-right: 14px;
}

#mainWrap #contact div.step1 div.formFooter button {
    margin-left: 167px;
    float: none;
}

#mainWrap #helpSearch, #mainWrap #advancedSearch {
    padding: 19px 13px 3px;
}

#mainWrap #fastSearch {
    padding: 19px 0 0;
}

#mainWrap #advancedSearch {
    padding-bottom: 14px;
}

#mainWrap #helpSearch fieldset, #mainWrap #advancedSearch fieldset, #mainWrap #fastSearch fieldset {
    padding: 0;
}

/*-- help boxes --*/
.formField div.helpContainer, .formField div.adviceContainer {
    clear: both;
    float: left;
    padding-top: 10px;
}

body.hasJS .formField div.helpContainer {
    padding-top: 0;
}

form div.contextualHelp p {
    color: #333;
}

form div.contextualHelp div, form div.contextualHelp div.top, form div.contextualHelp div.base {
    background: none;
}

div.contextualHelp strong {
    padding: 0 15px 10px 0;
    font-size: 1.166em;
    font-weight: bold;
    display: block;
}

div.contextualHelp strong a:hover, div.contextualHelp strong a:focus, div.contextualHelp strong a:active {
    text-decoration: none
}

div.contextualHelp a.closer {
    position: absolute;
    right: -9999em;
}

form div.advice p {
    color: #333;
}

/*- Progressive Enhancement formatting -*/
form div.formField a.help {
    margin-left: 6px;
    overflow: hidden;
    height: 25px;
    width: 25px;
    background: url("../img/css/ico-form-field-help.png") 0px -25px no-repeat;
}

form div.formField a.help img {
    height: 50px;
    width: auto;
    border: none;
}

form div.formField a.help:hover img, form div.formField a.help:focus img {
    display: none;
}

.hasJS div.contextualHelp a.closer {
    display: block;
    top: 8px;
    right: 15px;
    height: 16px;
    width: 16px;
    overflow: hidden;
    background: transparent url("../img/css/help-closer.png") 0 -16px no-repeat;
    /* EMPIRIX ISSUE 114 */
    z-Index: 3;
}

.hasJS div.contextualHelp a.closer img {
    display: block;
    z-Index: 1;
    border: none;
    width: 16px;
    height: 32px;
}

.hasJS div.contextualHelp a.closer:hover img, .hasJS div.contextualHelp a.closer:focus img, .hasJS div.contextualHelp a.closer:active img {
    display: none;
}

.hasJS div.contextualHelp a.closer:hover, .hasJS div.contextualHelp a.closer:focus, .hasJS div.contextualHelp a.closer:active {
    font-size: 2em;
}

form div.formField a.help:focus img {
    display: none;
}

.hasJS div.contextualHelp div {
    background: url("../img/css/help-bg-ac.png") no-repeat 0 0;
    padding: 8px 15px 6px 19px;
}

.hasJS div.contextualHelp p {
    color: white;
    font-size: 0.923em;
    width: 125px;
}

.hasJS div.contextualHelp a, .hasJS div.contextualHelp p, .hasJS div.contextualHelp strong {
    color: white;
}

.hasJS div.contextualHelp a {
    font-weight: bold;
}

.hasJS form div.contextualHelp div.base {
    background: url("../img/css/help-bg-base-ac.png") no-repeat right bottom;
    padding: 0;
    height: 13px;
}

.hasJS div.advice p {
    font-size: 0.923em;
}

.hasJS form div.advice div {
    background: url("../img/css/advice-bg-ac.png") 0 0 no-repeat;
    padding: 4px 15px 0 20px
}

.hasJS form div.advice div.base {
    background: url("../img/css/advice-bg-base-ac.png") 0 0 no-repeat;
    padding: 0;
    height: 11px;
}

.hasJS div.adviceContainer, .hasJS div.advice {
    width: 196px;
}

.hasJS div.helpContainer, .hasJS div.adviceContainer {
    float: left;
    clear: none;
    margin-left: 3px;
    position: relative;
    z-index: 2;
    top: -3px;
    height: 1px;
}

.hasJS form div.advice div {
    background: url("../img/css/advice-bg-ac.png") 0 0 no-repeat;
    padding: 4px 15px 0 20px;
}

.hasJS div.advice p {
    color: #7EBE34;
    padding: 6px 0;
    background: transparent;
}

.hasJS div.errorContainer {
    clear: left;
    margin-left: 160px;
}

.hasJS #locationSearch div.errorContainer, .hasJS .withAC #advancedSearch div.errorContainer, .hasJS .withAC #helpSearch div.errorContainer {
    margin-left: 0px;
}

.hasJS .lightBox .lightbox-main div.errorContainer {
    margin-left: 155px;
}

.hasJS form.calendarSearch div.errorContainer {
    margin-left: 55px;
}

.hasJS form.calendarSearch div.errorMessage, .hasJS form.calendarSearch div.errorContainer, .hasJS form.calendarSearch div.errorContainer div.base {
    width: 145px;
}

.hasJS form.calendarSearch2 div.errorMessage, .hasJS form.calendarSearch2 div.errorContainer, .hasJS form.calendarSearch2 div.errorContainer div.base {
    width: 237px;
}

.hasJS div.adviceContainer {
    padding-top: 0;
    top: -8px;
    left: 2px;
}

.hasJS div.helpContainer, .hasJS div.helpWrapper, .hasJS div.contextualHelp {
    width: 175px;
}

.hasJS div.contextualHelp, .hasJS div.advice {
    position: absolute;
}

.hasJS div.contextualHelp {
    left: auto;
}

.hasJS div.contextualHelp a.closer {
    top: 11px;
    right: 15px;
}

/*-- Error messages --*/
form div.formSubmitError, div.nonForm div.formSubmitError {
    background: #fff url("../img/css/form-submit-error-bg.png") no-repeat 0px 0px;
    padding: 3px 0px 0px;
    width: 640px;
    color: #cc0000;
    margin-bottom: 12px;
}

form #creditcard_app_error div.formSubmitError, div.nonForm div.formSubmitError {
    background: #fff url("../img/css/form-submit-error-bg-small.png") no-repeat 0px 0px;
    padding: 3px 0px 0px;
    width: 400px;
    color: #cc0000;
    margin-bottom: 12px;
}

.lightBox form div.formSubmitError {
    margin-bottom: 20px;
    width: 534px;
}

.lightBox form div.formSubmitError, .lightBox form div.formSubmitError div {
    background-image: url('../img/css/form-submit-error-bg-lightbox.png');
}

#locationSearch div.formSubmitError {
    width: 612px;
}

#locationSearch div.formSubmitError, #locationSearch div.formSubmitError div {
    background-image: url('../img/css/form-submit-error-bg-location-search.png');
}

form.calendarSearch div.formSubmitError {
    width: 632px;
}

form.calendarSearch div.formSubmitError, form.calendarSearch div.formSubmitError div {
    background-image: url('../img/css/form-submit-error-bg-calendar-long.png');
}

.withCN .withAC .formWrap div.formSubmitError {
    width: 464px;
}

.withCN .withAC .formWrap div.formSubmitError, .withCN .withAC .formWrap div.formSubmitError div {
    background-image: url('../img/css/form-submit-error-bg-calendar-search.png');
}

#calculator div.formSubmitError {
    width: 474px;
}

#calculator div.formSubmitError, #calculator div.formSubmitError div {
    background-image: url('../img/css/form-submit-error-bg-calculator.png');
}

div.nonForm div.formSubmitError {
    padding-top: 2px;
    padding-bottom: 11px;
    background-position: 28px 0px;
    margin-top: 0;
    padding-right: 0;
}

form div.errorType2, div.nonForm div.errorType2 {
    margin-bottom: -1px;
    padding-bottom: 0px;
}

form div.formSubmitError div, div.nonForm div.formSubmitError div {
    background: url("../img/css/form-submit-error-bg.png") no-repeat 0px 100%;
    padding-bottom: 3px;
}

form div.formSubmitError div div, div.nonForm div.formSubmitError div div, .lightBox form div.formSubmitError div div, #locationSearch div.formSubmitError div div, form.calendarSearch div.formSubmitError div div, .withCN .withAC .formWrap div.formSubmitError div div, #calculator div.formSubmitError div div {
    background: #fff url("../img/css/ico-form-submit-error.png") no-repeat 19px center;
    border-left: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
    padding: 9px 0px 7px 41px;
}

div.nonForm div.formSubmitError div div {
    padding: 9px 0px 6px 41px;
}

form div.formSubmitError p, div.nonForm div.formSubmitError p {
    color: #cc0000;
    padding: 0px 18px;
    width: auto;
    line-height: 1.5em;
    border-left: 2px solid #cc0000;
}

form div.formSubmitError p strong, div.nonForm div.formSubmitError p strong {
    font-size: 1.333em;
    display: block;
}

#mainWrap form div.error div.formFieldInner input, #mainWrap form div.error div.formFieldInner select, #mainWrap form div.error div.formFieldInner textarea {
    border: 1px solid #c90606;
}

div.errorContainer, div.errorMessage, form div.errorContainer div.base {
    width: 237px;
}

div.errorWrapper {
    padding-top: 5px;
    background: url("../img/css/form-field-error-bg.png") 0 0 no-repeat;
}

#page div.errorMessage, .lightBox .lightbox-main div.errorMessage {
    color: white;
    font-size: 1em;
    background: #cc0000;
    padding: 0px;
}

div.errorMessage a, div.errorMessage p {
    color: white;
}

div.errorMessage p {
    padding: 1px 9px 2px;
}

form div.errorContainer div.base {
    background: url("../img/css/form-field-error-bg.png") no-repeat 0 100%;
    padding: 0;
    height: 2px;
}

form.calendarSearch div.errorContainer div.errorWrapper, form.calendarSearch div.errorContainer div.base {
    background-image: url("../img/css/form-field-error-bg-calendar-search.png")
}

form.calendarSearch2 div.errorContainer div.errorWrapper, form.calendarSearch2 div.errorContainer div.base {
    background-image: url("../img/css/form-field-error-bg.png");
}

/*-- Faqs --*/
form div.faqs {
    background: url("../img/css/faq-mid-bg.png") repeat-y left top;
    width: 569px;
    margin-left: 44px;
    margin-bottom: 20px;
    position: relative;
    top: -18px;
}

form div.faqs div, div.faqs div {
    padding: 6px 0 15px 0;
}

form div.faqs div {
    padding-left: 18px;
    padding-right: 22px;
}

div.faqs div div {
    padding: 0;
}

form div.faqs p, div.faqs p {
    font-weight: bold;
    padding: 0 22px 0 0;
}

form div.faqs p {
    padding-left: 23px;
}

form div.faqs div p, div.faqs div p {
    font-weight: normal;
    padding: 0;
}

form div.faqs div p, form div.faqs div h3.accHeader, form div.faqs div.accContent, form div.faqs div.accContent p {
    padding-left: 23px;
}

form div.faqs div.top, form div.faqs div.base, form div.faqs div.accContent, form div.faqs div div p {
    padding: 0;
}

form div.faqs div.top {
    height: 54px;
    background: url("../img/css/faq-top-base-bg.png") no-repeat left top;
}

form div.faqs div.base {
    height: 19px;
    background: url("../img/css/faq-top-base-bg.png") no-repeat left bottom;
    margin-top: 16px;
}

form div.faqs h3.accHeader {
    padding-top: 1.166em;
}

form div.faqs p.first {
    padding-top: 0;
}

.hasJS form div.faqs h3.accHeader {
    color: #2fa8ac;
    cursor: pointer;
    background: url("../img/css/list-arrow-faq-closed.png") no-repeat 5px 1.346em;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 0;
}

.hasJS form div.faqs h3.accHeader:hover, .hasJS form div.faqs h3.accHeader:active, .hasJS form div.faqs h3.accHeader.hover, .hasJS form div.faqs h3.accHeader.active {
    color: #7fbe35;
    text-decoration: underline;
    background: url("../img/css/list-arrow-faq-open.png") no-repeat left 1.516em;
}

.hasJS form div.faqs p.active, form div.faqs h3.accHeader {
    color: #333;
    background: url("../img/css/list-arrow-faq-open.png") no-repeat left 1.516em;
}

#mainWrap div.tabContent div.faqs {
    clear: none;
    padding-top: 20px;
}

div.faqs h3 {
    color: #333;
    padding-bottom: 0.75em;
    padding-top: 1.166em;
}

.hasJS form div.faqs p.active {
    color: #7fbe35;
}

.hasJS form div.faqs div.accContent {
    position: absolute;
    left: -9999em;
}

form div.faqs div.accContent, .hasJS form div.faqs div.expanded {
    position: static;
    left: auto;
}

/*-- Advanced Search --*/
#mainWrap #advancedSearch label {
    width: auto;
    margin-right: 14px;
}

#advancedSearch select {
    margin-right: 28px;
}

#advancedSearch h2, #locationSearch h2 {
    color: #7ebe34;
    padding-left: 14px;
    background: url("../img/css/search-arrow-down.png") no-repeat left 0.1em;
}

#advancedSearch h2.closed, #locationSearch h2.closed {
    background: url("../img/css/search-arrow-up.png") no-repeat left 0.1em;
}

#advancedSearch h3 {
    padding-bottom: 1em;
    font-size: 1.1em;
    color: #005931;
    clear: left;
}

#advancedSearch input.searchInput {
    width: 28em;
}

body.hasJS #advancedSearch h2#expand1, body.hasJS #locationSearch h2#expand1 {
    cursor: pointer;
}

/*-- Help feedback --*/
#page #mainWrap div.areaContent #helpFeedback {
    margin: 0 14px 28px;
}

#mainWrap #helpFeedback label, #mainWrap #helpFeedback span.label {
    width: auto;
    margin-right: 14px;
}

#mainWrap #helpFeedback label {
    font-weight: normal;
    color: #333;
}

#mainWrap #helpFeedback textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
}

#mainWrap #helpFeedback div.formFooter {
    background: none;
    padding-top: 0;
}

/*-- Fast Search --*/
#mainWrap form#fastSearch .formSubmitError {
    margin: 0 13px;
}

#mainWrap form#fastSearch input {
    width: 515px;
}

#mainWrap form#fastSearch input.helpAndAdvice {
    width: 425px;
}

#mainWrap form#fastSearch fieldset {
    margin: 0 13px;
}

#mainWrap form#fastSearch fieldset.first button.submit {
    margin-right: -1px;
}

#mainWrap form#fastSearch .noResults {
    background-color: #f1e410;
    padding: 9px 19px 5px;
}

#mainWrap form#fastSearch .noResults a {
    font-weight: bold;
}

#mainWrap form#fastSearch .hr {
    background: url("../img/css/refine-search-divider.png") repeat-x scroll 0 0 transparent;
    height: 1px;
    margin: 0;
    width: 100%;
    overflow: hidden;
}

#mainWrap form#fastSearch a.anchorSearchTips {
    display: block;
    height: 14px;
    margin: 10px 0 0 13px;
    padding: 0 0 9px 18px;
    background: url("../img/css/help-arrow-right.png") no-repeat scroll 4px 0 transparent;
}

#mainWrap form#fastSearch a.anchorSearchTips.closed:hover {
    background: url("../img/css/help-arrow-down.png") no-repeat scroll 0 0 transparent;
}

#mainWrap form#fastSearch a.anchorSearchTips.open {
    background: url("../img/css/help-arrow-down-blue.png") no-repeat scroll 0 4px transparent;
}

#mainWrap form#fastSearch a.anchorSearchTips.open:hover { /*	color:#2FA8AC;*/
    background: url("../img/css/help-arrow-right-green.png") no-repeat scroll 4px 0 transparent;
}

#mainWrap form#fastSearch .searchTips {

}

#mainWrap form#fastSearch .searchTips ul {
    margin: 16px 36px;
}

#mainWrap form#fastSearch .searchTips ul li {
    list-style-image: url("../img/css/list-green.png");
    margin-bottom: 5px;
}

#mainWrap form#fastSearch .searchTips ul li em {
    font-weight: bold;
    font-style: normal;
}

#mainWrap form#fastSearch .formFieldOuter {
    position: relative;
}

#mainWrap form#fastSearch .gTautoSuggestions {
    display: none;
    position: absolute;
    width: 551px;
    top: 0;
    left: 0;
    padding: 2px 0 0 0;
    z-index: 2000;
    background: url("../img/css/bg-fastsearch-top.png") no-repeat scroll top left transparent;
}

#mainWrap form#fastSearch .gTautoSuggestions .footer {
    margin: 0;
    padding: 0;
    width: 551px;
    height: 2px;
    background: url("../img/css/bg-fastsearch-bottom.png") no-repeat scroll bottom left transparent;
}

#mainWrap form#fastSearch .gTautoSuggestions ul {
    margin: 0;
    padding: 0 3px;
    background: url("../img/css/bg-fastsearch-middle.png") repeat-y scroll 0 0 transparent;
}

#mainWrap form#fastSearch .gTautoSuggestions li {
    padding: 5px 5px;
    margin: 0;
    background-color: #f2f2f2;
}

#mainWrap form#fastSearch .gTautoSuggestions li.even {
    background-color: #ffffff;
}

#mainWrap form#fastSearch .gTautoSuggestions li.hover {
    background-color: #cfe3b9;
}

/*-- Application Form --*/ /*-- Application stages list --*/
p.headerRange {
    font-size: 1.333em;
    color: #005931;
    margin: -10px 28px 0px;
    background: url("../img/css/content-separator-4.png") 0 0 repeat-x;
    padding: 8px 0 27px;
}

div.header {
    margin: 0px 14px -10px;
    border: 3px solid #ccc;
    border-bottom: none;
    position: relative;
}

div.header div {
    overflow: visible;
    min-height: 81px;
}

div.header a.previousSet, div.header a.nextSet {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 26px;
    overflow: hidden;
}

div.header a.previousSet {
    left: 0;
    background: url("../img/css/btn-application-previous-set.png") 0 0 no-repeat;
}

div.header a.previousSet:hover, div.header a.previousSet:focus {
    background-position: 0 -27px;
}

div.header a.nextSet {
    right: 0;
    background: url("../img/css/btn-application-next-set.png") 0 0 no-repeat;
}

div.header a.nextSet:hover, div.header a.nextSet:focus {
    background-position: 0 -27px;
}

#mainWrap div.header ol.stages {
    padding: 0 24px;
    margin: 0px 14px 0px;
    background: url("../img/css/content-separator-3.png") 0% 100% repeat-x;
}

div.header ol.stages li {
    float: left;
    width: 118px;
    overflow: visible;
    padding-bottom: 14px;
}

div.header ol.stages li span, div.header ol.stages li a {
    min-height: 30px;
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
    padding: 0 4px;
    line-height: 1.2em;
}

div.header ol.stages li span {
    border-left: 1px solid #7ebe34;
    color: #7ebe34;
}

div.header ol.stages li.last span {
    border-right: 1px solid #7ebe34;
}

div.header ol.stages li a {
    border-left: 1px solid #339999;
}

div.header ol.stages li.last a {
    border-right: 1px solid #339999;
}

div.header ol.stages li a:hover, div.header ol.stages li a:focus {
    border-left: 1px solid #7ebe34;
}

div.header ol.stages li.last a:hover, div.header ol.stages li.last a:focus {
    border-right: 1px solid #7ebe34;
}

div.header ol.stages li strong span {
    border-left: 1px solid #005931;
    color: #005931;
}

div.header ol.stages li.last strong span {
    border-right: 1px solid #005931;
    color: #005931;
}

div.header ol.stages li .stageNumber, div.header ol.stages li.last .stageNumber {
    padding: 0;
    position: relative;
    margin-top: -14px;
    margin-bottom: -8px;
    text-align: center;
    border: none;
    height: 38px;
}

div.header ol.stages li span.stageNumber, div.header ol.stages li.last span.stageNumber {
    width: 36px;
    text-align: center;
    padding-top: 9px;
    background: url("../img/css/application-stage-bg.png") 0 0 no-repeat;
}

/*- Form Body -*/
#application {
    padding: 30px 14px 11px;
    border-left: solid 3px #ccc;
    border-right: solid 3px #ccc;
    border-bottom: solid 3px #ccc;
    margin: 0px 14px 28px;
}

/*-- Calculator --*/
#mainWrap #calculator {
    border: solid 3px #ccc;
    padding: 20px 12px 12px;
    margin-top: 8px;
}

#mainWrap #calculator h2 {
    padding: 0;
}

#mainWrap #calculator div.formField span, #mainWrap #calculator label.inline, #mainWrap .accumulationTest div.formField span {
    margin: 0 4px 0 8px;
    float: left;
}

#mainWrap #calculator div.formField span.label {
    margin: 0;
}

#calculator div.formField input {
    width: 40px;
    float: left;
}

#mainWrap #calculator input.amount {
    width: 115px;
}

#mainWrap #calculator input.radio, .lightBox form input.radio {
    width: auto;
}

/*- Results -*/
div.calcResults {
    background: url("../img/css/calculator-bg.png") no-repeat left bottom;
    padding: 0 0 20px;
    color: white;
    margin-bottom: 21px;
    width: 514px;
    position: relative;
    left: -4px;
}

div.calcResults div.top {
    background: url("../img/css/calculator-bg.png") no-repeat left top;
    height: 57px;
    width: 100%;
}

div.calcResults h2, div.calcResults table {
    margin-left: 20px;
    margin-right: 20px;
}

div.calcResults h2 {
    float: left;
    display: inline;
    margin-right: 30px;
}

div.calcResults div.calcResultsFooter {
    overflow: hidden;
    margin: 0 20px;
    padding-top: 10px;
    border-top: 1px solid #3b765c;
}

div.calcResults div.calcResultsFooter p {
    width: 265px;
    float: left;
    margin-right: 16px;
    display: inline;
    color: #fff;
}

/*- Variant for green background -*/
table.contentGrid a.button span.link, table.contentGrid a.submit span.link, table.contentGrid a.button:hover span.link, table.contentGrid a.button:focus span.link, table.contentGrid a.button:active span.link, table.contentGrid a.submit:hover span.link, table.contentGrid a.submit:focus span.link, table.contentGrid a.submit:active span.link {
    display: block;
    float: none;
    margin: 0;
    padding: 0.4em 0.8em 0.5em;
    font-weight: bold;
    background: none;
    min-height: 0;
}

table.contentGrid a.button span {
    background-image: url("../img/css/btn-silver-bg-grey.png");
}

table.contentGrid a.button span.link, table.contentGrid a.button:hover span.link, table.contentGrid a.button:focus span.link, table.contentGrid a.button:active span.link {
    background: none;
}

table.contentGrid a.button:hover > span, table.contentGrid a.button:hover > span span, table.contentGrid a.button:focus > span, table.contentGrid a.button:focus > span span, table.contentGrid a.button:active > span, table.contentGrid a.button:active > span span {
    background-image: url("../img/css/btn-silver-bg-grey-hover.png");
}

table.contentGrid a.submit span {
    background-image: url("../img/css/btn-cyan-bg-grey.png");
    color: white;
}

table.contentGrid a.submit span.link {
    background: none;
}

table.contentGrid a.submit:hover > span, table.contentGrid a.submit:hover > span span, table.contentGrid a.submit:focus > span, table.contentGrid a.submit:focus > span span, table.contentGrid a.submit:active > span, table.contentGrid a.submit:active > span span {
    background-image: url("../img/css/btn-silver-bg-grey-hover.png");
    color: #2FA8AC;
}

/*- Recommendations -*/
div.recommendations table {
    margin-bottom: 15px;
}

div.recommendations td.action2 {
    width: 190px;
    padding-top: 8px;
}

/*-- Audio & Video --*/ /*- Extension Box -*/
div.contentExtension {
    background: url("../img/css/extension-bg.png") no-repeat left bottom;
    padding: 0 0 20px;
    color: white;
    margin-bottom: 21px;
    width: 376px;
    position: relative;
    left: -3px;
}

div.contentExtension div {
    margin: 10px 14px 0;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left 0.5em;
}

div.contentExtension div.top {
    margin: 0;
    padding: 0;
    background-image: url("../img/css/extension-bg.png");
    background-position: left top;
    height: 24px;
    width: 100%;
}

div.contentExtension div.video {
    background-image: url("../img/css/ico-video.png");
    overflow: auto; /* GT */
    zoom: 1; /* GT */
}

div.contentExtension div.audio {
    background-image: url("../img/css/ico-audio.png");
    overflow: auto; /* GT */
    zoom: 1; /* GT */
}

div.contentExtension h3 {
    font-size: 1.2em;
}

div.contentExtension p {
    color: white;
}

#hubMasters {
    background: url("../img/css/hub-masters-bg-1.png") 0 0 no-repeat;
    min-height: 390px;
}

#hubMasters h2 {
    padding-top: 40px;
    padding-left: 38px;
}

#hubMasters p {
    padding-left: 38px;
    padding-top: 30px;
}

/*-- Master-*/
div.master {
    background: transparent url(../img/css/master-header-bg.jpg) no-repeat scroll 169px top !important;
}

.master #primaryNav {
    background: transparent url(../img/css/master-nav-bg.png) no-repeat scroll left top;
}

/* garanti requested changes */
.master #onlineBanking {
    width: 241px
}

.master #onlineBanking span.base {
    /*background:transparent url(/assets/img/css/master-online-banking-base-bg.png) no-repeat scroll 3px 100%;*/
    background: transparent url(../img/css/online-banking-base-bg.png) no-repeat scroll 0 100%;
}

#page.master div.contentBox h1 img.logo {
    display: block;
    left: -15px;
    position: absolute;
    top: -22px;
}

#page.master div.masterslogo {
    display: block;
    left: 14px;
    position: absolute;
    top: 14px;
}

.master div.contentBox h2 {
    color: #333;
}

.master .contentEmphasis2 {
    border-top: 5px solid #ccc;
}

.master div.contentBox .subheading {
    color: #666;
}

.master .contentSeparator {
    background-image: url(../img/css/master-content-separator.png);
}

#page.master #mainWrap div.areaAdditionalContent div.promoCol {
    background-image: none;
}

#page.master div.illustrationWrap {
    background-image: none;
}

.master div.promoBubble1 {
    background-image: none;
    padding: 28px 0 0 30px;
}

.master div.helpBox h2 {
    background-image: url(../img/css/grey-header-bg.png);
}

.withRandomizer {
    margin-left: 14px;
    position: relative;
}

.withRandomizer div.promoRandomizerBox {
    position: absolute;
    left: 42px;
    top: 130px;
}

.withRandomizer div.promoRandomizerBox div.promoBubble7 {
    position: absolute;
    top: 0;
}

.withRandomizer div.promoRandomizerBox h2 {
    position: relative;
    left: 40px;
    top: 60px;
}

/*-- Business News carousel --*/
div.businessNews {
    text-align: right;
}

div.businessNews h2 {
    text-align: left;
}

div.businessNews p {
    padding-top: 8px;
}

#bizNewsCarousel {
    text-align: left;
}

#bizNewsCarousel .jcarousel-item, .realEstateCarousel .jcarousel-item, #page.themeHubHome div.businessNews .jcarousel-clip {
    height: 11.5em;
    width: 212px;
}

#bizNewsCarousel h3 {
    width: 140px;
    margin-left: 10px;
    color: #005931;
    font-weight: bold;
    float: right;
}

#bizNewsCarousel li img {
    float: left;
}

#bizNewsCarousel li p {
    clear: both;
    padding-top: 10px;
}

div.businessNews p.footer, div.businessNews p.controls {
    line-height: 1.6em
}

div.businessNews p.controls {
    float: left;
    width: 5em;
    text-align: center;
}

div.businessNews p.controls .jcarousel-next, div.businessNews p.controls .jcarousel-prev {
    margin-top: 0.2em;
}

div.businessNews p.controls .jcarousel-next {
    float: right;
    background: url("../img/css/next-arrow.png") right -14px no-repeat;
    width: 8px;
    height: 14px;
}

div.businessNews p.controls .jcarousel-next:hover {
    background-position: right top;
}

div.businessNews p.controls .jcarousel-prev {
    float: left;
    display: inline;
    background: url("../img/css/prev-arrow.png") left -14px no-repeat;
    width: 8px;
    height: 14px;
}

div.businessNews p.controls .jcarousel-prev:hover {
    background-position: left top;
}

div.businessNews a.popup {
    padding-bottom: 4px;
    background-position: right top;
}

/*-- Real Estate carousel --*/
div.promoRealEstate {
    width: 549px;
    clear: both;
}

.promoRealEstate .realEstateCarousel {
    margin: 0;
    padding: 0;
}

.promoRealEstate .jcarousel-container {
    position: relative;
    text-align: left;
}

div.promoRealEstate .realEstateCarousel li.jcarousel-item {
    width: 121px;
    height: 72px;
    padding: 0 0 0 3px;
}

div.promoRealEstate .realEstateCarousel li a {
    overflow: hidden;
}

div.promoRealEstate .realEstateCarousel li a, div.promoRealEstate .realEstateCarousel li span {
    display: block;
    height: 72px;
    width: 121px;
    overflow: hidden
}

div.promoRealEstate .realEstateCarousel li span img {
    display: block;
}

div.promoRealEstate .realEstateCarousel li a.active span, div.promoRealEstate .realEstateCarousel li a:hover span {
    height: 64px;
    width: 113px;
}

div.promoRealEstate .realEstateCarousel li a:hover {
    border: none;
}

div.promoRealEstate .realEstateCarousel li a.active:hover span, div.promoRealEstate .realEstateCarousel li a:hover span {
    border: solid #2fa9ae 4px;
}

div.promoRealEstate .realEstateCarousel li a.active span {
    border: solid #80be37 4px;
}

div.promoRealEstate .realEstateCarousel li a:hover span img, div.promoRealEstate .realEstateCarousel li a.active span img {
    margin-left: -4px;
    margin-top: -4px;
}

div.promoRealEstate .jcarousel-container {
    padding-top: 34px;
}

div.promoRealEstate .jcarousel-clip {
    height: 72px;
    width: 121px;
    margin-bottom: 10px;
    width: 496px;
    left: 25px;
}

div.realEstateLightBox div.footer, div.realEstateLightBox a.controls {
    line-height: 1.6em
}

.realEstateLightBox a.controls {
    float: left;
    display: block;
    width: 25px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.realEstateLightBox a.jcarousel-next {
    position: absolute;
    right: 0px;
    height: 72px;
    width: 25px;
    background: url("../img/css/realestate-arrows-right.png") no-repeat top left;
}

.realEstateLightBox a.jcarousel-next:hover {
    background-position: left bottom;
}

.realEstateLightBox a.jcarousel-prev {
    position: absolute;
    left: 0px;
    height: 72px;
    width: 25px;
    background: url("../img/css/realestate-arrows-left.png") no-repeat top left;
}

.realEstateLightBox a.jcarousel-prev:hover {
    background-position: left bottom;
}

.realEstateLightBox div.jcarousel-container p {
    text-align: center;
    color: #005931;
    font-weight: bold;
    font-size: 1.166em;
    padding-bottom: 0;
}

/*-- CUSTOM SLIDER STYLES if other jquery UI items are used, it may be best to rename all these styles
 and any associated references in GT.utilities and the html --*/
.custom-handle {
    display: block;
    height: 52px;
    width: 10px;
    background: url(../img/css/slider-handle-small.png) -1px -1px no-repeat;
    z-Index: 100;
}

.slidersurround {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
}

.resetBorders {
    border-top: none;
    border-bottom: none;
}

.scrollPane {
    position: relative;
    overflow: auto;
    height: 150px;
    width: 634px;
    float: left;
    clear: both;
    padding-right: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: transparent url('../img/css/bg-payments.png') -38px 0 repeat-y;
}

.scrollContent {
    position: relative;
    width: 634px;
    float: left;
}

.postCodeScroll {
    width: 630px;
}

.ui-slider {
    position: relative;
    text-align: left;
    float: left;
    width: 2em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}

.ui-slider-vertical {
    width: 10px;
    height: 100px;
}

.ui-slider-vertical-50 {

    height: 50px;
}

.ui-slider-vertical .ui-slider-handle {
    margin-top: 0;
    left: 0;
    margin-left: 0;
}

.ui-slider-handle {
    height: 52px;
    margin-bottom: -6px;
    left: 6px;
    z-Index: 3;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    top: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    bottom: 0;
}

.slider-formFieldSurround {
    width: 466px;
    float: left;
}

.slider-container {
    float: left;
    width: 480px;
}

.slider-container .ui-slider-horizontal {
    float: left;
    background: url('../img/css/slider-bg-grey.png') left top repeat-x;
    margin-left: 0px;
    margin-right: 0px;
    width: 328px;
    margin-bottom: 23px;
    height: 27px;
    border-color: #fff;
    -moz-border-radius: 0px;
}

.ui-slider-horizontal .ui-slider-handle {
    height: 3em;
    background: url('../img/css/slider-dragger-default.gif') left top no-repeat;
    width: 28px;
    border: 0;
    margin-top: -3px;
    outline: none;
    margin-left: -13px;
    text-decoration: none;
}

.ui-slider-horizontal .ui-state-active, .ui-slider-horizontal .ui-state-focus, .ui-slider-horizontal .ui-state-hover {
    background: url('../img/css/slider-dragger-active.gif') left 1px no-repeat;
}

.ui-slider-horizontal .atMin-active {
    background-image: url('../img/css/slider-dragger-active-min.gif');
}

.ui-slider-horizontal .atMax-active {
    background-image: url('../img/css/slider-dragger-active-max.gif');
}

.ui-slider-horizontal .atMin {
    background-image: url('../img/css/slider-dragger-min.gif');
}

.ui-slider-horizontal .atMin:focus, .ui-slider-horizontal .atMin:hover, .ui-slider-horizontal .atMin-active {
    background-image: url('../img/css/slider-dragger-active-min.gif');
}

.ui-slider-horizontal .atMax {
    background-image: url('../img/css/slider-dragger-max.gif');
}

.ui-slider-horizontal .atMax:focus, .ui-slider-horizontal .atMax:hover, .ui-slider-horizontal .atMax-active {
    background-image: url('../img/css/slider-dragger-active-max.gif');
}

.ui-slider-range-min {
    height: 100%;
    background: url('../img/css/slider-bg-yellow.png') left top repeat-x;
}

.slider-button {
    float: left;
    height: 22px;
    width: 22px;
    background: #fff;
    z-index: 100;
    margin-top: 2px;
}

.slider-button-minus {
    background: url('../img/css/slider-button-minus.png') left top no-repeat;
}

.slider-button-plus {
    background: url('../img/css/slider-button-plus.png') left top no-repeat;
}

.ui-slider-tooltip {
    background: #fcfafa;
    display: block;
    width: 48px;
    height: 21px;
    border: 1px solid #e9e9e9;
    margin-left: -12px;
    margin-top: 33px;
    text-align: center;
    color: #333;
    -moz-border-radius: 3px;
    line-height: 22px;
}

.ui-corner-all {
    -moz-border-radius: 4px;
}

.slider-scale {
    clear: left;
    float: left;
    margin: -23px 0 0 30px;
    width: 328px;
    position: relative;
}

.slider-scale span {
    font-size: 11px;
    font-family: arial;
    text-align: center;
    padding-top: 5px;
    width: 20px;
    margin-left: -4px;
    background: url('../img/css/scale-mark.gif') center top no-repeat;
}

.slider-bar-left {
    float: left;
    width: 8px;
    margin-left: 5px;
    height: 29px;
    background: url('../img/css/slider-bg-yellow.png') left top no-repeat;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    height: 27px;
}

.slider-bar-right {
    float: left;
    width: 8px;
    height: 29px;
    background: url('../img/css/slider-bg-grey.png') right top no-repeat;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    height: 27px;
    margin-right: 5px;
}

.rangeAtMax {
    background: url('../img/css/slider-bg-yellow.png') right top no-repeat;
}

.max.rangeAtMax {
    background: url('../img/css/slider-bg-green.png') right top no-repeat;
}

.over.rangeAtMax {
    background: url('../img/css/slider-bg-red.png') right top no-repeat;
}

.slider-container .rangeOverMax .ui-slider-range-min {
    background: url('../img/css/slider-bg-red.png') left top repeat-x;
}

.slider-container .rangeFull .ui-slider-range-min {
    background: url('../img/css/slider-bg-green.png') left top repeat-x;
}

.slider-bar-left-full, .slider-bar-right-full {
    background: url('../img/css/slider-bg-green.png') left top repeat-x;
}

.slider-bar-left-over, .slider-bar-right-over {
    background: url('../img/css/slider-bg-red.png') left top repeat-x;
}

#totalCounter .errorContainer {
    margin-bottom: 10px;
}

#totalCounter .ui-slider-handle {
    display: none;
}

.slider-key, .unit {
    background: none repeat scroll 0 0 #F2F2F2;
    float: left;
    height: 27px;
    line-height: 28px;
    margin-left: 4px;
    text-align: center;
    width: 48px;
}

.unit {
    background: none repeat scroll 0 0 transparent;
    width: 10px;
}

#slider-total-key {
    font-size: 120%;
}

#slider-total-key p {
    line-height: 0;
    padding: 0;
}

.ui-slider-tooltip {
    background: #fcfafa;
    display: block;
    width: 48px;
    height: 21px;
    border: 1px solid #e9e9e9;
    margin-left: -12px;
    margin-top: 33px;
    text-align: center;
    color: #333;
    -moz-border-radius: 3px;
    line-height: 22px;
}

.ui-corner-all {
    -moz-border-radius: 4px;
}

.slider-scale {
    margin: -23px 0 0 30px;
    position: relative;
}

.slider-scale span {
    font-size: 11px;
    font-family: arial;
    text-align: center;
    padding-top: 5px;
    width: 20px;
    margin-left: -4px;
    background: url('../img/css/scale-mark.gif') center top no-repeat;
}

.slider-bar {
    z-index: 2;
}

.slider-bar-left {
    float: left;
    width: 8px;
    margin-left: 5px;
    height: 29px;
    background: url('../img/css/slider-bg-yellow.png') left top no-repeat;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    height: 27px;
}

.slider-bar-right {
    float: left;
    width: 8px;
    height: 29px;
    background: url('../img/css/slider-bg-grey.png') right top no-repeat;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    height: 27px;
    margin-right: 5px;
}

.rangeAtMax {
    background: url('../img/css/slider-bg-yellow.png') right top no-repeat;
}

.max.rangeAtMax {
    background: url('../img/css/slider-bg-green.png') right top no-repeat;
}

.over.rangeAtMax {
    background: url('../img/css/slider-bg-red.png') right top no-repeat;
}

.slider-container .rangeOverMax .ui-slider-range-min {
    background: url('../img/css/slider-bg-red.png') left top repeat-x;
}

.slider-container .rangeFull .ui-slider-range-min {
    background: url('../img/css/slider-bg-green.png') left top repeat-x;
}

.slider-bar-left-full, .slider-bar-right-full {
    background: url('../img/css/slider-bg-green.png') left top repeat-x;
}

.slider-bar-left-over, .slider-bar-right-over {
    background: url('../img/css/slider-bg-red.png') left top repeat-x;
}

#totalCounter .errorContainer {
    margin-bottom: 10px;
}

#totalCounter .ui-slider-handle {
    display: none;
}

.complex-slider-form .formFooterDouble, .slider-form .formFooterDouble {
    padding: 20px 0 20px 0;
    margin-left: 170px;
}

.slider-bar {
    z-index: 2;
}

#totalCounter {
    background: #f1f1f1 url('https://www.garanti.com.tr/tr/404.page') left top no-repeat;
    margin: 0 0 14px;
    padding: 14px 0 0;
}

#totalCounter-b {
    padding-bottom: 15px;
    background: url('https://www.garanti.com.tr/tr/404.page') left bottom no-repeat;
}

#totalCounter .errorContainer {
    margin-left: 190px;
}

div#page form .slider-formFieldSurround {
    background: none;
}

div#page form #totalCounter label {
    margin-left: 0;
}

.complex-slider-form .formFieldInner, .slider-form .formFieldInner, .connected-slider-form .formFieldInner {

    padding-top: 22px;
}

/* PERF: former add-ons */ /*-- Real EstateCarousel, variant --*/
.realEstateLightBox .lightbox-right, .lightboxNoHeader .lightbox-right {
    text-align: right;
    padding: 15px 20px 0px;
}

.realEstateLightBox .lightbox-right .heading, .lightboxNoHeader .lightbox-right .heading {
    text-align: left;
    border-bottom: none;
}

.lightboxNoHeader .lightbox-right .heading {
    margin-bottom: 14px;
}

.realEstateLightBox .areaContentPromo {
    clear: both;
    padding-bottom: 11px;
    padding-top: 18px;
}

.loadRealEstate {
    display: block;
    width: 548px;
    text-align: left;
}

.loadRealEstate img {
    border: 1px solid #015933
}

.loadRealEstate span.address {
    color: #0c7f00;
    font-size: 1.4em;
    list-style: none;
}

.loadRealEstate ul.iteminfo {
    float: left;
    width: 543px;
}

.loadRealEstate ul.iteminfo li {
    display: inline;
    float: left;
    width: auto;
    padding: 0 11px;
    /*height: 13px;*/
    border-right: 1px solid #ccc;
}

.loadRealEstate ul.iteminfo li.first {
    padding-left: 0;
}

.loadRealEstate ul.iteminfo li.last {
    border: 0;
}

.realEstateLightBox img.lightboxLogo, .lightboxNoHeader img.lightboxLogo {
    float: none;
    margin: 0;
}

/*--- Calendar Date Input ---*/
.date_selector {
    position: absolute;
    z-index: 100;
    display: none;
    width: 26.6em;
    background-color: transparent;
    top: -999em;
}

.date_selector_ieframe {
    position: absolute;
    z-index: 100;
    display: none;
    background-color: transparent !important;
}

.date_selector .lightbox-top-right {
    width: 11px;
}

.date_selector p.closeNav {
    padding: 10px 0 10px 222px;
    margin: 0 20px;
    background: transparent url(../img/css/ico-calendar.png) no-repeat 0 3px;
    border-bottom: 1px solid #ededed;
}

.date_selector .nav {
    background: #fff;
    padding-bottom: 7px;
}

.date_selector .month_nav, .date_selector .year_nav {
    display: inline;
    float: left;
    margin: 7px 0 0 1.3em;
    width: 133px;
    background-color: #f5f5f5;
    text-align: center;
    color: #005931;
    font-size: 1.16em;
    font-weight: bold;
    padding: 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.date_selector .button:hover, .date_selector .button.hover {
    color: #003C78;
    cursor: pointer;
    background-position: 0 0;
}

.date_selector .prev, .date_selector .next {
    display: block;
    width: 28px;
    height: 28px;
    margin: 5px auto;
    background: transparent url(../img/css/cal-up.png) 0 0 no-repeat;
}

.date_selector .next {
    background: transparent url(../img/css/cal-down.png) 0 0 no-repeat;
}

.date_selector .prev:hover, .date_selector .next:hover, .date_selector .prevNextHover {
    background-position: 0 -28px;
}

.date_selector span.pastDate, .date_selector span.pastDate:hover, .date_selector span.pastDateHover {
    background-position: 0 -54px;
}

.date_selector .tableCal {
    background: #fff url(../img/garanti-logo-small.png) no-repeat 95% 98%;
    padding-bottom: 40px;
}

.date_selector table {
    margin: 0 auto;
    border-spacing: 0;
    border-collapse: collapse;
    width: 23.6em;
}

.date_selector table thead, .date_selector table tbody {
    margin: 0 20px;
}

.date_selector th {
    color: #005931;
}

.date_selector td {
    color: #2fa8ac;
}

.date_selector td, .date_selector th {
    width: 2.4em;
    height: 2em;
    padding: 0;
    border: 1px solid #ededed;
    line-height: 2.4em;
    font-size: 1.16em;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
}

.date_selector td.unselected_month {
    color: #ccc;
}

.date_selector td.selectable_day {
    cursor: pointer;
    background: white url("../img/css/cal-selectable-bg.png") repeat-x left bottom;
}

.date_selector td.unselectable_day {
    background-color: #f7f7f7;
    color: #a1a1a1;
}

.date_selector td.selectable_day span {
    display: block;
    border: 1px solid white;
}

.date_selector td.today span {
    border: 2px solid #2fa8ac;
    /*height:112%;*/
}

/*.date_selector td.selectable_day span:hover,*/
.date_selector td.hover span {
    background: #2ea7ab url("../img/css/cal-bg-hover.png") repeat-x left bottom;
    color: white;
}

.date_selector td.selected span {
    background: #95d54c url("../img/css/cal-bg-selected.png") repeat-x left bottom;
    color: white;
}

#overlay {
    background-color: #000;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 0;
    left: 0;
}

.date_selector .lightbox-top {
    background: url("../img/css/lightbox-top-2.png") repeat-x left top;
    height: 29px;
    margin: 0 10px;
}

.date_selector .lightbox-top-left {
    background: url("../img/css/lightbox-top-corners-2.png") no-repeat left top;
}

.date_selector .lightbox-top-right {
    background: url("../img/css/lightbox-top-corners-2.png") no-repeat right top;
    height: 29px;
    width: 11px;
    position: absolute;
    right: 0;
}

.date_selector .lightbox-base {
    background: #fff url("../img/css/lightbox-base.png") repeat-x left bottom;
    height: 8px;
    margin: 0 10px;
    font-size: 0.1em;
}

.date_selector .lightbox-base-left {
    background: url("../img/css/lightbox-base-corners.png") no-repeat left bottom;
    font-size: 0.1em;
}

.date_selector .lightbox-base-right {
    background: url("../img/css/lightbox-base-corners.png") no-repeat right bottom;
    height: 8px;
    width: 10px;
    position: absolute;
    right: 0;
    font-size: 0.1em;
}

.date_selector a.closeBtn {
    background: url("../img/css/lightbox-close-button2.png") 40px 0 no-repeat;
    padding-right: 26px;
}

.date_selector a.closeBtn:hover {
    background-position: 40px -30px;
}

.dateInput a.show {
    background: transparent url("../img/css/ico-calendar-status.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 29px;
    width: 29px;
}

.dateInput a.show:hover {
    background-position: 0 -29px;
}

.dateInput a.show span {
    left: -9999em;
    position: absolute;
}

#overlay {
    background-color: #000;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 0;
    left: 0;
}

/*--- Our Company Hub Page ---*/
div.themeOurCompany #mainWrap div.featuredArticle {
    min-height: 184px;
    margin-right: 28px;
}

div.themeOurCompany div.featuredArticle p {
    width: 200px;
}

div.themeOurCompany div.videoBox {
    position: absolute;
    top: 0;
    right: 28px;
}

#compsWithEndLbl div.formField span {
    margin: 0 4px 0 8px;
    float: left;
}

.static-height {
    height: 120px;
}

#mainWrap .creditcardapp input {
    border-color: #BCBCBC #CCCCCC #CCCCCC #BCBCBC;
    border-style: solid;
    border-width: 2px 2px 1px 2px !important;
}

.creditcard_app_separator {
    background: url("../img/css/content-separator-2.png") repeat-x left -4px;
    width: 100%;
    margin-top: -7px;
}

/*net account calculator 29.04.15*/
#netAccountCalculatorPackageGrid span {
    margin: 0px !important;
    float: none !important;
}

#netAccountCalculatorPackageGrid .errorContainer {
    margin: 14px !important;
}

#netAccountCalculatorPackageGrid th.rowSelect {
    padding-left: 9px !important;
    padding-right: 0px !important;
}

#netAccountCalculatorPackageGrid table.contentGrid thead tr.generalHeader th span {
    font-size: 0.95em !important;
}

#mainWrap FORM INPUT.Radio {
    border: none;
    outline: none;
}

div#autoLoanCheckBox input {
    border: none;
    width: 13px !important;
    margin-right: 5px;
}

div#autoLoanCheckBox {
    margin-left: 15px;
}

div#carLoanRadioButton {
    width: 361px !important;
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
    p.netAccountP {
        font-size: 0.73em;
    }
}

/*net account calculator 29.04.15*/
/*kobi kredi başvuru Fulya Celebi 29.04.15*/
#infoWindow .formField label {
    width: 445px;
}

#infoWindow .formField #branchName_span {
    background: url("../img/css/finder-icon-branch.png") 0 50% no-repeat;
    color: #005931;
    padding: 5px 0 4px 30px;
    font-size: 1.2em;
    margin-bottom: 0.2em;
    text-align: left;
}

#infoWindow #sme_contact_info_footer {
    border-top: solid 1px #ccc;
    padding-top: 10px;
}

/*kobi kredi başvuru Fulya Celebi 29.04.15*/

/* GarantiLink Basvuru LightBox*/
#garantiLinkInfoEntry {
    padding: 0 14px 11px;
    border-left: solid 3px #ccc;
    border-right: solid 3px #ccc;
    border-bottom: solid 3px #ccc;
    margin: 0 14px 0 0;
}

#garantiLinkInfoEntry div.formFooter {
    width: 500px;
}

div.header.ligtboxGarantiLink ol.stages li span.stageNumber, div.header ol.stages li.last span.stageNumber {
    margin-left: 20px;
}

div.lightBox div.header ol.stages li span,
div.lightBox div.header ol.stages li strong span,
div.lightBox div.header ol.stages li a {
    border-left: none;
}

div.lightBox div.header div {
    min-height: 0;
}

div.lightBox div.header ol.stages li {
    padding-bottom: 0;
}

div.novaLightboxOverlay div#calcContent {
    padding-bottom: 14px;
}

div.lightBox div.header {
    margin-top: 14px;
}

.lightBox form div.formSubmitError {
    margin-bottom: 20px;
    width: 488px;
}

.lightBox form#garantiLinkInfoEntry div.formSubmitError {
    width: 500px;
}

form#garantiLinkInfoEntry div.formSubmitError div, div.nonForm div.formSubmitError div {
    background: none;
}

.lightBox form#garantiLinkInfoEntry div.formSubmitError, .lightBox form#garantiLinkInfoEntry div.formSubmitError div {
    background-image: none;
}

form#garantiLinkInfoEntry div.formSubmitError {
    background: none;
}

.lightBox form#garantiLinkInfoEntry div.formSubmitError div div {
    background: #fff url("../img/css/ico-form-submit-error.png") no-repeat 19px center;
    border: 2px solid #cc0000;
    padding: 9px 0px 7px 41px;
    border-radius: 4px;
}

.lightBox form#garantiLinkInfoEntry label.inline {
    width: 235px !important;
}

div.header.ligtboxGarantiLink {
    margin: 1px 14px -10px 0px;
}

/* GarantiLink Basvuru LightBox*/