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

	

/*-------------------------------------------
SPECIAL HBAR to start description 625 down
---------------------------------------------*/
#hbar625 {
	width: 100%;
	padding-top:400px;
	height: 20px;
	background-image:url('images/separator-bottom.png');
	background-position:bottom;
	background-repeat:no-repeat;
}


/*-------------------------------------------
DESIGN DESCRIPTION
---------------------------------------------*/
#desc {
	width: 860px;
	overflow:auto;
	padding:0px 20px 10px 20px;
}

#desc img{
	float:right;
	margin:10px 0 15px 15px
}
#desc ul{
	font-size:1.3em;
}


/*-------------------------------------------
AlSO LIKES
---------------------------------------------*/

#alsolikes-header {
	width: 860px;
	height:40px;
	padding-left: 20px;
	line-height : 40px;
}


#alsolikes-thumbcontainer {
	width:870px;
	overflow:auto;
	padding-left:15px;
}
	
	

.alsolikes-thumb {
	font-size:1.2em;
	text-align:center;
	width:174px;
	min-height:200px;
	background:url('images/thumbback.png');
	background-repeat:no-repeat;
	float:left;
}

.alsolikes-thumb a {color:#444444; text-decoration:none;}
.alsolikes-thumb a:link {color:#444444; text-decoration:none;}
.alsolikes-thumb a:visited {color:#444444; text-decoration:none;}
.alsolikes-thumb a:hover {color:#7ea611; text-decoration:none;}

.alsolikes-thumb:hover{
	background-image:url('images/thumbback.png');
	background-position:-174px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
}


/*-------------------------------------------
PRODUCT LAYOUT - GENERAL
---------------------------------------------*/
#product-container {
	position:absolute;
	top:225px;
	width:900px;
	height:400px;
	z-index:10;
}


.product-header {
	font-family: 'Ubuntu', sans-serif;
	font-size:1.9em;
	font-weight:500;
	height:40px;
	line-height:40px;
	width:100%;
	color:#000;
	background-image:url('images/masterback.png');
	background-position:0px -80px;
	background-repeat:repeat-x;
	
}
.product-header1 { height:40px; width:68px; float:left; background-image:url('images/bullet-sprite.png'); background-position:0px 0px; background-repeat:no-repeat; }
.product-header2 { height:40px; width:68px; float:left; background-image:url('images/bullet-sprite.png'); background-position:-68px 0px; background-repeat:no-repeat; }
.product-header3 { height:40px; width:68px; float:left; background-image:url('images/bullet-sprite.png'); background-position:-136px 0px; background-repeat:no-repeat; }


#product-leftpane {
	position: relative;
	height:400px;
	width:370px;
	padding:0px 0px 0px 0px;
	float:left;
}
#product-rightpane {
	position: relative;
	height:400px;
	width:460px;
	padding-right:20px;
	float:left;
}
#product-leftshaddow{
	height:400px;
	width:20px;
	float:left;
	background-image:url('images/separator-vertical-270.jpg');
	background-repeat:no-repeat;
}
#product-rightshaddow{
	height:400px;
	width:30px;
	float:left;
	background-image:url('images/separator-vertical-270.jpg');
	background-position:-20px 0px;
	background-repeat:no-repeat;
}

/*-------------------------------------------
PRODUCT LAYOUT - LEFT SIDE
---------------------------------------------*/

#formtext {
	width: 125px;
	font-size:13.5px;
	height: 90px;
	line-height:25px;
	float:left;
	margin-left:30px;
}
#formselect {
	width: 160px;
	font-size:12.5px;
	height: 90px;
	line-height:25px;
	float:left;
}
#formselect select {
	width:155px;
}
	
#formswatch {
	width: 22px;
	height: 90px;
	float:left;
}
#formswatch img{
	vertical-align:middle;
	margin-bottom:1px;
	margin-top:2px;
}
#designimage {
	width:240px;
	height:240px;
	background-image:url('images/designmainback.png');
	background-repeat:no-repeat;
	margin-left:64px;
	position:relative;
}
img.back {
	position:absolute;
	top: 20px;
	left: 20px;
	z-index:10;
}
img.accent {
	position:absolute;
	top: 20px;
	left: 20px;
	z-index:11;
}
img.fill {
	position:absolute;
	top: 20px;
	left: 20px;
	z-index:12;
}
/*-------------------------------------------
PRODUCT LAYOUT - RIGHT SIDE
---------------------------------------------*/
#product-preview {
	position:relative;
	width:460px;
	height:150px;
}


img.accentshirt{
	position:absolute;
	z-index:13;
	top:38px;
	left:41px;
	height:78px;
	width:78px;
}
img.accentmug{
	position:absolute;
	z-index:13;
	top:45px;
	left:196px;
	height:78px;
	width:75px;
}
img.accenttie{
	position:absolute;
	z-index:13;
	top:40px;
	left:371px;
	height:78px;
	width:78px;
}



img.fillshirt{
	position:absolute;
	z-index:14;
	top:38px;
	left:41px;
	height:78px;
	width:78px;
}
img.fillmug{
	position:absolute;
	z-index:14;
	top:45px;
	left:196px;
	height:78px;
	width:75px;
}
img.filltie{
	position:absolute;
	z-index:14;
	top:40px;
	left:371px;
	height:78px;
	width:78px;
}

#shirtprice{
	width:160px;
	height:55px;
	text-align:center;
	float:left;
	font-size:1.2em;
}
#mugprice{
	width:165px;
	height:55px;
	text-align:center;
	float:left;
	font-size:1.2em;
}
#pricebreak{
	width:15px;
	height:55px;
	float:left;
}
#tieprice{
	width:120px;
	height:55px;
	text-align:center;
	float:left;
	font-size:1.2em;
}

#seeittext{
	width:460px;
	font-size:1.2em;
}

.continue{
	position:absolute;
	right:22px;
	bottom:10px;
	width:155px;
	height:30px;
	cursor:pointer;
	background-image:url('images/continue-sprite.png');
	background-repeat:no-repeat;
}
.continue:hover{
	background-image:url('images/continue-sprite.png');
	background-position:0px -30px;
	background-repeat:no-repeat;
	cursor:pointer;
}