@charset "utf-8";
/* CSS Document */
/* home css */
.desciption {
    line-height: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 380px;
    margin: 0 auto
    }
.scroller {
    border: 2px solid #E1E1E1
    }
.leftArrow {
    width: 24px;
    height: 87px
    }
.scrollimg {
    width: 374px;
    padding: 3px
    }
.imgMargin {
    margin: 0 2px
    }
.rightArrow {
    width: 24px;
    height: 87px
    }
.homeboxBorder {
    width: 625px;
    height: 9px
    }
.homeboxBorder1 {
    background: url(../images/home-box-bottom.gif) no-repeat bottom left;
    width: 625px;
    height: 9px
    }
.homeboxBg {
    background: url(../images/home-box-bg.gif) repeat-y;
    padding-left: 6px;
    padding-right: 6px;
    width: 613px
    }
.tabBox {
    width: 161px
    }
.boxon {
    position: relative;
    left: -1px;
    border: 1px solid #99AE66;
    border-right: none;
    background: url(../images/home-boxbg-on.jpg) repeat-y left top #F2F8EC;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 46px;
    padding-bottom: 46px;
    width: 113px;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #005E1F
    }
.boxarrowon {
    position: relative;
    left: -1px;
    background: url(../images/arrow_on.gif) no-repeat left top;
    width: 32px;
    height: 110px
    }
.boxoff {
    position: relative;
    left: -1px;
    border: 1px solid #C0C0C0;
    border-right: none;
    background: url(../images/home-boxbg-off.jpg) repeat-y left top #FFF;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 46px;
    padding-bottom: 46px;
    width: 113px;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #005E1F
    }
.boxarrowoff {
    position: relative;
    left: -1px;
    background: url(../images/arrow_off.gif) no-repeat left top;
    width: 32px;
    height: 110px
    }
.boxoff a {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #363636
    }
.boxoff a:hover {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #005E1F
    }
.boxContent {
    padding: 8px 5px 8px 12px;
    width: 435px
    }
.boxContent1 {
    padding: 18px 5px 8px 12px;
    width: 435px
    }
.boxContent2 {
    padding: 0 5px 8px 12px;
    width: 400px
    }
.boxContent3 {
    padding: 0 5px 8px 12px;
    width: 435px
    }
.registerbox {
    width: 300px
    }
.regiBoxtop {
    background: url(../images/right-box-top.gif) no-repeat left top;
    width: 300px;
    height: 4px
    }
.regiBoxcenter {
    background: url(../images/right-box-bg.gif) repeat-x left bottom #FFFDFD;
    border-left: 1px solid #DDDCDC;
    border-right: 1px solid #DDDCDC;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px
    }
.regiBoxcenter ul {
    list-style: none
    }
.regiBoxbottom {
    background: url(../images/right-box-bottom.gif) no-repeat left top;
    width: 300px;
    height: 4px
    }
.re01 {
    display: block;
    background: url(../images/one.gif) no-repeat left top;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 15px;
    _padding-top: 2px;
    _padding-bottom: 10px;
    font: bold 12px Arial, Helvetica, sans-serif
    }
.re02 {
    display: block;
    background: url(../images/two.gif) no-repeat left top;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 12px;
    font: bold 12px Arial, Helvetica, sans-serif
    }
.re03 {
    display: block;
    background: url(../images/three.gif) no-repeat left top;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 12px;
    font: bold 12px Arial, Helvetica, sans-serif
    }
.re04 {
    display: block;
    background: url(../images/four.gif) no-repeat left top;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 12px;
    font: bold 12px Arial, Helvetica, sans-serif
    }
.re04_new {
    display: block;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 12px;
    font: 12px Arial, Helvetica, sans-serif
    }
.topbg {
    background: url(../images/bottom_boxtop.jpg) repeat-x #ABCE5E
    }
.toplr {
    width: 7px;
    height: 47px
    }
.toptr {
    width: 7px;
    height: 47px
    }
.topcenter {
    width: 917px;
    padding-left: 16px;
    padding-right: 3px;
    padding-top: 12px
    }
.newsTab {
    width: 139px;
    height: 34px;
    margin-right: 8px;
    position: relative;
    bottom: -2px;
    float: left
    }
.photoTab {
    width: 106px;
    height: 34px;
    margin-right: 8px;
    position: relative;
    bottom: -2px;
    float: left
    }
.illTab {
    width: 102px;
    height: 34px;
    margin-right: 8px;
    position: relative;
    bottom: -2px;
    float: left
    }
.cartoonTab {
    width: 81px;
    height: 34px;
    margin-right: 8px;
    position: relative;
    bottom: -2px;
    float: left
    }
.bottomBg {
    background-color: #ABCE5E;
    border-left: 1px solid #87A93E;
    border-right: 1px solid #87A93E;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px
    }
.bottombor {
    width: 950px;
    height: 5px
    }
/* landing listing image */
.popuTag {
    border: 1px solid #AEAEAE;
    padding: 9px;
    font-size: 13px;
    color: #5c5c5c
    }
.popuTag a {
    color: #5C5C5C;
    text-decoration: none;
    font-weight: bold
    }
.popuTag a:hover {
    color: #5c5c5c;
    text-decoration: underline;
    font-weight: bold
    }
a.pop01 {
    font-size: 22px;
    font-weight: bold
    }
a.pop01:hover {
    font-size: 22px;
    font-weight: bold
    }
a.pop02 {
    font-size: 17px;
    font-weight: bold
    }
a.pop02:hover {
    font-size: 17px;
    font-weight: bold
    }
.righttoplr {
    width: 7px;
    height: 30px;
    background: url(../images/bottomTl.jpg) no-repeat left top
    }
.righttoptr {
    width: 7px;
    height: 30px;
    background: url(../images/bottomTr.jpg) no-repeat left top
    }
.rightabBottom {
    width: 300px;
    height: 8px
    }
.rightbottomBg {
    background-color: #ABCE5E;
    border-left: 1px solid #87A93E;
    border-right: 1px solid #87A93E;
    padding-left: 4px;
    padding-right: 4px;
    width: 290px
    }
.righttopcenter {
    width: 266px;
    padding-left: 9px;
    padding-right: 3px;
    padding-top: 6px
    }
.rightill {
    width: 83px;
    height: 24px;
    margin-right: 5px;
    position: relative;
    bottom: -1px;
    float: left
    }
.rightcart {
    width: 73px;
    height: 24px;
    margin-right: 5px;
    position: relative;
    bottom: -1px;
    float: left
    }
.rightpho {
    width: 89px;
    height: 24px;
    margin-right: 5px;
    position: relative;
    bottom: -1px;
    float: left
    }
.imgContainer {
    padding-bottom: 8px;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 8px
    }
.imgBox {
    border: 1px solid #E7E7E7;
    margin-right: 8px
    }
/* subscribe */
.form_content_subscribe {
    width: 600px;
    margin: 0 auto;
    display: block;
    padding: 10px 10px 0 10px
    }
/* story details */
.pakagebox {
    margin: 10px;
    margin-bottom: 0;
    width: 367px
    }
.pakagebox ul li {
    background-image: none;
    margin: 0;
    padding: 0;
    width: 345px
    }
.pakagebox .title {
    background: url(../images/bottom_boxtop.jpg) repeat-x 0 0;
    padding: 8px 10px;
    border-left: 1px solid #84A938;
    border-right: 1px solid #84A938;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #005F1F
    }
.pakagebox .content {
    background: url(../images/story_boxbg.gif) repeat-y;
    padding: 8px 10px;
    border-left: 1px solid #84A938;
    border-right: 1px solid #84A938
    }
.pakagebox .storyboxbottom {
    width: 365px;
    margin: 0;
    background-color: #9FC453;
    border-left: 1px solid #84A938;
    border-right: 1px solid #84A938;
    border-bottom: 1px solid #84A938
    }
.cartBox02 {
    width: 144px;
    margin-left: 11px;
    margin-right: 15px;
    _margin-left: 8px;
    _margin-right: 9px;
    border: 1px solid #949494;
    background-color: #EBECE4
    }
.cartBox03 {
    width: 144px;
    margin-right: 15px;
    border: 1px solid #949494;
    border-top: none;
    background-color: #EBECE4
    }
.cartBox04 {
    width: 144px;
    margin-left: 10px;
    margin-right: 10px;
    _margin-left: 13px;
    _margin-right: 14px;
    border: 1px solid #949494
    }
.storyCart {
    padding: 6px 0;
    padding-bottom: 15px
    }
.storynewtab {
    width: 908px;
    margin: 0 auto
    }
.storynewsCont {
    width: 750px
    }
.storynewsCont a {
    font-size: 14px;
    text-decoration: none
    }
.storynewsCont a:hover {
    font-size: 14px;
    text-decoration: underline
    }
/* news listing */
.newslistingBox {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E7E7E7
    }
.newsleftbox {
    width: 370px
    }
.addtext {
    width: 82px;
    height: 23px
    }
.addimg {
    width: 40px;
    height: 28px
    }
.addicon {
    width: 42px;
    height: 28px
    }
.newsrightBox {
    width: 82px;
    margin-top: 10px
    }
/* my light box */
.boxTitle01 {
    background: url(../images/light_left_top.gif) no-repeat left top;
    width: 162px
    }
.lighttopcenter {
    width: 754px;
    padding-left: 16px;
    padding-right: 3px
    }
.addtocartlight {
    margin-top: 15px;
    margin-right: 10px
    }
.newscontent {
    background: url(../images/line02.gif) no-repeat right center;
    padding-right: 15px;
    padding-left: 15px;
    width: 555px;
    _width: 550px
    }
.newscontent01 {
    background: url(../images/line02.gif) no-repeat right center;
    padding-right: 15px;
    padding-left: 15px;
    width: 470px;
    _width: 460px
    }
.newimg {
    width: 68px;
    padding-left: 10px
    }
.boxBody03 {
    border-left: 1px solid #CDCDB1;
    border-right: 1px solid #CDCDB1;
    padding: 9px 0 9px 9px;
    background-color: #F4F5ED
    }
.deactivelinkbox {
    text-align: right;
    margin: 0;
    padding-right: 12px
    }
a.delightarrow {
    display: block;
    padding-right: 14px;
    margin-right: -13px;
    color: #5C5C5B;
    font-weight: bold
    }
a.delightarrow:hover {
    text-align: right;
    background: url(../images/account_arrow.gif) 100% 3px no-repeat;
    margin-right: -1px;
    display: block;
    padding-right: 14px;
    margin-right: -13px;
    color: #5C5C5B;
    font-weight: bold;
    text-decoration: underline
    }
.activelinkbox {
    text-align: right;
    margin: 0;
    background-color: #FFF;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 50px
    }
a.lightarrow {
    display: block;
    background: url(../images/arrow_light.gif) 100% 3px no-repeat;
    padding-right: 14px;
    margin-right: -13px;
    color: #38814E;
    font-weight: bold
    }
a.lightarrow:hover {
    display: block;
    background: url(../images/arrow_light.gif) 100% 3px no-repeat;
    padding-right: 14px;
    margin-right: -13px;
    color: #38814E;
    font-weight: bold;
    text-decoration: underline
    }
.lightLine {
    background: url(../images/light_line.gif) no-repeat right center;
    height: 20px
    }
/* calculate price */
.calculateImg {
    width: 140px;
    margin-right: 15px
    }
.calclateText {
    width: 795px
    }
.calculateText01 {
    display: block;
    width: 100px;
    font-weight: bold
    }
.calculateText02 {
    display: block;
    width: 120px;
    font-weight: bold
    }
.calculateText03 {
    display: block;
    width: 800px
    }
.calculateText04 {
    display: block;
    width: 300px
    }
.calculateTitle {
    padding: 2px;
    background: url(../images/golden_bg.gif) repeat-x;
    text-align: center;
    font-weight: bold;
    border: 1px solid #D2CBBF;
    border-right: none;
    width: 160px
    }
.calcboxBorder {
    border: 1px solid #D2CBBF;
    border-right: none;
    border-top: none;
    padding: 10px
    }
.textfieldCalculate {
    background: #C5C5C5;
    padding: 2px;
    border: 1px solid #ABCDDE
    }
.rightborder {
    border-right: 1px solid #D2CBBF
    }
.leftborder {
    border-left: 1px solid #D2CBBF
    }
.topnone {
    border-top: none
    }
/* search result */
.searchnews {
    background: url(../images/line02.gif) no-repeat right center;
    padding-right: 15px;
    width: 550px;
    _width: 540px
    }
.searchnews01 {
    background: url(../images/line02.gif) no-repeat right center;
    padding-right: 15px;
    width: 470px;
    _width: 460px
    }
.serarchImg {
    width: 68px;
    margin-right: 10px
    }
/* check out */
.checkouttop {
    width: 950px;
    height: 8px
    }
.checkoutbottom {
    background: url(../images/checkout_bottom.gif) no-repeat left top
    }
.checkoutcont {
    border-left: 1px solid #D3D3BB;
    border-right: 1px solid #D3D3BB;
    background-color: #F4F5ED;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px
    }
.cell1 {
    width: 150px;
    border-left: 1px solid #D3D3BB;
    border-top: 1px solid #D3D3BB;
    border-bottom: 1px solid #D3D3BB;
    float: left
    }
.cell2 {
    width: 148px;
    border-left: 1px solid #D3D3BB;
    border-top: 1px solid #D3D3BB;
    border-bottom: 1px solid #D3D3BB;
    float: left
    }
.cell3 {
    width: 200px;
    border-left: 1px solid #D3D3BB;
    border-top: 1px solid #D3D3BB;
    border-bottom: 1px solid #D3D3BB;
    float: left
    }
.cell4 {
    width: 79px;
    border-left: 1px solid #D3D3BB;
    border-top: 1px solid #D3D3BB;
    border-bottom: 1px solid #D3D3BB;
    float: left
    }
.cell5 {
    width: 100px;
    border-left: 1px solid #D3D3BB;
    border-top: 1px solid #D3D3BB;
    border-bottom: 1px solid #D3D3BB;
    float: left
    }
.cellr {
    border-right: 1px solid #D3D3BB
    }
.evenBox {
    border-top: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px
    }
.oddBox {
    border-top: none;
    background-color: #F7F7F5;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px
    }
.Bonull {
    border: 1px solid #FFF;
    border-right: none
    }
.orderconfTitle {
    background: url(../images/golden_bg.gif) repeat-x;
    text-align: center;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px
    }
/* my account */
a.activeaccount {
    text-align: right;
    background: url(../images/account_arrow.gif) 100% 3px no-repeat;
    margin-right: -1px;
    display: block;
    padding-right: 14px;
    color: #38814E;
    font-weight: bold
    }
a.activeaccount:hover {
    display: block;
    padding-right: 14px;
    color: #5C5C5B;
    font-weight: bold;
    text-decoration: underline
    }
.accounbox {
    padding: 10px
    }
.accounttitle {
    font-weight: bold;
    padding: 2px;
    background: url(../images/account_titlebg.gif) repeat-x
    }
.accounttext {
    padding: 9px
    }
.accounttext01 {
    padding: 9px;
    background-color: #F7F7F5
    }
/* faq css */
.anserbox {
    padding: 10px;
    padding-bottom: 0
    }
.faqQes {
    background-color: #EFEFEF;
    padding: 5px;
    padding-left: 15px;
    font-weight: bold
    }
/****** css for menus *******/
.menudiv1 {
    position: absolute;
    display: block;
    width: 225px;
    margin-top: 10px;
    margin-left: 25px;
    padding: 5px
    }
.selectcart {
    width: 114px;
    background-color: #FFF;
    margin: 0 auto
    }
.cartlist {
    background-color: #FFF;
    border: 1px solid #BDBDBD;
    border-top: none;
    padding: 8px 10px
    }
.cartImg01 {
    width: 68px;
    margin-right: 8px
    }
.cartimgcont {
    width: 127px
    }
/***************************************/
/* add to light box */
.loginTool {
    /*display:block;
    	position:absolute;
    	border:3px solid #A7CC5B;
    	background-color:#FAFEF0;
    	width:179px;
    	padding:10px;
    	margin-top:10px;
    	margin-left:70px;*/
    position: absolute;
    margin-top: 10px;
    visibility: hidden;
    border: 3px solid #A7CC5B;
    background-color: #FAFEF0;
    padding: 10px;
    z-index: 100;
    width: 179px
    }
/* common  */
.mid_bg {
    border-left: 1px solid #CDCDB2;
    border-right: 1px solid #CDCDB2;
    background: #F4F5EC;
    width: 926px;
    padding-left: 6px;
    padding-right: 6px
    }
.width108 {
    width: 108px
    }
.pad0 {
    padding: 0
    }
.marginL10 {
    margin-left: 10px
    }
.marginB5 {
    margin-bottom: 5px
    }
.line_top {
    border-top: 1px solid #E7E7E7;
    padding: 0;
    margin: 0
    }
.top_curve {
    width: 940px;
    height: 9px
    }
.font12 {
    font-size: 12px
    }
.width120 {
    width: 120px
    }
.padL5 {
    padding-right: 5px
    }
.gld_bg_line {
    background: url(../images/gld_bg_line.gif) repeat-x;
    height: 22px
    }
.gld_brd {
    border: 1px solid #C0B9A9
    }
.gld_L_brd {
    border-left: 1px solid #C0B9A9
    }
.gld_R_brd {
    border-right: 1px solid #C0B9A9
    }
.gld_T_brd {
    border-top: 1px solid #C0B9A9
    }
.gld_B_brd {
    border-bottom: 1px solid #C0B9A9
    }
.gld_brd_new {
    border: 1px solid #C0B9A9
    }
.gld_BR_border {
    border-bottom: 1px solid #CDC7BA;
    border-right: 1px solid #CDC7BA
    }
.gld_noB_border {
    border-right: 1px solid #CDC7BA
    }
.gld_B_border {
    border-bottom: 1px solid #CDC7BA
    }
.gld_R_border {
    border-right: 1px solid #CDC7BA
    }
.gld_L_border {
    border-left: 1px solid #CDC7BA
    }
.pad5 {
    padding: 5px
    }
.width150 {
    width: 150px
    }
.width130 {
    width: 130px
    }
.grey_bgd {
    border: 1px solid #D7D7D7
    }
.padB10 {
    padding-bottom: 10px
    }
.marginTs {
    margin-top: 10px
    }
.width506 {
    width: 506px
    }
.width265 {
    width: 265px
    }
.width300 {
    width: 300px
    }
.width320 {
    width: 320px
    }
.width80 {
    width: 80px
    }
.width630 {
    width: 630px
    }
.width790 {
    width: 790px
    }
.width115 {
    width: 115px
    }
.grey_mid_line_bg {
    background: url(../images/grey_mid_bg.gif) repeat-x;
    height: 22px
    }
.grey_bdr {
    border: 1px solid #E4E4E4
    }
.grey_R_bgdr {
    border-right: 1px solid #E4E4E4
    }
.grey_noT_bgdr {
    border-left: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4
    }
.width124 {
    width: 124px
    }
.white_bac {
    background: #FFF
    }
.gld_lb {
    border-left: 1px solid #CDC7BA;
    border-bottom: 1px solid #CDC7BA
    }
.gld_title {
    border: 1px solid #CDC7BA;
    font-weight: bold;
    border-right: none
    }
.gle_Nr {
    border: 1px solid #CDC7BA;
    border-left: none
    }
.bdhr {
    display: block;
    float: right
    }
.padding10 {
    padding: 10px
    }
#list_tyle {
    width: 950px
    }
#list_tyle ul {
    display: block;
    float: left;
    margin: 0;
    padding: 0
    }
#list_tyle ul li {
    list-style: none
    }
#list_tyle ul li a {
    text-decoration: none;
    font-weight: normal
    }
#list_tyle ul li a:hover {
    text-decoration: none;
    font-weight: normal;
    color: #535353
    }
.bg_gry {
    background: #EFEFEF
    }
#list_tyle_nn {
    width: 950px
    }
#list_tyle_nn ul {
    display: block;
    float: left;
    margin: 0;
    padding: 0
    }
#list_tyle_nn ul li {
    list-style: none
    }
#list_tyle_nn ul li a {
    text-decoration: none;
    font-weight: normal;
    color: #11567F
    }
#list_tyle_nn ul li a:hover {
    text-decoration: underline;
    font-weight: normal;
    color: #11567F
    }
.green_brd {
    border: 3px solid #A6CB5A
    }
.fontd11 {
    font-size: 11px;
    line-height: normal
    }
.fontd16 {
    font-size: 16px
    }