/* IMPORTANT */ /* css Garanti, http://www.garanti.com.tr/ */ /* Created:Jan. 8th, 2009 */
/*   This document uses the following conventions:
 1. Headings use the "-" character to denote hierarchy:
    /*----  >  LEVEL 0
    /*---   >  Level 1
    /*--    >  Level 2
    /*-     >  Level 3
    /*      >  Level 4
*/ /*---- PUBLIC STYLES ----*/
#logo {
    position: absolute;
    top: 21px;
    left: 0;
}

#logo a {
    display: block;
    width: 154px;
    height: 49px;
}

h1 {
    z-index: 2;
}

h2 {
    font-size: 1.2em;
    color: #005931;
}

h3 {
    font-size: 1em;
}

a {
    color: #2fa8ac;
}

a:active, a:focus, a:hover {
    color: #7fbe35;
}

a:active {
    color: #333;
}

a.arrow {
    padding-left: 10px;
    background: url("../img/css/reports-arrow-right.png") no-repeat left top;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.signpost, .notice {
    font-weight: bold;
}

small, .footnote {
    font-size: .9em;
    color: #999;
    line-height: 1.3em;
}

.subheading, div.contentBox h2.subheading {
    margin: 0;
    padding: .2em 0 .5em;
    font-size: 1.5em;
    line-height: 1.3em;
    color: #7ebe34;
    font-weight: normal;
}

div.areaContent .subheading {
    width: 100%;
    display: table;
}

.subheading img {
    float: left;
}

.imageBox {
    width: 192px;
    float: right;
    color: #7ebe34;
    font-size: .9em;
    margin-left: 14px;
}

.imageBox img {
    display: block;
    margin-bottom: 4px;
}

p.date {
    color: #999;
    font-size: .9em;
}

p.pageRange {
    float: left;
}

p.pageRange span {
    font-weight: bold;
}

div.sortOrder {
    display: block;
    clear: both;
    width: 100%;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    margin: 0 0 12px 0;
    padding: 10px 0 11px 0;
}

#mainWrap div.sortOrder ul {
    padding-bottom: 0;
    margin-bottom: 0;
}

div.sortOrder ul.sortCriteria {
    float: left;
}

div.sortOrder ul.viewCriteria {
    float: right;
}

#mainWrap div.sortOrder ul.sortCriteria li, #mainWrap div.sortOrder ul.viewCriteria li {
    color: #ccc;
    display: inline;
    border-right: 1px solid #ccc;
    padding-right: 5px;
    margin-right: 5px;
    font-size: 100%;
}

#mainWrap div.sortOrder ul.sortCriteria li.last, #mainWrap div.sortOrder ul.viewCriteria li.last, #mainWrap div.sortOrder ul.sortCriteria li.label, #mainWrap div.sortOrder ul.viewCriteria li.label {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

#mainWrap div.sortOrder ul.sortCriteria li.label, #mainWrap div.sortOrder ul.viewCriteria li.label {
    color: #333;
    font-weight: normal;
    width: auto;
}

p.contentNav {
    clear: both;
}

div.areaContent p.contentNav {
    text-align: right;
}

p.advice {
    font-weight: bold;
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 1em;
}

img.productPhoto {
    float: right;
}

p.legal {
    font-size: .9em;
}

p.question {
    background: url("../img/css/question-bg.png") 0 .35em no-repeat;
}

a.popup {
    padding-right: 25px;
    background: url("../img/css/ico-popup.png") no-repeat right top;
}

a.popup:hover, a.popup:focus, a.popup:active {
    background-position: right -20px;
}

.whiteText {
    color: white;
    font-size: 1.5em;
    font-weight: bold;
}

#mainWrap ul, #mainWrap ol {
    margin-bottom: .7em;
}

ul.list li {
    padding: .5em 0 .1em 14px;
    background: url("../img/css/list-green.png") no-repeat left .9em;
}

ul.list li ul li {
    padding: 0 0 0 14px;
    line-height: 1.3em;
    background: url("../img/css/list-green-child.png") no-repeat left .5em;
}

ul.list li ul {
    padding-top: .2em;
}

ul.list li ul li ul {
    padding-top: .4em;
}

ul.list li ul li ul li {
    font-size: .916em;
    line-height: 1.25em;
    background-position: 0 .5em;
}

ul.list li small {
    display: block;
}

ul.list li.first {
    padding-top: 0;
    background-position: left .5em;
}

ol.list li {
    color: #7EBE34;
    padding: .5em 0 .1em 0;
    list-style: decimal inside;
    font-weight: bold;
}

ol.list li p {
    color: #000;
    font-weight: normal;
    display: inline;
}

ul.newsList li {
    margin-bottom: 1em;
}

ul.newsList span.date {
    display: block;
}

ul.docsList li, ul.docsList li a {
    background-image: url("../img/css/ico-document2.png");
    background-repeat: no-repeat;
    display: block;
}

ul.docsList li, ul.docsList li a:hover {
    background-position: left 4px;
}

ul.docsList li a {
    padding: 5px 0 5px 24px;
    background-position: left -40px;
}

ul.docsList li.file {
    color: #999;
}

ul.docsList li.file img {
    float: left;
    margin: 4px 7px 0 0;
}

ul.docsList li.file span {
    padding-left: 24px;
}

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

ul.quickLinks li {
    display: inline;
    font-weight: bold;
    margin: 0;
    padding: 0 .3em 0 .6em;
    border-left: 1px solid #ccc;
}

ul.quickLinks li.first {
    padding-left: 0;
    border-left: none;
}

ul.abcList {
    display: block;
    padding: .5em 0;
    color: #ccc;
}

ul.abcList li {
    display: inline;
    font-weight: bold;
}

ul.abcList li a, ul.abcList li strong {
    padding: 0 .25em;
}

ul.abcList li.first a, ul.abcList li.first strong {
    padding-left: 0;
}

#mainWrap ul.pagination {
    margin-bottom: .8em;
    float: right;
}

ul.pagination li {
    display: inline;
    font-weight: bold;
    color: #ccc;
}

ul.pagination li a, ul.pagination li span {
    padding: 0 .2em;
}

ul.pagination li.prev a {
    padding: 0 .4em 0 0;
    border-right: 1px solid #ccc;
}

ul.pagination li.next a {
    padding: 0 0 0 .4em;
    border-left: 1px solid #ccc;
}

ul.compactList {
    padding-bottom: 1em;
    margin-bottom: .5em;
    border-bottom: 1px solid #ccc;
}

ul.compactList li {
    padding: 0.3em 0;
}

ul.compactList li a.popup {
    padding-right: 0;
    padding-left: 28px;
    background-position: left top;
}

ul.compactList li a.popup:hover,ul.compactList li a.popup:focus,ul.compactList li a.popup:active {
    background-position: left -20px;
}

ul.linksList li,ol.linksList li {
    padding: 0.3em 0;
    font-weight: bold;
}

div.areaAdditionalContent ul.linksList li {
    padding-bottom: 0;
}

ol.linksList {
    margin-left: 20px;
    list-style: decimal;
}

div.areaContent ol.linksList {
    margin-left: 28px;
    color: #2fa8ac;
}

ol.resultsList {
    clear: both;
    margin: 0.5em 0 0.5em 28px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
}

ol.noEmphasis {
    border: none;
}

ol.resultsList li {
    clear: left;
    padding: 0.8em 0;
    list-style: none;
    background: url("../img/css/content-separator-2.png") repeat-x left -4px;
    font-weight: bold;
    color: #2fa8ac;
}

ol.resultsList li.first {
    background: none;
    border-top: none;
}

ol.resultsList li p {
    padding: 0.2em 0;
    font-weight: normal;
    color: black;
}

ol.resultsList li p.title {
    margin-bottom: 5px;
    clear: left;
}

ol.resultsList li p span.num {
    width: 28px;
    display: block;
    position: absolute;
    margin-left: -28px;
    font-weight: bold;
    color: #2fa8ac;
}

ol.resultsList li p em {
    font-style: normal;
    font-weight: bold;
}

ol.resultsList li p.answerName {
    font-weight: bold;
}

ol.resultsList li img {
    float: left;
    margin: 0.2em 20px 0.2em 0;
}

div.contentBox ol.resultsList li p {
    padding-bottom: 0;
}

ol.resultsList li p.file {
    color: #999;
}

div.contentBox ol.resultsList li p.file {
    padding-bottom: 0.9em;
}

ol.resultsList li p img {
    float: left;
    margin: 1px 10px 1em 0;
}

div.areaContent div.contentBox ol.resultsList li p a {
    font-weight: bold;
}

#mainWrap ul.lastUpdated {
    margin: 7px 0 0 0;
}

#mainWrap  ul.lastUpdated li {
    color: #cccccc;
    display: inline;
    background: none;
    font-weight: normal;
    padding: 0 0 0 5px;
    border: none;
}

#mainWrap  ul.lastUpdated li.firstChild {
    border-right: 1px solid #cccccc;
    padding: 0 5px 0 0;
}

/*--  Refine search module --*/
.refineSearchWrap {
    margin: 0 13px 0;
    float: left;
    display: inline;
}

.refineSearch {
    width: 154px;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #ccc;
}

.refineSearch .header {
    background: transparent url(../img/css/refine-search-header.png) no-repeat;
    border: 0;
    margin: 0 0 6px 0;
}

.refineSearch.noResults .header {
    background: transparent url(../img/css/refine-search-header-noresults.png) no-repeat;
    width: 100%;
    height: 44px;
}

.refineSearch .header div {
    min-height: 0;
    clear: both;
}

.refineSearch.noResults p {
    color: #2fa8ac;
    padding: 5px 15px;
    background: transparent url(../img/css/refine-search-borders.png) repeat-y scroll 0 0
}

.refineSearch.fillHeight {
    height: 500px;
}

.refineSearch .header h3 {
    margin: 0;
    padding: 17px 0 6px 12px;
    height: 35px;
}

.refineSearch .header span {
    color: #005931;
    float: right;
    font-size: 14px;
    font-weight: bold;
}

#mainWrap .refineSearch .content {
    background: none;
}

.refineSearch .hr {
    background: transparent url(../img/css/refine-search-divider.png) no-repeat scroll 0 0;
    height: 1px;
    margin: 0 0 0 1px;
    width: 153px;
    min-height: 1px;
    overflow: hidden;
}

.refineSearch .refineCriterias .hr {
    background: transparent url(../img/css/refine-search-divider-green.png) no-repeat scroll 0 0;
    height: 1px;
    margin: 0 14px;
    width: 125px;
}

.refineSearch .content {
    background: transparent url(../img/css/refine-search-bg.png) repeat-y scroll 0 90%;
}

.refineSearch  li {
    clear: left;
    background: #fff;
    line-height: 1.2em;
    padding-bottom: 6px;
}

.refineSearch h3 {
    clear: left;
    font-size: 1em;
    color: #000000;
    font-weight: bold;
    padding: 2px 0 8px 13px;
}

.refineSearch li h3 {
    padding-top: 4px;
    background: transparent;
}

.refineSearch  li li {
    border: medium none;
    margin: 0;
    width: 131px;
    padding: 0 10px 0 13px;
}

.refineSearch li li span.numResults {
    display: inline;
    float: right;
    clear: none;
}

.refineSearch  .refineCriterias {
    background: none;
    margin-left: 0;
    width: 154px;
    clear: both;
}

#mainWrap .refineSearch  .refineCriterias ul {
    margin: 0;
    background-color: #005931;
}

.refineSearch .refineCriterias li {
    background: none;
    display: block;
}

.refineSearch .refineCriterias li.firstCol {
    margin-right: 0 !important;
}

.refineSearch a.deleteButton {
    background: transparent url(../img/css/btn-delete.png) no-repeat 0 -1px;
    float: right;
    height: 10px;
    width: 30px;
    margin: 4px -6px 0 0;
    clear: right;
}

.refineSearch a.deleteButton:hover {
    background-position: 0 -20px;
}

.refineSearch a.clearButton {
    background: transparent url(../img/css/btn-clear.png) no-repeat scroll 0 0;
    display: block;
    float: right;
    padding: 5px 0 8px 0;
    text-indent: 9px;
    width: 66px;
    margin-top: -2px;
}

.refineSearch .refineCriterias p {
    color: white;
    font-weight: bold;
}

.refineSearch ul.refineCriterias li.firstCol {
    height: 20px;
}

.refineSearch .refineCriterias li.firstCol p {
    margin-top: -1px;
    height: 15px;
}

.refineSearch .refineCriterias li.firstCol span {
    float: left;
    padding: 5px 0 0 14px;
    font-weight: bold;
}

.refineSearch .refineCriterias li.firstCol .hr {
    width: 65px;
    margin: 6px auto auto 14px;
}

.refineSearch .refineCriterias span.type {
    display: block;
    clear: both;
    float: none;
    padding: 5px 0 0 14px;
    font-weight: bold;
}

.refineSearch .refineCriterias span.value {
    clear: left;
    color: white;
    display: block;
    font-weight: normal;
    margin-left: 0;
    padding: 0 0 0 14px;
    float: left;
}

.refineSearch .refineCriterias span {
    color: white;
    /* padding-left:15px; */
    font-weight: normal;
    font-size: 0.9em;
}

.refineSearch .refineCriterias li.firstCol span {
    font-size: 1em;
}

#mainWrap .refineSearch form {
    margin-left: 13px;
}

#mainWrap .refineSearch form select {
    min-width: 111px;
    width: 111px;
}

#mainWrap .refineSearch form input {
    border: 0;
    width: 23px;
    height: 20px;
    margin-left: 4px;
    background: transparent url(../img/css/ico-refresh-5.png) scroll no-repeat top left;
    text-indent: -9999em;
    cursor: pointer;
}

#mainWrap .refineSearch form>input:hover {
    background: transparent url(../img/css/ico-refresh-5.png) scroll no-repeat bottom left;
}

/*--  Garanti suggests --*/
.garantiSuggests {
    width: 404px;
    background: transparent url(../img/css/suggests-box-middle.png) scroll repeat-y top left;
    padding: 0 33px 0;
    margin: -10px 0 10px;
}

.garantiSuggests h5 {
    color: #2fa8ac;
}

.garantiSuggestsTop {
    width: 439px;
    height: 22px;
    background: transparent url(../img/css/suggests-box-top.png) scroll no-repeat top left;
    margin: 0 -33px;
    padding: 31px 0 0 31px;
}

.garantiSuggestsBottom {
    clear: both;
    width: 470px;
    height: 16px;
    background: transparent url(../img/css/suggests-box-bottom.png);
    margin: 0 -33px;
}

.garantiSuggests .garantiSuggestsImage {
    width: 138px;
    margin-right: 16px;
    float: left;
    clear: none;
}

.garantiSuggests .garantiSuggestsFloat {
    width: 250px;
    float: left;
    clear: none;
}

.garantiSuggests .hr {
    background: transparent url(../img/css/refine-search-divider.png) repeat-x scroll 0 0;
    height: 1px;
    margin: 5px -33px 1px -33px;
    width: 466px;
    min-height: 1px;
}

.garantiSuggests .hr.marginBottom {
    margin-bottom: 10px;
}

.garantiSuggests .garantiSuggestsList h5 {
    margin-top: 5px;
    color: #333333;
}

.garantiSuggests .garantiSuggestsList ul {
    margin-top: 5px;
}

.garantiSuggests .garantiSuggestsList li {
    list-style-image: url("../img/css/list-green.png");
    list-style-position: inside;
    margin-bottom: 5px;
}

.garantiSuggests .garantiSuggestsFloat li.firstChild {
    border-right: 1px solid #cccccc;
    padding-right: 5px;
}

/*--  Garanti suggests Branch --*/
#mainWrap .garantiSuggestsBranch {
    margin: 0 0 20px 14px;
    padding: 0 0 14px 0;
    background: url("../img/css/suggests-branch-box-bottom.png") scroll no-repeat bottom left;
}

#mainWrap .garantiSuggestsBranch .garantiSuggestsTop {
    margin: 0;
    width: 100%;
    background: url("../img/css/suggests-branch-box-top.png") scroll no-repeat top left;
}

#mainWrap .garantiSuggestsBranch .garantiSuggestsTop h3 {
    padding: 0;
}

#mainWrap .garantiSuggestsBranch fieldset {
    background: url("../img/css/suggests-branch-box-middle.png") scroll repeat-y top left;
    padding: 0 30px;
}

#mainWrap .garantiSuggestsBranch fieldset .first .formFieldOuter,#mainWrap .garantiSuggestsBranch fieldset .formHeader {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    background: url("../img/css/content-separator-2.png") repeat-x scroll 0 -4px transparent;
}

#mainWrap .garantiSuggestsBranch fieldset h3 {
    color: #2fa8ac;
}

#mainWrap .garantiSuggestsBranch fieldset .first h4 {
    float: left;
    margin: 0 20px 0 0;
}

#mainWrap .garantiSuggestsBranch fieldset .first input.radio {
    border: 0;
}

#mainWrap .garantiSuggestsBranch fieldset .first label {
    width: auto;
    height: 23px;
    font-weight: normal;
}

#mainWrap .garantiSuggestsBranch fieldset .first .branch,#mainWrap .garantiSuggestsBranch fieldset .first .para {
    display: inline;
}

#mainWrap .garantiSuggestsBranch fieldset .first .branch label {
    padding: 2px 10px 0 30px;
    background: transparent url("../img/css/finder-icon-branch.png") no-repeat scroll top left;
}

#mainWrap .garantiSuggestsBranch fieldset .first .para label {
    padding: 2px 10px 0 24px;
    background: transparent url("../img/css/finder-icon-para.png") no-repeat scroll top left;
}

#mainWrap .garantiSuggestsBranch fieldset .first #locationSearchCity {
    margin-right: 20px;
}

#mainWrap .garantiSuggestsBranch fieldset h3 a#expand2 {
    display: block;
    height: 14px;
    margin: 0 0 10px 0;
    padding-left: 18px;
    color: #2fa8ac;
    background: transparent url("../img/css/help-arrow-right.png") no-repeat scroll 4px 0;
    cursor: pointer;
}

#mainWrap .garantiSuggestsBranch fieldset h3 a#expand2 :hover {
    color: #7fbe35;
    background: transparent url("../img/css/help-arrow-down.png") no-repeat scroll 0 0;
}

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

#mainWrap .garantiSuggestsBranch fieldset h3 a#expand2.open:hover {
    color: #7fbe35;
    background: url("../img/css/help-arrow-right-green.png") no-repeat scroll 4px 0 transparent;
}

#mainWrap .garantiSuggestsBranch fieldset .formExpand .formFieldSurround {
    display: block;
    clear: both;
}

#mainWrap .garantiSuggestsBranch fieldset .formExpand label {
    float: none;
    width: auto;
    font-weight: normal;
}

#mainWrap .garantiSuggestsBranch fieldset .formExpand label.h3 {
    color: #005931;
    font-size: 1.1em;
    font-weight: bold;
}

#mainWrap .garantiSuggestsBranch fieldset .formExpand select {
    float: none;
}

/*-- Recent Searches --*/
.recentSearches ul {
    background-color: #cccccc;
    padding: 0;
}

.recentSearches ul li p {
    margin: 0;
    padding: 0 0 0 8px;
}

.recentSearches ul li span {
    display: block;
    float: left;
    padding: 5px 0;
    color: #ffffff;
    font-weight: bold;
}

.recentSearches a.clearButton {
    background: transparent url(../img/css/btn-clear.png) no-repeat scroll 0 0;
    display: block;
    float: right;
    padding: 5px 0 8px 0;
    text-indent: 9px;
    width: 66px;
    margin-top: -2px;
}

/*--- Buttons ---*/
p.buttonWrap {
    float: left;
    width: 100%;
}

/*-- Classic Text Button --*/
a.button,a.button span,button,button span {
    position: relative;
    float: left;
    display: block;
}

a.button,button {
    font-size: 1em;
    border: none;
    padding: 0;
    color: #2fa8ac;
    text-decoration: none;
    background: none;
    cursor: pointer;
}

#page a.button:hover {
    text-decoration: none;
}

a.button {
    padding: 1px 3px;
}

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

a.button span,button span {
    background: url("../img/css/btn-silver-bg.png") no-repeat right bottom;
    margin: 5px 0 0 5px;
    padding: 0 10px 0 0;
}

a.button span span,button span span {
    left: -5px;
    margin: 0 -5px 0 0;
    padding: 0 0 10px;
    background-position: left bottom;
}

a.button span span span,button span span span {
    left: 0;
    top: -5px;
    margin: 0 0 -5px;
    padding: 0;
    background-position: left top;
}

a.button span span span span,button span span span span {
    top: 0;
    margin: 0 -10px 0 5px;
    padding: 5px 10px 0 0;
    min-height: 28px;
    background-position: right top;
}

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

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

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

a.button span span span span span span,a.button.hover span span span span span span,a.button:hover span span span span span span,a.button:active span span span span span span,a.button:focus span span span span span span
{
    background: none;
    display: inline;
    padding: 0;
    margin: 0;
    float: none;
    position: static;
}

a.button:hover span,a.button.hover span,a.button:focus span,a.button:active span,button:hover span,button.hover span,button:focus span,button:active span
{
    color: #005931;
    text-decoration: none;
}

/*-- Specific button for hub carousel --*/
#page .areaContentPromo a.carouselButton {
    font-weight: bold;
    color: #2FA8AC;
    text-decoration: none;
    position: relative;
    float: left;
    display: inline;
}

#page .areaContentPromo p>a.carouselButton:hover,#page .areaContentPromo li>a.carouselButton:hover {
    color: #005931;
}

#page .areaContentPromo a.carouselButton span {
    margin: 0px 10px 0px 5px;
    padding: 8px 10px 10px 10px;
    height: 1.916em;
    float: left;
    display: inline;
    cursor: pointer;
    background: url("../img/css/btn-carousel-mid-ac.png") 0 0 repeat-x;
}

#page .areaContentPromo a.carouselButton span.rightEdge,#page .areaContentPromo a.carouselButton span.leftEdge {
    margin: 0;
    padding: 0;
    position: absolute;
    height: 3.166em;
    float: none;
}

#page .areaContentPromo a.carouselButton span.rightEdge {
    right: 0px;
    width: 10px;
    background: url("../img/css/btn-carousel-right-ac.png") 0 0 no-repeat;
}

#page .areaContentPromo a.carouselButton span.leftEdge {
    left: 0px;
    width: 5px;
    background: url("../img/css/btn-carousel-left-ac.png") 0 0 no-repeat;
}

#page .areaContentPromo a.carouselButton:hover span {
    background: url("../img/css/btn-carousel-hover-mid-ac.png") 0 0 repeat-x;
}

#page .areaContentPromo a.carouselButton:hover span.rightEdge {
    background: url("../img/css/btn-carousel-hover-right-ac.png") 0 0 no-repeat;
}

#page .areaContentPromo a.carouselButton:hover span.leftEdge {
    background: url("../img/css/btn-carousel-hover-left-ac.png") 0 0 no-repeat;
}

/*- Sub-Hub Carousel styles -*/
.areaContentPromo #hubCarousel a.carouselButton {
    color: #fff;
}

.areaContentPromo #hubCarousel a.carouselButton span {
    background-image: url("../img/css/btn-carousel-cyan-mid-ac.png");
}

/*- Centrally aligned button -*/
p.btnCenter {
    text-align: center;
}

p.btnCenter a.button {
    position: relative;
    float: none;
    display: inline-block;
}

/*---- GENERAL PAGE TEMPLATE ----*/ /*--- Header ---*/
#header {
    text-align: right;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

#baseNav {
    float: left;
    width: 175px;
    position: relative;
    margin-left: 466px;
    padding: 10px 0;
    font-size: 0.9em;
    font-weight: bold;
    text-align: left;
}

#baseNav li {
    display: inline;
}

#baseNav li a {
    color: white;
    border-left: 1px solid white;
    padding: 0 0.2em 0 0.4em;
}

#baseNav li.first a {
    padding-left: 0;
    border-left: none;
}

#onlineBanking {
    position:relative;
    float:right;
    width:241px;
    margin-right:7px;
    margin-bottom:14px;
    padding:10px 14px 0;
    text-align:left;
    position: absolute;
    top: 0;
    right: 0;
}

#onlineBanking span.header {
    padding: 0 0 4px 0;
    display: block;
    height: 1.5em;
}

#onlineBanking span.base {
    position: relative;
    clear: both;
    display: block;
    margin: 0 -14px -23px;
    padding: 0 14px;
    height: 23px;
}

#onlineBanking a.login {
    float:left;
    display:block;
    min-height:29px;
}

#onlineBanking a.login:hover,#onlineBanking a.login:focus,#onlineBanking a.login:active {
    background-position: left -29px;
}

#onlineBanking a.login strong {
    position: absolute;
    left: -999em;
    width: 1em;
}

#onlineBanking a.button {
    padding:0;
    text-decoration: none;
}

#onlineBanking a.button span.core,#onlineBanking a.button:hover span.core,#onlineBanking a.button:active span.core,#onlineBanking a.button:focus span.core
{
    display: block;
    min-width: 87px;
    padding: 0.05em 0.4em;
    background: none;
    position: static;
    margin: 0;
    font-weight: bold;
    float: none;
}

#onlineBanking a.button span span span span {
    min-height: 0;
}

#onlineBanking a.button span span {
    padding-bottom: 5px;
}

#onlineBanking a.button span span span {
    padding-bottom: 0;
}

#onlineBanking a.password {
    font-size: 0.9em;
    font-weight: bold;
}

#onlineBanking a.demo {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #E4E3E3;
}
#onlineBanking a.apply {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #E4E3E3;
}
#onlineBanking {
    background:url("../img/css/online-banking-bg.png") 0 0 repeat-y;
}

#onlineBanking span.base {
    background:url("../img/css/online-banking-base-bg.png") 0 100% no-repeat;
}

#onlineBanking a.button span {
    background-image:url("../img/css/btn-cyan-ns-bg.png");
}
#onlineBanking a.button:hover > span,
#onlineBanking a.button:hover > span span,
#onlineBanking a.button:active > span,
#onlineBanking a.button:active > span span,
#onlineBanking a.button:focus > span,
#onlineBanking a.button:focus > span span {
    background-image:url("../img/css/btn-cyan-ns-bg-hover.png");
}

#onlineLogin {
    background-position: -1px -63px;
}

#onlineApplication {

}

.loginHeading {
    display: none;
}

.hovered .loginHeading {
    display: inline;
}

.hovered #onlineBankingDefault {
    display: none;
}

.hovered #onlineBankingLinks {
    display: block;
}

#onlinePersonal {
    background-position: -2px -32px;
}

#onlineCorporate {
    background-position: -121px -32px;
}

#onlinePersonal:hover {
    background-position: -2px -2px;
}

#onlineCorporate:hover {
    background-position: -121px -2px;
}

#onlineBankingLinks .linkContainer {
    float: left;
    width: 100%;
    margin-left: -1px;
}

/*
#onlineBanking {
	padding:0;
	position:relative;
}
#onlineBanking,
#onlineBanking a,
#onlineBanking img { float:right; }
#onlineBanking img {
	float:left;
	margin:6px 0 10px 0;
}
#onlineBanking a.password {
	clear:both;
	float:left;
	width:100%;
	height:auto;
	background:none;
}
*/ /*-- Global Search --*/
#globalSearch {
    float: left;
    width: 175px;
    height: 1.85em;
    position: relative;
    margin-left: 466px;
    padding: 1px;
    text-align: left;
    background: #f4f4f4;
    border: inset 2px #c3c3c3;
    border-bottom: inset 1px #e8e8e8;
    border-right: inset 1px #e8e8e8;
}

#suggest {
    width: 175px;
    position: absolute;
    left: 468px;
    z-index: 6;
    padding: 2px 0 10px;
    background: white;
    border: 1px solid #e8e8e8;
}

#suggest ul li,#suggest p {
    padding: 8px 10px 7px;
}

#suggest ul li {
    border-bottom: 1px solid #e8e8e8;
    font-size: 0.916em;
}

#suggest ul li.first {
    border-top: 1px solid #e8e8e8;
}

#suggest p {
    padding-top: 10px;
    padding-bottom: 0;
    font-weight: bold;
}

#globalSearch input,#globalSearch button {
    background: transparent;
    border: none;
    color: black;
}

#globalSearch input {
    width: 142px;
    height: 1.4em;
    padding: 4px 2px 2px;
}

#globalSearch button {
    width: 28px;
    height: 23px;
    position: absolute;
    top: 1px;
    right: 1px;
    cursor: pointer;
}

#globalSearch button:hover,#globalSearch button:focus,#globalSearch button:active,#globalSearch button.hover {
    background-position: left -23px;
}

#globalSearch button span {
    position: absolute;
    left: -999em;
    width: 1em;
}

/*-- Primary Navigation --*/
#primaryNav {
    float: left;
    width: 100%;
    margin: 26px 0 0;
    padding-bottom: 8px;
    height: 45px;
    clear: both;
}

#primaryNav li {
    float: left;
    height: 45px;
    display: block;
}

#primaryNav li a {
    display: block;
    color: white;
    height: 45px;
    width: 100%;
    background-position: left 45px;
    background-repeat: no-repeat;
}

#primaryNav li.active {
    background-position: left -180px;
}

#primaryNav li a:hover,#primaryNav li a:focus,#primaryNav li a:active {
    background-position: left -45px;
}

#primaryNav li.active a {
    background-position: left -135px;
}

#primaryNav li.active a:hover,#primaryNav li.active a:focus,#primaryNav li.active a:active {
    background-position: left -90px;
}

#primaryNav li strong,#primaryNav li span {
    position: absolute;
    left: -999em;
    width: 1em;
}

/*--- Content Wrap ---*/
#mainWrap {
    width: 966px;
    padding-bottom: 28px;
}

.master #mainWrap {
    background: url("../img/css/content-bg-masters.png") repeat-y left top;
}

#mainWrap.withCN {
    margin-left: 168px;
    width: 798px;
}

#mainWrap.withoutCN {
    margin-left: 0px;
    width: 966px;
}

/*-- areaContent Navigation Area --*/
#areaContentNav {
    position: relative;
    float: left;
    left: -168px;
    width: 154px;
    margin-right: -154px;
    padding-top: 40px;
}

#areaContentNav p.heading,#areaContentNav ul {
    border-bottom: 1px solid #dbdbdb;
}

#areaContentNav ul {
    background: url("../img/css/nav-silver-bg.png") repeat-x left top;
    padding-top: 5px;
}

#areaContentNav ul li ul {
    border: none;
    background: none;
    padding-top: 0;
    font-size: 0.95em;
}

#areaContentNav p.heading,#areaContentNav ul li {
    border-top: 1px solid #dbdbdb;
    margin-bottom: 1px;
}

#areaContentNav p.heading,#areaContentNav ul li a,#areaContentNav ul li strong {
    display: block;
    padding: 5px 5px 5px 20px;
}

#areaContentNav #tertiaryNav ul li strong a {
    padding: 0 5px 0 0;
    font-weight: bold;
}

#areaContentNav p.heading {
    margin: 0 0 1px 0;
    padding-left: 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
}

#areaContentNav p.heading strong {
    padding-left: 0;
}

/*-- Content Area --*/
#mainWrap div.areaContent,#mainWrap div.areaAdditionalContent,#mainWrap .areaContentPromo {
    position: relative;
    width: 966px;
}

#mainWrap.withCN div.areaContent,#mainWrap.withCN .areaContentPromo {
    width: 798px;
}

/*- Main Content Area -*/
#mainWrap div.withAC {
    float: left;
    width: 700px;
}

#mainWrap.withCN div.withAC {
    width: 532px;
}

#mainWrap div.areaContent {
    padding-bottom: 16px;
}

/*- Additional Content Area -*/
#mainWrap div.areaAdditionalContent {
    float: left;
    width: 266px;
    margin-bottom: 16px;
}

#mainWrap div.subAdditional {
    margin-bottom: 0;
}

/*--- Footer ---*/
#footer {
    top: -28px;
    margin-bottom: -28px;
}

/*-- Breadcrumbs --*/
#breadcrumbs {
    float: left;
    width: 100%;
    height: 54px;
    background: url("../img/css/breadcrumbs-bg.png") no-repeat left top;
}

#breadcrumbs li {
    float: left;
    padding: 18px 10px 19px 20px;
    background: url("../img/css/breadcrumbs-splitter.png") no-repeat left center;
}

#breadcrumbs li.first {
    background: none;
    padding-left: 20px;
}

#breadcrumbs li a {
    color: white;
}

/*-- Footer Navigation --*/
#pageNav,#siteNav {
    float: left;
    clear: both;
}

/*- Page Navigation -*/
#pageNav {
    width: 948px;
    border: 2px solid #ccc;
    border-top: none;
    padding: 14px 0;
}

#pageNav li {
    line-height: 1em;
    float: left;
    width: 161px;
    margin: 0 14px;
}

#pageNav li ul li {
    min-height: 2.2em;
}

#pageNav li h3 {
    font-weight: normal;
}

#pageNav li a {
    font-size: 0.9em;
}

#pageNav li.first ul {
    min-height: 10em;
}

#pageNav li ul {
    padding-top: 0.5em;
}

#pageNav li ul li {
    float: none;
    width: auto;
    margin: 0;
}

/*- Site Navigation -*/
#siteNav {
    margin: 0 20px;
    padding: 14px 0;
}

#siteNav li {
    display: inline;
    line-height: 1em;
    border-left: 1px solid #ccc;
    padding: 0 5px 0 8px;
}

#siteNav li.first {
    border: none;
    padding-left: 0;
}

/*---- PAGE CONTENT THEMES ----*/
#mainWrap div.areaContent,#mainWrap .areaContentPromo,#mainWrap div.illustration,#mainWrap div.illustration1,#mainWrap div.illustration2,#mainWrap div.illustration3
{
    background-repeat: no-repeat;
    background-position: right top;
}

/*--- Special Themes ---*/ /*-- Home Page + Section Hub Theme --*/

#page.themeHubHome #mainWrap {
    margin-left: -14px;
    width: 980px;
}

#page.themeHubHome .areaContentPromo {
    height: 358px;
    margin-bottom: 28px;
}

#page.themeHubHome .areaContentPromo2 {
    height: 300px;
    margin-bottom: 28px;
}

#page.themeHubHome .areaContentPromo .piyasalar {
    position: absolute;
    right: 25px;
    top: 20px;
    z-index: 5;
}

#page.themeHubHome ul li.contentCol4 {
    margin:0px 0px 10px;
}

#page.themeHubHome div.areaContent a.button,#page.themeHubHome div.areaContent a.button span {
    float: none;
    text-align: left;
}

#page.themeHubHome a.button img {
    margin-top: 7px;
}

#page.themeHubHome div.areaContent a.button span {
    background-image: url("../img/css/btn-silver-bg-2.png");
}

#page.themeHubHome div.areaContent a.button:hover>span,#page.themeHubHome div.areaContent a.button:focus>span,#page.themeHubHome div.areaContent a.button:active>span,#page.themeHubHome div.areaContent a.button:hover>span span,#page.themeHubHome div.areaContent a.button:focus>span span,#page.themeHubHome div.areaContent a.button:active>span span
{
    background-image: url("../img/css/btn-silver-bg-hover-2.png");
}

#page.themeHubHome div.areaContent a.button span span.icon {
    margin: 7px auto 2px;
    padding: 0;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center top;
}

#page.themeHubHome div.areaContent a.button:hover span span.icon,#page.themeHubHome div.areaContent a.button:focus span span.icon,#page.themeHubHome div.areaContent a.button:active span span.icon
{
    background-position: center -33px;
}

#page.themeHubHome div.areaContent a.button span span.onlineIcon {
    background-image: url("../img/css/btn-online.png");
}

#page.themeHubHome div.areaContent a.button span span.phoneIcon {
    background-image: url("../img/css/btn-phone.png");
}

#page.themeHubHome div.areaContent a.button span span.atmIcon {
    background-image: url("../img/css/btn-atm.png");
}

#page.themeHubHome div.areaContent a.button span span.mobileIcon {
    background-image: url("../img/css/btn-mobile.png");
}

#page.themeHubHome div.areaContent a.button span span.link {
    padding-top: 0;
    background: none;
    text-align: center;
}

#page.themeHubHome div.areaContent a.button span span.image {
    top: -13px;
    background: none;
    margin: 0 0 -13px;
    padding: 0;
    border-bottom: 2px solid #6abfc2;
    text-align: center;
}

#page.themeHubHome div.areaContent a.button span.image img {
    margin-top: 0;
}

#page.themeHubHome div.areaContent a.button:hover span.image,#page.themeHubHome div.areaContent a.button:focus span.image,#page.themeHubHome div.areaContent a.button:active span.image
{
    border-color: #005931;
}

#page.themeHubHome div.areaContent a.button span span.text {
    min-height: 68px;
    margin: 0;
    padding: 6px 9px;
    background: none;
}

#page.themeHubHome div.quickLinks {
    clear: both;
    padding: 0 17px 20px;
    background: white;
}

#page.themeHubHome div.quickLinks h2 {
    margin: 0;
    padding: 0 0.6em 0 0;
    float: left;
    color: #005931;
    font-size: 1.2em;
}

#page.themeHubHome div.quickLinks ul.quickLinks li {
    font-weight: normal;
}

#page.themeHubHome div.PE_tabbedContent {
    margin-left: 14px;
    margin-right: 14px;
    padding: 14px 0 0 0;
    background: url("../img/css/green-gradient-h5-bg.jpg") no-repeat left top;
}

#page.themeHubHome div.PE_tabbedContent h2 {
    margin: 0 14px 20px;
}

#page.themeHubHome #mainWrap div.areaContent div.waysToBank {
    float: left;
    display: inline;
    width: 392px;
    margin-right: 0;
}

#page.themeHubHome #mainWrap div.areaContent div.helpfulTools {
    float: left;
    width: 210px;
    margin-left: 28px;
    margin-right: 0;
}

#page.themeHubHome #mainWrap div.areaAdditionalContent div.businessNews {
    margin-left: 28px;
    margin-right: 0;
}

#page.themeHubHome div.waysToBank h2,#page.themeHubHome div.helpfulTools h2,#page.themeHubHome div.businessNews h2 {
    position: relative;
    top: -14px;
    margin: 0 -14px;
    padding: 14px;
    min-height: 20px;
    background: url("../img/css/green-gradient-h7-bg.jpg") no-repeat left top;
}

#page.themeHubHome div.waysToBank h2 {
    background: url("../img/css/green-gradient-h6-bg.jpg") no-repeat left top;
}

#page.themeHubHome div.waysToBank ul {
    display: table;
    width: 100%;
}

#page.themeHubHome div.waysToBank p {
    border-top: 1px solid #ccc;
    padding-top: 1em;
}

#page.themeHubHome div.helpfulTools ul {
    border-top: 1px solid #ccc;
}

#page.themeHubHome div.helpfulTools ul li,#page.themeHubHome div.helpfulTools ul li a:hover {
    background-repeat: no-repeat;
    background-position: right 8px;
}

#page.themeHubHome div.helpfulTools ul li {
    border-bottom: 1px solid #ccc;
    padding: 0;
}

#page.themeHubHome div.helpfulTools ul li a {
    background-position: right -40px;
    background-repeat: no-repeat;
}

/*
#page.themeHubHome div.helpfulTools ul li.calc,
#page.themeHubHome div.helpfulTools ul li.calc a { background-image:url("/assets/img/css/ico-calc-2.png"); }
#page.themeHubHome div.helpfulTools ul li.ccard,
#page.themeHubHome div.helpfulTools ul li.ccard a { background-image:url("/assets/img/css/ico-ccard-2.png"); }
#page.themeHubHome div.helpfulTools ul li.manage,
#page.themeHubHome div.helpfulTools ul li.manage a { background-image:url("/assets/img/css/ico-manage-2.png"); }
#page.themeHubHome div.helpfulTools ul li.help,
#page.themeHubHome div.helpfulTools ul li.help a { background-image:url("/assets/img/css/ico-help-2.png"); }
*/
#page.themeHubHome div.helpfulTools ul li a {
    display: block;
    padding: 0.7em 40px 0.7em 0;
}

#page.themeHubHome div.promoBubble5 {
    left: 28px;
}

#page.themeHubHome div.promoBubble5 p.image {
    position: absolute;
    right: 0;
    top: 7px;
}

#page.themeHubHome div.promoBubble5 p.quotes {
    margin-top: 20px;
    padding: 0 36px 0 24px;
    background: url("../img/css/bubble-yellow-quotes.png") no-repeat left top;
}

#page.themeHubHome .areaContentPromo #carousel p.buttonWrap {
    position: relative;
    float: none;
    width: auto;
}

/*---- MODULES ----*/ /*--- Cols ---*/
.contentColsWrap {
    float: left;
    width: 100%;
}

.contentCol2,.contentCol3,.contentCol4 {
    float: left;
}

.contentCol2 {
    width: 50%;
}

.contentCol3 {
    width: 33%;
}

.contentCol4 {
    width: 25%;
}

#mainWrap div.areaContent .contentCol2,#mainWrap div.areaContent .contentCol3,#mainWrap div.areaContent .contentCol4 {
    margin-left: 14px;
}

#mainWrap div.areaContent .contentCol2 {
    width: 455px;
}

#mainWrap div.withAC .contentCol2 {
    width: 322px;
}

#mainWrap div.withAC div.contentWrap .contentCol2 {
    width: 308px;
}

#mainWrap.withCN div.areaContent .contentCol2 {
    width: 371px;
}

#mainWrap.withCN div.areaContent .contentCol3 {
    width: 238px;
}

#mainWrap.withCN div.areaContent div.tabContent .contentCol2 {
    width: 343px;
}

#mainWrap.withCN div.withAC .contentCol2 {
    width: 238px;
}

#mainWrap.withCN div.withAC div.contentWrap .contentCol2 {
    width: 224px;
}

#mainWrap.withCN div.withAC .contentCol3 {
    width: 158px;
}

#mainWrap.withCN div.withAC .contentCol4 {
    width: 108px;
}

#mainWrap div.areaContent .firstCol {
    margin-left: 0;
    margin-right: 14px;
}

#mainWrap.withCN div.areaContent .contentCol3,#mainWrap.withCN div.withAC .contentCol4 {
    margin-right: 0;
}

div.contentColWrap,ul.contentColWrap {
    width: 100%;
    display: table;
}

/* PERF: leave this for now - some ambiguous selectors */ /*--- Content boxes ---*/
.contentEmphasis {
    border-top: 5px solid #7ebe34;
    padding-top: 14px;
}

.master .contentEmphasis {
    border-top: 5px solid #666666;
}

.contentSeparator,div.contentWrap h2.contentSeparator {
    background: url("../img/css/content-separator.png") repeat-x left top;
    padding-top: 28px;
}

.master .contentSeparator,.master div.contentWrap h2.contentSeparator {
    background: url("../img/css/content-separator-masters.png") repeat-x left top;
}

h3.contentSeparator {
    background: none;
    padding-top: 14px;
}

div.contentBox,#mainWrap div.areaContent div.contentBox {
    margin: 0 14px 14px;
    overflow: visible;
}

div.theme3 #mainWrap div.areaContent div.contentBox {
    margin-right: 0;
}

#mainWrap div.areaAdditionalContent div.areaContent div.contentBox {
    margin-right: 0;
}

div.contentBox h2 {
    padding-top: 0.8em;
    margin-bottom: 0.8em;
}

div.contentEmphasis h2 {
    padding-top: 0.3em;
}

div.areaContent div.contentBox p {
    padding-bottom: 0.6em;
}

div.contentWrap,#mainWrap div.areaContent div.contentWrap {
    background: white;
    padding: 14px 14px 4px;
    margin-bottom: 24px;
}

div.contentWrap h2 {
    padding-top: 0;
    clear: left;
}

#mainWrap div.areaAdditionalContent div.contentOffset {
    padding-top: 4.15em;
    margin-bottom: 0;
}

#mainWrap div.areaAdditionalContent div.contentOffsetTr {
    padding-top: 4.4em;
    margin-bottom: 0;
}

#mainWrap div.areaAdditionalContent div.promoOffset {
    margin-top: 50px;
    margin-bottom: 40px;
}

div.contentWrap p.footerOptions {
    text-align: right;
}

/* PERF: leave this for now - some ambiguous selectors */
div.areaAdditionalContent p.buttonWrap {
    position: relative;
    width: auto;
    top: -28px;
    right: -14px;
    margin-bottom: -20px;
}

div.areaAdditionalContent div.componentOffset p.buttonWrap {
    top: -60px;
    margin-bottom: -50px;
}

div.areaAdditionalContent div.contentBox p.buttonWrap {
    width: 100%;
    top: 0;
    left: 0;
    margin-bottom: 0;
}

div.promoCol div.promoBubble1 p.buttonWrap {
    right: 0;
}

/*- Promo News -*/
.hasJS div.promoNews {
    visibility: hidden;
}

.hasDOM div.promoNews {
    visibility: visible;
}
.hasDOM div.promoNews.applicationLinkPromo {
    clear:both;
}
.blackberry div.promoNews {
    visibility: visible;
}

.hasJS #carousel li {
    visibility: hidden;
}

.hasDOM #carousel li {
    visibility: visible;
}

div.promoNews {
    width: 266px;
}

div.areaAdditionalContent div.promoNews {
    margin-bottom: 14px;
}

div.promoNews h2 {
    margin-bottom: 4px;
    padding: 10px 0 3px 0;
    border-bottom: 1px solid #e8e8e8;
}

div.promoNews div {
    background: url("../img/css/promo-news-mid-bg-ac.png") 0 0 repeat-y;
    width: 238px;
    padding: 0 14px 0;
}
div.promoNews.applicationLinkPromo div {
    background: url("https://www.garanti.com.tr/tr/404.page") 0 0 repeat-y;
    width: 172px;
    text-align: center;
}

div.promoNews div.top,div.promoNews div.base {
    padding: 0;
    width: 266px;
}
div.promoNews.applicationLinkPromo div.top, div.promoNews.applicationLinkPromo div.base {
    padding: 0;
    width: 200px;
}

div.promoNews div.top {
    background: url("../img/css/promo-news-top-bg-ac.png") 0 0 no-repeat;
    height: 7px;
}
div.promoNews.applicationLinkPromo div.top {
    background: url("https://www.garanti.com.tr/tr/404.page") 0 0 no-repeat;
}

div.promoNews div.base {
    background: url("../img/css/promo-news-base-bg-ac.png") 0 100% no-repeat;
    height: 23px;
}
div.promoNews.applicationLinkPromo div.base {
    background: url("https://www.garanti.com.tr/tr/404.page") 0 100% no-repeat;
}
#page div.promoNews ul.ticker {
    margin-bottom: 0;
    height:35px;
    width:238px;
    overflow:hidden;
}

#page div.promoNews ul.ticker li {
    padding-bottom: 10px;
}
body.hasJS #page div.promoNews ul.ticker li {
    padding-bottom: 0;
    height:35px;
}

div.promoNews.applicationLinkPromo p {
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 4px;
    padding: 10px 0 3px;
    text-align: left;
}

/*--- Quick Links Box ---*/
#mainWrap div.quickLinks {
    padding-bottom: 20px;
}

/*---- PROGRESSIVE ENHANCEMENT STYLES ----*/ /*--- Tabbed Content ---*/
div.PE_tabbedContent {
    padding: 0 42px 0 14px;
}

#mainWrap div.PE_tabbedContent ul.controls {
    width: 100%;
    display: table;
    margin-bottom: 0;
}

div.PE_tabbedContent ul.controls li {
    list-style: none;
    display: block;
    float: left;
    padding-left: 2px;
}

div.PE_tabbedContent ul.controls li a {
    display: block;
    float: left;
    color: white;
    padding-right: 1px;
    cursor: pointer;
}

div.PE_tabbedContent ul.controls li a span {
    float: left;
    display: block;
}

div.PE_tabbedContent ul.controls li a span span {
    position: relative;
    padding-top: 2px;
}

div.PE_tabbedContent ul.controls li a span span span {
    position: relative;
    padding: 0 1em;
    min-height: 23px;
    line-height: 1.7em;
}

div.PE_tabbedContent ul.controls li a:hover,div.PE_tabbedContent ul.controls li a:focus {
    text-decoration: none;
}

div.PE_tabbedContent ul.controls li a:hover span,div.PE_tabbedContent ul.controls li a:focus span {
    background-repeat: repeat-y;
    background-color: #3a883d;
}

div.PE_tabbedContent ul.controls li a:hover span span,div.PE_tabbedContent ul.controls li a:focus span span {
    background-color: transparent;
}

div.PE_tabbedContent ul.controls li a:hover span span span,div.PE_tabbedContent ul.controls li a:focus span span span {
    background: #3a883d url("../img/css/tabs-bg-hover.png") repeat-x left bottom;
}

div.PE_tabbedContent ul.controls li.active,div.PE_tabbedContent ul.controls li.active a {
    background-image: url("../img/css/tabs-separator-active.png");
}

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

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

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

div.PE_tabbedContent ul.controls li.active a span span,div.PE_tabbedContent ul.controls li.active a:hover span span,div.PE_tabbedContent ul.controls li.active a:focus span span
{
    background-position: right top;
    background-color: transparent;
}

div.PE_tabbedContent ul.controls li.active a span span span,div.PE_tabbedContent ul.controls li.active a:hover span span span,div.PE_tabbedContent ul.controls li.active a:focus span span span
{
    padding: 4px 1em 0.3em;
    min-height: 28px;
    background: #fff;
}

div.PE_tabbedContent ul.controls li.first {
    padding-left: 1px;
    background-position: -1px bottom;
}

div.PE_tabbedContent ul.controls li.active {
    font-weight: bold;
}

div.PE_tabbedContent div.tabContent {
    padding: 14px;
    padding-top: 20px;
    min-height: 135px;
    /*overflow:hidden;*/
}

div.tabbedWrap {
    padding-top: 22px;
}

div.tabbedWrap div.tabContent {
    margin-bottom: 35px;
    padding-bottom: 0;
}

div.tabContent {
    position: relative;
    background: white;
    border-top: 1px solid #005931;
}

.hasJS div.tabContent {
    display: none;
}

.hasJS div.active {
    display: block;
}

/* buttons */
a.buttonWithBg span {
    background-image: url(../img/css/btn-silver-bg-dark-green.png);
}

a.submit2 span, button.submit2 span {
    background-image: url(../img/css/btn-cyan-bg-dark-green.png);
}

a.buttonWithBg span.link,a.submit2 span.link {
    background-image: none;
}

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

/*--- Carousel Styles ---*/
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,.jcarousel-item {
    float: left;
    list-style: none;
}

.areaContentPromo ul li a {
    cursor: pointer;
}

/*-- If no JS unselected items are hidden --*/
#homeCarousel li,#hubCarousel li,#carousel li {
    position: absolute;
    left: -9999em;
}

.hasJS #homeCarousel li,#homeCarousel li ul li,#homeCarousel.show1 li#item1,#homeCarousel.show2 li#item2,#homeCarousel.show3 li#item3,#homeCarousel.show4 li#item4,.hasJS #carousel li,#carousel li ul li,#carousel.show1 li#item1,#carousel.show2 li#item2,#carousel.show3 li#item3,#carousel.show4 li#item4,#carousel.show5 li#item5,.hasJS #hubCarousel li,.hasJS .realEstateCarousel li,#hubCarousel.show1 li#item1,#hubCarousel.show2 li#item2,#hubCarousel.show3 li#item3,#hubCarousel.show4 li#item4
{
    position: static;
    left: 0;
}

.blackberry #carousel li {
    position:absolute;
    left:-9999em;
    visibility: hidden;
}
.blackberry #carousel.show1 li#item1,
.blackberry #carousel.show2 li#item2,
.blackberry #carousel.show3 li#item3,
.blackberry #carousel.show4 li#item4,
.blackberry #carousel.show5 li#item5  {
    position:static;
    left:0;
    visibility: visible;
}

#page.themeHubHome .jcarousel-clip,#homeCarousel .jcarousel-item,#homeCarousel,#homeCarousel li,#carousel .jcarousel-item,.realEstateCarousel .jcarousel-item,#carousel li
{
    height: 26em;
}

#homeCarousel a.button {
    margin: 198px 0 0 12px;
    display: inline;
}

/*-- Section Landing Page Carousel --*/
#page.themeHubHome .areaContentPromo {
    height: auto;
    width: 980px;
}

#carousel li,#page.themeHubHome .areaContentPromo {
    height: 29.83em;
}

#carousel li {
    padding-left: 436px;
    width: 544px;
}

.themeHubHome .jcarousel-clip {
    width: 980px;
}

#carousel li ul {
    overflow: hidden;
    background: url("../img/css/content-separator-2.png") repeat-x left -4px;
    padding-top: 5px;
    width: 530px;
    margin-right: 12px;
}

#carousel li ul li {
    height: auto;
    width: 246px;
    float: right;
    font-size: 0.916em;
    border-bottom: #ccc solid 1px;
    padding: 15px 0 13px;
}

#carousel li p {
    padding: 18px 0 8px
}

#carousel li ul li p {
    padding: 0 0 0 73px; /* GT change 21/12/09 */
}

#carousel li ul li a {
    font-size: 1.09em;
    display: block;
    font-weight: bold;
}

#carousel li ul li p a { /* empirix bug fix */
    float: left;
    width: 172px;
    display: inline;
}

#carousel li ul li a.carouselButton {
    margin: 12px 0 0 35px;
    display: inline;
}

#carousel li ul li img.number {
    float: left;
    margin-right: 10px;
    display: inline
}

#carousel li ul li.featured {
    width: 270px;
    float: left;
    display: inline;
    padding: 15px 0 0;
    border-bottom: none;
}

/* PERF: leave in */ /*-- Hub Page Carousel --*/
#hubCarousel li {
    width: 774px;
    height: 390px;
}

.jcarousel-clip {
    width: 774px;
}

.areaContentPromo {
    height: auto;
}

#hubCarousel a.carouselButton {
    margin: 253px 0 0 30px;
}

/* PERF: used in home */ /*-- News Carousel --*/
#page #mainWrap .jcarousel-container,#page #mainWrap .jcarousel-clip {
    padding: 0;
    background: none;
}

#page #mainWrap div.promoNews .jcarousel-container {
    padding-top: 18px;
}

#newsCarousel .jcarousel-item,#page #mainWrap div.promoNews .jcarousel-clip {
    height: 8.08em;
    width: 239px;
}

#page #mainWrap div.promoNews .jcarousel-clip {
    border-bottom: 1px solid #dad8d8;
    margin-bottom: 10px;
}

#page #mainWrap div.promoNews .jcarousel-next,#page #mainWrap div.promoNews .jcarousel-prev {
    width: 13px;
}

#page #mainWrap div.promoNews .jcarousel-next {
    float: right;
    height: 21px;
    width: 13px;
    background: url("../img/css/news-carousel-button-next.png") no-repeat left -21px;
}

#page #mainWrap div.promoNews .jcarousel-next:hover {
    background-position: 0 0;
}

#page #mainWrap div.promoNews .jcarousel-prev {
    float: left;
    height: 21px;
    width: 13px;
    background: url("../img/css/news-carousel-button-back.png") no-repeat left -21px;
}

#page #mainWrap div.promoNews .jcarousel-prev:hover {
    background-position: left top;
}

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

/*-- contentWrap2 add for pages with ie6 issue--*/
.contentWrap2 {
    overflow: hidden !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* hide carousel and piyasalar until hasFlash/noFlash capability established */
body.hasJS #carousel1 ul {
    display: none;
}

body.hasJS .piyasalar {
    display: none;
}

body.noFlash #carousel1 ul {
    display: block;
}

body.noFlash .piyasalar {
    display: block;
}

/*expanders */
div.PE_expander {
    margin-bottom: 10px;
}

div.PE_expander h3 img {
    padding-top: 0px;
}

div.popupExpander {
    margin-bottom: 1px;
}

div.expandHeader {
    /* LBI tarafindan kaldirmamiz istendi */
    /*	background: transparent url("/assets/img/css/expanding-panels-header-bg-base-top.png") 100% 0 no-repeat; */
    border-bottom: 1px solid #e6e6e6;
}

div.expandHeader,div.expandHeader div.expandInner {
    width: 711px;
    height: 29px;
}

div.expandHeader div.expandInner {
    /* LBI tarafindan kaldirmamiz istendi */
    /*background: transparent url("/assets/img/css/expanding-panels-header-bg-base-top.png") 100% 100% no-repeat;*/
}

div.expandHeader a.trigger,div.expandHeader a.groupTrigger {
    float: left;
    height: 30px;
    width: 30px;
    overflow: hidden;
}


div.expandHeader a.trigger img,div.expandHeader a.groupTrigger img {
    display: block;
    margin-top: -30px;
}

div.expandHeader a.trigger:hover,div.expandHeader a.groupTrigger:hover {
    border: none;
    text-decoration: none;
}

div.expandHeader a.trigger:hover img,div.expandHeader a.groupTrigger:hover img {
    margin-left: -30px;
}

div.expandHeader a.active img {
    margin-top: 0px;
}

div.expandHeader h2 {
    float: left;
    width: 640px;
    padding: 8px 28px 4px 12px;
    background: #fefefe url("../img/css/expanding-panels-header-bg.png") 0 100% repeat-x;
    border-right: solid 1px #f3f3f3;
    border-top: solid 1px #f3f3f3;
    border-bottom: 1px solid #bebebe;
}

div.groupExpander h2 {
    background: url(../img/css/group-expander-bg.png) no-repeat right 0;
    border-top: 0;
    border-right: 0;
    width: 154px;
    padding: 6px 28px 5px 12px;
    font-size: 1em;
}

div.expandHeader h2 img {
    display: block;
}

div.PE_expander div.contentArea {
    position: static;
    left: auto;
    margin-left: 29px;
    width: 700px;
    background: transparent;
    padding-top: 7px;
}

div.PE_expander div.contentArea p {
    padding: 7px 14px;
}

.hasJS .PE_expander div.contentArea {
    position: absolute;
    left: -99999em;
}

.hasJS  .PE_expander div.expanded {
    position: static;
    left: auto;
    background: #FFF;
    width: 679px;
}

.hasJS  .PE_expander div.outlined {
    border: 1px solid #d6d6d6;
}

/*-- group trigger --*/
div.groupExpander {
    padding: 0px;
    width: 224px;
    overflow: hidden;
    height: 29px;
}

#page p.groupExpander a,#page p.groupExpander a:hover {
    color: #fff;
}

/*-- Styles for generic content inside expanding panel --*/
div.PE_expander div.contentArea fieldset,div.PE_expander div.contentArea div.fieldset {
    width: 700px;
    margin-top: 0px;
}

div.popupExpander div.contentArea fieldset,div.popupExpander div.contentArea div.fieldset {
    width: 616px;
    margin-top: 0px;
}

div.PE_expander div.contentArea h2 {
    width: 644px;
    padding-bottom: 8px;
}

div.PE_expander table.contentGrid {
    width: 642px;
}

div.popupExpander table.contentGrid {
    width: 563px;
}

div.popupExpander  .paginationLinks {
    margin-top: 14px;
}

div.PE_expander .formFooter,div.PE_expander .formFooterSingle,div.PE_expander .formFooterNoCorners {
    background: url("https://www.garanti.com.tr/tr/404.page") no-repeat scroll 0 100%;
    padding-bottom: 3px;
    width: 700px;
}

/*-- Search suggestion dropdown --*/

.gTautoSuggestions {
    text-align:left;
    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;
}
.gTautoSuggestions .footer {
    margin:0;
    padding:0;
    width:551px;
    height:2px;
    background:url("../img/css/bg-fastsearch-bottom.png") no-repeat scroll bottom left transparent;
}

.gTautoSuggestions ul {
    margin:0;
    padding:0 3px;
    background:url("../img/css/bg-fastsearch-middle.png") repeat-y scroll 0 0 transparent;
}
.gTautoSuggestions li {
    padding:5px 5px;
    margin:0;
    background-color:#f2f2f2;
    display:block;
}
.gTautoSuggestions li.even {
    background-color:#ffffff;
}

.gTautoSuggestions li.hover {
    background-color:#cfe3b9;
}
.gTautoSuggestions li.selected {
    background-color:#cfe3b9;
}

/*sosyal paylaşım*/
.socialSharingLifeCycle {
    margin-left: -400px;
    margin-top: -38px;
    z-index: 6;
}

.socialSharingProduct {
    float: left;
    margin-left: 470px;
    margin-top: -45px;
    z-index: 6;
}

.socialSharinginPage {
    z-index: 6;
}

.socialSharinginTab {
    padding-top: 0px;
}

.lt-ie8 .socialSharinginPage {
    margin-right: 335px !important;
}

.socialSharingHeader {
    z-index: 6;
    margin-left: 14px;
}

.socialSharingBanner {
    left: 470px;
    position: absolute;
    top: 265px;
    z-index: 6;
}


table#socialSharingCar{
    display:block;
    height:41px;
}
table#socialSharingCar td{
    float:left;
    padding:0px;
}
table#socialSharingCar td a.paylas {
    width: 68px;
}
table#socialSharingCar td a {
    background-image:url("../img/css/social-all-banner.png");
    display: block;
    height: 28px;
    text-indent: -9999em;
    transition: all 0.3s ease 0s;
    width: 41px;
}

table#socialSharing{
    display:block;
    height:41px;
}
table#socialSharing td{
    float:left;
    padding:0px;
}
table#socialSharing td a.paylas {
    width: 68px;
}
table#socialSharing td a {
    background-image:url("../img/css/social-all.png");
    display: block;
    height: 28px;
    text-indent: -9999em;
    transition: all 0.3s ease 0s;
    width: 41px;
}
.carouselFeaturedDiv{
    height:230px;
}
.fb a {
    background-position: -68px 0;
}
.twitter a {
    background-position: -109px 0;
}
.google a {
    background-position: -150px 0;
}
.in a {
    background-position: -191px 0;
}
.mail a {
    background-position: -232px 0;
}
.fb a:hover, .fb a:active {
    background-position: -68px -29px;
}
.twitter a:hover, .twitter a:active  {
    background-position: -109px -29px;
}
.google a:hover, .google a:active	{
    background-position: -150px -29px;
}
.in a:hover, .in a:active	{
    background-position: -191px -29px;
}
.mail a:hover, .mail a:active	{
    background-position: -232px -29px;
}