/* Basic Layout
      ******************************** */
#template {
  color: #666;
}
#benefits, #join, #confirm, #gift {
  float:left; 
  width:580px; 
  padding-bottom: 100px;
  font-size: 12px;
  line-height: 16px;
}
#participating #benefits {
  padding-bottom: 21px;
}
#gallery {
  float:right; width:321px; 
}
#hotels {
  clear:both;
}

/* Main Content
      ******************************** */
#template h1 {
    margin:0 0 22px;
    font-family:"Helvetica Neue", Helvetica, Arial; font-size:28px; font-weight:normal; line-height:1;
}
#template #benefits #h1 {
  height:50px; width:481px;
  margin:0 0 15px;
  color:#FF3300;
  background:url(/i/TplusdefaultHeader.gif) no-repeat;
  text-indent:-9000px;
}
#template #participating h1 {
  height:26px; width:397px;
  margin:0 0 15px;
  color:#FF3300;
  background:url(/i/TPmemberHotels.gif) no-repeat;
  text-indent:-9000px;
}
#template div.brief {
  margin:0 0 15px;
}
#template h3 {
  margin:4px 0 12px;
  font-size:12px; 
}
#template #benefits p {
  font-size:12px;
  margin:8px 0;
}
#template #benefits p.links {
  clear:both;
  margin-bottom:24px;
}
#template #benefits p.links a {
  display: inline-block;
  display: inline;
  #margin: 10px 15px 0 0; /* #1587 */
  padding: 0;
}
#template #benefits em {
  font-weight:bold; font-style:normal;
}
#template h3.whatyouget {
  margin: 25px 0 14px;
}
#template h3.plushotellist {
  margin: 34px 0 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  clear: both; 
  font-size:12px; font-weight:bold; color:#333;
}
#benefits ul {
  margin:15px 0; padding:0 40px;
  list-style-position:outside;
  list-style-type:square;
}
#benefits ul li {
  margin:0 0 4px; 
  list-style-position:outside;
  list-style-type:square;
  line-height:normal;
}
#template #benefits ul.benefits li p {
  margin:0; padding:0;
}
.title {
  font-weight:bold;
}
#benefits ul.benefits li p.title {
  font-weight:bold;
}
#benefits ul.lists li {
  display:inline;
  margin:0 15px 0 0;
}
#benefits div.additional {
  padding:10px 0 0;
}
#benefits div.additional p.books {
  float:left; margin:0; padding:0 15px 10px 0;
}

p.button a {
  display:block;
  height:43px; width:357px;
  padding:0 0 3px 0;
  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC;
  background:url("/img/talk/bottom-border-grey.gif") bottom left repeat-x;
  font-family:Helvetica Neue, Arial; font-size:2em; line-height:43px; text-align:center;
}
#confirm p {
  margin:0 0 12px;
}
#confirm div.confirm-text {
  width:480px;
}
/* Join Form
      ******************************** */
div.secured {
  position:absolute; margin:0 0 0 500px;
}

div.field a {
   color:#FF3300;
}

#profileNamePopupLink, .promoCodePopupLink {
    display:inline;
    margin-left: 10px;
}
#profileNamePopup, .promoCodePopup {
    background: #D8EAF4; 
    border:1px solid #ccc;
    margin: 0 0pt 15px; 
    padding: 8px 10px; 
    width: 340px;
}
.promo {
    margin: 35px 0;
}
.membershipInfoField {
    background:#EEEEEE none repeat scroll 0 0;
    margin: 0 0pt 15px; 
    padding: 8px 10px; 
    width: 500px;
}
.membershipInfoField span {
    display: block;
    
}
#firstYearMembershipLabel {
    font-weight:bold;
    color: #000000;
    float: left;
}
#firstYearMembershipValue {
    font-weight:bold;
    color: #000000;
    float: right;
}
#firstYearMembershipComment, #firstYearMembershipError {
    clear: both;
}
#firstYearMembershipError {
    color: red !important;
}

#profile a, #profile .sep {
    vertical-align: top;
    margin-left: 3px;
}
div.field#agree {
    margin-bottom: 20px;
}
#template #plussignup input.submit[type="image"] {
    margin-top: 15px;
}
/*div.field {
  margin:0 0 8px; 
  /*padding:0 0 6px; 
  clear:both;
}*/
div.field label {
  display:block;
  float:left;
  width:150px;
  padding:3px 5px 0px 0;
  color:#666; 
  line-height: 14px;
}
#loginaccount div.field label,
div.login div.field label {
  width:250px;
  width:277px;
}
div#name_on_card, div#first_name {
    margin-top: 20px;
}
/*
div.field input,
div.field select,
div.field span.input {
  display:inline;
}
*/
div.field p.value {
  font-size:1.1em; color:#000;
}
/*
#plussignup input,
#plussignup textarea {
    background: none;
    border: none;
}
*/
#template div.text input,
#template div.file input,
#template div.select input {
    width:200px;
}

#template div.text input#cvv {
    width: 45px;
}

/*
#template div.text input,
#template div.file input,
#template div.select input {
    background: none;
    width:200px;
    padding:4px 5px 3px;
    border-top:1px solid #949494; border-left:1px solid #949494;
    border-right:1px solid #D9DAD4; border-bottom:1px solid #D9DAD4;
    vertical-align:middle;
}
*/
div.checkbox label {
  float:none;
  width:400px;
  margin-left:25px;
  line-height:14px;
}
div.checkbox input {
  float: left;
  border: none;
}
span.input input {
    display: none;
}

div.longtext {
  height:90px; width:500px;
  overflow: auto;
  overflow-y: auto;
  margin:14px 0 20px; padding:10px;
  border:1px solid #CCC;
}
div.longtext p {
  margin-bottom:12px;
}
p.button {
  margin:20px 0 0;
}
p.button button {
  display:block;
  height:43px; width:357px;
  padding:0 0 3px 0;
  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; border-bottom:0;
  background:url("/img/talk/bottom-border-grey.gif") bottom left repeat-x;
  font-family:Helvetica Neue, Arial; font-size:2em; line-height:43px; text-align:center; color:#F30;
  cursor:pointer;
}

/* Gift Tablet Plus
      ******************************** */
#gift h2 {
  height:27px; width:334px;
  margin:0 0 6px;
  color:#FF3300;
  background:url(/press/TPGiftHead_Eng.gif) no-repeat;
  text-indent:-9000px;
}
#gift h4 {
	margin:18px 0 12px;
	color:#FF3300; font-size:12px; font-weight:normal;
}
#gift p.subtitle, #gift p.intro {
	margin:0; font-size:1.2em;
}
#gift p.hint {
	margin:0 0 1em;
}
#giftquestions {
  float:right;
  width:321px;
}
#giftquestions h4 {
	font-size:1.2em; font-weight:normal; color:#333;
}
#giftquestions p {
	margin:4px 0 12px; padding:0;
}
div.recipient {
	margin:32px 0;
}
#accountquestion {

}
#createaccount, #loginaccount {
	display:none;
}
#createaccount h4 {
	margin-bottom:4px;
}
#gift div.longtext {
	margin-top:20px;
}
#createaccount div.submit {
	margin:20px 0 0;
}
#gift div.radio {
	position:relative;
	margin:0; padding:0;
	line-height:26px;
}
#gift div.radio label {
	display:inline;  
	position:relative; height:auto; width:auto;
	float:none;
	margin:0; padding:0 0 0 20px;
}
#gift div.radio input {
	position:absolute; left:0; top:0;
	height:12px; width:12px; 
	margin:0;padding:0; border:0;
}
#fromaccount {
	clear:both;
	padding:8px 0 0;
}
#fromaccount.hasaccount #loginaccount,
#fromaccount.noaccount #createaccount {
	display:block;
}
#profileForm, #creditCardForm {
	position:relative; width:520px;
}
#profileForm div.secured,
#creditCardForm div.secured {
	position:absolute; right:0; bottom:0;
}

#gift div.about p.lead {
	margin:0;
}
#gift p.instruct {
	margin:24px 0 0;
}
#gift div.about p.lead, #gift div.about p.title {
	font-weight:bold;
}
#gift ul.benefits {
	padding:0 0 0 15px;
}
#gift ul.benefits, #gift ul.benefits li {
	list-style-type:disc;
}
#gift ul.benefits p {
	margin:2px 0;
}

/* Image Gallery
      ******************************** */

/* List of hotels in countries
      ******************************** */
#hotels div.country {
  padding:0 0 15px;
}
#hotels div.col {
  /* width:145px; (for 5 columns) */
  width:185px; /* (for 4 columns) */
  float:left;
  padding:0 15px 0 0;
}
#hotels div.last {
  padding:0;
}

#hotels div.country h3 {
  margin:0 0 8px;
  text-transform:uppercase;
  font-size:1.2em;
  font-weight: bold;
}
#hotels div.country ul li {
  margin: 0 0 4px;
}
#hotels div.country ul li.city {
  margin:8px 0 4px;
}
#hotels div.country div.amenities {
  display:none; position:absolute; width:245px;
  padding:15px;
  background:#e7f5fc; border:1px solid #d2edf9;
}

#hotels div.country div.amenities ul li {
  padding:0 0 0 12px;
  background:url("/img/global/th3/small-bullet.gif") 2px 4px no-repeat;
}

#hotels p {
  margin: 0;
}
#hotels p.hotel {

}
#hotels p a.privileges {
  font-size:9px;
}
#profile label {
    display: block;
    padding-bottom: 3px;
}
#profile select {
  margin:0 0 10px;
}
div.pluserrors {
  padding:0 0 10px;
}

#profileNameBlock {
   display: block;
}

/************************************
** login box
*************************************/
div.login h3 {
   background: transparent url(/i/membersLogin.gif) no-repeat scroll 0%;
   height:16px;
}

div.backtotop {
  clear:both;
}

/* Specific to opt out page's left alignment */
div.optoutlogin {
	background:transparent url(/img/talk/login-background.gif) repeat-x scroll left bottom;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	clear: right;
	float: left;
	margin: 1px 1px 0;
	padding: 13px 18px 20px;
	width: 282px;
}

/*
Michael's extra css
*/
body #participating {line-height:1em;}
.right {float:right; width:400px; margin-right:7px;}
.left {float:left; width:450px;}
.hotelImage {float: left; width:100px;}
.amenities {float:left; width:300px; margin:0 0 8px 0; padding:0px;}
a:link   {color:#ff3300; text-decoration:none; }
a:visited   {color:#ff3300; text-decoration:none; }
a:active   {color:#ff3300; text-decoration:none; }
a:hover {color:#ff3300; text-decoration:underline; }
#template #participating .spacerfifteen {height:15px;width:4px;}
#template #participating .spacerthirty {height:30px;width:4px;}
#template #participating .spacertwenty {height:20px;width:4px;}
#template #participating .spacerfive {height:5px;width:4px;}
.topblock {width:800px; height:auto; text-align:left;margin:10px 0px 30px 0px; padding:0px; }
.content {width:400px; height:auto; text-align:left;margin:10px 0px 0px 3px; padding:0px; }
#template #participating .country {width:400px; margin:0px 0px 5px 0px; color:#fff;padding:3px; text-align:left; font-size:10px; font-weight:bold; background-color:#999;}
#template #participating .city {width:400px; color:#666;margin:10px 0px 5px 0px; padding:0px 2px 5px 2px; text-align:left; font-size:10px; font-weight:bold;border-bottom:1px solid #ccc;}
#template #participating .hotel {width:400px; margin:5px 0px 8px 0px; padding:5px 2px 0px 2px; text-align:left; font-size:11px; font-weight:bold;}
#template #participating p {font-weight:normal; font-size:10px;margin:3px 0px 0px 0px; padding:0px;}
#template #participating p.lead {font-weight:normal; font-size:11px;margin-top:5px; padding-top:0px;line-height:14px;}
#template #participating .hotel .amenities li { padding: 0px; margin-top: 4px; border: 0px;font-size:9px; font-weight:normal; list-style-type: disc; }
#template #participating ul {list-style:square;margin:0px 0px 0px 15px;padding:0px;}
.clr { font-size: 1px; clear:right;height: 1px;width:1px;margin:0px; padding:0px;}
.clrL { font-size: 1px; clear:left;height: 1px;width:1px;margin:0px; padding:0px;}

/* top links / language */
#selectlang {
  font-size:9px; 
  line-height:10px;  
  text-align:left;
}
#selectlang a {
  visibility:hidden;
  padding: 2px 0;
  margin:0 0 0 px;
}
#selectlang.current a {
  visibility:visible;
}
.hidden {
    display: none;
}

/* div.login in this file overrides some things from main-th3.css */
#div.gift div.login {
   float: left;
   border: none;
   background: none;
   padding: 0;
}

#TabletPlusPartners{
    clear:both;
    width:943px;
    margin-bottom:30px;
    margin-top:0px;
    padding:0px;
}
#TabletPlusPartners hr{
    width:100%;
    height:1px;
    padding:0px;
    color:#CCCCCC;
    margin:4px 0px;
}

.TabletPlusPartner{
    background-color:#EEEEEE;
    padding:26px 5px 26px 24px;
}
.TabletPlusPartner .title{
    color:#FF3300;
    margin-bottom:20px;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
}
.TabletPlusPartner .body{
    width:540px;
    float:left;
}
.TabletPlusPartner .image{
    float:left;
    text-align:center;
    width:340px;
    margin-left:21px;
    overflow:hidden;
}

#tabletPlusHeader{
    margin-bottom:22px
}

#TabletPlusStack{
    width:340px;
    height:420px;
    float:right;
}
#template #benefits {
  width:520px;
  padding-bottom:0px;
  margin-bottom:24px;
}
#template #benefits-bottom {
  width:520px;
  padding-bottom:100px;
  padding-top:0px;
  margin:0px;
  font-size: 12px;
  line-height: 16px;
}



#join #bookingLogin div.fields {
    float:none;
}
.brief #instructions ol {
   list-style-position: inside;
   list-style-type: decimal;
}

#mainvisual {
    padding-top: 15px;
    display: block;
    padding-bottom:15px;
    width:900px;
    border-bottom: solid 1px #999;
}

#description {
    width: 900px;
    font-size: 18px;
    font-family:arial;
    text-transform:uppercase;
    line-height: 20px;
    padding:  0px 0px 0px 0px;
    color:#ff3300;
}

#overview {
    font-size: 8pt;
    line-height: 14pt;
    padding-top:20px;
    padding-bottom: 25px;
    width: 298px;
    float: left;
}

#overview p {
    margin-bottom: 10px;
    color: #444444;
}

.campaign {
    padding-top:20px;
    float: left;
    padding-left: 32px;
    width: 572px;
    padding-bottom: 25px;
}

.campaign table {
    width: 480px;
    float: left;
}

.campaign table td {
    width: 240px;
    padding: 0 30px 8px 0;
}

.campaign ul.ltcol {
    width: 250px;
    padding-right: 42px;
    float: left;
}

.campaign ul.rtcol {
    width: 250px;
    float: left;
}

.campaign ul li {
    padding: 0 0 6px 0;
    height: 40px;
}

.campaign table.checkboxes {
   width: 580px;
   margin-top:15px;
   margin-bottom: 8px;
   border-bottom: 1px solid #CCCCCC;
   font-size: 12px;
   line-height: 16px;
   color: #444444;
}
.campaign table.checkboxes label {
    color: #444444;
}
.campaign table.last {
    margin-top: 8px;
    margin-bottom: 0px;
    border-bottom: none;
}
.campaign table.checkboxes td.submit {
   width: 70px;
   vertical-align: bottom;
   padding-bottom: none;
}

.campaign input.submit {
   padding-left: 5px;
   margin-top:7px;
}

.campaign table.checkboxes p.checkbox_pair {
  clear: both;
  float: none;
  position: relative;
}

.campaign table.checkboxes p.checkbox_pair input {
  position: absolute;
  left: 0;
  top: -4px;
  border: none;
}

.campaign table.checkboxes p.checkbox_pair label {  clear: left;
  display: block;
  margin-left: 25px;
  padding-top: 0px;
  width: 429px;
}

div#errors {
    margin-bottom: 10px;
    width: 880px;
    padding: 5px 10px;
}

div#flash {
    width: 888px;
}

div#errors ul li {
    list-style-type: square;
    margin-left: 10px;
}
#previous {
    float: left;
    clear: both;
}
#previous h2 {
    padding: 0px 0px 20px 0;
    clear: both;
}
#previous ul {
    width: 900px;
}
#previous ul li {
    width: 106px;
}

#previous ul li#newwinner div.winner {
    height: 38px;
}


#previous ul li span.winnerloc {
    padding-bottom: 10px;
}

#previous ul li span.quote {
    padding-top: 18px;
}

#previous ul li {
    float: left;   
    padding: 0 21px 25px 21px;
}

div.lastclear {
    clear: both;
    padding-bottom: 52px;
}

.campaign label {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #666666;
}

.campaign input.text_input {
    width: 244px;
}

#newsletter_sweepstakes {
    min-height: 500px;
    height:auto !important;
    height:500px;
    
}

#newsletter_sweepstakes h1 {
    color:#FF3300;
    font-size:21px;
    line-height:21px;
}

#newsletter_sweepstakes h2 {
    width: 640px;
    padding: 30px 0 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid gray;
}

#newsletter_sweepstakes div#plaxo {
    margin-top: -20px;
    margin-left: 670px;
    border: 1px #CCC solid;
    -moz-border-radius: 10px;
}

#newsletter_sweepstakes div#plaxo p {
    margin: 15px auto 20px;
    width: 225px;
    font-weight: bold;
}

#newsletter_sweepstakes div#plaxo table {
    margin: auto;
    margin-bottom: 15px;
    border-collapse: collapse;
}

#newsletter_sweepstakes div#plaxo table td {
    padding: 0 2px;
    margin: 0;
}

#newsletter_sweepstakes form {
    float: left;
    clear:both;
    width:646px;
}

#newsletter_sweepstakes ul {
    float: left;
}

#newsletter_sweepstakes input.text_input {
    width: 300px;
    margin-bottom: 10px;
}

#newsletter_sweepstakes label {
    display: block;
}

#newsletter_sweepstakes div#recipient_list_entry {
    width:306px; float:right;
}

#newsletter_sweepstakes div#recipient_list_entry textarea {
    width: 300px;
    height: 100px;
}

#newsletter_sweepstakes div#message {
    margin-top: 30px;
    clear: both;
}

#newsletter_sweepstakes div#message textarea {
    width: 640px;
    height: 100px;
    margin: 15px 0;
}

#newsletter_sweepstakes p.summary {
    padding-top: 15px;
    width: 640px;
    font-size: 8pt;
    line-height:14pt;
    
}

.campaign td.partnerPromptSection{
    padding:0px;
}

/* new styles for new sweepstakes/winners page */
#overview div {
    padding-left: 10px;
    font-size: 12px;
    line-height: 16px;
}
#overview #latest-winner {
    padding-left: 0px;
    margin-top: 24px;
}
.prizethumb img {
    border: 2px solid #999999;
}
#latest-winner .latestwinner {
    display: block;
    margin-bottom: 12px;
}
#latest-winner .prizethumb {
    float: right;
    padding: 0px 0px 12px 15px; 
}
#latest-winner .congrats {
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}
#latest-winner .quote {
    font-size: 11px;
    line-height: 15px;
    margin-top: 8px;
    color: #444444;
}
#latest-winner .author {
    font-weight: bold;
    padding-left: 0px;
}