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


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

body {
	margin: 0;
	color: #666;
	background: #2a2a2a;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

a { /*color: #781400;*/
	color: #7fc241;
}

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

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

input, textarea {
	border: 1px solid #C92027;
}

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

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

.fancybox_image {
	z-index: 110;
}

.buttonSubmit {
	border: 1px solid #C92027;
	margin: 4px;
	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;
}



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: #9ddb5b;
	/*background-color: #cc0000;*/
}

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

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


/*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;
}
.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;
		background-image: url('../images/Homepage_Banner/header_banner.jpg')
	}
	
	#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.gif) 0px 240px;
			}
			#nav_apparel:hover, #nav_apparel_selected {
				width: 77px;
				height: 20px;
				background: url(../images/nav.gif) 0px 120px;
			}
			
			
			#nav_artists {
				width: 70px;
				height: 20px;
				background: url(../images/nav.gif) 0px 220px;
			}
			#nav_artists:hover, #nav_artists_selected {
				width: 70px;
				height: 20px;
				background: url(../images/nav.gif) 0px 100px;
			}
			
			#nav_community {
				width: 100px;
				height: 20px;
				background: url(../images/nav.gif) 0px 200px;
			}
			#nav_community:hover, #nav_community_selected {
				width: 100px;
				height: 20px;
				background: url(../images/nav.gif) 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.gif) 0px 180px;
			}
			#nav_about:hover, #nav_about_selected {
				width: 57px;
				height: 20px;
				background: url(../images/nav.gif) 0px 60px;
			}
			
			#nav_contact {
				width: 76px;
				height: 20px;
				background: url(../images/nav.gif) 0px 160px;
			}
			#nav_contact:hover, #nav_contact_selected {
				width: 76px;
				height: 20px;
				background: url(../images/nav.gif) 0px 40px;
			}
			
			#nav_faq {
				width: 32px;
				height: 20px;
				background: url(../images/nav.gif) 0px 140px;
			}
			#nav_faq:hover, #nav_faq_selected {
				width: 32px;
				height: 20px;
				background: url(../images/nav.gif) 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;
		width: 100%;
		padding: 0 0 15px 0;
		float: left;
		background: #FFF url(../images/bg_mainwrapper.gif);
	}
	
	.content {
		margin: 40px;
	}
	
	.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;
	}
	
	.artist_brief {
		float: left;
		width: 320px;
	}
	
	.artist_detail {
		float: right;
		width: 305px;
		height: 640px;
		padding: 0 15px 0 0;
	}
	
	.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 0 0 8px;
		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_about {
		float: left;
		width: 640px;
		height: 360px;
		background: #fff;
		padding: 10px;
	}
	
	.col_content_home {
		float: left;
		width: 660px;
		/*height: 396px; with navigation*/
		height: 370px;
		background: #fff;
	}
	
	.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;
	}
	
	.col_content_product {
		float: left;
		width: 640px;
		height: auto;
		min-height: 350px;
		background: #fff;
		padding: 10px;
	}
	
		.col_content_product .product-title{
			font-size: 120%;
		}
		
		.col_content_product .product-price{
			font-size: 120%;
			color: #cc1023;
		}
	
	.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_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 #8EC23F 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 img {
}

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


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

#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_col2of2 {
	float: right;
	width: 270px;
}

.contact_left {
	float: left;
	width: 155px;
}

.contact_right {
	float: right;
	width: 155px;
}

.contact_submit {
	float: right;
	width: auto;
}


.fname {
}

.lname {
}

.phnum {
	width: 325px;
}

.email {
	width: 325px;
}

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

.address {
	width: 325px;
}

.city {
}

.state {
	width: 25px;
}

.zip {
	width: 105px;
}

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

#zip {
	margin: 0;
	padding: 0;
	float: left;
}

.textarea {
	width: 325px;
}



/* blog */
.blog_item {
	margin: 0 0 40px 0;
}