/*  
Theme Name: scarlett
Theme URI: http://ictlearning.com/
Description: Finally a modern business design to promote or showcase your business over the web. It's the perfect platform to launch your business and definite contender for your business makeover.
Version: 1.0
Author: ICT Interactive.com
Author URI: http://ictinteractive.com/
Tags: white, grid, whitespace, minimal, clean, widgets

*/
@import url(reset.css);
@import url(icons.css);
@import url(navigation.css);
html, body {
	height: 100%;
}
body {
	font-family:Georgia;
	font-size:75%;
	margin:0 auto;
	line-height:1.7em;	
	padding:0;
	color:#222;
	background:#fff;
}
body#home{
	
}
h1, h2, h3, h4, h5, h6 {
  color: #000;
  line-height: 1.1em;
  font-weight: normal;
  padding-bottom: 5px;
}
h1 {
  font-size: 40px;
  letter-spacing: -1px;
}
  h1 a:link,
  h1 a:visited {
    color: #000;
  }
  h1 a:hover {
    background: #eee;
  }
h2 {
  font-size: 30px;
  letter-spacing: -1px;
}
ul{
	list-style-type: disc;
	margin-left:25px;
}
p{
	margin-bottom:10px;
}
a{
	text-decoration:none;
	color:#222
}
a:link,a:visited{
	color:#007DAF;
}
strong{
	font-weight:bold;
}
select{
	margin:10px 0
}
input,textarea{
	padding:5px;
	padding:3px;
}
small{
	font-size:11px;
	color:#333
}
blockquote{
	border:1px solid #ccc;
	display:block;
	padding:15px;	
}
.txt{
	width:250px;
}
/* BUTTON */
input.item-add-button{
	display:block;
	height:20px;
	text-indent:-9000px;
	width:70px;
	background:transparent url(images/btn-buy.png) no-repeat scroll top left;	
	text-align:center;
	margin:0 auto;
	border:none;
}
input:hover.item-add-button{
	background-position: bottom left;
}
input.item-update-button{
	display:block;
	height:20px;
	text-indent:-9000px;
	width:70px;
	background:transparent url(images/btn-update.png) no-repeat scroll top left;	
	text-align:center;
	margin:0 auto;
	border:none;
}
input:hover.item-update-button{
	background-position: bottom left;
}
/* ENQUIRY TEMPLATE */
ul#enquiry_product{
	list-style-type:none;
	margin:0;
}
ul#enquiry_product li{
	float:left;
	width:235px;
}
a.enquire, a:visited.enquire {
	display:block;
	text-align:center;
	margin:0 auto;
	color:#222;
	padding:5px 0;
}

a:enquire.buy {
	background-position: bottom left;
}
table{
	border-collapse:collapse;
	border:none
}
th{
	padding:10px 8px;
	width:300px;
	border-bottom:2px solid #ccc;
	font-weight:bold;
}
td{
	border:1px solid #ccc;
	padding:5px 10px;
	width:300px;
	vertical-align: top;
	text-align: left	
}
td.remove{
	width:40px;
}
/* HEADER */
#header-wrapper{
	width:100%;
	margin:0 auto;
	height:60px;
	position:relative;
	z-index:4;	
}
#header{
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:2;	
	padding:0 15px;
	height:58px;
}
#header h1{
	background:transparent url(images/ict-learning-sdn-bhd-logo.jpg) no-repeat;
	width:442px;
	height:58px;	
	float:left;
}
#header h1 a{
		display:block;
		float:left;
		height:58px;
		opacity:0.8;
		text-indent:-9000px;
		width:442px;	
}
#header h1 a:hover{
	background:transparent
}
#header-menu{
	float:right;
	width:530px
}
	/* TOP MENU */
	.header-top-menu{
		float:right;
		line-height:22px;
	}
	.header-top-menu li{
		display:inline;
		float:left;
		font-size:1em;
		position:relative;
		border-left:none;

	}
	.header-top-menu li.page-item-14{
		border-left:1px solid #969799;
		border-right:1px solid #969799

	}
	.header-top-menu li a{
		padding: 5px 10px;
		font-size:12px;
		font-weight:bold;
	}
	.header-top-menu li.page_item ul{
		display:none;
	}

	/* CATEGORY BREADCRUMB AKA MENU */
	#target-audience-menu{
			height:50px;
			position:absolute;
			top:-89px;		
	}
	
	#target-audience-menu ul{
		margin:0;
	}
	#target-audience-menu li{
		display:block;
		float:left;

		padding:10px 0
	}
	#target-audience-menu li a:hover,
	#target-audience-menu li.current-cat a{
		background-image: url(images/level_menubar_grey.png);
	}	
	#target-audience-menu li a{
		display:block;
		float:left;
		height:59px;
		text-indent:-9000px;
		width:190px;
		background:transparent url(images/level_menubar_white.png) no-repeat scroll 0 0;
	}
	#target-audience-menu li.cat-item-6 a{
		background-position: -190px 0
	}
	#target-audience-menu li.cat-item-7 a{
		background-position: -642px 0
	}	
	#target-audience-menu li.cat-item-8 a{
		background-position:-378px 0;
		width:268px;
	}	
	/* VIDEO TUTORIALS */
	.tutorial_videos_wrapper{
		float:left;
		width:530px;
	}
	.tutorial_videos{
		float:left;
		margin:0 60px 0 0;
		padding:0 0 12px;
		width:114px;
	}
	.tutorial_videos a,
	.tutorial_videos a:link,
	.tutorial_videos a:visited{
		color:#3A377F;
	}
	.courses_rotator .courses_thumb h3{
		float:left;
		clear:both;
		width:100%
	}
	.courses_rotator .courses_thumb .courses_video{
		float:left;
		width:240px;
	}
	.courses_rotator .courses_thumb div.courses_video strong{
	}
	.courses_rotator .course_content{
		display:none;
	}
	.courses_rotator .courses_main{
		background:transparent;
		color:#000;
		float:right;
		overflow:hidden;
		position:relative;
		width:400px;	
		position:relative;
		z-index:100;
		font-size:14px;
		font-weight:bold;	
	}
	.courses_rotator .courses_main img{
		background:#FFFFFF none repeat scroll 0 0;
		float:left;
		padding:5px;	
		margin-bottom:20px;
	}
	.courses_rotator .courses_main .block{
		float:left;
		padding:0;
		width:400px;
		text-align:center;
		height:auto
	}
	
	/* CONTENT */
	.post-edit-link{
		color:green;
		text-transform:uppercase;
		float:left;
		clear:both;
		font-size:11px;
		padding:10px 0;
		text-decoration:underline;
	}
	.more{
		color:#0096D5
	}
	.hide{
		display:none;
	}
	.entry h2 {
		color:#08066B;
		font-size:22px;
		font-weight:bold;
	  letter-spacing: -1px;
	}
	.entry h3 {
	  font-size: 18px;
	  letter-spacing: -1px;
	  margin:18px 0 9px
	}	
	#section-wrapper{
		width:100%;
		overflow:hidden;
		padding:0;
		position:relative;
		z-index:1;	
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto;	
		background:transparent url(images/top-grey.png) repeat-x top left;
	}
	#section-wrapper #section .home{
		margin-top:20px;
		float:left;
	}
	#section-wrapper  #content{
		margin-top:65px;
	}
	#section-wrapper a{

	}
	#section-wrapper .postmetadata a{
		color:#0096D5
	}
	#section{
		width:980px;
		margin:0 auto;
		position:relative;
		z-index:2;	
		padding:0 15px;
	}
	#section .narrowcolumn{
		width:645px;
		float:left;
	}
	.post{
		float:left;
		margin-bottom:25px;
	}
	.alignleft{
		float:left;
		margin-right:15px;
		padding:5px;
	}
	.alignright{
		float:right;
		margin-left:15px;
		padding:5px;		
	}
	#slide{
		float:left;
		height:203px;
		margin:10px;
		width:620px;
	}	
	
	.box-1{
		width:320px;
		float:left;
		height:204px;
		overflow:hidden;
		text-align:left;
		position:relative;
	}

	.box-2{
		width:620px;
		float:left;

		height:204px;
		overflow:hidden;
		margin:0 10px;
		position:relative;	
	}
	.box-3{
		width:320px;
		float:left;
		height:226px;
		overflow:hidden;
		margin-top:15px;
		position:relative;	
	}
	#special-offer{
		float:right;
		height:191px;
		text-align:center;
		margin-top:10px;
		width:320px;
	}
	#search-box{
		float:right;
		width:320px;
		height:20px;
		margin:10px 11px 0 0;
	}
	#browse-level{
		background:transparent url(images/browse_learning_level.png) no-repeat;
		float:right;
		height:175px;
		overflow:hidden;
		padding:10px 1px 8px;
		position:relative;
		text-align:left;
		width:319px;
	}
	#learn-english-online{
		background: transparent url(images/learn-english-online.png) no-repeat 0 0;
		width:215px;
		height:201px;
		overflow:hidden;
		position:relative;
	}
	#lifelong-learning{
		background: transparent url(images/life-long-learning.png) no-repeat 0 0;
		width:215px;
		height:201px;
		overflow:hidden;
		position:relative
	}
	#science-math{
		background: transparent url(images/science-maths.png) no-repeat 0 0;
		width:215px;
		height:201px;
		overflow:hidden;
		position:relative
	}	
	#payment-methods{
		background: transparent url(images/payment-methods.png) no-repeat 0 0;
		margin-left:7px;

		display:block;
		float:left;
		height:165px;
		text-indent:-9000px;
		width:321px;			
	}
	.boxcaption{
		float:left;
		left:8px;
		position:absolute;
		top:38px;
		width:200px;
	}
	.boxcaption p{
		line-height:16px;
		margin:2px 5px;
	}
	.boxcaption a:link,
	.boxcaption a:visited{
		color:#000;
	}
	.boxcaption-specific-solution{
		top:46px;
		float:left;
		opacity:0.8;
		position:absolute;
		right:17px;
		width:583px;	
	}
	.boxcaption-specific-solution p{
		font-size:16px;
		font-weight:bold;
		line-height:16px;
		margin:15px 5px;
	}
	/* FIND YOUR SPECIFIC SOLUTION */
	#find-your-specific-solution{
			width:639px;
			height:164px;
			overflow:hidden;
			position:relative;	
			background: transparent url(images/find-your-specific-solutions.jpg) no-repeat;
		
	}

	#specific-solution{
		list-style-type:none;
		margin:35px 0 0 0;
		
	}
	#specific-solution li{
	}
	#specific-solution li.last{
		border:none;
	}
	#specific-solution li a{
		display:block;
		font-weight:bold;
		line-height:33px;
		padding:0 0 0 55px;
	}
	#specific-solution li a:hover{
		color:#003E79
	}
		/* CONTACT US */
		#mapsidebar{
			float:left; 
			width:300px;
		}
		.mapimage{
			float:left;
			width:208px;
		}
		/* ENQUIRY & SIGNUP FORM */
		#enquiry_form,
		#signup_form{
			float:left;
			padding:15px;
			border:1px solid #ccc;
			position:relative;
		}
		#signup_form{
			width:470px;
		}
		#enquiry_form p,
		#signup_form p{
		}
		#enquiry_form .txt,
		#signup_form .txt{
			width:460px;
		}
		#enquiry_form p strong,
		#signup_form p strong{
			float:left;
			width:190px;
		}
		#enquiry_submit{
			text-transform:uppercase;
			font-size:12px
		}
		#signup_submit{
			display:block;
			margin:0 auto;
			padding:5px 15px;
		}
		#enquiry_form small,
		#signup_form small{
			font-size:11px;
		}
		#enquiry_form .statement,
		#signup_form .statement{
			margin-top:5px;
			padding:5px 0;
			font-size:11px;
			border-top:1px solid #D1DDDF;
		}
		.error,#enquiry_form .error,
		#signup_form .error{
			border:1px solid #FFDFE7;
			background:#FFEFF3
		}
		/* TEMPLATE PAGE PRODUCT */
		.category-learning-english h2,
		.category-science-math h2{
			color:#08066B;
			font-weight:bold;
			font-size:22px;
		}
		.category-learning-english h3,
		.category-science-math h3{
			font-weight:normal;
		}
		.entry h4
		{
			font-weight:bold;
			font-size:14px;
			border-bottom:1px solid #222;
			margin:15px 0 10px;
		}	

		.solution-left-sidebar{
			float:left;
			width:230px;
			text-align:left;
			padding:5px 0;
			background:transparent url(images/bglt.png) no-repeat scroll 0 0;
			
		}		
		.solution-left-sidebar .solution-left-sidebar-content{
			background:transparent url(images/bgll.png) repeat-y scroll 0 0;
			text-align:center;
			padding-bottom:1px;
		}
		.solution-left-sidebar .solution-left-sidebar-content img{
			margin-bottom:15px
		}
		.solution-left-sidebar .solution-left-sidebar-content p{
			padding:0 10px;
			text-align:left;
			margin:0;
		}
		.solution-left-sidebar .solution-left-sidebar-content ul{
			text-align:left;
			margin-bottom:15px;
		}
		.solution-left-sidebar .solution-left-sidebar-bottom{
			background:transparent url(images/bglb.png) no-repeat scroll 0 0;
			height:33px;
		}		
		.solution-left-sidebar h3{
			background:transparent url(images/bgt.png) no-repeat scroll 50% 0;
			color:white;
			font-weight:normal;
			line-height:25px;
			padding:0 15px;
			text-align:left;
			margin-bottom:5px;
			font-size:11px;
			text-transform:capitalize;
		}
		.solution-left-sidebar .current_page_item a{
			color:#003e79;
		}
		.solution-right-sidebar{
			width:190px;
			text-align:left;
			float:right;
			background:transparent url(images/bgrt.png) no-repeat scroll 0 0;
			text-align:left;
			padding:5px 0;
		}
		.solution-right-sidebar hr{
			color:#ccc;
			margin:0 15px;
		}
		.solution-right-sidebar .solution-right-sidebar-content{
			background:transparent url(images/bgrl.png) repeat-y scroll 0 0;
			text-align:center;

		}
		.solution-right-sidebar .solution-right-sidebar-content ul{
			text-align:left;
		}		
		.solution-right-sidebar .solution-right-sidebar-bottom{
			background:transparent url(images/bgrb.png) no-repeat scroll 0 0;
			height:33px;

		}		
		.solution-right-sidebar h3{
			background:transparent url(images/bgtt.png) no-repeat scroll 50% 0;
			color:white;
			font-weight:normal;
			line-height:25px;
			padding:0 13px;
			text-align:left;
			margin-bottom:15px;
			font-size:11px;
			text-transform:capitalize;
		}		
		.solution-right-sidebar-content td{
			border:none;
			font-size:11px;
			line-height:11px
		}
		.checkout-wrapper{
			float:left;
			margin:0 15px;	
			width:700px
		}
		.checkout-wrapper th{
			border:none;
		}
		.solution-wrapper{
			float:left;
			margin:0 15px;
			width:530px;
		}
		.solution-package{
			background-color:#F4F4F4;
			border:1px solid #DDDDDD;
			font-size:11px;
			margin-bottom:30px;
			overflow:hidden;
			padding:10px 10px 5px;
			text-align:center;	
			margin:15px auto;
			width:140px;
		}
		.solution-package p.months{
			color:#094CA7;
			font-size:13px;
		}
		.solution-package p.price{
			color:#EC000C;
			font-weight:bold;
			font-size:13px;
		
		}		
	/* CATEGORY-PRODUCT */
	.product-caption-wrapper{
		width:240px;
		float:left;
		position:relative;
		padding:5px;
		margin-right:10px;
		margin-bottom:10px;
		border:1px solid #ccc;
		background:#fff url(images/bgprod.png) no-repeat left bottom;
		height:334px;
	}
	.product-list-image{
		float:left;
		width:240px;
		padding:0 ;	
		height:190px;		
		
	}
	.product-list-image a{
		display:block;
		float:left;
		width:200px;
	}
	.product-caption-info h3{
		text-align:center

	}
	.product-caption-info p{
		clear:both;
	}
	.product-caption-info label{
		float:left;
		width:120px;
		font-weight:bold
	}
	.product-caption-demo{
		float:left;
		width:200px;
	}
	.product-caption-image{
		background-color:#F4F4F4;
		border:1px solid #DDDDDD;
		font-size:11px;
		font-style:italic;
		margin-bottom:30px;
		overflow:hidden;
		padding:20px 20px 15px;
		text-align:center;		
	}
	.product-caption-details .product-caption-details-btn{
		bottom:5px;
		padding:2px 8px;
		position:absolute;
		right:5px;
	}
	.product-caption-details .product-caption-details-btn a{
		color:white;

	}
	/* THUMB */
	.thumb{
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		padding:10px 10px; 
		border:1px solid #ccc;
		width:120px;
		height:auto;
		background:white;
	}
#placement_test{
	margin:10px;
}
#placement_test th,
#placement_test td{
	border:1px solid #ccc;
}
#placement_test th{
	background:#eee;
}
/* SIDEBAR */
#sidebar{
	float:left;
	width:310px;
	margin-left:25px;
}
/* FOOTER */
#footer-wrapper{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding: 0 0 25px;
	color:#222;
	font-size:11px;
	background:transparent url(images/bg-footer.png) repeat-x scroll 0 100%;
	font-family:Tahoma,Arial,sans-serif;
}
#footer-wrapper a:link,
#footer-wrapper a:visited{
	font-weight:bold;
	color:#222
}
#footer{
	width:990px;
	margin:0 auto;
	position:relative;
	z-index:2;	
	padding:0;
}
#footer-left{
	float:left;
	width:600px
}
#footer-right{
	float:right;
}
.footer-logo{
	height:35px;
	line-height:35px;
}
#footer-right #fb{
	display:block;
	float:left;
	height:26px;
	opacity:0.8;
	text-indent:-9000px;
	width:87px;	
	background:transparent url(images/facebook.png) no-repeat scroll 0 0;
	
}
#footer-right #tw{
	display:block;
	float:left;
	height:19px;
	opacity:0.8;
	text-indent:-9000px;
	width:87px;	
	background:transparent url(images/twitter.png) no-repeat scroll 0 0;
	margin-left:25px;
}
.fold strong{
	font-weight:normal
}
/* ACCORDION */
h4.acc_trigger {
	margin: 0 0 5px 0;
	height: 30px;	
	line-height: 30px;
	border:1px solid #ccc;
	width: 490px;
	float: left;
}
h4.acc_trigger a {
	color: #000;
	text-decoration: none;
	display: block;
}
h4.acc_trigger a:hover {
	color: #ccc;
}
h4.acc_trigger a,
h4.acc_trigger a:hover{ 
	background:transparent url(images/icon_plus.png) no-repeat 98% 50%;
	color:#000}
h4.active a,
h4.active a:hover{
	background:transparent url(images/icon_minus.png) no-repeat 98% 50%;
	color:#000
}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	clear: both;
}
.acc_container_open{
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	clear: both;	
}
.block{
	float:left;
}
.entry h4.ourclients{
	background: #E0E1E3 none;
	padding:0 0 0 16px;
	border:1px solid #CCCCCC;
	float:left;
	height:30px;
	line-height:30px;
	margin:10px 0 5px;
	width: 510px;
	border:none;
}
.blockourclients {
	width:510px;
	float:left;
}
ul.blockourclients{
	margin:0
}
.blockourclients li{
	float:left;
	list-style-type:none;
	text-align:center;
	width:170px;
	height:140px;
}
.blockourclients li a {
	display:block;
	font-size:11px;
	padding:0 20px;
	line-height:13px;	
}
.blockourclients li img{
	display:block;
	margin:0 auto;
}
.blockourclientslist{
	width:510px;
	float:left;	
}
.blockourclientslist li{
	float:left;
	margin:0 5px 0 0;
	width:250px;
}
#cse-search-box{
clear:both;
float:right;	
}
#cse-search-results {
	background-color:#FFFFFF;
	padding:10px;
	width:510px;
}
#cse-search-box{
	clear:both;
	float:right;
	height:18px;
	position:relative;	
}
#search-right-sidebar{
	float:right;
	padding:5px 0;
	text-align:left;
	width:190px;	
}
#search-right-sidebar .google-search-inputs{
	background:transparent url(images/moreshortsearch.jpg) no-repeat scroll left top;
	width:184px;
	height:18px;
	margin:0;
	padding:0 3px
}
.google-search-button{
	cursor:pointer;
	height:18px;
	text-indent:-9999px;
	width:38px;	
	border:none;
	background:none;
	position:absolute;
	right:0;
	
}
.google-search-inputs{
	background:transparent url(images/search.png) no-repeat scroll left top;
	cursor:pointer;
	height:13px;
	width:294px;	
	border:none;
	float:left;
	font-size:11px;
}
/* product list */
table.tbl{
	
}
table.tbl td{
	border:none;
	border-bottom:1px solid #ccc;
	
}

th.tbl_img,
td.tbl_img{
	width:152px;
	padding:10px 0;
}
th.tbl_name,
td.tbl_name{
	width:144px;
	padding:10px 0;
	
}
th.tbl_lvl,
td.tbl_lvl{
	padding:10px 0;
	text-align:left;
	width:122px;
	
}
th.tbl_dtl,
td.tbl_dtl{
	width:70px;
	padding:10px;
	
}
th.tbl_img,
th.tbl_name,
th.tbl_lvl,
th.tbl_dtl{
	background-color:#ccc;
	text-align:center;
	padding:0 10px
}
/* TESTIMONIAL ARCHIVE PAGE */
.testimonials-wrapper{
	float:left;
	width:530px;
	border-bottom:1px solid #ccc;
	padding-top:15px;
	padding-bottom:15px
}
.testimonials-caption-info{
	float:left;
	width:440px;
}
.testimonials-list-image{
	width:82px;
	height:98px;
	float:right;
}
.blocksupport{
	float:left;
	width:530px;
	padding: 15px 0;
	border-bottom:1px solid #ccc;
}
h3.career_h{
	border:1px solid #CCCCCC;
	float:left;
	height:30px;
	line-height:30px;
	margin:0 0 5px;
	width:513px;	
	background:#E0E1E3;
	padding-left:15px
}
.mailto{
	padding-left: 22px;
	background: transparent url(images/email.png) no-repeat 0 50%;
	float:left;
	width:530px;
}
ul.footer_links {
	float:left;
	position:relative;
	right:-8px;
	margin:0;
}
ul.footer_links li.first {
	border:medium none;
	padding-left:0
}
ul.footer_links li{
	border-left:1px solid #B0B0B0;
	display:inline;
	font-size:11px;
	line-height:11px;
	padding:0 8px 0 12px;	
}
/* mini cart */
#cart_mini{
	margin-top:20px;
}
#cart_mini, #cart_mini a{
	font-size:11px;
	padding:0
}
#cart_mini ul{
	margin:0
}
#cart_mini_left{
	float:left;
	padding-top:6px
	
}
#cart_mini_left strong{
	font-size:30px;
	font-weight:normal;
	font-family:Verdana;
	background: transparent url(images/icon_cart.png) no-repeat 0 50%;
	padding-left:35px;
}
#cart_mini_right{
	float:right;
	width:200px;
	padding:0 0 0 10px;
}
#cart_mini_right li{
	line-height:5px;
	padding-right:10px;
}
/* scroll top */
#box-top{
	display:block;
	clear:both;
}