/* --------------------------------------------------------------------------------------------- */
/* Global rules */
body{
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, sans-serif;
	color: #70706f;
	background: white url(/images/gradient_body_background.gif) repeat-x top left;
	padding-top: 25px;

}
a:link, a:visited{
    color: #70706f;
    text-decoration: none;
}

a:hover, a:active{
    text-decoration: underline;
}

.clearfix{
    clear: both;
}

/* --------------------------------------------------------------------------------------------- */
/* Site pages */
#page{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}
#content_page{
	width: 880px;
    border: 0px solid black;
    margin-left: auto;
	margin-right: auto;

}

/* --------------------------------------------------------------------------------------------- */
/* Holds the logo and the testimonial widget */
#top_section{
	background: #d32900 url(/images/gradient_top_section_background.gif) repeat-x bottom left;
	height: 90px;
	position: relative;
        color: white;
        font-weight: bold;
}

#content_page #top_section{
    width: 880px;
    position: relative;
    left: 3px;
    border: 0px solid blue;
}


#top_section .logo{
    margin-left: 20px;
    margin-top: 15px;
    border: 0px;
}

    #top_section .top_left_curve{
    height: 23px;
    width: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(/images/top_section_top_left.gif) no-repeat top left;
    }

/* --------------------------------------------------------------------------------------------- */
/* Testimonial widget in upper right hand corner */
/* Put it in the mid section because ... top and mid sections are relative */
/* If you put it in the top section the bottom curved part will be cut out */
#why_compare{
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0px solid black;
    width: 229px;
    background: #5fade3 url(/images/we_compare_bottom_curve.gif) no-repeat bottom right;
    color: white;
}

    #why_compare h2{
        font-size: 15px;
        padding: 0;
        margin: 0;
        margin-left: 10px;
        padding-top: 3px;
        border: 0px solid black;
        height: 25px;
        background: url(/images/we_compare_top_right.gif) no-repeat top right;
    }

    #why_compare p{
        font-size: 13px;
        text-align: center;
        background: url(/images/gradient_we_compare.gif) repeat-x bottom left;
        padding: 7px 24px 0px 24px;
        margin: 0px;
        height: 57px;
    }

    #why_compare div{
        font-size: 10px;
        background: url(/images/we_compare_bottom_curve.gif) no-repeat bottom right;
        height: 25px;
        margin-top: -2px;
        padding-top: 0px;
        padding-left: 90px;
        padding-right: 10px;
        border: 0px solid black;
        z-index: 1000;
    }

/* --------------------------------------------------------------------------------------------- */
/* Main section of page */
#mid_section{
	background: #cff7ae url(/images/gradient_mid_section_background.gif) repeat-x top left;
	height: 220px;
   border: 0px solid red;
}

    #mid_section ul{
        margin: 0;
        padding: 0;
        list-style: none;
        color: #4b4b4b;
        font-size: 14px;
        font-weight: bold;
        margin-left: 50px;
    }
    #mid_section ul li{
        float: left;
/*        margin-top: 25px;
        margin-right: 25px; */
        text-align: center;
    }

    #end_links_container ul li{
      float: left;
	  width:140px;
      margin-top: 25px;
      margin-right: 22px;
      text-align: center;
	 
    }

    #start_links_container ul li{
      float: left;
	  width:135px;
      margin-top: 25px;
      margin-right: 22px;
      text-align: center;
	 
    }
    
    #end_links_container ul
    {
    	margin: 10px 0px;
    	padding: 0px;
    }
    
    #end_links_container ul li
    {
    	float: left;
    	text-align: center;
    	margin-right: 18px;
    	white-space: nowrap;
    }

    #mid_section ul a:link, #mid_section ul a:visited{
        display: block;
        margin-bottom: 5px;
        color: #4b4b4b;
        text-decoration: none;
    }


    #mid_section ul a:hover, #mid_section ul a:active{
        text-decoration: underline;
    }

#mid_section .tagline{
	margin-top: 25px;
	margin-left: 15px;
}

/* --------------------------------------------------------------------------------------------- */
/* Main section of b page */
/* Hack to compensate for IE6 lack of support for transparent pngs */
#content_page #mid_section{
    /* These are to remove the settings from the #midsection declaration above */
    background-image: url(/images/b_page_body_shadow.gif);
    background-position: top 2px;
    background-repeat: repeat-y;
    background-color: transparent;
    /* --------------------------- */
    width: 787px;
    border: 0px solid green;
    height: auto;
	border: 0px solid black;
}

#content_page > #mid_section{
    background: url(/images/b_page_body_shadow.png) repeat-y top left;
}

/* --------------------------------------------------------------------------------------------- */
/* MAIN CONTENT SECTION FOR B PAGES */
#content_page #mid_section .content{
    background: white url(/images/gradient_bpage_mid_section.gif) repeat-x top left;
    border: 0px solid black;
    width: 830px;
    font-size: 12px;
    padding: 32px 25px 10px 25px;
    margin-left: 3px;
}
/* Continuing hack to compensate for lack of shadow around body
#content_page #mid_section > .content{
    margin-left: 3px;
}*/


#content_page #mid_section .content h1{
    color: white;
    text-shadow: #a0a0a0 2px -2px 2px;
    margin: 0;
    padding: 0;
    font-size: 22px;
}

#content_page #mid_section .content a:link, #content_page #mid_section .content a:visited{
    color: #e68200;
    text-decoration: underline;
}

#content_page #mid_section .content a:hover, #content_page #mid_section .content a:active{
    text-decoration: none;
}


#content_page #mid_section .content h2{
    margin: 0;
    margin-top: 20px;
    padding: 0;
    font-size: 15px;
}

/* --------------------------------------------------------------------------------------------- */
.left_column{
    float: left;
    width: 480px;
    border: 0px solid blue;
    padding-left: 20px;
    padding-right: 20px;
}

.left_column p{
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

/* --------------------------------------------------------------------------------------------- */
.right_column{
    float: right;
    border: 0px solid black;
    width: 200px;
}

.right_column span.date{
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #5fade3;
    font-weight: bold;
    display: block;
}

.right_column p{
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 5px;
}
    .right_column .notice{
        border: 0px solid black;
        margin-top: 45px;
    }

    .right_column .notice h3{
        font-size: 15px;
        margin: 0;
        padding: 2px 3px;
        color: white;
        background: url(/images/gradient_notice_background.gif) repeat-y top left;
    }

    .right_column .notice p{
        margin: 0;
        padding: 5px 5px;
         background: url(/images/gradient_notice_body_background.gif) no-repeat;
        font-weight: bold;

    }

/* --------------------------------------------------------------------------------------------- */
#bottom_section{
	background: #5fade3 url(/images/bottom_section_background.jpg) no-repeat top right;
    height: 164px;
    overflow: hidden;
}

    #bottom_section ul{
        color: white;
        font-size: 13px;
        border: 0px solid white;
        padding-top: 15px;
        list-style: disc;
        margin-top: 0px;
    }

    #bottom_section ul li{
        font-weight: bold;
        padding: 0px;
        line-height: 24px;
    }

/* --------------------------------------------------------------------------------------------- */
#bottom_curve{
	z-index:-1;
	height: 30px;
	width: 880px;
	background: #5fade3 url(/images/bottom_curve_background.jpg) no-repeat top right;
}


/* IE PNG HACK */
/* IE doesn't get the > so it applies this but other browsers pick up the next declaration */
/* and all is at one in the universe :) */
#content_page #bottom_curve{
    width: 880px;
    background: white;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/b_page_bottom_curve_background.png",sizingMethod="crop");
    border: 0px solid black;
    position: relative;
    left: 1px;
    .margin-top: 85px; /*IE 7 hack to give the right spacing */
    _margin-top: 0px; /*IE6 hack to give the right spacing */
}

#content_page > #bottom_curve{
    width: 880px;
	background: url(/images/b_page_bottom_curve_background.png) no-repeat top left;
    border: 0px solid black;
    position: relative;
	
    left: 1px;
}

/* --------------------------------------------------------------------------------------------- */
#footer{
	font-size: 11px;
    min-height: 30px;
    text-align: center;
}


.sitemaplink { font-size: 13px; font-weight: normal; text-decoration: none !important; }
.sitemaplink:link { font-size: 13px; font-weight: normal; text-decoration: none; background: url(/images/sitemap-bullet.gif) no-repeat left top; padding-left: 20px; }
.sitemaplink:visited { font-size: 13px; font-weight: normal; text-decoration: none; background: url(/images/sitemap-bullet.gif) no-repeat left top; padding-left: 20px; }
.sitemaplink:hover { font-size: 13px; font-weight: normal; text-decoration: none; color:#000000 !important; background: url(/images/sitemap-bullet.gif) no-repeat left top; padding-left: 20px; }


/* Added Date : 07012009 from Hemal Kharadi */
.clear {clear:both;}

.testimonials-bg {background:#D0F8AE; padding-left:17px; padding-right:17px; width:846px; padding-bottom:10px;}
.customer-testimonials {width:275px; margin-top:6px; padding-right:10px; float:left;}
.customer-testimonials p {font-family: Trebuchet MS, Arial, sans-serif;	color: #000000; font-size:12px; line-height:17px; margin-top:5px;}
.customer-testimonials h4.heading {font:bold 20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-bottom:0px; margin-top:0px;}
.customer-testinomials h4.heading span  {font:bold 20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#FF7E00; text-decoration:none;}

.top-article {width:275px; margin-top:6px; padding-right:17px; float:left;}
.top-article h4.heading {font:bold 20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-bottom:0px; margin-top:0px;}
.top-article p {font-family:Trebuchet MS, Arial, sans-serif; font-weight:normal; color:#000000; font-size:12px; line-height:17px; margin-top:5px;} 
.top-article p a {color:#256D02; text-decoration:underline;}
.top-article p a:hover {color:#256D02; text-decoration:none;}

.top-search-state {width:256px; margin-top:6px; float:left;}
.top-search-state h4.heading {font:bold 20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-bottom:0px; margin-top:0px;}
.top-search-state p {font-family:Trebuchet MS, Arial, sans-serif; font-weight:bold; color:#000000; font-size:12px; line-height:17px; margin-top:5px;} 

.home-hr-line {background:url(/images/home-hr-line.gif) repeat-y;}

.article-info {background:url(/images/article-divider.gif) repeat-y; width:835px; overflow:auto; }
.article-info-left {width:200px; float:left;}
.article-info-left h5.heading {font:bold 15px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-bottom:0px; margin-top:0px;}
.article-info-left p {font-family:Trebuchet MS, Arial, sans-serif; font-weight:normal; color:#000000; font-size:12px; line-height:17px; margin-top:5px;} 
.article-info-left p a {color:#256D02; text-decoration:underline; font-size:10px;}
.article-info-left p a:hover {color:#256D02; text-decoration:none; font-size:10px;}

.article-info-middle {float:left; width:620px; margin-left:10px;}
.article-info-middle h1.article-heading {font:bold 16px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}
.article-info-middle p {font-family:Trebuchet MS, Arial, sans-serif; font-weight:normal; color:#70706f; font-size:11px; line-height:17px; margin-top:5px;}

.article-divider {background:url(/images/article-divider.gif) repeat-y;}

.bullet {font:bold 15px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; }

/* Added Dt.19082009 from HB */
.home-hr-line-new {background:url(/images/home-hr-line-new.gif) repeat-y;}
.home-left-content {width:547px; padding-left:15px; float:left;}
.home-left-content p {font:normal 13px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-bottom:10px; line-height:20px;}
.home-left-content ul {margin:0; padding:0;}
.home-left-content ul li {list-style-type:none; font:normal 13px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-bottom:5px; background:url(../images/orange-arrow.gif) no-repeat 0 9px; padding-left:11px;}
.home-left-content h2 {margin:0; padding:0; font:bold 18px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-top:20px;}
.home-left-content h3 {font:bold 16px Trebuchet MS, Arial, Helvetica, sans-serif; color:#ff7300; text-decoration:none; margin-bottom:0px;}
.home-left-content h3 a {font:bold 16px Trebuchet MS, Arial, Helvetica, sans-serif; color:#ff7300; text-decoration:underline;}
.home-left-content h3 a:hover {font:bold 16px Trebuchet MS, Arial, Helvetica, sans-serif; color:#ff7300; text-decoration:none;}

.home-right-content {width:264px; padding-left:16px; float:left;}

a.orangelink-normal {font:normal 13px Trebuchet MS, Arial, Helvetica, sans-serif; color:#ff7300; text-decoration:none;}
a:hover.orangelink-normal {font:normal 13px Trebuchet MS, Arial, Helvetica, sans-serif; color:#ff7300; text-decoration:underline;}


/*Added New by natvar mistry on 25-08-2009*/

.testimonials-bg1 {background:#D0F8AE; padding-left:17px; padding-right:17px; width:846px; padding-bottom:10px;}
.customer-testimonials1 {width:275px; margin-top:6px; padding-right:10px; float:left;}
.customer-testimonials1 p {font-family: Trebuchet MS, Arial, sans-serif;	color: #000000; font-size:12px; line-height:17px; margin-top:5px;}
.customer-testimonials1 h4.heading {font:bold 20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-bottom:0px; margin-top:0px;}
.customer-testinomials1 h4.heading span  {font:bold 20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#FF7E00; text-decoration:none;}

.top-article1 {width:275px; margin-top:6px; padding-right:10px; float:left; margin-left:10px;}
.top-article1 h4.heading {font:bold 20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-bottom:0px; margin-top:0px;}
.top-article1 p {font-family:Trebuchet MS, Arial, sans-serif; font-weight:normal; color:#000000; font-size:12px; line-height:17px; margin-top:5px;} 
.top-article1 p a {color:#256D02; text-decoration:underline;}
.top-article1 p a:hover {color:#256D02; text-decoration:none;}

.top-search-state1 {width:256px; margin-top:6px; float:left; padding-left:7px;}
.top-search-state1 h4.heading {font:bold 20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-bottom:0px; margin-top:0px;}
.top-search-state1 p {font-family:Trebuchet MS, Arial, sans-serif; font-weight:bold; color:#000000; font-size:12px; line-height:17px; margin-top:5px;} 

.home-hr-line1 {background:url(/images/home-hr-line.gif) repeat-y;}