/*Mega Car Pool: Layout CSS*/
/************************************************************************

	Listing Order:
	==============

	1 - Universal
	2 - Navigation CSS
	3 - Structure/Layout
	4 - Content Area Tags
	5 - Footer Elements

************************************************************************/

/***********************************************************************
	1 - UNIVERSAL Tags
************************************************************************/
html > body * {
	outline:none;
}
body {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:18px;
}
#bgimg{
	background:url(../images/bg.jpg) bottom center repeat-x;
	float:left;
	width:100%;
}
h1, h2, h3, h4, h5, h6, form, label, input, legend, textarea, select, ul, ol, li, dl, dt, dd, p, div {
	margin:0px;
	padding:0px;
}
ul, ol {
	list-style:none;
	margin:0px;
	padding:0px;
}
img {
	border:none;
	margin: 0px;
	padding: 0px;
}
a {
	color:#7b95ba;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#000000;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.font11 {
	font-size:11px;
}
.font24 {
	font-size:24px;
}
.font14 {
	font-size:14px;
}
.font16 {
	font-size:16px;
}
.font18 {
	font-size:18px;
}
.redcolor {
	color:#ba0000;
}
.light-gray {
	color:#676767;
}
.graycolor {
	color:#8d8d8d;
}
.bluecolor {
	color:#0481b3;
}
.greencolor {
	color:#74c045;
}
.lightredcolor {
	color:#ed1c24;
}
.altlineheight1 {
	line-height:35px;
}
.altlineheight2 {
	line-height:14px;
}
.darkblue{
	color:#2066cb;
}
.clear{
	clear:both;
	margin-top:8px;
}
select { padding: 4px 2px 6px; color: #333; 	width:261px;
	border:1px solid #cfcfcf; font-size: 12px; }

/***********************************************************************
	2 - Layout CSS
************************************************************************/
#wrapper{
	margin:0px auto;
	width:941px;
}
#header{
	height:126px;
	float:left;
	width:941px;
}
#logo{
	float:left;
	padding:7px 0 0 8px;
}
#header-right{
	float:right;
	width:347px;
	padding:7px 0 0 0;
}
.helpline{
	line-height:28px;

}
.smstomega{
	width:347px;
	float:right;
	padding:12px 0 6px;
	border-bottom:1px dotted #5c5c5c;
}
.login-register{
	width:347px;
	float:right;
	line-height:29px;
	padding:8px 0 0px;
}
.signin{
	float:left;
	background:url(../images1/memberlogin-btn.gif) top left no-repeat;
	width:125px;
	padding:0px 0 0px 11px;
	color:#fff;
}
.letterspacing{
	letter-spacing:.5px;
}
/***********************************************************************
	3 - Navigation CSS
************************************************************************/
#topnavigation {
	float:left;
	width:941px;
	position:relative;
	background:url(../images1/nav-bg.gif) left top repeat-x;
}
/***********************************************************************
	4 - Content CSS
************************************************************************/
#content-area{
	float:left;
	width:941px;
	padding:5px 0 0 0;
}
#cont-left{
	float:left;
	width:632px;
	position:relative;
}
#cont-right{
	float:right;
	width:299px;
}
/*	4.1 - Left Col Tags
************************************************************************/
.banner{
	padding-bottom:9px;
}
.fourstep{
float:left;
position:relative;
width:632px;
}
.fourstep-top{
float:left;
width:604px;
height:33px;
padding:15px 0 0 28px;
background:url(../images1/foutstep-top.png) top left no-repeat;
}
.fourstep-cont{
float:left;
width:607px;
padding:3px 0px 0px 25px;
background:url(../images1/foutstep-rep.png) top left repeat-y;
}
.steps{
position:relative;
float:left;
text-align:center;
padding:0px 0 0 38px ;
}
.steps-img{
height:72px;
}
.step-title{
color:#2ac3e8;
padding:20px 0 0 0;
font:bold 18px Arial, Helvetica, sans-serif;
}
.step-title:hover{
color:#000000;
text-decoration:none;
}
.add-ride{
color:#f15928;
}
.waitfor-call{
color:#74c045;
}
.connect{
color:#c3b600;
}
.step-desc{
float:left;
width:632px;
padding:5px 0 0 0;
}
.fourstep-btm{
float:left;
width:632px;
height:22px;
background:url(../images1/foutstep-btm.png) top left no-repeat;
}
.leftrow{
float:left;
width:632px;
padding:14px 0 0 0;
}
.megadiff{
float:left;
width:311px;
position:relative;
}
.megadiff-top{
float:left;
width:283px;
height:33px;
padding:15px 0 0 28px;
background:url(../images1/mega-difftop.png) top left no-repeat;
}
.megadiff-cont{
float:left;
width:261px;
font-size:11px;
line-height:21px;
padding:8px 25px 6px 25px;
background:url(../images1/mega-diff-rep.png) top left repeat-y;
}
.megadiff-cont .btn{
	padding-top:13px;
}
.megadiff-btm{
float:left;
width:311px;
height:21px;
background:url(../images1/mega-diffbtm.png) top left no-repeat;
}
.mega-screen-area{
	float:left;
	width:299px;
	position:relative;
	padding-bottom:10px;
}
.mega-screen{
	float:left;
	width:299px;
	padding:0px 0 0px 0px;
	height:188px;
	}
.arrowlink{
	position:absolute;
	bottom:0px;
	right:0px;
}
.joinmega{
float:left;
width:311px;
position:relative;
padding:0px 10px 0 0;
}
.joinmega-top{
float:left;
width:289px;
height:31px;
padding:15px 0 0 22px;
background:url(../images1/joinmeghato-top.png) top left no-repeat;
}
.joinmega-cont{
float:left;
width:289px;
padding:0px 0px 0 22px;
background:url(../images1/joinmeghato-rep.gif) top left repeat-y;
}
.greenlist li{
	background:url(../images1/green-arrow.gif) left 6px no-repeat;
	padding:0px 0 0px 12px;	
	color:#3b3b3b;
}
.joinmega-btm{
float:left;
width:311px;
height:15px;
overflow:hidden;
background:url(../images1/joinmeghato-btm.png) top left no-repeat;
}
.megablog{
float:left;
width:311px;
position:relative;
padding:0px 0px 0 0;
}
.megablog-top{
float:left;
width:289px;
height:31px;
padding:15px 0 0 22px;
background:url(../images1/megablog-top.png) top left no-repeat;
}
.megablog-cont{
float:left;
width:271px;
position:relative;
padding:5px 18px 7px 22px;
background:url(../images1/megablog-rep.png) top left repeat-y;
}
.megablog-btm{
float:left;
width:311px;
height:14px;
background:url(../images1/megablog-btm.png) top left no-repeat;
}
.feedlist li{
	border-bottom:1px dotted #5c5c5c;
	padding:8px 0 8px 0;
	font-size:11px;
	float:left;
	width:100%;
	line-height:20px;
}
.feedlist li .info{
	float:left;
	color:#585858;
}
.feedlist li .info:hover{
	color:#8ab221;	
}
.feedlist li .date{
	float:right;
}

/*	4.2 - Right Col Tags
************************************************************************/
.megachat{
	padding:0px 0 0px 0;
	float:left;
	width:299px;
}
.calc_fule{
	float:left;
	background:url(../images1/calculate-fule-saving.png) top left no-repeat;
	width:299px;
	height:104px;
	margin-bottom:10px;
}
.calc_fule span{
	display:none;
}
.calc_fule:hover{
	background-position:0px -103px;
}
.askforcall{
float:left;
width:299px;
padding:0px 0px 0 0;
}
.askforcall-top{
float:left;
width:280px;
height:30px;
padding:14px 0 0 19px;
background:url(../images1/askfor-call-top.png) top left no-repeat;
}
.askforcall-cont{
float:left;
width:299px;
background:url(../images1/askforcall-rep.png) top left repeat-y;
}
.askforcall-contin{
float:left;
width:280px;
padding:6px 0 0 19px;
background:url(../images1/askforcall-fixbg.png) top left no-repeat;	
}
.askforcall-btm{
float:left;
width:299px;
height:18px;
background:url(../images1/askforcallbtm.png) top left no-repeat;
}
.marginleft{
	margin-left:14px;
}
.megasocial{
float:left;
width:311px;
position:relative;
padding:0px 0px 0 0;
}
.megasocial-top{
float:left;
width:271px;
height:34px;
padding:19px 0 0 39px;
background:url(../images1/mega-social-top.png) top left no-repeat;
}
.megasocial-cont{
float:left;
width:279px;
font-size:11px;
line-height:16px;
padding:5px 12px 0px 20px;
min-height:82px;
height:auto !important;
height:82px;
overflow:hidden;
color:#585858;
background:url(../images1/mega-social-rep.png) top left repeat-y;	
}
.absolute-logo{
	position:absolute;
	right:-10px;
	top:8px;
}
.absolute-logof{
	position:absolute;
	right:-5px;
	top:5px;
}
.absolute-logoin{
	position:absolute;
	right:-5px;
	top:5px;
}
.socialde{
	color:#d71921;
}
.socialfnp{
	color:#00a742;
}
.socialblog{
	color:#ff8206;
}
.socialfb{
	color:#00559c;
}
.socialtwit{
	color:#50c1eb;
}
.socialin{
	color:#0084ab;
}
.socialorkut{
	color:#b81f8c;
}
.socialroute{
	color:#2aa5d2;
}
.megasocial-btm{
float:left;
width:311px;
height:17px;
background:url(../images1/mega-social-btm.png) top left no-repeat;
}
.megasocial-tabs{
	float:right;
	width:198px;
}
.megasocial-tabs li{
	float:left;
}
.carpoolin-banner{
	padding-top:5px;
	float:left;
}
/***********************************************************************
	5 - Heading CSS
************************************************************************/
h4 {
display: block;
height: 0px !important;
overflow: hidden;
position:relative;
}
h4.fourstephd{
width:291px;
height:18px;
padding-top:18px;
background:url(../images1/four-step-hd.png) top left no-repeat;
}
h4.howmegadiff{
width:270px;
height:18px;
padding-top:18px;
background:url(../images1/how-mega-diff.png) top left no-repeat;
}
h4.joinmeghato{
width:124px;
height:18px;
padding-top:18px;
background:url(../images1/joinmega-hd.png) top left no-repeat;
}
h4.megablog{
width:124px;
height:18px;
padding-top:18px;
background:url(../images1/megablog-hd.png) top left no-repeat;
}
h4.meganews{
width:50px;
height:14px;
padding-top:14px;
background:url(../images1/news-hd.png) top left no-repeat;
}
h4.askforcall-hd{
width:170px;
height:15px;
padding-top:15px;
background:url(../images1/askfor-call-hd.png) top left no-repeat;
}
h4.keyfeature{
width:112px;
height:18px;
padding-top:18px;
background:url(../images1/keyfeatures-hd.png) top left no-repeat;
}
/***********************************************************************
	6 - Button CSS & Form CSS
************************************************************************/
.btn {
	padding:0px 0 0 0px;
	float:left;
}
.btn a {
	float:left;
	display:block;
	padding:0 0 0 6px;
	text-decoration:none;
	cursor:pointer;
	background:url(../images1/btn-left.gif) top left no-repeat;
}
.btn a span {
	display:block;
	font:normal 14px Arial, Helvetica, sans-serif;
	padding:5px 12px 6px 5px;
	color:#ffffff;
	border:none;
	cursor:pointer;
	background:url(../images1/btn-right.gif) top right no-repeat;
}

.btn a:hover {
	background-position:0 -27px;
}
.btn a:hover span {
	background-position:100% -27px;
}
.btnorange a{
	background:url(../images1/btn-left.gif) top left no-repeat;
	background-position:0 -27px;
}
.btnorange a span{
	background:url(../images1/btn-right.gif) top right no-repeat;
	background-position:100% -27px;
}
.btnorange a:hover{
	background:url(../images1/btn-left.gif) top left no-repeat;
}
.btnorange a:hover span{
	background:url(../images1/btn-right.gif) top right no-repeat;
}
.absolute-btn{
	position:absolute;
	bottom:-14px;
	right:17px;
}
.absolute-btn2{
	position:absolute;
	bottom:-10px;
	right:7px;
}

.frmrow{
	float:left;
	padding:4px 0;
}
.width256{
	width:256px;
}
.frminput-area{
	float:left;
	background:url(../images1/input-bg.png) top left no-repeat;
	width:110px;
	height:19px;
	padding:3px 3px 0 8px;
}
.input-area2{
	background:url(../images1/input-bg2.png) top left no-repeat;
	width:245px;	
}

.frminput{
	background:none;
	border:none;
	height:18px;
	position:relative;
	color:#035b7e;
	font:bold italic 12px Arial, Helvetica, sans-serif;
}
.submitbtn{
	float:left;
	display:block;
	width:76px;
	height:27px;
	border:none;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	color:#54c2df;
	padding:0px;
	font-size:14px;
	background:url(../images1/submitbtn-bg.png) top left no-repeat;
}
.submitbtn:hover{
	background-position:0px -27px;
}
/***********************************************************************
	7 - My Screen CSS
************************************************************************/
.banner-screen{
	float:left;
	width:346px;
	height:160px;
	background:url(../images1/screen-banner.png) top left no-repeat;
	padding:32px 0 0 286px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#313131;
	line-height:20px;
}
.screen-hd{
	font:bold italic 30px Georgia, "Times New Roman", Times, serif;
	padding-bottom:8px;
	color:#075b7a;
}
.screenbox{
float:left;
position:relative;
width:632px;
}
.screenbox-top{
float:left;
width:604px;
height:35px;
padding:21px 0 0 28px;
background:url(../images1/myscreenbox-top.png) top left no-repeat;
}
.screenbox-cont{
float:left;
width:631px;
padding:12px 0px 0px 1px;
background:url(../images1/screen-contbg.png) top left no-repeat;
}
.featuresconttop{
	background:url(../images1/double-border.gif) bottom left repeat-x;
	line-height:28px;
	color:#FFFFFF;
	padding-bottom:10px;
	font:bold 18px Arial, Helvetica, sans-serif;
}
.featuresconttop span{
	font-size:13px;
	font-weight:normal;
	color:#095160;
}
.feature-list{
	padding-top:15px;
}
.feature-list li{
	line-height:20px;
	color:#000000;
	font-style:italic;
	padding:0 0 0 14px;
	background:url(../images1/yellow-arrow.gif) left 6px no-repeat;
}
.feature-list li span{
	font-style:normal;
	color:#FFFFFF;
	line-height:16px;
}
.feature-list li ul li{
	color:#FFFFFF;
}
.screenbox-btm{
float:left;
width:632px;
height:28px;
overflow:hidden;
background:url(../images1/screenbox-btm.png) top left no-repeat;
}
/***********************************************************************
	8 - Footer CSS
************************************************************************/
#footer{
	float:left;
	width:941px;
	padding:25px 0 15px 0;
}
.footerlink{
	padding-bottom:10px;
	line-height:25px;
	color:#010200;
}
.footerlink a{
	color:#010200;
	padding:0 11px 0 11px;
	font-weight:bold;
	font-size:11px;
}
.footerlink a.first{padding-left:0px;}
.footerlink a.last{padding-right:0px;}
.footerlink a:hover{color:#dbe6e9;}
#marqueecontainer{position:relative;width:263px;height:111px;overflow:hidden;padding:2px;padding-left:4px;}
#blogcontainer{position:relative;width:279px;height:78px;overflow:hidden;padding:2px;padding-left:4px;}
.bloglist li{padding:8px 0 8px 0;font-size:11px;float:left;width:100%;line-height:8px;}