/*
	CSS Doc for WWTA2
	
	Date of Build: 01/25/2007
	Author: Joseph Tu
*/





/* ==================================================================== BASIC */

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #303030;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}

img {
	border: 0px;
	}
	
ul, li, ol {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	}

sup { 
	font-family: Arial, Helvetica, sans-serif;
	}

form, fieldset, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	}	

.ClearDiv {
	clear: both;
	}




/* ==================================================================== GENERAL */

.tool-tip {
	background: #3f6299;
	color: #fff;
	padding: 4px 6px 6px 6px;
	font-size: 12px;
	width: 250px;
	z-index: 100;
	text-align: left;
}
.tool-title { display:none; } 
.tool-text { color:#fff; }
.fleft { float:left; }

/* ==================================================================== HEADER + NAV */

#PackerHeader {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	background: #390000;
	}

	.Header1 {
		margin: 0px;
		padding: 0px;
		width: 950px;
		background: #303030;
		}
	
	.Header2bgL {
		float: left;
		margin: 0px;
		padding: 0px;
		width: 10px;
		height: 100px;
		background: url(/assets/img/header_02_bg_l.gif) no-repeat;
		}
	
	.Header2bgM {
		float: left;
		margin: 0px;
		padding: 0px;
		width: 930px;
		height: 100px;
		background: url(/assets/img/header_02_bg_m.gif) repeat-x;
		}
		
		/* MAIN NAV */
		.Header2LNav {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 365px;
			height: 100px;
			text-align: right;
			}
			
			/*
			.Header2LNavLine {	
				float: right;
				margin: 0 0 0 5px;
				width: 5px;
				height: 100px;
				background: url(/assets/img/header_nav_separator.gif) no-repeat;
				}
			*/
			
			.Header2LNav li {
				float: right;
				margin: 0 0 0 7px;
				padding: 0 0 0 7px;
				background: url(/assets/img/header_nav_separator.gif) no-repeat left;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 11px;
				font-weight: bold;
				color: #FFFFFF;
				line-height: 100px;
				}
		
				.Header2LNav li a {
					display: block;
					color: #FFFFFF;
					text-decoration: none;
					}
			
				.Header2LNav li a:hover {
					color: #FFCC00;
					text-decoration: none;
					}
				
		.Header2M {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 200px;
			height: 100px;
			}
				
		.Header2RNav {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 365px;
			height: 100px;
			text-align: left;
			}
			
			/*
			.Header2RNavLine {	
				float: left;
				margin: 0 5px 0 0;
				width: 5px;
				height: 100px;
				background: url(/assets/img/header_nav_separator.gif) no-repeat;
				}
			*/
			
			.Header2RNav li {
				float: left;
				margin: 0 7px 0 0;
				padding: 0 9px 0 0;
				background: url(/assets/img/header_nav_separator.gif) no-repeat right;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 11px;
				font-weight: bold;
				color: #FFFFFF;
				line-height: 100px;
				}
						
				.Header2RNav li a {
					display: block;
					color: #FFFFFF;
					text-decoration: none;
					}
			
				.Header2RNav li a:hover {
					color: #FFCC00;
					text-decoration: none;
					}
				
	.Header2bgR {
		float: left;
		margin: 0px;
		padding: 0px;
		width: 10px;
		height: 100px;
		background: url(/assets/img/header_02_bg_r.gif) no-repeat;
		}

	.Header3L {
		float: left;
		margin: 0px;
		padding: 0 0 0 10px;
		width: 365px;
		height: 40px;
		background: #390000;
		text-align: left;
		font-size: 11px;
		color: #E97A00;
		line-height: 40px;
		}	
	
		.Header3L li {
			float: left;
			margin: 0 5px 0 0;
			padding: 0px;
			}
	
		.Header3L a {
			color: #E97A00;
			text-decoration: underline;
			}
			
		.Header3L a:hover {
			text-decoration: none;
			}
		
	.Header3M {
		float: left;
		margin: 0px;
		padding: 0px;
		width: 180px;
		height: 40px;
		background: #390000;
		}
	
	.Header3R {
		float: left;
		margin: 0px;
		padding: 0;
		width: 385px;
		height: 40px;
		background: #390000;
		text-align: right;
		font-size: 11px;
		line-height: 40px;
		}
		
		.Header3R li {
			float: right;
			padding: 0 0 0 10px;
			}
		.Header3R li.community-links {
			padding: 5px 0 0 10px;
		}
	
		.Header3R li a {
			color: #8B8B8B;
			text-decoration: none;
			}
			
		.Header3R li a:hover {
			text-decoration: underline;
			}
		
		.Header3R li span {
			color: #99CC00;
			}
		
	.Header4line {
		clear: both;
		margin: 0 10px !important;
		margin: 0 10px -8px 10px; /* fix extra 8px on IE6 */
		padding: 0px;
		width: 930px;
		height: 10px;
		background: #390000 url(/assets/img/header_04_separator.gif) repeat-x;
		}
	




/* ==================================================================== FOOTER */

#PackerFooter {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	background: #390000;
	}

	.Footer1line {
		margin: 0 auto !important;
		padding: 0px;
		width: 930px;
		height: 10px;
		background: url(/assets/img/footer_01_separator.gif) repeat-x;
		}
		
	.Footer2L {
		float: left;
		margin: 0 0 0 10px !important;
		margin: 0 0 0 10px; /* need "display:inline" */
		display: inline; /* fix "double float-margin" */
		padding: 0px;
		width: 465px;
		font-size: 11px;
		text-align: left;
		line-height: 30px;
		color: #671616;
		}
		
	.Footer2RNav {
		float: left;
		margin: 0 10px 0 0 !important;
		margin: 0 10px 0 0;
		padding: 0px;
		width: 465px;
		font-size: 11px;
		text-align: right;
		line-height: 30px;
		color: #671616;
		}
		
			.Footer2RNav li {
				float: right;
				margin: 0 0 0 5px;
				color: #8B8B8B;
				line-height: 30px;
				}
		
				.Footer2RNav li a {
					display: block;
					color: #8B8B8B;
					text-decoration: none;
					}
			
				.Footer2RNav li a:hover {
					text-decoration: underline;
					}
				
		.Footer2RNav a {
			padding: 0 5px;
			color: #8B8B8B;
			text-decoration: none;
			}
				
		.Footer2RNav a:hover {
			text-decoration: underline;
			}
				
	.Footer3bgL {
		float: left;
		margin: 0 !important;
		margin: 0 0 -9px 0; /* fix extra px on IE6 */
		padding: 0px;
		width: 15px;
		height: 15px;
		background: url(/assets/img/footer_04_bg_l.gif) no-repeat;
		}
				
	.Footer3bgM {
		float: left;
		margin: 0 !important;
		margin: 0 0 -9px 0; /* fix extra px on IE6 */
		padding: 0px;
		width: 920px;
		height: 15px;
		background: #390000;
		}

	.Footer3bgR {
		float: left;
		margin: 0 !important;
		margin: 0 0 -9px 0; /* fix extra px on IE6 */
		padding: 0px;
		width: 15px;
		height: 15px;
		background: url(/assets/img/footer_04_bg_r.gif) no-repeat;
		}





/* ==================================================================== CONTENT */

#PackerContent {
	margin: 0 auto;
	padding: 10px;
	width: 930px;
	background: #390000;
	}

.ContentBoxL {
	float: left;
	margin: 0px;
	padding: 0px;
	}

.ContentBoxR {
	float: left;
	margin: 0px;
	padding: 0px;
	}

	/* LEFT COLUMN */
	.BoxL {
		margin: 0 0 20px 0 !important;
		margin: 0 0 10px 0;
		padding: 0px;
		width: 250px;
		}

		.BoxLtitle {
			margin: 0 auto;
			padding: 0px;
			width: 250px;
			height: 34px;
			background: url(/assets/img/column_l_bg_title.gif);
			line-height: 34px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-transform: uppercase;
			color: #FFFFFF;
			}
							
		.BoxLcontent {
			margin: 0px;
			padding: 0px;
			background: #280000 url(/assets/img/column_l_content_bg.gif);
			font-size: 11px;
			color: #BC2100;
			}
			
			.BoxLcontent a {
				color: #CB5F00;
				text-decoration: underline;
				}
			
			.BoxLcontent a:hover {
				text-decoration: none;
				}
									
			.BoxLcontent td.Content {
				margin: 0px;
				padding: 0 5px 0 5px;
				background: #390A00;
				line-height: 14px;
				text-align: left;
				font-size: 11px;
				color: #BC2100;
				}
			
			/* MEMBER SIGN IN */
			.SigninIcon {
				float: left;
				margin: 5px;
				display: inline; /* fix "double float-margin" */
				padding: 0px;
				width: 54px;
				height: 50px;
				}
			
			.SigninForm {
				float: left;
				margin: 5px;
				padding: 0px;
				width: 171px;
				text-align: right;
				}
			
			.inputSignin {
				margin: 0 0 5px 0;
				padding: 3px;
				background: #390A00;
				border: none;
				font-size: 11px;
				color: #BC2100;
				}

			.SearchBox {
				margin: 10px 0 5px 0;
				padding: 3px;
				background: #990000;
				border: none;
				font-size: 11px;
				color: #fff;
				}
							
			/* DOWNLOAD */
			.DownloadIcon {
				float: left;
				margin: 5px;
				display: inline; /* fix "double float-margin" */
				padding: 0px;
				width: 54px;
				height: 50px;
				}
			
			.DownloadInfo {
				float: left;
				margin: 5px 5px 5px 0;
				display: inline; /* fix "double float-margin" */
				padding: 3px 5px 3px 5px;
				width: 171px;
				height: 44px;
				background: #390A00;
				line-height: 14px;
				text-align: left;
				font-size: 11px;
				color: #BC2100;
				}
			
			/* PRODUCT LIST */
			.NavProductList li {
				margin: 0 5px 1px 5px;
				padding: 0 0 0 5px;
				background: url(/assets/img/column_l_content_bg_list.gif) no-repeat;
				width: 235px;
				height: 25px;
				text-align: left;
				line-height: 25px;
				font-size: 12px;
				color: #CB5F00;
				}
			
				.NavProductList li a {
					display: block !important;
					color: #CB5F00;
					text-decoration: none;
					}
			
				.NavProductList li a:hover {
					text-decoration: underline;
					}

		.subcat-view div.subcat-block {
			float:left;
			width:200px;
			text-align:center;
			margin:0 15px 25px 0;
			padding:0;
		}

		.subcat-view div.subcat-block h2 {
			margin:0;
			padding:5px 0 0 0;
		}

		.subcat-view div.subcat-block h2 a {
			font-size:12px;
			text-decoration:none;
		}

		.subcat-view div.subcat-block h2 a:hover {
			text-decoration:underline;
		}
							
		.BoxLbtmL {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 11px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm_bg_l.gif);
			}
							
		.BoxLbtmM {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 228px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm_bg_m.gif);
			}
							
		.BoxLbtmR {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 11px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm_bg_r.gif);
			}

	/* RIGHT COLUMN */
	.BoxR {
		margin: 0 0 0 10px;
		padding: 0px;
		width: 670px;
		}
		
		/* FLASH CONTENT */
		.FlashAd {
			float: left;
			margin:0 10px 0 0;
			padding: 0px;
			width: 495px;
			}

			.FlashAd div#home_body {
				color:#FFF;
				text-align:left;
				margin:20px 0 0 0;
				padding:0 10px;
				display:none;
			}
			.FlashAd div#home_body h1 {
				margin:0;
				padding:0;
				font-size:17px;
			}
			.FlashAd div#home_body p {
				font-size:12px;
			}
					
		/* MARQUEE */
		.Marquee {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 160px;
			text-align: center;
			font-size: 12px;
			color: #3399FF;
			}
		
			.Marquee marquee {
				background: #333333;
				}

			.Marquee a {
				color: #3399FF;
				text-decoration: none;
				}
		
			.Marquee a:hover {
				text-decoration: underline;
				}

.Marquee p {
	margin:0;
	padding:0 0 10px;
}
		
		/* HOME */
		.BoxRtitle {
			margin: 0;
			padding: 0px;
			width: 670px;
			height: 34px;
			background: url(/assets/img/column_r_bg_title.gif);
			/*
			text-align: center;
			line-height: 34px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-transform: uppercase;
			color: #FFFFFF;
			*/
			}
		
			.BoxRtitle h1 {
				margin: 0px;
				padding: 0px;
				text-align: center;
				line-height: 34px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-transform: uppercase;
				color: #FFFFFF;
				}
		
		.BoxRcontent {
			margin: 0px;
			padding: 10px;
			background: #280000 url(/assets/img/column_r_content_bg.gif);
			text-align: left;
			line-height: 15px;
			font-size: 12px;
			color: #BC2100;
			word-wrap: break-word; /* fix PC-IE overflow */
			}
		
			.BoxRcontent a {
				color: #CB5F00;
				text-decoration: underline;
				}
							
			.BoxRcontent a:hover {
				text-decoration: none;
				}
		
		.BoxRbtmL {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 11px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm_bg_l.gif);
			}
		
		.BoxRbtmM {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 648px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm_bg_m.gif);
			}
		
		.BoxRbtmR {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 11px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm_bg_r.gif);
			}
					
		/* ABOUT */
		.BoxR2title {
			margin: 0;
			padding: 0px;
			width: 670px;
			height: 34px;
			background: url(/assets/img/column_r2_bg_title.gif);
			/*
			text-align: center;
			line-height: 34px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-transform: uppercase;
			color: #FFFFFF;
			*/
			}
			
			.BoxR2title h1 {
				margin: 0px;
				padding: 0px;
				text-align: center;
				line-height: 34px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-transform: uppercase;
				color: #FFFFFF;
				}
			
		.BoxR2content {
			margin: 0px;
			padding: 10px;
			background: #280000 url(/assets/img/column_r2_content_bg.gif);
			text-align: left;
			line-height: 15px;
			font-size: 12px;
			color: #8B8B8B;
			word-wrap: break-word; /* fix PC-IE overflow */
			}
		
			.BoxR2content h2 {
				font-size: 15px;
				}
		
			.BoxR2content a {
				color: #CB5F00;
				text-decoration: underline;
				}
							
			.BoxR2content a:hover {
				text-decoration: none;
				}
		
		.BoxR2btmL {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 11px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm2_bg_l.gif);
			}
		
		.BoxR2btmM {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 648px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm2_bg_m.gif);
			}
		
		.BoxR2btmR {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 11px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm2_bg_r.gif);
			}
					
		/* CONTACT & ACCOUNT & PRODUCT */
		.BoxR3title {
			margin: 0;
			padding: 0px;
			width: 670px;
			height: 34px;
			background: url(/assets/img/column_r3_bg_title.gif);
			/*
			text-align: center;
			line-height: 34px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-transform: uppercase;
			color: #FFFFFF;
			*/
			}
			
			.BoxR3title h1 {
				margin: 0px;
				padding: 0px;
				text-align: center;
				line-height: 34px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-transform: uppercase;
				color: #FFFFFF;
				}
			
		.BoxR3content {
			margin: 0px;
			padding: 10px;
			background: #280000 url(/assets/img/column_r3_content_bg.gif);
			text-align: left;
			line-height: 15px;
			font-size: 12px;
			color: #BC2100;
			word-wrap: break-word; /* fix PC-IE overflow */
			}

			.BoxR3content h2 {
				font-size: 20px;
			}

			.BoxR3content h3 {
				font-size: 15px;
			}
		
			.BoxR3content a {
				color: #CB5F00;
				text-decoration: underline;
				}
							
			.BoxR3content a:hover {
				text-decoration: none;
				}
			
			.BoxR3Separator {
				clear: both;
				margin: 10px 0 10px 0;
				padding: 0px;
				height: 2px;
				background: url(/assets/img/line_separator_01.gif) repeat-x;
				}
			
			.BoxR3Separator2 {
				clear: both;
				margin: 10px 0 10px 0;
				padding: 0px;
				height: 2px;
				background: url(/assets/img/line_separator_02.gif) repeat-x;
				}
			
			/* CONTACT */
			.ContactArea {
				margin: 0px;
				padding: 0px;
				width: 650px;
				}
			
			.ContactTitle {
				float: left;
				margin: 0 0 10px 0;
				padding: 0px;
				width: 175px;
				text-align: right;
				font-size: 11px;
				color: #FF9900;
				}
				
			.ContactInfo {
				float: left;
				margin: 0px;
				padding: 0px;
				width: 320px;
				line-height: 16px;
				font-size: 11px;
				color: #8B8B8B;
				}
				
				.ContactInfo li {
					margin: 0 0 10px 0;
					padding: 0 0 0 5px;
					}
				
				.ContactInfo li span {
					font-size: 10px;
					font-weight: bold;
					letter-spacing: 2px;
					text-transform: uppercase;
					text-decoration: underline;
					}
				
				.ContactInfo li a {
					color: #8B8B8B;
					text-decoration: none;
					}
				
				.ContactInfo li a:hover {
					color: #8B8B8B;
					text-decoration: underline;
					}
					
			/* ACCOUNT */
			.AccForm {
				margin: 0px;
				padding: 0px;
				width: 650px;
				}
			
			.AccFormTitle {
				float: left;
				margin: 0 0 10px 0;
				padding: 0px;
				width: 175px;
				height: 18px;
				line-height: 18px;
				text-align: right;
				font-size: 11px;
				color: #8B8B8B;
				}
			
				.AccFormTitle span {
					color: #FF9900;
					}
			
			.AccFormInput {
				float: left;
				margin: 0 0 10px 0;
				padding: 0px;
				width: 325px;
				height: 18px;
				line-height: 18px;
				}

				.select {
					margin: 0 0 0 5px;
					padding: 3px;
					width: 180px;
					background: #0E0E0E;
					border: none;
					font-size: 12px;
					color: #fff;
				}
			
				.input {
					margin: 0 0 0 5px;
					padding: 3px;
					width: 200px;
					background: #0E0E0E;
					border: none;
					font-size: 12px;
					color: #fff;
					}

				.browse {
					margin: 0 0 0 5px;
					padding: 3px;
					width: 200px;
					background: #0E0E0E;
					border: none;
					font-size: 11px;
					color: #fff;
					}
				
				.checkbox {
					margin: 0 0 0 5px;
					}

				.button {
					margin: 5px 0 0 5px;
					padding: 2px;
					background: #0E0E0E;
					border: 1px solid #fff;
					font-size: 12px;
					color: #fff;
				}
			
			/* PRODUCT */
			.PageFunc {
				margin: 0 0 5px 0;
				padding: 0px;
				width: 650px;
				height: 30px;
				text-align: right;
				line-height: 30px;
				font-size: 11px;
				color: #FF9900;
				}
			
				.PageFunc li {
					float: right;
					margin: 0;
					padding: 0 0 0 15px;
					}
			
				.PageFunc li a {
					color: #FF9900;
					text-decoration: none;
					}
			
				.PageFunc li a:hover {
					text-decoration: underline;
					}
			
			.ItemView {
				margin: 0px;
				padding: 0px;
				width: 650px;
				}
			
				.ItemThumb {
					float: left;
					margin: 0px;
					padding: 0px;
					width: 150px;
					padding-bottom: 10px;
					}
					
				.ItemDirectory {
					float: left;
					margin: 0px;
					padding: 0 0 0 10px;
					width: 428px;
					font-size: 11px;
					color: #666666;
					}

					.ItemDirectory h2 {
						margin: 0px;
						padding: 0px;
						font-size: 11px;
						font-weight: bold;
						color: #99CC00;
						}
				
					.ItemDirectory a {
						color: #006699;
						text-decoration: none;
						}
					
					.ItemDirectory a:hover {
						text-decoration: underline;
						}
				
				.ItemAdd {
					float: left;
					margin: 0px;
					padding: 0px;
					height: 16px;
					text-align: right;
					font-size: 11px;
					color: #FF9900;
					}
				
					.ItemAdd a {
						color: #FF9900;
						text-decoration: none;
						}
				
					.ItemAdd a:hover {
						text-decoration: underline;
						}
				
				.ItemName {
					float: left;
					margin: 0px;
					padding: 0 5px 0 10px;
					width: 485px;
					height: 16px;
					font-size: 11px;
					font-weight: bold;
					color: #99CC00;
					}
				
					.ItemName h2 {
						margin: 0px;
						padding: 0px;
						font-size: 11px;
						font-weight: bold;
						color: #99CC00;
						}
				
					.ItemName a {
						color: #99CC00;
						text-decoration: none;
						}
				
					.ItemName a:hover {
						text-decoration: underline;
						}
					
				.ItemIntro {
					float: left;
					margin: 0px;
					padding: 5px 5px 10px 10px;
					width: 485px;
					line-height: 15px;
					font-size: 11px;
					color: #CCCCCC;
					}
			
			/* PRODUCT (detail) */
				.DetailThumb {
					float: left;
					margin: 0px;
					padding: 0px;
					width: 250px;
					}
					
				.DetailDirectory {
					float: left;
					margin: 0px;
					padding: 0 0 0 10px;
					width: 260px;
					font-size: 11px;
					color: #666666;
					}
				
					.DetailDirectory a {
						color: #006699;
						text-decoration: none;
						}
					
					.DetailDirectory a:hover {
						text-decoration: underline;
						}
				
				.DetailAdd {
					float: left;
					margin: 0px;
					padding: 0px;
					width: 130px;
					height: 16px;
					text-align: right;
					font-size: 11px;
					color: #FF9900;
					}
				
					.DetailAdd a {
						color: #FF9900;
						text-decoration: none;
						}
				
					.DetailAdd a:hover {
						text-decoration: underline;
						}
				
				.DetailName {
					float: left;
					margin: 0px;
					padding: 0 5px 0 10px;
					width: 385px;
					height: 16px;
					font-size: 11px;
					font-weight: bold;
					color: #99CC00;
					}
				
					.DetailName a {
						color: #99CC00;
						text-decoration: none;
						}
				
					.DetailName a:hover {
						text-decoration: underline;
						}
				
				.DetailNo {
					float: left;
					margin: 0px;
					padding: 0 5px 0 10px;
					width: 385px;
					height: 16px;
					font-size: 10px;
					color: #99CC00;
					}
				
					.DetailNo span {
						color: #CCCCCC;
						}
				
				.DetailDropdown {
					float: left;
					margin: 0px;
					padding: 5px 5px 5px 10px;
					width: 385px;
					font-size: 11px;
					color: #99CC00;
					}

				div.detail-extra {
					border:0;
					width:650px;
					margin: 10px 0 10px 0;
					padding: 0;
				}

				div.detail-extra h2 {
					color: #99CC00;
					margin: 0;
					padding: 0;
					font-weight: bold;
					font-size: 13px;
				}

				div.detail-extra div.detail-extra-items {
					margin-top: 10px;
				}

				div.detail-extra div.detail-extra-items div {
					float: left;
					margin: 0 10px 10px 0;
					width: 150px;
				}

				div.detail-extra div.detail-extra-items div h3 {
					margin: 0;
					padding: 0;
					width: 150px;
					text-align: center;
				}

				div.detail-extra div.detail-extra-items div h3 a {
					color: #FF9900;
					text-decoration: none;
					font-size: 12px;
					font-weight: normal;
				}

				div.detail-extra div.detail-extra-items div h3 a:hover {
					text-decoration: underline;
				}
				
				.Price {
					float: left;
					margin: 0px;
					padding: 0 5px 0 10px;
					width: 385px;
					height: 16px;
					font-size: 11px;
					color: #99CC00;
					}
				
					.Price span {
						color: #CCCCCC;
						}

				.salePrice {
					float: left;
					margin: 0px;
					padding: 0 5px 0 10px;
					width: 385px;
					height: 16px;
					font-size: 12px;
					color: #BC2100;
					font-weight:bold;
					}
				
					.salePrice span {
						color: #cab301;
						}

				.ArtTitle h2 {
					float: left;
					margin-left: 0px;
					padding: 0 5px 0 10px;
					width: 385px;
					margin-top: 0px;
					font-size: 13px;
					color: #CCCCCC;
					font-weight: bold;
					}

				.DlTitle h2 {
					float: left;
					margin-left: 0px;
					padding: 0 5px 0 10px;
					width: 280px;
					margin-top: 0px;
					font-size: 13px;
					color: #CCCCCC;
					font-weight: bold;
					}

				.DlTitle a {
					float: right;
					margin-left: 0px;
					padding: 0 5px 0 10px;
					font-size: 12px;
					}

				.DetailIntro {
					float: left;
					margin: 0px;
					padding: 5px 5px 10px 10px;
					width: 385px;
					line-height: 15px;
					font-size: 11px;
					color: #CCCCCC;
					}
				
				/* SHOPPING CART */
				.CartView {
					margin: 0px;
					padding: 0px;
					width: 650px;
				}
				.CartTitle {
					margin: 0px;
					padding: 3px;
					background: #333333;
					line-height: 30px;
					font-size: 11px;
					color: #0099CC;
					white-space: nowrap;
				}
				.CartInfo1 {
					margin: 0px;
					padding: 3px;
					background: #555555;
					font-size: 11px;
					color: #CCCCCC;
				}
				.CartInfo2 {
					margin: 0px;
					padding: 3px;
					font-size: 11px;
					color: #CCCCCC;
				}
		
		.BoxMessage {
			margin: 0px;
			padding: 10px;
			background: #280000 url(/assets/img/column_r3_content_bg.gif);
			text-align: left;
			line-height: 15px;
			font-size: 12px;
			color: #BC2100;
			word-wrap: break-word; /* fix PC-IE overflow */
			}

			.BoxMessage div {
				color: #fff;
				min-height: 200px;
				}

			.BoxMessage a {
				color: #CB5F00;
				text-decoration: underline;
				}
							
			.BoxMessage a:hover {
				text-decoration: none;
				}

		.BoxR3btmL {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 11px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm3_bg_l.gif);
			}
		
		.BoxR3btmM {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 648px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm3_bg_m.gif);
			}
		
		.BoxR3btmR {
			float: left;
			margin: 0px !important;
			margin: 0 0 -7px 0; /* fix extra px on IE6 */
			padding: 0px;
			width: 11px;
			height: 11px;
			background: #280000 url(/assets/img/column_btm3_bg_r.gif);
			}
div#sitemap {
	margin-left:10px;
}
div#sitemap a {
	text-decoration:none;
}
div#sitemap a:hover {
	text-decoration:underline;
}
div#sitemap h2 {
	margin:20px 0 0;
}
div#sitemap h2 a {
	font-size:16px;
}
div#sitemap ul {
	margin:5px 0 5px 25px;
}
div#sitemap ul li {
	margin:2px 0;
	list-style:disc;
	color:#CB5F00;
}
div#sitemap ul li ul li {
	list-style:circle;
}
div#sitemap ul li a {
	font-size:12px;
}