body {
    background: #FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-weight: normal;
    color: #666666;
    margin: 0px 0px 0px 0px;
    text-align: center;
    line-height: 120%;
    height: auto;
}

.req{color:red}

a {
    color: #E57700;
}

/*

//Commented By Siddharth Jain as on 05.10.2009
//New style provided by Reenu

p {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
}
*/

p {
     display: block;
     width: 100%;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 15px 0px;
     clear: both;
}


/**** outer containing div ****/
.container {    
    width: 980px;
    height: 100%;
    position:relative;
    margin:0 auto;
    padding:0;
    display: block;
    clear: both;
}
/**** containing div ****/
.container .wrap {
    width: 980px;
    position:relative;
    margin:0 auto;
    padding:0;
    float: left;
    display: block;
    clear: both;
}
/**** header ****/
.container .wrap .header {
    background: url(/resource/1258958965000/PortalImages/images/nav_top_bg.gif) repeat-y;
    width: 980px;
    display: block;
    text-align: left;
}
.container .wrap .header .head {
    width: 920px;
    display: block;
    height: 70px;
    padding: 15px 30px 0px 30px;
    margin: 0px 0px 0px 0px;
}
.container .wrap .header .head h1 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 200px;
    height: 60px; 
    background: url(/resource/1258958965000/PortalImages/images/cycle2work.gif) repeat-y;
}

.container .wrap .header .head h1 span {
    text-indent: -9999em;
    display: block;
}

.container .wrap .header .head h2 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 200px;
    height: 60px; 
    
}
.container .wrap .header .head h2 span {
    text-indent: -9999em;
    display: block;
}

.container .wrap .header .head .links {
    padding: 0px 0px 0px 0px;
    margin: -60px 0px 0px 0px;
    display: block;
    float: right;
    width: 500px;
    text-align: right;
    font-size: 90%;
}

.container .wrap .header .head .links2 {
    padding: 0px 0px 0px 0px;
    margin: -15px 0px 0px 0px;
    display: block;
    float: right;
    width: 500px;
    text-align: right;
    font-size: 90%;
}
.container .wrap .header .head .links2 a {
    color: #747474;
    text-decoration: none;
}

/**** navigation ****/
.container .wrap .header .navsection {
    width: 980px;
    display: block;
    float: left;
    clear: both;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(/resource/1258958965000/PortalImages/images/nav_bg.gif) bottom no-repeat;
}

.container .wrap .header .navsection .nav {
    width: 920px;
    float: left;
    height: 36px;
    border-top: none;
    padding: 0px 30px 0px 30px;
    margin: 0px 0px 0px 0px;
}
.container .wrap .header .navsection .nav ul {
    display: block;
    float: left;
    list-style: none;
    height: 36px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #FFFFFF;
}
.container .wrap .header .navsection .nav ul li {
    display: inline;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: auto;
    height: 36px;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
}
.container .wrap .header .navsection .nav ul li.on {
    display: inline-block;
    color: #FFFFFF;
    float: left;
    text-decoration: none;
    width: auto;
    height: 26px;
    padding: 10px 10px 0px 30px;
    _padding: 0px 10px 0px 30px;
    margin: 0px 0px 0px 0px;
    background: url(/resource/1258958965000/PortalImages/images/nav_arrow.png) left no-repeat;
    _background: url(/resource/1258958965000/PortalImages/images/nav_arrow.gif) left no-repeat;
}

.container .wrap .header .navsection .nav ul li.on a {
    background: url(/resource/1258958965000/PortalImages/images/nav_bg_right.png) right no-repeat;
    _background: url(/resource/1258958965000/PortalImages/images/nav_bg_right.gif) right no-repeat;
    //NotInUsebackground: url(/resource/1258958966000/nav_bg_right_gif);
        padding: 20px 20px 0px 0px;
    _padding: 10px 20px 0px 0px;
    margin: -20px -10px 0px 0px;
    _margin: 0px -10px 0px 0px;
    height: 36px;
    _height: 26px;
}
.container .wrap .header .navsection .nav ul li.on a:hover {
    background: url(/resource/1258958965000/PortalImages/images/nav_bg_right.png) right no-repeat;
    _background: url(/resource/1258958965000/PortalImages/images/nav_bg_right.gif) right no-repeat;
    //NotInUsebackground: url(/resource/1258958966000/nav_bg_right_gif);
        padding: 20px 20px 0px 0px;
    _padding: 10px 20px 0px 0px;
    margin: -20px -10px 0px 0px;
    _margin: 0px -10px 0px 0px;
    height: 36px;
    _height: 26px;
}
.container .wrap .header .navsection .nav ul li a {
        display: inline-block;
    color: #FFFFFF;
    float: left;
    text-decoration: none;
    width: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.container .wrap .header .navsection .nav ul li.off a {
    display: inline-block;
    color: #FFFFFF;
    float: left;
    text-decoration: none;
    width: auto;
    height: 26px;
    padding: 10px 5px 0px 30px;
    margin: 0px 0px 0px 0px;
    background: url(/resource/1258958965000/PortalImages/images/nav_arrow_g.gif) left no-repeat;
}
.container .wrap .header .navsection .nav ul li.off a:hover {
    display: inline-block;
    color: #FFFFFF;
    float: left;
    text-decoration: none;
    width: auto;
    height: 26px;
    margin: 0px;
    background: url(/resource/1258958965000/PortalImages/images/nav_arrow_w.gif) left no-repeat;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 30px;
}

.container .wrap .header .navsection .nav ul li.divide {
    display: inline-block;
    float: left;
    width: 2px;
    height: 36px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    background: url(/resource/1258958965000/PortalImages/images/nav_divide.gif) bottom no-repeat;
    background-repeat: no-repeat;
    background-position: bottom;
}

/**** main section of the site ****/
.container .wrap .maincontent {
    width: 980px;
    display: block;
    float: left;
    text-align: left;
    padding: 15px 0px 0px 0px;
    background: url(/resource/1258958965000/PortalImages/images/content_bg.gif) repeat-y;
}
.container .wrap .maincontent .breadcrumb 
{
        width: 980px;
        display: block;
        float: left;
        text-align: left;
        margin-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 0px;
}

/**** left section of the site ****/
.container .wrap .maincontent .content {
    width: 710px;
    display: block; 
    float: left;
    text-align: left;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
}



/**** right section of the site ****/
.container .wrap .maincontent .content2 {
    width: 240px;
    display: block; 
    float: right;
    text-align: left;
    padding: 0px 0px 0px 0px;
}
.container .wrap .maincontent .content2 h3 {
    width: 220px;
    display: block; 
    float: left;
    text-align: left;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    background: url(/resource/1258958965000/PortalImages/images/calculator_top.gif);
    color: #FFFFFF;
    font-size: 140%;
}
.container .wrap .maincontent .content2 .calculator {
    width: 210px;
    display: block; 
    float: left;
    text-align: left;
    padding: 0px 0px 0px 0px;
    background: #F2F2F2;
    min-height: 300px; 
}



/** calculator **/

.container .wrap .maincontent .content2 .calculator {
    display: block;
    float: left;
    width: 210px;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 0px 0px;
}

.container .wrap .maincontent .content2 .calculator fieldset {
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.container .wrap .maincontent .content2 .calculator .row {
    display: block;
    float: left;
    width: 210px;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}

.container .wrap .maincontent .content2 .calculator .row label {
    display: block;
    float: left;
    clear: both;
    width: 210px;
    font-weight: bold;
    font-size: 100%;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}
.container .wrap .maincontent .content2 .calculator .row .pound {
    display: block;
    float: left;
    width: 20px;
    font-weight: bold;
    font-size: 180%;
    color: #b2b2b2;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.container .wrap .maincontent .content2 .calculator .row input {
    display: inline;
    float: left;
    color: #666666;
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 0px 0px;
    background: #FFFFFF;
    width: 150px;
    border: 1px solid #CCCCCC;
}

.container .wrap .maincontent .content2 .calculator .row select {
    display: inline;
    float: left;
    color: #666666;
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    background: #FFFFFF;
    width: 182px;
    border: 1px solid #CCCCCC;
}
.container .wrap .maincontent .content2 .calculator .row input.submit {
    display: block;
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 100%;
    padding: 0px 0px 0px 12px;
    margin: 15px 0px 0px 0px;
    background:url(/resource/1258958965000/PortalImages/images/calculate.jpg) no-repeat;
    width: 97px;
    height: 28px;
    border: none;
}


.advice {
    width: 220px;
    display: block; 
    float: left;
    padding: 10px 10px 10px 10px;
    margin: 30px 0px 0px 0px;
    background: #F2F2F2;
}
.advice h4 {
    width: 220px;
    display: block; 
    padding: 10px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
    color: #94CB00 ;
    font-size: 140%;
    background: transparent;
}

.advice .browse {
    height: 25px;
    display: block; 
    padding: 0px 0px 0px 25px;
    margin: 10px 0px 0px 0px;
    background: url(/resource/1258958965000/PortalImages/images/orange_arrow.png) left no-repeat;
}

.advice .browse a {
    height: 20px;
    display: block; 
    float: left;
    padding: 5px 15px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(/resource/1258958965000/PortalImages/images/orange_bg_right.png) right no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}


/** footer **/
.footer {
    width: 980px;
    display: block;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
    font-size: 90%;
}
.footer .copyright {
    width: 920px;
    height: 30px;
    display: block;
    float: left;
    text-align: left;
    color: #FFFFFF;
    padding: 7px 30px 0px 30px;
    background: url(/resource/1258958965000/PortalImages/images/footer.gif) no-repeat;
}
.footer .copyright .rights {
    display: block;
    float: left;
    text-align: left;
    color: #FFFFFF;
    padding: 0px 0px 0px 0px; 
}
.footer .copyright .links {
    display: block;
    float: right;
    text-align: right;
    color: #FFFFFF;
    padding: 0px 0px 0px 0px;
}
.footer .copyright .links a {
    color: #FFFFFF;
}

/******* New styles added by Siddharth Jain as on 05.10.09 *****/
/******* These are primarily for alignment and header text *****/

/*
.orange 
{
    display: block;
    width: 100%;
    color: #FBA534;
    padding: 10px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 200%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}*/

.orange {
    display: block;
    width: 100%;
    color: #FBA534;
    margin: 0px;
    font-size: 200%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.green
{
    color:#94CB00;
    font-size: 140%;
    font-weight: bold;
    line-height: 22px;
}

li
{
    padding-bottom:12px;
    text-align: justify;
}

.orSmall
{
    color:#E57700;
    font-size:120%;
}
ul{
    margin-left: 30px;
}

ol{
    margin-left: 30px;
    margin-top: 10px;
}

/* For Bike Catalogue screen*/
.border{
                border: 1px solid #DADADA;
                float: left;
                margin-top: 10px;
}

.small{
                font-size:11px;
}

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

.red 
{
    color:red;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}