/*   
Job Name: Headphones.com
Author: Ian Parham
Author URI: http://www.headphones.com
Version: 0.1 Alpha	
*/


/****************************
 **   Contents
 ****************************
 
	* GENERAL
		- HTML Definitions
		
	* CONTAINERS		(Top-level page element styles)
		- Header
		- Main Content Areas
		- Footer
		- Product Page Columns
		- Product Gallery Display
		- Top Navigation
	* ELEMENTS
		- Cookie Crumbs
		- Side Navigation
		- Global Button
		- Login/Cart Display
		- Gallery Navigation

/****************************
 **   General
 ****************************/
/* ie.css */

/* HTML DEFINITIONS */

body {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*background-color: #292929;*/
	background-color: #bdbdbd;
	color: #222;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.2em;
	}

h1, h2, h3, h4 { 
	font-weight: normal;
	margin: 0 0 .5em 0;
	padding: 0;
	line-height: 1.2em;
	}

h1 { font-size: 2em; /* 10px x 2em = 20px */  }
h2 { font-size: 1.6em; /* 10px x 1.6em = 16px */ }
h3 { font-size: 1.4em; /* 10px x 1.4em = 14px */ }
h4 { font-size: 1.2em; /* 10px x 1.4em = 14px */ }

a,
a:link,
a:visited,
a:active {
	color: #114a9f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	}
p { 
	line-height: 1.4em;
	}

img { border: none; }

img.product_shot, a.product { border: 1px solid #bdbdbd;}

form {
	margin: 0;
	padding: 0;
	line-height: 1em;
	}

/* Orange Button*/

a.red-button-16,
a:link.red-button-16,
a:visited.red-button-16,
input.red-button-16,
input:link.red-button-16,
input:visited.red-button-16  {
	display: block;
	color: #fff;
	padding: 3px 5px;
	border: 2px solid #d03601;
	background-color: #ff5a00;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	}

a.red-button-16:hover,
input.red-button-16:hover {
	background-color: #d03601;
}

a.red-button-12,
a:link.red-button-12,
a:visited.red-button-12,
input.red-button-12,
input:link.red-button-12,
input:visited.red-button-12  {
	display: block;
	color: #fff;
	padding: 2px 3px;
	margin: 0;
	border: 2px solid #d03601;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
	background-color: #ff5a00;
	}

a:hover.red-button-12,
input:hover.red-button-12 {
	background-color: #d03601;
}


a.blue-button,
a:link.blue-button,
a:visited.blue-button,
input.blue-button,
input:link.blue-button,
input:visited.blue-button {
	display: block;
	color: #fff;
	padding: 5px 5px;
	padding: 5px 6px !important;
	margin: 0;
	border: 2px solid #114a9f;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	line-height: 12px;
	font-weight: normal;
	background-color: #3c6bb0;
	}

a.blue-button:hover,
input.blue-button:hover {
	background-color: #114a9f;
	}
/****************************
 **   CONTAINERS
 ****************************/

#newheader {
width: auto; height: 130px; background: url(/img/img_pho/global/bg_masthead.png) top center no-repeat; position: relative;
} 

#newheader #masthead {
width: 950px; height: 130px; position: relative; margin: 0 auto;
 }
#newheader .logo {
display: block; position: absolute; top: 30px; left: 10px;
}

#newheader .freeship {
	position: absolute; top: 33px; left: 400px;
}
 

 
 .oneColFixCtrHdr {
 	/*background: #292929 url(/img/img_pho/global/bg_body.png) repeat-y center;*/
	background-color: #eee;
	}
 
.oneColFixCtrHdr #container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}
.oneColFixCtrHdr #header {
	position: relative;
	background: url(/img/img_pho/global/bg_head.png) no-repeat top;
	height: 73px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0;
	clear: both;
}
.oneColFixCtrHdr #header .logo {
 	position: absolute;
	top: 20px;
	left: 10px;
	border: 0;
 }
.oneColFixCtrHdr #mainContent {
	margin: 0;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #fff;
}
.oneColFixCtrHdr #footer {
	padding: 10px 0 30px 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0;
	color: #ccc;
	background: #000;
	font-size: 1em;
	text-align: center;
	}
.oneColFixCtrHdr #footer div {
	height: 100%;
	padding: 15px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}

/* PRODUCT PAGE COLUMNS */

#content-container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0 0 15px 0;
	overflow: hidden;
	clear: both;
}
#content-container #left-column {
	float: left;
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
	margin: 0 0 0 15px;
	overflow: hidden;
}
#content-container #center-column {
	margin: 0 0 0 20px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 470px;
	float: left;
	
}
#content-container #right-column {
	float: right;
	margin: 0 15px 0 0;
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0; /* padding keeps the content of the div away from the edges */
}

#content-container #right-column-gallery {
	float: right;
	margin: 0 15px 0 0;
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0; /* padding keeps the content of the div away from the edges */
}

/* PRODUCT GALLERY DISPLAY */
#product-list {
	width: 470px;
	background:#fff;
}
#product-list #sort {
	width: 100%;
	background: #222;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#product-list #sort .label {
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	margin-right: 6px;
	padding: 5px 0 5px 10px;
}
#product-list #sort a.button {
	float: right;
	margin: 5px 10px;
	font-size: .8em;
	font-weight: normal;
}
#product-list #sort .jump-menu {
	line-height: 20px;
	height: 20px;
	float: left;
	margin: 5px 6px 5px 0;
	outline: none;
}
.product {
	padding: 15px 10px;
}
.product .image {
	float:left;
	margin:0;
}
.product .image .img-a {
	border: 1px solid #bdbdbd;
	overflow: hidden;
	display: block;
}
.product .price {
	float:right;
	width: 90px;
	margin:0;
	padding: 0;
}
.product .price div {
	font-size: 1.4em;
	color: #cc0202;
	margin: 0 0 .5em 0;
}
.product .price form {
	margin-top: 15px;
}
.product .info {
	margin:0 100px 0 105px;
	padding:0;
	min-height:100px;
}
.product .info h2 {
	padding: 0;
	border: none;
}
.product .info h2 a,
.product .info h2 a:link,
.product .info h2 a:active,
.product .info h2 a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin: 0 0 .2em 0;
	padding: 0;
	border: none;
}
.product .info h2 a:hover {
	text-decoration: underline;
}

.product .info .subhead {
	font-size: 1.2em;
	border: none;
}

/* ELEMENTS */

/* MAIN NAVIGATION */
#newheader #nav {
	 position: absolute;
	 top: 98px;
	 left: 1px;
	 width: 950px;
	 height: 32px;
	 padding: 0;
	 overflow: hidden;
	 }

#newheader #nav ul {
	margin: 0;
	padding: 0;
	}
#newheader #nav li {
	float: left;
	list-style: none;
	}
	
#newheader #nav li a {
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -500px;
	height: 32px;
	overflow: hidden;
	}

#newheader  li a#shop {
	width: 180px;
	background:  url(/img/img_pho/global/nav-sprite.png) no-repeat 0 0;
	}
#newheader #nav li a#shop:hover {
	background:  url(/img/img_pho/global/nav-sprite.png) no-repeat 0 -32px;
	}
	
#newheader #nav li a#guide {
	width: 225px;
	background:  url(/img/img_pho/global/nav-sprite.png) no-repeat  -180px 0;
	}
#newheader #nav li a#guide:hover {
	background:  url(/img/img_pho/global/nav-sprite.png) no-repeat  -180px -32px;
	}
#newheader #nav li a#about {
	width: 226px;
	background:  url(/img/img_pho/global/nav-sprite.png) no-repeat -405px 0;
	}
#newheader #nav li a#about:hover {
	background:  url(/img/img_pho/global/nav-sprite.png) no-repeat -405px -32px;
	}

#newheader #nav li a.current {
	}


/* SEARCH */
#header #globalsearch {
	position: absolute;
	top: 38px;
	right: 15px;
	background: url(/img/img_pho/global/bg_search.png) 0 0 no-repeat;
	}
	
#newheader #globalsearch {
	position: absolute;
	top: 45px;
	right: 15px;
	background: url(/img/img_pho/global/bg_search.png) 0 0 no-repeat;
	}


#newheader label.search {
	position: absolute;
	color: #fff;
	top: 53px;
	left: 575px;
	font-size: 14px;
 }

#center-column #globalsearch {
	position: relative;
	clear: right;
}
input.search {
	width: 255px;
	float: left;
	border: none;
	margin: 0;
	padding: 6px;
	font-size: 14px;
	line-height: 14px;
	outline: none;
	background: none;
	}
#center-column input.search {
	width: 259px;
	height: 20px;
	float: left;
	margin: 0;
	margin: 0 5px 0 0 !important;
	padding: 10px 0 0 0;
	padding: 4px 0 2px 0 !important;
	text-indent: 10px;
	font-size: 14px;
	line-height: 14px;
	outline: none;
	background: url(/img/img_pho/global/bg_search.png) top no-repeat;
	}
input.searchsubmit {
	float: left;
	border: none;
	}
label.search {
	position: absolute;
	color: #fff;
	top: 45px;
	left: 575px;
	font-size: 14px;
 }

/* COOKIE CRUMBS */

.crumbs {
	clear: both;
	margin: 0;
	padding: 15px 15px;
	width: 920px;
	}
.crumbs li {
	display: inline;
	}
.crumbs li a, .crumbs li a:link, .crumbs li a:visited, .crumbs li a:visited {
	padding: 0;
	margin: 0;
	overflow: hidden; 
}

/* SIDE NAVIGATION */
.sidenav {
	position: relative;
	margin: 0;
	padding: 0;
	width: 160px;
	font-size: 1em;
	line-height: 1.2em;
}
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav h3 {
	display: block;
	width: 148px !important;
	width: 158px;
	padding: 5px 5px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	/* These border style get replace to mathc caterogry themes */
	background-color: #333333;
	border-top: 1px solid #666;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	border-left: 1px solid #666;
}
.sidenav li {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	}

.sidenav li a, .sidenav li a:link, .sidenav li a:visited, .sidenav li a:hover  {
	color: #000;
	display: block;
	margin: 0;
	padding: 10px 5px;
	text-decoration: none;
	background-color: #eee;
	border-top: 1px solid #f7f7f7;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	cursor: pointer;
}
.sidenav li a:hover {
	color: #114a9f;
	background-color: #f7f7f7;
}

.sidenav li a.current, .sidenav li a.current:link, .sidenav li a.current:visited, .sidenav li a.current:hover  {
	color: #114a9f;
	background-color: #fff;
	}

.sidenav li a span {
	line-height: 12px;
	font-size: 15px;
	font-weight: bold;
	}
.sidenav li a strong{
	font-weight: normal;
	}
/* INDEX BILLBOARD */

#billboard {
	clear: both;
	margin: 0;
	padding: 15px;
	background: url(http://images.headsets.com/img/pho/index/banners/sr60i-ipodtouch-crn.jpg) center no-repeat;
	height: 270px;
	color: #000;
	position: relative;
	border-bottom: 1px solid #1a1a1a;
	font-size: 14px;
	}

/* Gallery Split Billboard */

#billboard-3quarter {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(/img/img_pho/index/bg_billboard_gal.jpg) top right no-repeat;
	height: 270px;
	color: #000;
	position: relative;
	border: 1px solid #333;
	width: 739px;
	font-size: 14px;
	}

#billboard-3quarter p {
	width: 500px;
	position: absolute;
	top: 45px;
	left: 30px;
	margin: 0 0 0 0px;
	}

#billboard-3quarter ul {
	position: absolute;
	top: 115px;
	left: 30px;
	margin: 0;
	padding: 0;
}

#billboard-3quarter ul li {
	margin: 0 0 5px 15px;
	padding: 0;
	list-style-type: square;
}

#billboard-3quarter .stars {
	position: absolute;
	width: 450px;
	top: 175px;
	left: 30px;
	}

#billboard-3quarter .price {
	position: absolute;
	width: 450px;
	top: 195px;
	left: 30px;
	font-size: 14px;
	}

#billboard-3quarter .price span {
	color: green;
}
 
#billboard-3quarter .buttons {
	width: 450px;
	position: absolute;
	top: 220px;
	left: 30px;
}


#billboard-3quarter  .linked-area {
	position: absolute;
	display: block;
	top: 10px;
	left: 500px;
	height: 280px;
	width: 450px;
	}

#billboard-3quarter h1 {
	position: absolute;
	top: 20px;
	left: 30px;
	font-size: 24px;
	width: 450px;
	margin: 0;
	padding: 0;
	font-weight: 700;
}
/* End Gallery Split Billboard */

#billboard p {
	width: 570px;
	position: absolute;
	top: 55px;
	left: 50px;
	margin: 0 0 0 0px;
	}

#billboard ul {
	position: absolute;
	top: 100px;
	left: 50px;
	margin: 0;
	padding: 0;
}

#billboard ul li {
	margin: 0 0 5px 15px;
	padding: 0;
	list-style-type: square;
}

#billboard .stars {
	position: absolute;
	width: 450px;
	top: 165px;
	left: 50px;
	}

#billboard .price {
	position: absolute;
	width: 450px;
	top: 190px;
	left: 50px;
	font-size: 14px;
	}

#billboard .price span {
	color: green;
}
 
#billboard .buttons {
	width: 450px;
	position: absolute;
	top: 220px;
	left: 50px;
}


#billboard  .linked-area {
	position: absolute;
	display: block;
	top: 10px;
	left: 500px;
	height: 280px;
	width: 450px;
	}

#billboard h1 {
	position: absolute;
	top: 25px;
	left: 50px;
	font-size: 24px;
	width: 450px;
	margin: 0;
	padding: 0;
	font-weight: 700;
}

.index-prod-grid {
	width: 741px;
	border-top: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	overflow: hidden;
	margin-bottom: 15px;
	}

.index-prod-grid .grid-item {
	position: relative;
	width: 369px;
	height: 180px;
	border-bottom: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	float: left;
	}	
	
.index-prod-grid .grid-item-3 {
	position: relative;
	width: 246px;
	height: 260px;
	border-bottom: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	float: left;
	}	

.grid-item-3 .img-a {
	position: absolute;
	top: 15px;
	left: 83px;
	}

.grid-item-3 .grid-item-copy {
	position: absolute;
	width: 226px;
	top: 100px;
	left: 10px;
	
	}

.grid-item-3 .grid-item-copy .blue-button {
	position: absolute;
	top: 105px;
	left: 0;
	}

.grid-item .img-a {
	position: absolute;
	top: 30px;
	left: 35px;
	}

.grid-item .rating {
position: absolute; top: 125px; left: 12px; text-align: center; width: 130px;
}

.grid-item img {
	border: none;
	}

.grid-item-copy {
	position: relative;
	width: 200px;
	float: right;
	margin: 15px;
	}

.grid-item-copy p {
margin: 5px 0;
}

.grid-item-copy .blue-button {
	position: absolute;
	top: 120px;
	left: 0;
	}

.grid-item-copy .red-button-12 {
	position: absolute;
	top: 120px;
	left: 90px;
	}

.grid-item-copy h4 {
 margin: 0 0 5px 0; padding: 0;
}

.grid-item-copy h4 a {
 font-weight: normal; color: #000;
}

.grid-item-copy .price {
margin: 10px 0; color: #000;
}

.grid-item-copy .price span {
color: #006600;;
}

.section-head {
	width: 740px;
	margin: 0;
	text-indent: 10px;
	padding: 5px 0px;
	background-color: #333;
	color: #fff;
	border-top: 1px solid #666;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	font-size: 14px;
}
	
.index-links {
	position: relative;
	margin: 20px 0;
	min-height: 95px;
}
.index-links h3 {
	color: #000;
}
.index-links ul {
	position: absolute;
	display: block;
	width: 215px;
	margin: 0;
	padding: 0;
}

.index-links li {
	list-style: square;
	padding: 3px 0;
	margin: 0 0 0 15px;
	font-size: 1.2em;
	line-height: 1.3em;
}

.index-links #products {
	top: 0;
	left: 15px;
}
.index-links #articles {
	top: 0;
	left: 250px;
}
.index-links #resources {
	top: 0;
	left: 485px;
}
.index-links #other {
	top: 0;
	left: 720px;
}

.index-products {
	position: relative;
	margin: 20px 0;
	min-height: 210px;
}
.index-products h2 {
	position: absolute;
	top: 10px;
	left: 15px;
	color: #000;
}
.index-products ul {
	position: absolute;
	display: block;
	width: 215px;
	margin: 0;
	padding: 0;
}

.index-products li {
	list-style: none;
	font-size: 1.2em;
	line-height: 1.3em;
}
.index-products li img {
	border: 1px solid #000;
}
.index-products #headphone-one {
	top: 40px;
	left: 15px;
}
.index-products #headphone-two {
	top: 40px;
	left: 250px;
}
.index-products #headphone-three {
	top: 40px;
	left: 485px;
}
.index-products #headphone-four {
	top: 40px;
	left: 720px;
}

/* PRODUCT PAGES */

#content-container #center-column h1 {
	padding: 0;
	margin: 0;
	color: #000;
	font-weight: bold;
	border-bottom: 0;
	}
#content-container #center-column h2 {
	font-size: 1.2em;
	padding: 0 0 .5em 0;
	color: #000;

	}
#content-container #center-column h3 {
	font-size: 1.8em;
	padding: 0 0 .2em 0;
	margin: 0 0 .5em 0;
	border-bottom: 1px solid #bdbdbd;
	color: #000;
	}
#content-container #center-column h4 {
	font-weight: bold;
	padding: 0 0 .5em 0;
	margin:0;
	color: #000;
	}
#content-container #center-column strong {
	color: #000;
	display: block;
	margin: 0;
	padding: 0;
	}
#content-container #center-column .reviews {
	margin: 0 0 1em 0;
	padding: 0;
	}
#content-container #center-column .reviews p div {
	margin: 0 0 0 0;
	padding:  0;
		}
#content-container #right-column h3 {
	font-size: 1.8em;
	padding: 0 0 .2em 0;
	margin: 0 0 .5em 0;
	border-bottom: 1px solid #bdbdbd;
	color: #000;
	}
#content-container #right-column img.brand {
	margin: 0 0 1.8em 0;
	padding:  0;
	}
#content-container #right-column .thumbs {
	margin: .5em 0 1.8em 0;
	padding:  0;
	}
#content-container #right-column .thumbs img {
	border: 1px solid #bdbdbd;
	}
#content-container #right-column .video {
	margin: 0 0 1.8em 0;
	padding:  0;
	z-index: -1000;
	}
#content-container #right-column .addthis {
	margin: 0 0 1.8em 0;
	padding:  0;
	z-index: 1000;
	}
#content-container #right-column .price {
	margin: 0 0 1.8em 0;
	padding:  0;
	font-size: 1.2em;
	}
#content-container #right-column .price span {
	font-size: 1.4em;
	font-weight: bold;
	font-height: 1.4em;
	}

#content-container #center-column ul.shortcuts {
	margin: 0;
	padding: 0;
	width: auto;
	overflow: hidden;
}

#content-container #center-column ul.shortcuts li {
	list-style: none;
	margin: 0 0 1.8em 0;
	padding: 0;
	float: left;
	}

#content-container #center-column ul.shortcuts li a,
#content-container #center-column ul.shortcuts li a:link,
#content-container #center-column ul.shortcuts li a:visited,
#content-container #center-column ul.shortcuts li a:active {
	margin: 0;
	padding: 0 8px 0 8px;
	border-right: 1px solid #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 12px;
	}

#content-container #center-column ul.shortcuts li a.last,
#content-container #center-column ul.shortcuts li a.last:link,
#content-container #center-column ul.shortcuts li a.last:visited,
#content-container #center-column ul.shortcuts li a.last:active {
	border: none;
	padding-right: 0;
}

#content-container #center-column ul.shortcuts li a.first,
#content-container #center-column ul.shortcuts li a.first:link,
#content-container #center-column ul.shortcuts li a.first:visited,
#content-container #center-column ul.shortcuts li a.first:active {
	padding-left: 0;
}

#content-container #center-column ul.shortcuts li a:hover {
	text-decoration: underline;
	}

#content-container #center-column .reviews h4 {
	margin-bottom: 0;
	padding: 0;
	}

#content-container #center-column .reviews p {
	margin: 0;
	padding: 0;
	}	
	
.prodBox {
	padding: 15px;
	background-color: #f7f7f7;
	border-top: 1px solid #bdbdbd;
	margin-bottom: 1.8em;
}
.prodBox .price {
	text-align: left;
	font-size: 12px;
}
.prodBox .strike {
	text-decoration:line-through;
	color: #555;
}
.prodBox .price div {
	color: #000;
	font-weight: normal;
	font-size: 18px;
	line-height: 1;
	text-align: left;
}
.prodBox .savings {
	text-align: left;
}
.prodBox .savings div {
	color: #006600;
	font-weight: normal;
	text-align: left;
}
.prodBox .stock {
	color: #006600;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.prodBox .deliveryNote {
	font-size: 12px;
	margin-bottom: 5px;
}

#content-container ul.features,
#content-container ul.specs {
	line-height: 1.2em;
	margin: 0 0 1.8em 0;
	padding:  0;
	}
#content-container ul.features li,
#content-container ul.specs  li {
	list-style: square;
	margin: 0 0 .3em 1.3em;
	padding:  0;
	}
#content-container ul.specs li span {
	color: #000;
	font-weight: bold;
	}


/* Gallery Page Navigation */

.pages {
	margin: 15px 0;
	}
#center-column .pages ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#center-column .pages li {
	list-style: none;
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
}
#center-column .pages li.current {
	list-style: none;
	text-decoration: none;
	padding: 3px 5px;
	background-color: #f0f0f0;
	border: 1px solid #bdbdbd;
	color: #cc6600;
	font-size: 14px;
	line-height: 1em;
}
#center-column .pages li a,
#center-column .pages li a:link,
#center-column .pages li a:visited,
#center-column .pages li a:active {
	text-decoration: none;
	padding: 3px 5px;
	background-color: #f0f0f0;
	border: 1px solid #bdbdbd;
	font-size: 14px;
	line-height: 1em;
	display: block;
}
#center-column .pages li a:hover {
	background-color: #f7f7f7;
}

/* begin gallery styles*/

.galqty {
	color: #114A9F;
}
.galprodprice {
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.galsub {
	border:2px solid #d9e1e8;
	padding:5px;
	background-color: #f2f5f7;
}
.galsave {
	color: #038a07;
	text-decoration: none;
	padding: 5px 0 10px 0;
	font-weight: normal;
}
.galform {
	margin: 0;
	padding: 3px 0 5px 0;
}
.galview {
	height: 20px;
	width: 68px;
	font-size: 10px;
	color: #fff;
	background-color: #036;
	border-top: 1px solid #004d99;
	border-right: 1px solid #001a33;
	border-bottom: 1px solid #001a33;
	border-left: 1px solid #004d99;
}
.galadd {
	height: 20px;
	width: 68px;
	font-size: 10px;
	color: #fff;
	background-color: #CC6600;
	border-top: 1px solid #ff7f00;
	border-right: 1px solid #994c00;
	border-bottom: 1px solid #994c00;
	border-left: 1px solid #ff7f00;
}
.galcomp {
	height: 20px;
	width: 68px;
	font-size: 10px;
	color: #fff;
	background-color: #114A9F;
	border-top: 1px solid #0073e5;
	border-right: 1px solid #004080;
	border-bottom: 1px solid #004080;
	border-left: 1px solid #0073e5;
}
.gal-bullets {
	display: block;
	margin: 0px 0 2px 15px;
	padding: 0;
	list-style-position:outside;
}
#product-list {
	width: 545px;
	margin-top: 0px;
	border: 1px solid #bdbdbd;
	overflow: hidden;
	background:#f8f8f8 url(/img/img_pho/global/compare.gif) right repeat-y;
}
#product-list #sort {
	width: 100%;
	background:#d7dde6 url(/img/img_pho/global/bg_compare.png) right no-repeat;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#product-list #sort .label {
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 6px;
	padding: 5px 0 5px 10px;
	color: #000;
}
#product-list #sort a.button {
	float: right;
	margin: 5px 10px;
}
#product-list #sort .jump-menu {
	line-height: 20px;
	height: 20px;
	float: left;
	margin: 5px 6px 5px 0;
	outline: none;
}
.product {
	width: 100%;
	clear: right;
	overflow: hidden;
	border-top: 1px solid #bdbdbd;
	padding: 15px 0 15px 5px;
}
.product .image {
	float:left;
	text-align:center;
	font-size: 10px;
	margin:0px 15px 0 5px;
}
.product .image .img-a {
	border: 1px solid #bdbdbd;
	overflow: hidden;
	display: block;
	vertical-align: middle;
}
.product .compare {
	float:right;
	clear:none;
}
.product .compare input {
	margin: 30px 10px 0 0;
}
.product .price {
	float:right;
	width:120px;
	margin:0 5px 20px 10px;
}
.product .price a.view-a {
	margin-bottom: 3px;
}
.product .price div {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
.product .price span {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #038a07;
}
.product .price form {
	margin-top: 15px;
}
.product .info {
	margin:0px 160px 0px 110px;
	border-left:#e7e7e7 solid 1px;
	border-right:#e7e7e7 solid 1px;
	padding:0 15px;
	font-size: 14px;
}

#content-container #center-column .product .info h2 {
	line-height: 16px;
	margin: 0 0 .2em 0;
	padding: 0;
	}
	
.product .info ul {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 12px;
	list-style: disc;
}
.product .info li {
	margin: 0 0 0 15px;
}
.product .info .buttonBlue,
.product .info .buttonBlue:link,
.product .info .buttonBlue:hover,
.product .info .buttonBlue:visited,
.product .info .buttonBlue:active {
	margin: 10px 0 0 0;
}
/* Gallery filter*/

#filterRem {
	width: 100%;
 *height: 20px;
	padding: 10px 0;
}
#filterRem li {
	margin:0 0 0px 0;
	float:left;
}
#filterRem ul {
	float:left;
	list-style: none;
	margin: 0;
}
#filterRem strong {
	float:left;
	line-height: 16px;
	margin:0 6px 0 0;
}
a.filterButton, a.filterRemButton, a.filterButton:link, a.filterButton:visited, a.filterButton:hover, a.filterButton:active a.filterRemButton:link, a.filterRemButton:visited, a.filterRemButton:hover, a.filterRemButton:active {
	color:#333333;
	text-decoration:none;
}
a.filterButton, a.filterRemButton {
	float:left;
	display:block;
	margin:0 10px 0 0;
}
a.filterButton, a.filterButton b {
	height:16px;
	background:url(/img/hds2/buttons/b_sliding-filter.png) top left no-repeat;
}
a.filterRemButton, a.filterRemButton b {
	height:16px;
	background:url(/img/hds2/buttons/b_sliding-filter.png) top left no-repeat;
}
a.filterButton b, a.filterRemButton b {
	background-position:bottom right;
	font:92% Verdana, Arial, Helvetica, sans-serif;
	padding:0 25px 0 0;
	position:relative;
	left:2px;
	margin:0 0 0 6px;
	display:inline;
	float:left;
	line-height: 16px;
	cursor:pointer;
}

/* end gallery styles */

/* Begin Gallery Navigation */

#gal-nav {
	border: 1px solid #bdbdbd;
	position: relative;
	margin: 0;
	padding: 0;
	width: 158px !important;
	width: 160px;
	font-size: 1em;
	line-height: 1.2em;
	background-color: #f2f5f7;
}

#gal-nav h3 {
	display: block;
	width: 148px !important;
	width: 158px;
	padding: 5px 5px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	background-color: #333333;
	border-top: 1px solid #666;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	border-left: 1px solid #666;
	}

#gal-nav h4 {
	display: block;
	padding:5px;
	margin: 0;
	color: #000;
	text-decoration: none;
	font-size: 1.2em;
	}

#gal-nav .filters {
	background-color: #fff;
	border: 1px solid #bdbdbd;
	border-width: 1px 0;
	margin: 15px 0 5px 0;
	}

#gal-nav ul {
	padding: 5px 5px;
	list-style: none;
	margin: 0;
}

#gal-nav ul li {
	margin: 0 0 10px 0;
	}

#gal-nav ul h5 {
	display: block;
	color: #555;
	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
	margin: 0;
	padding: 0;
	}

#gal-nav li ul {
	margin: 0 0 0 5px;
	padding: 0;
	}

#gal-nav li ul li {
	padding: 0;
	margin: 0 0 3px 0;
	}
	
/* GLOBAL BUTTON */
a.button, a.button:link, a.button:hover, a.button:visited {
	background: transparent url(http://images.headsets.com/img/hds2/buttons/red-slider-rt.png) no-repeat scroll top right;
	display: block;
	float: left;
	height: 20px;
	padding-right: 5px;
	text-decoration: none;
	border: none;
}
a.button span {
	background: transparent url(http://images.headsets.com/img/hds2/buttons/red-slider-lt.png) no-repeat;
	color: #ffffff;
	display: block;
	font-size: 1.2em;
	line-height: 1em;
	padding: 4px 5px 4px 10px;
}
a.button:active {
	background: transparent url(http://images.headsets.com/img/hds2/buttons/red-slider-rt-on.png) no-repeat scroll top right;
	outline: none;
}
a.button:active span {
	background: transparent url(http://images.headsets.com/img/hds2/buttons/red-slider-lt-on.png) no-repeat;
	color: #fbfbfb;
	padding: 5px 5px 3px 10px;
}

/* CART DISPLAY / ACCOUNT LOGIN */

#newheader .login {
	position: absolute;
	top: 98px;
	right: 0px;
	color: #000;
	padding: 9px 100px 9px 0;
	background: url(/img/img_pho/global/bg_cart_wht.png) left bottom no-repeat;
	margin: 0;
	overflow: hidden;
	z-index: 1000;
	}

#newheader .viewcart {
	position: absolute;
	top: 104px;
	right: 15px;
	color: #000;
	padding: 0;
	background: url(/img/img_pho/global/bg_cart_wht.png) left bottom no-repeat;
	margin: 0;
	overflow: hidden;
	z-index: 1000;
	}

#newheader .login a,
#newheader .login a:link,
#newheader .login a:visited {
	color: #000;
	text-decoration: underline;
}
#newheader .login a:hover {
	color: #000;
	text-decoration: underline;
}

/* Index MFR Logo Banner */

#mfr-links {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #000;
	border-top: 1px solid #4d4d4d;
	}

#mfr-links li {
padding: 0;
margin: 0;
height: 50px;	list-style: none;
	float: left;
	}

/*Featured Product*/
#right-column-gallery .featured {
width: 180px;
background-color: #f2f2f2;
}

#right-column-gallery .featured h3 {
	display: block;
	padding: 5px 5px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	/* These border style get replace to mathc caterogry themes */
	background-color: #333333;
	border-top: 1px solid #666;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	border-left: 1px solid #666;

}

/* Category Icons */

#cat-icons {
	margin: 0 0 15px 0;
	padding: 0;	
	overflow: hidden;
	width: 741px;
	}
#cat-icons li {
	margin: 0;
	padding: 0;
	width: 123px;
	list-style: none;
	float: left;
	}
#cat-icons li.last {
	width: 125px;
	border-right: 1px solid #bdbdbd;
	}
#cat-icons li a,
#cat-icons li a:link,
#cat-icons li a:active,
#cat-icons li a:visited {
	display: block;
	padding: 0;
	margin: 0;
	height: 145px;
	text-indent: -400px;
	overflow: hidden;
	text-decoration: none;
	background: url(/img/img_pho/index/categories.jpg) 0 -145px no-repeat;
	}

#cat-icons li a:hover {
	background: url(/img/img_pho/index/categories.jpg) 0 0 no-repeat;
	}
#cat-icons li a.full {
	background-position: -123px -145px;
	}
#cat-icons li a.full:hover {
	background-position: -123px 0;
	}
#cat-icons li a.wireless {
	background-position: -369px -145px;
	}
#cat-icons li a.wireless:hover {
	background-position: -369px 0px;
	}	
#cat-icons li a.portable {
	background-position: -246px -145px;
	}
#cat-icons li a.portable:hover {
	background-position: -246px 0;
	}
#cat-icons li a.earphones {
	background-position: -492px -145px;
	}
#cat-icons li a.earphones:hover {
	background-position: -492px 0;
	}
#cat-icons li a.amps {
	background-position: -615px -145px;
	border-right: #bdbdbd;
	}
#cat-icons li a.amps:hover {
	background-position: -615px 0;
	}