﻿/* Keeping consistent - cross browsers */

h1 { 
	font-size: 2em; 
	margin: 0 0 0.3em 0;
}
h2 { 
	font-size: 1.5em; 
	margin: .83em 0 
}
h3 { 
	font-size: 1.17em; 
	margin: 1em 0 
}
p, hr { 
	margin: 1.1em 0 
}
th {
	text-align:left;
}

/* CUSTOM */

body {
	background-color:#1F1F1D;
	font-family:Arial;
	font-size:11px;
	margin:0px;
}
#wrapper {
	width:1000px;
	background-color:#333333;
	margin:0px auto;
	text-align:left;
}
#header {
	vertical-align:bottom;
}
#banner {
	height:197px;
}

#wood {
	float: left;
	position:absolute;
}

#paper {
	float:right;
	position:relative;
}

#addthisbutton {
	text-align:right;
}

#logo {
	margin:20px;
	float:left;
}
#menu {
	padding: 0;
	margin: 0;
	height:32px; 
	overflow:hidden;
	position:relative;
}
#menu a {
	padding: 0;
	margin: 0;
}
#menu a.selected {
	background: #2580a2 url("/images/menu/hover.gif") bottom center no-repeat;
	float: left;
	margin: 0;
	text-decoration: none;
	font-weight:normal;
}
#menu a.refer {
	width:194px;
	padding:5px 0px;
	text-align:center;
}

#menu a:hover {
	background: #2580a2;
	color: #fff;
	padding-bottom: 5px;                    
}
a.refer-button {
	background: #02a787;
	color: #fff !important;
	display: block;
	float: left;
	margin: 0;
	padding: 5px 20px;
	text-decoration: none;
	font-weight:normal;
}
a.refer-button:hover {
	background: #2580a2 url("/images/menu/hover.gif") bottom center no-repeat;
	color: #fff;
}
span.refer-text {
	display: block;
	margin: 0;
	padding: 5px 20px;
}
h1 {
	font-size:28px;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:14px;
}
#content {
}
a {
	color:#00b3e2;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#00b3e2;
}
table.border, table.border td, table.border th {
	border:1px solid #e6e6e6;
	border-collapse:collapse;
}
table.border td, table.border th {
	padding:6px;
}
table.border th {
	background-color:#e6e6e6;
}
hr {
	border: 0px;
	height: 3px;
	color: #e1e1e1;
	background-color: #e1e1e1;
	margin:0px -20px;
	clear:both;
}
a.focus, input.button, input.subButton {
	color:white;
	background-color:#02a787;
	text-decoration:none;
	font-weight:bold;
	padding:5px 8px;
	font-size:12px;
	border:0px;
}
a.focus:hover {
	background-color:#000;
}
a.focus:visited {
	color:white;
}
input.subButton {
	background-color:#02a787;
	font-size:9px;
	padding:2px;
	font-weight:normal;
}
p.terms {
	color:#666;
	font-size:10px;
	margin-top:80px;
}
#footer {
	font-size:10px;
	clear:both;
	background-color:#1F1F1D; 
	color:#666;
	padding-top:10px;
}
#footerContent {
	text-align:left; 
	float:left;
	width:700px;
}
#footerContent a {
	color:white;
}
#footerLogo {
	text-align:right;
}
#footerLogo img {
	vertical-align:top;
	margin-left:10px;
}
form {
	margin-top:20px;
}
.row {
	clear:both;
	margin-bottom:4px;
}
.row .label {
	width:150px;
	text-align:right;
	float:left;
	margin-right:10px;
	font-weight:bold;
	color:#333;
}
.row .checkboxField {
	float:left;
}
.row .field {
	float:left;
	width:350px;
}
.row .label, .row .field {
	margin-bottom:4px;
}
.row .field h2 {
	font-size:16px; 
	margin-top:10px; 
	margin-bottom:0px; 
	font-weight:bold;
}
.row .checkboxLabel {
	float:left; 
	margin-top:4px; 
	width:400px;
	margin-bottom:8px;
}
.field p {
	margin-top:5px; 
	margin-bottom:10px;
}

span.red_star {
	color:red;
	font-weight:bold;
}
h2 span.red_star {
	font-size:16px;
}
.row * {
	font-size:11px;
}
.explanation {
	font-size:9px;
	color:#999;
}
p.explanation {
	clear:both;
	padding-top:20px;
}
strong.count {
	font-size:25px; 
	vertical-align:middle;
	font-weight:bold;
}

#rewards, #holidays {
	border-collapse:collapse;
	border:1px solid #CCC;
	clear:both;
}

#rewards td, #holidays td {
	padding:5px;
	border-bottom:1px solid #CCC;
	vertical-align:top;
}

#rewards h3 {
	margin-top:5px;
	margin-bottom:10px;
}

#holidays h3 {
	margin:5px 0px 0px 0px;
}

#rewards p.desc {
	margin:0px;
	padding:0px;
}
#rewards p.btn {
}

#holidays .price {
	text-align:center; 
	vertical-align:middle;
}
.large {
	font-size:13px;
}
td.dimension {
	text-align:center;
}
.small {
	font-size:11px;
}

/* -------------------------------------------------------- */

input, select, textarea {
    background-color:#D0D0BE;
    border-width:0px;
    padding:2px 0px;
    font-size:11px;
}
input, textarea {
    padding:4px 4px;
}
select {
	padding-top:5px;
	padding-bottom:5px;
}
label {
    display:block;
	font-weight:bold;
}
.row {
    height:33px;
	clear:both;
}
.row div {
    float:left;
}
.field-gap {
    margin-left:10px;
}
.field-1 input, .field-1 select {
    width:358px;
}
.field-1-2, .field-2-2 {
	overflow:hide;
}
.field-1-2 input, .field-2-2 input {
    width:170px;
}
.field-1-2 select {
    width:178px;
}
.field-1-4 input {
    width:81px;
}
.field-3-4 input {
    width:259px;
}
input.field-success, select.field-success {
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-image:url('../images/tick.gif')
}
input.field-invalid, select.field-invalid {
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-image:url('../images/cross.gif')
}
label.field-invalid {
	font-size:9px;
	color:red;
}

/* -------------------------------------------------------- */

.share-box {
    padding:5px 10px;
    color:black;
    background-color:#ebebe2;
    text-align:left;
    border-top:1px solid #FFF;
	margin-right:10px;
}
.share-box .email {
	color:#a6a696;
	font-size:9px;
}
.share-box a {
    float:right;
}

/* -------------------------------------------------------- */

/* Custom Icons */
.addthis_toolbox .custom_images a {
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;
}
.addthis_toolbox .custom_images a img {
    opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
}

/* -------------------------------------------------------- */

input.field-success {
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-image:url('/images/tick.gif')
}
input.field-invalid {
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-image:url('/images/cross.gif')
}
select.field-success, select.field-invalid {
	background-image:none;
}
label.field-invalid {
	font-size:9px;
	background-color:#d43333;
	padding:2px 5px;
	color:#e4c6c6;
}

