* { zoom:1;}

html { 
  background:url(../images/background.gif) repeat-x left center #95754e; 
  background-attachment: fixed;
  width:100%; 
  height:100%;
  margin:0; padding:0;
}

html, body { overflow-y: hidden; }

body { 
  color:#51432d;
  margin: 0; 
  padding:0; 
  font: 10px/14px Verdana, Arial, sans-serif; 
  width:100%; 
  height:100%; 
  margin:0; padding:0;
}

input {
  background-color:#ebe0c7;
  font-size:1em;
}

input:focus {
  background-color:#fff;
}

input.btn {
  background-color:transparent;
}

.radiobtn {
  color:#5f5135;
  font-size:1.1em;
  background-color:transparent;
}
 
input.fields {
  width:190px;
}

a {
  color:#2B200D;
  text-decoration:underline;
}

a.inverted, div.contentcolumn p a.inverted {
  color:#e9d6af;
  background-color:#866a46;  
  padding-left:2px;
  padding-right:2px;
  text-decoration:none;
}

a.inverted:hover, div.contentcolumn p a.inverted:hover {
  color:#e9d6af;
  background-color:#413623;  
  padding-left:2px;
  padding-right:2px;
}

div.contentcolumn p a {
  color:#82602e;
}

div.contentcolumn p a:hover {
  color:#7e6f51;
}

img#logo-print {
  display:none;
}

div#securityprint {
  display:none;
}


div#legal a {
  text-decoration:none;
}

div#legal a:hover {
  color:#e9d6af;
}

div#legalnav {
  position:absolute;
  float:left;
  width:150px;
  left:35px;
  top:45px;
  clear:both;
}

div#legalnav div {
  padding-top:4px;
  float:left;
  overflow:hidden;
}

div#legalnav div a {
  color:#7e6f51;
  text-decoration:none;
  overflow:hidden;
}

div#legalnav div a:hover {
  color:#82602e;
  text-decoration:none;
}

div.legaltitle {
  position:absolute;
  margin:0;
  padding:0;
  top:45px;
  width:444px;
  margin-left:35px;
  font-size:1.8em;
  font-weight: normal;
  line-height:1.7em;
  color:#82602e;  
}

div.legallanguages {
  position:absolute;
  width:300px;
  left:28px;
  top:84px;
  clear:both;
}

div.legallanguages div {
  text-align:center;
  padding:5px;
  float:left;
  overflow:hidden;
}

div.legallanguages div a {
  color:#7e6f51;
  text-decoration:none;
  overflow:hidden:;
}

div.legallanguages div a:hover {
  color:#82602e;
  text-decoration:none;
  font-weight:bold;
}

div.legaltext {
  position:absolute;
  top:57px;
  width:444px;
  margin-left:35px;
  margin-right:35px;
  font-size:10px;
  line-height:12px;
}

div.legaltext h3 {
  font-size:10px;
  line-height:12px;
}

div.legaltext p {
  margin-bottom:12px;
  line-height:1.5em;
}


div.legaltext p a {
  color:#82602e;
  text-decoration:underline;
}

div.legaltext p a:hover {
  color:#7e6f51;
  text-decoration:underline;
}

div.legaltext_small {
  position:absolute;
  top:124px;
  width:444px;
  margin-left:35px;
  margin-right:35px;
  font-size:10px;
  line-height:12px;
}

div.legaltext_small h3 {
  font-size:10px;
  line-height:12px;
}

div.legaltext_small p {
  margin-bottom:12px;
  line-height:1.5em;
}

div.legaltext_small p a {
  color:#82602e;
  text-decoration:underline;
}

div.legaltext_small p a:hover {
  color:#7e6f51;
  text-decoration:underline;
}


h1 {
  margin:0;
  padding:0;
  font-size:1.5em;
  font-weight:normal;
  color:#2B200D;  
}

.h1front {
  font-size:1.8em;
  font-weight:normal;
  line-height:2.8em;
  margin-bottom:0px;
  color:#2B200D;  
}

h2 {
  margin:0;
  padding:0;
	margin-bottom:10px;
  font-size:1.8em;
  font-weight: normal;
  line-height:1.7em;
  color:#82602e;  
}

h3 {
  font-size:1.1em;
  line-height:2em;
  font-weight:normal;
  margin-bottom:0px;
  color:#644821;  
}

h4 {
  color:#82602e;  
}

p {
  font-size:1.1em;
  line-height:1.6em;
  margin-bottom:2px;
}

* { outline:none; }

span.inverted {
  color:#e9d6af;
  background-color:#413623;  
  padding-left:2px;
  padding-right:2px;
}

span.error {
  color:#ae322d;
  padding-left:2px;
  padding-right:2px;
}

div.textfielderrors {
  position:absolute;
  padding:2px;
  padding-left:5px;
  padding-right:25px;
  color:#fff;
  width:275px;
  right:-160px;
  /* background-color:#ebe0c7; */
  /* background-color:#b45132; */
}

span.small {
  font-size:0.9;
}

#logo { 
  z-index:1000;
  cursor:pointer;  
  position:absolute;
  white-space:nowrap;
  opacity:0;
  filter:alpha(opacity=0);
}

#logo-print { display:none; }

#logo.noscroll { cursor:pointer; } 

#legal { 
  left: 126px; 
  position: absolute; 
  cursor: pointer; 
  white-space:nowrap; 
  z-index:10001; 
}
 
div#wrapper {
  top:0; 
  left:0;
  width:100%;
  height:100%;
  margin:0; padding:0; 
  position:absolute; 
  opacity:0;
  filter:alpha(opacity=0);
}

div.spacer-column {
  position:absolute;
  top:0px;
  left:960px;
  height:504px;
  width:65px;
}

div#firstcanvas {
  width:920px;
  height:510px;
  z-index:100;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  /*border: 1px solid #999;*/
}

div.dsflow {
  position:relative;
  left:0px;
  top:-510px;
  margin-bottom:-515px;
  height:6px;
  width:754px;
  z-index:10;
  background:url(../images/giftcards-shadow-bottom.gif);
  background-repeat:no-repeat;  
} 

div.dsright {
  position:relative;
  left:910px;
  top:-505px;
  height:510px;
  width:6px;
  z-index:11;
  background:url(../images/giftcards-shadow-right.gif);  
  background-repeat:no-repeat;  
}

div.dsrightscroll {
  position:relative;
  left:745px;
  top:-505px;
  height:510px;
  width:6px;
  z-index:11;
  background:url(../images/giftcards-shadow-right.gif);  
  background-repeat:no-repeat;  
}

div#secondcanvas {
  position:absolute;
  width:510px;
  top:0;
  left:1010px;
  margin-right:50px;
  z-index:100;
  overflow:hidden;
  background: url(../images/giftcards-content-background.jpg) repeat-x;
}

div#sccontent {
  width:460px;
  height:504px;
  position:relative;
}

div#thirdcanvas {
  position:absolute;
  width:510px;
  top:0;
  margin-right:50px;
  z-index:100;
  overflow:hidden;
  background: url(../images/giftcards-content-background.jpg) repeat-x;
}

div#tccontent {
  width:460px;
  height:504px;
  position:relative;
}

div#fourthcanvas {
  position:absolute;
  width:510px;
  height:510px;
  top:0;
  margin-right:50px;
  z-index:110;
  overflow:hidden;
  background: url(../images/giftcards-content-background.jpg) repeat-x;
}

div#fccontent {
  width:460px;
  height:504px;
  position:relative;
}

div#fifthcanvas {
  position:absolute;
  width:510px;
  height:510px;
  top:0;
  margin-right:50px;
  z-index:110;
  overflow:hidden;
  background: url(../images/giftcards-content-background.jpg) repeat-x;
}

div#sixthcanvas {
  position:absolute;
  width:510px;
  height:510px;
  top:0;
  margin-right:50px;
  z-index:110;
  overflow:hidden;
  background: url(../images/giftcards-content-background.jpg) repeat-x;
}

div.columnshadowbottom {
  position:absolute;
  left:0px;
  top:505px;
  height:6px;
  width:505px;
  z-index:10;
  background:url(../images/giftcards-shadow-bottom.gif);    
  background-repeat:no-repeat;  
} 

div.columnshadowright {
  float:right;
  top:0px;
  left:10px;
  height:550px;
  width:6px;
  z-index:11;
  background:url(../images/giftcards-shadow-right.gif);  
  background-repeat:no-repeat;  
}


div#guccigiftcard {
  width:920px;
  height:504px;
  z-index:100;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}

div.entrance {
  width:910px;
  height:510px;
  z-index:100;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  background: transparent url(../images/giftcards-entrance.jpg) repeat-x;
}

div.navcolumn {
  position:absolute;
  width:237px;
  height:504px;
  background:url(../images/giftcards-menu-background.jpg);
/*  border: 1px solid #9f2;
  background-color:#9f2; /**/
} 
 
div.navcontainer {
  font-size:1.1em;
  line-height:2.4em;
  color:#2B200D;
  position:relative;
  top:40px;
  left:37px;
  width:180px;
  height:440px;
}

div.navcontainer a {
  line-height:1.8em;
  text-decoration:none;
}

div.floatbottom {
  position:absolute;
  bottom:0;
  margin-bottom:36px;
}

div.contentcolumn {
  position:relative;
  left:237px;
  width:673px;
  height:504px;
  background:url(../images/giftcards-content-background.jpg);
  /*border: 1px solid #f29;
  background-color:#f29; /* */
}

div.contentcontainer {
  position:absolute;
  top:35px;
  left:37px;
  width:450px;
  height:440px;
}

div.numbers-container {
  padding-top:10px;
  padding-bottom:5px;
}

div#numbers-container {
  position:relative;
  float:left;
  left:23px;
  top:12px;
  width:230px;
  height:150px;
}

div#numbers-selector {
  position:relative;
  float:left;
  width:200px;
  height:72px;
  padding-top:15px;
  padding-bottom:13px;
  padding-left:19px;
  padding-right:9px;
  border: 1px solid #d7c59e;
  overflow:hidden;
}

div#numbers-line {
  position:relative;
  float:left;
  width:228px;
  height:35px;
  border: 1px solid #cab48d;
  background-color:#b69d74;
}

div#numbers-box {
  float:left;
  width:177px;
  height:35px;
  border-right: 1px solid #cab48d;
}

div#numbers-show {
  margin-left:auto;
  margin-right:auto;
  margin-top:6px;
  width:140px;
  height:20px;
  text-align:center;
  line-height:2em;
  font-size: 1.1em;
}

img.number-buttons {
  height:30px;
  width:30px;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

div.numbers-info {
  position:relative;
  float:left;
  color:#77633d;
  font-size:.9em;
  line-height:1.15em;
  left:40px;
  top:5px;
  width:120px;
  height:110px;
  padding:14px;
  padding-top:5px;
/*  border: 1px solid #d7c59e;*/
}

div.activate-btn {  
  position:relative;
  float:left;
  left:30px;
  top:12px;
  width:228px;
  font-size:.9em;
  line-height:1.15em;
  padding-top:5px;
  text-align:center;
}

div.activate-info {
  position:relative;
  float:left;
  color:#77633d;
  font-size:.9em;
  line-height:1.15em;
  left:40px;
  top:12px;
  width:120px;
  height:110px;
  padding:14px;
  padding-top:5px;
}

div#card-balance {
  position:relative;
  top:20px;
}

div#card-balance p {
  margin:0;
  font-size:1em;
  line-height:1.6em;
}

div.numbers {
  height:16px;
  width:18px;
  float:left;
  font-weight:bold;
  padding-top:2px;
  margin-right:10px;
  margin-top:-5px;
  text-align:center;
  color:#c9b284;
  background-color:#7a6245;
}

div.form-container {
  width:320px;
  height:390px;
  float:left;
}

div.form-left {
  width:110px;
  line-height:1.4em;
  float:left;
  padding-top:2px;
  clear:both;
}

div.form-right {
  width:200px;
  line-height:1.8em;
  margin-bottom:3px;
  float:left;
  white-space:nowrap;
}

div.form-submit {
  clear:both;
  padding-right:10px;
  text-align:right;
}

div.form-submit a {
  color:#7e6f51;
  text-decoration:underline;
}

div.form-submit a:hover {
  color:#82602e;
  text-decoration:underline;
}

div.margin-default {
  margin-top:55px;
}

div.margin-mid {
  margin-top:40px;
}

#login_welcome_text p {
  line-height:2.8em;
}

#block_address {
  height:100px;
  margin-top:30px;
  margin-bottom:10px;
  font-size:1.2em;
  color:#413623;
}

div.contentcolumn a {
  color:#7e6f51;
}

div.contentcolumn a:hover {
  color:#82602e;
  text-decoration:underline;
}


div.elevated-big {
  width:425px;
  height:195px;
  padding:10px;
  background: url(../images/giftcards-elevated.jpg);
  background-repeat:no-repeat;
  overflow:hidden;
}

div.elevated-mid {
  position:relative;
  top:0px;
  width:421px;
  height:115px;
  padding:10px;
  background: url(../images/giftcards-elevated-s.jpg);
  background-repeat:no-repeat;
  overflow:hidden;
}

div.elevated-mid2 {
  position:relative;
  top:0px;
  width:441px;
  height:135px;
  padding:10px;
  background: url(../images/giftcards-elevated-s2.jpg);
  background-repeat:no-repeat;
  overflow:hidden;
}

div.infocolumn {
  float:right;
  top:0px;
  width:163px;
  height:504px;
  background:url(../images/giftcards-info-background.jpg);
  /*border: 1px solid #29f;
  background-color:#29f;*/
}

div.infocontainer {
  position:relative;
  color:#77633d;
  font-size:.9em;
  line-height:1.5em;
  top:40px;
  left:25px;
  width:110px;
  height:440px;
}

div.infocontainer a, div.checkbox a {
 color:#51432d;
}

div.infocontainer a:hover, div.checkbox a:hover {
 color:#1f1505;
}

div.formerrors {
  position:relative;
  float:right;
  top:110px;
  width:270px;
  height:380px;
  margin-right:20px;
}

div#countries {
  position:absolute;
  float:left;
  width:180px;
}

a.store_location { display:block; }

div#cities_list {
  position:absolute;
  left:180px;
  width:180px;
}

div.contentcolumn div#cities_list a, div.contentcolumn div#countries a {
  line-height:1.7em;
  text-decoration:none;
  color:#51432d;
}

div.contentcolumn div#cities_list a.active, div.contentcolumn div#countries a.active {
  font-weight:bold;
}

.active {
  font-weight:bold;
}

div.contentcolumn div#cities_list a:hover, div.contentcolumn div#countries a:hover {
  color:#82602e;
}

div.contentcolumn div#cities_list h4, div.contentcolumn div#countries h4 {
  font-weight:bold;
  margin-bottom:10px;
}

div#shop_address {
  position:absolute;
  left:35px;
  top:35px;
  width:430px;
  height:400px;
}

div#shop_complete {
  position:absolute;
  left:35px;
  top:86px;
  width:430px;
  height:50px;
	z-index:99999;
}

div.storefloat {
  position:absolute;
  top:145px;
}
div.storefloat2ndcolumn {
  position:absolute;
  top:145px;
	left:220px;
}

div.printstorelist {
  margin-top:10px;
  float:right;
}

div.printstorelist a {
  color:#7e6f51;
}

div.printstorelist a:hover {
  color:#82602e;
}


/* Debug */

.float-left { float:left; }
.clear { clear:both; }

/* Form styling */

div.checkbox {
  float:left;
  position:absolute;
  margin-top:0px;
  letter-spacing:-1px;
}

div#checkbox_container_privacy {
  margin-left:107px;
}

div#checkbox_container_email {
  margin-top:0px;
  margin-left:107px;
}

div#checkbox_container_printupdates {
  margin-top:0px;
  margin-left:222px;
}

div#checkbox_container_email_reg {
  margin-top:17px;
  margin-left:107px;
}

div#checkbox_container_printupdates_reg {
  margin-top:17px;
  margin-left:222px;
}

div#checkbox_container_legal_reg {
  margin-top:0px;
  margin-left:222px;
}

input#update_personal_submit {
  position:absolute;
  margin:25px 0 0 217px;
}

input#register_submit {
  position:absolute;
  margin:38px 0 0 217px;
}

div#login_submit {
  position:absolute;
  margin:30px 0 0 197px;
}

input#login_usr_field {
  margin-right:4px;
}

input#login_pwd_field {
  margin-right:4px;
}

div#card_number {
  margin-left:25px;
  margin-bottom:3px;
}

div#sorry_not_yet {
  position:absolute;
  display:none;
  top:400px;
  width:420px;
}

input#update_personal_submit {
  position:absolute;
  margin:30px 0 0 89px;
}

/* from here on Safari ignores the CSS directives */

input#update_personal_submit {
  position:absolute;
  margin:30px 0 0 -89px;
}

div#card_number {
  margin-left:28px;
}

input#register_submit {
  position:absolute;
  margin:20px 0 0 10px;#
}


div#login_submit {
  position:absolute;
  margin:30px 0 0 201px;
}
 
input#register_submit {
  position:absolute;
  margin:42px 0 0 -88px;
}

input.fields {
}

div.form-right {
  margin:0 0 4px 0;
}


/* Safari will ignore all following rules, note the trailing # */
/* */
div.menu div.background.homepage {
  background:       url(images/menu-background.png);#
  background:       url(images/menu-background.png);#
}

