@charset "utf-8";
/* CSS Document 
	blue #246ab0
*/
@import url('reset.css');
@import url('layout.css');
@import url('table.css');
@import url('form.css');
body {
	background: #000;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #fff;
}
a {
	color:#246ab0;
	text-decoration:none;
}
p {
	line-height:13px;
	margin-bottom:10px;
}
h3 {
	margin-bottom:5px;
}
h1 span, h2 span, h3 span, h4 span, a span {
	display:none
}
.left {
	text-align:left;
}
.small {
	font-size:px;
}
.smaller {
	font-size:8px;
	line-height:11px;
}
.center {
	text-align:center
}
.green {
	color:#00CC00;
}
.font9 {
	font-size:9pt !important;
}
ul.basic, ul.basic-2 {
	margin:0px 5px 10px;
	line-height:13px;
}
ul.basic li {
	margin:10px 15px;
	list-style-image:url(../images/bullet.png);
}
ul.basic-2 li {
	margin:3px 15px;
	list-style-image:none;
}
.bold {
	font-weight: bold;
}
/*********************************
* 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:8px;
	margin-right:30px;
	text-align:center;
}
#rocksports p {
	margin-bottom:3px;
}
#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:10px;
	line-height:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:30px 0 0 55px;
}
#cart .info a {
	font-weight:bold;
	border-bottom:1px #246ab0 dashed;
}
#account_area {
	background:url(../images/header_bg.png);
	width:243px;
}
/*********************************
* Nav 
*********************************/
#rss-icon {
	background-image:url(../images/icon-rss.png);
	width:19px;
	height:19px;
	display:block;
	float:left;
	margin: 10px 5px 0 5px;
}
#search-field {
	background-image:url(../images/search-field.png);
	width: 121px;
	padding: 1px 2px 1px 20px;
	height: 17px;
	float: left;
	border: 0;
	font-size: 8px;
	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:12px;
	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:11px;
}
#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:14px;
	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:12px;
	width:50px;
	display:inline-block;
	font-family:Garamond, Verdana, Arial, sans-serif;
}
#shirt-title #day {
	color:#fff;
	font-size:25px;
	font-family:Garamond, Verdana, Arial, sans-serif;
}
#shirt-title h1 {
	float:left;
	font-size:30px;
	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:18px;
}
#shirt-image {
	width: 400px;
	overflow: hidden;
	margin: 0px 0px 0px 17px;
}
#shirt-image-preview {
	margin:10px 20px 20px 0;
	float:right;
	cursor:pointer;
	height:200px;
	overflow:hidden;
	width:200px;
}
#shirt-image-color {
	width: 400px;
	overflow: hidden;
	margin: 0px 0px 0px 17px;
}
#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:13px;
	margin:5px 0;
	color:#246ab0;
}
.alternate-link h3 {
	color:#00CC00;
	font-weight:bold;
	font-size:11px;
}
/*********************************
* Checkout 
*********************************/
#checkout-btns {
	margin:10px;
	text-align:right;
}
#checkout-btns img {
	margin:0 10px;
	vertical-align:middle;
}
.form-col-2 {
	float:left;
	width:310px;
	margin:0 20px 20px 0;
}
/*********************************
* Shirt List 
*********************************/
#shirt-list {
	margin: 0px 0px 0px 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:11px;
	line-height:14px;
	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:16px;
	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:14px;
	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, div.largest h2 {
	width:690px;
	height:70px;
	background-repeat:no-repeat;
}
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);
}
h2#bestsellers {
	background-image:url(../images/h2_bestsellers.png);
}
h2#login_or_create {
	background-image:url(../images/h2_login_or_create.png);
}
h2#create_account {
	background-image:url(../images/h2_create-account.png);
}
h2#my_account {
	background-image:url(../images/h2_my-account.png);
}
h2#edit_info {
	background-image:url(../images/h2_edit_information.png)
}
h2#my_orders {
	background-image:url(../images/h2_edit_orders.png);
}
h2#order_confirmation {
	background-image:url(../images/h2_order-confirmation.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);
}
h3#my-account {
	background-image:url(../images/h3-my-account.png);
}
h3#shirtaday-credit {
	background-image:url(../images/h3_shirtaday_credit.png);
}
/*********************************
* H4's 
*********************************/
h4.price {
	font-size:16px;
	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:18px;
	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;
}
h4#billing_address {
	background:url(../images/h4-billing-address.png);
	width:300px;
	height:50px;
	padding-bottom:5px;
	border-bottom:1px #ddd solid;
	margin-bottom:20px;
}
h4#shipping_address {
	background:url(../images/h4-shipping-address.png);
	width:300px;
	height:50px;
	padding-bottom:5px;
	border-bottom:1px #ddd solid;
	margin-bottom:20px;
}
h4#shipping_billing {
	background:url(../images/h4-shipping-billing.png);
	width:300px;
	height:50px;
	padding-bottom:5px;
	border-bottom:1px #ddd solid;
	margin-bottom:20px;
}
h4#credit_card {
	background:url(../images/h4-credit-card.png);
	width:300px;
	height:50px;
	padding-bottom:5px;
	border-bottom:1px #ddd solid;
	margin-bottom:20px;
}
h4#shirtaday_credit {
	background:url(../images/h4-shirtaday-credit.png);
	width:300px;
	height:50px;
	padding-bottom:5px;
	border-bottom:1px #ddd solid;
	margin-bottom:20px;
}
#discount_code h4 {
	background:url(../images/h4-discount-code.png);
	width:300px;
	height:50px;
	padding-bottom:5px;
	border-bottom:1px #ddd solid;
	margin-bottom:10px;
	text-indent:-9999px;
}
#discount_code .text {
	padding:2px;
	width:180px;
	float:left;
	margin:2px 10px 2px 0;
	font-size:19px;
}
/*********************************
* Icons 
*********************************/
.hover-help {
	background-image:url(../images/icon-help.png);
	height:16px;
	width:16px;
	display:inline-block;
	cursor:pointer;
}
.remove-btn {
	cursor:pointer;
}
span.email a.email {
	background-image:url(../images/email.png);
	padding-left:20px;
	font-size:10px;
}
.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:11px;
	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;
}
.credit_amount {
	display:block;
	margin:10px auto 20px;
	text-align:center;
	font-size:46px;
	color:#00CC00;
	font-weight:bold;
	letter-spacing:-.05em;
}
/*********************************
* Footer 
*********************************/
#footer a {
	color:#333;
}
#footer a:hover {
	text-decoration:underline;
}
#footer p {
	margin-bottom:0;
}
#credit {
	float:left;
	font-size:8px;
	margin:0 0 0 5px;
	color:#333333;
	text-align:left;
	line-height:10px;
}
#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:10px;
	border-left: 1px #ccc solid;
	text-align:left;
	padding:5px 12px 5px 12px;
}
#footer ul li.first {
	border:0;
}
#footer .copy {
	float:right;
	color:#333333;
	font-size:8px;
	margin:3px 10px 0 0;
	text-align:right;
	line-height:10px;
}
/*********************************
* 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);
}
.welcome-msg {
	text-align:left;
}
/*********************************
* Tooltip 
*********************************/
.tooltip {
	position: absolute;
	z-index: 2;
	width:182px;
	font-size:8px;
	line-height:11px;
	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;
}

/* Common */
.vis-clear {
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
	width:100%;
}

/* Textbox */
.tb10 {
	background-image: url(../images/textbox-grad-2.jpg);
	background-repeat: repeat-x;
	border: 1px solid #009;
	width: 230px;
	color: #333333;
	padding: 3px;
	margin-right: 4px;
	margin-bottom: 8px;
	font-family: tahoma, arial, sans-serif;
}