@charset "utf-8";

/* reset */
*{margin:0;padding:0;outline:0;}
img {border: 0; }
.clear { clear: both; }
.line {clear: both;padding: 15px 0 0;margin: 0 0 25px;border-bottom: 1px solid #999;}

/* typography and links */
a { text-decoration: none;color: #333;}
a:hover { text-decoration: underline;color: #0000ff;}

p { margin: 0 0 17px; line-height: 1.6em; }

/* headings */
h1, h2, h3, h4, h5 {font-weight: normal;}
h1 {float: left; font-size: 2.2em; color: #fff;letter-spacing: -1.4px;	padding: 40px 0 0 0;}
h1 a { color: #fff; }
h1 a:hover { color: #999; }
h2 { margin: 0 0 15px; font-size: 1.9em; color: #000; }
h2.inner { border-bottom: 1px solid #ddd; margin: 0 0 25px; padding: 0 0 10px; }
h3 { margin: 0 0 7px;  font-size: 1.3em; clear: both; color: #000; line-height: 1.3em; }
h4 { margin: 0 0 10px; font-size: 1.2em; color: #000; }
h4.inner { border-bottom: 1px solid #ddd; margin: 0 0 25px; padding: 10px 0 10px; }
h5 {font-size: 1em;color: #eee; margin: 0 0 14px;}

#bg { background: url(/images/bg.jpg) no-repeat center top; }
#bg1 { background: url(/images/bg1.jpg) no-repeat center top; }

/* content holder */
.wrap { margin: 0 auto; width: 960px;}

/* menu */
#mainmenu{ float: right;padding: 30px 0 0 0;}
#menu ul { float: right;}
#menu li { display: inline; float: left; margin: 0 0 0 12px; text-align: center;}
#menu li a { display: block; color: #999; padding: 7px; font-size: 1.1em; border: 1px solid transparent; }
#menu a:hover { border-color: #444;  color: #fff; }
#menu li a.current { color: #fff;text-decoration:underline;}
#menu li ul { top: 98px; background: url(/images/dot.png); padding: 3px;font-size: .92em; position: absolute; display: none; z-index: 100; 	}
#menu li ul li { float: none; display: inline; margin: 0; padding: 0; clear: left;}
#menu li ul li a { color: #fff;margin: 4px; white-space: nowrap;padding: 8px;}
#menu li ul li a:hover {background: #2C2D2F;border-color: #2C2D2F;}

/* submenu */
#submenu
{width: 960px;float: left;padding: 0 0 2px 100px;margin: 13px 0 10px 0;background: #f4f4f4 url(/images/submenubg.jpg) no-repeat;}
#submenu ul { float: left;}
#submenu li { display: inline; float: left; margin: 0 0 0 12px; text-align: center;}
#submenu li a { display: block; color: #999; padding: 7px; font-size: 1.1em; border: 1px solid transparent; }
#submenu a:hover { border-color: #444;  color: #fff; }
#submenu li a.current { color: #ff651b;text-decoration:underline;}
#submenu li ul { top: 98px; background: url(/images/dot.png); padding: 3px;font-size: .92em; position: absolute; display: none; z-index: 100; 	}
#submenu li ul li { float: none; display: inline; margin: 0; padding: 0; clear: left;}
#submenu li ul li a { color: #fff;margin: 4px; white-space: nowrap;padding: 8px;}
#submenu li ul li a:hover {background: #2C2D2F;border-color: #2C2D2F;}
#submenu li span { color: #fff; padding: 2px; font-size: 0.9em;}

/* tbox menu */
#tboxmenu
{width: 1024px;float: left;padding: 0 0 0px 0px;margin: 15px 0px 0px 0px;background: #f4f4f4 url(/images/top_bonsabg.gif) no-repeat;}

/* pitch slideshow */
#pitch { clear: both; height: 296px; background: url(/images/shadow.png) no-repeat left bottom;margin: 0 0 25px;}
#slideshow {position:relative;height: 310px;}
#slideshow img {float: left;}
#slideshow div {position: absolute;top: 0;left: 0;z-index: 8;}
#slideshow div.active {z-index: 10;}
#slideshow div.last-active {z-index: 9;}

#zoom { z-index: 11; }

/* pitch overlay */
.overlay {
	clear: both;
	float: left; 
	z-index: 100;
	position: relative; 
	margin: 100px 0 0; 
}
.overlay h2{ 
	color: #fff; 
	font-size: 2em;
	background: url(/images/dot.png);
	padding: 16px;
	margin: 0;
	float: left;
	width: 300px;
}
.overlay p {
	clear: both;
	background: #fff;
	padding: 16px;
	width: 300px;
}

#slideshow:hover .arrow {
	background: url(/images/dot.png);
}

.arrow { 
	float: right;
	position: relative;
	width: 65px;
	height: 63px;
	margin: -180px 0 0;
	z-index: 100;
}

.arrow a { 
	float: left;
	background: url(/images/pitcharrow.gif) no-repeat center center; 
	width: 15px;
	height: 24px;
	padding: 19px 25px;
}


/* inner pitch */
#inner-pitch {
	clear: both;
}
#inner-pitch .overlay {
	margin: 0;
	width: 920px;
}

/* main content */
#main { 
	clear: left; 
	float: left; 
	width: 680px;
	border-right: 1px dotted #ddd;
	padding: 0 30px 0 0;
	margin: 0 0 30px;
}

#intro { 
	padding: 0 0 20px; 
	margin: 0 0 25px;
	border-bottom: 1px dotted #ddd; 
}

/* holder for page content */
#page { 
	
}
.justify { 
	text-align: justify; 
}

/* images align */
.left { float: left; margin: 0 15px 5px 0; }
.right { float: right; margin: 0 0 5px 15px; }

.left2 {width:180px; float:left;}
.right2 { width:764px; margin-left:10px; float:right;}

.left3 {width:150px; float:left; margin:0px; padding:0px; }
.right3 { width:810px; float:right; margin:0px 0px 30px 0px; padding:0px;}

/* tables */
.tablefirst {float: left;padding: 0px 5px 5px 5px;}
.tablefirst a:hover {color:#0000ff;text-decoration:underline;}
.tabletitle {float: right;padding: 0px 5px 5px 5px;}
.tabletitle a:hover {color:#0000ff;text-decoration:underline;}

.table { 
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 30px;	
}
.table td
{
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 1.0em;
}
.table thead td {
	font-weight: bold;
	border-bottom: 3px double #ddd;
	border-top: 1px solid #ddd;
	background: #fff;
	font-size: 0.9em;
	text-align:center;
}
.table .tgongi td{
	background: #ddd;
	font-size: 0.9em;
}
.table .viewtitle td{
	background: #fff;
	border: 1px solid #ddd;
	font-weight: bold;
	font-size: 1.2em;
}
.table .odd td { background: #fff; }
.table a:hover {color:#0000ff;text-decoration:underline;}
.table .fontsmall { font-size: 0.9em; text-align:center;}

.tablenormal { 
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 30px;
	font-size: 0.9em;
}
.tablenormal td
{
    padding: 0px 5px 0px 5px;
    font-size: 1.0em;
}
.tablenormal thead td {
	font-weight: bold;
	border-bottom: 3px double #ddd;
	border-top: 1px solid #ddd;
	background: #fff;
	font-size: 1.0em;
	text-align:center;
}
.tablenormal a:hover {color:#0000ff;text-decoration:underline;}

/* blog posts */
.blog-post  { 
	border-bottom: 1px solid #ddd; 
	margin: 0 0 30px; 
}
.blog-date { 
	float: left; 
	width: 40px; 
	text-align: right; 
	font-size: .9em; 
	padding: 4px 0 0;
}
.blog-date span { 
	font-size: 1.8em; 
}
.blog-body { 
	float: right; 
	width: 590px; 
	border-left: 1px solid #ddd;
	padding: 0 0 0 22px;
}

/* lists */
#page ul, #page ol { 
	margin: 0 0 25px 27px; 
}
#page li { 
	padding: 6px 0; 
	list-style: square; 
}

/* boxes */
.half, .third { 
	float: left; 
	width: 292px; 
	background: #fff; 
	padding: 15px; 
	margin: 0 30px 30px 0; 
}
.third {
	width: 175px;
}

.last { 
	margin-right: 0; 
}

/* home page bits */
#bits {
	clear: both;
	margin: 0 0 25px; 
}

.bit {
	float: left;
	width: 203px;
	padding: 0 35px 0 0;
}
.bit h4 {
	margin: 0 0 18px;
}
.bit img { margin: 0 0 8px; }

.bit p {
	font-size: .9em;
}
.bit.last { padding-right: 0; }
.more { margin: 0; }
.more a:hover { 
	color: #0000ff; 
}


/* sidebar */
#side { 
	float: right; 
	width: 220px; 
	font-size: .9em;
}
#side h4 {
	margin: 0 0 23px;
	font-size: 1.3em;
}

.news { 
	border-bottom: 1px dotted #ddd;
	margin: 0 0 11px;
 
}
.news h5 { 
	margin: 0 0 5px; 
	font-size: 1.2em;
}
.news h5 a:hover { 
	color: #0000ff;
}
.news p {
	margin: 0 0 11px;
}

#quote
{
    margin: 0 0 30px;
    padding: 20px 0 0 0;
    font-size: 1.2em;
}
#quote a{font-size: 1.4em;}
#quote a:hover{color:#0000ff;}

/* side menu */
.side-menu li { 
	list-style: none; 
	padding: 10px 4px; 
	border-bottom: 1px solid #ddd; 
}


/* forms */
fieldset {
	border: 0;
}
label { 
	display: block;
	color: #444;
	padding: 0 0 2px;
}
input.text, textarea.text {
	width: 250px;
	padding: 5px;
	border: 0;
	border: 1px solid #999;
	margin: 0 0 3px;
}
textarea.text  {
	width: 500px;
	height: 120px;
}
.replybigtext  {
    border: 1px solid #999;
	width: 500px;
	height: 52px;
}
.drawlinebottom  {
    border-bottom: 1px solid #ddd;
}
.textinput  
{
    margin: 0 0 3px;
    padding: 5px;
    border: 1px solid #999;
}
.textinputnumber { color:#000000; border: 1px solid #232323;padding:3px 4px 0 0;margin-left: 0px;margin-top: 1px;cursor: hand;background-color: #ffffbb; text-align:right;}
.buttonstyle1 {cursor:pointer;height:28px;width:100px;font:normal 11px ±¼¸², Helvetica, sans-serif;text-align:center;padding:1px 0;border: 1px solid #333;}
input.submit {
	color: #fff;
	padding: 7px 10px;
	border: 0;
	font-weight: bold;
	background: #777;
}

/* footer */
#footer { 
	clear: both; 
	color: #999; 
	background: url(/images/footertile.jpg) repeat-x;
	font-size: .9em;
}
#footerbg {
	padding: 35px 0 15px 0;
	background: url(/images/footer.jpg) no-repeat center top;
}
#footer p { 
	margin: 0 0 12px;
	padding: 6px 0;
}
#footer_menu {
	float: right;
	padding: 4px 0 0;
}
#footer_menu span {
    color: #999;
	font-size: 1.2em;
}
#footer a { 
	color: #999; 
	margin: 0 5px 0 0; 
	padding: 6px 10px;
	background: url(/images/dot.png) no-repeat left center; 
	border: 1px solid transparent;
}
#footer a:hover {
	border-color: #fff;
	color: #fff;
}
#fleft {
	clear: both;
	padding: 25px 0 0;
	font-size: .94em;
}

#copy { 
	color: #777; font-size: 1.5em; 
}
#copy span { 
	color: #999; 
}

#slider {
	padding-top:7px;
	position:relative;
	padding-left:45px;
	width:916px;
	height:95px;
	background:url('/images/middle/slider-bg.gif') repeat-x 0 0;
}
.jcarousel-clip, .slider-carousel {
	width:884px;
	height:93px;
	position:relative;
}
.slider-carousel ul {
	list-style-type:none;
}
.slider-carousel ul li {
	float:left;
	display:inline;
}
#slider ul li a:hover img {
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}
.slider-left {
	float:left;
	width:13px;
	height:131px;
	background:url('/images/middle/slider-left.gif') no-repeat 0 0;
	position:absolute;
	top:-12px;
	left:-14px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
}
.slider-right {
	float:left;
	width:15px;
	height:131px;
	background:url('/images/middle/slider-right.gif') no-repeat 0 0;
	position:absolute;
	top:-12px;
	right:-15px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
}
#mycarousel-prev {
	float:left;
	width:11px;
	height:21px;
	background:url('/images/middle/arrow-left.gif') no-repeat 0 0;
	position:absolute;
	top:50px;
	left:4px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
	cursor:pointer;
}
#mycarousel-next {
	float:left;
	width:11px;
	height:21px;
	background:url('/images/middle/arrow-right.gif') no-repeat 0 0;
	position:absolute;
	top:50px;
	right:1px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
	cursor:pointer;
}

.slider-item { width: 100% !important; }
.slider-item img { float:right; margin:0; padding:0;}
.slider_content_inner img { border: none; }

div#slidetextshow
{
    width: 100%;
    height: 26px;
    background: url('/images/text-slide-bg.jpg') no-repeat 0 0;
    margin-bottom: 15px;
}
.slidertext-item
{
    width: 100%;
    margin-top: 4px;
    margin-left: 80px;
}

.login
{
    height: 82px;
    position: relative;
    padding: 5px 14px 10px 14px;
    border: 1px solid #b6b8bb;
    width: 190px;
    background: #f9f9f9;
}
.join_link{color:#999;margin-bottom:3px;font-size:11px;}
.join_link a {color:#999;}
.join_link a:hover {color:#ff651b;}
.login_box{margin-bottom:3px;}
.login_input{padding: 0px 0px 0px 5px;width: 120px;height: 20px;border: 1px solid #b6b8bb;font-size:11px;}
.login_label{visibility:hidden;overflow:hidden;width:1%;height:1%;position:absolute;}
.login_btn{position:absolute;top:26px;left:154px;}
.logininfo_box{margin-bottom:1px;}
.logininfo_top {font-size:11px;margin-bottom:-3px;text-align:center;}
.logininfo_middle {color:#0000ff;font-weight:bold;margin-bottom:0px;font-size:12px;text-align:center;}
.login_adminbtn{position:absolute;top:46px;left:22px;}
.login_storebtn1{position:absolute;top:46px;left:16px;}
.login_storebtn2{position:absolute;top:46px;left:120px;}
.logininfo_bottommenu {color:#999;position:absolute;top:70px;width:190px;font-weight:bold;margin-top:5px;font-size:12px;text-align:center;}

/* login box area */
.loginbox { float: left; width: 380px; padding: 0px; margin: 0px; }
.loginboxlast { float:left; margin-right: 0; }

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; border: 1px solid #b6b8bb; }
#contactform * { color:#000000; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #999; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #999; margin:2px 0; padding:2px; background:#fff; float:left; }

/* sdmenu */
div.sdmenu {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 0px;
	background: url(/images/bottom.gif) no-repeat  right bottom;
	color: #fff;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
div.sdmenu div {
	background: url(/images/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(/images/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span 
{
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(/images/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #bbb;
}
div.sdmenu div.collapsed span {
	background-image: url(/images/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #bbb;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066 url(/images/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: underline;
}
div.sdmenu div li {
    height:3px;
	background: #999;
}

.divbox{border:none;}
.divbox p{position:relative;margin:0;}
.divbox p img.eximg{display:inline-block;vertical-align:middle;border:0;}
.divbox p span.text{display:inline-block;vertical-align:middle;font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff;}
.divbox p span a {color: #ffffff;font:bold 11px Arial, Helvetica, sans-serif;}
.divbox p a {color: #ffffff;font:bold 11px Arial, Helvetica, sans-serif;}
.divbox p a:hover {color: #c0c0c0;text-decoration: underline;}

/* T-menu */
.blankh5 { height:5px;}
.divshoppingmenubox {border:none;}
.divshoppingmenubox p{position: relative;margin: 0;height:18px;margin-left:12px;color: #333;}
.divshoppingmenubox p a {font:normal 12px ±¼¸², Helvetica, sans-serif;}
.divshoppingmenubox p a:hover {color: #ff661b;text-decoration: underline;}
.divshoppingmenuboxtitle {color: #FFFFFF;font:normal 14px ±¼¸², Helvetica, sans-serif;margin-top:20px;vertical-align:middle;text-align: center;}
.divshoppingmenuviewtitle {color: #FFFFFF;font:normal 16px ±¼¸², Helvetica, sans-serif;margin-top:20px;vertical-align:middle;font-weight: bold;text-align: left;}
.divshoppingmenubox_hr
{
    background-position: center;
    background-image: url(/images/line_c.png);
    background-repeat: repeat-x;
    height:3px;
}
.divshoppingmenubox_hrblue
{
    background-position: center;
    background-image: url(/images/bluedot.gif);
    background-repeat: repeat-x;
    height:3px;
}

.divshoppingmenuboxmenutop {border:none;}
.divshoppingmenuboxmenutop p{position: relative;margin: 0;height:15px;color: #333;margin-left:7px;font:normal 13px ±¼¸², Helvetica, sans-serif;font-weight: bold;}
.divshoppingmenuboxmenutop p a {font:normal 13px ±¼¸², Helvetica, sans-serif;font-weight: bold;}
.divshoppingmenuboxmenutop p a:hover {color: #0000ff;text-decoration: underline;font-weight: bold;}

.shopmenutitle{border:none;}
.shopmenutitle p{position:relative;margin:0;}
.shopmenutitle p img.eximg{display:inline-block;vertical-align:middle;}
.shopmenutitle p span.text{display:inline-block;vertical-align:middle;font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff;}
.shopmenutitle p span a {color: #333;font:normal 12px ±¼¸², Helvetica, sans-serif;font-weight: bold;}
.shopmenutitle p a {color: #333;font:normal 12px ±¼¸², Helvetica, sans-serif;font-weight: bold;}
.shopmenutitle p a:hover {color: #ff661b;text-decoration: underline;}

.divshoppingsmalltext {color: #333;font:normal 11px ±¼¸², Helvetica, sans-serif;}
.divshoppingsmalltext a {color: #333;font:normal 11px ±¼¸², Helvetica, sans-serif;}
.divshoppingsmalltext a:hover {color: #ff661b;text-decoration: underline;}

.divshoppingnormaltext {color: #333;font:normal 12px ±¼¸², Helvetica, sans-serif;}
.divshoppingnormaltext a {color: #333;font:normal 12px ±¼¸², Helvetica, sans-serif;}
.divshoppingnormaltext a:hover {color: #ff661b;text-decoration: underline;}

.divshoppingbigtext {color: #333;font:normal 20px ±¼¸², Helvetica, sans-serif;}
.divshoppingbigtext a {color: #333;font:normal 20px ±¼¸², Helvetica, sans-serif;}
.divshoppingbigtext a:hover {color: #ff661b;text-decoration: underline;}