/* =css information
--------------------------------------------------
	stylesformiles:		screen
	author:				flow14.com - kyle johnston
	updated:			july 24, 2005
	
	colors:
	ibgreek red			EE3424
	red-shade 1			B21F1C
	red-shade 2			9D1B19
	red-shade 3			691211
	red-shade 4			340908
	text color			2B0F09
	light blue			CDE
	brown text			422
	grass green			580
	yellow				EE0
	sidebar yella		FFC
	dark green			240
	mint green			BD5
	yellow-green		CD3
	
--------------------------------------------------*/


/* =Base Styles
--------------------------------------------------*/
body {
	margin:0 0 20px 0;
	padding:0;
	border:0;
	background:#FFF url(../i/layout/bk-pattern-sm.jpg) top left repeat-x;
	color:#121C26;
	font:normal 13px/1.6em "Lucida Sans", Verdana, Arial, sans-serif;
	text-align:center;
	}
.access, .access a { display:none; }
#wrapper {
	margin:-8px auto 20px auto;
	padding:20px 10px;
	border:0;
	width:710px;
	background:#FFF url(../i/layout/bk-wrapper.gif) top center repeat-y;
	text-align:left;
	}
html>body #wrapper {
	margin: 0 auto;
	padding:20px;
	}
img {
	margin:0;
	padding:0;
	border:0;
	}

/* =Basic Text Styles
--------------------------------------------------*/
p {
	margin:0 0 1em 0;
	padding:0;
	}
h2, h3 { margin: 0 0 .4em 0; padding:0; }
a:link, a:visited {
	color:#EE3424;
	text-decoration:underline;
	}
a:hover, a:active {
	background:#EE3424;
	color:#FFF;
	text-decoration:none;
	}


/* =Header
--------------------------------------------------*/
#header {
	margin:0 auto;
	padding:0;
	height:160px;
	width:760px;
	background:transparent url(../i/layout/bk-headerRed-sm.gif) top left no-repeat;
	text-align:left;
	color:#FFF;
	}
html>body #header {
	height:154px;
}
#header h1 { display:none; }
#logo { float:left; margin:0; padding:0; }
html>body #logo { position:relative; top:3px; left:0px; float:none; }
#logo a:hover, a:active { background:none; }
#navBack {
	margin:0;
	padding:0;
	position:relative;
	top:10px;
	left:10px;
	}
html>body #navBack {
	top:-120px;
	left:235px;
	}

#navigation b { display:none; }
#navigation a { margin:0 6px 10px 0; padding:0; }
a#home { background:transparent url(../i/layout/bt-home.gif) no-repeat; display:block; height:23px; width:106px; }
a#home:hover { background: transparent url(../i/layout/bt-home.gif) 0 -23px no-repeat; }
a#aboutUs { background:transparent url(../i/layout/bt-aboutUs.gif) no-repeat; display:block; height:23px; width:170px; }
a#aboutUs:hover { background: transparent url(../i/layout/bt-aboutUs.gif) 0 -23px no-repeat; }
a#contactUs { background:transparent url(../i/layout/bt-contactUs.gif) no-repeat; display:block; height:23px; width:206px; }
a#contactUs:hover { background: transparent url(../i/layout/bt-contactUs.gif) 0 -23px no-repeat; }
a#orders { background:transparent url(../i/layout/bt-orders.gif) no-repeat; display:block; margin-right:9px; height:21px; width:137px; }
a#orders:hover { background: transparent url(../i/layout/bt-orders.gif) 0 -21px no-repeat; }
a#garments { background:transparent url(../i/layout/bt-garments.gif) no-repeat; display:block; margin-right:9px; height:21px; width:193px; }
a#garments:hover { background: transparent url(../i/layout/bt-garments.gif) 0 -21px no-repeat; }
a#designs { background:transparent url(../i/layout/bt-designs.gif) no-repeat; display:block; height:21px; width:146px; }
a#designs:hover { background: transparent url(../i/layout/bt-designs.gif) 0 -21px no-repeat; }

#navigation {
	margin:0;
	padding:0;
	height:56px;
	width:502px;
	position:relative;
	top:0;
	left:0;
	}
#navigation dl {
	margin:0;
	padding:0;
	}
#navigation dt {
	margin:0;
	padding:0;
	float:left;
	display:inline;
	text-align:center;
	color:#FFF;
	}
#navigation dt a:link, #navigation dt a:visited {
	text-decoration:none;
	color:#FFF;
	}
#navigation dt a:hover, #navigation dt a:active {
	background-color:transparent;
	text-decoration:none;
	color:#FF0;
	}
#subNav { 
	margin:0;
	padding:0;
	height:46px;
	width:492px;
	background:transparent url(../i/layout/bk-subNav.gif) top left no-repeat;
	font:bold 13px/1.3em "Lucida Sans", Verdana, Arial, sans-serif;
	text-align:center;
	}
#subNav dl {
	margin:0px 0 0 0;
	padding:5px 0 0 0;
	}
html>body #subNav dl {
	margin:10px 0 0 0;
	}
#subNav dt {
	margin:0;
	padding:0 4px;
	display:inline;
	text-align:center;
	color:#000;
	}
#subNav dt a:link, #subNav dt a:visited {
	text-decoration:none;
	color:#2B0F09;
	}
#subNav dt a:hover, #subNav dt a:active {
	background-color:transparent;
	text-decoration:none;
	color:#EE3424;
	}


/* =Active Nav
--------------------------------------------------*/
/* main */ body.home #navigation .home, body.easyOrders #navigation .easyOrders, body.garments #navigation .garments, body.designs #navigation .designs, body.about #navigation .about, body.contact #navigation .contact { color:#B00; }
/* sub-home */ body.specials #subNav .specials, body.faqs #subNav .faqs, body.contest #subNav .contest, body.schwag #subNav .schwag, body.reps #subNav .reps { color:#B00; }
/* sub-ordering */ body.howItWorks #subNav .howItWorks, body.placement #subNav .placement, body.pricing #subNav .pricing, body.payment #subNav .payment, body.guarantee #subNav .guarantee { color:#B00; }
/* sub-garments */ body.tShirts #subNav .tShirts, body.jerseys #subNav .jerseys, body.ringers #subNav .ringers, body.ladies #subNav .ladies, body.sweats #subNav .sweats { color:#B00; }
/* sub-designs */ body.subDesigns #subNav .subDesigns, body.lowDough #subNav .lowDough, body.custom #subNav .custom { color:#B00; }
/* sub-about */ body.history #subNav .history, body.philosophy #subNav .philosophy, body.reps #subNav .reps { color:#B00; }
/* sub-contact */ body.contact #subNav .contact { color:#EE0; }



/* =Main Content
--------------------------------------------------*/
#mainContent {
	margin:0;
	margin-left:5px;
	margin-right:7px
	padding:5px 0;
	width:480px;
	border:0;
	float:left;
	}
html>body #mainContent {
	margin-left:0;
	margin-right:0;
	}
#homeContent {
	margin:0;
	padding:0 0;
	width:720px;
	float:left;
	}
#mainContent .hiLite {
	padding:1px;
	background: #EE0;
	font-weight:bold;
	}
.hiLite a:link, .hiLite a:visited {
	font-weight:bold;
	color:#EE3424;
	}
.hiLite a:hover, .hiLite a:active {
	background:#EE3424;
	font-weight:bold;
	color:#EE0;
	}
/* =Designs =====*/
#mainContent .design, #mainContent .design a:link {
	margin:0;
	padding:0;
	width:150px;
	height:150px;
	background:#FFF none;
	}
#mainContent .bigDesign {
	margin:0;
	padding:0;
	width:480px;
	height:480px;
	background:#FFF none;
	}
#mainContent .tPreview {
	margin:0 0 1em 0; 
	padding:0;
	width:235px;
	float:left;
	text-align:center;
	}

#mainContent .tOne {
	margin-right:6px;
	}
	
#mainContent table {
	margin:15px 0;
	padding-bottom:10px;
	/* border-bottom:1px dotted #9D1B19; */
	}
#mainContent td { text-align:center; }
#mainContent td.middle { padding:0 15px; }

#mainContent .pricing { border-bottom:none; }
#mainContent .pricing td { padding:6px 0; }
#mainContent .pricing td.type { padding:6px 0; text-align:left; }
#mainContent .bottomLine { border-bottom:1px solid #9D1B19; }
#mainContent .topLine { border-top:1px solid #9D1B19; }
#mainContent .shade { background-color:#CDE; }

#garmentPreview { margin:0 7px 10px 0; float:left; }
#shirtBlock dl { margin:0 7px 10px 0; padding:0; width:150px; height:83px; float:left; text-align:center; }
#shirtBlock dt { width:150px; height:57px; line-height:1em; }
#shirtBlock dd { margin:2px 0 0 0; padding:0; }
#ringerBlock dl { margin:0 7px 10px 0; padding:0; width:150px; height:83px; float:left; text-align:center; }
#ringerBlock dt { width:130px; height:37px; }
#ringerBlock dd { margin:2px 0 0 0; padding:0; line-height:1em; }


/* =Sidebar
--------------------------------------------------*/
#sidebar {
	margin:0 0 2em 0;
	padding:5px;
	width:198px;
	background:none;
	}
html>body #sidebar {
	margin:0 0 2em 500px;
}
#sidebar dl {
	margin:0 0 2em 0;
	padding:0;
	}
#sidebar dt {
	margin:0;
	padding:0;
	border-top:1px solid #9D1B19;
	}
#sidebar dt.last {
	border:1px solid #9D1B19;
	border-width:1px 0;
	}
#sidebar dt a:link, #sidebar dt a:visited {
	padding:2px 0 12px 0;
	height:12px;
	display:block;
	text-decoration:none;
	}
#sidebar dt a:hover, #sidebar dt a:active {
	background:#EE3424 none;
	text-decoration:none;
	color:#FFF;
	}
/* =Designs =====*/
#sidebar .image {
	margin:0 auto 1em auto;
	padding:0;
	width:150px;
	text-align:center;
	}
#sidebar .image p {
	margin:5px 0 1em 0;
	padding:0 0 7px 0;
	border-bottom:1px dotted #9D1B19;
	line-height:1em;
	} 
/* =Contact =====*/
#sidebar #contact, #sidebar p {
	line-height:1.4em;
	}
#sidebar #contact dt {
	margin:0 0 .5em 0;
	padding:0;
	border:none;
	}
#sidebar #contact input, #sidebar #contact textarea {
	width:198px !important;
	}
#sidebar #contact input.submit {
	width:auto !important;
	}
#sidebar #sidebar h6 {
	line-height:1.4em;
	}



/* =Footer
--------------------------------------------------*/
#footer {
	margin:0 -10px -20px -10px;
	padding:10px;
	width: 730px;
	background:#EE3424 url(../i/layout/bk-footer.jpg) top center no-repeat;
	clear:both;
	text-align:center;
	color:#CDE;
	}
html>body #footer {
	margin:0 0 -20px -20px;
}
#footer a:link, #footer a:active {
	color:#CDE;
	}
#footer a:hover, #footer a:active {
	background:#EE3424 none;
	color:#CDE;
	}


/* =SIFR
--------------------------------------------------*/
@media screen {
	/* This goes in the stylesheet to hide the browser text before it is replaced */
	.sIFR-hasFlash h2 {
		visibility: hidden;
		font-size: 29px;
		letter-spacing: -10px;
	}

	.sIFR-hasFlash h3 {
		visibility: hidden;
		font-size: 18px;
		letter-spacing: 0;
	}

	.sIFR-flash {
		visibility: visible !important;
		border:0;
	}

	.sIFR-replaced {
		visibility: visible !important;
		border:0;
	}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		border:0;
		display: block;
		overflow: hidden;
	}
}