/* CSS Styles for VIP Adrenaline.com created by Dan Westlake */

/* ?Base Styles */

body,td,th {
	color: #003559;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 150%;
	background-color: #C7D9E3;
	background-image: url(../images/page_backgrounds/large-panel-background-dark.gif);
	background-repeat: repeat-x;
}

a:link {
	color: #777777;
	text-decoration: underline;
}

a:visited {
	color: #777777;
	text-decoration: underline;
}
a:hover {
	color: #1E4C6B;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #1E4C6B;
}
img {
	border: none;
	display: block;
}

/* ?Container */

#container {
	text-align: left;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}

/* ?Page header */

#headerlogo {
	float: left;
	height: 100px;
}
#headerbanner {
	float: left;
	height: 100px;
}
#headernav {
	height: 25px;
	width: 750px;
	float: left;
}
#headernav ul {
	height: 25px;
}
#headernav li {
	float: left;
	height: 25px;
}
#headernav li a {
	display: block;
}
#headerimage {
	clear: both;
	width: 720px;
	padding-left: 10px;
	height: 180px;
}
#headershadow {
	width: 730px;
	height: 10px;
	vertical-align: top;
}

/* ?Layouts */

.standard #left
{
	width: 210px;
	float: left;
	display: inline;
	margin-left: 10px;
}

.standard #right
{
	width: 510px;
	float: left;
	display: block;
}

.full
{
}

/* Panels */

/* Small Panels */

.small-panel {
	background-image: url(/images/page_backgrounds/small-panel-background.gif);
	width: 210px;
	background-repeat: repeat-y;
	float: left;
	clear: left;
}
.right {
	float: right;
}
.small-panel h1 {
	font-size: 90%;
	color: #FFFFFF;
	background-image: url(/images/page_backgrounds/small-panel-top.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.small-panel span {
	background-image: url(/images/page_backgrounds/small-panel-bottom.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 210px;
	clear: both;
	float: left;
}
.side-nav li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F7F7F7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	width: 200px;
	line-height: 30px;
	text-indent: 10px;
}
.side-nav a:link, .side-nav a:visited {
	height: 30px;
	width: 200px;
	display: block;
	text-decoration: none;
}
.side-nav a:hover, .side-nav a:active {
	background-color: #BAD0DC;
	display: block;
	height: 30px;
	width: 200px;
}
.side-nav strong
{
	font-weight: normal;
	color: #00476A;
}

.contact {
	margin-left: 5px;
	margin-top: 5px;
}

.contact p
{
	margin-bottom: 10px;
}
.terms {
	width: 190px;
	margin-left: 10px;
	margin-top: 10px;
}

.newsletter-panel
{
	width: 182px;
	margin-left: 10px;
	margin-top: 10px;
}

.newsletter-input
{
	width: 180px;
}

.newsletter-button
{
	float: right;
	margin-top: 10px;
}

/* Large Panels */

.large-panel {
	background-image: url(/images/page_backgrounds/large-panel-background.gif);
	background-repeat: repeat-y;
	width: 510px;
	display: block;
	background-position: 0px 0px;
	float: left;
}

.large-panel h1 {
	font-size: 90%;
	color: #FFFFFF;
	background-image: url(/images/page_backgrounds/large-panel-top.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 10px;
}
.large-panel h3 {
	background-image: url(/images/page/h3-background.gif);
	background-repeat: no-repeat;
	display: block;
	font-size: 95%;
	text-transform: uppercase;
	padding-left: 10px;
	margin-left: 10px;
	background-position: 0% 50%;
	margin-bottom: 10px;
	clear: both;
}

.large-panel h3 strong
{
	background-color: #FFFFFF;
	padding-right: 5px;
}

.large-panel p
{
	padding-left:10px;
	padding-right:20px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.large-panel span {
	background-image: url(/images/page_backgrounds/large-panel-bottom.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 510px;
	clear: left;
	float: left;
	background-position: 0% 0%;
	background-color: #C7D9E3;
	padding: 0px;
}

/* Full Width Panel */

.full-panel {
	background-image: url(/images/page_backgrounds/full-panel-background.gif);
	width: 730px;
	background-repeat: repeat-y;
	float: right;
	background-position: 0;
	display: block;
}

.full-panel h1 {
	font-size: 90%;
	color: #FFFFFF;
	background-image: url(/images/page_backgrounds/full-panel-top.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 10px;
}

.full-panel span {
	background-image: url(/images/page_backgrounds/full-panel-bottom.gif);
	background-repeat: no-repeat;
	display: block;
	width: 720px;
	background-color: #C7D9E3;
	height: 20px;
	clear: both;
	float: left;
}

.full-panel p
{
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 10px;
}

.events
{
}





/* Events Section Specifics */

.events img
{
	margin-right: 10px;
	margin-left: 10px;
	float: right;
}

.events p
{
	margin-bottom: 10px;
}

.event-text {
	margin-left: 20px;
}

.event-indent
{
	margin-left: 20px;
}

.read-more
{
	background-image: url(/images/page/arrow.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	clear: both;
	float: left;
}
.panel_corporate {
}



.nav-item a:link, .nav-item a:visited
{
	background-image: url(/images/page/nav-blank.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 102px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

.nav-item a:hover, .nav-item a:active
{
	background-image: url(/images/page/nav-blank-selected.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 102px;
	display: block;
	color: #00476A;
	text-decoration: none;
}

.nav-selected a
{
	background-image: url(/images/page/nav-blank-selected.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 102px;
	display: block;
	color: #00476A;
	text-decoration: none;
}



#club-form
{
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	clear: left;
	width: 700px;
}

#club-form h2
{
	font-size: 110%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 10px;
}

.contact
{
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

.company
{
}

.company p
{
	margin-bottom: 10px;
}

.company h2
{
	font-size: 120%;
	margin-left: 10px;
	margin-bottom: 10px;
}
.gift-nav-item
{
	background-image: url(/images/gifts/nav-item.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
	padding-left: 30px;
	padding-bottom: 3px;
}
.gift-nav-selected
{
	background-image: url(/images/gifts/nav-selected.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
	padding-left: 30px;
	padding-bottom: 3px;
}

.gift-category
{
}

.gift-link
{
	float: right;
	background-image: url(/images/page/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-right: 20px;
	margin-top: 30px;
	padding-left: 20px;
}

.gift-category-link
{
	background-image: url(/images/page/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	float: right;
	padding-right: 20px;
	padding-left: 20px;
}

.buying
{
	clear: left;
	float: left;
}

.buying-price
{
	font-size: 120%;
	font-weight: bold;
	padding-left: 10px;
	float: left;
	clear: left;
}

.buying-qty
{
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 10px;
}

.buying-qty input
{
	width: 20px;
}

.buying-button
{
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.benefits
{
	margin-left: 10px;
	margin-bottom: 10px;
}

.benefits li
{
	background-image: url(/images/page/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px, 3px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.large-panel-end
{
	background-image: url(/images/page_backgrounds/large-panel-bottom.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 510px;
	clear: left;
	float: left;
	background-position: 0% 0%;
	background-color: #C7D9E3;
}

.small-panel-end
{
	background-image: url(/images/page_backgrounds/small-panel-bottom.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 210px;
	clear: both;
	float: left;
}

.full-panel-end
{
	background-image: url(/images/page_backgrounds/full-panel-bottom.gif);
	background-repeat: no-repeat;
	display: block;
	width: 730px;
	background-color: #C7D9E3;
	height: 20px;
	background-position: 10px 0px;
	float: left;
}

.events h3 strong a:link, .events h3 strong a:visited
{
	color: #00476A;
	text-decoration: none;
}

.events h3 strong a:hover, .events h3 strong a:active
{
	color: #999999;
	text-decoration: underline;
}
.large-panel h2 {
	padding-left: 10px;
	padding-bottom: 10px;
}