/*
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 a#imgCatalog {
	margin-bottom:5px;
}

.BoxLcontent div.Section a.category {
	color: #fff;
	text-decoration: underline;
}

.BoxLcontent div.Section a.category: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 */
div#ups_map {
	height: 275px;
	padding: 20px 0 0 0;
	color: #fff;
}

div#ups_map a {
	float: left;
	margin: 0 10px 0 0;
}

.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: 12px;
	color: #FF9900;
}

.ContactInfo {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 320px;
	line-height: 16px;
	font-size: 12px;
	color: #8B8B8B;
}

.ContactInfo li {
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}

.ContactInfo li span {
	font-size: 12px;
	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;
}

.DetailConfigure {
	float: right;
	margin: 0px;
	padding: 0px;
	height: 16px;
	text-align: right;
	font-size: 11px;
	color: #FF9900;
}

.DetailNext {
	float: right;
	margin: 0px;
	padding: 0 0 20px;
	height: 16px;
	text-align: right;
	font-size: 11px;
	color: #FF9900;
}

.DetailPrev {
	float: left;
	margin: 0px;
	padding: 0 0 20px 10px;
	height: 16px;
	text-align: right;
	font-size: 11px;
	color: #FF9900;
}

.DetailAdd a {
	color: #FF9900;
	text-decoration: none;
}

.DetailAdd a:hover {
	text-decoration: underline;
}

.DetailConfigure a {
	color: #FF9900;
	text-decoration: none;
}

.DetailConfigure a:hover {
	text-decoration: underline;
}

.DetailNext a {
	color: #FF9900;
	text-decoration: none;
}

.DetailNext a:hover {
	text-decoration: underline;
}

.DetailPrev a {
	color: #FF9900;
	text-decoration: none;
}

.DetailPrev a:hover {
	text-decoration: underline;
}
form#frmPackageConfig {
	float:left;
	width:385px;
	margin:0 0 20px;
}
form#frmPackageConfig fieldset {
	border:0;
}
form#frmPackageConfig fieldset ul {
	list-style:none;
	margin:10px 0 0 5px;
	padding:0;
}
form#frmPackageConfig fieldset ul li {
	margin:0;
	padding:0;
}
form#frmPackageConfig fieldset ul li input {
	clear:both;
	float:left;
	margin:0 0 10px;
}
form#frmPackageConfig fieldset ul li label {
	float:left;
	color:#CCCCCC;
	width:340px;
	margin:0 0 10px 5px;
}
form#frmPackageConfig fieldset ul li label span.plus {
	color:#CAB301;
}
form#frmPackageConfig fieldset ul li label span.minus {
	color:#BC2100;
}
form#frmPackageConfig fieldset ul li label span.neutral {
	color:#009C31;
}
.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;
}

.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: auto;
	font-size: 12px;
	color: #BC2100;
	font-weight:bold;
}

.salePrice h2 {
	color:#FFFFFF;
	font-size:20px;
	padding:0;
	margin:5px 0 15px;
	line-height:20px;
}

.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: right;
	margin: 0px;
	padding: 5px 5px 10px 10px;
	width: 385px;
	line-height: 15px;
	font-size: 11px;
	color: #CCCCCC;
}

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;
}

/* 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;
	text-align: left;
}

.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;
}
#TB_window h1 {
	margin:20px 20px 0;
	font-size:15px;
	padding:0;
}
#TB_window table#package-details {
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	margin:20px 20px;
	background-color:#CCCCCC;
	padding:0;
	border-spacing:0;
}
#TB_window table#package-details thead tr th {
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0;
	padding:5px;
}
#TB_window table#package-details tbody tr td {
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0;
	padding:5px;
}
#TB_window table#package-details tbody tr td a {
	color:#333333;
	text-decoration:underline;
}
#TB_window table#package-details tbody tr td a:hover {
	text-decoration:none;
}
div#live-chat {
	position:fixed;
	right:10px;
	top:10px;
	z-index:200;
}