html, body {
height:100%;
overflow:inherit;
background:#eee;
}

body {
margin:0px;
padding:0px;
}

body, td, div, span, p {
font-family:Arial,Helvetica;
font-size:13px;
color:#000;
}

#container {
min-height:100%;
width:978px;
margin:0px auto;
background:url(../images/content-bg.png) repeat-y;
}
* html #container { 
height:100%;
}

#container-inner {
width:964px;
position:relative;
left:7px;
}

#header {
height:98px;
background:url(../images/header-bg.png) repeat-x;
position:relative;
}

#logo {
position:absolute;
left:6px;
}

#title-container {
position:absolute;
left:99px;
display:table;
width:195px;
height:98px;
#position:relative;
overflow:hidden;
}

#title-inner {
#position:absolute;
#top:50%;
display:table-cell;
vertical-align:middle;
}

#title-text {
#position:relative;
#top:-50%;
font-size:27px;
font-weight:bold;
letter-spacing:-1px;
color:#000;
}

#banner {
position:absolute;
top:17px;
left:315px;
z-index:100; /* keep banner above referral IMG */
}

#signup {
position:absolute;
top:0px;
right:0px;
z-index:1;
}

#menu-bar {
margin-top:1px;
height:22px;
background:url(../images/menu-bg.png) repeat-x;
}

#tabs {
width:100%;
height:33px;
margin:0px 0px 0px 5px;
text-align:center;
position:absolute;
top:88px;
z-index:100; /* keep menu above referral IMG */
}

#tabs a {
float:left;
width:116px;
height:33px;
background:url(../images/tab-middle.png) repeat-x;
cursor:pointer;
font-family:Arial,Helvetica;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
text-decoration:none;
line-height:40px;
padding-left:2px;
}

#tabs .tab-two-line {
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
line-height:11px;
padding:9px 0px 0px 2px;
}

#tabs a:hover {
color:#303030;
text-decoration:none;
}

#tabs a:active {
outline:none;
}

#tabs .tab-left {
float:left;
width:14px;
height:33px;
background:url(../images/tab-left.png) no-repeat;
}

#tabs .tab-joint {
float:left;
width:14px;
height:33px;
background:url(../images/tab-joint.png) no-repeat;
}

#tabs .tab-right {
float:left;
width:17px;
height:33px;
background:url(../images/tab-right.png) no-repeat;
}


#submenu {
margin:1px 1px 0px 1px;
height:24px;
background-color:#6d6d6d;
color:#fff;
text-align:center;
line-height:23px;
font-size:14px;
}

#submenu-site {
margin:0px 10px 0px 100px;
color:#fff;
}

#submenu-links a {
color:#fff;
font-weight:bold;
margin:0px 10px 0px 10px;
text-decoration:underline;
}

#submenu-site a {
color:#fff;
font-weight:bold;
text-decoration:underline;
}

#big-bar {
height:51px;
margin:1px 1px 0px 1px;
background:url(../images/big-bar-overlay.png) repeat-x #999;
position:relative;
}

#links-right-support {
position:absolute;
top:3px;
right:6px;
white-space:nowrap;
}

#countries {
position:absolute;
top:14px;
left:10px;
}

#live-support {
float:right;
}

#search-input {
position:absolute;
top:12px;
left:265px;
width:350px;
border:1px solid #767575;
font-size:16px;
padding:3px;
}

#search-button {
position:absolute;
top:10px;
left:625px;
width:71px;
height:32px;
border:0px;
}

#big-bar-links-left {
position:absolute;
left:15px;
top:16px;
color:#fff;
font-size:13px;
}

#big-bar-links-left-no-countries {
position:absolute;
left:14px;
top:16px;
color:#fff;
font-size:13px;
}

#big-bar-links-right {
float:right;
margin:13px 5px 0px 0px;
color:#fff;
font-size:13px;
}

#big-bar-links-left a, #big-bar-links-left-no-countries a, #big-bar-links-right a {
color:#fff;
}

#content {
position:relative;
padding-top:10px;
left:10px;
width:944px;
}

#footer {
height:25px;
border-top:1px solid #000;
margin:12px 0px 0px 0px;
padding:4px 0px 0px 0px;
font-size:13px;
}

.box-heading-wrapper {
float: left;
width: 100%;
}

.box-heading-middle {
position:relative;
margin: 0 11px 0 11px;
height:30px;
font-size:17px;
font-weight:bold;
line-height:32px;
color:#fff;
}

.box-heading-right-content {
position:absolute;
right:0px;
top:0px;
font-size:13px;
color:#fff;
}

.box-heading-left {
float: left;
width: 11px;
height:30px;
margin-left:-100%;
}

.box-heading-right {
float:left;
width:11px;
height:30px;
margin-left:-11px;
}

.box-content-wrapper {
float:left;
width:100%;
background:url(../images/box-content-left.gif) repeat-y;
}

.box-content-inner {
background:url(../images/box-content-right.gif) repeat-y right;
}

.box-content {
margin:0px 3px 0px 3px;
padding:10px 10px 3px 10px;
background:url(../images/box-content-middle.gif) repeat-x #fff;
font-size:13px;
}

.box-footer-wrapper {
float: left;
width: 100%;
}

.box-footer-middle {
margin: 0px 11px 0px 11px;
height:11px;
background:url(../images/box-footer-middle.gif) repeat-x;
}

.box-footer-left {
float: left;
width: 11px;
height:11px;
margin-left:-100%;
background:url(../images/box-footer-left.gif) no-repeat;
}

.box-footer-right {
float: left;
width: 11px;
height:11px;
margin-left: -11px;
background:url(../images/box-footer-right.gif) no-repeat;
}

.box-heading-left-orange {
background:url(../images/box-orange-heading-left.gif) no-repeat;
}
.box-heading-middle-orange {
background:url(../images/box-orange-heading-middle.gif) repeat-x;
}
.box-heading-right-orange {
background:url(../images/box-orange-heading-right.gif) no-repeat;
}

.box-heading-left-green {
background:url(../images/box-green-heading-left.gif) no-repeat;
}
.box-heading-middle-green {
background:url(../images/box-green-heading-middle.gif) repeat-x;
}
.box-heading-right-green {
background:url(../images/box-green-heading-right.gif) no-repeat;
}

.box-heading-left-blue {
background:url(../images/box-blue-heading-left.gif) no-repeat;
}
.box-heading-middle-blue {
background:url(../images/box-blue-heading-middle.gif) repeat-x;
}
.box-heading-right-blue {
background:url(../images/box-blue-heading-right.gif) no-repeat;
}

.box-heading-left-pink {
background:url(../images/box-pink-heading-left.gif) no-repeat;
}
.box-heading-middle-pink {
background:url(../images/box-pink-heading-middle.gif) repeat-x;
}
.box-heading-right-pink {
background:url(../images/box-pink-heading-right.gif) no-repeat;
}





.box-flex-heading-wrapper {
float: left;
width: 100%;
}

.box-flex-heading-middle {
position:relative;
margin: 0 11px 0 11px;
height:30px;
font-size:17px;
font-weight:bold;
line-height:32px;
color:#fff;
background:url(../images/box-flex-heading-middle.png) repeat-x;
}

.box-flex-heading-right-content {
position:absolute;
right:0px;
top:0px;
font-size:13px;
color:#fff;
}

.box-flex-heading-left {
float: left;
width: 11px;
height:30px;
margin-left:-100%;
background:url(../images/box-flex-heading-left.png) no-repeat;
}

.box-flex-heading-right {
float:left;
width:11px;
height:30px;
margin-left:-11px;
background:url(../images/box-flex-heading-right.png) no-repeat;
}

.box-flex-content-wrapper {
float:left;
width:100%;
background:url(../images/box-content-left.gif) repeat-y;
}

.box-flex-content-inner {
background:url(../images/box-content-right.gif) repeat-y right;
}

.box-flex-content {
margin:0px 3px 0px 3px;
padding:10px 10px 3px 10px;
background:url(../images/box-content-middle.gif) repeat-x #fff;
font-size:13px;
}

.box-flex-footer-wrapper {
float: left;
width: 100%;
}

.box-flex-footer-middle {
margin: 0px 11px 0px 11px;
height:11px;
background:url(../images/box-footer-middle.gif) repeat-x;
}

.box-flex-footer-left {
float: left;
width: 11px;
height:11px;
margin-left:-100%;
background:url(../images/box-footer-left.gif) no-repeat;
}

.box-flex-footer-right {
float: left;
width: 11px;
height:11px;
margin-left: -11px;
background:url(../images/box-footer-right.gif) no-repeat;
}









.spacer-top {
margin-top:10px;
}

.spacer-bottom {
margin-bottom:10px;
}

.clear {
clear:both;
}

img {
	border: none;
}

form {
	display: inline;
}

.heading {
	clear: both;
	/*peel goes under this: position: relative;*/
	text-align:center;
	background:url(../images/heading-bg.gif) repeat-x left center;
}

.heading h1, .heading h2 {
	display:inline;
	background:#fff;
	/*text-transform:uppercase;*/
	font: bold 23px Arial, Helvetica, sans-serif;
	color: #000;
	padding:0px 11px 0px 11px;
	margin:0px;
}

.heading h4 {
	display:inline;
	background:#fff;
	text-transform:uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height:24px;
	color: #777;
	padding:0px 8px 0px 8px;
	margin:0px;
}

/*--------------------------------*/

/* Header Corporate */

#header-corporate {
	height:98px;
	background:fff;
	position:relative;
}

#header-corporate-left-container {
	display:table;
	height:98px;
	#position:relative;
	float:left;
}

#header-corporate-left-outer {
	#position:absolute;
	#top:50%;
	display:table-cell;
	vertical-align:middle;
}

#header-corporate-left-inner {
	#position:relative;
	#top:-47%;
	font-size:32px;
	color:#555;
}

#header-corporate-right-container {
	display:table;
	height:98px;
	#position:relative;
	float:right;
	margin-right:125px;
}

#header-corporate-right-container-shop-only { /*no JOIN, flush to right */
	display:table;
	height:98px;
	#position:relative;
	float:right;
	margin-right:0px;
}

#header-corporate-right-outer {
	#position:absolute;
	#top:50%;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	right:0px;
}

#header-corporate-right-inner {
	#position:relative;
	#top:-47%;
	font-size:24px;
	color:#555;
}
