/*   



Theme Name: Marketing Website v1



Theme URI: www.carinsurancemalaysia.com



Description: A marketing website base on practical concept with following feature - Optimum for service industries, Encourage to make instant inquiry, and emphasize on the professionalism and expertise. Design by Max, PCT sdn.bhd. copyrighted.



Author: PCT - Production



Author URI: www.myweb.com.my



Version: version 1



*/



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



.content-layout1 h2{



margin-left:15px;



}



body {



width: 894px;



margin: auto;



background: url('img/general/bg.png') repeat-x;



font-family: Arial, Helvetica, sans-serif;



font-size: 0.8em;



color: #000000;



}



#header {



width: 894px;



height: 97px;



background-image: url('img/header/header-bg3.jpg');



background-repeat: no-repeat;



}



#content-main {



background: #ffffff;



height: 434px;



}



html>body #content-left {



width: 318px;



min-height: 434px;



background: url('img/content-left/bg.png');



}



* html #content-left {



width: 318px;



height: 434px;



background: url('img/content-left/bg.png');



}



#content-right {



width: 576px;



margin-left: 318px;



margin-top: 97px;



position: absolute;



top: 0;



}



#preload {



display: none;	



}



/*********** End Sturcture **********/



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



p {



margin: 0;



margin-top: 5px;



}



h2 {



margin: 0;



font-family:Verdana, Arial, Helvetica, sans-serif;



font-size: 190%;



color:#1751a3;



}



h3 {



margin:0;



font-family:Arial, Helvetica, sans-serif;



font-size: 100%;



}



h4 {



margin:0;



font-family:Arial, Helvetica, sans-serif;



font-size: 140%;



}



/*********** End General Setting **********/



/*********** Begin Footer **********/



html>body #footer {



width: 894px;



height: 180px;



background: url('img/footer/footer-bg.png');



}



* html #footer {



position:relative;



bottom:32px;



width: 894px;



height: 180px;



background: url('img/footer/footer-bg.png');



}



#footer-layout1 {



width: 894px;



height: 173px;



}



#footer-layout1 .content-layout {



width: 600px;



float: left;



}



* html #nav {



float: right;



height: 10px;



margin-right: 22px;



margin-top: 13px;



width: 209px;



position:relative;



left:20px;



}



html>body #nav {



float: right;



height: 10px;



margin-right: 22px;



margin-top: 13px;



width: 209px;



}



#footer-layout2 {



width: 894px;



display: inline-block;



}



html>body .copyright {



color:#848282;



font-size:85%;



margin-bottom:3px;



width:300px;



float:left;



margin-top:17px;



}



* html .copyright {



color:#848282;



font-size:85%;



position:relative;



bottom:18px;



width:300px;



float:left;



margin-top:10px;



}



#mms-logo {



float:left;

margin-left:390px;

margin-top:10px;

width:200px;



}



#footer-layout1-info p{



padding-top:8px;



padding-left:36px;



}



#footer-layout1-info {



float:left;



width: 580px;



height: 100px;



color:#FFFFFF;



font-size:12px;



margin-top:55px;



}



/*********** End Footer **********/



/*********** Begin Nav **********/



a #procedure-btn {



width: 206px;



height: 36px;



background: url('img/nav/procedure-btn.gif');



margin-top: 2px;



}



a:hover #procedure-btn {



width: 206px;



height: 36px;



background: url('img/nav/procedure-hover-btn.gif');



margin-top: 2px;



}



a:active #procedure-btn {



width: 206px;



height: 36px;



background: url('img/nav/procedure-hover-btn.gif');



margin-top: 2px;



}



a #procedure-btn2 {



width: 206px;



height: 36px;



background: url('img/nav/procedure-clicked.png');



margin-top: 2px;



}



a #insurance-btn {



width: 206px;



height: 36px;



background: url('img/nav/insurance-btn.gif');



margin-top: 2px;



}



a:hover #insurance-btn {



width: 206px;



height: 36px;



background: url('img/nav/insurance-hover-btn.gif');



margin-top: 2px;



}



a #insurance-btn2 {



width: 206px;



height: 36px;



background: url('img/nav/insurance-clicked.png');



margin-top: 2px;



}



a #payment-btn {



width: 206px;



height: 36px;



background: url('img/nav/payment-btn.gif');



margin-top: 2px;



}



a:hover #payment-btn {



width: 206px;



height: 36px;



background: url('img/nav/payment-hover-btn.gif');



margin-top: 2px;



}



a #payment-btn2 {



width: 206px;



height: 36px;



background: url('img/nav/payment-btn2.gif');



margin-top: 2px;



}



a #testimonials-btn {



width: 206px;



height: 36px;



background: url('img/nav/testimonials-btn.gif');



margin-top: 2px;



}



a:hover #testimonials-btn {





width: 206px;



height: 36px;



background: url('img/nav/testimonials-hover-btn.gif');



margin-top: 2px;



}



a #testimonials-btn2 {



width: 206px;



height: 36px;



background: url('img/nav/testimonials-clicked.png');



margin-top: 2px;



}



/*********** End Nav **********/



/*********** Begin Home **********/



#home {



width: 576px;



height: 434px;



background-image: url('img/page/home/home-bg-5.jpg');



background-repeat: no-repeat;



}



#home ul{



margin-top:82px;



margin-bottom:0;



padding-left:0px;



}



#home ul h3{

margin-bottom:12px;



padding-left:17px;

}





#home .content-layout1 {



margin: 0;



padding-top: 15px;



margin-left:32px;



}



#home .content-layout2 {



padding-top: 17px;



padding-left: 48px;



}



#home li {



padding-top: 10px;



}



/*********** End Home **********/



/*********** Begin procedure **********/



#procedure {



width: 576px;



height: 434px;



background: url('img/page/procedure/procedure-bg.jpg');



}



#procedure p {



color:#adadad;



}



#procedure h3 {



margin:0;



font-family:Arial, Helvetica, sans-serif;



font-size: 120%;



color:#FFFFFF;



}



#procedure .img-layout {



padding-top: 32px;



padding-left: 50px;



}



#procedure .content-layout1 {



padding-top: 5px;



padding-left:50px;



}



#procedure .content-layout1 p {

margin: 0;

}



#procedure .content-layout2 {



width: 378px;



height: 234px;



background: url('img/page/procedure/procedure-bar.jpg') no-repeat;



margin-top: 70px;



margin-left:100px;



}



#procedure .content-layout3 {



width: 378px;



height:117px;



}		



#procedure .content-layout4 {



padding-top: 30px;



padding-left:22px;



float:left;



}



#procedure .content-layout5 {



padding-top:30px;



padding-right: 40px;



float:right;



}



#procedure .content-layout6 {



width: 378px;



height:117px;



}		



#procedure .content-layout7 {



padding-top: 50px;



padding-left:22px;



float:left;



}



#procedure .content-layout8 {



padding-top:60px;



padding-right: 33px;



float:right;



}



/*********** End procedure **********/



/*********** Begin payment **********/



#payment .content-layout3 p{



color:#adadad;



}



#payment {



width: 576px;



height: 434px;



background: url('img/page/payment/payment-bg.png');



}



#payment p {



color:#adadad;



}



#payment .img-layout {



padding-top: 32px;



padding-left: 50px;



}



#payment .content-layout1 {



padding-top: 50px;



padding-left: 50px;



}



#payment .img-layout2 {



width: 467px;



height:64px;



background: url('img/page/payment/payment-maybank.png');



}



#payment .img-layout3 {



width: 467px;



height:64px;



background: url('img/page/payment/payment-publicbank.png');



}



#payment .img-layout4 {



width: 467px;



height:64px;



background: url('img/page/payment/payment-affin.png');



}



#payment .img-layout5 {



width: 467px;



height:64px;



background: url('img/page/payment/payment-eon.png');



}



#payment .content-layout3 {



padding-left: 50px;



padding-top: 5px;



}



#payment .content-layout4 {



padding-left: 230px;



padding-top:27px;



}



#payment .content-layout5 {



width:130px;



height:27px;



float:right;



padding-top: 27px;



}



#payment .content-layout6 {



width:107px;



height:27px;



float:right;



padding-top: 27px;



}



/*********** End payment **********/



/*********** Begin testimonials **********/



#testimonial {



width: 576px;



height: 434px;



background: url('img/page/testimonial/testimonial-bg.jpg');



}



#testimonial .img-layout {



padding-top: 32px;



padding-left: 50px;



}
.customertestimonial{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	display:block;
	width:520px;
	height:205px;
	line-height: 20px;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	overflow: auto;
	margin: 0px;
	padding: 20px;
	border-bottom-width: thin;
}
.customertestimonial2 {
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666666;
	padding-bottom: 40px;
}

.customername {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0066FF;
	display: block;
	left: 219px;
	top: 65px;
	float: right;
}
.linebreak {
	display: block;
	clear: none;
}

.customertel {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	position: absolute;
	width: 135px;
	left: 370px;
	top: 65px;
}




/*********** End testimonials **********/



/*********** Begin contact **********/



.col {



width:180px;



}



.col2 {



width: 180px;



}	 



.col3 {



width: 185px;



}	



.contact-layout1 {



margin:0;



padding-top: 15px;



padding-left: 20px;



padding-bottom: 15px;

*padding-bottom: 10px;



}



.contact-layout2 {



background-image:url(img/content-left/contact-btn-bar.jpg);



background-repeat:no-repeat;



width:318px;



height:94px;



float: left;



}



.contact-layout2 img {



margin: 0;



}



.contact-layout2 p {



margin-top:2px;



}



.contact-layout3 {



width: 280px;



margin-top: 12px;



padding-left:15px;



float: left;



}



.contact-layout3 p {



margin-top:2px;



width:290px;



}



.contact-layout4 {



padding-left:33px;



margin:0 0 0 0;



float:left;



}



.contact-layout5 {



margin:0 0 0 0;



padding:0 0 0 0;



padding-left:20px;



padding-top:20px;



width: 280px;



}



.contact-layout5 p {



padding-top: 5px;



}



.contact-layout6 {



padding-left:20px;



float:left;



margin:0 0 0 0;



}



#contact-info {



height:60px;

width: 318px;

*position:relative;

*bottom:30px;



} 



#form img {



margin: 0;



}  



/*********** End contact **********/



/*********** Start insurance **********/



#insurancepage-outline {



background-image:url(img/page/insurance/insurance-bg.png);



background-image: no-repeat;



width:576px;



height:434px;



}





/*********** Begin Insurance Kurnia **********/



#kurnia {



width: 576px;



height: 434px;



background: url('img/page/insurance/kurnia-bg.jpg');



}



html>body #kurnia-switchbar {



height: 21px;



}



* html #kurnia-switchbar {



height: 21px;



float: left;



}





#kurnia-info a visited{



color:#0000ff;



}



#kurnia-info a{



color:#0000ff;



}



* html #kurnia-switchbar img{



width: 221px;



height: 21px;



margin-top:32px;



margin-left:50px;



}



html>body #kurnia-switchbar img{



width: 221px;



height: 21px;



margin-top:32px;



margin-left:50px;



}



#kurnia-info p{



font-weight:bold;



font-size:12px;



}



html>body #kurnia-info {



float:right;



height:29px;



margin-right:7px;



margin-top:14px;



width:150px;



}



* html #kurnia-info {



float:right;



height:29px;



margin-right:4px;



margin-top:34px;



width:150px;



}



#kurnia-info-2 p{



font-weight:bold;



font-size:12px;



}



html>body #kurnia-info-2 {



float:right;



height:29px;



margin-right:22px;



margin-top:14px;



width:100px;



}



* html #kurnia-info-2 {



float:right;



height:29px;



margin-right:20px;



margin-top:34px;



width:100px;



}



* html #kurnia-content {



width:500px;



margin-left:50px;



margin-top:25px;



}



html>body #kurnia-content {



width:500px;



margin-left:50px;



margin-top:60px;



}



#kurnia-content h2{



color:#000000;



font-size:18px;



font-weight:bold;



margin-bottom:15px;



}



#kurnia-content h3{



font-size:12px;



font-weight:bold;



margin-top:15px;



}



#kurnia-content p{



font-size:12px;



color:#797979;



margin: 0 0 0 0px;



}



#kurnia-content-2 {



}



#kurnia-content-2 p{



font-size:12px;



color:#797979;



margin: 0 0 0 14px;



}



/*********** End Kurnia **********/



/*********** Begin Tokio **********/



#tokio {



width: 576px;



height: 434px;



background: url('img/page/insurance/tokio-bg.jpg');



}



* html #tokio-switchbar {



height: 21px;



float:left;



}



html>body #tokio-switchbar {



height: 21px;



}







#tokio-info-2 a visited{



color:#0000ff;



}



#tokio-info-2 a{



color:#0000ff;



}



#tokio-switchbar img{



width: 221px;



height: 21px;



margin-top:32px;



margin-left:50px;



}





#tokio-info p{



font-weight:bold;



font-size:12px;



}



html>body #tokio-info {



float:right;



height:29px;



margin-right:7px;



margin-top:14px;



width:150px;



}



* html #tokio-info {



float:right;



height:29px;



margin-right:4px;



margin-top:34px;



width:150px;



}





#tokio-info-2 p{



font-weight:bold;



font-size:12px;



}



* html #tokio-info-2 {



float:right;



height:29px;



margin-right:19px;



margin-top:34px;



width:100px;



}



html>body #tokio-info-2 {



float:right;



height:29px;



margin-right:22px;



margin-top:14px;



width:100px;



}



#tokio-content {



width:500px;



margin-left:50px;



margin-top:60px;



}



* html #tokio-content {



width:500px;



margin-left:50px;



margin-top:25px;



}



html>body #tokio-content {



width:500px;



margin-left:50px;



margin-top:60px;



}



#tokio-content h2{



font-size:140%;



font-weight:bold;



color:#000000;



margin-bottom:15px;



}



#tokio-content h3{



font-size:12px;



font-weight:bold;



margin-top: 15px;



}



#tokio-content p{



font-size:12px;



color:#797979;



margin: 0 0 0 0px;



}



#tokio-content-2 {



}



#tokio-content-2 p{



font-size:12px;



color:#797979;



margin: 0 0 0 14px;



}



/*********** End Tokio **********/



a {



outline:none;

cursor:pointer;

}



#details a{



font-size:11px;



color:#1750a2;



}



* html #details {



margin-left:498px;



margin-top:2px;



}





html>body #details {



margin-left:498px;



margin-top:18px;



}



.contact-layout7 {



width:318px;

margin-bottom:5px;



}



#thank {

        margin-top: 150px;

        margin-left: 150px;

       }



#thank h1 {

          font-family:Verdana, Arial, Helvetica, sans-serif;

          font-size: 300%;

}



.content-layout1 p {

margin-left:15px;

}



#nav a active {



}

/*********** End insurance **********/



#insurance {

	height: 381px;

	width: 576px;

}



.insurances {

	float: left;

	width: 228px;

	padding: 30px;

}



#insurance h3 {

	font-size:12px;

	font-weight:bold;

	margin-top:15px;

}



#insurance p {

	color:#797979;

	font-size:12px;

}



#insurance-title {

	height:21px;

	margin-left:50px;

	margin-top:32px;

	width:221px;

}





#kurnialogo {

float:left;

background-image: url(img/page/home/2logo.png);

background-repeat:no-repeat;

width: 226px;

height: 29px;



}