A { font-family: Tahoma, Arial; font-size: 13px; }
A:link {text-decoration: none; color: #396a9d; }
A:visited {text-decoration: none; color: #396a9d; }
A:hover {text-decoration: underline; color: #de6600; }

*
{
	padding: 0;
	margin: 0;
}

body
{
	background-image: url(/style/shj2009/images/brg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	/*font-size:70%;*/
  FONT-FAMILY: arial, sans-serif;
  background-color: #3d0101;
  color: #ffffff;
}

/*
    anythingSlider v1.3
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 737px; height: 206px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 737px; overflow: hidden; height: 206px; margin: 0; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul li img { width: 737px; height: 206px; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px none #e0a213; border-bottom: 3px none #e0a213; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 206px; width: 737px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

.thumbNav                               { position: relative; top: 323px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop                             { z-index: 10; display: none; background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

p { padding-bottom: 10px; }

.td_NewsTitleOnHome { /* background-color: #f3e6ab;  */}
.td_NewsTitleOnHome_hover { background-color: #ffb27e; }

a.TypeMenu { padding-left: 5px; font-family: Tahoma, Arial; font-size: 10px;	font-style: normal;	font-weight: normal; text-decoration: none; color: #ffffff; }
a.TypeMenu:hover { color: #ffffff; }
a.TypeMenu:visited { color: #ffffff; }

a.CategoryMenu { padding-left: 15px; font-family: Verdana, Arial; font-size: 11px;	font-style: normal;	font-weight: normal; text-decoration: none; color: #ffffff; }
a.CategoryMenu:hover { color: #ffffff; }
a.CategoryMenu:visited { color: #ffffff; }

a.NewsTitleOnHome { font-family: Tahoma, Arial; font-size: 11px;	font-style: normal;	font-weight: normal; text-decoration: none; color: #f3e6ab; }
a.NewsTitleOnHome:hover { color: #f3e6ab; }

.table_960 { width: 960px; margin: 0 auto; }

A.LeftCategoryTitleOnHomePage { font-family: Tahoma, Arial; font-size: 10px;	font-style: normal;	font-weight: bold; text-decoration: none; color: #a80000; }
A.LeftCategoryTitleOnHomePage:hover { font-family: Tahoma, Arial; font-size: 10px;	font-style: normal;	font-weight: bold; text-decoration: none; color: #a80000; }
A.LeftCategoryTitleOnHomePage:visited { font-family: Tahoma, Arial; font-size: 10px;	font-style: normal;	font-weight: bold; text-decoration: none; color: #a80000; }
A.LeftCategoryTitleOnHomePage:link { font-family: Tahoma, Arial; font-size: 10px;	font-style: normal;	font-weight: bold; text-decoration: none; color: #a80000; }

.CategoryStatus { color: #bba01b; font-size: 10px; }

.divVertical
{
	border: none 0px #000000;
	text-align: center;
}

.MenuItem
{
	float: left;
	padding-left: 20px;
	height: 26px;
}

.Menu_TextOn
{
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url("/style/shj/images/tab02_on.gif");
	height: 30px;
	width: 20px;
	padding: 0px 5px 0px 5px;
	width: 145px;
	
}

.Menu_TextOn A,
.Menu_TextOn A:link,
.Menu_TextOn A:visited
{
  font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
}

.Menu_TextOff
{
	vertical-align: middle;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	background-image: url("/style/shj/images/tab02_off.gif");
	height: 30px;
	white-space: nowrap;
	width: 20px;
	width: 145px;
}

.Menu_TextOff A,
.Menu_TextOff A:link,
.Menu_TextOff A:visited
{
  font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.Menu_TextOff A:hover
{
  text-decoration: underline;
  font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.Menu_Img
{
	float: left;
}

.MenuTop_Bottom
{
	width: 980px;
	background-color: #006594;
	height: 26px;
	float: left;
}

A.MenuOnHomepage
{
  font-size: 14px;
  font-family: Arial;
	text-decoration: underline;
	font-weight: bold;
	color: #0000FF;
	text-align: left;
	line-height: 28px;
}


.icon_left_on
{
	float: left;
}
.icon_left_off
{
	float: left;
}
span.font_Arial_16_blue
{
  font-size: 16px;
  color:#020095;
  text-decoration:none;
}
span.font_Arial_16_blue_b
{
  font-size: 16px;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
}
A.font_Arial_16_blue_b:link
{
  text-decoration:none;
  color:#020095;
}
A.font_Arial_16_blue_b:visited
{
text-decoration:none;
color:#020095;
}
A.font_Arial_16_blue_b:active
{
text-decoration:none;
color:#020095;
}
A.font_Arial_16_blue_b:hover
{
text-decoration:none;
color:#020095;
}

.font_Arial_13_black_b
{
font-weight:bold;
color: #000000;
}
.font_Arial_13_orange
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FB6E10;
text-decoration:none;
}

.font_Arial_16_orange
{
  font-size: 16px;
  color:#FB6E10;
  text-decoration:none;
}

.font_Arial_12_orange
{
color:#FB6E10;
font-size: 12px;
}

.font_Arial_10_brown
{
font-size: 10px;
color:#636363;
text-decoration:none;
}

.font_Arial_12_brown
{
font-size: 12px;
color:#636363;
text-decoration:none;
}

.font_Arial_10_black
{
font-family:Arial;
font-size:10px;
color:#000000;
}

.font_date
{
  font-family: Verdana;
  font-size: 12px;
  color:#ffffff;
}

.font_Arial_10_black_b
{
font-family:Arial;
font-size:10px;
color:#000000;
font-weight:bold;
}

.font_Arial_14_black
{
font-size: 14px;
text-decoration:none;
}

.HomePage_AdvCenter
{
	width: 640px;
	float: left;
	height: 240px;
}

.HomePage_CategoryLeft
{
	width: 324px;
	float: left;
	overflow: visible;
	vertical-align: middle;
}

.TopHead
{
	border-bottom: 1px solid black;
	border-top: 1px solid white;
	border-right: 1px solid #343E47;
	border-left: 1px solid white;
	padding-left: 10px;
	font-family: Verdanda, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
}

.imageBorder
{
	border-bottom: 1px solid black;
	border-top: 1px solid white;
	border-right: 1px solid #343E47;
	border-left: 1px solid white;
}

span.MenuTitleOnMenuPage { font-family: Tahoma; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: underline; }
span.ArticleTitle { font-family: Tahoma, Arial; font-size: 15px; font-style: normal; font-weight: bold; color: #a31c02; text-decoration: none; line-height: 28px; }
span.SukienTitle { font-family: Tahoma, Arial; font-size: 13px; font-style: normal; font-weight: bold; color: #CC0000; text-decoration: none; line-height: 28px; }
span.TailieuTitle { font-family: Tahoma, Arial; font-size: 13px; font-style: normal; font-weight: bold; color: #CC0000; text-decoration: none; line-height: 28px; }
a.ArticleImage img { border: 0; margin-right: 3px; margin-bottom: 3px; width: 150px; float: left; }
span.OtherTitle { font-family: Tahoma, Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #990000; text-decoration: none; line-height: 28px; }
a.OtherArticleTitle { font-family: Arial, Tahoma; font-size: 12px; font-style: normal; font-weight: bold; color: navy; text-decoration: none; }

A.HotNews { color: #000000; font-family: 'verdana'; font-weight: normal; font-size: 10pt; }

A.HotNews :link { color: #000000; font-family: 'verdana'; font-weight: normal; font-size: 10pt; }

A.HotNews :hover { color: #000000; font-family: 'verdana'; font-weight: normal; font-size: 10pt; text-decoration: underline; }

A.HotNews :visited { color: #000000; font-family: 'verdana'; font-weight: normal; font-size: 10pt; }

A.product { font-size: 11px; line-height: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #ffffff; }

.OutsideTable {	width: 760px; text-align: center; }

A.NewsTitle { font-family: Tahoma, Arial; font-size: 15px; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none; }

.NewsShortContent { font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; }
.NewsShortContentWhite { font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; color: #e7c861; }

.PageMoves { font-family: Tahoma, Arial; font-size: 13px; font-style: normal; font-weight: normal; color: navy; }

.PageMoves A { color: #890000; }

.PageMoves A:link { color: #890000; }

.PageMoves A:hover { color: #890000; text-decoration: underline; }

.PageMoves A:visited { color: #890000; }

.NewsShortContentOnNewsPage { font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #666666; }

.NewsIamgeDescription { font-family: Arial; font-size: 11px; font-style: normal; font-weight: normal; color: #CC0000; }

.NewsEvent { font-family: Arial, Tahoma; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; }

.EventTitle { font-family: Tahoma, Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #1A4488; text-decoration: none; }

.NewsDocTitle { font-family: Arial, Tahoma; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; }

.NewsDoc { font-family: Tahoma, Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #1A4488; text-decoration: none; }

.NewsDocTitle { font-family: Arial, Tahoma; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; }

.NextNews { font-family: Tahoma, Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #990000; text-decoration: none; }

.NextNewsLink { font-family: Arial, Tahoma; font-size: 12px; font-style: normal; font-weight: bold; color: navy; text-decoration: none; }

.NextNewsLink TD { margin-left: 20px; }

.CategoryTitleOnCategoryPage { font-family: Tahoma; font-size: 16px; font-weight: bold; color: #890000; text-decoration: underline; text-align: center; }

.TypeName { background-color: #890000; font-family: Tahoma; font-size: 12px; font-weight: bold; color: #FFE000; text-decoration: none; }
.TypeName TD { border-bottom: #FFFFFF 1px solid; }

.ShoppingCart { font-family: Tahoma; font-size: 11px; font-style: italic; font-weight: bold; color: #000000; text-decoration: none; }

.ContactTitle { font-family: Tahoma; font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; }

.normal_font {	font-family: 'arial'; font-weight: normal; font-size: 10pt; }

A.login_link { font-family: 'arial'; font-weight: normal; font-size: 10pt; color: #ffffff; }
A.login_link:hover { text-decoration: underline; }
A.login_link:visited { font-family: 'arial'; font-weight: normal; font-size: 10pt; color: #ffffff; }

.ImageProduct { width: 100px; height: 100px; border: solid 1px #ffffff; }

.login_textinput {
	BORDER-RIGHT: #9baaaf 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #9baaaf 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/images/txtboxbg.gif); BORDER-LEFT: #9baaaf 1px solid; COLOR: #686868; BORDER-BOTTOM: #aabbbf 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.login_button {
	BORDER-RIGHT: #9baaaf 1px solid; BORDER-TOP: #9baaaf 1px solid; FONT-SIZE: 100%; BORDER-LEFT: #9baaaf 1px solid; COLOR: #606f79; BORDER-BOTTOM: #9baaaf 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e8f0f0
}

.Copyright { color: #f3e6ab; font-family: Verdana; font-size: 11px; line-height: 22px; }
a.Copyright { color: #f3e6ab; font-family: Verdana; font-size: 11px; font-weight: bold; line-height: 22px; }
a.Copyright:visited { color: #f3e6ab }

.LoginButton { BORDER-RIGHT: #9baaaf 1px solid; BORDER-TOP: #9baaaf 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #9baaaf 1px solid; COLOR: #ff0505; font-weight: bold; height: 22px; width: 100px; BORDER-BOTTOM: #9baaaf 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f1f1f1; }

a.login { color: #f3e6ab; font-family: Verdana; font-size: 11px; font-weight: normal; line-height: 22px; }
a.login:visited { color: #f3e6ab }

.myMenu, .myMenu * { width: 180px; list-style: none; }
.myMenu a, .myMenu a:visited { display: block; position: relative; color: #ffffff; text-decoration: none; border-top: 1px none #ae0000; line-height: 1.0; }
.myMenu a:hover { text-decoration: underline; }
.myMenu li { width: 100%; padding: .55em; }
.myMenu li ul li { left: 10em; }

/* gallery */

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 450px;
	margin: 0 auto;
	/* background-color: #87021e; */
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #fff;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 402px; /* 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('/images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 450px;
	height: 402px; /* This should be set to be at least the height of the largest image in the slideshow */
	display: none;
}
div.slideshow {
 
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 450px;
	height: 402px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 402px; /* 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;
	width: 400px;
	height: 400px;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 95px;
	top: 300px;
	background-color: #000000;
	opacity:0.4;
	filter:alpha(opacity=40);
}
span.image-caption {
	display: block;
	position: absolute;
	width: 450px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.0em;
}
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 {
	position: relative;
	float: left;
	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;
}
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: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
#disqus_thread { color: #000000; }
#disqus_thread * { color: #000000; }
.dsq-popup-content { color: #000000; }
.dsq-comment-cite { color: #414141 }
.dsq-comment-header-time, .dsq-reply-link { color: #000000; }