/*   

Theme Name: Wakili

Description: A website special design for Wakili. Design by PCT, copyrighted.

Author: PCT - Production

Version: version 7.0.7.7

/*********** Begin Sturcture **********/

.mail-listing {font-size:10px; color:#bbb; margin-left:10px;}
ol.delete-listing {padding-left:0; margin-left:30px;}
.delete-btn {background:url('img/page/member/delete-btn.png') no-repeat; width:67px; height:23px; border:0; cursor:pointer;}
ol.delete-listing li {border-right:1px dotted #fff; border-bottom:1px dotted #E3E3E3;font-family:verdana;margin:2px;padding-bottom:2px;padding-right:2px;padding-top:2px;}
#delete-form {padding-left:10px;
position:absolute;
right:-35px;
top:152px;background:#fff}
.l30 {margin-left:30px; text-decoration:none;}
div.bubbleInfo p.trigger { margin:10px 0;}
.textfield {margin-bottom:6px; margin-left:6px;}
#submit2 {background:url("img/page/contacts/submit.png") no-repeat scroll 0 0 transparent;
border:0 none;
bottom:19px;
height:24px;
position:absolute;
right:10px;
width:86px;}

.backtologin {margin-top:20px;}

.alignright {text-align:right;}

.alignleft {text-align:left;}

ul.missing li {background:url('img/page/register/warning.gif') no-repeat; margin:8px 0;
padding-left:26px;}
ul.missing {position:absolute; left:0; color:#FF0000; top:100px;}

ul#home-news li {text-decoration:underline;}

a {color:#0c3d99;}

.under {height:50px;
padding:100px;
text-align:center;
width:560px;}

.member-page-outline {height:330px; width:660px;}

#design-btn {left:370px;
position:absolute;
top:90px;}

#download-btn {left:220px;
position:absolute;
top:200px;}

#forum-btn {left:120px;
position:absolute;
top:90px;}

.registertable {margin-top:55px; margin-left:23px; width:340px;}

.reset-btn {background:url('img/page/register/reset-btn.png') no-repeat; width:57px; height:23px; border:0; cursor:pointer;}
.register-btn {background:url('img/page/register/register-btn.png') no-repeat; width:67px; height:23px; border:0; cursor:pointer; margin-top:3px;}
.login-btn { float:right; background:url('img/page/login/login-btn.png') no-repeat; width:57px; height:23px; border:0; cursor:pointer;}

.login-margin {margin:0 8px 0 15px; _margin:0 8px 0 0px;}

.float {float:left;}

#loginForm { padding:50px 0 0 0;}

#register-box {background:url('img/page/register/box-bg.png') no-repeat; width:382px; height:253px;margin:30px 50px 50px 160px;}
#login-box {background:url('http://www.uniformsupplier.com.my/wp-content/uploads/2010/03/box-bg.png') no-repeat; width:260px; height:184px;margin:30px 50px 50px 200px;}

#output {margin-top:20px; height:643px;}

#checkmore {position:absolute; right:0;bottom:0;}

#thumbnails { width:660px; display:inline-block; position:relative;}
#thumbnails img {float:left; margin-right:17px; margin-bottom:5px;}

#side-outline img {float:left; margin-right:18px;}
#side-outline {margin-top:15px;}

#sidetitle {border-bottom:1px solid #e6e6e6; margin-top:-18px;}

.sidetitle1 {font-size:24px; font-weight:bold; font-family:Tw Cen MT, arial;}
.sidetitle2 {font-size:12px; font-weight:bold;}

#products-list img{ float:left; margin-bottom:20px; margin-right:7px;}
#products-list {width:685px;}

#c5-procedure {background:url('http://www.uniformsupplier.com.my/wp-content/uploads/2010/03/5c-procedure.png') no-repeat center 0; width:660px; height:170px;}

.closepadding {padding:0 !important;}
.closemargin {margin: 0 !important;}

h3 {margin:13px 0 0 0;}

p.address {margin:0 0 8px;}
.map a {color:#0c3d99; text-decoration:none;}
.map {margin:0;}
p.tel, p.email, p.fax {margin:0; padding-left:24px;}

p.email {background:url('img/page/outlet/email.png') no-repeat 0 3px;}
p.tel {background:url('img/page/outlet/tel.png') no-repeat 0 3px;}
p.fax {background:url('img/page/outlet/fax.png') no-repeat 0 3px;}ul.fran li {background:url('img/page/bullet.gif') no-repeat 17px 8px;padding-left:48px;}

ul li {background:url('img/page/bullet.gif') no-repeat 7px 8px;padding-left:38px;}

.download {bottom:113px;
position:absolute;
right:16px;}

#flow {width:672px; height:564px; background:url('img/page/fran/flow.jpg') no-repeat; position:relative;}

ul {padding:0; margin:10px 0; list-style-type:none;}

.box-title {background:#fff7cd; padding:3px; padding-left:16px;}

#fran1 {margin-top:15px;
width:660px;}

.form-title {left:30px;
position:absolute;
top:5px;}

#submit {background:url('img/page/contacts/submit.png') no-repeat; width:86px; height:24px; border:0; cursor:pointer;}

table#contact-form-outline {left:30px;position:absolute;top:63px;}

#contact-form table td {height:20px;}

.field1 {/*background:url('img/page/contacts/input-bg.png') no-repeat;*/ width:236px; border:1px solid #aaaaaa;padding:5px;}

#others {/*background:url('img/page/contacts/input-bg.png') no-repeat;*/ width:236px; border:1px solid #aaaaaa;padding:5px;}.field2 {/*background:url('img/page/contacts/areainput-bg.png') no-repeat;*/ width:236px; padding:5px;border:1px solid #aaaaaa; height:106px; overflow:auto;}

#contact-form {background:url('img/page/contacts/form-bg.png') no-repeat; width:563px; height:273px;position:absolute;
right:0;
top:40px;}

#contact-info {margin-top:15px;margin-bottom:25px; float:left;}
table#contact-info tbody tr td{padding:3px 5px 10px 12px; }

.contacts-title {background:#ffd503; padding-bottom:3px !important; font-weight:bold;}

li {font-size:12px; font-family:arial;line-height:18px;}

textarea #content {height:500px;}

.box-content {float:left;
margin-right:18px;
width:310px;}

.box-content2 {float:left;
margin-right:15px;
width:210px; padding-bottom:25px;}

.box-outline {margin-top:15px; width:660px;clear:both; padding:10px 0 0;}

.tab-spacing {padding-left:30px;}

#company-pic {float:left;
margin-right:20px;}

#content {width:960px; position:relative; margin:0 auto;}

#contact-page-content {width:960px; position:relative; margin-top:12px;}
#page-content {width:660px; position:relative; margin-top:0px;}

#sidebar {width:242px;  background:url('img/page/sidebar-bg.png') no-repeat ;position:relative;position:absolute;right:3px;top:5px;}
#sidebar2 {width:242px;  background:url('img/page/sidebar-bg.png') no-repeat 0 155px;position:relative;position:absolute;right:3px;top:5px;}
#sidebar3 {width:242px;position:relative;position:absolute;right:3px;top:5px;}
.sidebar-table {font-size:12px; font-family:arial; margin-left:55px;}
.sidebar-title {background:#ffd503; font-size:8px; font-family:verdana; padding:4px; height:7px;}

#go {bottom:40px;
left:610px;
position:absolute;
z-index:1;}

#readmore {bottom:40px;
left:206px;
position:absolute;z-index:1;}

#hand {border-top:1px solid #E6E6E6;padding-left:13px; padding-top:12px;}

#home-news {
font-size:12px;
line-height:18px; margin:10px 0;}

#home-ourproduct {margin-top:7px;}

.blue {color:#020a6f;}

#copyright {width:290px; margin-top:4px !important}

#footer-menu {width:480px;}
#footer-content p {background:#fff; padding:5px;font-size:10px; color:#000; margin:0; padding:2px;}
#footer-content p a {margin:0 3px;font-size:10px; color:#000; text-decoration:none;}
#footer-content {clear:both; width:960px; margin:0 auto;}

#footer {padding-top:18px; clear:both; background:url('img/footer/footer-bg.jpg') repeat-x; height:62px; margin-top:15px;}

#content1 {width:310px; position:absolute; height:300px; }
#content2 {width:338px; position:absolute; height:300px; left:340px;}
#content3 {width:270px; position:absolute; left:700px;}

#home-content {height:360px;width:960px; position:relative; margin:0 auto; }

#banner { margin:0 auto; width:960px;}

#menu2 a:hover {color:#666;}

#menu2 {position:relative;position:absolute;
right:10px;
top:20px;}

.menu2 {background:url('img/header/menu2-bg.gif') no-repeat 0 6px;color:#000000;
font-size:11px;
margin-left:7px;
padding-left:7px;
text-decoration:none; font-weight:bold;}

#logo {left:0;
position:absolute;
top:14px;}

#header {height:103px;width:960px; margin:0 auto; background:url('img/header/header-bg2.jpg') no-repeat; position:relative;}

#menu {position:absolute; right:0px; bottom:34px;}

.menu {height:26px; width:74px; float:left; margin:0 13px;}
#company-btn {background:url('img/header/company.png') no-repeat;}
#products-btn {background:url('img/header/products.png') no-repeat;}
#service-btn {background:url('img/header/service.png') no-repeat;}
#outlets-btn {background:url('img/header/outlet.png') no-repeat;}
#career-btn {background:url('img/header/career.png') no-repeat;}
#events-btn {background:url('img/header/events.png') no-repeat;}
#franchise-btn {background:url('img/header/franchise.png') no-repeat;}

#company-btn:hover {background:url('img/header/company-hover.png') no-repeat;}
#products-btn:hover {background:url('img/header/products-hover.png') no-repeat;}
#service-btn:hover {background:url('img/header/service-hover.png') no-repeat;}
#outlets-btn:hover {background:url('img/header/outlet-hover.png') no-repeat;}
#career-btn:hover {background:url('img/header/career-hover.png') no-repeat;}
#events-btn:hover {background:url('img/header/events-hover.png') no-repeat;}
#franchise-btn:hover {background:url('img/header/franchise-hover.png') no-repeat;}

a {cursor:pointer;}
p {line-height:18px;color:#000000;font-size:12px; text-align: justify; margin-bottom:16px;}
img {outline:none;border:0;}
#img-preload {display:none;}body { background:#fff url('img/body-bg.jpg') repeat-x;
	margin: 0 auto;
}/*********** End Structure **********/

/*********** Begin General Setting **********/

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-color: #000000; 
}

h1 {
        color:#666666;
        font-size:170%;
        font-weight:bold;
        margin:0;
        padding:0;
}

h2 { clear:both; 
        color:#0c3d99;
        font-size:14px;
        font-weight:bold; font-family:arial;
        margin:0;margin-top:12px;
        padding:0; background:url('img/page/title-bullet.png') no-repeat 0 3px; padding-left:17px; border-bottom: 1px solid #e6e6e6; padding-bottom:10px;
}

/*********** End *********/
.package-post {
border-bottom:1px solid #bdbdbd;
margin:0 0 10px;
}
#event {
	margin:10px 0 0 18px;
}
#event h3 {	
	font-weight:normal;
	font-size:120%;
	margin:15px 0;
}

#event img {
	margin-right:5px;
}
#logodl {
	width:680px;
}
#logodl p {
	background:#ffd503; 
	width:630px; 
	margin:0 0 5px 3px; 
	padding:2px 0 2px 5px; 
	text-align:left;
	font-size:14px;
}
#logodl p a {
	text-decoration:none;
}
#logodl p a:hover {
	text-decoration:underline;
}
#logodl h3 {
	width:150px;
	float:left;
	color:#0C3D99;
	padding:17px 0 0 3px;
	margin:0;
	font-weight:normal;
	font-size:10px;
	color:#000000;
}
#logodl table tr td {
	width:200px;
	height:200px;
	padding:0 20px 20px 0;
}
a { outline:none;}
#logodl ul {
	margin:0 0 25px 0; padding:0; display:inline-block;
}
#logodl ul li {
	list-style-type:none;
	margin:0 20px 20px 0;
	float:left;
	width:200px;
	height:200px;
	background:none;
	padding:0;
}
#logodl a#btt {
	margin:0 0 0 556px;
	display:block;
	width:104px;
	height:20px;
	background:url(img/page/logo/img-01.png) no-repeat;
}
#services img {
	padding:0 0 0 200px;
}
#pageNavPosition { text-align: right; padding:15px 44px 0 0; float:right; width:400px;}
.pg-selected { color:#FFD503; text-decoration:underline; margin:0 2px;}
.pg-normal { color:#666666; cursor:pointer; margin:0 2px;}
.pg-normal:hover { color:#000000;}

#logo-cat table tr td {
	width:200px;
	height:250px;
	padding:0 20px 20px 0;
}
#logo-cat table tr td a { outline:none;}
a.email-side { text-decoration:none;}
a.email-side:hover { text-decoration:underline;}
#franchise-application-form { padding:20px 18px 0;}
#franchise-application-form tr td { padding:0 15px 10px 0;}
input.style1 { width:380px; height:20px;}
textarea.style1 { width:380px; height:100px;}

#carea-cat { padding:50px 0 50px 65px; display:inline-block;}
#carea-cat a { display:block; float:left; width:251; height:87px; margin:0 20px 20px 0;}

#feedback_form tr td { padding:0 0 7px 0;}
.err-msg { color:#ff0000;}
.nml-msg { color:#000000;}
input.style11 { width:250px; height:18px; font-size:13px;}
textarea.style12 { width:250px; height:100px; font-size:13px;}
#delete_user tr td { border-bottom:1px dotted #0C3D99;}
#add_user tr td { padding-bottom:7px;}
#visitor { display:inline-block; float:right; padding:10px 15px; background:white;}
.shownormal { display:inline; color:#000000; font-size:12px;}

.show { display:inline; color:#999999; font-size:12px;}

.hide { display:none;}
#enquiry-form { width:563px; float:right; margin-top:10px;}

#enquiry-form-head { width:533px; height:30px; padding:20px 0 0 30px; background:url(img/page/contacts/01.jpg) no-repeat; font-weight:bold;}

#enquiry-form-content { width:423px; padding:15px 70px; display:inline-block; background:url(img/page/contacts/03.jpg) repeat-y;}

#enquiry-form-content table { width:396px;}

#enquiry-form-content table tr td { vertical-align:top; padding:0 0 5px;}

#enquiry-form-content table tr td p { padding-top:3px; margin:0;}

.field3 { border:1px solid #aaaaaa; width:246px; margin-bottom:5px;}