body {font: 100.1%/1.4 arial, tahoma, verdana, sans-serif}

a {text-decoration: underline; color: #798082}
a:focus,
a:hover,
a:active {text-decoration: none}

legend {display: none}

#site {width: 830px; margin: 0 auto; font-size: 87.5%; position: relative}
#header h1 {text-indent: -9999em; height: 163px; background: transparent url(../images/lasoo-header.gif) 0 0 no-repeat}
#sidebar {float: left; width: 506px; height: 521px; position: absolute; left: -52px; background: transparent url(../images/sale.gif) 0 0 no-repeat}
#content {float: right; width: 366px; height: 521px}
	#content .group {padding: 66px 32px 0 0}
#footer {clear: both; font-size: .714em}
	#footer p {color: #a1a1a1}
	#footer ul {text-align: center; margin: 8px 0}
	#footer li {display: inline; padding: 0 4px 0 6px; background: transparent url(../images/bullet-bar-grey.gif) 0 60% no-repeat}
	#footer li:first-child {background: none}
		#footer li a {color: #a1a1a1}
		
.heading-image {position: relative}
	.heading-image span {position: absolute; left: 0; top: 0}

.heading-never {width: 339px; height: 152px}
	.heading-never span {width: 339px; height: 126px; background: transparent url(../images/heading-never-miss.gif) 0 0 no-repeat}
.heading-refer-friend {width: 339px; height: 122px}
	.heading-refer-friend span {width: 339px; height: 120px; background: transparent url(../images/heading-refer-friend-title.jpg) 0 0 no-repeat}
.heading-refer-friend-text {width: 339px; height: 59px;}
	.heading-refer-friend-text span {width: 339px; height: 53px; background: transparent url(../images/heading-refer-friend-text.jpg) 0 0 no-repeat}
.heading-thank-you {width: 312px; height: 40px; margin: 4px 0 17px 38px}
	.heading-thank-you span {width: 312px; height: 91px; background: transparent url(../images/heading-thank-you2.jpg) 0 0 no-repeat}
	
.heading-thank-you-final {width: 400px; height: 40px; margin: 4px 0 17px}
	.heading-thank-you-final span {width: 400px; height: 91px; background: transparent url(../images/heading-final-thank-you.jpg) 0 0 no-repeat}

.heading-thank-you-text {width: 392px; height: 30px; left:-10px; margin: 6px 0 17px}
	.heading-thank-you-text span {width: 392px; height: 30px; background: transparent url(../images/heading-thank-you-text.jpg) 0 0 no-repeat}

.button {display: block; position: relative}
	.button span {position: absolute; left: 0; top: 0; cursor: pointer}

.button-click-here {margin: 0 auto 0 80px; width: 218px; height: 71px}
	.button-click-here span {width: 218px; height: 71px; background: transparent url(../images/button-click-here.gif) 0 0 no-repeat}
.button-refer-friend {margin: 0 auto 0 80px; width: 218px; height: 81px}
	.button-refer-friend span {width: 218px; height: 71px; background: transparent url(../images/button-refer-friends.jpg) 0 0 no-repeat}
.button-click-here-blue {margin: 0 auto 0 110px; width: 163px; height: 71px}
	.button-click-here-blue span {width: 163px; height: 71px; background: transparent url(../images/button-click-here-blue.jpg) 0 0 no-repeat}


	
.entry-form-details table {width: 338px}
.entry-form-details .field {width: 195px}
.entry-form-details .emailfield  {width: 160px}
.entry-form-details .entry-terms-container {padding: 4px 0 10px}
.entry-form-details th {width: 127px; text-align: right; padding: 1px 0 5px; color: #798082}
.entry-form-details td {padding: 2px 0 2px 10px}
.entry-form-details th {padding-bottom: 2px}
.entry-form-details label {color: #798082}
.entry-form-details .membership {text-align: right; color: #798082; font-size: .81em; font-weight: bold; text-transform: uppercase}
.entry-form-details .button-container {text-align: right}
.entry-form-details .entry-terms-container {font-size: .81em; color: #798082; text-align: right}

#emailfriend-form .entry-form-details th {width:180px}
.blue {color: #166dba;}


/* =simplemodal */

#modalOverlay {
  background-color:#000;
}

#modalContainer {
  min-width:200px;	
  left:50%;
  top:25%;
  margin-left:-175px; /* half the width, to center */
  background-color:#fff;
  border: 2px solid #1d6db6;
}

.modalData {padding: 1em}
.modalInfoPanel {padding:25px; width: 300px}

.modalpopup {display: none}
#modalContainer .modalpopup {display: block}