/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: ACTIVEA | Master Stylesheet
' Description	: This page contains overall styles for a new site
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 08/24/2005	: David Ellenwood - Created Page
' 01/27/2006	: David Ellenwood - Modified for Mt. Borah
' 08/11/2006	: David Ellenwood - Modified for new site MASTER TEMPLATE
' 04/22/2009	: Tony Groves - Dragons and other mystical beasts roam free on these lands.
' 06/15/2009	: DPE - Rewrote from scratch for Dave's Guitar
' 06/28/2009	: Tony Groves - Modified for TAI Sports
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/* ~~~~ CSS RESET ~~~~
	Brought to you by Erica Meyer of http://meyerweb.com/
	URI: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
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,
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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus	{outline:0;} /* remember to define focus styles! */
body	{line-height:1; color:black; background:white;}
ol, ul	{list-style: none;}
table	{border-collapse:separate; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td	{text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q	{quotes:"" "";}
/* ~~~~ END CSS RESET ~~~~ */

html {margin:0 0 50px 0; background:#000;}
body {background:#000 url('/site/img/bg.jpg') no-repeat top center; color:black; font:83%/1.3333 "Verdana",Arial,Helvetica,sans-serif; margin:0; padding:0; min-height:1035px;}
em	{font-style:italic;}

a		{color:#7b7b7b; text-decoration:none;}
a:hover	{color:#000; text-decoration:underline;}

h1	{font-size:1em; font-weight:bold; color:#000; margin:0; padding:0 0 5px 10px; border-bottom:1px dotted #9d9d9d; zoom:1;}
h2	{font-size:1.3em;}
h3	{font-size:1.1em;}
h4	{}
h5	{}
h6	{}
p	{}
strong { font-weight:bold;}
img	{-ms-interpolation-mode:bicubic;}

.clear	{display:block; clear:both; width:100%; font-size:1px; line-height:1px; margin:0 0 -1px 0; padding:0;}
.note	{font-size:.9em; color:#505050; font-style:italic;}
.r6		{-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; border:2px solid #000; background:transparent url('/site/img/transBoxBk.png');}
.r3		{-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; border:2px solid #000;}

.successText		{margin:0 0 15px 0; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:2px solid #d80000; background:#e4e4e4;}
.successText p		{margin:.25em;}
.successText img	{float:left; display:inline; margin:0 10px 10px 0;}
.helpText			{margin:1em 10px; font-style:italic;}
.error				{margin:1em 0; padding:10px; border:1px solid #c70b05; background:#312e2a;}
.error h3			{color:#f00;}
.error	p			{margin:.25em;}
.error img			{float:left; display:inline; margin:0 10px 10px 0;}

form fieldset		{margin:1em 0;}
form legend			{display:none;}
form .row 			{margin:1em 0;}
form .row .title	{float:left; display:inline; width:150px; text-align:right; padding:4px 5px 0 5px;}
form .row p			{color:#f00; margin:5px 0 5px 160px; font-weight:bold;}
form .row .note		{color:#bbb; font-style:italic; font-size:.9em;}
form .submit		{}
form .submit img	{}

.textbox	{
	width:250px;
	font-size:1em;
	padding:2px;
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-left:1px solid #307fa6;
	border-top:1px solid #307fa6;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
textarea.textbox	{width:400px; height:150px;}
input.errorText		{border:1px solid #c70b05;}
textarea.errorText	{border:1px solid #c70b05;}
.submitBtn {
	color:#fff;
	margin:2px 0 0 0;
	padding:3px 5px 4px 5px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#840000;
}
.submitBtn:hover{color:#fff; text-decoration:none;}
.btn {
	color:#fff;
	margin:2px 0 0 0;
	padding:3px 5px 4px 5px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#840000;
}
.submitBtnSub {
	color:#fff;
	margin:2px 0 0 0;
	padding:3px 5px 4px 5px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#4e4e4e;
}
.submitBtnSub:hover{color:#fff; text-decoration:none;}
.disabled {
	color:#fff;
	margin:2px 0 0 0;
	padding:3px 5px 4px 5px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#a8a8a8;
}

input.submitBtn {
	color:#fff;
	margin:2px 0 0 0;
	padding:3px 5px 4px 5px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #000;
	width:auto;
	overflow:visible;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#840000;
}
input.btn {
	color:#fff;
	margin:2px 0 0 0;
	padding:3px 5px 4px 5px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #000;
	width:auto;
	overflow:visible;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#840000;
}
input.submitBtnSub {
	color:#fff;
	margin:2px 0 0 0;
	padding:3px 5px 4px 5px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #000;
	width:auto;
	overflow:visible;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#4e4e4e;
}
input.disabled {
	color:#fff;
	margin:2px 0 0 0;
	padding:3px 5px 4px 5px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #000;
	width:auto;
	overflow:visible;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#a8a8a8;
}

.bkimg		{position:absolute; top:0; left:0; z-index:1;}
.wrap 		{width:1004px; margin-left:auto; margin-right:auto; z-index:2; border-right:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000;}
.wrap2 		{padding:0 15px 12px 15px; border-right:2px solid #00264a; border-left:2px solid #00264a; border-bottom:2px solid #00264a; background:#141414 url('/site/img/bg2.jpg') no-repeat top center;}
.logobk		{position:absolute; top:0; left:-45px; width:513px; height:151px; z-index:2; background:transparent url('/site/img/logoBk.png') no-repeat;}
.content	{float:right; width:755px; z-index:3;}
.sidebar	{float:left; width:200px; z-index:3;}
.logo		{margin:17px 0 20px 30px;}

#custombuilder {border:2px solid #000; margin:10px 0 15px 0; background:url('/site/img/builderbg.jpg') no-repeat;}
#customdesign {text-align:center; padding:155px 30px;}

.header	{height:118px; padding:7px 0 0 0; text-align:right;}
.header ul li							{float:right; margin:8px 0 0 0; padding:0 9px 2px 9px; line-height:1; border-left:1px dotted #585858;}
.header ul li a:hover					{text-decoration:underline; color:#fff;}
.header ul li.cart						{border:none;}
.header	ul li.search					{float:right; display:inline; width:auto; margin:0 0 0 15px; padding:0; border:none; background:transparent url('/site/img/searchBk.png') top left no-repeat;}
.header	ul li.search #siteSearchQuery	{float:left; display:inline; margin:0; padding:6px 0 6px 6px; border:none; width:152px; color:#fff; background:transparent;}
.header	ul li.search #siteSearchBtn		{float:left; display:inline; margin:2px; padding:0; border:none; width:32px;}
.header h4								{text-align:center;}
.header h4 img							{margin:23px 40px 0 40px;}

#breadcrumbs				{margin:10px 0; color:#696969; background:#000 url('/site/img/bcbg.png') repeat-y top right; border:2px solid #000; padding:4px 0 6px 8px;}
#breadcrumbs li				{display:inline; font-size:.8em;}
#breadcrumbs li img 		{margin:-1px 0 1px 0;}
#breadcrumbs li a:hover		{color:#fff;}

.article	{padding:10px;}

div.form		{padding:15px; border:2px solid #000; background:#ececec url('/site/img/sectionbg.jpg') no-repeat top center;}
div.form h2		{margin:1em 0 .5em 0;}
div.form form	{margin:1em 2em;}

.section {padding:15px; margin:0 0 5px 0; border:2px solid #000; background:#ececec url('/site/img/sectionbg.jpg') no-repeat top center;}

.entry {padding:8px 10px 8px 10px;}
.entry p {padding:0 0 8px 0;}
.entry h2 {font-weight:bold; font-size:.9em; color:#0c4e8c; margin:10px 0 5px 0; padding:0 0 4px 10px; border-bottom:1px dotted #6d9dca;}
.entry ol {list-style-type:decimal; padding:0 0 0 30px;}
.entry ol li {margin:0 0 5px 0;}

.fileitems {padding:8px 15px; margin:0 0 8px 0; border-top:1px dotted #6d9dca;}
.fileitems ul {padding:0 0 0 15px;}

.subcats {padding:8px 15px; margin:0 0 8px 0; border-top:1px dotted #6d9dca;}
.subcats ul {padding:0 0 0 15px;}

#siteNav 							{border:#000 2px solid; position:relative; line-height:1; margin:5px 0px 10px; padding:10px; background:url(/site/img/masternavbg.gif) #1b1b1b repeat-x; font-size:0.9em;}
#siteNav li 						{border-bottom:#272727 1px solid; position:relative; padding:0 0 1px 0; margin:0px; display:block; border-top:#141414 1px solid;}
#siteNav li a 						{position:relative; padding:5px 0px 5px 10px; margin:0px; display: block; color:#c6c6c6; font-weight:normal;}
#siteNav li a:hover 				{background:#13313f; color:#fff; text-decoration:none;}
#siteNav ul.type1 a 				{padding:5px 0px 5px 23px; color:#5b7f9d; font-size:0.8em;}
#siteNav ul.type1 a:hover 			{color:#fff;}

.sidebar .contact 					{width:195px; margin:20px 0 0 0; padding:10px;}
.sidebar .contact dl				{}
.sidebar .contact dl dt 			{font-weight:bold;}
.sidebar .contact dl dd.tel			{margin-bottom:1em; }
.sidebar .contact dl dd.tel .value	{color:#fbea2c; font-weight:bold;}

.pagefooter					{position:relative; display:block; clear:both; margin:15px 0 0 0; padding:10px 0 0 0; text-align:center; background:url('/site/img/footerbg.gif') transparent no-repeat top center;}
.pagefooter p				{font-size:.9em; color:#838280;}
.pagefooter ul li			{display:inline;}
.pagefooter a:hover			{text-decoration:underline;}
.pagefooter h6				{margin-top:1em; font-size:.8em; color:#414141; font-weight:normal;}
.pagefooter h6 a			{color:#838280;}
.pagefooter h6 a:hover		{color:#fff;}
.pagefooter .noscript 		{margin:1em 0; padding:.5em 1em; font-weight:normal; color:#fff; background:#090500; border:1px solid #742912;}

#flashUpgrade				{display:none; position:absolute; top:0; left:325px; z-index:9999; width:310px; height:200px; background:#f4f4f4; border:4px solid #000; border-top:none;}
#flashUpgrade a:hover		{text-decoration:underline;}
#flashUpgrade #upgradeBox	{padding:0 15px 15px 15px;}
#flashUpgrade h5			{margin:1.5em 0 0 0; font-size:1.1em; border-bottom:1px solid #742912;}
#flashUpgrade h5 .left		{float:left; display:inline; width:auto; font-size:1.25em; font-weight:bold;}
#flashUpgrade h5 .right		{float:right; display:inline; width:auto; text-align:right; margin:7px 0 0 0; padding:0 3px 0 0; font-size:.8em; font-weight:normal;}
#flashUpgrade h6			{margin:10px 0; font-weight:normal;}
#flashUpgrade h6 img		{float:left; margin:3px 10px 0 0;}
#flashUpgrade h6 a			{font-weight:bold;}
#flashUpgrade h4			{font-size:1.1em; font-weight:bold;}
#flashUpgrade p				{margin:.5em 0 0 0; text-align:right;}


/* ~~~~ HOME Specific Styles ~~~~ */

#Home .feature				{margin:10px 0 20px 0; }
#Home .feature img			{border:2px solid #000;}

#Home .article				{float:left; width:510px; margin:0 0 20px 0;}
#Home .article h2			{font-size:21px; color:#fbea2c; border-bottom:1px solid #742912;}

#Home .promo				{float:right; width:190px; clear:right; position:relative; margin:0 0 20px 0;}

#subads						{clear:both; text-align:center; margin:10px 0;}
#subads img.ad				{border:2px solid #000; margin:0 6px; padding:0;}

#odf						{text-align:center;}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/
@media screen {
  .sIFR-flash {visibility:visible!important; margin:0; padding:0;}
  .sIFR-replaced, .sIFR-ignore {visibility:visible!important;}
  .sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
  .sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;}
}

@media print {
  .sIFR-flash {display:none!important; height:0; width:0; position:absolute; overflow:hidden;}
  .sIFR-alternate {visibility:visible!important; display:block!important; position:static!important; left:auto!important; top:auto!important; width:auto!important; height:auto!important;}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active .DeVinne	{font-family:Verdana; visibility:hidden;}
}