﻿body {
	line-height: 1;
	background-color: #333300;
	/*background:url(../img/bg-body.jpg) repeat top left;*/
	padding:0;
	margin:0;
}

input, select, textarea {
  border: 1px solid Green;
  -moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px; 
}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus
{
    border-color:#eeaa00;
}
img {
	border: 0px solid #CCC;
	vertical-align: middle;
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}
/* ------ Logged panel ------*/
div#dvPostLogin
{
    width:100%; height:20px;
    display:none; background-color:#49a119; text-align:center;
}
div#dvPLogin
{
    width:968px;
    font-family:Verdana;
    font-size:12px;
    color:#ffffff;
}
div#dvPLogin span
{
    font-weight:bold;
    font-style:oblique;
    color:#f3e481;
}
div#dvPLogin a
{
    text-decoration:none;
    font-weight:bold;
    color:#f3e481;
}
div#dvPLogin a:hover
{
    font-weight:bolder;
    color:#ff8c00;
}
div#dvPLogin .c1
{
    width:225px; float:left;
}
div#dvPLogin .c2
{
    width:329px; text-align:right; float:left;
}
div#dvPLogin .c3
{
    width:1px; height:20px; background-color:Green; float:left;
}
div#dvPLogin .c4
{
    width:300px; float:left;
}
div#dvPLogin .c5
{
    width:112px; float:left;
}

/* --- Main div wrapper ---- */
div#wrapper
{
    width:968px; text-align:center;
}
div#subWrap
{
    width:968px; text-align:center; position:absolute; background-color:#ffffff;
}
div#subWrap .top
{
    width:748px;float:left;
}
div#logo
{
     width:218px; float:left;
}
div#logo img
{
    border:none; width:218px; height:125px;
}

/* c1 sep home city cList calc reg log myR myA */
div#mainMenu
{
    width:750px; height:30px; background:url(../img/nav_bg.gif) no-repeat right; float:left;
}
div#mainMenu a
{
    height:30px;
    text-decoration:none; color:#f3e481; padding-top:5px;
    font-family:Verdana; font-weight:bold; font-size:12px;
}
div#mainMenu a:hover, div#mainMenu a:focus
{
    text-decoration:underline;
    color:#FFBD00;
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
}
div#mainMenu .myReg
{
    width:228px; float:left;
}
div#c1
{
    width:40px; height:30px; float:left;
}
div#sep
{
    width:1px; height:30px; float:left; background-color:#4e7304;
}
div#home
{
    width:100px; height:25px; float:left; padding-top:5px; border-right: solid 1px #4e7304;
}
div#city
{
    width:100px; height:25px; float:left; padding-top:5px; border-right: solid 1px #4e7304;
}
div#cList
{
    width:133px; height:25px; float:left; padding-top:5px; border-right: solid 1px #4e7304;
}
div#calc
{
    width:143px; height:25px; float:left; padding-top:5px; border-right: solid 1px #4e7304;
}
div#reg
{
    width:120px; height:25px; float:left; padding-top:5px; border-right: solid 1px #4e7304;
}
div#log
{
    width:107px; height:25px; float:left; padding-top:5px;
}
div#myR
{
    width:114px; height:25px; float:left; padding-top:5px; border-right: solid 1px #4e7304;
}
div#myA
{
    width:112px; height:25px; float:left; padding-top:5px;
}
div#home:hover, div#city:hover, div#cList:hover, div#calc:hover, div#reg:hover, div#log:hover, div#myR:hover, div#myA:hover
{
     background-color:#4e7304;
}

div#banner
{   width:750px; height:97px; float:left; background-color:White;   }

div#pghead
{
    width:968px; height:40px; float:left;
    background:url(../img/contHead.gif) repeat-x center;
}

div#pghead h1
{
    font-family:Arial; font-size:15px; font-weight:bold;
    color:#f3e481; vertical-align:middle; text-align:left; padding-left:20px;
}

/* Main content area  */

div#pgmid
{
    width:966px; float:left;
    background:url(../img/page_bg_r.gif) repeat-y right; background-color:White;
    border-left: solid 1px #3d5b01; border-right: solid 1px #3d5b01; text-align:left;
}

div#fullCont
{
    width:80%; border:2px solid #a0d040; margin: 30px 4px 20px 4px; text-align:left; 
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fafafa;
}
div#fullCont .head
{
    width:200px; height:25px; position:relative; top:-15px; left:20px; background-color:#fafafa; color:#4F82CB;
    font-family:Calibri; font-size:20px; font-weight:bold; text-align:center; padding-top:6px;
    border:2px solid #a0d040; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
div#fullCont .close
{
    float:right; position:relative; top:-40px; right:-5px;
}
div#fullCont .cont
{
    width:94%; padding:20px 20px 20px 20px;
    font-family:Verdana; font-size:12px; line-height:22px; text-align:justify;
}
div#fullCont .large
{
    font-family:Monotype Corsiva; font-weight:bold; font-size:40px;
    color:Green;
}
div#fullCont .suc
{
    width:50%; margin-left:200px; position:static; text-align:center; 
    border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    background-color:#e1e1e1; color:Green; display:none; font-size:10px; font-weight:bold;
}
div#fullCont .er
{
    width:50%; margin-left:200px; display:none; position:static; text-align:left; 
    border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
div#fullCont .erhead
{
    width:100%; height:22px; background-color:#c03409; color:White; font-weight:bold;
}
div#fullCont .button
{
    width:100px; margin: 10px; padding: 5px 5px 5px 5px; cursor:pointer;
    color: #4F82CB; text-align:center; font: bold 18px 'Trebuchet MS', Verdana, Sans-serif;
    background: #CCC url(../img/btnbg.gif) repeat-x;
    border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
div#fullCont .regOrLogin
{
    width:50%; margin-left:200px; display:none; position:static; text-align:left; 
    border: solid 1px #5b2209; padding:5px; background-color:#e1e1e1;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#4F82CB;
}
div#fullCont .txt
{
    width:200px; text-align:right; padding: 0px 5px 2px 20px; float:left;
}
div#fullCont .txt1
{
    width:450px; text-align:left; padding: 0px 5px 2px 20px; float:left;
}
div#fullCont .spc
{
    width:10px;
}
/* Used on Cost Calculator Page */
div#fullCont .calc1
{
    width:100%; float:left; padding:5px; margin-bottom:20px; background-color:#a0d040;
    border: solid 1px #5b2209; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
div#fullCont .calc2
{
    width:250px; float:left; height:90px; padding:5px; margin-left:20px; text-align:center; background-color:#a0d040;
    border: solid 1px #ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
div#fullCont .red
{
    color:Red; font-size:10px;
}
div .dvR
{
    float:left; padding-top:10px; padding-bottom:10px; margin-left:15px;
}

#contfoot
{
    width:968px; height:10px; float:left;
    background:url(../img/pgFooter.gif) no-repeat center;
}


/* ------- Search Panel ----------- */
#dvsearch
{
    width:480px; height:300px; float:left; margin: 0px 0px 5px 5px; background-color:#fafafa;
    border:1px solid #a0d040; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

div#searchhead
{
    width:100%; height:22px; text-indent:20px; padding-top:3px; text-align:left; background-color:#a0d040;
    color:Green; font-family:Arial; font-weight:bold; font-size:18px;
}

div#dvSIn
{
    width:460px; margin: 15px 5px 5px 10px; position:absolute;
    background:url(../img/search_bg_mag_car.gif) no-repeat center;
    text-align:left; font-family:verdana; font-size:12px; font-weight:bold; color:#136608;
}
div#dvSIn .c1
{ width:120px; float:left; }
div#dvSIn .c2
{ width:170px; float:left; }
div#dvSIn .c3
{ width:120px; float:left; padding: 10px 0px 5px 0px; }
div#dvSIn .c4
{ width:170px; float:left; padding: 10px 0px 5px 0px; }
div#dvSIn .c5
{ width:340px; float:left; padding: 5px 0px 5px 0px; }
div#dvSIn .shr1
{ width:100%; height:1px; float:left; background-color:Green; margin:5px 0px 5px 0px; }
div#dvSIn .advS
{ width:100%; color:#e09999; font-weight:bold; padding: 5px 0px 5px 0px; }
div#dvSIn .dvBtn
{ width:98%; float:left; padding: 15px 0px 5px 0px; text-align:right; }

div#dvSIn .btn
{
    margin: 10px; width: 10em; padding: 5px 5px 5px 5px;
    color: #4F82CB; text-decoration:none; text-align:center;
    font: bold 18px 'Trebuchet MS', Verdana, Sans-serif;
	background: #CCC url(../img/btnbg.gif) repeat-x;
    border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

div#dvsearch .txt
{
    font-family:verdana; font-size:12px; font-weight:bold; color:#136608;
}
div#dvsearch .txt1
{
    font-family:verdana; font-size:12px; font-weight:normal; color:#000000;    
}
div#dvsearch .loc
{
    font-family:verdana; font-size:12px; font-weight:bold; color:Orange;    
}

div#dvsearch .textbox
{
    width:160px; height:20px;
    font-family:verdana; font-size:13px; font-weight:normal; color:Green;
    border-style:solid; border-color:#a0d040; border-width:1px; border-collapse:collapse;
}
div#dvsearch .textbox:hover
{
    border-color:#eeaa00;
}
div#dvsearch .textbox:focus
{
    border-color:#eeaa00;
}

.spnPrime
{
    width:180px; font-family:verdana; font-size:12px;
}

#dvZone
{
    width:150px;
    background-color:#acacac; background-color:Green; vertical-align:middle;
}
.dvzone
{
    width:150px; height:31px;
    border-bottom:solid 1px #dcdcdc;
    font-family:Verdana; font-size:12px; color:#ff8c00;
    cursor:pointer; vertical-align:bottom; text-align:left;
    background:url(../img/zone_bg_d.jpg) no-repeat center;
}
.dvzonespn
{
    padding:3px; vertical-align:middle;
}
.dvzone:hover
{
    background:url(../img/zone_bg_l.jpg) no-repeat center;
    color:Orange;
}
#dvPrime
{
    width:150px; border:solid 2px Green; background-color:Green;
}
.dvprime
{
    width:150px; height:20px; padding:4px;
    border-bottom:solid 1px #dcdcdc;
    font-family:Verdana; font-size:12px; cursor:pointer; background-color:#acacac; text-align:left;
}
.dvprime:hover
{
    text-decoration:underline;
}
/*  ----- End of Search Panel CSS ----------  */

#dvinfo150
{
    width:400px; height:150px; text-align:justify;
    background:url(../img/callot150.png) no-repeat center;
}

#dvinfo100
{
    width:400px; height:100px; text-align:justify;
    background:url(../img/callot100.png) no-repeat center;
}

#dvinfo60
{
    width:400px; height:60px; text-align:justify;
    background:url(../img/callot60.png) no-repeat center;
}

.infotxt
{
    font-family:Arial; font-size:12px; color:#5b2209; line-height:22px;
}

#dvErrors
{
    width:100%; font-family:Arial; font-size:11px; color:#c03409; line-height:22px;
}

/* Footer CSS */
div#dvF
{
    width:968px; float:left; line-height:20px; text-align:left; vertical-align:top;
    background-color:#ffffff;
}
div#dvF .head
{
    color:#000000; font-family:Arial; font-weight:bold; font-size:12px;
    padding: 5px 10px 0px 10px;
}
div#dvF .subF
{
    font-family:Arial; font-size:12px;
    width:100%; padding: 5px 10px 5px 10px;
}
div#dvF .dvM
{
    width:96%; float:left; padding-left:10px; padding-bottom:10px; text-align:justify;
    
}
div#dvF .dvA
{
    width:48%; float:left; padding-left:10px; padding-bottom:10px;
    
}
div#dvF .dvH
{
    width:48%; float:left; padding-left:10px; padding-bottom:10px;
    
}
div#dvF .spnCont
{
    color:Gray; font-size:12px;
}
div#dvF .dvE
{
     width:96%; float:left; padding-left:10px; 
}
div#dvF .dvBottom
{
    width:96%; float:left; text-align:right; padding-right:20px; border-top: solid 2px #a0d040;
}
div#dvF a
{
    text-decoration: none; color:#4F82CB;
}

div#dvF a:hover
{
    text-decoration:underline; color:#a0d040;
}

/* End of Footer CSS */ 

/* city and login divs */

div#dvCities
{
    width:150px; text-align:left; background-color:#4e7304;
    border-left: solid 2px #4e7304; border-bottom: solid 2px #4e7304; border-right: solid 2px #4e7304;
}
/*div#dvCities input
{
    width:150px; height:30px; padding: 7px 0px 7px 5px; border-bottom: dashed 1px #e2e2e2; 
    font-family: Tahoma; font-weight:bold; font-size:12px;
    text-align:left; background-color:#4e7304; color:#ffffff; cursor:pointer;
}
div#dvCities input:hover
{   
    background-color:#a0d040; color:#4e7304;
}*/
/*div#dvCities a
{   text-decoration:none; }*/

div#dvCities a
{   
    height:30px; padding:7px 57px 7px 10px; line-height:30px; letter-spacing:1px; text-align:left;
	font-family: Tahoma; font-weight:bold; font-size:12px; list-style:none; text-decoration:none;
	background-color:#4e7304; color:#f3e481;  border-bottom: dashed 1px #e2e2e2; 
}
div#dvCities a.del
{ padding-right:71px; }
div#dvCities a.mum
{ padding-right:86px; }
div#dvCities a.pune
{ padding-right:104px; }
div#dvCities a.che
{ padding-right:84px; }
div#dvCities a.hyd
{ padding-right:65px; }

div#dvCities a:hover
{
    background-color:#a0d040; color:#4e7304;
}
div#dvSignin
{
    width:250px; height:150px; background-color:#4e7304; color:#ffffff;
    border-left: solid 3px #4e7304; border-bottom: solid 3px #4e7304; border-right: solid 3px #4e7304;
}
div#dvSignin .head
{
    float:left; width:250px; height:25px; border-bottom: dashed 1px #e2e2e2;
    font-size:13px; font-weight:bold; font-family:Arial; color:White; text-align:left;
    padding-top: 4px;
}
div#dvSignin .close
{
    padding-top: 4px;
    float:right; width:20px; height:30px; background-color:#4e7304; border-bottom: dashed 1px #e2e2e2;
}

div#dvSignin .cont1
{
    padding-top:10px;
    float:left; width:35%; font-family:Verdana; font-size:12px;
}
div#dvSignin .cont2
{
    padding-top:10px;
    float:left; width:65%; font-family:Verdana; font-size:12px;
}
div#dvSignin .err
{
    width:100%; color:Red; font-family:Verdana; font-size:10px
}
div#dvSignIn .txt
{
    width:100px;
}
/* End of city and login divs CSS classes */

/* New CSS classes for home page new contents */

div#homeboxMsg {
  text-align: left;
  background-color: #e2e2e2;
  font-size: 16px;
  font-weight: bold;
  margin-left:5px;
  padding: 5px 10px 5px 10px;
  height: 20px;
  width:930px;
  border:1px solid #DDD;
  border-radius:5px;
	-moz-border-radius:5px;
  -webkit-border-radius:5px;
}
div#homeboxMsg .msg
{
    font-family:Trebuchet MS; font-size:16px; font-weight:bold; color:#54594b; height:30px;
}
div#homebox1 
{
    float:left; margin: 5px 0px 5px 5px;
  padding: 10px 10px 10px 0px;
  height: 290px;
  width:470px;
  background-color:#fafafa;
  border:1px solid #a0d040;
  border-radius:5px;
	-moz-border-radius:5px;
  -webkit-border-radius:5px;
}

div#dvOptions
{
    width:450px; height:60px; text-align:center;
    margin: 10px 5px 10px 12px; border:solid 1px #e1e1e1;
    background-color:#ffffff;
}
div#dvOptions .btn
{
    width: 10em; padding: 5px 5px 5px 0px; margin: 5px; color: #4F82CB;
    text-decoration:none; text-align:center; font: bold 18px 'Trebuchet MS', Verdana, Sans-serif;
	background: #CCC url(../img/btnbg.gif) repeat-x;
    border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

/* Home page carbon footprint, cost & quote */

div#costCalc
{
    width:460px; height:720px; float:right; margin: 5px 5px 5px 5px;
    border:1px solid #a0d040; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

div#dvQuote
{
    width:442px; height:702px;
    padding: 3px 3px 3px 3px;
    margin:5px 5px 5px 5px;
    font-family:Verdana; font-size:12px; text-align:justify; line-height:22px;
    background-color:#a0d040;
    border:1px solid #a0d040; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
div#dvQuote .QHead
{
    font-family:Century Gothic;
    font-weight:bold;
    font-size:16px;
    text-decoration:underline;
    color:#005500;
}

div#top
{
    width:100%; height:100px; vertical-align:middle;
}
div#opt
{
    width:370px; float:left;
}
div#dvQuote ul
{
    list-style-type:circle; padding:0 0 0 26px; 
}
div#carbon
{
    margin-top:10px;
    float:right; width:52px;
    padding: 1px 1px 1px 1px;
    border:1px solid #fafafa;
    border-radius:5px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

div#dvQuote .costcut1
{
    float:left; width:45%; margin-left:10px; padding: 2px 0px 2px 5px;
    border:1px solid #fafafa;  border-radius:5px;	-moz-border-radius:5px;  -webkit-border-radius:5px;
}
div#dvQuote .costcut2
{
    float:right;  width:45%;  margin-right:10px;  padding: 2px 0px 2px 5px;
    border:1px solid #fafafa;  border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;
}
div#dvQuote .s1
{
    width:100%; height:40px; color:#ffffff; font-weight:bold; font-size:13px;
}
div#dvQuote .spn1
{
    font-size:10px; font-weight:normal; color:Gray;
}
div#dvQuote .btn
{
    float:right; margin: 5px 5px 5px 0px; padding: 2px 2px 2px 5px;
    color: #4F82CB; text-decoration:none; text-align:center;
    font: bold 14px 'Trebuchet MS', Verdana, Sans-serif;
	background: #CCC url(../img/btnbg.gif) repeat-x;
    border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
div#note
{
    width:100%; text-align:center; font-size:10px; color:Gray;
}

ul#biglist {
	margin:0px;	margin-bottom: 10px; color:#666666;
	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; text-align:left;
}

ul#biglist li {
  font-size: 18px; line-height: 40px; list-style: none;
  border-bottom: 1px dashed #e2e2e2; margin-bottom: 6px;
}
ul#biglist li span {
  font-size: 14px; 
}
ul#biglist li div {	
	width: 35px; text-align:center;	float:left;	margin-right:10px; color: #ffffff;
	background: url(../img/Li_num_bg.gif) no-repeat 0px 4px;
}
ul#biglist .head 
{
    text-indent: 30px;
    font-family:Century Gothic; font-size:26px; font-weight:bold; color:Orange; 
    border-bottom: 1px dashed #a0d040;
}

div#listlogin {
  height: 20px;  width:600px;
  text-align: left; background-color: #e2e2e2;
  font-size: 12px;  font-weight:normal;  margin-left:5px;  padding: 5px 10px 5px 10px;
  border:1px solid #DDD;  border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;
}

div#dvLog
{
    line-height:30px; padding-left:50px;
}

div#dvLog .head
{
    font-weight:normal; height:30px;
    border-bottom:solid 1px #666666;
}

div#dvSave .btn
{
    width: 100px; margin: 5px; padding: 5px 5px 5px 0px;
    color: #4F82CB; text-decoration:none; text-align:center; cursor:pointer; 
	font: bold 18px 'Trebuchet MS', Verdana, Sans-serif;
	background: #CCC url(../img/btnbg.gif) repeat-x;
	border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

div#dvSuccess .subhead1
{
    font-family: Arial; font-size: 16px; font-style: oblique; font-weight: bold;
    color: #285e0b; height:40px;
}

.preloaddiv
{
  background-color: Gray;  border: 0px solid black;  filter:alpha(opacity=60);  opacity:0.6;  -moz-opacity:0.6;
}
.pltd
{
    padding: 10px 10px 10px 10px; background-color:#ffffff; text-align:left;
    border:solid 5px #dddddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
/* === Details Page === */
div#details
{
    width:660px; float:left; text-align:left; background-color:#fafafa;
}
div#details .head
{
    padding-top:10px; height:30px;
}
div#details .head a
{
    color:Green; font-family:Calibri; font-size:18px; font-weight:bold; margin-left:20px;
}
#gvMore a
{
    color:#052803;
}
#gvMore a:hover
{
    color:#035e84;
}
