@charset "UTF-8";
/* CSS Document */

/* @group Fonts */
@font-face {
	font-family: 'OCRAStd';
	src: url('/fonts/ocrastd-webfont.eot');
	src: local('☺'), url('/fonts/ocrastd-webfont.woff') format('woff'), url('/fonts/ocrastd-webfont.ttf') format('truetype'), url('/fonts/ocrastd-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamThin';
	src: url('/fonts/gotham-thin-webfont.eot');
	src: local('☺'), url('/fonts/gotham-thin-webfont.woff') format('woff'), url('/fonts/gotham-thin-webfont.ttf') format('truetype'), url('/fonts/gotham-thin-webfont.svg#webfonthntCuh68') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamLight';
	src: url('/fonts/gotham-light-webfont.eot');
	src: local('☺'), url('/fonts/gotham-light-webfont.woff') format('woff'), url('/fonts/gotham-light-webfont.ttf') format('truetype'), url('/fonts/gotham-light-webfont.svg#webfontUAG8Lkpa') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* @end */

.green {color: #8EC23F;}
.red {color: #C92027;}



body {
	margin: 0;
	color: #666;
	/*background: #2a2a2a;*/
	background: #fff url('http://www.bokchoyapparel.com/images/Homepage_Banner/border_spring2011.jpg') center top repeat-x;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

a { /*color: #781400;*/
	color: #7fc241;
	word-wrap: break-word;
}

a, img {
	/*color: #cc0000;*/
	text-decoration: none;
	border: none;
}

a:hover {
	color: #3cb04b
	/*color: #cc0000;*/
	text-decoration: underline;
}

input, textarea {
	border: 1px solid #C92027;
	padding: 3px;
	margin: 0;
	-moz-box-shadow:inset 1px 3px 8px rgba(0,0,0,.08);
	-webkit-box-shadow:inset 1px 3px 8px rgba(0,0,0,.08);
	box-shadow:inset 1px 3px 8px rgba(0,0,0,.08);
}

hr {
	border-top: none;
	border-bottom: 2px dotted #ddd;
}

.hide {
	visibility: hidden;
}

.show {
	visibility: visible;
}

#googlecart-widget-spacer {
	z-index: 100 !important;
}

.fancybox_image {
	z-index: 110;
}

.buttonSubmit {
	border: 1px solid #C92027;
	margin: 0;
	background: #C92027;
	color: #FFF;
}

.buttonSubmit_vote {
	float: right;
	border: 1px solid #8EC23F;
	margin: 4px 0 4px 4px;
	background: #8EC23F;
	color: #FFF;
}

.selected {
	font-weight: bold;
	color: #33AE4A;
	/*color: #999999;*/
}

.hidden {
	position: absolute;
	top: -10000px;
}

.center {
	text-align: center;
}


h1 {
	font-size: 2em;
	font-family: Helvetica, Arial, sans-serif;
}
h3 {
	margin: 0;
	padding: 5px 10px 5px 10px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #fff;
	background-color: #b1edd4;
	/*background-color: #9ddb5b;*/
	/*background-color: #cc0000;*/
}
.col_header h3 {
	display: none;
}

h4 {
	margin: 12px 0 18px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	/*color: #C92027;*/
	color: #666;
}

h4 + p {
	margin-top: 1px;
	padding: 0;
}

h5 {
	float: left;
	margin: 18px 0 5px 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	/*color: #C92027;*/
	color: #666;
}


/*google checkout*/
.product-image { 
	/*border:solid 1px #ccc;*/
}
.product-title, .product-price, .product-shipping { 
	font-weight:bold; 
}
.data-cell { 
	padding:0px 50px 0px 10px;
	border:solid 0px #fff;
	vertical-align:top;
}
	.notify {
		color: #8EC23F;
	}
.align-cart { 
	padding-left:480px;
}

  .override #googlecart-widget-head {
    width: 230px;
	/*display: none;*/
  }
  .override #googlecart-arrow {
    Arrow
  }
  .override #googlecart-title {
    Bok Choy Pink
  }
  .override #googlecart-summary {
    This is the design in the classic bubble gum pink!!!
  }
  .override #googlecart-widget-body {
    width: 230px;
  }
  .override #googlecart-widget-list {
    item list
  }
  .override .googlecart-widget-item {
    item row
  }
  .override .googlecart-widget-quantity-column {
    item row - quantity column
  }
  .override .googlecart-widget-quantity-box {
    item quantity box
  }
  .override .googlecart-widget-details-column {
    item row - details
  }
  .override .googlecart-widget-title {
    BokChoy001Pink
  }
  .override .googlecart-widget-short-details {
    short item details
  }
  .override .googlecart-widget-long-details {
    PInk Colored classic design
  }
  .override .googlecart-widget-removed-message {
    message item removed from cart
  }
  .override .googlecart-widget-image-column {
    item row - image column
  }
  .override .googlecart-widget-img {
    http://www.bokchoyapparel.com/dev/images/tshirt_sample1.jpg
  }
  .override .googlecart-widget-price-column {
    item row - price column
  }
  .override .googlecart-widget-price {
    15.00
  }
  .override .googlecart-widget-remove {
    link remove item from cart
  }
  .override .googlecart-widget-footertext {
    text in footer row
  }
  .override .googlecart-widget-totalmessage {
    Text preceding total price
  }
  .override .googlecart-widget-totalprice {
    Total price of items in cart
  }
  .override .googlecart-widget-disclaimer {
    Shipping will be incured later
  }
  .override .googlecart-widget-checkout {
    Background for Google Checkout image
  }
  
  

#wrapper_main {
	margin: 0px auto 0 auto;
	width: 1000px;
	background: #FFF;
}

	#wrapper_header {
		height: 160px;
		width: 100%;
		float: left;
		background: #fff url('http://www.bokchoyapparel.com/images/Homepage_Banner/banner_spring2011.jpg');
		-moz-box-shadow: 1px 3px 8px rgba(0,0,0,.08);
		-webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.08);
		box-shadow: 1px 3px 8px rgba(0,0,0,.08);
	}
	
	#wrapper_header ul {
		list-style-type: none;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#wrapper_header ul li {
		display: inline-table;
	}
	
	#wrapper_header ul li a, #wrapper_header ul li a {
		display: block;
		text-decoration: none;
	}
	
		#nav_left {
			float: left;
			width: 385px;
			margin: 120px 0 0 0;
		}
		
		#nav_left ul li{
			float: right;
			margin: 0 0 0 13px;
		}
			#nav_apparel {
				width: 77px;
				height: 20px;
				background: url(../images/nav.png) 0px 240px;
			}
			#nav_apparel:hover, #nav_apparel_selected {
				width: 77px;
				height: 20px;
				background: url(../images/nav.png) 0px 120px;
			}
			
			
			#nav_artists {
				width: 70px;
				height: 20px;
				background: url(../images/nav.png) 0px 220px;
			}
			#nav_artists:hover, #nav_artists_selected {
				width: 70px;
				height: 20px;
				background: url(../images/nav.png) 0px 100px;
			}
			
			#nav_community {
				width: 100px;
				height: 20px;
				background: url(../images/nav.png) 0px 200px;
			}
			#nav_community:hover, #nav_community_selected {
				width: 100px;
				height: 20px;
				background: url(../images/nav.png) 0px 80px;
			}
		
		#nav_logo {
			float: left;
			margin: 40px 0 0 0;
			width: 230px;
			text-align: center;
		}
		
		#nav_right {
			float: right;
			width: 380px;
			margin: 120px 0 0 0;
		}
		
		#nav_right ul li{
			float: left;
			margin: 0 20px 0 0;
		}
			#nav_about {
				width: 57px;
				height: 20px;
				background: url(../images/nav.png) 0px 180px;
			}
			#nav_about:hover, #nav_about_selected {
				width: 57px;
				height: 20px;
				background: url(../images/nav.png) 0px 60px;
			}
			
			#nav_contact {
				width: 76px;
				height: 20px;
				background: url(../images/nav.png) 0px 160px;
			}
			#nav_contact:hover, #nav_contact_selected {
				width: 76px;
				height: 20px;
				background: url(../images/nav.png) 0px 40px;
			}
			
			#nav_faq {
				width: 32px;
				height: 20px;
				background: url(../images/nav.png) 0px 140px;
			}
			#nav_faq:hover, #nav_faq_selected {
				width: 32px;
				height: 20px;
				background: url(../images/nav.png) 0px 20px;
			}
			
		
		#nav_footer ul {
		list-style-type: none;
		list-style: none;
		margin: 0;
		padding: 0;
		}	
		#nav_footer ul li{
			float: left;
			margin: 0 30px 0 0;
			display: inline-table;
		}
		#nav_footer {
			float: left;
			width: 920px;
			margin: 50px 0 0 0;
		}
		#nav_footer ul li a, #nav_footer ul li a {
		display: block;
		text-decoration: none;
		}
		
		
			/*footer definitions*/
			#nav_apparel_footer {
				width: 52px;
				height: 20px;
				background: url(/images/nav_footer.gif) 0px 260px;
			}			
			#nav_artists_footer {
				width: 47px;
				height: 20px;
				background: url(/images/nav_footer.gif) 0px 240px;
			}			
			#nav_community_footer {
				width: 67px;
				height: 20px;
				background: url(/images/nav_footer.gif) 0px 220px;
			}
			#nav_about_footer{
				width: 38px;
				height: 20px;
				background: url(/images/nav_footer.gif) 0px 200px;
			}			
			#nav_contact_footer {
				width: 51px;
				height: 20px;
				background: url(/images/nav_footer.gif) 0px 180px;
			}		
			#nav_faq_footer {
				width: 22px;
				height: 20px;
				background: url(/images/nav_footer.gif) 0px 160px;
			}
			#nav_siteindex_footer {
				width: 63px;
				height: 20px;
				background: url(/images/nav_footer.gif) 0px 20px;
			}
			#nav_copyright {
				width: 241px;
				height: 20px;
				background: url(/images/nav_footer.gif) 0px 140px;
			}
			#nav_footer li#nav_copyright {
				float: right;
				margin: 0;
			}
	
	#wrapper_body {
		height: auto;
		min-height: 500px;
		width: 100%;
		padding: 0 0 15px 0;
		float: left;
		background: #FFF url(../images/bg_mainwrapper.gif);
	}
	
	.content {
		margin: 40px;
		/*float: left;*/
	}
	
	.col_1of1 {
		float: left;
		width: 920px;
		margin: 30px 0 0 0;
		border-bottom: 2px dotted #ddd;
	}
	
	.col_1of1_faq {
		float: left;
		width: 920px;
		border-bottom: 2px dotted #ddd;
	}
	
	.col_1of1_community_landing {
		float: left;
		width: 660px;
		margin: 30px 0 0 0;
		border-bottom: 2px dotted #ddd;
	}
	
	.col_1of2 {
		float: left;
		width: 660px;
		border-bottom: 2px dotted #ddd;
	}
	
	.col_1of2_causes {
		float: left;
		width: 920px;
		border-bottom: 2px dotted #ddd;
	}
	
	.artist_brief {
		float: left;
		width: 320px;
	}
	
	.artist_detail {
		float: right;
		width: 305px;
		height: 640px;
		padding: 0 15px 0 0;
	}
	
	.artist_detail h4 {
		margin: 15px 0 5px 0;
		font-size: 110%;
	}
	
	.artist_designs {
		float: right;
		width: 220px;
		height: 620px;
		padding: 0 0 0 0;
	}
	
	.col_2of2 {
		float: right;
		width: 250px;
		/*height: 640px;*/
		border-bottom: 2px dotted #ddd;
	}
	
	.col_2of2_product {
		margin: 0 0 15px 0;
		float: right;
		width: 250px;
		border-bottom: 2px dotted #ddd;
	}
	
	.col_1of3, .col_2of3, .col_3of3 {
		width: 285px;
	}
	
	.col_1of3 {
		margin: 0 20px 0 0;
		float: left;
	}
	
	.col_2of3 {
		float: left;
	}
	
	.col_3of3 {
		float: right;
	}
	
	
	/* col size */
	.colsize_2rows
	{
		height: 680px;
	}
	
	.colsize_3rows
	{
		/*min-height: 480px;*/
	}
	
	
	/* col header */
	.col_header {
		height: 25px;
		width: 100%;
		bottom: 0;
		background: url(../images/header_stitches.gif) repeat-x bottom;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #666
		/*color: #C92027;*/
	}
	
	.col_header_xtraspace {
		margin: 25px 0;
		clear: both;
	}
	
	.col_header_sub {
		margin: 0 0 0 8px;
		font-size: 12px;
		color: #666;
		/*color: #781400;*/
		text-transform: none;
	}
	
	.col_header_nav {
		margin: 0;
		font-size: 12px;
		font-weight: normal;
		color: #666
		/*color: #C92027;*/
	}
	
	.col_header_nav_halfcol {
		float: right;
		margin: 0 0 0 8px;
		font-size: 12px;
		font-weight: normal;
		color: #666
		/*color: #C92027;*/
	}
	
	.col_header_nav a {
		margin: 0 5px;
	}
	
	
	
	
	/* col content */
	.col_content {
		float: left;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_def {
		float: left;
		width: 640px;
		min-height: 530px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_def_collapse {
		float: left;
		width: 640px;
		background: #fff;
		padding: 10px;
	}
		.col_content_def_collapse h4 {
			color: #C92027;
		}
	.col_content_causes {
		float: left;
		/*width: 900px;*/
		background: #fff;
		padding: 10px;
	}
	
	.col_content_about {
		float: left;
		width: 640px;
		height: 360px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_newsletter {
		float: left;
		width: 640px;
		height: 180px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_home {
		float: left;
		width: 660px;
		/*height: 396px; with navigation*/
		/*height: 370px;*/
		background: #fff;
	}
	
	.home_promo_tiles {
		margin: 4px 0 0 0;
	}
	
	.col_content_faq {
		float: left;
		width: 900px;
		min-height: 360px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_contact {
		float: left;
		height: 500px;
		width: 640px;
		background: #fff;
		padding: 10px;
		margin: 0 0 30px 0;
	}
	
	.col_content_community_shirtorder {
		float: left;
		/*height: 500px;*/
		width: 640px;
		background: #fff;
		padding: 10px;
		margin: 0 0 30px 0;
	}
	
	.col_content_community_shirtorder h3 {
		float: left;
		/*height: 500px;*/
		width: 100%;
		background: #fff;
		padding: 0 0 6px 0;
		margin: 0;
	}
	
	.col_content_community_shirtorder h3 a {
		color: #555;
	}
	
	.col_content_contact input,
	.col_content_community_shirtorder input {
		margin-bottom: 10px;
	}
	
	.col_content_product {
		float: left;
		width: 640px;
		height: auto;
		min-height: 350px;
		background: #fff;
		padding: 10px;
	}
	
		.col_content_product .product-title{
			font-size: 120%;
		}
		
		.oldprice {
			margin-top: 15px;
			display: block;
			text-decoration: line-through;
		}
		
		.col_content_product .product-price,
		.col_content_product .price-comment{
			/*display: inline;*/
			font-weight: bold;
			font-size: 130%;
			color: #cc1023;
		}
		
		.col_content_product table tr td{
			vertical-align: top;
		}
	
	.col_content_bot {
		float: left;
		width: 900px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_bot_community_landing {
		float: left;
		width: 640px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_right {
		float: left;
		width: 230px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_right_apparel_land {
		float: left;
		width: 230px;
		min-height: 440px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_right_product {
		float: left;
		width: 230px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_right_bio {
		float: left;
		width: 230px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_right_promo {
		float: left;
		width: 250px;
		height: 200px;
		/*min-height: 300px;*/
		margin: 25px 0 20px 0;
		background: url(/images/promo_bg.jpg);
		/*background: #fff;*/
		/*padding: 10px;*/
		color: #fff;
		font-family: 'GothamLight';
	}
	
	.col_content_right_promo a{
		float: left;
		width: 250px;
		height: 200px;
	}
	
	.col_content_right_community_landing {
		float: left;
		width: 230px;
		/*min-height: 715px;*/
		background: #fff;
		padding: 10px;
	}
	
	.col_content_right_about {
		float: left;
		width: 230px;
		min-height: 595px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_right_contact {
		float: left;
		width: 230px;
		min-height: 500px;
		background: #fff;
		padding: 10px;
	}
	
	.col_leftcol {
		float: left;
		width: 640px;
	}
	
	.col_rightcol {
		float: right;
		width: 230px;
	}
	
	.col_nav {
		float: left;
		width: 640px;
		height: 30px;
		padding: 10px;
		background: #fff;
		text-align: right;
	}
	
	.col_nav_txt {
		font-size: 12px;
		color: #666
		/*color: #C92027;*/
	}
	
	
	/* homepage banner cycle */
	
	.homepage_banner { 
		height: 370px; 
		width: 660px; 
		padding:0; 
		margin:0; 
		overflow: hidden 
	}
	
	.homepage_banner img { 
		height: 370px; 
		width: 660px; 
		padding: 0px; 
		border: 0px solid #ccc; 
		background-color: #eee; top:0; left:0 
	}
	.nav_banner { margin: 5px 0; text-align: center; }
	
	#nav_banner a { 
		width: 660px;
		height: 370px;
		margin: 0 5px; 
		padding: 5px 5px; 
		border: 0px solid #ccc; 
		background: #8EC23F; 
		text-decoration: none; 
		float: center; 
		font-size: 0; 
		/* rounded edges */
		-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
	#nav_banner a.activeSlide { background: #333 }
	
	#nav_banner a:focus { outline: none; }
	
	
	/* image */
	
.img_tshirt_thumb {
	margin: 0 5px 5px 0;
	border: 5px #EBEBEC solid;
}

.img_tshirt_thumb:hover {
	margin: 0 5px 5px 0;
	border: 5px #69C292 solid;
	/*border: 5px #cc0000 solid;*/
}

.artist_image {
	float: left;
	width: 75px;
	margin: 0 10px 0 0;
	vertical-align: top;
}

.artist_image_caption {
	width: 140px;
	float: left;
	vertical-align: top;
	line-height: 16px;
}

.artist_bio {
	clear: left;
	float: left;
}

.artist_bio h4 {
	font-size: 16px;
	margin: 15px 0 5px 0;
}

.artist_bio img {
}

.artist_name {
	font-weight: bold;
	color: #666;
}


#wrapper_footer {
	background: url(/images/footer_bokchoyapparel_g.png) center;
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
	height: 125px;
	float: left;
	width: 100%;
	text-align: center;
}

p#footer_desc {
	position: absolute;
	bottom: 0px;
	left: -9999px;
}

#footer_content {
	margin: 10px auto 0 auto;
	height: 115px;
	width: 1000px;
}

.seal {
	float: right;
	width: auto;
	margin: 0 35px 0 0;
}



/* contact form */

#wrapper_contact {
	width: 620px;
}

#contact_col1of2 {
	float: left;
	width: 330px;
}

#contact_col1of2 h4 {
	clear: left;
	margin-bottom: 3px;
	font-size: 13px;
}

#contact_col2of2 {
	float: right;
	width: 270px;
}

.contact_left, 
.contact_right {
	width: 150px;
	padding: 0;
	margin: 0 0 10px 0;
	clear: none;
}

.contact_left input[type=text], 
.contact_right input[type=text] {
	float: left;
}

.contact_right input[type=radio] {
	margin: 13px 0 0 0;
	padding: 0;
}

.contact_left {
	float: left;
}

.contact_right {
	float: right;
	margin: 0 -5px 0 0;
}

.contact_submit {
	float: right;
	width: auto;
	margin: 15px -3px 0 0;
}


.fname {
	width: 145px;
}

.lname {
	width: 140px;
}

.phnum {
	width: 325px;
}

.email {
	width: 325px;
}

.email_vote {
	width: 100%;
	border: 1px solid #8EC23F;
}

.address {
	width: 325px;
}

.city {
	width: 145px;
}

.state {
	width: 25px;
}

.zip {
	width: 100px;
}

#state {
	width: 25px;
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}

#zip {
	width: 60px;
	margin: 0;
	padding: 0;
	float: left;
}

.textarea {
	width: 325px;
}



/* blog */
.blog_item {
	margin: 0 0 40px 0;
}
h2#blog {
	color: #C92027;
}



/* CAPTCHA */
#recaptcha_widget_div {
	clear: both !important;
}



/*
 * Accordian
 */
h2.acc_trigger a {
	color: #666;
}

h2.acc_trigger span {
	color: #7FC241;
}



/*
 * Newsletter Tray
 */
#newsletter_tray {
	position: relative;
	background: #fff;
	margin: 0 auto;
	padding: 0 10px;
	width: 980px;
	height: 60px;
	display: none;
	-moz-box-shadow: inset 1px -3px 8px rgba(0,0,0,.08);
	-webkit-box-shadow: inset 1px -3px 8px rgba(0,0,0,.08);
	box-shadow: inset 1px -3px 8px rgba(0,0,0,.08);
	overflow: hidden;
	background: #999;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BD0000', endColorstr='#EB4330'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#BD0000), to(#EB4330)); 
	background: -moz-linear-gradient(top,  #BD0000,  #EB4330); 
}

#newsletter_tray a.drawer_close {
	position: absolute;
	right: 10px;
	top: 5px;
}

#newsletter_tray img {
	float: left;
	margin: 3px 10px 0 0;
}

#newsletter_tray form {
	display: inline;
}

input#home_fname, input#home_lname, input#home_email {
	position: relative;
	width: 120px;
	top: 15px;
	float: left;
	margin: 0 2px 0 0;
	padding: 4px;
	color: #930000;
	font-size: 9pt;
	border: 1px solid #BD0000;
	background: none;
	-moz-box-shadow: inset 1px 3px 8px rgba(0,0,0,.08);
	-webkit-box-shadow: inset 1px 3px 8px rgba(0,0,0,.08);
	box-shadow: inset 1px 3px 8px rgba(0,0,0,.08);
}

input.buttonSubmit_drawer {
	border: 1px solid #C92027;
	background: #C92027;
	color: #FFF;
	position: relative;
	top: 10px;
	margin: 5px 4px 4px 4px;
	padding: 4px;
	font-size: 9pt;
	-moz-box-shadow: 1px 3px 8px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.08);
	box-shadow: 1px 3px 8px rgba(0,0,0,.08);
}



/*
 * Google Checkout Tag
 */
#google_adsense {
	float: left;
	margin: 10px 0 30px 0;
	width: 250px;
	text-align: center;
}

#badge_container {
	padding: 0 !important;
	left: 0 !important;
	margin: 0 auto !important;
}

#badge_container a{
	height: 36px;
}

#badge_container a img{
	left: 0 !important;
}



/*
 * Donation Meter
 */
.meter-wrap{
	margin: 10px 0;
    position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 155px; height: 30px;
}

.meter-wrap, .meter-value {
    background: #bdbdbd url(/images/meter-outline.png) top left no-repeat;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 7px;
                
    color: #fff;
    text-align: center;
    width: 100%;
}



/*
 * New Image Swap
 */
 div.fadehover {
	position: relative;
}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
}



/*
 * Progress Bar
 */
.ui-progressbar-value { background-image: url(/images/pbar-ani.gif) !important; }
#progressbar {
	font-size: 90%;
	z-index: 999;
	box-shadow: #ddd 0 0 6px;
}
#tigermom_progressbar {
	font-size: 90%;
	z-index: 999;
	box-shadow: #ddd 0 0 6px;
}
#whiterabbit_progressbar {
	font-size: 90%;
	z-index: 999;
	box-shadow: #ddd 0 0 6px;
	width: 200px;
	margin: 20px auto;
}
	#whiterabbit_progressbar p {
		width: 200px;
		color: #ED1E24;
		margin: 2px 0;
		font-size: 130%;
		font-weight: bold;
		position: absolute;
		text-align: center;
	}
.home {
	display: block;
	position: absolute;
	float: left;
	top: 245px;
	left: 30px;
	width: 270px;
}
.home p {
	width: 283px;
	color: #ED1E24;
	margin: 2px 0;
	font-size: 130%;
	font-weight: bold;
	position: absolute;
	text-align: center;
}
.tsunami {
	margin: 15px 0;
	display: block;
	float: left;
	width: 160px;
}
.tsunami p {
	width: 160px;
	color: #5e775c;
	margin: 2px 0;
	font-size: 100%;
	position: absolute;
	text-align: center;
}



/*
 * Google Cart
 */
.googlecart-add-button {
	margin-top: 10px;
	/*margin-bottom: 20px;*/
	margin-left: -4px;
}

.product-price {
	clear: left;
}



/*
 * White Rabbit World
 */
h1.wrw_pgtitle {
	float: left;
	display: block;
	clear: left;
	font-size: 2.5em;
	font-weight: 100;
	padding: 0 0 10px 0;
}
#causes_gallery {
	float: left;
	margin: 0;
	padding: 0;
	height: 550px;
	width: 2470px;
}
#causes_gallery li {
	list-style: none;
	float: left;
}
#causes_gallery li img {
	clear: right;
	display: block;
	float: left;
}
#causes_gallery li img.cause_logo {
	clear: both;
	display: block;
	margin: 0 auto;
	margin: 10px 0 20px 0;
}
	.artist_bio img.cause_logo {
		width: 230px;
		height: 34px;
	}
#causes_gallery li p {
	text-align: center;
	padding: 0;
	margin: 0;
}
#causes_gallery li p.causes_beneficiary {
	font-weight: bold;
	display: block;
}
#causes_gallery li p.causes_label {
	display: block;
	clear: left;
}




/*
 * Awesome Button
 */
 .awesomebutton{
	/*background: #222 url(/images/alert-overlay.png) repeat-x;*/
	display: block;
	clear: both;
	width: 90px;
	text-align: center;
	padding: 5px 10px 6px;
	margin: 15px auto 0 auto;
	color: #444;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #ccc;
	border-bottom: 1px solid #777;
	position: relative;
	cursor: pointer;
 }
 .black {
	color: #fff;
	background: #999;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#000)); 
	background: -moz-linear-gradient(top,  #eee,  #000);
	text-shadow: 0 -1px 1px #555;
 }
 .turquoise {
 	background: #50ccf0;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#50ccf0');
 	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#50ccf0));
 	background: -moz-linear-gradient(top,  #eee,  #50ccf0);
 }
 .red {
 	background: #f11829;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f11829');
 	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f11829));
 	background: -moz-linear-gradient(top,  #eee,  #f11829);
 }
 .pink {
 	background: #f4c2e5;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4c2e5');
 	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f4c2e5));
 	background: -moz-linear-gradient(top,  #eee,  #f4c2e5);
 }
 .green {
 	background: #00ae69;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#00ae69');
 	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#00ae69));
 	background: -moz-linear-gradient(top,  #eee,  #00ae69);
 }
 .gold {
 	background: #ffcd1e;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffcd1e');
 	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ffcd1e));
 	background: -moz-linear-gradient(top,  #eee,  #ffcd1e);
 }
 .comingsoon { 	
 	background: #efefef;
 	color: #aaa;
 	-moz-box-shadow: none;
 	-webkit-box-shadow: none;
 	text-shadow: none;
 	border-bottom: none;
 	cursor: default;
 }