.clearfix {
	DISPLAY: inline-block
}
.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; CONTENT: " "
}
* HTML .clearfix {
	HEIGHT: 1%
}
.clearfix {
	DISPLAY: block
}

TABLE {
	BORDER-SPACING: 0; BORDER-COLLAPSE: collapse
}
FIELDSET {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
IMG {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
ADDRESS {
	FONT-STYLE: normal; FONT-WEIGHT: normal
}
CAPTION {
	FONT-STYLE: normal; FONT-WEIGHT: normal
}
CITE {
	FONT-STYLE: normal; FONT-WEIGHT: normal
}
CODE {
	FONT-STYLE: normal; FONT-WEIGHT: normal
}
DFN {
	FONT-STYLE: normal; FONT-WEIGHT: normal
}
EM {
	FONT-STYLE: normal; FONT-WEIGHT: normal
}
TH {
	FONT-STYLE: normal; FONT-WEIGHT: normal
}
VAR {
	FONT-STYLE: normal; FONT-WEIGHT: normal
}
LI {
	LIST-STYLE-TYPE: none
}
CAPTION {
	TEXT-ALIGN: left
}
TH {
	TEXT-ALIGN: left
}
H1 {
	FONT-SIZE: 100%; FONT-WEIGHT: normal
}
H2 {
	FONT-SIZE: 100%; FONT-WEIGHT: normal
}
H3 {
	FONT-SIZE: 100%; FONT-WEIGHT: normal
}
H4 {
	FONT-SIZE: 100%; FONT-WEIGHT: normal
}
H5 {
	FONT-SIZE: 100%; FONT-WEIGHT: normal
}
H6 {
	FONT-SIZE: 100%; FONT-WEIGHT: normal
}
Q:before {
	CONTENT: ''
}
Q:after {
	CONTENT: ''
}
ABBR {
	BORDER-RIGHT-WIDTH: 0px; FONT-VARIANT: normal; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
ACRONYM {
	BORDER-RIGHT-WIDTH: 0px; FONT-VARIANT: normal; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
SUP {
	VERTICAL-ALIGN: text-top
}
SUB {
	VERTICAL-ALIGN: text-bottom
}
INPUT {
	Z-INDEX: -1; FONT-FAMILY: inherit; FONT-SIZE: 100%
}
TEXTAREA {
	Z-INDEX: -1; FONT-FAMILY: inherit; FONT-SIZE: 100%
}
SELECT {
	Z-INDEX: -1; FONT-FAMILY: inherit; FONT-SIZE: 100%
}
INPUT.text {
	LINE-HEIGHT: 18px; HEIGHT: 13px
}
LEGEND {
	COLOR: #000
}
BR {
	LETTER-SPACING: 0px
}
A {
	TEXT-DECORATION: none
}
P {
	LINE-HEIGHT: 22px; MARGIN: 0px 0px 20px
}
.center {
	MARGIN: 0px auto
}
.central {
	TEXT-ALIGN: center !important
}
.leftx {
	FLOAT: left
}
.rightx {
	FLOAT: right
}
.textleft {
	TEXT-ALIGN: left
}
.textright {
	TEXT-ALIGN: right
}
.middle {
	VERTICAL-ALIGN: middle
}
.clear {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 0px; MARGIN: 0px; MIN-HEIGHT: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: none; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}
.hide {
	DISPLAY: none
}



.videoList-container {
	POSITION: relative; MARGIN-BOTTOM: 24px; BACKGROUND: #e3e3e3 repeat-x;
}
.videoList-container .frame {
	POSITION: relative; WIDTH: 745px; FLOAT: left
}
.videoList-container .rightcontent {
	POSITION: relative; PADDING-BOTTOM: 20px; MIN-HEIGHT: 172px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; MARGIN-LEFT: 376px; PADDING-TOP: 20px
}
.videoList-container .rightcontent H2 {
	MARGIN-BOTTOM: 13px; COLOR: #333; FONT-SIZE: 18px; FONT-WEIGHT: 700
}
.videoList-container .rightcontent P {
	MARGIN-BOTTOM: 10px; COLOR: #333
}
.videoList-container .leftcontent {
	POSITION: absolute; WIDTH: 376px; HEIGHT: 212px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.videoList-container .video-link {
	TEXT-ALIGN: right; MARGIN: 10px 0px 0px
}
.videoList-container .vid {
	BACKGROUND: url(../images/hw_063157.png) no-repeat 0px 0px; FONT-SIZE: 14px
}
.videoList-container .vid B {
	BACKGROUND: url(../images/hw_063157.png) no-repeat 0px 0px; FONT-SIZE: 14px
}
.videoList-container #thumbs {
	BACKGROUND: url(../images/hw_063157.png) no-repeat 0px 0px; FONT-SIZE: 14px
}
.videoList-container .vid {
	OUTLINE-STYLE: none; OUTLINE-WIDTH: medium; BACKGROUND-POSITION: right 0px
}
.videoList-container .vid {
	LINE-HEIGHT: 26px; DISPLAY: inline-block; HEIGHT: 26px; CURSOR: pointer; TEXT-DECORATION: none
}
.videoList-container .vid B {
	LINE-HEIGHT: 26px; DISPLAY: inline-block; HEIGHT: 26px; CURSOR: pointer; TEXT-DECORATION: none
}
.videoList-container .vid B {
	PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-LEFT: 17px; PADDING-RIGHT: 2px; BACKGROUND-POSITION: 0px 0px; FONT-WEIGHT: 400; PADDING-TOP: 0px
}
.videoList-container A:link {
	COLOR: #fff
}
.videoList-container A:hover {
	COLOR: #fff
}
.videoList-container A:visited {
	COLOR: #fff
}
.videoList-container A:active {
	COLOR: #fff
}
.videoList-container A.vid:hover {
	BACKGROUND-POSITION: 100% -26px; HEIGHT: 32px
}
.videoList-container A.vid:hover B {
	BACKGROUND-POSITION: 0px -26px; HEIGHT: 32px
}
.videoList-container #thumbs {
	POSITION: relative; WIDTH: 100%; DISPLAY: none; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: 0px -92px; HEIGHT: 53px; CLEAR: both
}
.videoList-container #thumbs .mygallery {
	POSITION: absolute; DISPLAY: inline-block; RIGHT: 0px
}
.videoList-container #thumbs .mygallery .overclear {
	WHITE-SPACE: nowrap
}
.videoList-container #thumbs A {
	BORDER-BOTTOM: #aaa 2px solid; BORDER-LEFT: #aaa 2px solid; BACKGROUND-COLOR: #000; MARGIN-TOP: 12px; WIDTH: 84px; DISPLAY: inline-block; HEIGHT: 26px; OVERFLOW: hidden; BORDER-TOP: #aaa 2px solid; MARGIN-RIGHT: 5px; BORDER-RIGHT: #aaa 2px solid
}
.videoList-container #thumbs A IMG {
	MARGIN-TOP: -30px
}
.videoList-container #thumbs A:hover {
	BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid
}
.videoList-container #thumbs A.highlight {
	BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid
}
.videoList-container #thumbs A.prev {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; MARGIN-TOP: 12px; WIDTH: 26px; DISPLAY: none; BORDER-TOP-STYLE: none; BACKGROUND: url(../images/hw_063157.png) no-repeat 0px 0px; HEIGHT: 26px; BORDER-LEFT-STYLE: none; MARGIN-RIGHT: 5px
}
.videoList-container #thumbs A.next {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; MARGIN-TOP: 12px; WIDTH: 26px; DISPLAY: none; BORDER-TOP-STYLE: none; BACKGROUND: url(../images/hw_063157.png) no-repeat 0px 0px; HEIGHT: 26px; BORDER-LEFT-STYLE: none; MARGIN-RIGHT: 5px
}
.videoList-container #thumbs A.prev {
	POSITION: absolute; BACKGROUND-POSITION: -71px -63px; TOP: 4px; LEFT: 10px
}
.videoList-container #thumbs A.next {
	POSITION: absolute; BACKGROUND-POSITION: -106px -63px; TOP: 4px; RIGHT: 0px
}



#slide-index {
	POSITION: relative; MIN-WIDTH: 1000px; WIDTH: auto; HEIGHT: 373px; OVERFLOW: hidden
}
#slide-index .slides {
	MIN-WIDTH: 1000px; WIDTH: auto; HEIGHT: 373px
}
#slide-index .slide {
	POSITION: relative; MIN-WIDTH: 1000px; FLOAT: left; HEIGHT: 373px
}
#slide-index .image {
	Z-INDEX: 1; POSITION: absolute;
}
#slide-index .text {
	Z-INDEX: 2; POSITION: absolute; TOP: -500px
}
#slide-index .button {
	Z-INDEX: 2; POSITION: absolute; TOP: -500px
}
#slide-index .button {
	WIDTH: 138px; DISPLAY: none
}
#slide-index .control {
	Z-INDEX: 40; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 100%; BOTTOM: 0px; HEIGHT: 19px; CURSOR: pointer
}
#slide-index .control A {
	BACKGROUND-IMAGE: url(hw_000505.gif); FILTER: alpha(opacity=60); WIDTH: 11px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 11px; CURSOR: pointer; MARGIN-RIGHT: 6px; opacity: 0.6
}
#slide-index .control A:hover {
	BACKGROUND-IMAGE: url(hw_000506.gif); FILTER: alpha(opacity=100); opacity: 1
}
#slide-index .control A.active {
	BACKGROUND-IMAGE: url(hw_000506.gif); FILTER: alpha(opacity=100); opacity: 1
}


.autoMaxWidth {
	POSITION: relative; HEIGHT: 232px; OVERFLOW: hidden
}

.banner{margin:0 auto;text-align:left;}