/* general css */
body
{
    background: #fff;
    font: 12px tahoma;
    direction: ltr;
    border-top: 1px solid #49c3e6;
    margin: 0;
    padding: 0;
}

p
{
    font: 12px tahoma;
    color: #262731;
}

td, th, input
{
    font: 12px tahoma;
    margin: 2px;
    padding: 0;
}

a
{
    font: 12px tahoma;
    text-decoration: underline;
}

table
{
    border-collapse: collapse;
}

h1
{
    color: #225276;
    font: bold 14px tahoma;
    margin: 0;
    padding: 0;
}

h2
{
    color: #2d4f68;
    font: bold 14px tahoma;
    margin: 0;
    padding: 0;
}

h3
{
    color: #384959;
    font: bold 13px tahoma;
    margin: 0;
    padding: 0;
}

.tbl_95
{
    width: 95%;
}

.tbl_75
{
    width: 75%;
}

.tbl_99
{
    width: 99%;
}

.tbl_100_100
{
    width: 100%;
    height: 100%;
}

.tbl_0_100
{
    height: 100%;
}

.spacer
{
    font-size: 1px;
    font: 1px arial;
    height: 1px;
}

.selectbox
{
    font: 12px tahoma;
    border: 1px solid #000;
}

.hor_sep
{
    height: 1px;
    width: 100%;
    background: #a8e0fa;
    margin: 0;
    padding: 0;
}

.flash
{
    position: relative;
    left: -20px;
}

a img
{
    border-style: none;
}

#wrapper
{
    width: 980px;
    height: 100%;
}

#wrapper .top
{
    height: 146px;
}

#wrapper div.top
{
    position: relative;
}

#wrapper div.top #myaccount
{
    position: absolute;
    top: 0;
    right: 30px;
    width: 227px;
    height: 46px;
    background: url(myaccount_top.gif) no-repeat;
    color: #fff;
    font: bold 12px tahoma;
}

#wrapper div.top #myaccount a
{
    color: #fff;
    font: bold 12px tahoma;
}

#wrapper div.top #myaccount span
{
    color: #000;
    font: bold 12px tahoma;
}

#wrapper div.top #myaccountNobg
{
    position: absolute;
    top: 0;
    right: 30px;
    width: 227px;
    height: 46px;
    color: #fff;
    font: bold 12px tahoma;
}

#wrapper div.top #myaccountNobg a
{
    color: #fff;
    font: bold 12px tahoma;
}

#wrapper div.top #myaccountNobg span
{
    color: #000;
    font: bold 12px tahoma;
}

#wrapper div.top #toplinks
{
    position: absolute;
    bottom: 15px;
    right: 0;
}

#wrapper #mainlinks
{
    height: 31px;
    background: url(mainlinks_tile.gif) repeat-x;
    position: relative;
    width: 100%;
    font-size: 11px;
    margin: 0 auto;
}

#wrapper #leftlinks div
{
    background: url(left_links.gif) no-repeat;
    width: 224px;
    height: 40px;
    text-align: left;
    cursor: pointer;
    margin: 4px 0 0;
    padding: 10px 0 0 20px;
}

#wrapper #leftlinks div.sel
{
    background: url(left_links_selected.gif) no-repeat;
    width: 224px;
    height: 40px;
}

#wrapper #categories div
{
    background: url(cat_links.gif) no-repeat;
    width: 224px;
    min-height: 21px;
    text-align: left;
    cursor: pointer;
    margin: 2px 0 0;
    padding: 7px 0 0 20px;
}

#wrapper #categories div.sel
{
    background: url(left_links_selected.gif) no-repeat;
    width: 224px;
    height: 28px;
}

#wrapper .main
{
    background: url(main_tile.gif) repeat-x;
}

#wrapper .main .categories
{
    width: 261px;
    vertical-align: top;
    text-align: center;
}

#wrapper .main .sep
{
    width: 1px;
    height: 100%;
    vertical-align: top;
    background: url(main_sep.gif) no-repeat;
}

#wrapper .main td.container
{
    vertical-align: top;
    text-align: center;
}

#welcome_div
{
position: absolute;top: 0;right: 12px; margin-right:18px; width: 263px;height: 66px;
background:url(myaccBG.jpg) no-repeat;
}

#hp h1
{
    background: url(h1_tile.gif) repeat-x;
    height: 30px;
    font: bold 18px tahoma;
    color: #095ca6;
    padding: 5px 0 0 20px;
}

#hp h1.nobg_h1
{
    background: none;
	height: 30px;
    font: bold 18px tahoma;
    color: #095ca6;
    padding: 5px 0 0 20px;
	text-align:right;
}

#hp .hp_article
{
    border: 1px solid #bdbcbc;
    min-height: 200px;
    background: #fafafa url(hp_article_tile.gif) repeat-x;
    position: relative;
}

#hp .hp_article h1
{
    font: bold 20px arial;
    color: #e22601;
    margin: 0;
    padding: 0;
    text-align: left;
}

#hp .hp_article p
{
    font: bold 16px/20px arial;
    margin: 0;
    padding: 0;
}

#hp .hp_article a
{
    font: bold 16px/20px arial;
    color: #0662ab;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}

#hp .hp_article .left
{
    position: absolute;
    top: -1px;
    left: -1px;
    background: url(hp_article_left.gif) no-repeat;
    width: 16px;
    height: 16px;
}

#hp .hp_article .right
{
    position: absolute;
    top: -1px;
    right: -1px;
    background: url(hp_article_right.gif) no-repeat;
    width: 16px;
    height: 16px;
}

#hp .hp_article .buttons
{
    height: 38px;
    position: absolute;
    top: 100px;
    width: 100%;
    clear: both;
}

#hp .hp_article input.dictionary
{
    cursor: pointer;
    float: left;
    margin-left: 14px;
    width: 208px;
    height: 28px;
    background: url(hp_article_dictionary.gif) no-repeat;
    border: 0;
}

#hp .hp_article input.listen
{
    cursor: pointer;
    float: left;
    margin-left: 2px;
    width: 210px;
    height: 28px;
    background: url(hp_article_listen.gif) no-repeat;
    border: 0;
}

#hp .hp_article input.excercise
{
    cursor: pointer;
    float: left;
    margin-left: 1px;
    width: 208px;
    height: 28px;
    background: url(hp_article_excercise.gif) no-repeat;
    border: 0;
}

#hp .hp_article .img
{
    float: right;
}

.navbar
{
    color: #49c3e6;
    font: bold 11px arial;
    margin: 0 0 10px;
}

.navbar a:hover
{
    text-decoration: underline;
    color: #000;
}

#gp h1
{
    color: #d53e06;
    font: 18px tahoma;
    margin: 0 0 5px;
    padding: 0;
}

#gp h2
{
    color: #d53e06;
    font: 14px tahoma;
    margin: 0 0 5px;
    padding: 0;
}

#gp img
{
    border: 1px solid #2f33f3;
}

#gp .pageHeader
{
    color: #0f55ab;
    font: bold 14px tahoma;
    margin: 0 0 5px;
    padding: 0;
}

#gp .faq
{
    margin-top: 20px;
}

#gp .faq h3
{
    color: #2b2a2a;
    font: bold 12px tahoma;
    margin: 0 0 5px;
    padding: 0;
}

#gp .faq h3.selected
{
    color: #fa2f03;
}

#gp .faq h3 img
{
    margin-right: 10px;
}

#gp .faq .faq_sep
{
    height: 1px;
    background: #e1edfa;
    width: 100%;
    margin: 10px 0;
}

.catbox
{
    border: 1px solid #36a7e9;
    padding: 1px;
}

.catbox .cattop
{
    background: url(cat_top.gif) repeat-x;
    height: 20px;
}

.catbox .container h2
{
    color: #d53e06;
    font: bold 14px tahoma;
    margin: 0 0 5px;
    padding: 0;
}

.catbox .container
{
    text-align: left;
    padding: 0 10px;
}

.productbox
{
    border: 1px solid #36a7e9;
    background: #fff;
    height: 100%;
    width: 100%;
}

.productbox td
{
    padding: 1px;
}

.productbox .producttop
{
    background: url(cat_top.gif) repeat-x;
    width: 100%;
    height: 20px;
}

.productbox h2
{
    color: #d53e06;
    font: bold 14px tahoma !important;
    margin: 0 0 5px;
    padding: 0;
}

.productbox .container
{
    text-align: left;
    min-height: 100px;
    padding: 0 10px;
}

.productbox .container .sub_data
{
position: relative; 
top: 270px;
}

.productbox img
{
    border: 0 !important;
}

.productbox .button
{
    border: none;
    background: url(product_box_button.gif) no-repeat;
    width: 80px;
    height: 19px;
    font: bold 12px arial;
    color: #FFF;
    line-height: 19px;
    text-align: center;
    cursor: pointer;
}

.productbox .button.big
{
    background: url(product_box_button_big.gif) no-repeat;
    width: 118px;
    height: 19px;
    cursor: pointer;
}

#ml_reg
{
    border: 1px solid #36a7e9;
    width: 224px;
    text-align: left;
    padding: 1px;
}

#ml_reg .container
{
    padding: 5px 25px;
}

#ml_reg p
{
    font: 12px/15px tahoma;
    text-align: center;
    margin: 0 0 10px;
    padding: 0;
}

#ml_reg span
{
    color: #36a7e9;
    font: bold 12px/15px tahoma;
    width: 45px;
}

#ml_reg .formElement
{
    width: 125px;
    height: 15px;
    border: 1px solid #a8a8a8;
    font: bold 11px tahoma;
}

#ml_reg .ml_bottom
{
    background: url(ml_bottom.gif) repeat-x;
    height: 14px;
}

#ml_reg .formLabel
{
    margin: 2px;
}

#bottomlinks
{
    text-align: center;
    margin-bottom: 10px;
}

.cart th
{
    font: bold 11px arial;
    color: #000;
    padding-bottom: 4px;
    text-align: left;
    padding-left: 15px;
}

.cart .Cart_Content td
{
    font: 11px arial;
    color: #271e1e;
    padding-left: 15px;
    vertical-align: top;
}

.cart td.total
{
    font: bold 11px arial;
    color: #346eb8;
}

input.checkout_button
{
    background: url(checkout.gif) no-repeat;
    width: 171px;
    height: 26px;
    text-align: center;
    font: bold 13px arial;
    color: #FFF;
    line-height: 26px;
    border: none;
    cursor: pointer;
}

input.continue_to_payment_button
{
    background: url(continue_to_payment_button.jpg) no-repeat;
    width: 278px;
    height: 20px;
    text-align: center;
    font: bold 13px arial;
    color: #FFF;
    line-height: 26px;
    border: none;
    cursor: pointer;
}

.tbl_100, #products
{
    width: 100%;
}

#wrapper div.top #toplinks a, #bottomlinks a
{
    color: #464f54;
    text-decoration: none;
    font: bold 11px tahoma;
}

#wrapper div.top #toplinks span, #bottomlinks div.top #toplinks span
{
    color: #464f54;
    font: bold 11px tahoma;
    padding: 0 4px;
}

#wrapper #leftlinks div a, #wrapper #categories div a
{
    font: bold 14px arial;
    color: #fff;
    text-decoration: none;
}

#wrapper #leftlinks div.childs, #wrapper #categories div.childs
{
    background: #f8f8f8;
    width: 224px;
    height: auto;
    text-align: center;
    display: none;
    margin: 0;
    padding: 0;
}

#wrapper #leftlinks div.childs ul, #wrapper #categories div.childs ul
{
    list-style-type: none;
    width: 90%;
    margin: 0;
    padding: 0;
}

#wrapper #leftlinks div.childs ul li, #wrapper #categories div.childs ul li
{
    border-bottom: 1px solid #c3e0f2;
    text-align: left;
    padding: 5px 20px;
}

#wrapper #leftlinks div.childs ul li a, #wrapper #categories div.childs ul li a
{
    color: #016cb5;
    font: bold 12px arial;
}

#wrapper #leftlinks div.childs ul li a:hover, #wrapper #leftlinks div.childs ul li a.sel
{
    color: #36a7e9;
}

#wrapper #categories div.childs ul li a:hover, #wrapper #categories div.childs ul li a.sel
{
    color: #016cb5;
}

#hp, #gp
{
    width: 660px;
    text-align: left;
    margin: 17px auto;
}

.navbar a, .navbar span
{
    font: bold 11px arial;
    text-decoration: none;
    color: #49c3e6;
}

#gp .faq p, .catbox p, .productbox p
{
    font: 11px/15px tahoma;
    margin: 0;
    padding: 0;
}

.catbox a, .productbox a
{
    color: #36a7e9;
    font: bold 11px/15px tahoma;
    text-decoration: none;
}

.cart .Cart_Content td input, .cart .formElement
{
    border: solid 1px #96d0f3;
    background: #FFF;
    color: #271e1e;
    text-align: center;
    width: 16px;
}

#marqueecontainer
{
position: relative;
width: 100%; /*marquee width */
height: 100%; /*marquee height */
overflow: hidden;
padding: 0px;
padding-left: 0px;
font-family:arial, verdana, ms sans serif; font-size:13px; color:#3E3E3E
}
