/*
	Theme Name: TheStore
	Theme URL: http://www.TheStore.my
	Description: Main page Online Store registration
	Author: Eddy Wijaya
	Author URI: http://www.digital-pages.net
	Version: 1.0
	Tags: two-columns, three-columns, fixed-width, threaded-comments
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
* {
	font-family: Arial, Helvetica, sans-serif;
}
body, td, th, input, textarea, select, a {
	font-size: 12px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}

a, a:visited {
/*
	color: #1B57A3;
	text-decoration: underline;
*/
	cursor: pointer;
}
/*
a:hover {
	text-decoration: none;
}
*/
a img {
	border: none;
}
p {
	margin-top: 0px;
}
body {
	background: #BFBFBF;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap-home {
	background: #F4F4F4 url(../image/wrap_home.png) top center repeat-x;
	margin: 0px auto 0px;
	padding: 0px;
	}

#wrap {
	background: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
	}

/************************************************
*  Header level 1				 			    *
************************************************/

#headerbg {
	background: url('../image/bg.png') repeat-x;
	}
#topheaderbg {
	height: 25px;
	background-color: #FFFFFF;
}
#topheader {
	/*background: url('../image/header.png');*/
	width: 960px;
	height: 25px;
	margin: 0px auto 0px;
	padding: 0px;
	
}
.text_top_left {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B02A2D;
	font-weight:bold;
	vertical-align: middle;
	padding: 5px 5px 0px 5px;
}

.text_top_right {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 5px 5px 0px 5px;
}

.text_top_right a:link {color: #333333; text-decoration:none;}
.text_top_right a:visited {color: #333333; text-decoration:none;}
.text_top_right a:hover {color: #B02A2D; text-decoration:underline;}	

/************************************************
*  Header level 2 bank logo and curency flag    *
************************************************/
#topheader2bg {
	background: #D9DADC url('../image/topheaderbar.png') repeat-x;
	background-position:center;
	height: 50px;
	margin: 0px auto 0px;
}
#topheader2 {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}
.topheader2_left{
	width: 400px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
.topheader2_right{
	width: 550px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#topheader2 #imagebanklogo {
	height: 50px;
	background: url('../image/bank_logo.png') left top no-repeat;
	}
	
#topheader2 #imageflag {
	height: 50px;
	background: url('../image/flag_curency.png') right top no-repeat;
}
/************************************************
*  Header level 3 LOGO TS and STEP			    *
************************************************/
#header {
	/*background: url('../image/header.png');
	width: 960px;*/
	background: url('../image/bg240.png') repeat-x;
	height: 240px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
#contentheader {
	width: 960px;
	height: 240px;
	margin: 0px auto 0px;
	padding: 0px;

}
#header #imageheader {
	width: 400px;
	height: 240px;
	text-indent: -10000px;
	background: url('../image/logo-TS.png') left top no-repeat;
	}
	
#header #imagestep {
	width: 550px;
	height: 240px;
	background: url('../image/step123.png') right top no-repeat;
	}
#header #imageheader a {	
	display: block;
	width: 325px;
	height: 240px;
	}

#header h1, #header h1 a, #header h1 a:visited, #header h4, #header h4 a, #header h4 a:visited {
	color: #CCCCCC;
	font-size: 36px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-shadow: #000000 0px -2px 2px;
	}
	
#header h1 a:hover, #header h4 a:hover {
	color: #CCCCCC;
	text-decoration: none;
}	
.headertext {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	}
	
.headerleft {
	width: 400px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.headerleft p {
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana;
	font-size: 14px;
	font-style: italic;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height: 20px;
	text-shadow: #000000 0px -2px 2px;
	}
	
.headerleft a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.headerright {
	width: 550px;
	float: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}

.headerright p {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}
	
.headerright a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
.headerright a, .headerright a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.headerright a:hover {
	text-decoration: underline;
	}
	
.headerright a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
.headerright ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
.headerright li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/************************************************
*  Homepage Bottom 					     	    * 
************************************************/

#hpbottombg {
	background: #567CC3 url('../image/hpbottom.png') repeat-x;
	}
	
#hpbottom {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}	

#hpbottom a, #hpbottom a:visited {
	color: #FFFFFF;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	text-decoration: none;
	/*
	text-transform: uppercase;
	font-style: italic;*/
	}
a.more-link:link, a.more-link:visited {
	background: url('../image/navhov.png');
	float: right;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border: 1px solid #555555;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
a.more-link:hover {
	background: url(../image/nav.png);
	border: 1px solid #555555;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
h1  { 
	font-family: Georgia, Times New Roman, Trebuchet MS;
	text-shadow: 2px 2px 2px #999999;  
	font-weight: 800;
	font-size:52px; 
	color:#FFFFFF; 
	letter-spacing:-1px; 
	margin-top:20px; 
	float:left;
	line-height:normal; 	
}

#hpbottom h2, #hpbottom h2 a, #hpbottom h2 a:visited {
	color: #FFFFFF;
	font-size: 16px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

#hpbottom h2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#hpbottom h4 {
	color: #FFFFFF;
	font-size: 20px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 15px 0px 5px 0px;
	}
	
#hpbottom p, #hpbottom p a, #hpbottom p a:visited {
	color: #FFFFFF;
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
#hpbottom p a:hover {
	text-decoration: underline;

}
.clear {
	clear: both;
}
/************************************************
*  Homepage Main					     	    * 
************************************************/

#hpmainbg {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#hpmainbg h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #B02A2D;
	padding: 15px 0px 5px 0px;
}

#hpmainbg h2, #hpmainbg h2 a, #hpmainbg h2 a:visited {
	color: #333333;
	font-size: 24px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	margin: 0px;
	padding: 0px;
	}

#hpmainbg h2 a:hover {
	color: #333333;
	text-decoration: underline;
	}

#hpmainbg h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #B02A2D;
	padding: 5px 0px 5px 0px;
	margin: 8px 0 8px;
}
	
#hpmainbg h4, #hpmainbg h4 a, #hpmainbg h4 a:visited {
	color: #333333;
	font-size: 16px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	margin: 0px;
	padding: 15px 0px 5px 0px;
	}
td { padding: 5px 15px 5px 0; }	
.text_main {
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-size: 12px;
	color: #333333;
	line-height:1.25em;
	text-align: justify;
	margin-left:0px;
	margin-right:30px;
	
}
.content {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
}
/*.button {
	padding-left: 8px;
	display: inline-block;
	margin-right: 5px;
	background: url('../image/button_left.png') top left no-repeat;
	text-decoration: none;
	color:#FFF;
}
.button span {
	color: #FFF;
	display: block;
	padding: 4px 12px 5px 5px;
	background: url('../image/button_right.png') top right no-repeat;
}*/
.button {
	background: url('../image/navhov.png');
	padding-left: 8px;
	/*display: inline-block;*/
	margin-right: 5px;
	color: #FFFFFF;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border: 1px solid #555555;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
.button:hover {
	background: url(../image/nav.png);
	border: 1px solid #555555;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	padding: 5px;
	margin-bottom: 10px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}


#hpmainbg h4 a:hover {
	color: #333333;
	text-decoration: underline;
}
#hpmainbg a:visited {
	text-decoration: none;
}
.error {
	background: url('../image/icons/warning16.png') center left no-repeat;
	padding-left: 20px;
	color: #FF0000;
	display: block;
}
.success {
	padding: 5px 0px;
	/*margin-bottom: 10px;*/
	margin-top: 30px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	/*margin-bottom: 10px;*/
	margin-top: 30px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}

.required {
	color: #FF0000;
	font-weight: bold;
}
/************************************************
*  SignUp Page  					     	    * 
************************************************/
/* ================ */
/* = Sign up form = */
/* ================ */
#bground {
	background-repeat: repeat;
	background-position: left;
	float: left;
	width: 600px;
	height: 250px;

}
#signup form { background: none; border: none; }
#signup form input[type="text"], #signup form input[type="password"] { width: auto; margin-bottom: 3px; }
#signup label { display: inline; }
#signup td { padding: 5px 15px 5px 0; }
#signup #preview-availability { display: inline; }
#signup #actionresult { display: inline; margin-left: 10px; }
#signup #actionresult .positive { padding-left: 20px; background: url('../image/icons/checkmark16.png') center left no-repeat; color: #3f8916;}
#signup #actionresult .negative { padding-left: 20px; background: #fcf7dc url('../image/icons/warning16.png') center left no-repeat; color: #222;}
#signup .inactive { -moz-opacity: 0.25; opacity:.25; filter: alpha(opacity=25); }
#signup img.credit-card { margin-left: 3px; vertical-align: top; }
#signup #themes { margin: 0px 0; }
#signup #themes .theme { padding: 15px; font-size: 9pt; border: 4px solid #fff; background: #f8f8f8; border: 1px solid #eee; }

.jcarousel-control { padding: 0; }
.jcarousel-control li { background: #f2f2f2; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; padding: 0; margin: 0; }
#signup #themes a { display: block; padding: 8px; }
#signup #themes .active { background: #78B9E7; border-top: 1px solid #6aa3cc; border-bottom: 1px solid #78B9E7; }
#signup #themes .active a { font-weight: bold; color: #fff; }

#theme-carousel { list-style-type: none; margin: 0; padding: 0; }
#theme-carousel li { background: none; margin: 0; padding: 0; }
.jcarousel-container { position: relative; width: 380px; height: 380px; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 380px; height: 380px; }
.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; margin-bottom: 10px;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 380px;
    height: 380px;
}
.jcarousel-next, .jcarousel-prev { z-index: 3; display: none; }

#signup #spinner { position: absolute; }
#signup #spinner img { position: relative; right: 25px; top: 6px; }
#shop_submit { font-size: 13px; }

.block { 
	background:#efefef; 
	border:1px solid #d9d9d9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 30px; 
}

/* typography related */
.light, .note, .hint { color: #777; }
/*
h1, h2, h3, h4, h5, h6 {font-family:Georgia, Times New Roman, Trebuchet MS; font-weight:normal;color:#000;}
h1  { text-shadow: 2px 2px 2px #3c7710;  font-weight: 800;font-size:52px; color:#FFF; letter-spacing:-1px; margin-top:2px; float:left; line-height:normal;}
h2 {font-size:32px; margin: 0 0 25px;  }
h2.small { font-size:22px; margin-bottom: 15px; }
h3 {font-size:16px; margin:0 0 10px; font-weight:bold;}
h4 {font-size:14px; margin:0 0 10px; font-weight:bold;}		
*/

/* the grid */
.col-1, .col-2, .col-3, .col-3-5, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right:35px; float:left;}
.col-12 { margin-right:0px;}

.col-12 {width:925px;}
.col-11 {width:845px;}
.col-10 {width:765px;}
.col-9 {width:685px;}
.col-8 { width:605px;}
.col-7 {width:525px;}
.col-6 {width:445px;}
.col-5 {width:365px;}
.col-4-5 {width:325px;}
.col-4 {width:285px;}
.col-3-5 {width: 245px;}
.col-3 {width:205px;}
.col-2 {width:125px;}
.col-1 {width:45px;}  
  


.last {margin-right:0 !important;}

.margin-bottom {margin-bottom:10px; }


.l { text-align: left; }
.r { text-align: right; }
.left{float:left;}
.right{float:right;}

/************************************************
*  Footer  							            *
************************************************/

#footerbg {
	background: url('../image/footer.png') repeat-x;
	height: 80px;
	}

#footer {
	width: 925px;
	margin: 0px auto 0px;
	padding: 15px 0px 15px 0px;
	line-height: 20px;
	}
	
#footer p {
	color: #eee;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 0px;
	}
	

#footer a, #footer a:visited {
	color: #CCCCCC;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
	
#kaki,#push { 
	clear:both;
}
#kaki-wrapper { 
	padding:20px 0 0 0; 
	width:925px; 
	margin:auto;
}
#kaki { 
	background:#111 url('../images/bg-kaki.gif') repeat-x; 
	height: 340px; 
	color: #666; 
	border-top: 1px solid #444; 
	font-size: 14px; 
}
/*#kaki.frontpage { height: 500px; }*/
#kaki h3 { 
	color: #fff; 
	border-bottom: 1px solid #444; 
	margin-bottom: 10px; 
	padding:0 0 5px 0; 
	font-size: 14px; 
	font-weight:normal;
}
#kaki a { 
	color: #777 
}
#kaki a:hover { 
	color: #cdcdcd;  
}
#kaki ul { 
	list-style-type: none; 
	margin: 0 0 20px 0; 
	padding: 0;
}
#kaki ul li { 
	margin-bottom:5px; 
	font-size:14px; 
	background:none; 
	padding:0; 
}
#kaki ul li a { 
	color:#999; 
}
#kaki ul li a:hover { 
	color:#fff; 
}
#kaki .isi  { 
	margin-top:20px; 
}
#kaki .copyright { 	
	margin-top:20px; 
}
#kaki  #copyright { 
	text-align: left; 
	font-size: 14px; 
	color: #eee; 
	margin: 15px 0 10px 0; 
	clear:both;
}
#kaki ul li {
	font-size:14px;
}
.footer-arrow {
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 2px 18px;
	background: url(../image/arrow_footer.png) no-repeat left center;
}
	
.footer-rss-posts {
	margin: 0px 5px 0px 0px;
	padding: 2px 0px 2px 15px;
	background: url(../image/rss_footer.png) no-repeat left center;
}	
	
.footer-rss-comments {
	margin: 0px;
	padding: 2px 0px 2px 15px;
	background: url(../image/rss_footer.png) no-repeat left center;
}

.footer-facebook {
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 2px 20px;
	background: url(../image/icon-home-facebook.png) no-repeat left center;
}
.footer-twitter {
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 2px 20px;
	background: url(../image/icon-home-twitter.png) no-repeat left center;
}
.footer-blog {
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 2px 20px;
	background: url(../image/icon-home-blogger.png) no-repeat left center;
}	
.footerleft {
	width: 770px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.footerright {
	width: 180px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.isi {
	text-align: left;
}
.column_bottom {
	margin-right:50px; 
	float:left;
	width:180px;
}
.last {
	margin-right:0 !important;
}
.margin-bottom {
	margin-bottom:10px; 
}
.small_text {
	font-size:11.5px;
}