@charset "utf-8";
/* CSS Document */

body
{
	background-image:url(images/bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
}

.main
{
	width:980px;
	margin:0px auto;
}

/** New Menu **/
.menu
{
	width:980px;
	height:50px;
	background-image:url(images/menu-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}

/* remove the list style */
#newmenu 
{
	margin:0; 
	padding:0; 
	list-style:none;
}	
	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#newmenu li 
{
	float:left;
	width:110px; 
	display:block; 
	position:relative;
	z-index:100; 
	margin:0px;
	background:url(images/menu-sep.gif) 100% no-repeat;	
}
		
/* this is the parent menu */
#newmenu li a 
{
	padding:16px 20px 18px 20px; 	
	color:#fff;
	font:13px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	display:block; 		
}

#newmenu li a:hover 
{
	color:#bfd7e3;
	background-image:url(images/menu-hover.gif);
	background-position:top;
	background-repeat:repeat-x;
}

#newmenu li:hover a
{ 
	color:#bfd7e3;
	background-image:url(images/menu-hover.gif);
	background-position:top;
	background-repeat:repeat-x;
}	
	
/* you can make a different style for default selected value */
#newmenu a.selected 
{
	color:#bfd7e3;
	background-image:url(images/menu-hover.gif);
	background-position:top;
	background-repeat:repeat-x;
}
/* submenu, it's hidden by default */
#newmenu ul 
{
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
	background-color:#1A3C8F;
	margin-left:0px;
}
		
#newmenu ul li 
{
	width:180px; 
	float:left; 
	background:none;
}
		
/* display block will make the link fill the whole area of LI */
#newmenu ul a 
{
	font-size:10.5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	background:none;
	color:#fff;
	padding:5px 6px;
	border-bottom:1px #143484 solid;
	font-weight:bold;
	text-align:left;
}
		
#newmenu ul a:hover 
{
	text-decoration:none;
	background:none;	
}

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

/** logo-bg **/
.logo-bg
{
	width:980px;
	height:70px;
	border-bottom:2px #056DFB solid;
}

.logo
{
	float:left;
	width:200px;
	height:70px;
}

.icons
{
	float:left;
	margin-left:50px;
	height:65px;
	margin-top:0px;
}

.icon1
{
	float:left;
	margin-left:15px;
}

.icon1 p
{
	text-align:center;
}

.icon1 a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#B5660A;
	font-weight:bold;
	margin-bottom:0px;
	text-decoration:none;
	margin-top:0px;
	text-align:center;
}

.icon1 a:hover
{
	color:#056DFB;
	text-decoration:underline;
}
.animation
{
	float:right;
	width:161px;
	height:60px;
	margin:5px 0px;
}
/*** db-content ***/
.db-content
{
	margin-top:0px;
}

.db-content img
{
	margin:0;
	border:0px;
}

.db-content p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#7E7566;
	text-align:justify;
	margin-bottom:5px;
	margin-top:0px;
}

.db-content a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FF5500;
	margin-bottom:0px;
	text-decoration:none;
}

.db-content a:hover
{
	color:#056DFB;
	text-decoration:underline;
}

.db-content h2
{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#564B3A;
	text-decoration:none;
	font-weight:lighter;
	margin:0px;
}

.db-content .link-more
{
	float:right;
	font-family:"Arial";
	font-size:12px;
	background-color:#1477FF;
	background-image:url(images/more-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding:0px 1px;
	color:#fff;
	font-weight:lighter;
	text-decoration:none;
}

.db-content .link-more:hover
{
	background-color:#003E94;
	background-image:none;
	color:#fff;
	text-decoration:none;
}

.db-content .view-all
{
	font-family:"Arial";
	font-size:12px;
	color:#5B7200;
	font-weight:bold;
	text-decoration:none;
}

.db-content .view-all:hover
{
	text-decoration:none;
	color:#E93929;
}

/*** table design ***/
.db-content table
{
	margin:15px 0px;
	padding:15px 0px;
	color:#555555;
	font-family:"Arial";
	font-size:12px;
	font-weight:lighter;
}

.odd
{
	background-color: #E3E3E3;
}

.db-content table .oddover
{
	background-color: #D6D6D6;
}

.db-content table td,th,tr
{
	height:22px;
	border:1px solid #cccccc;
	border-bottom:none;
	border-right:none;
	padding:3px;
}

.db-content table td a
{
	color:#FF8A00;
	font-family:"Arial";
	font-size:12px;
	font-weight:lighter;	
}

/*****************/
.db-cont-body
{
	width:980px;
	padding:15px 0px;
}

.db-left
{
	float:left;
	width:670px;
}

.db-left h2
{
	
}

.db-right
{
	float:left;
	width:280px;
	margin-left:30px;
}

.db-row1
{
	margin-bottom:5px;
	margin-top: 5px;
	border-bottom:1px #BDB99F dashed;
}

.db-row2
{
	padding-top:5px;
	
}

.db-left .left
{
	float:left;
	width:320px;
	margin:0px;
	padding:0px;
	border-right:1px #d9d9d9 solid;
	padding-right:14px;
	min-height:100px;
}

.db-left .right
{
	float:left;
	width:320px;
	margin:0px;
	padding:0px;
	min-height:100px;
	padding-left:15px;
}

/** db-slides **/
.db-slides
{
	width:320px;
	height:270px;
	position:relative;
	margin:0px;
	padding:0px;
}

.db-box1
{
	margin-bottom:15px;
	padding:5px 10px;
	padding-top:7px;
	border:1px #CCCCCC solid;
}

.db-box2
{
	padding:5px 10px;
	border:1px #CCCCCC solid;
}

.db-right h2
{
	font-size:15px;
	font-weight:normal;
	color:#fff;
	background-color:#24a5ff;
	padding:4px;
	text-transform:uppercase;
	padding-left:10px;
	border-bottom:1px #CCCCCC solid;
	border-top:1px #CCCCCC solid;
}

.product-1
{
	float:left;
	width:320px;
	padding:10px 15px 10px 0px;
	border-right:1px #cccccc dashed;
	overflow:hidden;
}

.product-2
{
	float:left;
	width:319px;
	padding:10px;
	padding:10px 0px 10px 15px;
	border-right:none;
	overflow:hidden;
}

a.title
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#042C82;
	margin-bottom:0px;
	font-weight:bold;
	text-decoration:none;
}

a.title:hover
{
	color:#3173FF;
	text-decoration:underline;
}

.single-cont
{
	border-bottom:1px #BDB99F dashed;
	margin-bottom:10px;
	padding-bottom:15px;
}
/*** listing ***/
a.listing 
{
	color:#0747CF;
	padding:5px 10px 5px 10px;
	display:block;
	background-image:url(images/listing_arrow.gif);
	background-position:left;
	background-repeat:no-repeat;

}

a.listing:hover 
{
	color:#FF5500;
	text-decoration:none; 
}

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

/** db-footer **/
.db-footer
{
	width:980px;
	padding:10px 0px;
	/*background-image:url(images/footer-top-bg.gif);
	background-position:top;*/
	background-repeat:repeat-x;
	border-top:1px #044EB5 solid;
	background-color:#0066FF;
}

.footer-text 
{
	color:#000; 
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:center;
}
.footer-text  a 
{
	color:#fff; 
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:0 1px;
	text-decoration:none;
 }

.footer-text  a:hover 
{
	color:#fff; 
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:0 1px;
	text-decoration:underline;
 }
















/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0px;
	left:-0px;
	z-index:99;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:320px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:320px;
	height:270px;
	display:block;
}


/*
	Pagination
*/

.pagination {
	position:absolute;
	top:275px;
	left:110px;
	margin:0px auto 0;
	width:100px;
	z-index:501;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:7px;
	height:0;
	padding-top:7px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -9px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:40px;
	padding:5px 10px 0 10px;
	background:#000;
	background:rgba(0,0,0,.5);
	filter: alpha(opacity=50);
	width:300px;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

.caption p
{
	font-size:12px;
	line-height:20px;
	margin-top:0px;
	color:#fff;
}

.clear
{
	clear:both;
}


/******** search ***************/
.search
{
	float:right;
	width:161px;
	margin:25px 0px 0px 0px;

}

	
	

.search input
{
	float:left;
	width:120px;
	border-top:1px solid #346c93;
	border-bottom:1px solid #346c93;
	border-left:1px solid #346c93;
	border-right:none;	
	margin:0;
	padding:6px 5px 5px;
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	background-color:#004d84;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5ca0cf;
	outline:0px;
}

.search button
{
	background:url(images/search_icon.png) no-repeat ;
	background-color:#01375e;
	border-top:1px solid #346c93;
	border-bottom:1px solid #346c93;
	border-right:1px solid #346c93;
	border-left:none;		
	float:left;
	height:28px;
	border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	width:30px;
	cursor:pointer;
	text-indent:-9999px;
	margin:0 0 0 -1px;
}

.search button:hover
{
	background:url(images/search_icon.png) no-repeat ;
	background-color:#01375e;
}
/**********************************/