/* ---------------------------------------------
South Carolina Bank and Trust
Screen Stylesheet
author: Cyberwoven
version:  2009.08
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Getting going now */

.skiplink {position:absolute; height:0; margin:0 0 0 -9999px; }

body { font: normal 11px "Lucida Grande", Verdana, Arial, sans-serif; color: #4e493b; background: #efeadb url(../img/texture.gif) repeat top left;}

.topBg { display:block; width:100%; position:absolute; z-index:1; height:425px; background:url(../img/home-bodybg.gif) repeat-x 50% 0; left:0; }
#wrapper { position:relative; z-index:2; width:960px; display:block; margin: 0 auto;}

body.home .header { width:960px; margin:0; height:120px; position:relative; background:url(../img/header_home_bg.jpg) no-repeat 259px 0; }
	body.home .header h1 { margin:0; position:relative; width:259px; display:block; height:120px; background:url(../img/home_logo.jpg) no-repeat; text-indent:-9999px; float:left; }
		body.home .header h1 a { display:block; height:100%; width:100%; margin:0; }

	.navWrapper { width:680px; height:118px; float:left; overflow:hidden; }
		body.home .navWrapper { width:680px; height:120px; }

		.topNav { position:relative; height:47px; }
			.topNav ul { margin:0 6px 0 0; padding:0; float:right; }
				.topNav ul li {margin:0; display: inline; float: left; list-style: none; list-style-image: none !important; font-size: 10px; line-height: 47px;
height: 47px; color: #fff; }
					.topNav ul li a { padding: 0 10px 0px 10px; text-decoration: none; font-size: 10px; height: 47px; line-height: 47px; display: block;
float: left; color: #4e493b; outline: none; }
						.topNav ul li a:hover { background: url(../img/topNav-hover.gif) repeat-x 0 0; color: #0082e1; text-decoration: none; }

		.mainNav { position: relative; height: 44px; top: 29px; }
			.mainNav ul { margin: 0; padding: 0; float: right; }
				.mainNav ul li { margin: 0; display: inline; float: left; list-style: none; list-style-image: none !important; font-size: 10px; }
					.mainNav ul li a { padding: 13px 19px 0px 19px; text-decoration: none; height: 44px; display: block; font: normal 16px Georgia, serif;
color: #4e493b; float: left; outline: none; }
						.mainNav ul li a:hover { background: url(../img/mainNav-hover.png) repeat-x top left; padding: 13px 19px 0px 19px; color: #0082e1;
text-decoration: none; }
							.mainNav ul li a.active { background: url(../img/mainNav-hover.png) repeat-x top left; padding: 15px 19px 0px 19px; color: #ee3024; }

		
		#onlineBanking { display:block; width:259px; height:330px; float:left; background:url(../img/online_banking_bg.jpg) no-repeat top left; }
			#onlineBanking h2 { position:absolute; margin-left:-9999px; }	
			#onlineBanking form#Form1 { display:block; margin:77px 0 0 16px; }
				.select_wrapper { display:block; position:relative; height:34px; width:237px; padding:13px 0 0 0; background:url(../img/select_bg.jpg) no-repeat 0 0; }
					.select_wrapper select { margin:0 0 0 16px; width:215px; padding:0; position:relative; opacity:0; filter:alpha(opacity=0); }
					#selectedoption {position:absolute; top:14px; left:17px; padding:2px 5px; width:160px; font-weight:bold; background:#fff;}
						#onlineBanking form#Form1:active { opacity:1; }
				#onlineBanking input.loginbtn { display:block; margin:14px 0 0 57px; width:121px; height:41px; text-indent:-9999px; font-size:0px; border:none; cursor:pointer; background:url(../img/online_banking_submit.jpg) no-repeat 0 0; }
					#onlineBanking input.loginbtn:hover, #onlineBanking input.loginbtn:active { cursor:pointer; background-position:-121px 0; }
					
			#onlineBanking ul#otherServices { display:block; margin:12px 0 0 9px; width:250px; padding:0; background:url(../img/online_banking_nav.jpg) no-repeat 0 0; }
					#onlineBanking ul#otherServices li { display:block; margin:0; padding:0; height:47px; text-indent:-9999px; width:100%; }
						#onlineBanking ul#otherServices li a { display:block; margin:0; padding:0; height:100%; width:100%; background:none; }
							#onlineBanking ul#otherServices li a:hover {  }	
								#onlineBanking ul#otherServices li.enroll a:hover { background:url(../img/online_banking_nav.jpg) no-repeat -250px 0; }
								#onlineBanking ul#otherServices li.learnMore a:hover { background:url(../img/online_banking_nav.jpg) no-repeat -250px -47px; }
								#onlineBanking ul#otherServices li.onlineDemo a:hover { background:url(../img/online_banking_nav.jpg) no-repeat -250px -94px; }
					
					
			#motion { display:block; float:left; position:relative; margin:0; padding:0; width:701px; height:330px;}
				.bg1 {background:url(../img/motion-bg1.jpg) no-repeat top left;}
				.bg2 {background:url(../img/motion-bg2.jpg) no-repeat top left;}
				.bg3 {background:url(../img/motion-bg3.jpg) no-repeat top left;}
				.bg4 {background:url(../img/motion-bg4.jpg) no-repeat top left;}
				#motion span { position:absolute; text-indent:-9999px; display:block; }
					#motion span.tagline {display:none;}
					#motion span.years {display:none;}
					
			
			#recentNews { display:block; float:left; clear:both; margin:0; padding:25px 16px 0 20px; width:223px; background:url(../img/recentNews_bg.jpg) no-repeat 0 0; }
				#recentNews h3 { font-size:16px; text-transform:uppercase; font-family:Georgia, "Times New Roman", times, serif; color:#03233e; font-weight:bold; }
				#recentNews ul { display:block; margin:0; border-bottom:solid 1px #a19c8c; }
					#recentNews ul li { display:block; margin:0; padding:12px 0; line-height:16px; font-family:"lucida grande", lucida, helvetica, arial, sans-serif; font-size:11px; font-weight:bold; border-top:solid 1px #a19c8c; border-bottom:solid 1px #fff; }
						#recentNews ul li.first { border-top:none; }
						#recentNews ul li a, #recentNews ul li a:visited { color:#004e9b; text-decoration:none; }
							#recentNews ul li a:visited { color:#004385; }
							#recentNews ul li a:hover { color:#0077ec; }
			
			#featureSlider { display:block; position:relative; z-index:1; float:left; margin:0; padding:13px 0 0 0; width:701px; height:254px; background:url(../img/slider_bg.jpg) no-repeat 0 0; }
				#featureSlider p.prev, #featureSlider p.next { float:left; margin:0; width:26px; }
				#featureSlider p.prev a { display:block; width:26px; height:220px; background:url(../img/leftarrow.gif) no-repeat 0 0; text-indent:-9999px; outline:none; }
					#featureSlider p.prev a:hover { background-position:0 -220px; }
				#featureSlider p.next a { display:block; width:26px; height:220px; background:url(../img/rightarrow.gif) no-repeat 0 0; text-indent:-9999px; outline:none; }
					#featureSlider p.next a:hover { background-position:0 -220px; }
				#featureSlider p.disabled a, #featureSlider p.disabled a:hover { background-position:0 -440px; cursor:default; }
				
				#featureSlider .slider { width:649px; height:220px; float:left; overflow:hidden; position:relative; }
					#featureSlider .slider .items { width:9999px; position:absolute; list-style:none; margin:0; }
					#featureSlider .slider .items li { width:314px; height:214px; overflow:hidden; float:left; padding:0; border:3px solid #fff8e9; margin-right:9px; }
					.items li { text-indent:-9999px; position:relative; }
					.items li a { display:block; width:314px; height:214px; padding:0; position:absolute; top:0; left:0; }
					.items li.one a { background:url(../img/slider/1.jpg) no-repeat 0 0; }
					.items li.two a { background:url(../img/slider/2.jpg) no-repeat 0 0; }
					.items li.three a { background:url(../img/slider/3.jpg) no-repeat 0 0; }
					.items li.four a { background:url(../img/slider/4.jpg) no-repeat 0 0; }
					/* Promotion Ended */ .items li.five a { background:url(../img/slider/5.jpg) no-repeat 0 0; }
					.items li.six a { background:url(../img/slider/6.jpg) no-repeat 0 0; }
					.items li.fdic a { background:url(../img/slider/scbt-fdic.jpg) no-repeat 0 0; }
					.items li.welcome a{background:url(../img/slider/scbt-welcome.jpg) no-repeat 0 0; }
					.items li.closing a {background:url(../img/slider/scbt-closing.jpg) no-repeat 0 0; }
					.items li.optin a{background:url(../img/slider/scbt-optin.jpg) no-repeat 0 0; }
					.items li a:hover { background-position:-314px 0; }

		
		
			/*#featureSlider { display:block; position:relative; z-index:1; float:left; margin:0; padding:0; width:701px; height:254px; background:url(../img/slider_bg.jpg) no-repeat 0 0; }	
				#featureSlider span.shadow { display:block; position:absolute; top:0; width:10px; height:254px; z-index:6; }
					#featureSlider span.shadow.left { left:0; background:url(../img/left_shadow.jpg) no-repeat 0 0; }
					#featureSlider span.shadow.right { right:0; background:url(../img/right_shadow.jpg) no-repeat 100% 0; }
				#featureSlider span.arrow { display:block; position:absolute; z-index:2; margin:13px 0 0 0; width:25px; height:220px; top:0; text-indent:-9999px; background:#fff8e3; }
					#featureSlider span.arrow.left { left:1px; }
					#featureSlider span.arrow.right { right:1px; }
					#featureSlider #nextBtn, #featureSlider #prevBtn { display:block; position:absolute; z-index:7; width:13px; height:20px; top:100px; cursor:pointer; }	
						#featureSlider #nextBtn a, #featureSlider #prevBtn a { display:block; height:100%; width:100%; text-indent:-9999px; }
						#featureSlider #prevBtn { left:13px;}
							#featureSlider #prevBtn a { background:#fff8e3 url(../img/slider/left_arrow.png) no-repeat 0 0;  }
						#featureSlider #nextBtn { right:13px; }
							#featureSlider #nextBtn a { background:#fff8e3 url(../img/slider/right_arrow.png) no-repeat 0 0; }
							#featureSlider span.arrow span:hover { background-position:-13px 0; cursor:pointer; }
				#featureSlider #slider { display:block; position:relative; width:660px; height:220px; padding-top:13px; margin:0 0 0 25px; overflow:hidden; }
				#featureSlider ul { display:block; position:relative; float:left; width:100%; margin:0; height:220px; overflow:hidden; }
					#featureSlider ul li { position:relative; display:block; float:left; margin:0; width:660px; height:221px; text-indent:-9999px; overflow:hidden; }
						#featureSlider ul li div { display:block; position:relative; float:left; width:314px; height:214px; padding:3px; margin:0 10px 0 0; background:#fff8e3; }
						#featureSlider ul li div h3, #featureSlider ul li div p {display:none;}
						#featureSlider ul li  div a {display:block; margin:0; height:214px; width:314px; }
							#featureSlider ul li div.one a { background:url(../img/slider/1.jpg) no-repeat 0 0; }
							#featureSlider ul li div.two a { background:url(../img/slider/2.jpg) no-repeat 0 0; }
							#featureSlider ul li div.three a { background:url(../img/slider/3.jpg) no-repeat 0 0; }
							#featureSlider ul li div.four a { background:url(../img/slider/4.jpg) no-repeat 0 0; }
							#featureSlider ul li div.five a { background:url(../img/slider/5.jpg) no-repeat 0 0; }
							#featureSlider ul li div.six a { background:url(../img/slider/6.jpg) no-repeat 0 0; }
							#featureSlider ul li div a:hover { background-position:-314px 0; }*/


	/*--- Outage Notice ---*/
	#outagenotice { width:100%; height:100px; background:#ba2b25; text-align:center; display:none; z-index:1; }
		#outageint { width:835px; margin:0 auto; padding-top:15px; }
		#outagenotice h3 { width:675px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-weight:normal; font-size:15px; line-height:24px; text-align:left; float:left; }
		#outagenotice h3 strong { color:#fcf88a; font-style:italic; }
		#outagenotice a { display:block; width:130px; height:75px; border-left:1px solid #d37875; margin-left:15px; float:left; background:url(/img/outageclose.gif) no-repeat 0 0; text-indent:-9999px; outline:none; }
		#outagenotice a:hover { background-position:0 bottom; }

/* ------- Over Draft Page CSS ---------*/

input.addact {display: block; height: 25px; width: 172px; background:url(/img/addacct-btn.gif) no-repeat 0 0; text-indent:-9999px;}

/* ------- Login Screen CSS ---------*/

div #loginScreen { width:223px; height:140px; padding:10px 5px 10px 5px; margin:0; background:#f1e9dc; border:solid 2px #9d8d73; position:absolute; top:245px; left:16px; display:none;  }

div fieldset {padding:0px 0 6px 0;}

 #AccessIDVisible  { margin:10px 0 10px 0;}

div #loginScreen input.secureloginbtn {display:block; margin:5px 4px 10px 4px; padding:5px 0 10px 10px; width:215px; height:40px; border:none; text-indent:-9999px; font-size:0; line-height: 0; overflow:hidden;  cursor:pointer; background:url(/img/secure_login.jpg) no-repeat 0 0; z-index:10; color:#FFFFFF; }

div #loginScreen input.secureloginbtn:hover, div #loginScreen input.secureloginbtn:active  {cursor:pointer; background-position:-215px 0; }

div #loginScreen ul { font:normal 12px/14px Arial, Helvetica, sans-serif; border:none; } 

div #loginScreen ul li { display:inline; border:none; padding:0 10px 0 10px;}

div #loginScreen ul li a, div #loginScreen ul li a:active { text-decoration:underline; color:#51473b;}

div #loginScreen ul li a:hover { text-decoration:none; color:#71614f;}

.none {display:none;}
.accesid { text-align:right; padding:0 5px 0 10px; margin:10px;}

/*Alert*/

.alert {display:none; color:#FF3333; font-size:10px; text-align:left;}
 


							/*-------------------------------------------    

							    Footer

							-------------------------------------------*/

							.footer
							{
								width: 100%;
								background: url(../img/texture.gif) repeat top left;
								border-top: 1px solid #bab5a2;
								margin: 0 auto;
								padding: 0 0 30px 0;
								clear: both;
							}

							.footerHome
							{
								width: 960px;
								background: url(../img/texture.gif) repeat top left;
								border-top: none;
								margin: 0 auto;
								padding: 0 0 30px 0;
								clear: both;
							}

							.topFooterContainer
							{
								background: #e1d6b2;
								padding: 0px;
							}

							.topFooterContainerHome
							{
								background: #e1d6b2;
								padding: 0;
							}

							.topFooter
							{
								margin: 0 auto;
								width: 960px;
								padding: 3px;
							}
								body.home .topFooter { width:960px; }

							.stockQuote
							{
								background: url(../img/stock-bg.jpg) no-repeat top left;
								width: 255px;
								height: 49px;
								display: block;
								float: left;
								text-align: center;
								line-height: 49px;
							}

							.stockChangeUp a { text-decoration: none; }

							.stockTitle a
							{
								font: bold 12px Georgia, serif;
								text-decoration: none;
							}

							.stockPrice a
							{
								font-weight: bold;
								padding-left: 10px;
								text-decoration: none;
							}

							.qmjsdataup
							{
								font-weight: bold;
								padding-left: 15px;
								background: url(../img/stockup.gif) no-repeat 15% 50%;
							}

							.qmjsdatadown
							{
								font-weight: bold;
								padding-left: 15px;
								background: url(../img/stockdown.gif) no-repeat 15% 50%;
							}

							.footerNav { height: 49px; }

							.footerNav ul
							{
								margin: 0 6px 0 0;
								padding: 0;
								float: right;
							}
								body.home .footerNav ul { margin-right:11px; }

							.footerNav ul li
							{
								margin: 0;
								display: inline;
								float: left;
								list-style: none;
								list-style-image: none !important;
								font-size: 10px;
								line-height: 47px;
								height: 47px;
								color: #fff;
							}

							.footerNav ul li a
							{
								padding: 0 10px 0px 10px;
								text-decoration: none;
								font-size: 10px;
								height: 47px;
								line-height: 47px;
								display: block;
								float: left;
								color: #4e493b;
								outline: none;
							}

							.footerNav ul li a:hover
							{
								background: url(../img/topNav-hover.gif) repeat-x 0 0;
								color: #0082e1;
								text-decoration: none;
							}

							.bottomFooter
							{
								margin: 0 auto;
								padding: 10px 0 0 0;
								width: 960px;
								clear: right;
							}
								body.home .bottomFooter { width:930px; }


							.copyright
							{
								font-size: 10px;
								float: left;
								margin-left: 10px;
							}
								body.home .copyright { margin-left:19px; }

							.agree img
							{
								background:none;
								border:none;
								float:left;
								padding:0;
								margin-right:50px;
								margin-top:10px;
							}