/* _lcid="1033" _version="12.0.4518"
    _LocalBinding */
form
{
	height:100%;
}
html
{
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif; 
}

.body
{
	background-color:#F3F3F3;
	margin: 5px 0px 0px 0px;
	background-image:url('../../images/jbl/JBL_BKG_U2_1900x1200.jpg');
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif; 
	
}


.bodylightbox
{
	background-color: #FFFFFF;
}

.ms-WPBody
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	/*line-height:18px;*/
	color: #333333;
}
.ms-TPBody TABLE
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #333333;

}
.ms-WPBody TABLE
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #333333;

}

.ms-WPBody td
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
}


.master
{
	width:980px;
	margin-left:auto; 
	margin-right:auto; 
	background-color:transparent;
	/*background-color: #ffcc66;*/
}
.masterContent
{
	float: left;
	/*background-color:transparent;*/
	background-color:#FFFFFF;
	/*clear: both;*/
	margin: 0px;
	padding: 0px;
	height: 460px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.ms-consolemptablerow{background-color:#FFFFFF;}
.shadowRight
{
	/*height:100%;
	min-height:100%;*/
	width:12px;	
	background-repeat:repeat-y;
	background-position:left top;
}
.shadowLeft
{
	/*height:100%;
	min-height:100%;*/
	width:12px;
	background-repeat:repeat-y;
	background-position:left top;
}
.spacer
{
	width:12px
}
.mainContent
{
	float: left;
	background-color: #FFFFFF;
	clear: both;
	/* height:100%;*/
	margin: 0px;
	padding: 0px;
}
.login
{
	display:inline;
}
.login a:hover
{
	text-decoration:underline; 
}
.sharepointLogin
{
	float:right;
	display:inline;
}



.ms-globallinks{
font-size:8pt;
background:transparent;
font-family:Arial, Helvetica, sans-serif;
}
.ms-globallinks a{
color:#999999;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;

}



.ms-globallinks{
color:#999999;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;

}





a.#zz1_MyLinksMenuMenu
{
    font-family:Arial, Helvetica, sans-serif;
}





a.#zz8_Menu
{
    font-family:Arial, Helvetica, sans-serif;
}
div.#zz8_Menu_t img
{
    vertical-align:middle;
}
{
	color:#333333;
}
.sharepointLogin .ms-globallinks a
{
	color:#333333;
}
.sharepointLogin .ms-globallinks
{
	color:#333333;
}
.sharepointLogin div
{
	color:#333333;
}


.headertable {
	background-image: url('../../images/jbl/OneHarman_hdrHK.png');
	background-repeat:no-repeat;
	background-position: center top;
	height:60px;

}

.menuBar
{
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 940px;
	height:19px;
	background-color: #FF6600;
	border-top: 1px solid #F8F8F8;
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: middle !important;

}

.masterNav {
	height:19px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	vertical-align: middle !important;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color:#333333;
	
}


.siteActionArea {
	width:100px;
	float:right;
	z-index:1000;
	position:relative;
	top: -18px;
	margin-right:10px;
}






.logo
{
	margin: 5px 0px 0px 20px;
	float: left;

}

.topLinkBar 
{
    float:right;
    width:auto;
	padding-left: 1px; 
	padding-right: 7px; 
   	display:inline;
}
.toplinkbar a:active
{
   	color: #444444;
	font-family: tahoma;  
	font-size:9pt; 
	text-decoration:none;  
}
.topLinkBar a
{
   	color: #444444;
	font-family: tahoma;  
	font-size:9pt; 
	text-decoration:none;  
}
.topLinkBar a:hover
{
	text-decoration:underline; 
}
.topLink
{
   background: url('../../images/jbl/linksdivider.gif') right 6px no-repeat;
   	display:inline;

}	


.h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	display: inline;
}

.h2  {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: normal;
}

.h3  {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
}


.subheading {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;

}


.h1_Navigation {
	margin: 0px 0px 0px 0px !important;
	padding: 2px 26px 0px 0px !important;
	cursor:pointer;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#ffffff !important;
	vertical-align: middle !important;
	text-transform:lowercase !important;
}

.h1_Navigation a{ 
	display:inline;
	cursor:pointer;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#ffffff !important;
	vertical-align: middle !important;
	text-transform:lowercase !important;

}
.h1_Navigation a:hover{ 
	display:inline;
	cursor:pointer;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#000000 !important;
	vertical-align: middle !important;
	padding-top:5px;
	text-transform:lowercase !important;
}


.tablemasternavigation{
	padding:0px;
	margin:0px;
	margin-right: auto;
	margin-left: auto;
	border-collapse:collapse;
	vertical-align: middle !important;
	
}





.tablemasternavigation td{
	padding:0px 5px 0px 5px;
	margin:0px;
}
.h2_Navigation {
	float: left;
	padding:0px 5px 0px 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight:normal;
	display: inline;
	text-transform:capitalize !important;
	color:#666666;
}
.breadcrumbbox{
	font-family: Helvetica, Arial,sans-serif !important;
	font-size: 16px;
	line-height:14px;
	color: #999999;
	padding:0px 3px 3px 3px;
 
}


.ribbonheading1 {
	float:left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size: 24px !important;
	color:#ff6600;
	padding: 16px 0px 3px 10px !important;
	height:20px;
	vertical-align:middle !important;
	text-transform:uppercase;
}

.ribbonheading2 {
	float:left;
	padding: 0px 0px 0px 10px !important;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#333333;
	font-size: 14px !important;
	height:20px;
	vertical-align:top;
	text-transform:uppercase;
	font-weight:normal;
}


.console
{
	clear:both;
}


.search
{
    margin:0px 2px 0px 0px;
}
.search .ms-sbcell .ms-sbplain
{
    margin-right:2px;
    margin-left:0px;
    border:1px #555555 solid;
    height:14px;
}
.search .ms-sbcell
{
    border:none;
    font-weight:normal; 
    font-size:8pt; 
    color: #3A4663;
    padding:0px;
}
.search .ms-sbgo
{
    background:none;
}
.siteActionMenu
{
	float:right;
}
.authoringRegion
{
	width:100%;
	/*background-color:#DDDDDD;*/
	color:#333333;
}
.topBorder
{
    height:1px;
    width:100%;
   	/*border-top:1px #CBD1E0 solid;*/
}
.leftNav
{
	margin-right:15px; 
	margin-left:7px; 
	margin-top:4px;
	padding-top:0px;
	border:1px #8997BC solid;
	/*background-color: #D0D6E3;*/
	width:160px;
}
.leftNavSpacer
{
	width:160px;
}
.leftNavSelected
{
	/*background-color: #B2BCD3;*/
	color: #F4F5F9;
	border-top:1px #F4F5FF solid;
	border-bottom:1px #F4F5FF solid;
	line-height:14pt;
}
.leftNav3
{
	color: #354260;
}
.leftNav2
{
	color: #354260;
}
.leftNav1
{
	color: #354260;
}
.leftNav1
{
	font-family:Arial, Helvetica, sans-serif;  
	font-size: 8pt; 
	font-weight:bold; 
	line-height:14pt;
}
.leftNav1 a
{
	font-family:Arial, Helvetica, sans-serif;  
	font-size: 9pt; 
	font-weight:bold; 
	padding-left:5px; 
	display:block;
	padding-right:10px; 
}
.leftNav2
{	
	font-family:Arial, Helvetica, sans-serif;  
	font-size: 8pt; 
	line-height:14pt;
}
.leftNav2 a
{
	padding-left:10px; 
	display:block;
	padding-right:10px; 
}
.leftNav3
{	
	font-family:Arial, Helvetica, sans-serif;  
	font-size: 8pt; 
	line-height:14pt;
}
.leftNav3 a
{
	padding-left:18px; 
	display:block;
	padding-right:10px; 
}
.leftNavHover
{
	/*background-color: #596E9E;*/
	color:#FFFFFF;
}
.leftNavFlyOuts
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	border-top:1px #CBD1E0 solid;
	border-left:1px #CBD1E0 solid; 
	border-right:1px #CBD1E0 solid;	
}
.leftNavFlyOutsItem
{
	border-bottom:1px #CBD1E0 solid;
	/*background-color: #ECEFF3;*/
}
.leftNavFlyOutsItem a
{
	padding:1px 5px 1px 5px;
	display:block;
	color:#354260;
	*width:100px;
	min-width:100px;
}
.leftNavFlyOutsHover
{
	/*background-color: #B2BCD3;*/
}

.pageTitle
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;  
	font-size: 12pt; 
	font-weight: bold; 
	color: #999999;
}
.pageTitle span
{
	margin:0px;
	padding:0px;
}
.mainContainer
{
	margin-left:0px; 
	margin-right:0px; 
}
.bottomLinkBar
{
	font-family:Arial, Helvetica, sans-serif;  
	font-size: 8pt; 
	color: #999999;
	float:none;
}
.mainContent td.ms-pagebreadcrumb
{
	display:none;
}
.mainContent div.ms-pagebreadcrumb
{
	display:none;
}
div.ms-wikieditouter
{
	position:static;
	border-bottom: 1px #6393d4 solid;
	margin-bottom:8px;
	margin-right:5px;
	border-right-width:1px;
}
div.ms-quicklaunchouter
{
	margin-left:7px;
	margin-top:5px;
	width:158px;
	border-width:0px;
}

/* Webpart Header and Titlebars - */

.footer {
	width: 980px;
	height: 30px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url('../../IMAGES/jbl/OneHarman_ftrHK.png');
	background-repeat: no-repeat;

}
footernav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cccccc !important;	
	cursor:pointer;
	
}
.footernav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999 !important;	
	cursor:pointer;	
}

.footernav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333 !important;
	cursor:pointer;
	
}

.ms-SPZoneSelected .ms-WPHeader TD {
	border: 1px solid #c4c4c4;
	/*background-color: #fff9de;*/
	background-image: url('/_layouts/images/partgrad.gif');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif !important;
}

.ms-SPzone .ms-WPHeader TD {
	border: 1px solid #c4c4c4;
	/*background-color: #fff9de;*/
	background-image: url('/_layouts/images/partgrad.gif');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif !important;
}

tr.ms-WPHeader {
	border: 1px red solid;
	/*background-image: url("../../images/harmankardon/hkNavBG.jpg");*/
	font-family: Arial, Helvetica, sans-serif !important;
}

.ms-WPTitle {
	font-weight: bold;
	font-family: arial;
	color: #000000;
	padding-left: 20px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 10pt;
  /*  background-image: url("../../images/harmankardon/hkNavBG.jpg");*/
}

.ms-WPTitle A:active {
	color: #005ea5;
	text-decoration: none;
	cursor: pointer;
}

.ms-WPTitle A:visited {
	color: #005ea5;
	text-decoration: none;
	cursor: pointer;
}

.ms-WPTitle A:link {
	color: #005ea5;
	text-decoration: none;
	cursor: pointer;
}
.ms-WPTitle A:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

.ms-WPBorderBorderOnly {
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	border-collapse:collapse;
	padding-left:5px;
	border-top:0px;
	
}

.ms-WPBorder {
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	border-collapse:collapse;
	padding-left:5px;
	border-top:0px;
	
}

/* User Account Module CSS */

.tdleftpadding {
	padding-left: 20px;
}


.contentformField {
	width: 250px;
	/*background-color: #000000;*/
	height: 20px;
	border: 1px solid #666666;
	color: #999999;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	clear: left;
	float: left;
	margin-top: 2px;
}


/* Webpart Header and Titlebars -Thomas */

.functionNav {
	float: right;
	margin-top: 39px;
	font-size: 10px;
	margin-right: 10px;
}
.functionNav li {
	display: inline;
	list-style-type: none;
	margin-right: 10px;
}
.functionNav ul {
	text-align: right;
	margin: 0px;
	padding: 0px;
}

/*Ended User Account Module CSS */


.onecoltable {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 18px;

}
.onecoltable TR {
	height: 30px;
}
.rowcolorgray {
	padding: 2px 0px 2px 5px;
	background-color:#111111;	
}

.tdleftpadding {
	padding-left: 20px;
}

.alternatetable {
	margin-bottom:20px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	line-height: 18px;
}
.alternatetable TR {
	height: 60px;
}

.contentformField {
	margin-top: 2px;
	width: 250px;
	height: 20px;
	clear: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999999;
	font-size: 10px;
	background-color: #000000;
	border: 1px solid #666666;
}
.styleListbox {
	width: 250px;
	height: 24px;
	clear: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 10px;
	background-color: #000000;
	border: 1px solid #666666;
}

.toprightlinks {
	margin: 15px 20px 0px 0px;
	float: right;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
.toprightlinks a {
	color: #999999;
	text-decoration: none;
}
.toprightlinks a:hover {
	text-decoration: underline;
}
.toprightlinks li {
	margin-left: 10px;
	display: inline;
	list-style-type: none;
}
.toprightlinks ul {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.formFieldOK {

                float: left;
                width: 620px;
                margin-bottom: 5px;
                margin-top :0px;
		       /*_margin-bottom: 2px; !important
                _margin-top :2px; !important*/
                /*margin-right:20px;
                /*border: 1px solid #FFFFFF;*/
 				padding: 5px;
 				word-wrap: break-word;
				text-overflow:ellipsis;
				/*overflow:hidden;*/
			
                
}

.formFieldError {

                float: left;
                width: 620px;
                margin-bottom: 8px;
                margin-top : 8px;
 		       /* _margin-bottom: 2px; !important
                _margin-top :2px; !important*/
                /*margin-right:20px;*/
                border: 1px solid #FF0000;
                padding: 5px;
                word-wrap: break-word;
				text-overflow:ellipsis;
				/*overflow:hidden;*/

}



.formfielderrormessage{
	margin-right:5px;
	margin-left:5px;
	/*margin: 5px 5px 20px 5px;*/
	padding-left: 100px;
	padding-right: 10px;
	/*padding:0px 10px 0px 100px;*/
	width: 220px !important;
	float: left;
	color: #FF0000;
	word-wrap: break-word;
	text-overflow:ellipsis;
	/*overflow:auto;*/
	/*height:60px !important;*/
	vertical-align: middle !important;
	padding-top:2%;
	padding-bottom:2%;
	
}

.formfielderrormessageforsupport{
	margin-right:5px;
	margin-left:5px;
	padding-left: 40px;
	padding-right: 10px;
	/*margin: 5px 5px 10px 5px;
	padding:0px 10px 0px 40px;*/
	width: 150px !important;
	float: left;
	color: #FF0000;
	word-wrap: break-word;
	text-overflow:ellipsis;
	/*overflow:auto;*/
	vertical-align: middle !important;
	padding-top:2%;
	padding-bottom:2%;
	
}
.formfielderrormessageforsupporttwoline{
	margin-right:5px;
	margin-left:5px;
	padding-left: 40px;
	padding-right: 10px;
	/*margin: 5px 5px 10px 5px;
	padding:0px 10px 0px 40px;*/
	width: 150px !important;
	float: left;
	color: #FF0000;
	word-wrap: break-word;
	text-overflow:ellipsis;
	/*overflow:auto;*/
	vertical-align: middle !important;
	padding-top:2%;
	padding-bottom:2%;
	
}


.errormessageinnerdiv {
	width:620px;
	float:left;

}
.leftelementsdiv {
	width:260px;
	float:left;	
}

.leftelementsdivforsupport {
	width:385px;
	float:left;
}
.leftelementsdivforsupporttwolioe {
	width:385px;
	float:left;
}
.labeldivsupporttwoline{
	height:20px;
	float:left;	
	width:385px;

}

.labeldiv{
	height:20px;
	width:260px;
	float:left;	
}

.textboxdiv{
	width:260px;
	float:left;	
}
.subtextdiv{
	width:260px;
	float:left;	
}

.leftelementsdivtwoline {
	float:left;
	width:300px;

}
.labeldivtwoline{
	height:20px;
	float:left;	
	width:300px;

}

.formfielderrormessagetwoline{
	margin-right:5px;
	margin-left:5px;
	/*margin: 5px 5px 20px 5px;*/
	padding-left: 60px;
	padding-right: 10px;
	/*padding:0px 10px 0px 100px;*/
	width: 220px !important;
	float: left;
	color: #FF0000;
	word-wrap: break-word;
	text-overflow:ellipsis;
	/*overflow:auto;*/
	/*height:60px !important;*/
	vertical-align: middle !important;
	padding-top:2%;
	padding-bottom:2%;
	
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}


#nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:visited:hover { background: url(../../images/harmankardon/prevlabel.gif) left 15% no-repeat; }
#prevLink:hover { background: url(../../images/harmankardon/prevlabel.gif) left 15% no-repeat; }
#nextLink:visited:hover { background: url(../../images/harmankardon/nextlabel.gif) right 15% no-repeat; }
#nextLink:hover { background: url(../../images/harmankardon/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 15px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 90;
	background-color: #000;
}





/*CSS for the development STARTS::::::::::::::::::::::::::::::::::::::::::::::::::: */

a:link {
  text-decoration: none;
	color: #999999;
}

a:visited {
  text-decoration: none;
	color: #999999;
}

a:hover {
  text-decoration: none;
	color: #333333;
}


p {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #333333;
}
.description{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #333333;
}
.descriptionbold{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #333333;
	/*font-weight:bolder;*/

}

.thumbnailborder{
	border: 1px solid #999999;
}

.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #999999;
}

.labelbold {
	padding:2px 0px 2px 4px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
}

.labelboldwhite {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	font-weight: bold;	
}

.labelsmallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #333333;
}
.labelsmallgreywithpadding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	padding-right:10px;
	color: #727272;
}
.labelsmallwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*line-height:16px;*/
	color: #666666 !important;	
}
.requiredtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .05em;
	color: #dc2001;
}

.successmessage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #10dd01;
}
.errormessage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #dc2001;
}



.linkbuttonsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
/*	line-height:16px;*/
	color: #999999 !important;	
	cursor:pointer;
	
}

.linkbuttonsmall a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #999999 !important;
	cursor:pointer;
	
}
.linkbuttonsmall a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #333333 !important;
	cursor:pointer;
	
}

.linkbuttonsmallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #676767;	

}


.linkbuttonsmallCompare {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #999999;	
	border-right:solid 1px white;
		
}

.linkbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #999999;
		
	
}
.linkbutton a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #999999;
	
}
.linkbutton a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #333333;
	
}

.linkbuttonbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #333333;
	font-weight: bold;	
	text-transform:capitalize;
}
.linkbuttonbold a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #333333;
	font-weight: bold;
	text-transform:capitalize;
}
.linkbuttonbold a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #333333;
	font-weight: bold;
	text-transform:capitalize;
}
.linkbuttonboldcap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #999999;
	font-weight: bold;
			
}
.linkbuttonboldcap a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #999999;
	font-weight: bold;
	
}
.linkbuttonboldcap a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #333333;
	font-weight: bold;
	
}

.linkbuttonboldaboutus {
	margin:10px 0px 10px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	font-weight: bold;
	text-transform:capitalize;	
	line-height:25px;
	
}
.linkbuttonboldaboutus a{
	margin:10px 0px 10px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	font-weight: bold;
	text-transform:capitalize;	
	line-height:25px;
}
.linkbuttonboldaboutus a:hover {
	margin:10px 0px 10px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-transform:capitalize;
	line-height:25px;
}



.storyHeadlinesitemap {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	text-transform:lowercase;
}

.linkbuttonboldsitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #999999;
	font-weight: bold;	
	text-transform:lowercase;
}
.linkbuttonboldsitemap a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #999999;
	font-weight: bold;
	text-transform:lowercase;
}
.linkbuttonboldsitemap a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #333333;
	font-weight: bold;
	text-transform:lowercase;
}

.linkbuttonsitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #999999 !important;
	font-weight: bold;
	text-transform:lowercase;	
}
.linkbuttonsitemap a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #999999;
	font-weight: bold;
	text-transform:lowercase;
}
.linkbuttonsitemap a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #333333;
	font-weight: bold;
	text-transform:lowercase;
}

.linkbuttonwheretobuy a{
  padding: 6px 30px;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #cccccc;
 background-image:url('../../images/jbl/buttonBG_o.jpg');
 background-position: bottom right;
 border: 1px solid #666666;
 border-style:none;
 cursor:pointer;
 position:relative;
 
}
 
.linkbuttonwheretobuy a:hover{
  padding: 6px 30px;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #FFFFFF;
 background-image:url('../../images/jbl/buttonBG_o.jpg');
 background-position: bottom right;
 border: 1px solid #666666;
 border-style:none;
 cursor:pointer;
 position:relative;
 
}


.ms-WPBody td.linkbuttonwheretobuy 
{
color:#cccccc;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
 
}
 
.ms-WPBody td.linkbuttonwheretobuy  A:link
{
color:#cccccc;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
 
}
.ms-WPBody td.linkbuttonwheretobuy  A:hover
{
color:#ffffff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
}

.ms-WPBody A:visited
{
color:#000000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
}
.ms-WPBody A:link
{
color:#000000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
}
.ms-WPBody A:hover
{
color:#000000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
}


.breadcrumbbottombox{
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
	padding:0px 0px 7px 0px;
	margin:10px 0px 0px 0px;
}


.breadcrumbbottom {
	padding:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #656b77 !important;
	text-transform:lowercase;
}
.breadcrumbbottom  a {
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #656b77 !important;
	cursor:pointer;	
	text-transform:lowercase;
}
.breadcrumbbottom  a:hover {
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #333333 !important;
	cursor:pointer;
	text-transform:lowercase;
}

.breadcrumbbottomslash {
	padding:0px 3px 0px 3px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #656b77;

}

.textfield {
	/*rgin: 3px 10px 0px 0px;*/
	margin: 0px;
	padding: 0px;
	width: 240px;
	height: 21px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
	resize:none;
}

.textfieldemail {
	/*rgin: 3px 10px 0px 0px;*/
	margin: 0px;
	padding: 0px;
	width: 375px;
	height: 21px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
	resize:none;
}
.dropdownemail {
	/*margin-right: 18px;*/
	margin: 0px;
	padding: 0px;
	width: 377px;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.textareaemail {
	margin: 0px;
	padding: 0px;
	width: 375px;
	height: 150px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
	resize:none;
	overflow:auto;	
}


.textfielddisabledwithoutborder {
	/*margin: 3px 10px 0px 0px;*/
	margin: 0px;
	padding: 0px;
	width: 240px;
	height: 21px;
	border: 1px solid transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	background-color: #cccccc;
	resize:none;

}

.textfielddisabled {
	/*rgin: 3px 10px 0px 0px;*/
	margin: 0px;
	padding: 0px;
	width: 240px;
	height: 21px;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	background-color: #cccccc;
	resize:none;

}


.textfieldsmall {
	margin: 3px 10px 0px 0px;
	width: 180px;
	height: 21px;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
	resize:none;
}


.textfieldproductoverview {
	/*rgin: 3px 10px 0px 0px;*/
	margin: 0px;
	padding: 0px;
	width: 121px;
	height: 17px;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #ffffff;
	resize:none;

}


.searchfield {
	width: 156px;
	height:15px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	resize:none;

} 
.searchfieldbig {
	width: 240px;
	height: 21px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-right: 4px;
	height: 21px;
}
.logotopright {
	
	margin-bottom:5px;
	margin-top:16px;
}
.dropdown {
	/*margin-right: 18px;*/
	width: 240px;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
}

.dropdownsmall {
	margin-right: 18px;
	width: 180px;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
}


.listbox {
	margin: 3px 10px 0px 0px;
	width: 240px;
	height: 120px;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
}

.textarea {
	margin: 3px 10px 0px 0px;
	width: 240px;
	height: 120px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
	resize:none;
}

.checkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #727272;
}

.radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #727272;
}

.buttonbig {

	padding-right:10px;
	padding-left:10px;
	padding-top:4px;
    padding-bottom:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .05em;
	color: #FFFFFF;
	background-image:url('../../images/jbl/buttonBG_o.jpg');
	background-position: bottom right;
	border: 1px solid #666666;
	border-style:none;
	cursor:pointer;
}

*.buttonbig:active {

	padding-right:10px;
	padding-left:10px;
	padding-top:4px;
    padding-bottom:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .05em;
	color: #FFFFFF;
	background-image:url('../../images/jbl/buttonBG_o.jpg');
	background-position: bottom right;
	border: 1px solid #666666;
	border-style:none;
	cursor:pointer;
	position:relative;
	top:1px /* or more */

}



.buttonnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .05em;
	color: #FFFFFF;
 	background-image: url('../../images/jbl/buttonBG_o.jpg');	
 	background-position: bottom right;
	border: 1px solid #666666;
	border-style:none;
	height: 22px;
	cursor:pointer;
}
*.buttonnormal:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image:url('../../images/harmankardon/buttonBG_o.jpg');
	background-position: bottom right;
	border: 1px solid #666666;
	border-style:none;
	height:22px;
	cursor:pointer;
	position:relative;
	top:1px /* or more */	

		
}


.buttonnormalUL{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .05em;
	color: #FFFFFF;
	background-image:url('../../images/harmankardon/buttonBG_o.jpg');
	border: 1px solid #666666;
	border-style:none;
	height:22px;
	cursor:pointer;
	margin-bottom:15px;
	margin-top:10px;
		
}
.buttonsmall {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	font-weight: bold !important;
	letter-spacing: .05em !important;
	color: #FFFFFF !important;
	background-image:url('../../images/jbl/buttonBG_o.jpg');
	border: 1px solid #666666 !important;
	border-style:none !important;
	height:16px !important;
	margin-right:3px !important;
	margin-left:0px !important;
	cursor:pointer !important;
}


.buttonsmall.disabled {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	font-weight: bold !important;
	letter-spacing: .05em !important;
	color: #FFFFFF !important;
	background-image:url('../../images/jbl/buttonBG_o.jpg');
	border: 1px solid #666666 !important;
	border-style:none !important;
	height:16px !important;
	margin-right:3px !important;
	margin-left:0px !important;
	cursor:pointer !important;
}

button[disabled] {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	font-weight: bold !important;
	letter-spacing: .05em !important;
	color: #FFFFFF !important;
	background-image:url('../../images/harmankardon/buttonBG_o.jpg') !important;
	border: 1px solid #666666 !important;
	border-style:none !important;
	height:16px !important;
	margin-right:3px !important;
	margin-left:0px !important;
	cursor:pointer !important;
}

.tab {
	margin-right: 5px;
	padding: 5px 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url('../../images/jbl/buttonBG.jpg');
}
.tab1inactive {
	margin-right: 5px;
	padding: 5px 10px;
	float: left;
	background-image: url(../../images/jbl/buttonBG_o.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


.tablewithlightborder {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	width:100%;
	border-collapse:collapse;
	
}

.tablewithlightborder td{
	padding:3px 0px 3px 0px;
	
}
.tablewithlightbordersearch {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	width:100%;
	border: 1px solid #333333;
	border-collapse:collapse;
}

.tablewithspacing {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}


.tablewithspacing td {
	padding-left:0px;
	padding-top: 5px;

}
.tableformbg {
	margin:0px 0px 15px 0px;
	padding:0px 0px 30px 0px;
	border-collapse:collapse;
	background-color: #f3f3f3;
	width:660px;
	clear:both;
}
.tableformbg td {
	height:20px;
	padding-left:15px;
	padding-right: 5px;
	background-color: #f3f3f3;

}

.tableformbg table td {
	padding-left:0px;
	margin:0px;
	
}

.tablesmallformbg {
	margin:0px 0px 15px 0px;
	padding:0px 0px 30px 0px;
	border-collapse:collapse;
	background-color: #f3f3f3;
	clear:both;
}
.tablesmallformbg td {
	height:20px;
	padding-left:15px;
	padding-right: 5px;
	background-color: #f3f3f3;

}

.tablesmallformbg table td {
	padding-left:0px;
	margin:0px;
	
}

.tableformbglightbox {
	margin:0px;
	padding:0px 0px 30px 0px;
	border-collapse:collapse;
	background-color:#f3f3f3;
	/*width:300px;*/
		
}

.tableformbglightbox td {
	height:20px;
	padding-left:15px;
	padding-right: 5px;
	background-color: #f3f3f3;

}

.tableformbglightbox table td {
	padding-left:0px;
	margin:0px;

	
}

.tablewithproductbig {
	border: 1px solid #333333;
	border-collapse:collapse;
}
.tablewithproductsmall {
	border: 1px solid #cccccc;
	border-collapse:collapse;
	width:50px;
	height:50px;
}

.tablewithoutborder{
	color: #000000;
	text-align:left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
	text-decoration:none;
	border-collapse: collapse;
	border-bottom-style:none;
	border-left-style:none;
	border-top-style:none;
	border-right-style:none;
}
.tablewithoutborder td{
	padding: 8px;
	border-bottom-style:none;
	border-left-style:none;
	border-top-style:none;
	border-right-style:none;
}

.tablewithlightborderoverview{
	padding:20px;
	margin-bottom:10px;
	width: 308px;
	height: 242px;
	border: 1px solid #cccccc;
	border-collapse:collapse;
}


.ms-PartSpacingVertical{
 font-size:1pt;
 margin-top:0px;
}


.alternaterowcolor{
	background-color:#f6f6f6;
}

 .gridcompareinvisibleheader 
 { 
     display:none;
 }

.gridcompare { 
	border-collapse:collapse;
	margin:0px;
	
 }
 


.gridcompare td
{
    padding:5px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #333333;
    margin:0px;
	border-right:thin;   

}

.gridcompare tr
{
	height:12px;	

}


.comparetb
{
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    padding:0px;
    margin:0px;  

}
 .comparetbl {
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    padding:0px;
    margin:0px;
    
}
 .comparetrb {
    border-right: solid 2px  #cccccc !important; 
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    padding:5px;
    margin:5px;
    

}


.gridheader {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #000000;
	border: 1px solid #F8F8F8;
}
.gridaltitem {
    font-size: smaller;
    color: #f6f6f6;
}
.griditem {
    font-size: smaller;
    color: #000000;
}
.griditem {
    background-color: #cfcfcf;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;

}

.gridaltitem {
    background-color:#ffffff;
}



.headingdarkgrey {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color:#666666;
}

 .compare {
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
}

*.modalBackground {
	background-color:Gray;
	/*filter:alpha(opacity=70);*/	
	-moz-opacity: 0.70 !important; 
	opacity:.70 !important; 
	filter: alpha(opacity=70) !important; 	
	z-index:inherit !important;	
	
}

.imgalign{
	 vertical-align:top;
	 padding-right:10px;	
	
}

/* Support Faq css starts */
.gridfaq { 
	border-collapse:collapse;
	width:940px;
 }

.gridfaq td { 
	padding-top:3px;
    padding-bottom:3px;
   	/*padding-left:10px;*/
	padding-right:5px;
}

.gridfaqproductsupport { 
	border-collapse:collapse;
	width:662px;

}


.gridfaqproductsupport td{
    padding-top:3px;
    padding-bottom:3px;
   	/*padding-left:10px;*/
	padding-right:5px;
	
}

.gridfaqaltitem td  {
    padding-top:5px;
    padding-bottom:5px;
   	/*padding-left:5px;
	padding-right:5px;*/
    background-color:#f3f3f3;
    text-align: left;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #333333;
	/*word-wrap: break-word;
	text-overflow:ellipsis;
	overflow:hidden;*/
}




.ajax__myTab .ajax__tab_header {
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	border-bottom: solid 1px #999999;
	margin-bottom:15px;
	
	
}
.ajax__myTab .ajax__tab_outer {
	height: 24px;
	background-image: url('../../images/jbl/buttonBG_o.jpg');
	margin-right: 2px;
	color:#CCCCCC;
	margin-right: 5px;
	margin-bottom:1px;
	padding-right: 4px;
	padding-top:2px;
	padding-left:5px;
	
	/*border-right: solid 1px #666666;*/
	/*border-top: solid 1px #aaaaaa;*/
}
/*.ajax__myTab .ajax__tab_inner {
	padding-left: 3px;
	background-color: #C0C0C0;
}*/
.ajax__myTab .ajax__tab_tab {
	height: 13px;
    padding: 4px;
    margin: 0;
   }
 .ajax__myTab .ajax__tab_hover .ajax__tab_outer {
	color:#ffffff;
}
/*.ajax__myTab .ajax__tab_hover .ajax__tab_inner {
   background-color: #cccccc
 }  */
 
.ajax__myTab .ajax__tab_hover .ajax__tab_tab {}

.ajax__myTab .ajax__tab_active .ajax__tab_outer {
	background-image: url('../../images/jbl/buttonBG.jpg');
	color:#000000;
	font-weight:bold;
	/*border-left: solid 1px fuchsia;*/
}
/*
.ajax__myTab .ajax__tab_active .ajax__tab_inner {
	background-color:#fff;
}*/
.ajax__myTab .ajax__tab_active .ajax__tab_tab {
	background-image: url('../../images/jbl/buttonBG.jpg');

}
.ajax__myTab .ajax__tab_body {
	font-family: verdana,tahoma,helvetica;
	font-size: 12px;
	/*border: 1px solid #999999;*/
	border-top: 0;
	padding: 0px;
	background-color:#ffffff;
}

.temp{
	background-color:lime;
}

.productbreadcrumb {
	padding: 10px 20px 0px 20px;
	clear: both;
	float: left;
	font-size: 24px;
}

.breadcrumb
{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
	text-transform: uppercase;
	text-decoration: none;
	height:10px;
}

.rowmarginbottom
{
	margin-bottom:50px;
}

 .gridcolumnwidth td
 { 
    width:100px !important;    
 }
img
{  border-style: none;
}


.seperationHorizontalline {
	background-image: url('../../images/harmankardon/spacer.jpg');
	background-repeat:repeat-x;		
	width:1px;

	
}
.seperationline {
	background-image: url('../../images/harmankardon/spacer.jpg');
	background-repeat:repeat-y;		
	width:1px;
	
}
.productribbon{	
	border-top: solid 1px #cccccc;
	/*height:70px !important;*/
	width:940px;
	vertical-align: middle;	
}

.productribbon tr{	
	padding-top:10px !important;
	padding-bottom:10px  !important;
	height:34px;


}



.thumbnailimageborder{
	
	border:1px solid #999999;	
		
}

.productusercontent {
	padding-top: 10px;
	border-top: solid 1px #cccccc;
	width:100%;
	height:30px;
}



.tablewithlightborderforcompare{
	width: 208px;
	height: 430px;
	margin:0px 12px 20px 12px;
	/*margin:0px 20px 20px 0px;*/
	border: 1px solid #cccccc;
	border-collapse:collapse;
	
}
.tablewithlightborderforcompare td{
	padding:0px 14px 0px 14px;
		
}

.tablewithlightborderoverviewDsitributor{
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #cccccc;
	border-collapse:collapse;
}

.sitemapheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	color: #999999 !important;
	font-weight: bold;
	text-transform:lowercase;        

}
.sitemapheader a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	color: #999999;
	font-weight: bold;
    text-transform:lowercase;
        

}
.sitemapheader a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    line-height:14px;
	color: #333333;
	font-weight: bold;
	text-transform:lowercase;
       
}

.sitemaptable{
		padding:0px;
       margin-top: 12px;
}

/*added by the instructions of Aaron*/

.picRight {
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}
.picLeft {
	margin-right: 10px;
	float: left;
}
.storyHeadline2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}
.storyHeadline {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000 !important;
	font-size: 16px;
	font-weight: bold;
}

.storyHeadlinelink {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600 !important;
	font-size: 12px;

}

.producttext {
	margin: 30px 20px 20px;
	width: 400px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	
}

.localselectortable {
    
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	border-collapse:collapse;
}

.localselectortable td {
	padding-left:0px;
	padding-top: 5px;

}

/*css for print icon*/

.printtools {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.printtools a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
}
.printtools img {
	float: left;
	clear: left;
	margin-right: 5px;
	border: 1px solid #999999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.searchicon {
	
	padding-left:1px;

}

.piclefticonsmall {
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 5px;
	float: left;
	border: none;
}

.radiobutton {
	padding:0px;
}

.productimageforsearch {
	border: 1px solid #999999;
	border-collapse:collapse;
	width:50px;
	height:50px;
	margin:20px;
}

.tablewithlightborderforsearch {
	padding: 10px;
	margin-top: 10px;
	width:100%;
	border: 1px solid #333333;
	border-collapse:collapse;
}

.tablewithlightborderforsearch td{
	padding:2px 0px 2px 0px;
	
}

.productBlobInfo {
	margin: 0px 20px 5px 30px;
	padding: 0px 10px 10px 20px;
	width: 230px;
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
.blobInfoPic {
	margin-left: 20px;
	padding: 0px;
}
.blobContent {
	margin-left:15px;
	padding: 10px;
	width: 180px;	
}


.iconimage {
	margin: 10px 20px 20px 10px;
}

.leftcolverticalline {
	 /*border-left: thin #333333 solid 1px;
	 width:1px;*/
	 background-image: url('../../images/jbl/spacer1.jpg');
	 background-repeat:repeat-y;
	 width:1px;
	 height:100%; 

}

.rightcolverticalline {
	/*border-right:thin #333333 solid 1px;
	width:1px;*/
	background-image: url('../../images/jbl/spacer1.jpg');
	background-repeat:repeat-y;
	width:1px;
	height:100%;

}
.horizontalline {
	/*border-right:thin #333333 solid 1px;
	width:1px;*/
	background-image: url('../../images/jbl/spacer1.jpg');
	background-repeat:repeat-x;
	width:100%;
	height:1px;
	/*background-color:#333333;*/
}


.singleline{
	margin:0px;
	padding:0px;
	border-top: 1px solid #cccccc;

}

hr{
 color:#cccccc;
 height:1px;
	
}

td.comparefirsttd
{
	width:185px;
	word-wrap: break-word;
	text-overflow:ellipsis;
	overflow:hidden;
	float:left;
	padding-right:15px;
	white-space:normal;
}
td.comparesecondtd
{
	width:200px;
	word-wrap: break-word;
	text-overflow:ellipsis;
	overflow:hidden;
	float:left;
	padding-right:13px;
	padding-left:22px;
	white-space:normal;
}
td.comparethirdtd
{
	width:200px;
	padding-right:15px;
	padding-left:20px;
	word-wrap: break-word;
	text-overflow:ellipsis;
	overflow:hidden;
	float:left;
	white-space:normal;
	
}
td.comparefourthtd
{
	width:180px;
	padding-right:15px;
	padding-left:15px;
	word-wrap: break-word;
	text-overflow:ellipsis;
	overflow:hidden;
	float:left;
	white-space:normal;
	
}

.productdetailfirsttd
{
	width:250px;
	word-wrap: break-word;
	text-overflow:ellipsis;
	overflow:hidden;
	float:left;
}
.productdetailsecondtd
{
	width:620px;
	word-wrap: break-word;
	text-overflow:ellipsis;
	overflow:hidden;
	float:left;

}


/* The below style is only for JBL */
.miniHeadline {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}


.widget1 {
	height: 78px;
	width: 294px;
	border: 1px solid #CCCCCC;
	margin-left: 6px;
	background-image:url('../../images/jbl/jblWidget1.jpg');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 10px;
	float: left;
	
}
.widget1 a {
 color: #FF6600!important;
}
.widget1 a:hover {
 color: #000000!important;
}
.widget1 span a {
 color:#FF6600 !important;
}
.widget1 span a:hover {
 color:#000000 !important;
}
 
.widget1 div a {
 color: #000000 !important;
}


/*.widget1 a {
	color: #FF6600 !important;

}
.widget1 a:hover {
	color: #000000 !important;

}*/

.widget2 {
	height: 78px;
	width: 294px;
	border: 1px solid #CCCCCC;
	margin-left: 10px;
	background-image:url('../../images/jbl/jblWidget2.jpg');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 10px;
	float: left;
	
}

.widget2 a {
 color: #FF6600!important;
}
.widget2 a:hover {
 color: #000000!important;
}
.widget2 span a {
 color:#FF6600 !important;
}
.widget2 span a:hover {
 color:#000000 !important;
}
 
.widget2 div a {
 color: #000000 !important;
}


/*.widget2 a {
	color: #FF6600 !important;
	
}
.widget2 a:hover {
	color: #000000 !important;
	
}*/
.widget3 {
	height: 78px;
	width: 294px;
	border: 1px solid #CCCCCC;
	margin-left: 10px;
	background-image:url('../../images/jbl/jblWidget3.jpg');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 10px;
	float: left;
	
}

.widget3 a {
 color: #FF6600!important;
}
.widget3 a:hover {
 color: #000000!important;
}
.widget3 span a {
 color:#FF6600 !important;
}
.widget3 span a:hover {
 color:#000000 !important;
}
 
.widget3 div a {
 color: #000000 !important;
}


/*.widget3 a {
	color: #FF6600 !important;
	
}
.widget3 a:hover {
	color: #000000 !important;
	
}*/


.widget1_China {
	height: 78px;
	width: 294px;
	border: 1px solid #CCCCCC;
	margin-left: 6px;
	background-image:url('../../images/jbl/jblWidget1_China.jpg');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 10px;
	float: left;
}
.widget1_China a {
	color: #FF6600 !important;
}
.widget1_China a:hover {
	color: #000000 !important;
}

.widget2_China {
	height: 78px;
	width: 294px;
	border: 1px solid #CCCCCC;
	margin-left: 10px;
	background-image:url('../../images/jbl/jblWidget2_China.jpg');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 10px;
	float: left;
}
.widget2_China a {
	color: #FF6600 !important;
}
.widget2_China a:hover {
	color: #000000 !important;
}

.widget3_China {
	height: 78px;
	width: 294px;
	border: 1px solid #CCCCCC;
	margin-left: 10px;
	background-image:url('../../images/jbl/jblWidget3_China.jpg');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 10px;
	float: left;
}
.widget3_China a {
	color: #FF6600 !important;
}
.widget3_China a:hover {
	color: #000000 !important;
}

	.linkbuttonboldforparts { 
 	font-family : Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	line-height:16px;
	color: #333333;
 	font-weight: bold;
}
#breakspacer{
	clear:both;
	height:5px;
}
.leftGutter {
	float: left;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 2px;
}
.leftGutter ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
}
.leftGutter li {
	margin: 8px 0px;
	padding: 0px;
}

.marginTop30 {	
	margin-top:30px;
}
.marginLeft20 {	
	margin-left:20px;
}
.marginTop15 {	
	margin-top:15px;
}
.paddingLeft5 {	
	padding-left:5px;
}

.paddingTop15 {	
	padding-top:15px;
}
.paddingTop20 {	
	padding-top:20px;
}

.paddingBottom20 {
	padding-bottom:20px;
}
.margin0padding0{
	padding:0px;
	margin:0px;
}
.height20px {
	height:20px;
}

.tablewithlightbordeforProductselection{
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	width:100%;
	border-collapse:collapse;
	
}

/* april 06 2010 */

.textareaprodselection {
	width: 175px;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #ffffff;
	resize:none;
}

/* for Calendar Starts */
.errormessageinnerdivcalendar {
	width:620px;
	float:left;

}
.leftelementsdivcalendar {
	width:300px;
	float:left;

}

.labeldivcalendar{
	height:20px;
	width:300px;
	float:left;	

}

.textboxdivCalendar {
	float:left;	
	
	
}

.formfielderrormessagecalendar{
	margin-right:5px;
	margin-left:5px;
	/*margin: 5px 5px 20px 5px;*/
	padding-left: 100px;
	padding-right: 10px;
	/*padding:0px 10px 0px 100px;*/
	width: 200px !important;
	float: left;
	color: #FF0000;
	word-wrap: break-word;
	text-overflow:ellipsis;
	/*overflow:auto;*/
	/*height:60px !important;*/
	vertical-align: middle !important;
	padding-top:2%;
	padding-bottom:2%;
	
}


/* for Calendar Ends */
/* SendEmailUs Page Line */

.rightcolverticallineSupportEmailConfirmation{
 /*border-right:thin #333333 solid 1px;
 width:1px;*/
 background-image: url('../../images/JBL/spacer1.jpg');
 background-repeat:repeat-y;
 width:1px;
 height:400PX;
}

.hyperLinkColor {             
                color: #FF6600 !important;
                }


.regionheader {
	/*background-color:fuchsia;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;

}

/* add to cart */
.linkbuttonaddtocart a{ 
 color: #ffffff !important;
 padding: 2px 8px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: .05em;
 background-image: url('../../images/jbl/jbl_wtobuy.jpg');
 border: 1px solid #ff6600;
 background-color:#ff6600;
 cursor:pointer;  
 
}
.linkbuttonaddtocart a:hover{
 color: #000000 !important;
 background-image: url('../../images/jbl/jbl_wtobuy.jpg');
 border: 1px solid #ff6600;
 background-color:#ff6600;
 cursor:pointer; 
 
}
.ms-WPBody td.linkbuttonaddtocart 
{
color:#ffffff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
 
}
 
.ms-WPBody td.linkbuttonaddtocart A:link
{
color:#ffffff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
 
}
.ms-WPBody td.linkbuttonaddtocart A:hover
{
color:#000000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
}
/* Added By Gokul for dealer locator implementation */
.h2_Navigation a
{
	float: left;
	padding:0px 5px 0px 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight:normal;
	display: inline;
	text-transform:capitalize !important;
	color:#999999 !important;

}
.h2_Navigation a:visited
{
	float: left;
	padding:0px 5px 0px 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight:normal;
	display: inline;
	text-transform:capitalize !important;
	color:#999999 !important;

}
.h2_Navigation a:hover
{
	float: left;
	padding:0px 5px 0px 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight:normal;
	display: inline;
	text-transform:capitalize !important;
	color:#333333 !important;

}
/* Ends Here */
/* Added By Gokul */

.returntoproductdetails
{
	
	padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #cccccc; 
    border-style:none;
    cursor:pointer;
    position:relative;
    letter-spacing: .05em;
	text-decoration:none;
	cursor:pointer;


	
}

.returntoproductdetails:hover
{
	color: #FFFFFF;
	
}

.dealerlocatorproductname
{
	float:left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size: 24px !important;
	color:#ff6600;
	padding: 16px 0px 6px 10px !important;
	height:20px;
	vertical-align:middle !important;
	text-transform:uppercase;
}

.dealerlocatorsapproductname
{
    float:left;
	padding: 0px 0px 0px 10px !important;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#333333;
	font-size: 14px !important;
	height:20px;
	vertical-align:top;
	text-transform:uppercase;
	font-weight:normal;
	
	
}

.sitemapsingleline{
	margin:0px !important;
	padding:0px;
	height:1px !important;
	background-color:#cccccc !important;
	

	/*border-top: 1px solid #cccccc !important;*/

}

.leftNavigationSpecific a {
 color:#666666 !important;
}
 
.leftNavigationSpecific a:hover {
 text-decoration:underline !important;
 color:#ff6600 !important;
}

.storyHeadlineLocaldealer {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000 !important;
	font-size: 12px;
	font-weight: bold;
}

/*--------------- 08-11-2010 ---------------*/

.shippingTxt p{
 margin:0 !important;
 padding:0 !important;
}
td.celladdtocart span a:link, td.celladdtocart span a:visited, td.celladdtocart span a:active{
 color: #000000;
 /*padding: 2px 8px;*/
 width:163px;
 height:40px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: .05em;
 background-image: url('../../images/jbl/JBL_USA_Add2Cart_OFF.gif');
 border: 1px solid #FFFFFF;
 display:block;
 border:none;
 clear:both;
}
td.celladdtocart span a:hover {
 color: #FFFFFF;
 background-image: url('../../images/jbl/JBL_USA_Add2Cart_ON.gif');
}
td.celladdtocart span a:active {
 background-image: url('../../images/jbl/JBL_USA_Add2Cart_ON.gif');
}

td.celladdtocart a:link{
	color: ##003399;
	font-size: 12px;
	display:block;
	clear:both;
}
td.celladdtocart a:hover{
	color:#FF6600;
	text-decoration:underline !important;
}
td.cellbackorder span a:link, td.cellbackorder span a:visited, td.cellbackorder span a:active{
 color: #000000;
 /*padding: 2px 8px;*/
 width:163px;
 height:40px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: .05em;
 background-image: url('../../images/jbl/JBL_USA_Add2Cart_OOS_OFF.gif');
 border: 1px solid #FFFFFF;
 display:block;
 border:none;
 clear:both;
}
td.cellbackorder span a:hover {
 color: #FFFFFF;
 background-image: url('../../images/jbl/JBL_USA_Add2Cart_OOS_ON.gif');
}
td.cellbackorder span a:active {
 background-image: url('../../images/jbl/JBL_USA_Add2Cart_OOS_ON.gif');
}
td.cellbackorder span{
 display:block;
 clear:both;
 margin-bottom:5px;
 margin-top:5px;

}

/* Issue 474  */
.wheretoBuyImage
{
 border:1px !important; 
}
 
/* Added for Issue #484 */
.ribbonheading1 {
	/*float:left;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size: 24px !important;
	color:#ff6600;
	/*padding: 16px 0px 3px 10px !important;*/
	height:20px;
	vertical-align:middle !important;
	text-transform:uppercase;
	width : 451px !important;
	padding-left:10px !important;	
}

.thumbnailimage_addToCart {
 border:1px solid #999999;
}
td.celladdtocart span{
	display:block;
	clear:both;
	margin-bottom:5px;
	margin-top:5px;
	}

/*Start: Calender popup*/
.calicondob {
	vertical-align:middle;
}
.ajxcalextender .ajax__calendar_container {
	border:1px solid #aaa;
	background-color:#fff;
	width:189px;
}
.ajxcalextender .ajax__calendar_container .ajax__calendar_days, .ajxcalextender .ajax__calendar_container .ajax__calendar_months, .ajxcalextender .ajax__calendar_container .ajax__calendar_years, .ajxcalextender .ajax__calendar_container .ajax__calendar_body {
	width:189px;
	height:140px;
}
.ajxcalextender .ajax__calendar_container .ajax__calendar_header {
	background-color:#d2d2d2;
	color:#222;
}
.ajax__calendar_footer {
}
.ajax__calendar_dayname {
}
.ajax__calendar_day {
	background-color:#e6e6e6;
	border-color:#d3d3d3;
	color:#555;
}
.ajax__calendar_month {
	background-color:#e6e6e6;
	border-color:#d3d3d3;
	color:#555;
}
.ajax__calendar_year {
	background-color:#e6e6e6;
	border-color:#d3d3d3;
	color:#555;
}
.ajax__calendar_active .ajax__calendar_day {
	background-color:#999;
	border-color:#ff6600;
	color:#fff;
}
.ajax__calendar_active .ajax__calendar_month {
	background-color:#999;
	border-color:#ff6600;
	color:#fff;
}
.ajax__calendar_active .ajax__calendar_year {
	background-color:#999;
	border-color:#ff6600;
	color:#fff;
}
.ajax__calendar_other .ajax__calendar_day {
	background-color:#fff;
	border-color:#efefef;
	color:#b3b3b3;
}
.ajax__calendar_other .ajax__calendar_year {
	background-color:#fff;
	border-color:#efefef;
	color:#b3b3b3;
}
.ajax__calendar_hover .ajax__calendar_day {
	background-color:#999;
	border-color:#ff6600;
	color:#fff;
}
.ajax__calendar_hover .ajax__calendar_month {
	background-color:#999;
	border-color:#ff6600;
	color:#fff;
}
.ajax__calendar_hover .ajax__calendar_year {
	background-color:#dbdbdb;
	border-color:#999;
	color:#000;
}
/*End: Calender popup*/