@charset "utf-8";
/*
FastCommerce http://management.fastcommerce.com 2007 8/1  Neil Du  yiyayoo@gmail.com
Copyright 2007 Fast Commerce
# Revision: 1.0
*/

/*-----------common------------*/
* {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0b333c}
body {background:#FFF; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the .container selector */
	font-family: Verdana, Arial, Helvetica, sans-serif}

a {text-decoration:none}
a:hover {color:#2b333c}
address {border:solid 1px #efefef; padding:5px; font-style: normal; line-height:150%; margin:5px 5px 5px 0}
form {margin:0; padding:0}
#header, 
#pathSearch,   
#mainContent, 
#footer {float: inherit; width: 950px; margin: 0 auto}

/*-----------button-----------*/
.btn { border-collapse:collapse; background:none; border:none; padding:0; margin:0; cursor:pointer}
.btn td { padding:0; margin:0; height:20px; border:none; width:0; background:none}
.btn .btn_l { background:url(../images/widget_02.gif) 0 -280px no-repeat; width:3px; height:20px}
.btn .btn_r { background:url(../images/widget_02.gif) -29px -320px no-repeat; width:3px; height:20px}
.btn .btn_c { background:url(../images/widget_02.gif) 0 -300px repeat-x; height:20px; text-align:center; padding:0; border:none}
.btn .btn_c button { margin:0; padding:0 5px; *padding:0; border:none; background:none; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer}

.btn:hover .btn_l { background:url(../images/widget_02.gif) 0 -340px no-repeat; width:3px; height:20px}
.btn:hover .btn_r { background:url(../images/widget_02.gif) -29px -380px no-repeat; width:3px; height:20px}
.btn:hover .btn_c { background:url(../images/widget_02.gif) 0 -360px repeat-x; height:20px; text-align:center; padding:0; border:none}

.btnFocus .btn_l { background:url(../images/widget_02.gif) 0 -400px no-repeat}
.btnFocus .btn_r { background:url(../images/widget_02.gif) -29px -440px no-repeat}
.btnFocus .btn_c { background:url(../images/widget_02.gif) 0 -420px repeat-x; font-weight:bold}
.btnFocus .btn_c button { font-weight:bold}

.btnDisabled { cursor:default}
.btnDisabled:hover .btn_c { background:url(../images/widget_02.gif) 0 -300px repeat-x}
.btnDisabled:hover .btn_l { background:url(../images/widget_02.gif) 0 -280px no-repeat}
.btnDisabled:hover .btn_r { background:url(../images/widget_02.gif) -29px -320px no-repeat}

.r_d .btn_c button { background:url(../images/widget_02.gif) -17px -603px no-repeat; padding:0 5px 0 10px; *padding:0 0 0 7px}
.r_r .btn_c button { background:url(../images/widget_02.gif) -17px -466px no-repeat; padding:0 5px 0 10px; *padding:0 0 0 7px}

.r_d_d .btn_c button { background:url(../images/widget_02.gif) -17px -1076px no-repeat; padding:0 5px 0 10px; *padding:0 0 0 7px}
.r_r_d .btn_c button { background:url(../images/widget_02.gif) -17px -484px no-repeat; padding:0 5px 0 10px; *padding:0 0 0 7px}


/*ul*/
#HeadNavBar ul, 
#pathSearch #path,
#pathSearch #searchBar, 
#footer #footerList ul,
.toolBar .right,
.toolBar .left ul,
#productInformation ul,
#productStore ul,
#productRightList,
#giftCardList,
ul.titleEdit,
#reportsLeft ul,
.quickLinksList {list-style: none; margin:0; padding:0}

/*li*/
#HeadNavBar li, 
#siteMenu #menu li, 
#pathSearch #path li, 
#pathSearch #searchBar li {display: inline; float:left}

#HeadNavBar li,
#pathSearch #searchBar li {padding:0 5px}

.clear-both{clear:both}

input[type="text"], input[type="password"] {background:#fff url(../images/widget_01.gif) no-repeat 0 -38px; height:16px}
input[type="text"],
input[type="password"],
input[readonly],
textarea {border-top:solid 1px #abadb3; border-left:solid 1px #e2e3ea; border-right:solid 1px #dbdfe6; border-bottom:solid 1px #e3e9ef; line-height:16px}
select{border-top:solid 1px #abadb3; border-left:solid 1px #e2e3ea; border-right:solid 1px #dbdfe6; border-bottom:solid 1px #e3e9ef;padding: 1px; background:#FFF url(../images/widget_01.gif) no-repeat 0 -38px; line-height: 20px; *line-height: 22px}
input.light,
input:hover[type="text"],
input:focus[type="text"],
select:hover,
select:focus,
textarea:hover,
textarea:focus {border:solid 1px #99d8ff; border-top:solid 1px #5cc0ff}
input[disabled], select[disabled], input:hover[disabled], select:hover[disabled] {background:#ededed;border-top:solid 1px #abadb3; border-left:solid 1px #e2e3ea; border-right:solid 1px #dbdfe6; border-bottom:solid 1px #e3e9ef}
input[type="radio"]{float:left}
input.checkboxdisabled, input.checkboxdisabled:hover {background:none; border:none}
input.red, input.red:hover, input.red:focus {border:solid 1px #f59091; border-top:solid 1px #dd1f20}

input.auto {width: 100%}
input.title {height:25px; font-size:18px; font-weight:bold; line-height:25px; margin-bottom:5px}
input.blank, input.blank:hover, input.blank:focus {border:none; background:none; text-align:right}

.line {border-bottom:solid 1px #b7babc; width:100%}
.line .line {border-top:dotted 1px #b7babc; border-bottom:none}
.line .bline {border-bottom:solid 1px #b7babc}
.line .line .line {margin:0 0 0 160px;border-bottom:solid 1px #b7babc}

.fontRed {color: #ed1f24}

/*------------------------------------a---*/
a[href="http://www.fastcommerce.com/"] {color: #ed1f24; font-weight:bold}
a:hover[href="http://www.fastcommerce.com/"] {color:#0b333c; }

.edit {float:left; margin:0 5px; background:url(../images/widget_01.gif) no-repeat -86px 0; width: 11px; height:11px; display:block; text-indent:-1000px; overflow:hidden; cursor:pointer}
.delete {float:left; margin:0 5px; background:url(../images/widget_01.gif) no-repeat -102px 0; width: 11px; height:11px; display:block; text-indent:-1000px; overflow:hidden; cursor:pointer}
.preview {float:left; margin:0 5px; background:url(../images/widget_01.gif) no-repeat -118px 0; width: 11px; height:11px; display:block; text-indent:-1000px; overflow:hidden; cursor:pointer}
.drag {float:left; margin:0 5px; background:url(../images/widget_01.gif) no-repeat -134px 0; width: 11px; height:11px; display:block; text-indent:-1000px; overflow:hidden; cursor: move}
.add {float:left; margin:0 5px; background:url(../images/widget_01.gif) no-repeat -150px 0; width: 11px; height:11px; display:block; text-indent:-1000px; overflow:hidden}
.accountDetails {color:#5bae9a; font-size:13px; font-weight:bold}

.newsList {border-collapse:collapse; margin:0}
.newsList th,
.newsList td {margin:0; padding:5px; border-bottom: dotted 1px #e3edeb; vertical-align:top}
.newsList th {width: 80px; padding-top:12px; text-align:left; font-weight: normal}
.newsList td {width: 100%}
.newsList h2,
.newsList p {margin: 5px 0}


#fastcommerceLogo a,
#siteMenu #dropdown #dropdownTitle, .dropdown .boxTitle .close, /*.close .boxTitle .close,*/
#siteMenu #dropdown dl #close a, .crocishow .boxTitle .close, /*.dropdown .boxTitle .close,*/
#siteMenu #dropdown dl #close a:hover, .crocishow .boxTitle .close:hover, .dropdown .boxTitle .close:hover,
#footer #footerLogo a {text-indent: -1000px; display: block; overflow: hidden}


/*header*/
#fastcommerceLogo {float:left;background:url(../images/fastcommercelogo.gif) no-repeat 0 0; width:280px; height:20px; margin: 15px 0}
#fastcommerceLogo a {width:280px; height:20px}

#HeadNavBar {float: right;}

#HeadNavBar li a,
#footer li a, a.link {line-height:20px; padding: 3px 5px}
#HeadNavBar li a:hover,
#footer li a:hover, a.link:hover {background:#b2e1ff}

#siteMenu {float: left; background: url(../images/widget_02.gif) 0 -58px repeat-x; margin:0; padding:0; width:950px; height:40px}
#siteMenu #left {float: left; background:url(../images/widget_01.gif) 0 0;width:2px; height:33px}
#siteMenu #right {float: right; background:url(../images/widget_01.gif) -7px 0; width: 2px; height:33px}
#siteMenu #menu {float:right; margin:0; height:28px; padding:2px; list-style:none}
#siteMenu #menu li {height:33px; padding:0px 10px}
#siteMenu #menu .down {color:#FFF; background:#838383 url(../images/widget_02.gif) no-repeat 0 -138px}
#siteMenu #menu .down span{background: url(../images/widget_02.gif) no-repeat 100% -167px; padding:5px 10px; *padding:5px 10px 6px 10px;/*IE7&IE6*/}
#siteMenu #menu a, 
#siteMenu #dropdown dd a {line-height:28px; padding:5px 0; *padding: 0;/*IE7&IE6*/}


#siteMenu #menu a:hover, 
#siteMenu #dropdown dd a:hover {background:#b2e1ff url(../images/widget_02.gif) 0 0 no-repeat}
#siteMenu #menu a span, 
#siteMenu #dropdown dd a span {color:#e5e5e5; padding:5px 10px; font-weight:bold; }
#siteMenu #menu a:hover span,
#siteMenu #dropdown dd a:hover span {background: url(../images/widget_02.gif) right -29px no-repeat; color:#2b333c; padding:5px 10px; *padding:5px 10px 6px 10px;/*IE7&IE6*/ }

/*-----------widget------------*/
/*Dropdown*/
#siteMenu #dropdown {float:left; list-style:none; position:relative; z-index:999; margin:0; padding:0}
#siteMenu #dropdown li {text-align:left}
#siteMenu #dropdown #dropdownTitle{margin:7px 0 0 7px; background:url(../images/widget_01.gif) -14px 0; width:26px; height:19px}
#siteMenu #dropdown #dropdownTitle:hover {background:url(../images/widget_01.gif) -14px -19px}
#siteMenu #dropdown dl {margin:0; padding:10px; width:220px; border:solid 1px #808080; background:#a3a093; z-index:999; top:26px; left:0px; position: absolute;/*IE7&IE6*/ }

#siteMenu #dropdown dl #close, .crocishow .boxTitle .close, .dropdown .boxTitle .close/*,  .close .boxTitle .close*/ {width:12px; height:12px; position:absolute; top:7px; right:7px}
#siteMenu #dropdown dl #close a, .crocishow .boxTitle .close, .dropdown .boxTitle .close/*, .close .boxTitle .close*/ {background:url(../images/widget_01.gif) no-repeat -70px 0; width:12px; height:12px}
#siteMenu #dropdown dl #close a:hover, .crocishow .boxTitle .close:hover, .dropdown .boxTitle .close:hover, .close .boxTitle .close:hover {background:url(../images/widget_01.gif) no-repeat -70px -12px; width:12px; height:12px}
#siteMenu #dropdown dl #topLeft, 
#siteMenu #dropdown dl #topRight,
#siteMenu #dropdown dl #bottomLeft, 
#siteMenu #dropdown dl #bottomRight {background: url(../images/widget_01.gif) no-repeat;position:absolute; width:4px; height:4px}

#siteMenu #dropdown dl #topLeft {background-position: -44px 0; top: -1px; left:-1px}
#siteMenu #dropdown dl #topRight {background-position: -44px -4px; top:-1px; right:-1px; _right:-2px;/*IE7&IE6*/}
#siteMenu #dropdown dl #bottomLeft {background-position: -44px -8px; bottom:-1px; left:-1px}
#siteMenu #dropdown dl #bottomRight {background-position: -44px -12px; bottom:-1px; right:-1px;/*IE7&IE6*/}

#siteMenu #dropdown dd,
#productInformation ul li, #productStore ul li {display: inherit; text-align:left; margin:0; padding:0; white-space:nowrap}
#siteMenu #dropdown dd a span{font-weight: normal; color:#FFF}
#siteMenu #dropdown dd.dropdownLine {border-bottom: solid 1px #c0c0c0}

/*---------------------Box------------------*/
/*Box Core*/
.box {border-left: solid 1px #b7babc; border-right: solid 1px #b7babc; margin: 0 0 15px 0;  text-align: left}
.box .boxTitle {border-top: solid 1px #b7babc; padding: 0 10px; background: #e8e8e8; position: relative; z-index:0}
.box .boxTitle h1 {color: #0b333c; font-size:11px; margin: 0; line-height: 25px}
.box .boxTitle .titleBt {width:100px; float:right; background:#33CCCC}
.box .boxTitle .topLeft {background: url(../images/widget_01.gif) no-repeat -53px 0; width:4px; height:4px; position:absolute; top: -1px; left: -1px; _top: 0; _left: -11px;/*IE6*/}
.box .boxTitle .topRight {background: url(../images/widget_01.gif) no-repeat -53px -4px; width:4px; height:4px; position:absolute; top: -1px; right: -1px; _top: 0; _right: 0;/*IE6*/}
.box .boxTitle ul {list-style:none; margin:0; padding:0; height:25px}
.box .boxTitle li {display:inline;height:25px; padding-right:3px}
.box .boxTitle li a {background:#efefef; line-height:25px; padding:5px 10px 6px 10px; *padding:6px 10px}
.box .boxTitle li a:hover,
.box .boxTitle li a.focus:hover {background:#b2e1ff url(../images/widget_02.gif) no-repeat 100% -216px}
.box .boxTitle li a.focus {background:#FFF url(../images/widget_02.gif) no-repeat 100% -192px; font-weight:bold}

.box .boxBottom {border-bottom:solid 1px #b7babc; height: 1px; position: relative}
.box .boxBottom .bottomLeft {background:url(../images/widget_01.gif) no-repeat -53px -8px; width:4px; height:7px; position:absolute; top: 0;/*?*/ left: -1px; _left:0px}
.box .boxBottom .bottomRight {background:url(../images/widget_01.gif) no-repeat -53px -15px; width:4px; height:7px; position:absolute; top: -px; right: -1px}
.box .boxBottom .bottomXrepeat {background:url(../images/widget_02.gif) repeat-x 0 -121px; width: 100%; height:7px; position:absolute; top: -px}
.box .boxBody {padding: 5px}

/*end Box Core*/
/*Box Expansion*/
.box .boxTitle ul.titleEdit, ul.titleEdit {position: relative}
.box .boxTitle ul.titleEdit li, ul.titleEdit li {position: relative; background:#f8f8f9; padding:8px 35px 6px 0; *padding:5px 35px 0 0; _padding:5px 0 2px 0; margin-right:5px; border:solid 1px #9ab3c3; border-bottom:none}
ul.titleEdit li {padding:8px 0 6px 0; *padding:5px 0 0 0; _padding:5px 0 2px 0}
.box .boxTitle ul.titleEdit li div.tabTopLeft, .box .boxTitle ul.titleEdit li div.tabTopRight,
ul.titleEdit li div.tabTopLeft, ul.titleEdit li div.tabTopRight {background-image:url(../images/widget_01.gif); background-repeat: no-repeat; width:3px; height:3px; position:absolute; _display:none}
.box .boxTitle ul.titleEdit li div.tabTopLeft, ul.titleEdit li div.tabTopLeft {background-position: -219px -6px; top:-1px; left:-1px}
.box .boxTitle ul.titleEdit li div.tabTopRight, ul.titleEdit li div.tabTopRight {background-position: -219px -9px; top:-1px; right:-1px}
.box .boxTitle ul.titleEdit li.focus div.tabTopLeft, ul.titleEdit li.focus div.tabTopLeft {background-position: -219px 0; top:-1px; left:-1px}
.box .boxTitle ul.titleEdit li.focus div.tabTopRight, ul.titleEdit li.focus div.tabTopRight {background-position: -219px -3px; top:-1px; right:-1px}
.box .boxTitle ul.titleEdit li.focus, ul.titleEdit li.focus {background:#FFF; padding:10px 35px 8px 0; *padding:5px 35px 2px 0; _padding:5px 0 4px 0; border:solid 1px #0b333c; border-bottom:none}
ul.titleEdit li.focus {padding:10px 0 8px 0; *padding:5px 0 2px 0; _padding:5px 0 4px 0}
.box .boxTitle ul.titleEdit li.focus a, .box .boxTitle ul.titleEdit li.focus a:hover,
ul.titleEdit li.focus a, ul.titleEdit li.focus a:hover {font-weight:bold; _background:#FFF}
.box .boxTitle ul.titleEdit li a, ul.titleEdit li a {background: none; _background:#f8f8f9}
.box .boxTitle ul.titleEdit li a img, ul.titleEdit li a img {width:15px; height:15px; border:none}
.box .boxTitle ul.titleEdit li a:hover, ul.titleEdit li a:hover {_background:#f8f8f9}
.box .boxTitle ul.titleEdit li a.tabEdit, * html .box .boxTitle ul.titleEdit li a.tabEdit:hover,
ul.titleEdit li a.tabEdit, * html ul.titleEdit li a.tabEdit:hover {background: url(../images/widget_01.gif) no-repeat -84px 1px; width: 15px; height:15px; padding:0; position:absolute; _position: fixed; top:8px; right:20px}
.box .boxTitle ul.titleEdit li a.tabEdit:hover, .box .boxTitle ul.titleEdit li a.tabDelete:hover, .box .boxTitle ul.titleEdit li a.tabAdd:hover, .box .boxTitle ul.titleEdit li.tabAdd a:hover,
ul.titleEdit li a.tabEdit:hover, ul.titleEdit li a.tabDelete:hover, ul.titleEdit li a.tabAdd:hover, ul.titleEdit li.tabAdd a:hover {background-color: #b2e1ff; _background:none}
.box .boxTitle ul.titleEdit li a.tabDelete, * html .box .boxTitle ul.titleEdit li a.tabDelete:hover,
ul.titleEdit li a.tabDelete, * html ul.titleEdit li a.tabDelete:hover {background: url(../images/widget_01.gif) no-repeat -100px 1px; width: 15px; height:15px; padding:0; position:absolute; _position: fixed; top:8px; right:5px}
.box .boxTitle ul.titleEdit li.tabAdd,
ul.titleEdit li.tabAdd {border: none; padding:0; background:none}
.box .boxTitle ul.titleEdit li.tabAdd a, * html .box .boxTitle ul.titleEdit li.tabAdd a:hover,
ul.titleEdit li.tabAdd a, * html ul.titleEdit li.tabAdd a:hover {background: url(../images/widget_02.gif) no-repeat 2px -715px; padding:2px 5px 2px 18px}

.red .boxTitle {border-bottom: solid 2px #ed1f24}
.fuscous .boxTitle {border-bottom: solid 2px #0b333c}
.tab .boxTitle {margin-top:5px}

.simple .boxTitle {background: #FFF; border-bottom: solid 1px #b7babc}
.simple .boxTitle h1 {font-size:15px; color:#ed1f24; margin: 5px 0}
.simple .boxTitle h2 {margin: 10px 0; padding:0; font-size:12px; line-height:150%}
.simple .boxTitle .topLeft {background: url(../images/widget_01.gif) no-repeat -62px 0; width:4px; height:4px; position:absolute; top: -1px; left: -1px; _top: 0; _left: -11px;/*IE6*/}
.simple .boxTitle .topRight {background: url(../images/widget_01.gif) no-repeat -62px -4px; width:4px; height:4px; position:absolute; top: -1px; right: -1px; _top: 0; _right: 0;/*IE6*/}

.dropdown {border-left: solid 1px #808080; border-right: solid 1px #808080}
.dropdown .boxTitle {background: #8a8778; border-top: solid 1px #808080; border-bottom:solid 2px #808080; cursor:move}
.dropdown .boxTitle h1{color:#e5e5e5}
.dropdown .boxTitle .topLeft {background: url(../images/widget_01.gif) no-repeat -250px 0; width:4px; height:4px; position:absolute; top: -1px; left: -1px; _top: 0; _left: -11px;/*IE6*/}
.dropdown .boxTitle .topRight {background: url(../images/widget_01.gif) no-repeat -250px -4px; width:4px; height:4px; position:absolute; top: -1px; right: -1px; _top: 0; _right: -1px;/*IE6*/}
.dropdown .boxBottom {border-bottom: solid 1px #808080}
.dropdown .boxBottom .bottomLeft {background: url(../images/widget_01.gif) no-repeat -250px -8px; width:4px; height:7px; position:absolute; top: 0;/*?*/ left: -1px}
.dropdown .boxBottom .bottomRight {background: url(../images/widget_01.gif) no-repeat -250px -15px; width:4px; height:7px; position:absolute; top: -px; right: -1px}
.dropdown .boxBottom .bottomXrepeat {background: url(../images/widget_02.gif) repeat-x 0 -787px; width: 100%; height:7px; position:absolute; top: -px}
.dropdown .line {border-top:solid 1px #c0c0c0; border-bottom:none; padding:5px 0}

.crocishow, .dropdown {position:absolute; z-index:1000; background:#FFF}
.crocishow {top:80px; left:272px; width:800px; max-width:900px; min-width:300px}
.croci, .crocishow {border-left: solid 1px #ff8040; border-right: solid 1px #ff8040; z-index:1000}
.crocishow .boxTitle {background: #fedfc0; border-bottom:solid 2px #ff8040; cursor:move}
.crocishow .boxTitle h1 {color:#0b333c}
.croci .boxTitle {border-bottom:none}
.croci .boxTitle, .crocishow .boxTitle {border-top: solid 1px #ff8040}
.croci .boxTitle .topLeft, .crocishow .boxTitle .topLeft {background: url(../images/widget_01.gif) no-repeat -186px 0; width:4px; height:4px; position:absolute; top: -1px; left: -1px; _top: 0; _left: -11px;/*IE6*/}
.croci .boxTitle .topRight, .crocishow .boxTitle .topRight {background: url(../images/widget_01.gif) no-repeat -186px -4px; width:4px; height:4px; position:absolute; top: -1px; right: -1px; _top: 0; _right: -1px;/*IE6*/}
.croci .boxBottom, .crocishow .boxBottom {border-bottom: solid 1px #ff8040}
.croci .boxBottom .bottomLeft, .crocishow .boxBottom .bottomLeft {background: url(../images/widget_01.gif) no-repeat -186px -8px; width:4px; height:7px; position:absolute; top: 0;/*?*/ left: -1px}
.croci .boxBottom .bottomRight, .crocishow .boxBottom .bottomRight {background: url(../images/widget_01.gif) no-repeat -186px -15px; width:4px; height:7px; position:absolute; top: -px; right: -1px}
.croci .boxBottom .bottomXrepeat, .crocishow .boxBottom .bottomXrepeat {background: url(../images/widget_02.gif) repeat-x 0 -701px; width: 100%; height:7px; position:absolute; top: -px}
.crocishow .boxTitle li a {background:#fff5ec}
.crocishow .boxTitle li a:hover,
.crocishow .boxTitle li a.focus:hover {background:#b2e1ff url(../images/widget_02.gif) no-repeat 100% -216px}
.crocishow .boxTitle li a.focus {background:#FFF url(../images/widget_02.gif) no-repeat 100% -192px; font-weight:bold}

.green {border-left: solid 1px #66b59c; border-right: solid 1px #66b59c}
.green .boxTitle { border-bottom:none; border-top: solid 1px #66b59c}
.green .boxTitle .topLeft {background:url(../images/widget_01.gif) no-repeat -564px 0; width:4px; height:4px; position:absolute; top: -1px; left: -1px; _top: 0; _left: -11px;/*IE6*/}
.green .boxTitle .topRight {background: url(../images/widget_01.gif) no-repeat -564px -4px; width:4px; height:4px; position:absolute; top: -1px; right: -1px; _top: 0; _right: -1px;/*IE6*/}
.green .boxBottom {border-bottom: solid 1px #66b59c}
.green .boxBottom .bottomLeft {background: url(../images/widget_01.gif) no-repeat -564px -8px; width:4px; height:7px; position:absolute; top:-1px; left: -1px}
.green .boxBottom .bottomRight {background: url(../images/widget_01.gif) no-repeat -564px -15px; width:4px; height:7px; position:absolute; top:-1px; right:-1px}
.green .boxBottom .bottomXrepeat {background: url(../images/widget_02.gif) repeat-x 0 -1126px; width: 100%; height:7px; position:absolute; top:-px}

.red_H {border-left: solid 1px #ed1f24; border-right: solid 1px #ed1f24}
.red_H .boxTitle { border-bottom:none; border-top: solid 1px #ed1f24}
.red_H .boxTitle .topLeft {background:url(../images/widget_01.gif) no-repeat -555px 0; width:4px; height:4px; position:absolute; top: -1px; left: -1px; _top: 0; _left: -11px;/*IE6*/}
.red_H .boxTitle .topRight {background: url(../images/widget_01.gif) no-repeat -555px -4px; width:4px; height:4px; position:absolute; top: -1px; right: -1px; _top: 0; _right: -1px;/*IE6*/}
.red_H .boxBottom {border-bottom: solid 1px #ed1f24}
.red_H .boxBottom .bottomLeft {background: url(../images/widget_01.gif) no-repeat -555px -8px; width:4px; height:7px; position:absolute; top:-0; left: -1px}
.red_H .boxBottom .bottomRight {background: url(../images/widget_01.gif) no-repeat -555px -15px; width:4px; height:7px; position:absolute; top:0; right:-1px}
.red_H .boxBottom .bottomXrepeat {background: url(../images/widget_02.gif) repeat-x 0 -1104px; width: 100%; height:7px; position:absolute; top:-px}

.simple #aboutFastcommerce {border-top: dotted 1px #b7babc;padding:5px 10px}
.simple #boxMainContent {padding: 5px 10px}
.simple #aboutFastcommerce #aboutUs {float:left; width:750px; border-right:dotted 1px #b7babc}
.simple #aboutFastcommerce #contactUs {float:right; width: 160px; line-height: 150%}
.simple .form {margin:0}
.simple .form h1 {margin: 5px 0; font-size:13px; color:#ed1f24}
.simple .form h2 {margin: 5px 0}
.simple .form p {margin: 10px 0}
.simple .form label {width:160px; float:left; padding:0 5px; line-height:20px}

.search .boxBottom .bottomLeft {background: url(../images/widget_01.gif) no-repeat -53px -22px; width:4px; height:7px; position:absolute; top: 0;/*?*/ left: -1px}
.search .boxBottom .bottomRight {background: url(../images/widget_01.gif) no-repeat -53px -29px; width:4px; height:7px; position:absolute; top: -px; right: -1px}
.searchbar {background:#f3f3f3; top:-10px; width:auto; margin:0 0 3px 0; position:relative; z-index:0; border:solid 1px #dbdcdd; border-top:none}
.searchbar .boxBottom {border-bottom: solid 1px #dbdcdd}
.searchbar .boxBottom .bottomLeft {background: url(../images/widget_01.gif) no-repeat -250px -22px; width:4px; height:7px; position:absolute; top: 0;/*?*/ left: -1px}
.searchbar .boxBottom .bottomRight {background: url(../images/widget_01.gif) no-repeat -250px -29px; width:4px; height:7px; position:absolute; top: -px; right: -1px}
.searchbar .boxBottom .bottomXrepeat {background: url(../images/widget_02.gif) repeat-x 0 -804px; width: 100%; height:7px; position:absolute; top: -px}


.toolBar {height:25px}
.toolBar .left, .toolBar .left ul {float:left}
.toolBar .right {float:right; text-align:right}
.toolBar .right li, .toolBar .left ul li {display: inline; line-height:20px}
.left ul li {float:left; padding:0 5px 0 0}
.toolBar .right li a, a.taxis {line-height:20px; *line-height:21px; height:20px; padding:2px 3px; *padding:3px 3px 2px 3px; _padding:3px 3px 1px 3px; border:solid 1px #f4f5f5}
.toolBar .right li a:hover, a.taxis:hover {border:solid 1px #5cc0ff}
.toolBar .right li.down a, .toolBar .left ul li.down a.taxis {background:#CCC; border:solid 1px #ababab}
.toolBar .right li.first a {background: url(../images/widget_02.gif) no-repeat 0 -566px; *background-position: 0 -565px; padding-left:15px}
.toolBar .right li.previous a {background: url(../images/widget_02.gif) no-repeat 0 -532px; *background-position: 0 -531px; padding-left:15px}
.toolBar .right li.next a {background: url(../images/widget_02.gif) no-repeat 100% -464px; *background-position: 100% -463px; padding-right:15px}
.toolBar .right li.last a {background: url(../images/widget_02.gif) no-repeat 100% -498px; *background-position: 100% -497px; padding-right:15px}
.toolBar .left ul li span.ash {color:#999999}

/*Table*/
table, th, td{border-collapse:collapse; margin:0; padding:0; border:none}
table.widgetTable {border-collapse:collapse; border:solid 1px #b7babc; width: 100%}
table.widgetTable th {border-right: solid 1px #b7babc; border-bottom:solid 2px #b7babc; background:url(../images/widget_02.gif) repeat-x 0 -250px; padding:3px 5px; text-align:left; white-space:nowrap}
table.widgetTable td {border-right: solid 1px #b7babc; *border-right: solid 1px #e5e5e5;/*IE6&IE7*/ line-height:20px; padding:0 5px; text-align:left; white-space:nowrap}
table.widgetTable td.note {border:solid 1px #b2e1ff; background:#fafafa}
table.widgetTable td a {color:#3c7fb1}
table.widgetTable td a:hover {text-decoration:underline}
table.widgetTable input {background-color:#FFF}
table.widgetTable td.bar {border:solid 1px #CCC; background:#f4f5bc; padding:5px}
table.widgetTable td.bar a:hover {text-decoration: none}
table.widgetTable td table {border-collapse:collapse}
table.widgetTable td td {border:0; margin:0}
table.form {width:100%}
table.form td {height:20px; padding:2px}
table.form td.price {text-align:right; width:70px; border-top:solid 1px #b7babc}
table.form td.name {color:#5bae9a; font-weight:bold; border-top:solid 1px #b7babc}
table.form td.rem {width:20px; border-top:solid 1px #b7babc}
table.total {border:solid 1px #b7babc; background:#F3F3F3}
table.total td.price {color:#ed1f24; font-weight:bold}


/*Button*/
.button {background: url(../images/widget_02.gif) repeat-x 0 -300px; line-height:20px; padding:3px 0 3px 0; *padding: 0;/*IE6&IE7*/}
.button span, .productRecommendList .button span{background:url(../images/widget_02.gif) no-repeat 0 -280px; padding:3px 0 3px 10px; *padding: 0;/*IE6&IE7*/ cursor:pointer}
.button span span, .productRecommendList .button span span{background:url(../images/widget_02.gif) no-repeat 100% -320px; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; *line-height:21px;/*IE6&IE7*/ height:20px; padding:3px 10px 3px 0; *padding: 3px 10px 4px 10px; /*_padding: 3px 10px 4px 10px;IE7&IE6*/ cursor:pointer}

.buttonFocus {background: url(../images/widget_02.gif) repeat-x 0 -420px; line-height:20px; padding:3px 0 3px 0; *padding: 0;/*IE6&IE7*/}
.buttonFocus span{background:url(../images/widget_02.gif) no-repeat 0 -400px; padding:3px 0 3px 10px; *padding: 0;/*IE6&IE7*/ cursor:pointer}
.buttonFocus span span{background:url(../images/widget_02.gif) no-repeat 100% -440px; line-height:20px; *line-height:21px;/*IE6&IE7*/ height:20px; padding:3px 10px 3px 0; *padding: 3px 10px 4px 10px; /*_padding: 3px 10px 4px 10px;IE7&IE6*/ font-weight:bold; cursor:pointer}

.button:hover, .buttonFocus:hover {background: url(../images/widget_02.gif) repeat-x 0 -360px; line-height:20px; padding:3px 0 3px 0;; *padding: 0;/*IE6&IE7*/}
.button:hover span, .buttonFocus:hover span{background:url(../images/widget_02.gif) no-repeat 0 -340px; padding:3px 0 3px 10px; *padding: 0;/*IE6&IE7*/ cursor:pointer}
.button:hover span span, .buttonFocus:hover span span{background:url(../images/widget_02.gif) no-repeat 100% -380px; line-height:20px; *line-height:21px;/*IE6&IE7*/ height:20px; padding:3px 10px 3px 0; *padding: 3px 10px 4px 10px; /*_padding: 3px 10px 4px 10px;IE7&IE6*/ cursor:pointer}


/*widgetShowModul*/
#widgetShowModul {top:0; right:0; width:100%; height:100%; position:absolute;z-index:1000;visibility: visible;background:#FFF; padding:2px 5px 0 5px;opacity:0.5; filter:alpha(opacity=50)}

/*widgetTrack*/
#widgetTrack {width:200px; height:3px; border:solid 1px #b7babc; background:#e8e8e8; margin:7px 0 0 0; position:relative}
#widgetHandle {width:15px; height:15px; top:-5px; left:0px; cursor: pointer; background: url(../images/widget_01.gif) no-repeat -199px 2px; position: absolute}
#widgetHandleInfo {position:absolute; background:#9a9ea1; top:-12px; left:1px; line-height:14px; font-size:12px; font-weight:bold; text-transform: uppercase; color:#FFF; opacity:0.7; filter:alpha(opacity=70)}

/*widgetShowModul*/
#widgetShowModul {top:0; right:0; width:100%; height:100%; position:absolute;z-index:1000;visibility: visible;background:#FFF; padding:2px 5px 0 5px;opacity:0.5; filter:alpha(opacity=50)}

/*widgetTrack*/
#widgetTrack {width:200px; height:3px; border:solid 1px #b7babc; background:#e8e8e8; margin:7px 0 0 0; position:relative}
#widgetHandle {width:15px; height:15px; top:-5px; left:0px; cursor: pointer; background: url(../images/widget_01.gif) no-repeat -199px 2px; position: absolute}
#widgetHandleInfo {position:absolute; background:#9a9ea1; top:-12px; left:1px; line-height:14px; font-size:12px; font-weight:bold; text-transform: uppercase; color:#FFF; opacity:0.7; filter:alpha(opacity=70)}

/*Footer*/

#mainContent {clear:both}

#footer #footerList * {color: #828282;}
#footer #footerList {border-bottom: dotted 1px #b7babc; margin-bottom:5px; height:175px; margin-top:10px}
#footer #footerList ul {border-right:dotted 1px #b7babc; float:left; padding-bottom:5px}
#footer #footerList ul li:first-child {font-weight: bold}
#footer #footerList li {display: block}

#footer {clear:both; text-align:left; list-style:none; padding: 0 0 10px 0}
#footer #footerLogo {float:left; background:url(../images/fastcommercefootlogo.gif) no-repeat center ; width:140px; height:20px}
#footer #footerLogo a {width:140px; height:11px}
#footer dd {float:left; margin:0; padding:0; color:#828282; font-size:10px; line-height:20px}
#footer ul {list-style:none; margin:0; padding:0 10px}
#footer li {display: inline}

/*---------signup-----------*/
.floatLeft {float:left;width:50%}
.floatRight {float:right; width:50%}
#banner { width:950px; height:152px; background:url(../images/banner.gif) no-repeat #ed2024; clear:both; margin:0 auto}
#categorySU { width:950px; height:30px; background:#939393; position:relative; z-index:0; padding:0; margin:0 auto 13px auto; text-align:left;clear:both}
.categorySU_l { background:url(../images/widget_01.gif) -439px 0 no-repeat; width:5px; height:30px; position:absolute; left:0; bottom:0}
.categorySU_r { background:url(../images/widget_01.gif) -449px 0 no-repeat; width:5px; height:30px; position:absolute; right:0; bottom:0}
#categorySU .back { float:left; margin:8px 0 0 20px}
#categorySU .back a { color:#FFF; padding:5px 10px}
#categorySU .back a:hover { background:#b2e1ff; color:#000}
#categorySU .title { float:right;  color:#FFF; font-size:12px; font-weight:bold; text-align:right;  margin:7px 20px 0 0}
#categorySU ul {margin:0; position:absolute; *padding:0 20px; padding:0 26px; width: 900px}
#categorySU ul li { float:left; margin:0; padding:0; list-style:none}
#categorySU ul li a { color:#FFF; padding:0 30px; line-height:30px}
#categorySU .selected { height:36px; margin:0; padding:0; background:url(../images/widget_02.gif) 0 -957px repeat-x; top:-2px; font-weight:bold; z-index:0; position:relative}
#categorySU .selected .left { line-height:36px; background:url(../images/widget_01.gif) -417px 0 no-repeat; width:5px; height:36px; bottom:0; left:0; position:absolute; padding:0; margin:0}
#categorySU .selected .right { line-height:36px; background:url(../images/widget_01.gif) -427px 0 no-repeat; bottom:0; right:0; _right:-1px; position:absolute; padding:0; margin:0}
#AccountOverview { width:918px; height:83px; border:1px solid #b7babc; background:#e8e8e8; padding:15px; position:relative; margin-bottom:15px; padding-bottom:30px}
#AccountOverview .topLeft  { background:url(../images/widget_01.gif) -162px -32px no-repeat; width:5px; height:4px; position:absolute; top:-1px; left:-1px}
#AccountOverview .topRight { background:url(../images/widget_01.gif) -171px -32px no-repeat; width:5px; height:4px; position:absolute; top:-1px; right:-1px}
#AccountOverview .bottomLeft  { background:url(../images/widget_01.gif) -181px -32px no-repeat; width:5px; height:4px; position:absolute; bottom:-1px; _bottom:-11px; left:-1px;}
#AccountOverview .bottomRight  { background:url(../images/widget_01.gif) -190px -32px no-repeat; width:5px; height:4px; position:absolute; bottom:-1px; _bottom:-11px; right:-1px}
#AccountOverview h1 { color:#ed2024; font-size:14px; text-align:left}
#AccountOverview .checkStep { margin:5px 0; height:35px; padding:0}
#AccountOverview .checkStep li { float:left; color:#808080; font-size:15px; padding:10px 11px 10px 22px; list-style:none}
#AccountOverview .done { background:url(../images/widget_02.gif) -12px -913px no-repeat}
#AccountOverview .setting { background:url(../images/widget_02.gif) -12px -884px no-repeat; font-weight:bold}
.boxTitle h1 span { font-size:11px; color:#828282; font-weight:normal; padding-left:10px}
#theme_layout, #PaymentGateway { width:230px; position:absolute; top:-20px; right:20px}
.templateBox { width:252px; margin:10px 9px; _margin:10px 7px; padding:0; border:1px solid #bab7bc; float:left}
.templateBox img { margin:5px; padding:0; width:238px; height:198px; border:1px solid #bab7bc; overflow:hidden}
.templateBox table {width:240px; margin:5px; background:#eeebea; height:20px}
.templateColor { margin:0}
.templateColor li { list-style:none; float:left; width:9px; height:18px; margin:0 4px; padding:0}
.templateColor li a:hover { background:url(../images/widget_01.gif) -232px 0 no-repeat; width:9px; height:18px; margin:0; padding:0}
.templateBox .previewTMP { background:#ddd8d7; height:20px; width:63px; text-align:center; display:block; line-height:20px}
.templateBox .previewTMP :hover { text-decoration:underline}
.redStar { font-weight:bold; color:#ed1f24}
.simple .boxBody h1 { padding-left:20px; font-size:13px; color:#ed1f24}
.simple .boxBody h2 { font-size:12px}
.simple .gray { background-color:#e8e8e8; height:50px; *height:55px}
.simple .gray p { padding:15px 0; *padding:15px 0 0 0}
.simple .gray .bottomXrepeat { background:url(../images/widget_02.gif) 0 -1061px repeat-x}
.simple .gray .bottomLeft { top:50px; *top:55px; _left:-1px}
#blackLayer { width:100%; height:100%; background:#000; -moz-opacity:0.5; filter:alpha(opacity=20); *-moz-opacity:0.3; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:2}
#ShippingSetUp h2 { padding:0 0 0 10px}
#ShippingSetUp label { margin:0 10px 0 30px}
#ShippingSetUp label input { margin:16px 0}
#ShippingSetUp label img { margin:20px 0 0 20px}
#PaymentGateway { height:400px}
.required { color:#ed1f24; font-weight:bold}

.catalogBox { width:182px; height:226px; float:left; margin:0 2px 0 3px; _margin:0 2px; padding:0}
.catalogBox .contrl{ float:left; width:12px; height:221px; padding:5px 0 0 0; margin:0}
.catalogBox .contrl .up, 
.catalogBox .contrl .down, 
.catalogBox .contrl .delete { width:12px; display:block; padding:0; margin:0} 
.catalogBox .contrl .up { height:51px; width:12px; background:url(../images/widget_01.gif) -526px 0 no-repeat}
.catalogBox .contrl .down { height:63px; width:12px; background:url(../images/widget_01.gif)  -538px 0 no-repeat}
.catalogBox .contrl .delete { height:42px; width:12px; background:url(../images/widget_01.gif) -514px 0 no-repeat; margin-top:30px}
.catalogBox table { height:20px; margin:0 0 0 12px; width:auto; _margin:0 0 0 15px}
.catalogBox .text { width:120px; *width:119px; _width:114px; margin-right:5px; border:1px solid #e2e3ea; border-top:1px solid #abadb3; padding:2px; *padding-bottom:1px}
.catalogBox .chooseBox { width:170px; *width:168px; _width:163px; height:200px; margin:5px 0 0 0; padding:0; border:1px solid #d5d5d4; overflow:auto}
.catalogBox .chooseBox ul { padding:0; margin:0}
.catalogBox .chooseBox ul li a:hover { background-color:#b2e1ff}
.catalogBox .chooseBox ul li a { padding:3px; font-weight:normal; display:block}
.catalogBox .chooseBox .nextList { background:url(../images/widget_02.gif) right -464px no-repeat}
.catalogBox .chooseBox .select { background-color:#bcbbbb}
.AddSub { margin:207px 0 0 10px; *margin:224px 0 0 10px}
.AddSub .btn2 .AddingSub { background:url(../images/widget_02.gif) right -466px no-repeat; padding-right:7px; *padding-right:1px; border:none; cursor:pointer}
.Add .btn2 { padding:0}
.Add .btn2 .adding { background:url(../images/widget_02.gif) -20px -603px no-repeat; padding-left:5px; border:none; cursor:pointer}


/*-------home--------*/
#bannerH {background-repeat:no-repeat ;height:329px; width:950px; position:relative; margin:0 auto}
#bannerH ul { height:29px;}
#bannerH ul li { float:left;position:absolute;top:0px;left:0px;}
.btnMD, .btnSN { height:29px; margin:0; padding:0; color:#FFF; font-weight:bold; font-size:14px; border:none; position:absolute; top:164px; cursor:pointer}
.btnMD:hover, .btnSN:hover { color:#000}
.btnMD { background:url(../images/widget_01.gif) -572px 0 no-repeat; width:131px; left:321px}
.btnMD:hover { background:url(../images/widget_01.gif) -572px -29px no-repeat; width:131px; left:321px}
.btnSN { background:url(../images/widget_01.gif) -703px 0 no-repeat; width:97px; left:466px}
.btnSN:hover, .btnSN:hover { background:url(../images/widget_01.gif) -703px -29px no-repeat}
#logIn { position:absolute; right:10px; bottom:70px}
#logIn h1, #logIn h2, #logIn h3 { font-family:Arial, Helvetica, sans-serif}
#logIn h1 { font-size:15px; color:#FFF; padding:1px 0; margin:0}
#logIn h2 { font-size:13px; color:#ff8181; padding:1px 0; margin:0}
#enter { margin:10px 5px 0 21px; *margin:10px 0 10px 28px}
#enter td { margin:0; padding:2px 0; text-align:right}
#enter td label { color:#c1c1c1; line-height:20px; padding-right:5px}
#enter td input { width:145px; height:14px; padding:2px; background:#d8d8d8; border:1px solid #c9cbcc; border-top:1px solid #6d6f70}
.btnGo { background:url(../images/widget_01.gif) -800px 0 no-repeat; height:20px; width:41px; color:#FFF; font-weight:bold; font-size:12px; border:none}
.btnGo:hover { background:url(../images/widget_01.gif) -800px -20px no-repeat; color:#000; cursor:pointer}
#logIn h3 { font-weight:normal; width:245px; margin:0; padding:0; text-align:right} 
#logIn h3 a { color:#c1c1c1; line-height:20px; padding:2px 5px; margin:0; font-size:11px;}
#logIn h3 a:hover { background:#b2e1ff; color:#000}

#siderBar { float:right; width:180px; padding:0; margin:18px 0 10px 0; clear:right}
#mainList div { width:180px; height:42px; padding:0; margin-bottom:10px;}
#mainList .featureList a {display:block; background:url(../images/widget_01.gif) -1064px 0 no-repeat; margin:0; width:180px; height:42px}
#mainList .featureList a:hover { background:url(../images/widget_01.gif) -1064px -42px no-repeat}
#mainList .whyFC a { display:block; background:url(../images/widget_01.gif) -1244px 0 no-repeat; width:180px; height:42px}
#mainList .whyFC a:hover { display:block; background:url(../images/widget_01.gif) -1244px -42px no-repeat}
#mainList .ViewDemo a { display:block; background:url(../images/widget_01.gif) -884px 0 no-repeat; width:180px; height:42px}
#mainList .ViewDemo a:hover { display:block; background:url(../images/widget_01.gif) -884px -42px no-repeat}
#homeBigAD { width:180px; height:233px; padding:0; margin:15px 0}
#homeBigAD a img {border:none}
#ftdCustomers { padding:0; margin:0;}
#ftdCustomers h1 { padding:0; margin:0 0 8px 4px; font-size:12px; text-align:left}
#ftdCustomers .box .boxBody { padding:10px; *padding:10px 10px 5px 10px; _padding:20px 10px 28px 10px; height:219px; overflow:hidden}
#ftdCustomers .cstm a { display:block; width:156px; height:48px; border:1px solid #e3edeb; text-align:center; margin:0 0 5px 0; _margin:0 0 9px 0}
#ftdCustomers .cstm a:hover { border:1px solid #bab7bc}
#ftdCustomers .cstm a img { border:none; height:48px; max-width:156px; margin:0; padding:0}

#H_mainContent {margin:18px 0 0 0; padding:0}
#yourbusiness, #businessOnline {margin:0 190px 0 0}
#yourbusiness .box .boxBody { padding:15px; margin:0; height:217px; *height:205px}
#yourbusiness .startBusiness, #yourbusiness .manageBusiness { margin:0}
#yourbusiness .growBusiness { margin:20px 0 20px 0}
#yourbusiness .icon{ float:left; width:68px; height:58px; margin:5px 0 0 0; padding:0; text-align:left}
#yourbusiness .startBusiness .icon { background:url(../images/fastcommerce_13.gif) no-repeat}
#yourbusiness .growBusiness .icon { background:url(../images/fastcommerce_21.gif) no-repeat}
#yourbusiness .manageBusiness .icon { background:url(../images/fastcommerce_27.gif) no-repeat}
#yourbusiness .info { margin:0 0 0 83px; padding:0}
#yourbusiness .info h1 { font-size:18px; color:#000; margin:0 0 5px 0; padding:0}
#yourbusiness .info p { padding:0; margin:0; font-size:12px}
#businessOnline { position:relative}
#businessOnline .box .boxBody { padding:8px 15px; margin:0; height:120px; *height:120px}
#businessOnline h1 { text-align:left; color:#ed1f24; font-size:22px; margin:5px 0 5px 8px; padding:0; font-weight: bold}
.business_ul { margin:0; padding:0}
.business_ul li { list-style:none; font-size:12px; font-weight:bold; color:#ed1f24; margin:8px 0; padding:0 0 0 10px; background:url(../images/widget_02.gif) -22px -483px no-repeat; height:15px}
.business_ul li a:hover { color:#ed1f24}
.startNow { display:block; background:url(../images/widget_01.gif) -1424px 0 no-repeat; width:130px; height:38px; position:absolute; left:625px; top:105px; *top:99px; *left:624px; _left:616px}
.startNow:hover {background:url(../images/widget_01.gif) -1424px -38px no-repeat}
#aboutFC { float:left; width:240px; height:230px; margin:0; padding:0}
#aboutFC h4 { color:#ed1f24}
#aboutFC .box .boxBody, #news .box .boxBody, #events .box .boxBody { padding:10px 10px 15px 10px; margin:0; height:211px; *height:209px; _height:220px; position:relative} 
#aboutFC img { float:left; width:80px; height:80px; margin:0 10px 10px 0; padding:0; border:none}
#aboutFC h2 { margin:0; padding:0}
#aboutFC p { margin:10px 0 0 0; padding:0}

#news { float:left; width:375px; height:230px; margin:0 10px 0 0; padding:0}
#events { float:left; width:375px; height:230px; margin:0; padding:0}
h4 { color:#000; font-size:13px; padding:0; margin:0 0 5px 5px; text-align:left}
#news .newsList, #events .eventsList { padding:0; margin:0; height:200px; overflow:hidden}
#news .newsList li, #events .eventsList li { list-style:none; line-height:20px; padding:0 10px 0 12px; background:url(../images/point_b.gif) no-repeat; border-bottom:1px dotted #bab7bc; margin:0}
#news .newsList li:hover a, #events .eventsList li:hover a { color:#000}
#events .eventsList .nowaday { background:url(../images/point_r.gif) no-repeat #fffebe}
#aboutFC p, #news .newsList li a, #events .eventsList li a {color:#616161; display:block}
#news .newsList li a span { color:#ed1f24; margin:0 10px 0 0}

.moreH { position:absolute; bottom:10px; right:10px; color:#ed1f24; font-size:10px; padding:0}
.moreH:hover { color:#9a1215}
#partners { clear:both; border-top:1px solid #66b59c; border-bottom:1px solid #e3edeb; width:950px; height:83px; padding:0; margin:0 0 20px 0}
#partners ul { margin:0; padding:0}
#partners ul li { list-style:none; float:left; padding:17px 17px 0 17px}
#partners ul li a img {border:none}

/*-------Plan---------*/
#p_Services .boxTitle { padding:15px 0 0 15px}
#p_Services .boxTitle h1, #planDetails  h1 { font-size:24px; font-weight:normal; padding:0; margin:0}
#p_Services .boxTitle h1 { color:#000}
#planDetails  h1 { color:#ed1f24; text-align:left; padding:0 0 10px 10px}
#p_Services .boxBody { padding:15px; *padding:15px 15px 10px 15px}
#p_Services .boxBody h1, #planDetails .banner h2 { font-size:14px; color:#ed1f24; margin:0; padding:3px 0}
#p_Services .boxBody p { line-height:20px; float:none; clear:both}
.bsns_0L { width:100%; position:relative; clear:both} 
.bsns_0L .hideInfo { clear:both}
.bsns_0L a {font-weight:bold; line-height:20px; float:left}
.more_bottom { width:18px; height:18px; background:url(../images/widget_01.gif) -478px 0 no-repeat; display:block; margin-left:5px}
#p_Services .boxBody .start_OL { float:none; clear:both; display:block; line-height:20px; background:url(../images/point_r.gif) no-repeat; margin:10px 0 0 0; padding:0 0 0 10px}
#planDetails .banner { text-align:left; padding:25px 15px 15px 15px; width:920px; height:90px; background:url(../images/plan_banner.jpg) no-repeat; margin:0; position:relative}
#planDetails .banner h2 { color:#FFF; margin-top:5px}
#planDetails .banner ul { padding:0 20px 0 15px; margin:0}
#planDetails .banner ul li { color:#FFF}
#planDetails .banner .startList h1 { font-size:14px; font-weight:bold; padding:0 0 0 10px; margin:0}
#planDetails .banner .startList p { color:#0b333c; padding:0 0 0 10px; margin:5px 0 0 0}
#planDetails .banner .startList .click_go { position:absolute; top:20px; left:280px; display:block; background:url(../images/widget_01.gif) -1698px 0 no-repeat; width:48px; height:48px}

#planDetails .details { margin:0 0 20px 0; padding:10px; border:1px solid #c2e4dc; border-top:none; position:relative; width:928px}
#planDetails .details .title_details { position:absolute; height:50px; width:568px; right:9px; top:-40px; z-index:1000}
#planDetails .details .title_details .titleBtn { float:left; width:140px; text-align:center; text-transform:uppercase; font-weight:bold; font-size:18px; line-height:18px; margin:0 0 0 1px; position:relative}
#planDetails .details .title_details .titleBtn .topLeft {width:4px; height:4px; position:absolute; background:url(../images/widget_01.gif) -564px -38px no-repeat; top:0; left:0}
#planDetails .details .title_details .titleBtn .topRight { width:4px; height:4px; position:absolute; background:url(../images/widget_01.gif) -564px -42px no-repeat; top:0; right:0}
#planDetails .details .detailTable th, #planDetails .details .detailTable td {text-align:left; padding:0 6px}
#planDetails .details .detailTable th { background:#56ad9a; font-size:13px; color:#FFF; line-height:25px; border-left:1px solid #59ae9a; border-right:1px solid #59ae9a}
#planDetails .details .detailTable td { line-height:24px; text-align:center; border-left:1px solid #bab7bc; border-right:1px solid #bab7bc}
#planDetails .details .detailTable .name { text-align:left}
#planDetails .details .detailTable td a { float:left}
#planDetails .details .detailTable td span { color:#ed1f24; font-size:15px; font-weight:bold}
#planDetails .details .detailTable td .btn_SU { display:block; width:113px; height:42px; margin:2px 0; float:right; background:url(../images/widget_01.gif) -1554px 0 no-repeat; float:none; clear:both}
#planDetails .details .detailTable td .more_bottom { margin:2px}
#planDetails .details .detailTable td .btn_SU:hover { background:url(../images/widget_01.gif) -1554px -42px no-repeat}
#planDetails .details .detailTable .lastLine td { border-bottom:1px solid #bab7bc}
#planDetails .details .detailTable td p { color:#804D58; clear:both; *margin-top:0; line-height:20px}
#planDetails .details .detailTable td .check, #planDetails .details .detailTable td .uncheck { width:20px; height:20px; margin:2px 0 2px 58px; *margin:2px 0 2px 10px; padding:0}
#planDetails .details .detailTable td .check { background:url(../images/widget_01.gif) -1671px -20px no-repeat}
#planDetails .details .detailTable td .uncheck { background:url(../images/widget_01.gif) -1671px 0 no-repeat}
#planDetails .details .detailTable .name .price { float:right; color:#ed1f24; line-height:24px; font-size:11px; font-weight:bold}
.FL_ul li {line-height:25px}

/*-------Professional Services------*/
.required
/*-------Add For First Page Banner----*/
.banner-icon { float:left; position:absolute; bottom:20px; left:20px;}
.banner-icon a { float:left; overflow:hidden; width:19px; height:23px; line-height:25px; *line-height:21px; text-decoration:none; text-align:center; color:#000; font-size:12px; font-weight:bold; background:url(../images/bannerH/banner-icon.gif) no-repeat -18px 0;}
.banner-icon a:hover { text-decoration:none; color:#C60;}
.banner-icon a.selected { color:#fff; background:#5d5d5d;}
.banner-icon a.left-button, .banner-icon a.left-button:hover { width:18px; text-indent:-1000px; background-position:0 0;}
.banner-icon a.right-button, .banner-icon a.right-button:hover { width:17px; text-indent:-1000px; background-position:100% 0;}
