/* CSS Document */

body{
margin:0;
padding:0;
background-image: url(images/dropshadow.jpg);
background-repeat: repeat-y;
background-position: center;
background-color: #8196ab;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #333333;
}

hr{
	height: 0px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #d8dde4;
}

hr.products{
	height: 0px;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #006699;
	margin-bottom: 15px;
}

a{text-decoration: underline; color:#003399;}
 
a:hover{text-decoration: none; color: #0066CC;} 
 
b{font-size: 110%;}
em{color: red;}
 
#maincontainer{
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: #FFFFFF;
}
 
#topsection{
height: 130px; /*Height of top section*/
width: 980px;
background-image: url(images/header_bg.jpg);
background-repeat: no-repeat;
}
 
#topsection h1{
margin: 0;
padding-top: 15px;
}

/* Top Search */
#utilities{
	padding: 80px 25px 0px 0px;
}

#top_search{
	margin: 0;
	padding: 0;
}

.top_search_field{
	height: 1.2em;
	width: 120px;
	background-color: #FFFFFF;
	border: 1px solid #003399;
	padding: 2px 4px;
	font-size: 0.9em;
	color: #003399;
	margin-top: 2px;
}

.search_btn{
	height: 1.65em;
	width: 60px;
	background-color: #003399;
	border: 1px solid #003399;
	font-size: 0.8em;
	color: #FFFFFF;	
	padding: 0;
	margin-top: 1px;
}
/* End Top Search */

#menu{
height: 32px;
width: 980px;
background-image: url(images/menu_bg.jpg);
background-position: bottom;
background-repeat: repeat-x;
}
 
#contentwrapper{
float: left;
width: 100%;
background-color: #d8dde4;
}
 
#contentcolumn{
margin-left: 208px; /*Set left margin to LeftColumnWidth*/
background-color: #FFFFFF;
overflow: hidden;
}
 
#leftcolumn{
float: left;
width: 208px; /*Width of left column*/
margin-left: -980px; /*Set left margin to -(MainContainerWidth)*/
background: #d8dde4;
}
 
#footer{
clear: left;
width: 100%;
background: #003399;
color: #FFF;
text-align: center;
padding: 6px 0px;
}
 
#footer a{
color: #FFF;
font-size: 0.8em;
text-decoration: none;
}
 
#footer a:hover{
text-decoration: underline;
} 
 
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}


/* :::::::::::::::  FONTS :::::::::::::::: */
h1{
	color: #333333;
	font-weight: normal;
	font-size: 1.5em;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h2{
	color: #FF0000;
	font-weight: normal;
	font-size: 1.4em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

h3{
	color: #006699;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

h4{
	color: #006699;
	font-weight: normal;
	font-style: italic;
	font-size: 1.0em;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

h5{
	color: #333333;
	font-weight: bold;
	font-size: 1.0em;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

h6{
	color: #666666;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

p{
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 130%;
}

.image{
	border: 1px solid #003399;
}

.tableStyle{
	background-color: #333333;
}

.tableStyle p{
	padding: 2px 2px;
}

.tableStyle td{
	background-color: #FFFFFF;
}



/* :::::::::::::::  LEFT MENU STYLE :::::::::::::::: */
#leftcolumn{
	color: #003399;
	font-size: 1.0em;
}

#leftcolumn a{
	color: #003399;
	font-size: 1.0em;
	text-decoration: none;
	padding: 10px 0px;
	border-bottom: 1px solid white;
	width: 180px;
	display: block;
}

#leftcolumn a:hover{
	color: #FF0000;
	font-size: 1.0em;
	text-decoration: underline;
}

#leftcolumn p{
	padding-bottom: 0px;
}



/* :::::::::::::::  BULLETS :::::::::::::::: */

ul{
	padding:0px;
	margin: 0px 0px 10px 15px;
	font-size: 0.9em;
	color: #333333;
}

ul li{
	margin-left: 15px;
}



/* :::::::::::::::: FORMS STYLE :::::::::::::: */
/* Top Search */

.text_field{
	font-size: 0.9em;
	color: #003399;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

/* End Top Search */

/* SEARCH ENGINE */

.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }

.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080; margin-bottom: 10px;}

.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		

input.zoom_button {  }
input.zoom_searchbox {  }		

.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

/*.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }*/

.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }

.searchtime { font-size: 80%; }

.recommended 
{ 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
.recommend_image { float: left; display: block; }
.recommend_image img { margin: 10px; width: 80px; border: 0px; }