/* CSS Document */

body
{
    background-image:url('/system/images/fss/layout/background.png');
    background-repeat:repeat-x;
    background-position:top;
}

div#container
{
    background-image:url('/system/images/fss/layout/wrapper.jpg');
    background-repeat:no-repeat;
    background-position:top;
    width:985px;
}

div#container div#navigation
{
    float:left;
    display:inline;
    margin:23px 11px 0px 0px;
    width:201;
}

div#container div#navigation div#logo
{
    margin:0px 0px 22px 0px;
}

div#container div#navigation div#live-support
{
    /* margin:0px 0px 17px 0px; */
    margin:0px 0px 30px 0px;
}

div#container div#navigation div#offer-menu
{
    
}

div#container div#navigation div#offer-menu div.top
{
    background-image:url('/system/images/fss/layout/menu/top.png');
    background-repeat:no-repeat;
    height:11px;
    width:201px;
}

div#container div#navigation div#offer-menu div.main
{
    background-image:url('/system/images/fss/layout/menu/main.png');
    background-repeat:repeat-y;
    width:201px;
}

div#container div#navigation div#offer-menu div.bottom
{
    background-image:url('/system/images/fss/layout/menu/bottom.png');
    background-repeat:no-repeat;
    height:11px;
    width:201px;
}

div#container div#navigation div#offer-menu div.main ul
{
    margin:0px;
    padding:0px 14px;
}

div#container div#navigation div#offer-menu div.main ul li
{
    background-image:url('/system/images/fss/layout/arrow.gif');
    background-repeat:no-repeat;
    background-position:left center;
    padding:4px 0px 4px 10px;
    font-size:11px;
    color:#946900;
    border-bottom:1px solid #ebead0; 
}

div#container div#navigation div#offer-menu div.main ul li a, div#container div#navigation div#offer-menu div.main ul li a:link, div#container div#navigation div#offer-menu div.main ul li a:visited
{
    color:#946900;
    text-decoration:none; 
}

div#container div#navigation div#offer-menu div.main ul li a:hover, div#container div#navigation div#offer-menu div.main ul li a.active
{
    color:#ff6c00;
}

div#container div#main
{
    float:right;
    display:inline;
    width:762px;     /* was 773px */
}

div#container div#main div#header
{
    margin:9px 0px 0px 0px;
}

div#container div#main div#header div#menu ul
{
    float:right;
    display:inline;
}

div#container div#main div#header div#menu ul li
{
    float:left;
    display:inline;
    border-right:1px solid #ab7907;
}

div#container div#main div#header div#menu ul li a, div#container div#main div#header div#menu ul li a:link, div#container div#main div#header div#menu ul li a:visited
{
    display:block;
    padding:0px 9px;
    color:#373737;
    font-size:11px;
    text-decoration:none;
}

div#container div#main div#header div#menu ul li a:hover
{
    color:#ffffff;
}

div#container div#main div#header div#menu ul li.end
{
    border-right:none;
}

div#container div#main div#header div div.flag
{
    float:left;
    display:inline;
    margin:15px 0px 0px 0px;
}

div#container div#main div#header div div.links
{
    float:left;
    display:inline;
    margin:15px 0px 0px 0px;
    width:250px;
}

div#container div#main div#header div div.logged-in
{
    float:right;
    display:inline;
    margin:15px 0px 0px 0px;
}

div#container div#main div#header div div.links ul, div#container div#main div#header div div.logged-in ul
{
    float:left;
    display:inline;
    margin:20px 0px 0px 0px;
}

div#container div#main div#header div div.logged-in ul
{
    float:right;
    margin:0px 0px 0px 0px;
}

div#container div#main div#header div div.links ul li, div#container div#main div#header div div.logged-in ul li
{
    float:left;
    display:inline;
    border-right:1px solid #000000;  
    text-transform:uppercase;
}

div#container div#main div#header div div.links ul li a, div#container div#main div#header div div.logged-in ul li a
{
    display:block;
    padding:0px 9px;
    color:#835d00;
    font-size:11px;
    text-decoration:none; 
}

div#container div#main div#header div div.links ul li a:hover, div#container div#main div#header div div.links ul li a.active,
    div#container div#main div#header div div.logged-in ul li a:hover, div#container div#main div#header div div.logged-in ul li a.active
{
    color:#c50000;
}

div#container div#main div#header div div.links ul li.end, div#container div#main div#header div div.logged-in ul li.end
{
    border-right:none;
}

div#container div#main div#header div div.form
{
    float:right;
    display:inline;
    margin:10px 0px 0px 0px;
    width:461px;
}

div#container div#main div#header div div.form div.opt
{
    margin:0px 0px 0px 4px;
}

div#container div#main div#header div div.form div.fields div.field
{
    float:left;
    display:inline;
    margin:4px 8px 0px 0px;
}

div#container div#main div#header div div.form div.fields div input.login
{
    background-color:transparent;
    background-image:url('/system/images/fss/form/text-box.png');
    background-repeat:no-repeat;
    padding:2px 10px;
    width:173px;
    border:none;
    color:#373737;
}


/** ======================================================================================= */

div#main div#content
{

}

div#content div.top
{
    background-image:url('/system/images/fss/layout/content/top.png');
    background-repeat:no-repeat;
    background-position:top;
    padding:11px 12px 0px 12px;
}

div#content div.main
{
    background-image:url('/system/images/fss/layout/content/main.png');
    background-repeat:repeat-y;
    padding:8px 12px 8px 12px;
}

div#content div.main h1
{
    float:left;
    display:inline;
    margin:0px 2px 8px 0px;
    color:#96873b;
    font-size:16px;
}

div#content div.main div.join-promo div.promo-top
{                       
    background-color:#fff8f6;  
    background-image:url('/system/images/fss/home/join-box.jpg');
    background-repeat:no-repeat;
    background-position:top;
    padding:0px;
}

div#content div.main div.join-promo div.promo-top ul
{
    margin:0px;
    padding:10px 0px;
}

div#content div.main div.join-promo div.promo-top ul li
{
    padding:8px;
    font-size:16px;
    font-weight:bold;
    color:#fd0304; /*ff6a3d;*/
    border-bottom:1px solid #ffe0d7;
    
}

div#content div.main div.join-promo div.promo-top ul li.end
{
    border-bottom:none;
}

div#content div.main div.join-promo div.promo-top ul li span
{
    background-image:url('/system/images/fss/bullet-arrow.png');
    background-repeat:no-repeat;
    background-position:left;
    padding:0px 0px 0px 20px;
}

div#content div.main div.join-promo div.promo-bottom
{
    background-image:url('/system/images/fss/home/join-box-bottom.jpg');
    background-repeat:no-repeat;
    padding:0px;
    height:10px;
}


div#content div.bottom
{
    background-image:url('/system/images/fss/layout/content/bottom.png');
    background-repeat:no-repeat;
    background-position:bottom;
    padding:0px 12px 11px 12px;
    height:15px;
}


/* ====================  JOIN SPECIFIC STUFF =========================== */
div#join
{
    margin:0 auto;
    padding:20px 0px 0px 0px;
    width:500px;
}

div#iframe
{
    margin:0 auto;
    padding:20px 0px 0px 0px;
    width:700px;
}

div#join div.errors, div#iframe div.errors
{
    background-color:#ebd5d5;
    border:1px solid #cc0000;
    padding:5px 20px;
    margin:0px 0px 10px 0px;
}

div#join div.errors ul li, div#iframe div.errors ul li
{
    display:inline;
}

div#join div.countries, div#iframe div.countries
{
    margin:0px 0px 10px 0px;
}

div#join div.row label, div#iframe div.row label
{
    width:220px;
}

div#join div.row div.fieldValue, div#iframe div.row div.fieldValue
{
    margin:0px 0px 0px 230px;
}

/* ====================  LOGIN SPECIFIC STUFF =========================== */
div#login
{
    margin:0 auto;
    padding:20px 0px 0px 0px;
    width:400px;
    text-align:left;
}

div#login p
{
    margin:0px 0px 10px 0px;
    text-align:center;
    font-size:12px;
}

div#login p.required
{
    background-color:#ebd5d5;
    border:1px solid #cc0000;
    padding:5px 20px;
}

/* ===================  OFFERS SPECIFIC STUFF ========================= */

div#offers div.top, div#rewards div.reward div.top, div#auctions div.top
{
    background-image:url('/system/images/fss/layout/outline/main/top.png');
    background-repeat:no-repeat;
    background-position:center center;
    height:15px;
    padding:0px;
}

div#offers div.content, div#rewards div.reward div.content, div#auctions div.content
{
    background-image:url('/system/images/fss/layout/outline/main/body.png');
    background-repeat:repeat-y;
    background-position:center;
    padding:0px 20px; 
    margin:0px;
}

div#offers div.bottom, div#rewards div.reward div.bottom, div#auctions div.bottom
{
    background-image:url('/system/images/fss/layout/outline/main/bottom.png');
    background-repeat:no-repeat;
    background-position:center center;
    height:42px;
    padding:0px;
}

div#offers div.content div.offers
{
    padding:4px 0px;
}

div.offers div.row
{
    margin:0px;
    padding:0px 0px 8px 0px;
    border-bottom:1px dotted #c0c0c0;
}

div.offers div.row div.image
{
    float:left;
    display:inline;
    margin:4px;
    width:120px;
}

div.offers div.row div.details
{
    margin:0px 0px 0px 140px;
}

div.offers div.row div.details h2
{
    margin:0px 0px 4px 0px;
    font-size:15px;
    line-height:1.25em;
    font-weight:bold;
    color:#e65f1d;
}

div.offers div.row div.details div.buttons
{
    margin:8px 0px 0px 0px;
}

div.offers div.row div.details div.buttons a
{
    display:block;
    background-image:url('/system/images/fss/buttons/gold-left.png');
    background-repeat:no-repeat;
    padding:0px 0px 0px 6px;
    text-decoration:none;
    color:#222222;
    font-weight:bold;
}

div.offers div.row div.details div.buttons a span
{
    display:block;
    background-image:url('/system/images/fss/buttons/gold.png');
    background-repeat:no-repeat; 
    background-position:right;
    padding:7px 12px 9px 6px;
}

/* ===================  OFFERS SPECIFIC STUFF ========================= */

div#rewards div.row
{
    text-align:center;
    width:622px;
    margin:0 auto;
    padding:10px 0px;
}

div#rewards div.row div.rewards 
{
    width:302px;
}



div#rewards div.row div.rewards div.top
{
    background-image:url('/system/images/fss/layout/outline/column/top.png');
    background-repeat:no-repeat;
    background-position:center center;
    height:15px;
    padding:0px;
}

div#rewards div.row div.rewards div.content
{
    background-image:url('/system/images/fss/layout/outline/column/body.png');
    background-repeat:repeat-y;
    background-position:center;
    padding:0px 20px; 
    margin:0px;;
}

div#rewards div.row div.rewards div.bottom
{
    background-image:url('/system/images/fss/layout/outline/column/bottom.png');
    background-repeat:no-repeat;
    background-position:center center;
    height:15px;
    padding:0px;
}

div#rewards div.row div.rewards div.content h2
{
    height:42px;
}

div#rewards div.row div.rewards div.content h2 a, div#rewards div.row div.rewards div.content h2 a:visited, div#rewards div.row div.rewards div.content h2 a:link
{
    margin:0px 0px 8px 0px;
    font-size:14px;
    line-height:1.25em;
    font-weight:bold;
    color:#e65f1d;  
    text-decoration:none;
}

div#rewards div.row div.rewards div.content h2 a:hover
{
    text-decoration:underline;
}

div#rewards div.row div.rewards div.content p img
{
    margin:10px 0px;
}

div#rewards div.row div.rewards div.content p.description
{
    height:80px;
    margin:0px 0px 10px 0px;
}


div#rewards div.row div.rewards div.content p.quantity
{
    text-align:center;
    margin:0px 0px 20px 0px;
}

div#rewards div.row div.rewards div.content div.buttons, div#rewards div.reward div.content div.buttons
{
            
}

div#rewards div.row div.rewards div.content div.buttons p, div#rewards div.reward div.content div.buttons p
{
    text-align:center;    
}

div#rewards div.row div.rewards div.content div.buttons p a, div#rewards div.reward div.content div.buttons p a
{
    background-image:url('/system/images/fss/buttons/gold-left.png');
    background-repeat:no-repeat;
    padding:0px 0px 0px 6px;
    text-decoration:none;
    color:#222222;
    font-weight:bold;   
    display:inline-block;
}
div#rewards div.row div.rewards div.content div.buttons p a span, div#rewards div.reward div.content div.buttons p a span 
{
    display:inline-block;
    background-image:url('/system/images/fss/buttons/gold.png');
    background-repeat:no-repeat; 
    background-position:right;
    padding:7px 12px 9px 6px;
}

div#rewards div.reward
{
    position:relative;
    height:auto;
}

div#rewards div.reward div div.image
{
    float:right;
    display:inline;
    margin:10px 30px;
    width:120px;
}

div#rewards div.reward div.content div.buttons
{
    bottom:50px;
}

div#cart
{
    margin:20px 0px;
}

div#cart table.dataTable
{
    margin:0 auto;
}

div#cart table.dataTable thead tr th
{
    font-weight:bold;
}


/** ==================================== REFERALS ==================================== */

div#referal div.icons
{
    margin:10px 0px;
}

div#referal div.icons ul
{
    text-align:center;
}

div#referal div.icons ul li
{
    display:inline;
    margin:0px 4px;
}

div#referal div.icons ul li a
{
    text-decoration:none;
}

div#referal div.box
{
    margin:0 auto 0 auto;
    width:400px;
    border:1px solid #cbaf67;
    padding:4px;
    text-align:left;
}

div#referal div.box div.row
{
    margin:20px 20px;
}

div#referal div.box div.submit
{
    border-top:1px solid #cbaf67;
    padding:10px;
    text-align:center; 
}

div#referal table.dataTable
{
    margin:40px auto 0px;
}


div#auctions 
{
    margin:10px 0px;
}

div#auctions table.dataTable
{
    margin:0 auto;
}

div#auctions div.bidder
{
    margin:0 auto;
    width:80%;
    text-align:left;
}

div#auctions div.bid
{
    padding:30px 0px 10px 0px;
}