/*
 *	Class:main 
 *  layout and appearance styles that are used site-wide.
*/

body, html
{
    padding:0;
    margin:0;
}
html
{
    height:100%;
}
body
{
    height:100%;
    padding-bottom:1px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#fff;
    color:#000;
    background-image:url(../images/bg-body.gif);
    background-position:top left;
    background-repeat:repeat-x;
}
form
{
    padding:0;
    margin:0;
}
a:link, a:visited
{
    color:#003399;
    text-decoration:none;
    border:0;
}
a:focus, a:hover, a:active
{
    color:#0066CC;
    text-decoration:underline;
    border:0;
}

a img
{
    border-style:none;
}
acronym, abbr
{
    border-style:none;
    text-decoration:none;
}
h3, h4
{
    color:#333333;
    font-size:14px;
    margin-bottom:10px;
}
li
{
    margin-bottom:1em;
}
.text
{
    border-style:solid;
    border-width:1px;
    border-left-color:#ccc;
    border-bottom-color:#eee;
    border-right-color:#ccc;
    border-top-color:#999;
    font-size:11px;
    padding:3px;
}
.mid
{
    vertical-align:-4px;
    margin-left:5px;
}
div#doc
{
    width:977px;
    margin:0 auto;
}
div#header
{
    position:relative;
    height:140px;
    left:0px;
    top:0;
    z-index:3;
}
div#branding
{
    position:absolute;
    top:6px;
    left:0;
    width:364px;
    height:80px;
    background-image:url(../images/logo.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}

div#branding2
{
    position:absolute;
    top:6px;
    left:0;
    width:715px;
    height:100px;
    background-image:url(../images/logo_x.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}

div#header h1
{
    display:none;
}
div#globalnav
{
    position:absolute;
    top:50px;
    right:0;
    width:249px;
    text-align:right;
}
div#globalnav ul
{
    padding:0;
    margin:0;
}
div#globalnav ul li
{
    padding:0 5px 0 0;
    margin:0 5px 0 0;
    list-style-type:none;
    display:inline;
    border-right:1px solid #ccc;
}
div#globalnav ul li.last
{
    border-right-style:none;
    padding:0 40px 0 0;
    margin:0;
}
div#globalnav ul li.search
{
    border-right-style:none;
    padding:0;
    margin:0;
}
div#globalnav li.search input.text
{
    color:#999;
}
div#globalnav a
{
    color:#000000;
    text-decoration:none;
}
div#globalnav a:hover, div#globalnav a.active
{
    color:#006699;
}
div#globalnav form, div#globalnav div
{
    display:inline;
}
div#mainnav
{ /* styles for main navigation live in the NAVIGATION section */
}
div#stepnav
{ /* styles for step display also live in the NAVIGATION section */
}
div.alert
{
    margin-bottom:10px;
}
div.alert div.start
{
    height:5px !important;
    background-image:url(../images/alert-bg-start.gif) !important;
    background-position:top left !important;
    background-repeat:no-repeat !important;
}
div.alert div.start div
{
    width:50%;
    margin:0 0 0 auto;
    height:5px;
    background-image:url(../images/alert-bg-start.gif) !important;
    background-position:bottom right;
    background-repeat:no-repeat;
}
div.alert div.body
{
    background-color:#f9ef98 !important;
    background-image:url(../images/alert-bg-body.gif) !important;
    background-position:top left !important;
    background-repeat:repeat-y !important;
    margin:0 !important;
    padding:0 !important;
}
div.alert div.body div.error
{
    background-image:url(../images/alert-icon-error.gif);
    background-position:10px 50%;
    background-repeat:no-repeat;
    color:#ed1c24;
    font-weight: bold;
    font-size:14px;
}
div.alert div.body div.error a
{
    color:#ed1c24;
    background-image:url(../images/arrow-alert-link.gif);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:20px;
}
div.alert div.body div.success
{
    background-image:url(../images/alert-icon-success.gif);
    background-position:10px 50%;
    background-repeat:no-repeat;
    color:#007236;
}
div.alert div.body div.success a
{
    color:#007236;
    background-image:url(../images/arrow-alert-link-success.gif);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:20px;
}
div.alert div.body div.txt
{
    padding:10px 10px 10px 50px !important;
    background-image:url(../images/alert-bg-txt.gif) !important;
    background-position:top right !important;
    background-repeat:repeat-y !important;
    font-size:12px !important;
    margin:0 !important;
}
div.alert div.txt p
{
    margin:0.5em 0 !important;
}
div.alert div.end
{
    height:5px !important;
    background-image:url(../images/alert-bg-end.gif) !important;
    background-position:top left !important;
    background-repeat:no-repeat !important;
}
div.alert div.end div
{
    width:50%;
    margin:0 0 0 auto;
    height:5px;
    background-image:url(../images/alert-bg-end.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
}
div#breadcrumb
{
    margin:0 0 0 200px;
}
div#breadcrumb h2
{
    margin:0;
    padding:0 0 10px;
    font-weight:bold;
    font-size:21px;
    color:#006699;
}
div#breadcrumb h2 span
{
    display:block;
    font-size:12px;
}
div#breadcrumbDemo
{
    margin:0 0 0 20px;
}
div#breadcrumbDemo h2
{
    margin:0;
    padding:0 0 10px;
    font-weight:bold;
    font-size:21px;
    color:#006699;
}
div#breadcrumbDemo h2 span
{
    display:block;
    font-size:12px;
}
div#mainbody
{
    background-color:#fff;
    background-image:url(../images/bg-mainbody.gif);
    background-repeat:no-repeat;
    padding:16px 0;
}
#home div#mainbody, #parent div#mainbody, #kid div#mainbody
{
    background-color:transparent;
    background-image:none;
    padding:0 0;
}
div#main
{
    float:left;
    width:744px;
}
div#leftrail
{
    width:180px;
    float:left;
    display:inline;
    margin:0 0 0 1px;
    padding:0 5px 0 0;
}
/*indented submenu*/
div#leftrail .submenu
{
    margin-left: 10px;
}
div#leftrail h3
{
    color:#0066CC;
    font-size:14px;
    margin:0;
    padding:5px 5px 5px 20px;
    background-image:url(../images/bg-leftnav-h3.gif);
    background-position:top right;
    background-repeat:no-repeat;
}
div#leftrail ul
{
    padding:0 0 5px;
    margin:0;
    background-image:url(../images/bg-leftnav.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
}
div#leftrail ul li
{
    list-style-type:none;
    margin:0 1px 0 0;
    border-top:1px solid #ddd;
    font-size:12px;
}
div#leftrail ul li a
{
    color:#333;
    display:block;
    padding:5px 5px 5px 30px;
}
* html div#leftrail ul li, * html div#leftrail ul li a
{
    height:1%;
}
div#leftrail ul li.active a, div#leftrail ul li a:hover
{
    color:#fff;
    background-image:url(../images/bg-leftnav-hover.gif);
    background-repeat:repeat-x;
    background-position:50% 50%;
    text-decoration:none;
}
/*don't have submenu import the background image again*/
div#leftrail ul li ul
{
    background-image:none;
}
/*highlight link only on 2nd level of active nav*/
div#leftrail ul li ul.submenu li a
{
    background-image: none;
    color:#333;
}
div#leftrail ul li ul.submenu li a.active
{
    color:#168DC9;
}
div#leftrail ul li ul li.active a
{
    color:#fff;
    background-image:url(../images/main/bg-leftnav-hover.gif);
    background-repeat:repeat-x;
    background-position:50% 50%;
    text-decoration:none;
}
div#leftrail div.module
{
    margin:0 0 10px 15px;
}
div#leftrail div.dudetext
{
    background-image:url(../images/activate-leftrail-tile.gif);
    background-position:top left;
    background-repeat:repeat-y;
}
div#leftrail div.dudetext div.txt
{
    color:#fff;
    padding:10px;
    width:135px;
    font-size:12px;
}
div#leftrail div.dudetext div.txt a
{
    color:#fff;
    text-decoration:underline;
}
div#bodycontent
{
    width:541px;
    background-image:url(../images/bg-bodycontent.gif);
    background-repeat:repeat-y;
    float:left;
}
div.no-rightrail div#bodycontent
{
    background-image:none;
    width:785px;
    border-left:1px solid #ccc;
}
div#bodycontent div.breaktop
{
    margin:-15px 0 16px 16px;
}
div#bodycontent div.container
{
    margin:0 15px 16px 16px;
    font-size:13px;
}
div#bodycontent ul.contentlist
{
    border-top:1px solid #ccc;
    padding:1em 0 0;
    margin:0;
}
div#bodycontent ul.contentlist li
{
    padding:0 0 1em;
    margin:0 0 1em;
    list-style-type:none;
    background-image:url(../images/bg-dots-horiz.gif);
    background-repeat:repeat-x;
    background-position:bottom left;
    height:1%;
}
div#bodycontent ul.contentlist li.last
{
    padding-bottom:0;
    margin-bottom:0;
    background-image:none;
}
div#bodycontent ul.contentlist li h4
{
    font-size:12px;
    line-height:12px;
    margin-bottom:10px;
}
div#bodycontent ul.contentlist li h4 span
{
    font-weight:normal;
    border-left:1px solid #ccc;
    color:#333;
    padding-left:10px;
    margin-left:10px;
    font-size:10px;
}
div#bodycontent ul.contentlist li p
{
    margin-bottom:10px;
}
div#bodycontent ul.productgrid
{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:5px 0;
    margin:0 0 10px;
    background-image:url(../images/bg-productgrid.gif);
    background-repeat:repeat-y;
}
div#bodycontent ul.productgrid li
{
    padding:0;
    margin:0 13px 0 0;
    float:left;
    display:inline;
    width:160px;
}
div#bodycontent ul.productgrid li.last
{
    margin-right:0;
}
div#bodycontent ul.productgrid div.img
{
    width:50px;
    float:left;
    display:inline;
}
div#bodycontent ul.productgrid div.txt
{
    float:left;
    margin-left:10px;
    display:inline;
    width:100px;
}
div#bodycontent ul.productgrid div.txt a
{
    font-weight:bold;
}
div#bodycontent div.block
{
    background-image:url(../images/bg-block-main.gif);
    background-repeat:repeat-y;
    width:510px;
    padding:0;
    margin:0 0 10px;
}
div#bodycontent div.block div.start
{
    background-image:url(../images/bg-block-start.gif);
    background-repeat:no-repeat;
    height:5px;
    overflow:hidden;
    margin:0;
    padding:0;
    line-height:0px;
    font-size:0;
}
div#bodycontent div.block div.body
{
    background-image:url(../images/bg-block-body.gif);
    background-repeat:repeat-x;
    background-position:50% 50%;
    margin:0 4px;
    padding:8px 8px 0;
}
div#bodycontent div.block div.body h3
{
    color:#0f94d7;
    font-size:14px;
}
div#bodycontent div.block div.end
{
    background-image:url(../images/bg-block-end.gif);
    background-repeat:no-repeat;
    height:5px;
    overflow:hidden;
    margin:0;
    padding:0;
    line-height:0px;
    font-size:0;
}
div#bodycontent div.block div.body img.thumbnail
{
    width:38px;
    height:38px;
    border:1px solid #999;
}
div#bodycontent div.block div.body img.product
{
    width:145px;
    height:185px;
}
div#bodycontent div.textheader
{
    background-image:url(../images/bg-textheader.gif);
    background-repeat:no-repeat;
    width:510px;
}
div#bodycontent div.textheader div.txt
{
    padding:10px 16px 0;
    color:#fff;
}
div#bodycontent div.textheader h3
{
    color:#006699;
    font-size:14px;
    margin-bottom:10px;
}
div#bodycontent ol.productlist
{
    padding:0;
    margin:0;
}
div#bodycontent ol.productlist li
{
    padding:5px 0 0;
    margin:0 0 10px;
    list-style-type:none;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
ol.productlist div.img
{
    width:56px;
    float:left;
    display:inline;
}
ol.productlist div.txt
{
    float:right;
    width:430px;
}
ol.productlist div.icons img
{
    vertical-align:middle;
}
ol.productlist div.pricecart img
{
    vertical-align:top;
}
ol.productlist h3
{
    font-size:14px;
    height:17px;
    line-height:17px;
    margin:0 0 10px;
}
ol.productlist li.open-deal div.txt p
{
    color:#bbb;
}
ol.productlist li.open-deal h3, ol.productlist li.open-deal h3 a
{
    color:#bbe2f5;
}
ol.productlist div.deal
{
    width:206px;
    float:right;
    position:relative;
    z-index:1;
}
ol.productlist div.deal div.lead
{
    background-image:url(../images/bg-productlist-deal.gif);
    background-repeat:no-repeat;
    height:17px;
    line-height:17px;
    font-size:11px;
    font-weight:bold;
    color:#fff;
    text-align:center;
}
ol.productlist div.deal:hover div.lead, ol.productlist li.open-deal div.deal div.lead
{
    background-image:url(../images/bg-productlist-deal-open.gif);
}
ol.productlist div.deal:hover div.desc, ol.productlist li.open-deal div.deal div.desc
{
    display:block;
}
ol.productlist div.deal div.desc
{
    position:absolute;
    z-index:1;
    top:17px;
    left:0;
    display:none;
    background-image:url(../images/bg-productlist-deal-body.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    width:186px;
    padding:10px;
}
ol.productlist div.deal h6
{
    color:#006699;
    margin:0;
    padding:0;
    font-size:18px;
    font-weight:normal;
}
ol.productlist li.open-deal div.deal p
{
    color:#000;
}
ol.productlist li.open-deal div.img, ol.productlist li.open-deal div.icons
{
    -moz-opacity:0.25;
    filter:alpha(opacity=25); /* this tends to throw a validation error */
}
div#rightrail
{
    float:right;
    width:237px;
    display:inline;
    margin-right:5px;
}
div#rightraildemo
{
    float:left;
    width:237px;
    display:inline;
    margin-right:5px;
}
#parent div#rightrail, #kid div#rightrail
{
    width:225px;
    padding-top:18px;
    margin-right:0;
}
div#rightrail div#wak
{
}
div#wak div.txt
{
    background-image:url(../images/wak-bg-black.gif);
    background-repeat:repeat-y;
    padding:0 24px 0 16px;
    color:#fff;
}
div#wak strong
{
    color:#87B901;
}
div#wak p
{
    margin-bottom:0;
    padding-bottom:10px;
}
div#rightrail div#ditl
{
    width:225px;
    margin-bottom:10px;
}
div#ditl strong
{
    color:#E75E0A;
}
div#ditl div.about
{
    background-image:url(../images/ditl-bg-black.gif);
    padding:0 16px;
    background-repeat:repeat-y;
    color:#fff;
}
div#ditl div.about p
{
    margin:0;
    padding-bottom:1em;
}
div#ditl div.day
{
    background-image:url(../images/ditl-bg-white.gif);
    background-repeat:repeat-y;
    padding:0 32px;
}
div#ditl div.day ol
{
    padding:0;
    margin:0;
}
div#ditl div.day ol li
{
    padding:8px 0 0;
    margin:0;
    list-style-type:none;
}
div#rightrail div.textmodule
{
    width:225px;
}
div#rightrail div.textmodule h4
{
    background-image:url(../images/bg-rightrail-textmodule-h4.gif);
    background-repeat:no-repeat;
    height:33px;
    padding:0 16px;
}
div#rightrail div.textmodule h5
{
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
}
div#rightrail div.textmodule h6
{
    font-size:12px;
    font-weight:bold;
    margin-bottom:0;
}
div#rightrail div.textmodule div.remove
{
    font-size:10px;
}
div#rightrail div.textmodule h4.cart
{
    background-image:url(../images/bg-rightrail-textmodule-h4-cart.gif);
    background-repeat:no-repeat;
}
div#rightrail div.textmodule ul
{
    padding:0 0 0 20px;
    margin:0;
    background-image:none;
    height:1%;
}
div#rightrail div.textmodule ul li
{
    list-style-type:disc;
    height:1%;
}
div#rightrail div.textmodule ul li a
{
}
div#rightrail div.textmodule div.body
{
    background-image:url(../images/bg-rightrail-textmodule-body.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    padding:10px 16px;
}
div#rightrail div.textmodule ul.cartlist
{
    padding:0;
    margin:0 0 1em;
    border-bottom:1px solid #ccc;
}
div#rightrail div.textmodule ul.cartlist li
{
    list-style-type:none;
    padding:0;
    margin:0 0 0.5em;
}
div#rightrail div.textmodule ul.cartlist li a
{
    padding-right:0;
    background-image:none;
}
div#rightrail div.textmodule div.body
{
    background-image:url(../images/bg-rightrail-textmodule-body.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    padding:10px 16px;
}
div#rightrail div.module
{
    margin-bottom:10px;
}
div#rightrail h4
{
    background-image:url(../images/rightrail-h4.gif);
    color:#fff;
    height:42px;
    line-height:36px;
    font-size:1.1em;
    padding:0 25px;
    margin:0;
    background-repeat:no-repeat;
}
div#rightrail ul
{
    padding:0 25px 20px;
    margin:0;
    background-image:url(../images/bg-rightrail-textbox.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
}
div#rightrail ul li
{
    padding:0;
    margin:0 0 1em;
    list-style-type:none;
}
div#rightrail ul li a
{
    padding-right:17px;
    background-image:url(../images/arrow-rightrail-link.gif);
    background-position:right center;
    background-repeat:no-repeat;
}
div#rightrail ul li a:hover
{
}
div#rightrail div.body
{
    padding:0 16px 20px;
    margin:0;
    background-image:url(../images/bg-rightrail-textbox.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
}
div#rightrail div.body table
{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
}
div#rightrail div.body table th
{
    padding:0 7px 5px;
    text-align:left;
    vertical-align:top;
}
div#rightrail div.body table td
{
    padding:5px 7px;
    text-align:left;
    vertical-align:top;
}
div#rightrail div.body table tr.alt
{
    background-color:#e9e8e8;
    background-image:url(../images/bg-rightrail-tr-alt.gif);
    background-repeat:repeat-y;
    background-position:top right;
}
div#rightrail div.body table thead
{
    background-image:url(../images/bg-dots-horiz.gif);
    background-position:bottom left;
    background-repeat:repeat-x;
}
div#rightrail div.body table tfoot
{
    background-image:url(../images/bg-dots-horiz.gif);
    background-position:top left;
    background-repeat:repeat-x;
}
div#rightrail div.body table tfoot a
{
    padding-right:17px;
    background-image:url(../images/arrow-rightrail-link.gif);
    background-position:right center;
    background-repeat:no-repeat;
}
div#rightrail div.body table tbody
{
}
div#footer
{
    padding:20px 3px;
    background-image:url(../images/bg-footer.gif);
    background-repeat:repeat-x;
    background-position:0 10px;
}
div#footer ul
{
    padding:0;
    margin:0;
}
div#footer ul li
{
    list-style-type:none;
    float:left;
    display:inline;
    padding:0 5px 0 0;
    margin:0 5px 0 0;
    border-right:1px solid #000;
}
div#footer ul li.last
{
    border-right-style:none;
    padding-right:0;
    margin-right:0;
}
div#footer ul li a
{
    color:#000;
    text-decoration:none;
}
div#footer div.copyright
{
    text-align:center;
    float:none;
    color:#999;
}
div#footer div.storecopyright
{
    text-align:center;
    float:none;
    color:#999;
}
div#footer div.storecopyright a
{
    color:#999;
    text-decoration:none;
}
div#footer div.copyright a
{
    color:#999;
}
div.tabbox
{
    background-image:url(../images/bg-block-main.gif);
    background-repeat:repeat-y;
}
div.tabbox ol.tabcontrol
{
    padding:0 4px;
    margin:0;
    background-color:#fff;
    background-image:url(../images/bg-block-start.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    height:26px;
}
* html div.tabbox ol.tabcontrol
{
    width:502px;
}
div.tabbox ol.tabcontrol li
{
    padding:0 0 0 15px;
    margin:0;
    list-style-type:none;
    float:left;
    display:inline;
    margin-left:6px;
    background-image:url(../images/bg-tabcontrol-inactive-left.gif);
    background-repeat:no-repeat;
    font-size:11px;
    line-height:22px;
}
div.tabbox ol li a
{
    display:block;
    padding:0 15px 0 0;
    background-image:url(../images/bg-tabcontrol-inactive-right.gif);
    background-repeat:no-repeat;
    background-position:top right;
    color:#000
}
div.tabbox ol.tabcontrol li.active
{
    background-image:url(../images/bg-tabcontrol-active-left.gif);
}
div.tabbox ol.tabcontrol li.active a
{
    background-image:url(../images/bg-tabcontrol-active-right.gif);
    color:#4A909F;
}
div.tabbox div.tabscreen
{
    display:none;
}
div.tabbox div.tabscreen-active
{
    margin:0 4px;
    padding:16px;
    background-image:url(../images/bg-block-body.gif);
    background-repeat:repeat-x;
    background-position:50% 50%;
    display:block;
}
div.tabbox div.end
{
    height:5px;
    overflow:hidden;
    background-image:url(../images/bg-block-end.gif);
}
div.divider
{
    font-size:1em;
    background-image:url(../images/bg-dots-horiz.gif);
    background-repeat:repeat-x;
    background-position:left center;
}
div.detaillink a
{
    padding-right:12px;
    background-image:url(../images/bg-detaillink.gif);
    background-repeat:no-repeat;
    background-position:right center;
}
div.jumplink
{
    text-align:right;
    margin-bottom:5px;
}
div.jumplink a
{
    padding-right:17px;
    background-image:url(../images/arrow-rightrail-link.gif);
    background-position:right center;
    background-repeat:no-repeat;
}
div.breaktop
{
    margin-top:-14px;
    position:relative;
}
div.step1
{
    background-image:url(../images/main/checkout-info-step1.jpg);
}
div.step2
{
    background-image:url(../images/main/checkout-info-step2.jpg);
}
div.step3
{
    background-image:url(../images/main/checkout-info-step3.jpg);
}
div.step4
{
    background-image:url(../images/main/checkout-info-step4.jpg);
}
div.step5
{
    background-image:url(../images/main/checkout-info-step5.jpg);
}
div.wizard div.continue
{
    position: absolute;
    left: 275px;
    top: 70px;
}
div.wizard
{
    background-image:url(../images/bg-wizard.gif);
    background-repeat:no-repeat;
    position:relative;
    width:510px;
    height:132px;
    z-index:1;
}
div.wizard div.img
{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:80px;
}
div.wizard div.txt
{
    position:absolute;
    z-index:1;
    top:15px;
    left:110px;
    width:375px;
    color:#fff;
}
div.wizard h3
{
    font-size:12px;
}
div.help
{
    position:relative;
    z-index:1;
}
div.help div.popup
{
    position:absolute;
    bottom:100%;
    left:100%;
    width:210px;
    color:#fff;
    padding:10px 5px 30px 50px;
    background-repeat:no-repeat;
    background-position:top left;
    z-index:2;
    display:none;
}
div.help div.popup div.p1
{
    width:63px;
    height:41px;
    position:absolute;
    bottom:0;
    left:0;
}
div.help div.popup div.p2
{
    width:202px;
    height:41px;
    position:absolute;
    bottom:0;
    right:0;
}
div.help span
{
    color:#4A909F;
    text-decoration:none;
    cursor:help;
}
div.help div.popup h6
{
    margin:0 0 10px;
    font-size:12px;
}
div.help:hover div.popup, div.open-help div.popup
{
    display:block;
}
.zeo div.popup
{
    background-image:url(../images/help-baloon-zeo.gif);
}
.zeo div.popup h6
{
    color:#0c2b52;
}
.zeo div.popup .p1
{
    background-image:url(../images/help-baloon-zeo-p1.gif);
}
.zeo div.popup .p2
{
    background-image:url(../images/help-baloon-zeo-p2.gif);
}
.tallulah div.popup
{
    background-image:url(../images/help-baloon-tallulah.gif);
}
.tallulah div.popup h6
{
    color:#5e0319;
}
.tallulah div.popup .p1
{
    background-image:url(../images/help-baloon-tallulah-p1.gif);
}
.tallulah div.popup .p2
{
    background-image:url(../images/help-baloon-tallulah-p2.gif);
}
/* --- --- */
div.cb1
{
}
div.cb2
{
}
div.cb3
{
    margin-bottom:10px;
}
div.cb3 div.header
{
    margin:0;
    padding:0 30px;
    color:#fff;
    background-image:url(../images/bg-cb3-header.gif);
    background-repeat:no-repeat;
    height:34px;
    line-height:34px;
    overflow:hidden;
}
div.cb3 div.body
{
    background-image:url(../images/bg-cb3.gif);
    background-repeat:repeat-y;
    padding:0 15px;
}
div.cb3 div.footer
{
    margin:0;
    padding:0 30px;
    color:#fff;
    background-image:url(../images/bg-cb3-footer.gif);
    background-repeat:no-repeat;
    height:5px;
    overflow:hidden;
}
div.cb4
{
}
div.cb5
{
}
div.cb6
{
}
.required
{
    color:#f00 !important;
}
p.required
{
    font-size:10px;
    margin:0 0 5px 0;
}
.f-left
{
    float:left;
}
img.f-left
{
    display:inline;
    margin: 0 1em 1em 0;
}
.f-right
{
    float:right;
}
img.f-right
{
    display:inline;
    margin:0 0 1em 1em;
}
.a-right
{
    text-align:right;
}
.a-left
{
    text-align:left;
}
.a-center
{
    text-align:center;
}
div.scrollbox
{
    margin:0 0 1em;
    border:1px solid #ccc;
    height:150px;
    overflow:auto;
    background-color:#fff;
    padding:8px;
}
ul.nobullet
{
    margin:0;
    padding:0;
}
ul.nobullet li
{
    margin:0;
    padding:0 0 0.5em;
    list-style-type:none;
}
a.tutorial
{
    padding-left:20px;
    background-position:left center;
    background-repeat:no-repeat;
    font-weight:bold;
}
a.video
{
    background-image:url(../images/icon-tutorial-video.gif);
}
input.w1
{
    width:25px;
}
input.w2
{
    width:50px;
}
/*
 *	navigation - navigation styles relating to the top navigation bar.
*/

div#mainnav
{
    position:absolute;
    left:0;
    top:90px;
    height:51px;
    width:100%;
    background-repeat:no-repeat;
    background-image:url(../images/bg-mainnav.gif);
    z-index:39;
}
div#stepnav
{
    position:absolute;
    left:0;
    top:65px;
    height:51px;
    width:100%;
    background-repeat:no-repeat;
    background-image:url(../images/bg-stepnav.gif);
    z-index:39;
    text-align:center;
}
div#mainnav ul
{
    margin:0;
    padding:0;
    position:relative;
}
div#mainnav ul li
{
    list-style:none;
    position:absolute;
    top:0;
    width:242px;
    height:51px;
    background-image:url(../images/bg-mainnav-active.gif);
    background-repeat:repeat-x;
}
div#mainnav ul li a
{
    display:block;
    height:100%;
    text-align:center;
    line-height:40px;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    background-image:url(../images/bg-mainnav-inactive.gif);
    background-repeat:repeat-x;
}
div#mainnav ul li.active a, div#mainnav ul li.active-temp a, div#mainnav ul li:hover a, div#mainnav ul li a:hover
{
    background-image:none;
    color:#fff;
}
div#mainnav ul li#n1
{
    left:2px;
    width:240px
}
div#mainnav ul li#n2
{
    left:245px;
}
div#mainnav ul li#n3
{
    left:490px;
}
div#mainnav ul li#n4
{
    left:735px;
    width:240px;
}
div#mainnav ul li ul
{
    background-color:#444444;
    position:absolute;
    left:0;
    top:39px;
    display:none;
    width:240px;
    z-index:99;
    background-image:url(../images/bg-mainnav-subnav.png);
    background-repeat:repeat-x;
    border:1px solid #ccc;
    border-top-style:none;
    opacity:0.9;
    filter: Alpha(Opacity=70);
}
div#mainnav ul li:hover ul, div#mainnav ul li.active-temp ul
{
    display:block;
}
div#mainnav ul li#n1 ul, div#mainnav ul li#n4 ul, div#mainnav ul li#n1 ul li, div#mainnav ul li#n4 ul li
{
    width:238px;
}
div#mainnav ul li ul li
{
    position:relative;
    height:auto;
    background-image:url(../images/bg-mainnav-subnav-li.gif);
    background-repeat:repeat-x;
    background-position:bottom left;
    padding-bottom:1px;
    z-index:100;
    width:240px;
    margin-bottom:0;
}
div#mainnav ul li ul li.last
{
    background-image:none;
    padding-bottom:0;
}
div#mainnav ul li ul li a
{
    line-height:21px;
    color:#eee !important;
    text-align:left;
    text-transform:none;
    padding:0 0 0 25px;
    width:auto;
    background-image:none;
}
div#mainnav ul li ul li a:hover
{
    background-color:#000;
    color:#fff;
    background-image:url(../images/bg-mainnav-subnav-li-hover.gif);
    background-repeat:no-repeat;
    background-position: 15px 50%;
}
#detail_title
{
    float: left;
    padding: 45px 0 0 15px;
}
#detail_photo
{
    width: 110px;
    height: 110px;
    float: left;
}
/*
 *	utilities - helpful bits of code not related to layout or design.
*/

/* tweak for firefox */
*
{
    margin-top:0;
}
/*  -----
 *	See http://positioniseverything.net/easyclearing.html
 *	for a description of this code.
 *  -----
*/
.clear
{
    clear:both;
}
.clearfix:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix
{
    display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix
{
    height:1%;
}
*+html .clearfix
{
    height:1%;
}
.clearfix
{
    display:block;
}
/* End hide from IE-mac */