/**************************************************************/
/*                   Barebone Framework                       */
/*                                                            */
/*              Developed by SYZYGY UK LTD                    */
/*                                                            */
/*         Project:	Debeers Forevermark Consumer              */
/*         Module:	Base						              */
/**************************************************************/

/**********************/
/*      General       */
/**********************/
html, body	{ margin: 0; padding: 0 }
body		{ font: 0.75em arial, helvetica, sans-serif; text-align: center }
p			{ margin: 0 0 10px }
a			{ color: #000; }
a img		{ border: none; }
h3			{ font-size: 1.2em; }
h1, h2, h3	{ font-weight: 500; }
#ext-container	{ float: left; width: 100%; min-width: 980px; }
.container		{ text-align: left }
.container		{ float: left; width: 100%; min-width: 980px; min-height: 385px; overflow: hidden; /*background-color: #fff;*/ margin: 0 auto } /* Added: float: left; width: 100% */
.wrapper		{ width: 980px; margin: 0 auto;}
#extra			{ float: right; width: 350px }
.hide           { display: none; }
.clickable      { cursor: pointer; }
.leftFull       { float: left; width: 92%; }
.cell-wrap      { word-break: break-all; }

/**********************/
/*      Classes       */
/**********************/
/* Rows */
.row				{ float: left; width: 979px; height: 385px; }
.row-1				{ float: left; width: 849px; }
.row .wrap			{ float: left; padding: 20px 30px 0; }
.row .col-1 .wrap	{ padding: 20px 20px 0; }
.row .col-2 .wrap	{ padding: 20px 0 0 30px; }

/* Columns */
.col-1		{ float: left; width: 354px; height: 385px; overflow: hidden; }
.col-2		{ float: left; width: 371px; height: 385px; }
.col-last	{ float: left; width: 283px; height: 385px; }
.col-scroll	{ width: 574px; height: 336px; overflow: auto; }
.full-scroll	{ float: left; width: 949px; height: 336px; overflow: auto; }

/**********************/
/*      Header        */
/**********************/
#header		{ float: left; width: 100%; min-width: 980px; height: 127px; text-align: center; padding-top: 8px; }
#header span{ width: 198px; margin: 15px auto 0; }
#header a	{ color: #666; text-decoration: none; }


/**********************/
/*      Content       */
/**********************/
.content	{ width: 980px; min-height: 385px; margin: 0 auto; }
.content p	{ line-height: 1.4 }

#languageform #lower-bar { border-top: none; }
#lower-bar	{ float: left; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #a4a4a4; padding: 0; }
#search a	{ color: #000; text-transform: uppercase; text-decoration: none; background: transparent url(../images/magnifier.gif) no-repeat 0 0; padding-left: 18px; }
var.lightbox-href { display: none !important; }

/*-- B - Send to a friend --*/
#send-to-friend                     { padding-right:1em;margin-top: 10px; }
#send-to-friend a                   { color: #333; background: transparent url(../images/email_icon.gif) no-repeat 0% 2px; padding-left: 22px; text-decoration:none;}
.send-to-friend-link                { padding-right:1em;margin-top: 10px; display:inline; }
.send-to-friend-link a              { color: #333; text-decoration:none;}
.send-to-friend                     { padding-right:1em;margin-top: 10px; display:inline;}
.send-to-friend a                   { color: #333; background: transparent url(../images/email_icon.gif) no-repeat 0% 2px; padding-left: 22px; text-decoration:none;}

/*-- E - Send to a friend --*/

#sign-up-for-exclusive-updates a {text-decoration:none;}

/* -- Skywire --*/
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}

/**********************/
/*      Footer        */
/**********************/
#footer			{ clear: both; width: 100%; font-size: 0.8em; text-align: center; position: relative; top: 40px; }
#footer ul		{ list-style-type: none; margin: 0; padding: 1px 10px }
#footer ul li	{ display: inline; padding: 0 5px; border-right: 1px solid #666; }
#footer li.last	{ border-right: none; }
#footer a		{ color: #666; text-decoration: none; text-transform: uppercase; }
#copyright		{ margin: 10px 0; line-height: 1.3em; color: #999; }
#footnote		{ clear: both; width: 100%; font-size: 0.8em; text-align: center; color: #666; }

/*----------POPUP STYLE-----------*/
.progressbg
{
    background-color: #ffffff;
    bottom: 0px;
    filter: alpha(opacity=70);
    left: 0px;
    opacity: 0.7;
    position: fixed !important;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    vertical-align: middle;
    z-index: 100001;
}
.progress
{
    background-color: #000000;
    bottom: 50%;
    color: #9999CC;
    font-weight: bold;
    left: 40%;
    padding: 5px 10px;
    position: fixed !important;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 100001;
}
.progress img
{
    padding-top: 5px;
    vertical-align: middle;
}

#helppopup
{
    background-color: #ffffff;
    bottom: 50%;
    left: 40%;
    position: fixed !important;
    position: absolute;
    vertical-align: middle;
    z-index: 100001;
    border:solid 1px #000000;
    width:320px;
}
.popupheader{font-weight:bold; padding:5px 0px;}
.helpdiv{font-weight:bold; padding: 0px 2px; height:29px; }

#helppopupClose {width:21px; height:29px; cursor:pointer; vertical-align: middle; display:inline-block; border-style: none !important;  }
.helpbody {padding: 5px}

.backgroundPopup { display:none; position:fixed; -position:absolute; height:100%; width:100%; top:0; left:0; background:#ece9e7; z-index:999998; }
.popupcol-l{ display: inline;float: left;margin: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;}
.popupcol-r{ display: inline;margin: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;}
.popuptext {font-weight: normal; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; padding-top: 2px;}
.tctext {font: 1em arial, helvetica, sans-serif;font-weight: normal;}