/* Stylesheet: 2007 */

* {margin: 0px; padding: 0px;}
body {background: #34332d; font-family: Arial, Verdana, Tahoma; font-size: 14px; text-align: center; }
IMG { border: none; }
A { color: #0e6251;}


/**************************************************
	LAYOUT Settings
**************************************************/
.Container {width: 1000px; margin: 0px auto; background: #fff; }

.PageHeader { background: #3c3b34 url(images/bg/header.jpg) right bottom no-repeat; height: 111px; text-align:left; position: relative; font-size: 80%;}
.PageHeader IMG { margin: 50px 0px 0px 20px; }
.PageHeader .Link { position: absolute; top:0px; left:5px; width:100%; height:20px; margin: 5px 0px; text-align: left; padding: 0px; color:#FFFFFF;}
.PageHeader LI { list-style: none; display:inline; padding: 3px;}
.PageHeader A { color:#FFFFFF;  text-decoration: none; font-size:90%;}

.PageContent { padding: 3px; float:left; text-align: left; margin-bottom: 50px; }
.PageContent .LeftPane { width: 160px;  float:left; margin-right: 2px; }
.PageContent .CenterPane {  float:left; width: 668px; margin-left: 2px; }
.PageContent .RightPane { width: 160px;  float:right; margin-right: 2px; }

.PageFooter { width: 100%; clear: both; font-size: 80%;}
.PageFooter .Logo { border: solid 1px #ccc; border-left: none; border-right: none; }
.PageFooter .Link { margin: 0px auto; text-align: center; padding: 5px;}
.PageFooter LI { list-style: none; display:inline; padding: 3px;}
.PageFooter .Copyright { clear: both; padding: 10px 10px 20px 10px;}



/**************************************************
	General Settings
**************************************************/
.PanelConfirmation { padding: 10px;	margin-bottom:3px; background-color: #0085CF; color :#fff; font-weight: bold;}
.PanelInfo { padding: 3px;	margin-bottom:3px; background-color: #0085CF; font-size: 85%; color :#fff; font-weight: bold;}
.PanelError { padding: 3px;	margin-bottom:3px; background-color: #F15252; font-size: 85%; color :#fff; font-weight: bold;}
.Panel { padding: 3px; background-color: #efefef; border: solid 1px #ccc; margin: 5px 0px;}
.ErrorMessage { color: Red; display: block; padding-left: 10px; }
.HighlightKey { background-color: Yellow; color: #000; font-weight: bold;}
.ButtonContainer { background: #efefef; border: solid 1px #ccc; padding: 10px; margin-top: 5px;}

.DataList { width: 100%;}
.DataList TD { vertical-align: top;}
.Column_1 TD { width:100%; }
.Column_2 TD { width:50%; }
.Column_3 TD { width:33%; }

.DataListFlow SPAN { display: block; }
.ColumnFlow_2 SPAN { width: 49%; float:left; margin: 2px; }

.DataGrid { border: 1px solid #ccc; border-left: none; border-right: none; font-size:85%; padding: 2px; width:100%;}
.DataGrid TD { padding: 7px 2px;  border: none; border-bottom: solid 1px #ccc; }
.DataGrid LI { display: inline; list-style: none; padding: 5px;}
.DataGrid A { text-decoration: none;  font-size: 90%;}
.DataGrid .Description { font-size: 95%;}
.DataGrid .PanelDetails { margin-top: 10px; }
.DataGrid .GridHeader { text-align: center; font-weight: bold; background: #ebe7d4;}
.DataGrid .GridItem { text-align: center; }
.DataGrid .Price { width:100px; text-align:center; vertical-align: top; position: relative;}
.DataGrid .Price .Buy { margin-top: 20px; vertical-align: bottom; position: relative; }

.PlainGrid { width: 100%; border: 0px none;}
.PlainGrid TD { border: 0px none; }
.PlainGrid .Description {vertical-align: top; padding-top: 2px;}

.Table {  border: 1px solid #ccc;  border-right: none; border-bottom:none; width:100%; }
.Table TH { border: 1px solid #ccc; border-left:none; border-top:none; text-align: center; font-weight: bold; background: #efefef; padding: 2px;}
.Table TD { border: 1px solid #ccc; border-left:none; border-top:none; padding: 2px; vertical-align: top;}
.Table .Item { background: #efefef; font-weight: bold;}
.Table .AlternateItem { background: whitesmoke; font-weight: bold;}

INPUT.error { border: dotted 1px Red;}
LABEL.error { background: url(images/icon/invalid.gif) no-repeat 3px top; padding-left: 22px; color: Red;}
LABEL.valid { background: url(images/icon/valid.gif) no-repeat 3px top !important; padding-left: 22px;}


/**************************************************
	INPUT Settings
**************************************************/
SELECT { font-size: 90%;}
OPTION { padding: 1px;}
.Button { background: url(images/bg/button.gif); height: 20px; border: solid 1px #ccc; cursor: pointer;  font-size: 90%; color: #000; font-weight: bold; width: 100px;}
.CheckBox INPUT {border: solid 1px #ccc !important; }
.TextBox { border: 1px solid #AAA; height: 15px; width: 140px; padding: 2px 3px 0px 3px;}
.ListBox { border: 1px solid #777; }

.Digit { width: 25px; text-align: right; }
.PostCode { width: 50px; text-align:center;}
.N4 { width: 30px; text-align:center;}

.T200 { width: 200px; }
.T400 { width: 400px; }
.TH100 { height: 100px;}


/**************************************************
	Module Settings
**************************************************/
.Module { margin-bottom: 5px; font-size: 80%; }
.Module UL { padding: 5px; }
.Module LI {list-style: none; }
.Module .Title { font-weight: bold; margin-bottom: 5px; }
.Module .Label { }
.Module .InputField { margin-bottom: 5px;}
.Module .Separator { border-bottom: solid 1px #999; height: 3px; }
html > body .Module .Separator { margin-top: 5px; }

.Module .ModuleHeader { background: #d3cfba; border: solid 1px #777; padding: 2px 10px;}
.Module .ModuleBody { border: solid 1px #777; border-top: none; border-bottom: none; font-size: 90%;}
.Module .ModuleFooter { border-bottom: solid 1px #777; }

/* Module Styling */
.StyleIndigo { background: #d3cfba; border: solid 1px #666; }
.StyleLightIndigo { background: #ebe7d4; border: solid 1px #666; }
.StyleLightGrey {background: #c3c1b6; border: solid 1px #666;}

.Form LI { margin-bottom: 3px;}
.Form .Label { }
.Form .InputField {}


/*REVISIT*/
.HomePage { margin-top: 5px; margin-right: 5px; font-size: 90%;}
.HomePage A { text-decoration: none; font-size: 85%;}

.Breadcrumb { border-bottom: solid 1px #aaa; font-weight: bold; font-size: 80%; padding: 5px 5px 5px 5px; margin-bottom: 5px; margin-right: 4px;}

.SubContent { margin-right: 4px; }
.SubContent LI {list-style: none; }
.SubContent A { text-decoration: none; }
.SubContent A:hover { text-decoration: underline; }
.SubContent .Header { font-weight:bold; padding: 3px 10px; border: solid 1px #888; font-size: 80%; }
.SubContent .Body { font-size: 80%; border: solid 1px #888; border-top: none; min-height: 85px; _height:85px; padding: 3px 3px 0px 0px; }
.SubContent .BodyAutoHeight {font-size: 80%; border: solid 1px #888; border-top: none;}
.SubContent .Body A {color: #000;}
.SubContent .TopBorder { border-top: solid 1px #CCC !important;}
.SubContent .Gst { font-size: 90%; position:absolute; bottom:0px; right:2px; top:4px;}

.SubContent .ImageLogo { margin-right: 10px; float: left; }
.SubContent .ImageLogo LI { display: inline; }
.SubContent .ImageLogo IMG { margin-right: 10px; }
.SubContent .CustomHeader { background: #fff; font-size:80%; padding: 3px 6px 12px 5px; position:relative; margin-bottom:5px; }
.SubContent .LogoHeader { _height: 18px; _margin-bottom:0px;}
.SubContent .CustomPaging { border-top: none 0px; border-bottom: solid 1px #ccc; font-size:80%; padding: 5px; position:relative; height: 14px;}
.SubContent .TotalPrice { border-bottom: solid 1px #ccc; padding: 5px; text-align: right; background: #EBE7D4; font-size: 90%;}
.SubContent .InfoBox { margin-top: 5px; font-size: 80%;}

.SubContent .Left { float:left;}
.SubContent .Right { float:right;}
.SubContent .Left .Body { margin-bottom: 4px; }
.SubContent .Right .Body { margin-bottom: 4px; }
.SubContent .Half { width: 295px;}
.SubContent .Clear { clear:both; }
.SubContent .Gap { margin-left: 5px; }

.SubContent .wf5 { width: 5px;}

.SubContent .w5 { width: 5%;}
.SubContent .w25 { width: 25%;}
.SubContent .w30 { width: 30%;}
.SubContent .w35 { width: 35%;}
.SubContent .w45 { width: 45%;}
.SubContent .w49 { width: 49%;}
.SubContent .w50 { width: 50%;}
.SubContent .w65 { width: 63%;}
.SubContent .w70 { width: 69%;}
.SubContent .w75 { width: 74%;}
 
.ChildrenList { width: 100%; height: 65px; height: 65px; border-bottom-style: solid; border-bottom-color: #c4c0b7; border-bottom-width: 1px; border-left-style:solid; border-left-color: #c4c0b7; border-left-width: 1px; vertical-align:baseline;}
.ChildrenList .Content { padding: 5px 2px 2px 5px; height: 65px; position: relative; top: 5px; left: 5px;}
.ChildrenList .Content A { color: #000; }
.ChildrenList LI { list-style: disc; margin-left: 15px;}

.MenuList LI {_height: 20px;}
.MenuList A { padding: 5px; display: block;}
.MenuList A:hover { background:#D6CFBD url(images/icon/arrow-right.png) no-repeat right 4px;}
.MenuList .Selected { background: #fff url(images/icon/arrow-right.png) no-repeat right 4px;}

.MenuListContent { padding: 0px 5px; font-size: 100%;}
.MenuListContent .Title { font-weight: bold; margin-top: 5px;}
.MenuListContent .Title A { text-decoration: underline; color: #000;}
.MenuListContent .Description { margin-bottom: 10px;}
 
.Surround {}
.Surround .Image { height: 120px; width: 300px; border: solid 1px #aaa; padding: 2px;}
.Surround .Info { font-size: 80%; padding: 2px; margin-top: 5px; }
.Surround .Info LI { margin-left: 15px; list-style: disc; margin-bottom: 3px; }
.Surround .GridHeader A { color: #000;}

.VoiceCoil .DataGrid {font-size: 80%; border: solid 1px #ccc;}
.VoiceCoil TD { border-right: solid 1px #ccc;}

.DealerLocator { font-size: 90%;}

.Padlock { padding-right: 20px; font-weight: bold; background: url(images/icon/padlock.png) right top no-repeat; text-align: right; font-size: 90%; margin: 3px 1px;}

.CheckoutForm {	border: solid 1px #ccc; margin-top: 3px; padding: 5px 5px; margin-bottom: 5px;}
.CheckoutForm LEGEND {font-weight: bold; padding: 0px 5px 5px 10px; }

.CheckoutOption {margin-top: 5px; padding: 10px 5px; }

.Registration { font-size: 80%;}
.Registration LI { margin-left: 25px; list-style-type:disc; margin-bottom: 5px;}

/* SubContent Styling */
.SubContent .ColorScheme1 { background: #c4c0b7; }
.SubContent .ColorScheme2 { background: #cac6ab; }
.SubContent .ColorScheme3 { background: #e7e0c6; }

/* Specific Content */
.Navigation { padding: 0px !important; }
.Navigation LI { list-style: none; margin-bottom: 1px;}
.Navigation LI A { display: block;  background: #C3C1B6; padding: 5px; color: #000; text-decoration: none;}
.Navigation LI A:hover { background-color: #ebe7d4 ;}

.Newsletter { background: url(images/content/newsletter.gif) left top no-repeat; height: 50px; padding-left: 54px;}
.Newsletter H3 { font-size: 90%; color: #0e6251; }
.Newsletter H4 { font-size: 90%; font-weight: normal; margin-top: 5px;}
.Newsletter H5 { font-size: 90%; text-decoration: underline; color: #cc0033; margin-top: 2px;}

.Service H3 { font-size: 110%; margin-bottom: 3px;}
.Service P ,
.Service .Text LI { font-size: 90%; }
.Service .TopBorder { border-top: solid 1px #888;}

.Speakers IMG { float: left; }
.Speakers .Body { min-height: 81px; _height: 80px;}
.Speakers .Text { position: relative; left: 3px; top: 3px;}

.Turntables .Body { text-align: center; height: 170px;}

.General { padding: 7px !important;}
.General H2 { font-size: 120%; color: #777; margin-bottom: 5px;}
.General P { margin-bottom: 5px;}

.HtmlModule { font-size: 85%; position:relative;}
.HtmlModule .Print {text-decoration: underline; cursor:pointer; position: absolute; top: 0px; right: 5px;}
.HtmlModule H1 { margin-bottom: 15px; font-size:160%; width: 90%;}
.HtmlModule H2 { margin: 15px 0px 10px 0px; font-size: 120%; text-decoration: underline;}
.HtmlModule H3 { margin: 15px 0px 10px 0px; font-size: 120%; border-bottom: #ccc solid 1px; background: #efefef; padding: 4px;}
.HtmlModule H4 { margin: 15px 0px 10px 0px; font-size: 120%; font-style:italic;}
.HtmlModule P { margin: 10px 0px 5px 0px; }
.HtmlModule OL LI { margin-left: 35px; list-style-type:decimal;}
.HtmlModule IMG.PanelSize { width: 620px; }
.HtmlModule LI IMG.PanelSize { width: 580px; }
.HtmlModule UL.HasList LI { margin-left: 25px; list-style-type:disc;}
.HtmlModule .Title { font-weight: bold; font-size: 110%; margin-top: 10px;}
.HtmlModule .Center { text-align: center !important; }
.HtmlModule IMG.Left { margin-right: 10px;}
.HtmlModule .Image220 IMG { width: 220px; height: 165px;}
.HtmlModule .Box { padding: 10px; background: #EFE7D6; font-weight: bold; border: solid 1px #D6CFBD; }

.PagingControl UL { position: absolute; right: 0px;}
.PagingControl LI {display:inline; padding: 2px; margin: 4px 2px;}
.PagingControl LI.Box { } 
.PagingControl LI.Selected {  color: maroon; font-weight: bold;}
.PagingControl A {color: #777;}
.PagingControl A:hover { text-decoration: none; }

.PriceList { background: url(images/content/price-list.gif) 5px 5px no-repeat; padding: 7px 2px 15px 60px; }
.Library { background: url(images/content/Library.gif) 5px 5px no-repeat; padding: 5px 2px 5px 60px; height: 50px;}
.NewCustomer { background: #d3cfba;padding-left: 3px;}
.Cart { background: #d3cfba ; padding-left: 3px;}

.SearchBox { position: absolute; right: 3px; top: 3px; }
.SearchBox .TextBox { width: 120px; font-size: 80%; border: solid 1px #ccc;}
.SearchBox .Button { width: 50px; font-size: 80%; }

.Slideshow { border: solid 1px #ccc; padding: 5px 10px; background: #efefef;}
.Slideshow IMG { width: 220px; height: 160px;}
.Slideshow .Description { text-align: justify; height: 140px;}

.Popup { width: 715px; background-color: #fff; position: relative; font-size: 85%; text-align: left; padding: 5px; margin-left: 5px;}
.Popup UL { font-size: 80%;}
.Popup P { margin-bottom: 3px;}
.Popup .CloseButton { position: absolute; right: 10px;}
.Popup .ImageSection { border-top: solid 1px #ccc;}
.Popup .Table { width: auto; float: left; margin-right: 10px;}
.Popup TR { background-color: whitesmoke;}
.Popup TR.AlternateItem { background-color: snow;}

.SubmitSpeaker { font-size: 80%;}
.SubmitSpeaker IMG { margin-right: 10px;}
.SubmitSpeaker LABEL { margin: 3px 20px 0px 5px; padding: 0px; display: block; float: left;}
.SubmitSpeaker .Radio INPUT { margin-top: 5px; float:left;}

.SiteMap LI.Root { font-weight: bold; margin: 10px 0px; padding: 5px; font-size: 150%; background: #EFE7D6;}
.SiteMap LI.Child {	margin: 5px 10px; padding-left: 20px; background:url(images/icon/bullet.gif) no-repeat;}
.SiteMap LI.Child UL LI { display: inline;}

.FAQ { font-size: 90%;}
.FAQ DIV { padding: 3px;}
.FAQ .Question { background-color: #D6CFBD; cursor: pointer; }
.FAQ .Answer { background-color: #EFE7D6; display: none; margin-bottom: 10px; }






	
.InfoPage H1 {FONT-VARIANT:small-caps; border-bottom: solid 1px #777; color:#333; font-size: 80%;}
.InfoPage DL {width: 50%;float:left;}
.InfoPage DT {font-weight: bold; font-size: 100%;}
.InfoPage DD {padding: 0px;	margin: 0px 0px 10px 0px;}




/* CSS for CONTENT SECTION */
#DivContentContainer { width:100%;}
#DivContentContainer #DivContentPart { display: block; }
#DivContentContainer .ErrorMessage { color:Red; font-size: 160%; font-weight:bold; }
#DivContentContainer .TextBoxNumber { direction:rtl; }
#DivContentContainer IMG { border: none; }
#DivContentContainer .DivImageHolder { display: block; border:double #ccc; margin:5px;}

#DivContentContainer FIELDSET 
{
	width: 500px;
	margin-bottom: 10px;
}
#DivContentContainer FIELDSET LEGEND 
{
	font-size: 110%;
	padding: 5px 10px 10px 10px;	
}
#DivContentContainer H6
{
	font-size: 140%;
	color: #000;
	margin-bottom: 4px;
}

/* CSS FOR ABOUT */
#DivContentContainer #AboutNavigationBar { display:block; list-style-type:none; margin-top: 7px; margin-left: -20px; padding-bottom: 30px;}
#DivContentContainer #AboutNavigationBar LI
{
	BACKGROUND-COLOR:whitesmoke;
	display: block;
	float: left;
	width: 170px;
	padding-top: 7px;
	border: #ccc 1px solid;
	border-left: none;
	height: 40px;
	text-align: center;
	font-variant: small-caps;
}

#DivContentContainer #AboutNavigationBar #General {border-left: #ccc 1px solid;}
#DivContentContainer #DivGeneral, #DivContentContainer #DivStaff, #DivContentContainer #DivHistory, #DivContentContainer #DivNow{	display: none;	font-size: 120%;	text-align:justify;}
#DivContentContainer #DivGeneral { display: block;}

#DivMenuContainer { float: left; width: 220px; height: 129px;}
#DivShippingMessage { display:none; padding-top:10px; text-align:justify; }
.DivSingleShipping { border: 1px solid #ccc; float: left; padding: 10px; text-align:justify; margin-bottom:10px;}

#DivManual
{
	width: 100%;	
}
#DivManual H1
{
	font-size: 2em;
	font-weight: normal;
}
#DivManual H2
{
	font-style: italic;
	font-size: 1.3em;	
	font-weight: normal;
}
#DivManual H3
{
	
	font-size: 1.1em;	
	font-weight: bold;	
	margin-bottom: 5px;
}
#DivManual UL LI
{
	line-height: 1.5em;
	margin-left: 0px;	
}
#DivManual OL LI
{
	margin-bottom: 10px;
	text-align: justify;
}
#DivManual #Paging
{		
	margin: 0px;
	padding: 0px;
	list-style: none;	
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #ccc;
	background-color: whitesmoke;		
}
#DivManual #Paging LI
{
	display: inline;
	float: left;
	padding-left: 5px;
	font-weight: bold;
}
#DivManual #Paging LI A
{
	font-weight: normal;
}
#DivManual .Header
{
	display: block; 
	width: 100%;
	background-color: gainsboro;
	padding: 5px;
	border: solid 1px #ccc;
}
#DivManual .Spotlight
{
	background: whitesmoke url(../Image/icon_book.jpg) no-repeat 5 6;
	padding: 3px 3px 3px 28px;
	border: 1px solid #ccc;	
}
#DivManual .Fault
{	
	font-weight: bold;	
	margin-bottom: 5px;
}
#DivManual .Solution
{
	margin-top: 0px;	
	text-align: justify;
}
#DivManual .Solution SPAN
{
	font-size: 110%;
	font-weight: bold;
}
#DivManual .TwoColumnLeft
{
	clear:left;
	float: left;
	width: 343px;
	text-align: justify;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#DivManual .TwoColumnRight
{
	width: 343px;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 10px;
}
html>body #DivManual .TwoColumnLeft
{
	width: 338px;
}
html>body #DivManual .TwoColumnRight
{
	width: 338px;
	float: right;
}
#DivManual .DivImage
{
	float:right; 
	width:280px; 
	text-align:center;
}
#DivManual .Figure
{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
#DivManual .Figure P
{
	margin: 0px auto;
	width: 600px;
	font-style: italic;
}
#DivManual HR
{
	clear: both;	
	margin-top: 10px;	
	margin-bottom: 0px;	
}
/* CLASSES */
.DivContainer
{
	BACKGROUND-COLOR:whitesmoke;
	BORDER:#ccc 1px solid; 	
	font-size: 1em;
	margin-top:5px;	
	MARGIN-RIGHT: 5px;
	PADDING: 10px 10px 10px 10px;
	WIDTH: 210px; 
}
html>body .DivContainer
{
	width: 188px;
}
.DivContainer h3
{
	font-size: 100%;
	margin: 5px 0px 5px 0px;
}
.DivContainer P
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 80%;
}
.DivDashedLine
{
	BORDER-TOP: #ccc 1px dashed; 	
	WIDTH: 100%
}
html>body .DivDashedLine
{
	BORDER-TOP: #ccc 1px dashed;
	margin-top: 10px;
	padding-bottom: 15px;
	WIDTH: 100%
}

/* TABLE PROPERTIES */
.TableManual
{
	background-color: WhiteSmoke;
	border: 1px solid #ccc;
	font-size: 1em;
}
.TableManual TH
{
	background-color: gainsboro;	
}
.TableManual .CellTitle { font-weight: bold; background-color:gainsboro;}	
.TableManual .AlterColumn, .TableManual .Footer
{
	background-color: #efefef;
}
.TableManual UL { margin-left: 20px;  margin-bottom: 3px;}
html>body .TableManual UL { margin-left: -18px;  margin-bottom: 3px;}
.TableManual LI { line-height:1.2em; margin-bottom:5px; list-style-type:disc;}

/* CSS Secure Pages */
.dPayment { BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 10px; BORDER-LEFT: #666 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #666 1px solid }
#dLogoFooter { BORDER-TOP:#b9b5b4 1px solid; BORDER-BOTTOM:#b9b5b4 1px solid; width:100%; text-align:center; margin-top:15px; margin-bottom:5px;}
#dLinkFooter { FONT-SIZE: 1.2em; TEXT-ALIGN: center; width:100%; height:25px; background-color: #c1bebe; padding-top:3px; margin-top:15px; margin-bottom:5px;}
#dCopyright { FONT-SIZE: 0.9em; TEXT-ALIGN: center; line-height: 2em; Color:#001a32; }
	
/* CSS POP-UP WINDOWS */
#DivPopUpBody { float:left; font-size:1em; PADDING: 10px; width:730;}
html>body #DivPopUpBody { float:left; font-size:1em; PADDING: 10px; width:auto;}
#DivPopUpBody TABLE { font-size:1em; margin-top:10px;}
#DivPopUpBody .DivCloseWindow { position:relative; left:630px;}
#DivPopUpBody .DivProductInfo { float:left; clear:both; width:100%; }
#DivPopUpBody .DivProductInfoFoam { float:left; width:100%; }
#DivPopUpBody .DivFooter { clear:both; margin-top: 10px;}

#DivPopUpBody .TblSpec { BORDER:#ccc 1px solid; WIDTH:100%;  BACKGROUND-COLOR:white; font-size:1em; }
#DivPopUpBody .TblSpec TH {background-color: #e5e2e1; }
	
#DivPopUpBody .TblProductDetail { BORDER: #ccc 1px solid; WIDTH:100%;  BACKGROUND-COLOR:white; text-align:justify; }
#DivPopUpBody .TblProductDetail .CellTitle { font-weight: bold; background-color:#e5e2e1;}	
#DivPopUpBody .TblProductDetail .Button {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; width:100px;}	
	
#DivPopUpBody #DivMeasure{	PADDING-RIGHT: 10px; MARGIN-TOP: 10px; PADDING-LEFT: 10px; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #efefef; }
html>body #DivPopUpBody #DivMeasure{MARGIN-TOP: 10px; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #efefef; width:240px;}
		
/* Div Shipping */
#ShippingPopup { MARGIN: 0px; cursor: pointer; font-size: 90%; background: url(images/bg/shipping.gif) no-repeat 2px 2px; height: 37px;}
#ShippingPopup .ShippingContainer DIV {padding: 21px 0px 3px 55px; }
#ShippingPopup B { padding: 3px; display: block; display: none;} 
#ShippingPopup #DivShipping {width:200px;  position:absolute; background-color: #777; color:#000; border:1px solid #999; visibility: hidden;z-index: 100;}
#ShippingPopup TABLE TD { background-color: #efefef; padding: 2px;}
#ShippingPopup TABLE TD.Header  { text-align:center;  border: none;background-color: #777; color:#ebe7d4 ; font-weight: bold; padding: 5px;}
#ShippingPopup TABLE TD.Footer  { text-align:center;  border-top: solid 1px #ccc; background-color: #aaa;}

.FindDealer {text-align: right; MARGIN: 10px 0px 0px 0px; font-weight: bold;}
/*
#DivPopUpBody #DivShipping UL { margin-left:20px; margin-bottom:0px;}
html>body #DivPopUpBody #DivShipping UL { margin-left:-20px; margin-bottom:0px;}
#DivPopUpBody #DivShipping LI { margin-bottom: 10px;}
#DivPopUpBody #DivShipping .TblSpec { BORDER:#ccc 1px solid; WIDTH:100%;  margin-top:4px; }
#DivPopUpBody #DivShipping .TblSpec TH { font-weight: normal; background-color: whitesmoke;}
#DivPopUpBody #DivShipping .TblSpec .Footer { font-weight: normal; background-color: #CCCCCC;}
*/
#DivPopUpBody #LinkShippingCategory { text-decoration:none; border:1px solid #ccc; padding:3px; background-color: #efefef; color: Black;}
#DivPopUpBody #LinkShippingCategory:hover { background-color: #ccc; color: #fff;}

	
/* CSS BORDER */
.CellBorderBottom { border-bottom: 1px solid #ccc;}
.CellBorderRight { border-right: 1px solid #ccc; }
.CellBorderRightBottom { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

/* Div Special Discount */
#DivDiscount { float:right; font-size:100%; width:300px; margin-top: 20px; margin-bottom:5px;}
#DivDiscount #DivDiscountHeader { background-color:#CCCCCC; border:solid 1px #ccc; cursor: pointer; font-weight:bold; padding:5px; text-align:center; height:25px;}
#DivDiscount #DivDiscountContent {background-color: whitesmoke; display:block; margin-top:-10px;}



/* Main Screen */
#Container 
{
	float:left;
	border: solid 1px #ccc;
	background-color: #fff;
	margin:5px 0px 0px 0px;
/*	padding: 3px;	*/
	width: 652px;	
}
#Container #Inside
{
/*	border: solid 1px #ccc; */
	float:left;
	width: 300px;
	padding: 10px 0px 16px 0px;
	border-right: solid 1px #ccc;	
}
html>body #Container #Inside
{
	width: 325px;
	padding: 7px 0px 13px 0px;	
}
#Container #Preview
{
	float:left;		
	width: 334px;
	height: 374px;	
}
html>body #Container #Preview
{
	width: 326px;
	height: 344px;
}
#Container #Preview #Image
{	
	background-color: #efefef;	
	margin-bottom: 5px;
	border-bottom: solid 1px #ccc;	
	padding: 0px;
	text-align: center;
}
#Container #Preview IMG
{
	height: 126px;
	margin:5px 0px 5px 0px;
}
#Container #Preview #Text
{
	float:left;		
	padding: 10 5 0 10;	
	font-weight: bold;
}
#Container #Preview #Text H1
{
	width: 100%;
	text-align: center;
	font-style:italic;
	font-weight:normal;
	font-size: 130%;
	margin: 0 0 10 0;	
}
#Container #Preview #Text UL
{	
	margin: 2px 0px 5px 20px;	
}
html>body #Container #Preview #Text UL
{
	margin: 2px 0px 5px -20px;		
}
#Container #MainScreen 
{
	list-style: none;	
	margin:0 5 5 10;
}
html>body #Container #MainScreen 
{
	margin:0 5 5 -35;	
}
#Container #MainScreen LI
{	
	list-style: none;
	font-size: 120%;	
	height: 40px;	
	padding-top	: 10px;
	width: 300px;		
}
html>body #Container #MainScreen LI
{	
	width: 315px;
}
#Container #MainScreen LI A
{
	text-decoration: none;
	color: #444;
	font-weight: 500;	
}
#Container #MainScreen LI A:hover
{
	color: navy;
}
#Container #MainScreen LI IMG
{
	width: 40px;
	height: 40px;
	border:0px;
	float: left; 
	margin-right: 10px;	
}

.HiddenContent {display:none;}


/* ----------------------------------------------------------------------
	SHIPPING BOX
------------------------------------------------------------------------- */
#ShippingBox
{
	BACKGROUND-COLOR:whitesmoke;
	BORDER:#ccc 1px solid; 		
	margin-top:5px;
	MARGIN-LEFT: 5px; 
	MARGIN-RIGHT: 15px;
	WIDTH: 210px; 
}
#ShippingBox .TdUp
{	
/*	background:#efefef url(../Image/Up.gif) no-repeat top right; */
	background-color: #efefef;
	border-bottom: solid 1px #ccc;	
	text-align: center;
	padding-left: 5px;
	height: 22px;	
}
#ShippingBox .TdDown
{	
/*	background:#efefef url(../Image/Down.gif) no-repeat top right; */
	background-color: #efefef;
	border-bottom: solid 1px #ccc;
	text-align: center;
	padding-left: 5px;
	height: 22px;
}
#ShippingBox .Footer
{
	background-color: #efefef;
}


/* NAVIGATOR */
#Navigator
{		
	margin: 0px;
	padding: 0px;
	list-style: none;	
	width: 100%;
	padding: 3px;	
	
}
#Navigator LI
{
	display: inline;
	float: left;
	padding-left: 5px;
}

/* Product Display */
.ProductDisplay 
{
	width: 100%;	
	text-align:center;
	border: solid 1px #ccc;
}
.ProductDisplay .Header
{
	padding: 4px;
	background-color: #C3C1B6;
/*	background: url(images/bg_ProductDisplay.gif) repeat-x left top;	*/
	height: 15px;
	
}
.ProductDisplay .Content
{
	padding: 5px;
}


/************************************************************
	SHOPPING CART
************************************************************/
#DivDustHelp
{
	position: absolute;
	width: 300px;
	background-color: #efefef; 
	padding:5px; 
	border:1px solid #999; 
	visibility: hidden;
	z-index: 100;
}
#DivDustHelp P
{
	margin-top:0px;
	margin-bottom:10px;
}
#LinkInfo
{
	color: #000;
	border-bottom: dashed 1px #000;
	text-decoration: none;
}
#ButtonCheckoutContainer
{
	float:right;
	margin-right: 10px;
	text-align:center;
}
#ButtonCheckoutContainer P
{
	font-style:italic;
	margin-bottom: 5px;
}
/************************************************************
	PAGE NOT FOUND
************************************************************/
#PageNotFound 
{
	font-size: 90%;
}

#PageNotFound H1
{
	font-size: 150%;
	font-weight: normal;
}
#PageNotFound H2
{
	font-size: 100%;	
	font-weight: normal;
}
#PageNotFound H3
{
	margin: 0px;
	padding:0px;
	font-size: 110%;
}
#PageNotFound P
{
	margin: 0px;
	padding:0px;
	font-size: 100%;
}
#Suggestion 
{	
	list-style-image: url(../Image/bullet_tick.gif);	
	list-style-type: circle;	
	padding: 10px;
	padding-left: 20px;	
}
#Suggestion LI
{		
	border-bottom: dashed 1px #999;
	padding-bottom:5px;
	padding-left: 5px;
	margin-bottom: 5px;
}

/************************************************************
	ONLINE ORDER FORM
************************************************************/
#PaymentMethod
{
	border: solid 1px #ccc;
	margin: 5px 0px 10px 0px;
	padding: 5px;
}


/************************************************************
	REGISTRATION FORM 
	Last Update: Feb 9, 2006
************************************************************/
DIV#SelectProduct H1
{
	font-size: 110%;
}

/************************************************************
	GLOBAL 
	Last Update: Feb 9, 2006
************************************************************/
DIV.ShippingMessage 
{
	padding: 5px 20px 10px 15px;
	line-height: 1.5em;
}

/************************************************************
	TESTIMONIAL
	Last Update: March 9, 2006
************************************************************/
.dgTestimonial .Paging 
{
	text-align:center;	
	background-color: #DFEFFA;
}
.dgTestimonial .Paging A, .dgTestimonial .Paging SPAN
{	
	font-size: 12px !important;	
	width: 30px;
	padding: 0px !important;	
}

.BigButton 
{	
	padding: 5px;
	cursor:pointer;
}

UL.TabMenu 
{
	margin: 0px 10px 0px 10px;
	clear: left;
	float:left;
	z-index:0;
}
UL.TabMenu A 
{
	color: #444;
	text-decoration: none;
}
UL.TabMenu LI 
{
	width: 162px;
	background: #fff url(images/tab-nonactive.gif);
	list-style: none;	
	text-align: center;
	float: left;
	padding: 5px;
	cursor: pointer;
}
html>body UL.TabMenu LI 
{
	width: 162px;
}
UL.TabMenu LI.Empty 
{
	width: 5px;
	border: none;
	background: #fff;
	padding: 2px;
}
UL.TabMenu LI.Selected 
{
	background: #fff url(images/tab-active.gif);
	color: #fff;
	font-weight: bold;
	cursor: default;
}
UL.TabMenu LI.Selected A:hover
{
	color: #444;
	text-decoration: underline;
	cursor: default;
}


/* FOR DATAGRID SORTING */
.ShowArrowUp
{
	background: #efefef url(/Image/icon_arrow_up.gif) no-repeat right 3px;	
}
.ShowArrowDown
{
	background: #efefef url(/Image/icon_arrow_down.gif) no-repeat right 3px;	
}


/* MenuPages.ascx */
DIV#MenuPages
{	
	WIDTH: 100%; 
}

DIV#MenuPages IMG
{
	float: left;
}

DIV#MenuPages H1
{ 
	COLOR: #565b62; 
	font-size: 2em; 
	font-weight: normal; 
	margin-top: 3px; 
	margin-bottom: 8px;
}

DIV#MenuPages TABLE.Container
{
	BORDER: #ccc 1px solid; 
	border-right: none;
	width: 100%;			
	clear: both;
}

DIV#MenuPages TABLE.Container TD
{
	padding-bottom: 5px;
	border-right: 1px solid #ccc; 
	background-color: #fff; 	
}

DIV#MenuPages TABLE.Container TABLE 
{	
	width: 100%;	
}
DIV#MenuPages TABLE.Container TABLE TD
{	
	width: 33%;	
	text-align: center;
	padding-bottom: 0px;	
	border-right: none; 		
}

DIV#MenuPages TABLE.Container TABLE TR.Header TD
{
	height:25px; 
	background-color: #c1bebe; 
	color:#001a32; 
	font-size: 70%; 
}

DIV#MenuPages TABLE.Container TABLE TR.Content TD
{
	height:130px; 
	padding-top: 7px;				
}

DIV#MenuPages TABLE.Container IMG
{
	border: none;	
	float: none;		
}


INPUT.ImageButton
{
	border: none;				
	cursor: pointer;	
	overflow: hidden;
    line-height: 500px;
    font-size: 0px;
}
INPUT.Purchase
{
	background: #fff url(../images/sites/icon/btn-purchase.gif) no-repeat;
	width: 111px;
	height: 28px;
}

A.BuyLink
{
	Color : #9D0000 !important;
	font-weight: bold;
}