@charset "iso-8859-1";
 /* CSS Document */

/* begin OVERALL STYLES */
body,td,th {
	font-family: Arial;
	font-size: 14px;
	color: #313131;
	line-height:18px;
}
a {
	color: #0079C0;
	text-decoration:none;

}
a:visited {
	color: #0079C0;
	text-decoration:none;
}
a:hover {
	color: #0079C0;
	text-decoration:underline;
}
a:active {
	color: #0079C0;
	text-decoration:none;
}
ul {
	list-style-image:url(images/li_orange.png)
}

/* begin HEADER styles */

.contact_link {
	font-family: Arial;
	font-size:14px;
	color:#0079C1;
	text-decoration:none;
	padding:0px 20px 10px 0px;
}
.contact_link a {
	font-family: Arial;
	font-size:14px;
	color:#313131;
	text-decoration:none;
}
.contact_link a:hover {
	font-family: Arial;
	font-size:14px;
	color:#f76a0c;
	text-decoration:underline;
}
.contact_link a:active {
	font-family: Arial;
	font-size:14px;
	color:#313131;
	text-decoration:none;
}


/* begin MAIN NAV styles */

.nav_main {
	font-family: Arial;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	padding:0px 20px 0px 20px;
}
.nav_main a {
	font-family: Arial;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	text-decoration:none;
}
.nav_main a:hover {
	font-family: Arial;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	text-decoration:none;

}
.nav_main a:active {
	font-family: Arial;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	text-decoration:none;

}
.nav_main a:visited {
	font-family: Arial;
	font-size:12px;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	text-decoration:none;

}
.nav_main_bg {
	background:url(images/nav_main_bg.gif);
	background-repeat:repeat-x;
}

.nav_main_link {
	color:#000000;
	text-decoration:none;
}





/* begin HOME MAIN FEATURE styles */

/* begin HOME PG CONTENT AREA */

.hm_features_area {
	padding:15px 0px 0px 10px;
}
.hm_feature_block {
	padding:20px;
	border: 1px solid #CCCCCC;
}
.hm_feature_block_gray {
	background-color: #EFEFEF;
	padding:20px;
	border: 1px solid #CCCCCC;
}

#hm_featblock1 {
	width:328px;
	height:155px;
	padding:15px;
	border: 1px solid #CCCCCC;
	vertical-align:top;
}
.feature_block {
	border:#DDDEDF;
	border-width:1px;
}
.feat_blk_headline {
	font-family: Arial;
	color:#f76a0c;
	font-size:16px;
}


/*------------------------------------*\
	$BUTTON
\*------------------------------------*/
button, 
.buttons {
    padding-bottom: 5px;
    clear: both;
}
a.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    transition: border-color .218s;
    background: #f3f3f3;
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    margin-right: 10px;
}
a.button:hover {
    color: #333;
    border-color: #999;
}
a.button:active {
    color: #000;
    border-color: #444;
}


a.left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}



a.all_type:hover{
    background: url(/images/type_all_c.png) no-repeat #f3f3f3 center;
}
a.all_type{
    width: 14px;
    height: 14px;
	color: transparent; 
    background: url(/images/type_all.png) no-repeat #f3f3f3 center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.book_type:hover{
    background: url(/images/type_book_c.png) no-repeat #f3f3f3 center;
}
a.book_type{
    width:14px;
    height: 14px;
	color: transparent; 
    background: url(/images/type_book.png) no-repeat #f3f3f3 center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.serials_type:hover{
    background: url(/images/type_serials_c.png) no-repeat #f3f3f3 center;
}
a.serials_type{
    width:14px;
    height: 14px;
	color: transparent; 
    background: url(/images/type_serials.png) no-repeat #f3f3f3 center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.computer_type:hover{
    background: url(/images/type_computer_c.png) no-repeat #f3f3f3 center;
}
a.computer_type{
    width:14px;
    height: 14px;
	color: transparent; 
    background: url(/images/type_computer.png) no-repeat #f3f3f3 center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.map_type:hover{
    background: url(/images/type_map_c.png) no-repeat #f3f3f3 center;
}
a.map_type{
    width:14px;
    height: 14px;
	color: transparent; 
    background: url(/images/type_map.png) no-repeat #f3f3f3 center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.more_type:hover{
    background: url(/images/type_more_c.png) no-repeat #f3f3f3 center;
}
a.more_type{
    width:14px;
    height: 14px;
	color: transparent; 
    background: url(/images/type_more.png) no-repeat #f3f3f3 center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.visual_materials_type:hover{
    background: url(/images/type_visual_materials_c.png) no-repeat #f3f3f3 center;
}
a.visual_materials_type{
    width:14px;
    height: 14px;
	color: transparent; 
    background: url(/images/type_visual_materials.png) no-repeat #f3f3f3 center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.music_sound_type:hover{
    background: url(/images/type_music_sound_c.png) no-repeat #f3f3f3 center;
}
a.music_sound_type{
    width:14px;
    height: 14px;
	color: transparent; 
    background: url(/images/type_music_sound.png) no-repeat #f3f3f3 center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}





/* Styling the search input field */
#select_menu {
    /* float:inline; */
    height:20px;
    margin-left:3px;
    margin-right:3px;
    line-height:20px;
    font-family:arial, sans-serif;
    font-size:1em;
    color:#333;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
   /*  border-right:none; */
}


/* Styling the search input field */
#field {
    /* float:inline; */
    width:150px;
    height:20px;
    margin-left:3px;
    margin-right:3px;
    line-height:20px;
    text-indent:5px;
    font-family:arial, sans-serif;
    font-size:1em;
    color:#333;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
   /*  border-right:none; */
}


/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */

#submit {
    cursor:pointer;
    width:70px;
    height: 26px;
    line-height:0;
    margin-left:3px;
    margin-right:3px;
    font-size:1em;
    text-indent:-999px;
    color: transparent; 
    background: url(/images/ico-search.png) no-repeat #4d90fe center;
    border: 1px solid #3079ED;
}


/* Style the search button hover state */
#submit:hover {
    background: url(/images/ico-search.png) no-repeat center #357AE8;
    border: 1px solid #2F5BB7;
}


/* new universal line */
hr {
  border: 0;
  width: 100%;
  color: #ddd;
	background-color: #ddd;
	height: 1px;
}



/* new drop down button */

.dropbtn {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    transition: border-color .218s;
    background: #f3f3f3;
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    margin-right: 10px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background: #f3f3f3;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
	background-color: #ffffff;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #f3f3f3;
}

/* end of new drop down menu *?