/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     Joslyn (www.datavoice.co.in)
    Version:    2010-01-05, 14:30 IST

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */
/*@import url(tables.css);
*/

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */
body {background:url("../images/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "Verdana", sans-serif;  }


/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */


#main {width:960px; margin:0 auto; overflow:hidden;  }

    #header {position:relative; height:90px; padding:0px 20px 15px 20px; }

        #logo {margin:0;}
    
	
        #topnav {position:absolute; top:-18px; right:-200px; margin:0; display:inline }
        #topnav span {margin:0 0px;}
        #topnav #nav-active {font-weight:bold; text-decoration:none;}
    
		#newbanner {position:absolute; top:0px; right:0px; margin:0; display:inline }
		#newbanner span {margin:0 0px;}
        #newbanner #nav-active {font-weight:bold; text-decoration:none;}
		
        #search {position:absolute; top:8px; right:260px;}
        #search div {position:relative; width:185px;}
        
        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url("../images/search-input.png") 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:8px; border:0; font:100%/1 "arial",sans-serif; background-color: transparent;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}

    #footer {clear:both; padding:20px 20px 25px 20px; font-size:85%;}
    #footer p {margin:0;}




/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top {width:960px; height:5px; margin-top:15px; background:url("../images/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; }
#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#col {position:relative; padding:0px 0px 15px 20px; background:url("../images/col.jpg") 0 0 no-repeat #f5f5f5;}
* html .col {width:310px;}
 
    #ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("../images/ribbon.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}

    #col-browser {position:relative; float:left;}
    #col-browser img {position:absolute; top:-35px; left:-20px;}

    #col-text {float:left; width:600px; text-align:left; padding-top:15px; line-height:1.7; height:auto;}

        #slogan {position:relative; width:512x; height:33px; overflow:hidden; margin:0; padding:0; font-size:180%;}
        #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../images/slogan.gif") 0 0 no-repeat; }
        #btns {margin-top:15px; margin-bottom:0;}

#cols2-top {width:960px; height:5px; margin-top:15px; background:url("../images/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; }
#cols2-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../images/cols2.gif") 0 0 repeat-y;}

    #cols2 #col-left {float:left; width:595px; padding:20px;}
    #cols2 #col-right {float:right; width:268px; margin-right:1px; padding:20px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 #col-left .title {background:url("../images/dot.gif") 0 50% repeat-x;}
        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-left .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px;}
        #cols2 #col-right h4 {background:url("../images/dot-02.gif") 0 50% repeat-x;}
        #cols2 #col-right h4 span {padding-right:10px;}
		
		#cols3 .col-right-img {float:left; width:70px; height:80px; border:#000 solid 0px;}
        #cols3 .col-right-text {float:right; width:210px; height:80px; border:#06F solid 0px; }

		
<!--    #cols2 .col-right-img {float:left; width:65px;}-->
       <!--  #cols2 .col-right-text {float:right; width:190px;}-->
	   
        #cols2 .col-right-text p {margin:0;}

#cols3-top {width:960px; height:5px; margin-top:15px; background:url("../images/cols3-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; border:solid #C00 0px;}
#cols3-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3 {background:url("../images/cols3.gif") 0 0 repeat-y;}

    .col {float:left; width:308px; padding:0 1px; margin-right:15px; height:300px;}
    .col.last {margin-right:0;}
    .col h3 {margin:0; padding:1px 15px 3px 32px;  font-size:120%; text-decoration:none; }
        .col-text {padding:7px; border-top:0px solid #DFDFDF; font-size:11px;}
        .col-text p {margin:0; }
        .col-text ul {margin-bottom:0; }
		
        .col-more {padding:5px 10px 5px 0; text-align:center;}

#column_holder {float:left; width:976px;  border:solid #0CC 0px; margin-bottom:10px;}
#column_holder .col1 {float:left; width:310px;  border:solid #000 0px; text-align:left; padding-right:15px;  }


/* ----------------------------------------------------------------------------------------------------------
5) Wrapper
---------------------------------------------------------------------------------------------------------- */

div.wrapper{
	position:relative;
	float:left;
	width:100%;
	margin:0;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	line-height:normal;
	font-weight:normal;
	font-size:36px;
	font-family:"Century Gothic", "tahoma",sans-serif;
	border-bottom:1px solid #D2D2D2;
	}



/* ----------------------------------------------Breadcrumb Navigation-------------------------------------*/

#breadcrumb{
	position:relative;
	margin:0 auto 0;
	text-align:left;
	width:950px;
	padding:4px 0;
	font-size:10px;
	}

#breadcrumb a{
	color:#525252;
	font-size:10px;
	}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.first{font-weight:bold;}
#breadcrumb ul li.current a{text-decoration:underline;}




/* ----------------------------------------------Content-------------------------------------*/

#container{
	padding:15px 0;
	}
	
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	font-family:"Century Gothic", "tahoma",sans-serif;
	font-weight:normal;
	font-size:22px;
	margin:0 0 10px 0;
	padding:0;
	color:#7EBF25;
	}

#container a{
	color:#009900;
	}

#content{
	display:block;
	float:left;
	width:660px;
	padding:10px 0 0 0;
	text-align:justify;
	}

#content #screen, #content #info{ margin-bottom:15px; padding-bottom:20px; border-bottom:1px dotted #666666; }

#content  ul{ margin:5px 0; list-style:none;}
#content  ul li {padding:2px 0 0 25px; background:url("../images/ul-01.gif") 0 13% no-repeat; font-size:100%;}

#content #info p{ margin:0; padding:0; }



/* ----------------------------------------------Column-------------------------------------*/

#column{
	display:block;
	float:right;
	width:270px;
	padding:10px 0 0 10px;
	background-color:#EBFFEB;
	}
#columnnav{
	display:block;
	float:right;
	width:270px;
	padding:6px 0 0 10px;
	background-color:#F8F8F8;
	margin-bottom:15px;
	}

#column .holder{
	display:block;
	width:260px;
	margin-bottom:15px;
	}
	
#column .holder h2{
	color:#007ACB;
	}	
	
#column .holder p{
	line-height:1.6em;
	}

#column h2{
	font-size:20px;
	font-weight:normal;
	font-family:"Century Gothic", "tahoma",sans-serif;
	}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

#column div.imgholder{
	display:block;
	width:250px;
	margin:0 0 10px 0;
	}

#columnnav .navigation{
	display:block;
	width:270px;
	margin-bottom:15px;
	}

#column .columnnav .title{margin:0 0 8px 2px; font-family:"Century Gothic", "tahoma",sans-serif; font-weight: 500; color:#007ACB; }

#columnnav .navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#column ul#banner125 li{
	display:inline; /* Gets Rid of IE6 double margin bug */
	float:left;
	width:125px;
	height:125px;
	margin:0 0 10px 10px;
	}





/* ----------------------------------------------------------------------------------------------------------
6) Others
---------------------------------------------------------------------------------------------------------- */
.subheader {
	color:#007ACB;
	font-weight:200;
	}	
.ico-comment {padding-left:18px; background:url("../images/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("../images/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}
.quotemark { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#005183; font-weight:700;} 
.highlite { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#005183; font-weight:700;} 
.top{
	text-align:right;
	padding:1px;
	text-decoration:none;

}
.navsubmenu{
	padding-left:12px;
	text-decoration:none;
	font-size:11px;
}


/* ----------------------------------------------form-------------------------------------*/

.prod_box_outer{
width:650px;;
float:left;
padding-bottom:10px;
border:#363 solid 0px;
}

.prod_box{
width:150px;;
float:left;
height:auto;
padding:10px 20px 10px 20px;
border:#363 solid 0px;
}

.form_contact{
width:550px;;
float:left;
height:auto;
border:#363 solid 0px;
}

.dropdownEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	width: 262px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.dropdownEffect:hover
{
background-color:#FFFFFF;
color:#929F4B;
margin:0px;
padding:0px;
border:1px solid #7A8639;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

label
{
width: 8em;
float: left;
text-align: left;
margin-right: 0.2em;
padding-bottom:5px;
padding-top:5px;
display: block
}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#3E7060; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#3E7060; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

.loginbox {
	padding: 0px;
	float: left;
	width:650px;
	border:#3F6 solid 0px;
	background:#EAF9FF;
	padding:10px;
}



.sitemap{
width:auto;
float:left;
height:auto;
border:#363 solid 0px;
}