/* products template */

/* index products */
.products { clear: both; width: 560px; height: 100%; margin: 15px 0 5px 0; padding: 0; text-align: left; }

.item { 
	position: relative; float: left; width: 132px; height: 210px; margin: 0 4px 5px 0; padding: 0;
	border: 1px solid #dbdbdb; border-bottom: 1px solid #dfc7c7; border-right: 1px solid #dfc7c7; text-align: center;
}
.item h1 { margin: 0; font-size: 12px; }
.item h1 span { margin: 0; font-size: 11px; color: #0075c0; }
.item h1 a { padding: 2px 0; text-decoration: none; color: #690505; }
.item h1 a strong { font-size: 11px; color: #000; }
.item h1 a:hover { text-decoration: underline; color: #000; }
.item a img, .item a:hover img { border: 0; }
.item img { position: absolute; top: 50px; left: 25px; margin: 3px 0; padding: 0; border: 0; }
.item img.no { position: absolute; width: auto; top: 90px; left: 20px; }
.item p { position: absolute; top: 155px; left: 5px; margin: 0; padding: 0; font-weight: bold; font-size: 13px; color: #9d0303; }
* html .item p { top: 150px; }
.item p span { font-size: 11px; color: #000; }

/* directly add 2 cart product */
.item .add2cart { position: absolute; width: 100%; height: 35px; margin: 0; top: 175px; left: 0; padding: 0; }
.item .add2cart form { margin: 0; text-indent: 0; word-spacing: 0; }
.item .add2cart input.hidden { display: none; }
.item .add2cart input {
	display: block; float: left; width: 20px; height: 18px; margin: 0 0 0 5px; padding: 3px 3px 0 5px; border: 1px solid #dcdcdc; font-size: 11px; 
}
* html .item .add2cart input { margin: 0 0 0 2px; }
.item .add2cart a { float: left; margin: 0; padding: 0; text-decoration: underline; border: 0; background: none; color: #367ee9; }
.item .add2cart a img { position: relative; width: 72px; margin: 0; padding: 0; top: 0; left: 0; }
.item .add2cart a:hover { background: none; text-decoration: none; color: #2356a4; }

/* products common */
.show_cat { position: relative; clear: both; width: 99%; margin: 10px 0; padding: 0 2px; color: #b53619; }
.show_cat ul { margin: 0; padding: 0; }
.show_cat li { margin: 3px 0; padding: 0; float: left; width: 48%; list-style: none;  text-align: left; }
.show_cat li a { padding: 2px 0; text-decoration: none; color: #690505; }
.show_cat li a span { font-weight: bold; font-size: 10px; color: #3f0d0d; }
.show_cat li a:hover { text-decoration: underline; color: #000;}

/* title products */
.here-title-bar { clear: both; margin: 0; padding: 3px; border: 1px solid #eee; background: #eee; color: #625a5a; }

/* show category products */
.same-category { 
	position: relative; clear: both; margin: 0; padding: 3px 3px 5px; border: 1px solid #eee; background: #eee; font-weight: bold; color: #625a5a;
}

/* image panel */
.image { float: left; width: 40%; margin: 5px 0; padding: 5px; color: #000; }
.image a img, .image a:hover img { border: 1px solid #eee; }

/* right panel */
.ops { float: right; width: 55%; margin: 10px 0 0 0; font-size: 11px; }
.ops img { border: 0; }
.ops span { line-height: 40px; font-weight: bold; color: #b46e6e; }
.ops em { border: none; font-style: normal; font-weight: bold; font-size: 13px; color: #9d0303; }

/* add 2 cart */
.add2cart { margin: 10px 0; }
.add2cart input { 
	display: block; float: left; width: 20px; height: 18px; margin: 0; padding: 3px 3px 0 5px; border: 1px solid #dcdcdc; font-size: 11px;
}
.add2cart a img { margin: 0 0 0 3px; border: 0; }
* html .add2cart a img { margin: 0; }

/* description panel */
.description { clear: both; margin: 0 0 5px 5px; padding: 0; font-weight: normal; font-size: 11px; color: #000; }
.description h1 { margin: 0 0 5px 0; padding: 0; font-size: 13px; color: #000; }
.description span { border-bottom: 1px solid #ccc; font-weight: bold; font-size: 13px; color: #000; }
.description img { border: 0; }

.description ul { width: auto; margin: 5px 0 15px 0; padding: 3px; list-style: none; border: 1px solid #dbdbdb; text-align: left; }
.description ul li { display: block; width: 100%; margin: 0; padding: 5px 0; }
.description ul li a { padding: 2px 0; text-decoration: none; color: #690505; }
.description ul li a:hover { text-decoration: underline; color: #000; }

.note { 
	clear: both; margin: 10px 0 5px 5px; margin: 0; padding: 5px 0; border-top: 1px solid #cecebf; text-align: justify; font-size: 11px; color: #696969;
}
.note span { padding: 0 2px; font-weight: bold; color: #d90000; }

/* offer price */
span.strike { font-weight: bold; font-size: 12px; color: #d90000; text-decoration: line-through; }

/* products common tabs */
#tabnavigation { clear: both; width: 100%; height: 100%; }

#tabs { margin: 0 0 0 10px; padding: 0; list-style-type: none; text-align: center; color: #fff; }

#tabs li { display: inline; line-height: 16px; margin: 0; padding: 0; }
#tabs li a { margin: 0 3px 0 0; padding: 5px 5px 2px 5px; border-bottom: 1px solid #fff; font-weight: bold; font-size: 11px; }

#tabs li a.tabLeft { display: block; float: left; width: auto; border: 1px solid #a2a599; text-decoration: none; color: #525249; }
#tabs li a.tabLeft:hover { background: #eebfb9; color: #000; }

#tabs li a.tabRight { display: block; float: left; width: auto; border: 1px solid #a2a599; text-decoration: none; color: #525249; }
#tabs li a.tabRight:hover { background: #eebfb9; color: #000; }

#tabs li a.tbselect{ display: block; float: left; width: auto; border: 1px solid #a2a599; background: #eebfb9; text-decoration: none; color: #000; }
#tabs li a.tbselect:hover { background: #eebfb9; color: #000; }

#tabs li a.tbunselect {
 	display: block; float: left; width: auto; border: 1px solid #a2a599;
	background: #fff; text-decoration: none; color: #000; border-bottom: 1px solid #fff;
}
#tabs li a.tbunselect:hover { border-bottom: 1px solid #eebfb9; background: #eebfb9; color: #000; }

/* tab content */
#tabContentFirst { float: left; width: 98%; margin: 0; padding: 10px 3px; border: 1px solid #efefef; color: #000; }
#tabContentFirst h1 { margin: 0 0 10px 0; padding: 0; font-size: 13px; color: #000; }
#tabContentFirst p { text-align: center; }
#tabContentFirst p a { line-height: 18px; padding: 2px 0; text-decoration: underline; color: #690505;  }
#tabContentFirst p a:hover { text-decoration: none; color: #000;  }

#tabContentSecond { float: left; width: 98%; margin: 0; padding: 10px 3px; border: 1px solid #efefef; color: #525249; }
#tabContentSecond img { border: 0; cursor: pointer; }

.sHidden { display: none; }
.sVisible { display: block; }