/*
Corrie Sloot
active101 v 2.1
2008-08-27
CSS
*/

html, body  {
   padding: 0px;
   margin: 0px auto 0px auto;
   background-color: #e5e4d0;
   text-align: center;
   z-index: 1;
}

td, p  {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, sans-serif;
}

a, a:link, a:visited {
	color: #0000ff;
}

a:active, a:hover {
	color: #ff0000;
}


.headerrow {
	background: #bbb987;
	height: 30px;
	color: #ffffff;
}

tr.headerrow td {
	padding: 0px 5px 0px 5px;
}

.checkoutheaderrow {
	background: #5d3a30; color: #ffffff;
}
.checkoutstepsrow {
	background: #5d3a30; color: #ffffff;
}
.checkoutstepsrow a {
	color: #ffffff;
}

table tbody tr.checkoutrow0 td {
	border-bottom: thin dotted #bbb987;
	height: 50px;
}

.checkoutrow1 {
	background: #e5e4d0;
}

.checkoutrow2, .headerrow {
	background: #bbb987;
}

.checkoutfooterrow {
	background: #e5e4d0;
}

.btnnext {
	padding-bottom: 20px;
}

#outer, #outer2 {
	position: relative;
	width: 900px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: #ffffff;
}

#outer {
	z-index: 1;
}

#outer2 {
	z-index: 5;
}

#inner {
	background-color: #ffffff;
}

#headerbar {
	width: 100%;
	background-color: #5d3a30;
	height: 30px;
}

#headermenu {
	position: relative;
	margin: 0px auto 0px auto;
	background-color: #5d3a30;
	height: 20px;
	width: 900px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #e5e4d0;
	padding: 5px 0px 5px 0px;
}

#headermenu a {
	text-decoration: none;
	color: #e5e4d0;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}

#headermenu a:link {
	text-decoration: none;
}
#headermenu a:hover {
	text-decoration: underline;
}

.myleft {
	position: relative;
	float: left;
}
.myright {
	position: relative;
	float: right;
}

#bannerad {
	width: 468px;
	height: 60px;
	padding-top: 21px;
	padding-left: 50px;
}

#logobar {
	width: 100%;
	height: 95px;
	background: #e5e4d0 url(../images/header-repeat.png) repeat-x;
}

#topgradiant {
	position: relative;
	margin: 0px auto 0px auto;
	height: 95px;
	width: 900px;
}

/* Menu */

.button-leftcap {
	position: relative; float: left;
	width: 17px; min-width: 17px; max-width: 17px;
	height: 29px; min-height: 29px; max-height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/button-leftcap.png) no-repeat;
}
.button-rightcap {
	position: relative; float: left;
	width: 17px; min-width: 17px; max-width: 17px;
	height: 29px; min-height: 29px; max-height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/button-rightcap.png) no-repeat;
}

.fltlft {
	position: relative;
	float: left;
	width: 17px; min-width: 17px; max-width: 17px;
	height: 29px; min-height: 29px; max-height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/* 	border: 1px solid #000000; */
}

.btn {
	background: url(../images/button-repeater.png) repeat-x;
	font-family: Arial, sans-serif;
	font-size: 14px;
	position: relative;
	float: left;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/* 	border: 1px solid #ff0000; */
}

a.btn div a.btn, div a:visited.btn, div a:link.btn, div a:active.btn {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div a:hover.btn {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.btntext {
	display: inline;
	position: relative;
	float: left;
	padding: 7px 0px 7px 0px;
	color: #ffffff;
	height: 20px;
}


#topmenu {
	position: relative;
	float: left;
	height: 29px;
	height: 29px !important;
	min-height: 29px;
	min-height: 29px !important;
	width: 900px;
	width: 900px !important;
	background-color: #e5e4d0;
}

#submenu {
	position: relative;
	float: left;
	text-align: left;
	width: 100%;
	height: 20px;
	background-color: #bbb987;
	padding: 0;
	margin: 0;
}

div a.sublink, div a.sublink2 {
	color: #ffffff;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 2px 7px 5px 7px;
	height: 20px;
	line-height: 20px;
}

div a:hover.sublink2 {
	text-decoration: underline;
}

#sportssubmenu,
 #shoppingsubmenu,
 #diningsubmenu,
 #entertainmesubmenu,
 #s1submenu,
 #s2submenu,
 #s3submenu,
 #s4submenu,
 #s5submenu {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	width: 100%;
	height: 20px;
}

#sportssubmenu, .sportstermenu  {
	background-color: #a60019;
}
#sportsheader {
	background: url(../images/bar-short-sports.png) no-repeat;
}	
#sportsheaderlong {
	background: url(../images/bar-long-sports.png) no-repeat;
}

#shoppingsubmenu, .shoppingtermenu {
	background-color: #013a81;
}
#shoppingheader {
	background: url(../images/bar-short-shopping.png) no-repeat;
}
#shoppingheaderlong {
	background: url(../images/bar-long-shopping.png) no-repeat;
}

#diningsubmenu, .diningtermenu {
	background-color: #ff6000;
}
#diningheader {
	background: url(../images/bar-short-dining.png) no-repeat;
}
#diningheaderlong {
	background: url(../images/bar-long-dining.png) no-repeat;
}

#entertainmesubmenu, .entertainmetermenu {
	background-color: #471982;
}
#entertainmeheader {
	background: url(../images/bar-short-entertainme.png) no-repeat;
}
#entertainmeheaderlong {
	background: url(../images/bar-long-entertainme.png) no-repeat;
}

#s1submenu, .s1termenu {
	background-color: #047391;
}
#s1header {
	background: url(../images/bar-short-s1.png) no-repeat;
}
#s1headerlong {
	background: url(../images/bar-long-s1.png) no-repeat;
}

#s2submenu, .s2termenu {
	background-color: #83511a;
}
#s2header {
	background: url(../images/bar-short-s2.png) no-repeat;
}
#s2headerlong {
	background: url(../images/bar-long-s2.png) no-repeat;
}

#s3submenu, .s3termenu {
	background-color: #5a3d1c;
}
#s3header {
	background: url(../images/bar-short-s3.png) no-repeat;
}
#s3headerlong {
	background: url(../images/bar-long-s3.png) no-repeat;
}

#s4submenu, .s4termenu {
	background-color: #006b33;
}
#s4header {
	background: url(../images/bar-short-s4.png) no-repeat;
}
#s4headerlong {
	background: url(../images/bar-long-s4.png) no-repeat;
}

#s5submenu, .s5termenu {
	background-color: #0060b6;
}
#s5header {
	background: url(../images/bar-short-s5.png) no-repeat;
}
#s5headerlong {
	background: url(../images/bar-long-s5.png) no-repeat;
}

div a.terlink {
	color: #ffffff;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 3px 7px 2px 7px;
	z-index: 10;
}

div a:hover.terlink {
	color: #ffffff;
	text-decoration: underline;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 3px 7px 2px 7px;
	z-index: 10;
}

.tercat {
	position: absolute;
	top: 49px;
	display: block;
	z-index: 10;
	visibility: hidden;
	border: 1px solid #ffffff;
}

.adminmenu {
	position: relative;
	float: right;
	padding-top: 7px;
}

/* end menu */

/* products */

.highlight {
	color: #fe8500;
}

.title {
	padding: 0;
	margin: 0;
	font-size: 14pt;
}

.barshort {
	height: 20px;
	width: 345px;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.barshort a.barshorta {
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
	display: block; 
	padding: 0;
	margin: 0;
	position: absolute;
	top: 4px;
	left: 320px;
}

a.barshortadd {
	position: absolute;
	top: 4px;
	left: 300px;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
}

.barlongadd {
	position: absolute;
	top: 4px;
	left: 680px;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
}

.barlong {
	height: 20px;
	width: 712px;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 10px;
	position: relative;
}


.pad5 {
	padding: 5px 5px 5px 5px;
}

.blurb {
	clear: both;
	width: 325px;
	padding: 10px 10px 10px 10px;
}

#clr {
	clear: both;
}

.gobutton {
	position: absolute;
	padding-left: 4px;
	margin-top: -1px;
}

.warning {
	color: #ff0000;
	font-style: italic;
}

#header2 {
	height: 59px;
	height: 59px !important;
	background: url(../images/menurepeater.png) repeat-x;
}
#header_name {
	padding-left: 20px;
	color: #ffffff;
	font-style: italic;
	font-weight: bold;
	font-size: 23px;
}
#header_address {
	padding-left: 20px;
	color: #65d4ff;
	font-style: italic;
	font-size: 12px;
}

#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}


#footermodule {
	background-color: #e5e4d0;
	color: #bbb987;
	font-size: 10px;
	width: 900px;
	height: 50px;
	text-align: center;
	position: relative;
	margin: 0px auto 0px auto;
	padding-top: 5px;
}

#footermodule p {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #bbb987;
}

#footermodule p.policies {
	color: #908345;
	line-height: 20px;
}

#footermodule p.policies a {
	color: #908345;
	text-decoration: none;
}

#footermodule p.policies a:hover {
	color: #908345;
	text-decoration: underline;
}

#light_blue_bar {
	height: 10px;
	height: 10px !important;
	min-height: 10px;
	min-height: 10px !important;
	background-color: #66ccff;
}

#leftmodule {
	height: auto;
	height: auto !important;
	width: 104px;
	background: transparent;
	float: left;
	position: relative;
}

#bodymodule {
	padding-left: 15px;
	padding-right: 25px;
	padding-top: 20px;
	width: 715px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background-color: #ffffff;
	position: relative;
	float: left;
	z-index: 5;
}

#rightbar {
	width: 145px;
/*	position: relative;
	float: left;*/
/* 	background-color: #ffffff; */
/* 	background-color: red; */
	position: absolute;
	top: 50px;
	left: 765px;
	z-index: 9;
}

/* search */
#wholesearch {
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 10;
	width: 145px;
}

#searchhead {
	margin: 0;
 	padding: 6px 4px 4px 6px;
	background: url(../images/search-upper.png) no-repeat;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 14px;
	width: 166px;
	height: 15px;
	position: relative;
	float: left;
}

#searchfoot {
	background: url(../images/search-lower.png) no-repeat;
	width: 176px;
	height: 10px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#searchbox {
	padding: 0px 10px 10px 10px;
	margin: 0;
	line-height: 0;
	border-left: 1px solid #bbb987;
	border-right: 1px solid #bbb987;
	background: #e5e4d0;
	width: 154px;
	height: 185px;
	position: relative;
	float: left;
}

	#searchbox p {
		font: normal 12px Arial, sans-serif;
		padding-top: 10px;
		margin: 0;
	}

	#searchbox form, form {
		padding: 0;
		margin: 0;
	}

.tenpx, #searchbox p.tenpx {
	font-size: 10px;
}

.bydate {
	background-color: #ff0000;
	width: 80px;
	max-width: 80px;
	min-width: 80px;
}

#ads {
	position: absolute;
	top: 270px;
	left: 15px;
}

form input.searchinput {
	width: 120px;
	height: 15px;
	font-size: 10px;
	font-family: Arial, sans-serif;
	border: 1px solid #bbb987;
}

form input.dateinput {
	width: 70px;
	height: 15px;
	font-size: 10px;
	font-family: Arial, sans-serif;
	border: 1px solid #bbb987;
}


/* end search */


ul#leftmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

ul#leftmenu li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 12px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 0px solid #cccccc;
	display: block;
	width: 100%;
	width: 100% !important;
}

ul#leftmenu li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #000000;
	background: transparent;
	
}

#buttons>ul#leftmenu li a { width: auto; }

ul#leftmenu li a:hover {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background: url(../images/sidemenurolloverrepeater.png) repeat;
}

#error {
	color: #ff0000;
	padding-top: 5px;
	padding-bottom: 5px;
}

input[type=text], input[type=password], select, textarea, .onepix {
	border: 1px solid #000000;
}

.playerheading {
	font-size: 16px;
	font-weight: bold;
}

.playercontent {
	background-color: #E5E5E5;
	margin-top: -15px;
	margin-left: 10px;
}

.niceborder, .niceborder td, .niceborder tr {
	border: 1px solid #000000
}

/*a.button, input.button {
	text-decoration: none;
	border: 0;
 	padding: 0px 5px 0px 5px;
	margin: 0;
	background: #ffae00 url(../images/button-centre.gif) repeat-x;
	font: bold 16px/24px Arial, sans-serif;
	color: #ffffff;
	height: 24px;
	display: inline;
	position: relative;
	float: left;
	cursor: pointer;
}*/

.brk {
	height: 15px;
}

#print-icon {
	position: relative;
	top: -40px;
	left: 500px;
	background-color: #5d3a30;
	height: 20px;
	width: 900px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #e5e4d0;
	padding: 5px 0px 5px 0px;
}

#headermenu a {
	text-decoration: none;
	color: #e5e4d0;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}

#headermenu a:link {
	text-decoration: none;
}
#headermenu a:hover {
	text-decoration: underline;
}

.myleft {
	position: relative;
	float: left;
}
.myright {
	position: relative;
	float: right;
}

.smallertext {
	font-size: 8px;
}

ul#admintopmenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

	ul#admintopmenu li {
		padding-top: 5px;
	}

/* Buttons */
a.button, span.button, span.disabled {
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 0;
	line-height: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	text-decoration: none;
	color: #2e523b;
	font-style: normal;
	margin: 0 6px 0px 0;
	padding: 0 10px 0 0;	
	vertical-align: middle;	
    padding-top: -2px;
	_position: relative;
	_width: 10px;	
	_overflow-y: hidden;
}

a.button, span.button, span.disabled,
a.button span, span.button button, span.button input, span.disabled input {
    background-image: url(../images/form_buttons.png);
    _background-image: url(../images/form_buttons.gif);
}

a.button span, span.button button, span.button input, span.disabled input {
	white-space: nowrap;
	cursor: pointer;
	color: #ffffff;
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1;
	letter-spacing: 0 !important;
	font-family: Arial, sans-serif !important;
	font-size: 12px !important;
	font-style: normal;
	font-weight: bold;
	background-color: transparent;
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 30px;
	padding: 8px 20px 0 10px;
	margin: 0 -16px 0 10px;
	border: none;
	vertical-align: text-top;
	zoom: 1;
	_position: relative;
    _padding-left: 0px;
	_padding-right: 12px;
	_margin-right: -10px;	
	_display: block;
	_top: 0;
	_right: -5px;
}


/*Opera needs this*/
span.button button {
	line-height: 2.5;
}

html.safari a.button span,
html.safari span.button input {
	line-height: 1.3;
}
html.safari span.button button {
	line-height: 2.6;
}
html.safari a.button:focus,
html.safari span.button button:focus {
	outline: none;
}

span.button button, span.button input {
	padding-top: 0px;
	line-height: 2.5;/*Opera need this*/
}

/* hover style */
a.button:hover,
span.button:hover,
a.button:focus,
a.dom-button-focus,
span.button-behavior-hover {
	background-position: 0 -60px;
	text-decoration: none;
}

a.button:hover span,
span.button:hover button,
a.button:focus span,
span.button-behavior-hover button,
span.button input:hover,
span.button-behavior-hover input {
	background-position:100% -60px;
}

span.disabled {
	background-position:0 -120px;
	/* cursor:not-allowed;	*/
}

	span.disabled input {
		cursor: default;
		color: #aaa !important;
		background-position: 100% -120px;
	}

span.disabled.button-behavior-hover, span.disabled:hover {
	background-position:0 -180px;
	/* cursor:not-allowed; */
}

span.disabled.button-behavior-hover input, span.disabled:hover input {
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

span.disabled input {
	padding-top: 0;
}


/*Optional hack for IE6 to simulate :hover selector*/
span.button button, span.disabled input, span.button input {
	_behavior:expression(
		(function(el) {
			if(typeof( behavior_onMouseEnter) == 'undefined') {
				behavior_onMouseEnter = function(el) {
					var dEl = this.parentNode;
					var sClass = dEl.className;
					dEl.__defaultClassName = sClass;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};
				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};
			};

			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
		})(this));
}