/* @override http://looce.com/comply/css/global.css */

@import url("reset.css");


body {
	margin:  0;
	background: #000 url(../images/topRed_bg.gif) top left repeat-x;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a:link,
a:active,
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #a32225;
	text-decoration: underline;
}
a.link:link,
a.link:active,
a.link:visited {
	color: #0000ff;
	text-decoration:none;
}
a.link:hover {
	color: #a32225;
	text-decoration: underline;
}

#wrapper {
	width: 1024px;
	background: url(../images/homeHeader.jpg) no-repeat;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 39px;
}

.products #wrapper {
	width: 1024px;
	background: url(../images/productHeader_bg.jpg) no-repeat;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 39px;
}

h1 {
	width: 196px;
	height: 56px;
	background: url(../images/logo.png);
	text-indent: -9999px;
	margin: 0 0 0 72px;
	float: left;
}

h2 {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
}

/*
h1 {
	width: 1023px;
	height: 115px;
	margin: -40px 0 0 0;
	background: url(../images/partner_header.jpg);
}
*/
#header h2 {
	margin: 8px 0 0;
	float: right;
	background: url(../images/immerseYourself.png);
	text-indent: -9999px;
	width: 205px;
	height: 30px;
}

body.products #header h2 {
	margin-top: -18px;
}

body.products #content {
	background: url(../images/product_bg.png) top left repeat-y;
}

body.products #header {
	height: 314px;
}

div#AjaxLoader {
	position: absolute;
	top: 55%;
	left: 45%;
	z-index: 100000;
}

a:link img:hover {
	cursor: pointer;
}

div.slider #content, body.distributor #content {
	background: url(../images/homeWrapper_bg.jpg) top left repeat-y;
	padding-top: 35px;
}
body.slider #wrapper, body.distributor #wrapper {
	width: 1024px;
	background: url(../images/secondaryHeader.jpg) no-repeat;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 39px;
}

body.slider #header h2, body.distributor #header h2 {
	margin-top: -18px;
}


#content {
	width: 884px;
	background: url(../images/homeWrapper_bg.jpg) top left repeat-y;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}


#header {
	height: 282px;
	width: 940px;
}


#flashBox {
	width: 914px;
	height: 363px;
	float: left;
	margin: 9px auto 0 55px;
	background: url(../images/flashBox.png) no-repeat;
	position: relative;
	padding-top: 23px;
	padding-left: 23px;
}

#upgrade {
	float: left;
	width: 898px;
	margin-left: -8px;
}

#upgradeHeadings {
	text-indent: -9999px;
	background: url(../images/complyHome.jpg);
	float: left;
	width: 293px;
	height: 214px;
}

#upgradeSelection {
	background: url(../images/upgrade_bg.jpg);
	width: 605px;
	height: 214px;
	float: left;
}
#upgradeSelection h4 {
	background: url(../images/upgrade.gif);
	text-indent: -9999px;
	height: 28px;
	float: left;
	width: 363px;
	margin-left: 29px;
	margin-top: 50px;
	margin-bottom: 16px;
}

#upgradeSelection select {
	background: url(../images/selectDropdown.gif) no-repeat;
	-khtml-appearance:none;
	border: none;
	width: 230px;
	height: 40px;
	padding-left:8px;
	font-size: 14px;
	margin: 0 10px 0;
}

.gecko #upgradeSelection select {
	background: #D5D5D5;
}
.ie #upgradeSelection select {

}




select#brand {
	margin-top: 20px;
	margin-left: 44px;
}

select#model {
	margin-left: 36px;
}

#homeClear {
	background: url(../images/homeFooter_bg.jpg) no-repeat;
	clear: both;
	width: 920px;
	padding-left: 30px;
	padding-right: 30px;
	height: 285px;
	margin-left: -41px;
	margin-right: auto;
}

#productClear {
	background: url(../images/productFooter.jpg) no-repeat;
	clear: both;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: -70px;
	margin-right: auto;
	height: 284px;
	width: 935px;
}

.distClear {
	background: url(../images/distFooter_bg.jpg) no-repeat;
	clear: both;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: -41px;
	margin-right: auto;
	height: 284px;
	width: 935px;
}


#slideClear {
	background: url(../images/homeFooter_bg.jpg) no-repeat;
	clear: both;
	width: 905px;
	padding-left: 30px;
	padding-right: 30px;
	height: 285px;
	margin-left: -41px;
	margin-right: auto;
}

#footer {
	background: url(../images/footer_bg.jpg) top left no-repeat #000;
	margin-top: -22px;	
	width: 938px;
	padding-left: 70px;
	padding-right: 30px;
	float: left;
	margin: 0 auto;
	height: 200px;
	padding-top: 15px;
}

#footer a:link,
#footer a:active,
#footer a:visited {
	color: #656565;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.footerBlock {
	float: left;
	width: 169px;
}

#footer h5 {
	font-size: 10px;
	font-weight: bold;
	color: #e2111c;
	background: url(../images/footerHeading.gif) top left no-repeat;
	height: 27px;
	width: 70px;
	text-transform: uppercase;
	padding: 4px 0 0 7px;
	margin: 10px 0 0 -5px;
}

#footer ul {
	margin: 0;
	padding: 0;
}

/***** NEW WITH SOCIAL ICON UPDATE *****/

.footer-nav { clear: both; margin-top: -60px; float: left; }

.socialize {
	width: 600px;
	height: 54px;
	background: url(../images/socialize-bg.gif) no-repeat;
	display: block;
	position: relative;
	top: 5px;
	margin-bottom: 5px;
	float: left;
}


p.socialize-text {
	font: bold 14px Helvetica, Arial, sans-serif;
	color: #c5c5c5;
	margin: 18px 0 0 18px;
	float: left;
}

ul.socialize-icons {
	float: left;
	position: relative;
	top: 10px;
	left: 5px;
}

ul.socialize-icons li {
	float: left;
}

ul.socialize-icons li a {
	display: block;
	float: left;
	margin-left: 5px;
}

ul.socialize-icons li a.facebook { background: url(../images/social-icons.png); width: 32px; height: 32px; }
ul.socialize-icons li a.twitter { background: url(../images/social-icons.png); width: 32px; height: 32px; background-position: 0 -32px; }
ul.socialize-icons li a.youtube { background: url(../images/social-icons.png); width: 32px; height: 32px; background-position: 0 -64px; }

.clear {
	clear: both;
	margin-top: -1px;
}

p.copy {margin-top: 5px;}

.footer-bottom {
	width:100%;
	height: 18px;
	background: url(../images/footer_bg_bottom.jpg) top center no-repeat;
	display: block;
	clear: both;
}

/***** END SOCIAL ICON UPDATE *****/

#companyInfo {
	float: left;
	color: #999999;
	font-size: 10px;
	margin-top: 8px;
	margin-left: 55px;
}

.credits {
	padding: 7px 10px 0 10px;
	color: #999999;
	margin-top: 0;
	font-style: italic;
}

.credits a:link,
.credits a:active,
.credits a:visited
 {
	color: #fff;
}

#companyInfo .copy {
	padding-top: 10px;
}

#featuring {
	float: left;
	width: 892px;
	margin-left: -6px;
	margin-bottom: -173px;
	margin-top: 49px;
}

#featuring li {
	float: left;
	list-style-type: none;
}


#featuring h3 {
	text-indent: -9999px;
	background: url(../images/homeFeaturedTab.png) no-repeat;
	float: left;
	width: 100%;
	height: 41px;
}

.prevPage {
	display: block;
	float: left;
	background: url(../images/btn_prev.png);
	width: 56px;
	height: 70px;
	margin-bottom: -85px;
	margin-top: 14px;
	z-index: 10;
	position: relative;
	margin-left: 11px;
	text-indent: -9999px;
	cursor: pointer;
}

.prevPage.disabled {
	background-position: 0 -73px;
}

.nextPage {
	display: block;
	float: left;
	background: url(../images/btn_next.png);
	width: 56px;
	height: 70px;
	text-indent: -9999px;
	position: relative;
	z-index: 20;
	margin-left: -22px;
	cursor: pointer;
	margin-top: 14px;
}

.nextPage.disabled {
	background-position: 0 -73px;
}
/* Scrollable */ 
#scrollableContainer {
	background: url(../images/featured_bg.png) no-repeat;
	width: 918px;
	height: 93px;
	float: left;
	margin-top: -7px;
	margin-left: -1px;
}

div.scrollable {      
	position:relative; 
	overflow: hidden;
	width: 782px;     
  height: 68px;     
	float: left;
	margin-left: 67px;
	z-index: 9;
	margin-top: 16px;
} 
 
div.scrollable div.items {     
	width: 2000em;
	position: absolute;
  float: left;

} 

div.scrollable div.items img {
	 border: 2px solid #666666;
}

div.scrollable div.items div { 
    float:left; 
} 

div.scrollable div.items img:hover {
	border: 2px solid #000;
}

div.scrollme {      
	position:relative; 
	overflow: hidden;
	width: 400px;     
  	height: 500px;     
	float: left;
	margin-left: 67px;
	z-index: 9;
	margin-top: 16px;
} 
 
#cart_tab {
	background: url(../images/cart.gif) top left no-repeat;
	color: #aacbd8;
	width: 364px;
	margin-top: 25px;
	padding-left: 25px;
	float: left;
	
}

#cart_tab a {
	color: #ffffff;
	text-decoration: none;
}

#cart_tab a:hover {
	color: #eeeeee;
}

#cart_tab {
	background: url(../images/cart.gif) top left no-repeat;
	color: #aacbd8;
	width: 231px;
	margin-top: 0;
	padding-left: 25px;
	float: left;
	margin-left: 188px;
}


/* Navigation */

ul#nav {
	float: left;
	background: url(../images/topNav_bg_long.png) no-repeat;
	width: 639px;
	height: 57px;
	margin-left: 322px;
	padding: 10px 20px 20px 35px;
	margin-top: -27px;
}

ul#nav li {
	float: left;
	text-align: center !important;
	width: 105px;
	height: 49px;
	margin-right: 2px;
}


ul#nav li a {
	font-size: 16px;
	color: #2e2e2e;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: left;
	height: 49px;
}

ul#nav li a span {
	font-size: 10px;
}

ul#nav li#earphones {
	margin-left: 2px;
	width: 104px;
}
ul#nav li#enhancers {
	margin-left: 0;
	width: 104px;
}

ul#nav li#company {
	margin-left: -7px;
	width: 100px;
}

ul#nav li#distributors {
	margin-left: -10px;
	width: 89px;
	padding-left: 20px;
}

ul#nav li#home {
	width: 96px;
	margin-left: -20px;
}
ul#nav li.active, ul#nav li:hover {
	background: url(../images/navActive.png) bottom left no-repeat;
	color: #a32225 !important;
}
ul#nav li.active a, ul#nav li a:hover {
	color: #a32225 !important;
}

.product {
	float: left;
	width: 480px;
	margin-left: 28px;
	margin-top: -204px;
	margin-bottom: -175px;
}
.product h2, .product h3, .product h4 {
	font-family: helvetica, "Helvetica Neue", Arial, sans-serif;
}
.product h2 {
	font-size: 26px;
	font-weight: bold;
}

.product h3 {
	font-size: 18px;
	font-weight: bold;
	color: #bbbbbb;
}

.productImage {
	background: url(../images/productFrame.gif);
	float: left;
	width: 438px;
	height: 266px;
	padding: 15px;
	margin-top: 23px;
}

div#product-loader {
	margin-left: -200px;
}

#colorSelect {
	float: left;
	width: 450px;
	margin-left: 15px;
	margin-top: 11px;
}

#colorSelect h4 {
	font-size: 12px;
	font-weight: bold;
	color: #bbbbbb;
	text-transform: uppercase;
	float: left;
}

#colorSelect ul li {
	width: 40px;
	height: 10px;
	float: left;
	margin-left: 5px;
	text-indent: -9999px;
	margin-top: 1px;
}

#colorSelect ul li.grey {
	background: #b5b5b5;
}
#colorSelect ul li.black {
	background: #000000;
}
#colorSelect ul li.red {
	background: #e2111c;
}
#colorSelect ul li.blue {
	background: #145baf;
}


/*tabs */

@media projection, screen {
    .tabs-hide {
        display: none;
    }
}
@media print {
    .tabs-nav {
        display: none;
    }
}

#tabBox {
	float: left;
	margin-top: 41px;
	width: 480px;
}

ul.tabs-nav {
	float: left;
	width: 100%;
	border-bottom: 1px solid #c3c3c3;
	
}

ul.tabs-nav li {
	float: left;
	background: url(../images/tabLeft.png) top left no-repeat;
	display: block;
	padding-left: 2px;
	padding-right: 0;
	height: 19px;
	padding-top: 6px;
	cursor: pointer;
}

ul.tabs-nav li a {
	font-weight: bold;
	text-decoration: none;
	color: #2e2e2e;
}

ul.tabs-nav li a span {
	background: url(../images/tabRight.png) top right no-repeat;
	height: 20px;
	display: block;
	margin-bottom: 0;
	margin-top: -6px;
	padding: 5px 16px 0 8px;
	cursor: pointer;
}

/* hover state */
ul.tabs-nav li:hover {
	float: left;
	background: url(../images/tabLeft.png) no-repeat left -26px;
	display: block;
	padding-left: 2px;
	padding-right: 0;
	height: 19px;
	padding-top: 6px;
	cursor: pointer;
	margin-top: 0;
}

ul.tabs-nav li:hover span{
	background: url(../images/tabRight.png) no-repeat right -27px;
	height: 20px;
	display: block;
	margin-bottom: 0;
	margin-top: -6px;
	padding: 5px 16px 0 8px;
}

/* active state */
ul.tabs-nav li.tabs-selected a {
	color: #a62628;
}
ul.tabs-nav li.tabs-selected {
	background-position: 0 -54px;
}

ul.tabs-nav li.tabs-selected span{
	background: url(../images/tabRight.png) no-repeat right -54px;
	height: 20px;
	display: block;
	margin-bottom: 0;
	margin-top: -7px;
	padding: 5px 16px 0 8px;
}

.tabs-container {
	float: left;
	padding-left: 9px;
}

.tabs-container li {
	margin-top: 10px;
	padding-left: 10px;
}
.tabs-container p {
	margin-top: 10px;
}

strong {
	font-weight: bold;
}

/*sidebar */

#sidebar {
	float: left;
	margin-top: -200px;
	width: 300px;
	margin-left: 38px;
	margin-bottom: -175px;
}

#sidebar .return {
	background: url(../images/returnButton.png) top left;
	display: block;
	float: left;
	width: 299px;
	height: 51px;
}

.return h3 {
	float: left;
	margin-top: 17px;
	margin-left: 15px;
}
.return img {
	margin-top: -11px;
	margin-left: 21px;
}
a.return {
	color: #ce1b22;
	font-weight: bold;
	text-decoration: none;
}

#options {
	float: left;
	margin-top: 15px;
}

#options h4 {
	color: #bbbbbb;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0 10px;
}

#options select {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
}

#options label {
	font-weight: bold;
	font-size: 24px;
	margin-top: 15px;
	float: left;
	color: #444;
}
#options p {
	float: left;
}

#qty {
	width: 66px;
	height: 33px;
	border: 1px solid #555;
	font-weight: bold;
	font-size: 29px;
	text-align: center;
	margin: 12px;
	float: left;
}

#options span.price,
#options span.featured-price {
	font-size: 26px;
	float: left;
	color: #000000;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 26px;
}

a.addToCart {
	float: left;
	width: 310px;
	background: url(../images/btn_addToCart.gif) top left;
	height: 61px;
	text-indent: -9999px;
	display: block;
	margin-top: 25px;
}
a.addToCart:hover {
	background-position: bottom left;
}

#suggestions {
	float: left;
	margin-top: 56px;
}

#suggestions h3 {
	background: url(../images/suggested_bg.gif);
	width: 292px;
	height: 53px;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 0 0 8px;
	margin-bottom: 13px;
}

#suggestions h3 span {
	color: #8b8b8b;
	font-size: 14px;
	float: left;
	width: 135px;
}

#suggestions ul li {
	float: left;
	width: 300px;
	border-bottom: 1px dotted #8b8b8b;
	padding-bottom: 5px;
	padding-top: 5px;
}

#suggestions ul li img {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 15px;
}

#suggestions h5 {
	float: left;
	color: #111;
	text-decoration: none;
	font-weight: bold;
	width: 200px;
}

#suggestions span.price {
	font-size: 12px;
	color: #6b6a6a;
	padding-top: 5px;
	float: left;
	width: 200px;
	position: relative;
}

#suggestions a.moreInfo {
	background: url(../images/btn_moreInfo.gif) top left;
	width: 116px;
	height: 43px;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-left: -10px;
	margin-top: -4px;
}

#suggestions a.moreInfo:hover {
	background-position: bottom left;
}


/*slider page*/

#subHead {
	background: url(../images/defaultBanner.jpg);
	width: 869px;
	height: 182px;
	margin-top: -191px;
	margin-left: 77px;
	text-indent: -9999px;
	margin-bottom: 11px;
}

#subHead.distributor {
	background: url(../images/dealerSubHeader.jpg);

}

#subHead.noisereduction {
	background: url(../images/nrSubHeader.jpg);

}

#subHead.tipselector {
	background: url(../images/upgradeSubHead.jpg);

}

#subHead.securityindustrial {
	background:url("../images/securityindustrialSubhead.jpg") repeat scroll -19px -16px transparent;
}
	

#subHead.company {
	background: url(../images/companySubHeader.jpg);

}

#subHead.default {
	background: url(../images/defaultBanner.jpg);
}

#subHead.contact_us {
	background: url(../images/defaultBanner2.jpg);
}

#subHead.checkout_ue {
	background: url(../images/co_ue.jpg);
}

.location {
	float: left;
	text-align: center;
}
.location img {
	margin-left: 30px;
}

#tabBox h4 {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	width: 160px;
	clear: both;
	margin-top: 5px;
}

#tabBox h2 {
	font-weight: bold;
	font-size: 26px;
	margin-top: 26px;
}

.resellerList {
	float: left;
	width: 700px;
	padding-bottom: 30px;
	padding-top: 15px;
}

.resellerList ul li {
	width: 300px;
	float: left;
	color: #636363;
	margin-bottom: 25px;
	margin-top: -15px;
	margin-left: 35px;
}
#tabBox ul li ul li {
	padding: 0 0 7px 0;
	margin: 0;
}



#tabBox ul li ul li span {
	width: 70px;
	display: block;
	float: left;
}

#tabBox h3 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}


.tabClear {
	clear: both;
	background: url(../images/tabClear.png) no-repeat top left;
	width: 873px;
	height: 25px;
	margin-top: -75px;
}
.product-dialogbox {
	margin-left: -225px;
	margin-top: -300px;
}

/***** noise reduction earphones page *****/
.product-grid {
	width: 840px;
}

.product-row {
	width: 840px;
	text-align: center;
}

.grid40 {
	width: 40px;
	float: left;
}

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

p.product-link {
	font-weight: bold;
	margin-bottom: 25px;
	margin-top: 0px;
}

div.product-title {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 18px;
}


.clear40 {
	clear: both;
}

.centered {
	width: 130px;
	float: left;
}

/* ========== about page formatting ========== */

#about_content {
	width:564px;
	max-width:564px; 
	float: left;
	padding-left: 15px;
}

#about_content h2 {
	font-size: 20px;
	font-weight: bold;
}

#about_content p {
	padding-bottom: 10px;
}

.about_our_company_header{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
	border-bottom: 1px solid #ababab;
}
.about_subhead{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#585858;
	padding-bottom:10px;
}
.about_body{line-height:1.25em;}
.about_tab_subnav_table {

}
.about_tab_subnav_table td {
	padding: 0;
	margin: 0;
}
.about_tab{height:265px;min-height:265px;max-height:265px;overflow:hidden;}

table.article-list {
    padding-top: 20px;
}
.article-list td {
    padding-top: 10px;
    padding-left: 10px;
}
.article-list a:link,
.article-list a:active,
.article-list a:visited {
    color: #000;
    text-decoration: underline;
}
.article-list a:hover {
    background-color: #000;
    color: #fff;
}
div.article-header {
    text-align: left;
}
div.article-header h1 {
    font-size: 16px;
    padding-top: 20px;
}
a.article-item:link,
a.article-item:active,
a.article-item:visited {
    text-decoration: underline;
    color: blue;
}
a.article-item:hover {
    color: #ff0000;
}

/*** ABOUT NAV ***/
ul.about {
	margin-right: 20px;
	margin-top: 20px;
}

ul.about li {
	width: 265px;
	font-family: Helvetica, Tahoma, sans-serif;
}
ul.about li a:link,
ul.about li a:visited {
	color: #565656;
	font-weight: normal;
	font-size: 14px;
	display:block;
	height: 19px;
	width: 259px;
	background-image: url(../images/background_lines.png);
	background-repeat: no-repeat;
	padding: 10px 0 0 30px;
}
ul.about li a:hover {
	font-weight: bold;
	color: #af0618;
	text-decoration: none;	
	background-repeat: no-repeat;
	background-position: left;
}
ul.about li a.active {
	background-image: url(../images/background_selected.png);
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
}

/***** MODIFIED BY ANDY ON 5/4/09 *******/

.sep-line {
	margin: 5px 0 20px 0;
	border-bottom: 1px solid #ccc;
}

p.review-copy {
	line-height: 16px;
}

p.review-info1 {
	line-height: 14px;
}

p.review-info2 {
	line-height: 12px;
	color: #666;
}

#write-review {
	margin-top: 8px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #AC1B21;
}

.cart-model {
	font-style: italic; color: #999999; font-size: 11px;
}