﻿/*--------------------------------------------------
	 Product List Style Sheet (for version 8 browsers)

	 Version :   1.0
	 Creator :   Milo Liu
	 E-mail  :   Milo.Q.Liu@Newegg.com
--------------------------------------------------*/ 
/* main
--------------------------------------------------*/
#crumbNav {
	float: left;
	margin: 10px 0px 3px;
	width: 720px;
	font-size: 1.1em;
	>font-size: 11px;
	font-weight: bold;
}
/* productList */
#productList {
	position: relative;
	float: left;
	width: 720px;
	margin-top: 17px;
}
#productList dl.noBorder {
	border-bottom: 0;
}
#productList dd.detail h1 {
	height: 35px;
	font-size: 1em;
	>font-size: 12px;
}
#productList dd.detail h1 a {
	color: #1F4489;
}
#productList dd.detail h1 a:hover {
	color: #F07700;
	text-decoration: none;
}
#productList dd.price p {
	font-size: 1.1em;
	>font-size: 11px;
	line-height: 18px;
	clear: both;
}
#productList dd.price p font{
	font-size: 1.1em;
	>font-size: 11px;
}
#productList dd.price p a {
	color: #1F4489;
}
#productList dd.price p span {
	font-size: 1.25em;
	>font-size: 13px;
	font-weight: bold;	
}
#productList dd.price p span a {
	color: #333;
}
#productList dd.price p.merchant {
	height: 27px;
}
#productList dd.rating a span {
	float: left;
	margin-left: 8px;
	cursor: pointer;
	>font-size: 10px;
}
#productList dd.rating a:hover {
	text-decoration: none;
}
#productList dd.rating img {
	float: left;
	margin-right: 1px;
	display: inline; /* for ie6 below */ 
}
#productList dd.button a {
	width: 85px;
	height: 19px;
	background: url(http://c1.nemimage.com/Resource/WWW/Themes/2008/images/btnView.gif) no-repeat left top;
	display: block;
}
#productList dd.button a:hover {
	text-decoration: none;
	background: url(http://c1.nemimage.com/Resource/WWW/Themes/2008/images/btnView.gif) no-repeat left bottom;
}
#productList dd.button a.notify {
	background: url(http://c1.nemimage.com/Resource/WWW/Themes/2008/images/btnNotify.gif) no-repeat left top;
}
#productList dd.button a.notify:hover {
	background: url(http://c1.nemimage.com/Resource/WWW/Themes/2008/images/btnNotify.gif) no-repeat left bottom;
}
#productList dd.price p span.sales {
	font-weight: normal;
	font-size: 1em;
	color: #3C3C3C;
}
span.notify {
	width: 85px;
	height: 19px;
	background: url(http://c1.nemimage.com/Resource/WWW/Themes/2008/images/btnNotify.gif) no-repeat left top;
	display: block;
}
/* Product List Row View */
.viewRow dl {
	position: relative;
	float: left;
	width: 100%;
	height: 170px!important;
	height: 171px;/* for ie5.x */
	border-bottom: 1px solid #DCDCDE;	
}
.viewRow dt {
	float: left;
	margin: 17px 0 0 6px;
	display: inline; /* for ie6 below */	
}
.viewRow dd.detail {
	float: left;
	margin: 17px 0 0 17px;
	width: 300px;
	font-size: 1.2em;
	>font-size: 12px;
	display: inline; /* for ie6 below */
}
.viewRow dd.detail p {
	line-height: 1.32em;
}
.viewRow dd.price {
	float: right;
	margin: 21px 33px 0 0;
	color: #3D3D3D;
	text-align: right;
	display: inline; /* for ie6 below */
}
.viewRow dd.price h2 {
	font-size: 1.2em;
	>font-size: 12px;
	font-weight: normal;
}
.viewRow dd.rating {
	position: absolute;
	top: 140px;
	left: 32px;
}
.viewRow dd.button {
	position: absolute;
	top: 134px;
	right: 33px;
}
.viewRow dd.price span.rowSpan {
	float: left; 
	width: 216px;
}

/* Product List Grid View */
.viewGrid dl {
	position: relative;
	float: left;
	width: 50%;
	height: 221px!important;
	height: 223px;/* for ie5.x */
	border-bottom: 1px solid #DCDCDE;	
}
.viewGrid dt {
	float: left;
	margin: 17px 0 0 22px;
	display: inline; /* for ie6 below */	
}
.viewGrid dd.detail {
	position: absolute;
	top: 138px;
	left: 21px;
	width: 190px;
	font-size: 1.2em;
	>font-size: 12px;
}
.viewGrid dd.detail p {
	display: none;
}
.viewGrid dd.price {
	float: right;
	width: 110px;
	margin: 21px 49px 0 0;
	color: #3D3D3D;
	display: inline; /* for ie6 below */
}
.viewGrid dd.price h2 {
	font-size: 1.2em;
	>font-size: 12px;
	font-weight: normal;
	margin-bottom: 3px;
}
.viewGrid dd.price h2 span {
	float: left;
	width:100%;
}
.viewGrid dd.rating {
	position: absolute;
	top: 191px;
	left: 65px;
	width: 105px;
}
.viewGrid dd.button {
	position: absolute;
	top: 185px;
	right: 65px;
}
.viewGrid  #ratePrice
{
	float:right;
	/*padding-right:15px;*/		
}

/* searchResult */
#searchResult {
	float: left;
	margin-top: 14px;
	width: 720px;
	background: url(http://c1.nemimage.com/Resource/WWW/Themes/2008/images/bgResult.gif) repeat-x;
}
#searchResult h1 {
	font-size: 1.4em;
	background: url(http://c1.nemimage.com/Resource/WWW/Themes/2008/images/leftResult.gif) no-repeat left top;
}
#searchResult h1 span {
	padding: 16px 50px 19px 11px;
	font-weight: bold;
	background: url(http://c1.nemimage.com/Resource/WWW/Themes/2008/images/rightResult.gif) no-repeat right top;
	display: block;
}
#searchResult h1 span strong {
	color: #C10302;
	font-weight: bold;
}
#searchResult h2 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 50px 24px 11px;	
}
#searchResult h3 {
	font-size: 1.4em;
	margin: 0 50px 5px 11px;	
}
#searchResult p.subCrumbNav {
	font-size: 1.1em;
	margin: 0 50px 17px 11px;	
}
#searchTips {
	float: left;
	width: 720px;
	border-top: 1px solid #DCDCDC;
}
#searchTips h1 {
	margin: 25px 50px 20px 11px;
	font-size: 1.6em;	
}
#searchTips h2 {
	font-size: 1.4em;	
	margin: 0 50px 3px 11px;
}
#searchTips p {
	margin: 11px 50px 28px 11px;
	font-size: 1.2em;
}
#searchTips p.marginBottom {
	margin-bottom: 11px;
}
#notice {
	float: left;
	margin-top: 17px;
	padding:4px 9px 10px;
	color: #666;
	font-size: 1.1em;
	border: 1px solid #D4D4D4;
	width: 720px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 700px;
}
#notice {
	/* for ie5 */
}
#notice p {
	margin-left: 4px;
}
#notice p.top {
	padding-bottom : 4px;
	margin-left : 0px;
}
#searchSpan a {
	color: #1F4489;
}
