/*
 * @file:       site.css
 * @author:     Scotty Delicious (scottydelicious@gmail.com)
 * @location:   http://treasurechest.scottydelicious.com
 * @copyright:  (c) 2007 Scotty Delicious. All rights reserved.
 * @created:    December 6th 2007 19:22 -0600
 *
 **/
 
/***********************************
 *  GLOBAL
 **********************************/
*,html
{
    margin: 0px;
    padding: 0px;
}

body
{
    background: #222;
    color: #ddd;
    text-align: center;
    font-size: 10pt;
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
    height: 100%;
    behavior: url(../../../../assets/js/csshover.htc);
}

button
{
    cursor: pointer;
}

/***********************************
 *  WRAPPERS
 **********************************/
div#a-wrap
{
    background: url(../images/body.jpg) top center;
    position: relative;
    z-index: 0;
}

div#b-wrap
{
    width: 800px !important;
    text-align: left;
    margin: -410px auto 0px auto;
    position: relative;
    z-index: 2;
}

/***********************************
 *  HEAD
 **********************************/
div#head
{
    height: 450px;
    background: #222 url(../images/head.jpg) no-repeat top center;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 1;
}

div#head h1,
div#head h2
{
    display: none;
}

div#head div#search
{
    padding: 10px 0px 0px 580px;
}


div#head div#search input
{
    background: transparent;
    border: 3px double #aaa;
    padding: 4px;
    color: #eee;
}

div#head div#search input#submit
{
    color: transparent;
}

/***********************************
 *  EXTRA
 **********************************/
div#extra p
{
    display: none;
}

div#extra
{
    height: 120px;
}

/***********************************
 *  MENU
 **********************************/
div#menu
{
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 2;
}

div#menu ul#navigation
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    padding: 74px 0px 0px 0px;
}

div#menu ul#navigation li
{
    display: inline;
    padding: 0px;
    margin: 0px 0px;
}

div#menu ul#navigation li a
{
    padding: 10px 12px 10px 12px;
    margin: 0px;
    font-size: 10pt;
    color: #eee;
    text-decoration: none;
}

div#menu ul#navigation li a:hover,
div#menu ul#navigation li a.here
{
    background: #916c20;
    border-top: 3px solid #ff9e05;
    color: #fc3;
}

div#sub-navigation
{
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 2;
}

div#sub-navigation ul#navigation
{
    list-style: none;
    margin: -6px 0px 0px 0px;
    padding: 2px 0px 20px 0px;
    text-align: right;
}

div#sub-navigation ul#navigation li
{
    display: inline;
    padding: 0px;
    margin: 0px 0px;
    background-image: none;
}

div#sub-navigation ul#navigation li a
{
    padding: 4px 8px 4px 8px;
    margin: 0px;
    font-size: 10pt;
    color: #eee;
    text-decoration: none;
}

div#sub-navigation ul#navigation li a:hover,
div#sub-navigation ul#navigation li a.here
{
    background: #916c20;
    border-bottom: 2px solid #ff9e05;
    color: #fc3;
}

/***********************************
 *  CONTENT
 **********************************/
div#content
{
    color: #ddd;
    padding: 5px 24px 10px 20px;
    position: relative;
    z-index: 2;
    min-height: 220px;
}

div#content h3
{
    font-size: 16pt;
    color: #dcb442;
    font-weight: normal;
    border-bottom: 1px dotted #999;
    margin-bottom: 8px;
}

div#content h3#pagetitle
{
    font-size: 16pt;
    color: #dcb442;
    font-weight: normal;
    border: none;
    padding: 0px;
    margin: 0px;
}

div#content h4,
div#content h4#longtitle
{
    font-size: 10pt;
    color: #999;
    font-weight: normal;
    margin-bottom: 8px;
    border-bottom: 1px dotted #999;
}

div#content ul h4
{
    display: inline;
}

div#content p
{
    padding: 0px 0px 10px 0px;
    text-indent: 20px;
    font-size: 11pt;
}

div#content a
{
    color: #f90;
    text-decoration: none;
}

div#content a:hover
{
    color: #fc3;
    border-bottom: 1px dotted #f90;
}

div#content ul
{
    list-style: none;
    padding: 2px 0px 12px 22px;
    font-size: 9pt;
    font-style: italic;
}

div#content li
{
    padding: 2px 0px 6px 25px;
    background: url(../images/tc_li_color.gif) no-repeat;
}

div#content ul p
{
    padding: 6px 0px 12px 0px;
    font-size: 9pt;
    font-style: italic;
}

/***********************************
 *  TREASURE CART
 **********************************/
div#content div.treasure_cart
{
    float: right;
    text-align: right;
}

div#content div.treasure_cart a
{
    display: block;
    padding-bottom: 4px;
}

div#content div.treasure_cart a:hover
{
    border: none;
}

div#content div.treasure_cart a span.tc_cart_count
{
    padding: 0px 0px 0px 6px;
    color: #999;
}

div#content div.treasure_cart a:hover span.tc_cart_count
{
    color: #fc0;
}

div#content div.treasure_cart a span.tc_cart_count:before
{
    content: '[';
    color: #f60;
}

div#content div.treasure_cart a span.tc_cart_count:after
{
    content: ']';
    color: #f60;
}

/***********************************
 *  PRODUCT INFO
 **********************************/
div#content div.product-image
{
    float: left;
    width: 250px;
    height: 100%;
}

div#content div.product-image img
{
    display: block;
    margin: 35% auto;
    border: 3px double #666;
}

div#content div.product-info
{
    padding-left: 255px;
}

div#content div.product-info h4
{
    border: none;
}

div#content div.product-info p
{
    text-indent: 0px;
}

div#content div.product-info a.treasureChest,
div#content div.catalog-item a.treasureChest
{
    border: 3px double #555;
    padding: 2px 8px;
    background: url(../images/forms.jpg) 0px -3px repeat-x;
    color: #666;
}

div#content div.product-info a.treasureChest:hover,
div#content div.catalog-item a.treasureChest:hover
{
    color: #ffe491;
}

div#content div.product-info a.treasureChest:active,
div#content div.catalog-item a.treasureChest:active
{
    border: 3px double #888;
    padding: 2px 8px;
    background: url(../images/forms.jpg) 0px -35px repeat-x;
    color: #333;
}

/***********************************
 *  PDT PAGE
 **********************************/
div#post-payment
{
    
}

div#post-payment span.tc_products
{
    display: block;
    padding-left: 25px;
    margin-top: -12pt;
    font-size: 9pt;
}

div#post-payment span.tc_product
{
    display: block;
    padding-left: 55px;
    margin: -14pt 0px 14pt 0px;
}

div#post-payment span.item_name
{
    font-weight: bold;
    font-size: 11pt;
    color: #f90;
}

div#post-payment span.item_on1,
div#post-payment span.item_on2
{
    padding-left: 10px;
}

div#post-payment span.item_on1:after,
div#post-payment span.item_on2:after
{
    content: ': ';
}

div#post-payment span.item_quantity
{
    padding-left: 6px;
}

div#post-payment span.item_quantity:before
{
    content: '[';
}

div#post-payment span.item_quantity:after
{
    content: ']';
}

div#post-payment p.user-info
{
    color: #fc0;
}

div#post-payment p.user-info span
{
    color: #f60;
}

div#post-payment span.tips
{
    font-size: 70%;
}

/***********************************
 *  WEBLOGINPE
 **********************************/
div#content div#wlpeLogin
{
    width: 300px;
    //border: 1px solid #666;
    padding: 10px;
    margin: 0px auto;
} 

div#content div#wlpeLogin fieldset
{
    border: none;
}

div#content div#wlpeLogin fieldset legend
{
    display: none;
}

div#content div#wlpeLogin label
{
    display: block;
    padding-bottom: 6px;
    text-align: center;
}

div#content div#wlpeLogin label span
{
    display: block;
    padding: 4px;
}

div#content div#wlpeLogin input
{
    background: transparent;
    color: #f90;
    border: 3px double #666;
    padding: 2px;
}

div#content div#wlpeLogin button
{
    border: 3px double #555;
    padding: 2px 8px;
    background: url(../images/forms.jpg) 0px -3px repeat-x;
    color: #666;
    width: auto;
    margin-bottom: 25px;
    font-weight: normal;
    display: block;
    margin: 0px auto;
}

div#content div#wlpeLogin button:hover
{
    color: #ffe491;
}

div#content div#wlpeLogin button:active
{
    border: 3px double #888;
    padding: 2px 8px;
    background: url(../images/forms.jpg) 0px -35px repeat-x;
    color: #333;
}

/***********************************
 *  TUTORIAL PAGES
 **********************************/
div#content div.tutorial
{
    position: relative;
    height: 100%;
}

div#content div.tutorial br.clear-both
{
    clear: both;
}

div#content div.tutorial div.videolink
{
    position: relative;
    float: left;
    width: 240px;
    height: 100%;
    text-align: center;
}

div#content div.tutorial div.videolink a span
{
    display: block;
}

div#content div.tutorial div.videolink a img
{
    display: block;
    margin: 10px auto 6px auto;
    border: 3px double #666;
}

div#content div.tutorial div.videolink a:hover img
{
    border-bottom: none;
    border: 3px double #666;
}

div#content div.tutorial div.tutorialtext
{
    padding-left: 250px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #666;
}

div#content code
{
    display: block;
    font-family: courier, serif;
    font-size: 80%;
    border: 1px dotted #666;
    background: #333;
    padding: 6px;
    margin: 6px 0px;
}

/***********************************
 *  PLACEHOLDER PAGES
 **********************************/
table.placeholder-table
{
    border-bottom: 3px double #dcb442;
    margin-bottom: 35px;
}

table.placeholder-table tr
{
    
}

table.placeholder-table tr th
{
    padding: 6px;
    font-size: 110%;
    color: #dcb442;
    border-bottom: 3px double #dcb442;
}

table.placeholder-table tr td
{
    padding: 10px;
    border-bottom: 1px dotted #333;
}

/***********************************
 *  FOOT
 **********************************/
div#foot
{
    height: 50px;
    background: url(../images/foot.jpg) top center;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

div#foot p
{
    font-size: 10pt;
    color: #eee;
    text-align: center;
}

div#foot p a
{
    color: #f90;
    text-decoration: none;
}

div#foot p a:hover
{
    color: #fc3;
    border-bottom: 1px dotted #f90;
}

div#foot p#copyright
{
    padding-top: 6px;
}

div#foot p#poweredby
{
    font-size: 8pt;
}

/***************************************
 * CONTACT FORM
 **************************************/
div.errors
{
    color:#F00;
}

#EmailForm .invalidValue,
#EmailForm .requiredValue
{
    background: #FFDFDF;
    border:1px solid #F00;
}

fieldset#tcContact
{
    border: none;
    padding: 0px;
    margin: 0px;
} 

fieldset#tcContact p
{
    text-indent: 0px;
    padding: 5px 0px 2px 0px;
    margin: 0px;
}

fieldset#tcContact input,
fieldset#tcContact select,
fieldset#tcContact textarea
{
    background: transparent;
    width: 200px;
    margin: 0px;
    border: 3px double #555;
    padding: 2px;
    color: #fc0;
    font-weight: bold;
}

fieldset#tcContact select
{
    border: none;
    background: #222;
}

fieldset#tcContact textarea#cfMessage
{
    width: 99%;
}

fieldset#tcContact input#cfContact
{
    border: 3px double #555;
    padding: 2px 8px;
    background: url(../images/forms.jpg) 0px -3px repeat-x;
    color: #666;
    width: auto;
    margin-bottom: 25px;
    font-weight: normal;
}

.js-hover,
fieldset#tcContact input#cfContact:hover
{
    color: #ffe491;
}

fieldset#tcContact input#cfContact:active
{
    border: 3px double #888;
    padding: 2px 8px;
    background: url(../images/forms.jpg) 0px -35px repeat-x;
    color: #333;
}

/***************************************
 * AJAX SEARCH
 **************************************/


/***************************************
 * MISCELLANEOUS
 **************************************/
 div#TB_ajaxContent
 {
     background: #222;
 }
 
 div#TB_ajaxContent object
 {
     margin: 10px auto 0px auto;
 }