/* Body */

html
{
    height: 100%;
}

body
{
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    font-family: Arial, Sans-serif;
    font-size: 9pt;
    line-height: 150%;
    color: #382e1f;
}

/* Typography ------------------------------------------------------ */

img
{
    border-style: none;
}

p, center, blockquote, quote, pre
{
    margin: 5px 0px 15px;
}

.reduced p, .reduced center, .reduced blockquote, .reduced quote, .reduced pre, .reduced ol, .reduced ul, .reduced table, .reduced dl, .reduced dd, .reduced dt
{
    font-size: 95%;
}

blockquote, quote
{
    margin: 30px;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0px 0px 5px;
    font-weight: bolder;
    line-height: normal;
    color: #006558;
    padding: 0px;
    margin: 20px 0px 5px 0px;
}

h1
{
    font-size: 170%;
    border-bottom: 1px solid #fed043;
    margin-top: 0px;
}

h2
{
    font-size: 150%;
    border-bottom: 1px solid #fee285;
}

h3
{
    font-size: 130%;
}

h4
{
    font-size: 110%;
}

h5
{
    font-size: 100%;
}

h6
{
    font-weight: normal;
}

ul, ol, dl
{
    margin: 5px 0px 15px;
    padding: 0px 0px;
    line-height: 150%;
}

ul
{
    list-style-image: url(images/Bullet.gif);
    list-style-type: square;
}

li, dd
{
    margin: 0px 0px 5px 25px;
    padding: 0px 0px 0px 2px;
}

ul li
{
}

dt
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    text-decoration: none;
}

a, a:link
{
    color: #bb6f02;
}

a:hover, a:active
{
    color: #e58802;
}

textarea
{
    font-family: arial, helvetica, sans-serif;
}

#container
{
    position: relative;
    min-height: 100%;
    min-width: 860px;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 140px 0px;
    text-align: center;
}

* html #container
{
    height: 100%;
}

.style_content
{
    position: relative;
    margin: 0px auto;
    text-align: left;
}

br.clear
{
    clear: both;
}

div.clear
{
    clear: both;
}

/* Header */

#header
{
    margin: 0px;
    padding: 0px;
    background-image: url(images/HeaderBG.gif);
    background-repeat: repeat-x;
}

#header a
{
    text-decoration: none;
}

#header .style_content
{
    width: 860px;
    height: 100px;
    position: relative;
    display: block;
}

/* Title */

#title
{
    margin: 0px;
    padding: 0px;
    width: 360px;
    height: 75px;
    background-image: url(images/Header.gif);
    background-repeat: no-repeat;
    border: 0px;
}

#title span
{
    display: none;
}

/* Menu - Top Level */

#menu
{
    list-style: none;
    font-weight: bold;
    padding: 0 0 0 0px;
    margin: 0 0 0 0px;
    line-height: normal;
}

#menu li
{
    float: left;
    padding: 0;
    margin: 0px 5px;
}

#menu a
{
    display: block;
    color: white;
    text-decoration: none;
    padding: 5px 10px;
}

#menu li:hover, #menu li.sfhover
{
    background-image: url(images/TabHoverLeft.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #fffcde;
}

#menu li:hover a, #menu li.sfhover a
{
    color: #0e1463;
    background-image: url(images/TabHoverRight.gif);
    background-repeat: no-repeat;
    background-position: right top;
}


/* Menu - Second Level */

#menu ul
{
    float: none;
    list-style: none;
    font-weight: normal;
    position: absolute;
    left: -999em;
    height: auto;
    width: 200px;
    padding: 0;
    margin: 0 0 0 -1px;
    background-image: url(images/MenuBG.gif);
    background-repeat: repeat-y;
    background-color: #fffcde;
    border-style: solid;
    border-color: #006558;
    border-width: 0em 1px 1px 1px;
}

#menu ul a, #menu li:hover ul a, #menu li.sfhover ul a
{
    background-image: none;
    color: #0e1463;
}

#menu ul li
{
    border-top: solid 1px #fdf27f;
    margin: 0;
    padding: 3px 8px;
    background: none;
}

#menu ul li a
{
    background: none;
    color: #0e1463;
    padding: 0px;
    margin: 0px;
    width: 184px;
}

#menu ul li:hover
{
    background-image: url(images/MenuHighlight.gif);
    background-repeat: repeat-x;
    background-color: #008675;
    border-top-color: #008675;
}

#menu ul li:hover a, #menu ul li.sfhover a
{
    color: White;
}

/* Menu - Third Level and Higher */

#menu ul ul
{
    margin: -20px 0 0 185px;
    border: solid 1px #008675;
}


/* Menu - Parent Arrows */

#menu ul li a.parent, #menu ul li:hover ul a.parent, #menu ul li.sfhover ul a.parent
{
    background: url(images/MenuArrow.gif) center right no-repeat;
}

#menu ul li:hover a.parent, #menu ul ul li:hover a.parent, #menu ul li.sfhover a.parent, #menu ul ul li.sfhover a.parent
{
    background: url(images/MenuSelectArrow.gif) center right no-repeat;
}


/* Menu - Popup Effects */

#menu ul li:hover ul a, #menu ul ul li:hover ul a, #menu ul li.sfhover ul a, #menu ul ul li.sfhover ul a
{
    color: #0e1463;
}

#menu ul ul li:hover a, #menu ul ul ul li:hover a, #menu ul ul li.sfhover a, #menu ul ul ul li.sfhover a
{
    color: White;
}

#menu li:hover ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul, #menu ul ul ul li:hover ul ul, #menu li.sfhover ul ul, #menu ul li.sfhover ul ul, #menu ul ul li.sfhover ul ul, #menu ul ul ul li.sfhover ul ul
{
    left: -999em;
}

#menu li:hover ul, #menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul, #menu li.sfhover ul, #menu ul li.sfhover ul, #menu ul ul li.sfhover ul, #menu ul ul ul li.sfhover ul
{
    left: auto;
    z-index: 100;
}

/* Breadcrumbs */

#breadcrumbs
{
    color: #006558;
    font-weight: bold;
    padding: 10px 0px 0px 20px;
}

#breadcrumbs .style_content
{
    width: 860px;
    position: relative;
    display: block;
}

#breadcrumbs a
{
    margin: 0 0.3em;
    font-weight: normal;
    padding-right: 14px;
    background: url(images/MenuArrow.gif) center right no-repeat;
}


/* Content */

#content
{
    margin: 0px;
    padding: 0px;
}

#content .style_content
{
    width: 860px;
    padding: 20px 40px 0px;
}

html > body #content .style_content
{
    width: 780px;
    padding: 20px 0px 0px;
}



/* Grid */

table.grid
{
    width: 100%;
}

table.grid tr
{
    border: none;
}

table.grid tr.alt
{
    background: #fffcdd;
}

table.grid th, table.grid td.head
{
    background: #d3f5ef url(images/detailTH.gif) repeat-x left center;
    margin: 0px;
    padding: 6px 10px 1px 10px;
    color: #006356;
    border: solid 1px #79cabc;
    font-weight: bold;
}

table.grid td
{
    padding: 2px 5px;
    border: none;
}

table.grid tr.pager
{
    text-align: center;
}


/* Matrix */

table.matrix
{
    width: 100%;
}

table.matrix tr
{
    border: none;
}

table.matrix tr.alt
{
    background: #fffcdd;
}

table.matrix th
{
    background: #d3f5ef url(images/detailTH.gif) repeat-x left center;
    margin: 0px;
    padding: 6px 10px 1px 10px;
    color: #006356;
    border: solid 1px #79cabc;
    font-weight: bold;
}

table.matrix td
{
    padding: 2px 5px;
    border: none;
}

table.matrix td.check, table.matrix td.xcheck, table.matrix td.nocheck, table.matrix td.data
{
    width: 100px;
    height: 20px;
}

table.matrix td.data
{
    text-align: center;
}

table.matrix td.new
{
    background: transparent url(images/New.gif) no-repeat left center;
    padding-left: 40px;
}

table.matrix td.better
{
    background: transparent url(images/Better.gif) no-repeat left center;
    padding-left: 40px;
}

table.matrix td.check
{
    background: transparent url(images/CheckMark.gif) no-repeat center center;
}

table.matrix td.xcheck
{
    background: transparent url(images/CheckMarkGreen.gif) no-repeat center center;
}


/* Details */

table.details
{
    border: none;
}

table.details tr
{
    border: none;
    margin: 0px;
    padding: 0px;
}

table.details td
{
    margin: 0px;
    padding: 1px 2px 1px 5px;
    border: none;
    vertical-align: top;
    line-height: normal;
}

table.details th
{
    background: #d3f5ef url(images/detailTH.gif) repeat-x left center;
    margin: 0px;
    padding: 6px 10px 1px 10px;
    color: #006356;
    border: solid 1px #79cabc;
    font-weight: bold;
    text-align: right;
}



/* Footer */

#footer
{
    clear: both;
    margin: 0px;
    padding: 0px;
}

#footer .style_content
{
    width: 860px;
    padding: 20px 40px 0px;
    border-top: 1px solid #f4f4ec;
    text-align: center;
}

html > body #footer .style_content
{
    width: 780px;
    padding: 20px 0px 0px;
}

#footer p
{
    margin: 0;
    line-height: 1.5em;
}

#footer a
{
    padding: 0px 5px;
    color: #bb6f02;
    text-decoration: none;
}

#footer a:hover
{
    color: #e58802;
    text-decoration: underline;
}


/* Buttons */

.hotButton, .hotButton:hover
{
    width: 110px;
    height: 21px;
    text-align: center;
    line-height: 14px;
    color: #1e38ab;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    border: 0px;
}

.hotButton
{
    background: transparent url(images/ButtonBG.gif) no-repeat;
}

.hotButton:hover
{
    background: transparent url(images/ButtonBG.gif) no-repeat 0px -22px;
}

.hotButtonList
{
    width: 110px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    float: left;
}

.hotButtonList ul
{
    padding: 3px 0 0 0;
}

.hotButtonList ul li
{
    list-style-type: none;
    margin: 0 0 6px 0;
    padding: 0px;
    line-height: 14px;
    display: block;
}

.hotButtonList ul li a, .hotButtonList ul li a:visited
{
    display: block;
    height: 18px;
    color: #1e38ab;
    background: transparent url(images/ButtonBG.gif) no-repeat;
    padding: 3px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.hotButtonList ul li a:hover, .hotButtonList ul li a:active
{
    display: block;
    height: 18px;
    background: transparent url(images/ButtonBG.gif) no-repeat 0px -22px;
    text-decoration: none;
    color: #1e38ab;
    padding: 3px 0 0 0;
    font-weight: bold;
}

.hotButtonBar
{
    text-align: center;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    line-height: 14px;
    height: 18px;
}

.hotButtonBar a
{
    display: block;
    float: left;
    height: 18px;
    width: 110px;
    margin: 0 10px 0 0;
    padding: 0px;
    color: #1e38ab;
    display: block;
    padding: 3px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.hotButtonBar a, .hotButtonBar a:visited
{
    background: transparent url(images/ButtonBG.gif) no-repeat;
}

.hotButtonBar a:hover, .hotButtonBar a:active
{
    background: transparent url(images/ButtonBG.gif) no-repeat 0px -22px;
}

/* Product Info */

.productBox
{
    clear: both;
    margin: 0px;
    padding: 0px;
}

.productStoreRow
{
    clear: both;
}

.productStoreCol
{
    width: 370px;
    display: block;
    float: left;
    margin: 10px 10px 20px;
}

.productBuy
{
    width: 780px;
    clear: both;
}

.productPic
{
    width: 150px;
    height: 170px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    float: left;
}

.productInfo
{
    display: block;
    margin-left: 180px;
}

.productTitle
{
    font-weight: bold;
    font-size: 150%;
    margin: 0px;
    padding: 0px;
    display: block;
    color: #006558;
    line-height: normal;
}

.productSubtitle
{
    font-style: italic;
    display: block;
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

.productDesc
{
    margin: 10px 0px;
    display: block;
}


.productPlatform
{
    margin-top: 10px;
    font-size: 90%;
}

.prices
{
    padding: 10px 0px;
}

.price, .priceUpgrade, .priceOld, .priceSale
{
    display: block;
    line-height: normal;
}

.price
{
    font-weight: bold;
}

.priceUpgrade
{
    display: block;
}

.priceOld
{
    color: #aaaaaa;
    font-size: 90%;
    text-decoration: line-through;
}

.priceSale
{
    color: #ff3333;
    font-weight: bold;
}

.buyOptions
{
    padding: 0px 0px 10px;
}

.buyOptions .option
{
    margin: 0px;
    padding: 15px 0px 0px 0px;
    font-weight: bold;
    font-size: 115%;
    border-bottom: 1px solid #f4f4ec;
}

.buyOptions .instruction
{
    padding: 3px 0px;
    font-style: italic;
}

.buyOptions .bundle
{
    color: #006558;
    font-weight: bold;
}

.buyOptions .optionPrice
{
    font-weight: bold;
}

.buyOptions .optionPriceOld
{
    text-decoration: line-through;
    color: #999999;
}

.buyOptions .optionPriceSave
{
    color: #cc0000;
}

#mediaBox
{
    margin-left: 70px; /* Centers a 640px video in the 780px box */
}

/* Long-Bar */

.longBar
{
    clear: both;
    width: 780px;
    min-height: 81;
    background: #fffce0 url(images/LongBar-Mid.gif) repeat-y;
    margin: 20px 0px 20px 0px;
    padding: 0px;
}

.longBar .inner
{
    background: url(images/LongBar-Top.gif) no-repeat top;
}

.longBar .inner .inner
{
    background: url(images/LongBar-Bottom.gif) no-repeat bottom;
    padding: 20px;
    font-size: 120%;
}

/* Side-Bar */

.sideBar
{
    width: 260px;
    min-height: 81;
    background: #fffce0 url(images/SideBar-Mid.gif) repeat-y;
    margin: 0px 0px 10px 10px;
    padding: 0px;
    float: right;
}

.sideBar .inner
{
    background: url(images/SideBar-Top.gif) no-repeat top;
}

.sideBar .inner .inner
{
    background: url(images/SideBar-Bottom.gif) no-repeat bottom;
    padding: 10px;
}

.sideBarMain
{
    width: 500px;
    float: left;
}

/* Download link */

.download
{
    margin-top: 10px;
}

.download ul
{
    list-style-image: url(images/Download.gif);
    font-size: 130%;
}

.trial
{
    margin-top: 10px;
}

/* Node Site Map */

.nodeSiteMap
{
    margin: 20px 0px 20px 0px;
}

.nodeSiteMap li
{
    margin: 0px 0px 20px 20px;
}

.nodeSiteMap li a
{
    font-size: 150%;
    font-weight: bolder;
}


/* JQuery UI */
.ui-tabs .ui-tabs-hide
{
    display: none;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxOverlay
{
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft
{
    clear: left;
}
#cboxContent
{
    position: relative;
    overflow: visible;
}
#cboxLoadedContent
{
    overflow: auto;
}
#cboxLoadedContent iframe
{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
#cboxTitle
{
    margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
    cursor: pointer;
}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay
{
    background: #000;
}

#colorbox
{
}
#cboxTopLeft
{
    width: 14px;
    height: 14px;
    background: url(images/cbControls.png) 0 0 no-repeat;
}
#cboxTopCenter
{
    height: 14px;
    background: url(images/cbBorder.png) top left repeat-x;
}
#cboxTopRight
{
    width: 14px;
    height: 14px;
    background: url(images/cbControls.png) -36px 0 no-repeat;
}
#cboxBottomLeft
{
    width: 14px;
    height: 43px;
    background: url(images/cbControls.png) 0 -32px no-repeat;
}
#cboxBottomCenter
{
    height: 43px;
    background: url(images/cbBorder.png) bottom left repeat-x;
}
#cboxBottomRight
{
    width: 14px;
    height: 43px;
    background: url(images/cbControls.png) -36px -32px no-repeat;
}
#cboxMiddleLeft
{
    width: 14px;
    background: url(images/cbControls.png) -175px 0 repeat-y;
}
#cboxMiddleRight
{
    width: 14px;
    background: url(images/cbControls.png) -211px 0 repeat-y;
}
#cboxContent
{
    background: #fff;
}
#cboxLoadedContent
{
    margin-bottom: 5px;
}
#cboxLoadingOverlay
{
    background: url(images/cbLoadingBG.png) center center no-repeat;
}
#cboxLoadingGraphic
{
    background: url(images/cbLoading.gif) center center no-repeat;
}
#cboxTitle
{
    position: absolute;
    bottom: -25px;
    left: 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
    color: #7C7C7C;
}
#cboxCurrent
{
    position: absolute;
    bottom: -25px;
    left: 58px;
    font-weight: bold;
    color: #7C7C7C;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
    position: absolute;
    bottom: -29px;
    background: url(images/cbControls.png) 0px 0px no-repeat;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
}
#cboxPrevious
{
    left: 0px;
    background-position: -51px -25px;
}
#cboxPrevious.hover
{
    background-position: -51px 0px;
}
#cboxNext
{
    left: 27px;
    background-position: -75px -25px;
}
#cboxNext.hover
{
    background-position: -75px 0px;
}
#cboxClose
{
    right: 0;
    background-position: -100px -25px;
}
#cboxClose.hover
{
    background-position: -100px 0px;
}

.cboxSlideshow_on #cboxSlideshow
{
    background-position: -125px 0px;
    right: 27px;
}
.cboxSlideshow_on #cboxSlideshow.hover
{
    background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow
{
    background-position: -150px -25px;
    right: 27px;
}
.cboxSlideshow_off #cboxSlideshow.hover
{
    background-position: -125px 0px;
}