/* CSS Document */

/* Slingshots Code */

body { margin: 0px; text-align: center; font-family: arial, lucida sans unicode, lucida grande; background: url(images/jamo-bg.gif) #494949; font-size: 11px; background-repeat: repeat-x;}

body td { font-size: 13px; }
#OuterContainer { background: #fff url(images/jamo-bg.gif); background-repeat: repeat-x; }
#Container { margin: 0 auto; width: 990px; text-align: left; background: #fff; }
#Header { height: 97px; }
#ColumnContainer { }
#LeftColumn { }
#MainColumn {  }
#RightColumn {  }
#Footer { width: 990px; text-align: left; }
.fcolumn { float: left; width: 20%; font-size: 12px; font-weight: bold; color: #a4a4a4; line-height: 17px; }
.fcolumn a { display: block; width: 125px; font-weight: normal; margin-left: -15px; padding: 0px 15px 0px 15px; text-decoration: none;}
.fcolumn a:link { color: #a4a4a4;font-size: 11px; text-decoration: none;}
.fcolumn a:visited { color: #a4a4a4;font-size: 11px;text-decoration: none;}
.fcolumn a:hover { background: #ad0000;  color: #a4a4a4; font-size: 11px; text-decoration: none; }
.fcolumn a:active { color: #a4a4a4;font-size: 11px; text-decoration: none;}

.b { font-weight: bold; }

.supportsect { float: left; width: 217px; }
.supporttitle { font-size: 15px; font-weight: bold; }
.supportdescription { font-size: 11px; color: #a4a4a4; }
.sup1 { float: left; width: 15px }
.sup2 { clear: both; margin-bottom: 30px; }

.leftnav { font-weight: bold; font-size: 14px; float: left; width: 220px; margin-top: 8px; margin-bottom: 30px; margin-right: 30px; border: solid #a4a4a4 1px; padding-top: 15px; padding-left: 20px; padding-bottom: 20px; line-height: 24px; }
.leftnav a { display: block; font-size: 12px; text-decoration: none; }
.leftnav:hover { text-decoration: none; }


.mainnav { height: 39px; width: 990px; background-repeat: repeat-x; background-image: url(images/mainnav-bg-normal.jpg); }

.mar { float: right; padding-left: 4px; padding-right: 30px; font-size: 10px; font-weight: bold; background: url(images/mainnav-bg-normal.jpg); height: 39px; background-repeat: repeat-x; }

.mainnav a:link { text-decoration: none; }
.mainnav a:visited { text-decoration: none; }
.mainnav a:hover { text-decoration: none; }
.mainnav a:active { text-decoration: none; }


.mainnavbuttontext
{
	margin-top: 14px;
}
.mainnavbuttontd
{
	float: left; padding-top: 5px; padding-left: 4px; padding-right: 30px; font-size: 10px; font-weight: bold; background: url(images/mainnav-bg-normal.jpg); height: 39px; background-repeat: repeat-x;
}


.breadcrumbs { font-size: 11px; margin: 7px 0px 15px 27px; color: #a4a4a4; font-weight: bold;  }
h1 { margin: 0px; font-size: 20px; }

.prodnavbuttontd
{
	float: left; padding: 11px; padding-top: 6px; padding-bottom: 0px; font-size: 9px; background: url(images/prod-nav-bg-normal.jpg); height: 23px; background-repeat: repeat-x;
}
.prodnavbuttontd a:hover { text-decoration: none; }

.prodnav
{
	background: url(images/prod-nav-bg-normal.jpg); height: 23px; background-repeat: repeat-x;
}

.prodrednav3 a { display: block; }


.prodrev { float: left; width: 220px; }

.topnavlinks
{
	padding-top: 11px; 
	font-size: 9px; 
	text-align: right;
	height: 14px;
}

.topnavlinks a:link { color: #5f5d5d; text-decoration: none; }
.topnavlinks a:visited { color: #5f5d5d; text-decoration: none; }
.topnavlinks a:hover { color: #ad0000; text-decoration: underline; }
.topnavlinks a:active { color: #5f5d5d; text-decoration: none; }


.errconf_outer
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/translucent.png);
}
.errconf_topper
{
	background: #999999;
	 padding:5px;
}
ul.sortablelist
{
	list-style-image:none;
	list-style-type:none;
	margin-left: 0px;
}
li.sort
{
	background: #3f74aa;
	color: #ffffff;
	margin-bottom: 3px;
	padding: 5px; cursor:move;
}
.errconf_close
{
	background: url(images/close2.gif);
	width: 20px;
	height: 17px;
	border: solid 1px #000000;
	margin: 0px 5px 0px 568px;
}
.errconf_inner
{
	position: absolute;
	width: 600px;
	background: #ffffff;
	border: solid #000 1px;
}.error
{
 color: #ff0000;
}
.confirmation
{
 color: #0000ff;
}
a:link { color: #5f5d5d; text-decoration: none; }
a:visited { color: #5f5d5d; text-decoration: none; }
a:hover { color: #ad0000; text-decoration: underline; }
a:active { color: #5f5d5d; text-decoration: none; }



.l { float: left; }
.r { float: right; }
.clr { clear: both; }
.mt30 { margin-top: 30px;}
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.ml30 { margin-left: 30px; }
.ml20 { margin-left: 20px; }
.ml10 { margin-left: 10px; }
.mb50 { margin-bottom: 50px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.m10 { margin: 10px; }
.mt30mb30 { margin-top: 30px; margin-bottom: 30px; }
.ml10mr5 { margin-left: 10px; margin-right: 5px; }
.ml10mr15 { margin-left: 10px; margin-right: 15px; }
form { margin: 0px; }

/* about */
.grayborder { border: solid #a4a4a4 1px; width: 680px;}
.ab1 { float: left; padding: 20px; padding-left: 30px; width: 430px; }
.ab1 p { font-size: 12px; }
.ab2 { font-size: 18px; }
.ab3 { float: right; padding-left: 25px; padding-right: 25px; }
.ab4 { margin-top: 13px; margin-bottom: 10px; }
.ab5 { float: right; padding-left: 15px; }
.ab6 { float: left; margin-top: 30px; padding-left: 30px; width: 665px; }
.ab7 { float: left; width: 180px; text-align: center; }
.ab8 { float: left;font-size: 12px; color: #595959; }
.ab9 { float: left;font-size: 12px; color: #595959; width: 470px; }
.ab10 { float: right; margin-top: 30px; margin-left: 20px; border: solid #a4a4a4 1px; padding: 20px; color: #595959; font-size: 12px; width: 233px; }
.ab11 { font-weight: bold; color: #000;font-size: 15px; }

/* aesthetic */
.ae1 { float: left; width: 697px; }
.ae2 { margin: 10px 0px 20px 0px; }
.ae3 { float: left; width: 142px; font-size: 11px; color: #454545; border: solid #a4a4a4 1px;margin-bottom: 20px; padding: 10px 8px 5px 8px; }
.ae33 { float: left; width: 142px; font-size: 11px; color: #454545; border: solid #a4a4a4 1px;margin-bottom: 20px; margin-right: 17px; padding: 10px 8px 5px 8px; }
.ae4 { text-align: center; margin-bottom: 10px; }
.ae5 { font-size: 12px; font-weight: bold; }
.ae6 { float: left;margin-left: 20px; }
/* contact */
.co1 {float: left; width: 649px; height: 315px; margin-bottom: 50px; background: url(images/globe.gif); background-repeat: no-repeat; }
.co2 { float: left; width: 33%; text-align: center; margin-top: 125px; }
.co3 { float: right; width: 255px; padding: 20px; padding-left: 30px; height: 140px; margin-top: 120px; border: solid #a4a4a4 1px; font-size: 13px; color: #a4a4a4; }
.co4 { color: #ad0000; }
.co5 { margin-top: 5px; }

/* FAQ */
.faq { font-weight: bold; font-size: 23px; margin-bottom: 10px; }
.faqq { width: 350px;  font-weight: bold; font-size: 15px; }
.faqa { width: 350px; font-size: 12px; }
.fa1 {  float: left; width: 375px; }
.fa2 {  border: solid #a4a4a4 1px; padding: 15px; }
.fa3 { border: solid #a4a4a4 1px; padding: 15px; margin-top: 15px; }

/* history */
.hi1 { float: left; width: 697px; padding-top: 10px; }
.hi2 { color: #595959; font-size: 13px; }
.hi3 { margin-bottom: 10px; font-weight: bold; font-size: 17px; }
.hi4 { float: left; width: 45%; margin-right: 4%; font-size: 13px; }
.hi4 p { line-height: 22px; }
.hi5 { float: left; width: 49%; font-size: 13px; }
.hi5 p { line-height: 22px; }

/* home */
.ho1 { float: left; width: 555px; }
.ho2 { float: right; text-align: right; width: 400px; }
.ho3 { font-size: 40px; font-weight: bold; margin-top: 140px; margin-right: 180px; }
.ho4 { float: right; margin-top: 55px; }
.ho5 { float: right; font-size: 9px; text-align: right; margin-top:140px; }

/* news */
.ne1 { float: left; width: 670px; }
.ne2 { float: left; width: 300px; padding-right: 25px; }
.ne3 { margin-bottom: 10px; border-bottom: solid #a4a4a4 1px; }
.ne4 { font-size: 13px; }
.ne5 { text-align: right; font-size: 13px; }
.ne6 { float: right; width: 334px; }
.ne7 { border-bottom: solid #a4a4a4 1px; }
.ne8 { float: left;font-weight:bold; }
.ne9 { float: right; margin-top: 3px;text-align: right;font-size:11px; font-weight:bold; }
.ne10 { float: left; margin-right: 15px; }
.ne11 { float: left; margin-right: 35px; width: 195px; }
.ne12 { color: #a4a4a4; font-weight: bold; }
.ne13 { text-align: right;margin-top: 10px; }
.ne14 { float: left; margin-right: 35px; width: 180px; }


/* owners manuals */
.ow1 { float: left; width: 350px; }
.ow2 { border: solid #a4a4a4 1px; padding: 15px; padding-right: 0px; margin-top: 15px; font-size: 13px; }
.ow3 { font-size: 12px; width: 350px; }

/* press releases */
.press1 { float: left; width: 700px; }
.press2 { float: left; margin-right: 15px; }
.press3 { float: left; margin-right: 35px; width: 225px; font-size: 14px; }
.press4 { color: #a4a4a4; font-weight: bold; }
.press5 { text-align: right;margin-top: 10px; }
.press6 { float: left;width: 230px; font-size: 14px; }

/* press releases view 1 */
.prv1 { float: left; width: 450px; margin-right: 30px; }
.prv1 p { line-height: 22px; }
.prv2 { color: #a4a4a4; }
.prv3 { font-weight: bold;font-size: 12px; }
.prv4 { float: right; width: 227; }


.proddesc1 { float: left; width: 697px; }
.proddesc2 { float: left; width: 33%; padding-right: 20px; }
.proddesc3 { border: solid #a4a4a4 1px;padding: 14px; color: #454545; font-size: 11px; }
.proddesc4 { font-weight: bold; font-size: 14px; }
.proddesc5 { margin-top: 20px; border: solid #a4a4a4 1px;padding: 14px; color: #454545; font-size: 11px; }
.proddesc6 { text-align:right;font-weight: bold; }
.proddesc7 { float: left; width: 445px; }
.proddesc8 { float: right; text-align: right; font-weight: bold; margin-top: 8px; }
.proddesc9 { float: left;margin-left: 20px; }

.proddown1 { float: left; width: 330px; padding-right: 30px; }
.proddown2 { margin-bottom: 20px; margin-top: 5px; padding: 5px; border: solid #a4a4a4 1px; }
.proddown3 { float: right; text-align: right; }
.proddown4 { margin-bottom: 20px;  margin-top: 10px;padding: 5px; border: solid #a4a4a4 1px; }
.proddown5 { float: left; width: 337px; }
.proddown6 { font-weight: bold; margin-bottom: 5px; }
.proddown7 { float: left; border: solid #a4a4a4 1px;width: 142px; padding: 10px;padding-bottom: 5px; text-align: center; }
.proddown8 { text-align: left; }
.proddown9 { float: right; border: solid #a4a4a4 1px;width: 142px; padding: 10px; padding-bottom: 5px; text-align: center; }

.rev1 { float: left; width: 92px; padding-right: 20px; }
.rev2 { float: left; width: 220px; padding-right: 20px; }
.rev3 { color: #454545; }

.prodtech1 { float: left; width: 66%; padding-right: 20px; }

.prd1 { float: right; text-align: right; }
.prd2 { color: #454545; margin-top: 30px; }
.prd3 { float: left; margin-left: 2px; }
.prd4 { float: left; margin-right: 20px; }
.prd5 { float: left; margin-right: 30px; }
.prd6 { float: left; margin-right: 15px; }

.prodrednav { border: solid 2px #a4a4a4; font-size: 9px; font-weight: bold; height: 10px; background: url(images/jamo-products-nav-bg-normal.jpg); background-repeat: repeat-x; margin-top: 30px; }
.prodrednav2 { float: left; width: 17%; text-align: center; }
.prodrednav3 { float: right; width: 14%; text-align: center; }

.subwoofer1 { padding-left: 50px; padding-top: 10px; }
.subwoofer2 { float: left; width: 142px; border: solid #a4a4a4 1px; padding: 15px 10px 5px 10px; text-align: left; font-size: 11px; color: #454545; margin-right: 17px; margin-top: 10px; margin-bottom: 10px; }
.subwoofer3 { text-align: center; } 

.se1 { float: left; width: 152px; border: solid #a4a4a4 1px; padding: 15px 10px 5px 10px; text-align: left; font-size: 11px; color: #454545; margin-right: 17px; margin-top: 10px; margin-bottom: 10px; }


/* from functions */
.bigcube1 { float: left; width: 248px; border-top: solid #a4a4a4 1px;border-left: solid #a4a4a4 1px;border-right: solid #a4a4a4 1px; height: 360px; }
.bigcube2 { float: left; width: 90px; padding: 16px; text-align: right; }
.bigcube3 { float: left; width: 90px; padding: 16px; text-align: left; }
.bigcube4 { float: left; width: 445px; border-top: solid #a4a4a4 1px; border-right: solid #a4a4a4 1px;text-align: center; height: 360px; }

.sugg1 { font-weight: bold; color: #454545; font-size: 14px; margin-bottom: 10px; }
.sugg2 { width: 242px; border: solid #a4a4a4 1px;margin-bottom: 20px; padding: 10px 10px 10px 10px; }
.sugg3 { float: left; text-align: center; width: 151px; }
.sugg4 { float: right; text-align: right; color: #454545; width: 60px; margin-top: 75px; font-size: 12px; font-weight: bold; }

.ftr1 { margin: 0 auto; text-align: center; background: url(images/footer-bg.jpg) #494949; background-repeat: repeat-x; }
.ftr2 { margin: 0 auto; width: 989px; text-align: left; }
.ftr3 { width: 989px; text-align: left;padding-top: 10px; }
.ftr4 { float: left; width: 33%; text-align: left; }
.ftr5 { float: left; width: 33%; text-align:center; }
.ftr6 { width: 34%; text-align: right; float: right; }
.ftr7 { width: 100%; margin-top: 20px; }
.ftr8 { float: left; width: 58%; }
.ftr9 { float: left; width: 20%; font-size: 14px; font-weight: bold; color: #a4a4a4; line-height: 17px; width: 33%;}
.ftr10 { float: left; width: 20%; font-size: 14px; font-weight: bold; color: #a4a4a4; line-height: 17px; width: 33%; padding-left: 10px; }
.ftr11 { float: left; width: 20%; font-size: 14px; font-weight: bold; color: #a4a4a4; line-height: 17px; padding-left: 30px; }
.ftr12 { text-align: right; margin-top: 40px; font-size: 11px; color: #a4a4a4; }
.ftr13 { text-align: right; margin-top: 20px; margin-bottom: 20px; }


.ftr9 a { display: block; width: 125px; font-weight: normal; margin-left: -15px; padding: 0px 15px 0px 15px; text-decoration: none;}
.ftr9 a:link { color: #a4a4a4;font-size: 11px; text-decoration: none;}
.ftr9 a:visited { color: #a4a4a4;font-size: 11px;text-decoration: none;}
.ftr9 a:hover { background: #ad0000;  color: #a4a4a4; font-size: 11px; text-decoration: none; }
.ftr9 a:active { color: #a4a4a4;font-size: 11px; text-decoration: none;}

.ftr10 a { display: block; width: 125px; font-weight: normal; margin-left: -15px; padding: 0px 15px 0px 15px; text-decoration: none;}
.ftr10 a:link { color: #a4a4a4;font-size: 11px; text-decoration: none;}
.ftr10 a:visited { color: #a4a4a4;font-size: 11px;text-decoration: none;}
.ftr10 a:hover { background: #ad0000;  color: #a4a4a4; font-size: 11px; text-decoration: none; }
.ftr10 a:active { color: #a4a4a4;font-size: 11px; text-decoration: none;}

.ftr11 a { display: block; width: 125px; font-weight: normal; margin-left: -15px; padding: 0px 15px 0px 15px; text-decoration: none;}
.ftr11 a:link { color: #a4a4a4;font-size: 11px; text-decoration: none;}
.ftr11 a:visited { color: #a4a4a4;font-size: 11px;text-decoration: none;}
.ftr11 a:hover { background: #ad0000;  color: #a4a4a4; font-size: 11px; text-decoration: none; }
.ftr11 a:active { color: #a4a4a4;font-size: 11px; text-decoration: none;}

.hdr1 { margin-left: 28px; height: 32px; margin-top: 1px; }
.hdr2 { float: left; margin-top: 10px; padding-left: 10px; padding-top: 8px; }
.hdr3 { font-size: 10px; width: 150px; border: 0px; }
.hdr4 { float: left; margin-top: 10px;padding-right: 10px;padding-top: 8px; padding-left: 5px; }

.tar { text-align: right; }


/** Nathan's Overrides **/

.mainnavbuttontdon { float: left; padding-top: 5px; padding-left: 4px; padding-right: 30px; font-size: 12px; font-weight: bold; background: url(images/mainnav-bg-hover.jpg); height: 39px; background-repeat: repeat-x; }
.mainnavbuttontext { text-transform: uppercase; }
.ftr4 + .ftr4 { text-align: center; }
.ftr4 + .ftr4 + .ftr4 { text-align: right; }
.fcolumn b { text-transform: uppercase; }
.ftr12 a:link { color: #a4a4a4;}
.prd1 { text-align: left; }
.bigcube2 { padding: 14px; text-align: center; }
.prodnav a, .prodnav a:link { text-transform: uppercase; }
.prodnavbuttontdon {float: left; padding: 11px; padding-top: 6px; padding-bottom: 0px; font-size: 9px; background: url(images/prod-nav-bg-hover.jpg); height: 23px; background-repeat: repeat-x;}
.prodnavbuttontdon a:hover { text-decoration: none; }
.ae33 { margin-right: 14px; }
.sugg1 { text-transform: uppercase; }
.sugg4 { width: 85px; }
.proddesc4, .proddown1 b, .proddown6 { text-transform: uppercase; }
.proddown7 { margin: 0 2px 5px 2px;}
.ne11 { margin-right: 5px; width: 195px; }
.press3 { width: 520px; font-size: 13px; }
.press7 { float: left;width: 170px;text-align: center;height: 230px; font-size: 14px; }
.rev1 {  padding-right: 16px; min-height: 100px; }
.rev2 {  min-height: 100%; width: 400px; }

/** Nathan's Code **/

/* --> Trace */
#__asptrace {
	background-color: #fff;
	margin: 20px 0 0 0;
}

/* --> Status */
.error {
	color: #ff0000;
	font-weight: bold;
	font-size: 80%;
}
.errorbox {
	background: #f9ccc4 url(images/error.png) no-repeat 8px 5px;
	border: solid 1px #191918;
	padding: 5px 8px 5px 30px;
	margin: 12px 0 10px 0;
	font-size: 90%;
	font-weight: bold;
}
.okbox {
	background: #e6ffcc url(images/ok.png) no-repeat 8px 5px;
	border: solid 1px #191918;
	padding: 5px 8px 5px 30px;
	margin: 12px 0 10px 0;
	font-size: 80%;
	font-weight: bold;
}
.statusbox {
	background: #ffffcc url(images/status.png) no-repeat 8px 5px;
	border: solid 1px #191918;
	padding: 5px 8px 5px 30px;
	margin: 12px 0 10px 0;
	font-size: 80%;
	font-weight: bold;
}
.loadingbox {
	background-color: #fff;
	border: solid 1px #191918;
	padding: 5px 8px 5px 8px;
	margin: 12px 0 10px 0;
	font-size: 100%;
	font-weight: bold;
}
.errorbox li, .okbox li, .statusbox li {
	color: #000;
	margin: 2px 0 2px 15px;
	list-style-type: square;
	font-weight: normal;
	font-size: 120%;
}

/* --> Popup Control */
.popupcontrolbox {
	background-color: #fff;
	border: solid 1px #bbb;
	padding: 5px 3px 5px 3px;
	margin: 2px 0 0 0;
	z-index: 999;
	position: absolute;
}
.popupcontrolbox ul {
	padding: 3px 0 3px 15px;
}
.popupcontrolbox li {
	padding: 3px 0 3px 0;
	position: relative;
}
.popupcontrolbox li a {
	padding: 0 10px 0 0;
}
.popupcontrolbox a {
	padding: 0 5px 0 5px;
}
#toplinks .popupcontrolbox a {
	display: block;
	margin: 0 auto 0 auto;
	padding: 0 5px 0 5px;
}

/* --> Auto Complete */
.autocomplete {
	padding: 2px 2px 2px 2px;
	color: #504d47;
}
.autocomplete:hover, .autocompletehighlight {
	padding: 2px 2px 2px 2px;
	color: #fff;
	background-color: #504d47;
}
.autocomplete ul {
	position: absolute;
	z-index: 999;
}
/*.autocomplete ul li {
	position: absolute;
	z-index: 999;
}*/

/* --> Modal Box */
.modalbox {
	background-color: #fff;
	border: solid 1px #58514a;
}
.modalopacity {
	background-color: #000;
	opacity: .6;
}
.modalbox .controls {
	text-align: center;
}
.modalopacityprocessing {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #fff;
	opacity: 0.6;
}
.modalheader {
	margin: 0 0 0 0;
	padding: 6px 4px 6px 4px;
	background-color: #58514a;
	text-align: right;
}
.modalbody {
	background-color: #fff;
	padding: 4px 3px 4px 3px;
	margin: 0 auto;
}
.modalfooter {
	background-color: #58514a;
	padding: 4px 4px 4px 4px;
	text-align: center;
}
.modalheader a.button, .modalheader a.button:link, .modalheader a.button:visited, .modalheader a.button:active {
	color: #eee;
	background-image: none;
	background-color: #58514a;
	margin: 0 4px 0 auto;
	padding: 2px 6px;
	border: solid 1px #eee;
	float: none;
	font-weight: bold;
}
.modalheader a.button:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	border: solid 1px #fff;
	float: none;
}
.modalbody a:link img, .modalbody a:visited img, .modalbody a:active img, .modalbody a:hover img {
	border: solid 1px #25221b;
}
.modalboxprocessing {
	position: fixed;
	top: 35%;
	left: 42%;
	background-color: #eee;
	border: solid 1px #58514a;
	padding: 20px 20px 20px 20px;
	opacity: 1;
}
.modalboxprocessing img {
	padding: 0 4px 0 0;
}

/* --> Collapsible Panel */
.collapsiblepanel {
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.collapsibleheader {
	margin: 0 0 0 0;
	padding: 6px 4px 6px 4px;
	background-color: #58514a;
	text-align: right;
}
.collapsibleheader a.button, .collapsibleheader a.button:link, .collapsibleheader a.button:visited, .collapsibleheader a.button:active {
	color: #eee;
	background-image: none;
	background-color: #58514a;
	margin: 0 4px 0 auto;
	padding: 0 0 0 0;
	border: solid 1px #eee;
	float: none;
}
.collapsibleheader a.button:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	border: solid 1px #fff;
	float: none;
}

/* --> MagicZoom */
.MagicZoom {
	margin: 0 auto;
}
.MagicZoomBigImageCont {
	border: 1px solid #ad0000;
	background: #fff url(images/loading.gif) no-repeat center center;
}
.MagicZoomHeader {
	font: 10px Tahoma, Verdana, Arial, sans-serif;
	color: #eee;
	background: #58514a;
	text-align: center;
}
.MagicZoomPup {
	border: 1px solid #ad0000;
	background: #ffffff;
}
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}
.MagicZoomLoading img {
	padding-top:	3px !important;
}

/* --> Slider */
.sliderGallery {
    /*background: url(../../images/productbrowser_background_20070622.jpg) no-repeat;*/
    overflow: hidden;
    position: relative;
    padding: 10px 0;
    height: 200px;
    width: 990px;
}
.sliderGallery ul {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}
.sliderGallery ul li {
    display: inline;
}
.slidewide {
	position: absolute;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
	/*width: 600%;*/
}
.slideline {
	float: left;
}
.slideseries {
	float: left;
	margin-right: 6px;
}
.slider {
    width: 986px;
    margin-top: 190px;
    /*margin-left: 5px;*/
    padding: 0;
    position: absolute;
    /*background: url(../../images/productbrowser_scrollbar_20070622.png) no-repeat;*/
    border: solid 2px #a4a4a4; 
    font-size: 9px; 
    font-weight: bold; 
    height: 10px; 
    background: url(images/jamo-products-nav-bg-normal.jpg); 
    background-repeat: repeat-x;
}

.handle {
    position: absolute;
    cursor: move;
    height: 10px;
    width: 151px;
    top: 0;
    background: #ad0000 url(images/jamo-products-nav-bg-hover.jpg) no-repeat;
    z-index: 100;
}

.slider span {
    /*color: #bbb;
    font-size: 80%;*/
    cursor: pointer;
    position: absolute;
    z-index: 110;
    /*top: 3px;*/
    text-transform: uppercase;
}
.slider .slider-lbl {
	width: 80px;
}
.slider .slider-lbl1 {
    left: 0;
}

.slider .slider-lbl2 {
    left: 138px;
}

.slider .slider-lbl3 {
    left: 276px;
}

.slider .slider-lbl4 {
    left: 414px;
}

.slider .slider-lbl5 {
    left: 552px;
}
.slider .slider-lbl6 {
    left: 690px;
}
.slider .slider-lbl7 {
    left: 828px;
}

/* --> Accordion */
.accordion {
	border: solid 1px #e6e6e6;
	padding: 0 0;
	margin: 0 0;
}
.accordiontitle {
	display: block;
	padding-top: 22px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 80%;
	color: #a4a4a4;
	width: 250px;
}
.accordionheader {
	background: #fff url(images/accordion-header.gif) no-repeat left bottom;
	height: 41px;
	width: 274px;
	margin: 1px 3px;
	padding: 0 8px;
	cursor: pointer;
	
}
.accordionheaderactive {
	background: #fff url(images/accordion-header-active.gif) no-repeat left bottom;
	height: 41px;
	width: 274px;
	margin: 1px 3px;
	padding: 0 8px;
	color: #000;
}
.accordionheaderactive .accordiontitle {
	color: #000;
}

/* --> Pager */
.paging{
	text-align: right;
	/*width: 890px;*/
	padding: 6px 0 6px 0;
	color: #444;
	font-weight: bold;
	font-size: .9em;
}
.paging a{padding: 0 4px 1px 4px; margin: 0 2px 0 2px; text-decoration: none;}

.paging a:link, .paging a:visited{}

.paging a:hover, .paging a:active{text-decoration: underline;}

.paging a.here{background-color: #ad0000;	color: #fff; font-weight: bold;}

.paging img{border: 0;}

/* --> Tags */
.CloudTag1, .CloudTag2, .CloudTag3, .CloudTag3, .CloudTag4, .CloudTag5, .CloudTag6 {
	margin: 0px;
	padding: 0px;
	display: inline;
}
a.CloudTag1:link, a.CloudTag1:visited, a.CloudTag1:active {
	margin-right: 6px;
	text-decoration: none;
	color: #10294e;
	font-size: 225%;
	font-weight: 900;
}
a.CloudTag2:link, a.CloudTag2:visited, a.CloudTag2:active {
	margin-right: 6px;
	text-decoration: none;
	color: #183d75;
	font-size: 175%;
	font-weight: 800;
}
a.CloudTag3:link, a.CloudTag3:visited, a.CloudTag3:active {
	margin-right: 6px;
	text-decoration: none;
	color: #1b4585;
	font-size: 150%;
	font-weight: 600;
}
a.CloudTag4:link, a.CloudTag4:visited, a.CloudTag4:active {
	margin-right: 6px;
	text-decoration: none;
	color: #20519c;
	font-size: 120%;
	font-weight: 500;
}
a.CloudTag5:link, a.CloudTag5:visited, a.CloudTag5:active {
	margin-right: 6px;
	text-decoration: none;
	color: #587db5;
	font-size: 100%;
	font-weight: 300;
}
a.CloudTag6:link, a.CloudTag6:visited, a.CloudTag6:active {
	margin-right: 6px;
	text-decoration: none;
	color: #90a9ce;
	font-size: 80%;
	font-weight: 200;
}
a.CloudTag7:link, a.CloudTag7:visited, a.CloudTag7:active {
	margin-right: 6px;
	text-decoration: none;
	color: #c7d3e6;
	font-size: 60%;
	font-weight: 100;
}
a.CloudTag1:hover, a.CloudTag2:hover, a.CloudTag3:hover, a.CloudTag4:hover, a.CloudTag5:hover, a.CloudTag6:hover, a.CloudTag7:hover {
	text-decoration: underline;
}

/* --> Forms */
table.form {
	margin-top: 2px;
}
.form td {
	padding: 4px 4px 4px 4px; /*font-size: 90%;*/
	vertical-align: top;
}
.form td label {
	display: block;
	text-align: left;
	padding: 4px 0 0 0;
	font-size: 1.0em;
}
.form td label .required {
	padding: 0 0 2px 0;
	font-size: 0.9em;
}
.form td .checkbox label, .form td .radiobutton label {
	display: inline; /*font-weight: normal;*/
}
.form table.checkbox, .form .checkbox table, .form table.radiobutton, .form .radiobutton table {
	/* CheckBoxList and RadioButtonList */ /*font-size: 134%;*/
}
.form td.buttonright {
	text-align: right;
}
span.error {
	position: absolute; /* margin will not work without this */
	font-weight: bold;
	margin: 4px 0 0 10px;
}
.required {
	color: #dd0000;
	font-weight: bold;
}
.form .required {
	font-size: 0.9em;
}
.smalltext {
	color: #58514a;
	font-size: 0.8em;
	margin: 4px 0 0 0;
}
.label {
	font-weight: bold;
}

/* --> Product Comparison Table */
table.comparison {
	color: #58514a;
	line-height: 1.65em;
	margin-bottom: 15px;
}
.comparison td {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
}
.comparison tr.row td {
	/*background-color: #fff;*/
	vertical-align: top;
}
.comparison tr.rowalternate td {
	/*background-color: #ded2bf;*/
	vertical-align: top;
}
.comparison tr.row td, .comparison tr.rowalternate td, .comparison tr.photo td {
	font-size: .90em;
	vertical-align: middle;
	border-bottom: 1px #58514a solid;
}
.comparison tr.photo td, .comparison tr.remove td {
	border-bottom-width: 0;
}
html > body .comparison tr.row td, html > body .comparison tr.rowalternate td {
	border-bottom: 1px #58514a dotted;
}
html > body .comparison tr.photo td, html > body .comparison tr.remove td {
	border-bottom-width: 0;
}
.comparison tr.row:hover td, .comparison tr.rowalternate:hover td {
	background: none;
	background-color: #fff;
}
.comparison a.pic {
	display: block;
	padding-bottom: 10px;
}
.comparison a.pic img {
	border: solid 1px #000;
}
.comparison a.sku {
	font-weight: bold;
	display: block; /*color: #d00;*/
}
/*.comparison a.desc{
	font-weight: normal;
	display: block;
}
.comparison .price{
	color: #999;
	font-size: .90em;
}*/

/* --> Product Specs */
#spec td {
	border-bottom: 1px #eee solid;
}
html > body #spec td {
	border-bottom: 1px #ccc dotted;
}
#spec .spec-name {
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}
#spec .spec-detail {
	padding-left: 5px;
}

/* --> Locator */
table.locator {
	color: #58514a;
	background-color: #fff;
	line-height: 1.2em;
	margin: 0 0 15px 5px;
	border: solid 1px #ccc;
	width: 922px;
}
table.locator th {
	text-align: left;
	color: #cf0000;
	background-color: #fff;
	padding: 4px 4px 8px 4px;
}
table.locator td {
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}
#mainContent table.locator ul {
	margin: 0 0 0 10px;
}
#mainContent table.locator li {
	list-style-image: none;
	list-style-type: square;
	list-style-position: outside;
	line-height: 1.2em;
	font-size: 1em;
}
.locatorpanel {
	/* allows autocomplete to layer over map */
	position: relative;
	z-index: 1;
	background: #fff url(images/jamo-dealer-locator2.jpg) no-repeat left top;
	height: 200px; 
	width: 960px;
}
.locatorpanel table.form {
	position: absolute;
	top: 95px;
	left: 530px;
	width: 320px;
}
#dealerLocater table.locator {
	width: 500px;
}
p.msg {
	color: #58514a;
	padding-left: 50px;
}
#map {
	width: 930px;
	height: 300px;
	margin: 0 5px;
	/*background-color: #58514a;*/
	border: solid 1px #ccc;
	border-bottom-width: 0;
}
.map {
	/*background-color: #58514a;
	padding: 4px 4px;*/
	margin-top: 10px;
}
.mapcontrols {
	color: #cf0000;
	padding: 4px 4px;
	margin: 0 5px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin-bottom: 10px;
	width: 922px;
	border: solid 1px #ccc;
}

/* --> Misc */
.highlight {
	background-color: #ffffcc;
	font-weight: bold;
}
a.glossary:link, a.glossary:active, a.glossary:hover, a.glossary:visited {
	text-decoration: none;
	border-bottom: dotted 1px #000;
	cursor: help;
}
/*#dealers {
	border: solid 1px #bbb;
}*/
#hcard-Energy-Support .fn, #hcard-Energy-Support .org, #hcard-Energy-Support .type {
	display: none;
}
#hcard-Keith-Claytor .type {
	display: none;
}
/*#rightColumnProduct .collapsiblepanel {
	clear: both;
}*/
.noscript ul li {
	list-style-type: none;
}
.filterlist {
	font-weight: bold;
	padding: 2px 0 2px 10px;
}
.filterlist img {
	vertical-align: middle;
}