@charset "utf-8";
/* CSS Document 
	blue #246ab0
*/
@import url('reset.css');
@import url('layout.css');
@import url('table.css');

body {
	background: #000;
	font-family: Arial, sans-serif;
	font-size:10pt;
	text-align:center;
	color:#fff;
}
a {color:#246ab0; text-decoration:none;}

p {line-height:13pt;margin-bottom:10px;}

h1 span, h2 span, h3 span, h4 span, a span {display:none}
.left {text-align:left}
.small {font-size:9pt}
.center {text-align:center}
.green {color:#00CC00;}
.font9 {font-size:9pt !important}

ul.basic, ul.basic-2 {
	margin:0px 5px 10px;
	line-height:13pt;
}
	ul.basic li {
		margin:10px 15px;
		list-style-image:url(../images/bullet.png);
	}
	
	ul.basic-2 li {
		margin:3px 15px;
		list-style-image:none;
	}
	
/*********************************
* Header 
*********************************/

#header h2#shirt {
	background-image:url(../images/logo-shirt.png);
	width:93px;
	height:92px;
	margin:10px 0 0 20px;
	float:left;
}
	#header h2#shirt a {
		display:block;
		width:93px;
		height:92px;
	}

#header h2#name {
	background-image:url(../images/logo.png);
	width:236px;
	height:72px;
	float:left;
	margin:20px 0 0 40px;
}
	#header h2#name a{
		display:block;
		width:236px;
		height:92px;
	}
	

	
#shirtaday-friends, #rocksports {
	float:right;
	margin:8px 10px 0 0;
	color:#246ab0;
}

#rocksports {
	width:180px;
	font-size:8pt;
	margin-right:30px;
	text-align:center;
}

	#rocksports p {
		margin-bottom:3px;
	}

	#shirtaday-friends a.button, #rocksports a.button {
		display:block;
		width:134px;
		height:36px;
	}
	#shirtaday-friends #cheapofeed { background-image:url(../images/logo-cheapofeed.png); margin:8px 0 0 0;}
	#shirtaday-friends #reruntees { background-image:url(../images/logo-reruntees.png); margin:8px 0 0 0;}
	#rocksports a.button { background-image:url(../images/rocksports_button.png); margin:0 auto;}

#cart {
	float:right;
	background-image:url(../images/cart-separator.png);
	height:115px;
	width:140px;
	padding-left:20px;
}

	#cart .info {
		float:left;
		color:#666;
		text-align:left;
		font-size:10pt;
		line-height:12pt;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:30px 0 0 55px;
	}
	
		#cart .info a {
			font-weight:bold;
			border-bottom:1px #246ab0 dashed;
		}
	
/*********************************
* Nav 
*********************************/
#rss-icon {
	background-image:url(../images/icon-rss.png);
	width:19px;
	height:19px;
	display:block;
	float:left;
	margin:10px 5px 0 85px;
}

#search-field {
	background-image:url(../images/search-field.png);
	width:121px;
	padding:1px 2px 1px 20px;
	height:17px;
	float:left;
	border:0;
	font-size:9pt;
	color:#999;
	margin:9px 0 0 0;
}

/*********************************
* Shirt of the Day Options 
*********************************/
#shirt-options {
	background-position: -20px 180px;
}
#price-wrapper {
	background:#fff;
	padding:10px 0 10px 10px;
}
#prices {
	background-image:url(../images/bg-prices.png);
	width:228px;
	height:113px;
	font-size:12pt;
	padding:1px 0;
}

	#prices ul {
		margin: 8px 5px 0 0;
	}
	
		#prices ul li {
			text-align:right;
			padding:5px 0;
			margin:8px 0 0 0;
			overflow:hidden;
		}
		
		#prices ul li span {float:right; padding-right:8px;}
		
	#prices .hover-help {
		float:right;
	}

#price-end {color:#00CC00; font-weight:bold;}
#current-refund{color:#FF0000}



#left-form {
	padding:0px 0 5px 20px;
}

#left-form .step {
	margin:15px 0;
	font-size:11pt;
}

	#left-form .step label {
		display:block;
		padding:5px 0;
	}
	
	#left-form .step select, #left-form .step input, .step .checkbox {
		width:185px;
	}
	
	#left-form .step .checkbox {
		display:inline-block;
	}
	
	#left-form .step input.check {
		width:auto !important;
	}
	
	#left-form .step .hover-help {
		margin:0 0 0 5px;
	}

.form-buttons {
	margin-bottom:20px;
	overflow:hidden;
	height:30px;
}
	.form-buttons img, .form-buttons input{
		cursor:pointer;
		margin-left:5px;
	}
	
#add-to-cart-btn {
	position:absolute;
	z-index:0;
}

#add-to-cart-btn-on {
	position:absolute;
	z-index:100;
}

#checkout-btn {
	position:absolute;
	margin-left:125px;
}

#preview-btn {
	float:right;
	margin:10px 5px 20px 0;
}

/*********************************
* Warehouse Preview 
*********************************/
#warehouse-preview {
	width:175px;
	overflow:hidden;
	margin-left:30px;
}

	#warehouse-preview .preview-img{
		float:left;
		width:175px;
		margin:10px 0;
	}
	
	#warehouse-preview .preview-img a{
		display:block;
		width:175px;
	}
	
	#warehouse-preview h4 {
		text-align:center;
		padding:3px 0;
		font-size:14pt;
		color:#FFFFFF;
		background:url(../images/bg-notice.png) repeat-x left -3px;
		text-align:center;
		height:20px;
	}

/*********************************
* Shirt of the Day
*********************************/
#recent-shirts h2 {
	float:right;
	background-image:url(../images/bg-popular-shirts.png);
	width:695px;
	height:47px;
	margin:10px 0 10px 0;
}

#shirt-title {
	float:right;
	background-image:url(../images/bg-shirt-name-date.png);
	width:695px;
	height:59px;
	margin:10px 0 0 0;
}

	#shirt-title #date {
		width:55px;
		height:53px;
		padding:5px 0 0 0;
		float:left;
		text-align:center;
	}

	#shirt-title #month {
		color:#fff;
		font-size:12pt;
		width:50px;
		display:inline-block;
		font-family:Garamond, Verdana, Arial, sans-serif;
	}
	
	#shirt-title #day {
		color:#fff;
		font-size:25pt;
		font-family:Garamond, Verdana, Arial, sans-serif;
	}
	
	#shirt-title h1 {
		float:left;
		font-size:30pt;
		margin:7px 0 0 10px;
		color:#246ab0;
		height:50px;
		width:620px;
		text-align:left;
		overflow:hidden;
		font-weight:normal;
	}
	
	#shirt-title h1.small {
		font-size:18pt;
	}
	
#shirt-image {
	width:400px;
	overflow:hidden;
	margin:0 auto 10px auto;
}

#shirt-image-preview {
	margin:10px 20px 20px 0;
	float:right;
	cursor:pointer;
	height:200px;
	overflow:hidden;
	width:200px;
}


#share-icons{
	margin:0 0 20px 30px;
}

	#share-icons img {
		margin:0 3px;
	}
	
.alternate-link {
	margin:5px auto;
	text-align:center;
}

	.alternate-link h2{
		font-size:13pt;
		margin:5px 0;
		color:#246ab0;
	}
	
	.alternate-link h3 {
		color:#00CC00;
		font-weight:bold;
		font-size:11pt;
	}
/*********************************
* Checkout 
*********************************/

#checkout-btns {
	margin:10px;
	text-align:right;
}

	#checkout-btns img{
		margin:0 10px;
		vertical-align:middle;
	}

/*********************************
* Shirt List 
*********************************/
#shirt-list {
	margin:0 0 20px 20px;
	overflow:hidden;
}

	#shirt-list li {
		float:left;
		margin:20px 20px 0 0;
		width:200px;
		height:260px;
		display:inline-block;
	}
	
	#shirt-list.warehouse li {
		height:210px !important;
	}

		
		#shirt-list div.shirt-date {
			text-align:center;
		}
		
	#shirt-list li h3 {
		margin-top:205px;
		text-align:center;
		font-size:11pt;
		line-height:14pt;
		margin-bottom:5px;
	}
	
.shirt-img {
	display:inline-block;
	height:200px;
	width:200px;
	overflow:hidden;
	position:absolute;
	z-index:0;
}

	.shirt-img a {
		display:block;
		height:200px;
		width:200px;
	}

#pager {
	background-image:url(../images/pager-body.png);
	width:677px;
	height:47px;
	margin:0 auto;
}

#pager-left a, #pager-right a {
	width:62px;
	height:47px;
	display:block;
}

#pager-left {
	background-image:url(../images/pager-left.png);
	width:62px;
	height:47px;
	float:left;
	display:block;
	cursor:pointer;
}

	#pager-left.off {
		background-image:url(../images/pager-left-off.png) !important;
		cursor:default;
	}
	
#pager-right {
	background-image:url(../images/pager-right.png);
	width:62px;
	height:47px;
	float:right;
	display:block;
	cursor:pointer;
}

	#pager-right.off {
		background-image:url(../images/pager-right-off.png) !important;
		cursor:default;
	}
	
#pager h3 {
	float:left;
	font-size:16pt;
	margin:12px 0 0 10px;
	color:#246ab0;
	font-weight:normal;
}

.side-ads {
	width:200px;
	margin:10px auto;
}

.ad-spacer {
	margin:8px;
	float:left;
	display:inline;
	width:180px;
	overflow:hidden;
}
/*********************************
* Shirts In Action 
*********************************/
ul.photo-list {
	margin:10px 0 20px 10px;;
	overflow:hidden;
}

	ul.photo-list li {
		float:left;
		height:150px;
		width:200px;
		margin:5px 10px;
		text-align:center;
	}

/*********************************
* Sidebar Navigation 
*********************************/
.side-nav {

}
	.side-nav li {
		width:260px;
		font-size:14pt;
		height:30px;
		margin:3px 0;
		background-image: url(../images/side-nav.png);
	}
	
		.side-nav li a {
			display:block;
			width:220px;
			height:25px;
			padding:5px 0 0 0;
			margin:0 0 0 20px;
			color:#999999;
		}
	
	.side-nav li.on, .side-nav li:hover {
		background-image: url(../images/side-nav-on.png);
	}
	
		.side-nav li.on a, .side-nav li:hover a {
			display:block;
			width:200px;
			height:25px;
			padding:5px 0 0 0;
			margin:0 0 0 40px;
			color:#246ab0
		}


/*********************************
* H2's 
*********************************/
div.large h2 {
	width:500px;
	height:70px;
}

h2#checkout {
	background-image:url(../images/h2_checkout.png);
}

h2#warehouse {
	background-image:url(../images/h2_warehouse.png);
}

h2#our-shirts {
	background-image:url(../images/h2_our-shirts.png);
}

h2#our-services {
	background-image:url(../images/h2_our-services.png);
}

h2#custom-orders {
	background-image:url(../images/h2_custom-orders.png);
}

h2#fundraisers {
	background-image:url(../images/h2_fundraisers.png);
}

h2#promotions {
	background-image:url(../images/h2_promotions.png);
}

h2#submit-a-design {
	background-image:url(../images/h2_submit-a-design.png);
}

h2#how-it-works {
	background-image:url(../images/h2_how-it-works.png);
}

h2#what-we-do {
	background-image:url(../images/h2_what-we-do.png);
}

h2#who-we-are {
	background-image:url(../images/h2_who-we-are.png);
}

h2#contact-us {
	background-image:url(../images/h2_contact-us.png);
}

h2#shirts-in-action {
	background-image:url(../images/h2_shirts-in-action.png);
}
/*********************************
* H3's 
*********************************/
div.small h3 {	
	width:260px;
	height:63px;
	margin-bottom:10px;
}

h3#shipping-info {
	background-image:url(../images/h3_shipping-info.png);
}

h3#in-the-warehouse {
	background-image:url(../images/h3_in-the-warehouse.png);
}

h3#buy-this-shirt {
	background-image:url(../images/h3_buy-this-shirt.png);
}

h3#like-this-shirt {
	background-image:url(../images/h3_like-this-shirt.png);
}

h3#search-our-shirts {
	background-image:url(../images/h3_search-our-shirts.png);
}

h3#our-services {
	background-image:url(../images/h3_our-services.png);
}

h3#about-us {
	background-image:url(../images/h3_about-us.png);
}

h3#submit-photo {
	background-image:url(../images/h3_submit-photo.png);
}

h3#share {
	background-image:url(../images/h3_share-this-shirt.png);
}

h3#alternate {
	background-image:url(../images/h3_alternate.png);
}

h3#also-like {
	background-image:url(../images/h3_also-like.png);
}

h4.price {
	font-size:16pt;
	color:#00CC00;
	text-align:right;
	margin-right:35px;
}

h4.limited, h4.clearance-price, h4.on-sale {
	width:195px;
	height:40px;
	position:absolute;
	background-image:url(../images/sold-out.png);
	margin-top:170px;
	border-top:1px #999 solid;
	text-align:left;
	font-size:18pt;
	color:#fff;
	padding:6px 0 0 5px;
}

h4.clearance-price {
	background:url(../images/bg-notice.png) repeat-x;
	text-align:center;
}

h4.on-sale {
	background-image:url(../images/on-sale.png);
	color:#000;
}

/*********************************
* Icons 
*********************************/

.hover-help {
	background-image:url(../images/icon-help.png);
	height:16px;
	width:16px;
	display:inline-block;
	cursor:pointer;
}

.remove-btn {
	cursor:pointer;
}

.email {
	background-image:url(../images/email.png);
	padding-left:20px;
	font-size:10pt;
}
.cart-icon {
	background-image:url(../images/icon-cart.png);
	height:48px;
	width:48px;
	display:block;
	float:left;
	margin:30px 5px 0 0;
	position:absolute;
	z-index:1;
	float:left;
}

.cart-icon:hover {
	background-position:0 -49px;
}

.cart-icon-on {
	background-image:url(../images/icon-cart.png);
	background-position:0 -49px;
	height:48px;
	width:48px;
	display:block;
	float:left;
	margin:30px 5px 0 0;
	position:absolute;
	z-index:100;
}

	.hover-help .help-content {
		display:none;
	}


.alert {
	padding-top:10px;
	height:30px;
	z-index:100;
	background:url(../images/bg_alert.png) repeat-x;
}

	.alert h1 {
		color:#000;
		float:left;
		font-size:11pt;
		font-weight:normal;
	}
	
.status-alert { 
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-style:solid;
	border-width:1px;
	margin:5px 15px 2px;
	padding:10px;
	border-color:#E6DB55;
	margin:5px 0 15px;
	background-color:#FFFBCC;
}

.status-alert p {
	line-height:1.3em;
	margin:5px 0 !important;
	padding:2px;
}

.max_refund {
	background:#fff;
	padding:5px 20px 5px 10px;
}


/*********************************
* Footer 
*********************************/
#footer a {
	color:#333;
}

#footer a:hover {
	text-decoration:underline;
}

#footer p {
	margin-bottom:0;
}

#credit {
	float:left;
	font-size:8pt;
	margin:0 0 0 5px;
	color:#333333;
	text-align:left;
	line-height:10pt;
}
	
	#credit strong {
		font-weight:normal;
		color:#ac0000;
	}
	
	#credit p {
		background:url(../images/halfslide-logo.png) no-repeat 0 6px;
		padding:0 0 5px 35px;
		display:block;
	}
	
#footer ul {
	float:left;
	margin:5px 0 0 30px;
}

	#footer ul li {
		float:left;
		font-size:10pt;
		border-left: 1px #ccc solid;
		text-align:left;
		padding:5px 20px 5px 20px;
	}
	
	#footer ul li.first {
		border:0;
	}


#footer .copy {
	float:right;
	color:#333333;
	font-size:8pt;
	margin:3px 10px 0 0;
	text-align:right;
	line-height:10pt;
}
/*********************************
* Progress Bar 
*********************************/
#vote-wrapper {
	height:200px;
}

#vote-btn {
	position:absolute;
	z-index:0;
}

#vote-btn-on {
	position:absolute;
	z-index:100;
}

.vote-progress {
	margin:10px 10px;
	overflow:hidden;
	width:200px;
}

#view-results-btn {
	position:absolute;
	margin-left:125px;
}

	.vote-progress .title {
		float:left;
	}
	
	.vote-progress .votes {
		float:right;
	}

.progress {
	background:url(../images/progress-bg.png);
	width:200px;
	height:15px;
	margin:3px 0;
}

	.progress span {
		height:15px;		
		display:block;
	}
	
	.progress .max {
		background:url(../images/progress-red.png);
	}
	
	.progress .high {
		background:url(../images/progress-orange.png);
	}
	
	.progress .low {
		background:url(../images/progress-yellow.png);
	}
	
	.progress .min {
		background:url(../images/progress-green.png);
	}

/*********************************
* Tooltip 
*********************************/

.tooltip{
   position: absolute;   
   z-index: 2;   
   width:182px;
	 font-size:8pt;
	 line-height:11pt;
	 position:absolute;
	 z-index:2;	 
}

	.tooltip .content {
		background:url(../images/balloon.png);
		width:165px;
		padding-left:7px;
		padding-right:10px;
		text-align:left;
		font-weight:normal;
		color:#000 !important;
	}

	.tooltip .top {
		background:url(../images/balloon-top.png);
		height:8px;
		width:182px;
	}
	
	.tooltip .bottom {
		background:url(../images/balloon-bottom.png);
		height:19px;
		width:182px;
	}
	
	.tooltip .btn {
		text-align:right;
	}
	
.vis-clear  { 
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
	width:100%;
}