/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remove the silly firefox outline on links */
a:focus {	outline: none; border: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;	border-spacing: 0; }

/* P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { content: "."; font-size: 0; clear: both; height: 0; visibility: hidden; display: block; }

.clearfix { display: inline-block; /* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Fixes IE's default image-scaling to a smoother, bicubic resizing */
* img { -ms-interpolation-mode:bicubic; }

/* For centered lists */
ul.centerlist {
	position: relative;
	text-align: center;
}

ul.centerlist li {
	display: -moz-inline-box;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	_display: inline;
	margin: 5px 8px;
	position: relative;
	text-align: center;
}

/* For cross-browser inline-blocks */
.ib { display:-moz-inline-box; -moz-box-orient: vertical; display:inline-block; *display: inline; _display:inline; position:relative; vertical-align: middle; }

/* Give clickable elements a pointer cursor */
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}


/* ========== */
/* ! Basics   */
/* ========== */

html,body {
	height: 100%;
}

body {
	background: #000 url(../images/bg_tile.png);
	color: #ccc;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size: 12px;
}

a {
	color: #d70000;
}

a:hover {
	color: red;
}

#container {
	background: #000 url(../images/tour_mainbg.png) left top repeat-y;
	border: 2px solid #d70000;
	border-width: 0 2px 0 2px;
	margin: 0 auto;
	width: 960px;
}

#footer {
	border-top: 1px solid #333;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	margin: 20px auto 0;
	text-align: center;
	width: 880px;
}

h1#headerLogo {
	background: #000 url(../images/affHeader.png) left top no-repeat;
	height: 184px;
	margin: 0 auto;
	text-indent: -999em;
	width: 954px;
}

h1#headerLogo a {
	display: block;
	height: 100%;
	width: 100%;
}


/* ============================ */
/* ! Affiliate Navigation Bar   */
/* ============================ */

#affnav {
	height: 35px;
	margin: 10px auto;
	overflow: hidden;
	width: 508px;
}

#affnav ul li {
	float: left;
}

#affnav ul li a {
	background-image: url(../images/affnav.png);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -999em;
}

#affnav a#nav-signup {
	background-position: 0 0;
	width: 102px;
}

#affnav a#nav-signup:hover,
#affnav a#nav-signup.current {
	background-position: 0 -35px;
}

#affnav a#nav-login {
	background-position: -102px 0;
	width: 82px;
}

#affnav a#nav-login:hover,
#affnav a#nav-login.current {
	background-position: -102px -35px;
}

#affnav a#nav-banners {
	background-position: -184px 0;
	width: 106px;
}

#affnav a#nav-banners:hover,
#affnav a#nav-banners.current {
	background-position: -184px -35px;
}

#affnav a#nav-content {
	background-position: -290px 0;
	width: 109px;
}

#affnav a#nav-content:hover,
#affnav a#nav-content.current {
	background-position: -290px -35px;
}

#affnav a#nav-contact {
	background-position: -399px 0;
	width: 109px;
}

#affnav a#nav-contact:hover,
#affnav a#nav-contact.current {
	background-position: -399px -35px;
}


/* ======== */
/* ! Main   */
/* ======== */

p.termsnotice {
	font-size: 11px;
	margin: 15px auto 40px;
	text-align: center;
}

#main {
	margin: 0 auto;
	width: 880px;
}

#main p {
	font-size: 12px;
	line-height: 145%;
	padding-bottom: 15px;
}

#main h2 {
	color: #fff;
	font-size: 16px;
	margin: 15px 0 8px;
}

.login #main h2 {
	text-align: center;
}

.frontpage #main p {
	text-align: center;
}

#main p.big1 {
	color: #d70000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#main p.big2 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#main p#presignup {
	text-align: center;
}

#main p#prelogin {
	margin: 20px 0 10px;
}

#main #signupforms {
	text-align: center;
}

div.modal {
	display: none;
	background: #333;
	border: 1px solid #bbb;
	padding: 15px;
}

table#loginform,
table#loginform-modal {
	margin: 10px auto;
	text-align: center;
	width: 200px;
}

table#loginform td {
	border-bottom: 2px solid #000;
	padding: 3px;
}

table#loginform-modal td {
	padding: 3px;
}

table#loginform td.text,
table#loginform-modal td.text {
	background: #333;
	width: 80px;
}

table#loginform td.buttons,
table#loginform-modal td.buttons {
	padding-top: 10px;
}


/* =========== */
/* ! Banners   */
/* =========== */

#bannerlist {
	margin: 10px auto;
	text-align: center;
	width: 900px;
}

#bannerlist .bannerHolder {
	background: #333;
	margin: 15px auto;
	padding: 10px;
	text-align: center;
}

#bannerlist .bannerHolder input {
	display: block;
	margin: 5px auto;
	width: 80%;
}

#refinput {
	background: #610001;
	color: #fff;
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	width: 500px;
}

#refinput input {
	width: 200px;
}

span#loadingNotice {
	color: #d70000;
	display: block;
	font-size: 18px;
	margin: 10px auto;
	text-align: center;
}

div#bannersizes {
	clear: both;
	padding: 10px 0;
}

div#bannersizes b {
	color: #fff;
}

div#bannerquicklinks {
	padding: 20px;
}

* html div#bannerquicklinks {
	zoom: 1;
}

div#bannerquicklinks a {
	float: left;
	width: 85px;
	padding: 5px;
	margin: 5px;
	text-align: center;
	background: #610001;
	color: #eee;
	text-decoration: none;
	border: 1px solid #610001;
}

div#bannerquicklinks a:hover {
	background: #945f60;
	color: #eee;
	border-color: #610001;
}

div#bannerquicklinks a.selected {
	background: #d70000;
	color: #fff;
}

a.headline {
	clear: both;
	display: block;
	font-size: 20px;
	border-bottom: 1px solid #a8d1f1;
	padding-top: 30px;
}

.bannerholder	{
	background: #333;
	padding: 5px;
	text-align: center;
	border: 1px solid #111;
}

#block468x60 .bannerholder {
	display: block;
	float: none;
	margin: 10px auto;
	width: 468px;
}

#block468x80 .bannerholder {
	display: block;
	float: none;
	margin: 10px auto;
	width: 468px;
}

#block728x90 .bannerholder {
	display: block;
	float: none;
	margin: 10px auto;
	width: 728px;
}

.bannerholder input {
	margin: 8px auto;
	width: 95%;
}

* html .bannerholder input {
	zoom: 1;
}

.bannerholder img {
	border: none;
	margin: 0 auto;
	display: block;
}

/* =================== */
/* ! Gallery Listing   */
/* =================== */

#contentlist {
	margin: 30px auto;
	text-align: center;
	width: 880px;
}

#contentlist p.quicknote {
	margin-bottom: 10px;
	text-align: center;
}

#contentlist .galholder {
	background: #333;
	float: left;
	margin: 5px;
	padding: 10px 8px;
}

#contentlist .galholder a img {
	border: 1px solid #333;
}

#contentlist .galholder a:hover img {
	border-color: #fff;
}

#contentlist .galholder input {
	display: block;
	margin: 5px auto;
	width: 95%;
}



/* ====================== */
/* ! Terms & Conditions   */
/* ====================== */

.terms #main {
	width: 700px;
}

.terms #main p {
	padding-bottom: 10px;
}

.terms #main ul {
	list-style: circle;
	margin: 0 0 20px 50px;
}

.terms #main ul li {
	line-height: 145%;
	padding: 5px;
}


/* ============ */
/* ! Block UI   */
/* ============ */

div.blockMsg {
	background: #610001;
	border: 2px solid #bbb;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}