﻿/* GLOBAL */
HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #5f5f5f; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; FONT-FAMILY: Verdana; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 100%; BACKGROUND-COLOR: #5f5f5f; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
H1 {
	FONT-SIZE: 17px; MARGIN: 0px 0px 10px; PADDING-TOP: 2px
}
H2 {
	FONT-SIZE: 15px; MARGIN: 0px 0px 8px; PADDING-TOP: 2px
}
H3 {
	FONT-SIZE: 12px; MARGIN: 0px 0px 5px; PADDING-TOP: 2px
}
h4 {
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: 1px;
    COLOR: #426FB2;
    FONT-FAMILY: Tahoma;
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px
}
H6 {
	FONT-WEIGHT: bold; MARGIN: 0px 0px 5px
}
TD {
	FONT-SIZE: 12px;
}

A{
	COLOR: #4070bf; TEXT-DECORATION: none
}
A IMG {
	border-style: none;
	}
A:hover {
	TEXT-DECORATION: underline
}
UL {
PADDING-LEFT: 15px; MARGIN: 0px;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
}
LI {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: left; 
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
}

HR {
	BORDER-TOP: #aaa 1px solid; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 1px; BORDER-BOTTOM-STYLE: none
}
P {
	MARGIN-TOP: 6px; FONT-SIZE: 12px; COLOR: #5f5f5f; LINE-HEIGHT: 150%; FONT-FAMILY: Verdana
}
SPAN.nowrap {
	WHITE-SPACE: nowrap
}
.vssummary {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: red 1px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; BORDER-LEFT: red 1px solid; COLOR: red; PADDING-TOP: 20px; BORDER-BOTTOM: red 1px solid
}
TABLE.defaultbox {
	BORDER-TOP: #9fb8df 3px solid; PADDING-BOTTOM: 5px; MARGIN: 5px 0px; TEXT-ALIGN: left
}
TABLE.bluebox {
	BORDER-TOP: #9fb8df 3px solid; BACKGROUND: #e8edf7; MARGIN: 10px 0px; BORDER-BOTTOM: #9fb8df 1px solid
}
TABLE.bluebox TR.blueboxtitle TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 3px; COLOR: gray; PADDING-TOP: 3px; BORDER-BOTTOM: #9fb8df 1px solid
}
TR.blueboxtitle TH {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 3px; COLOR: gray; PADDING-TOP: 3px; BORDER-BOTTOM: #9fb8df 1px solid
}
TR.defaultboxtitle {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 3px; COLOR: gray; PADDING-TOP: 3px; BORDER-BOTTOM: #9fb8df 1px solid
}
TABLE.defaultbox TR.defaultboxtitle TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; COLOR: gray; PADDING-TOP: 3px; BORDER-BOTTOM: #9fb8df 1px solid
}
.FormInputLabel {
	FONT-SIZE: 12px; COLOR: #5f5f5f; FONT-FAMILY: Verdana
}
.FormInput {
	MARGIN-TOP: 2px
}
.FormInputOn {
	MARGIN-TOP: 2px; COLOR: #5f5f5f
}
.FormInputLabelOn {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #5f5f5f; FONT-FAMILY: Verdana
}
.FormErrors {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: red 1px solid; PADDING-LEFT: 20px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 20px; BORDER-LEFT: red 1px solid; COLOR: #ff0000; PADDING-TOP: 20px; BORDER-BOTTOM: red 1px solid
}
.price {
	FONT-WEIGHT: bold; COLOR: #c80d0d
}
.priceold {
	TEXT-DECORATION: line-through
}
.title {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; PADDING-BOTTOM: 6px; COLOR: #4b4d50; PADDING-TOP: 8px; FONT-FAMILY: Arial
}
.error {
	COLOR: red
}

/*Default*/
#defaultheader {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
#defaultheader TD {
	VERTICAL-ALIGN: top
}
#defaultheader TD#NetMeters {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: #e8edf7; PADDING-BOTTOM: 8px; VERTICAL-ALIGN: middle; PADDING-TOP: 8px; BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: center
}
#defaultheader TD#NetMeters IMG.down2pix {
	PADDING-TOP: 2px
}
#flashcontent {
	BACKGROUND: url(../../images/default/flash1.jpg) no-repeat; WIDTH: 375px; HEIGHT: 180px
}
#defaultproductheader {
	MARGIN-TOP: 20px; PADDING-BOTTOM: 5px; COLOR: #5f5f5f; LINE-HEIGHT: 1em
}
#defaultproductheader SPAN {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #5f5f5f; FONT-FAMILY: Tahoma,Verdana
}
.defaultfeatureproduct
{
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #dadce8;
	margin-top: 5px;
	background: url(../../images/default/productsplash.gif) repeat-x;
	width: 770px;
}
.defaultfeatureproduct TABLE {
	MARGIN-LEFT: 6px
}
.defaultfeatureproduct td {
		border-bottom: #dadce8 1px solid; 
}
IMG.padright5 {
	PADDING-RIGHT: 5px
}
.defaultfeatureproduct IMG {
	text-align: center;
}
.defaultfeatureproduct DIV {
	MARGIN: 8px 0px 0px; WHITE-SPACE: nowrap
}
.defaultfeatureproduct DIV + DIV {
	MARGIN: 3px 0px 0px
}
.defaultfeatureproduct A {
	FONT-FAMILY: Tahoma
}

TABLE.defaultfeatureproduct H4 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 14px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #426fb2; PADDING-TOP: 0px; FONT-STYLE: normal
}
TABLE.defaultfeatureproduct H3 {
	FONT-SIZE: 12px; MARGIN-BOTTOM: 1px; COLOR: #3c3e3d; FONT-FAMILY: Tahoma
}
TABLE.defaultfeatureproduct SPAN {
	FONT-SIZE: 9px
}
.defaultproductline IMG {
	FLOAT: left
}
TABLE.defaultproductline H6 {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 1px; COLOR: #3c3e3d; FONT-FAMILY: Tahoma
}
.defaultproductline DIV {
	PADDING-LEFT: 70px; PADDING-TOP: 8px
}
TABLE.defaultproductline SPAN {
	FONT-SIZE: 10px; FONT-FAMILY: Tahoma
}
.defaultproductline A {
	FONT-SIZE: 10px; FONT-FAMILY: Tahoma
}
#defaultquicklinks {
	BORDER-TOP: #bfbfbf 3px solid; MARGIN-TOP: 20px; BACKGROUND: #f7f7f7; BORDER-BOTTOM: #bfbfbf 1px solid
}
#defaultquicklinks UL {
	MARGIN-LEFT: 8px; PADDING-TOP: 2px
}
#defaultquicklinks .tbLeft
{BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 29%; PADDING-TOP: 10px;
 vertical-align:top; 
}
#defaultquicklinks .tbMid
{BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 37%; PADDING-TOP: 10px;
 vertical-align:top;}
 
#defaultquicklinks .tbRight
{PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 33%; PADDING-TOP: 10px;}
 
/* Francochinois Master Page Css */
#top
{
	 background-image: url(image/master/header_bar.gif); 
	  padding-bottom: 0px; 
	  WIDTH: 100%; 
	  BACKGROUND-REPEAT: repeat-x; 
	  HEIGHT: 105px;
}
#top .HeaderTable, .HeaderTable_de
{
border-width:0px;
 WIDTH: 770px; 
 BACKGROUND-REPEAT: repeat-x; BORDER-COLLAPSE: collapse; HEIGHT: 92px; 
 margin-left:auto; margin-right:auto;
}

#top .HeaderTable
{
BACKGROUND-IMAGE: url(image/master/header.gif); 
}
#top .HeaderTable_de
{
BACKGROUND-IMAGE: url(image/master/header_de.gif); 
}
#top .nav {
	PADDING-TOP: 3px;
		padding-left:0px;
}
#top .nav LI {
	FLOAT: left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 0 0;
	text-align:center;
}
 
#top .nav .first {
	BORDER-RIGHT: #d9d9d9 1px solid; BACKGROUND: url(image/master/top_img02.gif); WIDTH: 1px; HEIGHT: 33px
}
/*
#top .nav A {
	DISPLAY: block; BACKGROUND: url(image/master/top_nav01.gif) no-repeat; WIDTH: 85px; LINE-HEIGHT: 33px; HEIGHT: 33px
}
#top .nav A:hover {
	BACKGROUND: url(image/master/top_nav02.gif) no-repeat; COLOR: #666666; TEXT-DECORATION: none
}
#top .nav .self {
	BACKGROUND: url(image/master/top_nav02.gif)
}
*/
#main
{
PADDING-BOTTOM: 20px; MARGIN: 0px auto; WIDTH: 770px; PADDING-TOP: 15px; TEXT-ALIGN: left;
}

#foot
{BACKGROUND-IMAGE: url(image/master/footer.gif); WIDTH: 100%; COLOR: white; TEXT-ALIGN: center;MARGIN: 0px auto; padding-top:10px;
}

#foot .copyright
{
	 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #9f9f9f; PADDING-TOP: 0px;MARGIN: 0px auto;
	 text-align:center;
}

.btnMid
{  
   border-width:0;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 2px;
	overflow: visible;
	text-align:left;
	cursor: hand;
	background: #537ec5 url(image/master/btn_mid.gif);
	width: 101px;
	height: 26px; padding-left:10px;
}

.btnDefault
{
	 border-width:0;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 2px;
	overflow: visible;
	text-align:left;
	cursor: hand;
	background: #537ec5 url(image/master/btn_default.gif);
	width: 101px;
	height: 26px; padding-left:10px;
	}

.textBox
{
	margin:2px 1px 4px 1px;
}
.greytxt
{ color:Gray;}
.rbPay
{
	vertical-align:top;}
.sourcecode
{
	background-color: #FFFFCC;
	border: 1px dashed #808080;
	margin: 10px;
}	
	/*-------color table------------------------- */
	
#colortable {
		border-collapse:collapse;
		background:#EFF4FB url(./image/paytableback.gif) repeat-x;
		border:1px solid #686868;
		font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
		color: #333;
}

#colortable td, th {
		padding:5px;
		vertical-align:middle;
}

#colortable caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.9em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

#colortable  table a {
		color:#950000;
		text-decoration:none;
}
#colortable table a:link {}

#colortable th {
		background:#333 url(./image/paytablehead.gif) repeat-x;
		color:#fff
}
#colortable  td {
		border-bottom: dotted 1px #333;
}

.tableInfo
{
	padding-left: 10px;
	vertical-align: middle;
	color: Gray;
}

/*payment table*/

.table-bank            { width: 80%; background-color: #FFFFFF; margin:  20px 0 30px 50px; border: 1px solid #000000; border-collapse: collapse; }
.table-bank  th         { background-color: #FFDE00; font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 11px; text-align: left; border: 1px solid #000000; padding: 3 5 3 5; }
.table-bank  td         { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 11px;  padding: 5; }
.table-bank  .mark      { background-color: #FFF9CC; width: 105px; padding: 5 0 5 15; }
.table-bank  .mark a    { color: #2050AF; }
.table-bank ul
{
	margin: 0 0 0 5;
	list-style-type: none;
}
.table-bank  .tooldesc  { font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 11px; margin: 2 0 4 0; }

/* 弹出窗口样式*/
.popupBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.popupPanel
{
	background-color:White;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
	width:500px;
}


/* Support */

.supporttab {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 8px; BACKGROUND: #eeeeee; FONT: bold 12px Verdana; BORDER-LEFT: #aaaaaa 1px solid; MARGIN-RIGHT: 1px; PADDING-TOP: 8px; BORDER-BOTTOM: #aaaaaa 1px solid; WHITE-SPACE: nowrap; HEIGHT: 27px
}
.supporttab A {
	COLOR: #4b4d50; TEXT-DECORATION: none
}
.supporttab A:hover {
	COLOR: red; TEXT-DECORATION: none
}
.supporttabselected {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 8px; FONT: bold 12px Verdana; BORDER-LEFT: #aaaaaa 1px solid; MARGIN-RIGHT: 1px; PADDING-TOP: 8px; BORDER-BOTTOM: #aaaaaa 1px; WHITE-SPACE: nowrap; HEIGHT: 31px
}
.supporttabselected A {
	COLOR: #4b4d50; TEXT-DECORATION: none
}
.supporttabfiller {
	BORDER-BOTTOM: #aaaaaa 1px solid
}
.supporttabcontainer {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #aaaaaa 1px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #aaaaaa 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #aaaaaa 1px solid
}
.supportbreadcrumbs {
	MARGIN-TOP: 5px; MARGIN-BOTTOM: 10px; FONT: 8pt Verdana; MARGIN-LEFT: 15px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.supporttopic {
	PADDING-BOTTOM: 12px; PADDING-TOP: 10px
}
.supportquicklinks {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-COLOR: #f7f7f7
}
TABLE.supportquicklinks IMG {
	PADDING-RIGHT: 10px; FLOAT: left; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}



/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(img/yui/sprite.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(image/yui_sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(img/yui/sprite.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #808080;
    border-top-width:0px;
}