/* CSS Document */

* {margin: 0; padding: 0;}

/* body 
 ----------------------------------------------- */
 /* page properties */

/* commented backslash hack v2 \*/ 
html, body{
	height:100.1%;
	background-color: #fff;
	padding: 0;
	margin: 0;
} 

body {
	background-color: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	}
	
* html body {	font-family: Verdana, Arial, Helvetica, sans-serif;}

#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	min-height: 100%;
	}
	
a {
	color: #475b7f;
	text-decoration: none;
}

a:hover {
	color: #db3a1f;
	}
 
 /* header 
 ----------------------------------------------- */
#header {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 87px;
	background: url(_images/productsHeader.png) no-repeat;
} 


 
 
 /* structure 
 ----------------------------------------------- */
#cyberphoneBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/cyberphoneBanner.png) no-repeat;
	}
	
* html #cyberphoneBanner {margin: 0;}

#cyberphoneKBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/cyberphoneKBanner.png) no-repeat;
	}
	
* html #cyberphoneKBanner {margin: 0;}

#skypeCyberphoneKBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/skypeCyberphoneKBanner.png) no-repeat;
	}
	
* html #skypeCyberphoneKBanner {margin: 0;}

#cyberspeakerBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/Cyberspeaker copy.jpg) no-repeat;
	}
	
* html #cyberspeakerBanner {margin: 0;}

#uconnectBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/uconnectBanner.png) no-repeat;
	}
	
* html #uconnectBanner {margin: 0;}

#headsetBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/headsetBanner.png) no-repeat;
	}
	
* html #headsetBanner {margin: 0;}

#earbudBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/EarbudBanner.png) no-repeat;
	}
	
* html #earbudBanner {margin: 0;}

#MH56Banner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/MH56Banner.png) no-repeat;
	}
	
* html #MH56Banner {margin: 0;}

#PCSoundcardtelephoneBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/PCSoundcardtelephoneBanner.png) no-repeat;
	}
	
* html #PCSoundcardtelephoneBanner {margin: 0;}

#pcheadsetBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/pcheadsetBanner.png) no-repeat;
	}
	
* html #MiniheadsetBanner {margin: 0;}

#MiniheadsetBanner {
	margin: 54px 0 0 0;
	padding: 0;
	width: 760px;
	height: 147px;
	background: url(_images/MiniheadsetBanner.png) no-repeat;
	}
	
* html #MiniheadsetBanner {margin: 0;}



#content {
	margin: 0 auto;
	padding: 0 0 30px 0;
	background-color: #f7f5f5;
	min-height: 400px;
	}
	
* html #content {height: 100px;}
 
 
 /* nav 
 ----------------------------------------------- */
 
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 760px;
	height: 27px;
	}

#nav li {
	position: relative;
	float: left;
	margin: 0;
	list-style: none;
}

/* Styles for Menu Items */
#nav li a {
	font-size: 9px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	line-height: 26px;
	margin: 0 1px 0 0;
	padding: 0px;
	height: 27px;
	width: 100px;
	background: url(_images/button.gif) no-repeat;
	}
	
#nav li a:hover, #nav li a.active {background: url(_images/button.gif) no-repeat 0px -27px;}
	
	
#searchArea {
	margin: 0;
	padding: 0;
	height: 27px;
	width: 154px;
	background: url(_images/searchArea.png) no-repeat;
	}

/* sub nav */
#subNav {
	margin: 0 auto;
	padding: 1px 0 0 101px;
	list-style: none;
	float: left;
	width: 659px;
	height: 27px;
	}

#subNav li {
	position: relative;
	float: left;
	margin: 0;
	list-style: none;
}

/* Styles for Menu Items */
#subNav li a {
	font-size: 9px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	line-height: 26px;
	margin: 0 1px 0 0;
	padding: 0px;
	height: 27px;
	width: 100px;
	background: url(_images/buttonSub.gif) no-repeat;
	}
	
#subNav li a:hover, #subNav li a.active {background: url(_images/buttonSub.gif) no-repeat 0px -27px;} 
 
 
 /* headings and paragraphs 
 ----------------------------------------------- */
h1 {
	font-size: 16px;
	color: #db3a1f;
	font-weight: bold;
	margin: 0 auto;
	padding: 30px 0px 10px 30px;
	}
	
.usbTitle {
	margin: 60px 0 0 0;
	padding: 10px;
	color: #000000;
	font-size: 10px;
	}
	
* html .usbTitle {margin: 10px 0 0 0;}
	
h2 {
	font-size: 12px;
	color: #ffffff;
	height: 30px;
	margin: 30px;
	padding: 5px 0 0 5px;
	border-top: 2px solid #cccccc;
	background: url(_images/productTitle.gif) no-repeat;
	}

h3 {
	font-size: 12px;
	color: #db3a1f;
	margin: 10px 0 0 0;
	padding: 0 0 10px 30px;
	}
	
h4 {
	font-size: 12px;
	color: #666666;
	margin: 2px 0px 0 5px;
	padding: 0;
	}
	

	
p {
	font-size: 11px;
	color: #666666;
	margin: 0 150px 0 0;
	padding: 10px 0 10px 30px;
	}
	


#summary {
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	}
	
* html #summary {margin: 0;}

#summary p {
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#summary h2 {
	font-weight: 12px;
	color: #db3a1f;
	background-image: none;
	border: none;
	margin: 0;
	padding: 0;
	}
 
#productSummary p {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	background-color: #999999;
	text-align: center;
	}
 
 /* lists 
 ----------------------------------------------- */
#content ul {
	margin: 0 80px 0 40px;
	padding: 0;
	}
	
#content li {
	font-size: 10px;
	color: #666666;
	margin: 0;
	padding: 10px 0 0 0;
	} 

.list {
	display: block;
	padding: 50px;
	}

.list li {
 	list-style-type: none;
 	background: url(_images/bullet.gif) no-repeat center left;
 	margin-left: 17px;
 	}
	

#detail ul {
	list-style-type: none;
	margin: 20px;
	font-size: 10px;
	}
	
#detail li {
	background: url(_images/bullet.gif) no-repeat 0 50%;
	padding-left: 17px;
	margin: 0;
	}
	


 
 
 /* links 
 ----------------------------------------------- */
#cyberphonePreview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/cyberphonePreview.png) no-repeat;
	}
	
* html #cyberphonePreview {margin: 30px 0 0 10px;}
	
#cyberphonePreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#cyberphoneKPreview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/cyberphoneKPreview.png) no-repeat;
	}
	
* html #cyberphoneKPreview {margin: 30px 0 0 10px;}
	
#cyberphoneKPreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#skypeCyberphoneKPreview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/skypeCyberphoneKPreview.png) no-repeat;
	}
	
* html #skypeCyberphoneKPreview {margin: 30px 0 0 10px;}
	
#skypeCyberphoneKPreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#cyberspeakerPreview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/CyberspeakerPreview. copy.jpg) no-repeat;
	}
	
* html #cyberspeakerPreview {margin: 30px 0 0 10px;}
	
#cyberspeakerPreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#uconnectPreview {
	clear: both;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/uconnectPreview.png) no-repeat;
	}
	
* html #uconnectPreview {margin: 30px 0 0 10px;}
	
#uconnectPreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#headsetPreview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/usbHeadsetPreview.png) no-repeat;
	}
	
* html #headsetPreview {margin: 30px 0 0 10px;}

#headsetPreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}	
	
#earbudPreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#earbudPreview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/EarbudPreview.png) no-repeat;
	}
	
* html #earbudPreview {margin: 30px 0 0 10px;}
	
#MH56Preview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#MH56Preview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/MH56Preview.png) no-repeat;
	}
	
* html #MH56Preview {margin: 30px 0 0 10px;}

#PCSoundcardtelephonePreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#PCSoundcardtelephonePreview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/PCSoundcardtelephonePreview.png) no-repeat;
	}
	
* html #PCSoundcardtelephonePreview {margin: 30px 0 0 10px;}

#pcheadsetPreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#pcheadsetPreview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/pcheadsetPreview.png) no-repeat;
	}
	
* html #pcheadsetPreview {margin: 30px 0 0 10px;}

#MiniheadsetPreview p {
	margin: 0px 0 0 300px;
	padding: 20px 30px;
	color: #FFFFFF;
	width: 140px;
	}
	
#MiniheadsetPreview {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: 475px;
	height: 130px;
	background: url(_images/MiniheadsetPreview.png) no-repeat;
	}
	
* html #MiniheadsetPreview {margin: 30px 0 0 10px;}

 
 /* misc 
 ----------------------------------------------- */

	
/* inset images */

#inset1 {
	position: absolute;
	top: 570px;
	right: 60px;
	}
	
#inset2 {
	position: absolute;
	top: 690px;
	right: 60px;
	}
	
.productSmall {
	margin: -10px 0 0 50px;
	padding: 0;
	}
	
.productInfo {
	float: right;
	margin: -50px 20px 0 0;
	width: 450px;
	padding: 0;
	}
	
* html .productInfo {margin-top: -40px;}
	
/* teasers */
#box1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 132px;
	background: url(_images/productBox1.png) no-repeat;
	}
	
#box2 {
	float: left;
	margin:0;
	padding: 0;
	width: 260px;
	height: 133px;
	background: url(_images/productBox2.png) no-repeat;
	}
	
#box3 {
	float: left;
	margin:0;
	padding: 0;
	width: 250px;
	height: 132px;
	background: url(_images/productBox3.png) no-repeat;
	}
	
/* box positioning elements */
#box1 p {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	width: 140px;
	font-size: 10px;
	color: #999999;
	}
	
#box1 h2 {
	margin: 5px 0 0 10px;
	padding: 0;
	font-size: 10px;
	color: #000000;
	}


	
#box2 p {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	width: 170px;
	font-size: 10px;
	color: #999999;
	}
	
#box2 h2 {
	margin: 5px 0 0 10px;
	padding: 0;
	font-size: 10px;
	color: #000000;
	}


	
#box3 p {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	width: 120px;
	font-size: 10px;
	color: #999999;
	}
	
#box3 h2 {
	margin: 5px 0 0 10px;
	padding: 0;
	font-size: 10px;
	color: #000000;
	}


	
/* content detail */

#detail {
	margin: 0 auto;
	padding: 0 0 20px 0;
	background-color: #f7f5f5;
	min-height: 600px;
	}
	
html>body #detail #minheight {width:0px;float:right;height:600px;}
	
* html #detail {height: 600px;}

#detail h2 {
	font-size: 12px;
	color: #999999;
	height: 30px;
	margin: 30px;
	padding: 5px 0 0 5px;
	border: none;
	background: none;
	}
	
/* prices */

#prices {
	clear: both;
	float: left;
	margin: 20px 0 0 20px;
	padding: 0 0 5px 0;
	width: 200px;
	background-color: #E5E5E3;
	}
	
* html #prices {margin: 20px 0 0 10px;}
	
#prices h2 {
	margin: 0;
	padding: 5px 5px;
	height: 20px;
	color: #FFFFFF;
	background-color: #807C7D;
	}
	
dl {
	color: #666666;
	font-size: 10px;
	margin: 10px;
	}
	
dt {
	font-weight: bold;
	margin: 0 0 3px 0;
	}
	
#prices h4 {
	margin: 0 0 0 10px;
	font-size: 10px;
	}
	
/* OEM */

#oem {
	float: left;
	margin: 20px 0 0 25px;
	padding: 0 0 5px 0;
	width: 250px;
	background-color: #E5E5E3;
	}
	
* html #oem {margin: 20px 0 0 25px;}
	
#oem h2 {
	margin: 0;
	padding: 5px 5px;
	height: 20px;
	color: #FFFFFF;
	background-color: #807C7D;
	}
	
dl {
	color: #666666;
	font-size: 10px;
	margin: 10px;
	}
	
dt {
	font-weight: bold;
	margin: 0 0 3px 0;
	}
	
#oem h4 {
	margin: 0 0 0 10px;
	font-size: 10px;
	}
	
#oem p {
	margin: 10px;
	padding: 0;
	}
	
/* facts */
#facts {
	float: right;
	width: 200px;
	padding: 0;
	margin: 20px 20px 0 20px;
	background-color: #AAB1C3;
	}
	
* html #facts {margin: 20px 10px 0 10px;}

#facts h2 {
	height: 20px;
	margin: 0;
	padding: 5px;
	color: #FFFFFF;
	background-color: #DF533C;
	}
	
#facts ul {
	margin: 5px;
	padding: 5px;
	}
	
#facts li {
	font-size: 10px;
	background: url(_images/bullet.gif) no-repeat 0 3px;
	padding-left: 17px;
	padding-bottom: 3px;
	margin: 0;
	}
	
* html 	#facts li {background: url(_images/bullet.gif) no-repeat 0 5px;}
	
#box1, #box2, #box3 {
position:relative;
}
h5 {
position:absolute;
margin: 0 0 0 10px;
bottom:3px;
}


.skype {
	float: right;
	margin: 0px 360px 20px 0;
	padding: 0;
	}