@import url("/theme/rowi/css/jquery.ui.core.css");
@import url("/theme/rowi/css/jquery.ui.theme.css");
@import url("/theme/rowi/css/jquery.ui.selectmenu.css");
@import url("/theme/rowi/css/jquery.ui.slider.css");

/* 
 Date: Nov 30, 2010 9:03 am
 Author: Le Quang Thang
 Tags: Rowi
*/
body{
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:12px;
	color:#666666;
	margin:0px;
	line-height:150%;
	padding:0px;
}
img{
	border:0px;
	margin:0;
}

img.captcha {
    margin-bottom:5px;
}
a img{
	border:0px;
	padding:0;
	margin:0;
}
ul.desc_list{list-style-type:disc;margin:0px;padding-left:10px}
ul.desc_list li{list-style-type:disc;margin:5px;list-style-position:outside;}
a{
	text-decoration:none;
	color:#666666;
}
a:hover{
	text-decoration:none;
}
input{font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;font-size:12px}
textarea{
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;font-size:12px;}
ul, li{
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
	margin:-1px;
	padding:1px
}
:focus{
	outline:0 none;
}

h3{
	font-size:14px;
	color:#414a4f;
	margin:10px 0;
	padding:0;
	font-weight:normal;
}
h4{
	font-size:14px;
	color:#ffffff;
	margin:5px 0 13px 0;
	padding:0;
	font-weight:normal;
}
h5{
	color:#ffffff;
	float:left;
	clear:both;
	font-size:12px;
	font-weight:normal;
	background:url(/img/bg_h5.gif) no-repeat right;
	height:26px;
	line-height:26px;
	padding:0 100px 0 41px;
	margin:10px 0 10px -41px;
}
p{
	margin:3px 0px;clear:both
}

#main{
	width:100%;
}
#header{
	float:left;
	width:100%;
	min-height:320px;
	position:relative
}
.header_top{
	height:86px;
	width:975px;
	margin:0 auto;
	position:relative;
}
#logo{
	float:left;
	margin:23px 0 0 25px;
}
#menu_top{
	float:right;
	margin-right:20px;
}
#language {
	float:right;
	color:#ffffff;
	font-size:11px;
	margin:10px 0px;
}
#language ul li{
	display:inline;
	padding:0;
	margin:0;
	float:left;
}
#language a{
	color:#6a6d6e;
	border-right:1px solid #5a6165;
	margin:3px 0 3px -1px;
	padding:0px 7px 0 7px;
	float:left;
}
#language a:hover{
	color:#000000;
}
#language li.active a{
	padding:3px 8px 3px 8px;
	margin:0 0 0 -1px;
	background:#5a6165;
	color:#ffffff;
}
.last_hidden{
	float:right;
	background:#ffffff;
	position:relative;
	margin-left:-2px;
	height:40px;
	width:5px;
}
.header_bottom{
	width:100%;
	height:189px;
	background:#2c3033;
	float:left;
	margin-top:-47px;
	#margin-top:0;	
}
.header_bottom.of-index{
	height:371px;
	margin-bottom:11px;
}
.header_bottom_detail{
	width:975px;
	margin:0 auto;
}
.header_bottom_left{
	float:left;
	width:245px;
	background:#5a6165;
	margin-top:60px;
	-moz-box-shadow:0 1px 5px #333333;
	-webkit-box-shadow:0 1px 5px #333333;
	box-shadow:0 1px 5px #333333;
	behavior: url(PIE.htc);
	min-height:50px;
	position:relative;
	z-index:1;
}
#menu_left{
	float:left;
	width:100%;
	font-size:12px;
	margin-top:13px;
	padding-bottom:15px;
}
#menu_left ul li{
	padding:0;
	margin:0;
	float:left;
	clear:both;
	width:100%;
}
#menu_left a{
	color:#ffffff;
	float:left;
	width:100%;
	padding:0 25px;
	height:28px;
	line-height:30px;
}
#menu_left a:hover{
	color:#aaabac;
}
#menu_left a.active{
	background:url(/img/bg_menu_left.gif) repeat-y;
	color:#ffffff!important;
}

#menu_left ul li li{
	margin:4px 0;
}
#menu_left ul li li a{
	padding-left:36px;
	color:#bbbebe;
	height:22px;
	line-height:22px;
}
#menu_left ul li li a:hover{
	color:#999999;
}
#menu_left ul li li a.active{
	background:url(/img/bg_menu_leftsub.gif) repeat-y;
	color:#bbbebe!important;
}

.header_bottom_right{
	float:left;
	width:710px;	
	position:relative;
	z-index:2;
}
.header_bottom_right img{
	-moz-box-shadow:0px 2px 8px #414040;
	-webkit-box-shadow:0px 2px 8px #414040;
	box-shadow:0px 2px 8px #414040;
	behavior: url(PIE.htc);
}
#center_menu{
	float:left;
	width:100%;
	font-size:12px;
	margin-top:3px;
}
#center_menu ul li{
	display:inline;
	padding:0;
	margin:0;
	float:left;
}
#center_menu a{
	color:#ffffff;
	float:left;
	padding:0 18px;
	height:35px;
	line-height:35px;
}
#center_menu a:hover{
	color:#aaabac;
}
#center_menu a.active, #center_menu ul li.current-cat a, #center_menu ul li.current-cat-parent a{
	background:url(/img/bg_menu_center.gif) repeat-x;
	color:#ffffff!important;
}
#banner{
	float:left;
	width:100%;
	margin-left:-30px;
	position:relative;
}



#content{
	float:left;
	width:100%;
	margin-top:10px;
}
.content{
	width:975px;
	margin:0 auto;
}
.content_left{
	width:215px;
	float:left;
	overflow:hidden;
	
}
.content_right{
	width:740px;
	float:left;
	line-height:18px;
}
.content_detail{
	width:469px;
	float:left;
	overflow:hidden;
}

.sidebar{
	float:right;
	width:262px;
}
.sidebar_box{
	float:left;
	width:100%;
	background:#5a6165;
	margin-bottom:10px;
}
.sidebar_box_detail{
	float:left;
	width:210px;
	padding:26px;
	color:#bcbebe;
	font-size:11px;
	line-height:18px;
}
.sidebar_box_detail a{
	color:#bcbebe;
}
.sidebar_box_detail a:hover{
	color:#ffffff;
}
.sidebar_box_detail input{
	float:left;
}
.sidebar_box_detail input[type=text]{
	border:1px solid #2c3033;
	font-size:11px;
	padding:4px 2px;
	width:170px;
	margin-right:1px;
}
.sidebar_box_detail input[type=submit]{
	border:0;
	width:29px;
	height:24px;
	text-indent:-10000;
	background:url(/img/bg_submit.gif) no-repeat;
	cursor:pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.sidebar_box_detail input[type="submit"]{
		margin-top:2px;
	}
}
.sidebar_box_detail ul li a{
	background:url(/img/bullet.png) no-repeat 0 50%;
	padding-left:10px; 
	margin:2px 0;
	float:left;
	clear:both;
}


.content_detail-not_sidebar{
	width:100%;
	float:left;
	min-height:250px;
	background:url(/img/bg_content.gif) repeat-x;
	overflow:hidden;
}
.content_detail_text{
	margin:20px 40px;
	padding-bottom:50px;
}
.content_detail_text .title{
	font-size:16px;
	color:#414a4f;
	padding:10px 0;
}
.content_detail_text .dispription a{
	color:#000000;
}
.content_detail_text .dispription a:hover{
	color:#666666;
}
.news_description_detail img{
	border:5px solid #ffffff;
}

#footer{
	float:left;
	width:100%;
	height:100px;
	margin-top:30px;
}
.footer{
	width:975px;
	margin:0 auto;
}
.footer_content{
	width:740px;
	float:left;
	margin-left:215px;
}
.footer_top{
	width:100%;
	float:left;
	background:#5a6165;
	height:39px;
}
#footer_menu{
	float:right;
	line-height:20px;
	padding-right:10px;
}
#footer_menu a{
	color:#666666;
}
#footer_menu a:hover{
	color:#000000;
}
.footer_menu ul li{float:left;padding:0px 10px;border-left:1px solid #888}
.footer_menu{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:11px;
	line-height:10px;
	color:#84888a;
}
.footer_menu span{ 
	float:left;
	padding-right:15px;
}
.footer_menu a{ 
	color:#84888a;
}
.footer_menu a:hover{ 
	color:#333333;
}
.footer_menu a.active{
	color:#333333;
}
.back{
	width:100px;
	float:right;
	text-align:right;
	margin-right:-40px;
}
.back a{
	color:#FFFFFF;
	background-color:#5A6165;
	padding:5px 10px;
	font-size:10px;
}
/*==================================================================== Gallery =====================================================*/
.header_bottom_tabs{
	float:left;
	width:245px;
	background:#5a6165;
	margin-top:60px;
	-moz-box-shadow:0 1px 5px #333333;
	-webkit-box-shadow:0 1px 5px #333333;
	box-shadow:0 1px 5px #333333;
	behavior: url(PIE.htc);
	min-height:50px;
	position:relative;
}
.header_bottom_gallery{
	float:left;
	width:710px;
	position:relative;
}
div#gallery {
	float:left;
	margin-left:-30px;
	position:relative;
	z-index:5;
	background:#5a6165;
	clear:both;
	-moz-box-shadow:0px 2px 8px #414040;
	-webkit-box-shadow:0px 2px 8px #414040;
	box-shadow:0px 2px 8px #414040;
	behavior: url(PIE.htc);
}
.slogen{
	height:39px;
	float:left;
	width:740px;
	overflow:hidden;
	background:#5a6165;
}
.slogen img{
	float:right;
	margin:11px 21px;
}

ul#tabs {
	margin-left:2px;
	margin-top:14px;
	width:248px;
}

ul#tabs li a {
	color: #ffffff;	
	display: block;
	padding:0 0 0 25px;
	height:72px;
	outline: none;
	font-size:18px;
	background:url(/img/feature-tab.png) no-repeat;
	margin-top:-10px;
	position:relative;
	z-index:0
}

ul#tabs li a.tab_1{
	z-index:2;
	padding-top:20px;
}
ul#tabs li a.tab_2{
	z-index:1;
	padding-top:20px;
	padding-bottom:13px;
	height:59px;
}
ul#tabs li a.tab_3{
	padding-top:33px;
	height:59px;
}
ul#tabs li a.current {
	background:url(/img/feature-tab-current.png) no-repeat;
	position:relative;
	z-index:10;
	height:93px;
	font-size:24px;
	margin-left:2px;
	margin-top:-12px;
}
ul#tabs li a.tab_1.current{
	padding-top:27px;
}
ul#tabs li a.tab_2.current {
	padding-top:28px;
	height:78px;
}
ul#tabs li a.tab_3.current {
	padding-top:42px;
	height:78px;
}

ul#output {
	width: 740px;
	height: 333px;
	position: relative;
	overflow:hidden;
}

ul#output li {
	position: absolute;
	width: 740px;
	height: 333px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
}

/*======================================================================== news ===============================================================*/
.post_content{
	float:left;
	width:100%;
	background:url(/img/bg_post_news.gif) repeat-x;
}
.post_news{
	float:left;
	padding:17px;
}
.img_thumb{
	float:left;
	margin-right:18px;
}
.img_thumb img{
	float:left;
	border:5px solid #ffffff;
	width:159px;
}
div.news_description{
 	float: left;
    font-size: 11px;
    line-height: 17px;
    overflow: hidden;
    width: 250px;
}
div.news_desription p{
	margin:0;
	padding:0;
	clear:none;
}
div.news_description p a{
	float:right;
	clear:both;
	width:67px;
	height:19px;
	text-align:center;
	color:#ffffff;
	background:#5a6165;
	line-height:19px;
	margin-right:0px;
	margin-top:20px;
}
.pagging{
	float:left;
	width:100%;
	padding:20px 0 50px 0;
	font-size:11px;
}
.pagging ul li{
	display:inline;
}
.pagging ul li a{
	float:left;
	height:19px;
	width:19px;
	text-align:center;
	line-height:19px;
	background:#5a6165;
	margin:1px;
	color:#ffffff;
}
.pagging ul li a:hover{
	color:#cccccc;
}
.pagging ul li a.active, .pagging ul li.active_page a{
	background:#EEEEEE;
	color:#5a6165;
}
.post-andere{
	float:left;
	width:435px;
	padding:0 17px 50px 17px;
	background:url(/img/bg_post_news.gif) repeat-x;
}
.post-andere ul li a{
	background:url(/img/bullet-andere.png) no-repeat 0 7px;
	padding-left:8px;
	color:#666666;
	float:left;
	clear:both;
	margin:2px 0;
}
.post-andere ul li a:hover{
	color:#333333;
}
.list_job{
	float:left;
	width:100%;
}

/*=========================================================== form ============================================================*/
.dispription form{
	float:left;
	margin-left:41px;
}
.dispription > p {
margin-bottom:10px;
}
.fields{
	float:left;
	width:100%;
	padding:5px 0;
	clear:both;
}
.fields label{
	float:left;
	color:#999999;
	font-size:11px;
	width:100%;
	clear:both;
}
.fields input{
	float:left;
	padding:3px 3px;
	width:278px;
	border:1px solid #5a6165;
	color:#999999;
	font-size:11px;
}
.fields textarea{
	float:left;
	border:1px solid #5a6165;
	padding:3px;
	width:278px;
	height:120px;
	color:#999999;
	font-size:11px;
	clear:both;
}
.fields input.submit{
	border:0;
	cursor:pointer;
	background:#5a6165;
	margin:0 3px 0 0;
	width:auto;
	padding:3px 15px;
	text-align:center;
	color:#ffffff;
	float:left;
}
.hidden{
	display:none;
}
div#menu_left ul li.active ul{
	display:block;
}
div#menu_left ul li ul{
	display:none;
}
div.content_detail_text ul li, div.news_desription_detail ul li{
	list-style:disc inside;
} 
.news_desription p{
	min-height:135px;
	position:relative;
}
.news_desription p a{
	position:absolute;
	right:0px;
	bottom:0px;
	margin-right:0px;
}
/* Shutter */
#shDisplay div#shTitle {
	font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
	color: #ffffff; /* caption colour */
	text-align: center;
	margin: 0 auto;
}

#shDisplay div#shCount {
	color: #999999;
	font: normal 10px/12px 'Lucida Grande', Verdana, sans-serif;
}

#shDisplay div#shTitle a {
	text-decoration: none;
	font: bold 16pt 'Courier New', Courier, fixed;
	letter-spacing: -2px;
	margin: 0 10px;
	width: 26px;
	color: #999999;
}

#shDisplay div#shTitle a:hover {
	color: #ffffff;
	border: none;
}

#shDisplay div#shNext{
	float:right;
}

#shDisplay div#shPrev {
	float:left;
}

#shShutter *, #shDisplay * {
	padding: 0;
	margin: 0;
}

div#shShutter, div#shDisplay {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

div#shShutter {
	height: 100%;
	z-index: 1000;
	background-color: #000000;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

div#shDisplay {
	display: block;
	background-color: transparent;
	z-index: 1002;
}

div#shDisplay img#shTopImg {
	margin: 0 auto;
	border: 1px solid #555;
	background: transparent;
	display: block;
	max-width: none;
	max-height: none;
	float: none;
	padding:2px;
	cursor: pointer;
}

div#shDisplay div#shWrap {
	visibility: hidden;
}

div#shWaitBar {
	font: bold 32px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	height: 36px;
	width: 100%;
	left: 0;
	cursor: default;
	opacity: 0.999;
	filter: alpha(opacity=100);
	z-index: 1001;
	margin-top: 160px;
	color: #ae0a0a;
}
/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 2.10

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- JS Slideshow -------------*/
.ngg-slideshow {
    overflow:hidden;
    position: relative;
}

.ngg-slideshow * {
    vertical-align:middle;
}

/* See also : http://www.brunildo.org/test/img_center.html */
.ngg-slideshow-loader{
    display: table-cell;
    text-align: center;
    vertical-align:middle;
}

.ngg-slideshow-loader img{
    background: none !important; 
    border: 0 none !important;
    margin:auto !important; 
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}

/** CS Menu styles **/
.menuBox .menuItem {}
.menuBox div.menuItem.selected {background-color:#F8F8F8}
.menuBox .menuItem > a.lvl1Link {background-color:#5A6165;height:24px;width:100%;padding:6px 0px 0px 10px;color:#FFFFFF;margin:0px;font-weight:bold;display:block}
.menuBox > div.menuSub.lvl1 {display:block}
.menuBox > div.menuSub.lvl1 > div.menuItem {border-bottom: 1px solid #C3C3C3;}
.menuBox > div.menuSub.lvl1 > .menuItem > a.lvl2Link {background:url("/img/triangular.gif") no-repeat scroll 5px 50%;display:block;height:22px;padding:6px 5px 0px 20px;color: #666666;font-weight:bold;text-decoration:none}
.menuBox > div.menuSub.lvl1 > .menuItem > a.lvl2Link:hover {background:url("/img/triangular.gif") no-repeat scroll 5px 50% #EEEEEE;display:block;height:22px;padding:6px 5px 0px 20px;color: #666666;font-weight:bold;text-decoration:none}
.menuBox > div.menuSub.lvl1 > div.menuSub.lvl2 {display:block}
.menuBox > div.menuSub.lvl1 > div.menuSub.lvl2 > div.menuItem.last {border-bottom: 1px solid #C3C3C3;}
.menuBox > div.menuSub.lvl1 > div.menuSub.lvl2 > div.menuItem {border-bottom: 1px solid #E3E3E3;}
.menuBox > div.menuSub.lvl1 > div.menuSub.lvl2 > .menuItem > a.lvl3Link {background:url(/img/circle_bullet.gif) no-repeat scroll 20px 50%;display:block;height:22px;padding:6px 5px 0px 30px;color: #666666;text-decoration:none}
.menuBox > div.menuSub.lvl1 > div.menuSub.lvl2 > .menuItem > a.lvl3Link:hover, a.lvl3Link.selected {background:url(/img/circle_bullet.gif) no-repeat scroll 20px 50% #EEEEEE;display:block;height:22px;padding:6px 5px 0px 30px;color: #666666;text-decoration:none}
.menuBox  a.lvl4Link {display:block;height:22px;padding:6px 5px 0px 40px;color: #666666;text-decoration:none;}
 .menuBox a.lvl4Link.selected {display:block;height:22px;padding:6px 5px 0px 40px;color: #666666;text-decoration:none}
.menuBox  a.lvl4Link:hover{background-color: #EEEEEE;text-decoration:none}
/*-----Le Ba Thong added---*/
th{text-align:left}
.btn_buy{border:1px solid #AEAEAE; color: #666666;cursor: pointer;padding:2px;background-color:#f0f0f0}
input[type=text], input[type=password] {
	padding: 3px 2px;
	height:16px;
	width:90%;
	border:1px solid #aeaeae;
}
.btn_plus{background:url(/img/ico_plus.gif) no-repeat;position:absolute;top:4px;right:0px;border:0px;height:6px;width:11px;cursor:pointer}
.btn_minus{background:url(/img/ico_minus.gif) no-repeat;position:absolute;bottom:4px;right:0px;border:0px;height:6px;width:11px;cursor:pointer}
input[type=text].htmlIFieldInvalid {border:1px solid red;}
textarea{padding: 3px 2px;width:90%;}
label.htmlLabel {
	position:absolute;
	left:4px;
	top:4px;
}
label.htmlLabel.checkbox {
	position:absolute;
	left:25px;
	top:0px;
}

div.error {
	background:none repeat scroll 0 0 #F46644;
	border:0;
	color:white;
	font-size:10px;
	margin-top:2px;
	padding:3px 3px;
	text-shadow:1px 1px 0 #9F4631;
	text-transform:uppercase;
	width:90%;
}
.font_pink{color:#773344;}
input.apply {background:url(/img/ico_tick.png) no-repeat;width:16px;height:16px;border:medium none;float:left;cursor:pointer}
input.calc {background:url(/img/ico_calculator.png) no-repeat;width:16px;height:16px;border:medium none;float:left;cursor:pointer}
input.loading{background:url(/img/ajax-loader.gif) no-repeat;width:16px;height:16px;border:medium none;float:left;cursor:pointer}
.btn_rowi{background:url(/img/btn_rowi.gif) repeat-x;color:#FFFFFF;font-size:12px;cursor:pointer;border:0px;text-align:center;height:24px;width:auto;border-right:1px solid black;border-left:1px solid black;vertical-align:middle;padding-bottom:3px}
.btn_submit{background:url(/img/btn_submit.gif) no-repeat;cursor:pointer;border:none;height:24px;width:29px;float:right}
.input_search{border:1px solid black;background-color:#ffffff;height:22px;overflow:hidden;margin-right:2px;padding:0px 5px;float:right}
.input_login{border:1px solid black;background-color:#7d8286;height:20px;overflow:hidden;margin:0px;padding:0px 5px;width:180px;color:#FFFFFF}
.btn_kaufen{-moz-border-radius: 3px 3px 3px 3px;background-image: url("/img/button_bg.gif");border: 1px solid #8B8B8B;
color: #000000;cursor: pointer;font-size: 8pt;font-weight: normal;height: 20px;min-width: 50px;padding: 0px 5px 3px 5px;}
.cateBox{margin-bottom:10px;margin-right:2px}
#menu_left p{margin:4px 0px 0px 10px;color:#ffffff}
.left_title{background-color:#5a6165;width:100%;height:30px}
.left_title p{padding:6px 0px 0px 10px;color:#FFFFFF;margin:0px;font-weight:bold}
ul.left_list_cate{margin:0px;padding:0px}
ul.left_list_cate li{border-bottom:1px solid #e3e3e3;background:url(/img/circle_bullet.gif) no-repeat 5px ;}
ul.left_list_cate li a{display:block;padding:6px 5px 0px 15px;height:22px}
ul.left_list_cate li a:hover{background:url(/img/circle_bullet.gif) no-repeat 5px #eeeeee;height:22px}
.content_right_box{padding:0px 0px 10px 10px;margin:0px;overflow:hidden}
.product_list{width:730px;padding:0px;overflow:hidden;margin-bottom:20px}
.border_img{border:1px solid #dbdbdb;padding:1px;background-color:#FFFFFF}
.border_img a img{margin:0px;padding:0px;display:block}
.prod_item{float:left;width:130px;margin:0px 5px 10px 10px}
.prod_item p{margin:5px 0px;padding:0px}
.font_price{color:#000000;font-weight:bold}
.pagging_spliter{margin:30px 15px 0px 0px;padding:0px;overflow:hidden;float:right}
.pagging_spliter ul li{float:left;list-style-type:none}
.pagging_spliter ul li a{display:block;margin-right:3px;height:20px;overflow:hidden;border:1px solid #dbdbdb;padding:0px 5px;font-size:12px;float:left}
.pagging_spliter ul li a:hover{background-color:#dddddd}
.pagging_spliter ul li a.selected{background-color:#5a6165;color:#FFFFFF;}
.triangular{background:url(/img/triangular.gif) no-repeat left;border-bottom:1px solid #dcdcdc;padding:3px 0px 3px 10px;font-weight:bold;overflow:hidden}
ul.quality_selection{margin-top:0px;}
ul.quality_selection li{ list-style-type:none;float:left;margin-right:10px;clear:both}
.navigate_rowi{border-bottom:1px solid #dcdcdc;padding:3px 5px;margin-bottom:15px;overflow:hidden;}
.des_left{float:left;width:320px;margin-right:10px;border-right:1px solid #dcdcdc;}
.des_right{float:left;width:380px;padding-left:10px;line-height:150%}
table{border-collapse:collapse}
input{border:1px solid #aeaeae}
#bg_smallpic ul{background:url(/img/bg_smallpic.gif) no-repeat;text-align:center;width:320px;padding:10px 0px 0px 10px;}
#bg_smallpic ul li{float:left;width:60px;padding:1px;border:1px solid #dbdbdb;margin:0px 5px;overflow:hidden}
#bg_smallpic ul li a{overflow:hidden;width:62px;height:62px}
#bg_smallpic ul li:hover{border:1px solid red}
.bg_relateProd{background:url(/img/bg_relateProd.gif) no-repeat left;width:181px;height:26px;color:#ffffff;padding:3px 0px 0px 10px}
.clearBoth{clear:both}
.ico_zoom{position:absolute;right:10px;bottom:0px;}
.bg_imgDetail{margin-left:20px}
.tbl_cart tr td{padding:3px 5px}
.cart_title{background:url(/img/cart_title.gif) repeat-x;height:20px}
.bg_header{background:url(/img/bg_header.gif) repeat-x;height:20px;width:auto;padding-left:15px;padding-top:3px;border-left:1px solid #DCDCDC;border-right: 1px solid #DCDCDC;}
.neoslideshow {position:relative; width:740px; height:190px;}
.neoslideshow img {position:absolute;left:0; top:0;-moz-box-shadow: 0 2px 8px #414040;}
/*Ketchup Validation*/
.ketchup-error-container {  display: none; position: absolute; width: auto;}
.ketchup-error-container ol {  font-size: 12px;  color: #111;  background: red;  background: rgba(255, 0, 0, 0.6);  padding: 10px;  border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  list-style: none;  line-height: 16px; margin-bottom:0px}
.ketchup-error-container span {  display: block;  width: 0; height: 0; border-left: 0 solid transparent; border-right: 15px solid transparent;  border-top: 10px solid red;  border-top: 10px solid rgba(255, 0, 0, 0.6);  border-bottom: 0;  margin-left: 10px;}
/* Auto complete */
.ac_results {padding: 0px;overflow: hidden;z-index: 99999;font-size:11px;}
.ac_results ul {width: 360px;list-style-position: outside;list-style: none;padding: 0;margin-right:4px;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;font: menu;font-size: 12px;line-height: 16px;overflow: hidden;background:url(/img/search_repy.png) repeat-y top left;width:345px;}
.ac_search {background:#ffffff url(/img/icon_search.gif) right center no-repeat;}
.ac_loading {background:#ffffff url(/img/indicator.gif) right center no-repeat;}
.ac_input.empty + .ac_reset{display:none;}
.ac_input + .ac_reset{background:url(/img/close.gif) no-repeat;height:11px;width:11px;cursor:pointer;overflow:hidden;position:absolute;right:3px;top:10px;z-index:1;}
.ac_odd {background-color: #eee;}
.ac_results li.ac_over {color: white;background:url(/img/search_hover.png) repeat-y;}
/*----add---*/
.ac_results li img{float:left;border:1px solid #dcdcdc;text-align:center;width:47px;height:47px;float:left;margin-left:8px}
.ac_results li img.ico_add{width:20px;height:20px;border:0px;cursor:pointer;padding-top:0px;float:right;margin-right:4px}
.ac_results li p{float:left;width:423px;margin:0px 8px 3px 8px;font-size:11px}
.ac_results li span{color: #FFFFFF;float: right;margin-right: 50px;padding-top: 3px;}
.ac_results li.prod_group{background:url(/img/prod_group.png) no-repeat top left;height:19px;width:343px;padding-left:12px;font-weight:bold;color:#ffffff;padding-top:3px}
div.ac_results ul li.showall{margin:0px;padding:0px; height:26px;width:370px;background:url(/img/showall.png) no-repeat;}
.ac_results li span.reset{background:url(/img/close.png) no-repeat transparent;height:12px;width:12px;float:right;overflow:hidden;margin-right:10px;margin-top:3px;cursor:pointer}
span.reset {background:url(/img/close.gif) repeat scroll 0 0 transparent;left:-5px;}
/** Overlib Styles **/
.overlibBgTable {background:#FFFFFF}
.overlibBgTable td {padding: 5px;}
.overlibCaption {font-weight:bold;font-size:14px;color:#333333;}
.overlibCaption img {vertical-align:text-bottom;margin-right:10px}
a.overlibCloseText {display:block;width:16px;height:16px;background-image: url('/img/ico_overlib_close.gif');}
a.overlibCloseText2 {display:block;width:16px;height:16px;background-image: url('/img/ico_dialog_close.png');}
.overlibCapTable {background-color:#FFFFFF;top: 50px;vertical-align:middle}
div#viewcontent {overflow-y:auto;overflow-x:hidden;padding:5px;font-size:12px;font-family:Arial,Helvetica,sans-serif;border:1px solid #808080;position:relative}
div#viewcontent > div#loadingbox {width:100%;position:absolute;top:45%;text-align:center}
div#viewcontent p {margin-bottom: 10px}
div#viewcontent h4 {font-size:12px;font-weight:bold;text-decoration:underline;color:#0059A5;margin-bottom:5px}
div#viewcontent h1 {font-size: 14px; font-weight:bolc;color:#ff5400}
div#viewcontent .card_list {margin:0px 10px 15px 10px;font-size:11px;padding:0px;float:left;background:url(/img/bg_itemCard.gif) no-repeat top left; height:172px;width:150px;text-align:center;padding:2px;overflow:hidden;position:relative;cursor:pointer}
div#viewcontent .card_list img{margin-bottom:3px}
div#viewcontent div#pickBrand {padding:10px 0px 10px 5px;font-family:'Helvetica Neue,Helvetica,Arial,sans-serif';font-size:14px;overflow:hidden;}
div#viewcontent div#priceSlider {width:542px;float:right;margin-right:30px}
.bg_topSeller{background:url(/img/bg_topSeller.gif) no-repeat left top;width:730px;height:179px;}
.item_topSeller{width:340px;margin:0px 10px;overflow:hidden}
.img_topSeller{width: 128px; height: 128px; vertical-align: middle; display:table-cell;margin:10px}

/** prettyPhoto styles */
div.light_rounded .pp_top .pp_left{background: url(/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}
div.light_rounded .pp_top .pp_middle{background:#fff;}
div.light_rounded .pp_top .pp_right{background: url(/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}
div.light_rounded .pp_content .ppt{color:#000;}
div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}
div.light_rounded .pp_content{background-color:#fff;}
div.light_rounded .pp_next:hover{background: url(/img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}
div.light_rounded .pp_previous:hover{background: url(/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}
div.light_rounded .pp_expand{background: url(/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}
div.light_rounded .pp_expand:hover{background: url(/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}
div.light_rounded .pp_contract{background: url(/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}
div.light_rounded .pp_contract:hover{background: url(/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}
div.light_rounded .pp_close{width:23px;height:22px;background: url(/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}
div.light_rounded #pp_full_res .pp_inline{color:#000;}
div.light_rounded .pp_arrow_previous{background: url(/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}
div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}
div.light_rounded .pp_arrow_next{background: url(/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}
div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}
div.light_rounded .pp_bottom .pp_left{background: url(/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}
div.light_rounded .pp_bottom .pp_middle{background:#fff;}
div.light_rounded .pp_bottom .pp_right{background: url(/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}
div.light_rounded .pp_loaderIcon{background: url(/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}
div.pp_pic_holder a:focus{outline:none;}
div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}
div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}
.pp_top{height:20px;position: relative;}
* html .pp_top{padding:0 20px;}
.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_top .pp_middle{left:0;position: static;}
.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
.pp_content{height:40px;}
.pp_content .ppt{left:auto;margin-bottom:5px;position: relative;top:auto;}
.pp_fade{display: none;}
.pp_content_container{position: relative;text-align: left;width:100%;}
.pp_content_container .pp_left{padding-left:20px;}
.pp_content_container .pp_right{padding-right:20px;}
.pp_content_container .pp_details{margin:10px 0 2px 0;position:relative}
.pp_description{display:none;margin:0 0 5px 0;font-size:12px;position:relative;}
.pp_nav{clear: left;float: left;margin:3px 0 0 0;}
.pp_nav p{float: left;margin:2px 4px;}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}
a.pp_next{background: url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}
a.pp_previous{background: url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}
a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}
a.pp_close{display:block;text-indent:-10000px;top:5px;right:0px;position:absolute;z-index:2}
.pp_bottom{height:20px;position: relative;}
* html .pp_bottom{padding:0 20px;}
.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_bottom .pp_middle{left:0;position: static;}
.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}
#pp_rate_container {width:150px;position:relative; height:30px;overflow:hidden;clear:left }
#pp_full_res{line-height:1 !important;}
#pp_full_res .pp_inline{text-align: left;}
#pp_full_res .pp_inline p{margin:0 0 15px 0;}
div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
/** end prettyPhoto styles */

/** Uniform styles **/
div.selector, div.selector span, div.checker span,div.radio span, div.uploader, div.uploader span.action,div.button,div.button span {background-image: url(/img/uniform.sprite.png);background-repeat: no-repeat;-webkit-font-smoothing: antialiased;}
.selector,.radio, .checker, .uploader,.button, .selector *, .radio *, .checker *, .uploader *,.button *{margin: 0;padding: 0;}
input.text, input.password,textarea.uniform {font-size: 12px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;padding: 3px;color: #777;background: url('/img/bg-input-focus.png') repeat-x 0px 0px;background: url('/img/bg-input.png') repeat-x 0px 0px;border-top: solid 1px #aaa;border-left: solid 1px #aaa;border-bottom: solid 1px #ccc;border-right: solid 1px #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;outline: 0;}
input.text:focus,input.email:focus,input.password:focus,textarea.uniform:focus {-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);box-shadow: 0px 0px 4px rgba(0,0,0,0.3);border-color: #999;background: url('/img/bg-input-focus.png') repeat-x 0px 0px;}
div.selector {background-position: -483px -130px;line-height: 26px;height: 26px;}
div.selector span {background-position: right 0px;height: 26px;line-height: 26px;}
div.selector select {top: 0px;left: 0px;}
div.selector:active, div.selector.active {background-position: -483px -156px;}
div.selector:active span, div.selector.active span {background-position: right -26px;}
div.selector.focus, div.selector.hover, div.selector:hover {background-position: -483px -182px;}
div.selector.focus span, div.selector.hover span, div.selector:hover span {background-position: right -52px;}
div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover {background-position: -483px -208px;}
div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span {background-position: right -78px;}
div.selector.disabled {background-position: -483px -234px;}
div.selector.disabled span {background-position: right -104px;}
div.checker {width: 19px;height: 19px;}
div.checker input {width: 19px;height: 19px;}
div.checker span {background-position: 0px -260px;height: 19px;width: 19px;}
div.checker:active span, div.checker.active span {background-position: -19px -260px;}
div.checker.focus span,div.checker:hover span {background-position: -38px -260px;}
div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span {background-position: -57px -260px;}
div.checker span.checked {background-position: -76px -260px;}
div.checker:active span.checked, div.checker.active span.checked {background-position: -95px -260px;}
div.checker.focus span.checked,div.checker:hover span.checked {background-position: -114px -260px;}
div.checker.focus:active span.checked,div.checker:hover:active span.checked,div.checker.active:hover span.checked,div.checker.active.focus span.checked {background-position: -133px -260px;}
div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span {background-position: -152px -260px;}
div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked {background-position: -171px -260px;}
div.radio {width: 18px;height: 18px;}
div.radio input {width: 18px;height: 18px;}
div.radio span {height: 18px;width: 18px;background-position: 0px -279px;}
div.radio:active span, div.radio.active span {background-position: -18px -279px;}
div.radio.focus span,div.radio:hover span {background-position: -36px -279px;}
div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span {background-position: -54px -279px;}
div.radio span.checked {background-position: -72px -279px;}
div.radio:active span.checked,div.radio.active span.checked {background-position: -90px -279px;}
div.radio.focus span.checked, div.radio:hover span.checked {background-position: -108px -279px;}
div.radio.focus:active span.checked, div.radio:hover:active span.checked,div.radio.focus.active span.checked,div.radio.active:hover span.checked {background-position: -126px -279px;}
div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span {background-position: -144px -279px;}
div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked {background-position: -162px -279px;}
div.uploader {background-position: 0px -297px;height: 28px;}
div.uploader span.action {background-position: right -409px;height: 24px;line-height: 24px;}
div.uploader span.filename {height: 24px;margin: 2px 0px 2px 2px;line-height: 24px;}
div.uploader.focus,div.uploader.hover,div.uploader:hover {background-position: 0px -353px;}
div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action {background-position: right -437px;}
div.uploader.active span.action,div.uploader:active span.action {background-position: right -465px;}
div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action {background-position: right -493px;}
div.uploader.disabled {background-position: 0px -325px;}
div.uploader.disabled span.action {background-position: right -381px;}
div.button {background-position: 0px -523px;}
div.button span {background-position: right -643px;}
div.button.focus,div.button:focus,div.button:hover,div.button.hover {background-position: 0px -553px;}
div.button.focus span,div.button:focus span,div.button:hover span,div.button.hover span {background-position: right -673px; }
div.button.active,div.button:active {background-position: 0px -583px;}
div.button.active span,div.button:active span {background-position: right -703px;color: #555;}
div.button.disabled,div.button:disabled {background-position: 0px -613px;}
div.button.disabled span,div.button:disabled span {background-position: right -733px;color: #bbb;cursor: default;}
div.button {height: 30px;}
div.button span {margin-left: 13px;height: 22px;padding-top: 8px;font-weight: bold;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;padding-left: 2px;padding-right: 15px;}
div.selector {width: 190px;font-size: 12px;}
div.selector select {width: 190px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px;border: solid 1px #fff;}
div.selector span {padding: 0px 25px 0px 2px;cursor: pointer;}
div.selector span {color: #666;width: 158px;text-shadow: 0 1px 0 #fff;}
div.selector.disabled span {color: #bbb;}
div.checker {margin-right: 5px;}
div.radio {margin-right: 3px;}
div.uploader {width: 190px;cursor: pointer;}
div.uploader span.action {width: 85px;text-align: center;text-shadow: #fff 0px 1px 0px;background-color: #fff;font-size: 11px;font-weight: bold;}
div.uploader span.filename {color: #777;width: 82px;border-right: solid 1px #bbb;font-size: 11px;}
div.uploader input {width: 190px;}
div.uploader.disabled span.action {color: #aaa;}
div.uploader.disabled span.filename {border-color: #ddd;color: #aaa;}
.selector, .checker, .button, .radio, .uploader {display: -moz-inline-box;display: inline-block;vertical-align: top;zoom: 1;*display: inline;margin-top:-1px}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {outline: 0;}
div.button a,div.button button,div.button input {position: absolute;}
div.button {cursor: pointer;position: relative;}
div.button span {display: -moz-inline-box;display: inline-block;line-height: 1;text-align: center;}
div.selector {position: relative;padding-left: 10px;overflow: hidden;}
div.selector span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
div.selector select {position: absolute;opacity: 0;filter: alpha(opacity:0);height: 25px;border: none;background: none;}
div.checker {position: relative;}
div.checker span {display: -moz-inline-box;display: inline-block;text-align: center;}
div.checker input {opacity: 0;filter: alpha(opacity:0);display: inline-block;background: none;}
div.radio {position: relative;}
div.radio span {display: -moz-inline-box;display: inline-block;text-align: center;}
div.radio input {opacity: 0;filter: alpha(opacity:0);text-align: center;display: inline-block;background: none;}
div.uploader {position: relative;overflow: hidden;cursor: default;}
div.uploader span.action {float: left;display: inline;padding: 2px 0px;overflow: hidden;cursor: pointer;}
div.uploader span.filename {padding: 0px 10px;float: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: default;}
div.uploader input {opacity: 0;filter: alpha(opacity:0);position: absolute;top: 0;right: 0;bottom: 0;float: right;height: 25px;border: none;cursor: default;}
/** -- End Uniform Styles **/

/** -- Tooltip Styles **/
.tooltip {
	display:none;
	background:transparent url(/img/white_arrow_big.png);
	font-size:14px;
	height:114px;
	width:220px;
	padding: 25px 25px 10px;
	color:#000;	
    z-index:99999;
}

.tooltip.bottom {
	background:url(/img/white_arrow_big_bottom.png);
	padding-top:50px;
	height:114px;
}
/** -- // End Tooltip Styles **/

/*-----Top Seller----*/
.jcarousel-skin-tango .jcarousel-container {
margin:0px
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 658px;
    padding: 0px 35px 10px 35px;
	margin-bottom:15px;
	border:1px solid #dcdcdc;border-top:none;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 110px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  650px;
	margin-left:7px
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
     width: 650px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 110px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 5px;
    margin-right: 15px;
	
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/img/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/img/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/img/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.ver_align{display:table-cell;width:104px;height:104px;vertical-align:middle}
.bg_topSeller_top{background:url(/img/bg_topSeller_top.gif) no-repeat top left;height:35px;width:730px}
.item_space {
    border-bottom: 1px solid #dcdcdc;
    clear: both;
    margin-top: 3px;
    overflow: hidden;
    padding: 5px 0px;
}
.imgleft {
    float: left;
    margin: 0 10px 0 0;
    padding: 2px;
    text-align: left;
}
/*-------End Top seller--*/
/*-------Recently Viewed Products ------------*/
.bor_imgCate{background:url(/img/bor_imgCate.gif) no-repeat;width:180px;height:239px;overflow:hidden;padding:10px 0px 5px 0px;float:left}
.bor_imgCate img{text-align:center;}
.bor_imgCate p {margin-left:9px;}
.bor_imgCate p.prodTitle {padding:5px 10px 0px 5px;}
.bor_imgCate > .delete_item {position:relative;top:0;right:0;float:right;margin-top:-6px;margin-right:5px;z-index:1}

/*-------End Recently Viewed Products ------------*/
/*---mini cart---*/
.mini_cart{width:270px;-moz-box-shadow:0px 1px 5px #333333;-webkit-box-shadow:0px 1px 5px #333333;padding:10px;overflow:hidden;background-color:#FFFFFF;position:absolute;z-index:+99}
.mini_content{width:270px;padding-right:20px;margin:0px}
.mini_item{border:1px solid #c8c8c8;width:256px;padding:5px;;overflow:hidden;position:relative;margin-top:1px;margin-bottom:5px;height:87px;}
.mini_item:hover{border:#848484 1px solid;background-color:#EFEFEF}
.mini_item img{float:left;width:80px;height:80px;border:1px solid #c8c8c8}
.mini_item p{margin:0px 0px 5px 0px;width:150px;}
.detail{float:left;margin-left:10px;}
.mini_item a.remove{position:absolute;right:3px;top:3px;background:url(/img/buttons.png) no-repeat 0 0;width:13px;height:13px;display:block}
.mini_content a.top{background:url(/img/buttons.png) no-repeat -13px -25px;width:268px;height:25px;display:block;margin-bottom:4px}
.mini_content a.top:hover{background:url(/img/buttons.png) no-repeat -280px -25px;width:268px;height:25px;display:block;margin-bottom:4px}
.mini_content a.top.disabled{background:url(/img/buttons.png) no-repeat -547px -25px;width:268px;height:25px;display:block;margin-bottom:4px}
.mini_content a.bottom{background:url(/img/buttons.png) no-repeat -13px 0px;width:268px;height:25px;display:block;margin-top:4px}
.mini_content a.bottom:hover{background:url(/img/buttons.png) no-repeat -280px 0px;width:268px;height:25px;display:block;margin-top:4px}
.mini_content a.bottom.disabled{background:url(/img/buttons.png) no-repeat -547px 0px;width:268px;height:25px;display:block;margin-top:4px}
.mini_total{text-align:right;margin-top:10px;display:block;border-bottom:1px solid #c8c8c8;padding-bottom:5px}
/*---end mini cart---*/
/* Tiny Scrollbar */
#scrollbar1 { width: 200px;margin:5px 0px;padding:0px;position:relative;clear:both}
#scrollbar1 .viewport{width:195px; overflow: hidden;max-height:104px;position:relative;margin:0;padding:0;min-height:auto;clear:both}
#scrollbar1 .overview{ list-style-type: none; position: relative;margin:0px;padding:0px;left:0;top:0;width:190px}
#scrollbar1 .scrollbar,#scrollbar1 .thumb .end,#scrollbar1 .thumb{ background: transparent url(/img/bg-scrollbar.gif) no-repeat}
#scrollbar1 .scrollbar{ position: relative; background-position: 0 0; float: right; width: 15px;}
#scrollbar1 .track{ background: transparent url(/img/bg-scrollbar-end.gif) no-repeat 0 100%; height: 100%; width:13px; position:relative; padding: 0 1px;}
#scrollbar1 .thumb{ background-position: 100% 100%;width: 13px; cursor: pointer; overflow: hidden; position: absolute; top:0;height:20px}
#scrollbar1 .thumb .end{ background-position: 100% 0; height: 5px; width: 13px;}
#scrollbar1 .disable{ display: none; }




/* ---------- scrollpane ------ */
.simple .scrollbar-pane {
    margin:0px;padding:0px
}
.simple .scrollbar-handle-container {
    background: #EEE;
    width: 15px;
}
.simple .scrollbar-handle-container.hover,
.simple .scrollbar-handle-container.move {
    background: #E6E6E6;
}
.simple .scrollbar-handle, 
.simple .scrollbar-handle-up, 
.simple .scrollbar-handle-down {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAHCAYAAACcLcTKAAAAMklEQVR42mP4TwRgIBJQwwyGQWkZrR0+GDxPUO9gC2Gi3UNpqFArpIdFUh3UGZqY0gwAQe422HjkstgAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
}
/* handle */
.simple .scrollbar-handle {
    width: 13px;
    border: 1px solid #CCC;
	background-color: #CCC;
	background-position: -16px 50%;
}

.simple .scrollbar-handle:hover {
    border: 1px solid #666;
}

.simple .scrollbar-handle.move {
    border: 1px solid #666;
    background-color: #999;
}
/* arrow up */
.simple .scrollbar-handle-up {
    width: 13px;
    height: 13px;
    border: 1px solid #CCC;
    background-color: #CCC;
	background-position: -34px 2px;
	margin-bottom: 1px;
}
.simple .scrollbar-handle-up.hover,
.simple .scrollbar-handle-up:hover {
    border: 1px solid #666;
}
.simple .scrollbar-handle-up.move {
    background-color: #999;
}
/* arrow down */
.simple .scrollbar-handle-down {
    width: 13px;
    height: 13px;
    border: 1px solid #CCC;
    background-color: #CCC;
	background-position: 2px 4px;
	margin-top: 1px;
}
.simple .scrollbar-handle-down.hover,
.simple .scrollbar-handle-down:hover {
    border: 1px solid #666;
}
.simple .scrollbar-handle-down.move {
    background-color: #999;
}
.css-scrollbar{width:200px;max-height:91px;overflow:hidden;float:left;background:#FFF;}
.css-scrollbar.simple{width:200px;max-height:91px;margin:0px;overflow:hidden;float:left}
.css-scrollbar ul{margin:0;padding:0px;list-style-type:none}
.css-scrollbar ul li{margin:0;padding:0px;list-style-type:none}

/*---end scroll--*/
/*---overlay---*/
.apple_overlay {		
		/* initially overlay is hidden */
		display:none;
		/* growing background image */
		background-image:url(/img/overlay/white.png);
		/* 
			width after the growing animation finishes
			height is automatically calculated
		*/
		width:640px;		
		
		/* some padding to layout nested elements nicely  */
		padding:35px;
	
		/* a little styling */	
		font-size:11px;
	}
	/* default close button positioned on upper right corner */
	.apple_overlay .close {
		background-image:url(/img/overlay/close.png);
		position:absolute; right:5px; top:5px;
		cursor:pointer;
		height:35px;
		width:35px;
	}
	#overlay {color:#666666; height:450px;}
	div.contentWrap {height:450px; overflow-y:auto;border: 1px solid #666666; padding: 5px}
	div.contentWrap h4{color:#666666;}
	.overTitle{height:30px;width:100%;font-weight:bold;corlor:#000; font-size:14px;};
/*---*/
/*---css slide----*/
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 700px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin: 0px 0px 5px 0px;
	height: 23px;
	padding:4px 0px 0px 0px;
	border-bottom:1px #2f2f2f solid
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/img/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 600px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 500px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
a.thumb img{width:60px;height:60px}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 25px;
	border-bottom:1px solid #2f2f2f;
	overflow:hidden
}
div.navigation div.bottom {
	margin-top: 12px;
	height: 25px;
	border-top:1px solid #2f2f2f;
	overflow:hidden;
	padding-top:1px;clear:both
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right:3px;
	padding: 2px 5px;
	border: 1px solid #2f2f2f;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #d7d7d7;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/* GALLERY LIST */
/* IMPORTANT - Change '#myGallery' to the ID of your gallery list to prevent a flash of unstyled content */
#myGallery { visibility: hidden;margin:0 auto}

/* GALLERY CONTAINER */
.gv-gallery { overflow: hidden; width:960px}

/* LOADING BOX */
.gv-loader { background: url(/img/loading.gif) center center no-repeat #fff; }


/*************************************************/
/**   PANEL STYLES								**/
/*************************************************/

/* GALLERY PANELS */
.gv-panel { filter: inherit; }

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.gv-panel .gv-panel-overlay,
.gv-panel .gv-overlay-background { height: 5em; padding: 1em; }

/* PANEL OVERLAY BACKGROUND */
.gv-panel .gv-overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.gv-panel .gv-panel-overlay { color: white; }
.gv-panel .gv-panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* CONTENT PANELS */
.gv-panel-content { overflow-y: auto; }


/*************************************************/
/**   FILMSTRIP STYLES							**/
/*************************************************/


/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.gv-filmstrip { margin: 5px; }
.gv-filmstrip > li.gv-frame {list-style-type:none;}

/* FILMSTRIP FRAMES (contains both images and captions) */
.gv-frame {width:80px;height:80px;overflow:hidden;}

/* WRAPPER FOR FILMSTRIP IMAGES */
.gv-frame .gv-img_wrap {overflow:hidden}

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.gv-frame.current .gv-img_wrap {}

/* FRAME IMAGES */
.gv-frame img { border:1px solid #999;}

/* FRAME CAPTION */
.gv-frame .gv-caption { height: 2em; line-height: 2em; font-size: 1em; text-align: center; }

/* CURRENT FRAME CAPTION */
.gv-frame.current .gv-caption { }

/* POINTER FOR CURRENT FRAME */
.gv-pointer {
	border-color: #5e5e5e;
}

/* NAVIGATION BUTTONS */
.gv-nav-next {
	height: 22px;
	width: 22px;
	cursor: pointer;
	background: url(/img/next.png) top left no-repeat;
}
.gv-nav-prev {
	height: 22px;
	width: 22px;
	cursor: pointer;
	background: url(/img/prev.png) top right no-repeat;
}
.gv-panel-nav-next {
	height: 80px;
	width: 42px;
	cursor: pointer;
	background: url(/img/panel-nav-next.png) top left no-repeat;
}
.gv-panel-nav-prev {
	height: 80px;
	width: 42px;
	cursor: pointer;
	background: url(/img/panel-nav-prev.png) top right no-repeat;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .gv-pointer {
	filter: chroma(color=pink);
}
/*-----*/