/*
	A Better Blogroll
	by Chris Coyier
	http://css-tricks.com
*/



/*
	WIDGET STRUCTURE
*/
#SecondRowContainer  { 
	width: 940px; 
	margin: 0px auto;
	/*background: url(../images/widget-bottom-bg.jpg) 7px bottom no-repeat;*/
	/*padding-bottom: 50px; */
	position: relative;
	border-top: 3px solid #f93599;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

#blogSlider {
	padding: 25px 18px 20px 18px;
	/*width: 940px;�n�����ݭn*/
	/*background: url(../images/widget-middle-bg.jpg) center center repeat-y;*/
}
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { 
	float: left; 
	position: relative; 
	width: 940px;
}
.stripNav  { 
	/*margin-left: 22px;*/ 
	position: relative; 
	/*top: 18px; */
	z-index: 99;
	width: 940px !important;
}
.wrapper 							{ padding: 0px; position: relative; }
.innerWrap { 
	width: 900px; 
	overflow: hidden; 
}
#push 								{ height: 35px; }


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 37px; text-indent: -9999px; margin-right: 1px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li a {
	border: 1px solid #e7e7e7;
	border-top: none;
}
.stripNav li.tab1 a { background: #eeeeee url(../images/SecondRowTab1.jpg) bottom center no-repeat; width: 232px; }
.stripNav li.tab2 a { background: #eeeeee url(../images/SecondRowTab2.jpg) bottom center no-repeat; width: 232px; }
.stripNav li.tab3 a { background: #eeeeee url(../images/SecondRowTab3.jpg) bottom center no-repeat; width: 232px; }
.stripNav li.tab4 a { background: #eeeeee url(../images/SecondRowTab4.jpg) bottom center no-repeat; width: 232px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; background-color: #ffffff; }

/* It is neccessary to repeat the image paths here */
.stripNav li a.current {
	border: 1px solid #ffffff;
	border-top: none;
}
.stripNav li.tab1 a.current { background: #ffffff url(../images/SecondRowTab1.jpg) top center no-repeat; }
.stripNav li.tab2 a.current { background: #ffffff url(../images/SecondRowTab2.jpg) top center no-repeat; }
.stripNav li.tab3 a.current { background: #ffffff url(../images/SecondRowTab3.jpg) top center no-repeat; }
.stripNav li.tab4 a.current { background: #ffffff url(../images/SecondRowTab4.jpg) top center no-repeat; }


/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{ display: block; position: absolute; width: 75px; 
							 		  height: 22px; text-indent: -9999px; }
.stripNavL a						{ bottom: 35px; left: 45px; background: url(../images/previous.png); }
.stripNavR a 						{ bottom: 35px; right: 45px; background: url(../images/next.png);
}


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 900px; }
.panel ul li a 						{ display: block;/*border-bottom: 1px solid #C1B599; color: #303030;
						  		  	  display: block; padding: 7px 10px;*/ }
.panel ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
								  	  border: none; }
								  	  /* Unique rollover colors for each list 
.panel ul#psd-list li a:hover 		{ background: #b20202; color: white; }
.panel ul#net-list li a:hover 		{ background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover 	{ background: #1f5293; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }
*/

.MoreBTN_1 {
	position: absolute;
	bottom: 0px;
	right: 40px;
}
.MoreBTN_2 {
	position: absolute;
	bottom: 0px;
	right: 0px;
}


.CodaProductContainer li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 181px;
	margin: 0px 20px;
	position: relative;
	padding-top: 190px;
	vertical-align: top;
	/*overflow:hidden;*/
}
.CodaProductContainer li.Last {
	margin-right: 0px;
}
.CodaProductContainer li a {
	cursor: pointer;
	display: block;
}
.CodaProductContainer li a .IMG {
	padding-bottom: 15px;
	background: url(../images/ImageShadow_01.jpg) center bottom no-repeat;
	margin: 5px auto 0 auto;
	width: 182px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.CodaProductContainer li a .IMG table td {	
	width: 182px;	
	height: 167px;
	text-align: center;
}
.CodaProductContainer li a .IMG table td a {	
	width: 182px;
	padding: 0px;
}
.CodaProductContainer li a .IMG img {
	max-width: 182px;
	max-height: 167px;
	height: auto;
	width: auto;
}

/* �ϥ�JQ�۰��Y�Ϸ|�X���D(�ܧ�)
.CodaProductContainer li a .IMG img {	
	transition:opacity 1s linear;
}
.CodaProductContainer li a:hover > .IMG img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition:opacity 0.5s linear;
}
*/
.CodaProductContainer li a:hover > .IMG img {
	opacity: 0.7;
	filter: alpha(opacity=70);	
}
.CodaProductContainer li a .IMG .SubBannerHot, .CodaProductContainer li a .IMG .SubBannerNew, .CodaProductContainer li a .IMG .SubBannerSale {	
	position: absolute;
	right: -3px;
	top: -3px;	
	width: 41px;
	height: 41px;
	z-index: 99;
}
.CodaProductContainer li a .IMG .SubBannerHot {		
	background: url(../images/SubBannerHot.png) no-repeat;
}
.CodaProductContainer li a .IMG .SubBannerNew {	
	background: url(../images/SubBannerNew.png) no-repeat;
}
.CodaProductContainer li a .IMG .SubBannerSale {	
	background: url(../images/SubBannerSale.png) no-repeat;
}
.CodaProductContainer li a h3 {
	font-size: 14px;
	color: #ff0000;
	line-height: 170%;
	font-weight: normal;
}
.CodaProductContainer li a h2 {
	font-size:1.05em;
	color: #f93599;
	line-height: 170%;
	font-weight: normal;
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
}
.CodaProductContainer li a:hover h2 {	
	color: #ff83c2;
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
}
.CodaProductContainer li a:visited h2 {color: #959595;}
.CodaProductContainer li a h2 .Catelog {
	font-weight: 700;
	color: #000000;
	margin-right: 3px;
}
.CodaProductContainer li a p.Warnning {
	color: #ffffff;
	line-height: 170%;
	background: #fcb631;
	padding: 1px;
	text-align: center;
	font-size: 12px;
}
.CodaProductContainer li a p.Price {
	font-weight: 700;
	color: #535353;
	line-height: 170%;	
}
.CodaProductContainer li a p .LineThrough {
	text-decoration: line-through;
}
.CodaProductContainer li a p .Discount {
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	color: #ff0000 !important;
	margin: 0px 5px;
}