/* Common css for entire CarWale website */
html{height:100%; margin-top:1px;}
body{ background: #313131 url(/images/hdr/side_bg2.gif) center top repeat;}
body,table{margin:0;font:11px Verdana, Arial, sans-serif; color:#2f2f2f;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
input,textarea,select{font-size:100%;}
a, a:link, a:visited, .aLink{text-decoration:none; color:#034FB6; cursor:pointer;}
a:hover{text-decoration:underline; color:#2f2f2f;}
#mc {width:994px; margin:0 auto; background-color:#fff; overflow:hidden;}
input.text, textarea.text{border:1px solid #A6C9E2; padding:0.3em;}
select{border:1px solid #A6C9E2; padding:0.2em;}
input.textAlert, select.textAlert, textarea.textAlert{border:1px solid #CD0A0A; padding:0.3em; background-color:#FEF6F3;}

/*login, forum search css at top */
#hdr-top{background: #313131 url(/images/hdr/side_bg2.gif) center top repeat; padding:5px; color:#fff;}
#hdr-top .search{float:right; width:350px; text-align:right; padding-right:30px;}
#hdr-top .login{float:right; width:300px; text-align:right; margin-top:3px;}
#hdr-top .aLink{color:#fff;}

/* logo,ad css */
.hdr-bg{height:109px;text-align:right;clear:both;}
.hdr-bg .logo {float:left; padding:11px 0 0 10px;}
.hdr-bg .ad{padding:10px 5px 0 0;}
.btn-blue{padding:3px 7px 3px 7px; background-color:#6597CA; color:#FFFFFF; font-weight:bold; cursor:pointer;}

/* header tabs css */
#cw-tabs{border-bottom:1px solid #5B8FC1;}
#cw-tabs ul{list-style:none;background:url(http://img.carwale.com/cw-common/nav-bg.gif) repeat-x bottom left; width:100%; height:26px;padding:0; margin:0;}
#cw-tabs li{float:left; padding:5px 10px 0 10px;}
#cw-tabs li.sel{background:url(http://img.carwale.com/cw-common/nav-sel.gif) repeat-x; font-size:12px; color:#FFF; height:21px; font-weight:bold;}
#cw-tabs li.sel a{ color:#FFFFFF;}
#cw-tabs li.sept{background:url(http://img.carwale.com/cw-common/tab-sep.gif) no-repeat; background-position:50%; width:1px; padding:0; height:26px;}
#cw-tabs a{color:#404040; font-size:12px; text-decoration:none; font-weight:bold;}

/* header sub tabs */
#cw-sub-tabs{padding:0 2px; background-color:#5B8FC1;}
#cw-sub-tabs ul{list-style:none; height:25px;}
#cw-sub-tabs li{float:left; padding:5px 5px;}
#cw-sub-tabs li.sel a{font-weight:bold; border-bottom:1px solid #5E91C4; text-decoration:none;}
#cw-sub-tabs li a, #cw-sub-tabs .seprator{color:#fff;}

/* body css */
#cw-body{margin:10px 15px 15px 15px;}

/* footer */
#cw-footer{background: #313131 url(/images/hdr/side_bg2.gif) center top repeat; text-align:center;padding:10px 0 0 0;line-height:25px; margin-top:10px; color:#fff; font-size:11px;}
#cw-footer a,#login,.login a, #reg{color:#fff; text-decoration:underline; cursor:pointer;}
/* login 
#ajaxLogin{width:255px; height:111px; z-index:1001; position:absolute; padding:0;}
*/

.showAjaxLogin{width:255px; height:111px; z-index:1001; position:absolute; padding:0;}
.hideAjaxLogin{display:none;}

/* Headings */
.hd1{font:22px Arial, Helvetica, sans-serif; color:#023469; padding:0;}
.hd1 span{font-size:11px; color:#535250;}
.hd2{font:18px Arial, Helvetica, sans-serif; color:#023469;}
.hd2-sub{font:18px Arial, Helvetica, sans-serif; color:#023469; border-bottom:2px solid #DFDFDF; padding:0 0 5px 5px;}
.hd3-new{font:16px Arial, Helvetica, sans-serif; color:#023469; font-weight:bold;}
.hd3-14{font:14px Arial, Helvetica, sans-serif; color:#023469; padding:5px 0 10px 0;}
.hd3{padding:0 0 5px 5px; font-size:12px; font-weight:bold;}

/* Css related to GrayBox popup */
.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width:100%;background-color:#F7F7F7; z-index:100001;}
.white_content{ display: none; position: absolute; top: 25%; left: 25%; width:50%; height:50%;z-index:100002; padding:0px; overflow:auto;}
.gbClose{background:url(http://img.carwale.com/cw-common/icon-sheet.png); background-position:-19px 14px; width:11px; padding:0; height:11px; float:right; margin:2px 0 0 5px; cursor:pointer;}

/* carwale layout css */
.left_container_top{float:left;margin:0 0 20px 0;padding:0;width:643px;}
.right_container{margin:0;padding:0;width:300px;float:right;}
.clear{clear:both; display:block; visibility:hidden;}

#ros .left_container_top{width:783px;}
#ros .left_container{width:783px;}
#ros .right_container{width:160px;float:right;}

ul.normal{margin:0;padding:0;font-size:11px;font-weight:normal;}
ul.normal li{margin:5px 0 0 15px;padding:0;list-style-image:url(/images/bullet.gif);font-weight:normal;}
ul.normal li.more{margin:5px 0 0 0;padding:0;list-style:none;list-style-image:none;font-weight:normal;}
.imageBorder { padding:2px;background:#e5e5e5;border:1px solid #cccccc;}
.addbox{margin-bottom:20px;} .leftfloat{float:left;}
.add{margin:0 0 0 26px;padding:0;}
.greyboxTop{float:right;width:148px;border:solid 1px #D3D3D3;background:#F6F6F6;margin-bottom:20px;padding:12px 0 15px 8px;}
.greyboxAd{float:right;clear:both;width:148px;border:solid 1px #D3D3D3;background:#F6F6F6;padding:4px;text-align:center;margin-bottom:20px;}
.greyboxtitle {color:#034fb6;}
.error { color:#ff0000;}

/* CSS to make blue button by input button and hyperlink */
input.buttons, a.buttons, .div-buttons{width:auto; border:0; overflow:visible; padding:3px 5px; background-color:#6597CA; margin:0; color:#FFFFFF; font-weight:bold; font-size:11px; cursor:pointer; text-decoration:none;}
a.buttons:visited,a.buttons:hover{color:#1d5987; text-decoration:none;}
input.buttons-gray, a.buttons-gray{-moz-border-radius:5px 5px 5px 5px;background:url(/images/hdr/grey.gif) repeat-x scroll 0 0; border:1px solid #AEAEAE; color:#5B5B5B; display:inline-block; font-weight:bold; margin:0; padding:3px 5px; text-align: center;text-decoration:none; overflow:visible; width:auto; text-decoration:none;}
/* css for round border */
.round-border{ background:url(http://img.carwale.com/cw-common/round-bdr-bg.gif) no-repeat top left; padding:0; margin:0;}
.round-border#bdr-top{ background-position:0 1px; width:500px; height:11px;}
.round-border#bdr-bot{ background-position:0 -12px; width:500px; height:11px; }
.rnd-box300-top{background-position:0 -23px; width:300px; height:9px;}
.rnd-box300-bot{background-position:0 -40px; width:300px; height:10px;}
.mid-content{clear:both; border-left:1px solid #C1D9E5; border-right:1px solid #C1D9E5;width:285px; background:url(http://img.carwale.com/cw-common/mycarwale/mg-mid-bg.gif) repeat-x; padding:0 5px 5px 5px;}
.mgContents{border-left:1px solid #C1D9E5; border-right:1px solid #C1D9E5; background-color:#E7F5FB; width:478px; padding:0 10px;  }
.mgContents p{padding:10px 0;}

/* Css for jquery ui icons */
.ui-icon {width: 16px; height: 16px;  background-image: url(http://img.carwale.com/cw-common/jq-ui/ui-icons_469bdd_256x240.png); display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; cursor:pointer;}
.ui-icon-info { background-position: -16px -144px;}
.ui-icon-closethick { background-position: -96px -128px; background-color:#D8E7F3;}
.ui-icon-closethin { background-position: -96px -128px; border:1px solid #79B7E7;}
.ui-icon-tick { background-position: -64px -144px; cursor:default;}
.ui-icon-plusthick { background-position: -32px -128px;}
.ui-icon-trash { background-position: -176px -96px;}
.ui-icon-que { background-position: -49px -145px; border:1px solid #79B7E7; width: 14px; height: 14px;}
.ui-icon-edit { background-position: -62px -111px;}
.ui-icon-next {background-position: -48px -194px;}
.ui-icon-previous {background-position: -80px -194px;}

/* Css for content tabs */
.ui-tabs .ui-tabs-hide { display: none !important; }/* Caution! Ensure accessibility in print and other media types... */	
.ui-tabs-nav { list-style: none;  margin: 0; padding: 0 0 0 3px;}/* Skin */	
/* clearing without presentational markup, IE gets extra treatment */
.ui-tabs-nav:after {display: block; clear: both; content: " "; }
.ui-tabs-nav li {margin:0 0 0 .5em; float: left;  font-weight: bold; list-style:none;}
/* fixes dir=ltr problem and other quirks IE */
.ui-tabs-nav a, .ui-tabs-nav a span {float: left; padding: 0 7px 0 10px; background: url(http://img.carwale.com/cw-common/tab2.png) no-repeat;}
/* position: relative makes opacity fail for disabled tab in IE */
.ui-tabs-nav a { margin: 5px 0 0;  padding-left: 0; background-position: 100% 0; text-decoration: none; white-space: nowrap; /* @ IE 6 */outline: 0; /* @ Firefox, prevent dotted border after click */ }
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #FFF; font-weight:bold;} 
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 5px; z-index: 2; margin-top: 0; background-position: 100% -25px;}
.ui-tabs-nav a span { padding-top: 0px; padding-right: 0;height: 25px; background-position: 0 0; line-height:25px;} 
.ui-tabs-nav .ui-tabs-selected a span { padding-top: 1px; height: 25px; background-position: 0 -25px; line-height:25px; color:#000;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text;/* @ Opera, use pseudo classes otherwise it confuses cursor... */}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { cursor: pointer;}/* @ Opera, we need to be explicit again here now... */
.ui-tabs-disabled {opacity: .4;filter: alpha(opacity=40);}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000;}
.ui-tabs-panel { border: 1px solid #6598CC; padding: 10px; background: #fff; min-height:50px; display:block;} /* declare background color for container to avoid distorted fonts in IE while fading */  
.ui-tabs-nav {display: inline-block;}/* auto clear @ IE 6 & IE 7 Quirks Mode */

/* Css for grey overlay box */
.gb-content { border: 1px solid #a6c9e2; color: #222222; }
#gb-window { position: absolute; padding: .1em; width: 300px; z-index:100002; display:none; border: 1px solid #a6c9e2; background-color:#fff;}
#gb-window #gb-head{position:relative; border: 1px solid #4297d7; background: #5c9ccc url(http://img.carwale.com/cw-common/jq-ui/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; height:25px;}
#gb-window #gb-title { float: left; margin: .4em 0 .3em .3em;} 
#gb-window #gb-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px;}
#gb-window #gb-close span { display: block; margin: 1px; }
#gb-window #gb-content { border: 0; padding:10px; background: none; overflow:auto; zoom: 1; }
#gb-window #loading{margin:7px 0 7px 7px;}
#gb-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#F7F7F7; opacity: .30;filter:Alpha(Opacity=30); display:none; z-index:100001;}

/* CSS for thumbnail scroll */
.scroll-lt-active{background:url(http://img.carwale.com/cw-common/scroll-lt-active.gif) no-repeat; cursor:pointer; width:19px; height:51px; display:none;}
.scroll-rt-active{background:url(http://img.carwale.com/cw-common/scroll-rt-active.gif) no-repeat; cursor:pointer; width:19px; height:51px;}
/*Css for round blue border(1px)*/
.round-blue-top{ background:url(http://img.carwale.com/cw-common/round-bdr-bg.gif) no-repeat; background-position:0 -50px; width:646px; height:7px;}
.round-blue-bottom{background:url(http://img.carwale.com/cw-common/round-bdr-bg.gif) no-repeat; background-position:0 -66px; width:646px; height:9px;}
.round-blue-mid{border-left:1px solid #C1D9E5;border-right:1px solid #C1D9E5;width:644px;}

.round-blue-top-300{ background:url(http://img.carwale.com/cw-common/round-bdr-bg.gif) no-repeat; background-position:0 -78px; width:302px; height:7px;}
.round-blue-bottom-300{background:url(http://img.carwale.com/cw-common/round-bdr-bg.gif) no-repeat; background-position:0 -94px; width:302px; height:9px;}
.round-blue-mid-300{border-left:1px solid #C1D9E5;border-right:1px solid #C1D9E5;width:300px;}

/*  */
.mg_cars td{border-bottom:1px solid #6FA7D1; padding:5px;}
.awards{background-image:url(/Awards/2010/Images/awards.gif); height:26px; margin-top:2px; text-align:center; width:85px;}
.awardsHome{background-image:url(/Awards/2010/Images/awards.gif); height:26px; margin-top:2px; text-align:center; width:60px;}
.clear{clear:both; display:block; visibility:hidden;}

/*----------------- Css for Ajax Login Popup ---------------------------*/
#login-popup, #login-popup a, .reg-popup, .reg-popup a{color:#5B5B5B;}		
#login-popup{background:url(http://img.carwale.com/cw-common/login-bg.gif) no-repeat;width:251px; height:120px; text-align:left; font-size:10px; padding:0;}
#login-popup .login{width:245px; margin:1px 5px 5px 0; font-weight:bold; text-align:right; color:#5B5B5B;}
#login-popup .login-cont{margin:0; padding:0; list-style:none;}
#login-popup .login-cont li{padding:2px 0 2px 5px; margin:0;}
.close-login{background:url(http://img.carwale.com/cw-common/icon-sheet.png); background-position:-19px 14px; width:11px; padding:0; height:11px; display:inline-block; margin:2px 0 0 5px; cursor:pointer; float:right;}		

.reg-popup{background:url(http://img.carwale.com/cw-common/reg-bg.gif) no-repeat;width:165px; height:52px; text-align:left; font-size:11px; padding:0 0 0 7px;}				
.reg-popup{font-weight:bold; color:#5B5B5B; font-size:10px;}

#login-tabs{clear:both; padding:1px 0 0 7px;}
#login-tabs .tabs{list-style:none; padding:0; margin:0;}
#login-tabs .tabs li{float:left; background-color:#6599CB; padding:1px 10px; margin-left:2px; cursor:pointer;}
#login-tabs .tabs a{text-decoration:none}
#login-tabs .tabs span{color:#fff;}
#login-tabs .tabs li.sel{background-color:#FFF; color:#000; border:1px solid #6599CB; padding:0; margin:0;}
#login-tabs .tabs li.normal{margin:0 2px 0 0;}
#lg-panel{clear:both; background-color:#FFF; width:230px; margin-left:7px; border:1px solid #6599CB;padding:7px 0; height:60px;}
#login-tabs li.sel a{z-index:2; position:relative; top:2px; background-color:#FFF;}
#login-tabs li.sel span{padding:0 5px; color:#000;}
#lg-panel input{color:#272727;}
#login-tabs,#lg-panel{margin-left:9px;} 

.alert{background:url(http://img.carwale.com/cw-common/bg_alert.gif) repeat-x; padding:5px; border:1px solid #F7EC64;}

/*----------------- Social Networking ---------------------------*/
.share-page{border:1px solid #CCCCCC; background-color:#F3F3F3; text-align:right; width:155px; float:right; padding:5px; vertical-align:middle; line-height:100%;}
.share-page span{float:left; line-height:15px;}
.social-prifile{text-align:right; width:110px; float:right;}
.social-prifile span{float:left; line-height:15px;}
.share-frnds{background:url(http://img.carwale.com/icons/share.gif); background-repeat:no-repeat; display:inline-block;}
.facebook{background-position:0 0; height:16px; width:20px;}
.twitter{background-position:-21px 0; height:16px; width:20px;}
.mail-frnds{background-position:-41px 0; height:16px; width:16px;}

/*----------------- Class to handle Asp.Net trace background ---------------------------*/
#__asptrace{background-color:#fff;}

/*----------------- Social Network Buttons ---------------------------------------------*/
ul.social { list-style:none; clear:both; margin:10px 0; padding:0;}
.social li { float:left; margin:0; padding:0; height:30px; valign:middle;}