.lof-ass {
	BORDER-RIGHT: #f4f4f4 1px solid; BORDER-TOP: #f4f4f4 1px solid; BORDER-LEFT: #f4f4f4 1px solid; BORDER-BOTTOM: #f4f4f4 1px solid
}
.lof-ass .lofass-container {
	OVERFLOW: hidden; WIDTH: auto; POSITION: relative; HEIGHT: auto
}
.lof-ass LI {
	LIST-STYLE-TYPE: none! important
}
.lof-ass H4 {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px
}
.lof-ass .preload {
	Z-INDEX: 100000; BACKGROUND: #e9e9e9; LEFT: 0px; WIDTH: 100%; COLOR: #fff; POSITION: absolute; TOP: 0px; HEIGHT: 100%; TEXT-ALIGN: center
}
.lof-ass .preload DIV {
	BACKGROUND: url(load-indicator.gif) no-repeat 50% 50%; WIDTH: 100%; HEIGHT: 100%
}
.lof-ass .lof-main-wapper {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 600px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 100%
}
.lof-ass .lof-main-wapper .lof-main-item {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 100%
}
.lof-ass .lof-main-wapper .lof-main-item IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.lof-ass .lof-description {
	Z-INDEX: 3; BACKGROUND: url(transparent_bg.png); LEFT: 50px; WIDTH: 400px; POSITION: absolute; TOP: 150px
}
.lof-ass .lof-description P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; MARGIN: 0px 8px; COLOR: #fff; PADDING-TOP: 8px
}
.lof-ass .lof-description H4 A {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 140%; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 20px; FONT-FAMILY: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif
}
.lof-ass .lof-description H4 A:hover {
	COLOR: #ff6; TEXT-DECORATION: underline
}
.lof-ass UL.lof-navigator {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px
}
.lof-ass UL.lof-navigator LI {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px! important; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; CURSOR: pointer; PADDING-TOP: 0px! important; LIST-STYLE-TYPE: none
}
.lof-ass .lof-navigator-outer {
	Z-INDEX: 3; RIGHT: 0px; OVERFLOW: hidden; WIDTH: 310px; COLOR: #fff; POSITION: absolute; TOP: 0px; HEIGHT: 300px
}
.lof-ass .lof-navigator LI.active {
	BACKGROUND: url(arrow-bg.png) no-repeat left center; COLOR: #fff
}
.lof-navigator LI:hover {
	
}
.lof-ass .lof-navigator LI H4 {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; FONT-SIZE: 100%; PADDING-BOTTOM: 0px! important; COLOR: #fff; PADDING-TOP: 15px! important
}
.lof-ass .lof-navigator LI DIV {
	BORDER-TOP: #e1e1e1 1px solid; PADDING-LEFT: 15px; BACKGROUND: url(transparent_bg.png);COLOR: #fff; POSITION: relative; HEIGHT: 100%
}
.lof-ass .lof-navigator LI.active DIV {
	BACKGROUND: url(grad-bg.gif); COLOR: #fff
}
.lof-ass .lof-navigator LI IMG {
	BORDER-RIGHT: #f5f5f5 2px solid; BORDER-TOP: #f5f5f5 2px solid; FLOAT: left; MARGIN: 15px 15px 10px 0px; BORDER-LEFT: #f5f5f5 2px solid; BORDER-BOTTOM: #f5f5f5 2px solid
}
.lof-ass .lof-navigator LI.active H4 {
	COLOR: #fff
}
.lof-ass .lof-next {
	DISPLAY: block; BACKGROUND: #f9f9f9; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 30px
}
.lof-ass .lof-previous {
	DISPLAY: block; BACKGROUND: #f9f9f9; WIDTH: 100%; BOTTOM: 0px; POSITION: absolute; HEIGHT: 30px
}
.lof-ass .grey {
	BORDER-RIGHT: #c5c5c5 1px solid; BORDER-TOP: #c5c5c5 1px solid; BORDER-LEFT: #c5c5c5 1px solid; BORDER-BOTTOM: #c5c5c5 1px solid
}
.lof-ass .grey .lof-navigator LI {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.lof-ass .grey .lof-navigator LI DIV {
	BORDER-TOP: #c5c5c5 1px solid
}
.lof-ass .grey .lof-navigator LI.active DIV {
	BACKGROUND: url(grey/grad-bg.png) repeat-x; COLOR: #fff
}
.lof-ass .blue {
	BORDER-RIGHT: #d9e1e7 1px solid; BORDER-TOP: #d9e1e7 1px solid; BORDER-LEFT: #d9e1e7 1px solid; BORDER-BOTTOM: #d9e1e7 1px solid
}
.lof-ass .blue .lof-navigator LI {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.lof-ass .blue .lof-navigator LI DIV {
	BACKGROUND: #f3f8fb
}
.lof-ass .blue .lof-navigator LI.active DIV {
	BACKGROUND: url(blue/grad-bg.png) repeat-x; COLOR: #fff
}
.lof-ass .blue .lof-navigator H4 {
	COLOR: #3b6197
}
.lof-ass .blue .lof-navigator LI DIV {
	BORDER-TOP: #d9e1e7 1px solid; COLOR: #676767
}
.lof-ass .red {
	BORDER-RIGHT: #e5d7f1 1px solid; BORDER-TOP: #e5d7f1 1px solid; BORDER-LEFT: #e5d7f1 1px solid; BORDER-BOTTOM: #e5d7f1 1px solid
}
.lof-ass .red .lof-navigator LI {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.lof-ass .red .lof-navigator LI DIV {
	BORDER-TOP: #c5c5c5 1px solid
}
.red .lof-navigator LI.active DIV {
	BACKGROUND: url(red/grad-bg.png) repeat-x; COLOR: #fff
}
.lof-ass .purple {
	BORDER-RIGHT: #e5d7f1 1px solid; BORDER-TOP: #e5d7f1 1px solid; BORDER-LEFT: #e5d7f1 1px solid; BORDER-BOTTOM: #e5d7f1 1px solid
}
.lof-ass .purple .lof-navigator LI {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.lof-ass .purple .lof-navigator LI DIV {
	BORDER-TOP: #e5d7f1 1px solid; BACKGROUND: #f9f6fd; COLOR: #676767
}
.lof-ass .purple .lof-navigator LI.active DIV {
	BACKGROUND: url(../purple/grad-bg.png) repeat-x; COLOR: #fff
}
.lof-ass .purple .lof-navigator H4 {
	COLOR: #662072
}
.lof-ass .pink {
	BORDER-RIGHT: #e5d7f1 1px solid; BORDER-TOP: #e5d7f1 1px solid; BORDER-LEFT: #e5d7f1 1px solid; BORDER-BOTTOM: #e5d7f1 1px solid
}
.lof-ass .pink .lof-navigator LI {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.lof-ass .pink .lof-navigator LI DIV {
	BORDER-TOP: #e5d7f1 1px solid; BACKGROUND: #f9f6fd; COLOR: #676767
}
.lof-ass .pink .lof-navigator LI.active DIV {
	BACKGROUND: url(pink/grad-bg.png) repeat-x; COLOR: #fff
}
.lof-ass .pink .lof-navigator H4 {
	COLOR: #b40c81
}
.lof-ass .lof-snleft .lof-main-wapper {
	CLEAR: both; MARGIN-LEFT: auto; HEIGHT: 300px
}
.lof-ass .lof-snleft .lof-main-item IMG {
	FLOAT: right
}
.lof-ass .lof-snleft .lof-navigator-outer {
	LEFT: 0px; TOP: 0px; TEXT-ALIGN: left
}
.lof-ass .lof-snleft .lof-description {
	RIGHT: 50px; LEFT: auto
}
.lof-ass .lof-snleft .lof-navigator .active {
	BACKGROUND: url(arrow-bg2.gif) no-repeat right center
}
.lof-ass .lof-snleft .lof-navigator LI DIV {
	MARGIN-RIGHT: 18px
}
.lof-ass .lof-snleft .lof-navigator LI.active DIV {
	BACKGROUND: url(grad-bg2.gif); MARGIN-RIGHT: 18px
}
.lof-ass .lof-css3 .lof-description {
	moz-box-shadow: 0 0 1px #333; webkit-box-shadow: 0 0 1px #333; box-shadow: 0px 0px 1px #333
}
.lof-ass .lof-css3 {
	moz-box-shadow: 0 0 10px #333; webkit-box-shadow: 0 0 10px #333; box-shadow: 0px 0px 10px #333
}
.lof-ass .lof-css3 .preload {
	moz-box-shadow: 0 0 10px #333; webkit-box-shadow: 0 0 10px #333; box-shadow: 0px 0px 10px #333
}