/*
 *	Urchin tshirt page styles
 */


/* tshirts page */

div.category-thumbnail {
	margin-top: 50px;
	width: 50%;
	float: left;
/*
	border: 1px solid #999;
	float: left;
	width: 300;
	border: 1px solid #999;
	margin: 0 15px 15px 0;
	padding: 5px;
*/
}


div.category-thumbnail br { /* Break for the following text */
	clear: both;
}

div.shirt-thumbnail {
	margin-top: 30px;
	width: 33%;
	float: left;
}

div.shirt-thumbnail br {
	clear: both;
}

div.design-thumbnail {
	margin-top: 30px;
/*	width: 325px; */
/*	width: 30%; */
	float: left;
	margin-right: 30px;
}

div.design-thumbnail br {
	clear: both;
}

div.design-thumbnail-1 {
	margin-top: 20px;
	margin-left: 45px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	border: 1px solid #bfbfb6;
}

div.design-thumbnail-1 br {
	clear: both;
	width: 380px; /* Width of the images */
}

div.design-thumbnail-cutout {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	border: 1px solid #bfbfb6;
}

div.design-thumbnail-cutout span {
	margin-top: 1em;
}


div.decorate-thumbnail {
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #bfbfb6;
}


/* tshirt detail page */

div.shirt-detail-image {
/*	background: #efefed; */
	background: white;
	padding:15px;
	width: 520; /* Images are all 480 */
	float: left;
	border: 1px solid #bfbfb6;
}

div.tshirt-form-image {
	width: 530; /* Images are all 500 */
	float: left;
	margin-bottom: 20px;
}

div.tshirt-form-thumb {
	border: 1px solid #bfbfb6;
	float: left;
	margin-right: 6px;
}


div.canvas-detail-image {
	/* No border for the canvas*/
	width: 520; /* Images are all 480 */
	width: 50px;
	float: left;
	background: white;
	padding:15px;
	border: 1px solid #bfbfb6;
}


div.shirt-detail-image br {
	clear: both;
}

div.shirt-detail-form {
	margin-left: 1em;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
/*	background: #efefed; */
	background: white;
	float: left;
	width: 300px;
	border: 1px solid #bfbfb6;

}

div.shirt-detail-form span.label {
	text-align: left;
	min-width: 6em;
}

table.shirt-detail-form {
	margin-left: 1em;
	border: 2px;
}

table.shirt-detail-form td {
	padding-bottom: 1em;
}

table.shirt-detail-form td.itemname {
/*	font-family: "Times New Roman", Times, serif;
	color: black;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: left;
*/
	text-align: left;
	padding-right: 1em;
	color: blue;
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 0em;
}

table.shirt-detail-form td.price {
	text-align: left;
	padding-right: 1em;
	color: black;
	font-weight: bold;
}

table.shirt-detail-form td.label {
	text-align: left;
	padding-right: 1em;
}

div.shirt-detail-form p {
	margin-bottom: 1em;
}

img.cart-thumbnail {
	float: left;
	width: 40px;
	margin-left: 15px;
	margin-right: 15px;
	height: 40px;
}

img.cart-thumbnail-tshirt {
	float: left;
	width: 40px;
	margin-left: 15px;
	margin-right: 15px;
	height: 40px;
}

img.cart-thumbnail-canvas {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	width: 40px;
	height: 40px;
}

img.swatch {
	margin-top: 1px; 
	margin-bottom: 1px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: gray
}

img.swatch-selected {
	border-width: 3px; 
	border-style: solid; 
	border-color: gray
}