/*-------------------------------------------------------------------
樣式表用途：GiniShop: activeDetail樣式表
作者：Chudapi 
瀏覽器版本：IE7
信箱：chudapi@gmail.com
-------------------------------------------------------------------*/	
/* primary 樣式設定開始
-------------------------------------------------------------------*/
	/* titleImage 樣式設定開始
	-------------------------------------------------------------------*/
	#titleImage {	
			margin: 10px 0;
	}			
	/* titleImage 樣式設定結束
	-------------------------------------------------------------------*/	
	/* orderWay 樣式設定開始
	-------------------------------------------------------------------*/
	#orderWay {	
			margin-bottom: 15px;
			width: 100%;
			text-align: right;
	}			
	/* orderWay 樣式設定結束
	-------------------------------------------------------------------*/	
	/* list 樣式設定開始
	-------------------------------------------------------------------*/
	#list {
			padding-top: 10px;
			padding-bottom: 40px; /* 讓#list和#countPage距離 設定下內距40px (IE)*/
			width: 100%;
	}
	#list table {
			width: 100%;
			border: 0;
	}
	#list td {
			padding-bottom: 20px;
	}
	#list ul {
			list-style: none;
	}
	#list li {
			float: left;
			width: 150px;
			margin: 0 15px 40px 15px; /* 讓#list和#countPage距離 設定下邊界40px (Firefox)*/
			text-align: center;	
			border: 1px solid #cccccc;
	}
	#list li p {
			color: #666666;	
	}
	#list li p a {
			color: #666666;
	}
	#list li p.productName {
			margin-top: 5px;
			padding: 2px 6px;
			/*background: #F2F2F2;*/
			background: #F2F2F2;
	}
	#list li p.productName a {
			color: #038E8A;
			text-decoration: none;
	}
	#list li p.productName a:hover {
			color: #A49568;
	}	
	#list li p.productBrand {
			padding: 2px 2px;
			background: #F2F2F2;			
			/*background: #E6E6E6;*/
	}
	#list li p.productBrand a {	
			color: #0071BC;
	}
	#list li p.productBrand a:hover {
			color: #A49568;	
	}
	#list li p.productPrice {
			padding: 2px 2px;
			font-size: 90%;
			background: #F2F2F2;			
			/*background: #CCCCCC;*/		
	}
	#list li p.add {	
			text-align: right;			
	}
	#list li p.add span.btnShort1 input {
			width: 70px;
			height: 20px;
			border: 0;
			background: url(../Images/WebLayout/shortSupplyIcon.png) top left no-repeat;						
	}
	#list li p.add span.btnShort2 input {
			cursor: pointer;
			width: 70px;
			height: 20px;		
			border: 0;
			background: url(../Images/WebLayout/shortSupplyIcon1.png) top left no-repeat;						
	}		
	#list li p.add span.btnFavorite1 input {
			width: 30px;
			height: 20px;
			border: 0;
			background: url(../Images/WebLayout/addIcon.png) top left no-repeat;						
	}
	#list li p.add span.btnFavorite2 input {
			cursor: pointer;	
			width: 30px;
			height: 20px;		
			border: 0;
			background: url(../Images/WebLayout/addIcon2.png) top left no-repeat;						
	}	
	#list li p.add span.btnFavorite3 input {	
			width: 30px;
			height: 20px;		
			border: 0;
			background: url(../Images/WebLayout/addIcon2.png) top left no-repeat;						
	}		
	#list li p.add span.btnFavorite1 input[disabled]{
			width: 30px;
			height: 20px;
			border: 0;
			background: url(../Images/WebLayout/addIcon.png) top left no-repeat;

	}	
	#list li p.add span.btnFavorite2 input[disabled]{
			cursor: pointer;	
			width: 30px;
			height: 20px;
			border: 0;
			background: url(../Images/WebLayout/addIcon2.png) top left no-repeat;
}	
	#list li p.add span.btnCart1 input {
			width: 30px;
			height: 20px;
			border: 0;
			background: url(../Images/WebLayout/cartIcon.png) top left no-repeat;						
	}
	#list li p.add span.btnCart2 input {
			cursor: pointer;	
			width: 30px;
			height: 20px;		
			border: 0;
			background: url(../Images/WebLayout/cartIcon.png) top left no-repeat;						
	}		
	/* list 樣式設定結束
	-------------------------------------------------------------------*/		
	/* countPage 樣式設定開始
	-------------------------------------------------------------------*/
	#countPage {
			width: 100%;
			text-align: center;
			margin-bottom: 180px;
	}
	#countPage a {	
			color: #999999;			
	}
	/* countPage 樣式設定結束
	-------------------------------------------------------------------*/
/* primary 樣式設定結束
-------------------------------------------------------------------*/
/* secondary 樣式設定開始
-------------------------------------------------------------------*/
	/* secondMenu 樣式設定開始
	-------------------------------------------------------------------*/
	#secondMenu {
			width: 100%;
	}
	/*
	.level1 {
			border-top: 1px solid #cccccc;	
	}
	.level1 a {
			display: block;
			width: 110px;
			padding:10px 0 10px 50px;
			color: #333333;
			background: url(../Images/WebLayout/secondMenu_a.png) top left no-repeat;		
	}
	.level1 a:hover {
			background: url(../Images/WebLayout/secondMenu_a_hover.png) top left no-repeat;			
	}	
	.level1Selected {
			border-top: 1px solid #cccccc;	
	}
	.level1Selected a {
			display: block;
			width: 110px;
			padding:10px 0 10px 50px;
			color: #333333;	
			background: url(../Images/WebLayout/secondMenu_a_nowarea.png) top left no-repeat;		
	}
	.level2 {

	}
	.level2 a {
			display: block;
			width: 100px;
			color: #999999;
			background: #ffffff;	
	}
	.level2Selected a {	
			color: #0071BC;	
	}
	*/
	#secondMenu ul {
			list-style-type: none;	
	}
	#secondMenu ul li {
			border-bottom: 1px solid #cccccc;
	}
	#secondMenu li a {
			display: block;
			width: 110px;
			height: 15px;
			padding:10px 0 10px 50px;
			color: #333333;
			background: url(../Images/WebLayout/secondMenu_a.png) top left no-repeat;				
	}
	#secondMenu li a:hover {
			color: #333333;
			background: url(../Images/WebLayout/secondMenu_a_hover.png) top left no-repeat;	
	}
	#secondMenu li a.nowarea {
			background: url(../Images/WebLayout/secondMenu_a_nowarea.png) top left no-repeat;
	}
	#secondMenu li.secondMenuTop {
			width: 160px;
			height: 35px;
			border-bottom: 2px solid #cccccc;			
			background: url(../Images/WebLayout/secondaryMenuTop_product.png) top left no-repeat;
	}
	#secondMenu li.secondMenuTop1 {
			width: 160px;
			height: 35px;
			border-bottom: 2px solid #cccccc;			
			background: url(../Images/WebLayout/secondaryMenuTop_CS.png) top left no-repeat;
	}	
	#secondMenu li.secondMenuTop2 {
			width: 160px;
			height: 35px;
			border-bottom: 2px solid #cccccc;			
			background: url(../Images/WebLayout/secondMenuTop_news.png) top left no-repeat;
	}	
	#secondMenu li.secondMenuBottom {
			width: 160px;
			height: 35px;		
			border: none;
			background: url(../Images/WebLayout/secondMenuBottom.png) top left no-repeat;
	}
	#secondMenu ul ul {
			padding: 0;		
			list-style-type: none;
			background: #ffffff;
	}	
	#secondMenu ul ul li {
			vertical-align:middle; /*垂直置中對齊*/
			border: 0;		
	}
	#secondMenu ul ul li a { 
			padding: 3px 0 3px 50px;
			color: #999999;
			background: none;
	}
	#secondMenu ul ul li a:hover {
			color: #0071BC;
			background: none;
	}	
	#secondMenu ul ul li.nowarea a {
			color: #0071BC;	
			background: none;
	}		
	/* secondMenu 樣式設定結束
	-------------------------------------------------------------------*/
	/* brandMenu 樣式設定開始
	-------------------------------------------------------------------*/
	#brandMenu {
			margin-top: 50px;
			width: 100%;
	}
	#brandMenu ul {
			list-style-type: disc;
	}
	#brandMenu li {
			margin-left: 30px;
	}
	#brandMenu li a {
			display: block;
			padding: 2px 5px;
			color: #999999;			
	}
	#brandTitle {	
			padding: 5px;
			border-bottom: 2px solid #cccccc;
			font-weight: normal;
			background: url(../Images/WebLayout/3x3E6E6E6.gif);
	}
	/* brandMenu 樣式設定結束
	-------------------------------------------------------------------*/		
/* secondary 樣式設定結束
-------------------------------------------------------------------*/