body, p, td, th, div, span, ul, li, ol, a, h1 { font-family: Tahoma, Arial, Verdana; font-size: 11px; color: #57616D; }

body { width: 100%; margin: 0px; padding: 0px; background: #EAEAEA; background-image: url('/images/body_bg.gif'); background-repeat: repeat-x; background-position: top; }

input, textarea, select { font-family: Tahoma, Arial, Verdana; font-size: 11px; color: #57616D; padding: 0px; margin: 0px; }

select { border: 1px solid #57616D; } 

.inputText { border: 1px solid #57616D; background-position: left top; padding: 3px; margin: 0px; background-image: url('/images/bginput.gif'); background-repeat: no-repeat; }

.buttons { background-image: url('/images/content01.gif'); background-repeat: repeat-x; background-color: transparent; padding: 5px 15px 5px 15px; border-width: 1px; font-weight: bold; cursor: pointer; color: #FFFFFF; }

form, p, div, ul, li, ol { padding: 0px; margin: 0px auto; }

label { cursor: pointer; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

.bodybardiv { width: 1002px; border-left: 1px solid #848484; border-right: 1px solid #848484; background-color: #FFFFFF; padding-top: 210px; }
.topbardiv { position: relative; width: 1000px; text-align: center; background-image: url('/images/content07.gif'); background-repeat: repeat-x; background-position: top; }
.leftbardiv { float: left; width: 200px; text-align: left; background-image: url('/images/leftbar/left06.gif'); background-repeat: repeat-y; left: 0px; top: 0px; }
.rightbardiv { position: absolute; width: 199px; text-align: left; background-image: url('/images/rightbar/right03a.gif'); background-repeat: repeat-y; left: 801px; top: 0px; }
.contentbardiv { position: relative; width: 600px; text-align: center; margin-right: 200px; padding-top: 40px; float: right; }

.contentbardiv a:hover { color: #13385E; }

#Head { position: absolute; top: 0px; width: 1000px; height:210px; margin-left: 1px; background:url('/images/menu/bg-header.png') no-repeat; }
#ch1 { visibility: hidden; position: absolute; left: 0px; top: 0px; z-index: 100; }

#header-logo { position: absolute; top:56px; left:0px; }
#header-logo a { display:block; width:350px; height:140px; }
#header-nav { position: absolute; top:19px; left:40px; list-style-type:none; }
#header-nav li { float:left; margin-right:4px; }
#header-nav .separator { color:#ffffff; display:block; font-size: 14px; padding-top:5px; text-shadow:1px 1px #57616D; }
#header-nav li a { color:#ffffff; display:block; font-size: 14px; font-weight:bold; padding:6px 10px 7px 9px; text-shadow:1px 1px #57616D; }
#header-nav li a:hover { text-decoration:none; border:1px solid #ffffff; padding:5px 9px 6px 8px; border-radius:6px; background:#13385E; }
#header-user { position: absolute; top:77px; left:735px; width:250px; text-align:center; line-height:18px; color:#ffffff; }
#header-user a { color:#ffffff; font-size: 14px; font-weight:bold; padding:6px 10px 7px 9px; text-shadow:1px 1px #57616D; }
#header-user td { color:#ffffff; font-weight:bold; text-align:left; text-shadow:1px 1px #57616D; }
#header-cart { position: absolute; top:137px; left:770px; width:200px; color:#ffffff; }
#header-cart img { float:left; }
#header-cart a { color:#ffffff; font-size: 18px; font-weight:bold; padding:6px 10px 7px 9px; text-shadow:1px 1px #57616D; }
#header-info { position: absolute; top:83px; left:395px; width:335px; height:86px; overflow:auto;}
#header-info p { height: 86px;}
#header-find { position: absolute; top:23px; right:50px;}
#header-find form input { float:left;}

#banfly-right { position: absolute; top:50px; margin-left:1005px; }

.topbarMenu { font-size: 12px; color: #FFFFFF; font-weight: bold; background-color: #13385E; text-align: left; }
.topbarTopMenu { font-size: 11px; color: #FFFFFF; }
.topbarWhiteLineBlack { font-size: 12px; color: #000000; }
.topbarWhiteLinePink { font-size: 12px; color: #13385E; }
.topbarWhiteLineGrey { font-size: 12px; color: #848484; }
.topbarTopBox { font-size: 11px; color: #848484; font-weight: normal; vertical-align: middle; padding-left: 5px; }
.topbarTopBox a { font-size: 11px; color: #13385E; font-weight: normal; }
.topbarFirstEndPpage { text-align: center; padding: 40px; }
.topbarEndPpage { width: 1000px; font-size: 11px; color: #13385E; text-align: center; vertical-align: middle; height: 89px; background-image: url('/images/end01.gif'); background-repeat: repeat-x; }
.topbarEndPpage a { font-size: 11px; color: #FFFFFF; }

.leftbarTabGrey { width: 197px; height: 22px; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #FFFFFF; padding-top: 7px; font-size: 12px; color: #848484; font-weight: bold; text-align: center; background-image: url('/images/content09.gif'); background-repeat: repeat-x }
.leftbarMenuSel { font-size: 12px; color: #FFFFFF; font-weight: bold; background-image: url('/images/leftbar/left02b.gif'); width: 199px; height: 24px; vertical-align: middle; background-repeat: no-repeat; }
.leftbarMenuSel a { font-size: 12px; color: #FFFFFF; font-weight: bold; display: block; padding-left: 40px; padding-top: 4px; }
.leftbarMenuNotSel { font-size: 12px; color: #57616D; font-weight: normal; background-image: url('/images/leftbar/left02.gif'); width: 199px; height: 24px; vertical-align: middle; background-repeat: no-repeat; }
.leftbarMenuNotSel a { font-size: 12px; color: #57616D; font-weight: normal; display: block; padding-left: 40px; padding-top: 4px; }
.leftbarMenuNotSel a:hover { color: #13385E; }
.leftbarSubMenuSel { font-size: 12px; color: #FFFFFF; font-weight: bold; background-image: url('/images/leftbar/left03b.gif'); width: 199px; height: 20px; vertical-align: middle; background-repeat: no-repeat; }
.leftbarSubMenuSel a { font-size: 12px; color: #FFFFFF; font-weight: bold; display: block; padding-left: 50px; padding-top: 2px; }
.leftbarSubMenuNotSel { font-size: 12px; color: #57616D; font-weight: normal; background-image: url('/images/leftbar/left03.gif'); width: 199px; height: 20px; vertical-align: middle; background-repeat: no-repeat; }
.leftbarSubMenuNotSel a { font-size: 12px; color: #57616D; font-weight: normal; display: block; padding-left: 50px; padding-top: 2px; }
.leftbarSubMenuNotSel a:hover { font-size: 12px; color: #13385E; font-weight: normal; }
.leftbarAticleBox { font-size: 12px; color: #CA2229; font-weight: normal; text-align: center; margin: 10px; }
.leftbarAticleBox a { font-size: 12px; color: #13385E; font-weight: bold; }
.leftbarAticleBoxSmal { font-size: 11px; color: #57616D; font-weight: normal; }
.leftbarTextBox { font-size: 12px; color: #848484; font-weight: normal; margin: 15px; }
.leftbarTextBox a { font-size: 12px; color: #848484; }
.leftbarTextBox a:hover { color: #13385E; }

.rightbarTabGrey { width: 197px; height: 22px; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #FFFFFF; padding-top: 7px; font-size: 12px; color: #848484; font-weight: bold; text-align: center; background-image: url('/images/content09.gif'); background-repeat: repeat-x; }
.rightbarTextBox { font-size: 11px; color: #848484; font-weight: normal; margin: 15px; }
.rightbarTextBox a { font-size: 11px; color: #848484; }
.rightbarTextBox a:hover { color: #13385E; }
.righbarAticleBox { font-size: 12px; color: #CA2229; font-weight: normal; text-align: center; margin: 10px; }
.righbarAticleBox a { font-size: 12px; color: #13385E; font-weight: bold; }
.righbarAticleBoxSmal { font-size: 11px; color: #57616D; font-weight: normal; }

.contentbarTabWhite { width: 580px; padding: 10px; text-align: left; }
.contentbarTabWhite ul { padding: 0px; margin-left: 15px; margin-top: 10px; margin-bottom: 10px; }
.contentbarTabWhite .spacer { padding: 0px; border-top: 1px solid #C0C0C0; }
.contentbarTabPink { width: 580px; }
.contentbarTabPink ul { padding: 0px; margin-left: 15px; margin-top: 10px; margin-bottom: 10px; }
.contentbarTabPink th { border: 1px solid #13385E; padding-left: 10px; font-size: 12px; color: #FFFFFF; font-weight: bold; text-align: left; vertical-align: middle; height: 28px; background-image: url('/images/content01.gif'); background-repeat: repeat-x; }
.contentbarTabPink td { border: 1px solid #13385E; padding: 10px; font-size: 11px; color: #57616D; font-weight: normal; text-align: left; background-color: #F6F6F6; }
.contentbarTabPink div { border: none; padding: 2px; font-size: 11px; color: #57616D; font-weight: normal; }
.contentbarTabPink td td { border: none; padding: 2px; }
.contentbarTabPink .spacer { padding: 0px; border-top: 1px solid #C0C0C0; }
.contentbarTabGrey { width: 580px; }
.contentbarTabGrey ul { padding: 0px; margin-left: 15px; margin-top: 10px; margin-bottom: 10px; }
.contentbarTabGrey th { border: 1px solid #57616D; padding-left: 10px; font-size: 12px; color: #FFFFFF; font-weight: bold; text-align: left; vertical-align: middle; height: 28px; background-image: url('/images/content02.gif'); background-repeat: repeat-x; }
.contentbarTabGrey td { border: 1px solid #57616D; padding: 10px; font-size: 11px; color: #57616D; font-weight: normal; text-align: left; background-color: #F6F6F6; }
.contentbarTabGrey div { border: none; padding: 2px; font-size: 11px; color: #57616D; font-weight: normal; }
.contentbarTabGrey td td { border: none; padding: 2px; }
.contentbarTabGrey .imgHit { position: absolute; top: 25px; left: 260px; padding: 0px; margin: 0px; }
.contentbarTabGrey .spanNew { position: absolute; top: 5px; left: 270px; font-size: 12px; color: #13385E; font-weight: bold; }
.contentbarTabGrey .goodDiv { position: absolute; top: 5px; left: 325px; width: 48px; height: 48px; display: block; background: url('/images/ico_good48.png') no-repeat top; }
.contentbarTabGrey .newDiv { position: absolute; top: 5px; left: 280px; width: 48px; height: 48px; display: block; background: url('/images/ico_new48.png') no-repeat top; }
.contentbarTabGrey .actionDiv { position: absolute; top: 5px; left: 235px; width: 48px; height: 48px; display: block; background: url('/images/ico_action48.png') no-repeat top; }
.contentbarTabGrey .spacer { padding: 0px; border-top: 1px solid #C0C0C0; }
.contentbarTabGrey .imgDet { float: left; padding: 0px; margin: 10px; }
.contentbarTabGrey .divPrice { position: absolute; bottom: 10px; right: 10px; padding: 0px; margin: 0px; text-align: right; }
.contentbarTabGrey .divPrice td { height: 15px; border-left: none; border-right: none; border-top: none; border-bottom: 1px dotted #57616D; padding: 2px; background-color: #FFFFFF; }
.contentbarTabGrey .divShare { position: absolute; top: 10px; right: 10px; padding: 0px; margin: 0px; text-align: right; }

.contentbarDivbuttons { width: 558px; padding: 10px; border-top: 1px solid #57616D;border-top: 1px solid #57616D; background-color: #C0C0C0; }

.contentbarAticleMenu { border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; padding-left: 10px; padding-right: 10px; color: #848484; background-color: #EBEBEB; background-image: url('/images/content09.gif'); background-repeat: repeat-x; background-position: top; }
.contentbarAticleMenu th { height: 28px; font-weight: bold; text-align: left; }
.contentbarAticleMenu td { height: 28px; text-align: right; }

#contentbarAticleBoxs { background-image: url('/images/content03.gif'); }
.contentbarAticleBox { position: relative; float: left; width: 180px; height: 270px; padding: 0px 10px 10px 10px; margin: 11px 0px; }
.contentbarAticleBox h2 { text-align: center; margin: 0px; padding: 0px; }
.contentbarAticleBox h3 { text-align: center; margin: 0px; padding: 0px; }
.contentbarAticleBox a { font-size: 12px; color: #13385E; font-weight: bold; }
.contentbarAticleBox img { position: absolute; top: 35px; left: 15px; padding: 0px; margin: 0px; }
.contentbarAticleBox div { position: absolute; bottom: 95px; left: 120px; font-size: 10px; color: #57616D; text-align: right; }
.contentbarAticleBox .imgHit { position: absolute; top: 48px; left: 130px; padding: 0px; margin: 0px; }
.contentbarAticleBox .spanNew { position: absolute; top: 35px; left: 135px; font-size: 9px; color: #57616D; font-weight: bold; }
.contentbarAticleBox .goodDiv { position: absolute; top: 30px; left: 160px; width: 32px; height: 32px; display: block; background: url('/images/ico_good32.png') no-repeat top; }
.contentbarAticleBox .newDiv { position: absolute; top: 30px; left: 130px; width: 32px; height: 32px; display: block; background: url('/images/ico_new32.png') no-repeat top; }
.contentbarAticleBox .actionDiv { position: absolute; top: 30px; left: 100px; width: 32px; height: 32px; display: block; background: url('/images/ico_action32.png') no-repeat top; }
.contentbarAticleBox p { position: absolute; bottom: 40px; left: 10px; width: 180px; font-size: 11px; text-align: justify; color: #57616D; }
.contentbarAticleBox span { position: absolute; top: 247px; left: 20px; font-size: 12px; color: #CA2229; font-weight: normal; text-align: left; }
.contentbarAticleBoxPriceSmal { font-size: 11px; color: #57616D; }
.contentbarAticleBoxSpacer { width: 100%; line-height: 1px; height: 1px; background-color: #C0C0C0; clear: both; display: block; }

#contentbarListBox { width: 568px; padding: 10px 0px 0px 10px; margin: 0px 0px -1px 0px; }
#contentbarListBox > span { float: left; color: #FFFFFF; background-image: url('/images/content02.gif'); background-repeat: repeat-x; font-size: 12px; font-weight: bold; height: 21px; cursor: pointer; border: 1px solid #57616D; padding-left: 10px; padding-right: 10px; padding-top: 7px; padding-bottom: 0px; margin-right: 2px; }
#contentbarListBox > span.ListBoxActive { background-color: #F6F6F6; background-image: url('none'); border-bottom: solid 1px #F6F6F6; color: #57616D; }
#contentbarListBoxDiv { width: 558px; padding:9px; background-color: #F6F6F6; border: solid 1px #57616D; color: #57616D; }

.contentbarListAticleBox { position: relative; float: left; width: 166px; height: 210px; padding: 0px 10px 10px 10px; margin: 11px 0px; }
.contentbarListAticleBox h2 { margin: 0px; padding: 0px; text-align: center; }
.contentbarListAticleBox a { font-size: 12px; color: #13385E; font-weight: bold; }
.contentbarListAticleBox img { position: absolute; top: 35px; left: 43px; padding: 0px; margin: 0px; }
.contentbarListAticleBox span { position: absolute; top: 190px; right: 60px; font-size: 12px; color: #CA2229; font-weight: normal; text-align: right; }
.contentbarListAticleBoxPriceSmal { font-size: 11px; color: #57616D; }
.contentbarListAticleBoxSpacer { width: 100%; line-height: 1px; height: 1px; background-color: #C0C0C0; clear: both; display: block; }

#messDiv { display: none; position: absolute; z-Index: 2000; top: 0px; left: 0px; border: solid 1px #C7C7C7; cursor: pointer; background-color: #ffffff; text-align: center; }
.messDivTabGrey { width: 580px; }
.messDivTabGrey th { border: 1px solid #57616D; padding-left: 10px; font-size: 12px; color: #FFFFFF; font-weight: bold; text-align: left; vertical-align: middle; height: 28px; background-image: url('/images/content02.gif'); background-repeat: repeat-x; }
.messDivTabGrey td { border: 1px solid #57616D; padding: 10px 10px 55px 10px; font-size: 11px; color: #57616D; font-weight: normal; text-align: left; background-color: #F6F6F6; }
.messDivTabGrey td td { border: none; padding: 2px; }
.messDivTabGrey .spacer { padding: 0px; border-top: 1px solid #C0C0C0; }
.messDivTabGrey .messDivbuttons { position: absolute; width: 556px; bottom: 2px; left: 2px; padding: 10px; border-top: 1px solid #57616D; background-color: #C0C0C0; }

#shadowProgress { z-Index: 1500; position: absolute; filter: alpha(opacity=50); background-color: #000000; width: 100%; display: none; height: 100%; top: 0px; left: 0px; opacity: 0.5; -moz-opacity: 0.5; }

#tipDiv { display: none; position: absolute; z-Index: 3000; top: 0px; left: 0px; color: #000000; }
#tipTab { width: 200px; }
#tipTab td { color: #000000; }
#tipTab td.bgtop { background: url('/images/bt.gif') no-repeat top; padding-left: 10px; padding-right: 10px; padding-top: 25px; padding-bottom: 0px; }
#tipTab td.bgbottom { height: 12px; background: url('/images/bt.gif') no-repeat bottom; }
#tipTab .spacer { padding: 0px; border-top: 1px solid #C0C0C0; }

#hlpDiv { width: 16px; height: 14px; background: url('/images/help_tip.png') no-repeat top; cursor: pointer; display: inline-block; padding: 0px; }
.hlpDiv { width: 16px; height: 14px; background: url('/images/help_tip.png') no-repeat top; cursor: pointer; display: inline-block; padding: 0px; }

h1 { font-size: 20px; color: #13385E; display: inline; text-align: left; position: absolute; z-Index: 500; margin-left: 210px; font-weight: normal; }

.f08 { font-size: 8px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f16 { font-size: 16px; }

.fPink { color: #CA2229; }

.left { float: left; }
.right { float: right; }

.clear{clear:both}

img { border-style: none; }
.img1 { border:1px solid #13385E; margin: 5px; }
.img2 { border-left: 1px outset #FF8F09; border-right: 1px outset #FF8F09; border-top: 1px outset #FF8F09; border-bottom: 1px outset #FF8F09; margin: 5px; }
