/* digigi outline
------------------------------------------------------------------------------- */
BODY {
	height: 100%; text-align: center; margin: 0 auto; padding: 0; font-size: 12px; line-height: 1.3;
}

/* for IE6 */
*HTML BODY {
	ackground: url(null) fixed;
}

#header_wrapper {
	width: 100%; /*height: 137px; position: fixed; top: 0; left: 0; z-index: 100*/
}

/* for IE6 */
*HTML #header_wrapper {
/*	position: absolute; top: expression(eval(document.documentElement.scrollTop+0));*/
}

	#header_wrapper TABLE, #header_wrapper TR, #header_wrapper TD, #header_wrapper IMG, #header_wrapper FORM {
		margin: 0; padding: 0;
	}

	#header_container {
		border-top: 3px solid #cd5c5c; padding-top: 5px; background: #fff url(../../images/top_headder_bg.gif) top left repeat;
	}

		TD.header_right_link {
			text-align: right; height: 18px;
		}

		TD.header_right_link A, TD.header_right_link A:hover, TD.header_right_link A:visited, TD.header_right_link A:active {
			color: #808080; text-decoration: none; font-size: 10px; font-weight: normal;
		}

		TD.headerbar {
			height: 30px;
		}

/* -------------------------------------------------- HEADER ---------------------------------------------------- */

#headermenu_container {
	width: 100%; text-align: center; height: 38px; background: url(../../images/_headm06.gif) 0 0 repeat-x;
}

	.menuArea {
		position: relative; height: 38px; clear: both; text-align: left; width: 850px; margin: 0 auto;/* z-index: 100;*/
	}

	.menuHolder {
		position: absolute; height: 38px;/* z-index: 100;*/
	}

		UL.topmenu {
			width: 679px; margin: 0; padding: 0; list-style: none; float: left;/* z-index: 100;*/
		}

			UL.topmenu LI {
				float: left; text-align: left; margin: 0; padding: 0;
			}

				a.mATop1, a.mATop2, a.mATop3, a.mATop4 {
					display: block; float: left; height: 38px; margin: 0; padding: 0;
				}

				a.mATop1 {width: 169px;}
				a.mATop2 {width: 170px;}
				a.mATop3 {width: 170px;}
				a.mATop4 {width: 170px;}

				.header_freedl {width: 170px; float: left; margin: 0;}
				.header_freedl A, .header_freedl A:hover, .header_freedl A:focus, .header_freedl A:visited {text-indent: -5000px;}
				.header_freedl A {width: 170px; height: 38px; display: block; background: #fff url(../../images/headm05.gif) 0 0 no-repeat;}
				.header_freedl A:hover, .header_freedl A:focus {background: #fff url(../../images/headm05_hover.gif) 0 0 no-repeat;}

/* -------------------------------------------------- HEADER PULL DOWN ---------------------------------------------------- */

	.menuarea2 {
		position: absolute; top: 38px; width: 850px; padding: 0; border: 0px solid #cd5c5c; border-bottom: 1px solid #dcdcdc;
		background-color: rgb(245,245,245); z-index: 10;
	}

		#menu1 {
			visibility: hidden; clear: both; padding: 15px 0 10px 0;
		}
		#menu2 {
			visibility: hidden; clear: both; padding: 15px 0 10px 0;
		}
		#menu3 {
			visibility: hidden; clear: both; padding: 15px 0 10px 0;
		}
		#menu4 {
			visibility: hidden; clear: both; padding: 15px 0 10px 0;
		}

		.menuarea2 P.menu2clear {
			margin: 0; padding: 0; line-height: 5px; clear: both;
		}

		.menuarea2 UL {
			width: 250px; margin: 0 0 0 30px; padding: 0; list-style: none;
		}

			.menuarea2 UL LI {
				text-align: left; font-weight: bold; height: 20px; font-size: 13px; color: rgb(120,120,120);
				margin-left: 5px;
			}

				.menuarea2 A, .menuarea2 A:visited {/*color: rgb(80,80,80); */text-decoration: underline; font-weight: normal;}
				.menuarea2 A:hover {/*color: #000; */text-decoration: underline;}

/* -------------------------------------------------- MAIN WRAPPER ---------------------------------------------------- */

#wrapper {
	width: 100%; height: 100%;
}

	#mainoutline {
		width: 850px;/* padding: 136px 0 0 0;*/ margin: 0 auto; text-align: left; background-color: #fff;
	}

	/* for IE6 */
	*HTML #mainoutline {
		/*padding: 138px 0 0 0;*/
	}

		#digigi_side_bar {
			border-right: 1px solid #c0c0c0; background: url(../../images/sidebar_bg.gif) top left repeat-y;
		}

		#digigi_main_page {
			padding: 10px 0 0 10px;
		}

/* -------------------------------------------------- SIDE BAR ---------------------------------------------------- */

#sidebar {
	width: 150px; margin: 0; padding: 10px 0 0 0; height: 100%; font-size: 13px;
}
/*
	#bread {margin: 5px 0; padding: 0; width: 140px; color: #cd5c5c; font-size: 11px;}

		#bread A, #bread A:visited {color: #cd5c5c; text-decoration: none;}
		#bread A:hover {color: #cd5c5c; text-decoration: underline;}
*/

/* -------------------------- SIDE BAR TOP ----------------------------- */

	#sidebartop {
		width: 150px; margin: 0 0 10px 0; padding: 0; list-style: none; font-size: 13px;
	}

		#sidebartop LI {
			width: 145px; padding-left: 5px; border-bottom: 1px dotted rgb(200,200,200);
		}

		LI.siderbar1 {
			width: 145px; padding-left: 5px; border-bottom: 1px dotted rgb(200,200,200);
		}

		LI.siderbar2 {
			width: 145px;
		}

		#sidebartop P.p1 {
			margin: 5px 0 5px 0; padding: 0; width: 145px;
		}

		#sidebartop P.p2 {
			margin: 0 0 5px 0; padding: 0 0 0 0; width: 145px;
		}

		#sidebartop P.p3 {
			margin: 0 0 0 55px; padding: 10px 0 0 0; font-size: 11px;
		}

			#sidebartop A, #sidebartop A:visited, #sidebartop A:active {/*color: rgb(80,80,80); */text-decoration: none;}
			#sidebartop A:hover {/*color: #000; */text-decoration: underline;}

		#sidebartop H3 {
			width: 145px; height: 33px; line-height: 33px; background: url(../../images/sidebar_headline_bg.gif) top left no-repeat;
			padding-left: 5px; color: rgb(60,60,60); font-weight: bold; border: 0; font-size: 12px;
		}

/* -------------------------- SIDE BAR AUDIOBOOK CATEGORY ----------------------------- */

	#sidebar_main_ab {
		position: relative; height: 370px; z-index: 2;
	}

		P.sidebar_headline {
			position: absolute; top: 0; #dcdcdc; width: 145px; height: 33px; line-height: 33px; z-index: 1;
			background: url(../../images/sidebar_headline_bg.gif) top left no-repeat; padding-left: 5px; color: rgb(60,60,60);
		}

			P.sidebar_category {
				position: absolute; width: 145px; border-bottom: 1px dotted rgb(200,200,200); z-index: 1;
			}

			A.sidebar_catlink, A:visited.sidebar_catlink, A:active.sidebar_catlink {
				display: block; width: 145px; height: 20px; text-decoration: none; /*color: rgb(60,60,60)*/; padding: 0 0 0 5px; z-index: 1;
			}

			A:hover.sidebar_catlink {
				text-decoration: underline;
			}

		IMG.sidebar_ab_pointer {
			visibility: hidden; position: absolute; left: 80px; z-index: 3;
		}

		P.sidebar_ctgry_menu {
			visibility: hidden; position: absolute; left: 100px; background-color: rgb(240,240,240); padding: 5px 10px;
			line-height: 20px; border: 1px solid rgb(225,225,225); z-index: 3;
		}

			A.sbcMenu, A:visited.sbcMenu, A:active.sbcMenu {
				display: block; height: 25px; width: 200px; border-bottom: 1px dotted #808080; line-height: 25px;
				text-decoration: none; padding: 0 0px; text-align: left; /*color: rgb(60,60,60);*/ z-index: 3;
			}

			A:hover.sbcMenu {
				text-decoration: underline;
			}

		P.sidebar_ctgry_menu_wide {
			visibility: hidden; position: absolute; left: 100px; background-color: rgb(240,240,240); padding: 5px 10px;
			line-height: 20px; border: 1px solid rgb(225,225,225); width: 700px; z-index: 3;
		}

			P.sidebar_ctgry_menu_wide span {
				margin: 5px 5px; border: 1px dotted rgb(180,180,180); padding: 5 5px;
			}

			A.sbcMenu_wide, A:visited.sbcMenu_wide, A:active.sbcMenu_wide {
				height: 25px; line-height: 25px;
				text-decoration: none; text-align: left; /*color: rgb(60,60,60);*/ z-index: 3;
			}

			A:hover.sbcMenu_wide {
				text-decoration: underline; /*color: #000;*/
			}

			#sidebar_ab_Category1, #sidebar_ab_menu1 {top: 40px;}
			#sidebar_ab_Category2, #sidebar_ab_menu2 {top: 65px;}
			#sidebar_ab_Category3, #sidebar_ab_menu3 {top: 90px;}
			#sidebar_ab_Category4, #sidebar_ab_menu4 {top: 115px;}
			#sidebar_ab_Category5, #sidebar_ab_menu5 {top: 140px;}
			#sidebar_ab_Category6, #sidebar_ab_menu6 {top: 165px;}
			#sidebar_ab_Category7, #sidebar_ab_menu7 {top: 190px;}
			#sidebar_ab_Category8, #sidebar_ab_menu8 {top: 215px;}
			#sidebar_ab_Category9, #sidebar_ab_menu9 {top: 240px;}
			#sidebar_ab_Category10, #sidebar_ab_menu10 {top: 265px;}
			#sidebar_ab_Category11, #sidebar_ab_menu11 {top: 290px;}
			#sidebar_ab_Category12, #sidebar_ab_menu12 {top: 315px;}
/*			#sidebar_ab_Category13, #sidebar_ab_menu13 {top: 340px;}*/
/*
			 #sidebar_ab_pointer1 {top: 55px;}
			 #sidebar_ab_pointer2 {top: 80px;}
			 #sidebar_ab_pointer3 {top: 105px;}
			 #sidebar_ab_pointer4 {top: 130px;}
			 #sidebar_ab_pointer5 {top: 155px;}
			 #sidebar_ab_pointer6 {top: 180px;}
			 #sidebar_ab_pointer7 {top: 205px;}
			 #sidebar_ab_pointer8 {top: 230px;}
			 #sidebar_ab_pointer9 {top: 255px;}
			 #sidebar_ab_pointer10 {top: 280px;}
			 #sidebar_ab_pointer11 {top: 305px;}
			 #sidebar_ab_pointer12 {top: 330px;}
			 #sidebar_ab_pointer13 {top: 355px;}*/

/* -------------------------- SIDE BAR OTHERS ----------------------------- */

	UL.eachmenu {
		width: 150px; list-style: none; text-align: left; margin: 0 0 0 0; padding: 0 0 10px 0;
	}

		UL.eachmenu LI {
			font-weight: normal; text-align: left; font-size: 13px; padding: 5px 0 5px 5px; margin: 0 0 0 0;
			border-bottom: 1px dotted rgb(200,200,200); width: 145px;/* line-height: 25px;*/
		}

		UL.eachmenu LI.eachtitle {
			width: 145px; height: 33px; line-height: 33px; background: url(../../images/sidebar_headline_bg.gif) top left no-repeat;
			padding: 0 0 0 5px; color: rgb(60,60,60); font-weight: bold; border: 0;
		}

		*HTML UL.eachmenu LI.eachtitle {width: 145px;}

		UL.eachmenu LI.Title {
			width: 145px; height: 33px; line-height: 33px; background: url(../../images/sidebar_headline_bg.gif) top left no-repeat;
			padding: 0 0 0 5px; color: rgb(60,60,60); font-weight: bold; border: 0;
		}

			UL.eachmenu A, UL.eachmenu A:visited, UL.eachmenu A:active {/*color: rgb(80,80,80);*/ text-decoration: none;}
			UL.eachmenu A:hover {/*color: #000000;*/ text-decoration: underline;}

			UL.eachmenu LI.space {line-height: 5px;}


		UL.eachmenu H3 {
			width: 145px; height: 33px; line-height: 33px; background: url(../../images/sidebar_headline_bg.gif) top left no-repeat;
			padding-left: 5px; color: rgb(60,60,60); font-weight: bold; border: 0; font-size: 13px;
		}

			UL.eachmenu LI A, UL.eachmenu LI A:visited, UL.eachmenu LI A:active {/*color: rgb(80,80,80);*/ text-decoration: none;}
			UL.eachmenu LI A:hover {/*color: #000000;*/ text-decoration: underline;}

/* -------------------------------------------------- FOOTER ---------------------------------------------------- */

#footer_wrapper {
	width: 100%; border-bottom: 3px solid #cd5c5c; padding-bottom: 5px; margin: 0; clear: both;
}

	#footer_container {
		width: 100%; height: 30px; text-align: center; background: #ffffff url(../../images/top_headder_menu.gif) top left repeat-x;border-top: 1px solid #808080;
	}

		#footer_container UL {
			width: 850px; margin: 0 auto; padding: 10px 0 0 0; list-style: none; text-align: center;
		}

			#footer_container UL LI {
				text-align: left; padding: 0 20px; float: left;
			}

			#footer_container UL LI A {
				color: #000; text-decoration: none;
			}

			#copyright {
				clear: both; width: 95%; text-align: right; padding: 0; color: #000;
			}

/* -------------------------------------------------- OTHERS ---------------------------------------------------- */

H1 {
	font-size: 14pt; margin-top: 6pt; margin-bottom: 4pt;
}

H2 {
	font-size: 12pt; margin-top: 6pt; margin-bottom: 4pt;
}

H3 {
	font-size: 11pt; margin-top: 6pt; margin-bottom: 4pt;
}

FORM {
	margin-top: 0pt; margin-bottom: 0pt;
}

INPUT.Search {
	border-style: solid; border-width: 1px; border-color: #696969;
}


A.prod_sample, A:visited.prod_sample {
	width: 188px; height: 40px; display: block; background: url(../../images/prod_sample_button.gif) top left no-repeat; text-indent: -5000px;
}

A:hover.prod_sample {
	width: 188px; height: 40px; display: block; background: url(../../images/prod_sample_button.gif) top right no-repeat; text-indent: -5000px;
}


.menu A:link { color: #696969; }
.menu A:visited { color: #696969; }
.menu A { text-decoration: none; }
.menu A:hover { text-decoration: underline; }

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}