﻿*{
margin:0;
padding:0;
}

body {
font-size: 13px;
font-family: "Trebuchet MS", Arial, sans-serif; 
line-height:18px;
background: #9B9B9B url(../images/bg.gif) top center fixed no-repeat;
color: #777777; 
}

input, select {
font-family: "Trebuchet MS", Arial, sans-serif; 
color:#666666;
font-size:11px;
background: #FAFAFA;
border: 1px solid #C8C8C8;
margin:0 5px;
padding:1px 5px;
}

ul, ol {
	margin: 0 0 0 20px;
}

h1 {
font-size:21px; 
font-weight:bold; 
color: #0063B8; 
margin: 0 0 5px 0; 
text-transform:uppercase;
}

h2 {
font-size:18px; 
font-weight:bold; 
color: #0063B8; 
margin: 0 0 5px 0; 
text-transform:uppercase;
}

#redeemmsg {
	width: 96%;
	display: block;
	margin: 10px 0 10px 13px; 
	padding: 10px 0 10px 13px; 
	background-color: #CCFFCC;
	border: 1px solid #33CC33;
	border-left: 5px solid #33CC33;
}

h3 { 
font-size:13px; 
font-weight:bold; 
color: #0063B8; 
margin: 0 0 5px 0; 
}

.emp-blue {
font-weight:bold;
color:#0063B8;
text-transform:uppercase;
}

.emp-orange {
font-weight:bold;
color:#FFA800;
}

.emp-orange-ital {
font-weight:bold;
color:#FFA800;
font-style:italic;
}

.emp-white {
color:#FFFFFF;
font-weight:bold;
}

a img {
border:0;
} 

a { 
text-decoration: none; 
color: #0063B8;
}

a:hover { 
text-decoration: none; 
color: #FFA800; 
}

p {
margin: 0 0 15px 0; 
line-height: 1.64em; 
}

#x { 
clear: both; 
}

/* Form */

form {
display:inline;
}

.thirdtextfield {
width: 61px;
}

.halftextfield {
width: 95px;
}

.textfield {
width: 150px;
}

.comments {
width: 202px;
height:20px;
}

.select {
width: 209px;
}

.stateselect {
width: 64px;
}

.button{
width: 75px;
height: 20px;
padding: 0;
background:#FFA800;
color: #FFFFFF;
margin:0;
font-size:11px;
font-weight:normal;
}

.button:hover {
color: #0063B8;
background:#CCCCCC; 
}

/* Wrapper */

#wrapper {
width: 979px;
margin: 10px  auto 0 auto;
}

/* Logo */

#logo {
	float: left;
	height: 89px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* Navigation */

#navigation {
clear: left;
width:700px;
float: right;
height: 30px;
margin: -30px 0 0 0;
}
	
#navigation ul { 
float: left; 
padding: 7px 0; 
}

#navigation li { 
display: inline;  
}

#navigation li a { 
float: left; 
margin: 0 5px 0 0; 
padding: 6px 0 15px 15px; 
color:#777777;
}

#navigation li a:hover {
color:#FFFFFF;
}

#navigation li a span { 
padding: 6px 15px 15px 0; 
}

#navigation li a.current { 
background: url(../images/tableft.gif) no-repeat; 
color: #FFA800; 
}

#navigation li a.current span {
background: url(../images/tabright.gif) no-repeat right top; 
}

/* Holder */

#holder-top {
clear: both;
height: 26px;
background: url(../images/content-top.gif) no-repeat;
margin: 0 auto;
}

#holder-middle {
background: url(../images/content-middle.gif) repeat-y;
padding: 0 20px 25px 20px;
}

#holder-bottom { 
clear: both; 
padding: 6px 0 7px 0; 
background: url(../images/content-bottom.gif) no-repeat left bottom; 
}

/* Redeem Bar */

#redeem-bar {
width:895px;
padding:10px 10px 10px 15px;
margin:0 auto 10px auto;
border:1px dotted #CCCCCC;
text-align:center;
}

/* Main */
#main {
padding:20px 10px;
margin:0;
}
#rightbox {
	float:right;
	font-size: 10px;
	border: 1px dotted #ccc;
	width: 225px;
	margin: 0px 0px 35px 35px;
	padding: 10px;
	clear: both;
}
#formlabels {
	float:left;
	text-align: right;
}
#formwrapper {
float:left;
}
#formwrapper input{
width:200px;
}
#formwrapper select {
width:213px;
}
.redeembutton {
border:none;
}


/* Brands */

#brands {
background: url(../images/content-middle.gif) repeat-y;
padding:5px 0 10px 30px;
margin:0 auto;
}

#brands img {
margin:0 4px 0 0;
}

/* Convert */

.convert-a {
float: left;
width: 111px;
line-height: 2.2em;
margin: 0 12px  0 10px;
border: 1px dotted #CCCCCC;
padding:10px 90px 10px 10px;
background:url(../images/Button.jpg) right top no-repeat;
font-size:12px;
}

.convert-a a {
background:url(../images/bullet.gif) left no-repeat;
padding:0 0 0 20px;
}

.convert-b {
float: left;
width: 111px;
line-height: 2.2em;
margin: 0 12px 0 10px;
border: 1px dotted #CCCCCC;
padding:10px 90px 10px 10px;
background:url(../images/Coupons.jpg) right top no-repeat;
font-size:12px;
}

.convert-b a {
background:url(../images/bullet.gif) left no-repeat;
padding:0 0 0 20px;
}

.convert-c {
float: left;
width: 111px;
line-height: 2.2em;
margin: 0 12px 0 10px;
border: 1px dotted #CCCCCC;
padding:10px 90px 10px 10px;
background:url(../images/Mouse.jpg) right top no-repeat;
font-size:12px;
}

.convert-c a {
background:url(../images/bullet.gif) left no-repeat;
padding:0 0 0 20px;
}

.convert-d {
	width: 111px;
	line-height: 2.2em;
	margin: 0 9px 0 10px;
	border: 1px dotted #CCCCCC;
	padding:10px 90px 10px 10px;
	background:url(../images/Laptop.jpg) right top no-repeat;
	font-size:12px;
	float: right;
}

.convert-d a {
background:url(../images/bullet.gif) left no-repeat;
padding:0 0 0 20px;
}

.convert img { 
padding: 10px; 
border: 1px solid #ddd; 
margin: 0 0 5px; 
}

/* Footer */

#footer { 
padding: 11px; 
color: #777777; 
font-size:11px;
}

#footer ul {
margin:0;
padding:0;
}

#footer li {
display:inline;
margin:0;
padding:0 5px;
}

#footer a {
color:#666666;
}

#footer a:hover {
color:#FFFFFF;
}

.lefty { 
float: left; 
}

.righty { 
float: right; 
}

/* Carousel */

.stepcarousel {
position: relative; /*leave this value alone*/
z-index:0;
padding: 0;
overflow: scroll; /*leave this value alone*/
width: 943px; /*Width of Carousel Viewer itself*/
height: 209px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
width: 943px;
height: 209px;
padding: 70px 40px 0 30px;
color: #fff;
}

.stepcarousel .panel h4{ 
float:left; 
line-height:28px;  
font-size:30px;
width:400px; 
padding:0; 
margin:0; 
font-weight: normal; 
font-style:normal;
color: #AAAAAA;
}

.stepcarousel .panel h4 span { 
font-size: 18px; 
font-style: italic; 
color: #0063B8; 
}

#mygallery-paginate {
width:900px;
text-align:left;
line-height:100%;
margin:-20px 0 15px 20px;
z-index:1;
position:relative;
}
/* HighSlide */

.highslide-container div {
    font-size: 12px;
}
.highslide-html {
    background-color: #777777;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: #FFFFFF;
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #999999;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: #FFFFFF;
    background-color: #FFFFFF;
}
.indent p{
margin: -5px 0 12px 11px;
}

/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: #FFFFFF;
}
.highslide-wrapper .highslide-html-content {
    width:700px;
	height: auto;
    padding: 10px;
	color: #000000;
    background-color: #FFFFFF;
}

.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: #3B6EBF;
    text-decoration: none;
}
.highslide-wrapper .highslide-footer {
	height: 15px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
	background: url(../highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-dimming {
	background: #000000;
}

/* from global.css*/
#blue_sidebar {
	background: url(../images/blue_sidebar_box.gif) no-repeat;
	width: 240px;
	height: 362px;
	float: right;
	display: inline;
}

#blue_sidebar a{
	color: #fff;
	text-decoration: none;
}

#blue_sidebar a:hover{
	color: #fff;
	text-decoration: underline;
}

#sidebar_table {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font: 13px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
}

#sidebar_table td {
	padding-bottom: 5px;
}

#join_and_login_box {
	background: url(../images/pays_for_itself_login.gif) no-repeat;
	width: 240px;
	height: 362px;
	float: right;
	display: inline;
	z-index: 1;
}
	
#join_now_transparent_btn {
	z-index: 2;
	position: relative;
	height: 100px;
	width: 100px;
	bottom: 50px;
}	

#user_and_pass {
	width: 210px;
	float: right;
	display: inline;
	text-align: right;
	margin-top: 220px;
	padding-right: 20px;
}

#user_and_pass p {
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	padding-bottom: 7px;
	letter-spacing: 0;
}

#user_and_pass a {
	color: #fff;
	text-decoration: none;
}

#user_and_pass a:hover {
	text-decoration: underline;
}

.input_width {
	width: 138px;
	height: 12px;
	font-size: 10px;
	line-height: 10px;
}

#choose_a_section {
	clear: both;
}

/* Table Styles */

#search_results_table {
	width: 100%;
	color: #4a4a4a;
	font: 13px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
	
}

#search_results_table td {
	height: 14px;
	border-bottom: 1px solid #e3e3e3;
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: middle;
}

.coupon_value {
	font-size: 12px;
	line-height: 10px;
	font-weight: bold;
}

.small_gray_text {
	font-size: 10px;
	line-height: 12px;
	color: #8c8c8c;
	padding-bottom: 7px;
}

.gray_bg {
	background-color: #ededed;
}

.number_input_with {
	width: 25px;
}

.sixty_percent_wide {
	width: 60%;
	padding-right: 10px;
}

.twenty_percent_wide {
	width: 20%;
	padding-top: 5px;
}

#search_results_table .no_bottom_line {
	border-style: none;
	font-size: 90%;
	background-color: #f0f1f6;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	vertical-align: top;
}
/* Orange Navigation Bar and Styles */

#orange_nav {
	float: right;
	display: inline;
	background: url(../images/orange_nav_bar.gif) no-repeat;
	width: 360px;
	height: 32px;
}

#orange_nav ul{
	float: left;
	display: inline;
	list-style-type: none;
	margin-top: 8px;
	margin-left: 24px;
	height: 24px;
}

#orange_nav li {
	float: left;
	display: inline;
	
}

#orange_nav li a {
	color: #fff;
	text-decoration: none;
	padding-right: 12px;
	font: 12px Helvetica;
}

#orange_nav li a:hover {
	text-decoration: underline;
}
#account_info {
	
}

#account_table {
	margin-top: 15px;
	color: #4a4a4a;
	font: 13px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#account_table td{
	padding-bottom: 5px;
	padding-top: 7px;
	padding-left: 10px;
}

#renew_table {
}
#renew_table td {
	margin-top: 15px;
	color: #4a4a4a;
	font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#renew_table span {
	color: #4a4a4a;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#order_status_table {
	margin-top: 15px;
	color: #4a4a4a;
	font: 13px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#order_status_table td{
	padding-bottom: 3px;
}

#dining 
{	
	position:absolute;
	top:-30px;
	left:-50px;
	height:849px;
	width: 1100px;
	background: url(../images/dining.jpg) no-repeat;
	z-index:2;
}
#grocery 
{	
	position:absolute;
	top:-30px;
	left:-50px;
	height:849px;
	width: 1100px;
	background: url(../images/grocery.jpg) no-repeat;
	z-index:2;
}
#travel
{	
	position:absolute;
	top:-30px;
	left:-50px;
	height:849px;
	width: 1100px;
	background: url(../images/travel.jpg) no-repeat;
	z-index:2;
}
#shopping
{	
	position:absolute;
	top:-30px;
	left:-50px;
	height:849px;
	width: 1100px;
	background: url(../images/shopping.jpg) no-repeat;
	z-index:2;
}
#attractions 
{	
	position:absolute;
	top:-30px;
	left:-50px;
	height:849px;
	width: 1100px;
	background: url(../images/attractions.jpg) no-repeat;
	z-index:2;
}
#close
{
	z-index:3;
	font-weight:bold;
	position:absolute;
	top:620px;
	right:180px;
}
/* Content Styles */

#content {
	clear: both;
	padding-top: 20px;
	/*width: 900px;*/
}

#textbox {
	width: 496px;
	background: url(../images/text_box_bg.gif) no-repeat;
	padding: 20px;
    padding-bottom: 0px;
	float: left;
	display: inline;
}

#textbox2 {
    width: 760px;
	background: url(../images/text_box_bg2.gif) no-repeat;
	padding: 20px;
}

#history {
	width: 800px;
	background: url(../images/text_box_bg.gif) no-repeat;
	padding: 20px;
    padding-bottom: 0px;
	float: left;
	display: inline;
}

#homepage_flash {
	width: 536px;
	float: left;
	display: inline;
	margin-bottom: 25px;
}

/* Typography */

#mapAddress {
	color: #4a4a4a;
	font: 13px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
    font-weight: bold;
}

.red_text {
	color: #fe3a37;
}

.green_text {
	font-size: 90%;
	color: #2ca51b;
}

.big_total_text {
	font-weight: bold;
	font-size: 16px;
	line-height: 14px;
}

