/* CSS Document */

/* 	Primary: #3e7fad
	Secondar #6db7e1
*/

body {background: #000 url("../img/bg_main.gif") repeat 0 1px fixed; color: #333; font: 0.7em/160% "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;	margin: 0; padding: 0;}

a { color: #3e7fad;	text-decoration: none;}
a:hover {	color: #6db7e1;}

h2 { font-weight: bold;	font-size: 16px; }
h3 { font-weight: bold; font-size: 14px; }
h1 { font-weight: bold;	font-size: 20px; }
strong {font-weight:bold;}
img { border: none; }

input, textarea { font: 100%/160% Verdana, Arial, Helvetica, sans-serif; }

/* Heading */

.leftHeading { background: #3e7fad url("../img/gradient_blue.png") repeat-x; border-bottom: #000066 1px solid;}
.leftSubHeading { background: #3e7fad url("../img/gradient_lightBlue.png") repeat-x; border-bottom: #ccc 5px solid;}
.mainHeading { background: #000000;	padding-top: 5px;}

/* Links */

.fakeLink, .fakeLinkOver {	cursor: pointer;	color: #FFFFFF;	text-decoration:none;	font-weight: bold;}
.fakeLinkOver { color:#99CCFF}
.fakeLinkOn {	font-weight: bold;}

.links, .shirtLinks{ background: #000000; border-bottom: #ccc 5px solid; vertical-align:text-bottom;}
.link, .linkOn, .shirtLink, .shirtLinkOn { padding: 0 5px 0 5px; font-size: 12px;	line-height: 25px; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; }
.linkOn, .shirtLinkOn { background: #444343 url(../img/gradient_darkGray.png) repeat-x; color: #DDD;}
.linkOn a, .shirtLinkOn a {	color: #DDD; text-decoration: none;}
.link a, .shirtLink a {	color: #6db7e1;	text-decoration: none; }
.link a:hover, .linkOn a:hover, .shirtLink a:hover, .shirtLinkOn a:hover { color: #DDD; text-decoration: none;}

.sideMenu, .sideMenu2 { background: #3e7fad url("../img/gradient_blue.png") repeat-x; color:#FFF;	width:150px; padding:10px;}
.sideMenu a {	color:#FFFFFF;}
.sideMenu a:hover {	color:#C2DDF8;}
.sideMenu2 { background: #DDD; color: #191919 }

/* Body */

.mainBody { background: #FFFFFF url("../img/shadows/dropshadow_short.png") repeat-x; border-top: #AAA 1px solid;}
.endingPrice { border-top: 2px #ccc solid;	background: url(../img/gradient_lightBlue.png) repeat-x;	color:#003399;	font-weight:bold; }

.priceAlert { color:red; font-weight:bold }
.selloutAlert { color:#3e7fad; font-weight:bold;}

.refund {	color: #CC0000;	font-weight: bold; font-size: 16px;}

.aboutHeader {text-align:left; padding:10px;	background:#5C5C5C url("../img/gradient_darkGray.png") repeat-x; font-size:24px; 	font-weight:bold;	color:#EEE }
.aboutHeader3 {	text-align:left; padding:10px;	background:#5C5C5C url("../img/bg_header.gif") repeat-x;	font-size:24px;	font-weight:bold;	color:#EEE}
.aboutHeader3 a { color:#EEE }
.aboutHeader3 a:hover { color:#FFF}
.aboutHeader2 {	padding:10px;	background:#191919 url("../img/gradient_darkBlue.png") repeat-x; font-size:24px;	font-weight:bold;	color:#EEE}
.aboutContent {	text-align:left; background:#EEEEEE;	padding:10px;	border-top:1px #000 solid;}

.footer {	background: #000;	color: #dddddd;	padding: 2px 0px 2px 0px;}
.footer a {	color: #fff;	text-decoration: none;	font-size: 12px;}
.footer a:hover {	color: #333333;	background: #ccc;}

.grayBox {background: #CCC;}
.grayColumn { background: url(../img/gradient_blue.png) repeat-x; height: 40px;}
.grayColumnBox { background: url(../img/grey_shadowBoxBlue.png) repeat-y;	height:63px;width:309px;padding-left: 15px;	font-size: 18px;	font-weight: bold;}

.whiteColumnBox {	background: url(../img/white_shadowBox.png) repeat-y;	width:309px;	padding-top: 5px;}
.imageBox {	padding:15px; }
/* Progress Bar */

.progressBar { width: 250px; height: 20px; border: 1px #5C5C5C solid;	background: #000000 url("../img/bg_header.gif") repeat-x 0 0; }
.progressBarColor {	height:20px; background: url(../img/progress_blue.png); border-right: 1px #AAA solid;	padding-right: 5px;	padding-left: 2px;	text-align: right;	font-weight: bold;	color: white;	width:243px;}

.blogFrontPage { margin-left:8px;	width:293px}
.blogFrontPage th {	background:url(../img/gradient_darkGray.png) repeat-x;	color: #DDD;	font-weight:bold;	border-bottom: 1px #CCC solid;	border-top:1px #CCCCCC colid;}

.blogFrontPage td {	background:#EEE;	border-bottom: 1px #999 solid;	color:#666666}
.blogFrontPage td.odd {	background:#DDD;	border-bottom: 1px #999 solid;	color:#666666}
.blogFrontPage a {	color:#666666	text-decoration: none;}

.error { background: #F8D0C9 url(../img/exclamation.png) center no-repeat; background-position: 15px 50%;	text-align: left;	padding: 5px 20px 5px 45px;	border-top: 2px solid #990000;	border-bottom: 2px solid #990000;	color:#990000;}
.alert, .longAlert {	background: #fff6bf url(../img/exclamation.png) center no-repeat;	background-position: 15px 50%; text-align: left;	padding: 5px 20px 5px 45px;	border-top: 2px solid #ffd324;	border-bottom: 2px solid #ffd324;	width:175px;}

.longAlert { width:auto }

.alert2 {	background: #fff6bf;	text-align: left;	padding: 5px 20px;	border-top: 2px solid #ffd324;	border-bottom: 2px solid #ffd324;	width:175px;}
.alert2:hover {	text-decoration: underline;}

.headingAlert{ padding:10px 10px; color:#fff; text-align:center; margin:10px 10px; height:auto; background:#444343 url(../img/gradient_darkGray.png) repeat-x; border:1px #999 dotted; width:250px}
.headingAlert a{color:#FF3300;}

.blogCommentAlert{ padding:3px; color:#fff; text-align:center; height:auto;background:#444343 url(../img/gradient_blue.png) repeat-x; border:1px #999 dotted;}
.blogCommentAlert a{color:#FFFFFF;}
.blogCommentAlert a:hover{color:##99CCFF;}

.rerunAlert{ padding:3px; display:inline; float:right; color:#fff; text-align:center; margin:5px; height:auto; width:200px;}
.rerunAlert a{color:#FF0000;}

.flaviaAlert{ padding:3px; display:inline; float:right; color:#fff; text-align:center; margin:5px; height:auto; width:300px;}
.flaviaAlert a{color:#FF0000;}
.flaviaAlert input {font-size:9pt;}

.warehouseNote {padding:3px; display:inline; position:absolute; color:#fff; text-align:center; left:825px; top:5px; height:auto;z-index:99; cursor:pointer;}
.warehouseNoteTop { background:url(../img/note_top2.gif) no-repeat; width:159px; height:96px; cursor:pointer;}
.warehouseNoteBot { background:url(../img/note_bot2.gif) no-repeat; width:159px; height:74px; cursor:pointer;}

.cartHeader {	background: #fff6bf;	text-align: right;	padding: 5px 20px 5px 45px;	border-top: 2px solid #ffd324;	border-bottom: 2px solid #ffd324;}
.cartHeader a {	font-weight:bold;}

#tooltip	{	position: absolute;	background: #fff6bf;	background-position: 15px 50%; 	text-align: left;	padding: 5px 10px 5px 10px;	border-top: 2px solid #ffd324;	border-bottom: 2px solid #ffd324;	width:250px;	font-size:10px;	visibility: hidden;	z-index: 100;	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

.code {	border: 1px dashed #aaa;	background: #FFFFFF; font-family:"Courier New", Courier, monospace;	font-size: 14px;	padding: 3px;}

.bottomText {	font-size: 10px; color:#FFF;}

.checkoutTbl { width:100%; margin:0;	border: 1px solid #aaa;}
.checkoutTbl thead { background:#5C5C5C url("../img/bg_header.gif") repeat-x;	color: white;	font-size: 14px; text-align:center;	font-weight: bold;}

.checkoutTbl tr { text-align: center;	font-size: 12px;	background: white;	border-bottom: 1px solid #aaa;}
.checkoutTbl td {	border-bottom: 1px solid #aaa; }
.checkoutTbl tfoot { background: white;}

/* Shirt Colors */
.largeBox {	height: 30px;	width: 30px;	border:1px #ccc solid;	float: right;}
.medBox {	height: 20px;	width: 20px;	margin:4px;	border:1px #ccc solid;	float:left;}

.pointer {cursor:pointer;}
.popup_effect {	background:#000000;	opacity: 0.5;}


/* Custom Products */
.customImage1, .customDescr, .customPrice { display:inline; }
.customPrice {font-size:13px; font-weight:bold; }

.shirtsInActionTbl td {text-align:center; padding:10px}


/** Admin Tables **/
.orderTable { width:100%}
.orderTable th { background: #3399FF; color: #fff; padding:3px; } 
.orderTable td.main {border-top:1px #ddd dashed; }
.orderTable tr.shipped { font-style:italic; background: #FFFFE8}

.orderItemTable { width:100%; border-collapse:collapse;}
.orderItemTable th { background: #888; color: #fff; padding:3px; }
.orderItemTable td {border:0px;}

#contact { margin-left:540px;margin-top:8px;width:100px; }
.linksCell { height:37px}