/* Stylesheet for South Valley Bank and Trust */

/* Default Body styles */
html, body {margin:0; padding:0; width:100%; height:100%;}
html {}
body {min-width:1000px;}
body#page {text-align:center; margin:0; padding:0; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; overflow: hidden;}
#themeContainer {text-align:left; margin:175px 132px 50px 162px; min-width:706px; clear:both; position:relative; z-index:5; height: auto}
#imagebg {position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
#imagebg img {position: absolute; top: 0; left: 0;}
div, p, img {border:0;}
p {margin:0 0 10px; padding:0;}

hr {height:1px; border:0; clear:both; color:#fff; background:#fff;}

a, a:link, a:visited {color:#f93; text-decoration:underline;}
a:active, a:hover, a:focus {outline:none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:bold; color:#f93; font-family: "Conduit ITC Light", Trebuchet MS, Helvetica, Verdana, Arial, Geneva, sans-serif;}
h1 {font-size:24px; font-weight:normal; padding:0 0 15px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

/* Header Styles */
#header {position:absolute; top:0; left:0; z-index:20; width:100%; height:82px; min-width:1000px; width:100%; background:url('/bg-yellow-80.png');}
#logo, #logo:link, #logo:visited {position:absolute; top:0; left:0;}
#onlineBanking, #onlineBanking:link, #onlineBanking:visited {position:absolute; top:0; right:0; z-index:150; width:165px; height:30px; line-height:30px; text-align:center; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; background:#3b556a;}
/*#onlineServices, #onlineServices:link, #onlineServices:visited {position:absolute; top:0; right:0; z-index:150; width:87px; height:15px; line-height:90px; text-align:center; color:#fff; font-weight:bold; text-decoration:underline;}*/
#onlineServices, #onlineServices:link, #onlineServices:visited {position:absolute; top:30px; right:0; z-index:150; width:87px; height:15px; line-height:15px; text-align:center; color:#fff; font-weight:bold; text-decoration:underline;}
/*#HomeValleyOLB, #HomeValleyOLB:link, #HomeValleyOLB:visited {position:absolute; top:32px; right:0; z-index:150; width:165px; height:15px; line-height:15px; text-align:center; color:#3b556a; font-weight:bold; text-decoration:none; background:#fff;}*/

/* Menu Styles */
#siteMenu {position:absolute; top:0; left:147px; z-index:100; margin:0; padding:0;}
#Menu {margin:0; padding:0; list-style:none; height:82px;}
#Menu li {float:left; display:inline; margin:0; padding:0; position:relative; z-index:100;}
#Menu>li.item {padding:30px 0 0; line-height:52px; height:52px; background:url('/menu-gradient.png') repeat-y right top;}
#Menu>li.item.last {background:none;}
#Menu li.item a, #Menu li.item a:link, #Menu li.item a:visited {display:block; text-decoration:none; color:#fff; font-size:12px; font-weight:bold; font-family:"Conduit ITC Light", Arial, Verdana, Geneva, Helvetica, sans-serif; text-transform:uppercase; padding:0 10px;}
#Menu li.item a:active, #Menu li.item a:hover, #Menu li.item a:focus, #Menu li.item a.over, #Menu li.item a.current {color:#a02226}

/* Sub Menu Styles */
#Menu li ul {display:none; position:absolute; top:81px; z-index:1000; line-height:20px; margin:0; padding:15px 0; width:350px; text-align:left; list-style:none; background:url('/sub-menu-bg.png') repeat-x;}
#Menu li ul li {margin:0; padding:0; width:175px; float:left; display:inline-block;}
#Menu li ul li a, #Menu li ul li a:link, #Menu li ul li a:visited {color:#fff; font-weight:normal; font-size:14px; float:none; margin:0; padding:0 5px ! important; display:block;}
#Menu li ul li a:active, #Menu li ul li a:hover, #Menu li ul li a:focus {color:#a02226 ! important;}

#subNavigation {display:none; position:relative; z-index:1000;}

#Menu li ul li.menuExtra {float:none; width:285px; line-height:18px; margin:0 5px;; padding:25px 0 0; background:url('/menu-separator.png') no-repeat center top;}
#Menu li ul li.menuExtra p {margin:0; padding:0;}
#Menu li ul li.menuExtra a, #Menu li ul li.menuExtra a:link, #Menu li ul li.menuExtra a:visited {text-transform:none; margin:0 ! important; padding:0 ! important;}

/* Header Menu */
ul#headMenu {margin:0; padding:0; list-style:none; position:absolute; top:82px; right:34px; line-height:26px;}
ul#headMenu li {float:left; display:block/*inline*/; padding:0/*4px*/; background:url('/bg-blue-80.png');}
ul#headMenu li.first {background:url('/bg-red-80.png');}
ul#headMenu li.third {background:url ('/bg-blue-80.png');}
ul#headMenu
ul#headMenu li a, ul#headMenu li a:link, ul#headMenu li a:visited {color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding: 4px; background:url('/menu-gradient-short.png') repeat-y right top; display: block;}
ul#headMenu {margin:0; padding:0; list-style:none; position:absolute; top:82px; right:0; line-height:26px;}
ul#headMenu li {float:left; display:inline;}
ul#headMenu li.second {padding:0;background:none;}
ul#headMenu li.second a {padding:0; background:none;}
ul#headMenu li.facebook {padding:0;background:none;}

/* Search */
#search {display: none; position:absolute; top:82px; right:105px/*70px*/; z-index:100; width:220px; height:35px; background:url('/bg-black-65.png');}
#search input.txtSearch {padding-right: 25px; width:141px; height:21px; position:absolute; top:6px; left:30px; z-index:100; border:0; color:#000; font-size:12px; background:#fff;}
#search input.btnSearch {position:absolute; top:8px; left:172px; z-index:100;}

#Menu>li.search {background:url('/search-go.png') no-repeat right 47px;}
#Menu>li.search a, #Menu>li.search a:link, #Menu>li.search a:visited {padding:0 27px 0 10px;}

/* Content Area Styles */
#contentArea {position: relative; padding:10px; height: 100%;}
#mainContent {outline: none; background:url('/bg-black-65.png');}
.jScrollPaneContainer {outline: none;}
.rounded5 {-moz-border-radius:5px; -webkit-border-radius:5px;}
.rounded10 {-moz-border-radius:10px; -webkit-border-radius:10px;}
.rounded15 {-moz-border-radius:15px; -webkit-border-radius:15px;}

.pod {background:url('/bg-black-65.png'); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px; z-index: 100;}

/* No-background Styles */
body.noBackground #contentArea {background:none;}

/* About Page Styles */
body.about #contentArea #contentAbout {float:left; width:35%; margin:30px 50px 0 -95px; padding:15px 35px; background:url('/bg-black-65.png');}
body.about #contentArea #mainContent {background:none; float:left; width:38%; padding:10px 30px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url('/bg-black-65.png');}

/* Branch Locations Styles */
#branches {width: 800px; height:175px; text-align:center; position:relative; margin:30px 0 0; background:url('/bg-black-65.png'); }
#branches #slider {position:relative; margin:0; padding:0; width:760px; height:85px;}
#branches ul.items {}
#branches ul {margin:0; padding:0; list-style:none; position:relative; }
#branches li {float:left; display:inline-block; width:107px; height:100px; text-align:center; line-height:12px; position:relative; margin: 0; padding: 0;}
#branches li.item span.title {display:none;}
#branches li.item a.item, #branches li.item a.item:link, #branches li.item a.item:visited {display:block; color:#f93; font-weight:bold; font-style:italic; font-size:12px; text-decoration:none;}
#branches li.item.disabled a.item {cursor:default;}

#branches li.item.current span.title {display:block;}

#branches div#cities {padding:0 20px; text-align:center; line-height:32px;}
#branches div#cities a, #branches div#cities a:link, #branches div#cities a:visited {padding:0 15px 0 0; color:#f93; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#branches div#cities a.current {color:#ED1C24; cursor:default;}

#branches span.city {display:none;}

#directions {position:absolute; bottom:30px; left:0; z-index:50; width:100%; text-align:center;}
#branchesLogo {position:absolute; bottom:10px; left:0; z-index:50; width:100%; height:20px; background:url('/logo-border.png') no-repeat center top;}

#branches div.next, #branches div.prev {width:20px; height:20px; background:url('/arrow-left-right-sprite.png') no-repeat;}
#branches div.jcarousel-next-disabled, #branches div.jcarousel-prev-disabled {background:url('/arrow-left-right-disabled-sprite.png') no-repeat;}
#branches div.prev {position:absolute; top:15px; left:5px;}
#branches div.next {position:absolute; top:15px; right:5px; background-position:-30px 0;}

#branches .jcarousel-skin-tango {position: relative;}
#branches .jcarousel-skin-tango .jcarousel-container-horizontal {width:749px; height:95px; padding: 0 25px;}

#branchesModal {position:absolute; top:135px; left:25%; z-index:100; width:565px; /*min-height:300px;*/ height: 375px; text-align:left; background:url('/bg-black-85.png');}
#branchesModal a#close {float:right; width:21px; height:21px; margin:20px 20px 0 0; text-decoration:none; background:url('/modal-close.png') no-repeat;}
#branchesModal div.content {margin:30px 50px; min-height:260px;}
#branchesModal div.content #branchLeft {width:44%; float:left; display:inline-block; margin:0 5% 0 0;}
#branchesModal div.content #branchLeft h1 {margin:0; padding:0; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase;}
#branchesModal div.content #branchRight {width:49%; float:left; display:inline-block;}
#branchesModal div.loading {background:url('/ajax-loader.gif') no-repeat 50% 50% ! important;}

/* ATM Locations Styles */
.tabLinks {clear:both; line-height:25px;}
.tabLinks div.tab {float:left; text-transform:uppercase; color:#f93; font-size:15px; font-weight:bold; padding:0 15px 0 0; cursor:pointer;}
.tabLinks div.tab.current {color:#ed1c24;}

.tabItems {clear:both;}
.tabItems .item {clear:both; min-height:100%; padding:20px 0 0;}
span.location {color:#f93; font-weight:bold; text-transform:uppercase; display:block;}
a.location {color:#f93; font-weight:bold; text-transform:uppercase; display:block; text-decoration: none;}

/* About page article styles */
#aboutPage {overflow: auto; height: 90%;}
#aboutPage .item {margin: 0 0 10px;}
#aboutPage .item .title {color: #c23001; text-transform: uppercase; font-weight: bold;}

/* Business Options Styles */
.businessItems {}
.businessItems .item {margin:0 0 10px; background:url('/bg-black-65.png'); overflow: hidden;}
.businessItems .item h2 {color:#f93; font-size:12px; line-height:34px; margin:0; padding:0 25px; text-transform:uppercase; cursor:pointer; background:url('/business-tab-sprite.png') no-repeat right bottom;}
.businessItems .item.current h2 {color:#ed1c24; background:url('/business-tab-sprite.png') no-repeat right top;}
.businessItems .item div.desc {padding:10px 25px;}
.businessItems .item div.desc .descScroll {}
.businessItems .item .businessItemFooter {margin:10px 0 0; height:20px; text-align: center;}

#bColumnLeft {width:48%; float:left; display:inline;}
#bColumnRight {width:48%; float:left; display:inline; margin:0 0 0 4%;}

/* Pagination */
.pagination {clear:both; display:block; line-height:25px; text-align:right;}
.pagination a, .pagination a:link, .pagination a:visited {padding:0 2px; text-decoration:none; font-size:12px; font-weight:bold;}
.pagination a.prevNext, .pagination a.prevNext:link, .pagination a.prevNext:visited {font-size:16px;}
.pagination span.current {font-weight:bold; padding:0 2px; color:#000;}

/* Contact Form */
.hidden {display:none;}
dl.contactForm {width:400px;}
dl.contactForm dt {width:150px; float:left; display:block; margin:0 0 5px; padding:0; clear:left;}
dl.contactForm dd {width:225px; float:right; display:block; margin:0 0 5px 10px; padding:0; clear:right; position:relative;}
dl.contactForm dd span.error {position:absolute; top:0; left:230px; display:block; width:auto; color:#f00; font-weight:bold; white-space:nowrap;}
dl.contactForm dd.inputText input {width:225px; border:solid 1px #ddd;}
dl.contactForm dd textarea {width:225px; height:75px; border:solid 1px #ddd;}

/* Footer Styles */
#footer {position:absolute; bottom:0; left:0; z-index:10; min-width:1000px; width:100%; height:38px;}
#footer p {position:relative; z-index:20; line-height:38px; font-size:11px; text-transform:uppercase;}
#footer p span {font-size:8px;}
#footer p span img {vertical-align:middle; margin:-1px 0 0 3px;}
#footer p span + span img {margin:-6px 0 0 3px;}
#footer a, #footer a:link, #footer a:visited {color:#fff; text-decoration:none; font-size:11px; padding:0 6px;}
#footer div.bgcolor {width:100%; height:38px; position:absolute; top:0; left:0; z-index:10; opacity:.75; filter: alpha(opacity=75);
background:#0e2a40;}

/*Copyright */
#copyright {position:relative; text-align:right; z-index:9; min-width:1000px; width:100%;}
#copyright p span {color:#fff; text-decoration:none; font-size:9px;}
#copyright p span {vertical-align:-7px; margin:0px 5px 0px 0px;}

/* Misc Styles */
.clear {clear:both;}
.noMargin {margin:0;}
.noPadding {padding:0;}
.floatLeft {float: left; margin: 0 15px 15px 0;}
.floatRight {float: right; margin: 0 0 15px 15px;}
.alignRight {text-align:right;}
.block {display:block;}
.marginFix {height:0px; line-height:0; overflow:hidden; background:transparent;} /* This is used to "fix" the collapsing top and bottom margin issue with nested DIVs (Not a bug!). */
.listItemImage {float:left; padding:0 10px 10px 0;}
.disabled {color: #666;}

/* Edit Styles */
.divEditBlock {position:relative;}
.divEditBlock div label {display:block; line-height:18px; font-weight:bold; margin:0 0 10px; padding:0 10px; color:#000; background:#ddd;}
.divEditBlock div {margin:0 0 20px;}
.divEditBlock div span input, .divEditBlock div span textarea {width:300px;}
.divEditBlock .error {font-weight:bold; color:#f00;}

span.divEditControls {}
span.divEditControls a {padding:0 5px;}

div.checkbox label {display:inline; font-weight:normal; margin:0; padding:0; color:#000; background:Transparent;}

.divEditBlock div.checkbox {margin:0;}
.divEditBlock div.checkbox input {width:auto;}

.divEditBlock div#editTitle {}
.divEditBlock div#editTitle input {}

.divEditBlock div#editBriefDescription {}
.divEditBlock div#editBriefDescription textarea {height:100px;}

.divEditBlock div#editFullDescription {}

.divEditBlock div#editItemUrl {}
.divEditBlock div#editItemUrl input {}

.divEditBlock div#editItemMetaDescription {}
.divEditBlock div#editItemMetaDescription input {}

.divEditBlock div#editItemMetaKeywords {}
.divEditBlock div#editItemMetaKeywords input {}

#ctaContainer {position: absolute; left: -95px; top: 130px; width: 400px; height: 200px; background:url('/bg-black-65.png'); -moz-border-radius:10px; -webkit-border-radius:10px; z-index: 10;}
#cta {position: absolute; left: 30px; top: 10px; width: 340px; height: 180px; z-index: 10;}
#cta ul {list-style: none; margin: 0; padding: 0; width: 340px; height: 180px; overflow: hidden; position: relative;}
#cta ul li {display: inline-block; /*float: left;*/position:absolute; left:0; top:0; margin: 0; padding: 0; width: 340px; height: 180px;}
#ctaContainer .next, #ctaContainer .prev {width:20px; height:20px; background:url('/arrow-left-right-sprite.png') no-repeat; z-index: 20;}
#ctaContainer .jcarousel-next-disabled, #ctaContainer .jcarousel-prev-disabled {background:url('/arrow-left-right-disabled-sprite.png') no-repeat; z-index: 20;}
#ctaContainer .prev {position:absolute; top:80px; left:-25px;}
#ctaContainer .next {position:absolute; top:80px; right:-25px; background-position:-30px 0;}

#askBill {}
#askBill .item {clear: both;}
#askBill .item a {font-weight: bold; text-decoration: none;}
#askBill .item a.current {font-weight: bold; text-decoration: none; color: #ff0000;}
#askBillPlaceholder {position: relative;}
#askBillPlaceholder .inner {padding: 10px;}
#divAskBillLeft {position: absolute; left: 0; top: 0; width: 234px; min-height: 195px; background:url('/bg-black-65.png');}
#divAskBillRight {position: absolute; left: 244px; top: 0; width: 234px; min-height: 195px; background:url('/bg-black-65.png');}

#testimonials {}
#testimonials .item {clear: both;}
#testimonials .item a {font-weight: bold; text-decoration: none;}
#testimonials .item a.current {font-weight: bold; text-decoration: none; color: #ff0000;}
#podHeader H2{padding-bottom:10px}

#comparisonChartInner hr {color: #ba700a; background: #ba700a url('/bg-yellow-80.png'); height: 1px;}

#cse-search-results iframe {width: 490px;}

/* google custom search */
.gsc-control-cse {padding: 0 !important; width: 100% !important; background: none !important; border: none !important;}
input.gsc-input {
  border-color: #BCCDF0;
}
input.gsc-search-button {
  border-color: #666666;
  background-color: #CECECE;
}
.gsc-tabHeader.gsc-tabhInactive {
  border-color: #E9E9E9;
  background-color: #E9E9E9;
}
.gsc-tabHeader.gsc-tabhActive {
  border-top-color: #FF9900;
  border-left-color: #E9E9E9;
  border-right-color: #E9E9E9;
  background-color: #FFFFFF;
}
.gsc-tabsArea {
  border-color: #E9E9E9;
}
.gsc-webResult.gsc-result {background: none !important; border: none !important;}
.gsc-webResult.gsc-result:hover {background: none !important; border: none !important;}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
  color: #ff9933;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
  color: #ff9933;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b {
  color: #ff9933;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b {
  color: #ff9933;
}
.gsc-cursor-page {
  color: #ff9933 !important;
}
a.gsc-trailing-more-results:link {
  color: #ff9933;
}
.gs-webResult.gs-result .gs-snippet {background: none !important; border: none !important; color: #ffffff;}
.gs-webResult.gs-result .gs-visibleUrl {
  color: #ff9933;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
  color: #ff9933;
}
.gsc-cursor-box {border: none !important;}
.gsc-results .gsc-cursor-page {background: none !important; border: none !important;}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {background: none !important; border: none !important;}
.gs-promotion.gs-result {
  border-color: #336699;
  background-color: #FFFFFF;
}
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
.gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl-short {
  color: #008000;
}