/*------------------------------------------
2 Column Template
created by: Jordan J. S. Chavez
on January 2009 for flashcards.com.sg
----------------------------*/
/*Initialization*/
/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script,hr { margin:0; padding:0; }
a img,:link img,:visited img,fieldset { border:none; }
/* ----------------------
   global elements & classes
 * ---------------------- */
 h1{font-size: 1.7em; color:#FFF404; padding:5px 10px 5px 25px;}
 h1#home_title{background: url(../imgs/bg/home.jpg) top-left no repeat; display:block; width:98px; height:41px;}
/* h1#home span{display:none;}*/
 h1#faq_title{padding:5px 10px 5px 25px;}
 h1#orderinfo_title{padding:5px 10px 5px 25px;}  
 h1.red {font-size: 2.1em; color:#FE0000; padding:5px 10px 5px 10px;}
 h2{font-size: 1.4em; color:#4F04C1; padding: 10px 10px 5px 25px;}
 a{text-decoration:none;font-weight:bold;color:#FFF604}
 a:hover{color:#fff;}
 p{text-align:justify;}
  .blue{color:#4F04C1; }
 .clearer{clear:both;height:1px;}
 .main-table-bottom{background:url(../imgs/bg/main_table_bottom.jpg) bottom no-repeat; height:26px;margin-bottom:-10px;width:577px; clear:both;}
 .small-table-bottom{background:url(../imgs/bg/btm_small_table.jpg) bottom no-repeat; height:34px;margin-bottom:-10px;width:346px;}
 .secondary-bottom{  background:url(../imgs/bg/btn_download_btm.jpg) bottom no-repeat; height:161px;margin-bottom:-10px;width:279px;}
 table.infoTable{background:#4F04C1;}
 .infoTable td{font-size:12px;padding:4px 4px;}
 td.label{color:#000; font-weight:bold; text-align:right; padding-right:10px; background:#FFEAA8;}
 .infoTableHeader{color:#000; background:#FFF404; font-weight:bold; padding:3px 3px;}
  .infoTableHeader2{color:#000; background:#FF8B26; font-weight:bold; padding:3px 3px;}
 .content{color:#000; background:#fff; }


 /*--------------------
   Layout
  *-------------------- */
body { 
	background:url(../imgs/bg/bg.jpg) #4F04C1 repeat-x;
	text-align: center; 
	font: 11px/17px Verdana, "Arial", Helvetica, sans-serif;
	color: #000; 
	_behavior:url("csshover.htc"); 
	}
#wrapper {
	background:url(../imgs/bg/bodybg.jpg) repeat-y;
	width:905px;
	margin:0 auto;
	text-align:center;
	padding:0;
		padding-bottom:20px;	
}
	#header{
	height:163px;
	width:905px;
	padding:0;
	background:url(../imgs/bg/header.jpg) no-repeat;
	margin-top:8px;
	}
	ul#navbar{
	width:905px;
	height:42px;
	background:url(../imgs/bg/navbar.jpg) no-repeat;
	margin-top:-59px;
	}
	ul#navbar li{list-style:none;float:left;display:block;height:42px;}
	#navbar li, #navbar li a{
		height:42px;
		display:block
	}
	#navbar span{display:none;}
		li#nav-001, #nav-001 a{
			background:url(../imgs/bg/navbar/navbar_05_01.jpg) no-repeat;
			width:115px;
		}
		li#nav-002, #nav-002 a{
			background:url(../imgs/bg/navbar/navbar_05_02.jpg) no-repeat;
			width:244px;
		}
		li#nav-003, #nav-003 a{
			background:url(../imgs/bg/navbar/navbar_05_03.jpg) no-repeat;
			width:182px;
		}
		li#nav-004, #nav-004 a{
			background:url(../imgs/bg/navbar/navbar_05_04.jpg) no-repeat;
			width:195px;
		}
		li#nav-005, #nav-005 a{
			background:url(../imgs/bg/navbar/navbar_05_05.jpg) no-repeat;
			width:169px;
		}
		
		#nav-001 a:hover{background:url(../imgs/bg/navbar/hover/navbar_01.jpg) no-repeat;}
		#nav-002 a:hover{background:url(../imgs/bg/navbar/hover/navbar_02.jpg) no-repeat;}
		#nav-003 a:hover{background:url(../imgs/bg/navbar/hover/navbar_03.jpg) no-repeat;}
		#nav-004 a:hover{background:url(../imgs/bg/navbar/hover/navbar_04.jpg) no-repeat;}
		#nav-005 a:hover{background:url(../imgs/bg/navbar/hover/navbar_05.jpg) no-repeat;}
	#main-content{
		margin-top:20px;
		width:905px;

		}
		#primary-content{
			background:url(../imgs/bg/main_table_body.jpg) repeat-y;
			width:577px;
			margin-left:20px;
			text-align:left;
	
			float:left;
			
		
		}
		img#floater-man{position:absolute;width:93px;height:150px;right:5px;bottom:100px;}
		img#logo{position:absolute;top:5px; left:350px;width:175px;height:101px;}
		img#littlegirl{position:absolute;bottom:105px; left:5px;height:198px;width:220px;}
		img#childsmall{height:200px;width:229px;float:right; margin-right:30px; margin-top:20px;}
		#primary-content p{padding:5px 10px 10px 10px; }

		#primary-content h1{padding-top:0; margin-top:0;}
		#primary-content #top{height:27px; background:url(../imgs/bg/main_table_top.jpg) top no-repeat;}
			#small-table{
				background:url(../imgs/bg/body_small_table.jpg) repeat-y;
				width:346px;
				margin-right:10px;
				text-align:left;
				float:right;
				color:#F8F802;
				margin-top:30px;
			}
			#small-table h2{height:42px; background:url(../imgs/bg/why_flash_cards_top.jpg) top no-repeat;}
			#small-table h2 span{display:none;}
			#small-table ul{margin-left:25px;}
			#small-table ul.blue-star li{padding-left:20px;padding-top:5px; background:url(../imgs/bg/bluestar.jpg) left no-repeat; font-size:1.1em; font-weight:bold;}
		#primary-content ol.faq{margin-left:45px; list-style-type:decimal;color:#FFF600;}
		#primary-content ol.faq p{color:#000000}
		#primary-content ol.faq ol{list-style-type:none;color:#000;}
		#primary-content ol.faq li a{color:#FFF600;text-decoration:underline;}
		#primary-content ol.faq li a:hover{color:#fff;}

		#primary-content li.title span{font-weight:bold; }
		#primary-content li.title ul{margin-left:10px; list-style-type:disc; color:#000;}
		#secondary-content{
			background:url(../imgs/bg/body_sidebar.jpg) repeat-y;
			width:279px;
			margin-left:10px;
			text-align:left;
			float:left;
			color:#F8F802;
		}
		#secondary-content p{padding:5px 10px 10px 10px;}
		#secondary-content ul{margin-left:25px;}
		#secondary-content ul.orange-star li{padding-left:20px; background:url(../imgs/bg/orangestar.jpg) left no-repeat; font-size:1.2em;padding-top:5px;}
		ul.orangestar li a{font-weight:bold;}
		#secondary-content h2{height:43px; background:url(../imgs/bg/top_sidebar.jpg) top no-repeat;}
		#secondary-content span{display:none;}
	#footer{
		margin:0 auto;
		background:url(../imgs/bg/bottombg.jpg) top no-repeat;
		height:50px;
		width:905px;
		clear:both;
	}
	ul#footer-bar{display:inline;margin:0 auto;clear:both;}
	#footer ul li{list-style:none;display:inline;color:#fff;}
	#footer ul li a{text-decoration:none; color:#fff;}
	#footer ul li a:hover{color:#FF8B26;}
/*------------SLIDER Jquery-----------*/
#slider-wrapper{height:413px; width:550px;margin-left:15px; }
#slider{width:550px; height:413px;border:5px solid #89B3FB; }
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:564px;
	height:250px;
	overflow:hidden; 
	}
span#prevBtn{float:left;}
span#nextBtn{float:right;}

pre { visibility:hidden; }
code {visibility:hidden; }


.pics { height: 413px; width: 550px; padding:0; margin:0; overflow: hidden }
.pics img { height: 413px; width: 550px; padding: 0px; top:0; left:0 }			
/*------------SLIDER Jquery-----------*/
/*------------SHOP CATEGORIES---------*/
ul#categories{margin-left:15px;width:545px;}
#categories li{text-align:center}
#categories li, #categories li a{float:left;width:111px; color:#4F04C1; padding:10px 5px 5px 5px;}
#categories a{margin:0 auto;}
#categories li a:hover{background: #FFE900; }
a.navlink{color:#666666;margin-left:25px;}
a.navlink2{color:#666666;}
a.navlink2:hover{color:#000;}
a.navlink:hover{color:#000;}
a.addtocart{padding:3px 5px 3px 5px; background:#89B3FB; border:3px solid #FCF602; color:#FCF602; margin:10px 5px 10px 10px;}
a.addtocart:hover{background: #FCF602; border:3px solid #89B3FB; color:#89B3FB;}
p.description{margin-left:10px;padding:5px 10px 10px 25px;font-weight:bold;clear:both; }
h1#packages{background:url(../imgs/ourpackages_title.jpg) top left no-repeat; width:300px; height:49px; display:block;}
h1#shopping_cart{background:url(../imgs/shopping_cart_title.jpg) top left no-repeat; width:250px; height:49px; display:block;}
h1#contact_us{background:url(../imgs/contact_us.jpg) top left no-repeat; width:200px; height:49px; display:block;}
h1 span{display:none;}
#content-table{
	margin-left:16px;
	width:545px;
	background:url(../imgs/table_body.jpg) repeat-y;
	padding-bottom:0;
}
#content-table p{padding:5px 15px 5px 20px;}
#content-top{
	width:545px;
	background:url(../imgs/table_top.jpg) top no-repeat;
	padding-top:15px;

}
#content-bottom{
background:url(../imgs/table_bottom.jpg) bottom no-repeat; 
height:30px;
clear:both;
}
#content-table table{margin-left:15px;}
form#contact{margin-left:25px;}
ul#gallery{margin-left:10px; display:inline;}
ul#gallery li, ul#gallery li a{padding:5px 5px; margin-left:5px; float:left;}
ul#gallery li a:hover{background:#FFEF0E;}
/*------------EO SHOP CATEGORIES---------*/
/*----SHOPPING CART -----*/
table.entryTable a{color:#0066FF;}
table.entryTable a:hover{background:#FEF303;}
table.entryTable{background:#fff;}
table.entryTable td{
	font: 11px Verdana, "Arial", Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	 }
.entryTableHeader{
font-size:14px;
background:#FEF303;
}
tr.content2{background:#ffeaa8; }
table.entryTable a.red{color:#FF0000;}

/*----EO SHOPPING CART -----*/