/* *** <SHERWOOD FOREST FARMS> CSS Document By Alimanman 2009/10/24
    
    0_Reset
    1_Class
    2_Link
    3_Title
    4_Header
    5_Content
    6_Footer
    7_Page
    
*/

/* 0_Reset
-------------------------------------------------------------------*/
*{margin:0;padding:0;} a img{border:none;}
body{
    color:#000;
    font:400 13px/18px Arial, Tahoma;
    background:#808080 url(/sffweb/global/graphics_template/bg.gif) repeat-y center top;
}
input,textarea{font:400 13px/18px Arial, Tahoma;}
#wapper{
    background-image:url(/sffweb/global/graphics_template/bg_top.gif);
    background-repeat:repeat-x;
}
/* 1_Class
-------------------------------------------------------------------*/
.float-left,.left{float:left;}
.float-right,.right{float:right;}
.text-left    {text-align:left;}
.text-right   {text-align:right;}
.text-center  {text-align:center;}
.no-margin    {margin:0;}
.no-padding   {padding:0;}
.hide         {display:none;}
.clear        {clear:both;}
.clearFF:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
/* 2_Link
-------------------------------------------------------------------*/
a    {color:#9d311c; text-decoration:none;}
a:hover   {color:#9d311c; text-decoration:underline;}
/* 3_Title
-------------------------------------------------------------------*/

h1 {
    padding:25px 0 5px;
    letter-spacing:1px;
    color:#2f502f;
    font:400 36px/36px Impact, Arial, Tahoma;
}
h2{
    margin:30px 0 0;
    color:#2f502f;
    font-size:18px;
}
h2.title{
    margin:0;
    padding:0;
    text-align:center;
    line-height:30px;
    color:#F6F6F6;
    background:url(/sffweb/global/graphics_template/h2_bg.jpg) repeat-x left bottom;
}
h3 {
    padding:19px 0 19px 0;
    letter-spacing:1px;
    color:#949494;
    font:400 14px/17px Impact, Arial, Tahoma;
}
h4 {
    padding:10px 0 10px 0;
    letter-spacing:1px;
    color:#2F502F;
    font:400 18px/18px Impact, Arial, Tahoma;
}
p{
    margin:5px 0;
}

/* 4_Header
-------------------------------------------------------------------*/
#header{
    margin:0 auto;
    width:825px;
    /*height:167px;*/
}
/** html #header{height:168px;}*/
#header .logo {
    float:left;
    margin:20px 0 10px 20px;
    height:86px;
    width:197px;
    color:#FFF;
    font:700 18px/66px Arial, Tahoma;
    background:url(/sffweb/global/graphics_template/logo.png) no-repeat 0 0;
    /* for ie6 */
    _background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sffweb/global/graphics_template/logo.png');
}
#header .logo img{
    padding:0 10px;
    width:75px;
    height:76px;
    vertical-align:middle;
}
#header .toplink{
    float:right;
    margin-right:2px;
}
#header .toplink .text{
    float:right;
    color:#FFF;
    line-height:34px;
    height:37px;
    padding-left:12px;
    padding-right:7px;
    background:transparent url(/sffweb/global/images/seller/login_bg_left.png) no-repeat 0 0;
    _background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/sffweb/global/images/seller/login_bg_left.png');
}
#header .toplink .bg{
    float:right;
    width:5px;
    height:37px;
    background:transparent url(/sffweb/global/images/seller/login_bg_right.png) no-repeat 0 0;
    _background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/sffweb/global/images/seller/login_bg_right.png');
}

#header .toplink a,
#header .toplink a:visited{
    position:relative;
    color:#ffe65c;
    text-decoration:underline;
}
#header .toplink a:hover{text-decoration:none;}

#menubar{
    clear:both;
    width:825px;
}
.no_marketing #menubar{
    background:url(/sffweb/global/graphics_template/menu_bg_2.gif) no-repeat 0 0;
}
#menubar ul{list-style:none;}
#menubar li{
    float:left;
    position:relative;
}
#menubar a{
    display:block;
    height:55px;
    width:100%;
    text-indent:-9999px;
    overflow:hidden;
}
#menubar a:hover, #menubar li.active a{
    background:url(/sffweb/global/graphics_template/menu_bg.gif) no-repeat 0 100px;
}

.no_marketing #menubar a:hover, .no_marketing #menubar li.active a{
    background:url(/sffweb/global/graphics_template/menu_bg_2.gif) no-repeat 0 100px;
}

#menubar li ul{
    z-index:99;
    display:none;
    position:absolute;
    left:0;
    top:43px;
    width:251px;
    background:#efefef none;
    border:#dfdfdf 1px solid;
    border-width:0 2px 1px;
}
#menubar li:hover ul,
#menubar li.iehover ul{
  display:block;
}

#menubar li li{
    width:100%;
    
}
#menubar li li a{
    line-height:28px;
    height:28px;
    text-indent:21px;
    color:#666;
    border-bottom:#dfdfdf 1px solid;
    background:none;
}
#menubar li li a:hover,
#menubar li li a.active,
.no_marketing #menubar li li a:hover,
.no_marketing #menubar li li a.active{
    text-indent:33px;
    color:#fff;
    background:url(/sffweb/global/graphics_template/submenu_hover.gif) no-repeat 0 0;
    text-decoration:none;
}


#menubar li a.home{width:68px;}
#menubar li.active a.home{background-position: left bottom;}
#menubar li:hover a.home{background-position:left -55px;}

#menubar li a.menu-101{width:197px;}
#menubar li.active a.menu-101{background-position:-68px bottom;}
#menubar li:hover a.menu-101,
#menubar li.iehover a.menu-101{background-position:-68px -55px;}

#menubar li a.menu-102{width:136px;}
#menubar li.active a.menu-102{background-position:-265px bottom;}
#menubar li:hover a.menu-102,
#menubar li.iehover a.menu-102{background-position:-265px -55px;}

#menubar li a.menu-103{width:217px;}
#menubar li.active a.menu-103{background-position:-401px bottom;}
#menubar li:hover a.menu-103,
#menubar li.iehover a.menu-103{background-position:-401px -55px;}

#menubar li a.place-and-track-your-order{width:207px;}
#menubar li.active a.place-and-track-your-order{background-position:right bottom;}
#menubar li:hover a.place-and-track-your-order,
#menubar li.iehover a.place-and-track-your-order{background-position:right -55px;}

#menubar li.menu-101 ul{width:260px;}
#menubar li.menu-102 ul{width:280px;}
#menubar li.place-and-track-your-order ul{width:200px;}


.no_marketing #menubar li a.home{width:121px;}
.no_marketing #menubar li.active a.home{background-position: left bottom;}
.no_marketing #menubar li:hover a.home{background-position:left -55px;}

.no_marketing #menubar li a.menu-101{width:256px;}
.no_marketing #menubar li.active a.menu-101{background-position:-121px bottom;}
.no_marketing #menubar li:hover a.menu-101,
.no_marketing #menubar li.iehover a.menu-101{background-position:-121px -55px;}

.no_marketing #menubar li a.menu-102{width:191px;}
.no_marketing #menubar li.active a.menu-102{background-position:-377px bottom;}
.no_marketing #menubar li:hover a.menu-102,
.no_marketing #menubar li.iehover a.menu-102{background-position:-377px -55px;}

.no_marketing #menubar li a.place-and-track-your-order{width:257px;}
.no_marketing #menubar li.active a.place-and-track-your-order{background-position:right bottom;}
.no_marketing #menubar li:hover a.place-and-track-your-order,
.no_marketing #menubar li.iehover a.place-and-track-your-order{background-position:right -55px;}
/* 5_Content
-------------------------------------------------------------------*/
.mainarea{
    margin:0 auto;
    width:730px;
    padding:1px 45px 70px 50px;
    color:#000;
    overflow:auto;
    _zoom:1;
}
.mainarea ul{
    padding-left:1.5em;
    line-height:2em;
}
.box1{
    padding:6px;
    background:#FFF;
}
.box1 p{
    margin:0;
    padding:5px 37px 15px 37px;
    line-height:14px;
    font-size:11px;
    background:#EFEFEF;
}
.box2{
    width:580px;
    margin:10px auto;
    padding:10px 20px;
    border:#9dafc3 1px solid;
    background-color:#F4F9FF;
    overflow:auto;
}
.box2 div.input label{
    width:160px;
}
.box2 div.button{
    padding-left:165px;
}
.indexlist{
    margin:10px 0;
    /*width:703px;
    background:#dadcd9;*/
    border:1px solid #9dafc3;
    clear:both;
}
.indexlist .content{
    padding:10px 10px 20px;
    border:5px solid #FFF;
}
p.nav, p.nav a, p.nav a:visited{color:#858585;}

/* 6_Footer
-------------------------------------------------------------------*/
#footer{
    margin:0 auto;
    width:825px;
    text-align:center;
    color:#233415;
    font-size:12px;
}
#footer .link{
    line-height:58px;
    font-weight:bold;
    color:#fff;
}
#footer .link a,
#footer .link a:visited{
    color:#fff;
    padding:0 5px;
}
#footer p a,
#footer p a:visited{
    color:#a61514;
    text-decoration:underline;
}
#footer a:hover{text-decoration:none;}
#footer p{padding:15px 0 65px 0;}
/* 7_Page
-------------------------------------------------------------------*/
a.enter{
    background:url(/sffweb/global/images/leader/icon_arrow.jpg) no-repeat 0 50%;
    padding-left:15px;
    font-weight:bold;
    font-size:110%;
}

.w635{width:635px;}
.top-menu{
    margin-top:15px;
    min-height:450px;
}
.top-menu dl{
    float:left;
    width:100%;
    margin-top:1em;
}
.top-menu dl.typeone{width:300px; clear:left;}
.top-menu dl.typetwo{width:300px;margin-left:85px;}
.top-menu dl dd{padding-left:7px;}
.top-menu dl dd a{
    display:block;
    margin:1em 0;
    width:160px;
}
.top-menu dl dd ul{padding-left:0;}
.top-menu dl dd li{
    background:url(/sffweb/global/images/leader/icon.gif) no-repeat 0 3px;
    padding-left:23px;
    line-height:23px;
    list-style-type:none;
}

ul.submenu{padding:0 30px;list-style-type:none;}
ul.submenu li{
    padding-left:90px;
    margin:40px 0;
    background-position:5px 5px;
    background-repeat:no-repeat;
}
li.org01{background-image:url(/sffweb/global/images/leader/icon_org01.gif);}
li.org02{background-image:url(/sffweb/global/images/leader/icon_org02.gif);}
li.org03{background-image:url(/sffweb/global/images/leader/icon_org03.gif);}
li.org04{background-image:url(/sffweb/global/images/leader/icon_org04.gif);}
li.org05{background-image:url(/sffweb/global/images/leader/icon_org05.gif);}
li.org06{background-image:url(/sffweb/global/images/leader/icon_org06.gif);}
li.org07{background-image:url(/sffweb/global/images/leader/icon_org07.gif);}
li.mark01{background-image:url(/sffweb/global/images/leader/icon_mark01.gif);}
li.mark02{background-image:url(/sffweb/global/images/leader/icon_mark02.gif);}
li.mark03{background-image:url(/sffweb/global/images/leader/icon_mark03.gif);}
li.mark04{background-image:url(/sffweb/global/images/leader/icon_mark04.gif);}
li.mark05{background-image:url(/sffweb/global/images/leader/icon_mark05.gif);}
li.email01{background-image:url(/sffweb/global/images/leader/icon_email01.gif);}
li.email02{background-image:url(/sffweb/global/images/leader/icon_email02.gif);}
li.email03{background-image:url(/sffweb/global/images/leader/icon_email03.gif);}
li.email04{background-image:url(/sffweb/global/images/leader/icon_email04.gif);}
li.email05{background-image:url(/sffweb/global/images/leader/icon_email05.gif);}
li.place01{background-image:url(/sffweb/global/images/leader/icon_place01.gif);}
li.place02{background-image:url(/sffweb/global/images/leader/icon_place02.gif);}
li.place03{background-image:url(/sffweb/global/images/leader/icon_place03.gif);}
li.place04{background-image:url(/sffweb/global/images/leader/icon_place04.gif);}
li.place05{background-image:url(/sffweb/global/images/leader/icon_place05.gif);}
ul.submenu li.place05{background-position:-7px 0;}

ul.submenu li h2{padding:1px 0;}
ul.submenu li p{margin:0;}

.step-box{
    margin-bottom:15px;
    height:43px;
    color:#949494;
    letter-spacing:1px;
    font-family:Impact, Arial, Tahoma;
}
.step-box li{
    float:left;
    height:43px;
    line-height:14px;
}
.step-box li img,
.step-box li span{
    display:block;
    float:left;
    height:43px;
}
.step-box li span{
    padding:1px 0 0 6px;
    height:42px;
}
.step-box b{font-weight:400;}
.step-box li.typeTwo span{
    padding:7px 0 0 6px;
    height:36px;
}
.step-box li span b{
    display:block;
    font-size:14px;
}
.step-box li .gray{color:#949494;}
.step-box li .red{color:#C30000;}
.step-box li .green{color:#2F502F;}

div.step-box{
    padding-bottom:10px;
    line-height:50px;
    color:#256116;
    height:auto;
    font-size:24px;
    letter-spacing:normal;
    /*background:url(/sffweb/global/images/leader/step_bg.jpg) repeat-x 0 bottom;*/
}
div.step-box img{margin-top:10px;}

h1.step{
    margin:10px 0;
    color:#4C4E4B;
    font-size:17px;
    line-height:20px;
    background-image:none;
    padding:10px 0 0;
}
#csvupload-1 h2,
#csvupload-2 h2,
#csvupload-3 h2{
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 25px;
}
#csvupload-1 h2{background-image:url('/sffweb/global/images/leader/step1.gif');}
#csvupload-2 h2{background-image:url('/sffweb/global/images/leader/step2.gif');}
#csvupload-3 h2{background-image:url('/sffweb/global/images/leader/step3.gif');}
#csvupload-1 p,
#csvupload-2 p,
#csvupload-3 p{
    line-height: 22px;
    margin: 10px 0;
}
#GroupCsvuploadForm{
    margin-top: 15px;
}
#GroupCsvuploadForm label{
    width: 80px;
    text-align: left;
}
#GroupCsvuploadForm div.desc{
    font-size: 11px;
    line-height: 13px;
    color: #515151;
    margin-top: 5px;
    padding-left: 80px;
}
#GroupCsvuploadForm div.submit{
    padding: 0 0 0 80px;
}

/* Products */
span.price{
    min-width:45px;
    margin-right:5px;
    text-align:right;
}

/* price edit box  */
#PopupEditBox{
    position:absolute;
    width:145px;
    padding:5px 15px;
    background-color:#ffc;
    border:1px #360 solid;
    text-align:center;
}
#PopupEditBox .errormsg{
    line-height:150%;
}
#PopupEditBox .input label{width:70px;}
#PopupEditBox .input input{width:50px;margin:0;}
#PopupEditBox .actions{padding:2px 0;}

/* popup window */
body #TB_window{
    background:url(/sffweb/global/images/leader/content_bg.gif) repeat-y 0 0;
    border-width:0;
    top:45%;
}
#TB_title{
    background:url("/sffweb/global/images/leader/th_bg.jpg") repeat-x scroll 0 0 transparent;
    color:#fff;
}
#TB_title a{color:#ff0;}
body #TB_ajaxContent{padding-top:10px;}

.product-view .left img{
    margin:10px 0;
    padding:5px;
    border:#A0A1C1 1px solid;
    width:260px;
    background-color:#fff;
}
.product-view .right{
    width:360px;
    overflow:hidden;
}
.product-view .right h2{
    color:#CB641F;
    padding:0;
}
.product-view .right h2 span{
    color:#000;
    font-size:14px;
}
.product-view .right ul li{
    padding-left:10px;
    background:url(/sffweb/global/images/editpop_dot.gif) no-repeat left 6px;
}

/* form item */
div.message,
div.error,
div.status{
    margin:5px 0;
    border:1px #fc0 solid;
    padding:5px 10px;
    background-color:#ffc;
}
div.status{
    border-color:#68a62a;
    /*background-color:#e3e1c0;*/
}
div.error{
    border-color:#c00;
    background-color:#ffeded;
    color:#c00;
}
div.input, div.submit{
    margin:10px 0;
    line-height:20px;
    overflow:hidden;
    clear:both;
}

div.desc{
    padding-left:165px;
}

div.input label{
    float:left;
    padding-right:5px;
    width:160px;
    text-align:right;
    font-weight:700;
    vertical-align:top;
}
div.text input,
div.password input{
    padding:2px 5px;
    _padding:0 5px 2px;
    width:205px;
    height:16px;
    font-size:12px;
    font-family: Arial, Tahoma;
    background:#FFF;
    border:1px solid #2B622B;
    margin-right:10px;
}
div.file input{
    padding:2px 5px 0 5px;
    width:auto;
    height:20px;
}
* html div.file input{width:290px;}
*+html div.file input{width:290px;}

div.select select{
    width:218px;
    height:20px;
    height:19px;
    padding-left:2px;
    background-color:#FFF;
    border:1px solid #2B622B;
}
div.textarea textarea{
    overflow:auto;
    margin-right:10px;
    padding:5px;
    width:300px;
    height:80px;
    line-height:16px;
    background-color:#FFF;
    border:1px solid #2B622B;
}

div.submit{
    padding:10px 0 10px 165px;
    _padding-left:168px;
}
div.actions{
    margin:0;
    padding:10px 0;
}
div.action-form{padding-left:5px;margin:1em 0;}

div.submit input,
div.actions input,
div.button input,
div.action-form input,
input#SendTestEmail{
    height:22px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:0 0;
    border:0 none;
    margin:0 5px 0 0;
    vertical-align:top;
    cursor:pointer;
    /* below for ie6 */
    _text-indent:0;
    text-align:right;
    font-size:0;
    color: #BF1110;
}
input.add{width:64px;background-image:url(/sffweb/global/images/leader/btn_add.gif);}
input.back{width:73px;background-image:url(/sffweb/global/images/leader/btn_back.gif);}
input.next{width:72px;background-image:url(/sffweb/global/images/leader/btn_next.gif);}
input.save{width:72px;background-image:url(/sffweb/global/images/leader/btn_save.gif);}
input.edit{width:59px;background-image:url(/sffweb/global/images/leader/btn_edit.gif);}
input.cancel{width:73px;background-image:url(/sffweb/global/images/leader/btn_cancel.gif);}
input.submit{width:72px;background-image:url(/sffweb/global/images/leader/btn_submit.gif);}
input.login{width:72px;background-image:url(/sffweb/global/images/leader/btn_login.gif);}
input.register{width:94px;background-image:url(/sffweb/global/images/leader/btn_register.gif);}
input.update{width:72px;background-image:url(/sffweb/global/images/leader/btn_update.gif);}
input.addAContact{width:113px;background-image:url(/sffweb/global/images/seller/btn_addAContact.gif);}
input.addMultipleContacts{width:168px;background-image:url(/sffweb/global/images/seller/btn_addMultipleContacts.gif);}

div input.go{width:59px;background-image:url(/sffweb/global/images/leader/btn_go.gif);}
div input.search{width:72px;background-image:url(/sffweb/global/images/leader/btn_search.gif);}
div input.done{width:73px;background-image:url(/sffweb/global/images/leader/btn_done.gif);}
div input.getStarted{width:122px;background-image:url(/sffweb/global/images/leader/btn_getStarted.gif);}
div input.addContact{width:118px;background-image:url(/sffweb/global/images/leader/btn_addContact.gif);}
div input.sendFlyer{width:103px;background-image:url(/sffweb/global/images/leader/btn_sendFlyer.gif);}
div input.addSeller{width:106px;background-image:url(/sffweb/global/images/leader/btn_addSeller.gif);}
div input.regenerateCode{width:141px;background-image:url(/sffweb/global/images/leader/btn_regenerateCode.gif);}
div input.downloadCsv{width:132px;background-image:url(/sffweb/global/images/leader/btn_downloadCsv.gif);}
div input.downloadList{width:132px;background-image:url(/sffweb/global/images/leader/btn_downloadList.gif);}
div input.goHome{width:143px;background-image:url(/sffweb/global/images/leader/btn_goHome.gif);}
div input.addTemplate{width:152px;background-image:url(/sffweb/global/images/leader/btn_addTemplate.gif);}

div.image img{border:1px solid #FFF;}

div.radio{
    padding-left:165px;
}

div.radio label{
    width:auto;
    float:none;
    padding:0 5px;
    text-align:left;
}

div.error input,
div.error select,
div.error textarea{
    color:red;
    border-color:red;
}

div.input div.error-message{
    clear:both;
    padding-left:165px;
    _padding-left:172px;
    color:red;
    font-weight:bold;
}

div.emaillist textarea{
    float:left;
    width:300px;
    height:120px;
    _margin-left:3px;
}

div.maillist{
    border:1px solid #2B622B;
    padding:2px 5px;
    width:62%;
    max-height:200px;
    _height:200px;
    overflow:auto;
}

/* */

.flyersetting div.textarea{
    margin:15px 0;
}

.flyersetting div.textarea label{
    text-align:left;
    padding:2px;
    width:300px;
}
.flyersetting div.textarea textarea{
    width:450px;
    height:160px;
}

/* table */
/*
table{
    width:100%;
    clear:both;
    background:#FFF;
    border:1px solid #FFF;
}
*/
#TB_window table{width:96%;clear:none;}
table tr th{
    line-height:29px;
    text-align:center;
    color:#FFF;
    background:url(/sffweb/global/images/leader/th_bg.jpg) repeat-x 0 0;
}
table tr td{
    padding:5px 0 5px 0;
    text-align:center;
    color:#4B4B4B;
    background:#DCE2DB;
}
table tr.odd td{background:#EAEEE9;}
table tr.check td{background:#D0D0D0;}

td.actions {
    text-align: center;
    white-space: nowrap;
}
td.actions a {
    margin: 0px 6px;
}
table th a,
#TB_window table a{color:#fff;text-decoration:underline;}
table th a:hover{color:#fff;text-decoration:none;}

/* old Table set for 2008 */
table.normal{ 
    width:100%;
    border-width:0;
    border-left:#fff solid 2px;
    border-collapse:collapse;
    background-color: transparent;
	margin:10px 0 0;
}

table.normal td{
    height:30px;
    border-right:#fff solid 1px;
    border-bottom:#fff solid 1px;
    background-color: #d0d8ce;
    vertical-align: middle;
    text-align:center;
    font-size:12px;
    color:#4a4c49;
    padding-top:3px;
  line-height:1;
}

table.normal tr.tit td{
    background:url(/sffweb/global/images/leader/th_bg.jpg) repeat-x;
    height:30px;
    border-top:#fff solid 2px;
    color:#fff;
    font-weight:bold;
    padding:0px;
  line-height:1;
}

table.normal tr.tit td.item{
    width:50px;

}

table.normal tr.tit td.productname{
    width:200px;
}

table.normal a:link,table.normal a:active,table.normal a:visited{ 
    color:#9d311c;
    text-decoration:underline;
}

table.normal a:hover{
    color:#9d311c;
    text-decoration:none;
}

table.normal td.lastcol{ 
    border-right:#fff 2px solid;
}

table.normal td.groupcost{
    background:none;
    border:0px;
    padding:0;
}

table.normal td.groupcost div{
    margin-left:6px;
    border-left:#fff 2px solid;
    border-right:#fff 2px solid;
    border-bottom:#fff 1px solid;
    height:30px;
    line-height:30px;
    background:#ecf0f3;
    color:#385c22;
    font-weight:bold;    
}
table.normal tr.tit td.groupcost div{
  color:#ffd800;
}

table.normal tr.tit td.groupcost{ 
    background:none;
    border:0;
    color:#6C7F96;
    width:108px;
}

table.normal tr.tit td.groupcost div{    
    background:url(/sffweb/global/images/leader/th_bg.jpg) repeat-x;
    height:29px;
    line-height:29px;
    border-top:#fff 2px solid;
}

table.normal input{ 
    border:#385c22 1px solid;
    height:14px;
    padding:1px 2px;
    width:55px;
    background:#fff;
    vertical-align:middle;
    margin:0 3px;
    color:#163e0c;
    font-size:11px;
}

table.normal input.edit{
    color:#dd0000;
    border: 2px solid #dd0000;

}

table.normal input.disabled{
    background:#c5c5c5;
}


table.normal tr.rowchange td{
    background:#c2ccbf;
}

table.normal tr.rowchange td.groupcost{ 
    background:none;
}

table.normal tr.rowchange td.groupcost div{
    background:#e6edf0
}

table.normal tr.last td{ 
    border-bottom:#fff solid 2px;
}

table.normal tr.last td.groupcost{
    border:0px;
}

table.normal tr.last div{
    border-bottom:#fff 2px solid;
}
/*Profit Estimator*/

.casedproducts .totalprice,.individual .totalprice,.totalprofit{ 
    color:#4b4b4b; 
    font-size:12px;
    font-weight:bold;
    padding:5px 0;
}

.casedproducts .totalprice strong,.individual .totalprice strong,.totalprofit strong{
    color:#cb6f1f; 
    font-size:18px;
}

.totalprofit{
    font-size:16px;
    color:#163e0c;
}

.totalprofit strong{
    font-size:22px;
}

.totalprofit img{ 
    margin-left:10px;
    vertical-align:middle;
}
.submitbox{ 
    clear:both; 
    padding-left:20px;
    margin:30px 0;
}

.submitbox img{ 
    margin-right:20px
}

.submitbox2{
    padding-top:10px;
    clear:both;
    text-align:right;
}

.submitbox2 img{ 
    margin-left:0px;
}

.submitbox2 img.back{
    margin-right:5px;
}
/*Profit estimate*/

body.PE table.normal tr.tit td.groupcost div{ 
    height:27px;
   line-height:1;padding-top:2px;
}
/*Sales_Library*/    
table.normal td.name{ 
    padding:6px 0;
}

table.normal td.name a{ 
    font-weight:bold;
}

table.normal td.actions{ 
    color:#cb641f;
    border-right:#fff 2px solid;
}

table.normal td.actions a{ 
    margin:0 5px;
}

/*letter library*/
.letterlibrary table.normal{ 
    width:550px; 
    margin:10px auto;
}
.letterlibrary table.normal td.title{
    font-weight:bold;
    padding:6px 0;
}

/*update info*/
.updateinfo{ 
    width:580px;
}

.updateinfo strong{ 
    color:#cb641f; 
    font-size:14px;
}

/*edit pop*/
.editpopbox{ 
    width:540px; 
    border:#fff 10px solid; 
    background:#d3dbd1;
    padding:15px 0px 10px 15px;
    margin:0 auto;
}
.editpopbox img.plarge{
    border:#a0a1c1 1px solid; 
    padding:2px; 
    background:#fff; 
    float:left;
    margin:0px 15px 0px 0px;
}

.editpopbox .content{
    font-size:12px;
    color:#4b4b4b;
    line-height:120%;
    padding-left:220px;
}

.editpopbox h3{
    font-size:16px;
    color:#cb641f;
    line-height:normal;
    padding:0 0 10px;
}

.editpopbox table.normal{
    width:290px; 
    font-weight:bold;
    margin-bottom:10px;
}


.editpopbox .content strong{ 
    color:#163e0c;
}

.editpopbox .content ul{
    padding:5px 0;
    list-style-type:none;
}

.editpopbox .content li{
    background:url(../images/editpop_dot.gif) no-repeat 0px 7px;
    padding-left:10px;
    line-height:18px;
}

.editpopbox .closebox{ 
    clear:both;
    text-align:right;    
}

.editpopbox .closebox img{
    background:#fff;
    padding:5px;
}

.editalertbox{    
    width:430px; 
    border:#fff 10px solid; 
    margin:0px auto; 
    background:#d3dbd1;
} 

.editalertbox .tit{
    background:#fff;
    font-size:16px;
    color:#163e0c;
    font-weight:bold;
    height:22px;
}

.editalertbox .tit img{
    float:right;
}

.editalertbox .content{
    text-align:center;
    padding:15px 0;
}

.editalertbox .content strong{ 
    background:url(../images/alert_icon.gif) no-repeat; 
    padding-left:20px; 
    color:#4b4b4b; 
    font-size:12px;
}

.editalertbox .content img{ 
    margin:15px 15px 0 0;
}

/*stepbox share*/
.stepbox{
    background:url(../images/stepbox_bg.gif) no-repeat;
    width:642px;
    height:46px;
    color:#385c22;
    font-weight:bold;
    margin-top:10px;
}

.stepbox strong,
.SRstepbox strong,
.PLstepbox strong{
    font-size:16px;
}

.stepbox h5,
.SRstepbox h5,
.PLstepbox h5{
    font-size:13px;
}

.stepbox ul,
.SRstepbox ul,
.PLstepbox ul{
    padding:7px 0px 5px 0px;
    list-style:none;
}
.stepbox ul li,
.SRstepbox ul li,
.PLstepbox ul li{
    float:left;
    text-align:center;
    line-height:110%;
}

.stepbox ul li.step1{
    width:155px;
}

.stepbox ul li.step2{
    width:150px;
}

.stepbox ul li.step3{
    width:105px;
}

.stepbox ul li.step4{
    width:120px;
}

.stepbox ul li.step5{
    width:105px;
}

.centerbox{
    clear:both;
    text-align:center;
    margin:20px 0;
}

/*flyer step1*/

.empPro{
border: 2px solid #FF6600;
}


table.pricetable{ 
    width:100px; 
    margin:0 auto;
    border-width:0;
    background-color:transparent;
}


table.pricetable td,
table.normal tr.last table.pricetable td,
table.normal tr.last table.pricetable div{ 
    border:0px; 
    padding:0;
}

table.pricetable td.col1{ 
    width:15px;
    text-align:right;
}
table.pricetable td.col2{ 
    width:85px;
    text-align:left;
}

.createaflyer,
.createPL, 
.createSR{ 
    font-size:18px;
    font-weight:bold;
    color:#4d4d4d;
    clear:both;
    margin-top:1.5em;
}

body.step1 .stepbox ul li.step1{
    color:#cb641f;
}

table.normal td.checkbox input{ 
    width:auto; 
    border:0; 
    background:none;
}

table.normal td.checkbox a:link,table.normal td.checkbox a:active,table.normal td.checkbox a:visited{ 
    cursor:pointer;
    color:#fff;
    text-decoration:underline;
}

table.normal td.checkbox a:hover{ 
    cursor:pointer;
    color:#fff;
    text-decoration:none;
}


table.normal td.picture{ 
    padding:2px; 
    width:60px; 
    height:60px;
}

body.step1 h2,
bode.step2 h2,
bode.step3 h2,
bode.step4 h2,
bode.step5 h2{ 
    padding:0;
}

body.step1 table.normal{ 
    margin-top:5px;
    margin-bottom:2px;
}

body.step1 table.normal tr.tit td.groupcost div{ 
    height:27px;
   line-height:1;padding-top:2px;
}

body.step1 table.normal td.groupcost div{ 
    height:67px; 
    line-height:67px;
}


/*flyer step2*/

body.step2 .stepbox ul li.step2{
    color:#cb641f;
}

body.step2 .stepbox ul li.step1{
    color:#808080;
}

.tempbox{
    clear:both;
    overflow:hidden;
}

.tempbox ul li{ 
    float:left; 
    width:156px;
    margin-right:50px;
    color:#163e0c; 
    font-weight:bold;
    list-style:none;
}

.tempbox img{ 
    border:#a0a1c1 1px solid; 
    padding:2px; 
    background:#fff; 
    margin-top:5px;
}

.tempbox input{ 
    vertical-align:middle;
}

/*flyer step3*/

body.step3 .stepbox ul li.step3{
    color:#cb641f;
}

body.step3 .stepbox ul li.step1,body.step3 .stepbox ul li.step2{
    color:#808080;
}

.fillbox{ 
    border:#fff 8px solid;
    background-color:#e8dfcc;
    padding:10px 30px 20px;
    clear:both;
    overflow:hidden;
}

.fillbox .coll{
    font-weight:bold;
    color:#4b4b4b;
    width:170px;
    margin-right:10px;
    float:left;
    text-align:right;
    margin-top:10px;
    clear:left;
}

.fillbox .colr{
    width:420px;
    float:left;
    margin-top:10px;    
}

.fillbox .colr2{
    width:420px;
    float:left;
    margin-top:10px;    
}

.fillbox .colr2 table{ 
    margin-bottom:10px;
}

.fillbox .colr input,.fillbox .colr textarea{
    border:#385c22 1px solid;
    padding:2px;
    color:#163e0c;
    background:url(../images/step3_input_bg.gif) no-repeat;
    width:100%;
    font-size:11px;
    font-family:arial;
}


.fillbox .colr input.upload{ 
    width:200px;
    vertical-align:middle;
    margin-right:5px;
}

.fillbox .colr img{ 
    vertical-align:middle;
}

.fillbox .colr textarea{
    height:80px;
}

/*flyer step4*/

body.step4 .stepbox ul li.step4{
    color:#cb641f;
}

body.step4 .stepbox ul li.step1,
body.step4 .stepbox ul li.step2,
body.step4 .stepbox ul li.step3{
    color:#808080;
}

.saveasbox{ 
    font-weight:bold; 
    color:#4b4b4b;
    text-align:center;
}

.saveasbox input{
    border:#385c22 1px solid;
    padding:2px;
    color:#163e0c;
    background:url(../images/step3_input_bg.gif) no-repeat;
    width:430px;
    font-size:11px;
}

/*flyer step5*/

body.step5 .stepbox ul li.step5{
    color:#cb641f;
}

body.step5 .stepbox ul li.step1,
body.step5 .stepbox ul li.step2,
body.step5 .stepbox ul li.step3,
body.step5 .stepbox ul li.step4{
    color:#808080;
}

body.step5 .submitbox{
    text-align:right;
    padding-right:20px;
}

/*pricelist step1*/
.PLstepbox{
    background:url(../images/PL_stepbox_bg.gif) no-repeat;
    width:642px;
    height:46px;
    color:#163e0c;
    font-weight:bold;
    margin-top:10px;
}

.PLstepbox ul li.step1{
    width:205px;
}

.PLstepbox ul li.step2{
    width:135px;
}

.PLstepbox ul li.step3{
    width:135px;
}

.PLstepbox ul li.step4{
    width:160px;
}

body.PLstep1 .PLstepbox ul li.step1{
    color:#cb641f;
}

body.PLstep1 table.normal{ 
    margin-top:5px;
    margin-bottom:2px;
}


body.PLstep1 table.normal tr.tit td.groupcost div{ 
    height:27px;
   line-height:1;padding-top:2px;
}

body.PLstep1 table.normal td.groupcost div{ 
    height:67px; 
    line-height:67px;
}

/*PLstep2*/

body.PLstep2 .PLstepbox ul li.step2{
    color:#cb641f;
}
body.PLstep2 .PLstepbox ul li.step1{
    color:#808080;
}

/*PLstep3*/

body.PLstep3 .PLstepbox ul li.step3{
    color:#cb641f;
}
body.PLstep3 .PLstepbox ul li.step1,
body.PLstep3 .PLstepbox ul li.step2{
    color:#808080;
}

/*PLstep4*/
body.PLstep4 .PLstepbox ul li.step4{
    color:#cb641f;
}
body.PLstep4 .PLstepbox ul li.step1,
body.PLstep4 .PLstepbox ul li.step2,
body.PLstep4 .PLstepbox ul li.step3{
    color:#808080;
}

/*SalesRecord SRstep1*/
.SRstepbox{
    background:url(../images/PL_stepbox_bg.gif) no-repeat;
    width:642px;
    height:46px;
    color:#163e0c;
    font-weight:bold;
    margin-top:10px;
}

.SRstepbox ul li.step1{
    width:205px;
}

.SRstepbox ul li.step2{
    width:135px;
}

.SRstepbox ul li.step3{
    width:135px;
}

.SRstepbox ul li.step4{
    width:160px;
}

body.SRstep1 .SRstepbox ul li.step1{
    color:#cb641f;
}

body.SRstep1 table.normal{ 
    margin-top:5px;
    margin-bottom:2px;
}

body.SRstep1 table.normal tr.tit td.groupcost div{ 
    height:27px;
   line-height:1;padding-top:2px;
}

body.SRstep1 table.normal td.groupcost div{ 
    height:67px; 
    line-height:67px;
}

/*SRstep2*/
body.SRstep2 .SRstepbox ul li.step2{
    color:#cb641f;
}

body.SRstep2 .SRstepbox ul li.step1{
    color:#808080;
}

/*SRstep3*/
body.SRstep3 .SRstepbox ul li.step3{
    color:#cb641f;
}

body.SRstep3 .SRstepbox ul li.step1,body.SRstep3 .SRstepbox ul li.step2{
    color:#808080;
}

/*SRstep4*/

body.SRstep4 .SRstepbox ul li.step4{
    color:#cb641f;
}

body.SRstep4 .SRstepbox ul li.step1,body.SRstep4 .SRstepbox ul li.step2,body.SRstep4 .SRstepbox ul li.step3{
    color:#808080;
}

/*PricingRecord*/
.creatarecord{ 
/*    padding:20px 0 10px 0;*/
}

.PRpagelist{ 
    padding:5px 0;
    font-weight:bold;
    text-align:center;
}

.PRpagelist span{    
    margin:0px 10px 0px 0px;
    color:#385c22;
}

.PRpagelist a:link,.PRpagelist a:visited{ 
    margin:0px 10px 0px 0px;
    color:#9d311c;
    text-decoration:underline;
}

.PRpagelist a:hover,.PRpagelist a:active{ 
    color:#385c22;
    text-decoration:none;
}

/*PRD pricing record detail*/
body.PRD table.normal tr.tit td.groupcost{ 
    background:none;
    border:0;
    color:#6C7F96;
    width:138px;
}

body.PRD table.normal td.item{ 
    font-weight:bold;
}

body.PRD table.PRD2 tr.tit td{ 
    padding:0;
}

body.PRD table.PRD2 td{ 
    font-weight:bold;
    padding:6px 0;
}

/* end old css */

/* view */

.view dl{
    line-height:2.5em;
}
.view dt{
    float:left;
    width:155px;
    font-weight:bold;
    text-align:right;
    padding-right:5px;
}
.view dd{
    padding-left:165px;
}
.view dt.odd,
.view dd.odd{ background-color:#F1F1F1;}

/* view end */


a.icon-link,
a.icon-link:visited{
    display:block;
    text-indent:22px;
    line-height:20px;
    color:#9D311C;
    font-weight:700;
    text-decoration:underline;
    background:url(/sffweb/global/images/seller/icon003.gif) no-repeat 0 50%;
}
a.icon-link:hover{text-decoration:none;}

/** ҳ�� **/
.paging{
    padding-left:40px;
    line-height:20px;
    float:right;
    margin:1em 0;
}
.paging a,
.paging span{
    padding:0 3px;
    color:#990000;
}
.paging span a{padding:0;}
.paging a:hover{text-decoration:none;}
.paging a:hover,
.paging span.current{
    color:#FFF;
    background:#BF1110;
}
.paging .disabled{
    color:#C1C8BF;
}
/* page end */

/* Product list */
table.products{
    border:1px solid #FFF;
    margin-left:-10px;
    width:105%;
}
/*table.pro-dd tr{background:#C2CCBF;}
table.pro-dd tr.even{background:#DCE2DB;}*/
table.pro-case tr{background:#E9C8C8;}
table.pro-case tr.odd{background:#F4E3E3;}

table.products th{
    line-height:14px;
    text-align:center;
    color:#FFF;
    padding:0;
}
.content table.products td{padding:0;}

table.pro-dd th{
    background:url(/sffweb/global/images/leader/table_bg003.jpg) repeat-x 0 0;
}
table.pro-case th{
    background:url(/sffweb/global/images/leader/table_bg004.jpg) repeat-x 0 0;
}

table.products td img{margin:2px;}

table.products .input-text{
    padding:2px 2px 0 2px;
    width:35px;
    height:14px;
    font-size:11px;
    font-family:Arial, Tahoma;
    background:#FFF;
    border:1px solid #2B622B;
}
table.products .cost{
    color:#385C22;
    font-weight:700;
}

/* Flyer preview */
.flyer-wapper{
    margin:15px 0 15px -10px;
    width:660px;
    background:#DADCD9;
    border:1px solid #9DAFC3;
}
.flyer-wapper iframe{
    overflow:auto;
    width:650px;
    height:820px;
    border:5px solid #F4F8FE;
}

div.preview{
    padding:7px 0 13px 0;
    line-height:24px;
    color:#4B4B4B;
    font-weight:700;
}
.iframe{
    overflow:auto;
    width:698px;
    height:760px;
    background:#E6E6E6;
    border:1px solid #AAA;
}



table.cake-sql-log {
    background-color: #f4f4f4;
}
table.cake-sql-log caption{
    background-color:#fff;
}
.cake-sql-log th {
    background-color: #f2f2f2;
    border:1px solid #bbb;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
    line-height:1.1em;
}
.cake-sql-log th a {
    background:#f2f2f2;
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
.cake-sql-log th a:hover {
    background: #ccc;
    color: #333;
    text-decoration: none;
}
.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
}