﻿/* _lcid="1033" _version="12.0.4518"
    _LocalBinding */
form
{
	height:100%;
}
html
{
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif; 
}
.body
{
	background-color: #333333;
	margin: 5px 0px 0px 0px;
	background-image: url('../../images/harmankardon/hkBG.jpg');
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif; 

}

.bodylightbox
{
	background-color: #000000;
}

.ms-WPBody
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #999999;

}
.ms-TPBody TABLE
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #999999;

}
.ms-WPBody TABLE
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #999999;

}
.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:#000000;
	/*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:#000000;}

.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: #000000;
	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:#ffffff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}





.ms-globallinks{
color:#ffffff;
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/harmankardon/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:20px;
	background-image: url('../../images/harmankardon/hkNavBG.jpg');
	background-repeat:no-repeat;
	border-top: 1px solid #F8F8F8;
	border-bottom: 1px solid #5e5e5e;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle !important;


}
.masterNav {
	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;
	font-weight:bold;
	text-transform: uppercase;	
	height:20px;
}

.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/harmankardon/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;
	color: #FFFFFF;
                  
}


.h2  {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	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: #FFFFFF;

}


.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;
	color:#333333 !important;
		vertical-align: middle !important;
	


}
.h1_Navigation a{ 
	display:inline;
	cursor:pointer;
		font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
			color:#333333 !important;
				vertical-align: middle !important;

	/*font-weight: bold;
	text-transform:capitalize !important;*/


}
.h1_Navigation a:hover{ 
	display:inline;
	cursor:pointer;
		font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
			color:#000000 !important;
				vertical-align: middle !important;
				padding-top:5px;

	/*font-weight: bold;
	text-transform:capitalize !important;*/


}


/*@font-face { 
font-family: "agencyFB"; 
}*/


.tablemasternavigation{
	padding:0px;
	margin:0px;
	margin-right: auto;
	margin-left: auto;
	border-collapse:collapse;
	vertical-align: middle !important;

	
}
/*.tablemasternavigation td{
	padding:0px;
	margin:0px;
	vertical-align: middle !important;
}*/

.h2_Navigation {
	/*font-family: Helvetica, Arial,Verdana, sans-serif;
	font-weight:normal !important;
	margin: 5px 0px 5px 0px;
	padding:0px 5px 0px 5px;
	font-size: 24px;
	display: inline;
	text-transform:capitalize !important;
	color:#ffffff !important;
	float:left;	*/
	float: left;
	/*margin: 5px 0px 5px 0px !important;*/
	padding:0px 5px 0px 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	color:#ffffff;
	display: inline;

	
}



.ribbonheading1 {
	/*font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 24px  !important;
	display: inline;
	text-transform:uppercase  !important;
	float:left;	*/
	float:left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 22px !important;
	color:#ffffff;
	padding: 16px 0px 3px 10px !important;
	height:20px;
	vertical-align:middle !important;

}


.ribbonheading2 {
	/*font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 16px  !important;
	display: inline;
	text-transform:uppercase  !important;
	float:left;	*/
	float:left;
	padding: 0px 0px 0px 10px !important;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#ffffff;
	font-size: 16px !important;
	height:20px;
	vertical-align:top;

}

.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: #666666;
}
.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/harmankardon/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: #cccccc !important;	
	cursor:pointer;	
}

.footernav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff !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: #ffffff;
	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: #ffffff;
	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: #ffffff;
	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: #FFFFFF;
}
.toprightlinks a {
	color: #FFFFFF;
	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: #FFF;
}




/*CSS for the development STARTS::::::::::::::::::::::::::::::::::::::::::::::::::: */

a:link {
  text-decoration: none;
  color: #cccccc;
}

a:visited {
  text-decoration: none;
  color: #cccccc;
}

a:hover {
  text-decoration: none;
  color: #ffffff;
}


p {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #999999;
}
.description{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #999999;

}
.descriptionbold{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #999999;
	font-weight:bolder;

}


.thumbnailborder{
	border: 1px solid #999999;
}



.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #CCCCCC;
}

.labelbold {
	padding:2px 0px 2px 4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	
}
.labelboldwhite {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;	
}

.labelsmallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #999999;
}
.labelsmallgreywithpadding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	padding-right:10px;
	color: #999999;
}

.labelsmallwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*line-height:16px;*/
	color: #cccccc;	
	
	
}

.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: #cccccc;	
	cursor:pointer;
	
}


.linkbuttonsmall a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #cccccc;
	cursor:pointer;
	
}
.linkbuttonsmall a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #ffffff;
	cursor:pointer;
	
}

.linkbuttonsmallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cccccc;	

}


.linkbuttonsmallCompare {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #cccccc;	
	border-right:solid 1px white;
	
}


.linkbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #cccccc;
		
	
}
.linkbutton a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #cccccc;
	
}
.linkbutton a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #ffffff;
	
}

.linkbuttonbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #cccccc;
	font-weight: bold;
	text-transform:capitalize;
			
}
.linkbuttonbold a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #cccccc;
	font-weight: bold;
	text-transform:capitalize;
	
}
.linkbuttonbold a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #ffffff;
	font-weight: bold;
	text-transform:capitalize;
	
}

.linkbuttonboldmodel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #ffffff;
	font-weight: bold;
	vertical-align:middle !important;	
}
.linkbuttonboldcap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #cccccc;
	font-weight: bold;
			
}
.linkbuttonboldcap a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #cccccc;
	font-weight: bold;
	
}
.linkbuttonboldcap a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #ffffff;
	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: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

.linkbuttonboldsitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #cccccc;
	font-weight: bold;
	text-transform:capitalize;
			
}
.linkbuttonboldsitemap a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #cccccc;
	font-weight: bold;
	text-transform:capitalize;
	
}
.linkbuttonboldsitemap a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #ffffff;
	font-weight: bold;
	text-transform:capitalize;
	
}

.linkbuttonsitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #cccccc;
	font-weight: bold;	
}
.linkbuttonsitemap a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #cccccc;
	font-weight: bold;
}
.linkbuttonsitemap a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #ffffff;
	font-weight: bold;
}



.linkbuttonwheretobuy a{
  padding: 6px 30px;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #cccccc;
 background-image:url('../../images/harmankardon/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/harmankardon/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:#cccccc;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
}
.ms-WPBody A:link
{
color:#cccccc;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
}
.ms-WPBody A:hover
{
color:#ffffff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
}

.breadcrumbbottombox{
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
	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: #ffffff !important;
	text-transform:capitalize;


}
.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:capitalize;

}
.breadcrumbbottom  a:hover {
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #ffffff !important;
	cursor:pointer;	
	text-transform:capitalize;

}

.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 #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	resize:none;
}


.textfieldemail {
	/*rgin: 3px 10px 0px 0px;*/
	margin: 0px;
	padding: 0px;
	width: 375px;
	height: 21px;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	resize:none;
}
.dropdownemail {
	/*margin-right: 18px;*/
	margin: 0px;
	padding: 0px;
	width: 377px;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	border: 1px solid #333333;
}
.textareaemail {
	margin: 0px;
	padding: 0px;
	width: 375px;
	height: 150px;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	resize:none;
	overflow:auto;
}



.textfielddisabledwithoutborder {
	/*rgin: 3px 10px 0px 0px;*/
	margin: 0px;
	padding: 0px;
	width: 240px;
	height: 21px;
	border: 1px solid transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 12px;
	font-weight: bold;
	background-color: #141414;
	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: #333333;
	resize:none;

}



.textfieldsmall {
	margin: 3px 10px 0px 0px;
	width: 180px;
	height: 21px;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	resize:none;
}
.textfieldproductoverview {
	/*rgin: 3px 10px 0px 0px;*/
	margin: 0px;
	padding: 0px;
	width: 121px;
	height: 17px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	resize:none;

}

.searchfield {
	width: 156px;
	height:15px;
	background-color: #000000;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	resize:none;
	
	
}


.searchfieldbig {
	width: 240px;
	background-color: #000000;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	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: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	border: 1px solid #333333;
	}



.dropdownsmall {
	margin-right: 18px;
	width: 180px;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	border: 1px solid #333333;
}


.listbox {
	margin: 3px 10px 0px 0px;
	width: 240px;
	height: 120px;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
}

.textarea {
	margin: 3px 10px 0px 0px;
	width: 240px;
	height: 120px;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	resize:none;
}

.checkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #999999;
}

.radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	color: #999999;
}

.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/harmankardon/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/harmankardon/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/harmankardon/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/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;
   
}


.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/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;
   
}


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;
}


/*.buttonsmalldisable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .05em;
	color: #FFFFFF;
	background-image:url('../../images/harmankardon/buttonBG_o.jpg');
	border: 1px solid #666666;
	border-style:none;
	height:16px;
	margin-right:3px;
	margin-left:0px;
	cursor:pointer;
}*/


.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/buttonBG.jpg);
}
.tab1inactive {
	margin-right: 5px;
	padding: 5px 10px;
	float: left;
	background-image: url(../images/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;
	width:100%;
	border: 1px solid #333333;
	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: #141414;
	width:660px;
	clear:both;
		
}
.tableformbg td {
	height:20px;
	padding-left:15px;
	padding-right: 5px;
	background-color: #141414;

}

.tableformbg table td {
	padding-left:0px;
	margin:0px;
	
}

.tableformbglightbox {
	margin:0px;
	padding:0px 0px 30px 0px;
	border-collapse:collapse;
	background-color:#141414;
	/*width:300px;*/
		
}

.tableformbglightbox td {
	height:20px;
	padding-left:15px;
	padding-right: 5px;
	background-color: #141414;

}

.tableformbglightbox table td {
	padding-left:0px;
	margin:0px;

	
}


.tablewithproductbig {
	border: 1px solid #333333;
	border-collapse:collapse;
}
.tablewithproductsmall {
	border: 1px solid #999999;
	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 #333333;
	border-collapse:collapse;
}

.ms-PartSpacingVertical{
	font-size:1pt;
	margin-top:0px;
}

.alternaterowcolor{
	background-color: #141414;
}

 
 .gridcompareinvisibleheader 
 { 
     display:none;
 }

.gridcompare { 
	border-collapse:collapse;
	margin:0px;

	
 }
 


.gridcompare td {

    padding:5px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #ffffff;
    margin:0px;
	border-right:thin;
 
		

}

.gridcompare tr
{
	height:12px;	

}


.comparetb {
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
    padding:0px;
    margin:0px; 

}
 .comparetbl {
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
    border-left: solid 1px #333333;
    padding:0px;
    margin:0px;

}
 .comparetrb {
    border-right: solid 2px #333333 !important;
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
    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: #000000;
}
.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; 
	opacity:.70; 
	filter: alpha(opacity=70); 	
	z-index:inherit ;
	-khtml-opacity: 0.70;
	
}

.modalPopup {
	background-color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:#000000;
	padding:3px;
	z-index:5000;

}

/* :::::::::: Model pop up tried on 26th Feb :::::::: */
/*.modalPopup {
	background-color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:#000000;
	
	padding:3px;
	z-index:5000 !important;
	opacity:1.0 !important; 
	-moz-opacity: 1.0 !important; 
	filter: alpha(opacity=100) !important; 
	-khtml-opacity: 1.0 !important;
	position:fixed;
	*top:0;
	display:block;	

}*/

#modalContent{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height:18px;
	color: #999999;

	
}


.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;
	
}
/*.gridfaq tr{
	margin-bottom:5px;
	margin-top: 5px;
	margin-left:10px;
	
}*/

.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:#141414;
    text-align: left;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #666666;
	/*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 #5D5D5D;
	margin-bottom:15px;

	
	
}
.ajax__myTab .ajax__tab_outer {
	height: 24px;
	background-image: url('../../images/harmankardon/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/harmankardon/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/harmankardon/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:black;
}

.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 #333333;
	/*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 #333333;
	width:100%;
	height:30px;

}




.tablewithlightborderforcompare{
	width: 208px;
	height: 340px;
	margin:0px 12px 20px 12px;
	border: 1px solid #333333;
	border-collapse:collapse;
	
}
.tablewithlightborderforcompare td{
	padding:0px 14px 0px 14px;

}

.tablewithlightborderoverviewDsitributor{
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #333333;
	border-collapse:collapse;
}

.sitemapheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	color: #cccccc;
	font-weight: bold;
	text-transform:capitalize;        

}
.sitemapheader a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	color: #cccccc;
	font-weight: bold;
    text-transform:capitalize;        

}
.sitemapheader a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    line-height:14px;
	color: #ffffff;
	font-weight: bold;
	text-transform:capitalize;
       
}

.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: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
}
.storyHeadline {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

.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: 80%;
	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/harmankardon/spacer1.jpg');
	 background-repeat:repeat-y;
	 width:1px;
	 height:100%;
	 

}

.rightcolverticalline {
	/*border-right:thin #333333 solid 1px;
	width:1px;*/
	background-image: url('../../images/harmankardon/spacer1.jpg');
	background-repeat:repeat-y;
	width:1px;
	height:100%;

}
.horizontalline {
	/*border-right:thin #333333 solid 1px;
	width:1px;*/
	background-image: url('../../images/harmankardon/spacer1.jpg');
	background-repeat:repeat-x;
	width:100%;
	height:1px !important;
	/*background-color:#333333;*/
}


.singleline{
	margin:0px;
	padding:0px;
	border-top: 1px solid #333333;

}

hr{
 color:#333333;
 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;

}
.linkbuttonboldforparts
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height:16px;
 color: #cccccc;
 font-weight: bold;
    
}
/*.calender 
{
	background-color:White;
	border: 1px solid #ffcc66;
	
}
.calender1
{
	background-color:Orange;
	border: 1px solid #ff0000;
	
}*/

#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;
}
.paddingRight5{	
	padding-right:5px;
}
/*.masterNavFirstCol {
	width:220px;
	height:21px;
	padding-top:2px;
	padding-bottom:2px;
	float:left;

}*/

.tablewithlightbordeforProductselection {
	margin-top: 10px;
	margin-bottom: 20px;
	width:100%;
	border: 1px solid #333333;
	border-collapse:collapse;
	
}

/* april 06 2010 */

.textareaprodselection {
	width: 175px;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 12px;
	background-color: #000000;
	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/harmankardon/spacer1.jpg');
 background-repeat:repeat-y;
 width:1px;
 height:400PX;
}

.regionheader {
	/*background-color:fuchsia;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;

}


/* add to cart */

.linkbuttonaddtocart a{
 color: #000000;
 padding: 2px 8px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: .05em;
 background-image: url('../../images/harmankardon/buttonBG.jpg');
 border: 1px solid #FFFFFF;
 
}
 
.linkbuttonaddtocart a:hover{
 color: #FFFFFF;
 background-image: url('../../images/harmankardon/buttonBG_o.jpg');
 border: 1px solid #666666;
 
}
 
.ms-WPBody td.linkbuttonaddtocart 
{
color:#000000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
 
}
 
.ms-WPBody td.linkbuttonaddtocart A:link
{
color:#000000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif !important;
 
}
.ms-WPBody td.linkbuttonaddtocart A:hover
{
color:#ffffff;
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: 20px;
	color:#cccccc !important;
	display: inline ;
	
}
.h2_Navigation a:active{	
	float: left;
	padding:0px 5px 0px 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	color:#cccccc !important;
	display: inline ;
	
}
.h2_Navigation a:hover{	
	float: left;
	padding:0px 5px 0px 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	color:#ffffff !important;
	display: inline ;
	
}


/*Ends here */

/* Added By Gokul */

.returntoproductdetails
{
	color: #000000;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .05em;
	text-decoration:none;
	cursor:pointer;

	
}

.returntoproductdetails:hover
{
	color: #FFFFFF;
	
}

.dealerlocatorproductname
{
	float:left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 22px !important;
	color:#ffffff;
	padding: 16px 0px 3px 10px !important;
	height:20px;
	vertical-align:middle !important;

}

.dealerlocatorsapproductname
{
    float:left;
	padding: 0px 0px 0px 10px !important;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#ffffff;
	font-size: 16px !important;
	height:20px;
	vertical-align:top;

	
}

.sitemapsingleline{
	margin:0px !important;
	padding:0px;
	height:1px !important;
	background-color:#333333 !important;
	

	/*border-top: 1px solid #333333 !important;*/

}

/*Ends Here */